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

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/components/alias-input/alias-input.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, customElement, html, property } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import { UmbChangeEvent } from '../../../../../shared/umb-events/index.js';
@@ -34,7 +34,7 @@ export let UmbTemplateAliasInputElement = class UmbTemplateAliasInputElement ext
         }
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: inline-flex;

package/dist-cms/packages/templating/templates/components/input-template/input-template.element.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import '../template-card/template-card.element.js';
 import { UmbTemplateRepository } from '../../repository/template.repository.js';
 import { css, html, customElement, property, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin } from '../../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UMB_TEMPLATE_PICKER_MODAL, UMB_TEMPLATE_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../../core/modal/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbInputTemplateElement = class UmbInputTemplateElement extends FormControlMixin(UmbLitElement) {
@@ -121,7 +121,6 @@ export let UmbInputTemplateElement = class UmbInputTemplateElement extends FormC
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			#add-button {
 				width: 100%;

package/dist-cms/packages/templating/templates/components/template-card/template-card.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, customElement, property } from '../../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin } from '../../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 /**
  * @element umb-template-card
@@ -56,7 +56,6 @@ export let UmbTemplateCardElement = class UmbTemplateCardElement extends FormCon
 		</div>`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			:host {
 				box-sizing: border-box;

package/dist-cms/packages/templating/templates/modals/query-builder/query-builder-filter.element.js

@@ -4,7 +4,6 @@ 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 { css, html, customElement, property, query, state, } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import { TemplateQueryPropertyTypeModel, } from '../../../../../external/backend-api/index.js';
@@ -110,7 +109,6 @@ export let UmbQueryBuilderFilterElement = class UmbQueryBuilderFilterElement ext
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			:host {
 				display: flex;

package/dist-cms/packages/templating/templates/modals/query-builder/query-builder.element.js

@@ -5,7 +5,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbTemplateRepository } from '../../repository/template.repository.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
 import { css, html, customElement, state, query, queryAll } from '../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 import { UMB_DOCUMENT_PICKER_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../../core/modal/index.js';
@@ -200,7 +199,6 @@ let UmbChooseInsertTypeModalElement = class UmbChooseInsertTypeModalElement exte
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/templating/templates/repository/template-item.store.d.ts

@@ -17,4 +17,4 @@ export declare class UmbTemplateItemStore extends UmbStoreBase<TemplateItemRespo
     constructor(host: UmbControllerHostElement);
     items(ids: Array<string>): import("rxjs").Observable<TemplateItemResponseModel[]>;
 }
-export declare const UMB_TEMPLATE_ITEM_STORE_CONTEXT_TOKEN: UmbContextToken<UmbTemplateItemStore>;
+export declare const UMB_TEMPLATE_ITEM_STORE_CONTEXT_TOKEN: UmbContextToken<UmbTemplateItemStore, UmbTemplateItemStore>;

package/dist-cms/packages/templating/templates/repository/template.store.d.ts

@@ -35,4 +35,4 @@ export declare class UmbTemplateStore extends UmbStoreBase {
      */
     remove(uniques: string[]): void;
 }
-export declare const UMB_TEMPLATE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbTemplateStore>;
+export declare const UMB_TEMPLATE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbTemplateStore, UmbTemplateStore>;

package/dist-cms/packages/templating/templates/repository/template.tree.store.d.ts

