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

package/dist-cms/packages/core/components/multiple-text-string-input/input-multiple-text-string.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 _UmbInputMultipleTextStringElement_instances, _UmbInputMultipleTextStringElement_sorter, _UmbInputMultipleTextStringElement_onAdd, _UmbInputMultipleTextStringElement_onInput, _UmbInputMultipleTextStringElement_focusNewItem, _UmbInputMultipleTextStringElement_deleteItem, _UmbInputMultipleTextStringElement_renderItems, _UmbInputMultipleTextStringElement_renderAddButton;
 import { css, html, nothing, repeat, customElement, property, state } from '../../../../external/lit/index.js';
 import { UmbChangeEvent } from '../../event/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
@@ -19,10 +13,10 @@ import { UmbFormControlMixin } from '../../validation/index.js';
  * @element umb-input-multiple-text-string
  */
 let UmbInputMultipleTextStringElement = class UmbInputMultipleTextStringElement extends UmbFormControlMixin(UmbLitElement, undefined) {
+    #sorter;
     constructor() {
         super();
-        _UmbInputMultipleTextStringElement_instances.add(this);
-        _UmbInputMultipleTextStringElement_sorter.set(this, new UmbSorterController(this, {
+        this.#sorter = new UmbSorterController(this, {
             getUniqueOfElement: (element) => {
                 return element.getAttribute('data-sort-entry-id');
             },
@@ -37,7 +31,7 @@ let UmbInputMultipleTextStringElement = class UmbInputMultipleTextStringElement
                 this._items = model;
                 this.requestUpdate('_items', oldValue);
             },
-        }));
+        });
         /**
          * Min validation message.
          * @type {boolean}
@@ -87,72 +81,80 @@ let UmbInputMultipleTextStringElement = class UmbInputMultipleTextStringElement
         // TODO: when we have a way to overwrite the missing value validator we can remove this
         this.value = items?.length > 0 ? 'some value' : '';
         this._items = items ?? [];
-        __classPrivateFieldGet(this, _UmbInputMultipleTextStringElement_sorter, "f").setModel(this.items);
+        this.#sorter.setModel(this.items);
+    }
+    // TODO: Some inputs might not have a value that is either FormDataEntryValue or FormData.
+    //  How do we handle this?
+    /*
+    @property()
+    public set value(value: FormDataEntryValue | FormData) {
+        throw new Error(`${this} does not support to set the value directly. Use items instead.`);
+    }
+    public get value() {
+        throw new Error(`${this} does not support to get the value directly. Use items instead.`);
+    }
+    */
+    #onAdd() {
+        this._items = [...this._items, ''];
+        this.pristine = false;
+        this.dispatchEvent(new UmbChangeEvent());
+        this.#focusNewItem();
+    }
+    #onInput(event, currentIndex) {
+        event.stopPropagation();
+        const target = event.currentTarget;
+        const value = target.value;
+        this._items = this._items.map((item, index) => (index === currentIndex ? value : item));
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    async #focusNewItem() {
+        await this.updateComplete;
+        const items = this.shadowRoot?.querySelectorAll('umb-input-multiple-text-string-item');
+        const newItem = items[items.length - 1];
+        newItem.focus();
+    }
+    #deleteItem(event, itemIndex) {
+        event.stopPropagation();
+        this._items = this._items.filter((item, index) => index !== itemIndex);
+        this.pristine = false;
+        this.dispatchEvent(new UmbChangeEvent());
     }
     getFormElement() {
         return undefined;
     }
     render() {
-        return html `<div id="sorter-wrapper">${__classPrivateFieldGet(this, _UmbInputMultipleTextStringElement_instances, "m", _UmbInputMultipleTextStringElement_renderItems).call(this)}</div>
-			${__classPrivateFieldGet(this, _UmbInputMultipleTextStringElement_instances, "m", _UmbInputMultipleTextStringElement_renderAddButton).call(this)}`;
+        return html `<div id="sorter-wrapper">${this.#renderItems()}</div>
+			${this.#renderAddButton()}`;
     }
