@deviceinsight/ng-ui-components 7.27.0 → 7.29.0

package/README.md

@@ -170,4 +170,5 @@ Example: `ng-ui-scale` uses 7.22.0 while 7.24.0 is already released (the version
    In `CHANGELOG.md`, keep the 7.22.1 entry between the entries for 7.23.0 and 7.22.0.
    Do not merge the hotfix branch into `main`.
 9. Delete the local hotfix branch: `git branch -d hotfix/7.22.1`.
-10. Update `ng-ui-scale` on its hotfix branch to 7.22.1.
+10. Delete the remote hotfix branch: `git push origin --delete hotfix/7.22.1`.
+11. Update `ng-ui-scale` on its hotfix branch to 7.22.1.

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -20,7 +20,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-//#endregion
 let react_toastify_unstyled = require("react-toastify/unstyled");
 let react_jsx_runtime = require("react/jsx-runtime");
 let nanoid = require("nanoid");
@@ -76,7 +75,7 @@ let _rc_component_slider = require("@rc-component/slider");
 _rc_component_slider = __toESM(_rc_component_slider, 1);
 let _rc_component_tooltip = require("@rc-component/tooltip");
 _rc_component_tooltip = __toESM(_rc_component_tooltip, 1);
-//#region src/modules/messageBox/messageBox.tsx
+// src/modules/messageBox/messageBox.tsx
 var groupNamesToToastIds = {};
 var DEFAULT_AUTO_CLOSE_MS = 3e3;
 var globalMessageBoxOptions = {};
@@ -147,8 +146,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++) {
@@ -159,16 +157,14 @@ var uuidV4 = (length = 32) => {
 	return uuid;
 };
 var nanoid10 = (0, nanoid.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);
 }
@@ -313,8 +309,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__ */ (0, react_jsx_runtime.jsx)(_deviceinsight_ng_ui_basic_components.Popup, {
 		handler: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -340,8 +335,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.
@@ -372,8 +366,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);
@@ -409,8 +402,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] = (0, react.useState)(value);
 	const [lastValue, setLastValue] = (0, react.useState)(value);
@@ -432,8 +424,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) => {
@@ -488,8 +479,7 @@ function GradientColorPicker({ onOpenStateChange, onPick, allowTextInput, classN
 		children: picker
 	});
 }
-//#endregion
-//#region src/utils/dayjsLocales.ts
+// src/utils/dayjsLocales.ts
 var supportedLocales = [
 	"en",
 	"en-gb",
@@ -503,8 +493,7 @@ var supportedLocales = [
 function isLocaleSupported(locale) {
 	return supportedLocales.includes(locale);
 }
-//#endregion
-//#region src/components/input/DateInput.tsx
+// src/components/input/DateInput.tsx
 dayjs.default.extend(dayjs_plugin_utc.default);
 dayjs.default.extend(dayjs_plugin_timezone.default);
 dayjs.default.extend(dayjs_plugin_localeData.default);
@@ -678,8 +667,7 @@ var DateInput = (0, react.forwardRef)(({ value, clearable, inline, readOnly, wra
 		})
 	});
 });
-//#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.
@@ -711,8 +699,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
 */
@@ -767,8 +754,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) {
@@ -803,8 +789,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.
@@ -855,8 +840,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",
@@ -933,13 +917,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 } = (0, _dnd_kit_sortable.useSortable)({
 		id,
@@ -1029,19 +1011,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__ */ (0, react_jsx_runtime.jsxs)("div", {
 	className: "skeleton",
 	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "skeleton-cell top" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1117,8 +1096,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 react.Component {
 	constructor(..._args) {
 		super(..._args);
@@ -1200,8 +1178,7 @@ var Node = class Node extends react.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.
@@ -1299,11 +1276,9 @@ var TreeView = class extends react.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.
 */
@@ -1330,8 +1305,7 @@ function MultiMenuFunctional({ menuButton, children, direction, className, open,
 		})
 	}) });
 }
-//#endregion
-//#region src/components/pagination/Pagination.tsx
+// src/components/pagination/Pagination.tsx
 var sizeOptions = [
 	5,
 	10,
@@ -1483,8 +1457,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 (0, lodash.orderBy)(options, "label", "asc");
 	if (options.every((option) => !option.options)) return [...options].sort(compareOptions);
@@ -1585,8 +1558,7 @@ var SelectWithSearch = class extends react.Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/reactable/helpers/ReactableTextFilter.tsx
+// src/components/reactable/helpers/ReactableTextFilter.tsx
 var getInitialValueFromColumnDef = (columnDef) => {
 	return columnDef.filterable?.initialValue ?? "";
 };
@@ -1606,8 +1578,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;
@@ -1678,8 +1649,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] = (0, react.useState)({});
@@ -1770,8 +1740,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 react.Component {
 	constructor(..._args) {
@@ -1816,8 +1785,7 @@ var ReactableTableHeader = class extends react.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 react.Component {
 	constructor(..._args) {
 		super(..._args);
@@ -1867,8 +1835,7 @@ var ReactableTableRow = class extends react.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 = (0, react.useRef)(null);
 	const tableRef = (0, react.useRef)(null);
@@ -1981,8 +1948,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
@@ -2008,8 +1974,7 @@ var Reactable = class extends react.Component {
 		})] });
 	}
 };
