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

package/dist-cms/packages/core/workspace/controllers/workspace-route-manager.controller.js

@@ -1,20 +1,15 @@
-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 _UmbWorkspaceRouteManager_routes;
 import { UmbControllerBase } from '../../../../libs/class-api/index.js';
 import { UmbArrayState } from '../../../../libs/observable-api/index.js';
 export class UmbWorkspaceRouteManager extends UmbControllerBase {
     constructor() {
         super(...arguments);
         //
-        _UmbWorkspaceRouteManager_routes.set(this, new UmbArrayState([], (x) => x.path));
-        this.routes = __classPrivateFieldGet(this, _UmbWorkspaceRouteManager_routes, "f").asObservable();
+        this.#routes = new UmbArrayState([], (x) => x.path);
+        this.routes = this.#routes.asObservable();
     }
+    //
+    #routes;
     setRoutes(routes) {
-        __classPrivateFieldGet(this, _UmbWorkspaceRouteManager_routes, "f").setValue(routes);
+        this.#routes.setValue(routes);
     }
 }
-_UmbWorkspaceRouteManager_routes = new WeakMap();

package/dist-cms/packages/core/workspace/controllers/workspace-split-view-manager.controller.js

@@ -1,9 +1,3 @@
-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 _UmbWorkspaceSplitViewManager_activeVariantsInfo;
 import { UmbVariantId } from '../../variant/index.js';
 import { UmbArrayState } from '../../../../libs/observable-api/index.js';
 /**
@@ -13,9 +7,10 @@ import { UmbArrayState } from '../../../../libs/observable-api/index.js';
  */
 export class UmbWorkspaceSplitViewManager {
     constructor() {
-        _UmbWorkspaceSplitViewManager_activeVariantsInfo.set(this, new UmbArrayState([], (x) => x.index));
-        this.activeVariantsInfo = __classPrivateFieldGet(this, _UmbWorkspaceSplitViewManager_activeVariantsInfo, "f").asObservable();
+        this.#activeVariantsInfo = new UmbArrayState([], (x) => x.index);
+        this.activeVariantsInfo = this.#activeVariantsInfo.asObservable();
     }
+    #activeVariantsInfo;
     getWorkspaceRoute() {
         return this._routeBase;
     }
@@ -23,18 +18,18 @@ export class UmbWorkspaceSplitViewManager {
         this._routeBase = route;
     }
     setActiveVariant(index, culture, segment) {
-        __classPrivateFieldGet(this, _UmbWorkspaceSplitViewManager_activeVariantsInfo, "f").appendOne({ index, culture: culture || null, segment: segment || null });
+        this.#activeVariantsInfo.appendOne({ index, culture: culture || null, segment: segment || null });
     }
     getActiveVariants() {
-        return __classPrivateFieldGet(this, _UmbWorkspaceSplitViewManager_activeVariantsInfo, "f").getValue();
+        return this.#activeVariantsInfo.getValue();
     }
     removeActiveVariant(index) {
         if (this.getActiveVariants().length > 1) {
-            __classPrivateFieldGet(this, _UmbWorkspaceSplitViewManager_activeVariantsInfo, "f").removeOne(index);
+            this.#activeVariantsInfo.removeOne(index);
         }
     }
     activeVariantByIndex(index) {
-        return __classPrivateFieldGet(this, _UmbWorkspaceSplitViewManager_activeVariantsInfo, "f").asObservablePart((data) => data[index] || undefined);
+        return this.#activeVariantsInfo.asObservablePart((data) => data[index] || undefined);
     }
     switchVariant(index, variantId) {
         // TODO: remember current path and extend url with it.
@@ -79,4 +74,3 @@ export class UmbWorkspaceSplitViewManager {
         return false;
     }
 }
-_UmbWorkspaceSplitViewManager_activeVariantsInfo = new WeakMap();

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

@@ -4,5 +4,6 @@ export * from './controllers/index.js';
 export * from './modals/index.js';
 export * from './workspace-property-dataset/index.js';
 export * from './workspace.element.js';
+export * from './paths.js';
 export type * from './conditions/index.js';
 export type * from './types.js';

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

@@ -4,3 +4,4 @@ export * from './controllers/index.js';
 export * from './modals/index.js';
 export * from './workspace-property-dataset/index.js';
 export * from './workspace.element.js';
+export * from './paths.js';

package/dist-cms/packages/core/workspace/kinds/editable/editable-workspace.element.js

@@ -20,14 +20,14 @@ let UmbEditableWorkspaceElement = class UmbEditableWorkspaceElement extends UmbL
     render() {
         return html ` <umb-router-slot .routes="${this._routes}"></umb-router-slot>`;
     }
-};
-UmbEditableWorkspaceElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			form {
 				display: contents;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     state()
 ], UmbEditableWorkspaceElement.prototype, "_routes", void 0);

