diff --git a/ej2-blazor-samples/Pages/Buttons/Button/ButtonGroup.razor b/ej2-blazor-samples/Pages/Buttons/Button/ButtonGroup.razor index 9ab588c58..87bbea99e 100644 --- a/ej2-blazor-samples/Pages/Buttons/Button/ButtonGroup.razor +++ b/ej2-blazor-samples/Pages/Buttons/Button/ButtonGroup.razor @@ -153,8 +153,4 @@ overflow-y: scroll; } } - - -@functions{ - -} + \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Buttons/Button/CheckBox.razor b/ej2-blazor-samples/Pages/Buttons/Button/CheckBox.razor index ac75861b2..159ab56ed 100644 --- a/ej2-blazor-samples/Pages/Buttons/Button/CheckBox.razor +++ b/ej2-blazor-samples/Pages/Buttons/Button/CheckBox.razor @@ -89,7 +89,3 @@ margin: 20px 0; } - -@functions{ - -} diff --git a/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor b/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor index 1d92221cf..bfcac3389 100644 --- a/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor +++ b/ej2-blazor-samples/Pages/Buttons/Button/DropDownButton.razor @@ -2,7 +2,6 @@ @using Syncfusion.EJ2.RazorComponents.SplitButtons - @*Hidden:Lines*@ @using ej2_blazor_samples @{ diff --git a/ej2-blazor-samples/Pages/Buttons/Button/RadioButton.razor b/ej2-blazor-samples/Pages/Buttons/Button/RadioButton.razor index 76f24702b..226a61418 100644 --- a/ej2-blazor-samples/Pages/Buttons/Button/RadioButton.razor +++ b/ej2-blazor-samples/Pages/Buttons/Button/RadioButton.razor @@ -83,8 +83,4 @@ .e-bigger .radio-control h4 { font-size: 20px; } - - -@functions{ - -} \ No newline at end of file + \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Buttons/Button/Switch.razor b/ej2-blazor-samples/Pages/Buttons/Button/Switch.razor index ffd8614a4..792d4b1a8 100644 --- a/ej2-blazor-samples/Pages/Buttons/Button/Switch.razor +++ b/ej2-blazor-samples/Pages/Buttons/Button/Switch.razor @@ -95,7 +95,3 @@ pointer-events: none; } - -@functions{ - -} diff --git a/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor b/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor index 0bad0f2d2..a1e461a03 100644 --- a/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor +++ b/ej2-blazor-samples/Pages/Calendars/Calendar/DateRange.razor @@ -42,6 +42,6 @@ @functions{ - public DateTime minDate {get;set;} = new DateTime(DateTime.Now.Year,DateTime.Now.Month,05); - public DateTime maxDate {get;set;} = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 27); + public DateTime minDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 05); + public DateTime maxDate { get; set; } = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 27); } \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor b/ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor index 782646b4e..72b2e7efe 100644 --- a/ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor +++ b/ej2-blazor-samples/Pages/Calendars/DateRangePicker/Format.razor @@ -1,7 +1,7 @@ @page "/DateRangePicker/Format" -@using Syncfusion.EJ2.RazorComponents.Calendars; -@using System; +@using Syncfusion.EJ2.RazorComponents.Calendars +@using System @*Hidden:Lines*@ @using ej2_blazor_samples @@ -46,6 +46,6 @@ @functions{ - public DateTime start { get; set; } = DateTime.Now; - public DateTime end { get; set; } = DateTime.Now.AddDays(20); + public DateTime start {get;set;} = DateTime.Now; + public DateTime end {get;set;} = DateTime.Now.AddDays(20); } diff --git a/ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.razor b/ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.razor index 6a03be2ea..0011863d3 100644 --- a/ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.razor +++ b/ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.razor @@ -28,7 +28,8 @@ @*End:Hidden*@
- +
@@ -70,19 +71,23 @@ public List data { get; set; } = new List { - new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28 }, - new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44 }, - new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48 }, - new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50 }, - new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66 }, - new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78 }, - new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84 }, + new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28, open = 85.9757, high = 90.6657, low = 85.7685, close = 90.5257 }, + new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44, open = 89.4471, high = 92, low = 86.2157, close = 86.4614 }, + new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48, open = 87.1514, high = 88.6071,low = 81.4885,close = 81.8543 }, + new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50, open = 81.5157, high = 88.2857, low = 79.2857,close = 86.1428 }, + new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66, open = 80.2143, high = 82.2685,low = 79.8185,close = 80.9585 }, + new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78, open = 80.3671, high = 81.0728,low = 74.5971,close = 75.7685 }, + new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84, open = 76.3571, high = 82.3571,low = 76.2928,close = 80.3271} }; public class LineChartData { public DateTime xValue; - public double yValue; + public double high; + public double low; + public double open; + public double close; + public double yValue; public double yValue1; }; @@ -92,6 +97,14 @@ public List seriesData { get; set; } = new List { new { xName = "xValue", type = "Line", yName = "yValue" } + }; + + public List periods { get; set; } = new List + { + new { intervalType= "Minutes", interval= 1, text= "1m" }, + new { intervalType= "Years", interval= 1, text= "iY" }, + new { intervalType= "Hours", interval= 1, text= "1H" }, + new { intervalType= "Years", interval= 2, text= "2Y", selected= true }, }; } diff --git a/ej2-blazor-samples/Pages/Charts/StockChart/StockChart.razor b/ej2-blazor-samples/Pages/Charts/StockChart/StockChart.razor index 3b901b963..320f9e821 100644 --- a/ej2-blazor-samples/Pages/Charts/StockChart/StockChart.razor +++ b/ej2-blazor-samples/Pages/Charts/StockChart/StockChart.razor @@ -28,7 +28,8 @@ @*End:Hidden*@
- +
@@ -72,20 +73,24 @@ }; public List data { get; set; } = new List { - - new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28 }, - new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44 }, - new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48 }, - new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50 }, - new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66 }, - new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78 }, - new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84 }, + + new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28, open = 85.9757, high = 90.6657, low = 85.7685, close = 90.5257 }, + new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44, open = 89.4471, high = 92, low = 86.2157, close = 86.4614 }, + new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48, open = 87.1514, high = 88.6071,low = 81.4885,close = 81.8543 }, + new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50, open = 81.5157, high = 88.2857, low = 79.2857,close = 86.1428 }, + new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66, open = 80.2143, high = 82.2685,low = 79.8185,close = 80.9585 }, + new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78, open = 80.3671, high = 81.0728,low = 74.5971,close = 75.7685 }, + new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84, open = 76.3571, high = 82.3571,low = 76.2928,close = 80.3271 } }; public class LineChartData { public DateTime xValue; - public double yValue; + public double high; + public double low; + public double open; + public double close; + public double yValue; public double yValue1; }; @@ -95,6 +100,14 @@ public List seriesData { get; set; } = new List { new { xName = "xValue", type = "Line", yName = "yValue" } - }; + }; + + public List periods { get; set; } = new List + { + new { intervalType= "Minutes", interval= 1, text= "1m" }, + new { intervalType= "Years", interval= 1, text= "iY" }, + new { intervalType= "Hours", interval= 1, text= "1H" }, + new { intervalType= "Years", interval= 2, text= "2Y", selected= true }, + }; } diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/CharacterFormat.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/CharacterFormat.razor index 4ab352057..d9d176f53 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/CharacterFormat.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/CharacterFormat.razor @@ -1,6 +1,6 @@ @page "/DocumentEditor/CharacterFormat" -@using Syncfusion.EJ2.RazorComponents.DocumentEditor +@using Syncfusion.EJ2.RazorComponents.DocumentEditor; @using Newtonsoft.Json; @inject HttpClient Http; @using Syncfusion.EJ2.RazorComponents.SplitButtons; diff --git a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/ParagraphFormat.razor b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/ParagraphFormat.razor index 13d9c1121..b55c17b0c 100644 --- a/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/ParagraphFormat.razor +++ b/ej2-blazor-samples/Pages/DocumentEditor/DocumentEditor/ParagraphFormat.razor @@ -1,6 +1,6 @@ @page "/DocumentEditor/ParagraphFormat" -@using Syncfusion.EJ2.RazorComponents.DocumentEditor +@using Syncfusion.EJ2.RazorComponents.DocumentEditor; @using Newtonsoft.Json; @inject HttpClient Http; @using Syncfusion.EJ2.RazorComponents.SplitButtons; diff --git a/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DataBinding.razor b/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DataBinding.razor index 85b513221..67285bb9b 100644 --- a/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DataBinding.razor +++ b/ej2-blazor-samples/Pages/DropDowns/AutoComplete/DataBinding.razor @@ -97,15 +97,4 @@ public object AutoCompleteFieldSettings = new { value = "Name" }; public string sort { get; set; } = "Ascending"; - - public object remoteData = new { - Url ="https://ej2services.syncfusion.com/production/web-services/api/Employees", - CrossDomain = "true", - Adaptor = "WebApiAdaptor" - }; - - public object remoteAutoCompleteFields = new { Value="FirstName" }; - - public string dataQuery { get; set;} = "new ej.data.Query().select(['FirstName', 'EmployeeID']).requiresCount()"; - } diff --git a/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor b/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor index 279d81d7e..52bcb8f32 100644 --- a/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor +++ b/ej2-blazor-samples/Pages/DropDowns/ComboBox/DataBinding.razor @@ -90,20 +90,4 @@ value = "id" }; - public object remoteData = new - { - Url = "https://ej2services.syncfusion.com/production/web-services/api/Employees", - CrossDomain = "true", - Adaptor = "WebApiAdaptor" - }; - - public object remoteComboBoxFields = new - { - Text = "FirstName", - Value = "EmployeeID" - }; - - public string dataQuery { get; set; } = "new ej.data.Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount()"; - - public string sort { get; set; } = "Ascending"; } diff --git a/ej2-blazor-samples/Pages/DropDowns/DropDownList/DataBinding.razor b/ej2-blazor-samples/Pages/DropDowns/DropDownList/DataBinding.razor index 46cb7985d..9809c57c1 100644 --- a/ej2-blazor-samples/Pages/DropDowns/DropDownList/DataBinding.razor +++ b/ej2-blazor-samples/Pages/DropDowns/DropDownList/DataBinding.razor @@ -93,20 +93,4 @@ value = "id" }; - public object remoteData = new - { - Url = "https://ej2services.syncfusion.com/production/web-services/api/Employees", - CrossDomain = "true", - Adaptor = "WebApiAdaptor" - }; - - public object remoteDropDownFields = new - { - Text = "FirstName", - Value = "EmployeeID" - }; - - public string dataQuery { get; set; } = "new ej.data.Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount()"; - - public string sort { get; set; } = "Ascending"; } diff --git a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DataBinding.razor b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DataBinding.razor index 3ac66e2a7..d20d40c8d 100644 --- a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DataBinding.razor +++ b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/DataBinding.razor @@ -113,17 +113,5 @@ }; public object MultiSelectFieldSettings = new { text = "Name", value = "Code" }; - public string sort { get; set; } = "Ascending"; - - public object remoteData = new - { - Url = "https://ej2services.syncfusion.com/production/web-services/api/Employees", - CrossDomain = "true", - Adaptor = "WebApiAdaptor" - }; - - public object RemoteAutoCompleteFields = new { Text = "FirstName", Value = "EmployeeID" }; - - public string dataQuery { get; set; } = "new ej.data.Query().select(['FirstName', 'EmployeeID']).take(10).requiresCount()"; - + } diff --git a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/Filtering.razor b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/Filtering.razor index e3e3fcd89..63620c934 100644 --- a/ej2-blazor-samples/Pages/DropDowns/MultiSelect/Filtering.razor +++ b/ej2-blazor-samples/Pages/DropDowns/MultiSelect/Filtering.razor @@ -80,5 +80,4 @@ text = "Name", value = "Code" }; - public string MultiSelectQuery = "new ej.data.Query()"; } diff --git a/ej2-blazor-samples/Pages/Editors/InPlaceEditor/DropDownComponents.razor b/ej2-blazor-samples/Pages/Editors/InPlaceEditor/DropDownComponents.razor index c45fbfae1..8d33472dd 100644 --- a/ej2-blazor-samples/Pages/Editors/InPlaceEditor/DropDownComponents.razor +++ b/ej2-blazor-samples/Pages/Editors/InPlaceEditor/DropDownComponents.razor @@ -96,7 +96,7 @@ - + @@ -124,14 +124,14 @@ max-width: 400px; } - .inplace-control-section.drop-down-layout .control_wrapper table { - margin: auto; - } + .inplace-control-section.drop-down-layout .control_wrapper table { + margin: auto; + } - .inplace-control-section.drop-down-layout .control_wrapper table td { - width: 200px; - height: 100px; - } + .inplace-control-section.drop-down-layout .control_wrapper table td { + width: 200px; + height: 100px; + } #dropdownProperty table td { width: 50%; diff --git a/ej2-blazor-samples/Pages/Gantt/SampleList.cs b/ej2-blazor-samples/Pages/Gantt/SampleList.cs index 1f3930f37..0b36f01a9 100644 --- a/ej2-blazor-samples/Pages/Gantt/SampleList.cs +++ b/ej2-blazor-samples/Pages/Gantt/SampleList.cs @@ -33,7 +33,7 @@ internal partial class SampleConfig Category = "Gantt", Directory = "Gantt/Gantt", Url = "Gantt/Baseline", - FileName = "FilBaselinetering.razor", + FileName = "Baseline.razor", Type = SampleType.New } }; diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/CheckboxSelection.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/CheckboxSelection.razor index f14cfa9c6..d48debfd3 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/CheckboxSelection.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/CheckboxSelection.razor @@ -40,15 +40,14 @@
- + - - - - - + + + + @@ -56,19 +55,14 @@
- - - @functions{ - EjsGrid defaultGrid; - - public object gridData { get; set; } + public List gridData { get; set; } - protected override void OnAfterRender() + protected override void OnInit() { - gridData = this.defaultGrid.DataSource = InventorDetails.GetAllRecords(); - } + gridData = InventorDetails.GetAllRecords(); } +} + - diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/DefaultFunctionalities.razor index c3e23b620..0438f79dc 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/DefaultFunctionalities.razor @@ -31,29 +31,26 @@
- - + - - - - - - + + + + +
-@functions{ - EjsGrid defaultGrid; +@functions{ - public object gridData { get; set; } + public List gridData { get; set; } - protected override void OnAfterRender() + protected override void OnInit() { - gridData = this.defaultGrid.DataSource = OrdersDetails.GetAllRecords(); - } + gridData = OrdersDetails.GetAllRecords(); } +} diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/Filtering.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/Filtering.razor index d0080a182..885179440 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/Filtering.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/Filtering.razor @@ -34,29 +34,26 @@
- - + - - - - + + + +
-@functions{ - - EjsGrid defaultGrid; - public object gridData { get; set; } +@functions{ + public List gridData { get; set; } - protected override void OnAfterRender() + protected override void OnInit() { - gridData = this.defaultGrid.DataSource = OrdersDetails.GetAllRecords(); - } + gridData = OrdersDetails.GetAllRecords(); } +} diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/InlineEditing.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/InlineEditing.razor index a5a423df7..f53d7895b 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/InlineEditing.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/InlineEditing.razor @@ -12,12 +12,12 @@ SampleBrowser.CurrentControl = SampleBrowser.Config.DataGrid; SampleBrowser.ActionDescription = new string[] { @"

This sample demonstrates CRUD operations in Grid. You can perform CRUD operations as follows,

-
    -
  • Add - To add new record, click Add toolbar button
    • -
  • Edit - To edit record, double click a row or click toolbar Edit button after selected a row
    • -
  • Delete - To delete record, click toolbar Delete button after selected a row
    • -
  • Update,Cancel - You can save or discard changes by click toolbar Update and Cancel button respectively
    • -
+
    +
  • Add - To add new record, click Add toolbar button
    • +
  • Edit - To edit record, double click a row or click toolbar Edit button after selected a row
    • +
  • Delete - To delete record, click toolbar Delete button after selected a row
    • +
  • Update,Cancel - You can save or discard changes by click toolbar Update and Cancel button respectively
    • +

By default, a new row will be added at the top of the grid. You can change it by setting editSettings.newRowPosition as Bottom

" }; SampleBrowser.Description = new string[]{ @@ -43,30 +43,27 @@
- - - + + - - - - - - + + + + +
-@functions{ - EjsGrid defaultGrid; +@functions{ - public object gridData { get; set; } + public List gridData { get; set; } - protected override void OnAfterRender() - { - gridData = this.defaultGrid.DataSource = OrdersDetails.GetAllRecords(); - } + protected override void OnInit() + { + gridData = OrdersDetails.GetAllRecords(); } +} diff --git a/ej2-blazor-samples/Pages/Grid/DataGrid/Sorting.razor b/ej2-blazor-samples/Pages/Grid/DataGrid/Sorting.razor index 992bfdf82..18340d7cf 100644 --- a/ej2-blazor-samples/Pages/Grid/DataGrid/Sorting.razor +++ b/ej2-blazor-samples/Pages/Grid/DataGrid/Sorting.razor @@ -6,65 +6,69 @@ @using ej2_blazor_samples @using ej2_blazor_griddata @{ - SampleBrowser.CurrentSampleName = "Sorting"; - SampleBrowser.CurrentControlName = "DataGrid"; - SampleBrowser.CurrentControlCategory = "DataGrid"; - SampleBrowser.CurrentControl = SampleBrowser.Config.DataGrid; - SampleBrowser.ActionDescription = new string[] { + SampleBrowser.CurrentSampleName = "Sorting"; + SampleBrowser.CurrentControlName = "DataGrid"; + SampleBrowser.CurrentControlCategory = "DataGrid"; + SampleBrowser.CurrentControl = SampleBrowser.Config.DataGrid; + SampleBrowser.ActionDescription = new string[] { @"

- This sample demonstrates the Grid multi sorting feature. To sort two or more columns, hold the CTRL key and click the column header. -

" + This sample demonstrates the Grid multi sorting feature. To sort two or more columns, hold the CTRL key and click the column header. +

" }; - SampleBrowser.Description = new string[]{ + SampleBrowser.Description = new string[]{ @"

- Sorting feature enables us to order the data in a particular direction. It can be enabled by setting the allowSorting as true. -

-

(ascending) + Sorting feature enables us to order the data in a particular direction. It can be enabled by setting the allowSorting as true. +

+

(ascending) and (descending) specifies the sort direction of a column.

-

By default, multi-sorting is enabled in Grid, to sort multiple column hold CTRL key and click the column +

By default, multi-sorting is enabled in Grid, to sort multiple column hold CTRL key and click the column header. To clear sort for a column, hold SHIFT key and click the column header.

-

+

While using Grid in a touch device, you have an option for multi sorting in single tap on the grid header.By tapping on the grid header, it will show the toggle button in small popup with sort icon.Now tap the button to enable the multi-sorting in single tap. -

-

In this demo,

+

+

In this demo,

Simply click the column header to sort a column.

" }; } @*End:Hidden*@ +@{ + List cols = new List(); + cols.Add(new { field = "OrderDate", direction = "Ascending" }); + cols.Add(new { field = "Freight", direction = "Descending" }); +}
- + - + - - - - - + + + + +
-@functions{ - EjsGrid defaultGrid; +@functions{ - public object gridData { get; set; } + public List gridData { get; set; } - protected override void OnAfterRender() + protected override void OnInit() { - gridData = this.defaultGrid.DataSource = OrdersDetails.GetAllRecords(); - } + gridData = OrdersDetails.GetAllRecords(); } +} diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor index 33475aeb9..c63ae3008 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor @@ -38,7 +38,7 @@
@**@ - + @@ -56,13 +56,11 @@ @functions{ EjsTreeGrid treeGrid; - - public object treecolumns { get; set; } - public object treedata { get; set; } + public List treedata { get; set; } - protected override void OnAfterRender() + protected override void OnInit() { - treedata = this.treeGrid.DataSource = TreeData.GetDefaultData(); + this.treedata = TreeData.GetDefaultData().ToList(); } } diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor index 6abb3f278..ad864169f 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor @@ -62,7 +62,7 @@
- + @@ -82,14 +82,10 @@ EjsTreeGrid treeGrid; - public object treedata { get; set; } + public List treedata { get; set; } - public object treecolumns { get; set; } - - public object filter { get; set; } - - protected override void OnAfterRender() + protected override void OnInit() { - treedata = this.treeGrid.DataSource = TreeData.GetDefaultData(); + this.treedata = TreeData.GetDefaultData().ToList(); } } diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor index 052fde659..f10b7212a 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor @@ -36,7 +36,7 @@
- + @@ -55,12 +55,11 @@ EjsTreeGrid treeGrid; - public object treecolumns { get; set; } - public object treedata { get; set; } + public List treedata { get; set; } - protected override void OnAfterRender() + protected override void OnInit() { - treedata = this.treeGrid.DataSource = TreeData.GetDefaultData(); + this.treedata = TreeData.GetDefaultData().ToList(); } } diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor index 40f300651..b5d214948 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor @@ -49,7 +49,7 @@
- + @@ -68,22 +68,11 @@ @functions{ EjsTreeGrid treeGrid; - - public object treecolumns { get; set; } - public object treedata { get; set; } - - public object toolbar { get; set; } - - public object edit { get; set; } - - public List toolbarSettings = new List { "Add", "Delete", "Update", "Cancel" }; - - public object editSettings = new { allowAdding = "true", allowEditing = "true", allowDeleting = "true" }; + public List treedata { get; set; } - protected override void OnAfterRender() + protected override void OnInit() { - treedata = this.treeGrid.DataSource = TreeData.GetDefaultData(); - toolbar = this.treeGrid.Toolbar = toolbarSettings; + this.treedata = TreeData.GetDefaultData().ToList(); } } diff --git a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor index 2ccbc3299..f63814223 100644 --- a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor +++ b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor @@ -1,4 +1,7 @@ @page "/HeatMapChart/Emptypoints" + +@using Syncfusion.EJ2.RazorComponents.HeatMap + @*Hidden:Lines*@ @using ej2_blazor_samples @using ej2_blazor_heatmapdata @@ -16,7 +19,7 @@ }; SampleBrowser.Description = new string[] { @"

- In this example, you can see how to render empty points in the Heatmap. The empty points or the points with no data can be marked using null in the data source. + In this example, you can see how to render empty points in the Heatmap. The empty points or the points with no data can be marked using null in the data source. You can also customize the background color of the empty points by using the emptyPointColor property in paletteSettings

@@ -54,18 +57,18 @@ public object border = new { width = "0", color = "white" }; public object xAxis = new { - labels = new string[] { "2007", "2008", "2009", "2010", "2011", + labels = new string[] { "2007", "2008", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017" } }; public object yAxis = new { - labels = new string[] { "Jan", "Feb", "Mar", "Apr", "May", + labels = new string[] { "Jan", "Feb", "Mar", "Apr", "May", "Jun", "July", "Aug", "Sept", "Oct", "Nov", "Dec" } }; EjsHeatMap heatmap; public object heatmapData { get; set; } protected override void OnAfterRender() { - heatmapData = this.heatmap.DataSource = HeatMapData.GetEmptyPointData(); - } + heatmapData = this.heatmap.DataSource = HeatMapData.GetEmptyPointData(); } +} diff --git a/ej2-blazor-samples/Pages/Inputs/ColorPicker/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Inputs/ColorPicker/DefaultFunctionalities.razor index a270fe117..64875cd7a 100644 --- a/ej2-blazor-samples/Pages/Inputs/ColorPicker/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Inputs/ColorPicker/DefaultFunctionalities.razor @@ -74,8 +74,3 @@ font-size: 20px; } - -@functions{ - -} - diff --git a/ej2-blazor-samples/Pages/Inputs/Slider/Ticks.razor b/ej2-blazor-samples/Pages/Inputs/Slider/Ticks.razor index 4d09ac3c3..de24c6bc2 100644 --- a/ej2-blazor-samples/Pages/Inputs/Slider/Ticks.razor +++ b/ej2-blazor-samples/Pages/Inputs/Slider/Ticks.razor @@ -1,15 +1,16 @@ @page "/Slider/Ticks" +@using Syncfusion.EJ2.RazorComponents.Inputs + @*Hidden:Lines*@ @using ej2_blazor_samples @using Newtonsoft.Json -@using Syncfusion.EJ2.RazorComponents.Inputs @{ SampleBrowser.CurrentSampleName = "Ticks"; SampleBrowser.CurrentControlName = "Slider"; SampleBrowser.CurrentControlCategory = "Inputs"; SampleBrowser.CurrentControl = SampleBrowser.Config.Slider; - SampleBrowser.ActionDescription = new string[] { + SampleBrowser.ActionDescription = new string[] { @"

This sample demonstrates the rendering of Slider component with ticks placement. Drag the thumb over the bar for selecting the values between min and max. @@ -50,7 +51,7 @@

- +
@@ -59,9 +60,9 @@ @functions{ string value = "0.3"; int[] val = { 30, 70 }; - object tick = new { placement = "Before", showSmallTicks =true, largeStep = 0.2, smallStep = 0.05 }; + object tick = new { placement = "Before", showSmallTicks = true, largeStep = 0.2, smallStep = 0.05 }; object rangeTicks = new { placement = "Before", showSmallTicks = true, largeStep = 20, smallStep = 5 }; - + } - -@functions { - -} diff --git a/ej2-blazor-samples/Pages/Layout/Splitter/ExpandandCollapse.razor b/ej2-blazor-samples/Pages/Layout/Splitter/ExpandandCollapse.razor index bf43d3374..7ad78b692 100644 --- a/ej2-blazor-samples/Pages/Layout/Splitter/ExpandandCollapse.razor +++ b/ej2-blazor-samples/Pages/Layout/Splitter/ExpandandCollapse.razor @@ -51,7 +51,3 @@ margin-top: 10px; } - -@functions { - -} diff --git a/ej2-blazor-samples/Pages/Layouts/DashboardLayout/Default.razor b/ej2-blazor-samples/Pages/Layouts/DashboardLayout/Default.razor index 56d241ddc..ed45d9359 100644 --- a/ej2-blazor-samples/Pages/Layouts/DashboardLayout/Default.razor +++ b/ej2-blazor-samples/Pages/Layouts/DashboardLayout/Default.razor @@ -71,7 +71,7 @@ \ No newline at end of file +.e-filemanager .e-large-icons .e-fe-folder { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGOTI5Mjt9LnN0MXtmaWxsOiNFODdFN0U7fS5zdDJ7ZmlsbDojRkZDM0MzO30uc3Qze2ZpbGw6IzkxRDRGRTt9LnN0NHtmaWxsOiM2M0E3RDM7fS5zdDV7ZmlsbDojQzFFN0ZGO30uc3Q2e2ZpbGw6I0ZGRkZGRjt9LnN0N3tmaWxsOiM4M0Q2Qjk7fS5zdDh7ZmlsbDojNDZDNjhDO30uc3Q5e2ZpbGw6I0JCRThEODt9LnN0MTB7ZmlsbDojRkVCMTdEO30uc3QxMXtmaWxsOiNERDk2NjY7fS5zdDEye2ZpbGw6I0ZFRDRCNzt9LnN0MTN7ZmlsbDojRjJBMkEyO30uc3QxNHtmaWxsOiNGMUM1QzU7fS5zdDE1e2ZpbGw6I0RCQjY2Mzt9LnN0MTZ7ZmlsbDojQ0VBMTUxO30uc3QxN3tmaWxsOiNFQkQ3QTk7fS5zdDE4e2ZpbGw6I0NFQ0VDRTt9LnN0MTl7ZmlsbDojQjdCN0I3O30uc3QyMHtmaWxsOiNFNEU0RTQ7fS5zdDIxe2ZpbGw6IzY1QUFEMTt9LnN0MjJ7ZmlsbDojRTU3QTdBO30uc3QyM3tmaWxsOiNFNkE2RTg7fS5zdDI0e2ZpbGw6I0Q2OEFENjt9LnN0MjV7ZmlsbDojRkZDQ0ZFO30uc3QyNntmaWxsOiM5OENFNUY7fS5zdDI3e2ZpbGw6IzhDQUYyQzt9LnN0Mjh7ZmlsbDojQzZFM0E3O30uc3QyOXtmaWxsOiNGRkI1Nzg7fS5zdDMwe2ZpbGw6I0VEOUY2NDt9LnN0MzF7ZmlsbDojRkZENkI1O30uc3QzMntmaWxsOiNGNEExRUY7fS5zdDMze2ZpbGw6I0REODdERDt9LnN0MzR7ZmlsbDojRjlDQkY2O30uc3QzNXtmaWxsOiNBOEEyRjQ7fS5zdDM2e2ZpbGw6Izg4ODVFODt9LnN0Mzd7ZmlsbDojQ0ZDQ0Y4O30uc3QzOHtmaWxsOiNCQ0JDQkM7fS5zdDM5e2ZpbGw6I0E4QThBODt9LnN0NDB7ZmlsbDojREFEQURBO30uc3Q0MXtmaWxsOiM3N0NDREI7fS5zdDQye2ZpbGw6IzREQkNDMTt9LnN0NDN7ZmlsbDojQjRFM0VCO30uc3Q0NHtmaWxsOiNGRkI3QTQ7fS5zdDQ1e2ZpbGw6I0Y2OUE3Qjt9LnN0NDZ7ZmlsbDojRkZEN0NEO30uc3Q0N3tmaWxsOiM3MUM4RjQ7fS5zdDQ4e2ZpbGw6IzhEQzk3Nzt9LnN0NDl7ZmlsbDojN0NBODUxO30uc3Q1MHtvcGFjaXR5OjAuNDU7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yOS41LDI3LjVoLTI3Yy0xLjEsMC0yLTAuOS0yLTJ2LTE5YzAtMS4xLDAuOS0yLDItMmgxMC40bDMuNSwzLjFoMTMuMmMxLjEsMCwyLDAuOSwyLDJ2MTUuOUMzMS41LDI2LjYsMzAuNiwyNy41LDI5LjUsMjcuNXoiLz48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjkuNSwyOGgtMjdDMS4xLDI4LDAsMjYuOSwwLDI1LjV2LTE5QzAsNS4xLDEuMSw0LDIuNSw0aDEwLjZsMy41LDMuMWgxM2MxLjQsMCwyLjUsMS4xLDIuNSwyLjV2MTUuOUMzMiwyNi45LDMwLjksMjgsMjkuNSwyOHogTTIuNSw1QzEuNyw1LDEsNS43LDEsNi41djE5QzEsMjYuMywxLjcsMjcsMi41LDI3aDI3YzAuOCwwLDEuNS0wLjcsMS41LTEuNVY5LjZjMC0wLjgtMC43LTEuNS0xLjUtMS41SDE2LjJMMTIuNyw1SDIuNXoiLz48L2c+PC9zdmc+'); +} + + diff --git a/ej2-blazor-samples/Pages/Navigations/FileManager/Overview.razor b/ej2-blazor-samples/Pages/Navigations/FileManager/Overview.razor index 831cdbafc..7a4d9dcb7 100644 --- a/ej2-blazor-samples/Pages/Navigations/FileManager/Overview.razor +++ b/ej2-blazor-samples/Pages/Navigations/FileManager/Overview.razor @@ -19,28 +19,11 @@ @*End:Hidden*@
-
- -
+ + + +
- -@functions{ - EjsFileManager file; - public ViewType View { get; set; } = ViewType.LargeIcons; - public string Url { get; set; } - public string GetImageUrl { get; set; } - public object AjaxSettings { get; set; } - public List - list { get; set; } = new List - { - new { url = "https://ej2services.syncfusion.com/production/web-services/api/FileManager/FileOperations", - getImageUrl = "https://ej2services.syncfusion.com/production/web-services/api/FileManager/GetImage" }, - - }; - - protected override void OnAfterRender() - { - AjaxSettings = this.file.AjaxSettings = list[0]; - this.file.DataBind(); - } -} \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/Default.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/Default.razor index 38c5c5417..9c077f640 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/Default.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/Default.razor @@ -41,7 +41,7 @@
- Toggle Sidebar + Toggle Sidebar
@@ -52,6 +52,21 @@ + +@functions{ + EjsSidebar sidebar; + public void show() { + this.sidebar.Show(); + } + public void close() { + this.sidebar.Hide(); + } + public void toggle() { + this.sidebar.Toggle(); + } + +} + - -@functions{ - EjsSidebar sidebar; - private string btnclass { get; set; } = "e-btn e-info"; - - public void show() - { - this.sidebar.Show(); - - } - public void close() - { - this.sidebar.Hide(); - } - public void toggle() - { - this.sidebar.Toggle(); - } - -} - diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/ResponsivePanel.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/ResponsivePanel.razor index 6c935dba2..7a2bf551d 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/ResponsivePanel.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/ResponsivePanel.razor @@ -76,6 +76,60 @@ +@functions{ + EjsTreeView treeView; + EjsSidebar sidebar; + public ExpandOnSettings expand { get; set; } = ExpandOnSettings.Click; + + public void toggle() { + this.sidebar.Toggle(); + } + public void onCreate(object arg) { + this.sidebar.MediaQuery = "(min-width:1400px)"; + } + + [Parameter] + private object TreeviewData { get; set; } = new { + dataSource = new List { + new { nodeId = "01", nodeText = "Installation", iconCss = "icon-microchip icon" }, + new { nodeId = "02", nodeText = "Deployment", iconCss = "icon-thumbs-up-alt icon" }, + new { nodeId = "03", nodeText = "Quick Start", iconCss = "icon-docs icon" }, + new { nodeId = "04", nodeText = "Components", iconCss = "icon-th icon", + child = new List { + new { nodeId = "04-01", nodeText = "Calendar", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-02", nodeText = "DatePicker", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-03", nodeText = "DateTimePicker", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-04", nodeText = "DateRangePicker", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-05", nodeText = "TimePicker", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-06", nodeText = "SideBar", iconCss = "icon-circle-thin icon" } + } + }, + new { nodeId = "05", nodeText = "API Reference", iconCss = "icon-code icon", + child = new List { + new { nodeId = "04-01", nodeText = "Calendar", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-02", nodeText = "DatePicker", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-03", nodeText = "DateTimePicker", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-04", nodeText = "DateRangePicker", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-05", nodeText = "TimePicker", iconCss = "icon-circle-thin icon" }, + new { nodeId = "04-06", nodeText = "SideBar", iconCss = "icon-circle-thin icon" } + } + }, + new { nodeId = "06", nodeText = "Browser Compatibility", iconCss = "icon-chrome icon" }, + new { nodeId = "07", nodeText = "Upgrade Packages", iconCss = "icon-up-hand icon" }, + new { nodeId = "08", nodeText = "Release Notes", iconCss = "icon-bookmark-empty icon" }, + new { nodeId = "09", nodeText = "FAQ", iconCss = "icon-help-circled icon" }, + new { nodeId = "10", nodeText = "License", iconCss = "icon-doc-text icon" } + }, + id = "nodeId", iconCss = "iconCss", hasChildren = "hasChild", text = "nodeText", + }; + + object treeviewfields { get; set; } + + protected override void OnAfterRender() { + treeviewfields = this.treeView.Fields = TreeviewData; + } +} + - -@functions{ - EjsTreeView treeView; - public ExpandOnSettings expand { get; set; } = ExpandOnSettings.Click; - EjsSidebar sidebar; - - public void toggle() - { - this.sidebar.Toggle(); - } - public void onCreate(object arg) - { - this.sidebar.MediaQuery = "(min-width:1400px)"; - } - - - [Parameter] - private object TreeviewData { get; set; } = new - { - dataSource = new List - { - new { nodeId = "01", - nodeText = "Installation", - iconCss = "icon-microchip icon" - }, - new { nodeId = "02", - nodeText = "Deployment", - iconCss = "icon-thumbs-up-alt icon", - }, - new { nodeId = "03", - nodeText = "Quick Start", - iconCss = "icon-docs icon", }, - new { nodeId = "04", - nodeText = "Components", - iconCss = "icon-th icon", - child = new List - { - new { nodeId = "04-01", nodeText = "Calendar", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-02", nodeText = "DatePicker", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-03", nodeText = "DateTimePicker", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-04", nodeText = "DateRangePicker", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-05", nodeText = "TimePicker", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-06", nodeText = "SideBar", iconCss = "icon-circle-thin icon" } - } }, - new {nodeId = "05", - nodeText = "API Reference", - iconCss = "icon-code icon", - child = new List - { - new { nodeId = "04-01", nodeText = "Calendar", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-02", nodeText = "DatePicker", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-03", nodeText = "DateTimePicker", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-04", nodeText = "DateRangePicker", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-05", nodeText = "TimePicker", iconCss = "icon-circle-thin icon" }, - new { nodeId = "04-06", nodeText = "SideBar", iconCss = "icon-circle-thin icon" } - } }, - new { nodeId = "06", - nodeText = "Browser Compatibility", - iconCss = "icon-chrome icon", }, - new { nodeId = "07", - nodeText = "Upgrade Packages", - iconCss = "icon-up-hand icon", }, - new { - nodeId = "08", - nodeText = "Release Notes", - iconCss = "icon-bookmark-empty icon", }, - new { - nodeId = "09", - nodeText = "FAQ", - iconCss = "icon-help-circled icon", }, - new { - nodeId = "10", - nodeText = "License", - iconCss = "icon-doc-text icon", } - }, - id = "nodeId", - iconCss = "iconCss", - hasChildren = "hasChild", - text = "nodeText", - }; - - object treeviewfields { get; set; } - - protected override void OnAfterRender() - { - treeviewfields = this.treeView.Fields = TreeviewData; - } -} + \ No newline at end of file diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarAPI.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarAPI.razor index 7a5c0fa97..8b24dc9ed 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarAPI.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarAPI.razor @@ -18,7 +18,6 @@ } @*End:Hidden*@ -
@@ -39,13 +38,8 @@

Overview


-

- The Sidebar component is a collapsible side content placed along with the main content either in left - or right side of the page. -

-

-
-

+

The Sidebar component is a collapsible side content placed along with the main content either in left or right side of the page.

+


Options


@@ -96,6 +90,37 @@
+@functions{ + EjsSidebar sidebar; + EjsButton toggleElement; + EjsButton backdropElement; + EjsButton docElement; + EjsButton positionElement; + + [Parameter] + private object data { get; set; } = new string[] { "Over", "Push", "Slide", "Auto" }; + private SidebarPosition Position { get; set; } = SidebarPosition.Left; + private void togglebtnclick() { + this.sidebar.Toggle(); + } + private void positionbtnclick() { + this.positionElement.Content = "Left"; + this.sidebar.Position = SidebarPosition.Right; + } + private void docbtnclick() { + JsRuntime.InvokeAsync ("alert", "Button Created"); + } + private void backbtnclick() { + JsRuntime.InvokeAsync ("alert", "Button Created"); + } + public void show() { + this.sidebar.Show(); + } + public void close() { + this.sidebar.Hide(); + } +} + - -@functions{ - EjsSidebar sidebar; - EjsButton toggleElement; - EjsButton backdropElement; - EjsButton docElement; - EjsButton positionElement; - - [Parameter] - private object data { get; set; } = new string[] { "Over", "Push", "Slide", "Auto" }; - - private SidebarPosition Position { get; set; } = SidebarPosition.Left; - - private void togglebtnclick() - { - this.sidebar.Toggle(); - } - - private void positionbtnclick() - { - //if (positionElement) - //{ - - this.positionElement.Content = "Left"; - this.sidebar.Position = SidebarPosition.Right; - //} - - } - - private void docbtnclick() - { - JsRuntime.InvokeAsync - ( - "alert", "Button Created"); - } - - private void backbtnclick() - { - JsRuntime.InvokeAsync - ( - "alert", "Button Created"); - } - - public void show() - { - this.sidebar.Show(); - } - public void close() - { - this.sidebar.Hide(); - } - } diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarDock.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarDock.razor index bf007ff30..8810e7466 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarDock.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarDock.razor @@ -54,6 +54,14 @@
Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Dock
+ +@functions{ + EjsSidebar sidebar; + public void toggle() { + this.sidebar.Toggle(); + } +} + -@functions{ - EjsSidebar sidebar; - - public void toggle() - { - this.sidebar.Toggle(); - } -} diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarList.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarList.razor index f91a0d772..958ae7e72 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarList.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarList.razor @@ -45,6 +45,44 @@ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Sidebar With ListView
+@functions{ + EjsListView controlList; + EjsSidebar sidebar; + ElementRef maincontent; + public SidebarType type { get; set; } = SidebarType.Over; + public List + list { get; set; } = new List { + new { text = "Home" }, + new { text = "About" }, + new { text = "Careers" }, + new { text = "FAQs" }, + new { text = "Blog" }, + new { text = "Uses" }, + new { text = "contact" } + }; + + [Parameter] + private object ListDataSource { get; set; } + + protected override void OnAfterRender() { + ListDataSource = this.controlList.DataSource = list; + this.controlList.DataBind(); + } + object ListFields = new { + text = "text", + tooltip = "text" + }; + public void show() { + this.sidebar.Show(); + } + public void close() { + this.sidebar.Hide(); + } + public void onSelect(object args) { + this.sidebar.Hide(); + } +} + - -@functions{ - EjsListView controlList; - EjsSidebar sidebar; - ElementRef maincontent; - - public SidebarType type { get; set; } = SidebarType.Over; - - public List - list { get; set; } = new List - { - new { text = "Home" }, - new { text = "About" }, - new { text = "Careers" }, - new { text = "FAQs" }, - new { text = "Blog" }, - new { text = "Uses" }, - new { text = "contact" } - }; - - [Parameter] - private object ListDataSource { get; set; } - - protected override void OnAfterRender() - { - ListDataSource = this.controlList.DataSource = list; - this.controlList.DataBind(); - } - - object ListFields = new - { - text = "text", - tooltip = "text" - }; - - public void show() - { - this.sidebar.Show(); - - } - public void close() - { - this.sidebar.Hide(); - } - - public void onSelect(object args) - { - - this.sidebar.Hide(); - } -} diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarMenu.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarMenu.razor index d70bbad16..0f041929e 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarMenu.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarMenu.razor @@ -9,10 +9,8 @@ SampleBrowser.CurrentControlName = "Sidebar"; SampleBrowser.CurrentControlCategory = "Sidebar"; SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; - SampleBrowser.ActionDescription = new string[] { - }; - SampleBrowser.Description = new string[] { - }; + SampleBrowser.ActionDescription = new string[] { }; + SampleBrowser.Description = new string[] { }; } @*End:Hidden*@ @@ -39,9 +37,7 @@
- -

ACTION

@@ -59,6 +55,99 @@
Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Sidebar Menu + +@functions { + EjsSidebar sidebar; + public Orientation orientation { get; set; } = Orientation.Horizontal; + public Orientation verorientation { get; set; } = Orientation.Vertical; + public string Target { get; set; } + private object AccountMenuItems { get; set; } = new List{ + new { + text = "Account", + items = new List { + new { text = "Profile" }, + new { text = "Sign out" } + } + } + }; + private object mainMenuItems { get; set; } = new List{ + new { + text = "Overview", + iconCss = "icon-user icon", + items = new List { + new { text = "All Data" }, + new { text = "Category2" }, + new { text = "Category3" }} + }, + new { + text = "Notification", + iconCss = "icon-bell-alt icon", + items = new List{ + new { text = "Change Profile" }, + new { text = "Add Name" }, + new { text = "Add Details" }} + }, + new { + text = "Info", + iconCss = "icon-tag icon", + items = new List{ + new { text = "Message" }, + new { text = "Facebook" }, + new { text = "Twitter" }} + }, + new { + text = "Comments", + iconCss = "icon-comment-inv-alt2 icon", + items = new List{ + new { text = "Category1 " }, + new { text = "Category2" }, + new { text = "Category3" }} + }, + new { + text = "Bookmarks", + iconCss = "icon-bookmark icon", + items = new List{ + new { text = "All Comments" }, + new { text = "Add Comments" }, + new { text = "Delete Comments" }} + }, + new { + text = "Images", + iconCss = "icon-picture icon", + items = new List{ + new { text = "Add Name" }, + new { text = "Add Mobile Number" }} + }, + new { + text = "Users", + iconCss = "icon-user icon", + items = new List{ + new { text = "Mobile User" }, + new { text = "Laptop User" }, + new { text = "Desktop User" }} + }, + new { + text = "Settings", + iconCss = "icon-eye icon", + items = new List{ + new { text = "Change Profile" }, + new { text = "Add Name" }, + new { text = "Add Details" }} + }, + new { + text = "Info", + iconCss = "icon-tag icon", + items = new List{ + new { text = "Facebook" }, + new { text = "Mobile" }} + } + }; + public void toggle() { + this.sidebar.Toggle(); + } + +} + - -@functions{ - - EjsSidebar sidebar; - - public Orientation orientation { get; set; } = Orientation.Horizontal; - public Orientation verorientation { get; set; } = Orientation.Vertical; - - public string Target { get; set; } - - private object AccountMenuItems { get; set; } = new List{ - new{ - text = "Account", - items = new List{ - new { text = "Profile" }, - new { text = "Sign out" } - } - } - }; - private object mainMenuItems { get; set; } = new List{ - new { - text = "Overview", - iconCss = "icon-user icon", - items = new List{ - new { text = "All Data" }, - new { text = "Category2" }, - new { text = "Category3" }} - }, - new { - text = "Notification", - iconCss = "icon-bell-alt icon", - items = new List{ - new { text = "Change Profile" }, - new { text = "Add Name" }, - new { text = "Add Details" }} - }, - new { - text = "Info", - iconCss = "icon-tag icon", - items = new List{ - new { text = "Message" }, - new { text = "Facebook" }, - new { text = "Twitter" }} - }, - new { - text = "Comments", - iconCss = "icon-comment-inv-alt2 icon", - items = new List{ - new { text = "Category1 " }, - new { text = "Category2" }, - new { text = "Category3" }} - }, - new { - text = "Bookmarks", - iconCss = "icon-bookmark icon", - items = new List{ - new { text = "All Comments" }, - new { text = "Add Comments" }, - new { text = "Delete Comments" }} - }, - new { - text = "Images", - iconCss = "icon-picture icon", - items = new List{ - new { text = "Add Name" }, - new { text = "Add Mobile Number" }} - }, - new { - text = "Users", - iconCss = "icon-user icon", - items = new List{ - new { text = "Mobile User" }, - new { text = "Laptop User" }, - new { text = "Desktop User" }} - }, - new { - text = "Settings", - iconCss = "icon-eye icon", - items = new List{ - new { text = "Change Profile" }, - new { text = "Add Name" }, - new { text = "Add Details" }} - }, - new { - text = "Info", - iconCss = "icon-tag icon", - items = new List{ - new { text = "Facebook" }, - new { text = "Mobile" }} - } - }; - public void toggle() - { - this.sidebar.Toggle(); - } - -} diff --git a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarWithListView.razor b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarWithListView.razor index cb74edc8b..26d33d2ce 100644 --- a/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarWithListView.razor +++ b/ej2-blazor-samples/Pages/Navigations/Sidebar/SidebarWithListView.razor @@ -31,7 +31,6 @@
Open in new tab
- "),n.document.write(''),n.document.write("
"+e.innerHTML+"
"),n.document.close())}},e.prototype.getDiagramContent=function(e){var t=document.getElementById(this.diagram.element.id+"content"),i=t.scrollLeft,n=t.scrollTop,r=this.diagram.scrollSettings.currentZoom,o=this.diagram.scroller.horizontalOffset,a=this.diagram.scroller.verticalOffset,s=Number(String(this.diagram.width).split("px")[0]),l=Number(String(this.diagram.height).split("px")[0]),d=this.getDiagramBounds("",{});this.diagram.scroller.zoom(1/r);var h=0,c=0;h=d.x,c=d.y,this.diagram.scroller.transform={tx:-h,ty:-c,scale:this.diagram.scroller.currentZoom},this.diagram.scroller.horizontalOffset=-h,this.diagram.scroller.verticalOffset=-c,this.diagram.scroller.setSize(),this.diagram.setSize(d.width,d.height);var p=this.diagram.snapSettings.constraints;this.diagram.snapSettings.constraints=this.diagram.snapSettings.constraints&~SnapConstraints.ShowLines,this.diagram.dataBind(),this.diagram.clearSelection(),e=e||document.styleSheets;for(var u="",g=0;g");var m=document.getElementById(this.diagram.element.id+"content").innerHTML;return m=u+"
"+m+"
",m=m.replace(/ transform: t/g," -webkit-transform: t"),this.diagram.setSize(s,l),this.diagram.scroller.zoom(r/this.diagram.scrollSettings.currentZoom),this.diagram.snapSettings.constraints=p,this.diagram.dataBind(),i||n?this.diagram.setOffset(i,n):(this.diagram.scroller.transform={tx:o/this.diagram.scroller.currentZoom,ty:a/this.diagram.scroller.currentZoom,scale:this.diagram.scroller.currentZoom},this.diagram.scroller.horizontalOffset=o,this.diagram.scroller.verticalOffset=a),this.diagram.renderSelector(!1),m},e.prototype.exportImages=function(e,t){var i=this,n=t&&t.region?t.region:"Content",r=t.margin||{};r={top:isNaN(r.top)?0:r.top,bottom:isNaN(r.bottom)?0:r.bottom,left:isNaN(r.left)?0:r.left,right:isNaN(r.right)?0:r.right};var o=this.getDiagramBounds(n,{});t.bounds&&(o.x=isNaN(t.bounds.x)?o.x:t.bounds.x,o.y=isNaN(t.bounds.y)?o.y:t.bounds.y,o.width=t.bounds.width||o.width,o.height=t.bounds.height||o.height);var a=document.createElement("img");setAttributeHtml(a,{src:e});var s=this;a.onload=function(){var n=CanvasRenderer$1.createCanvas(s.diagram.element.id+"innerImage",o.width+(r.left+r.right),o.height+(r.top+r.bottom)),l=n.getContext("2d");if(l.fillRect(0,0,o.width+(r.left+r.right),o.height+(r.top+r.bottom)),l.drawImage(a,o.x,o.y,o.width,o.height,r.left,r.top,o.width,o.height),e=n.toDataURL(),t.printOptions)s.printImages(e,t);else{l.restore();var d=t.fileName||"diagram";i.canvasMultiplePage(t,n,r,e,d)}}},e.prototype.destroy=function(){},e.prototype.getModuleName=function(){return"PrintandExport"},e}(),DataBinding=function(){function e(){this.dataTable={}}return e.prototype.destroy=function(){},e.prototype.getModuleName=function(){return"DataBinding"},e.prototype.initData=function(e,t){var i,n=e.dataManager||{};(i=e.data||n.data||n.json||(n.dataSource?n.dataSource.json:void 0))&&i.length&&this.applyDataSource(e,i,t)},e.prototype.initSource=function(e,t){var i,n=this,r=e;if(e.dataManager instanceof DataManager){var o=r.dataManager.defaultQuery;e.dataManager.executeQuery(o).then(function(r){i=r.result,t.isDestroyed||(n.applyDataSource(e,i,t),t.refreshDiagram(),t.trigger("dataLoaded",{diagram:t}))})}},e.prototype.applyDataSource=function(e,t,i){this.dataTable={};var n,r,o,a,s=[],l=[];if(void 0!==t){for(var d=0;d0){(a=this.buildDefaultItems("grouping")).items=i,e.push(a)}if(t.length>0){var a;(a=this.buildDefaultItems("order")).items=t,e.push(a)}}if(this.parent.contextMenuSettings.items)for(var s=0,l=this.parent.contextMenuSettings.items;s0&&e.items[0].parentObj instanceof ContextMenu&&this.updateItemStatus()},e.prototype.getLocaleText=function(e){return this.l10n.getConstant(this.localeText[e])},e.prototype.updateItemStatus=function(){this.contextMenu.showItems(this.hiddenItems,!0),this.contextMenu.enableItems(this.disableItems,!1,!0),this.hiddenItems=[],this.disableItems=[],this.isOpen=!1},e.prototype.ensureItems=function(e,t){var i=this.getKeyFromId(e.id);this.defaultItems[i];-1!==this.getDefaultItems().indexOf(i)&&e.target&&t&&!this.ensureTarget(e)&&this.hiddenItems.push(e.id)},e.prototype.contextMenuBeforeOpen=function(e){var t=e;t.hiddenItems=[];for(var i=0,n=e.items;i-1&&d.contextMenu.hideItems([e.id],!0)}),d.contextMenu.items.forEach(function(e){-1===d.hiddenItems.indexOf(e.id)&&(l=!1)}),l&&(t.cancel=l,this.hiddenItems=[])},e.prototype.ensureTarget=function(e){var t=this.parent.selectedItems.nodes.length+this.parent.selectedItems.connectors.length,i=!1;switch(this.getKeyFromId(e.id)){case"undo":i=!(!this.parent.historyManager||!this.parent.historyManager.canUndo);break;case"redo":i=!(!this.parent.historyManager||!this.parent.historyManager.canRedo);break;case"paste":i=!!this.parent.commandHandler.clipboardData.clipObject;break;case"selectAll":i=!!(this.parent.nodes.length+this.parent.connectors.length);break;case"grouping":i=!!(t>1||this.parent.selectedItems.nodes[0]&&this.parent.selectedItems.nodes[0].children&&this.parent.selectedItems.nodes[0].children.length>1);break;case"group":i=t>1;break;case"unGroup":i=!!(this.parent.selectedItems.nodes[0]&&this.parent.selectedItems.nodes[0].children&&this.parent.selectedItems.nodes[0].children.length>1);break;case"cut":case"copy":case"order":case"bringToFrontOrder":case"moveForwardOrder":case"sendToBackOrder":case"sendBackwardOrder":i=!!t}return i},e.prototype.destroy=function(){this.contextMenu.destroy(),remove(this.element),this.removeEventListener()},e.prototype.getModuleName=function(){return"contextMenu"},e.prototype.generateID=function(e){return this.parent.element.id+"_contextMenu_"+e},e.prototype.getKeyFromId=function(e){return e.replace(this.parent.element.id+"_contextMenu_","")},e.prototype.buildDefaultItems=function(e){var t;switch(e){case"copy":t={target:menuClass.content,iconCss:menuClass.copy};break;case"cut":t={target:menuClass.content,iconCss:menuClass.cut};break;case"paste":t={target:menuClass.content,iconCss:menuClass.paste};break;case"undo":t={target:menuClass.content,iconCss:menuClass.undo};break;case"redo":t={target:menuClass.content,iconCss:menuClass.redo};break;case"grouping":t={target:menuClass.content};break;case"group":t={target:menuClass.content,iconCss:menuClass.group};break;case"unGroup":t={target:menuClass.content,iconCss:menuClass.unGroup};break;case"order":t={target:menuClass.content,iconCss:menuClass.order};break;case"bringToFrontOrder":t={target:menuClass.content,iconCss:menuClass.bringToFront};break;case"moveForwardOrder":t={target:menuClass.content,iconCss:menuClass.moveForward};break;case"sendToBackOrder":t={target:menuClass.content,iconCss:menuClass.sendToBack};break;case"sendBackwardOrder":t={target:menuClass.content,iconCss:menuClass.sendBackward};break;case"selectAll":t={target:menuClass.content}}return this.defaultItems[e]={text:this.getLocaleText(e),id:this.generateID(e),target:t.target,iconCss:t.iconCss?"e-icons "+t.iconCss:""},this.defaultItems[e]},e.prototype.getDefaultItems=function(){return["copy","cut","paste","undo","redo","selectAll","grouping","group","unGroup","order","bringToFrontOrder","moveForwardOrder","sendToBackOrder","sendBackwardOrder"]},e.prototype.setLocaleKey=function(){return{copy:"Copy",cut:"Cut",paste:"Paste",undo:"Undo",redo:"Redo",selectAll:"SelectAll",grouping:"Grouping",group:"Group",unGroup:"UnGroup",order:"Order",bringToFrontOrder:"BringToFront",moveForwardOrder:"MoveForward",sendToBackOrder:"SendToBack",sendBackwardOrder:"SendBackward"}},e}(),BpmnDiagrams=function(){function e(){this.annotationObjects={}}return Object.defineProperty(e.prototype,"textAnnotationConnectors",{get:function(){for(var e=[],t=0,i=Object.keys(this.annotationObjects);t0){for(var r=0;r0)for(var o=0;o=0&&n.nodePropertyChange(e,{},{margin:{top:e.margin.top+i}}),e.margin.left+t>=0&&n.nodePropertyChange(e,{},{margin:{left:e.margin.left+t}});var o=this.getChildrenBound(r,e.id,n);this.updateSubProcessess(o,e,n),r.wrapper.measure(new Size$3(void 0,void 0)),r.wrapper.arrange(r.wrapper.desiredSize),n.refreshCanvasLayers(),n.updateSelector(),this.updateDocks(e,n)},e.prototype.dropBPMNchild=function(e,t,i){if(t&&"Bpmn"===t.shape.type&&"Bpmn"===e.shape.type&&"TextAnnotation"!==t.shape.shape){var n=i.nameTable[e.id].shape.activity.subProcess;if(i.currentSymbol&&"Bpmn"===e.shape.type&&!n.collapsed)return void(t.processId=e.id);if(n.processes=n.processes||[],n.processes&&-1===n.processes.indexOf(t.id)&&!n.collapsed){n.processes.push(t.id);var r=cloneObject(t),o=i.nameTable[t.id].wrapper,a=i.nameTable[e.id].wrapper;o.margin.top=o.offsetY-o.actualSize.height/2-(e.offsetY-e.actualSize.height/2),o.margin.left=o.offsetX-o.actualSize.width/2-(e.offsetX-e.actualSize.width/2),o.margin.top=o.margin.top<0?0:o.margin.top,o.margin.left=o.margin.left<0?0:o.margin.left,i.nameTable[t.id].processId=e.id,a.children.push(i.nameTable[t.id].wrapper);var s=this.getChildrenBound(e,t.id,i);this.updateSubProcessess(s,t,i),a.measure(new Size$3(void 0,void 0)),a.arrange(a.desiredSize),i.refreshCanvasLayers(),i.updateSelector();for(var l=[],d=(l=l.concat(t.outEdges,t.inEdges)).length-1;d>=0;d--)-1===i.bpmnModule.textAnnotationConnectors.indexOf(i.nameTable[l[d]])&&i.remove(i.nameTable[l[d]]);var h={type:"PositionChanged",undoObject:{nodes:[r]},redoObject:{nodes:[cloneObject(t)]},category:"Internal"};i.addHistoryEntry(h),"SVG"===i.mode&&t.zIndex0)for(var n=(r=e.shape.activity.subProcess.processes).length-1;n>=0;n--)t.remove(t.nameTable[r[n]]);if(i){t.removeDependentConnector(e);var r=i.shape.activity.subProcess.processes;this.removeChildFromBPMN(i.wrapper,e.id);var o=r.indexOf(e.id);r.splice(o,1)}},e.prototype.removeChildFromBPMN=function(e,t){for(var i=0,n=e.children;is.wrapper.bounds.right&&(o=!0),s.wrapper.bounds.top+t.margin.top+t.height>s.wrapper.bounds.bottom&&(a=!0),o&&(l.x=0),a&&(l.y=0);var d=s.wrapper.actualSize;o&&(n=(t.wrapper.margin.left+t.wrapper.bounds.width)/d.width),a&&(r=(t.wrapper.margin.top+t.wrapper.bounds.height)/d.height),(n>0||r>0)&&i.commandHandler.scale(i.nameTable[t.processId],n||1,r||1,l)},e.prototype.getBPMNCompensationShape=function(e,t){return t.id=e.id+"_0_compensation",t.width=12,t.height=12,t.margin.bottom=5,t.style.fill="transparent",t.horizontalAlignment="Left",t.verticalAlignment="Bottom",t.relativeMode="Object",t.data="M 22.462 18.754 l -6.79 3.92 l 6.79 3.92 V 22.89 l 6.415 3.705 v -7.841 l -6.415 3.705 V 18.754 Z M 28.331 19.701 v 5.947 l -5.149 -2.973 L 28.331 19.701 Z M 21.916 25.647 l -5.15 -2.973 l 5.15 -2.973 V 25.647 Z M 22.275 12.674 c -5.513 0 -9.999 4.486 -9.999 9.999 c 0 5.514 4.486 10.001 9.999 10.001 c 5.514 0 9.999 -4.486 9.999 -10.001 C 32.274 17.16 27.789 12.674 22.275 12.674 Z M 22.275 32.127 c -5.212 0 -9.453 -4.241 -9.453 -9.454 c 0 -5.212 4.241 -9.453 9.453 -9.453 c 5.212 0 9.453 4.241 9.453 9.453 C 31.728 27.887 27.487 32.127 22.275 32.127 Z",t},e.prototype.getBPMNActivityShape=function(e){var t,i=new Canvas,n=e.shape.activity,r=n.activity,o=n.subProcess;n.activity;return"Task"===r&&(t=this.getBPMNTaskShape(e)),"SubProcess"===r&&o&&(t=this.getBPMNSubProcessShape(e)),i.children=[t],i.style.fill="transparent",i.style.strokeColor="transparent",i.style.strokeWidth=0,i},e.prototype.getBPMNSubprocessEvent=function(e,t,i){var n,r;if(0!==i.annotations.length)for(var o=0;o=0;n--){var r=i.annotations[n];this.removeAnnotationObjects(e,r,t)}delete this.annotationObjects[e.id]},e.prototype.checkAndRemoveAnnotations=function(e,t){if("Bpmn"===e.shape.type)if("TextAnnotation"===e.shape.shape)for(var i=e.id.split("_"),n=i[i.length-1],r=i[i.length-3]||i[0],o=t.nameTable[r],a=o.shape,s=0,l=a.annotations;s0)for(var r=0;r0)for(var r=0;r3&&(m=n.children[3],a.updateAnnotation(t.annotations[0],m,f))}if(void 0!==t.ports){var y=void 0,v=d.children[0].children[2];n.children[4]&&n.children.length>4&&(y=n.children[4],a.updatePort(t.ports[0],y,v))}void 0!==t.visible&&this.updateDiagramContainerVisibility(n,t.visible)},e.prototype.updateBPMNSubProcessTransaction=function(e,t,i,n){var r,o=t.shape.activity.subProcess.transaction,a=e.wrapper.children[0].children[0].children[2];void 0!==o.success&&(r=e.shape.activity.subProcess.transaction.success,this.updateBPMNSubEvent(e,o.success,r,a.children[0],t,i,n)),void 0!==o.cancel&&(r=e.shape.activity.subProcess.transaction.cancel,this.updateBPMNSubEvent(e,o.cancel,r,a.children[1],t,i,n)),void 0!==o.failure&&(r=e.shape.activity.subProcess.transaction.failure,this.updateBPMNSubEvent(e,o.failure,r,a.children[2],t,i,n));for(var s=0,l=e.outEdges;s0)for(var n=e.shape.activity.subProcess.processes,r=n.length-1;r>=0;r--){var o=i.nameTable[n[r]];o.visible=t,i.updateElementVisibility(o.wrapper,o,t),t&&("Event"===o.shape.shape&&this.setEventVisibility(o,o.wrapper.children[0].children),"SubProcess"===o.shape.activity.activity&&this.setSubProcessVisibility(o));for(var a=o.inEdges.concat(o.outEdges),s=a.length-1;s>=0;s--){var l=i.nameTable[a[s]];l.visible=t,i.updateElementVisibility(l.wrapper,l,t)}}t&&("Event"===e.shape.shape&&this.setEventVisibility(e,e.wrapper.children[0].children),"SubProcess"===e.shape.activity.activity&&this.setSubProcessVisibility(e),"Task"===e.shape.activity.activity&&"Activity"===e.shape.shape&&"None"===e.shape.activity.subProcess.loop&&(e.wrapper.children[0].children[0].children[3].visible=!1))},e.prototype.updateBPMNSubProcessCollapsed=function(e,t,i,n,r,o,a){var s=e.shape.activity.subProcess.events.length,l=e.wrapper.children[0].children[0],d="Transaction"===e.shape.activity.subProcess.type?3:1;!1===i.collapsed?(this.updateElementVisibility(e,!0,a),l.children[d+s].visible=!1):(this.updateElementVisibility(e,!1,a),l.children[d+s].visible=!0),this.updateChildMargin(l,r,o,n,3+s)},e.prototype.updateBPMNSubProcessCompensation=function(e,t,i,n,r,o){var a=e.wrapper.children[0].children[0],s="Transaction"===e.shape.activity.subProcess.type?2:0;!1===i.compensation?a.children[4+s].visible=!1:a.children[4+s].visible=!0,this.updateChildMargin(a,r,o,n,4+s)},e.prototype.updateBPMNSubProcessLoop=function(e,t,i,n,r,o){this.updateBPMNActivityTaskLoop(e,e,n,r,o,1)},e.prototype.updateBPMNConnector=function(e,t,i,n){var r=i.shape;return void 0!==r.sequence&&(e=this.getSequence(e,t,i,n)),void 0!==r.association&&(e=this.getAssociation(e,t,i,n)),void 0!==r.message&&(e=this.getMessage(e,t,i,n)),e},e.prototype.getSequence=function(e,t,i,n){if("Normal"===i.shape.sequence&&(n.connectorPropertyChange(e,t,{type:"Straight",targetDecorator:{shape:"Arrow",style:{fill:"black"}}}),e.wrapper.children[3].visible=!1),"Default"===i.shape.sequence){n.connectorPropertyChange(e,t,{type:"Straight",targetDecorator:{shape:"Arrow",style:{fill:"black"}},sourceDecorator:{shape:"None"}});var r=new PathElement,o=(new PathElement,void 0);r=e.getSegmentElement(e,r);for(var a=e.intermediatePoints,s=0;s=d&&(r=findAngle(s[l],s[l+1]),o=Point$1.transform(s[l],r,d))}}e.wrapper.children[3].id=e.id+"_"+i.shape.message,e.wrapper.children[3].width=25,e.wrapper.children[3].height=15,e.wrapper.children[3].data="M0,0 L19.8,12.8 L40,0 L0, 0 L0, 25.5 L40, 25.5 L 40, 0",e.wrapper.children[3].horizontalAlignment="Center",e.wrapper.children[3].verticalAlignment="Center",e.wrapper.children[3].transform=Transform.Self,e.wrapper.children[3].style.fill="NonInitiatingMessage"===i.shape.message?"lightgrey":"white",e.wrapper.children[3].offsetX=o.x,e.wrapper.children[3].offsetY=o.y}}else"NonInitiatingMessage"===t.shape.message&&"InitiatingMessage"===t.shape.message||("Default"!==i.shape.message?e.wrapper.children[3].style.fill="NonInitiatingMessage"===i.shape.message?"lightgrey":"white":e.wrapper.children[3].visible=!1);return e},e.prototype.setSizeForBPMNEvents=function(e,t,i,n){t.children[0].width=i,t.children[0].height=n;var r=t.children[1];r.width=.85*i,r.height=.85*n;var o=t.children[2];"Message"===e.trigger?(o.width=.54*i,o.height=.4*n):(o.width=.5*i,o.height=.5*n)},e.prototype.updateAnnotationDrag=function(e,t,i,n){var r=e.id.split("_");if("textannotation"===r[1])for(var o=void 0,a=0;a-1||t.children[0].children[c].id.indexOf("_0_compensation")>-1||t.children[0].children[c].id.indexOf("_0_adhoc")>-1||t.children[0].children[c].id.indexOf("_0_collapsed")>-1)&&(t.children[0].children[c].margin.left=o,o+=t.children[0].children[c].actualSize.width+4)},e.prototype.updateDiagramContainerVisibility=function(e,t){if(e instanceof Container)for(var i=0;i0)for(var g=0;g=0){var I=void 0;(I=this.createSegment(b,C,x,a,y,e,t)).target=h.id,n[f].bridges.splice(O,0,I),n[f].bridges.join(),n[f].bridgeStartPoint.splice(O,0,b),n[f].bridgeStartPoint.join(),n[f].segmentIndex=f}else{I=void 0;(I=this.createSegment(b,C,x,a,y,e,t)).target=h.id,n[f].bridges.push(I),n[f].bridgeStartPoint.push(b),n[f].segmentIndex=f}}else if(!isNaN(b.x)&&!isNaN(b.y)&&!this.isEmptyPoint(C)){var D=void 0,A={bridges:[],bridgeStartPoint:[],segmentIndex:f};(D=this.createSegment(b,C,x,a,y,e,t)).target=h.id;var R=[];R.push(b),[].push(C),n[f]=A,n[f].bridges.push(D),n[f].bridgeStartPoint=R,n[f].segmentIndex=f}}}}}}0!==n.length&&this.firstBridge(n,e,o)}},e.prototype.firstBridge=function(e,t,i){for(var n=0;n=0&&o<=90&&(r=0);break;case"Left":case"Right":r=1,e<0&&e>=-180&&(r=0)}return"Right"!==t&&"Bottom"!==t||(r=0===r?1:0),r},e.prototype.getPointAtLength=function(e,t){for(var i,n=0,r={x:0,y:0},o=0;oe){var l=e-n,d=Point$1.findAngle(i,a),h=l*Math.cos(d*Math.PI/180),c=l*Math.sin(d*Math.PI/180);r={x:i.x+h,y:i.y+c};break}n+=s,i=a}else i=a}return r},e.prototype.getPoints=function(e){var t=[];if(e.intermediatePoints&&("Straight"===e.type||"Orthogonal"===e.type))for(var i=0;i=2&&(t.splice(0,1),t.splice(0,1));for(var o=[],a=0;a0)for(var l=0;l=1&&t.splice(0,1)}return o},e.prototype.inter1=function(e,t,i,n,r){for(var o=[],a=0;ad&&o.push(s);break;case"Top":case"Bottom":l90?180-t:t},e.prototype.isEmptyPoint=function(e){return 0===e.x&&0===e.y},e.prototype.getLengthAtFractionPoint=function(e,t){for(var i=100,n=-1,r=0,o=-1,a=0,s=0,l=e.sourcePoint,d=l,h=[],c=0;ci.y&&i.y>t.y||e.yi.x&&i.x>t.x||e.x=i.x&&i.x>=t.x||e.x<=i.x&&i.x<=t.x||r<3)&&(e.y>=i.y&&i.y>=t.y||e.y<=i.y&&i.y<=t.y||o<3))return Math.abs(a-s);return 1e4},e.prototype.angleCalculation=function(e,t){var i=e.x-t.x,n=e.y-t.y;return Math.atan2(n,i)*(180/Math.PI)},e.prototype.lengthCalculation=function(e,t){return Math.sqrt((e.x-t.x)*(e.x-t.x)+(e.y-t.y)*(e.y-t.y))},e.prototype.destroy=function(){},e.prototype.getModuleName=function(){return"Bridging"},e}(),Snapping=function(){function e(e){this.line=[],this.diagram=e}return e.prototype.canSnap=function(){return 0!=(this.diagram.snapSettings.constraints&(SnapConstraints.SnapToObject|SnapConstraints.SnapToLines))},e.prototype.snapPoint=function(e,t,i,n,r,o,a){var s=this.diagram.snapSettings,l={x:0,y:0},d=getBounds(t.wrapper),h={snapped:!1,offset:0},c={snapped:!1,offset:0};if(this.diagram.snapSettings.constraints&SnapConstraints.SnapToObject){var p=void 0;(p=document.createElementNS("http://www.w3.org/2000/svg","g")).setAttribute("id","_SnappingLines"),p.setAttribute("shapeRendering","crispEdges"),this.getAdornerLayerSvg().appendChild(p),this.snapObject(e,t,p,h,c,r,o===a)}var u=d.x+r.x,g=d.y+r.y,m=d.x+d.width+r.x,f=d.y+d.height+r.y,y=s.verticalGridlines.scaledIntervals,v=this.round(m,y,1),b=this.round(u,y,1);y=s.horizontalGridlines.scaledIntervals;var C=this.round(g,y,1),w=this.round(f,y,1),S=d.x+d.width,x=d.y+d.height;return h.snapped?this.diagram.snapSettings.constraints&SnapConstraints.SnapToObject?l.x=h.offset:l.x=a.x-o.x:this.diagram.snapSettings.constraints&SnapConstraints.SnapToVerticalLines?Math.abs(r.x)>=1&&(i?Math.abs(v-S)>Math.abs(b-d.x)?l.x+=b-d.x:l.x+=v-S:Math.abs(v-S)=1&&(n?Math.abs(w-x)>Math.abs(C-d.y)?l.y+=C-d.y:l.y+=w-x:Math.abs(w-x)1?Math.pow(2,Math.floor(Math.log(i)/Math.log(2))):Math.pow(2,Math.ceil(Math.log(i)/Math.log(2)));var n=0,r=0;for(r=0;r=0)for(r=0;r=0;r--){if(Math.abs(o)<=t[r]/i)return a-(Math.abs(o)y.y+o.y+y.height&&f.push({obj:P,distance:Math.abs(y.y+o.y+y.height-O.y)}),(null==h||h>Math.abs(O.y-y.y-o.y))&&(Math.abs(O.x+O.width/2-(y.x+y.width/2+o.x))<=w?(l=this.createSnapObject(O,y,"centerX"),h=Math.abs(O.y-y.y)):Math.abs(O.x+O.width-(y.x+y.width+o.x))<=w?(l=this.createSnapObject(O,y,"right"),h=Math.abs(O.y-y.y)):Math.abs(O.x-(y.x+o.x))<=w?(l=this.createSnapObject(O,y,"left"),h=Math.abs(O.y-y.y)):Math.abs(O.x-(y.x+y.width+o.x))<=w?(l=this.createSnapObject(O,y,"rightLeft"),h=Math.abs(O.y-y.y)):Math.abs(O.x+O.width-(y.x+o.x))<=w&&(l=this.createSnapObject(O,y,"leftRight"),h=Math.abs(O.y-y.y)))));L=this.findNodes(e.spatialSearch,t,x,S);for(var I=0;Iy.x+o.x+y.width&&(g[g.length]={obj:P,distance:Math.abs(y.x+o.x+y.width-O.x)}),(null==s||s>Math.abs(O.x-y.x-o.x))&&(Math.abs(O.y+O.height/2-(y.y+y.height/2+o.y))<=w?(d=this.createSnapObject(O,y,"centerY"),s=Math.abs(O.x-y.x)):Math.abs(O.y-y.y-o.y)<=w?(d=this.createSnapObject(O,y,"top"),s=Math.abs(O.x-y.x)):Math.abs(O.y+O.height-(y.y+y.height+o.y))<=w?(d=this.createSnapObject(O,y,"bottom"),s=Math.abs(O.x-y.x)):Math.abs(O.y+O.height-y.y-o.y)<=w?(d=this.createSnapObject(O,y,"topBottom"),s=Math.abs(O.x-y.x)):Math.abs(O.y-(y.y+y.height+o.y))<=w&&(d=this.createSnapObject(O,y,"bottomTop"),s=Math.abs(O.x-y.x)))));this.createGuidelines(e,l,d,i,n,r,a),n.snapped||this.createHSpacingLines(e,i,t,u,g,n,r,a,o,w),r.snapped||this.createVSpacingLines(e,i,t,m,f,n,r,a,o,w)},e.prototype.snapConnectorEnd=function(e){var t=this.diagram.snapSettings;return t.constraints&SnapConstraints.SnapToLines&&(e.x=this.round(e.x,t.verticalGridlines.scaledIntervals,1),e.y=this.round(e.y,t.horizontalGridlines.scaledIntervals,1)),e},e.prototype.canBeTarget=function(e,t){return t=this.diagram.nameTable[t.id],!isSelected(this.diagram,t,!1)},e.prototype.snapSize=function(e,t,i,n,r,o,a,s){var l,d,h,c,p=this.diagram.snapSettings,u=this.diagram.scroller,g=getBounds(a.wrapper),m=e.nameTable,f=[],y=[],v=e.scroller.currentZoom,b=-u.horizontalOffset,C=-u.verticalOffset,w=p.snapObjectDistance/v,S=new Rect$3(0,0,u.viewPortWidth,u.viewPortHeight),x=new Rect$3(b/v,(g.y-5)/v,S.width/v,(g.height+10)/v),E=new Rect$3((g.x-5)/v,C/v,(g.width+10)/v,S.height/v);S=new Rect$3(b/v,C/v,S.width/v,S.height/v);var T,P,O,L=[],_=this.findNodes(e.spatialSearch,a,E,S,L);for(T=0;T<_.length;T++)P=_[T],!this.canConsider(m,a,P)||this.diagram.nameTable[P.id]instanceof Connector$1||(O=P.bounds,(null==l||l>Math.abs(O.y-g.y))&&(t.left?Math.abs(g.x+r-O.x)<=w?(h=this.createSnapObject(O,g,"left"),l=Math.abs(O.y-g.y)):Math.abs(g.x+r-O.x-O.width)<=w&&(h=this.createSnapObject(O,g,"leftRight"),l=Math.abs(O.y-g.y)):t.right&&(Math.abs(g.x+r+g.width-O.x-O.width)<=w?(h=this.createSnapObject(O,g,"right"),l=Math.abs(O.y-g.y)):Math.abs(g.x+r+g.width-O.x)<=w&&(h=this.createSnapObject(O,g,"rightLeft"),l=Math.abs(O.y-g.y)))));_=this.findNodes(e.spatialSearch,a,x,S);for(var I=0;I<_.length;I++){var D=_[I];if(this.canConsider(m,a,D)&&!(this.diagram.nameTable[D.id]instanceof Connector$1)){var A=D.bounds;(null==d||d>Math.abs(A.x-g.x))&&(i.top?Math.abs(g.y+o-A.y)<=w?(c=this.createSnapObject(A,g,"top"),d=Math.abs(A.x-g.x)):Math.abs(g.y+o-A.y-A.height)<=w&&(c=this.createSnapObject(A,g,"topBottom"),d=Math.abs(A.x-g.x)):i.bottom&&(Math.abs(g.y+g.height+o-A.y-A.height)<=w?(c=this.createSnapObject(A,g,"bottom"),d=Math.abs(A.x-g.x)):Math.abs(g.y+g.height+o-A.y)<=w&&(c=this.createSnapObject(A,g,"bottomTop"),d=Math.abs(A.x-g.x))))}}for(T=0;T0&&(t.left||t.right)&&this.addSameWidthLines(e,n,f,t,s,a),!i.snapped&&y.length>0&&(i.top||i.bottom)&&this.addSameHeightLines(e,n,y,i,s,a)},e.prototype.snapTop=function(e,t,i,n,r,o,a,s){var l=r;t.top=!0;var d;e.left=e.right=!1;if(this.diagram.snapSettings.constraints&SnapConstraints.SnapToObject&&!o.rotateAngle&&(d=s.y-s.height*o.pivot.y+r-(o.offsetY-o.height*o.pivot.y),this.snapSize(this.diagram,e,t,i,n,d,this.diagram.selectedItems,a)),t.snapped)l=r-d+t.offset;else if(this.diagram.snapSettings.constraints&SnapConstraints.SnapToHorizontalLines){var h=s.y-s.height*o.pivot.y,c=h+r;l=this.round(c,this.diagram.snapSettings.horizontalGridlines.scaledIntervals,1)-h}return l},e.prototype.snapRight=function(e,t,i,n,r,o,a,s){var l,d=n;e.right=!0,t.top=t.bottom=!1;if(this.diagram.snapSettings.constraints&SnapConstraints.SnapToObject&&!o.rotateAngle&&(l=s.x+s.width*(1-o.pivot.x)+n-(o.offsetX+o.width*(1-o.pivot.x)),this.snapSize(this.diagram,e,t,i,l,r,this.diagram.selectedItems,a)),e.snapped)d=n-l+e.offset;else if(this.diagram.snapSettings.constraints&SnapConstraints.SnapToVerticalLines){var h=s.x+s.width*(1-o.pivot.x),c=h+n;d=this.round(c,this.diagram.snapSettings.verticalGridlines.scaledIntervals,1)-h}return d},e.prototype.snapLeft=function(e,t,i,n,r,o,a,s){var l=n,d=0;e.left=!0,t.top=t.bottom=!1;if(this.diagram.snapSettings.constraints&SnapConstraints.SnapToObject&&!o.rotateAngle&&(d=s.x-s.width*o.pivot.x+n-(o.offsetX-o.width*o.pivot.x),this.snapSize(this.diagram,e,t,i,d,r,this.diagram.selectedItems,a)),e.snapped)l=n-d+e.offset;else if(this.diagram.snapSettings.constraints&SnapConstraints.SnapToVerticalLines){var h=s.x-s.width*o.pivot.x,c=h+n;l=this.round(c,this.diagram.snapSettings.horizontalGridlines.scaledIntervals,1)-h}return l},e.prototype.snapBottom=function(e,t,i,n,r,o,a,s){var l=r;t.bottom=!0,e.left=e.right=!1;var d=0;this.diagram.snapSettings.constraints&SnapConstraints.SnapToObject&&!o.rotateAngle&&(d=s.y+s.height*(1-o.pivot.y)+r-(o.offsetY+o.height*(1-o.pivot.y)),this.snapSize(this.diagram,e,t,i,n,d,this.diagram.selectedItems,a));if(getBounds(o instanceof TextElement||o instanceof DiagramHtmlElement?o:o.wrapper),t.snapped)l=r-d+t.offset;else if(this.diagram.snapSettings.constraints&SnapConstraints.SnapToHorizontalLines){var h=s.y+s.height*(1-o.pivot.y),c=h+r;l=this.round(c,this.diagram.snapSettings.horizontalGridlines.scaledIntervals,1)-h}return l},e.prototype.createGuidelines=function(e,t,i,n,r,o,a){return t&&(r.offset=t.offsetX,r.snapped=!0,a||(t.type,this.renderAlignmentLines(t.start,t.end,n,e.scroller.transform))),i&&(o.offset=i.offsetY,o.snapped=!0,a||(i.type,this.renderAlignmentLines(i.start,i.end,n,e.scroller.transform))),n},e.prototype.renderAlignmentLines=function(e,t,i,n){e={x:(e.x+n.tx)*n.scale,y:(e.y+n.ty)*n.scale},t={x:(t.x+n.tx)*n.scale,y:(t.y+n.ty)*n.scale};var r={stroke:"#07EDE1",strokeWidth:1,startPoint:{x:e.x,y:e.y},endPoint:{x:t.x,y:t.y},fill:"#07EDE1",dashArray:"",width:1,x:0,y:0,height:0,angle:0,pivotX:0,pivotY:0,visible:!0,opacity:1,id:randomId()},o=0;for(this.line.push(r),o=0;o0&&(m[m.length]=n[0],h=(c=n[0].obj.bounds).y,n.length>1?(u=n[1].obj.bounds,g=c.x-u.x-u.width,Math.abs(g-n[0].distance)<=d?h=this.findEquallySpacedNodesAtLeft(n,g,h,m):g=n[0].distance):g=n[0].distance),this.sortByDistance(m,"distance"),m[m.length]={obj:i,distance:0},h=f.y0){var y=void 0;if(p=r[0].obj.bounds,h=p.y1&&(y=(u=r[1].obj.bounds).x-p.x-p.width),n.length>0)if(Math.abs(r[0].distance-n[0].distance)<=d){var v=Math.abs(r[0].distance-n[0].distance)/2;r[0].distance1&&p.x+p.width2){this.addHSpacingLines(e,t,m,s,h);var b=0;s&&(b=l.x),c?o.offset=g-Math.abs(f.x+b-c.x-c.width)+b:p&&(o.offset=Math.abs(f.x+f.width+b-p.x)-g+b),o.snapped=!0}},e.prototype.createVSpacingLines=function(e,t,i,n,r,o,a,s,l,d){var h=0;this.sortByDistance(n,"distance",!0),this.sortByDistance(r,"distance",!0);var c,p,u,g,m=[],f=getBounds(i.wrapper);n.length>0&&(m[m.length]=n[0],h=(c=n[0].obj.bounds).x+c.width,n.length>1?(u=n[1].obj.bounds,g=c.y-u.y-u.height,Math.abs(g-n[0].distance)<=d?h=this.findEquallySpacedNodesAtTop(n,g,h,m):g=n[0].distance):g=n[0].distance),this.sortByDistance(m,"distance"),m[m.length]={obj:i,distance:0},h=f.x+f.width>h||!h?f.x+f.width:h;var y;if(r.length>0){if(p=r[0].obj.bounds,h=p.x+p.width>h?p.x+p.width:h,r.length>1&&(y=(u=r[1].obj.bounds).y-p.y-p.height),n.length>0)if(Math.abs(r[0].distance-n[0].distance)<=d){var v=Math.abs(r[0].distance-n[0].distance)/2;r[0].distance1&&u.y>p.y+p.height&&(h=this.findEquallySpacedNodesAtBottom(r,y,h,m,d))}if(m.length>2){this.addVSpacingLines(e,t,m,s,h);var b=0;s&&(b=l.y),c?a.offset=g-Math.abs(f.y+b-c.y-c.height)+b:p&&(a.offset=Math.abs(f.y+f.height+b-p.y)-g+b),a.snapped=!0}},e.prototype.addHSpacingLines=function(e,t,i,n,r){var o,a,s;if(!n)for(o=0;o=i/2?t+i-n:t-n},e.prototype.canConsider=function(e,t,i){return!this.diagram.selectedItems.nodes.length||this.diagram.selectedItems.nodes[0].id!==i.id},e.prototype.findNodes=function(e,t,i,n,r){for(var o,a,s=[],l=e.findQuads(r?n:i),d=0;d0)for(var c=0;ce[r][t]&&(o=e[n],e[n]=e[r],e[r]=o);else for(n=0;ni&&(i=o.x+o.width);return i},e.prototype.findEquallySpacedNodesAtBottom=function(e,t,i,n,r){var o,a,s,l,d=e[0].distance;if(Math.abs(t-d)<=r)for(var h=0;hi&&(i=s.x+s.width);return i},e.prototype.getLayer=function(){var e;return this.diagram.snapSettings.constraints&SnapConstraints.SnapToObject&&((e=document.createElementNS("http://www.w3.org/2000/svg","g")).setAttribute("id","_SnappingLines"),e.setAttribute("shapeRendering","crispEdges"),this.getAdornerLayerSvg().appendChild(e)),e},e.prototype.destroy=function(){},e.prototype.getModuleName=function(){return"Snapping"},e}(),UndoRedo=function(){function e(){this.groupUndo=!1,this.childTable=[],this.historyCount=0,this.hasGroup=!1,this.groupCount=0}return e.prototype.initHistory=function(e){e.historyManager={canRedo:!1,canUndo:!1,currentEntry:null,push:e.addHistoryEntry.bind(e),undo:Function,redo:Function,startGroupAction:e.startGroupAction.bind(e),endGroupAction:e.endGroupAction.bind(e),canLog:null,undoStack:[],redoStack:[],stackLimit:e.historyManager?e.historyManager.stackLimit:void 0}},e.prototype.addHistoryEntry=function(e,t){var i=null;if(t.historyManager.canLog){if(!0===t.historyManager.canLog(e).cancel)return}if(t.historyManager&&t.historyManager.canUndo&&t.historyManager.currentEntry&&((i=t.historyManager.currentEntry).next?i.previous&&(i.next.previous=null,i.next=e,e.previous=i):(i.next=e,e.previous=i)),t.historyManager.currentEntry=e,t.historyManager.stackLimit){if("StartGroup"===e.type||"EndGroup"===e.type){var n="EndGroup"===e.type;this.setEntryLimit(n)}this.hasGroup||0!==this.groupCount||(this.historyCount0){var r=t.historyManager.undoStack.splice(0,1);t.historyManager.redoStack.splice(0,0,r[0]),n=e.undoObject}switch(t.protectPropertyChange(!0),t.diagramActions|=DiagramAction.UndoRedo,e.type){case"PositionChanged":case"Align":case"Distribute":this.recordPositionChanged(i,t);break;case"SizeChanged":case"Sizing":this.recordSizeChanged(i,t,e);break;case"RotationChanged":this.recordRotationChanged(i,t,e);break;case"ConnectionChanged":this.recordConnectionChanged(i,t);break;case"PropertyChanged":this.recordPropertyChanged(e,t,!1);break;case"CollectionChanged":e.isUndo=!0,this.recordCollectionChanged(e,t),e.isUndo=!1;break;case"LabelCollectionChanged":e.isUndo=!0,this.recordLabelCollectionChanged(e,t),e.isUndo=!1;break;case"PortCollectionChanged":e.isUndo=!0,this.recordPortCollectionChanged(e,t),e.isUndo=!1;break;case"Group":this.unGroup(e,t);break;case"UnGroup":this.group(e,t);break;case"SegmentChanged":this.recordSegmentChanged(i,t);break;case"PortPositionChanged":this.recordPortChanged(e,t,!1);break;case"AnnotationPropertyChanged":this.recordAnnotationChanged(e,t,!1);break;case"ChildCollectionChanged":this.recordChildCollectionChanged(e,t,!1);break;case"StackChildPositionChanged":this.recordStackPositionChanged(e,t,!1);break;case"RowHeightChanged":this.recordGridSizeChanged(e,t,!1,!0);break;case"ColumnWidthChanged":this.recordGridSizeChanged(e,t,!1,!1);break;case"LanePositionChanged":this.recordLanePositionChanged(e,t,!1);break;case"LaneCollectionChanged":case"PhaseCollectionChanged":e.isUndo=!0,this.recordLaneOrPhaseCollectionChanged(e,t,!1),e.isUndo=!1}if(t.diagramActions&=~DiagramAction.UndoRedo,t.protectPropertyChange(!1),t.historyChangeTrigger(e),n){var o=this.checkNodeObject(n,t);if(o){var a=getFunction(t.updateSelection);a&&a(o,t)}}},e.prototype.checkNodeObject=function(e,t){var i;if(e.id)i=t.nameTable[e.id];else if(e.nodes&&e.nodes.length>0||e.connectors&&e.connectors.length>0)for(var n=0,r=e.nodes.length>0?e.nodes:e.connectors;n0)for(n=0;n0)for(r=0;r0)for(r=0;r0)for(o=0;o0){var d=e.connectors;for(o=0;o0)for(o=0;o0)for(o=0;o0){var r=t.historyManager.redoStack.splice(0,1);t.historyManager.undoStack.splice(0,0,r[0]),n=e.redoObject}switch(t.protectPropertyChange(!0),e.type){case"PositionChanged":case"Align":case"Distribute":this.recordPositionChanged(i,t);break;case"SizeChanged":case"Sizing":this.recordSizeChanged(i,t,e);break;case"RotationChanged":this.recordRotationChanged(i,t,e);break;case"ConnectionChanged":this.recordConnectionChanged(i,t);break;case"PropertyChanged":this.recordPropertyChanged(e,t,!0);break;case"CollectionChanged":this.recordCollectionChanged(e,t);break;case"LabelCollectionChanged":this.recordLabelCollectionChanged(e,t);break;case"PortCollectionChanged":this.recordPortCollectionChanged(e,t);break;case"Group":this.group(e,t);break;case"UnGroup":this.unGroup(e,t);break;case"SegmentChanged":this.recordSegmentChanged(i,t);break;case"PortPositionChanged":this.recordPortChanged(e,t,!0);break;case"AnnotationPropertyChanged":this.recordAnnotationChanged(e,t,!0);break;case"ChildCollectionChanged":this.recordChildCollectionChanged(e,t,!0);break;case"StackChildPositionChanged":this.recordStackPositionChanged(e,t,!0);break;case"RowHeightChanged":this.recordGridSizeChanged(e,t,!0,!0);break;case"ColumnWidthChanged":this.recordGridSizeChanged(e,t,!0,!1);break;case"LanePositionChanged":this.recordLanePositionChanged(e,t,!0);break;case"LaneCollectionChanged":case"PhaseCollectionChanged":this.recordLaneOrPhaseCollectionChanged(e,t,!0)}if(t.protectPropertyChange(!1),t.diagramActions&=~DiagramAction.UndoRedo,t.historyChangeTrigger(e),n){var o=this.checkNodeObject(n,t);if(o){var a=getFunction(t.updateSelection);a&&a(o,t)}}},e.prototype.getUndoEntry=function(e){var t,i=null,n=e.historyManager;return n.canUndo&&(i=n.currentEntry,(t=n.currentEntry.previous)?(n.currentEntry=t,n.canRedo||(n.canRedo=!0)):(n.canRedo=!0,n.canUndo=!1)),i},e.prototype.getRedoEntry=function(e){var t,i=null,n=e.historyManager;return n.canRedo&&((t=n.currentEntry.previous||n.canUndo?n.currentEntry.next:n.currentEntry)&&(n.currentEntry=t,n.canUndo||(n.canUndo=!0),t.next||(n.canRedo=!1,n.canUndo=!0)),i=n.currentEntry),i},e.prototype.destroy=function(){},e.prototype.getModuleName=function(){return"UndoRedo"},e}(),LayoutAnimation=function(){function e(){this.protectChange=!1}return e.prototype.expand=function(e,t,i,n){var r=this,o={},a=0;if(o[0]=setInterval(function(){return a++,r.layoutAnimation(t,o,6===a,n,i)},20),i.isExpanded){var s=.2;this.protectChange=n.isProtectedOnChange,n.protectPropertyChange(!1);var l={};e&&(this.updateOpacity(i,s,n),l[0]=setInterval(function(){s<=1?r.updateOpacity(i,s,n):clearInterval(l[0]),s+=.2},20))}},e.prototype.layoutAnimation=function(e,t,i,n,r){if(!i)for(var o=0;o0){e.rootNode=e.firstLevelNodes[0];var l=0,d=0,h=void 0,c=void 0,p=void 0,u=void 0,g=void 0;for(a=0;as.y||(c.y=s.y),t&&t>c.mid||(t=c.mid),c.tree.assistants.length&&(f=void 0!==t?t:s.x,m=this.setBreadthSpaceForAssistants(e,n,s,f,y,r),h||(t=((u=p=m).x+u.right)/2-s.width/2,p=u),g=m?m.canMoveBy:void 0),c.x=t,c.translate||(c.treeWidth=p.right-p.x);var v={layout:e,shape:n,shapeBounds:{x:t,y:s.y,right:t+s.width,bottom:s.y+s.height},treeBounds:p,dim:s,level:r};return this.translateSubTree(v,g,void 0!==o,a),c.firstChild&&"string"!=typeof c.firstChild&&(c.firstChild.x+=c.subTreeTranslation),n.treeBounds=p,p}return n.treeBounds=this.updateLeafNode(e,n,o,s,r,a),n.treeBounds},e.prototype.updateLeafNode=function(e,t,i,n,r,o){var a,s=e.graphNodes[t.id];s.x=n.x,s.y&&s.y>n.y||(s.y=n.y,s.maxLevel=Math.max(r,s.maxLevel||0)),a={x:n.x,y:n.y,right:n.x+n.width,bottom:n.y+n.height},s.maxLevel=Math.max(s.maxLevel||0,r);var l={layout:e,shape:t,shapeBounds:a,treeBounds:a,dim:n,level:r};return this.translateSubTree(l,void 0,void 0!==i,o),{x:s.x,y:s.y,right:s.x+n.width,bottom:s.y+n.height}},e.prototype.setUpLayoutInfo=function(e,t){var i={};return i.subTreeTranslation=0,"OrganizationalChart"===e.type?i.tree={orientation:"Vertical",type:"Alternate",offset:20,enableRouting:!0}:i.tree={orientation:"Horizontal",type:"Center",enableRouting:!0},i.tree.children=[],i.tree.assistants=[],i.tree.level=0,i.translate=!0,i},e.prototype.translateSubTree=function(e,t,i,n){var r=e.layout,o=e.shape,a=e.shapeBounds,s=e.treeBounds,l=e.level,d=e.dim,h=r.graphNodes[o.id],c=r.nameTable[h.firstChild?h.firstChild.child:h.tree.children[0]],p=c?r.graphNodes[c.id]:null,u=this.hasChild(r,o),g=this.findIntersectingLevels(r,a,l,h.actualLevel),m=this.findIntersectingLevels(r,s,l,h.actualLevel),f=[];g.length&&h.translate?(h.intersect=g,this.spaceLeftFromPrevSubTree(r,o,a),h.canMoveBy=h.diff,void 0!==t&&(h.canMoveBy=Math.min(t,h.canMoveBy)),c&&void 0!==p.canMoveBy&&(p.canMoveBy>=h.canMoveBy&&(h.translated=!0),h.canMoveBy=Math.min(h.canMoveBy,p.canMoveBy)),i&&(h.x-=h.canMoveBy,h.subTreeTranslation-=h.canMoveBy,u&&(this.shiftSubordinates(r,m,h.canMoveBy),s.x=Math.min(s.x,h.x),s.right=Math.max(s.right,h.x+d.width),s.bottom=Math.max(s.bottom,h.y+d.height),s.x-=h.canMoveBy,s.right-=h.canMoveBy),c&&p.canMoveBy>h.canMoveBy?h.canMoveBy=p.canMoveBy-h.canMoveBy:c&&void 0!==h.canMoveBy&&(h.canMoveBy=0))):(u&&(s.x=Math.min(s.x,a.x),s.right=Math.max(s.right,a.x+d.width),s.bottom=Math.max(s.bottom,h.y+d.height)),h.translate||(h.canMoveBy=0,h.subTreeTranslation=0)),n||(a={x:h.x,y:d.y,right:h.x+d.width,bottom:d.y+d.height},f.push({rBounds:a}),this.updateRearBounds(r,o,f,l))},e.prototype.updateRearBounds=function(e,t,i,n,r){var o,a,s,l,d,h,c=!0,p={};if(t&&(r=(p=e.graphNodes[t.id]).intersect,c=!p.tree.children.length&&!p.tree.assistants.length),l=i[0].rBounds,d=i[i.length-1].rBounds,r&&r.length){for(h=(o=e.levels[r[0]].rBounds).bottom,o.yd.bottom?i.push({rBounds:{x:o.x,right:o.right,y:l.bottom,bottom:h}}):(o=e.levels[r[r.length-1]].rBounds,c&&o.bottom>d.bottom&&(o.y=d.bottom,i.push({rBounds:o}))),a=r[0],s=i.length-1;s>=0;s--)e.levels.splice(a,0,i[s]);a+=i.length,e.levels.splice(a,r.length)}else for(a=this.findLevel(e,i[i.length-1].rBounds,n),s=i.length-1;s>=0;s--)e.levels.splice(a,0,i[s])},e.prototype.shiftSubordinates=function(e,t,i){var n;if(0!==i)for(n=0;nS.right&&(S.right=b.right),S.bottom=b.bottom):S=b,0===x&&(l.firstChild={x:E.x,canMoveBy:E.canMoveBy,child:g.id}),this.hasChild(e,g))if(!l.firstChild||l.firstChild.x>=E.firstChild.x){E.firstChild&&l.firstChild.canMoveByE.canMoveBy&&(l.firstChild.canMoveBy=e.graphNodes[l.firstChild.child].canMoveBy=E.canMoveBy);C=C?Math.max(E.maxLevel,C):E.maxLevel,this.uniteRects(v,m),h=0!==x&&!this.hasChild(e,g)&&E.subTreeTranslation<0?m.right-E.subTreeTranslation+e.horizontalSpacing:m.right+e.horizontalSpacing}isNaN(void 0)||(T.canMoveBy=void 0),l.mid=(T.x+S.right)/2-a.width/2,"Left"===d?l.mid=b.right-a.width:"Right"===d&&(l.mid=n)}return v},e.prototype.updateHorizontalTreeWithMultipleRows=function(e,t,i,n,r,o){var a,s,l,d,h,c,p,u,g,m,f,y=this.getDimensions(e,t,n,r,o),v=e.graphNodes[t.id],b=(v.tree.type,o),C=n,w=r,S=(e.levels.slice(0,e.levels.length),0);if(this.hasChild(e,t)){var x=-1!==e.orientation.indexOf("Left"),E=void 0,T=this.splitChildrenInRows(e,t),P=5===v.tree.children.length&&3===T[0].length,O=[],L=[];P?L=T:this.splitRows(T,O,L);var _={leftTree:O,rows:T,rightTree:L,dimensions:y},I=this.updateLeftTree(e,_,t,n,w,b);h=_.bounds;var D=void 0,A=(I||0)+(void 0!==I?e.horizontalSpacing/2:0);void 0!==I&&(v.mid=A-y.width/2,D=I+e.horizontalSpacing),w=r;var R=void 0;for(R=[],g=0;gs.canMoveBy)&&(S=Math.min(S,s.canMoveBy||0),v.firstChild={x:s.x,child:a.id,canMoveBy:s.canMoveBy}),_.leftCenter=m,_.rightCenter=f,_.align=E,_.level=b,_.rightBounds=R,this.alignRowsToCenter(e,g,t,_,D)}return h},e.prototype.updateLeftTree=function(e,t,i,n,r,o){for(var a,s,l,d,h,c=t.leftTree,p=e.graphNodes[i.id],u=[],g=-1!==e.orientation.indexOf("Left"),m=0;mv.canMoveBy&&(s=Math.min(s,v.canMoveBy||0),p.firstChild={x:v.x,child:y.id,canMoveBy:v.canMoveBy}),a=d.right+e.horizontalSpacing}l=0===m?u[m].right:Math.max(l,u[m].right)}for(m=0;m=g[1].right-g[1].x?0:1),t===d.length-1&&(d[t].length%2==1||y&&1===t)){a=h[t][Math.floor(h[t].length/2)];var v=void 0;v=e.nameTable[a];var b=void 0,C=e.graphNodes[a].x,w=e.graphNodes[a].y;b=this.getDimensions(e,v,C,w,f+1),s=void 0,!u&&y?(1===o&&(t=0),s=(g[o].x+g[o].right)/2-(g[t].x+g[t].right)/2,0===t&&(l.mid+=s)):y||void 0===r||(s=r-e.horizontalSpacing/2-(C+b.width/2)),void 0!==s&&this.updateRearBoundsOfTree(e,h[t],s,m),y&&(l.mid=(p+c)/2+(0===t?s:0)-m.width/2),void 0===l.mid&&e.graphNodes[a]&&(l.mid=C),u=!1,t++}},e.prototype.updateRearBoundsOfTree=function(e,t,i,n){for(var r=0;r2?"Left":"Right",C=x%2==0&&y.tree.children.length>2?-1:0),w=i+this.findOffset(e,t,y,T),a=e.nameTable[y.tree.children[x]],d=b?a.actualSize.height:a.actualSize.width,h=b?a.actualSize.width:a.actualSize.height,l=this.updateTree(e,w+C*d,S,a,r+1,void 0,!0),s=e.graphNodes[a.id],u={x:s.x,y:s.y,right:s.x+d,bottom:s.y+h},0===x?(this.uniteRects(l,u),p=l):this.uniteRects(p,l),!s.prevBounds||"Alternate"===y.tree.type&&x%2==1&&y.tree.children.length>2||(P=void 0!==P?Math.min(s.canMoveBy,P):s.canMoveBy),y.maxLevel=Math.max(y.maxLevel||0,s.maxLevel||0),"Alternate"===y.tree.type&&y.tree.children.length>2&&x%2==0?(0!==x&&(S=c.bottom+e.verticalSpacing/2),L.push({rBounds:u}),s.levelBounds&&(L=L.concat(s.levelBounds))):(S="Alternate"===y.tree.type&&y.tree.children.length>2?Math.max(l.bottom,c.bottom)+e.verticalSpacing/2:l.bottom+e.verticalSpacing/2,r=y.maxLevel,O.push({rBounds:u}),m?this.uniteRects(m,u):m={x:s.x,y:s.y,right:s.x+d,bottom:s.y+h},s.levelBounds&&(O=O.concat(s.levelBounds))),0===x&&(y.firstChild={x:s.x,canMoveBy:s.canMoveBy,child:a.id}),this.hasChild(e,a))if(!y.firstChild||y.firstChild.x>=s.firstChild.x){if(s.firstChild&&y.firstChild.canMoveBys.canMoveBy&&(y.firstChild.canMoveBy=e.graphNodes[y.firstChild.child].canMoveBy=s.canMoveBy);c=u}return o?y.levelBounds=O:("Alternate"===y.tree.type&&y.tree.children.length>2&&(g={x:L[0].rBounds.x,y:L[0].rBounds.y,right:L[L.length-1].rBounds.right,bottom:L[L.length-1].rBounds.bottom},E=this.findIntersectingLevels(e,g,f+1),this.updateRearBounds(e,null,L,f+1,E)),E=this.findIntersectingLevels(e,m||p,f+1),this.updateRearBounds(e,null,m?O:[{rBounds:p}],f+1,E)),isNaN(P)||(e.graphNodes[v.id].canMoveBy=P),y.childBounds=p,y.mid=i,p},e.prototype.splitChildrenInRows=function(e,t){var i,n;n=4;var r,o=[];r=(i=e.graphNodes[t.id]).tree.children.length;var a=this.extend(i.tree.children);if(i.tree.rows){var s=void 0;s=i.tree.children.length;var l=void 0;n=(l=Math.ceil(s/i.tree.rows))%2==0?l:l+1}else 3===i.tree.children.length||4===i.tree.children.length?n=2:5===i.tree.children.length&&(n=3);for(;r>0;)o[o.length]=a.splice(0,n),(r-=n)=e.horizontalSpacing&&(r=e.horizontalSpacing/2),a){case"Left":r=o/2-r;break;case"Right":r+=o/2}return r},e.prototype.uniteRects=function(e,t){e.x=Math.min(e.x,t.x),e.right=Math.max(e.right,t.right),e.bottom=Math.max(e.bottom,t.bottom)},e.prototype.spaceLeftFromPrevSubTree=function(e,t,i){var n;n=e.graphNodes[t.id];var r,o,a,s;for(s=e.horizontalSpacing,a=0;aa.y||r.y=a.y&&r.bottom<=a.bottom||r.ya.bottom)){o.splice(0,0,s)}else if(a&&a.bottom=0);s=(void 0!==n?n:i)+1,a=e.levels[s]?e.levels[s].rBounds:null;do{if(a&&(r.ya.y||r.y=a.y&&r.bottom<=a.bottom||r.ya.bottom))o.push(s);else if(a&&a.y>r.bottom)break;s++,a=e.levels[s]?e.levels[s].rBounds:null}while(s<=e.levels.length);return o},e.prototype.findLevel=function(e,t,i){var n;n=t;var r;r=0;var o;for(o=e.levels[r]?e.levels[r].rBounds:null;r=e.level&&(r.tree.hasSubTree=!1)},e.prototype.updateAnchor=function(e,t,i){var n,r,o,a=0,s=0,l=0,d=new Rect$3(0,0,i.x,i.y);o=e.bounds?e.bounds:d;var h=e.orientation;if(e.fixedNode){a=(r=e.nameTable[e.fixedNode]).actualSize.width,s=r.actualSize.height,e.anchorX=r.offsetX,e.anchorY=r.offsetY;var c=r.pivot;for(e.anchorX+="RightToLeft"===e.orientation?a*c.x:-a*c.x,e.anchorY+="BottomToTop"===e.orientation?s*c.y:-s*c.y,n=r,l=0;n.inEdges.length;)n=this.getParentNode(e,n),l+=e.graphNodes[n.id].subTreeTranslation||0;-1!==e.orientation.indexOf("Left")?(e.anchorX-=e.graphNodes[r.id].y,e.anchorY-=e.graphNodes[r.id].x+l):(e.anchorX-=e.graphNodes[r.id].x+l,e.anchorY-=e.graphNodes[r.id].y)}else if("TopToBottom"===h||"BottomToTop"===h){switch(e.horizontalAlignment){case"Left":e.anchorX=o.x-t.x+e.margin.left;break;case"Right":e.anchorX=o.x+o.width-e.margin.right-t.right;break;case"Auto":case"Center":e.anchorX=o.x+o.width/2-(t.x+t.right)/2}switch(e.verticalAlignment){case"Auto":case"Top":var p;p=o.y+e.margin.top,e.anchorY="TopToBottom"===h?p:t.bottom+p;break;case"Bottom":var u=void 0;u=o.y+o.height-e.margin.bottom,e.anchorY="TopToBottom"===h?u-t.bottom:u;break;case"Center":var g=void 0;g=o.y+o.height/2,e.anchorY="TopToBottom"===e.orientation?g-(t.y+t.bottom)/2:g+(t.y+t.bottom)/2}}else{switch(e.horizontalAlignment){case"Auto":case"Left":var m=void 0;m=o.x+e.margin.left,e.anchorX="LeftToRight"===h?m:t.bottom+m;break;case"Right":var f=void 0;f=o.x+o.width-e.margin.right,e.anchorX="LeftToRight"===h?f-t.bottom:f;break;case"Center":g=void 0;g=o.width/2+o.x,e.anchorX="LeftToRight"===e.orientation?g-(t.y+t.bottom)/2:g+(t.y+t.bottom)/2}switch(e.verticalAlignment){case"Top":e.anchorY=o.y+e.margin.top-t.x;break;case"Auto":case"Center":e.anchorY=o.y+o.height/2-(t.right+t.x)/2;break;case"Bottom":e.anchorY=o.y+o.height-e.margin.bottom-t.right}}},e.prototype.updateConnectors=function(e,t,i){var n,r,o,a;if(r=e.graphNodes[t.id],t.outEdges.length)for(n=0;n2){o=a.tree.children[1],isNaN(e.graphNodes[o].treeWidth)&&(e.graphNodes[o].treeWidth=e.nameTable[o].actualSize.width);var s=3!==r?1:-1;-1!==e.orientation.indexOf("Left")?e.nameTable[o].offsetY-e.graphNodes[o].treeWidth/2-e.verticalSpacing*s/2:e.nameTable[o].offsetX+e.graphNodes[o].treeWidth/2+e.horizontalSpacing*s/2,this.getSegmentsForMultipleRows(e,i,n,t)}else a.tree.children.length>5?r<4?this.getSegmentsForMultipleRows(e,i,n,t):this.updateSegmentsForHorizontalOrientation(e,i,n,t):4===a.tree.children.length?r<2?this.getSegmentsForMultipleRows(e,i,n,t):this.updateSegmentsForHorizontalOrientation(e,i,n,t):this.getSegmentsForMultipleRows(e,i,n,t)},e.prototype.get3Points=function(e,t,i,n){var r=[],o=this.getBounds(t),a=this.getBounds(i);if(-1!==e.orientation.indexOf("Top")){var s=0===e.orientation.indexOf("Top")?o.bottomCenter:o.topCenter,l=t.offsetX>i.offsetX?a.middleRight:a.middleLeft;r.push(s,{x:o.bottomCenter.x,y:l.y},l)}else{s=0===e.orientation.indexOf("Left")?o.middleRight:o.middleLeft,l=t.offsetY>i.offsetY?a.bottomCenter:a.topCenter;r.push(s,{x:a.bottomCenter.x,y:o.middleRight.y},l)}this.getSegmentsFromPoints(r,n)},e.prototype.get5Points=function(e,t,i,n){var r,o,a,s,l=[],d=this.getBounds(t),h=this.getBounds(i);e.graphNodes[t.id];-1!==e.orientation.indexOf("Top")?(r=t.offsetYi.offsetX?1:-1),o=t.offsetX>i.offsetX?h.middleRight:h.middleLeft,l.push(r,{x:r.x,y:r.y+s},{x:o.x+a,y:r.y+s},{x:o.x+a,y:o.y},o)):(r=t.offsetX>i.offsetX?d.middleLeft:d.middleRight,o=t.offsetY>i.offsetY?h.bottomCenter:h.topCenter,a=e.horizontalSpacing/4*(t.offsetXi.offsetY?1:-1),l.push(r,{x:r.x+a,y:r.y},{x:r.x+a,y:r.y+s},{x:o.x,y:r.y+s},o)),this.getSegmentsFromPoints(l,n)},e.prototype.getSegmentsFromPoints=function(e,t){for(var i,n=[],r=0;ro.height&&(o.height=t[a].height),o.actualCircumference+=Math.max(t[a].width,t[a].height),a!==t.length-1&&(o.actualCircumference+=e.horizontalSpacing);o.circumference=o.max-o.min,o.actualCircumference1&&e.levels[r-1].radius+e.levels[r-1].height>=o.radius&&(o.radius=e.levels[r-1].radius+e.levels[r-1].height);for(var s=0;s=l?this.getForceNode(o[0]):this.getForceNode(o[s+1]),c=360/o.length/2*Math.PI/180,p=2*this.springLength*Math.sin(c);this.calcRelatesForce(d,h,p)}for(var u=0;u0?i=Math.PI+i:n<0&&r<0?i=Math.PI+i:n>0&&r<0&&(i=2*Math.PI+i)),i},e.prototype.pointDistance=function(e,t){var i=0,n=t.x-e.x,r=t.y-e.y,o=n*n+r*r;return o>0&&(i=Math.sqrt(o)),i},e.prototype.calcRelatesForce=function(e,t,i){var n=this.pointDistance(e.location,t.location),r=this.lineAngle(e.location,t.location);nthis.springLength||i0&&(this.mhelperSelectedNode=cloneObject(a[0]));for(var s=0,l=e;s0){for(var n=[],r=[],o=[],a=0;athis.dictionaryLength(this.passedNodes);)if(this.getNodesToPosition(r),null!=this.selectedNode){t.doLayout(this),this.selectedNode=null,this.visitedStack=[];for(var l=0,d=this.cycleEdgesCollection;l=0&&i0&&(null!=e.inEdges&&e.inEdges.length>0&&(t=this.searchEdgeCollection(e.inEdges,"FromNode")),!t&&null!=e.outEdges&&e.outEdges.length>0&&(t=this.searchEdgeCollection(e.outEdges,"ToNode"))),t},e.prototype.searchEdgeCollection=function(e,t){for(var i=!1,n=0;n0)for(i.push(t[0]),this.visitedStack.push(t[0]);i.length>0;){var r=i[i.length-1],o=this.getUnVisitedChildNodes(r);if(o.length>0){var a=o[0],s=o[o.length-1];collectionContains(a.id,this.visitedStack)?(s.treeInfo.isCycleEdge=!0,this.cycleEdgesCollection.push(s)):(i.push(a),this.visitedStack.splice(0,0,a))}else i.pop()}},e.prototype.getUnVisitedChildNodes=function(e){var t=[];if(e.outEdges.length>0){for(var i=0;i0&&i0&&i0&&t.push(a);var c=l-d;c>n&&(n=c,i=a)}return 0===t.length&&null!=i&&t.push(i),t},e.prototype.getVisibleTerminal=function(e,t){var i=this.nameTable[e.targetID];t&&(i=this.nameTable[e.sourceID]);for(var n=0;n=0&&(n=this.traverse(h,t,s[d],n,r,o))}}else if(null==n[a])for(d=0;d=0;a--){for(var s=0,l=i.ranks[a],d=n?e.marginY:e.marginX,h=0;he.widestRankValue&&(e.widestRankValue=d,e.widestRank=a),e.rankSizes[a]=d}e.rankOffset[a]=r;var f=s/2+o/2+e.verticalSpacing;o=s,"north"===e.orientation||"west"===e.orientation?r+=f:r-=f;for(h=0;h=0;n--)n0&&this.rankCoordinates(e,n,t,i)},e.prototype.isAncestor=function(e,t){if(null!=t&&null!=e.hashCode&&null!=t.hashCode&&e.hashCode.length0&&h<=d;){var c=i.shift(),p=c.cell,u=c.weightedValue,g=c.rankIndex,m=this.crossReduction.getConnectedCellsOnLayer(p,u),f=this.crossReduction.getConnectedCellsOnLayer(p,u,!0),y=m.length,v=f.length,b=this.medianXValue(e,m,u+1),C=this.medianXValue(e,f,u-1),w=y+v,S=this.crossReduction.getTempVariable(p,u),x=S;w>0&&(x=(b*y+C*v)/w);var E=!1,T=void 0;if(xS+1){if(g===r[u].length-1)T=x,E=!0;else{var L=r[u][g+1],_=this.crossReduction.getTempVariable(L,u);(_=_-L.width/2-e.intraCellSpacing-p.width/2)>x?(T=x,E=!0):_>this.crossReduction.getTempVariable(p,u)+1&&(T=_,E=!0)}}E&&(this.setTempVariable(p,u,T),this.updateNodeList(i,n,m,t),this.updateNodeList(i,n,f,t)),this.crossReduction.isVertex(c.cell)&&(c.visited=!1),h++}},e.prototype.updateNodeList=function(e,t,i,n){for(var r=0;r0;){for(var r=(c=t[0]).connectsAsTarget,o=c.connectsAsSource,a=!0,s=1e8,l=0;l0){var h=d[0],c=e.getVisibleTerminal(h,!1),p=this.getDictionary(this.vertexMapper,c);r[o]===p&&(c=e.getVisibleTerminal(h,!0),p=this.getDictionary(this.vertexMapper,c)),null!=p&&r[o]!==p&&(l.target=p,0===p.connectsAsTarget.length&&(p.connectsAsTarget=[]),p.connectsAsTarget.indexOf(l)<0&&p.connectsAsTarget.push(l))}}r[o].temp[0]=1}}return e.prototype.createInternalCells=function(e,t,i){for(var n=0;n0&&2*l.length>=s.length){for(var d={x:[],y:[],temp:[],edges:s,ids:[]},h=0;h1){o.maxRank=n.maxRank,o.minRank=r.maxRank,o.temp=[],o.x=[],o.y=[];for(var s=o.minRank+1;s0;)v%2&&(i+=y[v+1]),++y[v=v-1>>1]}return i},e.prototype.execute=function(e){this.nestedBestRanks=[];for(var t=0;t=0;n--)this.medianRank(n,i);else for(n=1;n0){a=n.shift().cell;this.setTempVariable(a,e,o)}},e.prototype.compare=function(e,t){if(null!=e&&null!=t){if(t.medianValue>e.medianValue)return-1;if(t.medianValue=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},getObjectType$1=function(e){var t=e;return t.sourcePoint||t.targetPoint||t.sourceID||t.targetID||t.sourcePortID||t.targetPortID||t.sourceDecorator||t.targetDecorator?Connector$1:(e.shape&&(e.shape instanceof Shape||e.shape.type),Node$1)},Palette=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends$198(t,e),__decorate$88([Property("")],t.prototype,"id",void 0),__decorate$88([Property()],t.prototype,"height",void 0),__decorate$88([Property(!0)],t.prototype,"expanded",void 0),__decorate$88([Property("")],t.prototype,"iconCss",void 0),__decorate$88([Property("")],t.prototype,"title",void 0),__decorate$88([CollectionFactory(getObjectType$1)],t.prototype,"symbols",void 0),t}(ChildProperty),SymbolPreview=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends$198(t,e),__decorate$88([Property()],t.prototype,"width",void 0),__decorate$88([Property()],t.prototype,"height",void 0),__decorate$88([Complex({},Point$1)],t.prototype,"offset",void 0),t}(ChildProperty),SymbolPalette=function(e){function t(t,i){var n=e.call(this,t,i)||this;n.symbolTable={},n.childTable={},n.info="info",n.laneTable={},n.helper=function(e){var t,i=e.sender.target.id.split("_container")[0],r=n.symbolTable[i];if(r&&n.selectedSymbol){n.selectedSymbols=n.selectedSymbol.id===r.id?r:n.selectedSymbol;n.getMousePosition(e.sender);(t=n.getSymbolPreview(n.selectedSymbols,e.sender,n.element)).setAttribute("paletteId",n.element.id)}return t};for(var r,o,a=0;n&&n.palettes&&a0&&groupHasType(e,"HTML",this.childTable))p=this.getGroupParent(e,n,u,e.wrapper.actualSize.height,e.wrapper.actualSize.width,!0);else{n=CanvasRenderer$1.createCanvas(e.id+"_preview",2*(Math.ceil(a)+e.style.strokeWidth+1),2*(Math.ceil(s)+e.style.strokeWidth+1)),u.appendChild(n),g+="transform:scale(0.5);",n.setAttribute("transform-origin","0 0");var f=2;e instanceof Connector$1&&(f=1.9),n.getContext("2d").setTransform(f,0,0,f,0,0),this.diagramRenderer.renderElement(l,n,void 0)}return(p&&("HTML"===e.shape.type||e.children&&e.children.length>0)?p:n).setAttribute("style",g),l.offsetX=c.x,l.offsetY=c.y,u},t.prototype.measureAndArrangeSymbol=function(e,t){e.children&&!t&&(e.children[0].transform=Transform.Self),e.measure(new Size$3),e.arrange(e.desiredSize),e.children&&(e.children[0].transform=Transform.Parent)},t.prototype.updateSymbolSize=function(e,t,i){var n=e.wrapper.children[0].children[0],r=e.style.strokeWidth;n.width=(t||n.width)-(r+1),n.height=(i||n.height)-(r+1),e.wrapper.measure(new Size$3),e.wrapper.arrange(e.wrapper.desiredSize)},t.prototype.getSymbolContainer=function(e,t,i){var n=this.symbolTable[e.id][this.info],r=this.getSymbolSize(e,n),o=r.width+1,a=r.height+1,s=createHtmlElement("div",{id:e.id+"_container",style:"width:"+o+"px;height:"+a+"px;float:left;overflow:hidden",title:n.tooltip?n.tooltip:e.id});t.appendChild(s);var l,d,h;if("Native"===e.shape.type)l=createSvgElement("svg",{id:e.id,width:Math.ceil(e.wrapper.actualSize.width)+1,height:Math.ceil(e.wrapper.actualSize.height)+1}),d=createSvgElement("g",{id:e.id+"_g"}),l.appendChild(d),s.appendChild(l),this.updateSymbolSize(e),this.svgRenderer.renderElement(e.wrapper,d,void 0,void 0,l);else if("HTML"===e.shape.type)h=this.getHtmlSymbol(e,l,s,e.wrapper.actualSize.height,e.wrapper.actualSize.width,!1);else if(e.children&&e.children.length>0&&groupHasType(e,"HTML",this.childTable))h=this.getGroupParent(e,l,s,e.wrapper.actualSize.height,e.wrapper.actualSize.width,!1);else{l=CanvasRenderer$1.createCanvas(e.id,Math.ceil(2*(e.wrapper.actualSize.width+e.style.strokeWidth))+1,Math.ceil(2*(e.wrapper.actualSize.height+e.style.strokeWidth))+1),s.appendChild(l);var c=2;e instanceof Connector$1&&(c=1.9),l.getContext("2d").setTransform(c,0,0,c,0,0),this.diagramRenderer.renderElement(e.wrapper,d||l,void 0,void 0,void 0,void 0,!0)}if(!i){var p=e.wrapper.actualSize.width+e.style.strokeWidth,u=e.wrapper.actualSize.height+e.style.strokeWidth,g="pointer-events:none;transform-origin:0 0;overflow:hidden;";return e.shape.isPhase?"Horizontal"===e.shape.orientation?g+="margin-left:"+Math.max(this.symbolMargin.left,(o-p)/2)+"px;margin-top:"+r.height/2+"px;":g+="margin-left:"+r.width/2+"px;margin-top:"+Math.max(this.symbolMargin.top,(a-u)/2)+"px;":g+="margin-left:"+Math.max(this.symbolMargin.left,(o-p)/2)+"px;margin-top:"+Math.max(this.symbolMargin.top,(a-u)/2)+"px;",l instanceof HTMLCanvasElement&&(g+="transform:scale(.5,.5);"),(h&&("HTML"===e.shape.type||e.children&&e.children.length>0)?h:l).setAttribute("style",g),s.classList.add("e-symbol-draggable"),s}return l},t.prototype.getGroupParent=function(e,t,i,n,r,o){var a=createHtmlElement("div",{id:e.id+(o?"_html_div_preview":"_html_div")}),s=createHtmlElement("div",{id:e.id+(o?"_htmlLayer_preview":"_htmlLayer"),style:"width:"+Math.ceil(r+1)+"px;height:"+Math.ceil(n+1)+"px;position:absolute",class:"e-html-layer"}),l=createHtmlElement("div",{id:e.id+(o?"_htmlLayer_div_preview":"_htmlLayer_div"),style:"width:"+Math.ceil(r+1)+"px;height:"+Math.ceil(n+1)+"px;position:absolute"});return s.appendChild(l),a.appendChild(s),t=CanvasRenderer$1.createCanvas(o?e.id+"_preview":e.id,Math.ceil(r)+1,Math.ceil(n)+1),a.appendChild(t),i.appendChild(a),this.diagramRenderer.renderElement(e.wrapper.children[0].children[0],t,s),a},t.prototype.getHtmlSymbol=function(e,t,i,n,r,o){var a=createHtmlElement("div",{id:e.id+(o?"_html_div_preview":"_html_div")}),s=createHtmlElement("div",{id:e.id+(o?"_htmlLayer_preview":"_htmlLayer"),style:"width:"+Math.ceil(r+1)+"px;height:"+Math.ceil(n+1)+"px;position:absolute",class:"e-html-layer"}),l=createHtmlElement("div",{id:e.id+(o?"_htmlLayer_div_preview":"_htmlLayer_div"),style:"width:"+Math.ceil(r+1)+"px;height:"+Math.ceil(n+1)+"px;position:absolute"});return s.appendChild(l),a.appendChild(s),t=CanvasRenderer$1.createCanvas(e.id,Math.ceil(2*(e.wrapper.actualSize.width+e.style.strokeWidth))+1,Math.ceil(2*(e.wrapper.actualSize.height+e.style.strokeWidth))+1),i.appendChild(t),t.getContext("2d").setTransform(2,0,0,2,0,0),a.appendChild(t),i.appendChild(a),this.diagramRenderer.renderElement(e.wrapper.children[0].children[0],t,s),a},t.prototype.getSymbolSize=function(e,t){var i=e.wrapper.actualSize.width,n=e.wrapper.actualSize.height;return this.symbolWidth||this.symbolHeight?(i=this.symbolWidth,n=Math.max(this.symbolHeight,n)):(i+=this.symbolMargin.left+this.symbolMargin.right+e.style.strokeWidth,n+=this.symbolMargin.top+this.symbolMargin.bottom+e.style.strokeWidth),new Size$3(i,n)},t.prototype.getMousePosition=function(e){var t,i,n;if(-1!==e.type.indexOf("touch")){var r=(n=e).changedTouches[0].clientY,o=n.changedTouches[0].clientX;t=r-this.element.offsetTop,i=o-this.element.offsetLeft}else t=e.clientY-this.element.offsetTop,i=e.clientX-this.element.offsetLeft;return{x:i,y:t}},t.prototype.mouseMove=function(e,t){!this.highlightedSymbol||this.selectedSymbol&&this.selectedSymbol.id+"_container"===this.highlightedSymbol.id||(this.highlightedSymbol.classList.remove("e-symbol-hover"),this.highlightedSymbol.style.backgroundColor="",this.highlightedSymbol=null);var i=e.target.id.split("_container")[0];if(this.symbolTable[i]){var n=document.getElementById(i+"_container");n.classList.add("e-symbol-hover"),this.highlightedSymbol=n}e.preventDefault()},t.prototype.mouseUp=function(e){if(e&&e.target)if("iconSearch"===e.srcElement.id){var t=document.getElementById("iconSearch");t.classList.contains("e-clear-searchtext")&&(t.className="e-input-group-icon e-search e-icons",document.getElementById("textEnter").value="",this.searchPalette(""))}else{var i=e.target.id.split("_container")[0];if(i&&this.selectedSymbol){var n={oldValue:this.selectedSymbol.id,newValue:i};this.trigger("paletteSelectionChange",n),e.preventDefault()}}},t.prototype.keyUp=function(e){var t=this;if(this.enableSearch){var i=this;document.getElementById("iconSearch").className="e-input-group-icon e-clear-searchtext e-icons",!e||"Enter"!==e.key&&13!==e.keyCode?(this.timer&&clearTimeout(this.timer),this.timer=setTimeout(function(){e.target instanceof HTMLInputElement&&(i.searchPalette(e.target.value),t.timer=null)},500)):e.target instanceof HTMLInputElement&&this.searchPalette(e.target.value)}},t.prototype.mouseDown=function(e){var t=e.target.id.split("_container")[0];if(this.selectedSymbol){var i=document.getElementById(this.selectedSymbol.id+"_container");t!==this.selectedSymbol.id&&i&&i.classList.remove("e-symbol-selected");(n=document.getElementById(this.selectedSymbol.id+"_container"))&&(n.style.backgroundColor=""),this.selectedSymbol=null}if(this.symbolTable[t]){var n;(n=document.getElementById(t+"_container")).classList.add("e-symbol-selected"),this.selectedSymbol=this.symbolTable[t],e.preventDefault()}},t.prototype.keyDown=function(e){if(e&&"Escape"===e.key){var t=this.draggable.helperElement;t&&t.parentNode&&(t.parentNode.removeChild(t),this.draggable.intDestroy())}},t.prototype.initDraggable=function(){this.allowDrag&&(this.draggable=new Draggable(this.element,{dragTarget:".e-symbol-draggable",helper:this.helper,dragStart:this.dragStart,preventDefault:!1,dragStop:this.dragStop,drag:function(e){var t=parentsUntil(e.target,"e-droppable");if(t&&t.classList.contains("e-diagram")){t.ej2_instances[0].droppable.over(e)}},cursorAt:{left:this.symbolPreview.offset.x,top:this.symbolPreview.offset.y}}))},t.prototype.dragStart=function(e){var t=this.helper[0];t&&t.setAttribute("paletteId",this.element.id)},t.prototype.dragStop=function(e){parentsUntil(e.target,"e-diagram")||remove(e.helper)},t.prototype.scaleSymbol=function(e,t,i,n,r,o,a){if(e instanceof Connector$1){var s=e.wrapper;e.wrapper=t.children[0];for(var l=e.scale(i,n,r,o,t.children[0]),d=r/2-t.children[0].children[0].offsetX+l.x/2,h=o/2-t.children[0].children[0].offsetY+l.y/2,c=0,p=t.children[0].children;c=0;r--)n.removeChild(n.children[r]);for(var o=0;o0)for(var h=0,c=i;h=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},Overview=function(e){function t(t,i){var n=e.call(this,t,i)||this;return n.mode="Canvas",n.id="overview",n.actionName="",n.startPoint=null,n.currentPoint=null,n.prevPoint=null,n.scale=null,n.inAction=!1,n.viewPortRatio=1,n.horizontalOffset=0,n.verticalOffset=0,n.model={},n.event=!0,n.model={width:n.width,height:n.height},n}return __extends$199(t,e),t.prototype.onPropertyChanged=function(e,t){for(var i=0,n=Object.keys(e);i0||e.toString().indexOf("%")>0?e.toString():e.toString()+"px"},t.prototype.renderCanvas=function(e){var t=document.getElementById(this.element.id+"_canvas");t||(t=createHtmlElement("div",{}),this.element.appendChild(t));setAttributeHtml(t,{id:this.element.id+"_canvas",class:"drawing",style:"position:relative; height:"+this.getSizeValue(this.model.height)+"; width:"+this.getSizeValue(this.model.width)+";style:-ms-touch-action: none;touch-action: none;"}),this.element.setAttribute("tabindex",String(0)),this.element.style.overflow="hidden",this.element.style.height=String(this.model.height),this.element.style.width=String(this.model.width),this.canvas=t},t.prototype.setParent=function(e){var t=document.getElementById(e);if(this.parent){var i=this.parent;this.parent=null,i.setOverview(null,this.element.id),this.removeDocument(this)}this.parent=this.getDiagram(t,"ej2_instances"),this.parent&&this.parent.setOverview(this)},t.prototype.getDiagram=function(e,t){for(var i,n=e[t].length,r=0;rMath.abs(e)?e=t*this.viewPortRatio:t=e/this.viewPortRatio,i.width-=e,i.height-=t,n=e,r=t;break;case"topright":Math.abs(t)>Math.abs(e)?e=-t*this.viewPortRatio:t=-e/this.viewPortRatio,r=t,i.width+=e,i.height-=t;break;case"bottomleft":Math.abs(t)>Math.abs(e)?e=-t*this.viewPortRatio:t=-e/this.viewPortRatio,n=e,i.width-=e,i.height+=t;break;case"bottomright":Math.abs(t)>Math.abs(e)?e=t*this.viewPortRatio:t=e/this.viewPortRatio,i.width+=e,i.height+=t}this.updateHelper(n,r,i,void 0,void 0)},t.prototype.updateHelper=function(e,t,i,n,r){var o,a,s,l=this.element.getElementsByTagName("svg")[2].getElementById("helper");if(i)o=(s=l.getBBox()).x+e,a=s.y+t,n=s.width+i.width,r=s.height+i.height;else{var d;d=this.currentPoint.x>this.startPoint.x?this.currentPoint.x-this.prevPoint.x:this.prevPoint.x-this.currentPoint.x;var h;h=this.currentPoint.y>this.startPoint.y?this.currentPoint.y-this.prevPoint.y:this.prevPoint.y-this.currentPoint.y,Math.abs(h)>Math.abs(d)?d=this.viewPortRatio*h:h=d/this.viewPortRatio,s=l.getBBox(),o=this.startPoint.x>this.currentPoint.x?s.x-d:s.x,a=this.startPoint.y>this.currentPoint.y?s.y-h:s.y,n=s.width+d,r=s.height+h}setAttributeSvg(this.helper,{id:this.helper.id,x:o,y:a,width:Math.max(0,n),height:Math.max(0,r)})},t.prototype.updateOverviewrect=function(e,t,i,n){setAttributeHtml(document.getElementById(this.canvas.id+"overviewrect"),{x:e,y:t,width:Math.max(1,i),height:Math.max(1,n)}),this.updateOverviewCorner("top",e+8,t-2,Math.max(0,i-16),2),this.updateOverviewCorner("bottom",e+8,t+n,Math.max(0,i-16),2),this.updateOverviewCorner("left",e-2,t+8,2,Math.max(0,n-16)),this.updateOverviewCorner("right",e+i,t+8,2,Math.max(0,n-16)),this.updateOverviewCorner("topleft",e,t,5,5),this.updateOverviewCorner("topright",e+i,t,5,5),this.updateOverviewCorner("bottomleft",e,t+n,5,5),this.updateOverviewCorner("bottomright",e+i,t+n,5,5)},t.prototype.updateOverviewCorner=function(e,t,i,n,r){var o,a,s="visible"+e,l=document.getElementById(this.canvas.id+s);"top"===e||"bottom"===e||"right"===e||"left"===e?(o={x:t,y:i,width:n,height:r,fill:"#ED1C24"},a={x:t-2,y:i-2,width:2===n?4:n,height:2===r?4:r}):(o={cx:t,cy:i,r:4,fill:"#ED1C24"},a={cx:t,cy:i,r:6,fill:"transparent"}),setAttributeHtml(l,o);setAttributeHtml(document.getElementById(this.canvas.id+e),a)},t.prototype.translateOverviewRectangle=function(){var e=Number(this.model.width),t=Number(this.model.height),i=this.currentPoint.x-this.prevPoint.x,n=this.currentPoint.y-this.prevPoint.y,r=(Math.min(this.parent.scroller.viewPortWidth/e,this.parent.scroller.viewPortHeight/t),this.element.getElementsByTagName("svg")[2].getElementById(this.canvas.id+"overviewrect").getBBox()),o=r.x+i,a=r.y+n,s=r.width,l=r.height;this.updateOverviewrect(o,a,s,l),this.updateParentView(this.parent.scroller.currentZoom,o,a,s,l,null)},t.prototype.renderOverviewRect=function(e,t,i,n){var r=Number(this.model.width),o=Number(this.model.height),a=i/r*this.contentWidth,s=n/o*this.contentHeight,l=Math.max(this.parent.scroller.viewPortWidth/a,this.parent.scroller.viewPortHeight/s);if(l>=.25&&l<=30){this.updateParentView(l,e,t,i,n,{x:0,y:0});var d=this.scrollOverviewRect(this.parent.scroller.horizontalOffset,this.parent.scroller.verticalOffset,this.parent.scroller.currentZoom,!0);if(this.helper){var h=this.element.getElementsByTagName("rect")[10].getBBox();d.x=h.x,d.y=h.y}this.updateOverviewrect(d.x,d.y,d.width,d.height)}},t.prototype.scrollOverviewRect=function(e,t,i,n){if(!this.actionName||n){var r=Number(this.model.width),o=Number(this.model.height),a=Math.min(this.contentWidth/r,this.contentHeight/o),s=new Rect$3,l=s.x=e/i/a,d=s.y=t/i/a,h=s.width=this.parent.scroller.viewPortWidth/i/a,c=s.height=this.parent.scroller.viewPortHeight/i/a;this.parent.scroller.viewPortWidth,this.parent.scroller.viewPortHeight;if(n){var p=new Rect$3;return p.x=l,p.y=d,p.width=h,p.height=c,p}this.updateOverviewrect(-l,-d,h,c)}return null},t.prototype.updateParentView=function(e,t,i,n,r,o){var a,s,l=Number(this.model.width),d=Number(this.model.height),h=t*(this.contentWidth/l)*e,c=i*(this.contentHeight/d)*e;this.parent.scroller.getPageBounds();1===e&&"pan"!==this.actionName||(a=-h-this.parent.scroller.horizontalOffset,s=-c-this.parent.scroller.verticalOffset),"scale"===this.actionName||"draw"===this.actionName?this.parent.scroller.zoom(e/this.parent.scroller.currentZoom,a,s,o):this.parent.pan(a,s,o)},t.prototype.updateView=function(e){var t,i,n=this.parent.scroller.getPageBounds();t=n.width,i=n.height;var r,o=Number(this.model.width),a=Number(this.model.height),s=Math.max(t,this.parent.scroller.viewPortWidth),l=Math.max(i,this.parent.scroller.viewPortHeight);this.contentWidth=s=Math.max(s,o/a*l),this.contentHeight=l=Math.max(l,a/o*s),r=Math.min(o/s,a/l);var d=document.getElementById(this.element.id+"_htmlLayer");d.style.webkitTransform="scale("+r+") translate("+-n.x+"px,"+-n.y+"px)",d.style.transform="scale("+r+") translate("+-n.x+"px,"+-n.y+"px)";document.getElementById(this.element.id+"_overviewlayer").setAttribute("transform","translate("+-n.x*r+","+-n.y*r+")"),this.horizontalOffset=n.x*r,this.verticalOffset=n.y*r;var h=document.getElementById(this.element.id+"_diagramLayer"),c=getNativeLayer(this.element.id),p=h.getContext("2d"),u=Number(this.model.width)/this.contentWidth,g=Number(this.model.height)/this.contentHeight;u=Math.min(u,g),c.setAttribute("transform","translate(0,0),scale("+u+")"),p.setTransform(u,0,0,u,0,0),p.fillStyle="red",this.scrollOverviewRect(this.parent.scroller.horizontalOffset,this.parent.scroller.verticalOffset,this.parent.scroller.currentZoom)},t.prototype.scrolled=function(e){if(this.event){var t=this.scrollOverviewRect(this.parent.scroller.horizontalOffset,this.parent.scroller.verticalOffset,this.parent.scroller.currentZoom,!0);this.updateOverviewrect(-t.x,-t.y,t.width,t.height)}},t.prototype.updateCursor=function(e){if(hasClass(e.target,"overviewresizer"))switch(e.target.id){case this.canvas.id+"left":this.canvas.style.cursor="w-resize";break;case this.canvas.id+"right":this.canvas.style.cursor="e-resize";break;case this.canvas.id+"top":this.canvas.style.cursor="n-resize";break;case this.canvas.id+"bottom":this.canvas.style.cursor="s-resize";break;case this.canvas.id+"topleft":this.canvas.style.cursor="nw-resize";break;case this.canvas.id+"topright":this.canvas.style.cursor="ne-resize";break;case this.canvas.id+"bottomleft":this.canvas.style.cursor="sw-resize";break;case this.canvas.id+"bottomright":this.canvas.style.cursor="se-resize"}else this.canvas.style.cursor="default"},t.prototype.mouseMove=function(e){if(this.event=!1,this.updateCursor(e),this.currentPoint=this.mousePosition(e),this.actionName)switch(this.actionName){case"draw":this.inAction||this.startPoint.x===this.currentPoint.x&&this.startPoint.y===this.currentPoint.y||(this.initHelper(),this.inAction=!0),this.inAction&&this.updateHelper();break;case"scale":this.inAction||(this.initHelper(),this.inAction=!0),this.updateOverviewRectangle();break;case"pan":(this.startPoint.x!==this.currentPoint.x||this.startPoint.y===this.currentPoint.y||this.inAction)&&(this.inAction=!0,this.translateOverviewRectangle())}this.prevPoint=this.currentPoint},t.prototype.documentMouseUp=function(e){this.inAction=!1,this.actionName="",this.helper&&(this.helper.parentNode.removeChild(this.helper),this.helper=null),this.event=!0,document.getElementById(this.canvas.id+"overviewhandle").style.pointerEvents="all"},t.prototype.windowResize=function(e){var t=this;return this.resizeTo&&clearTimeout(this.resizeTo),this.resizeTo=setTimeout(function(){var e=document.getElementById(t.element.id).getBoundingClientRect();t.model.width=e.width,t.model.height=e.height,t.renderCanvas(),t.setParent(t.sourceID)},10),!1},t.prototype.mouseDown=function(e){if(e.target.id===this.canvas.id+"_overviewsvg"&&(this.actionName="draw"),e.target.id===this.canvas.id+"overviewrect"&&(this.actionName="pan"),hasClass(e.target,"overviewresizer"))switch(this.actionName="scale",e.target.id){case this.canvas.id+"left":this.resizeDirection="left";break;case this.canvas.id+"right":this.resizeDirection="right";break;case this.canvas.id+"top":this.resizeDirection="top";break;case this.canvas.id+"bottom":this.resizeDirection="bottom";break;case this.canvas.id+"topleft":this.resizeDirection="topleft";break;case this.canvas.id+"topright":this.resizeDirection="topright";break;case this.canvas.id+"bottomleft":this.resizeDirection="bottomleft";break;case this.canvas.id+"bottomright":this.resizeDirection="bottomright"}this.startPoint=this.prevPoint=this.mousePosition(e),this.viewPortRatio=this.parent.scroller.viewPortWidth/this.parent.scroller.viewPortHeight;document.getElementById(this.canvas.id+"overviewhandle").style.pointerEvents="none"},t.prototype.mouseUp=function(e){this.currentPoint=this.mousePosition(e);Number(this.model.width),Number(this.model.height);if(this.actionName)if(this.startPoint.x!==this.currentPoint.x||this.startPoint.y!==this.currentPoint.y){if("pan"===this.actionName);else if(this.helper){var t=this.element.getElementsByTagName("rect")[10].getBBox();this.resizeDirection=this.resizeDirection||"";var i=t.x,n=t.y,r=t.width,o=t.height;"topleft"===this.resizeDirection||"topright"===this.resizeDirection||"bottomleft"===this.resizeDirection||this.resizeDirection;this.renderOverviewRect(i,n,r,o)}}else if(e.target.id===this.canvas.id+"_overviewsvg"||"helper"===e.target.id){r=(t=this.element.getElementsByTagName("svg")[2].getElementById(this.canvas.id+"overviewrect").getBBox()).width,o=t.height;this.inAction=!0,this.actionName="pan",this.renderOverviewRect(this.currentPoint.x-r/2,this.currentPoint.y-o/2,r,o),this.inAction=!1}this.helper&&(this.helper.parentNode.removeChild(this.helper),this.helper=null),this.actionName="",this.startPoint=null,this.currentPoint=null,this.prevPoint=null,this.helper=null,this.viewPortRatio=1,this.resizeDirection="",this.inAction=!1,this.event=!0,document.getElementById(this.canvas.id+"overviewhandle").style.pointerEvents="all"},t.prototype.initHelper=function(){var e=this.element.getElementsByTagName("svg")[2],t=(this.parent.scroller.currentZoom,this.startPoint.x),i=this.startPoint.y,n=1,r=1;if("scale"===this.actionName){var o=e.getElementById(this.canvas.id+"overviewrect").getBBox();t=o.x,i=o.y,n=o.width,r=o.height}var a=createSvgElement("rect",{id:"helper",x:t,y:i,width:n,height:r,fill:"transparent",stroke:"gray","stroke-dasharray":"2 2","shape-rendering":"crispEdges"});e.getElementById(this.element.id+"_overviewlayer").appendChild(a),this.helper=a},t.prototype.mousePosition=function(e){var t,i,n;if(-1!==e.type.indexOf("touch")){var r=(t=e).changedTouches[0].clientX,o=t.changedTouches[0].clientY;i=r-this.element.offsetLeft,n=o-this.element.offsetTop}else i=e.clientX,n=e.clientY;var a=this.element.getBoundingClientRect();return i-=a.left,n-=a.top,{x:i+this.horizontalOffset,y:n+this.verticalOffset}},t.prototype.destroy=function(){if(this.unWireEvents(),this.notify("destroy",{}),e.prototype.destroy.call(this),document.getElementById(this.element.id)){this.element.classList.remove("e-overview");var t=document.getElementById(this.element.id+"_canvas");t&&this.element.removeChild(t)}this.parent.views.splice(this.parent.views.indexOf(this.element.id),1),this.diagramLayerDiv=null,this.canvas=null,this.parent=null},t.prototype.getModuleName=function(){return"Overview"},__decorate$89([Property("100%")],t.prototype,"width",void 0),__decorate$89([Property("100%")],t.prototype,"height",void 0),__decorate$89([Property("")],t.prototype,"sourceID",void 0),__decorate$89([Event()],t.prototype,"created",void 0),t}(Component);Diagram.Inject(HierarchicalTree,MindMap,RadialTree,ComplexHierarchicalTree,DataBinding,Snapping,PrintAndExport,BpmnDiagrams,SymmetricLayout,ConnectorBridging,UndoRedo,LayoutAnimation,DiagramContextMenu,ConnectorEditing),SymbolPalette.Inject(BpmnDiagrams);var diagrams=Object.freeze({Diagram:Diagram,PrintAndExport:PrintAndExport,Size:Size$3,Rect:Rect$3,get MatrixTypes(){return MatrixTypes},Matrix:Matrix$1,identityMatrix:identityMatrix,transformPointByMatrix:transformPointByMatrix,transformPointsByMatrix:transformPointsByMatrix,rotateMatrix:rotateMatrix,scaleMatrix:scaleMatrix,translateMatrix:translateMatrix,multiplyMatrix:multiplyMatrix,Point:Point$1,get PortVisibility(){return PortVisibility},get SnapConstraints(){return SnapConstraints},get SelectorConstraints(){return SelectorConstraints},get ConnectorConstraints(){return ConnectorConstraints},get AnnotationConstraints(){return AnnotationConstraints},get NodeConstraints(){return NodeConstraints},get ElementAction(){return ElementAction},get ThumbsConstraints(){return ThumbsConstraints},get DiagramConstraints(){return DiagramConstraints},get DiagramTools(){return DiagramTools},get Transform(){return Transform},get RenderMode(){return RenderMode},get KeyModifiers(){return KeyModifiers},get Keys(){return Keys},get DiagramAction(){return DiagramAction},get RendererAction(){return RendererAction},get RealAction(){return RealAction},get NoOfSegments(){return NoOfSegments},get DiagramEvent(){return DiagramEvent},get PortConstraints(){return PortConstraints},contextMenuClick:contextMenuClick,contextMenuOpen:contextMenuOpen,contextMenuBeforeItemRender:contextMenuBeforeItemRender,Thickness:Thickness$1,Margin:Margin$2,Shadow:Shadow,Stop:Stop,Gradient:Gradient,LinearGradient:LinearGradient,RadialGradient:RadialGradient,ShapeStyle:ShapeStyle,StrokeStyle:StrokeStyle,TextStyle:TextStyle$1,DiagramElement:DiagramElement,PathElement:PathElement,ImageElement:ImageElement,TextElement:TextElement,Container:Container,Canvas:Canvas,GridPanel:GridPanel,RowDefinition:RowDefinition,ColumnDefinition:ColumnDefinition,GridRow:GridRow,GridCell:GridCell,StackPanel:StackPanel,findConnectorPoints:findConnectorPoints,swapBounds:swapBounds,findAngle:findAngle,findPoint:findPoint,getIntersection:getIntersection,getIntersectionPoints:getIntersectionPoints,orthoConnection2Segment:orthoConnection2Segment,getPortDirection:getPortDirection,getOuterBounds:getOuterBounds,getOppositeDirection:getOppositeDirection,processPathData:processPathData,parsePathData:parsePathData,getRectanglePath:getRectanglePath,getPolygonPath:getPolygonPath,pathSegmentCollection:pathSegmentCollection,transformPath:transformPath,updatedSegment:updatedSegment,scalePathData:scalePathData,splitArrayCollection:splitArrayCollection,getPathString:getPathString,getString:getString,randomId:randomId,cornersPointsBeforeRotation:cornersPointsBeforeRotation,getBounds:getBounds,cloneObject:cloneObject,getInternalProperties:getInternalProperties,cloneArray:cloneArray,extendObject:extendObject,extendArray:extendArray,textAlignToString:textAlignToString,wordBreakToString:wordBreakToString,bBoxText:bBoxText,middleElement:middleElement,overFlow:overFlow,whiteSpaceToString:whiteSpaceToString,rotateSize:rotateSize,rotatePoint:rotatePoint,getOffset:getOffset,getFunction:getFunction,completeRegion:completeRegion,findNodeByName:findNodeByName,findObjectType:findObjectType,setSwimLaneDefaults:setSwimLaneDefaults,setUMLActivityDefaults:setUMLActivityDefaults,findNearestPoint:findNearestPoint,isDiagramChild:isDiagramChild,groupHasType:groupHasType,isPointOverConnector:isPointOverConnector,intersect3:intersect3,intersect2:intersect2,getLineSegment:getLineSegment,getPoints:getPoints,getTooltipOffset:getTooltipOffset,sort:sort$1,getAnnotationPosition:getAnnotationPosition,getOffsetOfConnector:getOffsetOfConnector,getAlignedPosition:getAlignedPosition,alignLabelOnSegments:alignLabelOnSegments,getBezierDirection:getBezierDirection,removeChildNodes:removeChildNodes,serialize:serialize,deserialize:deserialize,upgrade:upgrade,updateStyle:updateStyle,updateHyperlink:updateHyperlink,updateShapeContent:updateShapeContent,updateShape:updateShape,updateContent:updateContent,updateUmlActivityNode:updateUmlActivityNode,getUMLFinalNode:getUMLFinalNode,getUMLActivityShapes:getUMLActivityShapes,removeGradient:removeGradient,removeItem:removeItem,updateConnector:updateConnector,getUserHandlePosition:getUserHandlePosition,canResizeCorner:canResizeCorner,canShowCorner:canShowCorner,checkPortRestriction:checkPortRestriction,findAnnotation:findAnnotation,findPort:findPort,getInOutConnectPorts:getInOutConnectPorts,findObjectIndex:findObjectIndex,getObjectFromCollection:getObjectFromCollection,scaleElement:scaleElement,arrangeChild:arrangeChild,insertObject:insertObject,getElement:getElement$4,getPoint:getPoint$1,getObjectType:getObjectType,flipConnector:flipConnector,updatePortEdges:updatePortEdges,alignElement:alignElement,CanvasRenderer:CanvasRenderer$1,DiagramRenderer:DiagramRenderer,DataBinding:DataBinding,getBasicShape:getBasicShape,getPortShape:getPortShape,getDecoratorShape:getDecoratorShape,getIconShape:getIconShape,getFlowShape:getFlowShape,Hyperlink:Hyperlink,Annotation:Annotation$1,ShapeAnnotation:ShapeAnnotation,PathAnnotation:PathAnnotation,Port:Port,PointPort:PointPort,menuClass:menuClass,DiagramContextMenu:DiagramContextMenu,Shape:Shape,Path:Path,Native:Native,Html:Html,Image:Image$1,Text:Text,BasicShape:BasicShape,FlowShape:FlowShape,BpmnGateway:BpmnGateway,BpmnDataObject:BpmnDataObject,BpmnTask:BpmnTask,BpmnEvent:BpmnEvent,BpmnSubEvent:BpmnSubEvent,BpmnTransactionSubProcess:BpmnTransactionSubProcess,BpmnSubProcess:BpmnSubProcess,BpmnActivity:BpmnActivity,BpmnAnnotation:BpmnAnnotation,BpmnShape:BpmnShape,UmlActivityShape:UmlActivityShape,MethodArguments:MethodArguments,UmlClassAttribute:UmlClassAttribute,UmlClassMethod:UmlClassMethod,UmlClass:UmlClass,UmlInterface:UmlInterface,UmlEnumerationMember:UmlEnumerationMember,UmlEnumeration:UmlEnumeration,UmlClassifierShape:UmlClassifierShape,Node:Node$1,Header:Header$1,Lane:Lane,Phase:Phase,SwimLane:SwimLane,ChildContainer:ChildContainer,BpmnDiagrams:BpmnDiagrams,getBpmnShapePathData:getBpmnShapePathData,getBpmnTriggerShapePathData:getBpmnTriggerShapePathData,getBpmnGatewayShapePathData:getBpmnGatewayShapePathData,getBpmnTaskShapePathData:getBpmnTaskShapePathData,getBpmnLoopShapePathData:getBpmnLoopShapePathData,Decorator:Decorator,Vector:Vector,ConnectorShape:ConnectorShape,ActivityFlow:ActivityFlow,BpmnFlow:BpmnFlow,ConnectorSegment:ConnectorSegment,StraightSegment:StraightSegment,BezierSegment:BezierSegment,OrthogonalSegment:OrthogonalSegment,getDirection:getDirection,isEmptyVector:isEmptyVector,getBezierPoints:getBezierPoints,getBezierBounds:getBezierBounds,bezierPoints:bezierPoints,MultiplicityLabel:MultiplicityLabel,ClassifierMultiplicity:ClassifierMultiplicity,RelationShip:RelationShip,Connector:Connector$1,ConnectorBridging:ConnectorBridging,Snapping:Snapping,UndoRedo:UndoRedo,DiagramTooltip:DiagramTooltip,initTooltip:initTooltip,updateTooltip:updateTooltip,LayoutAnimation:LayoutAnimation,UserHandle:UserHandle,Selector:Selector,ToolBase:ToolBase,SelectTool:SelectTool,ConnectTool:ConnectTool,MoveTool:MoveTool,RotateTool:RotateTool,ResizeTool:ResizeTool,NodeDrawingTool:NodeDrawingTool,ConnectorDrawingTool:ConnectorDrawingTool,TextDrawingTool:TextDrawingTool,ZoomPanTool:ZoomPanTool,ExpandTool:ExpandTool,LabelTool:LabelTool,PolygonDrawingTool:PolygonDrawingTool,PolyLineDrawingTool:PolyLineDrawingTool,LabelDragTool:LabelDragTool,LabelResizeTool:LabelResizeTool,LabelRotateTool:LabelRotateTool,DiagramEventHandler:DiagramEventHandler,CommandHandler:CommandHandler,findToolToActivate:findToolToActivate,findPortToolToActivate:findPortToolToActivate,contains:contains,hasSelection:hasSelection,hasSingleConnection:hasSingleConnection,isSelected:isSelected,getCursor:getCursor,ConnectorEditing:ConnectorEditing,updateCanvasBounds:updateCanvasBounds,removeChildInContainer:removeChildInContainer,findBounds:findBounds,createHelper:createHelper,renderContainerHelper:renderContainerHelper,checkParentAsContainer:checkParentAsContainer,checkChildNodeInContainer:checkChildNodeInContainer,addChildToContainer:addChildToContainer,updateLaneBoundsAfterAddChild:updateLaneBoundsAfterAddChild,renderStackHighlighter:renderStackHighlighter,moveChildInStack:moveChildInStack,CrudAction:CrudAction,ConnectionDataSource:ConnectionDataSource,DataSource:DataSource,Gridlines:Gridlines,SnapSettings:SnapSettings,KeyGesture:KeyGesture,Command:Command,CommandManager:CommandManager,ContextMenuSettings:ContextMenuSettings,Layout:Layout,MindMap:MindMap,HierarchicalTree:HierarchicalTree,RadialTree:RadialTree,GraphForceNode:GraphForceNode,SymmetricLayout:SymmetricLayout,GraphLayoutManager:GraphLayoutManager,ComplexHierarchicalTree:ComplexHierarchicalTree,Palette:Palette,SymbolPreview:SymbolPreview,SymbolPalette:SymbolPalette,Ruler:Ruler,Overview:Overview}),Dictionary$1=function(){function e(){this.keysInternal=[],this.valuesInternal=[]}return Object.defineProperty(e.prototype,"length",{get:function(){return this.keysInternal.length},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"keys",{get:function(){return this.keysInternal},enumerable:!0,configurable:!0}),e.prototype.add=function(e,t){if(isNullOrUndefined(e))throw new ReferenceError("Provided key or value is not valid.");return this.keysInternal.indexOf(e)<0&&(this.keysInternal.push(e),this.valuesInternal.push(t)),1},e.prototype.get=function(e){if(isNullOrUndefined(e))throw new ReferenceError("Provided key is not valid.");var t=this.keysInternal.indexOf(e);if(t<0||t>this.keysInternal.length-1)throw new RangeError("No item with the specified key has been added.");return this.valuesInternal[t]},e.prototype.set=function(e,t){if(isNullOrUndefined(e))throw new ReferenceError("Provided key is not valid.");var i=this.keysInternal.indexOf(e);if(i<0||i>this.keysInternal.length-1)throw new RangeError("No item with the specified key has been added.");this.valuesInternal[i]=t},e.prototype.remove=function(e){if(isNullOrUndefined(e))throw new ReferenceError("Provided key is not valid.");var t=this.keysInternal.indexOf(e);if(t<0||t>this.keysInternal.length-1)throw new RangeError("No item with the specified key has been added.");return this.keysInternal.splice(t,1),this.valuesInternal.splice(t,1),!0},e.prototype.containsKey=function(e){if(isNullOrUndefined(e))throw new ReferenceError("Provided key is not valid.");var t=this.keysInternal.indexOf(e);return!(t<0||t>this.keysInternal.length-1)},e.prototype.clear=function(){this.keysInternal=[],this.valuesInternal=[]},e.prototype.destroy=function(){this.clear(),this.keysInternal=void 0,this.valuesInternal=void 0},e}(),WUniqueFormat=function(){function e(e){this.referenceCount=0,this.uniqueFormatType=e,this.propertiesHash=new Dictionary$1}return e.prototype.isEqual=function(e,t,i){var n=!1;switch(this.uniqueFormatType){case 1:n=this.isBorderEqual(e,t,i);break;case 2:n=this.isCharacterFormatEqual(e,t,i);break;case 3:n=this.isParagraphFormatEqual(e,t,i);break;case 4:n=this.isCellFormatEqual(e,t,i);break;case 5:n=this.isShadingEqual(e,t,i);break;case 6:n=this.isRowFormatEqual(e,t,i);break;case 7:n=this.isListFormatEqual(e,t,i);break;case 8:n=this.isTableFormatEqual(e,t,i);break;case 9:n=this.isListLevelEqual(e,t,i);break;case 10:n=this.isSectionFormatEqual(e,t,i)}return n},e.prototype.isNotEqual=function(t,i,n,r,o){var a=void 0,s=e.getPropertyType(o,t);this.propertiesHash.containsKey(s)&&(a=this.propertiesHash.get(s));var l=void 0;return t===n?l=r:i.containsKey(s)&&(l=i.get(s)),!(a===l||!isNullOrUndefined(a)&&!isNullOrUndefined(l)&&a===l)},e.getPropertyType=function(e,t){var i=0;switch(e){case 1:i=this.getBorderPropertyType(t);break;case 2:i=this.getCharacterFormatPropertyType(t);break;case 3:i=this.getParaFormatPropertyType(t);break;case 4:i=this.getCellFormatPropertyType(t);break;case 5:i=this.getShadingPropertyType(t);break;case 6:i=this.getRowFormatType(t);break;case 7:i=this.getListFormatType(t);break;case 8:i=this.getTableFormatType(t);break;case 9:i=this.getListLevelType(t);break;case 10:i=this.getSectionFormatType(t)}return i},e.getRowFormatType=function(e){return"allowBreakAcrossPages"===e?1:"isHeader"===e?2:"height"===e?3:"heightType"===e?4:"gridBefore"===e?5:"gridBeforeWidth"===e?6:"gridBeforeWidthType"===e?7:"gridAfter"===e?8:"gridAfterWidth"===e?9:"gridAfterWidthType"===e?10:0},e.getListFormatType=function(e){return"listId"===e?1:"listLevelNumber"===e?2:0},e.getTableFormatType=function(e){return"leftMargin"===e?1:"rightMargin"===e?2:"topMargin"===e?3:"bottomMargin"===e?4:"cellSpacing"===e?5:"leftIndent"===e?6:"tableAlignment"===e?7:"preferredWidth"===e?8:"preferredWidthType"===e?9:"bidi"===e?10:"allowAutoFit"===e?11:0},e.getListLevelType=function(e){return"listLevelPattern"===e?1:"startAt"===e?2:"followCharacter"===e?3:"numberFormat"===e?4:"restartLevel"===e?5:0},e.getShadingPropertyType=function(e){return"backgroundColor"===e?1:"foregroundColor"===e?2:"textureStyle"===e?3:0},e.getCellFormatPropertyType=function(e){return"leftMargin"===e?1:"rightMargin"===e?2:"topMargin"===e?3:"bottomMargin"===e?4:"columnSpan"===e?5:"rowSpan"===e?6:"verticalAlignment"===e?7:"preferredWidthType"===e?8:"preferredWidth"===e?9:"cellWidth"===e?10:0},e.getBorderPropertyType=function(e){return"color"===e?1:"lineStyle"===e?2:"lineWidth"===e?3:"shadow"===e?4:"space"===e?5:"hasNoneStyle"===e?6:0},e.getCharacterFormatPropertyType=function(e){return"fontColor"===e?1:"fontFamily"===e?2:"fontSize"===e?3:"bold"===e?4:"italic"===e?5:"underline"===e?6:"strikethrough"===e?7:"baselineAlignment"===e?8:"highlightColor"===e?9:"bidi"===e?10:"bdo"===e?11:"boldBidi"===e?12:"italicBidi"===e?13:"fontFamilyBidi"===e?14:"fontSizeBidi"===e?15:0},e.getParaFormatPropertyType=function(e){return"leftIndent"===e?1:"rightIndent"===e?2:"firstLineIndent"===e?3:"textAlignment"===e?4:"beforeSpacing"===e?5:"afterSpacing"===e?6:"lineSpacing"===e?7:"lineSpacingType"===e?8:"outlineLevel"===e?9:"bidi"===e?10:0},e.getSectionFormatType=function(e){return"headerDistance"===e?1:"footerDistance"===e?2:"differentFirstPage"===e?3:"differentOddAndEvenPages"===e?4:"pageWidth"===e?5:"pageHeight"===e?6:"leftMargin"===e?7:"topMargin"===e?8:"rightMargin"===e?9:"bottomMargin"===e?10:"bidi"===e?11:0},e.prototype.isBorderEqual=function(e,t,i){return!this.isNotEqual("color",e,t,i,1)&&(!this.isNotEqual("lineStyle",e,t,i,1)&&(!this.isNotEqual("lineWidth",e,t,i,1)&&(!this.isNotEqual("shadow",e,t,i,1)&&(!this.isNotEqual("space",e,t,i,1)&&!this.isNotEqual("hasNoneStyle",e,t,i,1)))))},e.prototype.isCharacterFormatEqual=function(e,t,i){return!this.isNotEqual("fontColor",e,t,i,2)&&(!this.isNotEqual("fontFamily",e,t,i,2)&&(!this.isNotEqual("fontSize",e,t,i,2)&&(!this.isNotEqual("bold",e,t,i,2)&&(!this.isNotEqual("italic",e,t,i,2)&&(!this.isNotEqual("underline",e,t,i,2)&&(!this.isNotEqual("strikethrough",e,t,i,2)&&(!this.isNotEqual("baselineAlignment",e,t,i,2)&&(!this.isNotEqual("highlightColor",e,t,i,2)&&(!this.isNotEqual("bidi",e,t,i,2)&&(!this.isNotEqual("bdo",e,t,i,2)&&(!this.isNotEqual("fontColor",e,t,i,2)&&(!this.isNotEqual("fontFamilyBidi",e,t,i,2)&&(!this.isNotEqual("fontSizeBidi",e,t,i,2)&&(!this.isNotEqual("boldBidi",e,t,i,2)&&!this.isNotEqual("italicBidi",e,t,i,2)))))))))))))))},e.prototype.isParagraphFormatEqual=function(e,t,i){return!this.isNotEqual("leftIndent",e,t,i,3)&&(!this.isNotEqual("rightIndent",e,t,i,3)&&(!this.isNotEqual("firstLineIndent",e,t,i,3)&&(!this.isNotEqual("textAlignment",e,t,i,3)&&(!this.isNotEqual("beforeSpacing",e,t,i,3)&&(!this.isNotEqual("afterSpacing",e,t,i,3)&&(!this.isNotEqual("lineSpacing",e,t,i,3)&&(!this.isNotEqual("lineSpacingType",e,t,i,3)&&(!this.isNotEqual("outlineLevel",e,t,i,3)&&!this.isNotEqual("bidi",e,t,i,3)))))))))},e.prototype.isCellFormatEqual=function(e,t,i){return!this.isNotEqual("leftMargin",e,t,i,4)&&(!this.isNotEqual("rightMargin",e,t,i,4)&&(!this.isNotEqual("topMargin",e,t,i,4)&&(!this.isNotEqual("bottomMargin",e,t,i,4)&&(!this.isNotEqual("columnSpan",e,t,i,4)&&(!this.isNotEqual("rowSpan",e,t,i,4)&&(!this.isNotEqual("verticalAlignment",e,t,i,4)&&(!this.isNotEqual("preferredWidthType",e,t,i,4)&&(!this.isNotEqual("preferredWidth",e,t,i,4)&&!this.isNotEqual("cellWidth",e,t,i,4)))))))))},e.prototype.isShadingEqual=function(e,t,i){return!this.isNotEqual("backgroundColor",e,t,i,5)&&(!this.isNotEqual("foregroundColor",e,t,i,5)&&!this.isNotEqual("textureStyle",e,t,i,5))},e.prototype.isRowFormatEqual=function(e,t,i){return!this.isNotEqual("allowBreakAcrossPages",e,t,i,6)&&(!this.isNotEqual("isHeader",e,t,i,6)&&(!this.isNotEqual("height",e,t,i,6)&&(!this.isNotEqual("heightType",e,t,i,6)&&(!this.isNotEqual("gridBefore",e,t,i,6)&&(!this.isNotEqual("gridBeforeWidth",e,t,i,6)&&(!this.isNotEqual("gridBeforeWidthType",e,t,i,6)&&(!this.isNotEqual("gridAfter",e,t,i,6)&&(!this.isNotEqual("gridAfterWidth",e,t,i,6)&&!this.isNotEqual("gridAfterWidthType",e,t,i,6)))))))))},e.prototype.isListFormatEqual=function(e,t,i){return!this.isNotEqual("listId",e,t,i,7)&&!this.isNotEqual("listLevelNumber",e,t,i,7)},e.prototype.isTableFormatEqual=function(e,t,i){return!this.isNotEqual("leftMargin",e,t,i,8)&&(!this.isNotEqual("rightMargin",e,t,i,8)&&(!this.isNotEqual("topMargin",e,t,i,8)&&(!this.isNotEqual("bottomMargin",e,t,i,8)&&(!this.isNotEqual("cellSpacing",e,t,i,8)&&(!this.isNotEqual("leftIndent",e,t,i,8)&&(!this.isNotEqual("tableAlignment",e,t,i,8)&&(!this.isNotEqual("preferredWidth",e,t,i,8)&&(!this.isNotEqual("preferredWidthType",e,t,i,8)&&(!this.isNotEqual("bidi",e,t,i,8)&&!this.isNotEqual("allowAutoFit",e,t,i,8))))))))))},e.prototype.isListLevelEqual=function(e,t,i){return!this.isNotEqual("listLevelPattern",e,t,i,9)&&(!this.isNotEqual("startAt",e,t,i,9)&&(!this.isNotEqual("followCharacter",e,t,i,9)&&(!this.isNotEqual("numberFormat",e,t,i,9)&&!this.isNotEqual("restartLevel",e,t,i,9))))},e.prototype.isSectionFormatEqual=function(e,t,i){return!this.isNotEqual("headerDistance",e,t,i,10)&&(!this.isNotEqual("footerDistance",e,t,i,10)&&(!this.isNotEqual("differentFirstPage",e,t,i,10)&&(!this.isNotEqual("differentOddAndEvenPages",e,t,i,10)&&(!this.isNotEqual("pageWidth",e,t,i,10)&&(!this.isNotEqual("pageHeight",e,t,i,10)&&(!this.isNotEqual("leftMargin",e,t,i,10)&&(!this.isNotEqual("topMargin",e,t,i,10)&&(!this.isNotEqual("rightMargin",e,t,i,10)&&(!this.isNotEqual("bottomMargin",e,t,i,10)&&!this.isNotEqual("bidi",e,t,i,10))))))))))},e.prototype.cloneItems=function(t,i,n,r){for(var o=e.getPropertyType(r,i),a=t.propertiesHash.keys,s=0;s=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,i,a):r(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a},DocumentEditor=function(e){function t(t,i){var n=e.call(this,t,i)||this;return n.enableHeaderFooterIn=!1,n.isShiftingEnabled=!1,n.isLayoutEnabled=!0,n.isPastingContent=!1,n.parser=void 0,n.disableHistoryIn=!1,n.findResultsList=void 0,n.documentName="",n.tablePropertiesDialogModule=void 0,n.bordersAndShadingDialogModule=void 0,n.cellOptionsDialogModule=void 0,n.tableOptionsDialogModule=void 0,n.paragraphDialogModule=void 0,n.imageResizerModule=void 0,n.useCtrlClickToFollowHyperlink=!0,n.pageOutline="#000000",n.enableCursorOnReadOnly=!1,n.enableLocalPaste=!1,n.defaultLocale={Table:"Table",Row:"Row",Cell:"Cell",Ok:"Ok",Cancel:"Cancel",Size:"Size","Preferred Width":"Preferred width",Points:"Points",Percent:"Percent","Measure in":"Measure in",Alignment:"Alignment",Left:"Left",Center:"Center",Right:"Right",Justify:"Justify","Indent from left":"Indent from left","Borders and Shading":"Borders and Shading",Options:"Options","Specify height":"Specify height","At least":"At least",Exactly:"Exactly","Row height is":"Row height is","Allow row to break across pages":"Allow row to break across pages","Repeat as header row at the top of each page":"Repeat as header row at the top of each page","Vertical alignment":"Vertical alignment",Top:"Top",Bottom:"Bottom","Default cell margins":"Default cell margins","Default cell spacing":"Default cell spacing","Allow spacing between cells":"Allow spacing between cells","Cell margins":"Cell margins","Same as the whole table":"Same as the whole table",Borders:"Borders",None:"None",Style:"Style",Width:"Width",Height:"Height",Letter:"Letter",Tabloid:"Tabloid",Legal:"Legal",Statement:"Statement",Executive:"Executive",A3:"A3",A4:"A4",A5:"A5",B4:"B4",B5:"B5","Custom Size":"Custom size","Different odd and even":"Different odd and even","Different first page":"Different first page","From edge":"From edge",Header:"Header",Footer:"Footer",Margin:"Margins",Paper:"Paper",Layout:"Layout",Orientation:"Orientation",Landscape:"Landscape",Portrait:"Portrait","Table Of Contents":"Table Of Contents","Show page numbers":"Show page numbers","Right align page numbers":"Right align page numbers",Nothing:"Nothing","Tab leader":"Tab leader","Show levels":"Show levels","Use hyperlinks instead of page numbers":"Use hyperlinks instead of page numbers","Build table of contents from":"Build table of contents from",Styles:"Styles","Available styles":"Available styles","TOC level":"TOC level",Heading:"Heading","Heading 1":"Heading 1","Heading 2":"Heading 2","Heading 3":"Heading 3","Heading 4":"Heading 4","Heading 5":"Heading 5","Heading 6":"Heading 6","List Paragraph":"List Paragraph",Normal:"Normal","Outline levels":"Outline levels","Table entry fields":"Table entry fields",Modify:"Modify",Color:"Color",Setting:"Setting",Box:"Box",All:"All",Custom:"Custom",Preview:"Preview",Shading:"Shading",Fill:"Fill","Apply To":"Apply to","Table Properties":"Table Properties","Cell Options":"Cell Options","Table Options":"Table Options","Insert Table":"Insert Table","Number of columns":"Number of columns","Number of rows":"Number of rows","Text to display":"Text to display",Address:"Address","Insert Hyperlink":"Insert Hyperlink","Edit Hyperlink":"Edit Hyperlink",Insert:"Insert",General:"General",Indentation:"Indentation","Before text":"Before text",Special:"Special","First line":"First line",Hanging:"Hanging","After text":"After text",By:"By",Before:"Before","Line Spacing":"Line spacing",After:"After",At:"At",Multiple:"Multiple",Spacing:"Spacing","Define new Multilevel list":"Define new Multilevel list","List level":"List level","Choose level to modify":"Choose level to modify",Level:"Level","Number format":"Number format","Number style for this level":"Number style for this level","Enter formatting for number":"Enter formatting for number","Start at":"Start at","Restart list after":"Restart list after",Position:"Position","Text indent at":"Text indent at","Aligned at":"Aligned at","Follow number with":"Follow number with","Tab character":"Tab character",Space:"Space",Arabic:"Arabic",UpRoman:"UpRoman",LowRoman:"LowRoman",UpLetter:"UpLetter",LowLetter:"LowLetter",Number:"Number","Leading zero":"Leading zero",Bullet:"Bullet",Ordinal:"Ordinal","Ordinal Text":"Ordinal Text","For East":"For East","No Restart":"No Restart",Font:"Font","Font style":"Font style","Underline style":"Underline style","Font color":"Font color",Effects:"Effects",Strikethrough:"Strikethrough",Superscript:"Superscript",Subscript:"Subscript","Double strikethrough":"Double strikethrough",Regular:"Regular",Bold:"Bold",Italic:"Italic",Cut:"Cut",Copy:"Copy",Paste:"Paste",Hyperlink:"Hyperlink","Open Hyperlink":"Open Hyperlink","Copy Hyperlink":"Copy Hyperlink","Remove Hyperlink":"Remove Hyperlink",Paragraph:"Paragraph","Linked(Paragraph and Character)":"Linked(Paragraph and Character)",Character:"Character","Merge Cells":"Merge Cells","Insert Above":"Insert Above","Insert Below":"Insert Below","Insert Left":"Insert Left","Insert Right":"Insert Right",Delete:"Delete","Delete Table":"Delete Table","Delete Row":"Delete Row","Delete Column":"Delete Column","File Name":"File Name","Format Type":"Format Type",Save:"Save",Navigation:"Navigation",Results:"Results",Replace:"Replace","Replace All":"Replace All","We replaced all":"We replaced all",Find:"Find","No matches":"No matches","All Done":"All Done",Result:"Result",of:"of",instances:"instances",with:"with","Click to follow link":"Click to follow link","Continue Numbering":"Continue Numbering","Bookmark name":"Bookmark name",Close:"Close","Restart At":"Restart At",Properties:"Properties",Name:"Name","Style type":"Style type","Style based on":"Style based on","Style for following paragraph":"Style for following paragraph",Formatting:"Formatting","Numbering and Bullets":"Numbering and Bullets",Numbering:"Numbering","Update Field":"Update Field","Edit Field":"Edit Field",Bookmark:"Bookmark","Page Setup":"Page Setup","No bookmarks found":"No bookmarks found","Number format tooltip information":'Single-level number format:
[PREFIX]%[LEVELNUMBER][SUFFIX]
For example, "Chapter %1." will display numbering like
Chapter 1. Item
Chapter 2. Item
…
Chapter N. Item

Multilevel number format:
[PREFIX]%[LEVELNUMBER][SUFFIX]+[PREFIX]%[LEVELNUMBER][SUFFIX]
For example, "%1.%2." will display numbering like
1.1. Item
1.2. Item
…
1.N. Item',Format:"Format","Create New Style":"Create New Style","Modify Style":"Modify Style",New:"New",Bullets:"Bullets","Use bookmarks":"Use bookmarks","Table of Contents":"Table of Contents",AutoFit:"AutoFit","AutoFit to Contents":"AutoFit to Contents","AutoFit to Window":"AutoFit to Window","Fixed Column Width":"Fixed Column Width",Reset:"Reset","Match case":"Match case","Whole words":"Whole words",Add:"Add","Go To":"Go To","Search for":"Search for","Replace with":"Replace with","TOC 1":"TOC 1","TOC 2":"TOC 2","TOC 3":"TOC 3","TOC 4":"TOC 4","TOC 5":"TOC 5","TOC 6":"TOC 6","TOC 7":"TOC 7","TOC 8":"TOC 8","TOC 9":"TOC 9","Right-to-left":"Right-to-left","Left-to-right":"Left-to-right",Direction:"Direction","Table direction":"Table direction","Indent from right":"Indent from right"},n.viewer=new PageLayoutViewer(n),n.parser=new SfdtReader(n.viewer),n}__extends$200(t,e),i=t,Object.defineProperty(t.prototype,"enableHeaderAndFooter",{get:function(){return this.enableHeaderFooterIn},set:function(e){this.enableHeaderFooterIn=e,this.viewer.updateScrollBars()},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"pageCount",{get:function(){return!this.isDocumentLoaded||isNullOrUndefined(this.viewer)?1:this.viewer.pages.length},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"selection",{get:function(){return this.selectionModule},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"editor",{get:function(){return this.editorModule},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"editorHistory",{get:function(){return this.editorHistoryModule},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"search",{get:function(){return this.searchModule},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"contextMenu",{get:function(){return this.contextMenuModule},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"containerId",{get:function(){return this.element.id},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"isDocumentLoaded",{get:function(){return this.isDocumentLoadedIn},set:function(e){this.isDocumentLoadedIn=e},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"enableHistoryMode",{get:function(){return this.enableEditorHistory&&!isNullOrUndefined(this.editorHistoryModule)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"documentStart",{get:function(){if(!isNullOrUndefined(this.selectionModule))return this.selection.getDocumentStart()},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"documentEnd",{get:function(){if(!isNullOrUndefined(this.selectionModule))return this.selection.getDocumentEnd()},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"isReadOnlyMode",{get:function(){return this.isReadOnly||isNullOrUndefined(this.editorModule)||isNullOrUndefined(this.selectionModule)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"enableImageResizerMode",{get:function(){return this.enableImageResizer&&!isNullOrUndefined(this.imageResizerModule)},enumerable:!0,configurable:!0}),t.prototype.preRender=function(){this.findResultsList=[]},t.prototype.render=function(){if(this.viewer.initializeComponents(),this.openBlank(),!isNullOrUndefined(this.element)){var e=this.element;e.style.minHeight="200px",e.style.minWidth="200px"}},t.prototype.getModuleName=function(){return"DocumentEditor"},t.prototype.onPropertyChanged=function(e,t){for(var i=0,n=Object.keys(e);i0&&this.viewer.visiblePages.length>0){var e=this.viewer.visiblePages,t={startPage:e[0].index+1,endPage:e[e.length-1].index+1,source:this};this.trigger("viewChange",t)}},t.prototype.fireCustomContextMenuSelect=function(e){var t={id:e};this.trigger("customContextMenuSelect",t)},t.prototype.fireCustomContextMenuBeforeOpen=function(e){var t={ids:e};this.trigger("customContextMenuBeforeOpen",t)},t.prototype.showParagraphDialog=function(e){this.paragraphDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.paragraphDialogModule.show(e)},t.prototype.showPageSetupDialog=function(){this.pageSetupDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.pageSetupDialogModule.show()},t.prototype.showFontDialog=function(e){this.fontDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.fontDialogModule.showFontDialog(e)},t.prototype.showCellOptionsDialog=function(){this.cellOptionsDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.cellOptionsDialogModule.show()},t.prototype.showTableOptionsDialog=function(){this.tableOptionsDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.tableOptionsDialogModule.show()},t.prototype.showTableDialog=function(){this.tableDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.tableDialogModule.show()},t.prototype.showTableOfContentsDialog=function(){this.tableOfContentsDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.tableOfContentsDialogModule.show()},t.prototype.showStyleDialog=function(){this.styleDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.styleDialogModule.show()},t.prototype.showHyperlinkDialog=function(){this.hyperlinkDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.hyperlinkDialogModule.show()},t.prototype.showBookmarkDialog=function(){this.bookmarkDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.bookmarkDialogModule.show()},t.prototype.showStylesDialog=function(){this.stylesDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.stylesDialogModule.show()},t.prototype.showListDialog=function(){this.listDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.listDialogModule.showListDialog()},t.prototype.showTablePropertiesDialog=function(){this.tablePropertiesDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.tablePropertiesDialogModule.show()},t.prototype.showBordersAndShadingDialog=function(){this.bordersAndShadingDialogModule&&!this.isReadOnlyMode&&this.viewer&&this.bordersAndShadingDialogModule.show()},t.prototype.requiredModules=function(){var e=[];return this.enablePrint&&e.push({member:"Print",args:[]}),(this.enableSfdtExport||this.enableWordExport||this.enableTextExport||this.enableSelection||this.enableEditor)&&e.push({member:"SfdtExport",args:[this.viewer]}),this.enableWordExport&&e.push({member:"WordExport",args:[]}),this.enableTextExport&&e.push({member:"TextExport",args:[]}),(this.enableSelection||this.enableSearch||this.enableEditor)&&(e.push({member:"Selection",args:[this]}),this.enableContextMenu&&e.push({member:"ContextMenu",args:[this.viewer]})),this.enableSearch&&(e.push({member:"Search",args:[this]}),this.enableOptionsPane&&e.push({member:"OptionsPane",args:[this.viewer]})),this.enableEditor&&(e.push({member:"Editor",args:[this.viewer]}),this.enableImageResizer&&e.push({member:"ImageResizer",args:[this,this.viewer]}),this.enableEditorHistory&&e.push({member:"EditorHistory",args:[this]}),this.enableHyperlinkDialog&&e.push({member:"HyperlinkDialog",args:[this.viewer]}),this.enableTableDialog&&e.push({member:"TableDialog",args:[this.viewer]}),this.enableBookmarkDialog&&e.push({member:"BookmarkDialog",args:[this.viewer]}),this.enableTableOfContentsDialog&&e.push({member:"TableOfContentsDialog",args:[this.viewer]}),this.enablePageSetupDialog&&e.push({member:"PageSetupDialog",args:[this.viewer]}),this.enableStyleDialog&&(e.push({member:"StylesDialog",args:[this.viewer]}),e.push({member:"StyleDialog",args:[this.viewer]}),e.push({member:"BulletsAndNumberingDialog",args:[this.viewer]})),this.enableListDialog&&e.push({member:"ListDialog",args:[this.viewer]}),this.enableParagraphDialog&&e.push({member:"ParagraphDialog",args:[this.viewer]}),this.enableFontDialog&&e.push({member:"FontDialog",args:[this.viewer]}),this.enableTablePropertiesDialog&&(e.push({member:"TablePropertiesDialog",args:[this.viewer]}),e.push({member:"CellOptionsDialog",args:[this.viewer]})),this.enableBordersAndShadingDialog&&e.push({member:"BordersAndShadingDialog",args:[this.viewer]}),this.enableTableOptionsDialog&&e.push({member:"TableOptionsDialog",args:[this.viewer]})),e},t.prototype.open=function(e){isNullOrUndefined(this.viewer)||(this.clearPreservedCollectionsInViewer(),this.viewer.lists=[],this.viewer.abstractLists=[],this.viewer.styles=new WStyles,!isNullOrUndefined(e)&&this.viewer&&(this.viewer.onDocumentChanged(this.parser.convertJsonToDocument(e)),this.editorModule&&this.editorModule.intializeDefaultStyles()))},t.prototype.scrollToPage=function(e){return!(isNullOrUndefined(this.viewer)||e<1||e>this.viewer.pages.length)&&(this.viewer.scrollToPage(e-1),!0)},t.prototype.enableAllModules=function(){this.enablePrint=this.enableSfdtExport=this.enableWordExport=this.enableTextExport=this.enableSelection=this.enableContextMenu=this.enableSearch=this.enableOptionsPane=this.enableEditor=this.enableImageResizer=this.enableEditorHistory=this.enableHyperlinkDialog=this.enableTableDialog=this.enableBookmarkDialog=this.enableTableOfContentsDialog=this.enablePageSetupDialog=this.enableStyleDialog=this.enableListDialog=this.enableParagraphDialog=this.enableFontDialog=this.enableTablePropertiesDialog=this.enableBordersAndShadingDialog=this.enableTableOptionsDialog=!0,i.Inject(Print,SfdtExport,WordExport,TextExport,Selection$1,Search,Editor,ImageResizer,EditorHistory,ContextMenu$1,OptionsPane,HyperlinkDialog,TableDialog,BookmarkDialog,TableOfContentsDialog,PageSetupDialog,StyleDialog,ListDialog,ParagraphDialog,BulletsAndNumberingDialog,FontDialog,TablePropertiesDialog,BordersAndShadingDialog,TableOptionsDialog,CellOptionsDialog,StylesDialog)},t.prototype.resize=function(e,t){this.element&&(!isNullOrUndefined(e)&&e>200&&(this.element.style.width=e+"px"),!isNullOrUndefined(t)&&t>200&&(this.element.style.height=t+"px"),this.viewer&&this.viewer.updateViewerSize())},t.prototype.focusIn=function(){this.viewer&&this.viewer.updateFocus()},t.prototype.fitPage=function(e){isNullOrUndefined(e)&&(e="None"),this.viewer&&(this.viewer.pageFitType=e)},t.prototype.print=function(e){if(isNullOrUndefined(this.viewer))throw new Error("Invalid operation.");if(!this.printModule)throw new Error("Invalid operation. Print is not enabled.");this.printModule.print(this.viewer,e)},t.prototype.serialize=function(){if(!(this.enableSfdtExport&&this.sfdtExportModule instanceof SfdtExport))throw new Error("Invalid operation. Sfdt export is not enabled.");return this.sfdtExportModule.serialize()},t.prototype.save=function(e,t){if(e=e||"Untitled",isNullOrUndefined(this.viewer))throw new Error("Invalid operation.");if("Docx"===t&&this.wordExportModule)this.wordExportModule&&this.wordExportModule.save(this.viewer,e);else if("Txt"===t&&this.textExportModule)this.textExportModule.save(this.viewer,e);else{if("Sfdt"!==t||!this.enableSfdtExport||!this.sfdtExportModule)throw new Error("Invalid operation. Specified export is not enabled.");var i=this.serialize(),n=new Blob([i],{type:"application/json"});Save.save(e+".sfdt",n)}},t.prototype.saveAsBlob=function(e){var t=this;if(isNullOrUndefined(this.viewer))throw new Error("Invalid operation");return new Promise(function(i,n){"Docx"===e&&t.wordExportModule?i(t.wordExportModule.saveAsBlob(t.viewer)):"Txt"===e&&t.textExportModule?i(t.textExportModule.saveAsBlob(t.viewer)):"Sfdt"===e&&t.enableSfdtExport&&t.sfdtExportModule&&i(t.sfdtExportModule.saveAsBlob(t.viewer))})},t.prototype.openBlank=function(){var e=new BodyWidget;e.index=0,e.sectionFormat=new WSectionFormat(e);var t=new ParagraphWidget;t.index=0,t.paragraphFormat=new WParagraphFormat(t),t.characterFormat=new WCharacterFormat(t),e.childWidgets.push(t),t.containerWidget=e;var i=[];i.push(e);var n=this.parser.parseHeaderFooter({header:{},footer:{},evenHeader:{},evenFooter:{},firstPageHeader:{},firstPageFooter:{}},void 0);if(this.viewer&&(this.clearPreservedCollectionsInViewer(),this.viewer.setDefaultDocumentFormat(),this.viewer.headersFooters.push(n),this.viewer.onDocumentChanged(i),this.editorModule)){this.editorModule.intializeDefaultStyles();var r=this.viewer.styles.findByName("Normal");t.paragraphFormat.baseStyle=r,t.paragraphFormat.listFormat.baseStyle=r}},t.prototype.getStyleNames=function(e){return this.viewer?this.viewer.styles.getStyleNames(e):[]},t.prototype.getStyles=function(e){return this.viewer?this.viewer.styles.getStyles(e):[]},t.prototype.showDialog=function(e){switch(e){case"Hyperlink":this.showHyperlinkDialog();break;case"Table":this.showTableDialog();break;case"Bookmark":this.showBookmarkDialog();break;case"TableOfContents":this.showTableOfContentsDialog();break;case"PageSetup":this.showPageSetupDialog();break;case"List":this.showListDialog();break;case"Styles":this.showStylesDialog();break;case"Style":this.showStyleDialog();break;case"Paragraph":this.showParagraphDialog();break;case"Font":this.showFontDialog();break;case"TableProperties":this.showTablePropertiesDialog();break;case"BordersAndShading":this.showBordersAndShadingDialog();break;case"TableOptions":this.showTableOptionsDialog()}},t.prototype.showOptionsPane=function(){isNullOrUndefined(this.optionsPaneModule)||isNullOrUndefined(this.viewer)||this.optionsPaneModule.showHideOptionsPane(!0)},t.prototype.destroy=function(){e.prototype.destroy.call(this),this.destroyDependentModules(),isNullOrUndefined(this.viewer)||this.viewer.destroy(),this.viewer=void 0,isNullOrUndefined(this.element)||(this.element.classList.remove("e-documenteditor"),this.element.innerHTML=""),this.element=void 0,this.findResultsList=[],this.findResultsList=void 0},t.prototype.destroyDependentModules=function(){this.printModule&&(this.printModule.destroy(),this.printModule=void 0),this.sfdtExportModule&&(this.sfdtExportModule.destroy(),this.sfdtExportModule=void 0),this.optionsPaneModule&&(this.optionsPaneModule.destroy(),this.optionsPaneModule=void 0),isNullOrUndefined(this.hyperlinkDialogModule)||(this.hyperlinkDialogModule.destroy(),this.hyperlinkDialogModule=void 0),this.searchModule&&(this.searchModule.destroy(),this.searchModule=void 0),this.contextMenuModule&&(this.contextMenuModule.destroy(),this.contextMenuModule=void 0),this.editorModule&&(this.editorModule.destroy(),this.editorModule=void 0),this.selectionModule&&(this.selectionModule.destroy(),this.selectionModule=void 0),this.editorHistoryModule&&(this.editorHistoryModule.destroy(),this.editorHistoryModule=void 0),isNullOrUndefined(this.paragraphDialogModule)||(this.paragraphDialogModule.destroy(),this.paragraphDialogModule=void 0),this.pageSetupDialogModule&&(this.pageSetupDialogModule.destroy(),this.pageSetupDialogModule=void 0),this.fontDialogModule&&(this.fontDialogModule.destroy(),this.fontDialogModule=void 0),this.listDialogModule&&(this.listDialogModule.destroy(),this.listDialogModule=void 0),this.imageResizerModule&&(this.imageResizerModule.destroy(),this.imageResizerModule=void 0),this.tablePropertiesDialogModule&&(this.tablePropertiesDialogModule.destroy(),this.tablePropertiesDialogModule=void 0),this.bordersAndShadingDialogModule&&(this.bordersAndShadingDialogModule.destroy(),this.bordersAndShadingDialogModule=void 0),this.cellOptionsDialogModule&&(this.cellOptionsDialogModule.destroy(),this.cellOptionsDialogModule=void 0),this.tableOptionsDialogModule&&(this.tableOptionsDialogModule.destroy(),this.tableOptionsDialogModule=void 0),this.tableDialogModule&&(this.tableDialogModule.destroy(),this.tableDialogModule=void 0),this.styleDialogModule&&(this.styleDialogModule=void 0),this.bookmarkDialogModule&&(this.bookmarkDialogModule.destroy(),this.bookmarkDialogModule=void 0),this.styleDialogModule&&(this.styleDialogModule.destroy(),this.styleDialogModule=void 0),this.textExportModule&&(this.textExportModule.destroy(),this.textExportModule=void 0),this.wordExportModule&&(this.wordExportModule.destroy(),this.wordExportModule=void 0),this.tableOfContentsDialogModule&&(this.tableOfContentsDialogModule.destroy(),this.tableOfContentsDialogModule=void 0)};var i;return __decorate$90([Property(1)],t.prototype,"zoomFactor",void 0),__decorate$90([Property(!0)],t.prototype,"isReadOnly",void 0),__decorate$90([Property(!1)],t.prototype,"enablePrint",void 0),__decorate$90([Property(!1)],t.prototype,"enableSelection",void 0),__decorate$90([Property(!1)],t.prototype,"enableEditor",void 0),__decorate$90([Property(!1)],t.prototype,"enableEditorHistory",void 0),__decorate$90([Property(!1)],t.prototype,"enableSfdtExport",void 0),__decorate$90([Property(!1)],t.prototype,"enableWordExport",void 0),__decorate$90([Property(!1)],t.prototype,"enableTextExport",void 0),__decorate$90([Property(!1)],t.prototype,"enableOptionsPane",void 0),__decorate$90([Property(!1)],t.prototype,"enableContextMenu",void 0),__decorate$90([Property(!1)],t.prototype,"enableHyperlinkDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableBookmarkDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableTableOfContentsDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableSearch",void 0),__decorate$90([Property(!1)],t.prototype,"enableParagraphDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableListDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableTablePropertiesDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableBordersAndShadingDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enablePageSetupDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableStyleDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableFontDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableTableOptionsDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableTableDialog",void 0),__decorate$90([Property(!1)],t.prototype,"enableImageResizer",void 0),__decorate$90([Event()],t.prototype,"documentChange",void 0),__decorate$90([Event()],t.prototype,"viewChange",void 0),__decorate$90([Event()],t.prototype,"zoomFactorChange",void 0),__decorate$90([Event()],t.prototype,"selectionChange",void 0),__decorate$90([Event()],t.prototype,"requestNavigate",void 0),__decorate$90([Event()],t.prototype,"contentChange",void 0),__decorate$90([Event()],t.prototype,"keyDown",void 0),__decorate$90([Event()],t.prototype,"searchResultsChange",void 0),__decorate$90([Event()],t.prototype,"created",void 0),__decorate$90([Event()],t.prototype,"destroyed",void 0),__decorate$90([Event()],t.prototype,"customContextMenuSelect",void 0),__decorate$90([Event()],t.prototype,"customContextMenuBeforeOpen",void 0),t=i=__decorate$90([NotifyPropertyChanges],t)}(Component),Print=function(){function e(){}return e.prototype.getModuleName=function(){return"Print"},e.prototype.print=function(e,t){this.printWindow(e,navigator.userAgent,t)},e.prototype.printWindow=function(e,t,i){var n=this.getPageHeight(e.pages),r=this.getPageWidth(e.pages),o=document.createElement("div");o.style.width="100%",o.style.height="100%",o.style.overflow="scroll",this.generatePrintContent(e,o),isNullOrUndefined(i)&&(i=window.open("","print","height=452,width=1024,tabbar=no")),-1!==t.indexOf("Chrome")||-1!==t.indexOf("Firefox")?(i.document.write(""),i.document.write("
")):i.document.write("
"),i.document.write(o.innerHTML+"