From fd6d04297fe3645d7c96aa280a068033134cb50e Mon Sep 17 00:00:00 2001 From: leekelleher Date: Wed, 21 Feb 2024 12:12:09 +0000 Subject: [PATCH] ColorPicker: Fixed bug with initial value Added event dispatch for sorting change. --- .../multiple-color-picker-input.element.ts | 1 + .../property-editor-ui-color-swatches-editor.element.ts | 7 +++++-- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.ts index 55f0a8a337..261d39ef7a 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.ts @@ -39,6 +39,7 @@ export class UmbMultipleColorPickerInputElement extends FormControlMixin(UmbLitE const oldValue = this._items; this._items = model; this.requestUpdate('_items', oldValue); + this.dispatchEvent(new UmbChangeEvent()); }, }); diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/color-swatches-editor/property-editor-ui-color-swatches-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/color-swatches-editor/property-editor-ui-color-swatches-editor.element.ts index 03a10ddfcf..eee1b042aa 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/color-swatches-editor/property-editor-ui-color-swatches-editor.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/color-swatches-editor/property-editor-ui-color-swatches-editor.element.ts @@ -21,7 +21,10 @@ export class UmbPropertyEditorUIColorSwatchesEditorElement extends UmbLitElement @property({ attribute: false }) public set config(config: UmbPropertyEditorConfigCollection | undefined) { this._showLabels = config?.getValueByAlias('useLabel') ?? this.#defaultShowLabels; - this.value = config?.getValueByAlias('items') ?? []; + const items = config?.getValueByAlias('items') as typeof this.value; + if (items) { + this.value = items; + } } #onChange(event: CustomEvent) { @@ -32,7 +35,7 @@ export class UmbPropertyEditorUIColorSwatchesEditorElement extends UmbLitElement render() { return html``; } }