@umbraco-cms/backoffice 14.2.0 → 14.3.0

package/dist-cms/packages/property-editors/content-picker/components/input-content/input-content.element.d.ts

@@ -24,6 +24,13 @@ export declare class UmbInputContentElement extends UmbInputContentElement_base
     get items(): Array<UmbReferenceByUniqueAndType>;
     set value(selectionString: string | undefined);
     get value(): string | undefined;
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    readonly: boolean;
     firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/packages/property-editors/content-picker/components/input-content/input-content.element.js

@@ -19,6 +19,13 @@ let UmbInputContentElement = class UmbInputContentElement extends UmbFormControl
         this.max = 0;
         this.maxMessage = 'This field exceeds the allowed amount of items';
         this.#allowedContentTypeIds = [];
+        /**
+         * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+         * @type {boolean}
+         * @attr
+         * @default false
+         */
+        this.readonly = false;
         this.#entityTypeLookup = { content: 'document', media: 'media', member: 'member' };
         this.#selection = [];
     }
@@ -93,6 +100,7 @@ let UmbInputContentElement = class UmbInputContentElement extends UmbFormControl
 				.max=${this.max}
 				.maxMessage=${this.maxMessage}
 				?showOpenButton=${this.showOpenButton}
+				?readonly=${this.readonly}
 				@change=${this.#onChange}></umb-input-document>
 		`;
     }
@@ -106,6 +114,7 @@ let UmbInputContentElement = class UmbInputContentElement extends UmbFormControl
 				.max=${this.max}
 				.maxMessage=${this.maxMessage}
 				?showOpenButton=${this.showOpenButton}
+				?readonly=${this.readonly}
 				@change=${this.#onChange}></umb-input-media>
 		`;
     }
@@ -119,6 +128,7 @@ let UmbInputContentElement = class UmbInputContentElement extends UmbFormControl
 				.max=${this.max}
 				.maxMessage=${this.maxMessage}
 				?showOpenButton=${this.showOpenButton}
