@aics/vole-app 2.13.6 → 2.14.0

package/es/aics-image-viewer/shared/utils/urlParsing.js

@@ -0,0 +1,1255 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _ViewerChannelSetting, _ViewerChannelSetting2, _ViewerChannelSetting3, _ViewerChannelSetting4, _ViewerChannelSetting5, _ViewerChannelSetting6, _ViewerChannelSetting7, _ViewerChannelSetting8, _ViewerChannelSetting9, _ViewerChannelSetting10, _ViewerChannelSetting11, _ViewerStateKeys$View, _ViewerStateKeys$Mode, _ViewerStateKeys$Mask, _ViewerStateKeys$Imag, _ViewerStateKeys$Axes, _ViewerStateKeys$Boun, _ViewerStateKeys$Boun2, _ViewerStateKeys$Back, _ViewerStateKeys$Auto, _ViewerStateKeys$Brig, _ViewerStateKeys$Dens, _ViewerStateKeys$Leve, _ViewerStateKeys$Inte, _ViewerStateKeys$Regi, _ViewerStateKeys$Slic, _ViewerStateKeys$Time, _ViewerStateKeys$Scen, _ViewerStateKeys$Came;
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { isEqual } from "lodash";
+import { getDefaultCameraState, getDefaultChannelState, getDefaultViewerState } from "../constants";
+import { ImageType, RenderMode, ViewMode } from "../enums";
+import { removeMatchingProperties, removeUndefinedProperties } from "./datatypes";
+import FirebaseRequest from "./firebase";
+import { clamp } from "./math";
+export var ENCODED_COMMA_REGEX = /%2C/g;
+export var ENCODED_COLON_REGEX = /%3A/g;
+var DEFAULT_CONTROL_POINT_COLOR = [255, 255, 255];
+var DEFAULT_CONTROL_POINT_COLOR_CODE = "1";
+
+/** If the `url` query param equals this, parse image url(s) and metadata from local storage instead of params */
+var URL_FETCH_FROM_STORAGE = "storage";
+
+// TODO: refactor regexes to be composed of one another rather than duplicating code
+// const COLOR_CODES: Record<string, ColorArray> = {
+//   "0": [0, 0, 0],
+//   "1": [255, 255, 255],
+//   "-1": [255, 255, 255],
+//   w: [255, 255, 255],
+//   k: [0, 0, 0],
+// };
+// const COLOR_CODE_REGEX = new RegExp(`(${Object.keys(COLOR_CODES).join("|")})`);
+// const HEX_COLOR_REGEX = new RegExp(`(([0-9a-fA-F]{6})|${COLOR_CODE_REGEX.source})`);
+
+var CHANNEL_STATE_KEY_REGEX = /^c[0-9]+$/;
+/** Match colon-separated pairs of alphanumeric strings */
+var LUT_REGEX = /^-?[a-z0-9.]*:[ ]*-?[a-z0-9.]*$/;
+/** Match colon-separated pairs of numeric strings */
+var RAMP_REGEX = /^-?[0-9.]*:-?[0-9.]*$/;
+/**
+ * Match comma-separated triplet of numeric strings.
+ */
+var SLICE_REGEX = /^[0-9.]*,[0-9.]*,[0-9.]*$/;
+/**
+ * Matches a sequence of three comma-separated min:max number pairs, representing
+ * the x, y, and z axes.
+ */
+var REGION_REGEX = /^([0-9.]*:[0-9.]*)(,[0-9.]*:[0-9.]*){2}$/;
+var HEX_COLOR_REGEX = new RegExp("(([0-9a-fA-F]{6})|".concat(DEFAULT_CONTROL_POINT_COLOR_CODE, ")"));
+var NUMERIC_REGEX = /-?[0-9.]*/;
+var CONTROL_POINT_REGEX = new RegExp("(".concat(NUMERIC_REGEX.source, ":").concat(NUMERIC_REGEX.source, ":").concat(HEX_COLOR_REGEX.source, ")"));
+var HEX_COLOR_STR_REGEX = new RegExp("^".concat(HEX_COLOR_REGEX.source, "$"));
+
+/**
+ * LEGACY: Matches a COMMA-separated list of control points, where each control point is represented
+ * by a triplet of `{x}:{opacity}:{hex color}`.
+ * The hex color can be replaced with `w` to represent white (`ffffff`).
+ */
+export var LEGACY_CONTROL_POINTS_REGEX = new RegExp("^".concat(CONTROL_POINT_REGEX.source, "(,").concat(CONTROL_POINT_REGEX.source, ")*$"));
+/**
+ * Matches a COLON-separated list of control points, where each control point is represented
+ * by a triplet of `{x}:{opacity}:{hex color}`.
+ * The hex color can be replaced with `w` to represent white (`ffffff`).
+ */
+export var CONTROL_POINTS_REGEX = new RegExp("^".concat(CONTROL_POINT_REGEX.source, "(:").concat(CONTROL_POINT_REGEX.source, ")*$"));
+
+/**
+ * Enum keys for URL parameters. These are stored as enums for better readability,
+ * and are mapped to types in `ViewerStateParams`.
+ */
+export var ViewerStateKeys = /*#__PURE__*/function (ViewerStateKeys) {
+  ViewerStateKeys["View"] = "view";
+  ViewerStateKeys["Mode"] = "mode";
+  ViewerStateKeys["Mask"] = "mask";
+  ViewerStateKeys["Image"] = "image";
+  ViewerStateKeys["Axes"] = "axes";
+  ViewerStateKeys["BoundingBox"] = "bb";
+  ViewerStateKeys["BoundingBoxColor"] = "bbcol";
+  ViewerStateKeys["BackgroundColor"] = "bgcol";
+  ViewerStateKeys["Autorotate"] = "rot";
+  ViewerStateKeys["Brightness"] = "bright";
+  ViewerStateKeys["Density"] = "dens";
+  ViewerStateKeys["Levels"] = "lvl";
+  ViewerStateKeys["Interpolation"] = "interp";
+  ViewerStateKeys["Region"] = "reg";
+  ViewerStateKeys["Slice"] = "slice";
+  ViewerStateKeys["Time"] = "t";
+  ViewerStateKeys["Scene"] = "scene";
+  ViewerStateKeys["CameraState"] = "cam";
+  return ViewerStateKeys;
+}({});
+export var CameraTransformKeys = /*#__PURE__*/function (CameraTransformKeys) {
+  CameraTransformKeys["Position"] = "pos";
+  CameraTransformKeys["Target"] = "tar";
+  CameraTransformKeys["Up"] = "up";
+  CameraTransformKeys["OrthoScale"] = "ort";
+  CameraTransformKeys["Fov"] = "fov";
+  return CameraTransformKeys;
+}({});
+
+/**
+ * Mapped to types in `ViewerChannelSettingParams`
+ */
+export var ViewerChannelSettingKeys = /*#__PURE__*/function (ViewerChannelSettingKeys) {
+  ViewerChannelSettingKeys["Color"] = "col";
+  ViewerChannelSettingKeys["Colorize"] = "clz";
+  ViewerChannelSettingKeys["ColorizeAlpha"] = "cza";
+  ViewerChannelSettingKeys["IsosurfaceAlpha"] = "isa";
+  ViewerChannelSettingKeys["Lut"] = "lut";
+  ViewerChannelSettingKeys["Ramp"] = "rmp";
+  ViewerChannelSettingKeys["ControlPoints"] = "cps";
+  ViewerChannelSettingKeys["ControlPointsEnabled"] = "cpe";
+  ViewerChannelSettingKeys["VolumeEnabled"] = "ven";
+  ViewerChannelSettingKeys["SurfaceEnabled"] = "sen";
+  ViewerChannelSettingKeys["IsosurfaceValue"] = "isv";
+  return ViewerChannelSettingKeys;
+}({});
+
+/**
+ * The serialized form of a ViewerChannelSetting, as a dictionary object.
+ */
+_ViewerChannelSetting = ViewerChannelSettingKeys.Color;
+_ViewerChannelSetting2 = ViewerChannelSettingKeys.Colorize;
+_ViewerChannelSetting3 = ViewerChannelSettingKeys.ColorizeAlpha;
+_ViewerChannelSetting4 = ViewerChannelSettingKeys.IsosurfaceAlpha;
+_ViewerChannelSetting5 = ViewerChannelSettingKeys.Lut;
+_ViewerChannelSetting6 = ViewerChannelSettingKeys.ControlPoints;
+_ViewerChannelSetting7 = ViewerChannelSettingKeys.ControlPointsEnabled;
+_ViewerChannelSetting8 = ViewerChannelSettingKeys.Ramp;
+_ViewerChannelSetting9 = ViewerChannelSettingKeys.VolumeEnabled;
+_ViewerChannelSetting10 = ViewerChannelSettingKeys.SurfaceEnabled;
+_ViewerChannelSetting11 = ViewerChannelSettingKeys.IsosurfaceValue;
+export var ViewerChannelSettingParams = /*#__PURE__*/_createClass(function ViewerChannelSettingParams() {
+  _classCallCheck(this, ViewerChannelSettingParams);
+  /** Color, as a 6-digit hex color.  */
+  _defineProperty(this, _ViewerChannelSetting, undefined);
+  /** Colorize. "1" is enabled. Disabled by default. */
+  _defineProperty(this, _ViewerChannelSetting2, undefined);
+  /** Colorize alpha, in the [0, 1] range. Set to `1.0` by default. */
+  _defineProperty(this, _ViewerChannelSetting3, undefined);
+  /** Isosurface alpha, in the [0, 1 range]. Set to `1.0` by default.*/
+  _defineProperty(this, _ViewerChannelSetting4, undefined);
+  /**
+   * Lookup table (LUT) to map from volume intensity to opacity. Should be two
+   * alphanumeric values separated by a colon, where the first value is the
+   * minimum and the second is the maximum. Defaults to [0, 255].
+   *
+   * Min and max values are determined as following:
+   * - Plain numbers are indices of histogram bins, typically in the range [0,
+   *   255].
+   * - `v{n}` represents a raw intensity value, where `n` is a number.
+   * - `p{n}` represents a percentile, where `n` is a percentile in the [0, 100]
+   *   range.
+   * - `m{n}` represents the median multiplied by `n / 100`.
+   * - `autoij` in either the min or max fields will use the "auto" algorithm
+   *   from ImageJ to select the min and max.
+   *
+   * Values will be used to determine the initial control points and ramp if
+   * those fields are not provided.
+   *
+   * @example
+   * ```
+   * "0:255"    // min: intensity 0, max: intensity 255.
+   * "p50:p90"  // min: 50th percentile, max: 90th percentile.
+   * "m1:p75"   // min: median, max: 75th percentile.
+   * "autoij:0" // use Auto-IJ to calculate min and max.
+   * ```
+   */
+  _defineProperty(this, _ViewerChannelSetting5, undefined);
+  /**
+   * Control points for the transfer function. If provided, overrides the
+   * `lut` field when calculating the control points. Should be a list
+   * of `x:opacity:color` triplets, separated by colon.
+   * - `x` is a numeric intensity value.
+   * - `opacity` is a float in the [0, 1] range.
+   * - `color` is a 6-digit hex color, e.g. `ff0000`.
+   */
+  _defineProperty(this, _ViewerChannelSetting6, undefined);
+  /**
+   * Whether to show advanced mode, which will show control points instead of
+   * ramp values defined by the LUT. "1" is enabled, disabled by default.
+   */
+  _defineProperty(this, _ViewerChannelSetting7, undefined);
+  /**
+   * Raw ramp values, which should be two numeric values separated by a colon.
+   * If provided, overrides the `lut` field when calculating the ramp values.
+   */
+  _defineProperty(this, _ViewerChannelSetting8, undefined);
+  /** Volume enabled. "1" is enabled. Disabled by default. */
+  _defineProperty(this, _ViewerChannelSetting9, undefined);
+  /** Isosurface enabled. "1" is enabled. Disabled by default. */
+  _defineProperty(this, _ViewerChannelSetting10, undefined);
+  /** Isosurface value, in the [0, 255] range. Set to `128` by default. */
+  _defineProperty(this, _ViewerChannelSetting11, undefined);
+});
+/**
+ * Channels, matching the pattern `c0`, `c1`, etc. corresponding to the index of the channel being configured.
+ * The channel parameter should have a value that is a comma-separated list of `key:value` pairs, with keys
+ * defined in `ViewerChannelSettingJson`.
+ */
+_ViewerStateKeys$View = ViewerStateKeys.View;
+_ViewerStateKeys$Mode = ViewerStateKeys.Mode;
+_ViewerStateKeys$Mask = ViewerStateKeys.Mask;
+_ViewerStateKeys$Imag = ViewerStateKeys.Image;
+_ViewerStateKeys$Axes = ViewerStateKeys.Axes;
+_ViewerStateKeys$Boun = ViewerStateKeys.BoundingBox;
+_ViewerStateKeys$Boun2 = ViewerStateKeys.BoundingBoxColor;
+_ViewerStateKeys$Back = ViewerStateKeys.BackgroundColor;
+_ViewerStateKeys$Auto = ViewerStateKeys.Autorotate;
+_ViewerStateKeys$Brig = ViewerStateKeys.Brightness;
+_ViewerStateKeys$Dens = ViewerStateKeys.Density;
+_ViewerStateKeys$Leve = ViewerStateKeys.Levels;
+_ViewerStateKeys$Inte = ViewerStateKeys.Interpolation;
+_ViewerStateKeys$Regi = ViewerStateKeys.Region;
+_ViewerStateKeys$Slic = ViewerStateKeys.Slice;
+_ViewerStateKeys$Time = ViewerStateKeys.Time;
+_ViewerStateKeys$Scen = ViewerStateKeys.Scene;
+_ViewerStateKeys$Came = ViewerStateKeys.CameraState;
+/** Serialized version of `ViewerState`. */
+export var ViewerStateParams = /*#__PURE__*/_createClass(function ViewerStateParams() {
+  _classCallCheck(this, ViewerStateParams);
+  /** Axis to view. Valid values are "3D", "X", "Y", and "Z". Defaults to "3D". */
+  _defineProperty(this, _ViewerStateKeys$View, undefined);
+  /**
+   * Render mode. Valid values are "volumetric", "maxproject", and "pathtrace".
+   * Defaults to "volumetric".
+   */
+  _defineProperty(this, _ViewerStateKeys$Mode, undefined);
+  /** The opacity of the mask channel, an integer in the range [0, 100]. Defaults to 50. */
+  _defineProperty(this, _ViewerStateKeys$Mask, undefined);
+  /** The type of image to display. Valid values are "cell" and "fov". Defaults to "cell". */
+  _defineProperty(this, _ViewerStateKeys$Imag, undefined);
+  /** Whether to show the axes helper. "1" is enabled. Disabled by default. */
+  _defineProperty(this, _ViewerStateKeys$Axes, undefined);
+  /** Whether to show the bounding box. "1" is enabled. Disabled by default. */
+  _defineProperty(this, _ViewerStateKeys$Boun, undefined);
+  /** The color of the bounding box, as a 6-digit hex color. */
+  _defineProperty(this, _ViewerStateKeys$Boun2, undefined);
+  /** The background color, as a 6-digit hex color. */
+  _defineProperty(this, _ViewerStateKeys$Back, undefined);
+  /** Whether to autorotate the view. "1" is enabled. Disabled by default. */
+  _defineProperty(this, _ViewerStateKeys$Auto, undefined);
+  /** The brightness of the image, an float in the range [0, 100]. Defaults to 70. */
+  _defineProperty(this, _ViewerStateKeys$Brig, undefined);
+  /** Density, a float in the range [0, 100]. Defaults to 50. */
+  _defineProperty(this, _ViewerStateKeys$Dens, undefined);
+  /**
+   * Levels for image intensity adjustment. Should be three numeric values separated
+   * by commas, representing the low, middle, and high values in a [0, 255] range.
+   * Values will be sorted in ascending order; empty values will be parsed as 0.
+   */
+  _defineProperty(this, _ViewerStateKeys$Leve, undefined);
+  /** Whether to enable interpolation. "1" is enabled. Enabled by default. */
+  _defineProperty(this, _ViewerStateKeys$Inte, undefined);
+  /** Subregions per axis, as min:max pairs separated by commas.
+   * Defaults to full range (`0:1`) for each axis.
+   */
+  _defineProperty(this, _ViewerStateKeys$Regi, undefined);
+  /** Slice position per X, Y, and Z axes, as a list of comma-separated floats.
+   * 0.5 for all axes by default (e.g. `0.5,0.5,0.5`)
+   */
+  _defineProperty(this, _ViewerStateKeys$Slic, undefined);
+  /** Frame number, for time-series volumes. 0 by default. */
+  _defineProperty(this, _ViewerStateKeys$Time, undefined);
+  /** Scene number, for multiscene images. 0 by default. */
+  _defineProperty(this, _ViewerStateKeys$Scen, undefined);
+  /**
+   * Camera transform settings, as a list of `key:value` pairs separated by commas.
+   * Valid keys are defined in `CameraTransformKeys`:
+   * - `pos`: position
+   * - `tar`: target
+   * - `up`: up
+   * - `rot`: rotation
+   * - `ort`: orthographic scales
+   *
+   * All values are an array of three floats, separated by commas and
+   * encoded using `encodeURIComponent`.
+   */
+  _defineProperty(this, _ViewerStateKeys$Came, undefined);
+});
+
+/** URL parameters that define data sources when loading volumes. */
+var DataParams = /*#__PURE__*/_createClass(function DataParams() {
+  _classCallCheck(this, DataParams);
+  /**
+   * One or more volume URLs to load. If multiple URLs are provided, they should
+   * be separated by commas.
+   */
+  _defineProperty(this, "url", undefined);
+  /**
+   * The URL of a JSON manifest. The JSON should contain two properties:
+   *  - "scenes": A string array of volume URLs.
+   *  - "meta": An array of metadata dictionary objects.
+   *
+   * See `ManifestJson` for the type definition.
+   */
+  _defineProperty(this, "manifest", undefined);
+  /**
+   * The name of a dataset in the Cell Feature Explorer database. Used with `id`.
+   */
+  _defineProperty(this, "dataset", undefined);
+  /**
+   * The ID of a cell within the loaded dataset. Used with `dataset`.
+   */
+  _defineProperty(this, "id", undefined);
+});
+var DeprecatedParams = /*#__PURE__*/_createClass(function DeprecatedParams() {
+  _classCallCheck(this, DeprecatedParams);
+  /** Deprecated query parameter for channel settings. */
+  _defineProperty(this, "ch", undefined);
+  /** Deprecated query parameter for LUT settings. */
+  _defineProperty(this, "luts", undefined);
+  /** Deprecated query parameter for channel colors. */
+  _defineProperty(this, "colors", undefined);
+});
+var allowedParamKeys = [].concat(_toConsumableArray(Object.keys(new ViewerStateParams())), _toConsumableArray(Object.keys(new DataParams())), _toConsumableArray(Object.keys(new DeprecatedParams())));
+var isParamKey = function isParamKey(key) {
+  return allowedParamKeys.indexOf(key) !== -1;
+};
+var isChannelKey = function isChannelKey(key) {
+  return CHANNEL_STATE_KEY_REGEX.test(key);
+};
+
+/**
+ * Filters a set of URLSearchParams for only the keys that are valid parameters for the viewer.
+ * Non-matching keys are discarded.
+ * @param searchParams Input URL search parameters.
+ * @returns a dictionary object matching the type of `Params`.
+ */
+export function getAllowedParams(searchParams) {
+  var result = {};
+  var _iterator = _createForOfIteratorHelper(searchParams.entries()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = _slicedToArray(_step.value, 2),
+        key = _step$value[0],
+        value = _step$value[1];
+      if (isParamKey(key) || isChannelKey(key)) {
+        result[key] = value;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return result;
+}
+var decodeURL = function decodeURL(url) {
+  var decodedUrl = decodeURIComponent(url);
+  return decodedUrl.endsWith("/") ? decodedUrl.slice(0, -1) : decodedUrl;
+};
+
+/** Try to parse a `string` as a list of 2 or more URLs. Returns `undefined` if the string is not a valid URL list. */
+var tryDecodeURLList = function tryDecodeURLList(url) {
+  var delim = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ",";
+  if (typeof delim === "string" ? !url.includes(delim) : !delim.test(url)) {
+    return undefined;
+  }
+  var urls = url.split(delim).map(function (u) {
+    return decodeURL(u);
+  });
+
+  // Verify that all urls are valid
+  var _iterator2 = _createForOfIteratorHelper(urls),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var u = _step2.value;
+      try {
+        new URL(u);
+      } catch (_e) {
+        return undefined;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return urls;
+};
+
+//// DATA PARSING //////////////////////
+
+/**
+ * Parse a string list of comma-separated key:value pairs into
+ * a key-value object.
+ *
+ * @param data The string to parse. Expected to be in the format
+ * "key1:value1,key2:value2,...". Commas in keys or values
+ * must be encoded using `encodeURIComponent`.
+ * @returns An object with the parsed key-value pairs. Key and value strings
+ *  will be decoded using `decodeURIComponent`.
+ */
+export function parseKeyValueList(data) {
+  if (data === "") {
+    return {};
+  }
+  var result = {};
+  var keyValuePairs = data.split(",");
+  var _iterator3 = _createForOfIteratorHelper(keyValuePairs),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var pair = _step3.value;
+      var splitIndex = pair.indexOf(":");
+      var key = pair.slice(0, splitIndex);
+      var value = pair.slice(splitIndex + 1);
+      result[decodeURIComponent(key).trim()] = decodeURIComponent(value).trim();
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return result;
+}
+function decodeColons(str) {
+  return str.replace(ENCODED_COLON_REGEX, ":");
+}
+export function objectToKeyValueList(obj) {
+  var keyValuePairs = [];
+  for (var key in obj) {
+    var value = obj[key];
+    if (value === undefined) {
+      continue;
+    }
+    // Allow colon separators to remain unencoded to save URL character length.
+    var escapedValue = decodeColons(encodeURIComponent(value.trim()));
+    keyValuePairs.push("".concat(encodeURIComponent(key.trim()), ":").concat(escapedValue));
+  }
+  return keyValuePairs.join(",");
+}
+
+/**
+ * Parses a string to a float and clamps the result to the [min, max] range.
+ * Returns `undefined` if the string is undefined or NaN.
+ * @param value String to parse as a float. Will be parsed with `Number.parseFloat`.
+ * @param min Minimum value, inclusive.
+ * @param max Maximum value, inclusive.
+ * @returns
+ * - The parsed number, clamped to the [min, max] range.
+ * - `undefined` if the string is undefined or NaN.
+ */
+export function parseStringFloat(value, min, max) {
+  if (value === undefined) {
+    return undefined;
+  }
+  var number = Number.parseFloat(value);
+  return Number.isNaN(number) ? undefined : clamp(number, min, max);
+}
+
+/**
+ * Parses a string to an integer and clamps the result to the [min, max] range.
+ * @param value String to parse as a float. Assumes base 10, parses with `Number.parseInt(value, 10)`.
+ * @param min Minimum value, inclusive.
+ * @param max Maximum value, inclusive.
+ * @returns
+ * - The parsed number, clamped to the [min, max] range.
+ * - `undefined` if the string is undefined or NaN.
+ */
+export function parseStringInt(value, min, max) {
+  if (value === undefined) {
+    return undefined;
+  }
+  var number = Number.parseInt(value, 10);
+  if (Number.isNaN(number)) {
+    return undefined;
+  }
+  return clamp(number, min, max);
+}
+
+/**
+ * Parses a string to an enum value; if the string is not in the enum, returns the default value.
+ * @param value String to parse.
+ * @param enumValues Enum. Cannot be a `const enum`, as these are removed at compile time.
+ * @param defaultValue Default value to return if the string is not in the enum.
+ * @returns A value from the enum or the default value. Note that the return type includes `undefined`
+ * if the `defaultValue` is `undefined`.
+ */
+export function parseStringEnum(value, enumValues) {
+  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+  if (value === undefined || !Object.values(enumValues).includes(value)) {
+    return defaultValue;
+  }
+  return value;
+}
+
+/**
+ * Parses a string boolean value ("1" as true, "0" as false), and returns `undefined` if the value is `undefined`.
+ */
+function parseStringBoolean(value) {
+  if (value === undefined) {
+    return undefined;
+  }
+  return value === "1";
+}
+export function parseHexColorAsColorArray(hexColor) {
+  if (!hexColor || !HEX_COLOR_STR_REGEX.test(hexColor)) {
+    return undefined;
+  }
+  // if (hexColor in COLOR_CODES) {
+  //   return COLOR_CODES[hexColor];
+  // }
+  if (hexColor === DEFAULT_CONTROL_POINT_COLOR_CODE) {
+    return DEFAULT_CONTROL_POINT_COLOR;
+  }
+  var r = Number.parseInt(hexColor.slice(0, 2), 16);
+  var g = Number.parseInt(hexColor.slice(2, 4), 16);
+  var b = Number.parseInt(hexColor.slice(4, 6), 16);
+  return [r, g, b];
+}
+function colorArrayToHex(color) {
+  return color.map(function (c) {
+    return c.toString(16).padStart(2, "0");
+  }).join("").toLowerCase();
+}
+function parseStringSlice(region) {
+  if (!region || !SLICE_REGEX.test(region)) {
+    return undefined;
+  }
+  var _region$split$map = region.split(",").map(function (val) {
+      return parseStringFloat(val, 0, 1);
+    }),
+    _region$split$map2 = _slicedToArray(_region$split$map, 3),
+    x = _region$split$map2[0],
+    y = _region$split$map2[1],
+    z = _region$split$map2[2];
+  if (x === undefined || y === undefined || z === undefined) {
+    return undefined;
+  }
+  return {
+    x: x,
+    y: y,
+    z: z
+  };
+}
+
+/**
+ * Parses an array of three numbers from a string.
+ * @param stringArr The string to parse. Should be three numbers separated by a separator.
+ * @param options Optional parameters for parsing:
+ * - `min`: Minimum value for each number. Default is negative infinity.
+ * - `max`: Maximum value for each number. Default is positive infinity.
+ * - `separator`: Separator between numbers. Default is `,`.
+ * @returns
+ * - undefined if the string is undefined or could not be parsed.
+ * - An array of three numbers, clamped to the [min, max] range.
+ */
+function parseThreeNumberArray(stringArr, options) {
+  var _options$min, _options$max, _options$separator;
+  if (!stringArr) {
+    return undefined;
+  }
+  var min = (_options$min = options === null || options === void 0 ? void 0 : options.min) !== null && _options$min !== void 0 ? _options$min : Number.NEGATIVE_INFINITY;
+  var max = (_options$max = options === null || options === void 0 ? void 0 : options.max) !== null && _options$max !== void 0 ? _options$max : Number.POSITIVE_INFINITY;
+  var separator = (_options$separator = options === null || options === void 0 ? void 0 : options.separator) !== null && _options$separator !== void 0 ? _options$separator : ",";
+  var _stringArr$split$map = stringArr.split(separator).map(function (val) {
+      return parseStringFloat(val, min, max);
+    }),
+    _stringArr$split$map2 = _slicedToArray(_stringArr$split$map, 3),
+    x = _stringArr$split$map2[0],
+    y = _stringArr$split$map2[1],
+    z = _stringArr$split$map2[2];
+  if (x === undefined || y === undefined || z === undefined) {
+    return undefined;
+  }
+  return [x, y, z];
+}
+function parseStringRegion(region) {
+  if (!region || !REGION_REGEX.test(region)) {
+    return undefined;
+  }
+  var _region$split$map3 = region.split(",").map(function (axis) {
+      // each is a min/max pair
+      var _axis$split$map = axis.split(":").map(function (val) {
+          return parseStringFloat(val, 0, 1);
+        }),
+        _axis$split$map2 = _slicedToArray(_axis$split$map, 2),
+        min = _axis$split$map2[0],
+        max = _axis$split$map2[1];
+      if (min === undefined || max === undefined) {
+        return undefined;
+      }
+      // Ensure sorted order
+      return min < max ? [min, max] : [max, min];
+    }),
+    _region$split$map4 = _slicedToArray(_region$split$map3, 3),
+    x = _region$split$map4[0],
+    y = _region$split$map4[1],
+    z = _region$split$map4[2];
+  // Check for undefined values
+  if (x === undefined || y === undefined || z === undefined) {
+    return undefined;
+  }
+  return {
+    x: x,
+    y: y,
+    z: z
+  };
+}
+
+/**
+ * Formats a float or integer value to a string with a maximum precision for float values.
+ * @param value The number to format.
+ * @param maxPrecision The maximum number of significant digits to display for float values.
+ * Default is 7.
+ * @returns
+ * - For integers, the integer value as a string.
+ * - For floats, the float value as a string with a maximum of `maxPrecision` significant digits
+ * and any trailing zeroes removed.
+ *
+ * @example
+ * ```
+ * formatFloat(1.23456, 3) // "1.23"
+ * formatFloat(123456, 3) // "123456"
+ * formatFloat(1.3999999999999999, 3) // "1.4"
+ * ```
+ */
+function formatFloat(value) {
+  var maxPrecision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 7;
+  if (Number.isInteger(value)) {
+    return value.toString();
+  }
+  return Number(value.toPrecision(maxPrecision)).toString();
+}
+function perAxisToArray(perAxis) {
+  return [perAxis.x, perAxis.y, perAxis.z];
+}
+
+/** Serializes a region into a `x1:x2,y1:y2,z1:z2` string format. */
+function serializeRegion(region) {
+  return perAxisToArray(region).map(function (axis) {
+    return axis.map(function (val) {
+      return formatFloat(val);
+    }).join(":");
+  }).join(",");
+}
+
+/** Serializes a slice parameter into a `x,y,z` string format. */
+function serializeSlice(slice) {
+  return perAxisToArray(slice).map(function (val) {
+    return formatFloat(val);
+  }).join(",");
+}
+function serializeBoolean(value) {
+  if (value === undefined) {
+    return undefined;
+  }
+  return value ? "1" : "0";
+}
+function parseCameraState(cameraSettings) {
+  if (!cameraSettings) {
+    return undefined;
+  }
+  var parsedCameraSettings = parseKeyValueList(cameraSettings);
+  var result = {
+    position: parseThreeNumberArray(parsedCameraSettings[CameraTransformKeys.Position], {
+      separator: ":"
+    }),
+    target: parseThreeNumberArray(parsedCameraSettings[CameraTransformKeys.Target], {
+      separator: ":"
+    }),
+    up: parseThreeNumberArray(parsedCameraSettings[CameraTransformKeys.Up], {
+      separator: ":"
+    }),
+    // Orthographic scales cannot be negative
+    orthoScale: parseStringFloat(parsedCameraSettings[CameraTransformKeys.OrthoScale], 0, Infinity),
+    fov: parseStringFloat(parsedCameraSettings[CameraTransformKeys.Fov], 0, 180)
+  };
+  return removeUndefinedProperties(result);
+}
+export function serializeCameraState(cameraState, removeDefaults) {
+  var viewMode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ViewMode.threeD;
+  if (removeDefaults) {
+    // Note that we use the `getDefaultCameraState()` to get the defaults here,
+    // instead of `getDefaultViewerState().cameraState`. The latter is undefined, which signals
+    // that the camera should not be modified for URLs that don't specify it.
+    cameraState = removeMatchingProperties(cameraState, getDefaultCameraState(viewMode));
+    if (Object.keys(cameraState).length === 0) {
+      return undefined;
+    }
+  }
+  var cameraString = objectToKeyValueList(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CameraTransformKeys.Position, cameraState.position && cameraState.position.map(function (value) {
+    return formatFloat(value);
+  }).join(":")), CameraTransformKeys.Target, cameraState.target && cameraState.target.map(function (value) {
+    return formatFloat(value);
+  }).join(":")), CameraTransformKeys.Up, cameraState.up && cameraState.up.map(function (value) {
+    return formatFloat(value);
+  }).join(":")), CameraTransformKeys.OrthoScale, cameraState.orthoScale === undefined ? undefined : formatFloat(cameraState.orthoScale)), CameraTransformKeys.Fov, cameraState.fov === undefined ? undefined : formatFloat(cameraState.fov)));
+  return cameraString === "" ? undefined : cameraString;
+}
+function serializeControlPoints(controlPoints) {
+  return controlPoints.map(function (cp) {
+    var x = formatFloat(cp.x);
+    var opacity = formatFloat(cp.opacity);
+    // Default color is empty string
+    // TODO: Substitute
+    var color = isEqual(cp.color, DEFAULT_CONTROL_POINT_COLOR) ? DEFAULT_CONTROL_POINT_COLOR_CODE : colorArrayToHex(cp.color);
+    return "".concat(x, ":").concat(opacity, ":").concat(color);
+  }).join(":");
+}
+function parseControlPoints(controlPoints) {
+  if (!(controlPoints && (CONTROL_POINTS_REGEX.test(controlPoints) || LEGACY_CONTROL_POINTS_REGEX.test(controlPoints)))) {
+    return undefined;
+  }
+
+  // Parse raw control point data from the string into an array of [x, opacity, color] triplets.
+  var rawControlPointData;
+  if (LEGACY_CONTROL_POINTS_REGEX.test(controlPoints)) {
+    // Legacy format uses commas to separate control points.
+    rawControlPointData = controlPoints.split(",").map(function (cp) {
+      return cp.split(":");
+    });
+  } else {
+    // New format is all colon-separated, where every three elements represent a control point.
+    rawControlPointData = controlPoints.split(":").reduce(function (acc, _val, i, array) {
+      if ((i + 1) % 3 === 0) {
+        acc.push([array[i - 2], array[i - 1], array[i]]);
+      }
+      return acc;
+    }, []);
+  }
+  var newControlPoints = rawControlPointData.map(function (cp) {
+    var _parseStringFloat, _parseStringFloat2, _parseHexColorAsColor;
+    var _cp = _slicedToArray(cp, 3),
+      x = _cp[0],
+      opacity = _cp[1],
+      color = _cp[2];
+    return {
+      x: (_parseStringFloat = parseStringFloat(x, -Infinity, Infinity)) !== null && _parseStringFloat !== void 0 ? _parseStringFloat : 0,
+      opacity: (_parseStringFloat2 = parseStringFloat(opacity, 0, 1)) !== null && _parseStringFloat2 !== void 0 ? _parseStringFloat2 : 1.0,
+      color: (_parseHexColorAsColor = parseHexColorAsColorArray(color)) !== null && _parseHexColorAsColor !== void 0 ? _parseHexColorAsColor : DEFAULT_CONTROL_POINT_COLOR
+    };
+  });
+  // Sort control points by x value
+  return newControlPoints.sort(function (a, b) {
+    return a.x - b.x;
+  });
+}
+
+//// DATA SERIALIZATION //////////////////////
+
+/**
+ * Parses a ViewerChannelSetting from a JSON object.
+ * @param channelIndex Index of the channel, to be turned into a `match` value.
+ * @param jsonState The serialized ViewerChannelSetting to parse, as an object.
+ * @returns A ViewerChannelSetting object.
+ */
+export function deserializeViewerChannelSetting(channelIndex, jsonState) {
+  // Missing/undefined fields should be handled downstream.
+  var result = {
+    match: channelIndex,
+    enabled: parseStringBoolean(jsonState[ViewerChannelSettingKeys.VolumeEnabled]),
+    surfaceEnabled: parseStringBoolean(jsonState[ViewerChannelSettingKeys.SurfaceEnabled]),
+    isovalue: parseStringFloat(jsonState[ViewerChannelSettingKeys.IsosurfaceValue], 0, 255),
+    surfaceOpacity: parseStringFloat(jsonState[ViewerChannelSettingKeys.IsosurfaceAlpha], 0, 1),
+    colorizeEnabled: parseStringBoolean(jsonState[ViewerChannelSettingKeys.Colorize]),
+    colorizeAlpha: parseStringFloat(jsonState[ViewerChannelSettingKeys.ColorizeAlpha], 0, 1),
+    controlPointsEnabled: parseStringBoolean(jsonState[ViewerChannelSettingKeys.ControlPointsEnabled])
+  };
+  if (jsonState[ViewerChannelSettingKeys.Color] && HEX_COLOR_REGEX.test(jsonState.col)) {
+    result.color = jsonState[ViewerChannelSettingKeys.Color];
+  }
+  if (jsonState[ViewerChannelSettingKeys.Lut] && LUT_REGEX.test(jsonState.lut)) {
+    var _jsonState$ViewerChan = jsonState[ViewerChannelSettingKeys.Lut].split(":"),
+      _jsonState$ViewerChan2 = _slicedToArray(_jsonState$ViewerChan, 2),
+      min = _jsonState$ViewerChan2[0],
+      max = _jsonState$ViewerChan2[1];
+    result.lut = [min.trim(), max.trim()];
+  }
+  if (jsonState[ViewerChannelSettingKeys.Ramp] && RAMP_REGEX.test(jsonState.rmp)) {
+    var _jsonState$ViewerChan3 = jsonState[ViewerChannelSettingKeys.Ramp].split(":"),
+      _jsonState$ViewerChan4 = _slicedToArray(_jsonState$ViewerChan3, 2),
+      _min = _jsonState$ViewerChan4[0],
+      _max = _jsonState$ViewerChan4[1];
+    result.ramp = [Number.parseFloat(_min), Number.parseFloat(_max)];
+  }
+  if (jsonState[ViewerChannelSettingKeys.ControlPoints]) {
+    result.controlPoints = parseControlPoints(jsonState[ViewerChannelSettingKeys.ControlPoints]);
+  }
+  return result;
+}
+
+/**
+ * Serializes a single viewer channel setting into a dictionary of URL parameters
+ * (`ViewerChannelSettingParams`).
+ * @param channelSetting The channel state object to serialize.
+ * @param removeDefaults Whether to remove properties that match the output of `GET_DEFAULT_CHANNEL_STATE`.
+ * @returns A `ViewerChannelSettingParams` object with the serialized parameters. Undefined values are removed.
+ */
+export function serializeViewerChannelSetting(channelSetting, removeDefaults) {
+  var _channelSetting$isova, _channelSetting$opaci, _channelSetting$color, _channelSetting$ramp;
+  if (removeDefaults) {
+    channelSetting = removeMatchingProperties(channelSetting, getDefaultChannelState());
+  }
+  return removeUndefinedProperties(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ViewerChannelSettingKeys.VolumeEnabled, serializeBoolean(channelSetting.volumeEnabled)), ViewerChannelSettingKeys.SurfaceEnabled, serializeBoolean(channelSetting.isosurfaceEnabled)), ViewerChannelSettingKeys.IsosurfaceValue, (_channelSetting$isova = channelSetting.isovalue) === null || _channelSetting$isova === void 0 ? void 0 : _channelSetting$isova.toString()), ViewerChannelSettingKeys.IsosurfaceAlpha, (_channelSetting$opaci = channelSetting.opacity) === null || _channelSetting$opaci === void 0 ? void 0 : _channelSetting$opaci.toString()), ViewerChannelSettingKeys.Colorize, serializeBoolean(channelSetting.colorizeEnabled)), ViewerChannelSettingKeys.ColorizeAlpha, (_channelSetting$color = channelSetting.colorizeAlpha) === null || _channelSetting$color === void 0 ? void 0 : _channelSetting$color.toString()), ViewerChannelSettingKeys.Color, channelSetting.color && colorArrayToHex(channelSetting.color)), ViewerChannelSettingKeys.ControlPoints, channelSetting.controlPoints && serializeControlPoints(channelSetting.controlPoints)), ViewerChannelSettingKeys.ControlPointsEnabled, serializeBoolean(channelSetting.useControlPoints)), ViewerChannelSettingKeys.Ramp, (_channelSetting$ramp = channelSetting.ramp) === null || _channelSetting$ramp === void 0 ? void 0 : _channelSetting$ramp.map(function (value) {
+    return formatFloat(value);
+  }).join(":")));
+}
+export function deserializeViewerState(params) {
+  var result = {
+    maskAlpha: parseStringInt(params[ViewerStateKeys.Mask], 0, 100),
+    imageType: parseStringEnum(params[ViewerStateKeys.Image], ImageType),
+    showAxes: parseStringBoolean(params[ViewerStateKeys.Axes]),
+    showBoundingBox: parseStringBoolean(params[ViewerStateKeys.BoundingBox]),
+    boundingBoxColor: parseHexColorAsColorArray(params[ViewerStateKeys.BoundingBoxColor]),
+    backgroundColor: parseHexColorAsColorArray(params[ViewerStateKeys.BackgroundColor]),
+    autorotate: parseStringBoolean(params[ViewerStateKeys.Autorotate]),
+    brightness: parseStringFloat(params[ViewerStateKeys.Brightness], 0, 100),
+    density: parseStringFloat(params[ViewerStateKeys.Density], 0, 100),
+    levels: parseThreeNumberArray(params[ViewerStateKeys.Levels], {
+      min: 0,
+      max: 255
+    }),
+    interpolationEnabled: parseStringBoolean(params[ViewerStateKeys.Interpolation]),
+    region: parseStringRegion(params[ViewerStateKeys.Region]),
+    slice: parseStringSlice(params[ViewerStateKeys.Slice]),
+    time: parseStringInt(params[ViewerStateKeys.Time], 0, Number.POSITIVE_INFINITY),
+    scene: parseStringInt(params[ViewerStateKeys.Scene], 0, Number.POSITIVE_INFINITY),
+    renderMode: parseStringEnum(params[ViewerStateKeys.Mode], RenderMode),
+    cameraState: parseCameraState(params[ViewerStateKeys.CameraState])
+  };
+
+  // Handle viewmode, since they use different mappings
+  // TODO: Allow lowercase
+  if (params.view) {
+    var viewParamToViewMode = {
+      "3D": ViewMode.threeD,
+      Z: ViewMode.xy,
+      Y: ViewMode.xz,
+      X: ViewMode.yz
+    };
+    var allowedViews = Object.keys(viewParamToViewMode);
+    var view;
+    if (allowedViews.includes(params.view.toUpperCase())) {
+      view = params.view.toUpperCase();
+    } else {
+      view = "3D";
+    }
+    result.viewMode = viewParamToViewMode[view];
+  }
+  return removeUndefinedProperties(result);
+}
+
+/**
+ * Serializes a ViewerState object into a dictionary of URL parameters.
+ * @param state The ViewerState to serialize.
+ * @param removeDefaults If true, remove properties that match the output of `GET_DEFAULT_VIEWER_STATE`.
+ * @returns A `ViewerStateParams` object with the serialized parameters. Undefined values are removed.
+ */
+export function serializeViewerState(state, removeDefaults) {
+  var _state$maskAlpha, _state$brightness, _state$density, _state$levels, _state$time, _state$scene, _result;
+  if (removeDefaults) {
+    state = removeMatchingProperties(state, getDefaultViewerState());
+  }
+  var result = (_result = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_result, ViewerStateKeys.Mode, state.renderMode), ViewerStateKeys.Mask, (_state$maskAlpha = state.maskAlpha) === null || _state$maskAlpha === void 0 ? void 0 : _state$maskAlpha.toString()), ViewerStateKeys.Image, state.imageType), ViewerStateKeys.Axes, serializeBoolean(state.showAxes)), ViewerStateKeys.BoundingBox, serializeBoolean(state.showBoundingBox)), ViewerStateKeys.BoundingBoxColor, state.boundingBoxColor && colorArrayToHex(state.boundingBoxColor)), ViewerStateKeys.BackgroundColor, state.backgroundColor && colorArrayToHex(state.backgroundColor)), ViewerStateKeys.Autorotate, serializeBoolean(state.autorotate)), ViewerStateKeys.Brightness, (_state$brightness = state.brightness) === null || _state$brightness === void 0 ? void 0 : _state$brightness.toString()), ViewerStateKeys.Density, (_state$density = state.density) === null || _state$density === void 0 ? void 0 : _state$density.toString()), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_result, ViewerStateKeys.Interpolation, serializeBoolean(state.interpolationEnabled)), ViewerStateKeys.Region, state.region && serializeRegion(state.region)), ViewerStateKeys.Slice, state.slice && serializeSlice(state.slice)), ViewerStateKeys.Levels, (_state$levels = state.levels) === null || _state$levels === void 0 ? void 0 : _state$levels.join(",")), ViewerStateKeys.Time, (_state$time = state.time) === null || _state$time === void 0 ? void 0 : _state$time.toString()), ViewerStateKeys.Scene, (_state$scene = state.scene) === null || _state$scene === void 0 ? void 0 : _state$scene.toString()), ViewerStateKeys.CameraState, state.cameraState && serializeCameraState(state.cameraState, removeDefaults, state.viewMode)));
+  var viewModeToViewParam = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ViewMode.threeD, "3D"), ViewMode.xy, "Z"), ViewMode.xz, "Y"), ViewMode.yz, "X");
+  result[ViewerStateKeys.View] = state.viewMode && viewModeToViewParam[state.viewMode];
+  return removeUndefinedProperties(result);
+}
+function parseDeprecatedChannelSettings(params) {
+  // old, deprecated channels model
+  if (params.ch) {
+    // ?ch=1,2
+    // ?luts=0,255,0,255
+    // ?colors=ff0000,00ff00
+    var initialChannelSettings = {
+      groups: [{
+        name: "Channels",
+        channels: []
+      }]
+    };
+    var ch = initialChannelSettings.groups[0].channels;
+    var channelsOn = params.ch.split(",").map(function (numstr) {
+      return Number.parseInt(numstr, 10);
+    });
+    for (var i = 0; i < channelsOn.length; ++i) {
+      ch.push({
+        match: channelsOn[i],
+        enabled: true
+      });
+    }
+    // look for luts or color
+    if (params.luts) {
+      var luts = params.luts.split(",");
+      if (luts.length !== ch.length * 2) {
+        console.warn("ILL-FORMED QUERYSTRING: luts must have a min/max for each ch");
+      } else {
+        for (var _i = 0; _i < ch.length; ++_i) {
+          ch[_i]["lut"] = [luts[_i * 2], luts[_i * 2 + 1]];
+        }
+      }
+    }
+    if (params.colors) {
+      var colors = params.colors.split(",");
+      if (colors.length !== ch.length) {
+        console.warn("ILL-FORMED QUERYSTRING: if colors specified, must have a color for each ch");
+      } else {
+        for (var _i2 = 0; _i2 < ch.length; ++_i2) {
+          ch[_i2]["color"] = colors[_i2];
+        }
+      }
+    }
+    return initialChannelSettings;
+  }
+  return undefined;
+}
+function parseChannelSettings(params) {
+  // Channels keys are formatted as `c0`, `c1`, etc., and the value is string containing
+  // a comma-separated list of key-value pairs.
+  var channelIndexToSettings = new Map();
+  Object.keys(params).forEach(function (key) {
+    if (isChannelKey(key)) {
+      var channelIndex = Number.parseInt(key.slice(1), 10);
+      try {
+        var channelData = parseKeyValueList(params[key]);
+        var channelSetting = deserializeViewerChannelSetting(channelIndex, channelData);
+        channelIndexToSettings.set(channelIndex, channelSetting);
+      } catch (e) {
+        console.warn("url_utils.getArgsFromParams: Failed to parse channel settings for channel ".concat(channelIndex, " from URL parameters."), e);
+      }
+    }
+  });
+  if (channelIndexToSettings.size > 0) {
+    var groups = [{
+      name: "Channels",
+      channels: Array.from(channelIndexToSettings.values())
+    }];
+    return {
+      groups: groups
+    };
+  }
+  return undefined;
+}
+
+//// FULL URL PARSING //////////////////////
+function loadDataset(_x, _x2, _x3) {
+  return _loadDataset.apply(this, arguments);
+}
+function _loadDataset() {
+  _loadDataset = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(firestore, dataset, id) {
+    var db, args, datasets, datasetMeta, _iterator4, _step4, d, innerDatasets, names, matchingName, datasetData, baseUrl, fileInfo;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          db = new FirebaseRequest(firestore);
+          args = {};
+          _context.next = 4;
+          return db.getAvailableDatasets();
+        case 4:
+          datasets = _context.sent;
+          datasetMeta = undefined;
+          _iterator4 = _createForOfIteratorHelper(datasets);
+          _context.prev = 7;
+          _iterator4.s();
+        case 9:
+          if ((_step4 = _iterator4.n()).done) {
+            _context.next = 19;
+            break;
+          }
+          d = _step4.value;
+          innerDatasets = d.datasets;
+          names = Object.keys(innerDatasets);
+          matchingName = names.find(function (name) {
+            return name === dataset;
+          });
+          if (!matchingName) {
+            _context.next = 17;
+            break;
+          }
+          datasetMeta = innerDatasets[matchingName];
+          return _context.abrupt("break", 19);
+        case 17:
+          _context.next = 9;
+          break;
+        case 19:
+          _context.next = 24;
+          break;
+        case 21:
+          _context.prev = 21;
+          _context.t0 = _context["catch"](7);
+          _iterator4.e(_context.t0);
+        case 24:
+          _context.prev = 24;
+          _iterator4.f();
+          return _context.finish(24);
+        case 27:
+          if (!(datasetMeta === undefined)) {
+            _context.next = 30;
+            break;
+          }
+          console.error("No matching dataset: ".concat(dataset));
+          return _context.abrupt("return", {});
+        case 30:
+          _context.next = 32;
+          return db.selectDataset(datasetMeta.manifest);
+        case 32:
+          datasetData = _context.sent;
+          baseUrl = datasetData.volumeViewerDataRoot + "/";
+          args.imageDownloadHref = datasetData.downloadRoot + "/" + id;
+          // args.fovDownloadHref = datasetData.downloadRoot + "/" + id;
+          _context.next = 37;
+          return db.getFileInfoByCellId(id);
+        case 37:
+          fileInfo = _context.sent;
+          args.imageUrl = baseUrl + fileInfo.volumeviewerPath;
+          args.parentImageUrl = baseUrl + fileInfo.fovVolumeviewerPath;
+          return _context.abrupt("return", args);
+        case 41:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[7, 21, 24, 27]]);
+  }));
+  return _loadDataset.apply(this, arguments);
+}
+function isStringArray(arr) {
+  return Array.isArray(arr) && arr.every(function (item) {
+    return typeof item === "string";
+  });
+}
+function isValidScenesArray(arr) {
+  return Array.isArray(arr) && arr.every(function (item) {
+    return typeof item === "string" || isStringArray(item);
+  });
+}
+export function loadFromManifest(_x4) {
+  return _loadFromManifest.apply(this, arguments);
+}
+
+/**
+ * Parses a set of URL search parameters into props for the viewer.
+ * @param urlSearchParams The URLSearchParams object to parse.
+ * @param firestore Optional Firestore instance. If provided, the function can
+ * load data from a Firestore dataset if the `dataset` and `id` parameters are
+ * provided.
+ * @returns An object containing:
+ * - `args`: Partial AppProps object.
+ * - `viewerSettings`: Partial ViewerState object.
+ *
+ * `args` can be passed as props to the `ImageViewerApp`, and `viewerSettings`
+ * can be passed to `ViewerStateProvider`.
+ */
+function _loadFromManifest() {
+  _loadFromManifest = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(manifestUrl) {
+    var response, manifestJson, scenes, metadata;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          _context2.next = 3;
+          return fetch(manifestUrl);
+        case 3:
+          response = _context2.sent;
+          _context2.next = 10;
+          break;
+        case 6:
+          _context2.prev = 6;
+          _context2.t0 = _context2["catch"](0);
+          console.error(_context2.t0);
+          throw new Error("JSON manifest could not be fetched from URL '".concat(manifestUrl, "': ").concat(_context2.t0));
+        case 10:
+          if (response.ok) {
+            _context2.next = 12;
+            break;
+          }
+          throw new Error("JSON manifest could not be fetched from URL '".concat(manifestUrl, "': Received ").concat(response.status, " ").concat(response.statusText));
+        case 12:
+          _context2.prev = 12;
+          _context2.next = 15;
+          return response.json();
+        case 15:
+          manifestJson = _context2.sent;
+          _context2.next = 21;
+          break;
+        case 18:
+          _context2.prev = 18;
+          _context2.t1 = _context2["catch"](12);
+          throw new Error("Could not parse JSON manifest from URL '".concat(manifestUrl, "': ").concat(_context2.t1));
+        case 21:
+          // Parse scenes
+          scenes = manifestJson.scenes;
+          if (!(scenes === undefined)) {
+            _context2.next = 24;
+            break;
+          }
+          throw new Error("No 'scenes' property was found in JSON manifest from URL '".concat(manifestUrl, "'"));
+        case 24:
+          if (typeof scenes === "string") {
+            scenes = [scenes];
+          }
+          if (!(!Array.isArray(scenes) || scenes.length === 0 || !isValidScenesArray(scenes))) {
+            _context2.next = 27;
+            break;
+          }
+          throw new Error("Invalid 'scenes' property found in JSON manifest from URL '".concat(manifestUrl, "'. 'scenes' must be a non-empty array of strings or string arrays."));
+        case 27:
+          // Parse metadata
+          metadata = undefined;
+          if (manifestJson.meta !== undefined && Array.isArray(manifestJson.meta)) {
+            metadata = manifestJson.meta;
+          }
+          return _context2.abrupt("return", {
+            scenes: scenes,
+            metadata: metadata
+          });
+        case 30:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 6], [12, 18]]);
+  }));
+  return _loadFromManifest.apply(this, arguments);
+}
+export function parseViewerUrlParams(_x5, _x6) {
+  return _parseViewerUrlParams.apply(this, arguments);
+}
+
+/**
+ * Serializes the ViewerState and ChannelState of a ViewerStateContext into a URLSearchParams object.
+ * @param state ViewerStateContext to serialize.
+ * @param removeDefaults If true, shortens parameters by removing any properties that match the default state.
+ * This includes the output of GET_DEFAULT_VIEWER_STATE and GET_DEFAULT_CHANNEL_STATE.
+ */
+function _parseViewerUrlParams() {
+  _parseViewerUrlParams = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(urlSearchParams, firestore) {
+    var params, args, viewerSettings, deprecatedChannelSettings, channelSettings, scenes, _yield$loadFromManife, manifestScenes, manifestMetadata, _localStorage$getItem, _tryDecodeURLList, getFromStorage, urlParam, sceneUrls, metadataJson, firstScene, firstUrl, imageUrls, datasetArgs;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          params = getAllowedParams(urlSearchParams);
+          args = {}; // Parse viewer state
+          viewerSettings = deserializeViewerState(params); // Parse channel settings. If per-channel settings are provided, they will override
+          // the old `ch` query parameter.
+          deprecatedChannelSettings = parseDeprecatedChannelSettings(params);
+          channelSettings = parseChannelSettings(params);
+          args.viewerChannelSettings = channelSettings !== null && channelSettings !== void 0 ? channelSettings : deprecatedChannelSettings;
+
+          // Parse data sources (URL or dataset/id pair)
+          if (!(params.manifest !== undefined || params.url !== undefined)) {
+            _context3.next = 33;
+            break;
+          }
+          if (!params.manifest) {
+            _context3.next = 17;
+            break;
+          }
+          _context3.next = 10;
+          return loadFromManifest(params.manifest);
+        case 10:
+          _yield$loadFromManife = _context3.sent;
+          manifestScenes = _yield$loadFromManife.scenes;
+          manifestMetadata = _yield$loadFromManife.metadata;
+          scenes = manifestScenes;
+          args.metadata = manifestMetadata !== null && manifestMetadata !== void 0 ? manifestMetadata : undefined;
+          _context3.next = 22;
+          break;
+        case 17:
+          // Load from URL
+          getFromStorage = params.url === URL_FETCH_FROM_STORAGE;
+          urlParam = getFromStorage ? (_localStorage$getItem = localStorage.getItem("url")) !== null && _localStorage$getItem !== void 0 ? _localStorage$getItem : params.url : params.url; // split encoded url into a list of one or more scenes...
+          sceneUrls = (_tryDecodeURLList = tryDecodeURLList(urlParam, /[+ ]/)) !== null && _tryDecodeURLList !== void 0 ? _tryDecodeURLList : [urlParam]; // ...and each scene into a list of multiple sources, if any.
+          scenes = sceneUrls.map(function (scene) {
+            var _tryDecodeURLList2;
+            return (_tryDecodeURLList2 = tryDecodeURLList(scene)) !== null && _tryDecodeURLList2 !== void 0 ? _tryDecodeURLList2 : decodeURL(scene);
+          });
+          if (getFromStorage) {
+            metadataJson = localStorage.getItem("meta");
+            args.metadata = metadataJson !== null ? JSON.parse(metadataJson) : undefined;
+          }
+        case 22:
+          firstScene = scenes[0]; // Get the very first URL for the download button
+          firstUrl = Array.isArray(firstScene) ? firstScene[0] : firstScene; // If there's only one url, just pass that
+          imageUrls = scenes.length > 1 || firstScene.length > 1 ? {
+            scenes: scenes
+          } : firstScene[0];
+          args.cellId = "1";
+          args.imageUrl = imageUrls;
+          // this is invalid for zarr?
+          args.imageDownloadHref = firstUrl;
+          args.parentImageUrl = "";
+          args.parentImageDownloadHref = "";
+          // Check if channel settings are already provided (through per-channel settings or
+          // old `ch` query param, or included in JSON files). If not, make first three
+          // channels visible by default.
+          if (!firstUrl.endsWith("json") && !args.viewerChannelSettings) {
+            args.viewerChannelSettings = {
+              groups: [
+              // first 3 channels on by default!
+              {
+                name: "Channels",
+                channels: [{
+                  match: [0, 1, 2],
+                  enabled: true
+                }, {
+                  match: "(.+)",
+                  enabled: false
+                }]
+              }]
+            };
+          }
+          _context3.next = 38;
+          break;
+        case 33:
+          if (!(params.dataset && params.id && firestore)) {
+            _context3.next = 38;
+            break;
+          }
+          _context3.next = 36;
+          return loadDataset(firestore, params.dataset, params.id);
+        case 36:
+          datasetArgs = _context3.sent;
+          args = _objectSpread(_objectSpread({}, args), datasetArgs);
+        case 38:
+          return _context3.abrupt("return", {
+            args: removeUndefinedProperties(args),
+            viewerSettings: removeUndefinedProperties(viewerSettings)
+          });
+        case 39:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _parseViewerUrlParams.apply(this, arguments);
+}
+export function serializeViewerUrlParams(state) {
+  var _state$channelSetting;
+  var removeDefaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var params = serializeViewerState(state, removeDefaults);
+  var channelParams = (_state$channelSetting = state.channelSettings) === null || _state$channelSetting === void 0 ? void 0 : _state$channelSetting.reduce(function (acc, channelSetting, index) {
+    var key = "c".concat(index);
+    acc[key] = objectToKeyValueList(serializeViewerChannelSetting(channelSetting, removeDefaults));
+    return acc;
+  }, {});
+  return _objectSpread(_objectSpread({}, params), channelParams);
+}