diff --git a/dist/p8-panels.js b/dist/p8-panels.js
index 478c709..d323425 100644
--- a/dist/p8-panels.js
+++ b/dist/p8-panels.js
@@ -4569,7 +4569,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   P8PGantt: () => (/* binding */ P8PGantt),\n/* harmony export */   P8P_GANTT_TASK_ATTRIBUTE_SHAPE: () => (/* binding */ P8P_GANTT_TASK_ATTRIBUTE_SHAPE),\n/* harmony export */   P8P_GANTT_TASK_COLOR_SHAPE: () => (/* binding */ P8P_GANTT_TASK_COLOR_SHAPE),\n/* harmony export */   P8P_GANTT_TASK_SHAPE: () => (/* binding */ P8P_GANTT_TASK_SHAPE),\n/* harmony export */   taskLegendDesc: () => (/* binding */ taskLegendDesc)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItemText/ListItemText.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Dialog/Dialog.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/DialogContent/DialogContent.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/List/List.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItem/ListItem.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Divider/Divider.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/TextField/TextField.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Slider/Slider.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/DialogActions/DialogActions.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Button/Button.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Link/Link.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/IconButton/IconButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Icon/Icon.js\");\n/* harmony import */ var _p8p_app_message__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./p8p_app_message */ \"./app/components/p8p_app_message.js\");\n/*\r\n    Парус 8 - Панели мониторинга\r\n    Компонент: Диаграмма Ганта\r\n*/\n\n//---------------------\n//Подключение библиотек\n//---------------------\n\n //Классы React\n //Контроль свойств компонента\n //Интерфейсные компоненты\n //Встраиваемое сообщение об ошибке\n\n//---------\n//Константы\n//---------\n\n//Уровни масштаба\nconst P8P_GANTT_ZOOM = [0, 1, 2, 3, 4];\n\n//Уровни масштаба (строковые наименования в терминах библиотеки)\nconst P8P_GANTT_ZOOM_VIEW_MODES = {\n  0: \"Quarter Day\",\n  1: \"Half Day\",\n  2: \"Day\",\n  3: \"Week\",\n  4: \"Month\"\n};\n\n//Структура задачи\nconst P8P_GANTT_TASK_SHAPE = prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({\n  id: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  rn: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number).isRequired,\n  numb: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  name: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  fullName: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  start: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  end: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  progress: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),\n  dependencies: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().array),\n  readOnly: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnlyDates: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnlyProgress: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  bgColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  textColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  bgProgressColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)\n});\n\n//Структура динамического атрибута задачи\nconst P8P_GANTT_TASK_ATTRIBUTE_SHAPE = prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({\n  name: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  caption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  visible: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool).isRequired\n});\n\n//Структура описания цвета задачи\nconst P8P_GANTT_TASK_COLOR_SHAPE = prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({\n  bgColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  textColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  bgProgressColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  desc: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired\n});\n\n//Высота заголовка\nconst TITLE_HEIGHT = \"44px\";\n\n//Высота панели масштабирования\nconst ZOOM_HEIGHT = \"56px\";\n\n//Стили\nconst STYLES = {\n  TASK_EDITOR_CONTENT: {\n    minWidth: 400,\n    overflowX: \"auto\"\n  },\n  TASK_EDITOR_LIST: {\n    width: \"100%\",\n    minWidth: 300,\n    maxWidth: 700,\n    bgcolor: \"background.paper\"\n  },\n  GANTT_TITLE: {\n    height: TITLE_HEIGHT\n  },\n  GANTT_ZOOM: {\n    height: ZOOM_HEIGHT\n  },\n  GANTT: (noData, title, zoomBar) => ({\n    height: `calc(100% - ${zoomBar ? ZOOM_HEIGHT : \"0px\"} - ${title ? TITLE_HEIGHT : \"0px\"})`,\n    display: noData ? \"none\" : \"\"\n  })\n};\n\n//--------------------------------\n//Вспомогательные классы и функции\n//--------------------------------\n\n//Проверка существования значения\nconst hasValue = value => typeof value !== \"undefined\" && value !== null && value !== \"\";\n\n//Формирование описания для легенды\nconst taskLegendDesc = ({\n  task,\n  taskColors\n}) => {\n  if (Array.isArray(taskColors) && taskColors.length > 0) {\n    const colorDesc = taskColors.find(color => task.bgColor === color.bgColor && task.textColor === color.textColor && task.bgProgressColor === color.bgProgressColor);\n    if (colorDesc) return {\n      text: colorDesc.desc,\n      style: {\n        ...(colorDesc.bgProgressColor ? {\n          background: `linear-gradient(to right, ${colorDesc.bgProgressColor} ,${colorDesc.bgColor ? colorDesc.bgColor : \"transparent\"})`\n        } : colorDesc.bgColor ? {\n          backgroundColor: colorDesc.bgColor\n        } : {}),\n        ...(colorDesc.textColor ? {\n          color: colorDesc.textColor\n        } : {})\n      }\n    };else return null;\n  } else return null;\n};\n\n//Редактор задачи\nconst P8PGanttTaskEditor = ({\n  task,\n  taskAttributes,\n  taskColors,\n  onOk,\n  onCancel,\n  taskAttributeRenderer,\n  taskDialogRenderer,\n  numbCaption,\n  nameCaption,\n  startCaption,\n  endCaption,\n  progressCaption,\n  legendCaption,\n  okBtnCaption,\n  cancelBtnCaption\n}) => {\n  //Собственное состояние\n  const [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n    start: task.start,\n    end: task.end,\n    progress: task.progress\n  });\n\n  //Отображаемые атрибуты\n  const dispTaskAttributes = Array.isArray(taskAttributes) && taskAttributes.length > 0 ? taskAttributes.filter(attr => attr.visible && hasValue(task[attr.name])) : [];\n\n  //При сохранении\n  const handleOk = () => onOk && state.start && state.end ? onOk({\n    task,\n    start: state.start,\n    end: state.end,\n    progress: state.progress\n  }) : null;\n\n  //При отмене\n  const handleCancel = () => onCancel ? onCancel() : null;\n\n  //При изменении сроков\n  const handlePeriodChanged = e => setState(prev => ({\n    ...prev,\n    [e.target.name]: e.target.value\n  }));\n\n  //При изменении прогресса\n  const handleProgressChanged = (e, newValue) => setState(prev => ({\n    ...prev,\n    progress: newValue\n  }));\n\n  //Описание легенды для задачи\n  const legendDesc = taskLegendDesc({\n    task,\n    taskColors\n  });\n  let legend = legendDesc ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    secondaryTypographyProps: {\n      p: 1,\n      sx: legendDesc.style\n    },\n    primary: legendCaption,\n    secondary: legendDesc.text\n  }) : null;\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    open: true,\n    onClose: handleCancel\n  }, taskDialogRenderer ? taskDialogRenderer({\n    task,\n    taskAttributes,\n    taskColors,\n    close: handleCancel\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    sx: STYLES.TASK_EDITOR_CONTENT\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    sx: STYLES.TASK_EDITOR_LIST\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    primary: numbCaption,\n    secondary: task.numb\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    primary: nameCaption,\n    secondary: task.fullName\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    secondaryTypographyProps: {\n      component: \"span\"\n    },\n    primary: startCaption,\n    secondary: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n      error: !state.start,\n      disabled: task.readOnly === true || task.readOnlyDates === true,\n      name: \"start\",\n      fullWidth: true,\n      required: true,\n      InputLabelProps: {\n        shrink: true\n      },\n      type: \"date\",\n      value: state.start,\n      onChange: handlePeriodChanged,\n      variant: \"standard\",\n      size: \"small\",\n      margin: \"normal\"\n    })\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    secondaryTypographyProps: {\n      component: \"span\"\n    },\n    primary: endCaption,\n    secondary: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n      error: !state.end,\n      disabled: task.readOnly === true || task.readOnlyDates === true,\n      name: \"end\",\n      fullWidth: true,\n      required: true,\n      InputLabelProps: {\n        shrink: true\n      },\n      type: \"date\",\n      value: state.end,\n      onChange: handlePeriodChanged,\n      variant: \"standard\",\n      size: \"small\",\n      margin: \"normal\"\n    })\n  })), hasValue(task.progress) || legend || dispTaskAttributes.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }) : null, hasValue(task.progress) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    secondaryTypographyProps: {\n      component: \"span\"\n    },\n    primary: `${progressCaption}${task.readOnly === true || task.readOnlyProgress === true ? ` (${task.progress}%)` : \"\"}`,\n    secondary: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      disabled: task.readOnly === true || task.readOnlyProgress === true,\n      defaultValue: task.progress,\n      valueLabelDisplay: \"auto\",\n      onChange: handleProgressChanged\n    })\n  })), legend || dispTaskAttributes.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }) : null) : null, legend ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, legend), dispTaskAttributes.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }) : null) : null, dispTaskAttributes.length > 0 ? dispTaskAttributes.map((attr, i) => {\n    const defaultView = task[attr.name];\n    const customView = taskAttributeRenderer ? taskAttributeRenderer({\n      task,\n      attribute: attr\n    }) : null;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {\n      key: i\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      alignItems: \"flex-start\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      primary: attr.caption,\n      secondaryTypographyProps: {\n        component: \"span\"\n      },\n      secondary: customView ? customView : defaultView\n    })), i < dispTaskAttributes.length - 1 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n      component: \"li\"\n    }) : null);\n  }) : null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_11__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    disabled: !state.start || !state.end || task.readOnly,\n    onClick: handleOk\n  }, okBtnCaption), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    onClick: handleCancel\n  }, cancelBtnCaption))));\n};\n\n//Контроль свойств - Редактор задачи\nP8PGanttTaskEditor.propTypes = {\n  task: P8P_GANTT_TASK_SHAPE,\n  taskAttributes: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_ATTRIBUTE_SHAPE),\n  taskColors: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_COLOR_SHAPE),\n  onOk: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  taskAttributeRenderer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  taskDialogRenderer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  numbCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  nameCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  startCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  endCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  progressCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  legendCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  okBtnCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  cancelBtnCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired\n};\n\n//-----------\n//Тело модуля\n//-----------\n\n//Диаграмма Ганта\nconst P8PGantt = ({\n  containerStyle,\n  title,\n  titleStyle,\n  onTitleClick,\n  zoomBar,\n  readOnly,\n  readOnlyDates,\n  readOnlyProgress,\n  zoom,\n  tasks,\n  taskAttributes,\n  taskColors,\n  onTaskDatesChange,\n  onTaskProgressChange,\n  taskAttributeRenderer,\n  taskDialogRenderer,\n  noDataFoundText,\n  numbTaskEditorCaption,\n  nameTaskEditorCaption,\n  startTaskEditorCaption,\n  endTaskEditorCaption,\n  progressTaskEditorCaption,\n  legendTaskEditorCaption,\n  okTaskEditorBtnCaption,\n  cancelTaskEditorBtnCaption\n}) => {\n  //Собственное состояние\n  const [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n    noData: true,\n    gantt: null,\n    zoom: P8P_GANTT_ZOOM.includes(zoom) ? zoom : 3,\n    editTask: null\n  });\n\n  //Ссылки на DOM\n  const svgContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n\n  //Отображение диаграммы\n  const showGantt = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {\n    if (!state.gantt) {\n      // eslint-disable-next-line no-undef\n      const gantt = new Gantt(\"#__gantt__\", tasks, {\n        view_mode: P8P_GANTT_ZOOM_VIEW_MODES[state.zoom],\n        date_format: \"YYYY-MM-DD\",\n        language: \"ru\",\n        readOnly,\n        readOnlyDates,\n        readOnlyProgress,\n        on_date_change: (task, start, end, isMain) => onTaskDatesChange ? onTaskDatesChange({\n          task,\n          start,\n          end,\n          isMain\n        }) : null,\n        on_progress_change: (task, progress) => onTaskProgressChange ? onTaskProgressChange({\n          task,\n          progress\n        }) : null,\n        on_click: openTaskEditor\n      });\n      setState(pv => ({\n        ...pv,\n        gantt,\n        noData: false\n      }));\n    } else {\n      state.gantt.refresh(tasks);\n      setState(pv => ({\n        ...pv,\n        noData: false\n      }));\n    }\n  }, [state.gantt, state.zoom, readOnly, readOnlyDates, readOnlyProgress, tasks, onTaskDatesChange, onTaskProgressChange]);\n\n  //Обновление масштаба диаграммы\n  const handleZoomChange = direction => setState(pv => ({\n    ...pv,\n    zoom: pv.zoom + direction < 0 ? 0 : pv.zoom + direction >= P8P_GANTT_ZOOM.length ? P8P_GANTT_ZOOM.length - 1 : pv.zoom + direction\n  }));\n\n  //Открытие редактора задачи\n  const openTaskEditor = task => setState(pv => ({\n    ...pv,\n    editTask: {\n      ...task\n    }\n  }));\n\n  //При сохранении задачи в редакторе\n  const handleTaskEditorSave = ({\n    task,\n    start,\n    end,\n    progress\n  }) => {\n    setState(pv => ({\n      ...pv,\n      editTask: null\n    }));\n    if (onTaskDatesChange && (task.start != start || task.end != end)) onTaskDatesChange({\n      task,\n      start,\n      end,\n      isMain: true\n    });\n    if (onTaskProgressChange && task.progress != progress) onTaskProgressChange({\n      task,\n      progress\n    });\n  };\n\n  //При закрытии редактора задачи без сохранения\n  const handleTaskEditorCancel = () => setState(pv => ({\n    ...pv,\n    editTask: null\n  }));\n\n  //При изменении масштаба\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    if (state.gantt) state.gantt.change_view_mode(P8P_GANTT_ZOOM_VIEW_MODES[state.zoom]);\n  }, [state.gantt, state.zoom]);\n\n  //При изменении списка задач\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    if (Array.isArray(tasks) && tasks.length > 0) showGantt();else setState(pv => ({\n      ...pv,\n      noData: true\n    }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tasks]);\n\n  //При подключении компонента к старице\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    svgContainerRef.current.children[0].classList.add(\"scroll\");\n  }, []);\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    style: {\n      ...(containerStyle ? containerStyle : {})\n    }\n  }, state.gantt && state.noData ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_p8p_app_message__WEBPACK_IMPORTED_MODULE_1__.P8PAppInlineError, {\n    text: noDataFoundText\n  }) : null, state.gantt && !state.noData && title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n    p: 1,\n    sx: {\n      ...STYLES.GANTT_TITLE,\n      ...(titleStyle ? titleStyle : {})\n    },\n    align: \"center\",\n    color: \"textSecondary\",\n    variant: \"subtitle1\"\n  }, onTitleClick ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_14__[\"default\"], {\n    component: \"button\",\n    variant: \"body2\",\n    underline: \"hover\",\n    onClick: () => onTitleClick()\n  }, title) : title) : null, state.gantt && !state.noData && zoomBar ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_15__[\"default\"], {\n    p: 1,\n    sx: STYLES.GANTT_ZOOM\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n    onClick: () => handleZoomChange(-1),\n    disabled: state.zoom == 0\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, \"zoom_in\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n    onClick: () => handleZoomChange(1),\n    disabled: state.zoom == P8P_GANTT_ZOOM.length - 1\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, \"zoom_out\"))) : null, state.editTask ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(P8PGanttTaskEditor, {\n    task: state.editTask,\n    taskAttributes: taskAttributes,\n    taskColors: taskColors,\n    onOk: handleTaskEditorSave,\n    onCancel: handleTaskEditorCancel,\n    taskAttributeRenderer: taskAttributeRenderer,\n    taskDialogRenderer: taskDialogRenderer,\n    numbCaption: numbTaskEditorCaption,\n    nameCaption: nameTaskEditorCaption,\n    startCaption: startTaskEditorCaption,\n    endCaption: endTaskEditorCaption,\n    progressCaption: progressTaskEditorCaption,\n    legendCaption: legendTaskEditorCaption,\n    okBtnCaption: okTaskEditorBtnCaption,\n    cancelBtnCaption: cancelTaskEditorBtnCaption\n  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    style: STYLES.GANTT(state.noData, title, zoomBar),\n    ref: svgContainerRef\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"svg\", {\n    id: \"__gantt__\",\n    width: \"100%\"\n  })));\n};\n\n//Контроль свойств - Диаграмма Ганта\nP8PGantt.propTypes = {\n  containerStyle: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),\n  title: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  titleStyle: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),\n  onTitleClick: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  zoomBar: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnly: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnlyDates: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnlyProgress: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  zoom: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),\n  tasks: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_SHAPE).isRequired,\n  taskAttributes: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_ATTRIBUTE_SHAPE),\n  taskColors: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_COLOR_SHAPE),\n  onTaskDatesChange: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  onTaskProgressChange: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  taskAttributeRenderer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  taskDialogRenderer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  noDataFoundText: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  numbTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  nameTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  startTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  endTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  progressTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  legendTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  okTaskEditorBtnCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  cancelTaskEditorBtnCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired\n};\n\n//----------------\n//Интерфейс модуля\n//----------------\n\n\n\n//# sourceURL=webpack://parus_8_panels_plugin/./app/components/p8p_gantt.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   P8PGantt: () => (/* binding */ P8PGantt),\n/* harmony export */   P8P_GANTT_TASK_ATTRIBUTE_SHAPE: () => (/* binding */ P8P_GANTT_TASK_ATTRIBUTE_SHAPE),\n/* harmony export */   P8P_GANTT_TASK_COLOR_SHAPE: () => (/* binding */ P8P_GANTT_TASK_COLOR_SHAPE),\n/* harmony export */   P8P_GANTT_TASK_SHAPE: () => (/* binding */ P8P_GANTT_TASK_SHAPE),\n/* harmony export */   taskLegendDesc: () => (/* binding */ taskLegendDesc)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItemText/ListItemText.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Dialog/Dialog.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/DialogContent/DialogContent.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/List/List.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItem/ListItem.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Divider/Divider.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/TextField/TextField.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Slider/Slider.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/DialogActions/DialogActions.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Button/Button.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Link/Link.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/IconButton/IconButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Icon/Icon.js\");\n/* harmony import */ var _p8p_app_message__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./p8p_app_message */ \"./app/components/p8p_app_message.js\");\n/*\r\n    Парус 8 - Панели мониторинга\r\n    Компонент: Диаграмма Ганта\r\n*/\n\n//---------------------\n//Подключение библиотек\n//---------------------\n\n //Классы React\n //Контроль свойств компонента\n //Интерфейсные компоненты\n //Встраиваемое сообщение об ошибке\n\n//---------\n//Константы\n//---------\n\n//Уровни масштаба\nconst P8P_GANTT_ZOOM = [0, 1, 2, 3, 4, 5];\n\n//Уровни масштаба (строковые наименования в терминах библиотеки)\nconst P8P_GANTT_ZOOM_VIEW_MODES = {\n  0: \"Quarter Day\",\n  1: \"Half Day\",\n  2: \"Day\",\n  3: \"Week\",\n  4: \"Month\",\n  5: \"Year\"\n};\n\n//Структура задачи\nconst P8P_GANTT_TASK_SHAPE = prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({\n  id: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  rn: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number).isRequired,\n  numb: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  name: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  fullName: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  start: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  end: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  progress: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),\n  dependencies: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().array),\n  readOnly: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnlyDates: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnlyProgress: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  bgColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  textColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  bgProgressColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)\n});\n\n//Структура динамического атрибута задачи\nconst P8P_GANTT_TASK_ATTRIBUTE_SHAPE = prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({\n  name: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  caption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  visible: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool).isRequired\n});\n\n//Структура описания цвета задачи\nconst P8P_GANTT_TASK_COLOR_SHAPE = prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({\n  bgColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  textColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  bgProgressColor: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  desc: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired\n});\n\n//Высота заголовка\nconst TITLE_HEIGHT = \"44px\";\n\n//Высота панели масштабирования\nconst ZOOM_HEIGHT = \"56px\";\n\n//Стили\nconst STYLES = {\n  TASK_EDITOR_CONTENT: {\n    minWidth: 400,\n    overflowX: \"auto\"\n  },\n  TASK_EDITOR_LIST: {\n    width: \"100%\",\n    minWidth: 300,\n    maxWidth: 700,\n    bgcolor: \"background.paper\"\n  },\n  GANTT_TITLE: {\n    height: TITLE_HEIGHT\n  },\n  GANTT_ZOOM: {\n    height: ZOOM_HEIGHT\n  },\n  GANTT: (noData, title, zoomBar) => ({\n    height: `calc(100% - ${zoomBar ? ZOOM_HEIGHT : \"0px\"} - ${title ? TITLE_HEIGHT : \"0px\"})`,\n    display: noData ? \"none\" : \"\"\n  })\n};\n\n//--------------------------------\n//Вспомогательные классы и функции\n//--------------------------------\n\n//Проверка существования значения\nconst hasValue = value => typeof value !== \"undefined\" && value !== null && value !== \"\";\n\n//Формирование описания для легенды\nconst taskLegendDesc = ({\n  task,\n  taskColors\n}) => {\n  if (Array.isArray(taskColors) && taskColors.length > 0) {\n    const colorDesc = taskColors.find(color => task.bgColor === color.bgColor && task.textColor === color.textColor && task.bgProgressColor === color.bgProgressColor);\n    if (colorDesc) return {\n      text: colorDesc.desc,\n      style: {\n        ...(colorDesc.bgProgressColor ? {\n          background: `linear-gradient(to right, ${colorDesc.bgProgressColor} ,${colorDesc.bgColor ? colorDesc.bgColor : \"transparent\"})`\n        } : colorDesc.bgColor ? {\n          backgroundColor: colorDesc.bgColor\n        } : {}),\n        ...(colorDesc.textColor ? {\n          color: colorDesc.textColor\n        } : {})\n      }\n    };else return null;\n  } else return null;\n};\n\n//Редактор задачи\nconst P8PGanttTaskEditor = ({\n  task,\n  taskAttributes,\n  taskColors,\n  onOk,\n  onCancel,\n  taskAttributeRenderer,\n  taskDialogRenderer,\n  numbCaption,\n  nameCaption,\n  startCaption,\n  endCaption,\n  progressCaption,\n  legendCaption,\n  okBtnCaption,\n  cancelBtnCaption\n}) => {\n  //Собственное состояние\n  const [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n    start: task.start,\n    end: task.end,\n    progress: task.progress\n  });\n\n  //Отображаемые атрибуты\n  const dispTaskAttributes = Array.isArray(taskAttributes) && taskAttributes.length > 0 ? taskAttributes.filter(attr => attr.visible && hasValue(task[attr.name])) : [];\n\n  //При сохранении\n  const handleOk = () => onOk && state.start && state.end ? onOk({\n    task,\n    start: state.start,\n    end: state.end,\n    progress: state.progress\n  }) : null;\n\n  //При отмене\n  const handleCancel = () => onCancel ? onCancel() : null;\n\n  //При изменении сроков\n  const handlePeriodChanged = e => setState(prev => ({\n    ...prev,\n    [e.target.name]: e.target.value\n  }));\n\n  //При изменении прогресса\n  const handleProgressChanged = (e, newValue) => setState(prev => ({\n    ...prev,\n    progress: newValue\n  }));\n\n  //Описание легенды для задачи\n  const legendDesc = taskLegendDesc({\n    task,\n    taskColors\n  });\n  let legend = legendDesc ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    secondaryTypographyProps: {\n      p: 1,\n      sx: legendDesc.style\n    },\n    primary: legendCaption,\n    secondary: legendDesc.text\n  }) : null;\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    open: true,\n    onClose: handleCancel\n  }, taskDialogRenderer ? taskDialogRenderer({\n    task,\n    taskAttributes,\n    taskColors,\n    close: handleCancel\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    sx: STYLES.TASK_EDITOR_CONTENT\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    sx: STYLES.TASK_EDITOR_LIST\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    primary: numbCaption,\n    secondary: task.numb\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    primary: nameCaption,\n    secondary: task.fullName\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    secondaryTypographyProps: {\n      component: \"span\"\n    },\n    primary: startCaption,\n    secondary: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n      error: !state.start,\n      disabled: task.readOnly === true || task.readOnlyDates === true,\n      name: \"start\",\n      fullWidth: true,\n      required: true,\n      InputLabelProps: {\n        shrink: true\n      },\n      type: \"date\",\n      value: state.start,\n      onChange: handlePeriodChanged,\n      variant: \"standard\",\n      size: \"small\",\n      margin: \"normal\"\n    })\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    secondaryTypographyProps: {\n      component: \"span\"\n    },\n    primary: endCaption,\n    secondary: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n      error: !state.end,\n      disabled: task.readOnly === true || task.readOnlyDates === true,\n      name: \"end\",\n      fullWidth: true,\n      required: true,\n      InputLabelProps: {\n        shrink: true\n      },\n      type: \"date\",\n      value: state.end,\n      onChange: handlePeriodChanged,\n      variant: \"standard\",\n      size: \"small\",\n      margin: \"normal\"\n    })\n  })), hasValue(task.progress) || legend || dispTaskAttributes.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }) : null, hasValue(task.progress) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    secondaryTypographyProps: {\n      component: \"span\"\n    },\n    primary: `${progressCaption}${task.readOnly === true || task.readOnlyProgress === true ? ` (${task.progress}%)` : \"\"}`,\n    secondary: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n      disabled: task.readOnly === true || task.readOnlyProgress === true,\n      defaultValue: task.progress,\n      valueLabelDisplay: \"auto\",\n      onChange: handleProgressChanged\n    })\n  })), legend || dispTaskAttributes.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }) : null) : null, legend ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    alignItems: \"flex-start\"\n  }, legend), dispTaskAttributes.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    component: \"li\"\n  }) : null) : null, dispTaskAttributes.length > 0 ? dispTaskAttributes.map((attr, i) => {\n    const defaultView = task[attr.name];\n    const customView = taskAttributeRenderer ? taskAttributeRenderer({\n      task,\n      attribute: attr\n    }) : null;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {\n      key: i\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      alignItems: \"flex-start\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      primary: attr.caption,\n      secondaryTypographyProps: {\n        component: \"span\"\n      },\n      secondary: customView ? customView : defaultView\n    })), i < dispTaskAttributes.length - 1 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n      component: \"li\"\n    }) : null);\n  }) : null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_11__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    disabled: !state.start || !state.end || task.readOnly,\n    onClick: handleOk\n  }, okBtnCaption), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    onClick: handleCancel\n  }, cancelBtnCaption))));\n};\n\n//Контроль свойств - Редактор задачи\nP8PGanttTaskEditor.propTypes = {\n  task: P8P_GANTT_TASK_SHAPE,\n  taskAttributes: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_ATTRIBUTE_SHAPE),\n  taskColors: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_COLOR_SHAPE),\n  onOk: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  taskAttributeRenderer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  taskDialogRenderer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  numbCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  nameCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  startCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  endCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  progressCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  legendCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  okBtnCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  cancelBtnCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired\n};\n\n//-----------\n//Тело модуля\n//-----------\n\n//Диаграмма Ганта\nconst P8PGantt = ({\n  containerStyle,\n  title,\n  titleStyle,\n  onTitleClick,\n  zoomBar,\n  readOnly,\n  readOnlyDates,\n  readOnlyProgress,\n  zoom,\n  tasks,\n  taskAttributes,\n  taskColors,\n  onTaskDatesChange,\n  onTaskProgressChange,\n  taskAttributeRenderer,\n  taskDialogRenderer,\n  noDataFoundText,\n  numbTaskEditorCaption,\n  nameTaskEditorCaption,\n  startTaskEditorCaption,\n  endTaskEditorCaption,\n  progressTaskEditorCaption,\n  legendTaskEditorCaption,\n  okTaskEditorBtnCaption,\n  cancelTaskEditorBtnCaption\n}) => {\n  //Собственное состояние\n  const [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n    noData: true,\n    gantt: null,\n    zoom: P8P_GANTT_ZOOM.includes(zoom) ? zoom : 3,\n    editTask: null\n  });\n\n  //Ссылки на DOM\n  const svgContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n\n  //Отображение диаграммы\n  const showGantt = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {\n    if (!state.gantt) {\n      // eslint-disable-next-line no-undef\n      const gantt = new Gantt(\"#__gantt__\", tasks, {\n        view_mode: P8P_GANTT_ZOOM_VIEW_MODES[state.zoom],\n        date_format: \"YYYY-MM-DD\",\n        language: \"ru\",\n        readOnly,\n        readOnlyDates,\n        readOnlyProgress,\n        on_date_change: (task, start, end, isMain) => onTaskDatesChange ? onTaskDatesChange({\n          task,\n          start,\n          end,\n          isMain\n        }) : null,\n        on_progress_change: (task, progress) => onTaskProgressChange ? onTaskProgressChange({\n          task,\n          progress\n        }) : null,\n        on_click: openTaskEditor\n      });\n      setState(pv => ({\n        ...pv,\n        gantt,\n        noData: false\n      }));\n    } else {\n      state.gantt.refresh(tasks);\n      setState(pv => ({\n        ...pv,\n        noData: false\n      }));\n    }\n  }, [state.gantt, state.zoom, readOnly, readOnlyDates, readOnlyProgress, tasks, onTaskDatesChange, onTaskProgressChange]);\n\n  //Обновление масштаба диаграммы\n  const handleZoomChange = direction => setState(pv => ({\n    ...pv,\n    zoom: pv.zoom + direction < 0 ? 0 : pv.zoom + direction >= P8P_GANTT_ZOOM.length ? P8P_GANTT_ZOOM.length - 1 : pv.zoom + direction\n  }));\n\n  //Открытие редактора задачи\n  const openTaskEditor = task => setState(pv => ({\n    ...pv,\n    editTask: {\n      ...task\n    }\n  }));\n\n  //При сохранении задачи в редакторе\n  const handleTaskEditorSave = ({\n    task,\n    start,\n    end,\n    progress\n  }) => {\n    setState(pv => ({\n      ...pv,\n      editTask: null\n    }));\n    if (onTaskDatesChange && (task.start != start || task.end != end)) onTaskDatesChange({\n      task,\n      start,\n      end,\n      isMain: true\n    });\n    if (onTaskProgressChange && task.progress != progress) onTaskProgressChange({\n      task,\n      progress\n    });\n  };\n\n  //При закрытии редактора задачи без сохранения\n  const handleTaskEditorCancel = () => setState(pv => ({\n    ...pv,\n    editTask: null\n  }));\n\n  //При изменении масштаба\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    if (state.gantt) state.gantt.change_view_mode(P8P_GANTT_ZOOM_VIEW_MODES[state.zoom]);\n  }, [state.gantt, state.zoom]);\n\n  //При изменении списка задач\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    if (Array.isArray(tasks) && tasks.length > 0) showGantt();else setState(pv => ({\n      ...pv,\n      noData: true\n    }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tasks]);\n\n  //При подключении компонента к старице\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n    svgContainerRef.current.children[0].classList.add(\"scroll\");\n  }, []);\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    style: {\n      ...(containerStyle ? containerStyle : {})\n    }\n  }, state.gantt && state.noData ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_p8p_app_message__WEBPACK_IMPORTED_MODULE_1__.P8PAppInlineError, {\n    text: noDataFoundText\n  }) : null, state.gantt && !state.noData && title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n    p: 1,\n    sx: {\n      ...STYLES.GANTT_TITLE,\n      ...(titleStyle ? titleStyle : {})\n    },\n    align: \"center\",\n    color: \"textSecondary\",\n    variant: \"subtitle1\"\n  }, onTitleClick ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_14__[\"default\"], {\n    component: \"button\",\n    variant: \"body2\",\n    underline: \"hover\",\n    onClick: () => onTitleClick()\n  }, title) : title) : null, state.gantt && !state.noData && zoomBar ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_15__[\"default\"], {\n    p: 1,\n    sx: STYLES.GANTT_ZOOM\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n    onClick: () => handleZoomChange(-1),\n    disabled: state.zoom == 0\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, \"zoom_in\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n    onClick: () => handleZoomChange(1),\n    disabled: state.zoom == P8P_GANTT_ZOOM.length - 1\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, \"zoom_out\"))) : null, state.editTask ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(P8PGanttTaskEditor, {\n    task: state.editTask,\n    taskAttributes: taskAttributes,\n    taskColors: taskColors,\n    onOk: handleTaskEditorSave,\n    onCancel: handleTaskEditorCancel,\n    taskAttributeRenderer: taskAttributeRenderer,\n    taskDialogRenderer: taskDialogRenderer,\n    numbCaption: numbTaskEditorCaption,\n    nameCaption: nameTaskEditorCaption,\n    startCaption: startTaskEditorCaption,\n    endCaption: endTaskEditorCaption,\n    progressCaption: progressTaskEditorCaption,\n    legendCaption: legendTaskEditorCaption,\n    okBtnCaption: okTaskEditorBtnCaption,\n    cancelBtnCaption: cancelTaskEditorBtnCaption\n  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    style: STYLES.GANTT(state.noData, title, zoomBar),\n    ref: svgContainerRef\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"svg\", {\n    id: \"__gantt__\",\n    width: \"100%\"\n  })));\n};\n\n//Контроль свойств - Диаграмма Ганта\nP8PGantt.propTypes = {\n  containerStyle: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),\n  title: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  titleStyle: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),\n  onTitleClick: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  zoomBar: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnly: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnlyDates: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  readOnlyProgress: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  zoom: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),\n  tasks: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_SHAPE).isRequired,\n  taskAttributes: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_ATTRIBUTE_SHAPE),\n  taskColors: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(P8P_GANTT_TASK_COLOR_SHAPE),\n  onTaskDatesChange: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  onTaskProgressChange: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  taskAttributeRenderer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  taskDialogRenderer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  noDataFoundText: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  numbTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  nameTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  startTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  endTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  progressTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  legendTaskEditorCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  okTaskEditorBtnCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired,\n  cancelTaskEditorBtnCaption: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string).isRequired\n};\n\n//----------------\n//Интерфейс модуля\n//----------------\n\n\n\n//# sourceURL=webpack://parus_8_panels_plugin/./app/components/p8p_gantt.js?");
 
 /***/ }),
 
