@umbraco-cms/backoffice 18.2.1 → 18.3.0-rc

package/dist-cms/packages/templating/scripts/tree/folder/workspace/script-folder-workspace.context.d.ts

@@ -2,7 +2,9 @@ import { type UmbScriptFolderRepository } from '../repository/index.js';
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, type UmbRoutableWorkspaceContext, type UmbSubmittableWorkspaceContext } from '../../../../../core/workspace/index.js';
 import type { UmbFolderModel } from '../../../../../core/tree/index.js';
+import type { UmbEntityModel } from '../../../../../core/entity/index.js';
 export declare class UmbScriptFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<UmbFolderModel, UmbScriptFolderRepository> implements UmbSubmittableWorkspaceContext, UmbRoutableWorkspaceContext {
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
 }
 export { UmbScriptFolderWorkspaceContext as api };

package/dist-cms/packages/templating/scripts/tree/folder/workspace/script-folder-workspace.context.js

@@ -1,8 +1,10 @@
 import { UMB_SCRIPT_FOLDER_REPOSITORY_ALIAS } from '../repository/index.js';
 import { UMB_SCRIPT_FOLDER_ENTITY_TYPE } from '../../../entity.js';
+import { UMB_EDIT_SCRIPT_FOLDER_WORKSPACE_PATH_PATTERN } from './paths.js';
 import { UMB_SCRIPT_FOLDER_WORKSPACE_ALIAS } from './constants.js';
 import { UmbScriptFolderWorkspaceEditorElement } from './script-folder-workspace-editor.element.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, } from '../../../../../core/workspace/index.js';