-//#endregion
-//#region src/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.tsx
+// src/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.tsx
 var DEFAULT_PAGINATION_SETTINGS = {
 	page: 0,
 	size: 15,
@@ -2147,8 +2112,7 @@ var ReactableWithClientSidePagination = class extends react.Component {
 		});
 	}
 };
-//#endregion
-//#region src/components/upload/FileUpload.tsx
+// src/components/upload/FileUpload.tsx
 /**
 * FileUpload enables the possibility to upload files conveniently
 */
@@ -2201,7 +2165,7 @@ var FileUpload = class FileUpload extends react.Component {
 			},
 			rejectHint: {
 				id: "fileUpload.rejectHint",
-				defaultValue: "This file type cannot be uploaded"
+				defaultValue: "This file cannot be uploaded"
 			}
 		};
 	}
@@ -2272,8 +2236,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__ */ (0, react_jsx_runtime.jsx)("div", {
 	className: "di upload preview-container",
 	onDragOver,
@@ -2348,8 +2311,7 @@ var ImageUpload = class extends react.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.
@@ -2394,8 +2356,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.default.tz(date, timezone).format("HH:mm");
@@ -2459,8 +2420,7 @@ var DateTimeInput = (0, react.forwardRef)(({ timestamp, timezone, warning, readO
 		})]
 	});
 });
-//#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
@@ -2571,8 +2531,7 @@ var SelectWithSearchAsync = class extends react.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);
@@ -2611,8 +2570,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] = (0, react.useState)("");
@@ -2684,8 +2642,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 react.Component {
 	constructor(props) {
 		super(props);
@@ -2767,14 +2724,11 @@ var MonthPicker = class extends react.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.default.extend(dayjs_plugin_timezone.default);
 dayjs.default.extend(dayjs_plugin_utc.default);
 function dayjsTz(timezone, ts) {
@@ -2826,8 +2780,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] = (0, react.useState)(false);
 	const [showDatePicker, setShowDatePicker] = (0, react.useState)(false);
@@ -3033,8 +2986,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;
 }
@@ -3056,8 +3008,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] = (0, react.useState)(!inputsHiddenByDefault);
 	const periodName = usePeriodName(period, timezone) ?? defaultPeriodName;
@@ -3078,8 +3029,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) => {
@@ -3098,8 +3048,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);
@@ -3123,8 +3072,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();
@@ -3134,8 +3082,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");
@@ -3170,8 +3117,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 = (0, _svgdotjs_svg_js.SVG)(svgElement);
@@ -3186,8 +3132,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) {
@@ -3255,8 +3200,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] = (0, react.useState)(() => {
 		const element = document.createElement("style");
@@ -3290,8 +3234,7 @@ function SvgImage({ imageData, modifications, onConflict }) {
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.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");
@@ -3299,14 +3242,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>`;
 }
@@ -3430,8 +3371,7 @@ var Chart = class extends react.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 = (0, react.useRef)(null);
@@ -3472,8 +3412,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] = (0, react.useState)(null);
 	(0, react.useEffect)(() => {
@@ -3524,8 +3463,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
@@ -3563,7 +3501,6 @@ var Slider = ({ min, max, step, value, tooltip = true, labels, format, onChange,
 		})
 	});
 };
-//#endregion
 exports.Chart = Chart;
 exports.ColorPicker = GridColorPicker;
 exports.ContentHeader = ContentHeader;