@umbraco-cms/backoffice 14.0.0-9cc9c792 → 14.0.0-a0074b6e

package/dist-cms/packages/templating/stylesheets/workspace/views/code-editor/stylesheet-workspace-view-code-editor.element.js

@@ -0,0 +1,95 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 '@umbraco-ui/uui-css';
+import { css, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { UMB_STYLESHEET_WORKSPACE_CONTEXT } from '../../stylesheet-workspace.context.js';
+import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
+export let UmbStylesheetWorkspaceViewCodeEditorElement = class UmbStylesheetWorkspaceViewCodeEditorElement extends UmbLitElement {
+    #stylesheetWorkspaceContext;
+    constructor() {
+        super();
+        this._content = '';
+        this._ready = false;
+        this.consumeContext(UMB_STYLESHEET_WORKSPACE_CONTEXT, (workspaceContext) => {
+            this.#stylesheetWorkspaceContext = workspaceContext;
+            this.observe(this.#stylesheetWorkspaceContext.content, (content) => {
+                this._content = content;
+            });
+            this.observe(this.#stylesheetWorkspaceContext.isCodeEditorReady, (isReady) => {
+                this._ready = isReady;
+            });
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#stylesheetWorkspaceContext?.sendContentGetRules();
+    }
+    #onCodeEditorInput(event) {
+        const target = event.target;
+        const value = target.code;
+        this.#stylesheetWorkspaceContext?.setContent(value);
+    }
+    #renderCodeEditor() {
+        return html `<umb-code-editor
+			language="css"
+			id="content"
+			.code=${this._content ?? ''}
+			@input=${this.#onCodeEditorInput}></umb-code-editor>`;
+    }
+    render() {
+        return html ` <uui-box>
+			<div slot="header" id="code-editor-menu-container"></div>
+			${this._ready
+            ? this.#renderCodeEditor()
+            : html `<div id="loader-container">
+						<uui-loader></uui-loader>
+				  </div>`}
+		</uui-box>`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			:host {
+				display: block;
+				width: 100%;
+			}
+
+			#loader-container {
+				display: grid;
+				place-items: center;
+				min-height: calc(100dvh - 300px);
+			}
+
+			umb-code-editor {
+				--editor-height: calc(100dvh - 300px);
+			}
+
+			uui-box {
+				min-height: calc(100dvh - 360px);
+				margin: var(--uui-size-layout-1);
+				--uui-box-default-padding: 0;
+				/* remove header border bottom as code editor looks better in this box */
+				--uui-color-divider-standalone: transparent;
+			}
+
+			#workspace-header {
+				width: 100%;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbStylesheetWorkspaceViewCodeEditorElement.prototype, "_content", void 0);
+__decorate([
+    state()
+], UmbStylesheetWorkspaceViewCodeEditorElement.prototype, "_ready", void 0);
+UmbStylesheetWorkspaceViewCodeEditorElement = __decorate([
+    customElement('umb-stylesheet-workspace-view-code-editor')
+], UmbStylesheetWorkspaceViewCodeEditorElement);
+export default UmbStylesheetWorkspaceViewCodeEditorElement;

package/dist-cms/packages/templating/stylesheets/workspace/views/rich-text-editor/stylesheet-workspace-view-rich-text-editor-rule.element.d.ts

@@ -0,0 +1,16 @@
+import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
+export default class UmbStylesheetRichTextEditorRuleElement extends UmbLitElement {
+    #private;
+    private rule;
+    private _modalContext?;
+    constructor();
+    openModal: () => void;
+    removeRule: () => void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-stylesheet-rich-text-editor-rule': UmbStylesheetRichTextEditorRuleElement;
+    }
+}

package/dist-cms/packages/templating/stylesheets/workspace/views/rich-text-editor/stylesheet-workspace-view-rich-text-editor-rule.element.js