+import { UMB_SETTINGS_SECTION_PATH } from '../../../../../settings/index.js';
 export class UmbScriptFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
     constructor(host) {
         super(host, {
@@ -21,5 +23,10 @@ export class UmbScriptFolderWorkspaceContext extends UmbEntityNamedDetailWorkspa
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_SETTINGS_SECTION_PATH;
+        return UMB_EDIT_SCRIPT_FOLDER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
 }
 export { UmbScriptFolderWorkspaceContext as api };

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

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

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

@@ -1,11 +1,13 @@
 import { UMB_SCRIPT_ENTITY_TYPE, UMB_SCRIPT_FOLDER_ENTITY_TYPE, UMB_SCRIPT_ROOT_ENTITY_TYPE } from '../entity.js';
-import { UMB_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_ALIAS } from './tree-item-children/constants.js';
 import { manifests as folderManifests } from './folder/manifests.js';
+import { UMB_SCRIPT_FOLDER_WORKSPACE_ALIAS } from './folder/workspace/constants.js';
 import { manifests as reloadTreeItemChildrenManifest } from './reload-tree-item-children/manifests.js';
 import { manifests as treeItemChildrenManifests } from './tree-item-children/manifests.js';
+import { manifests as viewManifests } from './views/manifests.js';
+import { UMB_SCRIPT_TREE_ALIAS, UMB_SCRIPT_TREE_REPOSITORY_ALIAS } from './constants.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
-export const UMB_SCRIPT_TREE_REPOSITORY_ALIAS = 'Umb.Repository.Script.Tree';
-export const UMB_SCRIPT_TREE_ALIAS = 'Umb.Tree.Script';
+import { UMB_TREE_ALIAS_CONDITION } from '../../../core/tree/index.js';
+export { UMB_SCRIPT_TREE_REPOSITORY_ALIAS, UMB_SCRIPT_TREE_ALIAS };
 const UMB_SCRIPT_ROOT_WORKSPACE_ALIAS = 'Umb.Workspace.Script.Root';
 export const manifests = [
     {
@@ -40,25 +42,40 @@ export const manifests = [
             headline: '#treeHeaders_scripts',
         },
     },
+    {
+        type: 'treeAction',
+        kind: 'create',
+        name: 'Script Tree Create Action',
+        alias: 'Umb.TreeAction.Script.Create',
+        conditions: [
+            {
+                alias: UMB_TREE_ALIAS_CONDITION,
+                match: UMB_SCRIPT_TREE_ALIAS,
+            },
+        ],
+    },
     {
         type: 'workspaceView',
-        kind: 'collection',
+        kind: 'tree',
+        // TODO (V20): rename alias to 'Umb.WorkspaceView.Script.Tree' — kept as the old
+        // TreeItemChildrenCollection alias so existing plugin conditions/overrides don't break.
         alias: 'Umb.WorkspaceView.Script.TreeItemChildrenCollection',
-        name: 'Script Tree Item Children Collection Workspace View',
+        name: 'Script Tree Item Children Workspace View',
         meta: {
-            label: '#general_items',
-            pathname: 'items',
-            icon: 'icon-grid',
-            collectionAlias: UMB_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_ALIAS,
+            label: '#tree_children',
+            pathname: 'children',
+            icon: 'icon-bulleted-list',
+            treeAlias: UMB_SCRIPT_TREE_ALIAS,
         },
         conditions: [
             {
                 alias: UMB_WORKSPACE_CONDITION_ALIAS,
-                oneOf: [UMB_SCRIPT_ROOT_WORKSPACE_ALIAS, 'Umb.Workspace.Script.Folder'],
+                oneOf: [UMB_SCRIPT_ROOT_WORKSPACE_ALIAS, UMB_SCRIPT_FOLDER_WORKSPACE_ALIAS],
             },
         ],
     },
     ...folderManifests,
     ...reloadTreeItemChildrenManifest,
     ...treeItemChildrenManifests,
+    ...viewManifests,
 ];

package/dist-cms/packages/templating/scripts/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_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = "Umb.Collection.Script.TreeItemChildren";
 export * from './repository/constants.js';

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

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

package/dist-cms/packages/templating/scripts/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_SCRIPT_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = "Umb.Repository.Script.TreeItemChildrenCollection";

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

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

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/repository/script-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 UmbScriptTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/repository/script-tree-item-children-collection.repository.js

@@ -1,8 +1,17 @@
 import { UMB_SCRIPT_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 UmbScriptTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host) {
         super(host);
+        new UmbDeprecation({
+            deprecated: 'UmbScriptTreeItemChildrenCollectionRepository',
+            removeInVersion: '20.0.0',
+            solution: 'Use UmbScriptTreeRepository instead.',
+        }).warn();
         this._setTreeRepositoryAlias(UMB_SCRIPT_TREE_REPOSITORY_ALIAS);
     }
 }

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

@@ -8,7 +8,7 @@ export const manifests = [
         element: () => import('./script-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/scripts/tree/tree-item-children/collection/views/script-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 UmbScriptTreeItemTableCollectionViewElement extends UmbLitElement {
     #private;
     private _tableConfig;

package/dist-cms/packages/templating/scripts/tree/tree-item-children/collection/views/script-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 UmbScriptTreeItemTableCollectionViewElement = class UmbScriptTreeItemTableCollectionViewElement extends UmbLitElement {
     #collectionContext;
     constructor() {

package/dist-cms/packages/templating/scripts/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/scripts/tree/views/manifests.js

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

package/dist-cms/packages/templating/scripts/workspace/manifests.js

@@ -13,6 +13,24 @@ export const manifests = [
             entityType: UMB_SCRIPT_ENTITY_TYPE,
         },
     },
+    {
+        type: 'workspaceView',
+        alias: 'Umb.WorkspaceView.Script.CodeEditor',
+        name: 'Script Workspace Code Editor View',
+        element: () => import('./views/code-editor/script-code-editor-workspace-view.element.js'),
+        weight: 700,
+        meta: {
+            label: '#scripts_tabCode',
+            pathname: 'code',
+            icon: 'icon-brackets',
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_SCRIPT_WORKSPACE_ALIAS,
+            },
+        ],
+    },
     {
         type: 'workspaceAction',
         kind: 'default',

package/dist-cms/packages/templating/scripts/workspace/script-workspace-editor.element.d.ts

@@ -1,12 +1,9 @@
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-import '../../../code-editor/index.js';
 export declare class UmbScriptWorkspaceEditorElement extends UmbLitElement {
     #private;
-    private _content?;
     private _isNew?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
 }
 export default UmbScriptWorkspaceEditorElement;
 declare global {

package/dist-cms/packages/templating/scripts/workspace/script-workspace-editor.element.js

@@ -5,75 +5,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_SCRIPT_WORKSPACE_CONTEXT } from './script-workspace.context-token.js';
-import { css, html, customElement, state, nothing } from '../../../../external/lit/index.js';
+import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-import '../../../code-editor/index.js';
 let UmbScriptWorkspaceEditorElement = class UmbScriptWorkspaceEditorElement extends UmbLitElement {
     #context;
     constructor() {
         super();
-        this._content = '';
         this.consumeContext(UMB_SCRIPT_WORKSPACE_CONTEXT, (context) => {
             this.#context = context;
-            this.observe(this.#context?.content, (content) => (this._content = content));
             this.observe(this.#context?.isNew, (isNew) => (this._isNew = isNew));
         });
     }
-    #onCodeEditorInput(event) {
-        const target = event.target;
-        const value = target.code;
-        this.#context?.setContent(value);
-    }
     render() {
         return html `
 			<umb-entity-detail-workspace-editor>
 				<umb-workspace-header-name-editable
 					slot="header"
 					?readonly=${this._isNew === false}></umb-workspace-header-name-editable>
-				${this.#renderBody()}
 			</umb-entity-detail-workspace-editor>
 		`;
     }
-    #renderBody() {
-        return html `
-			<uui-box>
-				<!-- the div below in the header is to make the box display nicely with code editor -->
-				<div slot="header"></div>
-				${this.#renderCodeEditor()}
-			</uui-box>
-		`;
-    }
-    #renderCodeEditor() {
-        if (this._content === undefined) {
-            return nothing;
-        }
-        return html `
-			<umb-code-editor
-				id="content"
-				language="javascript"
-				.code=${this._content ?? ''}
-				@input=${this.#onCodeEditorInput}></umb-code-editor>
-		`;
-    }
-    static { this.styles = [
-        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()
-], UmbScriptWorkspaceEditorElement.prototype, "_content", void 0);
 __decorate([
     state()
 ], UmbScriptWorkspaceEditorElement.prototype, "_isNew", void 0);

package/dist-cms/packages/templating/scripts/workspace/script-workspace.context.d.ts

@@ -2,9 +2,11 @@ import type { UmbScriptDetailModel } from '../types.js';
 import type { UmbScriptDetailRepository } from '../repository/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, type UmbRoutableWorkspaceContext, type UmbSubmittableWorkspaceContext } from '../../../core/workspace/index.js';
+import type { UmbEntityModel } from '../../../core/entity/index.js';
 export declare class UmbScriptWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<UmbScriptDetailModel, UmbScriptDetailRepository> 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 script
      * @param {string} value The content of the script

package/dist-cms/packages/templating/scripts/workspace/script-workspace.context.js

@@ -1,9 +1,12 @@
-import { UMB_SCRIPT_ENTITY_TYPE } from '../entity.js';
+import { UMB_SCRIPT_ENTITY_TYPE, UMB_SCRIPT_FOLDER_ENTITY_TYPE } from '../entity.js';
 import { UMB_SCRIPT_DETAIL_REPOSITORY_ALIAS } from '../constants.js';
+import { UMB_EDIT_SCRIPT_WORKSPACE_PATH_PATTERN } from '../paths.js';
+import { UMB_EDIT_SCRIPT_FOLDER_WORKSPACE_PATH_PATTERN } from '../tree/folder/workspace/paths.js';
 import { UMB_SCRIPT_WORKSPACE_ALIAS } from './manifests.js';
 import { UmbScriptWorkspaceEditorElement } from './script-workspace-editor.element.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, UmbWorkspaceIsNewRedirectController, } 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 UmbScriptWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
     constructor(host) {
         super(host, {
@@ -34,6 +37,14 @@ export class UmbScriptWorkspaceContext extends UmbEntityNamedDetailWorkspaceCont
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_SETTINGS_SECTION_PATH;
+        if (entity.entityType === UMB_SCRIPT_FOLDER_ENTITY_TYPE) {
+            return UMB_EDIT_SCRIPT_FOLDER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+        }
+        return UMB_EDIT_SCRIPT_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
     /**
      * @description Set the content of the script
      * @param {string} value The content of the script

package/dist-cms/packages/templating/scripts/workspace/views/code-editor/script-code-editor-workspace-view.element.d.ts

@@ -0,0 +1,16 @@
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import type { UmbWorkspaceViewElement } from '../../../../../core/workspace/index.js';
+import '../../../../../code-editor/index.js';
+export declare class UmbScriptCodeEditorWorkspaceViewElement extends UmbLitElement implements UmbWorkspaceViewElement {
+    #private;
+    private _content?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UmbScriptCodeEditorWorkspaceViewElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-script-code-editor-workspace-view': UmbScriptCodeEditorWorkspaceViewElement;
+    }
+}

package/dist-cms/packages/templating/scripts/workspace/views/code-editor/script-code-editor-workspace-view.element.js

@@ -0,0 +1,75 @@
+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_SCRIPT_WORKSPACE_CONTEXT } from '../../script-workspace.context-token.js';
+import { css, html, customElement, state, nothing } from '../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import '../../../../../code-editor/index.js';
+let UmbScriptCodeEditorWorkspaceViewElement = class UmbScriptCodeEditorWorkspaceViewElement extends UmbLitElement {
+    #context;
+    constructor() {
+        super();
+        this._content = '';
+        this.consumeContext(UMB_SCRIPT_WORKSPACE_CONTEXT, (context) => {
+            this.#context = context;
+            this.observe(this.#context?.content, (content) => (this._content = content));
+        });
+    }
+    #onCodeEditorInput(event) {
+        const target = event.target;
+        const value = target.code;
+        this.#context?.setContent(value);
+    }
+    render() {
+        return html `
+			<uui-box>
+				<!-- the div below in the header is to make the box display nicely with code editor -->
+				<div slot="header"></div>
+				${this.#renderCodeEditor()}
+			</uui-box>
+		`;
+    }
+    #renderCodeEditor() {
+        if (this._content === undefined) {
+            return nothing;
+        }
+        return html `
+			<umb-code-editor
+				id="content"
+				language="javascript"
+				.code=${this._content ?? ''}
+				@input=${this.#onCodeEditorInput}></umb-code-editor>
+		`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: block;
+				width: 100%;
+			}
+
+			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()
+], UmbScriptCodeEditorWorkspaceViewElement.prototype, "_content", void 0);
+UmbScriptCodeEditorWorkspaceViewElement = __decorate([
+    customElement('umb-script-code-editor-workspace-view')
+], UmbScriptCodeEditorWorkspaceViewElement);
+export { UmbScriptCodeEditorWorkspaceViewElement };
+export default UmbScriptCodeEditorWorkspaceViewElement;

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

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

package/dist-cms/packages/templating/stylesheets/property-editors/stylesheet-picker/manifests.js

@@ -4,6 +4,7 @@ export const manifest = {
     name: 'Stylesheet Picker Property Editor UI',
     js: () => import('./property-editor-ui-stylesheet-picker.element.js'),
     meta: {
+        supportsVariantChange: true,
         label: 'Stylesheet Picker',
         icon: 'icon-document',
         group: '#propertyEditorUIGroups_common',

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

@@ -1,3 +1,4 @@
-export { UMB_STYLESHEET_TREE_REPOSITORY_ALIAS, UMB_STYLESHEET_TREE_ALIAS } from './manifests.js';
+export declare const UMB_STYLESHEET_TREE_ALIAS = "Umb.Tree.Stylesheet";
+export declare const UMB_STYLESHEET_TREE_REPOSITORY_ALIAS = "Umb.Repository.StylesheetTree";
 export * from './folder/constants.js';
 export * from './tree-item-children/constants.js';

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

@@ -1,3 +1,4 @@
-export { UMB_STYLESHEET_TREE_REPOSITORY_ALIAS, UMB_STYLESHEET_TREE_ALIAS } from './manifests.js';
+export const UMB_STYLESHEET_TREE_ALIAS = 'Umb.Tree.Stylesheet';
+export const UMB_STYLESHEET_TREE_REPOSITORY_ALIAS = 'Umb.Repository.StylesheetTree';
 export * from './folder/constants.js';
 export * from './tree-item-children/constants.js';

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

@@ -2,7 +2,9 @@ import { type UmbStylesheetFolderRepository } from '../repository/index.js';
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, type UmbRoutableWorkspaceContext, type UmbSubmittableWorkspaceContext } from '../../../../../core/workspace/index.js';
 import type { UmbFolderModel } from '../../../../../core/tree/index.js';
+import type { UmbEntityModel } from '../../../../../core/entity/index.js';
 export declare class UmbStylesheetFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<UmbFolderModel, UmbStylesheetFolderRepository> implements UmbSubmittableWorkspaceContext, UmbRoutableWorkspaceContext {
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
 }
 export { UmbStylesheetFolderWorkspaceContext as api };

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

@@ -1,8 +1,10 @@
 import { UMB_STYLESHEET_FOLDER_REPOSITORY_ALIAS } from '../repository/index.js';
 import { UMB_STYLESHEET_FOLDER_ENTITY_TYPE } from '../../../entity.js';
+import { UMB_EDIT_STYLESHEET_FOLDER_WORKSPACE_PATH_PATTERN } from './paths.js';
 import { UMB_STYLESHEET_FOLDER_WORKSPACE_ALIAS } from './constants.js';
 import { UmbStylesheetFolderWorkspaceEditorElement } from './stylesheet-folder-workspace-editor.element.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, } from '../../../../../core/workspace/index.js';
+import { UMB_SETTINGS_SECTION_PATH } from '../../../../../settings/index.js';
 export class UmbStylesheetFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
     constructor(host) {
         super(host, {
@@ -21,5 +23,10 @@ export class UmbStylesheetFolderWorkspaceContext extends UmbEntityNamedDetailWor
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_SETTINGS_SECTION_PATH;
+        return UMB_EDIT_STYLESHEET_FOLDER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
 }
 export { UmbStylesheetFolderWorkspaceContext as api };

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

@@ -1,3 +1,4 @@
-export declare const UMB_STYLESHEET_TREE_ALIAS = "Umb.Tree.Stylesheet";
-export declare const UMB_STYLESHEET_TREE_REPOSITORY_ALIAS = "Umb.Repository.StylesheetTree";
-export declare const manifests: Array<UmbExtensionManifest>;
+import { UMB_STYLESHEET_TREE_ALIAS, UMB_STYLESHEET_TREE_REPOSITORY_ALIAS } from './constants.js';
+import type { UmbExtensionManifestKind } from '../../../core/extension-registry/index.js';
+export { UMB_STYLESHEET_TREE_REPOSITORY_ALIAS, UMB_STYLESHEET_TREE_ALIAS };
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

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

@@ -1,11 +1,13 @@
 import { UMB_STYLESHEET_ENTITY_TYPE, UMB_STYLESHEET_FOLDER_ENTITY_TYPE, UMB_STYLESHEET_ROOT_ENTITY_TYPE, } from '../entity.js';
-import { UMB_STYLESHEET_TREE_ITEM_CHILDREN_COLLECTION_ALIAS } from './tree-item-children/constants.js';
 import { manifests as folderManifests } from './folder/manifests.js';
+import { UMB_STYLESHEET_FOLDER_WORKSPACE_ALIAS } from './folder/workspace/constants.js';
 import { manifests as reloadTreeItemChildrenManifest } from './reload-tree-item-children/manifests.js';
 import { manifests as treeItemChildrenManifests } from './tree-item-children/manifests.js';
+import { manifests as viewManifests } from './views/manifests.js';
+import { UMB_STYLESHEET_TREE_ALIAS, UMB_STYLESHEET_TREE_REPOSITORY_ALIAS } from './constants.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
-export const UMB_STYLESHEET_TREE_ALIAS = 'Umb.Tree.Stylesheet';
-export const UMB_STYLESHEET_TREE_REPOSITORY_ALIAS = 'Umb.Repository.StylesheetTree';
+import { UMB_TREE_ALIAS_CONDITION } from '../../../core/tree/index.js';
+export { UMB_STYLESHEET_TREE_REPOSITORY_ALIAS, UMB_STYLESHEET_TREE_ALIAS };
 const UMB_STYLESHEET_ROOT_WORKSPACE_ALIAS = 'Umb.Workspace.Stylesheet.Root';
 export const manifests = [
     {
@@ -41,25 +43,40 @@ export const manifests = [
             headline: '#treeHeaders_stylesheets',
         },
     },
+    {
+        type: 'treeAction',
+        kind: 'create',
+        name: 'Stylesheet Tree Create Action',
+        alias: 'Umb.TreeAction.Stylesheet.Create',
+        conditions: [
+            {
+                alias: UMB_TREE_ALIAS_CONDITION,
+                match: UMB_STYLESHEET_TREE_ALIAS,
+            },
+        ],
+    },
     {
         type: 'workspaceView',
-        kind: 'collection',
+        kind: 'tree',
+        // TODO (V20): rename alias to 'Umb.WorkspaceView.Stylesheet.Tree' — kept as the old
+        // TreeItemChildrenCollection alias so existing plugin conditions/overrides don't break.
         alias: 'Umb.WorkspaceView.Stylesheet.TreeItemChildrenCollection',
-        name: 'Stylesheet Tree Item Children Collection Workspace View',
+        name: 'Stylesheet Tree Item Children Workspace View',
         meta: {
-            label: '#general_items',
-            pathname: 'items',
-            icon: 'icon-grid',
-            collectionAlias: UMB_STYLESHEET_TREE_ITEM_CHILDREN_COLLECTION_ALIAS,
+            label: '#tree_children',
+            pathname: 'children',
+            icon: 'icon-bulleted-list',
+            treeAlias: UMB_STYLESHEET_TREE_ALIAS,
         },
         conditions: [
             {
                 alias: UMB_WORKSPACE_CONDITION_ALIAS,
-                oneOf: [UMB_STYLESHEET_ROOT_WORKSPACE_ALIAS, 'Umb.Workspace.Stylesheet.Folder'],
+                oneOf: [UMB_STYLESHEET_ROOT_WORKSPACE_ALIAS, UMB_STYLESHEET_FOLDER_WORKSPACE_ALIAS],
             },
         ],
     },
     ...folderManifests,
     ...reloadTreeItemChildrenManifest,
     ...treeItemChildrenManifests,
+    ...viewManifests,
 ];

package/dist-cms/packages/templating/stylesheets/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_STYLESHEET_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = "Umb.Collection.Stylesheet.TreeItemChildren";
 export * from './repository/constants.js';

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

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

package/dist-cms/packages/templating/stylesheets/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_STYLESHEET_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = "Umb.Repository.Stylesheet.TreeItemChildrenCollection";

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

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