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

package/dist-cms/packages/core/content-type/modals/property-type-settings/property-type-settings-modal.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 _UmbPropertyTypeSettingsModalElement_instances, _UmbPropertyTypeSettingsModalElement_isNew, _UmbPropertyTypeSettingsModalElement_context, _UmbPropertyTypeSettingsModalElement_onSubmit, _UmbPropertyTypeSettingsModalElement_onNameChange, _UmbPropertyTypeSettingsModalElement_onAliasChange, _UmbPropertyTypeSettingsModalElement_onDescriptionChange, _UmbPropertyTypeSettingsModalElement_onDataTypeIdChange, _UmbPropertyTypeSettingsModalElement_onMandatoryChange, _UmbPropertyTypeSettingsModalElement_onMandatoryMessageChange, _UmbPropertyTypeSettingsModalElement_setAppearanceNormal, _UmbPropertyTypeSettingsModalElement_setAppearanceTop, _UmbPropertyTypeSettingsModalElement_onToggleAliasLock, _UmbPropertyTypeSettingsModalElement_onCustomValidationChange, _UmbPropertyTypeSettingsModalElement_onValidationRegExChange, _UmbPropertyTypeSettingsModalElement_onValidationMessageChange, _UmbPropertyTypeSettingsModalElement_onVaryByCultureChange, _UmbPropertyTypeSettingsModalElement_renderAlignLeftIcon, _UmbPropertyTypeSettingsModalElement_renderAlignTopIcon, _UmbPropertyTypeSettingsModalElement_renderMandatory, _UmbPropertyTypeSettingsModalElement_renderCustomValidation, _UmbPropertyTypeSettingsModalElement_renderVariationControls, _UmbPropertyTypeSettingsModalElement_renderVaryByCulture;
 import { UMB_PROPERTY_TYPE_WORKSPACE_ALIAS, UmbPropertyTypeWorkspaceContext, } from './property-type-settings-modal.context.js';
 import { UmbTextStyles } from '../../../style/index.js';
 import { css, html, nothing, customElement, state } from '../../../../../external/lit/index.js';
@@ -27,7 +15,6 @@ import { UMB_CONTENT_TYPE_WORKSPACE_CONTEXT } from '../../index.js';
 let UmbPropertyTypeSettingsModalElement = class UmbPropertyTypeSettingsModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
-        _UmbPropertyTypeSettingsModalElement_instances.add(this);
         //TODO: Should these options come from the server? [NL]
         // TODO: Or should they come from a extension point? [NL]
         this._customValidationOptions = [
@@ -55,15 +42,16 @@ let UmbPropertyTypeSettingsModalElement = class UmbPropertyTypeSettingsModalElem
         ];
         this._aliasLocked = true;
         /** Indicates if the currently edited property is a new property or an existing */
-        _UmbPropertyTypeSettingsModalElement_isNew.set(this, false);
-        _UmbPropertyTypeSettingsModalElement_context.set(this, new UmbPropertyTypeWorkspaceContext(this));
+        this.#isNew = false;
+        this.#context = new UmbPropertyTypeWorkspaceContext(this);
     }
