@umbraco-cms/backoffice 14.0.0-bd6f74b3 → 14.0.0-c074e160

package/dist-cms/packages/core/workspace/workspace-editor/workspace-editor.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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, nothing, customElement, property, state, repeat } from '../../../../external/lit/index.js';
 import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
 import { UmbExtensionsManifestController, createExtensionElement } from '../../../../libs/extension-api/index.js';
@@ -23,7 +23,7 @@ import { componentHasManifestProperty } from '../../../../shared/utils/index.js'
  * @class UmbWorkspaceLayout
  * @extends {UmbLitElement}
  */
-// TODO: stop naming this something with layout. as its not just an layout. it hooks up with extensions.
+// TODO: This element has a bug in the tabs. After the url changes - for example a new entity/file is chosen in the tree and loaded to the workspace the links in the tabs still point to the previous url and therefore views do not change correctly 
 export let UmbWorkspaceEditorElement = class UmbWorkspaceEditorElement extends UmbLitElement {
     constructor() {
         super();
@@ -121,7 +121,7 @@ export let UmbWorkspaceEditorElement = class UmbWorkspaceEditorElement extends U
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/core/workspace/workspace-footer/workspace-footer.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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_MODAL_CONTEXT_TOKEN } from '../../modal/index.js';
@@ -47,7 +47,7 @@ export let UmbWorkspaceFooterLayoutElement = class UmbWorkspaceFooterLayoutEleme
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/core/workspace/workspace-modal/workspace-modal.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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, customElement, property } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbWorkspaceModalElement = class UmbWorkspaceModalElement extends UmbLitElement {
@@ -16,7 +16,7 @@ export let UmbWorkspaceModalElement = class UmbWorkspaceModalElement extends Umb
         return html `<umb-workspace .entityType=${this.data?.entityType}></umb-workspace>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

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

@@ -1,18 +1,18 @@
 import { UmbPropertyEditorExtensionElement } from '../../extension-registry/interfaces/property-editor-ui-extension-element.interface.js';
 import { type WorkspacePropertyData } from '../types/workspace-property-data.type.js';
 import { UmbVariantId } from '../../variant/index.js';
-import type { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { UmbBaseController, type UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
-import { UmbDataTypeConfigCollection } from '../../components/index.js';
-export declare class UmbWorkspacePropertyContext<ValueType = any> {
+import { UmbPropertyEditorConfigCollection } from '../../property-editor/index.js';
+export declare class UmbWorkspacePropertyContext<ValueType = any> extends UmbBaseController {
     #private;
     private _providerController;
     readonly alias: import("rxjs").Observable<string | undefined>;
     readonly label: import("rxjs").Observable<string | undefined>;
     readonly description: import("rxjs").Observable<string | undefined>;
     readonly value: import("rxjs").Observable<ValueType | null | undefined>;
-    readonly configValues: import("rxjs").Observable<import("../../index.js").UmbDataTypeConfig | undefined>;
-    readonly config: import("rxjs").Observable<UmbDataTypeConfigCollection | undefined>;
+    readonly configValues: import("rxjs").Observable<import("../../property-editor/index.js").UmbPropertyEditorConfig | undefined>;
+    readonly config: import("rxjs").Observable<UmbPropertyEditorConfigCollection | undefined>;
     private _editor;
     readonly editor: import("rxjs").Observable<UmbPropertyEditorExtensionElement | undefined>;
     setEditor(editor: UmbPropertyEditorExtensionElement | undefined): void;
@@ -20,19 +20,19 @@ export declare class UmbWorkspacePropertyContext<ValueType = any> {
     readonly variantId: import("rxjs").Observable<UmbVariantId | undefined>;
     private _variantDifference;
     readonly variantDifference: import("rxjs").Observable<string | undefined>;
-    private _workspaceContext?;
-    private _workspaceVariantConsumer?;
     constructor(host: UmbControllerHostElement);
+    private _observePropertyVariant?;
+    private _observePropertyValue?;
+    private _observeProperty;
     private _generateVariantDifferenceString;
     setAlias(alias: WorkspacePropertyData<ValueType>['alias']): void;
     setLabel(label: WorkspacePropertyData<ValueType>['label']): void;
     setDescription(description: WorkspacePropertyData<ValueType>['description']): void;
     setValue(value: WorkspacePropertyData<ValueType>['value']): void;
-    changeValue(value: WorkspacePropertyData<ValueType>['value']): void;
     setConfig(config: WorkspacePropertyData<ValueType>['config'] | undefined): void;
     setVariantId(variantId: UmbVariantId | undefined): void;
     getVariantId(): UmbVariantId | undefined;
     resetValue(): void;
     destroy(): void;
 }
-export declare const UMB_WORKSPACE_PROPERTY_CONTEXT_TOKEN: UmbContextToken<UmbWorkspacePropertyContext<any>>;
+export declare const UMB_WORKSPACE_PROPERTY_CONTEXT_TOKEN: UmbContextToken<UmbWorkspacePropertyContext<any>, UmbWorkspacePropertyContext<any>>;

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

@@ -1,9 +1,9 @@
-import { UMB_WORKSPACE_VARIANT_CONTEXT_TOKEN, UMB_WORKSPACE_CONTEXT } from '../index.js';
-import { UmbClassState, UmbObjectState, UmbStringState, UmbObserverController, UmbBasicState, } from '../../../../libs/observable-api/index.js';
-import { UmbContextConsumerController, UmbContextProviderController, UmbContextToken, } from '../../../../libs/context-api/index.js';
-import { UmbDataTypeConfigCollection } from '../../components/index.js';
-export class UmbWorkspacePropertyContext {
-    #host;
+import { UMB_VARIANT_CONTEXT } from '../index.js';
+import { UmbBaseController } from '../../../../libs/controller-api/index.js';
+import { UmbClassState, UmbObjectState, UmbStringState, UmbBasicState, } from '../../../../libs/observable-api/index.js';
+import { UmbContextProviderController, UmbContextToken, } from '../../../../libs/context-api/index.js';
+import { UmbPropertyEditorConfigCollection } from '../../property-editor/index.js';
+export class UmbWorkspacePropertyContext extends UmbBaseController {
     #data;
     #configCollection;
     setEditor(editor) {
@@ -12,9 +12,11 @@ export class UmbWorkspacePropertyContext {
     getEditor() {
         return this._editor.getValue();
     }
-    #workspaceVariantId;
+    // property variant ID:
     #variantId;
+    #variantContext;
     constructor(host) {
+        super(host);
         this.#data = new UmbObjectState({});
         this.alias = this.#data.asObservablePart((data) => data.alias);
         this.label = this.#data.asObservablePart((data) => data.label);
@@ -25,36 +27,53 @@ export class UmbWorkspacePropertyContext {
         this.config = this.#configCollection.asObservable();
         this._editor = new UmbBasicState(undefined);
         this.editor = this._editor.asObservable();
+        // property variant ID:
         this.#variantId = new UmbClassState(undefined);
         this.variantId = this.#variantId.asObservable();
         this._variantDifference = new UmbStringState(undefined);
         this.variantDifference = this._variantDifference.asObservable();
-        this.#host = host;
-        new UmbContextConsumerController(host, UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
-            this._workspaceContext = workspaceContext;
+        this.consumeContext(UMB_VARIANT_CONTEXT, (variantContext) => {
+            this.#variantContext = variantContext;
+            this._generateVariantDifferenceString();
+            this._observeProperty();
+        });
+        this.observe(this.alias, () => {
+            this._observeProperty();
         });
         this._providerController = new UmbContextProviderController(host, UMB_WORKSPACE_PROPERTY_CONTEXT_TOKEN, this);
-        this.configValues.subscribe((configValues) => {
-            this.#configCollection.next(configValues ? new UmbDataTypeConfigCollection(configValues) : undefined);
+        this.observe(this.configValues, (configValues) => {
+            this.#configCollection.next(configValues ? new UmbPropertyEditorConfigCollection(configValues) : undefined);
         });
-        this.variantId.subscribe((propertyVariantId) => {
-            if (propertyVariantId) {
-                if (!this._workspaceVariantConsumer) {
-                    this._workspaceVariantConsumer = new UmbContextConsumerController(this.#host, UMB_WORKSPACE_VARIANT_CONTEXT_TOKEN, (workspaceVariantContext) => {
-                        new UmbObserverController(this.#host, workspaceVariantContext.variantId, (workspaceVariantId) => {
-                            this.#workspaceVariantId = workspaceVariantId;
-                            this._generateVariantDifferenceString();
-                        });
-                    });
-                }
-                else {
-                    this._generateVariantDifferenceString();
-                }
-            }
+        this.observe(this.variantId, () => {
+            this._generateVariantDifferenceString();
         });
     }
+    async _observeProperty() {
+        const alias = this.#data.getValue().alias;
+        if (!this.#variantContext || !alias)
+            return;
+        const variantIdSubject = await this.#variantContext.propertyVariantId?.(alias) ?? undefined;
+        this._observePropertyVariant?.destroy();
+        if (variantIdSubject) {
+            this._observePropertyVariant = this.observe(variantIdSubject, (variantId) => {
+                this.#variantId.next(variantId);
+            });
+        }
+        // TODO: Verify if we need to optimize runtime by parsing the propertyVariantID, cause this method retrieves it again:
+        const subject = await this.#variantContext.propertyValueByAlias(alias);
+        this._observePropertyValue?.destroy();
+        if (subject) {
+            this._observePropertyValue = this.observe(subject, (value) => {
+                // Note: Do not try to compare new / old value, as it can of any type. We trust the UmbObjectState in doing such.
+                this.#data.update({ value });
+            });
+        }
+    }
     _generateVariantDifferenceString() {
-        this._variantDifference.next(this.#workspaceVariantId ? this.#variantId.getValue()?.toDifferencesString(this.#workspaceVariantId) : '');
+        if (!this.#variantContext)
+            return;
+        const contextVariantId = this.#variantContext.getVariantId?.() ?? undefined;
+        this._variantDifference.next(contextVariantId ? this.#variantId.getValue()?.toDifferencesString(contextVariantId) : '');
     }
     setAlias(alias) {
         this.#data.update({ alias });
@@ -66,15 +85,10 @@ export class UmbWorkspacePropertyContext {
         this.#data.update({ description });
     }
     setValue(value) {
-        // Note: Do not try to compare new / old value, as it can of any type. We trust the UmbObjectState in doing such.
-        this.#data.update({ value });
-    }
-    changeValue(value) {
-        this.setValue(value);
         const alias = this.#data.getValue().alias;
-        if (alias) {
-            this._workspaceContext?.setPropertyValue(alias, value, this.#variantId.getValue());
-        }
+        if (!this.#variantContext || !alias)
+            return;
+        this.#variantContext?.setPropertyValue(alias, value);
     }
     setConfig(config) {
         this.#data.update({ config });

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

@@ -1,5 +1,4 @@
-import { type UmbDataTypeConfig } from '../../property-editor/index.js';
-import { UmbVariantId } from '../../variant/index.js';
+import { type UmbPropertyEditorConfig } from '../../property-editor/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
  *  @element umb-workspace-property
@@ -38,14 +37,6 @@ export declare class UmbWorkspacePropertyElement extends UmbLitElement {
      */
     private _propertyEditorUiAlias;
     set propertyEditorUiAlias(value: string);
-    /**
-     * Property Value, this is the value stored in the property.
-     * @public
-     * @type {unknown}
-     * @attr
-     * @default undefined
-     */
-    set value(value: unknown);
     /**
      * Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.
      * @public
@@ -53,15 +44,7 @@ export declare class UmbWorkspacePropertyElement extends UmbLitElement {
      * @attr
      * @default ''
      */
-    set config(value: UmbDataTypeConfig | undefined);
-    /**
-     * PropertyVariantId. A Variant ID to identify which variant its value is stored on.
-     * @public
-     * @type {UmbVariantId}
-     * @attr
-     * @default null
-     */
-    set propertyVariantId(value: UmbVariantId | undefined);
+    set config(value: UmbPropertyEditorConfig | undefined);
     private _variantDifference?;
     private _element?;
     private _value?;

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbWorkspacePropertyContext } from './workspace-property.context.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
 import { createExtensionElement } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
@@ -50,16 +50,6 @@ export let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement exten
         this._propertyEditorUiAlias = value;
         this._observePropertyEditorUI();
     }
-    /**
-     * Property Value, this is the value stored in the property.
-     * @public
-     * @type {unknown}
-     * @attr
-     * @default undefined
-     */
-    set value(value) {
-        this._propertyContext.setValue(value);
-    }
     /**
      * Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.
      * @public
@@ -70,17 +60,6 @@ export let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement exten
     set config(value) {
         this._propertyContext.setConfig(value);
     }
-    /**
-     * PropertyVariantId. A Variant ID to identify which variant its value is stored on.
-     * @public
-     * @type {UmbVariantId}
-     * @attr
-     * @default null
-     */
-    set propertyVariantId(value) {
-        this._propertyContext.setVariantId(value);
-        //this._variantDisplayName = value?.toString();
-    }
     constructor() {
         super();
         /**
@@ -95,7 +74,7 @@ export let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement exten
         this._onPropertyEditorChange = (e) => {
             const target = e.composedPath()[0];
             //this.value = target.value; // Sets value in context.
-            this._propertyContext.changeValue(target.value);
+            this._propertyContext.setValue(target.value);
             e.stopPropagation();
         };
         this.observe(this._propertyContext.alias, (alias) => {
@@ -170,12 +149,12 @@ export let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement exten
             ? html `<umb-property-action-menu
 					slot="property-action-menu"
 					id="property-action-menu"
-					.propertyEditorUiAlias="${this._propertyEditorUiAlias}"
-					.value="${this._value}"></umb-property-action-menu>`
+					.propertyEditorUiAlias=${this._propertyEditorUiAlias}
+					.value=${this._value}></umb-property-action-menu>`
             : ''}`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;
@@ -213,15 +192,9 @@ __decorate([
 __decorate([
     property({ type: String, attribute: 'property-editor-ui-alias' })
 ], UmbWorkspacePropertyElement.prototype, "propertyEditorUiAlias", null);
-__decorate([
-    property({ attribute: false })
-], UmbWorkspacePropertyElement.prototype, "value", null);
 __decorate([
     property({ type: Array, attribute: false })
 ], UmbWorkspacePropertyElement.prototype, "config", null);
-__decorate([
-    property({ type: Object, attribute: false })
-], UmbWorkspacePropertyElement.prototype, "propertyVariantId", null);
 __decorate([
     state()
 ], UmbWorkspacePropertyElement.prototype, "_variantDifference", void 0);

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, LitElement, customElement, property } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 /**
  *  @element umb-workspace-property-layout
  *  @description - Element for displaying a property in an workspace.
@@ -63,7 +63,7 @@ export let UmbWorkspacePropertyLayoutElement = class UmbWorkspacePropertyLayoutE
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: grid;

package/dist-cms/packages/core/workspace/workspace-split-view/index.d.ts

@@ -0,0 +1,2 @@
+export * from './workspace-split-view.context.js';
+export * from './workspace-split-view.element.js';

package/dist-cms/packages/core/workspace/workspace-split-view/index.js

@@ -0,0 +1,2 @@
+export * from './workspace-split-view.context.js';
+export * from './workspace-split-view.element.js';

package/dist-cms/packages/core/workspace/workspace-split-view/workspace-split-view.context.d.ts

@@ -0,0 +1,16 @@
+import { UmbVariantId } from '../../variant/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import { UmbBaseController, UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbWorkspaceSplitViewContext extends UmbBaseController {
+    #private;
+    getWorkspaceContext(): import("../index.js").UmbVariantableWorkspaceContextInterface<import("../../../../shared/models/index.js").UmbEntityBase> | undefined;
+    index: import("rxjs").Observable<number | undefined>;
+    constructor(host: UmbControllerHost);
+    private _observeVariant;
+    switchVariant(variant: UmbVariantId): void;
+    closeSplitView(): void;
+    openSplitView(variant: UmbVariantId): void;
+    getSplitViewIndex(): number | undefined;
+    setSplitViewIndex(index: number): void;
+}
+export declare const UMB_WORKSPACE_SPLIT_VIEW_CONTEXT: UmbContextToken<UmbWorkspaceSplitViewContext, UmbWorkspaceSplitViewContext>;

package/dist-cms/packages/core/workspace/workspace-split-view/workspace-split-view.context.js

@@ -0,0 +1,66 @@
+import { UMB_VARIANT_WORKSPACE_CONTEXT_TOKEN } from '../index.js';
+import { UmbVariantId } from '../../variant/index.js';
+import { UmbContextToken, } from '../../../../libs/context-api/index.js';
+import { UmbBaseController } from '../../../../libs/controller-api/index.js';
+import { UmbNumberState, } from '../../../../libs/observable-api/index.js';
+export class UmbWorkspaceSplitViewContext extends UmbBaseController {
+    #workspaceContext;
+    getWorkspaceContext() {
+        return this.#workspaceContext;
+    }
+    #variantContext;
+    #index;
+    //#variantId = new UmbClassState<UmbVariantId | undefined>(undefined);
+    //variantId = this.#variantId.asObservable();
+    constructor(host) {
+        super(host);
+        this.#index = new UmbNumberState(undefined);
+        this.index = this.#index.asObservable();
+        this.consumeContext(UMB_VARIANT_WORKSPACE_CONTEXT_TOKEN, (context) => {
+            this.#workspaceContext = context;
+            this._observeVariant();
+        });
+        this.observe(this.#index, () => {
+            this._observeVariant();
+        });
+        this.provideContext(UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, this);
+    }
+    _observeVariant() {
+        if (!this.#workspaceContext)
+            return;
+        const index = this.#index.getValue();
+        if (index === undefined)
+            return;
+        // TODO: Should splitView be put into its own context?... a split view manager context?   one which might have a reference to the workspace context, so we still can ask that about how to create the variant context.
+        this.observe(this.#workspaceContext.splitView.activeVariantByIndex(index), async (activeVariantInfo) => {
+            if (!activeVariantInfo)
+                return;
+            // TODO: Ask workspace context to create the specific variant context.
+            this.#variantContext?.destroy();
+            const variantId = UmbVariantId.Create(activeVariantInfo);
+            this.#variantContext = this.#workspaceContext?.createVariantContext(this, variantId);
+        }, '_observeActiveVariant');
+    }
+    switchVariant(variant) {
+        const index = this.#index.value;
+        if (index === undefined)
+            return;
+        this.#workspaceContext?.splitView.switchVariant(index, variant);
+    }
+    closeSplitView() {
+        const index = this.#index.value;
+        if (index === undefined)
+            return;
+        this.#workspaceContext?.splitView.closeSplitView(index);
+    }
+    openSplitView(variant) {
+        this.#workspaceContext?.splitView.openSplitView(variant);
+    }
+    getSplitViewIndex() {
+        return this.#index.getValue();
+    }
+    setSplitViewIndex(index) {
+        this.#index.next(index);
+    }
+}
+export const UMB_WORKSPACE_SPLIT_VIEW_CONTEXT = new UmbContextToken('umbWorkspaceSplitViewContext');

package/dist-cms/packages/core/workspace/{workspace-variant/workspace-variant.element.d.ts → workspace-split-view/workspace-split-view.element.d.ts}

@@ -1,4 +1,4 @@
-import { UmbWorkspaceVariantContext } from './workspace-variant.context.js';
+import { UmbWorkspaceSplitViewContext } from './workspace-split-view.context.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
  *
@@ -6,18 +6,17 @@ import { UmbLitElement } from '../../../../shared/lit-element/index.js';
  * As well breadcrumbs etc.
  *
  */
-export declare class UmbWorkspaceVariantContentElement extends UmbLitElement {
+export declare class UmbWorkspaceSplitViewElement extends UmbLitElement {
     alias: string;
     displayNavigation: boolean;
     set splitViewIndex(index: number);
-    private _splitViewIndex;
-    variantContext: UmbWorkspaceVariantContext;
+    splitViewContext: UmbWorkspaceSplitViewContext;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbWorkspaceVariantContentElement;
+export default UmbWorkspaceSplitViewElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-workspace-variant': UmbWorkspaceVariantContentElement;
+        'umb-workspace-split-view': UmbWorkspaceSplitViewElement;
     }
 }

package/dist-cms/packages/core/workspace/{workspace-variant/workspace-variant.element.js → workspace-split-view/workspace-split-view.element.js}

@@ -4,9 +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 { UmbWorkspaceVariantContext } from './workspace-variant.context.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
-import { css, html, customElement, property, state } from '../../../../external/lit/index.js';
+import { UmbWorkspaceSplitViewContext } from './workspace-split-view.context.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
+import { css, html, customElement, property } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
  *
@@ -14,21 +14,18 @@ import { UmbLitElement } from '../../../../shared/lit-element/index.js';
  * As well breadcrumbs etc.
  *
  */
-export let UmbWorkspaceVariantContentElement = class UmbWorkspaceVariantContentElement extends UmbLitElement {
+export let UmbWorkspaceSplitViewElement = class UmbWorkspaceSplitViewElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.displayNavigation = false;
-        this._splitViewIndex = 0;
-        this.variantContext = new UmbWorkspaceVariantContext(this);
+        this.splitViewContext = new UmbWorkspaceSplitViewContext(this);
     }
     set splitViewIndex(index) {
-        this._splitViewIndex = index;
-        this.variantContext.setSplitViewIndex(index);
+        this.splitViewContext.setSplitViewIndex(index);
     }
     render() {
         return html `
 			<umb-workspace-editor
