@hestia-earth/ui-components 0.0.9 → 0.0.12

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('@angular/platform-browser'), require('rxjs'), require('random-material-color'), require('@hestia-earth/schema'), require('@hestia-earth/api'), require('@hestia-earth/utils'), require('pluralize'), require('rxjs/operators'), require('csvtojson'), require('@angular/common/http'), 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', '@angular/platform-browser', 'rxjs', 'random-material-color', '@hestia-earth/schema', '@hestia-earth/api', '@hestia-earth/utils', 'pluralize', 'rxjs/operators', 'csvtojson', '@angular/common/http', '@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.ng.platformBrowser, global.rxjs, global.randomMaterialColor, global.schema, global.api, global.utils, global.pluralize, global.rxjs.operators, global.csvtojson, global.ng.common.http, 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$2, i4, i10, i1$4, i1, freeRegularSvgIcons, freeSolidSvgIcons, i1$1, rxjs, randomMaterialColor, schema, api, utils, pluralize, operators, csvtojson, i1$3, 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('@angular/platform-browser'), require('rxjs'), require('random-material-color'), require('@hestia-earth/schema'), require('@hestia-earth/api'), require('@hestia-earth/utils'), require('pluralize'), require('rxjs/operators'), require('csvtojson'), require('@angular/common/http'), 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', '@angular/platform-browser', 'rxjs', 'random-material-color', '@hestia-earth/schema', '@hestia-earth/api', '@hestia-earth/utils', 'pluralize', 'rxjs/operators', 'csvtojson', '@angular/common/http', '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.ng.platformBrowser, global.rxjs, global.randomMaterialColor, global.schema, global.api, global.utils, global.pluralize, global.rxjs.operators, global.csvtojson, global.ng.common.http, global.json2Csv, global.ng.cdk.dragDrop, global.schemaConvert, global.schemaUtils, global.jsondiffpatch, global.chart_js, global.moment, null, global.uuid$1, global.MarkerClusterer, global.ChartDataLabels));
+})(this, (function (exports, i0, i3, i1$2, i4, i10, i1$4, i1, freeRegularSvgIcons, freeSolidSvgIcons, i1$1, rxjs, randomMaterialColor, schema, api, utils, pluralize, operators, csvtojson, i1$3, json2Csv, i6, schemaConvert, schemaUtils, jsondiffpatch, chart_js, moment, enGb, uuid$1, MarkerClusterer, ChartDataLabels) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -35,7 +35,6 @@
     var pluralize__namespace = /*#__PURE__*/_interopNamespace(pluralize);
     var csvtojson__namespace = /*#__PURE__*/_interopNamespace(csvtojson);
     var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
-    var BulmaTagsInput__default = /*#__PURE__*/_interopDefaultLegacy(BulmaTagsInput);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
     var MarkerClusterer__default = /*#__PURE__*/_interopDefaultLegacy(MarkerClusterer);
@@ -573,7 +572,7 @@
             }] });
 
     var _a$6;
-    var get$4 = require('lodash.get');
+    var get$5 = require('lodash.get');
     var gitHome = 'https://gitlab.com/hestia-earth';
     var gitRawBaseUrl = 'https://glcdn.githack.com/hestia-earth';
     var gitBranch = function () { return ['dev', 'staging'].some(function (env) { return baseUrl().includes(env); }) ? 'develop' : 'master'; };
@@ -585,7 +584,7 @@
             'https://www.hestia.earth'; };
     var isExternal = function () { return baseUrl() !== window.location.origin; };
     var parseErrorStatus = function (error) { return ((error === null || error === void 0 ? void 0 : error.statusText) || '').toLowerCase().replace(/\s/g, '-'); };