@@ -4580,7 +4580,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   P8PPanelsMenuDesktop: () => (/* binding */ P8PPanelsMenuDesktop),\n/* harmony export */   P8PPanelsMenuDrawer: () => (/* binding */ P8PPanelsMenuDrawer),\n/* harmony export */   P8PPanelsMenuGrid: () => (/* binding */ P8PPanelsMenuGrid),\n/* harmony export */   P8P_PANELS_MENU_PANEL_SHAPE: () => (/* binding */ P8P_PANELS_MENU_PANEL_SHAPE)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Grid/Grid.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Divider/Divider.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Card/Card.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/CardMedia/CardMedia.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/CardContent/CardContent.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Stack/Stack.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Icon/Icon.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/CardActions/CardActions.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Button/Button.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItem/ListItem.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItemButton/ListItemButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItemIcon/ListItemIcon.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItemText/ListItemText.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/List/List.js\");\n/*\r\n    Парус 8 - Панели мониторинга\r\n    Компонент: Меню панелей\r\n*/\n\n//---------------------\n//Подключение библиотек\n//---------------------\n\n //Классы React\n //Контроль свойств компонента\n //Интерфейсные компоненты\n\n//---------\n//Константы\n//---------\n\n//Типы меню\nconst P8P_PANELS_MENU_VARIANT = {\n  DRAWER: \"DRAWER\",\n  GRID: \"GRID\",\n  DESKTOP: \"DESKTOP\"\n};\n\n//Структура элемента описания панели\nconst P8P_PANELS_MENU_PANEL_SHAPE = prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({\n  name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  caption: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  desc: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  group: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),\n  icon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  path: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  preview: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  showInPanelsList: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool).isRequired,\n  url: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired\n});\n\n//Стили\nconst STYLES = {\n  GRID_CONTAINER: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"flex-start\",\n    minHeight: \"100vh\"\n  },\n  GRID: {\n    maxWidth: 1200,\n    direction: \"row\",\n    justifyContent: \"left\",\n    alignItems: \"stretch\"\n  },\n  GRID_PANEL_CARD: {\n    maxWidth: 400,\n    height: \"100%\",\n    flexDirection: \"column\",\n    display: \"flex\"\n  },\n  GRID_PANEL_CARD_MEDIA: {\n    height: 140\n  },\n  GRID_PANEL_CARD_CONTENT_TITLE: {\n    alignItems: \"flex-start\"\n  },\n  GRID_PANEL_CARD_CONTENT_TITLE_ICON: {\n    paddingTop: \"4px\"\n  },\n  GRID_PANEL_CARD_ACTIONS: {\n    marginTop: \"auto\",\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"flex-start\"\n  },\n  DESKTOP_GROUP_HEADER: {\n    fontWeight: \"bold\",\n    fontFamily: \"tahoma, arial, verdana, sans-serif!important\",\n    fontSize: \"13px!important\"\n  },\n  DESKTOP_ITEM_BUTTON: {\n    fontSize: \"12px\",\n    textTransform: \"none\",\n    \"&:hover\": {\n      backgroundColor: \"#c3e1ff\"\n    },\n    maxWidth: \"150px\"\n  },\n  DESKTOP_ITEM_STACK: {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    fontSize: \"12px\"\n  },\n  DESKTOP_ITEM_ICON: {\n    width: \"48px\",\n    height: \"48px\",\n    fontSize: \"48px\"\n  },\n  DESKTOP_ITEM_CATION: {\n    display: \"-webkit-box\",\n    overflow: \"hidden\",\n    WebkitBoxOrient: \"vertical\",\n    WebkitLineClamp: 2,\n    fontSize: \"12px\",\n    maxWidth: \"140px\",\n    lineHeight: \"1.2\"\n  }\n};\n\n//--------------------------------\n//Вспомогательные классы и функции\n//--------------------------------\n\n//Формирование групп\nconst getGroups = (panels, group) => {\n  let res = [];\n  let addDefaultGroup = false;\n  for (const panel of panels) if (panel.showInPanelsList == true) {\n    if (panel.group && !res.includes(panel.group)) res.push(panel.group);\n    if (!panel.group) addDefaultGroup = true;\n  }\n  if (addDefaultGroup || res.length == 0) res.push(null);\n  if (group) res = res.filter(g => g == group);\n  return res;\n};\n\n//Формирование ссылок на панели\nconst getPanelsLinks = ({\n  variant,\n  panels,\n  selectedPanel,\n  group,\n  defaultGroupTytle,\n  navigateCaption,\n  onItemNavigate\n}) => {\n  //Получим группы\n  let grps = getGroups(panels, group);\n\n  //Построим ссылки\n  const panelsLinks = [];\n  for (const grp of grps) {\n    if (!(grps.length == 1 && grps[0] == null)) panelsLinks.push(variant === P8P_PANELS_MENU_VARIANT.GRID ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      item: true,\n      xs: 12,\n      sm: 12,\n      md: 12,\n      lg: 12,\n      xl: 12,\n      key: grp\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      variant: \"h5\",\n      color: \"secondary\"\n    }, grp ? grp : defaultGroupTytle)) : variant === P8P_PANELS_MENU_VARIANT.DRAWER ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      key: grp\n    }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      pb: 1,\n      key: grp\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      variant: \"h7\",\n      sx: STYLES.DESKTOP_GROUP_HEADER\n    }, grp ? grp : defaultGroupTytle)));\n    for (const panel of panels) {\n      if (panel.showInPanelsList == true && (grp && panel.group === grp || !grp && !panel.group)) panelsLinks.push(variant === P8P_PANELS_MENU_VARIANT.GRID ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n        item: true,\n        xs: 12,\n        sm: 6,\n        md: 4,\n        lg: 4,\n        xl: 4,\n        key: panel.name\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n        sx: STYLES.GRID_PANEL_CARD\n      }, panel.preview ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n        component: \"img\",\n        alt: panel.name,\n        image: panel.preview,\n        sx: STYLES.GRID_PANEL_CARD_MEDIA\n      }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n        gap: 1,\n        direction: \"row\",\n        sx: STYLES.GRID_PANEL_CARD_CONTENT_TITLE\n      }, panel.icon ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        sx: STYLES.GRID_PANEL_CARD_CONTENT_TITLE_ICON\n      }, panel.icon) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n        variant: \"h5\"\n      }, panel.caption)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n        variant: \"body2\",\n        color: \"text.secondary\"\n      }, panel.desc)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n        sx: STYLES.GRID_PANEL_CARD_ACTIONS\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n        size: \"large\",\n        onClick: () => onItemNavigate ? onItemNavigate(panel) : null\n      }, navigateCaption)))) : variant === P8P_PANELS_MENU_VARIANT.DRAWER ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n        key: panel.name,\n        disablePadding: true\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_14__[\"default\"], {\n        selected: selectedPanel?.name === panel.name,\n        onClick: () => onItemNavigate ? onItemNavigate(panel) : null\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_15__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, panel.icon)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n        primary: panel.caption\n      }))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n        p: 3,\n        key: panel.name,\n        onClick: () => onItemNavigate ? onItemNavigate(panel) : null,\n        sx: STYLES.DESKTOP_ITEM_BUTTON,\n        title: panel.caption\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n        sx: STYLES.DESKTOP_ITEM_STACK\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        sx: STYLES.DESKTOP_ITEM_ICON\n      }, panel.icon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n        sx: STYLES.DESKTOP_ITEM_CATION,\n        variant: \"body1\"\n      }, panel.caption))));\n    }\n  }\n\n  //Вернём ссылки\n  return panelsLinks;\n};\n\n//-----------\n//Тело модуля\n//-----------\n\n//Меню панелей - сдвигающееся боковое меню\nconst P8PPanelsMenuDrawer = ({\n  onItemNavigate,\n  panels = [],\n  selectedPanel\n} = {}) => {\n  //Формируем ссылки на панели\n  const panelsLinks = getPanelsLinks({\n    variant: P8P_PANELS_MENU_VARIANT.DRAWER,\n    panels,\n    selectedPanel,\n    onItemNavigate\n  });\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n    sx: {\n      paddingTop: 0\n    }\n  }, panelsLinks);\n};\n\n//Контроль свойств - Меню панелей - сдвигающееся боковое меню\nP8PPanelsMenuDrawer.propTypes = {\n  onItemNavigate: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  panels: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(P8P_PANELS_MENU_PANEL_SHAPE).isRequired,\n  selectedPanel: P8P_PANELS_MENU_PANEL_SHAPE\n};\n\n//Меню панелей - грид\nconst P8PPanelsMenuGrid = ({\n  onItemNavigate,\n  navigateCaption,\n  panels = [],\n  defaultGroupTytle\n} = {}) => {\n  //Формируем ссылки на панели\n  const panelsLinks = getPanelsLinks({\n    variant: P8P_PANELS_MENU_VARIANT.GRID,\n    panels,\n    defaultGroupTytle,\n    navigateCaption,\n    onItemNavigate\n  });\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    sx: STYLES.GRID_CONTAINER\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    container: true,\n    spacing: 2,\n    p: 2,\n    sx: STYLES.GRID\n  }, panelsLinks));\n};\n\n//Контроль свойств - Меню панелей - грид\nP8PPanelsMenuGrid.propTypes = {\n  onItemNavigate: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  navigateCaption: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  panels: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(P8P_PANELS_MENU_PANEL_SHAPE).isRequired,\n  defaultGroupTytle: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired\n};\n\n//Меню панелей - рабочий стол\nconst P8PPanelsMenuDesktop = ({\n  group,\n  onItemNavigate,\n  panels = [],\n  defaultGroupTytle\n} = {}) => {\n  //Формируем ссылки на панели\n  const panelsLinks = getPanelsLinks({\n    variant: P8P_PANELS_MENU_VARIANT.DESKTOP,\n    panels,\n    group,\n    defaultGroupTytle,\n    onItemNavigate\n  });\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    p: 2\n  }, panelsLinks);\n};\n\n//Контроль свойств - Меню панелей - рабочий стол\nP8PPanelsMenuDesktop.propTypes = {\n  group: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),\n  onItemNavigate: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  panels: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(P8P_PANELS_MENU_PANEL_SHAPE).isRequired,\n  defaultGroupTytle: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired\n};\n\n//----------------\n//Интерфейс модуля\n//----------------\n\n\n\n//# sourceURL=webpack://parus_8_panels_plugin/./app/components/p8p_panels_menu.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   P8PPanelsMenuDesktop: () => (/* binding */ P8PPanelsMenuDesktop),\n/* harmony export */   P8PPanelsMenuDrawer: () => (/* binding */ P8PPanelsMenuDrawer),\n/* harmony export */   P8PPanelsMenuGrid: () => (/* binding */ P8PPanelsMenuGrid),\n/* harmony export */   P8P_PANELS_MENU_PANEL_SHAPE: () => (/* binding */ P8P_PANELS_MENU_PANEL_SHAPE)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Grid/Grid.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Divider/Divider.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Card/Card.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/CardMedia/CardMedia.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/CardContent/CardContent.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Stack/Stack.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Icon/Icon.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/CardActions/CardActions.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Button/Button.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItem/ListItem.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItemButton/ListItemButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItemIcon/ListItemIcon.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/ListItemText/ListItemText.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/List/List.js\");\n/*\r\n    Парус 8 - Панели мониторинга\r\n    Компонент: Меню панелей\r\n*/\n\n//---------------------\n//Подключение библиотек\n//---------------------\n\n //Классы React\n //Контроль свойств компонента\n //Интерфейсные компоненты\n\n//---------\n//Константы\n//---------\n\n//Типы меню\nconst P8P_PANELS_MENU_VARIANT = {\n  DRAWER: \"DRAWER\",\n  GRID: \"GRID\",\n  DESKTOP: \"DESKTOP\"\n};\n\n//Структура элемента описания панели\nconst P8P_PANELS_MENU_PANEL_SHAPE = prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({\n  name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  caption: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  desc: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  group: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),\n  icon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  path: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  preview: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  showInPanelsList: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool).isRequired,\n  url: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired\n});\n\n//Стили\nconst STYLES = {\n  GRID_CONTAINER: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"flex-start\",\n    minHeight: \"100vh\"\n  },\n  GRID: {\n    maxWidth: 1200,\n    direction: \"row\",\n    justifyContent: \"left\",\n    alignItems: \"stretch\"\n  },\n  GRID_PANEL_CARD: {\n    maxWidth: 400,\n    height: \"100%\",\n    flexDirection: \"column\",\n    display: \"flex\"\n  },\n  GRID_PANEL_CARD_MEDIA: {\n    height: 140\n  },\n  GRID_PANEL_CARD_CONTENT_TITLE: {\n    alignItems: \"flex-start\"\n  },\n  GRID_PANEL_CARD_CONTENT_TITLE_ICON: {\n    paddingTop: \"4px\"\n  },\n  GRID_PANEL_CARD_ACTIONS: {\n    marginTop: \"auto\",\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"flex-start\"\n  },\n  DESKTOP_GROUP_HEADER: {\n    fontWeight: \"bold\",\n    fontFamily: \"tahoma, arial, verdana, sans-serif!important\",\n    fontSize: \"13px!important\"\n  },\n  DESKTOP_ITEM_BUTTON: {\n    fontSize: \"12px\",\n    textTransform: \"none\",\n    \"&:hover\": {\n      backgroundColor: \"#c3e1ff\"\n    },\n    width: \"150px\",\n    height: \"90px\",\n    flexDirection: \"column\",\n    justifyContent: \"flex-start\"\n  },\n  DESKTOP_ITEM_ICON: {\n    width: \"48px\",\n    height: \"48px\",\n    fontSize: \"48px\"\n  },\n  DESKTOP_ITEM_CATION: {\n    display: \"-webkit-box\",\n    overflow: \"hidden\",\n    WebkitBoxOrient: \"vertical\",\n    WebkitLineClamp: 2,\n    fontSize: \"12px\",\n    maxWidth: \"140px\",\n    lineHeight: \"1.2\"\n  }\n};\n\n//--------------------------------\n//Вспомогательные классы и функции\n//--------------------------------\n\n//Формирование групп\nconst getGroups = (panels, group) => {\n  let res = [];\n  let addDefaultGroup = false;\n  for (const panel of panels) if (panel.showInPanelsList == true) {\n    if (panel.group && !res.includes(panel.group)) res.push(panel.group);\n    if (!panel.group) addDefaultGroup = true;\n  }\n  if (addDefaultGroup || res.length == 0) res.push(null);\n  if (group) res = res.filter(g => g == group);\n  return res;\n};\n\n//Формирование ссылок на панели\nconst getPanelsLinks = ({\n  variant,\n  panels,\n  selectedPanel,\n  group,\n  defaultGroupTytle,\n  navigateCaption,\n  onItemNavigate\n}) => {\n  //Получим группы\n  let grps = getGroups(panels, group);\n\n  //Построим ссылки\n  const panelsLinks = [];\n  for (const grp of grps) {\n    if (!(grps.length == 1 && grps[0] == null)) panelsLinks.push(variant === P8P_PANELS_MENU_VARIANT.GRID ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      item: true,\n      xs: 12,\n      sm: 12,\n      md: 12,\n      lg: 12,\n      xl: 12,\n      key: grp\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      variant: \"h5\",\n      color: \"secondary\"\n    }, grp ? grp : defaultGroupTytle)) : variant === P8P_PANELS_MENU_VARIANT.DRAWER ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      key: grp\n    }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      pb: 1,\n      key: grp\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      variant: \"h7\",\n      sx: STYLES.DESKTOP_GROUP_HEADER\n    }, grp ? grp : defaultGroupTytle)));\n    for (const panel of panels) {\n      if (panel.showInPanelsList == true && (grp && panel.group === grp || !grp && !panel.group)) panelsLinks.push(variant === P8P_PANELS_MENU_VARIANT.GRID ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n        item: true,\n        xs: 12,\n        sm: 6,\n        md: 4,\n        lg: 4,\n        xl: 4,\n        key: panel.name\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n        sx: STYLES.GRID_PANEL_CARD\n      }, panel.preview ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n        component: \"img\",\n        alt: panel.name,\n        image: panel.preview,\n        sx: STYLES.GRID_PANEL_CARD_MEDIA\n      }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n        gap: 1,\n        direction: \"row\",\n        sx: STYLES.GRID_PANEL_CARD_CONTENT_TITLE\n      }, panel.icon ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        sx: STYLES.GRID_PANEL_CARD_CONTENT_TITLE_ICON\n      }, panel.icon) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n        variant: \"h5\"\n      }, panel.caption)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n        variant: \"body2\",\n        color: \"text.secondary\"\n      }, panel.desc)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n        sx: STYLES.GRID_PANEL_CARD_ACTIONS\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n        size: \"large\",\n        onClick: () => onItemNavigate ? onItemNavigate(panel) : null\n      }, navigateCaption)))) : variant === P8P_PANELS_MENU_VARIANT.DRAWER ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n        key: panel.name,\n        disablePadding: true\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_14__[\"default\"], {\n        selected: selectedPanel?.name === panel.name,\n        onClick: () => onItemNavigate ? onItemNavigate(panel) : null\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_15__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_10__[\"default\"], null, panel.icon)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n        primary: panel.caption\n      }))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n        p: 3,\n        key: panel.name,\n        onClick: () => onItemNavigate ? onItemNavigate(panel) : null,\n        sx: STYLES.DESKTOP_ITEM_BUTTON,\n        title: panel.caption\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        sx: STYLES.DESKTOP_ITEM_ICON\n      }, panel.icon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n        sx: STYLES.DESKTOP_ITEM_CATION,\n        variant: \"body1\"\n      }, panel.caption)));\n    }\n  }\n\n  //Вернём ссылки\n  return panelsLinks;\n};\n\n//-----------\n//Тело модуля\n//-----------\n\n//Меню панелей - сдвигающееся боковое меню\nconst P8PPanelsMenuDrawer = ({\n  onItemNavigate,\n  panels = [],\n  selectedPanel\n} = {}) => {\n  //Формируем ссылки на панели\n  const panelsLinks = getPanelsLinks({\n    variant: P8P_PANELS_MENU_VARIANT.DRAWER,\n    panels,\n    selectedPanel,\n    onItemNavigate\n  });\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n    sx: {\n      paddingTop: 0\n    }\n  }, panelsLinks);\n};\n\n//Контроль свойств - Меню панелей - сдвигающееся боковое меню\nP8PPanelsMenuDrawer.propTypes = {\n  onItemNavigate: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  panels: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(P8P_PANELS_MENU_PANEL_SHAPE).isRequired,\n  selectedPanel: P8P_PANELS_MENU_PANEL_SHAPE\n};\n\n//Меню панелей - грид\nconst P8PPanelsMenuGrid = ({\n  onItemNavigate,\n  navigateCaption,\n  panels = [],\n  defaultGroupTytle\n} = {}) => {\n  //Формируем ссылки на панели\n  const panelsLinks = getPanelsLinks({\n    variant: P8P_PANELS_MENU_VARIANT.GRID,\n    panels,\n    defaultGroupTytle,\n    navigateCaption,\n    onItemNavigate\n  });\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    sx: STYLES.GRID_CONTAINER\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    container: true,\n    spacing: 2,\n    p: 2,\n    sx: STYLES.GRID\n  }, panelsLinks));\n};\n\n//Контроль свойств - Меню панелей - грид\nP8PPanelsMenuGrid.propTypes = {\n  onItemNavigate: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  navigateCaption: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,\n  panels: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(P8P_PANELS_MENU_PANEL_SHAPE).isRequired,\n  defaultGroupTytle: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired\n};\n\n//Меню панелей - рабочий стол\nconst P8PPanelsMenuDesktop = ({\n  group,\n  onItemNavigate,\n  panels = [],\n  defaultGroupTytle\n} = {}) => {\n  //Формируем ссылки на панели\n  const panelsLinks = getPanelsLinks({\n    variant: P8P_PANELS_MENU_VARIANT.DESKTOP,\n    panels,\n    group,\n    defaultGroupTytle,\n    onItemNavigate\n  });\n\n  //Генерация содержимого\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    p: 2\n  }, panelsLinks[0], /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    direction: \"row\"\n  }, panelsLinks.map((l, i) => i > 0 ? l : null)));\n};\n\n//Контроль свойств - Меню панелей - рабочий стол\nP8PPanelsMenuDesktop.propTypes = {\n  group: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),\n  onItemNavigate: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  panels: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(P8P_PANELS_MENU_PANEL_SHAPE).isRequired,\n  defaultGroupTytle: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired\n};\n\n//----------------\n//Интерфейс модуля\n//----------------\n\n\n\n//# sourceURL=webpack://parus_8_panels_plugin/./app/components/p8p_panels_menu.js?");
 
 /***/ }),
 