-				.splitViewIndex=${this._splitViewIndex.toString()}
 				alias=${this.alias}
 				.hideNavigation=${!this.displayNavigation}
 				.enforceNoFooter=${true}>
@@ -43,7 +40,7 @@ export let UmbWorkspaceVariantContentElement = class UmbWorkspaceVariantContentE
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;
@@ -63,17 +60,14 @@ export let UmbWorkspaceVariantContentElement = class UmbWorkspaceVariantContentE
 };
 __decorate([
     property()
-], UmbWorkspaceVariantContentElement.prototype, "alias", void 0);
+], UmbWorkspaceSplitViewElement.prototype, "alias", void 0);
 __decorate([
     property({ type: Boolean })
-], UmbWorkspaceVariantContentElement.prototype, "displayNavigation", void 0);
+], UmbWorkspaceSplitViewElement.prototype, "displayNavigation", void 0);
 __decorate([
     property({ type: Number })
-], UmbWorkspaceVariantContentElement.prototype, "splitViewIndex", null);
-__decorate([
-    state()
-], UmbWorkspaceVariantContentElement.prototype, "_splitViewIndex", void 0);
-UmbWorkspaceVariantContentElement = __decorate([
-    customElement('umb-workspace-variant')
-], UmbWorkspaceVariantContentElement);
-export default UmbWorkspaceVariantContentElement;
+], UmbWorkspaceSplitViewElement.prototype, "splitViewIndex", null);
+UmbWorkspaceSplitViewElement = __decorate([
+    customElement('umb-workspace-split-view')
+], UmbWorkspaceSplitViewElement);
+export default UmbWorkspaceSplitViewElement;

