Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →

basicprimitivesreact

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

basicprimitivesreact - npm Package Compare versions

Comparing version 5.4.9 to 5.4.10

1126

dist/BaseDiagram.js

		@@ -1,72 +0,24 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _react = _interopRequireWildcard(require("react"));

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		var _Graphics = _interopRequireDefault(require("./Graphics"));

		var _Templates = require("./Templates");

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

		function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

		function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) \|\| _iterableToArray(arr) \|\| _nonIterableSpread(); }

		function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }

		function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) \|\| Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }

		function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var BaseDiagram =
		/#__PURE__/
		function (_Component) {
		_inherits(BaseDiagram, _Component);
		import React, { Component } from 'react';
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		import './Diagrams.css';
		import Graphics from './Graphics';
		import { AnnotationLabelTemplate, ButtonsTemplate, CheckBoxTemplate, CursorTemplate, DotHighlightTemplate, GroupTitleTemplate, HighlightTemplate, ItemTemplate, UserTemplate, LabelAnnotationTemplate } from './Templates';

		function BaseDiagram(props, namespace) {
		var _this;

		_classCallCheck(this, BaseDiagram);

		_this = _possibleConstructorReturn(this, _getPrototypeOf(BaseDiagram).call(this, props));
		_this.namespace = namespace;
		var config = props.config,
		centerOnCursor = props.centerOnCursor;
		var highlightItem = config.highlightItem,
		cursorItem = config.cursorItem,
		selectedItems = config.selectedItems;
		_this.state = {
		class BaseDiagram extends Component {
		constructor(props, namespace) {
		super(props);
		this.namespace = namespace;
		const {
		config,
		centerOnCursor
		} = props;
		const {
		highlightItem,
		cursorItem,
		selectedItems
		} = config;
		this.state = {
		viewportSize: {
		@@ -80,160 +32,161 @@ width: 0,
		},
		centerOnCursor: centerOnCursor,
		highlightItem: highlightItem,
		cursorItem: cursorItem,
		centerOnCursor,
		highlightItem,
		cursorItem,
		selectedItems: (selectedItems \|\| []).slice()
		};
		var viewportSize = _this.state.viewportSize;
		_this.onRefreshViewport = _this.onRefreshViewport.bind(_assertThisInitialized(_this));
		_this.onSizeChanged = _this.onSizeChanged.bind(_assertThisInitialized(_this));
		_this.onScroll = _this.onScroll.bind(_assertThisInitialized(_this));
		_this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_this));
		_this.onClick = _this.onClick.bind(_assertThisInitialized(_this));
		_this.onCheckboxChange = _this.onCheckboxChange.bind(_assertThisInitialized(_this));
		_this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));
		_this.getOptions = _this.getOptions.bind(_assertThisInitialized(_this));
		_this.getGraphics = _this.getGraphics.bind(_assertThisInitialized(_this));
		_this.getLayout = _this.getLayout.bind(_assertThisInitialized(_this));
		_this.setLayout = _this.setLayout.bind(_assertThisInitialized(_this));
		_this.getEventArgs = _this.getEventArgs.bind(_assertThisInitialized(_this));
		_this.centerOnCursor = _this.centerOnCursor.bind(_assertThisInitialized(_this));
		_this.onItemRender = _this.onItemRender.bind(_assertThisInitialized(_this));
		_this.onHighlightRender = _this.onHighlightRender.bind(_assertThisInitialized(_this));
		_this.onCursorRender = _this.onCursorRender.bind(_assertThisInitialized(_this));
		_this.scrollPanelRef = _react["default"].createRef();
		_this.mousePanelRef = _react["default"].createRef();
		_this.placeholderRef = _react["default"].createRef();
		_this.calloutPlaceholderRef = _react["default"].createRef();
		_this.layoutOptions = {};
		_this.templatesHash = {};
		_this.graphics = new _Graphics["default"](viewportSize);
		_this.templates = {
		AnnotationLabelTemplate: _Templates.AnnotationLabelTemplate,
		ButtonsTemplate: _Templates.ButtonsTemplate,
		CheckBoxTemplate: _Templates.CheckBoxTemplate,
		CursorTemplate: _Templates.CursorTemplate,
		DotHighlightTemplate: _Templates.DotHighlightTemplate,
		GroupTitleTemplate: _Templates.GroupTitleTemplate,
		HighlightTemplate: _Templates.HighlightTemplate,
		ItemTemplate: _Templates.ItemTemplate,
		UserTemplate: _Templates.UserTemplate,
		LabelAnnotationTemplate: _Templates.LabelAnnotationTemplate
		const {
		viewportSize
		} = this.state;
		this.onRefreshViewport = this.onRefreshViewport.bind(this);
		this.onSizeChanged = this.onSizeChanged.bind(this);
		this.onScroll = this.onScroll.bind(this);
		this.onMouseMove = this.onMouseMove.bind(this);
		this.onClick = this.onClick.bind(this);
		this.onCheckboxChange = this.onCheckboxChange.bind(this);
		this.onKeyDown = this.onKeyDown.bind(this);
		this.getOptions = this.getOptions.bind(this);
		this.getGraphics = this.getGraphics.bind(this);
		this.getLayout = this.getLayout.bind(this);
		this.setLayout = this.setLayout.bind(this);
		this.getEventArgs = this.getEventArgs.bind(this);
		this.centerOnCursor = this.centerOnCursor.bind(this);
		this.onItemRender = this.onItemRender.bind(this);
		this.onHighlightRender = this.onHighlightRender.bind(this);
		this.onCursorRender = this.onCursorRender.bind(this);
		this.scrollPanelRef = React.createRef();
		this.mousePanelRef = React.createRef();
		this.placeholderRef = React.createRef();
		this.calloutPlaceholderRef = React.createRef();
		this.layoutOptions = {};
		this.templatesHash = {};
		this.graphics = new Graphics(viewportSize);
		this.templates = {
		AnnotationLabelTemplate,
		ButtonsTemplate,
		CheckBoxTemplate,
		CursorTemplate,
		DotHighlightTemplate,
		GroupTitleTemplate,
		HighlightTemplate,
		ItemTemplate,
		UserTemplate,
		LabelAnnotationTemplate
		};
		_this.tasks = namespace.TaskManagerFactory(_this.getOptions, _this.getGraphics, _this.getLayout, _this.setLayout, _this.templates);
		return _this;
		this.tasks = namespace.TaskManagerFactory(this.getOptions, this.getGraphics, this.getLayout, this.setLayout, this.templates);
		}

		_createClass(BaseDiagram, [{
		key: "componentWillReceiveProps",
		value: function componentWillReceiveProps(nextProps) {
		var nextConfig = nextProps.config,
		centerOnCursor = nextProps.centerOnCursor;
		var config = this.props.config;
		componentWillReceiveProps(nextProps) {
		const {
		config: nextConfig,
		centerOnCursor
		} = nextProps;
		const {
		config
		} = this.props;

		if (config !== nextConfig) {
		var highlightItem = nextConfig.highlightItem,
		cursorItem = nextConfig.cursorItem,
		selectedItems = nextConfig.selectedItems;
		this.setState({
		highlightItem: highlightItem,
		cursorItem: cursorItem,
		selectedItems: (selectedItems \|\| []).slice(),
		centerOnCursor: centerOnCursor
		});
		}
		if (config !== nextConfig) {
		const {
		highlightItem,
		cursorItem,
		selectedItems
		} = nextConfig;
		this.setState({
		highlightItem,
		cursorItem,
		selectedItems: (selectedItems \|\| []).slice(),
		centerOnCursor
		});
		}
		}, {
		key: "componentDidMount",
		value: function componentDidMount() {
		// The following code is ResizeObserver Polyfill
		// It is added to the rendered page to track size changes of control placeholder
		// npm install resize-observer-polyfill --save-dev
		require('resize-observer-polyfill/dist/ResizeObserver.global');
		}

		this.observer = new ResizeObserver(this.onSizeChanged);
		this.observer.observe(this.scrollPanelRef.current);
		this.centerOnCursor();
		this.fixPixelAlignment();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		// destroy timer
		clearTimeout(this.timer);
		this.timer = null; // destroy observer
		componentDidMount() {
		// The following code is ResizeObserver Polyfill
		// It is added to the rendered page to track size changes of control placeholder
		// npm install resize-observer-polyfill --save-dev
		require('resize-observer-polyfill/dist/ResizeObserver.global');

		this.observer.disconnect();
		}
		}, {
		key: "componentDidUpdate",
		value: function componentDidUpdate() {
		this.centerOnCursor();
		}
		}, {
		key: "centerOnCursor",
		value: function centerOnCursor() {
		var centerOnCursor = this.state.centerOnCursor;
		this.observer = new ResizeObserver(this.onSizeChanged);
		this.observer.observe(this.scrollPanelRef.current);
		this.centerOnCursor();
		this.fixPixelAlignment();
		}

		if (centerOnCursor) {
		/* scroll to offset */
		var centerOnCursorTask = this.tasks.getTask("CenterOnCursorTask");
		var placeholderOffset = centerOnCursorTask.getPlaceholderOffset();
		var scrollLeft = placeholderOffset.x,
		scrollTop = placeholderOffset.y;
		this.scrollPanelRef.current.scrollLeft = scrollLeft;
		this.scrollPanelRef.current.scrollTop = scrollTop;
		}
		componentWillUnmount() {
		// destroy timer
		clearTimeout(this.timer);
		this.timer = null; // destroy observer

		this.observer.disconnect();
		}

		componentDidUpdate() {
		this.centerOnCursor();
		}

		centerOnCursor() {
		const {
		centerOnCursor
		} = this.state;

		if (centerOnCursor) {
		/* scroll to offset */
		const centerOnCursorTask = this.tasks.getTask("CenterOnCursorTask");
		const placeholderOffset = centerOnCursorTask.getPlaceholderOffset();
		const {
		x: scrollLeft,
		y: scrollTop
		} = placeholderOffset;
		this.scrollPanelRef.current.scrollLeft = scrollLeft;
		this.scrollPanelRef.current.scrollTop = scrollTop;
		}
		}, {
		key: "fixPixelAlignment",
		value: function fixPixelAlignment() {
		var current = this.scrollPanelRef.current;
		}

		var pixelAlignmentFix = _basicprimitives["default"].common.getFixOfPixelALignment(current);
		fixPixelAlignment() {
		const {
		current
		} = this.scrollPanelRef;
		var pixelAlignmentFix = primitives.common.getFixOfPixelALignment(current);
		current.style.marginLeft = pixelAlignmentFix.width + "px";
		current.style.marginTop = pixelAlignmentFix.height + "px";
		}

		current.style.marginLeft = pixelAlignmentFix.width + "px";
		current.style.marginTop = pixelAlignmentFix.height + "px";
		onSizeChanged() {
		const {
		width,
		height
		} = primitives.common.getInnerSize(this.scrollPanelRef.current);
		this.setState({
		viewportSize: {
		width,
		height
		},
		centerOnCursor: true
		});
		}

		onScroll() {
		if (this.timer == null) {
		this.timer = setTimeout(this.onRefreshViewport, 200);
		}
		}, {
		key: "onSizeChanged",
		value: function onSizeChanged() {
		var _primitives$common$ge = _basicprimitives["default"].common.getInnerSize(this.scrollPanelRef.current),
		width = _primitives$common$ge.width,
		height = _primitives$common$ge.height;
		}

		this.setState({
		viewportSize: {
		width: width,
		height: height
		},
		centerOnCursor: true
		});
		}
		}, {
		key: "onScroll",
		value: function onScroll() {
		if (this.timer == null) {
		this.timer = setTimeout(this.onRefreshViewport, 200);
		}
		}
		}, {
		key: "onRefreshViewport",
		value: function onRefreshViewport() {
		clearTimeout(this.timer);
		this.timer = null;
		var _this$scrollPanelRef$ = this.scrollPanelRef.current,
		scrollTop = _this$scrollPanelRef$.scrollTop,
		scrollLeft = _this$scrollPanelRef$.scrollLeft;
		this.setState({
		contentPosition: {
		x: Math.floor(scrollLeft),
		y: Math.floor(scrollTop)
		},
		centerOnCursor: false
		});
		}
		}, {
		key: "onMouseMove",
		value: function onMouseMove(event) {
		var placeholderOffset = _basicprimitives["default"].common.getElementOffset(this.mousePanelRef.current),
		onRefreshViewport() {
		clearTimeout(this.timer);
		this.timer = null;
		const {
		scrollTop,
		scrollLeft
		} = this.scrollPanelRef.current;
		this.setState({
		contentPosition: {
		x: Math.floor(scrollLeft),
		y: Math.floor(scrollTop)
		},
		centerOnCursor: false
		});
		}

		onMouseMove(event) {
		const placeholderOffset = primitives.common.getElementOffset(this.mousePanelRef.current),
		x = event.pageX - placeholderOffset.left,
		@@ -244,63 +197,59 @@ y = event.pageY - placeholderOffset.top,

		if (highlightItemOptionTask.hasHighlightEnabled()) {
		var itemId = createTransformTask.getTreeItemForMousePosition(x, y, highlightItemOptionTask.getGravityRadius());
		this.setHighlightItem(event, itemId);
		}
		if (highlightItemOptionTask.hasHighlightEnabled()) {
		const itemId = createTransformTask.getTreeItemForMousePosition(x, y, highlightItemOptionTask.getGravityRadius());
		this.setHighlightItem(event, itemId);
		}
		}, {
		key: "getEventArgs",
		value: function getEventArgs(oldTreeItemId, newTreeItemId, name) {
		var result = new this.namespace.EventArgs(),
		combinedContextsTask = this.tasks.getTask("CombinedContextsTask"),
		alignDiagramTask = this.tasks.getTask("AlignDiagramTask"),
		oldItemConfig = combinedContextsTask.getConfig(oldTreeItemId),
		newItemConfig = combinedContextsTask.getConfig(newTreeItemId),
		itemPosition,
		offset,
		panelOffset;
		}

		if (oldItemConfig && oldItemConfig.id != null) {
		result.oldContext = oldItemConfig;
		}
		getEventArgs(oldTreeItemId, newTreeItemId, name) {
		var result = new this.namespace.EventArgs(),
		combinedContextsTask = this.tasks.getTask("CombinedContextsTask"),
		alignDiagramTask = this.tasks.getTask("AlignDiagramTask"),
		oldItemConfig = combinedContextsTask.getConfig(oldTreeItemId),
		newItemConfig = combinedContextsTask.getConfig(newTreeItemId),
		itemPosition,
		offset,
		panelOffset;

		if (newItemConfig && newItemConfig.id != null) {
		result.context = newItemConfig;
		if (oldItemConfig && oldItemConfig.id != null) {
		result.oldContext = oldItemConfig;
		}

		if (newItemConfig.parent !== null) {
		result.parentItem = combinedContextsTask.getConfig(newItemConfig.parent);
		}
		if (newItemConfig && newItemConfig.id != null) {
		result.context = newItemConfig;

		panelOffset = _basicprimitives["default"].common.getElementOffset(this.mousePanelRef.current);
		offset = _basicprimitives["default"].common.getElementOffset(this.scrollPanelRef.current);
		itemPosition = alignDiagramTask.getItemPosition(newTreeItemId);
		result.position = new _basicprimitives["default"].common.Rect(itemPosition.actualPosition).translate(panelOffset.left, panelOffset.top).translate(-offset.left, -offset.top);
		if (newItemConfig.parent !== null) {
		result.parentItem = combinedContextsTask.getConfig(newItemConfig.parent);
		}

		if (name != null) {
		result.name = name;
		}
		panelOffset = primitives.common.getElementOffset(this.mousePanelRef.current);
		offset = primitives.common.getElementOffset(this.scrollPanelRef.current);
		itemPosition = alignDiagramTask.getItemPosition(newTreeItemId);
		result.position = new primitives.common.Rect(itemPosition.actualPosition).translate(panelOffset.left, panelOffset.top).translate(-offset.left, -offset.top);
		}

		return result;
		if (name != null) {
		result.name = name;
		}
		}, {
		key: "setHighlightItem",
		value: function setHighlightItem(event, newHighlightItemId) {
		var eventArgs,
		cancel = false;
		var _this$props = this.props,
		onHighlightChanging = _this$props.onHighlightChanging,
		onHighlightChanged = _this$props.onHighlightChanged;
		var highlightItem = this.state.highlightItem;

		if (newHighlightItemId !== highlightItem) {
		eventArgs = this.getEventArgs(highlightItem, newHighlightItemId);
		return result;
		}

		if (onHighlightChanging != null) {
		if (!onHighlightChanging(event, eventArgs)) {
		cancel = true;
		this.setState({
		highlightItem: newHighlightItemId
		});
		}
		} else {
		setHighlightItem(event, newHighlightItemId) {
		let eventArgs,
		cancel = false;
		const {
		onHighlightChanging,
		onHighlightChanged
		} = this.props;
		const {
		highlightItem
		} = this.state;

		if (newHighlightItemId !== highlightItem) {
		eventArgs = this.getEventArgs(highlightItem, newHighlightItemId);

		if (onHighlightChanging != null) {
		if (!onHighlightChanging(event, eventArgs)) {
		cancel = true;
		this.setState({
		@@ -310,34 +259,35 @@ highlightItem: newHighlightItemId
		}
		} else {
		this.setState({
		highlightItem: newHighlightItemId
		});
		}

		;
		;

		if (!cancel) {
		if (onHighlightChanged != null) {
		onHighlightChanged(event, eventArgs);
		}
		if (!cancel) {
		if (onHighlightChanged != null) {
		onHighlightChanged(event, eventArgs);
		}
		}
		}
		}, {
		key: "setCursorItem",
		value: function setCursorItem(event, newCursorItemId) {
		var eventArgs,
		cancel = false;
		var _this$props2 = this.props,
		onCursorChanging = _this$props2.onCursorChanging,
		onCursorChanged = _this$props2.onCursorChanged;
		var cursorItem = this.state.cursorItem;
		}

		if (newCursorItemId !== cursorItem) {
		eventArgs = this.getEventArgs(cursorItem, newCursorItemId);
		setCursorItem(event, newCursorItemId) {
		let eventArgs,
		cancel = false;
		const {
		onCursorChanging,
		onCursorChanged
		} = this.props;
		const {
		cursorItem
		} = this.state;

		if (onCursorChanging != null) {
		if (!onCursorChanging(event, eventArgs)) {
		cancel = true;
		this.setState({
		cursorItem: newCursorItemId,
		centerOnCursor: true
		});
		}
		} else {
		if (newCursorItemId !== cursorItem) {
		eventArgs = this.getEventArgs(cursorItem, newCursorItemId);

		if (onCursorChanging != null) {
		if (!onCursorChanging(event, eventArgs)) {
		cancel = true;
		this.setState({
		@@ -348,353 +298,362 @@ cursorItem: newCursorItemId,
		}
		} else {
		this.setState({
		cursorItem: newCursorItemId,
		centerOnCursor: true
		});
		}

		if (!cancel) {
		if (onCursorChanged != null) {
		onCursorChanged(event, eventArgs);
		}
		if (!cancel) {
		if (onCursorChanged != null) {
		onCursorChanged(event, eventArgs);
		}
		}
		}
		}, {
		key: "onClick",
		value: function onClick(event) {
		var placeholderOffset = _basicprimitives["default"].common.getElementOffset(this.mousePanelRef.current),
		x = event.pageX - placeholderOffset.left,
		y = event.pageY - placeholderOffset.top,
		createTransformTask = this.tasks.getTask("CreateTransformTask"),
		cursorItemOptionTask = this.tasks.getTask("CursorItemOptionTask"),
		highlightItemOptionTask = this.tasks.getTask("HighlightItemOptionTask"),
		newCursorItemId = createTransformTask.getTreeItemForMousePosition(x, y, highlightItemOptionTask.getGravityRadius()),
		target;
		}

		target = event.target;
		onClick(event) {
		var placeholderOffset = primitives.common.getElementOffset(this.mousePanelRef.current),
		x = event.pageX - placeholderOffset.left,
		y = event.pageY - placeholderOffset.top,
		createTransformTask = this.tasks.getTask("CreateTransformTask"),
		cursorItemOptionTask = this.tasks.getTask("CursorItemOptionTask"),
		highlightItemOptionTask = this.tasks.getTask("HighlightItemOptionTask"),
		newCursorItemId = createTransformTask.getTreeItemForMousePosition(x, y, highlightItemOptionTask.getGravityRadius()),
		target;
		target = event.target;

		if (newCursorItemId !== null) {
		if (target.getAttribute("name") === "checkbox" \|\| target.getAttribute("name") === "selectiontext") {//ignore jslint
		} else {
		if (cursorItemOptionTask.hasCursorEnabled()) {
		this.setCursorItem(event, newCursorItemId);
		this.scrollPanelRef.current.focus();
		}
		if (newCursorItemId !== null) {
		if (target.getAttribute("name") === "checkbox" \|\| target.getAttribute("name") === "selectiontext") {//ignore jslint
		} else {
		if (cursorItemOptionTask.hasCursorEnabled()) {
		this.setCursorItem(event, newCursorItemId);
		this.scrollPanelRef.current.focus();
		}
		}
		}
		}, {
		key: "onCheckboxChange",
		value: function onCheckboxChange(event) {
		var _this$props3 = this.props,
		onSelectionChanging = _this$props3.onSelectionChanging,
		onSelectionChanged = _this$props3.onSelectionChanged;
		var selectedItems = this.state.selectedItems;
		var newSelectedItems = [];
		var target = event.target;
		var itemid = target.getAttribute("data-id");
		var checked = event.target.checked;
		var cancel = false;
		}

		if (itemid != null) {
		if (checked) {
		newSelectedItems = [].concat(_toConsumableArray(selectedItems), [itemid]);
		} else {
		// eslint-disable-next-line
		newSelectedItems = selectedItems.filter(function (id) {
		return id != itemid;
		}); // User type may not mach string value in data attribute
		}
		onCheckboxChange(event) {
		const {
		onSelectionChanging,
		onSelectionChanged
		} = this.props;
		let {
		selectedItems
		} = this.state;
		let newSelectedItems = [];
		const {
		target
		} = event;
		var itemid = target.getAttribute("data-id");
		const checked = event.target.checked;
		let cancel = false;

		if (onSelectionChanging != null) {
		cancel = onSelectionChanging(event, selectedItems, newSelectedItems);
		}
		if (itemid != null) {
		if (checked) {
		newSelectedItems = [...selectedItems, itemid];
		} else {
		// eslint-disable-next-line
		newSelectedItems = selectedItems.filter(id => id != itemid); // User type may not mach string value in data attribute
		}

		if (!cancel) {
		this.setState({
		selectedItems: newSelectedItems
		});
		if (onSelectionChanging != null) {
		cancel = onSelectionChanging(event, selectedItems, newSelectedItems);
		}

		if (onSelectionChanged != null) {
		onSelectionChanged(event, selectedItems, newSelectedItems);
		}
		if (!cancel) {
		this.setState({
		selectedItems: newSelectedItems
		});

		if (onSelectionChanged != null) {
		onSelectionChanged(event, selectedItems, newSelectedItems);
		}
		}
		}
		}, {
		key: "onKeyDown",
		value: function onKeyDown(event) {
		var highlightItemTask = this.tasks.getTask("HighlightItemTask"),
		highlightItemOptionTask = this.tasks.getTask("HighlightItemOptionTask"),
		cursorItemTask = this.tasks.getTask("CursorItemTask"),
		cursorItemOptionTask = this.tasks.getTask("CursorItemOptionTask"),
		alignDiagramTask = this.tasks.getTask('AlignDiagramTask'),
		createTransformTask = this.tasks.getTask('CreateTransformTask'),
		transform = createTransformTask.getTransform(),
		navigationItem = null,
		newNavigationItem,
		direction = null,
		accepted;
		}

		if (highlightItemOptionTask.hasHighlightEnabled() && cursorItemOptionTask.hasCursorEnabled()) {
		navigationItem = highlightItemTask.getHighlightTreeItem();
		onKeyDown(event) {
		var highlightItemTask = this.tasks.getTask("HighlightItemTask"),
		highlightItemOptionTask = this.tasks.getTask("HighlightItemOptionTask"),
		cursorItemTask = this.tasks.getTask("CursorItemTask"),
		cursorItemOptionTask = this.tasks.getTask("CursorItemOptionTask"),
		alignDiagramTask = this.tasks.getTask('AlignDiagramTask'),
		createTransformTask = this.tasks.getTask('CreateTransformTask'),
		transform = createTransformTask.getTransform(),
		navigationItem = null,
		newNavigationItem,
		direction = null,
		accepted;

		if (navigationItem === null) {
		navigationItem = cursorItemTask.getCursorTreeItem();
		}
		} else if (highlightItemOptionTask.hasHighlightEnabled()) {
		navigationItem = highlightItemTask.getHighlightTreeItem();
		} else if (cursorItemOptionTask.hasCursorEnabled()) {
		if (highlightItemOptionTask.hasHighlightEnabled() && cursorItemOptionTask.hasCursorEnabled()) {
		navigationItem = highlightItemTask.getHighlightTreeItem();

		if (navigationItem === null) {
		navigationItem = cursorItemTask.getCursorTreeItem();
		}
		} else if (highlightItemOptionTask.hasHighlightEnabled()) {
		navigationItem = highlightItemTask.getHighlightTreeItem();
		} else if (cursorItemOptionTask.hasCursorEnabled()) {
		navigationItem = cursorItemTask.getCursorTreeItem();
		}

		if (navigationItem != null) {
		switch (event.which) {
		case 13:
		/Enter/
		if (cursorItemOptionTask.hasCursorEnabled()) {
		this.setCursorItem(event, navigationItem);
		event.preventDefault();
		this.scrollPanelRef.current.focus();
		}
		if (navigationItem != null) {
		switch (event.which) {
		case 13:
		/Enter/
		if (cursorItemOptionTask.hasCursorEnabled()) {
		this.setCursorItem(event, navigationItem);
		event.preventDefault();
		this.scrollPanelRef.current.focus();
		}

		break;
		break;

		case 40:
		/Down/
		direction = _basicprimitives["default"].common.OrientationType.Bottom;
		break;
		case 40:
		/Down/
		direction = primitives.common.OrientationType.Bottom;
		break;

		case 38:
		/Up/
		direction = _basicprimitives["default"].common.OrientationType.Top;
		break;
		case 38:
		/Up/
		direction = primitives.common.OrientationType.Top;
		break;

		case 37:
		/Left/
		direction = _basicprimitives["default"].common.OrientationType.Left;
		break;
		case 37:
		/Left/
		direction = primitives.common.OrientationType.Left;
		break;

		case 39:
		/Right/
		direction = _basicprimitives["default"].common.OrientationType.Right;
		break;
		case 39:
		/Right/
		direction = primitives.common.OrientationType.Right;
		break;

		default:
		break;
		}
		default:
		break;
		}

		if (direction != null) {
		accepted = false;
		if (direction != null) {
		accepted = false;

		while (!accepted) {
		accepted = true;
		direction = transform.getOrientation(direction);
		newNavigationItem = alignDiagramTask.getNextItem(navigationItem, direction);
		while (!accepted) {
		accepted = true;
		direction = transform.getOrientation(direction);
		newNavigationItem = alignDiagramTask.getNextItem(navigationItem, direction);

		if (newNavigationItem != null) {
		event.preventDefault();
		if (newNavigationItem != null) {
		event.preventDefault();

		if (highlightItemOptionTask.hasHighlightEnabled()) {
		this.setHighlightItem(event, newNavigationItem);
		} else if (cursorItemOptionTask.hasCursorEnabled()) {
		this.setCursorItem(event, newNavigationItem);
		}
		if (highlightItemOptionTask.hasHighlightEnabled()) {
		this.setHighlightItem(event, newNavigationItem);
		} else if (cursorItemOptionTask.hasCursorEnabled()) {
		this.setCursorItem(event, newNavigationItem);
		}
		}
		}

		this.scrollPanelRef.current.focus();
		}
		this.scrollPanelRef.current.focus();
		}
		}
		}, {
		key: "onItemRender",
		value: function onItemRender(data) {
		var templateName = data.templateName;
		var template = this.templatesHash[templateName];
		return template.onItemRender(data);
		}
		}, {
		key: "onHighlightRender",
		value: function onHighlightRender(data) {
		var templateName = data.templateName;
		var template = this.templatesHash[templateName];
		return template.onHighlightRender(data);
		}
		}, {
		key: "onCursorRender",
		value: function onCursorRender(data) {
		var templateName = data.templateName;
		var template = this.templatesHash[templateName];
		return template.onCursorRender(data);
		}
		}, {
		key: "getOptions",
		value: function getOptions() {
		var config = this.props.config;
		var templates = config.templates \|\| [];
		var effectiveTemplates = templates.map(function (template) {
		var onItemRender = template.onItemRender,
		onHighlightRender = template.onHighlightRender,
		onCursorRender = template.onCursorRender;
		return _objectSpread({}, template, {
		itemTemplate: !onItemRender ? null : "<p>This template is not being used in React</p>",
		highlightTemplate: !onHighlightRender ? null : "<p>This template is not being used in React</p>",
		cursorTemplate: !onCursorRender ? null : "<p>This template is not being used in React</p>"
		});
		});
		this.templatesHash = templates.reduce(function (agg, template) {
		var name = template.name;
		agg[name] = template;
		return agg;
		}, {});
		var _this$state = this.state,
		highlightItem = _this$state.highlightItem,
		cursorItem = _this$state.cursorItem,
		selectedItems = _this$state.selectedItems;
		return _objectSpread({}, config, {
		templates: effectiveTemplates,
		highlightItem: highlightItem,
		cursorItem: cursorItem,
		selectedItems: selectedItems,
		onItemRender: this.onItemRender,
		onCursorRender: this.onCursorRender,
		onHighlightRender: this.onHighlightRender
		});
		}
		}, {
		key: "getGraphics",
		value: function getGraphics() {
		return this.graphics;
		}
		}, {
		key: "getLayout",
		value: function getLayout() {
		var _this$state2 = this.state,
		centerOnCursor = _this$state2.centerOnCursor,
		viewportSize = _this$state2.viewportSize,
		contentPosition = _this$state2.contentPosition;
		return {
		forceCenterOnCursor: centerOnCursor,
		scrollPanelSize: viewportSize,
		placeholderOffset: contentPosition
		};
		}
		}, {
		key: "setLayout",
		value: function setLayout(layoutOptions) {
		var autoSize = layoutOptions.autoSize,
		scale = layoutOptions.scale,
		contentSize = layoutOptions.contentSize,
		scrollPanelSize = layoutOptions.scrollPanelSize,
		autoSizeMinimum = layoutOptions.autoSizeMinimum,
		autoSizeMaximum = layoutOptions.autoSizeMaximum;
		/* set size of panel with content */
		}

		var mousePanelSize = new _basicprimitives["default"].common.Size(contentSize);
		mousePanelSize.scale(1 * scale);
		var scrollPanelAutoSize = new _basicprimitives["default"].common.Size(scrollPanelSize);
		onItemRender(data) {
		const {
		templateName
		} = data;
		const template = this.templatesHash[templateName];
		return template.onItemRender(data);
		}

		if (autoSize) {
		/* resize element to fit placeholder if control in autosize mode */
		scrollPanelAutoSize = new _basicprimitives["default"].common.Size(mousePanelSize.width + 25, mousePanelSize.height + 25);
		scrollPanelAutoSize.cropBySize(autoSizeMaximum);
		scrollPanelAutoSize.addSize(autoSizeMinimum); //ignore jslint
		}
		onHighlightRender(data) {
		const {
		templateName
		} = data;
		const template = this.templatesHash[templateName];
		return template.onHighlightRender(data);
		}

		this.layoutOptions = {
		autoSize: autoSize,
		scrollPanelSize: scrollPanelAutoSize,
		mousePanelSize: mousePanelSize,
		scale: scale
		onCursorRender(data) {
		const {
		templateName
		} = data;
		const template = this.templatesHash[templateName];
		return template.onCursorRender(data);
		}

		getOptions() {
		const {
		config
		} = this.props;
		const templates = config.templates \|\| [];
		const effectiveTemplates = templates.map(template => {
		const {
		onItemRender,
		onHighlightRender,
		onCursorRender
		} = template;
		return { ...template,
		itemTemplate: !onItemRender ? null : "<p>This template is not being used in React</p>",
		highlightTemplate: !onHighlightRender ? null : "<p>This template is not being used in React</p>",
		cursorTemplate: !onCursorRender ? null : "<p>This template is not being used in React</p>"
		};
		return scrollPanelAutoSize;
		}
		}, {
		key: "render",
		value: function render() {
		var graphics = this.graphics;
		this.tasks.process('OptionsTask', null, false);
		var _this$graphics$placeh = this.graphics.placeholders,
		placeholder = _this$graphics$placeh.placeholder,
		calloutplaceholder = _this$graphics$placeh.calloutplaceholder;
		var placeholderRectCSS = placeholder.rect.getCSS();
		var _this$layoutOptions = this.layoutOptions,
		autoSize = _this$layoutOptions.autoSize,
		scale = _this$layoutOptions.scale,
		scrollPanelSize = _this$layoutOptions.scrollPanelSize,
		mousePanelSize = _this$layoutOptions.mousePanelSize;
		/* set CSS scale of content */
		});
		this.templatesHash = templates.reduce((agg, template) => {
		const {
		name
		} = template;
		agg[name] = template;
		return agg;
		}, {});
		const {
		highlightItem,
		cursorItem,
		selectedItems
		} = this.state;
		return { ...config,
		templates: effectiveTemplates,
		highlightItem,
		cursorItem,
		selectedItems,
		onItemRender: this.onItemRender,
		onCursorRender: this.onCursorRender,
		onHighlightRender: this.onHighlightRender
		};
		}

		var scaletext = "scale(" + scale + "," + scale + ")";
		return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("div", {
		ref: this.scrollPanelRef,
		className: "BPScrollPanel",
		onScroll: this.onScroll,
		onKeyDown: this.onKeyDown,
		style: autoSize ? scrollPanelSize.getCSS() : {},
		tabIndex: "0"
		}, _react["default"].createElement("div", {
		ref: this.mousePanelRef,
		className: "BPMousePanel",
		onMouseMove: this.onMouseMove,
		onClick: this.onClick,
		onChange: this.onCheckboxChange,
		style: mousePanelSize.getCSS()
		}, _react["default"].createElement("div", {
		ref: this.placeholderRef,
		className: "BPPlaceholderPanel",
		style: _objectSpread({}, placeholderRectCSS, {
		"transformOrigin": "0 0",
		"transform": scaletext,
		"msTransform": scaletext,
		getGraphics() {
		return this.graphics;
		}

		/* IE 9 */
		"WebkitTransform": scaletext,
		getLayout() {
		const {
		centerOnCursor,
		viewportSize,
		contentPosition
		} = this.state;
		return {
		forceCenterOnCursor: centerOnCursor,
		scrollPanelSize: viewportSize,
		placeholderOffset: contentPosition
		};
		}

		/* Safari and Chrome */
		"OTransform": scaletext,
		setLayout(layoutOptions) {
		const {
		autoSize,
		scale,
		contentSize,
		scrollPanelSize,
		autoSizeMinimum,
		autoSizeMaximum
		} = layoutOptions;
		/* set size of panel with content */

		/* Opera */
		"MozTransform": scaletext
		/* Firefox */
		let mousePanelSize = new primitives.common.Size(contentSize);
		mousePanelSize.scale(1 * scale);
		let scrollPanelAutoSize = new primitives.common.Size(scrollPanelSize);

		})
		}, graphics.map(this, "placeholder", function (layerKey, elements) {
		return _react["default"].createElement("div", {
		key: layerKey,
		className: "BPLayerPanel",
		style: {
		left: "0px",
		top: "0px"
		}
		}, elements);
		}), calloutplaceholder && _react["default"].createElement("div", {
		key: "Callout",
		className: "BPCalloutPlaceholderPanel",
		style: {
		left: calloutplaceholder.rect.x + "px",
		top: calloutplaceholder.rect.y + "px"
		}
		}, graphics.map(this, "calloutplaceholder", function (layerKey, elements) {
		return _react["default"].createElement("div", {
		key: layerKey,
		className: "BPLayerPanel"
		}, elements);
		}))))));
		if (autoSize) {
		/* resize element to fit placeholder if control in autosize mode */
		scrollPanelAutoSize = new primitives.common.Size(mousePanelSize.width + 25, mousePanelSize.height + 25);
		scrollPanelAutoSize.cropBySize(autoSizeMaximum);
		scrollPanelAutoSize.addSize(autoSizeMinimum); //ignore jslint
		}
		}]);

		return BaseDiagram;
		}(_react.Component);
		this.layoutOptions = {
		autoSize,
		scrollPanelSize: scrollPanelAutoSize,
		mousePanelSize,
		scale
		};
		return scrollPanelAutoSize;
		}

		render() {
		const graphics = this.graphics;
		this.tasks.process('OptionsTask', null, false);
		const {
		placeholder,
		calloutplaceholder
		} = this.graphics.placeholders;
		const placeholderRectCSS = placeholder.rect.getCSS();
		const {
		autoSize,
		scale,
		scrollPanelSize,
		mousePanelSize
		} = this.layoutOptions;
		/* set CSS scale of content */

		var scaletext = "scale(" + scale + "," + scale + ")";
		return React.createElement(React.Fragment, null, React.createElement("div", {
		ref: this.scrollPanelRef,
		className: "BPScrollPanel",
		onScroll: this.onScroll,
		onKeyDown: this.onKeyDown,
		style: autoSize ? scrollPanelSize.getCSS() : {},
		tabIndex: "0"
		}, React.createElement("div", {
		ref: this.mousePanelRef,
		className: "BPMousePanel",
		onMouseMove: this.onMouseMove,
		onClick: this.onClick,
		onChange: this.onCheckboxChange,
		style: mousePanelSize.getCSS()
		}, React.createElement("div", {
		ref: this.placeholderRef,
		className: "BPPlaceholderPanel",
		style: { ...placeholderRectCSS,
		"transformOrigin": "0 0",
		"transform": scaletext,
		"msTransform": scaletext,

		/* IE 9 */
		"WebkitTransform": scaletext,

		/* Safari and Chrome */
		"OTransform": scaletext,

		/* Opera */
		"MozTransform": scaletext
		/* Firefox */

		}
		}, graphics.map(this, "placeholder", (layerKey, elements) => React.createElement("div", {
		key: layerKey,
		className: "BPLayerPanel",
		style: {
		left: "0px",
		top: "0px"
		}
		}, elements)), calloutplaceholder && React.createElement("div", {
		key: "Callout",
		className: "BPCalloutPlaceholderPanel",
		style: {
		left: calloutplaceholder.rect.x + "px",
		top: calloutplaceholder.rect.y + "px"
		}
		}, graphics.map(this, "calloutplaceholder", (layerKey, elements) => React.createElement("div", {
		key: layerKey,
		className: "BPLayerPanel"
		}, elements)))))));
		}

		}

		_defineProperty(BaseDiagram, "propTypes", {
		centerOnCursor: _propTypes["default"].bool,
		centerOnCursor: PropTypes.bool,
		// eslint-disable-line react/no-unused-prop-types
		onHighlightChanging: _propTypes["default"].func,
		onHighlightChanging: PropTypes.func,
		// eslint-disable-line react/no-unused-prop-types
		onHighlightChanged: _propTypes["default"].func,
		onHighlightChanged: PropTypes.func,
		// eslint-disable-line react/no-unused-prop-types
		onCursorChanging: _propTypes["default"].func,
		onCursorChanging: PropTypes.func,
		// eslint-disable-line react/no-unused-prop-types
		onCursorChanged: _propTypes["default"].func,
		onCursorChanged: PropTypes.func,
		// eslint-disable-line react/no-unused-prop-types
		onSelectionChanging: _propTypes["default"].func,
		onSelectionChanging: PropTypes.func,
		// eslint-disable-line react/no-unused-prop-types
		onSelectionChanged: _propTypes["default"].func // eslint-disable-line react/no-unused-prop-types
		onSelectionChanged: PropTypes.func // eslint-disable-line react/no-unused-prop-types

		@@ -713,3 +672,2 @@ });

		var _default = BaseDiagram;
		exports["default"] = _default;
		export default BaseDiagram;

dist/FamDiagram.js

		@@ -1,52 +0,19 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		var _BaseDiagram2 = _interopRequireDefault(require("./BaseDiagram"));

		var _FamDiagramConfig = _interopRequireDefault(require("./Schemas/FamDiagramConfig"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var FamDiagram =
		/#__PURE__/
		function (_BaseDiagram) {
		_inherits(FamDiagram, _BaseDiagram);
		import primitives from 'basicprimitives';
		import BaseDiagram from './BaseDiagram';
		import FamDiagramConfig from './Schemas/FamDiagramConfig';

		function FamDiagram(props) {
		_classCallCheck(this, FamDiagram);

		return _possibleConstructorReturn(this, _getPrototypeOf(FamDiagram).call(this, props, _basicprimitives["default"].famdiagram));
		class FamDiagram extends BaseDiagram {
		constructor(props) {
		super(props, primitives.famdiagram);
		}

		return FamDiagram;
		}(_BaseDiagram2["default"]);
		}

		_defineProperty(FamDiagram, "propTypes", {
		config: _FamDiagramConfig["default"].isRequired // eslint-disable-line react/no-unused-prop-types
		config: FamDiagramConfig.isRequired // eslint-disable-line react/no-unused-prop-types

		});

		var _default = FamDiagram;
		exports["default"] = _default;
		export default FamDiagram;

583

dist/Graphics.js

		@@ -1,48 +0,22 @@
		"use strict";
		import React from 'react';
		import primitives from 'basicprimitives';
		import RotatedText from './Templates/RotatedText';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;
		class Placeholder {
		constructor(name) {
		this.name = name;
		this.layers = {};
		this.activeLayer = null;
		this.size = null;
		this.rect = null;
		this.hasGraphics = true;
		this.isVisible = true;
		}

		var _react = _interopRequireDefault(require("react"));
		}

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		var _RotatedText = _interopRequireDefault(require("./Templates/RotatedText"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

		function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		var Placeholder = function Placeholder(name) {
		_classCallCheck(this, Placeholder);

		this.name = name;
		this.layers = {};
		this.activeLayer = null;
		this.size = null;
		this.rect = null;
		this.hasGraphics = true;
		this.isVisible = true;
		};

		;

		var Layer =
		/#__PURE__/
		function () {
		function Layer(name) {
		_classCallCheck(this, Layer);

		class Layer {
		constructor(name) {
		this.name = name;
		@@ -53,21 +27,13 @@ this.items = [];

		_createClass(Layer, [{
		key: "reset",
		value: function reset() {
		this.items = [];
		this.polylines = [];
		}
		}]);
		reset() {
		this.items = [];
		this.polylines = [];
		}

		return Layer;
		}();
		}

		;

		var Graphics =
		/#__PURE__/
		function () {
		function Graphics(size) {
		_classCallCheck(this, Graphics);

		class Graphics {
		constructor(size) {
		this.placeholders = {};
		@@ -77,4 +43,4 @@ this.activePlaceholder = null;
		this.hasGraphics = true;
		this.names = Object.keys(_basicprimitives["default"].common.Layers).reduce(function (agg, key) {
		agg[_basicprimitives["default"].common.Layers[key]] = key;
		this.names = Object.keys(primitives.common.Layers).reduce((agg, key) => {
		agg[primitives.common.Layers[key]] = key;
		return agg;
		@@ -87,311 +53,292 @@ }, []);

		_createClass(Graphics, [{
		key: "clean",
		value: function clean() {
		this.placeholders = {};
		this.activePlaceholder = null;
		}
		}, {
		key: "resize",
		value: function resize(name, width, height) {
		this.activatePlaceholder(name);
		this.resizePlaceholder(this.activePlaceholder, 0, 0, width, height);
		}
		}, {
		key: "position",
		value: function position(name, left, top, width, height) {
		this.activatePlaceholder(name);
		this.resizePlaceholder(this.activePlaceholder, left, top, width, height);
		}
		}, {
		key: "show",
		value: function show(name) {
		var placeholder = this.placeholders[name];
		clean() {
		this.placeholders = {};
		this.activePlaceholder = null;
		}

		if (placeholder != null) {
		placeholder.isVisible = true;
		}
		resize(name, width, height) {
		this.activatePlaceholder(name);
		this.resizePlaceholder(this.activePlaceholder, 0, 0, width, height);
		}

		position(name, left, top, width, height) {
		this.activatePlaceholder(name);
		this.resizePlaceholder(this.activePlaceholder, left, top, width, height);
		}

		show(name) {
		var placeholder = this.placeholders[name];

		if (placeholder != null) {
		placeholder.isVisible = true;
		}
		}, {
		key: "hide",
		value: function hide(name) {
		var placeholder = this.placeholders[name];
		}

		if (placeholder != null) {
		placeholder.isVisible = false;
		}
		hide(name) {
		var placeholder = this.placeholders[name];

		if (placeholder != null) {
		placeholder.isVisible = false;
		}
		}, {
		key: "resizePlaceholder",
		value: function resizePlaceholder(placeholder, left, top, width, height) {
		placeholder.size = new _basicprimitives["default"].common.Size(width, height);
		placeholder.rect = new _basicprimitives["default"].common.Rect(left, top, width, height);
		}
		}, {
		key: "reset",
		value: function reset(placeholderName, layerKey) {
		var layerName = this.names[layerKey];
		var placeholder = this.placeholders[placeholderName];
		}

		if (placeholder != null) {
		var layer = placeholder.layers[layerName];
		resizePlaceholder(placeholder, left, top, width, height) {
		placeholder.size = new primitives.common.Size(width, height);
		placeholder.rect = new primitives.common.Rect(left, top, width, height);
		}

		if (layer != null) {
		layer.reset();
		}
		reset(placeholderName, layerKey) {
		const layerName = this.names[layerKey];
		const placeholder = this.placeholders[placeholderName];

		if (placeholder != null) {
		const layer = placeholder.layers[layerName];

		if (layer != null) {
		layer.reset();
		}
		}
		}, {
		key: "activate",
		value: function activate(placeholderName, layerKey) {
		this.activatePlaceholder(placeholderName);
		this.activateLayer(layerKey);
		return this.activePlaceholder;
		}
		}, {
		key: "activatePlaceholder",
		value: function activatePlaceholder(name) {
		var placeholder = this.placeholders[name];
		}

		if (placeholder === undefined) {
		placeholder = new Placeholder(name);
		placeholder.size = this.size;
		placeholder.rect = new _basicprimitives["default"].common.Rect(0, 0, placeholder.size.width, placeholder.size.height);
		this.placeholders[name] = placeholder;
		}
		activate(placeholderName, layerKey) {
		this.activatePlaceholder(placeholderName);
		this.activateLayer(layerKey);
		return this.activePlaceholder;
		}

		this.activePlaceholder = placeholder;
		activatePlaceholder(name) {
		let placeholder = this.placeholders[name];

		if (placeholder === undefined) {
		placeholder = new Placeholder(name);
		placeholder.size = this.size;
		placeholder.rect = new primitives.common.Rect(0, 0, placeholder.size.width, placeholder.size.height);
		this.placeholders[name] = placeholder;
		}
		}, {
		key: "activateLayer",
		value: function activateLayer(value) {
		var name = this.names[value];
		var layer = this.activePlaceholder.layers[name];

		if (layer === undefined) {
		layer = new Layer(name);
		this.activePlaceholder.layers[name] = layer;
		}
		this.activePlaceholder = placeholder;
		}

		this.activePlaceholder.activeLayer = layer;
		activateLayer(value) {
		const name = this.names[value];
		let layer = this.activePlaceholder.layers[name];

		if (layer === undefined) {
		layer = new Layer(name);
		this.activePlaceholder.layers[name] = layer;
		}
		}, {
		key: "map",
		value: function map(thisArg, placeholderName, onLayer) {
		var result = [];

		if (onLayer != null) {
		var placeholder = this.placeholders[placeholderName];
		this.names.forEach(function (layerKey) {
		var layer = placeholder.layers[layerKey];
		this.activePlaceholder.activeLayer = layer;
		}

		if (layer != null) {
		result.push(onLayer.call(thisArg, layerKey, _react["default"].createElement(_react["default"].Fragment, null, layer.polylines.length > 0 ? _react["default"].createElement("svg", {
		height: placeholder.size.height,
		width: placeholder.size.width
		}, layer.polylines) : null, layer.items)));
		}
		});
		}
		map(thisArg, placeholderName, onLayer) {
		var result = [];

		return result;
		}
		}, {
		key: "text",
		value: function text(x, y, width, height, label, orientation, horizontalAlignment, verticalAlignment, attr) {
		this.activePlaceholder.activeLayer.items.push(_react["default"].createElement("div", {
		className: "BPItemPlaceholder",
		key: this.activePlaceholder.activeLayer.items.length,
		style: _objectSpread({}, attr, {
		top: y + "px",
		left: x + "px"
		})
		}, _react["default"].createElement(_RotatedText["default"], {
		width: width,
		height: height,
		orientation: this.orientations[orientation],
		horizontalAlignment: this.horizontalAlignments[horizontalAlignment],
		verticalAlignment: this.verticalAlignments[verticalAlignment]
		}, label)));
		}
		}, {
		key: "polylinesBuffer",
		value: function polylinesBuffer(buffer) {
		buffer.loop(this, function (polyline) {
		if (polyline.length() > 0) {
		this.polyline(polyline);
		if (onLayer != null) {
		const placeholder = this.placeholders[placeholderName];
		this.names.forEach(layerKey => {
		const layer = placeholder.layers[layerKey];

		if (layer != null) {
		result.push(onLayer.call(thisArg, layerKey, React.createElement(React.Fragment, null, layer.polylines.length > 0 ? React.createElement("svg", {
		height: placeholder.size.height,
		width: placeholder.size.width
		}, layer.polylines) : null, layer.items)));
		}
		});
		}
		}, {
		key: "polyline",
		value: function polyline(polylineData) {
		var data,
		attr = polylineData.paletteItem.toAttr(),
		step,
		radius,
		cornerRadius,
		style = {}; //polyline = new primitives.common.Element(this._svgxmlns, "path");

		if (attr.fillColor !== undefined) {
		style.fill = attr.fillColor;
		style.fillOpacity = attr.opacity;
		} else {
		style.fillOpacity = 0;
		return result;
		}

		text(x, y, width, height, label, orientation, horizontalAlignment, verticalAlignment, attr) {
		this.activePlaceholder.activeLayer.items.push(React.createElement("div", {
		className: "BPItemPlaceholder",
		key: this.activePlaceholder.activeLayer.items.length,
		style: { ...attr,
		top: y + "px",
		left: x + "px"
		}
		}, React.createElement(RotatedText, {
		width: width,
		height: height,
		orientation: this.orientations[orientation],
		horizontalAlignment: this.horizontalAlignments[horizontalAlignment],
		verticalAlignment: this.verticalAlignments[verticalAlignment]
		}, label)));
		}

		if (attr.lineWidth !== undefined && attr.borderColor !== undefined) {
		style.stroke = attr.borderColor;
		style.strokeWidth = attr.lineWidth;
		polylinesBuffer(buffer) {
		buffer.loop(this, function (polyline) {
		if (polyline.length() > 0) {
		this.polyline(polyline);
		}
		});
		}

		if (attr.opacity !== undefined) {
		style.strokeOpacity = attr.opacity;
		} else {
		style.strokeOpacity = 1;
		}
		polyline(polylineData) {
		var data,
		attr = polylineData.paletteItem.toAttr(),
		step,
		radius,
		cornerRadius,
		style = {}; //polyline = new primitives.common.Element(this._svgxmlns, "path");

		if (attr.fillColor !== undefined) {
		style.fill = attr.fillColor;
		style.fillOpacity = attr.opacity;
		} else {
		style.fillOpacity = 0;
		}

		if (attr.lineWidth !== undefined && attr.borderColor !== undefined) {
		style.stroke = attr.borderColor;
		style.strokeWidth = attr.lineWidth;

		if (attr.opacity !== undefined) {
		style.strokeOpacity = attr.opacity;
		} else {
		style.stroke = "transparent";
		style.strokeWidth = 0;
		style.strokeOpacity = 1;
		}
		} else {
		style.stroke = "transparent";
		style.strokeWidth = 0;
		}

		if (attr.lineType != null) {
		step = Math.round(attr.lineWidth) \|\| 1;
		if (attr.lineType != null) {
		step = Math.round(attr.lineWidth) \|\| 1;

		switch (attr.lineType) {
		case _basicprimitives["default"].common.LineType.Dotted:
		style.strokeDasharray = step + "," + step;
		break;
		switch (attr.lineType) {
		case primitives.common.LineType.Dotted:
		style.strokeDasharray = step + "," + step;
		break;

		case _basicprimitives["default"].common.LineType.Dashed:
		style.strokeDasharray = step * 5 + "," + step * 3;
		break;
		case primitives.common.LineType.Dashed:
		style.strokeDasharray = step * 5 + "," + step * 3;
		break;

		case _basicprimitives["default"].common.LineType.Solid:
		default:
		style.strokeDasharray = "";
		break;
		}
		case primitives.common.LineType.Solid:
		default:
		style.strokeDasharray = "";
		break;
		}
		}

		data = "";
		polylineData.loop(this, function (segment) {
		switch (segment.segmentType) {
		case _basicprimitives["default"].common.SegmentType.Move:
		data = "";
		polylineData.loop(this, function (segment) {
		switch (segment.segmentType) {
		case primitives.common.SegmentType.Move:
		data += "M" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		break;

		case primitives.common.SegmentType.Line:
		data += "L" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		break;

		case primitives.common.SegmentType.QuadraticArc:
		data += "Q" + (Math.round(segment.cpX) + 0.5) + " " + (Math.round(segment.cpY) + 0.5) + " " + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		break;

		case primitives.common.SegmentType.Dot:
		// A rx, ry, x-axis-rotation, large-arc-flag, sweep-flag, x, y
		if (segment.width === segment.height && segment.width / 2.0 <= segment.cornerRadius) {
		// dot
		radius = segment.width / 2.0;
		data += "M" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + segment.height / 2.0 + 0.5);
		data += "A" + radius + " " + radius + " 0 0 0 " + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y) + segment.height / 2.0 + 0.5);
		data += "A" + radius + " " + radius + " 0 0 0 " + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + segment.height / 2.0 + 0.5);
		} else if (segment.cornerRadius === 0) {
		// square
		data += "M" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		break;

		case _basicprimitives["default"].common.SegmentType.Line:
		data += "L" + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		data += "L" + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y + segment.height) + 0.5);
		data += "L" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y + segment.height) + 0.5);
		data += "L" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		break;
		} else {
		cornerRadius = Math.min(segment.cornerRadius, Math.min(segment.width / 2.0, segment.height / 2.0));
		data += "M" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y + cornerRadius) + 0.5);
		data += "A" + Math.round(cornerRadius) + " " + Math.round(cornerRadius) + " 0 0 1 " + (Math.round(segment.x + cornerRadius) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		data += "L" + (Math.round(segment.x + segment.width - cornerRadius) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		data += "A" + Math.round(cornerRadius) + " " + Math.round(cornerRadius) + " 0 0 1 " + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y + cornerRadius) + 0.5);
		data += "L" + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y + segment.height - cornerRadius) + 0.5);
		data += "A" + Math.round(cornerRadius) + " " + Math.round(cornerRadius) + " 0 0 1 " + (Math.round(segment.x + segment.width - cornerRadius) + 0.5) + " " + (Math.round(segment.y + segment.height) + 0.5);
		data += "L" + (Math.round(segment.x + cornerRadius) + 0.5) + " " + (Math.round(segment.y + segment.height) + 0.5);
		data += "A" + Math.round(cornerRadius) + " " + Math.round(cornerRadius) + " 0 0 1 " + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y + segment.height - cornerRadius) + 0.5);
		data += "L" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y + cornerRadius) + 0.5);
		}

		case _basicprimitives["default"].common.SegmentType.QuadraticArc:
		data += "Q" + (Math.round(segment.cpX) + 0.5) + " " + (Math.round(segment.cpY) + 0.5) + " " + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		break;
		break;

		case _basicprimitives["default"].common.SegmentType.Dot:
		// A rx, ry, x-axis-rotation, large-arc-flag, sweep-flag, x, y
		if (segment.width === segment.height && segment.width / 2.0 <= segment.cornerRadius) {
		// dot
		radius = segment.width / 2.0;
		data += "M" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + segment.height / 2.0 + 0.5);
		data += "A" + radius + " " + radius + " 0 0 0 " + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y) + segment.height / 2.0 + 0.5);
		data += "A" + radius + " " + radius + " 0 0 0 " + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + segment.height / 2.0 + 0.5);
		} else if (segment.cornerRadius === 0) {
		// square
		data += "M" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		data += "L" + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		data += "L" + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y + segment.height) + 0.5);
		data += "L" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y + segment.height) + 0.5);
		data += "L" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		} else {
		cornerRadius = Math.min(segment.cornerRadius, Math.min(segment.width / 2.0, segment.height / 2.0));
		data += "M" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y + cornerRadius) + 0.5);
		data += "A" + Math.round(cornerRadius) + " " + Math.round(cornerRadius) + " 0 0 1 " + (Math.round(segment.x + cornerRadius) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		data += "L" + (Math.round(segment.x + segment.width - cornerRadius) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		data += "A" + Math.round(cornerRadius) + " " + Math.round(cornerRadius) + " 0 0 1 " + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y + cornerRadius) + 0.5);
		data += "L" + (Math.round(segment.x + segment.width) + 0.5) + " " + (Math.round(segment.y + segment.height - cornerRadius) + 0.5);
		data += "A" + Math.round(cornerRadius) + " " + Math.round(cornerRadius) + " 0 0 1 " + (Math.round(segment.x + segment.width - cornerRadius) + 0.5) + " " + (Math.round(segment.y + segment.height) + 0.5);
		data += "L" + (Math.round(segment.x + cornerRadius) + 0.5) + " " + (Math.round(segment.y + segment.height) + 0.5);
		data += "A" + Math.round(cornerRadius) + " " + Math.round(cornerRadius) + " 0 0 1 " + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y + segment.height - cornerRadius) + 0.5);
		data += "L" + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y + cornerRadius) + 0.5);
		}
		case primitives.common.SegmentType.CubicArc:
		data += "C" + (Math.round(segment.cpX1) + 0.5) + " " + (Math.round(segment.cpY1) + 0.5) + " " + (Math.round(segment.cpX2) + 0.5) + " " + (Math.round(segment.cpY2) + 0.5) + " " + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		break;

		break;
		default:
		break;
		}
		});
		this.activePlaceholder.activeLayer.polylines.push(React.createElement("path", {
		key: this.activePlaceholder.activeLayer.polylines.length,
		d: data,
		style: style
		}));
		}

		case _basicprimitives["default"].common.SegmentType.CubicArc:
		data += "C" + (Math.round(segment.cpX1) + 0.5) + " " + (Math.round(segment.cpY1) + 0.5) + " " + (Math.round(segment.cpX2) + 0.5) + " " + (Math.round(segment.cpY2) + 0.5) + " " + (Math.round(segment.x) + 0.5) + " " + (Math.round(segment.y) + 0.5);
		break;

		default:
		break;
		}
		});
		this.activePlaceholder.activeLayer.polylines.push(_react["default"].createElement("path", {
		key: this.activePlaceholder.activeLayer.polylines.length,
		d: data,
		style: style
		}));
		}
		}, {
		key: "template",
		value: function template(x, y, width, height, contentx, contenty, contentWidth, contentHeight, _template, hashCode, onRenderTemplate, uiHash, attr) {
		//ignore jslint
		var style;
		var left = x + contentx,
		template(x, y, width, height, contentx, contenty, contentWidth, contentHeight, template, hashCode, onRenderTemplate, uiHash, attr) {
		//ignore jslint
		let style;
		const left = x + contentx,
		top = y + contenty,
		templateWidth = contentWidth,
		templateHeight = contentHeight;
		style = _objectSpread({
		"width": templateWidth + "px",
		"height": templateHeight + "px",
		"top": top + "px",
		"left": left + "px",
		"position": "absolute",
		"padding": "0px",
		"margin": "0px"
		}, attr);
		style = {
		"width": templateWidth + "px",
		"height": templateHeight + "px",
		"top": top + "px",
		"left": left + "px",
		"position": "absolute",
		"padding": "0px",
		"margin": "0px",
		...attr
		};

		if (uiHash == null) {
		uiHash = {};
		}
		if (uiHash == null) {
		uiHash = {};
		}

		uiHash.x = left;
		uiHash.y = top;
		uiHash.width = templateWidth;
		uiHash.height = templateHeight;
		uiHash.x = left;
		uiHash.y = top;
		uiHash.width = templateWidth;
		uiHash.height = templateHeight;

		if (onRenderTemplate !== null) {
		this.activePlaceholder.activeLayer.items.push(_react["default"].createElement("div", {
		className: "BPItemPlaceholder",
		key: this.activePlaceholder.activeLayer.items.length,
		style: style
		}, onRenderTemplate(uiHash)));
		}

		;
		if (onRenderTemplate !== null) {
		this.activePlaceholder.activeLayer.items.push(React.createElement("div", {
		className: "BPItemPlaceholder",
		key: this.activePlaceholder.activeLayer.items.length,
		style: style
		}, onRenderTemplate(uiHash)));
		}
		}, {
		key: "getPxSize",
		value: function getPxSize(value, base) {
		var result = value;

		if (typeof value === "string") {
		if (value.indexOf("pt") > 0) {
		result = parseInt(value, 10) * 96 / 72;
		} else if (value.indexOf("%") > 0) {
		result = parseFloat(value) / 100.0 * base;
		} else {
		result = parseInt(value, 10);
		}
		;
		}

		getPxSize(value, base) {
		var result = value;

		if (typeof value === "string") {
		if (value.indexOf("pt") > 0) {
		result = parseInt(value, 10) * 96 / 72;
		} else if (value.indexOf("%") > 0) {
		result = parseFloat(value) / 100.0 * base;
		} else {
		result = parseInt(value, 10);
		}

		return result;
		}
		}]);

		return Graphics;
		}();
		return result;
		}

		}

		;
		var _default = Graphics;
		exports["default"] = _default;
		export default Graphics;

dist/index.js

		@@ -1,17 +0,4 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports.FamDiagram = exports.OrgDiagram = void 0;

		var _OrgDiagram = _interopRequireDefault(require("./OrgDiagram"));

		var _FamDiagram = _interopRequireDefault(require("./FamDiagram"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var OrgDiagram = _OrgDiagram["default"];
		exports.OrgDiagram = OrgDiagram;
		var FamDiagram = _FamDiagram["default"];
		exports.FamDiagram = FamDiagram;
		import orgDiagram from './OrgDiagram';
		import famDiagram from './FamDiagram';
		export const OrgDiagram = orgDiagram;
		export const FamDiagram = famDiagram;

dist/OrgDiagram.js

		@@ -1,52 +0,19 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		var _BaseDiagram2 = _interopRequireDefault(require("./BaseDiagram"));

		var _OrgDiagramConfig = _interopRequireDefault(require("./Schemas/OrgDiagramConfig"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var OrgDiagram =
		/#__PURE__/
		function (_BaseDiagram) {
		_inherits(OrgDiagram, _BaseDiagram);
		import primitives from 'basicprimitives';
		import BaseDiagram from './BaseDiagram';
		import OrgDiagramConfig from './Schemas/OrgDiagramConfig';

		function OrgDiagram(props) {
		_classCallCheck(this, OrgDiagram);

		return _possibleConstructorReturn(this, _getPrototypeOf(OrgDiagram).call(this, props, _basicprimitives["default"].orgdiagram));
		class OrgDiagram extends BaseDiagram {
		constructor(props) {
		super(props, primitives.orgdiagram);
		}

		return OrgDiagram;
		}(_BaseDiagram2["default"]);
		}

		_defineProperty(OrgDiagram, "propTypes", {
		config: _OrgDiagramConfig["default"].isRequired // eslint-disable-line react/no-unused-prop-types
		config: OrgDiagramConfig.isRequired // eslint-disable-line react/no-unused-prop-types

		});

		var _default = OrgDiagram;
		exports["default"] = _default;
		export default OrgDiagram;

dist/Schemas/BackgroundAnnotationConfig.js

		@@ -1,34 +0,21 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var BackgroundAnnotationConfig = _propTypes["default"].shape({
		annotationType: _propTypes["default"].oneOf([_basicprimitives["default"].common.AnnotationType.Background]),
		items: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])),
		includeChildren: _propTypes["default"].bool,
		zOrderType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ZOrderType)),
		offset: _propTypes["default"].shape({
		left: _propTypes["default"].number.isRequired,
		top: _propTypes["default"].number.isRequired,
		right: _propTypes["default"].number.isRequired,
		bottom: _propTypes["default"].number.isRequired
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		const BackgroundAnnotationConfig = PropTypes.shape({
		annotationType: PropTypes.oneOf([primitives.common.AnnotationType.Background]),
		items: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
		includeChildren: PropTypes.bool,
		zOrderType: PropTypes.oneOf(Object.values(primitives.common.ZOrderType)),
		offset: PropTypes.shape({
		left: PropTypes.number.isRequired,
		top: PropTypes.number.isRequired,
		right: PropTypes.number.isRequired,
		bottom: PropTypes.number.isRequired
		}),
		lineWidth: _propTypes["default"].number,
		opacity: _propTypes["default"].number,
		borderColor: _propTypes["default"].string,
		fillColor: _propTypes["default"].string,
		lineType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType)),
		selectItems: _propTypes["default"].bool
		lineWidth: PropTypes.number,
		opacity: PropTypes.number,
		borderColor: PropTypes.string,
		fillColor: PropTypes.string,
		lineType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		selectItems: PropTypes.bool
		});

		var _default = BackgroundAnnotationConfig;
		exports["default"] = _default;
		export default BackgroundAnnotationConfig;

dist/Schemas/ConnectorAnnotationConfig.js

		@@ -1,40 +0,27 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var ConnectorAnnotationConfig = _propTypes["default"].shape({
		annotationType: _propTypes["default"].oneOf([_basicprimitives["default"].common.AnnotationType.Connector]),
		zOrderType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ZOrderType)),
		fromItem: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
		toItem: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
		connectorShapeType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ConnectorShapeType)),
		connectorPlacementType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ConnectorPlacementType)),
		labelPlacementType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ConnectorLabelPlacementType)),
		offset: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].shape({
		left: _propTypes["default"].number.isRequired,
		top: _propTypes["default"].number.isRequired,
		right: _propTypes["default"].number.isRequired,
		bottom: _propTypes["default"].number.isRequired
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		const ConnectorAnnotationConfig = PropTypes.shape({
		annotationType: PropTypes.oneOf([primitives.common.AnnotationType.Connector]),
		zOrderType: PropTypes.oneOf(Object.values(primitives.common.ZOrderType)),
		fromItem: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
		toItem: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
		connectorShapeType: PropTypes.oneOf(Object.values(primitives.common.ConnectorShapeType)),
		connectorPlacementType: PropTypes.oneOf(Object.values(primitives.common.ConnectorPlacementType)),
		labelPlacementType: PropTypes.oneOf(Object.values(primitives.common.ConnectorLabelPlacementType)),
		offset: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
		left: PropTypes.number.isRequired,
		top: PropTypes.number.isRequired,
		right: PropTypes.number.isRequired,
		bottom: PropTypes.number.isRequired
		})]),
		lineWidth: _propTypes["default"].number,
		color: _propTypes["default"].string,
		lineType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType)),
		selectItems: _propTypes["default"].bool,
		label: _propTypes["default"].string,
		size: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		lineWidth: PropTypes.number,
		color: PropTypes.string,
		lineType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		selectItems: PropTypes.bool,
		label: PropTypes.string,
		size: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		})
		});

		var _default = ConnectorAnnotationConfig;
		exports["default"] = _default;
		export default ConnectorAnnotationConfig;

241

dist/Schemas/FamDiagramConfig.js

		@@ -1,135 +0,114 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		var _FamDiagramItemConfig = _interopRequireDefault(require("./FamDiagramItemConfig"));

		var _TemplateConfig = _interopRequireDefault(require("./TemplateConfig"));

		var _BackgroundAnnotationConfig = _interopRequireDefault(require("./BackgroundAnnotationConfig"));

		var _ConnectorAnnotationConfig = _interopRequireDefault(require("./ConnectorAnnotationConfig"));

		var _HighlightPathAnnotationConfig = _interopRequireDefault(require("./HighlightPathAnnotationConfig"));

		var _ShapeAnnotationConfig = _interopRequireDefault(require("./ShapeAnnotationConfig"));

		var _LabelAnnotationConfig = _interopRequireDefault(require("./LabelAnnotationConfig"));

		var _PaletteItemConfig = _interopRequireDefault(require("./PaletteItemConfig"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var Config = _propTypes["default"].shape({
		navigationMode: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.NavigationMode)),
		graphicsType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.GraphicsType)),
		pageFitMode: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.PageFitMode)),
		minimalVisibility: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Visibility)),
		orientationType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.OrientationType)),
		verticalAlignment: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.VerticalAlignmentType)),
		arrowsDirection: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.GroupByType)),
		showExtraArrows: _propTypes["default"].bool,
		extraArrowsMinimumSpace: _propTypes["default"].number,
		groupByType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.GroupByType)),
		alignBylevels: _propTypes["default"].bool,
		enableMatrixLayout: _propTypes["default"].bool,
		minimumMatrixSize: _propTypes["default"].number,
		maximumColumnsInMatrix: _propTypes["default"].number,
		hideGrandParentsConnectors: _propTypes["default"].bool,
		bevelSize: _propTypes["default"].number,
		elbowType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ElbowType)),
		elbowDotSize: _propTypes["default"].number,
		emptyDiagramMessage: _propTypes["default"].string,
		items: _propTypes["default"].arrayOf(_FamDiagramItemConfig["default"]),
		annotations: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_BackgroundAnnotationConfig["default"], _ConnectorAnnotationConfig["default"], _HighlightPathAnnotationConfig["default"], _ShapeAnnotationConfig["default"], _LabelAnnotationConfig["default"]])),
		cursorItem: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
		highlightItem: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
		highlightGravityRadius: _propTypes["default"].number,
		selectedItems: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])),
		hasSelectorCheckbox: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		selectCheckBoxLabel: _propTypes["default"].string,
		selectionPathMode: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.SelectionPathMode)),
		neighboursSelectionMode: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.NeighboursSelectionMode)),
		templates: _propTypes["default"].arrayOf(_TemplateConfig["default"]),
		defaultTemplateName: _propTypes["default"].string,
		defaultLabelAnnotationTemplate: _propTypes["default"].string,
		hasButtons: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		onButtonsRender: _propTypes["default"].func,
		normalLevelShift: _propTypes["default"].number,
		dotLevelShift: _propTypes["default"].number,
		lineLevelShift: _propTypes["default"].number,
		normalItemsInterval: _propTypes["default"].number,
		dotItemsInterval: _propTypes["default"].number,
		lineItemsInterval: _propTypes["default"].number,
		cousinsIntervalMultiplier: _propTypes["default"].number,
		itemTitleFirstFontColor: _propTypes["default"].string,
		itemTitleSecondFontColor: _propTypes["default"].string,
		minimizedItemShapeType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ShapeType)),
		linesColor: _propTypes["default"].string,
		linesWidth: _propTypes["default"].number,
		linesType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType)),
		showNeigboursConnectorsHighlighted: _propTypes["default"].bool,
		highlightLinesColor: _propTypes["default"].string,
		highlightLinesWidth: _propTypes["default"].number,
		highlightLinesType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType)),
		linesPalette: _propTypes["default"].arrayOf(_PaletteItemConfig["default"]),
		calloutMaximumVisibility: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Visibility)),
		showCallout: _propTypes["default"].bool,
		calloutPlacementOffset: _propTypes["default"].number,
		defaultCalloutTemplateName: _propTypes["default"].string,
		calloutfillColor: _propTypes["default"].string,
		calloutBorderColor: _propTypes["default"].string,
		calloutOffset: _propTypes["default"].number,
		calloutCornerRadius: _propTypes["default"].number,
		calloutPointerWidth: _propTypes["default"].string,
		calloutLineWidth: _propTypes["default"].number,
		calloutOpacity: _propTypes["default"].number,
		buttonsPanelSize: _propTypes["default"].number,
		groupTitlePanelSize: _propTypes["default"].number,
		checkBoxPanelSize: _propTypes["default"].number,
		groupTitlePlacementType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.AdviserPlacementType)),
		groupTitleOrientation: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].text.TextOrientationType)),
		groupTitleVerticalAlignment: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.VerticalAlignmentType)),
		groupTitleHorizontalAlignment: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.HorizontalAlignmentType)),
		groupTitleFontSize: _propTypes["default"].string,
		groupTitleFontFamily: _propTypes["default"].string,
		groupTitleColor: _propTypes["default"].string,
		groupTitleFontWeight: _propTypes["default"].string,
		groupTitleFontStyle: _propTypes["default"].string,
		distance: _propTypes["default"].number,
		scale: _propTypes["default"].number,
		minimumScale: _propTypes["default"].number,
		maximumScale: _propTypes["default"].number,
		showLabels: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		labelSize: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		import ItemConfig from './FamDiagramItemConfig';
		import TemplateConfig from './TemplateConfig';
		import BackgroundAnnotationConfig from './BackgroundAnnotationConfig';
		import ConnectorAnnotationConfig from './ConnectorAnnotationConfig';
		import HighlightPathAnnotationConfig from './HighlightPathAnnotationConfig';
		import ShapeAnnotationConfig from './ShapeAnnotationConfig';
		import LabelAnnotationConfig from './LabelAnnotationConfig';
		import PaletteItemConfig from './PaletteItemConfig';
		const Config = PropTypes.shape({
		navigationMode: PropTypes.oneOf(Object.values(primitives.common.NavigationMode)),
		graphicsType: PropTypes.oneOf(Object.values(primitives.common.GraphicsType)),
		pageFitMode: PropTypes.oneOf(Object.values(primitives.common.PageFitMode)),
		minimalVisibility: PropTypes.oneOf(Object.values(primitives.common.Visibility)),
		orientationType: PropTypes.oneOf(Object.values(primitives.common.OrientationType)),
		verticalAlignment: PropTypes.oneOf(Object.values(primitives.common.VerticalAlignmentType)),
		arrowsDirection: PropTypes.oneOf(Object.values(primitives.common.GroupByType)),
		showExtraArrows: PropTypes.bool,
		extraArrowsMinimumSpace: PropTypes.number,
		groupByType: PropTypes.oneOf(Object.values(primitives.common.GroupByType)),
		alignBylevels: PropTypes.bool,
		enableMatrixLayout: PropTypes.bool,
		minimumMatrixSize: PropTypes.number,
		maximumColumnsInMatrix: PropTypes.number,
		hideGrandParentsConnectors: PropTypes.bool,
		bevelSize: PropTypes.number,
		elbowType: PropTypes.oneOf(Object.values(primitives.common.ElbowType)),
		elbowDotSize: PropTypes.number,
		emptyDiagramMessage: PropTypes.string,
		items: PropTypes.arrayOf(ItemConfig),
		annotations: PropTypes.arrayOf(PropTypes.oneOfType([BackgroundAnnotationConfig, ConnectorAnnotationConfig, HighlightPathAnnotationConfig, ShapeAnnotationConfig, LabelAnnotationConfig])),
		cursorItem: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
		highlightItem: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
		highlightGravityRadius: PropTypes.number,
		selectedItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
		hasSelectorCheckbox: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		selectCheckBoxLabel: PropTypes.string,
		selectionPathMode: PropTypes.oneOf(Object.values(primitives.common.SelectionPathMode)),
		neighboursSelectionMode: PropTypes.oneOf(Object.values(primitives.common.NeighboursSelectionMode)),
		templates: PropTypes.arrayOf(TemplateConfig),
		defaultTemplateName: PropTypes.string,
		defaultLabelAnnotationTemplate: PropTypes.string,
		hasButtons: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		onButtonsRender: PropTypes.func,
		normalLevelShift: PropTypes.number,
		dotLevelShift: PropTypes.number,
		lineLevelShift: PropTypes.number,
		normalItemsInterval: PropTypes.number,
		dotItemsInterval: PropTypes.number,
		lineItemsInterval: PropTypes.number,
		cousinsIntervalMultiplier: PropTypes.number,
		itemTitleFirstFontColor: PropTypes.string,
		itemTitleSecondFontColor: PropTypes.string,
		minimizedItemShapeType: PropTypes.oneOf(Object.values(primitives.common.ShapeType)),
		linesColor: PropTypes.string,
		linesWidth: PropTypes.number,
		linesType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		showNeigboursConnectorsHighlighted: PropTypes.bool,
		highlightLinesColor: PropTypes.string,
		highlightLinesWidth: PropTypes.number,
		highlightLinesType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		linesPalette: PropTypes.arrayOf(PaletteItemConfig),
		calloutMaximumVisibility: PropTypes.oneOf(Object.values(primitives.common.Visibility)),
		showCallout: PropTypes.bool,
		calloutPlacementOffset: PropTypes.number,
		defaultCalloutTemplateName: PropTypes.string,
		calloutfillColor: PropTypes.string,
		calloutBorderColor: PropTypes.string,
		calloutOffset: PropTypes.number,
		calloutCornerRadius: PropTypes.number,
		calloutPointerWidth: PropTypes.string,
		calloutLineWidth: PropTypes.number,
		calloutOpacity: PropTypes.number,
		buttonsPanelSize: PropTypes.number,
		groupTitlePanelSize: PropTypes.number,
		checkBoxPanelSize: PropTypes.number,
		groupTitlePlacementType: PropTypes.oneOf(Object.values(primitives.common.AdviserPlacementType)),
		groupTitleOrientation: PropTypes.oneOf(Object.values(primitives.text.TextOrientationType)),
		groupTitleVerticalAlignment: PropTypes.oneOf(Object.values(primitives.common.VerticalAlignmentType)),
		groupTitleHorizontalAlignment: PropTypes.oneOf(Object.values(primitives.common.HorizontalAlignmentType)),
		groupTitleFontSize: PropTypes.string,
		groupTitleFontFamily: PropTypes.string,
		groupTitleColor: PropTypes.string,
		groupTitleFontWeight: PropTypes.string,
		groupTitleFontStyle: PropTypes.string,
		distance: PropTypes.number,
		scale: PropTypes.number,
		minimumScale: PropTypes.number,
		maximumScale: PropTypes.number,
		showLabels: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		labelSize: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		}),
		labelOffset: _propTypes["default"].number,
		labelOrientation: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].text.TextOrientationType)),
		labelPlacement: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.PlacementType)),
		labelFontSize: _propTypes["default"].string,
		labelFontFamily: _propTypes["default"].string,
		labelColor: _propTypes["default"].string,
		labelFontWeight: _propTypes["default"].string,
		labelFontStyle: _propTypes["default"].string,
		enablePanning: _propTypes["default"].bool,
		autoSizeMinimum: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		labelOffset: PropTypes.number,
		labelOrientation: PropTypes.oneOf(Object.values(primitives.text.TextOrientationType)),
		labelPlacement: PropTypes.oneOf(Object.values(primitives.common.PlacementType)),
		labelFontSize: PropTypes.string,
		labelFontFamily: PropTypes.string,
		labelColor: PropTypes.string,
		labelFontWeight: PropTypes.string,
		labelFontStyle: PropTypes.string,
		enablePanning: PropTypes.bool,
		autoSizeMinimum: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		}),
		autoSizeMaximum: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		autoSizeMaximum: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		})
		});

		var _default = Config;
		exports["default"] = _default;
		export default Config;

