@umbraco-cms/backoffice 14.0.0-rc2 → 14.0.0-rc3

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

@@ -4,12 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbTemplateCardElement_instances, _UmbTemplateCardElement_setSelection, _UmbTemplateCardElement_openTemplate;
 import { css, html, customElement, property } from '../../../../../external/lit/index.js';
 import { UUIFormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
@@ -24,7 +18,6 @@ import { UmbLitElement } from '../../../../core/lit-element/index.js';
 let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControlMixin(UmbLitElement, '') {
     constructor() {
         super(...arguments);
-        _UmbTemplateCardElement_instances.add(this);
         this.name = '';
         this.default = false;
         this._id = '';
@@ -39,9 +32,20 @@ let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControl
     getFormElement() {
         return undefined;
     }
+    #setSelection(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        //this.selected = true;
+        this.dispatchEvent(new CustomEvent('change', { bubbles: false, composed: true }));
+    }
+    #openTemplate(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        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="${__classPrivateFieldGet(this, _UmbTemplateCardElement_instances, "m", _UmbTemplateCardElement_openTemplate)}">
+			<button id="open-part" aria-label="Open ${this.name}" @click="${this.#openTemplate}">
 				<uui-icon class="logo" name="icon-layout"></uui-icon>
 				<strong>${this.name.length ? this.name : 'Untitled template'}</strong>
 			</button>
@@ -49,27 +53,14 @@ let UmbTemplateCardElement = class UmbTemplateCardElement extends UUIFormControl
 				id="bottom"
 				label="${this.localize.term('settings_defaulttemplate')}"
 				?disabled="${this.default}"
-				@click="${__classPrivateFieldGet(this, _UmbTemplateCardElement_instances, "m", _UmbTemplateCardElement_setSelection)}">
+				@click="${this.#setSelection}">
 				(${this.localize.term(this.default ? 'settings_defaulttemplate' : 'grid_setAsDefault')})
 			</uui-button>
 			<slot name="actions"></slot>
 		</div>`;
     }
-};
-_UmbTemplateCardElement_instances = new WeakSet();
-_UmbTemplateCardElement_setSelection = function _UmbTemplateCardElement_setSelection(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    //this.selected = true;
-    this.dispatchEvent(new CustomEvent('change', { bubbles: false, composed: true }));
-};
-_UmbTemplateCardElement_openTemplate = function _UmbTemplateCardElement_openTemplate(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    this.dispatchEvent(new CustomEvent('open', { bubbles: false, composed: true }));
-};
-UmbTemplateCardElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			:host {
 				box-sizing: border-box;
 				display: contents;
@@ -157,7 +148,8 @@ UmbTemplateCardElement.styles = [
 				color: var(--uui-color-divider-emphasis);
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: String })
 ], UmbTemplateCardElement.prototype, "name", void 0);

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

@@ -1,14 +1,16 @@
-import { manifests as repositoryManifests } from './repository/manifests.js';
+import { manifests as entityActionsManifests } from './entity-actions/manifests.js';
 import { manifests as menuManifests } from './menu/manifests.js';
+import { manifests as modalManifests } from './modals/manifests.js';
+import { manifests as repositoryManifests } from './repository/manifests.js';
+import { manifests as searchManifests } from './search/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
-import { manifests as entityActionsManifests } from './entity-actions/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
-import { manifests as modalManifests } from './modals/manifests.js';
 export const manifests = [
+    ...entityActionsManifests,
+    ...menuManifests,
     ...modalManifests,
     ...repositoryManifests,
-    ...menuManifests,
+    ...searchManifests,
     ...treeManifests,
-    ...entityActionsManifests,
     ...workspaceManifests,
 ];

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

@@ -4,12 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbTemplateQueryBuilderFilterElement_instances, _UmbTemplateQueryBuilderFilterElement_setPropertyAlias, _UmbTemplateQueryBuilderFilterElement_setConstrainValue, _UmbTemplateQueryBuilderFilterElement_setOperator, _UmbTemplateQueryBuilderFilterElement_resetOperator, _UmbTemplateQueryBuilderFilterElement_resetFilter, _UmbTemplateQueryBuilderFilterElement_removeOrReset, _UmbTemplateQueryBuilderFilterElement_addFilter;
 import { localizeOperators, localizePropertyType } from './utils.js';
 import { css, html, customElement, property, state, ifDefined } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
@@ -17,27 +11,47 @@ import { TemplateQueryPropertyTypeModel } from '../../../../../external/backend-
 let UmbTemplateQueryBuilderFilterElement = class UmbTemplateQueryBuilderFilterElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        _UmbTemplateQueryBuilderFilterElement_instances.add(this);
         this.filter = {};
         this.unremovable = false;
         this.currentPropertyType = null;
-        _UmbTemplateQueryBuilderFilterElement_setPropertyAlias.set(this, (e) => {
+        this.#setPropertyAlias = (e) => {
             const target = e.target;
             const oldCurrentPropertyType = this.currentPropertyType;
             this.filter = { ...this.filter, propertyAlias: target.value };
             this.currentPropertyType =
                 this.settings?.properties?.find((p) => p.alias === this.filter.propertyAlias)?.type ?? null;
             if (oldCurrentPropertyType !== this.currentPropertyType)
-                __classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_instances, "m", _UmbTemplateQueryBuilderFilterElement_resetOperator).call(this);
-        });
-        _UmbTemplateQueryBuilderFilterElement_setConstrainValue.set(this, (e) => {
+                this.#resetOperator();
+        };
+        this.#setConstrainValue = (e) => {
             const target = e.target;
             this.filter = { ...this.filter, constraintValue: target.value };
-        });
-        _UmbTemplateQueryBuilderFilterElement_setOperator.set(this, (e) => {
+        };
+        this.#setOperator = (e) => {
             const target = e.target;
             this.filter = { ...this.filter, operator: target.value };
-        });
+        };
+    }
+    #setPropertyAlias;
+    #setConstrainValue;
+    #setOperator;
+    #resetOperator() {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        this.filter = { ...this.filter, operator: undefined };
+    }
+    #resetFilter() {
+        this.filter = {};
+        this.dispatchEvent(new Event('remove-filter'));
+    }
+    #removeOrReset() {
+        if (this.unremovable)
+            this.#resetFilter();
+        else
+            this.dispatchEvent(new Event('remove-filter'));
+    }
+    #addFilter() {
+        this.dispatchEvent(new Event('add-filter'));
     }
     get isFilterValid() {
         return Object.keys(this.filter).length === 3 && Object.values(this.filter).every((v) => !!v);
@@ -55,7 +69,7 @@ let UmbTemplateQueryBuilderFilterElement = class UmbTemplateQueryBuilderFilterEl
         const operators = localizeOperators(this.settings?.operators, this.currentPropertyType);
         return html `<umb-dropdown look="outline" id="operator-dropdown" label="Choose operator">
 			<span slot="label">${this.filter?.operator ?? ''}</span>
-			<uui-combobox-list @change=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_setOperator, "f")} class="options-list">
+			<uui-combobox-list @change=${this.#setOperator} class="options-list">
 				${operators
             ?.filter((operator) => this.currentPropertyType ? operator.applicableTypes?.includes(this.currentPropertyType) : true)
             .map((operator) => html `<uui-combobox-list-option .value=${operator.operator ?? ''}>
@@ -67,13 +81,13 @@ let UmbTemplateQueryBuilderFilterElement = class UmbTemplateQueryBuilderFilterEl
     _renderConstraintValueInput() {
         switch (this.currentPropertyType) {
             case TemplateQueryPropertyTypeModel.INTEGER:
-                return html `<uui-input type="number" @change=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_setConstrainValue, "f")} label="constrain value"></uui-input>`;
+                return html `<uui-input type="number" @change=${this.#setConstrainValue} label="constrain value"></uui-input>`;
             case TemplateQueryPropertyTypeModel.STRING:
-                return html `<uui-input type="text" @change=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_setConstrainValue, "f")} label="constrain value"></uui-input>`;
+                return html `<uui-input type="text" @change=${this.#setConstrainValue} label="constrain value"></uui-input>`;
             case TemplateQueryPropertyTypeModel.DATE_TIME:
-                return html `<uui-input type="date" @change=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_setConstrainValue, "f")} label="constrain value"></uui-input>`;
+                return html `<uui-input type="date" @change=${this.#setConstrainValue} label="constrain value"></uui-input>`;
             default:
-                return html `<uui-input type="text" @change=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_setConstrainValue, "f")} label="constrain value"></uui-input>`;
+                return html `<uui-input type="text" @change=${this.#setConstrainValue} label="constrain value"></uui-input>`;
         }
     }
     render() {
@@ -82,7 +96,7 @@ let UmbTemplateQueryBuilderFilterElement = class UmbTemplateQueryBuilderFilterEl
 			<span>${this.unremovable ? this.localize.term('template_where') : this.localize.term('template_and')}</span>
 			<umb-dropdown look="outline" id="property-alias-dropdown" label="Property alias">
 				<span slot="label">${this.filter?.propertyAlias ?? ''}</span>
-				<uui-combobox-list @change=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_setPropertyAlias, "f")} class="options-list">
+				<uui-combobox-list @change=${this.#setPropertyAlias} class="options-list">
 					${properties?.map((property) => html `<uui-combobox-list-option tabindex="0" .value=${property.alias ?? ''}>
 								<umb-localize key=${ifDefined(property.localizeKey)}> ${property.alias}</umb-localize>
 							</uui-combobox-list-option>`)}
@@ -95,44 +109,21 @@ let UmbTemplateQueryBuilderFilterElement = class UmbTemplateQueryBuilderFilterEl
 					title=${this.localize.term('general_add')}
 					label=${this.localize.term('general_add')}
 					compact
-					@click=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_instances, "m", _UmbTemplateQueryBuilderFilterElement_addFilter)}>
+					@click=${this.#addFilter}>
 					<uui-icon name="icon-add"></uui-icon>
 				</uui-button>
 				<uui-button
 					title=${this.localize.term('general_remove')}
 					label=${this.localize.term('general_remove')}
 					compact
-					@click=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_instances, "m", _UmbTemplateQueryBuilderFilterElement_removeOrReset)}>
+					@click=${this.#removeOrReset}>
 					<uui-icon name="delete"></uui-icon>
 				</uui-button>
 			</uui-button-group>
 		`;
     }
-};
-_UmbTemplateQueryBuilderFilterElement_setPropertyAlias = new WeakMap();
-_UmbTemplateQueryBuilderFilterElement_setConstrainValue = new WeakMap();
-_UmbTemplateQueryBuilderFilterElement_setOperator = new WeakMap();
-_UmbTemplateQueryBuilderFilterElement_instances = new WeakSet();
-_UmbTemplateQueryBuilderFilterElement_resetOperator = function _UmbTemplateQueryBuilderFilterElement_resetOperator() {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    this.filter = { ...this.filter, operator: undefined };
-};
-_UmbTemplateQueryBuilderFilterElement_resetFilter = function _UmbTemplateQueryBuilderFilterElement_resetFilter() {
-    this.filter = {};
-    this.dispatchEvent(new Event('remove-filter'));
-};
-_UmbTemplateQueryBuilderFilterElement_removeOrReset = function _UmbTemplateQueryBuilderFilterElement_removeOrReset() {
-    if (this.unremovable)
-        __classPrivateFieldGet(this, _UmbTemplateQueryBuilderFilterElement_instances, "m", _UmbTemplateQueryBuilderFilterElement_resetFilter).call(this);
-    else
-        this.dispatchEvent(new Event('remove-filter'));
-};
-_UmbTemplateQueryBuilderFilterElement_addFilter = function _UmbTemplateQueryBuilderFilterElement_addFilter() {
-    this.dispatchEvent(new Event('add-filter'));
-};
-UmbTemplateQueryBuilderFilterElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			:host {
 				display: flex;
 				gap: 10px;
@@ -146,7 +137,8 @@ UmbTemplateQueryBuilderFilterElement.styles = [
 				margin: 0;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Object, attribute: false })
 ], UmbTemplateQueryBuilderFilterElement.prototype, "filter", void 0);

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

@@ -4,18 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbTemplateQueryBuilderModalElement_instances, _UmbTemplateQueryBuilderModalElement_documentItemRepository, _UmbTemplateQueryBuilderModalElement_templateQueryRepository, _UmbTemplateQueryBuilderModalElement_init, _UmbTemplateQueryBuilderModalElement_close, _UmbTemplateQueryBuilderModalElement_submit, _UmbTemplateQueryBuilderModalElement_updateQueryRequest, _UmbTemplateQueryBuilderModalElement_getTemplateQuerySettings, _UmbTemplateQueryBuilderModalElement_executeTemplateQuery, _UmbTemplateQueryBuilderModalElement_openDocumentPicker, _UmbTemplateQueryBuilderModalElement_getDocumentItem, _UmbTemplateQueryBuilderModalElement_createFilterElement, _UmbTemplateQueryBuilderModalElement_setContentType, _UmbTemplateQueryBuilderModalElement_setSortProperty, _UmbTemplateQueryBuilderModalElement_setSortDirection, _UmbTemplateQueryBuilderModalElement_addFilterElement, _UmbTemplateQueryBuilderModalElement_updateFilters, _UmbTemplateQueryBuilderModalElement_removeFilter;
 import { UmbTemplateQueryRepository } from '../../repository/query/index.js';
 import { localizePropertyType, localizeSort } from './utils.js';
 import { css, html, customElement, state, query, queryAll, ifDefined } from '../../../../../external/lit/index.js';
@@ -28,30 +16,29 @@ var SortOrder;
     SortOrder["Descending"] = "descending";
 })(SortOrder || (SortOrder = {}));
 let UmbTemplateQueryBuilderModalElement = class UmbTemplateQueryBuilderModalElement extends UmbModalBaseElement {
+    #documentItemRepository;
+    #templateQueryRepository;
     constructor() {
         super();
-        _UmbTemplateQueryBuilderModalElement_instances.add(this);
         this._queryRequest = {};
         this._selectedRootContentName = this.localize.term('template_websiteRoot');
         this._defaultSortDirection = SortOrder.Ascending;
-        _UmbTemplateQueryBuilderModalElement_documentItemRepository.set(this, void 0);
-        _UmbTemplateQueryBuilderModalElement_templateQueryRepository.set(this, void 0);
-        _UmbTemplateQueryBuilderModalElement_executeTemplateQuery.set(this, async () => {
-            const { data } = await __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_templateQueryRepository, "f").executeTemplateQuery(this._queryRequest);
+        this.#executeTemplateQuery = async () => {
+            const { data } = await this.#templateQueryRepository.executeTemplateQuery(this._queryRequest);
             if (data) {
                 this._templateQuery = { ...data };
                 this.value = { value: this._templateQuery?.queryExpression ?? '' };
             }
-        });
-        _UmbTemplateQueryBuilderModalElement_addFilterElement.set(this, () => {
-            this._filterContainer?.appendChild(__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_createFilterElement).call(this));
-        });
-        _UmbTemplateQueryBuilderModalElement_updateFilters.set(this, () => {
+        };
+        this.#addFilterElement = () => {
+            this._filterContainer?.appendChild(this.#createFilterElement());
+        };
+        this.#updateFilters = () => {
             // Only use the filter from elements that have everything set
             const ready = Array.from(this._filterElements)?.filter((element) => element.isFilterValid);
-            __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_updateQueryRequest).call(this, { filters: ready?.map((element) => element.filter) ?? [] });
-        });
-        _UmbTemplateQueryBuilderModalElement_removeFilter.set(this, (event) => {
+            this.#updateQueryRequest({ filters: ready?.map((element) => element.filter) ?? [] });
+        };
+        this.#removeFilter = (event) => {
             if (this._filterElements.length > 1) {
                 const target = event.target;
                 this._filterContainer?.removeChild(target);
@@ -59,12 +46,97 @@ let UmbTemplateQueryBuilderModalElement = class UmbTemplateQueryBuilderModalElem
                     this._filterElements[0].unremovable = true;
                 }
             }
-            __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_updateFilters, "f").call(this);
+            this.#updateFilters();
+        };
+        this.#templateQueryRepository = new UmbTemplateQueryRepository(this);
+        this.#documentItemRepository = new UmbDocumentItemRepository(this);
+        this.#init();
+    }
+    #init() {
+        this.#getTemplateQuerySettings();
+        this.#executeTemplateQuery();
+    }
+    #close() {
+        this.modalContext?.reject();
+    }
+    #submit() {
+        this.modalContext?.submit();
+    }
+    #updateQueryRequest(update) {
+        this._queryRequest = { ...this._queryRequest, ...update };
+        this.#executeTemplateQuery();
+    }
+    async #getTemplateQuerySettings() {
+        const { data } = await this.#templateQueryRepository.requestTemplateQuerySettings();
+        if (data)
+            this._queryBuilderSettings = data;
+    }
+    #executeTemplateQuery;
+    async #openDocumentPicker() {
+        const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
+        modalManager
+            .open(this, UMB_DOCUMENT_PICKER_MODAL, { data: { hideTreeRoot: true } })
+            .onSubmit()
+            .then((result) => {
+            const selection = result.selection[0];
+            this.#updateQueryRequest({ rootDocument: selection ? { unique: selection } : null });
+            if (result.selection.length > 0 && result.selection[0] === null) {
+                this._selectedRootContentName = 'all pages';
+                return;
+            }
+            if (result.selection.length > 0) {
+                this.#getDocumentItem(result.selection);
+                return;
+            }
         });
-        __classPrivateFieldSet(this, _UmbTemplateQueryBuilderModalElement_templateQueryRepository, new UmbTemplateQueryRepository(this), "f");
-        __classPrivateFieldSet(this, _UmbTemplateQueryBuilderModalElement_documentItemRepository, new UmbDocumentItemRepository(this), "f");
-        __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_init).call(this);
     }
+    async #getDocumentItem(ids) {
+        const { data } = await this.#documentItemRepository.requestItems(ids);
+        if (data) {
+            // TODO: get correct variant name
+            this._selectedRootContentName = data[0].variants[0].name;
+        }
+    }
+    #createFilterElement() {
+        const filterElement = document.createElement('umb-template-query-builder-filter');
+        filterElement.settings = this._queryBuilderSettings;
+        filterElement.classList.add('row');
+        filterElement.addEventListener('add-filter', this.#addFilterElement);
+        filterElement.addEventListener('remove-filter', this.#removeFilter);
+        filterElement.addEventListener('update-query', this.#updateFilters);
+        return filterElement;
+    }
+    #setContentType(event) {
+        const target = event.target;
+        this.#updateQueryRequest({ documentTypeAlias: target.value });
+    }
+    #setSortProperty(event) {
+        const target = event.target;
+        if (!this._queryRequest.sort)
+            this.#setSortDirection();
+        this.#updateQueryRequest({
+            sort: { ...this._queryRequest.sort, propertyAlias: target.value },
+        });
+    }
+    #setSortDirection() {
+        if (!this._queryRequest.sort?.direction) {
+            this.#updateQueryRequest({
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                sort: { ...this._queryRequest.sort, direction: this._defaultSortDirection },
+            });
+            return;
+        }
+        this.#updateQueryRequest({
+            sort: {
+                ...this._queryRequest.sort,
+                direction: this._queryRequest.sort?.direction === SortOrder.Ascending ? SortOrder.Descending : SortOrder.Ascending,
+            },
+        });
+    }
+    #addFilterElement;
+    #updateFilters;
+    #removeFilter;
     render() {
         const properties = localizePropertyType(this._queryBuilderSettings?.properties);
         const sort = localizeSort(this._queryRequest.sort);
@@ -78,7 +150,7 @@ let UmbTemplateQueryBuilderModalElement = class UmbTemplateQueryBuilderModalElem
 								<span slot="label">
 									${this._queryRequest?.documentTypeAlias ?? this.localize.term('template_allContent')}
 								</span>
-								<uui-combobox-list @change=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_setContentType)} class="options-list">
+								<uui-combobox-list @change=${this.#setContentType} class="options-list">
 									<uui-combobox-list-option value="">all content</uui-combobox-list-option>
 									${this._queryBuilderSettings?.documentTypeAliases?.map((alias) => html `<uui-combobox-list-option .value=${alias}>
 												<umb-localize key="template_contentOfType" .args=${[alias]}>
@@ -88,7 +160,7 @@ let UmbTemplateQueryBuilderModalElement = class UmbTemplateQueryBuilderModalElem
 								</uui-combobox-list></umb-dropdown
 							>
 							<umb-localize key="template_from">from</umb-localize>
-							<uui-button look="outline" @click=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_openDocumentPicker)} label="Choose root document">
+							<uui-button look="outline" @click=${this.#openDocumentPicker} label="Choose root document">
 								${this._selectedRootContentName}
 							</uui-button>
 						</div>
@@ -97,15 +169,15 @@ let UmbTemplateQueryBuilderModalElement = class UmbTemplateQueryBuilderModalElem
 								unremovable
 								class="row"
 								.settings=${this._queryBuilderSettings}
-								@add-filter=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_addFilterElement, "f")}
-								@update-query=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_updateFilters, "f")}
-								@remove-filter=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_removeFilter, "f")}></umb-template-query-builder-filter>
+								@add-filter=${this.#addFilterElement}
+								@update-query=${this.#updateFilters}
+								@remove-filter=${this.#removeFilter}></umb-template-query-builder-filter>
 						</div>
 						<div class="row">
 							<umb-localize key="template_orderBy">order by</umb-localize>
 							<umb-dropdown look="outline" id="sort-dropdown" label="Property alias">
 								<span slot="label">${this._queryRequest.sort?.propertyAlias ?? ''}</span>
-								<uui-combobox-list @change=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_setSortProperty)} class="options-list">
+								<uui-combobox-list @change=${this.#setSortProperty} class="options-list">
 									${properties?.map((property) => html `<uui-combobox-list-option .value=${property.alias ?? ''}>
 												<umb-localize key=${ifDefined(property.localizeKey)}>${property.alias}</umb-localize>
 											</uui-combobox-list-option>`)}
@@ -113,7 +185,7 @@ let UmbTemplateQueryBuilderModalElement = class UmbTemplateQueryBuilderModalElem
 							</umb-dropdown>
 
 							${sort?.propertyAlias
-            ? html `<uui-button look="outline" @click=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_setSortDirection)}>
+            ? html `<uui-button look="outline" @click=${this.#setSortDirection}>
 										<umb-localize key=${ifDefined(sort.localizeKey)}>
 											${sort.direction ?? this._defaultSortDirection}
 										</umb-localize>
@@ -134,11 +206,11 @@ let UmbTemplateQueryBuilderModalElement = class UmbTemplateQueryBuilderModalElem
 
 				<div slot="actions">
 					<uui-button
-						@click=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_close)}
+						@click=${this.#close}
 						look="secondary"
 						label=${this.localize.term('buttons_confirmActionCancel')}></uui-button>
 					<uui-button
-						@click=${__classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_submit)}
+						@click=${this.#submit}
 						look="primary"
 						color="positive"
 						label=${this.localize.term('buttons_submitChanges')}></uui-button>
@@ -146,97 +218,8 @@ let UmbTemplateQueryBuilderModalElement = class UmbTemplateQueryBuilderModalElem
 			</umb-body-layout>
 		`;
     }
-};
-_UmbTemplateQueryBuilderModalElement_documentItemRepository = new WeakMap();
-_UmbTemplateQueryBuilderModalElement_templateQueryRepository = new WeakMap();
-_UmbTemplateQueryBuilderModalElement_executeTemplateQuery = new WeakMap();
-_UmbTemplateQueryBuilderModalElement_addFilterElement = new WeakMap();
-_UmbTemplateQueryBuilderModalElement_updateFilters = new WeakMap();
-_UmbTemplateQueryBuilderModalElement_removeFilter = new WeakMap();
-_UmbTemplateQueryBuilderModalElement_instances = new WeakSet();
-_UmbTemplateQueryBuilderModalElement_init = function _UmbTemplateQueryBuilderModalElement_init() {
-    __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_getTemplateQuerySettings).call(this);
-    __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_executeTemplateQuery, "f").call(this);
-};
-_UmbTemplateQueryBuilderModalElement_close = function _UmbTemplateQueryBuilderModalElement_close() {
-    this.modalContext?.reject();
-};
-_UmbTemplateQueryBuilderModalElement_submit = function _UmbTemplateQueryBuilderModalElement_submit() {
-    this.modalContext?.submit();
-};
-_UmbTemplateQueryBuilderModalElement_updateQueryRequest = function _UmbTemplateQueryBuilderModalElement_updateQueryRequest(update) {
-    this._queryRequest = { ...this._queryRequest, ...update };
-    __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_executeTemplateQuery, "f").call(this);
-};
-_UmbTemplateQueryBuilderModalElement_getTemplateQuerySettings = async function _UmbTemplateQueryBuilderModalElement_getTemplateQuerySettings() {
-    const { data } = await __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_templateQueryRepository, "f").requestTemplateQuerySettings();
-    if (data)
-        this._queryBuilderSettings = data;
-};
-_UmbTemplateQueryBuilderModalElement_openDocumentPicker = async function _UmbTemplateQueryBuilderModalElement_openDocumentPicker() {
-    const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
-    modalManager
-        .open(this, UMB_DOCUMENT_PICKER_MODAL, { data: { hideTreeRoot: true } })
-        .onSubmit()
-        .then((result) => {
-        const selection = result.selection[0];
-        __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_updateQueryRequest).call(this, { rootDocument: selection ? { unique: selection } : null });
-        if (result.selection.length > 0 && result.selection[0] === null) {
-            this._selectedRootContentName = 'all pages';
-            return;
-        }
-        if (result.selection.length > 0) {
-            __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_getDocumentItem).call(this, result.selection);
-            return;
-        }
-    });
-};
-_UmbTemplateQueryBuilderModalElement_getDocumentItem = async function _UmbTemplateQueryBuilderModalElement_getDocumentItem(ids) {
-    const { data } = await __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_documentItemRepository, "f").requestItems(ids);
-    if (data) {
-        // TODO: get correct variant name
-        this._selectedRootContentName = data[0].variants[0].name;
-    }
-};
-_UmbTemplateQueryBuilderModalElement_createFilterElement = function _UmbTemplateQueryBuilderModalElement_createFilterElement() {
-    const filterElement = document.createElement('umb-template-query-builder-filter');
-    filterElement.settings = this._queryBuilderSettings;
-    filterElement.classList.add('row');
-    filterElement.addEventListener('add-filter', __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_addFilterElement, "f"));
-    filterElement.addEventListener('remove-filter', __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_removeFilter, "f"));
-    filterElement.addEventListener('update-query', __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_updateFilters, "f"));
-    return filterElement;
-};
-_UmbTemplateQueryBuilderModalElement_setContentType = function _UmbTemplateQueryBuilderModalElement_setContentType(event) {
-    const target = event.target;
-    __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_updateQueryRequest).call(this, { documentTypeAlias: target.value });
-};
-_UmbTemplateQueryBuilderModalElement_setSortProperty = function _UmbTemplateQueryBuilderModalElement_setSortProperty(event) {
-    const target = event.target;
-    if (!this._queryRequest.sort)
-        __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_setSortDirection).call(this);
-    __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_updateQueryRequest).call(this, {
-        sort: { ...this._queryRequest.sort, propertyAlias: target.value },
-    });
-};
-_UmbTemplateQueryBuilderModalElement_setSortDirection = function _UmbTemplateQueryBuilderModalElement_setSortDirection() {
-    if (!this._queryRequest.sort?.direction) {
-        __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_updateQueryRequest).call(this, {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            sort: { ...this._queryRequest.sort, direction: this._defaultSortDirection },
-        });
-        return;
-    }
-    __classPrivateFieldGet(this, _UmbTemplateQueryBuilderModalElement_instances, "m", _UmbTemplateQueryBuilderModalElement_updateQueryRequest).call(this, {
-        sort: {
-            ...this._queryRequest.sort,
-            direction: this._queryRequest.sort?.direction === SortOrder.Ascending ? SortOrder.Descending : SortOrder.Ascending,
-        },
-    });
-};
-UmbTemplateQueryBuilderModalElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			:host {
 				display: block;
 				color: var(--uui-color-text);
@@ -282,7 +265,8 @@ UmbTemplateQueryBuilderModalElement.styles = [
 				gap: var(--uui-size-1);
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     query('#filter-container')
 ], UmbTemplateQueryBuilderModalElement.prototype, "_filterContainer", void 0);