@@ -0,0 +1,82 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR_MODAL } from './stylesheet-workspace-view-rich-text-editor.element.js';
+import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { css, html, customElement, property } from '../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN } from '../../../../../core/modal/index.js';
+let UmbStylesheetRichTextEditorRuleElement = class UmbStylesheetRichTextEditorRuleElement extends UmbLitElement {
+    #context;
+    constructor() {
+        super();
+        this.rule = null;
+        this.openModal = () => {
+            if (!this._modalContext)
+                throw new Error('Modal context not found');
+            const modal = this._modalContext.open(UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR_MODAL, {
+                rule: this.rule,
+            });
+            modal?.onSubmit().then((result) => {
+                if (result.rule && this.rule?.name) {
+                    this.#context?.updateRule(this.rule?.name, result.rule);
+                }
+            });
+        };
+        this.removeRule = () => {
+            //TODO: SPORTER BREAKS THAT - rules are removed from the data but not from the DOM
+            if (!this.#context)
+                throw new Error('Context not found');
+            this.#context.setRules(this.#context.getRules().filter((r) => r.name !== this.rule?.name));
+        };
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
+            this.#context = workspaceContext;
+        });
+        this.consumeContext(UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
+            this._modalContext = instance;
+        });
+    }
+    render() {
+        return html `
+			<div class="rule-name"><uui-icon name="umb:navigation"></uui-icon>${this.rule?.name}</div>
+			<div class="rule-actions">
+				<uui-button label="Edit" look="secondary" @click=${this.openModal}>Edit</uui-button
+				><uui-button label="Remove" look="secondary" color="danger" @click=${this.removeRule}>Remove</uui-button>
+			</div>
+		`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			:host {
+				display: flex;
+				width: 100%;
+				justify-content: space-between;
+				padding: var(--uui-size-2);
+				align-items: center;
+				border-radius: var(--uui-border-radius);
+				background-color: var(--uui-color-surface-alt);
+				margin-bottom: var(--uui-size-space-4);
+			}
+
+			.rule-name {
+				display: flex;
+				align-items: center;
+				gap: var(--uui-size-2);
+				padding-left: var(--uui-size-2);
+				font-weight: bold;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbStylesheetRichTextEditorRuleElement.prototype, "rule", void 0);
+UmbStylesheetRichTextEditorRuleElement = __decorate([
+    customElement('umb-stylesheet-rich-text-editor-rule')
+], UmbStylesheetRichTextEditorRuleElement);
+export default UmbStylesheetRichTextEditorRuleElement;

package/dist-cms/packages/templating/stylesheets/workspace/views/rich-text-editor/stylesheet-workspace-view-rich-text-editor-style-sidebar.element.d.ts

@@ -0,0 +1,19 @@
+import { RichTextRuleModelSortable } from '../../stylesheet-workspace.context.js';
+import { UmbModalBaseElement } from '../../../../../../shared/modal/index.js';
+export interface StylesheetRichTextEditorStyleModalData {
+    rule: RichTextRuleModelSortable | null;
+}
+export type StylesheetRichTextEditorStyleModalResult = NonNullable<Required<StylesheetRichTextEditorStyleModalData>>;
+export default class UmbStylesheetRichTextEditorStyleModalElement extends UmbModalBaseElement<StylesheetRichTextEditorStyleModalData, StylesheetRichTextEditorStyleModalResult> {
+    #private;
+    private _close;
+    connectedCallback(): void;
+    private _rule;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-stylesheet-rich-text-editor-style-modal': UmbStylesheetRichTextEditorStyleModalElement;
+    }
+}

package/dist-cms/packages/templating/stylesheets/workspace/views/rich-text-editor/stylesheet-workspace-view-rich-text-editor-style-sidebar.element.js