dist/Schemas/FamDiagramItemConfig.js

		@@ -1,43 +0,30 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var ItemConfig = _propTypes["default"].shape({
		id: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]).isRequired,
		parents: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])),
		spouses: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])),
		title: _propTypes["default"].string,
		description: _propTypes["default"].string,
		image: _propTypes["default"].string,
		context: _propTypes["default"].any,
		itemTitleColor: _propTypes["default"].string,
		minimizedItemShapeType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ShapeType)),
		groupTitle: _propTypes["default"].string,
		groupTitleColor: _propTypes["default"].string,
		isActive: _propTypes["default"].bool,
		hasSelectorCheckbox: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		hasButtons: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		templateName: _propTypes["default"].string,
		showCallout: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		calloutTemplateName: _propTypes["default"].string,
		label: _propTypes["default"].string,
		showLabel: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		labelSize: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		const ItemConfig = PropTypes.shape({
		id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
		parents: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
		spouses: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
		title: PropTypes.string,
		description: PropTypes.string,
		image: PropTypes.string,
		context: PropTypes.any,
		itemTitleColor: PropTypes.string,
		minimizedItemShapeType: PropTypes.oneOf(Object.values(primitives.common.ShapeType)),
		groupTitle: PropTypes.string,
		groupTitleColor: PropTypes.string,
		isActive: PropTypes.bool,
		hasSelectorCheckbox: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		hasButtons: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		templateName: PropTypes.string,
		showCallout: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		calloutTemplateName: PropTypes.string,
		label: PropTypes.string,
		showLabel: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		labelSize: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		}),
		labelOrientation: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].text.TextOrientationType)),
		labelPlacement: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.PlacementType))
		labelOrientation: PropTypes.oneOf(Object.values(primitives.text.TextOrientationType)),
		labelPlacement: PropTypes.oneOf(Object.values(primitives.common.PlacementType))
		});

		var _default = ItemConfig;
		exports["default"] = _default;
		export default ItemConfig;

