basicprimitivesreact

Package Overview

Dependencies

Maintainers

Versions

Alerts

File Explorer

Advanced tools

License

Install Socket

Detect and block malicious and high-risk dependencies

Install

basicprimitivesreact - npm Package Compare versions

Comparing version 5.4.14 to 5.4.15

1142

dist/BaseDiagram.js

		@@ -0,24 +1,72 @@
		"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; }

		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';
		var BaseDiagram =
		/#__PURE__/
		function (_Component) {
		_inherits(BaseDiagram, _Component);

		class BaseDiagram extends Component {
		constructor(props, namespace) {
		super(props);
		this.namespace = namespace;
		const {
		config,
		centerOnCursor
		} = props;
		const {
		highlightItem,
		cursorItem,
		selectedItems
		} = config;
		this.state = {
		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 = {
		viewportSize: {
		@@ -32,161 +80,160 @@ width: 0,
		},
		centerOnCursor,
		highlightItem,
		cursorItem,
		centerOnCursor: centerOnCursor,
		highlightItem: highlightItem,
		cursorItem: cursorItem,
		selectedItems: (selectedItems \|\| []).slice()
		};
		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
		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
		};
		this.tasks = namespace.TaskManagerFactory(this.getOptions, this.getGraphics, this.getLayout, this.setLayout, this.templates);
		_this.tasks = namespace.TaskManagerFactory(_this.getOptions, _this.getGraphics, _this.getLayout, _this.setLayout, _this.templates);
		return _this;
		}

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

		if (config !== nextConfig) {
		const {
		highlightItem,
		cursorItem,
		selectedItems
		} = nextConfig;
		this.setState({
		highlightItem,
		cursorItem,
		selectedItems: (selectedItems \|\| []).slice(),
		centerOnCursor
		});
		if (config !== nextConfig) {
		var highlightItem = nextConfig.highlightItem,
		cursorItem = nextConfig.cursorItem,
		selectedItems = nextConfig.selectedItems;
		this.setState({
		highlightItem: highlightItem,
		cursorItem: cursorItem,
		selectedItems: (selectedItems \|\| []).slice(),
		centerOnCursor: 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');

		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

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

		componentWillUnmount() {
		// destroy timer
		clearTimeout(this.timer);
		this.timer = null; // destroy observer
		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;
		}
		}
		}, {
		key: "fixPixelAlignment",
		value: function fixPixelAlignment() {
		var current = this.scrollPanelRef.current;

		this.observer.disconnect();
		}
		var pixelAlignmentFix = _basicprimitives["default"].common.getFixOfPixelALignment(current);

		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;
		current.style.marginLeft = pixelAlignmentFix.width + "px";
		current.style.marginTop = pixelAlignmentFix.height + "px";
		}
		}
		}, {
		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;

		fixPixelAlignment() {
		const {
		current
		} = this.scrollPanelRef;
		var pixelAlignmentFix = primitives.common.getFixOfPixelALignment(current);
		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);
		this.setState({
		viewportSize: {
		width: width,
		height: height
		},
		centerOnCursor: true
		});
		}
		}

		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),
		}, {
		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),
		x = event.pageX - placeholderOffset.left,
		@@ -197,59 +244,63 @@ y = event.pageY - placeholderOffset.top,

		if (highlightItemOptionTask.hasHighlightEnabled()) {
		const itemId = createTransformTask.getTreeItemForMousePosition(x, y, highlightItemOptionTask.getGravityRadius());
		this.setHighlightItem(event, itemId);
		if (highlightItemOptionTask.hasHighlightEnabled()) {
		var 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;

		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;
		}

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

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

		if (newItemConfig.parent !== null) {
		result.parentItem = combinedContextsTask.getConfig(newItemConfig.parent);
		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);
		}

		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);
		}
		if (name != null) {
		result.name = name;
		}

		if (name != null) {
		result.name = name;
		return result;
		}
		}, {
		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;

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

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

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

		if (newCursorItemId !== cursorItem) {
		eventArgs = this.getEventArgs(cursorItem, newCursorItemId);

		if (onCursorChanging != null) {
		if (!onCursorChanging(event, eventArgs)) {
		cancel = true;
		if (onCursorChanging != null) {
		if (!onCursorChanging(event, eventArgs)) {
		cancel = true;
		this.setState({
		cursorItem: newCursorItemId,
		centerOnCursor: true
		});
		}
		} else {
		this.setState({
		@@ -298,362 +348,369 @@ 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;

		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;
		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;

		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 (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
		}

		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 (onSelectionChanging != null) {
		cancel = onSelectionChanging(event, selectedItems, newSelectedItems);
		}

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

		if (!cancel) {
		this.setState({
		selectedItems: newSelectedItems
		});

		if (onSelectionChanged != null) {
		onSelectionChanged(event, 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;

		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();

		if (highlightItemOptionTask.hasHighlightEnabled() && cursorItemOptionTask.hasCursorEnabled()) {
		navigationItem = highlightItemTask.getHighlightTreeItem();

		if (navigationItem === null) {
		if (navigationItem === null) {
		navigationItem = cursorItemTask.getCursorTreeItem();
		}
		} else if (highlightItemOptionTask.hasHighlightEnabled()) {
		navigationItem = highlightItemTask.getHighlightTreeItem();
		} else if (cursorItemOptionTask.hasCursorEnabled()) {
		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 = primitives.common.OrientationType.Bottom;
		break;
		case 40:
		/Down/
		direction = _basicprimitives["default"].common.OrientationType.Bottom;
		break;

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

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

		case 39:
		/Right/
		direction = primitives.common.OrientationType.Right;
		break;
		case 39:
		/Right/
		direction = _basicprimitives["default"].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 */

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

		onHighlightRender(data) {
		const {
		templateName
		} = data;
		const template = this.templatesHash[templateName];
		return template.onHighlightRender(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
		}

		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>"
		this.layoutOptions = {
		autoSize: autoSize,
		scrollPanelSize: scrollPanelAutoSize,
		mousePanelSize: mousePanelSize,
		scale: scale
		};
		});
		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
		};
		}
		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 */

		getGraphics() {
		return this.graphics;
		}
		var scaletext = "scale(" + scale + "," + scale + ")";
		return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("div", {
		ref: this.scrollPanelRef,
		onScroll: this.onScroll,
		onKeyDown: this.onKeyDown,
		style: _objectSpread({
		position: "relative",
		overflow: "auto",
		WebkitOverflowScrolling: "touch",
		width: "100%",
		height: "100%",
		padding: "0px",
		marginBottom: "0px",
		marginRight: "0px"
		}, autoSize ? scrollPanelSize.getCSS() : {}),
		tabIndex: "0"
		}, _react["default"].createElement("div", {
		ref: this.mousePanelRef,
		onMouseMove: this.onMouseMove,
		onClick: this.onClick,
		onChange: this.onCheckboxChange,
		style: _objectSpread({
		position: "absolute",
		overflow: "hidden"
		}, mousePanelSize.getCSS())
		}, _react["default"].createElement("div", {
		ref: this.placeholderRef,
		style: _objectSpread({}, placeholderRectCSS, {
		position: "absolute",
		overflow: "hidden",
		"transformOrigin": "0 0",
		"transform": scaletext,
		"msTransform": scaletext,

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

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

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

		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
		})
		}, graphics.map(this, "placeholder", function (layerKey, elements) {
		return _react["default"].createElement("div", {
		key: layerKey,
		style: {
		position: "absolute",
		overflow: "visible",
		left: "0px",
		top: "0px"
		}
		}, elements);
		}), calloutplaceholder && _react["default"].createElement("div", {
		key: "Callout",
		style: {
		position: "absolute",
		overflow: "visible",
		left: calloutplaceholder.rect.x + "px",
		top: calloutplaceholder.rect.y + "px"
		}
		}, graphics.map(this, "calloutplaceholder", function (layerKey, elements) {
		return _react["default"].createElement("div", {
		key: layerKey,
		style: {
		position: "absolute",
		overflow: "visible"
		}
		}, elements);
		}))))));
		}
		}]);

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

		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.bool,
		centerOnCursor: _propTypes["default"].bool,
		// eslint-disable-line react/no-unused-prop-types
		onHighlightChanging: PropTypes.func,
		onHighlightChanging: _propTypes["default"].func,
		// eslint-disable-line react/no-unused-prop-types
		onHighlightChanged: PropTypes.func,
		onHighlightChanged: _propTypes["default"].func,
		// eslint-disable-line react/no-unused-prop-types
		onCursorChanging: PropTypes.func,
		onCursorChanging: _propTypes["default"].func,
		// eslint-disable-line react/no-unused-prop-types
		onCursorChanged: PropTypes.func,
		onCursorChanged: _propTypes["default"].func,
		// eslint-disable-line react/no-unused-prop-types
		onSelectionChanging: PropTypes.func,
		onSelectionChanging: _propTypes["default"].func,
		// eslint-disable-line react/no-unused-prop-types
		onSelectionChanged: PropTypes.func // eslint-disable-line react/no-unused-prop-types
		onSelectionChanged: _propTypes["default"].func // eslint-disable-line react/no-unused-prop-types

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

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

dist/FamDiagram.js

		@@ -0,19 +1,52 @@
		"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; }

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

		class FamDiagram extends BaseDiagram {
		constructor(props) {
		super(props, primitives.famdiagram);
		function FamDiagram(props) {
		_classCallCheck(this, FamDiagram);

		return _possibleConstructorReturn(this, _getPrototypeOf(FamDiagram).call(this, props, _basicprimitives["default"].famdiagram));
		}

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

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

		});

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

605

dist/Graphics.js

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

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

		}
		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;
		};

		;

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

		this.name = name;
		@@ -27,13 +53,21 @@ this.items = [];

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

		}
		return Layer;
		}();

		;

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

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

		clean() {
		this.placeholders = {};
		this.activePlaceholder = null;
		}
		_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];

		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;
		if (placeholder != null) {
		placeholder.isVisible = true;
		}
		}
		}
		}, {
		key: "hide",
		value: function hide(name) {
		var placeholder = this.placeholders[name];

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

		if (placeholder != null) {
		placeholder.isVisible = false;
		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];

		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 (placeholder != null) {
		var layer = placeholder.layers[layerName];

		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();
		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];

		activate(placeholderName, layerKey) {
		this.activatePlaceholder(placeholderName);
		this.activateLayer(layerKey);
		return this.activePlaceholder;
		}
		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;
		}

		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;
		this.activePlaceholder = placeholder;
		}
		}, {
		key: "activateLayer",
		value: function activateLayer(value) {
		var name = this.names[value];
		var layer = this.activePlaceholder.layers[name];

		this.activePlaceholder = placeholder;
		}
		if (layer === undefined) {
		layer = new Layer(name);
		this.activePlaceholder.layers[name] = 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;
		this.activePlaceholder.activeLayer = layer;
		}
		}, {
		key: "map",
		value: function map(thisArg, placeholderName, onLayer) {
		var result = [];

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

		map(thisArg, placeholderName, onLayer) {
		var result = [];
		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)));
		}
		});
		}

		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)));
		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", {
		key: this.activePlaceholder.activeLayer.items.length,
		style: _objectSpread({
		position: "absolute",
		overflow: "visible",
		fontFamily: "Trebuchet MS, Tahoma, Verdana, Arial, sans-serif",
		WebkitTapHighlightColor: "rgba(0,0,0,0)",
		WebkitUserSelect: "none",
		WebkitTouchCallout: "none",
		KhtmlUserSelect: "none",
		MozUserSelect: "none",
		msUserSelect: "none",
		userSelect: "none",
		boxSizing: "content-box"
		}, 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);
		}
		});
		}
		}, {
		key: "polyline",
		value: function polyline(polylineData) {
		var data,
		attr = polylineData.paletteItem.toAttr(),
		step,
		radius,
		cornerRadius,
		style = {}; //polyline = new primitives.common.Element(this._svgxmlns, "path");

		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"
		if (attr.fillColor !== undefined) {
		style.fill = attr.fillColor;
		style.fillOpacity = attr.opacity;
		} else {
		style.fillOpacity = 0;
		}
		}, React.createElement(RotatedText, {
		width: width,
		height: height,
		orientation: this.orientations[orientation],
		horizontalAlignment: this.horizontalAlignments[horizontalAlignment],
		verticalAlignment: this.verticalAlignments[verticalAlignment]
		}, label)));
		}

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

		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;
		if (attr.opacity !== undefined) {
		style.strokeOpacity = attr.opacity;
		} else {
		style.strokeOpacity = 1;
		}
		} else {
		style.strokeOpacity = 1;
		style.stroke = "transparent";
		style.strokeWidth = 0;
		}
		} 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 primitives.common.LineType.Dotted:
		style.strokeDasharray = step + "," + step;
		break;
		switch (attr.lineType) {
		case _basicprimitives["default"].common.LineType.Dotted:
		style.strokeDasharray = step + "," + step;
		break;

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

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

		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;
		data = "";
		polylineData.loop(this, function (segment) {
		switch (segment.segmentType) {
		case _basicprimitives["default"].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 _basicprimitives["default"].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 _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;

		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);
		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 _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);
		}

		break;
		break;

		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;
		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.createElement("path", {
		key: this.activePlaceholder.activeLayer.polylines.length,
		d: data,
		style: style
		}));
		}

		template(x, y, width, height, contentx, contenty, contentWidth, contentHeight, template, hashCode, onRenderTemplate, uiHash, attr) {
		//ignore jslint
		let style;
		const left = x + contentx,
		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,
		top = y + contenty,
		templateWidth = contentWidth,
		templateHeight = contentHeight;
		style = {
		"width": templateWidth + "px",
		"height": templateHeight + "px",
		"top": top + "px",
		"left": left + "px",
		"position": "absolute",
		"padding": "0px",
		"margin": "0px",
		...attr
		};
		style = _objectSpread({
		"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.createElement("div", {
		className: "BPItemPlaceholder",
		key: this.activePlaceholder.activeLayer.items.length,
		style: style
		}, onRenderTemplate(uiHash)));
		if (onRenderTemplate !== null) {
		this.activePlaceholder.activeLayer.items.push(_react["default"].createElement("div", {
		key: this.activePlaceholder.activeLayer.items.length,
		style: _objectSpread({
		position: "absolute",
		overflow: "visible",
		fontFamily: "Trebuchet MS, Tahoma, Verdana, Arial, sans-serif",
		WebkitTapHighlightColor: "rgba(0,0,0,0)",
		WebkitUserSelect: "none",
		WebkitTouchCallout: "none",
		KhtmlUserSelect: "none",
		MozUserSelect: "none",
		msUserSelect: "none",
		userSelect: "none",
		boxSizing: "content-box"
		}, 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 result;
		}
		return Graphics;
		}();

		}

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

dist/index.js

		@@ -1,4 +0,61 @@
		import orgDiagram from './OrgDiagram';
		import famDiagram from './FamDiagram';
		export const OrgDiagram = orgDiagram;
		export const FamDiagram = famDiagram;
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		exports.TemplateConfig = exports.ShapeAnnotationConfig = exports.PaletteItemConfig = exports.OrgDiagramItemConfig = exports.OrgDiagramConfig = exports.LabelAnnotationConfig = exports.HighlightPathAnnotationConfig = exports.FamDiagramItemConfig = exports.FamDiagramConfig = exports.ConnectorAnnotationConfig = exports.BackgroundAnnotationConfig = exports.FamDiagram = exports.OrgDiagram = void 0;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		var OrgDiagram = _OrgDiagram["default"];
		exports.OrgDiagram = OrgDiagram;
		var FamDiagram = _FamDiagram["default"];
		exports.FamDiagram = FamDiagram;
		var BackgroundAnnotationConfig = _BackgroundAnnotationConfig["default"];
		exports.BackgroundAnnotationConfig = BackgroundAnnotationConfig;
		var ConnectorAnnotationConfig = _ConnectorAnnotationConfig["default"];
		exports.ConnectorAnnotationConfig = ConnectorAnnotationConfig;
		var FamDiagramConfig = _FamDiagramConfig["default"];
		exports.FamDiagramConfig = FamDiagramConfig;
		var FamDiagramItemConfig = _FamDiagramItemConfig["default"];
		exports.FamDiagramItemConfig = FamDiagramItemConfig;
		var HighlightPathAnnotationConfig = _HighlightPathAnnotationConfig["default"];
		exports.HighlightPathAnnotationConfig = HighlightPathAnnotationConfig;
		var LabelAnnotationConfig = _LabelAnnotationConfig["default"];
		exports.LabelAnnotationConfig = LabelAnnotationConfig;
		var OrgDiagramConfig = _OrgDiagramConfig["default"];
		exports.OrgDiagramConfig = OrgDiagramConfig;
		var OrgDiagramItemConfig = _OrgDiagramItemConfig["default"];
		exports.OrgDiagramItemConfig = OrgDiagramItemConfig;
		var PaletteItemConfig = _PaletteItemConfig["default"];
		exports.PaletteItemConfig = PaletteItemConfig;
		var ShapeAnnotationConfig = _ShapeAnnotationConfig["default"];
		exports.ShapeAnnotationConfig = ShapeAnnotationConfig;
		var TemplateConfig = _TemplateConfig["default"];
		exports.TemplateConfig = TemplateConfig;

dist/OrgDiagram.js

		@@ -0,19 +1,52 @@
		"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; }

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

		class OrgDiagram extends BaseDiagram {
		constructor(props) {
		super(props, primitives.orgdiagram);
		function OrgDiagram(props) {
		_classCallCheck(this, OrgDiagram);

		return _possibleConstructorReturn(this, _getPrototypeOf(OrgDiagram).call(this, props, _basicprimitives["default"].orgdiagram));
		}

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

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

		});

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

dist/Schemas/BackgroundAnnotationConfig.js

		@@ -1,21 +0,34 @@
		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
		"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
		}),
		lineWidth: PropTypes.number,
		opacity: PropTypes.number,
		borderColor: PropTypes.string,
		fillColor: PropTypes.string,
		lineType: PropTypes.oneOf(Object.values(primitives.common.LineType)),
		selectItems: PropTypes.bool
		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
		});
		export default BackgroundAnnotationConfig;

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