-    var parseErrorMessage = function (error) { return get$4(error, 'error.error', get$4(error, 'error.message', get$4(error, 'error', get$4(error, 'message', error)))); };
+    var parseErrorMessage = function (error) { return get$5(error, 'error.error', get$5(error, 'error.message', get$5(error, 'error', get$5(error, 'message', error)))); };
     var handleAPIError = function (error) {
         try {
             error = parseErrorMessage(error);
@@ -687,7 +686,7 @@
             group[termId].values[nodeId].nodes.push(blankNode);
             group[termId].values[nodeId].value = concatBlankNodeValue(group[termId].values[nodeId].value, blankNode.value);
             grouppedValueKeys.forEach(function (arrayKey) {
-                var newValue = get$4(blankNode, arrayKey, []);
+                var newValue = get$5(blankNode, arrayKey, []);
                 group[termId].values[nodeId][arrayKey] = __spreadArray(__spreadArray([], __read((group[termId].values[nodeId][arrayKey] || []))), __read((Array.isArray(newValue) ? newValue : [newValue])));
             });
             return group;
@@ -697,7 +696,7 @@
             Object.keys(group.values).map(function (nodeId) {
                 var index = group.values[nodeId].index;
                 var termId = group.term['@id'];
-                var originalValue = get$4(originalValues, "[" + index + "]." + key, []).filter(function (val) { return val.term['@id'] === termId; });
+                var originalValue = get$5(originalValues, "[" + index + "]." + key, []).filter(function (val) { return val.term['@id'] === termId; });
                 if (originalValue.length > 0) {
                     var value = originalValue.reduce(function (array, curr) { return concatBlankNodeValue(array, curr.value); }, []);
                     group.originalValues[nodeId] = { value: propertyValue$1(value) };
@@ -2200,172 +2199,1674 @@
         });
         Object.defineProperty(SkeletonTextComponent.prototype, "hasWidth", {
             get: function () {
-                return this.width + "%";
+                return this.width + "%";
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SkeletonTextComponent.prototype, "hasHeight", {
+            get: function () {
+                return this.height;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return SkeletonTextComponent;
+    }());
+    SkeletonTextComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkeletonTextComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkeletonTextComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkeletonTextComponent, selector: "he-skeleton-text", inputs: { animated: "animated", width: "width", height: "height" }, host: { properties: { "class.is-animated": "this.isAnimated", "style.width": "this.hasWidth", "style.height": "this.hasHeight" } }, ngImport: i0__namespace, template: "<span>&nbsp;</span>\n", styles: [":host{border-radius:2px;display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:rgba(0,0,0,.065);line-height:10px;-webkit-user-select:none;user-select:none;pointer-events:none}span{display:inline-block}:host(.is-animated){position:relative;background:linear-gradient(to right,rgba(0,0,0,.065) 8%,rgba(0,0,0,.135) 18%,rgba(0,0,0,.065) 33%);background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}\n"] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkeletonTextComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-skeleton-text',
+                        templateUrl: './skeleton-text.component.html',
+                        styleUrls: ['./skeleton-text.component.scss']
+                    }]
+            }], propDecorators: { animated: [{
+                    type: i0.Input
+                }], width: [{
+                    type: i0.Input
+                }], height: [{
+                    type: i0.Input
+                }], isAnimated: [{
+                    type: i0.HostBinding,
+                    args: ['class.is-animated']
+                }], hasWidth: [{
+                    type: i0.HostBinding,
+                    args: ['style.width']
+                }], hasHeight: [{
+                    type: i0.HostBinding,
+                    args: ['style.height']
+                }] } });
+
+    var parsePropertyValue = function (value) { return utils.isNumber(value) ? +value : (utils.isBoolean(value) ? value.toString() === 'true' : value); };
+    var parseResult = function (value) { return isNaN(value) ? '' : ("" + value).replace(',', '.'); };
+    var UnitConverterComponent = /** @class */ (function () {
+        function UnitConverterComponent() {
+            this.value = 1;
+            this.ConvertUnits = utils.ConvertUnits;
+            this.result = '';
+            this.arguments = [];
+        }
+        UnitConverterComponent.prototype.ngOnInit = function () {
+            return this.updateValue();
+        };
+        Object.defineProperty(UnitConverterComponent.prototype, "args", {
+            get: function () {
+                var _a;
+                return (((_a = this.term) === null || _a === void 0 ? void 0 : _a.defaultProperties) || []).reduce(function (prev, prop) {
+                    var _c;
+                    var _a, _b;
+                    return (Object.assign(Object.assign({}, prev), (_c = {}, _c[(_b = (_a = prop.term) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toLowerCase()] = parsePropertyValue(prop.value), _c)));
+                }, {});
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UnitConverterComponent.prototype, "units", {
+            get: function () {
+                var _this = this;
+                return this.fromUnits ?
+                    Object.values(utils.ConvertUnits).filter(function (v) { return v in utils.converters[_this.fromUnits]; }) :
+                    [];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        UnitConverterComponent.prototype.requireArgs = function (keys) {
+            var args = this.args;
+            this.arguments = keys.map(function (key) { return ({ key: key, value: args[key] || '' }); });
+        };
+        UnitConverterComponent.prototype.updateUnits = function () {
+            var requiredKeys = [];
+            if (this.fromUnits === utils.ConvertUnits.kg || this.toUnits === utils.ConvertUnits.kg) {
+                requiredKeys = ['density'];
+            }
+            this.requireArgs(requiredKeys);
+            return this.updateValue();
+        };
+        UnitConverterComponent.prototype.updateValue = function () {
+            if (!this.fromUnits || !this.toUnits) {
+                return;
+            }
+            var args = Object.assign(Object.assign({}, this.args), this.arguments.reduce(function (prev, _c) {
+                var _d;
+                var key = _c.key, value = _c.value;
+                return (Object.assign(Object.assign({}, prev), (_d = {}, _d[key] = value, _d)));
+            }, {}));
+            try {
+                this.result = parseResult(utils.convertValue(this.value, this.fromUnits, this.toUnits, args));
+            }
+            catch (_) { }
+        };
+        return UnitConverterComponent;
+    }());
+    UnitConverterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnitConverterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    UnitConverterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UnitConverterComponent, selector: "he-unit-converter", inputs: { term: "term", value: "value", fromUnits: "fromUnits", toUnits: "toUnits" }, ngImport: i0__namespace, template: "<div class=\"columns mb-0\">\n  <div class=\"column\">\n    <label class=\"label has-text-white\" for=\"value\">Value</label>\n  </div>\n  <div class=\"column\">\n    <label class=\"label has-text-white\" for=\"result\">Convert To</label>\n  </div>\n</div>\n\n<div class=\"columns\">\n  <div class=\"column\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <input type=\"number\" class=\"input\" [(ngModel)]=\"value\" name=\"value\" id=\"value\"\n          (input)=\"updateValue()\"\n        >\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-fullwidth\">\n          <select [(ngModel)]=\"fromUnits\" name=\"fromUnits\" id=\"fromUnits\"\n            (change)=\"updateUnits()\"\n          >\n            <option [value]=\"undefined\">Unit</option>\n            <option *ngFor=\"let unit of ConvertUnits | keys\" [value]=\"unit.value\">{{unit.key}}</option>\n          </select>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"column\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <input type=\"string\" class=\"input\" [value]=\"result\" name=\"result\" id=\"result\" readonly>\n      </div>\n      <div class=\"control\">\n        <div class=\"select is-fullwidth\">\n          <select [(ngModel)]=\"toUnits\" name=\"toUnits\" id=\"toUnits\"\n            (change)=\"updateUnits()\"\n          >\n            <option [value]=\"undefined\">Unit</option>\n            <option *ngFor=\"let unit of units\" [value]=\"unit\">{{unit}}</option>\n          </select>\n        </div>\n      </div>\n      <div class=\"control\">\n        <he-clipboard clipboardClass=\"button is-white px-2\"\n          [value]=\"result\" [disabled]=\"!result\" [hideText]=\"true\"\n        ></he-clipboard>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"field is-horizontal\" *ngFor=\"let arg of arguments\">\n  <div class=\"field-label is-normal\">\n    <label class=\"label has-text-white\" [for]=\"arg.key\">\n      <span class=\"is-capitalized\">{{arg.key}}</span>\n      <span class=\"has-text-danger pl-1\">*</span>\n    </label>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <div class=\"control\">\n        <input type=\"string\" class=\"input is-small\"\n          [(ngModel)]=\"arg.value\" [id]=\"arg.key\"\n          (input)=\"updateValue()\"\n          placeholder=\"Required for conversion\"\n        >\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".select{min-width:85px}\n"], components: [{ type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }], directives: [{ type: i1__namespace$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keys": KeysPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnitConverterComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'he-unit-converter',
+                        templateUrl: './unit-converter.component.html',
+                        styleUrls: ['./unit-converter.component.scss']
+                    }]
+            }], propDecorators: { term: [{
+                    type: i0.Input
+                }], value: [{
+                    type: i0.Input
+                }], fromUnits: [{
+                    type: i0.Input
+                }], toUnits: [{
+                    type: i0.Input
+                }] } });
+
+    /* eslint-disable @angular-eslint/directive-selector */
+    var ClickOutsideDirective = /** @class */ (function () {
+        function ClickOutsideDirective(elementRef) {
+            this.elementRef = elementRef;
+            this.clickOutside = new i0.EventEmitter();
+        }
+        ClickOutsideDirective.prototype.onClick = function (event) {
+            if (!this.elementRef.nativeElement.contains(event.target)) {
+                this.clickOutside.emit();
+            }
+        };
+        return ClickOutsideDirective;
+    }());
+    ClickOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    ClickOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[clickOutside]'
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { clickOutside: [{
+                    type: i0.Output
+                }], onClick: [{
+                    type: i0.HostListener,
+                    args: ['document:click', ['$event']]
+                }] } });
+
+    var get$4 = require('lodash.get');
+    var GetPipe = /** @class */ (function () {
+        function GetPipe() {
+        }
+        GetPipe.prototype.transform = function (value, key, defaultValue) {
+            if (defaultValue === void 0) { defaultValue = ''; }
+            return get$4(value, key, defaultValue);
+        };
+        return GetPipe;
+    }());
+    GetPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    GetPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, name: "get" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'get'
+                    }]
+            }] });
+
+    /* eslint-disable */
+    /**
+     * @class EventEmitter
+     *
+     * @property {Array} _listeners
+     */
+    var EventEmitter = /** @class */ (function () {
+        /**
+         * Construct EventEmitter
+         *
+         * @param listeners
+         */
+        function EventEmitter(listeners) {
+            if (listeners === void 0) { listeners = []; }
+            this._listeners = new Map(listeners);
+        }
+        /**
+         * Destroys EventEmitter
+         */
+        EventEmitter.prototype.destroy = function () {
+            this._listeners = {};
+        };
+        /**
+         * Count listeners registered for the provided eventName
+         *
+         * @param eventName
+         */
+        EventEmitter.prototype.listenerCount = function (eventName) {
+            if (!this._listeners.has(eventName)) {
+                return 0;
+            }
+            return this._listeners.get(eventName).length;
+        };
+        /**
+         * Subscribes on event eventName specified function
+         *
+         * @param eventName
+         * @param listener
+         */
+        EventEmitter.prototype.on = function (eventName, listener) {
+            this._addListener(eventName, listener, false);
+        };
+        /**
+         * Subscribes on event name specified function to fire only once
+         *
+         * @param eventName
+         * @param listener
+         */
+        EventEmitter.prototype.once = function (eventName, listener) {
+            this._addListener(eventName, listener, true);
+        };
+        /**
+         * Removes event with specified eventName.
+         *
+         * @param eventName
+         */
+        EventEmitter.prototype.off = function (eventName) {
+            this._removeListeners(eventName);
+        };
+        /**
+         * Emits event with specified name and params.
+         *
+         * @param eventName
+         * @param eventArgs
+         */
+        EventEmitter.prototype.emit = function (eventName) {
+            var eventArgs = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                eventArgs[_i - 1] = arguments[_i];
+            }
+            return this._applyEvents(eventName, eventArgs);
+        };
+        /**
+         * Register a new listener
+         *
+         * @param eventName
+         * @param listener
+         * @param once
+         */
+        EventEmitter.prototype._addListener = function (eventName, listener, once) {
+            var _this = this;
+            if (once === void 0) { once = false; }
+            if (Array.isArray(eventName)) {
+                eventName.forEach(function (e) { return _this._addListener(e, listener, once); });
+            }
+            else {
+                eventName = eventName.toString();
+                var split = eventName.split(/,|, | /);
+                if (split.length > 1) {
+                    split.forEach(function (e) { return _this._addListener(e, listener, once); });
+                }
+                else {
+                    if (!Array.isArray(this._listeners.get(eventName))) {
+                        this._listeners.set(eventName, []);
+                    }
+                    (this._listeners.get(eventName)).push({
+                        once: once,
+                        fn: listener
+                    });
+                }
+            }
+        };
+        /**
+         *
+         * @param eventName
+         */
+        EventEmitter.prototype._removeListeners = function (eventName) {
+            var _this = this;
+            if (eventName === void 0) { eventName = null; }
+            if (eventName !== null) {
+                if (Array.isArray(eventName)) {
+                    eventName.forEach(function (e) { return _this._removeListeners(e); });
+                }
+                else {
+                    eventName = eventName.toString();
+                    var split = eventName.split(/,|, | /);
+                    if (split.length > 1) {
+                        split.forEach(function (e) { return _this._removeListeners(e); });
+                    }
+                    else {
+                        this._listeners.delete(eventName);
+                    }
+                }
+            }
+            else {
+                this._listeners = new Map();
+            }
+        };
+        /**
+         * Applies arguments to specified event
+         *
+         * @param eventName
+         * @param eventArguments
+         * @protected
+         */
+        EventEmitter.prototype._applyEvents = function (eventName, eventArguments) {
+            var result = eventArguments;
+            if (this._listeners.has(eventName)) {
+                var listeners_1 = this._listeners.get(eventName);
+                var removableListeners_1 = [];
+                listeners_1.forEach(function (listener, index) {
+                    if (result = listener.fn.apply(null, eventArguments)) {
+                        if (listener.once) {
+                            removableListeners_1.unshift(index);
+                        }
+                    }
+                });
+                removableListeners_1.forEach(function (index) {
+                    listeners_1.splice(index, 1);
+                });
+                return result;
+            }
+            return result[0];
+        };
+        return EventEmitter;
+    }());
+
+    var isFunction = function (unknown) { return typeof unknown === 'function'; };
+    var isString = function (unknown) { return (typeof unknown === 'string' ||
+        ((!!unknown && typeof unknown === 'object') && Object.prototype.toString.call(unknown) === '[object String]')); };
+    var isObject = function (unknown) { return ((typeof unknown === 'function' || (typeof unknown === 'object' && !!unknown)) && !Array.isArray(unknown)); };
+    // Returns true if the value has a "then" function. Adapted from
+    // https://github.com/graphql/graphql-js/blob/499a75939f70c4863d44149371d6a99d57ff7c35/src/jsutils/isPromise.js
+    var isPromise = function (value) { return Boolean(value && typeof value.then === 'function'); };
+    var isNode = function (unknown) {
+        try {
+            Node.prototype.cloneNode.call(unknown, false);
+            return true;
+        }
+        catch (err) {
+            return false;
+        }
+    };
+    /**
+     * Convert String (false,False,True,true,no,yes,0,1) to real Boolean
+     *
+     * @param val
+     */
+    var BooleanParse = function (val) {
+        var falsy = /^(?:f(?:alse)?|no?|0+)$/i;
+        return !falsy.test(val) && !!val;
+    };
+    /**
+     * Check if given query selector is valid
+     *
+     * @param selector
+     */
+    var isSelectorValid = function (selector) {
+        var queryCheck = function (s) { return document.createDocumentFragment().querySelector(s); };
+        try {
+            queryCheck(selector);
+        }
+        catch (_a) {
+            return false;
+        }
+        return true;
+    };
+
+    /**
+     * querySelector under steroid
+     * Can use as selector:
+     *  - function
+     *  - DOM Node
+     *  - String
+     *
+     * @param selector
+     * @param node
+     */
+    var querySelector = function (selector, node) {
+        if (isFunction(selector)) {
+            return selector(node);
+        }
+        if (isNode(selector)) {
+            return selector;
+        }
+        if (isString(selector)) {
+            if (!node || !isNode(node) || node.nodeType !== 1) {
+                node = document;
+            }
+            return node.querySelector(selector);
+        }
+        if (Array.isArray(selector) || (typeof NodeList !== 'undefined' && NodeList.prototype.isPrototypeOf(selector))) {
+            return selector[0];
+        }
+    };
+    /**
+     * querySelectorAll under steroid
+     * Can use as selector:
+     *  - function
+     *  - DOM Node
+     *  - String
+     *
+     * @param selector
+     * @param node
+     */
+    var querySelectorAll = function (selector, node) {
+        if (isFunction(selector)) {
+            return selector(node);
+        }
+        if (isNode(selector)) {
+            return [selector];
+        }
+        if (isString(selector)) {
+            if (!node || !isNode(node) || node.nodeType !== 1) {
+                node = document;
+            }
+            return node.querySelectorAll(selector);
+        }
+        if (typeof NodeList !== 'undefined' && NodeList.prototype.isPrototypeOf(selector)) {
+            return selector;
+        }
+        return [];
+    };
+    // Convert dataset into Object
+    var optionsFromDataset = function (node, defaultOptions) {
+        if (defaultOptions === void 0) { defaultOptions = {}; }
+        if (isNode(node)) {
+            return node.dataset ? Object.keys(node.dataset)
+                .filter(function (key) { return Object.keys(defaultOptions).includes(key); })
+                .reduce(function (obj, key) {
+                var _a;
+                return (Object.assign(Object.assign({}, obj), (_a = {}, _a[key] = node.dataset[key], _a)));
+            }, {}) : {};
+        }
+        return {};
+    };
+    /**
+     * Copy HTML attributes from a source element to a target element
+     *
+     * @param target
+     * @param source
+     * @param except list of attributes to skip (separated by space)
+     */
+    var cloneAttributes = function (target, source, except) {
+        if (except === void 0) { except = null; }
+        if (except !== null) {
+            except = except.split(' ');
+        }
+        __spreadArray([], __read(source.attributes)).forEach(function (attr) {
+            if (!except.includes(attr.nodeName)) {
+                target.setAttribute(attr.nodeName === 'id' ? 'data-id' : attr.nodeName, attr.nodeValue);
+            }
+        });
+    };
+    /**
+     * Escapes string for insertion into HTML, replacing special characters with HTML
+     * entities.
+     *
+     * @param string
+     */
+    var escape = function (string) { return isString(string) ?
+        string.replace(/(['"<>])/g, function (char) { return ({
+            '<': '&lt;',
+            '>': '&gt;',
+            '"': '&quot;',
+            '\'': '&#39;'
+        }[char]); })
+        : string; };
+
+    /* eslint-disable */
+    var uuid = (function (prefix) {
+        if (prefix === void 0) { prefix = ''; }
+        return (prefix + (1e7 + -1e3 + -4e3 + -8e3 + -1e11)).replace(/[018]/g, function (c) { return (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16); });
+    });
+
+    var Component = /** @class */ (function (_super) {
+        __extends(Component, _super);
+        function Component(element, options, defaultOptions) {
+            if (options === void 0) { options = {}; }
+            if (defaultOptions === void 0) { defaultOptions = {}; }
+            var _this = _super.call(this) || this;
+            _this.element = querySelector(element, document);
+            // An invalid selector or non-DOM node has been provided.
+            if (!_this.element) {
+                throw new Error("An invalid selector or non-DOM node has been provided for " + _this.constructor.name + ".");
+            }
+            _this.id = uuid('c-');
+            _this.options = Object.assign(Object.assign(Object.assign({}, defaultOptions), options), optionsFromDataset(_this.element, defaultOptions) // Use Element dataset values to override options
+            );
+            return _this;
+        }
+        /**
+         * Initiate all DOM element corresponding to selector
+         *
+         * @method
+         * @return Array of all Plugin instances
+         */
+        Component.attach = function (selector, options, node) {
+            var _this = this;
+            if (selector === void 0) { selector = null; }
+            if (options === void 0) { options = {}; }
+            if (node === void 0) { node = null; }
+            var instances = new Array();
+            if (selector !== null) {
+                querySelectorAll(selector, node).forEach(function (element) {
+                    // Check if plugin has already been instantiated for element
+                    if (typeof element[_this.name] === 'undefined') { // If no then instantiate it and register it in element
+                        instances.push(new _this(element, Object.assign({ selector: selector }, options)));
+                    }
+                    else { // If Yes then return the existing instance
+                        instances.push(element[_this.name]);
+                    }
+                });
+                if (typeof window[this.name] === 'undefined') {
+                    window[this.name] = {
+                        observers: []
+                    };
+                }
+                if (window[this.name]['observers'] && !window[this.name]['observers'].includes(selector)) {
+                    this.observeDom(selector, options);
+                    window[this.name]['observers'].push(selector);
+                }
+            }
+            return instances;
+        };
+        /**
+         * Observe DOM mutations to automatically initialize plugin on new elements when added to the DOM
+         *
+         * @param selector
+         * @param options
+         */
+        Component.observeDom = function (selector, options) {
+            var _this = this;
+            var observer = new MutationObserver(function (mutations) {
+                mutations.forEach(function (mutation) {
+                    for (var i = 0; i < mutation.addedNodes.length; i++) {
+                        if (typeof window[_this.name] !== 'undefined') {
+                            _this.attach(selector, options, mutation.addedNodes[i]);
+                        }
+                    }
+                });
+            });
+            if (typeof document !== 'undefined') {
+                observer.observe(document, {
+                    childList: true,
+                    subtree: true
+                });
+            }
+        };
+        Component._interface = function (name, options) {
+            if (name === void 0) { name = null; }
+            if (options === void 0) { options = {}; }
+            if (typeof name === 'string') {
+                if (typeof this[name] === 'undefined') {
+                    throw new TypeError("No method named \"" + name + "\"");
+                }
+                return this[name](options);
+            }
+            return this;
+        };
+        return Component;
+    }(EventEmitter));
+
+    var defaultOptions = {
+        allowDuplicates: false,
+        caseSensitive: true,
+        clearSelectionOnTyping: false,
+        closeDropdownOnItemSelect: true,
+        delimiter: ',',
+        freeInput: true,
+        highlightDuplicate: true,
+        highlightMatchesString: true,
+        itemValue: undefined,
+        itemText: undefined,
+        maxTags: undefined,
+        maxChars: undefined,
+        minChars: 1,
+        noResultsLabel: 'No results found',
+        placeholder: '',
+        removable: true,
+        searchMinChars: 1,
+        searchOn: 'text',
+        selectable: true,
+        source: undefined,
+        tagClass: 'is-rounded',
+        trim: true // Should we trim value before processing them ?
+    };
+
+    var tagTemplate = (function (data) { return "<span class=\"tag " + escape(data.style) + "\" data-value=\"" + escape(data.value) + "\">\n    " + escape(data.text) + "\n    " + (data.removable ? '<div class="delete is-small" data-tag="delete"></div>' : '') + "\n  </span>"; });
+
+    var containerTemplate = (function (data) { return "<div class=\"tags-input\">\n    <input class=\"input\" type=\"text\" placeholder=\"" + escape(data.placeholder) + "\">\n    <div id=\"" + escape(data.uuid) + "-list\" class=\"dropdown-menu\" role=\"menu\">\n      <div class=\"dropdown-content\">\n        <span class=\"dropdown-item empty-title\">" + escape(data.emptyTitle) + "</span>\n      </div>\n    </div>\n  </div>"; });
+
+    var dropdownItemTemplate = (function (data) { return "<a href=\"javascript:void(0);\" class=\"dropdown-item\" data-value=\"" + escape(data.value) + "\" data-text=\"" + escape(data.text) + "\">" + escape(data.text) + "</a>"; });
+
+    // TODO: add pattern or function to valdiate value before adding
+    var BulmaTagsInput = /** @class */ (function (_super) {
+        __extends(BulmaTagsInput, _super);
+        function BulmaTagsInput(element, options) {
+            if (options === void 0) { options = {}; }
+            var _this = _super.call(this, element, options, defaultOptions) || this;
+            // Convert Boolean string options to full Boolean
+            _this.options.allowDuplicates = BooleanParse(_this.options.allowDuplicates);
+            _this.options.caseSensitive = BooleanParse(_this.options.caseSensitive);
+            _this.options.clearSelectionOnTyping = BooleanParse(_this.options.clearSelectionOnTyping);
+            _this.options.closeDropdownOnItemSelect = BooleanParse(_this.options.closeDropdownOnItemSelect);
+            _this.options.freeInput = BooleanParse(_this.options.freeInput);
+            _this.options.highlightDuplicate = BooleanParse(_this.options.highlightDuplicate);
+            _this.options.highlightMatchesString = BooleanParse(_this.options.highlightMatchesString);
+            _this.options.removable = BooleanParse(_this.options.removable);
+            _this.options.searchOn = _this.options.searchOn.toLowerCase();
+            _this.options.selectable = BooleanParse(_this.options.selectable);
+            _this.options.trim = BooleanParse(_this.options.trim);
+            //Bind events to current class
+            _this._onDocumentClick = _this._onDocumentClick.bind(_this);
+            _this._onInputChange = _this._onInputChange.bind(_this);
+            _this._onInputClick = _this._onInputClick.bind(_this);
+            _this._onInputFocusOut = _this._onInputFocusOut.bind(_this);
+            _this._onInputFocusIn = _this._onInputFocusIn.bind(_this);
+            _this._onInputKeyDown = _this._onInputKeyDown.bind(_this);
+            _this._onInputKeyPress = _this._onInputKeyPress.bind(_this);
+            _this._onOriginalInputChange = _this._onOriginalInputChange.bind(_this);
+            _this._onTagDeleteClick = _this._onTagDeleteClick.bind(_this);
+            _this._onTagClick = _this._onTagClick.bind(_this);
+            _this._onDropdownItemClick = _this._onDropdownItemClick.bind(_this);
+            // Define internal variables
+            _this._items = [];
+            _this._selected = -1; // index of selected item
+            // Initiate plugin
+            _this._init();
+            return _this;
+        }
+        /**
+         * Initiate all DOM element corresponding to selector
+         *
+         * @method
+         * @return Array of all Plugin instances
+         */
+        BulmaTagsInput.attach = function (selector, options, container) {
+            if (selector === void 0) { selector = 'input[data-type="tags"], input[type="tags"], select[data-type="tags"], select[type="tags"]'; }
+            if (options === void 0) { options = {}; }
+            if (container === void 0) { container = null; }
+            return _super.attach.call(this, selector, options, container);
+        };
+        /**
+         * Initiate plugin
+         *
+         * @method init
+         * @return
+         */
+        BulmaTagsInput.prototype._init = function () {
+            var _this = this;
+            // Detect if original input was a Select element
+            this._isSelect = (this.element.tagName === 'SELECT');
+            this._isMultiple = (this._isSelect && this.element.hasAttribute('multiple'));
+            // Detect if we work with Object items or not
+            // Object Items is forced when working with select element
+            this._objectItems = (typeof this.options.itemValue !== 'undefined') || this._isSelect;
+            this.options.itemValue = this.options.itemValue ? this.options.itemValue : (this._isSelect ? 'value' : undefined);
+            this.options.itemText = this.options.itemText ? this.options.itemText : (this._isSelect ? 'text' : undefined);
+            // If no itemText pass then use itemValue as itemText
+            if (typeof this.options.itemText === 'undefined') {
+                this.options.itemText = this.options.itemValue;
+            }
+            // Force freeInput to False if working with object items
+            this.options.freeInput = this._objectItems ? false : this.options.freeInput;
+            // Init search engine
+            this.source = null;
+            if (typeof this.options.source !== 'undefined') {
+                // Fix searchOn option if wrong
+                if (!['value', 'text'].includes(this.options.searchOn)) {
+                    this.options.searchOn = defaultOptions.searchOn;
+                }
+                if (isPromise(this.options.source)) {
+                    this.source = this.options.source;
+                }
+                else if (isFunction(this.options.source)) {
+                    this.source = function (value) { return Promise.resolve(_this.options.source(value)); };
+                }
+                else if (Array.isArray(this.options.source)) {
+                    this.source = function (value) { return Promise.resolve(_this.options.source.filter(function (i) {
+                        var val = (_this._objectItems ? i[_this.options.itemValue] : i);
+                        return _this.options.caseSensitive ? val.includes(value) : val.toLowerCase().includes(value.toLowerCase());
+                    })); };
+                }
+            }
+            // Determine allowed input modes
+            this._manualInputAllowed = !this._isSelect && this.options.freeInput;
+            this._filterInputAllowed = this._isSelect || this.source;
+            this._build();
+        };
+        /**
+         * Build TagsInput DOM elements
+         */
+        BulmaTagsInput.prototype._build = function () {
+            var _this = this;
+            // Create TagsInput DOM
+            var containerFragment = document.createRange().createContextualFragment(containerTemplate({
+                emptyTitle: typeof this.options.noResultsLabel !== 'undefined' ? this.options.noResultsLabel : 'No results found',
+                placeholder: this.element.placeholder ? this.element.placeholder : this.options.placeholder,
+                uuid: this.id
+            }));
+            this.container = containerFragment.firstElementChild;
+            this._input = this.container.querySelector('input');
+            this.dropdown = this.container.querySelector("#" + this.id + "-list .dropdown-content");
+            this.dropdownEmptyOption = this.dropdown.querySelector('.empty-title');
+            // Clone attributes between original and new input
+            cloneAttributes(this._input, this.element, 'data-type multiple name type value');
+            if (this.element.disabled) {
+                this.container.setAttribute('disabled', 'disabled');
+                this.options.removable = false;
+                this.options.selectable = false;
+            }
+            // Propagate original input disabled attribute to the container
+            if (this._input.getAttribute('disabled') || this._input.classList.contains('is-disabled')) {
+                this.container.setAttribute('disabled', 'disabled');
+            }
+            if (!this._manualInputAllowed) {
+                this.container.classList.add(this._filterInputAllowed ? 'is-filter' : 'no-input');
+            }
+            // Remove dropdown if no source or original input is not a select element
+            if (!this._isSelect && typeof this.options.source === 'undefined') {
+                this.dropdown.remove();
+                this.dropdown = null;
+                this._input.setAttribute('list', null);
+            }
+            // Initialize plugin value from original input value
+            if (this._isSelect) {
+                Array.from(this.element.options).forEach(function (option) {
+                    if (option.selected) {
+                        // HTML Option element contains value and text properties
+                        // Add it silently to not propagate to the original element
+                        _this.add(option.value ? option : {
+                            value: option.text,
+                            text: option.text
+                        }, true);
+                    }
+                    _this._createDropdownItem(option);
+                });
+            }
+            else {
+                // We have on input element
+                if (this.element.value.length) {
+                    this.add(this._objectItems ? JSON.parse(this.element.value) : this.element.value, true);
+                }
+            }
+            this._bindEvents();
+            // Insert container right before original input and make original input hidden
+            this.element.parentNode.insertBefore(this.container, this.element);
+            // Hide original input (type="hidden" only works on select)
+            this.element.style.display = 'none';
+        };
+        /**
+         * Bind all events listener
+         */
+        BulmaTagsInput.prototype._bindEvents = function () {
+            // Bind document click event to close dropdown
+            document.addEventListener('click', this._onDocumentClick);
+            // Bind event handlers to orginal input
+            this.element.addEventListener('change', this._onOriginalInputChange);
+            // Bind event handlers to internal input
+            this._input.addEventListener('input', this._onInputChange);
+            this._input.addEventListener('click', this._onInputClick);
+            this._input.addEventListener('keydown', this._onInputKeyDown);
+            this._input.addEventListener('keypress', this._onInputKeyPress);
+            this._input.addEventListener('focusout', this._onInputFocusOut);
+            this._input.addEventListener('focusin', this._onInputFocusIn);
+        };
+        /**
+         * Check if caret is at the beginning of the input value
+         */
+        BulmaTagsInput.prototype._caretAtStart = function () {
+            try {
+                return this._input.selectionStart === 0 && this._input.selectionEnd === 0;
+            }
+            catch (e) {
+                return this._input.value === '';
+            }
+        };
+        /**
+         * Check value length constraint if option activated
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype._checkLength = function (item) {
+            var value = this._objectItems ? item[this.options.itemValue] : item;
+            if (!isString(value)) {
+                return true;
+            }
+            return value.length >= this.options.minChars && (typeof this.options.maxChars === 'undefined' || value.length <= this.options.maxChars);
+        };
+        /**
+         * Close dropdown
+         */
+        BulmaTagsInput.prototype._closeDropdown = function () {
+            if (this.dropdown) {
+                this.emit('before.dropdown.close', this);
+                this.container.classList.remove('is-active');
+                this.emit('after.dropdown.close', this);
+            }
+        };
+        /**
+         * Create a new dropdown item based on given item data
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype._createDropdownItem = function (item) {
+            if (this.dropdown) {
+                // TODO: add possibility to provide template through options
+                var dropdownItemFragment = document.createRange().createContextualFragment(dropdownItemTemplate({
+                    text: item.text,
+                    value: item.value
+                }));
+                var dropdownItem = dropdownItemFragment.firstElementChild;
+                // Save item data into dataset
+                dropdownItem.dataset.value = item.value;
+                dropdownItem.dataset.text = item.text;
+                dropdownItem.addEventListener('click', this._onDropdownItemClick);
+                this.dropdown.append(dropdownItem);
+            }
+        };
+        /**
+         * Create a new tag and add it to the DOM
+         *
+         * @param string value
+         */
+        BulmaTagsInput.prototype._createTag = function (item) {
+            var tagFragment = document.createRange().createContextualFragment(tagTemplate({
+                removable: this.options.removable,
+                style: this.options.tagClass,
+                text: item.text,
+                value: item.value
+            }));
+            var tag = tagFragment.firstElementChild;
+            // Attach tag click event to select it
+            tag.addEventListener('click', this._onTagClick);
+            if (this.options.removable) {
+                // Find delete button and attach click event
+                var deleteButton = tag.querySelector('.delete');
+                if (deleteButton) {
+                    deleteButton.addEventListener('click', this._onTagDeleteClick);
+                }
+            }
+            // insert new tag at the end (ie just before input)
+            this.container.insertBefore(tag, this._input);
+        };
+        /**
+         * Remove all dropdown items except the empty title
+         */
+        BulmaTagsInput.prototype._emptyDropdown = function () {
+            if (this.dropdown) {
+                Array.from(this.dropdown.children).filter(function (child) { return !child.classList.contains('empty-title'); }).forEach(function (child) {
+                    child.remove();
+                });
+            }
+        };
+        /**
+         * Find needle into a string and wrap it with <mark> HTML tag
+         *
+         * @param string
+         * @param needle
+         */
+        BulmaTagsInput.prototype._highlightMatchesInString = function (string, needle) {
+            var reg = '(' + needle + ')(?![^<]*>|[^<>]*</)'; // explanation: http://stackoverflow.com/a/18622606/1147859
+            var regex = new RegExp(reg, 'i');
+            // If the regex doesn't match the string just return initial string
+            if (!string.match(regex)) {
+                return string;
+            }
+            // Otherwise, get to highlighting
+            var matchStartPosition = string.match(regex).index;
+            var matchEndPosition = matchStartPosition + string.match(regex)[0].toString().length;
+            var originalTextFoundByRegex = string.substring(matchStartPosition, matchEndPosition);
+            string = string.replace(regex, "<mark class=\"is-highlighted\">" + originalTextFoundByRegex + "</mark>");
+            return string;
+        };
+        /**
+         * Open dropdown
+         */
+        BulmaTagsInput.prototype._openDropdown = function () {
+            if (this.dropdown) {
+                this.container.classList.add('is-active');
+            }
+        };
+        /**
+         * Propagate internal input changes to the original input
+         */
+        BulmaTagsInput.prototype._propagateChange = function () {
+            var _this = this;
+            if (!this._isSelect) {
+                // If original element is an input element
+                this.element.value = this.value;
+            }
+            else {
+                // If original element is a select element
+                Array.from(this.element.options).forEach(function (option) {
+                    option.setAttribute('selected', undefined);
+                    option.selected = false;
+                    // If option has been added by TagsInput then we remove it
+                    // Otherwise it is an original option
+                    if (typeof option.dataset.source !== 'undefined') {
+                        option.remove();
+                    }
+                });
+                // Update original element options selected attributes
+                this._items.forEach(function (item) {
+                    _this._updateSelectOptions({
+                        value: _this._objectItems ? item[_this.options.itemValue] : item,
+                        text: _this._objectItems ? item[_this.options.itemText] : item
+                    });
+                });
+            }
+            // Trigger Change event manually (because original input is now hidden)
+            // Trick: Passes current class constructor name to prevent loop with _onOriginalInputChange handler)
+            var changeEvent = new CustomEvent('change', {
+                detail: this.constructor.name
+            });
+            this.element.dispatchEvent(changeEvent);
+        };
+        /**
+         * Trim value if option activated
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype._trim = function (item) {
+            if (this.options.trim) {
+                if (this._objectItems) {
+                    if (isString(item[this.options.itemValue])) {
+                        item[this.options.itemValue] = item[this.options.itemValue].trim();
+                    }
+                    if (isString(item[this.options.itemText])) {
+                        item[this.options.itemText] = item[this.options.itemText].trim();
+                    }
+                }
+                else {
+                    item = item.trim();
+                }
+            }
+            return item;
+        };
+        /**
+         * Filter Dropdown items to be compliant with already selected items and current input value
+         * Filtering is made on Text by default (can be changed with option)
+         */
+        BulmaTagsInput.prototype._filterDropdownItems = function (value) {
+            var _this = this;
+            if (value === void 0) { value = null; }
+            if (this.dropdown) {
+                if (this.emit('before.dropdown.filter', this)) {
+                    Array.from(this.dropdown.children).filter(function (child) { return !child.classList.contains('empty-title'); }).forEach(function (child) {
+                        var childValue = child.dataset[_this.options.searchOn];
+                        // Remove highlights
+                        if (_this.options.highlightMatchesString) {
+                            child.textContent = child.textContent.replace(/<\/?(mark\s?(class="is\-highlighted")?)?>]*>?/gm, '');
+                        }
+                        // If value is found in dropdown
+                        if ((value && value.length)) {
+                            if (_this.options.caseSensitive) {
+                                child.style.display = childValue.includes(value) ? 'block' : 'none';
+                            }
+                            else {
+                                child.style.display = childValue.toLowerCase().includes(value.toLowerCase()) ? 'block' : 'none';
+                            }
+                            if (_this.options.highlightMatchesString) {
+                                child.innerHTML = _this._highlightMatchesInString(child.innerHTML, value);
+                            }
+                        }
+                        else {
+                            child.style.display = 'block';
+                        }
+                        if (!_this.options.allowDuplicates || (_this._isSelect && !_this._isMultiple)) {
+                            var hasValue = _this.options.searchOn === 'value' ? _this.hasValue(childValue) : _this.hasText(childValue);
+                            child.style.display = hasValue ? 'none' : child.style.display;
+                        }
+                    });
+                    var hasActiveItems = Array.from(this.dropdown.children).filter(function (child) { return !child.classList.contains('empty-title'); }).some(function (child) { return child.style.display !== 'none'; });
+                    if (hasActiveItems) {
+                        this.dropdownEmptyOption.style.display = 'none';
+                    }
+                    else {
+                        this.dropdownEmptyOption.style.display = 'block';
+                    }
+                    this.emit('after.dropdown.filter', this);
+                    return hasActiveItems;
+                }
+            }
+            return true;
+        };
+        /**
+         * Update original select option based on given item
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype._updateSelectOptions = function (item) {
+            if (this._isSelect) {
+                // Check to see if the tag exists in its raw or uri-encoded form
+                var option = this.element.querySelector("option[value=\"" + encodeURIComponent(item.value) + "\"]") || this.element.querySelector("option[value=\"" + item.value + "\"]");
+                // add <option /> if item represents a value not present in one of the <select />'s options
+                if (!option) {
+                    var optionFragment = document.createRange().createContextualFragment("<option value=\"" + item.value + "\" data-source=\"" + this.id + "\" selected>" + item.text + "</option>");
+                    option = optionFragment.firstElementChild;
+                    this.element.add(option);
+                }
+                // mark option as selected
+                option.setAttribute('selected', 'selected');
+                option.selected = true;
+            }
+        };
+        /**
+         * Add given item
+         * item = 'john'
+         * item = 'john,jane'
+         * item = ['john', 'jane']
+         * item = [{
+         *  "value": "1",
+         *  "text": "John"
+         * }, {
+         *  "value": "2",
+         *  "text": "Jane"
+         * }]
+         *
+         * @param item
+         * @param silently Should the change be propagated to the original element
+         */
+        BulmaTagsInput.prototype.add = function (items, silently) {
+            var _this = this;
+            if (silently === void 0) { silently = false; }
+            // Check if number of items is limited ans reached
+            if (typeof this.options.maxTags !== 'undefined' && this._items.length >= this.options.maxTags) {
+                return this;
+            }
+            // Make sure to work with an array of items
+            items = Array.isArray(items) ? items : isObject(items) ? [items] : items.split(this.options.delimiter);
+            // If string items are expected then check every item is a string
+            if (!this._objectItems && (items.filter(function (item) { return isString(item); }).length !== items.length)) {
+                throw ('Item must be a string or an array of strings');
+            }
+            // If object items are expected then check every item is an object
+            if (this._objectItems && (items.filter(function (item) { return isObject(item); }).length !== items.length)) {
+                throw ('Item must be an object or an array of objects');
+            }
+            items.forEach(function (item) {
+                item = _this._trim(item);
+                // Check if item respects min/max chars
+                if (_this._checkLength(item)) {
+                    // If original input is a non multiple select element
+                    if (_this._isSelect && !_this._isMultiple && _this._items.length > 0) {
+                        _this.removeAtIndex(0);
+                        _this.element.remove(_this.element.selectedIndex);
+                    }
+                    // check if duplicates are allowed or not
+                    if (item = _this.emit('before.add', item)) {
+                        if (_this.options.allowDuplicates || !_this.has(item)) {
+                            var itemData = {
+                                value: _this._objectItems ? item[_this.options.itemValue] : item,
+                                text: _this._objectItems ? item[_this.options.itemText] : item
+                            };
+                            var tag = _this._createTag(itemData);
+                            // save item into the internal array
+                            _this._items.push(item);
+                            if (!silently) {
+                                // Propagate change event to the original input
+                                _this._propagateChange();
+                                _this.emit('after.add', {
+                                    item: item,
+                                    tag: tag
+                                });
+                            }
+                        }
+                        else {
+                            if (_this.options.highlightDuplicate) {
+                                var duplicateTag_1 = Array.from(_this.container.children).filter(function (child) { return child.classList.contains('tag'); })[_this.indexOf(item)];
+                                if (duplicateTag_1) {
+                                    duplicateTag_1.classList.add('is-duplicate');
+                                    setTimeout(function () {
+                                        duplicateTag_1.classList.remove('is-duplicate');
+                                    }, 1250);
+                                }
+                            }
+                            _this.emit('item.duplicate', item);
+                        }
+                    }
+                }
+            });
+            return this;
+        };
+        /**
+         * Unselect the selected item
+         */
+        BulmaTagsInput.prototype.clearSelection = function () {
+            if (this._selected >= 0) {
+                var item = this._items[this._selected];
+                var tag = Array.from(this.container.children).filter(function (child) { return child.classList.contains('tag'); })[this._selected];
+                if (this.emit('before.unselect', {
+                    item: item,
+                    tag: tag
+                })) {
+                    if (tag) {
+                        tag.classList.remove('is-selected');
+                    }
+                    this._selected = -1;
+                    this.emit('after.unselect', {
+                        item: item,
+                        tag: tag
+                    });
+                }
+            }
+            return this;
+        };
+        /**
+         * Shortcut to removeAll method
+         */
+        BulmaTagsInput.prototype.flush = function () {
+            return this.removeAll();
+        };
+        /**
+         * Sets focus on the input
+         */
+        BulmaTagsInput.prototype.focus = function () {
+            this.container.classList.add('is-focused');
+            this._input.focus();
+            return this;
+        };
+        /**
+         * Check if given item is present
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype.has = function (item) {
+            var _this = this;
+            item = this._trim(item);
+            if (this._objectItems) {
+                return this._items.some(function (i) { return _this.options.caseSensitive || !isString(i[_this.options.itemValue]) ? i[_this.options.itemValue] === item[_this.options.itemValue] : i[_this.options.itemValue].toLowerCase() === item[_this.options.itemValue].toLowerCase(); });
+            }
+            else {
+                return this.hasValue(item);
+            }
+        };
+        /**
+         * Check if given text is present
+         *
+         * @param value
+         */
+        BulmaTagsInput.prototype.hasText = function (value) {
+            var _this = this;
+            if (this.options.trim) {
+                value = value.trim();
+            }
+            return this._items.some(function (i) {
+                var val = (_this._objectItems ? i[_this.options.itemText] : i);
+                return _this.options.caseSensitive ? val === value : val.toLowerCase() === value.toLowerCase();
+            });
+        };
+        /**
+         * Check if given value is present
+         *
+         * @param value
+         */
+        BulmaTagsInput.prototype.hasValue = function (value) {
+            var _this = this;
+            if (this.options.trim) {
+                value = value.trim();
+            }
+            return this._items.some(function (i) {
+                var val = (_this._objectItems ? i[_this.options.itemValue] : i);
+                return _this.options.caseSensitive ? val === value : val.toLowerCase() === value.toLowerCase();
+            });
+        };
+        /**
+         * Get index of given item
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype.indexOf = function (item) {
+            item = this._trim(item);
+            if (this._objectItems) {
+                if (!isObject(item)) {
+                    throw ('Item must be an object');
+                }
+                return this._items.map(function (e) { return e.value; }).indexOf(item.value);
+            }
+            else {
+                return this._items.indexOf(item);
+            }
+        };
+        /**
+         * Returns the internal input element
+         */
+        BulmaTagsInput.prototype.input = function () {
+            return this._input;
+        };
+        /**
+         * Get items
+         */
+        BulmaTagsInput.prototype.items = function () {
+            return this._items;
+        };
+        /**
+         * Remove given item
+         * item = 'john'
+         * item = 'john,jane'
+         *
+         * @param String item
+         */
+        BulmaTagsInput.prototype.remove = function (items) {
+            var _this = this;
+            if (this.options.removable) {
+                // Make sure to work with an array of items
+                items = Array.isArray(items) ? items : isObject(items) ? [items] : items.split(this.options.delimiter);
+                // If string items are expected then check every item is a string
+                if (!this._objectItems && (items.filter(function (item) { return isString(item); }).length !== items.length)) {
+                    throw ('Item must be a string or an array of strings');
+                }
+                // If object items are expected then check every item is an object
+                if (this._objectItems && (items.filter(function (item) { return isObject(item); }).length !== items.length)) {
+                    throw ('Item must be an object or an array of objects');
+                }
+                items.forEach(function (item) {
+                    var index = _this.indexOf(item);
+                    while (index >= 0) {
+                        _this.removeAtIndex(index);
+                        index = _this.indexOf(item);
+                    }
+                });
+            }
+            return this;
+        };
+        /**
+         * Remove all tags at once
+         */
+        BulmaTagsInput.prototype.removeAll = function () {
+            if (this.options.removable) {
+                if (this.emit('before.flush', this._items)) {
+                    this.clearSelection();
+                    Array.from(this.container.children).filter(function (child) { return child.classList.contains('tag'); }).forEach(function (tag) { return tag.remove(); });
+                    this._items = [];
+                    this._filterDropdownItems();
+                    this._propagateChange();
+                    this.emit('after.flush', this._items);
+                }
+            }
+            return this;
+        };
+        /**
+         * Remove item at given index
+         *
+         * @param Integer index
+         */
+        BulmaTagsInput.prototype.removeAtIndex = function (index, clearSelection) {
+            if (clearSelection === void 0) { clearSelection = true; }
+            if (this.options.removable && !isNaN(index) && index >= 0 && index < this._items.length) {
+                var tag = Array.from(this.container.children).filter(function (child) { return child.classList.contains('tag'); })[index];
+                var item = this._items[index];
+                if (this.emit('before.remove', item)) {
+                    if (clearSelection) {
+                        this.clearSelection();
+                    }
+                    if (tag) {
+                        tag.remove();
+                    }
+                    // If original input is a select element
+                    // then deselect related option
+                    if (this._isSelect) {
+                        this.element.options[index].selected = false;
+                    }
+                    if (this._selected == index) {
+                        this._selected = -1;
+                    }
+                    else if (this._selected >= 0) {
+                        // One item less so selected index is
+                        this._selected -= 1;
+                    }
+                    this._items.splice(index, 1);
+                    this._filterDropdownItems();
+                    this._propagateChange();
+                    this.emit('after.remove', item);
+                }
+            }
+            return this;
+        };
+        /**
+         * Select given item
+         *
+         * @param item
+         */
+        BulmaTagsInput.prototype.select = function (items) {
+            var _this = this;
+            if (this.options.selectable) {
+                // Make sure to work with an array of items
+                items = Array.isArray(items) ? items : isObject(items) ? [items] : items.split(this.options.delimiter);
+                // If string items are expected then check every item is a string
+                if (!this._objectItems && (items.filter(function (item) { return isString(item); }).length !== items.length)) {
+                    throw ('Item must be a string or an array of strings');
+                }
+                // If object items are expected then check every item is an object
+                if (this._objectItems && (items.filter(function (item) { return isObject(item); }).length !== items.length)) {
+                    throw ('Item must be an object or an array of objects');
+                }
+                items.forEach(function (item) {
+                    _this.selectAtIndex(_this.indexOf(item));
+                });
+            }
+            return this;
+        };
+        /**
+         * Select tag at given index
+         *
+         * @param Integer index
+         */
+        BulmaTagsInput.prototype.selectAtIndex = function (index) {
+            if (this.options.selectable) {
+                // Clear selection
+                this.clearSelection();
+                if (!isNaN(index) && index >= 0 && index < this._items.length) {
+                    var tag = Array.from(this.container.children).filter(function (child) { return child.classList.contains('tag'); })[index];
+                    var item = this._items[index];
+                    if (this.emit('before.select', {
+                        item: item,
+                        tag: tag
+                    })) {
+                        if (tag) {
+                            tag.classList.add('is-selected');
+                        }
+                        this._selected = index;
+                        this.emit('after.select', {
+                            item: item,
+                            tag: tag
+                        });
+                    }
+                }
+            }
+            return this;
+        };
+        Object.defineProperty(BulmaTagsInput.prototype, "selected", {
+            /**
+             * Get selected item
+             */
+            get: function () {
+                if (this._selected >= 0) {
+                    return this._items[this._selected];
+                }
+                else {
+                    return null;
+                }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SkeletonTextComponent.prototype, "hasHeight", {
+        Object.defineProperty(BulmaTagsInput.prototype, "selectedIndex", {
+            /**
+             * Get selected item index
+             */
             get: function () {
-                return this.height;
+                return this._selected;
             },
             enumerable: false,
             configurable: true
         });
-        return SkeletonTextComponent;
-    }());
-    SkeletonTextComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkeletonTextComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkeletonTextComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkeletonTextComponent, selector: "he-skeleton-text", inputs: { animated: "animated", width: "width", height: "height" }, host: { properties: { "class.is-animated": "this.isAnimated", "style.width": "this.hasWidth", "style.height": "this.hasHeight" } }, ngImport: i0__namespace, template: "<span>&nbsp;</span>\n", styles: [":host{border-radius:2px;display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:rgba(0,0,0,.065);line-height:10px;-webkit-user-select:none;user-select:none;pointer-events:none}span{display:inline-block}:host(.is-animated){position:relative;background:linear-gradient(to right,rgba(0,0,0,.065) 8%,rgba(0,0,0,.135) 18%,rgba(0,0,0,.065) 33%);background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkeletonTextComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-skeleton-text',
-                        templateUrl: './skeleton-text.component.html',
-                        styleUrls: ['./skeleton-text.component.scss']
-                    }]
-            }], propDecorators: { animated: [{
-                    type: i0.Input
-                }], width: [{
-                    type: i0.Input
-                }], height: [{
-                    type: i0.Input
-                }], isAnimated: [{
-                    type: i0.HostBinding,
-                    args: ['class.is-animated']
-                }], hasWidth: [{
-                    type: i0.HostBinding,
-                    args: ['style.width']
-                }], hasHeight: [{
-                    type: i0.HostBinding,
-                    args: ['style.height']
-                }] } });
-
-    var parsePropertyValue = function (value) { return utils.isNumber(value) ? +value : (utils.isBoolean(value) ? value.toString() === 'true' : value); };
-    var parseResult = function (value) { return isNaN(value) ? '' : ("" + value).replace(',', '.'); };
-    var UnitConverterComponent = /** @class */ (function () {
-        function UnitConverterComponent() {
-            this.value = 1;
-            this.ConvertUnits = utils.ConvertUnits;
-            this.result = '';
-            this.arguments = [];
-        }
-        UnitConverterComponent.prototype.ngOnInit = function () {
-            return this.updateValue();
-        };
-        Object.defineProperty(UnitConverterComponent.prototype, "args", {
+        Object.defineProperty(BulmaTagsInput.prototype, "value", {
+            /**
+             * Get value
+             */
             get: function () {
-                var _a;
-                return (((_a = this.term) === null || _a === void 0 ? void 0 : _a.defaultProperties) || []).reduce(function (prev, prop) {
-                    var _c;
-                    var _a, _b;
-                    return (Object.assign(Object.assign({}, prev), (_c = {}, _c[(_b = (_a = prop.term) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toLowerCase()] = parsePropertyValue(prop.value), _c)));
-                }, {});
+                if (!this._isSelect) {
+                    if (this._objectItems) {
+                        return this._items.map(function (item) { return item.value; }).join(this.options.delimiter);
+                    }
+                    else {
+                        return this._items.join(this.options.delimiter);
+                    }
+                }
+                else {
+                    return Array.from(this.element.options).filter(function (option) { return option.selected; }).map(function (option) { return option.value; });
+                }
             },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UnitConverterComponent.prototype, "units", {
-            get: function () {
-                var _this = this;
-                return this.fromUnits ?
-                    Object.values(utils.ConvertUnits).filter(function (v) { return v in utils.converters[_this.fromUnits]; }) :
-                    [];
+            /**
+             * Set value
+             */
+            set: function (string) {
+                this.removeAll();
+                this.add(string);
             },
             enumerable: false,
             configurable: true
         });
-        UnitConverterComponent.prototype.requireArgs = function (keys) {
-            var args = this.args;
-            this.arguments = keys.map(function (key) { return ({ key: key, value: args[key] || '' }); });
+        /**
+         * Document click event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onDocumentClick = function (e) {
+            if (this.dropdown) {
+                // If we click on element inside container then do nothing
+                if (this.container.contains(e.target)) {
+                    return;
+                }
+                // Tag and delete button already deleted when event triggered
+                // So we check if target is a tag delete button
+                if (e.target.dataset.tag && e.target.dataset.tag === 'delete') {
+                    return;
+                }
+                // Click outside dropdown so close it
+                this._closeDropdown();
+            }
         };
-        UnitConverterComponent.prototype.updateUnits = function () {
-            var requiredKeys = [];
-            if (this.fromUnits === utils.ConvertUnits.kg || this.toUnits === utils.ConvertUnits.kg) {
-                requiredKeys = ['density'];
+        /**
+         * Input focus lost event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onDropdownItemClick = function (e) {
+            e.preventDefault();
+            if (this.dropdown) {
+                if (this._objectItems) {
+                    var item = {};
+                    item[this.options.itemText] = e.currentTarget.dataset.text;
+                    item[this.options.itemValue] = e.currentTarget.dataset.value;
+                    this.add(item);
+                }
+                else {
+                    this.add(e.currentTarget.dataset.value);
+                }
+                this._filterDropdownItems();
+                this._input.value = '';
+                this._input.focus();
+                if (this.options.closeDropdownOnItemSelect) {
+                    this._closeDropdown();
+                }
             }
-            this.requireArgs(requiredKeys);
-            return this.updateValue();
         };
-        UnitConverterComponent.prototype.updateValue = function () {
-            if (!this.fromUnits || !this.toUnits) {
-                return;
+        /**
+         * Input change event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputChange = function (e) {
+            this._filterDropdownItems(this._input.value);
+        };
+        /**
+         * Input click event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputClick = function (e) {
+            e.preventDefault();
+            if (!this.source || this._input.value.length >= this.options.searchMinChars) {
+                this._openDropdown();
+                this._filterDropdownItems();
             }
-            var args = Object.assign(Object.assign({}, this.args), this.arguments.reduce(function (prev, _c) {
-                var _d;
-                var key = _c.key, value = _c.value;
-                return (Object.assign(Object.assign({}, prev), (_d = {}, _d[key] = value, _d)));
-            }, {}));
-            try {
-                this.result = parseResult(utils.convertValue(this.value, this.fromUnits, this.toUnits, args));
+        };
+        /**
+         * Input focus event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputFocusIn = function (e) {
+            e.preventDefault();
+            if (this.container.getAttribute('disabled') !== null || this.container.classList.contains('is-disabled')) {
+                this._input.blur();
+                return false;
             }
-            catch (_) { }
+            this.container.classList.add('is-focused');
         };
-        return UnitConverterComponent;
-    }());
-    UnitConverterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnitConverterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    UnitConverterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UnitConverterComponent, selector: "he-unit-converter", inputs: { term: "term", value: "value", fromUnits: "fromUnits", toUnits: "toUnits" }, ngImport: i0__namespace, template: "<div class=\"columns mb-0\">\n  <div class=\"column\">\n    <label class=\"label has-text-white\" for=\"value\">Value</label>\n  </div>\n  <div class=\"column\">\n    <label class=\"label has-text-white\" for=\"result\">Convert To</label>\n  </div>\n</div>\n\n<div class=\"columns\">\n  <div class=\"column\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <input type=\"number\" class=\"input\" [(ngModel)]=\"value\" name=\"value\" id=\"value\"\n          (input)=\"updateValue()\"\n        >\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-fullwidth\">\n          <select [(ngModel)]=\"fromUnits\" name=\"fromUnits\" id=\"fromUnits\"\n            (change)=\"updateUnits()\"\n          >\n            <option [value]=\"undefined\">Unit</option>\n            <option *ngFor=\"let unit of ConvertUnits | keys\" [value]=\"unit.value\">{{unit.key}}</option>\n          </select>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"column\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <input type=\"string\" class=\"input\" [value]=\"result\" name=\"result\" id=\"result\" readonly>\n      </div>\n      <div class=\"control\">\n        <div class=\"select is-fullwidth\">\n          <select [(ngModel)]=\"toUnits\" name=\"toUnits\" id=\"toUnits\"\n            (change)=\"updateUnits()\"\n          >\n            <option [value]=\"undefined\">Unit</option>\n            <option *ngFor=\"let unit of units\" [value]=\"unit\">{{unit}}</option>\n          </select>\n        </div>\n      </div>\n      <div class=\"control\">\n        <he-clipboard clipboardClass=\"button is-white px-2\"\n          [value]=\"result\" [disabled]=\"!result\" [hideText]=\"true\"\n        ></he-clipboard>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"field is-horizontal\" *ngFor=\"let arg of arguments\">\n  <div class=\"field-label is-normal\">\n    <label class=\"label has-text-white\" [for]=\"arg.key\">\n      <span class=\"is-capitalized\">{{arg.key}}</span>\n      <span class=\"has-text-danger pl-1\">*</span>\n    </label>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <div class=\"control\">\n        <input type=\"string\" class=\"input is-small\"\n          [(ngModel)]=\"arg.value\" [id]=\"arg.key\"\n          (input)=\"updateValue()\"\n          placeholder=\"Required for conversion\"\n        >\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".select{min-width:85px}\n"], components: [{ type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }], directives: [{ type: i1__namespace$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "keys": KeysPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UnitConverterComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'he-unit-converter',
-                        templateUrl: './unit-converter.component.html',
-                        styleUrls: ['./unit-converter.component.scss']
-                    }]
-            }], propDecorators: { term: [{
-                    type: i0.Input
-                }], value: [{
-                    type: i0.Input
-                }], fromUnits: [{
-                    type: i0.Input
-                }], toUnits: [{
-                    type: i0.Input
-                }] } });
-
-    /* eslint-disable @angular-eslint/directive-selector */
-    var ClickOutsideDirective = /** @class */ (function () {
-        function ClickOutsideDirective(elementRef) {
-            this.elementRef = elementRef;
-            this.clickOutside = new i0.EventEmitter();
-        }
-        ClickOutsideDirective.prototype.onClick = function (event) {
-            if (!this.elementRef.nativeElement.contains(event.target)) {
-                this.clickOutside.emit();
+        /**
+         * Input focus lost event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputFocusOut = function (e) {
+            e.preventDefault();
+            this.container.classList.remove('is-focused');
+        };
+        /**
+         * Input Keydown event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputKeyDown = function (e) {
+            var key = e.charCode || e.keyCode || e.which;
+            switch (key) {
+                // BACKSPACE
+                case 8:
+                    if (this.options.removable) {
+                        if (this._caretAtStart() && this._selected >= 0) {
+                            var currentItemIndex = this._selected;
+                            // If tag was selected then select next (or previous if next does not exists)
+                            if (currentItemIndex >= 0) {
+                                this.selectAtIndex(currentItemIndex + 1 < this._items.length ? currentItemIndex + 1 : currentItemIndex - 1);
+                            }
+                            this.removeAtIndex(currentItemIndex, false);
+                        }
+                    }
+                    if (this.source && (this._input.value.length) < this.options.searchMinChars) {
+                        this._closeDropdown();
+                    }
+                    break;
+                // ESCAPE
+                case 27:
+                    if (this._selected >= 0) {
+                        this.clearSelection();
+                    }
+                    this._closeDropdown();
+                    break;
+                // DELETE
+                case 46:
+                    if (this.options.removable) {
+                        if (this._caretAtStart() && this._selected >= 0) {
+                            var currentItemIndex = this._selected;
+                            // If tag was selected then select next (or previous if next does not exists)
+                            if (currentItemIndex >= 0) {
+                                this.selectAtIndex(currentItemIndex + 1 < this._items.length ? currentItemIndex + 1 : currentItemIndex - 1);
+                            }
+                            this.removeAtIndex(currentItemIndex, false);
+                        }
+                    }
+                    if (this.source && (this._input.value.length) < this.options.searchMinChars) {
+                        this._closeDropdown();
+                    }
+                    break;
+                // LEFT ARROW
+                case 37:
+                    if (!this._input.value.length) {
+                        if (this._selected < 0) {
+                            this.selectAtIndex(this._items.length - 1);
+                        }
+                        else {
+                            this.selectAtIndex(this._selected - 1 >= 0 ? this._selected - 1 : this._items.length - 1);
+                        }
+                    }
+                    break;
+                // RIGHT ARROW
+                case 39:
+                    if (!this._input.value.length) {
+                        if (this._selected < 0) {
+                            this.selectAtIndex(0);
+                        }
+                        else {
+                            this.selectAtIndex(this._selected + 1 >= this._items.length ? 0 : this._selected + 1);
+                        }
+                    }
+                    break;
+                default:
+                    if (this.options.clearSelectionOnTyping) {
+                        this.clearSelection();
+                    }
+                // ignore
             }
         };
-        return ClickOutsideDirective;
-    }());
-    ClickOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    ClickOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ClickOutsideDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[clickOutside]'
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { clickOutside: [{
-                    type: i0.Output
-                }], onClick: [{
-                    type: i0.HostListener,
-                    args: ['document:click', ['$event']]
-                }] } });
-
-    var get$3 = require('lodash.get');
-    var GetPipe = /** @class */ (function () {
-        function GetPipe() {
-        }
-        GetPipe.prototype.transform = function (value, key, defaultValue) {
-            if (defaultValue === void 0) { defaultValue = ''; }
-            return get$3(value, key, defaultValue);
+        /**
+         * Input Keypress event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onInputKeyPress = function (e) {
+            var _this = this;
+            var key = e.charCode || e.keyCode || e.which;
+            var value = this._trim(this._input.value) + String.fromCharCode(key);
+            if (!this._manualInputAllowed && !this._filterInputAllowed) {
+                e.preventDefault();
+                return false;
+            }
+            // ENTER
+            if (!value.length && key !== 13) {
+                return false;
+            }
+            if (this._filterInputAllowed) {
+                this._filterDropdownItems(value);
+            }
+            if (this._filterInputAllowed && this.source && value.length >= this.options.searchMinChars && key !== 13) {
+                this._openDropdown();
+                this.dropdown.classList.add('is-loading');
+                this._emptyDropdown();
+                this.source(value).then(function (results) {
+                    results = _this.emit('on.results.received', results);
+                    if (results.length) {
+                        results.forEach(function (result) {
+                            var item = {
+                                value: null,
+                                text: null
+                            };
+                            if (!isObject(result)) {
+                                item.value = result;
+                                item.text = result;
+                            }
+                            else {
+                                item.value = result[_this.options.itemValue];
+                                item.text = result[_this.options.itemText];
+                            }
+                            _this._createDropdownItem(item);
+                        });
+                    }
+                    _this._filterDropdownItems(value);
+                    _this.dropdown.classList.remove('is-loading');
+                });
+            }
+            if (this._manualInputAllowed && (value.includes(this.options.delimiter) || key == 13)) {
+                // Prevent default behavior (ie: add char into input value)
+                e.preventDefault();
+                // Split value by delimiter in case we copy/paste multiple values
+                var values = value.split(this.options.delimiter);
+                values.forEach(function (value) {
+                    // check if empty text when delimiter is removed
+                    if ((value = value.replace(_this.options.delimiter, '')) != '') {
+                        // push to array and remove delimiter
+                        _this.add(value);
+                    }
+                });
+                value = '';
+                // clear input
+                this._input.value = '';
+                this._closeDropdown();
+                return false;
+            }
         };
-        return GetPipe;
-    }());
-    GetPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    GetPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, name: "get" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'get'
-                    }]
-            }] });
+        /**
+         * Original input change event handler
+         * CAUTION: because original input is now hidden the change event must be triggered manually on change
+         * Example how to trigger change event manually
+         * var changeEvent = new Event('change');
+         * input.dispatchEvent(changeEvent);
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onOriginalInputChange = function (e) {
+            if (!e.detail || isString(e.detail) && e.detail !== this.constructor.name) {
+                this.value = e.currentTarget.value;
+            }
+        };
+        /**
+         * Tag click event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onTagClick = function (e) {
+            e.preventDefault();
+            if (e.currentTarget.classList.contains('delete')) {
+                return false;
+            }
+            if (this.container.getAttribute('disabled') !== null || this.container.classList.contains('is-disabled')) {
+                return false;
+            }
+            this._input.focus();
+            if (this.options.selectable) {
+                var tag = e.currentTarget.closest('.tag');
+                if (tag) {
+                    var tagIndex = Array.from(this.container.children).indexOf(tag);
+                    if (tagIndex === this._selected) {
+                        this.clearSelection();
+                    }
+                    else {
+                        this.selectAtIndex(tagIndex);
+                    }
+                }
+            }
+        };
+        /**
+         * Delete tag button click event handler
+         *
+         * @param e
+         */
+        BulmaTagsInput.prototype._onTagDeleteClick = function (e) {
+            e.preventDefault();
+            if (this.container.getAttribute('disabled') !== null || this.container.classList.contains('is-disabled')) {
+                return false;
+            }
+            var tag = e.currentTarget.closest('.tag');
+            if (tag) {
+                this.removeAtIndex(Array.from(this.container.children).indexOf(tag));
+            }
+        };
+        return BulmaTagsInput;
+    }(Component));
 
     var restrictToType = {
         number: function (val) { return parseFloat(val) === +val ? val : false; }
@@ -2389,7 +3890,7 @@
                 return _this.tagsInputInput.removeEventListener(event, listener);
             });
             this.inputEvents = [];
-            this.tagsInput = null;
+            this.tagsInput = undefined;
         };
         Object.defineProperty(TagsInputDirective.prototype, "input", {
             get: function () {
@@ -2430,7 +3931,7 @@
             var _this = this;
             try {
                 var _a = this.appTagsInput, enabled = _a.enabled, items = _a.items, options = __rest(_a, ["enabled", "items"]);
-                this.tagsInput = new BulmaTagsInput__default["default"](this.input, options);
+                this.tagsInput = new BulmaTagsInput(this.input, options);
                 // TODO: remove when fixed, @see https://github.com/CreativeBulma/bulma-tagsinput/issues/23
                 var classes = ['is-small', 'is-large'].filter(function (v) { return _this.input.classList.contains(v); });
                 classes.map(function (v) { return _this.tagsInputNode.classList.add(v); });
@@ -3779,7 +5280,7 @@
                     type: i0.Input
                 }] } });
 
-    var get$2 = require('lodash.get');
+    var get$3 = require('lodash.get');
     var orderBy$4 = require('lodash.orderby');
     var reduceValues = function (values) { return values.length ? values.reduce(function (p, v) { return p + propertyValue$1(v.value); }, 0) : null; };
     var logSubValue = function (logs, key, prop) { return logs[key][prop] ? {
@@ -3850,7 +5351,7 @@
                         case 4:
                             _e.allTerms = _f.sent();
                             this.allBlankNodes = this.allTerms.flatMap(function (term) {
-                                var emissionLogs = get$2(_this.logs, term['@id'], {});
+                                var emissionLogs = get$3(_this.logs, term['@id'], {});
                                 var original = originalValues.filter(function (v) { return term['@id'] === v.term['@id']; });
                                 var recalculated = recalculatedValues.filter(function (v) { return term['@id'] === v.term['@id']; });
                                 var hasData = !!original.length || !!recalculated.length || Object.keys(emissionLogs).length > 0;
@@ -3910,7 +5411,7 @@
         };
         NodeLogsModelsComponent.prototype.validSubValue = function (node, index, subValue) {
             var methodId = this.getMethodIdAt(node, index, subValue);
-            return !(subValue === null || subValue === void 0 ? void 0 : subValue.value) || get$2(node.logs[methodId], subValue === null || subValue === void 0 ? void 0 : subValue.key, null) === (subValue === null || subValue === void 0 ? void 0 : subValue.value);
+            return !(subValue === null || subValue === void 0 ? void 0 : subValue.value) || get$3(node.logs[methodId], subValue === null || subValue === void 0 ? void 0 : subValue.key, null) === (subValue === null || subValue === void 0 ? void 0 : subValue.value);
         };
         NodeLogsModelsComponent.prototype.getMethodIdAt = function (node, index, subValue) {
             var configModels = (subValue || node).configModels;
@@ -4815,6 +6316,7 @@
     var _f;
     var mapErrorMessage = 'does not contain latitude and longitude';
     var parseDataPath = function (dataPath) {
+        if (dataPath === void 0) { dataPath = ''; }
         var _f = __read(dataPath.split('.')), _ = _f[0], paths = _f.slice(1);
         return paths.map(function (path) { return ({ path: path, label: keyToLabel(path.replace(/\[\d+\]/g, '')) }); });
     };
@@ -5009,7 +6511,7 @@
 
     var _d;
     /* eslint-disable complexity */
-    var get$1 = require('lodash.get');
+    var get$2 = require('lodash.get');
     var ARRAY_DELIMITER = ';';
     var privateKeys = [
         'filepath'
@@ -5019,6 +6521,7 @@
     var nonExpandableArrayDataPath = function (key) { return key.replace(/\[\d+\]$/, ''); };
     var keyToDataPath = function (key) { return (key === null || key === void 0 ? void 0 : key.length) ? "." + key : ''; };
     var dataPathToKey = function (dataPath, trimArray) {
+        if (dataPath === void 0) { dataPath = ''; }
         if (trimArray === void 0) { trimArray = false; }
         return trimArray ? nonExpandableArrayDataPath(dataPath.substring(1)) : dataPath.substring(1);
     };
@@ -5146,7 +6649,7 @@
             return ['title', 'documentDOI', 'scopus'].includes(key) && parent === 'bibliography' && keys.length >= 1 ? {
                 type: schema.NodeType.Source,
                 parentLevel: 1
-            } : null;
+            } : undefined;
         },
         _d.number = function (_a, _b, schema) {
             var values = schema.const ? [schema.const] : [];
@@ -5181,10 +6684,10 @@
         }); },
         _d);
     var enableSuggestions = function (parentSchema, type, fullKey, schema) {
-        var suggestion = type in typeToSuggestion ? typeToSuggestion[type](fullKey, parentSchema) : null;
-        return suggestion !== null ? suggestion : (schema && schema.type in typeToSuggestion ?
+        var suggestion = type in typeToSuggestion ? typeToSuggestion[type](fullKey, parentSchema) : undefined;
+        return suggestion || (schema && schema.type in typeToSuggestion ?
             typeToSuggestion[schema.type](fullKey, parentSchema, schema) :
-            null);
+            undefined);
     };
     var formatProperty = function (prop) { return (Object.assign(Object.assign({ '@type': schema.SchemaType.Property }, prop), { term: Object.assign({ '@type': schema.NodeType.Term }, prop.term) })); };
     var formatSuggestion = function (_c) {
@@ -5193,7 +6696,7 @@
     };
     var nodeAvailableProperties = function (node, _d) {
         var fullKey = _d.fullKey, schema = _d.schema, schemaType = _d.schemaType;
-        return availableProperties(schema, schemaType, fullKey ? get$1(node, fullKey, {}) : node, fullKey.length > 0);
+        return availableProperties(schema, schemaType, fullKey ? get$2(node, fullKey, {}) : node, fullKey.length > 0);
     };
     var isAddPropertyEnabled = function (node, schemaType, schema, fullKey) {
         if (fullKey === void 0) { fullKey = ''; }
@@ -5202,7 +6705,7 @@
             (!fullKey || nestingTypeEnabled(schemaType));
     };
     var editableKey = function (key) { return !['type', '@type', 'termType'].includes(key); };
-    var propertyId = function () { return uuid.v4(); };
+    var propertyId = function () { return uuid$1.v4(); };
     var propertyUrl = function (node, key) { return ['@id', 'name'].includes(key) && linkTypeEnabled(node['@type']) ?
         {
             url: baseUrl() + "/" + node['@type'].toLowerCase() + "/" + node['@id'],
@@ -5234,7 +6737,7 @@
         var _d = __read(fullKey.split('.')), parent = _d[0], keys = _d.slice(1);
         var properties = schema.properties || {};
         var examples = (parent in properties ? properties[parent] : { examples: [] }).examples;
-        return (examples === null || examples === void 0 ? void 0 : examples.length) && typeof examples[0] === 'object' ? get$1(examples[0], keys.join('.'), null) : null;
+        return (examples === null || examples === void 0 ? void 0 : examples.length) && typeof examples[0] === 'object' ? get$2(examples[0], keys.join('.'), null) : null;
     };
     var propertyPlaceholder = function (schema, valueType, fullKey, parentSchema) {
         if (fullKey === void 0) { fullKey = ''; }
@@ -5399,7 +6902,7 @@
         var _d = __read(fullKey.split('.')), _t = _d[0], keys = _d.slice(1);
         var key = keys.pop();
         var parent = keys.join('.');
-        var parentNode = parent.length ? get$1(node, parent) : node;
+        var parentNode = parent.length ? get$2(node, parent) : node;
         var schemaType = schema.typeToSchemaType(parentNode.type || parentNode['@type']);
         var parentSchema = schemas[schemaType];
         return propertyFromNode(schemas, errors, parentSchema, true, parent, parentNode)(key);
@@ -5611,6 +7114,73 @@
         return moment__namespace(endDate.value).locale('en-gb').subtract(cycleDuration.value, 'days').format('YYYY-MM-DD');
     };
 
+    var get$1 = require('lodash.get');
+    var nodeTerm = function (node, key) {
+        var termType = get$1(node, key + ".type", get$1(node, key + ".@type", null));
+        return termType === schema.SchemaType.Term ? get$1(node, key, null) : null;
+    };
+    var findNodeTerm = function (node, _b) {
+        var dataPath = _b.dataPath;
+        return nodeTerm(node, dataPathToKey(dataPath)) ||
+            nodeTerm(node, dataPathToKey(dataPath) + ".term") ||
+            nodeTerm(node, dataPathToKey(dataPath, true)) ||
+            nodeTerm(node, dataPathToKey(dataPath, true) + ".term");
+    };
+    var uniqueTerms = function (errors) { return utils.unique(errors
+        .map(function (_b) {
+        var term = _b.term;
+        return term ? nodeLink(term) || code(term.name || term['@id'] || term.id) : null;
+    })
+        .filter(Boolean)); };
+    var summaryShowErrors = function (summaryData, _b) {
+        var path = _b.path, level = _b.level, message = _b.message;
+        var _a;
+        return ((_a = summaryData.find(function (summary) { return summary.path === path && summary.level === level && summary.message === message; })) === null || _a === void 0 ? void 0 : _a.showErrors) || true;
+    };
+    /**
+     * Build the summary objects.
+     *
+     * @param nodes The list of nodes.
+     * @param errors The list of errors per node.
+     * @param summaryData The previously computed summary objects.
+     * @returns
+     */
+    var buildSummary = function (nodes, errors, summaryData) {
+        if (nodes === void 0) { nodes = []; }
+        if (errors === void 0) { errors = []; }
+        if (summaryData === void 0) { summaryData = []; }
+        return rxjs.from(errors).pipe(operators.mergeMap(function (error) { return 'error' in error ? error.error : error; }), operators.filter(filterError), operators.reduce(function (prev, error) {
+            var _a;
+            var message = error.message;
+            var _b = __read(parseDataPath(error.dataPath), 1), dataPath = _b[0];
+            var node = get$1(nodes, error.nodeIndex, null);
+            var label = dataPath ? dataPath.label : node === null || node === void 0 ? void 0 : node.type;
+            var term = ((_a = error.params) === null || _a === void 0 ? void 0 : _a.term) || findNodeTerm(node, error);
+            prev[message] = prev[message] || { level: error.level, paths: {} };
+            prev[message].paths[label] = prev[message].paths[label] || [];
+            prev[message].paths[label].push({ node: node, error: error, term: term });
+            return prev;
+        }, {}), operators.mergeMap(function (data) { return rxjs.from(Object.keys(data)).pipe(operators.filter(function (message) { return !!message; }), operators.mergeMap(function (message) { return Object.keys(data[message].paths).map(function (path) {
+            var _a;
+            return ({
+                level: data[message].level,
+                path: path,
+                message: message,
+                formattedMessage: (_a = formatError(data[message].paths[path][0].error, data[message].paths[path].length)) === null || _a === void 0 ? void 0 : _a.message,
+                terms: uniqueTerms(data[message].paths[path]).join(' ; '),
+                errors: data[message].paths[path],
+                count: data[message].paths[path].length,
+                showErrors: summaryShowErrors(summaryData, { level: data[message].level, path: path, message: message })
+            });
+        }); }), operators.filter(function (_b) {
+            var formattedMessage = _b.formattedMessage;
+            return !!formattedMessage;
+        })); }), operators.toArray(), operators.map(function (values) { return values.sort(function (_b) {
+            var level = _b.level;
+            return level === 'error' ? -1 : 1;
+        }); }));
+    };
+
     var isSite = function (_a) {
         var type = _a["@type"], id = _a["@id"];
         return type === schema.NodeType.Site && !!id;
@@ -7423,6 +8993,7 @@
     exports.availableProperties = availableProperties;
     exports.baseUrl = baseUrl;
     exports.bottom = bottom;
+    exports.buildSummary = buildSummary;
     exports.calculateCycleDuration = calculateCycleDuration;
     exports.calculateCycleDurationEnabled = calculateCycleDurationEnabled;
     exports.calculateCycleStartDate = calculateCycleStartDate;