@nebula.js/stardust 5.14.0 → 5.15.0

package/dist/stardust.dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v5.14.0
+* @nebula.js/stardust v5.15.0
 * Copyright (c) 2025 QlikTech International AB
 * Released under the MIT license.
 */
@@ -1518,6 +1518,86 @@
 			"zh-TW": "確定"
 		}
 	};
+	var Object_FilterLabel_All = {
+		id: "Object.FilterLabel.All",
+		locale: {
+			"de-DE": "ALLES",
+			"en-US": "ALL",
+			"es-ES": "TODOS",
+			"fr-FR": "TOUT",
+			"it-IT": "TUTTI",
+			"ja-JP": "すべて",
+			"ko-KR": "모두",
+			"nl-NL": "ALLE",
+			"pl-PL": "WSZYSTKIE",
+			"pt-BR": "TODOS",
+			"ru-RU": "ВСЕ",
+			"sv-SE": "ALLA",
+			"tr-TR": "TÜMÜ",
+			"zh-CN": "全部",
+			"zh-TW": "全部"
+		}
+	};
+	var Object_FilterLabel_Exclude = {
+		id: "Object.FilterLabel.Exclude",
+		locale: {
+			"de-DE": "NICHT",
+			"en-US": "NOT",
+			"es-ES": "NO",
+			"fr-FR": "EXCLURE",
+			"it-IT": "NON",
+			"ja-JP": "除外",
+			"ko-KR": "제외",
+			"nl-NL": "NIET",
+			"pl-PL": "NIE",
+			"pt-BR": "NÃO",
+			"ru-RU": "НЕ",
+			"sv-SE": "INTE",
+			"tr-TR": "DEĞİL",
+			"zh-CN": "非",
+			"zh-TW": "不是"
+		}
+	};
+	var Object_FilterLabel_Unknown = {
+		id: "Object.FilterLabel.Unknown",
+		locale: {
+			"de-DE": "Unbekannt",
+			"en-US": "Unknown",
+			"es-ES": "Desconocido",
+			"fr-FR": "Inconnu",
+			"it-IT": "Sconosciuto",
+			"ja-JP": "不明",
+			"ko-KR": "알 수 없음",
+			"nl-NL": "Onbekend",
+			"pl-PL": "Nieznany",
+			"pt-BR": "Desconhecido",
+			"ru-RU": "Неизвестный",
+			"sv-SE": "Okänt",
+			"tr-TR": "Bilinmiyor",
+			"zh-CN": "未知",
+			"zh-TW": "未知"
+		}
+	};
+	var Object_FiltersApplied = {
+		id: "Object.FiltersApplied",
+		locale: {
+			"de-DE": "Angewendete Filter:",
+			"en-US": "Filters applied:",
+			"es-ES": "Filtros aplicados:",
+			"fr-FR": "Filtres appliqués :",
+			"it-IT": "Filtri applicati:",
+			"ja-JP": "適用されているフィルター:",
+			"ko-KR": "적용된 필터:",
+			"nl-NL": "Toegepaste filters:",
+			"pl-PL": "Zastosowane filtry:",
+			"pt-BR": "Filtros aplicados:",
+			"ru-RU": "Примененные фильтры:",
+			"sv-SE": "Använda filter:",
+			"tr-TR": "Uygulanan filtreler:",
+			"zh-CN": "应用的筛选器：",
+			"zh-TW": "篩選器已套用："
+		}
+	};
 	var Object_Listbox_Alternative = {
 		id: "Object.Listbox.Alternative",
 		locale: {
@@ -2198,30 +2278,6 @@
 			"zh-TW": "不符計算條件"
 		}
 	};
-	var Object_FilterLabel_All = {
-		id: "Object.FilterLabel.All",
-		locale: {
-			"en-US": "ALL"
-		}
-	};
-	var Object_FilterLabel_Exclude = {
-		id: "Object.FilterLabel.Exclude",
-		locale: {
-			"en-US": "NOT"
-		}
-	};
-	var Object_FilterLabel_Unknown = {
-		id: "Object.FilterLabel.Unknown",
-		locale: {
-			"en-US": "Unknown"
-		}
-	};
-	var Object_FiltersApplied = {
-		id: "Object.FiltersApplied",
-		locale: {
-			"en-US": "Filters applied:"
-		}
-	};
 	var all = {
 		Cancel: Cancel$1,
 		CurrentSelections_All: CurrentSelections_All,
@@ -2244,6 +2300,10 @@
 		Navigate_Back: Navigate_Back,
 		Navigate_Forward: Navigate_Forward,
 		OK: OK,
+		Object_FilterLabel_All: Object_FilterLabel_All,
+		Object_FilterLabel_Exclude: Object_FilterLabel_Exclude,
+		Object_FilterLabel_Unknown: Object_FilterLabel_Unknown,
+		Object_FiltersApplied: Object_FiltersApplied,
 		Object_Listbox_Alternative: Object_Listbox_Alternative,
 		Object_Listbox_Excluded: Object_Listbox_Excluded,
 		Object_Listbox_ExcludedLock: Object_Listbox_ExcludedLock,
@@ -2277,11 +2337,7 @@
 		Visualization_Invalid_Dimension: Visualization_Invalid_Dimension,
 		Visualization_Invalid_Measure: Visualization_Invalid_Measure,
 		Visualization_LayoutError: Visualization_LayoutError,
-		Visualization_UnfulfilledCalculationCondition: Visualization_UnfulfilledCalculationCondition,
-		Object_FilterLabel_All: Object_FilterLabel_All,
-		Object_FilterLabel_Exclude: Object_FilterLabel_Exclude,
-		Object_FilterLabel_Unknown: Object_FilterLabel_Unknown,
-		Object_FiltersApplied: Object_FiltersApplied
+		Visualization_UnfulfilledCalculationCondition: Visualization_UnfulfilledCalculationCondition
 	};
 
 	function appLocaleFn(language) {
@@ -15182,7 +15238,7 @@
 	  return cache[key];
 	}
 
