@orchestrator-ui/orchestrator-ui-components 0.0.1-alpha.0 → 0.0.1-alpha.10

package/index.js

@@ -1,7 +1,10 @@
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useState } from 'react';
-import { useEuiTheme, EuiFlexGroup, EuiFlexItem, EuiText, EuiButtonIcon, EuiPageTemplate } from '@elastic/eui';
+import { EuiBadge, EuiText, useEuiTheme, tint, EuiToolTip, EuiHeader, EuiHeaderSection, EuiHeaderSectionItem, EuiHeaderLogo, EuiBadgeGroup, EuiButtonIcon, EuiSideNav, EuiButton, EuiSpacer, EuiPageTemplate, EuiFlexGroup, EuiFlexItem, EuiIcon, EuiTextColor, EuiPanel, EuiHorizontalRule, EuiFieldSearch, EuiAvatar, EuiBasicTable, EuiDataGrid } from '@elastic/eui';
+import { useState, createContext, useContext, useRef } from 'react';
+import { GraphQLClient, request } from 'graphql-request';
+import { useQuery } from 'react-query';
+import moment from 'moment';
+import Link from 'next/link';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -10,7 +13,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$b =
+var global$i =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -18,11 +21,11 @@ var global$b =
   check(typeof self == 'object' && self) ||
   check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
   // eslint-disable-next-line no-new-func -- fallback
-  (function () { return this; })() || Function('return this')();
+  (function () { return this; })() || commonjsGlobal || Function('return this')();
 
 var objectGetOwnPropertyDescriptor = {};
 
-var fails$b = function (exec) {
+var fails$i = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -30,48 +33,48 @@ var fails$b = function (exec) {
   }
 };
 
