/**
 * The enumeration sets leftward or rightward item placement relative to the referenced item.
 * In the case of assistants or advisers, the referenced node is their immediate parent.
 * In the case of the family diagram, the referenced node is a sibling.
 *
 * @enum {AdviserPlacementType}
 */
export declare enum AdviserPlacementType {
    /**
     * Auto select by layout manager
     */
    Auto = 0,
    /**
     * Left side
     */
    Left = 2,
    /**
     * Right side
     */
    Right = 3
}
/**
 * Defines type of on-screen and in-layout annotation object. Annotations are geometrical
 * figures drawn around or bound to existing nodes of the diagram.
 *
 * @enum {AnnotationType}
 */
export declare enum AnnotationType {
    /**
     * The connector annotation displays a spline between two nodes of the diagram.
     * They are drawn on top and across the existing diagram layout, and they don't affect nodes placement.
     * If available space between nodes is not enough to display connector annotation,
     * then control draws it outside on the side of them.
     */
    Connector = 0,
    /**
     * Shape annotation is a possibility to draw some geometrical shapes over several nodes of the diagram.
     */
    Shape = 1,
    /**
     * Highlight path annotation traces a path between a given sequence of nodes over existing relation lines in the diagram.
     */
    HighlightPath = 2,
    /**
     * The in-layout label annotation display values over relation lines between nodes.
     * The control preserves space for labels in the diagram layout so they don't overlap nodes.
     * Label annotations are designed for auto-placement and bundling of connection lines between nodes when needed.
     */
    Label = 3,
    /**
     * The background annotation highlights nodes via drawing the rectangular shape in the node's background.
     * If the same style annotations of neighboring nodes overlap, control merges them into one continuous polygon geometry.
     */
    Background = 4,
    /**
     * Level annotation highlights same level nodes of the diagram via drawing continuous rectangular shape
     * from side to side in their background. Level has optional title on the side of the diagram view area.
     * Title may be placed inside or outside of the diagram. If it is placed inside, it is drawn in the
     * background and does not occupy space.
     */
    Level = 5
}
/**
 * The enumeration defines the shape of children's formation. By default, control places children in a horizontal
 * line below the parent node. On a large scale, this may result in the end-user having to scroll screens
 * to view all of them. To compensate, we provide the option of placing all of the children of a parent node
 * in a square/matrix formation. That will reduce sideways screen scrolling by compacting the child
 * nodes into a much smaller area on the screen.
 *
 * @enum {ChildrenPlacementType}
 */
export declare enum ChildrenPlacementType {
    /**
     * Auto = This mode lets you set nodes layout at the component level and then redefine it for individual nodes if needed.
     */
    Auto = 0,
    /**
     * Vertical layout
     */
    Vertical = 1,
    /**
     * Horizontal layout
     */
    Horizontal = 2,
    /**
     * Matrix formation of the nodes
     */
    Matrix = 3
}
/**
 * Just a list of named colors.
 *
 * @ignore
 * @enum {Colors}
 */