-	const NEBULA_VERSION_HASH = "dc2c";
+	const NEBULA_VERSION_HASH = "5519";
 	ClassNameGenerator.configure(componentName => {
 	  return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 	});
@@ -15417,13 +15473,14 @@
 	    context
 	  } = _ref2;
 	  let resolveRender;
+	  let destroyed = false;
 	  const rendered = new Promise(resolve => {
 	    resolveRender = resolve;
 	  });
 	  const appRef = React.createRef();
 	  const element = document.createElement('div');
 	  element.style.display = 'none';
-	  element.setAttribute('data-nebulajs-version', "5.14.0");
+	  element.setAttribute('data-nebulajs-version', "5.15.0");
 	  element.setAttribute('data-app-id', app.id);
 	  document.body.appendChild(element);
 	  if (context) {
@@ -15457,7 +15514,7 @@
 	      delete cells[id];
 	    },
 	    add(component, unmount) {
-	      (async () => {
+	      return (async () => {
 	        await rendered;
 	        components.push(component);
 	        componentsUnmount.push(unmount);
@@ -15465,17 +15522,19 @@
 	      })();
 	    },
 	    remove(component) {
-	      (async _appRef$current => {
-	        await rendered;
-	        const ix = components.indexOf(component);
-	        if (ix !== -1) {
-	          var _componentsUnmount$ix;
-	          (_componentsUnmount$ix = componentsUnmount[ix]) === null || _componentsUnmount$ix === void 0 || _componentsUnmount$ix.call(componentsUnmount);
-	          components.splice(ix, 1);
-	          componentsUnmount.splice(ix, 1);
-	        }
-	        appRef === null || appRef === void 0 || (_appRef$current = appRef.current) === null || _appRef$current === void 0 || _appRef$current.setComps(components);
-	      })();
+	      if (!destroyed) {
+	        (async _appRef$current => {
+	          await rendered;
+	          const ix = components.indexOf(component);
+	          if (ix !== -1) {
+	            var _componentsUnmount$ix;
+	            (_componentsUnmount$ix = componentsUnmount[ix]) === null || _componentsUnmount$ix === void 0 || _componentsUnmount$ix.call(componentsUnmount);
+	            components.splice(ix, 1);
+	            componentsUnmount.splice(ix, 1);
+	          }
+	          appRef === null || appRef === void 0 || (_appRef$current = appRef.current) === null || _appRef$current === void 0 || _appRef$current.setComps(components);
+	        })();
+	      }
 	    },
 	    setMuiThemeName(themeName) {
 	      (async () => {
@@ -15494,6 +15553,7 @@
 	      })();
 	    },
 	    destroy() {
+	      destroyed = true;
 	      componentsUnmount.forEach(c => {
 	        c && c();
 	      });
@@ -24205,7 +24265,7 @@
 	    canCancel,
 	    canRetry
 	  }, longrunning] = useRpc(model, 'getLayout');
-	  if (model !== null && model !== void 0 && model.pureLayout) {
+	  if (model !== null && model !== void 0 && model.pureLayout && layout) {
 	    return [model.pureLayout, {
 	      validating,
 	      canCancel,
@@ -29881,10 +29941,6 @@
 	const popoverStyle = {
 	  pointerEvents: 'none'
 	};
-	const popoverTransformOrigin = {
-	  vertical: 'bottom',
-	  horizontal: 'right'
-	};
 	function ActionsToolbar(_ref3) {
 	  var _popover$anchorEl$cli, _popover$anchorEl;
 	  let {
@@ -29927,7 +29983,11 @@
 	  const [showMoreItems, setShowMoreItems] = reactExports.useState(false);
 	  const popoverAnchorOrigin = {
 	    vertical: 12,
-	    horizontal: ((_popover$anchorEl$cli = (_popover$anchorEl = popover.anchorEl) === null || _popover$anchorEl === void 0 ? void 0 : _popover$anchorEl.clientWidth) !== null && _popover$anchorEl$cli !== void 0 ? _popover$anchorEl$cli : 0) - 7
+	    horizontal: isRtl ? 0 : ((_popover$anchorEl$cli = (_popover$anchorEl = popover.anchorEl) === null || _popover$anchorEl === void 0 ? void 0 : _popover$anchorEl.clientWidth) !== null && _popover$anchorEl$cli !== void 0 ? _popover$anchorEl$cli : 0) - 7
+	  };
+	  const popoverTransformOrigin = {
+	    vertical: 'bottom',
+	    horizontal: isRtl ? -7 : 'right'
 	  };
 	  const actionsRef = reactExports.useRef();
 	  const moreRef = reactExports.useRef();
@@ -35850,7 +35910,8 @@
 	    anchorEl,
 	    hovering,
 	    focusHandler,
-	    titleStyles = {}
+	    titleStyles = {},
+	    isRtl
 	  } = _ref2;
 	  const showTitle = layout.showTitles && !!layout.title;
 	  const showSubtitle = layout.showTitles && !!layout.subtitle;
@@ -35880,7 +35941,8 @@
 	      anchorEl
 	    },
 	    focusHandler: focusHandler,
-	    layout: layout
+	    layout: layout,
+	    isRtl: isRtl
 	  });
 	  return /*#__PURE__*/React.createElement(StyledGrid$1, {
 	    item: true,
@@ -35890,7 +35952,8 @@
 	  }, /*#__PURE__*/React.createElement(Grid, {
 	    item: true,
 	    zeroMinWidth: true,
-	    xs: true
+	    xs: true,
+	    dir: isRtl ? 'rtl' : 'ltr'
 	  }, /*#__PURE__*/React.createElement(Grid, {
 	    container: true,
 	    wrap: "nowrap",
@@ -36098,7 +36161,8 @@
 	    layout,
 	    translator,
 	    filtersFootnoteString,
-	    footerStyle
+	    footerStyle,
+	    isRtl
 	  } = _ref2;
 	  const filtersFootnoteLabels = generateFiltersLabels((_layout$filters = layout === null || layout === void 0 ? void 0 : layout.filters) !== null && _layout$filters !== void 0 ? _layout$filters : [], translator);
 	  const styles = {
@@ -36117,7 +36181,8 @@
 	      padding: footerStyle === null || footerStyle === void 0 ? void 0 : footerStyle.padding,
 	      borderTop: footerStyle === null || footerStyle === void 0 ? void 0 : footerStyle.borderTop
 	    },
-	    "data-testid": "filters-footnote"
+	    "data-testid": "filters-footnote",
+	    justifyContent: isRtl ? 'flex-end' : 'flex-start'
 	  }, /*#__PURE__*/React.createElement(Grid, {
 	    item: true,
 	    display: "flex"
@@ -36174,7 +36239,8 @@
 	    titleStyles = {},
 	    translator,
 	    flags,
-	    isCardTheme
+	    isCardTheme,
+	    isRtl
 	  } = _ref;
 	  const footerStyle = titleStyles.footer;
 	  const hasFilters = (layout === null || layout === void 0 || (_layout$filters = layout.filters) === null || _layout$filters === void 0 ? void 0 : _layout$filters.length) > 0 && (layout === null || layout === void 0 || (_layout$qHyperCube = layout.qHyperCube) === null || _layout$qHyperCube === void 0 || (_layout$qHyperCube = _layout$qHyperCube.qMeasureInfo) === null || _layout$qHyperCube === void 0 ? void 0 : _layout$qHyperCube.length) > 0;
@@ -36197,12 +36263,14 @@
 	    noWrap: true,
 	    variant: "body2",
 	    className: CellFooter.className,
-	    style: footerStyle
+	    style: footerStyle,
+	    align: isRtl ? 'right' : 'left'
 	  }, layout.footnote)), showFilters && /*#__PURE__*/React.createElement(FiltersFooter, {
 	    layout: layout,
 	    translator: translator,
 	    filtersFootnoteString: filtersFootnoteString,
-	    footerStyle: footerStyle
+	    footerStyle: footerStyle,
+	    isRtl: isRtl
 	  }))) : null;
 	}
 