+    /** Indicates if the currently edited property is a new property or an existing */
+    #isNew;
+    #context;
     connectedCallback() {
         super.connectedCallback();
         this.consumeContext(UMB_CONTENT_TYPE_WORKSPACE_CONTEXT, (instance) => {
-            if (!this.data?.contentTypeId)
-                return;
-            if (instance.getUnique() !== this.data.contentTypeId) {
+            if (!this.data?.contentTypeId || instance.getUnique() !== this.data.contentTypeId) {
                 // We can currently only edit properties that are part of a content type workspace, which has to be present outside of the modal. [NL]
                 throw new Error('The content type workspace context does not match the content type id of the property type settings modal.');
             }
@@ -71,7 +59,7 @@ let UmbPropertyTypeSettingsModalElement = class UmbPropertyTypeSettingsModalElem
             this.observe(instance.variesBySegment, (variesBySegment) => (this._contentTypeVariesBySegment = variesBySegment));
         }).skipHost();
         this._originalPropertyData = this.value;
-        __classPrivateFieldSet(this, _UmbPropertyTypeSettingsModalElement_isNew, this.value.alias === '', "f");
+        this.#isNew = this.value.alias === '';
         const regEx = this.value.validation?.regEx ?? null;
         if (regEx) {
             const newlySelected = this._customValidationOptions.find((option) => {
@@ -91,16 +79,118 @@ let UmbPropertyTypeSettingsModalElement = class UmbPropertyTypeSettingsModalElem
             }
         }
     }
+    #onSubmit(event) {
+        event.preventDefault();
+        const form = event.target;
+        if (!form)
+            return;
+        const isValid = form.checkValidity();
+        if (!isValid)
+            return;
+        this.modalContext?.submit();
+    }
+    #onNameChange(event) {
+        const oldName = this.value.name;
+        const oldAlias = this.value.alias;
+        this.updateValue({ name: event.target.value.toString() });
+        if (this._aliasLocked) {
+            const expectedOldAlias = generateAlias(oldName ?? '');
+            // Only update the alias if the alias matches a generated alias of the old name (otherwise the alias is considered one written by the user.) [NL]
+            if (expectedOldAlias === oldAlias) {
+                this.updateValue({ alias: generateAlias(this.value.name ?? '') });
+            }
+        }
+    }
+    #onAliasChange(event) {
+        const alias = generateAlias(event.target.value.toString());
+        this.updateValue({ alias: this._aliasLocked ? this._originalPropertyData.alias : alias });
+    }
+    #onDescriptionChange(event) {
+        this.updateValue({ description: event.target.value.toString() });
+    }
+    #onDataTypeIdChange(event) {
+        const dataTypeUnique = event.target.value.toString();
+        this.updateValue({ dataType: { unique: dataTypeUnique } });
+    }
+    #onMandatoryChange(event) {
+        const mandatory = event.target.checked;
+        this.updateValue({
+            validation: { ...this.value.validation, mandatory },
+        });
+    }
+    #onMandatoryMessageChange(event) {
+        const mandatoryMessage = event.target.value.toString();
+        this.updateValue({
+            validation: { ...this.value.validation, mandatoryMessage },
+        });
+    }
+    #setAppearanceNormal() {
+        const currentValue = this.value.appearance?.labelOnTop;
+        if (currentValue !== true)
+            return;
+        this.updateValue({
+            appearance: { ...this.value.appearance, labelOnTop: false },
+        });
+    }
+    #setAppearanceTop() {
+        const currentValue = this.value.appearance?.labelOnTop;
+        if (currentValue === true)
+            return;
+        this.updateValue({
+            appearance: { ...this.value.appearance, labelOnTop: true },
+        });
+    }
+    #onToggleAliasLock() {
+        this._aliasLocked = !this._aliasLocked;
+    }
+    #onCustomValidationChange(event) {
+        const value = event.target.value.toString();
+        const regEx = value !== '!NOVALIDATION!' ? value : null;
+        this._customValidationOptions.forEach((option) => {
+            option.selected = option.value === regEx;
+        });
+        this.requestUpdate('_customValidationOptions');
+        this.updateValue({
+            validation: { ...this.value.validation, regEx },
+        });
+    }
+    #onValidationRegExChange(event) {
+        const value = event.target.value.toString();
+        const regEx = value !== '!NOVALIDATION!' ? value : null;
+        const betterChoice = this._customValidationOptions.find((option) => {
+            option.selected = option.value === value;
+            return option.selected;
+        });
+        if (betterChoice === undefined) {
+            this._customValidationOptions[4].selected = true;
+            this.requestUpdate('_customValidationOptions');
+        }
+        this.updateValue({
+            validation: { ...this.value.validation, regEx },
+        });
+    }
+    #onValidationMessageChange(event) {
+        const regExMessage = event.target.value.toString();
+        this.updateValue({
+            validation: { ...this.value.validation, regExMessage },
+        });
+    }
+    #onVaryByCultureChange(event) {
+        const variesByCulture = event.target.checked;
+        this.updateValue({
+            variesByCulture,
+        });
+    }
     // TODO: This would conceptually be a Property Type Workspace, should be changed at one point in the future. [NL]
     // For now this is hacky made available by giving the element an fixed alias. [NL]
     // This would allow for workspace views and workspace actions. [NL]
     render() {
         return html `
 			<uui-form>
-				<form @submit="${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onSubmit)}">
+				<form @submit="${this.#onSubmit}">
 					<umb-workspace-editor
 						alias=${UMB_PROPERTY_TYPE_WORKSPACE_ALIAS}
-						headline=${this.localize.term(__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_isNew, "f") ? 'contentTypeEditor_addProperty' : 'contentTypeEditor_editProperty')}>
+						headline=${this.localize.term(this.#isNew ? 'contentTypeEditor_addProperty' : 'contentTypeEditor_editProperty')}>
 						<div id="content">
 							<uui-box>
 								<div class="container">
@@ -109,7 +199,7 @@ let UmbPropertyTypeSettingsModalElement = class UmbPropertyTypeSettingsModalElem
 										id="name-input"
 										name="name"
 										label="property name (TODO: Localize)"
-										@input=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onNameChange)}
+										@input=${this.#onNameChange}
 										.value=${this.value.name}
 										placeholder="Enter a name..."
 										${umbFocus()}>
@@ -118,43 +208,43 @@ let UmbPropertyTypeSettingsModalElement = class UmbPropertyTypeSettingsModalElem
 									<uui-input
 										id="alias-input"
 										name="alias"
-										@input=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onAliasChange)}
+										@input=${this.#onAliasChange}
 										.value=${this.value.alias}
 										placeholder="Enter alias..."
 										?disabled=${this._aliasLocked}>
 										<!-- TODO: validation for bad characters -->
-										<div @click=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onToggleAliasLock)} @keydown=${() => ''} id="alias-lock" slot="prepend">
+										<div @click=${this.#onToggleAliasLock} @keydown=${() => ''} id="alias-lock" slot="prepend">
 											<uui-icon name=${this._aliasLocked ? 'icon-lock' : 'icon-unlocked'}></uui-icon>
 										</div>
 									</uui-input>
 									<uui-textarea
 										id="description-input"
 										name="description"
-										@input=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onDescriptionChange)}
+										@input=${this.#onDescriptionChange}
 										placeholder="Enter description..."
 										.value=${this.value.description}></uui-textarea>
 								</div>
 								<umb-data-type-flow-input
 									.value=${this.value.dataType?.unique ?? ''}
-									@change=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onDataTypeIdChange)}></umb-data-type-flow-input>
+									@change=${this.#onDataTypeIdChange}></umb-data-type-flow-input>
 								<hr />
 								<div class="container">
 									<b>Validation</b>
-									${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_renderMandatory).call(this)}
+									${this.#renderMandatory()}
 									<p style="margin-bottom: 0">Custom validation</p>
-									${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_renderCustomValidation).call(this)}
+									${this.#renderCustomValidation()}
 								</div>
 								<hr />
-								${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_renderVariationControls).call(this)}
+								${this.#renderVariationControls()}
 								<div class="container">
 									<b style="margin-bottom: var(--uui-size-space-3)">Appearance</b>
-									<div id="appearances">${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_renderAlignLeftIcon).call(this)} ${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_renderAlignTopIcon).call(this)}</div>
+									<div id="appearances">${this.#renderAlignLeftIcon()} ${this.#renderAlignTopIcon()}</div>
 								</div>
 							</uui-box>
 						</div>
 						<div slot="actions">
 							<uui-button
-								label="${this.localize.term(__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_isNew, "f") ? 'general_add' : 'general_update')}"
+								label="${this.localize.term(this.#isNew ? 'general_add' : 'general_update')}"
 								look="primary"
 								color="positive"
 								type="submit"></uui-button>
@@ -164,116 +254,10 @@ let UmbPropertyTypeSettingsModalElement = class UmbPropertyTypeSettingsModalElem
 			</uui-form>
 		`;
     }