dist/Schemas/ConnectorAnnotationConfig.js

		@@ -1,27 +0,40 @@
		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
		"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
		})]),
		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
		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
		})
		});
		export default ConnectorAnnotationConfig;

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

241

dist/Schemas/FamDiagramConfig.js

		@@ -1,114 +0,135 @@
		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
		"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
		}),
		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
		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
		}),
		autoSizeMaximum: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		autoSizeMaximum: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		})
		});
		export default Config;

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

dist/Schemas/FamDiagramItemConfig.js

		@@ -1,30 +0,43 @@
		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
		"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
		}),
		labelOrientation: PropTypes.oneOf(Object.values(primitives.text.TextOrientationType)),
		labelPlacement: PropTypes.oneOf(Object.values(primitives.common.PlacementType))
		labelOrientation: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].text.TextOrientationType)),
		labelPlacement: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.PlacementType))
		});
		export default ItemConfig;

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

dist/Schemas/HighlightPathAnnotationConfig.js

		@@ -1,14 +0,27 @@
		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
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		export default HighlightPathAnnotationConfig;
		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;

dist/Schemas/LabelAnnotationConfig.js

		@@ -1,11 +0,24 @@
		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
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		export default LabelAnnotationConfig;
		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;

227

dist/Schemas/OrgDiagramConfig.js

		@@ -1,108 +0,127 @@
		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
		"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
		}),
		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
		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
		}),
		autoSizeMaximum: PropTypes.shape({
		width: PropTypes.number.isRequired,
		height: PropTypes.number.isRequired
		autoSizeMaximum: _propTypes["default"].shape({
		width: _propTypes["default"].number.isRequired,
		height: _propTypes["default"].number.isRequired
		})
		});
		export default Config;

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