-};
-_UmbInputMultipleTextStringElement_sorter = new WeakMap();
-_UmbInputMultipleTextStringElement_instances = new WeakSet();
-_UmbInputMultipleTextStringElement_onAdd = function _UmbInputMultipleTextStringElement_onAdd() {
-    this._items = [...this._items, ''];
-    this.pristine = false;
-    this.dispatchEvent(new UmbChangeEvent());
-    __classPrivateFieldGet(this, _UmbInputMultipleTextStringElement_instances, "m", _UmbInputMultipleTextStringElement_focusNewItem).call(this);
-};
-_UmbInputMultipleTextStringElement_onInput = function _UmbInputMultipleTextStringElement_onInput(event, currentIndex) {
-    event.stopPropagation();
-    const target = event.currentTarget;
-    const value = target.value;
-    this._items = this._items.map((item, index) => (index === currentIndex ? value : item));
-    this.dispatchEvent(new UmbChangeEvent());
-};
-_UmbInputMultipleTextStringElement_focusNewItem = async function _UmbInputMultipleTextStringElement_focusNewItem() {
-    await this.updateComplete;
-    const items = this.shadowRoot?.querySelectorAll('umb-input-multiple-text-string-item');
-    const newItem = items[items.length - 1];
-    newItem.focus();
-};
-_UmbInputMultipleTextStringElement_deleteItem = function _UmbInputMultipleTextStringElement_deleteItem(event, itemIndex) {
-    event.stopPropagation();
-    this._items = this._items.filter((item, index) => index !== itemIndex);
-    this.pristine = false;
-    this.dispatchEvent(new UmbChangeEvent());
-};
-_UmbInputMultipleTextStringElement_renderItems = function _UmbInputMultipleTextStringElement_renderItems() {
-    return html `
+    #renderItems() {
+        return html `
 			${repeat(this._items, (item, index) => index, (item, index) => html `<umb-input-multiple-text-string-item
 						value=${item}
 						name="item-${index}"
 						data-sort-entry-id=${item}
-						@input=${(event) => __classPrivateFieldGet(this, _UmbInputMultipleTextStringElement_instances, "m", _UmbInputMultipleTextStringElement_onInput).call(this, event, index)}
-						@delete="${(event) => __classPrivateFieldGet(this, _UmbInputMultipleTextStringElement_instances, "m", _UmbInputMultipleTextStringElement_deleteItem).call(this, event, index)}"
+						@input=${(event) => this.#onInput(event, index)}
+						@delete="${(event) => this.#deleteItem(event, index)}"
 						?disabled=${this.disabled}
 						?readonly=${this.readonly}
 						required
 						required-message="Item ${index + 1} is missing a value"></umb-input-multiple-text-string-item>`)}
 		`;
-};
-_UmbInputMultipleTextStringElement_renderAddButton = function _UmbInputMultipleTextStringElement_renderAddButton() {
-    return html `
+    }
+    #renderAddButton() {
+        return html `
 			${this.disabled || this.readonly
-        ? nothing
-        : html `<uui-button
+            ? nothing
+            : html `<uui-button
 						id="action"
 						label="Add"
 						look="placeholder"
 						color="default"
-						@click="${__classPrivateFieldGet(this, _UmbInputMultipleTextStringElement_instances, "m", _UmbInputMultipleTextStringElement_onAdd)}"
+						@click="${this.#onAdd}"
 						?disabled=${this.disabled}></uui-button>`}
 		`;
-};
-UmbInputMultipleTextStringElement.styles = [
-    css `
+    }
+    static { this.styles = [
+        css `
 			#action {
 				display: block;
 			}
@@ -169,7 +171,8 @@ UmbInputMultipleTextStringElement.styles = [
 				border: 1px dashed var(--uui-color-divider-emphasis);
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Number })
 ], UmbInputMultipleTextStringElement.prototype, "min", void 0);

package/dist-cms/packages/core/components/popover-layout/popover-layout.element.js

@@ -19,10 +19,9 @@ let UmbPopoverLayoutElement = class UmbPopoverLayoutElement extends UmbLitElemen
     render() {
         return html `<slot></slot>`;
     }
-};
-UmbPopoverLayoutElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				background-color: var(--uui-color-surface);
 				display: block;
@@ -32,7 +31,8 @@ UmbPopoverLayoutElement.styles = [
 				overflow: clip;
 			}
 		`,
-];
+    ]; }
+};
 UmbPopoverLayoutElement = __decorate([
     customElement('umb-popover-layout')
 ], UmbPopoverLayoutElement);

package/dist-cms/packages/core/components/ref-item/ref-item.element.js