-};
-_UmbPropertyTypeSettingsModalElement_isNew = new WeakMap();
-_UmbPropertyTypeSettingsModalElement_context = new WeakMap();
-_UmbPropertyTypeSettingsModalElement_instances = new WeakSet();
-_UmbPropertyTypeSettingsModalElement_onSubmit = function _UmbPropertyTypeSettingsModalElement_onSubmit(event) {
-    event.preventDefault();
-    const form = event.target;
-    if (!form)
-        return;
-    const isValid = form.checkValidity();
-    if (!isValid)
-        return;
-    this.modalContext?.submit();
-};
-_UmbPropertyTypeSettingsModalElement_onNameChange = function _UmbPropertyTypeSettingsModalElement_onNameChange(event) {
-    const oldName = this.value.name;
-    const oldAlias = this.value.alias;
-    this.updateValue({ name: event.target.value.toString() });
-    if (this._aliasLocked) {
-        const expectedOldAlias = generateAlias(oldName ?? '');
-        // Only update the alias if the alias matches a generated alias of the old name (otherwise the alias is considered one written by the user.) [NL]
-        if (expectedOldAlias === oldAlias) {
-            this.updateValue({ alias: generateAlias(this.value.name ?? '') });
-        }
-    }
-};
-_UmbPropertyTypeSettingsModalElement_onAliasChange = function _UmbPropertyTypeSettingsModalElement_onAliasChange(event) {
-    const alias = generateAlias(event.target.value.toString());
-    this.updateValue({ alias: this._aliasLocked ? this._originalPropertyData.alias : alias });
-};
-_UmbPropertyTypeSettingsModalElement_onDescriptionChange = function _UmbPropertyTypeSettingsModalElement_onDescriptionChange(event) {
-    this.updateValue({ description: event.target.value.toString() });
-};
-_UmbPropertyTypeSettingsModalElement_onDataTypeIdChange = function _UmbPropertyTypeSettingsModalElement_onDataTypeIdChange(event) {
-    const dataTypeUnique = event.target.value.toString();
-    this.updateValue({ dataType: { unique: dataTypeUnique } });
-};
-_UmbPropertyTypeSettingsModalElement_onMandatoryChange = function _UmbPropertyTypeSettingsModalElement_onMandatoryChange(event) {
-    const mandatory = event.target.checked;
-    this.updateValue({
-        validation: { ...this.value.validation, mandatory },
-    });
-};
-_UmbPropertyTypeSettingsModalElement_onMandatoryMessageChange = function _UmbPropertyTypeSettingsModalElement_onMandatoryMessageChange(event) {
-    const mandatoryMessage = event.target.value.toString();
-    this.updateValue({
-        validation: { ...this.value.validation, mandatoryMessage },
-    });
-};
-_UmbPropertyTypeSettingsModalElement_setAppearanceNormal = function _UmbPropertyTypeSettingsModalElement_setAppearanceNormal() {
-    const currentValue = this.value.appearance?.labelOnTop;
-    if (currentValue !== true)
-        return;
-    this.updateValue({
-        appearance: { ...this.value.appearance, labelOnTop: false },
-    });
-};
-_UmbPropertyTypeSettingsModalElement_setAppearanceTop = function _UmbPropertyTypeSettingsModalElement_setAppearanceTop() {
-    const currentValue = this.value.appearance?.labelOnTop;
-    if (currentValue === true)
-        return;
-    this.updateValue({
-        appearance: { ...this.value.appearance, labelOnTop: true },
-    });
-};
-_UmbPropertyTypeSettingsModalElement_onToggleAliasLock = function _UmbPropertyTypeSettingsModalElement_onToggleAliasLock() {
-    this._aliasLocked = !this._aliasLocked;
-};
-_UmbPropertyTypeSettingsModalElement_onCustomValidationChange = function _UmbPropertyTypeSettingsModalElement_onCustomValidationChange(event) {
-    const value = event.target.value.toString();
-    const regEx = value !== '!NOVALIDATION!' ? value : null;
-    this._customValidationOptions.forEach((option) => {
-        option.selected = option.value === regEx;
-    });
-    this.requestUpdate('_customValidationOptions');
-    this.updateValue({
-        validation: { ...this.value.validation, regEx },
-    });
-};
-_UmbPropertyTypeSettingsModalElement_onValidationRegExChange = function _UmbPropertyTypeSettingsModalElement_onValidationRegExChange(event) {
-    const value = event.target.value.toString();
-    const regEx = value !== '!NOVALIDATION!' ? value : null;
-    const betterChoice = this._customValidationOptions.find((option) => {
-        option.selected = option.value === value;
-        return option.selected;
-    });
-    if (betterChoice === undefined) {
-        this._customValidationOptions[4].selected = true;
-        this.requestUpdate('_customValidationOptions');
-    }
-    this.updateValue({
-        validation: { ...this.value.validation, regEx },
-    });
-};
-_UmbPropertyTypeSettingsModalElement_onValidationMessageChange = function _UmbPropertyTypeSettingsModalElement_onValidationMessageChange(event) {
-    const regExMessage = event.target.value.toString();
-    this.updateValue({
-        validation: { ...this.value.validation, regExMessage },
-    });
-};
-_UmbPropertyTypeSettingsModalElement_onVaryByCultureChange = function _UmbPropertyTypeSettingsModalElement_onVaryByCultureChange(event) {
-    const variesByCulture = event.target.checked;
-    this.updateValue({
-        variesByCulture,
-    });
-};
-_UmbPropertyTypeSettingsModalElement_renderAlignLeftIcon = function _UmbPropertyTypeSettingsModalElement_renderAlignLeftIcon() {
-    return html `<button
+    #renderAlignLeftIcon() {
+        return html `<button
 			type="button"
-			@click=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_setAppearanceNormal)}
+			@click=${this.#setAppearanceNormal}
 			class="appearance left ${this.value.appearance?.labelOnTop ? '' : 'selected'}">
 			<svg width="200" height="48" viewBox="0 0 200 60" fill="none" xmlns="http://www.w3.org/2000/svg">
 				<rect width="94" height="14" rx="6" fill="currentColor" />
@@ -282,12 +266,12 @@ _UmbPropertyTypeSettingsModalElement_renderAlignLeftIcon = function _UmbProperty
 			</svg>
 			<label class="appearance-label"> Label on the left </label>
 		</button>`;
-};
-_UmbPropertyTypeSettingsModalElement_renderAlignTopIcon = function _UmbPropertyTypeSettingsModalElement_renderAlignTopIcon() {
-    return html `
+    }
+    #renderAlignTopIcon() {
+        return html `
 			<button
 				type="button"
-				@click=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_setAppearanceTop)}
+				@click=${this.#setAppearanceTop}
 				class="appearance top ${this.value.appearance?.labelOnTop ? 'selected' : ''}">
 				<svg width="140" height="48" viewBox="0 0 140 60" fill="none" xmlns="http://www.w3.org/2000/svg">
 					<rect width="90" height="14" rx="6" fill="currentColor" />
@@ -297,64 +281,64 @@ _UmbPropertyTypeSettingsModalElement_renderAlignTopIcon = function _UmbPropertyT
 				<label class="appearance-label"> Label on top </label>
 			</button>
 		`;