dist/Schemas/OrgDiagramItemConfig.js

		@@ -1,32 +0,45 @@
		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
		"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
		}),
		labelOrientation: PropTypes.oneOf(Object.values(primitives.text.TextOrientationType))
		labelOrientation: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].text.TextOrientationType))
		});
		export default ItemConfig;

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

dist/Schemas/PaletteItemConfig.js

		@@ -1,8 +0,21 @@
		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))
		"use strict";

		Object.defineProperty(exports, "__esModule", {
		value: true
		});
		export default PaletteItemConfig;
		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;

dist/Schemas/ShapeAnnotationConfig.js

		@@ -1,29 +0,42 @@
		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
		"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
		}),
		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
		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
		}),
		labelPlacement: PropTypes.oneOf(Object.values(primitives.common.PlacementType)),
		labelOffset: PropTypes.number
		labelPlacement: _propTypes["default"].oneOf(Object.values(_basicprimitives["default"].common.PlacementType)),
		labelOffset: _propTypes["default"].number
		});
		export default ShapeAnnotationConfig;

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

dist/Schemas/TemplateConfig.js

		@@ -1,41 +0,54 @@
		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
		"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
		}),
		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
		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
		}),
		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
		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
		}),
		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
		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
		}),
		cursorBorderWidth: PropTypes.number,
		onCursorRender: PropTypes.func,
		onButtonsRender: PropTypes.func
		cursorBorderWidth: _propTypes["default"].number,
		onCursorRender: _propTypes["default"].func,
		onButtonsRender: _propTypes["default"].func
		});
		export default TemplateConfig;

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

