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

dispatch event when value updates

Browse Source
This commit is contained in:
Mads Rasmussen
2023-01-20 12:56:50 +01:00
parent b953b60b10
commit deb4ac9fec
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/index.ts Normal file
View File

@@ -0,0 +1,6 @@
export class UmbPropertyValueChangeEvent extends Event {
public constructor() {
// mimics the native change event
super('property-value-change', { bubbles: true, composed: false, cancelable: false });
}
}

8
src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/multiple-text-string/property-editor-ui-multiple-text-string.element.ts
View File

@@ -3,6 +3,7 @@ import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { customElement, property, state } from 'lit/decorators.js';
import { repeat } from 'lit/directives/repeat.js';
import { UUIInputElement, UUIInputEvent } from '@umbraco-ui/uui-input';
import { UmbPropertyValueChangeEvent } from '../..';
export type MultipleTextStringConfigData = Array<{
alias: 'minNumber' | 'maxNumber';
@@ -65,16 +66,15 @@ export class UmbPropertyEditorUIMultipleTextStringElement extends LitElement {
private _onAdd() {
this._value = [...this._value, { value: '' }];
this.dispatchEvent(new CustomEvent('property-value-change'));
this.dispatchEvent(new UmbPropertyValueChangeEvent());
}
private _onInput(event: UUIInputEvent) {
const target = event.target as UUIInputElement;
const value = target.value as string;
const valueIndex = Number(target.dataset.valueIndex);
this._value[valueIndex] = { value };
this.dispatchEvent(new CustomEvent('property-value-change'));
this._value = this._value.map((item, index) => (index === valueIndex ? { value } : item));
this.dispatchEvent(new UmbPropertyValueChangeEvent());
}
render() {