@@ -4712,7 +4712,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   deepCopyObject: () => (/* binding */ deepCopyObject),\n/* harmony export */   formatDateJSONDateOnly: () => (/* binding */ formatDateJSONDateOnly),\n/* harmony export */   formatDateRF: () => (/* binding */ formatDateRF),\n/* harmony export */   formatNumberRFCurrency: () => (/* binding */ formatNumberRFCurrency),\n/* harmony export */   genGUID: () => (/* binding */ genGUID),\n/* harmony export */   getDisplaySize: () => (/* binding */ getDisplaySize),\n/* harmony export */   hasValue: () => (/* binding */ hasValue),\n/* harmony export */   object2Base64XML: () => (/* binding */ object2Base64XML),\n/* harmony export */   xml2JSON: () => (/* binding */ xml2JSON)\n/* harmony export */ });\n/* harmony import */ var fast_xml_parser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! fast-xml-parser */ \"./node_modules/fast-xml-parser/src/fxp.js\");\n/* harmony import */ var fast_xml_parser__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(fast_xml_parser__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dayjs */ \"./node_modules/dayjs/dayjs.min.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_1__);\n/*\r\n    Парус 8 - Панели мониторинга\r\n    Ядро: Вспомогательные функции\r\n*/\n\n//---------------------\n//Подключение библиотек\n//---------------------\n\n //Конвертация XML в JSON и JSON в XML\n //Работа с датами\n\n//---------\n//Константы\n//---------\n\n//Коды типовых размеров экранов\nconst DISPLAY_SIZE_CODE = {\n  XS: \"XS\",\n  //eXtra Small - супер маленький экран\n  SM: \"SM\",\n  //Small - маленький экран\n  MD: \"MD\",\n  //Middle - средний экран\n  LG: \"LG\" //Large - большой экран\n};\n\n//Типовые размеры экранов\nconst DISPLAY_SIZE = {\n  [DISPLAY_SIZE_CODE.XS]: {\n    WIDTH_FROM: 0,\n    WIDTH_TO: 767\n  },\n  //eXtra Small - супер маленький экран < 768px\n  [DISPLAY_SIZE_CODE.SM]: {\n    WIDTH_FROM: 768,\n    WIDTH_TO: 991\n  },\n  //Small - маленький экран >= 768px\n  [DISPLAY_SIZE_CODE.MD]: {\n    WIDTH_FROM: 992,\n    WIDTH_TO: 1199\n  },\n  //Middle - средний экран >= 992px\n  [DISPLAY_SIZE_CODE.LG]: {\n    WIDTH_FROM: 1200,\n    WIDTH_TO: 1000000\n  } //Large - большой экран >= 1200px\n};\n\n//Типовые пути конвертации в массив (при переводе XML -> JSON)\nconst XML_ALWAYS_ARRAY_PATHS = [\"XRESPOND.XPAYLOAD.XOUT_ARGUMENTS\", \"XRESPOND.XPAYLOAD.XROWS\", \"XRESPOND.XPAYLOAD.XCOLUMNS_DEF\", \"XRESPOND.XPAYLOAD.XCOLUMNS_DEF.values\", \"XRESPOND.XPAYLOAD.XGROUPS\", \"XRESPOND.XPAYLOAD.XGANTT_DEF.taskAttributes\", \"XRESPOND.XPAYLOAD.XGANTT_DEF.taskColors\", \"XRESPOND.XPAYLOAD.XGANTT_TASKS\", \"XRESPOND.XPAYLOAD.XGANTT_TASKS.dependencies\", \"XRESPOND.XPAYLOAD.XCHART.labels\", \"XRESPOND.XPAYLOAD.XCHART.datasets\", \"XRESPOND.XPAYLOAD.XCHART.datasets.data\", \"XRESPOND.XPAYLOAD.XCHART.datasets.items\"];\n\n//Типовые шаблоны конвертации в массив (при переводе XML -> JSON)\nconst XML_ALWAYS_ARRAY_PATH_PATTERNS = [/(.*)XROWS$/, /(.*)XCOLUMNS_DEF$/, /(.*)XCOLUMNS_DEF.values$/, /(.*)XGROUPS$/, /(.*)XGANTT_DEF.taskAttributes$/, /(.*)XGANTT_DEF.taskColors$/, /(.*)XGANTT_TASKS$/, /(.*)XGANTT_TASKS.dependencies$/, /(.*)XCHART.labels$/, /(.*)XCHART.datasets$/, /(.*)XCHART.datasets.data$/, /(.*)XCHART.datasets.items$/];\n\n//Типовой постфикс тега для массива (при переводе XML -> JSON)\nconst XML_ALWAYS_ARRAY_POSTFIX = \"__SYSTEM__ARRAY__\";\n\n//Типовые шаблоны конвертации значения атрибута в строку (при переводе XML -> JSON)\nconst XML_ATTR_ALWAYS_STR_PATH_PATTERNS = [/(.*)XCOLUMNS_DEF.name$/, /(.*)XCOLUMNS_DEF.caption$/, /(.*)XCOLUMNS_DEF.parent$/, /(.*)XGROUPS.name$/, /(.*)XGROUPS.caption$/];\n\n//-----------\n//Тело модуля\n//-----------\n\n//Проверка существования значения\nconst hasValue = value => typeof value !== \"undefined\" && value !== null && value !== \"\";\n\n//Проверка типа устройства\nconst getDisplaySize = () => {\n  let res = DISPLAY_SIZE_CODE.MD;\n  Object.keys(DISPLAY_SIZE).map(dspl => {\n    if (window.innerWidth >= DISPLAY_SIZE[dspl].WIDTH_FROM && window.innerWidth <= DISPLAY_SIZE[dspl].WIDTH_TO) res = dspl;\n  });\n  return res;\n};\n\n//Глубокое копирование объекта\nconst deepCopyObject = obj => JSON.parse(JSON.stringify(obj));\n\n//Конвертация объекта в Base64 XML\nconst object2Base64XML = (obj, builderOptions) => {\n  const builder = new fast_xml_parser__WEBPACK_IMPORTED_MODULE_0__.XMLBuilder(builderOptions);\n  //onOrderChanged({ orders: btoa(ordersBuilder.build(newOrders)) });\n  return btoa(unescape(encodeURIComponent(builder.build(obj))));\n};\n\n//Конвертация XML в JSON\nconst xml2JSON = ({\n  xmlDoc,\n  isArray,\n  transformTagName,\n  tagValueProcessor,\n  attributeValueProcessor,\n  useDefaultPatterns = true\n}) => {\n  return new Promise((resolve, reject) => {\n    try {\n      let opts = {\n        ignoreDeclaration: true,\n        ignoreAttributes: false,\n        parseAttributeValue: true,\n        attributeNamePrefix: \"\"\n      };\n      if (useDefaultPatterns) {\n        opts.isArray = (name, jPath, isLeafNode, isAttribute) => XML_ALWAYS_ARRAY_PATHS.indexOf(jPath) !== -1 || XML_ALWAYS_ARRAY_PATH_PATTERNS.some(pattern => pattern.test(jPath)) || jPath.endsWith(XML_ALWAYS_ARRAY_POSTFIX) || (isArray ? isArray(name, jPath, isLeafNode, isAttribute) : undefined);\n        opts.attributeValueProcessor = (name, val, jPath) => XML_ATTR_ALWAYS_STR_PATH_PATTERNS.some(pattern => pattern.test(`${jPath}.${name}`)) ? undefined : attributeValueProcessor ? attributeValueProcessor(name, val, jPath) : val;\n      } else {\n        if (isArray) opts.isArray = isArray;\n        if (attributeValueProcessor) opts.attributeValueProcessor = attributeValueProcessor;\n      }\n      if (transformTagName) opts.transformTagName = transformTagName;\n      if (tagValueProcessor) opts.tagValueProcessor = tagValueProcessor;\n      const parser = new fast_xml_parser__WEBPACK_IMPORTED_MODULE_0__.XMLParser(opts);\n      resolve(parser.parse(xmlDoc));\n    } catch (e) {\n      reject(e);\n    }\n  });\n};\n\n//Форматирование даты в формат РФ\nconst formatDateRF = value => value ? dayjs__WEBPACK_IMPORTED_MODULE_1___default()(value).format(\"DD.MM.YYYY\") : null;\n\n//Форматирование даты в формат JSON (только дата, без времени)\nconst formatDateJSONDateOnly = value => value ? dayjs__WEBPACK_IMPORTED_MODULE_1___default()(value).format(\"YYYY-MM-DD\") : null;\n\n//Форматирование числа в \"Денежном\" формате РФ\nconst formatNumberRFCurrency = value => hasValue(value) ? new Intl.NumberFormat(\"ru-RU\", {\n  minimumFractionDigits: 2\n}).format(value) : null;\n\n//Формирование уникального идентификатора\nconst genGUID = () => \"10000000-1000-4000-8000-100000000000\".replace(/[018]/g, c => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16));\n\n//----------------\n//Интерфейс модуля\n//----------------\n\n\n\n//# sourceURL=webpack://parus_8_panels_plugin/./app/core/utils.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   deepCopyObject: () => (/* binding */ deepCopyObject),\n/* harmony export */   formatDateJSONDateOnly: () => (/* binding */ formatDateJSONDateOnly),\n/* harmony export */   formatDateRF: () => (/* binding */ formatDateRF),\n/* harmony export */   formatDateTimeRF: () => (/* binding */ formatDateTimeRF),\n/* harmony export */   formatNumberRFCurrency: () => (/* binding */ formatNumberRFCurrency),\n/* harmony export */   genGUID: () => (/* binding */ genGUID),\n/* harmony export */   getDisplaySize: () => (/* binding */ getDisplaySize),\n/* harmony export */   hasValue: () => (/* binding */ hasValue),\n/* harmony export */   object2Base64XML: () => (/* binding */ object2Base64XML),\n/* harmony export */   xml2JSON: () => (/* binding */ xml2JSON)\n/* harmony export */ });\n/* harmony import */ var fast_xml_parser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! fast-xml-parser */ \"./node_modules/fast-xml-parser/src/fxp.js\");\n/* harmony import */ var fast_xml_parser__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(fast_xml_parser__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dayjs */ \"./node_modules/dayjs/dayjs.min.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_1__);\n/*\r\n    Парус 8 - Панели мониторинга\r\n    Ядро: Вспомогательные функции\r\n*/\n\n//---------------------\n//Подключение библиотек\n//---------------------\n\n //Конвертация XML в JSON и JSON в XML\n //Работа с датами\n\n//---------\n//Константы\n//---------\n\n//Коды типовых размеров экранов\nconst DISPLAY_SIZE_CODE = {\n  XS: \"XS\",\n  //eXtra Small - супер маленький экран\n  SM: \"SM\",\n  //Small - маленький экран\n  MD: \"MD\",\n  //Middle - средний экран\n  LG: \"LG\" //Large - большой экран\n};\n\n//Типовые размеры экранов\nconst DISPLAY_SIZE = {\n  [DISPLAY_SIZE_CODE.XS]: {\n    WIDTH_FROM: 0,\n    WIDTH_TO: 767\n  },\n  //eXtra Small - супер маленький экран < 768px\n  [DISPLAY_SIZE_CODE.SM]: {\n    WIDTH_FROM: 768,\n    WIDTH_TO: 991\n  },\n  //Small - маленький экран >= 768px\n  [DISPLAY_SIZE_CODE.MD]: {\n    WIDTH_FROM: 992,\n    WIDTH_TO: 1199\n  },\n  //Middle - средний экран >= 992px\n  [DISPLAY_SIZE_CODE.LG]: {\n    WIDTH_FROM: 1200,\n    WIDTH_TO: 1000000\n  } //Large - большой экран >= 1200px\n};\n\n//Типовые пути конвертации в массив (при переводе XML -> JSON)\nconst XML_ALWAYS_ARRAY_PATHS = [\"XRESPOND.XPAYLOAD.XOUT_ARGUMENTS\", \"XRESPOND.XPAYLOAD.XROWS\", \"XRESPOND.XPAYLOAD.XCOLUMNS_DEF\", \"XRESPOND.XPAYLOAD.XCOLUMNS_DEF.values\", \"XRESPOND.XPAYLOAD.XGROUPS\", \"XRESPOND.XPAYLOAD.XGANTT_DEF.taskAttributes\", \"XRESPOND.XPAYLOAD.XGANTT_DEF.taskColors\", \"XRESPOND.XPAYLOAD.XGANTT_TASKS\", \"XRESPOND.XPAYLOAD.XGANTT_TASKS.dependencies\", \"XRESPOND.XPAYLOAD.XCHART.labels\", \"XRESPOND.XPAYLOAD.XCHART.datasets\", \"XRESPOND.XPAYLOAD.XCHART.datasets.data\", \"XRESPOND.XPAYLOAD.XCHART.datasets.items\"];\n\n//Типовые шаблоны конвертации в массив (при переводе XML -> JSON)\nconst XML_ALWAYS_ARRAY_PATH_PATTERNS = [/(.*)XROWS$/, /(.*)XCOLUMNS_DEF$/, /(.*)XCOLUMNS_DEF.values$/, /(.*)XGROUPS$/, /(.*)XGANTT_DEF.taskAttributes$/, /(.*)XGANTT_DEF.taskColors$/, /(.*)XGANTT_TASKS$/, /(.*)XGANTT_TASKS.dependencies$/, /(.*)XCHART.labels$/, /(.*)XCHART.datasets$/, /(.*)XCHART.datasets.data$/, /(.*)XCHART.datasets.items$/];\n\n//Типовой постфикс тега для массива (при переводе XML -> JSON)\nconst XML_ALWAYS_ARRAY_POSTFIX = \"__SYSTEM__ARRAY__\";\n\n//Типовые шаблоны конвертации значения атрибута в строку (при переводе XML -> JSON)\nconst XML_ATTR_ALWAYS_STR_PATH_PATTERNS = [/(.*)XCOLUMNS_DEF.name$/, /(.*)XCOLUMNS_DEF.caption$/, /(.*)XCOLUMNS_DEF.parent$/, /(.*)XGROUPS.name$/, /(.*)XGROUPS.caption$/];\n\n//-----------\n//Тело модуля\n//-----------\n\n//Проверка существования значения\nconst hasValue = value => typeof value !== \"undefined\" && value !== null && value !== \"\";\n\n//Проверка типа устройства\nconst getDisplaySize = () => {\n  let res = DISPLAY_SIZE_CODE.MD;\n  Object.keys(DISPLAY_SIZE).map(dspl => {\n    if (window.innerWidth >= DISPLAY_SIZE[dspl].WIDTH_FROM && window.innerWidth <= DISPLAY_SIZE[dspl].WIDTH_TO) res = dspl;\n  });\n  return res;\n};\n\n//Глубокое копирование объекта\nconst deepCopyObject = obj => JSON.parse(JSON.stringify(obj));\n\n//Конвертация объекта в Base64 XML\nconst object2Base64XML = (obj, builderOptions) => {\n  const builder = new fast_xml_parser__WEBPACK_IMPORTED_MODULE_0__.XMLBuilder(builderOptions);\n  //onOrderChanged({ orders: btoa(ordersBuilder.build(newOrders)) });\n  return btoa(unescape(encodeURIComponent(builder.build(obj))));\n};\n\n//Конвертация XML в JSON\nconst xml2JSON = ({\n  xmlDoc,\n  isArray,\n  transformTagName,\n  tagValueProcessor,\n  attributeValueProcessor,\n  useDefaultPatterns = true\n}) => {\n  return new Promise((resolve, reject) => {\n    try {\n      let opts = {\n        ignoreDeclaration: true,\n        ignoreAttributes: false,\n        parseAttributeValue: true,\n        attributeNamePrefix: \"\"\n      };\n      if (useDefaultPatterns) {\n        opts.isArray = (name, jPath, isLeafNode, isAttribute) => XML_ALWAYS_ARRAY_PATHS.indexOf(jPath) !== -1 || XML_ALWAYS_ARRAY_PATH_PATTERNS.some(pattern => pattern.test(jPath)) || jPath.endsWith(XML_ALWAYS_ARRAY_POSTFIX) || (isArray ? isArray(name, jPath, isLeafNode, isAttribute) : undefined);\n        opts.attributeValueProcessor = (name, val, jPath) => XML_ATTR_ALWAYS_STR_PATH_PATTERNS.some(pattern => pattern.test(`${jPath}.${name}`)) ? undefined : attributeValueProcessor ? attributeValueProcessor(name, val, jPath) : val;\n      } else {\n        if (isArray) opts.isArray = isArray;\n        if (attributeValueProcessor) opts.attributeValueProcessor = attributeValueProcessor;\n      }\n      if (transformTagName) opts.transformTagName = transformTagName;\n      if (tagValueProcessor) opts.tagValueProcessor = tagValueProcessor;\n      const parser = new fast_xml_parser__WEBPACK_IMPORTED_MODULE_0__.XMLParser(opts);\n      resolve(parser.parse(xmlDoc));\n    } catch (e) {\n      reject(e);\n    }\n  });\n};\n\n//Форматирование даты в формат РФ\nconst formatDateRF = value => value ? dayjs__WEBPACK_IMPORTED_MODULE_1___default()(value).format(\"DD.MM.YYYY\") : null;\n\n//Форматирование даты и времени в формат РФ\nconst formatDateTimeRF = value => value ? dayjs__WEBPACK_IMPORTED_MODULE_1___default()(value).format(\"DD.MM.YYYY HH:mm:ss\") : null;\n\n//Форматирование даты в формат JSON (только дата, без времени)\nconst formatDateJSONDateOnly = value => value ? dayjs__WEBPACK_IMPORTED_MODULE_1___default()(value).format(\"YYYY-MM-DD\") : null;\n\n//Форматирование числа в \"Денежном\" формате РФ\nconst formatNumberRFCurrency = value => hasValue(value) ? new Intl.NumberFormat(\"ru-RU\", {\n  minimumFractionDigits: 2\n}).format(value) : null;\n\n//Формирование уникального идентификатора\nconst genGUID = () => \"10000000-1000-4000-8000-100000000000\".replace(/[018]/g, c => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16));\n\n//----------------\n//Интерфейс модуля\n//----------------\n\n\n\n//# sourceURL=webpack://parus_8_panels_plugin/./app/core/utils.js?");
 
 /***/ }),