export declare enum Colors {
    AliceBlue = "#f0f8ff",
    AntiqueWhite = "#faebd7",
    Aqua = "#00ffff",
    Aquamarine = "#7fffd4",
    Azure = "#f0ffff",
    Beige = "#f5f5dc",
    Bisque = "#ffe4c4",
    Black = "#000000",
    BlanchedAlmond = "#ffebcd",
    Blue = "#0000ff",
    BlueViolet = "#8a2be2",
    Brown = "#a52a2a",
    BurlyWood = "#deb887",
    Bronze = "#cd7f32",
    CadetBlue = "#5f9ea0",
    ChartReuse = "#7fff00",
    Chocolate = "#d2691e",
    Coral = "#ff7f50",
    CornflowerBlue = "#6495ed",
    Cornsilk = "#fff8dc",
    Crimson = "#dc143c",
    Cyan = "#00ffff",
    DarkBlue = "#00008b",
    DarkCyan = "#008b8b",
    DarkGoldenrod = "#b8860b",
    DarkGray = "#a9a9a9",
    DarkGreen = "#006400",
    DarkKhaki = "#bdb76b",
    DarkMagenta = "#8b008b",
    DarkOliveGreen = "#556b2f",
    Darkorange = "#ff8c00",
    DarkOrchid = "#9932cc",
    DarkRed = "#8b0000",
    DarkSalmon = "#e9967a",
    DarkSeaGreen = "#8fbc8f",
    DarkSlateBlue = "#483d8b",
    DarkSlateGray = "#2f4f4f",
    DarkTurquoise = "#00ced1",
    DarkViolet = "#9400d3",
    DeepPink = "#ff1493",
    DeepSkyBlue = "#00bfff",
    DimGray = "#696969",
    DodgerBlue = "#1e90ff",
    FireBrick = "#b22222",
    FloralWhite = "#fffaf0",
    ForestGreen = "#228b22",
    Fuchsia = "#ff00ff",
    Gainsboro = "#dcdcdc",
    GhostWhite = "#f8f8ff",
    Gold = "#ffd700",
    Goldenrod = "#daa520",
    Gray = "#808080",
    Green = "#008000",
    GreenYellow = "#adff2f",
    Honeydew = "#f0fff0",
    Hotpink = "#ff69b4",
    IndianRed = "#cd5c5c",
    Indigo = "#4b0082",
    Ivory = "#fffff0",
    Khaki = "#f0e68c",
    Lavender = "#e6e6fa",
    LavenderBlush = "#fff0f5",
    Lawngreen = "#7cfc00",
    Lemonchiffon = "#fffacd",
    LightBlue = "#add8e6",
    LightCoral = "#f08080",
    LightCyan = "#e0ffff",
    LightGoldenrodYellow = "#fafad2",
    LightGray = "#d3d3d3",
    LightGreen = "#90ee90",
    LightPink = "#ffb6c1",
    LightSalmon = "#ffa07a",
    LightSeaGreen = "#20b2aa",
    LightSkyBlue = "#87cefa",
    LightSlateGray = "#778899",
    LightSteelBlue = "#b0c4de",
    LightYellow = "#ffffe0",
    Lime = "#00ff00",
    Limegreen = "#32cd32",
    Linen = "#faf0e6",
    Magenta = "#ff00ff",
    Maroon = "#800000",
    MediumAquamarine = "#66cdaa",
    MediumBlue = "#0000cd",
    MediumOrchid = "#ba55d3",
    MediumPurple = "#9370d8",
    MediumSeaGreen = "#3cb371",
    MediumSlateBlue = "#7b68ee",
    MediumSpringGreen = "#00fa9a",
    MediumTurquoise = "#48d1cc",
    MediumVioletRed = "#c71585",
    MidnightBlue = "#191970",
    MintCream = "#f5fffa",
    MistyRose = "#ffe4e1",
    Moccasin = "#ffe4b5",
    NavajoWhite = "#ffdead",
    Navy = "#000080",
    Oldlace = "#fdf5e6",
    Olive = "#808000",
    Olivedrab = "#6b8e23",
    Orange = "#ffa500",
    OrangeRed = "#ff4500",
    Orchid = "#da70d6",
    PaleGoldenRod = "#eee8aa",
    PaleGreen = "#98fb98",
    PaleTurquoise = "#afeeee",
    PaleVioletRed = "#d87093",
    Papayawhip = "#ffefd5",
    Peachpuff = "#ffdab9",
    Peru = "#cd853f",
    Pink = "#ffc0cb",
    Plum = "#dda0dd",
    PowderBlue = "#b0e0e6",
    Purple = "#800080",
    Red = "#ff0000",
    RosyBrown = "#bc8f8f",
    RoyalBlue = "#4169e1",
    SaddleBrown = "#8b4513",
    Salmon = "#fa8072",
    SandyBrown = "#f4a460",
    SeaGreen = "#2e8b57",
    Seashell = "#fff5ee",
    Sienna = "#a0522d",
    Silver = "#c0c0c0",
    SkyBlue = "#87ceeb",
    SlateBlue = "#6a5acd",
    SlateGray = "#708090",
    Snow = "#fffafa",
    SpringGreen = "#00ff7f",
    SteelBlue = "#4682b4",
    Tan = "#d2b48c",
    Teal = "#008080",
    Thistle = "#d8bfd8",
    Tomato = "#ff6347",
    Turquoise = "#40e0d0",
    Violet = "#ee82ee",
    Wheat = "#f5deb3",
    White = "#ffffff",
    WhiteSmoke = "#f5f5f5",
    Yellow = "#ffff00",
    YellowGreen = "#9acd32"
}
/**
 * Label placement relative to connector annotation. Connector annotation is bound and drawn between two nodes
 * defined by two properties = `fromItem` and `toItem`. Label can be placed close to "start", "end" nodes or in between of them
 *  along the connector line.
 *
 * @enum {ConnectorLabelPlacementType}
 */
