import { Property, ChildProperty, Collection, ComplexFactory } from '@syncfusion/ej2-base'; /*externalscript*/import { TextDecoration, TextWrap, TextAlign, GradientType, TextOverflow, WhiteSpace } from '../enum/enum'; /** * Interface for a class Thickness */ export interface ThicknessModel { } /** * Interface for a class Margin */ export interface MarginModel { /** * Sets the space to be left from the left side of the immediate parent of an element * @default 0 */ left?: number; /** * Sets the space to be left from the right side of the immediate parent of an element * @default 0 */ right?: number; /** * Sets the space to be left from the top side of the immediate parent of an element * @default 0 */ top?: number; /** * Sets the space to be left from the bottom side of the immediate parent of an element * @default 0 */ bottom?: number; } /** * Interface for a class Stop */ export interface StopModel { /** * Sets the color to be filled over the specified region * @default '' */ color?: string; /** * Sets the position where the previous color transition ends and a new color transition starts * @default 0 */ offset?: number; /** * Describes the transparency level of the region * @default 1 */ opacity?: number; } /** * Interface for a class Gradient */ export interface GradientModel { /** * Defines the stop collection of gradient * @default [] */ stops?: StopModel[]; /** * Defines the type of gradient * * Linear - Sets the type of the gradient as Linear * * Radial - Sets the type of the gradient as Radial * @default 'None' */ type?: GradientType; /** * Defines the id of gradient * @default '' */ id?: string; } /** * Interface for a class LinearGradient */ export interface LinearGradientModel extends GradientModel{ /** * Defines the x1 value of linear gradient * @default 0 */ x1?: number; /** * Defines the x2 value of linear gradient * @default 0 */ x2?: number; /** * Defines the y1 value of linear gradient * @default 0 */ y1?: number; /** * Defines the y2 value of linear gradient * @default 0 */ y2?: number; } /** * Interface for a class RadialGradient */ export interface RadialGradientModel extends GradientModel{ /** * Defines the cx value of radial gradient * @default 0 */ cx?: number; /** * Defines the cy value of radial gradient * @default cy */ cy?: number; /** * Defines the fx value of radial gradient * @default 0 */ fx?: number; /** * Defines the fy value of radial gradient * @default fy */ fy?: number; /** * Defines the r value of radial gradient * @default 50 */ r?: number; } /** * Interface for a class ShapeStyle */ export interface ShapeStyleModel { /** * Sets the fill color of a shape/path * @default 'white' */ fill?: string; /** * Sets the stroke color of a shape/path * @default 'black' */ strokeColor?: string; /** * Defines the pattern of dashes and spaces to stroke the path/shape * ```html *
* ``` * ``` * let nodes: NodeModel[] = [{ id: 'node', width: 100, height: 100, offsetX: 100, offsetY: 100, * style: { fill: 'red', strokeColor: 'blue', strokeWidth: 5, * strokeDashArray: '2 2', opacity: 0.6 } as ShapeStyleModel, * }]; * let diagram: Diagram = new Diagram({ * ... * nodes: nodes, * ... * }); * diagram.appendTo('#diagram'); * ``` * @default '' */ strokeDashArray?: string; /** * Defines the stroke width of the path/shape * @default 1 */ strokeWidth?: number; /** * Sets the opacity of a shape/path * @default 1 */ opacity?: number; /** * Defines the gradient of a shape/path * @default null * @aspType object */ gradient?: GradientModel | LinearGradientModel | RadialGradientModel; } /** * Interface for a class StrokeStyle */ export interface StrokeStyleModel extends ShapeStyleModel{ /** * Sets the fill color of a shape/path * @default 'transparent' */ fill?: string; } /** * Interface for a class TextStyle */ export interface TextStyleModel extends ShapeStyleModel{ /** * Sets the font color of a text * @default 'black' */ color?: string; /** * Sets the font type of a text * @default 'Arial' */ fontFamily?: string; /** * Defines the font size of a text * @default 12 */ fontSize?: number; /** * Enables/disables the italic style of text * @default false */ italic?: boolean; /** * Enables/disables the bold style of text * @default false */ bold?: boolean; /** * Defines how the white space and new line characters have to be handled * * PreserveAll - Preserves all empty spaces and empty lines * * CollapseSpace - Collapses the consequent spaces into one * * CollapseAll - Collapses all consequent empty spaces and empty lines * @default 'CollapseSpace' */ whiteSpace?: WhiteSpace; /** * Defines how the text should be wrapped, when the text size exceeds some specific bounds * * WrapWithOverflow - Wraps the text so that no word is broken * * Wrap - Wraps the text and breaks the word, if necessary * * NoWrap - Text will no be wrapped * @default 'WrapWithOverflow' */ textWrapping?: TextWrap; /** * Defines how the text should be aligned within its bounds * * Left - Aligns the text at the left of the text bounds * * Right - Aligns the text at the right of the text bounds * * Center - Aligns the text at the center of the text bounds * * Justify - Aligns the text in a justified manner * @default 'Center' */ textAlign?: TextAlign; /** * Defines how the text should be decorated. For example, with underline/over line * * Overline - Decorates the text with a line above the text * * Underline - Decorates the text with an underline * * LineThrough - Decorates the text by striking it with a line * * None - Text will not have any specific decoration * @default 'None' */ textDecoration?: TextDecoration; /** * Defines how to handle the text when it exceeds the given size. * * Wrap - Wraps the text to next line, when it exceeds its bounds * * Ellipsis - It truncates the overflown text and represents the clipping with an ellipsis * * Clip - It clips the overflow text * @default 'Wrap' */ textOverflow?: TextOverflow; /** * Sets the fill color of a shape/path * @default 'transparent' */ fill?: string; }