-};
-_UmbPropertyTypeSettingsModalElement_renderMandatory = function _UmbPropertyTypeSettingsModalElement_renderMandatory() {
-    return html `<div style="display: flex; justify-content: space-between">
+    }
+    #renderMandatory() {
+        return html `<div style="display: flex; justify-content: space-between">
 				<label for="mandatory">Field is mandatory</label>
 				<uui-toggle
-					@change=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onMandatoryChange)}
+					@change=${this.#onMandatoryChange}
 					id="mandatory"
 					.checked=${this.value.validation?.mandatory ?? false}
 					slot="editor"></uui-toggle>
 			</div>
 			${this.value.validation?.mandatory
-        ? html `<uui-input
+            ? html `<uui-input
 						name="mandatory-message"
 						value=${this.value.validation?.mandatoryMessage ?? ''}
-						@change=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onMandatoryMessageChange)}
+						@change=${this.#onMandatoryMessageChange}
 						style="margin-top: var(--uui-size-space-1)"
 						id="mandatory-message"
 						placeholder="Enter a custom validation error message (optional)"></uui-input>`
-        : ''}`;
-};
-_UmbPropertyTypeSettingsModalElement_renderCustomValidation = function _UmbPropertyTypeSettingsModalElement_renderCustomValidation() {
-    return html `<uui-select
+            : ''}`;
+    }
+    #renderCustomValidation() {
+        return html `<uui-select
 				style="margin-top: var(--uui-size-space-1)"
-				@change=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onCustomValidationChange)}
+				@change=${this.#onCustomValidationChange}
 				.options=${this._customValidationOptions}></uui-select>
 
 			${this.value.validation?.regEx !== null
-        ? html `
+            ? html `
 						<uui-input
 							name="pattern"
 							style="margin-bottom: var(--uui-size-space-1); margin-top: var(--uui-size-space-5);"
-							@change=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onValidationRegExChange)}
+							@change=${this.#onValidationRegExChange}
 							.value=${this.value.validation?.regEx ?? ''}></uui-input>
 						<uui-textarea
 							name="pattern-message"
-							@change=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onValidationMessageChange)}
+							@change=${this.#onValidationMessageChange}
 							.value=${this.value.validation?.regExMessage ?? ''}></uui-textarea>
 					`