package/dist-cms/packages/core/workspace/modals/workspace-modal.element.d.ts

@@ -1,8 +1,8 @@
 import type { CSSResultGroup } from '../../../../external/lit/index.js';
-import type { UmbWorkspaceData } from '../../modal/index.js';
+import type { UmbWorkspaceModalData } from '../../modal/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 export declare class UmbWorkspaceModalElement extends UmbLitElement {
-    data?: UmbWorkspaceData;
+    data?: UmbWorkspaceModalData;
     /**
      * TODO: Consider if this binding and events integration is the right for communicating back the modal handler. Or if we should go with some Context API. like a Modal Context API.
      *

package/dist-cms/packages/core/workspace/modals/workspace-modal.element.js

@@ -15,16 +15,16 @@ let UmbWorkspaceModalElement = class UmbWorkspaceModalElement extends UmbLitElem
     render() {
         return this.data ? html `<umb-workspace .entityType=${this.data.entityType}></umb-workspace>` : '';
     }
-};
-UmbWorkspaceModalElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				display: block;
 				height: 100%;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ attribute: false })
 ], UmbWorkspaceModalElement.prototype, "data", void 0);

package/dist-cms/packages/core/workspace/paths.d.ts

@@ -0,0 +1,6 @@
+import { UmbPathPattern } from '../router/index.js';
+export declare const UMB_WORKSPACE_PATH_PATTERN: UmbPathPattern<{
+    entityType: string;
+}, {
+    sectionName: string;
+}>;

package/dist-cms/packages/core/workspace/paths.js

@@ -0,0 +1,3 @@
+import { UmbPathPattern } from '../router/index.js';
+import { UMB_SECTION_PATH_PATTERN } from '../section/index.js';
+export const UMB_WORKSPACE_PATH_PATTERN = new UmbPathPattern('workspace/:entityType', UMB_SECTION_PATH_PATTERN);

package/dist-cms/packages/core/workspace/workspace-property-dataset/invariant-workspace-property-dataset-context.js

@@ -1,15 +1,3 @@
-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 __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 _UmbInvariantWorkspacePropertyDatasetContext_workspace;
 import { UMB_PROPERTY_DATASET_CONTEXT } from '../../property/index.js';
 import { UmbContextBase } from '../../../../libs/class-api/index.js';
 import { UmbVariantId } from '../../variant/index.js';
@@ -17,39 +5,38 @@ import { UmbVariantId } from '../../variant/index.js';
  * A property dataset context that hooks directly into the workspace context.
  */
 export class UmbInvariantWorkspacePropertyDatasetContext extends UmbContextBase {
+    #workspace;
     // default data:
     getVariantId() {
         return UmbVariantId.CreateInvariant();
     }
     getEntityType() {
-        return __classPrivateFieldGet(this, _UmbInvariantWorkspacePropertyDatasetContext_workspace, "f").getEntityType();
+        return this.#workspace.getEntityType();
     }
     getUnique() {
-        return __classPrivateFieldGet(this, _UmbInvariantWorkspacePropertyDatasetContext_workspace, "f").getUnique();
+        return this.#workspace.getUnique();
     }
     getName() {
-        return __classPrivateFieldGet(this, _UmbInvariantWorkspacePropertyDatasetContext_workspace, "f").getName();
+        return this.#workspace.getName();
     }
     setName(name) {
-        __classPrivateFieldGet(this, _UmbInvariantWorkspacePropertyDatasetContext_workspace, "f").setName(name);
+        this.#workspace.setName(name);
     }
     constructor(host, workspace) {
         super(host, UMB_PROPERTY_DATASET_CONTEXT);
-        _UmbInvariantWorkspacePropertyDatasetContext_workspace.set(this, void 0);
-        __classPrivateFieldSet(this, _UmbInvariantWorkspacePropertyDatasetContext_workspace, workspace, "f");
-        this.name = __classPrivateFieldGet(this, _UmbInvariantWorkspacePropertyDatasetContext_workspace, "f").name;
+        this.#workspace = workspace;
+        this.name = this.#workspace.name;
     }
     /**
      * TODO: Write proper JSDocs here.
      */
     async propertyValueByAlias(propertyAlias) {
-        return await __classPrivateFieldGet(this, _UmbInvariantWorkspacePropertyDatasetContext_workspace, "f").propertyValueByAlias(propertyAlias);
+        return await this.#workspace.propertyValueByAlias(propertyAlias);
     }
     /**
      * TODO: Write proper JSDocs here.
      */
     async setPropertyValue(propertyAlias, value) {
-        return __classPrivateFieldGet(this, _UmbInvariantWorkspacePropertyDatasetContext_workspace, "f").setPropertyValue(propertyAlias, value);
+        return this.#workspace.setPropertyValue(propertyAlias, value);
     }
 }
