@hestia-earth/ui-components 0.0.6 → 0.0.7

package/bundles/hestia-earth-ui-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@ng-bootstrap/ng-bootstrap'), require('@angular/google-maps'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-regular-svg-icons'), require('@fortawesome/free-solid-svg-icons'), require('@hestia-earth/utils'), require('random-material-color'), require('@hestia-earth/schema'), require('@hestia-earth/api'), require('rxjs'), require('rxjs/operators'), require('csvtojson'), require('@angular/common/http'), require('@angular/platform-browser'), require('pluralize'), require('@hestia-earth/bulma-tagsinput'), require('json-2-csv'), require('@angular/cdk/drag-drop'), require('@hestia-earth/schema-convert'), require('@hestia-earth/json-schema/schema-utils'), require('jsondiffpatch'), require('chart.js'), require('moment'), require('moment/locale/en-gb'), require('uuid'), require('@google/markerclustererplus'), require('chartjs-plugin-datalabels')) :
-    typeof define === 'function' && define.amd ? define('@hestia-earth/ui-components', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/router', '@ng-bootstrap/ng-bootstrap', '@angular/google-maps', '@fortawesome/angular-fontawesome', '@fortawesome/free-regular-svg-icons', '@fortawesome/free-solid-svg-icons', '@hestia-earth/utils', 'random-material-color', '@hestia-earth/schema', '@hestia-earth/api', 'rxjs', 'rxjs/operators', 'csvtojson', '@angular/common/http', '@angular/platform-browser', 'pluralize', '@hestia-earth/bulma-tagsinput', 'json-2-csv', '@angular/cdk/drag-drop', '@hestia-earth/schema-convert', '@hestia-earth/json-schema/schema-utils', 'jsondiffpatch', 'chart.js', 'moment', 'moment/locale/en-gb', 'uuid', '@google/markerclustererplus', 'chartjs-plugin-datalabels'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["hestia-earth"] = global["hestia-earth"] || {}, global["hestia-earth"]["ui-components"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.router, global.i10, global.ng.googleMaps, global.i1, global.freeRegularSvgIcons, global.freeSolidSvgIcons, global.utils, global.randomMaterialColor, global.schema, global.api, global.rxjs, global.rxjs.operators, global.csvtojson, global.ng.common.http, global.ng.platformBrowser, global.pluralize, global.BulmaTagsInput, global.json2Csv, global.ng.cdk.dragDrop, global.schemaConvert, global.schemaUtils, global.jsondiffpatch, global.chart_js, global.moment, null, global.uuid, global.MarkerClusterer, global.ChartDataLabels));
-})(this, (function (exports, i0, i3, i1$4, i4, i10, i1$2, i1, freeRegularSvgIcons, freeSolidSvgIcons, utils, randomMaterialColor, schema, api, rxjs, operators, csvtojson, i1$1, i1$3, pluralize, BulmaTagsInput, json2Csv, i6, schemaConvert, schemaUtils, jsondiffpatch, chart_js, moment, enGb, uuid, MarkerClusterer, ChartDataLabels) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@ng-bootstrap/ng-bootstrap'), require('@angular/google-maps'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-regular-svg-icons'), require('@fortawesome/free-solid-svg-icons'), require('random-material-color'), require('@hestia-earth/schema'), require('@hestia-earth/api'), require('@hestia-earth/utils'), require('rxjs'), require('rxjs/operators'), require('csvtojson'), require('@angular/common/http'), require('@angular/platform-browser'), require('pluralize'), require('@hestia-earth/bulma-tagsinput'), require('json-2-csv'), require('@angular/cdk/drag-drop'), require('@hestia-earth/schema-convert'), require('@hestia-earth/json-schema/schema-utils'), require('jsondiffpatch'), require('chart.js'), require('moment'), require('moment/locale/en-gb'), require('uuid'), require('@google/markerclustererplus'), require('chartjs-plugin-datalabels')) :
+    typeof define === 'function' && define.amd ? define('@hestia-earth/ui-components', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/router', '@ng-bootstrap/ng-bootstrap', '@angular/google-maps', '@fortawesome/angular-fontawesome', '@fortawesome/free-regular-svg-icons', '@fortawesome/free-solid-svg-icons', 'random-material-color', '@hestia-earth/schema', '@hestia-earth/api', '@hestia-earth/utils', 'rxjs', 'rxjs/operators', 'csvtojson', '@angular/common/http', '@angular/platform-browser', 'pluralize', '@hestia-earth/bulma-tagsinput', 'json-2-csv', '@angular/cdk/drag-drop', '@hestia-earth/schema-convert', '@hestia-earth/json-schema/schema-utils', 'jsondiffpatch', 'chart.js', 'moment', 'moment/locale/en-gb', 'uuid', '@google/markerclustererplus', 'chartjs-plugin-datalabels'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["hestia-earth"] = global["hestia-earth"] || {}, global["hestia-earth"]["ui-components"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.router, global.i10, global.ng.googleMaps, global.i1, global.freeRegularSvgIcons, global.freeSolidSvgIcons, global.randomMaterialColor, global.schema, global.api, global.utils, global.rxjs, global.rxjs.operators, global.csvtojson, global.ng.common.http, global.ng.platformBrowser, global.pluralize, global.BulmaTagsInput, global.json2Csv, global.ng.cdk.dragDrop, global.schemaConvert, global.schemaUtils, global.jsondiffpatch, global.chart_js, global.moment, null, global.uuid, global.MarkerClusterer, global.ChartDataLabels));
+})(this, (function (exports, i0, i3, i1$4, i4, i10, i1$2, i1, freeRegularSvgIcons, freeSolidSvgIcons, randomMaterialColor, schema, api, utils, rxjs, operators, csvtojson, i1$1, i1$3, pluralize, BulmaTagsInput, json2Csv, i6, schemaConvert, schemaUtils, jsondiffpatch, chart_js, moment, enGb, uuid, MarkerClusterer, ChartDataLabels) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -417,7 +417,7 @@
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace.FaIconLibrary }]; } });
 