-        : nothing} `;
-};
-_UmbPropertyTypeSettingsModalElement_renderVariationControls = function _UmbPropertyTypeSettingsModalElement_renderVariationControls() {
-    return this._contentTypeVariesByCulture || this._contentTypeVariesBySegment
-        ? html ` <div class="container">
+            : nothing} `;
+    }
+    #renderVariationControls() {
+        return this._contentTypeVariesByCulture || this._contentTypeVariesBySegment
+            ? html ` <div class="container">
 						<b>Variation</b>
-						${this._contentTypeVariesByCulture ? __classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_renderVaryByCulture).call(this) : ''}
+						${this._contentTypeVariesByCulture ? this.#renderVaryByCulture() : ''}
 					</div>
 					<hr />`
-        : '';
-};
-_UmbPropertyTypeSettingsModalElement_renderVaryByCulture = function _UmbPropertyTypeSettingsModalElement_renderVaryByCulture() {
-    return html `<uui-toggle
-			@change=${__classPrivateFieldGet(this, _UmbPropertyTypeSettingsModalElement_instances, "m", _UmbPropertyTypeSettingsModalElement_onVaryByCultureChange)}
+            : '';
+    }
+    #renderVaryByCulture() {
+        return html `<uui-toggle
+			@change=${this.#onVaryByCultureChange}
 			.checked=${this.value.variesByCulture ?? false}
 			label="Vary by culture"></uui-toggle> `;
