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

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

@@ -1,9 +1,3 @@
-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 _UmbScriptWorkspaceContext_instances, _UmbScriptWorkspaceContext_parent, _UmbScriptWorkspaceContext_data, _UmbScriptWorkspaceContext_isCodeEditorReady, _UmbScriptWorkspaceContext_loadCodeEditor;
 import { UmbScriptDetailRepository } from '../repository/index.js';
 import { UMB_SCRIPT_ENTITY_TYPE } from '../entity.js';
 import { UMB_SCRIPT_WORKSPACE_ALIAS } from './manifests.js';
@@ -15,21 +9,23 @@ import { UMB_ACTION_EVENT_CONTEXT } from '../../../core/action/index.js';
 import { UmbRequestReloadTreeItemChildrenEvent } from '../../../core/tree/index.js';
 import { UmbRequestReloadStructureForEntityEvent } from '../../../core/entity-action/index.js';
 export class UmbScriptWorkspaceContext extends UmbSubmittableWorkspaceContextBase {
+    #parent;
+    #data;
+    #isCodeEditorReady;
     constructor(host) {
         super(host, UMB_SCRIPT_WORKSPACE_ALIAS);
-        _UmbScriptWorkspaceContext_instances.add(this);
         this.repository = new UmbScriptDetailRepository(this);
-        _UmbScriptWorkspaceContext_parent.set(this, new UmbObjectState(undefined));
-        this.parentUnique = __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_parent, "f").asObservablePart((parent) => (parent ? parent.unique : undefined));
-        _UmbScriptWorkspaceContext_data.set(this, new UmbObjectState(undefined));
-        this.data = __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").asObservable();
-        this.unique = __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").asObservablePart((data) => data?.unique);
-        this.name = __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").asObservablePart((data) => data?.name);
-        this.content = __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").asObservablePart((data) => data?.content);
-        _UmbScriptWorkspaceContext_isCodeEditorReady.set(this, new UmbBooleanState(false));
-        this.isCodeEditorReady = __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_isCodeEditorReady, "f").asObservable();
+        this.#parent = new UmbObjectState(undefined);
+        this.parentUnique = this.#parent.asObservablePart((parent) => (parent ? parent.unique : undefined));
+        this.#data = new UmbObjectState(undefined);
+        this.data = this.#data.asObservable();
+        this.unique = this.#data.asObservablePart((data) => data?.unique);
+        this.name = this.#data.asObservablePart((data) => data?.name);
+        this.content = this.#data.asObservablePart((data) => data?.content);
+        this.#isCodeEditorReady = new UmbBooleanState(false);
+        this.isCodeEditorReady = this.#isCodeEditorReady.asObservable();
         this.routes = new UmbWorkspaceRouteManager(this);