dist/Schemas/HighlightPathAnnotationConfig.js

		@@ -1,27 +0,14 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		const HighlightPathAnnotationConfig = PropTypes.shape({
		annotationType: PropTypes.oneOf([primitives.common.AnnotationType.HighlightPath]),
		zOrderType: PropTypes.oneOf(Object.values(primitives.common.ZOrderType)),
		items: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
		lineWidth: PropTypes.number,
		color: PropTypes.string,
		lineType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		opacity: PropTypes.number,
		showArrows: PropTypes.bool,
		selectItems: PropTypes.bool
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var HighlightPathAnnotationConfig = _propTypes["default"].shape({
		annotationType: _propTypes["default"].oneOf([_basicprimitives["default"].common.AnnotationType.HighlightPath]),
		zOrderType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ZOrderType)),
		items: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])),
		lineWidth: _propTypes["default"].number,
		color: _propTypes["default"].string,
		lineType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType)),
		opacity: _propTypes["default"].number,
		showArrows: _propTypes["default"].bool,
		selectItems: _propTypes["default"].bool
		});

		var _default = HighlightPathAnnotationConfig;
		exports["default"] = _default;
		export default HighlightPathAnnotationConfig;

dist/Schemas/LabelAnnotationConfig.js

		@@ -1,24 +0,11 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		const LabelAnnotationConfig = PropTypes.shape({
		annotationType: PropTypes.oneOf([primitives.common.AnnotationType.Label]),
		fromItem: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
		toItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])).isRequired,
		title: PropTypes.string,
		itemTitleColor: PropTypes.string,
		templateName: PropTypes.string
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var LabelAnnotationConfig = _propTypes["default"].shape({
		annotationType: _propTypes["default"].oneOf([_basicprimitives["default"].common.AnnotationType.Label]),
		fromItem: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]).isRequired,
		toItems: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])).isRequired,
		title: _propTypes["default"].string,
		itemTitleColor: _propTypes["default"].string,
		templateName: _propTypes["default"].string
		});

		var _default = LabelAnnotationConfig;
		exports["default"] = _default;
		export default LabelAnnotationConfig;