dist/Templates/AbstractTemplate.js

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

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

		render(data) {}
		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; }

		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;
		}();

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

dist/Templates/AnnotationLabelTemplate.js

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

		class AnnotationLabelTemplate extends AbstractTemplate {
		render(data) {
		var {
		label
		} = data.context;
		return label;
		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));
		}

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

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

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

dist/Templates/ButtonsTemplate.js

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

		class ButtonsTemplate extends AbstractTemplate {
		render(data) {
		const {
		onButtonsRender
		} = data;
		return onButtonsRender(data);
		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));
		}

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

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

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

100

dist/Templates/CheckBoxTemplate.js

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

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

		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));
		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;
		}

		}
		_createClass(CheckBoxTemplate, [{
		key: "render",
		value: function render(data) {
		return _react["default"].createElement("div", {
		style: {
		textAlign: "left"
		}
		}, _react["default"].createElement("input", {
		type: "checkbox",
		name: "checkbox",
		style: {
		fontSize: "12px",
		lineHeight: "12px",
		verticalAlign: "middle"
		},
		checked: data.isSelected,
		"data-id": data.id
		}), _react["default"].createElement("span", {
		name: "selectiontext",
		style: {
		fontSize: "12px",
		lineHeight: "12px",
		verticalAlign: "middle"
		},
		"data-id": data.id
		}, this.selectCheckBoxLabel));
		}
		}]);

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

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

