@umbraco-cms/backoffice 18.2.1 → 18.3.0-rc

package/dist-cms/packages/templating/stylesheets/tree/tree-item-children/collection/repository/stylesheet-tree-item-children-collection.repository.d.ts

@@ -1,5 +1,8 @@
 import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
 import type { UmbControllerHost } from '../../../../../../../libs/controller-api/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare class UmbStylesheetTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/templating/stylesheets/tree/tree-item-children/collection/repository/stylesheet-tree-item-children-collection.repository.js

@@ -1,8 +1,17 @@
 import { UMB_STYLESHEET_TREE_REPOSITORY_ALIAS } from '../../../constants.js';
 import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
+import { UmbDeprecation } from '../../../../../../core/utils/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export class UmbStylesheetTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host) {
         super(host);
+        new UmbDeprecation({
+            deprecated: 'UmbStylesheetTreeItemChildrenCollectionRepository',
+            removeInVersion: '20.0.0',
+            solution: 'Use UmbStylesheetTreeRepository instead.',
+        }).warn();
         this._setTreeRepositoryAlias(UMB_STYLESHEET_TREE_REPOSITORY_ALIAS);
     }
 }

package/dist-cms/packages/templating/stylesheets/tree/tree-item-children/collection/views/manifests.js

@@ -8,7 +8,7 @@ export const manifests = [
         element: () => import('./stylesheet-tree-item-table-collection-view.element.js'),
         weight: 300,
         meta: {
-            label: 'Table',
+            label: '#collection_tableViewLabel',
             icon: 'icon-table',
             pathName: 'table',
         },

package/dist-cms/packages/templating/stylesheets/tree/tree-item-children/collection/views/stylesheet-tree-item-table-collection-view.element.d.ts

@@ -1,4 +1,7 @@
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare class UmbStylesheetTreeItemTableCollectionViewElement extends UmbLitElement {
     #private;
     private _tableConfig;

package/dist-cms/packages/templating/stylesheets/tree/tree-item-children/collection/views/stylesheet-tree-item-table-collection-view.element.js

@@ -10,6 +10,9 @@ import { UMB_COLLECTION_CONTEXT } from '../../../../../../core/collection/index.
 import { css, html, customElement, state } from '../../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../../../core/style/index.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 let UmbStylesheetTreeItemTableCollectionViewElement = class UmbStylesheetTreeItemTableCollectionViewElement extends UmbLitElement {
     #collectionContext;
     constructor() {

package/dist-cms/packages/templating/stylesheets/tree/views/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { UmbExtensionManifestKind } from '../../../../core/extension-registry/index.js';
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

package/dist-cms/packages/templating/stylesheets/tree/views/manifests.js

@@ -0,0 +1,17 @@
+import { UMB_STYLESHEET_TREE_ALIAS } from '../constants.js';
+export const manifests = [
+    {
+        type: 'treeView',
+        kind: 'classic',
+        alias: 'Umb.TreeView.Stylesheet.Classic',
+        name: 'Stylesheet Classic Tree View',
+        forTrees: [UMB_STYLESHEET_TREE_ALIAS],
+    },
+    {
+        type: 'treeView',
+        kind: 'table',
+        alias: 'Umb.TreeView.Stylesheet.Table',
+        name: 'Stylesheet Table Tree View',
+        forTrees: [UMB_STYLESHEET_TREE_ALIAS],
+    },
+];

package/dist-cms/packages/templating/stylesheets/workspace/stylesheet-workspace-editor.element.d.ts

@@ -4,7 +4,6 @@ export declare class UmbStylesheetWorkspaceEditorElement extends UmbLitElement {
     private _isNew?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
 }
 export default UmbStylesheetWorkspaceEditorElement;
 declare global {

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

@@ -5,9 +5,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_STYLESHEET_WORKSPACE_CONTEXT } from './stylesheet-workspace.context-token.js';
-import { css, html, customElement, state } from '../../../../external/lit/index.js';
+import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-import { UmbTextStyles } from '../../../core/style/index.js';
 let UmbStylesheetWorkspaceEditorElement = class UmbStylesheetWorkspaceEditorElement extends UmbLitElement {
     #context;
     constructor() {
@@ -26,22 +25,6 @@ let UmbStylesheetWorkspaceEditorElement = class UmbStylesheetWorkspaceEditorElem
 			</umb-entity-detail-workspace-editor>
 		`;
     }
-    static { this.styles = [
-        UmbTextStyles,
-        css `
-			umb-code-editor {
-				--editor-height: calc(100dvh - 260px);
-			}
-
-			uui-box {
-				min-height: calc(100dvh - 260px);
-				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;
-			}
-		`,
-    ]; }
 };
 __decorate([
     state()

package/dist-cms/packages/templating/stylesheets/workspace/stylesheet-workspace.context.d.ts

@@ -2,9 +2,11 @@ import type { UmbStylesheetDetailRepository } from '../repository/stylesheet-det
 import type { UmbStylesheetDetailModel } from '../types.js';
 import { type UmbSubmittableWorkspaceContext, type UmbRoutableWorkspaceContext, UmbEntityNamedDetailWorkspaceContextBase } from '../../../core/workspace/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { UmbEntityModel } from '../../../core/entity/index.js';
 export declare class UmbStylesheetWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<UmbStylesheetDetailModel, UmbStylesheetDetailRepository> implements UmbSubmittableWorkspaceContext, UmbRoutableWorkspaceContext {
     readonly content: import("rxjs").Observable<string | undefined>;
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
     /**
      * @description Set the content of the stylesheet
      * @param {string} value The content of the stylesheet

package/dist-cms/packages/templating/stylesheets/workspace/stylesheet-workspace.context.js

@@ -1,9 +1,12 @@
-import { UMB_STYLESHEET_ENTITY_TYPE } from '../entity.js';
+import { UMB_STYLESHEET_ENTITY_TYPE, UMB_STYLESHEET_FOLDER_ENTITY_TYPE } from '../entity.js';
 import { UMB_STYLESHEET_DETAIL_REPOSITORY_ALIAS } from '../repository/index.js';
+import { UMB_EDIT_STYLESHEET_WORKSPACE_PATH_PATTERN } from '../paths.js';
+import { UMB_EDIT_STYLESHEET_FOLDER_WORKSPACE_PATH_PATTERN } from '../tree/folder/workspace/paths.js';
 import { UMB_STYLESHEET_WORKSPACE_ALIAS } from './manifests.js';
 import { UmbStylesheetWorkspaceEditorElement } from './stylesheet-workspace-editor.element.js';
 import { UmbWorkspaceIsNewRedirectController, UmbEntityNamedDetailWorkspaceContextBase, } from '../../../core/workspace/index.js';
 import { UmbServerFileRenameWorkspaceRedirectController } from '../../../core/server-file-system/index.js';
+import { UMB_SETTINGS_SECTION_PATH } from '../../../settings/index.js';
 export class UmbStylesheetWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
     constructor(host) {
         super(host, {
@@ -35,6 +38,14 @@ export class UmbStylesheetWorkspaceContext extends UmbEntityNamedDetailWorkspace
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_SETTINGS_SECTION_PATH;
+        if (entity.entityType === UMB_STYLESHEET_FOLDER_ENTITY_TYPE) {
+            return UMB_EDIT_STYLESHEET_FOLDER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+        }
+        return UMB_EDIT_STYLESHEET_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
     /**
      * @description Set the content of the stylesheet
      * @param {string} value The content of the stylesheet

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

@@ -63,10 +63,6 @@ let UmbStylesheetCodeEditorWorkspaceViewElement = class UmbStylesheetCodeEditorW
 				/* remove header border bottom as code editor looks better in this box */
 				--uui-color-divider-standalone: transparent;
 			}
-
-			#workspace-header {
-				width: 100%;
-			}
 		`,
     ]; }
 };

package/dist-cms/packages/templating/templates/global-components/input-template/input-template.element.d.ts

@@ -1,5 +1,5 @@
-import '../template-card/template-card.element.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import '../template-card/template-card.element.js';
 declare const UmbInputTemplateElement_base: (new (...args: any[]) => import("@umbraco-ui/uui").UUIFormControlWithBasicsMixinElement<FormData | FormDataEntryValue>) & typeof UmbLitElement;
 export declare class UmbInputTemplateElement extends UmbInputTemplateElement_base {
     #private;
@@ -36,10 +36,11 @@ export declare class UmbInputTemplateElement extends UmbInputTemplateElement_bas
     set defaultUnique(newId: string);
     get defaultUnique(): string;
     private _pickedTemplates;
+    private _templatePath?;
     constructor();
     protected getFormElement(): undefined;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
+    static readonly styles: import("lit").CSSResult[];
 }
 export default UmbInputTemplateElement;
 declare global {

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

@@ -4,17 +4,18 @@ 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 '../template-card/template-card.element.js';
 import { UmbTemplateItemRepository } from '../../repository/item/index.js';
 import { UMB_TEMPLATE_PICKER_MODAL } from '../../modals/index.js';
-import { css, html, customElement, property, state } from '../../../../../external/lit/index.js';
+import { css, customElement, html, property, state } from '../../../../../external/lit/index.js';
 import { UUIFormControlWithBasicsMixin } from '../../../../../external/uui/index.js';
 import { umbOpenModal } from '../../../../core/modal/index.js';
-import { UMB_WORKSPACE_MODAL } from '../../../../core/workspace/index.js';
-import { UmbModalRouteRegistrationController } from '../../../../core/router/index.js';
-import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbChangeEvent } from '../../../../core/event/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { UmbModalRouteRegistrationController } from '../../../../core/router/index.js';
+import { UMB_WORKSPACE_MODAL } from '../../../../core/workspace/index.js';
+import '../template-card/template-card.element.js';
 let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormControlWithBasicsMixin(UmbLitElement, '') {
+    #templateItemRepository;
     set selection(newKeys) {
         this.#selection = newKeys ?? [];
         this.#observePickedTemplates();
@@ -31,10 +32,9 @@ let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormContr
         return this.#defaultUnique;
     }
     #defaultUnique;
-    #templateItemRepository;
-    #templatePath;
     constructor() {
         super();
+        this.#templateItemRepository = new UmbTemplateItemRepository(this);
         /**
          * Min validation message.
          * @type {string}
@@ -52,15 +52,13 @@ let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormContr
         this.#selection = [];
         this.#defaultUnique = '';
         this._pickedTemplates = [];
-        this.#templateItemRepository = new UmbTemplateItemRepository(this);
-        this.#templatePath = '';
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
             .addAdditionalPath('template')
             .onSetup(() => {
             return { data: { entityType: 'template', preset: {} } };
         })
             .observeRouteBuilder((routeBuilder) => {
-            this.#templatePath = routeBuilder({});
+            this._templatePath = routeBuilder({});
         });
     }
     async #observePickedTemplates() {
@@ -83,7 +81,7 @@ let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormContr
     }
     #onCardChange(e) {
         e.stopPropagation();
-        const unique = e.target.value;
+        const unique = e.target.id;
         this.defaultUnique = unique;
         this.dispatchEvent(new UmbChangeEvent());
     }
@@ -130,9 +128,9 @@ let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormContr
 					<umb-template-card
 						.id=${template.unique}
 						.name=${template.name}
-						@change=${this.#onCardChange}
-						@open=${() => window.history.pushState({}, '', this.#templatePath + 'edit/' + template.unique)}
-						?default=${template.unique === this.defaultUnique}>
+						.href=${this._templatePath ? this._templatePath + 'edit/' + template.unique : undefined}
+						?default=${template.unique === this.defaultUnique}
+						@change=${this.#onCardChange}>
 						<uui-button
 							slot="actions"
 							compact
@@ -186,6 +184,9 @@ __decorate([
 __decorate([
     state()
 ], UmbInputTemplateElement.prototype, "_pickedTemplates", void 0);
+__decorate([
+    state()
+], UmbInputTemplateElement.prototype, "_templatePath", void 0);
 UmbInputTemplateElement = __decorate([
     customElement('umb-input-template')
 ], UmbInputTemplateElement);

package/dist-cms/packages/templating/templates/global-components/template-card/template-card.element.d.ts

@@ -1,9 +1,9 @@
-import { UmbLitElement } from '../../../../core/lit-element/index.js';
-declare const UmbTemplateCardElement_base: (new (...args: any[]) => import("@umbraco-ui/uui").UUIFormControlWithBasicsMixinElement<FormData | FormDataEntryValue>) & typeof UmbLitElement;
+import { UUICardElement } from '../../../../../external/uui/index.js';
+declare const UmbTemplateCardElement_base: import("../../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../../../libs/element-api/index.js").UmbElement> & typeof UUICardElement;
 /**
  * @element umb-template-card
  * @slot actions
- * @fires open
+ * @fires open — when no href is set
  * @fires selected
  */
 export declare class UmbTemplateCardElement extends UmbTemplateCardElement_base {
@@ -12,9 +12,11 @@ export declare class UmbTemplateCardElement extends UmbTemplateCardElement_base
     default: boolean;
     set id(newId: string);
     get id(): string;
-    protected getFormElement(): undefined;
+    /** @deprecated Use `id` instead. This property will be removed in Umbraco 20. */
+    set value(newId: string);
+    get value(): string;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
+    static readonly styles: import("lit").CSSResult[];
 }
 export default UmbTemplateCardElement;
 declare global {

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

@@ -4,18 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, html, customElement, property } from '../../../../../external/lit/index.js';
-import { UUIFormControlWithBasicsMixin } from '../../../../../external/uui/index.js';
-import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { css, customElement, html, ifDefined, property } from '../../../../../external/lit/index.js';
+import { UmbDeprecation } from '../../../../core/utils/index.js';
+import { UmbElementMixin } from '../../../../../libs/element-api/index.js';
+import { UUICardElement } from '../../../../../external/uui/index.js';
 /**
  * @element umb-template-card
  * @slot actions
- * @fires open
+ * @fires open — when no href is set
  * @fires selected
  */
-// TODO: This should extends the UUICardElement, and the visual look of this should be like the UserCard or similarly.
 // TOOD: Consider if this should be select in the 'persisted'-select style when it is selected as a default. (But its should not use the runtime-selection style)
-let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControlWithBasicsMixin(UmbLitElement, '') {
+let UmbTemplateCardElement = class UmbTemplateCardElement extends UmbElementMixin(UUICardElement) {
     constructor() {
         super(...arguments);
         this.name = '';
@@ -25,13 +25,26 @@ let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControl
     #id;
     set id(newId) {
         this.#id = newId;
-        super.value = newId;
     }
     get id() {
         return this.#id;
     }
-    getFormElement() {
-        return undefined;
+    /** @deprecated Use `id` instead. This property will be removed in Umbraco 20. */
+    set value(newId) {
+        new UmbDeprecation({
+            deprecated: 'UmbTemplateCardElement.value',
+            solution: 'Use the "id" property instead. The "value" property will be removed in version 20.0.0 of the backoffice.',
+            removeInVersion: '20.0.0',
+        }).warn();
+        this.id = newId;
+    }
+    get value() {
+        new UmbDeprecation({
+            deprecated: 'UmbTemplateCardElement.value',
+            solution: 'Use the "id" property instead. The "value" property will be removed in version 20.0.0 of the backoffice.',
+            removeInVersion: '20.0.0',
+        }).warn();
+        return this.#id;
     }
     #setSelection(e) {
         e.preventDefault();
@@ -45,31 +58,50 @@ let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControl
         this.dispatchEvent(new CustomEvent('open', { bubbles: false, composed: true }));
     }
     render() {
-        return html `<div id="card">
-			<button id="open-part" aria-label="Open ${this.name}" @click="${this.#openTemplate}">
-				<uui-icon class="logo" name="icon-document-html"></uui-icon>
-				<strong>${this.name.length ? this.name : 'Untitled template'}</strong>
+        return html `
+			<div id="card">
+				${this.href ? this.#renderLink() : this.#renderButton()}
+				<uui-button
+					id="bottom"
+					label=${this.localize.term('settings_defaulttemplate')}
+					look=${this.default ? 'default' : 'secondary'}
+					?disabled=${this.default}
+					@click=${this.#setSelection}>
+					${this.localize.term(this.default ? 'settings_defaulttemplate' : 'grid_setAsDefault')}
+				</uui-button>
+				<slot name="actions"></slot>
+			</div>
+		`;
+    }
+    #renderButton() {
+        return html `
+			<button id="open-part" aria-label="Open ${this.name}" @click=${this.#openTemplate}>
+				${this.#renderContent()}
 			</button>
-			<uui-button
-				id="bottom"
-				label="${this.localize.term('settings_defaulttemplate')}"
-				?disabled="${this.default}"
-				@click="${this.#setSelection}">
-				(${this.localize.term(this.default ? 'settings_defaulttemplate' : 'grid_setAsDefault')})
-			</uui-button>
-			<slot name="actions"></slot>
-		</div>`;
+		`;
+    }
+    #renderLink() {
+        return html `
+			<a
+				id="open-part"
+				aria-label="Open ${this.name}"
+				tabindex=${ifDefined(!this.disabled ? 0 : undefined)}
+				href=${ifDefined(!this.disabled ? this.href : undefined)}
+				>${this.#renderContent()}</a
+			>
+		`;
+    }
+    #renderContent() {
+        return html `
+			<uui-icon class="logo" name="icon-document-html"></uui-icon>
+			<div>${this.name.length ? this.name : 'Untitled template'}</div>
+		`;
     }
     static { this.styles = [
+        ...UUICardElement.styles,
         css `
 			:host {
-				box-sizing: border-box;
 				display: contents;
-				position: relative;
-
-				height: 100%;
-				border: 1px solid red;
-				margin: auto;
 			}
 
 			#card {
@@ -81,8 +113,8 @@ let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControl
 				flex-direction: column;
 				align-items: stretch;
 				border-radius: var(--uui-border-radius);
-				border: 1px solid var(--uui-color-divider-emphasis);
-				background-color: var(--uui-color-background);
+				border: 1px solid var(--uui-color-border);
+				background-color: var(--uui-color-surface);
 				padding: var(--uui-size-4);
 			}
 
@@ -114,11 +146,13 @@ let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControl
 				text-align: center;
 				display: flex;
 				flex-direction: column;
-				font-weight: 700;
 				align-items: center;
+				justify-content: center;
 				cursor: pointer;
 				flex-grow: 1;
 				font-family: inherit;
+				color: inherit;
+				text-decoration: none;
 			}
 
 			#open-part,
@@ -137,16 +171,13 @@ let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControl
 			}
 
 			#open-part:focus-visible,
-			#open-part:focus-visible uui-icon,
-			#open-part:hover,
-			#open-part:hover uui-icon {
+			#open-part:hover {
 				text-decoration: underline;
 				color: var(--uui-color-interactive-emphasis);
 			}
 
 			#open-part uui-icon {
-				font-size: var(--uui-size-20);
-				color: var(--uui-color-divider-emphasis);
+				font-size: var(--uui-size-10);
 			}
 		`,
     ]; }

package/dist-cms/packages/templating/templates/tree/constants.d.ts

@@ -1,2 +1,3 @@
 export * from './tree-item-children/constants.js';
 export declare const UMB_TEMPLATE_TREE_REPOSITORY_ALIAS = "Umb.Repository.Template.Tree";
+export declare const UMB_TEMPLATE_TREE_ALIAS = "Umb.Tree.Template";

package/dist-cms/packages/templating/templates/tree/constants.js

@@ -1,2 +1,3 @@
 export * from './tree-item-children/constants.js';
 export const UMB_TEMPLATE_TREE_REPOSITORY_ALIAS = 'Umb.Repository.Template.Tree';
+export const UMB_TEMPLATE_TREE_ALIAS = 'Umb.Tree.Template';

package/dist-cms/packages/templating/templates/tree/manifests.d.ts

@@ -1,2 +1,4 @@
-export declare const UMB_TEMPLATE_TREE_ALIAS = "Umb.Tree.Template";
-export declare const manifests: Array<UmbExtensionManifest>;
+import { UMB_TEMPLATE_TREE_ALIAS, UMB_TEMPLATE_TREE_REPOSITORY_ALIAS } from './constants.js';
+import type { UmbExtensionManifestKind } from '../../../core/extension-registry/index.js';
+export { UMB_TEMPLATE_TREE_REPOSITORY_ALIAS, UMB_TEMPLATE_TREE_ALIAS };
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

package/dist-cms/packages/templating/templates/tree/manifests.js

@@ -1,10 +1,11 @@
 import { UMB_TEMPLATE_ENTITY_TYPE, UMB_TEMPLATE_ROOT_ENTITY_TYPE } from '../entity.js';
-import { UMB_TEMPLATE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS } from './tree-item-children/constants.js';
 import { manifests as reloadTreeItemChildrenManifest } from './reload-tree-item-children/manifests.js';
 import { manifests as treeItemChildrenManifests } from './tree-item-children/manifests.js';
-import { UMB_TEMPLATE_TREE_REPOSITORY_ALIAS } from './constants.js';
+import { manifests as viewManifests } from './views/manifests.js';
+import { UMB_TEMPLATE_TREE_ALIAS, UMB_TEMPLATE_TREE_REPOSITORY_ALIAS } from './constants.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
-export const UMB_TEMPLATE_TREE_ALIAS = 'Umb.Tree.Template';
+import { UMB_TREE_ALIAS_CONDITION } from '../../../core/tree/index.js';
+export { UMB_TEMPLATE_TREE_REPOSITORY_ALIAS, UMB_TEMPLATE_TREE_ALIAS };
 const UMB_TEMPLATE_ROOT_WORKSPACE_ALIAS = 'Umb.Workspace.Template.Root';
 export const manifests = [
     {
@@ -39,16 +40,30 @@ export const manifests = [
             headline: '#treeHeaders_templates',
         },
     },
+    {
+        type: 'treeAction',
+        kind: 'create',
+        name: 'Template Tree Create Action',
+        alias: 'Umb.TreeAction.Template.Create',
+        conditions: [
+            {
+                alias: UMB_TREE_ALIAS_CONDITION,
+                match: UMB_TEMPLATE_TREE_ALIAS,
+            },
+        ],
+    },
     {
         type: 'workspaceView',
-        kind: 'collection',
+        kind: 'tree',
+        // TODO (V20): rename alias to 'Umb.WorkspaceView.Template.Tree' — kept as the old
+        // TreeItemChildrenCollection alias so existing plugin conditions/overrides don't break.
         alias: 'Umb.WorkspaceView.Template.TreeItemChildrenCollection',
-        name: 'Template Tree Item Children Collection Workspace View',
+        name: 'Template Tree Item Children Workspace View',
         meta: {
-            label: '#general_items',
-            pathname: 'items',
-            icon: 'icon-grid',
-            collectionAlias: UMB_TEMPLATE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS,
+            label: '#tree_children',
+            pathname: 'children',
+            icon: 'icon-bulleted-list',
+            treeAlias: UMB_TEMPLATE_TREE_ALIAS,
         },
         conditions: [
             {
@@ -59,4 +74,5 @@ export const manifests = [
     },
     ...reloadTreeItemChildrenManifest,
     ...treeItemChildrenManifests,
+    ...viewManifests,
 ];

package/dist-cms/packages/templating/templates/tree/tree-item-children/collection/constants.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare const UMB_TEMPLATE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = "Umb.Collection.Template.TreeItemChildren";
 export * from './repository/constants.js';

package/dist-cms/packages/templating/templates/tree/tree-item-children/collection/constants.js

@@ -1,2 +1,5 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export const UMB_TEMPLATE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = 'Umb.Collection.Template.TreeItemChildren';
 export * from './repository/constants.js';

package/dist-cms/packages/templating/templates/tree/tree-item-children/collection/repository/constants.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare const UMB_TEMPLATE_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = "Umb.Repository.Template.TreeItemChildrenCollection";

package/dist-cms/packages/templating/templates/tree/tree-item-children/collection/repository/constants.js

@@ -1 +1,4 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export const UMB_TEMPLATE_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = 'Umb.Repository.Template.TreeItemChildrenCollection';

package/dist-cms/packages/templating/templates/tree/tree-item-children/collection/repository/template-tree-item-children-collection.repository.d.ts

@@ -1,5 +1,8 @@
 import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
 import type { UmbControllerHost } from '../../../../../../../libs/controller-api/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare class UmbTemplateTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/templating/templates/tree/tree-item-children/collection/repository/template-tree-item-children-collection.repository.js

@@ -1,8 +1,17 @@
 import { UMB_TEMPLATE_TREE_REPOSITORY_ALIAS } from '../../../constants.js';
 import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
+import { UmbDeprecation } from '../../../../../../core/utils/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export class UmbTemplateTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host) {
         super(host);
+        new UmbDeprecation({
+            deprecated: 'UmbTemplateTreeItemChildrenCollectionRepository',
+            removeInVersion: '20.0.0',
+            solution: 'Use UmbTemplateTreeRepository instead.',
+        }).warn();
         this._setTreeRepositoryAlias(UMB_TEMPLATE_TREE_REPOSITORY_ALIAS);
     }
 }

package/dist-cms/packages/templating/templates/tree/tree-item-children/collection/views/manifests.js

@@ -8,7 +8,7 @@ export const manifests = [
         element: () => import('./template-tree-item-table-collection-view.element.js'),
         weight: 300,
         meta: {
-            label: 'Table',
+            label: '#collection_tableViewLabel',
             icon: 'icon-table',
             pathName: 'table',
         },

package/dist-cms/packages/templating/templates/tree/tree-item-children/collection/views/template-tree-item-table-collection-view.element.d.ts

@@ -1,4 +1,7 @@
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare class UmbTemplateTreeItemTableCollectionViewElement extends UmbLitElement {
     #private;
     private _tableConfig;