package/dist-cms/packages/core/workspace/workspace.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 { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../shared/style/index.js";
 import { css, html, nothing, customElement, property } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
 export let UmbWorkspaceElement = class UmbWorkspaceElement extends UmbLitElement {
@@ -19,7 +19,7 @@ export let UmbWorkspaceElement = class UmbWorkspaceElement extends UmbLitElement
 			type="workspace"
 			.filter=${(manifest) => manifest.meta.entityType === this.entityType}></umb-extension-slot>`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 __decorate([
     property({ type: String, attribute: 'entity-type' })

package/dist-cms/packages/dictionary/dashboards/dictionary/{dashboard-translation-dictionary.element.js → dashboard-localization-dictionary.element.js}

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbDictionaryRepository } from '../../dictionary/repository/dictionary.repository.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, customElement, state, when } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_CREATE_DICTIONARY_MODAL, } from '../../../core/modal/index.js';
@@ -150,7 +150,7 @@ export let UmbDashboardTranslationDictionaryElement = class UmbDashboardTranslat
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#header {
 				display: flex;

package/dist-cms/packages/dictionary/dictionary/entity-actions/create/create-dictionary-modal.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, query, when } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 export let UmbCreateDictionaryModalElement = class UmbCreateDictionaryModalElement extends UmbModalBaseElement {
     #parentName;
@@ -56,7 +56,7 @@ export let UmbCreateDictionaryModalElement = class UmbCreateDictionaryModalEleme
 			<uui-button slot="actions" type="button" label="Create" look="primary" @click=${this.#submitForm}></uui-button>
 		</umb-body-layout>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     query('#form')

package/dist-cms/packages/dictionary/dictionary/entity-actions/create/create.action.js

@@ -1,10 +1,10 @@
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UMB_SECTION_SIDEBAR_CONTEXT_TOKEN } from '../../../../core/section/index.js';
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import { UmbContextConsumerController } from '../../../../../libs/context-api/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_CREATE_DICTIONARY_MODAL, } from '../../../../core/modal/index.js';
 export default class UmbCreateDictionaryEntityAction extends UmbEntityActionBase {
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
     #modalContext;
     #sectionSidebarContext;
     constructor(host, repositoryAlias, unique) {