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

package/dist-cms/packages/core/components/input-multi-url/input-multi-url.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 __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 __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 _UmbInputMultiUrlElement_instances, _UmbInputMultiUrlElement_sorter, _UmbInputMultiUrlElement_urls, _UmbInputMultiUrlElement_linkPickerModal, _UmbInputMultiUrlElement_requestRemoveItem, _UmbInputMultiUrlElement_removeItem, _UmbInputMultiUrlElement_getItemByIndex, _UmbInputMultiUrlElement_getUnique, _UmbInputMultiUrlElement_setSelection, _UmbInputMultiUrlElement_dispatchChangeEvent, _UmbInputMultiUrlElement_renderAddButton, _UmbInputMultiUrlElement_renderItems, _UmbInputMultiUrlElement_renderItem;
 import { css, customElement, html, property, repeat, state } from '../../../../external/lit/index.js';
 import { simpleHashCode } from '../../../../libs/observable-api/index.js';
 import { UmbChangeEvent } from '../../event/index.js';
@@ -30,52 +18,54 @@ import { UUIFormControlMixin } from '../../../../external/uui/index.js';
  * @fires focus - when the input gains focus
  */
 let UmbInputMultiUrlElement = class UmbInputMultiUrlElement extends UUIFormControlMixin(UmbLitElement, '') {
+    #sorter;
     getFormElement() {
         return undefined;
     }
     set alias(value) {
-        __classPrivateFieldGet(this, _UmbInputMultiUrlElement_linkPickerModal, "f").setUniquePathValue('propertyAlias', value);
+        this.#linkPickerModal.setUniquePathValue('propertyAlias', value);
     }
     get alias() {
-        return __classPrivateFieldGet(this, _UmbInputMultiUrlElement_linkPickerModal, "f").getUniquePathValue('propertyAlias');
+        return this.#linkPickerModal.getUniquePathValue('propertyAlias');
     }
     set variantId(value) {
-        __classPrivateFieldGet(this, _UmbInputMultiUrlElement_linkPickerModal, "f").setUniquePathValue('variantId', value?.toString());
+        this.#linkPickerModal.setUniquePathValue('variantId', value?.toString());
     }
     get variantId() {
-        return __classPrivateFieldGet(this, _UmbInputMultiUrlElement_linkPickerModal, "f").getUniquePathValue('variantId');
+        return this.#linkPickerModal.getUniquePathValue('variantId');
     }
     /**
      * @type {Array<UmbLinkPickerLink>}
      * @default []
      */
     set urls(data) {
-        data ?? (data = []);
-        __classPrivateFieldSet(this, _UmbInputMultiUrlElement_urls, [...data], "f"); // Unfreeze data coming from State, so we can manipulate it.
-        super.value = __classPrivateFieldGet(this, _UmbInputMultiUrlElement_urls, "f").map((x) => x.url).join(',');
-        __classPrivateFieldGet(this, _UmbInputMultiUrlElement_sorter, "f").setModel(__classPrivateFieldGet(this, _UmbInputMultiUrlElement_urls, "f"));
+        data ??= [];
+        this.#urls = [...data]; // Unfreeze data coming from State, so we can manipulate it.
+        super.value = this.#urls.map((x) => x.url).join(',');
+        this.#sorter.setModel(this.#urls);
     }
     get urls() {
-        return __classPrivateFieldGet(this, _UmbInputMultiUrlElement_urls, "f");
+        return this.#urls;
     }
+    #urls;
+    #linkPickerModal;
     constructor() {
         super();
-        _UmbInputMultiUrlElement_instances.add(this);
-        _UmbInputMultiUrlElement_sorter.set(this, new UmbSorterController(this, {
+        this.#sorter = new UmbSorterController(this, {
             getUniqueOfElement: (element) => {
                 return element.id;
             },
             getUniqueOfModel: (modelEntry) => {
-                return __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_getUnique).call(this, modelEntry);
+                return this.#getUnique(modelEntry);
             },
             identifier: 'Umb.SorterIdentifier.InputMultiUrl',
             itemSelector: 'uui-ref-node',
             containerSelector: 'uui-ref-list',
             onChange: ({ model }) => {
                 this.urls = model;
-                __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_dispatchChangeEvent).call(this);
+                this.#dispatchChangeEvent();
             },
-        }));
+        });
         /**
          * Min validation message.
          * @type {boolean}
@@ -90,11 +80,10 @@ let UmbInputMultiUrlElement = class UmbInputMultiUrlElement extends UUIFormContr
          * @default
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
-        _UmbInputMultiUrlElement_urls.set(this, []);
-        _UmbInputMultiUrlElement_linkPickerModal.set(this, void 0);
+        this.#urls = [];
         this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.urls.length < this.min);
         this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.urls.length > this.max);
-        __classPrivateFieldSet(this, _UmbInputMultiUrlElement_linkPickerModal, new UmbModalRouteRegistrationController(this, UMB_LINK_PICKER_MODAL)
+        this.#linkPickerModal = new UmbModalRouteRegistrationController(this, UMB_LINK_PICKER_MODAL)
             .addAdditionalPath(`:index`)
             .addUniquePaths(['propertyAlias', 'variantId'])
             .onSetup((params) => {
@@ -108,7 +97,7 @@ let UmbInputMultiUrlElement = class UmbInputMultiUrlElement extends UUIFormContr
             // Use the index to find data:
             let data = null;
             if (index >= 0 && index < this.urls.length) {
-                data = __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_getItemByIndex).call(this, index);
+                data = this.#getItemByIndex(index);
             }
             else {
                 // If not then make a new pick:
@@ -142,79 +131,74 @@ let UmbInputMultiUrlElement = class UmbInputMultiUrlElement extends UUIFormContr
             .onSubmit((value) => {
             if (!value)
                 return;
-            __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_setSelection).call(this, value.link, __classPrivateFieldGet(this, _UmbInputMultiUrlElement_linkPickerModal, "f").modalContext?.data.index ?? null);
+            this.#setSelection(value.link, this.#linkPickerModal.modalContext?.data.index ?? null);
         })
             .observeRouteBuilder((routeBuilder) => {
             this._modalRoute = routeBuilder;
-        }), "f");
+        });
     }
-    render() {
-        return html `${__classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_renderItems).call(this)} ${__classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_renderAddButton).call(this)}`;
+    async #requestRemoveItem(index) {
+        const item = this.#urls[index];
+        if (!item)
+            throw new Error('Could not find item at index: ' + index);
+        await umbConfirmModal(this, {
+            color: 'danger',
+            headline: `Remove ${item.name}?`,
+            content: 'Are you sure you want to remove this item',
+            confirmLabel: 'Remove',
+        });
+        this.#removeItem(index);
     }
-};
-_UmbInputMultiUrlElement_sorter = new WeakMap();
-_UmbInputMultiUrlElement_urls = new WeakMap();
-_UmbInputMultiUrlElement_linkPickerModal = new WeakMap();
-_UmbInputMultiUrlElement_instances = new WeakSet();
-_UmbInputMultiUrlElement_requestRemoveItem = async function _UmbInputMultiUrlElement_requestRemoveItem(index) {
-    const item = __classPrivateFieldGet(this, _UmbInputMultiUrlElement_urls, "f")[index];
-    if (!item)
-        throw new Error('Could not find item at index: ' + index);
-    await umbConfirmModal(this, {
-        color: 'danger',
-        headline: `Remove ${item.name}?`,
-        content: 'Are you sure you want to remove this item',
-        confirmLabel: 'Remove',
-    });
-    __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_removeItem).call(this, index);
-};
-_UmbInputMultiUrlElement_removeItem = function _UmbInputMultiUrlElement_removeItem(index) {
-    this.urls.splice(index, 1);
-    __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_dispatchChangeEvent).call(this);
-};
-_UmbInputMultiUrlElement_getItemByIndex = function _UmbInputMultiUrlElement_getItemByIndex(index) {
-    return this.urls[index];
-};
-_UmbInputMultiUrlElement_getUnique = function _UmbInputMultiUrlElement_getUnique(link) {
-    return 'x' + simpleHashCode(JSON.stringify(link)).toString(16);
-};
-_UmbInputMultiUrlElement_setSelection = function _UmbInputMultiUrlElement_setSelection(selection, index) {
-    if (index !== null && index >= 0) {
-        this.urls[index] = selection;
+    #removeItem(index) {
+        this.urls.splice(index, 1);
+        this.#dispatchChangeEvent();
     }
-    else {
-        this.urls.push(selection);
+    #getItemByIndex(index) {
+        return this.urls[index];
     }
-    __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_dispatchChangeEvent).call(this);
-};
-_UmbInputMultiUrlElement_dispatchChangeEvent = function _UmbInputMultiUrlElement_dispatchChangeEvent() {
-    this.requestUpdate();
-    this.dispatchEvent(new UmbChangeEvent());
-};
-_UmbInputMultiUrlElement_renderAddButton = function _UmbInputMultiUrlElement_renderAddButton() {
-    if (this.max === 1 && this.urls && this.urls.length >= this.max)
-        return;
-    return html `
+    #getUnique(link) {
+        return 'x' + simpleHashCode(JSON.stringify(link)).toString(16);
+    }
+    #setSelection(selection, index) {
+        if (index !== null && index >= 0) {
+            this.urls[index] = selection;
+        }
+        else {
+            this.urls.push(selection);
+        }
+        this.#dispatchChangeEvent();
+    }
+    #dispatchChangeEvent() {
+        this.requestUpdate();
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    render() {
+        return html `${this.#renderItems()} ${this.#renderAddButton()}`;
+    }
+    #renderAddButton() {
+        if (this.max === 1 && this.urls && this.urls.length >= this.max)
+            return;
+        return html `
 			<uui-button
 				id="btn-add"
 				look="placeholder"
 				label=${this.localize.term('general_add')}
 				.href=${this._modalRoute?.({ index: -1 })}></uui-button>
 		`;
-};
-_UmbInputMultiUrlElement_renderItems = function _UmbInputMultiUrlElement_renderItems() {
-    if (!this.urls)
-        return;
-    return html `
+    }
+    #renderItems() {
+        if (!this.urls)
+            return;
+        return html `
 			<uui-ref-list>
-				${repeat(this.urls, (link) => link.unique, (link, index) => __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_renderItem).call(this, link, index))}
+				${repeat(this.urls, (link) => link.unique, (link, index) => this.#renderItem(link, index))}
 			</uui-ref-list>
 		`;
-};
-_UmbInputMultiUrlElement_renderItem = function _UmbInputMultiUrlElement_renderItem(link, index) {
-    const unique = __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_getUnique).call(this, link);
-    const href = this._modalRoute?.({ index }) ?? '#';
-    return html `
+    }
+    #renderItem(link, index) {
+        const unique = this.#getUnique(link);
+        const href = this._modalRoute?.({ index }) ?? '#';
+        return html `
 			<uui-ref-node
 				id=${unique}
 				href=${href}
@@ -224,19 +208,20 @@ _UmbInputMultiUrlElement_renderItem = function _UmbInputMultiUrlElement_renderIt
 				<uui-action-bar slot="actions">
 					<uui-button href=${href} label=${this.localize.term('general_edit')}></uui-button>
 					<uui-button
-						@click=${() => __classPrivateFieldGet(this, _UmbInputMultiUrlElement_instances, "m", _UmbInputMultiUrlElement_requestRemoveItem).call(this, index)}
+						@click=${() => this.#requestRemoveItem(index)}
 						label=${this.localize.term('general_remove')}></uui-button>
 				</uui-action-bar>
 			</uui-ref-node>
 		`;
-};
-UmbInputMultiUrlElement.styles = [
-    css `
+    }
+    static { this.styles = [
+        css `
 			#btn-add {
 				width: 100%;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property()
 ], UmbInputMultiUrlElement.prototype, "alias", null);

package/dist-cms/packages/core/components/input-number-range/input-number-range.element.d.ts

@@ -1,7 +1,8 @@
-import { type PropertyValueMap } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
+import type { NumberRangeValueType } from '../../models/index.js';
 declare const UmbInputNumberRangeElement_base: import("../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../validation/index.js").UmbFormControlMixinElement<FormDataEntryValue | FormData | undefined>> & typeof UmbLitElement;
 export declare class UmbInputNumberRangeElement extends UmbInputNumberRangeElement_base {
+    #private;
     minLabel: string;
     maxLabel: string;
     private _minValue?;
@@ -10,14 +11,13 @@ export declare class UmbInputNumberRangeElement extends UmbInputNumberRangeEleme
     private _maxValue?;
     set maxValue(value: number | undefined);
     get maxValue(): number | undefined;
+    validationRange?: NumberRangeValueType;
     private updateValue;
     set value(valueString: string | undefined);
     get value(): string | undefined;
     constructor();
-    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    firstUpdated(): void;
     focus(): Promise<void> | undefined;
-    private _onMinInput;
-    private _onMaxInput;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult;
 }

package/dist-cms/packages/core/components/input-number-range/input-number-range.element.js

@@ -4,8 +4,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { css, customElement, html, ifDefined, property, state } from '../../../../external/lit/index.js';
+import { UmbChangeEvent } from '../../event/index.js';
 import { UmbFormControlMixin } from '../../validation/index.js';
-import { html, customElement, property, state, css } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 function getNumberOrUndefined(value) {
     const num = parseInt(value, 10);
@@ -56,46 +57,52 @@ let UmbInputNumberRangeElement = class UmbInputNumberRangeElement extends UmbFor
             return this._minValue !== undefined && this._maxValue !== undefined ? this._minValue > this._maxValue : false;
         });
     }
-    firstUpdated(_changedProperties) {
-        super.firstUpdated(_changedProperties);
+    firstUpdated() {
         this.shadowRoot?.querySelectorAll('uui-input').forEach((x) => this.addFormControlElement(x));
     }
     focus() {
         return this.shadowRoot?.querySelector('uui-input')?.focus();
     }
-    _onMinInput(e) {
-        const value = Number(e.target.value);
+    #onMinInput(e) {
+        const value = e.target.value;
         this.minValue = value ? Number(value) : undefined;
-        this.dispatchEvent(new CustomEvent('change', { bubbles: true }));
+        this.dispatchEvent(new UmbChangeEvent());
     }
-    _onMaxInput(e) {
+    #onMaxInput(e) {
         const value = e.target.value;
         this.maxValue = value ? Number(value) : undefined;
-        this.dispatchEvent(new CustomEvent('change', { bubbles: true }));
+        this.dispatchEvent(new UmbChangeEvent());
     }
     render() {
-        return html `<uui-input
+        return html `
+			<uui-input
 				type="number"
+				label=${this.minLabel}
+				min=${ifDefined(this.validationRange?.min)}
+				max=${ifDefined(this.validationRange?.max)}
+				placeholder=${this.validationRange?.min ?? ''}
 				.value=${this._minValue}
-				@input=${this._onMinInput}
-				label=${this.minLabel}></uui-input>
+				@input=${this.#onMinInput}></uui-input>
 			<b>–</b>
 			<uui-input
 				type="number"
-				.value=${this._maxValue}
-				@input=${this._onMaxInput}
 				label=${this.maxLabel}
-				placeholder="&infin;"></uui-input>`;
+				min=${ifDefined(this.validationRange?.min)}
+				max=${ifDefined(this.validationRange?.max)}
+				placeholder=${this.validationRange?.max === Infinity ? '∞' : this.validationRange?.max ?? ''}
+				.value=${this._maxValue}
+				@input=${this.#onMaxInput}></uui-input>
+		`;
     }
-};
-UmbInputNumberRangeElement.styles = css `
+    static { this.styles = css `
 		:host(:invalid:not([pristine])) {
 			color: var(--uui-color-danger);
 		}
 		:host(:invalid:not([pristine])) uui-input {
 			border-color: var(--uui-color-danger);
 		}
-	`;
+	`; }
+};
 __decorate([
     property({ type: String, attribute: 'min-label' })
 ], UmbInputNumberRangeElement.prototype, "minLabel", void 0);
@@ -114,6 +121,9 @@ __decorate([
 __decorate([
     property({ type: Number })
 ], UmbInputNumberRangeElement.prototype, "maxValue", null);
+__decorate([
+    property({ type: Object })
+], UmbInputNumberRangeElement.prototype, "validationRange", void 0);
 __decorate([
     property()
 ], UmbInputNumberRangeElement.prototype, "value", null);

package/dist-cms/packages/core/components/input-radio-button-list/input-radio-button-list.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 _UmbInputRadioButtonListElement_instances, _UmbInputRadioButtonListElement_value, _UmbInputRadioButtonListElement_onChange, _UmbInputRadioButtonListElement_renderRadioButton;
 import { css, html, nothing, repeat, customElement, property } from '../../../../external/lit/index.js';
 import { UUIFormControlMixin, UUIRadioElement } from '../../../../external/uui/index.js';
 import { UmbChangeEvent } from '../../event/index.js';
@@ -23,48 +11,46 @@ import { UmbLitElement } from '../../lit-element/index.js';
 let UmbInputRadioButtonListElement = class UmbInputRadioButtonListElement extends UUIFormControlMixin(UmbLitElement, '') {
     constructor() {
         super(...arguments);
-        _UmbInputRadioButtonListElement_instances.add(this);
-        _UmbInputRadioButtonListElement_value.set(this, '');
+        this.#value = '';
         this.list = [];
     }
+    #value;
     set value(value) {
-        __classPrivateFieldSet(this, _UmbInputRadioButtonListElement_value, value, "f");
+        this.#value = value;
     }
     get value() {
-        return __classPrivateFieldGet(this, _UmbInputRadioButtonListElement_value, "f");
+        return this.#value;
     }
     getFormElement() {
         return undefined;
     }
+    #onChange(event) {
+        event.stopPropagation();
+        if (!(event.target instanceof UUIRadioElement))
+            return;
+        this.value = event.target.value;
+        this.dispatchEvent(new UmbChangeEvent());
+    }
     render() {
         if (!this.list)
             return nothing;
         return html `
-			<uui-radio-group .value=${this.value} @change=${__classPrivateFieldGet(this, _UmbInputRadioButtonListElement_instances, "m", _UmbInputRadioButtonListElement_onChange)}>
-				${repeat(this.list, (item) => item, (item) => __classPrivateFieldGet(this, _UmbInputRadioButtonListElement_instances, "m", _UmbInputRadioButtonListElement_renderRadioButton).call(this, item))}
+			<uui-radio-group .value=${this.value} @change=${this.#onChange}>
+				${repeat(this.list, (item) => item, (item) => this.#renderRadioButton(item))}
 			</uui-radio-group>
 		`;
     }
-};
-_UmbInputRadioButtonListElement_value = new WeakMap();
-_UmbInputRadioButtonListElement_instances = new WeakSet();
-_UmbInputRadioButtonListElement_onChange = function _UmbInputRadioButtonListElement_onChange(event) {
-    event.stopPropagation();
-    if (!(event.target instanceof UUIRadioElement))
-        return;
-    this.value = event.target.value;
-    this.dispatchEvent(new UmbChangeEvent());
-};
-_UmbInputRadioButtonListElement_renderRadioButton = function _UmbInputRadioButtonListElement_renderRadioButton(item) {
-    return html `<uui-radio value=${item.value} label=${item.label}></uui-radio>`;
-};
-UmbInputRadioButtonListElement.styles = [
-    css `
+    #renderRadioButton(item) {
+        return html `<uui-radio value=${item.value} label=${item.label}></uui-radio>`;
+    }
+    static { this.styles = [
+        css `
 			:host {
 				display: block;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property()
 ], UmbInputRadioButtonListElement.prototype, "value", null);

package/dist-cms/packages/core/components/input-slider/input-slider.element.js

@@ -4,19 +4,13 @@ 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 _UmbInputSliderElement_instances, _UmbInputSliderElement_onChange, _UmbInputSliderElement_renderSlider, _UmbInputSliderElement_renderRangeSlider;
 import { html, customElement, property } from '../../../../external/lit/index.js';
 import { UUIFormControlMixin } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
+import { UmbChangeEvent } from '../../event/index.js';
 let UmbInputSliderElement = class UmbInputSliderElement extends UUIFormControlMixin(UmbLitElement, '') {
     constructor() {
         super(...arguments);
-        _UmbInputSliderElement_instances.add(this);
         this.min = 0;
         this.max = 100;
         this.step = 1;
@@ -27,31 +21,30 @@ let UmbInputSliderElement = class UmbInputSliderElement extends UUIFormControlMi
     getFormElement() {
         return undefined;
     }
+    #onChange(e) {
+        e.stopPropagation();
+        this.value = e.target.value;
+        this.dispatchEvent(new UmbChangeEvent());
+    }
     render() {
-        return this.enableRange ? __classPrivateFieldGet(this, _UmbInputSliderElement_instances, "m", _UmbInputSliderElement_renderRangeSlider).call(this) : __classPrivateFieldGet(this, _UmbInputSliderElement_instances, "m", _UmbInputSliderElement_renderSlider).call(this);
+        return this.enableRange ? this.#renderRangeSlider() : this.#renderSlider();
     }
-};
-_UmbInputSliderElement_instances = new WeakSet();
-_UmbInputSliderElement_onChange = function _UmbInputSliderElement_onChange(e) {
-    e.stopPropagation();
-    this.value = e.target.value;
-    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
-};
-_UmbInputSliderElement_renderSlider = function _UmbInputSliderElement_renderSlider() {
-    return html `<uui-slider
+    #renderSlider() {
+        return html `<uui-slider
 			.min="${this.min}"
 			.max="${this.max}"
 			.step="${this.step}"
 			.value="${this.valueLow.toString()}"
-			@change="${__classPrivateFieldGet(this, _UmbInputSliderElement_instances, "m", _UmbInputSliderElement_onChange)}"></uui-slider>`;
-};
-_UmbInputSliderElement_renderRangeSlider = function _UmbInputSliderElement_renderRangeSlider() {
-    return html `<uui-range-slider
+			@change="${this.#onChange}"></uui-slider>`;
+    }
+    #renderRangeSlider() {
+        return html `<uui-range-slider
 			.min="${this.min}"
 			.max="${this.max}"
 			.step="${this.step}"
 			.value="${this.valueLow},${this.valueHigh}"
-			@change="${__classPrivateFieldGet(this, _UmbInputSliderElement_instances, "m", _UmbInputSliderElement_onChange)}"></uui-range-slider>`;
+			@change="${this.#onChange}"></uui-range-slider>`;
+    }
 };
 __decorate([
     property({ type: Number })

package/dist-cms/packages/core/components/input-toggle/input-toggle.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 _UmbInputToggleElement_instances, _UmbInputToggleElement_checked, _UmbInputToggleElement_onChange, _UmbInputToggleElement_updateLabel;
 import { css, html, customElement, property, state } from '../../../../external/lit/index.js';
 import { UmbChangeEvent } from '../../event/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
@@ -23,49 +11,47 @@ import { UUIFormControlMixin } from '../../../../external/uui/index.js';
 let UmbInputToggleElement = class UmbInputToggleElement extends UUIFormControlMixin(UmbLitElement, '') {
     constructor() {
         super(...arguments);
-        _UmbInputToggleElement_instances.add(this);
-        _UmbInputToggleElement_checked.set(this, false);
+        this.#checked = false;
         this.showLabels = false;
     }
     set checked(toggle) {
-        __classPrivateFieldSet(this, _UmbInputToggleElement_checked, toggle, "f");
+        this.#checked = toggle;
         super.value = toggle.toString();
-        __classPrivateFieldGet(this, _UmbInputToggleElement_instances, "m", _UmbInputToggleElement_updateLabel).call(this);
+        this.#updateLabel();
     }
     get checked() {
-        return __classPrivateFieldGet(this, _UmbInputToggleElement_checked, "f");
+        return this.#checked;
     }
+    #checked;
     getFormElement() {
         return undefined;
     }
     connectedCallback() {
         super.connectedCallback();
-        __classPrivateFieldGet(this, _UmbInputToggleElement_instances, "m", _UmbInputToggleElement_updateLabel).call(this);
+        this.#updateLabel();
+    }
+    #onChange(event) {
+        event.stopPropagation();
+        this.checked = event.target.checked;
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    #updateLabel() {
+        this._currentLabel = this.showLabels ? (this.checked ? this.labelOn : this.labelOff) : '';
     }
     render() {
         return html `<uui-toggle
-			.checked=${__classPrivateFieldGet(this, _UmbInputToggleElement_checked, "f")}
+			.checked=${this.#checked}
 			.label=${this._currentLabel}
-			@change=${__classPrivateFieldGet(this, _UmbInputToggleElement_instances, "m", _UmbInputToggleElement_onChange)}></uui-toggle>`;
+			@change=${this.#onChange}></uui-toggle>`;
     }
-};
-_UmbInputToggleElement_checked = new WeakMap();
-_UmbInputToggleElement_instances = new WeakSet();
-_UmbInputToggleElement_onChange = function _UmbInputToggleElement_onChange(event) {
-    event.stopPropagation();
-    this.checked = event.target.checked;
-    this.dispatchEvent(new UmbChangeEvent());
-};
-_UmbInputToggleElement_updateLabel = function _UmbInputToggleElement_updateLabel() {
-    this._currentLabel = this.showLabels ? (this.checked ? this.labelOn : this.labelOff) : '';
-};
-UmbInputToggleElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			uui-toggle {
 				width: 100%;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Boolean })
 ], UmbInputToggleElement.prototype, "checked", null);

package/dist-cms/packages/core/components/input-upload-field/input-upload-field-audio.element.js

@@ -16,9 +16,8 @@ let UmbInputUploadFieldAudioElement = class UmbInputUploadFieldAudioElement exte
             return html `<uui-loader></uui-loader>`;
         return html `<audio controls src=${this.path}></audio>`;
     }
-};
-UmbInputUploadFieldAudioElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			:host {
 				display: flex;
 				width: 999px;
@@ -28,7 +27,8 @@ UmbInputUploadFieldAudioElement.styles = [
 				width: 100%;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: String })
 ], UmbInputUploadFieldAudioElement.prototype, "path", void 0);