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

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

@@ -13,7 +13,6 @@ import { manifests as eyeDropperManifests } from './eye-dropper/manifests.js';
 import { manifests as iconPickerManifests } from './icon-picker/manifests.js';
 import { manifests as labelManifests } from './label/manifests.js';
 import { manifests as multipleTextStringManifests } from './multiple-text-string/manifests.js';
-import { manifests as multiUrlPickerManifests } from './multi-url-picker/manifests.js';
 import { manifests as numberManifests } from './number/manifests.js';
 import { manifests as radioButtonListManifests } from './radio-button-list/manifests.js';
 import { manifests as sliderManifests } from './slider/manifests.js';
@@ -21,7 +20,6 @@ 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 contentPickerManifests } from './content-picker/manifests.js';
-import { manifests as uploadFieldManifests } from './upload-field/manifests.js';
 export const manifests = [
     ...checkboxListManifests,
     ...collectionManifests,
@@ -32,7 +30,6 @@ export const manifests = [
     ...iconPickerManifests,
     ...labelManifests,
     ...multipleTextStringManifests,
-    ...multiUrlPickerManifests,
     ...numberManifests,
     ...radioButtonListManifests,
     ...sliderManifests,
@@ -40,7 +37,6 @@ export const manifests = [
     ...textBoxManifests,
     ...toggleManifests,
     ...contentPickerManifests,
-    ...uploadFieldManifests,
     colorEditor,
     numberRange,
     orderDirection,

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

@@ -11,14 +11,14 @@ export const manifests = [
                         alias: 'min',
                         label: 'Minimum',
                         description: 'Enter the minimum amount of text boxes to be displayed',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         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',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         config: [{ alias: 'min', value: 0 }],
                     },
                 ],

package/dist-cms/packages/property-editors/multiple-text-string/property-editor-ui-multiple-text-string.element.d.ts

@@ -1,6 +1,6 @@
+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';
-import { UmbLitElement } from '../../core/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-multiple-text-string
  */
@@ -29,8 +29,8 @@ export declare class UmbPropertyEditorUIMultipleTextStringElement extends UmbLit
      * @default false
      */
     required: boolean;
-    private _limitMin?;
-    private _limitMax?;
+    private _min;
+    private _max;
     render(): import("lit-html").TemplateResult<1>;
 }
 export default UmbPropertyEditorUIMultipleTextStringElement;

package/dist-cms/packages/property-editors/multiple-text-string/property-editor-ui-multiple-text-string.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
-import { html, customElement, property, state, ifDefined } from '../../../external/lit/index.js';
+import { customElement, html, property, state } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-multiple-text-string
@@ -34,10 +34,14 @@ let UmbPropertyEditorUIMultipleTextStringElement = class UmbPropertyEditorUIMult
          * @default false
          */
         this.required = false;
+        this._min = 0;
+        this._max = Infinity;
     }
     set config(config) {
-        this._limitMin = config?.getValueByAlias('minNumber');
-        this._limitMax = config?.getValueByAlias('maxNumber');
+        if (!config)
+            return;
+        this._min = Number(config.getValueByAlias('min')) || 0;
+        this._max = Number(config.getValueByAlias('max')) || Infinity;
     }
     #onChange(event) {
         event.stopPropagation();
@@ -46,14 +50,17 @@ let UmbPropertyEditorUIMultipleTextStringElement = class UmbPropertyEditorUIMult
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html `<umb-input-multiple-text-string
-			.items="${this.value ?? []}"
-			min="${ifDefined(this._limitMin)}"
-			max="${ifDefined(this._limitMax)}"
-			@change=${this.#onChange}
-			?disabled=${this.disabled}
-			?readonly=${this.readonly}
-			?required=${this.required}></umb-input-multiple-text-string>`;
+        return html `
+			<umb-input-multiple-text-string
+				max=${this._max}
+				min=${this._min}
+				.items=${this.value ?? []}
+				?disabled=${this.disabled}
+				?readonly=${this.readonly}
+				?required=${this.required}
+				@change=${this.#onChange}>
+			</umb-input-multiple-text-string>
+		`;
     }
 };
 __decorate([
@@ -70,10 +77,10 @@ __decorate([
 ], UmbPropertyEditorUIMultipleTextStringElement.prototype, "required", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIMultipleTextStringElement.prototype, "_limitMin", void 0);
+], UmbPropertyEditorUIMultipleTextStringElement.prototype, "_min", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIMultipleTextStringElement.prototype, "_limitMax", void 0);
+], UmbPropertyEditorUIMultipleTextStringElement.prototype, "_max", void 0);
 UmbPropertyEditorUIMultipleTextStringElement = __decorate([
     customElement('umb-property-editor-ui-multiple-text-string')
 ], UmbPropertyEditorUIMultipleTextStringElement);

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

