@umbraco-cms/backoffice 16.0.0-rc3 → 16.0.0-rc5

package/dist-cms/packages/documents/documents/workspace/document-workspace-editor.element.js

@@ -48,8 +48,10 @@ let UmbDocumentWorkspaceEditorElement = class UmbDocumentWorkspaceEditorElement
         this.#workspaceContext?.splitView.setActiveVariant(index, culture, segment);
     }
     #generateRoutes() {
-        if (!this.#variants || !this.#appCulture)
+        if (!this.#variants || !this.#appCulture) {
+            this._routes = [];
             return;
+        }
         // Generate split view routes for all available routes
         const routes = [];
         // Split view routes:
@@ -86,10 +88,14 @@ let UmbDocumentWorkspaceEditorElement = class UmbDocumentWorkspaceEditorElement
             // Using first single view as the default route for now (hence the math below):
             routes.push({
                 path: '',
-                resolve: () => {
+                pathMatch: 'full',
+                resolve: async () => {
+                    if (!this.#workspaceContext) {
+                        throw new Error('Workspace context is not available when resolving the default route.');
+                    }
                     const route = routes.find((route) => route.path === this.#appCulture);
                     if (!route) {
-                        const firstVariantPath = routes.find((route) => route.path === this.#variants?.[0].unique)?.path;
+                        const firstVariantPath = routes.find((route) => route.path === this.#variants?.[0]?.unique)?.path;
                         if (firstVariantPath) {
                             history.replaceState({}, '', `${this.#workspaceRoute}/${firstVariantPath}`);
                             return;
@@ -102,11 +108,11 @@ let UmbDocumentWorkspaceEditorElement = class UmbDocumentWorkspaceEditorElement
                     history.replaceState({}, '', `${this.#workspaceRoute}/${route?.path}`);
                 },
             });
+            routes.push({
+                path: `**`,
+                component: async () => (await import('@umbraco-cms/backoffice/router')).UmbRouteNotFoundElement,
+            });
         }
-        routes.push({
-            path: `**`,
-            component: async () => (await import('@umbraco-cms/backoffice/router')).UmbRouteNotFoundElement,
-        });
         this._routes = routes;
     }
     render() {

package/dist-cms/packages/log-viewer/components/log-viewer-date-range-selector.element.d.ts

@@ -3,10 +3,8 @@ export declare class UmbLogViewerDateRangeSelectorElement extends UmbLitElement
     #private;
     private _startDate;
     private _endDate;
-    private _inputs;
     horizontal: boolean;
     constructor();
-    disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/log-viewer/components/log-viewer-date-range-selector.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_APP_LOG_VIEWER_CONTEXT } from '../workspace/logviewer-workspace.context-token.js';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
-import { css, html, customElement, property, queryAll, state } from '@umbraco-cms/backoffice/external/lit';
+import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { query as getQuery, path, toQueryString } from '@umbraco-cms/backoffice/router';
 let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorElement extends UmbLitElement {
@@ -16,16 +16,11 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
         this._startDate = '';
         this._endDate = '';
         this.horizontal = false;
-        this.addEventListener('input', this.#setDates);
         this.consumeContext(UMB_APP_LOG_VIEWER_CONTEXT, (instance) => {
             this.#logViewerContext = instance;
             this.#observeStuff();
         });
     }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('input', this.#setDates);
-    }
     #observeStuff() {
         if (!this.#logViewerContext)
             return;
@@ -34,15 +29,15 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
             this._endDate = dateRange.endDate;
         }, '_observeDateRange');
     }
-    #setDates() {
-        this._inputs.forEach((input) => {
-            if (input.id === 'start-date') {
-                this._startDate = input.value;
-            }
-            else if (input.id === 'end-date') {
-                this._endDate = input.value;
-            }
-        });
+    #setStartDate(e) {
+        this._startDate = e.target.value;
+        this.#updateFiltered();
+    }
+    #setEndDate(e) {
+        this._endDate = e.target.value;
+        this.#updateFiltered();
+    }
+    #updateFiltered() {
         this.#logViewerContext?.setDateRange({ startDate: this._startDate, endDate: this._endDate });
         const query = getQuery();
         const qs = toQueryString({
@@ -57,9 +52,7 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
 			<div class="input-container">
 				<uui-label for="start-date">From:</uui-label>
 				<umb-input-date
-					@click=${(e) => {
-            e.target.showPicker();
-        }}
+					@change=${this.#setStartDate}
 					id="start-date"
 					type="date"
 					label="From"
@@ -69,9 +62,7 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
 			<div class="input-container">
 				<uui-label for="end-date">To: </uui-label>
 				<umb-input-date
-					@click=${(e) => {
-            e.target.showPicker();
-        }}
+					@change=${this.#setEndDate}
 					id="end-date"
 					type="date"
 					label="To"
@@ -107,9 +98,6 @@ __decorate([
 __decorate([
     state()
 ], UmbLogViewerDateRangeSelectorElement.prototype, "_endDate", void 0);
-__decorate([
-    queryAll('input')
-], UmbLogViewerDateRangeSelectorElement.prototype, "_inputs", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], UmbLogViewerDateRangeSelectorElement.prototype, "horizontal", void 0);

package/dist-cms/packages/log-viewer/repository/sources/log-viewer.server.data.js

@@ -111,7 +111,15 @@ export class UmbLogMessagesServerDataSource {
      */
     async getLogViewerLogs({ skip = 0, take = 100, orderDirection, filterExpression, logLevel, startDate, endDate, }) {
         return await tryExecute(this.#host, LogViewerService.getLogViewerLog({
-            query: { skip, take, orderDirection, filterExpression, logLevel, startDate, endDate },
+            query: {
+                skip,
+                take,
+                orderDirection,
+                filterExpression,
+                logLevel: logLevel?.length ? logLevel : undefined,
+                startDate,
+                endDate,
+            },
         }));
     }
     /**

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-message.element.js

@@ -84,7 +84,7 @@ let UmbLogViewerMessageElement = class UmbLogViewerMessageElement extends UmbLit
         }
         query = {
             ...query,
-            lq: encodeURIComponent(`${name}=${sanitizedValue}`),
+            lq: `${name}=${sanitizedValue}`,
         };
         const queryString = toQueryString(query);
         return queryString;

package/dist-cms/packages/media/media/dashboard/media-dashboard.element.js

@@ -42,6 +42,7 @@ let UmbMediaDashboardElement = class UmbMediaDashboardElement extends UmbLitElem
                 },
                 {
                     path: '',
+                    pathMatch: 'full',
                     redirectTo: 'collection',
                 },
                 {

package/dist-cms/packages/media/media/modals/media-picker/media-picker-modal.element.js

@@ -11,7 +11,7 @@ import { UmbMediaSearchProvider } from '../../search/index.js';
 import { css, html, customElement, state, repeat, ifDefined, query, nothing, } from '@umbraco-cms/backoffice/external/lit';
 import { debounce, UmbPaginationManager } from '@umbraco-cms/backoffice/utils';
 import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
-import { UMB_CONTENT_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/content';
+import { UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/content';
 import { isUmbracoFolder } from '@umbraco-cms/backoffice/media-type';
 import { UMB_VARIANT_CONTEXT } from '@umbraco-cms/backoffice/variant';
 import '@umbraco-cms/backoffice/imaging';
@@ -42,7 +42,7 @@ let UmbMediaPickerModalElement = class UmbMediaPickerModalElement extends UmbMod
         this.#debouncedSearch = debounce(() => {
             this.#searchMedia();
         }, 500);
-        this.consumeContext(UMB_CONTENT_PROPERTY_CONTEXT, (context) => {
+        this.consumeContext(UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT, (context) => {
             this.observe(context?.dataType, (dataType) => {
                 this.#dataType = dataType;
             });

package/dist-cms/packages/media/media/tree/media-tree.context.js

@@ -1,9 +1,9 @@
-import { UMB_CONTENT_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/content';
+import { UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/content';
 import { UmbDefaultTreeContext } from '@umbraco-cms/backoffice/tree';
 export class UmbMediaTreeContext extends UmbDefaultTreeContext {
     constructor(host) {
         super(host);
-        this.consumeContext(UMB_CONTENT_PROPERTY_CONTEXT, (context) => {
+        this.consumeContext(UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT, (context) => {
             this.observe(context?.dataType, (value) => {
                 this.updateAdditionalRequestArgs({ dataType: value });
             });

package/dist-cms/packages/media/media/workspace/media-workspace-editor.element.js

@@ -74,6 +74,7 @@ let UmbMediaWorkspaceEditorElement = class UmbMediaWorkspaceEditorElement extend
             // Using first single view as the default route for now (hence the math below):
             routes.push({
                 path: '',
+                pathMatch: 'full',
                 redirectTo: routes[variants.length * variants.length]?.path,
             });
         }

package/dist-cms/packages/members/member/repository/member-repository-base.d.ts

@@ -1,12 +1,12 @@
-import type { UmbMemberItemStore } from '../item/repository/member-item.store.js';
-import type { UmbMemberDetailStore } from './detail/member-detail.store.js';
-import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
-import type { UmbNotificationContext } from '@umbraco-cms/backoffice/notification';
+import { UMB_MEMBER_ITEM_STORE_CONTEXT } from '../item/repository/member-item.store.context-token.js';
+import { UMB_MEMBER_DETAIL_STORE_CONTEXT } from './detail/member-detail.store.context-token.js';
+import { UMB_NOTIFICATION_CONTEXT } from '@umbraco-cms/backoffice/notification';
 import { UmbRepositoryBase } from '@umbraco-cms/backoffice/repository';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 export declare abstract class UmbMemberRepositoryBase extends UmbRepositoryBase {
-    protected init: Promise<[UmbMemberDetailStore | undefined, UmbMemberItemStore | undefined, UmbNotificationContext | undefined]>;
-    protected detailStore?: UmbMemberDetailStore;
-    protected itemStore?: UmbMemberItemStore;
-    protected notificationContext?: UmbNotificationContext;
+    protected init: Promise<[import("./detail/member-detail.store.js").UmbMemberDetailStore | undefined, import("../item/repository/member-item.store.js").UmbMemberItemStore | undefined, import("@umbraco-cms/backoffice/notification").UmbNotificationContext | undefined]>;
+    protected detailStore?: typeof UMB_MEMBER_DETAIL_STORE_CONTEXT.TYPE;
+    protected itemStore?: typeof UMB_MEMBER_ITEM_STORE_CONTEXT.TYPE;
+    protected notificationContext?: typeof UMB_NOTIFICATION_CONTEXT.TYPE;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/members/member/repository/member-repository-base.js

@@ -7,20 +7,21 @@ export class UmbMemberRepositoryBase extends UmbRepositoryBase {
         super(host);
         this.init = Promise.all([
             this.consumeContext(UMB_MEMBER_DETAIL_STORE_CONTEXT, (instance) => {
-                if (instance) {
-                    this.detailStore = instance;
-                }
-            }).asPromise({ preventTimeout: true }),
+                this.detailStore = instance;
+            })
+                .asPromise({ preventTimeout: true })
+                // Ignore the error, we can assume that the flow was stopped (asPromise failed), but it does not mean that the consumption was not successful.
+                .catch(() => undefined),
             this.consumeContext(UMB_MEMBER_ITEM_STORE_CONTEXT, (instance) => {
-                if (instance) {
-                    this.itemStore = instance;
-                }
-            }).asPromise({ preventTimeout: true }),
+                this.itemStore = instance;
+            })
+                .asPromise({ preventTimeout: true })
+                .catch(() => undefined),
             this.consumeContext(UMB_NOTIFICATION_CONTEXT, (instance) => {
-                if (instance) {
-                    this.notificationContext = instance;
-                }
-            }).asPromise({ preventTimeout: true }),
+                this.notificationContext = instance;
+            })
+                .asPromise({ preventTimeout: true })
+                .catch(() => undefined),
         ]);
     }
 }

package/dist-cms/packages/members/member/workspace/member/member-workspace-editor.element.js

@@ -75,6 +75,7 @@ let UmbMemberWorkspaceEditorElement = class UmbMemberWorkspaceEditorElement exte
             // Using first single view as the default route for now (hence the math below):
             routes.push({
                 path: '',
+                pathMatch: 'full',
                 redirectTo: routes[options.length * options.length]?.path,
             });
         }

package/dist-cms/packages/packages/package-section/views/created/created-packages-section-view.element.js

@@ -44,6 +44,7 @@ let UmbCreatedPackagesSectionViewElement = class UmbCreatedPackagesSectionViewEl
         });
         routes.push({
             path: '',
+            pathMatch: 'full',
             redirectTo: 'overview',
         });
         routes.push({

package/dist-cms/packages/property-editors/dimensions/property-editor-ui-dimensions.element.js

@@ -4,8 +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 { UmbTextStyles } from '@umbraco-cms/backoffice/style';
-import { customElement, html, property } from '@umbraco-cms/backoffice/external/lit';
+import { css, customElement, html, property } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
 /**
@@ -28,6 +27,9 @@ let UmbPropertyEditorUIDimensionsElement = class UmbPropertyEditorUIDimensionsEl
         return html `
 			<uui-input
 				type="number"
+				autocomplete="off"
+				min="0"
+				step="1"
 				label=${this.localize.term('general_width')}
 				placeholder=${this.localize.term('general_width')}
 				@change=${this.#onChangeWidth}
@@ -36,6 +38,9 @@ let UmbPropertyEditorUIDimensionsElement = class UmbPropertyEditorUIDimensionsEl
 			<span>&times;</span>
 			<uui-input
 				type="number"
+				autocomplete="off"
+				min="0"
+				step="1"
 				label=${this.localize.term('general_height')}
 				placeholder=${this.localize.term('general_height')}
 				@change=${this.#onChangeHeight}
@@ -44,7 +49,15 @@ let UmbPropertyEditorUIDimensionsElement = class UmbPropertyEditorUIDimensionsEl
 			<umb-localize key="general_pixels">pixels</umb-localize>
 		`;
     }
-    static { this.styles = [UmbTextStyles]; }
+    static { this.styles = [
+        css `
+			:host {
+				display: flex;
+				align-items: center;
+				gap: var(--uui-size-space-1);
+			}
+		`,
+    ]; }
 };
 __decorate([
     property({ type: Object })

package/dist-cms/packages/segment/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@umbraco-backoffice/segment",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "build": "vite build"
+    }
+}

package/dist-cms/packages/settings/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@umbraco-backoffice/settings",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "build": "vite build"
+    }
+}

package/dist-cms/packages/settings/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist-cms/packages/settings/vite.config.js

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+const dist = '../../../dist-cms/packages/settings';
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+export default defineConfig({
+    ...getDefaultConfig({
+        dist,
+    }),
+});

package/dist-cms/packages/templating/partial-views/entity-actions/rename/rename-partial-view.server.data-source.js

@@ -29,7 +29,7 @@ export class UmbRenamePartialViewServerDataSource {
             name: appendFileExtensionIfNeeded(name, '.cshtml'),
         };
         const { data, error } = await tryExecute(this.#host, PartialViewService.putPartialViewByPathRename({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (data && typeof data === 'string') {

package/dist-cms/packages/templating/partial-views/repository/partial-view-detail.server.data-source.js

@@ -46,7 +46,7 @@ export class UmbPartialViewDetailServerDataSource {
         const path = this.#serverFilePathUniqueSerializer.toServerPath(unique);
         if (!path)
             throw new Error('Path is missing');
-        const { data, error } = await tryExecute(this.#host, PartialViewService.getPartialViewByPath({ path: { path: encodeURIComponent(path) } }));
+        const { data, error } = await tryExecute(this.#host, PartialViewService.getPartialViewByPath({ path: { path } }));
         if (error || !data) {
             return { error };
         }
@@ -68,7 +68,7 @@ export class UmbPartialViewDetailServerDataSource {
             content: model.content,
         };
         const { error } = await tryExecute(this.#host, PartialViewService.putPartialViewByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (!error) {
@@ -83,7 +83,7 @@ export class UmbPartialViewDetailServerDataSource {
         if (!path)
             throw new Error('Path is missing');
         return tryExecute(this.#host, PartialViewService.deletePartialViewByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
 }

package/dist-cms/packages/templating/partial-views/tree/folder/repository/partial-view-folder.server.data-source.js

@@ -47,7 +47,7 @@ export class UmbPartialViewFolderServerDataSource {
         if (!path)
             throw new Error('Cannot read partial view folder without a path');
         const { data, error } = await tryExecute(this.#host, PartialViewService.getPartialViewFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
         if (data) {
             const mappedData = {
@@ -101,7 +101,7 @@ export class UmbPartialViewFolderServerDataSource {
         if (!path)
             throw new Error('Cannot delete partial view folder without a path');
         return tryExecute(this.#host, PartialViewService.deletePartialViewFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
     async update() {

package/dist-cms/packages/templating/scripts/entity-actions/rename/rename-script.server.data-source.js

@@ -29,7 +29,7 @@ export class UmbRenameScriptServerDataSource {
             name: appendFileExtensionIfNeeded(name, '.js'),
         };
         const { data, error } = await tryExecute(this.#host, ScriptService.putScriptByPathRename({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (data && typeof data === 'string') {

package/dist-cms/packages/templating/scripts/repository/script-detail.server.data-source.js

@@ -46,7 +46,7 @@ export class UmbScriptDetailServerDataSource {
         const path = this.#serverFilePathUniqueSerializer.toServerPath(unique);
         if (!path)
             throw new Error('Path is missing');
-        const { data, error } = await tryExecute(this.#host, ScriptService.getScriptByPath({ path: { path: encodeURIComponent(path) } }));
+        const { data, error } = await tryExecute(this.#host, ScriptService.getScriptByPath({ path: { path } }));
         if (error || !data) {
             return { error };
         }
@@ -68,7 +68,7 @@ export class UmbScriptDetailServerDataSource {
             content: model.content,
         };
         const { error } = await tryExecute(this.#host, ScriptService.putScriptByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (!error) {
@@ -83,7 +83,7 @@ export class UmbScriptDetailServerDataSource {
         if (!path)
             throw new Error('Path is missing');
         return tryExecute(this.#host, ScriptService.deleteScriptByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
 }

package/dist-cms/packages/templating/scripts/tree/folder/repository/script-folder.server.data-source.js

@@ -47,7 +47,7 @@ export class UmbScriptFolderServerDataSource {
         if (!path)
             throw new Error('Cannot read script folder without a path');
         const { data, error } = await tryExecute(this.#host, ScriptService.getScriptFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
         if (data) {
             const mappedData = {
@@ -99,7 +99,7 @@ export class UmbScriptFolderServerDataSource {
         if (!path)
             throw new Error('Cannot delete script folder without a path');
         return tryExecute(this.#host, ScriptService.deleteScriptFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
     async update() {

package/dist-cms/packages/templating/stylesheets/entity-actions/rename/rename-stylesheet.server.data-source.js

@@ -29,7 +29,7 @@ export class UmbRenameStylesheetServerDataSource {
             name: appendFileExtensionIfNeeded(name, '.css'),
         };
         const { data, error } = await tryExecute(this.#host, StylesheetService.putStylesheetByPathRename({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (data && typeof data === 'string') {

package/dist-cms/packages/templating/stylesheets/repository/stylesheet-detail.server.data-source.js

@@ -46,7 +46,7 @@ export class UmbStylesheetDetailServerDataSource {
         const path = this.#serverFilePathUniqueSerializer.toServerPath(unique);
         if (!path)
             throw new Error('Path is missing');
-        const { data, error } = await tryExecute(this.#host, StylesheetService.getStylesheetByPath({ path: { path: encodeURIComponent(path) } }));
+        const { data, error } = await tryExecute(this.#host, StylesheetService.getStylesheetByPath({ path: { path } }));
         if (error || !data) {
             return { error };
         }
@@ -68,7 +68,7 @@ export class UmbStylesheetDetailServerDataSource {
             content: model.content,
         };
         const { error } = await tryExecute(this.#host, StylesheetService.putStylesheetByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (!error) {
@@ -83,7 +83,7 @@ export class UmbStylesheetDetailServerDataSource {
         if (!path)
             throw new Error('Path is missing');
         return tryExecute(this.#host, StylesheetService.deleteStylesheetByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
 }

package/dist-cms/packages/templating/stylesheets/tree/folder/repository/stylesheet-folder.server.data-source.js

@@ -41,7 +41,7 @@ export class UmbStylesheetFolderServerDataSource {
         if (!path)
             throw new Error('Cannot read stylesheet folder without a path');
         const { data, error } = await tryExecute(this.#host, StylesheetService.getStylesheetFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
         if (data) {
             const mappedData = {
@@ -95,7 +95,7 @@ export class UmbStylesheetFolderServerDataSource {
         if (!path)
             throw new Error('Cannot delete stylesheet folder without a path');
         return tryExecute(this.#host, StylesheetService.deleteStylesheetFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
     async update() {

package/dist-cms/packages/tiptap/components/character-map/character-map-modal.element.js

@@ -418,10 +418,6 @@ let UmbCharacterMapModalElement = class UmbCharacterMapModalElement extends UmbM
 				gap: var(--uui-size-space-4);
 			}
 
-			uui-input {
-				align-items: baseline;
-			}
-
 			uui-scroll-container {
 				height: 300px;
 				width: calc(450px + var(--uui-size-layout-1));

package/dist-cms/packages/tiptap/components/input-tiptap/input-tiptap.element.js

@@ -222,7 +222,7 @@ let UmbInputTiptapElement = class UmbInputTiptapElement extends UmbFormControlMi
 					height: 100%;
 					width: 100%;
 					outline: none;
-					white-space: pre-wrap;
+					white-space: wrap;
 					min-width: 0;
 
 					p:first-of-type {

package/dist-cms/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.d.ts

@@ -4,6 +4,12 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import type { Editor } from '@umbraco-cms/backoffice/external/tiptap';
 import type { UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/property-editor';
 import '../cascading-menu-popover/cascading-menu-popover.element.js';
+/**
+* Provides a sticky toolbar for the {@link UmbInputTiptapElement}
+* @element umb-tiptap-toolbar
+* @cssprop --umb-tiptap-edge-border-color - Defines the edge border color
+* @cssprop --umb-tiptap-top - Defines the top value for the sticky toolbar
+*/
 export declare class UmbTiptapToolbarElement extends UmbLitElement {
     #private;
     private _lookup?;

package/dist-cms/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.js

@@ -9,6 +9,12 @@ import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registr
 import { UmbExtensionsElementAndApiInitializer } from '@umbraco-cms/backoffice/extension-api';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import '../cascading-menu-popover/cascading-menu-popover.element.js';
+/**
+* Provides a sticky toolbar for the {@link UmbInputTiptapElement}
+* @element umb-tiptap-toolbar
+* @cssprop --umb-tiptap-edge-border-color - Defines the edge border color
+* @cssprop --umb-tiptap-top - Defines the top value for the sticky toolbar
+*/
 let UmbTiptapToolbarElement = class UmbTiptapToolbarElement extends UmbLitElement {
     constructor() {
         super(...arguments);
@@ -75,7 +81,7 @@ let UmbTiptapToolbarElement = class UmbTiptapToolbarElement extends UmbLitElemen
 			flex-direction: column;
 
 			position: sticky;
-			top: -25px;
+			top: var(--umb-tiptap-top,-25px);
 			left: 0;
 			right: 0;
 			padding: var(--uui-size-3);

package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-extensions-configuration.element.js

@@ -130,7 +130,7 @@ let UmbPropertyEditorUiTiptapExtensionsConfigurationElement = class UmbPropertyE
 			}
 
 			.group {
-				flex: 1;
+				width: calc((100% - 2rem) / 3);
 
 				ul {
 					list-style: none;

package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-statusbar-configuration.element.js

@@ -227,10 +227,6 @@ let UmbPropertyEditorUiTiptapStatusbarConfigurationElement = class UmbPropertyEd
 				[slot='header-actions'] {
 					margin-bottom: var(--uui-size-2);
 
-					uui-input {
-						align-items: baseline;
-					}
-
 					uui-icon {
 						color: var(--uui-color-border);
 					}