@umbraco-cms/backoffice 17.1.0 → 17.2.0-rc

package/dist-cms/packages/core/components/table/table.element.d.ts

@@ -4,6 +4,7 @@ export interface UmbTableItem {
     icon?: string | null;
     entityType?: string;
     data: Array<UmbTableItemData>;
+    selectable?: boolean;
 }
 export interface UmbTableItemData {
     columnAlias: string;
@@ -17,6 +18,7 @@ export interface UmbTableColumn {
     allowSorting?: boolean;
     align?: 'left' | 'center' | 'right';
     labelTemplate?: string;
+    clipText?: boolean;
 }
 export interface UmbTableColumnLayoutElement extends HTMLElement {
     column: UmbTableColumn;
@@ -25,13 +27,23 @@ export interface UmbTableColumnLayoutElement extends HTMLElement {
 }
 export interface UmbTableConfig {
     allowSelection: boolean;
+    selectOnly?: boolean;
+    allowSelectAll?: boolean;
     hideIcon?: boolean;
 }
 export declare class UmbTableSelectedEvent extends Event {
-    constructor();
+    #private;
+    constructor(args?: {
+        itemId?: string;
+    });
+    getItemId(): string | undefined;
 }
 export declare class UmbTableDeselectedEvent extends Event {
-    constructor();
+    #private;
+    constructor(args?: {
+        itemId: string;
+    });
+    getItemId(): string | undefined;
 }
 export declare class UmbTableOrderedEvent extends Event {
     constructor();

package/dist-cms/packages/core/components/table/table.element.js

@@ -9,13 +9,23 @@ import { UmbLitElement } from '../../lit-element/index.js';
 import { UmbSorterController } from '../../sorter/index.js';
 import { UmbTextStyles } from '../../style/index.js';
 export class UmbTableSelectedEvent extends Event {
-    constructor() {
+    #itemId;
+    constructor(args) {
         super('selected', { bubbles: true, composed: true });
+        this.#itemId = args?.itemId;
+    }
+    getItemId() {
+        return this.#itemId;
     }
 }
 export class UmbTableDeselectedEvent extends Event {
-    constructor() {
+    #itemId;
+    constructor(args) {
         super('deselected', { bubbles: true, composed: true });
+        this.#itemId = args?.itemId;
+    }
+    getItemId() {
+        return this.#itemId;
     }
 }
 export class UmbTableOrderedEvent extends Event {
@@ -93,6 +103,7 @@ let UmbTableElement = class UmbTableElement extends UmbLitElement {
          */
         this.config = {
             allowSelection: false,
+            selectOnly: false,
             hideIcon: false,
         };
         /**
@@ -125,14 +136,15 @@ let UmbTableElement = class UmbTableElement extends UmbLitElement {
             },
         });
         this._renderRow = (item) => {
+            const isItemSelectable = this.#isSelectableItem(item);
             return html `
 			<uui-table-row
 				data-sortable-id=${item.id}
-				?selectable=${this.config.allowSelection && !this._sortable}
-				?select-only=${this._selectionMode}
+				?selectable=${this.config.allowSelection && !this._sortable && isItemSelectable}
+				?select-only=${this._selectionMode || this.config.selectOnly}
 				?selected=${this._isSelected(item.id)}
-				@selected=${() => this._selectRow(item.id)}
-				@deselected=${() => this._deselectRow(item.id)}>
+				@selected=${() => this._selectRow(item)}
+				@deselected=${() => this._deselectRow(item)}>
 				${this._renderRowCheckboxCell(item)} ${this.columns.map((column) => this._renderRowCell(column, item))}
 			</uui-table-row>
 		`;
@@ -142,13 +154,16 @@ let UmbTableElement = class UmbTableElement extends UmbLitElement {
     _isSelected(key) {
         return this.selection.includes(key);
     }
+    #isSelectableItem(item) {
+        return item.selectable !== false;
+    }
     _handleRowCheckboxChange(event, item) {
         const checkboxElement = event.target;
         if (checkboxElement.checked) {
-            this._selectRow(item.id);
+            this._selectRow(item);
         }
         else {
-            this._deselectRow(item.id);
+            this._deselectRow(item);
         }
     }
     _handleAllRowsCheckboxChange(event) {
@@ -166,24 +181,34 @@ let UmbTableElement = class UmbTableElement extends UmbLitElement {
         this.dispatchEvent(new UmbTableOrderedEvent());
     }
     _selectAllRows() {
-        this.selection = this.items.map((item) => item.id);
+        if (this.config.allowSelectAll === false) {
+            throw new Error('Select all is not allowed in the current table configuration.');
+        }
+        this.selection = this.items.filter((item) => this.#isSelectableItem(item)).map((item) => item.id);
         this._selectionMode = true;
         this.dispatchEvent(new UmbTableSelectedEvent());
     }
     _deselectAllRows() {
+        if (this.config.allowSelectAll === false) {
+            throw new Error('Select all is not allowed in the current table configuration.');
+        }
         this.selection = [];
         this._selectionMode = false;
         this.dispatchEvent(new UmbTableDeselectedEvent());
     }
-    _selectRow(key) {
-        this.selection = [...this.selection, key];
+    _selectRow(item) {
+        const isSelectble = this.#isSelectableItem(item);
+        if (!isSelectble) {
+            throw new Error(`Item with id ${item.id} is not selectable.`);
+        }
+        this.selection = [...this.selection, item.id];
         this._selectionMode = this.selection.length > 0;
-        this.dispatchEvent(new UmbTableSelectedEvent());
+        this.dispatchEvent(new UmbTableSelectedEvent({ itemId: item.id }));
     }
-    _deselectRow(key) {
-        this.selection = this.selection.filter((selectionKey) => selectionKey !== key);
+    _deselectRow(item) {
+        this.selection = this.selection.filter((selectionKey) => selectionKey !== item.id);
         this._selectionMode = this.selection.length > 0;
-        this.dispatchEvent(new UmbTableDeselectedEvent());
+        this.dispatchEvent(new UmbTableDeselectedEvent({ itemId: item.id }));
     }
     render() {
         const style = !(this.config.allowSelection === false && this.config.hideIcon === true) ? 'width: 60px' : undefined;
@@ -222,7 +247,7 @@ let UmbTableElement = class UmbTableElement extends UmbLitElement {
             return;
         return html `
 			<uui-table-head-cell style="--uui-table-cell-padding: 0; text-align: center;">
-				${when(this.config.allowSelection, () => html `
+				${when(this.config.allowSelection && this.config.allowSelectAll !== false, () => html `
 						<uui-checkbox
 							aria-label=${this.localize.term('general_selectAll')}
 							style="padding: var(--uui-size-4) var(--uui-size-5);"
@@ -242,10 +267,11 @@ let UmbTableElement = class UmbTableElement extends UmbLitElement {
         }
         if (this.config.hideIcon && !this.config.allowSelection)
             return;
+        const isItemSelectable = this.#isSelectableItem(item);
         return html `
 			<uui-table-cell style="text-align: center;">
 				${when(!this.config.hideIcon, () => html `<umb-icon name="${ifDefined(item.icon ?? undefined)}"></umb-icon>`)}
-				${when(this.config.allowSelection, () => html `
+				${when(this.config.allowSelection && isItemSelectable, () => html `
 						<uui-checkbox
 							aria-label=${this.localize.term('buttons_select')}
 							@click=${(e) => e.stopPropagation()}
@@ -258,7 +284,9 @@ let UmbTableElement = class UmbTableElement extends UmbLitElement {
     _renderRowCell(column, item) {
         return html `
 			<uui-table-cell
-				style="--uui-table-cell-padding: 0 var(--uui-size-5); text-align:${column.align ?? 'left'}; width: ${column.width || 'auto'};">
+				style="--uui-table-cell-padding: 0 var(--uui-size-5); text-align:${column.align ?? 'left'}; width: ${column.width || 'auto'};"
+				?clip-text=${column.clipText}
+				>
 					${this._renderCellContent(column, item)}
 			</uui-table-cell>
 		</uui-table-cell>

package/dist-cms/packages/core/culture/manifests.d.ts

@@ -1 +1 @@
-export declare const manifests: (import("../modal/types.js").ManifestModal | import("../tree/types.js").ManifestTreeItem | import("../tree/types.js").ManifestTree | import("../collection/types.js").ManifestCollection | import("../collection/types.js").ManifestCollectionMenu | import("../collection/menu/menu-item/extension/collection-menu-item.extension.js").ManifestCollectionMenuItem | import("../extension-registry/index.js").ManifestAppEntryPoint | import("../extension-registry/index.js").ManifestBackofficeEntryPoint | import("../extension-registry/index.js").ManifestEntryPoint | (import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../repository/types.js").ManifestDataSourceDataMapping<import("../repository/types.js").MetaDataSourceDataMapping> | import("../entity-bulk-action/types.js").ManifestEntityBulkActionDeleteKind | import("../workspace/types.js").ManifestWorkspaceActionMenuItem<import("../workspace/types.js").MetaWorkspaceActionMenuItem> | import("../workspace/types.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../workspace/types.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../workspace/types.js").ManifestWorkspaceInfoApp<import("../workspace/types.js").MetaWorkspaceInfoApp> | import("../workspace/types.js").ManifestWorkspaceDefaultKind | import("../workspace/types.js").ManifestWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction, import("../workspace/types.js").UmbWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction>> | import("../workspace/types.js").ManifestWorkspaceActionDefaultKind | import("../workspace/types.js").ManifestWorkspaceFooterApp | import("../workspace/types.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceView<import("../workspace/types.js").MetaWorkspaceView> | import("../workspace/types.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../workspace/types.js").ManifestWorkspace<import("../workspace/types.js").MetaWorkspace, import("../../../libs/controller-api/index.js").UmbControllerHostElement, import("../workspace/workspace-context.interface.js").UmbWorkspaceContext> | import("../workspace/types.js").ManifestWorkspaceRoutableKind | import("../workspace/types.js").ManifestWorkspaceContext | import("../property/types.js").ManifestPropertyContext<import("../property/types.js").MetaPropertyContext> | import("../property/types.js").ManifestPropertyValueCloner | (import("../property-editor/types.js").ManifestPropertyEditorSchema | import("../property-editor/types.js").ManifestPropertyEditorUi) | import("../property/types.js").ManifestPropertyValuePreset | import("../property/types.js").ManifestPropertyValueResolver | import("../../ufm/index.js").ManifestUfmFilter | import("../../ufm/index.js").ManifestUfmComponent | import("../../ufm/index.js").ManifestMarkedExtension | import("../entity-action/types.js").ManifestEntityActionDeleteKind | import("../entity-action/entity-action.extension.js").ManifestEntityAction<import("../entity-action/entity-action.extension.js").MetaEntityAction> | import("../entity-action/types.js").ManifestEntityActionDefaultKind | import("../entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../entity-create-option-action/entity-create-option-action.extension.js").ManifestEntityCreateOptionAction<import("../entity-create-option-action/entity-create-option-action.extension.js").MetaEntityCreateOptionAction> | import("../icon-registry/types.js").ManifestIcons | import("../tree/types.js").ManifestEntityActionDuplicateToKind | import("../tree/types.js").ManifestEntityActionMoveToKind | import("../tree/types.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../tree/types.js").ManifestEntityActionSortChildrenOfKind | import("../section/types.js").ManifestSectionContext<import("../section/types.js").MetaSectionContext> | (import("../section/types.js").ManifestSectionSidebarApp | import("../section/types.js").ManifestSection | import("../section/types.js").ManifestSectionRoute | import("../section/types.js").ManifestSectionView) | import("../dashboard/dashboard.extension.js").ManifestDashboard | import("../tree/types.js").ManifestEntityActionCreateFolderKind | import("../tree/types.js").ManifestEntityActionDeleteFolderKind | import("../tree/types.js").ManifestEntityActionUpdateFolderKind | import("../menu/menu.extension.js").ManifestMenu | import("../menu/types.js").ManifestMenuItem | import("../menu/types.js").ManifestMenuItemActionKind | import("../menu/types.js").ManifestMenuItemLinkKind | import("../menu/types.js").ManifestWorkspaceContextMenuStructureKind | import("../tree/types.js").ManifestMenuItemTreeKind | import("../collection/types.js").ManifestCollectionView | import("../collection/types.js").ManifestCollectionAction | import("../collection/types.js").ManifestEntityCollectionItemCard<import("../collection/types.js").MetaEntityCollectionItemCard> | import("../collection/types.js").ManifestEntityCollectionItemRef<import("../collection/types.js").MetaEntityCollectionItemRef> | import("../collection/types.js").ManifestCollectionActionCreateKind | import("../collection/types.js").ManifestWorkspaceViewCollectionKind | import("../../content/content/index.js").ManifestWorkspaceViewContentCollectionKind | import("../../content/content/index.js").ManifestEntityActionSortChildrenOfContentKind | import("../../user/current-user/index.js").ManifestUserProfileApp | import("../../user/current-user/index.js").ManifestCurrentUserAction<import("../../user/current-user/index.js").MetaCurrentUserAction> | import("../../user/user-permission/index.js").ManifestEntityUserPermission | import("../../user/user-permission/index.js").ManifestGranularUserPermission | import("../localization/index.js").ManifestLocalization | import("../picker/types.js").ManifestPickerSearchResultItem | import("../property-editor-data-source/types.js").ManifestPropertyEditorDataSource | import("../validation/types.js").ManifestPropertyValidationPathTranslator<any> | import("../entity-item/entity-item-ref/entity-item-ref.extension.js").ManifestEntityItemRef<import("../entity-item/entity-item-ref/entity-item-ref.extension.js").MetaEntityItemRef> | import("../search/types.js").ManifestSearchProvider | import("../search/types.js").ManifestSearchResultItem | import("../search/types.js").ManifestGlobalSearch | import("../extension-registry/index.js").UmbEntityBulkActionExtensions | import("../extension-registry/index.js").ManifestExternalLoginProvider | import("../extension-registry/index.js").ManifestGlobalContext | import("../extension-registry/index.js").ManifestHeaderApp | import("../extension-registry/index.js").ManifestHeaderAppButtonKind | import("../extension-registry/index.js").ManifestMfaLoginProvider | import("../extension-registry/index.js").ManifestPreviewAppProvider | import("../extension-registry/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi> | import("../extension-registry/index.js").UmbStoreExtensions | import("../auth/auth-provider.extension.js").ManifestAuthProvider | import("../themes/theme.extension.js").ManifestTheme | import("../entity-sign/types.js").ManifestEntitySign<import("../entity-sign/types.js").MetaEntitySign> | import("../entity-sign/kinds/types.js").ManifestEntitySignIconKind | import("../property-action/property-action.extension.js").UmbPropertyActionExtensions | import("../property-sort-mode/types.js").ManifestPropertyActionSortModeKind<import("../property-action/property-action.extension.js").MetaPropertyActionDefaultKind> | import("../recycle-bin/types.js").ManifestEntityActionTrashKind | import("../recycle-bin/types.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityActionEmptyRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityBulkActionTrashKind | import("../recycle-bin/tree/tree-item/types.js").ManifestTreeItemRecycleBinKind | import("../server-file-system/types.js").ManifestEntityActionRenameServerFileKind | import("../tree/folder/entity-create-option-action/types.js").ManifestEntityCreateOptionActionFolderKind | import("../../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("../property-sort-mode/types.js").ManifestPropertyContextSortModeKind | import("src/packages/relations/relations/entity-actions/bulk-delete/types.js").ManifestEntityBulkActionDeleteWithRelationKind | import("src/packages/relations/relations/entity-actions/bulk-trash/types.js").ManifestEntityBulkActionTrashWithRelationKind | import("../../documents/documents/index.js").ManifestWorkspaceActionMenuItemPreviewOptionKind | import("../../media/media/index.js").ManifestFileUploadPreview | import("../../health-check/index.js").ManifestHealthCheck | import("../../packages/package/index.js").ManifestPackageView | import("../../property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("../../property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("src/packages/relations/relations/entity-actions/delete/types.js").ManifestEntityActionDeleteWithRelationKind | import("src/packages/relations/relations/entity-actions/trash/types.js").ManifestEntityActionTrashWithRelationKind | import("src/packages/relations/relations/reference/workspace-info-app/types.js").ManifestWorkspaceInfoAppEntityReferencesKind | import("../../tiptap/index.js").ManifestTiptapExtension<import("../../tiptap/index.js").MetaTiptapExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtension<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionColorPickerButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionMenuKind | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionStyleMenuKind | import("../../tiptap/index.js").ManifestTiptapStatusbarExtension<import("../../tiptap/index.js").MetaTiptapStatusbarExtension> | import("src/packages/clipboard/property/context/types.js").ManifestPropertyContextClipboardKind | import("../section/default/types.js").ManifestSectionDefaultKind | import("../../markdown-editor/index.js").ManifestMonacoMarkdownEditorAction)[];
+export declare const manifests: (import("../modal/types.js").ManifestModal | import("../tree/types.js").ManifestTreeItem | import("../tree/types.js").ManifestTree | import("../collection/types.js").ManifestCollection | import("../collection/types.js").ManifestCollectionMenu | import("../collection/menu/menu-item/extension/collection-menu-item.extension.js").ManifestCollectionMenuItem | import("../extension-registry/index.js").ManifestAppEntryPoint | import("../extension-registry/index.js").ManifestBackofficeEntryPoint | import("../extension-registry/index.js").ManifestEntryPoint | (import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../repository/types.js").ManifestDataSourceDataMapping<import("../repository/types.js").MetaDataSourceDataMapping> | import("../entity-bulk-action/types.js").ManifestEntityBulkActionDeleteKind | import("../workspace/types.js").ManifestWorkspaceActionMenuItem<import("../workspace/types.js").MetaWorkspaceActionMenuItem> | import("../workspace/types.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../workspace/types.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../workspace/types.js").ManifestWorkspaceInfoApp<import("../workspace/types.js").MetaWorkspaceInfoApp> | import("../workspace/types.js").ManifestWorkspaceDefaultKind | import("../workspace/types.js").ManifestWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction, import("../workspace/types.js").UmbWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction>> | import("../workspace/types.js").ManifestWorkspaceActionDefaultKind | import("../workspace/types.js").ManifestWorkspaceFooterApp | import("../workspace/types.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceView<import("../workspace/types.js").MetaWorkspaceView> | import("../workspace/types.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../workspace/types.js").ManifestWorkspace<import("../workspace/types.js").MetaWorkspace, import("../../../libs/controller-api/index.js").UmbControllerHostElement, import("../workspace/workspace-context.interface.js").UmbWorkspaceContext> | import("../workspace/types.js").ManifestWorkspaceRoutableKind | import("../workspace/types.js").ManifestWorkspaceContext | import("../property/types.js").ManifestPropertyContext<import("../property/types.js").MetaPropertyContext> | import("../property/types.js").ManifestPropertyValueCloner | (import("../property-editor/types.js").ManifestPropertyEditorSchema | import("../property-editor/types.js").ManifestPropertyEditorUi) | import("../property/types.js").ManifestPropertyValuePreset | import("../property/types.js").ManifestPropertyValueResolver | import("../../ufm/index.js").ManifestUfmFilter | import("../../ufm/index.js").ManifestUfmComponent | import("../../ufm/index.js").ManifestMarkedExtension | import("../entity-action/types.js").ManifestEntityActionDeleteKind | import("../entity-action/entity-action.extension.js").ManifestEntityAction<import("../entity-action/entity-action.extension.js").MetaEntityAction> | import("../entity-action/types.js").ManifestEntityActionDefaultKind | import("../entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../entity-create-option-action/entity-create-option-action.extension.js").ManifestEntityCreateOptionAction<import("../entity-create-option-action/entity-create-option-action.extension.js").MetaEntityCreateOptionAction> | import("../icon-registry/types.js").ManifestIcons | import("../tree/types.js").ManifestEntityActionDuplicateToKind | import("../tree/types.js").ManifestEntityActionMoveToKind | import("../tree/types.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../tree/types.js").ManifestEntityActionSortChildrenOfKind | import("../section/types.js").ManifestSectionContext<import("../section/types.js").MetaSectionContext> | (import("../section/types.js").ManifestSectionSidebarApp | import("../section/types.js").ManifestSection | import("../section/types.js").ManifestSectionRoute | import("../section/types.js").ManifestSectionView) | import("../dashboard/dashboard.extension.js").ManifestDashboard | import("../tree/types.js").ManifestEntityActionCreateFolderKind | import("../tree/types.js").ManifestEntityActionDeleteFolderKind | import("../tree/types.js").ManifestEntityActionUpdateFolderKind | import("../menu/menu.extension.js").ManifestMenu | import("../menu/types.js").ManifestMenuItem | import("../menu/types.js").ManifestMenuItemActionKind | import("../menu/types.js").ManifestMenuItemLinkKind | import("../menu/types.js").ManifestWorkspaceContextMenuStructureKind | import("../tree/types.js").ManifestMenuItemTreeKind | import("../collection/types.js").ManifestCollectionView | import("../collection/types.js").ManifestCollectionAction | import("../collection/types.js").ManifestEntityCollectionItemCard<import("../collection/types.js").MetaEntityCollectionItemCard> | import("../collection/types.js").ManifestEntityCollectionItemRef<import("../collection/types.js").MetaEntityCollectionItemRef> | import("../collection/types.js").ManifestCollectionActionCreateKind | import("../collection/types.js").ManifestCollectionTextFilter | import("../collection/types.js").ManifestWorkspaceViewCollectionKind | import("../../content/content/index.js").ManifestWorkspaceViewContentCollectionKind | import("../../content/content/index.js").ManifestEntityActionSortChildrenOfContentKind | import("../../user/current-user/index.js").ManifestUserProfileApp | import("../../user/current-user/index.js").ManifestCurrentUserAction<import("../../user/current-user/index.js").MetaCurrentUserAction> | import("../../user/user-permission/index.js").ManifestEntityUserPermission | import("../../user/user-permission/index.js").ManifestGranularUserPermission | import("../localization/index.js").ManifestLocalization | import("../picker/types.js").ManifestPickerSearchResultItem | import("../property-editor-data-source/types.js").ManifestPropertyEditorDataSource | import("../validation/types.js").ManifestPropertyValidationPathTranslator<any> | import("../entity-item/entity-item-ref/entity-item-ref.extension.js").ManifestEntityItemRef<import("../entity-item/entity-item-ref/entity-item-ref.extension.js").MetaEntityItemRef> | import("../search/types.js").ManifestSearchProvider | import("../search/types.js").ManifestSearchResultItem | import("../search/types.js").ManifestGlobalSearch | import("../extension-registry/index.js").UmbEntityBulkActionExtensions | import("../extension-registry/index.js").ManifestExternalLoginProvider | import("../extension-registry/index.js").ManifestGlobalContext | import("../extension-registry/index.js").ManifestHeaderApp | import("../extension-registry/index.js").ManifestHeaderAppButtonKind | import("../extension-registry/index.js").ManifestMfaLoginProvider | import("../extension-registry/index.js").ManifestPreviewAppProvider | import("../extension-registry/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi> | import("../extension-registry/index.js").UmbStoreExtensions | import("../auth/auth-provider.extension.js").ManifestAuthProvider | import("../themes/theme.extension.js").ManifestTheme | import("../entity-sign/types.js").ManifestEntitySign<import("../entity-sign/types.js").MetaEntitySign> | import("../entity-sign/kinds/types.js").ManifestEntitySignIconKind | import("../property-action/property-action.extension.js").UmbPropertyActionExtensions | import("../property-sort-mode/types.js").ManifestPropertyActionSortModeKind<import("../property-action/property-action.extension.js").MetaPropertyActionDefaultKind> | import("../recycle-bin/types.js").ManifestEntityActionTrashKind | import("../recycle-bin/types.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityActionEmptyRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityBulkActionTrashKind | import("../recycle-bin/index.js").ManifestCollectionActionEmptyRecycleBinKind | import("../recycle-bin/tree/tree-item/types.js").ManifestTreeItemRecycleBinKind | import("../server-file-system/types.js").ManifestEntityActionRenameServerFileKind | import("../tree/folder/entity-create-option-action/types.js").ManifestEntityCreateOptionActionFolderKind | import("../property-sort-mode/types.js").ManifestPropertyContextSortModeKind | import("../../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("src/packages/relations/relations/entity-actions/bulk-delete/types.js").ManifestEntityBulkActionDeleteWithRelationKind | import("src/packages/relations/relations/entity-actions/bulk-trash/types.js").ManifestEntityBulkActionTrashWithRelationKind | import("../../documents/documents/index.js").ManifestWorkspaceActionMenuItemPreviewOptionKind | import("../../media/media/index.js").ManifestFileUploadPreview | import("../../health-check/index.js").ManifestHealthCheck | import("../../packages/package/index.js").ManifestPackageView | import("../../property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("../../property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("src/packages/relations/relations/entity-actions/delete/types.js").ManifestEntityActionDeleteWithRelationKind | import("src/packages/relations/relations/entity-actions/trash/types.js").ManifestEntityActionTrashWithRelationKind | import("src/packages/relations/relations/reference/workspace-info-app/types.js").ManifestWorkspaceInfoAppEntityReferencesKind | import("../../tiptap/index.js").ManifestTiptapExtension<import("../../tiptap/index.js").MetaTiptapExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtension<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionColorPickerButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionMenuKind | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionStyleMenuKind | import("../../tiptap/index.js").ManifestTiptapStatusbarExtension<import("../../tiptap/index.js").MetaTiptapStatusbarExtension> | import("src/packages/clipboard/property/context/types.js").ManifestPropertyContextClipboardKind | import("../section/default/types.js").ManifestSectionDefaultKind | import("../../markdown-editor/index.js").ManifestMonacoMarkdownEditorAction)[];

package/dist-cms/packages/core/entity/entity-type/manifests.js

@@ -1,9 +1,10 @@
 import { UMB_ENTITY_TYPE_CONDITION_ALIAS } from './constants.js';
+import { UmbEntityTypeCondition } from './entity-type.condition.js';
 export const manifests = [
     {
         type: 'condition',
         name: 'Umbraco Entity Type Condition',
         alias: UMB_ENTITY_TYPE_CONDITION_ALIAS,
-        api: () => import('./entity-type.condition.js'),
+        api: UmbEntityTypeCondition,
     },
 ];

package/dist-cms/packages/core/entity/entity-unique/manifests.js

@@ -1,9 +1,10 @@
 import { UMB_ENTITY_UNIQUE_CONDITION_ALIAS } from './constants.js';
+import { UmbEntityUniqueCondition } from './entity-unique.condition.js';
 export const manifests = [
     {
         type: 'condition',
         name: 'Umbraco Entity Unique Condition',
         alias: UMB_ENTITY_UNIQUE_CONDITION_ALIAS,
-        api: () => import('./entity-unique.condition.js'),
+        api: UmbEntityUniqueCondition,
     },
 ];

package/dist-cms/packages/core/entity-action/common/delete/delete.action.js

@@ -1,7 +1,9 @@
 import { UmbEntityActionBase } from '../../entity-action-base.js';
+import { UmbEntityDeletedEvent } from '../../entity-deleted.event.js';
 import { UmbRequestReloadStructureForEntityEvent } from '../../request-reload-structure-for-entity.event.js';
 import { createExtensionApiByAlias } from '../../../extension-registry/index.js';
 import { umbConfirmModal } from '../../../modal/index.js';
+import { UMB_NOTIFICATION_CONTEXT } from '../../../notification/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../action/index.js';
 import { UmbLocalizationController } from '../../../../../libs/localization-api/index.js';
 export class UmbDeleteEntityAction extends UmbEntityActionBase {
@@ -50,6 +52,17 @@ export class UmbDeleteEntityAction extends UmbEntityActionBase {
             entityType: this.args.entityType,
         });
         actionEventContext.dispatchEvent(event);
+        const deletedEvent = new UmbEntityDeletedEvent({
+            unique: this.args.unique,
+            entityType: this.args.entityType,
+        });
+        actionEventContext.dispatchEvent(deletedEvent);
+        const notificationContext = await this.getContext(UMB_NOTIFICATION_CONTEXT);
+        if (notificationContext) {
+            notificationContext.peek('positive', {
+                data: { message: this.#localize.term('general_deleted') },
+            });
+        }
     }
 }
 export default UmbDeleteEntityAction;

package/dist-cms/packages/core/entity-action/entity-action-list.element.d.ts

@@ -8,6 +8,7 @@ export declare class UmbEntityActionListElement extends UmbLitElement {
     set unique(value: string | null | undefined);
     private _props;
     private _apiArgs?;
+    focus(): void;
     render(): "" | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/core/entity-action/entity-action-list.element.js

@@ -50,6 +50,10 @@ let UmbEntityActionListElement = class UmbEntityActionListElement extends UmbLit
             return [{ entityType: this._props.entityType, unique: this._props.unique, meta: manifest.meta }];
         };
     }
+    focus() {
+        this.#firstEntityAction?.focus();
+    }
+    #firstEntityAction;
     #hasRenderedOnce;
     render() {
         return this._filter
@@ -61,15 +65,8 @@ let UmbEntityActionListElement = class UmbEntityActionListElement extends UmbLit
 						.apiArgs=${this._apiArgs}
 						.renderMethod=${(ext, i) => {
                 if (!this.#hasRenderedOnce && i === 0) {
-                    // TODO: Replace this block:
-                    ext.component?.updateComplete.then(async () => {
-                        const menuitem = ext.component?.shadowRoot?.querySelector('uui-menu-item');
-                        menuitem?.updateComplete.then(async () => {
-                            menuitem?.shadowRoot?.querySelector('#label-button')?.focus?.();
-                        });
-                    });
-                    // end of block, with this, when this PR is part of UI Lib: https://github.com/umbraco/Umbraco.UI/pull/789
-                    // ext.component?.focus();
+                    this.#firstEntityAction = ext.component;
+                    this.#firstEntityAction?.focus();
                     this.#hasRenderedOnce = true;
                 }
                 return ext.component;

package/dist-cms/packages/core/entity-action/global-components/entity-actions-dropdown/entity-actions-dropdown.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbEntityActionsDropdownElement extends UmbLitElement {
     label?: string;
     private _dropdownElement?;
     constructor();
+    disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/core/entity-action/global-components/entity-actions-dropdown/entity-actions-dropdown.element.js

@@ -15,9 +15,15 @@ let UmbEntityActionsDropdownElement = class UmbEntityActionsDropdownElement exte
     #entityActionListElement;
     #entityType;
     #unique;
+    // Event handler as arrow function to maintain consistent reference
+    #onActionExecuted;
     constructor() {
         super();
         this.compact = false;
+        // Event handler as arrow function to maintain consistent reference
+        this.#onActionExecuted = () => {
+            this._dropdownElement?.closeDropdown();
+        };
         this.consumeContext(UMB_ENTITY_CONTEXT, (context) => {
             if (!context)
                 return;
@@ -31,21 +37,25 @@ let UmbEntityActionsDropdownElement = class UmbEntityActionsDropdownElement exte
             });
         });
     }
-    #onActionExecuted() {
-        this._dropdownElement?.closeDropdown();
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.#entityActionListElement) {
+            this.#entityActionListElement.removeEventListener('action-executed', this.#onActionExecuted);
+        }
     }
     #onDropdownClick(event) {
         event.stopPropagation();
     }
     #onDropdownOpened() {
-        if (this.#scrollContainerElement) {
-            return; // Already created
+        if (this.#entityActionListElement) {
+            this.#entityActionListElement.focus();
+            return;
         }
         // First create dropdown content when the dropdown is opened.
         // Programmatically create the elements so they are cached if the dropdown is opened again
         this.#scrollContainerElement = new UUIScrollContainerElement();
         this.#entityActionListElement = new UmbEntityActionListElement();
-        this.#entityActionListElement.addEventListener('action-executed', this.#onActionExecuted.bind(this));
+        this.#entityActionListElement.addEventListener('action-executed', this.#onActionExecuted);
         this.#entityActionListElement.entityType = this.#entityType;
         this.#entityActionListElement.unique = this.#unique;
         this.#entityActionListElement.setAttribute('label', this.label ?? '');
@@ -57,6 +67,15 @@ let UmbEntityActionsDropdownElement = class UmbEntityActionsDropdownElement exte
 			id="action-modal"
 			@click=${this.#onDropdownClick}
 			@opened=${this.#onDropdownOpened}
+			@focusout=${(e) => {
+            const relatedTarget = e.relatedTarget;
+            if (!relatedTarget)
+                return;
+            const allowedTags = ['umb-entity-action-list', 'uui-scroll-container', 'uui-menu-item', 'umb-entity-action'];
+            if (allowedTags.includes(relatedTarget.tagName.toLowerCase()))
+                return;
+            this.#onActionExecuted();
+        }}
 			.label=${this.label}
 			?compact=${this.compact}
 			hide-expand>

package/dist-cms/packages/core/entity-action/has-children/condition/entity-has-children.condition.manifest.js

@@ -1,7 +1,8 @@
 import { UMB_ENTITY_HAS_CHILDREN_CONDITION_ALIAS } from './constants.js';
+import { UmbEntityHasChildrenCondition } from './entity-has-children.condition.js';
 export const manifest = {
     type: 'condition',
     name: 'Entity Has Children Condition',
     alias: UMB_ENTITY_HAS_CHILDREN_CONDITION_ALIAS,
-    api: () => import('./entity-has-children.condition.js'),
+    api: UmbEntityHasChildrenCondition,
 };

package/dist-cms/packages/core/entity-item/entity-item-ref/default-item-ref.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbDefaultItemRefElement extends UmbLitElement {
     #private;
     item?: UmbItemModel;
     standalone: boolean;
+    selectable: boolean;
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist-cms/packages/core/entity-item/entity-item-ref/default-item-ref.element.js

@@ -11,6 +11,7 @@ let UmbDefaultItemRefElement = class UmbDefaultItemRefElement extends UmbLitElem
     constructor() {
         super(...arguments);
         this.standalone = false;
+        this.selectable = false;
     }
     render() {
         if (!this.item)
@@ -19,6 +20,7 @@ let UmbDefaultItemRefElement = class UmbDefaultItemRefElement extends UmbLitElem
 			<uui-ref-node
 				name=${this.item.name ?? `${getItemFallbackName(this.item)}`}
 				?standalone=${this.standalone}
+				?selectable=${this.selectable}
 				readonly>
 				<slot name="actions" slot="actions"></slot>
 				${this.#renderIcon(this.item)}
@@ -36,6 +38,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], UmbDefaultItemRefElement.prototype, "standalone", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbDefaultItemRefElement.prototype, "selectable", void 0);
 UmbDefaultItemRefElement = __decorate([
     customElement('umb-default-item-ref')
 ], UmbDefaultItemRefElement);

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

@@ -3,3 +3,4 @@ export * from './entity-item-ref/index.js';
 export * from './utils.js';
 export type { UmbItemModel } from './types.js';
 export type { UmbItemDataResolver, UmbItemDataResolverConstructor } from './data-resolver/types.js';
+import './global-components.js';

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

@@ -1,3 +1,4 @@
 export * from './item-data-api-get-request-controller/index.js';
 export * from './entity-item-ref/index.js';
 export * from './utils.js';
+import './global-components.js';

package/dist-cms/packages/core/entity-sign/components/entity-sign-bundle.element.d.ts

@@ -8,8 +8,9 @@ export declare class UmbEntitySignBundleElement extends UmbLitElement {
     set entityFlags(value: Array<UmbEntityFlag> | undefined);
     private _signs?;
     private _labels;
-    private _open;
+    private _popoverOpen;
     private _hoverTimer?;
+    private _popoverSigns?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];