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

package/dist-cms/packages/property-editors/date-picker/property-editor-ui-date-picker.element.js

@@ -4,58 +4,85 @@ 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 _UmbPropertyEditorUIDatePickerElement_instances, _UmbPropertyEditorUIDatePickerElement_value, _UmbPropertyEditorUIDatePickerElement_onChange;
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
 import { html, customElement, property, state, ifDefined } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 /**
+ * This property editor allows the user to pick a date, datetime-local, or time.
+ * It uses raw datetime strings back and forth, and therefore it has no knowledge
+ * of timezones. It uses a regular HTML input element underneath, which supports the known
+ * definitions of "date", "datetime-local", and "time".
+ *
+ * The underlying input element reports the value differently depending on the type configuration. Here
+ * are some examples from the change event:
+ *
+ * date: 2024-05-03
+ * datetime-local: 2024-05-03T10:44
+ * time: 10:44
+ *
+ * These values are approximately similar to what Umbraco expects for the Umbraco.DateTime
+ * data editor with one exception: the "T" character in "datetime-local". To be backwards compatible, we are
+ * replacing the T character with a whitespace, which also happens to work just fine
+ * with the "datetime-local" type.
+ *
  * @element umb-property-editor-ui-date-picker
  */
 let UmbPropertyEditorUIDatePickerElement = class UmbPropertyEditorUIDatePickerElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        _UmbPropertyEditorUIDatePickerElement_instances.add(this);
         this._inputType = 'datetime-local';
-        _UmbPropertyEditorUIDatePickerElement_value.set(this, void 0);
-    }
-    set value(value) {
-        if (value) {
-            // NOTE: If the `value` contains a space, then it doesn't contain the timezone, so may not be parsed as UTC. [LK]
-            const datetime = !value.includes(' ') ? value : value + ' +00';
-            __classPrivateFieldSet(this, _UmbPropertyEditorUIDatePickerElement_value, new Date(datetime).toJSON(), "f");
-        }
-    }
-    get value() {
-        return __classPrivateFieldGet(this, _UmbPropertyEditorUIDatePickerElement_value, "f");
     }
     set config(config) {
         if (!config)
             return;
-        const oldVal = this._inputType;
         // Format string prevalue/config
         const format = config.getValueByAlias('format');
         const hasTime = format?.includes('H') || format?.includes('m');
+        const hasSeconds = format?.includes('s');
         this._inputType = hasTime ? 'datetime-local' : 'date';
         // Based on the type of format string change the UUI-input type
+        // Note: The format string is not validated, so it's possible to have an invalid format string,
+        // but we do not use the format string for anything else than to determine the input type.
+        // The format string is not used to validate the value and is only used on the frontend.
         const timeFormatPattern = /^h{1,2}:m{1,2}(:s{1,2})?\s?a?$/gim;
         if (format?.toLowerCase().match(timeFormatPattern)) {
             this._inputType = 'time';
         }
         this._min = config.getValueByAlias('min');
         this._max = config.getValueByAlias('max');
-        this._step = config.getValueByAlias('step');
-        this.requestUpdate('_inputType', oldVal);
+        this._step = config.getValueByAlias('step') ?? hasSeconds ? 1 : undefined;
+        if (this.value) {
+            this.#formatValue(this.value);
+        }
+    }
+    #onChange(event) {
+        this.#formatValue(event.target.value.toString());
+    }
+    /**
+     * Formats the value depending on the input type.
+     */
+    #formatValue(value) {
+        // Check that the value is a valid date
+        const valueToDate = new Date(value);
+        if (isNaN(valueToDate.getTime())) {
+            console.warn('[Umbraco.DatePicker] The value is not a valid date.', value);
+            return;
+        }
+        // Replace the potential time demoninator 'T' with a whitespace for backwards compatibility
+        value = value.replace('T', ' ');
+        // If the inputType is 'date', we need to make sure the value doesn't have a time
+        if (this._inputType === 'date' && value.includes(' ')) {
+            value = value.split(' ')[0];
+        }
+        // If the inputType is 'time', we need to remove the date part of the value
+        if (this._inputType === 'time' && value.includes(' ')) {
+            value = value.split(' ')[1];
+        }
+        const valueHasChanged = this.value !== value;
+        if (valueHasChanged) {
+            this.value = value;
+            this.dispatchEvent(new UmbPropertyValueChangeEvent());
+        }
     }
     render() {
         return html `
@@ -65,17 +92,11 @@ let UmbPropertyEditorUIDatePickerElement = class UmbPropertyEditorUIDatePickerEl
 				.max=${this._max}
 				.step=${this._step}
 				.type=${this._inputType}
-				@change=${__classPrivateFieldGet(this, _UmbPropertyEditorUIDatePickerElement_instances, "m", _UmbPropertyEditorUIDatePickerElement_onChange)}>
+				@change=${this.#onChange}>
 			</umb-input-date>
 		`;
     }
 };
