@nebula.js/stardust 4.6.0 → 4.6.1

package/core/esm/dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v4.6.0
+* @nebula.js/stardust v4.6.1
 * Copyright (c) 2023 QlikTech International AB
 * Released under the MIT license.
 */
@@ -8549,7 +8549,7 @@ function create$3(definition) {
   return cache[key];
 }
 
-const NEBULA_VERSION_HASH = "ba42" ;
+const NEBULA_VERSION_HASH = "2504" ;
 ClassNameGenerator$1.configure(componentName => {
   return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 });
@@ -8810,7 +8810,7 @@ function boot(_ref2) {
   const appRef = React__default.createRef();
   const element = document.createElement('div');
   element.style.display = 'none';
-  element.setAttribute('data-nebulajs-version', "4.6.0" );
+  element.setAttribute('data-nebulajs-version', "4.6.1" );
   element.setAttribute('data-app-id', app.id);
   document.body.appendChild(element);
   if (context) {
@@ -15539,18 +15539,297 @@ function hasSelections(layout) {
   return totalCounts > 0;
 }
 
+const pink = {
+  50: '#fce4ec',
+  100: '#f8bbd0',
+  200: '#f48fb1',
+  300: '#f06292',
+  400: '#ec407a',
+  500: '#e91e63',
+  600: '#d81b60',
+  700: '#c2185b',
+  800: '#ad1457',
+  900: '#880e4f',
+  A100: '#ff80ab',
+  A200: '#ff4081',
+  A400: '#f50057',
+  A700: '#c51162'
+};
+var pink$1 = pink;
+
+const deepPurple = {
+  50: '#ede7f6',
+  100: '#d1c4e9',
+  200: '#b39ddb',
+  300: '#9575cd',
+  400: '#7e57c2',
+  500: '#673ab7',
+  600: '#5e35b1',
+  700: '#512da8',
+  800: '#4527a0',
+  900: '#311b92',
+  A100: '#b388ff',
+  A200: '#7c4dff',
+  A400: '#651fff',
+  A700: '#6200ea'
+};
+var deepPurple$1 = deepPurple;
+
+const indigo = {
+  50: '#e8eaf6',
+  100: '#c5cae9',
+  200: '#9fa8da',
+  300: '#7986cb',
+  400: '#5c6bc0',
+  500: '#3f51b5',
+  600: '#3949ab',
+  700: '#303f9f',
+  800: '#283593',
+  900: '#1a237e',
+  A100: '#8c9eff',
+  A200: '#536dfe',
+  A400: '#3d5afe',
+  A700: '#304ffe'
+};
+var indigo$1 = indigo;
+
+const cyan = {
+  50: '#e0f7fa',
+  100: '#b2ebf2',
+  200: '#80deea',
+  300: '#4dd0e1',
+  400: '#26c6da',
+  500: '#00bcd4',
+  600: '#00acc1',
+  700: '#0097a7',
+  800: '#00838f',
+  900: '#006064',
+  A100: '#84ffff',
+  A200: '#18ffff',
+  A400: '#00e5ff',
+  A700: '#00b8d4'
+};
+var cyan$1 = cyan;
+
+const teal = {
+  50: '#e0f2f1',
+  100: '#b2dfdb',
+  200: '#80cbc4',
+  300: '#4db6ac',
+  400: '#26a69a',
+  500: '#009688',
+  600: '#00897b',
+  700: '#00796b',
+  800: '#00695c',
+  900: '#004d40',
+  A100: '#a7ffeb',
+  A200: '#64ffda',
+  A400: '#1de9b6',
+  A700: '#00bfa5'
+};
+var teal$1 = teal;
+
+const lightGreen = {
+  50: '#f1f8e9',
+  100: '#dcedc8',
+  200: '#c5e1a5',
+  300: '#aed581',
+  400: '#9ccc65',
+  500: '#8bc34a',
+  600: '#7cb342',
+  700: '#689f38',
+  800: '#558b2f',
+  900: '#33691e',
+  A100: '#ccff90',
+  A200: '#b2ff59',
+  A400: '#76ff03',
+  A700: '#64dd17'
+};
+var lightGreen$1 = lightGreen;
+
+const lime = {
+  50: '#f9fbe7',
+  100: '#f0f4c3',
+  200: '#e6ee9c',
+  300: '#dce775',
+  400: '#d4e157',
+  500: '#cddc39',
+  600: '#c0ca33',
+  700: '#afb42b',
+  800: '#9e9d24',
+  900: '#827717',
+  A100: '#f4ff81',
+  A200: '#eeff41',
+  A400: '#c6ff00',
+  A700: '#aeea00'
+};
+var lime$1 = lime;
+
+const yellow = {
+  50: '#fffde7',
+  100: '#fff9c4',
+  200: '#fff59d',
+  300: '#fff176',
+  400: '#ffee58',
+  500: '#ffeb3b',
+  600: '#fdd835',
+  700: '#fbc02d',
+  800: '#f9a825',
+  900: '#f57f17',
+  A100: '#ffff8d',
+  A200: '#ffff00',
+  A400: '#ffea00',
+  A700: '#ffd600'
+};
+var yellow$1 = yellow;
+
+const amber = {
+  50: '#fff8e1',
+  100: '#ffecb3',
+  200: '#ffe082',
+  300: '#ffd54f',
+  400: '#ffca28',
+  500: '#ffc107',
+  600: '#ffb300',
+  700: '#ffa000',
+  800: '#ff8f00',
+  900: '#ff6f00',
+  A100: '#ffe57f',
+  A200: '#ffd740',
+  A400: '#ffc400',
+  A700: '#ffab00'
+};
+var amber$1 = amber;
+
+const deepOrange = {
+  50: '#fbe9e7',
+  100: '#ffccbc',
+  200: '#ffab91',
+  300: '#ff8a65',
+  400: '#ff7043',
+  500: '#ff5722',
+  600: '#f4511e',
+  700: '#e64a19',
+  800: '#d84315',
+  900: '#bf360c',
+  A100: '#ff9e80',
+  A200: '#ff6e40',
+  A400: '#ff3d00',
+  A700: '#dd2c00'
+};
+var deepOrange$1 = deepOrange;
+
+const brown = {
+  50: '#efebe9',
+  100: '#d7ccc8',
+  200: '#bcaaa4',
+  300: '#a1887f',
+  400: '#8d6e63',
+  500: '#795548',
+  600: '#6d4c41',
+  700: '#5d4037',
+  800: '#4e342e',
+  900: '#3e2723',
+  A100: '#d7ccc8',
+  A200: '#bcaaa4',
+  A400: '#8d6e63',
+  A700: '#5d4037'
+};
+var brown$1 = brown;
+
+const blueGrey = {
+  50: '#eceff1',
+  100: '#cfd8dc',
+  200: '#b0bec5',
+  300: '#90a4ae',
+  400: '#78909c',
+  500: '#607d8b',
+  600: '#546e7a',
+  700: '#455a64',
+  800: '#37474f',
+  900: '#263238',
+  A100: '#cfd8dc',
+  A200: '#b0bec5',
+  A400: '#78909c',
+  A700: '#455a64'
+};
+var blueGrey$1 = blueGrey;
+
+var namedColors = /*#__PURE__*/Object.freeze({
+	__proto__: null,
+	amber: amber$1,
+	blue: blue$1,
+	blueGrey: blueGrey$1,
+	brown: brown$1,
+	common: common$1,
+	cyan: cyan$1,
+	deepOrange: deepOrange$1,
+	deepPurple: deepPurple$1,
+	green: green$1,
+	grey: grey$1,
+	indigo: indigo$1,
+	lightBlue: lightBlue$1,
+	lightGreen: lightGreen$1,
+	lime: lime$1,
+	orange: orange$1,
+	pink: pink$1,
+	purple: purple$1,
+	red: red$1,
+	teal: teal$1,
+	yellow: yellow$1
+});
+
 const LIGHT = '#FFF';
 const DARK = '#000';
+const TRANSPARENT = 'rgba(255, 255, 255, 0)';
+
+/**
+ * If needed, converts a named color to a more reliable CSS color format.
+ *
+ * @param {string} c The CSS color.
+ * @returns {string} Converted color or same color as before.
+ * @private
+ * @example
+ *  convertNamedColor('red') => '#FF0000'
+ */
+function convertNamedColor(c) {
+  let out = c;
+  try {
+    if (c in namedColors) {
+      ({
+        500: out
+      } = namedColors[c]); // 500 exposes the standard color
+    } else if (c === 'transparent') {
+      out = TRANSPARENT;
+    }
+  } catch (err) {
+    out = c;
+  }
+  return out;
+}
+const hasEnoughContrast = (desiredTextColor, backgroundColor) => {
+  const desired = convertNamedColor(desiredTextColor);
+  const background = convertNamedColor(backgroundColor);
+  const CONTRAST_THRESHOLD = 3.0;
+  let isContrastingEnough;
+  try {
+    isContrastingEnough = getContrastRatio(desired, background) > CONTRAST_THRESHOLD;
+  } catch (err) {
+    // The function throws on unsupported or misspelled colors.
+    // In these cases, simply return true.
+    isContrastingEnough = true;
+  }
+  return isContrastingEnough;
+};
 function getContrastingColor(backgroundColor) {
   let desiredTextColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
   let dark = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DARK;
   let light = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : LIGHT;
-  const CONTRAST_THRESHOLD = 3.0;
   let contrastingColor;
-  if (desiredTextColor && getContrastRatio(desiredTextColor, backgroundColor) > CONTRAST_THRESHOLD) {
+  if (desiredTextColor && hasEnoughContrast(desiredTextColor, backgroundColor)) {
     contrastingColor = desiredTextColor;
   } else {
-    contrastingColor = getContrastRatio(light, backgroundColor) > CONTRAST_THRESHOLD ? light : dark;
+    contrastingColor = hasEnoughContrast(light, backgroundColor) ? light : dark;
   }
   return contrastingColor;
 }