@@ -0,0 +1,159 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { css, html, customElement, ifDefined, state } from '../../../../../../external/lit/index.js';
+import { UmbModalBaseElement } from '../../../../../../shared/modal/index.js';
+let UmbStylesheetRichTextEditorStyleModalElement = class UmbStylesheetRichTextEditorStyleModalElement extends UmbModalBaseElement {
+    constructor() {
+        super(...arguments);
+        this._rule = null;
+    }
+    _close() {
+        this.modalContext?.reject();
+    }
+    #submit() {
+        this.modalContext?.submit({ rule: this._rule });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._rule = this.data?.rule ?? null;
+    }
+    #updateName(event) {
+        const name = event.target.value;
+        this._rule = {
+            ...this._rule,
+            name,
+        };
+    }
+    #updateSelector(event) {
+        const selector = event.target.value;
+        this._rule = {
+            ...this._rule,
+            selector,
+        };
+    }
+    #updateStyles(event) {
+        const styles = event.target.value;
+        this._rule = {
+            ...this._rule,
+            styles,
+        };
+    }
+    render() {
+        return html `
+			<umb-body-layout headline="Edit style">
+				<div id="main">
+					<uui-box>
+						<uui-form>
+							<form id="MyForm" name="myForm">
+								<uui-form-layout-item>
+									<uui-label for="name" slot="label" required>Name</uui-label>
+									<span slot="description">The name displayed in the editor style selector</span>
+									<uui-input
+										id="name"
+										name="name"
+										.value=${this._rule?.name ?? ''}
+										label="Rule name"
+										required
+										@input=${this.#updateName}>
+									</uui-input>
+								</uui-form-layout-item>
+								<uui-form-layout-item>
+									<uui-label for="selector" slot="label" required>Selector</uui-label>
+									<span slot="description">Uses CSS syntax, e.g. "h1" or ".redHeader"</span>
+									<uui-input
+										id="selector"
+										name="selector"
+										.value=${this._rule?.selector ?? ''}
+										label="Rule selector"
+										@input=${this.#updateSelector}
+										required>
+									</uui-input>
+								</uui-form-layout-item>
+								<uui-form-layout-item>
+									<uui-label for="styles" slot="label" required="">Styles</uui-label>
+									<span slot="description"
+										>The CSS that should be applied in the rich text editor, e.g. "color:red;"</span
+									>
+									<uui-textarea
+										@input=${this.#updateStyles}
+										id="styles"
+										name="styles"
+										.value=${this._rule?.styles ?? ''}
+										label="Rule styles">
+									</uui-textarea>
+								</uui-form-layout-item>
+								<uui-form-layout-item>
+									<uui-label for="styles" slot="label" required="">Preview</uui-label>
+									<span slot="description">How the text will look like in the rich text editor.</span>
+									<div style="${ifDefined(this._rule?.styles)}">
+										a b c d e f g h i j k l m n o p q r s t u v w x t z
+										<br />
+										A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
+										<br />
+										1 2 3 4 5 6 7 8 9 0 € £ $ % &amp; (.,;:'"!?)
+										<br />
+										Just keep examining every bid quoted for zinc etchings.
+									</div>
+								</uui-form-layout-item>
+							</form>
+						</uui-form>
+					</uui-box>
+				</div>
+				<div slot="actions">
+					<uui-button @click=${this._close} look="secondary" label="Close">Close</uui-button>
+					<uui-button @click=${this.#submit} look="primary" color="positive" label="Submit">Submit</uui-button>
+				</div>
+			</umb-body-layout>
+		`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			:host {
+				display: block;
+				color: var(--uui-color-text);
+				--umb-header-layout-height: 70px;
+			}
+
+			#main {
+				box-sizing: border-box;
+				height: calc(
+					100dvh - var(--umb-header-layout-height) - var(--umb-footer-layout-height) - 2 * var(--uui-size-layout-1)
+				);
+			}
+
+			#main uui-button:not(:last-of-type) {
+				display: block;
+				margin-bottom: var(--uui-size-space-5);
+			}
+
+			uui-input {
+				width: 100%;
+			}
+
+			#styles {
+				font-family:
+					Monaco,
+					Menlo,
+					Consolas,
+					Courier New,
+					monospace;
+				--uui-textarea-min-height: 100px;
+				resize: none;
+				width: 300px;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbStylesheetRichTextEditorStyleModalElement.prototype, "_rule", void 0);
+UmbStylesheetRichTextEditorStyleModalElement = __decorate([
+    customElement('umb-stylesheet-rich-text-editor-style-modal')
+], UmbStylesheetRichTextEditorStyleModalElement);
+export default UmbStylesheetRichTextEditorStyleModalElement;