-    var _a$6, _b$3;
+    var _a$6;
     var get$4 = require('lodash.get');
     var gitHome = 'https://gitlab.com/hestia-earth';
     var gitRawBaseUrl = 'https://glcdn.githack.com/hestia-earth';
@@ -592,44 +592,8 @@
     var defaultLabel = function (node) { return node ? (node['@type'] in nodeDefaultLabel ? nodeDefaultLabel[node['@type']](node) : node.name) || node['@id'] || node.id : ''; };
     var itemColor = function (index) { return randomMaterialColor.getColor({ text: "" + index }); };
     var listColor = function (_v, index) { return itemColor(index); };
-    exports.DeltaDisplayType = void 0;
-    (function (DeltaDisplayType) {
-        DeltaDisplayType["absolute"] = "absolute";
-        DeltaDisplayType["percent"] = "percent";
-    })(exports.DeltaDisplayType || (exports.DeltaDisplayType = {}));
-    var deltaPerType = (_b$3 = {},
-        _b$3[exports.DeltaDisplayType.absolute] = function (value, original) { return value - original; },
-        _b$3[exports.DeltaDisplayType.percent] = function (value, original) { return ((value - original) / original) * 100; },
-        _b$3);
-    var roundValue = function (value) { return +("" + value).substring(0, 10); };
-    var delta = function (value, originalValue, displayType, customDeltaFuncs) {
-        if (displayType === void 0) { displayType = exports.DeltaDisplayType.percent; }
-        var vvalue = roundValue(propertyValue$1(value));
-        var voriginalValue = roundValue(propertyValue$1(originalValue));
-        var deltaFuncs = Object.assign(Object.assign({}, deltaPerType), customDeltaFuncs);
-        var diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
-        return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
-    };
-    exports.DeltaColour = void 0;
-    (function (DeltaColour) {
-        DeltaColour["Success"] = "success";
-        DeltaColour["Warning"] = "warning";
-        DeltaColour["Danger"] = "danger";
-    })(exports.DeltaColour || (exports.DeltaColour = {}));
-    var emptyValue = function (value) { return utils.isEmpty(value) || isNaN(propertyValue$1(value)); };
-    var repeat = function (times) {
-        if (times === void 0) { times = 0; }
-        return (Array.from(Array(times), Math.random));
-    };
-    var filenameWithoutExt = function (filename) {
-        if (filename === void 0) { filename = ''; }
-        var file = api.fileToExt(filename, '');
-        // remove last .
-        return file.endsWith('.') ? file.substring(0, file.length - 1) : file;
-    };
-
     var reduceValues$1 = function (values) { return values.length ? values.reduce(function (p, v) { return p + propertyValue$1(v.value); }, 0) : undefined; };
