yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

convert FormControlMixin to UUIFormControlMixin due to breaking change in uui

Browse Source
This commit is contained in:
Jacob Overgaard
2024-04-11 10:59:56 +02:00
parent 495896370d
commit 9caf8aba18
46 changed files with 103 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-collection-configuration/input-collection-configuration.element.ts
View File

@@ -1,5 +1,5 @@
import { html, customElement, property, css, state, nothing } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbRepositoryItemsManager } from '@umbraco-cms/backoffice/repository';
@@ -13,7 +13,7 @@ import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/mod
import type { UmbDataTypeItemModel } from '@umbraco-cms/backoffice/data-type';
@customElement('umb-input-collection-configuration')
export class UmbInputCollectionConfigurationElement extends FormControlMixin(UmbLitElement) {
export class UmbInputCollectionConfigurationElement extends UUIFormControlMixin(UmbLitElement, {}) {
protected getFormElement() {
return undefined;
}

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-color/input-color.element.ts
View File

@@ -1,5 +1,5 @@
import { html, customElement, property, map, nothing } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UmbSwatchDetails } from '@umbraco-cms/backoffice/models';
@@ -10,7 +10,7 @@ import type { UUIColorSwatchesEvent } from '@umbraco-cms/backoffice/external/uui
* @element umb-input-color
*/
@customElement('umb-input-color')
export class UmbInputColorElement extends FormControlMixin(UmbLitElement) {
export class UmbInputColorElement extends UUIFormControlMixin(UmbLitElement, '') {
@property({ type: Boolean })
showLabels = false;

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-content-type-property/input-content-type-property.element.ts
View File

@@ -1,5 +1,5 @@
import { html, customElement, property, css } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbChangeEvent, UmbSelectionChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbMediaTypeDetailRepository } from '@umbraco-cms/backoffice/media-type';
@@ -32,7 +32,7 @@ type UmbInputContentTypePropertyConfiguration = {
};
@customElement('umb-input-content-type-property')
export class UmbInputContentTypePropertyElement extends FormControlMixin(UmbLitElement) {
export class UmbInputContentTypePropertyElement extends UUIFormControlMixin(UmbLitElement, undefined) {
#configuration: UmbInputContentTypePropertyConfiguration = {
documentTypes: {
item: {

6
src/Umbraco.Web.UI.Client/src/packages/core/components/input-date/input-date.element.ts
View File

@@ -1,11 +1,11 @@
import { UmbConfigRepository } from '../../repository/config/config.repository.js';
import { css, html, ifDefined, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import { html, ifDefined, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import type { UUIInputEvent } from '@umbraco-cms/backoffice/external/uui';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
@customElement('umb-input-date')
export class UmbInputDateElement extends FormControlMixin(UmbLitElement) {
export class UmbInputDateElement extends UUIFormControlMixin(UmbLitElement, '') {
protected getFormElement() {
return undefined;
}

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-dropdown/input-dropdown-list.element.ts
View File

@@ -1,11 +1,11 @@
import { css, html, customElement, property, query } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UUISelectEvent } from '@umbraco-cms/backoffice/external/uui';
@customElement('umb-input-dropdown-list')
export class UmbInputDropdownListElement extends FormControlMixin(UmbLitElement) {
export class UmbInputDropdownListElement extends UUIFormControlMixin(UmbLitElement, undefined) {
@property({ type: Array })
public options?: Array<Option>;

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-entity/input-entity.element.ts
View File

@@ -9,13 +9,13 @@ import {
when,
} from '@umbraco-cms/backoffice/external/lit';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
import type { UmbPickerInputContext } from '@umbraco-cms/backoffice/picker-input';
@customElement('umb-input-entity')
export class UmbInputEntityElement extends FormControlMixin(UmbLitElement) {
export class UmbInputEntityElement extends UUIFormControlMixin(UmbLitElement, '') {
// TODO: [LK] Add sort ordering.
protected getFormElement() {

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-eye-dropper/input-eye-dropper.element.ts
View File

@@ -1,10 +1,10 @@
import { html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UUIColorPickerChangeEvent } from '@umbraco-cms/backoffice/external/uui';
@customElement('umb-input-eye-dropper')
export class UmbInputEyeDropperElement extends FormControlMixin(UmbLitElement) {
export class UmbInputEyeDropperElement extends UUIFormControlMixin(UmbLitElement, '') {
protected getFormElement() {
return undefined;
}

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-multi-url/input-multi-url.element.ts
View File

@@ -1,5 +1,5 @@
import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import type { UUIModalSidebarSize } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UmbVariantId } from '@umbraco-cms/backoffice/variant';
@@ -13,7 +13,7 @@ import type { UmbModalRouteBuilder, UmbLinkPickerLink } from '@umbraco-cms/backo
* @fires focus - when the input gains focus
*/
@customElement('umb-input-multi-url')
export class UmbInputMultiUrlElement extends FormControlMixin(UmbLitElement) {
export class UmbInputMultiUrlElement extends UUIFormControlMixin(UmbLitElement, '') {
protected getFormElement() {
return undefined;
}

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-radio-button-list/input-radio-button-list.element.ts
View File

@@ -1,11 +1,11 @@
import { css, html, nothing, repeat, customElement, property } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';
@customElement('umb-input-radio-button-list')
export class UmbInputRadioButtonListElement extends FormControlMixin(UmbLitElement) {
export class UmbInputRadioButtonListElement extends UUIFormControlMixin(UmbLitElement, '') {
#value: string = '';
@property()

6
src/Umbraco.Web.UI.Client/src/packages/core/components/input-slider/input-slider.element.ts
View File

@@ -1,10 +1,10 @@
import { html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UUISliderEvent } from '@umbraco-cms/backoffice/external/uui';
@customElement('umb-input-slider')
export class UmbInputSliderElement extends FormControlMixin(UmbLitElement) {
export class UmbInputSliderElement extends UUIFormControlMixin(UmbLitElement, '') {
@property({ type: Number })
min = 0;
@@ -29,7 +29,7 @@ export class UmbInputSliderElement extends FormControlMixin(UmbLitElement) {
#onChange(e: UUISliderEvent) {
e.stopPropagation();
this.value = e.target.value;
this.value = e.target.value as string;
this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
}

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-toggle/input-toggle.element.ts
View File

@@ -1,10 +1,10 @@
import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import type { UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
@customElement('umb-input-toggle')
export class UmbInputToggleElement extends FormControlMixin(UmbLitElement) {
export class UmbInputToggleElement extends UUIFormControlMixin(UmbLitElement, '') {
_checked = false;
@property({ type: Boolean })
public set checked(toggle: boolean) {

6
src/Umbraco.Web.UI.Client/src/packages/core/components/input-tree-picker-source/input-tree-picker-source.element.ts
View File

@@ -1,7 +1,7 @@
import type { UmbInputDocumentRootPickerElement } from '@umbraco-cms/backoffice/document';
import { html, customElement, property, css, state, nothing } from '@umbraco-cms/backoffice/external/lit';
import type { UUISelectEvent } from '@umbraco-cms/backoffice/external/uui';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
@@ -26,7 +26,7 @@ export type UmbTreePickerDynamicRootQueryStep = {
};
@customElement('umb-input-tree-picker-source')
export class UmbInputTreePickerSourceElement extends FormControlMixin(UmbLitElement) {
export class UmbInputTreePickerSourceElement extends UUIFormControlMixin(UmbLitElement, '') {
protected getFormElement() {
return undefined;
}
@@ -89,7 +89,7 @@ export class UmbInputTreePickerSourceElement extends FormControlMixin(UmbLitElem
#onDocumentRootChange(event: CustomEvent) {
switch (this.type) {
case 'content':
this.dynamicRoot = (event.target as UmbInputDocumentRootPickerElement).data;
this.dynamicRoot = (event?.target as unknown as UmbInputDocumentRootPickerElement).data;
// HACK: Workaround consolidating the old content-picker and dynamic-root. [LK:2024-01-24]
if (this.dynamicRoot?.originAlias === 'ByKey') {

4
src/Umbraco.Web.UI.Client/src/packages/core/components/input-upload-field/input-upload-field.element.ts
View File

@@ -13,7 +13,7 @@ import {
state,
repeat,
} from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import type { UUIFileDropzoneElement, UUIFileDropzoneEvent } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
@@ -22,7 +22,7 @@ import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UMB_APP_CONTEXT } from '@umbraco-cms/backoffice/app';
@customElement('umb-input-upload-field')
export class UmbInputUploadFieldElement extends FormControlMixin(UmbLitElement) {
export class UmbInputUploadFieldElement extends UUIFormControlMixin(UmbLitElement, '') {
private _keys: Array<string> = [];
/**
* @description Keys to the files that belong to this upload field.

4
src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.ts
View File

@@ -9,7 +9,7 @@ import {
property,
state,
} from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbSorterController } from '@umbraco-cms/backoffice/sorter';
@@ -21,7 +21,7 @@ import type { UmbSwatchDetails } from '@umbraco-cms/backoffice/models';
* @element umb-multiple-color-picker-input
*/
@customElement('umb-multiple-color-picker-input')
export class UmbMultipleColorPickerInputElement extends FormControlMixin(UmbLitElement) {
export class UmbMultipleColorPickerInputElement extends UUIFormControlMixin(UmbLitElement, '') {
#sorter = new UmbSorterController(this, {
getUniqueOfElement: (element: UmbMultipleColorPickerItemInputElement) => {
return element.value.toString();

6
src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-item-input.element.ts
View File

@@ -9,7 +9,7 @@ import {
state,
} from '@umbraco-cms/backoffice/external/lit';
import type { UUIColorPickerElement, UUIInputElement, UUIInputEvent } from '@umbraco-cms/backoffice/external/uui';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { umbConfirmModal } from '@umbraco-cms/backoffice/modal';
import { UmbChangeEvent, UmbInputEvent, UmbDeleteEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
@@ -18,7 +18,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
* @element umb-multiple-color-picker-item-input
*/
@customElement('umb-multiple-color-picker-item-input')
export class UmbMultipleColorPickerItemInputElement extends FormControlMixin(UmbLitElement) {
export class UmbMultipleColorPickerItemInputElement extends UUIFormControlMixin(UmbLitElement, '') {
@property({ type: String })
public set value(value: string) {
if (value.startsWith('#')) {
@@ -174,7 +174,7 @@ export class UmbMultipleColorPickerItemInputElement extends FormControlMixin(Umb
?disabled=${this.disabled}
compact>
<uui-icon name="icon-trash"></uui-icon>
</uui-button>`}
</uui-button>`}
</div>
</uui-form-validation-message>
`;

6
src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-text-string-input/input-multiple-text-string-item.element.ts
View File

@@ -1,6 +1,6 @@
import { css, html, nothing, customElement, property, query } from '@umbraco-cms/backoffice/external/lit';
import type { UUIInputElement, UUIInputEvent } from '@umbraco-cms/backoffice/external/uui';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { umbConfirmModal } from '@umbraco-cms/backoffice/modal';
import { UmbChangeEvent, UmbInputEvent, UmbDeleteEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
@@ -9,7 +9,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
* @element umb-input-multiple-text-string-item
*/
@customElement('umb-input-multiple-text-string-item')
export class UmbInputMultipleTextStringItemElement extends FormControlMixin(UmbLitElement) {
export class UmbInputMultipleTextStringItemElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* Disables the input
* @type {boolean}
@@ -101,7 +101,7 @@ export class UmbInputMultipleTextStringItemElement extends FormControlMixin(UmbL
?disabled=${this.disabled}
compact>
<uui-icon name="icon-trash"></uui-icon>
</uui-button>`}
</uui-button>`}
`;
}

4
src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-text-string-input/input-multiple-text-string.element.ts
View File

@@ -1,6 +1,6 @@
import type { UmbInputMultipleTextStringItemElement } from './input-multiple-text-string-item.element.js';
import { css, html, nothing, repeat, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbSorterController } from '@umbraco-cms/backoffice/sorter';
@@ -10,7 +10,7 @@ import type { UmbInputEvent, UmbDeleteEvent } from '@umbraco-cms/backoffice/even
* @element umb-input-multiple-text-string
*/
@customElement('umb-input-multiple-text-string')
export class UmbInputMultipleTextStringElement extends FormControlMixin(UmbLitElement) {
export class UmbInputMultipleTextStringElement extends UUIFormControlMixin(UmbLitElement, '') {
#sorter = new UmbSorterController(this, {
getUniqueOfElement: (element) => {
return element.getAttribute('data-sort-entry-id');

8
src/Umbraco.Web.UI.Client/src/packages/core/culture/components/input-culture-select/input-culture-select.element.ts
View File

@@ -2,12 +2,12 @@ import { UmbCultureRepository } from '../../repository/culture.repository.js';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { html, repeat, ifDefined, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import type { UUIComboboxElement, UUIComboboxEvent } from '@umbraco-cms/backoffice/external/uui';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { CultureReponseModel } from '@umbraco-cms/backoffice/external/backend-api';
@customElement('umb-input-culture-select')
export class UmbInputCultureSelectElement extends FormControlMixin(UmbLitElement) {
export class UmbInputCultureSelectElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* Disables the input
* @type {boolean}
@@ -56,9 +56,9 @@ export class UmbInputCultureSelectElement extends FormControlMixin(UmbLitElement
#onCultureChange(event: UUIComboboxEvent) {
event.stopPropagation();
const target = event.composedPath()[0] as UUIComboboxElement;
this._value = target.value;
this.value = target.value;
const culture = this._cultures.find(
(culture) => culture.name.toLowerCase() === (this._value as string).toLowerCase(),
(culture) => culture.name.toLowerCase() === (this.value as string).toLowerCase(),
);
this.selectedCultureName = culture?.englishName;
this.dispatchEvent(new UmbChangeEvent());

12
src/Umbraco.Web.UI.Client/src/packages/core/localization/components/ui-culture-input/ui-culture-input.element.ts
View File

@@ -1,7 +1,7 @@
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { css, html, customElement, query, state, property } from '@umbraco-cms/backoffice/external/lit';
import type { UUIComboboxElement, UUIComboboxEvent } from '@umbraco-cms/backoffice/external/uui';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { ManifestLocalization } from '@umbraco-cms/backoffice/extension-registry';
import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
@@ -12,7 +12,7 @@ interface UmbCultureInputOption {
}
@customElement('umb-ui-culture-input')
export class UmbUiCultureInputElement extends FormControlMixin(UmbLitElement) {
export class UmbUiCultureInputElement extends UUIFormControlMixin(UmbLitElement, '') {
@state()
private _options: Array<UmbCultureInputOption> = [];
@@ -21,12 +21,12 @@ export class UmbUiCultureInputElement extends FormControlMixin(UmbLitElement) {
@property({ type: String })
get value() {
return this._value;
return super.value;
}
set value(value: FormDataEntryValue | FormData) {
if (typeof value === 'string') {
const oldValue = this._value;
this._value = value.toLowerCase();
const oldValue = super.value;
super.value = value.toLowerCase();
this.requestUpdate('value', oldValue);
}
}
@@ -70,7 +70,7 @@ export class UmbUiCultureInputElement extends FormControlMixin(UmbLitElement) {
}
render() {
return html` <uui-combobox value="${this._value}" @change=${this.#onChange}>
return html` <uui-combobox value="${this.value}" @change=${this.#onChange}>
<uui-combobox-list>
${this._options.map(
(option) => html`<uui-combobox-list-option value="${option.value}">${option.name}</uui-combobox-list-option>`,

4
src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/checkbox-list/input-checkbox-list/input-checkbox-list.element.ts
View File

@@ -1,11 +1,11 @@
import { css, html, nothing, repeat, customElement, property } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';
@customElement('umb-input-checkbox-list')
export class UmbInputCheckboxListElement extends FormControlMixin(UmbLitElement) {
export class UmbInputCheckboxListElement extends UUIFormControlMixin(UmbLitElement, '') {
// TODO: Could this use a type that we export to ensure TS failure, or hook this up with a type coming from backend?
@property({ attribute: false })
public list: Array<{ label: string; value: string; checked: boolean }> = [];

4
src/Umbraco.Web.UI.Client/src/packages/core/section/components/input-section/input-section.element.ts
View File

@@ -1,12 +1,12 @@
import type { UmbSectionItemModel } from '../../repository/index.js';
import { UmbSectionPickerContext } from './input-section.context.js';
import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@customElement('umb-input-section')
export class UmbInputSectionElement extends FormControlMixin(UmbLitElement) {
export class UmbInputSectionElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* This is a minimum amount of selected items in this input.
* @type {number}

4
src/Umbraco.Web.UI.Client/src/packages/core/tree/components/input-tree/input-tree.element.ts
View File

@@ -1,5 +1,5 @@
import { css, html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UmbInputDocumentElement } from '@umbraco-cms/backoffice/document';
@@ -9,7 +9,7 @@ import type { UmbReferenceByUniqueAndType } from '@umbraco-cms/backoffice/models
import type { UmbTreePickerSource } from '@umbraco-cms/backoffice/components';
@customElement('umb-input-tree')
export class UmbInputTreeElement extends FormControlMixin(UmbLitElement) {
export class UmbInputTreeElement extends UUIFormControlMixin(UmbLitElement, '') {
protected getFormElement() {
return undefined;
}

4
src/Umbraco.Web.UI.Client/src/packages/data-type/components/data-type-flow-input/data-type-flow-input.element.ts
View File

@@ -1,7 +1,7 @@
import { UMB_DATATYPE_WORKSPACE_MODAL } from '../../index.js';
import { UMB_DATA_TYPE_PICKER_FLOW_MODAL } from '../../modals/index.js';
import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/modal';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
@@ -15,7 +15,7 @@ import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
* @fires focus - when the input gains focus
*/
@customElement('umb-data-type-flow-input')
export class UmbInputDataTypeElement extends FormControlMixin(UmbLitElement) {
export class UmbInputDataTypeElement extends UUIFormControlMixin(UmbLitElement, '') {
protected getFormElement() {
return undefined;
}

4
src/Umbraco.Web.UI.Client/src/packages/data-type/components/data-type-input/data-type-input.element.ts
View File

@@ -1,12 +1,12 @@
import type { UmbDataTypeItemModel } from '../../repository/item/types.js';
import { UmbDataTypePickerContext } from './data-type-input.context.js';
import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@customElement('umb-data-type-input')
export class UmbDataTypeInputElement extends FormControlMixin(UmbLitElement) {
export class UmbDataTypeInputElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* This is a minimum amount of selected items in this input.
* @type {number}

4
src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/input-document-type/input-document-type.element.ts
View File

@@ -10,13 +10,13 @@ import {
repeat,
nothing,
} from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/modal';
@customElement('umb-input-document-type')
export class UmbInputDocumentTypeElement extends FormControlMixin(UmbLitElement) {
export class UmbInputDocumentTypeElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* Limits to only select Element Types
* @type {boolean}

4
src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/input-document-root-picker/input-document-root-picker.element.ts
View File

@@ -1,5 +1,5 @@
import { html, css, customElement, property, ifDefined, state, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { UmbId } from '@umbraco-cms/backoffice/id';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
@@ -18,7 +18,7 @@ import type { UmbModalContext } from '@umbraco-cms/backoffice/modal';
import type { UmbTreePickerDynamicRoot, UmbTreePickerDynamicRootQueryStep } from '@umbraco-cms/backoffice/components';
@customElement('umb-input-document-root-picker')
export class UmbInputDocumentRootPickerElement extends FormControlMixin(UmbLitElement) {
export class UmbInputDocumentRootPickerElement extends UUIFormControlMixin(UmbLitElement, '') {
protected getFormElement() {
return undefined;
}

4
src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/input-document/input-document.element.ts
View File

@@ -1,7 +1,7 @@
import type { UmbDocumentTreeItemModel } from '../../tree/types.js';
import { UmbDocumentPickerContext } from './input-document.context.js';
import { css, html, customElement, property, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/modal';
@@ -9,7 +9,7 @@ import { UmbSorterController } from '@umbraco-cms/backoffice/sorter';
import type { UmbDocumentItemModel } from '@umbraco-cms/backoffice/document';
@customElement('umb-input-document')
export class UmbInputDocumentElement extends FormControlMixin(UmbLitElement) {
export class UmbInputDocumentElement extends UUIFormControlMixin(UmbLitElement, '') {
#sorter = new UmbSorterController<string>(this, {
getUniqueOfElement: (element) => {
return element.getAttribute('detail');

4
src/Umbraco.Web.UI.Client/src/packages/documents/documents/user-permissions/input-document-granular-user-permission/input-document-granular-user-permission.element.ts
View File

@@ -9,10 +9,10 @@ import type { UmbDeselectedEvent } from '@umbraco-cms/backoffice/event';
import { UmbChangeEvent, UmbSelectedEvent } from '@umbraco-cms/backoffice/event';
import type { ManifestEntityUserPermission } from '@umbraco-cms/backoffice/extension-registry';
import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
@customElement('umb-input-document-granular-user-permission')
export class UmbInputDocumentGranularUserPermissionElement extends FormControlMixin(UmbLitElement) {
export class UmbInputDocumentGranularUserPermissionElement extends UUIFormControlMixin(UmbLitElement, '') {
_permissions: Array<UmbDocumentUserPermissionModel> = [];
public get permissions(): Array<UmbDocumentUserPermissionModel> {
return this._permissions;

4
src/Umbraco.Web.UI.Client/src/packages/language/components/input-language/input-language.element.ts
View File

@@ -1,12 +1,12 @@
import type { UmbLanguageItemModel } from '../../repository/index.js';
import { UmbLanguagePickerContext } from './input-language.context.js';
import { css, html, ifDefined, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@customElement('umb-input-language')
export class UmbInputLanguageElement extends FormControlMixin(UmbLitElement) {
export class UmbInputLanguageElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* This is a minimum amount of selected items in this input.
* @type {number}

4
src/Umbraco.Web.UI.Client/src/packages/markdown-editor/components/input-markdown-editor/input-markdown.element.ts
View File

@@ -4,7 +4,7 @@ import { monaco } from '@umbraco-cms/backoffice/external/monaco-editor';
import type { UmbCodeEditorController, UmbCodeEditorElement } from '@umbraco-cms/backoffice/code-editor';
import { loadCodeEditor } from '@umbraco-cms/backoffice/code-editor';
import { css, html, customElement, query, property, unsafeHTML, when } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin, type UUIModalSidebarSize } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin, type UUIModalSidebarSize } from '@umbraco-cms/backoffice/external/uui';
import { UmbBooleanState } from '@umbraco-cms/backoffice/observable-api';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UmbModalManagerContext } from '@umbraco-cms/backoffice/modal';
@@ -22,7 +22,7 @@ import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
*/
@customElement('umb-input-markdown')
export class UmbInputMarkdownElement extends FormControlMixin(UmbLitElement) {
export class UmbInputMarkdownElement extends UUIFormControlMixin(UmbLitElement, '') {
protected getFormElement() {
return this._codeEditor;
}

4
src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/input-media-type/input-media-type.element.ts
View File

@@ -1,12 +1,12 @@
import type { UmbMediaTypeItemModel } from '../../repository/index.js';
import { UmbMediaTypePickerContext } from './input-media-type.context.js';
import { css, html, customElement, property, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@customElement('umb-input-media-type')
export class UmbInputMediaTypeElement extends FormControlMixin(UmbLitElement) {
export class UmbInputMediaTypeElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* This is a minimum amount of selected items in this input.
* @type {number}

4
src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-media/input-media.element.ts
View File

@@ -1,7 +1,7 @@
import type { UmbMediaItemModel } from '../../repository/index.js';
import { UmbMediaPickerContext } from './input-media.context.js';
import { css, html, customElement, property, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/modal';
import { type UmbSorterConfig, UmbSorterController } from '@umbraco-cms/backoffice/sorter';
@@ -20,7 +20,7 @@ const SORTER_CONFIG: UmbSorterConfig<string> = {
};
@customElement('umb-input-media')
export class UmbInputMediaElement extends FormControlMixin(UmbLitElement) {
export class UmbInputMediaElement extends UUIFormControlMixin(UmbLitElement, '') {
#sorter = new UmbSorterController(this, {
...SORTER_CONFIG,
onChange: ({ model }) => {

4
src/Umbraco.Web.UI.Client/src/packages/members/member-group/components/input-member-group/input-member-group.element.ts
View File

@@ -1,7 +1,7 @@
import type { UmbMemberGroupItemModel } from '../../repository/index.js';
import { UmbMemberPickerContext } from './input-member-group.context.js';
import { css, html, customElement, property, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { MemberItemResponseModel } from '@umbraco-cms/backoffice/external/backend-api';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@@ -21,7 +21,7 @@ const SORTER_CONFIG: UmbSorterConfig<string> = {
};
@customElement('umb-input-member-group')
export class UmbInputMemberGroupElement extends FormControlMixin(UmbLitElement) {
export class UmbInputMemberGroupElement extends UUIFormControlMixin(UmbLitElement, '') {
#sorter = new UmbSorterController(this, {
...SORTER_CONFIG,
onChange: ({ model }) => {

4
src/Umbraco.Web.UI.Client/src/packages/members/member-type/components/input-member-type/input-member-type.element.ts
View File

@@ -1,12 +1,12 @@
import { UmbMemberTypePickerContext } from './input-member-type.context.js';
import { css, html, customElement, property, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { MemberTypeItemResponseModel } from '@umbraco-cms/backoffice/external/backend-api';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@customElement('umb-input-member-type')
export class UmbInputMemberTypeElement extends FormControlMixin(UmbLitElement) {
export class UmbInputMemberTypeElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* This is a minimum amount of selected items in this input.
* @type {number}

4
src/Umbraco.Web.UI.Client/src/packages/members/member/components/input-member/input-member.element.ts
View File

@@ -1,7 +1,7 @@
import type { UmbMemberItemModel } from '../../repository/index.js';
import { UmbMemberPickerContext } from './input-member.context.js';
import { css, html, customElement, property, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { MemberItemResponseModel } from '@umbraco-cms/backoffice/external/backend-api';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@@ -21,7 +21,7 @@ const SORTER_CONFIG: UmbSorterConfig<string> = {
};
@customElement('umb-input-member')
export class UmbInputMemberElement extends FormControlMixin(UmbLitElement) {
export class UmbInputMemberElement extends UUIFormControlMixin(UmbLitElement, '') {
#sorter = new UmbSorterController(this, {
...SORTER_CONFIG,
onChange: ({ model }) => {

4
src/Umbraco.Web.UI.Client/src/packages/object-type/input-object-type.element.ts
View File

@@ -1,11 +1,11 @@
import { UmbObjectTypeRepository } from './object-type.repository.js';
import { html, customElement, property, query, state } from '@umbraco-cms/backoffice/external/lit';
import type { UUISelectElement } from '@umbraco-cms/backoffice/external/uui';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
@customElement('umb-input-object-type')
export class UmbInputObjectTypeElement extends FormControlMixin(UmbLitElement) {
export class UmbInputObjectTypeElement extends UUIFormControlMixin(UmbLitElement, '') {
@query('uui-select')
private select!: UUISelectElement;

4
src/Umbraco.Web.UI.Client/src/packages/static-file/components/input-static-file/input-static-file.element.ts
View File

@@ -1,12 +1,12 @@
import type { UmbStaticFileItemModel } from '../../repository/item/types.js';
import { UmbStaticFilePickerContext } from './input-static-file.context.js';
import { css, html, customElement, property, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@customElement('umb-input-static-file')
export class UmbInputStaticFileElement extends FormControlMixin(UmbLitElement) {
export class UmbInputStaticFileElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* This is a minimum amount of selected files in this input.
* @type {number}

4
src/Umbraco.Web.UI.Client/src/packages/tags/components/tags-input/tags-input.element.ts
View File

@@ -11,12 +11,12 @@ import {
repeat,
} from '@umbraco-cms/backoffice/external/lit';
import type { UUIInputElement, UUIInputEvent, UUITagElement } from '@umbraco-cms/backoffice/external/uui';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { TagResponseModel } from '@umbraco-cms/backoffice/external/backend-api';
@customElement('umb-tags-input')
export class UmbTagsInputElement extends FormControlMixin(UmbLitElement) {
export class UmbTagsInputElement extends UUIFormControlMixin(UmbLitElement, '') {
@property({ type: String })
group?: string;

4
src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/components/stylesheet-input/stylesheet-input.element.ts
View File

@@ -1,12 +1,12 @@
import type { UmbStylesheetItemModel } from '../../types.js';
import { UmbStylesheetPickerContext } from './stylesheet-input.context.js';
import { css, html, customElement, property, state, repeat } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@customElement('umb-stylesheet-input')
export class UmbStylesheetInputElement extends FormControlMixin(UmbLitElement) {
export class UmbStylesheetInputElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* This is a minimum amount of selected items in this input.
* @type {number}

4
src/Umbraco.Web.UI.Client/src/packages/templating/stylesheets/components/stylesheet-rule-input/stylesheet-rule-input.element.ts
View File

@@ -2,14 +2,14 @@ import type { UmbStylesheetRule } from '../../types.js';
import { UMB_STYLESHEET_RULE_SETTINGS_MODAL } from './stylesheet-rule-settings-modal.token.js';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
import { css, html, customElement, repeat, property } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
// TODO: add sorting when we have a generic sorting component/functionality for ref lists
@customElement('umb-stylesheet-rule-input')
export class UmbStylesheetRuleInputElement extends FormControlMixin(UmbLitElement) {
export class UmbStylesheetRuleInputElement extends UUIFormControlMixin(UmbLitElement, '') {
@property({ type: Array, attribute: false })
rules: UmbStylesheetRule[] = [];

4
src/Umbraco.Web.UI.Client/src/packages/templating/templates/components/input-template/input-template.element.ts
View File

@@ -4,7 +4,7 @@ import type { UmbTemplateItemModel } from '../../repository/item/index.js';
import { UmbTemplateItemRepository } from '../../repository/item/index.js';
import { UMB_TEMPLATE_PICKER_MODAL } from '../../modals/index.js';
import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import {
UMB_MODAL_MANAGER_CONTEXT,
UMB_WORKSPACE_MODAL,
@@ -14,7 +14,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
@customElement('umb-input-template')
export class UmbInputTemplateElement extends FormControlMixin(UmbLitElement) {
export class UmbInputTemplateElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* This is a minimum amount of selected items in this input.
* @type {number}

4
src/Umbraco.Web.UI.Client/src/packages/templating/templates/components/template-card/template-card.element.ts
View File

@@ -1,5 +1,5 @@
import { css, html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
/**
@@ -11,7 +11,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
// TODO: This should extends the UUICardElement, and the visual look of this should be like the UserCard or similarly.
// TOOD: Consider if this should be select in the 'persisted'-select style when it is selected as a default. (But its should not use the runtime-selection style)
@customElement('umb-template-card')
export class UmbTemplateCardElement extends FormControlMixin(UmbLitElement) {
export class UmbTemplateCardElement extends UUIFormControlMixin(UmbLitElement, '') {
@property({ type: String })
name = '';

4
src/Umbraco.Web.UI.Client/src/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.element.ts
View File

@@ -5,7 +5,7 @@ import { availableLanguages } from './input-tiny-mce.languages.js';
import { uriAttributeSanitizer } from './input-tiny-mce.sanitizer.js';
import type { TinyMcePluginArguments, UmbTinyMcePluginBase } from './tiny-mce-plugin.js';
import { getProcessedImageUrl } from '@umbraco-cms/backoffice/utils';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import type { EditorEvent, Editor, RawEditorOptions } from '@umbraco-cms/backoffice/external/tinymce';
import { type ManifestTinyMcePlugin, umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
import { css, customElement, html, property, query, state } from '@umbraco-cms/backoffice/external/lit';
@@ -44,7 +44,7 @@ async function onResize(
}
@customElement('umb-input-tiny-mce')
export class UmbInputTinyMceElement extends FormControlMixin(UmbLitElement) {
export class UmbInputTinyMceElement extends UUIFormControlMixin(UmbLitElement, '') {
@property({ attribute: false })
configuration?: UmbPropertyEditorConfigCollection;

4
src/Umbraco.Web.UI.Client/src/packages/user/user-group/components/input-user-group/user-group-input.element.ts
View File

@@ -1,12 +1,12 @@
import type { UmbUserGroupItemModel } from '../../repository/index.js';
import { UmbUserGroupPickerContext } from './user-group-input.context.js';
import { css, html, customElement, property, state, ifDefined, nothing } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@customElement('umb-user-group-input')
export class UmbUserGroupInputElement extends FormControlMixin(UmbLitElement) {
export class UmbUserGroupInputElement extends UUIFormControlMixin(UmbLitElement, '') {
/**
* This is a minimum amount of selected items in this input.
* @type {number}

4
src/Umbraco.Web.UI.Client/src/packages/user/user-permission/components/input-entity-user-permission/input-entity-user-permission.element.ts
View File

@@ -5,10 +5,10 @@ import { html, customElement, property, state, nothing, ifDefined } from '@umbra
import type { UmbObserverController } from '@umbraco-cms/backoffice/observable-api';
import type { UmbUserPermissionVerbElement } from '@umbraco-cms/backoffice/user';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
@customElement('umb-input-entity-user-permission')
export class UmbInputEntityUserPermissionElement extends FormControlMixin(UmbLitElement) {
export class UmbInputEntityUserPermissionElement extends UUIFormControlMixin(UmbLitElement, '') {
@property({ type: String, attribute: 'entity-type' })
public get entityType(): string {
return this._entityType;

4
src/Umbraco.Web.UI.Client/src/packages/user/user/components/user-input/user-input.element.ts
View File

@@ -1,12 +1,12 @@
import type { UmbUserItemModel } from '../../repository/index.js';
import { UmbUserPickerContext } from './user-input.context.js';
import { css, html, customElement, property, state, nothing } from '@umbraco-cms/backoffice/external/lit';
import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
@customElement('umb-user-input')
export class UmbUserInputElement extends FormControlMixin(UmbLitElement) {
export class UmbUserInputElement extends UUIFormControlMixin(UmbLitElement, '') {
// TODO: [LK] Add sorting!
/**