227

dist/Schemas/OrgDiagramConfig.js

		@@ -1,127 +0,108 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		var _OrgDiagramItemConfig = _interopRequireDefault(require("./OrgDiagramItemConfig"));

		var _TemplateConfig = _interopRequireDefault(require("./TemplateConfig"));

		var _BackgroundAnnotationConfig = _interopRequireDefault(require("./BackgroundAnnotationConfig"));

		var _ConnectorAnnotationConfig = _interopRequireDefault(require("./ConnectorAnnotationConfig"));

		var _HighlightPathAnnotationConfig = _interopRequireDefault(require("./HighlightPathAnnotationConfig"));

		var _ShapeAnnotationConfig = _interopRequireDefault(require("./ShapeAnnotationConfig"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var Config = _propTypes["default"].shape({
		navigationMode: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.NavigationMode)),
		graphicsType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.GraphicsType)),
		pageFitMode: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.PageFitMode)),
		minimalVisibility: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Visibility)),
		orientationType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.OrientationType)),
		horizontalAlignment: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.HorizontalAlignmentType)),
		verticalAlignment: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.VerticalAlignmentType)),
		arrowsDirection: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.GroupByType)),
		showExtraArrows: _propTypes["default"].bool,
		extraArrowsMinimumSpace: _propTypes["default"].number,
		showHorizontalArrows: _propTypes["default"].bool,
		connectorType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ConnectorType)),
		bevelSize: _propTypes["default"].number,
		elbowType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ElbowType)),
		elbowDotSize: _propTypes["default"].number,
		emptyDiagramMessage: _propTypes["default"].string,
		items: _propTypes["default"].arrayOf(_OrgDiagramItemConfig["default"]),
		annotations: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_BackgroundAnnotationConfig["default"], _ConnectorAnnotationConfig["default"], _HighlightPathAnnotationConfig["default"], _ShapeAnnotationConfig["default"]])),
		cursorItem: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
		highlightItem: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
		highlightGravityRadius: _propTypes["default"].number,
		selectedItems: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])),
		hasSelectorCheckbox: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		selectCheckBoxLabel: _propTypes["default"].string,
		selectionPathMode: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.SelectionPathMode)),
		templates: _propTypes["default"].arrayOf(_TemplateConfig["default"]),
		defaultTemplateName: _propTypes["default"].string,
		hasButtons: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		onButtonsRender: _propTypes["default"].func,
		normalLevelShift: _propTypes["default"].number,
		dotLevelShift: _propTypes["default"].number,
		lineLevelShift: _propTypes["default"].number,
		normalItemsInterval: _propTypes["default"].number,
		dotItemsInterval: _propTypes["default"].number,
		lineItemsInterval: _propTypes["default"].number,
		cousinsIntervalMultiplier: _propTypes["default"].number,
		itemTitleFirstFontColor: _propTypes["default"].string,
		itemTitleSecondFontColor: _propTypes["default"].string,
		minimizedItemShapeType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ShapeType)),
		linesColor: _propTypes["default"].string,
		linesWidth: _propTypes["default"].number,
		linesType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType)),
		highlightLinesColor: _propTypes["default"].string,
		highlightLinesWidth: _propTypes["default"].number,
		highlightLinesType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType)),
		calloutMaximumVisibility: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Visibility)),
		showCallout: _propTypes["default"].bool,
		calloutPlacementOffset: _propTypes["default"].number,
		defaultCalloutTemplateName: _propTypes["default"].string,
		calloutfillColor: _propTypes["default"].string,
		calloutBorderColor: _propTypes["default"].string,
		calloutOffset: _propTypes["default"].number,
		calloutCornerRadius: _propTypes["default"].number,
		calloutPointerWidth: _propTypes["default"].string,
		calloutLineWidth: _propTypes["default"].number,
		calloutOpacity: _propTypes["default"].number,
		childrenPlacementType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ChildrenPlacementType)),
		leavesPlacementType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ChildrenPlacementType)),
		maximumColumnsInMatrix: _propTypes["default"].number,
		buttonsPanelSize: _propTypes["default"].number,
		groupTitlePanelSize: _propTypes["default"].number,
		checkBoxPanelSize: _propTypes["default"].number,
		groupTitlePlacementType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.AdviserPlacementType)),
		groupTitleOrientation: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].text.TextOrientationType)),
		groupTitleVerticalAlignment: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.VerticalAlignmentType)),
		groupTitleHorizontalAlignment: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.HorizontalAlignmentType)),
		groupTitleFontSize: _propTypes["default"].string,
		groupTitleFontFamily: _propTypes["default"].string,
		groupTitleColor: _propTypes["default"].string,
		groupTitleFontWeight: _propTypes["default"].string,
		groupTitleFontStyle: _propTypes["default"].string,
		distance: _propTypes["default"].number,
		scale: _propTypes["default"].number,
		minimumScale: _propTypes["default"].number,
		maximumScale: _propTypes["default"].number,
		showLabels: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		labelSize: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		import ItemConfig from './OrgDiagramItemConfig';
		import TemplateConfig from './TemplateConfig';
		import BackgroundAnnotationConfig from './BackgroundAnnotationConfig';
		import ConnectorAnnotationConfig from './ConnectorAnnotationConfig';
		import HighlightPathAnnotationConfig from './HighlightPathAnnotationConfig';
		import ShapeAnnotationConfig from './ShapeAnnotationConfig';
		const Config = PropTypes.shape({
		navigationMode: PropTypes.oneOf(Object.values(primitives.common.NavigationMode)),
		graphicsType: PropTypes.oneOf(Object.values(primitives.common.GraphicsType)),
		pageFitMode: PropTypes.oneOf(Object.values(primitives.common.PageFitMode)),
		minimalVisibility: PropTypes.oneOf(Object.values(primitives.common.Visibility)),
		orientationType: PropTypes.oneOf(Object.values(primitives.common.OrientationType)),
		horizontalAlignment: PropTypes.oneOf(Object.values(primitives.common.HorizontalAlignmentType)),
		verticalAlignment: PropTypes.oneOf(Object.values(primitives.common.VerticalAlignmentType)),
		arrowsDirection: PropTypes.oneOf(Object.values(primitives.common.GroupByType)),
		showExtraArrows: PropTypes.bool,
		extraArrowsMinimumSpace: PropTypes.number,
		showHorizontalArrows: PropTypes.bool,
		connectorType: PropTypes.oneOf(Object.values(primitives.common.ConnectorType)),
		bevelSize: PropTypes.number,
		elbowType: PropTypes.oneOf(Object.values(primitives.common.ElbowType)),
		elbowDotSize: PropTypes.number,
		emptyDiagramMessage: PropTypes.string,
		items: PropTypes.arrayOf(ItemConfig),
		annotations: PropTypes.arrayOf(PropTypes.oneOfType([BackgroundAnnotationConfig, ConnectorAnnotationConfig, HighlightPathAnnotationConfig, ShapeAnnotationConfig])),
		cursorItem: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
		highlightItem: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
		highlightGravityRadius: PropTypes.number,
		selectedItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
		hasSelectorCheckbox: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		selectCheckBoxLabel: PropTypes.string,
		selectionPathMode: PropTypes.oneOf(Object.values(primitives.common.SelectionPathMode)),
		templates: PropTypes.arrayOf(TemplateConfig),
		defaultTemplateName: PropTypes.string,
		hasButtons: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		onButtonsRender: PropTypes.func,
		normalLevelShift: PropTypes.number,
		dotLevelShift: PropTypes.number,
		lineLevelShift: PropTypes.number,
		normalItemsInterval: PropTypes.number,
		dotItemsInterval: PropTypes.number,
		lineItemsInterval: PropTypes.number,
		cousinsIntervalMultiplier: PropTypes.number,
		itemTitleFirstFontColor: PropTypes.string,
		itemTitleSecondFontColor: PropTypes.string,
		minimizedItemShapeType: PropTypes.oneOf(Object.values(primitives.common.ShapeType)),
		linesColor: PropTypes.string,
		linesWidth: PropTypes.number,
		linesType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		highlightLinesColor: PropTypes.string,
		highlightLinesWidth: PropTypes.number,
		highlightLinesType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		calloutMaximumVisibility: PropTypes.oneOf(Object.values(primitives.common.Visibility)),
		showCallout: PropTypes.bool,
		calloutPlacementOffset: PropTypes.number,
		defaultCalloutTemplateName: PropTypes.string,
		calloutfillColor: PropTypes.string,
		calloutBorderColor: PropTypes.string,
		calloutOffset: PropTypes.number,
		calloutCornerRadius: PropTypes.number,
		calloutPointerWidth: PropTypes.string,
		calloutLineWidth: PropTypes.number,
		calloutOpacity: PropTypes.number,
		childrenPlacementType: PropTypes.oneOf(Object.values(primitives.common.ChildrenPlacementType)),
		leavesPlacementType: PropTypes.oneOf(Object.values(primitives.common.ChildrenPlacementType)),
		maximumColumnsInMatrix: PropTypes.number,
		buttonsPanelSize: PropTypes.number,
		groupTitlePanelSize: PropTypes.number,
		checkBoxPanelSize: PropTypes.number,
		groupTitlePlacementType: PropTypes.oneOf(Object.values(primitives.common.AdviserPlacementType)),
		groupTitleOrientation: PropTypes.oneOf(Object.values(primitives.text.TextOrientationType)),
		groupTitleVerticalAlignment: PropTypes.oneOf(Object.values(primitives.common.VerticalAlignmentType)),
		groupTitleHorizontalAlignment: PropTypes.oneOf(Object.values(primitives.common.HorizontalAlignmentType)),
		groupTitleFontSize: PropTypes.string,
		groupTitleFontFamily: PropTypes.string,
		groupTitleColor: PropTypes.string,
		groupTitleFontWeight: PropTypes.string,
		groupTitleFontStyle: PropTypes.string,
		distance: PropTypes.number,
		scale: PropTypes.number,
		minimumScale: PropTypes.number,
		maximumScale: PropTypes.number,
		showLabels: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		labelSize: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		}),
		labelOffset: _propTypes["default"].number,
		labelOrientation: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].text.TextOrientationType)),
		labelPlacement: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.PlacementType)),
		labelFontSize: _propTypes["default"].string,
		labelFontFamily: _propTypes["default"].string,
		labelColor: _propTypes["default"].string,
		labelFontWeight: _propTypes["default"].string,
		labelFontStyle: _propTypes["default"].string,
		enablePanning: _propTypes["default"].bool,
		autoSizeMinimum: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		labelOffset: PropTypes.number,
		labelOrientation: PropTypes.oneOf(Object.values(primitives.text.TextOrientationType)),
		labelPlacement: PropTypes.oneOf(Object.values(primitives.common.PlacementType)),
		labelFontSize: PropTypes.string,
		labelFontFamily: PropTypes.string,
		labelColor: PropTypes.string,
		labelFontWeight: PropTypes.string,
		labelFontStyle: PropTypes.string,
		enablePanning: PropTypes.bool,
		autoSizeMinimum: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		}),
		autoSizeMaximum: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		autoSizeMaximum: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		})
		});

		var _default = Config;
		exports["default"] = _default;
		export default Config;