-    var formatValues = function (originalValues, recalculatedValues) {
+    var formatDiffValues = function (originalValues, recalculatedValues) {
         if (originalValues === void 0) { originalValues = []; }
         if (recalculatedValues === void 0) { recalculatedValues = []; }
         var originalValuesFiltered = originalValues.filter(function (value) { return !value.deleted; });
@@ -647,35 +611,70 @@
         });
         return values;
     };
+    var emptyValue = function (value) { return utils.isEmpty(value) || isNaN(propertyValue$1(value)); };
+    var repeat = function (times) {
+        if (times === void 0) { times = 0; }
+        return (Array.from(Array(times), Math.random));
+    };
+    var filenameWithoutExt = function (filename) {
+        if (filename === void 0) { filename = ''; }
+        var file = api.fileToExt(filename, '');
+        // remove last .
+        return file.endsWith('.') ? file.substring(0, file.length - 1) : file;
+    };
 
-    var _a$5, _b$2, _c$2;
+    var _a$5, _b$2, _c$2, _d$2;
     var SUCCESS_CRITERION_MAX_DELTA_PERCENT = 5;
     var WARNING_CRITERION_MAX_DELTA_PERCENT = 20;
+    exports.DeltaColour = void 0;
+    (function (DeltaColour) {
+        DeltaColour["Success"] = "success";
+        DeltaColour["Warning"] = "warning";
+        DeltaColour["Danger"] = "danger";
+    })(exports.DeltaColour || (exports.DeltaColour = {}));
+    exports.DeltaDisplayType = void 0;
+    (function (DeltaDisplayType) {
+        DeltaDisplayType["absolute"] = "absolute";
+        DeltaDisplayType["percent"] = "percent";
+    })(exports.DeltaDisplayType || (exports.DeltaDisplayType = {}));
+    var deltaPerType = (_a$5 = {},
+        _a$5[exports.DeltaDisplayType.absolute] = function (value, original) { return value - original; },
+        _a$5[exports.DeltaDisplayType.percent] = function (value, original) { return ((value - original) / original) * 100; },
+        _a$5);
+    var roundValue = function (value) { return +("" + value).substring(0, 10); };
+    var delta = function (value, originalValue, displayType, mapping) {
+        if (displayType === void 0) { displayType = exports.DeltaDisplayType.percent; }
+        var vvalue = roundValue(propertyValue$1(value));
+        var voriginalValue = roundValue(propertyValue$1(originalValue));
+        var deltaFuncs = Object.assign(Object.assign({}, deltaPerType), mapping);
+        var diff = vvalue === voriginalValue ? 0 : deltaFuncs[displayType](vvalue, voriginalValue);
+        return Number.isFinite(diff) ? (diff === -0 ? 0 : diff) : 0;
+    };
     var PercentDeltaConditions;
     (function (PercentDeltaConditions) {
         PercentDeltaConditions["recalculated0"] = "recalculated should be 0";
         PercentDeltaConditions["original0"] = "original is 0";
     })(PercentDeltaConditions || (PercentDeltaConditions = {}));