121

dist/Templates/CursorTemplate.js

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

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

		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"
		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 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 _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));
		_this.style = {
		position: "absolute",
		fontFamily: "Trebuchet MS, Tahoma, Verdana, Arial, sans-serif",
		WebkitTapHighlightColor: "rgba(0,0,0,0)",
		WebkitUserSelect: "none",
		WebkitTouchCallout: "none",
		KhtmlUserSelect: "none",
		MozUserSelect: "none",
		msUserSelect: "none",
		userSelect: "none",
		boxSizing: "content-box",
		MozBorderRadius: "4px",
		WebkitBorderRadius: "4px",
		KhtmlBorderRadius: "4px",
		BorderRadius: "4px",
		border: "2px solid #fbd850",
		background: "#ffffff",
		color: "#eb8f00",
		width: "100%",
		height: "100%",
		left: "-2px",
		top: "-2px"
		};
		return React.createElement("div", {
		className: "BPCursorFrame",
		style: style
		});
		return _this;
		}

		}
		_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 = _objectSpread({}, this.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", {
		style: style
		});
		}
		}]);

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

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

136

dist/Templates/DotHighlightTemplate.js

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

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

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

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

		const style = {
		borderWidth: highlightBorderWidth + "px",
		left: -highlightBorderWidth + "px",
		top: -highlightBorderWidth + "px",
		MozBorderRadius: radius + "px",
		WebkitBorderRadius: radius + "px",
		KhtmlBorderRadius: radius + "px",
		borderRadius: radius + "px"
		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 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 _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;
		_this.style = {
		position: "absolute",
		fontFamily: "Trebuchet MS, Tahoma, Verdana, Arial, sans-serif",
		WebkitTapHighlightColor: "rgba(0,0,0,0)",
		WebkitUserSelect: "none",
		WebkitTouchCallout: "none",
		KhtmlUserSelect: "none",
		MozUserSelect: "none",
		msUserSelect: "none",
		userSelect: "none",
		boxSizing: "content-box",
		border: "1px solid #fbcb09",
		background: "#fdf5ce",
		color: "#c77405",
		width: "100%",
		height: "100%",
		left: "0px",
		top: "0px"
		};
		return React.createElement("div", {
		className: "BPHighlightDotFrame",
		style: style
		});
		return _this;
		}

		}
		_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 = _objectSpread({}, this.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", {
		style: style
		});
		}
		}]);

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

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