dist/Schemas/OrgDiagramItemConfig.js

		@@ -1,45 +0,32 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var ItemConfig = _propTypes["default"].shape({
		id: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]).isRequired,
		parent: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
		title: _propTypes["default"].string,
		description: _propTypes["default"].string,
		image: _propTypes["default"].string,
		context: _propTypes["default"].any,
		itemTitleColor: _propTypes["default"].string,
		minimizedItemShapeType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ShapeType)),
		groupTitle: _propTypes["default"].string,
		groupTitleColor: _propTypes["default"].string,
		isVisible: _propTypes["default"].bool,
		isActive: _propTypes["default"].bool,
		hasSelectorCheckbox: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		hasButtons: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		itemType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].orgdiagram.ItemType)),
		adviserPlacementType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.AdviserPlacementType)),
		childrenPlacementType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ChildrenPlacementType)),
		templateName: _propTypes["default"].string,
		showCallout: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		calloutTemplateName: _propTypes["default"].string,
		label: _propTypes["default"].string,
		showLabel: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.Enabled)),
		labelSize: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		const ItemConfig = PropTypes.shape({
		id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
		parent: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
		title: PropTypes.string,
		description: PropTypes.string,
		image: PropTypes.string,
		context: PropTypes.any,
		itemTitleColor: PropTypes.string,
		minimizedItemShapeType: PropTypes.oneOf(Object.values(primitives.common.ShapeType)),
		groupTitle: PropTypes.string,
		groupTitleColor: PropTypes.string,
		isVisible: PropTypes.bool,
		isActive: PropTypes.bool,
		hasSelectorCheckbox: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		hasButtons: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		itemType: PropTypes.oneOf(Object.values(primitives.orgdiagram.ItemType)),
		adviserPlacementType: PropTypes.oneOf(Object.values(primitives.common.AdviserPlacementType)),
		childrenPlacementType: PropTypes.oneOf(Object.values(primitives.common.ChildrenPlacementType)),
		templateName: PropTypes.string,
		showCallout: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		calloutTemplateName: PropTypes.string,
		label: PropTypes.string,
		showLabel: PropTypes.oneOf(Object.values(primitives.common.Enabled)),
		labelSize: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		}),
		labelOrientation: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].text.TextOrientationType))
		labelOrientation: PropTypes.oneOf(Object.values(primitives.text.TextOrientationType))
		});

		var _default = ItemConfig;
		exports["default"] = _default;
		export default ItemConfig;

