@umbraco-cms/backoffice 17.5.2 → 17.6.0-rc

package/dist-cms/packages/core/tree/entity-actions/duplicate-to/modal/duplicate-to-modal.element.d.ts

@@ -2,9 +2,14 @@ import type { UmbDuplicateToModalData, UmbDuplicateToModalValue } from './duplic
 import { nothing } from '../../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../modal/index.js';
 declare const elementName = "umb-duplicate-to-modal";
+/**
+ * @deprecated Deprecated since v17. The "Duplicate to" entity action now uses the shared `UMB_TREE_PICKER_MODAL`. Scheduled for removal in Umbraco 19.
+ */
 export declare class UmbDuplicateToModalElement extends UmbModalBaseElement<UmbDuplicateToModalData, UmbDuplicateToModalValue> {
     #private;
     private _destinationUnique?;
+    constructor();
+    private get _treeExpansion();
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/core/tree/entity-actions/duplicate-to/modal/duplicate-to-modal.element.js

@@ -7,8 +7,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, customElement, nothing, state } from '../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../style/index.js';
 import { UmbModalBaseElement } from '../../../../modal/index.js';
+import { UmbDeprecation } from '../../../../utils/index.js';
 const elementName = 'umb-duplicate-to-modal';
+/**
+ * @deprecated Deprecated since v17. The "Duplicate to" entity action now uses the shared `UMB_TREE_PICKER_MODAL`. Scheduled for removal in Umbraco 19.
+ */
 let UmbDuplicateToModalElement = class UmbDuplicateToModalElement extends UmbModalBaseElement {
+    constructor() {
+        super();
+        new UmbDeprecation({
+            deprecated: 'UmbDuplicateToModalElement (umb-duplicate-to-modal / Umb.Modal.DuplicateTo)',
+            removeInVersion: '19.0.0',
+            solution: 'Use the shared UMB_TREE_PICKER_MODAL instead, passing `headline` and `confirmLabel`.',
+        }).warn();
+    }
+    get _treeExpansion() {
+        return this.data?.treeExpansion ?? [];
+    }
     #onTreeSelectionChange(event) {
         const target = event.target;
         const selection = target.getSelection();
@@ -22,23 +37,24 @@ let UmbDuplicateToModalElement = class UmbDuplicateToModalElement extends UmbMod
             return nothing;
         return html `
 			<umb-body-layout headline=${this.localize.term('actions_copyTo')}>
-				<uui-box>
-					<umb-tree
-						alias=${this.data.treeAlias}
-						.props=${{
+				<umb-tree
+					alias=${this.data.treeAlias}
+					.props=${{
             foldersOnly: this.data?.foldersOnly,
             expandTreeRoot: true,
+            expansion: this._treeExpansion,
         }}
-						@selection-change=${this.#onTreeSelectionChange}></umb-tree>
-				</uui-box>
-
+					@selection-change=${this.#onTreeSelectionChange}></umb-tree>
 				${this.#renderActions()}
 			</umb-body-layout>
 		`;
     }
     #renderActions() {
         return html `
-			<uui-button slot="actions" label=${this.localize.term('general_cancel')} @click="${this._rejectModal}"></uui-button>
+			<uui-button
+				slot="actions"
+				label=${this.localize.term('general_cancel')}
+				@click="${this._rejectModal}"></uui-button>
 			<uui-button
 				slot="actions"
 				color="positive"

package/dist-cms/packages/core/tree/entity-actions/duplicate-to/modal/duplicate-to-modal.token.d.ts

@@ -1,13 +1,24 @@
 import type { UmbEntityModel } from '../../../../entity/index.js';
 import { UmbModalToken } from '../../../../modal/index.js';
+import type { UmbEntityExpansionModel } from '../../../../utils/index.js';
 export declare const UMB_DUPLICATE_TO_MODAL_ALIAS = "Umb.Modal.DuplicateTo";
+/**
+ * @deprecated Deprecated since v17. The "Duplicate to" entity action now uses the shared `UMB_TREE_PICKER_MODAL`. Scheduled for removal in Umbraco 19.
+ */
 export interface UmbDuplicateToModalData extends UmbEntityModel {
     treeAlias: string;
     foldersOnly?: boolean;
+    treeExpansion?: UmbEntityExpansionModel;
 }
+/**
+ * @deprecated Deprecated since v17. The "Duplicate to" entity action now uses the shared `UMB_TREE_PICKER_MODAL`. Scheduled for removal in Umbraco 19.
+ */
 export interface UmbDuplicateToModalValue {
     destination: {
         unique: string | null;
     };
 }
+/**
+ * @deprecated Deprecated since v17. Use the shared `UMB_TREE_PICKER_MODAL` instead, passing `headline` and `confirmLabel`. Scheduled for removal in Umbraco 19.
+ */
 export declare const UMB_DUPLICATE_TO_MODAL: UmbModalToken<UmbDuplicateToModalData, UmbDuplicateToModalValue>;

package/dist-cms/packages/core/tree/entity-actions/duplicate-to/modal/duplicate-to-modal.token.js

@@ -1,5 +1,8 @@
 import { UmbModalToken } from '../../../../modal/index.js';
 export const UMB_DUPLICATE_TO_MODAL_ALIAS = 'Umb.Modal.DuplicateTo';
+/**
+ * @deprecated Deprecated since v17. Use the shared `UMB_TREE_PICKER_MODAL` instead, passing `headline` and `confirmLabel`. Scheduled for removal in Umbraco 19.
+ */
 export const UMB_DUPLICATE_TO_MODAL = new UmbModalToken(UMB_DUPLICATE_TO_MODAL_ALIAS, {
     modal: {
         type: 'sidebar',

package/dist-cms/packages/core/tree/entity-actions/duplicate-to/modal/manifests.js

@@ -1,5 +1,6 @@
 import { UMB_DUPLICATE_TO_MODAL_ALIAS } from './constants.js';
 import { UmbDuplicateToModalElement } from './duplicate-to-modal.element.js';
+// TODO (V19): Remove this modal registration. The "Duplicate to" entity action now uses the shared UMB_TREE_PICKER_MODAL.
 export const manifests = [
     {
         type: 'modal',

package/dist-cms/packages/core/tree/entity-actions/move/move-to.action.js

@@ -3,23 +3,40 @@ import { UmbEntityActionBase, UmbRequestReloadStructureForEntityEvent } from '..
 import { umbOpenModal } from '../../../modal/index.js';
 import { createExtensionApiByAlias } from '../../../extension-registry/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../action/index.js';
+import { linkEntityExpansionEntries } from '../../../utils/index.js';
 export class UmbMoveToEntityAction extends UmbEntityActionBase {
     async _getPickableFilter(unique) {
         return (treeItem) => treeItem.unique !== unique;
     }
+    #searchConfig() {
+        const alias = this.args.meta.searchProviderAlias;
+        return alias ? { providerAlias: alias } : undefined;
+    }
     async execute() {
         if (!this.args.unique)
             throw new Error('Unique is not available');
         if (!this.args.entityType)
             throw new Error('Entity Type is not available');
+        const [ancestors, pickableFilter] = await Promise.all([
+            this.#requestAncestors(),
+            this._getPickableFilter(this.args.unique),
+        ]);
+        const treeExpansion = ancestors.length ? linkEntityExpansionEntries(ancestors) : undefined;
         const value = await umbOpenModal(this, UMB_TREE_PICKER_MODAL, {
             data: {
+                headline: '#actions_move',
+                confirmLabel: '#general_move',
                 treeAlias: this.args.meta.treeAlias,
                 foldersOnly: this.args.meta.foldersOnly,
                 expandTreeRoot: true,
-                pickableFilter: await this._getPickableFilter(this.args.unique),
+                treeExpansion,
+                pickableFilter,
+                search: this.#searchConfig(),
             },
-        });
+        }).catch(() => undefined);
+        // The modal was cancelled.
+        if (!value)
+            return;
         const destinationUnique = value.selection[0];
         if (destinationUnique === undefined)
             throw new Error('Destination Unique is not available');
@@ -35,6 +52,20 @@ export class UmbMoveToEntityAction extends UmbEntityActionBase {
         }
         this.#reloadMenu();
     }
+    async #requestAncestors() {
+        try {
+            const treeRepository = await createExtensionApiByAlias(this, this.args.meta.treeRepositoryAlias);
+            const { data } = (await treeRepository?.requestTreeItemAncestors({
+                treeItem: { unique: this.args.unique, entityType: this.args.entityType },
+            })) ?? {};
+            // Exclude self — the API returns the descendant as part of the ancestors list, but we only want to expand its parents.
+            return data?.filter((item) => item.unique !== this.args.unique) ?? [];
+        }
+        catch {
+            // Tree pre-expansion is a UX convenience — if it fails the modal still opens normally.
+            return [];
+        }
+    }
     async #reloadMenu() {
         const actionEventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
         if (!actionEventContext)

package/dist-cms/packages/core/tree/entity-actions/move/types.d.ts

@@ -16,6 +16,10 @@ export interface MetaEntityActionMoveToKind extends MetaEntityActionDefaultKind
     treeRepositoryAlias: string;
     treeAlias: string;
     foldersOnly?: boolean;
+    /**
+     * The alias of a search provider used to enable search in the destination picker.
+     */
+    searchProviderAlias?: string;
 }
 declare global {
     interface UmbExtensionManifestMap {

package/dist-cms/packages/core/tree/entity-actions/sort-children-of/modal/sort-children-of-modal.element.d.ts

@@ -1,9 +1,8 @@
 import type { UmbTreeItemModel } from '../../../types.js';
 import type { UmbSortChildrenOfModalData, UmbSortChildrenOfModalValue } from './sort-children-of-modal.token.js';
-import type { PropertyValueMap } from '../../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../modal/index.js';
+import type { PropertyValueMap } from '../../../../../../external/lit/index.js';
 import type { UmbTableColumn, UmbTableItem } from '../../../../components/index.js';
-declare const elementName = "umb-sort-children-of-modal";
 export declare class UmbSortChildrenOfModalElement<TreeItemModelType extends UmbTreeItemModel = UmbTreeItemModel> extends UmbModalBaseElement<UmbSortChildrenOfModalData, UmbSortChildrenOfModalValue> {
     #private;
     protected _children: Array<TreeItemModelType>;
@@ -13,12 +12,13 @@ export declare class UmbSortChildrenOfModalElement<TreeItemModelType extends Umb
     private _tableConfig;
     protected _tableItems: Array<UmbTableItem>;
     private _sortable;
+    private _loading;
     private _submitButtonState?;
     protected _sortedUniques: Set<string>;
     constructor();
     protected _setTableColumns(): void;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void>;
-    protected _createTableItems(): void;
+    protected _createTableItems(): void | Promise<void>;
     protected _hasMorePages(): boolean;
     protected _onLoadMore(event: PointerEvent): void;
     protected _sortCompare(columnAlias: string, valueA: unknown, valueB: unknown): number;
@@ -28,6 +28,6 @@ export declare class UmbSortChildrenOfModalElement<TreeItemModelType extends Umb
 export { UmbSortChildrenOfModalElement as element };
 declare global {
     interface HTMLElementTagNameMap {
-        [elementName]: UmbSortChildrenOfModalElement;
+        'umb-sort-children-of-modal': UmbSortChildrenOfModalElement;
     }
 }

package/dist-cms/packages/core/tree/entity-actions/sort-children-of/modal/sort-children-of-modal.element.js

@@ -4,13 +4,11 @@ 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, css, state, nothing } from '../../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../style/index.js';
-import { UmbModalBaseElement } from '../../../../modal/index.js';
+import { css, customElement, html, nothing, state } from '../../../../../../external/lit/index.js';
 import { createExtensionApiByAlias } from '../../../../extension-registry/index.js';
-import { UmbPaginationManager } from '../../../../utils/index.js';
 import { observeMultiple } from '../../../../../../libs/observable-api/index.js';
-const elementName = 'umb-sort-children-of-modal';
+import { UmbModalBaseElement } from '../../../../modal/index.js';
+import { UmbPaginationManager } from '../../../../utils/index.js';
 let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends UmbModalBaseElement {
     #pagination;
     constructor() {
@@ -24,6 +22,7 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
         };
         this._tableItems = [];
         this._sortable = false;
+        this._loading = false;
         this._sortedUniques = new Set();
         this.#pagination = new UmbPaginationManager();
         this.#pagination.setPageSize(50);
@@ -51,20 +50,26 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
             throw new Error('unique is required');
         if (!this.data?.treeRepositoryAlias)
             throw new Error('treeRepositoryAlias is required');
-        const treeRepository = await createExtensionApiByAlias(this, this.data.treeRepositoryAlias);
-        const { data } = await treeRepository.requestTreeItemsOf({
-            parent: {
-                unique: this.data.unique,
-                entityType: this.data.entityType,
-            },
-            skip: this.#pagination.getSkip(),
-            take: this.#pagination.getPageSize(),
-        });
-        if (data) {
-            this._children = [...this._children, ...data.items];
-            this.#pagination.setTotalItems(data.total);
-            this._sortable = this._children.length > 0;
-            this._createTableItems();
+        this._loading = true;
+        try {
+            const treeRepository = await createExtensionApiByAlias(this, this.data.treeRepositoryAlias);
+            const { data } = await treeRepository.requestTreeItemsOf({
+                parent: {
+                    unique: this.data.unique,
+                    entityType: this.data.entityType,
+                },
+                skip: this.#pagination.getSkip(),
+                take: this.#pagination.getPageSize(),
+            });
+            if (data) {
+                this._children = [...this._children, ...data.items];
+                this.#pagination.setTotalItems(data.total);
+                this._sortable = this._children.length > 0;
+                await this._createTableItems();
+            }
+        }
+        finally {
+            this._loading = false;
         }
     }
     _createTableItems() {
@@ -86,6 +91,8 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
     }
     _onLoadMore(event) {
         event.stopPropagation();
+        if (this._loading)
+            return;
         if (this._currentPage >= this._totalPages)
             return;
         this.#pagination.setCurrentPageNumber(this._currentPage + 1);
@@ -166,7 +173,10 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
         return html `
 			<umb-body-layout headline=${this.localize.term('actions_sort')}>
 				${this._children.length === 0 ? this.#renderEmptyState() : this.#renderTable()}
-				<uui-button slot="actions" label=${this.localize.term('general_cancel')} @click="${this._rejectModal}"></uui-button>
+				<uui-button
+					slot="actions"
+					label=${this.localize.term('general_cancel')}
+					@click="${this._rejectModal}"></uui-button>
 				<uui-button
 					slot="actions"
 					color="positive"
@@ -178,7 +188,9 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
 		`;
     }
     #renderEmptyState() {
-        return html `<uui-label><umb-localize key="sort_sortEmptyState">This node has no child nodes to sort</umb-localize></uui-label>`;
+        return html `
+			<uui-label><umb-localize key="sort_sortEmptyState">This node has no child nodes to sort</umb-localize></uui-label>
+		`;
     }
     #renderTable() {
         return html `
@@ -188,19 +200,23 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
 				.items=${this._tableItems}
 				.sortable=${this._sortable}
 				@sorted=${this.#onSorted}
-				@ordered=${this.#onOrdered}></umb-table>
+				@ordered=${this.#onOrdered}>
+			</umb-table>
 
 			${this._hasMorePages()
             ? html `
-						<uui-button id="loadMoreButton" look="placeholder" @click=${this._onLoadMore}
-							><umb-localize key="actions_loadMore">Load more</umb-localize> (${this._currentPage}/${this._totalPages})</uui-button
-						>
+						<uui-button
+							id="loadMoreButton"
+							look="placeholder"
+							?disabled=${this._loading}
+							@click=${this._onLoadMore}>
+							<umb-localize key="actions_loadMore">Load more</umb-localize> (${this._currentPage}/${this._totalPages})
+						</uui-button>
 					`
             : nothing}
 		`;
     }
     static { this.styles = [
-        UmbTextStyles,
         css `
 			#loadMoreButton {
 				width: 100%;
@@ -230,11 +246,14 @@ __decorate([
 __decorate([
     state()
 ], UmbSortChildrenOfModalElement.prototype, "_sortable", void 0);
+__decorate([
+    state()
+], UmbSortChildrenOfModalElement.prototype, "_loading", void 0);
 __decorate([
     state()
 ], UmbSortChildrenOfModalElement.prototype, "_submitButtonState", void 0);
 UmbSortChildrenOfModalElement = __decorate([
-    customElement(elementName)
+    customElement('umb-sort-children-of-modal')
 ], UmbSortChildrenOfModalElement);
 export { UmbSortChildrenOfModalElement };
 export { UmbSortChildrenOfModalElement as element };

package/dist-cms/packages/core/tree/entity-actions/sort-children-of/sort-children-of.action.d.ts

@@ -1,7 +1,9 @@
+import type { UmbSortChildrenOfModalData } from './modal/index.js';
 import type { MetaEntityActionSortChildrenOfKind } from './types.js';
 import { UmbEntityActionBase } from '../../../entity-action/index.js';
 export declare class UmbSortChildrenOfEntityAction extends UmbEntityActionBase<MetaEntityActionSortChildrenOfKind> {
     execute(): Promise<void>;
-    protected _getModalToken(): import("../../../modal/index.js").UmbModalToken<import("./types.js").UmbSortChildrenOfModalData, import("./types.js").UmbSortChildrenOfModalValue>;
+    protected _getModalToken(): import("../../../modal/index.js").UmbModalToken<UmbSortChildrenOfModalData, import("./types.js").UmbSortChildrenOfModalValue>;
+    protected _getModalData(): UmbSortChildrenOfModalData;
 }
 export default UmbSortChildrenOfEntityAction;

package/dist-cms/packages/core/tree/entity-actions/sort-children-of/sort-children-of.action.js

@@ -4,14 +4,8 @@ import { umbOpenModal } from '../../../modal/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../action/index.js';
 export class UmbSortChildrenOfEntityAction extends UmbEntityActionBase {
     async execute() {
-        await umbOpenModal(this, this._getModalToken(), {
-            data: {
-                unique: this.args.unique,
-                entityType: this.args.entityType,
-                sortChildrenOfRepositoryAlias: this.args.meta.sortChildrenOfRepositoryAlias,
-                treeRepositoryAlias: this.args.meta.treeRepositoryAlias,
-            },
-        }).catch(() => undefined);
+        const data = this._getModalData();
+        await umbOpenModal(this, this._getModalToken(), { data }).catch(() => undefined);
         const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
         if (!eventContext)
             throw new Error('Event context is not available');
@@ -23,5 +17,13 @@ export class UmbSortChildrenOfEntityAction extends UmbEntityActionBase {
     _getModalToken() {
         return UMB_SORT_CHILDREN_OF_MODAL;
     }
+    _getModalData() {
+        return {
+            unique: this.args.unique,
+            entityType: this.args.entityType,
+            sortChildrenOfRepositoryAlias: this.args.meta.sortChildrenOfRepositoryAlias,
+            treeRepositoryAlias: this.args.meta.treeRepositoryAlias,
+        };
+    }
 }
 export default UmbSortChildrenOfEntityAction;

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

@@ -1,4 +1,6 @@
+export * from './action/index.js';
 export * from './active-manager/index.js';
+export * from './conditions/index.js';
 export * from './components/index.js';
 export * from './constants.js';
 export * from './data/index.js';
@@ -8,9 +10,10 @@ export * from './entity-actions/reload-tree-item-children/index.js';
 export * from './entity-actions/sort-children-of/index.js';
 export * from './folder/index.js';
 export * from './tree-item/index.js';
+export * from './tree-item-api/index.js';
 export * from './tree-item-children/index.js';
 export * from './tree-menu-item/index.js';
 export * from './tree.element.js';
 export * from './entity-actions/move/index.js';
+export * from './view/index.js';
 export type * from './types.js';
-export type { UmbTreePickerModalData, UmbTreePickerModalValue } from './tree-picker-modal/index.js';

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

@@ -1,4 +1,6 @@
+export * from './action/index.js';
 export * from './active-manager/index.js';
+export * from './conditions/index.js';
 export * from './components/index.js';
 export * from './constants.js';
 export * from './data/index.js';
@@ -8,7 +10,9 @@ export * from './entity-actions/reload-tree-item-children/index.js';
 export * from './entity-actions/sort-children-of/index.js';
 export * from './folder/index.js';
 export * from './tree-item/index.js';
+export * from './tree-item-api/index.js';
 export * from './tree-item-children/index.js';
 export * from './tree-menu-item/index.js';
 export * from './tree.element.js';
 export * from './entity-actions/move/index.js';
+export * from './view/index.js';

package/dist-cms/packages/core/tree/manifests.js

@@ -1,14 +1,24 @@
+import { manifests as actionManifests } from './action/manifests.js';
+import { manifests as conditionManifests } from './conditions/manifests.js';
 import { manifests as defaultTreeItemManifests } from './tree-item/tree-item-default/manifests.js';
 import { manifests as defaultTreeManifests } from './default/manifests.js';
 import { manifests as entityActionManifests } from './entity-actions/manifests.js';
 import { manifests as folderManifests } from './folder/manifests.js';
 import { manifests as treeMenuItemManifests } from './tree-menu-item/manifests.js';
 import { manifests as treePickerManifests } from './tree-picker-modal/manifests.js';
+import { manifests as treeItemCardManifests } from './tree-item-card/manifests.js';
+import { manifests as treeViewManifests } from './view/manifests.js';
+import { manifests as workspaceViewManifests } from './workspace-view/manifests.js';
 export const manifests = [
+    ...actionManifests,
+    ...conditionManifests,
     ...defaultTreeItemManifests,
     ...defaultTreeManifests,
     ...entityActionManifests,
     ...folderManifests,
     ...treeMenuItemManifests,
     ...treePickerManifests,
+    ...treeItemCardManifests,
+    ...treeViewManifests,
+    ...workspaceViewManifests,
 ];

package/dist-cms/packages/core/tree/tree-item/events/index.d.ts

@@ -0,0 +1 @@
+export * from './tree-item-open.event.js';

package/dist-cms/packages/core/tree/tree-item/events/index.js

@@ -0,0 +1 @@
+export * from './tree-item-open.event.js';

package/dist-cms/packages/core/tree/tree-item/events/tree-item-open.event.d.ts

@@ -0,0 +1,14 @@
+export declare class UmbTreeItemOpenEvent extends Event {
+    static readonly TYPE = "umb-tree-item-open";
+    readonly unique: string;
+    readonly entityType: string;
+    constructor(args: {
+        unique: string;
+        entityType: string;
+    }, eventInit?: EventInit);
+}
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbTreeItemOpenEvent.TYPE]: UmbTreeItemOpenEvent;
+    }
+}

package/dist-cms/packages/core/tree/tree-item/events/tree-item-open.event.js

@@ -0,0 +1,8 @@
+export class UmbTreeItemOpenEvent extends Event {
+    static { this.TYPE = 'umb-tree-item-open'; }
+    constructor(args, eventInit) {
+        super(UmbTreeItemOpenEvent.TYPE, { bubbles: true, composed: true, ...eventInit });
+        this.unique = args.unique;
+        this.entityType = args.entityType;
+    }
+}

package/dist-cms/packages/core/tree/tree-item/index.d.ts

@@ -1,3 +1,4 @@
+export * from './events/index.js';
 export * from './tree-item-base/index.js';
 export * from './tree-item-default/index.js';
 export * from './tree-item.context.token.js';

package/dist-cms/packages/core/tree/tree-item/index.js

@@ -1,3 +1,4 @@
+export * from './events/index.js';
 export * from './tree-item-base/index.js';
 export * from './tree-item-default/index.js';
 export * from './tree-item.context.token.js';

package/dist-cms/packages/core/tree/tree-item/tree-item-base/tree-item-context-base.d.ts

@@ -2,57 +2,24 @@ import type { ManifestTreeItem } from '../../extensions/types.js';
 import type { UmbTreeItemContext } from '../tree-item-context.interface.js';
 import type { UmbTreeItemModel, UmbTreeRootModel } from '../../types.js';
 import { UmbTreeItemChildrenManager } from '../tree-item-children.manager.js';
-import { UMB_TREE_CONTEXT } from '../../tree.context.token.js';
-import { UmbObjectState } from '../../../../../libs/observable-api/index.js';
-import { UmbContextBase } from '../../../../../libs/class-api/index.js';
+import type { UMB_TREE_CONTEXT } from '../../tree.context.token.js';
+import { UmbTreeItemApiContextBase } from '../../tree-item-api/tree-item-api-context-base.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-import type { UmbEntityModel, UmbEntityUnique } from '../../../entity/index.js';
-export declare abstract class UmbTreeItemContextBase<TreeItemType extends UmbTreeItemModel, TreeRootType extends UmbTreeRootModel, ManifestType extends ManifestTreeItem = ManifestTreeItem> extends UmbContextBase implements UmbTreeItemContext<TreeItemType> {
+export declare abstract class UmbTreeItemContextBase<TreeItemType extends UmbTreeItemModel, TreeRootType extends UmbTreeRootModel, ManifestType extends ManifestTreeItem = ManifestTreeItem> extends UmbTreeItemApiContextBase<TreeItemType, ManifestType> implements UmbTreeItemContext<TreeItemType> {
     #private;
-    unique?: UmbEntityUnique;
-    entityType?: string;
-    protected readonly _treeItem: UmbObjectState<TreeItemType | undefined>;
-    readonly treeItem: import("rxjs").Observable<TreeItemType | undefined>;
-    readonly isSelectable: import("rxjs").Observable<boolean>;
-    readonly isSelectableContext: import("rxjs").Observable<boolean>;
-    readonly isSelected: import("rxjs").Observable<boolean>;
-    readonly isActive: import("rxjs").Observable<boolean>;
-    readonly path: import("rxjs").Observable<string>;
     protected readonly _treeItemChildrenManager: UmbTreeItemChildrenManager<TreeItemType, TreeRootType, import("../../index.js").UmbTreeRootItemsRequestArgs>;
     readonly childItems: import("rxjs").Observable<TreeItemType[]>;
     readonly hasChildren: import("rxjs").Observable<boolean>;
     readonly foldersOnly: import("rxjs").Observable<boolean>;
     readonly pagination: import("../../../utils/index.js").UmbPaginationManager;
-    readonly targetPagination: import("../../../utils/index.js").UmbTargetPaginationManager<UmbEntityModel>;
+    readonly targetPagination: import("../../../utils/index.js").UmbTargetPaginationManager<import("../../../entity/types.js").UmbEntityModel>;
     readonly isLoading: import("rxjs").Observable<boolean>;
     readonly isLoadingPrevChildren: import("rxjs").Observable<boolean>;
     readonly isLoadingNextChildren: import("rxjs").Observable<boolean>;
     isOpen: import("rxjs").Observable<boolean>;
-    readonly hasActions: import("rxjs").Observable<boolean>;
-    treeContext?: typeof UMB_TREE_CONTEXT.TYPE;
-    readonly hasActiveDescendant: import("rxjs").Observable<boolean | undefined>;
     setIsMenu(isMenu: boolean): void;
     getIsMenu(): boolean;
     constructor(host: UmbControllerHost);
-    /**
-     * Sets the manifest
-     * @param {ManifestCollection} manifest
-     * @memberof UmbCollectionContext
-     */
-    set manifest(manifest: ManifestType | undefined);
-    get manifest(): ManifestType | undefined;
-    /**
-     * Returns the current path value
-     * @returns {string}
-     * @memberof UmbTreeItemContextBase
-     */
-    getPath(): string;
-    /**
-     * Returns the ascending items of this tree item
-     * @returns {Array<UmbEntityModel>}
-     * @memberof UmbTreeItemContextBase
-     */
-    getAscending(): Array<UmbEntityModel> | undefined;
     /**
      * Returns the manifest.
      * @returns {ManifestCollection}
@@ -87,21 +54,7 @@ export declare abstract class UmbTreeItemContextBase<TreeItemType extends UmbTre
      * @returns {Promise<void>}
      */
     loadNextItems: () => Promise<void>;
-    /**
-     * Selects the tree item
-     * @memberof UmbTreeItemContextBase
-     * @returns {void}
-     */
-    select(): void;
-    /**
-     * Deselects the tree item
-     * @memberof UmbTreeItemContextBase
-     * @returns {void}
-     */
-    deselect(): void;
     showChildren(): void;
     hideChildren(): void;
-    getTreeItem(): TreeItemType | undefined;
-    constructPath(pathname: string, entityType: string, unique: string | null): string;
-    destroy(): void;
+    protected _onTreeContextChanged(context: typeof UMB_TREE_CONTEXT.TYPE): void;
 }