-_UmbInvariantWorkspacePropertyDatasetContext_workspace = new WeakMap();

package/dist-cms/packages/data-type/collection/repository/data-type-collection.repository.js

@@ -1,41 +1,28 @@
-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 _UmbDataTypeCollectionRepository_init, _UmbDataTypeCollectionRepository_itemStore, _UmbDataTypeCollectionRepository_collectionSource;
 import { UMB_DATA_TYPE_ITEM_STORE_CONTEXT } from '../../repository/item/data-type-item.store.js';
 import { UmbDataTypeCollectionServerDataSource } from './data-type-collection.server.data-source.js';
 import { UmbRepositoryBase } from '../../../core/repository/index.js';
 export class UmbDataTypeCollectionRepository extends UmbRepositoryBase {
+    #init;
+    #itemStore;
+    #collectionSource;
     constructor(host) {
         super(host);
-        _UmbDataTypeCollectionRepository_init.set(this, void 0);
-        _UmbDataTypeCollectionRepository_itemStore.set(this, void 0);
-        _UmbDataTypeCollectionRepository_collectionSource.set(this, void 0);
-        __classPrivateFieldSet(this, _UmbDataTypeCollectionRepository_init, Promise.all([
+        this.#init = Promise.all([
             this.consumeContext(UMB_DATA_TYPE_ITEM_STORE_CONTEXT, (instance) => {
-                __classPrivateFieldSet(this, _UmbDataTypeCollectionRepository_itemStore, instance, "f");
+                this.#itemStore = instance;
             }).asPromise(),
-        ]), "f");
-        __classPrivateFieldSet(this, _UmbDataTypeCollectionRepository_collectionSource, new UmbDataTypeCollectionServerDataSource(host), "f");
+        ]);
+        this.#collectionSource = new UmbDataTypeCollectionServerDataSource(host);
     }
     async requestCollection(query) {
-        await __classPrivateFieldGet(this, _UmbDataTypeCollectionRepository_init, "f");
-        const { data, error } = await __classPrivateFieldGet(this, _UmbDataTypeCollectionRepository_collectionSource, "f").getCollection(query);
+        await this.#init;
+        const { data, error } = await this.#collectionSource.getCollection(query);
         if (data) {
-            __classPrivateFieldGet(this, _UmbDataTypeCollectionRepository_itemStore, "f").appendItems(data.items);
+            this.#itemStore.appendItems(data.items);
         }
         const uniques = data?.items.map((item) => item.unique) ?? [];
-        return { data, error, asObservable: () => __classPrivateFieldGet(this, _UmbDataTypeCollectionRepository_itemStore, "f").items(uniques) };
+        return { data, error, asObservable: () => this.#itemStore.items(uniques) };
     }
     destroy() { }
 }
