@umbraco-cms/backoffice 14.0.0--preview004-bf1bff3b → 14.0.0--preview004-1b021a09

package/dist-cms/custom-elements.json

@@ -1798,41 +1798,6 @@
         }
       ]
     },
-    {
-      "name": "umb-input-start-node",
-      "path": "./../src/packages/core/components/input-start-node/input-start-node.element.ts",
-      "attributes": [
-        {
-          "name": "type",
-          "type": "ContentType | undefined"
-        },
-        {
-          "name": "node-id",
-          "type": "string | null | undefined"
-        }
-      ],
-      "properties": [
-        {
-          "name": "type",
-          "attribute": "type",
-          "type": "ContentType | undefined"
-        },
-        {
-          "name": "nodeId",
-          "attribute": "node-id",
-          "type": "string | null | undefined"
-        },
-        {
-          "name": "dynamicRoot",
-          "type": "DynamicRootType | null | undefined"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[null]"
-        }
-      ]
-    },
     {
       "name": "umb-input-tiny-mce",
       "path": "./../src/packages/core/components/input-tiny-mce/input-tiny-mce.element.ts",
@@ -1920,6 +1885,41 @@
         }
       ]
     },
+    {
+      "name": "umb-input-tree-picker-source",
+      "path": "./../src/packages/core/components/input-tree-picker-source/input-tree-picker-source.element.ts",
+      "attributes": [
+        {
+          "name": "type",
+          "type": "UmbTreePickerSourceType | undefined"
+        },
+        {
+          "name": "node-id",
+          "type": "string | null | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "type",
+          "attribute": "type",
+          "type": "UmbTreePickerSourceType | undefined"
+        },
+        {
+          "name": "nodeId",
+          "attribute": "node-id",
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "dynamicRoot",
+          "type": "UmbTreePickerDynamicRoot | null | undefined"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
     {
       "name": "umb-input-upload-field-file",
       "path": "./../src/packages/core/components/input-upload-field/input-upload-field-file.element.ts",
@@ -4716,8 +4716,8 @@
       ]
     },
     {
-      "name": "umb-property-editor-ui-tree-picker-start-node",
-      "path": "./../src/packages/core/property-editor/uis/tree-picker/config/start-node/property-editor-ui-tree-picker-start-node.element.ts",
+      "name": "umb-property-editor-ui-tree-picker-source-picker",
+      "path": "./../src/packages/core/property-editor/uis/tree-picker/config/source-picker/property-editor-ui-tree-picker-source-picker.element.ts",
       "attributes": [
         {
           "name": "value"
@@ -4743,6 +4743,33 @@
         }
       ]
     },
+    {
+      "name": "umb-property-editor-ui-tree-picker-source-type-picker",
+      "path": "./../src/packages/core/property-editor/uis/tree-picker/config/source-type-picker/property-editor-ui-tree-picker-source-type-picker.element.ts",
+      "attributes": [
+        {
+          "name": "value",
+          "type": "string[] | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "value",
+          "attribute": "value",
+          "type": "string[] | undefined"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\"]"
+        }
+      ],
+      "events": [
+        {
+          "name": "property-value-change"
+        }
+      ]
+    },
     {
       "name": "umb-property-editor-ui-tree-picker",
       "path": "./../src/packages/core/property-editor/uis/tree-picker/property-editor-ui-tree-picker.element.ts",
@@ -5219,7 +5246,7 @@
       "attributes": [
         {
           "name": "type",
-          "type": "StartNode"
+          "type": "UmbTreePickerSource"
         },
         {
           "name": "startNodeId",
@@ -5256,7 +5283,7 @@
         {
           "name": "type",
           "attribute": "type",
-          "type": "StartNode"
+          "type": "UmbTreePickerSource"
         },
         {
           "name": "startNodeId",
@@ -5388,13 +5415,8 @@
           "type": "string | undefined"
         },
         {
-          "name": "selectable"
-        },
-        {
-          "name": "selection"
-        },
-        {
-          "name": "multiple"
+          "name": "selectionConfiguration",
+          "type": "UmbTreeSelectionConfiguration"
         },
         {
           "name": "hide-tree-root",
@@ -5416,16 +5438,9 @@
           "type": "string | undefined"
         },
         {
-          "name": "selectable",
-          "attribute": "selectable"
-        },
-        {
-          "name": "selection",
-          "attribute": "selection"
-        },
-        {
-          "name": "multiple",
-          "attribute": "multiple"
+          "name": "selectionConfiguration",
+          "attribute": "selectionConfiguration",
+          "type": "UmbTreeSelectionConfiguration"
         },
         {
           "name": "hideTreeRoot",

package/dist-cms/packages/core/components/index.d.ts

@@ -21,7 +21,7 @@ export * from './input-number-range/index.js';
 export * from './input-radio-button-list/index.js';
 export * from './input-section/index.js';
 export * from './input-slider/index.js';
-export * from './input-start-node/index.js';
+export * from './input-tree-picker-source/index.js';
 export * from './input-tiny-mce/index.js';
 export * from './input-toggle/index.js';
 export * from './input-upload-field/index.js';

package/dist-cms/packages/core/components/index.js

@@ -23,7 +23,7 @@ export * from './input-number-range/index.js';
 export * from './input-radio-button-list/index.js';
 export * from './input-section/index.js';
 export * from './input-slider/index.js';
-export * from './input-start-node/index.js';
+export * from './input-tree-picker-source/index.js';
 export * from './input-tiny-mce/index.js';
 export * from './input-toggle/index.js';
 export * from './input-upload-field/index.js';

package/dist-cms/packages/core/components/input-tree-picker-source/index.d.ts

@@ -0,0 +1 @@
+export * from './input-tree-picker-source.element.js';

package/dist-cms/packages/core/components/input-tree-picker-source/index.js

@@ -0,0 +1 @@
+export * from './input-tree-picker-source.element.js';

package/dist-cms/packages/core/components/input-tree-picker-source/input-tree-picker-source.element.d.ts

@@ -0,0 +1,34 @@
+import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+export type UmbTreePickerSource = {
+    type?: UmbTreePickerSourceType;
+    id?: string | null;
+    dynamicRoot?: UmbTreePickerDynamicRoot | null;
+};
+export type UmbTreePickerSourceType = 'content' | 'member' | 'media';
+export type UmbTreePickerDynamicRoot = {
+    originAlias: string;
+    querySteps?: Array<UmbTreePickerDynamicRootQueryStep> | null;
+};
+export type UmbTreePickerDynamicRootQueryStep = {
+    alias: string;
+    anyOfDocTypeKeys: Array<string>;
+};
+declare const UmbInputTreePickerSourceElement_base: (new (...args: any[]) => import("../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
+export declare class UmbInputTreePickerSourceElement extends UmbInputTreePickerSourceElement_base {
+    #private;
+    protected getFormElement(): undefined;
+    private _type;
+    set type(value: UmbTreePickerSource['type']);
+    get type(): UmbTreePickerSource['type'];
+    nodeId?: string | null;
+    dynamicRoot?: UmbTreePickerDynamicRoot | null;
+    _options: Array<Option>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbInputTreePickerSourceElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-input-tree-picker-source': UmbInputTreePickerSourceElement;
+    }
+}

package/dist-cms/packages/core/components/{input-start-node/input-start-node.element.js → input-tree-picker-source/input-tree-picker-source.element.js}

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, customElement, property, css, state } from '../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-let UmbInputStartNodeElement = class UmbInputStartNodeElement extends FormControlMixin(UmbLitElement) {
+let UmbInputTreePickerSourceElement = class UmbInputTreePickerSourceElement extends FormControlMixin(UmbLitElement) {
     constructor() {
         super(...arguments);
         this._type = 'content';
@@ -98,18 +98,18 @@ let UmbInputStartNodeElement = class UmbInputStartNodeElement extends FormContro
 };
 __decorate([
     property()
-], UmbInputStartNodeElement.prototype, "type", null);
+], UmbInputTreePickerSourceElement.prototype, "type", null);
 __decorate([
     property({ attribute: 'node-id' })
-], UmbInputStartNodeElement.prototype, "nodeId", void 0);
+], UmbInputTreePickerSourceElement.prototype, "nodeId", void 0);
 __decorate([
     property({ attribute: false })
-], UmbInputStartNodeElement.prototype, "dynamicRoot", void 0);
+], UmbInputTreePickerSourceElement.prototype, "dynamicRoot", void 0);
 __decorate([
     state()
-], UmbInputStartNodeElement.prototype, "_options", void 0);
-UmbInputStartNodeElement = __decorate([
-    customElement('umb-input-start-node')
-], UmbInputStartNodeElement);
-export { UmbInputStartNodeElement };
-export default UmbInputStartNodeElement;
+], UmbInputTreePickerSourceElement.prototype, "_options", void 0);
+UmbInputTreePickerSourceElement = __decorate([
+    customElement('umb-input-tree-picker-source')
+], UmbInputTreePickerSourceElement);
+export { UmbInputTreePickerSourceElement };
+export default UmbInputTreePickerSourceElement;