dist/Schemas/PaletteItemConfig.js

		@@ -1,21 +0,8 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		import primitives from 'basicprimitives';
		import PropTypes from 'prop-types';
		const PaletteItemConfig = PropTypes.shape({
		lineColor: PropTypes.string,
		lineWidth: PropTypes.number,
		lineType: PropTypes.oneOf(Object.values(primitives.common.LineType))
		});
		exports["default"] = void 0;

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		var _propTypes = _interopRequireDefault(require("prop-types"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var PaletteItemConfig = _propTypes["default"].shape({
		lineColor: _propTypes["default"].string,
		lineWidth: _propTypes["default"].number,
		lineType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType))
		});

		var _default = PaletteItemConfig;
		exports["default"] = _default;
		export default PaletteItemConfig;

dist/Schemas/ShapeAnnotationConfig.js

		@@ -1,42 +0,29 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var ShapeAnnotationConfig = _propTypes["default"].shape({
		annotationType: _propTypes["default"].oneOf([_basicprimitives["default"].common.AnnotationType.Shape]),
		zOrderType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ZOrderType)),
		items: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])),
		shapeType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ShapeType)),
		offset: _propTypes["default"].shape({
		left: _propTypes["default"].number.isRequired,
		top: _propTypes["default"].number.isRequired,
		right: _propTypes["default"].number.isRequired,
		bottom: _propTypes["default"].number.isRequired
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		const ShapeAnnotationConfig = PropTypes.shape({
		annotationType: PropTypes.oneOf([primitives.common.AnnotationType.Shape]),
		zOrderType: PropTypes.oneOf(Object.values(primitives.common.ZOrderType)),
		items: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
		shapeType: PropTypes.oneOf(Object.values(primitives.common.ShapeType)),
		offset: PropTypes.shape({
		left: PropTypes.number.isRequired,
		top: PropTypes.number.isRequired,
		right: PropTypes.number.isRequired,
		bottom: PropTypes.number.isRequired
		}),
		lineWidth: _propTypes["default"].number,
		cornerRadius: _propTypes["default"].string,
		opacity: _propTypes["default"].number,
		borderColor: _propTypes["default"].string,
		fillColor: _propTypes["default"].string,
		lineType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType)),
		selectItems: _propTypes["default"].bool,
		label: _propTypes["default"].string,
		labelSize: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		lineWidth: PropTypes.number,
		cornerRadius: PropTypes.string,
		opacity: PropTypes.number,
		borderColor: PropTypes.string,
		fillColor: PropTypes.string,
		lineType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		selectItems: PropTypes.bool,
		label: PropTypes.string,
		labelSize: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		}),
		labelPlacement: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.PlacementType)),
		labelOffset: _propTypes["default"].number
		labelPlacement: PropTypes.oneOf(Object.values(primitives.common.PlacementType)),
		labelOffset: PropTypes.number
		});

		var _default = ShapeAnnotationConfig;
		exports["default"] = _default;
		export default ShapeAnnotationConfig;

