@umbraco-cms/backoffice 18.0.1 → 18.1.0-rc

package/dist-cms/packages/core/backend-api/types.gen.d.ts

@@ -96,6 +96,10 @@ export type BatchResponseModelMemberTypeResponseModel = {
     total: number;
     items: Array<MemberTypeResponseModel>;
 };
+export type BatchResponseModelUserResponseModel = {
+    total: number;
+    items: Array<UserResponseModel>;
+};
 export type CalculatedUserStartNodesResponseModel = {
     id: string;
     documentStartNodeIds: Array<ReferenceByIdModel>;
@@ -120,6 +124,11 @@ export type ConsentLevelPresentationModel = {
     level: TelemetryLevelModel;
     description: string;
 };
+export declare enum ContentSortFieldModel {
+    NAME = "Name",
+    CREATE_DATE = "CreateDate",
+    UPDATE_DATE = "UpdateDate"
+}
 export type CopyDataTypeRequestModel = {
     target?: null | ReferenceByIdModel;
 };
@@ -140,6 +149,23 @@ export type CopyMediaTypeRequestModel = {
 export type CopyMemberTypeRequestModel = {
     target?: null | ReferenceByIdModel;
 };
+export type CreateAndPublishDocumentRequestModel = {
+    culturesToPublish: Array<string>;
+    template: null | ReferenceByIdModel;
+    documentType: ReferenceByIdModel;
+    parent?: null | ReferenceByIdModel;
+    id?: null | string;
+    values: Array<DocumentValueModel>;
+    variants: Array<DocumentVariantRequestModel>;
+};
+export type CreateAndPublishElementRequestModel = {
+    culturesToPublish: Array<string>;
+    documentType: ReferenceByIdModel;
+    parent?: null | ReferenceByIdModel;
+    id?: null | string;
+    values: Array<ElementValueModel>;
+    variants: Array<ElementVariantRequestModel>;
+};
 export type CreateDataTypeRequestModel = {
     id?: null | string;
     parent?: null | ReferenceByIdModel;
@@ -351,6 +377,7 @@ export type CreatePackageRequestModel = {
     contentLoadChildNodes: boolean;
     mediaIds: Array<string>;
     mediaLoadChildNodes: boolean;
+    elementIds?: null | Array<string>;
     documentTypes: Array<string>;
     mediaTypes: Array<string>;
     dataTypes: Array<string>;
@@ -1334,6 +1361,7 @@ export type ManifestResponseModel = {
     name: string;
     id?: null | string;
     version?: null | string;
+    cacheBuster?: null | string;
     extensions: Array<unknown>;
 };
 export type MediaCollectionResponseModel = {
@@ -1758,6 +1786,7 @@ export type PackageDefinitionResponseModel = {
     contentLoadChildNodes: boolean;
     mediaIds: Array<string>;
     mediaLoadChildNodes: boolean;
+    elementIds?: null | Array<string>;
     documentTypes: Array<string>;
     mediaTypes: Array<string>;
     dataTypes: Array<string>;
@@ -2138,6 +2167,14 @@ export type PublishedDocumentResponseModel = {
     values: Array<DocumentValueResponseModel>;
     variants: Array<DocumentVariantResponseModel>;
 };
+export type PublishedElementResponseModel = {
+    isTrashed: boolean;
+    documentType: DocumentTypeReferenceResponseModel;
+    id: string;
+    flags: Array<FlagModel>;
+    values: Array<ElementValueResponseModel>;
+    variants: Array<ElementVariantResponseModel>;
+};
 export type PublishElementRequestModel = {
     publishSchedules: Array<CultureAndScheduleRequestModel>;
 };
@@ -2307,10 +2344,19 @@ export type SetAvatarRequestModel = {
 export type SignalRClientSettingsResponseModel = {
     skipNegotiation: boolean;
 };
+export type SortDocumentChildrenByFieldRequestModel = {
+    culture?: null | string;
+    field: ContentSortFieldModel;
+    direction: DirectionModel;
+};
 export type SortingRequestModel = {
     parent?: null | ReferenceByIdModel;
     sorting: Array<ItemSortingRequestModel>;
 };
+export type SortMediaChildrenByFieldRequestModel = {
+    field: ContentSortFieldModel;
+    direction: DirectionModel;
+};
 export type StaticFileItemResponseModel = {
     isFolder: boolean;
     name: string;
@@ -2522,6 +2568,17 @@ export type UnpublishDocumentRequestModel = {
 export type UnpublishElementRequestModel = {
     cultures?: null | Array<string>;
 };
+export type UpdateAndPublishDocumentRequestModel = {
+    culturesToPublish: Array<string>;
+    template?: null | ReferenceByIdModel;
+    values: Array<DocumentValueModel>;
+    variants: Array<DocumentVariantRequestModel>;
+};
+export type UpdateAndPublishElementRequestModel = {
+    culturesToPublish: Array<string>;
+    values: Array<ElementValueModel>;
+    variants: Array<ElementVariantRequestModel>;
+};
 export type UpdateCurrentUserRequestModel = {
     languageIsoCode: string;
 };
@@ -2702,6 +2759,7 @@ export type UpdatePackageRequestModel = {
     contentLoadChildNodes: boolean;
     mediaIds: Array<string>;
     mediaLoadChildNodes: boolean;
+    elementIds?: null | Array<string>;
     documentTypes: Array<string>;
     mediaTypes: Array<string>;
     dataTypes: Array<string>;
@@ -4950,6 +5008,39 @@ export type GetDocumentByIdReferencedDescendantsResponses = {
     200: PagedReferenceByIdModel;
 };
 export type GetDocumentByIdReferencedDescendantsResponse = GetDocumentByIdReferencedDescendantsResponses[keyof GetDocumentByIdReferencedDescendantsResponses];
+export type PutDocumentByIdSortChildrenData = {
+    body: SortDocumentChildrenByFieldRequestModel;
+    path: {
+        id: string;
+    };
+    query?: never;
+    url: '/umbraco/management/api/v1/document/{id}/sort-children';
+};
+export type PutDocumentByIdSortChildrenErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+    /**
+     * Not Found
+     */
+    404: ProblemDetails;
+};
+export type PutDocumentByIdSortChildrenError = PutDocumentByIdSortChildrenErrors[keyof PutDocumentByIdSortChildrenErrors];
+export type PutDocumentByIdSortChildrenResponses = {
+    /**
+     * OK
+     */
+    200: unknown;
+};
 export type PutDocumentByIdUnpublishData = {
     body: UnpublishDocumentRequestModel;
     path: {
@@ -4983,6 +5074,39 @@ export type PutDocumentByIdUnpublishResponses = {
      */
     200: unknown;
 };
+export type PutDocumentByIdUpdateAndPublishData = {
+    body: UpdateAndPublishDocumentRequestModel;
+    path: {
+        id: string;
+    };
+    query?: never;
+    url: '/umbraco/management/api/v1/document/{id}/update-and-publish';
+};
+export type PutDocumentByIdUpdateAndPublishErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+    /**
+     * Not Found
+     */
+    404: ProblemDetails;
+};
+export type PutDocumentByIdUpdateAndPublishError = PutDocumentByIdUpdateAndPublishErrors[keyof PutDocumentByIdUpdateAndPublishErrors];
+export type PutDocumentByIdUpdateAndPublishResponses = {
+    /**
+     * OK
+     */
+    200: unknown;
+};
 export type GetDocumentAreReferencedData = {
     body?: never;
     path?: never;
@@ -5033,6 +5157,64 @@ export type GetDocumentConfigurationResponses = {
     200: DocumentConfigurationResponseModel;
 };
 export type GetDocumentConfigurationResponse = GetDocumentConfigurationResponses[keyof GetDocumentConfigurationResponses];
+export type PostDocumentCreateAndPublishData = {
+    body: CreateAndPublishDocumentRequestModel;
+    path?: never;
+    query?: never;
+    url: '/umbraco/management/api/v1/document/create-and-publish';
+};
+export type PostDocumentCreateAndPublishErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+    /**
+     * Not Found
+     */
+    404: ProblemDetails;
+};
+export type PostDocumentCreateAndPublishError = PostDocumentCreateAndPublishErrors[keyof PostDocumentCreateAndPublishErrors];
+export type PostDocumentCreateAndPublishResponses = {
+    /**
+     * Created
+     */
+    201: unknown;
+};
+export type PutDocumentRootSortChildrenData = {
+    body: SortDocumentChildrenByFieldRequestModel;
+    path?: never;
+    query?: never;
+    url: '/umbraco/management/api/v1/document/root/sort-children';
+};
+export type PutDocumentRootSortChildrenErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+};
+export type PutDocumentRootSortChildrenError = PutDocumentRootSortChildrenErrors[keyof PutDocumentRootSortChildrenErrors];
+export type PutDocumentRootSortChildrenResponses = {
+    /**
+     * OK
+     */
+    200: unknown;
+};
 export type PutDocumentSortData = {
     body: SortingRequestModel;
     path?: never;
@@ -5069,6 +5251,7 @@ export type GetDocumentUrlsData = {
     path?: never;
     query?: {
         id?: Array<string>;
+        culture?: string;
     };
     url: '/umbraco/management/api/v1/document/urls';
 };
@@ -6503,6 +6686,7 @@ export type GetDocumentTypeAllowedInLibraryData = {
     body?: never;
     path?: never;
     query?: {
+        parentKey?: string;
         skip?: number;
         take?: number;
     };
@@ -7424,6 +7608,36 @@ export type PutElementByIdPublishResponses = {
      */
     200: unknown;
 };
+export type GetElementByIdPublishedData = {
+    body?: never;
+    path: {
+        id: string;
+    };
+    query?: never;
+    url: '/umbraco/management/api/v1/element/{id}/published';
+};
+export type GetElementByIdPublishedErrors = {
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+    /**
+     * Not Found
+     */
+    404: ProblemDetails;
+};
+export type GetElementByIdPublishedError = GetElementByIdPublishedErrors[keyof GetElementByIdPublishedErrors];
+export type GetElementByIdPublishedResponses = {
+    /**
+     * OK
+     */
+    200: PublishedElementResponseModel;
+};
+export type GetElementByIdPublishedResponse = GetElementByIdPublishedResponses[keyof GetElementByIdPublishedResponses];
 export type GetElementByIdReferencedByData = {
     body?: never;
     path: {
@@ -7490,6 +7704,39 @@ export type PutElementByIdUnpublishResponses = {
      */
     200: unknown;
 };
+export type PutElementByIdUpdateAndPublishData = {
+    body: UpdateAndPublishElementRequestModel;
+    path: {
+        id: string;
+    };
+    query?: never;
+    url: '/umbraco/management/api/v1/element/{id}/update-and-publish';
+};
+export type PutElementByIdUpdateAndPublishErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+    /**
+     * Not Found
+     */
+    404: ProblemDetails;
+};
+export type PutElementByIdUpdateAndPublishError = PutElementByIdUpdateAndPublishErrors[keyof PutElementByIdUpdateAndPublishErrors];
+export type PutElementByIdUpdateAndPublishResponses = {
+    /**
+     * OK
+     */
+    200: unknown;
+};
 export type PutElementByIdValidateData = {
     body: ValidateUpdateElementRequestModel;
     path: {
@@ -7573,6 +7820,37 @@ export type GetElementConfigurationResponses = {
     200: ElementConfigurationResponseModel;
 };
 export type GetElementConfigurationResponse = GetElementConfigurationResponses[keyof GetElementConfigurationResponses];
+export type PostElementCreateAndPublishData = {
+    body: CreateAndPublishElementRequestModel;
+    path?: never;
+    query?: never;
+    url: '/umbraco/management/api/v1/element/create-and-publish';
+};
+export type PostElementCreateAndPublishErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+    /**
+     * Not Found
+     */
+    404: ProblemDetails;
+};
+export type PostElementCreateAndPublishError = PostElementCreateAndPublishErrors[keyof PostElementCreateAndPublishErrors];
+export type PostElementCreateAndPublishResponses = {
+    /**
+     * Created
+     */
+    201: unknown;
+};
 export type PostElementFolderData = {
     body: CreateFolderRequestModel;
     path?: never;
@@ -9746,6 +10024,39 @@ export type GetMediaByIdReferencedDescendantsResponses = {
     200: PagedReferenceByIdModel;
 };
 export type GetMediaByIdReferencedDescendantsResponse = GetMediaByIdReferencedDescendantsResponses[keyof GetMediaByIdReferencedDescendantsResponses];
+export type PutMediaByIdSortChildrenData = {
+    body: SortMediaChildrenByFieldRequestModel;
+    path: {
+        id: string;
+    };
+    query?: never;
+    url: '/umbraco/management/api/v1/media/{id}/sort-children';
+};
+export type PutMediaByIdSortChildrenErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+    /**
+     * Not Found
+     */
+    404: ProblemDetails;
+};
+export type PutMediaByIdSortChildrenError = PutMediaByIdSortChildrenErrors[keyof PutMediaByIdSortChildrenErrors];
+export type PutMediaByIdSortChildrenResponses = {
+    /**
+     * OK
+     */
+    200: unknown;
+};
 export type PutMediaByIdValidateData = {
     body: UpdateMediaRequestModel;
     path: {
@@ -9829,6 +10140,33 @@ export type GetMediaConfigurationResponses = {
     200: MediaConfigurationResponseModel;
 };
 export type GetMediaConfigurationResponse = GetMediaConfigurationResponses[keyof GetMediaConfigurationResponses];
+export type PutMediaRootSortChildrenData = {
+    body: SortMediaChildrenByFieldRequestModel;
+    path?: never;
+    query?: never;
+    url: '/umbraco/management/api/v1/media/root/sort-children';
+};
+export type PutMediaRootSortChildrenErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+};
+export type PutMediaRootSortChildrenError = PutMediaRootSortChildrenErrors[keyof PutMediaRootSortChildrenErrors];
+export type PutMediaRootSortChildrenResponses = {
+    /**
+     * OK
+     */
+    200: unknown;
+};
 export type PutMediaSortData = {
     body: SortingRequestModel;
     path?: never;
@@ -13456,6 +13794,10 @@ export type DeleteRedirectManagementByIdData = {
     url: '/umbraco/management/api/v1/redirect-management/{id}';
 };
 export type DeleteRedirectManagementByIdErrors = {
+    /**
+     * Bad Request
+     */
+    400: ProblemDetails;
     /**
      * The resource is protected and requires an authentication token
      */
@@ -13464,7 +13806,12 @@ export type DeleteRedirectManagementByIdErrors = {
      * The authenticated user does not have access to this resource
      */
     403: unknown;
+    /**
+     * Not Found
+     */
+    404: ProblemDetails;
 };
+export type DeleteRedirectManagementByIdError = DeleteRedirectManagementByIdErrors[keyof DeleteRedirectManagementByIdErrors];
 export type DeleteRedirectManagementByIdResponses = {
     /**
      * OK
@@ -15969,6 +16316,31 @@ export type PostUserAvatarByIdResponses = {
      */
     200: unknown;
 };
+export type GetUserBatchData = {
+    body?: never;
+    path?: never;
+    query?: {
+        id?: Array<string>;
+    };
+    url: '/umbraco/management/api/v1/user/batch';
+};
+export type GetUserBatchErrors = {
+    /**
+     * The resource is protected and requires an authentication token
+     */
+    401: unknown;
+    /**
+     * The authenticated user does not have access to this resource
+     */
+    403: unknown;
+};
+export type GetUserBatchResponses = {
+    /**
+     * OK
+     */
+    200: BatchResponseModelUserResponseModel;
+};
+export type GetUserBatchResponse = GetUserBatchResponses[keyof GetUserBatchResponses];
 export type GetUserConfigurationData = {
     body?: never;
     path?: never;
@@ -16319,7 +16691,7 @@ export type GetUserCurrentPermissionsElementResponses = {
     /**
      * OK
      */
-    200: Array<UserPermissionsResponseModel>;
+    200: UserPermissionsResponseModel;
 };
 export type GetUserCurrentPermissionsElementResponse = GetUserCurrentPermissionsElementResponses[keyof GetUserCurrentPermissionsElementResponses];
 export type GetUserCurrentPermissionsMediaData = {

package/dist-cms/packages/core/backend-api/types.gen.js

@@ -31,6 +31,12 @@ export var CompositionTypeModel;
     CompositionTypeModel["COMPOSITION"] = "Composition";
     CompositionTypeModel["INHERITANCE"] = "Inheritance";
 })(CompositionTypeModel || (CompositionTypeModel = {}));
+export var ContentSortFieldModel;
+(function (ContentSortFieldModel) {
+    ContentSortFieldModel["NAME"] = "Name";
+    ContentSortFieldModel["CREATE_DATE"] = "CreateDate";
+    ContentSortFieldModel["UPDATE_DATE"] = "UpdateDate";
+})(ContentSortFieldModel || (ContentSortFieldModel = {}));
 export var DataTypeChangeModeModel;
 (function (DataTypeChangeModeModel) {
     DataTypeChangeModeModel["TRUE"] = "True";

package/dist-cms/packages/core/collection/components/date-table-column-view/date-table-column-view.element.js

@@ -11,7 +11,7 @@ let UmbDateTableColumnViewElement = class UmbDateTableColumnViewElement extends
         if (!this.value)
             return nothing;
         const date = new Date(this.value);
-        return html `${date.toLocaleString()}`;
+        return html `${date.toLocaleString(this.localize.lang())}`;
     }
 };
 __decorate([

package/dist-cms/packages/core/collection/default/collection-default.element.js

@@ -96,7 +96,7 @@ let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbL
     }
     #renderEmptyState() {
         if (!this._initialLoadDone)
-            return nothing;
+            return html `<umb-view-loader></umb-view-loader>`;
         return html `
 			<div id="empty-state" class="uui-text">
 				<h4>${this.localize.string(this._emptyLabel)}</h4>

package/dist-cms/packages/core/components/body-layout/body-layout.element.js

@@ -95,11 +95,10 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
         }}></slot>
 			</div>
 
-			<!-- This div should be changed for the uui-scroll-container when it gets updated -->
-			<div id="main">
+			<uui-scroll-container id="main">
 				${this.loading ? html `<uui-loader-bar></uui-loader-bar>` : nothing}
 				<slot></slot>
-			</div>
+			</uui-scroll-container>
 
 			<slot name="footer"></slot>
 			<umb-footer-layout style="display:${this._footerSlotHasChildren || this._actionsSlotHasChildren ? '' : 'none'}">
@@ -198,7 +197,6 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
 				display: block;
 				flex: 1;
 				flex-direction: column;
-				overflow-y: auto;
 				padding: var(--uui-size-layout-1);
 			}
 

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

@@ -1,9 +1,9 @@
-import { LitElement } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../lit-element/index.js';
 /**
  *  A simple styled box for showing code-based error messages or blocks od code.
  *  @slot - the default slot where the full message resides
  */
-export declare class UmbCodeBlockElement extends LitElement {
+export declare class UmbCodeBlockElement extends UmbLitElement {
     #private;
     language: string;
     copy: boolean;

package/dist-cms/packages/core/components/code-block/code-block.element.js

@@ -5,13 +5,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbTextStyles } from '../../style/index.js';
-import { css, customElement, html, property, state, when, LitElement } from '../../../../external/lit/index.js';
+import { css, customElement, html, property, state, when } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../lit-element/index.js';
 //TODO consider adding a highlight prop to the code block, that could spin up/access monaco instance and highlight the code
 /**
  *  A simple styled box for showing code-based error messages or blocks od code.
  *  @slot - the default slot where the full message resides
  */
-let UmbCodeBlockElement = class UmbCodeBlockElement extends LitElement {
+let UmbCodeBlockElement = class UmbCodeBlockElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.language = '';
@@ -41,7 +42,7 @@ let UmbCodeBlockElement = class UmbCodeBlockElement extends LitElement {
 			<div id="header">
 				<span id="lang">${this.language}</span>
 				${when(this.copy, () => html `
-						<uui-button color=${this._copyState === 'idle' ? 'default' : 'positive'} @click=${this.copyCode}>
+						<uui-button color=${this._copyState === 'idle' ? 'default' : 'positive'} .label=${this._copyState === 'idle' ? this.localize.term('general_copy') : this.localize.term('general_copied')} @click=${this.copyCode}>
 							${when(this._copyState === 'idle', () => html `<uui-icon name="copy"></uui-icon> <umb-localize key="general_copy">Copy</umb-localize>`, () => html `<uui-icon name="check"></uui-icon> <umb-localize key="general_copied">Copied!</umb-localize>`)}
 						</uui-button>
 					`)}

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

@@ -14,6 +14,7 @@ export declare class UmbDropdownElement extends UmbLitElement {
     popoverContainerElement?: UUIPopoverContainerElement;
     openDropdown(): void;
     closeDropdown(): void;
+    private _onPopoverClickCapture;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbTextStyles } from '../../style/index.js';
-import { css, html, customElement, property, query, when } from '../../../../external/lit/index.js';
+import { css, html, customElement, property, query, when, eventOptions } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 import { UmbClosedEvent, UmbOpenedEvent } from '../../event/index.js';
 // TODO: maybe move this to UI Library.
@@ -59,6 +59,14 @@ let UmbDropdownElement = class UmbDropdownElement extends UmbLitElement {
             this.dispatchEvent(new UmbClosedEvent());
         }
     }
+    // Capture phase so this runs before a menu item's action opens its modal: WebKit otherwise
+    // leaves the popovertarget toggle state "open" after the modal light-dismisses the popover,
+    // and the trigger then stops responding until the page is reloaded.
+    _onPopoverClickCapture() {
+        if (this.#open) {
+            this.closeDropdown();
+        }
+    }
     render() {
         return html `
 			<uui-button
@@ -73,7 +81,11 @@ let UmbDropdownElement = class UmbDropdownElement extends UmbLitElement {
 				<slot name="label"></slot>
 				${when(!this.hideExpand, () => html `<uui-symbol-expand id="symbol-expand" .open=${this.#open}></uui-symbol-expand>`)}
 			</uui-button>
-			<uui-popover-container id="dropdown-popover" .placement=${this.placement} @toggle=${this.#onToggle}>
+			<uui-popover-container
+				id="dropdown-popover"
+				.placement=${this.placement}
+				@toggle=${this.#onToggle}
+				@click=${this._onPopoverClickCapture}>
 				<umb-popover-layout>
 					<slot></slot>
 				</umb-popover-layout>
@@ -124,6 +136,9 @@ __decorate([
 __decorate([
     query('#dropdown-popover')
 ], UmbDropdownElement.prototype, "popoverContainerElement", void 0);
+__decorate([
+    eventOptions({ capture: true })
+], UmbDropdownElement.prototype, "_onPopoverClickCapture", null);
 UmbDropdownElement = __decorate([
     customElement('umb-dropdown')
 ], UmbDropdownElement);