-        __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_instances, "m", _UmbScriptWorkspaceContext_loadCodeEditor).call(this);
+        this.#loadCodeEditor();
         this.routes.setRoutes([
             {
                 path: 'create/parent/:entityType/:parentUnique',
@@ -53,7 +49,16 @@ export class UmbScriptWorkspaceContext extends UmbSubmittableWorkspaceContextBas
     }
     resetState() {
         super.resetState();
-        __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").setValue(undefined);
+        this.#data.setValue(undefined);
+    }
+    async #loadCodeEditor() {
+        try {
+            await loadCodeEditor();
+            this.#isCodeEditorReady.setValue(true);
+        }
+        catch (error) {
+            console.error(error);
+        }
     }
     getEntityType() {
         return UMB_SCRIPT_ENTITY_TYPE;
@@ -65,20 +70,20 @@ export class UmbScriptWorkspaceContext extends UmbSubmittableWorkspaceContextBas
         return data.unique;
     }
     getData() {
-        return __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").getValue();
+        return this.#data.getValue();
     }
     setName(value) {
-        __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").update({ name: value });
+        this.#data.update({ name: value });
     }
     setContent(value) {
-        __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").update({ content: value });
+        this.#data.update({ content: value });
     }
     async load(unique) {
         this.resetState();
         const { data, asObservable } = await this.repository.requestByUnique(unique);
         if (data) {
             this.setIsNew(false);
-            __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").setValue(data);
+            this.#data.setValue(data);
             this.observe(asObservable(), (data) => this.onDetailStoreChanges(data), 'umbDetailStoreObserver');
         }
     }
@@ -86,30 +91,30 @@ export class UmbScriptWorkspaceContext extends UmbSubmittableWorkspaceContextBas
         // Data is removed from the store
         // TODO: revisit. We need to handle what should happen when the data is removed from the store
         if (data === undefined) {
-            __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").setValue(undefined);
+            this.#data.setValue(undefined);
         }
     }
     async create(parent) {
         this.resetState();
-        __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_parent, "f").setValue(parent);
+        this.#parent.setValue(parent);
         const { data } = await this.repository.createScaffold();
         if (data) {
             this.setIsNew(true);
-            __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").setValue(data);
+            this.#data.setValue(data);
         }
     }
     async submit() {
-        if (!__classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").value)
+        if (!this.#data.value)
             throw new Error('Data is missing');
         if (this.getIsNew()) {
-            const parent = __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_parent, "f").getValue();
+            const parent = this.#parent.getValue();
             if (!parent)
                 throw new Error('Parent is not set');
-            const { error, data } = await this.repository.create(__classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").value, parent.unique);
+            const { error, data } = await this.repository.create(this.#data.value, parent.unique);
             if (error) {
                 throw new Error(error.message);
             }
-            __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").setValue(data);
+            this.#data.setValue(data);
             this.setIsNew(false);
             // TODO: this might not be the right place to alert the tree, but it works for now
             const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
@@ -120,11 +125,11 @@ export class UmbScriptWorkspaceContext extends UmbSubmittableWorkspaceContextBas
             eventContext.dispatchEvent(event);
         }
         else {
-            const { error, data } = await this.repository.save(__classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").value);
+            const { error, data } = await this.repository.save(this.#data.value);
             if (error) {
                 throw new Error(error.message);
             }
-            __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").setValue(data);
+            this.#data.setValue(data);
             const actionEventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
             const event = new UmbRequestReloadStructureForEntityEvent({
                 unique: this.getUnique(),
@@ -135,16 +140,7 @@ export class UmbScriptWorkspaceContext extends UmbSubmittableWorkspaceContextBas
     }
     destroy() {
         super.destroy();
-        __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_data, "f").destroy();
+        this.#data.destroy();
     }
 }
-_UmbScriptWorkspaceContext_parent = new WeakMap(), _UmbScriptWorkspaceContext_data = new WeakMap(), _UmbScriptWorkspaceContext_isCodeEditorReady = new WeakMap(), _UmbScriptWorkspaceContext_instances = new WeakSet(), _UmbScriptWorkspaceContext_loadCodeEditor = async function _UmbScriptWorkspaceContext_loadCodeEditor() {
-    try {
-        await loadCodeEditor();
-        __classPrivateFieldGet(this, _UmbScriptWorkspaceContext_isCodeEditorReady, "f").setValue(true);
-    }
-    catch (error) {
-        console.error(error);
-    }
-};
 export { UmbScriptWorkspaceContext as api };

package/dist-cms/packages/templating/stylesheets/components/stylesheet-input/stylesheet-input.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 _UmbStylesheetInputElement_instances, _UmbStylesheetInputElement_pickerContext, _UmbStylesheetInputElement_renderItem;
 import { UmbStylesheetPickerContext } from './stylesheet-input.context.js';
 import { css, html, customElement, property, state, repeat } from '../../../../../external/lit/index.js';
 import { UUIFormControlMixin } from '../../../../../external/uui/index.js';
@@ -23,10 +17,10 @@ let UmbStylesheetInputElement = class UmbStylesheetInputElement extends UUIFormC
      * @default 0
      */
     set min(value) {
-        __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").min = value;
+        this.#pickerContext.min = value;
     }
     get min() {
-        return __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").min;
+        return this.#pickerContext.min;
     }
     /**
      * This is a maximum amount of selected items in this input.
@@ -35,27 +29,27 @@ let UmbStylesheetInputElement = class UmbStylesheetInputElement extends UUIFormC
      * @default Infinity
      */
     set max(value) {
-        __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").max = value;
+        this.#pickerContext.max = value;
     }
     get max() {
-        return __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").max;
+        return this.#pickerContext.max;
     }
     set selection(ids) {
-        __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").setSelection(ids ?? []);
+        this.#pickerContext.setSelection(ids ?? []);
     }
     get selection() {
-        return __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").getSelection();
+        return this.#pickerContext.getSelection();
     }
     set value(idsString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
         this.selection = splitStringToArray(idsString);
     }
     get value() {
-        return __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").getSelection().join(',');
+        return this.#pickerContext.getSelection().join(',');
     }
+    #pickerContext;
     constructor() {
         super();
-        _UmbStylesheetInputElement_instances.add(this);
         /**
          * Min validation message.
          * @type {boolean}
@@ -71,11 +65,11 @@ let UmbStylesheetInputElement = class UmbStylesheetInputElement extends UUIFormC
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
         this._items = [];
-        _UmbStylesheetInputElement_pickerContext.set(this, new UmbStylesheetPickerContext(this));
-        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").getSelection().length < this.min);
-        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").getSelection().length > this.max);
-        this.observe(__classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").selection, (selection) => (this.value = selection.join(',')));
-        this.observe(__classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").selectedItems, (selectedItems) => (this._items = selectedItems));
+        this.#pickerContext = new UmbStylesheetPickerContext(this);
+        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.#pickerContext.getSelection().length < this.min);
+        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.#pickerContext.getSelection().length > this.max);
+        this.observe(this.#pickerContext.selection, (selection) => (this.value = selection.join(',')));
+        this.observe(this.#pickerContext.selectedItems, (selectedItems) => (this._items = selectedItems));
     }
     getFormElement() {
         return undefined;
@@ -83,38 +77,36 @@ let UmbStylesheetInputElement = class UmbStylesheetInputElement extends UUIFormC
     render() {
         return html `
 			<uui-ref-list>
-				${repeat(this._items, (item) => item.unique, (item) => __classPrivateFieldGet(this, _UmbStylesheetInputElement_instances, "m", _UmbStylesheetInputElement_renderItem).call(this, item))}
+				${repeat(this._items, (item) => item.unique, (item) => this.#renderItem(item))}
 			</uui-ref-list>
 			<uui-button
 				id="btn-add"
 				look="placeholder"
-				@click=${() => __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").openPicker()}
+				@click=${() => this.#pickerContext.openPicker()}
 				label="Add stylesheet"></uui-button>
 		`;
     }
-};
-_UmbStylesheetInputElement_pickerContext = new WeakMap();
-_UmbStylesheetInputElement_instances = new WeakSet();
-_UmbStylesheetInputElement_renderItem = function _UmbStylesheetInputElement_renderItem(item) {
-    if (!item.unique)
-        return;
-    return html `
+    #renderItem(item) {
+        if (!item.unique)
+            return;
+        return html `
 			<uui-ref-node-data-type name=${item.name}>
 				<uui-action-bar slot="actions">
 					<uui-button
-						@click=${() => __classPrivateFieldGet(this, _UmbStylesheetInputElement_pickerContext, "f").requestRemoveItem(item.unique)}
+						@click=${() => this.#pickerContext.requestRemoveItem(item.unique)}
 						label=${this.localize.term('general_remove')}></uui-button>
 				</uui-action-bar>
 			</uui-ref-node-data-type>
 		`;
-};
-UmbStylesheetInputElement.styles = [
-    css `
+    }
+    static { this.styles = [
+        css `
 			#btn-add {
 				width: 100%;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Number })
 ], UmbStylesheetInputElement.prototype, "min", null);

package/dist-cms/packages/templating/stylesheets/components/stylesheet-rule-input/stylesheet-rule-input.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 _UmbStylesheetRuleInputElement_instances, _UmbStylesheetRuleInputElement_sorter, _UmbStylesheetRuleInputElement_openRuleSettings, _UmbStylesheetRuleInputElement_appendRule, _UmbStylesheetRuleInputElement_editRule, _UmbStylesheetRuleInputElement_removeRule;
 import { UMB_STYLESHEET_RULE_SETTINGS_MODAL } from './stylesheet-rule-settings-modal.token.js';
 import { css, html, customElement, repeat, property } from '../../../../../external/lit/index.js';
 import { UmbChangeEvent } from '../../../../core/event/index.js';
@@ -20,8 +14,7 @@ import { UUIFormControlMixin } from '../../../../../external/uui/index.js';
 let UmbStylesheetRuleInputElement = class UmbStylesheetRuleInputElement extends UUIFormControlMixin(UmbLitElement, '') {
     constructor() {
         super(...arguments);
-        _UmbStylesheetRuleInputElement_instances.add(this);
-        _UmbStylesheetRuleInputElement_sorter.set(this, new UmbSorterController(this, {
+        this.#sorter = new UmbSorterController(this, {
             getUniqueOfElement: (element) => element.id,
             getUniqueOfModel: (modelEntry) => modelEntry.name,
             identifier: 'Umb.SorterIdentifier.InputStylesheetRule',
@@ -31,10 +24,10 @@ let UmbStylesheetRuleInputElement = class UmbStylesheetRuleInputElement extends
                 this.rules = model;
                 this.dispatchEvent(new UmbChangeEvent());
             },
-        }));
+        });
         this.rules = [];
-        _UmbStylesheetRuleInputElement_appendRule.set(this, () => {
-            __classPrivateFieldGet(this, _UmbStylesheetRuleInputElement_instances, "m", _UmbStylesheetRuleInputElement_openRuleSettings).call(this, null)
+        this.#appendRule = () => {
+            this.#openRuleSettings(null)
                 .then((value) => {
                 if (!value.rule)
                     return;
@@ -42,9 +35,9 @@ let UmbStylesheetRuleInputElement = class UmbStylesheetRuleInputElement extends
                 this.dispatchEvent(new UmbChangeEvent());
             })
                 .catch(() => undefined);
-        });
-        _UmbStylesheetRuleInputElement_editRule.set(this, (rule, index) => {
-            __classPrivateFieldGet(this, _UmbStylesheetRuleInputElement_instances, "m", _UmbStylesheetRuleInputElement_openRuleSettings).call(this, rule)
+        };
+        this.#editRule = (rule, index) => {
+            this.#openRuleSettings(rule)
                 .then((value) => {
                 if (!value.rule)
                     return;
@@ -53,17 +46,31 @@ let UmbStylesheetRuleInputElement = class UmbStylesheetRuleInputElement extends
                 this.requestUpdate();
             })
                 .catch(() => undefined);
-        });
-        _UmbStylesheetRuleInputElement_removeRule.set(this, (rule) => {
+        };
+        this.#removeRule = (rule) => {
             this.rules = this.rules.filter((r) => r.name !== rule.name);
             this.dispatchEvent(new UmbChangeEvent());
-        });
+        };
     }
+    #sorter;
     getFormElement() {
         return undefined;
     }
+    async #openRuleSettings(rule = null) {
+        const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
+        const value = {
+            rule: rule ? { name: rule.name, selector: rule.selector, styles: rule.styles } : null,
+        };
+        const modalContext = modalManager.open(this, UMB_STYLESHEET_RULE_SETTINGS_MODAL, {
+            value,
+        });
+        return modalContext?.onSubmit();
+    }
+    #appendRule;
+    #editRule;
+    #removeRule;
     firstUpdated() {
-        __classPrivateFieldGet(this, _UmbStylesheetRuleInputElement_sorter, "f").setModel(this.rules);
+        this.#sorter.setModel(this.rules);
     }
     render() {
         return html `
@@ -73,35 +80,19 @@ let UmbStylesheetRuleInputElement = class UmbStylesheetRuleInputElement extends
 							<uui-action-bar slot="actions">
 								<uui-button
 									label=${this.localize.term('general_edit')}
-									@click=${() => __classPrivateFieldGet(this, _UmbStylesheetRuleInputElement_editRule, "f").call(this, rule, index)}></uui-button>
+									@click=${() => this.#editRule(rule, index)}></uui-button>
 								<uui-button
 									label=${this.localize.term('general_remove')}
-									@click=${() => __classPrivateFieldGet(this, _UmbStylesheetRuleInputElement_removeRule, "f").call(this, rule)}></uui-button>
+									@click=${() => this.#removeRule(rule)}></uui-button>
 							</uui-action-bar>
 						</umb-stylesheet-rule-ref>
 					`)}
 			</uui-ref-list>
-			<uui-button label=${this.localize.term('general_add')} look="placeholder" @click=${__classPrivateFieldGet(this, _UmbStylesheetRuleInputElement_appendRule, "f")}></uui-button>
+			<uui-button label=${this.localize.term('general_add')} look="placeholder" @click=${this.#appendRule}></uui-button>
 		`;
     }
-};
-_UmbStylesheetRuleInputElement_sorter = new WeakMap();
-_UmbStylesheetRuleInputElement_appendRule = new WeakMap();
-_UmbStylesheetRuleInputElement_editRule = new WeakMap();
-_UmbStylesheetRuleInputElement_removeRule = new WeakMap();
-_UmbStylesheetRuleInputElement_instances = new WeakSet();
-_UmbStylesheetRuleInputElement_openRuleSettings = async function _UmbStylesheetRuleInputElement_openRuleSettings(rule = null) {
-    const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
-    const value = {
-        rule: rule ? { name: rule.name, selector: rule.selector, styles: rule.styles } : null,
-    };
-    const modalContext = modalManager.open(this, UMB_STYLESHEET_RULE_SETTINGS_MODAL, {
-        value,
-    });
-    return modalContext?.onSubmit();
-};
-UmbStylesheetRuleInputElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			:host {
 				display: block;
 			}
@@ -110,7 +101,8 @@ UmbStylesheetRuleInputElement.styles = [
 				display: block;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Array, attribute: false })
 ], UmbStylesheetRuleInputElement.prototype, "rules", void 0);

package/dist-cms/packages/templating/stylesheets/components/stylesheet-rule-input/stylesheet-rule-settings-modal.element.js

@@ -4,19 +4,42 @@ 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 _UmbStylesheetRuleSettingsModalElement_instances, _UmbStylesheetRuleSettingsModalElement_updateName, _UmbStylesheetRuleSettingsModalElement_updateSelector, _UmbStylesheetRuleSettingsModalElement_updateStyles;
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { css, html, customElement, ifDefined } from '../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../core/modal/index.js';
 let UmbStylesheetRuleSettingsModalElement = class UmbStylesheetRuleSettingsModalElement extends UmbModalBaseElement {
-    constructor() {
-        super(...arguments);
-        _UmbStylesheetRuleSettingsModalElement_instances.add(this);
+    #updateName(event) {
+        const name = event.target.value;
+        this.updateValue({
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            rule: {
+                ...this.value.rule,
+                name,
+            },
+        });
+    }
+    #updateSelector(event) {
+        const selector = event.target.value;
+        this.updateValue({
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            rule: {
+                ...this.value.rule,
+                selector,
+            },
+        });
+    }
+    #updateStyles(event) {
+        const styles = event.target.value;
+        this.updateValue({
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            rule: {
+                ...this.value.rule,
+                styles,
+            },
+        });
     }
     render() {
         return html `
@@ -34,7 +57,7 @@ let UmbStylesheetRuleSettingsModalElement = class UmbStylesheetRuleSettingsModal
 										.value=${this.value.rule?.name ?? ''}
 										label="Rule name"
 										required
-										@input=${__classPrivateFieldGet(this, _UmbStylesheetRuleSettingsModalElement_instances, "m", _UmbStylesheetRuleSettingsModalElement_updateName)}>
+										@input=${this.#updateName}>
 									</uui-input>
 								</uui-form-layout-item>
 								<uui-form-layout-item>
@@ -45,7 +68,7 @@ let UmbStylesheetRuleSettingsModalElement = class UmbStylesheetRuleSettingsModal
 										name="selector"
 										.value=${this.value.rule?.selector ?? ''}
 										label="Rule selector"
-										@input=${__classPrivateFieldGet(this, _UmbStylesheetRuleSettingsModalElement_instances, "m", _UmbStylesheetRuleSettingsModalElement_updateSelector)}
+										@input=${this.#updateSelector}
 										required>
 									</uui-input>
 								</uui-form-layout-item>
@@ -55,7 +78,7 @@ let UmbStylesheetRuleSettingsModalElement = class UmbStylesheetRuleSettingsModal
 										>The CSS that should be applied in the rich text editor, e.g. "color:red;"</span
 									>
 									<uui-textarea
-										@input=${__classPrivateFieldGet(this, _UmbStylesheetRuleSettingsModalElement_instances, "m", _UmbStylesheetRuleSettingsModalElement_updateStyles)}
+										@input=${this.#updateStyles}
 										id="styles"
 										name="styles"
 										.value=${this.value.rule?.styles ?? ''}
@@ -86,44 +109,9 @@ let UmbStylesheetRuleSettingsModalElement = class UmbStylesheetRuleSettingsModal
 			</umb-body-layout>
 		`;
     }
-};
-_UmbStylesheetRuleSettingsModalElement_instances = new WeakSet();
-_UmbStylesheetRuleSettingsModalElement_updateName = function _UmbStylesheetRuleSettingsModalElement_updateName(event) {
-    const name = event.target.value;
-    this.updateValue({
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        rule: {
-            ...this.value.rule,
-            name,
-        },
-    });
-};
-_UmbStylesheetRuleSettingsModalElement_updateSelector = function _UmbStylesheetRuleSettingsModalElement_updateSelector(event) {
-    const selector = event.target.value;
-    this.updateValue({
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        rule: {
-            ...this.value.rule,
-            selector,
-        },
-    });
-};
-_UmbStylesheetRuleSettingsModalElement_updateStyles = function _UmbStylesheetRuleSettingsModalElement_updateStyles(event) {
-    const styles = event.target.value;
-    this.updateValue({
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        rule: {
-            ...this.value.rule,
-            styles,
-        },
-    });
-};
-UmbStylesheetRuleSettingsModalElement.styles = [
-    UmbTextStyles,
-    css `
+    static { this.styles = [
+        UmbTextStyles,
+        css `
 			:host {
 				display: block;
 				color: var(--uui-color-text);
@@ -158,7 +146,8 @@ UmbStylesheetRuleSettingsModalElement.styles = [
 				width: 300px;
 			}
 		`,
-];
+    ]; }
+};
 UmbStylesheetRuleSettingsModalElement = __decorate([
     customElement('umb-stylesheet-rule-settings-modal')
 ], UmbStylesheetRuleSettingsModalElement);

package/dist-cms/packages/templating/stylesheets/components/stylesheet-rule-ref/stylesheet-rule-ref.element.js

@@ -16,8 +16,8 @@ let UmbStylesheetRuleRefElement = class UmbStylesheetRuleRefElement extends UUIR
         super(...arguments);
         this.fallbackIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1" /><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1" /></svg>';
     }
+    static { this.styles = [...UUIRefNodeElement.styles]; }
 };
-UmbStylesheetRuleRefElement.styles = [...UUIRefNodeElement.styles];
 UmbStylesheetRuleRefElement = __decorate([
     customElement('umb-stylesheet-rule-ref')
 ], UmbStylesheetRuleRefElement);