+				?readonly=${this.readonly}
 				@change=${this.#onChange}></umb-input-member>
 		`;
     }
@@ -164,6 +174,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], UmbInputContentElement.prototype, "value", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbInputContentElement.prototype, "readonly", void 0);
 UmbInputContentElement = __decorate([
     customElement(elementName)
 ], UmbInputContentElement);

package/dist-cms/packages/property-editors/content-picker/dynamic-root/modals/dynamic-root-origin-picker-modal.element.js

@@ -5,14 +5,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
-import { UmbDocumentPickerContext } from '../../../../documents/documents/index.js';
+import { UmbDocumentPickerInputContext } from '../../../../documents/documents/index.js';
 import { UmbModalBaseElement } from '../../../../core/modal/index.js';
 let UmbDynamicRootOriginPickerModalModalElement = class UmbDynamicRootOriginPickerModalModalElement extends UmbModalBaseElement {
     #documentPickerContext;
     constructor() {
         super();
         this._origins = [];
-        this.#documentPickerContext = new UmbDocumentPickerContext(this);
+        this.#documentPickerContext = new UmbDocumentPickerInputContext(this);
         this.#documentPickerContext.max = 1;
     }
     connectedCallback() {

package/dist-cms/packages/property-editors/content-picker/dynamic-root/modals/dynamic-root-query-step-picker-modal.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 { UmbDocumentTypePickerContext } from '../../../../documents/document-types/index.js';
+import { UmbDocumentTypePickerInputContext } from '../../../../documents/document-types/index.js';
 import { UmbId } from '../../../../core/id/index.js';
 import { UmbModalBaseElement } from '../../../../core/modal/index.js';
 import { html, customElement, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
@@ -12,7 +12,7 @@ let UmbDynamicRootQueryStepPickerModalModalElement = class UmbDynamicRootQuerySt
     constructor() {
         super(...arguments);
         this._querySteps = [];
-        this.#documentTypePickerContext = new UmbDocumentTypePickerContext(this);
+        this.#documentTypePickerContext = new UmbDocumentTypePickerInputContext(this);
     }
     #documentTypePickerContext;
     connectedCallback() {

package/dist-cms/packages/property-editors/content-picker/dynamic-root/repository/dynamic-root.repository.d.ts

@@ -3,7 +3,6 @@ import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 /**
  * UmbContentPickerDynamicRootRepository
- * @export
  * @class UmbContentPickerDynamicRootRepository
  * @augments {UmbControllerBase}
  */

package/dist-cms/packages/property-editors/content-picker/dynamic-root/repository/dynamic-root.repository.js

@@ -3,7 +3,6 @@ import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
 const GUID_EMPTY = '00000000-0000-0000-0000-000000000000';
 /**
  * UmbContentPickerDynamicRootRepository
- * @export
  * @class UmbContentPickerDynamicRootRepository
  * @augments {UmbControllerBase}
  */

package/dist-cms/packages/property-editors/content-picker/dynamic-root/repository/dynamic-root.server.data.d.ts

@@ -2,7 +2,6 @@ import type { DynamicRootRequestModel, DynamicRootResponseModel } from '../../..
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 /**
  * UmbContentPickerDynamicRootServerDataSource
- * @export
  * @class UmbContentPickerDynamicRootServerDataSource
  */
 export declare class UmbContentPickerDynamicRootServerDataSource {

package/dist-cms/packages/property-editors/content-picker/dynamic-root/repository/dynamic-root.server.data.js

@@ -2,7 +2,6 @@ import { DynamicRootService } from '../../../../../external/backend-api/index.js
 import { tryExecuteAndNotify } from '../../../../core/resources/index.js';
 /**
  * UmbContentPickerDynamicRootServerDataSource
- * @export
  * @class UmbContentPickerDynamicRootServerDataSource
  */
 export class UmbContentPickerDynamicRootServerDataSource {

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

@@ -12,6 +12,7 @@ const manifest = {
         icon: 'icon-page-add',
         group: 'pickers',
         propertyEditorSchemaAlias: 'Umbraco.MultiNodeTreePicker',
+        supportsReadOnly: true,
         settings: {
             properties: [
                 {

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

@@ -14,6 +14,13 @@ export declare class UmbPropertyEditorUIContentPickerElement extends UmbProperty
     #private;
     set value(value: UmbContentPickerValueType | undefined);
     get value(): UmbContentPickerValueType | undefined;
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    readonly: boolean;
     _type: UmbContentPickerSource['type'];
     _min: number;
     _minMessage: string;

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

@@ -10,7 +10,6 @@ import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UmbFormControlMixin } from '../../core/validation/index.js';
 import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js';
 import { UMB_DOCUMENT_ENTITY_TYPE } from '../../documents/documents/index.js';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../core/workspace/index.js';
 import { UMB_MEDIA_ENTITY_TYPE } from '../../media/media/index.js';
 import { UMB_MEMBER_ENTITY_TYPE } from '../../members/member/index.js';
 // import of local component
@@ -23,6 +22,13 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
     constructor() {
         super(...arguments);
         this.#value = [];
+        /**
+         * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+         * @type {boolean}
+         * @attr
+         * @default false
+         */
+        this.readonly = false;
         this._type = 'content';
         this._min = 0;
         this._minMessage = '';
@@ -80,13 +86,11 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
             return;
         if (!this.#dynamicRoot)
             return;
-        const workspaceContext = await this.getContext(UMB_ENTITY_WORKSPACE_CONTEXT);
-        const unique = workspaceContext.getUnique();
+        const menuStructureWorkspaceContext = (await this.getContext('UmbMenuStructureWorkspaceContext'));
+        const structure = (await this.observe(menuStructureWorkspaceContext.structure, () => { })?.asPromise());
+        const [parentUnique, unique] = structure?.slice(-2).map((x) => x.unique) ?? [];
         if (!unique)
             return;
-        const menuStructureWorkspaceContext = (await this.getContext('UmbMenuStructureWorkspaceContext'));
-        const parent = (await this.observe(menuStructureWorkspaceContext.parent, () => { })?.asPromise());
-        const parentUnique = parent?.unique;
         const result = await this.#dynamicRootRepository.requestRoot(this.#dynamicRoot, unique, parentUnique);
         if (result && result.length > 0) {
             this._rootUnique = result[0];
@@ -111,6 +115,7 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
 				.startNode=${startNode}
 				.allowedContentTypeIds=${this._allowedContentTypeUniques ?? ''}
 				?showOpenButton=${this._showOpenButton}
+				?readonly=${this.readonly}
 				@change=${this.#onChange}></umb-input-content>
 		`;
     }
@@ -118,6 +123,9 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
 __decorate([
     property({ type: Array })
 ], UmbPropertyEditorUIContentPickerElement.prototype, "value", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbPropertyEditorUIContentPickerElement.prototype, "readonly", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIContentPickerElement.prototype, "_type", void 0);

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

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.DateTime',
             icon: 'icon-time',
             group: 'pickers',