package/dist-cms/packages/templating/stylesheets/workspace/views/rich-text-editor/stylesheet-workspace-view-rich-text-editor.element.d.ts

@@ -0,0 +1,22 @@
+import { RichTextRuleModelSortable } from '../../stylesheet-workspace.context.js';
+import { StylesheetRichTextEditorStyleModalData } from './stylesheet-workspace-view-rich-text-editor-style-sidebar.element.js';
+import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
+import { UmbModalToken } from '../../../../../core/modal/index.js';
+import './stylesheet-workspace-view-rich-text-editor-rule.element.js';
+export declare const UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR_MODAL: UmbModalToken<StylesheetRichTextEditorStyleModalData, Required<StylesheetRichTextEditorStyleModalData>>;
+export declare class UmbStylesheetWorkspaceViewRichTextEditorElement extends UmbLitElement {
+    #private;
+    _rules: RichTextRuleModelSortable[];
+    private _modalContext?;
+    constructor();
+    openModal: (rule?: RichTextRuleModelSortable | null) => void;
+    removeRule: (rule: RichTextRuleModelSortable) => void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UmbStylesheetWorkspaceViewRichTextEditorElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-stylesheet-workspace-view-rich-text-editor': UmbStylesheetWorkspaceViewRichTextEditorElement;
+    }
+}

package/dist-cms/packages/templating/stylesheets/workspace/views/rich-text-editor/stylesheet-workspace-view-rich-text-editor.element.js

@@ -0,0 +1,125 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 '@umbraco-ui/uui-css';
+import { css, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR } from '../../manifests.js';
+import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UmbModalToken } from '../../../../../core/modal/index.js';
+import { UmbSorterController } from '../../../../../core/sorter/index.js';
+import { ifDefined, repeat } from '../../../../../../external/lit/index.js';
+import './stylesheet-workspace-view-rich-text-editor-rule.element.js';
+export const UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR_MODAL = new UmbModalToken(UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR, {
+    type: 'sidebar',
+    size: 'medium',
+});
+const SORTER_CONFIG = {
+    compareElementToModel: (element, model) => {
+        return element.getAttribute('data-umb-rule-name') === model.name;
+    },
+    querySelectModelToElement: (container, modelEntry) => {
+        return container.querySelector('data-umb-rule-name[' + modelEntry.name + ']');
+    },
+    identifier: 'stylesheet-rules-sorter',
+    itemSelector: 'umb-stylesheet-rich-text-editor-rule',
+    containerSelector: '#rules-container',
+};
+export let UmbStylesheetWorkspaceViewRichTextEditorElement = class UmbStylesheetWorkspaceViewRichTextEditorElement extends UmbLitElement {
+    #context;
+    #sorter;
+    constructor() {
+        super();
+        this._rules = [];
+        this.#sorter = new UmbSorterController(this, {
+            ...SORTER_CONFIG,
+            performItemInsert: ({ item, newIndex }) => {
+                return this.#context?.findNewSortOrder(item, newIndex) ?? false;
+            },
+            performItemRemove: () => {
+                //defined so the default does not run
+                return true;
+            },
+        });
+        this.openModal = (rule = null) => {
+            if (!this._modalContext)
+                throw new Error('Modal context not found');
+            const modal = this._modalContext.open(UMB_MODAL_TEMPLATING_STYLESHEET_RTF_STYLE_SIDEBAR_MODAL, {
+                rule,
+            });
+            modal?.onSubmit().then((result) => {
+                if (result.rule) {
+                    this.#context?.setRules([...this._rules, { ...result.rule, sortOrder: this._rules.length }]);
+                }
+            });
+        };
+        this.removeRule = (rule) => {
+            const rules = this._rules?.filter((r) => r.name !== rule.name);
+            this.#context?.setRules(rules);
+        };
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
+            this.#context = workspaceContext;
+            this.observe(this.#context.rules, (rules) => {
+                this._rules = rules;
+                this.#sorter.setModel(this._rules);
+            });
+        });
+        this.consumeContext(UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
+            this._modalContext = instance;
+        });
+    }
+    render() {
+        return html ` <uui-box headline="Rich text editor styles">
+			<div id="box-row">
+				<p id="description">Define the styles that should be available in the rich text editor for this stylesheet.</p>
+				<div id="rules">
+					<div id="rules-container">
+						${repeat(this._rules, (rule) => rule?.name ?? '' + rule?.sortOrder ?? '', (rule) => html `<umb-stylesheet-rich-text-editor-rule
+									.rule=${rule}
+									data-umb-rule-name="${ifDefined(rule?.name)}"></umb-stylesheet-rich-text-editor-rule>`)}
+					</div>
+					<uui-button label="Add rule" look="primary" @click=${() => this.openModal(null)}>Add</uui-button>
+				</div>
+			</div>
+		</uui-box>`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			:host {
+				display: block;
+				width: 100%;
+			}
+
+			#box-row {
+				display: flex;
+				gap: var(--uui-size-layout-1);
+			}
+
+			#description {
+				margin-top: 0;
+				flex: 0 0 250px;
+			}
+
+			#rules {
+				flex: 1 1 auto;
+				max-width: 600px;
+			}
+
+			uui-box {
+				margin: var(--uui-size-layout-1);
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbStylesheetWorkspaceViewRichTextEditorElement.prototype, "_rules", void 0);
+UmbStylesheetWorkspaceViewRichTextEditorElement = __decorate([
+    customElement('umb-stylesheet-workspace-view-rich-text-editor')
+], UmbStylesheetWorkspaceViewRichTextEditorElement);
+export default UmbStylesheetWorkspaceViewRichTextEditorElement;

