@wiajs/core 1.0.1 → 1.0.3

package/dist/core.js

@@ -1,5 +1,5 @@
 /*!
-  * wia core v1.0.1
+  * wia core v1.0.2
   * (c) 2015-2023 Sibyl Yu and contributors
   * Released under the MIT License.
   */
@@ -123,6 +123,970 @@
     _setPrototypeOf(subClass, superClass);
   }
 
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (it) return (it = it.call(o)).next.bind(it);
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+      if (it) o = it;
+      var i = 0;
+      return function () {
+        if (i >= o.length) return {
+          done: true
+        };
+        return {
+          done: false,
+          value: o[i++]
+        };
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function signum(num) {
+    return num < 0 ? -1 : 0 === num ? 0 : 1;
+  }
+  function lerp(start, stop, amount) {
+    return (1 - amount) * start + amount * stop;
+  }
+  function clampInt(min, max, input) {
+    return input < min ? min : input > max ? max : input;
+  }
+  function sanitizeDegreesDouble(degrees) {
+    return (degrees %= 360) < 0 && (degrees += 360), degrees;
+  }
+  function rotationDirection(from, to) {
+    return sanitizeDegreesDouble(to - from) <= 180 ? 1 : -1;
+  }
+  function differenceDegrees(a, b) {
+    return 180 - Math.abs(Math.abs(a - b) - 180);
+  }
+  function matrixMultiply(row, matrix) {
+    return [row[0] * matrix[0][0] + row[1] * matrix[0][1] + row[2] * matrix[0][2], row[0] * matrix[1][0] + row[1] * matrix[1][1] + row[2] * matrix[1][2], row[0] * matrix[2][0] + row[1] * matrix[2][1] + row[2] * matrix[2][2]];
+  }
+  var SRGB_TO_XYZ = [[.41233895, .35762064, .18051042], [.2126, .7152, .0722], [.01932141, .11916382, .95034478]],
+    XYZ_TO_SRGB = [[3.2413774792388685, -1.5376652402851851, -.49885366846268053], [-.9691452513005321, 1.8758853451067872, .04156585616912061], [.05562093689691305, -.20395524564742123, 1.0571799111220335]],
+    WHITE_POINT_D65 = [95.047, 100, 108.883];
+  function argbFromRgb(red, green, blue) {
+    return (255 << 24 | (255 & red) << 16 | (255 & green) << 8 | 255 & blue) >>> 0;
+  }
+  function argbFromLinrgb(linrgb) {
+    return argbFromRgb(delinearized(linrgb[0]), delinearized(linrgb[1]), delinearized(linrgb[2]));
+  }
+  function redFromArgb(argb) {
+    return argb >> 16 & 255;
+  }
+  function greenFromArgb(argb) {
+    return argb >> 8 & 255;
+  }
+  function blueFromArgb(argb) {
+    return 255 & argb;
+  }
+  function argbFromXyz(x, y, z) {
+    var matrix = XYZ_TO_SRGB,
+      linearR = matrix[0][0] * x + matrix[0][1] * y + matrix[0][2] * z,
+      linearG = matrix[1][0] * x + matrix[1][1] * y + matrix[1][2] * z,
+      linearB = matrix[2][0] * x + matrix[2][1] * y + matrix[2][2] * z;
+    return argbFromRgb(delinearized(linearR), delinearized(linearG), delinearized(linearB));
+  }
+  function xyzFromArgb(argb) {
+    return matrixMultiply([linearized(redFromArgb(argb)), linearized(greenFromArgb(argb)), linearized(blueFromArgb(argb))], SRGB_TO_XYZ);
+  }
+  function argbFromLstar(lstar) {
+    var component = delinearized(yFromLstar(lstar));
+    return argbFromRgb(component, component, component);
+  }
+  function lstarFromArgb(argb) {
+    return 116 * labF(xyzFromArgb(argb)[1] / 100) - 16;
+  }
+  function yFromLstar(lstar) {
+    return 100 * labInvf((lstar + 16) / 116);
+  }
+  function linearized(rgbComponent) {
+    var normalized = rgbComponent / 255;
+    return normalized <= .040449936 ? normalized / 12.92 * 100 : 100 * Math.pow((normalized + .055) / 1.055, 2.4);
+  }
+  function delinearized(rgbComponent) {
+    var normalized = rgbComponent / 100;
+    var delinearized = 0;
+    return delinearized = normalized <= .0031308 ? 12.92 * normalized : 1.055 * Math.pow(normalized, 1 / 2.4) - .055, clampInt(0, 255, Math.round(255 * delinearized));
+  }
+  function whitePointD65() {
+    return WHITE_POINT_D65;
+  }
+  function labF(t) {
+    return t > 216 / 24389 ? Math.pow(t, 1 / 3) : (903.2962962962963 * t + 16) / 116;
+  }
+  function labInvf(ft) {
+    var ft3 = ft * ft * ft;
+    return ft3 > 216 / 24389 ? ft3 : (116 * ft - 16) / 903.2962962962963;
+  }
+  var ViewingConditions = function () {
+    ViewingConditions.make = function make(whitePoint, adaptingLuminance, backgroundLstar, surround, discountingIlluminant) {
+      if (whitePoint === void 0) {
+        whitePoint = whitePointD65();
+      }
+      if (adaptingLuminance === void 0) {
+        adaptingLuminance = 200 / Math.PI * yFromLstar(50) / 100;
+      }
+      if (backgroundLstar === void 0) {
+        backgroundLstar = 50;
+      }
+      if (surround === void 0) {
+        surround = 2;
+      }
+      if (discountingIlluminant === void 0) {
+        discountingIlluminant = !1;
+      }
+      var xyz = whitePoint,
+        rW = .401288 * xyz[0] + .650173 * xyz[1] + -.051461 * xyz[2],
+        gW = -.250268 * xyz[0] + 1.204414 * xyz[1] + .045854 * xyz[2],
+        bW = -.002079 * xyz[0] + .048952 * xyz[1] + .953127 * xyz[2],
+        f = .8 + surround / 10,
+        c = f >= .9 ? lerp(.59, .69, 10 * (f - .9)) : lerp(.525, .59, 10 * (f - .8));
+      var d = discountingIlluminant ? 1 : f * (1 - 1 / 3.6 * Math.exp((-adaptingLuminance - 42) / 92));
+      d = d > 1 ? 1 : d < 0 ? 0 : d;
+      var nc = f,
+        rgbD = [d * (100 / rW) + 1 - d, d * (100 / gW) + 1 - d, d * (100 / bW) + 1 - d],
+        k = 1 / (5 * adaptingLuminance + 1),
+        k4 = k * k * k * k,
+        k4F = 1 - k4,
+        fl = k4 * adaptingLuminance + .1 * k4F * k4F * Math.cbrt(5 * adaptingLuminance),
+        n = yFromLstar(backgroundLstar) / whitePoint[1],
+        z = 1.48 + Math.sqrt(n),
+        nbb = .725 / Math.pow(n, .2),
+        ncb = nbb,
+        rgbAFactors = [Math.pow(fl * rgbD[0] * rW / 100, .42), Math.pow(fl * rgbD[1] * gW / 100, .42), Math.pow(fl * rgbD[2] * bW / 100, .42)],
+        rgbA = [400 * rgbAFactors[0] / (rgbAFactors[0] + 27.13), 400 * rgbAFactors[1] / (rgbAFactors[1] + 27.13), 400 * rgbAFactors[2] / (rgbAFactors[2] + 27.13)];
+      return new ViewingConditions(n, (2 * rgbA[0] + rgbA[1] + .05 * rgbA[2]) * nbb, nbb, ncb, c, nc, rgbD, fl, Math.pow(fl, .25), z);
+    };
+    function ViewingConditions(n, aw, nbb, ncb, c, nc, rgbD, fl, fLRoot, z) {
+      this.n = n, this.aw = aw, this.nbb = nbb, this.ncb = ncb, this.c = c, this.nc = nc, this.rgbD = rgbD, this.fl = fl, this.fLRoot = fLRoot, this.z = z;
+    }
+    return ViewingConditions;
+  }();
+  ViewingConditions.DEFAULT = ViewingConditions.make();
+  var Cam16 = function () {
+    function Cam16(hue, chroma, j, q, m, s, jstar, astar, bstar) {
+      this.hue = hue, this.chroma = chroma, this.j = j, this.q = q, this.m = m, this.s = s, this.jstar = jstar, this.astar = astar, this.bstar = bstar;
+    }
+    var _proto = Cam16.prototype;
+    _proto.distance = function distance(other) {
+      var dJ = this.jstar - other.jstar,
+        dA = this.astar - other.astar,
+        dB = this.bstar - other.bstar,
+        dEPrime = Math.sqrt(dJ * dJ + dA * dA + dB * dB);
+      return 1.41 * Math.pow(dEPrime, .63);
+    };
+    Cam16.fromInt = function fromInt(argb) {
+      return Cam16.fromIntInViewingConditions(argb, ViewingConditions.DEFAULT);
+    };
+    Cam16.fromIntInViewingConditions = function fromIntInViewingConditions(argb, viewingConditions) {
+      var green = (65280 & argb) >> 8,
+        blue = 255 & argb,
+        redL = linearized((16711680 & argb) >> 16),
+        greenL = linearized(green),
+        blueL = linearized(blue),
+        x = .41233895 * redL + .35762064 * greenL + .18051042 * blueL,
+        y = .2126 * redL + .7152 * greenL + .0722 * blueL,
+        z = .01932141 * redL + .11916382 * greenL + .95034478 * blueL,
+        rC = .401288 * x + .650173 * y - .051461 * z,
+        gC = -.250268 * x + 1.204414 * y + .045854 * z,
+        bC = -.002079 * x + .048952 * y + .953127 * z,
+        rD = viewingConditions.rgbD[0] * rC,
+        gD = viewingConditions.rgbD[1] * gC,
+        bD = viewingConditions.rgbD[2] * bC,
+        rAF = Math.pow(viewingConditions.fl * Math.abs(rD) / 100, .42),
+        gAF = Math.pow(viewingConditions.fl * Math.abs(gD) / 100, .42),
+        bAF = Math.pow(viewingConditions.fl * Math.abs(bD) / 100, .42),
+        rA = 400 * signum(rD) * rAF / (rAF + 27.13),
+        gA = 400 * signum(gD) * gAF / (gAF + 27.13),
+        bA = 400 * signum(bD) * bAF / (bAF + 27.13),
+        a = (11 * rA + -12 * gA + bA) / 11,
+        b = (rA + gA - 2 * bA) / 9,
+        u = (20 * rA + 20 * gA + 21 * bA) / 20,
+        p2 = (40 * rA + 20 * gA + bA) / 20,
+        atanDegrees = 180 * Math.atan2(b, a) / Math.PI,
+        hue = atanDegrees < 0 ? atanDegrees + 360 : atanDegrees >= 360 ? atanDegrees - 360 : atanDegrees,
+        hueRadians = hue * Math.PI / 180,
+        ac = p2 * viewingConditions.nbb,
+        j = 100 * Math.pow(ac / viewingConditions.aw, viewingConditions.c * viewingConditions.z),
+        q = 4 / viewingConditions.c * Math.sqrt(j / 100) * (viewingConditions.aw + 4) * viewingConditions.fLRoot,
+        huePrime = hue < 20.14 ? hue + 360 : hue,
+        t = 5e4 / 13 * (.25 * (Math.cos(huePrime * Math.PI / 180 + 2) + 3.8)) * viewingConditions.nc * viewingConditions.ncb * Math.sqrt(a * a + b * b) / (u + .305),
+        alpha = Math.pow(t, .9) * Math.pow(1.64 - Math.pow(.29, viewingConditions.n), .73),
+        c = alpha * Math.sqrt(j / 100),
+        m = c * viewingConditions.fLRoot,
+        s = 50 * Math.sqrt(alpha * viewingConditions.c / (viewingConditions.aw + 4)),
+        jstar = (1 + 100 * .007) * j / (1 + .007 * j),
+        mstar = 1 / .0228 * Math.log(1 + .0228 * m),
+        astar = mstar * Math.cos(hueRadians),
+        bstar = mstar * Math.sin(hueRadians);
+      return new Cam16(hue, c, j, q, m, s, jstar, astar, bstar);
+    };
+    Cam16.fromJch = function fromJch(j, c, h) {
+      return Cam16.fromJchInViewingConditions(j, c, h, ViewingConditions.DEFAULT);
+    };
+    Cam16.fromJchInViewingConditions = function fromJchInViewingConditions(j, c, h, viewingConditions) {
+      var q = 4 / viewingConditions.c * Math.sqrt(j / 100) * (viewingConditions.aw + 4) * viewingConditions.fLRoot,
+        m = c * viewingConditions.fLRoot,
+        alpha = c / Math.sqrt(j / 100),
+        s = 50 * Math.sqrt(alpha * viewingConditions.c / (viewingConditions.aw + 4)),
+        hueRadians = h * Math.PI / 180,
+        jstar = (1 + 100 * .007) * j / (1 + .007 * j),
+        mstar = 1 / .0228 * Math.log(1 + .0228 * m),
+        astar = mstar * Math.cos(hueRadians),
+        bstar = mstar * Math.sin(hueRadians);
+      return new Cam16(h, c, j, q, m, s, jstar, astar, bstar);
+    };
+    Cam16.fromUcs = function fromUcs(jstar, astar, bstar) {
+      return Cam16.fromUcsInViewingConditions(jstar, astar, bstar, ViewingConditions.DEFAULT);
+    };
+    Cam16.fromUcsInViewingConditions = function fromUcsInViewingConditions(jstar, astar, bstar, viewingConditions) {
+      var a = astar,
+        b = bstar,
+        m = Math.sqrt(a * a + b * b),
+        c = (Math.exp(.0228 * m) - 1) / .0228 / viewingConditions.fLRoot;
+      var h = Math.atan2(b, a) * (180 / Math.PI);
+      h < 0 && (h += 360);
+      var j = jstar / (1 - .007 * (jstar - 100));
+      return Cam16.fromJchInViewingConditions(j, c, h, viewingConditions);
+    };
+    _proto.toInt = function toInt() {
+      return this.viewed(ViewingConditions.DEFAULT);
+    };
+    _proto.viewed = function viewed(viewingConditions) {
+      var alpha = 0 === this.chroma || 0 === this.j ? 0 : this.chroma / Math.sqrt(this.j / 100),
+        t = Math.pow(alpha / Math.pow(1.64 - Math.pow(.29, viewingConditions.n), .73), 1 / .9),
+        hRad = this.hue * Math.PI / 180,
+        eHue = .25 * (Math.cos(hRad + 2) + 3.8),
+        ac = viewingConditions.aw * Math.pow(this.j / 100, 1 / viewingConditions.c / viewingConditions.z),
+        p1 = eHue * (5e4 / 13) * viewingConditions.nc * viewingConditions.ncb,
+        p2 = ac / viewingConditions.nbb,
+        hSin = Math.sin(hRad),
+        hCos = Math.cos(hRad),
+        gamma = 23 * (p2 + .305) * t / (23 * p1 + 11 * t * hCos + 108 * t * hSin),
+        a = gamma * hCos,
+        b = gamma * hSin,
+        rA = (460 * p2 + 451 * a + 288 * b) / 1403,
+        gA = (460 * p2 - 891 * a - 261 * b) / 1403,
+        bA = (460 * p2 - 220 * a - 6300 * b) / 1403,
+        rCBase = Math.max(0, 27.13 * Math.abs(rA) / (400 - Math.abs(rA))),
+        rC = signum(rA) * (100 / viewingConditions.fl) * Math.pow(rCBase, 1 / .42),
+        gCBase = Math.max(0, 27.13 * Math.abs(gA) / (400 - Math.abs(gA))),
+        gC = signum(gA) * (100 / viewingConditions.fl) * Math.pow(gCBase, 1 / .42),
+        bCBase = Math.max(0, 27.13 * Math.abs(bA) / (400 - Math.abs(bA))),
+        bC = signum(bA) * (100 / viewingConditions.fl) * Math.pow(bCBase, 1 / .42),
+        rF = rC / viewingConditions.rgbD[0],
+        gF = gC / viewingConditions.rgbD[1],
+        bF = bC / viewingConditions.rgbD[2];
+      return argbFromXyz(1.86206786 * rF - 1.01125463 * gF + .14918677 * bF, .38752654 * rF + .62144744 * gF - .00897398 * bF, -.0158415 * rF - .03412294 * gF + 1.04996444 * bF);
+    };
+    return Cam16;
+  }();
+  var HctSolver = function () {
+    function HctSolver() {}
+    HctSolver.sanitizeRadians = function sanitizeRadians(angle) {
+      return (angle + 8 * Math.PI) % (2 * Math.PI);
+    };
+    HctSolver.trueDelinearized = function trueDelinearized(rgbComponent) {
+      var normalized = rgbComponent / 100;
+      var delinearized = 0;
+      return delinearized = normalized <= .0031308 ? 12.92 * normalized : 1.055 * Math.pow(normalized, 1 / 2.4) - .055, 255 * delinearized;
+    };
+    HctSolver.chromaticAdaptation = function chromaticAdaptation(component) {
+      var af = Math.pow(Math.abs(component), .42);
+      return 400 * signum(component) * af / (af + 27.13);
+    };
+    HctSolver.hueOf = function hueOf(linrgb) {
+      var scaledDiscount = matrixMultiply(linrgb, HctSolver.SCALED_DISCOUNT_FROM_LINRGB),
+        rA = HctSolver.chromaticAdaptation(scaledDiscount[0]),
+        gA = HctSolver.chromaticAdaptation(scaledDiscount[1]),
+        bA = HctSolver.chromaticAdaptation(scaledDiscount[2]),
+        a = (11 * rA + -12 * gA + bA) / 11,
+        b = (rA + gA - 2 * bA) / 9;
+      return Math.atan2(b, a);
+    };
+    HctSolver.areInCyclicOrder = function areInCyclicOrder(a, b, c) {
+      return HctSolver.sanitizeRadians(b - a) < HctSolver.sanitizeRadians(c - a);
+    };
+    HctSolver.intercept = function intercept(source, mid, target) {
+      return (mid - source) / (target - source);
+    };
+    HctSolver.lerpPoint = function lerpPoint(source, t, target) {
+      return [source[0] + (target[0] - source[0]) * t, source[1] + (target[1] - source[1]) * t, source[2] + (target[2] - source[2]) * t];
+    };
+    HctSolver.setCoordinate = function setCoordinate(source, coordinate, target, axis) {
+      var t = HctSolver.intercept(source[axis], coordinate, target[axis]);
+      return HctSolver.lerpPoint(source, t, target);
+    };
+    HctSolver.isBounded = function isBounded(x) {
+      return 0 <= x && x <= 100;
+    };
+    HctSolver.nthVertex = function nthVertex(y, n) {
+      var kR = HctSolver.Y_FROM_LINRGB[0],
+        kG = HctSolver.Y_FROM_LINRGB[1],
+        kB = HctSolver.Y_FROM_LINRGB[2],
+        coordA = n % 4 <= 1 ? 0 : 100,
+        coordB = n % 2 == 0 ? 0 : 100;
+      if (n < 4) {
+        var g = coordA,
+          b = coordB,
+          r = (y - g * kG - b * kB) / kR;
+        return HctSolver.isBounded(r) ? [r, g, b] : [-1, -1, -1];
+      }
+      if (n < 8) {
+        var _b = coordA,
+          _r = coordB,
+          _g = (y - _r * kR - _b * kB) / kG;
+        return HctSolver.isBounded(_g) ? [_r, _g, _b] : [-1, -1, -1];
+      }
+      {
+        var _r2 = coordA,
+          _g2 = coordB,
+          _b2 = (y - _r2 * kR - _g2 * kG) / kB;
+        return HctSolver.isBounded(_b2) ? [_r2, _g2, _b2] : [-1, -1, -1];
+      }
+    };
+    HctSolver.bisectToSegment = function bisectToSegment(y, targetHue) {
+      var left = [-1, -1, -1],
+        right = left,
+        leftHue = 0,
+        rightHue = 0,
+        initialized = !1,
+        uncut = !0;
+      for (var n = 0; n < 12; n++) {
+        var mid = HctSolver.nthVertex(y, n);
+        if (mid[0] < 0) continue;
+        var midHue = HctSolver.hueOf(mid);
+        initialized ? (uncut || HctSolver.areInCyclicOrder(leftHue, midHue, rightHue)) && (uncut = !1, HctSolver.areInCyclicOrder(leftHue, targetHue, midHue) ? (right = mid, rightHue = midHue) : (left = mid, leftHue = midHue)) : (left = mid, right = mid, leftHue = midHue, rightHue = midHue, initialized = !0);
+      }
+      return [left, right];
+    };
+    HctSolver.midpoint = function midpoint(a, b) {
+      return [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2, (a[2] + b[2]) / 2];
+    };
+    HctSolver.criticalPlaneBelow = function criticalPlaneBelow(x) {
+      return Math.floor(x - .5);
+    };
+    HctSolver.criticalPlaneAbove = function criticalPlaneAbove(x) {
+      return Math.ceil(x - .5);
+    };
+    HctSolver.bisectToLimit = function bisectToLimit(y, targetHue) {
+      var segment = HctSolver.bisectToSegment(y, targetHue);
+      var left = segment[0],
+        leftHue = HctSolver.hueOf(left),
+        right = segment[1];
+      for (var axis = 0; axis < 3; axis++) if (left[axis] !== right[axis]) {
+        var lPlane = -1,
+          rPlane = 255;
+        left[axis] < right[axis] ? (lPlane = HctSolver.criticalPlaneBelow(HctSolver.trueDelinearized(left[axis])), rPlane = HctSolver.criticalPlaneAbove(HctSolver.trueDelinearized(right[axis]))) : (lPlane = HctSolver.criticalPlaneAbove(HctSolver.trueDelinearized(left[axis])), rPlane = HctSolver.criticalPlaneBelow(HctSolver.trueDelinearized(right[axis])));
+        for (var i = 0; i < 8 && !(Math.abs(rPlane - lPlane) <= 1); i++) {
+          var mPlane = Math.floor((lPlane + rPlane) / 2),
+            midPlaneCoordinate = HctSolver.CRITICAL_PLANES[mPlane],
+            mid = HctSolver.setCoordinate(left, midPlaneCoordinate, right, axis),
+            midHue = HctSolver.hueOf(mid);
+          HctSolver.areInCyclicOrder(leftHue, targetHue, midHue) ? (right = mid, rPlane = mPlane) : (left = mid, leftHue = midHue, lPlane = mPlane);
+        }
+      }
+      return HctSolver.midpoint(left, right);
+    };
+    HctSolver.inverseChromaticAdaptation = function inverseChromaticAdaptation(adapted) {
+      var adaptedAbs = Math.abs(adapted),
+        base = Math.max(0, 27.13 * adaptedAbs / (400 - adaptedAbs));
+      return signum(adapted) * Math.pow(base, 1 / .42);
+    };
+    HctSolver.findResultByJ = function findResultByJ(hueRadians, chroma, y) {
+      var j = 11 * Math.sqrt(y);
+      var viewingConditions = ViewingConditions.DEFAULT,
+        tInnerCoeff = 1 / Math.pow(1.64 - Math.pow(.29, viewingConditions.n), .73),
+        p1 = .25 * (Math.cos(hueRadians + 2) + 3.8) * (5e4 / 13) * viewingConditions.nc * viewingConditions.ncb,
+        hSin = Math.sin(hueRadians),
+        hCos = Math.cos(hueRadians);
+      for (var iterationRound = 0; iterationRound < 5; iterationRound++) {
+        var jNormalized = j / 100,
+          alpha = 0 === chroma || 0 === j ? 0 : chroma / Math.sqrt(jNormalized),
+          t = Math.pow(alpha * tInnerCoeff, 1 / .9),
+          p2 = viewingConditions.aw * Math.pow(jNormalized, 1 / viewingConditions.c / viewingConditions.z) / viewingConditions.nbb,
+          gamma = 23 * (p2 + .305) * t / (23 * p1 + 11 * t * hCos + 108 * t * hSin),
+          a = gamma * hCos,
+          b = gamma * hSin,
+          rA = (460 * p2 + 451 * a + 288 * b) / 1403,
+          gA = (460 * p2 - 891 * a - 261 * b) / 1403,
+          bA = (460 * p2 - 220 * a - 6300 * b) / 1403,
+          linrgb = matrixMultiply([HctSolver.inverseChromaticAdaptation(rA), HctSolver.inverseChromaticAdaptation(gA), HctSolver.inverseChromaticAdaptation(bA)], HctSolver.LINRGB_FROM_SCALED_DISCOUNT);
+        if (linrgb[0] < 0 || linrgb[1] < 0 || linrgb[2] < 0) return 0;
+        var kR = HctSolver.Y_FROM_LINRGB[0],
+          kG = HctSolver.Y_FROM_LINRGB[1],
+          kB = HctSolver.Y_FROM_LINRGB[2],
+          fnj = kR * linrgb[0] + kG * linrgb[1] + kB * linrgb[2];
+        if (fnj <= 0) return 0;
+        if (4 === iterationRound || Math.abs(fnj - y) < .002) return linrgb[0] > 100.01 || linrgb[1] > 100.01 || linrgb[2] > 100.01 ? 0 : argbFromLinrgb(linrgb);
+        j -= (fnj - y) * j / (2 * fnj);
+      }
+      return 0;
+    };
+    HctSolver.solveToInt = function solveToInt(hueDegrees, chroma, lstar) {
+      if (chroma < 1e-4 || lstar < 1e-4 || lstar > 99.9999) return argbFromLstar(lstar);
+      var hueRadians = (hueDegrees = sanitizeDegreesDouble(hueDegrees)) / 180 * Math.PI,
+        y = yFromLstar(lstar),
+        exactAnswer = HctSolver.findResultByJ(hueRadians, chroma, y);
+      if (0 !== exactAnswer) return exactAnswer;
+      return argbFromLinrgb(HctSolver.bisectToLimit(y, hueRadians));
+    };
+    HctSolver.solveToCam = function solveToCam(hueDegrees, chroma, lstar) {
+      return Cam16.fromInt(HctSolver.solveToInt(hueDegrees, chroma, lstar));
+    };
+    return HctSolver;
+  }();
+  HctSolver.SCALED_DISCOUNT_FROM_LINRGB = [[.001200833568784504, .002389694492170889, .0002795742885861124], [.0005891086651375999, .0029785502573438758, .0003270666104008398], [.00010146692491640572, .0005364214359186694, .0032979401770712076]], HctSolver.LINRGB_FROM_SCALED_DISCOUNT = [[1373.2198709594231, -1100.4251190754821, -7.278681089101213], [-271.815969077903, 559.6580465940733, -32.46047482791194], [1.9622899599665666, -57.173814538844006, 308.7233197812385]], HctSolver.Y_FROM_LINRGB = [.2126, .7152, .0722], HctSolver.CRITICAL_PLANES = [.015176349177441876, .045529047532325624, .07588174588720938, .10623444424209313, .13658714259697685, .16693984095186062, .19729253930674434, .2276452376616281, .2579979360165119, .28835063437139563, .3188300904430532, .350925934958123, .3848314933096426, .42057480301049466, .458183274052838, .4976837250274023, .5391024159806381, .5824650784040898, .6277969426914107, .6751227633498623, .7244668422128921, .775853049866786, .829304845476233, .8848452951698498, .942497089126609, 1.0022825574869039, 1.0642236851973577, 1.1283421258858297, 1.1946592148522128, 1.2631959812511864, 1.3339731595349034, 1.407011200216447, 1.4823302800086415, 1.5599503113873272, 1.6398909516233677, 1.7221716113234105, 1.8068114625156377, 1.8938294463134073, 1.9832442801866852, 2.075074464868551, 2.1693382909216234, 2.2660538449872063, 2.36523901573795, 2.4669114995532007, 2.5710888059345764, 2.6777882626779785, 2.7870270208169257, 2.898822059350997, 3.0131901897720907, 3.1301480604002863, 3.2497121605402226, 3.3718988244681087, 3.4967242352587946, 3.624204428461639, 3.754355295633311, 3.887192587735158, 4.022731918402185, 4.160988767090289, 4.301978482107941, 4.445716283538092, 4.592217266055746, 4.741496401646282, 4.893568542229298, 5.048448422192488, 5.20615066083972, 5.3666897647573375, 5.5300801301023865, 5.696336044816294, 5.865471690767354, 6.037501145825082, 6.212438385869475, 6.390297286737924, 6.571091626112461, 6.7548350853498045, 6.941541251256611, 7.131223617812143, 7.323895587840543, 7.5195704746346665, 7.7182615035334345, 7.919981813454504, 8.124744458384042, 8.332562408825165, 8.543448553206703, 8.757415699253682, 8.974476575321063, 9.194643831691977, 9.417930041841839, 9.644347703669503, 9.873909240696694, 10.106627003236781, 10.342513269534024, 10.58158024687427, 10.8238400726681, 11.069304815507364, 11.317986476196008, 11.569896988756009, 11.825048221409341, 12.083451977536606, 12.345119996613247, 12.610063955123938, 12.878295467455942, 13.149826086772048, 13.42466730586372, 13.702830557985108, 13.984327217668513, 14.269168601521828, 14.55736596900856, 14.848930523210871, 15.143873411576273, 15.44220572664832, 15.743938506781891, 16.04908273684337, 16.35764934889634, 16.66964922287304, 16.985093187232053, 17.30399201960269, 17.62635644741625, 17.95219714852476, 18.281524751807332, 18.614349837764564, 18.95068293910138, 19.290534541298456, 19.633915083172692, 19.98083495742689, 20.331304511189067, 20.685334046541502, 21.042933821039977, 21.404114048223256, 21.76888489811322, 22.137256497705877, 22.50923893145328, 22.884842241736916, 23.264076429332462, 23.6469514538663, 24.033477234264016, 24.42366364919083, 24.817520537484558, 25.21505769858089, 25.61628489293138, 26.021211842414342, 26.429848230738664, 26.842203703840827, 27.258287870275353, 27.678110301598522, 28.10168053274597, 28.529008062403893, 28.96010235337422, 29.39497283293396, 29.83362889318845, 30.276079891419332, 30.722335150426627, 31.172403958865512, 31.62629557157785, 32.08401920991837, 32.54558406207592, 33.010999283389665, 33.4802739966603, 33.953417292456834, 34.430438229418264, 34.911345834551085, 35.39614910352207, 35.88485700094671, 36.37747846067349, 36.87402238606382, 37.37449765026789, 37.87891309649659, 38.38727753828926, 38.89959975977785, 39.41588851594697, 39.93615253289054, 40.460400508064545, 40.98864111053629, 41.520882981230194, 42.05713473317016, 42.597404951718396, 43.141702194811224, 43.6900349931913, 44.24241185063697, 44.798841244188324, 45.35933162437017, 45.92389141541209, 46.49252901546552, 47.065252796817916, 47.64207110610409, 48.22299226451468, 48.808024568002054, 49.3971762874833, 49.9904556690408, 50.587870934119984, 51.189430279724725, 51.79514187861014, 52.40501387947288, 53.0190544071392, 53.637271562750364, 54.259673423945976, 54.88626804504493, 55.517063457223934, 56.15206766869424, 56.79128866487574, 57.43473440856916, 58.08241284012621, 58.734331877617365, 59.39049941699807, 60.05092333227251, 60.715611475655585, 61.38457167773311, 62.057811747619894, 62.7353394731159, 63.417162620860914, 64.10328893648692, 64.79372614476921, 65.48848194977529, 66.18756403501224, 66.89098006357258, 67.59873767827808, 68.31084450182222, 69.02730813691093, 69.74813616640164, 70.47333615344107, 71.20291564160104, 71.93688215501312, 72.67524319850172, 73.41800625771542, 74.16517879925733, 74.9167682708136, 75.67278210128072, 76.43322770089146, 77.1981124613393, 77.96744375590167, 78.74122893956174, 79.51947534912904, 80.30219030335869, 81.08938110306934, 81.88105503125999, 82.67721935322541, 83.4778813166706, 84.28304815182372, 85.09272707154808, 85.90692527145302, 86.72564993000343, 87.54890820862819, 88.3767072518277, 89.2090541872801, 90.04595612594655, 90.88742016217518, 91.73345337380438, 92.58406282226491, 93.43925555268066, 94.29903859396902, 95.16341895893969, 96.03240364439274, 96.9059996312159, 97.78421388448044, 98.6670533535366, 99.55452497210776];
+  var Hct = function () {
+    Hct.from = function from(hue, chroma, tone) {
+      return new Hct(HctSolver.solveToInt(hue, chroma, tone));
+    };
+    Hct.fromInt = function fromInt(argb) {
+      return new Hct(argb);
+    };
+    var _proto2 = Hct.prototype;
+    _proto2.toInt = function toInt() {
+      return this.argb;
+    };
+    function Hct(argb) {
+      this.argb = argb;
+      var cam = Cam16.fromInt(argb);
+      this.internalHue = cam.hue, this.internalChroma = cam.chroma, this.internalTone = lstarFromArgb(argb), this.argb = argb;
+    }
+    _proto2.setInternalState = function setInternalState(argb) {
+      var cam = Cam16.fromInt(argb);
+      this.internalHue = cam.hue, this.internalChroma = cam.chroma, this.internalTone = lstarFromArgb(argb), this.argb = argb;
+    };
+    _createClass(Hct, [{
+      key: "hue",
+      get: function get() {
+        return this.internalHue;
+      },
+      set: function set(newHue) {
+        this.setInternalState(HctSolver.solveToInt(newHue, this.internalChroma, this.internalTone));
+      }
+    }, {
+      key: "chroma",
+      get: function get() {
+        return this.internalChroma;
+      },
+      set: function set(newChroma) {
+        this.setInternalState(HctSolver.solveToInt(this.internalHue, newChroma, this.internalTone));
+      }
+    }, {
+      key: "tone",
+      get: function get() {
+        return this.internalTone;
+      },
+      set: function set(newTone) {
+        this.setInternalState(HctSolver.solveToInt(this.internalHue, this.internalChroma, newTone));
+      }
+    }]);
+    return Hct;
+  }();
+  var Blend = function () {
+    function Blend() {}
+    Blend.harmonize = function harmonize(designColor, sourceColor) {
+      var fromHct = Hct.fromInt(designColor),
+        toHct = Hct.fromInt(sourceColor),
+        differenceDegrees$1 = differenceDegrees(fromHct.hue, toHct.hue),
+        rotationDegrees = Math.min(.5 * differenceDegrees$1, 15),
+        outputHue = sanitizeDegreesDouble(fromHct.hue + rotationDegrees * rotationDirection(fromHct.hue, toHct.hue));
+      return Hct.from(outputHue, fromHct.chroma, fromHct.tone).toInt();
+    };
+    Blend.hctHue = function hctHue(from, to, amount) {
+      var ucs = Blend.cam16Ucs(from, to, amount),
+        ucsCam = Cam16.fromInt(ucs),
+        fromCam = Cam16.fromInt(from);
+      return Hct.from(ucsCam.hue, fromCam.chroma, lstarFromArgb(from)).toInt();
+    };
+    Blend.cam16Ucs = function cam16Ucs(from, to, amount) {
+      var fromCam = Cam16.fromInt(from),
+        toCam = Cam16.fromInt(to),
+        fromJ = fromCam.jstar,
+        fromA = fromCam.astar,
+        fromB = fromCam.bstar,
+        jstar = fromJ + (toCam.jstar - fromJ) * amount,
+        astar = fromA + (toCam.astar - fromA) * amount,
+        bstar = fromB + (toCam.bstar - fromB) * amount;
+      return Cam16.fromUcs(jstar, astar, bstar).toInt();
+    };
+    return Blend;
+  }();
+  var TonalPalette = function () {
+    TonalPalette.fromInt = function fromInt(argb) {
+      var hct = Hct.fromInt(argb);
+      return TonalPalette.fromHueAndChroma(hct.hue, hct.chroma);
+    };
+    TonalPalette.fromHueAndChroma = function fromHueAndChroma(hue, chroma) {
+      return new TonalPalette(hue, chroma);
+    };
+    function TonalPalette(hue, chroma) {
+      this.hue = hue, this.chroma = chroma, this.cache = new Map();
+    }
+    var _proto3 = TonalPalette.prototype;
+    _proto3.tone = function tone(_tone) {
+      var argb = this.cache.get(_tone);
+      return void 0 === argb && (argb = Hct.from(this.hue, this.chroma, _tone).toInt(), this.cache.set(_tone, argb)), argb;
+    };
+    return TonalPalette;
+  }();
+  var CorePalette = function () {
+    CorePalette.of = function of(argb) {
+      return new CorePalette(argb, !1);
+    };
+    CorePalette.contentOf = function contentOf(argb) {
+      return new CorePalette(argb, !0);
+    };
+    CorePalette.fromColors = function fromColors(colors) {
+      return CorePalette.createPaletteFromColors(!1, colors);
+    };
+    CorePalette.contentFromColors = function contentFromColors(colors) {
+      return CorePalette.createPaletteFromColors(!0, colors);
+    };
+    CorePalette.createPaletteFromColors = function createPaletteFromColors(content, colors) {
+      var palette = new CorePalette(colors.primary, content);
+      if (colors.secondary) {
+        var p = new CorePalette(colors.secondary, content);
+        palette.a2 = p.a1;
+      }
+      if (colors.tertiary) {
+        var _p = new CorePalette(colors.tertiary, content);
+        palette.a3 = _p.a1;
+      }
+      if (colors.error) {
+        var _p2 = new CorePalette(colors.error, content);
+        palette.error = _p2.a1;
+      }
+      if (colors.neutral) {
+        var _p3 = new CorePalette(colors.neutral, content);
+        palette.n1 = _p3.n1;
+      }
+      if (colors.neutralVariant) {
+        var _p4 = new CorePalette(colors.neutralVariant, content);
+        palette.n2 = _p4.n2;
+      }
+      return palette;
+    };
+    function CorePalette(argb, isContent) {
+      var hct = Hct.fromInt(argb),
+        hue = hct.hue,
+        chroma = hct.chroma;
+      isContent ? (this.a1 = TonalPalette.fromHueAndChroma(hue, chroma), this.a2 = TonalPalette.fromHueAndChroma(hue, chroma / 3), this.a3 = TonalPalette.fromHueAndChroma(hue + 60, chroma / 2), this.n1 = TonalPalette.fromHueAndChroma(hue, Math.min(chroma / 12, 4)), this.n2 = TonalPalette.fromHueAndChroma(hue, Math.min(chroma / 6, 8))) : (this.a1 = TonalPalette.fromHueAndChroma(hue, Math.max(48, chroma)), this.a2 = TonalPalette.fromHueAndChroma(hue, 16), this.a3 = TonalPalette.fromHueAndChroma(hue + 60, 24), this.n1 = TonalPalette.fromHueAndChroma(hue, 4), this.n2 = TonalPalette.fromHueAndChroma(hue, 8)), this.error = TonalPalette.fromHueAndChroma(25, 84);
+    }
+    return CorePalette;
+  }();
+  var Scheme = function () {
+    Scheme.light = function light(argb) {
+      return Scheme.lightFromCorePalette(CorePalette.of(argb));
+    };
+    Scheme.dark = function dark(argb) {
+      return Scheme.darkFromCorePalette(CorePalette.of(argb));
+    };
+    Scheme.lightContent = function lightContent(argb) {
+      return Scheme.lightFromCorePalette(CorePalette.contentOf(argb));
+    };
+    Scheme.darkContent = function darkContent(argb) {
+      return Scheme.darkFromCorePalette(CorePalette.contentOf(argb));
+    };
+    Scheme.lightFromCorePalette = function lightFromCorePalette(core) {
+      return new Scheme({
+        primary: core.a1.tone(40),
+        onPrimary: core.a1.tone(100),
+        primaryContainer: core.a1.tone(90),
+        onPrimaryContainer: core.a1.tone(10),
+        secondary: core.a2.tone(40),
+        onSecondary: core.a2.tone(100),
+        secondaryContainer: core.a2.tone(90),
+        onSecondaryContainer: core.a2.tone(10),
+        tertiary: core.a3.tone(40),
+        onTertiary: core.a3.tone(100),
+        tertiaryContainer: core.a3.tone(90),
+        onTertiaryContainer: core.a3.tone(10),
+        error: core.error.tone(40),
+        onError: core.error.tone(100),
+        errorContainer: core.error.tone(90),
+        onErrorContainer: core.error.tone(10),
+        background: core.n1.tone(99),
+        onBackground: core.n1.tone(10),
+        surface: core.n1.tone(99),
+        onSurface: core.n1.tone(10),
+        surfaceVariant: core.n2.tone(90),
+        onSurfaceVariant: core.n2.tone(30),
+        outline: core.n2.tone(50),
+        outlineVariant: core.n2.tone(80),
+        shadow: core.n1.tone(0),
+        scrim: core.n1.tone(0),
+        inverseSurface: core.n1.tone(20),
+        inverseOnSurface: core.n1.tone(95),
+        inversePrimary: core.a1.tone(80)
+      });
+    };
+    Scheme.darkFromCorePalette = function darkFromCorePalette(core) {
+      return new Scheme({
+        primary: core.a1.tone(80),
+        onPrimary: core.a1.tone(20),
+        primaryContainer: core.a1.tone(30),
+        onPrimaryContainer: core.a1.tone(90),
+        secondary: core.a2.tone(80),
+        onSecondary: core.a2.tone(20),
+        secondaryContainer: core.a2.tone(30),
+        onSecondaryContainer: core.a2.tone(90),
+        tertiary: core.a3.tone(80),
+        onTertiary: core.a3.tone(20),
+        tertiaryContainer: core.a3.tone(30),
+        onTertiaryContainer: core.a3.tone(90),
+        error: core.error.tone(80),
+        onError: core.error.tone(20),
+        errorContainer: core.error.tone(30),
+        onErrorContainer: core.error.tone(80),
+        background: core.n1.tone(10),
+        onBackground: core.n1.tone(90),
+        surface: core.n1.tone(10),
+        onSurface: core.n1.tone(90),
+        surfaceVariant: core.n2.tone(30),
+        onSurfaceVariant: core.n2.tone(80),
+        outline: core.n2.tone(60),
+        outlineVariant: core.n2.tone(30),
+        shadow: core.n1.tone(0),
+        scrim: core.n1.tone(0),
+        inverseSurface: core.n1.tone(90),
+        inverseOnSurface: core.n1.tone(20),
+        inversePrimary: core.a1.tone(40)
+      });
+    };
+    function Scheme(props) {
+      this.props = props;
+    }
+    var _proto4 = Scheme.prototype;
+    _proto4.toJSON = function toJSON() {
+      return _extends({}, this.props);
+    };
+    _createClass(Scheme, [{
+      key: "primary",
+      get: function get() {
+        return this.props.primary;
+      }
+    }, {
+      key: "onPrimary",
+      get: function get() {
+        return this.props.onPrimary;
+      }
+    }, {
+      key: "primaryContainer",
+      get: function get() {
+        return this.props.primaryContainer;
+      }
+    }, {
+      key: "onPrimaryContainer",
+      get: function get() {
+        return this.props.onPrimaryContainer;
+      }
+    }, {
+      key: "secondary",
+      get: function get() {
+        return this.props.secondary;
+      }
+    }, {
+      key: "onSecondary",
+      get: function get() {
+        return this.props.onSecondary;
+      }
+    }, {
+      key: "secondaryContainer",
+      get: function get() {
+        return this.props.secondaryContainer;
+      }
+    }, {
+      key: "onSecondaryContainer",
+      get: function get() {
+        return this.props.onSecondaryContainer;
+      }
+    }, {
+      key: "tertiary",
+      get: function get() {
+        return this.props.tertiary;
+      }
+    }, {
+      key: "onTertiary",
+      get: function get() {
+        return this.props.onTertiary;
+      }
+    }, {
+      key: "tertiaryContainer",
+      get: function get() {
+        return this.props.tertiaryContainer;
+      }
+    }, {
+      key: "onTertiaryContainer",
+      get: function get() {
+        return this.props.onTertiaryContainer;
+      }
+    }, {
+      key: "error",
+      get: function get() {
+        return this.props.error;
+      }
+    }, {
+      key: "onError",
+      get: function get() {
+        return this.props.onError;
+      }
+    }, {
+      key: "errorContainer",
+      get: function get() {
+        return this.props.errorContainer;
+      }
+    }, {
+      key: "onErrorContainer",
+      get: function get() {
+        return this.props.onErrorContainer;
+      }
+    }, {
+      key: "background",
+      get: function get() {
+        return this.props.background;
+      }
+    }, {
+      key: "onBackground",
+      get: function get() {
+        return this.props.onBackground;
+      }
+    }, {
+      key: "surface",
+      get: function get() {
+        return this.props.surface;
+      }
+    }, {
+      key: "onSurface",
+      get: function get() {
+        return this.props.onSurface;
+      }
+    }, {
+      key: "surfaceVariant",
+      get: function get() {
+        return this.props.surfaceVariant;
+      }
+    }, {
+      key: "onSurfaceVariant",
+      get: function get() {
+        return this.props.onSurfaceVariant;
+      }
+    }, {
+      key: "outline",
+      get: function get() {
+        return this.props.outline;
+      }
+    }, {
+      key: "outlineVariant",
+      get: function get() {
+        return this.props.outlineVariant;
+      }
+    }, {
+      key: "shadow",
+      get: function get() {
+        return this.props.shadow;
+      }
+    }, {
+      key: "scrim",
+      get: function get() {
+        return this.props.scrim;
+      }
+    }, {
+      key: "inverseSurface",
+      get: function get() {
+        return this.props.inverseSurface;
+      }
+    }, {
+      key: "inverseOnSurface",
+      get: function get() {
+        return this.props.inverseOnSurface;
+      }
+    }, {
+      key: "inversePrimary",
+      get: function get() {
+        return this.props.inversePrimary;
+      }
+    }]);
+    return Scheme;
+  }();
+  function hexFromArgb(argb) {
+    var r = redFromArgb(argb),
+      g = greenFromArgb(argb),
+      b = blueFromArgb(argb),
+      outParts = [r.toString(16), g.toString(16), b.toString(16)];
+    for (var _iterator = _createForOfIteratorHelperLoose(outParts.entries()), _step; !(_step = _iterator()).done;) {
+      var _step$value = _step.value,
+        i = _step$value[0],
+        part = _step$value[1];
+      1 === part.length && (outParts[i] = "0" + part);
+    }
+    return "#" + outParts.join("");
+  }
+  function argbFromHex(hex) {
+    var isThree = 3 === (hex = hex.replace("#", "")).length,
+      isSix = 6 === hex.length,
+      isEight = 8 === hex.length;
+    if (!isThree && !isSix && !isEight) throw new Error("unexpected hex " + hex);
+    var r = 0,
+      g = 0,
+      b = 0;
+    return isThree ? (r = parseIntHex(hex.slice(0, 1).repeat(2)), g = parseIntHex(hex.slice(1, 2).repeat(2)), b = parseIntHex(hex.slice(2, 3).repeat(2))) : isSix ? (r = parseIntHex(hex.slice(0, 2)), g = parseIntHex(hex.slice(2, 4)), b = parseIntHex(hex.slice(4, 6))) : isEight && (r = parseIntHex(hex.slice(2, 4)), g = parseIntHex(hex.slice(4, 6)), b = parseIntHex(hex.slice(6, 8))), (255 << 24 | (255 & r) << 16 | (255 & g) << 8 | 255 & b) >>> 0;
+  }
+  function parseIntHex(value) {
+    return parseInt(value, 16);
+  }
+  function themeFromSourceColor(source, customColors) {
+    if (customColors === void 0) {
+      customColors = [];
+    }
+    var palette = CorePalette.of(source);
+    return {
+      source: source,
+      schemes: {
+        light: Scheme.light(source),
+        dark: Scheme.dark(source)
+      },
+      palettes: {
+        primary: palette.a1,
+        secondary: palette.a2,
+        tertiary: palette.a3,
+        neutral: palette.n1,
+        neutralVariant: palette.n2,
+        error: palette.error
+      },
+      customColors: customColors.map(function (c) {
+        return customColor(source, c);
+      })
+    };
+  }
+  function customColor(source, color) {
+    var value = color.value;
+    var from = value,
+      to = source;
+    color.blend && (value = Blend.harmonize(from, to));
+    var tones = CorePalette.of(value).a1;
+    return {
+      color: color,
+      value: value,
+      light: {
+        color: tones.tone(40),
+        onColor: tones.tone(100),
+        colorContainer: tones.tone(90),
+        onColorContainer: tones.tone(10)
+      },
+      dark: {
+        color: tones.tone(80),
+        onColor: tones.tone(20),
+        colorContainer: tones.tone(30),
+        onColorContainer: tones.tone(90)
+      }
+    };
+  }
+
+  function toRGBA(d) {
+    var r = Math.round;
+    var l = d.length;
+    var rgba = {};
+    if (d.slice(0, 3).toLowerCase() === 'rgb') {
+      d = d.replace(' ', '').split(',');
+      rgba[0] = parseInt(d[0].slice(d[3].toLowerCase() === 'a' ? 5 : 4), 10);
+      rgba[1] = parseInt(d[1], 10);
+      rgba[2] = parseInt(d[2], 10);
+      rgba[3] = d[3] ? parseFloat(d[3]) : -1;
+    } else {
+      if (l < 6) d = parseInt(String(d[1]) + d[1] + d[2] + d[2] + d[3] + d[3] + (l > 4 ? String(d[4]) + d[4] : ''), 16);else d = parseInt(d.slice(1), 16);
+      rgba[0] = d >> 16 & 255;
+      rgba[1] = d >> 8 & 255;
+      rgba[2] = d & 255;
+      rgba[3] = l === 9 || l === 5 ? r((d >> 24 & 255) / 255 * 10000) / 10000 : -1;
+    }
+    return rgba;
+  }
+  function blend(from, to, p) {
+    if (p === void 0) {
+      p = 0.5;
+    }
+    var r = Math.round;
+    from = from.trim();
+    to = to.trim();
+    var b = p < 0;
+    p = b ? p * -1 : p;
+    var f = toRGBA(from);
+    var t = toRGBA(to);
+    if (to[0] === 'r') {
+      return 'rgb' + (to[3] === 'a' ? 'a(' : '(') + r((t[0] - f[0]) * p + f[0]) + ',' + r((t[1] - f[1]) * p + f[1]) + ',' + r((t[2] - f[2]) * p + f[2]) + (f[3] < 0 && t[3] < 0 ? '' : ',' + (f[3] > -1 && t[3] > -1 ? r(((t[3] - f[3]) * p + f[3]) * 10000) / 10000 : t[3] < 0 ? f[3] : t[3])) + ')';
+    }
+    return '#' + (0x100000000 + (f[3] > -1 && t[3] > -1 ? r(((t[3] - f[3]) * p + f[3]) * 255) : t[3] > -1 ? r(t[3] * 255) : f[3] > -1 ? r(f[3] * 255) : 255) * 0x1000000 + r((t[0] - f[0]) * p + f[0]) * 0x10000 + r((t[1] - f[1]) * p + f[1]) * 0x100 + r((t[2] - f[2]) * p + f[2])).toString(16).slice(f[3] > -1 || t[3] > -1 ? 1 : 3);
+  }
+  var materialColors = function materialColors(hexColor) {
+    if (hexColor === void 0) {
+      hexColor = '';
+    }
+    var theme = themeFromSourceColor(argbFromHex("#" + hexColor.replace('#', '')));
+    [0.05, 0.08, 0.11, 0.12, 0.14].forEach(function (amount, index) {
+      theme.schemes.light.props["surface" + (index + 1)] = argbFromHex(blend(hexFromArgb(theme.schemes.light.props.surface), hexFromArgb(theme.schemes.light.props.primary), amount));
+      theme.schemes.dark.props["surface" + (index + 1)] = argbFromHex(blend(hexFromArgb(theme.schemes.dark.props.surface), hexFromArgb(theme.schemes.dark.props.primary), amount));
+    });
+    var name = function name(n) {
+      return n.split('').map(function (_char) {
+        return _char.toUpperCase() === _char && _char !== '-' && _char !== '7' ? "-" + _char.toLowerCase() : _char;
+      }).join('');
+    };
+    var shouldSkip = function shouldSkip(prop) {
+      var skip = ['tertiary', 'shadow', 'scrim', 'error', 'background'];
+      return skip.filter(function (v) {
+        return prop.toLowerCase().includes(v);
+      }).length > 0;
+    };
+    var light = {};
+    var dark = {};
+    Object.keys(theme.schemes.light.props).forEach(function (prop) {
+      if (shouldSkip(prop)) return;
+      light[name("--f7-md-" + prop)] = hexFromArgb(theme.schemes.light.props[prop]);
+    });
+    Object.keys(theme.schemes.dark.props).forEach(function (prop) {
+      if (shouldSkip(prop)) return;
+      dark[name("--f7-md-" + prop)] = hexFromArgb(theme.schemes.dark.props[prop]);
+    });
+    return {
+      light: light,
+      dark: dark
+    };
+  };
+
   var _uniqueNumber = 1;
   var Utils = {
     uniqueNumber: function uniqueNumber() {
@@ -142,7 +1106,7 @@
     iosPreloaderContent: ("\n\t\t<span class=\"preloader-inner\">\n\t\t\t" + [0, 1, 2, 3, 4, 5, 6, 7].map(function () {
       return '<span class="preloader-inner-line"></span>';
     }).join('') + "\n\t\t</span>\n  ").trim(),
-    auroraPreloaderContent: "\n  <span class=\"preloader-inner\">\n    <span class=\"preloader-inner-circle\"></span>\n  </span>\n",
+    pcPreloaderContent: "\n  <span class=\"preloader-inner\">\n    <span class=\"preloader-inner-circle\"></span>\n  </span>\n",
     eventNameToColonCase: function eventNameToColonCase(eventName) {
       var hasColon;
       return eventName.split('').map(function (_char, index) {
@@ -156,11 +1120,17 @@
     deleteProps: function deleteProps(obj) {
       $.deleteProps(obj);
     },
-    nextTick: function nextTick(callback, delay) {
+    requestAnimationFrame: function requestAnimationFrame(cb) {
+      return $.requestAnimationFrame(cb);
+    },
+    cancelAnimationFrame: function cancelAnimationFrame(id) {
+      return $.cancelAnimationFrame(id);
+    },
+    nextTick: function nextTick(cb, delay) {
       if (delay === void 0) {
         delay = 0;
       }
-      return setTimeout(callback, delay);
+      return $.nextTick(cb, delay);
     },
     nextFrame: function nextFrame(cb) {
       return $.nextFrame(cb);
@@ -168,12 +1138,6 @@
     now: function now() {
       return Date.now();
     },
-    requestAnimationFrame: function requestAnimationFrame(cb) {
-      return $.requestAnimationFrame(cb);
-    },
-    cancelAnimationFrame: function cancelAnimationFrame(id) {
-      return $.cancelAnimationFrame(id);
-    },
     parseUrlQuery: function parseUrlQuery(url) {
       return $.urlParam(url);
     },
@@ -249,9 +1213,8 @@
       return (_$2 = $).assign.apply(_$2, [to].concat(args));
     },
     bindMethods: function bindMethods(instance, obj) {
-      var _this = this;
       Object.keys(obj).forEach(function (key) {
-        if (_this.isObject(obj[key])) {
+        if (Utils.isObject(obj[key])) {
           Object.keys(obj[key]).forEach(function (subKey) {
             if (typeof obj[key][subKey] === 'function') {
               obj[key][subKey] = obj[key][subKey].bind(instance);
@@ -261,6 +1224,24 @@
         instance[key] = obj[key];
       });
     },
+    flattenArray: function (_flattenArray) {
+      function flattenArray() {
+        return _flattenArray.apply(this, arguments);
+      }
+      flattenArray.toString = function () {
+        return _flattenArray.toString();
+      };
+      return flattenArray;
+    }(function () {
+      var arr = [];
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      args.forEach(function (arg) {
+        if (Array.isArray(arg)) arr.push.apply(arr, flattenArray.apply(void 0, arg));else arr.push(arg);
+      });
+      return arr;
+    }),
     colorHexToRgb: function colorHexToRgb(hex) {
       var h = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (m, r, g, b) {
         return r + r + g + g + b + b;
@@ -335,11 +1316,22 @@
       HSB.s = HSL.l > 0 ? 2 * t / HSB.b : HSB.s;
       return [HSB.h, HSB.s, HSB.b];
     },
+    getShadeTintColors: function getShadeTintColors(rgb) {
+      var hsl = colorRgbToHsl.apply(void 0, rgb);
+      var hslShade = [hsl[0], hsl[1], Math.max(0, hsl[2] - 0.08)];
+      var hslTint = [hsl[0], hsl[1], Math.max(0, hsl[2] + 0.08)];
+      var shade = colorRgbToHex.apply(void 0, colorHslToRgb.apply(void 0, hslShade));
+      var tint = colorRgbToHex.apply(void 0, colorHslToRgb.apply(void 0, hslTint));
+      return {
+        shade: shade,
+        tint: tint
+      };
+    },
     colorThemeCSSProperties: function colorThemeCSSProperties() {
       var hex;
       var rgb;
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
       }
       if (args.length === 1) {
         hex = args[0];
@@ -349,17 +1341,85 @@
         hex = Utils.colorRgbToHex.apply(Utils, rgb);
       }
       if (!rgb) return {};
-      var hsl = Utils.colorRgbToHsl.apply(Utils, rgb);
-      var hslShade = [hsl[0], hsl[1], Math.max(0, hsl[2] - 0.08)];
-      var hslTint = [hsl[0], hsl[1], Math.max(0, hsl[2] + 0.08)];
-      var shade = Utils.colorRgbToHex.apply(Utils, Utils.colorHslToRgb.apply(Utils, hslShade));
-      var tint = Utils.colorRgbToHex.apply(Utils, Utils.colorHslToRgb.apply(Utils, hslTint));
+      var _materialColors = materialColors(hex),
+        light = _materialColors.light,
+        dark = _materialColors.dark;
+      var shadeTintIos = getShadeTintColors(rgb);
+      var shadeTintMdLight = getShadeTintColors(colorHexToRgb(light['--f7-md-primary']));
+      var shadeTintMdDark = getShadeTintColors(colorHexToRgb(dark['--f7-md-primary']));
+      Object.keys(light).forEach(function (key) {
+        if (key.includes('surface-')) {
+          light[key + "-rgb"] = colorHexToRgb(light[key]);
+        }
+      });
+      Object.keys(dark).forEach(function (key) {
+        if (key.includes('surface-')) {
+          dark[key + "-rgb"] = colorHexToRgb(dark[key]);
+        }
+      });
       return {
-        '--f7-theme-color': hex,
-        '--f7-theme-color-rgb': rgb.join(', '),
-        '--f7-theme-color-shade': shade,
-        '--f7-theme-color-tint': tint
+        ios: {
+          '--f7-theme-color': 'var(--f7-ios-primary)',
+          '--f7-theme-color-rgb': 'var(--f7-ios-primary-rgb)',
+          '--f7-theme-color-shade': 'var(--f7-ios-primary-shade)',
+          '--f7-theme-color-tint': 'var(--f7-ios-primary-tint)'
+        },
+        md: {
+          '--f7-theme-color': 'var(--f7-md-primary)',
+          '--f7-theme-color-rgb': 'var(--f7-md-primary-rgb)',
+          '--f7-theme-color-shade': 'var(--f7-md-primary-shade)',
+          '--f7-theme-color-tint': 'var(--f7-md-primary-tint)'
+        },
+        light: _extends({
+          '--f7-ios-primary': hex,
+          '--f7-ios-primary-shade': shadeTintIos.shade,
+          '--f7-ios-primary-tint': shadeTintIos.tint,
+          '--f7-ios-primary-rgb': rgb.join(', '),
+          '--f7-md-primary-shade': shadeTintMdLight.shade,
+          '--f7-md-primary-tint': shadeTintMdLight.tint,
+          '--f7-md-primary-rgb': colorHexToRgb(light['--f7-md-primary']).join(', ')
+        }, light),
+        dark: _extends({
+          '--f7-md-primary-shade': shadeTintMdDark.shade,
+          '--f7-md-primary-tint': shadeTintMdDark.tint,
+          '--f7-md-primary-rgb': colorHexToRgb(dark['--f7-md-primary']).join(', ')
+        }, dark)
+      };
+    },
+    colorThemeCSSStyles: function colorThemeCSSStyles(colors) {
+      if (colors === void 0) {
+        colors = {};
+      }
+      var stringifyObject = function stringifyObject(obj) {
+        var res = '';
+        Object.keys(obj).forEach(function (key) {
+          res += key + ":" + obj[key] + ";";
+        });
+        return res;
       };
+      var colorVars = colorThemeCSSProperties(colors.primary);
+      var primary = [":root{", stringifyObject(colorVars.light), "--swiper-theme-color:var(--f7-theme-color);"].concat(Object.keys(colors).map(function (colorName) {
+        return "--f7-color-" + colorName + ": " + colors[colorName] + ";";
+      }), ["}", ".dark{", stringifyObject(colorVars.dark), "}", ".ios, .ios .dark{", stringifyObject(colorVars.ios), '}', ".md, .md .dark{", stringifyObject(colorVars.md), '}']).join('');
+      var restVars = {};
+      Object.keys(colors).forEach(function (colorName) {
+        var colorValue = colors[colorName];
+        restVars[colorName] = colorThemeCSSProperties(colorValue);
+      });
+      var rest = '';
+      Object.keys(colors).forEach(function (colorName) {
+        var _restVars$colorName = restVars[colorName],
+          light = _restVars$colorName.light,
+          dark = _restVars$colorName.dark,
+          ios = _restVars$colorName.ios,
+          md = _restVars$colorName.md;
+        var whiteColorVars = "\n\t\t\t--f7-ios-primary: #ffffff;\n\t\t\t--f7-ios-primary-shade: #ebebeb;\n\t\t\t--f7-ios-primary-tint: #ffffff;\n\t\t\t--f7-ios-primary-rgb: 255, 255, 255;\n\t\t\t--f7-md-primary-shade: #eee;\n\t\t\t--f7-md-primary-tint: #fff;\n\t\t\t--f7-md-primary-rgb: 255, 255, 255;\n\t\t\t--f7-md-primary: #fff;\n\t\t\t--f7-md-on-primary: #000;\n\t\t\t--f7-md-primary-container: #fff;\n\t\t\t--f7-md-on-primary-container: #000;\n\t\t\t--f7-md-secondary: #fff;\n\t\t\t--f7-md-on-secondary: #000;\n\t\t\t--f7-md-secondary-container: #555;\n\t\t\t--f7-md-on-secondary-container: #fff;\n\t\t\t--f7-md-surface: #fff;\n\t\t\t--f7-md-on-surface: #000;\n\t\t\t--f7-md-surface-variant: #333;\n\t\t\t--f7-md-on-surface-variant: #fff;\n\t\t\t--f7-md-outline: #fff;\n\t\t\t--f7-md-outline-variant: #fff;\n\t\t\t--f7-md-inverse-surface: #000;\n\t\t\t--f7-md-inverse-on-surface: #fff;\n\t\t\t--f7-md-inverse-primary: #000;\n\t\t\t--f7-md-surface-1: #f8f8f8;\n\t\t\t--f7-md-surface-2: #f1f1f1;\n\t\t\t--f7-md-surface-3: #e7e7e7;\n\t\t\t--f7-md-surface-4: #e1e1e1;\n\t\t\t--f7-md-surface-5: #d7d7d7;\n\t\t\t--f7-md-surface-variant-rgb: 51, 51, 51;\n\t\t\t--f7-md-on-surface-variant-rgb: 255, 255, 255;\n\t\t\t--f7-md-surface-1-rgb: 248, 248, 248;\n\t\t\t--f7-md-surface-2-rgb: 241, 241, 241;\n\t\t\t--f7-md-surface-3-rgb: 231, 231, 231;\n\t\t\t--f7-md-surface-4-rgb: 225, 225, 225;\n\t\t\t--f7-md-surface-5-rgb: 215, 215, 215;\n\t\t\t";
+        var blackColorVars = "\n\t\t\t--f7-ios-primary: #000;\n\t\t\t--f7-ios-primary-shade: #000;\n\t\t\t--f7-ios-primary-tint: #232323;\n\t\t\t--f7-ios-primary-rgb: 0, 0, 0;\n\t\t\t--f7-md-primary-shade: #000;\n\t\t\t--f7-md-primary-tint: #232323;\n\t\t\t--f7-md-primary-rgb: 0, 0, 0;\n\t\t\t--f7-md-primary: #000;\n\t\t\t--f7-md-on-primary: #fff;\n\t\t\t--f7-md-primary-container: #000;\n\t\t\t--f7-md-on-primary-container: #fff;\n\t\t\t--f7-md-secondary: #000;\n\t\t\t--f7-md-on-secondary: #fff;\n\t\t\t--f7-md-secondary-container: #aaa;\n\t\t\t--f7-md-on-secondary-container: #000;\n\t\t\t--f7-md-surface: #000;\n\t\t\t--f7-md-on-surface: #fff;\n\t\t\t--f7-md-surface-variant: #ccc;\n\t\t\t--f7-md-on-surface-variant: #000;\n\t\t\t--f7-md-outline: #000;\n\t\t\t--f7-md-outline-variant: #000;\n\t\t\t--f7-md-inverse-surface: #fff;\n\t\t\t--f7-md-inverse-on-surface: #000;\n\t\t\t--f7-md-inverse-primary: #fff;\n\t\t\t--f7-md-surface-1: #070707;\n\t\t\t--f7-md-surface-2: #161616;\n\t\t\t--f7-md-surface-3: #232323;\n\t\t\t--f7-md-surface-4: #303030;\n\t\t\t--f7-md-surface-5: #373737;\n\t\t\t--f7-md-surface-variant-rgb: 204, 204, 204;\n\t\t\t--f7-md-on-surface-variant-rgb: 0, 0, 0;\n\t\t\t--f7-md-surface-1-rgb: 7, 7, 7;\n\t\t\t--f7-md-surface-2-rgb: 22, 22, 22;\n\t\t\t--f7-md-surface-3-rgb: 35, 35, 35;\n\t\t\t--f7-md-surface-4-rgb: 48, 48, 48;\n\t\t\t--f7-md-surface-5-rgb: 55, 55, 55;\n\t\t\t";
+        var lightString = colorName === 'white' ? whiteColorVars : colorName === 'black' ? blackColorVars : stringifyObject(light);
+        var darkString = colorName === 'white' ? whiteColorVars : colorName === 'black' ? blackColorVars : stringifyObject(dark);
+        rest += [".color-" + colorName + " {", lightString, "--swiper-theme-color: var(--f7-theme-color);", "}", ".color-" + colorName + ".dark, .color-" + colorName + " .dark, .dark .color-" + colorName + " {", darkString, "--swiper-theme-color: var(--f7-theme-color);", "}", ".ios .color-" + colorName + ", .ios.color-" + colorName + ", .ios .dark .color-" + colorName + ", .ios .dark.color-" + colorName + " {", stringifyObject(ios), "}", ".md .color-" + colorName + ", .md.color-" + colorName + ", .md .dark .color-" + colorName + ", .md .dark.color-" + colorName + " {", stringifyObject(md), "}", ".text-color-" + colorName + " {", "--f7-theme-color-text-color: " + colors[colorName] + ";", "}", ".bg-color-" + colorName + " {", "--f7-theme-color-bg-color: " + colors[colorName] + ";", "}", ".border-color-" + colorName + " {", "--f7-theme-color-border-color: " + colors[colorName] + ";", "}", ".ripple-color-" + colorName + " {", "--f7-theme-color-ripple-color: rgba(" + light['--f7-ios-primary-rgb'] + ", 0.3);", "}"].join('');
+      });
+      return "" + primary + rest;
     }
   };
 
@@ -603,13 +1663,17 @@
   var Module = function (_Event) {
     _inheritsLoose(Module, _Event);
     function Module(params, parents) {
+      var _this;
       if (params === void 0) {
         params = {};
       }
       if (parents === void 0) {
         parents = [];
       }
-      return _Event.call(this, params, parents) || this;
+      _this = _Event.call(this, params, parents) || this;
+      var self = _assertThisInitialized(_this);
+      self.params = params;
+      return _this;
     }
     var _proto = Module.prototype;
     _proto.useModuleParams = function useModuleParams(module, instanceParams) {
@@ -762,7 +1826,7 @@
     return _construct.apply(null, arguments);
   }
 
-  function Constructors (parameters) {
+  function Constructors(parameters) {
     if (parameters === void 0) {
       parameters = {};
     }
@@ -813,38 +1877,73 @@
     return methods;
   }
 
-  function Modals (parameters) {
+  function Modals(parameters) {
     if (parameters === void 0) {
       parameters = {};
     }
     var _parameters = parameters,
       defaultSelector = _parameters.defaultSelector,
-      constructor = _parameters.constructor,
+      Constructor = _parameters.constructor,
       app = _parameters.app;
     var methods = $.extend(Constructors({
       defaultSelector: defaultSelector,
-      constructor: constructor,
+      constructor: Constructor,
       app: app,
       domProp: 'f7Modal'
     }), {
-      open: function open(el, animate) {
+      open: function open(el, animate, targetEl) {
         var $el = $(el);
+        if ($el.length > 1 && targetEl) {
+          var $targetPage = $(targetEl).parents('.page');
+          if ($targetPage.length) {
+            $el.each(function (modalEl) {
+              var $modalEl = $(modalEl);
+              if ($modalEl.parents($targetPage)[0] === $targetPage[0]) {
+                $el = $modalEl;
+              }
+            });
+          }
+        }
+        if ($el.length > 1) {
+          $el = $el.eq($el.length - 1);
+        }
+        if (!$el.length) return undefined;
         var instance = $el[0].f7Modal;
-        if (!instance) instance = new constructor(app, {
-          el: $el
-        });
+        if (!instance) {
+          var params = $el.dataset();
+          instance = new Constructor(app, _extends({
+            el: $el
+          }, params));
+        }
         return instance.open(animate);
       },
-      close: function close(el, animate) {
+      close: function close(el, animate, targetEl) {
         if (el === void 0) {
           el = defaultSelector;
         }
         var $el = $(el);
-        if ($el.length === 0) return undefined;
+        if (!$el.length) return undefined;
+        if ($el.length > 1) {
+          var $parentEl;
+          if (targetEl) {
+            var $targetEl = $(targetEl);
+            if ($targetEl.length) {
+              $parentEl = $targetEl.parents($el);
+            }
+          }
+          if ($parentEl && $parentEl.length > 0) {
+            $el = $parentEl;
+          } else {
+            $el = $el.eq($el.length - 1);
+          }
+        }
         var instance = $el[0].f7Modal;
-        if (!instance) instance = new constructor(app, {
-          el: $el
-        });
+        if (!instance) {
+          var params = $el.dataset();
+          instance = new Constructor(app, _extends({
+            el: $el
+          }, params));
+        }
         return instance.close(animate);
       }
     });
@@ -962,6 +2061,32 @@
     });
   }
 
+  function jsx(tag, props) {
+    var attrs = props || {};
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+    var children = args || [];
+    var attrsString = Object.keys(attrs).map(function (attr) {
+      if (attr[0] === '_') {
+        if (attrs[attr]) return attr.replace('_', '');
+        return '';
+      }
+      return attr + "=\"" + attrs[attr] + "\"";
+    }).filter(function (attr) {
+      return !!attr;
+    }).join(' ');
+    if (['path', 'img', 'circle', 'polygon', 'line', 'input'].indexOf(tag) >= 0) {
+      return ("<" + tag + " " + attrsString + " />").trim();
+    }
+    var childrenContent = children.filter(function (c) {
+      return !!c;
+    }).map(function (c) {
+      return Array.isArray(c) ? c.join('') : c;
+    }).join('');
+    return ("<" + tag + " " + attrsString + ">" + childrenContent + "</" + tag + ">").trim();
+  }
+
   var Resize = {
     name: 'resize',
     instance: {
@@ -1151,6 +2276,7 @@
       init: function init() {
         if (!('serviceWorker' in window.navigator)) return;
         var app = this;
+        if (app.device.cordova || window.Capacitor && window.Capacitor.isNative) return;
         if (!app.serviceWorker.container) return;
         var paths = app.params.serviceWorker.path;
         var scope = app.params.serviceWorker.scope;
@@ -1163,99 +2289,110 @@
     }
   };
 
-  var Support$1 = $.support;
-  var Device$1 = $.device;
+  var extend = Utils.extend,
+    nextFrame = Utils.nextFrame;
+  var _$ = $,
+    support = _$.Support,
+    device = _$.Device;
+  var def = {
+    version: '1.0.1',
+    el: 'body',
+    root: 'body',
+    theme: 'auto',
+    language: window.navigator.language,
+    routes: [],
+    name: 'App',
+    lazyModulesPath: null,
+    initOnDeviceReady: true,
+    darkMode: undefined,
+    iosTranslucentBars: true,
+    iosTranslucentModals: true,
+    component: undefined,
+    componentUrl: undefined,
+    userAgent: null,
+    url: null,
+    colors: {
+      primary: '#007aff',
+      red: '#ff3b30',
+      green: '#4cd964',
+      blue: '#2196f3',
+      pink: '#ff2d55',
+      yellow: '#ffcc00',
+      orange: '#ff9500',
+      purple: '#9c27b0',
+      deeppurple: '#673ab7',
+      lightblue: '#5ac8fa',
+      teal: '#009688',
+      lime: '#cddc39',
+      deeporange: '#ff6b22',
+      white: '#ffffff',
+      black: '#000000'
+    }
+  };
   var App = function (_Module) {
     _inheritsLoose(App, _Module);
-    function App(opt) {
+    function App(opts) {
       var _this;
-      _this = _Module.call(this, opt) || this;
-      var passedParams = $.extend({}, opt);
+      if (opts === void 0) {
+        opts = {};
+      }
+      _this = _Module.call(this, opts) || this;
+      if (App.instance && typeof window !== 'undefined') {
+        throw new Error("App is already initialized and can't be initialized more than once");
+      }
+      var passedParams = extend({}, opts);
       var app = _assertThisInitialized(_this);
-      app.device = Device$1;
-      app.support = Support$1;
+      $.App = App;
+      App.instance = app;
+      app.device = device;
+      app.support = support;
       console.log('App constructor', {
-        Device: Device$1,
-        Support: Support$1
+        Device: device,
+        Support: support
       });
-      var def = {
-        version: '0.0.1',
-        root: 'body',
-        theme: 'auto',
-        language: window.navigator.language,
-        routes: [],
-        lazyModulesPath: null,
-        initOnDeviceReady: true,
-        autoDarkTheme: false,
-        iosTranslucentBars: true,
-        iosTranslucentModals: true,
-        component: undefined,
-        componentUrl: undefined
-      };
       app.useModulesParams(def);
-      app.params = $.extend(def, opt);
-      var $rootEl = $(app.params.root);
+      app.params = extend(def, opts);
+      if (opts.root && !opts.el) {
+        app.params.el = opts.root;
+      }
       $.isPage = function (p) {
         return p instanceof Page;
       };
       $.isApp = function (p) {
         return p instanceof App;
       };
-      $.extend(app, {
+      extend(app, {
         owner: app.params.owner,
         name: app.params.name,
         id: app.params.owner + "." + app.params.name,
         version: app.params.version,
         routes: app.params.routes,
         language: app.params.language,
-        root: $rootEl,
-        $el: $rootEl,
         cfg: app.params.cfg,
         api: app.params.api,
-        rtl: $rootEl.css('direction') === 'rtl',
-        theme: function getTheme() {
+        theme: function () {
           if (app.params.theme === 'auto') {
-            if (Device$1.ios) return 'ios';
-            if (Device$1.desktop) return 'aurora';
+            if (device.ios) return 'ios';
+            if (device.desktop) return 'pc';
             return 'md';
           }
           return app.params.theme;
         }(),
         passedParams: passedParams,
-        online: window.navigator.onLine
+        online: window.navigator.onLine,
+        colors: app.params.colors,
+        darkMode: app.params.darkMode
       });
-      if (app.root && app.root[0]) {
-        app.root[0].wia = app;
-      }
+      if (opts.store) app.params.store = params.store;
       app.touchEvents = {
-        start: Support$1.touch ? 'touchstart' : Support$1.pointerEvents ? 'pointerdown' : 'mousedown',
-        move: Support$1.touch ? 'touchmove' : Support$1.pointerEvents ? 'pointermove' : 'mousemove',
-        end: Support$1.touch ? 'touchend' : Support$1.pointerEvents ? 'pointerup' : 'mouseup'
+        start: support.touch ? 'touchstart' : support.pointerEvents ? 'pointerdown' : 'mousedown',
+        move: support.touch ? 'touchmove' : support.pointerEvents ? 'pointermove' : 'mousemove',
+        end: support.touch ? 'touchend' : support.pointerEvents ? 'pointerup' : 'mouseup'
       };
       app.useModules();
       app.initData();
-      var DARK = '(prefers-color-scheme: dark)';
-      var LIGHT = '(prefers-color-scheme: light)';
-      app.mq = {};
-      if (window.matchMedia) {
-        app.mq.dark = window.matchMedia(DARK);
-        app.mq.light = window.matchMedia(LIGHT);
-      }
-      app.colorSchemeListener = function (_ref) {
-        var matches = _ref.matches,
-          media = _ref.media;
-        if (!matches) {
-          return;
-        }
-        var html = document.querySelector('html');
-        if (media === DARK) {
-          html.classList.add('theme-dark');
-        } else if (media === LIGHT) {
-          html.classList.remove('theme-dark');
-        }
-      };
-      function init() {
-        if (Device$1.cordova && app.params.initOnDeviceReady) {
+      if (app.params.init) {
+        if (device.cordova && app.params.initOnDeviceReady) {
           $(document).on('deviceready', function () {
             app.init();
           });
@@ -1263,7 +2400,6 @@
           app.init();
         }
       }
-      if (app.params.init) init();
       return app || _assertThisInitialized(_this);
     }
     var _proto = App.prototype;
@@ -1279,6 +2415,62 @@
     _proto.unload = function unload() {
       this.emit('local::unload appUnload');
     };
+    _proto.setColorTheme = function setColorTheme(color) {
+      if (!color) return;
+      var app = this;
+      app.colors.primary = color;
+      app.setColors();
+    };
+    _proto.setColors = function setColors() {
+      var app = this;
+      if (!app.colorsStyleEl) {
+        app.colorsStyleEl = document.createElement('style');
+        document.head.appendChild(app.colorsStyleEl);
+      }
+      app.colorsStyleEl.textContent = app.utils.colorThemeCSSStyles(app.colors);
+    };
+    _proto.mount = function mount(rootEl) {
+      var app = this;
+      var $rootEl = $(rootEl || app.params.el).eq(0);
+      extend(app, {
+        root: $rootEl,
+        $el: $rootEl,
+        el: $rootEl == null ? void 0 : $rootEl[0],
+        rtl: $rootEl.css('direction') === 'rtl'
+      });
+      if (app.root && app.root[0]) {
+        app.root[0].wia = app;
+      }
+      if (app.$el && app.$el[0]) {
+        app.$el[0].wia = app;
+      }
+      app.el.f7 = app;
+      var DARK = '(prefers-color-scheme: dark)';
+      var LIGHT = '(prefers-color-scheme: light)';
+      app.mq = {};
+      if (window.matchMedia) {
+        app.mq.dark = window.matchMedia(DARK);
+        app.mq.light = window.matchMedia(LIGHT);
+      }
+      app.colorSchemeListener = function (_ref) {
+        var matches = _ref.matches,
+          media = _ref.media;
+        if (!matches) {
+          return;
+        }
+        var html = document.querySelector('html');
+        if (media === DARK) {
+          html.classList.add('dark');
+          app.darkMode = true;
+          app.emit('darkModeChange', true);
+        } else if (media === LIGHT) {
+          html.classList.remove('dark');
+          app.darkMode = false;
+          app.emit('darkModeChange', false);
+        }
+      };
+      app.emit('mount');
+    };
     _proto.initData = function initData() {
       var app = this;
       app.data = {};
@@ -1307,9 +2499,13 @@
         app.mq.light.addListener(app.colorSchemeListener);
       }
       if (app.mq.dark && app.mq.dark.matches) {
-        html.classList.add('theme-dark');
+        html.classList.add('dark');
+        app.darkMode = true;
+        app.emit('darkModeChange', true);
       } else if (app.mq.light && app.mq.light.matches) {
-        html.classList.remove('theme-dark');
+        html.classList.remove('dark');
+        app.darkMode = false;
+        app.emit('darkModeChange', false);
       }
     };
     _proto.disableAutoDarkTheme = function disableAutoDarkTheme() {
@@ -1318,44 +2514,77 @@
       if (app.mq.dark) app.mq.dark.removeListener(app.colorSchemeListener);
       if (app.mq.light) app.mq.light.removeListener(app.colorSchemeListener);
     };
-    _proto.init = function init() {
+    _proto.setDarkMode = function setDarkMode(mode) {
       var app = this;
-      if (app.initialized) return app;
-      $.App = App;
-      if (Device$1.ios && Device$1.webView) {
-        window.addEventListener('touchstart', function () {});
-      }
-      app.root.addClass('framework7-initializing');
-      if (app.rtl) {
-        $('html').attr('dir', 'rtl');
-      }
-      if (app.params.autoDarkTheme) {
-        app.enableAutoDarkTheme();
-      }
-      window.addEventListener('offline', function () {
-        app.online = false;
-        app.emit('offline');
-        app.emit('connection', false);
-      });
-      window.addEventListener('online', function () {
-        app.online = true;
-        app.emit('online');
-        app.emit('connection', true);
-      });
-      app.root.addClass('framework7-root');
-      $('html').removeClass('ios md aurora').addClass(app.theme);
-      if (app.params.iosTranslucentBars && app.theme === 'ios' && Device$1.ios) {
-        $('html').addClass('ios-translucent-bars');
+      if (mode === 'auto') {
+        app.enableAutoDarkMode();
+      } else {
+        app.disableAutoDarkMode();
+        $('html')[mode ? 'addClass' : 'removeClass']('dark');
+        app.darkMode = mode;
       }
-      if (app.params.iosTranslucentModals && app.theme === 'ios' && Device$1.ios) {
-        $('html').addClass('ios-translucent-modals');
+    };
+    _proto.initAppComponent = function initAppComponent(callback) {
+      var app = this;
+      app.router.componentLoader(app.params.component, app.params.componentUrl, {
+        componentOptions: {
+          el: app.$el[0]
+        }
+      }, function (el) {
+        app.$el = $(el);
+        app.$el[0].wia = app;
+        app.$elComponent = el.f7Component;
+        app.el = app.$el[0];
+        if (callback) callback();
+      }, function () {});
+    };
+    _proto.init = function init(rootEl) {
+      var app = this;
+      app.setColors();
+      app.mount(rootEl);
+      var init = function init() {
+        if (app.initialized) return app;
+        app.$el.addClass('framework7-initializing');
+        if (app.rtl) {
+          $('html').attr('dir', 'rtl');
+        }
+        if (typeof app.params.darkMode === 'undefined') {
+          app.darkMode = $('html').hasClass('dark');
+        } else {
+          app.setDarkMode(app.params.darkMode);
+        }
+        window.addEventListener('offline', function () {
+          app.online = false;
+          app.emit('offline');
+          app.emit('connection', false);
+        });
+        window.addEventListener('online', function () {
+          app.online = true;
+          app.emit('online');
+          app.emit('connection', true);
+        });
+        app.$el.addClass('framework7-root');
+        $('html').removeClass('ios md pc').addClass(app.theme);
+        if (app.params.iosTranslucentBars && app.theme === 'ios') {
+          $('html').addClass('ios-translucent-bars');
+        }
+        if (app.params.iosTranslucentModals && app.theme === 'ios') {
+          $('html').addClass('ios-translucent-modals');
+        }
+        nextFrame(function () {
+          app.$el.removeClass('framework7-initializing');
+        });
+        initStyle();
+        app.initialized = true;
+        app.emit('init');
+      };
+      if (app.params.component || app.params.componentUrl) {
+        app.initAppComponent(function () {
+          init();
+        });
+      } else {
+        init();
       }
-      $.nextFrame(function () {
-        app.root.removeClass('framework7-initializing');
-      });
-      initStyle();
-      app.initialized = true;
-      app.emit('init');
       return app;
     };
     _proto.loadModule = function loadModule(m) {
@@ -1395,6 +2624,16 @@
       get: function get() {
         return Event;
       }
+    }, {
+      key: "Class",
+      get: function get() {
+        return Module;
+      }
+    }, {
+      key: "Events",
+      get: function get() {
+        return Event;
+      }
     }]);
     return App;
   }(Module);
@@ -1404,25 +2643,26 @@
     var html = document.querySelector('html');
     var metaStatusbar = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');
     if (!html) return;
-    if (Device$1.standalone && Device$1.ios && metaStatusbar && metaStatusbar.content === 'black-translucent') {
+    if (device.standalone && device.ios && metaStatusbar && metaStatusbar.content === 'black-translucent') {
       classNames.push('device-full-viewport');
     }
-    classNames.push("device-pixel-ratio-" + Math.floor(Device$1.pixelRatio));
-    if (Device$1.os && !Device$1.desktop) {
-      classNames.push("device-" + Device$1.os);
-    } else if (Device$1.desktop) {
+    classNames.push("device-pixel-ratio-" + Math.floor(device.pixelRatio));
+    if (device.os && !device.desktop) {
+      classNames.push("device-" + device.os);
+    } else if (device.desktop) {
       classNames.push('device-desktop');
-      if (Device$1.os) {
-        classNames.push("device-" + Device$1.os);
+      if (device.os) {
+        classNames.push("device-" + device.os);
       }
     }
-    if (Device$1.cordova || Device$1.phonegap) {
+    if (device.cordova || device.phonegap) {
       classNames.push('device-cordova');
     }
     classNames.forEach(function (className) {
       html.classList.add(className);
     });
   }
+  App.jsx = jsx;
   App.ModalMethods = Modals;
   App.ConstructorMethods = Constructors;
   App.loadModule = loadModule;
@@ -1431,8 +2671,8 @@
       return App.loadModule(module);
     }));
   };
-  App.support = Support$1;
-  App.device = Device$1;
+  App.support = support;
+  App.device = device;
   App.utils = Utils;
   App.use([Resize, Click, SW$1]);
 
@@ -1727,32 +2967,6 @@
     return Modal;
   }(Event);
 
-  function jsx(tag, props) {
-    var attrs = props || {};
-    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      args[_key - 2] = arguments[_key];
-    }
-    var children = args || [];
-    var attrsString = Object.keys(attrs).map(function (attr) {
-      if (attr[0] === '_') {
-        if (attrs[attr]) return attr.replace('_', '');
-        return '';
-      }
-      return attr + "=\"" + attrs[attr] + "\"";
-    }).filter(function (attr) {
-      return !!attr;
-    }).join(' ');
-    if (['path', 'img', 'circle', 'polygon', 'line', 'input'].indexOf(tag) >= 0) {
-      return ("<" + tag + " " + attrsString + " />").trim();
-    }
-    var childrenContent = children.filter(function (c) {
-      return !!c;
-    }).map(function (c) {
-      return Array.isArray(c) ? c.join('') : c;
-    }).join('');
-    return ("<" + tag + " " + attrsString + ">" + childrenContent + "</" + tag + ">").trim();
-  }
-
   var Support = $.support;
   var Device = $.device;