export declare enum ConnectorLabelPlacementType {
    From = 0,
    Between = 1,
    To = 2
}
/**
 * Connector placement type defines style of connector line drawing over diagram layout. It supports two options =
 * the `Straight` is classic direct line connecting two nodes, this is the most expected style of connector annotation
 * drawing over diagram, the second style is called `Offbeat` and it design to dynamically adopt to nodes mutual
 * location and gap between them. It uses free hand line style drawing going from start to the end nodes. Since every diagram
 * is packed with various connection lines, this annotation placement style is deliberately made not straight, so it can be
 * noticeable on top of other lines of the diagram.
 *
 * @enum {ConnectorPlacementType}
 */
export declare enum ConnectorPlacementType {
    /**
     * Places connector annotation in the way that it does not overlap underlying diagram connector lines.
     * If nodes are close to each other and gap between them cannot fit annotation, then
     * it will be drawn on the side of the nodes, so it will have enough space for arrow and label.
     */
    Offbeat = 0,
    /**
     * Straight line annotation between nodes. This annotation mode provides basic conflict resolution between annotations
     * overlapping each other. If two or more straight annotations overlap each other then layout engine will
     * add extra offset to them, so they will be drawn in parallel to each other.
     */
    Straight = 1
}
/**
 * Connector shape type defines number of lines and arrows at their ends drawn between nodes of the connector annotation.
 * This feature combined with basic conflict resolution, which places overlapping annotations in parallel when they overlap each other,
 * gives you full flexibility over variations of possible connector lines between two given nodes of diagram.
 *
 * @enum {ConnectorShapeType}
 */
export declare enum ConnectorShapeType {
    /**
     * Single line with one arrow
     */
    OneWay = 0,
    /**
     * Two parallel lines with single arrows
     */
    TwoWay = 1,
    /**
     * Single line with 2 arrows.
     */
    BothWay = 2
}
export declare enum ConnectorStyleType {
    Extra = 0,
    Regular = 1,
    Highlight = 2
}
/**
 * Connection lines style. This option is only applicable to nodes minimized to markers or lines.
 * Full size nodes are always connected with squared connection lines
 *
 * @enum {ConnectorType}
 */
export declare enum ConnectorType {
    /**
     * Orthogonal connection lines
     */
    Squared = 0,
    /**
     * Angular direct node to node connection lines
     */
    Angular = 1,
    /**
     * Curved direct node to node connection lines
     */
    Curved = 2
}
/**
 * Elbow style of connection lines
 *
 * @enum {ElbowType}
 */
export declare enum ElbowType {
    /**
     * No elbow
     */
    None = 0,
    /**
     * Dot marker at the intersection
     */
    Dot = 1,
    /**
     * Bevel elbow
     */
    Bevel = 2,
    /**
     * Round elbow
     */
    Round = 3
}
/**
 * Defines option state.
 *
 * @readonly
 * @enum {number}
 */
