@deviceinsight/ng-ui-components 7.27.0 → 7.28.0

package/dist/index.js

@@ -38,7 +38,7 @@ import Highcharts from "highcharts";
 import { HighchartsReact } from "highcharts-react-official";
 import Slider$1 from "@rc-component/slider";
 import Tooltip from "@rc-component/tooltip";
-//#region src/modules/messageBox/messageBox.tsx
+// src/modules/messageBox/messageBox.tsx
 var groupNamesToToastIds = {};
 var DEFAULT_AUTO_CLOSE_MS = 3e3;
 var globalMessageBoxOptions = {};
@@ -109,8 +109,7 @@ var MessageBoxContainer = ({ position = "top-center", theme = "colored", autoClo
 	transition,
 	...props
 });
-//#endregion
-//#region src/modules/utils/uuidGen.ts
+// src/modules/utils/uuidGen.ts
 var uuidV4 = (length = 32) => {
 	let uuid = "";
 	for (let i = 0; i < length; i++) {
@@ -121,16 +120,14 @@ var uuidV4 = (length = 32) => {
 	return uuid;
 };
 var nanoid10 = customAlphabet("0123456789abcdefghijklmnopqrstuvwxyz", 10);
-//#endregion
-//#region src/i18n/index.ts
+// src/i18n/index.ts
 var Trans;
 var useTranslation;
 function initializeTranslation(transComponent, useTranslationHook) {
 	Trans = transComponent;
 	useTranslation = useTranslationHook;
 }
-//#endregion
-//#region src/components/treeview/treeutils.ts
+// src/components/treeview/treeutils.ts
 function removeDuplicatesFromArray(arr) {
 	return arr.filter((id, index, arr) => arr.indexOf(id) === index);
 }
@@ -275,8 +272,7 @@ function getTreeNodePathById(currentNode, idToFind, idKey, childNodeKey, display
 	const nodePathArray = getTreeNodePathByIdArray(currentNode, idToFind, idKey, childNodeKey, displayNameKey);
 	return nodePathArray ? nodePathArray.join(".") : null;
 }
-//#endregion
-//#region src/components/colorpicker/ColorPickerPopper.tsx
+// src/components/colorpicker/ColorPickerPopper.tsx
 function ColorPickerPopper({ isOpen, onOpenChange, className, style, value, placement, children }) {
 	return /* @__PURE__ */ jsx(Popup, {
 		handler: /* @__PURE__ */ jsx("div", {
@@ -302,8 +298,7 @@ function ColorPickerPopper({ isOpen, onOpenChange, className, style, value, plac
 		})
 	});
 }
-//#endregion
-//#region src/components/colorpicker/GridColorPicker.tsx
+// src/components/colorpicker/GridColorPicker.tsx
 /**
 * Unlike the GradientColorPicker, the GridColorPicker uses a predefined set of colors.
 * The colors can be defined individually for each GridColorPicker and passed in as prop.
@@ -334,8 +329,7 @@ function GridColorPicker({ value, isOpen, onOpenStateChange, direction, colors,
 		children: picker
 	});
 }
-//#endregion
-//#region src/components/input/ValidatedTextInput.tsx
+// src/components/input/ValidatedTextInput.tsx
 var isValid = (value, pattern, required) => {
 	if (!value.length) return !required;
 	return pattern.test(value);
@@ -371,8 +365,7 @@ var ValidatedTextInput = class extends React.Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/colorpicker/ColorTextInput.tsx
+// src/components/colorpicker/ColorTextInput.tsx
 function ColorTextInput({ value, pattern, onChange, placeholder, style }) {
 	const [text, setText] = useState(value);
 	const [lastValue, setLastValue] = useState(value);
@@ -394,8 +387,7 @@ function ColorTextInput({ value, pattern, onChange, placeholder, style }) {
 		style
 	});
 }
-//#endregion
-//#region src/components/colorpicker/GradientColorPicker.tsx
+// src/components/colorpicker/GradientColorPicker.tsx
 var VALIDATE_HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{6})$/;
 var VALIDATE_RGB_COLOR_REGEX = /^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/;
 var convertRgbaToRgb = (color) => {
@@ -450,8 +442,7 @@ function GradientColorPicker({ onOpenStateChange, onPick, allowTextInput, classN
 		children: picker
 	});
 }
-//#endregion
-//#region src/utils/dayjsLocales.ts
+// src/utils/dayjsLocales.ts
 var supportedLocales = [
 	"en",
 	"en-gb",
@@ -465,8 +456,7 @@ var supportedLocales = [
 function isLocaleSupported(locale) {
 	return supportedLocales.includes(locale);
 }
-//#endregion
-//#region src/components/input/DateInput.tsx
+// src/components/input/DateInput.tsx
 dayjs.extend(utc);
 dayjs.extend(timezone);
 dayjs.extend(localeData);
@@ -640,8 +630,7 @@ var DateInput = forwardRef(({ value, clearable, inline, readOnly, wrapperClassNa
 		})
 	});
 });
-//#endregion
-//#region src/components/input/UrnInput.tsx
+// src/components/input/UrnInput.tsx
 /**
 * UrnInput offers a convenient way to add or edit Asset URNs.
 * Usually, a generated default value is passed in as prop.
@@ -673,8 +662,7 @@ var UrnInput = class extends React.Component {
 		})] });
 	}
 };
-//#endregion
-//#region src/components/prompt/Prompt.tsx
+// src/components/prompt/Prompt.tsx
 /**
 * This component should not be used directly, instead use `@withPrompt` to inject a promise-based prompt method
 */
@@ -729,8 +717,7 @@ function Prompt({ title, message, onAccept, onCancel, inputPlaceholder, cancelBu
 		width: 600
 	});
 }
-//#endregion
-//#region src/components/prompt/withPrompt.tsx
+// src/components/prompt/withPrompt.tsx
 function withPrompt(WrappedComponent) {
 	return class WithPromptWrapper extends React.Component {
 		constructor(..._args) {
@@ -765,8 +752,7 @@ function withPrompt(WrappedComponent) {
 		}
 	};
 }
-//#endregion
-//#region src/components/link/RouteLink.tsx
+// src/components/link/RouteLink.tsx
 var isModifiedEvent = (event) => !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
 /**
 * RouteLink enables the possibility to add new links to existing routes.
@@ -817,8 +803,7 @@ function RouteLink({ to, confirm, className, title, children, keyboardShortcut,
 		children
 	});
 }
-//#endregion
-//#region src/components/infobox/InfoBox.tsx
+// src/components/infobox/InfoBox.tsx
 var colors = {
 	info: "#ffffff",
 	success: "#cce0cc",
@@ -895,13 +880,11 @@ var CSS = /*#__PURE__*/ Object.freeze({
 		return property + " " + duration + "ms " + easing;
 	} }
 });
-//#endregion
-//#region src/utils/resolvePath.ts
+// src/utils/resolvePath.ts
 function resolvePath(basePath, match) {
 	return `${basePath}${basePath.endsWith("/") ? "" : "/"}${match}`;
 }
-//#endregion
-//#region src/components/tabs/RouteTabs.tsx
+// src/components/tabs/RouteTabs.tsx
 var TabHeader = ({ id, to, className, title, children, draggingDisabled }) => {
 	const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
 		id,
@@ -991,19 +974,16 @@ function RouteTabs({ pages, onOrderChange, basePath, ...otherProps }) {
 		} }) })] })]
 	});
 }
