ngx-hana-nameserver-history-viewer 1.1.9-9.8.beta → 1.2.0-9.8.beta

package/fesm2020/ngx-hana-nameserver-history-viewer.mjs

@@ -6,8 +6,7 @@ import * as i2$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1$1 from '@danielmoncada/angular-datetime-picker';
 import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
-import * as moment from 'moment-timezone';
-import moment__default from 'moment-timezone';
+import * as moment$2 from 'moment-timezone';
 import * as i2 from 'ngx-dropdown-list';
 import { DropdownListModule } from 'ngx-dropdown-list';
 import { SelectionModel } from '@angular/cdk/collections';
@@ -15,7 +14,7 @@ import * as chartjs from 'chart.js';
 import { Chart as Chart$2 } from 'chart.js';
 import { parse } from 'papaparse';
 import * as hammerjs from 'hammerjs';
-import moment$1 from 'moment';
+import * as moment_module from 'moment';
 import * as i8 from 'ngx-selection-table';
 import { SelectionTableModule } from 'ngx-selection-table';
 
@@ -549,7 +548,7 @@ function _getTimeRange(time) {
  * get default local time zone
  */
 function getDefaultTimezone() {
-    return moment__default.tz.guess();
+    return moment$2.tz.guess();
 }
 /**
  * Get time from provided timezone, using this only because chart.js doesn't support timezone.
@@ -562,8 +561,8 @@ function getTimeFromTimeZone(time, timezone) {
         timezone = getDefaultTimezone();
         console.warn(`getTimeFromTimeZone - Input timezone is null, returning the local (${timezone}) time. `);
     }
-    const utcOffset = moment__default.tz.zone(timezone).utcOffset(time * 1000);
-    const currentOffset = moment__default.tz.zone(getDefaultTimezone()).utcOffset(time * 1000);
+    const utcOffset = moment$2.tz.zone(timezone).utcOffset(time * 1000);
+    const currentOffset = moment$2.tz.zone(getDefaultTimezone()).utcOffset(time * 1000);
     // convert to utc and then to selected timezone
     return time + currentOffset * 60 - utcOffset * 60;
 }
@@ -571,7 +570,7 @@ function getTimeFromTimeZone(time, timezone) {
  * Get time formatted with the provided timezone
  */
 function getTimeString(time) {
-    return moment__default(time).format('YYYY-MM-DD HH:mm:ss');
+    return moment$2(time).format('YYYY-MM-DD HH:mm:ss');
 }
 /**
  * Get the time range string by time array, eg: 2018-10-25 10:10:00 ~ 2018-10-25 12:12:00
@@ -773,7 +772,7 @@ class TimezoneSelectorService {
      */
     getZones() {
         const timezones = [];
-        const zones = moment.tz.names();
+        const zones = moment$2.tz.names();
         zones.forEach(zone => {
             // get region
             let region;
@@ -830,7 +829,7 @@ class TimezoneSelectorComponent {
         return tz[tz.length - 1].replace('_', ' ');
     }
     _getOffset(zone) {
-        let offset = moment__default.tz(zone).utcOffset();
+        let offset = moment$2.tz(zone).utcOffset();
         const neg = offset < 0;
         if (neg) {
             offset = -1 * offset;
@@ -1941,11 +1940,16 @@ class ChartService {
      * generate configuration for chart and create the chart object.
      */
     buildChart(time, data, yScale, header, headerKey, selection, tableSource, title, defaultItems, zoomCB) {
-        return new Promise((resolve) => {
-            const ctx = document.getElementById('chartNameServerHistory').getContext('2d');
-            const cfg = ChartService._generateChartConfig(time, data, yScale, header, headerKey, selection, tableSource, title, defaultItems, zoomCB);
-            this._chart = new Chart$2(ctx, cfg);
-            resolve();
+        return new Promise((resolve, reject) => {
+            const ctx = document.getElementById('chartNameServerHistory')?.getContext('2d');
+            if (ctx) {
+                const cfg = ChartService._generateChartConfig(time, data, yScale, header, headerKey, selection, tableSource, title, defaultItems, zoomCB);
+                this._chart = new Chart$2(ctx, cfg);
+                resolve();
+            }
+            else {
+                reject('Can not find the canvas.');
+            }
         });
     }
     /**
@@ -2705,6 +2709,7 @@ class LTTBDataMipmap extends DataMipmap {
     }
 }
 
+const moment$1 = (window && window.moment) ? window.moment : moment_module;
 function getCompareValue(value) {
     if (typeof value === 'number') {
         return value;
@@ -2783,6 +2788,7 @@ function cullData(data, range) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+const moment = (window && window.moment) ? window.moment : moment_module;
 // Using dynamic flag to fix the issue of ng-packagr #696: Lambda not supported
 // @dynamic
 /**
@@ -2839,8 +2845,8 @@ class ResponsiveDownsamplePlugin {
         if (isNil(xScale)) {
             return null;
         }
-        const start = moment$1(xScale.getValueForPixel(xScale.left));
-        const end = moment$1(xScale.getValueForPixel(xScale.left + 1));
+        const start = moment(xScale.getValueForPixel(xScale.left));
+        const end = moment(xScale.getValueForPixel(xScale.left + 1));
         const targetResolution = end.diff(start);
         return targetResolution * options.desiredDataPointDistance;
     }
@@ -3525,19 +3531,6 @@ class NameServerHistoryComponent {
         this.stepShowChart = false;
         this.searchType = SearchType.searchAll;
     }
-    ngOnInit() {
-        // this.timezone = this.defaultTimezone;
-        this.onResize();
-        // init items' status
-        // reset chart button will be disable by default later, only be enabled after zoomed
-        this._toggleItems([
-            { id: HtmlElement.chartArea, status: false },
-            { id: HtmlElement.readFileProgress, status: false },
-            { id: HtmlElement.showChartButton, status: false },
-            { id: HtmlElement.loadPortsButton, status: true },
-            { id: HtmlElement.resetChartButton, status: false }
-        ]);
-    }
     async ngOnChanges(changes) {
         const fbc = changes.fileBuffer;
         if (fbc && fbc.currentValue && fbc.currentValue !== fbc.previousValue) {
@@ -3546,15 +3539,26 @@ class NameServerHistoryComponent {
             await this.fileSelected(simulatedEvent);
             this.port = undefined; // clear the port selection
             if (this.autoDisplay) {
-                this.onResize(); // update the size, otherwise there may have a scrollbar (because of the toast) if auto display is set to true
                 this.showChart();
             }
         }
     }
+    ngAfterViewInit() {
+        // init items' status
+        // reset chart button will be disable by default later, only be enabled after zoomed
+        this._toggleItems([
+            { id: HtmlElement.chartArea, status: false },
+            { id: HtmlElement.readFileProgress, status: false },
+            { id: HtmlElement.showChartButton, status: false },
+            { id: HtmlElement.loadPortsButton, status: true },
+            { id: HtmlElement.resetChartButton, status: false }
+        ]);
+        this.onResize(); // update the size, otherwise there may have a scrollbar (because of the toast) if auto display is set to true
+    }
     /**
-   * Reset Chart to initial status
-   * If legend is already selected/unselected from the list, it wouldn't be restored.
-   */
+     * Reset Chart to initial status
+     * If legend is already selected/unselected from the list, it wouldn't be restored.
+     */
     resetChart() {
         this._toggleItems([{ id: HtmlElement.resetChartButton, status: false }]);
         if (this.tableSource && this._selection) {