export declare enum Enabled {
    /**
     * Option state is auto defined.
     */
    Auto = 0,
    /**
     * Enabled
     */
    True = 1,
    /**
     * Disabled
     */
    False = 2
}
/**
 * This enumeration defines objects gravity in the chart relative to parents and children.
 * For example connection lines can be drawn with arrows, so this enumeration controls
 * direction of arrows up towards parents or down towards children in the hierarchy.
 * The other example is nodes placement close to their immediate parents or immediate children
 * in case when parents and children are offset from them by multiple levels in hierarchy.
 *
 * @enum {GroupByType}
 */
export declare enum GroupByType {
    None = 0,
    Parents = 1,
    Children = 2
}
/**
 * Horizontal alignment
 *
 * @enum {HorizontalAlignmentType}
 */
export declare enum HorizontalAlignmentType {
    Center = 0,
    Left = 1,
    Right = 2
}
/**
 * The enumeration defines child node placement relative to its parent node.
 * By default, the control places all children that belong to the same parent as
 * the horizontal line below it. That works for a regular hierarchy of nodes
 * having the same type. In the organizational chart, we have a lot of exceptions
 * and non-hierarchical relations between nodes. For this purpose, we provide custom
 * item types to place nodes around the logical parent, which helps visually
 * differentiate nodes logically belonging to the same parent.  These placement
 * options give a lot of space for creating roles such as an Assistant, Adviser,
 * various Partners, and co-heads in the organization.  Additionally, control allows
 * shaping the same type of children into vertical and matrix formations
 * and place them into multiple levels.
 *
 * @enum {ItemType}
 */
export declare enum ItemType {
    /**
     * The regular type places node below parent.
     */
    Regular = 0,
    /**
     * The assistant type places node at the row on the side of the connection line going from parent to its children.
     */
    Assistant = 1,
    /**
     * The sub-assistant node type is a variation of the assistant node type.
     * The sub-assistant places node at the row on the side of the connection line
     * going from parent to its children. The connection line goes out of the top side of the node.
     */
    SubAssistant = 4,
    /**
     * The adviser type places node on the right or left side of the parent.
     */
    Adviser = 2,
    /**
     * The sub-adviser type places node on the right or left side of the parent.
     * The connection line goes out of the top side of the sub-adviser node.
     */
    SubAdviser = 5,
    /**
     * The general partner type is an imitation of multiple inheritances in the organizational chart hierarchy.
     * The general-partner node is drawn side by side with its logical parent, and control places
     * regular children below them, so they visually look like parents. Another layout specifics
     * of the general partner is that it is connected to its logical parent's parent.
     * So visually, it becomes an immediate child of its grandparent.
     */
    GeneralPartner = 6,
    /**
     * The limited partner is a variation of the general partner.
     * The only difference is that it is not connected to its logical grandparent.
     */
    LimitedPartner = 7,
    /**
     * The adviser partner is a variation of the limited partner.
     * The difference is that it has an extra connection line to its logical parent.
     */
    AdviserPartner = 8
}
export declare enum LabelType {
    Regular = 0,
    Dummy = 1,
    Fixed = 2,
    None = 3
}
export declare enum Layers {
    LevelAnnotation = 1,
    BackgroundAnnotation = 2,
    BackgroundAnnotations = 3,
    BackgroundConnectorAnnotation = 4,
    BackgroundHighlightPathAnnotations = 5,
    Connector = 6,
    ForegroundHighlightPathAnnotations = 7,
    Highlight = 8,
    Marker = 9,
    Label = 10,
    Cursor = 11,
    Item = 12,
    ForegroundAnnotations = 13,
    ForegroundConnectorAnnotation = 14,
    Annotation = 15,
    Controls = 16
}
/**
 * Line style of connection lines.
 *
 * @enum {LineType}
 */