@@ -36459,67 +36527,61 @@
 	  }
 	}
 
-	const NP_PADDINH_IN_CARDS_WITHOUT_TITLE = ['action-button', 'sn-nav-menu'];
-	const NO_PADDING_IN_CARDS = ['pivot-table', 'table', 'sn-table', 'sn-pivot-table', 'kpi', 'map', 'filterpane', 'sn-calendar', 'sn-filter-pane', 'sn-layout-container', 'sn-listbox', 'sn-shape', 'sn-tabbed-container'];
-	const shouldUseCardPadding = _ref => {
-	  let {
-	    isCardTheme,
-	    layout,
-	    isError
-	  } = _ref;
-	  const visualization = layout === null || layout === void 0 ? void 0 : layout.visualization;
-	  if (!isCardTheme) {
-	    return false;
+	const NO_BORDER_IN_CARDS = ['action-button', 'sn-nav-menu', 'filterpane', 'sn-shape'];
+	const NO_PADDING_IN_CARDS = [...NO_BORDER_IN_CARDS, 'pivot-table', 'table', 'sn-table', 'sn-pivot-table', 'kpi', 'sn-calendar', 'sn-filter-pane', 'sn-layout-container', 'sn-tabbed-container'];
+	const getPaddTitle = visualization => NO_BORDER_IN_CARDS.indexOf(visualization) === -1;
+	const getTitlePadding = visualization => {
+	  const paddTitle = getPaddTitle(visualization);
+	  if (paddTitle) {
+	    return '10px 10px 0';
 	  }
-	  if (isError) {
-	    return true;
-	  }
-	  if (NO_PADDING_IN_CARDS.indexOf(visualization) !== -1) {
-	    return false;
-	  }
-	  const showTitle = layout === null || layout === void 0 ? void 0 : layout.showTitles;
-	  if (!showTitle && NP_PADDINH_IN_CARDS_WITHOUT_TITLE.indexOf(visualization) !== -1) {
-	    return false;
+	  return '10px 0 0';
+	};
+	const getSubtitlePadding = (visualization, showTitle) => {
+	  const paddTitle = getPaddTitle(visualization);
+	  if (showTitle) {
+	    if (paddTitle) {
+	      return '0 10px';
+	    }
+	    return '0';
 	  }
-	  return true;
+	  return getTitlePadding(visualization);
 	};
-	const getPadding = _ref2 => {
+	const getPadding = _ref => {
 	  let {
 	    layout,
 	    isError,
 	    isCardTheme,
 	    titleStyles,
 	    translator
-	  } = _ref2;
-	  const cardPadding = shouldUseCardPadding({
-	    isCardTheme,
-	    layout,
-	    isError
-	  });
+	  } = _ref;
 	  if (isCardTheme) {
 	    var _layout$filters, _layout$qHyperCube, _layout$filters2;
 	    const showTitle = (layout === null || layout === void 0 ? void 0 : layout.showTitles) && !!(layout !== null && layout !== void 0 && layout.title);
 	    const showSubtitle = (layout === null || layout === void 0 ? void 0 : layout.showTitles) && !!(layout !== null && layout !== void 0 && layout.subtitle);
 	    const hasFilters = (layout === null || layout === void 0 || (_layout$filters = layout.filters) === null || _layout$filters === void 0 ? void 0 : _layout$filters.length) > 0 && (layout === null || layout === void 0 || (_layout$qHyperCube = layout.qHyperCube) === null || _layout$qHyperCube === void 0 || (_layout$qHyperCube = _layout$qHyperCube.qMeasureInfo) === null || _layout$qHyperCube === void 0 ? void 0 : _layout$qHyperCube.length) > 0;
+	    const visualization = layout === null || layout === void 0 ? void 0 : layout.visualization;
 	    const filtersFootnoteString = generateFiltersString((_layout$filters2 = layout === null || layout === void 0 ? void 0 : layout.filters) !== null && _layout$filters2 !== void 0 ? _layout$filters2 : [], translator);
 	    const showFilters = !(layout !== null && layout !== void 0 && layout.footnote) && hasFilters && filtersFootnoteString;
 	    const showFootnote = (layout === null || layout === void 0 ? void 0 : layout.showTitles) && (!!(layout !== null && layout !== void 0 && layout.footnote) || showFilters);
-	    if (showTitle && cardPadding) {
+	    if (showTitle) {
 	      // eslint-disable-next-line no-param-reassign
-	      titleStyles.main.padding = '10px 10px 0';
+	      titleStyles.main.padding = getTitlePadding(visualization);
 	    }
-	    if (showSubtitle && cardPadding) {
+	    if (showSubtitle) {
 	      // eslint-disable-next-line no-param-reassign
-	      titleStyles.subTitle.padding = showTitle ? '0 10px' : '10px 10px 0';
+	      titleStyles.subTitle.padding = getSubtitlePadding(visualization, showTitle);
 	    }
 	    if (showFootnote) {
-	      // eslint-disable-next-line no-param-reassign
-	      titleStyles.footer.borderTop = '1px solid #d9d9d9';
+	      if (NO_BORDER_IN_CARDS.indexOf(visualization) === -1) {
+	        // eslint-disable-next-line no-param-reassign
+	        titleStyles.footer.borderTop = '1px solid #d9d9d9';
+	      }
 	      // eslint-disable-next-line no-param-reassign
 	      titleStyles.footer.padding = '6px 10px';
 	    }
 	    let bodyPadding;
-	    if (cardPadding) {
+	    if (isError || NO_PADDING_IN_CARDS.indexOf(visualization) === -1) {
 	      bodyPadding = "".concat(showTitle || showSubtitle ? '0' : '10px', " 10px ").concat(showFootnote ? '0' : '5px');
 	    }
 	    return bodyPadding;
@@ -36901,6 +36963,7 @@
 	    themeName,
 	    disableThemeBorder: snOptions === null || snOptions === void 0 ? void 0 : snOptions.disableThemeBorder
 	  });
+	  const isRtl = !!((snOptions === null || snOptions === void 0 ? void 0 : snOptions.direction) === 'rtl');
 	  const focusHandler = reactExports.useRef({
 	    focusToolbarButton(last) {
 	      // eslint-disable-next-line react/no-this-in-sfc
@@ -37178,7 +37241,8 @@
 	    anchorEl: cellNode,
 	    hovering: hovering,
 	    focusHandler: focusHandler.current,
-	    titleStyles: titleStyles
+	    titleStyles: titleStyles,
+	    isRtl: isRtl
 	  }, "\xA0"), /*#__PURE__*/React.createElement(Grid, {
 	    tabIndex: keyboardNavigation && !externalFocusManagement ? 0 : -1,
 	    onKeyDown: keyboardNavigation && !externalFocusManagement ? handleKeyDown : null,
@@ -37196,7 +37260,8 @@
 	    titleStyles: titleStyles,
 	    translator: translator,
 	    flags: flags,
-	    isCardTheme: isCardTheme
+	    isCardTheme: isCardTheme,
+	    isRtl: isRtl
 	  })), state.longRunningQuery && /*#__PURE__*/React.createElement(LongRunningQuery, {
 	    canCancel: canCancel,
 	    canRetry: canRetry,
@@ -37240,9 +37305,18 @@
 	    model.removeListener('closed', unmount);
 	  };
 	  model.on('closed', unmount);
-	  root.add(portal, unmount);
+
 	  // Cannot use model.id as it is not unique in a given mashup
 	  root.addCell(currentId, cellRef);
+	  (async () => {
+	    try {
+	      await root.add(portal, unmount);
+	    } catch (e) {
+	      unmount();
+	      onMount();
+	      onError(e);
+	    }
+	  })();
 	  return [unmount, cellRef];
 	}
 
@@ -54694,6 +54768,13 @@
 	    current.hcProperties.qDynamicScript = [];
 	  }
 	}
+	function getDeletedFields(fields, indexes) {
+	  // Keep the original deleted order
+	  return fields.filter((_, idx) => indexes.includes(idx));
+	}
+	function getRemainedFields(fields, indexes) {
+	  return fields.filter((_, idx) => !indexes.includes(idx));
+	}
 
 	// ----------------------------------
 	// ----------- DIMENSIONS -----------
@@ -54706,15 +54787,24 @@
 	  dimensions.splice(idx, 0, dimension);
 	  return Promise.resolve(dimension);
 	}
-	function insertMainDimension(self, dimension, dimensions, idx) {
-	  dimensions.splice(idx, 0, dimension);
-	  return self.autoSortDimension(dimension).then(() => {
-	    arrayUtil.indexAdded(self.hcProperties.qInterColumnSortOrder, self.getDimensions().length + dimension.length - 1);
-	    if (typeof self.dimensionDefinition.add === 'function') {
-	      return Promise.resolve(self.dimensionDefinition.add.call(null, dimension, self.properties, self));
-	    }
-	    return dimension;
-	  });
+	function addDimensionToColumnSortOrder(self, dimensions, index) {
+	  arrayUtil.indexAdded(self.hcProperties.qInterColumnSortOrder, index !== null && index !== void 0 ? index : dimensions.length - 1);
+	}
+	function addDimensionToColumnOrder(self, dimension) {
+	  if (typeof self.dimensionDefinition.add === 'function') {
+	    return Promise.resolve(self.dimensionDefinition.add.call(null, dimension, self.properties, self)).then(() => dimension);
+	  }
+	  return undefined;
+	}
+	function removeDimensionFromColumnSortOrder(self, index) {
+	  arrayUtil.indexRemoved(self.hcProperties.qInterColumnSortOrder, index);
+	}
+	function removeDimensionFromColumnOrder(self, index) {
+	  const [dimension] = self.hcProperties.qDimensions.splice(index, 1);
+	  if (dimension && typeof self.dimensionDefinition.remove === 'function') {
+	    return Promise.resolve(self.dimensionDefinition.remove.call(null, dimension, self.properties, self, index));
+	  }
+	  return undefined;
 	}
 	function isTotalDimensionsExceeded(self, dimensions) {
 	  const altDimensions = self.getAlternativeDimensions();
@@ -54724,8 +54814,7 @@
 	  const dimensions = self.hcProperties.qLayoutExclude.qHyperCubeDef.qDimensions;
 	  return alternative || self.maxDimensions() <= dimensions.length && dimensions.length < TOTAL_MAX.DIMENSIONS;
 	}
-	async function addActiveDimension(self, dimension, existingDimensions, addedDimensions, addedActive) {
-	  const initialLength = existingDimensions.length;
+	async function addActiveDimension(self, dimension, initialLength, existingDimensions, addedDimensions, addedActive) {
 	  await self.autoSortDimension(dimension);
 
 	  // Update sorting order
@@ -54748,15 +54837,14 @@
 	  measures.splice(idx, 0, measure);
 	  return Promise.resolve(measure);
 	}
-	function insertMainMeasure(self, measure, measures, idx) {
-	  measures.splice(idx, 0, measure);
-	  return self.autoSortMeasure(measure).then(() => {
-	    arrayUtil.indexAdded(self.hcProperties.qInterColumnSortOrder, self.getDimensions().length + measure.length - 1);
-	    if (typeof self.measureDefinition.add === 'function') {
-	      return Promise.resolve(self.measureDefinition.add.call(null, measure, self.properties, self));
-	    }
-	    return measure;
-	  });
+	function addMeasureToColumnSortOrder(self, measures) {
+	  arrayUtil.indexAdded(self.hcProperties.qInterColumnSortOrder, self.getDimensions().length + measures.length - 1);
+	}
+	function addMeasureToColumnOrder(self, measure) {
+	  if (typeof self.measureDefinition.add === 'function') {
+	    return Promise.resolve(self.measureDefinition.add.call(null, measure, self.properties, self));
+	  }
+	  return undefined;
 	}
 	function isTotalMeasureExceeded(self, measures) {
 	  // Adding more measures than TOTAL_MAX_MEASURES is not allowed and we expect this.maxMeasures() to always be <= TOTAL_MAX_MEASURES
@@ -54781,6 +54869,19 @@
 	  }
 	  return Promise.resolve(addedMeasures);
 	}
+	function removeMeasureFromColumnSortOrder(self, index) {
+	  arrayUtil.indexRemoved(self.hcProperties.qInterColumnSortOrder, self.getDimensions().length + index);
+	}
+	function removeMeasureFromColumnOrder(self, index) {
+	  const [measure] = self.hcProperties.qMeasures.splice(index, 1);
+	  if (measure && typeof self.measureDefinition.remove === 'function') {
+	    return Promise.resolve(self.measureDefinition.remove.call(null, measure, self.properties, self, index));
+	  }
+	  return undefined;
+	}
+	function removeAltMeasureByIndex(self, index) {
+	  return self.hcProperties.qLayoutExclude.qHyperCubeDef.qMeasures.splice(index, 1);
+	}
 
 	// eslint-disable-next-line import/no-extraneous-dependencies
 	class DataPropertyHandler {
@@ -54835,6 +54936,12 @@
 	  static addDimensions() {
 	    throw notSupportedError;
 	  }
+	  static removeDimension() {
+	    throw notSupportedError;
+	  }
+	  static removeDimensions() {
+	    throw notSupportedError;
+	  }
 	  static autoSortDimension() {
 	    throw notSupportedError;
 	  }
@@ -54951,6 +55058,12 @@
 	  static addMeasures() {
 	    throw notSupportedError;
 	  }
+	  static removeMeasure() {
+	    throw notSupportedError;
+	  }
+	  static removeMeasures() {
+	    throw notSupportedError;
+	  }
 	  static autoSortMeasure() {
 	    throw notSupportedError;
 	  }
@@ -55033,10 +55146,10 @@
 	    const measure = this.createLibraryMeasure(id, defaults);
 	    return this.addMeasure(measure, true);
 	  }
-	  maxMeasures(decrement) {
-	    const decr = decrement || 0;
+	  maxMeasures() {
+	    let decrement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
 	    if (typeof this.measureDefinition.max === 'function') {
-	      const dimLength = this.getDimensions().length - decr;
+	      const dimLength = this.getDimensions().length - decrement;
 	      const measureParams = flagsFn('PS_21371_ANALYSIS_TYPES') ? [dimLength, this.properties] : [dimLength];
 	      return this.measureDefinition.max.apply(null, measureParams);
 	    }
@@ -55110,24 +55223,66 @@
 	  });
 	}
 
+	function updateDimensionOrders(self, dimension, index) {
+	  const dimensions = self.getDimensions();
+	  dimensions.splice(index, 0, dimension);
+	  return self.autoSortDimension(dimension).then(async () => {
+	    addDimensionToColumnSortOrder(self, dimensions, index);
+	    await addDimensionToColumnOrder(self, dimension);
+	    return dimension;
+	  });
+	}
+
 	function addMainDimension(self, dimension, index) {
 	  const dimensions = self.getDimensions();
 	  const idx = index !== null && index !== void 0 ? index : dimensions.length;
 	  if (dimensions.length < self.maxDimensions()) {
-	    return insertMainDimension(self, dimension, dimensions, idx);
+	    return updateDimensionOrders(self, dimension, idx);
 	  }
-	  return Promise.resolve();
+	  return Promise.resolve(dimension);
 	}
 
 	function addMainMeasure(self, measure, index) {
 	  const measures = self.getMeasures();
 	  const idx = index !== null && index !== void 0 ? index : measures.length;
 	  if (measures.length < self.maxMeasures()) {
-	    insertMainMeasure(measure, measures, idx);
+	    measures.splice(idx, 0, measure);
+	    return self.autoSortMeasure(measure).then(() => {
+	      addMeasureToColumnSortOrder(self, measures);
+	      return addMeasureToColumnOrder(self, measure).then(() => measure);
+	    });
 	  }
 	  return measure;
 	}
 
+	async function removeMainDimension(self, index) {
+	  removeDimensionFromColumnSortOrder(self, index);
+	  await removeDimensionFromColumnOrder(self, index);
+	}
+
+	function removeAlternativeMeasure(self, indexes) {
+	  const current = self;
+	  const measures = current.getAlternativeMeasures();
+	  const remainedFields = getRemainedFields(measures, indexes);
+	  current.hcProperties.qLayoutExclude.qHyperCubeDef.qMeasures = remainedFields;
+	}
+
+	async function removeMainMeasure(self, index) {
+	  removeMeasureFromColumnSortOrder(self, index);
+	  await removeMeasureFromColumnOrder(self, index);
+	}
+
+	function removeAlternativeDimension(self, index) {
+	  const [dimension] = self.getAlternativeDimensions().splice(index, 1);
+	  if (dimension && typeof self.dimensionDefinition.remove === 'function') {
+	    dimension.isAlternative = true;
+	    return Promise.resolve(self.dimensionDefinition.remove.call(null, dimension, self.properties, self, index)).then(() => {
+	      delete dimension.isAlternative;
+	    });
+	  }
+	  return undefined;
+	}
+
 	class HyperCubeHandler extends DataPropertyHandler {
 	  constructor(opts) {
 	    super(opts);
@@ -55172,7 +55327,7 @@
 	  }
 	  addDimension(dimension, alternative, idx) {
 	    const dim = initializeField(dimension);
-	    if (isDimensionAlternative(this, dim)) {
+	    if (isDimensionAlternative(this, alternative)) {
 	      return addAlternativeDimension(this, dim, idx);
 	    }
 	    return addMainDimension(this, dim, idx);
@@ -55180,6 +55335,7 @@
 	  async addDimensions(dimensions) {
 	    let alternative = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 	    const existingDimensions = this.getDimensions();
+	    const initialLength = existingDimensions.length;
 	    const addedDimensions = [];
 	    let addedActive = 0;
 
@@ -55199,7 +55355,7 @@
 	            const altDim = await addAlternativeDimension(this, dim);
 	            addedDimensions.push(altDim);
 	          } else if (existingDimensions.length < this.maxDimensions()) {
-	            await addActiveDimension(this, dim, existingDimensions, addedDimensions, addedActive);
+	            await addActiveDimension(this, dim, initialLength, existingDimensions, addedDimensions, addedActive);
 	            addedActive++;
 	          }
 	        }
@@ -55220,6 +55376,78 @@
 	    }
 	    return addedDimensions;
 	  }
+	  removeDimension(idx, alternative) {
+	    if (alternative) {
+	      removeAlternativeDimension(this, idx);
+	    }
+	    removeMainDimension(this, idx);
+	  }
+	  async removeDimensions(indexes, alternative) {
+	    const altDimensions = this.getAlternativeDimensions();
+	    const dimensions = this.getDimensions();
+	    if (indexes.length === 0) return [];
+	    let deletedDimensions = [];
+	    // Start deleting from the end of the list first otherwise the idx is messed up
+	    const sortedIndexes = [...indexes].sort((a, b) => b - a);
+	    if (alternative && altDimensions.length > 0) {
+	      // Keep the original deleted order
+	      deletedDimensions = getDeletedFields(altDimensions, indexes);
+	      // eslint-disable-next-line no-restricted-syntax
+	      var _iteratorAbruptCompletion2 = false;
+	      var _didIteratorError2 = false;
+	      var _iteratorError2;
+	      try {
+	        for (var _iterator2 = _asyncIterator(sortedIndexes), _step2; _iteratorAbruptCompletion2 = !(_step2 = await _iterator2.next()).done; _iteratorAbruptCompletion2 = false) {
+	          const index = _step2.value;
+	          {
+	            await removeAlternativeDimension(this, index);
+	          }
+	        }
+	      } catch (err) {
+	        _didIteratorError2 = true;
+	        _iteratorError2 = err;
+	      } finally {
+	        try {
+	          if (_iteratorAbruptCompletion2 && _iterator2.return != null) {
+	            await _iterator2.return();
+	          }
+	        } finally {
+	          if (_didIteratorError2) {
+	            throw _iteratorError2;
+	          }
+	        }
+	      }
+	    } else if (dimensions.length > 0) {
+	      // Keep the original deleted order
+	      deletedDimensions = getDeletedFields(dimensions, indexes);
+	      // eslint-disable-next-line no-restricted-syntax
+	      var _iteratorAbruptCompletion3 = false;
+	      var _didIteratorError3 = false;
+	      var _iteratorError3;
+	      try {
+	        for (var _iterator3 = _asyncIterator(sortedIndexes), _step3; _iteratorAbruptCompletion3 = !(_step3 = await _iterator3.next()).done; _iteratorAbruptCompletion3 = false) {
+	          const index = _step3.value;
+	          {
+	            await removeMainDimension(this, index);
+	          }
+	        }
+	      } catch (err) {
+	        _didIteratorError3 = true;
+	        _iteratorError3 = err;
+	      } finally {
+	        try {
+	          if (_iteratorAbruptCompletion3 && _iterator3.return != null) {
+	            await _iterator3.return();
+	          }
+	        } finally {
+	          if (_didIteratorError3) {
+	            throw _iteratorError3;
+	          }
+	        }
+	      }
+	    }
+	    return deletedDimensions;
+	  }
 	  autoSortDimension(dimension) {
 	    if (dimension.qLibraryId) {
 	      return getAutoSortLibraryDimension(this, dimension);
@@ -55284,6 +55512,54 @@
 	    });
 	    return addedMeasures;
 	  }
+	  removeMeasure(idx, alternative) {
+	    if (alternative) {
+	      removeAltMeasureByIndex(this, idx);
+	    }
+	    removeMainMeasure(this, idx);
+	  }
+	  async removeMeasures(indexes, alternative) {
+	    const measures = this.getMeasures();
+	    const altMeasures = this.getAlternativeMeasures();
+	    if (indexes.length === 0) return [];
+	    let deletedMeasures = [];
+	    if (alternative && altMeasures.length > 0) {
+	      // Keep the original deleted order
+	      deletedMeasures = getDeletedFields(altMeasures, indexes);
+	      removeAlternativeMeasure(this, indexes);
+	    } else if (measures.length > 0) {
+	      // Keep the original deleted order
+	      deletedMeasures = getDeletedFields(measures, indexes);
+	      const sortedIndexes = [...indexes].sort((a, b) => b - a);
+
+	      // eslint-disable-next-line no-restricted-syntax
+	      var _iteratorAbruptCompletion4 = false;
+	      var _didIteratorError4 = false;
+	      var _iteratorError4;
+	      try {
+	        for (var _iterator4 = _asyncIterator(sortedIndexes), _step4; _iteratorAbruptCompletion4 = !(_step4 = await _iterator4.next()).done; _iteratorAbruptCompletion4 = false) {
+	          const index = _step4.value;
+	          {
+	            await removeMainMeasure(this, index);
+	          }
+	        }
+	      } catch (err) {
+	        _didIteratorError4 = true;
+	        _iteratorError4 = err;
+	      } finally {
+	        try {
+	          if (_iteratorAbruptCompletion4 && _iterator4.return != null) {
+	            await _iterator4.return();
+	          }
+	        } finally {
+	          if (_didIteratorError4) {
+	            throw _iteratorError4;
+	          }
+	        }
+	      }
+	    }
+	    return deletedMeasures;
+	  }
 	}
 
 	/* eslint no-param-reassign: 0, no-restricted-globals: 0 */
@@ -57738,6 +58014,7 @@
 	    model,
 	    /**
 	     * Destroys the visualization and removes it from the the DOM.
+	     * @returns {Promise<void>}
 	     * @example
 	     * const viz = await embed(app).render({
 	     *   element,
@@ -58875,6 +59152,7 @@
 	function requireParseOptions() {
 	  if (hasRequiredParseOptions) return parseOptions_1;
 	  hasRequiredParseOptions = 1;
+
 	  // parse out just the options we care about
 	  const looseOption = Object.freeze({
 	    loose: true
@@ -58900,6 +59178,7 @@
 	function requireConstants() {
 	  if (hasRequiredConstants) return constants;
 	  hasRequiredConstants = 1;
+
 	  // Note: this is the semver.org version of the spec that it implements
 	  // Not necessarily the package version of this code.
 	  const SEMVER_SPEC_VERSION = '2.0.0';
@@ -58946,6 +59225,7 @@
 	  if (hasRequiredRe) return re.exports;
 	  hasRequiredRe = 1;
 	  (function (module, exports) {
+
 	    const {
 	      MAX_SAFE_COMPONENT_LENGTH,
 	      MAX_SAFE_BUILD_LENGTH,
@@ -59010,9 +59290,11 @@
 
 	    // ## Pre-release Version Identifier
 	    // A numeric identifier, or a non-numeric identifier.
+	    // Non-numberic identifiers include numberic identifiers but can be longer.
+	    // Therefore non-numberic identifiers must go first.
 
-	    createToken('PRERELEASEIDENTIFIER', "(?:".concat(src[t.NUMERICIDENTIFIER], "|").concat(src[t.NONNUMERICIDENTIFIER], ")"));
-	    createToken('PRERELEASEIDENTIFIERLOOSE', "(?:".concat(src[t.NUMERICIDENTIFIERLOOSE], "|").concat(src[t.NONNUMERICIDENTIFIER], ")"));
+	    createToken('PRERELEASEIDENTIFIER', "(?:".concat(src[t.NONNUMERICIDENTIFIER], "|").concat(src[t.NUMERICIDENTIFIER], ")"));
+	    createToken('PRERELEASEIDENTIFIERLOOSE', "(?:".concat(src[t.NONNUMERICIDENTIFIER], "|").concat(src[t.NUMERICIDENTIFIERLOOSE], ")"));
 
 	    // ## Pre-release Version
 	    // Hyphen, followed by one or more dot-separated pre-release version
@@ -59145,7 +59427,6 @@
 	  } = requireConstants();
 	  const {
 	    safeRe: re,
-	    safeSrc: src,
 	    t
 	  } = requireRe();
 	  const parseOptions = requireParseOptions();
@@ -59302,8 +59583,7 @@
 	        }
 	        // Avoid an invalid semver results
 	        if (identifier) {
-	          const r = new RegExp("^".concat(this.options.loose ? src[t.PRERELEASELOOSE] : src[t.PRERELEASE], "$"));
-	          const match = "-".concat(identifier).match(r);
+	          const match = "-".concat(identifier).match(this.options.loose ? re[t.PRERELEASELOOSE] : re[t.PRERELEASE]);
 	          if (!match || match[1] !== identifier) {
 	            throw new Error("invalid identifier: ".concat(identifier));
 	          }
@@ -61319,7 +61599,10 @@
 	    destroySessionObject: async () => {},
 	    getObject,
 	    getAppLayout,
-	    getListObject: async () => {}
+	    getListObject: async props => {
+	      var _props$qInfo;
+	      return getObject((_props$qInfo = props.qInfo) === null || _props$qInfo === void 0 ? void 0 : _props$qInfo.qId);
+	    }
 	  };
 	  return Promise.resolve(app);
 	}