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

package/dist-cms/packages/core/menu/menu-tree-structure-workspace-context-base.js

@@ -1,16 +1,19 @@
 import { createExtensionApiByAlias } from '../extension-registry/index.js';
 import { UmbContextBase } from '../../../libs/class-api/index.js';
 import { UMB_WORKSPACE_CONTEXT } from '../workspace/index.js';
-import { UmbArrayState } from '../../../libs/observable-api/index.js';
+import { UmbArrayState, UmbObjectState } from '../../../libs/observable-api/index.js';
 export class UmbMenuTreeStructureWorkspaceContextBase extends UmbContextBase {
     #workspaceContext;
     #args;
     #structure;
+    #parent;
     constructor(host, args) {
         // TODO: set up context token
         super(host, 'UmbMenuStructureWorkspaceContext');
         this.#structure = new UmbArrayState([], (x) => x.unique);
         this.structure = this.#structure.asObservable();
+        this.#parent = new UmbObjectState(undefined);
+        this.parent = this.#parent.asObservable();
         this.#args = args;
         this.consumeContext(UMB_WORKSPACE_CONTEXT, (instance) => {
             this.#workspaceContext = instance;
@@ -39,10 +42,14 @@ export class UmbMenuTreeStructureWorkspaceContextBase extends UmbContextBase {
         }
         const isNew = this.#workspaceContext?.getIsNew();
         const uniqueObservable = isNew ? this.#workspaceContext?.parentUnique : this.#workspaceContext?.unique;
+        const entityTypeObservable = isNew ? this.#workspaceContext?.parentEntityType : this.#workspaceContext?.entityType;
         const unique = (await this.observe(uniqueObservable, () => { })?.asPromise());
         if (!unique)
             throw new Error('Unique is not available');
-        const { data } = await treeRepository.requestTreeItemAncestors({ descendantUnique: unique });
+        const entityType = (await this.observe(entityTypeObservable, () => { })?.asPromise());
+        if (!entityType)
+            throw new Error('Entity type is not available');
+        const { data } = await treeRepository.requestTreeItemAncestors({ treeItem: { unique, entityType } });
         if (data) {
             const ancestorItems = data.map((treeItem) => {
                 return {
@@ -54,6 +61,8 @@ export class UmbMenuTreeStructureWorkspaceContextBase extends UmbContextBase {
             });
             structureItems.push(...ancestorItems);
         }
+        const parent = structureItems[structureItems.length - 2];
+        this.#parent.setValue(parent);
         this.#structure.setValue(structureItems);
     }
 }

package/dist-cms/packages/core/menu/menu-variant-tree-structure-workspace-context-base.d.ts

@@ -7,6 +7,7 @@ interface UmbMenuVariantTreeStructureWorkspaceContextBaseArgs {
 export declare abstract class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextBase<unknown> {
     #private;
     readonly structure: import("rxjs/internal/Observable").Observable<UmbVariantStructureItemModel[]>;
+    readonly parent: import("rxjs/internal/Observable").Observable<UmbVariantStructureItemModel | undefined>;
     constructor(host: UmbControllerHost, args: UmbMenuVariantTreeStructureWorkspaceContextBaseArgs);
 }
 export {};

package/dist-cms/packages/core/menu/menu-variant-tree-structure-workspace-context-base.js

@@ -1,17 +1,20 @@
 import { createExtensionApiByAlias } from '../extension-registry/index.js';
 import { UmbContextBase } from '../../../libs/class-api/index.js';
 import { UMB_VARIANT_WORKSPACE_CONTEXT } from '../workspace/index.js';
-import { UmbArrayState } from '../../../libs/observable-api/index.js';
+import { UmbArrayState, UmbObjectState } from '../../../libs/observable-api/index.js';
 export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextBase {
     // TODO: add correct interface
     #workspaceContext;
     #args;
     #structure;
+    #parent;
     constructor(host, args) {
         // TODO: set up context token
         super(host, 'UmbMenuStructureWorkspaceContext');
         this.#structure = new UmbArrayState([], (x) => x.unique);
         this.structure = this.#structure.asObservable();
+        this.#parent = new UmbObjectState(undefined);
+        this.parent = this.#parent.asObservable();
         this.#args = args;
         this.consumeContext(UMB_VARIANT_WORKSPACE_CONTEXT, (instance) => {
             this.#workspaceContext = instance;
@@ -27,13 +30,29 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
     async #requestStructure() {
         const isNew = this.#workspaceContext?.getIsNew();
         const uniqueObservable = isNew ? this.#workspaceContext?.parentUnique : this.#workspaceContext?.unique;
+        const entityTypeObservable = isNew ? this.#workspaceContext?.parentEntityType : this.#workspaceContext?.entityType;
+        let structureItems = [];
         const unique = (await this.observe(uniqueObservable, () => { })?.asPromise());
         if (!unique)
             throw new Error('Unique is not available');
+        const entityType = (await this.observe(entityTypeObservable, () => { })?.asPromise());
+        if (!entityType)
+            throw new Error('Entity type is not available');
+        // TODO: add correct tree variant item model
         const treeRepository = await createExtensionApiByAlias(this, this.#args.treeRepositoryAlias);
-        const { data } = await treeRepository.requestTreeItemAncestors({ descendantUnique: unique });
+        const { data: root } = await treeRepository.requestTreeRoot();
+        if (root) {
+            structureItems = [
+                {
+                    unique: root.unique,
+                    entityType: root.entityType,
+                    variants: [{ name: root.name, culture: null, segment: null }],
+                },
+            ];
+        }
+        const { data } = await treeRepository.requestTreeItemAncestors({ treeItem: { unique, entityType } });
         if (data) {
-            const structureItems = data.map((treeItem) => {
+            const ancestorItems = data.map((treeItem) => {
                 return {
                     unique: treeItem.unique,
                     entityType: treeItem.entityType,
@@ -46,6 +65,9 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
                     }),
                 };
             });
+            structureItems.push(...ancestorItems);
+            const parent = structureItems[structureItems.length - 2];
+            this.#parent.setValue(parent);
             this.#structure.setValue(structureItems);
         }
     }

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

@@ -1,6 +1,5 @@
-export interface UmbStructureItemModelBase {
-    unique: string | null;
-    entityType: string;
+import type { UmbEntityModel } from '../entity/index.js';
+export interface UmbStructureItemModelBase extends UmbEntityModel {
 }
 export interface UmbStructureItemModel extends UmbStructureItemModelBase {
     name: string;

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

@@ -19,13 +19,17 @@ let UmbConfirmModalElement = class UmbConfirmModalElement extends UmbLitElement
 			<uui-dialog-layout class="uui-text" .headline=${this.data?.headline || null}>
 				${this.data?.content}
 
-				<uui-button slot="actions" id="cancel" label="Cancel" @click="${this._handleCancel}"></uui-button>
+				<uui-button
+					slot="actions"
+					id="cancel"
+					label=${this.data?.cancelLabel || this.localize.term('buttons_confirmActionCancel')}
+					@click=${this._handleCancel}></uui-button>
 				<uui-button
 					slot="actions"
 					id="confirm"
-					color="${this.data?.color || 'positive'}"
+					color=${this.data?.color || 'positive'}
 					look="primary"
-					label="${this.data?.confirmLabel || 'Confirm'}"
+					label=${this.data?.confirmLabel || this.localize.term('buttons_confirmActionConfirm')}
 					@click=${this._handleConfirm}
 					${umbFocus()}></uui-button>
 			</uui-dialog-layout>

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

@@ -1,5 +1,5 @@
-import type { UmbIconPickerModalData, UmbIconPickerModalValue } from '../../index.js';
 import { UmbModalBaseElement } from '../../index.js';
+import type { UmbIconPickerModalData, UmbIconPickerModalValue } from '../../index.js';
 export declare class UmbIconPickerModalElement extends UmbModalBaseElement<UmbIconPickerModalData, UmbIconPickerModalValue> {
     #private;
     private _searchInput?;

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

@@ -4,11 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, html, customElement, state, repeat, query, nothing } from '../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../style/index.js';
-import { UmbModalBaseElement } from '../../index.js';
+import { css, customElement, html, nothing, query, repeat, state } from '../../../../../external/lit/index.js';
 import { extractUmbColorVariable, umbracoColors } from '../../../resources/index.js';
 import { umbFocus } from '../../../lit-element/index.js';
+import { UmbModalBaseElement } from '../../index.js';
+import { UmbTextStyles } from '../../../style/index.js';
 import { UMB_ICON_REGISTRY_CONTEXT } from '../../../icon-registry/index.js';
 let UmbIconPickerModalElement = class UmbIconPickerModalElement extends UmbModalBaseElement {
     #icons;
@@ -81,12 +81,12 @@ let UmbIconPickerModalElement = class UmbIconPickerModalElement extends UmbModal
 				<uui-button
 					slot="actions"
 					label=${this.localize.term('general_close')}
-					@click="${this._rejectModal}"></uui-button>
+					@click=${this._rejectModal}></uui-button>
 				<uui-button
 					slot="actions"
 					color="positive"
 					look="primary"
-					@click="${this._submitModal}"
+					@click=${this._submitModal}
 					label=${this.localize.term('general_submit')}></uui-button>
 			</umb-body-layout>
 		`;
@@ -97,7 +97,7 @@ let UmbIconPickerModalElement = class UmbIconPickerModalElement extends UmbModal
 			placeholder=${this.localize.term('placeholders_filter')}
 			label=${this.localize.term('placeholders_filter')}
 			id="search"
-			@keyup="${this.#filterIcons}"
+			@keyup=${this.#filterIcons}
 			${umbFocus()}>
 			<uui-icon name="search" slot="prepend" id="search_icon"></uui-icon>
 		</uui-input>`;
@@ -106,15 +106,14 @@ let UmbIconPickerModalElement = class UmbIconPickerModalElement extends UmbModal
         return this._iconsFiltered
             ? repeat(this._iconsFiltered, (icon) => icon.name, (icon) => html `
 						<uui-button
-							label="${icon.name}"
-							title="${icon.name}"
-							class="${icon.name === this._currentIcon ? 'selected' : ''}"
+							label=${icon.name}
+							title=${icon.name}
+							class=${icon.name === this._currentIcon ? 'selected' : ''}
 							@click=${(e) => this.#changeIcon(e, icon.name)}
 							@keyup=${(e) => this.#changeIcon(e, icon.name)}>
 							<uui-icon
 								style="--uui-icon-color: var(${extractUmbColorVariable(this._currentColor)})"
-								name="${icon.name}">
-							</uui-icon>
+								name=${icon.name}></uui-icon>
 						</uui-button>
 					`)
             : nothing;

package/dist-cms/packages/core/modal/common/manifests.js

@@ -11,12 +11,6 @@ const modals = [
         name: 'Icon Picker Modal',
         element: () => import('./icon-picker/icon-picker-modal.element.js'),
     },
-    {
-        type: 'modal',
-        alias: 'Umb.Modal.LinkPicker',
-        name: 'Link Picker Modal',
-        element: () => import('./link-picker/link-picker-modal.element.js'),
-    },
     {
         type: 'modal',
         alias: 'Umb.Modal.CodeEditor',

package/dist-cms/packages/core/modal/token/confirm-modal.token.d.ts

@@ -4,6 +4,7 @@ export interface UmbConfirmModalData {
     headline: string;
     content: TemplateResult | string;
     color?: 'positive' | 'danger';
+    cancelLabel?: string;
     confirmLabel?: string;
 }
 export type UmbConfirmModalValue = undefined;

package/dist-cms/packages/core/modal/token/index.d.ts

@@ -4,10 +4,8 @@ export * from './confirm-modal.token.js';
 export * from './debug-modal.token.js';
 export * from './embedded-media-modal.token.js';
 export * from './entity-user-permission-settings-modal.token.js';
-export * from './examine-fields-settings-modal.token.js';
 export * from './icon-picker-modal.token.js';
 export * from './item-picker-modal.token.js';
-export * from './link-picker-modal.token.js';
 export * from './modal-token.js';
 export * from './property-editor-ui-picker-modal.token.js';
 export * from './workspace-modal.token.js';

package/dist-cms/packages/core/modal/token/index.js

@@ -4,10 +4,8 @@ export * from './confirm-modal.token.js';
 export * from './debug-modal.token.js';
 export * from './embedded-media-modal.token.js';
 export * from './entity-user-permission-settings-modal.token.js';
-export * from './examine-fields-settings-modal.token.js';
 export * from './icon-picker-modal.token.js';
 export * from './item-picker-modal.token.js';
-export * from './link-picker-modal.token.js';
 export * from './modal-token.js';
 export * from './property-editor-ui-picker-modal.token.js';
 export * from './workspace-modal.token.js';

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

@@ -1,6 +1,5 @@
 export interface UmbPickerModalData<ItemType> {
     multiple?: boolean;
-    hideTreeRoot?: boolean;
     filter?: (item: ItemType) => boolean;
     pickableFilter?: (item: ItemType) => boolean;
 }

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

@@ -1,9 +1,3 @@
-export type UmbEntityUnique = string | null;
-/** Tried to find a common base of our entities — used by Entity Workspace Context */
-export type UmbEntityBase = {
-    id?: string;
-    name?: string;
-};
 export interface UmbSwatchDetails {
     label: string;
     value: string;

package/dist-cms/packages/core/picker-input/picker-input.context.d.ts

@@ -6,12 +6,12 @@ type PickerItemBaseType = {
     name: string;
     unique: string;
 };
-export declare class UmbPickerInputContext<ItemType extends PickerItemBaseType, TreeItemType extends PickerItemBaseType = ItemType> extends UmbControllerBase {
+export declare class UmbPickerInputContext<PickedItemType extends PickerItemBaseType, PickerItemType extends PickerItemBaseType = PickedItemType, PickerModalConfigType extends UmbPickerModalData<PickerItemType> = UmbPickerModalData<PickerItemType>, PickerModalValueType extends UmbPickerModalValue = UmbPickerModalValue> extends UmbControllerBase {
     #private;
-    modalAlias: string | UmbModalToken<UmbPickerModalData<TreeItemType>, UmbPickerModalValue>;
-    repository?: UmbItemRepository<ItemType>;
+    modalAlias: string | UmbModalToken<UmbPickerModalData<PickerItemType>, PickerModalValueType>;
+    repository?: UmbItemRepository<PickedItemType>;
     selection: import("rxjs").Observable<string[]>;
-    selectedItems: import("rxjs").Observable<ItemType[]>;
+    selectedItems: import("rxjs").Observable<PickedItemType[]>;
     /**
      * Define a minimum amount of selected items in this input, for this input to be valid.
      */
@@ -24,10 +24,10 @@ export declare class UmbPickerInputContext<ItemType extends PickerItemBaseType,
     get min(): number;
     set min(value: number);
     private _min;
-    constructor(host: UmbControllerHost, repositoryAlias: string, modalAlias: string | UmbModalToken<UmbPickerModalData<TreeItemType>, UmbPickerModalValue>, getUniqueMethod?: (entry: ItemType) => string | undefined);
+    constructor(host: UmbControllerHost, repositoryAlias: string, modalAlias: string | UmbModalToken<UmbPickerModalData<PickerItemType>, PickerModalValueType>, getUniqueMethod?: (entry: PickedItemType) => string | undefined);
     getSelection(): string[];
     setSelection(selection: Array<string | null>): void;
-    openPicker(pickerData?: Partial<UmbPickerModalData<TreeItemType>>): Promise<void>;
+    openPicker(pickerData?: Partial<PickerModalConfigType>): Promise<void>;
     requestRemoveItem(unique: string): Promise<void>;
 }
 export {};

package/dist-cms/packages/core/property/property/property.context.js

@@ -121,10 +121,10 @@ export class UmbPropertyContext extends UmbContextBase {
         return this.#variantId.getValue();
     }
     resetValue() {
-        this.setValue(undefined); // TODO: We should get the value from the server aka. the value from the persisted data.
+        this.setValue(undefined); // TODO: We should get the value from the server aka. the value from the persisted data. (Most workspaces holds this data, via dataset) [NL]
     }
     clearValue() {
-        this.setValue(undefined); // TODO: We should get the default value from Property Editor maybe even later the DocumentType, as that would hold the default value for the property.
+        this.setValue(undefined); // TODO: We should get the default value from Property Editor maybe even later the DocumentType, as that would hold the default value for the property. (Get it via the dataset) [NL]
     }
     destroy() {
         super.destroy();

package/dist-cms/packages/core/property/property/property.element.js

@@ -4,8 +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 { umbExtensionsRegistry } from '../../extension-registry/index.js';
 import { UmbPropertyContext } from './property.context.js';
+import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 import { UmbTextStyles } from '../../style/index.js';
 import { css, html, customElement, property, state, ifDefined, nothing } from '../../../../external/lit/index.js';
 import { createExtensionElement } from '../../../../libs/extension-api/index.js';
@@ -159,7 +159,10 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
                 this._element.addEventListener('property-value-change', this._onPropertyEditorChange);
                 // No need for a controller alias, as the clean is handled via the observer prop:
                 this.#valueObserver = this.observe(this.#propertyContext.value, (value) => {
+                    // Set the value on the element:
                     this._element.value = value;
+                    // Set the value on the context as well, to ensure that any default values are stored right away:
+                    this.#propertyContext.setValue(value);
                     if (this.#validationMessageBinder) {
                         this.#validationMessageBinder.value = value;
                     }

package/dist-cms/packages/core/property/property-dataset/property-dataset-context.interface.d.ts

@@ -1,7 +1,7 @@
 import type { UmbVariantId } from '../../variant/variant-id.class.js';
 import type { UmbContext } from '../../../../libs/class-api/index.js';
 import type { Observable } from '../../../../external/rxjs/index.js';
-import type { UmbEntityUnique } from '../../models/index.js';
+import type { UmbEntityUnique } from '../../entity/index.js';
 /**
  * A property dataset context, represents the data of a set of properties.
  * This can take form as many, so to list a few:

package/dist-cms/packages/core/property/property-layout/property-layout.element.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../lit-element/index.js';
 /**
  *  @element umb-property-layout
  *  @description - Element for displaying a property in an workspace.
@@ -6,7 +6,7 @@ import { LitElement } from '../../../../external/lit/index.js';
  *  @slot description - Slot for rendering things below the label.
  *  @slot action-menu - Slot for rendering the Property Action Menu
  */
-export declare class UmbPropertyLayoutElement extends LitElement {
+export declare class UmbPropertyLayoutElement extends UmbLitElement {
     /**
      * Alias. The technical name of the property.
      * @type {string}

package/dist-cms/packages/core/property/property-layout/property-layout.element.js

@@ -4,7 +4,9 @@ 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 { css, html, LitElement, customElement, property } from '../../../../external/lit/index.js';
+import { localizeAndTransform } from '../../../../libs/formatting-api/index.js';
+import { css, customElement, html, property, unsafeHTML, when } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../lit-element/index.js';
 import { UmbTextStyles } from '../../style/index.js';
 /**
  *  @element umb-property-layout
@@ -13,7 +15,7 @@ import { UmbTextStyles } from '../../style/index.js';
  *  @slot description - Slot for rendering things below the label.
  *  @slot action-menu - Slot for rendering the Property Action Menu
  */
-let UmbPropertyLayoutElement = class UmbPropertyLayoutElement extends LitElement {
+let UmbPropertyLayoutElement = class UmbPropertyLayoutElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         /**
@@ -51,10 +53,11 @@ let UmbPropertyLayoutElement = class UmbPropertyLayoutElement extends LitElement
         return html `
 			<div id="headerColumn">
 				<uui-label title=${this.alias}>
-					${this.label} ${this.invalid ? html `<uui-badge color="danger" attention>!</uui-badge>` : ''}
+					${this.localize.string(this.label)}
+					${when(this.invalid, () => html `<uui-badge color="danger" attention>!</uui-badge>`)}
 				</uui-label>
 				<slot name="action-menu"></slot>
-				<div id="description">${this.description}</div>
+				<div id="description">${unsafeHTML(localizeAndTransform(this, this.description))}</div>
 				<slot name="description"></slot>
 			</div>
 			<div id="editorColumn">
@@ -93,7 +96,7 @@ let UmbPropertyLayoutElement = class UmbPropertyLayoutElement extends LitElement
 				height: min-content;
 			}
 			/*@container (width > 600px) {*/
-			#headerColumn {
+			:host(:not([orientation='vertical'])) #headerColumn {
 				position: sticky;
 				top: calc(var(--uui-size-space-2) * -1);
 			}
@@ -101,6 +104,7 @@ let UmbPropertyLayoutElement = class UmbPropertyLayoutElement extends LitElement
 
 			uui-label {
 				position: relative;
+				overflow-x: auto;
 			}
 			:host([invalid]) uui-label {
 				color: var(--uui-color-danger);
@@ -111,13 +115,14 @@ let UmbPropertyLayoutElement = class UmbPropertyLayoutElement extends LitElement
 
 			#description {
 				color: var(--uui-color-text-alt);
+				overflow-x: auto;
 			}
 
 			#editorColumn {
 				margin-top: var(--uui-size-space-3);
 			}
 			/*@container (width > 600px) {*/
-			#editorColumn {
+			:host(:not([orientation='vertical'])) #editorColumn {
 				margin-top: 0;
 			}
 			/*}*/

package/dist-cms/packages/core/recycle-bin/entity-action/empty-recycle-bin/empty-recycle-bin.action.js

@@ -2,7 +2,7 @@ import { UmbEntityActionBase } from '../../../entity-action/entity-action-base.j
 import { umbConfirmModal } from '../../../modal/index.js';
 import { createExtensionApiByAlias, } from '../../../extension-registry/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../action/index.js';
-import { UmbReloadTreeItemChildrenRequestEntityActionEvent } from '../../../tree/index.js';
+import { UmbRequestReloadChildrenOfEntityEvent } from '../../../entity-action/index.js';
 /**
  * Entity action for emptying the recycle bin.
  * @export
@@ -24,7 +24,7 @@ export class UmbEmptyRecycleBinEntityAction extends UmbEntityActionBase {
         const recycleBinRepository = await createExtensionApiByAlias(this, this.args.meta.recycleBinRepositoryAlias);
         await recycleBinRepository.requestEmpty();
         const actionEventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
-        const event = new UmbReloadTreeItemChildrenRequestEntityActionEvent({
+        const event = new UmbRequestReloadChildrenOfEntityEvent({
             unique: this.args.unique,
             entityType: this.args.entityType,
         });

package/dist-cms/packages/core/recycle-bin/entity-action/restore-from-recycle-bin/modal/restore-from-recycle-bin-modal.token.d.ts

@@ -1,3 +1,4 @@
+import type { UmbEntityModel } from '../../../../entity/index.js';
 import type { UmbPickerModalData, UmbPickerModalValue } from '../../../../modal/index.js';
 import { UmbModalToken } from '../../../../modal/index.js';
 export interface UmbRestoreFromRecycleBinModalData {
@@ -8,9 +9,6 @@ export interface UmbRestoreFromRecycleBinModalData {
     pickerModal: UmbModalToken<UmbPickerModalData<any>, UmbPickerModalValue> | string;
 }
 export interface UmbRestoreFromRecycleBinModalValue {
-    destination: {
-        unique: string | null;
-        entityType: string;
-    } | undefined;
+    destination: UmbEntityModel | undefined;
 }
 export declare const UMB_RESTORE_FROM_RECYCLE_BIN_MODAL: UmbModalToken<UmbRestoreFromRecycleBinModalData, UmbRestoreFromRecycleBinModalValue>;

package/dist-cms/packages/core/resources/extractUmbColorVariable.function.js

@@ -1,6 +1,5 @@
 export const umbracoColors = [
     { alias: 'text', varName: '--uui-color-text' },
-    { alias: 'black', varName: '--uui-color-text' },
     { alias: 'yellow', varName: '--uui-palette-sunglow' },
     { alias: 'pink', varName: '--uui-palette-spanish-pink' },
     { alias: 'blue', varName: '--uui-palette-violet-blue' },
@@ -9,6 +8,7 @@ export const umbracoColors = [
     { alias: 'green', varName: '--uui-palette-jungle-green' },
     { alias: 'brown', varName: '--uui-palette-chamoisee' },
     { alias: 'grey', varName: '--uui-palette-dusty-grey' },
+    { alias: 'black', legacy: true, varName: '--uui-color-text' },
     { alias: 'blue-grey', legacy: true, varName: '--uui-palette-dusty-grey' },
     { alias: 'indigo', legacy: true, varName: '--uui-palette-malibu' },
     { alias: 'purple', legacy: true, varName: '--uui-palette-space-cadet' },

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

@@ -12,6 +12,7 @@ export declare class UmbSectionDefaultElement extends UmbLitElement implements U
     set manifest(value: ManifestSection | undefined);
     private _routes?;
     private _sidebarApps?;
+    _splitPanelPosition: string;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

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

@@ -28,12 +28,17 @@ let UmbSectionDefaultElement = class UmbSectionDefaultElement extends UmbLitElem
     }
     constructor() {
         super();
+        this._splitPanelPosition = '300px';
         new UmbExtensionsElementInitializer(this, umbExtensionsRegistry, 'sectionSidebarApp', null, (sidebarApps) => {
             const oldValue = this._sidebarApps;
             this._sidebarApps = sidebarApps;
             this.requestUpdate('_sidebarApps', oldValue);
         });
         this.#createRoutes();
+        const splitPanelPosition = localStorage.getItem('umb-split-panel-position');
+        if (splitPanelPosition) {
+            this._splitPanelPosition = splitPanelPosition;
+        }
     }
     #createRoutes() {
         this._routes = [
@@ -53,22 +58,32 @@ let UmbSectionDefaultElement = class UmbSectionDefaultElement extends UmbLitElem
             },
         ];
     }
+    #onSplitPanelChange(event) {
+        const position = event.detail.position;
+        localStorage.setItem('umb-split-panel-position', position.toString());
+    }
     render() {
         return html `
-			${this._sidebarApps && this._sidebarApps.length > 0
+			<umb-split-panel
+				lock="start"
+				snap="300px"
+				@position-changed=${this.#onSplitPanelChange}
+				.position=${this._splitPanelPosition}>
+				${this._sidebarApps && this._sidebarApps.length > 0
             ? html `
-						<!-- TODO: these extensions should be combined into one type: sectionSidebarApp with a "subtype" -->
-						<umb-section-sidebar>
-							${repeat(this._sidebarApps, (app) => app.alias, (app) => app.component)}
-						</umb-section-sidebar>
-					`
+							<!-- TODO: these extensions should be combined into one type: sectionSidebarApp with a "subtype" -->
+							<umb-section-sidebar slot="start">
+								${repeat(this._sidebarApps, (app) => app.alias, (app) => app.component)}
+							</umb-section-sidebar>
+						`
             : nothing}
-			<umb-section-main>
-				${this._routes && this._routes.length > 0
+				<umb-section-main slot="end">
+					${this._routes && this._routes.length > 0
             ? html `<umb-router-slot id="router-slot" .routes=${this._routes}></umb-router-slot>`
             : nothing}
-				<slot></slot>
-			</umb-section-main>
+					<slot></slot>
+				</umb-section-main>
+			</umb-split-panel>
 		`;
     }
     static { this.styles = [
@@ -79,6 +94,18 @@ let UmbSectionDefaultElement = class UmbSectionDefaultElement extends UmbLitElem
 				height: 100%;
 				display: flex;
 			}
+
+			umb-split-panel {
+				--umb-split-panel-start-min-width: 200px;
+				--umb-split-panel-start-max-width: 400px;
+				--umb-split-panel-end-min-width: 600px;
+				--umb-split-panel-slot-overflow: visible;
+			}
+			@media only screen and (min-width: 800px) {
+				umb-split-panel {
+					--umb-split-panel-initial-position: 300px;
+				}
+			}
 		`,
     ]; }
 };
@@ -91,6 +118,9 @@ __decorate([
 __decorate([
     state()
 ], UmbSectionDefaultElement.prototype, "_sidebarApps", void 0);
+__decorate([
+    state()
+], UmbSectionDefaultElement.prototype, "_splitPanelPosition", void 0);
 UmbSectionDefaultElement = __decorate([
     customElement('umb-section-default')
 ], UmbSectionDefaultElement);

package/dist-cms/packages/core/section/section-sidebar/section-sidebar.element.js

@@ -31,6 +31,7 @@ let UmbSectionSidebarElement = class UmbSectionSidebarElement extends UmbLitElem
 				display: flex;
 				flex-direction: column;
 				z-index: 10;
+				position: relative;
 			}
 
 			#scroll-container {

package/dist-cms/packages/core/section/section-sidebar-context-menu/section-sidebar-context-menu.element.js

@@ -113,10 +113,10 @@ let UmbSectionSidebarContextMenuElement = class UmbSectionSidebarContextMenuElem
 			}
 			#action-modal {
 				position: absolute;
-				left: var(--umb-section-sidebar-width);
 				height: 100%;
 				z-index: 1;
 				top: 0;
+				right: calc(var(--umb-section-sidebar-width) * -1);
 				width: var(--umb-section-sidebar-width);
 				border: none;
 				border-left: 1px solid var(--uui-color-border);

package/dist-cms/packages/core/store/store-base.d.ts

@@ -43,7 +43,7 @@ export declare class UmbStoreBase<StoreItemType = any> extends UmbContextBase<an
      * @returns {Array<StoreItemType>}
      * @memberof UmbStoreBase
      */
-    getItems(uniques: Array<string>): StoreItemType[];
+    getItems(uniques: Array<string>): Array<StoreItemType>;
     /**
      * Returns an observable of the entire store
      * @memberof UmbStoreBase