package/dist-cms/packages/core/modal/common/link-picker/link-picker-modal.element.d.ts

@@ -1,6 +1,7 @@
 import { UmbLinkPickerConfig, UmbLinkPickerLink, UmbLinkPickerModalData, UmbLinkPickerModalValue, UmbModalBaseElement } from '../../index.js';
 export declare class UmbLinkPickerModalElement extends UmbModalBaseElement<UmbLinkPickerModalData, UmbLinkPickerModalValue> {
     #private;
+    private _selectionConfiguration;
     _selectedKey?: string;
     /**
      * The link object, notice this is frozen, as it comes directly from the State. So it cannot be manipulated.
@@ -17,7 +18,7 @@ export declare class UmbLinkPickerModalElement extends UmbModalBaseElement<UmbLi
     private _renderLinkUrlInput;
     private _renderAnchorInput;
     private _renderTrees;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 export default UmbLinkPickerModalElement;
 declare global {

package/dist-cms/packages/core/modal/common/link-picker/link-picker-modal.element.js

@@ -11,6 +11,11 @@ import { UMB_DOCUMENT_TREE_ALIAS } from '../../../../documents/documents/index.j
 let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
+        this._selectionConfiguration = {
+            multiple: false,
+            selectable: true,
+            selection: [],
+        };
         /**
          * The link object, notice this is frozen, as it comes directly from the State. So it cannot be manipulated.
          */
@@ -30,6 +35,7 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
             this.observe(this.modalContext.value, (value) => {
                 this._link = value.link;
                 this._selectedKey = this._link?.udi ? getKeyFromUdi(this._link.udi) : undefined;
+                this._selectionConfiguration.selection = this._selectedKey ? [this._selectedKey] : [];
             });
         }
         this._layout = this.data?.config;