-//#endregion
-//#region src/assets/svg/icon_folder_loading.svg
+// src/assets/svg/icon_folder_loading.svg
 var icon_folder_loading_default = "data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2050%2050;'%20xml:space='preserve'%3e%3crect%20x='0'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='9'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.2s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='19'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.4s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3c/svg%3e";
-//#endregion
-//#region src/components/treeview/constants.ts
+// src/components/treeview/constants.ts
 var SelectionState = /* @__PURE__ */ function(SelectionState) {
 	SelectionState["ALL"] = "all";
 	SelectionState["SOME"] = "some";
 	SelectionState["NONE"] = "none";
 	return SelectionState;
 }({});
-//#endregion
-//#region src/components/treeview/components/NodeInfo.tsx
+// src/components/treeview/components/NodeInfo.tsx
 var Skeleton = ({ lastChild }) => /* @__PURE__ */ jsxs("div", {
 	className: "skeleton",
 	children: [/* @__PURE__ */ jsx("div", { className: "skeleton-cell top" }), /* @__PURE__ */ jsx("div", {
@@ -1079,8 +1059,7 @@ var NodeInfo = class extends React.PureComponent {
 		});
 	}
 };
-//#endregion
-//#region src/components/treeview/components/Node.tsx
+// src/components/treeview/components/Node.tsx
 var Node = class Node extends Component {
 	constructor(..._args) {
 		super(..._args);
@@ -1162,8 +1141,7 @@ var Node = class Node extends Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/treeview/TreeView.tsx
+// src/components/treeview/TreeView.tsx
 /**
 * TreeView adds the functionality to display "folders" and their content.
 * This can come in handy for several data structures.
@@ -1261,11 +1239,9 @@ var TreeView = class extends Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/multiMenu/components/MultiMenuContext.ts
+// src/components/multiMenu/components/MultiMenuContext.ts
 var MultiMenuContext = React.createContext({ toggleMenu: () => {} });
-//#endregion
-//#region src/components/multiMenu/MultiMenu.tsx
+// src/components/multiMenu/MultiMenu.tsx
 /**
 * MultiMenu enables a toggleable menu to either show more content and further functionality.
 */
@@ -1292,8 +1268,7 @@ function MultiMenuFunctional({ menuButton, children, direction, className, open,
 		})
 	}) });
 }