dist/Schemas/TemplateConfig.js

		@@ -1,54 +0,41 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var TemplateConfig = _propTypes["default"].shape({
		name: _propTypes["default"].string,
		isActive: _propTypes["default"].bool,
		itemSize: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		import PropTypes from 'prop-types';
		import primitives from 'basicprimitives';
		const TemplateConfig = PropTypes.shape({
		name: PropTypes.string,
		isActive: PropTypes.bool,
		itemSize: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		}),
		itemBorderWidth: _propTypes["default"].number,
		onItemRender: _propTypes["default"].func,
		minimizedItemShapeType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.ShapeType)),
		minimizedItemSize: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		itemBorderWidth: PropTypes.number,
		onItemRender: PropTypes.func,
		minimizedItemShapeType: PropTypes.oneOf(Object.values(primitives.common.ShapeType)),
		minimizedItemSize: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		}),
		minimizedItemCornerRadius: _propTypes["default"].number,
		minimizedItemLineWidth: _propTypes["default"].number,
		minimizedItemBorderColor: _propTypes["default"].string,
		minimizedItemLineType: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.LineType)),
		minimizedItemFillColor: _propTypes["default"].string,
		minimizedItemOpacity: _propTypes["default"].number,
		highlightPadding: _propTypes["default"].shape({
		left: _propTypes["default"].number.isRequired,
		top: _propTypes["default"].number.isRequired,
		right: _propTypes["default"].number.isRequired,
		bottom: _propTypes["default"].number.isRequired
		minimizedItemCornerRadius: PropTypes.number,
		minimizedItemLineWidth: PropTypes.number,
		minimizedItemBorderColor: PropTypes.string,
		minimizedItemLineType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		minimizedItemFillColor: PropTypes.string,
		minimizedItemOpacity: PropTypes.number,
		highlightPadding: PropTypes.shape({
		left: PropTypes.number.isRequired,
		top: PropTypes.number.isRequired,
		right: PropTypes.number.isRequired,
		bottom: PropTypes.number.isRequired
		}),
		highlightBorderWidth: _propTypes["default"].number,
		onHighlightRender: _propTypes["default"].func,
		cursorPadding: _propTypes["default"].shape({
		left: _propTypes["default"].number.isRequired,
		top: _propTypes["default"].number.isRequired,
		right: _propTypes["default"].number.isRequired,
		bottom: _propTypes["default"].number.isRequired
		highlightBorderWidth: PropTypes.number,
		onHighlightRender: PropTypes.func,
		cursorPadding: PropTypes.shape({
		left: PropTypes.number.isRequired,
		top: PropTypes.number.isRequired,
		right: PropTypes.number.isRequired,
		bottom: PropTypes.number.isRequired
		}),
		cursorBorderWidth: _propTypes["default"].number,
		onCursorRender: _propTypes["default"].func,
		onButtonsRender: _propTypes["default"].func
		cursorBorderWidth: PropTypes.number,
		onCursorRender: PropTypes.func,
		onButtonsRender: PropTypes.func
		});

		var _default = TemplateConfig;
		exports["default"] = _default;
		export default TemplateConfig;

dist/Templates/AbstractTemplate.js

		@@ -1,37 +0,11 @@
		"use strict";
		class AbstractTemplate {
		template() {}

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;
		getHashCode() {}

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		render(data) {}

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
		}

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		var AbstractTemplate =
		/#__PURE__/
		function () {
		function AbstractTemplate() {
		_classCallCheck(this, AbstractTemplate);
		}

		_createClass(AbstractTemplate, [{
		key: "template",
		value: function template() {}
		}, {
		key: "getHashCode",
		value: function getHashCode() {}
		}, {
		key: "render",
		value: function render(data) {}
		}]);

		return AbstractTemplate;
		}();

		;
		var _default = AbstractTemplate;
		exports["default"] = _default;
		export default AbstractTemplate;

dist/Templates/AnnotationLabelTemplate.js

		@@ -1,54 +0,14 @@
		"use strict";
		import AbstractTemplate from './AbstractTemplate';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var AnnotationLabelTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(AnnotationLabelTemplate, _AbstractTemplate);

		function AnnotationLabelTemplate() {
		_classCallCheck(this, AnnotationLabelTemplate);

		return _possibleConstructorReturn(this, _getPrototypeOf(AnnotationLabelTemplate).apply(this, arguments));
		class AnnotationLabelTemplate extends AbstractTemplate {
		render(data) {
		var {
		label
		} = data.context;
		return label;
		}

		_createClass(AnnotationLabelTemplate, [{
		key: "render",
		value: function render(data) {
		var label = data.context.label;
		return label;
		}
		}]);
		}

		return AnnotationLabelTemplate;
		}(_AbstractTemplate2["default"]);

		;
		var _default = AnnotationLabelTemplate;
		exports["default"] = _default;
		export default AnnotationLabelTemplate;

dist/Templates/ButtonsTemplate.js

		@@ -1,54 +0,14 @@
		"use strict";
		import AbstractTemplate from './AbstractTemplate';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var ButtonsTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(ButtonsTemplate, _AbstractTemplate);

		function ButtonsTemplate() {
		_classCallCheck(this, ButtonsTemplate);

		return _possibleConstructorReturn(this, _getPrototypeOf(ButtonsTemplate).apply(this, arguments));
		class ButtonsTemplate extends AbstractTemplate {
		render(data) {
		const {
		onButtonsRender
		} = data;
		return onButtonsRender(data);
		}

		_createClass(ButtonsTemplate, [{
		key: "render",
		value: function render(data) {
		var onButtonsRender = data.onButtonsRender;
		return onButtonsRender(data);
		}
		}]);
		}

		return ButtonsTemplate;
		}(_AbstractTemplate2["default"]);

		;
		var _default = ButtonsTemplate;
		exports["default"] = _default;
		export default ButtonsTemplate;

dist/Templates/CheckBoxTemplate.js

		@@ -1,72 +0,30 @@
		"use strict";
		import React from 'react';
		import AbstractTemplate from './AbstractTemplate';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;
		class CheckBoxTemplate extends AbstractTemplate {
		constructor(selectCheckBoxLabel) {
		super();
		this.render = this.render.bind(this);
		this.selectCheckBoxLabel = selectCheckBoxLabel;
		}

		var _react = _interopRequireDefault(require("react"));

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var CheckBoxTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(CheckBoxTemplate, _AbstractTemplate);

		function CheckBoxTemplate(selectCheckBoxLabel) {
		var _this;

		_classCallCheck(this, CheckBoxTemplate);

		_this = _possibleConstructorReturn(this, _getPrototypeOf(CheckBoxTemplate).call(this));
		_this.render = _this.render.bind(_assertThisInitialized(_this));
		_this.selectCheckBoxLabel = selectCheckBoxLabel;
		return _this;
		render(data) {
		return React.createElement("div", {
		className: "BPSelectionCheckBoxContainer"
		}, React.createElement("input", {
		type: "checkbox",
		name: "checkbox",
		className: "BPSelectionCheckBox",
		checked: data.isSelected,
		"data-id": data.id
		}), React.createElement("span", {
		name: "selectiontext",
		className: "BPSelectionText",
		"data-id": data.id
		}, this.selectCheckBoxLabel));
		}

		_createClass(CheckBoxTemplate, [{
		key: "render",
		value: function render(data) {
		return _react["default"].createElement("div", {
		className: "BPSelectionCheckBoxContainer"
		}, _react["default"].createElement("input", {
		type: "checkbox",
		name: "checkbox",
		className: "BPSelectionCheckBox",
		checked: data.isSelected,
		"data-id": data.id
		}), _react["default"].createElement("span", {
		name: "selectiontext",
		className: "BPSelectionText",
		"data-id": data.id
		}, this.selectCheckBoxLabel));
		}
		}]);
		}

		return CheckBoxTemplate;
		}(_AbstractTemplate2["default"]);

		;
		var _default = CheckBoxTemplate;
		exports["default"] = _default;
		export default CheckBoxTemplate;

dist/Templates/CursorTemplate.js

		@@ -1,73 +0,32 @@
		"use strict";
		import React from 'react';
		import AbstractTemplate from './AbstractTemplate';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;
		class CursorTemplate extends AbstractTemplate {
		constructor(options, itemTemplateConfig) {
		super();
		this.options = options;
		this.itemTemplateConfig = itemTemplateConfig;
		this.render = this.render.bind(this);
		}

		var _react = _interopRequireDefault(require("react"));

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var CursorTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(CursorTemplate, _AbstractTemplate);

		function CursorTemplate(options, itemTemplateConfig) {
		var _this;

		_classCallCheck(this, CursorTemplate);

		_this = _possibleConstructorReturn(this, _getPrototypeOf(CursorTemplate).call(this));
		_this.options = options;
		_this.itemTemplateConfig = itemTemplateConfig;
		_this.render = _this.render.bind(_assertThisInitialized(_this));
		return _this;
		render(data) {
		const {
		cursorPadding,
		itemSize,
		cursorBorderWidth
		} = this.itemTemplateConfig;
		const style = {
		width: itemSize.width + cursorPadding.left + cursorPadding.right + "px",
		height: itemSize.height + cursorPadding.top + cursorPadding.bottom + "px",
		borderWidth: cursorBorderWidth + "px"
		};
		return React.createElement("div", {
		className: "BPCursorFrame",
		style: style
		});
		}

		_createClass(CursorTemplate, [{
		key: "render",
		value: function render(data) {
		var _this$itemTemplateCon = this.itemTemplateConfig,
		cursorPadding = _this$itemTemplateCon.cursorPadding,
		itemSize = _this$itemTemplateCon.itemSize,
		cursorBorderWidth = _this$itemTemplateCon.cursorBorderWidth;
		var style = {
		width: itemSize.width + cursorPadding.left + cursorPadding.right + "px",
		height: itemSize.height + cursorPadding.top + cursorPadding.bottom + "px",
		borderWidth: cursorBorderWidth + "px"
		};
		return _react["default"].createElement("div", {
		className: "BPCursorFrame",
		style: style
		});
		}
		}]);
		}

		return CursorTemplate;
		}(_AbstractTemplate2["default"]);

		;
		var _default = CursorTemplate;
		exports["default"] = _default;
		export default CursorTemplate;

113

dist/Templates/DotHighlightTemplate.js

		@@ -1,85 +0,44 @@
		"use strict";
		import React from 'react';
		import AbstractTemplate from './AbstractTemplate';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;
		class DotHighlightTemplate extends AbstractTemplate {
		constructor(options, itemTemplateConfig) {
		super();
		this.render = this.render.bind(this);
		this.config = itemTemplateConfig;
		}

		var _react = _interopRequireDefault(require("react"));
		render(data) {
		const {
		minimizedItemCornerRadius,
		highlightPadding,
		highlightBorderWidth,
		minimizedItemSize
		} = this.config;
		let radius = 0;

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));
		if (minimizedItemCornerRadius === null) {
		radius = Math.max(minimizedItemSize.width / 2, minimizedItemSize.height / 2) + highlightPadding.left;
		} else {
		radius = minimizedItemCornerRadius + highlightPadding.left;
		}

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var DotHighlightTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(DotHighlightTemplate, _AbstractTemplate);

		function DotHighlightTemplate(options, itemTemplateConfig) {
		var _this;

		_classCallCheck(this, DotHighlightTemplate);

		_this = _possibleConstructorReturn(this, _getPrototypeOf(DotHighlightTemplate).call(this));
		_this.render = _this.render.bind(_assertThisInitialized(_this));
		_this.config = itemTemplateConfig;
		return _this;
		const style = {
		borderWidth: highlightBorderWidth + "px",
		left: -highlightBorderWidth + "px",
		top: -highlightBorderWidth + "px",
		MozBorderRadius: radius + "px",
		WebkitBorderRadius: radius + "px",
		KhtmlBorderRadius: radius + "px",
		borderRadius: radius + "px"
		};
		return React.createElement("div", {
		className: "BPHighlightDotFrame",
		style: style
		});
		}

		_createClass(DotHighlightTemplate, [{
		key: "render",
		value: function render(data) {
		var _this$config = this.config,
		minimizedItemCornerRadius = _this$config.minimizedItemCornerRadius,
		highlightPadding = _this$config.highlightPadding,
		highlightBorderWidth = _this$config.highlightBorderWidth,
		minimizedItemSize = _this$config.minimizedItemSize;
		var radius = 0;
		}

		if (minimizedItemCornerRadius === null) {
		radius = Math.max(minimizedItemSize.width / 2, minimizedItemSize.height / 2) + highlightPadding.left;
		} else {
		radius = minimizedItemCornerRadius + highlightPadding.left;
		}

		var style = {
		borderWidth: highlightBorderWidth + "px",
		left: -highlightBorderWidth + "px",
		top: -highlightBorderWidth + "px",
		MozBorderRadius: radius + "px",
		WebkitBorderRadius: radius + "px",
		KhtmlBorderRadius: radius + "px",
		borderRadius: radius + "px"
		};
		return _react["default"].createElement("div", {
		className: "BPHighlightDotFrame",
		style: style
		});
		}
		}]);

		return DotHighlightTemplate;
		}(_AbstractTemplate2["default"]);

		;
		var _default = DotHighlightTemplate;
		exports["default"] = _default;
		export default DotHighlightTemplate;

147

