From 3061eef783e5eb6a7ba0ef25004bd11bcdf6c4c9 Mon Sep 17 00:00:00 2001 From: marcos Date: Mon, 17 May 2021 13:05:31 +0200 Subject: [PATCH] cambio de fuentes css --- .../include/graphs/flot/pandora.flot.js | 1 - pandora_console/include/graphs/pandora.d3.js | 13 - pandora_console/include/javascript/ace/ace.js | 3 - .../include/javascript/calendar.js | 2948 ++++++++--------- .../functions_pandora_networkmap.js | 6 +- pandora_console/include/javascript/pandora.js | 5 - .../visual-console-client/vc.main.min.js | 2 +- 7 files changed, 1471 insertions(+), 1507 deletions(-) diff --git a/pandora_console/include/graphs/flot/pandora.flot.js b/pandora_console/include/graphs/flot/pandora.flot.js index ba93380bc1..17e7b96e44 100644 --- a/pandora_console/include/graphs/flot/pandora.flot.js +++ b/pandora_console/include/graphs/flot/pandora.flot.js @@ -578,7 +578,6 @@ function showTooltip(x, y, color, contents) { "border-radius": "5px", "background-color": "#fff", color: "#111", - "font-family": "Verdana, Arial, Helvetica, Tahoma, sans-serif", opacity: 0.9 }) .appendTo("body") diff --git a/pandora_console/include/graphs/pandora.d3.js b/pandora_console/include/graphs/pandora.d3.js index 4f5ce6735f..6c4185a215 100644 --- a/pandora_console/include/graphs/pandora.d3.js +++ b/pandora_console/include/graphs/pandora.d3.js @@ -1651,7 +1651,6 @@ function print_phases_donut(recipient, phases, width, height) { .text(function(d) { return d.data.label; }) - .style("font-family", "Verdana") .style("font-size", "15px") .append("tspan") .attr("dy", "1.2em") @@ -1659,7 +1658,6 @@ function print_phases_donut(recipient, phases, width, height) { .text(function(d) { return d.data.label2 + "ms"; }) - .style("font-family", "Verdana") .style("font-size", "15px"); function midAngle(d) { @@ -1816,7 +1814,6 @@ function progress_bar_d3( .append("text") .attr("transform", "translate(" + width / 2 + ", " + height / 2 + ")") .attr("fill", label_color) - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", 20) .html(label) @@ -1827,7 +1824,6 @@ function progress_bar_d3( .append("text") .attr("transform", "translate(" + width / 2 + ", " + height / 2 + ")") .attr("fill", "#FFFFFF") - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", 14) .attr("text-anchor", "middle") @@ -1938,7 +1934,6 @@ function progress_bubble_d3( .append("text") .attr("transform", "translate(" + width / 2 + ", " + height / 2 + ")") .attr("fill", label_color) - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", textSize) .html(label) @@ -1949,7 +1944,6 @@ function progress_bubble_d3( .append("text") .attr("transform", "translate(" + width / 2 + ", " + height / 2 + ")") .attr("fill", label_color) - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", numberSize) .attr("text-anchor", "middle") @@ -2080,7 +2074,6 @@ function print_circular_progress_bar( var labelText = circle .append("text") .attr("fill", label_color) - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", textSize) .html(label) @@ -2090,7 +2083,6 @@ function print_circular_progress_bar( var numberText = circle .append("text") .attr("fill", label_color) - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", numberSize) .attr("text-anchor", "middle") @@ -2099,7 +2091,6 @@ function print_circular_progress_bar( var percentText = circle .append("text") .attr("fill", label_color) - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", unitSize) .text(unit) @@ -2249,7 +2240,6 @@ function print_interior_circular_progress_bar( var labelText = circle .append("text") .attr("fill", label_color) - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", textSize) .html(label) @@ -2259,7 +2249,6 @@ function print_interior_circular_progress_bar( var numberText = circle .append("text") .attr("fill", label_color) - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", numberSize) .attr("text-anchor", "middle") @@ -2268,7 +2257,6 @@ function print_interior_circular_progress_bar( var percentText = circle .append("text") .attr("fill", label_color) - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", unitSize) .text(unit) @@ -2355,7 +2343,6 @@ function print_donut_graph( .attr("x", 15) .attr("y", 10) .text(m_d.tag_name) - .style("font-family", "smallfontFont") .style("font-size", "7pt"); }); diff --git a/pandora_console/include/javascript/ace/ace.js b/pandora_console/include/javascript/ace/ace.js index fd2353db05..5d5f87a6ad 100644 --- a/pandora_console/include/javascript/ace/ace.js +++ b/pandora_console/include/javascript/ace/ace.js @@ -20906,9 +20906,6 @@ ace.define( text-align: left;\ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\ }\ - .ace_editor div {\ - font-family: monospace !important;\ - }\ .ace_scroller {\ position: absolute;\ overflow: hidden;\ diff --git a/pandora_console/include/javascript/calendar.js b/pandora_console/include/javascript/calendar.js index 5528c44167..5a8c753299 100644 --- a/pandora_console/include/javascript/calendar.js +++ b/pandora_console/include/javascript/calendar.js @@ -148,7 +148,7 @@ // This date is used throughout to determine today's date. - var scwDateNow = new Date(Date.parse(new Date().toDateString())); +var scwDateNow = new Date(Date.parse(new Date().toDateString())); //****************************************************************************** //------------------------------------------------------------------------------ @@ -156,418 +156,415 @@ //------------------------------------------------------------------------------ //****************************************************************************** - // Set the bounds for the calendar here... - // If you want the year to roll forward you can use something like this... - // var scwBaseYear = scwDateNow.getFullYear()-5; - // alternatively, hard code a date like this... - // var scwBaseYear = 1990; +// Set the bounds for the calendar here... +// If you want the year to roll forward you can use something like this... +// var scwBaseYear = scwDateNow.getFullYear()-5; +// alternatively, hard code a date like this... +// var scwBaseYear = 1990; - var scwBaseYear = scwDateNow.getFullYear()-5; +var scwBaseYear = scwDateNow.getFullYear() - 5; - // How many years do want to be valid and to show in the drop-down list? +// How many years do want to be valid and to show in the drop-down list? - var scwDropDownYears = 10; +var scwDropDownYears = 10; - // All language-dependent changes can be made here... +// All language-dependent changes can be made here... - // If you wish to work in a single language (other than English) then - // just replace the English (in the function scwSetLanguage below) with - // your own text. +// If you wish to work in a single language (other than English) then +// just replace the English (in the function scwSetLanguage below) with +// your own text. - // Using multiple languages: - // In order to keep this script to a resonable size I have not included - // languages here. You can set language fields in a function that you - // should call scwSetLanguage the script will use your languages. - // I have included all the translations that have been sent to me in - // such a function on the demonstration page. +// Using multiple languages: +// In order to keep this script to a resonable size I have not included +// languages here. You can set language fields in a function that you +// should call scwSetLanguage the script will use your languages. +// I have included all the translations that have been sent to me in +// such a function on the demonstration page. - var scwLanguage; +var scwLanguage; - function scwSetDefaultLanguage() - {try - {scwSetLanguage();} - catch (exception) - {// English - scwToday = 'Today:'; - scwDrag = 'click here to drag'; - scwArrMonthNames = ['Jan','Feb','Mar','Apr','May','Jun', - 'Jul','Aug','Sep','Oct','Nov','Dec']; - scwArrWeekInits = ['S','M','T','W','T','F','S']; - scwInvalidDateMsg = 'The entered date is invalid.\n'; - scwOutOfRangeMsg = 'The entered date is out of range.'; - scwDoesNotExistMsg = 'The entered date does not exist.'; - scwInvalidAlert = ['Invalid date (',') ignored.']; - scwDateDisablingError = ['Error ',' is not a Date object.']; - scwRangeDisablingError = ['Error ', - ' should consist of two elements.']; - } - } +function scwSetDefaultLanguage() { + try { scwSetLanguage(); } + catch (exception) {// English + scwToday = 'Today:'; + scwDrag = 'click here to drag'; + scwArrMonthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', + 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; + scwArrWeekInits = ['S', 'M', 'T', 'W', 'T', 'F', 'S']; + scwInvalidDateMsg = 'The entered date is invalid.\n'; + scwOutOfRangeMsg = 'The entered date is out of range.'; + scwDoesNotExistMsg = 'The entered date does not exist.'; + scwInvalidAlert = ['Invalid date (', ') ignored.']; + scwDateDisablingError = ['Error ', ' is not a Date object.']; + scwRangeDisablingError = ['Error ', + ' should consist of two elements.']; + } +} - // Note: Always start the scwArrWeekInits array with your string for - // Sunday whatever scwWeekStart (below) is set to. +// Note: Always start the scwArrWeekInits array with your string for +// Sunday whatever scwWeekStart (below) is set to. - // scwWeekStart determines the start of the week in the display - // Set it to: 0 (Zero) for Sunday, 1 (One) for Monday etc.. +// scwWeekStart determines the start of the week in the display +// Set it to: 0 (Zero) for Sunday, 1 (One) for Monday etc.. - var scwWeekStart = 1; +var scwWeekStart = 1; - // The week start day for the display is taken as the week start - // for week numbering. This ensures that only one week number - // applies to one line of the calendar table. - // [ISO 8601 begins the week with Day 1 = Monday.] +// The week start day for the display is taken as the week start +// for week numbering. This ensures that only one week number +// applies to one line of the calendar table. +// [ISO 8601 begins the week with Day 1 = Monday.] - // If you want to see week numbering on the calendar, set - // this to true. If not, false. +// If you want to see week numbering on the calendar, set +// this to true. If not, false. - var scwWeekNumberDisplay = false; +var scwWeekNumberDisplay = false; - // Week numbering rules are generally based on a day in the week - // that determines the first week of the year. ISO 8601 uses - // Thursday (day four when Sunday is day zero). You can alter - // the base day here. +// Week numbering rules are generally based on a day in the week +// that determines the first week of the year. ISO 8601 uses +// Thursday (day four when Sunday is day zero). You can alter +// the base day here. - // See http://www.cl.cam.ac.uk/~mgk25/iso-time.html for more information +// See http://www.cl.cam.ac.uk/~mgk25/iso-time.html for more information - var scwWeekNumberBaseDay = 4; +var scwWeekNumberBaseDay = 4; - // Each of the calendar's alert message types can be disabled - // independently here. +// Each of the calendar's alert message types can be disabled +// independently here. - var scwShowInvalidDateMsg = true, - scwShowOutOfRangeMsg = true, - scwShowDoesNotExistMsg = true, - scwShowInvalidAlert = true, - scwShowDateDisablingError = true, - scwShowRangeDisablingError = true; +var scwShowInvalidDateMsg = true, + scwShowOutOfRangeMsg = true, + scwShowDoesNotExistMsg = true, + scwShowInvalidAlert = true, + scwShowDateDisablingError = true, + scwShowRangeDisablingError = true; - // Set the allowed input date delimiters here... - // E.g. To set the rising slash, hyphen, full-stop (aka stop or point), - // comma and space as delimiters use - // var scwArrDelimiters = ['/','-','.',',',' ']; +// Set the allowed input date delimiters here... +// E.g. To set the rising slash, hyphen, full-stop (aka stop or point), +// comma and space as delimiters use +// var scwArrDelimiters = ['/','-','.',',',' ']; - var scwArrDelimiters = ['/','-','.',',',' ']; +var scwArrDelimiters = ['/', '-', '.', ',', ' ']; - // Set the format for the displayed 'Today' date and for the output - // date here. - // - // The format is described using delimiters of your choice (as set - // in scwArrDelimiters above) and case insensitive letters D, M and Y. - // - // Definition Returns - // ---------- ------- - // D date in the month without zero filling - // DD date in the month left zero filled - // M month number without zero filling - // MM month number left zero filled - // MMM month string from scwArrMonthNames - // YY year number in two digits - // YYYY year number in four digits +// Set the format for the displayed 'Today' date and for the output +// date here. +// +// The format is described using delimiters of your choice (as set +// in scwArrDelimiters above) and case insensitive letters D, M and Y. +// +// Definition Returns +// ---------- ------- +// D date in the month without zero filling +// DD date in the month left zero filled +// M month number without zero filling +// MM month number left zero filled +// MMM month string from scwArrMonthNames +// YY year number in two digits +// YYYY year number in four digits - // Displayed "Today" date format +// Displayed "Today" date format - //var scwDateDisplayFormat = 'dd-mm-yy'; // e.g. 'MMM-DD-YYYY' for the US - var scwDateDisplayFormat = 'yyyy-mm-dd'; // e.g. 'MMM-DD-YYYY' for the US +//var scwDateDisplayFormat = 'dd-mm-yy'; // e.g. 'MMM-DD-YYYY' for the US +var scwDateDisplayFormat = 'yyyy-mm-dd'; // e.g. 'MMM-DD-YYYY' for the US - // Output date format +// Output date format - //var scwDateOutputFormat = 'DD MMM, YYYY'; // e.g. 'MMM-DD-YYYY' for the US - var scwDateOutputFormat = 'YYYY-MM-DD'; // e.g. 'MMM-DD-YYYY' for the US +//var scwDateOutputFormat = 'DD MMM, YYYY'; // e.g. 'MMM-DD-YYYY' for the US +var scwDateOutputFormat = 'YYYY-MM-DD'; // e.g. 'MMM-DD-YYYY' for the US - // The input date is fully parsed so a format is not required, - // but there is no way to differentiate the sequence reliably. - // - // e.g. Is 05/08/03 5th August 2003, - // 8th May 2003 or even - // 3rd August 2005? - // - // So, you have to state how the code should interpret input dates. - // - // The sequence should always contain one D, one M and one Y only, - // in any order. +// The input date is fully parsed so a format is not required, +// but there is no way to differentiate the sequence reliably. +// +// e.g. Is 05/08/03 5th August 2003, +// 8th May 2003 or even +// 3rd August 2005? +// +// So, you have to state how the code should interpret input dates. +// +// The sequence should always contain one D, one M and one Y only, +// in any order. - //var scwDateInputSequence = 'DMY'; // e.g. 'MDY' for the US - var scwDateInputSequence = 'YMD'; // e.g. 'MDY' for the US +//var scwDateInputSequence = 'DMY'; // e.g. 'MDY' for the US +var scwDateInputSequence = 'YMD'; // e.g. 'MDY' for the US - // Note: Because the user may select a date then trigger the - // calendar again to select another, it is necessary to - // have the input date sequence in the same order as the - // output display format. To allow the flexibility of having - // a full input date and a partial (e.g. only Month and Year) - // output, the input sequence is set separately. - // - // The same reason determines that the delimiters used should - // be in scwArrDelimiters. +// Note: Because the user may select a date then trigger the +// calendar again to select another, it is necessary to +// have the input date sequence in the same order as the +// output display format. To allow the flexibility of having +// a full input date and a partial (e.g. only Month and Year) +// output, the input sequence is set separately. +// +// The same reason determines that the delimiters used should +// be in scwArrDelimiters. - // scwZindex controls how the pop-up calendar interacts with the rest - // of the page. It is usually adequate to leave it as 1 (One) but I - // have made it available here to help anyone who needs to alter the - // level in order to ensure that the calendar displays correctly in - // relation to all other elements on the page. +// scwZindex controls how the pop-up calendar interacts with the rest +// of the page. It is usually adequate to leave it as 1 (One) but I +// have made it available here to help anyone who needs to alter the +// level in order to ensure that the calendar displays correctly in +// relation to all other elements on the page. - var scwZindex = 1; +var scwZindex = 1; - // Personally I like the fact that entering 31-Sep-2005 displays - // 1-Oct-2005, however you may want that to be an error. If so, - // set scwBlnStrict = true. That will cause an error message to - // display and the selected month is displayed without a selected - // day. Thanks to Brad Allan for his feedback prompting this feature. +// Personally I like the fact that entering 31-Sep-2005 displays +// 1-Oct-2005, however you may want that to be an error. If so, +// set scwBlnStrict = true. That will cause an error message to +// display and the selected month is displayed without a selected +// day. Thanks to Brad Allan for his feedback prompting this feature. - var scwBlnStrict = false; +var scwBlnStrict = false; - // If you wish to disable any displayed day, e.g. Every Monday, - // you can do it by setting the following array. The array elements - // match the displayed cells. - // - // You could put something like the following in your calling page - // to disable all weekend days; - // - // for (var i=0;i' + - '.scw {padding:1px;vertical-align:middle;}' + - 'iframe.scw {position:absolute;z-index:' + scwZindex + - ';top:0px;left:0px;visibility:hidden;' + - 'width:1px;height:1px;}' + - 'table.scw {padding:0px;visibility:hidden;' + - 'position:absolute;cursor:default;' + - 'width:200px;top:0px;left:0px;' + - 'z-index:' + (scwZindex+1) + - ';text-align:center;}' + - '' ); +document.writeln( + ''); - // This style sheet can be extracted from the script and edited into regular - // CSS (by removing all occurrences of + and '). That can be used as the - // basis for themes. Classes are described in comments within the style - // sheet. +// This style sheet can be extracted from the script and edited into regular +// CSS (by removing all occurrences of + and '). That can be used as the +// basis for themes. Classes are described in comments within the style +// sheet. - document.writeln( - '' - ); +document.writeln( + '' +); //****************************************************************************** //------------------------------------------------------------------------------ @@ -577,115 +574,112 @@ // Variables required by both scwShow and scwShowMonth - var scwTargetEle, - scwTriggerEle, - scwMonthSum = 0, - scwBlnFullInputDate = false, - scwPassEnabledDay = new Array(), - scwSeedDate = new Date(), - scwParmActiveToday = true, - scwWeekStart = scwWeekStart%7, - scwToday, - scwDrag, - scwArrMonthNames, - scwArrWeekInits, - scwInvalidDateMsg, - scwOutOfRangeMsg, - scwDoesNotExistMsg, - scwInvalidAlert, - scwDateDisablingError, - scwRangeDisablingError; +var scwTargetEle, + scwTriggerEle, + scwMonthSum = 0, + scwBlnFullInputDate = false, + scwPassEnabledDay = new Array(), + scwSeedDate = new Date(), + scwParmActiveToday = true, + scwWeekStart = scwWeekStart % 7, + scwToday, + scwDrag, + scwArrMonthNames, + scwArrWeekInits, + scwInvalidDateMsg, + scwOutOfRangeMsg, + scwDoesNotExistMsg, + scwInvalidAlert, + scwDateDisablingError, + scwRangeDisablingError; - // Add a method to format a date into the required pattern +// Add a method to format a date into the required pattern - Date.prototype.scwFormat = - function(scwFormat) - {var charCount = 0, - codeChar = '', - result = ''; +Date.prototype.scwFormat = + function (scwFormat) { + var charCount = 0, + codeChar = '', + result = ''; - for (var i=0;i<=scwFormat.length;i++) - {if (i 0) {result += codeChar;} - } + for (var i = 0; i <= scwFormat.length; i++) { + if (i < scwFormat.length && scwFormat.charAt(i) == codeChar) {// If we haven't hit the end of the string and + // the format string character is the same as + // the previous one, just clock up one to the + // length of the current element definition + charCount++; + } + else { + switch (codeChar) { + case 'y': case 'Y': + result += (this.getFullYear() % Math. + pow(10, charCount)).toString(). + scwPadLeft(charCount); + break; + case 'm': case 'M': + // If we find an M, check the number of them to + // determine whether to get the month number or + // the month name. + result += (charCount < 3) + ? (this.getMonth() + 1). + toString().scwPadLeft(charCount) + : scwArrMonthNames[this.getMonth()]; + break; + case 'd': case 'D': + // If we find a D, get the date and format it + result += this.getDate().toString(). + scwPadLeft(charCount); + break; + default: + // Copy any unrecognised characters across + while (charCount-- > 0) { result += codeChar; } + } - if (i 0) { + scwTriggerEle.scwTextNode = scwChildNodes[i]; + scwTriggerEle.scwLength = scwChildNodes[i].nodeValue.length; + break; + } + } + } + else { var scwDateValue = scwEle.value.replace(/^\s+/, '').replace(/\s+$/, ''); } + + // Set the language-dependent elements + + scwSetDefaultLanguage(); + + scwID('scwDragText').innerHTML = scwDrag; + + scwID('scwMonths').options.length = 0; + for (var i = 0; i < scwArrMonthNames.length; i++) + scwID('scwMonths').options[i] = + new Option(scwArrMonthNames[i], scwArrMonthNames[i]); + + scwID('scwYears').options.length = 0; + for (var i = 0; i < scwDropDownYears; i++) + scwID('scwYears').options[i] = + new Option((scwBaseYear + i), (scwBaseYear + i)); + + for (var i = 0; i < scwArrWeekInits.length; i++) + scwID('scwWeekInit' + i).innerHTML = + scwArrWeekInits[(i + scwWeekStart) % + scwArrWeekInits.length]; + + if (scwID('scwFoot')) + scwID('scwFoot').innerHTML = + scwToday + ' ' + + scwDateNow.scwFormat(scwDateDisplayFormat); + + if (scwDateValue.length == 0) {// If no value is entered and today is within the range, + // use today's date, otherwise use the middle of the valid range. + + scwBlnFullInputDate = false; + + if ((new Date(scwBaseYear + scwDropDownYears, 0, 0)) < scwSeedDate || + (new Date(scwBaseYear, 0, 1)) > scwSeedDate + ) { + scwSeedDate = new Date(scwBaseYear + + Math.floor(scwDropDownYears / 2), 5, 1); + } + } + else { + function scwInputFormat() { + var scwArrSeed = new Array(), + scwArrInput = scwDateValue. + split(new RegExp('[\\' + scwArrDelimiters. + join('\\') + ']+', 'g')); + + // "Escape" all the user defined date delimiters above - + // several delimiters will need it and it does no harm for + // the others. + + // Strip any empty array elements (caused by delimiters) + // from the beginning or end of the array. They will + // still appear in the output string if in the output + // format. + + if (scwArrInput[0] != null) { + if (scwArrInput[0].length == 0) scwArrInput.splice(0, 1); + + if (scwArrInput[scwArrInput.length - 1].length == 0) + scwArrInput.splice(scwArrInput.length - 1, 1); + } + + scwBlnFullInputDate = false; + + switch (scwArrInput.length) { + case 1: + {// Year only entry + scwArrSeed[0] = parseInt(scwArrInput[0], 10); // Year + scwArrSeed[1] = '6'; // Month + scwArrSeed[2] = 1; // Day + break; + } + case 2: + {// Year and Month entry + scwArrSeed[0] = + parseInt(scwArrInput[scwDateInputSequence. + replace(/D/i, ''). + search(/Y/i)], 10); // Year + scwArrSeed[1] = scwArrInput[scwDateInputSequence. + replace(/D/i, ''). + search(/M/i)]; // Month + scwArrSeed[2] = 1; // Day + break; + } + case 3: + {// Day Month and Year entry + + scwArrSeed[0] = + parseInt(scwArrInput[scwDateInputSequence. + search(/Y/i)], 10); // Year + scwArrSeed[1] = scwArrInput[scwDateInputSequence. + search(/M/i)]; // Month + scwArrSeed[2] = + parseInt(scwArrInput[scwDateInputSequence. + search(/D/i)], 10); // Day + + scwBlnFullInputDate = true; + break; + } + default: + {// A stuff-up has led to more than three elements in + // the date. + scwArrSeed[0] = 0; // Year + scwArrSeed[1] = 0; // Month + scwArrSeed[2] = 0; // Day + } + } + + // These regular expressions validate the input date format + // to the following rules; + // Day 1-31 (optional zero on single digits) + // Month 1-12 (optional zero on single digits) + // or case insensitive name + // Year One, Two or four digits + + // Months names are as set in the language-dependent + // definitions and delimiters are set just below there + + var scwExpValDay = new RegExp('^(0?[1-9]|[1-2][0-9]|3[0-1])$'), + scwExpValMonth = new RegExp('^(0?[1-9]|1[0-2]|' + + scwArrMonthNames.join('|') + + ')$', 'i'), + scwExpValYear = new RegExp('^([0-9]{1,2}|[0-9]{4})$'); + + // Apply validation and report failures + + if (scwExpValYear.exec(scwArrSeed[0]) == null || + scwExpValMonth.exec(scwArrSeed[1]) == null || + scwExpValDay.exec(scwArrSeed[2]) == null + ) { + if (scwShowInvalidDateMsg) + alert(scwInvalidDateMsg + + scwInvalidAlert[0] + scwDateValue + + scwInvalidAlert[1]); + scwBlnFullInputDate = false; + scwArrSeed[0] = scwBaseYear + + Math.floor(scwDropDownYears / 2); // Year + scwArrSeed[1] = '6'; // Month + scwArrSeed[2] = 1; // Day + } + + // Return the Year in scwArrSeed[0] + // Month in scwArrSeed[1] + // Day in scwArrSeed[2] + + return scwArrSeed; + } + + // Parse the string into an array using the allowed delimiters + + scwArrSeedDate = scwInputFormat(); + + // So now we have the Year, Month and Day in an array. + + // If the year is one or two digits then the routine assumes a + // year belongs in the 21st Century unless it is less than 50 + // in which case it assumes the 20th Century is intended. + + if (scwArrSeedDate[0] < 100) + scwArrSeedDate[0] += (scwArrSeedDate[0] > 50) ? 1900 : 2000; + + // Check whether the month is in digits or an abbreviation + + if (scwArrSeedDate[1].search(/\d+/) != 0) { + month = scwArrMonthNames.join('|').toUpperCase(). + search(scwArrSeedDate[1].substr(0, 3). + toUpperCase()); + scwArrSeedDate[1] = Math.floor(month / 4) + 1; + } + + scwSeedDate = new Date(scwArrSeedDate[0], + scwArrSeedDate[1] - 1, + scwArrSeedDate[2]); + } + + // Test that we have arrived at a valid date + + if (isNaN(scwSeedDate)) { + if (scwShowInvalidDateMsg) + alert(scwInvalidDateMsg + + scwInvalidAlert[0] + scwDateValue + + scwInvalidAlert[1]); + scwSeedDate = new Date(scwBaseYear + + Math.floor(scwDropDownYears / 2), 5, 1); + scwBlnFullInputDate = false; + } + else {// Test that the date is within range, + // if not then set date to a sensible date in range. + + if ((new Date(scwBaseYear, 0, 1)) > scwSeedDate) { + if (scwBlnStrict && scwShowOutOfRangeMsg) + alert(scwOutOfRangeMsg); + scwSeedDate = new Date(scwBaseYear, 0, 1); + scwBlnFullInputDate = false; + } + else { + if ((new Date(scwBaseYear + scwDropDownYears, 0, 0)) < + scwSeedDate) { + if (scwBlnStrict && scwShowOutOfRangeMsg) + alert(scwOutOfRangeMsg); + scwSeedDate = new Date(scwBaseYear + + Math.floor(scwDropDownYears) - 1, + 11, 1); + scwBlnFullInputDate = false; + } + else { + if (scwBlnStrict && scwBlnFullInputDate && + (scwSeedDate.getDate() != scwArrSeedDate[2] || + (scwSeedDate.getMonth() + 1) != scwArrSeedDate[1] || + scwSeedDate.getFullYear() != scwArrSeedDate[0] + ) + ) { + if (scwShowDoesNotExistMsg) alert(scwDoesNotExistMsg); + scwSeedDate = new Date(scwSeedDate.getFullYear(), + scwSeedDate.getMonth() - 1, 1); + scwBlnFullInputDate = false; + } + } + } + } + + // Test the disabled dates for validity + // Give error message if not valid. + + for (var i = 0; i < scwDisabledDates.length; i++) { + if (!((typeof scwDisabledDates[i] == 'object') && + (scwDisabledDates[i].constructor == Date))) { + if ((typeof scwDisabledDates[i] == 'object') && + (scwDisabledDates[i].constructor == Array)) { + var scwPass = true; + + if (scwDisabledDates[i].length != 2) { + if (scwShowRangeDisablingError) + alert(scwRangeDisablingError[0] + + scwDisabledDates[i] + + scwRangeDisablingError[1]); + scwPass = false; + } + else { + for (var j = 0; j < scwDisabledDates[i].length; j++) { + if (!((typeof scwDisabledDates[i][j] + == 'object') && + (scwDisabledDates[i][j].constructor + == Date))) { + if (scwShowRangeDisablingError) + alert(scwDateDisablingError[0] + + scwDisabledDates[i][j] + + scwDateDisablingError[1]); + scwPass = false; + } + } } - // If no value is preset then the seed date is - // Today (when today is in range) OR - // The middle of the date range. + if (scwPass && + (scwDisabledDates[i][0] > scwDisabledDates[i][1]) + ) { scwDisabledDates[i].reverse(); } + } + else { + if (scwShowRangeDisablingError) + alert(scwDateDisablingError[0] + + scwDisabledDates[i] + + scwDateDisablingError[1]); + } + } + } - scwSeedDate = scwDateNow; + // Calculate the number of months that the entered (or + // defaulted) month is after the start of the allowed + // date range. - // Find the date and Strip space characters from start and - // end of date input. + scwMonthSum = 12 * (scwSeedDate.getFullYear() - scwBaseYear) + + scwSeedDate.getMonth(); + + // Set the drop down boxes. + + scwID('scwYears').options.selectedIndex = Math.floor(scwMonthSum / 12); + scwID('scwMonths').options.selectedIndex = (scwMonthSum % 12); + + // Opera has a bug with this method of setting the selected index. + // It requires the following work-around to force SELECTs to display + // correctly. + + if (window.opera) { + scwID('scwMonths').style.display = 'none'; + scwID('scwMonths').style.display = 'block'; + scwID('scwYears').style.display = 'none'; + scwID('scwYears').style.display = 'block'; + } + + // The bug is apparently known and "fixed for future versions" + // but they say they aren't going to put the fix into the 9.x + // series. + + // Check whether or not dragging is allowed and display drag handle + // if necessary + + scwID('scwDrag').style.display = + (scwAllowDrag) + ? ((scwID('scwIFrame')) ? 'block' : 'table-row') + : 'none'; + + // Display the month + + scwShowMonth(0); + + // Position the calendar box + + // The object sniffing for Opera allows for the fact that Opera + // is the only major browser that correctly reports the position + // of an element in a scrollable DIV. This is because IE and + // Firefox omit the DIV from the offsetParent tree. + + scwTargetEle = scwEle; + + var offsetTop = parseInt(scwEle.offsetTop, 10) + + parseInt(scwEle.offsetHeight, 10), + offsetLeft = parseInt(scwEle.offsetLeft, 10); + + if (!window.opera) { + while (scwEle.tagName != 'BODY' && scwEle.tagName != 'HTML') { + offsetTop -= parseInt(scwEle.scrollTop, 10); + offsetLeft -= parseInt(scwEle.scrollLeft, 10); + scwEle = scwEle.parentNode; + } + scwEle = scwTargetEle; + } + + do { + scwEle = scwEle.offsetParent; + offsetTop += parseInt(scwEle.offsetTop, 10); + offsetLeft += parseInt(scwEle.offsetLeft, 10); + } + while (scwEle.tagName != 'BODY' && scwEle.tagName != 'HTML'); + + scwID('scw').style.top = offsetTop + 'px'; + scwID('scw').style.left = offsetLeft + 'px'; + + if (scwID('scwIframe')) { + scwID('scwIframe').style.top = offsetTop + 'px'; + scwID('scwIframe').style.left = offsetLeft + 'px'; + scwID('scwIframe').style.width = (scwID('scw').offsetWidth - 2) + 'px'; + scwID('scwIframe').style.height = (scwID('scw').offsetHeight - 2) + 'px'; + scwID('scwIframe').style.visibility = 'visible'; + } + + // Show it on the page + + scwID('scw').style.visibility = 'visible'; + + // Ensure that Opera actually displays the value that is selected! + + scwID('scwYears').options.selectedIndex = scwID('scwYears').options.selectedIndex; + scwID('scwMonths').options.selectedIndex = scwID('scwMonths').options.selectedIndex; + + var el = (scwSourceEle.parentNode) + ? scwSourceEle.parentNode + : scwSourceEle; + + if (typeof event == 'undefined') { + el.addEventListener('click', + scwStopPropagation, + false); + } + else { + if (el.attachEvent) { el.attachEvent('onclick', scwStopPropagation); } + else { event.cancelBubble = true; } + } +} + +function scwHide() { + scwID('scw').style.visibility = 'hidden'; + if (scwID('scwIframe')) { scwID('scwIframe').style.visibility = 'hidden'; } + + if (typeof scwNextAction != 'undefined' && scwNextAction != null) { + scwNextActionReturn = scwNextAction(); + // Explicit null set to prevent closure causing memory leak + scwNextAction = null; + } +} + +function scwCancel(scwEvt) { + if (scwClickToHide) scwHide(); + scwStopPropagation(scwEvt); +} + +function scwStopPropagation(scwEvt) { + if (scwEvt.stopPropagation) + scwEvt.stopPropagation(); // Capture phase + else scwEvt.cancelBubble = true; // Bubbling phase +} + +function scwBeginDrag(event) { + var elementToDrag = scwID('scw'); + + var deltaX = event.clientX, + deltaY = event.clientY, + offsetEle = elementToDrag; + + do { + deltaX -= parseInt(offsetEle.offsetLeft, 10); + deltaY -= parseInt(offsetEle.offsetTop, 10); + offsetEle = offsetEle.offsetParent; + } + while (offsetEle.tagName != 'BODY' && + offsetEle.tagName != 'HTML'); + + if (document.addEventListener) { + document.addEventListener('mousemove', + moveHandler, + true); // Capture phase + document.addEventListener('mouseup', + upHandler, + true); // Capture phase + } + else { + elementToDrag.attachEvent('onmousemove', + moveHandler); // Bubbling phase + elementToDrag.attachEvent('onmouseup', + upHandler); // Bubbling phase + elementToDrag.setCapture(); + } + + scwStopPropagation(event); + + function moveHandler(scwEvt) { + if (!scwEvt) scwEvt = window.event; + + elementToDrag.style.left = (scwEvt.clientX - deltaX) + 'px'; + elementToDrag.style.top = (scwEvt.clientY - deltaY) + 'px'; + + if (scwID('scwIframe')) { + scwID('scwIframe').style.left = + (scwEvt.clientX - deltaX) + 'px'; + scwID('scwIframe').style.top = + (scwEvt.clientY - deltaY) + 'px'; + } + + scwStopPropagation(scwEvt); + } + + function upHandler(scwEvt) { + if (!scwEvt) scwEvt = window.event; + + if (document.removeEventListener) { + document.removeEventListener('mousemove', + moveHandler, + true); // Capture phase + document.removeEventListener('mouseup', + upHandler, + true); // Capture phase + } + else { + elementToDrag.detachEvent('onmouseup', + upHandler); // Bubbling phase + elementToDrag.detachEvent('onmousemove', + moveHandler); // Bubbling phase + elementToDrag.releaseCapture(); + } + + scwStopPropagation(scwEvt); + } +} + +function scwShowMonth(scwBias) {// Set the selectable Month and Year + // May be called: from the left and right arrows + // (shift month -1 and +1 respectively) + // from the month selection list + // from the year selection list + // from the showCal routine + // (which initiates the display). + + var scwShowDate = new Date(Date.parse(new Date().toDateString())), + scwStartDate = new Date(); + + // Set the time to the middle of the day so that the handful of + // regions that have daylight saving shifts that change the day + // of the month (i.e. turn the clock back at midnight or forward + // at 23:00) do not mess up the date display in the calendar. + + scwShowDate.setHours(12); + + scwSelYears = scwID('scwYears'); + scwSelMonths = scwID('scwMonths'); + + if (scwSelYears.options.selectedIndex > -1) { + scwMonthSum = 12 * (scwSelYears.options.selectedIndex) + scwBias; + if (scwSelMonths.options.selectedIndex > -1) { scwMonthSum += scwSelMonths.options.selectedIndex; } + } + else { + if (scwSelMonths.options.selectedIndex > -1) { scwMonthSum += scwSelMonths.options.selectedIndex; } + } + + scwShowDate.setFullYear(scwBaseYear + Math.floor(scwMonthSum / 12), + (scwMonthSum % 12), + 1); + + // If the Week numbers are displayed, shift the week day names + // to the right. + scwID('scwWeek_').style.display = + (scwWeekNumberDisplay) + ? ((scwID('scwIFrame')) ? 'block' : 'table-cell') + : 'none'; + + if ((12 * parseInt((scwShowDate.getFullYear() - scwBaseYear), 10)) + + parseInt(scwShowDate.getMonth(), 10) < (12 * scwDropDownYears) && + (12 * parseInt((scwShowDate.getFullYear() - scwBaseYear), 10)) + + parseInt(scwShowDate.getMonth(), 10) > -1) { + scwSelYears.options.selectedIndex = Math.floor(scwMonthSum / 12); + scwSelMonths.options.selectedIndex = (scwMonthSum % 12); + + scwCurMonth = scwShowDate.getMonth(); + + scwShowDate.setDate((((scwShowDate. + getDay() - scwWeekStart) < 0) ? -6 : 1) + + scwWeekStart - scwShowDate.getDay()); + + // This statement moved by Michael Cerveny to make version 3.55 + var scwCompareDateValue = new Date(scwShowDate.getFullYear(), + scwShowDate.getMonth(), + scwShowDate.getDate()).valueOf(); + + scwStartDate = new Date(scwShowDate); + + if (scwID('scwFoot')) { + var scwFoot = scwID('scwFoot'); + + function scwFootOutput() { scwSetOutput(scwDateNow); } + + if (scwDisabledDates.length == 0) { + if (scwActiveToday && scwParmActiveToday) { + scwFoot.onclick = scwFootOutput; + scwFoot.className = 'scwFoot'; + + if (scwID('scwIFrame')) { + scwFoot.onmouseover = scwChangeClass; + scwFoot.onmouseout = scwChangeClass; + } - if (typeof scwEle.value == 'undefined') - {var scwChildNodes = scwEle.childNodes; - for (var i=0;i 0) - {scwTriggerEle.scwTextNode = scwChildNodes[i]; - scwTriggerEle.scwLength = scwChildNodes[i].nodeValue.length; - break; - } - } } - else - {var scwDateValue = scwEle.value.replace(/^\s+/,'').replace(/\s+$/,'');} + else { + scwFoot.onclick = null; + scwFoot.className = 'scwFootDisabled'; - // Set the language-dependent elements + if (scwID('scwIFrame')) { + scwFoot.onmouseover = null; + scwFoot.onmouseout = null; + } - scwSetDefaultLanguage(); - - scwID('scwDragText').innerHTML = scwDrag; - - scwID('scwMonths').options.length = 0; - for (var i=0;iscwSeedDate - ) - {scwSeedDate = new Date(scwBaseYear + - Math.floor(scwDropDownYears / 2), 5, 1); - } + if (document.addEventListener) { + scwFoot.addEventListener('click', + scwStopPropagation, + false); + } + else { + scwFoot.attachEvent('onclick', + scwStopPropagation); + } } - else - {function scwInputFormat() - {var scwArrSeed = new Array(), - scwArrInput = scwDateValue. - split(new RegExp('[\\'+scwArrDelimiters. - join('\\')+']+','g')); - - // "Escape" all the user defined date delimiters above - - // several delimiters will need it and it does no harm for - // the others. - - // Strip any empty array elements (caused by delimiters) - // from the beginning or end of the array. They will - // still appear in the output string if in the output - // format. - - if (scwArrInput[0]!=null) - {if (scwArrInput[0].length==0) scwArrInput.splice(0,1); - - if (scwArrInput[scwArrInput.length-1].length==0) - scwArrInput.splice(scwArrInput.length-1,1); - } - - scwBlnFullInputDate = false; - - switch (scwArrInput.length) - {case 1: - {// Year only entry - scwArrSeed[0] = parseInt(scwArrInput[0],10); // Year - scwArrSeed[1] = '6'; // Month - scwArrSeed[2] = 1; // Day - break; - } - case 2: - {// Year and Month entry - scwArrSeed[0] = - parseInt(scwArrInput[scwDateInputSequence. - replace(/D/i,''). - search(/Y/i)],10); // Year - scwArrSeed[1] = scwArrInput[scwDateInputSequence. - replace(/D/i,''). - search(/M/i)]; // Month - scwArrSeed[2] = 1; // Day - break; - } - case 3: - {// Day Month and Year entry - - scwArrSeed[0] = - parseInt(scwArrInput[scwDateInputSequence. - search(/Y/i)],10); // Year - scwArrSeed[1] = scwArrInput[scwDateInputSequence. - search(/M/i)]; // Month - scwArrSeed[2] = - parseInt(scwArrInput[scwDateInputSequence. - search(/D/i)],10); // Day - - scwBlnFullInputDate = true; - break; - } - default: - {// A stuff-up has led to more than three elements in - // the date. - scwArrSeed[0] = 0; // Year - scwArrSeed[1] = 0; // Month - scwArrSeed[2] = 0; // Day - } - } - - // These regular expressions validate the input date format - // to the following rules; - // Day 1-31 (optional zero on single digits) - // Month 1-12 (optional zero on single digits) - // or case insensitive name - // Year One, Two or four digits - - // Months names are as set in the language-dependent - // definitions and delimiters are set just below there - - var scwExpValDay = new RegExp('^(0?[1-9]|[1-2][0-9]|3[0-1])$'), - scwExpValMonth = new RegExp('^(0?[1-9]|1[0-2]|' + - scwArrMonthNames.join('|') + - ')$','i'), - scwExpValYear = new RegExp('^([0-9]{1,2}|[0-9]{4})$'); - - // Apply validation and report failures - - if (scwExpValYear.exec(scwArrSeed[0]) == null || - scwExpValMonth.exec(scwArrSeed[1]) == null || - scwExpValDay.exec(scwArrSeed[2]) == null - ) - {if (scwShowInvalidDateMsg) - alert(scwInvalidDateMsg + - scwInvalidAlert[0] + scwDateValue + - scwInvalidAlert[1]); - scwBlnFullInputDate = false; - scwArrSeed[0] = scwBaseYear + - Math.floor(scwDropDownYears/2); // Year - scwArrSeed[1] = '6'; // Month - scwArrSeed[2] = 1; // Day - } - - // Return the Year in scwArrSeed[0] - // Month in scwArrSeed[1] - // Day in scwArrSeed[2] - - return scwArrSeed; - } - - // Parse the string into an array using the allowed delimiters - - scwArrSeedDate = scwInputFormat(); - - // So now we have the Year, Month and Day in an array. - - // If the year is one or two digits then the routine assumes a - // year belongs in the 21st Century unless it is less than 50 - // in which case it assumes the 20th Century is intended. - - if (scwArrSeedDate[0]<100) - scwArrSeedDate[0] += (scwArrSeedDate[0]>50)?1900:2000; - - // Check whether the month is in digits or an abbreviation - - if (scwArrSeedDate[1].search(/\d+/)!=0) - {month = scwArrMonthNames.join('|').toUpperCase(). - search(scwArrSeedDate[1].substr(0,3). - toUpperCase()); - scwArrSeedDate[1] = Math.floor(month/4)+1; - } - - scwSeedDate = new Date(scwArrSeedDate[0], - scwArrSeedDate[1]-1, - scwArrSeedDate[2]); - } - - // Test that we have arrived at a valid date - - if (isNaN(scwSeedDate)) - {if (scwShowInvalidDateMsg) - alert( scwInvalidDateMsg + - scwInvalidAlert[0] + scwDateValue + - scwInvalidAlert[1]); - scwSeedDate = new Date(scwBaseYear + - Math.floor(scwDropDownYears/2),5,1); - scwBlnFullInputDate=false; - } - else - {// Test that the date is within range, - // if not then set date to a sensible date in range. - - if ((new Date(scwBaseYear,0,1)) > scwSeedDate) - {if (scwBlnStrict && scwShowOutOfRangeMsg) - alert(scwOutOfRangeMsg); - scwSeedDate = new Date(scwBaseYear,0,1); - scwBlnFullInputDate=false; - } - else - {if ((new Date(scwBaseYear+scwDropDownYears,0,0))< - scwSeedDate) - {if (scwBlnStrict && scwShowOutOfRangeMsg) - alert(scwOutOfRangeMsg); - scwSeedDate = new Date(scwBaseYear + - Math.floor(scwDropDownYears)-1, - 11,1); - scwBlnFullInputDate=false; - } - else - {if (scwBlnStrict && scwBlnFullInputDate && - (scwSeedDate.getDate() != scwArrSeedDate[2] || - (scwSeedDate.getMonth()+1) != scwArrSeedDate[1] || - scwSeedDate.getFullYear() != scwArrSeedDate[0] - ) + } + else { + for (var k = 0; k < scwDisabledDates.length; k++) { + if (!scwActiveToday || !scwParmActiveToday || + ((typeof scwDisabledDates[k] == 'object') && + (((scwDisabledDates[k].constructor == Date) && + scwDateNow.valueOf() == scwDisabledDates[k]. + valueOf() + ) || + ((scwDisabledDates[k].constructor == Array) && + scwDateNow.valueOf() >= scwDisabledDates[k][0]. + valueOf() && + scwDateNow.valueOf() <= scwDisabledDates[k][1]. + valueOf() ) - {if (scwShowDoesNotExistMsg) alert(scwDoesNotExistMsg); - scwSeedDate = new Date(scwSeedDate.getFullYear(), - scwSeedDate.getMonth()-1,1); - scwBlnFullInputDate=false; - } - } - } + ) + ) + ) { + scwFoot.onclick = null; + scwFoot.className = 'scwFootDisabled'; + + if (scwID('scwIFrame')) { + scwFoot.onmouseover = null; + scwFoot.onmouseout = null; + } + + if (document.addEventListener) { + scwFoot.addEventListener('click', + scwStopPropagation, + false); + } + else { + scwFoot.attachEvent('onclick', + scwStopPropagation); + } + break; + } + else { + scwFoot.onclick = scwFootOutput; + scwFoot.className = 'scwFoot'; + + if (scwID('scwIFrame')) { + scwFoot.onmouseover = scwChangeClass; + scwFoot.onmouseout = scwChangeClass; + } + } } + } + } - // Test the disabled dates for validity - // Give error message if not valid. + function scwSetOutput(scwOutputDate) { + if (typeof scwTargetEle.value == 'undefined') { + scwTriggerEle.scwTextNode. + replaceData(0, scwTriggerEle.scwLength, + scwOutputDate.scwFormat(scwDateOutputFormat)); + } + else { + scwTargetEle.value = + scwOutputDate.scwFormat(scwDateOutputFormat); + } + scwHide(); + } - for (var i=0;i scwDisabledDates[i][1]) + scwOutputDate.setDate(scwStartDate.getDate() + + parseInt(scwEle.id.substr(8), 10)); + + scwSetOutput(scwOutputDate); + } + + function scwChangeClass(scwEvt) { + var scwEle = scwEventTrigger(scwEvt); + + if (scwEle.nodeType == 3) scwEle = scwEle.parentNode; + + switch (scwEle.className) { + case 'scwCells': + scwEle.className = 'scwCellsHover'; + break; + case 'scwCellsHover': + scwEle.className = 'scwCells'; + break; + case 'scwCellsExMonth': + scwEle.className = 'scwCellsExMonthHover'; + break; + case 'scwCellsExMonthHover': + scwEle.className = 'scwCellsExMonth'; + break; + case 'scwCellsWeekend': + scwEle.className = 'scwCellsWeekendHover'; + break; + case 'scwCellsWeekendHover': + scwEle.className = 'scwCellsWeekend'; + break; + case 'scwFoot': + scwEle.className = 'scwFootHover'; + break; + case 'scwFootHover': + scwEle.className = 'scwFoot'; + break; + case 'scwInputDate': + scwEle.className = 'scwInputDateHover'; + break; + case 'scwInputDateHover': + scwEle.className = 'scwInputDate'; + } + + return true; + } + + function scwEventTrigger(scwEvt) { + if (!scwEvt) scwEvt = event; + return scwEvt.target || scwEvt.srcElement; + } + + function scwWeekNumber(scwInDate) {// The base day in the week of the input date + var scwInDateWeekBase = new Date(scwInDate); + + scwInDateWeekBase.setDate(scwInDateWeekBase.getDate() + - scwInDateWeekBase.getDay() + + scwWeekNumberBaseDay + + ((scwInDate.getDay() > + scwWeekNumberBaseDay) ? 7 : 0)); + + // The first Base Day in the year + var scwFirstBaseDay = + new Date(scwInDateWeekBase.getFullYear(), 0, 1); + + scwFirstBaseDay.setDate(scwFirstBaseDay.getDate() + - scwFirstBaseDay.getDay() + + scwWeekNumberBaseDay + ); + + if (scwFirstBaseDay < + new Date(scwInDateWeekBase.getFullYear(), 0, 1)) { scwFirstBaseDay.setDate(scwFirstBaseDay.getDate() + 7); } + + // Start of Week 01 + var scwStartWeekOne = new Date(scwFirstBaseDay + - scwWeekNumberBaseDay + + scwInDate.getDay()); + + if (scwStartWeekOne > scwFirstBaseDay) { scwStartWeekOne.setDate(scwStartWeekOne.getDate() - 7); } + + // Subtract the date of the current week from the date of the + // first week of the year to get the number of weeks in + // milliseconds. Divide by the number of milliseconds + // in a week then round to no decimals in order to remove + // the effect of daylight saving. Add one to make the first + // week, week 1. Place a string zero on the front so that + // week numbers are zero filled. + + var scwWeekNo = + '0' + (Math.round((scwInDateWeekBase - + scwFirstBaseDay) / 604800000, 0) + 1); + + // Return the last two characters in the week number string + + return scwWeekNo.substring(scwWeekNo.length - 2, + scwWeekNo.length); + } + + // Treewalk to display the dates. + // I tried to use getElementsByName but IE refused to cooperate + // so I resorted to this method which works for all tested + // browsers. + + var scwCells = scwID('scwCells'); + + for (i = 0; i < scwCells.childNodes.length; i++) { + var scwRows = scwCells.childNodes[i]; + if (scwRows.nodeType == 1 && scwRows.tagName == 'TR') { + if (scwWeekNumberDisplay) {//Calculate the week number using scwShowDate + scwTmpEl = scwRows.childNodes[0]; + scwTmpEl.innerHTML = scwWeekNumber(scwShowDate); + scwTmpEl.style.borderColor = + (scwTmpEl.currentStyle) + ? scwTmpEl.currentStyle['backgroundColor'] + : (window.getComputedStyle) + ? document.defaultView.getComputedStyle(scwTmpEl, null).getPropertyValue('background-color') + : ''; + scwTmpEl.style.display = ''; + } + else { scwRows.childNodes[0].style.display = 'none'; } + + for (j = 1; j < scwRows.childNodes.length; j++) { + var scwCols = scwRows.childNodes[j]; + if (scwCols.nodeType == 1 && scwCols.tagName == 'TD') { + scwRows.childNodes[j].innerHTML = + scwShowDate.getDate(); + var scwCell = scwRows.childNodes[j], + scwDisabled = + ((scwOutOfRangeDisable && + (scwShowDate < + (new Date(scwBaseYear, 0, 1, + scwShowDate.getHours())) + || + scwShowDate > + (new Date(scwBaseYear + + scwDropDownYears, 0, 0, + scwShowDate.getHours())) + ) + ) || + (scwOutOfMonthDisable && + (scwShowDate < + (new Date(scwShowDate.getFullYear(), + scwCurMonth, 1, + scwShowDate.getHours())) + || + scwShowDate > + (new Date(scwShowDate.getFullYear(), + scwCurMonth + 1, 0, + scwShowDate.getHours())) + ) + ) + ) ? true : false; + + scwCell.style.visibility = + (scwOutOfMonthHide && + (scwShowDate < + (new Date(scwShowDate.getFullYear(), + scwCurMonth, 1, + scwShowDate.getHours())) + || + scwShowDate > + (new Date(scwShowDate.getFullYear(), + scwCurMonth + 1, 0, + scwShowDate.getHours())) ) - {scwDisabledDates[i].reverse();} - } - else - {if (scwShowRangeDisablingError) - alert( scwDateDisablingError[0] + - scwDisabledDates[i] + - scwDateDisablingError[1]); - } - } + ) ? 'hidden' : ''; + + for (var k = 0; k < scwDisabledDates.length; k++) { + if ((typeof scwDisabledDates[k] == 'object') + && + (scwDisabledDates[k].constructor == + Date + ) + && + scwCompareDateValue == + scwDisabledDates[k].valueOf() + ) { scwDisabled = true; } + else { + if ((typeof scwDisabledDates[k] == 'object') + && + (scwDisabledDates[k].constructor == + Array + ) + && + scwCompareDateValue >= + scwDisabledDates[k][0].valueOf() + && + scwCompareDateValue <= + scwDisabledDates[k][1].valueOf() + ) { scwDisabled = true; } + } + } + + if (scwDisabled || + !scwEnabledDay[j - 1 + (7 * ((i * scwCells. + childNodes. + length) / 6))] || + !scwPassEnabledDay[(j - 1 + (7 * (i * scwCells. + childNodes. + length / 6))) % 7] + ) { + scwRows.childNodes[j].onclick = null; + + if (scwID('scwIFrame')) { + scwRows.childNodes[j].onmouseover = null; + scwRows.childNodes[j].onmouseout = null; + } + + scwCell.className = + (scwShowDate.getMonth() != scwCurMonth) + ? 'scwCellsExMonthDisabled' + : (scwBlnFullInputDate && + scwShowDate.toDateString() == + scwSeedDate.toDateString()) + ? 'scwInputDateDisabled' + : (scwShowDate.getDay() % 6 == 0) + ? 'scwCellsWeekendDisabled' + : 'scwCellsDisabled'; + + scwCell.style.borderColor = + (scwFormatTodayCell && scwShowDate.toDateString() == scwDateNow.toDateString()) + ? scwTodayCellBorderColour + : (scwCell.currentStyle) + ? scwCell.currentStyle['backgroundColor'] + : (window.getComputedStyle) + ? document.defaultView.getComputedStyle(scwCell, null).getPropertyValue('background-color') + : ''; + } + else { + scwRows.childNodes[j].onclick = scwCellOutput; + + if (scwID('scwIFrame')) { + scwRows.childNodes[j].onmouseover = + scwChangeClass; + scwRows.childNodes[j].onmouseout = + scwChangeClass; + } + + scwCell.className = + (scwShowDate.getMonth() != scwCurMonth) + ? 'scwCellsExMonth' + : (scwBlnFullInputDate && + scwShowDate.toDateString() == + scwSeedDate.toDateString()) + ? 'scwInputDate' + : (scwShowDate.getDay() % 6 == 0) + ? 'scwCellsWeekend' + : 'scwCells'; + + scwCell.style.borderColor = + (scwFormatTodayCell && scwShowDate.toDateString() == scwDateNow.toDateString()) + ? scwTodayCellBorderColour + : (scwCell.currentStyle) + ? scwCell.currentStyle['backgroundColor'] + : (window.getComputedStyle) + ? document.defaultView.getComputedStyle(scwCell, null).getPropertyValue('background-color') + : ''; + } + + scwShowDate.setDate(scwShowDate.getDate() + 1); + scwCompareDateValue = new Date(scwShowDate.getFullYear(), + scwShowDate.getMonth(), + scwShowDate.getDate()).valueOf(); + } } - - // Calculate the number of months that the entered (or - // defaulted) month is after the start of the allowed - // date range. - - scwMonthSum = 12*(scwSeedDate.getFullYear()-scwBaseYear)+ - scwSeedDate.getMonth(); - - // Set the drop down boxes. - - scwID('scwYears' ).options.selectedIndex = Math.floor(scwMonthSum/12); - scwID('scwMonths').options.selectedIndex = (scwMonthSum%12); - - // Opera has a bug with this method of setting the selected index. - // It requires the following work-around to force SELECTs to display - // correctly. - - if (window.opera) - {scwID('scwMonths').style.display = 'none'; - scwID('scwMonths').style.display = 'block'; - scwID('scwYears' ).style.display = 'none'; - scwID('scwYears' ).style.display = 'block'; - } - - // The bug is apparently known and "fixed for future versions" - // but they say they aren't going to put the fix into the 9.x - // series. - - // Check whether or not dragging is allowed and display drag handle - // if necessary - - scwID('scwDrag').style.display= - (scwAllowDrag) - ?((scwID('scwIFrame'))?'block':'table-row') - :'none'; - - // Display the month - - scwShowMonth(0); - - // Position the calendar box - - // The object sniffing for Opera allows for the fact that Opera - // is the only major browser that correctly reports the position - // of an element in a scrollable DIV. This is because IE and - // Firefox omit the DIV from the offsetParent tree. - - scwTargetEle=scwEle; - - var offsetTop =parseInt(scwEle.offsetTop ,10) + - parseInt(scwEle.offsetHeight,10), - offsetLeft=parseInt(scwEle.offsetLeft,10); - - if (!window.opera) - {while (scwEle.tagName!='BODY' && scwEle.tagName!='HTML') - {offsetTop -=parseInt(scwEle.scrollTop, 10); - offsetLeft-=parseInt(scwEle.scrollLeft,10); - scwEle=scwEle.parentNode; - } - scwEle=scwTargetEle; - } - - do {scwEle=scwEle.offsetParent; - offsetTop +=parseInt(scwEle.offsetTop, 10); - offsetLeft+=parseInt(scwEle.offsetLeft,10); - } - while (scwEle.tagName!='BODY' && scwEle.tagName!='HTML'); - - scwID('scw').style.top =offsetTop +'px'; - scwID('scw').style.left=offsetLeft+'px'; - - if (scwID('scwIframe')) - {scwID('scwIframe').style.top=offsetTop +'px'; - scwID('scwIframe').style.left=offsetLeft+'px'; - scwID('scwIframe').style.width=(scwID('scw').offsetWidth-2)+'px'; - scwID('scwIframe').style.height=(scwID('scw').offsetHeight-2)+'px'; - scwID('scwIframe').style.visibility='visible'; - } - - // Show it on the page - - scwID('scw').style.visibility='visible'; - - // Ensure that Opera actually displays the value that is selected! - - scwID('scwYears' ).options.selectedIndex = scwID('scwYears' ).options.selectedIndex; - scwID('scwMonths').options.selectedIndex = scwID('scwMonths').options.selectedIndex; - - var el = (scwSourceEle.parentNode) - ?scwSourceEle.parentNode - :scwSourceEle; - - if (typeof event=='undefined') - {el.addEventListener('click', - scwStopPropagation, - false); - } - else {if (el.attachEvent) - {el.attachEvent('onclick',scwStopPropagation);} - else {event.cancelBubble = true;} - } - } - - function scwHide() - {scwID('scw').style.visibility='hidden'; - if (scwID('scwIframe')) - {scwID('scwIframe').style.visibility='hidden';} - - if (typeof scwNextAction!='undefined' && scwNextAction!=null) - {scwNextActionReturn = scwNextAction(); - // Explicit null set to prevent closure causing memory leak - scwNextAction = null; - } - } - - function scwCancel(scwEvt) - {if (scwClickToHide) scwHide(); - scwStopPropagation(scwEvt); - } - - function scwStopPropagation(scwEvt) - {if (scwEvt.stopPropagation) - scwEvt.stopPropagation(); // Capture phase - else scwEvt.cancelBubble = true; // Bubbling phase - } - - function scwBeginDrag(event) - {var elementToDrag = scwID('scw'); - - var deltaX = event.clientX, - deltaY = event.clientY, - offsetEle = elementToDrag; - - do {deltaX -= parseInt(offsetEle.offsetLeft,10); - deltaY -= parseInt(offsetEle.offsetTop ,10); - offsetEle = offsetEle.offsetParent; - } - while (offsetEle.tagName!='BODY' && - offsetEle.tagName!='HTML'); - - if (document.addEventListener) - {document.addEventListener('mousemove', - moveHandler, - true); // Capture phase - document.addEventListener('mouseup', - upHandler, - true); // Capture phase - } - else {elementToDrag.attachEvent('onmousemove', - moveHandler); // Bubbling phase - elementToDrag.attachEvent('onmouseup', - upHandler); // Bubbling phase - elementToDrag.setCapture(); - } - - scwStopPropagation(event); - - function moveHandler(scwEvt) - {if (!scwEvt) scwEvt = window.event; - - elementToDrag.style.left = (scwEvt.clientX - deltaX) + 'px'; - elementToDrag.style.top = (scwEvt.clientY - deltaY) + 'px'; - - if (scwID('scwIframe')) - {scwID('scwIframe').style.left = - (scwEvt.clientX - deltaX) + 'px'; - scwID('scwIframe').style.top = - (scwEvt.clientY - deltaY) + 'px'; - } - - scwStopPropagation(scwEvt); - } - - function upHandler(scwEvt) - {if (!scwEvt) scwEvt = window.event; - - if (document.removeEventListener) - {document.removeEventListener('mousemove', - moveHandler, - true); // Capture phase - document.removeEventListener('mouseup', - upHandler, - true); // Capture phase - } - else {elementToDrag.detachEvent('onmouseup', - upHandler); // Bubbling phase - elementToDrag.detachEvent('onmousemove', - moveHandler); // Bubbling phase - elementToDrag.releaseCapture(); - } - - scwStopPropagation(scwEvt); - } - } - - function scwShowMonth(scwBias) - {// Set the selectable Month and Year - // May be called: from the left and right arrows - // (shift month -1 and +1 respectively) - // from the month selection list - // from the year selection list - // from the showCal routine - // (which initiates the display). - - var scwShowDate = new Date(Date.parse(new Date().toDateString())), - scwStartDate = new Date(); - - // Set the time to the middle of the day so that the handful of - // regions that have daylight saving shifts that change the day - // of the month (i.e. turn the clock back at midnight or forward - // at 23:00) do not mess up the date display in the calendar. - - scwShowDate.setHours(12); - - scwSelYears = scwID('scwYears'); - scwSelMonths = scwID('scwMonths'); - - if (scwSelYears.options.selectedIndex>-1) - {scwMonthSum=12*(scwSelYears.options.selectedIndex)+scwBias; - if (scwSelMonths.options.selectedIndex>-1) - {scwMonthSum+=scwSelMonths.options.selectedIndex;} - } - else - {if (scwSelMonths.options.selectedIndex>-1) - {scwMonthSum+=scwSelMonths.options.selectedIndex;} - } - - scwShowDate.setFullYear(scwBaseYear + Math.floor(scwMonthSum/12), - (scwMonthSum%12), - 1); - - // If the Week numbers are displayed, shift the week day names - // to the right. - scwID('scwWeek_').style.display= - (scwWeekNumberDisplay) - ?((scwID('scwIFrame'))?'block':'table-cell') - :'none'; - - if ((12*parseInt((scwShowDate.getFullYear()-scwBaseYear),10)) + - parseInt(scwShowDate.getMonth(),10) < (12*scwDropDownYears) && - (12*parseInt((scwShowDate.getFullYear()-scwBaseYear),10)) + - parseInt(scwShowDate.getMonth(),10) > -1) - {scwSelYears.options.selectedIndex=Math.floor(scwMonthSum/12); - scwSelMonths.options.selectedIndex=(scwMonthSum%12); - - scwCurMonth = scwShowDate.getMonth(); - - scwShowDate.setDate((((scwShowDate. - getDay()-scwWeekStart)<0)?-6:1)+ - scwWeekStart-scwShowDate.getDay()); - - // This statement moved by Michael Cerveny to make version 3.55 - var scwCompareDateValue = new Date(scwShowDate.getFullYear(), - scwShowDate.getMonth(), - scwShowDate.getDate()).valueOf(); - - scwStartDate = new Date(scwShowDate); - - if (scwID('scwFoot')) - {var scwFoot = scwID('scwFoot'); - - function scwFootOutput() {scwSetOutput(scwDateNow);} - - if (scwDisabledDates.length==0) - {if (scwActiveToday && scwParmActiveToday) - {scwFoot.onclick = scwFootOutput; - scwFoot.className = 'scwFoot'; - - if (scwID('scwIFrame')) - {scwFoot.onmouseover = scwChangeClass; - scwFoot.onmouseout = scwChangeClass; - } - - } - else - {scwFoot.onclick = null; - scwFoot.className = 'scwFootDisabled'; - - if (scwID('scwIFrame')) - {scwFoot.onmouseover = null; - scwFoot.onmouseout = null; - } - - if (document.addEventListener) - {scwFoot.addEventListener('click', - scwStopPropagation, - false); - } - else {scwFoot.attachEvent('onclick', - scwStopPropagation);} - } - } - else - {for (var k=0;k= scwDisabledDates[k][0]. - valueOf() && - scwDateNow.valueOf() <= scwDisabledDates[k][1]. - valueOf() - ) - ) - ) - ) - {scwFoot.onclick = null; - scwFoot.className = 'scwFootDisabled'; - - if (scwID('scwIFrame')) - {scwFoot.onmouseover = null; - scwFoot.onmouseout = null; - } - - if (document.addEventListener) - {scwFoot.addEventListener('click', - scwStopPropagation, - false); - } - else {scwFoot.attachEvent('onclick', - scwStopPropagation); - } - break; - } - else - {scwFoot.onclick=scwFootOutput; - scwFoot.className='scwFoot'; - - if (scwID('scwIFrame')) - {scwFoot.onmouseover = scwChangeClass; - scwFoot.onmouseout = scwChangeClass; - } - } - } - } - } - - function scwSetOutput(scwOutputDate) - {if (typeof scwTargetEle.value == 'undefined') - {scwTriggerEle.scwTextNode. - replaceData(0,scwTriggerEle.scwLength, - scwOutputDate.scwFormat(scwDateOutputFormat)); - } - else - {scwTargetEle.value = - scwOutputDate.scwFormat(scwDateOutputFormat); - } - scwHide(); - } - - function scwCellOutput(scwEvt) - {var scwEle = scwEventTrigger(scwEvt), - scwOutputDate = new Date(scwStartDate); - - if (scwEle.nodeType==3) scwEle=scwEle.parentNode; - - scwOutputDate.setDate(scwStartDate.getDate() + - parseInt(scwEle.id.substr(8),10)); - - scwSetOutput(scwOutputDate); - } - - function scwChangeClass(scwEvt) - {var scwEle = scwEventTrigger(scwEvt); - - if (scwEle.nodeType==3) scwEle=scwEle.parentNode; - - switch (scwEle.className) - {case 'scwCells': - scwEle.className = 'scwCellsHover'; - break; - case 'scwCellsHover': - scwEle.className = 'scwCells'; - break; - case 'scwCellsExMonth': - scwEle.className = 'scwCellsExMonthHover'; - break; - case 'scwCellsExMonthHover': - scwEle.className = 'scwCellsExMonth'; - break; - case 'scwCellsWeekend': - scwEle.className = 'scwCellsWeekendHover'; - break; - case 'scwCellsWeekendHover': - scwEle.className = 'scwCellsWeekend'; - break; - case 'scwFoot': - scwEle.className = 'scwFootHover'; - break; - case 'scwFootHover': - scwEle.className = 'scwFoot'; - break; - case 'scwInputDate': - scwEle.className = 'scwInputDateHover'; - break; - case 'scwInputDateHover': - scwEle.className = 'scwInputDate'; - } - - return true; - } - - function scwEventTrigger(scwEvt) - {if (!scwEvt) scwEvt = event; - return scwEvt.target||scwEvt.srcElement; - } - - function scwWeekNumber(scwInDate) - {// The base day in the week of the input date - var scwInDateWeekBase = new Date(scwInDate); - - scwInDateWeekBase.setDate(scwInDateWeekBase.getDate() - - scwInDateWeekBase.getDay() - + scwWeekNumberBaseDay - + ((scwInDate.getDay()> - scwWeekNumberBaseDay)?7:0)); - - // The first Base Day in the year - var scwFirstBaseDay = - new Date(scwInDateWeekBase.getFullYear(),0,1); - - scwFirstBaseDay.setDate(scwFirstBaseDay.getDate() - - scwFirstBaseDay.getDay() - + scwWeekNumberBaseDay - ); - - if (scwFirstBaseDay < - new Date(scwInDateWeekBase.getFullYear(),0,1)) - {scwFirstBaseDay.setDate(scwFirstBaseDay.getDate()+7);} - - // Start of Week 01 - var scwStartWeekOne = new Date(scwFirstBaseDay - - scwWeekNumberBaseDay - + scwInDate.getDay()); - - if (scwStartWeekOne > scwFirstBaseDay) - {scwStartWeekOne.setDate(scwStartWeekOne.getDate()-7);} - - // Subtract the date of the current week from the date of the - // first week of the year to get the number of weeks in - // milliseconds. Divide by the number of milliseconds - // in a week then round to no decimals in order to remove - // the effect of daylight saving. Add one to make the first - // week, week 1. Place a string zero on the front so that - // week numbers are zero filled. - - var scwWeekNo = - '0' + (Math.round((scwInDateWeekBase - - scwFirstBaseDay)/604800000,0) + 1); - - // Return the last two characters in the week number string - - return scwWeekNo.substring(scwWeekNo.length-2, - scwWeekNo.length); - } - - // Treewalk to display the dates. - // I tried to use getElementsByName but IE refused to cooperate - // so I resorted to this method which works for all tested - // browsers. - - var scwCells = scwID('scwCells'); - - for (i=0;i - (new Date(scwBaseYear+ - scwDropDownYears,0,0, - scwShowDate.getHours())) - ) - ) || - (scwOutOfMonthDisable && - (scwShowDate < - (new Date(scwShowDate.getFullYear(), - scwCurMonth,1, - scwShowDate.getHours())) - || - scwShowDate > - (new Date(scwShowDate.getFullYear(), - scwCurMonth+1,0, - scwShowDate.getHours())) - ) - ) - )?true:false; - - scwCell.style.visibility = - (scwOutOfMonthHide && - (scwShowDate < - (new Date(scwShowDate.getFullYear(), - scwCurMonth,1, - scwShowDate.getHours())) - || - scwShowDate > - (new Date(scwShowDate.getFullYear(), - scwCurMonth+1,0, - scwShowDate.getHours())) - ) - )?'hidden':''; - - for (var k=0;k= - scwDisabledDates[k][0].valueOf() - && - scwCompareDateValue <= - scwDisabledDates[k][1].valueOf() - ) - {scwDisabled = true;} - } - } - - if (scwDisabled || - !scwEnabledDay[j-1+(7*((i*scwCells. - childNodes. - length)/6))] || - !scwPassEnabledDay[(j-1+(7*(i*scwCells. - childNodes. - length/6)))%7] - ) - {scwRows.childNodes[j].onclick = null; - - if (scwID('scwIFrame')) - {scwRows.childNodes[j].onmouseover = null; - scwRows.childNodes[j].onmouseout = null; - } - - scwCell.className= - (scwShowDate.getMonth()!=scwCurMonth) - ?'scwCellsExMonthDisabled' - :(scwBlnFullInputDate && - scwShowDate.toDateString()== - scwSeedDate.toDateString()) - ?'scwInputDateDisabled' - :(scwShowDate.getDay()%6==0) - ?'scwCellsWeekendDisabled' - :'scwCellsDisabled'; - - scwCell.style.borderColor = - (scwFormatTodayCell && scwShowDate.toDateString()==scwDateNow.toDateString()) - ?scwTodayCellBorderColour - :(scwCell.currentStyle) - ?scwCell.currentStyle['backgroundColor'] - :(window.getComputedStyle) - ?document.defaultView.getComputedStyle(scwCell,null).getPropertyValue('background-color') - :''; - } - else - {scwRows.childNodes[j].onclick=scwCellOutput; - - if (scwID('scwIFrame')) - {scwRows.childNodes[j].onmouseover = - scwChangeClass; - scwRows.childNodes[j].onmouseout = - scwChangeClass; - } - - scwCell.className= - (scwShowDate.getMonth()!=scwCurMonth) - ?'scwCellsExMonth' - :(scwBlnFullInputDate && - scwShowDate.toDateString()== - scwSeedDate.toDateString()) - ?'scwInputDate' - :(scwShowDate.getDay()%6==0) - ?'scwCellsWeekend' - :'scwCells'; - - scwCell.style.borderColor = - (scwFormatTodayCell && scwShowDate.toDateString() == scwDateNow.toDateString()) - ?scwTodayCellBorderColour - :(scwCell.currentStyle) - ?scwCell.currentStyle['backgroundColor'] - :(window.getComputedStyle) - ?document.defaultView.getComputedStyle(scwCell,null).getPropertyValue('background-color') - :''; - } - - scwShowDate.setDate(scwShowDate.getDate()+1); - scwCompareDateValue = new Date(scwShowDate.getFullYear(), - scwShowDate.getMonth(), - scwShowDate.getDate()).valueOf(); - } - } - } - } - } - // Force a re-draw to prevent Opera's poor dynamic rendering - // from leaving garbage in the calendar when the displayed - // month is changed. - scwID('scw').style.visibility='hidden'; - scwID('scw').style.visibility='visible'; - } + } + } + } + // Force a re-draw to prevent Opera's poor dynamic rendering + // from leaving garbage in the calendar when the displayed + // month is changed. + scwID('scw').style.visibility = 'hidden'; + scwID('scw').style.visibility = 'visible'; +} // ************************* // End of Function Library @@ -1667,110 +1653,111 @@ // Start of Calendar structure // *************************** - document.write( - "" + - "" + - "" + - "" + - "" + - "" + - "
" + - "" + - "" + - "" + - "" + - "" + - "" + - "" + - "" + - "" + - "" + - "
" + - "" + - "" + - "" + - "" + - "" + - "
" + - "
" + - "" + - "" + - ""); +document.write( + "" + + "
" + + "" + + "" + + "" + + "" + + "" + - "" + - "
" + + "" + + "" + + "" + + "" + + "" + + "" + + "" + + "" + + "" + + "" + + "
" + + "" + + "" + + "" + + "" + + "" + + "
" + + "
" + + "" + + "" + + ""); - for (i=0;i<7;i++) - document.write( ""); +for (i = 0; i < 7; i++) + document.write(""); - document.write("" + - "" + - ""); +document.write("" + + "" + + ""); - for (i=0;i<6;i++) - {document.write( - "" + - ""); - for (j=0;j<7;j++) - {document.write( - ""); - } +for (i = 0; i < 6; i++) { + document.write( + "" + + ""); + for (j = 0; j < 7; j++) { + document.write( + ""); + } - document.write( - ""); - } + document.write( + ""); +} - document.write( - ""); +document.write( + ""); - if ((new Date(scwBaseYear + scwDropDownYears, 0, 0)) > scwDateNow && - (new Date(scwBaseYear, 0, 0)) < scwDateNow) - {document.write( - "" + - "" + - "" + - "" + - ""); - } +if ((new Date(scwBaseYear + scwDropDownYears, 0, 0)) > scwDateNow && + (new Date(scwBaseYear, 0, 0)) < scwDateNow) { + document.write( + "" + + "" + + "" + + "" + + ""); +} - document.write( - "
" + - "
" + + "
" + - "
"); +document.write( + "
" + + "" + + "" + + ""); - if (document.addEventListener) - {scwID('scw' ).addEventListener('click',scwCancel,false); - scwID('scwHeadLeft' ).addEventListener('click',scwStopPropagation,false); - scwID('scwMonths' ).addEventListener('click',scwStopPropagation,false); - scwID('scwMonths' ).addEventListener('change',scwStopPropagation,false); - scwID('scwYears' ).addEventListener('click',scwStopPropagation,false); - scwID('scwYears' ).addEventListener('change',scwStopPropagation,false); - scwID('scwHeadRight').addEventListener('click',scwStopPropagation,false); - } - else {scwID('scw' ).attachEvent('onclick',scwCancel); - scwID('scwHeadLeft' ).attachEvent('onclick',scwStopPropagation); - scwID('scwMonths' ).attachEvent('onclick',scwStopPropagation); - scwID('scwMonths' ).attachEvent('onchange',scwStopPropagation); - scwID('scwYears' ).attachEvent('onclick',scwStopPropagation); - scwID('scwYears' ).attachEvent('onchange',scwStopPropagation); - scwID('scwHeadRight').attachEvent('onclick',scwStopPropagation); - } +if (document.addEventListener) { + scwID('scw').addEventListener('click', scwCancel, false); + scwID('scwHeadLeft').addEventListener('click', scwStopPropagation, false); + scwID('scwMonths').addEventListener('click', scwStopPropagation, false); + scwID('scwMonths').addEventListener('change', scwStopPropagation, false); + scwID('scwYears').addEventListener('click', scwStopPropagation, false); + scwID('scwYears').addEventListener('change', scwStopPropagation, false); + scwID('scwHeadRight').addEventListener('click', scwStopPropagation, false); +} +else { + scwID('scw').attachEvent('onclick', scwCancel); + scwID('scwHeadLeft').attachEvent('onclick', scwStopPropagation); + scwID('scwMonths').attachEvent('onclick', scwStopPropagation); + scwID('scwMonths').attachEvent('onchange', scwStopPropagation); + scwID('scwYears').attachEvent('onclick', scwStopPropagation); + scwID('scwYears').attachEvent('onchange', scwStopPropagation); + scwID('scwHeadRight').attachEvent('onclick', scwStopPropagation); +} // *************************** // End of Calendar structure @@ -1779,9 +1766,8 @@ // Start of document level event definition // **************************************** - if (document.addEventListener) - {document.addEventListener('click',scwHide, false);} - else {document.attachEvent('onclick',scwHide);} +if (document.addEventListener) { document.addEventListener('click', scwHide, false); } +else { document.attachEvent('onclick', scwHide); } // **************************************** // End of document level event definition diff --git a/pandora_console/include/javascript/functions_pandora_networkmap.js b/pandora_console/include/javascript/functions_pandora_networkmap.js index 93797e204d..23e7f0cb57 100644 --- a/pandora_console/include/javascript/functions_pandora_networkmap.js +++ b/pandora_console/include/javascript/functions_pandora_networkmap.js @@ -2562,12 +2562,12 @@ function restart_map() { "
"; dialog_confirm_text = dialog_confirm_text + - "

" + + "

" + warning_message + "

"; dialog_confirm_text = dialog_confirm_text + - "

" + + "

" + message_to_confirm + "

"; dialog_confirm_text = dialog_confirm_text + "

"; @@ -4090,7 +4090,7 @@ function draw_elements_graph() { "style", "font-size: " + font_size + - "px !important; font-family:Verdana; text-align:center; text-anchor:middle; fill:#000000" + "px !important; text-align:center; text-anchor:middle; fill:#000000" ) .text(function(d) { return ellipsize(get_node_name_ov(d), 30); diff --git a/pandora_console/include/javascript/pandora.js b/pandora_console/include/javascript/pandora.js index a9a742f0cd..2601f3af17 100644 --- a/pandora_console/include/javascript/pandora.js +++ b/pandora_console/include/javascript/pandora.js @@ -1621,7 +1621,6 @@ function paint_graph_status( .attr("x", legend_width_x + 15) .attr("y", legend_height_x - 20) .attr("fill", "black") - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", "8pt") .attr("class", "invert_filter") @@ -1648,7 +1647,6 @@ function paint_graph_status( .attr("x", legend_width_x + 15) .attr("y", legend_height_x + 5) .attr("fill", "black") - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", "8pt") .attr("class", "invert_filter") @@ -1673,7 +1671,6 @@ function paint_graph_status( .attr("x", legend_width_x + 15) .attr("y", legend_height_x + 30) .attr("fill", "black") - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", "8pt") .attr("class", "invert_filter") @@ -1819,7 +1816,6 @@ function paint_graph_status( .attr("x", width_x) .attr("y", height_x) .attr("fill", "black") - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", 14) .style("fill", "red") @@ -1835,7 +1831,6 @@ function paint_graph_status( .attr("x", width_x) .attr("y", height_x) .attr("fill", "black") - .style("font-family", "arial") .style("font-weight", "bold") .style("font-size", 14) .style("fill", "red") diff --git a/pandora_console/include/visual-console-client/vc.main.min.js b/pandora_console/include/visual-console-client/vc.main.min.js index f7af337b2b..73f77fb88c 100644 --- a/pandora_console/include/visual-console-client/vc.main.min.js +++ b/pandora_console/include/visual-console-client/vc.main.min.js @@ -1,2 +1,2 @@ -!function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(i,r,function(e){return t[e]}.bind(null,r));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=14)}([function(t,e,n){"use strict";n.d(e,"n",function(){return r}),n.d(e,"m",function(){return s}),n.d(e,"s",function(){return o}),n.d(e,"k",function(){return a}),n.d(e,"l",function(){return l}),n.d(e,"o",function(){return u}),n.d(e,"r",function(){return p}),n.d(e,"j",function(){return h}),n.d(e,"i",function(){return d}),n.d(e,"h",function(){return m}),n.d(e,"p",function(){return f}),n.d(e,"d",function(){return _}),n.d(e,"f",function(){return y}),n.d(e,"g",function(){return b}),n.d(e,"q",function(){return v}),n.d(e,"c",function(){return E}),n.d(e,"a",function(){return w}),n.d(e,"b",function(){return O}),n.d(e,"t",function(){return k}),n.d(e,"e",function(){return M});n(9),n(4),n(5),n(12);var i=function(){return(i=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0&&!isNaN(parseInt(t))?parseInt(t):e}function s(t,e){return"number"==typeof t?t:"string"==typeof t&&t.length>0&&!isNaN(parseFloat(t))?parseFloat(t):e}function o(t){return null==t||0===t.length}function a(t,e){return"string"==typeof t&&t.length>0?t:e}function l(t){return"boolean"==typeof t?t:"number"==typeof t?t>0:"string"==typeof t&&("1"===t||"true"===t)}function c(t,e,n){void 0===n&&(n=" "),"number"==typeof t&&(t=""+t),"number"==typeof n&&(n=""+n);var i=e-t.length;if(0===i)return t;if(i<0)return t.substr(Math.abs(i));if(i===n.length)return""+n+t;if(i0&&i_||h+s+y.width-v>p.width||s===g&&h<0&&i>f+g+c,M=r0&&rm||b+o+y.height-v>p.height||o===E&&b<0&&r>d+E+u;(e=x?0:k?g:h+s)<0&&(e=0),(n=M?0:A?E:b+o)<0&&(n=0),a=i,l=r,e===s&&n===o||(O(e,n),w(e,n),s=e,o=n)},M=function(){s=0,o=0,a=0,l=0,document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",M),t.draggable=r,document.body.style.userSelect="auto"},A=function(e){if(2!==e.button){e.stopPropagation(),t.draggable=!1,t.setAttribute("ondragstart","return false;"),t.setAttribute("draggable","false");var n=x(t,i);s=n.left,o=n.top,a=e.pageX,l=e.pageY,c=e.offsetX,u=e.offsetY,p=i.getBoundingClientRect(),h=x(i),d=h.top,m=d+p.height,f=h.left,_=f+p.width,y=t.getBoundingClientRect(),b=window.getComputedStyle(t).borderWidth||"0",v=2*Number.parseInt(b),document.addEventListener("mousemove",k),document.addEventListener("mouseup",M),document.body.style.userSelect="none"}};return t.addEventListener("mousedown",A),function(){t.removeEventListener("mousedown",A),M()}}function O(t,e){var n=document.createElement("div");n.className="resize-draggable",t.appendChild(n);var i=t.parentElement,r=t.draggable,s=0,o=0,a=0,l=0,c=0,u=i.getBoundingClientRect(),p=x(i),h=p.top,d=h+u.height,m=p.left,f=m+u.width,_=x(t),y=_.top,b=_.left,v=window.getComputedStyle(t).borderWidth||"0",w=Number.parseInt(v),O=E(32,e),k=g(16,e),M=function(t){var e=s+(t.pageX-a),n=o+(t.pageY-l);e===s&&n===o||eb+(s-c)||(e<15?e=15:e+b-w/2>=f&&(e=f-b),n<15?n=15:n+y-w/2>=d&&(n=d-y),k(e,n),O(e,n),s=e,o=n,a=t.pageX,l=t.pageY)},A=function(){s=0,o=0,a=0,l=0,c=0,0,document.removeEventListener("mousemove",M),document.removeEventListener("mouseup",A),t.draggable=r,document.body.style.userSelect="auto"};return n.addEventListener("mousedown",function(e){e.stopPropagation(),t.draggable=!1;var n=t.getBoundingClientRect(),r=n.width,v=n.height;s=r,o=v,a=e.pageX,l=e.pageY,c=e.offsetX,e.offsetY,u=i.getBoundingClientRect(),p=x(i),h=p.top,d=h+u.height,m=p.left,f=m+u.width,_=x(t),y=_.top,b=_.left,document.addEventListener("mousemove",M),document.addEventListener("mouseup",A),document.body.style.userSelect="none"}),function(){n.remove(),A()}}function k(t){return t}function M(t,e,n){return void 0===e&&(e=140),void 0===n&&(n="…"),t.trim().length>e?t.substr(0,e).trim()+n:t}},function(t,e,n){"use strict";n.d(e,"b",function(){return l});var i=n(0),r=n(2),s=n(3),o=function(){return(o=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0){var i=e.labelElementRef.getBoundingClientRect(),r=i.width,s=i.height;switch(e.props.labelPosition){case"up":case"down":n-=s;break;case"left":case"right":t-=r}}var o={width:e.props.width,height:e.props.height},a={width:t,height:n};e.sizeChanged(o,a)&&(e.resizeElement(t,n),e.resizedEventManager.emit({item:e,prevSize:o,newSize:a}),e.debouncedResizementSave(t,n))}))},t.prototype.stopResizementListener=function(){this.removeResizement&&(this.removeResizement(),this.removeResizement=null)},t.prototype.init=function(){this.elementRef=this.createContainerDomElement(),this.labelElementRef=this.createLabelDomElement(),this.childElementRef=this.createDomElement(),this.elementRef.appendChild(this.childElementRef),this.elementRef.appendChild(this.labelElementRef),this.resizeElement(this.itemProps.width,this.itemProps.height),this.changeLabelPosition(this.itemProps.labelPosition)},t.prototype.createContainerDomElement=function(){var t,e=this;return this.props.isLinkEnabled?(t=document.createElement("a"),this.props.link?t.href=this.props.link:t.className="textDecorationNone"):(t=document.createElement("div")).className="textDecorationNone",t.classList.add("visual-console-item"),this.props.isOnTop&&t.classList.add("is-on-top"),t.style.left=this.props.x+"px",t.style.top=this.props.y+"px",t.addEventListener("dblclick",function(t){e.meta.isBeingMoved||e.meta.isBeingResized||(e.unSelectItem(),e.selectItem(),e.dblClickEventManager.emit({item:e,nativeEvent:t}))}),t.addEventListener("click",function(t){if(e.meta.editMode)t.preventDefault(),t.stopPropagation();else if(e.itemProps.isLinkEnabled&&null!=e.itemProps.link){var n=document.createElement("div");n.className="div-visual-console-spinner";var i=document.createElement("div");i.className="visual-console-spinner",n.appendChild(i);var r=document.getElementById("visual-console-container");null!=r&&(r.classList.add("is-updating"),r.appendChild(n))}e.meta.isBeingMoved||e.meta.isBeingResized||e.clickEventManager.emit({item:e,nativeEvent:t})}),this.meta.editMode&&t.classList.add("is-editing"),this.meta.isFetching&&t.classList.add("is-fetching"),this.meta.isUpdating&&t.classList.add("is-updating"),this.meta.isSelected&&t.classList.add("is-selected"),t},t.prototype.createLabelDomElement=function(){var t=document.createElement("div");t.className="visual-console-item-label";var e=this.getLabelWithMacrosReplaced();if(e.length>0){var n=document.createElement("table"),i=document.createElement("tr"),r=document.createElement("tr"),s=document.createElement("tr"),o=document.createElement("td");switch(o.innerHTML=e,i.appendChild(o),n.appendChild(r),n.appendChild(i),n.appendChild(s),n.style.textAlign="center",this.props.labelPosition){case"up":case"down":this.props.width>0&&(n.style.width=this.props.width+"px",n.style.height=null);break;case"left":case"right":this.props.height>0&&(n.style.width=null,n.style.height=this.props.height+"px")}t.appendChild(n)}return t},t.prototype.getLabelWithMacrosReplaced=function(){var t=this.props;return Object(i.q)([{macro:"_date_",value:Object(i.f)(new Date)},{macro:"_time_",value:Object(i.g)(new Date)},{macro:"_agent_",value:null!=t.agentAlias?t.agentAlias:""},{macro:"_agentdescription_",value:null!=t.agentDescription?t.agentDescription:""},{macro:"_address_",value:null!=t.agentAddress?t.agentAddress:""},{macro:"_module_",value:null!=t.moduleName?t.moduleName:""},{macro:"_moduledescription_",value:null!=t.moduleDescription?t.moduleDescription:""}],this.props.label||"")},t.prototype.updateDomElement=function(t){t.innerHTML=this.createDomElement().innerHTML},Object.defineProperty(t.prototype,"props",{get:function(){return o({},this.itemProps)},set:function(t){this.setProps(t)},enumerable:!0,configurable:!0}),t.prototype.setProps=function(t){var e=this.props;this.itemProps=t,this.shouldBeUpdated(e,t)&&this.render(e,this._metadata)},Object.defineProperty(t.prototype,"meta",{get:function(){return o({},this._metadata)},set:function(t){this.setMeta(t)},enumerable:!0,configurable:!0}),t.prototype.setMeta=function(t){var e=this._metadata;this._metadata=o({},e,t),void 0!==t.isSelected&&e.isSelected!==t.isSelected&&this.selectionChangedEventManager.emit({selected:t.isSelected}),this.render(this.itemProps,e)},t.prototype.shouldBeUpdated=function(t,e){return t!==e},t.prototype.render=function(t,e){void 0===t&&(t=null),void 0===e&&(e=null),this.updateDomElement(this.childElementRef),t&&!this.positionChanged(t,this.props)||this.moveElement(this.props.x,this.props.y),t&&!this.sizeChanged(t,this.props)||this.resizeElement(this.props.width,this.props.height);var n=this.labelElementRef.innerHTML,i=this.createLabelDomElement().innerHTML;if(n!==i&&(this.labelElementRef.innerHTML=i),t&&t.labelPosition===this.props.labelPosition||this.changeLabelPosition(this.props.labelPosition),t&&t.isOnTop===this.props.isOnTop||(this.props.isOnTop?this.elementRef.classList.add("is-on-top"):this.elementRef.classList.remove("is-on-top")),t&&t.isLinkEnabled!==this.props.isLinkEnabled){var r=this.createContainerDomElement();r.innerHTML=this.elementRef.innerHTML;for(var s=this.elementRef.attributes,o=0;o0?e.item(0):null;if(n)switch(this.props.labelPosition){case"up":case"down":this.props.width>0&&(n.style.width=this.props.width+"px",n.style.height=null);break;case"left":case"right":this.props.height>0&&(n.style.width=null,n.style.height=this.props.height+"px")}},t.prototype.moveElement=function(t,e){this.elementRef.style.left=t+"px",this.elementRef.style.top=e+"px"},t.prototype.move=function(t,e){this.moveElement(t,e),this.itemProps=o({},this.props,{x:t,y:e})},t.prototype.sizeChanged=function(t,e){return t.width!==e.width||t.height!==e.height},t.prototype.resizeElement=function(t,e){if(13!=this.props.type&&21!=this.props.type&&(this.childElementRef.style.width=t>0?t+"px":null,this.childElementRef.style.height=e>0?e+"px":null),this.props.label&&this.props.label.length>0){var n=this.labelElementRef.getElementsByTagName("table"),i=n.length>0?n.item(0):null;if(i)switch(this.props.labelPosition){case"up":case"down":i.style.width=t>0?t+"px":null;break;case"left":case"right":i.style.height=e>0?e+"px":null}}},t.prototype.resize=function(t,e){this.resizeElement(t,e),this.itemProps=o({},this.props,{width:t,height:e})},t.prototype.onClick=function(t){var e=this.clickEventManager.on(t);return this.disposables.push(e),e},t.prototype.onDblClick=function(t){var e=this.dblClickEventManager.on(t);return this.disposables.push(e),e},t.prototype.onMoved=function(t){var e=this.movedEventManager.on(t);return this.disposables.push(e),e},t.prototype.onMovementFinished=function(t){var e=this.movementFinishedEventManager.on(t);return this.disposables.push(e),e},t.prototype.onResized=function(t){var e=this.resizedEventManager.on(t);return this.disposables.push(e),e},t.prototype.onResizeFinished=function(t){var e=this.resizeFinishedEventManager.on(t);return this.disposables.push(e),e},t.prototype.onRemove=function(t){var e=this.removeEventManager.on(t);return this.disposables.push(e),e},t.prototype.onSelectionChanged=function(t){var e=this.selectionChangedEventManager.on(t);return this.disposables.push(e),e},t.prototype.selectItem=function(){this.meta=o({},this.meta,{isSelected:!0}),this.initMovementListener(this.elementRef),13!==this.props.type&&21!==this.props.type&&this.initResizementListener(this.elementRef)},t.prototype.unSelectItem=function(){this.meta=o({},this.meta,{isSelected:!1}),this.stopMovementListener(),13!==this.props.type&&this.stopResizementListener()},t.prototype.getFormContainer=function(){return t.getFormContainer(this.props)},t.getFormContainer=function(t){var e=t.type?function(t){var e="";switch(t){case 0:e=Object(i.t)("Static image");break;case 1:e=Object(i.t)("Module graph");break;case 2:e=Object(i.t)("Simple value");break;case 3:e=Object(i.t)("Percentile item");break;case 4:e=Object(i.t)("Label");break;case 5:e=Object(i.t)("Icon");break;case 6:case 7:case 8:e=Object(i.t)("Simple value");break;case 9:e=Object(i.t)("Percentile item");break;case 10:e=Object(i.t)("Service");break;case 11:e=Object(i.t)("Group");break;case 12:e=Object(i.t)("Box");break;case 13:e=Object(i.t)("Line");break;case 14:e=Object(i.t)("Event history graph");break;case 15:case 16:e=Object(i.t)("Percentile item");break;case 17:e=Object(i.t)("Serialized pie graph");break;case 18:e=Object(i.t)("Bars graph");break;case 19:e=Object(i.t)("Clock");break;case 20:e=Object(i.t)("Color cloud");break;case 21:e=Object(i.t)("Network link");break;default:e=Object(i.t)("Item")}return e}(t.type):Object(i.t)("Item");return new s.FormContainer(e,[],[])},t}();e.a=c},function(t,e,n){"use strict";var i=function(){return function(){var t=this;this.listeners=[],this.listenersOncer=[],this.on=function(e){return t.listeners.push(e),{dispose:function(){return t.off(e)}}},this.once=function(e){t.listenersOncer.push(e)},this.off=function(e){var n=t.listeners.indexOf(e);n>-1&&t.listeners.splice(n,1)},this.emit=function(e){t.listeners.forEach(function(t){return t(e)}),t.listenersOncer.forEach(function(t){return t(e)}),t.listenersOncer=[]},this.pipe=function(e){return t.on(function(t){return e.emit(t)})}}}();e.a=i},function(t,e,n){"use strict";n.r(e),n.d(e,"InputGroup",function(){return s}),n.d(e,"FormContainer",function(){return o});var i=n(2),r=function(){return(r=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0&&(this.inputGroupsByName=e.reduce(function(t,e){return e.onDataRequested(r.handleItemDataRequested),t[e.name]=e,t},this.inputGroupsByName)),n.length>0&&(this.enabledInputGroupNames=this.enabledInputGroupNames.concat(n.filter(function(t){return null!=r.inputGroupsByName[t]})))}return t.prototype.getInputGroup=function(t){return this.inputGroupsByName[t]||null},t.prototype.addInputGroup=function(t,e){return void 0===e&&(e=null),t.onDataRequested(this.handleItemDataRequested),this.inputGroupsByName[t.name]=t,this.enabledInputGroupNames=this.enabledInputGroupNames.filter(function(e){return e!==t.name}),null!==e?e<=0?this.enabledInputGroupNames=[t.name].concat(this.enabledInputGroupNames):e>=this.enabledInputGroupNames.length?this.enabledInputGroupNames=this.enabledInputGroupNames.concat([t.name]):this.enabledInputGroupNames=this.enabledInputGroupNames.slice(0,e).concat([t.name],this.enabledInputGroupNames.slice(e)):this.enabledInputGroupNames=this.enabledInputGroupNames.concat([t.name]),this},t.prototype.removeInputGroup=function(t){return delete this.inputGroupsByName[t],this.enabledInputGroupNames=this.enabledInputGroupNames.filter(function(e){return e!==t}),this},t.prototype.getFormElement=function(t){var e=this;void 0===t&&(t="update");var n=document.createElement("form");n.id="visual-console-item-edition",n.className="visual-console-item-edition",n.addEventListener("submit",function(t){t.preventDefault(),e.submitEventManager.emit({nativeEvent:t,data:e.enabledInputGroupNames.reduce(function(t,n){return e.inputGroupsByName[n]&&(t=r({},t,e.inputGroupsByName[n].data)),t},{})})});var i=document.createElement("div");return i.className="input-groups",this.enabledInputGroupNames.forEach(function(t){e.inputGroupsByName[t]&&i.appendChild(e.inputGroupsByName[t].element)}),n.appendChild(i),n},t.prototype.reset=function(){var t=this;this.enabledInputGroupNames.forEach(function(e){t.inputGroupsByName[e]&&t.inputGroupsByName[e].reset()})},t.prototype.onSubmit=function(t){return this.submitEventManager.on(t)},t.prototype.onInputGroupDataRequested=function(t){return this.itemDataRequestedEventManager.on(t)},t}()},function(t,e,n){"use strict";n(11);var i="http://www.w3.org/2000/svg";e.a=function(t,e,n){var r=void 0===n?{}:n,s=r.size,o=r.color,a=r.spin,l=r.pulse,c=document.createElement("figure");c.title=e,c.className="fa fa-"+t.iconName,s&&c.classList.add("fa-"+s),a?c.classList.add("fa-spin"):l&&c.classList.add("fa-pulse");var u=document.createElementNS(i,"svg");u.setAttribute("viewBox","0 0 "+t.icon[0]+" "+t.icon[1]),o&&u.setAttribute("fill",o);var p=document.createElementNS(i,"path"),h="string"==typeof t.icon[4]?t.icon[4]:t.icon[4][0];return p.setAttribute("d",h),u.appendChild(p),c.appendChild(u),c}},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return r}),n.d(e,"c",function(){return s}),n.d(e,"d",function(){return o});var i={prefix:"fas",iconName:"list-alt",icon:[512,512,[],"f022","M464 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zM128 120c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm0 96c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm0 96c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm288-136v-32c0-6.627-5.373-12-12-12H204c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h200c6.627 0 12-5.373 12-12zm0 96v-32c0-6.627-5.373-12-12-12H204c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h200c6.627 0 12-5.373 12-12zm0 96v-32c0-6.627-5.373-12-12-12H204c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h200c6.627 0 12-5.373 12-12z"]},r={prefix:"fas",iconName:"pencil-alt",icon:[512,512,[],"f303","M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"]},s={prefix:"fas",iconName:"plus-circle",icon:[512,512,[],"f055","M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"]},o={prefix:"fas",iconName:"trash-alt",icon:[448,512,[],"f2ed","M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"]}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",function(){return eventsHistoryPropsDecoder});var _lib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_Item__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1),__extends=(extendStatics=function(t,e){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)},function(t,e){function n(){this.constructor=t}extendStatics(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}),extendStatics,__assign=function(){return(__assign=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0){var y=_.item(0);if(null!=y){y.setAttribute("width",""+(r+o)),y.setAttribute("height",""+(s+o));var b=y.getElementsByTagNameNS(T,"line");if(b.length>0){var v=b.item(0);null!=v&&(v.setAttribute("x1",""+h),v.setAttribute("y1",""+d),v.setAttribute("x2",""+m),v.setAttribute("y2",""+f),v.setAttribute("stroke",p||"black"),v.setAttribute("stroke-width",""+o))}}}if(this.moveMode){var g=document.createElement("div"),E=document.createElement("div");if(this.isMoving){var x=t.getElementsByClassName("visual-console-item-line-circle-start");if(x.length>0)(k=x.item(0))&&(g=k);var w=t.getElementsByClassName("visual-console-item-line-circle-end");if(w.length>0)(k=w.item(0))&&(E=k)}if(g.classList.add("visual-console-item-line-circle","visual-console-item-line-circle-start"),g.style.width=2*this.circleRadius+"px",g.style.height=2*this.circleRadius+"px",g.style.borderRadius="50%",g.style.backgroundColor=""+p,g.style.position="absolute",g.style.left=h-this.circleRadius+"px",g.style.top=d-this.circleRadius+"px",E.classList.add("visual-console-item-line-circle","visual-console-item-line-circle-end"),E.style.width=2*this.circleRadius+"px",E.style.height=2*this.circleRadius+"px",E.style.borderRadius="50%",E.style.backgroundColor=""+p,E.style.position="absolute",E.style.left=m-this.circleRadius+"px",E.style.top=f-this.circleRadius+"px",null!==t.parentElement){for(var O=t.parentElement.getElementsByClassName("visual-console-item-line-circle");O.length>0;){(k=O.item(0))&&k.remove()}t.parentElement.appendChild(g),t.parentElement.appendChild(E)}this.initStartPositionMovementListener(g,this.elementRef.parentElement),this.initEndPositionMovementListener(E,this.elementRef.parentElement)}else if(this.moveMode)this.stopStartPositionMovementListener();else if(this.stopStartPositionMovementListener(),null!==t.parentElement)for(O=t.parentElement.getElementsByClassName("visual-console-item-line-circle");O.length>0;){var k;(k=O.item(0))&&k.remove()}},e.extractBoxSizeAndPosition=function(t,e){return{width:Math.abs(t.x-e.x),height:Math.abs(t.y-e.y),x:Math.min(t.x,e.x),y:Math.min(t.y,e.y)}},e.prototype.move=function(e,n){t.prototype.moveElement.call(this,e,n);var i=this.props.startPosition.x-this.props.endPosition.x<=0,r=this.props.startPosition.y-this.props.endPosition.y<=0,s={x:i?e:this.props.width+e,y:r?n:this.props.height+n},o={x:i?this.props.width+e:e,y:r?this.props.height+n:n};this.props=A({},this.props,{startPosition:s,endPosition:o})},e.prototype.remove=function(){this.stopStartPositionMovementListener(),t.prototype.remove.call(this)},e.prototype.onLineMovementFinished=function(t){var e=this.lineMovedEventManager.on(t);return this.lineMovedEventDisposables.push(e),e},e}(s.a),P=C,S=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),I=function(){return(I=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0){if(null!=(i=v.item(0))){for(var g=i.getElementsByTagNameNS("http://www.w3.org/2000/svg","line"),E=i.getElementsByTagNameNS("http://www.w3.org/2000/svg","g");E.length>0;)E[0].remove();g.length>0&&(n=g.item(0))}if(null!=i&&null!=n){var x=u.x-s+a/2+l/2,w=u.y-o+a/2+c/2,O=p.x-s+a/2+l/2,k=p.y-o+a/2+c/2,M=u.x-s+a/2+l/2,A=u.y-o+a/2+c/2,j=p.x-s+a/2+l/2,T=p.y-o+a/2+c/2,C=180*Math.atan2(k-w,O-x)/Math.PI;if(y<=0){g=m.split("
");y=0,g.forEach(function(t){t.length>y&&(y=10*t.length)}),b<=0&&(b=25*g.length)}if(f<=0){g=d.split("
");f=0,g.forEach(function(t){t.length>f&&(f=10*t.length)}),_<=0&&(_=25*g.length)}if(Mj&&(M-=25+y,j+=25),AT&&(A-=25+b,T+=25),void 0===h&&(h="#000"),null!==e.parentElement){for(var P=e.parentElement.getElementsByClassName("vc-item-nl-label");P.length>0;){var S=P.item(0);S&&S.remove()}for(var I=e.parentElement.getElementsByClassName("vc-item-nl-arrow");I.length>0;){var L=I.item(0);L&&L.remove()}}var R=2*a,N=x+(O-x)/2-R,D=w+(k-w)/2-R,z=document.createElement("div");z.classList.add("vc-item-nl-arrow"),z.style.position="absolute",z.style.border=R+"px solid transparent",z.style.borderBottom=R+"px solid "+h,z.style.left=N+"px",z.style.top=D+"px",z.style.transform="rotate("+(90+C)+"deg)";var B=document.createElement("div");if(B.classList.add("vc-item-nl-arrow"),B.style.position="absolute",B.style.border=R+"px solid transparent",B.style.borderBottom=R+"px solid "+h,B.style.left=N+"px",B.style.top=D+"px",B.style.transform="rotate("+(270+C)+"deg)",null!==e.parentElement&&(e.parentElement.appendChild(z),e.parentElement.appendChild(B)),""!=m){var H=document.createElement("div");try{H.innerHTML=m,H.style.position="absolute",H.style.left=M+"px",H.style.top=A+"px",H.style.width=y+"px",H.style.border="2px solid "+h,H.classList.add("vc-item-nl-label","label-start")}catch(t){console.error(t)}null!==e.parentElement&&e.parentElement.appendChild(H)}if(""!=d){var G=document.createElement("div");try{G.innerHTML=d,G.style.position="absolute",G.style.left=j+"px",G.style.top=T+"px",G.style.width=f+"px",G.style.border="2px solid "+h,G.classList.add("vc-item-nl-label","label-end")}catch(t){console.error(t)}null!==e.parentElement&&e.parentElement.appendChild(G)}}}},e}(P),N=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),D=function(){return(D=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0){var y=document.createElementNS(t,"text");y.setAttribute("text-anchor","middle"),y.setAttribute("font-size","8"),y.setAttribute("transform","translate(30 50) rotate(90)"),y.setAttribute("fill",i),y.textContent=_,m.append(y)}var b=document.createElementNS(t,"g");b.setAttribute("class","marks");var v=document.createElementNS(t,"g");v.setAttribute("class","mark"),v.setAttribute("transform","translate(50 50)");var g=document.createElementNS(t,"line");g.setAttribute("x1","36"),g.setAttribute("y1","0"),g.setAttribute("x2","46"),g.setAttribute("y2","0"),g.setAttribute("stroke",i),g.setAttribute("stroke-width","5");var E=document.createElementNS(t,"line");E.setAttribute("x1","36"),E.setAttribute("y1","0"),E.setAttribute("x2","46"),E.setAttribute("y2","0"),E.setAttribute("stroke",e),E.setAttribute("stroke-width","1"),v.append(g,E),b.append(v);for(var x=1;x<60;x++){var w=document.createElementNS(t,"line");w.setAttribute("y1","0"),w.setAttribute("y2","0"),w.setAttribute("stroke",i),w.setAttribute("transform","translate(50 50) rotate("+6*x+")"),x%5==0?(w.setAttribute("x1","38"),w.setAttribute("x2","46"),w.setAttribute("stroke-width",x%15==0?"2":"1")):(w.setAttribute("x1","42"),w.setAttribute("x2","46"),w.setAttribute("stroke-width","0.5")),b.append(w)}var O=document.createElementNS(t,"g");O.setAttribute("class","hour-hand"),O.setAttribute("transform","translate(50 50)");var k=document.createElementNS(t,"line");k.setAttribute("class","hour-hand-a"),k.setAttribute("x1","0"),k.setAttribute("y1","0"),k.setAttribute("x2","30"),k.setAttribute("y2","0"),k.setAttribute("stroke",o),k.setAttribute("stroke-width","4"),k.setAttribute("stroke-linecap","round");var M=document.createElementNS(t,"line");M.setAttribute("class","hour-hand-b"),M.setAttribute("x1","0"),M.setAttribute("y1","0"),M.setAttribute("x2","29.9"),M.setAttribute("y2","0"),M.setAttribute("stroke",s),M.setAttribute("stroke-width","3.1"),M.setAttribute("stroke-linecap","round"),O.append(k,M);var A=document.createElementNS(t,"g");A.setAttribute("class","minute-hand"),A.setAttribute("transform","translate(50 50)");var j=document.createElementNS(t,"line");j.setAttribute("class","minute-hand-a"),j.setAttribute("x1","0"),j.setAttribute("y1","0"),j.setAttribute("x2","40"),j.setAttribute("y2","0"),j.setAttribute("stroke",o),j.setAttribute("stroke-width","2"),j.setAttribute("stroke-linecap","round");var T=document.createElementNS(t,"line");T.setAttribute("class","minute-hand-b"),T.setAttribute("x1","0"),T.setAttribute("y1","0"),T.setAttribute("x2","39.9"),T.setAttribute("y2","0"),T.setAttribute("stroke",s),T.setAttribute("stroke-width","1.5"),T.setAttribute("stroke-linecap","round");var C=document.createElementNS(t,"circle");C.setAttribute("r","3"),C.setAttribute("fill",s),A.append(j,T,C);var P=document.createElementNS(t,"g");P.setAttribute("class","second-hand"),P.setAttribute("transform","translate(50 50)");var S=document.createElementNS(t,"line");S.setAttribute("x1","0"),S.setAttribute("y1","0"),S.setAttribute("x2","46"),S.setAttribute("y2","0"),S.setAttribute("stroke",a),S.setAttribute("stroke-width","1"),S.setAttribute("stroke-linecap","round");var I=document.createElementNS(t,"circle");I.setAttribute("r","2"),I.setAttribute("fill",a),P.append(S,I);var L=document.createElementNS(t,"circle");L.setAttribute("cx","50"),L.setAttribute("cy","50"),L.setAttribute("r","0.3"),L.setAttribute("fill",s);var R=this.getOriginDate(),N=R.getSeconds(),D=R.getMinutes(),z=6*N,B=6*D+N/60*6,H=30*R.getHours()+D/60*30;if(O.setAttribute("transform","translate(50 50) rotate("+H+")"),A.setAttribute("transform","translate(50 50) rotate("+B+")"),P.setAttribute("transform","translate(50 50) rotate("+z+")"),d.append(m,b,O,A,P,L),d.setAttribute("transform","rotate(-90)"),h.innerHTML="\n \n ",h.append(d),"datetime"===this.props.clockFormat){var G=document.createElement("span");G.className="date",G.textContent=Object(r.f)(R,"default"),G.style.fontSize=p+"px",this.props.color&&(G.style.color=this.props.color),h.append(G)}return h},e.prototype.createDigitalClock=function(){var t=document.createElement("div");t.className="digital-clock";var e=this.getElementSize().width,n=6/this.props.clockTimezone.length,i=20*e/100,s=10*e/100,o=Math.min(20*n*e/100,e/100*10),a=this.getOriginDate();if("datetime"===this.props.clockFormat){var l=document.createElement("span");l.className="date",l.textContent=Object(r.f)(a,"default"),l.style.fontSize=s+"px",this.props.color&&(l.style.color=this.props.color),t.append(l)}var c=document.createElement("span");c.className="time",c.textContent=Object(r.g)(a),c.style.fontSize=i+"px",this.props.color&&(c.style.color=this.props.color),t.append(c);var u=this.getHumanTimezone();if(u.length>0){var p=document.createElement("span");p.className="timezone",p.textContent=u,p.style.fontSize=o+"px",this.props.color&&(p.style.color=this.props.color),t.append(p)}return t},e.prototype.getOriginDate=function(t){void 0===t&&(t=null);var e=t||new Date,n=1e3*this.props.clockTimezoneOffset,i=60*e.getTimezoneOffset()*1e3,r=e.getTime()+n+i;return new Date(r)},e.prototype.getHumanTimezone=function(t){void 0===t&&(t=this.props.clockTimezone);var e=t.split("/")[1];return(void 0===e?"":e).replace("_"," ")},e.prototype.getElementSize=function(t,e){switch(void 0===t&&(t=this.props.width),void 0===e&&(e=this.props.height),this.props.clockType){case"analogic":var n=100;t>0&&e>0?n=Math.min(t,e):t>0?n=t:e>0&&(n=e);var i=0;return"datetime"===this.props.clockFormat&&(i=e/8),{width:n,height:n+i};case"digital":return t>0&&e>0?e=t/20?e=t/2:e>0?t=2*e:(t=100,e=50),{width:t,height:e};default:throw new Error("invalid clock type.")}},e.TICK_INTERVAL=1e3,e}(s.a),q=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),K=function(){return(K=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0){t.style.borderStyle="solid";var e=Math.min(this.props.width,this.props.height)/2,n=Math.min(this.props.borderWidth,e);t.style.borderWidth=n+"px",this.props.borderColor&&(t.style.borderColor=this.props.borderColor)}return t},e.prototype.updateDomElement=function(t){if(this.props.fillTransparent?t.style.backgroundColor="transparent":this.props.fillColor&&(t.style.backgroundColor=this.props.fillColor),this.props.borderWidth>0){t.style.borderStyle="solid";var e=Math.min(this.props.width,this.props.height)/2,n=Math.min(this.props.borderWidth,e);t.style.borderWidth=n+"px",this.props.borderColor&&(t.style.borderColor=this.props.borderColor)}},e}(s.a),J=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),Z=function(){return(Z=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0&&(n=Object(r.q)([{macro:/\(?_VALUE_\)?/i,value:n}],i)),t.innerHTML=n}return t},e.prototype.createLabelDomElement=function(){var t=document.createElement("div");return t.className="visual-console-item-label",t},e}(s.a),ot=n(6),at=Math.PI,lt=2*at,ct=lt-1e-6;function ut(){this._x0=this._y0=this._x1=this._y1=null,this._=""}function pt(){return new ut}ut.prototype=pt.prototype={constructor:ut,moveTo:function(t,e){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+e)},closePath:function(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._+="Z")},lineTo:function(t,e){this._+="L"+(this._x1=+t)+","+(this._y1=+e)},quadraticCurveTo:function(t,e,n,i){this._+="Q"+ +t+","+ +e+","+(this._x1=+n)+","+(this._y1=+i)},bezierCurveTo:function(t,e,n,i,r,s){this._+="C"+ +t+","+ +e+","+ +n+","+ +i+","+(this._x1=+r)+","+(this._y1=+s)},arcTo:function(t,e,n,i,r){t=+t,e=+e,n=+n,i=+i,r=+r;var s=this._x1,o=this._y1,a=n-t,l=i-e,c=s-t,u=o-e,p=c*c+u*u;if(r<0)throw new Error("negative radius: "+r);if(null===this._x1)this._+="M"+(this._x1=t)+","+(this._y1=e);else if(p>1e-6)if(Math.abs(u*a-l*c)>1e-6&&r){var h=n-s,d=i-o,m=a*a+l*l,f=h*h+d*d,_=Math.sqrt(m),y=Math.sqrt(p),b=r*Math.tan((at-Math.acos((m+p-f)/(2*_*y)))/2),v=b/y,g=b/_;Math.abs(v-1)>1e-6&&(this._+="L"+(t+v*c)+","+(e+v*u)),this._+="A"+r+","+r+",0,0,"+ +(u*h>c*d)+","+(this._x1=t+g*a)+","+(this._y1=e+g*l)}else this._+="L"+(this._x1=t)+","+(this._y1=e);else;},arc:function(t,e,n,i,r,s){t=+t,e=+e;var o=(n=+n)*Math.cos(i),a=n*Math.sin(i),l=t+o,c=e+a,u=1^s,p=s?i-r:r-i;if(n<0)throw new Error("negative radius: "+n);null===this._x1?this._+="M"+l+","+c:(Math.abs(this._x1-l)>1e-6||Math.abs(this._y1-c)>1e-6)&&(this._+="L"+l+","+c),n&&(p<0&&(p=p%lt+lt),p>ct?this._+="A"+n+","+n+",0,1,"+u+","+(t-o)+","+(e-a)+"A"+n+","+n+",0,1,"+u+","+(this._x1=l)+","+(this._y1=c):p>1e-6&&(this._+="A"+n+","+n+",0,"+ +(p>=at)+","+u+","+(this._x1=t+n*Math.cos(r))+","+(this._y1=e+n*Math.sin(r))))},rect:function(t,e,n,i){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+e)+"h"+ +n+"v"+ +i+"h"+-n+"Z"},toString:function(){return this._}};var ht=pt,dt=function(t){return function(){return t}},mt=Math.abs,ft=Math.atan2,_t=Math.cos,yt=Math.max,bt=Math.min,vt=Math.sin,gt=Math.sqrt,Et=1e-12,xt=Math.PI,wt=xt/2,Ot=2*xt;function kt(t){return t>=1?wt:t<=-1?-wt:Math.asin(t)}function Mt(t){return t.innerRadius}function At(t){return t.outerRadius}function jt(t){return t.startAngle}function Tt(t){return t.endAngle}function Ct(t){return t&&t.padAngle}function Pt(t,e,n,i,r,s,o){var a=t-n,l=e-i,c=(o?s:-s)/gt(a*a+l*l),u=c*l,p=-c*a,h=t+u,d=e+p,m=n+u,f=i+p,_=(h+m)/2,y=(d+f)/2,b=m-h,v=f-d,g=b*b+v*v,E=r-s,x=h*f-m*d,w=(v<0?-1:1)*gt(yt(0,E*E*g-x*x)),O=(x*v-b*w)/g,k=(-x*b-v*w)/g,M=(x*v+b*w)/g,A=(-x*b+v*w)/g,j=O-_,T=k-y,C=M-_,P=A-y;return j*j+T*T>C*C+P*P&&(O=M,k=A),{cx:O,cy:k,x01:-u,y01:-p,x11:O*(r/E-1),y11:k*(r/E-1)}}var St=function(){var t=Mt,e=At,n=dt(0),i=null,r=jt,s=Tt,o=Ct,a=null;function l(){var l,c,u,p=+t.apply(this,arguments),h=+e.apply(this,arguments),d=r.apply(this,arguments)-wt,m=s.apply(this,arguments)-wt,f=mt(m-d),_=m>d;if(a||(a=l=ht()),hEt)if(f>Ot-Et)a.moveTo(h*_t(d),h*vt(d)),a.arc(0,0,h,d,m,!_),p>Et&&(a.moveTo(p*_t(m),p*vt(m)),a.arc(0,0,p,m,d,_));else{var y,b,v=d,g=m,E=d,x=m,w=f,O=f,k=o.apply(this,arguments)/2,M=k>Et&&(i?+i.apply(this,arguments):gt(p*p+h*h)),A=bt(mt(h-p)/2,+n.apply(this,arguments)),j=A,T=A;if(M>Et){var C=kt(M/p*vt(k)),P=kt(M/h*vt(k));(w-=2*C)>Et?(E+=C*=_?1:-1,x-=C):(w=0,E=x=(d+m)/2),(O-=2*P)>Et?(v+=P*=_?1:-1,g-=P):(O=0,v=g=(d+m)/2)}var S=h*_t(v),I=h*vt(v),L=p*_t(x),R=p*vt(x);if(A>Et){var N,D=h*_t(g),z=h*vt(g),B=p*_t(E),H=p*vt(E);if(f1?0:u<-1?xt:Math.acos(u))/2),q=gt(N[0]*N[0]+N[1]*N[1]);j=bt(A,(p-q)/(V-1)),T=bt(A,(h-q)/(V+1))}}O>Et?T>Et?(y=Pt(B,H,S,I,h,T,_),b=Pt(D,z,L,R,h,T,_),a.moveTo(y.cx+y.x01,y.cy+y.y01),TEt&&w>Et?j>Et?(y=Pt(L,R,D,z,p,-j,_),b=Pt(S,I,B,H,p,-j,_),a.lineTo(y.cx+y.x01,y.cy+y.y01),j0)for(var i,r=t[0],s=e[0],o=t[n]-r,a=e[n]-s,l=-1;++l<=n;)i=l/n,this._basis.point(this._beta*t[l]+(1-this._beta)*(r+i*o),this._beta*e[l]+(1-this._beta)*(s+i*a));this._x=this._y=null,this._basis.lineEnd()},point:function(t,e){this._x.push(+t),this._y.push(+e)}};(function t(e){function n(t){return 1===e?new Ht(t):new Ft(t,e)}return n.beta=function(e){return t(+e)},n})(.85);function Ut(t,e,n){t._context.bezierCurveTo(t._x1+t._k*(t._x2-t._x0),t._y1+t._k*(t._y2-t._y0),t._x2+t._k*(t._x1-e),t._y2+t._k*(t._y1-n),t._x2,t._y2)}function Vt(t,e){this._context=t,this._k=(1-e)/6}Vt.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._x2=this._y0=this._y1=this._y2=NaN,this._point=0},lineEnd:function(){switch(this._point){case 2:this._context.lineTo(this._x2,this._y2);break;case 3:Ut(this,this._x1,this._y1)}(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,e){switch(t=+t,e=+e,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,e):this._context.moveTo(t,e);break;case 1:this._point=2,this._x1=t,this._y1=e;break;case 2:this._point=3;default:Ut(this,t,e)}this._x0=this._x1,this._x1=this._x2,this._x2=t,this._y0=this._y1,this._y1=this._y2,this._y2=e}};(function t(e){function n(t){return new Vt(t,e)}return n.tension=function(e){return t(+e)},n})(0);function qt(t,e){this._context=t,this._k=(1-e)/6}qt.prototype={areaStart:zt,areaEnd:zt,lineStart:function(){this._x0=this._x1=this._x2=this._x3=this._x4=this._x5=this._y0=this._y1=this._y2=this._y3=this._y4=this._y5=NaN,this._point=0},lineEnd:function(){switch(this._point){case 1:this._context.moveTo(this._x3,this._y3),this._context.closePath();break;case 2:this._context.lineTo(this._x3,this._y3),this._context.closePath();break;case 3:this.point(this._x3,this._y3),this.point(this._x4,this._y4),this.point(this._x5,this._y5)}},point:function(t,e){switch(t=+t,e=+e,this._point){case 0:this._point=1,this._x3=t,this._y3=e;break;case 1:this._point=2,this._context.moveTo(this._x4=t,this._y4=e);break;case 2:this._point=3,this._x5=t,this._y5=e;break;default:Ut(this,t,e)}this._x0=this._x1,this._x1=this._x2,this._x2=t,this._y0=this._y1,this._y1=this._y2,this._y2=e}};(function t(e){function n(t){return new qt(t,e)}return n.tension=function(e){return t(+e)},n})(0);function Kt(t,e){this._context=t,this._k=(1-e)/6}Kt.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._x2=this._y0=this._y1=this._y2=NaN,this._point=0},lineEnd:function(){(this._line||0!==this._line&&3===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,e){switch(t=+t,e=+e,this._point){case 0:this._point=1;break;case 1:this._point=2;break;case 2:this._point=3,this._line?this._context.lineTo(this._x2,this._y2):this._context.moveTo(this._x2,this._y2);break;case 3:this._point=4;default:Ut(this,t,e)}this._x0=this._x1,this._x1=this._x2,this._x2=t,this._y0=this._y1,this._y1=this._y2,this._y2=e}};(function t(e){function n(t){return new Kt(t,e)}return n.tension=function(e){return t(+e)},n})(0);function Yt(t,e,n){var i=t._x1,r=t._y1,s=t._x2,o=t._y2;if(t._l01_a>Et){var a=2*t._l01_2a+3*t._l01_a*t._l12_a+t._l12_2a,l=3*t._l01_a*(t._l01_a+t._l12_a);i=(i*a-t._x0*t._l12_2a+t._x2*t._l01_2a)/l,r=(r*a-t._y0*t._l12_2a+t._y2*t._l01_2a)/l}if(t._l23_a>Et){var c=2*t._l23_2a+3*t._l23_a*t._l12_a+t._l12_2a,u=3*t._l23_a*(t._l23_a+t._l12_a);s=(s*c+t._x1*t._l23_2a-e*t._l12_2a)/u,o=(o*c+t._y1*t._l23_2a-n*t._l12_2a)/u}t._context.bezierCurveTo(i,r,s,o,t._x2,t._y2)}function Xt(t,e){this._context=t,this._alpha=e}Xt.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._x2=this._y0=this._y1=this._y2=NaN,this._l01_a=this._l12_a=this._l23_a=this._l01_2a=this._l12_2a=this._l23_2a=this._point=0},lineEnd:function(){switch(this._point){case 2:this._context.lineTo(this._x2,this._y2);break;case 3:this.point(this._x2,this._y2)}(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,e){if(t=+t,e=+e,this._point){var n=this._x2-t,i=this._y2-e;this._l23_a=Math.sqrt(this._l23_2a=Math.pow(n*n+i*i,this._alpha))}switch(this._point){case 0:this._point=1,this._line?this._context.lineTo(t,e):this._context.moveTo(t,e);break;case 1:this._point=2;break;case 2:this._point=3;default:Yt(this,t,e)}this._l01_a=this._l12_a,this._l12_a=this._l23_a,this._l01_2a=this._l12_2a,this._l12_2a=this._l23_2a,this._x0=this._x1,this._x1=this._x2,this._x2=t,this._y0=this._y1,this._y1=this._y2,this._y2=e}};(function t(e){function n(t){return e?new Xt(t,e):new Vt(t,0)}return n.alpha=function(e){return t(+e)},n})(.5);function Jt(t,e){this._context=t,this._alpha=e}Jt.prototype={areaStart:zt,areaEnd:zt,lineStart:function(){this._x0=this._x1=this._x2=this._x3=this._x4=this._x5=this._y0=this._y1=this._y2=this._y3=this._y4=this._y5=NaN,this._l01_a=this._l12_a=this._l23_a=this._l01_2a=this._l12_2a=this._l23_2a=this._point=0},lineEnd:function(){switch(this._point){case 1:this._context.moveTo(this._x3,this._y3),this._context.closePath();break;case 2:this._context.lineTo(this._x3,this._y3),this._context.closePath();break;case 3:this.point(this._x3,this._y3),this.point(this._x4,this._y4),this.point(this._x5,this._y5)}},point:function(t,e){if(t=+t,e=+e,this._point){var n=this._x2-t,i=this._y2-e;this._l23_a=Math.sqrt(this._l23_2a=Math.pow(n*n+i*i,this._alpha))}switch(this._point){case 0:this._point=1,this._x3=t,this._y3=e;break;case 1:this._point=2,this._context.moveTo(this._x4=t,this._y4=e);break;case 2:this._point=3,this._x5=t,this._y5=e;break;default:Yt(this,t,e)}this._l01_a=this._l12_a,this._l12_a=this._l23_a,this._l01_2a=this._l12_2a,this._l12_2a=this._l23_2a,this._x0=this._x1,this._x1=this._x2,this._x2=t,this._y0=this._y1,this._y1=this._y2,this._y2=e}};(function t(e){function n(t){return e?new Jt(t,e):new qt(t,0)}return n.alpha=function(e){return t(+e)},n})(.5);function Zt(t,e){this._context=t,this._alpha=e}Zt.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._x2=this._y0=this._y1=this._y2=NaN,this._l01_a=this._l12_a=this._l23_a=this._l01_2a=this._l12_2a=this._l23_2a=this._point=0},lineEnd:function(){(this._line||0!==this._line&&3===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,e){if(t=+t,e=+e,this._point){var n=this._x2-t,i=this._y2-e;this._l23_a=Math.sqrt(this._l23_2a=Math.pow(n*n+i*i,this._alpha))}switch(this._point){case 0:this._point=1;break;case 1:this._point=2;break;case 2:this._point=3,this._line?this._context.lineTo(this._x2,this._y2):this._context.moveTo(this._x2,this._y2);break;case 3:this._point=4;default:Yt(this,t,e)}this._l01_a=this._l12_a,this._l12_a=this._l23_a,this._l01_2a=this._l12_2a,this._l12_2a=this._l23_2a,this._x0=this._x1,this._x1=this._x2,this._x2=t,this._y0=this._y1,this._y1=this._y2,this._y2=e}};(function t(e){function n(t){return e?new Zt(t,e):new Kt(t,0)}return n.alpha=function(e){return t(+e)},n})(.5);function Qt(t){this._context=t}Qt.prototype={areaStart:zt,areaEnd:zt,lineStart:function(){this._point=0},lineEnd:function(){this._point&&this._context.closePath()},point:function(t,e){t=+t,e=+e,this._point?this._context.lineTo(t,e):(this._point=1,this._context.moveTo(t,e))}};function $t(t){return t<0?-1:1}function te(t,e,n){var i=t._x1-t._x0,r=e-t._x1,s=(t._y1-t._y0)/(i||r<0&&-0),o=(n-t._y1)/(r||i<0&&-0),a=(s*r+o*i)/(i+r);return($t(s)+$t(o))*Math.min(Math.abs(s),Math.abs(o),.5*Math.abs(a))||0}function ee(t,e){var n=t._x1-t._x0;return n?(3*(t._y1-t._y0)/n-e)/2:e}function ne(t,e,n){var i=t._x0,r=t._y0,s=t._x1,o=t._y1,a=(s-i)/3;t._context.bezierCurveTo(i+a,r+a*e,s-a,o-a*n,s,o)}function ie(t){this._context=t}function re(t){this._context=new se(t)}function se(t){this._context=t}function oe(t){this._context=t}function ae(t){var e,n,i=t.length-1,r=new Array(i),s=new Array(i),o=new Array(i);for(r[0]=0,s[0]=2,o[0]=t[0]+2*t[1],e=1;e=0;--e)r[e]=(o[e]-r[e+1])/s[e];for(s[i-1]=(t[i]+r[i-1])/2,e=0;e=0&&(this._t=1-this._t,this._line=1-this._line)},point:function(t,e){switch(t=+t,e=+e,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,e):this._context.moveTo(t,e);break;case 1:this._point=2;default:if(this._t<=0)this._context.lineTo(this._x,e),this._context.lineTo(t,e);else{var n=this._x*(1-this._t)+t*this._t;this._context.lineTo(n,this._y),this._context.lineTo(n,e)}}this._x=t,this._y=e}};var ce=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),ue=function(){return(ue=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0){var h=document.createElementNS(me,"tspan");h.setAttribute("x","0"),h.setAttribute("dy","1em"),h.textContent=""+t,h.style.fontSize="8pt";var d=document.createElementNS(me,"tspan");d.setAttribute("x","0"),d.setAttribute("dy","1em"),d.textContent=""+this.props.unit,d.style.fontSize="8pt",p.append(h,d),p.setAttribute("transform","translate(50 33)")}else p.textContent=""+t,p.style.fontSize="8pt",p.setAttribute("transform","translate(50 50)");else p.textContent=n+"%",p.setAttribute("transform","translate(50 50)");r.append(p)}return!0!==this.props.agentDisabled&&!0!==this.props.moduleDisabled||r.setAttribute("opacity","0.2"),null!==r&&i.append(r),i},e.prototype.updateDomElement=function(t){!1===this.meta.isBeingResized&&this.resizeElement(this.props.width,this.props.height),t.innerHTML=this.createDomElement().innerHTML},e.prototype.resizeElement=function(e,n){"progress-bar"===this.props.percentileType?t.prototype.resizeElement.call(this,e,35):t.prototype.resizeElement.call(this,e,e)},e.prototype.resize=function(e){this.resizeElement(e,e);var n=this.props.maxValue||0;"progress-bar"===this.props.percentileType&&(n=35),t.prototype.setProps.call(this,ue({},this.props,{width:e,height:n}))},e.prototype.getProgress=function(){var t=this.props.minValue||0,e=this.props.maxValue||100,n=null==this.props.value?0:this.props.value;return n<=t?0:n>=e?100:Math.trunc((n-t)/(e-t)*100)},e}(s.a),_e=n(7),ye=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function i(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),be=function(){return(be=Object.assign||function(t){for(var e,n=1,i=arguments.length;n0?t.selected=!0:t.selected=!1,i.selectionChangedEventManager.emit(t)},this.handleContainerClick=function(){i.unSelectItems()},this.containerRef=t,this._props=function(t){var e=t.id,n=t.name,i=t.groupId,s=t.backgroundURL,o=t.backgroundColor,a=t.isFavorite,l=t.relationLineWidth;if(null==e||isNaN(parseInt(e)))throw new TypeError("invalid Id.");if("string"!=typeof n||0===n.length)throw new TypeError("invalid name.");if(null==i||isNaN(parseInt(i)))throw new TypeError("invalid group Id.");return Te({id:parseInt(e),name:n,groupId:parseInt(i),backgroundURL:Object(r.k)(s,null),backgroundColor:Object(r.k)(o,null),isFavorite:Object(r.l)(a),relationLineWidth:Object(r.n)(l,0)},Object(r.r)(t))}(e),this.render(),(n=n.sort(function(t,e){return null==t.id||null==e.id?0:t.id>e.id?1:-1})).forEach(function(t){return i.addElement(t,i)}),this.buildRelations(),this.elements.forEach(function(t){t instanceof P&&i.refreshLink(t)}),this.containerRef.addEventListener("click",this.handleContainerClick)}return t.prototype.coordinatesInItem=function(t,e,n){return 13!=n.type&&21!=n.type&&(t>n.x&&tn.y&&e0?(null==this.lineLinks[n]&&(this.lineLinks[n]={}),this.lineLinks[n][e]={start:n,end:i}):this.lines[e].start>0&&(this.lineLinks[this.lines[e].start][e].start=0,this.lines[e].start=0),i>0?(null==this.lineLinks[i]&&(this.lineLinks[i]={}),this.lineLinks[i][e]={start:n,end:i}):this.lines[e].end>0&&(this.lineLinks[this.lines[e].end][e].end=0,this.lines[e].end=0),this.lines[e]={start:n,end:i},this.lineLinks)this.lineLinks[r][e]&&0==this.lineLinks[r][e].start&&0==this.lineLinks[r][e].end&&(delete this.lineLinks[r][e],0===Object.keys(this.lineLinks[r]).length&&delete this.lineLinks[r])}catch(t){console.error(t)}},t.prototype.updateLinesConnected=function(t,e,n){var i=this;null!=this.lineLinks[t.id]&&(Object.keys(this.lineLinks[t.id]).forEach(function(s){var o=parseInt(s),a=i.elementsById[o];if(a.props){var l=a.props.startPosition.x,c=a.props.startPosition.y,u=a.props.endPosition.x,p=a.props.endPosition.y;if(t.id==i.lineLinks[t.id][o].start&&(l=e.x+t.width/2,c=e.y+t.height/2),t.id==i.lineLinks[t.id][o].end&&(u=e.x+t.width/2,p=e.y+t.height/2),i.updateElement(Te({},a.props,{startX:l,startY:c,endX:u,endY:p})),n)Object(r.c)(500,function(t){i.lineMovedEventManager.emit({item:t.line,startPosition:{x:t.startX,y:t.startY},endPosition:{x:t.endX,y:t.endY}})})({line:a,startX:l,startY:c,endX:u,endY:p})}}),this.buildRelations(t.id,e.x+t.width/2,e.y+t.height/2))},Object.defineProperty(t.prototype,"elements",{get:function(){var t=this;return this.elementIds.map(function(e){return t.elementsById[e]}).filter(function(t){return null!=t})},enumerable:!0,configurable:!0}),t.prototype.addElement=function(t,e){void 0===e&&(e=this);try{var n=function(t){var e=Object(r.n)(t.type,null);if(null==e)throw new TypeError("missing item type.");var n=Object(r.h)(t);switch(e){case 0:return new u(c(t),n);case 1:return new we.a(Object(we.b)(t),n);case 2:case 6:case 7:case 8:return new st(rt(t),n);case 3:case 9:case 15:case 16:return new fe(de(t),n);case 4:return new $(Q(t),n);case 5:return new m(d(t),n);case 10:return new je(Me(t),n);case 11:return new B(z(t),n);case 12:return new X(Y(t),n);case 13:return new P(j(t),n);case 14:return new ot.a(Object(ot.b)(t),n);case 17:return new _e.a(Object(_e.b)(t),n);case 18:return new xe(Ee(t),n);case 19:return new V(U(t),n);case 20:return new O(g(t),n);case 21:return new R(L(t),n);default:throw new TypeError("item not found")}}(t);return e.elementsById[n.props.id]=n,e.elementIds.push(n.props.id),n.onRemove(e.handleElementRemove),n.onSelectionChanged(e.handleElementSelectionChanged),n.onClick(e.handleElementClick),n.onDblClick(e.handleElementDblClick),n instanceof P?(n.onLineMovementFinished(e.handleLineElementMovementFinished),this.refreshLink(n)):(n.onMoved(e.handleElementMovement),n.onMovementFinished(e.handleElementMovementFinished),n.onResized(e.handleElementResizement),n.onResizeFinished(e.handleElementResizementFinished)),e.containerRef.append(n.elementRef),n}catch(t){console.error("Error creating a new element:",t.message)}},t.prototype.updateElements=function(t){var e=this,n=t.map(function(t){return t.id||null}).filter(function(t){return null!=t});this.elementIds.filter(function(t){return n.indexOf(t)<0}).forEach(function(t){null!=e.elementsById[t]&&(e.elementsById[t].remove(),delete e.elementsById[t])}),this.elementIds=n,t.forEach(function(t){if(t.id)if(null==e.elementsById[t.id])e.addElement(t);else try{e.elementsById[t.id].props=Ce(t)}catch(t){console.error("Error updating an element:",t.message)}}),this.buildRelations()},t.prototype.updateElement=function(t){try{this.elementsById[t.id].props=Te({},Ce(t))}catch(t){console.error("Error updating element:",t.message)}this.buildRelations()},Object.defineProperty(t.prototype,"props",{get:function(){return Te({},this._props)},set:function(t){var e=this.props;this._props=t,this.render(e)},enumerable:!0,configurable:!0}),t.prototype.render=function(t){void 0===t&&(t=null),t?(t.backgroundURL!==this.props.backgroundURL&&(this.containerRef.style.backgroundImage=null!==this.props.backgroundURL?"url("+this.props.backgroundURL+")":""),null!=this.props.backgroundColor&&t.backgroundColor!==this.props.backgroundColor&&(this.containerRef.style.backgroundColor=this.props.backgroundColor),this.sizeChanged(t,this.props)&&this.resizeElement(this.props.width,this.props.height)):(this.props.backgroundURL&&(this.containerRef.style.backgroundImage=null!==this.props.backgroundURL?"url("+this.props.backgroundURL+")":""),this.props.backgroundColor&&(this.containerRef.style.backgroundColor=this.props.backgroundColor),this.resizeElement(this.props.width,this.props.height))},t.prototype.sizeChanged=function(t,e){return t.width!==e.width||t.height!==e.height},t.prototype.resizeElement=function(t,e){this.containerRef.style.width=t+"px",this.containerRef.style.height=e+"px"},t.prototype.resize=function(t,e){this.props=Te({},this.props,{width:t,height:e})},t.prototype.remove=function(){this.disposables.forEach(function(t){return t.dispose()}),this.elements.forEach(function(t){return t.remove()}),this.elementsById={},this.elementIds=[],this.clearRelations(),this.containerRef.removeEventListener("click",this.handleContainerClick),this.containerRef.innerHTML=""},t.prototype.buildRelations=function(t,e,n){var i=this;this.clearRelations(),this.elements.forEach(function(r){if(null!==r.props.parentId){var s=i.elementsById[r.props.parentId],o=i.elementsById[r.props.id];s&&o&&(null!=t?r.props.parentId==t?i.addRelationLine(s,o,e,n):r.props.id==t?i.addRelationLine(s,o,void 0,void 0,e,n):i.addRelationLine(s,o):i.addRelationLine(s,o))}})},t.prototype.clearRelations=function(t){if(null!=t)for(var e in this.relations){var n=e.split("|"),i=Number.parseInt(n[0]),r=Number.parseInt(n[1]);t!==i&&t!==r||(this.relations[e].remove(),delete this.relations[e])}else for(var e in this.relations)this.relations[e].remove(),delete this.relations[e]},t.prototype.getRelationLine=function(t,e){var n=t+"|"+e;return this.relations[n]||null},t.prototype.getItemRelations=function(t){var e=[];for(var n in this.relations){var i=n.split("|"),r=Number.parseInt(i[0]),s=Number.parseInt(i[1]);t!==r&&t!==s||e.push({parentId:r,childId:s,line:this.relations[n]})}return e},t.prototype.getVisualCenter=function(t,e){var n=t.x+e.elementRef.clientWidth/2,i=t.y+e.elementRef.clientHeight/2;if(void 0!==e.props.label||""!==e.props.label||null!==e.props.label)switch(e.props.labelPosition){case"up":i=t.y+(e.elementRef.clientHeight+e.labelElementRef.clientHeight)/2;break;case"down":i=t.y+(e.elementRef.clientHeight-e.labelElementRef.clientHeight)/2;break;case"right":n=t.x+(e.elementRef.clientWidth-e.labelElementRef.clientWidth)/2;break;case"left":n=t.x+(e.elementRef.clientWidth+e.labelElementRef.clientWidth)/2}return{x:n,y:i}},t.prototype.addRelationLine=function(t,e,n,i,s,o){var a=t.props.id+"|"+e.props.id;null!=this.relations[a]&&this.relations[a].remove();var l=this.getVisualCenter(t.props,t),c=l.x,u=l.y,p=this.getVisualCenter(e.props,e),h=p.x,d=p.y;null!=n&&(c=n),null!=i&&(u=i),null!=s&&(h=s),null!=o&&(d=o);var m=new P(j({id:0,type:13,startX:c,startY:u,endX:h,endY:d,width:0,height:0,lineWidth:this.props.relationLineWidth,color:Object(r.k)(e.props.colorStatus,"#CCC")}),Object(r.h)({receivedAt:new Date}));return this.relations[a]=m,m.elementRef.style.zIndex="0",this.containerRef.append(m.elementRef),m},t.prototype.onItemClick=function(t){var e=this.clickEventManager.on(t);return this.disposables.push(e),e},t.prototype.onItemDblClick=function(t){var e=this.dblClickEventManager.on(t);return this.disposables.push(e),e},t.prototype.onItemMoved=function(t){var e=this.movedEventManager.on(t);return this.disposables.push(e),e},t.prototype.onLineMoved=function(t){var e=this.lineMovedEventManager.on(t);return this.disposables.push(e),e},t.prototype.onItemResized=function(t){var e=this.resizedEventManager.on(t);return this.disposables.push(e),e},t.prototype.onItemSelectionChanged=function(t){var e=this.selectionChangedEventManager.on(t);return this.disposables.push(e),e},t.prototype.enableEditMode=function(){this.elements.forEach(function(t){t.meta=Te({},t.meta,{editMode:!0})}),this.containerRef.classList.add("is-editing")},t.prototype.disableEditMode=function(){this.elements.forEach(function(t){t.meta=Te({},t.meta,{editMode:!1})}),this.containerRef.classList.remove("is-editing")},t.prototype.selectItem=function(t,e){var n=this;void 0===e&&(e=!1),e?this.elementIds.forEach(function(e){var i=n.elementsById[e].meta;e!==t&&i.isSelected?n.elementsById[e].unSelectItem():e!==t||i.isSelected||n.elementsById[e].selectItem()}):this.elementsById[t]&&this.elementsById[t].selectItem()},t.prototype.unSelectItem=function(t){this.elementsById[t]&&(this.elementsById[t].meta.isSelected&&this.elementsById[t].unSelectItem())},t.prototype.unSelectItems=function(){var t=this;this.elementIds.forEach(function(e){t.elementsById[e]&&t.elementsById[e].unSelectItem()})},t.itemDescriptiveName=function(t){var e;switch(t.props.type){case 0:e=Object(r.t)("Static graph")+" - "+t.props.imageSrc;break;case 1:e=Object(r.t)("Module graph");break;case 19:e=Object(r.t)("Clock");break;case 18:e=Object(r.t)("Bars graph");break;case 14:e=Object(r.t)("Event history graph");break;case 3:e=Object(r.t)("Percentile bar");break;case 15:e=Object(r.t)("Circular progress bar");break;case 16:e=Object(r.t)("Circular progress bar (interior)");break;case 2:e=Object(r.t)("Simple Value");break;case 4:e=Object(r.t)("Label");break;case 11:e=Object(r.t)("Group");break;case 20:e=Object(r.t)("Color cloud");break;case 5:e=Object(r.t)("Icon")+" - "+t.props.imageSrc;break;default:e=Object(r.t)("Item")}var n=t.props;return null!=n.agentAlias&&null!=n.moduleName?e+=" ("+Object(r.e)(n.agentAlias,18)+" - "+Object(r.e)(n.moduleName,25)+")":null!=n.agentAlias&&(e+=" ("+Object(r.e)(n.agentAlias,25)+")"),e},t.items=((Ae={})[0]=u,Ae[1]=we.a,Ae[2]=st,Ae[6]=st,Ae[7]=st,Ae[8]=st,Ae[3]=fe,Ae[9]=fe,Ae[15]=fe,Ae[16]=fe,Ae[4]=$,Ae[5]=m,Ae[10]=je,Ae[11]=B,Ae[12]=X,Ae[13]=P,Ae[14]=ot.a,Ae[17]=_e.a,Ae[18]=xe,Ae[19]=V,Ae[20]=O,Ae[21]=R,Ae),t}(),Se=function(){function t(t){this.cancellable={cancel:function(){}},this._status="waiting",this.statusChangeEventManager=new k.a,this.disposables=[],this.taskInitiator=t}return Object.defineProperty(t.prototype,"status",{get:function(){return this._status},set:function(t){this._status=t,this.statusChangeEventManager.emit(t)},enumerable:!0,configurable:!0}),t.prototype.init=function(){var t=this;this.cancellable=this.taskInitiator(function(){t.status="finished"}),this.status="started"},t.prototype.cancel=function(){this.cancellable.cancel(),this.status="cancelled"},t.prototype.onStatusChange=function(t){var e=this.statusChangeEventManager.on(t);return this.disposables.push(e),e},t}();var Ie=function(){function t(){this.tasks={}}return t.prototype.add=function(t,e,n){void 0===n&&(n=0),this.tasks[t]&&"started"===this.tasks[t].status&&this.tasks[t].cancel();var i=n>0?function(t,e){return new Se(function(){var n=null;return t.onStatusChange(function(i){"finished"===i&&(n=window.setTimeout(function(){t.init()},e))}),t.init(),{cancel:function(){n&&clearTimeout(n),t.cancel()}}})}(new Se(e),n):new Se(e);return this.tasks[t]=i,this.tasks[t]},t.prototype.init=function(t){!this.tasks[t]||"waiting"!==this.tasks[t].status&&"cancelled"!==this.tasks[t].status&&"finished"!==this.tasks[t].status||this.tasks[t].init()},t.prototype.cancel=function(t){this.tasks[t]&&"started"===this.tasks[t].status&&this.tasks[t].cancel()},t}();window.VisualConsole=Pe,window.VisualConsole.Form=f,window.AsyncTaskManager=Ie}]); +!function (t) { var e = {}; function n(i) { if (e[i]) return e[i].exports; var r = e[i] = { i: i, l: !1, exports: {} }; return t[i].call(r.exports, r, r.exports, n), r.l = !0, r.exports } n.m = t, n.c = e, n.d = function (t, e, i) { n.o(t, e) || Object.defineProperty(t, e, { enumerable: !0, get: i }) }, n.r = function (t) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 }) }, n.t = function (t, e) { if (1 & e && (t = n(t)), 8 & e) return t; if (4 & e && "object" == typeof t && t && t.__esModule) return t; var i = Object.create(null); if (n.r(i), Object.defineProperty(i, "default", { enumerable: !0, value: t }), 2 & e && "string" != typeof t) for (var r in t) n.d(i, r, function (e) { return t[e] }.bind(null, r)); return i }, n.n = function (t) { var e = t && t.__esModule ? function () { return t.default } : function () { return t }; return n.d(e, "a", e), e }, n.o = function (t, e) { return Object.prototype.hasOwnProperty.call(t, e) }, n.p = "", n(n.s = 14) }([function (t, e, n) { "use strict"; n.d(e, "n", function () { return r }), n.d(e, "m", function () { return s }), n.d(e, "s", function () { return o }), n.d(e, "k", function () { return a }), n.d(e, "l", function () { return l }), n.d(e, "o", function () { return u }), n.d(e, "r", function () { return p }), n.d(e, "j", function () { return h }), n.d(e, "i", function () { return d }), n.d(e, "h", function () { return m }), n.d(e, "p", function () { return f }), n.d(e, "d", function () { return _ }), n.d(e, "f", function () { return y }), n.d(e, "g", function () { return b }), n.d(e, "q", function () { return v }), n.d(e, "c", function () { return E }), n.d(e, "a", function () { return w }), n.d(e, "b", function () { return O }), n.d(e, "t", function () { return k }), n.d(e, "e", function () { return M }); n(9), n(4), n(5), n(12); var i = function () { return (i = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function r(t, e) { return "number" == typeof t ? t : "string" == typeof t && t.length > 0 && !isNaN(parseInt(t)) ? parseInt(t) : e } function s(t, e) { return "number" == typeof t ? t : "string" == typeof t && t.length > 0 && !isNaN(parseFloat(t)) ? parseFloat(t) : e } function o(t) { return null == t || 0 === t.length } function a(t, e) { return "string" == typeof t && t.length > 0 ? t : e } function l(t) { return "boolean" == typeof t ? t : "number" == typeof t ? t > 0 : "string" == typeof t && ("1" === t || "true" === t) } function c(t, e, n) { void 0 === n && (n = " "), "number" == typeof t && (t = "" + t), "number" == typeof n && (n = "" + n); var i = e - t.length; if (0 === i) return t; if (i < 0) return t.substr(Math.abs(i)); if (i === n.length) return "" + n + t; if (i < n.length) return "" + n.substring(0, i) + t; for (var r = Math.floor(i / n.length), s = i - n.length * r, o = "", a = 0; a < r; a++)o += n; return 0 === s ? "" + o + t : "" + o + n.substring(0, s) + t } function u(t) { return { x: r(t.x, 0), y: r(t.y, 0) } } function p(t) { if (null == t.width || isNaN(parseInt(t.width)) || null == t.height || isNaN(parseInt(t.height))) throw new TypeError("invalid size."); return { width: parseInt(t.width), height: parseInt(t.height) } } function h(t) { return i({ moduleId: r(t.moduleId, null), moduleName: a(t.moduleName, null), moduleDescription: a(t.moduleDescription, null), moduleDisabled: l(t.moduleDisabled) }, function (t) { var e = { agentId: r(t.agentId, null), agentName: a(t.agentName, null), agentAlias: a(t.agentAlias, null), agentDescription: a(t.agentDescription, null), agentAddress: a(t.agentAddress, null), agentDisabled: l(t.agentDisabled) }; return null != t.metaconsoleId ? i({ metaconsoleId: t.metaconsoleId }, e) : e }(t)) } function d(t) { var e = { linkedLayoutStatusType: "default" }; switch (t.linkedLayoutStatusType) { case "weight": var n = r(t.linkedLayoutStatusTypeWeight, null); if (null == n) throw new TypeError("invalid status calculation properties."); t.linkedLayoutStatusTypeWeight && (e = { linkedLayoutStatusType: "weight", linkedLayoutStatusTypeWeight: n }); break; case "service": var s = r(t.linkedLayoutStatusTypeWarningThreshold, null), o = r(t.linkedLayoutStatusTypeCriticalThreshold, null); if (null == s || null == o) throw new TypeError("invalid status calculation properties."); e = { linkedLayoutStatusType: "service", linkedLayoutStatusTypeWarningThreshold: s, linkedLayoutStatusTypeCriticalThreshold: o } }return i({ linkedLayoutId: r(t.linkedLayoutId, null), linkedLayoutNodeId: r(t.linkedLayoutNodeId, null) }, e) } function m(t) { var e, n, i = (e = t.receivedAt, n = null, e instanceof Date ? e : "number" == typeof e ? new Date(1e3 * e) : "string" != typeof e || Number.isNaN(new Date(e).getTime()) ? n : new Date(e)); if (null === i) throw new TypeError("invalid meta structure"); var r = null; return t.error instanceof Error ? r = t.error : "string" == typeof t.error && (r = new Error(t.error)), { receivedAt: i, error: r, editMode: l(t.editMode), isFromCache: l(t.isFromCache), isFetching: !1, isUpdating: !1, isBeingMoved: !1, isBeingResized: !1, isSelected: !1, lineMode: !1 } } function f(t, e) { var n = t + ": " + e + ";"; return ["-webkit-" + n, "-moz-" + n, "-ms-" + n, "-o-" + n, "" + n] } function _(t) { return decodeURIComponent(escape(window.atob(t))) } function y(t, e) { if (void 0 === e && (e = null), e && Intl && Intl.DateTimeFormat) { return Intl.DateTimeFormat(e, { day: "2-digit", month: "2-digit", year: "numeric" }).format(t) } return c(t.getDate(), 2, 0) + "/" + c(t.getMonth() + 1, 2, 0) + "/" + c(t.getFullYear(), 4, 0) } function b(t) { return c(t.getHours(), 2, 0) + ":" + c(t.getMinutes(), 2, 0) + ":" + c(t.getSeconds(), 2, 0) } function v(t, e) { return t.reduce(function (t, e) { var n = e.macro, i = e.value; return t.replace(n, i) }, e) } function g(t, e) { var n = 0; return function () { for (var i = [], r = 0; r < arguments.length; r++)i[r] = arguments[r]; var s = Date.now(); if (!(s - n < t)) return n = s, e.apply(void 0, i) } } function E(t, e) { var n = null; return function () { for (var i = [], r = 0; r < arguments.length; r++)i[r] = arguments[r]; null !== n && window.clearTimeout(n), n = window.setTimeout(function () { e.apply(void 0, i), n = null }, t) } } function x(t, e) { for (var n = 0, i = 0; t && !Number.isNaN(t.offsetLeft) && !Number.isNaN(t.offsetTop) && t !== e;)n += t.offsetLeft - t.scrollLeft, i += t.offsetTop - t.scrollTop, t = t.offsetParent; return { top: i, left: n } } function w(t, e, n) { var i = n || t.parentElement, r = t.draggable, s = 0, o = 0, a = 0, l = 0, c = 0, u = 0, p = i.getBoundingClientRect(), h = x(i), d = h.top, m = d + p.height, f = h.left, _ = f + p.width, y = t.getBoundingClientRect(), b = window.getComputedStyle(t).borderWidth || "0", v = 2 * Number.parseInt(b), w = E(32, e), O = g(16, e), k = function (t) { var e = 0, n = 0, i = t.pageX, r = t.pageY, h = i - a, b = r - l, g = p.width - y.width + v, E = p.height - y.height + v, x = i < f || 0 === s && h > 0 && i < f + c, k = i > _ || h + s + y.width - v > p.width || s === g && h < 0 && i > f + g + c, M = r < d || 0 === o && b > 0 && r < d + u, A = r > m || b + o + y.height - v > p.height || o === E && b < 0 && r > d + E + u; (e = x ? 0 : k ? g : h + s) < 0 && (e = 0), (n = M ? 0 : A ? E : b + o) < 0 && (n = 0), a = i, l = r, e === s && n === o || (O(e, n), w(e, n), s = e, o = n) }, M = function () { s = 0, o = 0, a = 0, l = 0, document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", M), t.draggable = r, document.body.style.userSelect = "auto" }, A = function (e) { if (2 !== e.button) { e.stopPropagation(), t.draggable = !1, t.setAttribute("ondragstart", "return false;"), t.setAttribute("draggable", "false"); var n = x(t, i); s = n.left, o = n.top, a = e.pageX, l = e.pageY, c = e.offsetX, u = e.offsetY, p = i.getBoundingClientRect(), h = x(i), d = h.top, m = d + p.height, f = h.left, _ = f + p.width, y = t.getBoundingClientRect(), b = window.getComputedStyle(t).borderWidth || "0", v = 2 * Number.parseInt(b), document.addEventListener("mousemove", k), document.addEventListener("mouseup", M), document.body.style.userSelect = "none" } }; return t.addEventListener("mousedown", A), function () { t.removeEventListener("mousedown", A), M() } } function O(t, e) { var n = document.createElement("div"); n.className = "resize-draggable", t.appendChild(n); var i = t.parentElement, r = t.draggable, s = 0, o = 0, a = 0, l = 0, c = 0, u = i.getBoundingClientRect(), p = x(i), h = p.top, d = h + u.height, m = p.left, f = m + u.width, _ = x(t), y = _.top, b = _.left, v = window.getComputedStyle(t).borderWidth || "0", w = Number.parseInt(v), O = E(32, e), k = g(16, e), M = function (t) { var e = s + (t.pageX - a), n = o + (t.pageY - l); e === s && n === o || e < s && t.pageX > b + (s - c) || (e < 15 ? e = 15 : e + b - w / 2 >= f && (e = f - b), n < 15 ? n = 15 : n + y - w / 2 >= d && (n = d - y), k(e, n), O(e, n), s = e, o = n, a = t.pageX, l = t.pageY) }, A = function () { s = 0, o = 0, a = 0, l = 0, c = 0, 0, document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", A), t.draggable = r, document.body.style.userSelect = "auto" }; return n.addEventListener("mousedown", function (e) { e.stopPropagation(), t.draggable = !1; var n = t.getBoundingClientRect(), r = n.width, v = n.height; s = r, o = v, a = e.pageX, l = e.pageY, c = e.offsetX, e.offsetY, u = i.getBoundingClientRect(), p = x(i), h = p.top, d = h + u.height, m = p.left, f = m + u.width, _ = x(t), y = _.top, b = _.left, document.addEventListener("mousemove", M), document.addEventListener("mouseup", A), document.body.style.userSelect = "none" }), function () { n.remove(), A() } } function k(t) { return t } function M(t, e, n) { return void 0 === e && (e = 140), void 0 === n && (n = "…"), t.trim().length > e ? t.substr(0, e).trim() + n : t } }, function (t, e, n) { "use strict"; n.d(e, "b", function () { return l }); var i = n(0), r = n(2), s = n(3), o = function () { return (o = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }, a = function (t) { switch (t) { case "up": case "right": case "down": case "left": return t; default: return "down" } }; function l(t) { if (null == t.id || isNaN(parseInt(t.id))) throw new TypeError("invalid id."); if (null == t.type || isNaN(parseInt(t.type))) throw new TypeError("invalid type."); return o({ id: parseInt(t.id), type: parseInt(t.type), label: Object(i.k)(t.label, null), labelPosition: a(t.labelPosition), isLinkEnabled: Object(i.l)(t.isLinkEnabled), link: Object(i.k)(t.link, null), isOnTop: Object(i.l)(t.isOnTop), parentId: Object(i.n)(t.parentId, null), aclGroupId: Object(i.n)(t.aclGroupId, null), cacheExpiration: Object(i.n)(t.cacheExpiration, null), colorStatus: Object(i.k)(t.colorStatus, "#CCC") }, Object(i.r)(t), Object(i.o)(t)) } var c = function () { function t(t, e, n) { var s = this; void 0 === n && (n = !1), this.elementRef = document.createElement("div"), this.labelElementRef = document.createElement("div"), this.childElementRef = document.createElement("div"), this.clickEventManager = new r.a, this.dblClickEventManager = new r.a, this.movedEventManager = new r.a, this.movementFinishedEventManager = new r.a, this.resizedEventManager = new r.a, this.resizeFinishedEventManager = new r.a, this.removeEventManager = new r.a, this.selectionChangedEventManager = new r.a, this.disposables = [], this.debouncedMovementSave = Object(i.c)(500, function (t, e) { s._metadata.isBeingMoved = !1; var n = { x: s.props.x, y: s.props.y }, i = { x: t, y: e }; s.positionChanged(n, i) && (s.move(t, e), s.movementFinishedEventManager.emit({ item: s, prevPosition: n, newPosition: i })) }), this.removeMovement = null, this.debouncedResizementSave = Object(i.c)(500, function (t, e) { s._metadata.isBeingResized = !1; var n = { width: s.props.width, height: s.props.height }, i = { width: t, height: e }; s.sizeChanged(n, i) && (s.resize(t, e), s.resizeFinishedEventManager.emit({ item: s, prevSize: n, newSize: i })) }), this.removeResizement = null, this.itemProps = t, this._metadata = e, n || this.init() } return t.prototype.initMovementListener = function (t) { var e = this; 13 != this.props.type && 21 != this.props.type && (this.removeMovement = Object(i.a)(t, function (t, n) { var i = { x: e.props.x, y: e.props.y }, r = { x: t, y: n }; e.meta = o({}, e.meta, { isSelected: !0 }), e.positionChanged(i, r) && (e._metadata.isBeingMoved = !0, e.moveElement(t, n), e.movedEventManager.emit({ item: e, prevPosition: i, newPosition: r }), e.debouncedMovementSave(t, n)) })) }, t.prototype.stopMovementListener = function () { this.removeMovement && (this.removeMovement(), this.removeMovement = null) }, t.prototype.initResizementListener = function (t) { var e = this; 13 != this.props.type && 21 != this.props.type && (this.removeResizement = Object(i.b)(t, function (t, n) { if (e._metadata.isBeingResized = !0, e.props.label && e.props.label.length > 0) { var i = e.labelElementRef.getBoundingClientRect(), r = i.width, s = i.height; switch (e.props.labelPosition) { case "up": case "down": n -= s; break; case "left": case "right": t -= r } } var o = { width: e.props.width, height: e.props.height }, a = { width: t, height: n }; e.sizeChanged(o, a) && (e.resizeElement(t, n), e.resizedEventManager.emit({ item: e, prevSize: o, newSize: a }), e.debouncedResizementSave(t, n)) })) }, t.prototype.stopResizementListener = function () { this.removeResizement && (this.removeResizement(), this.removeResizement = null) }, t.prototype.init = function () { this.elementRef = this.createContainerDomElement(), this.labelElementRef = this.createLabelDomElement(), this.childElementRef = this.createDomElement(), this.elementRef.appendChild(this.childElementRef), this.elementRef.appendChild(this.labelElementRef), this.resizeElement(this.itemProps.width, this.itemProps.height), this.changeLabelPosition(this.itemProps.labelPosition) }, t.prototype.createContainerDomElement = function () { var t, e = this; return this.props.isLinkEnabled ? (t = document.createElement("a"), this.props.link ? t.href = this.props.link : t.className = "textDecorationNone") : (t = document.createElement("div")).className = "textDecorationNone", t.classList.add("visual-console-item"), this.props.isOnTop && t.classList.add("is-on-top"), t.style.left = this.props.x + "px", t.style.top = this.props.y + "px", t.addEventListener("dblclick", function (t) { e.meta.isBeingMoved || e.meta.isBeingResized || (e.unSelectItem(), e.selectItem(), e.dblClickEventManager.emit({ item: e, nativeEvent: t })) }), t.addEventListener("click", function (t) { if (e.meta.editMode) t.preventDefault(), t.stopPropagation(); else if (e.itemProps.isLinkEnabled && null != e.itemProps.link) { var n = document.createElement("div"); n.className = "div-visual-console-spinner"; var i = document.createElement("div"); i.className = "visual-console-spinner", n.appendChild(i); var r = document.getElementById("visual-console-container"); null != r && (r.classList.add("is-updating"), r.appendChild(n)) } e.meta.isBeingMoved || e.meta.isBeingResized || e.clickEventManager.emit({ item: e, nativeEvent: t }) }), this.meta.editMode && t.classList.add("is-editing"), this.meta.isFetching && t.classList.add("is-fetching"), this.meta.isUpdating && t.classList.add("is-updating"), this.meta.isSelected && t.classList.add("is-selected"), t }, t.prototype.createLabelDomElement = function () { var t = document.createElement("div"); t.className = "visual-console-item-label"; var e = this.getLabelWithMacrosReplaced(); if (e.length > 0) { var n = document.createElement("table"), i = document.createElement("tr"), r = document.createElement("tr"), s = document.createElement("tr"), o = document.createElement("td"); switch (o.innerHTML = e, i.appendChild(o), n.appendChild(r), n.appendChild(i), n.appendChild(s), n.style.textAlign = "center", this.props.labelPosition) { case "up": case "down": this.props.width > 0 && (n.style.width = this.props.width + "px", n.style.height = null); break; case "left": case "right": this.props.height > 0 && (n.style.width = null, n.style.height = this.props.height + "px") }t.appendChild(n) } return t }, t.prototype.getLabelWithMacrosReplaced = function () { var t = this.props; return Object(i.q)([{ macro: "_date_", value: Object(i.f)(new Date) }, { macro: "_time_", value: Object(i.g)(new Date) }, { macro: "_agent_", value: null != t.agentAlias ? t.agentAlias : "" }, { macro: "_agentdescription_", value: null != t.agentDescription ? t.agentDescription : "" }, { macro: "_address_", value: null != t.agentAddress ? t.agentAddress : "" }, { macro: "_module_", value: null != t.moduleName ? t.moduleName : "" }, { macro: "_moduledescription_", value: null != t.moduleDescription ? t.moduleDescription : "" }], this.props.label || "") }, t.prototype.updateDomElement = function (t) { t.innerHTML = this.createDomElement().innerHTML }, Object.defineProperty(t.prototype, "props", { get: function () { return o({}, this.itemProps) }, set: function (t) { this.setProps(t) }, enumerable: !0, configurable: !0 }), t.prototype.setProps = function (t) { var e = this.props; this.itemProps = t, this.shouldBeUpdated(e, t) && this.render(e, this._metadata) }, Object.defineProperty(t.prototype, "meta", { get: function () { return o({}, this._metadata) }, set: function (t) { this.setMeta(t) }, enumerable: !0, configurable: !0 }), t.prototype.setMeta = function (t) { var e = this._metadata; this._metadata = o({}, e, t), void 0 !== t.isSelected && e.isSelected !== t.isSelected && this.selectionChangedEventManager.emit({ selected: t.isSelected }), this.render(this.itemProps, e) }, t.prototype.shouldBeUpdated = function (t, e) { return t !== e }, t.prototype.render = function (t, e) { void 0 === t && (t = null), void 0 === e && (e = null), this.updateDomElement(this.childElementRef), t && !this.positionChanged(t, this.props) || this.moveElement(this.props.x, this.props.y), t && !this.sizeChanged(t, this.props) || this.resizeElement(this.props.width, this.props.height); var n = this.labelElementRef.innerHTML, i = this.createLabelDomElement().innerHTML; if (n !== i && (this.labelElementRef.innerHTML = i), t && t.labelPosition === this.props.labelPosition || this.changeLabelPosition(this.props.labelPosition), t && t.isOnTop === this.props.isOnTop || (this.props.isOnTop ? this.elementRef.classList.add("is-on-top") : this.elementRef.classList.remove("is-on-top")), t && t.isLinkEnabled !== this.props.isLinkEnabled) { var r = this.createContainerDomElement(); r.innerHTML = this.elementRef.innerHTML; for (var s = this.elementRef.attributes, o = 0; o < s.length; o++)if ("id" !== s[o].nodeName) { var a = this.elementRef.getAttributeNode(s[o].nodeName); null !== a && r.setAttributeNode(a.cloneNode()) } null !== this.elementRef.parentNode && this.elementRef.parentNode.replaceChild(r, this.elementRef), this.elementRef = r } if (t && this.props.isLinkEnabled && t.link !== this.props.link && null !== this.props.link && this.elementRef.setAttribute("href", this.props.link), e && e.editMode === this.meta.editMode || (this.meta.editMode ? this.elementRef.classList.add("is-editing") : this.elementRef.classList.remove("is-editing")), e && e.isFetching === this.meta.isFetching || (this.meta.isFetching ? this.elementRef.classList.add("is-fetching") : this.elementRef.classList.remove("is-fetching")), !e || e.isUpdating !== this.meta.isUpdating) if (this.meta.isUpdating) { this.elementRef.classList.add("is-updating"); var l = document.createElement("div"); l.className = "div-visual-console-spinner"; var c = document.createElement("div"); c.className = "visual-console-spinner", l.appendChild(c), this.elementRef.appendChild(l) } else { this.elementRef.classList.remove("is-updating"); var u = this.elementRef.querySelector(".div-visual-console-spinner"); if (null !== u) { var p = u.parentElement; null !== p && p.removeChild(u) } } e && e.isSelected === this.meta.isSelected || (this.meta.isSelected ? this.elementRef.classList.add("is-selected") : this.elementRef.classList.remove("is-selected")) }, t.prototype.remove = function () { this.removeEventManager.emit({ item: this }), this.disposables.forEach(function (t) { try { t.dispose() } catch (t) { } }), this.elementRef.remove() }, t.prototype.positionChanged = function (t, e) { return t.x !== e.x || t.y !== e.y }, t.prototype.changeLabelPosition = function (t) { switch (t) { case "up": this.elementRef.style.flexDirection = "column-reverse"; break; case "left": this.elementRef.style.flexDirection = "row-reverse"; break; case "right": this.elementRef.style.flexDirection = "row"; break; case "down": default: this.elementRef.style.flexDirection = "column" }var e = this.labelElementRef.getElementsByTagName("table"), n = e.length > 0 ? e.item(0) : null; if (n) switch (this.props.labelPosition) { case "up": case "down": this.props.width > 0 && (n.style.width = this.props.width + "px", n.style.height = null); break; case "left": case "right": this.props.height > 0 && (n.style.width = null, n.style.height = this.props.height + "px") } }, t.prototype.moveElement = function (t, e) { this.elementRef.style.left = t + "px", this.elementRef.style.top = e + "px" }, t.prototype.move = function (t, e) { this.moveElement(t, e), this.itemProps = o({}, this.props, { x: t, y: e }) }, t.prototype.sizeChanged = function (t, e) { return t.width !== e.width || t.height !== e.height }, t.prototype.resizeElement = function (t, e) { if (13 != this.props.type && 21 != this.props.type && (this.childElementRef.style.width = t > 0 ? t + "px" : null, this.childElementRef.style.height = e > 0 ? e + "px" : null), this.props.label && this.props.label.length > 0) { var n = this.labelElementRef.getElementsByTagName("table"), i = n.length > 0 ? n.item(0) : null; if (i) switch (this.props.labelPosition) { case "up": case "down": i.style.width = t > 0 ? t + "px" : null; break; case "left": case "right": i.style.height = e > 0 ? e + "px" : null } } }, t.prototype.resize = function (t, e) { this.resizeElement(t, e), this.itemProps = o({}, this.props, { width: t, height: e }) }, t.prototype.onClick = function (t) { var e = this.clickEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onDblClick = function (t) { var e = this.dblClickEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onMoved = function (t) { var e = this.movedEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onMovementFinished = function (t) { var e = this.movementFinishedEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onResized = function (t) { var e = this.resizedEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onResizeFinished = function (t) { var e = this.resizeFinishedEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onRemove = function (t) { var e = this.removeEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onSelectionChanged = function (t) { var e = this.selectionChangedEventManager.on(t); return this.disposables.push(e), e }, t.prototype.selectItem = function () { this.meta = o({}, this.meta, { isSelected: !0 }), this.initMovementListener(this.elementRef), 13 !== this.props.type && 21 !== this.props.type && this.initResizementListener(this.elementRef) }, t.prototype.unSelectItem = function () { this.meta = o({}, this.meta, { isSelected: !1 }), this.stopMovementListener(), 13 !== this.props.type && this.stopResizementListener() }, t.prototype.getFormContainer = function () { return t.getFormContainer(this.props) }, t.getFormContainer = function (t) { var e = t.type ? function (t) { var e = ""; switch (t) { case 0: e = Object(i.t)("Static image"); break; case 1: e = Object(i.t)("Module graph"); break; case 2: e = Object(i.t)("Simple value"); break; case 3: e = Object(i.t)("Percentile item"); break; case 4: e = Object(i.t)("Label"); break; case 5: e = Object(i.t)("Icon"); break; case 6: case 7: case 8: e = Object(i.t)("Simple value"); break; case 9: e = Object(i.t)("Percentile item"); break; case 10: e = Object(i.t)("Service"); break; case 11: e = Object(i.t)("Group"); break; case 12: e = Object(i.t)("Box"); break; case 13: e = Object(i.t)("Line"); break; case 14: e = Object(i.t)("Event history graph"); break; case 15: case 16: e = Object(i.t)("Percentile item"); break; case 17: e = Object(i.t)("Serialized pie graph"); break; case 18: e = Object(i.t)("Bars graph"); break; case 19: e = Object(i.t)("Clock"); break; case 20: e = Object(i.t)("Color cloud"); break; case 21: e = Object(i.t)("Network link"); break; default: e = Object(i.t)("Item") }return e }(t.type) : Object(i.t)("Item"); return new s.FormContainer(e, [], []) }, t }(); e.a = c }, function (t, e, n) { "use strict"; var i = function () { return function () { var t = this; this.listeners = [], this.listenersOncer = [], this.on = function (e) { return t.listeners.push(e), { dispose: function () { return t.off(e) } } }, this.once = function (e) { t.listenersOncer.push(e) }, this.off = function (e) { var n = t.listeners.indexOf(e); n > -1 && t.listeners.splice(n, 1) }, this.emit = function (e) { t.listeners.forEach(function (t) { return t(e) }), t.listenersOncer.forEach(function (t) { return t(e) }), t.listenersOncer = [] }, this.pipe = function (e) { return t.on(function (t) { return e.emit(t) }) } } }(); e.a = i }, function (t, e, n) { "use strict"; n.r(e), n.d(e, "InputGroup", function () { return s }), n.d(e, "FormContainer", function () { return o }); var i = n(2), r = function () { return (r = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }, s = function () { function t(t, e) { this._name = "", this.currentData = {}, this.dataRequestedEventManager = new i.a, this.name = t, this.initialData = e } return Object.defineProperty(t.prototype, "name", { get: function () { return this._name }, set: function (t) { if (0 === t.length) throw new RangeError("empty name"); this._name = t }, enumerable: !0, configurable: !0 }), Object.defineProperty(t.prototype, "data", { get: function () { return r({}, this.currentData) }, enumerable: !0, configurable: !0 }), Object.defineProperty(t.prototype, "element", { get: function () { if (null == this._element) { var t = document.createElement("div"); t.className = "input-group input-group-" + this.name; var e = this.createContent(); e instanceof Array ? e.forEach(t.appendChild) : t.appendChild(e), this._element = t } return this._element }, enumerable: !0, configurable: !0 }), t.prototype.reset = function () { this.currentData = {} }, t.prototype.updateData = function (t) { this.currentData = r({}, this.currentData, t) }, t.prototype.requestData = function (t, e, n) { this.dataRequestedEventManager.emit({ identifier: t, params: e, done: n }) }, t.prototype.onDataRequested = function (t) { return this.dataRequestedEventManager.on(t) }, t }(), o = function () { function t(t, e, n) { var r = this; void 0 === e && (e = []), void 0 === n && (n = []), this.inputGroupsByName = {}, this.enabledInputGroupNames = [], this.submitEventManager = new i.a, this.itemDataRequestedEventManager = new i.a, this.handleItemDataRequested = this.itemDataRequestedEventManager.emit, this.title = t, e.length > 0 && (this.inputGroupsByName = e.reduce(function (t, e) { return e.onDataRequested(r.handleItemDataRequested), t[e.name] = e, t }, this.inputGroupsByName)), n.length > 0 && (this.enabledInputGroupNames = this.enabledInputGroupNames.concat(n.filter(function (t) { return null != r.inputGroupsByName[t] }))) } return t.prototype.getInputGroup = function (t) { return this.inputGroupsByName[t] || null }, t.prototype.addInputGroup = function (t, e) { return void 0 === e && (e = null), t.onDataRequested(this.handleItemDataRequested), this.inputGroupsByName[t.name] = t, this.enabledInputGroupNames = this.enabledInputGroupNames.filter(function (e) { return e !== t.name }), null !== e ? e <= 0 ? this.enabledInputGroupNames = [t.name].concat(this.enabledInputGroupNames) : e >= this.enabledInputGroupNames.length ? this.enabledInputGroupNames = this.enabledInputGroupNames.concat([t.name]) : this.enabledInputGroupNames = this.enabledInputGroupNames.slice(0, e).concat([t.name], this.enabledInputGroupNames.slice(e)) : this.enabledInputGroupNames = this.enabledInputGroupNames.concat([t.name]), this }, t.prototype.removeInputGroup = function (t) { return delete this.inputGroupsByName[t], this.enabledInputGroupNames = this.enabledInputGroupNames.filter(function (e) { return e !== t }), this }, t.prototype.getFormElement = function (t) { var e = this; void 0 === t && (t = "update"); var n = document.createElement("form"); n.id = "visual-console-item-edition", n.className = "visual-console-item-edition", n.addEventListener("submit", function (t) { t.preventDefault(), e.submitEventManager.emit({ nativeEvent: t, data: e.enabledInputGroupNames.reduce(function (t, n) { return e.inputGroupsByName[n] && (t = r({}, t, e.inputGroupsByName[n].data)), t }, {}) }) }); var i = document.createElement("div"); return i.className = "input-groups", this.enabledInputGroupNames.forEach(function (t) { e.inputGroupsByName[t] && i.appendChild(e.inputGroupsByName[t].element) }), n.appendChild(i), n }, t.prototype.reset = function () { var t = this; this.enabledInputGroupNames.forEach(function (e) { t.inputGroupsByName[e] && t.inputGroupsByName[e].reset() }) }, t.prototype.onSubmit = function (t) { return this.submitEventManager.on(t) }, t.prototype.onInputGroupDataRequested = function (t) { return this.itemDataRequestedEventManager.on(t) }, t }() }, function (t, e, n) { "use strict"; n(11); var i = "http://www.w3.org/2000/svg"; e.a = function (t, e, n) { var r = void 0 === n ? {} : n, s = r.size, o = r.color, a = r.spin, l = r.pulse, c = document.createElement("figure"); c.title = e, c.className = "fa fa-" + t.iconName, s && c.classList.add("fa-" + s), a ? c.classList.add("fa-spin") : l && c.classList.add("fa-pulse"); var u = document.createElementNS(i, "svg"); u.setAttribute("viewBox", "0 0 " + t.icon[0] + " " + t.icon[1]), o && u.setAttribute("fill", o); var p = document.createElementNS(i, "path"), h = "string" == typeof t.icon[4] ? t.icon[4] : t.icon[4][0]; return p.setAttribute("d", h), u.appendChild(p), c.appendChild(u), c } }, function (t, e, n) { "use strict"; n.d(e, "a", function () { return i }), n.d(e, "b", function () { return r }), n.d(e, "c", function () { return s }), n.d(e, "d", function () { return o }); var i = { prefix: "fas", iconName: "list-alt", icon: [512, 512, [], "f022", "M464 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zM128 120c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm0 96c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm0 96c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm288-136v-32c0-6.627-5.373-12-12-12H204c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h200c6.627 0 12-5.373 12-12zm0 96v-32c0-6.627-5.373-12-12-12H204c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h200c6.627 0 12-5.373 12-12zm0 96v-32c0-6.627-5.373-12-12-12H204c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h200c6.627 0 12-5.373 12-12z"] }, r = { prefix: "fas", iconName: "pencil-alt", icon: [512, 512, [], "f303", "M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"] }, s = { prefix: "fas", iconName: "plus-circle", icon: [512, 512, [], "f055", "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"] }, o = { prefix: "fas", iconName: "trash-alt", icon: [448, 512, [], "f2ed", "M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"] } }, function (module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.d(__webpack_exports__, "b", function () { return eventsHistoryPropsDecoder }); var _lib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0), _Item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1), __extends = (extendStatics = function (t, e) { return (extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(t, e) }, function (t, e) { function n() { this.constructor = t } extendStatics(t, e), t.prototype = null === e ? Object.create(e) : (n.prototype = e.prototype, new n) }), extendStatics, __assign = function () { return (__assign = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function eventsHistoryPropsDecoder(t) { if (Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.html) && Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.encodedHtml)) throw new TypeError("missing html content."); return __assign({}, Object(_Item__WEBPACK_IMPORTED_MODULE_1__.b)(t), { type: 14, maxTime: Object(_lib__WEBPACK_IMPORTED_MODULE_0__.n)(t.maxTime, null), html: Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.html) ? Object(_lib__WEBPACK_IMPORTED_MODULE_0__.d)(t.encodedHtml) : t.html }, Object(_lib__WEBPACK_IMPORTED_MODULE_0__.j)(t)) } var EventsHistory = function (_super) { function EventsHistory() { return null !== _super && _super.apply(this, arguments) || this } return __extends(EventsHistory, _super), EventsHistory.prototype.createDomElement = function () { var element = document.createElement("div"); element.className = "events-history", element.innerHTML = this.props.html, !0 !== this.props.agentDisabled && !0 !== this.props.moduleDisabled || (element.style.opacity = "0.2"); for (var scripts = element.getElementsByTagName("script"), _loop_1 = function (i) { 0 === scripts[i].src.length && setTimeout(function () { try { eval(scripts[i].innerHTML.trim()) } catch (t) { } }, 0) }, i = 0; i < scripts.length; i++)_loop_1(i); return element }, EventsHistory.prototype.updateDomElement = function (element) { element.innerHTML = this.props.html; var aux = document.createElement("div"); aux.innerHTML = this.props.html; for (var scripts = aux.getElementsByTagName("script"), i = 0; i < scripts.length; i++)0 === scripts[i].src.length && eval(scripts[i].innerHTML.trim()) }, EventsHistory }(_Item__WEBPACK_IMPORTED_MODULE_1__.a); __webpack_exports__.a = EventsHistory }, function (module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.d(__webpack_exports__, "b", function () { return donutGraphPropsDecoder }); var _lib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0), _Item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1), __extends = (extendStatics = function (t, e) { return (extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(t, e) }, function (t, e) { function n() { this.constructor = t } extendStatics(t, e), t.prototype = null === e ? Object.create(e) : (n.prototype = e.prototype, new n) }), extendStatics, __assign = function () { return (__assign = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function donutGraphPropsDecoder(t) { if (Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.html) && Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.encodedHtml)) throw new TypeError("missing html content."); return __assign({}, Object(_Item__WEBPACK_IMPORTED_MODULE_1__.b)(t), { type: 17, html: Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.html) ? Object(_lib__WEBPACK_IMPORTED_MODULE_0__.d)(t.encodedHtml) : t.html, legendBackgroundColor: Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.legendBackgroundColor) ? "#000000" : t.legendBackgroundColor }, Object(_lib__WEBPACK_IMPORTED_MODULE_0__.j)(t), Object(_lib__WEBPACK_IMPORTED_MODULE_0__.i)(t)) } var DonutGraph = function (_super) { function DonutGraph() { return null !== _super && _super.apply(this, arguments) || this } return __extends(DonutGraph, _super), DonutGraph.prototype.createDomElement = function () { var element = document.createElement("div"); element.className = "donut-graph", element.innerHTML = this.props.html, !0 !== this.props.agentDisabled && !0 !== this.props.moduleDisabled || (element.style.opacity = "0.2"); for (var scripts = element.getElementsByTagName("script"), _loop_1 = function (i) { setTimeout(function () { 0 === scripts[i].src.length && eval(scripts[i].innerHTML.trim()) }, 0) }, i = 0; i < scripts.length; i++)_loop_1(i); return element }, DonutGraph.prototype.updateDomElement = function (element) { element.innerHTML = this.props.html; var aux = document.createElement("div"); aux.innerHTML = this.props.html; for (var scripts = aux.getElementsByTagName("script"), i = 0; i < scripts.length; i++)0 === scripts[i].src.length && eval(scripts[i].innerHTML.trim()) }, DonutGraph }(_Item__WEBPACK_IMPORTED_MODULE_1__.a); __webpack_exports__.a = DonutGraph }, function (module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.d(__webpack_exports__, "b", function () { return moduleGraphPropsDecoder }); var _lib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0), _Item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1), __extends = (extendStatics = function (t, e) { return (extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(t, e) }, function (t, e) { function n() { this.constructor = t } extendStatics(t, e), t.prototype = null === e ? Object.create(e) : (n.prototype = e.prototype, new n) }), extendStatics, __assign = function () { return (__assign = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }, parseBackgroundType = function (t) { switch (t) { case "white": case "black": case "transparent": return t; default: return "transparent" } }, parseGraphType = function (t) { switch (t) { case "line": case "area": return t; default: return "line" } }; function moduleGraphPropsDecoder(t) { if (Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.html) && Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.encodedHtml)) throw new TypeError("missing html content."); return __assign({}, Object(_Item__WEBPACK_IMPORTED_MODULE_1__.b)(t), { type: 1, html: Object(_lib__WEBPACK_IMPORTED_MODULE_0__.s)(t.html) ? Object(_lib__WEBPACK_IMPORTED_MODULE_0__.d)(t.encodedHtml) : t.html, backgroundType: parseBackgroundType(t.backgroundType), period: Object(_lib__WEBPACK_IMPORTED_MODULE_0__.n)(t.period, null), graphType: parseGraphType(t.graphType), customGraphId: Object(_lib__WEBPACK_IMPORTED_MODULE_0__.n)(t.customGraphId, null) }, Object(_lib__WEBPACK_IMPORTED_MODULE_0__.j)(t), Object(_lib__WEBPACK_IMPORTED_MODULE_0__.i)(t)) } var ModuleGraph = function (_super) { function ModuleGraph() { return null !== _super && _super.apply(this, arguments) || this } return __extends(ModuleGraph, _super), ModuleGraph.prototype.createDomElement = function () { var element = document.createElement("div"); element.innerHTML = this.props.html, element.className = "module-graph", !0 !== this.props.agentDisabled && !0 !== this.props.moduleDisabled || (element.style.opacity = "0.2"); for (var legendP = element.getElementsByTagName("p"), i = 0; i < legendP.length; i++)legendP[i].style.margin = "0px"; for (var overviewGraphs = element.getElementsByClassName("overview_graph"), i = 0; i < overviewGraphs.length; i++)overviewGraphs[i].remove(); for (var scripts = element.getElementsByTagName("script"), _loop_1 = function (i) { 0 === scripts[i].src.length && setTimeout(function () { try { eval(scripts[i].innerHTML.trim()) } catch (t) { } }, 0) }, i = 0; i < scripts.length; i++)_loop_1(i); return element }, ModuleGraph.prototype.updateDomElement = function (element) { element.innerHTML = this.props.html; for (var legendP = element.getElementsByTagName("p"), i = 0; i < legendP.length; i++)legendP[i].style.margin = "0px"; for (var overviewGraphs = element.getElementsByClassName("overview_graph"), i = 0; i < overviewGraphs.length; i++)overviewGraphs[i].remove(); for (var scripts = element.getElementsByTagName("script"), i = 0; i < scripts.length; i++)0 === scripts[i].src.length && eval(scripts[i].innerHTML.trim()) }, ModuleGraph }(_Item__WEBPACK_IMPORTED_MODULE_1__.a); __webpack_exports__.a = ModuleGraph }, function (t, e) { t.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARpJREFUeNqUU8ENwjAMTCsGyAiwAIIN2hdfmACYgLIACBYAJgA26JcXbABigo7QEbhDFxSFEIlIp7Sxz/Y5jjGJtb30B0TKJ4uQCmwLYByYauC8Gj1r/zAPyEdsV6AFhnDOCH4DDXCkD2C/KhCZWUuQHr8kMQiDwWfyqQAGEmchmedA5f5lI7HA+cyXsAY2kcxT2YwXhFIO7jyXHpZ2CktWmb2Imj3QpaRcZBc51FxJWhiYTWa1tmPSyyZsretBo2zW/LeKdwCV3kQGJzWhlNWCe3O3cGZXf1TRBmSrGziEg3TXZ6kmxTKTvFPj337+KJfa7xqs2Bu5SvvcJckiGSo9JqOrMspoNStLv8Is0ajCdRrrxmAxaS8BBgA1e3UUTVCKKgAAAABJRU5ErkJggg==" }, function (t, e, n) { }, function (t, e, n) { }, function (t, e, n) { }, function (t, e, n) { }, function (t, e, n) { "use strict"; n.r(e); n(10); var i, r = n(0), s = n(1), o = (i = function (t, e) { return (i = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(t, e) }, function (t, e) { function n() { this.constructor = t } i(t, e), t.prototype = null === e ? Object.create(e) : (n.prototype = e.prototype, new n) }), a = function () { return (a = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }, l = function (t) { switch (t) { case "default": case "enabled": case "disabled": return t; default: return "default" } }; function c(t) { if ("string" != typeof t.imageSrc || 0 === t.imageSrc.length) throw new TypeError("invalid image src."); return a({}, Object(s.b)(t), { type: 0, imageSrc: t.imageSrc, showLastValueTooltip: l(t.showLastValueTooltip), statusImageSrc: Object(r.k)(t.statusImageSrc, null), lastValue: Object(r.k)(t.lastValue, null) }, Object(r.j)(t), Object(r.i)(t)) } var u = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return o(e, t), e.prototype.createDomElement = function () { var t = this.props.statusImageSrc || this.props.imageSrc, e = document.createElement("div"); return e.className = "static-graph", e.setAttribute("ondragstart", "return false;"), e.setAttribute("draggable", "false"), e.style.backgroundImage = "url(" + t + ")", e.style.backgroundRepeat = "no-repeat", e.style.backgroundSize = "contain", e.style.backgroundPosition = "center", !0 !== this.props.agentDisabled && !0 !== this.props.moduleDisabled || (e.style.opacity = "0.2"), null !== this.props.lastValue && "disabled" !== this.props.showLastValueTooltip && (e.className = "static-graph image forced_title", e.setAttribute("data-use_title_for_force_title", "1"), e.setAttribute("data-title", this.props.lastValue)), e }, e.prototype.updateDomElement = function (t) { var e = this.props.statusImageSrc || this.props.imageSrc; t.style.backgroundImage = "url(" + e + ")" }, e }(s.a), p = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), h = function () { return (h = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function d(t) { if ("string" != typeof t.imageSrc || 0 === t.imageSrc.length) throw new TypeError("invalid image src."); if ("string" != typeof t.image || 0 === t.image.length) throw new TypeError("invalid image."); return h({}, Object(s.b)(t), { type: 5, image: t.image, imageSrc: t.imageSrc }, Object(r.i)(t)) } var m = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return p(e, t), e.prototype.createDomElement = function () { var t = document.createElement("div"); return t.className = "icon " + this.props.image, t.style.backgroundImage = "url(" + this.props.imageSrc + ")", t.style.backgroundRepeat = "no-repeat", t.style.backgroundSize = "contain", t.style.backgroundPosition = "center", t }, e.prototype.updateDomElement = function (t) { t.style.backgroundImage = "url(" + this.props.imageSrc + ")" }, e }(s.a), f = n(3), _ = n(4), y = n(5), b = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), v = function () { return (v = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function g(t) { if ("string" != typeof t.color || 0 === t.color.length) throw new TypeError("invalid color."); return v({}, Object(s.b)(t), { type: 20, color: t.color, defaultColor: t.defaultColor, colorRanges: t.colorRanges }, Object(r.j)(t), Object(r.i)(t)) } var E = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return b(e, t), e.prototype.createContent = function () { var t = this, e = document.createElement("div"); e.className = "div-input-group"; var n = document.createElement("label"); n.textContent = Object(r.t)("Default color"), e.appendChild(n); var i = document.createElement("input"); return i.type = "color", i.required = !0, i.value = "" + (this.currentData.defaultColor || this.initialData.defaultColor || "#000000"), i.addEventListener("change", function (e) { t.updateData({ defaultColor: e.target.value }) }), e.appendChild(i), e }, e }(f.InputGroup), x = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return b(e, t), e.prototype.createContent = function () { var t = this, e = document.createElement("div"); e.className = "div-input-group div-ranges-input-group"; var n = this.createLabel("Ranges"); e.appendChild(n); var i = document.createElement("div"), r = document.createElement("div"); e.appendChild(r), e.appendChild(i); var s, o = this.currentData.colorRanges || this.initialData.colorRanges || []; return (s = function (e) { r.innerHTML = "", e.forEach(function (e, n) { return r.appendChild(t.rangeContainer(e, function (e) { return function (n) { var i = t.currentData.colorRanges || t.initialData.colorRanges || []; t.updateData({ colorRanges: i.slice(0, e).concat([n], i.slice(e + 1)) }) } }(n), function (e) { return function () { var n = t.currentData.colorRanges || t.initialData.colorRanges || [], i = n.slice(0, e).concat(n.slice(e + 1)); t.updateData({ colorRanges: i }), s(i) } }(n))) }) })(o), i.appendChild(this.initialRangeContainer(function (e) { var n = (t.currentData.colorRanges || t.initialData.colorRanges || []).concat([e]); t.updateData({ colorRanges: n }), s(n) })), e }, e.prototype.initialRangeContainer = function (t) { var e = { color: "#ffffff" }, n = v({}, e), i = document.createElement("div"), s = document.createElement("div"), o = this.createLabel("From Value"), a = this.createInputNumber(null, function (t) { n.fromValue = t }); s.appendChild(o), s.appendChild(a), i.appendChild(s); var l = document.createElement("div"), c = this.createLabel("To Value"), u = this.createInputNumber(null, function (t) { n.toValue = t }); s.appendChild(c), s.appendChild(u), i.appendChild(l); var p = document.createElement("div"), h = this.createLabel("Color"), d = this.createInputColor(e.color, function (t) { n.color = t }); s.appendChild(h), s.appendChild(d), i.appendChild(p); var m = document.createElement("a"); m.appendChild(Object(_.a)(y.c, Object(r.t)("Create color range"), { size: "small", color: "#565656" })); return m.addEventListener("click", function () { var i; void 0 !== (i = n).color && void 0 !== i.toValue && void 0 !== i.fromValue && t(n), n = e, a.value = "" + (n.fromValue || ""), u.value = "" + (n.toValue || ""), d.value = "" + n.color }), i.appendChild(m), i }, e.prototype.rangeContainer = function (t, e, n) { var i = v({}, t), s = document.createElement("div"), o = document.createElement("div"), a = this.createLabel("From Value"), l = this.createInputNumber(t.fromValue, function (t) { i.fromValue = t, e(v({}, i)) }); o.appendChild(a), o.appendChild(l), s.appendChild(o); var c = document.createElement("div"), u = this.createLabel("To Value"), p = this.createInputNumber(t.toValue, function (t) { i.toValue = t, e(v({}, i)) }); o.appendChild(u), o.appendChild(p), s.appendChild(c); var h = document.createElement("div"), d = this.createLabel("Color"), m = this.createInputColor(t.color, function (t) { i.color = t, e(v({}, i)) }); o.appendChild(d), o.appendChild(m), s.appendChild(h); var f = document.createElement("a"); return f.appendChild(Object(_.a)(y.d, Object(r.t)("Delete color range"), { size: "small", color: "#565656" })), f.addEventListener("click", n), s.appendChild(f), s }, e.prototype.createLabel = function (t) { var e = document.createElement("label"); return e.textContent = Object(r.t)(t), e }, e.prototype.createInputNumber = function (t, e) { var n = document.createElement("input"); return n.type = "number", null !== t && (n.value = "" + t), n.addEventListener("change", function (t) { var n = parseInt(t.target.value); isNaN(n) || e(n) }), n }, e.prototype.createInputColor = function (t, e) { var n = document.createElement("input"); return n.type = "color", null !== t && (n.value = t), n.addEventListener("change", function (t) { return e(t.target.value) }), n }, e }(f.InputGroup), w = "http://www.w3.org/2000/svg", O = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return b(e, t), e.prototype.createDomElement = function () { var t = document.createElement("div"); return t.className = "color-cloud", t.append(this.createSvgElement()), t }, e.prototype.resizeElement = function (e) { t.prototype.resizeElement.call(this, e, e) }, e.prototype.createSvgElement = function () { var t = "grad_" + this.props.id, e = document.createElementNS(w, "svg"); e.setAttribute("viewBox", "0 0 100 100"); var n = document.createElementNS(w, "defs"), i = document.createElementNS(w, "radialGradient"); i.setAttribute("id", t), i.setAttribute("cx", "50%"), i.setAttribute("cy", "50%"), i.setAttribute("r", "50%"), i.setAttribute("fx", "50%"), i.setAttribute("fy", "50%"); var r = document.createElementNS(w, "stop"); r.setAttribute("offset", "0%"), r.setAttribute("style", "stop-color:" + this.props.color + ";stop-opacity:0.9"); var s = document.createElementNS(w, "stop"); s.setAttribute("offset", "100%"), s.setAttribute("style", "stop-color:" + this.props.color + ";stop-opacity:0"); var o = document.createElementNS(w, "circle"); return o.setAttribute("fill", "url(#" + t + ")"), o.setAttribute("cx", "50%"), o.setAttribute("cy", "50%"), o.setAttribute("r", "50%"), i.append(r, s), n.append(i), e.append(n, o), !0 !== this.props.agentDisabled && !0 !== this.props.moduleDisabled || e.setAttribute("opacity", "0.2"), e }, e.prototype.getFormContainer = function () { return e.getFormContainer(this.props) }, e.getFormContainer = function (e) { var n = t.getFormContainer.call(this, e); return n.removeInputGroup("label"), n.addInputGroup(new E("color-cloud", e), 3), n.addInputGroup(new x("ranges-cloud", e), 4), n }, e }(s.a), k = n(2), M = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), A = function () { return (A = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function j(t) { var e = A({}, Object(s.b)(A({}, t, { width: 1, height: 1 })), { type: 13, label: null, isLinkEnabled: !1, parentId: null, aclGroupId: null, x: 0, y: 0, width: 0, height: 0, startPosition: { x: Object(r.n)(t.startX, 0), y: Object(r.n)(t.startY, 0) }, endPosition: { x: Object(r.n)(t.endX, 0), y: Object(r.n)(t.endY, 0) }, lineWidth: Object(r.n)(t.lineWidth || t.borderWidth, 1), color: Object(r.k)(t.borderColor || t.color, null), viewportOffsetX: 0, viewportOffsetY: 0, labelEnd: Object(r.k)(t.labelEnd, ""), labelEndWidth: Object(r.n)(t.labelEndWidth, 0), linkedEnd: t.linkedEnd, linkedStart: t.linkedStart, labelEndHeight: Object(r.n)(t.labelEndHeight, 0), labelStart: Object(r.k)(t.labelStart, ""), labelStartWidth: Object(r.n)(t.labelStartWidth, 0), labelStartHeight: Object(r.n)(t.labelStartHeight, 0) }); return A({}, e, C.extractBoxSizeAndPosition(e.startPosition, e.endPosition)) } var T = "http://www.w3.org/2000/svg", C = function (t) { function e(n, i) { var s = t.call(this, A({}, n, e.extractBoxSizeAndPosition(n.startPosition, n.endPosition)), A({}, i), !0) || this; return s.circleRadius = 8, s.moveMode = !1, s.isMoving = !1, s.lineMovedEventManager = new k.a, s.lineMovedEventDisposables = [], s.debouncedStartPositionMovementSave = Object(r.c)(500, function (t, e) { s.isMoving = !1; var n = { x: t, y: e }; s.lineMovedEventManager.emit({ item: s, startPosition: n, endPosition: s.props.endPosition }) }), s.removeStartPositionMovement = null, s.debouncedEndPositionMovementSave = Object(r.c)(500, function (t, e) { s.isMoving = !1; var n = { x: t, y: e }; s.lineMovedEventManager.emit({ item: s, endPosition: n, startPosition: s.props.startPosition }) }), s.removeEndPositionMovement = null, s.moveMode = i.editMode, s.init(), t.prototype.resizeElement.call(s, Math.max(n.width, n.viewportOffsetX), Math.max(n.height, n.viewportOffsetY)), s } return M(e, t), e.prototype.initStartPositionMovementListener = function (t, e) { var n = this; this.removeStartPositionMovement = Object(r.a)(t, function (t, e) { var i = { x: t += n.circleRadius - n.props.viewportOffsetX / 2, y: e += n.circleRadius - n.props.viewportOffsetY / 2 }; n.isMoving = !0, n.props = A({}, n.props, { startPosition: i }), n.debouncedStartPositionMovementSave(t, e) }, e) }, e.prototype.stopStartPositionMovementListener = function () { this.removeStartPositionMovement && (this.removeStartPositionMovement(), this.removeStartPositionMovement = null) }, e.prototype.initEndPositionMovementListener = function (t, e) { var n = this; this.removeEndPositionMovement = Object(r.a)(t, function (t, e) { t += n.circleRadius - n.props.viewportOffsetX / 2, e += n.circleRadius - n.props.viewportOffsetY / 2, n.isMoving = !0, n.props = A({}, n.props, { endPosition: { x: t, y: e } }), n.debouncedEndPositionMovementSave(t, e) }, e) }, e.prototype.stopEndPositionMovementListener = function () { this.removeEndPositionMovement && (this.removeEndPositionMovement(), this.removeEndPositionMovement = null) }, e.prototype.setProps = function (n) { t.prototype.setProps.call(this, A({}, n, e.extractBoxSizeAndPosition(n.startPosition, n.endPosition))) }, e.prototype.setMeta = function (e) { this.moveMode = e.editMode, t.prototype.setMeta.call(this, A({}, e, { lineMode: !0 })) }, e.prototype.createDomElement = function () { var t = document.createElement("div"); t.className = "line"; var e = this.props, n = e.x, i = e.y, r = e.width, s = e.height, o = e.lineWidth, a = e.viewportOffsetX, l = e.viewportOffsetY, c = e.startPosition, u = e.endPosition, p = e.color; r += a, s += l; var h = c.x - n + o / 2 + a / 2, d = c.y - i + o / 2 + l / 2, m = u.x - n + o / 2 + a / 2, f = u.y - i + o / 2 + l / 2, _ = document.createElementNS(T, "svg"); _.setAttribute("width", "" + (r + o)), _.setAttribute("height", "" + (s + o)); var y = document.createElementNS(T, "line"); return y.setAttribute("x1", "" + h), y.setAttribute("y1", "" + d), y.setAttribute("x2", "" + m), y.setAttribute("y2", "" + f), y.setAttribute("stroke", p || "black"), y.setAttribute("stroke-width", "" + o), _.append(y), t.append(_), t }, e.prototype.updateDomElement = function (t) { var e = this.props, n = e.x, i = e.y, r = e.width, s = e.height, o = e.lineWidth, a = e.viewportOffsetX, l = e.viewportOffsetY, c = e.startPosition, u = e.endPosition, p = e.color; r += a, s += l; var h = c.x - n + o / 2 + a / 2, d = c.y - i + o / 2 + l / 2, m = u.x - n + o / 2 + a / 2, f = u.y - i + o / 2 + l / 2, _ = t.getElementsByTagName("svg"); if (_.length > 0) { var y = _.item(0); if (null != y) { y.setAttribute("width", "" + (r + o)), y.setAttribute("height", "" + (s + o)); var b = y.getElementsByTagNameNS(T, "line"); if (b.length > 0) { var v = b.item(0); null != v && (v.setAttribute("x1", "" + h), v.setAttribute("y1", "" + d), v.setAttribute("x2", "" + m), v.setAttribute("y2", "" + f), v.setAttribute("stroke", p || "black"), v.setAttribute("stroke-width", "" + o)) } } } if (this.moveMode) { var g = document.createElement("div"), E = document.createElement("div"); if (this.isMoving) { var x = t.getElementsByClassName("visual-console-item-line-circle-start"); if (x.length > 0) (k = x.item(0)) && (g = k); var w = t.getElementsByClassName("visual-console-item-line-circle-end"); if (w.length > 0) (k = w.item(0)) && (E = k) } if (g.classList.add("visual-console-item-line-circle", "visual-console-item-line-circle-start"), g.style.width = 2 * this.circleRadius + "px", g.style.height = 2 * this.circleRadius + "px", g.style.borderRadius = "50%", g.style.backgroundColor = "" + p, g.style.position = "absolute", g.style.left = h - this.circleRadius + "px", g.style.top = d - this.circleRadius + "px", E.classList.add("visual-console-item-line-circle", "visual-console-item-line-circle-end"), E.style.width = 2 * this.circleRadius + "px", E.style.height = 2 * this.circleRadius + "px", E.style.borderRadius = "50%", E.style.backgroundColor = "" + p, E.style.position = "absolute", E.style.left = m - this.circleRadius + "px", E.style.top = f - this.circleRadius + "px", null !== t.parentElement) { for (var O = t.parentElement.getElementsByClassName("visual-console-item-line-circle"); O.length > 0;) { (k = O.item(0)) && k.remove() } t.parentElement.appendChild(g), t.parentElement.appendChild(E) } this.initStartPositionMovementListener(g, this.elementRef.parentElement), this.initEndPositionMovementListener(E, this.elementRef.parentElement) } else if (this.moveMode) this.stopStartPositionMovementListener(); else if (this.stopStartPositionMovementListener(), null !== t.parentElement) for (O = t.parentElement.getElementsByClassName("visual-console-item-line-circle"); O.length > 0;) { var k; (k = O.item(0)) && k.remove() } }, e.extractBoxSizeAndPosition = function (t, e) { return { width: Math.abs(t.x - e.x), height: Math.abs(t.y - e.y), x: Math.min(t.x, e.x), y: Math.min(t.y, e.y) } }, e.prototype.move = function (e, n) { t.prototype.moveElement.call(this, e, n); var i = this.props.startPosition.x - this.props.endPosition.x <= 0, r = this.props.startPosition.y - this.props.endPosition.y <= 0, s = { x: i ? e : this.props.width + e, y: r ? n : this.props.height + n }, o = { x: i ? this.props.width + e : e, y: r ? this.props.height + n : n }; this.props = A({}, this.props, { startPosition: s, endPosition: o }) }, e.prototype.remove = function () { this.stopStartPositionMovementListener(), t.prototype.remove.call(this) }, e.prototype.onLineMovementFinished = function (t) { var e = this.lineMovedEventManager.on(t); return this.lineMovedEventDisposables.push(e), e }, e }(s.a), P = C, S = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), I = function () { return (I = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function L(t) { return I({}, j(t), { type: 21, viewportOffsetX: 0, viewportOffsetY: 0, labelEnd: Object(r.k)(t.labelEnd, ""), labelEndWidth: Object(r.n)(t.labelEndWidth, 0), labelEndHeight: Object(r.n)(t.labelEndHeight, 0), labelStart: Object(r.k)(t.labelStart, ""), labelStartWidth: Object(r.n)(t.labelStartWidth, 0), labelStartHeight: Object(r.n)(t.labelStartHeight, 0) }) } var R = function (t) { function e(e, n) { var i = t.call(this, I({}, e), I({}, n)) || this; return i.debouncedStartPositionMovementSave = Object(r.c)(50, function (t, e) { i.isMoving = !1; var n = { x: t, y: e }; i.render(), i.lineMovedEventManager.emit({ item: i, startPosition: n, endPosition: i.props.endPosition }) }), i.debouncedEndPositionMovementSave = Object(r.c)(50, function (t, e) { i.isMoving = !1; var n = { x: t, y: e }; i.render(), i.lineMovedEventManager.emit({ item: i, endPosition: n, startPosition: i.props.startPosition }) }), i.render(), i } return S(e, t), e.prototype.updateDomElement = function (e) { t.prototype.updateDomElement.call(this, e); var n, i, r = this.props, s = r.x, o = r.y, a = r.lineWidth, l = r.viewportOffsetX, c = r.viewportOffsetY, u = r.startPosition, p = r.endPosition, h = r.color, d = r.labelEnd, m = r.labelStart, f = r.labelEndWidth, _ = r.labelEndHeight, y = r.labelStartWidth, b = r.labelStartHeight, v = e.getElementsByTagName("svg"); if (v.length > 0) { if (null != (i = v.item(0))) { for (var g = i.getElementsByTagNameNS("http://www.w3.org/2000/svg", "line"), E = i.getElementsByTagNameNS("http://www.w3.org/2000/svg", "g"); E.length > 0;)E[0].remove(); g.length > 0 && (n = g.item(0)) } if (null != i && null != n) { var x = u.x - s + a / 2 + l / 2, w = u.y - o + a / 2 + c / 2, O = p.x - s + a / 2 + l / 2, k = p.y - o + a / 2 + c / 2, M = u.x - s + a / 2 + l / 2, A = u.y - o + a / 2 + c / 2, j = p.x - s + a / 2 + l / 2, T = p.y - o + a / 2 + c / 2, C = 180 * Math.atan2(k - w, O - x) / Math.PI; if (y <= 0) { g = m.split("
"); y = 0, g.forEach(function (t) { t.length > y && (y = 10 * t.length) }), b <= 0 && (b = 25 * g.length) } if (f <= 0) { g = d.split("
"); f = 0, g.forEach(function (t) { t.length > f && (f = 10 * t.length) }), _ <= 0 && (_ = 25 * g.length) } if (M < j && (M += 25, j -= 25 + f), M > j && (M -= 25 + y, j += 25), A < T && (A += 25, T -= 25 + _), A > T && (A -= 25 + b, T += 25), void 0 === h && (h = "#000"), null !== e.parentElement) { for (var P = e.parentElement.getElementsByClassName("vc-item-nl-label"); P.length > 0;) { var S = P.item(0); S && S.remove() } for (var I = e.parentElement.getElementsByClassName("vc-item-nl-arrow"); I.length > 0;) { var L = I.item(0); L && L.remove() } } var R = 2 * a, N = x + (O - x) / 2 - R, D = w + (k - w) / 2 - R, z = document.createElement("div"); z.classList.add("vc-item-nl-arrow"), z.style.position = "absolute", z.style.border = R + "px solid transparent", z.style.borderBottom = R + "px solid " + h, z.style.left = N + "px", z.style.top = D + "px", z.style.transform = "rotate(" + (90 + C) + "deg)"; var B = document.createElement("div"); if (B.classList.add("vc-item-nl-arrow"), B.style.position = "absolute", B.style.border = R + "px solid transparent", B.style.borderBottom = R + "px solid " + h, B.style.left = N + "px", B.style.top = D + "px", B.style.transform = "rotate(" + (270 + C) + "deg)", null !== e.parentElement && (e.parentElement.appendChild(z), e.parentElement.appendChild(B)), "" != m) { var H = document.createElement("div"); try { H.innerHTML = m, H.style.position = "absolute", H.style.left = M + "px", H.style.top = A + "px", H.style.width = y + "px", H.style.border = "2px solid " + h, H.classList.add("vc-item-nl-label", "label-start") } catch (t) { console.error(t) } null !== e.parentElement && e.parentElement.appendChild(H) } if ("" != d) { var G = document.createElement("div"); try { G.innerHTML = d, G.style.position = "absolute", G.style.left = j + "px", G.style.top = T + "px", G.style.width = f + "px", G.style.border = "2px solid " + h, G.classList.add("vc-item-nl-label", "label-end") } catch (t) { console.error(t) } null !== e.parentElement && e.parentElement.appendChild(G) } } } }, e }(P), N = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), D = function () { return (D = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function z(t) { if (("string" != typeof t.imageSrc || 0 === t.imageSrc.length) && null === t.encodedHtml) throw new TypeError("invalid image src."); if (null === Object(r.n)(t.groupId, null)) throw new TypeError("invalid group Id."); var e = Object(r.l)(t.showStatistics), n = e ? function (t) { return Object(r.s)(t.html) ? Object(r.s)(t.encodedHtml) ? null : Object(r.d)(t.encodedHtml) : t.html }(t) : null; return D({}, Object(s.b)(t), { type: 11, groupId: parseInt(t.groupId), imageSrc: Object(r.k)(t.imageSrc, null), statusImageSrc: Object(r.k)(t.statusImageSrc, null), showStatistics: e, html: n }, Object(r.i)(t)) } var B = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return N(e, t), e.prototype.createDomElement = function () { var t = document.createElement("div"); return t.className = "group", this.props.showStatistics || null === this.props.statusImageSrc ? this.props.showStatistics && null != this.props.html && (t.style.backgroundImage = "none", t.innerHTML = this.props.html) : (t.style.backgroundImage = "url(" + this.props.statusImageSrc + ")", t.style.backgroundRepeat = "no-repeat", t.style.backgroundSize = "contain", t.style.backgroundPosition = "center"), t }, e.prototype.updateDomElement = function (t) { this.props.showStatistics || null === this.props.statusImageSrc ? this.props.showStatistics && null != this.props.html && (t.style.backgroundImage = "none", t.innerHTML = this.props.html) : (t.style.backgroundImage = "url(" + this.props.statusImageSrc + ")", t.style.backgroundRepeat = "no-repeat", t.style.backgroundSize = "contain", t.style.backgroundPosition = "center", t.innerHTML = "") }, e }(s.a), H = (n(13), function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }()), G = function () { return (G = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }, W = function (t) { switch (t) { case "analogic": case "digital": return t; default: return "analogic" } }, F = function (t) { switch (t) { case "datetime": case "time": return t; default: return "datetime" } }; function U(t) { if ("string" != typeof t.clockTimezone || 0 === t.clockTimezone.length) throw new TypeError("invalid timezone."); return G({}, Object(s.b)(t), { type: 19, clockType: W(t.clockType), clockFormat: F(t.clockFormat), clockTimezone: t.clockTimezone, clockTimezoneOffset: Object(r.n)(t.clockTimezoneOffset, 0), showClockTimezone: Object(r.l)(t.showClockTimezone), color: Object(r.k)(t.color, null) }, Object(r.i)(t)) } var V = function (t) { function e(n, i) { var r = t.call(this, n, i) || this; return r.intervalRef = null, r.startTick(function () { r.childElementRef.innerHTML = r.createClock().innerHTML }, "analogic" === r.props.clockType ? 2e4 : e.TICK_INTERVAL), r } return H(e, t), e.prototype.stopTick = function () { null !== this.intervalRef && (window.clearInterval(this.intervalRef), this.intervalRef = null) }, e.prototype.startTick = function (t, n) { void 0 === n && (n = e.TICK_INTERVAL), this.stopTick(), this.intervalRef = window.setInterval(t, n) }, e.prototype.createDomElement = function () { return this.createClock() }, e.prototype.updateDomElement = function (e) { var n = this.getElementSize(this.props.width, this.props.height), i = n.width, r = n.height; "digital" === this.props.clockType ? (!1 === this.meta.isBeingResized && t.prototype.resizeElement.call(this, this.props.width, this.props.height), e.classList.replace("analogic-clock", "digital-clock")) : (!1 === this.meta.isBeingResized && t.prototype.resizeElement.call(this, i, r), e.classList.replace("digital-clock", "analogic-clock")), e.innerHTML = this.createDomElement().innerHTML }, e.prototype.remove = function () { this.stopTick(), t.prototype.remove.call(this) }, e.prototype.resizeElement = function (e, n) { var i = this.getElementSize(e, n), r = i.width, s = i.height; "digital" === this.props.clockType ? t.prototype.resizeElement.call(this, e, n) : t.prototype.resizeElement.call(this, r, s) }, e.prototype.createClock = function () { switch (this.props.clockType) { case "analogic": return this.createAnalogicClock(); case "digital": return this.createDigitalClock(); default: throw new Error("invalid clock type.") } }, e.prototype.createAnalogicClock = function () { var t = "http://www.w3.org/2000/svg", e = "#FFFFF0", n = "#242124", i = "#242124", s = "#242124", o = "#525252", a = "#DC143C", l = this.getElementSize(), c = l.width, u = l.height, p = 10 * c / 100, h = document.createElement("div"); h.className = "analogic-clock", h.style.width = c + "px", h.style.height = u + "px"; var d = document.createElementNS(t, "svg"); d.setAttribute("viewBox", "0 0 100 100"); var m = document.createElementNS(t, "g"); m.setAttribute("class", "clockface"); var f = document.createElementNS(t, "circle"); f.setAttribute("cx", "50"), f.setAttribute("cy", "50"), f.setAttribute("r", "48"), f.setAttribute("fill", e), f.setAttribute("stroke", n), f.setAttribute("stroke-width", "2"), f.setAttribute("stroke-linecap", "round"), m.append(f); var _ = this.getHumanTimezone(); if (_.length > 0) { var y = document.createElementNS(t, "text"); y.setAttribute("text-anchor", "middle"), y.setAttribute("font-size", "8"), y.setAttribute("transform", "translate(30 50) rotate(90)"), y.setAttribute("fill", i), y.textContent = _, m.append(y) } var b = document.createElementNS(t, "g"); b.setAttribute("class", "marks"); var v = document.createElementNS(t, "g"); v.setAttribute("class", "mark"), v.setAttribute("transform", "translate(50 50)"); var g = document.createElementNS(t, "line"); g.setAttribute("x1", "36"), g.setAttribute("y1", "0"), g.setAttribute("x2", "46"), g.setAttribute("y2", "0"), g.setAttribute("stroke", i), g.setAttribute("stroke-width", "5"); var E = document.createElementNS(t, "line"); E.setAttribute("x1", "36"), E.setAttribute("y1", "0"), E.setAttribute("x2", "46"), E.setAttribute("y2", "0"), E.setAttribute("stroke", e), E.setAttribute("stroke-width", "1"), v.append(g, E), b.append(v); for (var x = 1; x < 60; x++) { var w = document.createElementNS(t, "line"); w.setAttribute("y1", "0"), w.setAttribute("y2", "0"), w.setAttribute("stroke", i), w.setAttribute("transform", "translate(50 50) rotate(" + 6 * x + ")"), x % 5 == 0 ? (w.setAttribute("x1", "38"), w.setAttribute("x2", "46"), w.setAttribute("stroke-width", x % 15 == 0 ? "2" : "1")) : (w.setAttribute("x1", "42"), w.setAttribute("x2", "46"), w.setAttribute("stroke-width", "0.5")), b.append(w) } var O = document.createElementNS(t, "g"); O.setAttribute("class", "hour-hand"), O.setAttribute("transform", "translate(50 50)"); var k = document.createElementNS(t, "line"); k.setAttribute("class", "hour-hand-a"), k.setAttribute("x1", "0"), k.setAttribute("y1", "0"), k.setAttribute("x2", "30"), k.setAttribute("y2", "0"), k.setAttribute("stroke", o), k.setAttribute("stroke-width", "4"), k.setAttribute("stroke-linecap", "round"); var M = document.createElementNS(t, "line"); M.setAttribute("class", "hour-hand-b"), M.setAttribute("x1", "0"), M.setAttribute("y1", "0"), M.setAttribute("x2", "29.9"), M.setAttribute("y2", "0"), M.setAttribute("stroke", s), M.setAttribute("stroke-width", "3.1"), M.setAttribute("stroke-linecap", "round"), O.append(k, M); var A = document.createElementNS(t, "g"); A.setAttribute("class", "minute-hand"), A.setAttribute("transform", "translate(50 50)"); var j = document.createElementNS(t, "line"); j.setAttribute("class", "minute-hand-a"), j.setAttribute("x1", "0"), j.setAttribute("y1", "0"), j.setAttribute("x2", "40"), j.setAttribute("y2", "0"), j.setAttribute("stroke", o), j.setAttribute("stroke-width", "2"), j.setAttribute("stroke-linecap", "round"); var T = document.createElementNS(t, "line"); T.setAttribute("class", "minute-hand-b"), T.setAttribute("x1", "0"), T.setAttribute("y1", "0"), T.setAttribute("x2", "39.9"), T.setAttribute("y2", "0"), T.setAttribute("stroke", s), T.setAttribute("stroke-width", "1.5"), T.setAttribute("stroke-linecap", "round"); var C = document.createElementNS(t, "circle"); C.setAttribute("r", "3"), C.setAttribute("fill", s), A.append(j, T, C); var P = document.createElementNS(t, "g"); P.setAttribute("class", "second-hand"), P.setAttribute("transform", "translate(50 50)"); var S = document.createElementNS(t, "line"); S.setAttribute("x1", "0"), S.setAttribute("y1", "0"), S.setAttribute("x2", "46"), S.setAttribute("y2", "0"), S.setAttribute("stroke", a), S.setAttribute("stroke-width", "1"), S.setAttribute("stroke-linecap", "round"); var I = document.createElementNS(t, "circle"); I.setAttribute("r", "2"), I.setAttribute("fill", a), P.append(S, I); var L = document.createElementNS(t, "circle"); L.setAttribute("cx", "50"), L.setAttribute("cy", "50"), L.setAttribute("r", "0.3"), L.setAttribute("fill", s); var R = this.getOriginDate(), N = R.getSeconds(), D = R.getMinutes(), z = 6 * N, B = 6 * D + N / 60 * 6, H = 30 * R.getHours() + D / 60 * 30; if (O.setAttribute("transform", "translate(50 50) rotate(" + H + ")"), A.setAttribute("transform", "translate(50 50) rotate(" + B + ")"), P.setAttribute("transform", "translate(50 50) rotate(" + z + ")"), d.append(m, b, O, A, P, L), d.setAttribute("transform", "rotate(-90)"), h.innerHTML = "\n \n ", h.append(d), "datetime" === this.props.clockFormat) { var G = document.createElement("span"); G.className = "date", G.textContent = Object(r.f)(R, "default"), G.style.fontSize = p + "px", this.props.color && (G.style.color = this.props.color), h.append(G) } return h }, e.prototype.createDigitalClock = function () { var t = document.createElement("div"); t.className = "digital-clock"; var e = this.getElementSize().width, n = 6 / this.props.clockTimezone.length, i = 20 * e / 100, s = 10 * e / 100, o = Math.min(20 * n * e / 100, e / 100 * 10), a = this.getOriginDate(); if ("datetime" === this.props.clockFormat) { var l = document.createElement("span"); l.className = "date", l.textContent = Object(r.f)(a, "default"), l.style.fontSize = s + "px", this.props.color && (l.style.color = this.props.color), t.append(l) } var c = document.createElement("span"); c.className = "time", c.textContent = Object(r.g)(a), c.style.fontSize = i + "px", this.props.color && (c.style.color = this.props.color), t.append(c); var u = this.getHumanTimezone(); if (u.length > 0) { var p = document.createElement("span"); p.className = "timezone", p.textContent = u, p.style.fontSize = o + "px", this.props.color && (p.style.color = this.props.color), t.append(p) } return t }, e.prototype.getOriginDate = function (t) { void 0 === t && (t = null); var e = t || new Date, n = 1e3 * this.props.clockTimezoneOffset, i = 60 * e.getTimezoneOffset() * 1e3, r = e.getTime() + n + i; return new Date(r) }, e.prototype.getHumanTimezone = function (t) { void 0 === t && (t = this.props.clockTimezone); var e = t.split("/")[1]; return (void 0 === e ? "" : e).replace("_", " ") }, e.prototype.getElementSize = function (t, e) { switch (void 0 === t && (t = this.props.width), void 0 === e && (e = this.props.height), this.props.clockType) { case "analogic": var n = 100; t > 0 && e > 0 ? n = Math.min(t, e) : t > 0 ? n = t : e > 0 && (n = e); var i = 0; return "datetime" === this.props.clockFormat && (i = e / 8), { width: n, height: n + i }; case "digital": return t > 0 && e > 0 ? e = t / 2 < e ? t / 2 : e : t > 0 ? e = t / 2 : e > 0 ? t = 2 * e : (t = 100, e = 50), { width: t, height: e }; default: throw new Error("invalid clock type.") } }, e.TICK_INTERVAL = 1e3, e }(s.a), q = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), K = function () { return (K = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function Y(t) { return K({}, Object(s.b)(t), { type: 12, label: null, isLinkEnabled: !1, parentId: null, aclGroupId: null, borderWidth: Object(r.n)(t.borderWidth, 0), borderColor: Object(r.k)(t.borderColor, null), fillColor: Object(r.k)(t.fillColor, null), fillTransparent: t.fillTransparent }) } var X = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return q(e, t), e.prototype.createDomElement = function () { var t = document.createElement("div"); if (t.className = "box", t.style.boxSizing = "border-box", this.props.fillTransparent ? t.style.backgroundColor = "transparent" : this.props.fillColor && (t.style.backgroundColor = this.props.fillColor), this.props.borderWidth > 0) { t.style.borderStyle = "solid"; var e = Math.min(this.props.width, this.props.height) / 2, n = Math.min(this.props.borderWidth, e); t.style.borderWidth = n + "px", this.props.borderColor && (t.style.borderColor = this.props.borderColor) } return t }, e.prototype.updateDomElement = function (t) { if (this.props.fillTransparent ? t.style.backgroundColor = "transparent" : this.props.fillColor && (t.style.backgroundColor = this.props.fillColor), this.props.borderWidth > 0) { t.style.borderStyle = "solid"; var e = Math.min(this.props.width, this.props.height) / 2, n = Math.min(this.props.borderWidth, e); t.style.borderWidth = n + "px", this.props.borderColor && (t.style.borderColor = this.props.borderColor) } }, e }(s.a), J = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), Z = function () { return (Z = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function Q(t) { return Z({}, Object(s.b)(t), { type: 4 }, Object(r.i)(t)) } var $ = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return J(e, t), e.prototype.createDomElement = function () { var t = document.createElement("div"); return t.className = "label", t.innerHTML = this.getLabelWithMacrosReplaced(), t }, e.prototype.createLabelDomElement = function () { var t = document.createElement("div"); return t.className = "visual-console-item-label", t }, e }(s.a), tt = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), et = function () { return (et = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }, nt = function (t) { switch (t) { case "string": case "image": return t; default: return "string" } }, it = function (t) { switch (t) { case "none": case "avg": case "max": case "min": return t; default: return "none" } }; function rt(t) { if ("string" != typeof t.value || 0 === t.value.length) throw new TypeError("invalid value"); var e = it(t.processValue); return et({}, Object(s.b)(t), { type: 2, valueType: nt(t.valueType), value: t.value }, "none" === e ? { processValue: e } : { processValue: e, period: Object(r.n)(t.period, 0) }, Object(r.j)(t), Object(r.i)(t)) } var st = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return tt(e, t), e.prototype.createDomElement = function () { var t = document.createElement("div"); if (t.className = "simple-value", !0 !== this.props.agentDisabled && !0 !== this.props.moduleDisabled || (t.style.opacity = "0.2"), "image" === this.props.valueType) { var e = document.createElement("img"); e.src = this.props.value, t.append(e) } else { var n = this.props.value, i = this.getLabelWithMacrosReplaced(); i.length > 0 && (n = Object(r.q)([{ macro: /\(?_VALUE_\)?/i, value: n }], i)), t.innerHTML = n } return t }, e.prototype.createLabelDomElement = function () { var t = document.createElement("div"); return t.className = "visual-console-item-label", t }, e }(s.a), ot = n(6), at = Math.PI, lt = 2 * at, ct = lt - 1e-6; function ut() { this._x0 = this._y0 = this._x1 = this._y1 = null, this._ = "" } function pt() { return new ut } ut.prototype = pt.prototype = { constructor: ut, moveTo: function (t, e) { this._ += "M" + (this._x0 = this._x1 = +t) + "," + (this._y0 = this._y1 = +e) }, closePath: function () { null !== this._x1 && (this._x1 = this._x0, this._y1 = this._y0, this._ += "Z") }, lineTo: function (t, e) { this._ += "L" + (this._x1 = +t) + "," + (this._y1 = +e) }, quadraticCurveTo: function (t, e, n, i) { this._ += "Q" + +t + "," + +e + "," + (this._x1 = +n) + "," + (this._y1 = +i) }, bezierCurveTo: function (t, e, n, i, r, s) { this._ += "C" + +t + "," + +e + "," + +n + "," + +i + "," + (this._x1 = +r) + "," + (this._y1 = +s) }, arcTo: function (t, e, n, i, r) { t = +t, e = +e, n = +n, i = +i, r = +r; var s = this._x1, o = this._y1, a = n - t, l = i - e, c = s - t, u = o - e, p = c * c + u * u; if (r < 0) throw new Error("negative radius: " + r); if (null === this._x1) this._ += "M" + (this._x1 = t) + "," + (this._y1 = e); else if (p > 1e-6) if (Math.abs(u * a - l * c) > 1e-6 && r) { var h = n - s, d = i - o, m = a * a + l * l, f = h * h + d * d, _ = Math.sqrt(m), y = Math.sqrt(p), b = r * Math.tan((at - Math.acos((m + p - f) / (2 * _ * y))) / 2), v = b / y, g = b / _; Math.abs(v - 1) > 1e-6 && (this._ += "L" + (t + v * c) + "," + (e + v * u)), this._ += "A" + r + "," + r + ",0,0," + +(u * h > c * d) + "," + (this._x1 = t + g * a) + "," + (this._y1 = e + g * l) } else this._ += "L" + (this._x1 = t) + "," + (this._y1 = e); else; }, arc: function (t, e, n, i, r, s) { t = +t, e = +e; var o = (n = +n) * Math.cos(i), a = n * Math.sin(i), l = t + o, c = e + a, u = 1 ^ s, p = s ? i - r : r - i; if (n < 0) throw new Error("negative radius: " + n); null === this._x1 ? this._ += "M" + l + "," + c : (Math.abs(this._x1 - l) > 1e-6 || Math.abs(this._y1 - c) > 1e-6) && (this._ += "L" + l + "," + c), n && (p < 0 && (p = p % lt + lt), p > ct ? this._ += "A" + n + "," + n + ",0,1," + u + "," + (t - o) + "," + (e - a) + "A" + n + "," + n + ",0,1," + u + "," + (this._x1 = l) + "," + (this._y1 = c) : p > 1e-6 && (this._ += "A" + n + "," + n + ",0," + +(p >= at) + "," + u + "," + (this._x1 = t + n * Math.cos(r)) + "," + (this._y1 = e + n * Math.sin(r)))) }, rect: function (t, e, n, i) { this._ += "M" + (this._x0 = this._x1 = +t) + "," + (this._y0 = this._y1 = +e) + "h" + +n + "v" + +i + "h" + -n + "Z" }, toString: function () { return this._ } }; var ht = pt, dt = function (t) { return function () { return t } }, mt = Math.abs, ft = Math.atan2, _t = Math.cos, yt = Math.max, bt = Math.min, vt = Math.sin, gt = Math.sqrt, Et = 1e-12, xt = Math.PI, wt = xt / 2, Ot = 2 * xt; function kt(t) { return t >= 1 ? wt : t <= -1 ? -wt : Math.asin(t) } function Mt(t) { return t.innerRadius } function At(t) { return t.outerRadius } function jt(t) { return t.startAngle } function Tt(t) { return t.endAngle } function Ct(t) { return t && t.padAngle } function Pt(t, e, n, i, r, s, o) { var a = t - n, l = e - i, c = (o ? s : -s) / gt(a * a + l * l), u = c * l, p = -c * a, h = t + u, d = e + p, m = n + u, f = i + p, _ = (h + m) / 2, y = (d + f) / 2, b = m - h, v = f - d, g = b * b + v * v, E = r - s, x = h * f - m * d, w = (v < 0 ? -1 : 1) * gt(yt(0, E * E * g - x * x)), O = (x * v - b * w) / g, k = (-x * b - v * w) / g, M = (x * v + b * w) / g, A = (-x * b + v * w) / g, j = O - _, T = k - y, C = M - _, P = A - y; return j * j + T * T > C * C + P * P && (O = M, k = A), { cx: O, cy: k, x01: -u, y01: -p, x11: O * (r / E - 1), y11: k * (r / E - 1) } } var St = function () { var t = Mt, e = At, n = dt(0), i = null, r = jt, s = Tt, o = Ct, a = null; function l() { var l, c, u, p = +t.apply(this, arguments), h = +e.apply(this, arguments), d = r.apply(this, arguments) - wt, m = s.apply(this, arguments) - wt, f = mt(m - d), _ = m > d; if (a || (a = l = ht()), h < p && (c = h, h = p, p = c), h > Et) if (f > Ot - Et) a.moveTo(h * _t(d), h * vt(d)), a.arc(0, 0, h, d, m, !_), p > Et && (a.moveTo(p * _t(m), p * vt(m)), a.arc(0, 0, p, m, d, _)); else { var y, b, v = d, g = m, E = d, x = m, w = f, O = f, k = o.apply(this, arguments) / 2, M = k > Et && (i ? +i.apply(this, arguments) : gt(p * p + h * h)), A = bt(mt(h - p) / 2, +n.apply(this, arguments)), j = A, T = A; if (M > Et) { var C = kt(M / p * vt(k)), P = kt(M / h * vt(k)); (w -= 2 * C) > Et ? (E += C *= _ ? 1 : -1, x -= C) : (w = 0, E = x = (d + m) / 2), (O -= 2 * P) > Et ? (v += P *= _ ? 1 : -1, g -= P) : (O = 0, v = g = (d + m) / 2) } var S = h * _t(v), I = h * vt(v), L = p * _t(x), R = p * vt(x); if (A > Et) { var N, D = h * _t(g), z = h * vt(g), B = p * _t(E), H = p * vt(E); if (f < xt && (N = function (t, e, n, i, r, s, o, a) { var l = n - t, c = i - e, u = o - r, p = a - s, h = p * l - u * c; if (!(h * h < Et)) return [t + (h = (u * (e - s) - p * (t - r)) / h) * l, e + h * c] }(S, I, B, H, D, z, L, R))) { var G = S - N[0], W = I - N[1], F = D - N[0], U = z - N[1], V = 1 / vt(((u = (G * F + W * U) / (gt(G * G + W * W) * gt(F * F + U * U))) > 1 ? 0 : u < -1 ? xt : Math.acos(u)) / 2), q = gt(N[0] * N[0] + N[1] * N[1]); j = bt(A, (p - q) / (V - 1)), T = bt(A, (h - q) / (V + 1)) } } O > Et ? T > Et ? (y = Pt(B, H, S, I, h, T, _), b = Pt(D, z, L, R, h, T, _), a.moveTo(y.cx + y.x01, y.cy + y.y01), T < A ? a.arc(y.cx, y.cy, T, ft(y.y01, y.x01), ft(b.y01, b.x01), !_) : (a.arc(y.cx, y.cy, T, ft(y.y01, y.x01), ft(y.y11, y.x11), !_), a.arc(0, 0, h, ft(y.cy + y.y11, y.cx + y.x11), ft(b.cy + b.y11, b.cx + b.x11), !_), a.arc(b.cx, b.cy, T, ft(b.y11, b.x11), ft(b.y01, b.x01), !_))) : (a.moveTo(S, I), a.arc(0, 0, h, v, g, !_)) : a.moveTo(S, I), p > Et && w > Et ? j > Et ? (y = Pt(L, R, D, z, p, -j, _), b = Pt(S, I, B, H, p, -j, _), a.lineTo(y.cx + y.x01, y.cy + y.y01), j < A ? a.arc(y.cx, y.cy, j, ft(y.y01, y.x01), ft(b.y01, b.x01), !_) : (a.arc(y.cx, y.cy, j, ft(y.y01, y.x01), ft(y.y11, y.x11), !_), a.arc(0, 0, p, ft(y.cy + y.y11, y.cx + y.x11), ft(b.cy + b.y11, b.cx + b.x11), _), a.arc(b.cx, b.cy, j, ft(b.y11, b.x11), ft(b.y01, b.x01), !_))) : a.arc(0, 0, p, x, E, _) : a.lineTo(L, R) } else a.moveTo(0, 0); if (a.closePath(), l) return a = null, l + "" || null } return l.centroid = function () { var n = (+t.apply(this, arguments) + +e.apply(this, arguments)) / 2, i = (+r.apply(this, arguments) + +s.apply(this, arguments)) / 2 - xt / 2; return [_t(i) * n, vt(i) * n] }, l.innerRadius = function (e) { return arguments.length ? (t = "function" == typeof e ? e : dt(+e), l) : t }, l.outerRadius = function (t) { return arguments.length ? (e = "function" == typeof t ? t : dt(+t), l) : e }, l.cornerRadius = function (t) { return arguments.length ? (n = "function" == typeof t ? t : dt(+t), l) : n }, l.padRadius = function (t) { return arguments.length ? (i = null == t ? null : "function" == typeof t ? t : dt(+t), l) : i }, l.startAngle = function (t) { return arguments.length ? (r = "function" == typeof t ? t : dt(+t), l) : r }, l.endAngle = function (t) { return arguments.length ? (s = "function" == typeof t ? t : dt(+t), l) : s }, l.padAngle = function (t) { return arguments.length ? (o = "function" == typeof t ? t : dt(+t), l) : o }, l.context = function (t) { return arguments.length ? (a = null == t ? null : t, l) : a }, l }; function It(t) { this._context = t } It.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._point = 0 }, lineEnd: function () { (this._line || 0 !== this._line && 1 === this._point) && this._context.closePath(), this._line = 1 - this._line }, point: function (t, e) { switch (t = +t, e = +e, this._point) { case 0: this._point = 1, this._line ? this._context.lineTo(t, e) : this._context.moveTo(t, e); break; case 1: this._point = 2; default: this._context.lineTo(t, e) } } }; var Lt = function (t) { return new It(t) }; Nt(Lt); function Rt(t) { this._curve = t } function Nt(t) { function e(e) { return new Rt(t(e)) } return e._curve = t, e } Rt.prototype = { areaStart: function () { this._curve.areaStart() }, areaEnd: function () { this._curve.areaEnd() }, lineStart: function () { this._curve.lineStart() }, lineEnd: function () { this._curve.lineEnd() }, point: function (t, e) { this._curve.point(e * Math.sin(t), e * -Math.cos(t)) } }; Array.prototype.slice; Math.sqrt(1 / 3); var Dt = Math.sin(xt / 10) / Math.sin(7 * xt / 10), zt = (Math.sin(Ot / 10), Math.cos(Ot / 10), Math.sqrt(3), Math.sqrt(3), Math.sqrt(12), function () { }); function Bt(t, e, n) { t._context.bezierCurveTo((2 * t._x0 + t._x1) / 3, (2 * t._y0 + t._y1) / 3, (t._x0 + 2 * t._x1) / 3, (t._y0 + 2 * t._y1) / 3, (t._x0 + 4 * t._x1 + e) / 6, (t._y0 + 4 * t._y1 + n) / 6) } function Ht(t) { this._context = t } Ht.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._x0 = this._x1 = this._y0 = this._y1 = NaN, this._point = 0 }, lineEnd: function () { switch (this._point) { case 3: Bt(this, this._x1, this._y1); case 2: this._context.lineTo(this._x1, this._y1) }(this._line || 0 !== this._line && 1 === this._point) && this._context.closePath(), this._line = 1 - this._line }, point: function (t, e) { switch (t = +t, e = +e, this._point) { case 0: this._point = 1, this._line ? this._context.lineTo(t, e) : this._context.moveTo(t, e); break; case 1: this._point = 2; break; case 2: this._point = 3, this._context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6); default: Bt(this, t, e) }this._x0 = this._x1, this._x1 = t, this._y0 = this._y1, this._y1 = e } }; function Gt(t) { this._context = t } Gt.prototype = { areaStart: zt, areaEnd: zt, lineStart: function () { this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = NaN, this._point = 0 }, lineEnd: function () { switch (this._point) { case 1: this._context.moveTo(this._x2, this._y2), this._context.closePath(); break; case 2: this._context.moveTo((this._x2 + 2 * this._x3) / 3, (this._y2 + 2 * this._y3) / 3), this._context.lineTo((this._x3 + 2 * this._x2) / 3, (this._y3 + 2 * this._y2) / 3), this._context.closePath(); break; case 3: this.point(this._x2, this._y2), this.point(this._x3, this._y3), this.point(this._x4, this._y4) } }, point: function (t, e) { switch (t = +t, e = +e, this._point) { case 0: this._point = 1, this._x2 = t, this._y2 = e; break; case 1: this._point = 2, this._x3 = t, this._y3 = e; break; case 2: this._point = 3, this._x4 = t, this._y4 = e, this._context.moveTo((this._x0 + 4 * this._x1 + t) / 6, (this._y0 + 4 * this._y1 + e) / 6); break; default: Bt(this, t, e) }this._x0 = this._x1, this._x1 = t, this._y0 = this._y1, this._y1 = e } }; function Wt(t) { this._context = t } Wt.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._x0 = this._x1 = this._y0 = this._y1 = NaN, this._point = 0 }, lineEnd: function () { (this._line || 0 !== this._line && 3 === this._point) && this._context.closePath(), this._line = 1 - this._line }, point: function (t, e) { switch (t = +t, e = +e, this._point) { case 0: this._point = 1; break; case 1: this._point = 2; break; case 2: this._point = 3; var n = (this._x0 + 4 * this._x1 + t) / 6, i = (this._y0 + 4 * this._y1 + e) / 6; this._line ? this._context.lineTo(n, i) : this._context.moveTo(n, i); break; case 3: this._point = 4; default: Bt(this, t, e) }this._x0 = this._x1, this._x1 = t, this._y0 = this._y1, this._y1 = e } }; function Ft(t, e) { this._basis = new Ht(t), this._beta = e } Ft.prototype = { lineStart: function () { this._x = [], this._y = [], this._basis.lineStart() }, lineEnd: function () { var t = this._x, e = this._y, n = t.length - 1; if (n > 0) for (var i, r = t[0], s = e[0], o = t[n] - r, a = e[n] - s, l = -1; ++l <= n;)i = l / n, this._basis.point(this._beta * t[l] + (1 - this._beta) * (r + i * o), this._beta * e[l] + (1 - this._beta) * (s + i * a)); this._x = this._y = null, this._basis.lineEnd() }, point: function (t, e) { this._x.push(+t), this._y.push(+e) } }; (function t(e) { function n(t) { return 1 === e ? new Ht(t) : new Ft(t, e) } return n.beta = function (e) { return t(+e) }, n })(.85); function Ut(t, e, n) { t._context.bezierCurveTo(t._x1 + t._k * (t._x2 - t._x0), t._y1 + t._k * (t._y2 - t._y0), t._x2 + t._k * (t._x1 - e), t._y2 + t._k * (t._y1 - n), t._x2, t._y2) } function Vt(t, e) { this._context = t, this._k = (1 - e) / 6 } Vt.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._x0 = this._x1 = this._x2 = this._y0 = this._y1 = this._y2 = NaN, this._point = 0 }, lineEnd: function () { switch (this._point) { case 2: this._context.lineTo(this._x2, this._y2); break; case 3: Ut(this, this._x1, this._y1) }(this._line || 0 !== this._line && 1 === this._point) && this._context.closePath(), this._line = 1 - this._line }, point: function (t, e) { switch (t = +t, e = +e, this._point) { case 0: this._point = 1, this._line ? this._context.lineTo(t, e) : this._context.moveTo(t, e); break; case 1: this._point = 2, this._x1 = t, this._y1 = e; break; case 2: this._point = 3; default: Ut(this, t, e) }this._x0 = this._x1, this._x1 = this._x2, this._x2 = t, this._y0 = this._y1, this._y1 = this._y2, this._y2 = e } }; (function t(e) { function n(t) { return new Vt(t, e) } return n.tension = function (e) { return t(+e) }, n })(0); function qt(t, e) { this._context = t, this._k = (1 - e) / 6 } qt.prototype = { areaStart: zt, areaEnd: zt, lineStart: function () { this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 = this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN, this._point = 0 }, lineEnd: function () { switch (this._point) { case 1: this._context.moveTo(this._x3, this._y3), this._context.closePath(); break; case 2: this._context.lineTo(this._x3, this._y3), this._context.closePath(); break; case 3: this.point(this._x3, this._y3), this.point(this._x4, this._y4), this.point(this._x5, this._y5) } }, point: function (t, e) { switch (t = +t, e = +e, this._point) { case 0: this._point = 1, this._x3 = t, this._y3 = e; break; case 1: this._point = 2, this._context.moveTo(this._x4 = t, this._y4 = e); break; case 2: this._point = 3, this._x5 = t, this._y5 = e; break; default: Ut(this, t, e) }this._x0 = this._x1, this._x1 = this._x2, this._x2 = t, this._y0 = this._y1, this._y1 = this._y2, this._y2 = e } }; (function t(e) { function n(t) { return new qt(t, e) } return n.tension = function (e) { return t(+e) }, n })(0); function Kt(t, e) { this._context = t, this._k = (1 - e) / 6 } Kt.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._x0 = this._x1 = this._x2 = this._y0 = this._y1 = this._y2 = NaN, this._point = 0 }, lineEnd: function () { (this._line || 0 !== this._line && 3 === this._point) && this._context.closePath(), this._line = 1 - this._line }, point: function (t, e) { switch (t = +t, e = +e, this._point) { case 0: this._point = 1; break; case 1: this._point = 2; break; case 2: this._point = 3, this._line ? this._context.lineTo(this._x2, this._y2) : this._context.moveTo(this._x2, this._y2); break; case 3: this._point = 4; default: Ut(this, t, e) }this._x0 = this._x1, this._x1 = this._x2, this._x2 = t, this._y0 = this._y1, this._y1 = this._y2, this._y2 = e } }; (function t(e) { function n(t) { return new Kt(t, e) } return n.tension = function (e) { return t(+e) }, n })(0); function Yt(t, e, n) { var i = t._x1, r = t._y1, s = t._x2, o = t._y2; if (t._l01_a > Et) { var a = 2 * t._l01_2a + 3 * t._l01_a * t._l12_a + t._l12_2a, l = 3 * t._l01_a * (t._l01_a + t._l12_a); i = (i * a - t._x0 * t._l12_2a + t._x2 * t._l01_2a) / l, r = (r * a - t._y0 * t._l12_2a + t._y2 * t._l01_2a) / l } if (t._l23_a > Et) { var c = 2 * t._l23_2a + 3 * t._l23_a * t._l12_a + t._l12_2a, u = 3 * t._l23_a * (t._l23_a + t._l12_a); s = (s * c + t._x1 * t._l23_2a - e * t._l12_2a) / u, o = (o * c + t._y1 * t._l23_2a - n * t._l12_2a) / u } t._context.bezierCurveTo(i, r, s, o, t._x2, t._y2) } function Xt(t, e) { this._context = t, this._alpha = e } Xt.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._x0 = this._x1 = this._x2 = this._y0 = this._y1 = this._y2 = NaN, this._l01_a = this._l12_a = this._l23_a = this._l01_2a = this._l12_2a = this._l23_2a = this._point = 0 }, lineEnd: function () { switch (this._point) { case 2: this._context.lineTo(this._x2, this._y2); break; case 3: this.point(this._x2, this._y2) }(this._line || 0 !== this._line && 1 === this._point) && this._context.closePath(), this._line = 1 - this._line }, point: function (t, e) { if (t = +t, e = +e, this._point) { var n = this._x2 - t, i = this._y2 - e; this._l23_a = Math.sqrt(this._l23_2a = Math.pow(n * n + i * i, this._alpha)) } switch (this._point) { case 0: this._point = 1, this._line ? this._context.lineTo(t, e) : this._context.moveTo(t, e); break; case 1: this._point = 2; break; case 2: this._point = 3; default: Yt(this, t, e) }this._l01_a = this._l12_a, this._l12_a = this._l23_a, this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a, this._x0 = this._x1, this._x1 = this._x2, this._x2 = t, this._y0 = this._y1, this._y1 = this._y2, this._y2 = e } }; (function t(e) { function n(t) { return e ? new Xt(t, e) : new Vt(t, 0) } return n.alpha = function (e) { return t(+e) }, n })(.5); function Jt(t, e) { this._context = t, this._alpha = e } Jt.prototype = { areaStart: zt, areaEnd: zt, lineStart: function () { this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 = this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN, this._l01_a = this._l12_a = this._l23_a = this._l01_2a = this._l12_2a = this._l23_2a = this._point = 0 }, lineEnd: function () { switch (this._point) { case 1: this._context.moveTo(this._x3, this._y3), this._context.closePath(); break; case 2: this._context.lineTo(this._x3, this._y3), this._context.closePath(); break; case 3: this.point(this._x3, this._y3), this.point(this._x4, this._y4), this.point(this._x5, this._y5) } }, point: function (t, e) { if (t = +t, e = +e, this._point) { var n = this._x2 - t, i = this._y2 - e; this._l23_a = Math.sqrt(this._l23_2a = Math.pow(n * n + i * i, this._alpha)) } switch (this._point) { case 0: this._point = 1, this._x3 = t, this._y3 = e; break; case 1: this._point = 2, this._context.moveTo(this._x4 = t, this._y4 = e); break; case 2: this._point = 3, this._x5 = t, this._y5 = e; break; default: Yt(this, t, e) }this._l01_a = this._l12_a, this._l12_a = this._l23_a, this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a, this._x0 = this._x1, this._x1 = this._x2, this._x2 = t, this._y0 = this._y1, this._y1 = this._y2, this._y2 = e } }; (function t(e) { function n(t) { return e ? new Jt(t, e) : new qt(t, 0) } return n.alpha = function (e) { return t(+e) }, n })(.5); function Zt(t, e) { this._context = t, this._alpha = e } Zt.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._x0 = this._x1 = this._x2 = this._y0 = this._y1 = this._y2 = NaN, this._l01_a = this._l12_a = this._l23_a = this._l01_2a = this._l12_2a = this._l23_2a = this._point = 0 }, lineEnd: function () { (this._line || 0 !== this._line && 3 === this._point) && this._context.closePath(), this._line = 1 - this._line }, point: function (t, e) { if (t = +t, e = +e, this._point) { var n = this._x2 - t, i = this._y2 - e; this._l23_a = Math.sqrt(this._l23_2a = Math.pow(n * n + i * i, this._alpha)) } switch (this._point) { case 0: this._point = 1; break; case 1: this._point = 2; break; case 2: this._point = 3, this._line ? this._context.lineTo(this._x2, this._y2) : this._context.moveTo(this._x2, this._y2); break; case 3: this._point = 4; default: Yt(this, t, e) }this._l01_a = this._l12_a, this._l12_a = this._l23_a, this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a, this._x0 = this._x1, this._x1 = this._x2, this._x2 = t, this._y0 = this._y1, this._y1 = this._y2, this._y2 = e } }; (function t(e) { function n(t) { return e ? new Zt(t, e) : new Kt(t, 0) } return n.alpha = function (e) { return t(+e) }, n })(.5); function Qt(t) { this._context = t } Qt.prototype = { areaStart: zt, areaEnd: zt, lineStart: function () { this._point = 0 }, lineEnd: function () { this._point && this._context.closePath() }, point: function (t, e) { t = +t, e = +e, this._point ? this._context.lineTo(t, e) : (this._point = 1, this._context.moveTo(t, e)) } }; function $t(t) { return t < 0 ? -1 : 1 } function te(t, e, n) { var i = t._x1 - t._x0, r = e - t._x1, s = (t._y1 - t._y0) / (i || r < 0 && -0), o = (n - t._y1) / (r || i < 0 && -0), a = (s * r + o * i) / (i + r); return ($t(s) + $t(o)) * Math.min(Math.abs(s), Math.abs(o), .5 * Math.abs(a)) || 0 } function ee(t, e) { var n = t._x1 - t._x0; return n ? (3 * (t._y1 - t._y0) / n - e) / 2 : e } function ne(t, e, n) { var i = t._x0, r = t._y0, s = t._x1, o = t._y1, a = (s - i) / 3; t._context.bezierCurveTo(i + a, r + a * e, s - a, o - a * n, s, o) } function ie(t) { this._context = t } function re(t) { this._context = new se(t) } function se(t) { this._context = t } function oe(t) { this._context = t } function ae(t) { var e, n, i = t.length - 1, r = new Array(i), s = new Array(i), o = new Array(i); for (r[0] = 0, s[0] = 2, o[0] = t[0] + 2 * t[1], e = 1; e < i - 1; ++e)r[e] = 1, s[e] = 4, o[e] = 4 * t[e] + 2 * t[e + 1]; for (r[i - 1] = 2, s[i - 1] = 7, o[i - 1] = 8 * t[i - 1] + t[i], e = 1; e < i; ++e)n = r[e] / s[e - 1], s[e] -= n, o[e] -= n * o[e - 1]; for (r[i - 1] = o[i - 1] / s[i - 1], e = i - 2; e >= 0; --e)r[e] = (o[e] - r[e + 1]) / s[e]; for (s[i - 1] = (t[i] + r[i - 1]) / 2, e = 0; e < i - 1; ++e)s[e] = 2 * t[e + 1] - r[e + 1]; return [r, s] } ie.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._x0 = this._x1 = this._y0 = this._y1 = this._t0 = NaN, this._point = 0 }, lineEnd: function () { switch (this._point) { case 2: this._context.lineTo(this._x1, this._y1); break; case 3: ne(this, this._t0, ee(this, this._t0)) }(this._line || 0 !== this._line && 1 === this._point) && this._context.closePath(), this._line = 1 - this._line }, point: function (t, e) { var n = NaN; if (e = +e, (t = +t) !== this._x1 || e !== this._y1) { switch (this._point) { case 0: this._point = 1, this._line ? this._context.lineTo(t, e) : this._context.moveTo(t, e); break; case 1: this._point = 2; break; case 2: this._point = 3, ne(this, ee(this, n = te(this, t, e)), n); break; default: ne(this, this._t0, n = te(this, t, e)) }this._x0 = this._x1, this._x1 = t, this._y0 = this._y1, this._y1 = e, this._t0 = n } } }, (re.prototype = Object.create(ie.prototype)).point = function (t, e) { ie.prototype.point.call(this, e, t) }, se.prototype = { moveTo: function (t, e) { this._context.moveTo(e, t) }, closePath: function () { this._context.closePath() }, lineTo: function (t, e) { this._context.lineTo(e, t) }, bezierCurveTo: function (t, e, n, i, r, s) { this._context.bezierCurveTo(e, t, i, n, s, r) } }, oe.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._x = [], this._y = [] }, lineEnd: function () { var t = this._x, e = this._y, n = t.length; if (n) if (this._line ? this._context.lineTo(t[0], e[0]) : this._context.moveTo(t[0], e[0]), 2 === n) this._context.lineTo(t[1], e[1]); else for (var i = ae(t), r = ae(e), s = 0, o = 1; o < n; ++s, ++o)this._context.bezierCurveTo(i[0][s], r[0][s], i[1][s], r[1][s], t[o], e[o]); (this._line || 0 !== this._line && 1 === n) && this._context.closePath(), this._line = 1 - this._line, this._x = this._y = null }, point: function (t, e) { this._x.push(+t), this._y.push(+e) } }; function le(t, e) { this._context = t, this._t = e } le.prototype = { areaStart: function () { this._line = 0 }, areaEnd: function () { this._line = NaN }, lineStart: function () { this._x = this._y = NaN, this._point = 0 }, lineEnd: function () { 0 < this._t && this._t < 1 && 2 === this._point && this._context.lineTo(this._x, this._y), (this._line || 0 !== this._line && 1 === this._point) && this._context.closePath(), this._line >= 0 && (this._t = 1 - this._t, this._line = 1 - this._line) }, point: function (t, e) { switch (t = +t, e = +e, this._point) { case 0: this._point = 1, this._line ? this._context.lineTo(t, e) : this._context.moveTo(t, e); break; case 1: this._point = 2; default: if (this._t <= 0) this._context.lineTo(this._x, e), this._context.lineTo(t, e); else { var n = this._x * (1 - this._t) + t * this._t; this._context.lineTo(n, this._y), this._context.lineTo(n, e) } }this._x = t, this._y = e } }; var ce = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), ue = function () { return (ue = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function pe(t) { switch (t) { case "progress-bar": case "bubble": case "circular-progress-bar": case "circular-progress-bar-alt": return t; default: case 3: return "progress-bar"; case 9: return "bubble"; case 15: return "circular-progress-bar"; case 16: return "circular-progress-bar-alt" } } function he(t) { switch (t) { case "percent": case "value": return t; default: return "percent" } } function de(t) { return ue({}, Object(s.b)(t), { type: 3, percentileType: pe(t.percentileType || t.type), valueType: he(t.valueType), minValue: Object(r.n)(t.minValue, null), maxValue: Object(r.n)(t.maxValue, null), color: Object(r.k)(t.color, null), labelColor: Object(r.k)(t.labelColor, null), value: Object(r.m)(t.value, null), unit: Object(r.k)(t.unit, null) }, Object(r.j)(t), Object(r.i)(t)) } var me = "http://www.w3.org/2000/svg", fe = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return ce(e, t), e.prototype.createDomElement = function () { var t, e = { background: "#000000", progress: this.props.color || "#F0F0F0", text: this.props.labelColor || "#444444" }, n = this.getProgress(), i = document.createElement("div"); null != this.props.value && (t = Intl ? Intl.NumberFormat("en-EN").format(this.props.value) : this.props.value); var r = document.createElementNS(me, "svg"); switch (this.props.percentileType) { case "progress-bar": var s = document.createElementNS(me, "rect"); s.setAttribute("fill", e.background), s.setAttribute("fill-opacity", "0.5"), s.setAttribute("width", "100%"), s.setAttribute("height", "100%"), s.setAttribute("rx", "5"), s.setAttribute("ry", "5"); var o = document.createElementNS(me, "rect"); o.setAttribute("fill", e.progress), o.setAttribute("fill-opacity", "1"), o.setAttribute("width", n + "%"), o.setAttribute("height", "100%"), o.setAttribute("rx", "5"), o.setAttribute("ry", "5"), (p = document.createElementNS(me, "text")).setAttribute("text-anchor", "middle"), p.setAttribute("alignment-baseline", "middle"), p.setAttribute("font-size", "15"), p.setAttribute("font-weight", "bold"), p.setAttribute("transform", "translate(" + this.props.width / 2 + ", 17.5)"), p.setAttribute("fill", e.text), "value" === this.props.valueType ? (p.style.fontSize = "6pt", p.textContent = this.props.unit ? t + " " + this.props.unit : "" + t) : p.textContent = n + "%", r.setAttribute("width", "100%"), r.setAttribute("height", "100%"), r.append(s, o, p); break; case "bubble": case "circular-progress-bar": case "circular-progress-bar-alt": if (r.setAttribute("viewBox", "0 0 100 100"), "bubble" === this.props.percentileType) { (a = document.createElementNS(me, "circle")).setAttribute("transform", "translate(50 50)"), a.setAttribute("fill", e.background), a.setAttribute("fill-opacity", "0.5"), a.setAttribute("r", "50"), (l = document.createElementNS(me, "circle")).setAttribute("transform", "translate(50 50)"), l.setAttribute("fill", e.progress), l.setAttribute("fill-opacity", "1"), l.setAttribute("r", "" + n / 2), r.append(a, l) } else { var a, l, c = { innerRadius: "circular-progress-bar" === this.props.percentileType ? 30 : 0, outerRadius: 50, startAngle: 0, endAngle: 2 * Math.PI }, u = St(); (a = document.createElementNS(me, "path")).setAttribute("transform", "translate(50 50)"), a.setAttribute("fill", e.background), a.setAttribute("fill-opacity", "0.5"), a.setAttribute("d", "" + u(c)), (l = document.createElementNS(me, "path")).setAttribute("transform", "translate(50 50)"), l.setAttribute("fill", e.progress), l.setAttribute("fill-opacity", "1"), l.setAttribute("d", "" + u(ue({}, c, { endAngle: c.endAngle * (n / 100) }))), r.append(a, l) } var p; if ((p = document.createElementNS(me, "text")).setAttribute("text-anchor", "middle"), p.setAttribute("alignment-baseline", "middle"), p.setAttribute("font-size", "16"), p.setAttribute("font-weight", "bold"), p.setAttribute("fill", e.text), "value" === this.props.valueType && null != this.props.value) if (this.props.unit && this.props.unit.length > 0) { var h = document.createElementNS(me, "tspan"); h.setAttribute("x", "0"), h.setAttribute("dy", "1em"), h.textContent = "" + t, h.style.fontSize = "8pt"; var d = document.createElementNS(me, "tspan"); d.setAttribute("x", "0"), d.setAttribute("dy", "1em"), d.textContent = "" + this.props.unit, d.style.fontSize = "8pt", p.append(h, d), p.setAttribute("transform", "translate(50 33)") } else p.textContent = "" + t, p.style.fontSize = "8pt", p.setAttribute("transform", "translate(50 50)"); else p.textContent = n + "%", p.setAttribute("transform", "translate(50 50)"); r.append(p) }return !0 !== this.props.agentDisabled && !0 !== this.props.moduleDisabled || r.setAttribute("opacity", "0.2"), null !== r && i.append(r), i }, e.prototype.updateDomElement = function (t) { !1 === this.meta.isBeingResized && this.resizeElement(this.props.width, this.props.height), t.innerHTML = this.createDomElement().innerHTML }, e.prototype.resizeElement = function (e, n) { "progress-bar" === this.props.percentileType ? t.prototype.resizeElement.call(this, e, 35) : t.prototype.resizeElement.call(this, e, e) }, e.prototype.resize = function (e) { this.resizeElement(e, e); var n = this.props.maxValue || 0; "progress-bar" === this.props.percentileType && (n = 35), t.prototype.setProps.call(this, ue({}, this.props, { width: e, height: n })) }, e.prototype.getProgress = function () { var t = this.props.minValue || 0, e = this.props.maxValue || 100, n = null == this.props.value ? 0 : this.props.value; return n <= t ? 0 : n >= e ? 100 : Math.trunc((n - t) / (e - t) * 100) }, e }(s.a), _e = n(7), ye = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), be = function () { return (be = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }, ve = function (t) { switch (t) { case "white": case "black": case "transparent": return t; default: return "transparent" } }, ge = function (t) { switch (t) { case "horizontal": case "vertical": return t; default: return "vertical" } }; function Ee(t) { if (Object(r.s)(t.html) && Object(r.s)(t.encodedHtml)) throw new TypeError("missing html content."); return be({}, Object(s.b)(t), { type: 18, html: Object(r.s)(t.html) ? Object(r.d)(t.encodedHtml) : t.html, backgroundColor: ve(t.backgroundColor), typeGraph: ge(t.typeGraph), gridColor: Object(r.s)(t.gridColor) ? "#000000" : t.gridColor }, Object(r.j)(t)) } var xe = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return ye(e, t), e.prototype.createDomElement = function () { var t = document.createElement("div"); return t.className = "bars-graph", t.style.backgroundImage = "url(" + this.props.html + ")", t.style.backgroundRepeat = "no-repeat", t.style.backgroundSize = this.props.width + "px " + this.props.height + "px", !0 !== this.props.agentDisabled && !0 !== this.props.moduleDisabled || (t.style.opacity = "0.2"), t }, e.prototype.updateDomElement = function (t) { t.style.backgroundImage = "url(" + this.props.html + ")", t.style.backgroundRepeat = "no-repeat", t.style.backgroundSize = this.props.width + "px " + this.props.height + "px", !0 !== this.props.agentDisabled && !0 !== this.props.moduleDisabled || (t.style.opacity = "0.2") }, e }(s.a), we = n(8), Oe = function () { var t = function (e, n) { return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) e.hasOwnProperty(n) && (t[n] = e[n]) })(e, n) }; return function (e, n) { function i() { this.constructor = e } t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } }(), ke = function () { return (ke = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function Me(t) { if (null !== t.imageSrc) { if ("string" != typeof t.statusImageSrc || 0 === t.imageSrc.statusImageSrc) throw new TypeError("invalid status image src.") } else if (Object(r.s)(t.encodedTitle)) throw new TypeError("missing encode tittle content."); if (null === Object(r.n)(t.serviceId, null)) throw new TypeError("invalid service id."); return ke({}, Object(s.b)(t), { type: 10, serviceId: t.serviceId, imageSrc: Object(r.k)(t.imageSrc, null), statusImageSrc: Object(r.k)(t.statusImageSrc, null), encodedTitle: Object(r.k)(t.encodedTitle, null) }) } var Ae, je = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return Oe(e, t), e.prototype.createDomElement = function () { var t = document.createElement("div"); return t.className = "service", null !== this.props.statusImageSrc ? (t.style.background = "url(" + this.props.statusImageSrc + ") no-repeat", t.style.backgroundSize = "contain", t.style.backgroundPosition = "center", null !== this.props.encodedTitle && (t.className = "service image forced_title", t.setAttribute("data-use_title_for_force_title", "1"), t.setAttribute("data-title", Object(r.d)(this.props.encodedTitle)))) : null !== this.props.encodedTitle && (t.innerHTML = Object(r.d)(this.props.encodedTitle)), t }, e.prototype.updateDomElement = function (t) { null !== this.props.statusImageSrc ? (t.style.background = "url(" + this.props.statusImageSrc + ") no-repeat", t.style.backgroundSize = "contain", t.style.backgroundPosition = "center", null !== this.props.encodedTitle && (t.className = "service image forced_title", t.setAttribute("data-use_title_for_force_title", "1"), t.setAttribute("data-title", Object(r.d)(this.props.encodedTitle))), t.innerHTML = "") : null !== this.props.encodedTitle && (t.innerHTML = Object(r.d)(this.props.encodedTitle)) }, e }(s.a), Te = function () { return (Te = Object.assign || function (t) { for (var e, n = 1, i = arguments.length; n < i; n++)for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]); return t }).apply(this, arguments) }; function Ce(t) { var e = Object(r.n)(t.type, null); if (null == e) throw new TypeError("missing item type."); switch (e) { case 0: return c(t); case 1: return Object(we.b)(t); case 2: case 6: case 7: case 8: return rt(t); case 3: case 9: case 15: case 16: return de(t); case 4: return Q(t); case 5: return d(t); case 10: return Me(t); case 11: return z(t); case 12: return Y(t); case 13: return j(t); case 14: return Object(ot.b)(t); case 17: return Object(_e.b)(t); case 18: return Ee(t); case 19: return U(t); case 20: return g(t); case 21: return L(t); default: throw new TypeError("decoder not found") } } var Pe = function () { function t(t, e, n) { var i = this; this.elementsById = {}, this.elementIds = [], this.relations = {}, this.lineLinks = {}, this.lines = {}, this.clickEventManager = new k.a, this.dblClickEventManager = new k.a, this.movedEventManager = new k.a, this.lineMovedEventManager = new k.a, this.resizedEventManager = new k.a, this.selectionChangedEventManager = new k.a, this.disposables = [], this.handleElementClick = function (t) { i.clickEventManager.emit(t) }, this.handleElementDblClick = function (t) { i.dblClickEventManager.emit(t) }, this.handleElementMovement = function (t) { var e = t.item.props.id; i.getItemRelations(e).forEach(function (n) { n.parentId === e ? n.line.props = Te({}, n.line.props, { startPosition: i.getVisualCenter(t.newPosition, t.item) }) : n.childId === e && (n.line.props = Te({}, n.line.props, { endPosition: i.getVisualCenter(t.newPosition, t.item) })) }), i.updateLinesConnected(t.item.props, t.newPosition, !1) }, this.handleElementMovementFinished = function (t) { i.movedEventManager.emit(t), i.updateLinesConnected(t.item.props, t.newPosition, !0) }, this.handleLineElementMovementFinished = function (t) { i.refreshLink(t.item), i.lineMovedEventManager.emit(t) }, this.handleElementResizement = function (t) { var e = t.item, n = e.props, r = n.id, s = i.getItemRelations(r), o = { x: n.x, y: n.y }, a = i.elementsById[r].meta; i.elementsById[r].meta = Te({}, a, { isUpdating: !0 }), s.forEach(function (t) { t.parentId === r ? t.line.props = Te({}, t.line.props, { startPosition: i.getVisualCenter(o, e) }) : t.childId === r && (t.line.props = Te({}, t.line.props, { endPosition: i.getVisualCenter(o, e) })) }) }, this.handleElementResizementFinished = function (t) { i.resizedEventManager.emit(t) }, this.handleElementRemove = function (t) { i.elementIds = i.elementIds.filter(function (e) { return e !== t.item.props.id }), delete i.elementsById[t.item.props.id], i.clearRelations(t.item.props.id) }, this.handleElementSelectionChanged = function (t) { i.elements.filter(function (t) { return 1 == t.meta.isSelected }).length > 0 ? t.selected = !0 : t.selected = !1, i.selectionChangedEventManager.emit(t) }, this.handleContainerClick = function () { i.unSelectItems() }, this.containerRef = t, this._props = function (t) { var e = t.id, n = t.name, i = t.groupId, s = t.backgroundURL, o = t.backgroundColor, a = t.isFavorite, l = t.relationLineWidth; if (null == e || isNaN(parseInt(e))) throw new TypeError("invalid Id."); if ("string" != typeof n || 0 === n.length) throw new TypeError("invalid name."); if (null == i || isNaN(parseInt(i))) throw new TypeError("invalid group Id."); return Te({ id: parseInt(e), name: n, groupId: parseInt(i), backgroundURL: Object(r.k)(s, null), backgroundColor: Object(r.k)(o, null), isFavorite: Object(r.l)(a), relationLineWidth: Object(r.n)(l, 0) }, Object(r.r)(t)) }(e), this.render(), (n = n.sort(function (t, e) { return null == t.id || null == e.id ? 0 : t.id > e.id ? 1 : -1 })).forEach(function (t) { return i.addElement(t, i) }), this.buildRelations(), this.elements.forEach(function (t) { t instanceof P && i.refreshLink(t) }), this.containerRef.addEventListener("click", this.handleContainerClick) } return t.prototype.coordinatesInItem = function (t, e, n) { return 13 != n.type && 21 != n.type && (t > n.x && t < n.x + n.width && e > n.y && e < n.y + n.height) }, t.prototype.refreshLink = function (t) { var e = t.props.id, n = 0, i = 0; try { for (var r in this.elementsById) this.coordinatesInItem(t.props.startPosition.x, t.props.startPosition.y, this.elementsById[r].props) && (n = parseInt(r)), this.coordinatesInItem(t.props.endPosition.x, t.props.endPosition.y, this.elementsById[r].props) && (i = parseInt(r)); for (var r in null == this.lineLinks && (this.lineLinks = {}), null == this.lines && (this.lines = {}), n == e && (n = 0), i == e && (i = 0), null == this.lines[e] && (this.lines[e] = { start: n, end: i }), n > 0 ? (null == this.lineLinks[n] && (this.lineLinks[n] = {}), this.lineLinks[n][e] = { start: n, end: i }) : this.lines[e].start > 0 && (this.lineLinks[this.lines[e].start][e].start = 0, this.lines[e].start = 0), i > 0 ? (null == this.lineLinks[i] && (this.lineLinks[i] = {}), this.lineLinks[i][e] = { start: n, end: i }) : this.lines[e].end > 0 && (this.lineLinks[this.lines[e].end][e].end = 0, this.lines[e].end = 0), this.lines[e] = { start: n, end: i }, this.lineLinks) this.lineLinks[r][e] && 0 == this.lineLinks[r][e].start && 0 == this.lineLinks[r][e].end && (delete this.lineLinks[r][e], 0 === Object.keys(this.lineLinks[r]).length && delete this.lineLinks[r]) } catch (t) { console.error(t) } }, t.prototype.updateLinesConnected = function (t, e, n) { var i = this; null != this.lineLinks[t.id] && (Object.keys(this.lineLinks[t.id]).forEach(function (s) { var o = parseInt(s), a = i.elementsById[o]; if (a.props) { var l = a.props.startPosition.x, c = a.props.startPosition.y, u = a.props.endPosition.x, p = a.props.endPosition.y; if (t.id == i.lineLinks[t.id][o].start && (l = e.x + t.width / 2, c = e.y + t.height / 2), t.id == i.lineLinks[t.id][o].end && (u = e.x + t.width / 2, p = e.y + t.height / 2), i.updateElement(Te({}, a.props, { startX: l, startY: c, endX: u, endY: p })), n) Object(r.c)(500, function (t) { i.lineMovedEventManager.emit({ item: t.line, startPosition: { x: t.startX, y: t.startY }, endPosition: { x: t.endX, y: t.endY } }) })({ line: a, startX: l, startY: c, endX: u, endY: p }) } }), this.buildRelations(t.id, e.x + t.width / 2, e.y + t.height / 2)) }, Object.defineProperty(t.prototype, "elements", { get: function () { var t = this; return this.elementIds.map(function (e) { return t.elementsById[e] }).filter(function (t) { return null != t }) }, enumerable: !0, configurable: !0 }), t.prototype.addElement = function (t, e) { void 0 === e && (e = this); try { var n = function (t) { var e = Object(r.n)(t.type, null); if (null == e) throw new TypeError("missing item type."); var n = Object(r.h)(t); switch (e) { case 0: return new u(c(t), n); case 1: return new we.a(Object(we.b)(t), n); case 2: case 6: case 7: case 8: return new st(rt(t), n); case 3: case 9: case 15: case 16: return new fe(de(t), n); case 4: return new $(Q(t), n); case 5: return new m(d(t), n); case 10: return new je(Me(t), n); case 11: return new B(z(t), n); case 12: return new X(Y(t), n); case 13: return new P(j(t), n); case 14: return new ot.a(Object(ot.b)(t), n); case 17: return new _e.a(Object(_e.b)(t), n); case 18: return new xe(Ee(t), n); case 19: return new V(U(t), n); case 20: return new O(g(t), n); case 21: return new R(L(t), n); default: throw new TypeError("item not found") } }(t); return e.elementsById[n.props.id] = n, e.elementIds.push(n.props.id), n.onRemove(e.handleElementRemove), n.onSelectionChanged(e.handleElementSelectionChanged), n.onClick(e.handleElementClick), n.onDblClick(e.handleElementDblClick), n instanceof P ? (n.onLineMovementFinished(e.handleLineElementMovementFinished), this.refreshLink(n)) : (n.onMoved(e.handleElementMovement), n.onMovementFinished(e.handleElementMovementFinished), n.onResized(e.handleElementResizement), n.onResizeFinished(e.handleElementResizementFinished)), e.containerRef.append(n.elementRef), n } catch (t) { console.error("Error creating a new element:", t.message) } }, t.prototype.updateElements = function (t) { var e = this, n = t.map(function (t) { return t.id || null }).filter(function (t) { return null != t }); this.elementIds.filter(function (t) { return n.indexOf(t) < 0 }).forEach(function (t) { null != e.elementsById[t] && (e.elementsById[t].remove(), delete e.elementsById[t]) }), this.elementIds = n, t.forEach(function (t) { if (t.id) if (null == e.elementsById[t.id]) e.addElement(t); else try { e.elementsById[t.id].props = Ce(t) } catch (t) { console.error("Error updating an element:", t.message) } }), this.buildRelations() }, t.prototype.updateElement = function (t) { try { this.elementsById[t.id].props = Te({}, Ce(t)) } catch (t) { console.error("Error updating element:", t.message) } this.buildRelations() }, Object.defineProperty(t.prototype, "props", { get: function () { return Te({}, this._props) }, set: function (t) { var e = this.props; this._props = t, this.render(e) }, enumerable: !0, configurable: !0 }), t.prototype.render = function (t) { void 0 === t && (t = null), t ? (t.backgroundURL !== this.props.backgroundURL && (this.containerRef.style.backgroundImage = null !== this.props.backgroundURL ? "url(" + this.props.backgroundURL + ")" : ""), null != this.props.backgroundColor && t.backgroundColor !== this.props.backgroundColor && (this.containerRef.style.backgroundColor = this.props.backgroundColor), this.sizeChanged(t, this.props) && this.resizeElement(this.props.width, this.props.height)) : (this.props.backgroundURL && (this.containerRef.style.backgroundImage = null !== this.props.backgroundURL ? "url(" + this.props.backgroundURL + ")" : ""), this.props.backgroundColor && (this.containerRef.style.backgroundColor = this.props.backgroundColor), this.resizeElement(this.props.width, this.props.height)) }, t.prototype.sizeChanged = function (t, e) { return t.width !== e.width || t.height !== e.height }, t.prototype.resizeElement = function (t, e) { this.containerRef.style.width = t + "px", this.containerRef.style.height = e + "px" }, t.prototype.resize = function (t, e) { this.props = Te({}, this.props, { width: t, height: e }) }, t.prototype.remove = function () { this.disposables.forEach(function (t) { return t.dispose() }), this.elements.forEach(function (t) { return t.remove() }), this.elementsById = {}, this.elementIds = [], this.clearRelations(), this.containerRef.removeEventListener("click", this.handleContainerClick), this.containerRef.innerHTML = "" }, t.prototype.buildRelations = function (t, e, n) { var i = this; this.clearRelations(), this.elements.forEach(function (r) { if (null !== r.props.parentId) { var s = i.elementsById[r.props.parentId], o = i.elementsById[r.props.id]; s && o && (null != t ? r.props.parentId == t ? i.addRelationLine(s, o, e, n) : r.props.id == t ? i.addRelationLine(s, o, void 0, void 0, e, n) : i.addRelationLine(s, o) : i.addRelationLine(s, o)) } }) }, t.prototype.clearRelations = function (t) { if (null != t) for (var e in this.relations) { var n = e.split("|"), i = Number.parseInt(n[0]), r = Number.parseInt(n[1]); t !== i && t !== r || (this.relations[e].remove(), delete this.relations[e]) } else for (var e in this.relations) this.relations[e].remove(), delete this.relations[e] }, t.prototype.getRelationLine = function (t, e) { var n = t + "|" + e; return this.relations[n] || null }, t.prototype.getItemRelations = function (t) { var e = []; for (var n in this.relations) { var i = n.split("|"), r = Number.parseInt(i[0]), s = Number.parseInt(i[1]); t !== r && t !== s || e.push({ parentId: r, childId: s, line: this.relations[n] }) } return e }, t.prototype.getVisualCenter = function (t, e) { var n = t.x + e.elementRef.clientWidth / 2, i = t.y + e.elementRef.clientHeight / 2; if (void 0 !== e.props.label || "" !== e.props.label || null !== e.props.label) switch (e.props.labelPosition) { case "up": i = t.y + (e.elementRef.clientHeight + e.labelElementRef.clientHeight) / 2; break; case "down": i = t.y + (e.elementRef.clientHeight - e.labelElementRef.clientHeight) / 2; break; case "right": n = t.x + (e.elementRef.clientWidth - e.labelElementRef.clientWidth) / 2; break; case "left": n = t.x + (e.elementRef.clientWidth + e.labelElementRef.clientWidth) / 2 }return { x: n, y: i } }, t.prototype.addRelationLine = function (t, e, n, i, s, o) { var a = t.props.id + "|" + e.props.id; null != this.relations[a] && this.relations[a].remove(); var l = this.getVisualCenter(t.props, t), c = l.x, u = l.y, p = this.getVisualCenter(e.props, e), h = p.x, d = p.y; null != n && (c = n), null != i && (u = i), null != s && (h = s), null != o && (d = o); var m = new P(j({ id: 0, type: 13, startX: c, startY: u, endX: h, endY: d, width: 0, height: 0, lineWidth: this.props.relationLineWidth, color: Object(r.k)(e.props.colorStatus, "#CCC") }), Object(r.h)({ receivedAt: new Date })); return this.relations[a] = m, m.elementRef.style.zIndex = "0", this.containerRef.append(m.elementRef), m }, t.prototype.onItemClick = function (t) { var e = this.clickEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onItemDblClick = function (t) { var e = this.dblClickEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onItemMoved = function (t) { var e = this.movedEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onLineMoved = function (t) { var e = this.lineMovedEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onItemResized = function (t) { var e = this.resizedEventManager.on(t); return this.disposables.push(e), e }, t.prototype.onItemSelectionChanged = function (t) { var e = this.selectionChangedEventManager.on(t); return this.disposables.push(e), e }, t.prototype.enableEditMode = function () { this.elements.forEach(function (t) { t.meta = Te({}, t.meta, { editMode: !0 }) }), this.containerRef.classList.add("is-editing") }, t.prototype.disableEditMode = function () { this.elements.forEach(function (t) { t.meta = Te({}, t.meta, { editMode: !1 }) }), this.containerRef.classList.remove("is-editing") }, t.prototype.selectItem = function (t, e) { var n = this; void 0 === e && (e = !1), e ? this.elementIds.forEach(function (e) { var i = n.elementsById[e].meta; e !== t && i.isSelected ? n.elementsById[e].unSelectItem() : e !== t || i.isSelected || n.elementsById[e].selectItem() }) : this.elementsById[t] && this.elementsById[t].selectItem() }, t.prototype.unSelectItem = function (t) { this.elementsById[t] && (this.elementsById[t].meta.isSelected && this.elementsById[t].unSelectItem()) }, t.prototype.unSelectItems = function () { var t = this; this.elementIds.forEach(function (e) { t.elementsById[e] && t.elementsById[e].unSelectItem() }) }, t.itemDescriptiveName = function (t) { var e; switch (t.props.type) { case 0: e = Object(r.t)("Static graph") + " - " + t.props.imageSrc; break; case 1: e = Object(r.t)("Module graph"); break; case 19: e = Object(r.t)("Clock"); break; case 18: e = Object(r.t)("Bars graph"); break; case 14: e = Object(r.t)("Event history graph"); break; case 3: e = Object(r.t)("Percentile bar"); break; case 15: e = Object(r.t)("Circular progress bar"); break; case 16: e = Object(r.t)("Circular progress bar (interior)"); break; case 2: e = Object(r.t)("Simple Value"); break; case 4: e = Object(r.t)("Label"); break; case 11: e = Object(r.t)("Group"); break; case 20: e = Object(r.t)("Color cloud"); break; case 5: e = Object(r.t)("Icon") + " - " + t.props.imageSrc; break; default: e = Object(r.t)("Item") }var n = t.props; return null != n.agentAlias && null != n.moduleName ? e += " (" + Object(r.e)(n.agentAlias, 18) + " - " + Object(r.e)(n.moduleName, 25) + ")" : null != n.agentAlias && (e += " (" + Object(r.e)(n.agentAlias, 25) + ")"), e }, t.items = ((Ae = {})[0] = u, Ae[1] = we.a, Ae[2] = st, Ae[6] = st, Ae[7] = st, Ae[8] = st, Ae[3] = fe, Ae[9] = fe, Ae[15] = fe, Ae[16] = fe, Ae[4] = $, Ae[5] = m, Ae[10] = je, Ae[11] = B, Ae[12] = X, Ae[13] = P, Ae[14] = ot.a, Ae[17] = _e.a, Ae[18] = xe, Ae[19] = V, Ae[20] = O, Ae[21] = R, Ae), t }(), Se = function () { function t(t) { this.cancellable = { cancel: function () { } }, this._status = "waiting", this.statusChangeEventManager = new k.a, this.disposables = [], this.taskInitiator = t } return Object.defineProperty(t.prototype, "status", { get: function () { return this._status }, set: function (t) { this._status = t, this.statusChangeEventManager.emit(t) }, enumerable: !0, configurable: !0 }), t.prototype.init = function () { var t = this; this.cancellable = this.taskInitiator(function () { t.status = "finished" }), this.status = "started" }, t.prototype.cancel = function () { this.cancellable.cancel(), this.status = "cancelled" }, t.prototype.onStatusChange = function (t) { var e = this.statusChangeEventManager.on(t); return this.disposables.push(e), e }, t }(); var Ie = function () { function t() { this.tasks = {} } return t.prototype.add = function (t, e, n) { void 0 === n && (n = 0), this.tasks[t] && "started" === this.tasks[t].status && this.tasks[t].cancel(); var i = n > 0 ? function (t, e) { return new Se(function () { var n = null; return t.onStatusChange(function (i) { "finished" === i && (n = window.setTimeout(function () { t.init() }, e)) }), t.init(), { cancel: function () { n && clearTimeout(n), t.cancel() } } }) }(new Se(e), n) : new Se(e); return this.tasks[t] = i, this.tasks[t] }, t.prototype.init = function (t) { !this.tasks[t] || "waiting" !== this.tasks[t].status && "cancelled" !== this.tasks[t].status && "finished" !== this.tasks[t].status || this.tasks[t].init() }, t.prototype.cancel = function (t) { this.tasks[t] && "started" === this.tasks[t].status && this.tasks[t].cancel() }, t }(); window.VisualConsole = Pe, window.VisualConsole.Form = f, window.AsyncTaskManager = Ie }]); //# sourceMappingURL=vc.main.min.js.map \ No newline at end of file