-//#endregion
-//#region src/components/pagination/Pagination.tsx
+// src/components/pagination/Pagination.tsx
 var sizeOptions = [
 	5,
 	10,
@@ -1445,8 +1420,7 @@ function Pagination({ onChangePage, page, totalPages, onChangeSize, size }) {
 		})
 	});
 }
-//#endregion
-//#region src/components/input/SelectWithSearch.tsx
+// src/components/input/SelectWithSearch.tsx
 function getSortedOptions(options, compareOptions) {
 	if (!compareOptions) return orderBy(options, "label", "asc");
 	if (options.every((option) => !option.options)) return [...options].sort(compareOptions);
@@ -1547,8 +1521,7 @@ var SelectWithSearch = class extends Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/reactable/helpers/ReactableTextFilter.tsx
+// src/components/reactable/helpers/ReactableTextFilter.tsx
 var getInitialValueFromColumnDef = (columnDef) => {
 	return columnDef.filterable?.initialValue ?? "";
 };
@@ -1568,8 +1541,7 @@ var ReactableTextFilter = ({ columnDef, changeFilter, "data-testid": testId }) =
 		"data-testid": testId
 	});
 };
-//#endregion
-//#region src/components/reactable/helpers/helper.tsx
+// src/components/reactable/helpers/helper.tsx
 function makePageable(items, paginationSettings, customSortFunction) {
 	if (!items) return null;
 	const { page, size, sort } = paginationSettings;
@@ -1640,8 +1612,7 @@ function extendColumnDefsWithCheckboxes(columnDefs, onSelectChange, onSelectAllC
 function getClassName(tableName, columnName) {
 	return `${tableName || "unnamedTable"}-${columnName}`;
 }
-//#endregion
-//#region src/components/reactable/helpers/ReactableTableFilterRow.tsx
+// src/components/reactable/helpers/ReactableTableFilterRow.tsx
 var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName, "data-testid": testId }) => {
 	const { t } = useTranslation();
 	const [state, setState] = useState({});
@@ -1732,8 +1703,7 @@ var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName, "data-testid":
 		}, columnDef.name))
 	});
 };