@@ -36,12 +36,11 @@ let UmbRefItemElement = class UmbRefItemElement extends UmbElementMixin(UUIRefEl
 			<slot></slot>
 		`;
     }
-};
-UmbRefItemElement.styles = [
-    ...UUIRefElement.styles,
-    ...UUIRefNodeElement.styles,
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        ...UUIRefElement.styles,
+        ...UUIRefNodeElement.styles,
+        UmbTextStyles,
+        css `
 			:host {
 				padding: calc(var(--uui-size-4) + 1px);
 			}
@@ -58,7 +57,8 @@ UmbRefItemElement.styles = [
 				cursor: pointer;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: String })
 ], UmbRefItemElement.prototype, "name", void 0);

package/dist-cms/packages/core/components/stack/stack.element.js

@@ -32,9 +32,8 @@ let UmbStackElement = class UmbStackElement extends UmbLitElement {
             <slot></slot>
         </div>`;
     }
-};
-UmbStackElement.styles = [
-    css `
+    static { this.styles = [
+        css `
             div {
                 display: block;
                 position: relative;
@@ -74,7 +73,8 @@ UmbStackElement.styles = [
                 display: none;
             }
         `
-];
+    ]; }
+};
 __decorate([
     property({ type: String })
 ], UmbStackElement.prototype, "look", void 0);

package/dist-cms/packages/core/components/table/table.element.js

@@ -185,10 +185,9 @@ let UmbTableElement = class UmbTableElement extends LitElement {
         }
         return value;
     }
-};
-UmbTableElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				height: fit-content;
 			}
@@ -248,7 +247,8 @@ UmbTableElement.styles = [
 				vertical-align: top;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Array, attribute: false })
 ], UmbTableElement.prototype, "items", void 0);

package/dist-cms/packages/core/content/workspace/views/edit/content-editor-properties.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 __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 _UmbContentWorkspaceViewEditPropertiesElement_instances, _UmbContentWorkspaceViewEditPropertiesElement_propertyStructureHelper, _UmbContentWorkspaceViewEditPropertiesElement_variantId, _UmbContentWorkspaceViewEditPropertiesElement_generatePropertyDataPath;
 import { css, html, customElement, property, state, repeat } from '../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../style/index.js';
 import { UmbContentTypePropertyStructureHelper } from '../../../../content-type/index.js';