dist/Templates/GroupTitleTemplate.js

		@@ -1,103 +0,60 @@
		"use strict";
		import React from 'react';
		import AbstractTemplate from './AbstractTemplate';
		import RotatedText from './RotatedText';
		import primitives from 'basicprimitives';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _react = _interopRequireDefault(require("react"));

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));

		var _RotatedText = _interopRequireDefault(require("./RotatedText"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var GroupTitleTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(GroupTitleTemplate, _AbstractTemplate);

		function GroupTitleTemplate(options) {
		var _this;

		_classCallCheck(this, GroupTitleTemplate);

		_this = _possibleConstructorReturn(this, _getPrototypeOf(GroupTitleTemplate).call(this));
		_this.render = _this.render.bind(_assertThisInitialized(_this));
		_this.options = options;
		return _this;
		class GroupTitleTemplate extends AbstractTemplate {
		constructor(options) {
		super();
		this.render = this.render.bind(this);
		this.options = options;
		}

		_createClass(GroupTitleTemplate, [{
		key: "render",
		value: function render(data) {
		var _this$options = this.options,
		groupTitleFontSize = _this$options.groupTitleFontSize,
		groupTitleFontFamily = _this$options.groupTitleFontFamily,
		groupTitleFontWeight = _this$options.groupTitleFontWeight,
		groupTitleFontStyle = _this$options.groupTitleFontStyle,
		itemTitleSecondFontColor = _this$options.itemTitleSecondFontColor,
		itemTitleFirstFontColor = _this$options.itemTitleFirstFontColor,
		groupTitleOrientation = _this$options.groupTitleOrientation,
		groupTitleHorizontalAlignment = _this$options.groupTitleHorizontalAlignment,
		groupTitleVerticalAlignment = _this$options.groupTitleVerticalAlignment,
		groupTitleColor = _this$options.groupTitleColor;
		var itemConfig = data.context,
		width = data.width,
		height = data.height;
		var backgroundColor = itemConfig.groupTitleColor \|\| groupTitleColor;
		var label = (itemConfig.groupTitle \|\| "").replace("\n", "<br/>");

		var color = _basicprimitives["default"].common.highestContrast(backgroundColor, itemTitleSecondFontColor, itemTitleFirstFontColor);

		var orientations = ['Horizontal', 'RotateLeft', 'RotateRight', 'Horizontal'],
		render(data) {
		const {
		groupTitleFontSize,
		groupTitleFontFamily,
		groupTitleFontWeight,
		groupTitleFontStyle,
		itemTitleSecondFontColor,
		itemTitleFirstFontColor,
		groupTitleOrientation,
		groupTitleHorizontalAlignment,
		groupTitleVerticalAlignment,
		groupTitleColor
		} = this.options;
		const {
		context: itemConfig,
		width,
		height
		} = data;
		const backgroundColor = itemConfig.groupTitleColor \|\| groupTitleColor;
		const label = (itemConfig.groupTitle \|\| "").replace("\n", "<br/>");
		const color = primitives.common.highestContrast(backgroundColor, itemTitleSecondFontColor, itemTitleFirstFontColor);
		const orientations = ['Horizontal', 'RotateLeft', 'RotateRight', 'Horizontal'],
		horizontalAlignments = ['center', 'left', 'right'],
		verticalAlignments = ['top', 'middle', 'bottom'];
		var style = {
		backgroundColor: backgroundColor,
		color: color,
		fontSize: groupTitleFontSize,
		fontFamily: groupTitleFontFamily,
		fontWeight: groupTitleFontWeight,
		fontStyle: groupTitleFontStyle
		};
		return _react["default"].createElement("div", {
		className: "BPGroupTitleFrame",
		style: style
		}, _react["default"].createElement(_RotatedText["default"], {
		width: width,
		height: height,
		orientation: orientations[groupTitleOrientation],
		horizontalAlignment: horizontalAlignments[groupTitleHorizontalAlignment],
		verticalAlignment: verticalAlignments[groupTitleVerticalAlignment]
		}, label));
		}
		}]);
		const style = {
		backgroundColor,
		color,
		fontSize: groupTitleFontSize,
		fontFamily: groupTitleFontFamily,
		fontWeight: groupTitleFontWeight,
		fontStyle: groupTitleFontStyle
		};
		return React.createElement("div", {
		className: "BPGroupTitleFrame",
		style: style
		}, React.createElement(RotatedText, {
		width: width,
		height: height,
		orientation: orientations[groupTitleOrientation],
		horizontalAlignment: horizontalAlignments[groupTitleHorizontalAlignment],
		verticalAlignment: verticalAlignments[groupTitleVerticalAlignment]
		}, label));
		}

		return GroupTitleTemplate;
		}(_AbstractTemplate2["default"]);
		}

		;
		var _default = GroupTitleTemplate;
		exports["default"] = _default;
		export default GroupTitleTemplate;

dist/Templates/HighlightTemplate.js

		@@ -1,68 +0,28 @@
		"use strict";
		import React from 'react';
		import AbstractTemplate from './AbstractTemplate';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;
		class HighlightTemplate extends AbstractTemplate {
		constructor(options, config) {
		super();
		this.options = options;
		this.config = config;
		this.render = this.render.bind(this);
		}

		var _react = _interopRequireDefault(require("react"));

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var HighlightTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(HighlightTemplate, _AbstractTemplate);

		function HighlightTemplate(options, config) {
		var _this;

		_classCallCheck(this, HighlightTemplate);

		_this = _possibleConstructorReturn(this, _getPrototypeOf(HighlightTemplate).call(this));
		_this.options = options;
		_this.config = config;
		_this.render = _this.render.bind(_assertThisInitialized(_this));
		return _this;
		render(data) {
		const {
		highlightBorderWidth
		} = this.config;
		const style = {
		borderWidth: highlightBorderWidth + "px"
		};
		return React.createElement("div", {
		className: "BPHighlightFrame",
		style: style
		});
		}

		_createClass(HighlightTemplate, [{
		key: "render",
		value: function render(data) {
		var highlightBorderWidth = this.config.highlightBorderWidth;
		var style = {
		borderWidth: highlightBorderWidth + "px"
		};
		return _react["default"].createElement("div", {
		className: "BPHighlightFrame",
		style: style
		});
		}
		}]);
		}

		return HighlightTemplate;
		}(_AbstractTemplate2["default"]);

		;
		var _default = HighlightTemplate;
		exports["default"] = _default;
		export default HighlightTemplate;

dist/Templates/index.js

		@@ -1,49 +0,20 @@
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports.LabelAnnotationTemplate = exports.UserTemplate = exports.ItemTemplate = exports.HighlightTemplate = exports.GroupTitleTemplate = exports.DotHighlightTemplate = exports.CursorTemplate = exports.CheckBoxTemplate = exports.ButtonsTemplate = exports.AnnotationLabelTemplate = void 0;

		var _AnnotationLabelTemplate = _interopRequireDefault(require("./AnnotationLabelTemplate"));

		var _ButtonsTemplate = _interopRequireDefault(require("./ButtonsTemplate"));

		var _CheckBoxTemplate = _interopRequireDefault(require("./CheckBoxTemplate"));

		var _CursorTemplate = _interopRequireDefault(require("./CursorTemplate"));

		var _DotHighlightTemplate = _interopRequireDefault(require("./DotHighlightTemplate"));

		var _GroupTitleTemplate = _interopRequireDefault(require("./GroupTitleTemplate"));

		var _HighlightTemplate = _interopRequireDefault(require("./HighlightTemplate"));

		var _ItemTemplate = _interopRequireDefault(require("./ItemTemplate"));

		var _UserTemplate = _interopRequireDefault(require("./UserTemplate"));

		var _LabelAnnotationTemplate = _interopRequireDefault(require("./LabelAnnotationTemplate"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		var AnnotationLabelTemplate = _AnnotationLabelTemplate["default"];
		exports.AnnotationLabelTemplate = AnnotationLabelTemplate;
		var ButtonsTemplate = _ButtonsTemplate["default"];
		exports.ButtonsTemplate = ButtonsTemplate;
		var CheckBoxTemplate = _CheckBoxTemplate["default"];
		exports.CheckBoxTemplate = CheckBoxTemplate;
		var CursorTemplate = _CursorTemplate["default"];
		exports.CursorTemplate = CursorTemplate;
		var DotHighlightTemplate = _DotHighlightTemplate["default"];
		exports.DotHighlightTemplate = DotHighlightTemplate;
		var GroupTitleTemplate = _GroupTitleTemplate["default"];
		exports.GroupTitleTemplate = GroupTitleTemplate;
		var HighlightTemplate = _HighlightTemplate["default"];
		exports.HighlightTemplate = HighlightTemplate;
		var ItemTemplate = _ItemTemplate["default"];
		exports.ItemTemplate = ItemTemplate;
		var UserTemplate = _UserTemplate["default"];
		exports.UserTemplate = UserTemplate;
		var LabelAnnotationTemplate = _LabelAnnotationTemplate["default"];
		exports.LabelAnnotationTemplate = LabelAnnotationTemplate;
		import annotationLabelTemplate from './AnnotationLabelTemplate';
		import buttonsTemplate from './ButtonsTemplate';
		import checkBoxTemplate from './CheckBoxTemplate';
		import cursorTemplate from './CursorTemplate';
		import dotHighlightTemplate from './DotHighlightTemplate';
		import groupTitleTemplate from './GroupTitleTemplate';
		import highlightTemplate from './HighlightTemplate';
		import itemTemplate from './ItemTemplate';
		import userTemplate from './UserTemplate';
		import labelAnnotationTemplate from './LabelAnnotationTemplate';
		export const AnnotationLabelTemplate = annotationLabelTemplate;
		export const ButtonsTemplate = buttonsTemplate;
		export const CheckBoxTemplate = checkBoxTemplate;
		export const CursorTemplate = cursorTemplate;
		export const DotHighlightTemplate = dotHighlightTemplate;
		export const GroupTitleTemplate = groupTitleTemplate;
		export const HighlightTemplate = highlightTemplate;
		export const ItemTemplate = itemTemplate;
		export const UserTemplate = userTemplate;
		export const LabelAnnotationTemplate = labelAnnotationTemplate;

121

dist/Templates/ItemTemplate.js

		@@ -1,88 +0,45 @@
		"use strict";
		import React from 'react';
		import primitives from 'basicprimitives';
		import AbstractTemplate from './AbstractTemplate';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;
		class ItemTemplate extends AbstractTemplate {
		constructor(options, config) {
		super();
		this.options = options;
		this.config = config;
		this.render = this.render.bind(this);
		}

		var _react = _interopRequireDefault(require("react"));

		var _basicprimitives = _interopRequireDefault(require("basicprimitives"));

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var ItemTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(ItemTemplate, _AbstractTemplate);

		function ItemTemplate(options, config) {
		var _this;

		_classCallCheck(this, ItemTemplate);

		_this = _possibleConstructorReturn(this, _getPrototypeOf(ItemTemplate).call(this));
		_this.options = options;
		_this.config = config;
		_this.render = _this.render.bind(_assertThisInitialized(_this));
		return _this;
		render(data) {
		const {
		context: itemConfig
		} = data;
		const itemTitleColor = itemConfig.itemTitleColor != null ? itemConfig.itemTitleColor : primitives.common.Colors.RoyalBlue,
		color = primitives.common.highestContrast(itemTitleColor, this.options.itemTitleSecondFontColor, this.options.itemTitleFirstFontColor);
		return React.createElement("div", {
		className: "BPDefaultTemplate"
		}, React.createElement("div", {
		className: "BPTitleBackground",
		style: {
		backgroundColor: itemTitleColor
		}
		}, React.createElement("div", {
		className: "BPTitle",
		style: {
		color
		}
		}, itemConfig.title)), React.createElement("div", {
		className: "BPPhotoFrame"
		}, React.createElement("img", {
		className: "BPPhoto",
		src: itemConfig.image,
		alt: itemConfig.title
		})), React.createElement("div", {
		className: "BPDescription"
		}, itemConfig.description));
		}

		_createClass(ItemTemplate, [{
		key: "render",
		value: function render(data) {
		var itemConfig = data.context;
		}

		var itemTitleColor = itemConfig.itemTitleColor != null ? itemConfig.itemTitleColor : _basicprimitives["default"].common.Colors.RoyalBlue,
		color = _basicprimitives["default"].common.highestContrast(itemTitleColor, this.options.itemTitleSecondFontColor, this.options.itemTitleFirstFontColor);

		return _react["default"].createElement("div", {
		className: "BPDefaultTemplate"
		}, _react["default"].createElement("div", {
		className: "BPTitleBackground",
		style: {
		backgroundColor: itemTitleColor
		}
		}, _react["default"].createElement("div", {
		className: "BPTitle",
		style: {
		color: color
		}
		}, itemConfig.title)), _react["default"].createElement("div", {
		className: "BPPhotoFrame"
		}, _react["default"].createElement("img", {
		className: "BPPhoto",
		src: itemConfig.image,
		alt: itemConfig.title
		})), _react["default"].createElement("div", {
		className: "BPDescription"
		}, itemConfig.description));
		}
		}]);

		return ItemTemplate;
		}(_AbstractTemplate2["default"]);

		;
		var _default = ItemTemplate;
		exports["default"] = _default;
		export default ItemTemplate;

dist/Templates/LabelAnnotationTemplate.js

		@@ -1,54 +0,14 @@
		"use strict";
		import AbstractTemplate from './AbstractTemplate';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var LabelAnnotationTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(LabelAnnotationTemplate, _AbstractTemplate);

		function LabelAnnotationTemplate() {
		_classCallCheck(this, LabelAnnotationTemplate);

		return _possibleConstructorReturn(this, _getPrototypeOf(LabelAnnotationTemplate).apply(this, arguments));
		class LabelAnnotationTemplate extends AbstractTemplate {
		render(data) {
		var {
		title
		} = data.context;
		return title;
		}

		_createClass(LabelAnnotationTemplate, [{
		key: "render",
		value: function render(data) {
		var title = data.context.title;
		return title;
		}
		}]);
		}

		return LabelAnnotationTemplate;
		}(_AbstractTemplate2["default"]);

		;
		var _default = LabelAnnotationTemplate;
		exports["default"] = _default;
		export default LabelAnnotationTemplate;

209

dist/Templates/RotatedText.js

		@@ -1,143 +0,95 @@
		"use strict";
		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;
		import React, { Component } from 'react';
		import PropTypes from 'prop-types';

		var _react = _interopRequireWildcard(require("react"));
		class RotatedText extends Component {
		getTransform(orientation) {
		let result = "";

		var _propTypes = _interopRequireDefault(require("prop-types"));
		switch (orientation) {
		case 'RotateLeft':
		result = "rotate(-90deg)";
		break;

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
		case 'RotateRight':
		result = "rotate(90deg)";
		break;

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
		default:
		break;
		}

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

		function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

		function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

		var RotatedText =
		/#__PURE__/
		function (_Component) {
		_inherits(RotatedText, _Component);

		function RotatedText() {
		_classCallCheck(this, RotatedText);

		return _possibleConstructorReturn(this, _getPrototypeOf(RotatedText).apply(this, arguments));
		return result;
		}

		_createClass(RotatedText, [{
		key: "getTransform",
		value: function getTransform(orientation) {
		var result = "";
		render() {
		const {
		children,
		width,
		height,
		orientation,
		horizontalAlignment,
		verticalAlignment
		} = this.props;
		const transform = this.getTransform(orientation);
		let size = null;

		switch (orientation) {
		case 'RotateLeft':
		result = "rotate(-90deg)";
		break;

		case 'RotateRight':
		result = "rotate(90deg)";
		break;

		default:
		break;
		}

		return result;
		if (orientation === "Horizontal") {
		size = {
		width: width + "px",
		height: height + "px",
		maxWidth: width + "px",
		maxHeight: height + "px"
		};
		} else {
		size = {
		width: height + "px",
		height: width + "px",
		maxWidth: height + "px",
		maxHeight: width + "px",
		left: Math.round(width / 2.0 - height / 2.0) + "px",
		top: Math.round(height / 2.0 - width / 2.0) + "px"
		};
		}
		}, {
		key: "render",
		value: function render() {
		var _this$props = this.props,
		children = _this$props.children,
		width = _this$props.width,
		height = _this$props.height,
		orientation = _this$props.orientation,
		horizontalAlignment = _this$props.horizontalAlignment,
		verticalAlignment = _this$props.verticalAlignment;
		var transform = this.getTransform(orientation);
		var size = null;

		if (orientation === "Horizontal") {
		size = {
		width: width + "px",
		height: height + "px",
		maxWidth: width + "px",
		maxHeight: height + "px"
		};
		} else {
		size = {
		width: height + "px",
		height: width + "px",
		maxWidth: height + "px",
		maxHeight: width + "px",
		left: Math.round(width / 2.0 - height / 2.0) + "px",
		top: Math.round(height / 2.0 - width / 2.0) + "px"
		};
		var style = {
		position: "absolute",
		padding: 0,
		margin: 0,
		lineHeight: 1,
		textAlign: horizontalAlignment,
		WebkitTransformOrigin: "center center",
		MozTransformOrigin: "center center",
		OTransformOrigin: "center center",
		msTransformOrigin: "center center",
		WebkitTransform: transform,
		MozTransform: transform,
		OTransform: transform,
		msTransform: transform,
		transform,
		...size
		};
		return verticalAlignment === 'top' ? React.createElement("div", {
		style: style
		}, children) : React.createElement("table", {
		style: { ...style,
		borderCollapse: "collapse"
		}
		}, React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", {
		style: {
		verticalAlign: verticalAlignment,
		padding: 0
		}
		}, children))));
		}

		var style = _objectSpread({
		position: "absolute",
		padding: 0,
		margin: 0,
		lineHeight: 1,
		textAlign: horizontalAlignment,
		WebkitTransformOrigin: "center center",
		MozTransformOrigin: "center center",
		OTransformOrigin: "center center",
		msTransformOrigin: "center center",
		WebkitTransform: transform,
		MozTransform: transform,
		OTransform: transform,
		msTransform: transform,
		transform: transform
		}, size);
		}

		return verticalAlignment === 'top' ? _react["default"].createElement("div", {
		style: style
		}, children) : _react["default"].createElement("table", {
		style: _objectSpread({}, style, {
		borderCollapse: "collapse"
		})
		}, _react["default"].createElement("tbody", null, _react["default"].createElement("tr", null, _react["default"].createElement("td", {
		style: {
		verticalAlign: verticalAlignment,
		padding: 0
		}
		}, children))));
		}
		}]);

		return RotatedText;
		}(_react.Component);

		_defineProperty(RotatedText, "propTypes", {
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired,
		orientation: _propTypes["default"].oneOf(['Horizontal', 'RotateLeft', 'RotateRight']),
		horizontalAlignment: _propTypes["default"].oneOf(['left', 'center', 'right']),
		verticalAlignment: _propTypes["default"].oneOf(['top', 'middle', 'bottom'])
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired,
		orientation: PropTypes.oneOf(['Horizontal', 'RotateLeft', 'RotateRight']),
		horizontalAlignment: PropTypes.oneOf(['left', 'center', 'right']),
		verticalAlignment: PropTypes.oneOf(['top', 'middle', 'bottom'])
		});
		@@ -151,3 +103,2 @@

		var _default = RotatedText;
		exports["default"] = _default;
		export default RotatedText;

dist/Templates/UserTemplate.js

		@@ -1,46 +0,12 @@
		"use strict";
		import AbstractTemplate from './AbstractTemplate';

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports["default"] = void 0;

		var _AbstractTemplate2 = _interopRequireDefault(require("./AbstractTemplate"));

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

		function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

		function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } return _assertThisInitialized(self); }

		function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

		function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

		function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

		function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

		var UserTemplate =
		/#__PURE__/
		function (_AbstractTemplate) {
		_inherits(UserTemplate, _AbstractTemplate);

		function UserTemplate(options, content, onRender) {
		var _this;

		_classCallCheck(this, UserTemplate);

		_this = _possibleConstructorReturn(this, _getPrototypeOf(UserTemplate).call(this));
		_this.render = onRender;
		return _this;
		class UserTemplate extends AbstractTemplate {
		constructor(options, content, onRender) {
		super();
		this.render = onRender;
		}

		return UserTemplate;
		}(_AbstractTemplate2["default"]);
		}

		;
		var _default = UserTemplate;
		exports["default"] = _default;
		export default UserTemplate;

package.json

		{
		"name": "basicprimitivesreact",
		"version": "5.4.9",
		"version": "5.4.10",
		"main": "dist/index.js",
		@@ -8,8 +8,6 @@ "module": "dist/index.js",
		"presets": [
		"@babel/preset-env",
		"@babel/preset-react"
		],
		"plugins": [
		"@babel/plugin-proposal-class-properties",
		"css-modules-transform"
		"@babel/plugin-proposal-class-properties"
		]
		@@ -37,9 +35,8 @@ },
		"@fortawesome/react-fontawesome": "^0.1.4",
		"babel-plugin-css-modules-transform": "^1.6.2",
		"node-sass": "^4.12.0",
		"react": "^16.8.6",
		"react-dom": "^16.8.6",
		"react-scripts": "3.0.1",
		"react-dnd": "^9.3.2",
		"react-dnd-html5-backend": "^9.3.2",
		"react-dom": "^16.8.6",
		"react-scripts": "3.0.1"
		"react-dnd-html5-backend": "^9.3.2"
		},
		@@ -70,44 +67,3 @@ "scripts": {
		]
		},
		"keywords": [
		"data analytics",
		"data visualization",
		"visualization",
		"diagrams",
		"diagram layout",
		"chart",
		"charting library",
		"diagram",
		"diagrams visualization",
		"diagram editor",
		"diagram generator",
		"tree",
		"hierarchy",
		"organizational chart",
		"multiple inheritance visualization",
		"family tree",
		"dependency diagram",
		"dependencies diagram",
		"PERT",
		"financial ownership diagram",
		"DAG",
		"directed acyclic graph",
		"ui",
		"input",
		"multiselect",
		"treeview",
		"treeselect",
		"control",
		"widget",
		"component",
		"react",
		"javascript",
		"component library",
		"react component",
		"javascript control",
		"PDF",
		"PDFKit",
		"pdfkit plugin",
		"pdf generation"
		]
		}
		}

docs/images/PageSizeDiagram1.png

docs/images/PageSizeDiagram2.png

docs/images/PageSizeDiagram3.png

docs/PageSizeDiagram.md

dist/Diagrams.css

Sorry, the diff of this file is not supported yet

dist/Diagrams.scss

Sorry, the diff of this file is not supported yet

basicprimitivesreact - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics