Render nothing for empty swatches as in swatches component itself

bjarnef · bjarnef · commit 04abc4f3de5c · 2025-05-30T00:09:09.000+02:00
diff --git a/packages/uui-color-picker/lib/uui-color-picker.element.ts b/packages/uui-color-picker/lib/uui-color-picker.element.ts
@@ -530,7 +530,7 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
   }
 
   private _renderSwatches() {
-    if (!this.swatches) return nothing;
+    if (!this.swatches || this.swatches.length === 0) return nothing;
     return html`<uui-color-swatches
       id="swatches"
       class="color-picker__swatches"

Original file line number	Diff line number	Diff line change
`@@ -530,7 +530,7 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {`
`530`	`530`	`}`
`531`	`531`
`532`	`532`	`private _renderSwatches() {`
`533`		`- if (!this.swatches) return nothing;`
	`533`	`+ if (!this.swatches \|\| this.swatches.length === 0) return nothing;`
`534`	`534`	return html`<uui-color-swatches
`535`	`535`	`id="swatches"`
`536`	`536`	`class="color-picker__swatches"`