@@ -25,30 +13,38 @@ import { UMB_PROPERTY_STRUCTURE_WORKSPACE_CONTEXT } from '../../../../workspace/
 import { UMB_PROPERTY_DATASET_CONTEXT } from '../../../../property/index.js';
 let UmbContentWorkspaceViewEditPropertiesElement = class UmbContentWorkspaceViewEditPropertiesElement extends UmbLitElement {
     get containerId() {
-        return __classPrivateFieldGet(this, _UmbContentWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").getContainerId();
+        return this.#propertyStructureHelper.getContainerId();
     }
     set containerId(value) {
-        __classPrivateFieldGet(this, _UmbContentWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").setContainerId(value);
+        this.#propertyStructureHelper.setContainerId(value);
     }
+    #propertyStructureHelper = new UmbContentTypePropertyStructureHelper(this);
+    #variantId;
     constructor() {
         super();
-        _UmbContentWorkspaceViewEditPropertiesElement_instances.add(this);
-        _UmbContentWorkspaceViewEditPropertiesElement_propertyStructureHelper.set(this, new UmbContentTypePropertyStructureHelper(this));
-        _UmbContentWorkspaceViewEditPropertiesElement_variantId.set(this, void 0);
         this.consumeContext(UMB_PROPERTY_STRUCTURE_WORKSPACE_CONTEXT, (workspaceContext) => {
-            __classPrivateFieldGet(this, _UmbContentWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").setStructureManager(
+            this.#propertyStructureHelper.setStructureManager(
             // Assuming its the same content model type that we are working with here... [NL]
             workspaceContext.structure);
         });
         this.consumeContext(UMB_PROPERTY_DATASET_CONTEXT, (datasetContext) => {
-            __classPrivateFieldSet(this, _UmbContentWorkspaceViewEditPropertiesElement_variantId, datasetContext.getVariantId(), "f");
-            __classPrivateFieldGet(this, _UmbContentWorkspaceViewEditPropertiesElement_instances, "m", _UmbContentWorkspaceViewEditPropertiesElement_generatePropertyDataPath).call(this);
+            this.#variantId = datasetContext.getVariantId();
+            this.#generatePropertyDataPath();
         });
-        this.observe(__classPrivateFieldGet(this, _UmbContentWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").propertyStructure, (propertyStructure) => {
+        this.observe(this.#propertyStructureHelper.propertyStructure, (propertyStructure) => {
             this._propertyStructure = propertyStructure;
-            __classPrivateFieldGet(this, _UmbContentWorkspaceViewEditPropertiesElement_instances, "m", _UmbContentWorkspaceViewEditPropertiesElement_generatePropertyDataPath).call(this);
+            this.#generatePropertyDataPath();
         }, null);
     }
+    #generatePropertyDataPath() {
+        if (!this.#variantId || !this._propertyStructure)
+            return;
+        this._dataPaths = this._propertyStructure.map((property) => `$.values[${UmbDataPathPropertyValueFilter({
+            alias: property.alias,
+            culture: property.variesByCulture ? this.#variantId.culture : null,
+            segment: property.variesBySegment ? this.#variantId.segment : null,
+        })}].value`);
+    }
     render() {
         return this._propertyStructure && this._dataPaths
             ? repeat(this._propertyStructure, (property) => property.alias, (property, index) => html `<umb-property-type-based-property
@@ -57,22 +53,9 @@ let UmbContentWorkspaceViewEditPropertiesElement = class UmbContentWorkspaceView
 							.property=${property}></umb-property-type-based-property> `)
             : '';
     }
-};
-_UmbContentWorkspaceViewEditPropertiesElement_propertyStructureHelper = new WeakMap();
-_UmbContentWorkspaceViewEditPropertiesElement_variantId = new WeakMap();
-_UmbContentWorkspaceViewEditPropertiesElement_instances = new WeakSet();
-_UmbContentWorkspaceViewEditPropertiesElement_generatePropertyDataPath = function _UmbContentWorkspaceViewEditPropertiesElement_generatePropertyDataPath() {
-    if (!__classPrivateFieldGet(this, _UmbContentWorkspaceViewEditPropertiesElement_variantId, "f") || !this._propertyStructure)
-        return;
-    this._dataPaths = this._propertyStructure.map((property) => `$.values[${UmbDataPathPropertyValueFilter({
-        alias: property.alias,
-        culture: property.variesByCulture ? __classPrivateFieldGet(this, _UmbContentWorkspaceViewEditPropertiesElement_variantId, "f").culture : null,
-        segment: property.variesBySegment ? __classPrivateFieldGet(this, _UmbContentWorkspaceViewEditPropertiesElement_variantId, "f").segment : null,
-    })}].value`);
-};
-UmbContentWorkspaceViewEditPropertiesElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			.property {
 				border-bottom: 1px solid var(--uui-color-divider);
 			}
@@ -80,7 +63,8 @@ UmbContentWorkspaceViewEditPropertiesElement.styles = [
 				border-bottom: 0;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: String, attribute: 'container-id', reflect: false })
 ], UmbContentWorkspaceViewEditPropertiesElement.prototype, "containerId", null);

package/dist-cms/packages/core/content/workspace/views/edit/content-editor-tab.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 _UmbContentWorkspaceViewEditTabElement_groupStructureHelper;
 import { css, html, customElement, property, state, repeat } from '../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../style/index.js';
 import { UmbContentTypeContainerStructureHelper } from '../../../../content-type/index.js';
@@ -22,22 +16,23 @@ let UmbContentWorkspaceViewEditTabElement = class UmbContentWorkspaceViewEditTab
     }
     set containerId(value) {
         this._containerId = value;
-        __classPrivateFieldGet(this, _UmbContentWorkspaceViewEditTabElement_groupStructureHelper, "f").setContainerId(value);
+        this.#groupStructureHelper.setContainerId(value);
     }
+    #groupStructureHelper;
     constructor() {
         super();
-        _UmbContentWorkspaceViewEditTabElement_groupStructureHelper.set(this, new UmbContentTypeContainerStructureHelper(this));
+        this.#groupStructureHelper = new UmbContentTypeContainerStructureHelper(this);
         this._groups = [];
         this._hasProperties = false;
         this.consumeContext(UMB_PROPERTY_STRUCTURE_WORKSPACE_CONTEXT, (workspaceContext) => {
-            __classPrivateFieldGet(this, _UmbContentWorkspaceViewEditTabElement_groupStructureHelper, "f").setStructureManager(
+            this.#groupStructureHelper.setStructureManager(
             // Assuming its the same content model type that we are working with here... [NL]
             workspaceContext.structure);
         });
-        this.observe(__classPrivateFieldGet(this, _UmbContentWorkspaceViewEditTabElement_groupStructureHelper, "f").mergedContainers, (groups) => {
+        this.observe(this.#groupStructureHelper.mergedContainers, (groups) => {
             this._groups = groups;
         });
-        this.observe(__classPrivateFieldGet(this, _UmbContentWorkspaceViewEditTabElement_groupStructureHelper, "f").hasProperties, (hasProperties) => {
+        this.observe(this.#groupStructureHelper.hasProperties, (hasProperties) => {
             this._hasProperties = hasProperties;
         });
     }
@@ -59,11 +54,9 @@ let UmbContentWorkspaceViewEditTabElement = class UmbContentWorkspaceViewEditTab
 					</uui-box>`)}
 		`;
     }
-};
-_UmbContentWorkspaceViewEditTabElement_groupStructureHelper = new WeakMap();
-UmbContentWorkspaceViewEditTabElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			uui-box {
 				--uui-box-default-padding: 0 var(--uui-size-space-5);
 			}