-};
-UmbPropertyTypeSettingsModalElement.styles = [
-    UmbTextStyles,
-    css `
+    }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				color: var(--uui-color-text);
 			}
@@ -482,7 +466,8 @@ UmbPropertyTypeSettingsModalElement.styles = [
 				height: 100%;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     state()
 ], UmbPropertyTypeSettingsModalElement.prototype, "_customValidationOptions", void 0);

package/dist-cms/packages/core/content-type/repository/structure/content-type-structure-repository-base.js

@@ -1,21 +1,9 @@
-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 _UmbContentTypeStructureRepositoryBase_structureSource;
 import { UmbRepositoryBase } from '../../../repository/index.js';
 export class UmbContentTypeStructureRepositoryBase extends UmbRepositoryBase {
+    #structureSource;
     constructor(host, structureSource) {
         super(host);
-        _UmbContentTypeStructureRepositoryBase_structureSource.set(this, void 0);
-        __classPrivateFieldSet(this, _UmbContentTypeStructureRepositoryBase_structureSource, new structureSource(host), "f");
+        this.#structureSource = new structureSource(host);
     }
     /**
      * Returns a promise with the allowed children of a content type
@@ -24,7 +12,6 @@ export class UmbContentTypeStructureRepositoryBase extends UmbRepositoryBase {
      * @memberof UmbContentTypeStructureRepositoryBase
      */
     requestAllowedChildrenOf(unique) {
-        return __classPrivateFieldGet(this, _UmbContentTypeStructureRepositoryBase_structureSource, "f").getAllowedChildrenOf(unique);
+        return this.#structureSource.getAllowedChildrenOf(unique);
     }
 }
-_UmbContentTypeStructureRepositoryBase_structureSource = new WeakMap();

package/dist-cms/packages/core/content-type/repository/structure/content-type-structure-server-data-source-base.js

@@ -1,29 +1,17 @@
-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 _UmbContentTypeStructureServerDataSourceBase_host, _UmbContentTypeStructureServerDataSourceBase_getAllowedChildrenOf, _UmbContentTypeStructureServerDataSourceBase_mapper;
 import { tryExecuteAndNotify } from '../../../resources/index.js';
 export class UmbContentTypeStructureServerDataSourceBase {
+    #host;
+    #getAllowedChildrenOf;
+    #mapper;
     /**
      * Creates an instance of UmbContentTypeStructureServerDataSourceBase.
      * @param {UmbControllerHost} host
      * @memberof UmbItemServerDataSourceBase
      */
     constructor(host, args) {
-        _UmbContentTypeStructureServerDataSourceBase_host.set(this, void 0);
-        _UmbContentTypeStructureServerDataSourceBase_getAllowedChildrenOf.set(this, void 0);
-        _UmbContentTypeStructureServerDataSourceBase_mapper.set(this, void 0);
-        __classPrivateFieldSet(this, _UmbContentTypeStructureServerDataSourceBase_host, host, "f");
-        __classPrivateFieldSet(this, _UmbContentTypeStructureServerDataSourceBase_getAllowedChildrenOf, args.getAllowedChildrenOf, "f");
-        __classPrivateFieldSet(this, _UmbContentTypeStructureServerDataSourceBase_mapper, args.mapper, "f");
+        this.#host = host;
+        this.#getAllowedChildrenOf = args.getAllowedChildrenOf;
+        this.#mapper = args.mapper;
     }
     /**
      * Returns a promise with the allowed content types for the given unique
@@ -32,12 +20,11 @@ export class UmbContentTypeStructureServerDataSourceBase {
      * @memberof UmbContentTypeStructureServerDataSourceBase
      */
     async getAllowedChildrenOf(unique) {
-        const { data, error } = await tryExecuteAndNotify(__classPrivateFieldGet(this, _UmbContentTypeStructureServerDataSourceBase_host, "f"), __classPrivateFieldGet(this, _UmbContentTypeStructureServerDataSourceBase_getAllowedChildrenOf, "f").call(this, unique));
+        const { data, error } = await tryExecuteAndNotify(this.#host, this.#getAllowedChildrenOf(unique));
         if (data) {
-            const items = data.items.map((item) => __classPrivateFieldGet(this, _UmbContentTypeStructureServerDataSourceBase_mapper, "f").call(this, item));
+            const items = data.items.map((item) => this.#mapper(item));
             return { data: { items, total: data.total } };
         }
         return { error };
     }
 }
-_UmbContentTypeStructureServerDataSourceBase_host = new WeakMap(), _UmbContentTypeStructureServerDataSourceBase_getAllowedChildrenOf = new WeakMap(), _UmbContentTypeStructureServerDataSourceBase_mapper = new WeakMap();

package/dist-cms/packages/core/content-type/structure/content-type-container-structure-helper.class.d.ts

@@ -24,6 +24,7 @@ export declare class UmbContentTypeContainerStructureHelper<T extends UmbContent
      * Returns true if the container is an owner container.
      */
     isOwnerChildContainer(containerId?: string): boolean | undefined;
+    getContentTypeOfContainer(containerId?: string): T | undefined;
     containersByNameAndType(name: string, type: UmbPropertyContainerTypes): import("rxjs/internal/Observable").Observable<UmbPropertyTypeContainerModel[]>;
     /** Manipulate methods: */
     addContainer(parentContainerId?: string | null, sortOrder?: number): Promise<void>;