@nebula.js/sn-histogram 1.2.0 → 1.3.0

package/api-specifications/properties.json

@@ -3,7 +3,7 @@
   "info": {
     "name": "@nebula.js/sn-histogram:properties",
     "description": "Histogram generic object definition",
-    "version": "1.2.0",
+    "version": "1.3.0",
     "license": "MIT",
     "stability": "experimental",
     "x-qlik-visibility": "private"

package/core/esm/index.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/sn-histogram v1.2.0
+* @nebula.js/sn-histogram v1.3.0
 * Copyright (c) 2026 QlikTech International AB
 * Released under the MIT license.
 */
@@ -4550,7 +4550,7 @@ const properties = {
    * @default
    */
   // oxlint-disable-next-line no-undef
-  version: "1.2.0",
+  version: "1.3.0",
   /**
    * Extends `HyperCubeDef`, see Engine API: `HyperCubeDef`.
    * @extends {HyperCubeDef}
@@ -4783,6 +4783,26 @@ const properties = {
   footnote: ""
 };
 
+const FALLBACK_INDEX = 6;
+
+/**
+ * Index of the theme's primary color in the first color picker palette.
+ * Custom themes may not put the primary color at a fixed position, so it is looked up.
+ * The theme is not always available when the chart is created (e.g. qlik-embed), then the old default applies.
+ */
+function getDefaultBarColor(theme) {
+  const palette = theme?.getDataColorPickerPalettes()?.[0]?.colors;
+  if (!palette?.length) {
+    return {
+      index: FALLBACK_INDEX
+    };
+  }
+  const index = palette.indexOf(theme.getDataColorSpecials().primary);
+  return {
+    index: index === -1 ? Math.min(FALLBACK_INDEX, palette.length - 1) : index
+  };
+}
+
 function data(env) {
   const {
     translator
@@ -15699,16 +15719,7 @@ function propertyDefinition(env) {
     }
   };
   const theme = env.theme;
-  const defaultColor = () => {
-    const {
-      primary
-    } = theme.getDataColorSpecials();
-    const palette = theme.getDataColorPickerPalettes()[0].colors;
-    const index = palette.indexOf(primary);
-    return {
-      index: index === -1 ? Math.min(6, palette.length - 1) : index
-    };
-  };
+  const defaultColor = () => getDefaultBarColor(theme);
   const colors = {
     translation: "properties.colors",
     type: "items",
@@ -16158,7 +16169,16 @@ function supernova(env) {
   const dataDefinition = data(env);
   return {
     qae: {
-      properties,
+      properties: {
+        ...properties,
+        color: {
+          ...properties.color,
+          bar: {
+            ...properties.color?.bar,
+            paletteColor: getDefaultBarColor(env.theme)
+          }
+        }
+      },
       data: {
         targets: [dataDefinition]
       },