package/dist-cms/packages/templating/templates/workspace/template-workspace.context.d.ts

@@ -1,9 +1,9 @@
 import { UmbTemplateRepository } from '../repository/template.repository.js';
-import { UmbEntityWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
+import { UmbSaveableWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
 import type { TemplateItemResponseModel, TemplateResponseModel } from '../../../../external/backend-api/index.js';
 import type { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
-export declare class UmbTemplateWorkspaceContext extends UmbWorkspaceContext<UmbTemplateRepository, TemplateResponseModel> implements UmbEntityWorkspaceContextInterface {
+export declare class UmbTemplateWorkspaceContext extends UmbWorkspaceContext<UmbTemplateRepository, TemplateResponseModel> implements UmbSaveableWorkspaceContextInterface {
     #private;
     data: import("rxjs").Observable<TemplateResponseModel | undefined>;
     masterTemplate: import("rxjs").Observable<TemplateItemResponseModel | null>;
@@ -28,4 +28,4 @@ export declare class UmbTemplateWorkspaceContext extends UmbWorkspaceContext<Umb
     create(parentId?: string | null): Promise<void>;
     destroy(): void;
 }
-export declare const UMB_TEMPLATE_WORKSPACE_CONTEXT: UmbContextToken<UmbEntityWorkspaceContextInterface<unknown>, UmbTemplateWorkspaceContext>;
+export declare const UMB_TEMPLATE_WORKSPACE_CONTEXT: UmbContextToken<UmbSaveableWorkspaceContextInterface<unknown>, UmbTemplateWorkspaceContext>;

package/dist-cms/packages/users/user-groups/workspace/user-group-workspace.context.d.ts

@@ -1,9 +1,9 @@
 import { UmbUserGroupRepository } from '../repository/user-group.repository.js';
-import { UmbEntityWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
+import { UmbSaveableWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
 import type { UserGroupResponseModel } from '../../../../external/backend-api/index.js';
 import type { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
-export declare class UmbUserGroupWorkspaceContext extends UmbWorkspaceContext<UmbUserGroupRepository, UserGroupResponseModel> implements UmbEntityWorkspaceContextInterface<UserGroupResponseModel | undefined> {
+export declare class UmbUserGroupWorkspaceContext extends UmbWorkspaceContext<UmbUserGroupRepository, UserGroupResponseModel> implements UmbSaveableWorkspaceContextInterface<UserGroupResponseModel | undefined> {
     #private;
     data: import("rxjs").Observable<UserGroupResponseModel | undefined>;
     userIds: import("rxjs").Observable<string[]>;
@@ -21,4 +21,4 @@ export declare class UmbUserGroupWorkspaceContext extends UmbWorkspaceContext<Um
     updateProperty<Alias extends keyof UserGroupResponseModel>(alias: Alias, value: UserGroupResponseModel[Alias]): void;
     updateUserKeys(keys: Array<string>): void;
 }
-export declare const UMB_USER_GROUP_WORKSPACE_CONTEXT: UmbContextToken<UmbEntityWorkspaceContextInterface<unknown>, UmbUserGroupWorkspaceContext>;
+export declare const UMB_USER_GROUP_WORKSPACE_CONTEXT: UmbContextToken<UmbSaveableWorkspaceContextInterface<unknown>, UmbUserGroupWorkspaceContext>;

package/dist-cms/packages/users/user-groups/workspace/user-group-workspace.context.js

@@ -42,7 +42,7 @@ export class UmbUserGroupWorkspaceContext extends UmbWorkspaceContext {
         throw new Error('Method not implemented.');
     }
     getEntityType() {
-        throw new Error('Method not implemented.');
+        return 'user-group';
     }
     getData() {
         throw new Error('Method not implemented.');

package/dist-cms/packages/users/users/modals/create/user-create-modal.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 { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { UmbUserRepository } from '../../repository/user.repository.js';
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { css, html, nothing, customElement, query, state } from '../../../../../external/lit/index.js';
 // TODO: we need to import this from the user group module when it is ready
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';

package/dist-cms/packages/users/users/workspace/user-workspace.context.d.ts

@@ -1,9 +1,9 @@
 import { UmbUserRepository } from '../repository/user.repository.js';
 import { type UmbUserDetail } from '../index.js';
-import { UmbEntityWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
+import { UmbSaveableWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
 import type { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
-export declare class UmbUserWorkspaceContext extends UmbWorkspaceContext<UmbUserRepository, UmbUserDetail> implements UmbEntityWorkspaceContextInterface<UmbUserDetail | undefined> {
+export declare class UmbUserWorkspaceContext extends UmbWorkspaceContext<UmbUserRepository, UmbUserDetail> implements UmbSaveableWorkspaceContextInterface<UmbUserDetail | undefined> {
     #private;
     constructor(host: UmbControllerHostElement);
     data: import("rxjs/internal/Observable.js").Observable<UmbUserDetail | undefined>;
@@ -15,4 +15,4 @@ export declare class UmbUserWorkspaceContext extends UmbWorkspaceContext<UmbUser
     save(): Promise<void>;
     destroy(): void;
 }
-export declare const UMB_USER_WORKSPACE_CONTEXT: UmbContextToken<UmbEntityWorkspaceContextInterface<unknown>, UmbUserWorkspaceContext>;
+export declare const UMB_USER_WORKSPACE_CONTEXT: UmbContextToken<UmbSaveableWorkspaceContextInterface<unknown>, UmbUserWorkspaceContext>;

package/dist-cms/shared/style/text-style.style.d.ts

@@ -1 +1 @@
-export declare const UmbTextStyles: import("lit").CSSResult;
+export declare const UmbTextStyles: import("@lit/reactive-element/css-tag").CSSResult;

package/dist-cms/shared/style/text-style.style.js

@@ -1,5 +1,5 @@
-import { UUITextStyles } from "@umbraco-ui/uui-css";
-import { css } from "lit";
+import { UUITextStyles } from "../../external/uui/index.js";
+import { css } from "../../external/lit/index.js";
 export const UmbTextStyles = css `
 	${UUITextStyles}