178

dist/Templates/GroupTitleTemplate.js

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

		class GroupTitleTemplate extends AbstractTemplate {
		constructor(options) {
		super();
		this.render = this.render.bind(this);
		this.options = options;
		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 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 _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;
		_this.style = {
		position: "absolute",
		fontFamily: "Trebuchet MS, Tahoma, Verdana, Arial, sans-serif",
		WebkitTapHighlightColor: "rgba(0,0,0,0)",
		WebkitUserSelect: "none",
		WebkitTouchCallout: "none",
		KhtmlUserSelect: "none",
		MozUserSelect: "none",
		msUserSelect: "none",
		userSelect: "none",
		boxSizing: "content-box",
		MozBorderRadius: "4px",
		WebkitBorderRadius: "4px",
		KhtmlBorderRadius: "4px",
		BorderRadius: "4px",
		background: "royalblue",
		borderWidth: 0,
		color: "white",
		padding: 0,
		width: "100%",
		height: "100%",
		left: "-1px",
		top: "-1px"
		};
		return _this;
		}

		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'],
		_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'],
		horizontalAlignments = ['center', 'left', 'right'],
		verticalAlignments = ['top', 'middle', 'bottom'];
		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));
		}

		}
		var style = _objectSpread({}, this.style, {
		backgroundColor: backgroundColor,
		color: color,
		fontSize: groupTitleFontSize,
		fontFamily: groupTitleFontFamily,
		fontWeight: groupTitleFontWeight,
		fontStyle: groupTitleFontStyle
		});

		return _react["default"].createElement("div", {
		style: style
		}, _react["default"].createElement(_RotatedText["default"], {
		width: width,
		height: height,
		orientation: orientations[groupTitleOrientation],
		horizontalAlignment: horizontalAlignments[groupTitleHorizontalAlignment],
		verticalAlignment: verticalAlignments[groupTitleVerticalAlignment]
		}, label));
		}
		}]);

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

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