@@ -53,15 +59,18 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
         //TODO: Update icon, published, trashed
         e.stopPropagation();
         const element = e.target;
-        const selectedKey = element.selection[element.selection.length - 1];
+        const selection = element.getSelection();
+        const selectedKey = selection[selection.length - 1];
         if (!selectedKey) {
             this.#partialUpdateLink({ udi: '', url: undefined });
             this._selectedKey = undefined;
+            this._selectionConfiguration.selection = [];
             this.requestUpdate();
             return;
         }
         const udi = buildUdi(entityType, selectedKey);
         this._selectedKey = selectedKey;
+        this._selectionConfiguration.selection = [this._selectedKey];
         this.#partialUpdateLink({ udi: udi, url: udi });
         this.requestUpdate();
     }
@@ -146,11 +155,9 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 					label=${this.localize.term('placeholders_search')}></uui-input>
 				<umb-tree
 					?hide-tree-root=${true}
-					?multiple=${false}
 					alias=${UMB_DOCUMENT_TREE_ALIAS}
 					@selection-change=${(event) => this.#handleSelectionChange(event, 'document')}
-					.selection=${[this._selectedKey ?? '']}
-					selectable></umb-tree>
+					.selectionConfiguration=${this._selectionConfiguration}></umb-tree>
 			</div>
 			<hr />
 			<uui-symbol-expand
@@ -161,11 +168,9 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 			<div style="${styleMap({ display: !this.mediaExpanded ? 'block' : 'none' })}">
 				<umb-tree
 					?hide-tree-root=${true}
-					?multiple=${false}
 					alias="Umb.Tree.Media"
 					@selection-change=${(event) => this.#handleSelectionChange(event, 'media')}
-					.selection=${[this._selectedKey ?? '']}
-					selectable></umb-tree>
+					.selectionConfiguration=${this._selectionConfiguration}></umb-tree>
 			</div>
 		`;
     }
@@ -202,6 +207,9 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 		`,
     ]; }
 };
+__decorate([
+    state()
+], UmbLinkPickerModalElement.prototype, "_selectionConfiguration", void 0);
 __decorate([
     state()
 ], UmbLinkPickerModalElement.prototype, "_selectedKey", void 0);

package/dist-cms/packages/core/modal/common/tree-picker/tree-picker-modal.element.d.ts

@@ -1,12 +1,11 @@
 import { UmbTreePickerModalData, UmbPickerModalValue, UmbModalBaseElement } from '../../index.js';