@@ -71,7 +64,8 @@ UmbContentWorkspaceViewEditTabElement.styles = [
 				margin-top: var(--uui-size-layout-1);
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: String })
 ], UmbContentWorkspaceViewEditTabElement.prototype, "containerId", null);

package/dist-cms/packages/core/content/workspace/views/edit/content-editor.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 _UmbContentWorkspaceViewEditElement_structureManager;
 import { css, html, customElement, state, repeat } from '../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../style/index.js';
 import { UmbContentTypeContainerStructureHelper } from '../../../../content-type/index.js';
@@ -24,6 +12,7 @@ import { UmbLitElement } from '../../../../lit-element/index.js';
 import { UMB_PROPERTY_STRUCTURE_WORKSPACE_CONTEXT } from '../../../../workspace/index.js';
 import './content-editor-tab.element.js';
 let UmbContentWorkspaceViewEditElement = class UmbContentWorkspaceViewEditElement extends UmbLitElement {
+    #structureManager;
     constructor() {
         super();
         //@state()
@@ -31,7 +20,6 @@ let UmbContentWorkspaceViewEditElement = class UmbContentWorkspaceViewEditElemen
         this._hasRootGroups = false;
         this._routes = [];
         this._activePath = '';
-        _UmbContentWorkspaceViewEditElement_structureManager.set(this, void 0);
         this._tabsStructureHelper = new UmbContentTypeContainerStructureHelper(this);
         this._tabsStructureHelper.setIsRoot(true);
         this._tabsStructureHelper.setContainerChildType('Tab');
@@ -41,21 +29,21 @@ let UmbContentWorkspaceViewEditElement = class UmbContentWorkspaceViewEditElemen
         }, null);
         // _hasRootProperties can be gotten via _tabsStructureHelper.hasProperties. But we do not support root properties currently.
         this.consumeContext(UMB_PROPERTY_STRUCTURE_WORKSPACE_CONTEXT, (workspaceContext) => {
-            __classPrivateFieldSet(this, _UmbContentWorkspaceViewEditElement_structureManager, workspaceContext.structure, "f");
+            this.#structureManager = workspaceContext.structure;
             this._tabsStructureHelper.setStructureManager(workspaceContext.structure);
             this._observeRootGroups();
         });
     }
     _observeRootGroups() {
-        if (!__classPrivateFieldGet(this, _UmbContentWorkspaceViewEditElement_structureManager, "f"))
+        if (!this.#structureManager)
             return;
-        this.observe(__classPrivateFieldGet(this, _UmbContentWorkspaceViewEditElement_structureManager, "f").hasRootContainers('Group'), (hasRootGroups) => {
+        this.observe(this.#structureManager.hasRootContainers('Group'), (hasRootGroups) => {
             this._hasRootGroups = hasRootGroups;
             this._createRoutes();
         }, '_observeGroups');
     }
     _createRoutes() {
-        if (!this._tabs || !__classPrivateFieldGet(this, _UmbContentWorkspaceViewEditElement_structureManager, "f"))
+        if (!this._tabs || !this.#structureManager)
             return;
         const routes = [];
         if (this._tabs.length > 0) {
@@ -129,18 +117,17 @@ let UmbContentWorkspaceViewEditElement = class UmbContentWorkspaceViewEditElemen
 			</umb-body-layout>
 		`;
     }
-};
-_UmbContentWorkspaceViewEditElement_structureManager = new WeakMap();
-UmbContentWorkspaceViewEditElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				display: block;
 				height: 100%;
 				--uui-tab-background: var(--uui-color-surface);
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     state()
 ], UmbContentWorkspaceViewEditElement.prototype, "_hasRootGroups", void 0);

package/dist-cms/packages/core/content-type/components/property-type-based-property/property-type-based-property.element.js

@@ -60,15 +60,15 @@ let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElem
 					.config=${this._dataTypeData}></umb-property>`
             : '';
     }
-};
-UmbPropertyTypeBasedPropertyElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				display: block;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Object, attribute: false })
 ], UmbPropertyTypeBasedPropertyElement.prototype, "property", null);