-var fails$a = fails$b;
+var fails$h = fails$i;
 
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$a(function () {
+var descriptors = !fails$h(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
 });
 
-var fails$9 = fails$b;
+var fails$g = fails$i;
 
-var functionBindNative = !fails$9(function () {
+var functionBindNative = !fails$g(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
   return typeof test != 'function' || test.hasOwnProperty('prototype');
 });
 
-var NATIVE_BIND$1 = functionBindNative;
+var NATIVE_BIND$3 = functionBindNative;
 
-var call$6 = Function.prototype.call;
+var call$f = Function.prototype.call;
 
-var functionCall = NATIVE_BIND$1 ? call$6.bind(call$6) : function () {
-  return call$6.apply(call$6, arguments);
+var functionCall = NATIVE_BIND$3 ? call$f.bind(call$f) : function () {
+  return call$f.apply(call$f, arguments);
 };
 
 var objectPropertyIsEnumerable = {};
 
 var $propertyIsEnumerable = {}.propertyIsEnumerable;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+var getOwnPropertyDescriptor$2 = Object.getOwnPropertyDescriptor;
 
 // Nashorn ~ JDK8 bug
-var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
+var NASHORN_BUG = getOwnPropertyDescriptor$2 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
 
 // `Object.prototype.propertyIsEnumerable` method implementation
 // https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
 objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
-  var descriptor = getOwnPropertyDescriptor$1(this, V);
+  var descriptor = getOwnPropertyDescriptor$2(this, V);
   return !!descriptor && descriptor.enumerable;
 } : $propertyIsEnumerable;
 
-var createPropertyDescriptor$3 = function (bitmap, value) {
+var createPropertyDescriptor$4 = function (bitmap, value) {
   return {
     enumerable: !(bitmap & 1),
     configurable: !(bitmap & 2),
@@ -80,66 +83,66 @@ var createPropertyDescriptor$3 = function (bitmap, value) {
   };
 };
 
-var NATIVE_BIND = functionBindNative;
+var NATIVE_BIND$2 = functionBindNative;
 
-var FunctionPrototype$1 = Function.prototype;
-var call$5 = FunctionPrototype$1.call;
-var uncurryThisWithBind = NATIVE_BIND && FunctionPrototype$1.bind.bind(call$5, call$5);
+var FunctionPrototype$2 = Function.prototype;
+var call$e = FunctionPrototype$2.call;
+var uncurryThisWithBind = NATIVE_BIND$2 && FunctionPrototype$2.bind.bind(call$e, call$e);
 
-var functionUncurryThis = NATIVE_BIND ? uncurryThisWithBind : function (fn) {
+var functionUncurryThis = NATIVE_BIND$2 ? uncurryThisWithBind : function (fn) {
   return function () {
-    return call$5.apply(fn, arguments);
+    return call$e.apply(fn, arguments);
   };
 };
 
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$i = functionUncurryThis;
 
-var toString$1 = uncurryThis$9({}.toString);
-var stringSlice = uncurryThis$9(''.slice);
+var toString$6 = uncurryThis$i({}.toString);
+var stringSlice$1 = uncurryThis$i(''.slice);
 
-var classofRaw = function (it) {
-  return stringSlice(toString$1(it), 8, -1);
+var classofRaw$2 = function (it) {
+  return stringSlice$1(toString$6(it), 8, -1);
 };
 
-var uncurryThis$8 = functionUncurryThis;
-var fails$8 = fails$b;
-var classof = classofRaw;
+var uncurryThis$h = functionUncurryThis;
+var fails$f = fails$i;
+var classof$6 = classofRaw$2;
 
-var $Object$3 = Object;
-var split = uncurryThis$8(''.split);
+var $Object$4 = Object;
+var split = uncurryThis$h(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$8(function () {
+var indexedObject = fails$f(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
-  return !$Object$3('z').propertyIsEnumerable(0);
+  return !$Object$4('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof(it) == 'String' ? split(it, '') : $Object$3(it);
-} : $Object$3;
+  return classof$6(it) == 'String' ? split(it, '') : $Object$4(it);
+} : $Object$4;
 
 // we can't use just `it == null` since of `document.all` special case
 // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
-var isNullOrUndefined$2 = function (it) {
+var isNullOrUndefined$4 = function (it) {
   return it === null || it === undefined;
 };
 
-var isNullOrUndefined$1 = isNullOrUndefined$2;
+var isNullOrUndefined$3 = isNullOrUndefined$4;
 
-var $TypeError$6 = TypeError;
+var $TypeError$e = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$2 = function (it) {
-  if (isNullOrUndefined$1(it)) throw $TypeError$6("Can't call method on " + it);
+var requireObjectCoercible$4 = function (it) {
+  if (isNullOrUndefined$3(it)) throw $TypeError$e("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$1 = indexedObject;
-var requireObjectCoercible$1 = requireObjectCoercible$2;
+var requireObjectCoercible$3 = requireObjectCoercible$4;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$1(requireObjectCoercible$1(it));
+  return IndexedObject$1(requireObjectCoercible$3(it));
 };
 
 var documentAll$2 = typeof document == 'object' && document.all;
@@ -159,48 +162,46 @@ var documentAll$1 = $documentAll$1.all;
 
 // `IsCallable` abstract operation
 // https://tc39.es/ecma262/#sec-iscallable
-var isCallable$e = $documentAll$1.IS_HTMLDDA ? function (argument) {
+var isCallable$k = $documentAll$1.IS_HTMLDDA ? function (argument) {
   return typeof argument == 'function' || argument === documentAll$1;
 } : function (argument) {
   return typeof argument == 'function';
 };
 
-var isCallable$d = isCallable$e;
+var isCallable$j = isCallable$k;
 var $documentAll = documentAll_1;
 
 var documentAll = $documentAll.all;
 
-var isObject$6 = $documentAll.IS_HTMLDDA ? function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$d(it) || it === documentAll;
+var isObject$9 = $documentAll.IS_HTMLDDA ? function (it) {
+  return typeof it == 'object' ? it !== null : isCallable$j(it) || it === documentAll;
 } : function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$d(it);
+  return typeof it == 'object' ? it !== null : isCallable$j(it);
 };
 
-var global$a = global$b;
-var isCallable$c = isCallable$e;
+var global$h = global$i;
+var isCallable$i = isCallable$k;
 
 var aFunction = function (argument) {
-  return isCallable$c(argument) ? argument : undefined;
+  return isCallable$i(argument) ? argument : undefined;
 };
 
-var getBuiltIn$4 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$a[namespace]) : global$a[namespace] && global$a[namespace][method];
+var getBuiltIn$7 = function (namespace, method) {
+  return arguments.length < 2 ? aFunction(global$h[namespace]) : global$h[namespace] && global$h[namespace][method];
 };
 
-var uncurryThis$7 = functionUncurryThis;
-
-var objectIsPrototypeOf = uncurryThis$7({}.isPrototypeOf);
+var uncurryThis$g = functionUncurryThis;
 
-var getBuiltIn$3 = getBuiltIn$4;
+var objectIsPrototypeOf = uncurryThis$g({}.isPrototypeOf);
 
-var engineUserAgent = getBuiltIn$3('navigator', 'userAgent') || '';
+var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$9 = global$b;
-var userAgent = engineUserAgent;
+var global$g = global$i;
+var userAgent$5 = engineUserAgent;
 
-var process = global$9.process;
-var Deno = global$9.Deno;
-var versions = process && process.versions || Deno && Deno.version;
+var process$4 = global$g.process;
+var Deno$1 = global$g.Deno;
+var versions = process$4 && process$4.versions || Deno$1 && Deno$1.version;
 var v8 = versions && versions.v8;
 var match, version;
 
@@ -213,10 +214,10 @@ if (v8) {
 
 // BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
 // so check `userAgent` even if `.v8` exists, but 0
-if (!version && userAgent) {
-  match = userAgent.match(/Edge\/(\d+)/);
+if (!version && userAgent$5) {
+  match = userAgent$5.match(/Edge\/(\d+)/);
   if (!match || match[1] >= 74) {
-    match = userAgent.match(/Chrome\/(\d+)/);
+    match = userAgent$5.match(/Chrome\/(\d+)/);
     if (match) version = +match[1];
   }
 }
@@ -225,17 +226,22 @@ var engineV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
 
-var V8_VERSION = engineV8Version;
-var fails$7 = fails$b;
+var V8_VERSION$1 = engineV8Version;
+var fails$e = fails$i;
+var global$f = global$i;
+
+var $String$5 = global$f.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$7(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$e(function () {
   var symbol = Symbol();
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
-  return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
+  // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
+  // of course, fail.
+  return !$String$5(symbol) || !(Object(symbol) instanceof Symbol) ||
     // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
-    !Symbol.sham && V8_VERSION && V8_VERSION < 41;
+    !Symbol.sham && V8_VERSION$1 && V8_VERSION$1 < 41;
 });
 
 /* eslint-disable es/no-symbol -- required for testing */
@@ -246,87 +252,87 @@ var useSymbolAsUid = NATIVE_SYMBOL$1
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
-var getBuiltIn$2 = getBuiltIn$4;
-var isCallable$b = isCallable$e;
-var isPrototypeOf = objectIsPrototypeOf;
+var getBuiltIn$6 = getBuiltIn$7;
+var isCallable$h = isCallable$k;
+var isPrototypeOf$3 = objectIsPrototypeOf;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-var $Object$2 = Object;
+var $Object$3 = Object;
 
 var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
-  var $Symbol = getBuiltIn$2('Symbol');
-  return isCallable$b($Symbol) && isPrototypeOf($Symbol.prototype, $Object$2(it));
+  var $Symbol = getBuiltIn$6('Symbol');
+  return isCallable$h($Symbol) && isPrototypeOf$3($Symbol.prototype, $Object$3(it));
 };
 
-var $String$2 = String;
+var $String$4 = String;
 
-var tryToString$1 = function (argument) {
+var tryToString$5 = function (argument) {
   try {
-    return $String$2(argument);
+    return $String$4(argument);
   } catch (error) {
     return 'Object';
   }
 };
 
-var isCallable$a = isCallable$e;
-var tryToString = tryToString$1;
+var isCallable$g = isCallable$k;
+var tryToString$4 = tryToString$5;
 
-var $TypeError$5 = TypeError;
+var $TypeError$d = TypeError;
 
 // `Assert: IsCallable(argument) is true`
-var aCallable$1 = function (argument) {
-  if (isCallable$a(argument)) return argument;
-  throw $TypeError$5(tryToString(argument) + ' is not a function');
+var aCallable$9 = function (argument) {
+  if (isCallable$g(argument)) return argument;
+  throw $TypeError$d(tryToString$4(argument) + ' is not a function');
 };
 
-var aCallable = aCallable$1;
-var isNullOrUndefined = isNullOrUndefined$2;
+var aCallable$8 = aCallable$9;
+var isNullOrUndefined$2 = isNullOrUndefined$4;
 
 // `GetMethod` abstract operation
 // https://tc39.es/ecma262/#sec-getmethod
-var getMethod$1 = function (V, P) {
+var getMethod$3 = function (V, P) {
   var func = V[P];
-  return isNullOrUndefined(func) ? undefined : aCallable(func);
+  return isNullOrUndefined$2(func) ? undefined : aCallable$8(func);
 };
 
-var call$4 = functionCall;
-var isCallable$9 = isCallable$e;
-var isObject$5 = isObject$6;
+var call$d = functionCall;
+var isCallable$f = isCallable$k;
+var isObject$8 = isObject$9;
 
-var $TypeError$4 = TypeError;
+var $TypeError$c = TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$9(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
-  if (isCallable$9(fn = input.valueOf) && !isObject$5(val = call$4(fn, input))) return val;
-  if (pref !== 'string' && isCallable$9(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
-  throw $TypeError$4("Can't convert object to primitive value");
+  if (pref === 'string' && isCallable$f(fn = input.toString) && !isObject$8(val = call$d(fn, input))) return val;
+  if (isCallable$f(fn = input.valueOf) && !isObject$8(val = call$d(fn, input))) return val;
+  if (pref !== 'string' && isCallable$f(fn = input.toString) && !isObject$8(val = call$d(fn, input))) return val;
+  throw $TypeError$c("Can't convert object to primitive value");
 };
 
 var shared$3 = {exports: {}};
 
-var global$8 = global$b;
+var global$e = global$i;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$5 = Object.defineProperty;
+var defineProperty$6 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$5(global$8, key, { value: value, configurable: true, writable: true });
+    defineProperty$6(global$e, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$8[key] = value;
+    global$e[key] = value;
   } return value;
 };
 
-var global$7 = global$b;
+var global$d = global$i;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$7[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = global$d[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 var sharedStore = store$3;
 
@@ -335,91 +341,85 @@ var store$2 = sharedStore;
 (shared$3.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.27.1',
+  version: '3.30.2',
   mode: 'global',
-  copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.27.1/LICENSE',
+  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
+  license: 'https://github.com/zloirock/core-js/blob/v3.30.2/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible = requireObjectCoercible$2;
+var requireObjectCoercible$2 = requireObjectCoercible$4;
 
-var $Object$1 = Object;
+var $Object$2 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
-var toObject$3 = function (argument) {
-  return $Object$1(requireObjectCoercible(argument));
+var toObject$4 = function (argument) {
+  return $Object$2(requireObjectCoercible$2(argument));
 };
 
-var uncurryThis$6 = functionUncurryThis;
-var toObject$2 = toObject$3;
+var uncurryThis$f = functionUncurryThis;
+var toObject$3 = toObject$4;
 
-var hasOwnProperty = uncurryThis$6({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$f({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
 // eslint-disable-next-line es/no-object-hasown -- safe
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty(toObject$2(it), key);
+  return hasOwnProperty(toObject$3(it), key);
 };
 
-var uncurryThis$5 = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString = uncurryThis$5(1.0.toString);
+var toString$5 = uncurryThis$e(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$5(++id + postfix, 36);
 };
 
-var global$6 = global$b;
+var global$c = global$i;
 var shared$2 = shared$3.exports;
-var hasOwn$8 = hasOwnProperty_1;
+var hasOwn$a = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
+var Symbol$2 = global$c.Symbol;
 var WellKnownSymbolsStore = shared$2('wks');
-var Symbol$1 = global$6.Symbol;
-var symbolFor = Symbol$1 && Symbol$1['for'];
-var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
-
-var wellKnownSymbol$6 = function (name) {
-  if (!hasOwn$8(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
-    var description = 'Symbol.' + name;
-    if (NATIVE_SYMBOL && hasOwn$8(Symbol$1, name)) {
-      WellKnownSymbolsStore[name] = Symbol$1[name];
-    } else if (USE_SYMBOL_AS_UID && symbolFor) {
-      WellKnownSymbolsStore[name] = symbolFor(description);
-    } else {
-      WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
-    }
+var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$2['for'] || Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
+
+var wellKnownSymbol$g = function (name) {
+  if (!hasOwn$a(WellKnownSymbolsStore, name)) {
+    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$a(Symbol$2, name)
+      ? Symbol$2[name]
+      : createWellKnownSymbol('Symbol.' + name);
   } return WellKnownSymbolsStore[name];
 };
 
-var call$3 = functionCall;
-var isObject$4 = isObject$6;
+var call$c = functionCall;
+var isObject$7 = isObject$9;
 var isSymbol$1 = isSymbol$2;
-var getMethod = getMethod$1;
+var getMethod$2 = getMethod$3;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$5 = wellKnownSymbol$6;
+var wellKnownSymbol$f = wellKnownSymbol$g;
 
-var $TypeError$3 = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$5('toPrimitive');
+var $TypeError$b = TypeError;
+var TO_PRIMITIVE = wellKnownSymbol$f('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$4(input) || isSymbol$1(input)) return input;
-  var exoticToPrim = getMethod(input, TO_PRIMITIVE);
+  if (!isObject$7(input) || isSymbol$1(input)) return input;
+  var exoticToPrim = getMethod$2(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
-    result = call$3(exoticToPrim, input, pref);
-    if (!isObject$4(result) || isSymbol$1(result)) return result;
-    throw $TypeError$3("Can't convert object to primitive value");
+    result = call$c(exoticToPrim, input, pref);
+    if (!isObject$7(result) || isSymbol$1(result)) return result;
+    throw $TypeError$b("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -430,41 +430,41 @@ var isSymbol = isSymbol$2;
 
 // `ToPropertyKey` abstract operation
 // https://tc39.es/ecma262/#sec-topropertykey
-var toPropertyKey$2 = function (argument) {
+var toPropertyKey$3 = function (argument) {
   var key = toPrimitive(argument, 'string');
   return isSymbol(key) ? key : key + '';
 };
 
-var global$5 = global$b;
-var isObject$3 = isObject$6;
+var global$b = global$i;
+var isObject$6 = isObject$9;
 
-var document$1 = global$5.document;
+var document$3 = global$b.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$3(document$1) && isObject$3(document$1.createElement);
+var EXISTS$1 = isObject$6(document$3) && isObject$6(document$3.createElement);
 
 var documentCreateElement$2 = function (it) {
-  return EXISTS$1 ? document$1.createElement(it) : {};
+  return EXISTS$1 ? document$3.createElement(it) : {};
 };
 
-var DESCRIPTORS$9 = descriptors;
-var fails$6 = fails$b;
-var createElement = documentCreateElement$2;
+var DESCRIPTORS$a = descriptors;
+var fails$d = fails$i;
+var createElement$1 = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$9 && !fails$6(function () {
+var ie8DomDefine = !DESCRIPTORS$a && !fails$d(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty(createElement('div'), 'a', {
+  return Object.defineProperty(createElement$1('div'), 'a', {
     get: function () { return 7; }
   }).a != 7;
 });
 
-var DESCRIPTORS$8 = descriptors;
-var call$2 = functionCall;
+var DESCRIPTORS$9 = descriptors;
+var call$b = functionCall;
 var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
-var createPropertyDescriptor$2 = createPropertyDescriptor$3;
+var createPropertyDescriptor$3 = createPropertyDescriptor$4;
 var toIndexedObject$4 = toIndexedObject$5;
-var toPropertyKey$1 = toPropertyKey$2;
-var hasOwn$7 = hasOwnProperty_1;
+var toPropertyKey$2 = toPropertyKey$3;
+var hasOwn$9 = hasOwnProperty_1;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -472,23 +472,23 @@ var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
 // `Object.getOwnPropertyDescriptor` method
 // https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-objectGetOwnPropertyDescriptor.f = DESCRIPTORS$8 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
+objectGetOwnPropertyDescriptor.f = DESCRIPTORS$9 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
   O = toIndexedObject$4(O);
-  P = toPropertyKey$1(P);
+  P = toPropertyKey$2(P);
   if (IE8_DOM_DEFINE$1) try {
     return $getOwnPropertyDescriptor$1(O, P);
   } catch (error) { /* empty */ }
-  if (hasOwn$7(O, P)) return createPropertyDescriptor$2(!call$2(propertyIsEnumerableModule$1.f, O, P), O[P]);
+  if (hasOwn$9(O, P)) return createPropertyDescriptor$3(!call$b(propertyIsEnumerableModule$1.f, O, P), O[P]);
 };
 
 var objectDefineProperty = {};
 
-var DESCRIPTORS$7 = descriptors;
-var fails$5 = fails$b;
+var DESCRIPTORS$8 = descriptors;
+var fails$c = fails$i;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$7 && fails$5(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$c(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -496,24 +496,24 @@ var v8PrototypeDefineBug = DESCRIPTORS$7 && fails$5(function () {
   }).prototype != 42;
 });
 
-var isObject$2 = isObject$6;
+var isObject$5 = isObject$9;
 
-var $String$1 = String;
-var $TypeError$2 = TypeError;
+var $String$3 = String;
+var $TypeError$a = TypeError;
 
 // `Assert: Type(argument) is Object`
-var anObject$5 = function (argument) {
-  if (isObject$2(argument)) return argument;
-  throw $TypeError$2($String$1(argument) + ' is not an object');
+var anObject$c = function (argument) {
+  if (isObject$5(argument)) return argument;
+  throw $TypeError$a($String$3(argument) + ' is not an object');
 };
 
-var DESCRIPTORS$6 = descriptors;
+var DESCRIPTORS$7 = descriptors;
 var IE8_DOM_DEFINE = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$4 = anObject$5;
-var toPropertyKey = toPropertyKey$2;
+var anObject$b = anObject$c;
+var toPropertyKey$1 = toPropertyKey$3;
 
-var $TypeError$1 = TypeError;
+var $TypeError$9 = TypeError;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -524,10 +524,10 @@ var WRITABLE = 'writable';
 
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
-objectDefineProperty.f = DESCRIPTORS$6 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$4(O);
-  P = toPropertyKey(P);
-  anObject$4(Attributes);
+objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
+  anObject$b(O);
+  P = toPropertyKey$1(P);
+  anObject$b(Attributes);
   if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
     var current = $getOwnPropertyDescriptor(O, P);
     if (current && current[WRITABLE]) {
@@ -540,41 +540,41 @@ objectDefineProperty.f = DESCRIPTORS$6 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
     }
   } return $defineProperty(O, P, Attributes);
 } : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$4(O);
-  P = toPropertyKey(P);
-  anObject$4(Attributes);
+  anObject$b(O);
+  P = toPropertyKey$1(P);
+  anObject$b(Attributes);
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$1('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$9('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
 
-var DESCRIPTORS$5 = descriptors;
-var definePropertyModule$3 = objectDefineProperty;
-var createPropertyDescriptor$1 = createPropertyDescriptor$3;
+var DESCRIPTORS$6 = descriptors;
+var definePropertyModule$4 = objectDefineProperty;
+var createPropertyDescriptor$2 = createPropertyDescriptor$4;
 
-var createNonEnumerableProperty$4 = DESCRIPTORS$5 ? function (object, key, value) {
-  return definePropertyModule$3.f(object, key, createPropertyDescriptor$1(1, value));
+var createNonEnumerableProperty$4 = DESCRIPTORS$6 ? function (object, key, value) {
+  return definePropertyModule$4.f(object, key, createPropertyDescriptor$2(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
 };
 
-var makeBuiltIn$2 = {exports: {}};
+var makeBuiltIn$3 = {exports: {}};
 
-var DESCRIPTORS$4 = descriptors;
-var hasOwn$6 = hasOwnProperty_1;
+var DESCRIPTORS$5 = descriptors;
+var hasOwn$8 = hasOwnProperty_1;
 
-var FunctionPrototype = Function.prototype;
+var FunctionPrototype$1 = Function.prototype;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getDescriptor = DESCRIPTORS$4 && Object.getOwnPropertyDescriptor;
+var getDescriptor = DESCRIPTORS$5 && Object.getOwnPropertyDescriptor;
 
-var EXISTS = hasOwn$6(FunctionPrototype, 'name');
+var EXISTS = hasOwn$8(FunctionPrototype$1, 'name');
 // additional protection from minified / mangled / dropped function names
 var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
-var CONFIGURABLE = EXISTS && (!DESCRIPTORS$4 || (DESCRIPTORS$4 && getDescriptor(FunctionPrototype, 'name').configurable));
+var CONFIGURABLE = EXISTS && (!DESCRIPTORS$5 || (DESCRIPTORS$5 && getDescriptor(FunctionPrototype$1, 'name').configurable));
 
 var functionName = {
   EXISTS: EXISTS,
@@ -582,27 +582,27 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$4 = functionUncurryThis;
-var isCallable$8 = isCallable$e;
+var uncurryThis$d = functionUncurryThis;
+var isCallable$e = isCallable$k;
 var store$1 = sharedStore;
 
-var functionToString = uncurryThis$4(Function.toString);
+var functionToString = uncurryThis$d(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-if (!isCallable$8(store$1.inspectSource)) {
+if (!isCallable$e(store$1.inspectSource)) {
   store$1.inspectSource = function (it) {
     return functionToString(it);
   };
 }
 
-var inspectSource$1 = store$1.inspectSource;
+var inspectSource$3 = store$1.inspectSource;
 
-var global$4 = global$b;
-var isCallable$7 = isCallable$e;
+var global$a = global$i;
+var isCallable$d = isCallable$k;
 
-var WeakMap$1 = global$4.WeakMap;
+var WeakMap$1 = global$a.WeakMap;
 
-var weakMapBasicDetection = isCallable$7(WeakMap$1) && /native code/.test(String(WeakMap$1));
+var weakMapBasicDetection = isCallable$d(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
 var shared$1 = shared$3.exports;
 var uid = uid$2;
@@ -616,28 +616,28 @@ var sharedKey$3 = function (key) {
 var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$3 = global$b;
-var isObject$1 = isObject$6;
+var global$9 = global$i;
+var isObject$4 = isObject$9;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
-var hasOwn$5 = hasOwnProperty_1;
+var hasOwn$7 = hasOwnProperty_1;
 var shared = sharedStore;
 var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = global$3.TypeError;
-var WeakMap = global$3.WeakMap;
-var set, get, has;
+var TypeError$2 = global$9.TypeError;
+var WeakMap = global$9.WeakMap;
+var set$1, get, has;
 
 var enforce = function (it) {
-  return has(it) ? get(it) : set(it, {});
+  return has(it) ? get(it) : set$1(it, {});
 };
 
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$1(it) || (state = get(it)).type !== TYPE) {
-      throw TypeError$1('Incompatible receiver, ' + TYPE + ' required');
+    if (!isObject$4(it) || (state = get(it)).type !== TYPE) {
+      throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
 };
@@ -649,8 +649,8 @@ if (NATIVE_WEAK_MAP || shared.state) {
   store.has = store.has;
   store.set = store.set;
   /* eslint-enable no-self-assign -- prototype methods protection */
-  set = function (it, metadata) {
-    if (store.has(it)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+  set$1 = function (it, metadata) {
+    if (store.has(it)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     store.set(it, metadata);
     return metadata;
@@ -664,88 +664,93 @@ if (NATIVE_WEAK_MAP || shared.state) {
 } else {
   var STATE = sharedKey$2('state');
   hiddenKeys$3[STATE] = true;
-  set = function (it, metadata) {
-    if (hasOwn$5(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+  set$1 = function (it, metadata) {
+    if (hasOwn$7(it, STATE)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty$3(it, STATE, metadata);
     return metadata;
   };
   get = function (it) {
-    return hasOwn$5(it, STATE) ? it[STATE] : {};
+    return hasOwn$7(it, STATE) ? it[STATE] : {};
   };
   has = function (it) {
-    return hasOwn$5(it, STATE);
+    return hasOwn$7(it, STATE);
   };
 }
 
 var internalState = {
-  set: set,
+  set: set$1,
   get: get,
   has: has,
   enforce: enforce,
   getterFor: getterFor
 };
 
-var fails$4 = fails$b;
-var isCallable$6 = isCallable$e;
-var hasOwn$4 = hasOwnProperty_1;
-var DESCRIPTORS$3 = descriptors;
+var uncurryThis$c = functionUncurryThis;
+var fails$b = fails$i;
+var isCallable$c = isCallable$k;
+var hasOwn$6 = hasOwnProperty_1;
+var DESCRIPTORS$4 = descriptors;
 var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
-var inspectSource = inspectSource$1;
-var InternalStateModule$1 = internalState;
+var inspectSource$2 = inspectSource$3;
+var InternalStateModule$2 = internalState;
 
-var enforceInternalState = InternalStateModule$1.enforce;
-var getInternalState$1 = InternalStateModule$1.get;
+var enforceInternalState = InternalStateModule$2.enforce;
+var getInternalState$1 = InternalStateModule$2.get;
+var $String$2 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$4 = Object.defineProperty;
+var defineProperty$5 = Object.defineProperty;
+var stringSlice = uncurryThis$c(''.slice);
+var replace$1 = uncurryThis$c(''.replace);
+var join = uncurryThis$c([].join);
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$3 && !fails$4(function () {
-  return defineProperty$4(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
+var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$b(function () {
+  return defineProperty$5(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
 var TEMPLATE = String(String).split('String');
 
-var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
-  if (String(name).slice(0, 7) === 'Symbol(') {
-    name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
+var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
+  if (stringSlice($String$2(name), 0, 7) === 'Symbol(') {
+    name = '[' + replace$1($String$2(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
   }
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
-  if (!hasOwn$4(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
-    if (DESCRIPTORS$3) defineProperty$4(value, 'name', { value: name, configurable: true });
+  if (!hasOwn$6(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
+    if (DESCRIPTORS$4) defineProperty$5(value, 'name', { value: name, configurable: true });
     else value.name = name;
   }
-  if (CONFIGURABLE_LENGTH && options && hasOwn$4(options, 'arity') && value.length !== options.arity) {
-    defineProperty$4(value, 'length', { value: options.arity });
+  if (CONFIGURABLE_LENGTH && options && hasOwn$6(options, 'arity') && value.length !== options.arity) {
+    defineProperty$5(value, 'length', { value: options.arity });
   }
   try {
-    if (options && hasOwn$4(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$3) defineProperty$4(value, 'prototype', { writable: false });
+    if (options && hasOwn$6(options, 'constructor') && options.constructor) {
+      if (DESCRIPTORS$4) defineProperty$5(value, 'prototype', { writable: false });
     // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
     } else if (value.prototype) value.prototype = undefined;
   } catch (error) { /* empty */ }
   var state = enforceInternalState(value);
-  if (!hasOwn$4(state, 'source')) {
-    state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
+  if (!hasOwn$6(state, 'source')) {
+    state.source = join(TEMPLATE, typeof name == 'string' ? name : '');
   } return value;
 };
 
 // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
 // eslint-disable-next-line no-extend-native -- required
-Function.prototype.toString = makeBuiltIn$1(function toString() {
-  return isCallable$6(this) && getInternalState$1(this).source || inspectSource(this);
+Function.prototype.toString = makeBuiltIn$2(function toString() {
+  return isCallable$c(this) && getInternalState$1(this).source || inspectSource$2(this);
 }, 'toString');
 
-var isCallable$5 = isCallable$e;
-var definePropertyModule$2 = objectDefineProperty;
-var makeBuiltIn = makeBuiltIn$2.exports;
+var isCallable$b = isCallable$k;
+var definePropertyModule$3 = objectDefineProperty;
+var makeBuiltIn$1 = makeBuiltIn$3.exports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
 
-var defineBuiltIn$3 = function (O, key, value, options) {
+var defineBuiltIn$6 = function (O, key, value, options) {
   if (!options) options = {};
   var simple = options.enumerable;
   var name = options.name !== undefined ? options.name : key;
-  if (isCallable$5(value)) makeBuiltIn(value, name, options);
+  if (isCallable$b(value)) makeBuiltIn$1(value, name, options);
   if (options.global) {
     if (simple) O[key] = value;
     else defineGlobalProperty$1(key, value);
@@ -755,7 +760,7 @@ var defineBuiltIn$3 = function (O, key, value, options) {
       else if (O[key]) simple = true;
     } catch (error) { /* empty */ }
     if (simple) O[key] = value;
-    else definePropertyModule$2.f(O, key, {
+    else definePropertyModule$3.f(O, key, {
       value: value,
       enumerable: false,
       configurable: !options.nonConfigurable,
@@ -767,14 +772,14 @@ var defineBuiltIn$3 = function (O, key, value, options) {
 var objectGetOwnPropertyNames = {};
 
 var ceil = Math.ceil;
-var floor = Math.floor;
+var floor$1 = Math.floor;
 
 // `Math.trunc` method
 // https://tc39.es/ecma262/#sec-math.trunc
 // eslint-disable-next-line es/no-math-trunc -- safe
 var mathTrunc = Math.trunc || function trunc(x) {
   var n = +x;
-  return (n > 0 ? floor : ceil)(n);
+  return (n > 0 ? floor$1 : ceil)(n);
 };
 
 var trunc = mathTrunc;
@@ -789,15 +794,15 @@ var toIntegerOrInfinity$2 = function (argument) {
 
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
 
-var max = Math.max;
+var max$1 = Math.max;
 var min$1 = Math.min;
 
 // Helper for a popular repeating case of the spec:
 // Let integer be ? ToInteger(index).
 // If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-var toAbsoluteIndex$1 = function (index, length) {
+var toAbsoluteIndex$2 = function (index, length) {
   var integer = toIntegerOrInfinity$1(index);
-  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+  return integer < 0 ? max$1(integer + length, 0) : min$1(integer, length);
 };
 
 var toIntegerOrInfinity = toIntegerOrInfinity$2;
@@ -814,20 +819,20 @@ var toLength = toLength$1;
 
 // `LengthOfArrayLike` abstract operation
 // https://tc39.es/ecma262/#sec-lengthofarraylike
-var lengthOfArrayLike$1 = function (obj) {
+var lengthOfArrayLike$4 = function (obj) {
   return toLength(obj.length);
 };
 
 var toIndexedObject$3 = toIndexedObject$5;
-var toAbsoluteIndex = toAbsoluteIndex$1;
-var lengthOfArrayLike = lengthOfArrayLike$1;
+var toAbsoluteIndex$1 = toAbsoluteIndex$2;
+var lengthOfArrayLike$3 = lengthOfArrayLike$4;
 
 // `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod = function (IS_INCLUDES) {
+var createMethod$1 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$3($this);
-    var length = lengthOfArrayLike(O);
-    var index = toAbsoluteIndex(fromIndex, length);
+    var length = lengthOfArrayLike$3(O);
+    var index = toAbsoluteIndex$1(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
     // eslint-disable-next-line no-self-compare -- NaN check
@@ -845,29 +850,29 @@ var createMethod = function (IS_INCLUDES) {
 var arrayIncludes = {
   // `Array.prototype.includes` method
   // https://tc39.es/ecma262/#sec-array.prototype.includes
-  includes: createMethod(true),
+  includes: createMethod$1(true),
   // `Array.prototype.indexOf` method
   // https://tc39.es/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod(false)
+  indexOf: createMethod$1(false)
 };
 
-var uncurryThis$3 = functionUncurryThis;
-var hasOwn$3 = hasOwnProperty_1;
+var uncurryThis$b = functionUncurryThis;
+var hasOwn$5 = hasOwnProperty_1;
 var toIndexedObject$2 = toIndexedObject$5;
 var indexOf = arrayIncludes.indexOf;
 var hiddenKeys$2 = hiddenKeys$4;
 
-var push = uncurryThis$3([].push);
+var push$1 = uncurryThis$b([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$2(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) !hasOwn$3(hiddenKeys$2, key) && hasOwn$3(O, key) && push(result, key);
+  for (key in O) !hasOwn$5(hiddenKeys$2, key) && hasOwn$5(O, key) && push$1(result, key);
   // Don't enum bug & hidden keys
-  while (names.length > i) if (hasOwn$3(O, key = names[i++])) {
-    ~indexOf(result, key) || push(result, key);
+  while (names.length > i) if (hasOwn$5(O, key = names[i++])) {
+    ~indexOf(result, key) || push$1(result, key);
   }
   return result;
 };
@@ -900,68 +905,68 @@ var objectGetOwnPropertySymbols = {};
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
-var getBuiltIn$1 = getBuiltIn$4;
-var uncurryThis$2 = functionUncurryThis;
+var getBuiltIn$5 = getBuiltIn$7;
+var uncurryThis$a = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
-var anObject$3 = anObject$5;
+var anObject$a = anObject$c;
 
-var concat$1 = uncurryThis$2([].concat);
+var concat$1 = uncurryThis$a([].concat);
 
 // all object keys, includes non-enumerable and symbols
-var ownKeys$1 = getBuiltIn$1('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject$3(it));
+var ownKeys$1 = getBuiltIn$5('Reflect', 'ownKeys') || function ownKeys(it) {
+  var keys = getOwnPropertyNamesModule.f(anObject$a(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
   return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
 };
 
-var hasOwn$2 = hasOwnProperty_1;
+var hasOwn$4 = hasOwnProperty_1;
 var ownKeys = ownKeys$1;
 var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
-var definePropertyModule$1 = objectDefineProperty;
+var definePropertyModule$2 = objectDefineProperty;
 
 var copyConstructorProperties$1 = function (target, source, exceptions) {
   var keys = ownKeys(source);
-  var defineProperty = definePropertyModule$1.f;
+  var defineProperty = definePropertyModule$2.f;
   var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
   for (var i = 0; i < keys.length; i++) {
     var key = keys[i];
-    if (!hasOwn$2(target, key) && !(exceptions && hasOwn$2(exceptions, key))) {
+    if (!hasOwn$4(target, key) && !(exceptions && hasOwn$4(exceptions, key))) {
       defineProperty(target, key, getOwnPropertyDescriptor(source, key));
     }
   }
 };
 
-var fails$3 = fails$b;
-var isCallable$4 = isCallable$e;
+var fails$a = fails$i;
+var isCallable$a = isCallable$k;
 
 var replacement = /#|\.prototype\./;
 
-var isForced$1 = function (feature, detection) {
+var isForced$2 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value == POLYFILL ? true
     : value == NATIVE ? false
-    : isCallable$4(detection) ? fails$3(detection)
+    : isCallable$a(detection) ? fails$a(detection)
     : !!detection;
 };
 
-var normalize = isForced$1.normalize = function (string) {
+var normalize = isForced$2.normalize = function (string) {
   return String(string).replace(replacement, '.').toLowerCase();
 };
 
-var data = isForced$1.data = {};
-var NATIVE = isForced$1.NATIVE = 'N';
-var POLYFILL = isForced$1.POLYFILL = 'P';
+var data = isForced$2.data = {};
+var NATIVE = isForced$2.NATIVE = 'N';
+var POLYFILL = isForced$2.POLYFILL = 'P';
 
-var isForced_1 = isForced$1;
+var isForced_1 = isForced$2;
 
-var global$2 = global$b;
-var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+var global$8 = global$i;
+var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
-var defineBuiltIn$2 = defineBuiltIn$3;
+var defineBuiltIn$5 = defineBuiltIn$6;
 var defineGlobalProperty = defineGlobalProperty$3;
 var copyConstructorProperties = copyConstructorProperties$1;
-var isForced = isForced_1;
+var isForced$1 = isForced_1;
 
 /*
   options.target         - name of the target object
@@ -984,19 +989,19 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$2;
+    target = global$8;
   } else if (STATIC) {
-    target = global$2[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$8[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = (global$2[TARGET] || {}).prototype;
+    target = (global$8[TARGET] || {}).prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
     if (options.dontCallGetSet) {
-      descriptor = getOwnPropertyDescriptor(target, key);
+      descriptor = getOwnPropertyDescriptor$1(target, key);
       targetProperty = descriptor && descriptor.value;
     } else targetProperty = target[key];
-    FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
+    FORCED = isForced$1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
     // contained in target
     if (!FORCED && targetProperty !== undefined) {
       if (typeof sourceProperty == typeof targetProperty) continue;
@@ -1006,7 +1011,7 @@ var _export = function (options, source) {
     if (options.sham || (targetProperty && targetProperty.sham)) {
       createNonEnumerableProperty$2(sourceProperty, 'sham', true);
     }
-    defineBuiltIn$2(target, key, sourceProperty, options);
+    defineBuiltIn$5(target, key, sourceProperty, options);
   }
 };
 
@@ -1020,30 +1025,30 @@ var objectKeys$2 = Object.keys || function keys(O) {
   return internalObjectKeys(O, enumBugKeys$1);
 };
 
-var DESCRIPTORS$2 = descriptors;
-var uncurryThis$1 = functionUncurryThis;
-var call$1 = functionCall;
-var fails$2 = fails$b;
+var DESCRIPTORS$3 = descriptors;
+var uncurryThis$9 = functionUncurryThis;
+var call$a = functionCall;
+var fails$9 = fails$i;
 var objectKeys$1 = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject$1 = toObject$3;
+var toObject$2 = toObject$4;
 var IndexedObject = indexedObject;
 
 // eslint-disable-next-line es/no-object-assign -- safe
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-var defineProperty$3 = Object.defineProperty;
-var concat = uncurryThis$1([].concat);
+var defineProperty$4 = Object.defineProperty;
+var concat = uncurryThis$9([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails$2(function () {
+var objectAssign = !$assign || fails$9(function () {
   // should have correct order of operations (Edge bug)
-  if (DESCRIPTORS$2 && $assign({ b: 1 }, $assign(defineProperty$3({}, 'a', {
+  if (DESCRIPTORS$3 && $assign({ b: 1 }, $assign(defineProperty$4({}, 'a', {
     enumerable: true,
     get: function () {
-      defineProperty$3(this, 'b', {
+      defineProperty$4(this, 'b', {
         value: 3,
         enumerable: false
       });
@@ -1059,7 +1064,7 @@ var objectAssign = !$assign || fails$2(function () {
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
   return $assign({}, A)[symbol] != 7 || objectKeys$1($assign({}, B)).join('') != alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
-  var T = toObject$1(target);
+  var T = toObject$2(target);
   var argumentsLength = arguments.length;
   var index = 1;
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
@@ -1072,77 +1077,110 @@ var objectAssign = !$assign || fails$2(function () {
     var key;
     while (length > j) {
       key = keys[j++];
-      if (!DESCRIPTORS$2 || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
+      if (!DESCRIPTORS$3 || call$a(propertyIsEnumerable, S, key)) T[key] = S[key];
     }
   } return T;
 } : $assign;
 
-var $$1 = _export;
+var $$b = _export;
 var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 // eslint-disable-next-line es/no-object-assign -- required for testing
-$$1({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$b({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
-const CustomButton = ({
-  buttonText
-}) => {
-  const contentStyles = css({
-    height: '300px',
-    width: '300px',
-    backgroundColor: 'lightgrey'
-  });
-  const buttonStyles = css({
-    backgroundColor: 'grey'
-  });
-  return jsx("div", Object.assign({
-    css: contentStyles
-  }, {
-    children: jsx("button", Object.assign({
-      css: buttonStyles
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+const Badge = _a => {
+  var {
+      textColor,
+      children
+    } = _a,
+    restProps = __rest(_a, ["textColor", "children"]);
+  return jsx(EuiBadge, Object.assign({}, restProps, {
+    children: jsx(EuiText, Object.assign({
+      color: textColor,
+      size: "xs"
     }, {
-      children: buttonText
+      children: jsx("b", {
+        children: children
+      })
     }))
   }));
 };
 
 var objectDefineProperties = {};
 
-var DESCRIPTORS$1 = descriptors;
+var DESCRIPTORS$2 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
-var definePropertyModule = objectDefineProperty;
-var anObject$2 = anObject$5;
+var definePropertyModule$1 = objectDefineProperty;
+var anObject$9 = anObject$c;
 var toIndexedObject$1 = toIndexedObject$5;
 var objectKeys = objectKeys$2;
 
 // `Object.defineProperties` method
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
-objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$2(O);
+objectDefineProperties.f = DESCRIPTORS$2 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject$9(O);
   var props = toIndexedObject$1(Properties);
   var keys = objectKeys(Properties);
   var length = keys.length;
   var index = 0;
   var key;
-  while (length > index) definePropertyModule.f(O, key = keys[index++], props[key]);
+  while (length > index) definePropertyModule$1.f(O, key = keys[index++], props[key]);
   return O;
 };
 
-var getBuiltIn = getBuiltIn$4;
+var getBuiltIn$4 = getBuiltIn$7;
 
-var html$1 = getBuiltIn('document', 'documentElement');
+var html$2 = getBuiltIn$4('document', 'documentElement');
 
 /* global ActiveXObject -- old IE, WSH */
 
-var anObject$1 = anObject$5;
+var anObject$8 = anObject$c;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys = enumBugKeys$3;
 var hiddenKeys = hiddenKeys$4;
-var html = html$1;
+var html$1 = html$2;
 var documentCreateElement$1 = documentCreateElement$2;
 var sharedKey$1 = sharedKey$3;
 
@@ -1174,7 +1212,7 @@ var NullProtoObjectViaIFrame = function () {
   var JS = 'java' + SCRIPT + ':';
   var iframeDocument;
   iframe.style.display = 'none';
-  html.appendChild(iframe);
+  html$1.appendChild(iframe);
   // https://github.com/zloirock/core-js/issues/475
   iframe.src = String(JS);
   iframeDocument = iframe.contentWindow.document;
@@ -1212,7 +1250,7 @@ hiddenKeys[IE_PROTO$1] = true;
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject$1(O);
+    EmptyConstructor[PROTOTYPE] = anObject$8(O);
     result = new EmptyConstructor();
     EmptyConstructor[PROTOTYPE] = null;
     // add "__proto__" for Object.getPrototypeOf polyfill
@@ -1221,68 +1259,68 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
 
-var wellKnownSymbol$4 = wellKnownSymbol$6;
+var wellKnownSymbol$e = wellKnownSymbol$g;
 var create$1 = objectCreate;
-var defineProperty$2 = objectDefineProperty.f;
+var defineProperty$3 = objectDefineProperty.f;
 
-var UNSCOPABLES = wellKnownSymbol$4('unscopables');
-var ArrayPrototype = Array.prototype;
+var UNSCOPABLES = wellKnownSymbol$e('unscopables');
+var ArrayPrototype$1 = Array.prototype;
 
 // Array.prototype[@@unscopables]
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-if (ArrayPrototype[UNSCOPABLES] == undefined) {
-  defineProperty$2(ArrayPrototype, UNSCOPABLES, {
+if (ArrayPrototype$1[UNSCOPABLES] == undefined) {
+  defineProperty$3(ArrayPrototype$1, UNSCOPABLES, {
     configurable: true,
     value: create$1(null)
   });
 }
 
 // add a key to Array.prototype[@@unscopables]
-var addToUnscopables$1 = function (key) {
-  ArrayPrototype[UNSCOPABLES][key] = true;
+var addToUnscopables$2 = function (key) {
+  ArrayPrototype$1[UNSCOPABLES][key] = true;
 };
 
 var iterators = {};
 
-var fails$1 = fails$b;
+var fails$8 = fails$i;
 
-var correctPrototypeGetter = !fails$1(function () {
+var correctPrototypeGetter = !fails$8(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
-var hasOwn$1 = hasOwnProperty_1;
-var isCallable$3 = isCallable$e;
-var toObject = toObject$3;
+var hasOwn$3 = hasOwnProperty_1;
+var isCallable$9 = isCallable$k;
+var toObject$1 = toObject$4;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
 var IE_PROTO = sharedKey('IE_PROTO');
-var $Object = Object;
-var ObjectPrototype = $Object.prototype;
+var $Object$1 = Object;
+var ObjectPrototype = $Object$1.prototype;
 
 // `Object.getPrototypeOf` method
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 // eslint-disable-next-line es/no-object-getprototypeof -- safe
-var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : function (O) {
-  var object = toObject(O);
-  if (hasOwn$1(object, IE_PROTO)) return object[IE_PROTO];
+var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf : function (O) {
+  var object = toObject$1(O);
+  if (hasOwn$3(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
-  if (isCallable$3(constructor) && object instanceof constructor) {
+  if (isCallable$9(constructor) && object instanceof constructor) {
     return constructor.prototype;
-  } return object instanceof $Object ? ObjectPrototype : null;
+  } return object instanceof $Object$1 ? ObjectPrototype : null;
 };
 
-var fails = fails$b;
-var isCallable$2 = isCallable$e;
-var isObject = isObject$6;
+var fails$7 = fails$i;
+var isCallable$8 = isCallable$k;
+var isObject$3 = isObject$9;
 var getPrototypeOf$1 = objectGetPrototypeOf;
-var defineBuiltIn$1 = defineBuiltIn$3;
-var wellKnownSymbol$3 = wellKnownSymbol$6;
+var defineBuiltIn$4 = defineBuiltIn$6;
+var wellKnownSymbol$d = wellKnownSymbol$g;
 
-var ITERATOR$2 = wellKnownSymbol$3('iterator');
+var ITERATOR$6 = wellKnownSymbol$d('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 // `%IteratorPrototype%` object
@@ -1300,18 +1338,18 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject(IteratorPrototype$2) || fails(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$3(IteratorPrototype$2) || fails$7(function () {
   var test = {};
   // FF44- legacy iterators case
-  return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
+  return IteratorPrototype$2[ITERATOR$6].call(test) !== test;
 });
 
 if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
 
 // `%IteratorPrototype%[@@iterator]()` method
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable$2(IteratorPrototype$2[ITERATOR$2])) {
-  defineBuiltIn$1(IteratorPrototype$2, ITERATOR$2, function () {
+if (!isCallable$8(IteratorPrototype$2[ITERATOR$6])) {
+  defineBuiltIn$4(IteratorPrototype$2, ITERATOR$6, function () {
     return this;
   });
 }
@@ -1321,49 +1359,59 @@ var iteratorsCore = {
   BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
 };
 
-var defineProperty$1 = objectDefineProperty.f;
-var hasOwn = hasOwnProperty_1;
-var wellKnownSymbol$2 = wellKnownSymbol$6;
+var defineProperty$2 = objectDefineProperty.f;
+var hasOwn$2 = hasOwnProperty_1;
+var wellKnownSymbol$c = wellKnownSymbol$g;
 
-var TO_STRING_TAG$1 = wellKnownSymbol$2('toStringTag');
+var TO_STRING_TAG$3 = wellKnownSymbol$c('toStringTag');
 
-var setToStringTag$2 = function (target, TAG, STATIC) {
+var setToStringTag$3 = function (target, TAG, STATIC) {
   if (target && !STATIC) target = target.prototype;
-  if (target && !hasOwn(target, TO_STRING_TAG$1)) {
-    defineProperty$1(target, TO_STRING_TAG$1, { configurable: true, value: TAG });
+  if (target && !hasOwn$2(target, TO_STRING_TAG$3)) {
+    defineProperty$2(target, TO_STRING_TAG$3, { configurable: true, value: TAG });
   }
 };
 
 var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
 var create = objectCreate;
-var createPropertyDescriptor = createPropertyDescriptor$3;
-var setToStringTag$1 = setToStringTag$2;
-var Iterators$2 = iterators;
+var createPropertyDescriptor$1 = createPropertyDescriptor$4;
+var setToStringTag$2 = setToStringTag$3;
+var Iterators$4 = iterators;
 
 var returnThis$1 = function () { return this; };
 
 var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
   var TO_STRING_TAG = NAME + ' Iterator';
-  IteratorConstructor.prototype = create(IteratorPrototype$1, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
-  setToStringTag$1(IteratorConstructor, TO_STRING_TAG, false);
-  Iterators$2[TO_STRING_TAG] = returnThis$1;
+  IteratorConstructor.prototype = create(IteratorPrototype$1, { next: createPropertyDescriptor$1(+!ENUMERABLE_NEXT, next) });
+  setToStringTag$2(IteratorConstructor, TO_STRING_TAG, false);
+  Iterators$4[TO_STRING_TAG] = returnThis$1;
   return IteratorConstructor;
 };
 
-var isCallable$1 = isCallable$e;
+var uncurryThis$8 = functionUncurryThis;
+var aCallable$7 = aCallable$9;
 
-var $String = String;
-var $TypeError = TypeError;
+var functionUncurryThisAccessor = function (object, key, method) {
+  try {
+    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+    return uncurryThis$8(aCallable$7(Object.getOwnPropertyDescriptor(object, key)[method]));
+  } catch (error) { /* empty */ }
+};
+
+var isCallable$7 = isCallable$k;
+
+var $String$1 = String;
+var $TypeError$8 = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
-  if (typeof argument == 'object' || isCallable$1(argument)) return argument;
-  throw $TypeError("Can't set " + $String(argument) + ' as a prototype');
+  if (typeof argument == 'object' || isCallable$7(argument)) return argument;
+  throw $TypeError$8("Can't set " + $String$1(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
 
-var uncurryThis = functionUncurryThis;
-var anObject = anObject$5;
+var uncurryThisAccessor = functionUncurryThisAccessor;
+var anObject$7 = anObject$c;
 var aPossiblePrototype = aPossiblePrototype$1;
 
 // `Object.setPrototypeOf` method
@@ -1375,13 +1423,12 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   var test = {};
   var setter;
   try {
-    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    setter = uncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
+    setter = uncurryThisAccessor(Object.prototype, '__proto__', 'set');
     setter(test, []);
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
   return function setPrototypeOf(O, proto) {
-    anObject(O);
+    anObject$7(O);
     aPossiblePrototype(proto);
     if (CORRECT_SETTER) setter(O, proto);
     else O.__proto__ = proto;
@@ -1389,25 +1436,25 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $ = _export;
-var call = functionCall;
+var $$a = _export;
+var call$9 = functionCall;
 var FunctionName = functionName;
-var isCallable = isCallable$e;
+var isCallable$6 = isCallable$k;
 var createIteratorConstructor = iteratorCreateConstructor;
 var getPrototypeOf = objectGetPrototypeOf;
-var setPrototypeOf = objectSetPrototypeOf;
-var setToStringTag = setToStringTag$2;
+var setPrototypeOf$1 = objectSetPrototypeOf;
+var setToStringTag$1 = setToStringTag$3;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$4;
-var defineBuiltIn = defineBuiltIn$3;
-var wellKnownSymbol$1 = wellKnownSymbol$6;
-var Iterators$1 = iterators;
+var defineBuiltIn$3 = defineBuiltIn$6;
+var wellKnownSymbol$b = wellKnownSymbol$g;
+var Iterators$3 = iterators;
 var IteratorsCore = iteratorsCore;
 
-var PROPER_FUNCTION_NAME = FunctionName.PROPER;
+var PROPER_FUNCTION_NAME$1 = FunctionName.PROPER;
 var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
 var IteratorPrototype = IteratorsCore.IteratorPrototype;
 var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$1 = wellKnownSymbol$1('iterator');
+var ITERATOR$5 = wellKnownSymbol$b('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -1430,7 +1477,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   var TO_STRING_TAG = NAME + ' Iterator';
   var INCORRECT_VALUES_NAME = false;
   var IterablePrototype = Iterable.prototype;
-  var nativeIterator = IterablePrototype[ITERATOR$1]
+  var nativeIterator = IterablePrototype[ITERATOR$5]
     || IterablePrototype['@@iterator']
     || DEFAULT && IterablePrototype[DEFAULT];
   var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
@@ -1442,24 +1489,24 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
     CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));
     if (CurrentIteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {
       if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
-        if (setPrototypeOf) {
-          setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
-        } else if (!isCallable(CurrentIteratorPrototype[ITERATOR$1])) {
-          defineBuiltIn(CurrentIteratorPrototype, ITERATOR$1, returnThis);
+        if (setPrototypeOf$1) {
+          setPrototypeOf$1(CurrentIteratorPrototype, IteratorPrototype);
+        } else if (!isCallable$6(CurrentIteratorPrototype[ITERATOR$5])) {
+          defineBuiltIn$3(CurrentIteratorPrototype, ITERATOR$5, returnThis);
         }
       }
       // Set @@toStringTag to native iterators
-      setToStringTag(CurrentIteratorPrototype, TO_STRING_TAG, true);
+      setToStringTag$1(CurrentIteratorPrototype, TO_STRING_TAG, true);
     }
   }
 
   // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
-  if (PROPER_FUNCTION_NAME && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
+  if (PROPER_FUNCTION_NAME$1 && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
     if (CONFIGURABLE_FUNCTION_NAME) {
       createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
     } else {
       INCORRECT_VALUES_NAME = true;
-      defaultIterator = function values() { return call(nativeIterator, this); };
+      defaultIterator = function values() { return call$9(nativeIterator, this); };
     }
   }
 
@@ -1472,16 +1519,16 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
     };
     if (FORCED) for (KEY in methods) {
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
-        defineBuiltIn(IterablePrototype, KEY, methods[KEY]);
+        defineBuiltIn$3(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$a({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
-  if (IterablePrototype[ITERATOR$1] !== defaultIterator) {
-    defineBuiltIn(IterablePrototype, ITERATOR$1, defaultIterator, { name: DEFAULT });
+  if (IterablePrototype[ITERATOR$5] !== defaultIterator) {
+    defineBuiltIn$3(IterablePrototype, ITERATOR$5, defaultIterator, { name: DEFAULT });
   }
-  Iterators$1[NAME] = defaultIterator;
+  Iterators$3[NAME] = defaultIterator;
 
   return methods;
 };
@@ -1493,17 +1540,17 @@ var createIterResultObject$1 = function (value, done) {
 };
 
 var toIndexedObject = toIndexedObject$5;
-var addToUnscopables = addToUnscopables$1;
-var Iterators = iterators;
-var InternalStateModule = internalState;
-var defineProperty = objectDefineProperty.f;
+var addToUnscopables$1 = addToUnscopables$2;
+var Iterators$2 = iterators;
+var InternalStateModule$1 = internalState;
+var defineProperty$1 = objectDefineProperty.f;
 var defineIterator = iteratorDefine;
 var createIterResultObject = createIterResultObject$1;
-var DESCRIPTORS = descriptors;
+var DESCRIPTORS$1 = descriptors;
 
 var ARRAY_ITERATOR = 'Array Iterator';
-var setInternalState = InternalStateModule.set;
-var getInternalState = InternalStateModule.getterFor(ARRAY_ITERATOR);
+var setInternalState$1 = InternalStateModule$1.set;
+var getInternalState = InternalStateModule$1.getterFor(ARRAY_ITERATOR);
 
 // `Array.prototype.entries` method
 // https://tc39.es/ecma262/#sec-array.prototype.entries
@@ -1516,7 +1563,7 @@ var getInternalState = InternalStateModule.getterFor(ARRAY_ITERATOR);
 // `CreateArrayIterator` internal method
 // https://tc39.es/ecma262/#sec-createarrayiterator
 var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind) {
-  setInternalState(this, {
+  setInternalState$1(this, {
     type: ARRAY_ITERATOR,
     target: toIndexedObject(iterated), // target
     index: 0,                          // next index
@@ -1541,16 +1588,16 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
 // argumentsList[@@iterator] is %ArrayProto_values%
 // https://tc39.es/ecma262/#sec-createunmappedargumentsobject
 // https://tc39.es/ecma262/#sec-createmappedargumentsobject
-var values = Iterators.Arguments = Iterators.Array;
+var values = Iterators$2.Arguments = Iterators$2.Array;
 
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('keys');
-addToUnscopables('values');
-addToUnscopables('entries');
+addToUnscopables$1('keys');
+addToUnscopables$1('values');
+addToUnscopables$1('entries');
 
 // V8 ~ Chrome 45- bug
-if (DESCRIPTORS && values.name !== 'values') try {
-  defineProperty(values, 'name', { value: 'values' });
+if (DESCRIPTORS$1 && values.name !== 'values') try {
+  defineProperty$1(values, 'name', { value: 'values' });
 } catch (error) { /* empty */ }
 
 // iterable DOM collections
@@ -1597,27 +1644,27 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$1 = global$b;
+var global$7 = global$i;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
 var createNonEnumerableProperty = createNonEnumerableProperty$4;
-var wellKnownSymbol = wellKnownSymbol$6;
+var wellKnownSymbol$a = wellKnownSymbol$g;
 
-var ITERATOR = wellKnownSymbol('iterator');
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+var ITERATOR$4 = wellKnownSymbol$a('iterator');
+var TO_STRING_TAG$2 = wellKnownSymbol$a('toStringTag');
 var ArrayValues = ArrayIteratorMethods.values;
 
 var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
   if (CollectionPrototype) {
     // some Chrome versions have non-configurable methods on DOMTokenList
-    if (CollectionPrototype[ITERATOR] !== ArrayValues) try {
-      createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);
+    if (CollectionPrototype[ITERATOR$4] !== ArrayValues) try {
+      createNonEnumerableProperty(CollectionPrototype, ITERATOR$4, ArrayValues);
     } catch (error) {
-      CollectionPrototype[ITERATOR] = ArrayValues;
+      CollectionPrototype[ITERATOR$4] = ArrayValues;
     }
-    if (!CollectionPrototype[TO_STRING_TAG]) {
-      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);
+    if (!CollectionPrototype[TO_STRING_TAG$2]) {
+      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG$2, COLLECTION_NAME);
     }
     if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
       // some Chrome versions have non-configurable methods on DOMTokenList
@@ -1631,119 +1678,2898 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$1[COLLECTION_NAME] && global$1[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$7[COLLECTION_NAME] && global$7[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-const OrchestratorPageTemplate = ({
+var Environment;
+(function (Environment) {
+  Environment["DEVELOPMENT"] = "Development";
+  Environment["PRODUCTION"] = "Production";
+})(Environment || (Environment = {}));
+const useOrchestratorConfig = initialOrchestratorConfig => {
+  const [orchestratorConfig] = useState(initialOrchestratorConfig);
+  return {
+    orchestratorConfig
+  };
+};
+
+const OrchestratorConfigContext = /*#__PURE__*/createContext({
+  orchestratorApiBaseUrl: '',
+  engineStatusEndpoint: '',
+  processStatusCountsEndpoint: '',
+  environmentName: '',
+  graphqlEndpoint: ''
+});
+const OrchestratorConfigProvider = ({
+  initialOrchestratorConfig,
   children
 }) => {
   const {
-    euiTheme
-  } = useEuiTheme();
-  const [isSideMenuVisible, setIsSideMenuVisible] = useState(true);
-  const multiplyBaseValue = multiplier => euiTheme.base * multiplier;
-  const navigationHeight = multiplyBaseValue(3);
-  return jsxs(Fragment, {
-    children: [jsxs(EuiFlexGroup, Object.assign({
-      direction: "row",
-      justifyContent: "spaceBetween",
-      alignItems: "center",
-      css: {
-        backgroundColor: euiTheme.colors.primary,
-        height: navigationHeight,
-        paddingLeft: euiTheme.size.l,
-        paddingRight: euiTheme.size.l
-      }
-    }, {
-      children: [jsx(EuiFlexItem, {
-        children: jsx(EuiFlexGroup, Object.assign({
-          alignItems: "center"
-        }, {
-          children: jsx(EuiText, Object.assign({
-            color: euiTheme.colors.emptyShade
-          }, {
-            children: "Orchestrator"
-          }))
-        }))
-      }), jsx(EuiFlexItem, {
-        children: jsx(EuiFlexGroup, Object.assign({
-          direction: "row",
-          justifyContent: "flexEnd"
-        }, {
-          children: jsx(EuiButtonIcon, {
-            display: "empty",
-            iconType: "arrowRight",
-            color: "ghost",
-            onClick: () => setIsSideMenuVisible(!isSideMenuVisible)
-          })
-        }))
-      })]
-    })), jsxs(EuiPageTemplate, Object.assign({
-      grow: false,
-      contentBorder: false,
-      minHeight: `calc(100vh - ${navigationHeight})`
-    }, {
-      children: [isSideMenuVisible && jsx(EuiPageTemplate.Sidebar, Object.assign({
-        css: {
-          backgroundColor: euiTheme.colors.body
-        }
-      }, {
-        children: jsx("div", {
-          children: "Sidebar"
-        })
-      })), jsx(EuiPageTemplate.Section, Object.assign({
-        css: {
-          backgroundColor: euiTheme.colors.emptyShade
-        }
-      }, {
-        children: children
-      }))]
-    }))]
+    orchestratorConfig
+  } = useOrchestratorConfig(initialOrchestratorConfig);
+  return jsx(OrchestratorConfigContext.Provider, Object.assign({
+    value: orchestratorConfig
+  }, {
+    children: children
+  }));
+};
+
+const useQueryWithGraphql = (query, queryVars) => {
+  const {
+    graphqlEndpoint
+  } = useContext(OrchestratorConfigContext);
+  const graphQLClient = new GraphQLClient(graphqlEndpoint);
+  const fetchFromGraphql = () => __awaiter(void 0, void 0, void 0, function* () {
+    // TS-Ignore because queryVars does not seem to be accepted by the client
+    // The props in this useQueryWithGraphql-hook ensures queryVars is indeed related to the query
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return yield graphQLClient.request(query, queryVars);
+  });
+  return useQuery(['subscriptions', ...Object.values(queryVars)], fetchFromGraphql);
+};
+const useStringQueryWithGraphql = (query, queryVars) => {
+  const {
+    graphqlEndpoint
+  } = useContext(OrchestratorConfigContext);
+  const fetchFromGraphql = () => __awaiter(void 0, void 0, void 0, function* () {
+    return yield request(graphqlEndpoint, query, queryVars);
   });
+  return useQuery(['subscriptions', ...Object.values(queryVars)], fetchFromGraphql);
 };
 
-const defaultOrchestratorTheme = {
-  colors: {
-    DARK: {},
-    LIGHT: {
-      primary: '#0077C8',
-      accent: '#E67300',
-      success: '#008939',
-      warning: '#FFC514',
-      danger: '#BD271F',
-      primaryText: '#0067AC',
-      accentText: '#B05200',
-      successText: '#007832',
-      warningText: '#8E6A00',
-      dangerText: '#AC0A01',
-      emptyShade: '#FFFFFF',
-      lightestShade: '#F1F5F9',
-      lightShade: '#CCD5E2',
-      mediumShade: '#94A4B8',
-      darkShade: '#64758B',
-      darkestShade: '#334255',
-      fullShade: '#0F172B',
-      text: '#334255',
-      title: '#0F172B',
-      subduedText: '#64758B',
-      link: '#0067AC',
-      body: '#F1F5F9',
-      highlight: '#FFF6DE',
-      disabled: '#94A4B8',
-      disabledText: '#94A4B8',
-      shadow: '#000000'
-    }
-  },
-  font: {
-    weight: {
-      regular: 400,
-      medium: 500,
-      semiBold: 600,
-      bold: 700
-    }
+var classof$5 = classofRaw$2;
+
+var engineIsNode = typeof process != 'undefined' && classof$5(process) == 'process';
+
+var makeBuiltIn = makeBuiltIn$3.exports;
+var defineProperty = objectDefineProperty;
+
+var defineBuiltInAccessor$1 = function (target, name, descriptor) {
+  if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
+  if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
+  return defineProperty.f(target, name, descriptor);
+};
+
+var getBuiltIn$3 = getBuiltIn$7;
+var defineBuiltInAccessor = defineBuiltInAccessor$1;
+var wellKnownSymbol$9 = wellKnownSymbol$g;
+var DESCRIPTORS = descriptors;
+
+var SPECIES$2 = wellKnownSymbol$9('species');
+
+var setSpecies$1 = function (CONSTRUCTOR_NAME) {
+  var Constructor = getBuiltIn$3(CONSTRUCTOR_NAME);
+
+  if (DESCRIPTORS && Constructor && !Constructor[SPECIES$2]) {
+    defineBuiltInAccessor(Constructor, SPECIES$2, {
+      configurable: true,
+      get: function () { return this; }
+    });
+  }
+};
+
+var isPrototypeOf$2 = objectIsPrototypeOf;
+
+var $TypeError$7 = TypeError;
+
+var anInstance$1 = function (it, Prototype) {
+  if (isPrototypeOf$2(Prototype, it)) return it;
+  throw $TypeError$7('Incorrect invocation');
+};
+
+var wellKnownSymbol$8 = wellKnownSymbol$g;
+
+var TO_STRING_TAG$1 = wellKnownSymbol$8('toStringTag');
+var test$1 = {};
+
+test$1[TO_STRING_TAG$1] = 'z';
+
+var toStringTagSupport = String(test$1) === '[object z]';
+
+var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+var isCallable$5 = isCallable$k;
+var classofRaw$1 = classofRaw$2;
+var wellKnownSymbol$7 = wellKnownSymbol$g;
+
+var TO_STRING_TAG = wellKnownSymbol$7('toStringTag');
+var $Object = Object;
+
+// ES3 wrong here
+var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) == 'Arguments';
+
+// fallback for IE11 Script Access Denied error
+var tryGet = function (it, key) {
+  try {
+    return it[key];
+  } catch (error) { /* empty */ }
+};
+
+// getting tag from ES6+ `Object.prototype.toString`
+var classof$4 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
+  var O, tag, result;
+  return it === undefined ? 'Undefined' : it === null ? 'Null'
+    // @@toStringTag case
+    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
+    // builtinTag case
+    : CORRECT_ARGUMENTS ? classofRaw$1(O)
+    // ES3 arguments fallback
+    : (result = classofRaw$1(O)) == 'Object' && isCallable$5(O.callee) ? 'Arguments' : result;
+};
+
+var uncurryThis$7 = functionUncurryThis;
+var fails$6 = fails$i;
+var isCallable$4 = isCallable$k;
+var classof$3 = classof$4;
+var getBuiltIn$2 = getBuiltIn$7;
+var inspectSource$1 = inspectSource$3;
+
+var noop = function () { /* empty */ };
+var empty = [];
+var construct = getBuiltIn$2('Reflect', 'construct');
+var constructorRegExp = /^\s*(?:class|function)\b/;
+var exec$1 = uncurryThis$7(constructorRegExp.exec);
+var INCORRECT_TO_STRING = !constructorRegExp.exec(noop);
+
+var isConstructorModern = function isConstructor(argument) {
+  if (!isCallable$4(argument)) return false;
+  try {
+    construct(noop, empty, argument);
+    return true;
+  } catch (error) {
+    return false;
   }
 };
 
-export { CustomButton, OrchestratorPageTemplate, defaultOrchestratorTheme };
+var isConstructorLegacy = function isConstructor(argument) {
+  if (!isCallable$4(argument)) return false;
+  switch (classof$3(argument)) {
+    case 'AsyncFunction':
+    case 'GeneratorFunction':
+    case 'AsyncGeneratorFunction': return false;
+  }
+  try {
+    // we can't check .prototype since constructors produced by .bind haven't it
+    // `Function#toString` throws on some built-it function in some legacy engines
+    // (for example, `DOMQuad` and similar in FF41-)
+    return INCORRECT_TO_STRING || !!exec$1(constructorRegExp, inspectSource$1(argument));
+  } catch (error) {
+    return true;
+  }
+};
+
+isConstructorLegacy.sham = true;
+
+// `IsConstructor` abstract operation
+// https://tc39.es/ecma262/#sec-isconstructor
+var isConstructor$1 = !construct || fails$6(function () {
+  var called;
+  return isConstructorModern(isConstructorModern.call)
+    || !isConstructorModern(Object)
+    || !isConstructorModern(function () { called = true; })
+    || called;
+}) ? isConstructorLegacy : isConstructorModern;
+
+var isConstructor = isConstructor$1;
+var tryToString$3 = tryToString$5;
+
+var $TypeError$6 = TypeError;
+
+// `Assert: IsConstructor(argument) is true`
+var aConstructor$1 = function (argument) {
+  if (isConstructor(argument)) return argument;
+  throw $TypeError$6(tryToString$3(argument) + ' is not a constructor');
+};
+
+var anObject$6 = anObject$c;
+var aConstructor = aConstructor$1;
+var isNullOrUndefined$1 = isNullOrUndefined$4;
+var wellKnownSymbol$6 = wellKnownSymbol$g;
+
+var SPECIES$1 = wellKnownSymbol$6('species');
+
+// `SpeciesConstructor` abstract operation
+// https://tc39.es/ecma262/#sec-speciesconstructor
+var speciesConstructor$1 = function (O, defaultConstructor) {
+  var C = anObject$6(O).constructor;
+  var S;
+  return C === undefined || isNullOrUndefined$1(S = anObject$6(C)[SPECIES$1]) ? defaultConstructor : aConstructor(S);
+};
+
+var NATIVE_BIND$1 = functionBindNative;
+
+var FunctionPrototype = Function.prototype;
+var apply$1 = FunctionPrototype.apply;
+var call$8 = FunctionPrototype.call;
+
+// eslint-disable-next-line es/no-reflect -- safe
+var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$8.bind(apply$1) : function () {
+  return call$8.apply(apply$1, arguments);
+});
+
+var classofRaw = classofRaw$2;
+var uncurryThis$6 = functionUncurryThis;
+
+var functionUncurryThisClause = function (fn) {
+  // Nashorn bug:
+  //   https://github.com/zloirock/core-js/issues/1128
+  //   https://github.com/zloirock/core-js/issues/1130
+  if (classofRaw(fn) === 'Function') return uncurryThis$6(fn);
+};
+
+var uncurryThis$5 = functionUncurryThisClause;
+var aCallable$6 = aCallable$9;
+var NATIVE_BIND = functionBindNative;
+
+var bind$4 = uncurryThis$5(uncurryThis$5.bind);
+
+// optional / simple context binding
+var functionBindContext = function (fn, that) {
+  aCallable$6(fn);
+  return that === undefined ? fn : NATIVE_BIND ? bind$4(fn, that) : function (/* ...args */) {
+    return fn.apply(that, arguments);
+  };
+};
+
+var uncurryThis$4 = functionUncurryThis;
+
+var arraySlice$2 = uncurryThis$4([].slice);
+
+var $TypeError$5 = TypeError;
+
+var validateArgumentsLength$1 = function (passed, required) {
+  if (passed < required) throw $TypeError$5('Not enough arguments');
+  return passed;
+};
+
+var userAgent$4 = engineUserAgent;
+
+// eslint-disable-next-line redos/no-vulnerable -- safe
+var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$4);
+
+var global$6 = global$i;
+var apply = functionApply;
+var bind$3 = functionBindContext;
+var isCallable$3 = isCallable$k;
+var hasOwn$1 = hasOwnProperty_1;
+var fails$5 = fails$i;
+var html = html$2;
+var arraySlice$1 = arraySlice$2;
+var createElement = documentCreateElement$2;
+var validateArgumentsLength = validateArgumentsLength$1;
+var IS_IOS$1 = engineIsIos;
+var IS_NODE$3 = engineIsNode;
+
+var set = global$6.setImmediate;
+var clear = global$6.clearImmediate;
+var process$3 = global$6.process;
+var Dispatch = global$6.Dispatch;
+var Function$1 = global$6.Function;
+var MessageChannel = global$6.MessageChannel;
+var String$1 = global$6.String;
+var counter = 0;
+var queue$2 = {};
+var ONREADYSTATECHANGE = 'onreadystatechange';
+var $location, defer, channel, port;
+
+fails$5(function () {
+  // Deno throws a ReferenceError on `location` access without `--location` flag
+  $location = global$6.location;
+});
+
+var run = function (id) {
+  if (hasOwn$1(queue$2, id)) {
+    var fn = queue$2[id];
+    delete queue$2[id];
+    fn();
+  }
+};
+
+var runner = function (id) {
+  return function () {
+    run(id);
+  };
+};
+
+var eventListener = function (event) {
+  run(event.data);
+};
+
+var globalPostMessageDefer = function (id) {
+  // old engines have not location.origin
+  global$6.postMessage(String$1(id), $location.protocol + '//' + $location.host);
+};
+
+// Node.js 0.9+ & IE10+ has setImmediate, otherwise:
+if (!set || !clear) {
+  set = function setImmediate(handler) {
+    validateArgumentsLength(arguments.length, 1);
+    var fn = isCallable$3(handler) ? handler : Function$1(handler);
+    var args = arraySlice$1(arguments, 1);
+    queue$2[++counter] = function () {
+      apply(fn, undefined, args);
+    };
+    defer(counter);
+    return counter;
+  };
+  clear = function clearImmediate(id) {
+    delete queue$2[id];
+  };
+  // Node.js 0.8-
+  if (IS_NODE$3) {
+    defer = function (id) {
+      process$3.nextTick(runner(id));
+    };
+  // Sphere (JS game engine) Dispatch API
+  } else if (Dispatch && Dispatch.now) {
+    defer = function (id) {
+      Dispatch.now(runner(id));
+    };
+  // Browsers with MessageChannel, includes WebWorkers
+  // except iOS - https://github.com/zloirock/core-js/issues/624
+  } else if (MessageChannel && !IS_IOS$1) {
+    channel = new MessageChannel();
+    port = channel.port2;
+    channel.port1.onmessage = eventListener;
+    defer = bind$3(port.postMessage, port);
+  // Browsers with postMessage, skip WebWorkers
+  // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
+  } else if (
+    global$6.addEventListener &&
+    isCallable$3(global$6.postMessage) &&
+    !global$6.importScripts &&
+    $location && $location.protocol !== 'file:' &&
+    !fails$5(globalPostMessageDefer)
+  ) {
+    defer = globalPostMessageDefer;
+    global$6.addEventListener('message', eventListener, false);
+  // IE8-
+  } else if (ONREADYSTATECHANGE in createElement('script')) {
+    defer = function (id) {
+      html.appendChild(createElement('script'))[ONREADYSTATECHANGE] = function () {
+        html.removeChild(this);
+        run(id);
+      };
+    };
+  // Rest old browsers
+  } else {
+    defer = function (id) {
+      setTimeout(runner(id), 0);
+    };
+  }
+}
+
+var task$1 = {
+  set: set,
+  clear: clear
+};
+
+var Queue$2 = function () {
+  this.head = null;
+  this.tail = null;
+};
+
+Queue$2.prototype = {
+  add: function (item) {
+    var entry = { item: item, next: null };
+    var tail = this.tail;
+    if (tail) tail.next = entry;
+    else this.head = entry;
+    this.tail = entry;
+  },
+  get: function () {
+    var entry = this.head;
+    if (entry) {
+      var next = this.head = entry.next;
+      if (next === null) this.tail = null;
+      return entry.item;
+    }
+  }
+};
+
+var queue$1 = Queue$2;
+
+var userAgent$3 = engineUserAgent;
+
+var engineIsIosPebble = /ipad|iphone|ipod/i.test(userAgent$3) && typeof Pebble != 'undefined';
+
+var userAgent$2 = engineUserAgent;
+
+var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent$2);
+
+var global$5 = global$i;
+var bind$2 = functionBindContext;
+var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+var macrotask = task$1.set;
+var Queue$1 = queue$1;
+var IS_IOS = engineIsIos;
+var IS_IOS_PEBBLE = engineIsIosPebble;
+var IS_WEBOS_WEBKIT = engineIsWebosWebkit;
+var IS_NODE$2 = engineIsNode;
+
+var MutationObserver = global$5.MutationObserver || global$5.WebKitMutationObserver;
+var document$2 = global$5.document;
+var process$2 = global$5.process;
+var Promise$1 = global$5.Promise;
+// Node.js 11 shows ExperimentalWarning on getting `queueMicrotask`
+var queueMicrotaskDescriptor = getOwnPropertyDescriptor(global$5, 'queueMicrotask');
+var microtask$1 = queueMicrotaskDescriptor && queueMicrotaskDescriptor.value;
+var notify$1, toggle, node, promise, then;
+
+// modern engines have queueMicrotask method
+if (!microtask$1) {
+  var queue = new Queue$1();
+
+  var flush = function () {
+    var parent, fn;
+    if (IS_NODE$2 && (parent = process$2.domain)) parent.exit();
+    while (fn = queue.get()) try {
+      fn();
+    } catch (error) {
+      if (queue.head) notify$1();
+      throw error;
+    }
+    if (parent) parent.enter();
+  };
+
+  // browsers with MutationObserver, except iOS - https://github.com/zloirock/core-js/issues/339
+  // also except WebOS Webkit https://github.com/zloirock/core-js/issues/898
+  if (!IS_IOS && !IS_NODE$2 && !IS_WEBOS_WEBKIT && MutationObserver && document$2) {
+    toggle = true;
+    node = document$2.createTextNode('');
+    new MutationObserver(flush).observe(node, { characterData: true });
+    notify$1 = function () {
+      node.data = toggle = !toggle;
+    };
+  // environments with maybe non-completely correct, but existent Promise
+  } else if (!IS_IOS_PEBBLE && Promise$1 && Promise$1.resolve) {
+    // Promise.resolve without an argument throws an error in LG WebOS 2
+    promise = Promise$1.resolve(undefined);
+    // workaround of WebKit ~ iOS Safari 10.1 bug
+    promise.constructor = Promise$1;
+    then = bind$2(promise.then, promise);
+    notify$1 = function () {
+      then(flush);
+    };
+  // Node.js without promises
+  } else if (IS_NODE$2) {
+    notify$1 = function () {
+      process$2.nextTick(flush);
+    };
+  // for other environments - macrotask based on:
+  // - setImmediate
+  // - MessageChannel
+  // - window.postMessage
+  // - onreadystatechange
+  // - setTimeout
+  } else {
+    // `webpack` dev server bug on IE global methods - use bind(fn, global)
+    macrotask = bind$2(macrotask, global$5);
+    notify$1 = function () {
+      macrotask(flush);
+    };
+  }
+
+  microtask$1 = function (fn) {
+    if (!queue.head) notify$1();
+    queue.add(fn);
+  };
+}
+
+var microtask_1 = microtask$1;
+
+var hostReportErrors$1 = function (a, b) {
+  try {
+    // eslint-disable-next-line no-console -- safe
+    arguments.length == 1 ? console.error(a) : console.error(a, b);
+  } catch (error) { /* empty */ }
+};
+
+var perform$3 = function (exec) {
+  try {
+    return { error: false, value: exec() };
+  } catch (error) {
+    return { error: true, value: error };
+  }
+};
+
+var global$4 = global$i;
+
+var promiseNativeConstructor = global$4.Promise;
+
+/* global Deno -- Deno case */
+
+var engineIsDeno = typeof Deno == 'object' && Deno && typeof Deno.version == 'object';
+
+var IS_DENO$1 = engineIsDeno;
+var IS_NODE$1 = engineIsNode;
+
+var engineIsBrowser = !IS_DENO$1 && !IS_NODE$1
+  && typeof window == 'object'
+  && typeof document == 'object';
+
+var global$3 = global$i;
+var NativePromiseConstructor$3 = promiseNativeConstructor;
+var isCallable$2 = isCallable$k;
+var isForced = isForced_1;
+var inspectSource = inspectSource$3;
+var wellKnownSymbol$5 = wellKnownSymbol$g;
+var IS_BROWSER = engineIsBrowser;
+var IS_DENO = engineIsDeno;
+var V8_VERSION = engineV8Version;
+
+NativePromiseConstructor$3 && NativePromiseConstructor$3.prototype;
+var SPECIES = wellKnownSymbol$5('species');
+var SUBCLASSING = false;
+var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$2(global$3.PromiseRejectionEvent);
+
+var FORCED_PROMISE_CONSTRUCTOR$5 = isForced('Promise', function () {
+  var PROMISE_CONSTRUCTOR_SOURCE = inspectSource(NativePromiseConstructor$3);
+  var GLOBAL_CORE_JS_PROMISE = PROMISE_CONSTRUCTOR_SOURCE !== String(NativePromiseConstructor$3);
+  // V8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables
+  // https://bugs.chromium.org/p/chromium/issues/detail?id=830565
+  // We can't detect it synchronously, so just check versions
+  if (!GLOBAL_CORE_JS_PROMISE && V8_VERSION === 66) return true;
+  // We can't use @@species feature detection in V8 since it causes
+  // deoptimization and performance degradation
+  // https://github.com/zloirock/core-js/issues/679
+  if (!V8_VERSION || V8_VERSION < 51 || !/native code/.test(PROMISE_CONSTRUCTOR_SOURCE)) {
+    // Detect correctness of subclassing with @@species support
+    var promise = new NativePromiseConstructor$3(function (resolve) { resolve(1); });
+    var FakePromise = function (exec) {
+      exec(function () { /* empty */ }, function () { /* empty */ });
+    };
+    var constructor = promise.constructor = {};
+    constructor[SPECIES] = FakePromise;
+    SUBCLASSING = promise.then(function () { /* empty */ }) instanceof FakePromise;
+    if (!SUBCLASSING) return true;
+  // Unhandled rejections tracking support, NodeJS Promise without it fails @@species test
+  } return !GLOBAL_CORE_JS_PROMISE && (IS_BROWSER || IS_DENO) && !NATIVE_PROMISE_REJECTION_EVENT$1;
+});
+
+var promiseConstructorDetection = {
+  CONSTRUCTOR: FORCED_PROMISE_CONSTRUCTOR$5,
+  REJECTION_EVENT: NATIVE_PROMISE_REJECTION_EVENT$1,
+  SUBCLASSING: SUBCLASSING
+};
+
+var newPromiseCapability$2 = {};
+
+var aCallable$5 = aCallable$9;
+
+var $TypeError$4 = TypeError;
+
+var PromiseCapability = function (C) {
+  var resolve, reject;
+  this.promise = new C(function ($$resolve, $$reject) {
+    if (resolve !== undefined || reject !== undefined) throw $TypeError$4('Bad Promise constructor');
+    resolve = $$resolve;
+    reject = $$reject;
+  });
+  this.resolve = aCallable$5(resolve);
+  this.reject = aCallable$5(reject);
+};
+
+// `NewPromiseCapability` abstract operation
+// https://tc39.es/ecma262/#sec-newpromisecapability
+newPromiseCapability$2.f = function (C) {
+  return new PromiseCapability(C);
+};
+
+var $$9 = _export;
+var IS_NODE = engineIsNode;
+var global$2 = global$i;
+var call$7 = functionCall;
+var defineBuiltIn$2 = defineBuiltIn$6;
+var setPrototypeOf = objectSetPrototypeOf;
+var setToStringTag = setToStringTag$3;
+var setSpecies = setSpecies$1;
+var aCallable$4 = aCallable$9;
+var isCallable$1 = isCallable$k;
+var isObject$2 = isObject$9;
+var anInstance = anInstance$1;
+var speciesConstructor = speciesConstructor$1;
+var task = task$1.set;
+var microtask = microtask_1;
+var hostReportErrors = hostReportErrors$1;
+var perform$2 = perform$3;
+var Queue = queue$1;
+var InternalStateModule = internalState;
+var NativePromiseConstructor$2 = promiseNativeConstructor;
+var PromiseConstructorDetection = promiseConstructorDetection;
+var newPromiseCapabilityModule$3 = newPromiseCapability$2;
+
+var PROMISE = 'Promise';
+var FORCED_PROMISE_CONSTRUCTOR$4 = PromiseConstructorDetection.CONSTRUCTOR;
+var NATIVE_PROMISE_REJECTION_EVENT = PromiseConstructorDetection.REJECTION_EVENT;
+var NATIVE_PROMISE_SUBCLASSING = PromiseConstructorDetection.SUBCLASSING;
+var getInternalPromiseState = InternalStateModule.getterFor(PROMISE);
+var setInternalState = InternalStateModule.set;
+var NativePromisePrototype$1 = NativePromiseConstructor$2 && NativePromiseConstructor$2.prototype;
+var PromiseConstructor = NativePromiseConstructor$2;
+var PromisePrototype = NativePromisePrototype$1;
+var TypeError$1 = global$2.TypeError;
+var document$1 = global$2.document;
+var process$1 = global$2.process;
+var newPromiseCapability$1 = newPromiseCapabilityModule$3.f;
+var newGenericPromiseCapability = newPromiseCapability$1;
+
+var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$2.dispatchEvent);
+var UNHANDLED_REJECTION = 'unhandledrejection';
+var REJECTION_HANDLED = 'rejectionhandled';
+var PENDING = 0;
+var FULFILLED = 1;
+var REJECTED = 2;
+var HANDLED = 1;
+var UNHANDLED = 2;
+
+var Internal, OwnPromiseCapability, PromiseWrapper, nativeThen;
+
+// helpers
+var isThenable = function (it) {
+  var then;
+  return isObject$2(it) && isCallable$1(then = it.then) ? then : false;
+};
+
+var callReaction = function (reaction, state) {
+  var value = state.value;
+  var ok = state.state == FULFILLED;
+  var handler = ok ? reaction.ok : reaction.fail;
+  var resolve = reaction.resolve;
+  var reject = reaction.reject;
+  var domain = reaction.domain;
+  var result, then, exited;
+  try {
+    if (handler) {
+      if (!ok) {
+        if (state.rejection === UNHANDLED) onHandleUnhandled(state);
+        state.rejection = HANDLED;
+      }
+      if (handler === true) result = value;
+      else {
+        if (domain) domain.enter();
+        result = handler(value); // can throw
+        if (domain) {
+          domain.exit();
+          exited = true;
+        }
+      }
+      if (result === reaction.promise) {
+        reject(TypeError$1('Promise-chain cycle'));
+      } else if (then = isThenable(result)) {
+        call$7(then, result, resolve, reject);
+      } else resolve(result);
+    } else reject(value);
+  } catch (error) {
+    if (domain && !exited) domain.exit();
+    reject(error);
+  }
+};
+
+var notify = function (state, isReject) {
+  if (state.notified) return;
+  state.notified = true;
+  microtask(function () {
+    var reactions = state.reactions;
+    var reaction;
+    while (reaction = reactions.get()) {
+      callReaction(reaction, state);
+    }
+    state.notified = false;
+    if (isReject && !state.rejection) onUnhandled(state);
+  });
+};
+
+var dispatchEvent = function (name, promise, reason) {
+  var event, handler;
+  if (DISPATCH_EVENT) {
+    event = document$1.createEvent('Event');
+    event.promise = promise;
+    event.reason = reason;
+    event.initEvent(name, false, true);
+    global$2.dispatchEvent(event);
+  } else event = { promise: promise, reason: reason };
+  if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$2['on' + name])) handler(event);
+  else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);
+};
+
+var onUnhandled = function (state) {
+  call$7(task, global$2, function () {
+    var promise = state.facade;
+    var value = state.value;
+    var IS_UNHANDLED = isUnhandled(state);
+    var result;
+    if (IS_UNHANDLED) {
+      result = perform$2(function () {
+        if (IS_NODE) {
+          process$1.emit('unhandledRejection', value, promise);
+        } else dispatchEvent(UNHANDLED_REJECTION, promise, value);
+      });
+      // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should
+      state.rejection = IS_NODE || isUnhandled(state) ? UNHANDLED : HANDLED;
+      if (result.error) throw result.value;
+    }
+  });
+};
+
+var isUnhandled = function (state) {
+  return state.rejection !== HANDLED && !state.parent;
+};
+
+var onHandleUnhandled = function (state) {
+  call$7(task, global$2, function () {
+    var promise = state.facade;
+    if (IS_NODE) {
+      process$1.emit('rejectionHandled', promise);
+    } else dispatchEvent(REJECTION_HANDLED, promise, state.value);
+  });
+};
+
+var bind$1 = function (fn, state, unwrap) {
+  return function (value) {
+    fn(state, value, unwrap);
+  };
+};
+
+var internalReject = function (state, value, unwrap) {
+  if (state.done) return;
+  state.done = true;
+  if (unwrap) state = unwrap;
+  state.value = value;
+  state.state = REJECTED;
+  notify(state, true);
+};
+
+var internalResolve = function (state, value, unwrap) {
+  if (state.done) return;
+  state.done = true;
+  if (unwrap) state = unwrap;
+  try {
+    if (state.facade === value) throw TypeError$1("Promise can't be resolved itself");
+    var then = isThenable(value);
+    if (then) {
+      microtask(function () {
+        var wrapper = { done: false };
+        try {
+          call$7(then, value,
+            bind$1(internalResolve, wrapper, state),
+            bind$1(internalReject, wrapper, state)
+          );
+        } catch (error) {
+          internalReject(wrapper, error, state);
+        }
+      });
+    } else {
+      state.value = value;
+      state.state = FULFILLED;
+      notify(state, false);
+    }
+  } catch (error) {
+    internalReject({ done: false }, error, state);
+  }
+};
+
+// constructor polyfill
+if (FORCED_PROMISE_CONSTRUCTOR$4) {
+  // 25.4.3.1 Promise(executor)
+  PromiseConstructor = function Promise(executor) {
+    anInstance(this, PromisePrototype);
+    aCallable$4(executor);
+    call$7(Internal, this);
+    var state = getInternalPromiseState(this);
+    try {
+      executor(bind$1(internalResolve, state), bind$1(internalReject, state));
+    } catch (error) {
+      internalReject(state, error);
+    }
+  };
+
+  PromisePrototype = PromiseConstructor.prototype;
+
+  // eslint-disable-next-line no-unused-vars -- required for `.length`
+  Internal = function Promise(executor) {
+    setInternalState(this, {
+      type: PROMISE,
+      done: false,
+      notified: false,
+      parent: false,
+      reactions: new Queue(),
+      rejection: false,
+      state: PENDING,
+      value: undefined
+    });
+  };
+
+  // `Promise.prototype.then` method
+  // https://tc39.es/ecma262/#sec-promise.prototype.then
+  Internal.prototype = defineBuiltIn$2(PromisePrototype, 'then', function then(onFulfilled, onRejected) {
+    var state = getInternalPromiseState(this);
+    var reaction = newPromiseCapability$1(speciesConstructor(this, PromiseConstructor));
+    state.parent = true;
+    reaction.ok = isCallable$1(onFulfilled) ? onFulfilled : true;
+    reaction.fail = isCallable$1(onRejected) && onRejected;
+    reaction.domain = IS_NODE ? process$1.domain : undefined;
+    if (state.state == PENDING) state.reactions.add(reaction);
+    else microtask(function () {
+      callReaction(reaction, state);
+    });
+    return reaction.promise;
+  });
+
+  OwnPromiseCapability = function () {
+    var promise = new Internal();
+    var state = getInternalPromiseState(promise);
+    this.promise = promise;
+    this.resolve = bind$1(internalResolve, state);
+    this.reject = bind$1(internalReject, state);
+  };
+
+  newPromiseCapabilityModule$3.f = newPromiseCapability$1 = function (C) {
+    return C === PromiseConstructor || C === PromiseWrapper
+      ? new OwnPromiseCapability(C)
+      : newGenericPromiseCapability(C);
+  };
+
+  if (isCallable$1(NativePromiseConstructor$2) && NativePromisePrototype$1 !== Object.prototype) {
+    nativeThen = NativePromisePrototype$1.then;
+
+    if (!NATIVE_PROMISE_SUBCLASSING) {
+      // make `Promise#then` return a polyfilled `Promise` for native promise-based APIs
+      defineBuiltIn$2(NativePromisePrototype$1, 'then', function then(onFulfilled, onRejected) {
+        var that = this;
+        return new PromiseConstructor(function (resolve, reject) {
+          call$7(nativeThen, that, resolve, reject);
+        }).then(onFulfilled, onRejected);
+      // https://github.com/zloirock/core-js/issues/640
+      }, { unsafe: true });
+    }
+
+    // make `.constructor === Promise` work for native promise-based APIs
+    try {
+      delete NativePromisePrototype$1.constructor;
+    } catch (error) { /* empty */ }
+
+    // make `instanceof Promise` work for native promise-based APIs
+    if (setPrototypeOf) {
+      setPrototypeOf(NativePromisePrototype$1, PromisePrototype);
+    }
+  }
+}
+
+$$9({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
+  Promise: PromiseConstructor
+});
+
+setToStringTag(PromiseConstructor, PROMISE, false);
+setSpecies(PROMISE);
+
+var wellKnownSymbol$4 = wellKnownSymbol$g;
+var Iterators$1 = iterators;
+
+var ITERATOR$3 = wellKnownSymbol$4('iterator');
+var ArrayPrototype = Array.prototype;
+
+// check on default Array iterator
+var isArrayIteratorMethod$1 = function (it) {
+  return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$3] === it);
+};
+
+var classof$2 = classof$4;
+var getMethod$1 = getMethod$3;
+var isNullOrUndefined = isNullOrUndefined$4;
+var Iterators = iterators;
+var wellKnownSymbol$3 = wellKnownSymbol$g;
+
+var ITERATOR$2 = wellKnownSymbol$3('iterator');
+
+var getIteratorMethod$2 = function (it) {
+  if (!isNullOrUndefined(it)) return getMethod$1(it, ITERATOR$2)
+    || getMethod$1(it, '@@iterator')
+    || Iterators[classof$2(it)];
+};
+
+var call$6 = functionCall;
+var aCallable$3 = aCallable$9;
+var anObject$5 = anObject$c;
+var tryToString$2 = tryToString$5;
+var getIteratorMethod$1 = getIteratorMethod$2;
+
+var $TypeError$3 = TypeError;
+
+var getIterator$1 = function (argument, usingIterator) {
+  var iteratorMethod = arguments.length < 2 ? getIteratorMethod$1(argument) : usingIterator;
+  if (aCallable$3(iteratorMethod)) return anObject$5(call$6(iteratorMethod, argument));
+  throw $TypeError$3(tryToString$2(argument) + ' is not iterable');
+};
+
+var call$5 = functionCall;
+var anObject$4 = anObject$c;
+var getMethod = getMethod$3;
+
+var iteratorClose$1 = function (iterator, kind, value) {
+  var innerResult, innerError;
+  anObject$4(iterator);
+  try {
+    innerResult = getMethod(iterator, 'return');
+    if (!innerResult) {
+      if (kind === 'throw') throw value;
+      return value;
+    }
+    innerResult = call$5(innerResult, iterator);
+  } catch (error) {
+    innerError = true;
+    innerResult = error;
+  }
+  if (kind === 'throw') throw value;
+  if (innerError) throw innerResult;
+  anObject$4(innerResult);
+  return value;
+};
+
+var bind = functionBindContext;
+var call$4 = functionCall;
+var anObject$3 = anObject$c;
+var tryToString$1 = tryToString$5;
+var isArrayIteratorMethod = isArrayIteratorMethod$1;
+var lengthOfArrayLike$2 = lengthOfArrayLike$4;
+var isPrototypeOf$1 = objectIsPrototypeOf;
+var getIterator = getIterator$1;
+var getIteratorMethod = getIteratorMethod$2;
+var iteratorClose = iteratorClose$1;
+
+var $TypeError$2 = TypeError;
+
+var Result = function (stopped, result) {
+  this.stopped = stopped;
+  this.result = result;
+};
+
+var ResultPrototype = Result.prototype;
+
+var iterate$2 = function (iterable, unboundFunction, options) {
+  var that = options && options.that;
+  var AS_ENTRIES = !!(options && options.AS_ENTRIES);
+  var IS_RECORD = !!(options && options.IS_RECORD);
+  var IS_ITERATOR = !!(options && options.IS_ITERATOR);
+  var INTERRUPTED = !!(options && options.INTERRUPTED);
+  var fn = bind(unboundFunction, that);
+  var iterator, iterFn, index, length, result, next, step;
+
+  var stop = function (condition) {
+    if (iterator) iteratorClose(iterator, 'normal', condition);
+    return new Result(true, condition);
+  };
+
+  var callFn = function (value) {
+    if (AS_ENTRIES) {
+      anObject$3(value);
+      return INTERRUPTED ? fn(value[0], value[1], stop) : fn(value[0], value[1]);
+    } return INTERRUPTED ? fn(value, stop) : fn(value);
+  };
+
+  if (IS_RECORD) {
+    iterator = iterable.iterator;
+  } else if (IS_ITERATOR) {
+    iterator = iterable;
+  } else {
+    iterFn = getIteratorMethod(iterable);
+    if (!iterFn) throw $TypeError$2(tryToString$1(iterable) + ' is not iterable');
+    // optimisation for array iterators
+    if (isArrayIteratorMethod(iterFn)) {
+      for (index = 0, length = lengthOfArrayLike$2(iterable); length > index; index++) {
+        result = callFn(iterable[index]);
+        if (result && isPrototypeOf$1(ResultPrototype, result)) return result;
+      } return new Result(false);
+    }
+    iterator = getIterator(iterable, iterFn);
+  }
+
+  next = IS_RECORD ? iterable.next : iterator.next;
+  while (!(step = call$4(next, iterator)).done) {
+    try {
+      result = callFn(step.value);
+    } catch (error) {
+      iteratorClose(iterator, 'throw', error);
+    }
+    if (typeof result == 'object' && result && isPrototypeOf$1(ResultPrototype, result)) return result;
+  } return new Result(false);
+};
+
+var wellKnownSymbol$2 = wellKnownSymbol$g;
+
+var ITERATOR$1 = wellKnownSymbol$2('iterator');
+var SAFE_CLOSING = false;
+
+try {
+  var called = 0;
+  var iteratorWithReturn = {
+    next: function () {
+      return { done: !!called++ };
+    },
+    'return': function () {
+      SAFE_CLOSING = true;
+    }
+  };
+  iteratorWithReturn[ITERATOR$1] = function () {
+    return this;
+  };
+  // eslint-disable-next-line es/no-array-from, no-throw-literal -- required for testing
+  Array.from(iteratorWithReturn, function () { throw 2; });
+} catch (error) { /* empty */ }
+
+var checkCorrectnessOfIteration$1 = function (exec, SKIP_CLOSING) {
+  if (!SKIP_CLOSING && !SAFE_CLOSING) return false;
+  var ITERATION_SUPPORT = false;
+  try {
+    var object = {};
+    object[ITERATOR$1] = function () {
+      return {
+        next: function () {
+          return { done: ITERATION_SUPPORT = true };
+        }
+      };
+    };
+    exec(object);
+  } catch (error) { /* empty */ }
+  return ITERATION_SUPPORT;
+};
+
+var NativePromiseConstructor$1 = promiseNativeConstructor;
+var checkCorrectnessOfIteration = checkCorrectnessOfIteration$1;
+var FORCED_PROMISE_CONSTRUCTOR$3 = promiseConstructorDetection.CONSTRUCTOR;
+
+var promiseStaticsIncorrectIteration = FORCED_PROMISE_CONSTRUCTOR$3 || !checkCorrectnessOfIteration(function (iterable) {
+  NativePromiseConstructor$1.all(iterable).then(undefined, function () { /* empty */ });
+});
+
+var $$8 = _export;
+var call$3 = functionCall;
+var aCallable$2 = aCallable$9;
+var newPromiseCapabilityModule$2 = newPromiseCapability$2;
+var perform$1 = perform$3;
+var iterate$1 = iterate$2;
+var PROMISE_STATICS_INCORRECT_ITERATION$1 = promiseStaticsIncorrectIteration;
+
+// `Promise.all` method
+// https://tc39.es/ecma262/#sec-promise.all
+$$8({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
+  all: function all(iterable) {
+    var C = this;
+    var capability = newPromiseCapabilityModule$2.f(C);
+    var resolve = capability.resolve;
+    var reject = capability.reject;
+    var result = perform$1(function () {
+      var $promiseResolve = aCallable$2(C.resolve);
+      var values = [];
+      var counter = 0;
+      var remaining = 1;
+      iterate$1(iterable, function (promise) {
+        var index = counter++;
+        var alreadyCalled = false;
+        remaining++;
+        call$3($promiseResolve, C, promise).then(function (value) {
+          if (alreadyCalled) return;
+          alreadyCalled = true;
+          values[index] = value;
+          --remaining || resolve(values);
+        }, reject);
+      });
+      --remaining || resolve(values);
+    });
+    if (result.error) reject(result.value);
+    return capability.promise;
+  }
+});
+
+var $$7 = _export;
+var FORCED_PROMISE_CONSTRUCTOR$2 = promiseConstructorDetection.CONSTRUCTOR;
+var NativePromiseConstructor = promiseNativeConstructor;
+var getBuiltIn$1 = getBuiltIn$7;
+var isCallable = isCallable$k;
+var defineBuiltIn$1 = defineBuiltIn$6;
+
+var NativePromisePrototype = NativePromiseConstructor && NativePromiseConstructor.prototype;
+
+// `Promise.prototype.catch` method
+// https://tc39.es/ecma262/#sec-promise.prototype.catch
+$$7({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
+  'catch': function (onRejected) {
+    return this.then(undefined, onRejected);
+  }
+});
+
+// makes sure that native promise-based APIs `Promise#catch` properly works with patched `Promise#then`
+if (isCallable(NativePromiseConstructor)) {
+  var method = getBuiltIn$1('Promise').prototype['catch'];
+  if (NativePromisePrototype['catch'] !== method) {
+    defineBuiltIn$1(NativePromisePrototype, 'catch', method, { unsafe: true });
+  }
+}
+
+var $$6 = _export;
+var call$2 = functionCall;
+var aCallable$1 = aCallable$9;
+var newPromiseCapabilityModule$1 = newPromiseCapability$2;
+var perform = perform$3;
+var iterate = iterate$2;
+var PROMISE_STATICS_INCORRECT_ITERATION = promiseStaticsIncorrectIteration;
+
+// `Promise.race` method
+// https://tc39.es/ecma262/#sec-promise.race
+$$6({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
+  race: function race(iterable) {
+    var C = this;
+    var capability = newPromiseCapabilityModule$1.f(C);
+    var reject = capability.reject;
+    var result = perform(function () {
+      var $promiseResolve = aCallable$1(C.resolve);
+      iterate(iterable, function (promise) {
+        call$2($promiseResolve, C, promise).then(capability.resolve, reject);
+      });
+    });
+    if (result.error) reject(result.value);
+    return capability.promise;
+  }
+});
+
+var $$5 = _export;
+var call$1 = functionCall;
+var newPromiseCapabilityModule = newPromiseCapability$2;
+var FORCED_PROMISE_CONSTRUCTOR$1 = promiseConstructorDetection.CONSTRUCTOR;
+
+// `Promise.reject` method
+// https://tc39.es/ecma262/#sec-promise.reject
+$$5({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
+  reject: function reject(r) {
+    var capability = newPromiseCapabilityModule.f(this);
+    call$1(capability.reject, undefined, r);
+    return capability.promise;
+  }
+});
+
+var anObject$2 = anObject$c;
+var isObject$1 = isObject$9;
+var newPromiseCapability = newPromiseCapability$2;
+
+var promiseResolve$1 = function (C, x) {
+  anObject$2(C);
+  if (isObject$1(x) && x.constructor === C) return x;
+  var promiseCapability = newPromiseCapability.f(C);
+  var resolve = promiseCapability.resolve;
+  resolve(x);
+  return promiseCapability.promise;
+};
+
+var $$4 = _export;
+var getBuiltIn = getBuiltIn$7;
+var FORCED_PROMISE_CONSTRUCTOR = promiseConstructorDetection.CONSTRUCTOR;
+var promiseResolve = promiseResolve$1;
+
+getBuiltIn('Promise');
+
+// `Promise.resolve` method
+// https://tc39.es/ecma262/#sec-promise.resolve
+$$4({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
+  resolve: function resolve(x) {
+    return promiseResolve(this, x);
+  }
+});
+
+const useEngineStatusQuery = () => {
+  const {
+    engineStatusEndpoint
+  } = useContext(OrchestratorConfigContext);
+  const fetchEngineStatus = () => __awaiter(void 0, void 0, void 0, function* () {
+    const response = yield fetch(engineStatusEndpoint, {
+      method: 'GET'
+    });
+    return yield response.json();
+  });
+  return useQuery('engineStatus', fetchEngineStatus);
+};
+
+const useOrchestratorTheme = () => {
+  const {
+    euiTheme
+  } = useEuiTheme();
+  const baseUnit = euiTheme.base;
+  const multiplyByBaseUnit = multiplier => baseUnit * multiplier;
+  const toSecondaryColor = color => tint(color, 0.8);
+  return {
+    theme: euiTheme,
+    multiplyByBaseUnit,
+    toSecondaryColor
+  };
+};
+
+var ProcessStatus;
+(function (ProcessStatus) {
+  ProcessStatus["CREATED"] = "created";
+  ProcessStatus["RUNNING"] = "running";
+  ProcessStatus["SUSPENDED"] = "suspended";
+  ProcessStatus["WAITING"] = "waiting";
+  ProcessStatus["ABORTED"] = "aborted";
+  ProcessStatus["FAILED"] = "failed";
+  ProcessStatus["API_UNAVAILABLE"] = "api_unavailable";
+  ProcessStatus["INCONSISTENT_DATA"] = "inconsistent_data";
+  ProcessStatus["COMPLETED"] = "completed";
+})(ProcessStatus || (ProcessStatus = {}));
+const useProcessStatusCountsQuery = () => {
+  const {
+    processStatusCountsEndpoint
+  } = useContext(OrchestratorConfigContext);
+  const fetchProcessStatusCounts = () => __awaiter(void 0, void 0, void 0, function* () {
+    const response = yield fetch(processStatusCountsEndpoint, {
+      method: 'GET'
+    });
+    return yield response.json();
+  });
+  return useQuery('processStatusCounts', fetchProcessStatusCounts);
+};
+
+function getFavouriteSubscriptions(apiUrl) {
+  return __awaiter(this, void 0, void 0, function* () {
+    console.log('api url', apiUrl);
+    const response = yield fetch(apiUrl + '/subscriptions/?range=10%2C15');
+    return yield response.json();
+  });
+}
+function getProcessesNeedingAttention(apiUrl) {
+  return __awaiter(this, void 0, void 0, function* () {
+    const response = yield fetch(apiUrl + '/processes/?range=100%2C105');
+    return yield response.json();
+  });
+}
+function getRecentProcesses(apiUrl) {
+  return __awaiter(this, void 0, void 0, function* () {
+    const response = yield fetch(apiUrl + '/processes/?range=106%2C111');
+    return yield response.json();
+  });
+}
+const useFavouriteSubscriptions = () => {
+  const {
+    orchestratorApiBaseUrl
+  } = useContext(OrchestratorConfigContext);
+  const {
+    data,
+    isLoading
+  } = useQuery(['favouriteSubscriptions'], () => getFavouriteSubscriptions(orchestratorApiBaseUrl));
+  const initialData = {
+    buttonName: 'Show all favourites',
+    items: [],
+    title: 'Favourite Subscriptions',
+    type: 'subscription'
+  };
+  return isLoading ? initialData : Object.assign(Object.assign({}, initialData), {
+    items: data
+  });
+};
+const useProcessesAttention = () => {
+  const {
+    orchestratorApiBaseUrl
+  } = useContext(OrchestratorConfigContext);
+  const {
+    data,
+    isLoading
+  } = useQuery(['processesAttention'], () => getProcessesNeedingAttention(orchestratorApiBaseUrl));
+  const initialData = {
+    type: 'process',
+    title: 'Processes that need attention',
+    items: [],
+    buttonName: 'Show all active processes'
+  };
+  return isLoading ? initialData : Object.assign(Object.assign({}, initialData), {
+    items: data
+  });
+};
+const useRecentProcesses = () => {
+  const {
+    orchestratorApiBaseUrl
+  } = useContext(OrchestratorConfigContext);
+  const {
+    data,
+    isLoading
+  } = useQuery(['recentProcesses'], () => getRecentProcesses(orchestratorApiBaseUrl));
+  const initialData = {
+    type: 'process',
+    title: 'Recently completed processes',
+    items: [],
+    buttonName: 'Show all completed processes'
+  };
+  return isLoading ? initialData : Object.assign(Object.assign({}, initialData), {
+    items: data
+  });
+};
+
+const SubscriptionStatusBadge = ({
+  subscriptionStatus
+}) => {
+  const {
+    theme,
+    toSecondaryColor
+  } = useOrchestratorTheme();
+  const getBadgeColorFromSubscriptionStatus = status => {
+    const {
+      primary,
+      darkestShade,
+      lightShade,
+      primaryText,
+      success,
+      successText
+    } = theme.colors;
+    switch (status) {
+      case 'active':
+        return {
+          badgeColor: toSecondaryColor(success),
+          textColor: successText
+        };
+      case 'terminated':
+        return {
+          badgeColor: lightShade,
+          textColor: darkestShade
+        };
+      default:
+        return {
+          badgeColor: toSecondaryColor(primary),
+          textColor: primaryText
+        };
+    }
+  };
+  const {
+    badgeColor,
+    textColor
+  } = getBadgeColorFromSubscriptionStatus(subscriptionStatus);
+  return jsx(Badge, Object.assign({
+    textColor: textColor,
+    color: badgeColor
+  }, {
+    children: subscriptionStatus
+  }));
+};
+
+const HeaderBadge = _a => {
+  var {
+      children
+    } = _a,
+    restProps = __rest(_a, ["children"]);
+  const css = restProps.iconType ? {
+    height: 24,
+    display: 'flex',
+    paddingLeft: 0
+  } : {
+    height: 24,
+    display: 'flex'
+  };
+  return jsx(Badge, Object.assign({}, restProps, {
+    css: css
+  }, {
+    children: children
+  }));
+};
+
+const XCircleFill = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/x-circle-fill"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/x-circle-fill",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M10.70711,9.29289 C10.31658,8.90237 9.68342,8.90237 9.29289,9.29289 C8.90237,9.68342 8.90237,10.31658 9.29289,10.70711 L10.58579,12 L9.29289,13.2929 C8.90237,13.6834 8.90237,14.3166 9.29289,14.7071 C9.68342,15.0976 10.31658,15.0976 10.70711,14.7071 L12,13.4142 L13.2929,14.7071 C13.6834,15.0976 14.3166,15.0976 14.7071,14.7071 C15.0976,14.3166 15.0976,13.6834 14.7071,13.2929 L13.4142,12 L14.7071,10.70711 C15.0976,10.31658 15.0976,9.68342 14.7071,9.29289 C14.3166,8.90237 13.6834,8.90237 13.2929,9.29289 L12,10.58579 L10.70711,9.29289 Z",
+        id: "Shape"
+      })
+    }))
+  }))]
+}));
+
+const getTaskCountsSummary = processStatusCounts => {
+  const failed = (processStatusCounts === null || processStatusCounts === void 0 ? void 0 : processStatusCounts.task_counts.failed) || 0;
+  const inconsistentData = (processStatusCounts === null || processStatusCounts === void 0 ? void 0 : processStatusCounts.task_counts.inconsistent_data) || 0;
+  const apiUnavailable = (processStatusCounts === null || processStatusCounts === void 0 ? void 0 : processStatusCounts.task_counts.api_unavailable) || 0;
+  return {
+    failed,
+    inconsistentData,
+    apiUnavailable,
+    total: failed + inconsistentData + apiUnavailable
+  };
+};
+const FailedTasksBadge = () => {
+  const {
+    theme
+  } = useOrchestratorTheme();
+  const {
+    data: processStatusCounts
+  } = useProcessStatusCountsQuery();
+  const taskCountsSummary = getTaskCountsSummary(processStatusCounts);
+  return jsx(EuiToolTip, Object.assign({
+    position: "bottom",
+    content: jsxs(Fragment, {
+      children: [jsxs("div", {
+        children: ["Failed: ", taskCountsSummary.failed]
+      }), jsxs("div", {
+        children: ["Inconsistent data: ", taskCountsSummary.inconsistentData]
+      }), jsxs("div", {
+        children: ["API unavailable: ", taskCountsSummary.apiUnavailable]
+      })]
+    })
+  }, {
+    children: jsx(HeaderBadge, Object.assign({
+      color: theme.colors.emptyShade,
+      textColor: theme.colors.shadow,
+      iconType: () => jsx(XCircleFill, {
+        color: theme.colors.danger
+      })
+    }, {
+      children: taskCountsSummary.total
+    }))
+  }));
+};
+
+const EnvironmentBadge = () => {
+  const {
+    environmentName
+  } = useContext(OrchestratorConfigContext);
+  const {
+    theme,
+    toSecondaryColor
+  } = useOrchestratorTheme();
+  if (environmentName !== Environment.PRODUCTION) {
+    return jsx(HeaderBadge, Object.assign({
+      color: "warning",
+      textColor: theme.colors.shadow
+    }, {
+      children: environmentName
+    }));
+  }
+  return jsx(HeaderBadge, Object.assign({
+    color: toSecondaryColor(theme.colors.primary),
+    textColor: theme.colors.primary
+  }, {
+    children: environmentName
+  }));
+};
+
+const StatusDotIcon = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/statusdot"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsxs("g", Object.assign({
+      id: "icon/statusdot",
+      fill: _color,
+      fillRule: "nonzero"
+    }, {
+      children: [jsx("circle", {
+        id: "Oval",
+        opacity: "0.25",
+        cx: "12",
+        cy: "12",
+        r: "8"
+      }), jsx("circle", {
+        id: "Oval",
+        cx: "12",
+        cy: "12",
+        r: "4"
+      })]
+    }))
+  }))]
+}));
+
+const EngineStatusBadge = () => {
+  const {
+    theme
+  } = useOrchestratorTheme();
+  const {
+    data: engineStatus
+  } = useEngineStatusQuery();
+  const engineStatusText = (engineStatus === null || engineStatus === void 0 ? void 0 : engineStatus.global_status) ? `Engine is ${engineStatus.global_status}` : 'Engine status is unavailable';
+  return jsx(HeaderBadge, Object.assign({
+    color: theme.colors.emptyShade,
+    textColor: theme.colors.shadow,
+    iconType: () => jsx(StatusDotIcon, {
+      color: theme.colors.success
+    })
+  }, {
+    children: engineStatusText
+  }));
+};
+
+const LogoutIcon = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/logout"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/logout",
+      fill: _color,
+      fillRule: "nonzero"
+    }, {
+      children: jsx("path", {
+        d: "M10,3 C12.2091701,3 14,4.79085056 14,7 L14,8 C14,8.55228475 13.5522847,9 13,9 C12.4477153,9 12,8.55228475 12,8 L12,7 C12,5.8954149 11.1045954,5 10,5 L6,5 C4.89543475,5 4,5.89543475 4,7 L4,17 C4,18.1045954 4.8954149,19 6,19 L10,19 C11.1046153,19 12,18.1046153 12,17 L12,16 C12,15.4477153 12.4477153,15 13,15 C13.5522847,15 14,15.4477153 14,16 L14,17 C14,19.2091847 12.2091847,21 10,21 L6,21 C3.79085056,21 2,19.2091701 2,17 L2,7 C2,4.79086525 3.79086525,3 6,3 L10,3 Z M17.7071068,7.29289322 L21.7071068,11.2928932 L21.7485042,11.336853 L21.757,11.347 L21.787214,11.3832499 L21.779,11.374 L21.8036654,11.4046934 C21.8215099,11.4288693 21.8382813,11.453725 21.8539326,11.4793398 L21.8753288,11.5159379 C21.8862061,11.5357061 21.8966234,11.5561086 21.9063462,11.5769009 L21.9287745,11.628664 C21.9366843,11.6484208 21.9438775,11.6682023 21.9504533,11.6882636 C21.9552713,11.7031487 21.9599023,11.7185367 21.9641549,11.734007 C21.9701664,11.7555635 21.9753602,11.7772539 21.9798348,11.7992059 C21.9832978,11.8166247 21.9863719,11.834051 21.9889822,11.8515331 C21.9920328,11.8714753 21.9944666,11.892114 21.9962623,11.912935 C21.9978436,11.9317345 21.9989053,11.9497336 21.9994829,11.9677454 C21.9998183,11.9777892 22,11.9888734 22,12 L21.996384,12.0852242 L21.9889807,12.1489612 C21.9863719,12.165949 21.9832978,12.1833753 21.9797599,12.2007258 C21.9753602,12.2227461 21.9701664,12.2444365 21.964279,12.2658396 C21.9599023,12.2814633 21.9552713,12.2968513 21.9502619,12.3121425 C21.9438775,12.3317977 21.9366843,12.3515792 21.928896,12.3710585 L21.9063266,12.4232215 C21.8966234,12.4438914 21.8862061,12.4642939 21.8751242,12.484277 C21.8685012,12.4963944 21.8613931,12.5086131 21.8540045,12.5207088 C21.8382813,12.546275 21.8215099,12.5711307 21.8036865,12.5951593 L21.7870723,12.6170223 C21.7849289,12.6196628 21.7826279,12.6225624 21.7803112,12.625449 L21.7071068,12.7071068 L17.7071068,16.7071068 C17.3165825,17.0976311 16.6834175,17.0976311 16.2928932,16.7071068 C15.9023689,16.3165825 15.9023689,15.6834175 16.2928932,15.2928932 L18.585,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L18.585,11 L16.2928932,8.70710678 C15.9023689,8.31658249 15.9023689,7.68341751 16.2928932,7.29289322 C16.6834175,6.90236893 17.3165825,6.90236893 17.7071068,7.29289322 Z",
+        id: "Combined-Shape"
+      })
+    }))
+  }))]
+}));
+
+const OrchestratorPageHeader = ({
+  navigationHeight,
+  getAppLogo,
+  handleLogoutClick
+}) => {
+  const {
+    theme,
+    multiplyByBaseUnit
+  } = useOrchestratorTheme();
+  return jsxs(EuiHeader, Object.assign({
+    css: {
+      backgroundColor: theme.colors.primary,
+      height: navigationHeight
+    }
+  }, {
+    children: [jsxs(EuiHeaderSection, {
+      children: [jsx(EuiHeaderSectionItem, {
+        children: jsx(EuiHeaderLogo, {
+          iconType: () => getAppLogo(navigationHeight)
+        })
+      }), jsx(EuiHeaderSectionItem, {
+        children: jsx(EnvironmentBadge, {})
+      })]
+    }), jsx(EuiHeaderSection, {
+      children: jsxs(EuiHeaderSectionItem, {
+        children: [jsxs(EuiBadgeGroup, Object.assign({
+          css: {
+            marginRight: multiplyByBaseUnit(2)
+          }
+        }, {
+          children: [jsx(EngineStatusBadge, {}), jsx(FailedTasksBadge, {})]
+        })), jsx(EuiButtonIcon, {
+          "aria-label": "Logout",
+          display: "empty",
+          iconType: () => jsx(LogoutIcon, {
+            color: theme.colors.emptyShade
+          }),
+          css: {
+            width: 48,
+            height: 48
+          },
+          color: "ghost",
+          onClick: () => handleLogoutClick()
+        })]
+      })
+    })]
+  }));
+};
+
+const OrchestratorSidebar = ({
+  routeTo
+}) => jsx(EuiSideNav, {
+  mobileTitle: "Nav Items",
+  isOpenOnMobile: false,
+  items: [{
+    renderItem: () => jsxs(Fragment, {
+      children: [jsx(EuiButton, Object.assign({
+        onClick: e => {
+          e.preventDefault();
+          routeTo('/new-process');
+        },
+        iconType: "plus",
+        fullWidth: true
+      }, {
+        children: "New Process"
+      })), jsx(EuiSpacer, {
+        size: "m"
+      })]
+    }),
+    name: 'Menu',
+    id: 1,
+    items: [{
+      name: 'Start',
+      id: 2,
+      onClick: e => {
+        e.preventDefault();
+        routeTo('/');
+      },
+      href: '/'
+    }, {
+      name: 'Subscriptions',
+      id: 3,
+      // TODO: NEXT router / EUI seem to cause unneeded re-renders. At least in dev mode,
+      onClick: e => {
+        e.preventDefault();
+        routeTo('/subscriptions');
+      },
+      href: '/subscriptions'
+    }]
+  }]
+});
+
+const OrchestratorPageTemplate = ({
+  children,
+  routeTo,
+  getAppLogo
+}) => {
+  const {
+    theme,
+    multiplyByBaseUnit
+  } = useOrchestratorTheme();
+  const [isSideMenuVisible, setIsSideMenuVisible] = useState(true);
+  const navigationHeight = multiplyByBaseUnit(3);
+  return jsxs(Fragment, {
+    children: [jsx(OrchestratorPageHeader, {
+      getAppLogo: getAppLogo,
+      navigationHeight: navigationHeight,
+      handleLogoutClick: () => setIsSideMenuVisible(!isSideMenuVisible)
+    }), jsxs(EuiPageTemplate, Object.assign({
+      panelled: false,
+      grow: false,
+      contentBorder: false,
+      minHeight: `calc(100vh - ${navigationHeight}px)`,
+      restrictWidth: false
+    }, {
+      children: [isSideMenuVisible && jsx(EuiPageTemplate.Sidebar, Object.assign({
+        css: {
+          backgroundColor: theme.colors.body
+        }
+      }, {
+        children: jsx(OrchestratorSidebar, {
+          routeTo: routeTo
+        })
+      })), jsx(EuiPageTemplate.Section, Object.assign({
+        css: {
+          backgroundColor: theme.colors.emptyShade
+        }
+      }, {
+        children: children
+      }))]
+    }))]
+  });
+};
+
+const FrequentlyUsed = ({
+  values
+}) => {
+  return jsx(EuiFlexGroup, Object.assign({
+    wrap: true,
+    gutterSize: "m"
+  }, {
+    children: values.map((value, index) => jsx(EuiFlexItem, Object.assign({
+      grow: false
+    }, {
+      children: jsx(EuiButton, Object.assign({
+        size: "xs",
+        style: {
+          minWidth: 0
+        }
+      }, {
+        children: value
+      }))
+    }), index))
+  }));
+};
+
+const ListItemStartPage = ({
+  item,
+  type
+}) => {
+  const [hoverState, setHoverState] = useState(false);
+  const renderItem = (item, type) => {
+    if (type === 'subscription') {
+      item = item;
+      return jsxs(EuiFlexItem, {
+        children: [jsx(EuiTextColor, Object.assign({
+          color: hoverState ? '#397dc2' : 'black',
+          style: {
+            fontWeight: 500,
+            transition: '0.2s'
+          }
+        }, {
+          children: item.product.name
+        })), jsx(EuiTextColor, Object.assign({
+          style: {
+            fontWeight: 400
+          }
+        }, {
+          children: item.subscription_id.slice(0, 8)
+        }))]
+      });
+    } else if (type === 'process') {
+      item = item;
+      const date = new Date(item.last_modified_at * 1000);
+      const formattedDate = moment(date).format('DD-MM-YYYY, HH:mm');
+      return jsxs(EuiFlexItem, {
+        children: [jsx(EuiTextColor, Object.assign({
+          color: hoverState ? '#397dc2' : 'black',
+          style: {
+            fontWeight: 500,
+            transition: '0.2s'
+          }
+        }, {
+          children: item.workflow
+        })), jsxs(EuiTextColor, Object.assign({
+          style: {
+            fontWeight: 400
+          }
+        }, {
+          children: [formattedDate, " for", ' ', jsx("span", Object.assign({
+            style: {
+              color: '#397dc2'
+            }
+          }, {
+            children: "KLM"
+          }))]
+        }))]
+      });
+    }
+  };
+  return jsx(Link, Object.assign({
+    href: `/subscriptions/${'subscription_id' in item ? item.subscription_id : ''}`
+  }, {
+    children: jsxs(EuiFlexGroup, Object.assign({
+      style: {
+        cursor: 'pointer',
+        paddingBlock: 10
+      },
+      onMouseOver: () => setHoverState(true),
+      onMouseLeave: () => setHoverState(false)
+    }, {
+      children: [renderItem(item, type), jsx(EuiFlexItem, Object.assign({
+        grow: false,
+        style: {
+          display: hoverState ? 'block' : 'none'
+        }
+      }, {
+        children: jsx(EuiIcon, {
+          type: "sortRight",
+          color: "primary"
+        })
+      }))]
+    }))
+  }));
+};
+
+function ListStartPage({
+  list
+}) {
+  return list && jsx(EuiFlexItem, Object.assign({
+    style: {
+      minWidth: 300
+    }
+  }, {
+    children: jsxs(EuiPanel, Object.assign({
+      hasShadow: false,
+      hasBorder: true,
+      paddingSize: "l"
+    }, {
+      children: [jsx("p", Object.assign({
+        style: {
+          fontWeight: 600
+        }
+      }, {
+        children: list.title
+      })), jsx(EuiSpacer, {
+        size: "m"
+      }), list.items.map((item, index) => jsxs(Fragment, {
+        children: [jsx(ListItemStartPage, {
+          item: item,
+          type: list.type
+        }), index === list.items.length - 1 ? null : jsx(EuiHorizontalRule, {
+          margin: "none"
+        })]
+      })), jsx(EuiSpacer, {
+        size: "m"
+      }), jsx(EuiButton, Object.assign({
+        fullWidth: true
+      }, {
+        children: list.buttonName
+      }))]
+    }))
+  }));
+}
+
+const MultiListSection = () => {
+  const favouriteSubscriptionsList = useFavouriteSubscriptions();
+  const processesAttentionList = useProcessesAttention();
+  const completedProcessesList = useRecentProcesses();
+  return jsxs(EuiFlexGroup, Object.assign({
+    wrap: true
+  }, {
+    children: [jsx(ListStartPage, {
+      list: favouriteSubscriptionsList
+    }), jsx(ListStartPage, {
+      list: processesAttentionList
+    }), jsx(ListStartPage, {
+      list: completedProcessesList
+    })]
+  }));
+};
+
+const NewProcessPanel = () => {
+  const [value, setValue] = useState('');
+  const onChange = e => {
+    setValue(e.target.value);
+  };
+  const frequentlyUsedValues = ['IP Prefix', 'SN8 LightPath', 'NL8 MSC', 'NL8 Service Port 100G', 'SN8 AGGSP'];
+  return jsxs(EuiPanel, Object.assign({
+    hasShadow: false,
+    color: "subdued",
+    paddingSize: "l"
+  }, {
+    children: [jsx(EuiText, {
+      children: jsx("b", {
+        children: "Start a new process"
+      })
+    }), jsx(EuiSpacer, {
+      size: "m"
+    }), jsx(EuiFieldSearch, {
+      fullWidth: true,
+      placeholder: "Search and select process",
+      value: value,
+      onChange: e => onChange(e),
+      "aria-label": "Search and select process"
+    }), jsx(EuiSpacer, {
+      size: "m"
+    }), jsx(EuiTextColor, Object.assign({
+      color: "subdued"
+    }, {
+      children: "Frequently used:"
+    })), jsx(EuiSpacer, {
+      size: "s"
+    }), jsx(FrequentlyUsed, {
+      values: frequentlyUsedValues
+    })]
+  }));
+};
+
+const totalStats = [{
+  icon: 'kubernetesPod',
+  name: 'subscriptions',
+  value: 24864,
+  color: 'primary'
+}, {
+  icon: 'error',
+  name: 'processes failed',
+  value: 462252,
+  color: 'danger'
+}, {
+  icon: 'checkInCircleFilled',
+  name: 'processes completed',
+  value: 1353632,
+  color: 'success'
+}];
+const StatCards = () => {
+  const [stats] = useState(totalStats);
+  const {
+    theme
+  } = useOrchestratorTheme();
+  return jsx(EuiFlexGroup, Object.assign({
+    wrap: true
+  }, {
+    children: stats.map((stat, index) => jsx(EuiFlexItem, {
+      children: jsx(EuiPanel, Object.assign({
+        hasShadow: false,
+        color: "subdued",
+        paddingSize: "l"
+      }, {
+        children: jsxs(EuiFlexGroup, {
+          children: [jsx(EuiFlexItem, Object.assign({
+            grow: false
+          }, {
+            children: jsx(EuiAvatar, {
+              iconSize: "l",
+              size: "xl",
+              type: "space",
+              name: stat.name,
+              style: {
+                maxHeight: 55,
+                maxWidth: 55
+              },
+              iconType: stat.icon,
+              iconColor: theme.colors.ghost,
+              color: theme.colors[stat.color]
+            })
+          })), jsxs(EuiFlexItem, {
+            children: [jsx(EuiText, Object.assign({
+              color: "subdued"
+            }, {
+              children: jsxs("h4", Object.assign({
+                style: {
+                  fontWeight: 300
+                }
+              }, {
+                children: ["Total ", stat.name]
+              }))
+            })), jsx(EuiText, {
+              children: jsx("h2", Object.assign({
+                style: {
+                  fontWeight: 500
+                }
+              }, {
+                children: stat.value.toLocaleString('de-DE')
+              }))
+            })]
+          })]
+        })
+      }))
+    }, index))
+  }));
+};
+
+var $$3 = _export;
+var $includes = arrayIncludes.includes;
+var fails$4 = fails$i;
+var addToUnscopables = addToUnscopables$2;
+
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails$4(function () {
+  // eslint-disable-next-line es/no-array-prototype-includes -- detection
+  return !Array(1).includes();
+});
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$$3({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('includes');
+
+var isObject = isObject$9;
+var classof$1 = classofRaw$2;
+var wellKnownSymbol$1 = wellKnownSymbol$g;
+
+var MATCH$1 = wellKnownSymbol$1('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+var isRegexp = function (it) {
+  var isRegExp;
+  return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof$1(it) == 'RegExp');
+};
+
+var isRegExp = isRegexp;
+
+var $TypeError$1 = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp(it)) {
+    throw $TypeError$1("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var classof = classof$4;
+
+var $String = String;
+
+var toString$4 = function (argument) {
+  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+  return $String(argument);
+};
+
+var wellKnownSymbol = wellKnownSymbol$g;
+
+var MATCH = wellKnownSymbol('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+var $$2 = _export;
+var uncurryThis$3 = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible$1 = requireObjectCoercible$4;
+var toString$3 = toString$4;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf = uncurryThis$3(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$$2({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString$3(requireObjectCoercible$1(this)),
+      toString$3(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
+const CheckmarkCircleFill = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/checkmark-circle-fill"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/checkmark-circle-fill",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M15.7071,10.70711 C16.0976,10.31658 16.0976,9.68342 15.7071,9.29289 C15.3166,8.90237 14.6834,8.90237 14.2929,9.29289 L11,12.5858 L9.70711,11.29289 C9.31658,10.90237 8.68342,10.90237 8.29289,11.29289 C7.90237,11.68342 7.90237,12.3166 8.29289,12.7071 L10.29289,14.7071 C10.68342,15.0976 11.31658,15.0976 11.70711,14.7071 L15.7071,10.70711 Z",
+        id: "Shape"
+      })
+    }))
+  }))]
+}));
+
+const MinusCircleOutline = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/minus-circle-outline"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/minus-circle-outline",
+      fill: _color,
+      fillRule: "nonzero"
+    }, {
+      children: jsx("path", {
+        d: "M12,4 C16.4183,4 20,7.58172 20,12 C20,16.4183 16.4183,20 12,20 C7.58172,20 4,16.4183 4,12 C4,7.58172 7.58172,4 12,4 Z M12,6 C8.6862895,6 6,8.6862895 6,12 C6,15.3137228 8.68628182,18 12,18 C15.3137305,18 18,15.3137305 18,12 C18,8.68628182 15.3137228,6 12,6 Z M15,11 C15.5523,11 16,11.44772 16,12 C16,12.5523 15.5523,13 15,13 L9,13 C8.44772,13 8,12.5523 8,12 C8,11.44772 8.44772,11 9,11 Z",
+        id: "Combined-Shape"
+      })
+    }))
+  }))]
+}));
+
+const PlusCircleFill = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/plus-circle-fill"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/plus-circle-fill",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M13,9 C13,8.44772 12.5523,8 12,8 C11.44772,8 11,8.44772 11,9 L11,11 L9,11 C8.44772,11 8,11.44771 8,12 C8,12.5523 8.44772,13 9,13 L11,13 L11,15 C11,15.5523 11.44772,16 12,16 C12.5523,16 13,15.5523 13,15 L13,13 L15,13 C15.5523,13 16,12.5523 16,12 C16,11.44772 15.5523,11 15,11 L13,11 L13,9 Z",
+        id: "Shape"
+      })
+    }))
+  }))]
+}));
+
+const ChevronDown = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/chevron-down"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/chevron-down",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M7.29289,9.29289 C7.68342,8.90237 8.31658,8.90237 8.70711,9.29289 L12,12.5858 L15.2929,9.29289 C15.6834,8.90237 16.3166,8.90237 16.7071,9.29289 C17.0976,9.68342 17.0976,10.31658 16.7071,10.70711 L12.7071,14.7071 C12.3166,15.0976 11.68342,15.0976 11.29289,14.7071 L7.29289,10.70711 C6.90237,10.31658 6.90237,9.68342 7.29289,9.29289 Z",
+        id: "Path"
+      })
+    }))
+  }))]
+}));
+
+const ArrowNarrowDown = ({
+  width: _width = 16,
+  height: _height = 20,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 16 20",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/arrow-narrow-down"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/arrow-narrow-down",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M4.29289,9.70711 C3.90237,9.31658 3.90237,8.68342 4.29289,8.29289 L7.29289,5.29289 C7.68342,4.90237 8.3166,4.90237 8.7071,5.29289 L11.7071,8.29289 C12.0976,8.68342 12.0976,9.31658 11.7071,9.70711 C11.3166,10.09763 10.6834,10.09763 10.2929,9.70711 L9,8.41421 L9,14 C9,14.5523 8.5523,15 8,15 C7.44772,15 7,14.5523 7,14 L7,8.41421 L5.70711,9.70711 C5.31658,10.09763 4.68342,10.09763 4.29289,9.70711 Z",
+        id: "Path",
+        transform: "translate(7.999988, 10.000000) rotate(-180.000000) translate(-7.999988, -10.000000) "
+      })
+    }))
+  }))]
+}));
+
+const ArrowNarrowUp = ({
+  width: _width = 16,
+  height: _height = 20,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 16 20",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/arrow-narrow-up"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/arrow-narrow-up",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M4.29289,9.70711 C3.90237,9.31658 3.90237,8.68342 4.29289,8.29289 L7.29289,5.29289 C7.68342,4.90237 8.3166,4.90237 8.7071,5.29289 L11.7071,8.29289 C12.0976,8.68342 12.0976,9.31658 11.7071,9.70711 C11.3166,10.09763 10.6834,10.09763 10.2929,9.70711 L9,8.41421 L9,14 C9,14.5523 8.5523,15 8,15 C7.44772,15 7,14.5523 7,14 L7,8.41421 L5.70711,9.70711 C5.31658,10.09763 4.68342,10.09763 4.29289,9.70711 Z",
+        id: "Path"
+      })
+    }))
+  }))]
+}));
+
+var anObject$1 = anObject$c;
+
+// `RegExp.prototype.flags` getter implementation
+// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
+var regexpFlags = function () {
+  var that = anObject$1(this);
+  var result = '';
+  if (that.hasIndices) result += 'd';
+  if (that.global) result += 'g';
+  if (that.ignoreCase) result += 'i';
+  if (that.multiline) result += 'm';
+  if (that.dotAll) result += 's';
+  if (that.unicode) result += 'u';
+  if (that.unicodeSets) result += 'v';
+  if (that.sticky) result += 'y';
+  return result;
+};
+
+var call = functionCall;
+var hasOwn = hasOwnProperty_1;
+var isPrototypeOf = objectIsPrototypeOf;
+var regExpFlags = regexpFlags;
+
+var RegExpPrototype$1 = RegExp.prototype;
+
+var regexpGetFlags = function (R) {
+  var flags = R.flags;
+  return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype$1, R)
+    ? call(regExpFlags, R) : flags;
+};
+
+var PROPER_FUNCTION_NAME = functionName.PROPER;
+var defineBuiltIn = defineBuiltIn$6;
+var anObject = anObject$c;
+var $toString = toString$4;
+var fails$3 = fails$i;
+var getRegExpFlags = regexpGetFlags;
+
+var TO_STRING = 'toString';
+var RegExpPrototype = RegExp.prototype;
+var nativeToString = RegExpPrototype[TO_STRING];
+
+var NOT_GENERIC = fails$3(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
+// FF44- RegExp#toString has a wrong name
+var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name != TO_STRING;
+
+// `RegExp.prototype.toString` method
+// https://tc39.es/ecma262/#sec-regexp.prototype.tostring
+if (NOT_GENERIC || INCORRECT_NAME) {
+  defineBuiltIn(RegExp.prototype, TO_STRING, function toString() {
+    var R = anObject(this);
+    var pattern = $toString(R.source);
+    var flags = $toString(getRegExpFlags(R));
+    return '/' + pattern + '/' + flags;
+  }, { unsafe: true });
+}
+
+var SortDirection;
+(function (SortDirection) {
+  SortDirection["Asc"] = "ASC";
+  SortDirection["Desc"] = "DESC";
+})(SortDirection || (SortDirection = {}));
+const getSortDirectionFromString = sortOrder => {
+  if (!sortOrder) {
+    return undefined;
+  }
+  switch (sortOrder.toUpperCase()) {
+    case SortDirection.Asc.toString():
+      return SortDirection.Asc;
+    case SortDirection.Desc.toString():
+      return SortDirection.Desc;
+    default:
+      return undefined;
+  }
+};
+
+const TableHeaderCell = ({
+  sortDirection,
+  children,
+  onClick
+}) => jsxs("div", Object.assign({
+  css: {
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'pointer'
+  },
+  onClick: onClick
+}, {
+  children: [jsx("div", {
+    children: children
+  }), sortDirection && jsx(SortDirectionIcon, {
+    sortDirection: sortDirection
+  })]
+}));
+const SortDirectionIcon = ({
+  sortDirection
+}) => {
+  const {
+    theme
+  } = useOrchestratorTheme();
+  return sortDirection === SortDirection.Asc ? jsx(ArrowNarrowUp, {
+    color: theme.colors.subduedText,
+    height: 24,
+    width: 24
+  }) : jsx(ArrowNarrowDown, {
+    color: theme.colors.subduedText,
+    height: 24,
+    width: 24
+  });
+};
+
+const Table = ({
+  data,
+  columns,
+  hiddenColumns,
+  dataSorting,
+  pagination,
+  isLoading,
+  onCriteriaChange,
+  onDataSort
+}) => jsx(EuiBasicTable, {
+  tableCaption: "Demo of EuiBasicTable",
+  items: data,
+  rowHeader: "firstName",
+  columns: mapTableColumnsToEuiColumns(columns, hiddenColumns, dataSorting, onDataSort),
+  pagination: pagination,
+  onChange: onCriteriaChange,
+  loading: isLoading
+});
+function mapTableColumnsToEuiColumns(columns, hiddenColumns, dataSorting, onDataSort) {
+  function isVisibleColumn(columnKey) {
+    return !(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(columnKey));
+  }
+  function mapToEuiColumn(colKey) {
+    const typedColumnKey = colKey;
+    const column = columns[typedColumnKey];
+    const {
+      name
+    } = column;
+    const sortDirection = (dataSorting === null || dataSorting === void 0 ? void 0 : dataSorting.columnId) === colKey ? dataSorting.sortDirection : undefined;
+    return Object.assign(Object.assign({}, column), {
+      field: typedColumnKey,
+      name: name && jsx(TableHeaderCell, Object.assign({
+        sortDirection: sortDirection,
+        onClick: () => onDataSort === null || onDataSort === void 0 ? void 0 : onDataSort(typedColumnKey)
+      }, {
+        children: name
+      })),
+      truncateText: true
+    });
+  }
+  return Object.keys(columns).filter(isVisibleColumn).map(mapToEuiColumn);
+}
+
+var tryToString = tryToString$5;
+
+var $TypeError = TypeError;
+
+var deletePropertyOrThrow$1 = function (O, P) {
+  if (!delete O[P]) throw $TypeError('Cannot delete property ' + tryToString(P) + ' of ' + tryToString(O));
+};
+
+var toPropertyKey = toPropertyKey$3;
+var definePropertyModule = objectDefineProperty;
+var createPropertyDescriptor = createPropertyDescriptor$4;
+
+var createProperty$1 = function (object, key, value) {
+  var propertyKey = toPropertyKey(key);
+  if (propertyKey in object) definePropertyModule.f(object, propertyKey, createPropertyDescriptor(0, value));
+  else object[propertyKey] = value;
+};
+
+var toAbsoluteIndex = toAbsoluteIndex$2;
+var lengthOfArrayLike$1 = lengthOfArrayLike$4;
+var createProperty = createProperty$1;
+
+var $Array = Array;
+var max = Math.max;
+
+var arraySliceSimple = function (O, start, end) {
+  var length = lengthOfArrayLike$1(O);
+  var k = toAbsoluteIndex(start, length);
+  var fin = toAbsoluteIndex(end === undefined ? length : end, length);
+  var result = $Array(max(fin - k, 0));
+  for (var n = 0; k < fin; k++, n++) createProperty(result, n, O[k]);
+  result.length = n;
+  return result;
+};
+
+var arraySlice = arraySliceSimple;
+
+var floor = Math.floor;
+
+var mergeSort = function (array, comparefn) {
+  var length = array.length;
+  var middle = floor(length / 2);
+  return length < 8 ? insertionSort(array, comparefn) : merge(
+    array,
+    mergeSort(arraySlice(array, 0, middle), comparefn),
+    mergeSort(arraySlice(array, middle), comparefn),
+    comparefn
+  );
+};
+
+var insertionSort = function (array, comparefn) {
+  var length = array.length;
+  var i = 1;
+  var element, j;
+
+  while (i < length) {
+    j = i;
+    element = array[i];
+    while (j && comparefn(array[j - 1], element) > 0) {
+      array[j] = array[--j];
+    }
+    if (j !== i++) array[j] = element;
+  } return array;
+};
+
+var merge = function (array, left, right, comparefn) {
+  var llength = left.length;
+  var rlength = right.length;
+  var lindex = 0;
+  var rindex = 0;
+
+  while (lindex < llength || rindex < rlength) {
+    array[lindex + rindex] = (lindex < llength && rindex < rlength)
+      ? comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]
+      : lindex < llength ? left[lindex++] : right[rindex++];
+  } return array;
+};
+
+var arraySort = mergeSort;
+
+var fails$2 = fails$i;
+
+var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
+  var method = [][METHOD_NAME];
+  return !!method && fails$2(function () {
+    // eslint-disable-next-line no-useless-call -- required for testing
+    method.call(null, argument || function () { return 1; }, 1);
+  });
+};
+
+var userAgent$1 = engineUserAgent;
+
+var firefox = userAgent$1.match(/firefox\/(\d+)/i);
+
+var engineFfVersion = !!firefox && +firefox[1];
+
+var UA = engineUserAgent;
+
+var engineIsIeOrEdge = /MSIE|Trident/.test(UA);
+
+var userAgent = engineUserAgent;
+
+var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
+
+var engineWebkitVersion = !!webkit && +webkit[1];
+
+var $$1 = _export;
+var uncurryThis$2 = functionUncurryThis;
+var aCallable = aCallable$9;
+var toObject = toObject$4;
+var lengthOfArrayLike = lengthOfArrayLike$4;
+var deletePropertyOrThrow = deletePropertyOrThrow$1;
+var toString$2 = toString$4;
+var fails$1 = fails$i;
+var internalSort = arraySort;
+var arrayMethodIsStrict = arrayMethodIsStrict$1;
+var FF = engineFfVersion;
+var IE_OR_EDGE = engineIsIeOrEdge;
+var V8 = engineV8Version;
+var WEBKIT = engineWebkitVersion;
+
+var test = [];
+var nativeSort = uncurryThis$2(test.sort);
+var push = uncurryThis$2(test.push);
+
+// IE8-
+var FAILS_ON_UNDEFINED = fails$1(function () {
+  test.sort(undefined);
+});
+// V8 bug
+var FAILS_ON_NULL = fails$1(function () {
+  test.sort(null);
+});
+// Old WebKit
+var STRICT_METHOD = arrayMethodIsStrict('sort');
+
+var STABLE_SORT = !fails$1(function () {
+  // feature detection can be too slow, so check engines versions
+  if (V8) return V8 < 70;
+  if (FF && FF > 3) return;
+  if (IE_OR_EDGE) return true;
+  if (WEBKIT) return WEBKIT < 603;
+
+  var result = '';
+  var code, chr, value, index;
+
+  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)
+  for (code = 65; code < 76; code++) {
+    chr = String.fromCharCode(code);
+
+    switch (code) {
+      case 66: case 69: case 70: case 72: value = 3; break;
+      case 68: case 71: value = 4; break;
+      default: value = 2;
+    }
+
+    for (index = 0; index < 47; index++) {
+      test.push({ k: chr + index, v: value });
+    }
+  }
+
+  test.sort(function (a, b) { return b.v - a.v; });
+
+  for (index = 0; index < test.length; index++) {
+    chr = test[index].k.charAt(0);
+    if (result.charAt(result.length - 1) !== chr) result += chr;
+  }
+
+  return result !== 'DGBEFHACIJK';
+});
+
+var FORCED$1 = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
+
+var getSortCompare = function (comparefn) {
+  return function (x, y) {
+    if (y === undefined) return -1;
+    if (x === undefined) return 1;
+    if (comparefn !== undefined) return +comparefn(x, y) || 0;
+    return toString$2(x) > toString$2(y) ? 1 : -1;
+  };
+};
+
+// `Array.prototype.sort` method
+// https://tc39.es/ecma262/#sec-array.prototype.sort
+$$1({ target: 'Array', proto: true, forced: FORCED$1 }, {
+  sort: function sort(comparefn) {
+    if (comparefn !== undefined) aCallable(comparefn);
+
+    var array = toObject(this);
+
+    if (STABLE_SORT) return comparefn === undefined ? nativeSort(array) : nativeSort(array, comparefn);
+
+    var items = [];
+    var arrayLength = lengthOfArrayLike(array);
+    var itemsLength, index;
+
+    for (index = 0; index < arrayLength; index++) {
+      if (index in array) push(items, array[index]);
+    }
+
+    internalSort(items, getSortCompare(comparefn));
+
+    itemsLength = lengthOfArrayLike(items);
+    index = 0;
+
+    while (index < itemsLength) array[index] = items[index++];
+    while (index < arrayLength) deletePropertyOrThrow(array, index++);
+
+    return array;
+  }
+});
+
+function getInitialColumnOrder(columns, initialColumnOrder) {
+  const euiDataGridColumns = Object.keys(columns).map(colKey => {
+    const column = columns[colKey];
+    return Object.assign({
+      id: colKey,
+      isExpandable: false
+    }, column);
+  });
+  const columnOrderIds = initialColumnOrder.map(columnId => columnId.toString());
+  return euiDataGridColumns.slice().sort((left, right) => columnOrderIds.indexOf(left.id) - columnOrderIds.indexOf(right.id));
+}
+function columnSortToEuiDataGridSorting(columnSort, updateColumnSort) {
+  return {
+    columns: columnSort ? [{
+      id: columnSort.columnId.toString(),
+      direction: columnSort.sortDirection === SortDirection.Asc ? 'asc' : 'desc'
+    }] : [],
+    onSort: columns => {
+      const lastSortData = columns.slice(-1)[0];
+      if (updateColumnSort && lastSortData) {
+        updateColumnSort({
+          columnId: lastSortData.id,
+          sortDirection: lastSortData.direction === 'asc' ? SortDirection.Asc : SortDirection.Desc
+        });
+      }
+    }
+  };
+}
+
+// Total height of grid button bar, table header and pagination bar
+const EUI_DATA_GRID_HEIGHT_OFFSET = 103;
+const GRID_STYLE = {
+  border: 'horizontal',
+  stripes: false,
+  rowHover: 'highlight',
+  header: 'shade',
+  cellPadding: 'l',
+  fontSize: 'm',
+  footer: 'overline'
+};
+const DataGridTable = ({
+  data,
+  pagination,
+  columns,
+  leadingControlColumns,
+  trailingControlColumns,
+  initialColumnOrder,
+  dataSorting,
+  handleRowClick,
+  updateDataSorting
+}) => {
+  const initialColumnOrderRef = useRef(getInitialColumnOrder(columns, initialColumnOrder));
+  const defaultVisibleColumns = initialColumnOrder.filter(columnId => !columns[columnId].isHiddenByDefault).map(columnId => columnId.toString());
+  const [visibleColumns, setVisibleColumns] = useState(defaultVisibleColumns);
+  const renderCellValue = ({
+    rowIndex,
+    columnId,
+    setCellProps
+  }) => {
+    const {
+      pageSize,
+      pageIndex
+    } = pagination;
+    const rowIndexOnPage = rowIndex - pageIndex * pageSize;
+    const dataRow = data[rowIndexOnPage];
+    if (!dataRow) {
+      return;
+    }
+    const column = columns[columnId];
+    const cellValue = dataRow[columnId];
+    handleRowClick && setCellProps({
+      css: {
+        cursor: 'pointer'
+      },
+      onClick: () => handleRowClick(dataRow)
+    });
+    return column.renderCell ? column.renderCell(cellValue, dataRow) : `${cellValue}`;
+  };
+  const controlColumnToEuiDataGridControlColumnMapper = ({
+    id,
+    width,
+    rowCellRender
+  }) => ({
+    id,
+    width,
+    headerCellRender: props => null,
+    rowCellRender: ({
+      rowIndex
+    }) => {
+      const {
+        pageSize,
+        pageIndex
+      } = pagination;
+      const rowIndexOnPage = rowIndex - pageIndex * pageSize;
+      const dataRow = data[rowIndexOnPage];
+      return rowCellRender(dataRow);
+    }
+  });
+  const euiDataGridLeadingControlColumns = leadingControlColumns === null || leadingControlColumns === void 0 ? void 0 : leadingControlColumns.map(controlColumnToEuiDataGridControlColumnMapper);
+  const euiDataGridTrailingControlColumns = trailingControlColumns === null || trailingControlColumns === void 0 ? void 0 : trailingControlColumns.map(controlColumnToEuiDataGridControlColumnMapper);
+  const gridHeightValue = pagination.pageSize * 40 + EUI_DATA_GRID_HEIGHT_OFFSET;
+  return jsx(EuiDataGrid, {
+    "aria-label": "Data Grid",
+    columns: initialColumnOrderRef.current,
+    leadingControlColumns: euiDataGridLeadingControlColumns,
+    trailingControlColumns: euiDataGridTrailingControlColumns,
+    height: `${gridHeightValue}px`,
+    gridStyle: GRID_STYLE,
+    columnVisibility: {
+      visibleColumns,
+      setVisibleColumns
+    },
+    pagination: pagination,
+    sorting: columnSortToEuiDataGridSorting(dataSorting, updateDataSorting),
+    rowCount: pagination.totalRecords,
+    renderCellValue: renderCellValue
+  });
+};
+
+const defaultOrchestratorTheme = {
+  colors: {
+    DARK: {},
+    LIGHT: {
+      primary: '#0077C8',
+      accent: '#E67300',
+      success: '#008939',
+      warning: '#FFC514',
+      danger: '#BD271F',
+      primaryText: '#0067AC',
+      accentText: '#B05200',
+      successText: '#007832',
+      warningText: '#8E6A00',
+      dangerText: '#AC0A01',
+      emptyShade: '#FFFFFF',
+      lightestShade: '#F1F5F9',
+      lightShade: '#CCD5E2',
+      mediumShade: '#94A4B8',
+      darkShade: '#64758B',
+      darkestShade: '#334255',
+      fullShade: '#0F172B',
+      text: '#334255',
+      title: '#0F172B',
+      subduedText: '#64758B',
+      link: '#0067AC',
+      body: '#F1F5F9',
+      highlight: '#FFF6DE',
+      disabled: '#94A4B8',
+      disabledText: '#94A4B8',
+      shadow: '#000000'
+    }
+  },
+  font: {
+    weight: {
+      regular: 400,
+      medium: 500,
+      semiBold: 600,
+      bold: 700
+    }
+  }
+};
+
+// a string of all valid unicode whitespaces
+var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
+  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
+
+var uncurryThis$1 = functionUncurryThis;
+var requireObjectCoercible = requireObjectCoercible$4;
+var toString$1 = toString$4;
+var whitespaces$1 = whitespaces$2;
+
+var replace = uncurryThis$1(''.replace);
+var ltrim = RegExp('^[' + whitespaces$1 + ']+');
+var rtrim = RegExp('(^|[^' + whitespaces$1 + '])[' + whitespaces$1 + ']+$');
+
+// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
+var createMethod = function (TYPE) {
+  return function ($this) {
+    var string = toString$1(requireObjectCoercible($this));
+    if (TYPE & 1) string = replace(string, ltrim, '');
+    if (TYPE & 2) string = replace(string, rtrim, '$1');
+    return string;
+  };
+};
+
+var stringTrim = {
+  // `String.prototype.{ trimLeft, trimStart }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
+  start: createMethod(1),
+  // `String.prototype.{ trimRight, trimEnd }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimend
+  end: createMethod(2),
+  // `String.prototype.trim` method
+  // https://tc39.es/ecma262/#sec-string.prototype.trim
+  trim: createMethod(3)
+};
+
+var global$1 = global$i;
+var fails = fails$i;
+var uncurryThis = functionUncurryThis;
+var toString = toString$4;
+var trim = stringTrim.trim;
+var whitespaces = whitespaces$2;
+
+var $parseInt$1 = global$1.parseInt;
+var Symbol$1 = global$1.Symbol;
+var ITERATOR = Symbol$1 && Symbol$1.iterator;
+var hex = /^[+-]?0x/i;
+var exec = uncurryThis(hex.exec);
+var FORCED = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
+  // MS Edge 18- broken with boxed symbols
+  || (ITERATOR && !fails(function () { $parseInt$1(Object(ITERATOR)); }));
+
+// `parseInt` method
+// https://tc39.es/ecma262/#sec-parseint-string-radix
+var numberParseInt = FORCED ? function parseInt(string, radix) {
+  var S = trim(toString(string));
+  return $parseInt$1(S, (radix >>> 0) || (exec(hex, S) ? 16 : 10));
+} : $parseInt$1;
+
+var $ = _export;
+var $parseInt = numberParseInt;
+
+// `parseInt` method
+// https://tc39.es/ecma262/#sec-parseint-string-radix
+$({ global: true, forced: parseInt != $parseInt }, {
+  parseInt: $parseInt
+});
+
+const parseDate = date => {
+  if (date === null || date === '') {
+    return null;
+  }
+  return new Date(parseInt(date) * 1000);
+};
+
+const getStatusBadgeColor = status => {
+  const statusColors = {
+    terminated: 'danger',
+    active: 'success',
+    provisioning: 'primary',
+    migrating: 'primary',
+    initial: 'danger'
+  };
+  // eslint-disable-next-line no-prototype-builtins
+  return statusColors.hasOwnProperty(status) ?
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  statusColors[status] : 'primary';
+};
+
+function getTypedFieldFromObject(field, object) {
+  if (!Object.keys(object).includes(field)) {
+    return null;
+  }
+  return field;
+}
+
+export { ArrowNarrowDown, ArrowNarrowUp, Badge, CheckmarkCircleFill, ChevronDown, DataGridTable, EngineStatusBadge, Environment, EnvironmentBadge, FailedTasksBadge, FrequentlyUsed, HeaderBadge, ListItemStartPage, LogoutIcon, MinusCircleOutline, MultiListSection, NewProcessPanel, OrchestratorConfigContext, OrchestratorConfigProvider, OrchestratorPageHeader, OrchestratorPageTemplate, OrchestratorSidebar, PlusCircleFill, ProcessStatus, SortDirection, SortDirectionIcon, StatCards, StatusDotIcon, SubscriptionStatusBadge, Table, TableHeaderCell, XCircleFill, columnSortToEuiDataGridSorting, defaultOrchestratorTheme, getInitialColumnOrder, getSortDirectionFromString, getStatusBadgeColor, getTypedFieldFromObject, parseDate, useEngineStatusQuery, useFavouriteSubscriptions, useOrchestratorConfig, useOrchestratorTheme, useProcessStatusCountsQuery, useProcessesAttention, useQueryWithGraphql, useRecentProcesses, useStringQueryWithGraphql };