109

dist/Templates/HighlightTemplate.js

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

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

		render(data) {
		const {
		highlightBorderWidth
		} = this.config;
		const style = {
		borderWidth: highlightBorderWidth + "px"
		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 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 _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));
		_this.style = {
		position: "absolute",
		fontFamily: "Trebuchet MS, Tahoma, Verdana, Arial, sans-serif",
		WebkitTapHighlightColor: "rgba(0,0,0,0)",
		WebkitUserSelect: "none",
		WebkitTouchCallout: "none",
		KhtmlUserSelect: "none",
		MozUserSelect: "none",
		msUserSelect: "none",
		userSelect: "none",
		boxSizing: "content-box",
		MozBorderRadius: "4px",
		WebkitBorderRadius: "4px",
		KhtmlBorderRadius: "4px",
		BorderRadius: "4px",
		border: "1px solid #fbcb09",
		background: "#fdf5ce",
		color: "#c77405",
		width: "100%",
		height: "100%",
		left: "-1px",
		top: "-1px"
		};
		return React.createElement("div", {
		className: "BPHighlightFrame",
		style: style
		});
		return _this;
		}

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

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

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

dist/Templates/index.js

		@@ -1,20 +0,49 @@
		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;
		"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;

219

dist/Templates/ItemTemplate.js

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

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

		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));
		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 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 _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)); // It is unlikly that anybody would use default template in final product, so
		// having in-line styles is not a problem

		var item = {
		position: "absolute",
		overflow: "visible",
		fontFamily: "Trebuchet MS, Tahoma, Verdana, Arial, sans-serif",
		WebkitTapHighlightColor: "rgba(0,0,0,0)",
		WebkitUserSelect: "none",
		WebkitTouchCallout: "none",
		KhtmlUserSelect: "none",
		MozUserSelect: "none",
		msUserSelect: "none",
		userSelect: "none",
		boxSizing: "content-box"
		};
		var cornerAll = {
		MozBorderRadius: "4px",
		WebkitBorderRadius: "4px",
		KhtmlBorderRadius: "4px",
		BorderRadius: "4px"
		};
		var itemFrame = {
		border: "1px solid #dddddd",
		background: "#eeeeee",
		color: "#333333"
		};

		var defaultTemplate = _objectSpread({}, item, {}, cornerAll, {}, itemFrame, {
		width: "100%",
		height: "100%",
		left: "-1px",
		top: "-1px"
		});

		var title = _objectSpread({}, item, {
		textOverflow: "ellipsis",
		OTextOverflow: "ellipsis",
		whiteSpace: "nowrap",
		textAlign: "left",
		fontSize: "14px",
		lineHeight: "16px",
		color: "white",
		padding: 0
		});

		var background = _objectSpread({}, item, {}, cornerAll, {}, itemFrame);

		var photoFrame = _objectSpread({}, item, {
		border: "1px solid #cccccc",
		background: "#f6f6f6",
		color: "#1c94c4"
		});

		_this.styles = {
		defaultTemplate: defaultTemplate,
		title: _objectSpread({}, title, {
		top: "2px",
		left: "2px",
		right: "2px",
		height: "16px"
		}),
		background: _objectSpread({}, background, {
		top: "2px",
		left: "2px",
		right: "2px",
		height: "20px"
		}),
		photoFrame: _objectSpread({}, photoFrame, {
		top: "26px",
		left: "2px",
		width: "50px",
		height: "60px"
		}),
		photo: {
		height: "60px",
		width: "50px"
		},
		description: _objectSpread({}, item, {
		overflow: "hidden",
		textAlign: "left",
		top: "26px",
		left: "56px",
		right: "2px",
		bottom: "2px",
		fontSize: "12px"
		})
		};
		return _this;
		}

		}
		_createClass(ItemTemplate, [{
		key: "render",
		value: function render(data) {
		var itemConfig = data.context;
		var _this$styles = this.styles,
		defaultTemplate = _this$styles.defaultTemplate,
		title = _this$styles.title,
		background = _this$styles.background,
		photoFrame = _this$styles.photoFrame,
		photo = _this$styles.photo,
		description = _this$styles.description;

		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", {
		style: defaultTemplate
		}, _react["default"].createElement("div", {
		style: _objectSpread({}, background, {
		backgroundColor: itemTitleColor
		})
		}, _react["default"].createElement("div", {
		style: _objectSpread({}, title, {
		color: color
		})
		}, itemConfig.title)), _react["default"].createElement("div", {
		style: photoFrame
		}, _react["default"].createElement("img", {
		style: photo,
		src: itemConfig.image,
		alt: itemConfig.title
		})), _react["default"].createElement("div", {
		style: description
		}, itemConfig.description));
		}
		}]);

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

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