-_UmbPropertyEditorUIDatePickerElement_value = new WeakMap();
-_UmbPropertyEditorUIDatePickerElement_instances = new WeakSet();
-_UmbPropertyEditorUIDatePickerElement_onChange = function _UmbPropertyEditorUIDatePickerElement_onChange(event) {
-    this.value = event.target.value;
-    this.dispatchEvent(new UmbPropertyValueChangeEvent());
-};
 __decorate([
     state()
 ], UmbPropertyEditorUIDatePickerElement.prototype, "_inputType", void 0);
@@ -90,7 +111,7 @@ __decorate([
 ], UmbPropertyEditorUIDatePickerElement.prototype, "_step", void 0);
 __decorate([
     property()
-], UmbPropertyEditorUIDatePickerElement.prototype, "value", null);
+], UmbPropertyEditorUIDatePickerElement.prototype, "value", void 0);
 UmbPropertyEditorUIDatePickerElement = __decorate([
     customElement('umb-property-editor-ui-date-picker')
 ], UmbPropertyEditorUIDatePickerElement);

package/dist-cms/packages/property-editors/dropdown/property-editor-ui-dropdown.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 _UmbPropertyEditorUIDropdownElement_instances, _UmbPropertyEditorUIDropdownElement_selection, _UmbPropertyEditorUIDropdownElement_onChange, _UmbPropertyEditorUIDropdownElement_onChangeMulitple, _UmbPropertyEditorUIDropdownElement_setValue, _UmbPropertyEditorUIDropdownElement_renderDropdownMultiple, _UmbPropertyEditorUIDropdownElement_renderDropdownSingle;
 import { css, customElement, html, map, property, state } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
@@ -26,63 +14,61 @@ import { UUISelectElement } from '../../../external/uui/index.js';
 let UmbPropertyEditorUIDropdownElement = class UmbPropertyEditorUIDropdownElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        _UmbPropertyEditorUIDropdownElement_instances.add(this);
-        _UmbPropertyEditorUIDropdownElement_selection.set(this, []);
+        this.#selection = [];
         this._items = [];
         this._multiple = false;
     }
+    #selection;
     set value(value) {
-        __classPrivateFieldSet(this, _UmbPropertyEditorUIDropdownElement_selection, Array.isArray(value) ? value : value ? [value] : [], "f");
+        this.#selection = Array.isArray(value) ? value : value ? [value] : [];
     }
     get value() {
-        return __classPrivateFieldGet(this, _UmbPropertyEditorUIDropdownElement_selection, "f");
+        return this.#selection;
     }
     set config(config) {
         if (!config)
             return;
         const items = config.getValueByAlias('items');
-        this._items = items?.map((item) => ({ value: item, name: item, selected: __classPrivateFieldGet(this, _UmbPropertyEditorUIDropdownElement_selection, "f").includes(item) })) ?? [];
+        this._items = items?.map((item) => ({ value: item, name: item, selected: this.#selection.includes(item) })) ?? [];
         this._multiple = config?.getValueByAlias('multiple') ?? false;
     }
+    #onChange(event) {
+        const value = event.target.value;
+        this.#setValue(value ? [value] : []);
+    }
+    #onChangeMulitple(event) {
+        const selected = event.target.selectedOptions;
+        const value = selected ? Array.from(selected).map((option) => option.value) : [];
+        this.#setValue(value);
+    }
+    #setValue(value) {
+        if (!value)
+            return;
+        this.value = value;
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
+    }
     render() {
-        return this._multiple ? __classPrivateFieldGet(this, _UmbPropertyEditorUIDropdownElement_instances, "m", _UmbPropertyEditorUIDropdownElement_renderDropdownMultiple).call(this) : __classPrivateFieldGet(this, _UmbPropertyEditorUIDropdownElement_instances, "m", _UmbPropertyEditorUIDropdownElement_renderDropdownSingle).call(this);
+        return this._multiple ? this.#renderDropdownMultiple() : this.#renderDropdownSingle();
     }