package/dist-cms/packages/core/content-type/composition/content-type-composition-data-source.interface.d.ts

@@ -0,0 +1,6 @@
+import type { UmbContentTypeCompositionCompatibleModel, UmbContentTypeCompositionReferenceModel, UmbContentTypeAvailableCompositionRequestModel } from './types.js';
+import type { UmbDataSourceResponse } from '../../repository/index.js';
+export interface UmbContentTypeCompositionDataSource<CompositionReferenceModelType extends UmbContentTypeCompositionReferenceModel, CompositionCompatibleModelType extends UmbContentTypeCompositionCompatibleModel, AvailableCompositionsRequestType extends UmbContentTypeAvailableCompositionRequestModel> {
+    getReferences(unique: string): Promise<UmbDataSourceResponse<Array<CompositionReferenceModelType>>>;
+    availableCompositions(args: AvailableCompositionsRequestType): Promise<UmbDataSourceResponse<Array<CompositionCompatibleModelType>>>;
+}

package/dist-cms/packages/core/content-type/composition/content-type-composition-data-source.interface.js

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

package/dist-cms/packages/core/content-type/composition/content-type-composition-repository.interface.d.ts

@@ -0,0 +1,6 @@
+import type { UmbContentTypeCompositionCompatibleModel, UmbContentTypeCompositionReferenceModel, UmbContentTypeAvailableCompositionRequestModel } from './types.js';
+import type { UmbRepositoryResponse } from '../../repository/index.js';
+export interface UmbContentTypeCompositionRepository<CompositionReferenceModelType extends UmbContentTypeCompositionReferenceModel = UmbContentTypeCompositionReferenceModel, CompositionCompatibleModelType extends UmbContentTypeCompositionCompatibleModel = UmbContentTypeCompositionCompatibleModel, AvailableCompositionsRequestType extends UmbContentTypeAvailableCompositionRequestModel = UmbContentTypeAvailableCompositionRequestModel> {
+    getReferences(unique: string): Promise<UmbRepositoryResponse<Array<CompositionReferenceModelType>>>;
+    availableCompositions(args: AvailableCompositionsRequestType): Promise<UmbRepositoryResponse<Array<CompositionCompatibleModelType>>>;
+}

package/dist-cms/packages/core/content-type/composition/content-type-composition-repository.interface.js

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

package/dist-cms/packages/core/content-type/composition/index.d.ts

@@ -0,0 +1,3 @@
+export type { UmbContentTypeCompositionRepository } from './content-type-composition-repository.interface.js';
+export type { UmbContentTypeCompositionDataSource } from './content-type-composition-data-source.interface.js';
+export * from './types.js';

package/dist-cms/packages/core/content-type/composition/index.js

@@ -0,0 +1 @@
+export * from './types.js';

package/dist-cms/packages/core/content-type/composition/types.d.ts

@@ -0,0 +1,17 @@
+export interface UmbContentTypeCompositionReferenceModel {
+    unique: string;
+    name: string;
+    icon: string;
+}
+export interface UmbContentTypeAvailableCompositionRequestModel {
+    unique: string | null;
+    currentPropertyAliases: Array<string>;
+    currentCompositeUniques: Array<string>;
+}
+export interface UmbContentTypeCompositionCompatibleModel {
+    unique: string;
+    name: string;
+    icon: string;
+    folderPath: Array<string>;
+    isCompatible: boolean;
+}

package/dist-cms/packages/core/content-type/composition/types.js

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

package/dist-cms/packages/core/content-type/index.d.ts

@@ -4,3 +4,4 @@ export * from './repository/index.js';
 export * from './structure/index.js';
 export * from './types.js';
 export * from './workspace/index.js';
+export * from './composition/index.js';

package/dist-cms/packages/core/content-type/index.js

@@ -4,3 +4,4 @@ export * from './repository/index.js';
 export * from './structure/index.js';
 export * from './types.js';
 export * from './workspace/index.js';
+export * from './composition/index.js';