-    var calculatePercentDeltaConditions = (_a$5 = {},
-        _a$5[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return original > 0 && recalculated === 0; },
-        _a$5[PercentDeltaConditions.original0] = function (original, recalculated) { return original === 0 && recalculated > 0; },
-        _a$5);
-    var calculatePercentDeltaResult = (_b$2 = {},
-        _b$2[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return (recalculated - original) / (original + 1); },
-        // Always considered an error so deliberately exceed SUCCESS_CRITERION_MAX_DELTA_PERCENT
-        _b$2[PercentDeltaConditions.original0] = function (original, recalculated) { return Math.sign(recalculated - original); },
-        _b$2.default = function (original, recalculated) { return (recalculated - original) / original; },
+    var calculatePercentDeltaConditions = (_b$2 = {},
+        _b$2[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return original > 0 && recalculated === 0; },
+        _b$2[PercentDeltaConditions.original0] = function (original, recalculated) { return original === 0 && recalculated > 0; },
         _b$2);
+    var calculatePercentDeltaResult = (_c$2 = {},
+        _c$2[PercentDeltaConditions.recalculated0] = function (original, recalculated) { return (recalculated - original) / (original + 1); },
+        // Always considered an error so deliberately exceed SUCCESS_CRITERION_MAX_DELTA_PERCENT
+        _c$2[PercentDeltaConditions.original0] = function (original, recalculated) { return Math.sign(recalculated - original); },
+        _c$2.default = function (original, recalculated) { return (recalculated - original) / original; },
+        _c$2);
     var calculatePercentDelta = function (recalculated, original) {
         var matchingCondition = Object.values(PercentDeltaConditions).find(function (value) { return calculatePercentDeltaConditions[value](original, recalculated); }) || 'default';
         return calculatePercentDeltaResult[matchingCondition](original, recalculated) * 100;
     };
-    var customDeltaFuncs = (_c$2 = {},
-        _c$2[exports.DeltaDisplayType.percent] = calculatePercentDelta,
-        _c$2);
-    var evaluateSuccess = function (delta) { return Math.abs(delta) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
+    var customDeltaFuncs = (_d$2 = {},
+        _d$2[exports.DeltaDisplayType.percent] = calculatePercentDelta,
+        _d$2);
+    var evaluateSuccess = function (deltaValue) { return Math.abs(deltaValue) < SUCCESS_CRITERION_MAX_DELTA_PERCENT
         ? exports.DeltaColour.Success
-        : Math.abs(delta) < WARNING_CRITERION_MAX_DELTA_PERCENT
+        : Math.abs(deltaValue) < WARNING_CRITERION_MAX_DELTA_PERCENT
             ? exports.DeltaColour.Warning
             : exports.DeltaColour.Danger; };
 
@@ -774,7 +773,7 @@
             this.values = [];
         }
         BlankNodeDiffsComponent.prototype.ngOnInit = function () {
-            this.values = formatValues(this.originalValues, this.recalculatedValues);
+            this.values = formatDiffValues(this.originalValues, this.recalculatedValues);
         };
         return BlankNodeDiffsComponent;
     }());
@@ -3526,11 +3525,11 @@
                     type: i0.Output
                 }] } });
 