-import { UmbTreeItemModelBase } from '../../../tree/index.js';
+import { UmbTreeItemModelBase, type UmbTreeSelectionConfiguration } from '../../../tree/index.js';
 export declare class UmbTreePickerModalElement<TreeItemType extends UmbTreeItemModelBase> extends UmbModalBaseElement<UmbTreePickerModalData<TreeItemType>, UmbPickerModalValue> {
     #private;
-    _selection: Array<string | null>;
-    _multiple: boolean;
+    _selectionConfiguration: UmbTreeSelectionConfiguration;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 export default UmbTreePickerModalElement;
 declare global {

package/dist-cms/packages/core/modal/common/tree-picker/tree-picker-modal.element.js

@@ -11,23 +11,26 @@ import { UmbSelectionChangeEvent } from '../../../event/index.js';
 let UmbTreePickerModalElement = class UmbTreePickerModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
-        this._selection = [];
-        this._multiple = false;
+        this._selectionConfiguration = {
+            multiple: false,
+            selectable: true,
+            selection: [],
+        };
     }
     connectedCallback() {
         super.connectedCallback();
         // TODO: We should make a nicer way to observe the value..
         if (this.modalContext) {
             this.observe(this.modalContext.value, (value) => {
-                this._selection = value?.selection ?? [];
+                this._selectionConfiguration.selection = value?.selection ?? [];
             });
         }
-        this._multiple = this.data?.multiple ?? false;
+        this._selectionConfiguration.multiple = this.data?.multiple ?? false;
     }
     #onSelectionChange(e) {
         e.stopPropagation();
         const element = e.target;
-        this.value = { selection: element.selection };
+        this.value = { selection: element.getSelection() };
         this.dispatchEvent(new UmbSelectionChangeEvent());
     }
     render() {
@@ -38,11 +41,9 @@ let UmbTreePickerModalElement = class UmbTreePickerModalElement extends UmbModal
 						?hide-tree-root=${this.data?.hideTreeRoot}
 						alias=${ifDefined(this.data?.treeAlias)}
 						@selection-change=${this.#onSelectionChange}
-						.selection=${this._selection}
-						selectable
+						.selectionConfiguration=${this._selectionConfiguration}
 						.filter=${this.data?.filter}
-						.selectableFilter=${this.data?.pickableFilter}
-						?multiple=${this._multiple}></umb-tree>
+						.selectableFilter=${this.data?.pickableFilter}></umb-tree>
 				</uui-box>
 				<div slot="actions">
 					<uui-button label=${this.localize.term('general_close')} @click=${this._rejectModal}></uui-button>
@@ -55,10 +56,7 @@ let UmbTreePickerModalElement = class UmbTreePickerModalElement extends UmbModal
 };
 __decorate([
     state()
-], UmbTreePickerModalElement.prototype, "_selection", void 0);
-__decorate([
-    state()
-], UmbTreePickerModalElement.prototype, "_multiple", void 0);
+], UmbTreePickerModalElement.prototype, "_selectionConfiguration", void 0);
 UmbTreePickerModalElement = __decorate([
     customElement('umb-tree-picker-modal')
 ], UmbTreePickerModalElement);

package/dist-cms/packages/core/property-editor/uis/tree-picker/config/source-picker/manifests.js

@@ -0,0 +1,12 @@
+export const manifest = {
+    type: 'propertyEditorUi',
+    alias: 'Umb.PropertyEditorUi.TreePicker.SourcePicker',
+    name: 'Tree Picker Source Picker Property Editor UI',
+    js: () => import('./property-editor-ui-tree-picker-source-picker.element.js'),
+    meta: {
+        label: 'Tree Picker Source Picker',
+        icon: 'icon-page-add',
+        group: 'pickers',
+        propertyEditorSchemaAlias: '',
+    },
+};

package/dist-cms/packages/core/property-editor/uis/tree-picker/config/{start-node/property-editor-ui-tree-picker-start-node.element.d.ts → source-picker/property-editor-ui-tree-picker-source-picker.element.d.ts}

@@ -1,20 +1,20 @@
-import { StartNode } from '../../../../../components/index.js';
+import { type UmbTreePickerSource } from '../../../../../components/index.js';
 import type { UmbPropertyEditorUiElement } from '../../../../../extension-registry/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../../../index.js';
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
 /**
- * @element umb-property-editor-ui-tree-picker-start-node
+ * @element umb-property-editor-ui-tree-picker-source-picker
  */
-export declare class UmbPropertyEditorUITreePickerStartNodeElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+export declare class UmbPropertyEditorUITreePickerSourcePickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
-    value?: StartNode;
+    value?: UmbTreePickerSource;
     config?: UmbPropertyEditorConfigCollection;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
-export default UmbPropertyEditorUITreePickerStartNodeElement;
+export default UmbPropertyEditorUITreePickerSourcePickerElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-property-editor-ui-tree-picker-start-node': UmbPropertyEditorUITreePickerStartNodeElement;
+        'umb-property-editor-ui-tree-picker-source-picker': UmbPropertyEditorUITreePickerSourcePickerElement;
     }
 }