export declare enum LineType {
    Solid = 0,
    Dotted = 1,
    Dashed = 2
}
/**
 * Interactivity mode. Control implements standard behavior of classic desktop UI controls. It supports single selected node - cursor.
 * It supports on mouse over node visual feedback - highlight. It supports selection of group of nodes - selected items.
 * All that functionality can be disabled depending on your application requirements.
 *
 * @enum {NavigationMode}
 */
export declare enum NavigationMode {
    /**
     * Everything is on.
     */
    Default = 0,
    /**
     * Cursor selection only without highlight.
     */
    CursorOnly = 1,
    /**
     * Mouse over feedback only
     */
    HighlightOnly = 3,
    /**
     * No interactivity
     */
    Inactive = 2
}
/**
 * Neighbors selection mode. The control supports diagram auto fit into screen view. It is achieved via drawing nodes in form of markers.
 * So small nodes make diagram fit into the screen space, but they have no details. Our solution is to show cursor and selected items
 * of the diagram in full size and draw all other as markers.
 *
 * This enumeration controls visibility of neighbors of the cursor node in the auto fit mode. It allows to draw
 * them in full size regardless of available space.
 *
 * @enum {NavigationMode}
 */
export declare enum NeighboursSelectionMode {
    /**
     * Selects parents and children of the cursor item
     */
    ParentsAndChildren = 0,
    /**
     * Selects parents, children, and siblings of the cursor item.
     */
    ParentsChildrenSiblingsAndSpouses = 1
}
/**
 * Controls diagram layout orientation. The control can be rotated in any direction, this is needed for arabic support and various layout.
 *
 * @enum {OrientationType}
 */
export declare enum OrientationType {
    Top = 0,
    Bottom = 1,
    Left = 2,
    Right = 3,
    None = 4
}
/**
 * Fits diagram into available screen space. When diagram size significantly larger that available screen space, its scrolling and navigation
 * becomes problematic, so we support automatic diagram fit into the screen space via rendering some of its nodes in form of small markers.
 * Control supports several page fit mode options which can match your requirements depending on diagram layout, orientation and number of nodes.
 *
 * Autosize - this option is opposite to auto fit. It lets you expand control size to fit all diagram nodes full size without scroll bars.
 *
 * @enum {PageFitMode}
 */
export declare enum PageFitMode {
    /**
     * Disabled. All nodes are being rendered using their templates.
     */
    None = 0,
    /**
     * Fits diagram into the view width, so it has no horizontal scrollbar.
     */
    PageWidth = 1,
    /**
     * Fits diagram into the view hight, so it has no vertical scrollbar.
     */
    PageHeight = 2,
    /**
     * Fits diagram into the view so it has no scroll bars.
     */
    FitToPage = 3,
    /**
     * This is opposite mode to auto fit. In this mode diagram controls its size, it sets its size to fit all nodes and render them full size using templates.
     */
    AutoSize = 5,
    /**
     * Renders all nodes as markers regardless of available screen space. Control selects and renders full size cursor, its neighbours and selected nodes only.
     * Don't forget to disable selection path as well, so nodes from cursor up to the root are not selected.
     */
    SelectionOnly = 6
}
/**
 * Defines element placement relative to rectangular area it is bound to.
 *
 * @enum {PlacementType}
 */
export declare enum PlacementType {
    /**
     * Defined by other control options.
     */
    Auto = 0,
    TopLeft = 8,
    Top = 1,
    TopRight = 2,
    RightTop = 11,
    Right = 3,
    RightBottom = 12,
    BottomRight = 4,
    Bottom = 5,
    BottomLeft = 6,
    LeftBottom = 10,
    Left = 7,
    LeftTop = 9
}
/**
 * This enumeration is used to tell rendering callback functions current state of the template.
 * It is needed for proper events binding and content updates.
 *
 * @enum {RenderingMode}
 */
export declare enum RenderingMode {
    /**
     * Template is just created.
     */
    Create = 0,
    /**
     * Template is reused and update is needed.
     */
    Update = 1
}
export declare enum SegmentType {
    Line = 0,
    Move = 1,
    QuadraticArc = 2,
    CubicArc = 3,
    Dot = 4
}
/**
 * Selection path mode. This enumeration controls visibility of nodes between cursor and the root of the diagram in the auto fit mode. It allows to draw
 * them in full size regardless of available space and auto fit mode.
 *
 * The control supports diagram auto fit into screen view. It is achieved via drawing nodes in form of markers.
 * So small nodes make diagram fit into the screen space, but they have no details. Our solution is to show cursor and selected items
 * of the diagram in full size and draw all other diagram nodes as markers.
 *
 * @enum {SelectionPathMode}
 */
export declare enum SelectionPathMode {
    /**
     * No selection path
     */
    None = 0,
    /**
     * Selects cursor node parents up to the root are renders them full size regardless of available space.
     */
    FullStack = 1
}
/**
 * Shapes
 *
 * @enum {ShapeType}
 */
export declare enum ShapeType {
    Rectangle = 0,
    Oval = 1,
    Triangle = 2,
    CrossOut = 3,
    Circle = 4,
    Rhombus = 5,
    Wedge = 7,
    FramedOval = 8,
    FramedTriangle = 9,
    FramedWedge = 10,
    FramedRhombus = 11,
    None = 6
}
export declare enum SideFlag {
    Top = 1,
    Right = 2,
    Bottom = 4,
    Left = 8
}
/**
 * Text rotation
 *
 * @enum {TextOrientationType}
 */
export declare enum TextOrientationType {
    /**
     * Regular horizontal text
     */
    Horizontal = 0,
    /**
     * Rotate text left for 90 degree.
     */
    RotateLeft = 1,
    /**
     * Rotate text right for 90 degree.
     */
    RotateRight = 2,
    /**
     * Depends on other options.
     */
    Auto = 3
}
/**
 * Controls update of the diagram
 *
 * @enum {UpdateMode}
 */
export declare enum UpdateMode {
    /**
     * Forces control to make a full chart redraw. It is equivalent to initial chart creation.
     * It removes everything from placeholder and renders all elements again.
     */
    Recreate = 0,
    /**
     * Optimized refresh. It only updates visual elements which needs to be updated.
     */
    Refresh = 1,
    /**
     * Updates highlight position only
     */
    PositonHighlight = 2
}
/**
 * Defines relation between two vectors
 *
 * @enum {VectorRelationType}
 */
export declare enum VectorRelationType {
    None = 0,
    Null = 1,
    Collinear = 2,
    Opposite = 3
}
/**
 * Controls nodes vertical alignment inside row of nodes. If row of nodes contains nodes of
 * multiple sizes then small nodes are vertically aligned relative to their large neighbours.
 *
 * @enum {VerticalAlignmentType}
 */
export declare enum VerticalAlignmentType {
    Top = 0,
    Middle = 1,
    Bottom = 2
}
/**
 * Minimal nodes visibility in the diagram. If auto fit of diagram into current page size is enabled, then
 * this option controls minimum allowed size of diagram nodes.
 *
 * @enum {Visibility}
 */
export declare enum Visibility {
    /**
     * Selects best visibility mode.
     */
    Auto = 0,
    /**
     * Regular template based diagram nodes
     */
    Normal = 1,
    /**
     * Diagram draws nodes in form of markers
     */
    Dot = 2,
    /**
     * Diagram only draws connection lines and hides actual nodes.
     */
    Line = 3,
    /**
     * Makes node invisible in layout. If node has no parents then
     * its connection lines are hidden as well.
     *
     * @ignore
     */
    Invisible = 4
}
/**
 * Option to draw annotation in the foreground or in the background of diagram nodes.
 *
 * @enum {ZOrderType}
 */
export declare enum ZOrderType {
    /**
     * Depends on annotation type.
     */
    Auto = 0,
    /**
     * Background
     */
    Background = 1,
    /**
     * Foreground
     */
    Foreground = 2
}