-    var DisplayType;
-    (function (DisplayType) {
-        DisplayType["diffs"] = "diffs";
-        DisplayType["sideBySide"] = "side-by-side";
-    })(DisplayType || (DisplayType = {}));
+    exports.DiffsDisplayType = void 0;
+    (function (DiffsDisplayType) {
+        DiffsDisplayType["diffs"] = "diffs";
+        DiffsDisplayType["sideBySide"] = "side-by-side";
+    })(exports.DiffsDisplayType || (exports.DiffsDisplayType = {}));
 
     var omit = require('lodash.omit');
     var ignoreProperties = [
@@ -3546,9 +3545,9 @@
     var NodeDiffsComponent = /** @class */ (function () {
         function NodeDiffsComponent(nodeService) {
             this.nodeService = nodeService;
-            this.displayType = DisplayType.diffs;
+            this.displayType = exports.DiffsDisplayType.diffs;
             this.diffsLoaded = new i0.EventEmitter();
-            this.DisplayType = DisplayType;
+            this.DiffsDisplayType = exports.DiffsDisplayType;
             this.loading = true;
         }
         NodeDiffsComponent.prototype.ngOnInit = function () {
@@ -3582,7 +3581,7 @@
         return NodeDiffsComponent;
     }());
     NodeDiffsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeDiffsComponent, deps: [{ token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NodeDiffsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeDiffsComponent, selector: "he-node-diffs", inputs: { data: "data", id: "id", type: "type", displayType: "displayType" }, outputs: { diffsLoaded: "diffsLoaded" }, ngImport: i0__namespace, template: "<div *ngIf=\"loading\" class=\"has-text-center py-3\">\n  <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n</div>\n\n<ng-container *ngIf=\"left && right\">\n  <ng-container [ngSwitch]=\"displayType\">\n    <div *ngSwitchCase=\"DisplayType.diffs\" [innerHTML]=\"diffHtml\"></div>\n\n    <div *ngSwitchCase=\"DisplayType.sideBySide\" class=\"columns\">\n      <div class=\"column is-6\">\n        <pre class=\"has-background-black has-text-white\"><code>{{left | json}}</code></pre>\n      </div>\n      <div class=\"column is-6\">\n        <pre class=\"has-background-black has-text-white\"><code>{{right | json}}</code></pre>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "json": i3__namespace.JsonPipe } });
+    NodeDiffsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeDiffsComponent, selector: "he-node-diffs", inputs: { data: "data", id: "id", type: "type", displayType: "displayType" }, outputs: { diffsLoaded: "diffsLoaded" }, ngImport: i0__namespace, template: "<div *ngIf=\"loading\" class=\"has-text-center py-3\">\n  <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n</div>\n\n<ng-container *ngIf=\"left && right\">\n  <ng-container [ngSwitch]=\"displayType\">\n    <div *ngSwitchCase=\"DiffsDisplayType.diffs\" [innerHTML]=\"diffHtml\"></div>\n\n    <div *ngSwitchCase=\"DiffsDisplayType.sideBySide\" class=\"columns\">\n      <div class=\"column is-6\">\n        <pre class=\"has-background-black has-text-white\"><code>{{left | json}}</code></pre>\n      </div>\n      <div class=\"column is-6\">\n        <pre class=\"has-background-black has-text-white\"><code>{{right | json}}</code></pre>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "json": i3__namespace.JsonPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeDiffsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -7396,12 +7395,14 @@
     exports.calculateCycleDurationEnabled = calculateCycleDurationEnabled;
     exports.calculateCycleStartDate = calculateCycleStartDate;
     exports.calculateCycleStartDateEnabled = calculateCycleStartDateEnabled;
+    exports.calculatePercentDelta = calculatePercentDelta;
     exports.clustererImage = clustererImage;
     exports.code = code;
     exports.coordinatesToPoint = coordinatesToPoint;
     exports.countriesQuery = countriesQuery;
     exports.createMarker = createMarker;
     exports.cropsQuery = cropsQuery;
+    exports.customDeltaFuncs = customDeltaFuncs;
     exports.dataPathToKey = dataPathToKey;
     exports.dataValue = dataValue;
     exports.defaultFeature = defaultFeature;
@@ -7415,6 +7416,7 @@
     exports.errorHasError = errorHasError;
     exports.errorHasWarning = errorHasWarning;
     exports.errorText = errorText;
+    exports.evaluateSuccess = evaluateSuccess;
     exports.filenameWithoutExt = filenameWithoutExt;
     exports.fillColor = fillColor;
     exports.fillStyle = fillStyle;
@@ -7424,6 +7426,7 @@
     exports.findProperty = findProperty;
     exports.findPropertyById = findPropertyById;
     exports.formatCustomErrorMessage = formatCustomErrorMessage;
+    exports.formatDiffValues = formatDiffValues;
     exports.formatError = formatError;
     exports.formatLinkNodesSuggestions = formatLinkNodesSuggestions;
     exports.formatPropertyError = formatPropertyError;