package/dist-cms/packages/core/property-editor/uis/tree-picker/config/{start-node/property-editor-ui-tree-picker-start-node.element.js → source-picker/property-editor-ui-tree-picker-source-picker.element.js}

@@ -8,9 +8,9 @@ import { html, customElement, property } from '../../../../../../../external/lit
 import { UmbTextStyles } from '../../../../../../../shared/style/index.js';
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
 /**
- * @element umb-property-editor-ui-tree-picker-start-node
+ * @element umb-property-editor-ui-tree-picker-source-picker
  */
-let UmbPropertyEditorUITreePickerStartNodeElement = class UmbPropertyEditorUITreePickerStartNodeElement extends UmbLitElement {
+let UmbPropertyEditorUITreePickerSourcePickerElement = class UmbPropertyEditorUITreePickerSourcePickerElement extends UmbLitElement {
     #onChange(event) {
         const target = event.target;
         this.value = {
@@ -21,21 +21,21 @@ let UmbPropertyEditorUITreePickerStartNodeElement = class UmbPropertyEditorUITre
         this.dispatchEvent(new CustomEvent('property-value-change'));
     }
     render() {
-        return html `<umb-input-start-node
+        return html `<umb-input-tree-picker-source
 			@change=${this.#onChange}
 			.type=${this.value?.type}
-			.nodeId=${this.value?.id}></umb-input-start-node>`;
+			.nodeId=${this.value?.id}></umb-input-tree-picker-source>`;
     }
     static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ type: Object })
-], UmbPropertyEditorUITreePickerStartNodeElement.prototype, "value", void 0);
+], UmbPropertyEditorUITreePickerSourcePickerElement.prototype, "value", void 0);
 __decorate([
     property({ type: Object, attribute: false })
-], UmbPropertyEditorUITreePickerStartNodeElement.prototype, "config", void 0);
-UmbPropertyEditorUITreePickerStartNodeElement = __decorate([
-    customElement('umb-property-editor-ui-tree-picker-start-node')
-], UmbPropertyEditorUITreePickerStartNodeElement);
-export { UmbPropertyEditorUITreePickerStartNodeElement };
-export default UmbPropertyEditorUITreePickerStartNodeElement;
+], UmbPropertyEditorUITreePickerSourcePickerElement.prototype, "config", void 0);
+UmbPropertyEditorUITreePickerSourcePickerElement = __decorate([
+    customElement('umb-property-editor-ui-tree-picker-source-picker')
+], UmbPropertyEditorUITreePickerSourcePickerElement);
+export { UmbPropertyEditorUITreePickerSourcePickerElement };
+export default UmbPropertyEditorUITreePickerSourcePickerElement;

package/dist-cms/packages/core/property-editor/uis/tree-picker/config/source-type-picker/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestPropertyEditorUi } from '../../../../../extension-registry/index.js';
+export declare const manifest: ManifestPropertyEditorUi;

package/dist-cms/packages/core/property-editor/uis/tree-picker/config/source-type-picker/manifests.js

@@ -0,0 +1,12 @@
+export const manifest = {
+    type: 'propertyEditorUi',
+    alias: 'Umb.PropertyEditorUi.TreePicker.SourceTypePicker',
+    name: 'Tree Picker Source Type Picker Property Editor UI',
+    js: () => import('./property-editor-ui-tree-picker-source-type-picker.element.js'),
+    meta: {
+        label: 'Tree Picker Source Type Picker',
+        icon: 'icon-page-add',
+        group: 'pickers',
+        propertyEditorSchemaAlias: '',
+    },
+};

package/dist-cms/packages/core/property-editor/uis/tree-picker/config/source-type-picker/property-editor-ui-tree-picker-source-type-picker.element.d.ts

@@ -0,0 +1,20 @@
+import type { UmbPropertyEditorUiElement } from '../../../../../extension-registry/index.js';
+import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+/**
+ * @element umb-property-editor-ui-tree-picker-source-type-picker
+ */
+export declare class UmbPropertyEditorUITreePickerSourceTypePickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    #private;
+    value?: string[];
+    private sourceType;
+    constructor();
+    private _observeProperty;
+    render(): import("lit-html").TemplateResult<1> | "No source type found";
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbPropertyEditorUITreePickerSourceTypePickerElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-property-editor-ui-tree-picker-source-type-picker': UmbPropertyEditorUITreePickerSourceTypePickerElement;
+    }
+}