@@ -4,26 +4,26 @@ export const manifests = [
         name: 'Integer',
         alias: 'Umbraco.Integer',
         meta: {
-            defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+            defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
             settings: {
                 properties: [
                     {
                         alias: 'min',
                         label: 'Minimum',
                         description: 'Enter the minimum amount of number to be entered',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                     {
                         alias: 'max',
                         label: 'Maximum',
                         description: 'Enter the maximum amount of number to be entered',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                     {
                         alias: 'step',
                         label: 'Step size',
                         description: 'Enter the intervals amount between each step of number to be entered',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                 ],
             },

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

@@ -12,7 +12,14 @@ export const manifests = [
             icon: 'icon-autofill',
             group: 'common',
             settings: {
-                properties: [],
+                properties: [
+                    {
+                        alias: 'placeholder',
+                        label: 'Placeholder text',
+                        description: 'Enter the text to be displayed when the value is empty',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
+                    },
+                ],
                 defaultData: [
                     {
                         alias: 'step',
@@ -24,11 +31,11 @@ export const manifests = [
     },
     {
         type: 'propertyEditorUi',
-        alias: 'Umb.PropertyEditorUi.Number',
-        name: 'Number Property Editor UI',
+        alias: 'Umb.PropertyEditorUi.Integer',
+        name: 'Numeric Property Editor UI',
         element: () => import('./property-editor-ui-number.element.js'),
         meta: {
-            label: 'Number',
+            label: 'Numeric',
             icon: 'icon-autofill',
             group: 'common',
             propertyEditorSchemaAlias: 'Umbraco.Integer',

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

@@ -7,6 +7,7 @@ export declare class UmbPropertyEditorUINumberElement extends UmbLitElement impl
     private _max?;
     private _min?;
     private _step?;
+    private _placeholder?;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

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

@@ -14,6 +14,7 @@ let UmbPropertyEditorUINumberElement = class UmbPropertyEditorUINumberElement ex
         this._min = this.#parseInt(config.getValueByAlias('min'));
         this._max = this.#parseInt(config.getValueByAlias('max'));
         this._step = this.#parseInt(config.getValueByAlias('step'));
+        this._placeholder = config.getValueByAlias('placeholder');
     }
     #parseInt(input) {
         const num = Number(input);
@@ -30,7 +31,8 @@ let UmbPropertyEditorUINumberElement = class UmbPropertyEditorUINumberElement ex
 				min=${ifDefined(this._min)}
 				max=${ifDefined(this._max)}
 				step=${ifDefined(this._step)}
-				.value=${this.value ?? 0}
+				placeholder=${ifDefined(this._placeholder)}
+				.value=${this.value ?? (this._placeholder ? undefined : 0)}
 				@input=${this.#onInput}>
 			</uui-input>
 		`;
@@ -55,6 +57,9 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertyEditorUINumberElement.prototype, "_step", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUINumberElement.prototype, "_placeholder", void 0);
 UmbPropertyEditorUINumberElement = __decorate([
     customElement('umb-property-editor-ui-number')
 ], UmbPropertyEditorUINumberElement);

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

@@ -1,9 +1,9 @@
 import { UmbLitElement } from '../../core/lit-element/index.js';
-import type { NumberRangeValueType } from '../../core/models/index.js';
+import type { UmbNumberRangeValueType } from '../../core/models/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../core/property-editor/index.js';
 import type { UmbPropertyEditorUiElement } from '../../core/extension-registry/index.js';
 import '../../core/components/input-number-range/input-number-range.element.js';
-declare const UmbPropertyEditorUINumberRangeElement_base: import("../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../core/validation/index.js").UmbFormControlMixinElement<NumberRangeValueType | undefined>> & typeof UmbLitElement;
+declare const UmbPropertyEditorUINumberRangeElement_base: import("../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../core/validation/index.js").UmbFormControlMixinElement<UmbNumberRangeValueType | undefined>> & typeof UmbLitElement;
 /**
  * @element umb-property-editor-ui-number-range
  */
@@ -11,9 +11,9 @@ export declare class UmbPropertyEditorUINumberRangeElement extends UmbPropertyEd
     #private;
     _minValue?: number;
     _maxValue?: number;
-    _validationRange?: NumberRangeValueType;
-    set value(value: NumberRangeValueType | undefined);
-    get value(): NumberRangeValueType | undefined;
+    _validationRange?: UmbNumberRangeValueType;
+    set value(value: UmbNumberRangeValueType | undefined);
+    get value(): UmbNumberRangeValueType | undefined;
     set config(config: UmbPropertyEditorConfigCollection);
     firstUpdated(): void;
     focus(): void;

package/dist-cms/packages/property-editors/radio-button-list/property-editor-ui-radio-button-list.element.js

@@ -18,19 +18,27 @@ let UmbPropertyEditorUIRadioButtonListElement = class UmbPropertyEditorUIRadioBu
         this._list = [];
     }
     set config(config) {
-        const listData = config?.getValueByAlias('items');
-        this._list = listData?.map((item) => ({ label: item, value: item })) ?? [];
+        if (!config)
+            return;
+        const items = config.getValueByAlias('items');
+        if (Array.isArray(items) && items.length > 0) {
+            this._list =
+                typeof items[0] === 'string'
+                    ? items.map((item) => ({ label: item, value: item }))
+                    : items.map((item) => ({ label: item.name, value: item.value }));
+        }
     }
     #onChange(event) {
-        const element = event.target;
-        this.value = element.value;
+        this.value = event.target.value;
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html `<umb-input-radio-button-list
-			.list=${this._list}
-			.value=${this.value ?? ''}
-			@change=${this.#onChange}></umb-input-radio-button-list>`;
+        return html `
+			<umb-input-radio-button-list
+				.list=${this._list}
+				.value=${this.value ?? ''}
+				@change=${this.#onChange}></umb-input-radio-button-list>
+		`;
     }
 };
 __decorate([

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

@@ -7,8 +7,8 @@ import type { UmbPropertyEditorUiElement } from '../../core/extension-registry/i
 export declare class UmbPropertyEditorUISelectElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
     value?: string;
-    private _list;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
+    private _options;
     render(): import("lit-html").TemplateResult<1>;
 }
 export default UmbPropertyEditorUISelectElement;

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

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, customElement, property, state } from '../../../external/lit/index.js';
+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';
 /**
@@ -14,20 +14,25 @@ let UmbPropertyEditorUISelectElement = class UmbPropertyEditorUISelectElement ex
     constructor() {
         super(...arguments);
         this.value = '';
-        this._list = [];
+        this._options = [];
     }
     set config(config) {
         if (!config)
             return;
-        const listData = config.getValueByAlias('items');
-        this._list = listData?.map((option) => ({ value: option, name: option, selected: option === this.value })) ?? [];
+        const items = config.getValueByAlias('items');
+        if (Array.isArray(items) && items.length > 0) {
+            this._options =
+                typeof items[0] === 'string'
+                    ? items.map((item) => ({ name: item, value: item, selected: item === this.value }))
+                    : items.map((item) => ({ name: item.name, value: item.value, selected: item.value === this.value }));
+        }
     }
     #onChange(event) {
         this.value = event.target.value;
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html `<uui-select .options=${this._list} @change=${this.#onChange}></uui-select>`;
+        return html `<uui-select .options=${this._options} @change=${this.#onChange}></uui-select>`;
     }
 };
 __decorate([
@@ -35,7 +40,7 @@ __decorate([
 ], UmbPropertyEditorUISelectElement.prototype, "value", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUISelectElement.prototype, "_list", void 0);
+], UmbPropertyEditorUISelectElement.prototype, "_options", void 0);
 UmbPropertyEditorUISelectElement = __decorate([
     customElement('umb-property-editor-ui-select')
 ], UmbPropertyEditorUISelectElement);

package/dist-cms/packages/property-editors/slider/Umbraco.Slider.js

@@ -10,13 +10,13 @@ export const manifest = {
                     alias: 'minVal',
                     label: 'Minimum value',
                     description: '',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                 },
                 {
                     alias: 'maxVal',
                     label: 'Maximum value',
                     description: '',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                 },
             ],
             defaultData: [

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

@@ -22,19 +22,19 @@ export const manifests = [
                         alias: 'initVal1',
                         label: 'Initial value',
                         description: '',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                     {
                         alias: 'initVal2',
                         label: 'Initial value 2',
                         description: 'Used when range is enabled',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                     {
                         alias: 'step',
                         label: 'Step increments',
                         description: '',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     },
                 ],
                 defaultData: [

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

@@ -10,12 +10,12 @@ export declare class UmbPropertyEditorUISliderElement extends UmbLitElement impl
         to?: number;
         from?: number;
     } | undefined;
-    _enableRange?: boolean;
+    _enableRange: boolean;
     _initVal1?: number;
     _initVal2?: number;
-    _step?: number;
-    _min?: number;
-    _max?: number;
+    _step: number;
+    _min: number;
+    _max: number;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, customElement, property, state } from '../../../external/lit/index.js';
+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';
 /**
@@ -14,33 +14,41 @@ let UmbPropertyEditorUISliderElement = class UmbPropertyEditorUISliderElement ex
     constructor() {
         super(...arguments);
         this.value = undefined;
+        this._enableRange = false;
+        this._step = 1;
+        this._min = 0;
+        this._max = 100;
     }
     set config(config) {
-        this._enableRange = config?.getValueByAlias('enableRange');
-        this._initVal1 = config?.getValueByAlias('initVal1');
-        this._initVal2 = config?.getValueByAlias('initVal2');
-        this._step = config?.getValueByAlias('step');
-        this._min = config?.getValueByAlias('minVal');
-        this._max = config?.getValueByAlias('maxVal');
+        if (!config)
+            return;
+        this._enableRange = Boolean(config.getValueByAlias('enableRange')) ?? false;
+        this._initVal1 = Number(config.getValueByAlias('initVal1'));
+        this._initVal2 = Number(config.getValueByAlias('initVal2'));
+        this._step = Number(config.getValueByAlias('step')) ?? 1;
+        this._min = Number(config.getValueByAlias('minVal')) ?? 0;
+        this._max = Number(config.getValueByAlias('maxVal')) ?? 100;
     }
     #getValueObject(value) {
         const [from, to] = value.split(',').map(Number);
         return { from, to: to ?? from };
     }
     #onChange(event) {
-        const element = event.target;
-        this.value = this.#getValueObject(element.value);
+        this.value = this.#getValueObject(event.target.value);
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html `<umb-input-slider
-			.valueLow=${this.value?.from ?? this._initVal1 ?? 0}
-			.valueHigh=${this.value?.to ?? this._initVal2 ?? 0}
-			.step=${this._step ?? 0}
-			.min=${this._min ?? 0}
-			.max=${this._max ?? 0}
-			?enable-range=${this._enableRange}
-			@change=${this.#onChange}></umb-input-slider>`;
+        return html `
+			<umb-input-slider
+				.valueLow=${this.value?.from ?? this._initVal1 ?? 0}
+				.valueHigh=${this.value?.to ?? this._initVal2 ?? 0}
+				.step=${this._step}
+				.min=${this._min}
+				.max=${this._max}
+				?enable-range=${this._enableRange}
+				@change=${this.#onChange}>
+			</umb-input-slider>
+		`;
     }
 };
 __decorate([

package/dist-cms/packages/property-editors/text-box/Umbraco.TextBox.js

@@ -10,7 +10,7 @@ export const manifest = {
                     alias: 'maxChars',
                     label: 'Maximum allowed characters',
                     description: 'If empty, 512 character limit',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                 },
             ],
             defaultData: [

package/dist-cms/packages/property-editors/textarea/Umbraco.TextArea.js

@@ -10,7 +10,7 @@ export const manifest = {
                     alias: 'maxChars',
                     label: 'Maximum allowed characters',
                     description: 'If empty - no character limit',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                     config: [{ alias: 'min', value: 0 }],
                 },
             ],

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

@@ -16,21 +16,21 @@ export const manifests = [
                         alias: 'rows',
                         label: 'Number of rows',
                         description: 'If empty or zero, the textarea is set to auto-height',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         config: [{ alias: 'min', value: 0 }],
                     },
                     {
                         alias: 'minHeight',
                         label: 'Min height (pixels)',
                         description: 'Sets the minimum height of the textarea',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         config: [{ alias: 'min', value: 0 }],
                     },
                     {
                         alias: 'maxHeight',
                         label: 'Max height (pixels)',
                         description: 'Sets the maximum height of the textarea',
-                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
                         config: [{ alias: 'min', value: 0 }],
                     },
                 ],

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

@@ -1,15 +1,15 @@
-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 { UmbPropertyEditorConfigCollection } from '../../core/property-editor/index.js';
+import type { UmbPropertyEditorUiElement } from '../../core/extension-registry/index.js';
 export declare class UmbPropertyEditorUITextareaElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    #private;
     value: string;
     private _maxChars?;
     private _rows?;
     private _maxHeight?;
     private _minHeight?;
-    private _css?;
+    private _css;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
-    private onInput;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

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

@@ -4,37 +4,40 @@ 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;
 };
-import { css, html, customElement, property, state, ifDefined, styleMap } from '../../../external/lit/index.js';
+import { css, customElement, html, property, state, styleMap } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
-import { UmbPropertyValueChangeEvent, } from '../../core/property-editor/index.js';
+import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
 let UmbPropertyEditorUITextareaElement = class UmbPropertyEditorUITextareaElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.value = '';
+        this._css = {};
     }
     set config(config) {
-        this._maxChars = config?.getValueByAlias('maxChars');
-        this._rows = config?.getValueByAlias('rows');
-        this._minHeight = config?.getValueByAlias('minHeight');
-        this._maxHeight = config?.getValueByAlias('maxHeight');
+        this._maxChars = Number(config?.getValueByAlias('maxChars')) || undefined;
+        this._rows = Number(config?.getValueByAlias('rows')) || undefined;
+        this._minHeight = Number(config?.getValueByAlias('minHeight')) || undefined;
+        this._maxHeight = Number(config?.getValueByAlias('maxHeight')) || undefined;
         this._css = {
-            '--uui-textarea-min-height': `${this._minHeight ? `${this._minHeight}px` : 'reset'}`,
-            '--uui-textarea-max-height': `${this._maxHeight ? `${this._maxHeight}px` : 'reset'}`,
+            '--uui-textarea-min-height': this._minHeight ? `${this._minHeight}px` : 'reset',
+            '--uui-textarea-max-height': this._maxHeight ? `${this._maxHeight}px` : 'reset',
         };
     }
-    onInput(e) {
-        this.value = e.target.value;
+    #onInput(event) {
+        this.value = event.target.value;
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html ` <uui-textarea
-			label="Textarea"
-			.value=${this.value ?? ''}
-			maxlength="${ifDefined(this._maxChars)}"
-			rows="${ifDefined(this._rows)}"
-			@input=${this.onInput}
-			style="${styleMap(this._css)}"
-			auto-height=${this._rows ? false : true}></uui-textarea>`;
+        return html `
+			<uui-textarea
+				label="Textarea"
+				style=${styleMap(this._css)}
+				.autoHeight=${this._rows ? false : true}
+				.maxlength=${this._maxChars}
+				.rows=${this._rows}
+				.value=${this.value ?? ''}
+				@input=${this.#onInput}></uui-textarea>
+		`;
     }
     static { this.styles = [
         css `

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

@@ -9,7 +9,7 @@ export declare class UmbPropertyEditorUIToggleElement extends UmbLitElement impl
     value: undefined | boolean;
     _labelOff?: string;
     _labelOn?: string;
-    _showLabels?: boolean;
+    _showLabels: boolean;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
 }