dist/Templates/LabelAnnotationTemplate.js

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

		class LabelAnnotationTemplate extends AbstractTemplate {
		render(data) {
		var {
		title
		} = data.context;
		return title;
		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));
		}

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

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

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

209

dist/Templates/RotatedText.js

		@@ -1,95 +0,143 @@
		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; }
		"use strict";

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

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

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

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

		default:
		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; } }

		return result;
		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));
		}

		render() {
		const {
		children,
		width,
		height,
		orientation,
		horizontalAlignment,
		verticalAlignment
		} = this.props;
		const transform = this.getTransform(orientation);
		let size = null;
		_createClass(RotatedText, [{
		key: "getTransform",
		value: function getTransform(orientation) {
		var 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"
		};
		switch (orientation) {
		case 'RotateLeft':
		result = "rotate(-90deg)";
		break;

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

		default:
		break;
		}

		return result;
		}
		}, {
		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;

		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"
		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"
		};
		}
		}, 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.number.isRequired,
		height: PropTypes.number.isRequired,
		orientation: PropTypes.oneOf(['Horizontal', 'RotateLeft', 'RotateRight']),
		horizontalAlignment: PropTypes.oneOf(['left', 'center', 'right']),
		verticalAlignment: PropTypes.oneOf(['top', 'middle', 'bottom'])
		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'])
		});
		@@ -103,2 +151,3 @@

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

dist/Templates/UserTemplate.js

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

		class UserTemplate extends AbstractTemplate {
		constructor(options, content, onRender) {
		super();
		this.render = onRender;
		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;
		}

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

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

package.json

		{
		"name": "basicprimitivesreact",
		"version": "5.4.14",
		"version": "5.4.15",
		"main": "dist/index.js",
		@@ -22,3 +22,3 @@ "module": "dist/index.js",
		"dependencies": {
		"basicprimitives": "^5.4.14",
		"basicprimitives": "^5.4.15",
		"resize-observer-polyfill": "^1.5.1"
		@@ -109,2 +109,2 @@ },
		]
		}
		}

README.md

		@@ -0,1 +1,2 @@
		[![npm package](https://img.shields.io/npm/v/basicprimitives.svg?label=basicprimitivesreact)](https://www.npmjs.com/package/basicprimitivesreact)
		# [Basic Primitives](https://www.basicprimitives.com) Diagrams for React
		@@ -2,0 +3,0 @@

dist/Diagrams.css

dist/Diagrams.scss

basicprimitivesreact - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics

Dependency changes