-};
-_UmbPropertyEditorUIDropdownElement_selection = new WeakMap();
-_UmbPropertyEditorUIDropdownElement_instances = new WeakSet();
-_UmbPropertyEditorUIDropdownElement_onChange = function _UmbPropertyEditorUIDropdownElement_onChange(event) {
-    const value = event.target.value;
-    __classPrivateFieldGet(this, _UmbPropertyEditorUIDropdownElement_instances, "m", _UmbPropertyEditorUIDropdownElement_setValue).call(this, value ? [value] : []);
-};
-_UmbPropertyEditorUIDropdownElement_onChangeMulitple = function _UmbPropertyEditorUIDropdownElement_onChangeMulitple(event) {
-    const selected = event.target.selectedOptions;
-    const value = selected ? Array.from(selected).map((option) => option.value) : [];
-    __classPrivateFieldGet(this, _UmbPropertyEditorUIDropdownElement_instances, "m", _UmbPropertyEditorUIDropdownElement_setValue).call(this, value);
-};
-_UmbPropertyEditorUIDropdownElement_setValue = function _UmbPropertyEditorUIDropdownElement_setValue(value) {
-    if (!value)
-        return;
-    this.value = value;
-    this.dispatchEvent(new UmbPropertyValueChangeEvent());
-};
-_UmbPropertyEditorUIDropdownElement_renderDropdownMultiple = function _UmbPropertyEditorUIDropdownElement_renderDropdownMultiple() {
-    return html `
-			<select id="native" multiple @change=${__classPrivateFieldGet(this, _UmbPropertyEditorUIDropdownElement_instances, "m", _UmbPropertyEditorUIDropdownElement_onChangeMulitple)}>
+    #renderDropdownMultiple() {
+        return html `
+			<select id="native" multiple @change=${this.#onChangeMulitple}>
 				${map(this._items, (item) => html `<option value=${item.value} ?selected=${item.selected}>${item.name}</option>`)}
 			</select>
 		`;
-};
-_UmbPropertyEditorUIDropdownElement_renderDropdownSingle = function _UmbPropertyEditorUIDropdownElement_renderDropdownSingle() {
-    return html `<umb-input-dropdown-list .options=${this._items} @change=${__classPrivateFieldGet(this, _UmbPropertyEditorUIDropdownElement_instances, "m", _UmbPropertyEditorUIDropdownElement_onChange)}></umb-input-dropdown-list>`;
-};
-UmbPropertyEditorUIDropdownElement.styles = [
-    UUISelectElement.styles,
-    css `
+    }
+    #renderDropdownSingle() {
+        return html `<umb-input-dropdown-list .options=${this._items} @change=${this.#onChange}></umb-input-dropdown-list>`;
+    }
+    static { this.styles = [
+        UUISelectElement.styles,
+        css `
 			#native {
 				height: auto;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Array })
 ], UmbPropertyEditorUIDropdownElement.prototype, "value", null);

package/dist-cms/packages/property-editors/entry-point.d.ts

@@ -1 +1,2 @@
 import './checkbox-list/components/index.js';
+import './content-picker/components/index.js';

package/dist-cms/packages/property-editors/entry-point.js

@@ -1 +1,2 @@
 import './checkbox-list/components/index.js';
+import './content-picker/components/index.js';

package/dist-cms/packages/property-editors/eye-dropper/property-editor-ui-eye-dropper.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 _UmbPropertyEditorUIEyeDropperElement_instances, _UmbPropertyEditorUIEyeDropperElement_defaultOpacity, _UmbPropertyEditorUIEyeDropperElement_onChange;
 import { html, customElement, property, state } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
@@ -19,14 +13,14 @@ import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js
 let UmbPropertyEditorUIEyeDropperElement = class UmbPropertyEditorUIEyeDropperElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        _UmbPropertyEditorUIEyeDropperElement_instances.add(this);
-        _UmbPropertyEditorUIEyeDropperElement_defaultOpacity.set(this, false);
+        this.#defaultOpacity = false;
         this.value = '';
-        this._opacity = __classPrivateFieldGet(this, _UmbPropertyEditorUIEyeDropperElement_defaultOpacity, "f");
+        this._opacity = this.#defaultOpacity;
         this._swatches = [];
     }
+    #defaultOpacity;
     set config(config) {
-        this._opacity = config?.getValueByAlias('showAlpha') ?? __classPrivateFieldGet(this, _UmbPropertyEditorUIEyeDropperElement_defaultOpacity, "f");
+        this._opacity = config?.getValueByAlias('showAlpha') ?? this.#defaultOpacity;
         const showPalette = config?.getValueByAlias('showPalette') ?? false;
         if (showPalette) {
             // TODO: This is a temporary solution until we have a proper way to get the palette from the config. [LK]
@@ -50,22 +44,20 @@ let UmbPropertyEditorUIEyeDropperElement = class UmbPropertyEditorUIEyeDropperEl
             ];
         }
     }
+    #onChange(event) {
+        this.value = event.target.value;
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
+    }
     render() {
         return html `
 			<umb-input-eye-dropper
 				.opacity=${this._opacity}
 				.swatches=${this._swatches}
 				value=${this.value}
-				@change=${__classPrivateFieldGet(this, _UmbPropertyEditorUIEyeDropperElement_instances, "m", _UmbPropertyEditorUIEyeDropperElement_onChange)}></umb-input-eye-dropper>
+				@change=${this.#onChange}></umb-input-eye-dropper>
 		`;
     }
 };
-_UmbPropertyEditorUIEyeDropperElement_defaultOpacity = new WeakMap();
-_UmbPropertyEditorUIEyeDropperElement_instances = new WeakSet();
-_UmbPropertyEditorUIEyeDropperElement_onChange = function _UmbPropertyEditorUIEyeDropperElement_onChange(event) {
-    this.value = event.target.value;
-    this.dispatchEvent(new UmbPropertyValueChangeEvent());
-};
 __decorate([
     property()
 ], UmbPropertyEditorUIEyeDropperElement.prototype, "value", void 0);

package/dist-cms/packages/property-editors/icon-picker/manifests.js

@@ -1,4 +1,3 @@
-import { manifest as schemaManifest } from './Umbraco.IconPicker.js';
 const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.IconPicker',
@@ -6,9 +5,8 @@ const manifest = {
     element: () => import('./property-editor-ui-icon-picker.element.js'),
     meta: {
         label: 'Icon Picker',
-        propertyEditorSchemaAlias: 'Umbraco.IconPicker',
         icon: 'icon-autofill',
         group: 'common',
     },
 };
-export const manifests = [manifest, schemaManifest];
+export const manifests = [manifest];

package/dist-cms/packages/property-editors/icon-picker/property-editor-ui-icon-picker.element.js

@@ -8,6 +8,7 @@ import { html, customElement, property, state } from '../../../external/lit/inde
 import { UMB_MODAL_MANAGER_CONTEXT, UMB_ICON_PICKER_MODAL } from '../../core/modal/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { extractUmbColorVariable } from '../../core/resources/index.js';
+import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
 /**
  * @element umb-property-editor-ui-icon-picker
  */
@@ -46,7 +47,7 @@ let UmbPropertyEditorUIIconPickerElement = class UmbPropertyEditorUIIconPickerEl
         else {
             this.value = data.icon;
         }
-        this.dispatchEvent(new CustomEvent('property-value-change'));
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
         return html `

package/dist-cms/packages/property-editors/label/property-editor-ui-label.element.js

@@ -19,8 +19,8 @@ let UmbPropertyEditorUILabelElement = class UmbPropertyEditorUILabelElement exte
     render() {
         return html `${this.value ?? ''}`;
     }
+    static { this.styles = [UmbTextStyles]; }
 };
-UmbPropertyEditorUILabelElement.styles = [UmbTextStyles];
 __decorate([
     property()
 ], UmbPropertyEditorUILabelElement.prototype, "value", void 0);

package/dist-cms/packages/property-editors/manifests.js

@@ -5,7 +5,7 @@ import { manifest as overlaySize } from './overlay-size/manifests.js';
 import { manifest as select } from './select/manifests.js';
 import { manifest as valueType } from './value-type/manifests.js';
 import { manifests as checkboxListManifests } from './checkbox-list/manifests.js';
-import { manifests as collectionView } from './collection-view/manifests.js';
+import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as colorPickerManifests } from './color-picker/manifests.js';
 import { manifests as datePickerManifests } from './date-picker/manifests.js';
 import { manifests as dropdownManifests } from './dropdown/manifests.js';
@@ -20,11 +20,11 @@ import { manifests as sliderManifests } from './slider/manifests.js';
 import { manifests as textareaManifests } from './textarea/manifests.js';
 import { manifests as textBoxManifests } from './text-box/manifests.js';
 import { manifests as toggleManifests } from './toggle/manifests.js';
-import { manifests as treePickerManifests } from './tree-picker/manifests.js';
+import { manifests as contentPickerManifests } from './content-picker/manifests.js';
 import { manifests as uploadFieldManifests } from './upload-field/manifests.js';
 export const manifests = [
     ...checkboxListManifests,
-    ...collectionView,
+    ...collectionManifests,
     ...colorPickerManifests,
     ...datePickerManifests,
     ...dropdownManifests,
@@ -39,7 +39,7 @@ export const manifests = [
     ...textareaManifests,
     ...textBoxManifests,
     ...toggleManifests,
-    ...treePickerManifests,
+    ...contentPickerManifests,
     ...uploadFieldManifests,
     colorEditor,
     numberRange,

package/dist-cms/packages/property-editors/multi-url-picker/Umbraco.MultiUrlPicker.js

@@ -11,12 +11,14 @@ export const manifest = {
                     label: 'Minimum number of items',
                     description: '',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    config: [{ alias: 'min', value: 0 }],
                 },
                 {
                     alias: 'maxNumber',
                     label: 'Maximum number of items',
                     description: '',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    config: [{ alias: 'min', value: 0 }],
                 },
                 {
                     alias: 'ignoreUserStartNodes',
@@ -26,14 +28,8 @@ export const manifest = {
                 },
             ],
             defaultData: [
-                {
-                    alias: 'minNumber',
-                    value: 0,
-                },
-                {
-                    alias: 'maxNumber',
-                    value: 0,
-                },
+                { alias: 'minNumber', value: 0 },
+                { alias: 'maxNumber', value: 0 },
             ],
         },
     },

package/dist-cms/packages/property-editors/multi-url-picker/property-editor-ui-multi-url-picker.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 _UmbPropertyEditorUIMultiUrlPickerElement_instances, _UmbPropertyEditorUIMultiUrlPickerElement_onChange;
 import { customElement, html, property, state } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
@@ -29,7 +23,6 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
     }
     constructor() {
         super();
-        _UmbPropertyEditorUIMultiUrlPickerElement_instances.add(this);
         this.value = [];
         this._minNumber = 0;
         this._maxNumber = Infinity;
@@ -38,6 +31,10 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
             this.observe(context.variantId, (variantId) => (this._variantId = variantId?.toString() || 'invariant'));
         });
     }