-//#endregion
-//#region src/components/reactable/helpers/ReactableTableHeader.tsx
+// src/components/reactable/helpers/ReactableTableHeader.tsx
 var toggleSortDirection = (direction) => direction === "ASC" ? "DESC" : "ASC";
 var ReactableTableHeader = class extends Component {
 	constructor(..._args) {
@@ -1778,8 +1748,7 @@ var ReactableTableHeader = class extends Component {
 function isTranslationDescriptor(label) {
 	return typeof label === "object" && label != null && "id" in label && label.id !== void 0;
 }
-//#endregion
-//#region src/components/reactable/helpers/ReactableTableRow.tsx
+// src/components/reactable/helpers/ReactableTableRow.tsx
 var ReactableTableRow = class extends Component {
 	constructor(..._args) {
 		super(..._args);
@@ -1829,8 +1798,7 @@ var ReactableTableRow = class extends Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/reactable/helpers/ReactableTable.tsx
+// src/components/reactable/helpers/ReactableTable.tsx
 function ReactableTable({ columnDefs, uniqueItemKey, paginationSettings, onSort, onFilter, tableName, pageable, isLoading, rowDef, clickable, messageWhenEmpty, "data-testid": testId }) {
 	const containerRef = useRef(null);
 	const tableRef = useRef(null);
@@ -1943,8 +1911,7 @@ function ReactableTable({ columnDefs, uniqueItemKey, paginationSettings, onSort,
 		})
 	});
 }
-//#endregion
-//#region src/components/reactable/Reactable.tsx
+// src/components/reactable/Reactable.tsx
 /**
 * Reactable displays paginated results nicely, while adding the possibility to add further functionality to each row.
 * Each column can also be extended to be sortable and/or filterable
@@ -1970,8 +1937,7 @@ var Reactable = class extends Component {
 		})] });
 	}
 };
-//#endregion
-//#region src/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.tsx
+// src/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.tsx
 var DEFAULT_PAGINATION_SETTINGS = {
 	page: 0,
 	size: 15,
@@ -2109,8 +2075,7 @@ var ReactableWithClientSidePagination = class extends Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/upload/FileUpload.tsx
+// src/components/upload/FileUpload.tsx
 /**
 * FileUpload enables the possibility to upload files conveniently
 */
@@ -2234,8 +2199,7 @@ var FileUpload = class FileUpload extends React.Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/upload/ImageUpload.tsx
+// src/components/upload/ImageUpload.tsx
 var PreviewImage = ({ url, imageSize, onRemoveFile, onDragOver, onDownloadFile }) => /* @__PURE__ */ jsx("div", {
 	className: "di upload preview-container",
 	onDragOver,
@@ -2310,8 +2274,7 @@ var ImageUpload = class extends Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/contentHeader/ContentHeader.tsx
+// src/components/contentHeader/ContentHeader.tsx
 /**
 * `parentPageLink` set to true shows a back button to go to the parent page.
 * `subPagePathPrefix` needs to be used with `parentPageLink` set to true. It allows to customize what is considered the parent page.
@@ -2356,8 +2319,7 @@ var ContentHeader = ({ parentPageLink, title, subPagePathPrefixArray, subPagePat
 		]
 	});
 };
-//#endregion
-//#region src/components/input/DateTimeInput.tsx
+// src/components/input/DateTimeInput.tsx
 var formatTime = (timezone, date) => {
 	try {
 		return dayjs.tz(date, timezone).format("HH:mm");
@@ -2421,8 +2383,7 @@ var DateTimeInput = forwardRef(({ timestamp, timezone, warning, readOnly = false
 		})]
 	});
 });
-//#endregion
-//#region src/components/input/SelectWithSearchAsync.tsx
+// src/components/input/SelectWithSearchAsync.tsx
 /**
 * SelectWithSearchAsync enhances a native select list by applying a search functionality to it.
 * Fetches selectable results asynchronously while showing small loading indicator
@@ -2533,8 +2494,7 @@ var SelectWithSearchAsync = class extends Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/multiMenu/components/MultiMenuItem.tsx
+// src/components/multiMenu/components/MultiMenuItem.tsx
 var MultiMenuItem = class extends React.PureComponent {
 	constructor(..._args) {
 		super(..._args);
@@ -2573,8 +2533,7 @@ var MultiMenuItem = class extends React.PureComponent {
 		}) });
 	}
 };
-//#endregion
-//#region src/components/periodpicker/components/Inputs.tsx
+// src/components/periodpicker/components/Inputs.tsx
 var ONE_HOUR = 36e5;
 function Inputs({ period, onChange, readOnly, locale, timezone }) {
 	const [showWarningTarget, setShowWarningTarget] = useState("");
@@ -2646,8 +2605,7 @@ function Inputs({ period, onChange, readOnly, locale, timezone }) {
 		]
 	});
 }
-//#endregion
-//#region src/components/periodpicker/components/MonthPicker.tsx
+// src/components/periodpicker/components/MonthPicker.tsx
 var MonthPicker = class extends Component {
 	constructor(props) {
 		super(props);
@@ -2729,14 +2687,11 @@ var MonthPicker = class extends Component {
 		});
 	}
 };
-//#endregion
-//#region src/assets/svg/icon_calendar.svg
+// src/assets/svg/icon_calendar.svg
 var icon_calendar_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cg%3e%3crect%20class='cls-1'%20x='3.5'%20y='7.5'%20width='2'%20height='2'/%3e%3cpath%20d='M5,8V9H4V8H5M6,7H3v3H6V7Z'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%207%208%207%208%208%209%208%209%207%209%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='11%207%2010%207%2010%208%2011%208%2011%207%2011%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='12'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='13%207%2012%207%2012%208%2013%208%2013%207%2013%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='9'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%209%208%209%208%2010%209%2010%209%209%209%209'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%2011%208%2011%208%2012%209%2012%209%2011%209%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='6'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='7%2011%206%2011%206%2012%207%2012%207%2011%207%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='4'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='5%2011%204%2011%204%2012%205%2012%205%2011%205%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10.5'%20y='9.5'%20width='2'%20height='2'/%3e%3cpath%20d='M12,10v1H11V10h1m1-1H10v3h3V9Z'/%3e%3c/g%3e%3cpath%20d='M15.31,2H.69A.69.69,0,0,0,0,2.69V14.31A.69.69,0,0,0,.69,15H15.31a.69.69,0,0,0,.69-.69V2.69A.69.69,0,0,0,15.31,2ZM14,13H2V6H14Z'/%3e%3c/g%3e%3crect%20x='3'%20width='3'%20height='2'/%3e%3crect%20x='10'%20width='3'%20height='2'/%3e%3c/svg%3e";
-//#endregion
-//#region src/assets/svg/triangle_down.svg
+// src/assets/svg/triangle_down.svg
 var triangle_down_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e";
-//#endregion
-//#region src/components/periodpicker/periods.ts
+// src/components/periodpicker/periods.ts
 dayjs.extend(timezone);
 dayjs.extend(utc);
 function dayjsTz(timezone, ts) {
@@ -2788,8 +2743,7 @@ var DAY_TO_MILLIS = 864e5;
 function periodToDays({ tsStart, tsEnd }) {
 	return Math.round((tsEnd - tsStart + 1) / DAY_TO_MILLIS);
 }
-//#endregion
-//#region src/components/periodpicker/components/Menu.tsx
+// src/components/periodpicker/components/Menu.tsx
 function Menu({ onChange, onShowCustomPeriod, periodName, timezone }) {
 	const [visible, setVisible] = useState(false);
 	const [showDatePicker, setShowDatePicker] = useState(false);
@@ -2995,8 +2949,7 @@ function Menu({ onChange, onShowCustomPeriod, periodName, timezone }) {
 		})
 	}) });
 }
-//#endregion
-//#region src/components/periodpicker/usePeriodName.ts
+// src/components/periodpicker/usePeriodName.ts
 function compare(period1, period2) {
 	return period1.tsStart === period2.tsStart && period1.tsEnd === period2.tsEnd;
 }
@@ -3018,8 +2971,7 @@ function usePeriodName(period, timezone) {
 		days
 	});
 }
-//#endregion
-//#region src/components/periodpicker/PeriodPicker.tsx
+// src/components/periodpicker/PeriodPicker.tsx
 function PeriodPicker({ period, onChange, inputsHiddenByDefault, menuHidden, readOnly, locale, defaultPeriodName, timezone, ...props }) {
 	const [showInputs, setShowInputs] = useState(!inputsHiddenByDefault);
 	const periodName = usePeriodName(period, timezone) ?? defaultPeriodName;
@@ -3040,8 +2992,7 @@ function PeriodPicker({ period, onChange, inputsHiddenByDefault, menuHidden, rea
 		})]
 	});
 }
-//#endregion
-//#region src/components/svg/utils/findConflicts.ts
+// src/components/svg/utils/findConflicts.ts
 var CONFLICTING_IDS_DETECTION_DELAY = 500;
 var calculateIdCountsInElement = (element) => {
 	return Array.from(element.querySelectorAll("[id]")).map((element) => element.getAttribute("id")).reduce((acc, id) => {
@@ -3060,8 +3011,7 @@ function findConflicts(svgElement, onConflict) {
 	}, CONFLICTING_IDS_DETECTION_DELAY);
 	return () => clearTimeout(timeoutId);
 }
-//#endregion
-//#region src/components/svg/utils/createHyperlinkModification.ts
+// src/components/svg/utils/createHyperlinkModification.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 function createHyperlinkModification(element, { hoverColor, internalLink, link }, globalStyleElement, onInternalLinkChange) {
 	const anchor = wrapIntoAnchor(element);
@@ -3085,8 +3035,7 @@ function wrapIntoAnchor(wrappedElement) {
 	else parentNode.appendChild(wrapperElement);
 	return wrapperElement;
 }
-//#endregion
-//#region src/components/svg/utils/getMutableNodeList.ts
+// src/components/svg/utils/getMutableNodeList.ts
 var removeSvgNamespace = (xml) => xml.replace(/<svg:svg/g, "<svg").replace(/<\/svg:svg/g, "</svg");
 var parseFromString = (imageData) => {
 	const parser = new DOMParser();
@@ -3096,8 +3045,7 @@ var parseFromString = (imageData) => {
 function getMutableNodeList_default(imageData, diFieldId) {
 	return parseFromString(imageData).querySelectorAll(`[id^="${diFieldId}"]`);
 }
-//#endregion
-//#region src/components/svg/utils/transformPositionModifications.ts
+// src/components/svg/utils/transformPositionModifications.ts
 var mergePositionChanges = (modifications) => {
 	const positionModifications = modifications.filter(({ type }) => type === "positionX" || type === "positionY");
 	const restModifications = modifications.filter(({ type }) => type !== "positionX" && type !== "positionY");
@@ -3132,8 +3080,7 @@ var transformPositionModifications_default = (modifications) => {
 	}), {});
 	return Object.keys(modificationsByTarget).reduce((acc, target) => acc.concat(mergePositionChanges(modificationsByTarget[target])), []);
 };
-//#endregion
-//#region src/components/svg/utils/createPositionModification.ts
+// src/components/svg/utils/createPositionModification.ts
 var limitPercentagePosition = (position) => Math.max(0, Math.min(100, position));
 function createPositionModification(element, modification, svgElement) {
 	const svg = SVG(svgElement);
@@ -3148,8 +3095,7 @@ function createPositionModification(element, modification, svgElement) {
 		targetEl.y(bbox.y + limitPercentagePosition(modification.positionY) * bbox.height / 100);
 	}
 }
-//#endregion
-//#region src/components/svg/utils/renderSvg.ts
+// src/components/svg/utils/renderSvg.ts
 function renderSvg(svgWrapper, imageData, modifications, globalStyleElement, onInternalLinkChange) {
 	const svgElement = parseFromString(imageData).querySelector("svg");
 	if (svgElement) {
@@ -3217,8 +3163,7 @@ function applyModification(element, modification, svgElement, globalStyleElement
 function sortModifications(modifications) {
 	return modifications.sort(({ type: type1 }, { type: type2 }) => type1 !== type2 && type2 === "rotation" ? -1 : 1);
 }
-//#endregion
-//#region src/components/svg/SvgImage.tsx
+// src/components/svg/SvgImage.tsx
 function useGlobalStyleElement() {
 	const [styleElement] = useState(() => {
 		const element = document.createElement("style");
@@ -3252,8 +3197,7 @@ function SvgImage({ imageData, modifications, onConflict }) {
 	]);
 	return /* @__PURE__ */ jsx("div", { ref: svgWrapperRef });
 }
-//#endregion
-//#region src/components/svg/utils/getSvgElement.ts
+// src/components/svg/utils/getSvgElement.ts
 var getSvgElement_default = (imageData) => {
 	try {
 		return parseFromString(imageData).querySelector("svg");
@@ -3261,14 +3205,12 @@ var getSvgElement_default = (imageData) => {
 		return null;
 	}
 };
-//#endregion
-//#region src/components/svg/utils/validateSvg.ts
+// src/components/svg/utils/validateSvg.ts
 var validateSvg_default = (imageData) => {
 	const svgElement = getSvgElement_default(imageData);
 	return !!svgElement && !!svgElement.style;
 };
-//#endregion
-//#region src/components/chart/Chart.tsx
+// src/components/chart/Chart.tsx
 function createTooltip(header, name, value) {
 	return `<div>${header}</div><div>${name}: <strong>${value}</strong></div>`;
 }
@@ -3392,8 +3334,7 @@ var Chart = class extends Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/slider/RcSliderWithTooltip.tsx
+// src/components/slider/RcSliderWithTooltip.tsx
 var HandleTooltip = (props) => {
 	const { value, children, visible, tipFormatter = (val) => `${val}`, ...restProps } = props;
 	const tooltipRef = useRef(null);
@@ -3434,8 +3375,7 @@ var TooltipSlider = ({ tipFormatter, tipProps, ...props }) => {
 		handleRender: tipHandleRender
 	});
 };
-//#endregion
-//#region src/components/slider/useLimitStyling.ts
+// src/components/slider/useLimitStyling.ts
 function useLimitStyling(limit, min, max) {
 	const [slider, setSlider] = useState(null);
 	useEffect(() => {
@@ -3486,8 +3426,7 @@ function useLimitStyling(limit, min, max) {
 	}, [slider, updateLimitAreaSize]);
 	return setSlider;
 }
-//#endregion
-//#region src/components/slider/Slider.tsx
+// src/components/slider/Slider.tsx
 /**
 * Enables picking the desired value from a specified range.
 * Can have a tooltip and labels
@@ -3525,7 +3464,6 @@ var Slider = ({ min, max, step, value, tooltip = true, labels, format, onChange,
 		})
 	});
 };
-//#endregion
 export { Chart, GridColorPicker as ColorPicker, GridColorPicker, ContentHeader, DateInput, DateTimeInput, FileUpload, GradientColorPicker, ImageUpload, InfoBox, MessageBoxContainer, MultiMenuFunctional as MultiMenu, MultiMenuItem, Pagination, PeriodPicker, Reactable, ReactableWithClientSidePagination, RouteLink, RouteTabs, SelectWithSearch, SelectWithSearchAsync, Slider, SvgImage, TreeView, UrnInput, ValidatedTextInput, getMutableNodeList_default as getMutableNodeList, getSvgElement_default as getSvgElement, getTreeNodePathById, initializeTranslation, messageBoxDismissAll, messageBoxDismissGroup, messageBoxDismissSingle, messageBoxError, messageBoxInfo, messageBoxSuccess, messageBoxWarn, nanoid10, setGlobalErrorMessageBoxOptions, setGlobalMessageBoxOptions, uuidV4, validateSvg_default as validateSvg, withPrompt };
 
 //# sourceMappingURL=index.js.map