+            supportsReadOnly: true,
             settings: {
                 properties: [
                     {

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

@@ -22,6 +22,13 @@ import type { UmbPropertyEditorUiElement } from '../../core/extension-registry/i
  */
 export declare class UmbPropertyEditorUIDatePickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    readonly: boolean;
     private _inputType;
     private _min?;
     private _max?;

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

@@ -29,6 +29,13 @@ import { UmbLitElement } from '../../core/lit-element/index.js';
 let UmbPropertyEditorUIDatePickerElement = class UmbPropertyEditorUIDatePickerElement extends UmbLitElement {
     constructor() {
         super(...arguments);
+        /**
+         * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+         * @type {boolean}
+         * @attr
+         * @default false
+         */
+        this.readonly = false;
         this._inputType = 'datetime-local';
     }
     set config(config) {
@@ -115,11 +122,15 @@ let UmbPropertyEditorUIDatePickerElement = class UmbPropertyEditorUIDatePickerEl
 				.max=${this._max}
 				.step=${this._step}
 				.type=${this._inputType}
-				@change=${this.#onChange}>
+				@change=${this.#onChange}
+				?readonly=${this.readonly}>
 			</umb-input-date>
 		`;
     }
 };
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbPropertyEditorUIDatePickerElement.prototype, "readonly", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIDatePickerElement.prototype, "_inputType", void 0);

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

@@ -9,7 +9,8 @@ export const manifests = [
             label: 'Dropdown',
             propertyEditorSchemaAlias: 'Umbraco.DropDown.Flexible',
             icon: 'icon-list',
-            group: 'pickers',
+            group: 'lists',
+            supportsReadOnly: true,
         },
     },
     schemaManifest,

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

@@ -8,6 +8,13 @@ export declare class UmbPropertyEditorUIDropdownElement extends UmbLitElement im
     #private;
     set value(value: Array<string> | string | undefined);
     get value(): Array<string> | undefined;
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    readonly: boolean;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     private _multiple;
     private _options;

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

@@ -15,6 +15,13 @@ let UmbPropertyEditorUIDropdownElement = class UmbPropertyEditorUIDropdownElemen
     constructor() {
         super(...arguments);
         this.#selection = [];
+        /**
+         * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+         * @type {boolean}
+         * @attr
+         * @default false
+         */
+        this.readonly = false;
         this._multiple = false;
         this._options = [];
     }
@@ -60,6 +67,9 @@ let UmbPropertyEditorUIDropdownElement = class UmbPropertyEditorUIDropdownElemen
         return this._multiple ? this.#renderDropdownMultiple() : this.#renderDropdownSingle();
     }
     #renderDropdownMultiple() {
+        if (this.readonly) {
+            return html `<div>${this.value?.join(', ')}</div>`;
+        }
         return html `
 			<select id="native" multiple @change=${this.#onChangeMulitple}>
 				${map(this._options, (item) => html `<option value=${item.value} ?selected=${item.selected}>${item.name}</option>`)}
@@ -68,7 +78,10 @@ let UmbPropertyEditorUIDropdownElement = class UmbPropertyEditorUIDropdownElemen
     }
     #renderDropdownSingle() {
         return html `
-			<umb-input-dropdown-list .options=${this._options} @change=${this.#onChange}></umb-input-dropdown-list>
+			<umb-input-dropdown-list
+				.options=${this._options}
+				@change=${this.#onChange}
+				?readonly=${this.readonly}></umb-input-dropdown-list>
 		`;
     }
     static { this.styles = [
@@ -83,6 +96,9 @@ let UmbPropertyEditorUIDropdownElement = class UmbPropertyEditorUIDropdownElemen
 __decorate([
     property({ type: Array })
 ], UmbPropertyEditorUIDropdownElement.prototype, "value", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbPropertyEditorUIDropdownElement.prototype, "readonly", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIDropdownElement.prototype, "_multiple", void 0);

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

@@ -8,8 +8,9 @@ export const manifests = [
         meta: {
             label: 'Label',
             icon: 'icon-readonly',
-            group: 'pickers',
+            group: 'common',
             propertyEditorSchemaAlias: 'Umbraco.Label',
+            supportsReadOnly: true,
         },
     },
     labelSchemaManifest,

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

@@ -11,6 +11,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.Decimal',
             icon: 'icon-autofill',
             group: 'common',
+            supportsReadOnly: true,
             settings: {
                 properties: [
                     {
@@ -39,6 +40,7 @@ export const manifests = [
             icon: 'icon-autofill',
             group: 'common',
             propertyEditorSchemaAlias: 'Umbraco.Integer',
+            supportsReadOnly: true,
         },
     },
     ...decimalSchemaManifests,

package/dist-cms/packages/property-editors/radio-button-list/manifests.js

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.RadioButtonList',
             icon: 'icon-target',
             group: 'lists',
+            supportsReadOnly: true,
         },
     },
     radioButtonListSchemaManifest,

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

@@ -7,6 +7,13 @@ import type { UmbPropertyEditorUiElement } from '../../core/extension-registry/i
 export declare class UmbPropertyEditorUIRadioButtonListElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
     value?: string;
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    readonly: boolean;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     private _list;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -14,6 +14,13 @@ let UmbPropertyEditorUIRadioButtonListElement = class UmbPropertyEditorUIRadioBu
     constructor() {
         super(...arguments);
         this.value = '';
+        /**
+         * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+         * @type {boolean}
+         * @attr
+         * @default false
+         */
+        this.readonly = false;
         this._list = [];
     }
     set config(config) {
@@ -36,13 +43,17 @@ let UmbPropertyEditorUIRadioButtonListElement = class UmbPropertyEditorUIRadioBu
 			<umb-input-radio-button-list
 				.list=${this._list}
 				.value=${this.value ?? ''}
-				@change=${this.#onChange}></umb-input-radio-button-list>
+				@change=${this.#onChange}
+				?readonly=${this.readonly}></umb-input-radio-button-list>
 		`;
     }
 };
 __decorate([
     property()
 ], UmbPropertyEditorUIRadioButtonListElement.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbPropertyEditorUIRadioButtonListElement.prototype, "readonly", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIRadioButtonListElement.prototype, "_list", void 0);

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

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.Slider',
             icon: 'icon-navigation-horizontal',
             group: 'common',
+            supportsReadOnly: true,
             settings: {
                 properties: [
                     {

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

@@ -11,6 +11,13 @@ export type UmbSliderValue = {
 export declare class UmbPropertyEditorUISliderElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
     value: UmbSliderValue | undefined;
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    readonly: boolean;
     _enableRange: boolean;
     _initVal1: number;
     _initVal2: number;

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

@@ -13,6 +13,13 @@ import { UmbPropertyValueChangeEvent } from '../../core/property-editor/index.js
 let UmbPropertyEditorUISliderElement = class UmbPropertyEditorUISliderElement extends UmbLitElement {
     constructor() {
         super(...arguments);
+        /**
+         * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+         * @type {boolean}
+         * @attr
+         * @default false
+         */
+        this.readonly = false;
         this._enableRange = false;
         this._initVal1 = 0;
         this._initVal2 = 1;
@@ -58,7 +65,8 @@ let UmbPropertyEditorUISliderElement = class UmbPropertyEditorUISliderElement ex
 				.min=${this._min}
 				.max=${this._max}
 				?enable-range=${this._enableRange}
-				@change=${this.#onChange}>
+				@change=${this.#onChange}
+				?readonly=${this.readonly}>
 			</umb-input-slider>
 		`;
     }
@@ -66,6 +74,9 @@ let UmbPropertyEditorUISliderElement = class UmbPropertyEditorUISliderElement ex
 __decorate([
     property({ type: Object })
 ], UmbPropertyEditorUISliderElement.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbPropertyEditorUISliderElement.prototype, "readonly", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUISliderElement.prototype, "_enableRange", void 0);

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

@@ -18,6 +18,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.TextBox',
             icon: 'icon-autofill',
             group: 'common',
+            supportsReadOnly: true,
             settings: {
                 properties: [inputTypeConfig],
                 defaultData: [
@@ -39,6 +40,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.EmailAddress',
             icon: 'icon-message',
             group: 'common',
+            supportsReadOnly: true,
             settings: {
                 properties: [inputTypeConfig],
                 defaultData: [

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

@@ -1,6 +1,7 @@
 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';
-declare const UmbPropertyEditorUITextBoxElement_base: import("../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../core/validation/index.js").UmbFormControlMixinElement<string | undefined>> & import("../../../libs/extension-api/index.js").HTMLElementConstructor<import("lit-element/lit-element.js").LitElement>;
+declare const UmbPropertyEditorUITextBoxElement_base: import("../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../core/validation/index.js").UmbFormControlMixinElement<string | undefined>> & typeof UmbLitElement;
 export declare class UmbPropertyEditorUITextBoxElement extends UmbPropertyEditorUITextBoxElement_base implements UmbPropertyEditorUiElement {
     #private;
     /**
@@ -10,12 +11,19 @@ export declare class UmbPropertyEditorUITextBoxElement extends UmbPropertyEditor
      * @default false
      */
     readonly: boolean;
+    /**
+     * Sets the input to mandatory, meaning validation will fail if the value is empty.
+     * @type {boolean}
+     */
+    mandatory?: boolean;
+    mandatoryMessage: string;
     private _type;
     private _inputMode?;
     private _maxChars?;
     private _placeholder?;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     protected firstUpdated(): void;
+    focus(): Promise<void> | undefined;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

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

@@ -8,7 +8,7 @@ import { UmbTextStyles } from '../../core/style/index.js';
 import { css, html, customElement, state, ifDefined, property } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent, } from '../../core/property-editor/index.js';
-import { UmbFormControlMixin } from '../../core/validation/index.js';
+import { UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, UmbFormControlMixin } from '../../core/validation/index.js';
 let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement extends UmbFormControlMixin(UmbLitElement, undefined) {
     constructor() {
         super(...arguments);
@@ -19,6 +19,7 @@ let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement
          * @default false
          */
         this.readonly = false;
+        this.mandatoryMessage = UMB_VALIDATION_EMPTY_LOCALIZATION_KEY;
         this.#defaultType = 'text';
         this._type = this.#defaultType;
     }
@@ -32,6 +33,9 @@ let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement
     firstUpdated() {
         this.addFormControlElement(this.shadowRoot.querySelector('uui-input'));
     }
+    focus() {
+        return this.shadowRoot?.querySelector('uui-input')?.focus();
+    }
     #onInput(e) {
         const newValue = e.target.value;
         if (newValue === this.value)
@@ -47,6 +51,8 @@ let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement
 			inputMode=${ifDefined(this._inputMode)}
 			maxlength=${ifDefined(this._maxChars)}
 			@input=${this.#onInput}
+			?required=${this.mandatory}
+			.requiredMessage=${this.mandatoryMessage}
 			?readonly=${this.readonly}></uui-input>`;
     }
     static { this.styles = [
@@ -61,6 +67,12 @@ let UmbPropertyEditorUITextBoxElement = class UmbPropertyEditorUITextBoxElement
 __decorate([
     property({ type: Boolean, reflect: true })
 ], UmbPropertyEditorUITextBoxElement.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbPropertyEditorUITextBoxElement.prototype, "mandatory", void 0);
+__decorate([
+    property({ type: String })
+], UmbPropertyEditorUITextBoxElement.prototype, "mandatoryMessage", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUITextBoxElement.prototype, "_type", void 0);

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

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.TextArea',
             icon: 'icon-edit',
             group: 'common',
+            supportsReadOnly: true,
             settings: {
                 properties: [
                     {

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

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.TrueFalse',
             icon: 'icon-checkbox',
             group: 'common',
+            supportsReadOnly: true,
             settings: {
                 properties: [
                     {

package/dist-cms/packages/{settings/dashboards/published-status → publish-cache}/dashboard-published-status.element.d.ts

@@ -1,4 +1,4 @@
-import { UmbLitElement } from '../../../core/lit-element/index.js';
+import { UmbLitElement } from '../core/lit-element/index.js';
 export declare class UmbDashboardPublishedStatusElement extends UmbLitElement {
     private _publishedStatusText;
     private _buttonState;

package/dist-cms/packages/{settings/dashboards/published-status → publish-cache}/dashboard-published-status.element.js

@@ -4,12 +4,12 @@ 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, state } from '../../../../external/lit/index.js';
-import { umbConfirmModal } from '../../../core/modal/index.js';
-import { PublishedCacheService } from '../../../../external/backend-api/index.js';
-import { tryExecuteAndNotify } from '../../../core/resources/index.js';
-import { UmbLitElement } from '../../../core/lit-element/index.js';
-import { UmbTextStyles } from '../../../core/style/index.js';
+import { css, html, customElement, state } from '../../external/lit/index.js';
+import { umbConfirmModal } from '../core/modal/index.js';
+import { PublishedCacheService } from '../../external/backend-api/index.js';
+import { tryExecuteAndNotify } from '../core/resources/index.js';
+import { UmbLitElement } from '../core/lit-element/index.js';
+import { UmbTextStyles } from '../core/style/index.js';
 let UmbDashboardPublishedStatusElement = class UmbDashboardPublishedStatusElement extends UmbLitElement {
     constructor() {
         super(...arguments);

package/dist-cms/packages/publish-cache/manifests.d.ts

@@ -0,0 +1,15 @@
+export declare const manifests: {
+    type: string;
+    alias: string;
+    name: string;
+    element: () => Promise<typeof import("./dashboard-published-status.element.js")>;
+    weight: number;
+    meta: {
+        label: string;
+        pathname: string;
+    };
+    conditions: {
+        alias: string;
+        match: string;
+    }[];
+}[];