+    #onChange(event) {
+        this.value = event.target.urls;
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
+    }
     render() {
         return html `
 			<umb-input-multi-url
@@ -49,16 +46,11 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
 				.urls=${this.value ?? []}
 				.variantId=${this._variantId}
 				?hide-anchor=${this._hideAnchor}
-				@change=${__classPrivateFieldGet(this, _UmbPropertyEditorUIMultiUrlPickerElement_instances, "m", _UmbPropertyEditorUIMultiUrlPickerElement_onChange)}>
+				@change=${this.#onChange}>
 			</umb-input-multi-url>
 		`;
     }
 };
-_UmbPropertyEditorUIMultiUrlPickerElement_instances = new WeakSet();
-_UmbPropertyEditorUIMultiUrlPickerElement_onChange = function _UmbPropertyEditorUIMultiUrlPickerElement_onChange(event) {
-    this.value = event.target.urls;
-    this.dispatchEvent(new UmbPropertyValueChangeEvent());
-};
 __decorate([
     property({ type: Array })
 ], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "value", void 0);

package/dist-cms/packages/property-editors/multiple-text-string/Umbraco.MultipleTextString.js

@@ -12,23 +12,19 @@ export const manifests = [
                         label: 'Minimum',
                         description: 'Enter the minimum amount of text boxes to be displayed',
                         propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        config: [{ alias: 'min', value: 0 }],
                     },
                     {
                         alias: 'max',
                         label: 'Maximum',
                         description: 'Enter the maximum amount of text boxes to be displayed, enter 0 for unlimited',
                         propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        config: [{ alias: 'min', value: 0 }],
                     },
                 ],
                 defaultData: [
-                    {
-                        alias: 'min',
-                        value: 0,
-                    },
-                    {
-                        alias: 'max',
-                        value: 0,
-                    },
+                    { alias: 'min', value: 0 },
+                    { alias: 'max', value: 0 },
                 ],
             },
         },

