@umbraco-cms/backoffice 14.0.0-rc3 → 14.0.0-rc4

package/dist-cms/packages/core/auth/modals/umb-app-auth-modal.element.js

@@ -19,15 +19,15 @@ let UmbAppAuthModalElement = class UmbAppAuthModalElement extends UmbModalBaseEl
                 }
                 const manifest = typeof providerOrManifest === 'string' ? undefined : providerOrManifest;
                 const providerName = typeof providerOrManifest === 'string' ? providerOrManifest : providerOrManifest.forProviderName;
-                await authContext.makeAuthorizationRequest(providerName, false, loginHint, manifest);
+                // If the user is timed out, we do not want to lose the state, so avoid redirecting to the provider
+                // and instead just make the authorization request. In all other cases, we want to redirect to the provider.
+                const isTimedOut = this.data?.userLoginState === 'timedOut';
+                await authContext.makeAuthorizationRequest(providerName, isTimedOut ? false : true, loginHint, manifest);
                 const isAuthed = authContext.getIsAuthorized();
                 this.value = { success: isAuthed };
                 if (isAuthed) {
                     this._submitModal();
                 }
-                else {
-                    this._error = 'Failed to authenticate';
-                }
             }
             catch (error) {
                 console.error('[AuthModal] Error submitting auth request', error);

package/dist-cms/packages/core/auth/providers/manifests.js

@@ -6,7 +6,7 @@ export const manifests = [
         forProviderName: 'Umbraco',
         weight: 1000,
         meta: {
-            label: 'Sign in with Umbraco',
+            label: 'Umbraco',
             defaultView: {
                 icon: 'icon-umbraco',
                 look: 'primary',

package/dist-cms/packages/core/collection/action/collection-action-button.element.js

@@ -65,7 +65,7 @@ let UmbCollectionActionButtonElement = class UmbCollectionActionButtonElement ex
 				@click=${this._onClick}
 				look="outline"
 				color="default"
-				label=${this.manifest?.meta.label || ''}
+				label=${ifDefined(this.manifest?.meta.label ? this.localize.string(this.manifest.meta.label) : this.manifest?.name)}
 				href="${ifDefined(this.manifest?.meta.href)}"
 				.state=${this._buttonState}></uui-button>
 		`;

package/dist-cms/packages/core/collection/collection-alias.condition.js

@@ -1,4 +1,4 @@
-import { UMB_COLLECTION_CONTEXT } from './default/collection-default.context.js';
+import { UMB_COLLECTION_CONTEXT } from './default/index.js';
 import { UmbConditionBase } from '../extension-registry/index.js';
 export class UmbCollectionAliasCondition extends UmbConditionBase {
     constructor(host, args) {

package/dist-cms/packages/core/collection/collection-bulk-action-permission.condition.js

@@ -1,4 +1,4 @@
-import { UMB_COLLECTION_CONTEXT } from './default/collection-default.context.js';
+import { UMB_COLLECTION_CONTEXT } from './default/index.js';
 import { UmbConditionBase } from '../extension-registry/index.js';
 export class UmbCollectionBulkActionPermissionCondition extends UmbConditionBase {
     constructor(host, args) {

package/dist-cms/packages/core/collection/components/collection-action-bundle.element.d.ts

@@ -1,8 +1,5 @@
 import { UmbLitElement } from '../../lit-element/index.js';
 export declare class UmbCollectionActionBundleElement extends UmbLitElement {
-    #private;
-    _collectionAlias?: string | undefined;
-    constructor();
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist-cms/packages/core/collection/components/collection-action-bundle.element.js

@@ -4,30 +4,13 @@ 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 { UMB_COLLECTION_CONTEXT } from '../default/collection-default.context.js';
-import { html, customElement, state, nothing } from '../../../../external/lit/index.js';
+import { html, customElement } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 let UmbCollectionActionBundleElement = class UmbCollectionActionBundleElement extends UmbLitElement {
-    #collectionContext;
-    constructor() {
-        super();
-        this._collectionAlias = '';
-        this.consumeContext(UMB_COLLECTION_CONTEXT, (context) => {
-            this.#collectionContext = context;
-            if (!this.#collectionContext)
-                return;
-            this._collectionAlias = this.#collectionContext.getManifest()?.alias;
-        });
-    }
     render() {
-        return html `
-			${this._collectionAlias ? html `<umb-extension-slot type="collectionAction"></umb-extension-slot>` : nothing}
-		`;
+        return html `<umb-extension-slot type="collectionAction"></umb-extension-slot>`;
     }
 };
-__decorate([
-    state()
-], UmbCollectionActionBundleElement.prototype, "_collectionAlias", void 0);
 UmbCollectionActionBundleElement = __decorate([
     customElement('umb-collection-action-bundle')
 ], UmbCollectionActionBundleElement);

package/dist-cms/packages/core/collection/components/collection-selection-actions.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UMB_COLLECTION_CONTEXT } from '../default/collection-default.context.js';
+import { UMB_COLLECTION_CONTEXT } from '../default/index.js';
 import { UmbTextStyles } from '../../style/index.js';
 import { css, html, nothing, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';

package/dist-cms/packages/core/collection/components/collection-view-bundle.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UMB_COLLECTION_CONTEXT } from '../default/collection-default.context.js';
+import { UMB_COLLECTION_CONTEXT } from '../default/index.js';
 import { css, html, customElement, state, nothing, repeat, query } from '../../../../external/lit/index.js';
 import { observeMultiple } from '../../../../libs/observable-api/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';

package/dist-cms/packages/core/collection/components/pagination/collection-pagination.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UMB_COLLECTION_CONTEXT } from '../../default/collection-default.context.js';
+import { UMB_COLLECTION_CONTEXT } from '../../default/index.js';
 import { UmbTextStyles } from '../../../style/index.js';
 import { css, html, customElement, nothing, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../lit-element/index.js';

package/dist-cms/packages/core/collection/default/collection-default.context-token.d.ts

@@ -0,0 +1,3 @@
+import type { UmbDefaultCollectionContext } from './collection-default.context.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const UMB_COLLECTION_CONTEXT: UmbContextToken<UmbDefaultCollectionContext<any, import("../collection-filter-model.interface.js").UmbCollectionFilterModel>, UmbDefaultCollectionContext<any, import("../collection-filter-model.interface.js").UmbCollectionFilterModel>>;

package/dist-cms/packages/core/collection/default/collection-default.context-token.js

@@ -0,0 +1,2 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const UMB_COLLECTION_CONTEXT = new UmbContextToken('UmbCollectionContext');

package/dist-cms/packages/core/collection/default/collection-default.context.d.ts

@@ -1,13 +1,15 @@
 import { UmbCollectionViewManager } from '../collection-view.manager.js';
 import type { UmbCollectionColumnConfiguration, UmbCollectionConfiguration, UmbCollectionContext, UmbCollectionLayoutConfiguration } from '../types.js';
+import type { UmbCollectionFilterModel } from '../collection-filter-model.interface.js';
 import { UmbContextBase } from '../../../../libs/class-api/index.js';
-import { UmbContextToken } from '../../../../libs/context-api/index.js';
 import { UmbSelectionManager, UmbPaginationManager } from '../../utils/index.js';
 import type { ManifestCollection } from '../../extension-registry/index.js';
 import type { UmbApi } from '../../../../libs/extension-api/index.js';
-import type { UmbCollectionFilterModel } from '../index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
-export declare class UmbDefaultCollectionContext<CollectionItemType = any, FilterModelType extends UmbCollectionFilterModel = any> extends UmbContextBase<UmbDefaultCollectionContext> implements UmbCollectionContext, UmbApi {
+export declare class UmbDefaultCollectionContext<CollectionItemType extends {
+    entityType: string;
+    unique: string;
+} = any, FilterModelType extends UmbCollectionFilterModel = UmbCollectionFilterModel> extends UmbContextBase<UmbDefaultCollectionContext> implements UmbCollectionContext, UmbApi {
     #private;
     readonly loading: import("rxjs/internal/Observable").Observable<boolean>;
     readonly items: import("rxjs/internal/Observable").Observable<CollectionItemType[]>;
@@ -52,9 +54,5 @@ export declare class UmbDefaultCollectionContext<CollectionItemType = any, Filte
     setFilter(filter: Partial<FilterModelType>): void;
     getLastSelectedView(unique: string | undefined): string | undefined;
     setLastSelectedView(unique: string | undefined, viewAlias: string): void;
+    destroy(): void;
 }
-export declare const UMB_COLLECTION_CONTEXT: UmbContextToken<UmbDefaultCollectionContext<any, any>, UmbDefaultCollectionContext<any, any>>;
-/**
- * @deprecated Use UMB_COLLECTION_CONTEXT instead.
- */
-export { UMB_COLLECTION_CONTEXT as UMB_DEFAULT_COLLECTION_CONTEXT };

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

@@ -1,11 +1,14 @@
 import { UmbCollectionViewManager } from '../collection-view.manager.js';
+import { UMB_COLLECTION_CONTEXT } from './collection-default.context-token.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 import { UmbArrayState, UmbNumberState, UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { UmbChangeEvent } from '../../event/index.js';
 import { UmbContextBase } from '../../../../libs/class-api/index.js';
-import { UmbContextToken } from '../../../../libs/context-api/index.js';
 import { UmbExtensionApiInitializer } from '../../../../libs/extension-api/index.js';
 import { UmbSelectionManager, UmbPaginationManager } from '../../utils/index.js';
+import { UmbRequestReloadChildrenOfEntityEvent, UmbRequestReloadStructureForEntityEvent, } from '../../entity-action/index.js';
+import { UMB_ACTION_EVENT_CONTEXT } from '../../action/index.js';
+import { UMB_ENTITY_CONTEXT } from '../../entity/index.js';
 const LOCAL_STORAGE_KEY = 'umb-collection-view';
 export class UmbDefaultCollectionContext extends UmbContextBase {
     #config;
@@ -22,12 +25,13 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
     #initResolver;
     #initialized;
     #init;
+    #actionEventContext;
     constructor(host, defaultViewAlias, defaultFilter = {}) {
         super(host, UMB_COLLECTION_CONTEXT);
         this.#config = { pageSize: 50 };
         this.#loading = new UmbObjectState(false);
         this.loading = this.#loading.asObservable();
-        this.#items = new UmbArrayState([], (x) => x);
+        this.#items = new UmbArrayState([], (x) => x.unique);
         this.items = this.#items.asObservable();
         this.#totalItems = new UmbNumberState(0);
         this.totalItems = this.#totalItems.asObservable();
@@ -50,9 +54,35 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
             const skipFilter = { skip: target.getSkip() };
             this.setFilter(skipFilter);
         };
+        this.#onReloadStructureRequest = (event) => {
+            const items = this.#items.getValue();
+            const hasItem = items.some((item) => item.unique === event.getUnique());
+            if (hasItem) {
+                this.requestCollection();
+            }
+        };
+        this.#onReloadChildrenRequest = async (event) => {
+            // check if the collection is in the same context as the entity from the event
+            const entityContext = await this.getContext(UMB_ENTITY_CONTEXT);
+            const unique = entityContext.getUnique();
+            const entityType = entityContext.getEntityType();
+            if (unique === event.getUnique() && entityType === event.getEntityType()) {
+                this.requestCollection();
+            }
+        };
         this.#defaultViewAlias = defaultViewAlias;
         this.#defaultFilter = defaultFilter;
         this.pagination.addEventListener(UmbChangeEvent.TYPE, this.#onPageChange);
+        this.#listenToEntityEvents();
+    }
+    async #listenToEntityEvents() {
+        this.consumeContext(UMB_ACTION_EVENT_CONTEXT, (context) => {
+            this.#actionEventContext = context;
+            context?.removeEventListener(UmbRequestReloadStructureForEntityEvent.TYPE, this.#onReloadStructureRequest);
+            context?.removeEventListener(UmbRequestReloadChildrenOfEntityEvent.TYPE, this.#onReloadChildrenRequest);
+            context?.addEventListener(UmbRequestReloadStructureForEntityEvent.TYPE, this.#onReloadStructureRequest);
+            context?.addEventListener(UmbRequestReloadChildrenOfEntityEvent.TYPE, this.#onReloadChildrenRequest);
+        });
     }
     #configured;
     #configure() {
@@ -171,9 +201,11 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
         layouts[unique] = viewAlias;
         localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(layouts));
     }
+    #onReloadStructureRequest;
+    #onReloadChildrenRequest;
+    destroy() {
+        this.#actionEventContext?.removeEventListener(UmbRequestReloadStructureForEntityEvent.TYPE, this.#onReloadStructureRequest);
+        this.#actionEventContext?.removeEventListener(UmbRequestReloadChildrenOfEntityEvent.TYPE, this.#onReloadChildrenRequest);
+        super.destroy();
+    }
 }
-export const UMB_COLLECTION_CONTEXT = new UmbContextToken('UmbCollectionContext');
-/**
- * @deprecated Use UMB_COLLECTION_CONTEXT instead.
- */
-export { UMB_COLLECTION_CONTEXT as UMB_DEFAULT_COLLECTION_CONTEXT };

package/dist-cms/packages/core/collection/default/collection-default.element.d.ts

@@ -1,10 +1,8 @@
 import { UmbLitElement } from '../../lit-element/index.js';
-import type { PropertyValueMap } from '../../../../external/lit/index.js';
 export declare class UmbCollectionDefaultElement extends UmbLitElement {
     #private;
     private _routes;
     constructor();
-    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
     protected renderToolbar(): import("lit-html").TemplateResult<1>;
     protected renderPagination(): import("lit-html").TemplateResult<1>;

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

@@ -4,7 +4,8 @@ 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 { UMB_COLLECTION_CONTEXT, UmbDefaultCollectionContext } from './collection-default.context.js';
+import { UmbDefaultCollectionContext } from './collection-default.context.js';
+import { UMB_COLLECTION_CONTEXT } from './collection-default.context-token.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
@@ -29,13 +30,10 @@ let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbL
         this._routes = [];
         this.consumeContext(UMB_COLLECTION_CONTEXT, (context) => {
             this.#collectionContext = context;
+            this.#collectionContext?.requestCollection();
             this.#observeCollectionRoutes();
         });
     }
-    firstUpdated(_changedProperties) {
-        super.firstUpdated(_changedProperties);
-        this.#collectionContext?.requestCollection();
-    }
     #observeCollectionRoutes() {
         if (!this.#collectionContext)
             return;

package/dist-cms/packages/core/collection/default/index.d.ts

@@ -0,0 +1,2 @@
+export { UMB_COLLECTION_CONTEXT } from './collection-default.context-token.js';
+export { UmbDefaultCollectionContext } from './collection-default.context.js';

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

@@ -0,0 +1,2 @@
+export { UMB_COLLECTION_CONTEXT } from './collection-default.context-token.js';
+export { UmbDefaultCollectionContext } from './collection-default.context.js';

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

@@ -5,6 +5,7 @@ export * from './default/collection-default.element.js';
 export * from './collection.element.js';
 export * from './components/index.js';
 export * from './default/collection-default.context.js';
+export * from './default/collection-default.context-token.js';
 export * from './collection-filter-model.interface.js';
 export { UMB_COLLECTION_ALIAS_CONDITION } from './collection-alias.manifest.js';
 export { UMB_COLLECTION_BULK_ACTION_PERMISSION_CONDITION } from './collection-bulk-action-permission.manifest.js';

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

@@ -5,6 +5,7 @@ export * from './default/collection-default.element.js';
 export * from './collection.element.js';
 export * from './components/index.js';
 export * from './default/collection-default.context.js';
+export * from './default/collection-default.context-token.js';
 export * from './collection-filter-model.interface.js';
 export { UMB_COLLECTION_ALIAS_CONDITION } from './collection-alias.manifest.js';
 export { UMB_COLLECTION_BULK_ACTION_PERMISSION_CONDITION } from './collection-bulk-action-permission.manifest.js';

package/dist-cms/packages/core/collection/repository/collection-data-source.interface.d.ts

@@ -1,5 +1,9 @@
 import type { UmbDataSourceResponse } from '../../repository/index.js';
 import type { UmbPagedModel } from '../../repository/types.js';
-export interface UmbCollectionDataSource<CollectionItemType, FilterType = unknown> {
+import type { UmbCollectionFilterModel } from '../collection-filter-model.interface.js';
+export interface UmbCollectionDataSource<CollectionItemType extends {
+    entityType: string;
+    unique: string;
+} = any, FilterType extends UmbCollectionFilterModel = UmbCollectionFilterModel> {
     getCollection(filter: FilterType): Promise<UmbDataSourceResponse<UmbPagedModel<CollectionItemType>>>;
 }

package/dist-cms/packages/core/collection/repository/collection-repository.interface.d.ts

@@ -1,4 +1,9 @@
+import type { UmbCollectionFilterModel } from '../collection-filter-model.interface.js';
+import type { UmbPagedModel, UmbRepositoryResponse } from '../../repository/index.js';
 import type { UmbApi } from '../../../../libs/extension-api/index.js';
-export interface UmbCollectionRepository extends UmbApi {
-    requestCollection(filter?: any): Promise<any>;
+export interface UmbCollectionRepository<CollectionItemType extends {
+    entityType: string;
+    unique: string;
+} = any, FilterType extends UmbCollectionFilterModel = UmbCollectionFilterModel> extends UmbApi {
+    requestCollection(filter?: FilterType): Promise<UmbRepositoryResponse<UmbPagedModel<CollectionItemType>>>;
 }

package/dist-cms/packages/core/collection/types.d.ts

@@ -16,7 +16,6 @@ export interface UmbCollectionConfiguration {
     orderBy?: string;
     orderDirection?: string;
     pageSize?: number;
-    useInfiniteEditor?: boolean;
     userDefinedProperties?: Array<UmbCollectionColumnConfiguration>;
 }
 export interface UmbCollectionColumnConfiguration {

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

@@ -54,6 +54,9 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
         this._scrollContainer?.removeEventListener('scroll', this.#onScroll);
     }
     #onScroll;
+    #setSlotVisibility(target, hasChildren) {
+        target.style.display = hasChildren ? 'flex' : 'none';
+    }
     render() {
         return html `
 			<div
@@ -71,18 +74,21 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
 					name="header"
 					@slotchange=${(e) => {
             this._headerSlotHasChildren = this.#hasNodes(e);
+            this.#setSlotVisibility(e.target, this._headerSlotHasChildren);
         }}></slot>
 				<slot
 					id="navigation-slot"
 					name="navigation"
 					@slotchange=${(e) => {
-            this._actionsMenuSlotHasChildren = this.#hasNodes(e);
+            this._navigationSlotHasChildren = this.#hasNodes(e);
+            this.#setSlotVisibility(e.target, this._navigationSlotHasChildren);
         }}></slot>
 				<slot
 					id="action-menu-slot"
 					name="action-menu"
 					@slotchange=${(e) => {
             this._actionsMenuSlotHasChildren = this.#hasNodes(e);
+            this.#setSlotVisibility(e.target, this._actionsMenuSlotHasChildren);
         }}></slot>
 			</div>
 
@@ -163,18 +169,16 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
 			}
 
 			#header-slot,
-			#tabs-slot,
 			#action-menu-slot,
 			#navigation-slot {
-				display: flex;
+				display: none;
 				height: 100%;
 				align-items: center;
 				box-sizing: border-box;
 				min-width: 0;
 			}
 
-			#navigation-slot,
-			#tabs-slot {
+			#navigation-slot {
 				margin-left: auto;
 			}
 

package/dist-cms/packages/core/components/header-app/header-app-button.element.d.ts

@@ -1,7 +1,7 @@
 import type { CSSResultGroup } from '../../../../external/lit/index.js';
-import { LitElement } from '../../../../external/lit/index.js';
 import type { ManifestHeaderAppButtonKind } from '../../extension-registry/index.js';
-export declare class UmbHeaderAppButtonElement extends LitElement {
+import { UmbLitElement } from '../../lit-element/index.js';
+export declare class UmbHeaderAppButtonElement extends UmbLitElement {
     manifest?: ManifestHeaderAppButtonKind;
     render(): import("lit-html").TemplateResult<1>;
     static styles: CSSResultGroup;

package/dist-cms/packages/core/components/header-app/header-app-button.element.js

@@ -5,8 +5,9 @@ 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, LitElement, customElement, ifDefined } from '../../../../external/lit/index.js';
+import { css, html, customElement, ifDefined } from '../../../../external/lit/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
+import { UmbLitElement } from '../../lit-element/index.js';
 const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.Button',
@@ -19,7 +20,7 @@ const manifest = {
     },
 };
 umbExtensionsRegistry.register(manifest);
-let UmbHeaderAppButtonElement = class UmbHeaderAppButtonElement extends LitElement {
+let UmbHeaderAppButtonElement = class UmbHeaderAppButtonElement extends UmbLitElement {
     render() {
         return html `
 			<uui-button
@@ -36,7 +37,11 @@ let UmbHeaderAppButtonElement = class UmbHeaderAppButtonElement extends LitEleme
         css `
 			uui-button {
 				font-size: 18px;
-				--uui-button-background-color: transparent;
+				--uui-button-background-color: var(--umb-header-app-button-background-color, transparent);
+				--uui-button-background-color-hover: var(
+					--umb-header-app-button-background-color-hover,
+					var(--uui-color-emphasis)
+				);
 			}
 		`,
     ]; }

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

@@ -4,8 +4,6 @@ export * from './body-layout/body-layout.element.js';
 export * from './code-block/index.js';
 export * from './dropdown/index.js';
 export * from './entity-actions-bundle/index.js';
-export * from './extension-slot/index.js';
-export * from './extension-with-api-slot/index.js';
 export * from './footer-layout/index.js';
 export * from './header-app/index.js';
 export * from './history/index.js';
@@ -17,7 +15,6 @@ export * from './input-dropdown/index.js';
 export * from './input-entity/index.js';
 export * from './input-eye-dropper/index.js';
 export * from './input-manifest/index.js';
-export * from './input-multi-url/index.js';
 export * from './input-number-range/index.js';
 export * from './input-radio-button-list/index.js';
 export * from './input-slider/index.js';
@@ -29,4 +26,5 @@ export * from './multiple-text-string-input/index.js';
 export * from './popover-layout/index.js';
 export * from './ref-item/index.js';
 export * from './stack/index.js';
+export * from './split-panel/index.js';
 export * from './table/index.js';

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

@@ -6,8 +6,6 @@ export * from './body-layout/body-layout.element.js';
 export * from './code-block/index.js';
 export * from './dropdown/index.js';
 export * from './entity-actions-bundle/index.js';
-export * from './extension-slot/index.js';
-export * from './extension-with-api-slot/index.js';
 export * from './footer-layout/index.js';
 export * from './header-app/index.js';
 export * from './history/index.js';
@@ -19,7 +17,6 @@ export * from './input-dropdown/index.js';
 export * from './input-entity/index.js';
 export * from './input-eye-dropper/index.js';
 export * from './input-manifest/index.js';
-export * from './input-multi-url/index.js';
 export * from './input-number-range/index.js';
 export * from './input-radio-button-list/index.js';
 export * from './input-slider/index.js';
@@ -31,4 +28,5 @@ export * from './multiple-text-string-input/index.js';
 export * from './popover-layout/index.js';
 export * from './ref-item/index.js';
 export * from './stack/index.js';
+export * from './split-panel/index.js';
 export * from './table/index.js';

package/dist-cms/packages/core/components/input-entity/input-entity.element.js

@@ -94,6 +94,10 @@ let UmbInputEntityElement = class UmbInputEntityElement extends UUIFormControlMi
     }
     #openPicker() {
         this.#pickerContext?.openPicker({
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            // TODO: ignoring this for now to prevent breaking existing functionality.
+            // if we want a very generic input it should be possible to pass in picker config
             hideTreeRoot: true,
         });
     }

package/dist-cms/packages/core/components/input-eye-dropper/input-eye-dropper.element.d.ts

@@ -4,7 +4,8 @@ export declare class UmbInputEyeDropperElement extends UmbInputEyeDropperElement
     #private;
     protected getFormElement(): undefined;
     opacity: boolean;
-    swatches: string[];
+    showPalette: boolean;
+    swatches?: string[];
     render(): import("lit-html").TemplateResult<1>;
 }
 export default UmbInputEyeDropperElement;

package/dist-cms/packages/core/components/input-eye-dropper/input-eye-dropper.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, html, property } from '../../../../external/lit/index.js';
+import { customElement, html, property, when } from '../../../../external/lit/index.js';
 import { UmbChangeEvent } from '../../event/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 import { UUIFormControlMixin } from '../../../../external/uui/index.js';
@@ -12,7 +12,7 @@ let UmbInputEyeDropperElement = class UmbInputEyeDropperElement extends UUIFormC
     constructor() {
         super(...arguments);
         this.opacity = false;
-        this.swatches = [];
+        this.showPalette = false;
     }
     getFormElement() {
         return undefined;
@@ -22,23 +22,39 @@ let UmbInputEyeDropperElement = class UmbInputEyeDropperElement extends UUIFormC
         this.value = e.target.value;
         this.dispatchEvent(new UmbChangeEvent());
     }
-    //TODO if empty swatches, the color picker still shows the area where they are supposed to be rendered.
-    // BTW in the old backoffice "palette" seemed to be true/false setting, but here its an array.
+    // HACK: Since `uui-color-picker` doesn't have an option to hide the swatches, we had to get creative.
+    // Based on UUI v1.8.0-rc3, the value of `swatches` must be a falsey value to hide them.
+    // https://github.com/umbraco/Umbraco.UI/blob/v1.8.0-rc.3/packages/uui-color-picker/lib/uui-color-picker.element.ts#L517
+    // However, the object-type for `swatches` is a `string[]` (non-nullable).
+    // https://github.com/umbraco/Umbraco.UI/blob/v1.8.0-rc.3/packages/uui-color-picker/lib/uui-color-picker.element.ts#L157
+    // To do this, we must omit the `.swatches` attribute, otherwise the default swatches can't be used.
+    // So, we've use a `when()` render both configurations. [LK]
     render() {
-        return html `
-			<uui-color-picker
-				label="Eye dropper"
-				.opacity=${this.opacity}
-				.swatches=${this.swatches}
-				.value=${this.value}
-				@change=${this.#onChange}>
-			</uui-color-picker>
-		`;
+        const swatches = this.showPalette ? this.swatches : undefined;
+        return when(this.showPalette && !swatches, () => html `
+				<uui-color-picker
+					label="Eye dropper"
+					.opacity=${this.opacity}
+					.value=${this.value}
+					@change=${this.#onChange}>
+				</uui-color-picker>
+			`, () => html `
+				<uui-color-picker
+					label="Eye dropper"
+					.opacity=${this.opacity}
+					.swatches=${swatches}
+					.value=${this.value}
+					@change=${this.#onChange}>
+				</uui-color-picker>
+			`);
     }
 };
 __decorate([
     property({ type: Boolean })
 ], UmbInputEyeDropperElement.prototype, "opacity", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbInputEyeDropperElement.prototype, "showPalette", void 0);
 __decorate([
     property({ type: Array })
 ], UmbInputEyeDropperElement.prototype, "swatches", void 0);

package/dist-cms/packages/core/components/input-radio-button-list/input-radio-button-list.element.d.ts

@@ -1,14 +1,15 @@
 import { nothing } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
+type UmbRadioButtonItem = {
+    label: string;
+    value: string;
+};
 declare const UmbInputRadioButtonListElement_base: (new (...args: any[]) => import("../../../../external/uui/index.js").UUIFormControlMixinInterface<FormDataEntryValue | FormData, string>) & typeof UmbLitElement;
 export declare class UmbInputRadioButtonListElement extends UmbInputRadioButtonListElement_base {
     #private;
     set value(value: string);
     get value(): string;
-    list: Array<{
-        label: string;
-        value: string;
-    }>;
+    list: Array<UmbRadioButtonItem>;
     protected getFormElement(): undefined;
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];