@umbraco-cms/backoffice 16.1.0 → 16.2.0-rc

package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-searchers.js

@@ -13,7 +13,9 @@ import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/rou
 import { SearcherService } from '@umbraco-cms/backoffice/external/backend-api';
 import { UmbLitElement, umbFocus } from '@umbraco-cms/backoffice/lit-element';
 import { tryExecute } from '@umbraco-cms/backoffice/resources';
+import { UmbPaginationManager } from '@umbraco-cms/backoffice/utils';
 let UmbDashboardExamineSearcherElement = class UmbDashboardExamineSearcherElement extends UmbLitElement {
+    #paginationManager;
     _onKeyPress(e) {
         if (e.key == 'Enter') {
             this._onSearch();
@@ -24,7 +26,14 @@ let UmbDashboardExamineSearcherElement = class UmbDashboardExamineSearcherElemen
         super();
         this._searchLoading = false;
         this._workspacePath = 'aa';
+        this._totalPages = 1;
+        this._currentPage = 1;
+        this._totalNumberOfResults = 0;
+        this.#paginationManager = new UmbPaginationManager();
         this.#entityType = '';
+        this.#paginationManager.setPageSize(100);
+        this.observe(this.#paginationManager.currentPage, (number) => (this._currentPage = number));
+        this.observe(this.#paginationManager.totalPages, (number) => (this._totalPages = number));
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
             .addAdditionalPath(':entityType')
             .onSetup((routingInfo) => {
@@ -42,11 +51,13 @@ let UmbDashboardExamineSearcherElement = class UmbDashboardExamineSearcherElemen
             path: { searcherName: this.searcherName },
             query: {
                 term: this._searchInput.value,
-                take: 100,
-                skip: 0,
+                take: this.#paginationManager.getPageSize(),
+                skip: this.#paginationManager.getSkip(),
             },
         }));
         this._searchResults = data?.items ?? [];
+        this.#paginationManager.setTotalItems(data.total);
+        this._totalNumberOfResults = data.total;
         this._updateFieldFilter();
         this._searchLoading = false;
     }
@@ -82,7 +93,7 @@ let UmbDashboardExamineSearcherElement = class UmbDashboardExamineSearcherElemen
                 type: 'sidebar',
                 size: 'medium',
             },
-            data: { searchResult: rowData, name: this.getSearchResultNodeName(rowData) },
+            data: { searchResult: rowData, name: this.#getSearchResultNodeName(rowData) },
         }).catch(() => undefined);
     }
     render() {
@@ -108,12 +119,12 @@ let UmbDashboardExamineSearcherElement = class UmbDashboardExamineSearcherElemen
 						label=${this.localize.term('general_search')}
 						@click="${this._onSearch}"></uui-button>
 				</div>
-				${this.renderSearchResults()}
+				${this.#renderSearchResults()}
 			</uui-box>
 		`;
     }
     // Find the field named 'nodeName' and return its value if it exists in the fields array
-    getSearchResultNodeName(searchResult) {
+    #getSearchResultNodeName(searchResult) {
         const nodeNameField = searchResult.fields?.find((field) => field.name?.toUpperCase() === 'NODENAME');
         return nodeNameField?.values?.join(', ') ?? '';
     }
@@ -125,7 +136,11 @@ let UmbDashboardExamineSearcherElement = class UmbDashboardExamineSearcherElemen
                 return indexType;
         }
     }
-    renderSearchResults() {
+    #onPageChange(event) {
+        this.#paginationManager.setCurrentPageNumber(event.target?.current);
+        this._onSearch();
+    }
+    #renderSearchResults() {
         if (this._searchLoading)
             return html `<uui-loader></uui-loader>`;
         if (!this._searchResults)
@@ -133,54 +148,67 @@ let UmbDashboardExamineSearcherElement = class UmbDashboardExamineSearcherElemen
         if (!this._searchResults.length) {
             return html `<p>${this.localize.term('examineManagement_noResults')}</p>`;
         }
-        return html `<div class="table-container">
-			<uui-scroll-container>
-				<uui-table class="search">
-					<uui-table-head>
-						<uui-table-head-cell style="width:0">Score</uui-table-head-cell>
-						<uui-table-head-cell style="width:0">${this.localize.term('general_id')}</uui-table-head-cell>
-						<uui-table-head-cell>${this.localize.term('general_name')}</uui-table-head-cell>
-						<uui-table-head-cell>${this.localize.term('examineManagement_fields')}</uui-table-head-cell>
-						${this.renderHeadCells()}
-					</uui-table-head>
-					${this._searchResults?.map((rowData) => {
+        return html `
+			<div>
+				${this.localize.term('examineManagement_searchResultsFound', this.#paginationManager.getDisplayStart(), this.#paginationManager.getDisplayEnd(), this._totalNumberOfResults, this._currentPage, this._totalPages)}
+			</div>
+			<div class="table-container">
+				<uui-scroll-container>
+					<uui-table class="search">
+						<uui-table-head>
+							<uui-table-head-cell style="width:0">Score</uui-table-head-cell>
+							<uui-table-head-cell style="width:0">${this.localize.term('general_id')}</uui-table-head-cell>
+							<uui-table-head-cell>${this.localize.term('general_name')}</uui-table-head-cell>
+							<uui-table-head-cell>${this.localize.term('examineManagement_fields')}</uui-table-head-cell>
+							${this.renderHeadCells()}
+						</uui-table-head>
+						${this._searchResults?.map((rowData) => {
             const indexType = rowData.fields?.find((field) => field.name === '__IndexType')?.values?.join(', ') ?? '';
             this.#entityType = this.#getEntityTypeFromIndexType(indexType);
             const unique = rowData.fields?.find((field) => field.name === '__Key')?.values?.join(', ') ?? '';
             return html `<uui-table-row>
-							<uui-table-cell> ${rowData.score} </uui-table-cell>
-							<uui-table-cell> ${rowData.id} </uui-table-cell>
-							<uui-table-cell>
-								<uui-button
-									look="secondary"
-									label=${this.localize.term('actions_editContent')}
-									href=${this._workspacePath + this.#entityType + '/edit/' + unique}>
-									${this.getSearchResultNodeName(rowData)}
-								</uui-button>
-							</uui-table-cell>
-							<uui-table-cell>
-								<uui-button
-									class="bright"
-									look="secondary"
-									label=${this.localize.term('examineManagement_fieldValues')}
-									@click=${() => this.#onFieldViewClick(rowData)}>
-									${rowData.fields ? Object.keys(rowData.fields).length : ''}
-									${this.localize.term('examineManagement_fields')}
-								</uui-button>
-							</uui-table-cell>
-							${rowData.fields ? this.renderBodyCells(rowData.fields) : ''}
-						</uui-table-row>`;
+								<uui-table-cell> ${rowData.score} </uui-table-cell>
+								<uui-table-cell> ${rowData.id} </uui-table-cell>
+								<uui-table-cell>
+									<uui-button
+										look="secondary"
+										label=${this.localize.term('actions_editContent')}
+										href=${this._workspacePath + this.#entityType + '/edit/' + unique}>
+										${this.#getSearchResultNodeName(rowData)}
+									</uui-button>
+								</uui-table-cell>
+								<uui-table-cell>
+									<uui-button
+										class="bright"
+										look="secondary"
+										label=${this.localize.term('examineManagement_fieldValues')}
+										@click=${() => this.#onFieldViewClick(rowData)}>
+										${rowData.fields ? Object.keys(rowData.fields).length : ''}
+										${this.localize.term('examineManagement_fields')}
+									</uui-button>
+								</uui-table-cell>
+								${rowData.fields ? this.renderBodyCells(rowData.fields) : ''}
+							</uui-table-row>`;
         })}
-				</uui-table>
-			</uui-scroll-container>
-			<button class="field-adder" @click="${this.#onFieldFilterClick}">
-				<uui-icon-registry-essential>
-					<uui-tag look="secondary">
-						<uui-icon name="add"></uui-icon>
-					</uui-tag>
-				</uui-icon-registry-essential>
-			</button>
-		</div>`;
+					</uui-table>
+				</uui-scroll-container>
+				<button class="field-adder" @click="${this.#onFieldFilterClick}">
+					<uui-icon-registry-essential>
+						<uui-tag look="secondary">
+							<uui-icon name="add"></uui-icon>
+						</uui-tag>
+					</uui-icon-registry-essential>
+				</button>
+			</div>
+			<uui-pagination
+				.total=${this._totalPages}
+				.current=${this._currentPage}
+				firstlabel=${this.localize.term('general_first')}
+				previouslabel=${this.localize.term('general_previous')}
+				nextlabel=${this.localize.term('general_next')}
+				lastlabel=${this.localize.term('general_last')}
+				@change=${this.#onPageChange}></uui-pagination>
+		`;
     }
     renderHeadCells() {
         return html `${this._exposedFields?.map((field) => {
@@ -311,6 +339,15 @@ __decorate([
 __decorate([
     state()
 ], UmbDashboardExamineSearcherElement.prototype, "_workspacePath", void 0);
+__decorate([
+    state()
+], UmbDashboardExamineSearcherElement.prototype, "_totalPages", void 0);
+__decorate([
+    state()
+], UmbDashboardExamineSearcherElement.prototype, "_currentPage", void 0);
+__decorate([
+    state()
+], UmbDashboardExamineSearcherElement.prototype, "_totalNumberOfResults", void 0);
 UmbDashboardExamineSearcherElement = __decorate([
     customElement('umb-dashboard-examine-searcher')
 ], UmbDashboardExamineSearcherElement);

package/dist-cms/packages/search/search-modal/search-modal.element.d.ts

@@ -1,12 +1,6 @@
-import type { UmbSearchProvider, UmbSearchResultItemModel } from '../types.js';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import type { UmbModalContext } from '@umbraco-cms/backoffice/modal';
 import '../search-result/search-result-item.element.js';
-type GlobalSearchers = {
-    name: string;
-    api?: UmbSearchProvider<UmbSearchResultItemModel>;
-    alias: string;
-};
 export declare class UmbSearchModalElement extends UmbLitElement {
     #private;
     private _inputFakeCursor;
@@ -15,8 +9,8 @@ export declare class UmbSearchModalElement extends UmbLitElement {
     private _search;
     private _searchResults;
     private _globalSearchers;
-    _currentGlobalSearcher?: GlobalSearchers;
-    _loading: boolean;
+    private _currentGlobalSearcher?;
+    private _loading;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist-cms/packages/segment/collection/index.d.ts

@@ -1 +1 @@
-export { UmbSegmentCollectionRepository } from './repository/index.js';
+export * from './repository/index.js';

package/dist-cms/packages/segment/collection/index.js

@@ -1 +1 @@
-export { UmbSegmentCollectionRepository } from './repository/index.js';
+export * from './repository/index.js';

package/dist-cms/packages/segment/collection/repository/index.d.ts

@@ -1,2 +1 @@
-export { UMB_SEGMENT_COLLECTION_REPOSITORY_ALIAS } from './constants.js';
 export { UmbSegmentCollectionRepository } from './segment-collection.repository.js';

package/dist-cms/packages/segment/collection/repository/index.js

@@ -1,2 +1 @@
-export { UMB_SEGMENT_COLLECTION_REPOSITORY_ALIAS } from './constants.js';
 export { UmbSegmentCollectionRepository } from './segment-collection.repository.js';

package/dist-cms/packages/static-file/tree/constants.d.ts

@@ -1,4 +1,7 @@
 export declare const UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS = "Umb.Repository.StaticFile.Tree";
+/**
+ * @deprecated Use {@link UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
 export declare const UMB_STATIC_FILE_TREE_STORE_ALIAS = "Umb.Store.StaticFile.Tree";
 export declare const UMB_STATIC_FILE_TREE_ALIAS = "Umb.Tree.StaticFile";
 export declare const UMB_STATIC_FILE_TREE_ITEM_ALIAS = "Umb.TreeItem.StaticFile";

package/dist-cms/packages/static-file/tree/constants.js

@@ -1,4 +1,7 @@
 export const UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS = 'Umb.Repository.StaticFile.Tree';
+/**
+ * @deprecated Use {@link UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
 export const UMB_STATIC_FILE_TREE_STORE_ALIAS = 'Umb.Store.StaticFile.Tree';
 export const UMB_STATIC_FILE_TREE_ALIAS = 'Umb.Tree.StaticFile';
 export const UMB_STATIC_FILE_TREE_ITEM_ALIAS = 'Umb.TreeItem.StaticFile';

package/dist-cms/packages/static-file/tree/static-file-tree.store.context-token.d.ts

@@ -1,3 +1,6 @@
 import type { UmbStaticFileTreeStore } from './static-file-tree.store.js';
 import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+/**
+ * @deprecated - Use `UmbStaticFileTreeRepository` instead. This will be removed in Umbraco 18.
+ */
 export declare const UMB_STATIC_FILE_TREE_STORE_CONTEXT: UmbContextToken<UmbStaticFileTreeStore, UmbStaticFileTreeStore>;

package/dist-cms/packages/static-file/tree/static-file-tree.store.context-token.js

@@ -1,2 +1,5 @@
 import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+/**
+ * @deprecated - Use `UmbStaticFileTreeRepository` instead. This will be removed in Umbraco 18.
+ */
 export const UMB_STATIC_FILE_TREE_STORE_CONTEXT = new UmbContextToken('UmbStaticFileTreeStore');

package/dist-cms/packages/static-file/tree/static-file-tree.store.d.ts

@@ -4,6 +4,7 @@ import { UmbUniqueTreeStore } from '@umbraco-cms/backoffice/tree';
  * @class UmbStaticFileTreeStore
  * @augments {UmbStoreBase}
  * @description - Tree Data Store for Static File Items
+ * @deprecated - Use `UmbStaticFileTreeRepository` instead. This will be removed in Umbraco 18.
  */
 export declare class UmbStaticFileTreeStore extends UmbUniqueTreeStore {
     /**

package/dist-cms/packages/static-file/tree/static-file-tree.store.js

@@ -4,6 +4,7 @@ import { UmbUniqueTreeStore } from '@umbraco-cms/backoffice/tree';
  * @class UmbStaticFileTreeStore
  * @augments {UmbStoreBase}
  * @description - Tree Data Store for Static File Items
+ * @deprecated - Use `UmbStaticFileTreeRepository` instead. This will be removed in Umbraco 18.
  */
 export class UmbStaticFileTreeStore extends UmbUniqueTreeStore {
     /**

package/dist-cms/packages/tags/components/tags-input/tags-input.element.d.ts

@@ -4,7 +4,6 @@ export declare class UmbTagsInputElement extends UmbTagsInputElement_base {
     #private;
     group?: string;
     culture?: string | null;
-    _items: string[];
     set items(newTags: string[]);
     get items(): string[];
     /**

package/dist-cms/packages/tags/components/tags-input/tags-input.element.js

@@ -11,7 +11,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 let UmbTagsInputElement = class UmbTagsInputElement extends UUIFormControlMixin(UmbLitElement, '') {
     constructor() {
         super(...arguments);
-        this._items = [];
+        this.#items = [];
         /**
          * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
          * @type {boolean}
@@ -25,12 +25,13 @@ let UmbTagsInputElement = class UmbTagsInputElement extends UUIFormControlMixin(
     }
     set items(newTags) {
         const newItems = newTags.filter((x) => x !== '');
-        this._items = newItems;
-        super.value = this._items.join(',');
+        this.#items = newItems;
+        super.value = this.#items.join(',');
     }
     get items() {
-        return this._items;
+        return this.#items;
     }
+    #items;
     #repository;
     focus() {
         this._tagInput.focus();
@@ -39,9 +40,9 @@ let UmbTagsInputElement = class UmbTagsInputElement extends UUIFormControlMixin(
         return undefined;
     }
     async #getExistingTags(query) {
-        if (!this.group || this.culture === undefined || !query)
+        if (!this.group || !query)
             return;
-        const { data } = await this.#repository.queryTags(this.group, this.culture, query);
+        const { data } = await this.#repository.queryTags(this.group, this.culture ?? null, query);
         if (!data)
             return;
         this._matches = data.items;
@@ -179,7 +180,7 @@ let UmbTagsInputElement = class UmbTagsInputElement extends UUIFormControlMixin(
     #renderTagOptions() {
         if (!this._currentInput.length || !this._matches.length)
             return nothing;
-        const matchfilter = this._matches.filter((tag) => tag.text !== this._items.find((x) => x === tag.text));
+        const matchfilter = this._matches.filter((tag) => tag.text !== this.#items.find((x) => x === tag.text));
         if (!matchfilter.length)
             return;
         return html `

package/dist-cms/packages/templating/partial-views/entity-actions/create/snippet-modal/create-from-snippet-modal.d.ts

@@ -1,12 +1,8 @@
 import type { UmbCreatePartialViewFromSnippetModalData } from './index.js';
 import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
-interface UmbSnippetLinkModel {
-    name: string;
-    path: string;
-}
 export declare class UmbPartialViewCreateFromSnippetModalElement extends UmbModalBaseElement<UmbCreatePartialViewFromSnippetModalData, string> {
     #private;
-    _snippets: Array<UmbSnippetLinkModel>;
+    private _snippets;
     protected firstUpdated(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,4 +1,7 @@
 export declare const UMB_PARTIAL_VIEW_TREE_REPOSITORY_ALIAS = "Umb.Repository.PartialView.Tree";
+/**
+ * @deprecated Use {@link UMB_PARTIAL_VIEW_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
 export declare const UMB_PARTIAL_VIEW_TREE_STORE_ALIAS = "Umb.Store.PartialView.Tree";
 export declare const UMB_PARTIAL_VIEW_TREE_ALIAS = "Umb.Tree.PartialView";
 export declare const manifests: Array<UmbExtensionManifest>;

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

@@ -2,6 +2,9 @@ import { UMB_PARTIAL_VIEW_ENTITY_TYPE, UMB_PARTIAL_VIEW_FOLDER_ENTITY_TYPE, UMB_
 import { manifests as folderManifests } from './folder/manifests.js';
 import { manifests as reloadTreeItemChildrenManifest } from './reload-tree-item-children/manifests.js';
 export const UMB_PARTIAL_VIEW_TREE_REPOSITORY_ALIAS = 'Umb.Repository.PartialView.Tree';
+/**
+ * @deprecated Use {@link UMB_PARTIAL_VIEW_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
 export const UMB_PARTIAL_VIEW_TREE_STORE_ALIAS = 'Umb.Store.PartialView.Tree';
 export const UMB_PARTIAL_VIEW_TREE_ALIAS = 'Umb.Tree.PartialView';
 export const manifests = [

package/dist-cms/packages/templating/partial-views/tree/partial-view-tree.store.context-token.d.ts

@@ -1,3 +1,6 @@
 import type { UmbPartialViewTreeStore } from './partial-view-tree.store.js';
 import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+/**
+ * @deprecated - Use `UmbPartialViewTreeRepository` instead. This will be removed in Umbraco 18.
+ */
 export declare const UMB_PARTIAL_VIEW_TREE_STORE_CONTEXT: UmbContextToken<UmbPartialViewTreeStore, UmbPartialViewTreeStore>;

package/dist-cms/packages/templating/partial-views/tree/partial-view-tree.store.context-token.js

@@ -1,2 +1,5 @@
 import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+/**
+ * @deprecated - Use `UmbPartialViewTreeRepository` instead. This will be removed in Umbraco 18.
+ */
 export const UMB_PARTIAL_VIEW_TREE_STORE_CONTEXT = new UmbContextToken('UmbPartialViewTreeStore');

package/dist-cms/packages/templating/partial-views/tree/partial-view-tree.store.d.ts

@@ -4,6 +4,7 @@ import { UmbUniqueTreeStore } from '@umbraco-cms/backoffice/tree';
  * @class UmbPartialViewTreeStore
  * @augments {UmbStoreBase}
  * @description - Tree Data Store for PartialView
+ * @deprecated - Use `UmbPartialViewTreeRepository` instead. This will be removed in Umbraco 18.
  */
 export declare class UmbPartialViewTreeStore extends UmbUniqueTreeStore {
     /**

package/dist-cms/packages/templating/partial-views/tree/partial-view-tree.store.js

@@ -4,6 +4,7 @@ import { UmbUniqueTreeStore } from '@umbraco-cms/backoffice/tree';
  * @class UmbPartialViewTreeStore
  * @augments {UmbStoreBase}
  * @description - Tree Data Store for PartialView
+ * @deprecated - Use `UmbPartialViewTreeRepository` instead. This will be removed in Umbraco 18.
  */
 export class UmbPartialViewTreeStore extends UmbUniqueTreeStore {
     /**

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

@@ -1,4 +1,7 @@
 export declare const UMB_SCRIPT_TREE_REPOSITORY_ALIAS = "Umb.Repository.Script.Tree";
+/**
+ * @deprecated Use {@link UMB_SCRIPT_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
 export declare const UMB_SCRIPT_TREE_STORE_ALIAS = "Umb.Store.Script.Tree";
 export declare const UMB_SCRIPT_TREE_ALIAS = "Umb.Tree.Script";
 export declare const manifests: Array<UmbExtensionManifest>;

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

@@ -2,6 +2,9 @@ import { UMB_SCRIPT_ENTITY_TYPE, UMB_SCRIPT_FOLDER_ENTITY_TYPE, UMB_SCRIPT_ROOT_
 import { manifests as folderManifests } from './folder/manifests.js';
 import { manifests as reloadTreeItemChildrenManifest } from './reload-tree-item-children/manifests.js';
 export const UMB_SCRIPT_TREE_REPOSITORY_ALIAS = 'Umb.Repository.Script.Tree';
+/**
+ * @deprecated Use {@link UMB_SCRIPT_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
 export const UMB_SCRIPT_TREE_STORE_ALIAS = 'Umb.Store.Script.Tree';
 export const UMB_SCRIPT_TREE_ALIAS = 'Umb.Tree.Script';
 export const manifests = [

package/dist-cms/packages/templating/scripts/tree/script-tree.store.context-token.d.ts

@@ -1,3 +1,6 @@
 import type { UmbScriptTreeStore } from './script-tree.store.js';
 import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+/**
+ * @deprecated - Use `UmbScriptTreeRepository` instead. This will be removed in Umbraco 18.
+ */
 export declare const UMB_SCRIPT_TREE_STORE_CONTEXT: UmbContextToken<UmbScriptTreeStore, UmbScriptTreeStore>;

package/dist-cms/packages/templating/scripts/tree/script-tree.store.context-token.js

@@ -1,2 +1,5 @@
 import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+/**
+ * @deprecated - Use `UmbScriptTreeRepository` instead. This will be removed in Umbraco 18.
+ */
 export const UMB_SCRIPT_TREE_STORE_CONTEXT = new UmbContextToken('UmbScriptTreeStore');

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

@@ -4,6 +4,7 @@ import { UmbUniqueTreeStore } from '@umbraco-cms/backoffice/tree';
  * @class UmbScriptTreeStore
  * @augments {UmbUniqueTreeStore}
  * @description - Tree Data Store for Scripts
+ * @deprecated - Use `UmbScriptTreeRepository` instead. This will be removed in Umbraco 18.
  */
 export declare class UmbScriptTreeStore extends UmbUniqueTreeStore {
     /**

package/dist-cms/packages/templating/scripts/tree/script-tree.store.js

@@ -4,6 +4,7 @@ import { UmbUniqueTreeStore } from '@umbraco-cms/backoffice/tree';
  * @class UmbScriptTreeStore
  * @augments {UmbUniqueTreeStore}
  * @description - Tree Data Store for Scripts
+ * @deprecated - Use `UmbScriptTreeRepository` instead. This will be removed in Umbraco 18.
  */
 export class UmbScriptTreeStore extends UmbUniqueTreeStore {
     /**

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

@@ -1,4 +1,7 @@
 export declare const UMB_STYLESHEET_TREE_ALIAS = "Umb.Tree.Stylesheet";
 export declare const UMB_STYLESHEET_TREE_REPOSITORY_ALIAS = "Umb.Repository.StylesheetTree";
+/**
+ * @deprecated Use {@link UMB_STYLESHEET_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
 export declare const UMB_STYLESHEET_TREE_STORE_ALIAS = "Umb.Store.StylesheetTree";
 export declare const manifests: Array<UmbExtensionManifest>;

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

@@ -3,6 +3,9 @@ import { manifests as folderManifests } from './folder/manifests.js';
 import { manifests as reloadTreeItemChildrenManifest } from './reload-tree-item-children/manifests.js';
 export const UMB_STYLESHEET_TREE_ALIAS = 'Umb.Tree.Stylesheet';
 export const UMB_STYLESHEET_TREE_REPOSITORY_ALIAS = 'Umb.Repository.StylesheetTree';
+/**
+ * @deprecated Use {@link UMB_STYLESHEET_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
+ */
 export const UMB_STYLESHEET_TREE_STORE_ALIAS = 'Umb.Store.StylesheetTree';
 export const manifests = [
     {

package/dist-cms/packages/templating/stylesheets/tree/stylesheet-tree.store.context-token.d.ts

@@ -1,3 +1,6 @@
 import type { UmbStylesheetTreeStore } from './stylesheet-tree.store.js';
 import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+/**
+ * @deprecated - Use `UmbStylesheetTreeRepository` instead. This will be removed in Umbraco 18.
+ */
 export declare const UMB_STYLESHEET_TREE_STORE_CONTEXT: UmbContextToken<UmbStylesheetTreeStore, UmbStylesheetTreeStore>;

package/dist-cms/packages/templating/stylesheets/tree/stylesheet-tree.store.context-token.js

@@ -1,2 +1,5 @@
 import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+/**
+ * @deprecated - Use `UmbStylesheetTreeRepository` instead. This will be removed in Umbraco 18.
+ */
 export const UMB_STYLESHEET_TREE_STORE_CONTEXT = new UmbContextToken('UmbStylesheetTreeStore');

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

@@ -4,6 +4,7 @@ import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
  * @class UmbStylesheetTreeStore
  * @augments {UmbUniqueTreeStore}
  * @description - Tree Data Store for Stylesheets
+ * @deprecated - Use `UmbStylesheetTreeRepository` instead. This will be removed in Umbraco 18.
  */
 export declare class UmbStylesheetTreeStore extends UmbUniqueTreeStore {
     /**

package/dist-cms/packages/templating/stylesheets/tree/stylesheet-tree.store.js

@@ -4,6 +4,7 @@ import { UmbUniqueTreeStore } from '@umbraco-cms/backoffice/tree';
  * @class UmbStylesheetTreeStore
  * @augments {UmbUniqueTreeStore}
  * @description - Tree Data Store for Stylesheets
+ * @deprecated - Use `UmbStylesheetTreeRepository` instead. This will be removed in Umbraco 18.
  */
 export class UmbStylesheetTreeStore extends UmbUniqueTreeStore {
     /**

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

@@ -1,5 +1,4 @@
 import '../template-card/template-card.element.js';
-import type { UmbTemplateItemModel } from '../../repository/item/index.js';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 declare const UmbInputTemplateElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<FormDataEntryValue | FormData>) & typeof UmbLitElement;
 export declare class UmbInputTemplateElement extends UmbInputTemplateElement_base {
@@ -34,12 +33,9 @@ export declare class UmbInputTemplateElement extends UmbInputTemplateElement_bas
     maxMessage: string;
     set selection(newKeys: Array<string> | undefined);
     get selection(): Array<string> | undefined;
-    _selection: Array<string>;
-    _defaultUnique: string;
     set defaultUnique(newId: string);
     get defaultUnique(): string;
-    private _templateItemRepository;
-    _pickedTemplates: UmbTemplateItemModel[];
+    private _pickedTemplates;
     constructor();
     protected getFormElement(): this;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -16,19 +16,22 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
 let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormControlMixin(UmbLitElement, '') {
     set selection(newKeys) {
-        this._selection = newKeys ?? [];
+        this.#selection = newKeys ?? [];
         this.#observePickedTemplates();
     }
     get selection() {
-        return this._selection;
+        return this.#selection;
     }
+    #selection;
     set defaultUnique(newId) {
-        this._defaultUnique = newId;
+        this.#defaultUnique = newId;
         super.value = newId;
     }
     get defaultUnique() {
-        return this._defaultUnique;
+        return this.#defaultUnique;
     }
+    #defaultUnique;
+    #templateItemRepository;
     #templatePath;
     constructor() {
         super();
@@ -46,10 +49,10 @@ let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormContr
          * @default
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
-        this._selection = [];
-        this._defaultUnique = '';
-        this._templateItemRepository = new UmbTemplateItemRepository(this);
+        this.#selection = [];
+        this.#defaultUnique = '';
         this._pickedTemplates = [];
+        this.#templateItemRepository = new UmbTemplateItemRepository(this);
         this.#templatePath = '';
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
             .addAdditionalPath('template')
@@ -61,7 +64,7 @@ let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormContr
         });
     }
     async #observePickedTemplates() {
-        this.observe((await this._templateItemRepository?.requestItems(this._selection))?.asObservable?.(), (data) => {
+        this.observe((await this.#templateItemRepository?.requestItems(this.#selection))?.asObservable?.(), (data) => {
             const oldValue = this._pickedTemplates;
             this._pickedTemplates = data ?? [];
             this.requestUpdate('_pickedTemplates', oldValue);
@@ -88,7 +91,7 @@ let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormContr
         const value = await umbOpenModal(this, UMB_TEMPLATE_PICKER_MODAL, {
             data: {
                 multiple: true,
-                pickableFilter: (template) => template.unique !== null && !this._selection.includes(template.unique),
+                pickableFilter: (template) => template.unique !== null && !this.#selection.includes(template.unique),
             },
         }).catch(() => undefined);
         if (!value?.selection)
@@ -109,7 +112,7 @@ let UmbInputTemplateElement = class UmbInputTemplateElement extends UUIFormContr
         In current backoffice we just prevent deleting a default when there are other templates. But if its the only one its okay. This is a weird experience, so we should make something that makes more sense.
         BTW. its weird cause the damage of removing the default template is equally bad when there is one or more templates.
         */
-        this.selection = this._selection.filter((x) => x !== unique);
+        this.selection = this.#selection.filter((x) => x !== unique);
         // If the default template is removed, set the first picked template as default or reset defaultUnique.
         if (unique === this.defaultUnique) {
             if (this.selection.length) {

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

@@ -10,7 +10,6 @@ export declare class UmbTemplateCardElement extends UmbTemplateCardElement_base
     #private;
     name: string;
     default: boolean;
-    _id: string;
     set id(newId: string);
     get id(): string;
     protected getFormElement(): undefined;