package/dist-cms/packages/property-editors/multiple-text-string/property-editor-ui-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 _UmbPropertyEditorUIMultipleTextStringElement_instances, _UmbPropertyEditorUIMultipleTextStringElement_onChange;
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
 import { html, customElement, property, state, ifDefined } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
@@ -19,7 +13,6 @@ import { UmbLitElement } from '../../core/lit-element/index.js';
 let UmbPropertyEditorUIMultipleTextStringElement = class UmbPropertyEditorUIMultipleTextStringElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        _UmbPropertyEditorUIMultipleTextStringElement_instances.add(this);
         /**
          * Disables the Multiple Text String Property Editor UI
          * @type {boolean}
@@ -46,24 +39,23 @@ let UmbPropertyEditorUIMultipleTextStringElement = class UmbPropertyEditorUIMult
         this._limitMin = config?.getValueByAlias('minNumber');
         this._limitMax = config?.getValueByAlias('maxNumber');
     }
+    #onChange(event) {
+        event.stopPropagation();
+        const target = event.currentTarget;
+        this.value = target.items;
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
+    }
     render() {
         return html `<umb-input-multiple-text-string
 			.items="${this.value ?? []}"
 			min="${ifDefined(this._limitMin)}"
 			max="${ifDefined(this._limitMax)}"
-			@change=${__classPrivateFieldGet(this, _UmbPropertyEditorUIMultipleTextStringElement_instances, "m", _UmbPropertyEditorUIMultipleTextStringElement_onChange)}
+			@change=${this.#onChange}
 			?disabled=${this.disabled}
 			?readonly=${this.readonly}
 			?required=${this.required}></umb-input-multiple-text-string>`;
     }
 };
-_UmbPropertyEditorUIMultipleTextStringElement_instances = new WeakSet();
-_UmbPropertyEditorUIMultipleTextStringElement_onChange = function _UmbPropertyEditorUIMultipleTextStringElement_onChange(event) {
-    event.stopPropagation();
-    const target = event.currentTarget;
-    this.value = target.items;
-    this.dispatchEvent(new UmbPropertyValueChangeEvent());
-};
 __decorate([
     property({ type: Array })
 ], UmbPropertyEditorUIMultipleTextStringElement.prototype, "value", void 0);

package/dist-cms/packages/property-editors/number/Umbraco.Integer.js

@@ -4,7 +4,7 @@ export const manifests = [
         name: 'Integer',
         alias: 'Umbraco.Integer',
         meta: {
-            defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
+            defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
             settings: {
                 properties: [
                     {

package/dist-cms/packages/property-editors/number/manifests.js

@@ -1,33 +1,6 @@
 import { manifests as decimalSchemaManifests } from './Umbraco.Decimal.js';
 import { manifests as integerSchemaManifests } from './Umbraco.Integer.js';
-// TODO: we don't really want this config value to be changed from the UI. We need a way to handle hidden config properties.
-const allowDecimalsConfig = {
-    alias: 'allowDecimals',
-    label: 'Allow decimals',
-    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
-};
 export const manifests = [
-    {
-        type: 'propertyEditorUi',
-        alias: 'Umb.PropertyEditorUi.Integer',
-        name: 'Integer Property Editor UI',
-        element: () => import('./property-editor-ui-number.element.js'),
-        meta: {
-            label: 'Integer',
-            propertyEditorSchemaAlias: 'Umbraco.Integer',
-            icon: 'icon-autofill',
-            group: 'common',
-            settings: {
-                properties: [allowDecimalsConfig],
-                defaultData: [
-                    {
-                        alias: 'allowDecimals',
-                        value: false,
-                    },
-                ],
-            },
-        },
-    },
     {
         type: 'propertyEditorUi',
         alias: 'Umb.PropertyEditorUi.Decimal',
@@ -39,12 +12,8 @@ export const manifests = [
             icon: 'icon-autofill',
             group: 'common',
             settings: {
-                properties: [allowDecimalsConfig],
+                properties: [],
                 defaultData: [
-                    {
-                        alias: 'allowDecimals',
-                        value: true,
-                    },
                     {
                         alias: 'step',
                         value: '0.01',

package/dist-cms/packages/property-editors/number/property-editor-ui-number.element.d.ts

@@ -1,13 +1,13 @@
-import type { UmbPropertyEditorUiElement } from '../../core/extension-registry/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../core/property-editor/index.js';
+import type { UmbPropertyEditorUiElement } from '../../core/extension-registry/index.js';
 export declare class UmbPropertyEditorUINumberElement extends UmbLitElement implements UmbPropertyEditorUiElement {
-    value: undefined | number;
+    #private;
+    value?: number;
     private _max?;
     private _min?;
     private _step?;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
-    private onInput;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }