config.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DiagramSampleOrder = [
    { 'path': 'diagram/default-functionality', 'component': 'Default', 'name': 'Default Functionalities', 'description': 'This sample visualizes the processing of an order placed using credit card with built-in flow shapes.', 'order': '01', 'category': 'Getting Started' },
    { 'path': 'diagram/shape-gallery', 'component': 'ShapeGallery', 'name': 'Shapes', 'description': 'This sample illustrates basic built-in shapes, such as basic shapes, flow shapes, and BPMN shapes.', 'order': '01', 'category': 'Getting Started' },
    { 'path': 'diagram/getting-started-node', 'component': 'GettingStartedNodes', 'name': 'Nodes', 'description': 'This sample visualizes the different stages of a software development life cycle using a circular flow diagram. Customizing the appearance of the nodes is illustrated in this example.', 'order': '01', 'category': 'Getting Started' },
    { 'path': 'diagram/connectors', 'component': 'Connectors', 'name': 'Connectors', 'description': 'This sample visualizes the data flow in a marketing process using predefined shapes and connectors. Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.', 'order': '01', 'category': 'Getting Started' },
    { 'path': 'diagram/getting-started-annotation', 'component': 'GettingStartedAnnotation', 'name': 'Annotations', 'description': 'This sample illustrates the competitive environment of a business through five forces chart. The elements of the five force chart is described using nodes and annotations. Customizing the position and appearance of the annotation is illustrated in this example.', 'order': '01', 'category': 'Getting Started' },
    { 'path': 'diagram/port', 'component': 'Port', 'name': 'Ports', 'description': 'This sample visualizes the process flow of publishing a book using connection points. Connection points are static points over the shapes that allow creating connections to the shapes. Customizing the size and appearance of the connection points is illustrated in this example.', 'order': '01', 'category': 'Getting Started' },
    { 'path': 'diagram/bpmn-editor', 'component': 'BpmnEditor', 'name': 'BPMN Editor', 'type': 'new', 'description': 'This sample visualizes the hotel booking reservation system and its built with readymade BPMN shapes.', 'order': '01', 'category': 'Getting Started' },
    { 'path': 'diagram/custom-shapes', 'component': 'HtmlNode', 'name': 'Complex Shapes', 'description': 'This sample demonstrates how to host a HTML element inside a node. In this example, a Gauge control is hosted inside a HTML Node.', 'order': '01', 'category': 'Getting Started' },
    { 'path': 'diagram/drawing-tool', 'component': 'DrawingTools', 'name': 'Drawing Tools', 'description': 'This sample visualizes how to build a diagram interactively using drawing tools. Continuous draw option, snapping, and undo/redo support are enabled to easily draw diagrams. Rulers, gridlines, and snapping options are enabled to easily align objects.', 'order': '02', 'category': 'User Interaction' },
    { 'path': 'diagram/key-board-functions', 'component': 'KeyBoardInteraction', 'name': 'Keyboard Interaction', 'description': 'This sample illustrates interaction with diagram control using shortcut keys. Command Manager support is used to manage keyboard interactions.', 'order': '02', 'category': 'User Interaction' },
    { 'path': 'diagram/quick-commands', 'component': 'UserHandle', 'name': 'User Handle', 'description': 'This sample visualizes a simple flow diagram along with options to execute the frequently used commands using user handles.', 'order': '02', 'category': 'User Interaction' },
    { 'path': 'diagram/symbol-palette', 'component': 'SymbolPalette', 'name': 'Symbol Palette', 'description': 'This example illustrates predefining shapes in a palette that can be easily dragged and dropped into the drawing area. Customizable options of the symbol palette are also illustrated in this example.', 'order': '02', 'category': 'User Interaction' },
    { 'path': 'diagram/overview', 'component': 'Overview', 'name': 'Overview Panel', 'description': 'This sample visualizes an organizational structure along with an overview for easily navigating the large organizational structure using Overview Panel.', 'order': '02', 'category': 'User Interaction' },
    { 'path': 'diagram/serialization', 'component': 'Serialization', 'name': 'Serialization', 'description': 'This sample visualizes building diagrams interactively and editing the saved diagrams. Symbol Palette is used to easily build diagrams.', 'order': '03', 'category': 'Print and Export' },
    { 'path': 'diagram/print-export', 'component': 'PrintExport', 'name': 'Print and Export', 'description': 'This sample demonstrates printing and exporting the diagram as images.', 'order': '03', 'category': 'Print and Export' },
    { 'path': 'diagram/hierarchical-model', 'component': 'HierarchicalModel', 'name': 'Hierarchical Tree', 'description': 'This sample illustrates a simple hierarchical tree that is built from an external data source. Hierarchical tree layout algorithm is used to build hierarchical trees. Customizing the spacing between objects and orientation of the trees is illustrated in this example.', 'order': '04', 'category': 'Automatic Layouts' },
    { 'path': 'diagram/organization-model', 'component': 'OrganizationModel', 'name': 'Organization Chart', 'description': 'This sample illustrates a simple business management structure that is built from an external data source. Hierarchical tree layout algorithm is used to build organizational charts. Customizing the orientation and structure of the organizational chart is illustrated in this example.', 'order': '04', 'category': 'Automatic Layouts' },
    { 'path': 'diagram/radial-tree', 'component': 'Radial', 'name': 'Radial Tree', 'order': '04', 'description': 'This sample demonstrates a huge organizational structure using a compact layout model. Radial tree layout algorithm is used to build such a layout.', 'category': 'Automatic Layouts' },
    { 'path': 'diagram/mind-map', 'component': 'MindMap', 'name': 'Mind Map', 'order': '04', 'description': 'This sample demonstrates the concept of creativity using mind map layout algorithm. User handles are used to extend the mind map interactively.', 'category': 'Automatic Layouts' },
    { 'path': 'diagram/symmetric-layout', 'component': 'SymmetricLayout', 'name': 'Symmetric Layout', 'description': 'This sample visualizes a simple network template using symmetrical layout algorithm.', 'order': '04', 'category': 'Automatic Layouts' },
    { 'path': 'diagram/complex-hierarchical-tree', 'component': 'ComplexHierarchicalModel', 'name': 'Complex Hierarchical Tree', 'description': 'This sample demonstrates a complex hierarchical template that is built from an external data source using complex hierarchical tree algorithm.', 'order': '04', 'category': 'Automatic Layouts' },
    { 'path': 'diagram/right-to-left-tree', 'component': 'RTLTree', 'name': 'RTL Tree', 'description': 'This sample visualizes the concept of Artificical Intelligence using hierarchical tree layout algorithm', 'order': '04', 'category': 'Automatic Layouts' },
    { 'path': 'diagram/pert-chart', 'component': 'PertChart', 'name': 'PERT Chart', 'description': 'This sample visualizes a project development process using Program Evaluation Review Technique (PERT). Complex hierarchical tree layout algorithm is used to automatically arrange the nodes.', 'order': '04', 'category': 'Automatic Layouts' },
    { 'path': 'diagram/local-data', 'component': 'LocalData', 'name': 'Local Data', 'description': 'This sample visualizes the classifications of species using hierarchical tree layout algorithm. Data Manager support is used to bind data with the diagram.', 'order': '06', 'category': 'Data Binding' },
    { 'path': 'diagram/remote-data', 'component': 'RemoteData', 'name': 'Remote Data', 'description': 'This sample demonstrates binding remote data with the diagram using the Data Manager support.', 'order': '06', 'category': 'Data Binding' },
    { 'path': 'diagram/venn-diagram', 'component': 'VennDiagram', 'name': 'Venn Diagram', 'description': 'This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.', 'order': '05', 'category': 'Static Diagram' },
    { 'path': 'diagram/fishbone-diagram', 'component': 'Fishbone', 'name': 'Fishbone Diagram', 'type': 'new', 'description': 'This sample visually represents a simple fishbone diagram (Ishikawa). Diagram nodes and annotations are used to define fishbone diagrams. Read-only mode is enabled here.', 'order': '05', 'category': 'Static Diagram' }
];