-_UmbDataTypeCollectionRepository_init = new WeakMap(), _UmbDataTypeCollectionRepository_itemStore = new WeakMap(), _UmbDataTypeCollectionRepository_collectionSource = new WeakMap();
 export default UmbDataTypeCollectionRepository;

package/dist-cms/packages/data-type/collection/repository/data-type-collection.server.data-source.js

@@ -1,15 +1,4 @@
-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 _UmbDataTypeCollectionServerDataSource_host, _UmbDataTypeCollectionServerDataSource_manifestPropertyEditorUis;
+import { UMB_DATA_TYPE_ENTITY_TYPE } from '../../entity.js';
 import { tryExecuteAndNotify } from '../../../core/resources/index.js';
 import { DataTypeService } from '../../../../external/backend-api/index.js';
 import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
@@ -20,19 +9,19 @@ import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js
  * @implements {UmbCollectionDataSource}
  */
 export class UmbDataTypeCollectionServerDataSource {
+    #host;
+    #manifestPropertyEditorUis = [];
     /**
      * Creates an instance of UmbDataTypeCollectionServerDataSource.
      * @param {UmbControllerHost} host
      * @DataTypeof UmbDataTypeCollectionServerDataSource
      */
     constructor(host) {
-        _UmbDataTypeCollectionServerDataSource_host.set(this, void 0);
-        _UmbDataTypeCollectionServerDataSource_manifestPropertyEditorUis.set(this, []);
-        __classPrivateFieldSet(this, _UmbDataTypeCollectionServerDataSource_host, host, "f");
+        this.#host = host;
         umbExtensionsRegistry
             .byType('propertyEditorUi')
             .subscribe((manifestPropertyEditorUIs) => {
-            __classPrivateFieldSet(this, _UmbDataTypeCollectionServerDataSource_manifestPropertyEditorUis, manifestPropertyEditorUIs, "f");
+            this.#manifestPropertyEditorUis = manifestPropertyEditorUIs;
         })
             .unsubscribe();
     }
@@ -43,7 +32,7 @@ export class UmbDataTypeCollectionServerDataSource {
      * @DataTypeof UmbDataTypeCollectionServerDataSource
      */
     async getCollection(filter) {
-        const { data, error } = await tryExecuteAndNotify(__classPrivateFieldGet(this, _UmbDataTypeCollectionServerDataSource_host, "f"), DataTypeService.getFilterDataType(filter));
+        const { data, error } = await tryExecuteAndNotify(this.#host, DataTypeService.getFilterDataType(filter));
         if (error) {
             return { error };
         }
@@ -53,14 +42,14 @@ export class UmbDataTypeCollectionServerDataSource {
         const { items, total } = data;
         const mappedItems = items.map((item) => {
             const dataTypeDetail = {
+                entityType: UMB_DATA_TYPE_ENTITY_TYPE,
                 unique: item.id,
                 name: item.name,
                 propertyEditorUiAlias: item.editorUiAlias,
-                icon: __classPrivateFieldGet(this, _UmbDataTypeCollectionServerDataSource_manifestPropertyEditorUis, "f").find((ui) => ui.alias === item.editorUiAlias)?.meta.icon,
+                icon: this.#manifestPropertyEditorUis.find((ui) => ui.alias === item.editorUiAlias)?.meta.icon,
             };
             return dataTypeDetail;
         });
         return { data: { items: mappedItems, total } };
     }
 }
-_UmbDataTypeCollectionServerDataSource_host = new WeakMap(), _UmbDataTypeCollectionServerDataSource_manifestPropertyEditorUis = new WeakMap();

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

@@ -4,18 +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 __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 _UmbInputDataTypeElement_editDataTypeModal;
 import { UMB_DATATYPE_WORKSPACE_MODAL } from '../../index.js';
 import { UMB_DATA_TYPE_PICKER_FLOW_MODAL } from '../../modals/index.js';
 import { css, html, customElement, property, state } from '../../../../external/lit/index.js';
@@ -49,10 +37,10 @@ let UmbInputDataTypeElement = class UmbInputDataTypeElement extends UUIFormContr
     get value() {
         return super.value?.toString() ?? '';
     }
+    #editDataTypeModal;
     constructor() {
         super();
-        _UmbInputDataTypeElement_editDataTypeModal.set(this, void 0);
-        __classPrivateFieldSet(this, _UmbInputDataTypeElement_editDataTypeModal, new UmbModalRouteRegistrationController(this, UMB_DATATYPE_WORKSPACE_MODAL), "f");
+        this.#editDataTypeModal = new UmbModalRouteRegistrationController(this, UMB_DATATYPE_WORKSPACE_MODAL);
         new UmbModalRouteRegistrationController(this, UMB_DATA_TYPE_PICKER_FLOW_MODAL)
             .onSetup(() => {
             return {
@@ -78,7 +66,7 @@ let UmbInputDataTypeElement = class UmbInputDataTypeElement extends UUIFormContr
 						data-type-id=${this._ids[0]}
 						@open=${() => {
                 // TODO: Could use something smarter for workspace modals, as I would like to avoid setting the rest of the URL here:
-                __classPrivateFieldGet(this, _UmbInputDataTypeElement_editDataTypeModal, "f")?.open({}, 'edit/' + this._ids[0]);
+                this.#editDataTypeModal?.open({}, 'edit/' + this._ids[0]);
             }}
 						standalone>
 						<uui-action-bar slot="actions">
@@ -95,17 +83,16 @@ let UmbInputDataTypeElement = class UmbInputDataTypeElement extends UUIFormContr
 						.href=${this._createRoute}></uui-button>
 				`;
     }
-};
-_UmbInputDataTypeElement_editDataTypeModal = new WeakMap();
-UmbInputDataTypeElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			#empty-state-button {
 				width: 100%;
 				--uui-button-padding-top-factor: 4;
 				--uui-button-padding-bottom-factor: 4;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     state()
 ], UmbInputDataTypeElement.prototype, "_ids", void 0);

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

@@ -1,6 +1,8 @@
 import type { UmbDataTypeItemModel } from '../../repository/item/types.js';
+import type { UmbDataTypePickerModalData } from '../../modals/index.js';
+import type { UmbDataTypeTreeItemModel } from '../../tree/types.js';
 import { UmbPickerInputContext } from '../../../core/picker-input/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
-export declare class UmbDataTypePickerContext extends UmbPickerInputContext<UmbDataTypeItemModel> {
+export declare class UmbDataTypePickerContext extends UmbPickerInputContext<UmbDataTypeItemModel, UmbDataTypeTreeItemModel, UmbDataTypePickerModalData> {
     constructor(host: UmbControllerHost);
 }

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

@@ -3,8 +3,6 @@ import { UMB_DATA_TYPE_PICKER_MODAL } from '../../modals/index.js';
 import { UmbPickerInputContext } from '../../../core/picker-input/index.js';
 export class UmbDataTypePickerContext extends UmbPickerInputContext {
     constructor(host) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
         super(host, UMB_DATA_TYPE_ITEM_REPOSITORY_ALIAS, UMB_DATA_TYPE_PICKER_MODAL);
     }
 }

package/dist-cms/packages/data-type/components/data-type-input/data-type-input.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 _UmbDataTypeInputElement_instances, _UmbDataTypeInputElement_sorter, _UmbDataTypeInputElement_pickerContext, _UmbDataTypeInputElement_openPicker, _UmbDataTypeInputElement_removeItem, _UmbDataTypeInputElement_renderAddButton, _UmbDataTypeInputElement_renderItems, _UmbDataTypeInputElement_renderItem;
 import { UmbDataTypePickerContext } from './data-type-input.context.js';
 import { css, html, customElement, nothing, property, repeat, state } from '../../../../external/lit/index.js';
 import { splitStringToArray } from '../../../core/utils/index.js';
@@ -19,6 +13,7 @@ import { UmbSorterController } from '../../../core/sorter/index.js';
 import { UUIFormControlMixin } from '../../../../external/uui/index.js';
 // TODO: Rename to 'umb-input-data-type'. [LK]
 let UmbDataTypeInputElement = class UmbDataTypeInputElement extends UUIFormControlMixin(UmbLitElement, '') {
+    #sorter;
     /**
      * This is a minimum amount of selected items in this input.
      * @type {number}
@@ -26,10 +21,10 @@ let UmbDataTypeInputElement = class UmbDataTypeInputElement extends UUIFormContr
      * @default 0
      */
     set min(value) {
-        __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").min = value;
+        this.#pickerContext.min = value;
     }
     get min() {
-        return __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").min;
+        return this.#pickerContext.min;
     }
     /**
      * This is a maximum amount of selected items in this input.
@@ -38,17 +33,17 @@ let UmbDataTypeInputElement = class UmbDataTypeInputElement extends UUIFormContr
      * @default Infinity
      */
     set max(value) {
-        __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").max = value;
+        this.#pickerContext.max = value;
     }
     get max() {
-        return __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").max;
+        return this.#pickerContext.max;
     }
     set selection(uniques) {
-        __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").setSelection(uniques ?? []);
-        __classPrivateFieldGet(this, _UmbDataTypeInputElement_sorter, "f").setModel(uniques);
+        this.#pickerContext.setSelection(uniques ?? []);
+        this.#sorter.setModel(uniques);
     }
     get selection() {
-        return __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").getSelection();
+        return this.#pickerContext.getSelection();
     }
     set value(uniques) {
         this.selection = splitStringToArray(uniques);
@@ -56,10 +51,10 @@ let UmbDataTypeInputElement = class UmbDataTypeInputElement extends UUIFormContr
     get value() {
         return this.selection.join(',');
     }
+    #pickerContext;
     constructor() {
         super();
-        _UmbDataTypeInputElement_instances.add(this);
-        _UmbDataTypeInputElement_sorter.set(this, new UmbSorterController(this, {
+        this.#sorter = new UmbSorterController(this, {
             getUniqueOfElement: (element) => {
                 return element.id;
             },
@@ -73,7 +68,7 @@ let UmbDataTypeInputElement = class UmbDataTypeInputElement extends UUIFormContr
                 this.selection = model;
                 this.dispatchEvent(new UmbChangeEvent());
             },
-        }));
+        });
         /**
          * Min validation message.
          * @type {boolean}
@@ -88,68 +83,65 @@ let UmbDataTypeInputElement = class UmbDataTypeInputElement extends UUIFormContr
          * @default
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
-        _UmbDataTypeInputElement_pickerContext.set(this, new UmbDataTypePickerContext(this));
-        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").getSelection().length < this.min);
-        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").getSelection().length > this.max);
-        this.observe(__classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").selection, (selection) => (this.value = selection.join(',')), '_observeSelection');
-        this.observe(__classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").selectedItems, (selectedItems) => (this._items = selectedItems), '_observerItems');
+        this.#pickerContext = new UmbDataTypePickerContext(this);
+        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.#pickerContext.getSelection().length < this.min);
+        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.#pickerContext.getSelection().length > this.max);
+        this.observe(this.#pickerContext.selection, (selection) => (this.value = selection.join(',')), '_observeSelection');
+        this.observe(this.#pickerContext.selectedItems, (selectedItems) => (this._items = selectedItems), '_observerItems');
     }
     getFormElement() {
         return undefined;
     }
+    #openPicker() {
+        this.#pickerContext.openPicker({
+            hideTreeRoot: true,
+        });
+    }
+    #removeItem(item) {
+        this.#pickerContext.requestRemoveItem(item.unique);
+    }
     render() {
-        return html `${__classPrivateFieldGet(this, _UmbDataTypeInputElement_instances, "m", _UmbDataTypeInputElement_renderItems).call(this)} ${__classPrivateFieldGet(this, _UmbDataTypeInputElement_instances, "m", _UmbDataTypeInputElement_renderAddButton).call(this)}`;
+        return html `${this.#renderItems()} ${this.#renderAddButton()}`;
     }
-};
-_UmbDataTypeInputElement_sorter = new WeakMap();
-_UmbDataTypeInputElement_pickerContext = new WeakMap();
-_UmbDataTypeInputElement_instances = new WeakSet();
-_UmbDataTypeInputElement_openPicker = function _UmbDataTypeInputElement_openPicker() {
-    __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").openPicker({
-        hideTreeRoot: true,
-    });
-};
-_UmbDataTypeInputElement_removeItem = function _UmbDataTypeInputElement_removeItem(item) {
-    __classPrivateFieldGet(this, _UmbDataTypeInputElement_pickerContext, "f").requestRemoveItem(item.unique);
-};
-_UmbDataTypeInputElement_renderAddButton = function _UmbDataTypeInputElement_renderAddButton() {
-    if (this.max > 0 && this.selection.length >= this.max)
-        return nothing;
-    return html `
+    #renderAddButton() {
+        if (this.max > 0 && this.selection.length >= this.max)
+            return nothing;
+        return html `
 			<uui-button
 				id="btn-add"
 				look="placeholder"
-				@click=${__classPrivateFieldGet(this, _UmbDataTypeInputElement_instances, "m", _UmbDataTypeInputElement_openPicker)}
+				@click=${this.#openPicker}
 				label="${this.localize.term('general_choose')}"></uui-button>
 		`;
-};
-_UmbDataTypeInputElement_renderItems = function _UmbDataTypeInputElement_renderItems() {
-    if (!this._items)
-        return nothing;
-    return html `
+    }
+    #renderItems() {
+        if (!this._items)
+            return nothing;
+        return html `
 			<uui-ref-list>
-				${repeat(this._items, (item) => item.unique, (item) => __classPrivateFieldGet(this, _UmbDataTypeInputElement_instances, "m", _UmbDataTypeInputElement_renderItem).call(this, item))}
+				${repeat(this._items, (item) => item.unique, (item) => this.#renderItem(item))}
 			</uui-ref-list>
 		`;
-};
-_UmbDataTypeInputElement_renderItem = function _UmbDataTypeInputElement_renderItem(item) {
-    if (!item.unique)
-        return;
-    return html `
+    }
+    #renderItem(item) {
+        if (!item.unique)
+            return;
+        return html `
 			<uui-ref-node-data-type name=${item.name} id=${item.unique}>
 				<uui-action-bar slot="actions">
-					<uui-button @click=${() => __classPrivateFieldGet(this, _UmbDataTypeInputElement_instances, "m", _UmbDataTypeInputElement_removeItem).call(this, item)} label=${this.localize.term('general_remove')}></uui-button>
+					<uui-button @click=${() => this.#removeItem(item)} label=${this.localize.term('general_remove')}></uui-button>
 				</uui-action-bar>
 			</uui-ref-node-data-type>
 		`;
-};
-UmbDataTypeInputElement.styles = [
-    css `
+    }
+    static { this.styles = [
+        css `
 			#btn-add {
 				width: 100%;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Number })
 ], UmbDataTypeInputElement.prototype, "min", null);