@@ -1,7 +1,7 @@
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
 import { UmbEntityTreeStore } from '../../../core/store/index.js';
 import type { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
-export declare const UMB_TEMPLATE_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbTemplateTreeStore>;
+export declare const UMB_TEMPLATE_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbTemplateTreeStore, UmbTemplateTreeStore>;
 /**
  * @export
  * @class UmbTemplateTreeStore

package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.js

@@ -7,13 +7,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UMB_MODAL_TEMPLATING_INSERT_SECTION_MODAL } from '../../modals/insert-section-modal/insert-section-modal.element.js';
 import { UMB_TEMPLATE_QUERY_BUILDER_MODAL } from '../modals/modal-tokens.js';
 import { getQuerySnippet } from '../../utils.js';
+import { UMB_TEMPLATE_WORKSPACE_CONTEXT } from './template-workspace.context.js';
 import { camelCase } from '../../../../external/lodash/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, customElement, query, state, nothing } from '../../../../external/lit/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_TEMPLATE_PICKER_MODAL, } from '../../../core/modal/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { Subject, debounceTime } from '../../../../external/rxjs/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 export let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement extends UmbLitElement {
     #templateWorkspaceContext;
     #isNew;
@@ -31,7 +30,7 @@ export let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorE
         this.consumeContext(UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
             this._modalContext = instance;
         });
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
+        this.consumeContext(UMB_TEMPLATE_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#templateWorkspaceContext = workspaceContext;
             this.observe(this.#templateWorkspaceContext.name, (name) => {
                 this._name = name;
@@ -180,7 +179,6 @@ export let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorE
 		</umb-workspace-editor>`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			:host {
 				display: block;

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

@@ -1,8 +1,9 @@
 import { UmbTemplateRepository } from '../repository/template.repository.js';
-import { 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';
-export declare class UmbTemplateWorkspaceContext extends UmbWorkspaceContext<UmbTemplateRepository, TemplateResponseModel> {
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare class UmbTemplateWorkspaceContext extends UmbWorkspaceContext<UmbTemplateRepository, TemplateResponseModel> implements UmbSaveableWorkspaceContextInterface {
     #private;
     data: import("rxjs").Observable<TemplateResponseModel | undefined>;
     masterTemplate: import("rxjs").Observable<TemplateItemResponseModel | null>;
@@ -27,3 +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<UmbSaveableWorkspaceContextInterface<unknown>, UmbTemplateWorkspaceContext>;

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

@@ -2,6 +2,7 @@ import { UmbTemplateRepository } from '../repository/template.repository.js';
 import { loadCodeEditor } from '../../code-editor/index.js';
 import { UmbWorkspaceContext } from '../../../core/workspace/index.js';
 import { createObservablePart, UmbBooleanState, UmbDeepState, UmbObjectState, } from '../../../../libs/observable-api/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext {
     #data;
     #masterTemplate;
@@ -137,5 +138,7 @@ ${currentContent}`;
     }
     destroy() {
         this.#data.complete();
+        super.destroy();
     }
 }
+export const UMB_TEMPLATE_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'template');

package/dist-cms/packages/umbraco-news/umbraco-news-dashboard.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 { UMB_AUTH } from '../../shared/auth/index.js';
 import { css, html, customElement, state } from '../../external/lit/index.js';
 import { UmbLitElement } from '../../shared/lit-element/index.js';
@@ -42,7 +42,7 @@ export let UmbUmbracoNewsDashboardElement = class UmbUmbracoNewsDashboardElement
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/users/current-user/current-user-header-app.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 { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_CURRENT_USER_MODAL, } from '../../core/modal/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
@@ -38,7 +38,7 @@ export let UmbCurrentUserHeaderAppElement = class UmbCurrentUserHeaderAppElement
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			uui-button {
 				font-size: 14px;

package/dist-cms/packages/users/current-user/current-user-history.store.d.ts

@@ -25,5 +25,5 @@ export declare class UmbCurrentUserHistoryStore extends UmbStoreBase<UmbCurrentU
      */
     clear(): void;
 }
-export declare const UMB_CURRENT_USER_HISTORY_STORE_CONTEXT_TOKEN: UmbContextToken<UmbCurrentUserHistoryStore>;
+export declare const UMB_CURRENT_USER_HISTORY_STORE_CONTEXT_TOKEN: UmbContextToken<UmbCurrentUserHistoryStore, UmbCurrentUserHistoryStore>;
 export default UmbCurrentUserHistoryStore;

package/dist-cms/packages/users/current-user/modals/change-password/change-password-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, nothing, customElement, property } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbChangePasswordModalElement = class UmbChangePasswordModalElement extends UmbLitElement {
@@ -73,7 +73,7 @@ export let UmbChangePasswordModalElement = class UmbChangePasswordModalElement e
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/users/current-user/modals/current-user/current-user-modal.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 { UMB_APP } from '../../../../../apps/app/index.js';
 import { UMB_AUTH } from '../../../../../shared/auth/index.js';
-import { UMB_APP } from '../../../../../shared/context/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { css, html, customElement, property, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbCurrentUserModalElement = class UmbCurrentUserModalElement extends UmbLitElement {
@@ -63,7 +63,7 @@ export let UmbCurrentUserModalElement = class UmbCurrentUserModalElement extends
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#main {
 				display: flex;

package/dist-cms/packages/users/current-user/user-profile-apps/user-profile-app-external-login-providers.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, customElement } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbUserProfileAppExternalLoginProvidersElement = class UmbUserProfileAppExternalLoginProvidersElement extends UmbLitElement {
     render() {
@@ -16,7 +16,7 @@ export let UmbUserProfileAppExternalLoginProvidersElement = class UmbUserProfile
 			</uui-box>
 		`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 UmbUserProfileAppExternalLoginProvidersElement = __decorate([
     customElement('umb-user-profile-app-external-login-providers')

package/dist-cms/packages/users/current-user/user-profile-apps/user-profile-app-history.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_CURRENT_USER_HISTORY_STORE_CONTEXT_TOKEN, } from '../current-user-history.store.js';
 import { css, html, nothing, customElement, state } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbUserProfileAppHistoryElement = class UmbUserProfileAppHistoryElement extends UmbLitElement {
     #currentUserHistoryStore;
@@ -58,7 +58,7 @@ export let UmbUserProfileAppHistoryElement = class UmbUserProfileAppHistoryEleme
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#recent-history {
 				display: flex;