website/public/benchmarks/bundle.js
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ 92703:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactPropTypesSecret = __webpack_require__(50414);
function emptyFunction() {}
function emptyFunctionWithReset() {}
emptyFunctionWithReset.resetWarningCache = emptyFunction;
module.exports = function() {
function shim(props, propName, componentName, location, propFullName, secret) {
if (secret === ReactPropTypesSecret) {
// It is still safe when called from React.
return;
}
var err = new Error(
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
'Use PropTypes.checkPropTypes() to call them. ' +
'Read more at http://fb.me/use-check-prop-types'
);
err.name = 'Invariant Violation';
throw err;
};
shim.isRequired = shim;
function getShim() {
return shim;
};
// Important!
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
var ReactPropTypes = {
array: shim,
bigint: shim,
bool: shim,
func: shim,
number: shim,
object: shim,
string: shim,
symbol: shim,
any: shim,
arrayOf: getShim,
element: shim,
elementType: shim,
instanceOf: getShim,
node: shim,
objectOf: getShim,
oneOf: getShim,
oneOfType: getShim,
shape: getShim,
exact: getShim,
checkPropTypes: emptyFunctionWithReset,
resetWarningCache: emptyFunction
};
ReactPropTypes.PropTypes = ReactPropTypes;
return ReactPropTypes;
};
/***/ }),
/***/ 45697:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
if (false) { var throwOnDirectAccess, ReactIs; } else {
// By explicitly using `prop-types` you are opting into new production behavior.
// http://fb.me/prop-types-in-prod
module.exports = __webpack_require__(92703)();
}
/***/ }),
/***/ 50414:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
module.exports = ReactPropTypesSecret;
/***/ }),
/***/ 97251:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var map = {
"./aphrodite/index.js": 84835,
"./css-modules/index.js": 25574,
"./emotion/index.js": 81701,
"./glamor/index.js": 66141,
"./inline-styles/index.js": 57116,
"./radium/index.js": 75863,
"./react-fela/index.js": 7256,
"./react-jss/index.js": 70387,
"./react-native-web/Tweet/index.js": 55617,
"./react-native-web/index.js": 90215,
"./reactxp/index.js": 27072,
"./styled-components/index.js": 25449,
"./styled-jsx/index.js": 72785,
"./styletron-react/index.js": 77064
};
function webpackContext(req) {
var id = webpackContextResolve(req);
return __webpack_require__(id);
}
function webpackContextResolve(req) {
if(!__webpack_require__.o(map, req)) {
var e = new Error("Cannot find module '" + req + "'");
e.code = 'MODULE_NOT_FOUND';
throw e;
}
return map[req];
}
webpackContext.keys = function webpackContextKeys() {
return Object.keys(map);
};
webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext;
webpackContext.id = 97251;
/***/ }),
/***/ 37779:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
// rawAsap provides everything we need except exception management.
var rawAsap = __webpack_require__(92994);
// RawTasks are recycled to reduce GC churn.
var freeTasks = [];
// We queue errors to ensure they are thrown in right order (FIFO).
// Array-as-queue is good enough here, since we are just dealing with exceptions.
var pendingErrors = [];
var requestErrorThrow = rawAsap.makeRequestCallFromTimer(throwFirstError);
function throwFirstError() {
if (pendingErrors.length) {
throw pendingErrors.shift();
}
}
/**
* Calls a task as soon as possible after returning, in its own event, with priority
* over other events like animation, reflow, and repaint. An error thrown from an
* event will not interrupt, nor even substantially slow down the processing of
* other events, but will be rather postponed to a lower priority event.
* @param {{call}} task A callable object, typically a function that takes no
* arguments.
*/
module.exports = asap;
function asap(task) {
var rawTask;
if (freeTasks.length) {
rawTask = freeTasks.pop();
} else {
rawTask = new RawTask();
}
rawTask.task = task;
rawAsap(rawTask);
}
// We wrap tasks with recyclable task objects. A task object implements
// `call`, just like a function.
function RawTask() {
this.task = null;
}
// The sole purpose of wrapping the task is to catch the exception and recycle
// the task object after its single use.
RawTask.prototype.call = function () {
try {
this.task.call();
} catch (error) {
if (asap.onerror) {
// This hook exists purely for testing purposes.
// Its name will be periodically randomized to break any code that
// depends on its existence.
asap.onerror(error);
} else {
// In a web browser, exceptions are not fatal. However, to avoid
// slowing down the queue of pending tasks, we rethrow the error in a
// lower priority turn.
pendingErrors.push(error);
requestErrorThrow();
}
} finally {
this.task = null;
freeTasks[freeTasks.length] = this;
}
};
/***/ }),
/***/ 92994:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
// Use the fastest means possible to execute a task in its own turn, with
// priority over other events including IO, animation, reflow, and redraw
// events in browsers.
//
// An exception thrown by a task will permanently interrupt the processing of
// subsequent tasks. The higher level `asap` function ensures that if an
// exception is thrown by a task, that the task queue will continue flushing as
// soon as possible, but if you use `rawAsap` directly, you are responsible to
// either ensure that no exceptions are thrown from your task, or to manually
// call `rawAsap.requestFlush` if an exception is thrown.
module.exports = rawAsap;
function rawAsap(task) {
if (!queue.length) {
requestFlush();
flushing = true;
}
// Equivalent to push, but avoids a function call.
queue[queue.length] = task;
}
var queue = [];
// Once a flush has been requested, no further calls to `requestFlush` are
// necessary until the next `flush` completes.
var flushing = false;
// `requestFlush` is an implementation-specific method that attempts to kick
// off a `flush` event as quickly as possible. `flush` will attempt to exhaust
// the event queue before yielding to the browser's own event loop.
var requestFlush;
// The position of the next task to execute in the task queue. This is
// preserved between calls to `flush` so that it can be resumed if
// a task throws an exception.
var index = 0;
// If a task schedules additional tasks recursively, the task queue can grow
// unbounded. To prevent memory exhaustion, the task queue will periodically
// truncate already-completed tasks.
var capacity = 1024;
// The flush function processes all tasks that have been scheduled with
// `rawAsap` unless and until one of those tasks throws an exception.
// If a task throws an exception, `flush` ensures that its state will remain
// consistent and will resume where it left off when called again.
// However, `flush` does not make any arrangements to be called again if an
// exception is thrown.
function flush() {
while (index < queue.length) {
var currentIndex = index;
// Advance the index before calling the task. This ensures that we will
// begin flushing on the next task the task throws an error.
index = index + 1;
queue[currentIndex].call();
// Prevent leaking memory for long chains of recursive calls to `asap`.
// If we call `asap` within tasks scheduled by `asap`, the queue will
// grow, but to avoid an O(n) walk for every task we execute, we don't
// shift tasks off the queue after they have been executed.
// Instead, we periodically shift 1024 tasks off the queue.
if (index > capacity) {
// Manually shift all values starting at the index back to the
// beginning of the queue.
for (var scan = 0, newLength = queue.length - index; scan < newLength; scan++) {
queue[scan] = queue[scan + index];
}
queue.length -= index;
index = 0;
}
}
queue.length = 0;
index = 0;
flushing = false;
}
// `requestFlush` is implemented using a strategy based on data collected from
// every available SauceLabs Selenium web driver worker at time of writing.
// https://docs.google.com/spreadsheets/d/1mG-5UYGup5qxGdEMWkhP6BWCz053NUb2E1QoUTU16uA/edit#gid=783724593
// Safari 6 and 6.1 for desktop, iPad, and iPhone are the only browsers that
// have WebKitMutationObserver but not un-prefixed MutationObserver.
// Must use `global` or `self` instead of `window` to work in both frames and web
// workers. `global` is a provision of Browserify, Mr, Mrs, or Mop.
/* globals self */
var scope = typeof __webpack_require__.g !== "undefined" ? __webpack_require__.g : self;
var BrowserMutationObserver = scope.MutationObserver || scope.WebKitMutationObserver;
// MutationObservers are desirable because they have high priority and work
// reliably everywhere they are implemented.
// They are implemented in all modern browsers.
//
// - Android 4-4.3
// - Chrome 26-34
// - Firefox 14-29
// - Internet Explorer 11
// - iPad Safari 6-7.1
// - iPhone Safari 7-7.1
// - Safari 6-7
if (typeof BrowserMutationObserver === "function") {
requestFlush = makeRequestCallFromMutationObserver(flush);
// MessageChannels are desirable because they give direct access to the HTML
// task queue, are implemented in Internet Explorer 10, Safari 5.0-1, and Opera
// 11-12, and in web workers in many engines.
// Although message channels yield to any queued rendering and IO tasks, they
// would be better than imposing the 4ms delay of timers.
// However, they do not work reliably in Internet Explorer or Safari.
// Internet Explorer 10 is the only browser that has setImmediate but does
// not have MutationObservers.
// Although setImmediate yields to the browser's renderer, it would be
// preferrable to falling back to setTimeout since it does not have
// the minimum 4ms penalty.
// Unfortunately there appears to be a bug in Internet Explorer 10 Mobile (and
// Desktop to a lesser extent) that renders both setImmediate and
// MessageChannel useless for the purposes of ASAP.
// https://github.com/kriskowal/q/issues/396
// Timers are implemented universally.
// We fall back to timers in workers in most engines, and in foreground
// contexts in the following browsers.
// However, note that even this simple case requires nuances to operate in a
// broad spectrum of browsers.
//
// - Firefox 3-13
// - Internet Explorer 6-9
// - iPad Safari 4.3
// - Lynx 2.8.7
} else {
requestFlush = makeRequestCallFromTimer(flush);
}
// `requestFlush` requests that the high priority event queue be flushed as
// soon as possible.
// This is useful to prevent an error thrown in a task from stalling the event
// queue if the exception handled by Node.js’s
// `process.on("uncaughtException")` or by a domain.
rawAsap.requestFlush = requestFlush;
// To request a high priority event, we induce a mutation observer by toggling
// the text of a text node between "1" and "-1".
function makeRequestCallFromMutationObserver(callback) {
var toggle = 1;
var observer = new BrowserMutationObserver(callback);
var node = document.createTextNode("");
observer.observe(node, {characterData: true});
return function requestCall() {
toggle = -toggle;
node.data = toggle;
};
}
// The message channel technique was discovered by Malte Ubl and was the
// original foundation for this library.
// http://www.nonblocking.io/2011/06/windownexttick.html
// Safari 6.0.5 (at least) intermittently fails to create message ports on a
// page's first load. Thankfully, this version of Safari supports
// MutationObservers, so we don't need to fall back in that case.
// function makeRequestCallFromMessageChannel(callback) {
// var channel = new MessageChannel();
// channel.port1.onmessage = callback;
// return function requestCall() {
// channel.port2.postMessage(0);
// };
// }
// For reasons explained above, we are also unable to use `setImmediate`
// under any circumstances.
// Even if we were, there is another bug in Internet Explorer 10.
// It is not sufficient to assign `setImmediate` to `requestFlush` because
// `setImmediate` must be called *by name* and therefore must be wrapped in a
// closure.
// Never forget.
// function makeRequestCallFromSetImmediate(callback) {
// return function requestCall() {
// setImmediate(callback);
// };
// }
// Safari 6.0 has a problem where timers will get lost while the user is
// scrolling. This problem does not impact ASAP because Safari 6.0 supports
// mutation observers, so that implementation is used instead.
// However, if we ever elect to use timers in Safari, the prevalent work-around
// is to add a scroll event listener that calls for a flush.
// `setTimeout` does not call the passed callback if the delay is less than
// approximately 7 in web workers in Firefox 8 through 18, and sometimes not
// even then.
function makeRequestCallFromTimer(callback) {
return function requestCall() {
// We dispatch a timeout with a specified delay of 0 for engines that
// can reliably accommodate that request. This will usually be snapped
// to a 4 milisecond delay, but once we're flushing, there's no delay
// between events.
var timeoutHandle = setTimeout(handleTimer, 0);
// However, since this timer gets frequently dropped in Firefox
// workers, we enlist an interval handle that will try to fire
// an event 20 times per second until it succeeds.
var intervalHandle = setInterval(handleTimer, 50);
function handleTimer() {
// Whichever timer succeeds will cancel both timers and
// execute the callback.
clearTimeout(timeoutHandle);
clearInterval(intervalHandle);
callback();
}
};
}
// This is for `asap.js` only.
// Its name will be periodically randomized to break any code that depends on
// its existence.
rawAsap.makeRequestCallFromTimer = makeRequestCallFromTimer;
// ASAP was originally a nextTick shim included in Q. This was factored out
// into this ASAP package. It was later adapted to RSVP which made further
// amendments. These decisions, particularly to marginalize MessageChannel and
// to capture the MutationObserver implementation in a closure, were integrated
// back into ASAP proper.
// https://github.com/tildeio/rsvp.js/blob/cddf7232546a9cf858524b75cde6f9edf72620a7/lib/rsvp/asap.js
/***/ }),
/***/ 28713:
/***/ ((module) => {
"use strict";
function hash(str) {
var hash = 5381,
i = str.length;
while(i) {
hash = (hash * 33) ^ str.charCodeAt(--i);
}
/* JavaScript does bitwise operations (like XOR, above) on 32-bit signed
* integers. Since we want the results to be always positive, convert the
* signed int to an unsigned by doing an unsigned bitshift. */
return hash >>> 0;
}
module.exports = hash;
/***/ }),
/***/ 84835:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ aphrodite)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ../node_modules/.pnpm/aphrodite@2.4.0/node_modules/aphrodite/node_modules/string-hash/index.js
var string_hash = __webpack_require__(28713);
var string_hash_default = /*#__PURE__*/__webpack_require__.n(string_hash);
// EXTERNAL MODULE: ../node_modules/.pnpm/aphrodite@2.4.0/node_modules/aphrodite/node_modules/asap/browser-asap.js
var browser_asap = __webpack_require__(37779);
var browser_asap_default = /*#__PURE__*/__webpack_require__.n(browser_asap);
;// CONCATENATED MODULE: ../node_modules/.pnpm/aphrodite@2.4.0/node_modules/aphrodite/es/chunk-febce46b.js
function _typeof(obj) {
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function (obj) {
return typeof obj;
};
} else {
_typeof = function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof(obj);
}
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
if (typeof Object.getOwnPropertySymbols === 'function') {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
}
ownKeys.forEach(function (key) {
_defineProperty(target, key, source[key]);
});
}
return target;
}
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
}
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) {
for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
return arr2;
}
}
function _iterableToArray(iter) {
if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance");
}
/* @flow */
/* ::
type ObjectMap = { [id:string]: any };
*/
var UPPERCASE_RE = /([A-Z])/g;
var UPPERCASE_RE_TO_KEBAB = function UPPERCASE_RE_TO_KEBAB(match
/* : string */
) {
return (
/* : string */
"-".concat(match.toLowerCase())
);
};
var kebabifyStyleName = function kebabifyStyleName(string
/* : string */
)
/* : string */
{
var result = string.replace(UPPERCASE_RE, UPPERCASE_RE_TO_KEBAB);
if (result[0] === 'm' && result[1] === 's' && result[2] === '-') {
return "-".concat(result);
}
return result;
};
/**
* CSS properties which accept numbers but are not in units of "px".
* Taken from React's CSSProperty.js
*/
var isUnitlessNumber = {
animationIterationCount: true,
borderImageOutset: true,
borderImageSlice: true,
borderImageWidth: true,
boxFlex: true,
boxFlexGroup: true,
boxOrdinalGroup: true,
columnCount: true,
flex: true,
flexGrow: true,
flexPositive: true,
flexShrink: true,
flexNegative: true,
flexOrder: true,
gridRow: true,
gridColumn: true,
fontWeight: true,
lineClamp: true,
lineHeight: true,
opacity: true,
order: true,
orphans: true,
tabSize: true,
widows: true,
zIndex: true,
zoom: true,
// SVG-related properties
fillOpacity: true,
floodOpacity: true,
stopOpacity: true,
strokeDasharray: true,
strokeDashoffset: true,
strokeMiterlimit: true,
strokeOpacity: true,
strokeWidth: true
};
/**
* Taken from React's CSSProperty.js
*
* @param {string} prefix vendor-specific prefix, eg: Webkit
* @param {string} key style name, eg: transitionDuration
* @return {string} style name prefixed with `prefix`, properly camelCased, eg:
* WebkitTransitionDuration
*/
function prefixKey(prefix, key) {
return prefix + key.charAt(0).toUpperCase() + key.substring(1);
}
/**
* Support style names that may come passed in prefixed by adding permutations
* of vendor prefixes.
* Taken from React's CSSProperty.js
*/
var prefixes = ['Webkit', 'ms', 'Moz', 'O']; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
// infinite loop, because it iterates over the newly added props too.
// Taken from React's CSSProperty.js
Object.keys(isUnitlessNumber).forEach(function (prop) {
prefixes.forEach(function (prefix) {
isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
});
});
var stringifyValue = function stringifyValue(key
/* : string */
, prop
/* : any */
)
/* : string */
{
if (typeof prop === "number") {
if (isUnitlessNumber[key]) {
return "" + prop;
} else {
return prop + "px";
}
} else {
return '' + prop;
}
};
var stringifyAndImportantifyValue = function stringifyAndImportantifyValue(key
/* : string */
, prop
/* : any */
) {
return (
/* : string */
importantify(stringifyValue(key, prop))
);
}; // Turn a string into a hash string of base-36 values (using letters and numbers)
// eslint-disable-next-line no-unused-vars
var hashString = function hashString(string
/* : string */
, key
/* : ?string */
) {
return (
/* string */
string_hash_default()(string).toString(36)
);
}; // Hash a javascript object using JSON.stringify. This is very fast, about 3
// microseconds on my computer for a sample object:
// http://jsperf.com/test-hashfnv32a-hash/5
//
// Note that this uses JSON.stringify to stringify the objects so in order for
// this to produce consistent hashes browsers need to have a consistent
// ordering of objects. Ben Alpert says that Facebook depends on this, so we
// can probably depend on this too.
var hashObject = function hashObject(object
/* : ObjectMap */
) {
return (
/* : string */
hashString(JSON.stringify(object))
);
}; // Given a single style value string like the "b" from "a: b;", adds !important
// to generate "b !important".
var importantify = function importantify(string
/* : string */
) {
return (
/* : string */
// Bracket string character access is very fast, and in the default case we
// normally don't expect there to be "!important" at the end of the string
// so we can use this simple check to take an optimized path. If there
// happens to be a "!" in this position, we follow up with a more thorough
// check.
string[string.length - 10] === '!' && string.slice(-11) === ' !important' ? string : "".concat(string, " !important")
);
};
/* @flow */
var MAP_EXISTS = typeof Map !== 'undefined';
var OrderedElements =
/*#__PURE__*/
function () {
/* ::
elements: {[string]: any};
keyOrder: string[];
*/
function OrderedElements() {
this.elements = {};
this.keyOrder = [];
}
var _proto = OrderedElements.prototype;
_proto.forEach = function forEach(callback
/* : (string, any) => void */
) {
for (var i = 0; i < this.keyOrder.length; i++) {
// (value, key) to match Map's API
callback(this.elements[this.keyOrder[i]], this.keyOrder[i]);
}
};
_proto.set = function set(key
/* : string */
, value
/* : any */
, shouldReorder
/* : ?boolean */
) {
if (!this.elements.hasOwnProperty(key)) {
this.keyOrder.push(key);
} else if (shouldReorder) {
var index = this.keyOrder.indexOf(key);
this.keyOrder.splice(index, 1);
this.keyOrder.push(key);
}
if (value == null) {
this.elements[key] = value;
return;
}
if (MAP_EXISTS && value instanceof Map || value instanceof OrderedElements) {
// We have found a nested Map, so we need to recurse so that all
// of the nested objects and Maps are merged properly.
var nested = this.elements.hasOwnProperty(key) ? this.elements[key] : new OrderedElements();
value.forEach(function (value, key) {
nested.set(key, value, shouldReorder);
});
this.elements[key] = nested;
return;
}
if (!Array.isArray(value) && _typeof(value) === 'object') {
// We have found a nested object, so we need to recurse so that all
// of the nested objects and Maps are merged properly.
var _nested = this.elements.hasOwnProperty(key) ? this.elements[key] : new OrderedElements();
var keys = Object.keys(value);
for (var i = 0; i < keys.length; i += 1) {
_nested.set(keys[i], value[keys[i]], shouldReorder);
}
this.elements[key] = _nested;
return;
}
this.elements[key] = value;
};
_proto.get = function get(key
/* : string */
)
/* : any */
{
return this.elements[key];
};
_proto.has = function has(key
/* : string */
)
/* : boolean */
{
return this.elements.hasOwnProperty(key);
};
_proto.addStyleType = function addStyleType(styleType
/* : any */
)
/* : void */
{
var _this = this;
if (MAP_EXISTS && styleType instanceof Map || styleType instanceof OrderedElements) {
styleType.forEach(function (value, key) {
_this.set(key, value, true);
});
} else {
var keys = Object.keys(styleType);
for (var i = 0; i < keys.length; i++) {
this.set(keys[i], styleType[keys[i]], true);
}
}
};
return OrderedElements;
}();
function unwrapExports (x) {
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x.default : x;
}
function createCommonjsModule(fn, module) {
return module = { exports: {} }, fn(module, module.exports), module.exports;
}
function getCjsExportFromNamespace (n) {
return n && n.default || n;
}
var capitalizeString_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = capitalizeString;
function capitalizeString(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
});
unwrapExports(capitalizeString_1);
var prefixProperty_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = prefixProperty;
var _capitalizeString2 = _interopRequireDefault(capitalizeString_1);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function prefixProperty(prefixProperties, property, style) {
if (prefixProperties.hasOwnProperty(property)) {
var newStyle = {};
var requiredPrefixes = prefixProperties[property];
var capitalizedProperty = (0, _capitalizeString2.default)(property);
var keys = Object.keys(style);
for (var i = 0; i < keys.length; i++) {
var styleProperty = keys[i];
if (styleProperty === property) {
for (var j = 0; j < requiredPrefixes.length; j++) {
newStyle[requiredPrefixes[j] + capitalizedProperty] = style[property];
}
}
newStyle[styleProperty] = style[styleProperty];
}
return newStyle;
}
return style;
}
});
unwrapExports(prefixProperty_1);
var prefixValue_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = prefixValue;
function prefixValue(plugins, property, value, style, metaData) {
for (var i = 0, len = plugins.length; i < len; ++i) {
var processedValue = plugins[i](property, value, style, metaData);
// we can stop processing if a value is returned
// as all plugin criteria are unique
if (processedValue) {
return processedValue;
}
}
}
});
unwrapExports(prefixValue_1);
var addNewValuesOnly_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = addNewValuesOnly;
function addIfNew(list, value) {
if (list.indexOf(value) === -1) {
list.push(value);
}
}
function addNewValuesOnly(list, values) {
if (Array.isArray(values)) {
for (var i = 0, len = values.length; i < len; ++i) {
addIfNew(list, values[i]);
}
} else {
addIfNew(list, values);
}
}
});
unwrapExports(addNewValuesOnly_1);
var isObject_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = isObject;
function isObject(value) {
return value instanceof Object && !Array.isArray(value);
}
});
unwrapExports(isObject_1);
var createPrefixer_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = createPrefixer;
var _prefixProperty2 = _interopRequireDefault(prefixProperty_1);
var _prefixValue2 = _interopRequireDefault(prefixValue_1);
var _addNewValuesOnly2 = _interopRequireDefault(addNewValuesOnly_1);
var _isObject2 = _interopRequireDefault(isObject_1);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function createPrefixer(_ref) {
var prefixMap = _ref.prefixMap,
plugins = _ref.plugins;
return function prefix(style) {
for (var property in style) {
var value = style[property];
// handle nested objects
if ((0, _isObject2.default)(value)) {
style[property] = prefix(value);
// handle array values
} else if (Array.isArray(value)) {
var combinedValue = [];
for (var i = 0, len = value.length; i < len; ++i) {
var processedValue = (0, _prefixValue2.default)(plugins, property, value[i], style, prefixMap);
(0, _addNewValuesOnly2.default)(combinedValue, processedValue || value[i]);
}
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (combinedValue.length > 0) {
style[property] = combinedValue;
}
} else {
var _processedValue = (0, _prefixValue2.default)(plugins, property, value, style, prefixMap);
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (_processedValue) {
style[property] = _processedValue;
}
style = (0, _prefixProperty2.default)(prefixMap, property, style);
}
}
return style;
};
}
});
var createPrefixer = unwrapExports(createPrefixer_1);
var backgroundClip_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = backgroundClip;
// https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip#Browser_compatibility
function backgroundClip(property, value) {
if (typeof value === 'string' && value === 'text') {
return ['-webkit-text', 'text'];
}
}
});
var backgroundClip = unwrapExports(backgroundClip_1);
var isPrefixedValue_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = isPrefixedValue;
var regex = /-webkit-|-moz-|-ms-/;
function isPrefixedValue(value) {
return typeof value === 'string' && regex.test(value);
}
module.exports = exports['default'];
});
unwrapExports(isPrefixedValue_1);
var calc_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = calc;
var _isPrefixedValue2 = _interopRequireDefault(isPrefixedValue_1);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefixes = ['-webkit-', '-moz-', ''];
function calc(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('calc(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/calc\(/g, prefix + 'calc(');
});
}
}
});
var calc = unwrapExports(calc_1);
var crossFade_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = crossFade;
var _isPrefixedValue2 = _interopRequireDefault(isPrefixedValue_1);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#search=cross-fade
var prefixes = ['-webkit-', ''];
function crossFade(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('cross-fade(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/cross-fade\(/g, prefix + 'cross-fade(');
});
}
}
});
var crossFade = unwrapExports(crossFade_1);
var cursor_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = cursor;
var prefixes = ['-webkit-', '-moz-', ''];
var values = {
'zoom-in': true,
'zoom-out': true,
grab: true,
grabbing: true
};
function cursor(property, value) {
if (property === 'cursor' && values.hasOwnProperty(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
});
var cursor = unwrapExports(cursor_1);
var filter_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = filter;
var _isPrefixedValue2 = _interopRequireDefault(isPrefixedValue_1);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#feat=css-filter-function
var prefixes = ['-webkit-', ''];
function filter(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('filter(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/filter\(/g, prefix + 'filter(');
});
}
}
});
var filter = unwrapExports(filter_1);
var flex_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = flex;
var values = {
flex: ['-webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex'],
'inline-flex': ['-webkit-inline-box', '-moz-inline-box', '-ms-inline-flexbox', '-webkit-inline-flex', 'inline-flex']
};
function flex(property, value) {
if (property === 'display' && values.hasOwnProperty(value)) {
return values[value];
}
}
});
var flex = unwrapExports(flex_1);
var flexboxIE_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = flexboxIE;
var alternativeValues = {
'space-around': 'distribute',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end'
};
var alternativeProps = {
alignContent: 'msFlexLinePack',
alignSelf: 'msFlexItemAlign',
alignItems: 'msFlexAlign',
justifyContent: 'msFlexPack',
order: 'msFlexOrder',
flexGrow: 'msFlexPositive',
flexShrink: 'msFlexNegative',
flexBasis: 'msFlexPreferredSize'
// Full expanded syntax is flex-grow | flex-shrink | flex-basis.
};var flexShorthandMappings = {
auto: '1 1 auto',
inherit: 'inherit',
initial: '0 1 auto',
none: '0 0 auto',
unset: 'unset'
};
var isUnitlessNumber = /^\d+(\.\d+)?$/;
function flexboxIE(property, value, style) {
if (Object.prototype.hasOwnProperty.call(alternativeProps, property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
if (property === 'flex') {
// For certain values we can do straight mappings based on the spec
// for the expansions.
if (Object.prototype.hasOwnProperty.call(flexShorthandMappings, value)) {
style.msFlex = flexShorthandMappings[value];
return;
}
// Here we have no direct mapping, so we favor looking for a
// unitless positive number as that will be the most common use-case.
if (isUnitlessNumber.test(value)) {
style.msFlex = value + ' 1 0%';
return;
}
// The next thing we can look for is if there are multiple values.
var flexValues = value.split(/\s/);
// If we only have a single value that wasn't a positive unitless
// or a pre-mapped value, then we can assume it is a unit value.
switch (flexValues.length) {
case 1:
style.msFlex = '1 1 ' + value;
return;
case 2:
// If we have 2 units, then we expect that the first will
// always be a unitless number and represents flex-grow.
// The second unit will represent flex-shrink for a unitless
// value, or flex-basis otherwise.
if (isUnitlessNumber.test(flexValues[1])) {
style.msFlex = flexValues[0] + ' ' + flexValues[1] + ' 0%';
} else {
style.msFlex = flexValues[0] + ' 1 ' + flexValues[1];
}
return;
default:
style.msFlex = value;
}
}
}
});
var flexboxIE = unwrapExports(flexboxIE_1);
var flexboxOld_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = flexboxOld;
var alternativeValues = {
'space-around': 'justify',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end',
'wrap-reverse': 'multiple',
wrap: 'multiple'
};
var alternativeProps = {
alignItems: 'WebkitBoxAlign',
justifyContent: 'WebkitBoxPack',
flexWrap: 'WebkitBoxLines',
flexGrow: 'WebkitBoxFlex'
};
function flexboxOld(property, value, style) {
if (property === 'flexDirection' && typeof value === 'string') {
if (value.indexOf('column') > -1) {
style.WebkitBoxOrient = 'vertical';
} else {
style.WebkitBoxOrient = 'horizontal';
}
if (value.indexOf('reverse') > -1) {
style.WebkitBoxDirection = 'reverse';
} else {
style.WebkitBoxDirection = 'normal';
}
}
if (alternativeProps.hasOwnProperty(property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
}
});
var flexboxOld = unwrapExports(flexboxOld_1);
var gradient_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = gradient;
var _isPrefixedValue2 = _interopRequireDefault(isPrefixedValue_1);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefixes = ['-webkit-', '-moz-', ''];
var values = /linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient/gi;
function gradient(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && values.test(value)) {
return prefixes.map(function (prefix) {
return value.replace(values, function (grad) {
return prefix + grad;
});
});
}
}
});
var gradient = unwrapExports(gradient_1);
var grid_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
exports.default = grid;
function isSimplePositionValue(value) {
return typeof value === 'number' && !isNaN(value);
}
var alignmentValues = ['center', 'end', 'start', 'stretch'];
var displayValues = {
'inline-grid': ['-ms-inline-grid', 'inline-grid'],
grid: ['-ms-grid', 'grid']
};
var propertyConverters = {
alignSelf: function alignSelf(value, style) {
if (alignmentValues.indexOf(value) > -1) {
style.msGridRowAlign = value;
}
},
gridColumn: function gridColumn(value, style) {
if (isSimplePositionValue(value)) {
style.msGridColumn = value;
} else {
var _value$split$map = value.split('/').map(function (position) {
return +position;
}),
_value$split$map2 = _slicedToArray(_value$split$map, 2),
start = _value$split$map2[0],
end = _value$split$map2[1];
propertyConverters.gridColumnStart(start, style);
propertyConverters.gridColumnEnd(end, style);
}
},
gridColumnEnd: function gridColumnEnd(value, style) {
var msGridColumn = style.msGridColumn;
if (isSimplePositionValue(value) && isSimplePositionValue(msGridColumn)) {
style.msGridColumnSpan = value - msGridColumn;
}
},
gridColumnStart: function gridColumnStart(value, style) {
if (isSimplePositionValue(value)) {
style.msGridColumn = value;
}
},
gridRow: function gridRow(value, style) {
if (isSimplePositionValue(value)) {
style.msGridRow = value;
} else {
var _value$split$map3 = value.split('/').map(function (position) {
return +position;
}),
_value$split$map4 = _slicedToArray(_value$split$map3, 2),
start = _value$split$map4[0],
end = _value$split$map4[1];
propertyConverters.gridRowStart(start, style);
propertyConverters.gridRowEnd(end, style);
}
},
gridRowEnd: function gridRowEnd(value, style) {
var msGridRow = style.msGridRow;
if (isSimplePositionValue(value) && isSimplePositionValue(msGridRow)) {
style.msGridRowSpan = value - msGridRow;
}
},
gridRowStart: function gridRowStart(value, style) {
if (isSimplePositionValue(value)) {
style.msGridRow = value;
}
},
gridTemplateColumns: function gridTemplateColumns(value, style) {
style.msGridColumns = value;
},
gridTemplateRows: function gridTemplateRows(value, style) {
style.msGridRows = value;
},
justifySelf: function justifySelf(value, style) {
if (alignmentValues.indexOf(value) > -1) {
style.msGridColumnAlign = value;
}
}
};
function grid(property, value, style) {
if (property === 'display' && value in displayValues) {
return displayValues[value];
}
if (property in propertyConverters) {
var propertyConverter = propertyConverters[property];
propertyConverter(value, style);
}
}
});
var grid = unwrapExports(grid_1);
var imageSet_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = imageSet;
var _isPrefixedValue2 = _interopRequireDefault(isPrefixedValue_1);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#feat=css-image-set
var prefixes = ['-webkit-', ''];
function imageSet(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('image-set(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/image-set\(/g, prefix + 'image-set(');
});
}
}
});
var imageSet = unwrapExports(imageSet_1);
var logical_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = logical;
var alternativeProps = {
marginBlockStart: ['WebkitMarginBefore'],
marginBlockEnd: ['WebkitMarginAfter'],
marginInlineStart: ['WebkitMarginStart', 'MozMarginStart'],
marginInlineEnd: ['WebkitMarginEnd', 'MozMarginEnd'],
paddingBlockStart: ['WebkitPaddingBefore'],
paddingBlockEnd: ['WebkitPaddingAfter'],
paddingInlineStart: ['WebkitPaddingStart', 'MozPaddingStart'],
paddingInlineEnd: ['WebkitPaddingEnd', 'MozPaddingEnd'],
borderBlockStart: ['WebkitBorderBefore'],
borderBlockStartColor: ['WebkitBorderBeforeColor'],
borderBlockStartStyle: ['WebkitBorderBeforeStyle'],
borderBlockStartWidth: ['WebkitBorderBeforeWidth'],
borderBlockEnd: ['WebkitBorderAfter'],
borderBlockEndColor: ['WebkitBorderAfterColor'],
borderBlockEndStyle: ['WebkitBorderAfterStyle'],
borderBlockEndWidth: ['WebkitBorderAfterWidth'],
borderInlineStart: ['WebkitBorderStart', 'MozBorderStart'],
borderInlineStartColor: ['WebkitBorderStartColor', 'MozBorderStartColor'],
borderInlineStartStyle: ['WebkitBorderStartStyle', 'MozBorderStartStyle'],
borderInlineStartWidth: ['WebkitBorderStartWidth', 'MozBorderStartWidth'],
borderInlineEnd: ['WebkitBorderEnd', 'MozBorderEnd'],
borderInlineEndColor: ['WebkitBorderEndColor', 'MozBorderEndColor'],
borderInlineEndStyle: ['WebkitBorderEndStyle', 'MozBorderEndStyle'],
borderInlineEndWidth: ['WebkitBorderEndWidth', 'MozBorderEndWidth']
};
function logical(property, value, style) {
if (Object.prototype.hasOwnProperty.call(alternativeProps, property)) {
var alternativePropList = alternativeProps[property];
for (var i = 0, len = alternativePropList.length; i < len; ++i) {
style[alternativePropList[i]] = value;
}
}
}
});
var logical = unwrapExports(logical_1);
var position_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = position;
function position(property, value) {
if (property === 'position' && value === 'sticky') {
return ['-webkit-sticky', 'sticky'];
}
}
});
var position = unwrapExports(position_1);
var sizing_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = sizing;
var prefixes = ['-webkit-', '-moz-', ''];
var properties = {
maxHeight: true,
maxWidth: true,
width: true,
height: true,
columnWidth: true,
minWidth: true,
minHeight: true
};
var values = {
'min-content': true,
'max-content': true,
'fill-available': true,
'fit-content': true,
'contain-floats': true
};
function sizing(property, value) {
if (properties.hasOwnProperty(property) && values.hasOwnProperty(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
});
var sizing = unwrapExports(sizing_1);
/* eslint-disable no-var, prefer-template */
var uppercasePattern = /[A-Z]/g;
var msPattern = /^ms-/;
var cache = {};
function toHyphenLower(match) {
return '-' + match.toLowerCase()
}
function hyphenateStyleName(name) {
if (cache.hasOwnProperty(name)) {
return cache[name]
}
var hName = name.replace(uppercasePattern, toHyphenLower);
return (cache[name] = msPattern.test(hName) ? '-' + hName : hName)
}
var hyphenateStyleName$1 = /*#__PURE__*/Object.freeze({
default: hyphenateStyleName
});
var _hyphenateStyleName = getCjsExportFromNamespace(hyphenateStyleName$1);
var hyphenateProperty_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = hyphenateProperty;
var _hyphenateStyleName2 = _interopRequireDefault(_hyphenateStyleName);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function hyphenateProperty(property) {
return (0, _hyphenateStyleName2.default)(property);
}
module.exports = exports['default'];
});
unwrapExports(hyphenateProperty_1);
var transition_1 = createCommonjsModule(function (module, exports) {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = transition;
var _hyphenateProperty2 = _interopRequireDefault(hyphenateProperty_1);
var _isPrefixedValue2 = _interopRequireDefault(isPrefixedValue_1);
var _capitalizeString2 = _interopRequireDefault(capitalizeString_1);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var properties = {
transition: true,
transitionProperty: true,
WebkitTransition: true,
WebkitTransitionProperty: true,
MozTransition: true,
MozTransitionProperty: true
};
var prefixMapping = {
Webkit: '-webkit-',
Moz: '-moz-',
ms: '-ms-'
};
function prefixValue(value, propertyPrefixMap) {
if ((0, _isPrefixedValue2.default)(value)) {
return value;
}
// only split multi values, not cubic beziers
var multipleValues = value.split(/,(?![^()]*(?:\([^()]*\))?\))/g);
for (var i = 0, len = multipleValues.length; i < len; ++i) {
var singleValue = multipleValues[i];
var values = [singleValue];
for (var property in propertyPrefixMap) {
var dashCaseProperty = (0, _hyphenateProperty2.default)(property);
if (singleValue.indexOf(dashCaseProperty) > -1 && dashCaseProperty !== 'order') {
var prefixes = propertyPrefixMap[property];
for (var j = 0, pLen = prefixes.length; j < pLen; ++j) {
// join all prefixes and create a new value
values.unshift(singleValue.replace(dashCaseProperty, prefixMapping[prefixes[j]] + dashCaseProperty));
}
}
}
multipleValues[i] = values.join(',');
}
return multipleValues.join(',');
}
function transition(property, value, style, propertyPrefixMap) {
// also check for already prefixed transitions
if (typeof value === 'string' && properties.hasOwnProperty(property)) {
var outputValue = prefixValue(value, propertyPrefixMap);
// if the property is already prefixed
var webkitOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-moz-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Webkit') > -1) {
return webkitOutput;
}
var mozOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-webkit-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Moz') > -1) {
return mozOutput;
}
style['Webkit' + (0, _capitalizeString2.default)(property)] = webkitOutput;
style['Moz' + (0, _capitalizeString2.default)(property)] = mozOutput;
return outputValue;
}
}
});
var transition = unwrapExports(transition_1);
var w = ["Webkit"];
var m = ["Moz"];
var ms = ["ms"];
var wm = ["Webkit", "Moz"];
var wms = ["Webkit", "ms"];
var wmms = ["Webkit", "Moz", "ms"];
var staticData = {
plugins: [backgroundClip, calc, crossFade, cursor, filter, flex, flexboxIE, flexboxOld, gradient, grid, imageSet, logical, position, sizing, transition],
prefixMap: {
"transform": wms,
"transformOrigin": wms,
"transformOriginX": wms,
"transformOriginY": wms,
"backfaceVisibility": w,
"perspective": w,
"perspectiveOrigin": w,
"transformStyle": w,
"transformOriginZ": w,
"animation": w,
"animationDelay": w,
"animationDirection": w,
"animationFillMode": w,
"animationDuration": w,
"animationIterationCount": w,
"animationName": w,
"animationPlayState": w,
"animationTimingFunction": w,
"appearance": wm,
"userSelect": wmms,
"fontKerning": w,
"textEmphasisPosition": w,
"textEmphasis": w,
"textEmphasisStyle": w,
"textEmphasisColor": w,
"boxDecorationBreak": w,
"clipPath": w,
"maskImage": w,
"maskMode": w,
"maskRepeat": w,
"maskPosition": w,
"maskClip": w,
"maskOrigin": w,
"maskSize": w,
"maskComposite": w,
"mask": w,
"maskBorderSource": w,
"maskBorderMode": w,
"maskBorderSlice": w,
"maskBorderWidth": w,
"maskBorderOutset": w,
"maskBorderRepeat": w,
"maskBorder": w,
"maskType": w,
"textDecorationStyle": wm,
"textDecorationSkip": wm,
"textDecorationLine": wm,
"textDecorationColor": wm,
"filter": w,
"fontFeatureSettings": wm,
"breakAfter": wmms,
"breakBefore": wmms,
"breakInside": wmms,
"columnCount": wm,
"columnFill": wm,
"columnGap": wm,
"columnRule": wm,
"columnRuleColor": wm,
"columnRuleStyle": wm,
"columnRuleWidth": wm,
"columns": wm,
"columnSpan": wm,
"columnWidth": wm,
"writingMode": wms,
"flex": wms,
"flexBasis": w,
"flexDirection": wms,
"flexGrow": w,
"flexFlow": wms,
"flexShrink": w,
"flexWrap": wms,
"alignContent": w,
"alignItems": w,
"alignSelf": w,
"justifyContent": w,
"order": w,
"transitionDelay": w,
"transitionDuration": w,
"transitionProperty": w,
"transitionTimingFunction": w,
"backdropFilter": w,
"scrollSnapType": wms,
"scrollSnapPointsX": wms,
"scrollSnapPointsY": wms,
"scrollSnapDestination": wms,
"scrollSnapCoordinate": wms,
"shapeImageThreshold": w,
"shapeImageMargin": w,
"shapeImageOutside": w,
"hyphens": wmms,
"flowInto": wms,
"flowFrom": wms,
"regionFragment": wms,
"textOrientation": w,
"boxSizing": m,
"textAlignLast": m,
"tabSize": m,
"wrapFlow": ms,
"wrapThrough": ms,
"wrapMargin": ms,
"touchAction": ms,
"textSizeAdjust": wms,
"borderImage": w,
"borderImageOutset": w,
"borderImageRepeat": w,
"borderImageSlice": w,
"borderImageSource": w,
"borderImageWidth": w
}
};
var prefixAll = createPrefixer(staticData);
/* ::
import type { SheetDefinition } from './index.js';
type StringHandlers = { [id:string]: Function };
type SelectorCallback = (selector: string) => string[];
export type SelectorHandler = (
selector: string,
baseSelector: string,
callback: SelectorCallback
) => string[] | string | null;
*/
/**
* `selectorHandlers` are functions which handle special selectors which act
* differently than normal style definitions. These functions look at the
* current selector and can generate CSS for the styles in their subtree by
* calling the callback with a new selector.
*
* For example, when generating styles with a base selector of '.foo' and the
* following styles object:
*
* {
* ':nth-child(2n)': {
* ':hover': {
* color: 'red'
* }
* }
* }
*
* when we reach the ':hover' style, we would call our selector handlers like
*
* handler(':hover', '.foo:nth-child(2n)', callback)
*
* Since our `pseudoSelectors` handles ':hover' styles, that handler would call
* the callback like
*
* callback('.foo:nth-child(2n):hover')
*
* to generate its subtree `{ color: 'red' }` styles with a
* '.foo:nth-child(2n):hover' selector. The callback would return an array of CSS
* rules like
*
* ['.foo:nth-child(2n):hover{color:red !important;}']
*
* and the handler would then return that resulting CSS.
*
* `defaultSelectorHandlers` is the list of default handlers used in a call to
* `generateCSS`.
*
* @name SelectorHandler
* @function
* @param {string} selector: The currently inspected selector. ':hover' in the
* example above.
* @param {string} baseSelector: The selector of the parent styles.
* '.foo:nth-child(2n)' in the example above.
* @param {function} generateSubtreeStyles: A function which can be called to
* generate CSS for the subtree of styles corresponding to the selector.
* Accepts a new baseSelector to use for generating those styles.
* @returns {string[] | string | null} The generated CSS for this selector, or
* null if we don't handle this selector.
*/
var defaultSelectorHandlers
/* : SelectorHandler[] */
= [// Handle pseudo-selectors, like :hover and :nth-child(3n)
function pseudoSelectors(selector, baseSelector, generateSubtreeStyles) {
if (selector[0] !== ":") {
return null;
}
return generateSubtreeStyles(baseSelector + selector);
}, // Handle media queries (or font-faces)
function mediaQueries(selector, baseSelector, generateSubtreeStyles) {
if (selector[0] !== "@") {
return null;
} // Generate the styles normally, and then wrap them in the media query.
var generated = generateSubtreeStyles(baseSelector);
return ["".concat(selector, "{").concat(generated.join(''), "}")];
}];
/**
* Generate CSS for a selector and some styles.
*
* This function handles the media queries and pseudo selectors that can be used
* in aphrodite styles.
*
* @param {string} selector: A base CSS selector for the styles to be generated
* with.
* @param {Object} styleTypes: A list of properties of the return type of
* StyleSheet.create, e.g. [styles.red, styles.blue].
* @param {Array.<SelectorHandler>} selectorHandlers: A list of selector
* handlers to use for handling special selectors. See
* `defaultSelectorHandlers`.
* @param stringHandlers: See `generateCSSRuleset`
* @param useImportant: See `generateCSSRuleset`
*
* To actually generate the CSS special-construct-less styles are passed to
* `generateCSSRuleset`.
*
* For instance, a call to
*
* generateCSS(".foo", [{
* color: "red",
* "@media screen": {
* height: 20,
* ":hover": {
* backgroundColor: "black"
* }
* },
* ":active": {
* fontWeight: "bold"
* }
* }], defaultSelectorHandlers);
*
* with the default `selectorHandlers` will make 5 calls to
* `generateCSSRuleset`:
*
* generateCSSRuleset(".foo", { color: "red" }, ...)
* generateCSSRuleset(".foo:active", { fontWeight: "bold" }, ...)
* // These 2 will be wrapped in @media screen {}
* generateCSSRuleset(".foo", { height: 20 }, ...)
* generateCSSRuleset(".foo:hover", { backgroundColor: "black" }, ...)
*/
var generateCSS = function generateCSS(selector
/* : string */
, styleTypes
/* : SheetDefinition[] */
, selectorHandlers
/* : SelectorHandler[] */
, stringHandlers
/* : StringHandlers */
, useImportant
/* : boolean */
)
/* : string[] */
{
var merged = new OrderedElements();
for (var i = 0; i < styleTypes.length; i++) {
merged.addStyleType(styleTypes[i]);
}
var plainDeclarations = new OrderedElements();
var generatedStyles = []; // TODO(emily): benchmark this to see if a plain for loop would be faster.
merged.forEach(function (val, key) {
// For each key, see if one of the selector handlers will handle these
// styles.
var foundHandler = selectorHandlers.some(function (handler) {
var result = handler(key, selector, function (newSelector) {
return generateCSS(newSelector, [val], selectorHandlers, stringHandlers, useImportant);
});
if (result != null) {
// If the handler returned something, add it to the generated
// CSS and stop looking for another handler.
if (Array.isArray(result)) {
generatedStyles.push.apply(generatedStyles, _toConsumableArray(result));
} else {
// eslint-disable-next-line
console.warn('WARNING: Selector handlers should return an array of rules.' + 'Returning a string containing multiple rules is deprecated.', handler);
generatedStyles.push("@media all {".concat(result, "}"));
}
return true;
}
}); // If none of the handlers handled it, add it to the list of plain
// style declarations.
if (!foundHandler) {
plainDeclarations.set(key, val, true);
}
});
var generatedRuleset = generateCSSRuleset(selector, plainDeclarations, stringHandlers, useImportant, selectorHandlers);
if (generatedRuleset) {
generatedStyles.unshift(generatedRuleset);
}
return generatedStyles;
};
/**
* Helper method of generateCSSRuleset to facilitate custom handling of certain
* CSS properties. Used for e.g. font families.
*
* See generateCSSRuleset for usage and documentation of paramater types.
*/
var runStringHandlers = function runStringHandlers(declarations
/* : OrderedElements */
, stringHandlers
/* : StringHandlers */
, selectorHandlers
/* : SelectorHandler[] */
)
/* : void */
{
if (!stringHandlers) {
return;
}
var stringHandlerKeys = Object.keys(stringHandlers);
for (var i = 0; i < stringHandlerKeys.length; i++) {
var key = stringHandlerKeys[i];
if (declarations.has(key)) {
// A declaration exists for this particular string handler, so we
// need to let the string handler interpret the declaration first
// before proceeding.
//
// TODO(emily): Pass in a callback which generates CSS, similar to
// how our selector handlers work, instead of passing in
// `selectorHandlers` and have them make calls to `generateCSS`
// themselves. Right now, this is impractical because our string
// handlers are very specialized and do complex things.
declarations.set(key, stringHandlers[key](declarations.get(key), selectorHandlers), // Preserve order here, since we are really replacing an
// unprocessed style with a processed style, not overriding an
// earlier style
false);
}
}
};
var transformRule = function transformRule(key
/* : string */
, value
/* : string */
, transformValue
/* : function */
) {
return (
/* : string */
"".concat(kebabifyStyleName(key), ":").concat(transformValue(key, value), ";")
);
};
var arrayToObjectKeysReducer = function arrayToObjectKeysReducer(acc, val) {
acc[val] = true;
return acc;
};
/**
* Generate a CSS ruleset with the selector and containing the declarations.
*
* This function assumes that the given declarations don't contain any special
* children (such as media queries, pseudo-selectors, or descendant styles).
*
* Note that this method does not deal with nesting used for e.g.
* psuedo-selectors or media queries. That responsibility is left to the
* `generateCSS` function.
*
* @param {string} selector: the selector associated with the ruleset
* @param {Object} declarations: a map from camelCased CSS property name to CSS
* property value.
* @param {Object.<string, function>} stringHandlers: a map from camelCased CSS
* property name to a function which will map the given value to the value
* that is output.
* @param {bool} useImportant: A boolean saying whether to append "!important"
* to each of the CSS declarations.
* @returns {string} A string of raw CSS.
*
* Examples:
*
* generateCSSRuleset(".blah", { color: "red" })
* -> ".blah{color: red !important;}"
* generateCSSRuleset(".blah", { color: "red" }, {}, false)
* -> ".blah{color: red}"
* generateCSSRuleset(".blah", { color: "red" }, {color: c => c.toUpperCase})
* -> ".blah{color: RED}"
* generateCSSRuleset(".blah:hover", { color: "red" })
* -> ".blah:hover{color: red}"
*/
var generateCSSRuleset = function generateCSSRuleset(selector
/* : string */
, declarations
/* : OrderedElements */
, stringHandlers
/* : StringHandlers */
, useImportant
/* : boolean */
, selectorHandlers
/* : SelectorHandler[] */
)
/* : string */
{
// Mutates declarations
runStringHandlers(declarations, stringHandlers, selectorHandlers);
var originalElements = Object.keys(declarations.elements).reduce(arrayToObjectKeysReducer, Object.create(null)); // NOTE(emily): This mutates handledDeclarations.elements.
var prefixedElements = prefixAll(declarations.elements);
var elementNames = Object.keys(prefixedElements);
if (elementNames.length !== declarations.keyOrder.length) {
// There are some prefixed values, so we need to figure out how to sort
// them.
//
// Loop through prefixedElements, looking for anything that is not in
// sortOrder, which means it was added by prefixAll. This means that we
// need to figure out where it should appear in the sortOrder.
for (var i = 0; i < elementNames.length; i++) {
if (!originalElements[elementNames[i]]) {
// This element is not in the sortOrder, which means it is a prefixed
// value that was added by prefixAll. Let's try to figure out where it
// goes.
var originalStyle = void 0;
if (elementNames[i][0] === 'W') {
// This is a Webkit-prefixed style, like "WebkitTransition". Let's
// find its original style's sort order.
originalStyle = elementNames[i][6].toLowerCase() + elementNames[i].slice(7);
} else if (elementNames[i][1] === 'o') {
// This is a Moz-prefixed style, like "MozTransition". We check
// the second character to avoid colliding with Ms-prefixed
// styles. Let's find its original style's sort order.
originalStyle = elementNames[i][3].toLowerCase() + elementNames[i].slice(4);
} else {
// if (elementNames[i][1] === 's') {
// This is a Ms-prefixed style, like "MsTransition".
originalStyle = elementNames[i][2].toLowerCase() + elementNames[i].slice(3);
}
if (originalStyle && originalElements[originalStyle]) {
var originalIndex = declarations.keyOrder.indexOf(originalStyle);
declarations.keyOrder.splice(originalIndex, 0, elementNames[i]);
} else {
// We don't know what the original style was, so sort it to
// top. This can happen for styles that are added that don't
// have the same base name as the original style.
declarations.keyOrder.unshift(elementNames[i]);
}
}
}
}
var transformValue = useImportant === false ? stringifyValue : stringifyAndImportantifyValue;
var rules = [];
for (var _i = 0; _i < declarations.keyOrder.length; _i++) {
var key = declarations.keyOrder[_i];
var value = prefixedElements[key];
if (Array.isArray(value)) {
// inline-style-prefixer returns an array when there should be
// multiple rules for the same key. Here we flatten to multiple
// pairs with the same key.
for (var j = 0; j < value.length; j++) {
rules.push(transformRule(key, value[j], transformValue));
}
} else {
rules.push(transformRule(key, value, transformValue));
}
}
if (rules.length) {
return "".concat(selector, "{").concat(rules.join(""), "}");
} else {
return "";
}
};
/* ::
import type { SheetDefinition, SheetDefinitions } from './index.js';
import type { MaybeSheetDefinition } from './exports.js';
import type { SelectorHandler } from './generate.js';
*/
// The current <style> tag we are inserting into, or null if we haven't
// inserted anything yet. We could find this each time using
// `document.querySelector("style[data-aphrodite"])`, but holding onto it is
// faster.
var styleTag
/* : ?HTMLStyleElement */
= null; // Inject a set of rules into a <style> tag in the head of the document. This
// will automatically create a style tag and then continue to use it for
// multiple injections. It will also use a style tag with the `data-aphrodite`
// tag on it if that exists in the DOM. This could be used for e.g. reusing the
// same style tag that server-side rendering inserts.
var injectStyleTag = function injectStyleTag(cssRules
/* : string[] */
) {
if (styleTag == null) {
// Try to find a style tag with the `data-aphrodite` attribute first.
styleTag = document.querySelector("style[data-aphrodite]")
/* : any */
; // If that doesn't work, generate a new style tag.
if (styleTag == null) {
// Taken from
// http://stackoverflow.com/questions/524696/how-to-create-a-style-tag-with-javascript
var head = document.head || document.getElementsByTagName('head')[0];
styleTag = document.createElement('style');
styleTag.type = 'text/css';
styleTag.setAttribute("data-aphrodite", "");
head.appendChild(styleTag);
}
} // $FlowFixMe
var sheet = styleTag.styleSheet || styleTag.sheet
/* : any */
;
if (sheet.insertRule) {
var numRules = sheet.cssRules.length;
cssRules.forEach(function (rule) {
try {
sheet.insertRule(rule, numRules);
numRules += 1;
} catch (e) {// The selector for this rule wasn't compatible with the browser
}
});
} else {
styleTag.innerText = (styleTag.innerText || '') + cssRules.join('');
}
}; // Custom handlers for stringifying CSS values that have side effects
// (such as fontFamily, which can cause @font-face rules to be injected)
var stringHandlers = {
// With fontFamily we look for objects that are passed in and interpret
// them as @font-face rules that we need to inject. The value of fontFamily
// can either be a string (as normal), an object (a single font face), or
// an array of objects and strings.
fontFamily: function fontFamily(val) {
if (Array.isArray(val)) {
var nameMap = {};
val.forEach(function (v) {
nameMap[fontFamily(v)] = true;
});
return Object.keys(nameMap).join(",");
} else if (_typeof(val) === "object") {
injectStyleOnce(val.src, "@font-face", [val], false);
return "\"".concat(val.fontFamily, "\"");
} else {
return val;
}
},
// With animationName we look for an object that contains keyframes and
// inject them as an `@keyframes` block, returning a uniquely generated
// name. The keyframes object should look like
// animationName: {
// from: {
// left: 0,
// top: 0,
// },
// '50%': {
// left: 15,
// top: 5,
// },
// to: {
// left: 20,
// top: 20,
// }
// }
// TODO(emily): `stringHandlers` doesn't let us rename the key, so I have
// to use `animationName` here. Improve that so we can call this
// `animation` instead of `animationName`.
animationName: function animationName(val, selectorHandlers) {
if (Array.isArray(val)) {
return val.map(function (v) {
return animationName(v, selectorHandlers);
}).join(",");
} else if (_typeof(val) === "object") {
// Generate a unique name based on the hash of the object. We can't
// just use the hash because the name can't start with a number.
// TODO(emily): this probably makes debugging hard, allow a custom
// name?
var name = "keyframe_".concat(hashObject(val)); // Since keyframes need 3 layers of nesting, we use `generateCSS` to
// build the inner layers and wrap it in `@keyframes` ourselves.
var finalVal = "@keyframes ".concat(name, "{"); // TODO see if we can find a way where checking for OrderedElements
// here is not necessary. Alternatively, perhaps we should have a
// utility method that can iterate over either a plain object, an
// instance of OrderedElements, or a Map, and then use that here and
// elsewhere.
if (val instanceof OrderedElements) {
val.forEach(function (valVal, valKey) {
finalVal += generateCSS(valKey, [valVal], selectorHandlers, stringHandlers, false).join('');
});
} else {
Object.keys(val).forEach(function (key) {
finalVal += generateCSS(key, [val[key]], selectorHandlers, stringHandlers, false).join('');
});
}
finalVal += '}';
injectGeneratedCSSOnce(name, [finalVal]);
return name;
} else {
return val;
}
}
}; // This is a map from Aphrodite's generated class names to `true` (acting as a
// set of class names)
var alreadyInjected = {}; // This is the buffer of styles which have not yet been flushed.
var injectionBuffer
/* : string[] */
= []; // A flag to tell if we are already buffering styles. This could happen either
// because we scheduled a flush call already, so newly added styles will
// already be flushed, or because we are statically buffering on the server.
var isBuffering = false;
var injectGeneratedCSSOnce = function injectGeneratedCSSOnce(key, generatedCSS) {
var _injectionBuffer;
if (alreadyInjected[key]) {
return;
}
if (!isBuffering) {
// We should never be automatically buffering on the server (or any
// place without a document), so guard against that.
if (typeof document === "undefined") {
throw new Error("Cannot automatically buffer without a document");
} // If we're not already buffering, schedule a call to flush the
// current styles.
isBuffering = true;
browser_asap_default()(flushToStyleTag);
}
(_injectionBuffer = injectionBuffer).push.apply(_injectionBuffer, _toConsumableArray(generatedCSS));
alreadyInjected[key] = true;
};
var injectStyleOnce = function injectStyleOnce(key
/* : string */
, selector
/* : string */
, definitions
/* : SheetDefinition[] */
, useImportant
/* : boolean */
) {
var selectorHandlers
/* : SelectorHandler[] */
= arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
if (alreadyInjected[key]) {
return;
}
var generated = generateCSS(selector, definitions, selectorHandlers, stringHandlers, useImportant);
injectGeneratedCSSOnce(key, generated);
};
var chunk_febce46b_reset = function reset() {
injectionBuffer = [];
alreadyInjected = {};
isBuffering = false;
styleTag = null;
};
var resetInjectedStyle = function resetInjectedStyle(key
/* : string */
) {
delete alreadyInjected[key];
};
var getBufferedStyles = function getBufferedStyles() {
return injectionBuffer;
};
var startBuffering = function startBuffering() {
if (isBuffering) {
throw new Error("Cannot buffer while already buffering");
}
isBuffering = true;
};
var flushToArray = function flushToArray() {
isBuffering = false;
var ret = injectionBuffer;
injectionBuffer = [];
return ret;
};
var flushToString = function flushToString() {
return flushToArray().join('');
};
var flushToStyleTag = function flushToStyleTag() {
var cssRules = flushToArray();
if (cssRules.length > 0) {
injectStyleTag(cssRules);
}
};
var getRenderedClassNames = function getRenderedClassNames()
/* : string[] */
{
return Object.keys(alreadyInjected);
};
var addRenderedClassNames = function addRenderedClassNames(classNames
/* : string[] */
) {
classNames.forEach(function (className) {
alreadyInjected[className] = true;
});
};
var isValidStyleDefinition = function isValidStyleDefinition(def
/* : Object */
) {
return "_definition" in def && "_name" in def && "_len" in def;
};
var processStyleDefinitions = function processStyleDefinitions(styleDefinitions
/* : any[] */
, classNameBits
/* : string[] */
, definitionBits
/* : Object[] */
, length
/* : number */
)
/* : number */
{
for (var i = 0; i < styleDefinitions.length; i += 1) {
// Filter out falsy values from the input, to allow for
// `css(a, test && c)`
if (styleDefinitions[i]) {
if (Array.isArray(styleDefinitions[i])) {
// We've encountered an array, so let's recurse
length += processStyleDefinitions(styleDefinitions[i], classNameBits, definitionBits, length);
} else if (isValidStyleDefinition(styleDefinitions[i])) {
classNameBits.push(styleDefinitions[i]._name);
definitionBits.push(styleDefinitions[i]._definition);
length += styleDefinitions[i]._len;
} else {
throw new Error("Invalid Style Definition: Styles should be defined using the StyleSheet.create method.");
}
}
}
return length;
};
/**
* Inject styles associated with the passed style definition objects, and return
* an associated CSS class name.
*
* @param {boolean} useImportant If true, will append !important to generated
* CSS output. e.g. {color: red} -> "color: red !important".
* @param {(Object|Object[])[]} styleDefinitions style definition objects, or
* arbitrarily nested arrays of them, as returned as properties of the
* return value of StyleSheet.create().
*/
var injectAndGetClassName = function injectAndGetClassName(useImportant
/* : boolean */
, styleDefinitions
/* : MaybeSheetDefinition[] */
, selectorHandlers
/* : SelectorHandler[] */
)
/* : string */
{
var classNameBits = [];
var definitionBits = []; // Mutates classNameBits and definitionBits and returns a length which we
// will append to the hash to decrease the chance of hash collisions.
var length = processStyleDefinitions(styleDefinitions, classNameBits, definitionBits, 0); // Break if there aren't any valid styles.
if (classNameBits.length === 0) {
return "";
}
var className;
if (true) {
className = classNameBits.length === 1 ? "_".concat(classNameBits[0]) : "_".concat(hashString(classNameBits.join())).concat((length % 36).toString(36));
} else {}
injectStyleOnce(className, ".".concat(className), definitionBits, useImportant, selectorHandlers);
return className;
};
/* ::
import type { SelectorHandler } from './generate.js';
export type SheetDefinition = { [id:string]: any };
export type SheetDefinitions = SheetDefinition | SheetDefinition[];
type RenderFunction = () => string;
type Extension = {
selectorHandler: SelectorHandler
};
export type MaybeSheetDefinition = SheetDefinition | false | null | void
*/
var unminifiedHashFn = function unminifiedHashFn(str
/* : string */
, key
/* : string */
) {
return "".concat(key, "_").concat(hashString(str));
}; // StyleSheet.create is in a hot path so we want to keep as much logic out of it
// as possible. So, we figure out which hash function to use once, and only
// switch it out via minify() as necessary.
//
// This is in an exported function to make it easier to test.
var initialHashFn = function initialHashFn() {
return true ? hashString : 0;
};
var hashFn = initialHashFn();
var StyleSheet = {
create: function create(sheetDefinition
/* : SheetDefinition */
)
/* : Object */
{
var mappedSheetDefinition = {};
var keys = Object.keys(sheetDefinition);
for (var i = 0; i < keys.length; i += 1) {
var key = keys[i];
var val = sheetDefinition[key];
var stringVal = JSON.stringify(val);
mappedSheetDefinition[key] = {
_len: stringVal.length,
_name: hashFn(stringVal, key),
_definition: val
};
}
return mappedSheetDefinition;
},
rehydrate: function rehydrate() {
var renderedClassNames
/* : string[] */
= arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
addRenderedClassNames(renderedClassNames);
}
};
/**
* Utilities for using Aphrodite server-side.
*
* This can be minified out in client-only bundles by replacing `typeof window`
* with `"object"`, e.g. via Webpack's DefinePlugin:
*
* new webpack.DefinePlugin({
* "typeof window": JSON.stringify("object")
* })
*/
var StyleSheetServer = typeof window !== 'undefined' ? null : {
renderStatic: function renderStatic(renderFunc
/* : RenderFunction */
) {
chunk_febce46b_reset();
startBuffering();
var html = renderFunc();
var cssContent = flushToString();
return {
html: html,
css: {
content: cssContent,
renderedClassNames: getRenderedClassNames()
}
};
}
};
/**
* Utilities for using Aphrodite in tests.
*
* Not meant to be used in production.
*/
var StyleSheetTestUtils = true ? null : 0;
/**
* Generate the Aphrodite API exports, with given `selectorHandlers` and
* `useImportant` state.
*/
function makeExports(useImportant
/* : boolean */
) {
var selectorHandlers
/* : SelectorHandler[] */
= arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultSelectorHandlers;
return {
StyleSheet: _objectSpread({}, StyleSheet, {
/**
* Returns a version of the exports of Aphrodite (i.e. an object
* with `css` and `StyleSheet` properties) which have some
* extensions included.
*
* @param {Array.<Object>} extensions: An array of extensions to
* add to this instance of Aphrodite. Each object should have a
* single property on it, defining which kind of extension to
* add.
* @param {SelectorHandler} [extensions[].selectorHandler]: A
* selector handler extension. See `defaultSelectorHandlers` in
* generate.js.
*
* @returns {Object} An object containing the exports of the new
* instance of Aphrodite.
*/
extend: function extend(extensions
/* : Extension[] */
) {
var extensionSelectorHandlers = extensions // Pull out extensions with a selectorHandler property
.map(function (extension) {
return extension.selectorHandler;
}) // Remove nulls (i.e. extensions without a selectorHandler property).
.filter(function (handler) {
return handler;
});
return makeExports(useImportant, selectorHandlers.concat(extensionSelectorHandlers));
}
}),
StyleSheetServer: StyleSheetServer,
StyleSheetTestUtils: StyleSheetTestUtils,
minify: function minify(shouldMinify
/* : boolean */
) {
hashFn = shouldMinify ? hashString : unminifiedHashFn;
},
css: function css()
/* : MaybeSheetDefinition[] */
{
for (var _len = arguments.length, styleDefinitions = new Array(_len), _key = 0; _key < _len; _key++) {
styleDefinitions[_key] = arguments[_key];
}
return injectAndGetClassName(useImportant, styleDefinitions, selectorHandlers);
},
flushToStyleTag: flushToStyleTag,
injectAndGetClassName: injectAndGetClassName,
defaultSelectorHandlers: defaultSelectorHandlers,
reset: chunk_febce46b_reset,
resetInjectedStyle: resetInjectedStyle
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/aphrodite@2.4.0/node_modules/aphrodite/es/index.js
var useImportant = true; // Add !important to all style definitions
var Aphrodite = makeExports(useImportant);
var es_StyleSheet = Aphrodite.StyleSheet,
es_StyleSheetServer = Aphrodite.StyleSheetServer,
es_StyleSheetTestUtils = Aphrodite.StyleSheetTestUtils,
css = Aphrodite.css,
minify = Aphrodite.minify,
es_flushToStyleTag = Aphrodite.flushToStyleTag,
es_injectAndGetClassName = Aphrodite.injectAndGetClassName,
es_defaultSelectorHandlers = Aphrodite.defaultSelectorHandlers,
es_reset = Aphrodite.reset,
es_resetInjectedStyle = Aphrodite.resetInjectedStyle;
;// CONCATENATED MODULE: ./src/implementations/aphrodite/View.js
var _excluded = ["style"];
function _extends() { _extends = Object.assign || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var View = /*#__PURE__*/function (_React$Component) {
_inheritsLoose(View, _React$Component);
function View() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = View.prototype;
_proto.render = function render() {
var _this$props = this.props,
style = _this$props.style,
other = _objectWithoutPropertiesLoose(_this$props, _excluded);
return /*#__PURE__*/react.createElement("div", _extends({}, other, {
className: css(styles.root, style)
}));
};
return View;
}(react.Component);
var styles = es_StyleSheet.create({
root: {
alignItems: 'stretch',
borderWidth: 0,
borderStyle: 'solid',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: 0,
margin: 0,
padding: 0,
position: 'relative',
// fix flexbox bugs
minHeight: 0,
minWidth: 0
}
});
/* harmony default export */ const aphrodite_View = (View);
;// CONCATENATED MODULE: ./src/implementations/aphrodite/Box.js
var Box_excluded = ["color", "fixed", "layout", "outer"];
function Box_extends() { Box_extends = Object.assign || 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 Box_extends.apply(this, arguments); }
function Box_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = function Box(_ref) {
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = Box_objectWithoutPropertiesLoose(_ref, Box_excluded);
return /*#__PURE__*/react.createElement(aphrodite_View, Box_extends({}, other, {
style: [Box_styles["color" + color], fixed && Box_styles.fixed, layout === 'row' && Box_styles.row, outer && Box_styles.outer]
}));
};
var Box_styles = es_StyleSheet.create({
outer: {
alignSelf: 'flex-start',
padding: 4
},
row: {
flexDirection: 'row'
},
color0: {
backgroundColor: '#14171A'
},
color1: {
backgroundColor: '#AAB8C2'
},
color2: {
backgroundColor: '#E6ECF0'
},
color3: {
backgroundColor: '#FFAD1F'
},
color4: {
backgroundColor: '#F45D22'
},
color5: {
backgroundColor: '#E0245E'
},
fixed: {
width: 6,
height: 6
}
});
/* harmony default export */ const aphrodite_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/aphrodite/Provider.js
/* harmony default export */ const Provider = (aphrodite_View);
;// CONCATENATED MODULE: ./src/implementations/aphrodite/index.js
/* harmony default export */ const aphrodite = ({
Box: aphrodite_Box,
Provider: Provider,
View: aphrodite_View
});
/***/ }),
/***/ 25574:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ css_modules)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.js
var classnames = __webpack_require__(65443);
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ./src/implementations/css-modules/view-styles.css
var view_styles = __webpack_require__(46427);
var view_styles_default = /*#__PURE__*/__webpack_require__.n(view_styles);
;// CONCATENATED MODULE: ./src/implementations/css-modules/View.js
function _extends() { _extends = Object.assign || 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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var View = /*#__PURE__*/function (_React$Component) {
_inheritsLoose(View, _React$Component);
function View() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = View.prototype;
_proto.render = function render() {
var props = this.props;
return /*#__PURE__*/react.createElement("div", _extends({}, props, {
className: classnames_default()((view_styles_default()).initial, props.className)
}));
};
return View;
}(react.Component);
/* harmony default export */ const css_modules_View = (View);
// EXTERNAL MODULE: ./src/implementations/css-modules/box-styles.css
var box_styles = __webpack_require__(95458);
var box_styles_default = /*#__PURE__*/__webpack_require__.n(box_styles);
;// CONCATENATED MODULE: ./src/implementations/css-modules/Box.js
var _excluded = ["color", "fixed", "layout", "outer"];
function Box_extends() { Box_extends = Object.assign || 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 Box_extends.apply(this, arguments); }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = function Box(_ref) {
var _classnames;
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/react.createElement(css_modules_View, Box_extends({}, other, {
className: classnames_default()((box_styles_default())["color" + color], (_classnames = {}, _classnames[(box_styles_default()).fixed] = fixed, _classnames[(box_styles_default()).outer] = outer, _classnames[(box_styles_default()).row] = layout === 'row', _classnames))
}));
};
/* harmony default export */ const css_modules_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/css-modules/Provider.js
/* harmony default export */ const Provider = (css_modules_View);
;// CONCATENATED MODULE: ./src/implementations/css-modules/index.js
/* harmony default export */ const css_modules = ({
Box: css_modules_Box,
Provider: Provider,
View: css_modules_View
});
/***/ }),
/***/ 81701:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ emotion)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js
/*
Based off glamor's StyleSheet, thanks Sunil ❤️
high performance StyleSheet for css-in-js systems
- uses multiple style tags behind the scenes for millions of rules
- uses `insertRule` for appending in production for *much* faster performance
// usage
import { StyleSheet } from '@emotion/sheet'
let styleSheet = new StyleSheet({ key: '', container: document.head })
styleSheet.insert('#box { border: 1px solid red; }')
- appends a css rule into the stylesheet
styleSheet.flush()
- empties the stylesheet of all its contents
*/
// $FlowFixMe
function sheetForTag(tag) {
if (tag.sheet) {
// $FlowFixMe
return tag.sheet;
} // this weirdness brought to you by firefox
/* istanbul ignore next */
for (var i = 0; i < document.styleSheets.length; i++) {
if (document.styleSheets[i].ownerNode === tag) {
// $FlowFixMe
return document.styleSheets[i];
}
}
}
function createStyleElement(options) {
var tag = document.createElement('style');
tag.setAttribute('data-emotion', options.key);
if (options.nonce !== undefined) {
tag.setAttribute('nonce', options.nonce);
}
tag.appendChild(document.createTextNode(''));
tag.setAttribute('data-s', '');
return tag;
}
var StyleSheet = /*#__PURE__*/function () {
function StyleSheet(options) {
var _this = this;
this._insertTag = function (tag) {
var before;
if (_this.tags.length === 0) {
if (_this.insertionPoint) {
before = _this.insertionPoint.nextSibling;
} else if (_this.prepend) {
before = _this.container.firstChild;
} else {
before = _this.before;
}
} else {
before = _this.tags[_this.tags.length - 1].nextSibling;
}
_this.container.insertBefore(tag, before);
_this.tags.push(tag);
};
this.isSpeedy = options.speedy === undefined ? "production" === 'production' : options.speedy;
this.tags = [];
this.ctr = 0;
this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets
this.key = options.key;
this.container = options.container;
this.prepend = options.prepend;
this.insertionPoint = options.insertionPoint;
this.before = null;
}
var _proto = StyleSheet.prototype;
_proto.hydrate = function hydrate(nodes) {
nodes.forEach(this._insertTag);
};
_proto.insert = function insert(rule) {
// the max length is how many rules we have per style tag, it's 65000 in speedy mode
// it's 1 in dev because we insert source maps that map a single rule to a location
// and you can only have one source map per style tag
if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {
this._insertTag(createStyleElement(this));
}
var tag = this.tags[this.tags.length - 1];
if (false) { var isImportRule; }
if (this.isSpeedy) {
var sheet = sheetForTag(tag);
try {
// this is the ultrafast version, works across browsers
// the big drawback is that the css won't be editable in devtools
sheet.insertRule(rule, sheet.cssRules.length);
} catch (e) {
if (false) {}
}
} else {
tag.appendChild(document.createTextNode(rule));
}
this.ctr++;
};
_proto.flush = function flush() {
// $FlowFixMe
this.tags.forEach(function (tag) {
return tag.parentNode && tag.parentNode.removeChild(tag);
});
this.tags = [];
this.ctr = 0;
if (false) {}
};
return StyleSheet;
}();
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/stylis/src/Utility.js
/**
* @param {number}
* @return {number}
*/
var abs = Math.abs
/**
* @param {number}
* @return {string}
*/
var Utility_from = String.fromCharCode
/**
* @param {object}
* @return {object}
*/
var Utility_assign = Object.assign
/**
* @param {string} value
* @param {number} length
* @return {number}
*/
function hash (value, length) {
return (((((((length << 2) ^ Utility_charat(value, 0)) << 2) ^ Utility_charat(value, 1)) << 2) ^ Utility_charat(value, 2)) << 2) ^ Utility_charat(value, 3)
}
/**
* @param {string} value
* @return {string}
*/
function trim (value) {
return value.trim()
}
/**
* @param {string} value
* @param {RegExp} pattern
* @return {string?}
*/
function match (value, pattern) {
return (value = pattern.exec(value)) ? value[0] : value
}
/**
* @param {string} value
* @param {(string|RegExp)} pattern
* @param {string} replacement
* @return {string}
*/
function replace (value, pattern, replacement) {
return value.replace(pattern, replacement)
}
/**
* @param {string} value
* @param {string} search
* @return {number}
*/
function indexof (value, search) {
return value.indexOf(search)
}
/**
* @param {string} value
* @param {number} index
* @return {number}
*/
function Utility_charat (value, index) {
return value.charCodeAt(index) | 0
}
/**
* @param {string} value
* @param {number} begin
* @param {number} end
* @return {string}
*/
function Utility_substr (value, begin, end) {
return value.slice(begin, end)
}
/**
* @param {string} value
* @return {number}
*/
function Utility_strlen (value) {
return value.length
}
/**
* @param {any[]} value
* @return {number}
*/
function Utility_sizeof (value) {
return value.length
}
/**
* @param {any} value
* @param {any[]} array
* @return {any}
*/
function Utility_append (value, array) {
return array.push(value), value
}
/**
* @param {string[]} array
* @param {function} callback
* @return {string}
*/
function Utility_combine (array, callback) {
return array.map(callback).join('')
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/stylis/src/Tokenizer.js
var line = 1
var column = 1
var Tokenizer_length = 0
var position = 0
var character = 0
var characters = ''
/**
* @param {string} value
* @param {object | null} root
* @param {object | null} parent
* @param {string} type
* @param {string[] | string} props
* @param {object[] | string} children
* @param {number} length
*/
function node (value, root, parent, type, props, children, length) {
return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}
}
/**
* @param {object} root
* @param {object} props
* @return {object}
*/
function copy (root, props) {
return Utility_assign(node('', null, null, '', null, null, 0), root, {length: -root.length}, props)
}
/**
* @return {number}
*/
function Tokenizer_char () {
return character
}
/**
* @return {number}
*/
function prev () {
character = position > 0 ? Utility_charat(characters, --position) : 0
if (column--, character === 10)
column = 1, line--
return character
}
/**
* @return {number}
*/
function next () {
character = position < Tokenizer_length ? Utility_charat(characters, position++) : 0
if (column++, character === 10)
column = 1, line++
return character
}
/**
* @return {number}
*/
function peek () {
return Utility_charat(characters, position)
}
/**
* @return {number}
*/
function caret () {
return position
}
/**
* @param {number} begin
* @param {number} end
* @return {string}
*/
function slice (begin, end) {
return Utility_substr(characters, begin, end)
}
/**
* @param {number} type
* @return {number}
*/
function token (type) {
switch (type) {
// \0 \t \n \r \s whitespace token
case 0: case 9: case 10: case 13: case 32:
return 5
// ! + , / > @ ~ isolate token
case 33: case 43: case 44: case 47: case 62: case 64: case 126:
// ; { } breakpoint token
case 59: case 123: case 125:
return 4
// : accompanied token
case 58:
return 3
// " ' ( [ opening delimit token
case 34: case 39: case 40: case 91:
return 2
// ) ] closing delimit token
case 41: case 93:
return 1
}
return 0
}
/**
* @param {string} value
* @return {any[]}
*/
function alloc (value) {
return line = column = 1, Tokenizer_length = Utility_strlen(characters = value), position = 0, []
}
/**
* @param {any} value
* @return {any}
*/
function dealloc (value) {
return characters = '', value
}
/**
* @param {number} type
* @return {string}
*/
function delimit (type) {
return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
}
/**
* @param {string} value
* @return {string[]}
*/
function Tokenizer_tokenize (value) {
return dealloc(tokenizer(alloc(value)))
}
/**
* @param {number} type
* @return {string}
*/
function whitespace (type) {
while (character = peek())
if (character < 33)
next()
else
break
return token(type) > 2 || token(character) > 3 ? '' : ' '
}
/**
* @param {string[]} children
* @return {string[]}
*/
function tokenizer (children) {
while (next())
switch (token(character)) {
case 0: append(identifier(position - 1), children)
break
case 2: append(delimit(character), children)
break
default: append(from(character), children)
}
return children
}
/**
* @param {number} index
* @param {number} count
* @return {string}
*/
function escaping (index, count) {
while (--count && next())
// not 0-9 A-F a-f
if (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))
break
return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))
}
/**
* @param {number} type
* @return {number}
*/
function delimiter (type) {
while (next())
switch (character) {
// ] ) " '
case type:
return position
// " '
case 34: case 39:
if (type !== 34 && type !== 39)
delimiter(character)
break
// (
case 40:
if (type === 41)
delimiter(type)
break
// \
case 92:
next()
break
}
return position
}
/**
* @param {number} type
* @param {number} index
* @return {number}
*/
function commenter (type, index) {
while (next())
// //
if (type + character === 47 + 10)
break
// /*
else if (type + character === 42 + 42 && peek() === 47)
break
return '/*' + slice(index, position - 1) + '*' + Utility_from(type === 47 ? type : next())
}
/**
* @param {number} index
* @return {string}
*/
function identifier (index) {
while (!token(peek()))
next()
return slice(index, position)
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/stylis/src/Enum.js
var MS = '-ms-'
var MOZ = '-moz-'
var WEBKIT = '-webkit-'
var COMMENT = 'comm'
var Enum_RULESET = 'rule'
var DECLARATION = 'decl'
var PAGE = '@page'
var MEDIA = '@media'
var IMPORT = '@import'
var CHARSET = '@charset'
var VIEWPORT = '@viewport'
var SUPPORTS = '@supports'
var DOCUMENT = '@document'
var NAMESPACE = '@namespace'
var KEYFRAMES = '@keyframes'
var FONT_FACE = '@font-face'
var COUNTER_STYLE = '@counter-style'
var FONT_FEATURE_VALUES = '@font-feature-values'
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/stylis/src/Serializer.js
/**
* @param {object[]} children
* @param {function} callback
* @return {string}
*/
function serialize (children, callback) {
var output = ''
var length = Utility_sizeof(children)
for (var i = 0; i < length; i++)
output += callback(children[i], i, children, callback) || ''
return output
}
/**
* @param {object} element
* @param {number} index
* @param {object[]} children
* @param {function} callback
* @return {string}
*/
function stringify (element, index, children, callback) {
switch (element.type) {
case IMPORT: case DECLARATION: return element.return = element.return || element.value
case COMMENT: return ''
case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
case Enum_RULESET: element.value = element.props.join(',')
}
return Utility_strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/stylis/src/Prefixer.js
/**
* @param {string} value
* @param {number} length
* @return {string}
*/
function prefix (value, length) {
switch (hash(value, length)) {
// color-adjust
case 5103:
return WEBKIT + 'print-' + value + value
// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:
// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
case 5572: case 6356: case 5844: case 3191: case 6645: case 3005:
// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
case 6391: case 5879: case 5623: case 6135: case 4599: case 4855:
// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
case 4215: case 6389: case 5109: case 5365: case 5621: case 3829:
return WEBKIT + value + value
// appearance, user-select, transform, hyphens, text-size-adjust
case 5349: case 4246: case 4810: case 6968: case 2756:
return WEBKIT + value + MOZ + value + MS + value + value
// flex, flex-direction
case 6828: case 4268:
return WEBKIT + value + MS + value + value
// order
case 6165:
return WEBKIT + value + MS + 'flex-' + value + value
// align-items
case 5187:
return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value
// align-self
case 5443:
return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value
// align-content
case 4675:
return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value
// flex-shrink
case 5548:
return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value
// flex-basis
case 5292:
return WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value
// flex-grow
case 6060:
return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value
// transition
case 4554:
return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value
// cursor
case 6187:
return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value
// background, background-image
case 5495: case 3959:
return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1')
// justify-content
case 4968:
return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value
// (margin|padding)-inline-(start|end)
case 4095: case 3583: case 4068: case 2532:
return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value
// (min|max)?(width|height|inline-size|block-size)
case 8116: case 7059: case 5753: case 5535:
case 5445: case 5701: case 4933: case 4677:
case 5533: case 5789: case 5021: case 4765:
// stretch, max-content, min-content, fill-available
if (Utility_strlen(value) - 1 - length > 6)
switch (Utility_charat(value, length + 1)) {
// (m)ax-content, (m)in-content
case 109:
// -
if (Utility_charat(value, length + 4) !== 45)
break
// (f)ill-available, (f)it-content
case 102:
return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (Utility_charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value
// (s)tretch
case 115:
return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value
}
break
// position: sticky
case 4949:
// (s)ticky?
if (Utility_charat(value, length + 1) !== 115)
break
// display: (flex|inline-flex)
case 6444:
switch (Utility_charat(value, Utility_strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
// stic(k)y
case 107:
return replace(value, ':', ':' + WEBKIT) + value
// (inline-)?fl(e)x
case 101:
return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (Utility_charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value
}
break
// writing-mode
case 5936:
switch (Utility_charat(value, length + 11)) {
// vertical-l(r)
case 114:
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value
// vertical-r(l)
case 108:
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value
// horizontal(-)tb
case 45:
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value
}
return WEBKIT + value + MS + value + value
}
return value
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/stylis/src/Middleware.js
/**
* @param {function[]} collection
* @return {function}
*/
function middleware (collection) {
var length = Utility_sizeof(collection)
return function (element, index, children, callback) {
var output = ''
for (var i = 0; i < length; i++)
output += collection[i](element, index, children, callback) || ''
return output
}
}
/**
* @param {function} callback
* @return {function}
*/
function rulesheet (callback) {
return function (element) {
if (!element.root)
if (element = element.return)
callback(element)
}
}
/**
* @param {object} element
* @param {number} index
* @param {object[]} children
* @param {function} callback
*/
function prefixer (element, index, children, callback) {
if (element.length > -1)
if (!element.return)
switch (element.type) {
case DECLARATION: element.return = prefix(element.value, element.length)
break
case KEYFRAMES:
return serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)
case Enum_RULESET:
if (element.length)
return Utility_combine(element.props, function (value) {
switch (match(value, /(::plac\w+|:read-\w+)/)) {
// :read-(only|write)
case ':read-only': case ':read-write':
return serialize([copy(element, {props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]})], callback)
// :placeholder
case '::placeholder':
return serialize([
copy(element, {props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]}),
copy(element, {props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]}),
copy(element, {props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]})
], callback)
}
return ''
})
}
}
/**
* @param {object} element
* @param {number} index
* @param {object[]} children
*/
function namespace (element) {
switch (element.type) {
case RULESET:
element.props = element.props.map(function (value) {
return combine(tokenize(value), function (value, index, children) {
switch (charat(value, 0)) {
// \f
case 12:
return substr(value, 1, strlen(value))
// \0 ( + > ~
case 0: case 40: case 43: case 62: case 126:
return value
// :
case 58:
if (children[++index] === 'global')
children[index] = '', children[++index] = '\f' + substr(children[index], index = 1, -1)
// \s
case 32:
return index === 1 ? '' : value
default:
switch (index) {
case 0: element = value
return sizeof(children) > 1 ? '' : value
case index = sizeof(children) - 1: case 2:
return index === 2 ? value + element + element : value + element
default:
return value
}
}
})
})
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/stylis/src/Parser.js
/**
* @param {string} value
* @return {object[]}
*/
function compile (value) {
return dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))
}
/**
* @param {string} value
* @param {object} root
* @param {object?} parent
* @param {string[]} rule
* @param {string[]} rules
* @param {string[]} rulesets
* @param {number[]} pseudo
* @param {number[]} points
* @param {string[]} declarations
* @return {object}
*/
function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
var index = 0
var offset = 0
var length = pseudo
var atrule = 0
var property = 0
var previous = 0
var variable = 1
var scanning = 1
var ampersand = 1
var character = 0
var type = ''
var props = rules
var children = rulesets
var reference = rule
var characters = type
while (scanning)
switch (previous = character, character = next()) {
// (
case 40:
if (previous != 108 && characters.charCodeAt(length - 1) == 58) {
if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f') != -1)
ampersand = -1
break
}
// " ' [
case 34: case 39: case 91:
characters += delimit(character)
break
// \t \n \r \s
case 9: case 10: case 13: case 32:
characters += whitespace(previous)
break
// \
case 92:
characters += escaping(caret() - 1, 7)
continue
// /
case 47:
switch (peek()) {
case 42: case 47:
Utility_append(comment(commenter(next(), caret()), root, parent), declarations)
break
default:
characters += '/'
}
break
// {
case 123 * variable:
points[index++] = Utility_strlen(characters) * ampersand
// } ; \0
case 125 * variable: case 59: case 0:
switch (character) {
// \0 }
case 0: case 125: scanning = 0
// ;
case 59 + offset:
if (property > 0 && (Utility_strlen(characters) - length))
Utility_append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)
break
// @ ;
case 59: characters += ';'
// { rule/at-rule
default:
Utility_append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets)
if (character === 123)
if (offset === 0)
parse(characters, root, reference, reference, props, rulesets, length, points, children)
else
switch (atrule) {
// d m s
case 100: case 109: case 115:
parse(value, reference, reference, rule && Utility_append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)
break
default:
parse(characters, reference, reference, reference, [''], children, 0, points, children)
}
}
index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo
break
// :
case 58:
length = 1 + Utility_strlen(characters), property = previous
default:
if (variable < 1)
if (character == 123)
--variable
else if (character == 125 && variable++ == 0 && prev() == 125)
continue
switch (characters += Utility_from(character), character * variable) {
// &
case 38:
ampersand = offset > 0 ? 1 : (characters += '\f', -1)
break
// ,
case 44:
points[index++] = (Utility_strlen(characters) - 1) * ampersand, ampersand = 1
break
// @
case 64:
// -
if (peek() === 45)
characters += delimit(next())
atrule = peek(), offset = length = Utility_strlen(type = characters += identifier(caret())), character++
break
// -
case 45:
if (previous === 45 && Utility_strlen(characters) == 2)
variable = 0
}
}
return rulesets
}
/**
* @param {string} value
* @param {object} root
* @param {object?} parent
* @param {number} index
* @param {number} offset
* @param {string[]} rules
* @param {number[]} points
* @param {string} type
* @param {string[]} props
* @param {string[]} children
* @param {number} length
* @return {object}
*/
function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {
var post = offset - 1
var rule = offset === 0 ? rules : ['']
var size = Utility_sizeof(rule)
for (var i = 0, j = 0, k = 0; i < index; ++i)
for (var x = 0, y = Utility_substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
props[k++] = z
return node(value, root, parent, offset === 0 ? Enum_RULESET : type, props, children, length)
}
/**
* @param {number} value
* @param {object} root
* @param {object?} parent
* @return {object}
*/
function comment (value, root, parent) {
return node(value, root, parent, COMMENT, Utility_from(Tokenizer_char()), Utility_substr(value, 2, -2), 0)
}
/**
* @param {string} value
* @param {object} root
* @param {object?} parent
* @param {number} length
* @return {object}
*/
function declaration (value, root, parent, length) {
return node(value, root, parent, DECLARATION, Utility_substr(value, 0, length), Utility_substr(value, length + 1, -1), length)
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
var last = function last(arr) {
return arr.length ? arr[arr.length - 1] : null;
}; // based on https://github.com/thysultan/stylis.js/blob/e6843c373ebcbbfade25ebcc23f540ed8508da0a/src/Tokenizer.js#L239-L244
var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
var previous = 0;
var character = 0;
while (true) {
previous = character;
character = peek(); // &\f
if (previous === 38 && character === 12) {
points[index] = 1;
}
if (token(character)) {
break;
}
next();
}
return slice(begin, position);
};
var toRules = function toRules(parsed, points) {
// pretend we've started with a comma
var index = -1;
var character = 44;
do {
switch (token(character)) {
case 0:
// &\f
if (character === 38 && peek() === 12) {
// this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
// stylis inserts \f after & to know when & where it should replace this sequence with the context selector
// and when it should just concatenate the outer and inner selectors
// it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here
points[index] = 1;
}
parsed[index] += identifierWithPointTracking(position - 1, points, index);
break;
case 2:
parsed[index] += delimit(character);
break;
case 4:
// comma
if (character === 44) {
// colon
parsed[++index] = peek() === 58 ? '&\f' : '';
points[index] = parsed[index].length;
break;
}
// fallthrough
default:
parsed[index] += Utility_from(character);
}
} while (character = next());
return parsed;
};
var getRules = function getRules(value, points) {
return dealloc(toRules(alloc(value), points));
}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11
var fixedElements = /* #__PURE__ */new WeakMap();
var compat = function compat(element) {
if (element.type !== 'rule' || !element.parent || // positive .length indicates that this rule contains pseudo
// negative .length indicates that this rule has been already prefixed
element.length < 1) {
return;
}
var value = element.value,
parent = element.parent;
var isImplicitRule = element.column === parent.column && element.line === parent.line;
while (parent.type !== 'rule') {
parent = parent.parent;
if (!parent) return;
} // short-circuit for the simplest case
if (element.props.length === 1 && value.charCodeAt(0) !== 58
/* colon */
&& !fixedElements.get(parent)) {
return;
} // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)
// then the props has already been manipulated beforehand as they that array is shared between it and its "rule parent"
if (isImplicitRule) {
return;
}
fixedElements.set(element, true);
var points = [];
var rules = getRules(value, points);
var parentRules = parent.props;
for (var i = 0, k = 0; i < rules.length; i++) {
for (var j = 0; j < parentRules.length; j++, k++) {
element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
}
}
};
var removeLabel = function removeLabel(element) {
if (element.type === 'decl') {
var value = element.value;
if ( // charcode for l
value.charCodeAt(0) === 108 && // charcode for b
value.charCodeAt(2) === 98) {
// this ignores label
element["return"] = '';
element.value = '';
}
}
};
var ignoreFlag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';
var isIgnoringComment = function isIgnoringComment(element) {
return !!element && element.type === 'comm' && element.children.indexOf(ignoreFlag) > -1;
};
var createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {
return function (element, index, children) {
if (element.type !== 'rule') return;
var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);
if (unsafePseudoClasses && cache.compat !== true) {
var prevElement = index > 0 ? children[index - 1] : null;
if (prevElement && isIgnoringComment(last(prevElement.children))) {
return;
}
unsafePseudoClasses.forEach(function (unsafePseudoClass) {
console.error("The pseudo class \"" + unsafePseudoClass + "\" is potentially unsafe when doing server-side rendering. Try changing it to \"" + unsafePseudoClass.split('-child')[0] + "-of-type\".");
});
}
};
};
var isImportRule = function isImportRule(element) {
return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;
};
var isPrependedWithRegularRules = function isPrependedWithRegularRules(index, children) {
for (var i = index - 1; i >= 0; i--) {
if (!isImportRule(children[i])) {
return true;
}
}
return false;
}; // use this to remove incorrect elements from further processing
// so they don't get handed to the `sheet` (or anything else)
// as that could potentially lead to additional logs which in turn could be overhelming to the user
var nullifyElement = function nullifyElement(element) {
element.type = '';
element.value = '';
element["return"] = '';
element.children = '';
element.props = '';
};
var incorrectImportAlarm = function incorrectImportAlarm(element, index, children) {
if (!isImportRule(element)) {
return;
}
if (element.parent) {
console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.");
nullifyElement(element);
} else if (isPrependedWithRegularRules(index, children)) {
console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.");
nullifyElement(element);
}
};
var defaultStylisPlugins = [prefixer];
var createCache = function createCache(options) {
var key = options.key;
if (false) {}
if ( key === 'css') {
var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])"); // get SSRed styles out of the way of React's hydration
// document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)
// note this very very intentionally targets all style elements regardless of the key to ensure
// that creating a cache works inside of render of a React component
Array.prototype.forEach.call(ssrStyles, function (node) {
// we want to only move elements which have a space in the data-emotion attribute value
// because that indicates that it is an Emotion 11 server-side rendered style elements
// while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector
// Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)
// so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles
// will not result in the Emotion 10 styles being destroyed
var dataEmotionAttribute = node.getAttribute('data-emotion');
if (dataEmotionAttribute.indexOf(' ') === -1) {
return;
}
document.head.appendChild(node);
node.setAttribute('data-s', '');
});
}
var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
if (false) {}
var inserted = {}; // $FlowFixMe
var container;
var nodesToHydrate = [];
{
container = options.container || document.head;
Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which
// means that the style elements we're looking at are only Emotion 11 server-rendered style elements
document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function (node) {
var attrib = node.getAttribute("data-emotion").split(' '); // $FlowFixMe
for (var i = 1; i < attrib.length; i++) {
inserted[attrib[i]] = true;
}
nodesToHydrate.push(node);
});
}
var _insert;
var omnipresentPlugins = [compat, removeLabel];
if (false) {}
{
var currentSheet;
var finalizingPlugins = [stringify, false ? 0 : rulesheet(function (rule) {
currentSheet.insert(rule);
})];
var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
var stylis = function stylis(styles) {
return serialize(compile(styles), serializer);
};
_insert = function insert(selector, serialized, sheet, shouldCache) {
currentSheet = sheet;
if (false) {}
stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
if (shouldCache) {
cache.inserted[serialized.name] = true;
}
};
}
var cache = {
key: key,
sheet: new StyleSheet({
key: key,
container: container,
nonce: options.nonce,
speedy: options.speedy,
prepend: options.prepend,
insertionPoint: options.insertionPoint
}),
nonce: options.nonce,
inserted: inserted,
registered: {},
insert: _insert
};
cache.sheet.hydrate(nodesToHydrate);
return cache;
};
/* harmony default export */ const emotion_cache_browser_esm = (createCache);
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/@emotion/hash/dist/hash.browser.esm.js
/* eslint-disable */
// Inspired by https://github.com/garycourt/murmurhash-js
// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
function murmur2(str) {
// 'm' and 'r' are mixing constants generated offline.
// They're not really 'magic', they just happen to work well.
// const m = 0x5bd1e995;
// const r = 24;
// Initialize the hash
var h = 0; // Mix 4 bytes at a time into the hash
var k,
i = 0,
len = str.length;
for (; len >= 4; ++i, len -= 4) {
k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
k =
/* Math.imul(k, m): */
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
k ^=
/* k >>> r: */
k >>> 24;
h =
/* Math.imul(k, m): */
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
/* Math.imul(h, m): */
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
} // Handle the last few bytes of the input array
switch (len) {
case 3:
h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
case 2:
h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
case 1:
h ^= str.charCodeAt(i) & 0xff;
h =
/* Math.imul(h, m): */
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
} // Do a few final mixes of the hash to ensure the last few
// bytes are well-incorporated.
h ^= h >>> 13;
h =
/* Math.imul(h, m): */
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
return ((h ^ h >>> 15) >>> 0).toString(36);
}
/* harmony default export */ const hash_browser_esm = (murmur2);
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/@emotion/unitless/dist/unitless.browser.esm.js
var unitlessKeys = {
animationIterationCount: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
// SVG-related properties
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
};
/* harmony default export */ const unitless_browser_esm = (unitlessKeys);
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/@emotion/memoize/dist/emotion-memoize.browser.esm.js
function memoize(fn) {
var cache = Object.create(null);
return function (arg) {
if (cache[arg] === undefined) cache[arg] = fn(arg);
return cache[arg];
};
}
/* harmony default export */ const emotion_memoize_browser_esm = (memoize);
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js
var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
var UNDEFINED_AS_OBJECT_KEY_ERROR = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
var hyphenateRegex = /[A-Z]|^ms/g;
var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
var isCustomProperty = function isCustomProperty(property) {
return property.charCodeAt(1) === 45;
};
var isProcessableValue = function isProcessableValue(value) {
return value != null && typeof value !== 'boolean';
};
var processStyleName = /* #__PURE__ */emotion_memoize_browser_esm(function (styleName) {
return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();
});
var processStyleValue = function processStyleValue(key, value) {
switch (key) {
case 'animation':
case 'animationName':
{
if (typeof value === 'string') {
return value.replace(animationRegex, function (match, p1, p2) {
cursor = {
name: p1,
styles: p2,
next: cursor
};
return p1;
});
}
}
}
if (unitless_browser_esm[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {
return value + 'px';
}
return value;
};
if (false) { var hyphenatedCache, hyphenPattern, msPattern, oldProcessStyleValue, contentValues, contentValuePattern; }
function handleInterpolation(mergedProps, registered, interpolation) {
if (interpolation == null) {
return '';
}
if (interpolation.__emotion_styles !== undefined) {
if (false) {}
return interpolation;
}
switch (typeof interpolation) {
case 'boolean':
{
return '';
}
case 'object':
{
if (interpolation.anim === 1) {
cursor = {
name: interpolation.name,
styles: interpolation.styles,
next: cursor
};
return interpolation.name;
}
if (interpolation.styles !== undefined) {
var next = interpolation.next;
if (next !== undefined) {
// not the most efficient thing ever but this is a pretty rare case
// and there will be very few iterations of this generally
while (next !== undefined) {
cursor = {
name: next.name,
styles: next.styles,
next: cursor
};
next = next.next;
}
}
var styles = interpolation.styles + ";";
if (false) {}
return styles;
}
return createStringFromObject(mergedProps, registered, interpolation);
}
case 'function':
{
if (mergedProps !== undefined) {
var previousCursor = cursor;
var result = interpolation(mergedProps);
cursor = previousCursor;
return handleInterpolation(mergedProps, registered, result);
} else if (false) {}
break;
}
case 'string':
if (false) { var replaced, matched; }
break;
} // finalize string values (regular strings and functions interpolated into css calls)
if (registered == null) {
return interpolation;
}
var cached = registered[interpolation];
return cached !== undefined ? cached : interpolation;
}
function createStringFromObject(mergedProps, registered, obj) {
var string = '';
if (Array.isArray(obj)) {
for (var i = 0; i < obj.length; i++) {
string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
}
} else {
for (var _key in obj) {
var value = obj[_key];
if (typeof value !== 'object') {
if (registered != null && registered[value] !== undefined) {
string += _key + "{" + registered[value] + "}";
} else if (isProcessableValue(value)) {
string += processStyleName(_key) + ":" + processStyleValue(_key, value) + ";";
}
} else {
if (_key === 'NO_COMPONENT_SELECTOR' && "production" !== 'production') {}
if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {
for (var _i = 0; _i < value.length; _i++) {
if (isProcessableValue(value[_i])) {
string += processStyleName(_key) + ":" + processStyleValue(_key, value[_i]) + ";";
}
}
} else {
var interpolated = handleInterpolation(mergedProps, registered, value);
switch (_key) {
case 'animation':
case 'animationName':
{
string += processStyleName(_key) + ":" + interpolated + ";";
break;
}
default:
{
if (false) {}
string += _key + "{" + interpolated + "}";
}
}
}
}
}
}
return string;
}
var labelPattern = /label:\s*([^\s;\n{]+)\s*(;|$)/g;
var sourceMapPattern;
if (false) {} // this is the cursor for keyframes
// keyframes are stored on the SerializedStyles object as a linked list
var cursor;
var serializeStyles = function serializeStyles(args, registered, mergedProps) {
if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {
return args[0];
}
var stringMode = true;
var styles = '';
cursor = undefined;
var strings = args[0];
if (strings == null || strings.raw === undefined) {
stringMode = false;
styles += handleInterpolation(mergedProps, registered, strings);
} else {
if (false) {}
styles += strings[0];
} // we start at 1 since we've already handled the first arg
for (var i = 1; i < args.length; i++) {
styles += handleInterpolation(mergedProps, registered, args[i]);
if (stringMode) {
if (false) {}
styles += strings[i];
}
}
var sourceMap;
if (false) {} // using a global regex with .exec is stateful so lastIndex has to be reset each time
labelPattern.lastIndex = 0;
var identifierName = '';
var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5
while ((match = labelPattern.exec(styles)) !== null) {
identifierName += '-' + // $FlowFixMe we know it's not null
match[1];
}
var name = hash_browser_esm(styles) + identifierName;
if (false) {}
return {
name: name,
styles: styles,
next: cursor
};
};
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
var isBrowser = "object" !== 'undefined';
function getRegisteredStyles(registered, registeredStyles, classNames) {
var rawClassName = '';
classNames.split(' ').forEach(function (className) {
if (registered[className] !== undefined) {
registeredStyles.push(registered[className] + ";");
} else {
rawClassName += className + " ";
}
});
return rawClassName;
}
var registerStyles = function registerStyles(cache, serialized, isStringTag) {
var className = cache.key + "-" + serialized.name;
if ( // we only need to add the styles to the registered cache if the
// class name could be used further down
// the tree but if it's a string tag, we know it won't
// so we don't have to add it to registered cache.
// this improves memory usage since we can avoid storing the whole style string
(isStringTag === false || // we need to always store it if we're in compat mode and
// in node since emotion-server relies on whether a style is in
// the registered cache to know whether a style is global or not
// also, note that this check will be dead code eliminated in the browser
isBrowser === false ) && cache.registered[className] === undefined) {
cache.registered[className] = serialized.styles;
}
};
var insertStyles = function insertStyles(cache, serialized, isStringTag) {
registerStyles(cache, serialized, isStringTag);
var className = cache.key + "-" + serialized.name;
if (cache.inserted[serialized.name] === undefined) {
var current = serialized;
do {
var maybeStyles = cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
current = current.next;
} while (current !== undefined);
}
};
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
function insertWithoutScoping(cache, serialized) {
if (cache.inserted[serialized.name] === undefined) {
return cache.insert('', serialized, cache.sheet, true);
}
}
function merge(registered, css, className) {
var registeredStyles = [];
var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
if (registeredStyles.length < 2) {
return className;
}
return rawClassName + css(registeredStyles);
}
var createEmotion = function createEmotion(options) {
var cache = emotion_cache_browser_esm(options); // $FlowFixMe
cache.sheet.speedy = function (value) {
if (false) {}
this.isSpeedy = value;
};
cache.compat = true;
var css = function css() {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var serialized = serializeStyles(args, cache.registered, undefined);
insertStyles(cache, serialized, false);
return cache.key + "-" + serialized.name;
};
var keyframes = function keyframes() {
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
var serialized = serializeStyles(args, cache.registered);
var animation = "animation-" + serialized.name;
insertWithoutScoping(cache, {
name: serialized.name,
styles: "@keyframes " + animation + "{" + serialized.styles + "}"
});
return animation;
};
var injectGlobal = function injectGlobal() {
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
args[_key3] = arguments[_key3];
}
var serialized = serializeStyles(args, cache.registered);
insertWithoutScoping(cache, serialized);
};
var cx = function cx() {
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
args[_key4] = arguments[_key4];
}
return merge(cache.registered, css, classnames(args));
};
return {
css: css,
cx: cx,
injectGlobal: injectGlobal,
keyframes: keyframes,
hydrate: function hydrate(ids) {
ids.forEach(function (key) {
cache.inserted[key] = true;
});
},
flush: function flush() {
cache.registered = {};
cache.inserted = {};
cache.sheet.flush();
},
// $FlowFixMe
sheet: cache.sheet,
cache: cache,
getRegisteredStyles: getRegisteredStyles.bind(null, cache.registered),
merge: merge.bind(null, cache.registered, css)
};
};
var classnames = function classnames(args) {
var cls = '';
for (var i = 0; i < args.length; i++) {
var arg = args[i];
if (arg == null) continue;
var toAdd = void 0;
switch (typeof arg) {
case 'boolean':
break;
case 'object':
{
if (Array.isArray(arg)) {
toAdd = classnames(arg);
} else {
toAdd = '';
for (var k in arg) {
if (arg[k] && k) {
toAdd && (toAdd += ' ');
toAdd += k;
}
}
}
break;
}
default:
{
toAdd = arg;
}
}
if (toAdd) {
cls && (cls += ' ');
cls += toAdd;
}
}
return cls;
};
/* harmony default export */ const emotion_css_create_instance_esm = (createEmotion);
;// CONCATENATED MODULE: ../node_modules/.pnpm/@emotion+css@11.7.1_@babel+core@7.17.4/node_modules/@emotion/css/dist/emotion-css.esm.js
var _createEmotion = emotion_css_create_instance_esm({
key: 'css'
}),
flush = _createEmotion.flush,
hydrate = _createEmotion.hydrate,
cx = _createEmotion.cx,
emotion_css_esm_merge = _createEmotion.merge,
emotion_css_esm_getRegisteredStyles = _createEmotion.getRegisteredStyles,
injectGlobal = _createEmotion.injectGlobal,
keyframes = _createEmotion.keyframes,
css = _createEmotion.css,
sheet = _createEmotion.sheet,
cache = _createEmotion.cache;
;// CONCATENATED MODULE: ./src/implementations/emotion/View.js
var _excluded = ["style"];
function _extends() { _extends = Object.assign || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var View = /*#__PURE__*/function (_React$Component) {
_inheritsLoose(View, _React$Component);
function View() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = View.prototype;
_proto.render = function render() {
var _this$props = this.props,
style = _this$props.style,
other = _objectWithoutPropertiesLoose(_this$props, _excluded);
return /*#__PURE__*/react.createElement("div", _extends({}, other, {
className: css.apply(void 0, [viewStyle].concat(style))
}));
};
return View;
}(react.Component);
var viewStyle = {
alignItems: 'stretch',
borderWidth: 0,
borderStyle: 'solid',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: 0,
margin: 0,
padding: 0,
position: 'relative',
// fix flexbox bugs
minHeight: 0,
minWidth: 0
};
/* harmony default export */ const emotion_View = (View);
;// CONCATENATED MODULE: ./src/implementations/emotion/Box.js
var Box_excluded = ["color", "fixed", "layout", "outer"];
function Box_extends() { Box_extends = Object.assign || 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 Box_extends.apply(this, arguments); }
function Box_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = function Box(_ref) {
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = Box_objectWithoutPropertiesLoose(_ref, Box_excluded);
return /*#__PURE__*/react.createElement(emotion_View, Box_extends({}, other, {
style: [styles["color" + color], fixed && styles.fixed, layout === 'row' && styles.row, outer && styles.outer]
}));
};
var styles = {
outer: {
alignSelf: 'flex-start',
padding: 4
},
row: {
flexDirection: 'row'
},
color0: {
backgroundColor: '#14171A'
},
color1: {
backgroundColor: '#AAB8C2'
},
color2: {
backgroundColor: '#E6ECF0'
},
color3: {
backgroundColor: '#FFAD1F'
},
color4: {
backgroundColor: '#F45D22'
},
color5: {
backgroundColor: '#E0245E'
},
fixed: {
width: 6,
height: 6
}
};
/* harmony default export */ const emotion_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/emotion/Dot.js
/* eslint-disable react/prop-types */
var Dot = function Dot(_ref) {
var size = _ref.size,
x = _ref.x,
y = _ref.y,
children = _ref.children,
color = _ref.color;
return /*#__PURE__*/react.createElement("div", {
className: css(Dot_styles.root, {
borderBottomColor: color,
borderRightWidth: size / 2 + "px",
borderBottomWidth: size / 2 + "px",
borderLeftWidth: size / 2 + "px",
marginLeft: x + "px",
marginTop: y + "px"
})
}, children);
};
var Dot_styles = {
root: {
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: 'translate(50%, 50%)'
}
};
/* harmony default export */ const emotion_Dot = (Dot);
;// CONCATENATED MODULE: ./src/implementations/emotion/Provider.js
/* harmony default export */ const Provider = (emotion_View);
;// CONCATENATED MODULE: ./src/implementations/emotion/index.js
/* harmony default export */ const emotion = ({
Box: emotion_Box,
Dot: emotion_Dot,
Provider: Provider,
View: emotion_View
});
/***/ }),
/***/ 66141:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ glamor)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ../node_modules/.pnpm/glamor@2.20.40/node_modules/glamor/lib/index.js
var lib = __webpack_require__(317);
;// CONCATENATED MODULE: ./src/implementations/glamor/View.js
var _excluded = ["style"];
function _extends() { _extends = Object.assign || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var View = /*#__PURE__*/function (_React$Component) {
_inheritsLoose(View, _React$Component);
function View() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = View.prototype;
_proto.render = function render() {
var _this$props = this.props,
style = _this$props.style,
other = _objectWithoutPropertiesLoose(_this$props, _excluded);
return /*#__PURE__*/react.createElement("div", _extends({}, other, {
className: lib/* css.apply */.iv.apply(void 0, [viewStyle].concat(style))
}));
};
return View;
}(react.Component);
var viewStyle = {
alignItems: 'stretch',
borderWidth: 0,
borderStyle: 'solid',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: 0,
margin: 0,
padding: 0,
position: 'relative',
// fix flexbox bugs
minHeight: 0,
minWidth: 0
};
/* harmony default export */ const glamor_View = (View);
;// CONCATENATED MODULE: ./src/implementations/glamor/Box.js
var Box_excluded = ["color", "fixed", "layout", "outer"];
function Box_extends() { Box_extends = Object.assign || 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 Box_extends.apply(this, arguments); }
function Box_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = function Box(_ref) {
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = Box_objectWithoutPropertiesLoose(_ref, Box_excluded);
return /*#__PURE__*/react.createElement(glamor_View, Box_extends({}, other, {
style: [styles["color" + color], fixed && styles.fixed, layout === 'row' && styles.row, outer && styles.outer]
}));
};
var styles = {
outer: {
alignSelf: 'flex-start',
padding: 4
},
row: {
flexDirection: 'row'
},
color0: {
backgroundColor: '#14171A'
},
color1: {
backgroundColor: '#AAB8C2'
},
color2: {
backgroundColor: '#E6ECF0'
},
color3: {
backgroundColor: '#FFAD1F'
},
color4: {
backgroundColor: '#F45D22'
},
color5: {
backgroundColor: '#E0245E'
},
fixed: {
width: 6,
height: 6
}
};
/* harmony default export */ const glamor_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/glamor/Dot.js
/* eslint-disable react/prop-types */
var Dot = function Dot(_ref) {
var size = _ref.size,
x = _ref.x,
y = _ref.y,
children = _ref.children,
color = _ref.color;
return /*#__PURE__*/react.createElement("div", {
className: (0,lib/* css */.iv)(Dot_styles.root, {
borderBottomColor: color,
borderRightWidth: size / 2 + "px",
borderBottomWidth: size / 2 + "px",
borderLeftWidth: size / 2 + "px",
marginLeft: x + "px",
marginTop: y + "px"
})
}, children);
};
var Dot_styles = {
root: {
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: 'translate(50%, 50%)'
}
};
/* harmony default export */ const glamor_Dot = (Dot);
;// CONCATENATED MODULE: ./src/implementations/glamor/Provider.js
/* harmony default export */ const Provider = (glamor_View);
;// CONCATENATED MODULE: ./src/implementations/glamor/index.js
/* harmony default export */ const glamor = ({
Box: glamor_Box,
Dot: glamor_Dot,
Provider: Provider,
View: glamor_View
});
/***/ }),
/***/ 57116:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ inline_styles)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
;// CONCATENATED MODULE: ./src/implementations/inline-styles/View.js
var _excluded = ["style"];
function _extends() { _extends = Object.assign || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/* eslint-disable react/prop-types */
var compose = function compose(s1, s2) {
if (s1 && s2) {
return _objectSpread(_objectSpread({}, s1), s2);
} else {
return s1 || s2;
}
};
var View = /*#__PURE__*/function (_React$Component) {
_inheritsLoose(View, _React$Component);
function View() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = View.prototype;
_proto.render = function render() {
var _this$props = this.props,
style = _this$props.style,
other = _objectWithoutPropertiesLoose(_this$props, _excluded);
return /*#__PURE__*/react.createElement("div", _extends({}, other, {
style: compose(viewStyle, style)
}));
};
return View;
}(react.Component);
var viewStyle = {
alignItems: 'stretch',
borderWidth: 0,
borderStyle: 'solid',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: 0,
margin: 0,
padding: 0,
position: 'relative',
// fix flexbox bugs
minHeight: 0,
minWidth: 0
};
/* harmony default export */ const inline_styles_View = (View);
;// CONCATENATED MODULE: ./src/implementations/inline-styles/Box.js
var Box_excluded = ["color", "fixed", "layout", "outer"];
function Box_extends() { Box_extends = Object.assign || 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 Box_extends.apply(this, arguments); }
function Box_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function Box_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Box_ownKeys(Object(source), !0).forEach(function (key) { Box_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Box_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function Box_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function Box_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = function Box(_ref) {
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = Box_objectWithoutPropertiesLoose(_ref, Box_excluded);
return /*#__PURE__*/react.createElement(inline_styles_View, Box_extends({}, other, {
style: Box_objectSpread(Box_objectSpread(Box_objectSpread(Box_objectSpread({}, styles["color" + color]), fixed && styles.fixed), layout === 'row' && styles.row), outer && styles.outer)
}));
};
var styles = {
outer: {
alignSelf: 'flex-start',
padding: 4
},
row: {
flexDirection: 'row'
},
color0: {
backgroundColor: '#14171A'
},
color1: {
backgroundColor: '#AAB8C2'
},
color2: {
backgroundColor: '#E6ECF0'
},
color3: {
backgroundColor: '#FFAD1F'
},
color4: {
backgroundColor: '#F45D22'
},
color5: {
backgroundColor: '#E0245E'
},
fixed: {
width: 6,
height: 6
}
};
/* harmony default export */ const inline_styles_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/inline-styles/Dot.js
function Dot_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function Dot_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Dot_ownKeys(Object(source), !0).forEach(function (key) { Dot_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Dot_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function Dot_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/* eslint-disable react/prop-types */
var Dot = function Dot(_ref) {
var size = _ref.size,
x = _ref.x,
y = _ref.y,
children = _ref.children,
color = _ref.color;
return /*#__PURE__*/react.createElement("div", {
style: Dot_objectSpread(Dot_objectSpread({}, Dot_styles.root), {
borderBottomColor: color,
borderRightWidth: size / 2 + "px",
borderBottomWidth: size / 2 + "px",
borderLeftWidth: size / 2 + "px",
marginLeft: x + "px",
marginTop: y + "px"
})
}, children);
};
var Dot_styles = {
root: {
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: 'translate(50%, 50%)'
}
};
/* harmony default export */ const inline_styles_Dot = (Dot);
;// CONCATENATED MODULE: ./src/implementations/inline-styles/Provider.js
/* harmony default export */ const Provider = (inline_styles_View);
;// CONCATENATED MODULE: ./src/implementations/inline-styles/index.js
/* harmony default export */ const inline_styles = ({
Box: inline_styles_Box,
Dot: inline_styles_Dot,
Provider: Provider,
View: inline_styles_View
});
/***/ }),
/***/ 75863:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ radium)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/prop-types/index.js
var prop_types = __webpack_require__(4780);
var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
var hoist_non_react_statics_cjs = __webpack_require__(62416);
var hoist_non_react_statics_cjs_default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics_cjs);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/append-px-if-needed.js
// Copied from https://github.com/facebook/react/blob/
// b87aabdfe1b7461e7331abb3601d9e6bb27544bc/
// packages/react-dom/src/shared/CSSProperty.js
var isUnitlessNumber = {
animationIterationCount: true,
borderImageOutset: true,
borderImageSlice: true,
borderImageWidth: true,
boxFlex: true,
boxFlexGroup: true,
boxOrdinalGroup: true,
columnCount: true,
columns: true,
flex: true,
flexGrow: true,
flexPositive: true,
flexShrink: true,
flexNegative: true,
flexOrder: true,
gridArea: true,
gridRow: true,
gridRowEnd: true,
gridRowSpan: true,
gridRowStart: true,
gridColumn: true,
gridColumnEnd: true,
gridColumnSpan: true,
gridColumnStart: true,
fontWeight: true,
lineClamp: true,
lineHeight: true,
opacity: true,
order: true,
orphans: true,
tabSize: true,
widows: true,
zIndex: true,
zoom: true,
// SVG-related properties
fillOpacity: true,
floodOpacity: true,
stopOpacity: true,
strokeDasharray: true,
strokeDashoffset: true,
strokeMiterlimit: true,
strokeOpacity: true,
strokeWidth: true
};
function appendPxIfNeeded(propertyName, value) {
var needsPxSuffix = !isUnitlessNumber[propertyName] && typeof value === 'number' && value !== 0;
return needsPxSuffix ? value + 'px' : value;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/map-object.js
function mapObject(object, mapper) {
return Object.keys(object).reduce(function (result, key) {
result[key] = mapper(object[key], key);
return result;
}, {});
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/append-important-to-each-value.js
function appendImportantToEachValue(style) {
return mapObject(style, function (result, key) {
return appendPxIfNeeded(key, style[key]) + ' !important';
});
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/camel-case-props-to-dash-case.js
var _camelCaseRegex = /([a-z])?([A-Z])/g;
var _camelCaseReplacer = function _camelCaseReplacer(match, p1, p2) {
return (p1 || '') + '-' + p2.toLowerCase();
};
var camelCaseToDashCase = function camelCaseToDashCase(s) {
return s.replace(_camelCaseRegex, _camelCaseReplacer);
};
var camelCasePropsToDashCase = function camelCasePropsToDashCase(prefixedStyle) {
// Since prefix is expected to work on inline style objects, we must
// translate the keys to dash case for rendering to CSS.
return Object.keys(prefixedStyle).reduce(function (result, key) {
var dashCaseKey = camelCaseToDashCase(key); // Fix IE vendor prefix
if (/^ms-/.test(dashCaseKey)) {
dashCaseKey = "-".concat(dashCaseKey);
}
result[dashCaseKey] = prefixedStyle[key];
return result;
}, {});
};
/* harmony default export */ const camel_case_props_to_dash_case = (camelCasePropsToDashCase);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/createPrefixer.js
var createPrefixer = __webpack_require__(54914);
var createPrefixer_default = /*#__PURE__*/__webpack_require__.n(createPrefixer);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/createPrefixer.js
var dynamic_createPrefixer = __webpack_require__(19103);
var dynamic_createPrefixer_default = /*#__PURE__*/__webpack_require__.n(dynamic_createPrefixer);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/exenv/index.js
var exenv = __webpack_require__(59757);
var exenv_default = /*#__PURE__*/__webpack_require__.n(exenv);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/calc.js
var calc = __webpack_require__(92383);
var calc_default = /*#__PURE__*/__webpack_require__.n(calc);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/crossFade.js
var crossFade = __webpack_require__(73634);
var crossFade_default = /*#__PURE__*/__webpack_require__.n(crossFade);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/cursor.js
var cursor = __webpack_require__(68260);
var cursor_default = /*#__PURE__*/__webpack_require__.n(cursor);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/filter.js
var filter = __webpack_require__(72019);
var filter_default = /*#__PURE__*/__webpack_require__.n(filter);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/flex.js
var flex = __webpack_require__(2726);
var flex_default = /*#__PURE__*/__webpack_require__.n(flex);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/flexboxIE.js
var flexboxIE = __webpack_require__(33555);
var flexboxIE_default = /*#__PURE__*/__webpack_require__.n(flexboxIE);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/flexboxOld.js
var flexboxOld = __webpack_require__(2522);
var flexboxOld_default = /*#__PURE__*/__webpack_require__.n(flexboxOld);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/gradient.js
var gradient = __webpack_require__(76101);
var gradient_default = /*#__PURE__*/__webpack_require__.n(gradient);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/imageSet.js
var imageSet = __webpack_require__(11106);
var imageSet_default = /*#__PURE__*/__webpack_require__.n(imageSet);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/position.js
var position = __webpack_require__(62703);
var position_default = /*#__PURE__*/__webpack_require__.n(position);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/sizing.js
var sizing = __webpack_require__(65934);
var sizing_default = /*#__PURE__*/__webpack_require__.n(sizing);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/static/plugins/transition.js
var transition = __webpack_require__(91864);
var transition_default = /*#__PURE__*/__webpack_require__.n(transition);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/prefix-data/static.js
var w = ['Webkit'];
var m = ['Moz'];
var ms = ['ms'];
var wm = ['Webkit', 'Moz'];
var wms = ['Webkit', 'ms'];
var wmms = ['Webkit', 'Moz', 'ms'];
/* harmony default export */ const prefix_data_static = ({
plugins: [(calc_default()), (crossFade_default()), (cursor_default()), (filter_default()), (flex_default()), (flexboxIE_default()), (flexboxOld_default()), (gradient_default()), (imageSet_default()), (position_default()), (sizing_default()), (transition_default())],
prefixMap: {
transform: wms,
transformOrigin: wms,
transformOriginX: wms,
transformOriginY: wms,
backfaceVisibility: w,
perspective: w,
perspectiveOrigin: w,
transformStyle: w,
transformOriginZ: w,
animation: w,
animationDelay: w,
animationDirection: w,
animationFillMode: w,
animationDuration: w,
animationIterationCount: w,
animationName: w,
animationPlayState: w,
animationTimingFunction: w,
appearance: wm,
userSelect: wmms,
fontKerning: w,
textEmphasisPosition: w,
textEmphasis: w,
textEmphasisStyle: w,
textEmphasisColor: w,
boxDecorationBreak: w,
clipPath: w,
maskImage: w,
maskMode: w,
maskRepeat: w,
maskPosition: w,
maskClip: w,
maskOrigin: w,
maskSize: w,
maskComposite: w,
mask: w,
maskBorderSource: w,
maskBorderMode: w,
maskBorderSlice: w,
maskBorderWidth: w,
maskBorderOutset: w,
maskBorderRepeat: w,
maskBorder: w,
maskType: w,
textDecorationStyle: wm,
textDecorationSkip: wm,
textDecorationLine: wm,
textDecorationColor: wm,
filter: w,
fontFeatureSettings: wm,
breakAfter: wmms,
breakBefore: wmms,
breakInside: wmms,
columnCount: wm,
columnFill: wm,
columnGap: wm,
columnRule: wm,
columnRuleColor: wm,
columnRuleStyle: wm,
columnRuleWidth: wm,
columns: wm,
columnSpan: wm,
columnWidth: wm,
writingMode: wms,
flex: wms,
flexBasis: w,
flexDirection: wms,
flexGrow: w,
flexFlow: wms,
flexShrink: w,
flexWrap: wms,
alignContent: w,
alignItems: w,
alignSelf: w,
justifyContent: w,
order: w,
transitionDelay: w,
transitionDuration: w,
transitionProperty: w,
transitionTimingFunction: w,
backdropFilter: w,
scrollSnapType: wms,
scrollSnapPointsX: wms,
scrollSnapPointsY: wms,
scrollSnapDestination: wms,
scrollSnapCoordinate: wms,
shapeImageThreshold: w,
shapeImageMargin: w,
shapeImageOutside: w,
hyphens: wmms,
flowInto: wms,
flowFrom: wms,
regionFragment: wms,
boxSizing: m,
textAlignLast: m,
tabSize: m,
wrapFlow: ms,
wrapThrough: ms,
wrapMargin: ms,
touchAction: ms,
gridTemplateColumns: ms,
gridTemplateRows: ms,
gridTemplateAreas: ms,
gridTemplate: ms,
gridAutoColumns: ms,
gridAutoRows: ms,
gridAutoFlow: ms,
grid: ms,
gridRowStart: ms,
gridColumnStart: ms,
gridRowEnd: ms,
gridRow: ms,
gridColumn: ms,
gridColumnEnd: ms,
gridColumnGap: ms,
gridRowGap: ms,
gridArea: ms,
gridGap: ms,
textSizeAdjust: wms,
borderImage: w,
borderImageOutset: w,
borderImageRepeat: w,
borderImageSlice: w,
borderImageSource: w,
borderImageWidth: w
}
});
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/calc.js
var plugins_calc = __webpack_require__(91318);
var plugins_calc_default = /*#__PURE__*/__webpack_require__.n(plugins_calc);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/crossFade.js
var plugins_crossFade = __webpack_require__(76341);
var plugins_crossFade_default = /*#__PURE__*/__webpack_require__.n(plugins_crossFade);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/cursor.js
var plugins_cursor = __webpack_require__(91964);
var plugins_cursor_default = /*#__PURE__*/__webpack_require__.n(plugins_cursor);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/filter.js
var plugins_filter = __webpack_require__(98437);
var plugins_filter_default = /*#__PURE__*/__webpack_require__.n(plugins_filter);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/flex.js
var plugins_flex = __webpack_require__(98453);
var plugins_flex_default = /*#__PURE__*/__webpack_require__.n(plugins_flex);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/flexboxIE.js
var plugins_flexboxIE = __webpack_require__(8880);
var plugins_flexboxIE_default = /*#__PURE__*/__webpack_require__.n(plugins_flexboxIE);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/flexboxOld.js
var plugins_flexboxOld = __webpack_require__(72607);
var plugins_flexboxOld_default = /*#__PURE__*/__webpack_require__.n(plugins_flexboxOld);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/gradient.js
var plugins_gradient = __webpack_require__(27230);
var plugins_gradient_default = /*#__PURE__*/__webpack_require__.n(plugins_gradient);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/imageSet.js
var plugins_imageSet = __webpack_require__(43201);
var plugins_imageSet_default = /*#__PURE__*/__webpack_require__.n(plugins_imageSet);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/position.js
var plugins_position = __webpack_require__(72746);
var plugins_position_default = /*#__PURE__*/__webpack_require__.n(plugins_position);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/sizing.js
var plugins_sizing = __webpack_require__(70334);
var plugins_sizing_default = /*#__PURE__*/__webpack_require__.n(plugins_sizing);
// EXTERNAL MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/node_modules/inline-style-prefixer/dynamic/plugins/transition.js
var plugins_transition = __webpack_require__(57986);
var plugins_transition_default = /*#__PURE__*/__webpack_require__.n(plugins_transition);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/prefix-data/dynamic.js
/* harmony default export */ const dynamic = ({
plugins: [(plugins_calc_default()), (plugins_crossFade_default()), (plugins_cursor_default()), (plugins_filter_default()), (plugins_flex_default()), (plugins_flexboxIE_default()), (plugins_flexboxOld_default()), (plugins_gradient_default()), (plugins_imageSet_default()), (plugins_position_default()), (plugins_sizing_default()), (plugins_transition_default())],
prefixMap: {
chrome: {
transform: 35,
transformOrigin: 35,
transformOriginX: 35,
transformOriginY: 35,
backfaceVisibility: 35,
perspective: 35,
perspectiveOrigin: 35,
transformStyle: 35,
transformOriginZ: 35,
animation: 42,
animationDelay: 42,
animationDirection: 42,
animationFillMode: 42,
animationDuration: 42,
animationIterationCount: 42,
animationName: 42,
animationPlayState: 42,
animationTimingFunction: 42,
appearance: 66,
userSelect: 53,
fontKerning: 32,
textEmphasisPosition: 66,
textEmphasis: 66,
textEmphasisStyle: 66,
textEmphasisColor: 66,
boxDecorationBreak: 66,
clipPath: 54,
maskImage: 66,
maskMode: 66,
maskRepeat: 66,
maskPosition: 66,
maskClip: 66,
maskOrigin: 66,
maskSize: 66,
maskComposite: 66,
mask: 66,
maskBorderSource: 66,
maskBorderMode: 66,
maskBorderSlice: 66,
maskBorderWidth: 66,
maskBorderOutset: 66,
maskBorderRepeat: 66,
maskBorder: 66,
maskType: 66,
textDecorationStyle: 56,
textDecorationSkip: 56,
textDecorationLine: 56,
textDecorationColor: 56,
filter: 52,
fontFeatureSettings: 47,
breakAfter: 49,
breakBefore: 49,
breakInside: 49,
columnCount: 49,
columnFill: 49,
columnGap: 49,
columnRule: 49,
columnRuleColor: 49,
columnRuleStyle: 49,
columnRuleWidth: 49,
columns: 49,
columnSpan: 49,
columnWidth: 49,
writingMode: 47
},
safari: {
flex: 8,
flexBasis: 8,
flexDirection: 8,
flexGrow: 8,
flexFlow: 8,
flexShrink: 8,
flexWrap: 8,
alignContent: 8,
alignItems: 8,
alignSelf: 8,
justifyContent: 8,
order: 8,
transition: 6,
transitionDelay: 6,
transitionDuration: 6,
transitionProperty: 6,
transitionTimingFunction: 6,
transform: 8,
transformOrigin: 8,
transformOriginX: 8,
transformOriginY: 8,
backfaceVisibility: 8,
perspective: 8,
perspectiveOrigin: 8,
transformStyle: 8,
transformOriginZ: 8,
animation: 8,
animationDelay: 8,
animationDirection: 8,
animationFillMode: 8,
animationDuration: 8,
animationIterationCount: 8,
animationName: 8,
animationPlayState: 8,
animationTimingFunction: 8,
appearance: 11,
userSelect: 11,
backdropFilter: 11,
fontKerning: 9,
scrollSnapType: 10.1,
scrollSnapPointsX: 10.1,
scrollSnapPointsY: 10.1,
scrollSnapDestination: 10.1,
scrollSnapCoordinate: 10.1,
textEmphasisPosition: 7,
textEmphasis: 7,
textEmphasisStyle: 7,
textEmphasisColor: 7,
boxDecorationBreak: 11,
clipPath: 11,
maskImage: 11,
maskMode: 11,
maskRepeat: 11,
maskPosition: 11,
maskClip: 11,
maskOrigin: 11,
maskSize: 11,
maskComposite: 11,
mask: 11,
maskBorderSource: 11,
maskBorderMode: 11,
maskBorderSlice: 11,
maskBorderWidth: 11,
maskBorderOutset: 11,
maskBorderRepeat: 11,
maskBorder: 11,
maskType: 11,
textDecorationStyle: 11,
textDecorationSkip: 11,
textDecorationLine: 11,
textDecorationColor: 11,
shapeImageThreshold: 10,
shapeImageMargin: 10,
shapeImageOutside: 10,
filter: 9,
hyphens: 11,
flowInto: 11,
flowFrom: 11,
breakBefore: 8,
breakAfter: 8,
breakInside: 8,
regionFragment: 11,
columnCount: 8,
columnFill: 8,
columnGap: 8,
columnRule: 8,
columnRuleColor: 8,
columnRuleStyle: 8,
columnRuleWidth: 8,
columns: 8,
columnSpan: 8,
columnWidth: 8,
writingMode: 10.1
},
firefox: {
appearance: 60,
userSelect: 60,
boxSizing: 28,
textAlignLast: 48,
textDecorationStyle: 35,
textDecorationSkip: 35,
textDecorationLine: 35,
textDecorationColor: 35,
tabSize: 60,
hyphens: 42,
fontFeatureSettings: 33,
breakAfter: 51,
breakBefore: 51,
breakInside: 51,
columnCount: 51,
columnFill: 51,
columnGap: 51,
columnRule: 51,
columnRuleColor: 51,
columnRuleStyle: 51,
columnRuleWidth: 51,
columns: 51,
columnSpan: 51,
columnWidth: 51
},
opera: {
flex: 16,
flexBasis: 16,
flexDirection: 16,
flexGrow: 16,
flexFlow: 16,
flexShrink: 16,
flexWrap: 16,
alignContent: 16,
alignItems: 16,
alignSelf: 16,
justifyContent: 16,
order: 16,
transform: 22,
transformOrigin: 22,
transformOriginX: 22,
transformOriginY: 22,
backfaceVisibility: 22,
perspective: 22,
perspectiveOrigin: 22,
transformStyle: 22,
transformOriginZ: 22,
animation: 29,
animationDelay: 29,
animationDirection: 29,
animationFillMode: 29,
animationDuration: 29,
animationIterationCount: 29,
animationName: 29,
animationPlayState: 29,
animationTimingFunction: 29,
appearance: 50,
userSelect: 40,
fontKerning: 19,
textEmphasisPosition: 50,
textEmphasis: 50,
textEmphasisStyle: 50,
textEmphasisColor: 50,
boxDecorationBreak: 50,
clipPath: 41,
maskImage: 50,
maskMode: 50,
maskRepeat: 50,
maskPosition: 50,
maskClip: 50,
maskOrigin: 50,
maskSize: 50,
maskComposite: 50,
mask: 50,
maskBorderSource: 50,
maskBorderMode: 50,
maskBorderSlice: 50,
maskBorderWidth: 50,
maskBorderOutset: 50,
maskBorderRepeat: 50,
maskBorder: 50,
maskType: 50,
textDecorationStyle: 43,
textDecorationSkip: 43,
textDecorationLine: 43,
textDecorationColor: 43,
filter: 39,
fontFeatureSettings: 34,
breakAfter: 36,
breakBefore: 36,
breakInside: 36,
columnCount: 36,
columnFill: 36,
columnGap: 36,
columnRule: 36,
columnRuleColor: 36,
columnRuleStyle: 36,
columnRuleWidth: 36,
columns: 36,
columnSpan: 36,
columnWidth: 36,
writingMode: 34
},
ie: {
flex: 10,
flexDirection: 10,
flexFlow: 10,
flexWrap: 10,
transform: 9,
transformOrigin: 9,
transformOriginX: 9,
transformOriginY: 9,
userSelect: 11,
wrapFlow: 11,
wrapThrough: 11,
wrapMargin: 11,
scrollSnapType: 11,
scrollSnapPointsX: 11,
scrollSnapPointsY: 11,
scrollSnapDestination: 11,
scrollSnapCoordinate: 11,
touchAction: 10,
hyphens: 11,
flowInto: 11,
flowFrom: 11,
breakBefore: 11,
breakAfter: 11,
breakInside: 11,
regionFragment: 11,
gridTemplateColumns: 11,
gridTemplateRows: 11,
gridTemplateAreas: 11,
gridTemplate: 11,
gridAutoColumns: 11,
gridAutoRows: 11,
gridAutoFlow: 11,
grid: 11,
gridRowStart: 11,
gridColumnStart: 11,
gridRowEnd: 11,
gridRow: 11,
gridColumn: 11,
gridColumnEnd: 11,
gridColumnGap: 11,
gridRowGap: 11,
gridArea: 11,
gridGap: 11,
textSizeAdjust: 11,
writingMode: 11
},
edge: {
userSelect: 17,
wrapFlow: 17,
wrapThrough: 17,
wrapMargin: 17,
scrollSnapType: 17,
scrollSnapPointsX: 17,
scrollSnapPointsY: 17,
scrollSnapDestination: 17,
scrollSnapCoordinate: 17,
hyphens: 17,
flowInto: 17,
flowFrom: 17,
breakBefore: 17,
breakAfter: 17,
breakInside: 17,
regionFragment: 17,
gridTemplateColumns: 15,
gridTemplateRows: 15,
gridTemplateAreas: 15,
gridTemplate: 15,
gridAutoColumns: 15,
gridAutoRows: 15,
gridAutoFlow: 15,
grid: 15,
gridRowStart: 15,
gridColumnStart: 15,
gridRowEnd: 15,
gridRow: 15,
gridColumn: 15,
gridColumnEnd: 15,
gridColumnGap: 15,
gridRowGap: 15,
gridArea: 15,
gridGap: 15
},
ios_saf: {
flex: 8.1,
flexBasis: 8.1,
flexDirection: 8.1,
flexGrow: 8.1,
flexFlow: 8.1,
flexShrink: 8.1,
flexWrap: 8.1,
alignContent: 8.1,
alignItems: 8.1,
alignSelf: 8.1,
justifyContent: 8.1,
order: 8.1,
transition: 6,
transitionDelay: 6,
transitionDuration: 6,
transitionProperty: 6,
transitionTimingFunction: 6,
transform: 8.1,
transformOrigin: 8.1,
transformOriginX: 8.1,
transformOriginY: 8.1,
backfaceVisibility: 8.1,
perspective: 8.1,
perspectiveOrigin: 8.1,
transformStyle: 8.1,
transformOriginZ: 8.1,
animation: 8.1,
animationDelay: 8.1,
animationDirection: 8.1,
animationFillMode: 8.1,
animationDuration: 8.1,
animationIterationCount: 8.1,
animationName: 8.1,
animationPlayState: 8.1,
animationTimingFunction: 8.1,
appearance: 11,
userSelect: 11,
backdropFilter: 11,
fontKerning: 11,
scrollSnapType: 10.3,
scrollSnapPointsX: 10.3,
scrollSnapPointsY: 10.3,
scrollSnapDestination: 10.3,
scrollSnapCoordinate: 10.3,
boxDecorationBreak: 11,
clipPath: 11,
maskImage: 11,
maskMode: 11,
maskRepeat: 11,
maskPosition: 11,
maskClip: 11,
maskOrigin: 11,
maskSize: 11,
maskComposite: 11,
mask: 11,
maskBorderSource: 11,
maskBorderMode: 11,
maskBorderSlice: 11,
maskBorderWidth: 11,
maskBorderOutset: 11,
maskBorderRepeat: 11,
maskBorder: 11,
maskType: 11,
textSizeAdjust: 11,
textDecorationStyle: 11,
textDecorationSkip: 11,
textDecorationLine: 11,
textDecorationColor: 11,
shapeImageThreshold: 10,
shapeImageMargin: 10,
shapeImageOutside: 10,
filter: 9,
hyphens: 11,
flowInto: 11,
flowFrom: 11,
breakBefore: 8.1,
breakAfter: 8.1,
breakInside: 8.1,
regionFragment: 11,
columnCount: 8.1,
columnFill: 8.1,
columnGap: 8.1,
columnRule: 8.1,
columnRuleColor: 8.1,
columnRuleStyle: 8.1,
columnRuleWidth: 8.1,
columns: 8.1,
columnSpan: 8.1,
columnWidth: 8.1,
writingMode: 10.3
},
android: {
borderImage: 4.2,
borderImageOutset: 4.2,
borderImageRepeat: 4.2,
borderImageSlice: 4.2,
borderImageSource: 4.2,
borderImageWidth: 4.2,
flex: 4.2,
flexBasis: 4.2,
flexDirection: 4.2,
flexGrow: 4.2,
flexFlow: 4.2,
flexShrink: 4.2,
flexWrap: 4.2,
alignContent: 4.2,
alignItems: 4.2,
alignSelf: 4.2,
justifyContent: 4.2,
order: 4.2,
transition: 4.2,
transitionDelay: 4.2,
transitionDuration: 4.2,
transitionProperty: 4.2,
transitionTimingFunction: 4.2,
transform: 4.4,
transformOrigin: 4.4,
transformOriginX: 4.4,
transformOriginY: 4.4,
backfaceVisibility: 4.4,
perspective: 4.4,
perspectiveOrigin: 4.4,
transformStyle: 4.4,
transformOriginZ: 4.4,
animation: 4.4,
animationDelay: 4.4,
animationDirection: 4.4,
animationFillMode: 4.4,
animationDuration: 4.4,
animationIterationCount: 4.4,
animationName: 4.4,
animationPlayState: 4.4,
animationTimingFunction: 4.4,
appearance: 62,
userSelect: 4.4,
fontKerning: 4.4,
textEmphasisPosition: 62,
textEmphasis: 62,
textEmphasisStyle: 62,
textEmphasisColor: 62,
boxDecorationBreak: 62,
clipPath: 4.4,
maskImage: 62,
maskMode: 62,
maskRepeat: 62,
maskPosition: 62,
maskClip: 62,
maskOrigin: 62,
maskSize: 62,
maskComposite: 62,
mask: 62,
maskBorderSource: 62,
maskBorderMode: 62,
maskBorderSlice: 62,
maskBorderWidth: 62,
maskBorderOutset: 62,
maskBorderRepeat: 62,
maskBorder: 62,
maskType: 62,
filter: 4.4,
fontFeatureSettings: 4.4,
breakAfter: 4.4,
breakBefore: 4.4,
breakInside: 4.4,
columnCount: 4.4,
columnFill: 4.4,
columnGap: 4.4,
columnRule: 4.4,
columnRuleColor: 4.4,
columnRuleStyle: 4.4,
columnRuleWidth: 4.4,
columns: 4.4,
columnSpan: 4.4,
columnWidth: 4.4,
writingMode: 4.4
},
and_chr: {
appearance: 62,
textEmphasisPosition: 62,
textEmphasis: 62,
textEmphasisStyle: 62,
textEmphasisColor: 62,
boxDecorationBreak: 62,
maskImage: 62,
maskMode: 62,
maskRepeat: 62,
maskPosition: 62,
maskClip: 62,
maskOrigin: 62,
maskSize: 62,
maskComposite: 62,
mask: 62,
maskBorderSource: 62,
maskBorderMode: 62,
maskBorderSlice: 62,
maskBorderWidth: 62,
maskBorderOutset: 62,
maskBorderRepeat: 62,
maskBorder: 62,
maskType: 62
},
and_uc: {
flex: 11.4,
flexBasis: 11.4,
flexDirection: 11.4,
flexGrow: 11.4,
flexFlow: 11.4,
flexShrink: 11.4,
flexWrap: 11.4,
alignContent: 11.4,
alignItems: 11.4,
alignSelf: 11.4,
justifyContent: 11.4,
order: 11.4,
transform: 11.4,
transformOrigin: 11.4,
transformOriginX: 11.4,
transformOriginY: 11.4,
backfaceVisibility: 11.4,
perspective: 11.4,
perspectiveOrigin: 11.4,
transformStyle: 11.4,
transformOriginZ: 11.4,
animation: 11.4,
animationDelay: 11.4,
animationDirection: 11.4,
animationFillMode: 11.4,
animationDuration: 11.4,
animationIterationCount: 11.4,
animationName: 11.4,
animationPlayState: 11.4,
animationTimingFunction: 11.4,
appearance: 11.4,
userSelect: 11.4,
textEmphasisPosition: 11.4,
textEmphasis: 11.4,
textEmphasisStyle: 11.4,
textEmphasisColor: 11.4,
clipPath: 11.4,
maskImage: 11.4,
maskMode: 11.4,
maskRepeat: 11.4,
maskPosition: 11.4,
maskClip: 11.4,
maskOrigin: 11.4,
maskSize: 11.4,
maskComposite: 11.4,
mask: 11.4,
maskBorderSource: 11.4,
maskBorderMode: 11.4,
maskBorderSlice: 11.4,
maskBorderWidth: 11.4,
maskBorderOutset: 11.4,
maskBorderRepeat: 11.4,
maskBorder: 11.4,
maskType: 11.4,
textSizeAdjust: 11.4,
filter: 11.4,
hyphens: 11.4,
fontFeatureSettings: 11.4,
breakAfter: 11.4,
breakBefore: 11.4,
breakInside: 11.4,
columnCount: 11.4,
columnFill: 11.4,
columnGap: 11.4,
columnRule: 11.4,
columnRuleColor: 11.4,
columnRuleStyle: 11.4,
columnRuleWidth: 11.4,
columns: 11.4,
columnSpan: 11.4,
columnWidth: 11.4,
writingMode: 11.4
},
op_mini: {}
}
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/prefixer.js
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
/**
* Based on https://github.com/jsstyles/css-vendor, but without having to
* convert between different cases all the time.
*
*
*/
var prefixAll = createPrefixer_default()(prefix_data_static);
var InlineStylePrefixer = dynamic_createPrefixer_default()(dynamic, prefixAll);
function transformValues(style) {
return Object.keys(style).reduce(function (newStyle, key) {
var value = style[key];
if (Array.isArray(value)) {
value = value.join(';' + key + ':');
} else if (value && _typeof(value) === 'object' && typeof value.toString === 'function') {
value = value.toString();
}
newStyle[key] = value;
return newStyle;
}, {});
} // Flatten prefixed values that are arrays to strings.
//
// We get prefixed styles back in the form of:
// - `display: "flex"` OR
// - `display: "-webkit-flex"` OR
// - `display: [/* ... */, "-webkit-flex", "flex"]
//
// The last form is problematic for eventual use in the browser and server
// render. More confusingly, we have to do **different** things on the
// browser and server (noted inline below).
//
// https://github.com/FormidableLabs/radium/issues/958
function flattenStyleValues(style) {
return Object.keys(style).reduce(function (newStyle, key) {
var val = style[key];
if (Array.isArray(val)) {
if ((exenv_default()).canUseDOM) {
// For the **browser**, when faced with multiple values, we just take
// the **last** one, which is the original passed in value before
// prefixing. This _should_ work, because `inline-style-prefixer`
// we're just passing through what would happen without ISP.
val = val[val.length - 1].toString();
} else {
// For the **server**, we just concatenate things together and convert
// the style object values into a hacked-up string of like `display:
// "-webkit-flex;display:flex"` that will SSR render correctly to like
// `"display:-webkit-flex;display:flex"` but would otherwise be
// totally invalid values.
// We convert keys to dash-case only for the serialize values and
// leave the real key camel-cased so it's as expected to React and
// other parts of the processing chain.
val = val.join(";".concat(camelCaseToDashCase(key), ":"));
}
}
newStyle[key] = val;
return newStyle;
}, {});
}
var _hasWarnedAboutUserAgent = false;
var _lastUserAgent;
var _cachedPrefixer;
function getPrefixer(userAgent) {
var actualUserAgent = userAgent || __webpack_require__.g && __webpack_require__.g.navigator && __webpack_require__.g.navigator.userAgent;
if (false) {}
if ( false || !_cachedPrefixer || actualUserAgent !== _lastUserAgent) {
if (actualUserAgent === 'all') {
_cachedPrefixer = {
prefix: prefixAll,
prefixedKeyframes: 'keyframes'
};
} else {
_cachedPrefixer = new InlineStylePrefixer({
userAgent: actualUserAgent
});
}
_lastUserAgent = actualUserAgent;
}
return _cachedPrefixer;
}
function getPrefixedKeyframes(userAgent) {
return getPrefixer(userAgent).prefixedKeyframes || 'keyframes';
} // Returns a new style object with vendor prefixes added to property names and
// values.
function getPrefixedStyle(style, userAgent) {
var styleWithFallbacks = transformValues(style);
var prefixer = getPrefixer(userAgent);
var prefixedStyle = prefixer.prefix(styleWithFallbacks);
var flattenedStyle = flattenStyleValues(prefixedStyle);
return flattenedStyle;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/css-rule-set-to-string.js
function createMarkupForStyles(style) {
return Object.keys(style).map(function (property) {
return property + ': ' + style[property] + ';';
}).join('\n');
}
function cssRuleSetToString(selector, rules, userAgent) {
if (!rules) {
return '';
}
var rulesWithPx = mapObject(rules, function (value, key) {
return appendPxIfNeeded(key, value);
});
var prefixedRules = getPrefixedStyle(rulesWithPx, userAgent);
var cssPrefixedRules = camel_case_props_to_dash_case(prefixedRules);
var serializedRules = createMarkupForStyles(cssPrefixedRules);
return selector + '{' + serializedRules + '}';
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/clean-state-key.js
/* flow */
var cleanStateKey = function cleanStateKey(key) {
return key === null || typeof key === 'undefined' ? 'main' : key.toString();
};
/* harmony default export */ const clean_state_key = (cleanStateKey);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/get-state.js
var getState = function getState(state, elementKey, value) {
var key = clean_state_key(elementKey);
return !!state && !!state._radiumStyleState && !!state._radiumStyleState[key] && state._radiumStyleState[key][value];
};
/* harmony default export */ const get_state = (getState);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/get-state-key.js
var getStateKey = function getStateKey(renderedElement) {
return typeof renderedElement.ref === 'string' ? renderedElement.ref : renderedElement.key;
};
/* harmony default export */ const get_state_key = (getStateKey);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/get-radium-style-state.js
var getRadiumStyleState = function getRadiumStyleState(component) {
return component._lastRadiumState || component.state && component.state._radiumStyleState || {};
};
/* harmony default export */ const get_radium_style_state = (getRadiumStyleState);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/hash.js
// a simple djb2 hash based on hash-string:
// https://github.com/MatthewBarker/hash-string/blob/master/source/hash-string.js
// returns a hex-encoded hash
function hash(text) {
if (!text) {
return '';
}
var hashValue = 5381;
var index = text.length - 1;
while (index) {
hashValue = hashValue * 33 ^ text.charCodeAt(index);
index -= 1;
}
return (hashValue >>> 0).toString(16);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/merge-styles.js
function merge_styles_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { merge_styles_typeof = function _typeof(obj) { return typeof obj; }; } else { merge_styles_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return merge_styles_typeof(obj); }
function isNestedStyle(value) {
// Don't merge objects overriding toString, since they should be converted
// to string values.
return value && value.constructor === Object && value.toString === Object.prototype.toString;
} // Merge style objects. Deep merge plain object values.
function mergeStyles(styles) {
var result = {};
styles.forEach(function (style) {
if (!style || merge_styles_typeof(style) !== 'object') {
return;
}
if (Array.isArray(style)) {
style = mergeStyles(style);
}
Object.keys(style).forEach(function (key) {
// Simple case, nothing nested
if (!isNestedStyle(style[key]) || !isNestedStyle(result[key])) {
result[key] = style[key];
return;
} // If nested media, don't merge the nested styles, append a space to the
// end (benign when converted to CSS). This way we don't end up merging
// media queries that appear later in the chain with those that appear
// earlier.
if (key.indexOf('@media') === 0) {
var newKey = key; // eslint-disable-next-line no-constant-condition
while (true) {
newKey += ' ';
if (!result[newKey]) {
result[newKey] = style[key];
return;
}
}
} // Merge all other nested styles recursively
result[key] = mergeStyles([result[key], style[key]]);
});
});
return result;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/check-props-plugin.js
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function check_props_plugin_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { check_props_plugin_typeof = function _typeof(obj) { return typeof obj; }; } else { check_props_plugin_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return check_props_plugin_typeof(obj); }
var _checkProps = function checkProps() {};
if (false) { var shorthandPropertyExpansions; }
/* harmony default export */ const check_props_plugin = (_checkProps);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/keyframes-plugin.js
function keyframesPlugin(_ref) {
var addCSS = _ref.addCSS,
config = _ref.config,
style = _ref.style;
var processKeyframeStyle = function processKeyframeStyle(value) {
var keyframesValue = value;
var _keyframesValue$__pro = keyframesValue.__process(config.userAgent),
animationName = _keyframesValue$__pro.animationName,
css = _keyframesValue$__pro.css;
addCSS(css);
return animationName;
};
var newStyle = Object.keys(style).reduce(function (newStyleInProgress, key) {
var value = style[key];
var isKeyframeArray = Array.isArray(value);
if (key === 'animationName' && value && (value.__radiumKeyframes || isKeyframeArray)) {
if (isKeyframeArray) {
value = value.map(processKeyframeStyle).join(', ');
} else {
value = processKeyframeStyle(value);
}
}
newStyleInProgress[key] = value;
return newStyleInProgress;
}, {});
return {
style: newStyle
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/merge-style-array-plugin.js
// Convenient syntax for multiple styles: `style={[style1, style2, etc]}`
// Ignores non-objects, so you can do `this.state.isCool && styles.cool`.
var mergeStyleArrayPlugin = function mergeStyleArrayPlugin(_ref) {
var style = _ref.style,
mergeStyles = _ref.mergeStyles;
// eslint-disable-line no-shadow
var newStyle = Array.isArray(style) ? mergeStyles(style) : style;
return {
style: newStyle
};
};
/* harmony default export */ const merge_style_array_plugin = (mergeStyleArrayPlugin);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/prefix-plugin.js
function prefixPlugin(_ref) {
var config = _ref.config,
style = _ref.style;
var newStyle = getPrefixedStyle(style, config.userAgent);
return {
style: newStyle
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/remove-nested-styles-plugin.js
function removeNestedStyles(_ref) {
var isNestedStyle = _ref.isNestedStyle,
style = _ref.style;
// eslint-disable-line no-shadow
var newStyle = Object.keys(style).reduce(function (newStyleInProgress, key) {
var value = style[key];
if (!isNestedStyle(value)) {
newStyleInProgress[key] = value;
}
return newStyleInProgress;
}, {});
return {
style: newStyle
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/mouse-up-listener.js
var _callbacks = [];
var _mouseUpListenerIsActive = false;
function _handleMouseUp() {
_callbacks.forEach(function (callback) {
callback();
});
}
var subscribe = function subscribe(callback) {
if (_callbacks.indexOf(callback) === -1) {
_callbacks.push(callback);
}
if (!_mouseUpListenerIsActive) {
window.addEventListener('mouseup', _handleMouseUp);
_mouseUpListenerIsActive = true;
}
return {
remove: function remove() {
var index = _callbacks.indexOf(callback);
_callbacks.splice(index, 1);
if (_callbacks.length === 0 && _mouseUpListenerIsActive) {
window.removeEventListener('mouseup', _handleMouseUp);
_mouseUpListenerIsActive = false;
}
}
};
};
/* harmony default export */ const mouse_up_listener = ({
subscribe: subscribe,
__triggerForTests: _handleMouseUp
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/resolve-interaction-styles-plugin.js
var _isInteractiveStyleField = function _isInteractiveStyleField(styleFieldName) {
return styleFieldName === ':hover' || styleFieldName === ':active' || styleFieldName === ':focus';
};
var resolveInteractionStyles = function resolveInteractionStyles(config) {
var ExecutionEnvironment = config.ExecutionEnvironment,
getComponentField = config.getComponentField,
getState = config.getState,
mergeStyles = config.mergeStyles,
props = config.props,
setState = config.setState,
style = config.style;
var newComponentFields = {};
var newProps = {}; // Only add handlers if necessary
if (style[':hover']) {
// Always call the existing handler if one is already defined.
// This code, and the very similar ones below, could be abstracted a bit
// more, but it hurts readability IMO.
var existingOnMouseEnter = props.onMouseEnter;
newProps.onMouseEnter = function (e) {
existingOnMouseEnter && existingOnMouseEnter(e);
setState(':hover', true);
};
var existingOnMouseLeave = props.onMouseLeave;
newProps.onMouseLeave = function (e) {
existingOnMouseLeave && existingOnMouseLeave(e);
setState(':hover', false);
};
}
if (style[':active']) {
var existingOnMouseDown = props.onMouseDown;
newProps.onMouseDown = function (e) {
existingOnMouseDown && existingOnMouseDown(e);
newComponentFields._lastMouseDown = Date.now();
setState(':active', 'viamousedown');
};
var existingOnKeyDown = props.onKeyDown;
newProps.onKeyDown = function (e) {
existingOnKeyDown && existingOnKeyDown(e);
if (e.key === ' ' || e.key === 'Enter') {
setState(':active', 'viakeydown');
}
};
var existingOnKeyUp = props.onKeyUp;
newProps.onKeyUp = function (e) {
existingOnKeyUp && existingOnKeyUp(e);
if (e.key === ' ' || e.key === 'Enter') {
setState(':active', false);
}
};
}
if (style[':focus']) {
var existingOnFocus = props.onFocus;
newProps.onFocus = function (e) {
existingOnFocus && existingOnFocus(e);
setState(':focus', true);
};
var existingOnBlur = props.onBlur;
newProps.onBlur = function (e) {
existingOnBlur && existingOnBlur(e);
setState(':focus', false);
};
}
if (style[':active'] && !getComponentField('_radiumMouseUpListener') && ExecutionEnvironment.canUseEventListeners) {
newComponentFields._radiumMouseUpListener = mouse_up_listener.subscribe(function () {
Object.keys(getComponentField('state')._radiumStyleState).forEach(function (key) {
if (getState(':active', key) === 'viamousedown') {
setState(':active', false, key);
}
});
});
} // Merge the styles in the order they were defined
var interactionStyles = props.disabled ? [style[':disabled']] : Object.keys(style).filter(function (name) {
return _isInteractiveStyleField(name) && getState(name);
}).map(function (name) {
return style[name];
});
var newStyle = mergeStyles([style].concat(interactionStyles)); // Remove interactive styles
newStyle = Object.keys(newStyle).reduce(function (styleWithoutInteractions, name) {
if (!_isInteractiveStyleField(name) && name !== ':disabled') {
styleWithoutInteractions[name] = newStyle[name];
}
return styleWithoutInteractions;
}, {});
return {
componentFields: newComponentFields,
props: newProps,
style: newStyle
};
};
/* harmony default export */ const resolve_interaction_styles_plugin = (resolveInteractionStyles);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/resolve-media-queries-plugin.js
function resolve_media_queries_plugin_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { resolve_media_queries_plugin_defineProperty(target, key, source[key]); }); } return target; }
function resolve_media_queries_plugin_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var _windowMatchMedia;
function _getWindowMatchMedia(ExecutionEnvironment) {
if (_windowMatchMedia === undefined) {
_windowMatchMedia = !!ExecutionEnvironment.canUseDOM && !!window && !!window.matchMedia && function (mediaQueryString) {
return window.matchMedia(mediaQueryString);
} || null;
}
return _windowMatchMedia;
}
function _filterObject(obj, predicate) {
return Object.keys(obj).filter(function (key) {
return predicate(obj[key], key);
}).reduce(function (result, key) {
result[key] = obj[key];
return result;
}, {});
}
function _removeMediaQueries(style) {
return Object.keys(style).reduce(function (styleWithoutMedia, key) {
if (key.indexOf('@media') !== 0) {
styleWithoutMedia[key] = style[key];
}
return styleWithoutMedia;
}, {});
}
function _topLevelRulesToCSS(_ref) {
var addCSS = _ref.addCSS,
appendImportantToEachValue = _ref.appendImportantToEachValue,
cssRuleSetToString = _ref.cssRuleSetToString,
hash = _ref.hash,
isNestedStyle = _ref.isNestedStyle,
style = _ref.style,
userAgent = _ref.userAgent;
var className = '';
Object.keys(style).filter(function (name) {
return name.indexOf('@media') === 0;
}).map(function (query) {
var topLevelRules = appendImportantToEachValue(_filterObject(style[query], function (value) {
return !isNestedStyle(value);
}));
if (!Object.keys(topLevelRules).length) {
return;
}
var ruleCSS = cssRuleSetToString('', topLevelRules, userAgent); // CSS classes cannot start with a number
var mediaQueryClassName = 'rmq-' + hash(query + ruleCSS);
var css = query + '{ .' + mediaQueryClassName + ruleCSS + '}';
addCSS(css);
className += (className ? ' ' : '') + mediaQueryClassName;
});
return className;
}
function _subscribeToMediaQuery(_ref2) {
var listener = _ref2.listener,
listenersByQuery = _ref2.listenersByQuery,
matchMedia = _ref2.matchMedia,
mediaQueryListsByQuery = _ref2.mediaQueryListsByQuery,
query = _ref2.query;
query = query.replace('@media ', '');
var mql = mediaQueryListsByQuery[query];
if (!mql && matchMedia) {
mediaQueryListsByQuery[query] = mql = matchMedia(query);
}
if (!listenersByQuery || !listenersByQuery[query]) {
mql.addListener(listener);
listenersByQuery[query] = {
remove: function remove() {
mql.removeListener(listener);
}
};
}
return mql;
}
function resolveMediaQueries(_ref3) {
var ExecutionEnvironment = _ref3.ExecutionEnvironment,
addCSS = _ref3.addCSS,
appendImportantToEachValue = _ref3.appendImportantToEachValue,
config = _ref3.config,
cssRuleSetToString = _ref3.cssRuleSetToString,
getComponentField = _ref3.getComponentField,
getGlobalState = _ref3.getGlobalState,
hash = _ref3.hash,
isNestedStyle = _ref3.isNestedStyle,
mergeStyles = _ref3.mergeStyles,
props = _ref3.props,
setState = _ref3.setState,
style = _ref3.style;
// eslint-disable-line no-shadow
var newStyle = _removeMediaQueries(style);
var mediaQueryClassNames = _topLevelRulesToCSS({
addCSS: addCSS,
appendImportantToEachValue: appendImportantToEachValue,
cssRuleSetToString: cssRuleSetToString,
hash: hash,
isNestedStyle: isNestedStyle,
style: style,
userAgent: config.userAgent
});
var newProps = mediaQueryClassNames ? {
className: mediaQueryClassNames + (props.className ? ' ' + props.className : '')
} : null;
var matchMedia = config.matchMedia || _getWindowMatchMedia(ExecutionEnvironment);
if (!matchMedia) {
return {
props: newProps,
style: newStyle
};
}
var listenersByQuery = resolve_media_queries_plugin_objectSpread({}, getComponentField('_radiumMediaQueryListenersByQuery'));
var mediaQueryListsByQuery = getGlobalState('mediaQueryListsByQuery') || {};
Object.keys(style).filter(function (name) {
return name.indexOf('@media') === 0;
}).map(function (query) {
var nestedRules = _filterObject(style[query], isNestedStyle);
if (!Object.keys(nestedRules).length) {
return;
}
var mql = _subscribeToMediaQuery({
listener: function listener() {
return setState(query, mql.matches, '_all');
},
listenersByQuery: listenersByQuery,
matchMedia: matchMedia,
mediaQueryListsByQuery: mediaQueryListsByQuery,
query: query
}); // Apply media query states
if (mql.matches) {
newStyle = mergeStyles([newStyle, nestedRules]);
}
});
return {
componentFields: {
_radiumMediaQueryListenersByQuery: listenersByQuery
},
globalState: {
mediaQueryListsByQuery: mediaQueryListsByQuery
},
props: newProps,
style: newStyle
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/visited-plugin.js
function visited(_ref) {
var addCSS = _ref.addCSS,
appendImportantToEachValue = _ref.appendImportantToEachValue,
config = _ref.config,
cssRuleSetToString = _ref.cssRuleSetToString,
hash = _ref.hash,
props = _ref.props,
style = _ref.style;
// eslint-disable-line no-shadow
var className = props.className;
var newStyle = Object.keys(style).reduce(function (newStyleInProgress, key) {
var value = style[key];
if (key === ':visited') {
value = appendImportantToEachValue(value);
var ruleCSS = cssRuleSetToString('', value, config.userAgent);
var visitedClassName = 'rad-' + hash(ruleCSS);
var css = '.' + visitedClassName + ':visited' + ruleCSS;
addCSS(css);
className = (className ? className + ' ' : '') + visitedClassName;
} else {
newStyleInProgress[key] = value;
}
return newStyleInProgress;
}, {});
return {
props: className === props.className ? null : {
className: className
},
style: newStyle
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/plugins/index.js
/* eslint-disable block-scoped-const */
/* harmony default export */ const plugins = ({
checkProps: check_props_plugin,
keyframes: keyframesPlugin,
mergeStyleArray: merge_style_array_plugin,
prefix: prefixPlugin,
removeNestedStyles: removeNestedStyles,
resolveInteractionStyles: resolve_interaction_styles_plugin,
resolveMediaQueries: resolveMediaQueries,
visited: visited
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/resolve-styles.js
function resolve_styles_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { resolve_styles_defineProperty(target, key, source[key]); }); } return target; }
function resolve_styles_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function resolve_styles_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { resolve_styles_typeof = function _typeof(obj) { return typeof obj; }; } else { resolve_styles_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return resolve_styles_typeof(obj); }
var DEFAULT_CONFIG = {
plugins: [plugins.mergeStyleArray, plugins.checkProps, plugins.resolveMediaQueries, plugins.resolveInteractionStyles, plugins.keyframes, plugins.visited, plugins.removeNestedStyles, plugins.prefix, plugins.checkProps]
}; // Gross
var globalState = {}; // Only for use by tests
var __isTestModeEnabled = false;
// Declare early for recursive helpers.
var _resolveStyles5 = null;
var _shouldResolveStyles = function _shouldResolveStyles(component) {
return component.type && !component.type._isRadiumEnhanced;
};
var _resolveChildren = function _resolveChildren(_ref) {
var children = _ref.children,
component = _ref.component,
config = _ref.config,
existingKeyMap = _ref.existingKeyMap,
extraStateKeyMap = _ref.extraStateKeyMap;
if (!children) {
return children;
}
var childrenType = resolve_styles_typeof(children);
if (childrenType === 'string' || childrenType === 'number') {
// Don't do anything with a single primitive child
return children;
}
if (childrenType === 'function') {
// Wrap the function, resolving styles on the result
return function () {
var result = children.apply(this, arguments);
if (react.isValidElement(result)) {
var _key = get_state_key(result);
delete extraStateKeyMap[_key];
var _resolveStyles = _resolveStyles5(component, result, config, existingKeyMap, true, extraStateKeyMap),
element = _resolveStyles.element;
return element;
}
return result;
};
}
if (react.Children.count(children) === 1 && children.type) {
// If a React Element is an only child, don't wrap it in an array for
// React.Children.map() for React.Children.only() compatibility.
var onlyChild = react.Children.only(children);
var _key2 = get_state_key(onlyChild);
delete extraStateKeyMap[_key2];
var _resolveStyles2 = _resolveStyles5(component, onlyChild, config, existingKeyMap, true, extraStateKeyMap),
element = _resolveStyles2.element;
return element;
}
return react.Children.map(children, function (child) {
if (react.isValidElement(child)) {
var _key3 = get_state_key(child);
delete extraStateKeyMap[_key3];
var _resolveStyles3 = _resolveStyles5(component, child, config, existingKeyMap, true, extraStateKeyMap),
_element = _resolveStyles3.element;
return _element;
}
return child;
});
}; // Recurse over props, just like children
var _resolveProps = function _resolveProps(_ref2) {
var component = _ref2.component,
config = _ref2.config,
existingKeyMap = _ref2.existingKeyMap,
props = _ref2.props,
extraStateKeyMap = _ref2.extraStateKeyMap;
var newProps = props;
Object.keys(props).forEach(function (prop) {
// We already recurse over children above
if (prop === 'children') {
return;
}
var propValue = props[prop];
if (react.isValidElement(propValue)) {
var _key4 = get_state_key(propValue);
delete extraStateKeyMap[_key4];
newProps = resolve_styles_objectSpread({}, newProps);
var _resolveStyles4 = _resolveStyles5(component, propValue, config, existingKeyMap, true, extraStateKeyMap),
element = _resolveStyles4.element;
newProps[prop] = element;
}
});
return newProps;
};
var _buildGetKey = function _buildGetKey(_ref3) {
var componentName = _ref3.componentName,
existingKeyMap = _ref3.existingKeyMap,
renderedElement = _ref3.renderedElement;
// We need a unique key to correlate state changes due to user interaction
// with the rendered element, so we know to apply the proper interactive
// styles.
var originalKey = get_state_key(renderedElement);
var key = clean_state_key(originalKey);
var alreadyGotKey = false;
var getKey = function getKey() {
if (alreadyGotKey) {
return key;
}
alreadyGotKey = true;
if (existingKeyMap[key]) {
var elementName;
if (typeof renderedElement.type === 'string') {
elementName = renderedElement.type;
} else if (renderedElement.type.constructor) {
elementName = renderedElement.type.constructor.displayName || renderedElement.type.constructor.name;
}
throw new Error('Radium requires each element with interactive styles to have a unique ' + 'key, set using either the ref or key prop. ' + (originalKey ? 'Key "' + originalKey + '" is a duplicate.' : 'Multiple elements have no key specified.') + ' ' + 'Component: "' + componentName + '". ' + (elementName ? 'Element: "' + elementName + '".' : ''));
}
existingKeyMap[key] = true;
return key;
};
return getKey;
};
var _setStyleState = function _setStyleState(component, key, stateKey, value) {
if (!component._radiumIsMounted) {
return;
}
var existing = get_radium_style_state(component);
var state = {
_radiumStyleState: resolve_styles_objectSpread({}, existing)
};
state._radiumStyleState[key] = resolve_styles_objectSpread({}, state._radiumStyleState[key]);
state._radiumStyleState[key][stateKey] = value;
component._lastRadiumState = state._radiumStyleState;
component.setState(state);
};
var _runPlugins = function _runPlugins(_ref4) {
var component = _ref4.component,
config = _ref4.config,
existingKeyMap = _ref4.existingKeyMap,
props = _ref4.props,
renderedElement = _ref4.renderedElement;
// Don't run plugins if renderedElement is not a simple ReactDOMElement or has
// no style.
if (!react.isValidElement(renderedElement) || typeof renderedElement.type !== 'string' || !props.style) {
return props;
}
var newProps = props;
var plugins = config.plugins || DEFAULT_CONFIG.plugins;
var componentName = component.constructor.displayName || component.constructor.name;
var getKey = _buildGetKey({
renderedElement: renderedElement,
existingKeyMap: existingKeyMap,
componentName: componentName
});
var getComponentField = function getComponentField(key) {
return component[key];
};
var getGlobalState = function getGlobalState(key) {
return globalState[key];
};
var componentGetState = function componentGetState(stateKey, elementKey) {
return get_state(component.state, elementKey || getKey(), stateKey);
};
var setState = function setState(stateKey, value, elementKey) {
return _setStyleState(component, elementKey || getKey(), stateKey, value);
};
var addCSS = function addCSS(css) {
var styleKeeper = component._radiumStyleKeeper;
if (!styleKeeper) {
if (__isTestModeEnabled) {
return {
remove: function remove() {}
};
}
throw new Error('To use plugins requiring `addCSS` (e.g. keyframes, media queries), ' + 'please wrap your application in the StyleRoot component. Component ' + 'name: `' + componentName + '`.');
}
return styleKeeper.addCSS(css);
};
var newStyle = props.style;
plugins.forEach(function (plugin) {
var result = plugin({
ExecutionEnvironment: (exenv_default()),
addCSS: addCSS,
appendImportantToEachValue: appendImportantToEachValue,
componentName: componentName,
config: config,
cssRuleSetToString: cssRuleSetToString,
getComponentField: getComponentField,
getGlobalState: getGlobalState,
getState: componentGetState,
hash: hash,
mergeStyles: mergeStyles,
props: newProps,
setState: setState,
isNestedStyle: isNestedStyle,
style: newStyle
}) || {};
newStyle = result.style || newStyle;
newProps = result.props && Object.keys(result.props).length ? resolve_styles_objectSpread({}, newProps, result.props) : newProps;
var newComponentFields = result.componentFields || {};
Object.keys(newComponentFields).forEach(function (fieldName) {
component[fieldName] = newComponentFields[fieldName];
});
var newGlobalState = result.globalState || {};
Object.keys(newGlobalState).forEach(function (key) {
globalState[key] = newGlobalState[key];
});
});
if (newStyle !== props.style) {
newProps = resolve_styles_objectSpread({}, newProps, {
style: newStyle
});
}
return newProps;
}; // Wrapper around React.cloneElement. To avoid processing the same element
// twice, whenever we clone an element add a special prop to make sure we don't
// process this element again.
var _cloneElement = function _cloneElement(renderedElement, newProps, newChildren) {
// Only add flag if this is a normal DOM element
if (typeof renderedElement.type === 'string') {
newProps = resolve_styles_objectSpread({}, newProps, {
'data-radium': true
});
}
return react.cloneElement(renderedElement, newProps, newChildren);
}; //
// The nucleus of Radium. resolveStyles is called on the rendered elements
// before they are returned in render. It iterates over the elements and
// children, rewriting props to add event handlers required to capture user
// interactions (e.g. mouse over). It also replaces the style prop because it
// adds in the various interaction styles (e.g. :hover).
//
/* eslint-disable max-params */
_resolveStyles5 = function resolveStyles(component, renderedElement) {
var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_CONFIG;
var existingKeyMap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
var shouldCheckBeforeResolve = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var extraStateKeyMap = arguments.length > 5 ? arguments[5] : undefined;
// The extraStateKeyMap is for determining which keys should be erased from
// the state (i.e. which child components are unmounted and should no longer
// have a style state).
if (!extraStateKeyMap) {
var state = get_radium_style_state(component);
extraStateKeyMap = Object.keys(state).reduce(function (acc, key) {
// 'main' is the auto-generated key when there is only one element with
// interactive styles and if a custom key is not assigned. Because of
// this, it is impossible to know which child is 'main', so we won't
// count this key when generating our extraStateKeyMap.
if (key !== 'main') {
acc[key] = true;
}
return acc;
}, {});
}
if (Array.isArray(renderedElement) && !renderedElement.props) {
var elements = renderedElement.map(function (element) {
// element is in-use, so remove from the extraStateKeyMap
if (extraStateKeyMap) {
var _key5 = get_state_key(element);
delete extraStateKeyMap[_key5];
} // this element is an array of elements,
// so return an array of elements with resolved styles
return _resolveStyles5(component, element, config, existingKeyMap, shouldCheckBeforeResolve, extraStateKeyMap).element;
});
return {
extraStateKeyMap: extraStateKeyMap,
element: elements
};
} // ReactElement
if (!renderedElement || // Bail if we've already processed this element. This ensures that only the
// owner of an element processes that element, since the owner's render
// function will be called first (which will always be the case, since you
// can't know what else to render until you render the parent component).
renderedElement.props && renderedElement.props['data-radium'] || // Bail if this element is a radium enhanced element, because if it is,
// then it will take care of resolving its own styles.
shouldCheckBeforeResolve && !_shouldResolveStyles(renderedElement)) {
return {
extraStateKeyMap: extraStateKeyMap,
element: renderedElement
};
}
var children = renderedElement.props.children;
var newChildren = _resolveChildren({
children: children,
component: component,
config: config,
existingKeyMap: existingKeyMap,
extraStateKeyMap: extraStateKeyMap
});
var newProps = _resolveProps({
component: component,
config: config,
existingKeyMap: existingKeyMap,
extraStateKeyMap: extraStateKeyMap,
props: renderedElement.props
});
newProps = _runPlugins({
component: component,
config: config,
existingKeyMap: existingKeyMap,
props: newProps,
renderedElement: renderedElement
}); // If nothing changed, don't bother cloning the element. Might be a bit
// wasteful, as we add the sentinel to stop double-processing when we clone.
// Assume benign double-processing is better than unneeded cloning.
if (newChildren === children && newProps === renderedElement.props) {
return {
extraStateKeyMap: extraStateKeyMap,
element: renderedElement
};
}
var element = _cloneElement(renderedElement, newProps !== renderedElement.props ? newProps : {}, newChildren);
return {
extraStateKeyMap: extraStateKeyMap,
element: element
};
};
/* eslint-enable max-params */
// Only for use by tests
if (false) {}
/* harmony default export */ const resolve_styles = (_resolveStyles5);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/context.js
function _extends() { _extends = Object.assign || 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); }
var StyleKeeperContext = react.createContext(undefined);
var RadiumConfigContext = react.createContext(undefined);
function withRadiumContexts(WrappedComponent) {
var WithRadiumContexts = react.forwardRef(function (props, ref) {
var radiumConfigContext = (0,react.useContext)(RadiumConfigContext);
var styleKeeperContext = (0,react.useContext)(StyleKeeperContext);
return react.createElement(WrappedComponent, _extends({
ref: ref
}, props, {
radiumConfigContext: radiumConfigContext,
styleKeeperContext: styleKeeperContext
}));
});
WithRadiumContexts.displayName = "withRadiumContexts(".concat(WrappedComponent.displayName || WrappedComponent.name || 'Component', ")");
return hoist_non_react_statics_cjs_default()(WithRadiumContexts, WrappedComponent);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/enhancer.js
function enhancer_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { enhancer_typeof = function _typeof(obj) { return typeof obj; }; } else { enhancer_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return enhancer_typeof(obj); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (enhancer_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function enhancer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { enhancer_defineProperty(target, key, source[key]); }); } return target; }
function enhancer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return enhancer_typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (enhancer_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (enhancer_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
var KEYS_TO_IGNORE_WHEN_COPYING_PROPERTIES = ['arguments', 'callee', 'caller', 'length', 'name', 'prototype', 'type'];
var RADIUM_PROTO;
var RADIUM_METHODS;
function copyProperties(source, target) {
Object.getOwnPropertyNames(source).forEach(function (key) {
if (KEYS_TO_IGNORE_WHEN_COPYING_PROPERTIES.indexOf(key) < 0 && !target.hasOwnProperty(key)) {
var descriptor = Object.getOwnPropertyDescriptor(source, key);
descriptor && Object.defineProperty(target, key, descriptor);
}
});
} // Handle scenarios of:
// - Inherit from `React.Component` in any fashion
// See: https://github.com/FormidableLabs/radium/issues/738
// - There's an explicit `render` field defined
function isStateless(component) {
var proto = component.prototype || {};
return !component.isReactComponent && !proto.isReactComponent && !component.render && !proto.render;
} // Check if value is a real ES class in Native / Node code.
// See: https://stackoverflow.com/a/30760236
function isNativeClass(component) {
return typeof component === 'function' && /^\s*class\s+/.test(component.toString());
} // Handle es7 arrow functions on React class method names by detecting
// and transfering the instance method to original class prototype.
// (Using a copy of the class).
// See: https://github.com/FormidableLabs/radium/issues/738
function copyArrowFuncs(enhancedSelf, ComposedComponent) {
RADIUM_METHODS.forEach(function (name) {
var thisDesc = Object.getOwnPropertyDescriptor(enhancedSelf, name);
var thisMethod = (thisDesc || {}).value; // Only care if have instance method.
if (!thisMethod) {
return;
}
var radiumDesc = Object.getOwnPropertyDescriptor(RADIUM_PROTO, name);
var radiumProtoMethod = (radiumDesc || {}).value;
var superProtoMethod = ComposedComponent.prototype[name]; // Allow transfer when:
// 1. have an instance method
// 2. the super class prototype doesn't have any method
// 3. it is not already the radium prototype's
if (!superProtoMethod && thisMethod !== radiumProtoMethod) {
// Transfer dynamic render component to Component prototype (copy).
thisDesc && Object.defineProperty(ComposedComponent.prototype, name, thisDesc); // Remove instance property, leaving us to have a contrived
// inheritance chain of (1) radium, (2) superclass.
delete enhancedSelf[name];
}
});
}
function trimRadiumState(enhancer) {
if (enhancer._extraRadiumStateKeys && enhancer._extraRadiumStateKeys.length > 0) {
var trimmedRadiumState = enhancer._extraRadiumStateKeys.reduce(function (state, key) {
// eslint-disable-next-line no-unused-vars
var extraStateKey = state[key],
remainingState = _objectWithoutProperties(state, [key].map(_toPropertyKey));
return remainingState;
}, get_radium_style_state(enhancer));
enhancer._lastRadiumState = trimmedRadiumState;
enhancer.setState({
_radiumStyleState: trimmedRadiumState
});
}
}
function cleanUpEnhancer(enhancer) {
var _radiumMouseUpListener = enhancer._radiumMouseUpListener,
_radiumMediaQueryListenersByQuery = enhancer._radiumMediaQueryListenersByQuery;
enhancer._radiumIsMounted = false;
if (_radiumMouseUpListener) {
_radiumMouseUpListener.remove();
}
if (_radiumMediaQueryListenersByQuery) {
Object.keys(_radiumMediaQueryListenersByQuery).forEach(function (query) {
_radiumMediaQueryListenersByQuery[query].remove();
}, enhancer);
}
}
function resolveConfig(propConfig, contextConfig, hocConfig) {
var config = propConfig || contextConfig || hocConfig;
if (hocConfig && config !== hocConfig) {
config = enhancer_objectSpread({}, hocConfig, config);
}
return config;
}
function renderRadiumComponent(enhancer, renderedElement, resolvedConfig, propConfig) {
var _resolveStyles = resolve_styles(enhancer, renderedElement, resolvedConfig),
extraStateKeyMap = _resolveStyles.extraStateKeyMap,
element = _resolveStyles.element;
enhancer._extraRadiumStateKeys = Object.keys(extraStateKeyMap);
if (propConfig) {
return react.createElement(RadiumConfigContext.Provider, {
value: propConfig
}, element);
}
return element;
}
function createEnhancedFunctionComponent(origComponent, config) {
var RadiumEnhancer = react.forwardRef(function (props, ref) {
var radiumConfig = props.radiumConfig,
otherProps = _objectWithoutProperties(props, ["radiumConfig"]);
var radiumConfigContext = (0,react.useContext)(RadiumConfigContext);
var styleKeeperContext = (0,react.useContext)(StyleKeeperContext);
var _useState = (0,react.useState)({
_radiumStyleState: {}
}),
_useState2 = _slicedToArray(_useState, 2),
state = _useState2[0],
setState = _useState2[1];
var enhancerApi = (0,react.useRef)({
state: state,
setState: setState,
_radiumMediaQueryListenersByQuery: undefined,
_radiumMouseUpListener: undefined,
_radiumIsMounted: true,
_lastRadiumState: undefined,
_extraRadiumStateKeys: undefined,
_radiumStyleKeeper: styleKeeperContext
}).current; // result of useRef is never recreated and is designed to be mutable
// we need to make sure the latest state is attached to it
enhancerApi.state = state;
(0,react.useEffect)(function () {
return function () {
cleanUpEnhancer(enhancerApi);
};
}, [enhancerApi]);
var hasExtraStateKeys = enhancerApi._extraRadiumStateKeys && enhancerApi._extraRadiumStateKeys.length > 0;
(0,react.useEffect)(function () {
trimRadiumState(enhancerApi);
}, [hasExtraStateKeys, enhancerApi]);
var renderedElement = origComponent(otherProps, ref);
var currentConfig = resolveConfig(radiumConfig, radiumConfigContext, config);
return renderRadiumComponent(enhancerApi, renderedElement, currentConfig, radiumConfig);
});
RadiumEnhancer._isRadiumEnhanced = true;
RadiumEnhancer.defaultProps = origComponent.defaultProps;
return hoist_non_react_statics_cjs_default()(RadiumEnhancer, origComponent);
}
function createEnhancedClassComponent(origComponent, ComposedComponent, config) {
var RadiumEnhancer =
/*#__PURE__*/
function (_ComposedComponent) {
_inherits(RadiumEnhancer, _ComposedComponent);
// need to attempt to assign to this.state in case
// super component is setting state on construction,
// otherwise class properties reinitialize to undefined
// need to assign the following methods to this.xxx as
// tests attempt to set this on the original component
function RadiumEnhancer() {
var _this;
_classCallCheck(this, RadiumEnhancer);
_this = _possibleConstructorReturn(this, _getPrototypeOf(RadiumEnhancer).apply(this, arguments));
_this.state = _this.state || {};
_this._radiumStyleKeeper = _this.props.styleKeeperContext;
_this._radiumMediaQueryListenersByQuery = _this._radiumMediaQueryListenersByQuery;
_this._radiumMouseUpListener = _this._radiumMouseUpListener;
_this._radiumIsMounted = true;
_this._lastRadiumState = void 0;
_this._extraRadiumStateKeys = void 0;
_this.state._radiumStyleState = {};
var self = _assertThisInitialized(_this); // Handle es7 arrow functions on React class method
copyArrowFuncs(self, ComposedComponent);
return _this;
}
_createClass(RadiumEnhancer, [{
key: "componentDidUpdate",
value: function componentDidUpdate(prevProps, prevState, snapshot) {
if (_get(_getPrototypeOf(RadiumEnhancer.prototype), "componentDidUpdate", this)) {
_get(_getPrototypeOf(RadiumEnhancer.prototype), "componentDidUpdate", this).call(this, prevProps, prevState, snapshot);
}
trimRadiumState(this);
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
if (_get(_getPrototypeOf(RadiumEnhancer.prototype), "componentWillUnmount", this)) {
_get(_getPrototypeOf(RadiumEnhancer.prototype), "componentWillUnmount", this).call(this);
}
cleanUpEnhancer(this);
}
}, {
key: "render",
value: function render() {
var renderedElement = _get(_getPrototypeOf(RadiumEnhancer.prototype), "render", this).call(this);
var currentConfig = resolveConfig(this.props.radiumConfig, this.props.radiumConfigContext, config);
return renderRadiumComponent(this, renderedElement, currentConfig, this.props.radiumConfig);
}
}]);
return RadiumEnhancer;
}(ComposedComponent); // Lazy infer the method names of the Enhancer.
RadiumEnhancer._isRadiumEnhanced = true;
RADIUM_PROTO = RadiumEnhancer.prototype;
RADIUM_METHODS = Object.getOwnPropertyNames(RADIUM_PROTO).filter(function (n) {
return n !== 'constructor' && typeof RADIUM_PROTO[n] === 'function';
}); // Class inheritance uses Object.create and because of __proto__ issues
// with IE <10 any static properties of the superclass aren't inherited and
// so need to be manually populated.
// See http://babeljs.io/docs/advanced/caveats/#classes-10-and-below-
copyProperties(origComponent, RadiumEnhancer);
if (false) {} // add Radium propTypes to enhanced component's propTypes
if (RadiumEnhancer.propTypes && RadiumEnhancer.propTypes.style) {
RadiumEnhancer.propTypes = enhancer_objectSpread({}, RadiumEnhancer.propTypes, {
style: prop_types_default().oneOfType([(prop_types_default()).array, (prop_types_default()).object])
});
} // copy display name to enhanced component
RadiumEnhancer.displayName = origComponent.displayName || origComponent.name || 'Component';
return withRadiumContexts(RadiumEnhancer);
}
function createComposedFromNativeClass(ComposedComponent) {
ComposedComponent = function (OrigComponent) {
function NewComponent() {
// Use Reflect.construct to simulate 'new'
var obj = Reflect.construct(OrigComponent, arguments, this.constructor);
return obj;
} // $FlowFixMe
Reflect.setPrototypeOf(NewComponent.prototype, OrigComponent.prototype); // $FlowFixMe
Reflect.setPrototypeOf(NewComponent, OrigComponent);
return NewComponent;
}(ComposedComponent);
return ComposedComponent;
}
var ReactForwardRefSymbol = (0,react.forwardRef)(function () {
return null;
}).$$typeof;
function enhanceWithRadium(configOrComposedComponent) {
var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
if (ReactForwardRefSymbol && configOrComposedComponent.$$typeof === ReactForwardRefSymbol) {
return createEnhancedFunctionComponent(configOrComposedComponent.render, config);
}
if (typeof configOrComposedComponent !== 'function') {
return createFactoryFromConfig(config, configOrComposedComponent);
}
var origComponent = configOrComposedComponent; // Handle stateless components
if (isStateless(origComponent)) {
return createEnhancedFunctionComponent(origComponent, config);
}
var _ComposedComponent2 = origComponent; // Radium is transpiled in npm, so it isn't really using es6 classes at
// runtime. However, the user of Radium might be. In this case we have
// to maintain forward compatibility with native es classes.
if (isNativeClass(_ComposedComponent2)) {
_ComposedComponent2 = createComposedFromNativeClass(_ComposedComponent2);
} // Shallow copy composed if still original (we may mutate later).
if (_ComposedComponent2 === origComponent) {
_ComposedComponent2 =
/*#__PURE__*/
function (_ComposedComponent3) {
_inherits(ComposedComponent, _ComposedComponent3);
function ComposedComponent() {
_classCallCheck(this, ComposedComponent);
return _possibleConstructorReturn(this, _getPrototypeOf(ComposedComponent).apply(this, arguments));
}
return ComposedComponent;
}(_ComposedComponent2);
}
return createEnhancedClassComponent(origComponent, _ComposedComponent2, config);
}
function createFactoryFromConfig(config, configOrComposedComponent) {
var newConfig = enhancer_objectSpread({}, config, configOrComposedComponent);
return function (configOrComponent) {
return enhanceWithRadium(configOrComponent, newConfig);
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/components/style.js
function style_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { style_typeof = function _typeof(obj) { return typeof obj; }; } else { style_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return style_typeof(obj); }
function style_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function style_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function style_createClass(Constructor, protoProps, staticProps) { if (protoProps) style_defineProperties(Constructor.prototype, protoProps); if (staticProps) style_defineProperties(Constructor, staticProps); return Constructor; }
function style_possibleConstructorReturn(self, call) { if (call && (style_typeof(call) === "object" || typeof call === "function")) { return call; } return style_assertThisInitialized(self); }
function style_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function style_getPrototypeOf(o) { style_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return style_getPrototypeOf(o); }
function style_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) style_setPrototypeOf(subClass, superClass); }
function style_setPrototypeOf(o, p) { style_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return style_setPrototypeOf(o, p); }
var Style =
/*#__PURE__*/
function (_PureComponent) {
style_inherits(Style, _PureComponent);
function Style() {
style_classCallCheck(this, Style);
return style_possibleConstructorReturn(this, style_getPrototypeOf(Style).apply(this, arguments));
}
style_createClass(Style, [{
key: "_buildStyles",
value: function _buildStyles(styles) {
var _this = this;
var userAgent = this.props.radiumConfig && this.props.radiumConfig.userAgent || this.props.radiumConfigContext && this.props.radiumConfigContext.userAgent;
var scopeSelector = this.props.scopeSelector;
var rootRules = Object.keys(styles).reduce(function (accumulator, selector) {
if (style_typeof(styles[selector]) !== 'object') {
accumulator[selector] = styles[selector];
}
return accumulator;
}, {});
var rootStyles = Object.keys(rootRules).length ? cssRuleSetToString(scopeSelector || '', rootRules, userAgent) : '';
return rootStyles + Object.keys(styles).reduce(function (accumulator, selector) {
var rules = styles[selector];
if (selector === 'mediaQueries') {
accumulator += _this._buildMediaQueryString(rules);
} else if (style_typeof(styles[selector]) === 'object') {
var completeSelector = scopeSelector ? selector.split(',').map(function (part) {
return scopeSelector + ' ' + part.trim();
}).join(',') : selector;
accumulator += cssRuleSetToString(completeSelector, rules, userAgent);
}
return accumulator;
}, '');
}
}, {
key: "_buildMediaQueryString",
value: function _buildMediaQueryString(stylesByMediaQuery) {
var _this2 = this;
var mediaQueryString = '';
Object.keys(stylesByMediaQuery).forEach(function (query) {
mediaQueryString += '@media ' + query + '{' + _this2._buildStyles(stylesByMediaQuery[query]) + '}';
});
return mediaQueryString;
}
}, {
key: "render",
value: function render() {
if (!this.props.rules) {
return null;
}
var styles = this._buildStyles(this.props.rules);
return react.createElement("style", {
dangerouslySetInnerHTML: {
__html: styles
}
});
}
}]);
return Style;
}(react.PureComponent);
Style.propTypes = {
radiumConfig: (prop_types_default()).object,
rules: (prop_types_default()).object,
scopeSelector: (prop_types_default()).string
};
Style.defaultProps = {
scopeSelector: ''
};
/* harmony default export */ const style = (withRadiumContexts(Style));
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/style-keeper.js
function style_keeper_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function style_keeper_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function style_keeper_createClass(Constructor, protoProps, staticProps) { if (protoProps) style_keeper_defineProperties(Constructor.prototype, protoProps); if (staticProps) style_keeper_defineProperties(Constructor, staticProps); return Constructor; }
var StyleKeeper =
/*#__PURE__*/
function () {
function StyleKeeper(userAgent) {
style_keeper_classCallCheck(this, StyleKeeper);
this._userAgent = void 0;
this._listeners = void 0;
this._cssSet = void 0;
this._userAgent = userAgent;
this._listeners = [];
this._cssSet = {};
}
style_keeper_createClass(StyleKeeper, [{
key: "subscribe",
value: function subscribe(listener) {
var _this = this;
if (this._listeners.indexOf(listener) === -1) {
this._listeners.push(listener);
}
return {
// Must be fat arrow to capture `this`
remove: function remove() {
var listenerIndex = _this._listeners.indexOf(listener);
if (listenerIndex > -1) {
_this._listeners.splice(listenerIndex, 1);
}
}
};
}
}, {
key: "addCSS",
value: function addCSS(css) {
var _this2 = this;
if (!this._cssSet[css]) {
this._cssSet[css] = true;
this._emitChange();
}
return {
// Must be fat arrow to capture `this`
remove: function remove() {
delete _this2._cssSet[css];
_this2._emitChange();
}
};
}
}, {
key: "getCSS",
value: function getCSS() {
return Object.keys(this._cssSet).join('\n');
}
}, {
key: "_emitChange",
value: function _emitChange() {
this._listeners.forEach(function (listener) {
return listener();
});
}
}]);
return StyleKeeper;
}();
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/components/style-sheet.js
function style_sheet_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { style_sheet_typeof = function _typeof(obj) { return typeof obj; }; } else { style_sheet_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return style_sheet_typeof(obj); }
function style_sheet_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function style_sheet_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function style_sheet_createClass(Constructor, protoProps, staticProps) { if (protoProps) style_sheet_defineProperties(Constructor.prototype, protoProps); if (staticProps) style_sheet_defineProperties(Constructor, staticProps); return Constructor; }
function style_sheet_possibleConstructorReturn(self, call) { if (call && (style_sheet_typeof(call) === "object" || typeof call === "function")) { return call; } return style_sheet_assertThisInitialized(self); }
function style_sheet_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function style_sheet_getPrototypeOf(o) { style_sheet_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return style_sheet_getPrototypeOf(o); }
function style_sheet_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) style_sheet_setPrototypeOf(subClass, superClass); }
function style_sheet_setPrototypeOf(o, p) { style_sheet_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return style_sheet_setPrototypeOf(o, p); }
var StyleSheet =
/*#__PURE__*/
function (_Component) {
style_sheet_inherits(StyleSheet, _Component);
// eslint-disable-next-line react/sort-comp
function StyleSheet() {
var _this;
style_sheet_classCallCheck(this, StyleSheet);
_this = style_sheet_possibleConstructorReturn(this, style_sheet_getPrototypeOf(StyleSheet).apply(this, arguments));
_this.styleKeeper = void 0;
_this._subscription = void 0;
_this._root = void 0;
_this._css = void 0;
_this._onChange = function () {
var nextCSS = _this.styleKeeper.getCSS();
if (nextCSS !== _this._css) {
if (_this._root) {
_this._root.innerHTML = nextCSS;
} else {
throw new Error('No root style object found, even after StyleSheet mount.');
}
_this._css = nextCSS;
}
};
if (!_this.props.styleKeeperContext) {
throw new Error('StyleRoot is required to use StyleSheet');
}
_this.styleKeeper = _this.props.styleKeeperContext;
_this._css = _this.styleKeeper.getCSS();
return _this;
}
style_sheet_createClass(StyleSheet, [{
key: "componentDidMount",
value: function componentDidMount() {
this._subscription = this.styleKeeper.subscribe(this._onChange);
this._onChange();
}
}, {
key: "shouldComponentUpdate",
value: function shouldComponentUpdate() {
return false;
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
if (this._subscription) {
this._subscription.remove();
}
}
}, {
key: "render",
value: function render() {
var _this2 = this;
return react.createElement("style", {
dangerouslySetInnerHTML: {
__html: this._css
},
ref: function ref(c) {
_this2._root = c;
}
});
}
}]);
return StyleSheet;
}(react.Component);
/* harmony default export */ const style_sheet = (withRadiumContexts(StyleSheet));
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/components/style-root.js
function style_root_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = style_root_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function style_root_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function getStyleKeeper(configProp, configContext) {
var userAgent = configProp && configProp.userAgent || configContext && configContext.userAgent;
return new StyleKeeper(userAgent);
}
var StyleRootInner = enhanceWithRadium(function (_ref) {
var children = _ref.children,
otherProps = style_root_objectWithoutProperties(_ref, ["children"]);
return react.createElement("div", otherProps, children, react.createElement(style_sheet, null));
});
var StyleRoot = function StyleRoot(props) {
/* eslint-disable no-unused-vars */
// Pass down all props except config to the rendered div.
/* eslint-enable no-unused-vars */
var radiumConfig = props.radiumConfig;
var configContext = (0,react.useContext)(RadiumConfigContext);
var styleKeeper = (0,react.useRef)(getStyleKeeper(radiumConfig, configContext));
return react.createElement(StyleKeeperContext.Provider, {
value: styleKeeper.current
}, react.createElement(StyleRootInner, props));
};
/* harmony default export */ const style_root = (StyleRoot);
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/keyframes.js
function keyframes(keyframeRules, name) {
return {
__radiumKeyframes: true,
__process: function __process(userAgent) {
var keyframesPrefixed = getPrefixedKeyframes(userAgent);
var rules = Object.keys(keyframeRules).map(function (percentage) {
return cssRuleSetToString(percentage, keyframeRules[percentage], userAgent);
}).join('\n');
var animationName = (name ? name + '-' : '') + 'radium-animation-' + hash(rules);
var css = '@' + keyframesPrefixed + ' ' + animationName + ' {\n' + rules + '\n}\n';
return {
css: css,
animationName: animationName
};
}
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/radium@0.26.1_react@17.0.2/node_modules/radium/es/index.js
function Radium(ComposedComponent) {
return enhanceWithRadium(ComposedComponent);
} // Legacy object support.
//
// Normally it would be disfavored to attach these to the `Radium` object
// because it defeats tree-shaking, using instead the ESM exports. But,
// the `Radium` `Enhancer` uses **all** of these, so there's no extra "cost"
// to them being explicitly on the `Radium` object.
Radium.Plugins = plugins;
Radium.Style = style;
Radium.StyleRoot = style_root;
Radium.getState = get_state;
Radium.keyframes = keyframes;
if (false) {}
/* harmony default export */ const es = (Radium); // ESM re-exports
;// CONCATENATED MODULE: ./src/implementations/radium/View.js
var _excluded = ["style"];
function View_extends() { View_extends = Object.assign || 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 View_extends.apply(this, arguments); }
function View_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; View_setPrototypeOf(subClass, superClass); }
function View_setPrototypeOf(o, p) { View_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return View_setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var View = /*#__PURE__*/function (_React$Component) {
_inheritsLoose(View, _React$Component);
function View() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = View.prototype;
_proto.render = function render() {
var _this$props = this.props,
style = _this$props.style,
other = View_objectWithoutPropertiesLoose(_this$props, _excluded);
return /*#__PURE__*/react.createElement("div", View_extends({}, other, {
style: [styles.root, style]
}));
};
return View;
}(react.Component);
var styles = {
root: {
alignItems: 'stretch',
borderWidth: 0,
borderStyle: 'solid',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: 0,
margin: 0,
padding: 0,
position: 'relative',
// fix flexbox bugs
minHeight: 0,
minWidth: 0
}
};
/* harmony default export */ const radium_View = (es(View));
;// CONCATENATED MODULE: ./src/implementations/radium/Box.js
var Box_excluded = ["color", "fixed", "layout", "outer"];
function Box_extends() { Box_extends = Object.assign || 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 Box_extends.apply(this, arguments); }
function Box_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = function Box(_ref) {
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = Box_objectWithoutPropertiesLoose(_ref, Box_excluded);
return /*#__PURE__*/react.createElement(radium_View, Box_extends({}, other, {
style: [Box_styles["color" + color], fixed && Box_styles.fixed, layout === 'row' && Box_styles.row, outer && Box_styles.outer]
}));
};
var Box_styles = {
outer: {
alignSelf: 'flex-start',
padding: 4
},
row: {
flexDirection: 'row'
},
color0: {
backgroundColor: '#14171A'
},
color1: {
backgroundColor: '#AAB8C2'
},
color2: {
backgroundColor: '#E6ECF0'
},
color3: {
backgroundColor: '#FFAD1F'
},
color4: {
backgroundColor: '#F45D22'
},
color5: {
backgroundColor: '#E0245E'
},
fixed: {
width: 6,
height: 6
}
};
/* harmony default export */ const radium_Box = (es(Box));
;// CONCATENATED MODULE: ./src/implementations/radium/Dot.js
/* eslint-disable react/prop-types */
var Dot = function Dot(_ref) {
var size = _ref.size,
x = _ref.x,
y = _ref.y,
children = _ref.children,
color = _ref.color;
return /*#__PURE__*/react.createElement("div", {
style: [Dot_styles.root, {
borderBottomColor: color,
borderRightWidth: size / 2 + "px",
borderBottomWidth: size / 2 + "px",
borderLeftWidth: size / 2 + "px",
marginLeft: x + "px",
marginTop: y + "px"
}]
}, children);
};
var Dot_styles = {
root: {
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: 'translate(50%, 50%)'
}
};
/* harmony default export */ const radium_Dot = (es(Dot));
;// CONCATENATED MODULE: ./src/implementations/radium/Provider.js
/* harmony default export */ const Provider = (radium_View);
;// CONCATENATED MODULE: ./src/implementations/radium/index.js
/* harmony default export */ const radium = ({
Box: radium_Box,
Dot: radium_Dot,
Provider: Provider,
View: radium_View
});
/***/ }),
/***/ 7256:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ react_fela)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
;// CONCATENATED MODULE: ../node_modules/.pnpm/css-in-js-utils@3.1.0/node_modules/css-in-js-utils/es/assignStyle.js
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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(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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
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 filterUniqueArray(arr) {
return arr.filter(function (val, index) {
return arr.lastIndexOf(val) === index;
});
}
function assignStyle(base) {
for (var i = 0, len = arguments.length <= 1 ? 0 : arguments.length - 1; i < len; ++i) {
var style = i + 1 < 1 || arguments.length <= i + 1 ? undefined : arguments[i + 1];
for (var property in style) {
var value = style[property];
var baseValue = base[property];
if (baseValue && value) {
if (Array.isArray(baseValue)) {
base[property] = filterUniqueArray(baseValue.concat(value));
continue;
}
if (Array.isArray(value)) {
base[property] = filterUniqueArray([baseValue].concat(_toConsumableArray(value)));
continue;
}
if (_typeof(value) === 'object') {
base[property] = assignStyle({}, baseValue, value);
continue;
}
}
base[property] = value;
}
}
return base;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/fast-loops@1.1.3/node_modules/fast-loops/es/arrayReduce.js
function arrayReduce(arr, reducer, initialValue) {
for (var i = 0, len = arr.length; i < len; ++i) {
initialValue = reducer(initialValue, arr[i], i, len, arr);
}
return initialValue;
}
;// CONCATENATED MODULE: ../packages/fela/es/combineRules.js
function combineRules_toConsumableArray(arr) { return combineRules_arrayWithoutHoles(arr) || combineRules_iterableToArray(arr) || combineRules_unsupportedIterableToArray(arr) || combineRules_nonIterableSpread(); }
function combineRules_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 combineRules_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return combineRules_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 combineRules_arrayLikeToArray(o, minLen); }
function combineRules_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function combineRules_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return combineRules_arrayLikeToArray(arr); }
function combineRules_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 resolveRule(rule, props, renderer) {
if (Array.isArray(rule)) {
return resolveRule(combineRules.apply(void 0, combineRules_toConsumableArray(rule)), props, renderer);
}
if (typeof rule === 'function') {
return rule(props, renderer);
}
return rule;
}
function combineRules() {
for (var _len = arguments.length, rules = new Array(_len), _key = 0; _key < _len; _key++) {
rules[_key] = arguments[_key];
}
// escape hatch to skip the object assignment for single rules
if (rules.length === 1) {
return function (props, renderer) {
return resolveRule(rules[0], props, renderer);
};
}
return function (props, renderer) {
return arrayReduce(rules, function (style, rule) {
var resolvedRule = resolveRule(rule, props, renderer); // special combination of our special _className key
if (resolvedRule && style._className) {
resolvedRule._className = style._className + (resolvedRule._className ? ' ' + resolvedRule._className : '');
}
return assignStyle(style, resolvedRule);
}, {});
};
}
;// CONCATENATED MODULE: ../packages/react-fela/es/context.js
// $FlowFixMe
var RendererContext = (0,react.createContext)(); // $FlowFixMe
var ThemeContext = (0,react.createContext)();
;// CONCATENATED MODULE: ../packages/react-fela/es/useFela.js
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function getPropsWithTheme(props, theme) {
// if props is not a direct copy of React props
// we can simply add the theme to it for perf reasons
if (Object.isExtensible(props)) {
props.theme = theme;
return props;
}
return _objectSpread(_objectSpread({}, props), {}, {
theme: theme
});
}
function useFela() {
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var renderer = (0,react.useContext)(RendererContext);
var theme = (0,react.useContext)(ThemeContext) || {};
if (!renderer) {
throw new Error('The "useFela" hook can only be used inside a "RendererProvider"');
} // we add the theme to props so that it can be used within styles
var propsWithTheme = getPropsWithTheme(props, theme);
function css() {
return renderer.renderRule(combineRules.apply(void 0, arguments), propsWithTheme);
}
return {
renderer: renderer,
theme: theme,
css: css
};
}
;// CONCATENATED MODULE: ./src/implementations/react-fela/Box.js
function Box_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function Box_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Box_ownKeys(Object(source), !0).forEach(function (key) { Box_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Box_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function Box_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var rule = function rule(_ref) {
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer;
return Box_objectSpread(Box_objectSpread(Box_objectSpread(Box_objectSpread({
alignItems: 'stretch',
borderWidth: 0,
borderStyle: 'solid',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: 0,
margin: 0,
padding: 0,
position: 'relative',
// fix flexbox bugs
minHeight: 0,
minWidth: 0
}, styles["color" + color]), fixed && styles.fixed), layout === 'row' && styles.row), outer && styles.outer);
};
var Box = function Box(_ref2) {
var children = _ref2.children,
color = _ref2.color,
fixed = _ref2.fixed,
layout = _ref2.layout,
outer = _ref2.outer;
var _useFela = useFela({
color: color,
fixed: fixed,
layout: layout,
outer: outer
}),
css = _useFela.css;
return /*#__PURE__*/react.createElement("div", {
className: css(rule)
}, children);
};
var styles = {
outer: {
alignSelf: 'flex-start',
padding: 4
},
row: {
flexDirection: 'row'
},
color0: {
backgroundColor: '#14171A'
},
color1: {
backgroundColor: '#AAB8C2'
},
color2: {
backgroundColor: '#E6ECF0'
},
color3: {
backgroundColor: '#FFAD1F'
},
color4: {
backgroundColor: '#F45D22'
},
color5: {
backgroundColor: '#E0245E'
},
fixed: {
width: 6,
height: 6
}
};
/* harmony default export */ const react_fela_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/react-fela/Dot.js
/* eslint-disable react/prop-types */
var Dot_rule = function rule(_ref) {
var size = _ref.size,
x = _ref.x,
y = _ref.y,
color = _ref.color;
return {
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: 'translate(50%, 50%)',
borderBottomColor: color,
borderRightWidth: size / 2,
borderBottomWidth: size / 2,
borderLeftWidth: size / 2,
marginLeft: x,
marginTop: y
};
};
var Dot = function Dot(_ref2) {
var size = _ref2.size,
x = _ref2.x,
y = _ref2.y,
color = _ref2.color,
children = _ref2.children;
var _useFela = useFela({
size: size,
x: x,
y: y,
color: color
}),
css = _useFela.css;
return /*#__PURE__*/react.createElement("div", {
className: css(Dot_rule)
}, children);
};
/* harmony default export */ const react_fela_Dot = (Dot);
;// CONCATENATED MODULE: ../node_modules/.pnpm/hyphenate-style-name@1.0.4/node_modules/hyphenate-style-name/index.js
/* eslint-disable no-var, prefer-template */
var uppercasePattern = /[A-Z]/g
var msPattern = /^ms-/
var cache = {}
function toHyphenLower(match) {
return '-' + match.toLowerCase()
}
function hyphenateStyleName(name) {
if (cache.hasOwnProperty(name)) {
return cache[name]
}
var hName = name.replace(uppercasePattern, toHyphenLower)
return (cache[name] = msPattern.test(hName) ? '-' + hName : hName)
}
/* harmony default export */ const hyphenate_style_name = (hyphenateStyleName);
;// CONCATENATED MODULE: ../node_modules/.pnpm/css-in-js-utils@3.1.0/node_modules/css-in-js-utils/es/hyphenateProperty.js
function hyphenateProperty(property) {
return hyphenate_style_name(property);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/css-in-js-utils@3.1.0/node_modules/css-in-js-utils/es/cssifyDeclaration.js
function cssifyDeclaration(property, value) {
return hyphenateProperty(property) + ':' + value;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/fast-loops@1.1.3/node_modules/fast-loops/es/arrayEach.js
function arrayEach(arr, iterator) {
for (var i = 0, len = arr.length; i < len; ++i) {
iterator(arr[i], i, len, arr);
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/fast-loops@1.1.3/node_modules/fast-loops/es/arrayFilter.js
function arrayFilter(arr, filter) {
var filteredArr = [];
for (var i = 0, len = arr.length; i < len; ++i) {
var value = arr[i];
if (filter(value, i, len, arr)) {
filteredArr.push(value);
}
}
return filteredArr;
}
// EXTERNAL MODULE: ../node_modules/.pnpm/isobject@3.0.1/node_modules/isobject/index.js
var isobject = __webpack_require__(8924);
var isobject_default = /*#__PURE__*/__webpack_require__.n(isobject);
;// CONCATENATED MODULE: ../packages/fela-utils/es/processStyleWithPlugins.js
function processStyleWithPlugins(renderer, style, type) {
var props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
var plugins = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : renderer.plugins;
if (plugins.length > 0) {
return arrayReduce(plugins, function (processedStyle, plugin) {
return plugin(processedStyle, type, renderer, props);
}, style);
}
return style;
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/styleTypes.js
var RULE_TYPE = 'RULE';
var KEYFRAME_TYPE = 'KEYFRAME';
var FONT_TYPE = 'FONT';
var STATIC_TYPE = 'STATIC';
var CLEAR_TYPE = 'CLEAR';
;// CONCATENATED MODULE: ../packages/fela-utils/es/isNestedSelector.js
var regex = /^(:|\[|>|&)/;
function isNestedSelector(property) {
return regex.test(property);
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/normalizeNestedProperty.js
function normalizeNestedProperty(nestedProperty) {
if (nestedProperty.charAt(0) === '&') {
return nestedProperty.substr(1);
}
return nestedProperty;
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/isMediaQuery.js
function isMediaQuery(property) {
return property.substr(0, 6) === '@media';
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/generateCombinedMediaQuery.js
function generateCombinedMediaQuery(currentMediaQuery, nestedMediaQuery) {
if (currentMediaQuery.length === 0) {
return nestedMediaQuery;
}
return "".concat(currentMediaQuery, " and ").concat(nestedMediaQuery);
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/isSupport.js
function isSupport(property) {
return property.substr(0, 9) === '@supports';
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/generateDeclarationReference.js
function generateDeclarationReference(property, value) {
var pseudo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
var media = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
var support = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
return support + media + pseudo + property + value;
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/isUndefinedValue.js
var FALSY_REGEX = /undefined|null/;
var URL_REGEX = /url/;
function isUndefinedValue(value) {
return value === undefined || value === null || typeof value === 'string' && FALSY_REGEX.test(value) && !URL_REGEX.test(value);
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/generateCSSSelector.js
function generateCSSSelector(className) {
var pseudo = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var specificityPrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
var propertyPriority = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
var classNameSelector = ".".concat(className).repeat(propertyPriority);
return "".concat(specificityPrefix).concat(classNameSelector).concat(pseudo);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/css-in-js-utils@3.1.0/node_modules/css-in-js-utils/es/cssifyObject.js
function cssifyObject(style) {
var css = '';
for (var property in style) {
var value = style[property];
if (typeof value !== 'string' && typeof value !== 'number') {
continue;
} // prevents the semicolon after
// the last rule declaration
if (css) {
css += ';';
}
css += cssifyDeclaration(property, value);
}
return css;
}
;// CONCATENATED MODULE: ../packages/fela/es/cssifyFontFace.js
function cssifyFontFace(fontFace) {
return "@font-face{".concat(cssifyObject(fontFace), "}");
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/fast-loops@1.1.3/node_modules/fast-loops/es/objectReduce.js
function objectReduce(obj, reducer, initialValue) {
for (var key in obj) {
initialValue = reducer(initialValue, obj[key], key, obj);
}
return initialValue;
}
;// CONCATENATED MODULE: ../packages/fela/es/cssifyKeyframeRule.js
function cssifyKeyframeRule(frames) {
return objectReduce(frames, function (css, frame, percentage) {
return "".concat(css).concat(percentage, "{").concat(cssifyObject(frame), "}");
}, '');
}
;// CONCATENATED MODULE: ../packages/fela/es/cssifyKeyframe.js
function cssifyKeyframe(frames, animationName) {
var prefixes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [''];
var prerendered = arguments.length > 3 ? arguments[3] : undefined;
var keyframe = prerendered || cssifyKeyframeRule(frames);
return arrayReduce(prefixes, function (cssKeyframe, prefix) {
return "".concat(cssKeyframe, "@").concat(prefix, "keyframes ").concat(animationName, "{").concat(keyframe, "}");
}, '');
}
;// CONCATENATED MODULE: ../packages/fela/es/minifyCSSString.js
function minifyCSSString(style) {
return style.replace(/\s{2,}/g, '');
}
;// CONCATENATED MODULE: ../packages/fela/es/cssifyStaticStyle.js
function cssifyStaticStyle(staticStyle, renderer) {
if (typeof staticStyle === 'string') {
return minifyCSSString(staticStyle);
}
var processedStaticStyle = processStyleWithPlugins(renderer, staticStyle, STATIC_TYPE);
return cssifyObject(processedStaticStyle);
}
;// CONCATENATED MODULE: ../packages/fela/es/generateAnimationName.js
function generateAnimationName_generateAnimationName(id) {
return 'k' + id;
}
;// CONCATENATED MODULE: ../packages/fela/es/generateClassName.js
var chars = 'abcdefghijklmnopqrstuvwxyz';
var charLength = chars.length;
function generateUniqueClassName(id) {
var className = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
if (id <= charLength) {
return chars[id - 1] + className;
} // Bitwise floor as safari performs much faster
// https://jsperf.com/math-floor-vs-math-round-vs-parseint/55
return generateUniqueClassName(id / charLength | 0, chars[id % charLength] + className);
}
function generateClassName_generateClassName(getId) {
var filterClassName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
return true;
};
var startId = getId();
var generatedClassName = generateUniqueClassName(startId);
if (!filterClassName(generatedClassName)) {
return generateClassName_generateClassName(getId, filterClassName);
}
return generatedClassName;
}
;// CONCATENATED MODULE: ../packages/fela/es/isBase64.js
function isBase64(property) {
return property.substr(0, 5) === 'data:';
}
;// CONCATENATED MODULE: ../packages/fela/es/getFontUrl.js
function getFontUrl(src) {
if (isBase64(src)) {
return src;
}
return "'".concat(src, "'");
}
;// CONCATENATED MODULE: ../packages/fela/es/getFontFormat.js
var formats = {
'.woff': 'woff',
'.woff2': 'woff2',
'.eot': 'embedded-opentype',
'.ttf': 'truetype',
'.otf': 'opentype',
'.svg': 'svg',
'.svgz': 'svg'
};
var base64Formats = {
'image/svg+xml': 'svg',
'application/x-font-woff': 'woff',
'application/font-woff': 'woff',
'application/x-font-woff2': 'woff2',
'application/font-woff2': 'woff2',
'font/woff2': 'woff2',
'application/octet-stream': 'truetype',
'application/x-font-ttf': 'truetype',
'application/x-font-truetype': 'truetype',
'application/x-font-opentype': 'opentype',
'application/vnd.ms-fontobject': 'embedded-opentype',
'application/font-sfnt': 'sfnt'
};
function getFontFormat(src) {
if (isBase64(src)) {
var mime = '';
for (var i = 5;; i++) {
// 'data:'.length === 5
var c = src.charAt(i);
if (c === ';' || c === ',') {
break;
}
mime += c;
}
var fmt = base64Formats[mime];
if (fmt) {
return fmt;
}
console.warn("A invalid base64 font was used. Please use one of the following mime type: ".concat(Object.keys(base64Formats).join(', '), "."));
} else {
var extension = '';
for (var _i = src.length - 1;; _i--) {
var _c = src.charAt(_i);
if (_c === '.') {
// fetches all the string from the gotten dot to the end
// of the string
var strippedSrc = src.slice(_i, src.length); // removes all query string that are usually attached to the
// font face strings e.g ./font-location/font.woff2?some-query
// Reference: https://github.com/robinweser/fela/issues/642
extension = strippedSrc.includes('?') ? strippedSrc.split('?', 1)[0] : strippedSrc;
break;
}
}
var _fmt = formats[extension];
if (_fmt) {
return _fmt;
}
console.warn("A invalid font-format was used in \"".concat(src, "\". Use one of these: ").concat(Object.keys(formats).join(', '), "."));
}
return '';
}
;// CONCATENATED MODULE: ../packages/fela/es/generateFontSource.js
function generateFontSource() {
var files = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var fontLocals = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
var localSource = arrayReduce(fontLocals, function (src, local, index) {
var prefix = index > 0 ? ',' : '';
var localUrl = getFontUrl(local);
return "".concat(src).concat(prefix, "local(").concat(localUrl, ")");
}, '');
var urlSource = arrayReduce(files, function (src, fileSource, index) {
var prefix = index > 0 ? ',' : '';
var fileFormat = getFontFormat(fileSource);
var fileUrl = getFontUrl(fileSource);
return "".concat(src).concat(prefix, "url(").concat(fileUrl, ") format('").concat(fileFormat, "')");
}, '');
var delimiter = localSource.length > 0 && urlSource.length > 0 ? ',' : '';
return "".concat(localSource).concat(delimiter).concat(urlSource);
}
;// CONCATENATED MODULE: ../packages/fela/es/generateStaticReference.js
function generateStaticReference(style, selector) {
if (typeof style === 'string') {
return style;
}
if (selector) {
return selector + JSON.stringify(style);
}
return '';
}
;// CONCATENATED MODULE: ../packages/fela/es/getFontLocals.js
function getFontLocals(localAlias) {
if (typeof localAlias === 'string') {
return [localAlias];
}
if (Array.isArray(localAlias)) {
return localAlias.slice();
}
return [];
}
;// CONCATENATED MODULE: ../packages/fela/es/isSafeClassName.js
function isSafeClassName(className) {
return className.indexOf('ad') === -1;
}
;// CONCATENATED MODULE: ../packages/fela/es/toCSSString.js
function toCSSString(value) {
if (value.charAt(0) === '"') {
return value;
}
return "\"".concat(value, "\"");
}
;// CONCATENATED MODULE: ../packages/fela/es/validateSelectorPrefix.js
var PREFIX_SYNTAX = /^[a-z_][a-z0-9-_]*$/gi;
function validateSelectorPrefix() {
var selectorPrefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
if (selectorPrefix.length > 0 && selectorPrefix.match(PREFIX_SYNTAX) === null) {
console.error("An invalid selectorPrefix (".concat(selectorPrefix, ") has been used to create a new Fela renderer.\nIt must only contain a-Z, 0-9, - and _ while it must start with either _ or a-Z.\nSee http://fela.js.org/docs/advanced/RendererConfiguration.html"));
}
return selectorPrefix;
}
;// CONCATENATED MODULE: ../packages/fela/es/sortMediaQuery.js
function sortMediaQuery() {
var mediaQueryOrder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
return function sort(a, b) {
if (mediaQueryOrder.indexOf(b) === -1) {
if (mediaQueryOrder.indexOf(a) === -1) {
return 0;
}
return -1;
}
if (mediaQueryOrder.indexOf(a) === -1) {
return 1;
}
return mediaQueryOrder.indexOf(a) - mediaQueryOrder.indexOf(b);
};
}
;// CONCATENATED MODULE: ../packages/fela/es/extractCustomClassName.js
function extractCustomClassName(style) {
if (style._className) {
var cls = style._className + ' ';
delete style._className;
return cls;
}
return '';
}
;// CONCATENATED MODULE: ../packages/fela/es/createRenderer.js
var _excluded = ["localAlias"];
function createRenderer_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function createRenderer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? createRenderer_ownKeys(Object(source), !0).forEach(function (key) { createRenderer_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : createRenderer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function createRenderer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function createRenderer() {
var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var renderer = {
listeners: [],
keyframePrefixes: config.keyframePrefixes || ['-webkit-', '-moz-'],
plugins: config.plugins || [],
sortMediaQuery: config.sortMediaQuery || sortMediaQuery(config.mediaQueryOrder),
supportQueryOrder: config.supportQueryOrder || [],
styleNodeAttributes: config.styleNodeAttributes || {},
propertyPriority: config.propertyPriority || {},
ruleOrder: [/^:link/, /^:visited/, /^:hover/, /^:focus-within/, /^:focus/, /^:active/],
selectorPrefix: validateSelectorPrefix(config.selectorPrefix),
specificityPrefix: config.specificityPrefix || '',
filterClassName: config.filterClassName || isSafeClassName,
devMode: config.devMode || false,
uniqueRuleIdentifier: 0,
uniqueKeyframeIdentifier: 0,
nodes: {},
scoreIndex: {},
// use a flat cache object with pure string references
// to achieve maximal lookup performance and memoization speed
cache: {},
getNextRuleIdentifier: function getNextRuleIdentifier() {
return ++renderer.uniqueRuleIdentifier;
},
getNextKeyframeIdentifier: function getNextKeyframeIdentifier() {
return ++renderer.uniqueKeyframeIdentifier;
},
renderRule: function renderRule(rule) {
var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
return renderer._renderStyle(rule(props, renderer), props);
},
renderKeyframe: function renderKeyframe(keyframe) {
var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var resolvedKeyframe = keyframe(props, renderer);
var processedKeyframe = processStyleWithPlugins(renderer, resolvedKeyframe, KEYFRAME_TYPE, props);
var keyframeReference = cssifyKeyframeRule(processedKeyframe);
if (!renderer.cache.hasOwnProperty(keyframeReference)) {
// use another unique identifier to ensure minimal css markup
var animationName = renderer.selectorPrefix + renderer.generateAnimationName(props);
var cssKeyframe = cssifyKeyframe(processedKeyframe, animationName, renderer.keyframePrefixes, keyframeReference);
var change = {
type: KEYFRAME_TYPE,
keyframe: cssKeyframe,
name: animationName
};
renderer.cache[keyframeReference] = change;
renderer._emitChange(change);
}
return renderer.cache[keyframeReference].name;
},
generateAnimationName: function generateAnimationName(_props) {
return generateAnimationName_generateAnimationName(renderer.getNextKeyframeIdentifier());
},
renderFont: function renderFont(family, files) {
var properties = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var localAlias = properties.localAlias,
otherProperties = _objectWithoutProperties(properties, _excluded);
var fontReference = family + JSON.stringify(properties);
var fontLocals = getFontLocals(localAlias);
if (!renderer.cache.hasOwnProperty(fontReference)) {
var fontFamily = toCSSString(family);
var fontFace = createRenderer_objectSpread(createRenderer_objectSpread({}, otherProperties), {}, {
src: generateFontSource(files, fontLocals),
fontFamily: fontFamily
});
var cssFontFace = cssifyFontFace(fontFace);
var change = {
type: FONT_TYPE,
fontFace: cssFontFace,
fontFamily: fontFamily
};
renderer.cache[fontReference] = change;
renderer._emitChange(change);
}
return renderer.cache[fontReference].fontFamily;
},
renderStatic: function renderStatic(staticStyle, selector) {
var staticReference = generateStaticReference(staticStyle, selector);
if (!renderer.cache.hasOwnProperty(staticReference)) {
var cssDeclarations = cssifyStaticStyle(staticStyle, renderer);
var change = {
type: STATIC_TYPE,
css: cssDeclarations,
selector: selector
};
renderer.cache[staticReference] = change;
renderer._emitChange(change);
}
},
subscribe: function subscribe(callback) {
renderer.listeners.push(callback);
return {
unsubscribe: function unsubscribe() {
return renderer.listeners.splice(renderer.listeners.indexOf(callback), 1);
}
};
},
clear: function clear() {
renderer.uniqueRuleIdentifier = 0;
renderer.uniqueKeyframeIdentifier = 0;
renderer.cache = {};
renderer._emitChange({
type: CLEAR_TYPE
});
},
_renderStyle: function _renderStyle() {
var style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var customClassName = extractCustomClassName(style);
var processedStyle = processStyleWithPlugins(renderer, style, RULE_TYPE, props, renderer.unoptimizedPlugins || renderer.plugins);
return customClassName + renderer._renderStyleToClassNames(processedStyle).substr(1);
},
_renderStyleToClassNames: function _renderStyleToClassNames(style) {
var pseudo = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var media = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
var support = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
var classNames = '';
for (var property in style) {
var value = style[property];
if (isobject_default()(value)) {
if (isNestedSelector(property)) {
classNames += renderer._renderStyleToClassNames(value, pseudo + normalizeNestedProperty(property), media, support);
} else if (isMediaQuery(property)) {
var combinedMediaQuery = generateCombinedMediaQuery(media, property.slice(6).trim());
classNames += renderer._renderStyleToClassNames(value, pseudo, combinedMediaQuery, support);
} else if (isSupport(property)) {
var combinedSupport = generateCombinedMediaQuery(support, property.slice(9).trim());
classNames += renderer._renderStyleToClassNames(value, pseudo, media, combinedSupport);
} else {
console.warn("The object key \"".concat(property, "\" is not a valid nested key in Fela.\nMaybe you forgot to add a plugin to resolve it?\nCheck http://fela.js.org/docs/basics/Rules.html#styleobject for more information."));
}
} else {
var declarationReference = generateDeclarationReference(property, value, pseudo, media, support);
if (renderer.cacheMap) {
if (!renderer.cacheMap.hasOwnProperty(declarationReference)) {
var pluginInterface = {
property: property,
value: value,
pseudo: pseudo,
media: media,
support: support
};
var processed = arrayReduce(renderer.optimizedPlugins, function (processed, plugin) {
return plugin(processed, renderer);
}, pluginInterface);
var cacheReference = generateDeclarationReference(processed.property, processed.value, processed.pseudo, processed.media, processed.support);
if (!renderer.cache.hasOwnProperty(cacheReference)) {
renderer._renderStyleToCache(cacheReference, processed.property, processed.value, processed.pseudo, processed.media, processed.support);
}
renderer.cacheMap[declarationReference] = cacheReference;
}
declarationReference = renderer.cacheMap[declarationReference];
}
if (!renderer.cache.hasOwnProperty(declarationReference)) {
renderer._renderStyleToCache(declarationReference, property, value, pseudo, media, support);
}
var cachedClassName = renderer.cache[declarationReference].className; // only append if we got a class cached
if (cachedClassName) {
classNames += ' ' + cachedClassName;
}
}
}
return classNames;
},
_renderStyleToCache: function _renderStyleToCache(reference, property, value, pseudo, media, support) {
// we remove undefined values to enable
// usage of optional props without side-effects
if (isUndefinedValue(value)) {
renderer.cache[reference] = {
className: ''
};
return;
}
var className = renderer.selectorPrefix + renderer.generateClassName(property, value, pseudo, media, support);
var declaration = cssifyDeclaration(property, value);
var selector = generateCSSSelector(className, pseudo, config.specificityPrefix, renderer.propertyPriority[property]);
var change = {
type: RULE_TYPE,
className: className,
selector: selector,
declaration: declaration,
pseudo: pseudo,
media: media,
support: support
};
renderer.cache[reference] = change;
renderer._emitChange(change);
},
generateClassName: function generateClassName(property, value, pseudo, media, support) {
return generateClassName_generateClassName(renderer.getNextRuleIdentifier, renderer.filterClassName);
},
_emitChange: function _emitChange(change) {
arrayEach(renderer.listeners, function (listener) {
return listener(change);
});
}
}; // initial setup
renderer.keyframePrefixes.push('');
renderer.optimizedPlugins = arrayReduce(renderer.plugins, function (plugins, plugin) {
if (plugin.optimized) {
plugins.push(plugin.optimized);
}
return plugins;
}, []); // only enable the cache map if we have optimized plugins
if (renderer.optimizedPlugins.length > 0) {
renderer.cacheMap = {};
renderer.unoptimizedPlugins = arrayFilter(renderer.plugins, function (plugin) {
return !plugin.optimized;
});
}
if (config.enhancers) {
arrayEach(config.enhancers, function (enhancer) {
renderer = enhancer(renderer);
});
}
return renderer;
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/getRuleScore.js
function getRuleScore() {
var ruleOrder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var pseudo = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
if (ruleOrder.length === 0 || pseudo.length === 0) {
return 0;
}
return ruleOrder.indexOf(ruleOrder.find(function (regex) {
return pseudo.match(regex) !== null;
})) + 1;
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/rehydration/extractSupportQuery.js
function extractSupportQuery(ruleSet) {
return ruleSet.split('{')[0].slice(9).trim();
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/css-in-js-utils@3.1.0/node_modules/css-in-js-utils/es/camelCaseProperty.js
var DASH = /-([a-z])/g;
var MS = /^Ms/g;
var camelCaseProperty_cache = {};
function toUpper(match) {
return match[1].toUpperCase();
}
function camelCaseProperty(property) {
if (camelCaseProperty_cache.hasOwnProperty(property)) {
return camelCaseProperty_cache[property];
}
var camelProp = property.replace(DASH, toUpper).replace(MS, 'ms');
camelCaseProperty_cache[property] = camelProp;
return camelProp;
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/rehydration/generateCacheEntry.js
function generateCacheEntry(type, className, property, value) {
var pseudo = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
var media = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '';
var support = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : '';
var specificityPrefix = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : '';
var propertyPriority = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
return {
type: type,
className: className,
selector: generateCSSSelector(className, pseudo, specificityPrefix, propertyPriority),
declaration: property + ':' + value,
pseudo: pseudo,
media: media,
support: support
};
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/rehydration/rehydrateRules.js
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || rehydrateRules_unsupportedIterableToArray(arr, i) || _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 rehydrateRules_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return rehydrateRules_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 rehydrateRules_arrayLikeToArray(o, minLen); }
function rehydrateRules_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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
// Escaping for RegExp taken from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
function escapeRegExp(string) {
return string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');
} // we reuse regexes for improved performance
var regexMap = {};
function getRegex(specificityPrefix) {
if (!regexMap[specificityPrefix]) {
regexMap[specificityPrefix] = new RegExp("".concat(escapeRegExp(specificityPrefix), "[.]([0-9a-z_-]+)(([.][0-9a-z_-]+){0,})([^{]+)?{([^:]+):([^}]+)}"), 'gi');
}
return regexMap[specificityPrefix];
}
function rehydrateClassList(classList, className) {
if (classList) {
var regex = new RegExp("(([.]".concat(className, ")+)?(.*)?"), '');
var _classList$match = classList.match(regex),
_classList$match2 = _slicedToArray(_classList$match, 4),
match = _classList$match2[0],
repeated = _classList$match2[1],
selector = _classList$match2[2],
_classList$match2$ = _classList$match2[3],
other = _classList$match2$ === void 0 ? '' : _classList$match2$;
return [other, repeated ? repeated.length / selector.length + 1 : 1];
}
return ['', 1];
}
function rehydrateRules(css) {
var media = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var support = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
var cache = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
var specificityPrefix = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
var decl;
var DECL_REGEX = getRegex(specificityPrefix); // This excellent parsing implementation was originally taken from Styletron and modified to fit Fela
// https://github.com/rtsao/styletron/blob/master/packages/styletron-client/src/index.js#L47
/* eslint-disable no-unused-vars,no-cond-assign */
while (decl = DECL_REGEX.exec(css)) {
var _decl = decl,
_decl2 = _slicedToArray(_decl, 7),
ruleSet = _decl2[0],
className = _decl2[1],
classList = _decl2[2],
_ = _decl2[3],
_decl2$ = _decl2[4],
pseudo = _decl2$ === void 0 ? '' : _decl2$,
property = _decl2[5],
value = _decl2[6];
/* eslint-enable */
var _rehydrateClassList = rehydrateClassList(classList, className),
_rehydrateClassList2 = _slicedToArray(_rehydrateClassList, 2),
classes = _rehydrateClassList2[0],
propertyPriority = _rehydrateClassList2[1];
var declarationReference = generateDeclarationReference( // keep css custom properties as lower-cased props
property.indexOf('--') === 0 ? property : camelCaseProperty(property), value, classes + pseudo, media, support);
cache[declarationReference] = generateCacheEntry(RULE_TYPE, className, property, value, classes + pseudo, media, support, specificityPrefix, propertyPriority);
}
return cache;
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/rehydration/rehydrateSupportRules.js
function rehydrateSupportRules_slicedToArray(arr, i) { return rehydrateSupportRules_arrayWithHoles(arr) || rehydrateSupportRules_iterableToArrayLimit(arr, i) || rehydrateSupportRules_unsupportedIterableToArray(arr, i) || rehydrateSupportRules_nonIterableRest(); }
function rehydrateSupportRules_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 rehydrateSupportRules_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return rehydrateSupportRules_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 rehydrateSupportRules_arrayLikeToArray(o, minLen); }
function rehydrateSupportRules_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 rehydrateSupportRules_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function rehydrateSupportRules_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var SUPPORT_REGEX = /@supports[^{]+\{([\s\S]+?})\s*}/gi;
function rehydrateSupportRules(css) {
var media = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var cache = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var specificityPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
var decl; // eslint-disable-next-line no-cond-assign
while (decl = SUPPORT_REGEX.exec(css)) {
var _decl = decl,
_decl2 = rehydrateSupportRules_slicedToArray(_decl, 2),
ruleSet = _decl2[0],
cssRules = _decl2[1];
var supportQuery = extractSupportQuery(ruleSet);
rehydrateRules(cssRules, media, supportQuery, cache, specificityPrefix);
}
return cache;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/fast-loops@1.1.3/node_modules/fast-loops/es/objectEach.js
function objectEach(obj, iterator) {
for (var key in obj) {
iterator(obj[key], key, obj);
}
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/generateCSSRule.js
function generateCSSRule(selector, cssDeclaration) {
return "".concat(selector, "{").concat(cssDeclaration, "}");
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/connection/queryNode.js
function queryNode(_ref) {
var type = _ref.type,
media = _ref.media,
support = _ref.support;
var targetDocument = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
var mediaQuery = media ? "[media=\"".concat(media, "\"]") : ':not([media])';
var supportQuery = support ? '[data-fela-support="true"]' : ':not([data-fela-support="true"])';
return targetDocument.querySelector("[data-fela-type=\"".concat(type, "\"]").concat(supportQuery).concat(mediaQuery));
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/connection/getNodeSibling.js
function getNodeSibling_toConsumableArray(arr) { return getNodeSibling_arrayWithoutHoles(arr) || getNodeSibling_iterableToArray(arr) || getNodeSibling_unsupportedIterableToArray(arr) || getNodeSibling_nonIterableSpread(); }
function getNodeSibling_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 getNodeSibling_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return getNodeSibling_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 getNodeSibling_arrayLikeToArray(o, minLen); }
function getNodeSibling_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function getNodeSibling_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return getNodeSibling_arrayLikeToArray(arr); }
function getNodeSibling_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 getNodeSibling(nodes, _ref, sortMediaQuery) {
var type = _ref.type,
media = _ref.media,
support = _ref.support;
switch (type) {
case FONT_TYPE:
case STATIC_TYPE:
case KEYFRAME_TYPE:
return nodes[0];
case RULE_TYPE:
var mediaNodes = nodes.map(function (node) {
return node.media;
});
var filteredNodes = mediaNodes.filter(function (m) {
return m.length !== 0;
});
if (media) {
var sorted = [].concat(getNodeSibling_toConsumableArray(filteredNodes), [media]).sort(sortMediaQuery);
var index = sorted.indexOf(media) + 1;
var insertMedia = sorted[index];
if (insertMedia) {
if (insertMedia === media && support) {
// support
return nodes.find(function (el) {
return el.media === sorted[sorted.indexOf(media) + 2];
});
}
return nodes.find(function (el) {
return el.media === insertMedia;
});
}
} else {
var _sorted = filteredNodes.sort(sortMediaQuery);
var _insertMedia = _sorted[0];
if (!support) {
// if we insert the plain RULE node while there's already a support RULE node
// make sure to insert before
var supportNode = nodes.find(function (el) {
return el.getAttribute('data-fela-support') !== undefined && el.media === '' && el.getAttribute('data-fela-type') === 'RULE';
});
if (supportNode) {
return supportNode;
}
}
if (_insertMedia) {
return nodes.find(function (el) {
return el.media === _insertMedia;
});
}
}
}
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/connection/createNode.js
function createNode_toConsumableArray(arr) { return createNode_arrayWithoutHoles(arr) || createNode_iterableToArray(arr) || createNode_unsupportedIterableToArray(arr) || createNode_nonIterableSpread(); }
function createNode_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 createNode_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return createNode_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 createNode_arrayLikeToArray(o, minLen); }
function createNode_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function createNode_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return createNode_arrayLikeToArray(arr); }
function createNode_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 createNode_typeof(obj) { "@babel/helpers - typeof"; return createNode_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, createNode_typeof(obj); }
function createNode(attributes) {
var targetDocument = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
var sortMediaQuery = arguments.length > 2 ? arguments[2] : undefined;
var styleNodeAttributes = arguments.length > 3 ? arguments[3] : undefined;
var head = targetDocument.head || {};
var type = attributes.type,
media = attributes.media,
support = attributes.support;
var node = targetDocument.createElement('style');
node.setAttribute('data-fela-type', type);
node.type = 'text/css';
if (support) {
node.setAttribute('data-fela-support', 'true');
}
if (media) {
node.media = media;
} // applying custom style tag attributes
for (var attribute in styleNodeAttributes) {
node.setAttribute(attribute, styleNodeAttributes[attribute]);
} // also apply attributes set globally with window.FelaConfig
if ((typeof window === "undefined" ? "undefined" : createNode_typeof(window)) !== undefined && window.FelaConfig) {
for (var _attribute in window.FelaConfig.styleNodeAttributes) {
node.setAttribute(_attribute, window.FelaConfig.styleNodeAttributes[_attribute]);
}
}
var nodes = head.querySelectorAll('[data-fela-type]');
var sibling = getNodeSibling(createNode_toConsumableArray(nodes), attributes, sortMediaQuery);
if (sibling) {
head.insertBefore(node, sibling);
} else {
head.appendChild(node);
}
return node;
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/connection/getNodeFromCache.js
function getReference(_ref) {
var type = _ref.type,
_ref$media = _ref.media,
media = _ref$media === void 0 ? '' : _ref$media,
_ref$support = _ref.support,
support = _ref$support === void 0 ? '' : _ref$support;
return type + media + support;
}
function getNodeFromCache(attributes, renderer) {
var targetDocument = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document;
var reference = getReference(attributes);
if (!renderer.nodes[reference]) {
var node = queryNode(attributes, targetDocument) || createNode(attributes, targetDocument, renderer.sortMediaQuery, renderer.styleNodeAttributes);
renderer.nodes[reference] = node;
}
return renderer.nodes[reference];
}
;// CONCATENATED MODULE: ../packages/fela-utils/es/generateCSSSupportRule.js
function generateCSSSupportRule(support, cssRules) {
return "@supports ".concat(support, "{").concat(cssRules, "}");
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/connection/insertRule.js
function insertRule(_ref, renderer, node) {
var selector = _ref.selector,
declaration = _ref.declaration,
support = _ref.support,
media = _ref.media,
pseudo = _ref.pseudo;
var nodeReference = media + support;
try {
var score = getRuleScore(renderer.ruleOrder, pseudo);
var cssRules = node.sheet.cssRules;
var index = cssRules.length; // This heavily optimises the amount of rule iterations we need
// due to most rules having a score=0 anyways
if (score === 0) {
if (renderer.scoreIndex[nodeReference] === undefined) {
index = 0;
} else {
index = renderer.scoreIndex[nodeReference] + 1;
}
} else {
// we start iterating from the last score=0 entry
// to correctly inject pseudo classes etc.
var startIndex = renderer.scoreIndex[nodeReference] || 0;
for (var i = startIndex, len = cssRules.length; i < len; ++i) {
if (cssRules[i].score > score) {
index = i;
break;
}
}
}
var cssRule = generateCSSRule(selector, declaration);
if (support.length > 0) {
var cssSupportRule = generateCSSSupportRule(support, cssRule);
node.sheet.insertRule(cssSupportRule, index);
} else {
node.sheet.insertRule(cssRule, index);
}
if (score === 0) {
renderer.scoreIndex[nodeReference] = index;
}
cssRules[index].score = score;
} catch (e) {// We're disabled these warnings due to false-positive errors with browser prefixes
// See https://github.com/robinweser/fela/issues/634
// console.warn(
// `An error occurred while inserting the rules into DOM.\n`,
// declaration.replace(/;/g, ';\n'),
// e
// )
}
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/connection/createSubscription.js
/* eslint-disable consistent-return */
function createSubscription(renderer) {
var targetDocument = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
return function (change) {
if (change.type === CLEAR_TYPE) {
objectEach(renderer.nodes, function (node) {
return node.parentNode.removeChild(node);
});
renderer.nodes = {};
renderer.scoreIndex = {};
return;
}
var node = getNodeFromCache(change, renderer, targetDocument);
switch (change.type) {
case KEYFRAME_TYPE:
if (node.textContent.indexOf(change.keyframe) === -1) {
node.textContent += change.keyframe;
}
break;
case FONT_TYPE:
if (node.textContent.indexOf(change.fontFace) === -1) {
node.textContent += change.fontFace;
}
break;
case STATIC_TYPE:
var css = change.selector ? generateCSSRule(change.selector, change.css) : change.css;
if (node.textContent.indexOf(css) === -1) {
node.textContent += css;
}
break;
case RULE_TYPE:
insertRule(change, renderer, node);
break;
default:
// TODO: warning
break;
}
};
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/render.js
function render(renderer, targetDocument) {
if (!renderer.updateSubscription) {
renderer.scoreIndex = {};
renderer.nodes = {};
renderer.updateSubscription = createSubscription(renderer, targetDocument);
renderer.subscribe(renderer.updateSubscription); // simulate rendering to ensure all styles rendered prior to
// calling FelaDOM.render are correctly injected as well
objectEach(renderer.cache, renderer._emitChange);
}
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/rehydration/rehydrateKeyframes.js
function rehydrateKeyframes_slicedToArray(arr, i) { return rehydrateKeyframes_arrayWithHoles(arr) || rehydrateKeyframes_iterableToArrayLimit(arr, i) || rehydrateKeyframes_unsupportedIterableToArray(arr, i) || rehydrateKeyframes_nonIterableRest(); }
function rehydrateKeyframes_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 rehydrateKeyframes_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return rehydrateKeyframes_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 rehydrateKeyframes_arrayLikeToArray(o, minLen); }
function rehydrateKeyframes_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 rehydrateKeyframes_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function rehydrateKeyframes_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var RE = /@(-webkit-|-moz-)?keyframes ([a-z_][a-z0-9-_]*)(\{.*?(?=}})}})/gi;
function rehydrateKeyframes(css) {
var cache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var decl;
while (decl = RE.exec(css)) {
var _decl = decl,
_decl2 = rehydrateKeyframes_slicedToArray(_decl, 4),
keyframe = _decl2[0],
prefix = _decl2[1],
animationName = _decl2[2],
reference = _decl2[3];
if (!cache[reference]) {
cache[reference] = {
type: KEYFRAME_TYPE,
keyframe: keyframe,
name: animationName
};
} else {
cache[reference].keyframe += keyframe;
}
}
return cache;
}
;// CONCATENATED MODULE: ../packages/fela-dom/es/dom/rehydrate.js
var CLASSNAME_REGEX = /[.][a-z0-9_-]*/gi; // TODO: static, font
function rehydrate(renderer) {
var targetDocument = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
render(renderer, targetDocument);
arrayEach(targetDocument.querySelectorAll('[data-fela-type]'), function (node) {
var rehydrationAttribute = node.getAttribute('data-fela-rehydration') || -1;
var rehydrationIndex = renderer.uniqueRuleIdentifier || parseInt(rehydrationAttribute, 10); // skip rehydration if no rehydration index is set
// this index is set to -1 if something blocks rehydration
if (rehydrationIndex !== -1) {
var type = node.getAttribute('data-fela-type') || '';
var media = node.getAttribute('media') || '';
var support = node.getAttribute('data-fela-support') || '';
var css = node.textContent;
renderer.uniqueRuleIdentifier = rehydrationIndex;
var reference = type + media + support;
renderer.nodes[reference] = node;
if (type === RULE_TYPE) {
if (support) {
rehydrateSupportRules(css, media, renderer.cache, renderer.specificityPrefix);
} else {
rehydrateRules(css, media, '', renderer.cache, renderer.specificityPrefix);
} // On Safari, style sheets with IE-specific media queries
// can yield null for node.sheet
// https://github.com/robinweser/fela/issues/431#issuecomment-423239591
if (node.sheet && node.sheet.cssRules) {
var nodeReference = media + support;
arrayEach(node.sheet.cssRules, function (rule, index) {
var selectorText = rule.conditionText ? rule.cssRules[0].selectorText : rule.selectorText;
var score = getRuleScore(renderer.ruleOrder, selectorText.split(CLASSNAME_REGEX)[1]);
if (score === 0) {
renderer.scoreIndex[nodeReference] = index;
}
rule.score = score;
});
}
} else if (type === KEYFRAME_TYPE) {
rehydrateKeyframes(css, renderer.cache);
}
}
});
}
;// CONCATENATED MODULE: ../packages/fela-bindings/es/RendererProviderFactory.js
function RendererProviderFactory_typeof(obj) { "@babel/helpers - typeof"; return RendererProviderFactory_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, RendererProviderFactory_typeof(obj); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _possibleConstructorReturn(self, call) { if (call && (RendererProviderFactory_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function hasDOM(renderer, targetDocument) {
// ensure we're on a browser by using document since window is defined in e.g. React Native
// see https://github.com/robinweser/fela/issues/736
if (typeof document === 'undefined') {
return false;
}
var doc = targetDocument || document;
return renderer && !renderer.isNativeRenderer && doc && doc.createElement;
}
function hasServerRenderedStyle() {
var targetDocument = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
return targetDocument.querySelectorAll('[data-fela-type]').length > 0;
}
function RendererProviderFactory(BaseComponent, RendererContext, createElement, renderChildren, statics) {
var RendererProvider = /*#__PURE__*/function (_BaseComponent) {
_inherits(RendererProvider, _BaseComponent);
var _super = _createSuper(RendererProvider);
function RendererProvider(props, context) {
var _this;
_classCallCheck(this, RendererProvider);
_this = _super.call(this, props, context);
_this._renderStyle();
return _this;
}
_createClass(RendererProvider, [{
key: "componentDidUpdate",
value: function componentDidUpdate(prevProps) {
if (prevProps.renderer !== this.props.renderer) {
// add warning that renderer is changed
this._renderStyle();
}
}
}, {
key: "_renderStyle",
value: function _renderStyle() {
var _this$props = this.props,
renderer = _this$props.renderer,
shouldRehydrate = _this$props.rehydrate,
targetDocument = _this$props.targetDocument;
if (hasDOM(renderer, targetDocument)) {
if (shouldRehydrate && hasServerRenderedStyle(targetDocument)) {
rehydrate(renderer, targetDocument);
} else {
render(renderer, targetDocument);
}
}
}
}, {
key: "render",
value: function render() {
return createElement(RendererContext.Provider, {
value: this.props.renderer
}, renderChildren(this.props.children));
}
}]);
return RendererProvider;
}(BaseComponent);
if (statics) {
objectEach(statics, function (value, key) {
RendererProvider[key] = value;
});
}
return RendererProvider;
}
// EXTERNAL MODULE: ../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js
var prop_types = __webpack_require__(39519);
var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
;// CONCATENATED MODULE: ../packages/react-fela/es/RendererProvider.js
/* harmony default export */ const RendererProvider = (RendererProviderFactory(react.Component, RendererContext, react.createElement, function (children) {
return children;
}, {
propTypes: {
renderer: (prop_types_default()).object.isRequired,
rehydrate: (prop_types_default()).bool.isRequired
},
defaultProps: {
rehydrate: true
}
}));
;// CONCATENATED MODULE: ../packages/fela-plugin-extend/es/index.js
function removeUndefined(style) {
objectEach(style, function (value, property) {
if (isobject_default()(value)) {
style[property] = removeUndefined(value);
} else if (Array.isArray(value)) {
style[property] = value.filter(function (val) {
return !isUndefinedValue(val);
});
} else if (isUndefinedValue(value)) {
delete style[property];
}
});
return style;
}
function extendStyle(style, extension) {
// extend conditional style objects
if (extension && Object.prototype.hasOwnProperty.call(extension, 'condition')) {
if (extension.condition) {
// eslint-disable-next-line no-use-before-define
assignStyle(style, extend(extension.style));
}
} else {
// extend basic style objects
assignStyle(style, removeUndefined(extend(extension)));
}
}
function extend(style) {
objectEach(style, function (value, property) {
if (property === 'extend') {
var extensions = [].concat(value);
arrayEach(extensions, function (extension) {
return extendStyle(style, extension);
});
delete style[property];
} else if (isobject_default()(value)) {
// support nested extend as well
style[property] = extend(value);
}
});
return style;
}
/* harmony default export */ const es = (function () {
return extend;
});
;// CONCATENATED MODULE: ../packages/fela-plugin-embedded/es/index.js
var es_excluded = ["fontFamily", "src"];
function es_typeof(obj) { "@babel/helpers - typeof"; return es_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, es_typeof(obj); }
function es_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = es_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function es_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function renderFontFace(fontFace, renderer) {
if (typeof fontFace === 'string') {
return fontFace;
}
var fontFamily = fontFace.fontFamily,
src = fontFace.src,
otherProps = es_objectWithoutProperties(fontFace, es_excluded);
if (typeof fontFamily === 'string' && Array.isArray(src)) {
return renderer.renderFont(fontFamily, src, otherProps);
} // TODO: warning - invalid font data
return undefined;
}
function embedded(style, type, renderer, props) {
var _loop = function _loop(property) {
var value = style[property];
if (property === 'fontFace' && es_typeof(value) === 'object') {
if (Array.isArray(value)) {
style.fontFamily = arrayReduce(value, function (fontFamilyList, fontFace) {
var fontFamily = renderFontFace(fontFace, renderer);
if (fontFamily && fontFamilyList.indexOf(fontFamily) === -1) {
fontFamilyList.push(fontFamily);
}
return fontFamilyList;
}, []).join(',');
} else {
style.fontFamily = renderFontFace(value, renderer);
}
delete style.fontFace;
} else if (property === 'animationName' && es_typeof(value) === 'object') {
if (Array.isArray(value)) {
style[property] = value.map(function (frame) {
return renderer.renderKeyframe(function () {
return frame;
});
}, props).join(',');
} else {
style[property] = renderer.renderKeyframe(function () {
return value;
}, props);
}
} else if (isobject_default()(value)) {
embedded(value, type, renderer, props);
}
};
for (var property in style) {
_loop(property);
}
return style;
}
/* harmony default export */ const fela_plugin_embedded_es = (function () {
return embedded;
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/stylis@4.0.13/node_modules/stylis/src/Enum.js
var Enum_MS = '-ms-'
var MOZ = '-moz-'
var WEBKIT = '-webkit-'
var COMMENT = 'comm'
var RULESET = 'rule'
var DECLARATION = 'decl'
var PAGE = '@page'
var MEDIA = '@media'
var IMPORT = '@import'
var CHARSET = '@charset'
var VIEWPORT = '@viewport'
var SUPPORTS = '@supports'
var DOCUMENT = '@document'
var NAMESPACE = '@namespace'
var KEYFRAMES = '@keyframes'
var FONT_FACE = '@font-face'
var COUNTER_STYLE = '@counter-style'
var FONT_FEATURE_VALUES = '@font-feature-values'
;// CONCATENATED MODULE: ../node_modules/.pnpm/stylis@4.0.13/node_modules/stylis/src/Utility.js
/**
* @param {number}
* @return {number}
*/
var abs = Math.abs
/**
* @param {number}
* @return {string}
*/
var from = String.fromCharCode
/**
* @param {object}
* @return {object}
*/
var Utility_assign = Object.assign
/**
* @param {string} value
* @param {number} length
* @return {number}
*/
function hash (value, length) {
return (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3)
}
/**
* @param {string} value
* @return {string}
*/
function trim (value) {
return value.trim()
}
/**
* @param {string} value
* @param {RegExp} pattern
* @return {string?}
*/
function match (value, pattern) {
return (value = pattern.exec(value)) ? value[0] : value
}
/**
* @param {string} value
* @param {(string|RegExp)} pattern
* @param {string} replacement
* @return {string}
*/
function replace (value, pattern, replacement) {
return value.replace(pattern, replacement)
}
/**
* @param {string} value
* @param {string} search
* @return {number}
*/
function indexof (value, search) {
return value.indexOf(search)
}
/**
* @param {string} value
* @param {number} index
* @return {number}
*/
function charat (value, index) {
return value.charCodeAt(index) | 0
}
/**
* @param {string} value
* @param {number} begin
* @param {number} end
* @return {string}
*/
function substr (value, begin, end) {
return value.slice(begin, end)
}
/**
* @param {string} value
* @return {number}
*/
function strlen (value) {
return value.length
}
/**
* @param {any[]} value
* @return {number}
*/
function sizeof (value) {
return value.length
}
/**
* @param {any} value
* @param {any[]} array
* @return {any}
*/
function append (value, array) {
return array.push(value), value
}
/**
* @param {string[]} array
* @param {function} callback
* @return {string}
*/
function combine (array, callback) {
return array.map(callback).join('')
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/stylis@4.0.13/node_modules/stylis/src/Prefixer.js
/**
* @param {string} value
* @param {number} length
* @return {string}
*/
function prefix (value, length) {
switch (hash(value, length)) {
// color-adjust
case 5103:
return WEBKIT + 'print-' + value + value
// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:
// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
case 5572: case 6356: case 5844: case 3191: case 6645: case 3005:
// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
case 6391: case 5879: case 5623: case 6135: case 4599: case 4855:
// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
case 4215: case 6389: case 5109: case 5365: case 5621: case 3829:
return WEBKIT + value + value
// appearance, user-select, transform, hyphens, text-size-adjust
case 5349: case 4246: case 4810: case 6968: case 2756:
return WEBKIT + value + MOZ + value + Enum_MS + value + value
// flex, flex-direction
case 6828: case 4268:
return WEBKIT + value + Enum_MS + value + value
// order
case 6165:
return WEBKIT + value + Enum_MS + 'flex-' + value + value
// align-items
case 5187:
return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + Enum_MS + 'flex-$1$2') + value
// align-self
case 5443:
return WEBKIT + value + Enum_MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value
// align-content
case 4675:
return WEBKIT + value + Enum_MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value
// flex-shrink
case 5548:
return WEBKIT + value + Enum_MS + replace(value, 'shrink', 'negative') + value
// flex-basis
case 5292:
return WEBKIT + value + Enum_MS + replace(value, 'basis', 'preferred-size') + value
// flex-grow
case 6060:
return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + Enum_MS + replace(value, 'grow', 'positive') + value
// transition
case 4554:
return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value
// cursor
case 6187:
return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value
// background, background-image
case 5495: case 3959:
return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1')
// justify-content
case 4968:
return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + Enum_MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value
// (margin|padding)-inline-(start|end)
case 4095: case 3583: case 4068: case 2532:
return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value
// (min|max)?(width|height|inline-size|block-size)
case 8116: case 7059: case 5753: case 5535:
case 5445: case 5701: case 4933: case 4677:
case 5533: case 5789: case 5021: case 4765:
// stretch, max-content, min-content, fill-available
if (strlen(value) - 1 - length > 6)
switch (charat(value, length + 1)) {
// (m)ax-content, (m)in-content
case 109:
// -
if (charat(value, length + 4) !== 45)
break
// (f)ill-available, (f)it-content
case 102:
return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value
// (s)tretch
case 115:
return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value
}
break
// position: sticky
case 4949:
// (s)ticky?
if (charat(value, length + 1) !== 115)
break
// display: (flex|inline-flex)
case 6444:
switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
// stic(k)y
case 107:
return replace(value, ':', ':' + WEBKIT) + value
// (inline-)?fl(e)x
case 101:
return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + Enum_MS + '$2box$3') + value
}
break
// writing-mode
case 5936:
switch (charat(value, length + 11)) {
// vertical-l(r)
case 114:
return WEBKIT + value + Enum_MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value
// vertical-r(l)
case 108:
return WEBKIT + value + Enum_MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value
// horizontal(-)tb
case 45:
return WEBKIT + value + Enum_MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value
}
return WEBKIT + value + Enum_MS + value + value
}
return value
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/isobject@4.0.0/node_modules/isobject/index.js
/*!
* isobject <https://github.com/jonschlinkert/isobject>
*
* Copyright (c) 2014-2017, Jon Schlinkert.
* Released under the MIT License.
*/
function isObject(val) {
return val != null && typeof val === 'object' && Array.isArray(val) === false;
};
;// CONCATENATED MODULE: ../packages/fela-plugin-prefixer/es/index.js
function es_slicedToArray(arr, i) { return es_arrayWithHoles(arr) || es_iterableToArrayLimit(arr, i) || es_unsupportedIterableToArray(arr, i) || es_nonIterableRest(); }
function es_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 es_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return es_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 es_arrayLikeToArray(o, minLen); }
function es_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 es_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function es_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function addVendorPrefixes(style) {
return objectReduce(style, function (prefixedStyle, value, property) {
if (isObject(value)) {
prefixedStyle[property] = addVendorPrefixes(value);
} else {
var cssDeclaration = cssifyDeclaration(property, value) + ';';
var prefixed = prefix(cssDeclaration, property.length);
if (prefixed !== cssDeclaration) {
var _prefixed$split = prefixed.split(/:(.+)/),
_prefixed$split2 = es_slicedToArray(_prefixed$split, 2),
_property = _prefixed$split2[0],
_value = _prefixed$split2[1]; // TODO: do we really need to camelCase here?
prefixedStyle[camelCaseProperty(_property)] = _value.slice(0, -1);
} else {
prefixedStyle[property] = value;
}
}
return prefixedStyle;
}, {});
}
addVendorPrefixes.optimized = function (props) {
var cssDeclaration = cssifyDeclaration(props.property, props.value) + ';';
var prefixed = prefix(cssDeclaration, props.property.length);
if (prefixed !== cssDeclaration) {
var _prefixed$split3 = prefixed.split(/:(.+)/),
_prefixed$split4 = es_slicedToArray(_prefixed$split3, 2),
property = _prefixed$split4[0],
value = _prefixed$split4[1]; // TODO: do we really need to camelCase here?
props.property = camelCaseProperty(property);
props.value = value.slice(0, -1);
}
return props;
};
/* harmony default export */ const fela_plugin_prefixer_es = (function () {
return addVendorPrefixes;
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/css-in-js-utils@3.1.0/node_modules/css-in-js-utils/es/resolveArrayValue.js
function resolveArrayValue(property, value) {
return value.join(';' + hyphenateProperty(property) + ':');
}
;// CONCATENATED MODULE: ../packages/fela-plugin-fallback-value/es/index.js
function resolveFallbackValues(style) {
for (var property in style) {
var value = style[property];
if (Array.isArray(value)) {
style[property] = resolveArrayValue(property, value);
} else if (isObject(value) && property !== 'fontFace') {
style[property] = resolveFallbackValues(value);
}
}
return style;
}
resolveFallbackValues.optimized = function (props) {
if (Array.isArray(props.value)) {
props.value = resolveArrayValue(props.property, props.value);
}
return props;
};
/* harmony default export */ const fela_plugin_fallback_value_es = (function () {
return resolveFallbackValues;
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/css-in-js-utils@3.1.0/node_modules/css-in-js-utils/es/isUnitlessProperty.js
var unitlessProperties = {
borderImageOutset: true,
borderImageSlice: true,
borderImageWidth: true,
fontWeight: true,
lineHeight: true,
opacity: true,
orphans: true,
tabSize: true,
widows: true,
zIndex: true,
zoom: true,
// SVG-related properties
fillOpacity: true,
floodOpacity: true,
stopOpacity: true,
strokeDasharray: true,
strokeDashoffset: true,
strokeMiterlimit: true,
strokeOpacity: true,
strokeWidth: true
};
var prefixedUnitlessProperties = ['animationIterationCount', 'boxFlex', 'boxFlexGroup', 'boxOrdinalGroup', 'columnCount', 'flex', 'flexGrow', 'flexPositive', 'flexShrink', 'flexNegative', 'flexOrder', 'gridColumn', 'gridColumnEnd', 'gridColumnStart', 'gridRow', 'gridRowEnd', 'gridRowStart', 'lineClamp', 'order'];
var prefixes = ['Webkit', 'ms', 'Moz', 'O'];
function getPrefixedProperty(prefix, property) {
return prefix + property.charAt(0).toUpperCase() + property.slice(1);
} // add all prefixed properties to the unitless properties
for (var i = 0, len = prefixedUnitlessProperties.length; i < len; ++i) {
var property = prefixedUnitlessProperties[i];
unitlessProperties[property] = true;
for (var j = 0, jLen = prefixes.length; j < jLen; ++j) {
unitlessProperties[getPrefixedProperty(prefixes[j], property)] = true;
}
} // add all hypenated properties as well
for (var _property in unitlessProperties) {
unitlessProperties[hyphenateProperty(_property)] = true;
}
function isUnitlessProperty_isUnitlessProperty(property) {
return unitlessProperties.hasOwnProperty(property);
}
;// CONCATENATED MODULE: ../packages/fela-plugin-unit/es/index.js
function fela_plugin_unit_es_typeof(obj) { "@babel/helpers - typeof"; return fela_plugin_unit_es_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, fela_plugin_unit_es_typeof(obj); }
function addUnitIfNeeded(value, propertyUnit) {
var valueType = fela_plugin_unit_es_typeof(value);
/* eslint-disable eqeqeq */
if ((valueType === 'number' || valueType === 'string' && value == parseFloat(value)) && value != 0) {
return value + propertyUnit;
}
/* eslint-enable */
return value;
}
function addUnit(style, defaultUnit, propertyMap, isUnitlessProperty) {
for (var property in style) {
if (!isUnitlessProperty(property)) {
(function () {
var cssValue = style[property];
var propertyUnit = propertyMap[property] || defaultUnit;
if (isObject(cssValue)) {
style[property] = addUnit(cssValue, defaultUnit, propertyMap, isUnitlessProperty);
} else if (Array.isArray(cssValue)) {
style[property] = cssValue.map(function (val) {
return addUnitIfNeeded(val, propertyUnit);
});
} else {
style[property] = addUnitIfNeeded(cssValue, propertyUnit);
}
})();
}
}
return style;
}
function createOptimized(defaultUnit, propertyMap, isUnitlessProperty) {
return function (props) {
if (!isUnitlessProperty(props.property)) {
var valueType = fela_plugin_unit_es_typeof(props.value);
/* eslint-disable eqeqeq */
if ((valueType === 'number' || valueType === 'string' && props.value == parseFloat(props.value)) && props.value != 0) {
var _unit = propertyMap[props.property] || defaultUnit;
props.value += _unit;
} // handle arrays
if (Array.isArray(props.value)) {
var propertyUnit = propertyMap[props.property] || defaultUnit;
props.value = props.value.map(function (value) {
return addUnitIfNeeded(value, propertyUnit);
});
}
}
return props;
};
}
function unit() {
var defaultUnit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'px';
var propertyMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var isUnitlessProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isUnitlessProperty_isUnitlessProperty;
var plugin = function plugin(style) {
return addUnit(style, defaultUnit, propertyMap, isUnitlessProperty);
};
plugin.optimized = createOptimized(defaultUnit, propertyMap, isUnitlessProperty);
return plugin;
}
;// CONCATENATED MODULE: ../packages/fela-preset-web/es/index.js
function es_toConsumableArray(arr) { return es_arrayWithoutHoles(arr) || es_iterableToArray(arr) || fela_preset_web_es_unsupportedIterableToArray(arr) || es_nonIterableSpread(); }
function es_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 fela_preset_web_es_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return fela_preset_web_es_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 fela_preset_web_es_arrayLikeToArray(o, minLen); }
function es_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function es_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return fela_preset_web_es_arrayLikeToArray(arr); }
function fela_preset_web_es_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 createWebPreset() {
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
_ref$extend = _ref.extend,
extendConfig = _ref$extend === void 0 ? [] : _ref$extend,
_ref$unit = _ref.unit,
unitConfig = _ref$unit === void 0 ? [] : _ref$unit;
return [es.apply(void 0, es_toConsumableArray(extendConfig)), fela_plugin_embedded_es(), unit.apply(void 0, es_toConsumableArray(unitConfig)), fela_plugin_fallback_value_es(), fela_plugin_prefixer_es()];
}
/* harmony default export */ const fela_preset_web_es = (createWebPreset());
;// CONCATENATED MODULE: ../packages/fela-enforce-longhands/es/index.js
// TODO: add the rest
var propertyPriority = {
marginLeft: 2,
marginRight: 2,
marginTop: 2,
marginBottom: 2,
paddingLeft: 2,
paddingRight: 2,
paddingBottom: 2,
paddingTop: 2,
flexWrap: 2,
flexShrink: 2,
flexBasis: 2,
backgroundColor: 2,
backgoundRepeat: 2,
backgroundPosition: 2,
backgroundImage: 2,
backgroundOrigin: 2,
backgroundClip: 2,
backgroundSize: 2,
transitionProperty: 2,
transitionTimingFunction: 2,
transitionDuration: 2,
transitionDelay: 2,
animationDelay: 2,
animationDirection: 2,
animationDuration: 2,
animationFillMode: 2,
animationIterationCount: 2,
animationName: 2,
animationPlayState: 2,
animationTimingFunction: 2,
borderWidth: 2,
borderStyle: 2,
borderColor: 2,
// these conflict with the longhands above
borderTop: 2,
borderRight: 2,
borderBottom: 2,
borderLeft: 2,
borderTopWidth: 3,
borderTopStyle: 3,
borderTopColor: 3,
borderRightWidth: 3,
borderRightStyle: 3,
borderRightColor: 3,
borderBottomWidth: 3,
borderBottomStyle: 3,
borderBottomColor: 3,
borderLeftWidth: 3,
borderLeftStyle: 3,
borderLeftColor: 3,
borderBottomLeftRadius: 2,
borderBottomRightRadius: 2,
borderTopLeftRadius: 2,
borderTopRightRadius: 2,
borderImageOutset: 2,
borderImageRepeat: 2,
borderImageSlice: 2,
borderImageSource: 2,
borderImageWidth: 2,
columnWidth: 2,
columnCount: 2,
listStyleImage: 2,
listStylePosition: 2,
listStyleType: 2,
outlineWidth: 2,
outlineStyle: 2,
outlineColor: 2,
overflowX: 2,
overflowY: 2,
textDecorationLine: 2,
textDecorationStyle: 2,
textDecorationColor: 2
}; // TODO: add option to choose whether directional borders or border shorthands take priority
// e.g. border-left: 2px solid grey vs. border-width: 4px
function enforceLonghands(renderer) {
renderer.propertyPriority = propertyPriority;
return renderer;
}
/* harmony default export */ const fela_enforce_longhands_es = (function () {
return enforceLonghands;
});
;// CONCATENATED MODULE: ./src/implementations/react-fela/View.js
/* eslint-disable react/prop-types */
var style = function style() {
return {
alignItems: 'stretch',
borderWidth: 0,
borderStyle: 'solid',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: 0,
margin: 0,
padding: 0,
position: 'relative',
// fix flexbox bugs
minHeight: 0,
minWidth: 0
};
};
var View = function View(_ref) {
var children = _ref.children;
var _useFela = useFela(),
css = _useFela.css;
return /*#__PURE__*/react.createElement("div", {
className: css(style)
}, children);
};
/* harmony default export */ const react_fela_View = (View);
;// CONCATENATED MODULE: ./src/implementations/react-fela/Provider.js
/* eslint-disable react/prop-types */
var Provider_extend = fela_preset_web_es[0],
Provider_embedded = fela_preset_web_es[1],
Provider_unit = fela_preset_web_es[2],
fallback = fela_preset_web_es[3],
prefixer = fela_preset_web_es[4];
var renderer = createRenderer({
plugins: [Provider_unit, fallback, prefixer],
enhancers: [fela_enforce_longhands_es()]
});
function Provider(_ref) {
var children = _ref.children;
return /*#__PURE__*/react.createElement(RendererProvider, {
renderer: renderer
}, /*#__PURE__*/react.createElement(react_fela_View, null, children));
}
;// CONCATENATED MODULE: ./src/implementations/react-fela/index.js
/* harmony default export */ const react_fela = ({
Box: react_fela_Box,
Dot: react_fela_Dot,
Provider: Provider,
View: react_fela_View
});
/***/ }),
/***/ 70387:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ react_jss)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.js
var classnames = __webpack_require__(65443);
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/extends.js
function extends_extends() {
extends_extends = Object.assign || 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_extends.apply(this, arguments);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
function objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
var hoist_non_react_statics_cjs = __webpack_require__(9687);
var hoist_non_react_statics_cjs_default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics_cjs);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/react-display-name/lib/getDisplayName.js
var getDisplayName = __webpack_require__(33623);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/theming/dist/theming.esm.js
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function theming_esm_extends() {
theming_esm_extends = Object.assign || 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 theming_esm_extends.apply(this, arguments);
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
function _assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
function isObject(obj) {
return obj !== null && typeof obj === 'object' && !Array.isArray(obj);
}
function createThemeProvider(context) {
var ThemeProvider =
/*#__PURE__*/
function (_React$Component) {
_inheritsLoose(ThemeProvider, _React$Component);
function ThemeProvider() {
var _this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "cachedTheme", void 0);
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "lastOuterTheme", void 0);
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "lastTheme", void 0);
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "renderProvider", function (outerTheme) {
var children = _this.props.children;
return react.createElement(context.Provider, {
value: _this.getTheme(outerTheme)
}, children);
});
return _this;
}
var _proto = ThemeProvider.prototype;
// Get the theme from the props, supporting both (outerTheme) => {} as well as object notation
_proto.getTheme = function getTheme(outerTheme) {
if (this.props.theme !== this.lastTheme || outerTheme !== this.lastOuterTheme || !this.cachedTheme) {
this.lastOuterTheme = outerTheme;
this.lastTheme = this.props.theme;
if (typeof this.lastTheme === 'function') {
var theme = this.props.theme;
this.cachedTheme = theme(outerTheme);
false ? 0 : void 0;
} else {
var _theme = this.props.theme;
false ? 0 : void 0;
this.cachedTheme = outerTheme ? theming_esm_extends({}, outerTheme, _theme) : _theme;
}
}
return this.cachedTheme;
};
_proto.render = function render() {
var children = this.props.children;
if (!children) {
return null;
}
return react.createElement(context.Consumer, null, this.renderProvider);
};
return ThemeProvider;
}(react.Component);
if (false) {}
return ThemeProvider;
}
function createWithTheme(context) {
return function hoc(Component) {
var withTheme = react.forwardRef(function (props, ref) {
return react.createElement(context.Consumer, null, function (theme) {
false ? 0 : void 0;
return react.createElement(Component, theming_esm_extends({
theme: theme,
ref: ref
}, props));
});
});
if (false) {}
hoist_non_react_statics_cjs_default()(withTheme, Component);
return withTheme;
};
}
function createUseTheme(context) {
var useTheme = function useTheme() {
var theme = react.useContext(context);
false ? 0 : void 0;
return theme;
};
return useTheme;
}
function createTheming(context) {
return {
context: context,
withTheme: createWithTheme(context),
useTheme: createUseTheme(context),
ThemeProvider: createThemeProvider(context)
};
}
var theming_esm_ThemeContext = (0,react.createContext)();
var _createTheming = createTheming(theming_esm_ThemeContext),
withTheme = _createTheming.withTheme,
ThemeProvider = _createTheming.ThemeProvider,
useTheme = _createTheming.useTheme;
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/is-in-browser/dist/module.js
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
var isBrowser = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof(document)) === 'object' && document.nodeType === 9;
/* harmony default export */ const dist_module = (isBrowser);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/tiny-warning/dist/tiny-warning.esm.js
var isProduction = "production" === 'production';
function warning(condition, message) {
if (!isProduction) {
if (condition) {
return;
}
var text = "Warning: " + message;
if (typeof console !== 'undefined') {
console.warn(text);
}
try {
throw Error(text);
} catch (x) {}
}
}
/* harmony default export */ const tiny_warning_esm = (warning);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/createClass.js
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
Object.defineProperty(Constructor, "prototype", {
writable: false
});
return Constructor;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
function _setPrototypeOf(o, p) {
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
o.__proto__ = p;
return o;
};
return _setPrototypeOf(o, p);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
function inheritsLoose_inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
_setPrototypeOf(subClass, superClass);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
function assertThisInitialized_assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss/dist/jss.esm.js
var plainObjectConstrurctor = {}.constructor;
function cloneStyle(style) {
if (style == null || typeof style !== 'object') return style;
if (Array.isArray(style)) return style.map(cloneStyle);
if (style.constructor !== plainObjectConstrurctor) return style;
var newStyle = {};
for (var name in style) {
newStyle[name] = cloneStyle(style[name]);
}
return newStyle;
}
/**
* Create a rule instance.
*/
function createRule(name, decl, options) {
if (name === void 0) {
name = 'unnamed';
}
var jss = options.jss;
var declCopy = cloneStyle(decl);
var rule = jss.plugins.onCreateRule(name, declCopy, options);
if (rule) return rule; // It is an at-rule and it has no instance.
if (name[0] === '@') {
false ? 0 : void 0;
}
return null;
}
var join = function join(value, by) {
var result = '';
for (var i = 0; i < value.length; i++) {
// Remove !important from the value, it will be readded later.
if (value[i] === '!important') break;
if (result) result += by;
result += value[i];
}
return result;
};
/**
* Converts JSS array value to a CSS string.
*
* `margin: [['5px', '10px']]` > `margin: 5px 10px;`
* `border: ['1px', '2px']` > `border: 1px, 2px;`
* `margin: [['5px', '10px'], '!important']` > `margin: 5px 10px !important;`
* `color: ['red', !important]` > `color: red !important;`
*/
var toCssValue = function toCssValue(value, ignoreImportant) {
if (ignoreImportant === void 0) {
ignoreImportant = false;
}
if (!Array.isArray(value)) return value;
var cssValue = ''; // Support space separated values via `[['5px', '10px']]`.
if (Array.isArray(value[0])) {
for (var i = 0; i < value.length; i++) {
if (value[i] === '!important') break;
if (cssValue) cssValue += ', ';
cssValue += join(value[i], ' ');
}
} else cssValue = join(value, ', '); // Add !important, because it was ignored.
if (!ignoreImportant && value[value.length - 1] === '!important') {
cssValue += ' !important';
}
return cssValue;
};
function getWhitespaceSymbols(options) {
if (options && options.format === false) {
return {
linebreak: '',
space: ''
};
}
return {
linebreak: '\n',
space: ' '
};
}
/**
* Indent a string.
* http://jsperf.com/array-join-vs-for
*/
function indentStr(str, indent) {
var result = '';
for (var index = 0; index < indent; index++) {
result += ' ';
}
return result + str;
}
/**
* Converts a Rule to CSS string.
*/
function toCss(selector, style, options) {
if (options === void 0) {
options = {};
}
var result = '';
if (!style) return result;
var _options = options,
_options$indent = _options.indent,
indent = _options$indent === void 0 ? 0 : _options$indent;
var fallbacks = style.fallbacks;
if (options.format === false) {
indent = -Infinity;
}
var _getWhitespaceSymbols = getWhitespaceSymbols(options),
linebreak = _getWhitespaceSymbols.linebreak,
space = _getWhitespaceSymbols.space;
if (selector) indent++; // Apply fallbacks first.
if (fallbacks) {
// Array syntax {fallbacks: [{prop: value}]}
if (Array.isArray(fallbacks)) {
for (var index = 0; index < fallbacks.length; index++) {
var fallback = fallbacks[index];
for (var prop in fallback) {
var value = fallback[prop];
if (value != null) {
if (result) result += linebreak;
result += indentStr(prop + ":" + space + toCssValue(value) + ";", indent);
}
}
}
} else {
// Object syntax {fallbacks: {prop: value}}
for (var _prop in fallbacks) {
var _value = fallbacks[_prop];
if (_value != null) {
if (result) result += linebreak;
result += indentStr(_prop + ":" + space + toCssValue(_value) + ";", indent);
}
}
}
}
for (var _prop2 in style) {
var _value2 = style[_prop2];
if (_value2 != null && _prop2 !== 'fallbacks') {
if (result) result += linebreak;
result += indentStr(_prop2 + ":" + space + toCssValue(_value2) + ";", indent);
}
} // Allow empty style in this case, because properties will be added dynamically.
if (!result && !options.allowEmpty) return result; // When rule is being stringified before selector was defined.
if (!selector) return result;
indent--;
if (result) result = "" + linebreak + result + linebreak;
return indentStr("" + selector + space + "{" + result, indent) + indentStr('}', indent);
}
var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
var nativeEscape = typeof CSS !== 'undefined' && CSS.escape;
var jss_esm_escape = (function (str) {
return nativeEscape ? nativeEscape(str) : str.replace(escapeRegex, '\\$1');
});
var BaseStyleRule =
/*#__PURE__*/
function () {
function BaseStyleRule(key, style, options) {
this.type = 'style';
this.isProcessed = false;
var sheet = options.sheet,
Renderer = options.Renderer;
this.key = key;
this.options = options;
this.style = style;
if (sheet) this.renderer = sheet.renderer;else if (Renderer) this.renderer = new Renderer();
}
/**
* Get or set a style property.
*/
var _proto = BaseStyleRule.prototype;
_proto.prop = function prop(name, value, options) {
// It's a getter.
if (value === undefined) return this.style[name]; // Don't do anything if the value has not changed.
var force = options ? options.force : false;
if (!force && this.style[name] === value) return this;
var newValue = value;
if (!options || options.process !== false) {
newValue = this.options.jss.plugins.onChangeValue(value, name, this);
}
var isEmpty = newValue == null || newValue === false;
var isDefined = name in this.style; // Value is empty and wasn't defined before.
if (isEmpty && !isDefined && !force) return this; // We are going to remove this value.
var remove = isEmpty && isDefined;
if (remove) delete this.style[name];else this.style[name] = newValue; // Renderable is defined if StyleSheet option `link` is true.
if (this.renderable && this.renderer) {
if (remove) this.renderer.removeProperty(this.renderable, name);else this.renderer.setProperty(this.renderable, name, newValue);
return this;
}
var sheet = this.options.sheet;
if (sheet && sheet.attached) {
false ? 0 : void 0;
}
return this;
};
return BaseStyleRule;
}();
var StyleRule =
/*#__PURE__*/
function (_BaseStyleRule) {
inheritsLoose_inheritsLoose(StyleRule, _BaseStyleRule);
function StyleRule(key, style, options) {
var _this;
_this = _BaseStyleRule.call(this, key, style, options) || this;
var selector = options.selector,
scoped = options.scoped,
sheet = options.sheet,
generateId = options.generateId;
if (selector) {
_this.selectorText = selector;
} else if (scoped !== false) {
_this.id = generateId(assertThisInitialized_assertThisInitialized(assertThisInitialized_assertThisInitialized(_this)), sheet);
_this.selectorText = "." + jss_esm_escape(_this.id);
}
return _this;
}
/**
* Set selector string.
* Attention: use this with caution. Most browsers didn't implement
* selectorText setter, so this may result in rerendering of entire Style Sheet.
*/
var _proto2 = StyleRule.prototype;
/**
* Apply rule to an element inline.
*/
_proto2.applyTo = function applyTo(renderable) {
var renderer = this.renderer;
if (renderer) {
var json = this.toJSON();
for (var prop in json) {
renderer.setProperty(renderable, prop, json[prop]);
}
}
return this;
}
/**
* Returns JSON representation of the rule.
* Fallbacks are not supported.
* Useful for inline styles.
*/
;
_proto2.toJSON = function toJSON() {
var json = {};
for (var prop in this.style) {
var value = this.style[prop];
if (typeof value !== 'object') json[prop] = value;else if (Array.isArray(value)) json[prop] = toCssValue(value);
}
return json;
}
/**
* Generates a CSS string.
*/
;
_proto2.toString = function toString(options) {
var sheet = this.options.sheet;
var link = sheet ? sheet.options.link : false;
var opts = link ? extends_extends({}, options, {
allowEmpty: true
}) : options;
return toCss(this.selectorText, this.style, opts);
};
_createClass(StyleRule, [{
key: "selector",
set: function set(selector) {
if (selector === this.selectorText) return;
this.selectorText = selector;
var renderer = this.renderer,
renderable = this.renderable;
if (!renderable || !renderer) return;
var hasChanged = renderer.setSelector(renderable, selector); // If selector setter is not implemented, rerender the rule.
if (!hasChanged) {
renderer.replaceRule(renderable, this);
}
}
/**
* Get selector string.
*/
,
get: function get() {
return this.selectorText;
}
}]);
return StyleRule;
}(BaseStyleRule);
var pluginStyleRule = {
onCreateRule: function onCreateRule(key, style, options) {
if (key[0] === '@' || options.parent && options.parent.type === 'keyframes') {
return null;
}
return new StyleRule(key, style, options);
}
};
var defaultToStringOptions = {
indent: 1,
children: true
};
var atRegExp = /@([\w-]+)/;
/**
* Conditional rule for @media, @supports
*/
var ConditionalRule =
/*#__PURE__*/
function () {
function ConditionalRule(key, styles, options) {
this.type = 'conditional';
this.isProcessed = false;
this.key = key;
var atMatch = key.match(atRegExp);
this.at = atMatch ? atMatch[1] : 'unknown'; // Key might contain a unique suffix in case the `name` passed by user was duplicate.
this.query = options.name || "@" + this.at;
this.options = options;
this.rules = new RuleList(extends_extends({}, options, {
parent: this
}));
for (var name in styles) {
this.rules.add(name, styles[name]);
}
this.rules.process();
}
/**
* Get a rule.
*/
var _proto = ConditionalRule.prototype;
_proto.getRule = function getRule(name) {
return this.rules.get(name);
}
/**
* Get index of a rule.
*/
;
_proto.indexOf = function indexOf(rule) {
return this.rules.indexOf(rule);
}
/**
* Create and register rule, run plugins.
*/
;
_proto.addRule = function addRule(name, style, options) {
var rule = this.rules.add(name, style, options);
if (!rule) return null;
this.options.jss.plugins.onProcessRule(rule);
return rule;
}
/**
* Replace rule, run plugins.
*/
;
_proto.replaceRule = function replaceRule(name, style, options) {
var newRule = this.rules.replace(name, style, options);
if (newRule) this.options.jss.plugins.onProcessRule(newRule);
return newRule;
}
/**
* Generates a CSS string.
*/
;
_proto.toString = function toString(options) {
if (options === void 0) {
options = defaultToStringOptions;
}
var _getWhitespaceSymbols = getWhitespaceSymbols(options),
linebreak = _getWhitespaceSymbols.linebreak;
if (options.indent == null) options.indent = defaultToStringOptions.indent;
if (options.children == null) options.children = defaultToStringOptions.children;
if (options.children === false) {
return this.query + " {}";
}
var children = this.rules.toString(options);
return children ? this.query + " {" + linebreak + children + linebreak + "}" : '';
};
return ConditionalRule;
}();
var keyRegExp = /@media|@supports\s+/;
var pluginConditionalRule = {
onCreateRule: function onCreateRule(key, styles, options) {
return keyRegExp.test(key) ? new ConditionalRule(key, styles, options) : null;
}
};
var defaultToStringOptions$1 = {
indent: 1,
children: true
};
var nameRegExp = /@keyframes\s+([\w-]+)/;
/**
* Rule for @keyframes
*/
var KeyframesRule =
/*#__PURE__*/
function () {
function KeyframesRule(key, frames, options) {
this.type = 'keyframes';
this.at = '@keyframes';
this.isProcessed = false;
var nameMatch = key.match(nameRegExp);
if (nameMatch && nameMatch[1]) {
this.name = nameMatch[1];
} else {
this.name = 'noname';
false ? 0 : void 0;
}
this.key = this.type + "-" + this.name;
this.options = options;
var scoped = options.scoped,
sheet = options.sheet,
generateId = options.generateId;
this.id = scoped === false ? this.name : jss_esm_escape(generateId(this, sheet));
this.rules = new RuleList(extends_extends({}, options, {
parent: this
}));
for (var name in frames) {
this.rules.add(name, frames[name], extends_extends({}, options, {
parent: this
}));
}
this.rules.process();
}
/**
* Generates a CSS string.
*/
var _proto = KeyframesRule.prototype;
_proto.toString = function toString(options) {
if (options === void 0) {
options = defaultToStringOptions$1;
}
var _getWhitespaceSymbols = getWhitespaceSymbols(options),
linebreak = _getWhitespaceSymbols.linebreak;
if (options.indent == null) options.indent = defaultToStringOptions$1.indent;
if (options.children == null) options.children = defaultToStringOptions$1.children;
if (options.children === false) {
return this.at + " " + this.id + " {}";
}
var children = this.rules.toString(options);
if (children) children = "" + linebreak + children + linebreak;
return this.at + " " + this.id + " {" + children + "}";
};
return KeyframesRule;
}();
var keyRegExp$1 = /@keyframes\s+/;
var refRegExp = /\$([\w-]+)/g;
var findReferencedKeyframe = function findReferencedKeyframe(val, keyframes) {
if (typeof val === 'string') {
return val.replace(refRegExp, function (match, name) {
if (name in keyframes) {
return keyframes[name];
}
false ? 0 : void 0;
return match;
});
}
return val;
};
/**
* Replace the reference for a animation name.
*/
var replaceRef = function replaceRef(style, prop, keyframes) {
var value = style[prop];
var refKeyframe = findReferencedKeyframe(value, keyframes);
if (refKeyframe !== value) {
style[prop] = refKeyframe;
}
};
var pluginKeyframesRule = {
onCreateRule: function onCreateRule(key, frames, options) {
return typeof key === 'string' && keyRegExp$1.test(key) ? new KeyframesRule(key, frames, options) : null;
},
// Animation name ref replacer.
onProcessStyle: function onProcessStyle(style, rule, sheet) {
if (rule.type !== 'style' || !sheet) return style;
if ('animation-name' in style) replaceRef(style, 'animation-name', sheet.keyframes);
if ('animation' in style) replaceRef(style, 'animation', sheet.keyframes);
return style;
},
onChangeValue: function onChangeValue(val, prop, rule) {
var sheet = rule.options.sheet;
if (!sheet) {
return val;
}
switch (prop) {
case 'animation':
return findReferencedKeyframe(val, sheet.keyframes);
case 'animation-name':
return findReferencedKeyframe(val, sheet.keyframes);
default:
return val;
}
}
};
var KeyframeRule =
/*#__PURE__*/
function (_BaseStyleRule) {
inheritsLoose_inheritsLoose(KeyframeRule, _BaseStyleRule);
function KeyframeRule() {
return _BaseStyleRule.apply(this, arguments) || this;
}
var _proto = KeyframeRule.prototype;
/**
* Generates a CSS string.
*/
_proto.toString = function toString(options) {
var sheet = this.options.sheet;
var link = sheet ? sheet.options.link : false;
var opts = link ? extends_extends({}, options, {
allowEmpty: true
}) : options;
return toCss(this.key, this.style, opts);
};
return KeyframeRule;
}(BaseStyleRule);
var pluginKeyframeRule = {
onCreateRule: function onCreateRule(key, style, options) {
if (options.parent && options.parent.type === 'keyframes') {
return new KeyframeRule(key, style, options);
}
return null;
}
};
var FontFaceRule =
/*#__PURE__*/
function () {
function FontFaceRule(key, style, options) {
this.type = 'font-face';
this.at = '@font-face';
this.isProcessed = false;
this.key = key;
this.style = style;
this.options = options;
}
/**
* Generates a CSS string.
*/
var _proto = FontFaceRule.prototype;
_proto.toString = function toString(options) {
var _getWhitespaceSymbols = getWhitespaceSymbols(options),
linebreak = _getWhitespaceSymbols.linebreak;
if (Array.isArray(this.style)) {
var str = '';
for (var index = 0; index < this.style.length; index++) {
str += toCss(this.at, this.style[index]);
if (this.style[index + 1]) str += linebreak;
}
return str;
}
return toCss(this.at, this.style, options);
};
return FontFaceRule;
}();
var keyRegExp$2 = /@font-face/;
var pluginFontFaceRule = {
onCreateRule: function onCreateRule(key, style, options) {
return keyRegExp$2.test(key) ? new FontFaceRule(key, style, options) : null;
}
};
var ViewportRule =
/*#__PURE__*/
function () {
function ViewportRule(key, style, options) {
this.type = 'viewport';
this.at = '@viewport';
this.isProcessed = false;
this.key = key;
this.style = style;
this.options = options;
}
/**
* Generates a CSS string.
*/
var _proto = ViewportRule.prototype;
_proto.toString = function toString(options) {
return toCss(this.key, this.style, options);
};
return ViewportRule;
}();
var pluginViewportRule = {
onCreateRule: function onCreateRule(key, style, options) {
return key === '@viewport' || key === '@-ms-viewport' ? new ViewportRule(key, style, options) : null;
}
};
var SimpleRule =
/*#__PURE__*/
function () {
function SimpleRule(key, value, options) {
this.type = 'simple';
this.isProcessed = false;
this.key = key;
this.value = value;
this.options = options;
}
/**
* Generates a CSS string.
*/
// eslint-disable-next-line no-unused-vars
var _proto = SimpleRule.prototype;
_proto.toString = function toString(options) {
if (Array.isArray(this.value)) {
var str = '';
for (var index = 0; index < this.value.length; index++) {
str += this.key + " " + this.value[index] + ";";
if (this.value[index + 1]) str += '\n';
}
return str;
}
return this.key + " " + this.value + ";";
};
return SimpleRule;
}();
var keysMap = {
'@charset': true,
'@import': true,
'@namespace': true
};
var pluginSimpleRule = {
onCreateRule: function onCreateRule(key, value, options) {
return key in keysMap ? new SimpleRule(key, value, options) : null;
}
};
var plugins = [pluginStyleRule, pluginConditionalRule, pluginKeyframesRule, pluginKeyframeRule, pluginFontFaceRule, pluginViewportRule, pluginSimpleRule];
var defaultUpdateOptions = {
process: true
};
var forceUpdateOptions = {
force: true,
process: true
/**
* Contains rules objects and allows adding/removing etc.
* Is used for e.g. by `StyleSheet` or `ConditionalRule`.
*/
};
var RuleList =
/*#__PURE__*/
function () {
// Rules registry for access by .get() method.
// It contains the same rule registered by name and by selector.
// Original styles object.
// Used to ensure correct rules order.
function RuleList(options) {
this.map = {};
this.raw = {};
this.index = [];
this.counter = 0;
this.options = options;
this.classes = options.classes;
this.keyframes = options.keyframes;
}
/**
* Create and register rule.
*
* Will not render after Style Sheet was rendered the first time.
*/
var _proto = RuleList.prototype;
_proto.add = function add(name, decl, ruleOptions) {
var _this$options = this.options,
parent = _this$options.parent,
sheet = _this$options.sheet,
jss = _this$options.jss,
Renderer = _this$options.Renderer,
generateId = _this$options.generateId,
scoped = _this$options.scoped;
var options = extends_extends({
classes: this.classes,
parent: parent,
sheet: sheet,
jss: jss,
Renderer: Renderer,
generateId: generateId,
scoped: scoped,
name: name,
keyframes: this.keyframes,
selector: undefined
}, ruleOptions); // When user uses .createStyleSheet(), duplicate names are not possible, but
// `sheet.addRule()` opens the door for any duplicate rule name. When this happens
// we need to make the key unique within this RuleList instance scope.
var key = name;
if (name in this.raw) {
key = name + "-d" + this.counter++;
} // We need to save the original decl before creating the rule
// because cache plugin needs to use it as a key to return a cached rule.
this.raw[key] = decl;
if (key in this.classes) {
// E.g. rules inside of @media container
options.selector = "." + jss_esm_escape(this.classes[key]);
}
var rule = createRule(key, decl, options);
if (!rule) return null;
this.register(rule);
var index = options.index === undefined ? this.index.length : options.index;
this.index.splice(index, 0, rule);
return rule;
}
/**
* Replace rule.
* Create a new rule and remove old one instead of overwriting
* because we want to invoke onCreateRule hook to make plugins work.
*/
;
_proto.replace = function replace(name, decl, ruleOptions) {
var oldRule = this.get(name);
var oldIndex = this.index.indexOf(oldRule);
if (oldRule) {
this.remove(oldRule);
}
var options = ruleOptions;
if (oldIndex !== -1) options = extends_extends({}, ruleOptions, {
index: oldIndex
});
return this.add(name, decl, options);
}
/**
* Get a rule by name or selector.
*/
;
_proto.get = function get(nameOrSelector) {
return this.map[nameOrSelector];
}
/**
* Delete a rule.
*/
;
_proto.remove = function remove(rule) {
this.unregister(rule);
delete this.raw[rule.key];
this.index.splice(this.index.indexOf(rule), 1);
}
/**
* Get index of a rule.
*/
;
_proto.indexOf = function indexOf(rule) {
return this.index.indexOf(rule);
}
/**
* Run `onProcessRule()` plugins on every rule.
*/
;
_proto.process = function process() {
var plugins = this.options.jss.plugins; // We need to clone array because if we modify the index somewhere else during a loop
// we end up with very hard-to-track-down side effects.
this.index.slice(0).forEach(plugins.onProcessRule, plugins);
}
/**
* Register a rule in `.map`, `.classes` and `.keyframes` maps.
*/
;
_proto.register = function register(rule) {
this.map[rule.key] = rule;
if (rule instanceof StyleRule) {
this.map[rule.selector] = rule;
if (rule.id) this.classes[rule.key] = rule.id;
} else if (rule instanceof KeyframesRule && this.keyframes) {
this.keyframes[rule.name] = rule.id;
}
}
/**
* Unregister a rule.
*/
;
_proto.unregister = function unregister(rule) {
delete this.map[rule.key];
if (rule instanceof StyleRule) {
delete this.map[rule.selector];
delete this.classes[rule.key];
} else if (rule instanceof KeyframesRule) {
delete this.keyframes[rule.name];
}
}
/**
* Update the function values with a new data.
*/
;
_proto.update = function update() {
var name;
var data;
var options;
if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'string') {
name = arguments.length <= 0 ? undefined : arguments[0];
data = arguments.length <= 1 ? undefined : arguments[1];
options = arguments.length <= 2 ? undefined : arguments[2];
} else {
data = arguments.length <= 0 ? undefined : arguments[0];
options = arguments.length <= 1 ? undefined : arguments[1];
name = null;
}
if (name) {
this.updateOne(this.get(name), data, options);
} else {
for (var index = 0; index < this.index.length; index++) {
this.updateOne(this.index[index], data, options);
}
}
}
/**
* Execute plugins, update rule props.
*/
;
_proto.updateOne = function updateOne(rule, data, options) {
if (options === void 0) {
options = defaultUpdateOptions;
}
var _this$options2 = this.options,
plugins = _this$options2.jss.plugins,
sheet = _this$options2.sheet; // It is a rules container like for e.g. ConditionalRule.
if (rule.rules instanceof RuleList) {
rule.rules.update(data, options);
return;
}
var style = rule.style;
plugins.onUpdate(data, rule, sheet, options); // We rely on a new `style` ref in case it was mutated during onUpdate hook.
if (options.process && style && style !== rule.style) {
// We need to run the plugins in case new `style` relies on syntax plugins.
plugins.onProcessStyle(rule.style, rule, sheet); // Update and add props.
for (var prop in rule.style) {
var nextValue = rule.style[prop];
var prevValue = style[prop]; // We need to use `force: true` because `rule.style` has been updated during onUpdate hook, so `rule.prop()` will not update the CSSOM rule.
// We do this comparison to avoid unneeded `rule.prop()` calls, since we have the old `style` object here.
if (nextValue !== prevValue) {
rule.prop(prop, nextValue, forceUpdateOptions);
}
} // Remove props.
for (var _prop in style) {
var _nextValue = rule.style[_prop];
var _prevValue = style[_prop]; // We need to use `force: true` because `rule.style` has been updated during onUpdate hook, so `rule.prop()` will not update the CSSOM rule.
// We do this comparison to avoid unneeded `rule.prop()` calls, since we have the old `style` object here.
if (_nextValue == null && _nextValue !== _prevValue) {
rule.prop(_prop, null, forceUpdateOptions);
}
}
}
}
/**
* Convert rules to a CSS string.
*/
;
_proto.toString = function toString(options) {
var str = '';
var sheet = this.options.sheet;
var link = sheet ? sheet.options.link : false;
var _getWhitespaceSymbols = getWhitespaceSymbols(options),
linebreak = _getWhitespaceSymbols.linebreak;
for (var index = 0; index < this.index.length; index++) {
var rule = this.index[index];
var css = rule.toString(options); // No need to render an empty rule.
if (!css && !link) continue;
if (str) str += linebreak;
str += css;
}
return str;
};
return RuleList;
}();
var StyleSheet =
/*#__PURE__*/
function () {
function StyleSheet(styles, options) {
this.attached = false;
this.deployed = false;
this.classes = {};
this.keyframes = {};
this.options = extends_extends({}, options, {
sheet: this,
parent: this,
classes: this.classes,
keyframes: this.keyframes
});
if (options.Renderer) {
this.renderer = new options.Renderer(this);
}
this.rules = new RuleList(this.options);
for (var name in styles) {
this.rules.add(name, styles[name]);
}
this.rules.process();
}
/**
* Attach renderable to the render tree.
*/
var _proto = StyleSheet.prototype;
_proto.attach = function attach() {
if (this.attached) return this;
if (this.renderer) this.renderer.attach();
this.attached = true; // Order is important, because we can't use insertRule API if style element is not attached.
if (!this.deployed) this.deploy();
return this;
}
/**
* Remove renderable from render tree.
*/
;
_proto.detach = function detach() {
if (!this.attached) return this;
if (this.renderer) this.renderer.detach();
this.attached = false;
return this;
}
/**
* Add a rule to the current stylesheet.
* Will insert a rule also after the stylesheet has been rendered first time.
*/
;
_proto.addRule = function addRule(name, decl, options) {
var queue = this.queue; // Plugins can create rules.
// In order to preserve the right order, we need to queue all `.addRule` calls,
// which happen after the first `rules.add()` call.
if (this.attached && !queue) this.queue = [];
var rule = this.rules.add(name, decl, options);
if (!rule) return null;
this.options.jss.plugins.onProcessRule(rule);
if (this.attached) {
if (!this.deployed) return rule; // Don't insert rule directly if there is no stringified version yet.
// It will be inserted all together when .attach is called.
if (queue) queue.push(rule);else {
this.insertRule(rule);
if (this.queue) {
this.queue.forEach(this.insertRule, this);
this.queue = undefined;
}
}
return rule;
} // We can't add rules to a detached style node.
// We will redeploy the sheet once user will attach it.
this.deployed = false;
return rule;
}
/**
* Replace a rule in the current stylesheet.
*/
;
_proto.replaceRule = function replaceRule(nameOrSelector, decl, options) {
var oldRule = this.rules.get(nameOrSelector);
if (!oldRule) return this.addRule(nameOrSelector, decl, options);
var newRule = this.rules.replace(nameOrSelector, decl, options);
if (newRule) {
this.options.jss.plugins.onProcessRule(newRule);
}
if (this.attached) {
if (!this.deployed) return newRule; // Don't replace / delete rule directly if there is no stringified version yet.
// It will be inserted all together when .attach is called.
if (this.renderer) {
if (!newRule) {
this.renderer.deleteRule(oldRule);
} else if (oldRule.renderable) {
this.renderer.replaceRule(oldRule.renderable, newRule);
}
}
return newRule;
} // We can't replace rules to a detached style node.
// We will redeploy the sheet once user will attach it.
this.deployed = false;
return newRule;
}
/**
* Insert rule into the StyleSheet
*/
;
_proto.insertRule = function insertRule(rule) {
if (this.renderer) {
this.renderer.insertRule(rule);
}
}
/**
* Create and add rules.
* Will render also after Style Sheet was rendered the first time.
*/
;
_proto.addRules = function addRules(styles, options) {
var added = [];
for (var name in styles) {
var rule = this.addRule(name, styles[name], options);
if (rule) added.push(rule);
}
return added;
}
/**
* Get a rule by name or selector.
*/
;
_proto.getRule = function getRule(nameOrSelector) {
return this.rules.get(nameOrSelector);
}
/**
* Delete a rule by name.
* Returns `true`: if rule has been deleted from the DOM.
*/
;
_proto.deleteRule = function deleteRule(name) {
var rule = typeof name === 'object' ? name : this.rules.get(name);
if (!rule || // Style sheet was created without link: true and attached, in this case we
// won't be able to remove the CSS rule from the DOM.
this.attached && !rule.renderable) {
return false;
}
this.rules.remove(rule);
if (this.attached && rule.renderable && this.renderer) {
return this.renderer.deleteRule(rule.renderable);
}
return true;
}
/**
* Get index of a rule.
*/
;
_proto.indexOf = function indexOf(rule) {
return this.rules.indexOf(rule);
}
/**
* Deploy pure CSS string to a renderable.
*/
;
_proto.deploy = function deploy() {
if (this.renderer) this.renderer.deploy();
this.deployed = true;
return this;
}
/**
* Update the function values with a new data.
*/
;
_proto.update = function update() {
var _this$rules;
(_this$rules = this.rules).update.apply(_this$rules, arguments);
return this;
}
/**
* Updates a single rule.
*/
;
_proto.updateOne = function updateOne(rule, data, options) {
this.rules.updateOne(rule, data, options);
return this;
}
/**
* Convert rules to a CSS string.
*/
;
_proto.toString = function toString(options) {
return this.rules.toString(options);
};
return StyleSheet;
}();
var PluginsRegistry =
/*#__PURE__*/
function () {
function PluginsRegistry() {
this.plugins = {
internal: [],
external: []
};
this.registry = {};
}
var _proto = PluginsRegistry.prototype;
/**
* Call `onCreateRule` hooks and return an object if returned by a hook.
*/
_proto.onCreateRule = function onCreateRule(name, decl, options) {
for (var i = 0; i < this.registry.onCreateRule.length; i++) {
var rule = this.registry.onCreateRule[i](name, decl, options);
if (rule) return rule;
}
return null;
}
/**
* Call `onProcessRule` hooks.
*/
;
_proto.onProcessRule = function onProcessRule(rule) {
if (rule.isProcessed) return;
var sheet = rule.options.sheet;
for (var i = 0; i < this.registry.onProcessRule.length; i++) {
this.registry.onProcessRule[i](rule, sheet);
}
if (rule.style) this.onProcessStyle(rule.style, rule, sheet);
rule.isProcessed = true;
}
/**
* Call `onProcessStyle` hooks.
*/
;
_proto.onProcessStyle = function onProcessStyle(style, rule, sheet) {
for (var i = 0; i < this.registry.onProcessStyle.length; i++) {
rule.style = this.registry.onProcessStyle[i](rule.style, rule, sheet);
}
}
/**
* Call `onProcessSheet` hooks.
*/
;
_proto.onProcessSheet = function onProcessSheet(sheet) {
for (var i = 0; i < this.registry.onProcessSheet.length; i++) {
this.registry.onProcessSheet[i](sheet);
}
}
/**
* Call `onUpdate` hooks.
*/
;
_proto.onUpdate = function onUpdate(data, rule, sheet, options) {
for (var i = 0; i < this.registry.onUpdate.length; i++) {
this.registry.onUpdate[i](data, rule, sheet, options);
}
}
/**
* Call `onChangeValue` hooks.
*/
;
_proto.onChangeValue = function onChangeValue(value, prop, rule) {
var processedValue = value;
for (var i = 0; i < this.registry.onChangeValue.length; i++) {
processedValue = this.registry.onChangeValue[i](processedValue, prop, rule);
}
return processedValue;
}
/**
* Register a plugin.
*/
;
_proto.use = function use(newPlugin, options) {
if (options === void 0) {
options = {
queue: 'external'
};
}
var plugins = this.plugins[options.queue]; // Avoids applying same plugin twice, at least based on ref.
if (plugins.indexOf(newPlugin) !== -1) {
return;
}
plugins.push(newPlugin);
this.registry = [].concat(this.plugins.external, this.plugins.internal).reduce(function (registry, plugin) {
for (var name in plugin) {
if (name in registry) {
registry[name].push(plugin[name]);
} else {
false ? 0 : void 0;
}
}
return registry;
}, {
onCreateRule: [],
onProcessRule: [],
onProcessStyle: [],
onProcessSheet: [],
onChangeValue: [],
onUpdate: []
});
};
return PluginsRegistry;
}();
/**
* Sheets registry to access all instances in one place.
*/
var SheetsRegistry =
/*#__PURE__*/
function () {
function SheetsRegistry() {
this.registry = [];
}
var _proto = SheetsRegistry.prototype;
/**
* Register a Style Sheet.
*/
_proto.add = function add(sheet) {
var registry = this.registry;
var index = sheet.options.index;
if (registry.indexOf(sheet) !== -1) return;
if (registry.length === 0 || index >= this.index) {
registry.push(sheet);
return;
} // Find a position.
for (var i = 0; i < registry.length; i++) {
if (registry[i].options.index > index) {
registry.splice(i, 0, sheet);
return;
}
}
}
/**
* Reset the registry.
*/
;
_proto.reset = function reset() {
this.registry = [];
}
/**
* Remove a Style Sheet.
*/
;
_proto.remove = function remove(sheet) {
var index = this.registry.indexOf(sheet);
this.registry.splice(index, 1);
}
/**
* Convert all attached sheets to a CSS string.
*/
;
_proto.toString = function toString(_temp) {
var _ref = _temp === void 0 ? {} : _temp,
attached = _ref.attached,
options = objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(_ref, ["attached"]);
var _getWhitespaceSymbols = getWhitespaceSymbols(options),
linebreak = _getWhitespaceSymbols.linebreak;
var css = '';
for (var i = 0; i < this.registry.length; i++) {
var sheet = this.registry[i];
if (attached != null && sheet.attached !== attached) {
continue;
}
if (css) css += linebreak;
css += sheet.toString(options);
}
return css;
};
_createClass(SheetsRegistry, [{
key: "index",
/**
* Current highest index number.
*/
get: function get() {
return this.registry.length === 0 ? 0 : this.registry[this.registry.length - 1].options.index;
}
}]);
return SheetsRegistry;
}();
/**
* This is a global sheets registry. Only DomRenderer will add sheets to it.
* On the server one should use an own SheetsRegistry instance and add the
* sheets to it, because you need to make sure to create a new registry for
* each request in order to not leak sheets across requests.
*/
var sheets = new SheetsRegistry();
/* eslint-disable */
/**
* Now that `globalThis` is available on most platforms
* (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis#browser_compatibility)
* we check for `globalThis` first. `globalThis` is necessary for jss
* to run in Agoric's secure version of JavaScript (SES). Under SES,
* `globalThis` exists, but `window`, `self`, and `Function('return
* this')()` are all undefined for security reasons.
*
* https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
*/
var globalThis$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' && window.Math === Math ? window : typeof self !== 'undefined' && self.Math === Math ? self : Function('return this')();
var ns = '2f1acc6c3a606b082e5eef5e54414ffb';
if (globalThis$1[ns] == null) globalThis$1[ns] = 0; // Bundle may contain multiple JSS versions at the same time. In order to identify
// the current version with just one short number and use it for classes generation
// we use a counter. Also it is more accurate, because user can manually reevaluate
// the module.
var moduleId = globalThis$1[ns]++;
var maxRules = 1e10;
/**
* Returns a function which generates unique class names based on counters.
* When new generator function is created, rule counter is reseted.
* We need to reset the rule counter for SSR for each request.
*/
var jss_esm_createGenerateId = function createGenerateId(options) {
if (options === void 0) {
options = {};
}
var ruleCounter = 0;
var generateId = function generateId(rule, sheet) {
ruleCounter += 1;
if (ruleCounter > maxRules) {
false ? 0 : void 0;
}
var jssId = '';
var prefix = '';
if (sheet) {
if (sheet.options.classNamePrefix) {
prefix = sheet.options.classNamePrefix;
}
if (sheet.options.jss.id != null) {
jssId = String(sheet.options.jss.id);
}
}
if (options.minify) {
// Using "c" because a number can't be the first char in a class name.
return "" + (prefix || 'c') + moduleId + jssId + ruleCounter;
}
return prefix + rule.key + "-" + moduleId + (jssId ? "-" + jssId : '') + "-" + ruleCounter;
};
return generateId;
};
/**
* Cache the value from the first time a function is called.
*/
var memoize = function memoize(fn) {
var value;
return function () {
if (!value) value = fn();
return value;
};
};
/**
* Get a style property value.
*/
var getPropertyValue = function getPropertyValue(cssRule, prop) {
try {
// Support CSSTOM.
if (cssRule.attributeStyleMap) {
return cssRule.attributeStyleMap.get(prop);
}
return cssRule.style.getPropertyValue(prop);
} catch (err) {
// IE may throw if property is unknown.
return '';
}
};
/**
* Set a style property.
*/
var setProperty = function setProperty(cssRule, prop, value) {
try {
var cssValue = value;
if (Array.isArray(value)) {
cssValue = toCssValue(value, true);
if (value[value.length - 1] === '!important') {
cssRule.style.setProperty(prop, cssValue, 'important');
return true;
}
} // Support CSSTOM.
if (cssRule.attributeStyleMap) {
cssRule.attributeStyleMap.set(prop, cssValue);
} else {
cssRule.style.setProperty(prop, cssValue);
}
} catch (err) {
// IE may throw if property is unknown.
return false;
}
return true;
};
/**
* Remove a style property.
*/
var removeProperty = function removeProperty(cssRule, prop) {
try {
// Support CSSTOM.
if (cssRule.attributeStyleMap) {
cssRule.attributeStyleMap.delete(prop);
} else {
cssRule.style.removeProperty(prop);
}
} catch (err) {
false ? 0 : void 0;
}
};
/**
* Set the selector.
*/
var setSelector = function setSelector(cssRule, selectorText) {
cssRule.selectorText = selectorText; // Return false if setter was not successful.
// Currently works in chrome only.
return cssRule.selectorText === selectorText;
};
/**
* Gets the `head` element upon the first call and caches it.
* We assume it can't be null.
*/
var getHead = memoize(function () {
return document.querySelector('head');
});
/**
* Find attached sheet with an index higher than the passed one.
*/
function findHigherSheet(registry, options) {
for (var i = 0; i < registry.length; i++) {
var sheet = registry[i];
if (sheet.attached && sheet.options.index > options.index && sheet.options.insertionPoint === options.insertionPoint) {
return sheet;
}
}
return null;
}
/**
* Find attached sheet with the highest index.
*/
function findHighestSheet(registry, options) {
for (var i = registry.length - 1; i >= 0; i--) {
var sheet = registry[i];
if (sheet.attached && sheet.options.insertionPoint === options.insertionPoint) {
return sheet;
}
}
return null;
}
/**
* Find a comment with "jss" inside.
*/
function findCommentNode(text) {
var head = getHead();
for (var i = 0; i < head.childNodes.length; i++) {
var node = head.childNodes[i];
if (node.nodeType === 8 && node.nodeValue.trim() === text) {
return node;
}
}
return null;
}
/**
* Find a node before which we can insert the sheet.
*/
function findPrevNode(options) {
var registry = sheets.registry;
if (registry.length > 0) {
// Try to insert before the next higher sheet.
var sheet = findHigherSheet(registry, options);
if (sheet && sheet.renderer) {
return {
parent: sheet.renderer.element.parentNode,
node: sheet.renderer.element
};
} // Otherwise insert after the last attached.
sheet = findHighestSheet(registry, options);
if (sheet && sheet.renderer) {
return {
parent: sheet.renderer.element.parentNode,
node: sheet.renderer.element.nextSibling
};
}
} // Try to find a comment placeholder if registry is empty.
var insertionPoint = options.insertionPoint;
if (insertionPoint && typeof insertionPoint === 'string') {
var comment = findCommentNode(insertionPoint);
if (comment) {
return {
parent: comment.parentNode,
node: comment.nextSibling
};
} // If user specifies an insertion point and it can't be found in the document -
// bad specificity issues may appear.
false ? 0 : void 0;
}
return false;
}
/**
* Insert style element into the DOM.
*/
function insertStyle(style, options) {
var insertionPoint = options.insertionPoint;
var nextNode = findPrevNode(options);
if (nextNode !== false && nextNode.parent) {
nextNode.parent.insertBefore(style, nextNode.node);
return;
} // Works with iframes and any node types.
if (insertionPoint && typeof insertionPoint.nodeType === 'number') {
var insertionPointElement = insertionPoint;
var parentNode = insertionPointElement.parentNode;
if (parentNode) parentNode.insertBefore(style, insertionPointElement.nextSibling);else false ? 0 : void 0;
return;
}
getHead().appendChild(style);
}
/**
* Read jss nonce setting from the page if the user has set it.
*/
var getNonce = memoize(function () {
var node = document.querySelector('meta[property="csp-nonce"]');
return node ? node.getAttribute('content') : null;
});
var _insertRule = function insertRule(container, rule, index) {
try {
if ('insertRule' in container) {
container.insertRule(rule, index);
} // Keyframes rule.
else if ('appendRule' in container) {
container.appendRule(rule);
}
} catch (err) {
false ? 0 : void 0;
return false;
}
return container.cssRules[index];
};
var getValidRuleInsertionIndex = function getValidRuleInsertionIndex(container, index) {
var maxIndex = container.cssRules.length; // In case previous insertion fails, passed index might be wrong
if (index === undefined || index > maxIndex) {
// eslint-disable-next-line no-param-reassign
return maxIndex;
}
return index;
};
var createStyle = function createStyle() {
var el = document.createElement('style'); // Without it, IE will have a broken source order specificity if we
// insert rules after we insert the style tag.
// It seems to kick-off the source order specificity algorithm.
el.textContent = '\n';
return el;
};
var DomRenderer =
/*#__PURE__*/
function () {
// Will be empty if link: true option is not set, because
// it is only for use together with insertRule API.
function DomRenderer(sheet) {
this.getPropertyValue = getPropertyValue;
this.setProperty = setProperty;
this.removeProperty = removeProperty;
this.setSelector = setSelector;
this.hasInsertedRules = false;
this.cssRules = [];
// There is no sheet when the renderer is used from a standalone StyleRule.
if (sheet) sheets.add(sheet);
this.sheet = sheet;
var _ref = this.sheet ? this.sheet.options : {},
media = _ref.media,
meta = _ref.meta,
element = _ref.element;
this.element = element || createStyle();
this.element.setAttribute('data-jss', '');
if (media) this.element.setAttribute('media', media);
if (meta) this.element.setAttribute('data-meta', meta);
var nonce = getNonce();
if (nonce) this.element.setAttribute('nonce', nonce);
}
/**
* Insert style element into render tree.
*/
var _proto = DomRenderer.prototype;
_proto.attach = function attach() {
// In the case the element node is external and it is already in the DOM.
if (this.element.parentNode || !this.sheet) return;
insertStyle(this.element, this.sheet.options); // When rules are inserted using `insertRule` API, after `sheet.detach().attach()`
// most browsers create a new CSSStyleSheet, except of all IEs.
var deployed = Boolean(this.sheet && this.sheet.deployed);
if (this.hasInsertedRules && deployed) {
this.hasInsertedRules = false;
this.deploy();
}
}
/**
* Remove style element from render tree.
*/
;
_proto.detach = function detach() {
if (!this.sheet) return;
var parentNode = this.element.parentNode;
if (parentNode) parentNode.removeChild(this.element); // In the most browsers, rules inserted using insertRule() API will be lost when style element is removed.
// Though IE will keep them and we need a consistent behavior.
if (this.sheet.options.link) {
this.cssRules = [];
this.element.textContent = '\n';
}
}
/**
* Inject CSS string into element.
*/
;
_proto.deploy = function deploy() {
var sheet = this.sheet;
if (!sheet) return;
if (sheet.options.link) {
this.insertRules(sheet.rules);
return;
}
this.element.textContent = "\n" + sheet.toString() + "\n";
}
/**
* Insert RuleList into an element.
*/
;
_proto.insertRules = function insertRules(rules, nativeParent) {
for (var i = 0; i < rules.index.length; i++) {
this.insertRule(rules.index[i], i, nativeParent);
}
}
/**
* Insert a rule into element.
*/
;
_proto.insertRule = function insertRule(rule, index, nativeParent) {
if (nativeParent === void 0) {
nativeParent = this.element.sheet;
}
if (rule.rules) {
var parent = rule;
var latestNativeParent = nativeParent;
if (rule.type === 'conditional' || rule.type === 'keyframes') {
var _insertionIndex = getValidRuleInsertionIndex(nativeParent, index); // We need to render the container without children first.
latestNativeParent = _insertRule(nativeParent, parent.toString({
children: false
}), _insertionIndex);
if (latestNativeParent === false) {
return false;
}
this.refCssRule(rule, _insertionIndex, latestNativeParent);
}
this.insertRules(parent.rules, latestNativeParent);
return latestNativeParent;
}
var ruleStr = rule.toString();
if (!ruleStr) return false;
var insertionIndex = getValidRuleInsertionIndex(nativeParent, index);
var nativeRule = _insertRule(nativeParent, ruleStr, insertionIndex);
if (nativeRule === false) {
return false;
}
this.hasInsertedRules = true;
this.refCssRule(rule, insertionIndex, nativeRule);
return nativeRule;
};
_proto.refCssRule = function refCssRule(rule, index, cssRule) {
rule.renderable = cssRule; // We only want to reference the top level rules, deleteRule API doesn't support removing nested rules
// like rules inside media queries or keyframes
if (rule.options.parent instanceof StyleSheet) {
this.cssRules.splice(index, 0, cssRule);
}
}
/**
* Delete a rule.
*/
;
_proto.deleteRule = function deleteRule(cssRule) {
var sheet = this.element.sheet;
var index = this.indexOf(cssRule);
if (index === -1) return false;
sheet.deleteRule(index);
this.cssRules.splice(index, 1);
return true;
}
/**
* Get index of a CSS Rule.
*/
;
_proto.indexOf = function indexOf(cssRule) {
return this.cssRules.indexOf(cssRule);
}
/**
* Generate a new CSS rule and replace the existing one.
*/
;
_proto.replaceRule = function replaceRule(cssRule, rule) {
var index = this.indexOf(cssRule);
if (index === -1) return false;
this.element.sheet.deleteRule(index);
this.cssRules.splice(index, 1);
return this.insertRule(rule, index);
}
/**
* Get all rules elements.
*/
;
_proto.getRules = function getRules() {
return this.element.sheet.cssRules;
};
return DomRenderer;
}();
var instanceCounter = 0;
var Jss =
/*#__PURE__*/
function () {
function Jss(options) {
this.id = instanceCounter++;
this.version = "10.9.0";
this.plugins = new PluginsRegistry();
this.options = {
id: {
minify: false
},
createGenerateId: jss_esm_createGenerateId,
Renderer: dist_module ? DomRenderer : null,
plugins: []
};
this.generateId = jss_esm_createGenerateId({
minify: false
});
for (var i = 0; i < plugins.length; i++) {
this.plugins.use(plugins[i], {
queue: 'internal'
});
}
this.setup(options);
}
/**
* Prepares various options, applies plugins.
* Should not be used twice on the same instance, because there is no plugins
* deduplication logic.
*/
var _proto = Jss.prototype;
_proto.setup = function setup(options) {
if (options === void 0) {
options = {};
}
if (options.createGenerateId) {
this.options.createGenerateId = options.createGenerateId;
}
if (options.id) {
this.options.id = extends_extends({}, this.options.id, options.id);
}
if (options.createGenerateId || options.id) {
this.generateId = this.options.createGenerateId(this.options.id);
}
if (options.insertionPoint != null) this.options.insertionPoint = options.insertionPoint;
if ('Renderer' in options) {
this.options.Renderer = options.Renderer;
} // eslint-disable-next-line prefer-spread
if (options.plugins) this.use.apply(this, options.plugins);
return this;
}
/**
* Create a Style Sheet.
*/
;
_proto.createStyleSheet = function createStyleSheet(styles, options) {
if (options === void 0) {
options = {};
}
var _options = options,
index = _options.index;
if (typeof index !== 'number') {
index = sheets.index === 0 ? 0 : sheets.index + 1;
}
var sheet = new StyleSheet(styles, extends_extends({}, options, {
jss: this,
generateId: options.generateId || this.generateId,
insertionPoint: this.options.insertionPoint,
Renderer: this.options.Renderer,
index: index
}));
this.plugins.onProcessSheet(sheet);
return sheet;
}
/**
* Detach the Style Sheet and remove it from the registry.
*/
;
_proto.removeStyleSheet = function removeStyleSheet(sheet) {
sheet.detach();
sheets.remove(sheet);
return this;
}
/**
* Create a rule without a Style Sheet.
* [Deprecated] will be removed in the next major version.
*/
;
_proto.createRule = function createRule$1(name, style, options) {
if (style === void 0) {
style = {};
}
if (options === void 0) {
options = {};
}
// Enable rule without name for inline styles.
if (typeof name === 'object') {
return this.createRule(undefined, name, style);
}
var ruleOptions = extends_extends({}, options, {
name: name,
jss: this,
Renderer: this.options.Renderer
});
if (!ruleOptions.generateId) ruleOptions.generateId = this.generateId;
if (!ruleOptions.classes) ruleOptions.classes = {};
if (!ruleOptions.keyframes) ruleOptions.keyframes = {};
var rule = createRule(name, style, ruleOptions);
if (rule) this.plugins.onProcessRule(rule);
return rule;
}
/**
* Register plugin. Passed function will be invoked with a rule instance.
*/
;
_proto.use = function use() {
var _this = this;
for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
plugins[_key] = arguments[_key];
}
plugins.forEach(function (plugin) {
_this.plugins.use(plugin);
});
return this;
};
return Jss;
}();
var createJss = function createJss(options) {
return new Jss(options);
};
/**
* SheetsManager is like a WeakMap which is designed to count StyleSheet
* instances and attach/detach automatically.
* Used in react-jss.
*/
var SheetsManager =
/*#__PURE__*/
function () {
function SheetsManager() {
this.length = 0;
this.sheets = new WeakMap();
}
var _proto = SheetsManager.prototype;
_proto.get = function get(key) {
var entry = this.sheets.get(key);
return entry && entry.sheet;
};
_proto.add = function add(key, sheet) {
if (this.sheets.has(key)) return;
this.length++;
this.sheets.set(key, {
sheet: sheet,
refs: 0
});
};
_proto.manage = function manage(key) {
var entry = this.sheets.get(key);
if (entry) {
if (entry.refs === 0) {
entry.sheet.attach();
}
entry.refs++;
return entry.sheet;
}
tiny_warning_esm(false, "[JSS] SheetsManager: can't find sheet to manage");
return undefined;
};
_proto.unmanage = function unmanage(key) {
var entry = this.sheets.get(key);
if (entry) {
if (entry.refs > 0) {
entry.refs--;
if (entry.refs === 0) entry.sheet.detach();
}
} else {
tiny_warning_esm(false, "SheetsManager: can't find sheet to unmanage");
}
};
_createClass(SheetsManager, [{
key: "size",
get: function get() {
return this.length;
}
}]);
return SheetsManager;
}();
/**
* Export a constant indicating if this browser has CSSTOM support.
* https://developers.google.com/web/updates/2018/03/cssom
*/
var hasCSSTOMSupport = typeof CSS === 'object' && CSS != null && 'number' in CSS;
/**
* Extracts a styles object with only props that contain function values.
*/
function getDynamicStyles(styles) {
var to = null;
for (var key in styles) {
var value = styles[key];
var type = typeof value;
if (type === 'function') {
if (!to) to = {};
to[key] = value;
} else if (type === 'object' && value !== null && !Array.isArray(value)) {
var extracted = getDynamicStyles(value);
if (extracted) {
if (!to) to = {};
to[key] = extracted;
}
}
}
return to;
}
/**
* A better abstraction over CSS.
*
* @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present
* @website https://github.com/cssinjs/jss
* @license MIT
*/
var index = createJss();
/* harmony default export */ const jss_esm = ((/* unused pure expression or super */ null && (index)));
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-rule-value-function/dist/jss-plugin-rule-value-function.esm.js
var now = Date.now();
var fnValuesNs = "fnValues" + now;
var fnRuleNs = "fnStyle" + ++now;
var functionPlugin = function functionPlugin() {
return {
onCreateRule: function onCreateRule(name, decl, options) {
if (typeof decl !== 'function') return null;
var rule = createRule(name, {}, options);
rule[fnRuleNs] = decl;
return rule;
},
onProcessStyle: function onProcessStyle(style, rule) {
// We need to extract function values from the declaration, so that we can keep core unaware of them.
// We need to do that only once.
// We don't need to extract functions on each style update, since this can happen only once.
// We don't support function values inside of function rules.
if (fnValuesNs in rule || fnRuleNs in rule) return style;
var fnValues = {};
for (var prop in style) {
var value = style[prop];
if (typeof value !== 'function') continue;
delete style[prop];
fnValues[prop] = value;
}
rule[fnValuesNs] = fnValues;
return style;
},
onUpdate: function onUpdate(data, rule, sheet, options) {
var styleRule = rule;
var fnRule = styleRule[fnRuleNs]; // If we have a style function, the entire rule is dynamic and style object
// will be returned from that function.
if (fnRule) {
// Empty object will remove all currently defined props
// in case function rule returns a falsy value.
styleRule.style = fnRule(data) || {};
if (false) { var prop; }
}
var fnValues = styleRule[fnValuesNs]; // If we have a fn values map, it is a rule with function values.
if (fnValues) {
for (var _prop in fnValues) {
styleRule.prop(_prop, fnValues[_prop](data), options);
}
}
}
};
};
/* harmony default export */ const jss_plugin_rule_value_function_esm = (functionPlugin);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/symbol-observable/es/index.js + 1 modules
var es = __webpack_require__(6029);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-rule-value-observable/dist/jss-plugin-rule-value-observable.esm.js
var isObservable = function isObservable(value) {
return value && value[es/* default */.Z] && value === value[es/* default */.Z]();
};
var observablePlugin = function observablePlugin(updateOptions) {
return {
onCreateRule: function onCreateRule(name, decl, options) {
if (!isObservable(decl)) return null;
var style$ = decl;
var rule = createRule(name, {}, options); // TODO
// Call `stream.subscribe()` returns a subscription, which should be explicitly
// unsubscribed from when we know this sheet is no longer needed.
style$.subscribe(function (style) {
for (var prop in style) {
rule.prop(prop, style[prop], updateOptions);
}
});
return rule;
},
onProcessRule: function onProcessRule(rule) {
if (rule && rule.type !== 'style') return;
var styleRule = rule;
var style = styleRule.style;
var _loop = function _loop(prop) {
var value = style[prop];
if (!isObservable(value)) return "continue";
delete style[prop];
value.subscribe({
next: function next(nextValue) {
styleRule.prop(prop, nextValue, updateOptions);
}
});
};
for (var prop in style) {
var _ret = _loop(prop);
if (_ret === "continue") continue;
}
}
};
};
/* harmony default export */ const jss_plugin_rule_value_observable_esm = (observablePlugin);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-template/dist/jss-plugin-template.esm.js
var semiWithNl = /;\n/;
/**
* Naive CSS parser.
* - Supports only rule body (no selectors)
* - Requires semicolon and new line after the value (except of last line)
* - No nested rules support
*/
var parse = function parse(cssText) {
var style = {};
var split = cssText.split(semiWithNl);
for (var i = 0; i < split.length; i++) {
var decl = (split[i] || '').trim();
if (!decl) continue;
var colonIndex = decl.indexOf(':');
if (colonIndex === -1) {
false ? 0 : void 0;
continue;
}
var prop = decl.substr(0, colonIndex).trim();
var value = decl.substr(colonIndex + 1).trim();
style[prop] = value;
}
return style;
};
var onProcessRule = function onProcessRule(rule) {
if (typeof rule.style === 'string') {
rule.style = parse(rule.style);
}
};
function templatePlugin() {
return {
onProcessRule: onProcessRule
};
}
/* harmony default export */ const jss_plugin_template_esm = (templatePlugin);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-global/dist/jss-plugin-global.esm.js
var at = '@global';
var atPrefix = '@global ';
var GlobalContainerRule =
/*#__PURE__*/
function () {
function GlobalContainerRule(key, styles, options) {
this.type = 'global';
this.at = at;
this.isProcessed = false;
this.key = key;
this.options = options;
this.rules = new RuleList(extends_extends({}, options, {
parent: this
}));
for (var selector in styles) {
this.rules.add(selector, styles[selector]);
}
this.rules.process();
}
/**
* Get a rule.
*/
var _proto = GlobalContainerRule.prototype;
_proto.getRule = function getRule(name) {
return this.rules.get(name);
}
/**
* Create and register rule, run plugins.
*/
;
_proto.addRule = function addRule(name, style, options) {
var rule = this.rules.add(name, style, options);
if (rule) this.options.jss.plugins.onProcessRule(rule);
return rule;
}
/**
* Replace rule, run plugins.
*/
;
_proto.replaceRule = function replaceRule(name, style, options) {
var newRule = this.rules.replace(name, style, options);
if (newRule) this.options.jss.plugins.onProcessRule(newRule);
return newRule;
}
/**
* Get index of a rule.
*/
;
_proto.indexOf = function indexOf(rule) {
return this.rules.indexOf(rule);
}
/**
* Generates a CSS string.
*/
;
_proto.toString = function toString(options) {
return this.rules.toString(options);
};
return GlobalContainerRule;
}();
var GlobalPrefixedRule =
/*#__PURE__*/
function () {
function GlobalPrefixedRule(key, style, options) {
this.type = 'global';
this.at = at;
this.isProcessed = false;
this.key = key;
this.options = options;
var selector = key.substr(atPrefix.length);
this.rule = options.jss.createRule(selector, style, extends_extends({}, options, {
parent: this
}));
}
var _proto2 = GlobalPrefixedRule.prototype;
_proto2.toString = function toString(options) {
return this.rule ? this.rule.toString(options) : '';
};
return GlobalPrefixedRule;
}();
var separatorRegExp = /\s*,\s*/g;
function addScope(selector, scope) {
var parts = selector.split(separatorRegExp);
var scoped = '';
for (var i = 0; i < parts.length; i++) {
scoped += scope + " " + parts[i].trim();
if (parts[i + 1]) scoped += ', ';
}
return scoped;
}
function handleNestedGlobalContainerRule(rule, sheet) {
var options = rule.options,
style = rule.style;
var rules = style ? style[at] : null;
if (!rules) return;
for (var name in rules) {
sheet.addRule(name, rules[name], extends_extends({}, options, {
selector: addScope(name, rule.selector)
}));
}
delete style[at];
}
function handlePrefixedGlobalRule(rule, sheet) {
var options = rule.options,
style = rule.style;
for (var prop in style) {
if (prop[0] !== '@' || prop.substr(0, at.length) !== at) continue;
var selector = addScope(prop.substr(at.length), rule.selector);
sheet.addRule(selector, style[prop], extends_extends({}, options, {
selector: selector
}));
delete style[prop];
}
}
/**
* Convert nested rules to separate, remove them from original styles.
*/
function jssGlobal() {
function onCreateRule(name, styles, options) {
if (!name) return null;
if (name === at) {
return new GlobalContainerRule(name, styles, options);
}
if (name[0] === '@' && name.substr(0, atPrefix.length) === atPrefix) {
return new GlobalPrefixedRule(name, styles, options);
}
var parent = options.parent;
if (parent) {
if (parent.type === 'global' || parent.options.parent && parent.options.parent.type === 'global') {
options.scoped = false;
}
}
if (!options.selector && options.scoped === false) {
options.selector = name;
}
return null;
}
function onProcessRule(rule, sheet) {
if (rule.type !== 'style' || !sheet) return;
handleNestedGlobalContainerRule(rule, sheet);
handlePrefixedGlobalRule(rule, sheet);
}
return {
onCreateRule: onCreateRule,
onProcessRule: onProcessRule
};
}
/* harmony default export */ const jss_plugin_global_esm = (jssGlobal);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-extend/dist/jss-plugin-extend.esm.js
var jss_plugin_extend_esm_isObject = function isObject(obj) {
return obj && typeof obj === 'object' && !Array.isArray(obj);
};
var valueNs = "extendCurrValue" + Date.now();
function mergeExtend(style, rule, sheet, newStyle) {
var extendType = typeof style.extend; // Extend using a rule name.
if (extendType === 'string') {
if (!sheet) return;
var refRule = sheet.getRule(style.extend);
if (!refRule) return;
if (refRule === rule) {
false ? 0 : void 0;
return;
}
var parent = refRule.options.parent;
if (parent) {
var originalStyle = parent.rules.raw[style.extend];
extend(originalStyle, rule, sheet, newStyle);
}
return;
} // Extend using an array.
if (Array.isArray(style.extend)) {
for (var index = 0; index < style.extend.length; index++) {
var singleExtend = style.extend[index];
var singleStyle = typeof singleExtend === 'string' ? extends_extends({}, style, {
extend: singleExtend
}) : style.extend[index];
extend(singleStyle, rule, sheet, newStyle);
}
return;
} // Extend is a style object.
for (var prop in style.extend) {
if (prop === 'extend') {
extend(style.extend.extend, rule, sheet, newStyle);
continue;
}
if (jss_plugin_extend_esm_isObject(style.extend[prop])) {
if (!(prop in newStyle)) newStyle[prop] = {};
extend(style.extend[prop], rule, sheet, newStyle[prop]);
continue;
}
newStyle[prop] = style.extend[prop];
}
}
function mergeRest(style, rule, sheet, newStyle) {
// Copy base style.
for (var prop in style) {
if (prop === 'extend') continue;
if (jss_plugin_extend_esm_isObject(newStyle[prop]) && jss_plugin_extend_esm_isObject(style[prop])) {
extend(style[prop], rule, sheet, newStyle[prop]);
continue;
}
if (jss_plugin_extend_esm_isObject(style[prop])) {
newStyle[prop] = extend(style[prop], rule, sheet);
continue;
}
newStyle[prop] = style[prop];
}
}
/**
* Recursively extend styles.
*/
function extend(style, rule, sheet, newStyle) {
if (newStyle === void 0) {
newStyle = {};
}
mergeExtend(style, rule, sheet, newStyle);
mergeRest(style, rule, sheet, newStyle);
return newStyle;
}
/**
* Handle `extend` property.
*/
function jssExtend() {
function onProcessStyle(style, rule, sheet) {
if ('extend' in style) return extend(style, rule, sheet);
return style;
}
function onChangeValue(value, prop, rule) {
if (prop !== 'extend') return value; // Value is empty, remove properties set previously.
if (value == null || value === false) {
for (var key in rule[valueNs]) {
rule.prop(key, null);
}
rule[valueNs] = null;
return null;
}
if (typeof value === 'object') {
for (var _key in value) {
rule.prop(_key, value[_key]);
}
rule[valueNs] = value;
} // Make sure we don't set the value in the core.
return null;
}
return {
onProcessStyle: onProcessStyle,
onChangeValue: onChangeValue
};
}
/* harmony default export */ const jss_plugin_extend_esm = (jssExtend);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-nested/dist/jss-plugin-nested.esm.js
var jss_plugin_nested_esm_separatorRegExp = /\s*,\s*/g;
var parentRegExp = /&/g;
var jss_plugin_nested_esm_refRegExp = /\$([\w-]+)/g;
/**
* Convert nested rules to separate, remove them from original styles.
*/
function jssNested() {
// Get a function to be used for $ref replacement.
function getReplaceRef(container, sheet) {
return function (match, key) {
var rule = container.getRule(key) || sheet && sheet.getRule(key);
if (rule) {
return rule.selector;
}
false ? 0 : void 0;
return key;
};
}
function replaceParentRefs(nestedProp, parentProp) {
var parentSelectors = parentProp.split(jss_plugin_nested_esm_separatorRegExp);
var nestedSelectors = nestedProp.split(jss_plugin_nested_esm_separatorRegExp);
var result = '';
for (var i = 0; i < parentSelectors.length; i++) {
var parent = parentSelectors[i];
for (var j = 0; j < nestedSelectors.length; j++) {
var nested = nestedSelectors[j];
if (result) result += ', '; // Replace all & by the parent or prefix & with the parent.
result += nested.indexOf('&') !== -1 ? nested.replace(parentRegExp, parent) : parent + " " + nested;
}
}
return result;
}
function getOptions(rule, container, prevOptions) {
// Options has been already created, now we only increase index.
if (prevOptions) return extends_extends({}, prevOptions, {
index: prevOptions.index + 1
});
var nestingLevel = rule.options.nestingLevel;
nestingLevel = nestingLevel === undefined ? 1 : nestingLevel + 1;
var options = extends_extends({}, rule.options, {
nestingLevel: nestingLevel,
index: container.indexOf(rule) + 1 // We don't need the parent name to be set options for chlid.
});
delete options.name;
return options;
}
function onProcessStyle(style, rule, sheet) {
if (rule.type !== 'style') return style;
var styleRule = rule;
var container = styleRule.options.parent;
var options;
var replaceRef;
for (var prop in style) {
var isNested = prop.indexOf('&') !== -1;
var isNestedConditional = prop[0] === '@';
if (!isNested && !isNestedConditional) continue;
options = getOptions(styleRule, container, options);
if (isNested) {
var selector = replaceParentRefs(prop, styleRule.selector); // Lazily create the ref replacer function just once for
// all nested rules within the sheet.
if (!replaceRef) replaceRef = getReplaceRef(container, sheet); // Replace all $refs.
selector = selector.replace(jss_plugin_nested_esm_refRegExp, replaceRef);
var name = styleRule.key + "-" + prop;
if ('replaceRule' in container) {
// for backward compatibility
container.replaceRule(name, style[prop], extends_extends({}, options, {
selector: selector
}));
} else {
container.addRule(name, style[prop], extends_extends({}, options, {
selector: selector
}));
}
} else if (isNestedConditional) {
// Place conditional right after the parent rule to ensure right ordering.
container.addRule(prop, {}, options).addRule(styleRule.key, style[prop], {
selector: styleRule.selector
});
}
delete style[prop];
}
return style;
}
return {
onProcessStyle: onProcessStyle
};
}
/* harmony default export */ const jss_plugin_nested_esm = (jssNested);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-compose/dist/jss-plugin-compose.esm.js
/**
* Set selector.
*
* @param original rule
* @param className class string
* @return flag indicating function was successfull or not
*/
function registerClass(rule, className) {
// Skip falsy values
if (!className) return true; // Support array of class names `{composes: ['foo', 'bar']}`
if (Array.isArray(className)) {
for (var index = 0; index < className.length; index++) {
var isSetted = registerClass(rule, className[index]);
if (!isSetted) return false;
}
return true;
} // Support space separated class names `{composes: 'foo bar'}`
if (className.indexOf(' ') > -1) {
return registerClass(rule, className.split(' '));
}
var parent = rule.options.parent; // It is a ref to a local rule.
if (className[0] === '$') {
var refRule = parent.getRule(className.substr(1));
if (!refRule) {
false ? 0 : void 0;
return false;
}
if (refRule === rule) {
false ? 0 : void 0;
return false;
}
parent.classes[rule.key] += " " + parent.classes[refRule.key];
return true;
}
parent.classes[rule.key] += " " + className;
return true;
}
/**
* Convert compose property to additional class, remove property from original styles.
*/
function jssCompose() {
function onProcessStyle(style, rule) {
if (!('composes' in style)) return style;
registerClass(rule, style.composes); // Remove composes property to prevent infinite loop.
delete style.composes;
return style;
}
return {
onProcessStyle: onProcessStyle
};
}
/* harmony default export */ const jss_plugin_compose_esm = (jssCompose);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/hyphenate-style-name/index.js
/* eslint-disable no-var, prefer-template */
var uppercasePattern = /[A-Z]/g
var msPattern = /^ms-/
var cache = {}
function toHyphenLower(match) {
return '-' + match.toLowerCase()
}
function hyphenateStyleName(name) {
if (cache.hasOwnProperty(name)) {
return cache[name]
}
var hName = name.replace(uppercasePattern, toHyphenLower)
return (cache[name] = msPattern.test(hName) ? '-' + hName : hName)
}
/* harmony default export */ const hyphenate_style_name = (hyphenateStyleName);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-camel-case/dist/jss-plugin-camel-case.esm.js
/**
* Convert camel cased property names to dash separated.
*/
function convertCase(style) {
var converted = {};
for (var prop in style) {
var key = prop.indexOf('--') === 0 ? prop : hyphenate_style_name(prop);
converted[key] = style[prop];
}
if (style.fallbacks) {
if (Array.isArray(style.fallbacks)) converted.fallbacks = style.fallbacks.map(convertCase);else converted.fallbacks = convertCase(style.fallbacks);
}
return converted;
}
/**
* Allow camel cased property names by converting them back to dasherized.
*/
function camelCase() {
function onProcessStyle(style) {
if (Array.isArray(style)) {
// Handle rules like @font-face, which can have multiple styles in an array
for (var index = 0; index < style.length; index++) {
style[index] = convertCase(style[index]);
}
return style;
}
return convertCase(style);
}
function onChangeValue(value, prop, rule) {
if (prop.indexOf('--') === 0) {
return value;
}
var hyphenatedProp = hyphenate_style_name(prop); // There was no camel case in place
if (prop === hyphenatedProp) return value;
rule.prop(hyphenatedProp, value); // Core will ignore that property value we set the proper one above.
return null;
}
return {
onProcessStyle: onProcessStyle,
onChangeValue: onChangeValue
};
}
/* harmony default export */ const jss_plugin_camel_case_esm = (camelCase);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-default-unit/dist/jss-plugin-default-unit.esm.js
var px = hasCSSTOMSupport && CSS ? CSS.px : 'px';
var ms = hasCSSTOMSupport && CSS ? CSS.ms : 'ms';
var percent = hasCSSTOMSupport && CSS ? CSS.percent : '%';
/**
* Generated jss-plugin-default-unit CSS property units
*/
var defaultUnits = {
// Animation properties
'animation-delay': ms,
'animation-duration': ms,
// Background properties
'background-position': px,
'background-position-x': px,
'background-position-y': px,
'background-size': px,
// Border Properties
border: px,
'border-bottom': px,
'border-bottom-left-radius': px,
'border-bottom-right-radius': px,
'border-bottom-width': px,
'border-left': px,
'border-left-width': px,
'border-radius': px,
'border-right': px,
'border-right-width': px,
'border-top': px,
'border-top-left-radius': px,
'border-top-right-radius': px,
'border-top-width': px,
'border-width': px,
'border-block': px,
'border-block-end': px,
'border-block-end-width': px,
'border-block-start': px,
'border-block-start-width': px,
'border-block-width': px,
'border-inline': px,
'border-inline-end': px,
'border-inline-end-width': px,
'border-inline-start': px,
'border-inline-start-width': px,
'border-inline-width': px,
'border-start-start-radius': px,
'border-start-end-radius': px,
'border-end-start-radius': px,
'border-end-end-radius': px,
// Margin properties
margin: px,
'margin-bottom': px,
'margin-left': px,
'margin-right': px,
'margin-top': px,
'margin-block': px,
'margin-block-end': px,
'margin-block-start': px,
'margin-inline': px,
'margin-inline-end': px,
'margin-inline-start': px,
// Padding properties
padding: px,
'padding-bottom': px,
'padding-left': px,
'padding-right': px,
'padding-top': px,
'padding-block': px,
'padding-block-end': px,
'padding-block-start': px,
'padding-inline': px,
'padding-inline-end': px,
'padding-inline-start': px,
// Mask properties
'mask-position-x': px,
'mask-position-y': px,
'mask-size': px,
// Width and height properties
height: px,
width: px,
'min-height': px,
'max-height': px,
'min-width': px,
'max-width': px,
// Position properties
bottom: px,
left: px,
top: px,
right: px,
inset: px,
'inset-block': px,
'inset-block-end': px,
'inset-block-start': px,
'inset-inline': px,
'inset-inline-end': px,
'inset-inline-start': px,
// Shadow properties
'box-shadow': px,
'text-shadow': px,
// Column properties
'column-gap': px,
'column-rule': px,
'column-rule-width': px,
'column-width': px,
// Font and text properties
'font-size': px,
'font-size-delta': px,
'letter-spacing': px,
'text-decoration-thickness': px,
'text-indent': px,
'text-stroke': px,
'text-stroke-width': px,
'word-spacing': px,
// Motion properties
motion: px,
'motion-offset': px,
// Outline properties
outline: px,
'outline-offset': px,
'outline-width': px,
// Perspective properties
perspective: px,
'perspective-origin-x': percent,
'perspective-origin-y': percent,
// Transform properties
'transform-origin': percent,
'transform-origin-x': percent,
'transform-origin-y': percent,
'transform-origin-z': percent,
// Transition properties
'transition-delay': ms,
'transition-duration': ms,
// Alignment properties
'vertical-align': px,
'flex-basis': px,
// Some random properties
'shape-margin': px,
size: px,
gap: px,
// Grid properties
grid: px,
'grid-gap': px,
'row-gap': px,
'grid-row-gap': px,
'grid-column-gap': px,
'grid-template-rows': px,
'grid-template-columns': px,
'grid-auto-rows': px,
'grid-auto-columns': px,
// Not existing properties.
// Used to avoid issues with jss-plugin-expand integration.
'box-shadow-x': px,
'box-shadow-y': px,
'box-shadow-blur': px,
'box-shadow-spread': px,
'font-line-height': px,
'text-shadow-x': px,
'text-shadow-y': px,
'text-shadow-blur': px
};
/**
* Clones the object and adds a camel cased property version.
*/
function addCamelCasedVersion(obj) {
var regExp = /(-[a-z])/g;
var replace = function replace(str) {
return str[1].toUpperCase();
};
var newObj = {};
for (var key in obj) {
newObj[key] = obj[key];
newObj[key.replace(regExp, replace)] = obj[key];
}
return newObj;
}
var units = addCamelCasedVersion(defaultUnits);
/**
* Recursive deep style passing function
*/
function iterate(prop, value, options) {
if (value == null) return value;
if (Array.isArray(value)) {
for (var i = 0; i < value.length; i++) {
value[i] = iterate(prop, value[i], options);
}
} else if (typeof value === 'object') {
if (prop === 'fallbacks') {
for (var innerProp in value) {
value[innerProp] = iterate(innerProp, value[innerProp], options);
}
} else {
for (var _innerProp in value) {
value[_innerProp] = iterate(prop + "-" + _innerProp, value[_innerProp], options);
}
} // eslint-disable-next-line no-restricted-globals
} else if (typeof value === 'number' && isNaN(value) === false) {
var unit = options[prop] || units[prop]; // Add the unit if available, except for the special case of 0px.
if (unit && !(value === 0 && unit === px)) {
return typeof unit === 'function' ? unit(value).toString() : "" + value + unit;
}
return value.toString();
}
return value;
}
/**
* Add unit to numeric values.
*/
function defaultUnit(options) {
if (options === void 0) {
options = {};
}
var camelCasedOptions = addCamelCasedVersion(options);
function onProcessStyle(style, rule) {
if (rule.type !== 'style') return style;
for (var prop in style) {
style[prop] = iterate(prop, style[prop], camelCasedOptions);
}
return style;
}
function onChangeValue(value, prop) {
return iterate(prop, value, camelCasedOptions);
}
return {
onProcessStyle: onProcessStyle,
onChangeValue: onChangeValue
};
}
/* harmony default export */ const jss_plugin_default_unit_esm = (defaultUnit);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-expand/dist/jss-plugin-expand.esm.js
/**
* A scheme for converting properties from array to regular style.
* All properties listed below will be transformed to a string separated by space.
*/
var propArray = {
'background-size': true,
'background-position': true,
border: true,
'border-bottom': true,
'border-left': true,
'border-top': true,
'border-right': true,
'border-radius': true,
'border-image': true,
'border-width': true,
'border-style': true,
'border-color': true,
'box-shadow': true,
flex: true,
margin: true,
padding: true,
outline: true,
'transform-origin': true,
transform: true,
transition: true
/**
* A scheme for converting arrays to regular styles inside of objects.
* For e.g.: "{position: [0, 0]}" => "background-position: 0 0;".
*/
};
var propArrayInObj = {
position: true,
// background-position
size: true // background-size
/**
* A scheme for parsing and building correct styles from passed objects.
*/
};
var propObj = {
padding: {
top: 0,
right: 0,
bottom: 0,
left: 0
},
margin: {
top: 0,
right: 0,
bottom: 0,
left: 0
},
background: {
attachment: null,
color: null,
image: null,
position: null,
repeat: null
},
border: {
width: null,
style: null,
color: null
},
'border-top': {
width: null,
style: null,
color: null
},
'border-right': {
width: null,
style: null,
color: null
},
'border-bottom': {
width: null,
style: null,
color: null
},
'border-left': {
width: null,
style: null,
color: null
},
outline: {
width: null,
style: null,
color: null
},
'list-style': {
type: null,
position: null,
image: null
},
transition: {
property: null,
duration: null,
'timing-function': null,
timingFunction: null,
// Needed for avoiding comilation issues with jss-plugin-camel-case
delay: null
},
animation: {
name: null,
duration: null,
'timing-function': null,
timingFunction: null,
// Needed to avoid compilation issues with jss-plugin-camel-case
delay: null,
'iteration-count': null,
iterationCount: null,
// Needed to avoid compilation issues with jss-plugin-camel-case
direction: null,
'fill-mode': null,
fillMode: null,
// Needed to avoid compilation issues with jss-plugin-camel-case
'play-state': null,
playState: null // Needed to avoid compilation issues with jss-plugin-camel-case
},
'box-shadow': {
x: 0,
y: 0,
blur: 0,
spread: 0,
color: null,
inset: null
},
'text-shadow': {
x: 0,
y: 0,
blur: null,
color: null
}
/**
* A scheme for converting non-standart properties inside object.
* For e.g.: include 'border-radius' property inside 'border' object.
*/
};
var customPropObj = {
border: {
radius: 'border-radius',
image: 'border-image',
width: 'border-width',
style: 'border-style',
color: 'border-color'
},
'border-bottom': {
width: 'border-bottom-width',
style: 'border-bottom-style',
color: 'border-bottom-color'
},
'border-top': {
width: 'border-top-width',
style: 'border-top-style',
color: 'border-top-color'
},
'border-left': {
width: 'border-left-width',
style: 'border-left-style',
color: 'border-left-color'
},
'border-right': {
width: 'border-right-width',
style: 'border-right-style',
color: 'border-right-color'
},
background: {
size: 'background-size',
image: 'background-image'
},
font: {
style: 'font-style',
variant: 'font-variant',
weight: 'font-weight',
stretch: 'font-stretch',
size: 'font-size',
family: 'font-family',
lineHeight: 'line-height',
// Needed to avoid compilation issues with jss-plugin-camel-case
'line-height': 'line-height'
},
flex: {
grow: 'flex-grow',
basis: 'flex-basis',
direction: 'flex-direction',
wrap: 'flex-wrap',
flow: 'flex-flow',
shrink: 'flex-shrink'
},
align: {
self: 'align-self',
items: 'align-items',
content: 'align-content'
},
grid: {
'template-columns': 'grid-template-columns',
templateColumns: 'grid-template-columns',
'template-rows': 'grid-template-rows',
templateRows: 'grid-template-rows',
'template-areas': 'grid-template-areas',
templateAreas: 'grid-template-areas',
template: 'grid-template',
'auto-columns': 'grid-auto-columns',
autoColumns: 'grid-auto-columns',
'auto-rows': 'grid-auto-rows',
autoRows: 'grid-auto-rows',
'auto-flow': 'grid-auto-flow',
autoFlow: 'grid-auto-flow',
row: 'grid-row',
column: 'grid-column',
'row-start': 'grid-row-start',
rowStart: 'grid-row-start',
'row-end': 'grid-row-end',
rowEnd: 'grid-row-end',
'column-start': 'grid-column-start',
columnStart: 'grid-column-start',
'column-end': 'grid-column-end',
columnEnd: 'grid-column-end',
area: 'grid-area',
gap: 'grid-gap',
'row-gap': 'grid-row-gap',
rowGap: 'grid-row-gap',
'column-gap': 'grid-column-gap',
columnGap: 'grid-column-gap'
}
};
/* eslint-disable no-use-before-define */
/**
* Map values by given prop.
*
* @param {Array} array of values
* @param {String} original property
* @param {String} original rule
* @return {String} mapped values
*/
function mapValuesByProp(value, prop, rule) {
return value.map(function (item) {
return objectToArray(item, prop, rule, false, true);
});
}
/**
* Convert array to nested array, if needed
*/
function processArray(value, prop, scheme, rule) {
if (scheme[prop] == null) return value;
if (value.length === 0) return [];
if (Array.isArray(value[0])) return processArray(value[0], prop, scheme, rule);
if (typeof value[0] === 'object') {
return mapValuesByProp(value, prop, rule);
}
return [value];
}
/**
* Convert object to array.
*/
function objectToArray(value, prop, rule, isFallback, isInArray) {
if (!(propObj[prop] || customPropObj[prop])) return [];
var result = []; // Check if exists any non-standard property
if (customPropObj[prop]) {
// eslint-disable-next-line no-param-reassign
value = customPropsToStyle(value, rule, customPropObj[prop], isFallback);
} // Pass throught all standart props
if (Object.keys(value).length) {
for (var baseProp in propObj[prop]) {
if (value[baseProp]) {
if (Array.isArray(value[baseProp])) {
result.push(propArrayInObj[baseProp] === null ? value[baseProp] : value[baseProp].join(' '));
} else result.push(value[baseProp]);
continue;
} // Add default value from props config.
if (propObj[prop][baseProp] != null) {
result.push(propObj[prop][baseProp]);
}
}
}
if (!result.length || isInArray) return result;
return [result];
}
/**
* Convert custom properties values to styles adding them to rule directly
*/
function customPropsToStyle(value, rule, customProps, isFallback) {
for (var prop in customProps) {
var propName = customProps[prop]; // If current property doesn't exist already in rule - add new one
if (typeof value[prop] !== 'undefined' && (isFallback || !rule.prop(propName))) {
var _styleDetector;
var appendedValue = styleDetector((_styleDetector = {}, _styleDetector[propName] = value[prop], _styleDetector), rule)[propName]; // Add style directly in rule
if (isFallback) rule.style.fallbacks[propName] = appendedValue;else rule.style[propName] = appendedValue;
} // Delete converted property to avoid double converting
delete value[prop];
}
return value;
}
/**
* Detect if a style needs to be converted.
*/
function styleDetector(style, rule, isFallback) {
for (var prop in style) {
var value = style[prop];
if (Array.isArray(value)) {
// Check double arrays to avoid recursion.
if (!Array.isArray(value[0])) {
if (prop === 'fallbacks') {
for (var index = 0; index < style.fallbacks.length; index++) {
style.fallbacks[index] = styleDetector(style.fallbacks[index], rule, true);
}
continue;
}
style[prop] = processArray(value, prop, propArray, rule); // Avoid creating properties with empty values
if (!style[prop].length) delete style[prop];
}
} else if (typeof value === 'object') {
if (prop === 'fallbacks') {
style.fallbacks = styleDetector(style.fallbacks, rule, true);
continue;
}
style[prop] = objectToArray(value, prop, rule, isFallback); // Avoid creating properties with empty values
if (!style[prop].length) delete style[prop];
} // Maybe a computed value resulting in an empty string
else if (style[prop] === '') delete style[prop];
}
return style;
}
/**
* Adds possibility to write expanded styles.
*/
function jssExpand() {
function onProcessStyle(style, rule) {
if (!style || rule.type !== 'style') return style;
if (Array.isArray(style)) {
// Pass rules one by one and reformat them
for (var index = 0; index < style.length; index++) {
style[index] = styleDetector(style[index], rule);
}
return style;
}
return styleDetector(style, rule);
}
return {
onProcessStyle: onProcessStyle
};
}
/* harmony default export */ const jss_plugin_expand_esm = (jssExpand);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
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;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
function _iterableToArray(iter) {
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
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);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
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.");
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/css-vendor/dist/css-vendor.esm.js
// Export javascript style and css style vendor prefixes.
var js = '';
var css = '';
var vendor = '';
var browser = '';
var isTouch = dist_module && 'ontouchstart' in document.documentElement; // We should not do anything if required serverside.
if (dist_module) {
// Order matters. We need to check Webkit the last one because
// other vendors use to add Webkit prefixes to some properties
var jsCssMap = {
Moz: '-moz-',
ms: '-ms-',
O: '-o-',
Webkit: '-webkit-'
};
var _document$createEleme = document.createElement('p'),
style = _document$createEleme.style;
var testProp = 'Transform';
for (var key in jsCssMap) {
if (key + testProp in style) {
js = key;
css = jsCssMap[key];
break;
}
} // Correctly detect the Edge browser.
if (js === 'Webkit' && 'msHyphens' in style) {
js = 'ms';
css = jsCssMap.ms;
browser = 'edge';
} // Correctly detect the Safari browser.
if (js === 'Webkit' && '-apple-trailing-word' in style) {
vendor = 'apple';
}
}
/**
* Vendor prefix string for the current browser.
*
* @type {{js: String, css: String, vendor: String, browser: String}}
* @api public
*/
var prefix = {
js: js,
css: css,
vendor: vendor,
browser: browser,
isTouch: isTouch
};
/**
* Test if a keyframe at-rule should be prefixed or not
*
* @param {String} vendor prefix string for the current browser.
* @return {String}
* @api public
*/
function supportedKeyframes(key) {
// Keyframes is already prefixed. e.g. key = '@-webkit-keyframes a'
if (key[1] === '-') return key; // No need to prefix IE/Edge. Older browsers will ignore unsupported rules.
// https://caniuse.com/#search=keyframes
if (prefix.js === 'ms') return key;
return "@" + prefix.css + "keyframes" + key.substr(10);
}
// https://caniuse.com/#search=appearance
var appearence = {
noPrefill: ['appearance'],
supportedProperty: function supportedProperty(prop) {
if (prop !== 'appearance') return false;
if (prefix.js === 'ms') return "-webkit-" + prop;
return prefix.css + prop;
}
};
// https://caniuse.com/#search=color-adjust
var colorAdjust = {
noPrefill: ['color-adjust'],
supportedProperty: function supportedProperty(prop) {
if (prop !== 'color-adjust') return false;
if (prefix.js === 'Webkit') return prefix.css + "print-" + prop;
return prop;
}
};
var regExp = /[-\s]+(.)?/g;
/**
* Replaces the letter with the capital letter
*
* @param {String} match
* @param {String} c
* @return {String}
* @api private
*/
function toUpper(match, c) {
return c ? c.toUpperCase() : '';
}
/**
* Convert dash separated strings to camel-cased.
*
* @param {String} str
* @return {String}
* @api private
*/
function camelize(str) {
return str.replace(regExp, toUpper);
}
/**
* Convert dash separated strings to pascal cased.
*
* @param {String} str
* @return {String}
* @api private
*/
function pascalize(str) {
return camelize("-" + str);
}
// but we can use a longhand property instead.
// https://caniuse.com/#search=mask
var mask = {
noPrefill: ['mask'],
supportedProperty: function supportedProperty(prop, style) {
if (!/^mask/.test(prop)) return false;
if (prefix.js === 'Webkit') {
var longhand = 'mask-image';
if (camelize(longhand) in style) {
return prop;
}
if (prefix.js + pascalize(longhand) in style) {
return prefix.css + prop;
}
}
return prop;
}
};
// https://caniuse.com/#search=text-orientation
var textOrientation = {
noPrefill: ['text-orientation'],
supportedProperty: function supportedProperty(prop) {
if (prop !== 'text-orientation') return false;
if (prefix.vendor === 'apple' && !prefix.isTouch) {
return prefix.css + prop;
}
return prop;
}
};
// https://caniuse.com/#search=transform
var transform = {
noPrefill: ['transform'],
supportedProperty: function supportedProperty(prop, style, options) {
if (prop !== 'transform') return false;
if (options.transform) {
return prop;
}
return prefix.css + prop;
}
};
// https://caniuse.com/#search=transition
var transition = {
noPrefill: ['transition'],
supportedProperty: function supportedProperty(prop, style, options) {
if (prop !== 'transition') return false;
if (options.transition) {
return prop;
}
return prefix.css + prop;
}
};
// https://caniuse.com/#search=writing-mode
var writingMode = {
noPrefill: ['writing-mode'],
supportedProperty: function supportedProperty(prop) {
if (prop !== 'writing-mode') return false;
if (prefix.js === 'Webkit' || prefix.js === 'ms' && prefix.browser !== 'edge') {
return prefix.css + prop;
}
return prop;
}
};
// https://caniuse.com/#search=user-select
var userSelect = {
noPrefill: ['user-select'],
supportedProperty: function supportedProperty(prop) {
if (prop !== 'user-select') return false;
if (prefix.js === 'Moz' || prefix.js === 'ms' || prefix.vendor === 'apple') {
return prefix.css + prop;
}
return prop;
}
};
// https://caniuse.com/#search=multicolumn
// https://github.com/postcss/autoprefixer/issues/491
// https://github.com/postcss/autoprefixer/issues/177
var breakPropsOld = {
supportedProperty: function supportedProperty(prop, style) {
if (!/^break-/.test(prop)) return false;
if (prefix.js === 'Webkit') {
var jsProp = "WebkitColumn" + pascalize(prop);
return jsProp in style ? prefix.css + "column-" + prop : false;
}
if (prefix.js === 'Moz') {
var _jsProp = "page" + pascalize(prop);
return _jsProp in style ? "page-" + prop : false;
}
return false;
}
};
// See https://github.com/postcss/autoprefixer/issues/324.
var inlineLogicalOld = {
supportedProperty: function supportedProperty(prop, style) {
if (!/^(border|margin|padding)-inline/.test(prop)) return false;
if (prefix.js === 'Moz') return prop;
var newProp = prop.replace('-inline', '');
return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
}
};
// Camelization is required because we can't test using.
// CSS syntax for e.g. in FF.
var unprefixed = {
supportedProperty: function supportedProperty(prop, style) {
return camelize(prop) in style ? prop : false;
}
};
var prefixed = {
supportedProperty: function supportedProperty(prop, style) {
var pascalized = pascalize(prop); // Return custom CSS variable without prefixing.
if (prop[0] === '-') return prop; // Return already prefixed value without prefixing.
if (prop[0] === '-' && prop[1] === '-') return prop;
if (prefix.js + pascalized in style) return prefix.css + prop; // Try webkit fallback.
if (prefix.js !== 'Webkit' && "Webkit" + pascalized in style) return "-webkit-" + prop;
return false;
}
};
// https://caniuse.com/#search=scroll-snap
var scrollSnap = {
supportedProperty: function supportedProperty(prop) {
if (prop.substring(0, 11) !== 'scroll-snap') return false;
if (prefix.js === 'ms') {
return "" + prefix.css + prop;
}
return prop;
}
};
// https://caniuse.com/#search=overscroll-behavior
var overscrollBehavior = {
supportedProperty: function supportedProperty(prop) {
if (prop !== 'overscroll-behavior') return false;
if (prefix.js === 'ms') {
return prefix.css + "scroll-chaining";
}
return prop;
}
};
var propMap = {
'flex-grow': 'flex-positive',
'flex-shrink': 'flex-negative',
'flex-basis': 'flex-preferred-size',
'justify-content': 'flex-pack',
order: 'flex-order',
'align-items': 'flex-align',
'align-content': 'flex-line-pack' // 'align-self' is handled by 'align-self' plugin.
}; // Support old flex spec from 2012.
var flex2012 = {
supportedProperty: function supportedProperty(prop, style) {
var newProp = propMap[prop];
if (!newProp) return false;
return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
}
};
var propMap$1 = {
flex: 'box-flex',
'flex-grow': 'box-flex',
'flex-direction': ['box-orient', 'box-direction'],
order: 'box-ordinal-group',
'align-items': 'box-align',
'flex-flow': ['box-orient', 'box-direction'],
'justify-content': 'box-pack'
};
var propKeys = Object.keys(propMap$1);
var prefixCss = function prefixCss(p) {
return prefix.css + p;
}; // Support old flex spec from 2009.
var flex2009 = {
supportedProperty: function supportedProperty(prop, style, _ref) {
var multiple = _ref.multiple;
if (propKeys.indexOf(prop) > -1) {
var newProp = propMap$1[prop];
if (!Array.isArray(newProp)) {
return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;
}
if (!multiple) return false;
for (var i = 0; i < newProp.length; i++) {
if (!(prefix.js + pascalize(newProp[0]) in style)) {
return false;
}
}
return newProp.map(prefixCss);
}
return false;
}
};
// plugins = [
// ...plugins,
// breakPropsOld,
// inlineLogicalOld,
// unprefixed,
// prefixed,
// scrollSnap,
// flex2012,
// flex2009
// ]
// Plugins without 'noPrefill' value, going last.
// 'flex-*' plugins should be at the bottom.
// 'flex2009' going after 'flex2012'.
// 'prefixed' going after 'unprefixed'
var css_vendor_esm_plugins = [appearence, colorAdjust, mask, textOrientation, transform, transition, writingMode, userSelect, breakPropsOld, inlineLogicalOld, unprefixed, prefixed, scrollSnap, overscrollBehavior, flex2012, flex2009];
var propertyDetectors = css_vendor_esm_plugins.filter(function (p) {
return p.supportedProperty;
}).map(function (p) {
return p.supportedProperty;
});
var noPrefill = css_vendor_esm_plugins.filter(function (p) {
return p.noPrefill;
}).reduce(function (a, p) {
a.push.apply(a, _toConsumableArray(p.noPrefill));
return a;
}, []);
var el;
var css_vendor_esm_cache = {};
if (dist_module) {
el = document.createElement('p'); // We test every property on vendor prefix requirement.
// Once tested, result is cached. It gives us up to 70% perf boost.
// http://jsperf.com/element-style-object-access-vs-plain-object
//
// Prefill cache with known css properties to reduce amount of
// properties we need to feature test at runtime.
// http://davidwalsh.name/vendor-prefix
var computed = window.getComputedStyle(document.documentElement, '');
for (var key$1 in computed) {
// eslint-disable-next-line no-restricted-globals
if (!isNaN(key$1)) css_vendor_esm_cache[computed[key$1]] = computed[key$1];
} // Properties that cannot be correctly detected using the
// cache prefill method.
noPrefill.forEach(function (x) {
return delete css_vendor_esm_cache[x];
});
}
/**
* Test if a property is supported, returns supported property with vendor
* prefix if required. Returns `false` if not supported.
*
* @param {String} prop dash separated
* @param {Object} [options]
* @return {String|Boolean}
* @api public
*/
function supportedProperty(prop, options) {
if (options === void 0) {
options = {};
}
// For server-side rendering.
if (!el) return prop; // Remove cache for benchmark tests or return property from the cache.
if ( true && css_vendor_esm_cache[prop] != null) {
return css_vendor_esm_cache[prop];
} // Check if 'transition' or 'transform' natively supported in browser.
if (prop === 'transition' || prop === 'transform') {
options[prop] = prop in el.style;
} // Find a plugin for current prefix property.
for (var i = 0; i < propertyDetectors.length; i++) {
css_vendor_esm_cache[prop] = propertyDetectors[i](prop, el.style, options); // Break loop, if value found.
if (css_vendor_esm_cache[prop]) break;
} // Reset styles for current property.
// Firefox can even throw an error for invalid properties, e.g., "0".
try {
el.style[prop] = '';
} catch (err) {
return false;
}
return css_vendor_esm_cache[prop];
}
var cache$1 = {};
var transitionProperties = {
transition: 1,
'transition-property': 1,
'-webkit-transition': 1,
'-webkit-transition-property': 1
};
var transPropsRegExp = /(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g;
var el$1;
/**
* Returns prefixed value transition/transform if needed.
*
* @param {String} match
* @param {String} p1
* @param {String} p2
* @return {String}
* @api private
*/
function prefixTransitionCallback(match, p1, p2) {
if (p1 === 'var') return 'var';
if (p1 === 'all') return 'all';
if (p2 === 'all') return ', all';
var prefixedValue = p1 ? supportedProperty(p1) : ", " + supportedProperty(p2);
if (!prefixedValue) return p1 || p2;
return prefixedValue;
}
if (dist_module) el$1 = document.createElement('p');
/**
* Returns prefixed value if needed. Returns `false` if value is not supported.
*
* @param {String} property
* @param {String} value
* @return {String|Boolean}
* @api public
*/
function supportedValue(property, value) {
// For server-side rendering.
var prefixedValue = value;
if (!el$1 || property === 'content') return value; // It is a string or a number as a string like '1'.
// We want only prefixable values here.
// eslint-disable-next-line no-restricted-globals
if (typeof prefixedValue !== 'string' || !isNaN(parseInt(prefixedValue, 10))) {
return prefixedValue;
} // Create cache key for current value.
var cacheKey = property + prefixedValue; // Remove cache for benchmark tests or return value from cache.
if ( true && cache$1[cacheKey] != null) {
return cache$1[cacheKey];
} // IE can even throw an error in some cases, for e.g. style.content = 'bar'.
try {
// Test value as it is.
el$1.style[property] = prefixedValue;
} catch (err) {
// Return false if value not supported.
cache$1[cacheKey] = false;
return false;
} // If 'transition' or 'transition-property' property.
if (transitionProperties[property]) {
prefixedValue = prefixedValue.replace(transPropsRegExp, prefixTransitionCallback);
} else if (el$1.style[property] === '') {
// Value with a vendor prefix.
prefixedValue = prefix.css + prefixedValue; // Hardcode test to convert "flex" to "-ms-flexbox" for IE10.
if (prefixedValue === '-ms-flex') el$1.style[property] = '-ms-flexbox'; // Test prefixed value.
el$1.style[property] = prefixedValue; // Return false if value not supported.
if (el$1.style[property] === '') {
cache$1[cacheKey] = false;
return false;
}
} // Reset styles for current property.
el$1.style[property] = ''; // Write current value to cache.
cache$1[cacheKey] = prefixedValue;
return cache$1[cacheKey];
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-vendor-prefixer/dist/jss-plugin-vendor-prefixer.esm.js
/**
* Add vendor prefix to a property name when needed.
*/
function jssVendorPrefixer() {
function onProcessRule(rule) {
if (rule.type === 'keyframes') {
var atRule = rule;
atRule.at = supportedKeyframes(atRule.at);
}
}
function prefixStyle(style) {
for (var prop in style) {
var value = style[prop];
if (prop === 'fallbacks' && Array.isArray(value)) {
style[prop] = value.map(prefixStyle);
continue;
}
var changeProp = false;
var supportedProp = supportedProperty(prop);
if (supportedProp && supportedProp !== prop) changeProp = true;
var changeValue = false;
var supportedValue$1 = supportedValue(supportedProp, toCssValue(value));
if (supportedValue$1 && supportedValue$1 !== value) changeValue = true;
if (changeProp || changeValue) {
if (changeProp) delete style[prop];
style[supportedProp || prop] = supportedValue$1 || value;
}
}
return style;
}
function onProcessStyle(style, rule) {
if (rule.type !== 'style') return style;
return prefixStyle(style);
}
function onChangeValue(value, prop) {
return supportedValue(prop, toCssValue(value)) || value;
}
return {
onProcessRule: onProcessRule,
onProcessStyle: onProcessStyle,
onChangeValue: onChangeValue
};
}
/* harmony default export */ const jss_plugin_vendor_prefixer_esm = (jssVendorPrefixer);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-plugin-props-sort/dist/jss-plugin-props-sort.esm.js
/**
* Sort props by length.
*/
function jssPropsSort() {
var sort = function sort(prop0, prop1) {
if (prop0.length === prop1.length) {
return prop0 > prop1 ? 1 : -1;
}
return prop0.length - prop1.length;
};
return {
onProcessStyle: function onProcessStyle(style, rule) {
if (rule.type !== 'style') return style;
var newStyle = {};
var props = Object.keys(style).sort(sort);
for (var i = 0; i < props.length; i++) {
newStyle[props[i]] = style[props[i]];
}
return newStyle;
}
};
}
/* harmony default export */ const jss_plugin_props_sort_esm = (jssPropsSort);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/jss-preset-default/dist/jss-preset-default.esm.js
var create = function create(options) {
if (options === void 0) {
options = {};
}
return {
plugins: [jss_plugin_rule_value_function_esm(), jss_plugin_rule_value_observable_esm(options.observable), jss_plugin_template_esm(), jss_plugin_global_esm(), jss_plugin_extend_esm(), jss_plugin_nested_esm(), jss_plugin_compose_esm(), jss_plugin_camel_case_esm(), jss_plugin_default_unit_esm(options.defaultUnit), jss_plugin_expand_esm(), jss_plugin_vendor_prefixer_esm(), jss_plugin_props_sort_esm()]
};
};
/* harmony default export */ const jss_preset_default_esm = (create);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@emotion/memoize/dist/memoize.browser.esm.js
function memoize_browser_esm_memoize(fn) {
var cache = {};
return function (arg) {
if (cache[arg] === undefined) cache[arg] = fn(arg);
return cache[arg];
};
}
/* harmony default export */ const memoize_browser_esm = (memoize_browser_esm_memoize);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js
var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
var is_prop_valid_browser_esm_index = memoize_browser_esm(function (prop) {
return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
/* o */
&& prop.charCodeAt(1) === 110
/* n */
&& prop.charCodeAt(2) < 91;
}
/* Z+1 */
);
/* harmony default export */ const is_prop_valid_browser_esm = ((/* unused pure expression or super */ null && (is_prop_valid_browser_esm_index)));
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/css-jss/dist/css-jss.esm.js
// Since we are in a single sheet mode, user shouldn't care about this.
var MAX_RULES_PER_SHEET = 10000;
var defaultJss = createJss(jss_preset_default_esm());
var createCss = function createCss(jss) {
if (jss === void 0) {
jss = defaultJss;
}
var cache = new Map();
var ruleIndex = 0;
var sheet;
var getSheet = function getSheet() {
if (!sheet || sheet.rules.index.length > MAX_RULES_PER_SHEET) {
sheet = jss.createStyleSheet().attach();
}
return sheet;
};
function css() {
// eslint-disable-next-line prefer-rest-params
var args = arguments; // We can avoid the need for stringification with a babel plugin,
// which could generate a hash at build time and add it to the object.
var argsStr = JSON.stringify(args);
var cached = cache.get(argsStr);
if (cached) return cached.className;
var flatArgs = []; // Flatten arguments which can be
// - style objects
// - array of style objects
// - arrays of style objects
for (var argIndex in args) {
var arg = args[argIndex];
if (!Array.isArray(arg)) {
flatArgs.push(arg);
continue;
}
for (var innerArgIndex = 0; innerArgIndex < arg.length; innerArgIndex++) {
flatArgs.push(arg[innerArgIndex]);
}
}
var mergedStyle = {};
var labels = [];
for (var i = 0; i < flatArgs.length; i++) {
var style = flatArgs[i];
if (!style) continue;
var styleObject = style; // It can be a class name that css() has previously generated.
if (typeof style === 'string') {
// eslint-disable-next-line no-shadow
var _cached = cache.get(style);
if (_cached) {
// eslint-disable-next-line prefer-spread
if (_cached.labels.length) labels.push.apply(labels, _cached.labels);
styleObject = _cached.style;
}
}
if (styleObject.label && labels.indexOf(styleObject.label) === -1) labels.push(styleObject.label);
Object.assign(mergedStyle, styleObject);
}
delete mergedStyle.label;
var label = labels.length === 0 ? 'css' : labels.join('-');
var key = label + "-" + ruleIndex++;
getSheet().addRule(key, mergedStyle);
var className = getSheet().classes[key];
var cacheValue = {
style: mergedStyle,
labels: labels,
className: className
};
cache.set(argsStr, cacheValue);
cache.set(className, cacheValue);
return className;
} // For testing only.
css.getSheet = getSheet;
return css;
};
var css_jss_esm_css = createCss();
/* harmony default export */ const css_jss_esm = (css_jss_esm_css);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/dist/react-jss.esm.js
var react_jss_esm_getDisplayName = function getDisplayName(Component) {
return Component.displayName || Component.name || 'Component';
};
var react_jss_esm_memoize = function memoize(fn) {
var lastArgs;
var lastResult;
return function () {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (Array.isArray(lastArgs) && args.length === lastArgs.length) {
var isSame = true;
for (var i = 0; i < args.length; i++) {
if (args[i] !== lastArgs[i]) {
isSame = false;
}
}
if (isSame) {
return lastResult;
}
}
lastArgs = args;
lastResult = fn.apply(void 0, args);
return lastResult;
};
};
var mergeClasses = function mergeClasses(baseClasses, additionalClasses) {
var combinedClasses = extends_extends({}, baseClasses);
for (var name in additionalClasses) {
combinedClasses[name] = name in combinedClasses ? combinedClasses[name] + " " + additionalClasses[name] : additionalClasses[name];
}
return combinedClasses;
};
/**
* Global index counter to preserve source order.
* As we create the style sheet during componentWillMount lifecycle,
* children are handled after the parents, so the order of style elements would
* be parent->child. It is a problem though when a parent passes a className
* which needs to override any childs styles. StyleSheet of the child has a higher
* specificity, because of the source order.
* So our solution is to render sheets them in the reverse order child->sheet, so
* that parent has a higher specificity.
*
* We start at [Number.MIN_SAFE_INTEGER] to always insert sheets from react-jss first before any
* sheet which might be inserted manually by the user.
*/
var react_jss_esm_index = Number.MIN_SAFE_INTEGER || -1e9;
var getSheetIndex = function getSheetIndex() {
return react_jss_esm_index++;
};
var JssContext = (0,react.createContext)({
classNamePrefix: '',
disableStylesGeneration: false
});
var defaultManagers = new Map();
var getManager = function getManager(context, managerId) {
// If `managers` map is present in the context, we use it in order to
// let JssProvider reset them when new response has to render server-side.
var managers = context.managers;
if (managers) {
if (!managers[managerId]) {
managers[managerId] = new SheetsManager();
}
return managers[managerId];
}
var manager = defaultManagers.get(managerId);
if (!manager) {
manager = new SheetsManager();
defaultManagers.set(managerId, manager);
}
return manager;
};
var manageSheet = function manageSheet(options) {
var sheet = options.sheet,
context = options.context,
index = options.index,
theme = options.theme;
if (!sheet) {
return;
}
var manager = getManager(context, index);
manager.manage(theme);
if (context.registry) {
context.registry.add(sheet);
}
};
var unmanageSheet = function unmanageSheet(options) {
if (!options.sheet) {
return;
}
var manager = getManager(options.context, options.index);
manager.unmanage(options.theme);
};
var react_jss_esm_defaultJss = createJss(jss_preset_default_esm());
var sheetsMeta = new WeakMap();
var getMeta = function getMeta(sheet) {
return sheetsMeta.get(sheet);
};
var addMeta = function addMeta(sheet, meta) {
sheetsMeta.set(sheet, meta);
};
var getStyles = function getStyles(options) {
var styles = options.styles;
if (typeof styles !== 'function') {
return styles;
}
false ? 0 : void 0;
return styles(options.theme);
};
function getSheetOptions(options, link) {
var minify;
if (options.context.id && options.context.id.minify != null) {
minify = options.context.id.minify;
}
var classNamePrefix = options.context.classNamePrefix || '';
if (options.name && !minify) {
classNamePrefix += options.name.replace(/\s/g, '-') + "-";
}
var meta = '';
if (options.name) meta = options.name + ", ";
meta += typeof options.styles === 'function' ? 'Themed' : 'Unthemed';
return extends_extends({}, options.sheetOptions, {
index: options.index,
meta: meta,
classNamePrefix: classNamePrefix,
link: link,
generateId: options.sheetOptions && options.sheetOptions.generateId ? options.sheetOptions.generateId : options.context.generateId
});
}
var createStyleSheet = function createStyleSheet(options) {
if (options.context.disableStylesGeneration) {
return undefined;
}
var manager = getManager(options.context, options.index);
var existingSheet = manager.get(options.theme);
if (existingSheet) {
return existingSheet;
}
var jss = options.context.jss || react_jss_esm_defaultJss;
var styles = getStyles(options);
var dynamicStyles = getDynamicStyles(styles);
var sheet = jss.createStyleSheet(styles, getSheetOptions(options, dynamicStyles !== null));
addMeta(sheet, {
dynamicStyles: dynamicStyles,
styles: styles
});
manager.add(options.theme, sheet);
return sheet;
};
var removeDynamicRules = function removeDynamicRules(sheet, rules) {
// Loop over each dynamic rule and remove the dynamic rule
// We can't just remove the whole sheet as this has all of the rules for every component instance
for (var key in rules) {
sheet.deleteRule(rules[key]);
}
};
var updateDynamicRules = function updateDynamicRules(data, sheet, rules) {
// Loop over each dynamic rule and update it
// We can't just update the whole sheet as this has all of the rules for every component instance
for (var key in rules) {
sheet.updateOne(rules[key], data);
}
};
var addDynamicRules = function addDynamicRules(sheet, data) {
var meta = getMeta(sheet);
if (!meta) {
return undefined;
}
var rules = {}; // Loop over each dynamic rule and add it to the stylesheet
for (var key in meta.dynamicStyles) {
var initialRuleCount = sheet.rules.index.length;
var originalRule = sheet.addRule(key, meta.dynamicStyles[key]); // Loop through all created rules, fixes updating dynamic rules
for (var i = initialRuleCount; i < sheet.rules.index.length; i++) {
var rule = sheet.rules.index[i];
sheet.updateOne(rule, data); // If it's the original rule, we need to add it by the correct key so the hook and hoc
// can correctly concat the dynamic class with the static one
rules[originalRule === rule ? key : rule.key] = rule;
}
}
return rules;
};
var getSheetClasses = function getSheetClasses(sheet, dynamicRules) {
if (!dynamicRules) {
return sheet.classes;
}
var meta = getMeta(sheet);
if (!meta) {
return sheet.classes;
}
var classes = {};
for (var key in meta.styles) {
classes[key] = sheet.classes[key];
if (key in dynamicRules) {
classes[key] += " " + sheet.classes[dynamicRules[key].key];
}
}
return classes;
};
var useEffectOrLayoutEffect = dist_module ? react.useLayoutEffect : react.useEffect;
var noTheme = {};
var createUseStyles = function createUseStyles(styles, options) {
if (options === void 0) {
options = {};
}
var _options = options,
_options$index = _options.index,
index = _options$index === void 0 ? getSheetIndex() : _options$index,
theming = _options.theming,
name = _options.name,
sheetOptions = objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(_options, ["index", "theming", "name"]);
var ThemeContext$1 = theming && theming.context || theming_esm_ThemeContext;
var useTheme = function useTheme(theme) {
if (typeof styles === 'function') {
return theme || (0,react.useContext)(ThemeContext$1) || noTheme;
}
return noTheme;
};
var emptyObject = {};
return function useStyles(data) {
var isFirstMount = (0,react.useRef)(true);
var context = (0,react.useContext)(JssContext);
var theme = useTheme(data && data.theme);
var _React$useMemo = (0,react.useMemo)(function () {
var newSheet = createStyleSheet({
context: context,
styles: styles,
name: name,
theme: theme,
index: index,
sheetOptions: sheetOptions
});
var newDynamicRules = newSheet ? addDynamicRules(newSheet, data) : null;
if (newSheet) {
manageSheet({
index: index,
context: context,
sheet: newSheet,
theme: theme
});
}
return [newSheet, newDynamicRules];
}, [context, theme]),
sheet = _React$useMemo[0],
dynamicRules = _React$useMemo[1];
useEffectOrLayoutEffect(function () {
// We only need to update the rules on a subsequent update and not in the first mount
if (sheet && dynamicRules && !isFirstMount.current) {
updateDynamicRules(data, sheet, dynamicRules);
}
}, [data]);
useEffectOrLayoutEffect(function () {
return (// cleanup only
function () {
if (sheet) {
unmanageSheet({
index: index,
context: context,
sheet: sheet,
theme: theme
});
}
if (sheet && dynamicRules) {
removeDynamicRules(sheet, dynamicRules);
}
}
);
}, [sheet]);
var classes = (0,react.useMemo)(function () {
return sheet && dynamicRules ? getSheetClasses(sheet, dynamicRules) : emptyObject;
}, [sheet, dynamicRules]);
(0,react.useDebugValue)(classes);
(0,react.useDebugValue)(theme === noTheme ? 'No theme' : theme);
(0,react.useEffect)(function () {
isFirstMount.current = false;
});
return classes;
};
};
var NoRenderer = function NoRenderer(props) {
return props.children || null;
};
/**
* HOC creator function that wrapps the user component.
*
* `withStyles(styles, [options])(Component)`
*/
var createWithStyles = function createWithStyles(styles, options) {
if (options === void 0) {
options = {};
}
var _options = options,
_options$index = _options.index,
index = _options$index === void 0 ? getSheetIndex() : _options$index,
theming = _options.theming,
injectTheme = _options.injectTheme,
sheetOptions = objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(_options, ["index", "theming", "injectTheme"]);
var ThemeContext$1 = theming ? theming.context : theming_esm_ThemeContext;
return function (InnerComponent) {
if (InnerComponent === void 0) {
InnerComponent = NoRenderer;
}
var displayName = react_jss_esm_getDisplayName(InnerComponent);
var mergeClassesProp = react_jss_esm_memoize(function (sheetClasses, classesProp) {
return classesProp ? mergeClasses(sheetClasses, classesProp) : sheetClasses;
});
var hookOptions = Object.assign(sheetOptions, {
theming: theming,
index: index,
name: displayName
});
var useStyles = createUseStyles(styles, hookOptions);
var WithStyles = (0,react.forwardRef)(function (props, ref) {
var theme = (0,react.useContext)(ThemeContext$1);
var newProps = extends_extends({}, props);
if (injectTheme && newProps.theme == null) {
newProps.theme = theme;
}
var sheetClasses = useStyles(newProps);
var classes = mergeClassesProp(sheetClasses, props.classes);
return (0,react.createElement)(InnerComponent, extends_extends({}, newProps, {
classes: classes,
ref: ref
}));
});
WithStyles.displayName = "WithStyles(" + displayName + ")";
WithStyles.defaultProps = extends_extends({}, InnerComponent.defaultProps);
WithStyles.InnerComponent = InnerComponent;
return hoist_non_react_statics_cjs_default()(WithStyles, InnerComponent);
};
};
var initialContext = {};
function JssProvider(props) {
var managersRef = useRef({});
var prevContextRef = useRef();
var registryRef = useRef(null);
var createContext = function createContext(parentContext, prevContext) {
if (prevContext === void 0) {
prevContext = initialContext;
}
var registry = props.registry,
classNamePrefix = props.classNamePrefix,
jss = props.jss,
generateId = props.generateId,
disableStylesGeneration = props.disableStylesGeneration,
media = props.media,
id = props.id;
var context = _extends({}, parentContext);
if (registry) {
context.registry = registry; // This way we identify a new request on the server, because user will create
// a new Registry instance for each.
if (registry !== registryRef.current) {
// We reset managers because we have to regenerate all sheets for the new request.
managersRef.current = {};
registryRef.current = registry;
}
}
context.managers = managersRef.current;
if (id !== undefined) {
context.id = id;
}
if (generateId !== undefined) {
context.generateId = generateId;
} else if (!context.generateId || !prevContext || context.id !== prevContext.id) {
context.generateId = createGenerateId(context.id);
}
if (classNamePrefix) {
context.classNamePrefix = (context.classNamePrefix || '') + classNamePrefix;
}
if (media !== undefined) {
context.media = media;
}
if (jss) {
context.jss = jss;
}
if (disableStylesGeneration !== undefined) {
context.disableStylesGeneration = disableStylesGeneration;
}
if (prevContext && shallowEqualObjects(prevContext, context)) {
return prevContext;
}
return context;
};
var renderProvider = function renderProvider(parentContext) {
var children = props.children;
var context = createContext(parentContext, prevContextRef.current);
prevContextRef.current = context;
return createElement(JssContext.Provider, {
value: context
}, children);
};
return createElement(JssContext.Consumer, null, renderProvider);
}
var parseStyles = function parseStyles(args) {
var dynamicStyles = [];
var staticStyle;
var labels = []; // Not using ...rest to optimize perf.
for (var key in args) {
var style = args[key];
if (!style) continue;
if (typeof style === 'function') {
dynamicStyles.push(style);
} else {
if (!staticStyle) staticStyle = {};
Object.assign(staticStyle, style);
var _staticStyle = staticStyle,
_label = _staticStyle.label;
if (_label) {
if (labels.indexOf(_label) === -1) labels.push(_label);
}
}
}
var styles = {};
var label = labels.length === 0 ? 'sc' : labels.join('-');
if (staticStyle) {
// Label should not leak to the core.
if ('label' in staticStyle) delete staticStyle.label;
styles[label] = staticStyle;
} // When there is only one function rule, we don't need to wrap it.
if (dynamicStyles.length === 1) {
styles.scd = dynamicStyles[0];
} // We create a new function rule which will call all other function rules
// and merge the styles they return.
if (dynamicStyles.length > 1) {
styles.scd = function (props) {
var merged = {};
for (var i = 0; i < dynamicStyles.length; i++) {
var dynamicStyle = dynamicStyles[i](props);
if (dynamicStyle) Object.assign(merged, dynamicStyle);
}
return merged;
};
}
return {
styles: styles,
label: label
};
};
var shouldForwardPropSymbol = Symbol('react-jss-styled');
var getShouldForwardProp = function getShouldForwardProp(tagOrComponent, options) {
var shouldForwardProp = options.shouldForwardProp;
var childShouldForwardProp = tagOrComponent[shouldForwardPropSymbol];
var finalShouldForwardProp = shouldForwardProp || childShouldForwardProp;
if (shouldForwardProp && childShouldForwardProp) {
finalShouldForwardProp = function finalShouldForwardProp(prop) {
return childShouldForwardProp(prop) && shouldForwardProp(prop);
};
}
return finalShouldForwardProp;
};
var getChildProps = function getChildProps(props, shouldForwardProp, isTag) {
var childProps = {};
for (var prop in props) {
if (shouldForwardProp) {
if (shouldForwardProp(prop) === true) {
childProps[prop] = props[prop];
}
continue;
} // We don't want to pass non-dom props to the DOM.
if (isTag) {
if (isPropValid(prop)) {
childProps[prop] = props[prop];
}
continue;
}
childProps[prop] = props[prop];
}
return childProps;
}; // eslint-disable-next-line no-unused-vars
var configureStyled = function configureStyled(tagOrComponent, options) {
if (options === void 0) {
options = {};
}
var _options = options,
theming = _options.theming;
var isTag = typeof tagOrComponent === 'string';
var ThemeContext$1 = theming ? theming.context : ThemeContext;
var shouldForwardProp = getShouldForwardProp(tagOrComponent, options);
var _options2 = options,
_ = _options2.shouldForwardProp,
hookOptions = _objectWithoutPropertiesLoose(_options2, ["shouldForwardProp"]);
return function createStyledComponent() {
// eslint-disable-next-line prefer-rest-params
var _parseStyles = parseStyles(arguments),
styles = _parseStyles.styles,
label = _parseStyles.label;
var useStyles = createUseStyles(styles, hookOptions);
var Styled = function Styled(props) {
var as = props.as,
className = props.className;
var theme = useContext(ThemeContext$1);
var propsWithTheme = Object.assign({
theme: theme
}, props);
var classes = useStyles(propsWithTheme);
var childProps = getChildProps(props, shouldForwardProp, isTag);
var classNames = ((classes[label] || classes.sc || '') + " " + (classes.scd || '')).trim();
childProps.className = className ? className + " " + classNames : classNames;
if (!isTag && shouldForwardProp) {
tagOrComponent[shouldForwardPropSymbol] = shouldForwardProp;
}
if (isTag && as) {
return createElement(as, childProps);
}
return createElement(tagOrComponent, childProps);
};
return Styled;
};
};
/* eslint-disable prefer-rest-params, prefer-spread */
var react_jss_esm_create = function create(css) {
if (css === void 0) {
css = css_jss_esm;
}
return function createElement$1(type, props) {
var args = arguments;
if (props && props.css) {
var className = css(props.css);
var newProps = Object.assign({}, props);
newProps.className = props.className ? props.className + " " + className : className;
delete newProps.css;
args[1] = newProps;
}
return react.createElement.apply(undefined, args);
};
};
var jsx = react_jss_esm_create();
/* harmony default export */ const react_jss_esm = (createWithStyles);
;// CONCATENATED MODULE: ./src/implementations/react-jss/View.js
var _excluded = ["classes", "className"];
function View_extends() { View_extends = Object.assign || 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 View_extends.apply(this, arguments); }
function View_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function View_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; View_setPrototypeOf(subClass, superClass); }
function View_setPrototypeOf(o, p) { View_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return View_setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var View = /*#__PURE__*/function (_React$Component) {
View_inheritsLoose(View, _React$Component);
function View() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = View.prototype;
_proto.render = function render() {
var _this$props = this.props,
classes = _this$props.classes,
className = _this$props.className,
other = View_objectWithoutPropertiesLoose(_this$props, _excluded);
return /*#__PURE__*/react.createElement("div", View_extends({}, other, {
className: classnames_default()(classes.root, className)
}));
};
return View;
}(react.Component);
var styles = {
root: {
alignItems: 'stretch',
borderWidth: 0,
borderStyle: 'solid',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: 0,
margin: 0,
padding: 0,
position: 'relative',
// fix flexbox bugs
minHeight: 0,
minWidth: 0
}
};
/* harmony default export */ const react_jss_View = (react_jss_esm(styles)(View));
;// CONCATENATED MODULE: ./src/implementations/react-jss/Box.js
var Box_excluded = ["classes", "color", "fixed", "layout", "outer"];
function Box_extends() { Box_extends = Object.assign || 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 Box_extends.apply(this, arguments); }
function Box_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = function Box(_ref) {
var _classnames;
var classes = _ref.classes,
color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = Box_objectWithoutPropertiesLoose(_ref, Box_excluded);
return /*#__PURE__*/react.createElement(react_jss_View, Box_extends({}, other, {
className: classnames_default()((_classnames = {}, _classnames[classes["color" + color]] = true, _classnames[classes.fixed] = fixed, _classnames[classes.row] = layout === 'row', _classnames[classes.outer] = outer, _classnames))
}));
};
var Box_styles = {
outer: {
alignSelf: 'flex-start',
padding: 4
},
row: {
flexDirection: 'row'
},
color0: {
backgroundColor: '#14171A'
},
color1: {
backgroundColor: '#AAB8C2'
},
color2: {
backgroundColor: '#E6ECF0'
},
color3: {
backgroundColor: '#FFAD1F'
},
color4: {
backgroundColor: '#F45D22'
},
color5: {
backgroundColor: '#E0245E'
},
fixed: {
width: 6,
height: 6
}
};
/* harmony default export */ const react_jss_Box = (react_jss_esm(Box_styles)(Box));
;// CONCATENATED MODULE: ./src/implementations/react-jss/Dot.js
/* eslint-disable react/prop-types */
var Dot = function Dot(_ref) {
var classes = _ref.classes,
children = _ref.children;
return /*#__PURE__*/react.createElement("div", {
className: classes.root
}, children);
};
var Dot_styles = {
root: {
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: 'translate(50%, 50%)',
borderBottomColor: function borderBottomColor(_ref2) {
var color = _ref2.color;
return color;
},
borderRightWidth: function borderRightWidth(_ref3) {
var size = _ref3.size;
return size / 2;
},
borderBottomWidth: function borderBottomWidth(_ref4) {
var size = _ref4.size;
return size / 2;
},
borderLeftWidth: function borderLeftWidth(_ref5) {
var size = _ref5.size;
return size / 2;
},
marginLeft: function marginLeft(_ref6) {
var x = _ref6.x;
return x;
},
marginTop: function marginTop(_ref7) {
var y = _ref7.y;
return y;
}
}
};
/* harmony default export */ const react_jss_Dot = (react_jss_esm(Dot_styles)(Dot));
;// CONCATENATED MODULE: ./src/implementations/react-jss/Provider.js
/* harmony default export */ const Provider = (react_jss_View);
;// CONCATENATED MODULE: ./src/implementations/react-jss/index.js
/* harmony default export */ const react_jss = ({
Box: react_jss_Box,
Dot: react_jss_Dot,
Provider: Provider,
View: react_jss_View
});
/***/ }),
/***/ 55617:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Tweet": () => (/* binding */ Tweet),
"default": () => (/* binding */ react_native_web_Tweet)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/View/index.js
var View = __webpack_require__(31219);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/index.js + 1 modules
var StyleSheet = __webpack_require__(87688);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/AspectRatio.js
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
var AspectRatio = /*#__PURE__*/function (_PureComponent) {
_inheritsLoose(AspectRatio, _PureComponent);
function AspectRatio() {
return _PureComponent.apply(this, arguments) || this;
}
var _proto = AspectRatio.prototype;
_proto.render = function render() {
var _this$props = this.props,
children = _this$props.children,
ratio = _this$props.ratio,
style = _this$props.style;
var percentage = 100 / ratio;
return /*#__PURE__*/react.createElement(View/* default */.Z, {
style: [styles.root, style]
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: [styles.shim, {
paddingBottom: percentage + "%"
}]
}), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: StyleSheet/* default.absoluteFill */.Z.absoluteFill
}, children));
};
return AspectRatio;
}(react.PureComponent);
AspectRatio.displayName = 'AspectRatio';
AspectRatio.defaultProps = {
ratio: 1
};
AspectRatio.propTypes = false ? 0 : {};
var styles = StyleSheet/* default.create */.Z.create({
root: {
overflow: 'hidden'
},
shim: {
display: 'block',
width: '100%'
}
});
/* harmony default export */ const Tweet_AspectRatio = (AspectRatio);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/theme.js
var colors = {
blue: '#1B95E0',
lightBlue: '#71C9F8',
green: '#17BF63',
orange: '#F45D22',
purple: '#794BC4',
red: '#E0245E',
white: '#FFFFFF',
yellow: '#FFAD1F',
deepGray: '#657786',
fadedGray: '#E6ECF0',
faintGray: '#F5F8FA',
gray: '#AAB8C2',
lightGray: '#CCD6DD',
textBlack: '#14171A'
};
var fontSize = {
root: '14px',
// font scale
small: '0.85rem',
normal: '1rem',
large: '1.25rem'
};
var theme = {
colors: colors,
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif, ' + '"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
// emoji fonts
fontSize: fontSize,
lineHeight: 1.3125,
spaceX: 0.6,
spaceY: 1.3125,
createLength: function createLength(num, unit) {
return "" + num + unit;
}
};
/* harmony default export */ const Tweet_theme = (theme);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/GridView.js
var _excluded = ["children", "hasGap", "style"];
function _extends() { _extends = Object.assign || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function GridView_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; GridView_setPrototypeOf(subClass, superClass); }
function GridView_setPrototypeOf(o, p) { GridView_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return GridView_setPrototypeOf(o, p); }
var GridView = /*#__PURE__*/function (_Component) {
GridView_inheritsLoose(GridView, _Component);
function GridView() {
return _Component.apply(this, arguments) || this;
}
var _proto = GridView.prototype;
_proto.render = function render() {
var _this$props = this.props,
children = _this$props.children,
hasGap = _this$props.hasGap,
style = _this$props.style,
other = _objectWithoutPropertiesLoose(_this$props, _excluded);
return /*#__PURE__*/react.createElement(View/* default */.Z, _extends({}, other, {
style: [style, GridView_styles.root, hasGap && GridView_styles.hasGap]
}), react.Children.map(children, function (child) {
return child && /*#__PURE__*/react.cloneElement(child, {
style: [child.props.style, GridView_styles.column, hasGap && GridView_styles.hasGapColumn]
});
}));
};
return GridView;
}(react.Component);
GridView.displayName = 'GridView';
GridView.propTypes = false ? 0 : {};
var GridView_styles = StyleSheet/* default.create */.Z.create({
root: {
flexDirection: 'row'
},
/**
* 1. Distribute all space (rather than extra space)
* 2. Prevent wide content from forcing wider flex columns
*/
column: {
flexBasis: 0,
// 1
minWidth: 0 // 2
},
hasGap: {
marginHorizontal: Tweet_theme.createLength(Tweet_theme.spaceX * -0.5, 'rem')
},
hasGapColumn: {
marginHorizontal: Tweet_theme.createLength(Tweet_theme.spaceX * 0.5, 'rem')
}
});
/* harmony default export */ const Tweet_GridView = (GridView);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/index.js
var dist = __webpack_require__(97730);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/styles.js
var styles_styles = StyleSheet/* default.create */.Z.create({
icon: {
display: 'inline-block',
fill: 'currentcolor',
height: '1.25em',
maxWidth: '100%',
position: 'relative',
userSelect: 'none',
textAlignVertical: 'text-bottom'
}
});
/* harmony default export */ const Tweet_styles = (styles_styles);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/IconReply.js
/* eslint-disable react/prop-types */
var IconReply = function IconReply(props) {
return (0,dist.createElement)('svg', {
children: /*#__PURE__*/react.createElement("g", null, /*#__PURE__*/react.createElement("path", {
d: "M41 31h-9V19a2.999 2.999 0 0 0-4.817-2.386l-21 16a3 3 0 0 0-.001 4.773l21 16a3.006 3.006 0 0 0 3.15.301A2.997 2.997 0 0 0 32 51V39h9c5.514 0 10 4.486 10 10a4 4 0 0 0 8 0c0-9.925-8.075-18-18-18z"
})),
style: [Tweet_styles.icon, props.style],
viewBox: '0 0 62 72'
});
};
IconReply.metadata = {
height: 72,
width: 62
};
/* harmony default export */ const Tweet_IconReply = (IconReply);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/IconHeart.js
/* eslint-disable react/prop-types */
var IconHeart = function IconHeart(props) {
return (0,dist.createElement)('svg', {
children: /*#__PURE__*/react.createElement("g", null, /*#__PURE__*/react.createElement("path", {
d: "M38.723 12c-7.187 0-11.16 7.306-11.723 8.131C26.437 19.306 22.504 12 15.277 12 8.791 12 3.533 18.163 3.533 24.647 3.533 39.964 21.891 55.907 27 56c5.109-.093 23.467-16.036 23.467-31.353C50.467 18.163 45.209 12 38.723 12z"
})),
style: [Tweet_styles.icon, props.style],
viewBox: '0 0 54 72'
});
};
IconHeart.metadata = {
height: 72,
width: 54
};
/* harmony default export */ const Tweet_IconHeart = (IconHeart);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/IconRetweet.js
/* eslint-disable react/prop-types */
var IconRetweet = function IconRetweet(props) {
return (0,dist.createElement)('svg', {
children: /*#__PURE__*/react.createElement("g", null, /*#__PURE__*/react.createElement("path", {
d: "M70.676 36.644A3 3 0 0 0 68 35h-7V19a4 4 0 0 0-4-4H34a4 4 0 0 0 0 8h18a1 1 0 0 1 1 .998V35h-7a3.001 3.001 0 0 0-2.419 4.775l11 15a3.003 3.003 0 0 0 4.839-.001l11-15a3.001 3.001 0 0 0 .256-3.13zM40.001 48H22a.995.995 0 0 1-.992-.96L21.001 36h7a3.001 3.001 0 0 0 2.419-4.775l-11-15a3.003 3.003 0 0 0-4.839.001l-11 15A3 3 0 0 0 6.001 36h7l.011 16.003a4 4 0 0 0 4 3.997h22.989a4 4 0 0 0 0-8z"
})),
style: [Tweet_styles.icon, props.style],
viewBox: '0 0 74 72'
});
};
IconRetweet.metadata = {
height: 72,
width: 74
};
/* harmony default export */ const Tweet_IconRetweet = (IconRetweet);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/IconDirectMessage.js
/* eslint-disable react/prop-types */
var IconDirectMessage = function IconDirectMessage(props) {
return (0,dist.createElement)('svg', {
children: /*#__PURE__*/react.createElement("g", null, /*#__PURE__*/react.createElement("path", {
d: "M43.34 14H12.66L28 27.946z"
}), /*#__PURE__*/react.createElement("path", {
d: "M51.392 14.789L30.018 34.22c-.009.008-.028.006-.039.012-.563.5-1.266.768-1.98.768-.72 0-1.442-.258-2.017-.78L4.609 14.79A3.957 3.957 0 0 0 3 18v37a1.998 1.998 0 0 0 2 2c.464 0 .924-.162 1.292-.473L19 46h30c2.243 0 4-1.757 4-4V18a3.96 3.96 0 0 0-1.608-3.211z"
})),
style: [Tweet_styles.icon, props.style],
viewBox: '0 0 56 72'
});
};
IconDirectMessage.metadata = {
height: 72,
width: 56
};
/* harmony default export */ const Tweet_IconDirectMessage = (IconDirectMessage);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/Text/index.js
var Text = __webpack_require__(8943);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/TweetAction.js
function TweetAction_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; TweetAction_setPrototypeOf(subClass, superClass); }
function TweetAction_setPrototypeOf(o, p) { TweetAction_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return TweetAction_setPrototypeOf(o, p); }
var getIcon = function getIcon(icon, highlighted) {
switch (icon) {
case 'like':
return /*#__PURE__*/react.createElement(Tweet_IconHeart, null);
case 'reply':
return /*#__PURE__*/react.createElement(Tweet_IconReply, null);
case 'retweet':
return /*#__PURE__*/react.createElement(Tweet_IconRetweet, null);
case 'directMessage':
return /*#__PURE__*/react.createElement(Tweet_IconDirectMessage, null);
default:
return null;
}
};
var TweetAction = /*#__PURE__*/function (_React$Component) {
TweetAction_inheritsLoose(TweetAction, _React$Component);
function TweetAction() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = TweetAction.prototype;
_proto.render = function render() {
var _this$props = this.props,
count = _this$props.count,
displayMode = _this$props.displayMode,
highlighted = _this$props.highlighted,
onPress = _this$props.onPress,
style = _this$props.style;
return /*#__PURE__*/react.createElement(View/* default */.Z, {
accessibilityRole: "button",
onPress: onPress,
style: [TweetAction_styles.root, style]
}, /*#__PURE__*/react.createElement(Text/* default */.Z, {
style: [TweetAction_styles.inner, displayMode === 'like' && highlighted && TweetAction_styles.likedColor, displayMode === 'retweet' && highlighted && TweetAction_styles.retweetedColor]
}, getIcon(displayMode, highlighted), count > 0 ? /*#__PURE__*/react.createElement(Text/* default */.Z, {
style: TweetAction_styles.count
}, count) : null));
};
return TweetAction;
}(react.Component);
TweetAction.displayName = 'TweetAction';
TweetAction.propTypes = false ? 0 : {};
var TweetAction_styles = StyleSheet/* default.create */.Z.create({
root: {
minHeight: Tweet_theme.createLength(Tweet_theme.lineHeight, 'rem'),
overflow: 'visible',
userSelect: 'none',
whiteSpace: 'nowrap'
},
inner: {
alignItems: 'center',
color: Tweet_theme.colors.deepGray,
display: 'flex',
flexDirection: 'row'
},
count: {
marginLeft: '0.25em'
},
retweetedColor: {
color: Tweet_theme.colors.green
},
likedColor: {
color: Tweet_theme.colors.red
}
});
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/TweetActionsBar.js
function TweetActionsBar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; TweetActionsBar_setPrototypeOf(subClass, superClass); }
function TweetActionsBar_setPrototypeOf(o, p) { TweetActionsBar_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return TweetActionsBar_setPrototypeOf(o, p); }
var actionNames = false ? 0 : {};
var TweetActionsBar = /*#__PURE__*/function (_PureComponent) {
TweetActionsBar_inheritsLoose(TweetActionsBar, _PureComponent);
function TweetActionsBar() {
return _PureComponent.apply(this, arguments) || this;
}
var _proto = TweetActionsBar.prototype;
_proto.render = function render() {
var _this$props = this.props,
actions = _this$props.actions,
style = _this$props.style;
/* eslint-disable react/jsx-handler-names */
return /*#__PURE__*/react.createElement(View/* default */.Z, {
style: [TweetActionsBar_styles.root, style]
}, actions.map(function (action, i) {
return /*#__PURE__*/react.createElement(TweetAction, {
accessibilityLabel: actions.label,
count: action.count,
displayMode: action.name,
highlighted: action.highlighted,
key: i,
onPress: action.onPress,
style: TweetActionsBar_styles.action
});
}));
};
return TweetActionsBar;
}(react.PureComponent);
TweetActionsBar.propTypes = false ? 0 : {};
var TweetActionsBar_styles = StyleSheet/* default.create */.Z.create({
root: {
flexDirection: 'row'
},
action: {
display: 'block',
marginRight: '10%'
}
});
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/AppText.js
var AppText_excluded = ["align", "color", "fontStyle", "size", "uppercase", "weight"];
function AppText_extends() { AppText_extends = Object.assign || 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 AppText_extends.apply(this, arguments); }
function AppText_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function AppText_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; AppText_setPrototypeOf(subClass, superClass); }
function AppText_setPrototypeOf(o, p) { AppText_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return AppText_setPrototypeOf(o, p); }
var AppText = /*#__PURE__*/function (_PureComponent) {
AppText_inheritsLoose(AppText, _PureComponent);
function AppText() {
return _PureComponent.apply(this, arguments) || this;
}
var _proto = AppText.prototype;
_proto.render = function render() {
var _this$props = this.props,
align = _this$props.align,
color = _this$props.color,
fontStyle = _this$props.fontStyle,
size = _this$props.size,
uppercase = _this$props.uppercase,
weight = _this$props.weight,
other = AppText_objectWithoutPropertiesLoose(_this$props, AppText_excluded);
var style = [AppText_styles.root, align && alignStyles[align], color && colorStyles[color], fontStyle && fontStyles[fontStyle], size && sizeStyles[size], weight && weightStyles[weight], uppercase === true && AppText_styles.uppercase];
return /*#__PURE__*/react.createElement(Text/* default */.Z, AppText_extends({}, other, {
style: style
}));
};
return AppText;
}(react.PureComponent);
AppText.displayName = 'AppText';
AppText.propTypes = false ? 0 : {};
var AppText_styles = StyleSheet/* default.create */.Z.create({
root: {
fontFamily: Tweet_theme.fontFamily,
fontSize: Tweet_theme.fontSize.normal,
fontWeight: 'normal',
lineHeight: Tweet_theme.createLength(Tweet_theme.lineHeight),
wordWrap: 'break-word'
},
uppercase: {
textTransform: 'uppercase'
}
});
var alignStyles = StyleSheet/* default.create */.Z.create({
center: {
textAlign: 'center'
},
left: {
textAlign: 'left'
},
right: {
textAlign: 'right'
}
});
var colorStyles = StyleSheet/* default.create */.Z.create({
blue: {
color: Tweet_theme.colors.blue
},
deepGray: {
color: Tweet_theme.colors.deepGray
},
normal: {
color: Tweet_theme.colors.textBlack
},
red: {
color: Tweet_theme.colors.red
},
white: {
color: Tweet_theme.colors.white
}
});
var fontStyles = StyleSheet/* default.create */.Z.create({
normal: {
fontStyle: 'normal'
},
italic: {
fontStyle: 'italic'
}
});
var sizeStyles = StyleSheet/* default.create */.Z.create({
small: {
fontSize: Tweet_theme.fontSize.small
},
normal: {
fontSize: Tweet_theme.fontSize.normal
},
large: {
fontSize: Tweet_theme.fontSize.large
}
});
var weightStyles = StyleSheet/* default.create */.Z.create({
normal: {
fontWeight: '400'
},
bold: {
fontWeight: 'bold'
}
});
/* harmony default export */ const Tweet_AppText = (AppText);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/createElement/index.js
var createElement = __webpack_require__(41803);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/css.js
var css = __webpack_require__(5748);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/AssetRegistry/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var assets = [];
function registerAsset(asset) {
// `push` returns new array length, so the first asset will
// get id 1 (not 0) to make the value truthy
return assets.push(asset);
}
function getAssetByID(assetId) {
return assets[assetId - 1];
}
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/resolveShadowValue.js
var resolveShadowValue = __webpack_require__(82354);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/ImageLoader/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var dataUriPattern = /^data:/;
var ImageUriCache = /*#__PURE__*/function () {
function ImageUriCache() {}
ImageUriCache.has = function has(uri) {
var entries = ImageUriCache._entries;
var isDataUri = dataUriPattern.test(uri);
return isDataUri || Boolean(entries[uri]);
};
ImageUriCache.add = function add(uri) {
var entries = ImageUriCache._entries;
var lastUsedTimestamp = Date.now();
if (entries[uri]) {
entries[uri].lastUsedTimestamp = lastUsedTimestamp;
entries[uri].refCount += 1;
} else {
entries[uri] = {
lastUsedTimestamp: lastUsedTimestamp,
refCount: 1
};
}
};
ImageUriCache.remove = function remove(uri) {
var entries = ImageUriCache._entries;
if (entries[uri]) {
entries[uri].refCount -= 1;
} // Free up entries when the cache is "full"
ImageUriCache._cleanUpIfNeeded();
};
ImageUriCache._cleanUpIfNeeded = function _cleanUpIfNeeded() {
var entries = ImageUriCache._entries;
var imageUris = Object.keys(entries);
if (imageUris.length + 1 > ImageUriCache._maximumEntries) {
var leastRecentlyUsedKey;
var leastRecentlyUsedEntry;
imageUris.forEach(function (uri) {
var entry = entries[uri];
if ((!leastRecentlyUsedEntry || entry.lastUsedTimestamp < leastRecentlyUsedEntry.lastUsedTimestamp) && entry.refCount === 0) {
leastRecentlyUsedKey = uri;
leastRecentlyUsedEntry = entry;
}
});
if (leastRecentlyUsedKey) {
delete entries[leastRecentlyUsedKey];
}
}
};
return ImageUriCache;
}();
ImageUriCache._maximumEntries = 256;
ImageUriCache._entries = {};
var id = 0;
var requests = {};
var ImageLoader = {
abort: function abort(requestId) {
var image = requests["" + requestId];
if (image) {
image.onerror = null;
image.onload = null;
image = null;
delete requests["" + requestId];
}
},
getSize: function getSize(uri, success, failure) {
var complete = false;
var interval = setInterval(callback, 16);
var requestId = ImageLoader.load(uri, callback, errorCallback);
function callback() {
var image = requests["" + requestId];
if (image) {
var naturalHeight = image.naturalHeight,
naturalWidth = image.naturalWidth;
if (naturalHeight && naturalWidth) {
success(naturalWidth, naturalHeight);
complete = true;
}
}
if (complete) {
ImageLoader.abort(requestId);
clearInterval(interval);
}
}
function errorCallback() {
if (typeof failure === 'function') {
failure();
}
ImageLoader.abort(requestId);
clearInterval(interval);
}
},
has: function has(uri) {
return ImageUriCache.has(uri);
},
load: function load(uri, onLoad, onError) {
id += 1;
var image = new window.Image();
image.onerror = onError;
image.onload = function (e) {
// avoid blocking the main thread
var onDecode = function onDecode() {
return onLoad({
nativeEvent: e
});
};
if (typeof image.decode === 'function') {
// Safari currently throws exceptions when decoding svgs.
// We want to catch that error and allow the load handler
// to be forwarded to the onLoad handler in this case
image.decode().then(onDecode, onDecode);
} else {
setTimeout(onDecode, 0);
}
};
image.src = uri;
requests["" + id] = image;
return id;
},
prefetch: function prefetch(uri) {
return new Promise(function (resolve, reject) {
ImageLoader.load(uri, function () {
// Add the uri to the cache so it can be immediately displayed when used
// but also immediately remove it to correctly reflect that it has no active references
ImageUriCache.add(uri);
ImageUriCache.remove(uri);
resolve();
}, reject);
});
},
queryCache: function queryCache(uris) {
var result = {};
uris.forEach(function (u) {
if (ImageUriCache.has(u)) {
result[u] = 'disk/memory';
}
});
return Promise.resolve(result);
}
};
/* harmony default export */ const modules_ImageLoader = (ImageLoader);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/Dimensions/index.js
var Dimensions = __webpack_require__(32883);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/PixelRatio/index.js
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* PixelRatio gives access to the device pixel density.
*/
var PixelRatio = /*#__PURE__*/function () {
function PixelRatio() {}
/**
* Returns the device pixel density.
*/
PixelRatio.get = function get() {
return Dimensions/* default.get */.Z.get('window').scale;
}
/**
* No equivalent for Web
*/
;
PixelRatio.getFontScale = function getFontScale() {
return Dimensions/* default.get */.Z.get('window').fontScale || PixelRatio.get();
}
/**
* Converts a layout size (dp) to pixel size (px).
* Guaranteed to return an integer number.
*/
;
PixelRatio.getPixelSizeForLayoutSize = function getPixelSizeForLayoutSize(layoutSize) {
return Math.round(layoutSize * PixelRatio.get());
}
/**
* Rounds a layout size (dp) to the nearest layout size that corresponds to
* an integer number of pixels. For example, on a device with a PixelRatio
* of 3, `PixelRatio.roundToNearestPixel(8.4) = 8.33`, which corresponds to
* exactly (8.33 * 3) = 25 pixels.
*/
;
PixelRatio.roundToNearestPixel = function roundToNearestPixel(layoutSize) {
var ratio = PixelRatio.get();
return Math.round(layoutSize * ratio) / ratio;
};
return PixelRatio;
}();
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/Text/TextAncestorContext.js
var TextAncestorContext = __webpack_require__(12038);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/Image/index.js
function Image_extends() { Image_extends = Object.assign || 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 Image_extends.apply(this, arguments); }
function Image_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var ERRORED = 'ERRORED';
var LOADED = 'LOADED';
var LOADING = 'LOADING';
var IDLE = 'IDLE';
var _filterId = 0;
var svgDataUriPattern = /^(data:image\/svg\+xml;utf8,)(.*)/;
function createTintColorSVG(tintColor, id) {
return tintColor && id != null ? /*#__PURE__*/react.createElement("svg", {
style: {
position: 'absolute',
height: 0,
visibility: 'hidden',
width: 0
}
}, /*#__PURE__*/react.createElement("defs", null, /*#__PURE__*/react.createElement("filter", {
id: "tint-" + id,
suppressHydrationWarning: true
}, /*#__PURE__*/react.createElement("feFlood", {
floodColor: "" + tintColor,
key: tintColor
}), /*#__PURE__*/react.createElement("feComposite", {
in2: "SourceAlpha",
operator: "atop"
})))) : null;
}
function getFlatStyle(style, blurRadius, filterId) {
var flatStyle = _objectSpread({}, StyleSheet/* default.flatten */.Z.flatten(style));
var filter = flatStyle.filter,
resizeMode = flatStyle.resizeMode,
shadowOffset = flatStyle.shadowOffset,
tintColor = flatStyle.tintColor; // Add CSS filters
// React Native exposes these features as props and proprietary styles
var filters = [];
var _filter = null;
if (filter) {
filters.push(filter);
}
if (blurRadius) {
filters.push("blur(" + blurRadius + "px)");
}
if (shadowOffset) {
var shadowString = (0,resolveShadowValue/* default */.Z)(flatStyle);
if (shadowString) {
filters.push("drop-shadow(" + shadowString + ")");
}
}
if (tintColor && filterId != null) {
filters.push("url(#tint-" + filterId + ")");
}
if (filters.length > 0) {
_filter = filters.join(' ');
} // These styles are converted to CSS filters applied to the
// element displaying the background image.
delete flatStyle.blurRadius;
delete flatStyle.shadowColor;
delete flatStyle.shadowOpacity;
delete flatStyle.shadowOffset;
delete flatStyle.shadowRadius;
delete flatStyle.tintColor; // These styles are not supported on View
delete flatStyle.overlayColor;
delete flatStyle.resizeMode;
return [flatStyle, resizeMode, _filter, tintColor];
}
function resolveAssetDimensions(source) {
if (typeof source === 'number') {
var _getAssetByID = getAssetByID(source),
_height = _getAssetByID.height,
_width = _getAssetByID.width;
return {
height: _height,
width: _width
};
} else if (source != null && !Array.isArray(source) && typeof source === 'object') {
var _height2 = source.height,
_width2 = source.width;
return {
height: _height2,
width: _width2
};
}
}
function resolveAssetUri(source) {
var uri = null;
if (typeof source === 'number') {
// get the URI from the packager
var asset = getAssetByID(source);
var scale = asset.scales[0];
if (asset.scales.length > 1) {
var preferredScale = PixelRatio.get(); // Get the scale which is closest to the preferred scale
scale = asset.scales.reduce(function (prev, curr) {
return Math.abs(curr - preferredScale) < Math.abs(prev - preferredScale) ? curr : prev;
});
}
var scaleSuffix = scale !== 1 ? "@" + scale + "x" : '';
uri = asset ? asset.httpServerLocation + "/" + asset.name + scaleSuffix + "." + asset.type : '';
} else if (typeof source === 'string') {
uri = source;
} else if (source && typeof source.uri === 'string') {
uri = source.uri;
}
if (uri) {
var match = uri.match(svgDataUriPattern); // inline SVG markup may contain characters (e.g., #, ") that need to be escaped
if (match) {
var prefix = match[1],
svg = match[2];
var encodedSvg = encodeURIComponent(svg);
return "" + prefix + encodedSvg;
}
}
return uri;
}
var Image = /*#__PURE__*/react.forwardRef(function (props, ref) {
var accessibilityLabel = props.accessibilityLabel,
blurRadius = props.blurRadius,
defaultSource = props.defaultSource,
draggable = props.draggable,
onError = props.onError,
onLayout = props.onLayout,
onLoad = props.onLoad,
onLoadEnd = props.onLoadEnd,
onLoadStart = props.onLoadStart,
pointerEvents = props.pointerEvents,
source = props.source,
style = props.style,
rest = Image_objectWithoutPropertiesLoose(props, ["accessibilityLabel", "blurRadius", "defaultSource", "draggable", "onError", "onLayout", "onLoad", "onLoadEnd", "onLoadStart", "pointerEvents", "source", "style"]);
if (false) {}
var _React$useState = react.useState(function () {
var uri = resolveAssetUri(source);
if (uri != null) {
var isLoaded = modules_ImageLoader.has(uri);
if (isLoaded) {
return LOADED;
}
}
return IDLE;
}),
state = _React$useState[0],
updateState = _React$useState[1];
var _React$useState2 = react.useState({}),
layout = _React$useState2[0],
updateLayout = _React$useState2[1];
var hasTextAncestor = react.useContext(TextAncestorContext/* default */.Z);
var hiddenImageRef = react.useRef(null);
var filterRef = react.useRef(_filterId++);
var requestRef = react.useRef(null);
var shouldDisplaySource = state === LOADED || state === LOADING && defaultSource == null;
var _getFlatStyle = getFlatStyle(style, blurRadius, filterRef.current),
flatStyle = _getFlatStyle[0],
_resizeMode = _getFlatStyle[1],
filter = _getFlatStyle[2],
tintColor = _getFlatStyle[3];
var resizeMode = props.resizeMode || _resizeMode || 'cover';
var selectedSource = shouldDisplaySource ? source : defaultSource;
var displayImageUri = resolveAssetUri(selectedSource);
var imageSizeStyle = resolveAssetDimensions(selectedSource);
var backgroundImage = displayImageUri ? "url(\"" + displayImageUri + "\")" : null;
var backgroundSize = getBackgroundSize(); // Accessibility image allows users to trigger the browser's image context menu
var hiddenImage = displayImageUri ? (0,createElement/* default */.Z)('img', {
alt: accessibilityLabel || '',
classList: [classes.accessibilityImage],
draggable: draggable || false,
ref: hiddenImageRef,
src: displayImageUri
}) : null;
function getBackgroundSize() {
if (hiddenImageRef.current != null && (resizeMode === 'center' || resizeMode === 'repeat')) {
var _hiddenImageRef$curre = hiddenImageRef.current,
naturalHeight = _hiddenImageRef$curre.naturalHeight,
naturalWidth = _hiddenImageRef$curre.naturalWidth;
var _height3 = layout.height,
_width3 = layout.width;
if (naturalHeight && naturalWidth && _height3 && _width3) {
var scaleFactor = Math.min(1, _width3 / naturalWidth, _height3 / naturalHeight);
var x = Math.ceil(scaleFactor * naturalWidth);
var y = Math.ceil(scaleFactor * naturalHeight);
return x + "px " + y + "px";
}
}
}
function handleLayout(e) {
if (resizeMode === 'center' || resizeMode === 'repeat' || onLayout) {
var _layout = e.nativeEvent.layout;
onLayout && onLayout(e);
updateLayout(_layout);
}
} // Image loading
var uri = resolveAssetUri(source);
react.useEffect(function () {
abortPendingRequest();
if (uri != null) {
updateState(LOADING);
if (onLoadStart) {
onLoadStart();
}
requestRef.current = modules_ImageLoader.load(uri, function load(e) {
updateState(LOADED);
if (onLoad) {
onLoad(e);
}
if (onLoadEnd) {
onLoadEnd();
}
}, function error() {
updateState(ERRORED);
if (onError) {
onError({
nativeEvent: {
error: "Failed to load resource " + uri + " (404)"
}
});
}
if (onLoadEnd) {
onLoadEnd();
}
});
}
function abortPendingRequest() {
if (requestRef.current != null) {
modules_ImageLoader.abort(requestRef.current);
requestRef.current = null;
}
}
return abortPendingRequest;
}, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]);
return /*#__PURE__*/react.createElement(View/* default */.Z, Image_extends({}, rest, {
accessibilityLabel: accessibilityLabel,
onLayout: handleLayout,
pointerEvents: pointerEvents,
ref: ref,
style: [Image_styles.root, hasTextAncestor && Image_styles.inline, imageSizeStyle, flatStyle]
}), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: [Image_styles.image, resizeModeStyles[resizeMode], {
backgroundImage: backgroundImage,
filter: filter
}, backgroundSize != null && {
backgroundSize: backgroundSize
}],
suppressHydrationWarning: true
}), hiddenImage, createTintColorSVG(tintColor, filterRef.current));
});
Image.displayName = 'Image'; // $FlowIgnore: This is the correct type, but casting makes it unhappy since the variables aren't defined yet
var ImageWithStatics = Image;
ImageWithStatics.getSize = function (uri, success, failure) {
modules_ImageLoader.getSize(uri, success, failure);
};
ImageWithStatics.prefetch = function (uri) {
return modules_ImageLoader.prefetch(uri);
};
ImageWithStatics.queryCache = function (uris) {
return modules_ImageLoader.queryCache(uris);
};
var classes = css/* default.create */.Z.create({
accessibilityImage: _objectSpread(_objectSpread({}, StyleSheet/* default.absoluteFillObject */.Z.absoluteFillObject), {}, {
height: '100%',
opacity: 0,
width: '100%',
zIndex: -1
})
});
var Image_styles = StyleSheet/* default.create */.Z.create({
root: {
flexBasis: 'auto',
overflow: 'hidden',
zIndex: 0
},
inline: {
display: 'inline-flex'
},
image: _objectSpread(_objectSpread({}, StyleSheet/* default.absoluteFillObject */.Z.absoluteFillObject), {}, {
backgroundColor: 'transparent',
backgroundPosition: 'center',
backgroundRepeat: 'no-repeat',
backgroundSize: 'cover',
height: '100%',
width: '100%',
zIndex: -1
})
});
var resizeModeStyles = StyleSheet/* default.create */.Z.create({
center: {
backgroundSize: 'auto'
},
contain: {
backgroundSize: 'contain'
},
cover: {
backgroundSize: 'cover'
},
none: {
backgroundPosition: '0 0',
backgroundSize: 'auto'
},
repeat: {
backgroundPosition: '0 0',
backgroundRepeat: 'repeat',
backgroundSize: 'auto'
},
stretch: {
backgroundSize: '100% 100%'
}
});
/* harmony default export */ const exports_Image = (ImageWithStatics);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/TweetTextPart.js
function TweetTextPart_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; TweetTextPart_setPrototypeOf(subClass, superClass); }
function TweetTextPart_setPrototypeOf(o, p) { TweetTextPart_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return TweetTextPart_setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var createTextEntity = function createTextEntity(_ref) {
var part = _ref.part;
return /*#__PURE__*/react.createElement(Text/* default */.Z, null, "" + part.prefix + part.text);
};
var createTwemojiEntity = function createTwemojiEntity(_ref2) {
var part = _ref2.part;
return /*#__PURE__*/react.createElement(exports_Image, {
accessibilityLabel: part.text,
draggable: false,
source: {
uri: part.emoji
},
style: TweetTextPart_styles.twemoji
});
}; // @mention, #hashtag, $cashtag
var createSymbolEntity = function createSymbolEntity(_ref3) {
var displayMode = _ref3.displayMode,
part = _ref3.part;
var links = displayMode === 'links';
return /*#__PURE__*/react.createElement(Text/* default */.Z, {
accessibilityRole: links ? 'link' : null,
href: part.url,
style: [links && TweetTextPart_styles.link]
}, "" + part.prefix + part.text);
}; // internal links
var createLinkEntity = function createLinkEntity(_ref4) {
var displayMode = _ref4.displayMode,
part = _ref4.part;
var displayUrl = part.displayUrl,
linkRelation = part.linkRelation,
url = part.url;
var links = displayMode === 'links';
return /*#__PURE__*/react.createElement(Text/* default */.Z, {
accessibilityRole: links ? 'link' : null,
href: url,
rel: links ? linkRelation : null,
style: [links && TweetTextPart_styles.link]
}, displayUrl);
}; // external links
var createExternalLinkEntity = function createExternalLinkEntity(_ref5) {
var displayMode = _ref5.displayMode,
part = _ref5.part;
var displayUrl = part.displayUrl,
linkRelation = part.linkRelation,
url = part.url;
var links = displayMode === 'links';
return /*#__PURE__*/react.createElement(Text/* default */.Z, {
accessibilityRole: links ? 'link' : null,
href: url,
rel: links ? linkRelation : null,
style: [links && TweetTextPart_styles.link],
target: "_blank"
}, displayUrl);
};
var TweetTextPart = /*#__PURE__*/function (_React$Component) {
TweetTextPart_inheritsLoose(TweetTextPart, _React$Component);
function TweetTextPart() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = TweetTextPart.prototype;
_proto.render = function render() {
var renderer;
var _this$props$part = this.props.part,
isEmoji = _this$props$part.isEmoji,
isEntity = _this$props$part.isEntity,
isHashtag = _this$props$part.isHashtag,
isMention = _this$props$part.isMention,
isMedia = _this$props$part.isMedia,
isUrl = _this$props$part.isUrl;
if (isEmoji || isEntity || isUrl || isMedia) {
if (isUrl) {
renderer = createExternalLinkEntity;
} else if (isHashtag || isMention) {
renderer = createSymbolEntity;
} else if (isEmoji) {
renderer = createTwemojiEntity;
} else {
renderer = createLinkEntity;
}
} else {
renderer = createTextEntity;
}
return renderer(this.props);
};
return TweetTextPart;
}(react.Component);
TweetTextPart.displayName = 'TweetTextPart';
TweetTextPart.defaultProps = {
displayMode: 'links'
};
TweetTextPart.propTypes = false ? 0 : {};
var TweetTextPart_styles = StyleSheet/* default.create */.Z.create({
link: {
color: Tweet_theme.colors.blue,
textDecorationLine: 'none',
unicodeBidi: 'embed'
},
twemoji: {
display: 'inline-block',
height: '1.25em',
width: '1.25em',
paddingRight: '0.05em',
paddingLeft: '0.1em',
textAlignVertical: '-0.2em'
}
});
/* harmony default export */ const Tweet_TweetTextPart = (TweetTextPart);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/TweetText.js
var TweetText_excluded = ["displayMode", "lang", "numberOfLines", "textParts"];
function TweetText_extends() { TweetText_extends = Object.assign || 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 TweetText_extends.apply(this, arguments); }
function TweetText_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function TweetText_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; TweetText_setPrototypeOf(subClass, superClass); }
function TweetText_setPrototypeOf(o, p) { TweetText_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return TweetText_setPrototypeOf(o, p); }
var TweetText = /*#__PURE__*/function (_React$Component) {
TweetText_inheritsLoose(TweetText, _React$Component);
function TweetText() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = TweetText.prototype;
_proto.render = function render() {
var _this$props = this.props,
displayMode = _this$props.displayMode,
lang = _this$props.lang,
numberOfLines = _this$props.numberOfLines,
textParts = _this$props.textParts,
other = TweetText_objectWithoutPropertiesLoose(_this$props, TweetText_excluded);
return /*#__PURE__*/react.createElement(Tweet_AppText, TweetText_extends({}, other, {
lang: lang,
numberOfLines: numberOfLines
}), textParts.map(function (part, i) {
return /*#__PURE__*/react.createElement(Tweet_TweetTextPart, {
displayMode: displayMode,
key: i,
part: part
});
}));
};
return TweetText;
}(react.Component);
TweetText.displayName = 'TweetText';
TweetText.propTypes = false ? 0 : {};
/* harmony default export */ const Tweet_TweetText = (TweetText);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/UserAvatar.js
function UserAvatar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; UserAvatar_setPrototypeOf(subClass, superClass); }
function UserAvatar_setPrototypeOf(o, p) { UserAvatar_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return UserAvatar_setPrototypeOf(o, p); }
var UserAvatar = /*#__PURE__*/function (_PureComponent) {
UserAvatar_inheritsLoose(UserAvatar, _PureComponent);
function UserAvatar() {
var _this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
_this._handleLoad = function () {
_this._imageRef && _this._imageRef.setNativeProps(nativeProps);
};
_this._setImageRef = function (component) {
_this._imageRef = component;
};
return _this;
}
var _proto = UserAvatar.prototype;
_proto.render = function render() {
var _this$props = this.props,
accessibilityLabel = _this$props.accessibilityLabel,
circle = _this$props.circle,
style = _this$props.style,
uri = _this$props.uri;
return /*#__PURE__*/react.createElement(Tweet_AspectRatio, {
ratio: 1,
style: [UserAvatar_styles.root, style]
}, uri ? /*#__PURE__*/react.createElement(exports_Image, {
accessibilityLabel: accessibilityLabel,
onLoad: this._handleLoad,
ref: this._setImageRef,
source: {
uri: uri
},
style: [UserAvatar_styles.image, circle && UserAvatar_styles.circle]
}) : null);
};
return UserAvatar;
}(react.PureComponent);
UserAvatar.displayName = 'UserAvatar';
UserAvatar.defaultProps = {
circle: false
};
UserAvatar.propTypes = false ? 0 : {};
var nativeProps = {
style: {
backgroundColor: '#fff'
}
};
var UserAvatar_styles = StyleSheet/* default.create */.Z.create({
root: {
borderRadius: '0.35rem'
},
circle: {
borderRadius: '9999px'
},
image: {
backgroundColor: Tweet_theme.colors.fadedGray,
display: 'block',
height: '100%',
width: '100%'
}
});
/* harmony default export */ const Tweet_UserAvatar = (UserAvatar);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/UserNames.js
var UserNames_excluded = ["fullName", "layout", "onPress", "screenName", "style"];
function UserNames_extends() { UserNames_extends = Object.assign || 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 UserNames_extends.apply(this, arguments); }
function UserNames_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function UserNames_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; UserNames_setPrototypeOf(subClass, superClass); }
function UserNames_setPrototypeOf(o, p) { UserNames_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return UserNames_setPrototypeOf(o, p); }
var UserNames = /*#__PURE__*/function (_PureComponent) {
UserNames_inheritsLoose(UserNames, _PureComponent);
function UserNames() {
return _PureComponent.apply(this, arguments) || this;
}
var _proto = UserNames.prototype;
_proto.render = function render() {
var _this$props = this.props,
fullName = _this$props.fullName,
layout = _this$props.layout,
onPress = _this$props.onPress,
screenName = _this$props.screenName,
style = _this$props.style,
other = UserNames_objectWithoutPropertiesLoose(_this$props, UserNames_excluded);
return /*#__PURE__*/react.createElement(Tweet_AppText, UserNames_extends({}, other, {
color: "deepGray",
numberOfLines: layout === 'nowrap' ? 1 : null,
onPress: onPress,
style: [UserNames_styles.root, style]
}), /*#__PURE__*/react.createElement(Tweet_AppText, {
color: "normal",
weight: "bold"
}, fullName), layout === 'stack' ? " \n" : ' ', /*#__PURE__*/react.createElement(Tweet_AppText, {
color: "deepGray",
style: UserNames_styles.screenName
}, "@" + screenName));
};
return UserNames;
}(react.PureComponent);
UserNames.displayName = 'UserNames';
UserNames.defaultProps = {
layout: 'nowrap'
};
UserNames.propTypes = false ? 0 : {};
var UserNames_styles = StyleSheet/* default.create */.Z.create({
root: {
display: 'inline-block'
},
screenName: {
unicodeBidi: 'embed',
writingDirection: 'ltr'
}
});
/* harmony default export */ const Tweet_UserNames = (UserNames);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Tweet/index.js
function Tweet_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function Tweet_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Tweet_ownKeys(Object(source), !0).forEach(function (key) { Tweet_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Tweet_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function Tweet_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function Tweet_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; Tweet_setPrototypeOf(subClass, superClass); }
function Tweet_setPrototypeOf(o, p) { Tweet_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Tweet_setPrototypeOf(o, p); }
var Tweet = /*#__PURE__*/function (_Component) {
Tweet_inheritsLoose(Tweet, _Component);
function Tweet() {
return _Component.apply(this, arguments) || this;
}
var _proto = Tweet.prototype;
_proto.render = function render() {
var tweet = this.props.tweet;
var id = tweet.id,
lang = tweet.lang,
media = tweet.media,
textParts = tweet.textParts,
timestamp = tweet.timestamp,
user = tweet.user;
var fullName = user.fullName,
profileImageUrl = user.profileImageUrl,
screenName = user.screenName;
return /*#__PURE__*/react.createElement(View/* default */.Z, {
accessibilityRole: "article",
accessible: true,
style: react_native_web_Tweet_styles.root
}, /*#__PURE__*/react.createElement(Tweet_GridView, {
hasGap: true
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: react_native_web_Tweet_styles.avatarColumn
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
accessibilityRole: "link",
accessible: true,
href: "/" + screenName,
style: react_native_web_Tweet_styles.avatarLink
}, /*#__PURE__*/react.createElement(Tweet_UserAvatar, {
style: react_native_web_Tweet_styles.avatar,
uri: profileImageUrl
}))), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: react_native_web_Tweet_styles.bodyColumn
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: react_native_web_Tweet_styles.body
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: react_native_web_Tweet_styles.row
}, /*#__PURE__*/react.createElement(Text/* default */.Z, {
accessibilityRole: "link",
children: timestamp,
href: "/" + screenName + "/status/" + id,
style: react_native_web_Tweet_styles.timestamp
}), /*#__PURE__*/react.createElement(Tweet_UserNames, {
fullName: fullName,
screenName: screenName
})), /*#__PURE__*/react.createElement(View/* default */.Z, {
accessibilityRole: "heading",
"aria-level": "4"
}, /*#__PURE__*/react.createElement(Tweet_TweetText, {
displayMode: 'links',
lang: lang,
textParts: textParts
})), media ? /*#__PURE__*/react.createElement(View/* default */.Z, {
style: react_native_web_Tweet_styles.richContent
}, /*#__PURE__*/react.createElement(Tweet_AspectRatio, {
ratio: 16 / 9
}, /*#__PURE__*/react.createElement(exports_Image, {
resizeMode: exports_Image.resizeMode.cover,
source: media.source,
style: react_native_web_Tweet_styles.media
}))) : null), /*#__PURE__*/react.createElement(TweetActionsBar, {
actions: [{
name: 'reply',
label: 'Reply'
}, {
name: 'retweet',
label: 'Retweet',
count: tweet.retweet_count,
highlighted: tweet.retweeted
}, {
name: 'like',
label: 'Like',
count: tweet.favorite_count,
highlighted: tweet.favorited
}, {
name: 'directMessage',
label: 'Direct Message'
}],
style: react_native_web_Tweet_styles.actionBar
}))));
};
return Tweet;
}(react.Component);
Tweet.displayName = 'Tweet';
Tweet.propTypes = false ? 0 : {};
var react_native_web_Tweet_styles = StyleSheet/* default.create */.Z.create({
root: {
paddingVertical: Tweet_theme.createLength(Tweet_theme.spaceY * 0.75, 'rem'),
paddingHorizontal: Tweet_theme.createLength(Tweet_theme.spaceX, 'rem')
},
avatarColumn: {
flexGrow: 1,
minWidth: 32
},
bodyColumn: {
flexGrow: 7
},
row: {
flexDirection: 'row',
justifyContent: 'space-between'
},
avatarLink: {
display: 'block',
flexShrink: 1,
flexGrow: 0,
width: '100%'
},
avatar: {
width: '100%'
},
body: {
marginTop: '-0.15rem'
},
timestamp: {
color: Tweet_theme.colors.deepGray,
marginLeft: Tweet_theme.createLength(Tweet_theme.spaceX, 'rem'),
order: 1,
textDecorationLine: 'none',
whiteSpace: 'nowrap'
},
actionBar: {
marginTop: Tweet_theme.createLength(Tweet_theme.spaceY * 0.5, 'rem')
},
richContent: {
borderRadius: '0.35rem',
marginTop: Tweet_theme.createLength(Tweet_theme.spaceY * 0.5, 'rem'),
overflow: 'hidden'
},
media: Tweet_objectSpread(Tweet_objectSpread({}, StyleSheet/* default.absoluteFillObject */.Z.absoluteFillObject), {}, {
margin: 'auto',
width: 'auto',
height: 'auto'
})
});
/* harmony default export */ const react_native_web_Tweet = (Tweet);
/***/ }),
/***/ 90215:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ react_native_web)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/View/index.js
var View = __webpack_require__(31219);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/index.js + 1 modules
var StyleSheet = __webpack_require__(87688);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Box.js
var _excluded = ["color", "fixed", "layout", "outer"];
function _extends() { _extends = Object.assign || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = function Box(_ref) {
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/react.createElement(View/* default */.Z, _extends({}, other, {
style: [styles["color" + color], fixed && styles.fixed, layout === 'row' && styles.row, outer && styles.outer]
}));
};
var styles = StyleSheet/* default.create */.Z.create({
outer: {
alignSelf: 'flex-start',
padding: 4
},
row: {
flexDirection: 'row'
},
color0: {
backgroundColor: '#14171A'
},
color1: {
backgroundColor: '#AAB8C2'
},
color2: {
backgroundColor: '#E6ECF0'
},
color3: {
backgroundColor: '#FFAD1F'
},
color4: {
backgroundColor: '#F45D22'
},
color5: {
backgroundColor: '#E0245E'
},
fixed: {
width: 6,
height: 6
}
});
/* harmony default export */ const react_native_web_Box = (Box);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/index.js
var dist = __webpack_require__(97730);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Dot.js
/* eslint-disable react/prop-types */
var Dot = function Dot(_ref) {
var size = _ref.size,
x = _ref.x,
y = _ref.y,
children = _ref.children,
color = _ref.color;
return (0,dist.createElement)('div', {
children: children,
style: [Dot_styles.root, {
borderBottomColor: color,
borderRightWidth: size / 2,
borderBottomWidth: size / 2,
borderLeftWidth: size / 2,
marginLeft: x,
marginTop: y
}]
});
};
var Dot_styles = StyleSheet/* default.create */.Z.create({
root: {
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: [{
translateX: '50%'
}, {
translateY: '50%'
}]
}
});
/* harmony default export */ const react_native_web_Dot = (Dot);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/Provider.js
/* harmony default export */ const Provider = (View/* default */.Z);
;// CONCATENATED MODULE: ./src/implementations/react-native-web/index.js
/* harmony default export */ const react_native_web = ({
Box: react_native_web_Box,
Dot: react_native_web_Dot,
Provider: Provider,
View: View/* default */.Z
});
/***/ }),
/***/ 27072:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ implementations_reactxp)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ../node_modules/.pnpm/reactxp@2.0.0_react-dom@17.0.2+react@17.0.2/node_modules/reactxp/index.js
var reactxp = __webpack_require__(48760);
;// CONCATENATED MODULE: ./src/implementations/reactxp/Box.js
var _excluded = ["color", "fixed", "layout", "outer"];
function _extends() { _extends = Object.assign || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = function Box(_ref) {
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/react.createElement(reactxp.View, _extends({}, other, {
style: [styles["color" + color], fixed && styles.fixed, layout === 'row' && styles.row, outer && styles.outer]
}));
};
var styles = {
outer: reactxp.Styles.createViewStyle({
alignSelf: 'flex-start',
padding: 4
}),
row: reactxp.Styles.createViewStyle({
flexDirection: 'row'
}),
color0: reactxp.Styles.createViewStyle({
backgroundColor: '#14171A'
}),
color1: reactxp.Styles.createViewStyle({
backgroundColor: '#AAB8C2'
}),
color2: reactxp.Styles.createViewStyle({
backgroundColor: '#E6ECF0'
}),
color3: reactxp.Styles.createViewStyle({
backgroundColor: '#FFAD1F'
}),
color4: reactxp.Styles.createViewStyle({
backgroundColor: '#F45D22'
}),
color5: reactxp.Styles.createViewStyle({
backgroundColor: '#E0245E'
}),
fixed: reactxp.Styles.createViewStyle({
width: 6,
height: 6
})
};
/* harmony default export */ const reactxp_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/reactxp/Dot.js
/* eslint-disable react/prop-types */
var Dot = function Dot(_ref) {
var size = _ref.size,
x = _ref.x,
y = _ref.y,
children = _ref.children,
color = _ref.color;
return /*#__PURE__*/react.createElement(reactxp.View, {
children: children,
style: [Dot_styles.root, {
borderBottomColor: color,
borderRightWidth: size / 2 + "px",
borderBottomWidth: size / 2 + "px",
borderLeftWidth: size / 2 + "px",
marginLeft: x + "px",
marginTop: y + "px"
}]
});
};
var Dot_styles = {
root: reactxp.Styles.createViewStyle({
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: 'translate(50%, 50%)'
})
};
/* harmony default export */ const reactxp_Dot = (Dot);
// EXTERNAL MODULE: ./node_modules/prop-types/index.js
var prop_types = __webpack_require__(45697);
;// CONCATENATED MODULE: ./src/implementations/reactxp/Provider.js
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var Provider = /*#__PURE__*/function (_React$Component) {
_inheritsLoose(Provider, _React$Component);
function Provider() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = Provider.prototype;
/* this mock context is necessary for reactxp to work without errors… ¯\_(ツ)_/¯ */
_proto.getChildContext = function getChildContext() {
return {
focusManager: {
addFocusableComponent: function addFocusableComponent() {},
removeFocusableComponent: function removeFocusableComponent() {},
restrictFocusWithin: function restrictFocusWithin() {},
removeFocusRestriction: function removeFocusRestriction() {},
limitFocusWithin: function limitFocusWithin() {},
removeFocusLimitation: function removeFocusLimitation() {}
}
};
};
_proto.render = function render() {
return /*#__PURE__*/react.createElement(reactxp.View, {
style: {
overflow: 'visible'
}
}, this.props.children);
};
return Provider;
}(react.Component);
Provider.childContextTypes = {
focusManager: prop_types.object
};
/* harmony default export */ const reactxp_Provider = (Provider);
;// CONCATENATED MODULE: ./src/implementations/reactxp/index.js
/* harmony default export */ const implementations_reactxp = ({
Box: reactxp_Box,
Dot: reactxp_Dot,
Provider: reactxp_Provider,
View: reactxp.View
});
/***/ }),
/***/ 25449:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ styled_components)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/styled-components@5.3.3_react-dom@17.0.2+react@17.0.2/node_modules/styled-components/node_modules/react-is/index.js
var react_is = __webpack_require__(7838);
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ../node_modules/.pnpm/styled-components@5.3.3_react-dom@17.0.2+react@17.0.2/node_modules/styled-components/node_modules/shallowequal/index.js
var shallowequal = __webpack_require__(10577);
var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
;// CONCATENATED MODULE: ../node_modules/.pnpm/styled-components@5.3.3_react-dom@17.0.2+react@17.0.2/node_modules/styled-components/node_modules/@emotion/stylis/dist/stylis.browser.esm.js
function stylis_min (W) {
function M(d, c, e, h, a) {
for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {
g = e.charCodeAt(l);
l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);
if (0 === b + n + v + m) {
if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {
switch (g) {
case 32:
case 9:
case 59:
case 13:
case 10:
break;
default:
f += e.charAt(l);
}
g = 59;
}
switch (g) {
case 123:
f = f.trim();
q = f.charCodeAt(0);
k = 1;
for (t = ++l; l < B;) {
switch (g = e.charCodeAt(l)) {
case 123:
k++;
break;
case 125:
k--;
break;
case 47:
switch (g = e.charCodeAt(l + 1)) {
case 42:
case 47:
a: {
for (u = l + 1; u < J; ++u) {
switch (e.charCodeAt(u)) {
case 47:
if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) {
l = u + 1;
break a;
}
break;
case 10:
if (47 === g) {
l = u + 1;
break a;
}
}
}
l = u;
}
}
break;
case 91:
g++;
case 40:
g++;
case 34:
case 39:
for (; l++ < J && e.charCodeAt(l) !== g;) {
}
}
if (0 === k) break;
l++;
}
k = e.substring(t, l);
0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0));
switch (q) {
case 64:
0 < r && (f = f.replace(N, ''));
g = f.charCodeAt(1);
switch (g) {
case 100:
case 109:
case 115:
case 45:
r = c;
break;
default:
r = O;
}
k = M(c, r, k, g, a + 1);
t = k.length;
0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = ''));
if (0 < t) switch (g) {
case 115:
f = f.replace(da, ea);
case 100:
case 109:
case 45:
k = f + '{' + k + '}';
break;
case 107:
f = f.replace(fa, '$1 $2');
k = f + '{' + k + '}';
k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k;
break;
default:
k = f + k, 112 === h && (k = (p += k, ''));
} else k = '';
break;
default:
k = M(c, X(c, f, I), k, h, a + 1);
}
F += k;
k = I = r = u = q = 0;
f = '';
g = e.charCodeAt(++l);
break;
case 125:
case 59:
f = (0 < r ? f.replace(N, '') : f).trim();
if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\x00\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) {
case 0:
break;
case 64:
if (105 === g || 99 === g) {
G += f + e.charAt(l);
break;
}
default:
58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2)));
}
I = r = u = q = 0;
f = '';
g = e.charCodeAt(++l);
}
}
switch (g) {
case 13:
case 10:
47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\x00');
0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h);
z = 1;
D++;
break;
case 59:
case 125:
if (0 === b + n + v + m) {
z++;
break;
}
default:
z++;
y = e.charAt(l);
switch (g) {
case 9:
case 32:
if (0 === n + m + b) switch (x) {
case 44:
case 58:
case 9:
case 32:
y = '';
break;
default:
32 !== g && (y = ' ');
}
break;
case 0:
y = '\\0';
break;
case 12:
y = '\\f';
break;
case 11:
y = '\\v';
break;
case 38:
0 === n + b + m && (r = I = 1, y = '\f' + y);
break;
case 108:
if (0 === n + b + m + E && 0 < u) switch (l - u) {
case 2:
112 === x && 58 === e.charCodeAt(l - 3) && (E = x);
case 8:
111 === K && (E = K);
}
break;
case 58:
0 === n + b + m && (u = l);
break;
case 44:
0 === b + v + n + m && (r = 1, y += '\r');
break;
case 34:
case 39:
0 === b && (n = n === g ? 0 : 0 === n ? g : n);
break;
case 91:
0 === n + b + v && m++;
break;
case 93:
0 === n + b + v && m--;
break;
case 41:
0 === n + b + m && v--;
break;
case 40:
if (0 === n + b + m) {
if (0 === q) switch (2 * x + 3 * K) {
case 533:
break;
default:
q = 1;
}
v++;
}
break;
case 64:
0 === b + v + n + m + u + k && (k = 1);
break;
case 42:
case 47:
if (!(0 < n + m + v)) switch (b) {
case 0:
switch (2 * g + 3 * e.charCodeAt(l + 1)) {
case 235:
b = 47;
break;
case 220:
t = l, b = 42;
}
break;
case 42:
47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0);
}
}
0 === b && (f += y);
}
K = x;
x = g;
l++;
}
t = p.length;
if (0 < t) {
r = c;
if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F;
p = r.join(',') + '{' + p + '}';
if (0 !== w * E) {
2 !== w || L(p, 2) || (E = 0);
switch (E) {
case 111:
p = p.replace(ha, ':-moz-$1') + p;
break;
case 112:
p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p;
}
E = 0;
}
}
return G + p + F;
}
function X(d, c, e) {
var h = c.trim().split(ia);
c = h;
var a = h.length,
m = d.length;
switch (m) {
case 0:
case 1:
var b = 0;
for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) {
c[b] = Z(d, c[b], e).trim();
}
break;
default:
var v = b = 0;
for (c = []; b < a; ++b) {
for (var n = 0; n < m; ++n) {
c[v++] = Z(d[n] + ' ', h[b], e).trim();
}
}
}
return c;
}
function Z(d, c, e) {
var h = c.charCodeAt(0);
33 > h && (h = (c = c.trim()).charCodeAt(0));
switch (h) {
case 38:
return c.replace(F, '$1' + d.trim());
case 58:
return d.trim() + c.replace(F, '$1' + d.trim());
default:
if (0 < 1 * e && 0 < c.indexOf('\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim());
}
return d + c;
}
function P(d, c, e, h) {
var a = d + ';',
m = 2 * c + 3 * e + 4 * h;
if (944 === m) {
d = a.indexOf(':', 9) + 1;
var b = a.substring(d, a.length - 1).trim();
b = a.substring(0, d).trim() + b + ';';
return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b;
}
if (0 === w || 2 === w && !L(a, 1)) return a;
switch (m) {
case 1015:
return 97 === a.charCodeAt(10) ? '-webkit-' + a + a : a;
case 951:
return 116 === a.charCodeAt(3) ? '-webkit-' + a + a : a;
case 963:
return 110 === a.charCodeAt(5) ? '-webkit-' + a + a : a;
case 1009:
if (100 !== a.charCodeAt(4)) break;
case 969:
case 942:
return '-webkit-' + a + a;
case 978:
return '-webkit-' + a + '-moz-' + a + a;
case 1019:
case 983:
return '-webkit-' + a + '-moz-' + a + '-ms-' + a + a;
case 883:
if (45 === a.charCodeAt(8)) return '-webkit-' + a + a;
if (0 < a.indexOf('image-set(', 11)) return a.replace(ja, '$1-webkit-$2') + a;
break;
case 932:
if (45 === a.charCodeAt(4)) switch (a.charCodeAt(5)) {
case 103:
return '-webkit-box-' + a.replace('-grow', '') + '-webkit-' + a + '-ms-' + a.replace('grow', 'positive') + a;
case 115:
return '-webkit-' + a + '-ms-' + a.replace('shrink', 'negative') + a;
case 98:
return '-webkit-' + a + '-ms-' + a.replace('basis', 'preferred-size') + a;
}
return '-webkit-' + a + '-ms-' + a + a;
case 964:
return '-webkit-' + a + '-ms-flex-' + a + a;
case 1023:
if (99 !== a.charCodeAt(8)) break;
b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify');
return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a;
case 1005:
return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a;
case 1e3:
b = a.substring(13).trim();
c = b.indexOf('-') + 1;
switch (b.charCodeAt(0) + b.charCodeAt(c)) {
case 226:
b = a.replace(G, 'tb');
break;
case 232:
b = a.replace(G, 'tb-rl');
break;
case 220:
b = a.replace(G, 'lr');
break;
default:
return a;
}
return '-webkit-' + a + '-ms-' + b + a;
case 1017:
if (-1 === a.indexOf('sticky', 9)) break;
case 975:
c = (a = d).length - 10;
b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim();
switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) {
case 203:
if (111 > b.charCodeAt(8)) break;
case 115:
a = a.replace(b, '-webkit-' + b) + ';' + a;
break;
case 207:
case 102:
a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a;
}
return a + ';';
case 938:
if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) {
case 105:
return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a;
case 115:
return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a;
default:
return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a;
}
break;
case 973:
case 989:
if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break;
case 931:
case 953:
if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a;
break;
case 962:
if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a;
}
return a;
}
function L(d, c) {
var e = d.indexOf(1 === c ? ':' : '{'),
h = d.substring(0, 3 !== c ? e : 10);
e = d.substring(e + 1, d.length - 1);
return R(2 !== c ? h : h.replace(na, '$1'), e, c);
}
function ea(d, c) {
var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2));
return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')';
}
function H(d, c, e, h, a, m, b, v, n, q) {
for (var g = 0, x = c, w; g < A; ++g) {
switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) {
case void 0:
case !1:
case !0:
case null:
break;
default:
x = w;
}
}
if (x !== c) return x;
}
function T(d) {
switch (d) {
case void 0:
case null:
A = S.length = 0;
break;
default:
if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) {
T(d[c]);
} else Y = !!d | 0;
}
return T;
}
function U(d) {
d = d.prefix;
void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0);
return U;
}
function B(d, c) {
var e = d;
33 > e.charCodeAt(0) && (e = e.trim());
V = e;
e = [V];
if (0 < A) {
var h = H(-1, c, e, e, D, z, 0, 0, 0, 0);
void 0 !== h && 'string' === typeof h && (c = h);
}
var a = M(O, e, c, 0, 0);
0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h));
V = '';
E = 0;
z = D = 1;
return a;
}
var ca = /^\0+/g,
N = /[\0\r\f]/g,
aa = /: */g,
ka = /zoo|gra/,
ma = /([,: ])(transform)/g,
ia = /,\r+?/g,
F = /([\t\r\n ])*\f?&/g,
fa = /@(k\w+)\s*(\S*)\s*/,
Q = /::(place)/g,
ha = /:(read-only)/g,
G = /[svh]\w+-[tblr]{2}/,
da = /\(\s*(.*)\s*\)/g,
oa = /([\s\S]*?);/g,
ba = /-self|flex-/g,
na = /[^]*?(:[rp][el]a[\w-]+)[^]*/,
la = /stretch|:\s*\w+\-(?:conte|avail)/,
ja = /([^-])(image-set\()/,
z = 1,
D = 1,
E = 0,
w = 1,
O = [],
S = [],
A = 0,
R = null,
Y = 0,
V = '';
B.use = T;
B.set = U;
void 0 !== W && U(W);
return B;
}
/* harmony default export */ const stylis_browser_esm = (stylis_min);
;// CONCATENATED MODULE: ../node_modules/.pnpm/styled-components@5.3.3_react-dom@17.0.2+react@17.0.2/node_modules/styled-components/node_modules/@emotion/unitless/dist/unitless.browser.esm.js
var unitlessKeys = {
animationIterationCount: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
// SVG-related properties
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
};
/* harmony default export */ const unitless_browser_esm = (unitlessKeys);
;// CONCATENATED MODULE: ../node_modules/.pnpm/styled-components@5.3.3_react-dom@17.0.2+react@17.0.2/node_modules/styled-components/node_modules/@emotion/memoize/dist/memoize.browser.esm.js
function memoize(fn) {
var cache = {};
return function (arg) {
if (cache[arg] === undefined) cache[arg] = fn(arg);
return cache[arg];
};
}
/* harmony default export */ const memoize_browser_esm = (memoize);
;// CONCATENATED MODULE: ../node_modules/.pnpm/styled-components@5.3.3_react-dom@17.0.2+react@17.0.2/node_modules/styled-components/node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js
var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
var index = memoize_browser_esm(function (prop) {
return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
/* o */
&& prop.charCodeAt(1) === 110
/* n */
&& prop.charCodeAt(2) < 91;
}
/* Z+1 */
);
/* harmony default export */ const is_prop_valid_browser_esm = (index);
// EXTERNAL MODULE: ../node_modules/.pnpm/styled-components@5.3.3_react-dom@17.0.2+react@17.0.2/node_modules/styled-components/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
var hoist_non_react_statics_cjs = __webpack_require__(44821);
var hoist_non_react_statics_cjs_default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics_cjs);
;// CONCATENATED MODULE: ../node_modules/.pnpm/styled-components@5.3.3_react-dom@17.0.2+react@17.0.2/node_modules/styled-components/dist/styled-components.browser.esm.js
function v(){return(v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var g=function(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n},S=function(t){return null!==t&&"object"==typeof t&&"[object Object]"===(t.toString?t.toString():Object.prototype.toString.call(t))&&!(0,react_is.typeOf)(t)},w=Object.freeze([]),E=Object.freeze({});function b(e){return"function"==typeof e}function _(e){return false||e.displayName||e.name||"Component"}function N(e){return e&&"string"==typeof e.styledComponentId}var A="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",C="5.3.3",I="undefined"!=typeof window&&"HTMLElement"in window,P=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!=="production"),O={},R= false?0:{};function D(){for(var e=arguments.length<=0?void 0:arguments[0],t=[],n=1,r=arguments.length;n<r;n+=1)t.push(n<0||arguments.length<=n?void 0:arguments[n]);return t.forEach((function(t){e=e.replace(/%[a-z]/,t)})),e}function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw true?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(n.length>0?" Args: "+n.join(", "):"")):0}var T=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&j(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}for(var i=this.indexOfGroup(e+1),a=0,c=t.length;a<c;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+=this.tag.getRule(s)+"/*!sc*/\n";return t},e}(),x=new Map,k=new Map,V=1,B=function(e){if(x.has(e))return x.get(e);for(;k.has(V);)V++;var t=V++;return false&&0,x.set(e,t),k.set(t,e),t},z=function(e){return k.get(e)},M=function(e,t){t>=V&&(V=t+1),x.set(e,t),k.set(t,e)},G="style["+A+'][data-styled-version="5.3.3"]',L=new RegExp("^"+A+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),F=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r)},Y=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(L);if(a){var c=0|parseInt(a[1],10),u=a[2];0!==c&&(M(u,c),F(e,u,a[3]),e.getTag().insertRules(c,r)),r.length=0}else r.push(i)}}},q=function(){return"undefined"!=typeof window&&void 0!==window.__webpack_nonce__?window.__webpack_nonce__:null},H=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(A))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(A,"active"),r.setAttribute("data-styled-version","5.3.3");var i=q();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},$=function(){function e(e){var t=this.element=H(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}j(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),W=function(){function e(e){var t=this.element=H(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),U=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),J=I,X={isServer:!I,useCSSOMInjection:!P},Z=function(){function e(e,t,n){void 0===e&&(e=E),void 0===t&&(t={}),this.options=v({},X,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&I&&J&&(J=!1,function(e){for(var t=document.querySelectorAll(G),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(A)&&(Y(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}e.registerId=function(e){return B(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(v({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new U(o):r?new $(o):new W(o),new T(e)));var e,t,n,r,o},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(B(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(B(e),n)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(B(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=0;o<n;o++){var s=z(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var c=A+".g"+o+'[id="'+s+'"]',u="";void 0!==i&&i.forEach((function(e){e.length>0&&(u+=e+",")})),r+=""+a+c+'{content:"'+u+'"}/*!sc*/\n'}}}return r}(this)},e}(),K=/(a)(d)/gi,Q=function(e){return String.fromCharCode(e+(e>25?39:97))};function ee(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Q(t%52)+n;return(Q(t%52)+n).replace(K,"$1-$2")}var te=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},ne=function(e){return te(5381,e)};function re(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(b(n)&&!N(n))return!1}return!0}var oe=ne("5.3.3"),se=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic= true&&(void 0===n||n.isStatic)&&re(e),this.componentId=t,this.baseHash=te(oe,t),this.baseStyle=n,Z.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=Ne(this.rules,e,t,n).join(""),i=ee(te(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,"."+i,void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=te(this.baseHash,n.hash),l="",d=0;d<c;d++){var h=this.rules[d];if("string"==typeof h)l+=h, false&&(0);else if(h){var p=Ne(h,e,t,n),f=Array.isArray(p)?p.join(""):p;u=te(u,f+d),l+=f}}if(l){var m=ee(u>>>0);if(!t.hasNameForId(r,m)){var y=n(l,"."+m,void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(" ")},e}(),ie=/^\s*\/\/.*$/gm,ae=[":","[",".","#"];function ce(e){var t,n,r,o,s=void 0===e?E:e,i=s.options,a=void 0===i?E:i,c=s.plugins,u=void 0===c?w:c,l=new stylis_browser_esm(a),d=[],h=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}((function(e){d.push(e)})),f=function(e,r,s){return 0===r&&-1!==ae.indexOf(s[n.length])||s.match(o)?e:"."+t};function m(e,s,i,a){void 0===a&&(a="&");var c=e.replace(ie,""),u=s&&i?i+" "+s+" { "+c+" }":c;return t=a,n=s,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),l(i||!s?"":s,u)}return l.use([].concat(u,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f))},h,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=u.length?u.reduce((function(e,t){return t.name||j(15),te(e,t.name)}),5381).toString():"",m}var ue=react.createContext(),le=ue.Consumer,de=react.createContext(),he=(de.Consumer,new Z),pe=ce();function fe(){return (0,react.useContext)(ue)||he}function me(){return (0,react.useContext)(de)||pe}function ye(e){var t=(0,react.useState)(e.stylisPlugins),n=t[0],s=t[1],c=fe(),u=(0,react.useMemo)((function(){var t=c;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),l=(0,react.useMemo)((function(){return ce({options:{prefix:!e.disableVendorPrefixes},plugins:n})}),[e.disableVendorPrefixes,n]);return (0,react.useEffect)((function(){shallowequal_default()(n,e.stylisPlugins)||s(e.stylisPlugins)}),[e.stylisPlugins]),react.createElement(ue.Provider,{value:u},react.createElement(de.Provider,{value:l}, false?0:e.children))}var ve=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=pe);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return j(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=pe),this.name+e.hash},e}(),ge=/([A-Z])/,Se=/([A-Z])/g,we=/^ms-/,Ee=function(e){return"-"+e.toLowerCase()};function be(e){return ge.test(e)?e.replace(Se,Ee).replace(we,"-ms-"):e}var _e=function(e){return null==e||!1===e||""===e};function Ne(e,n,r,o){if(Array.isArray(e)){for(var s,i=[],a=0,c=e.length;a<c;a+=1)""!==(s=Ne(e[a],n,r,o))&&(Array.isArray(s)?i.push.apply(i,s):i.push(s));return i}if(_e(e))return"";if(N(e))return"."+e.styledComponentId;if(b(e)){if("function"!=typeof(l=e)||l.prototype&&l.prototype.isReactComponent||!n)return e;var u=e(n);return false&&0,Ne(u,n,r,o)}var l;return e instanceof ve?r?(e.inject(r,o),e.getName(o)):e:S(e)?function e(t,n){var r,o,s=[];for(var i in t)t.hasOwnProperty(i)&&!_e(t[i])&&(Array.isArray(t[i])&&t[i].isCss||b(t[i])?s.push(be(i)+":",t[i],";"):S(t[i])?s.push.apply(s,e(t[i],i)):s.push(be(i)+": "+(r=i,null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in unitless_browser_esm?String(o).trim():o+"px")+";"));return n?[n+" {"].concat(s,["}"]):s}(e):e.toString()}var Ae=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Ce(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return b(e)||S(e)?Ae(Ne(g(w,[e].concat(n)))):0===n.length&&1===e.length&&"string"==typeof e[0]?e:Ae(Ne(g(e,n)))}var Ie=/invalid hook call/i,Pe=new Set,Oe=function(e,t){if(false){ var o, n, r; }},Re=function(e,t,n){return void 0===n&&(n=E),e.theme!==n.theme&&e.theme||t||n.theme},De=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,je=/(^-|-$)/g;function Te(e){return e.replace(De,"-").replace(je,"")}var xe=function(e){return ee(ne(e)>>>0)};function ke(e){return"string"==typeof e&&( true||0)}var Ve=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Be=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function ze(e,t,n){var r=e[n];Ve(t)&&Ve(r)?Me(r,t):e[n]=t}function Me(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(Ve(i))for(var a in i)Be(a)&&ze(e,i[a],a)}return e}var Ge=react.createContext(),Le=Ge.Consumer;function Fe(e){var t=s(Ge),n=i((function(){return function(e,t){if(!e)return j(14);if(b(e)){var n=e(t);return true?n:0}return Array.isArray(e)||"object"!=typeof e?j(8):t?v({},t,{},e):e}(e.theme,t)}),[e.theme,t]);return e.children?r.createElement(Ge.Provider,{value:n},e.children):null}var Ye={};function qe(e,t,n){var o=N(e),i=!ke(e),a=t.attrs,c=void 0===a?w:a,d=t.componentId,h=void 0===d?function(e,t){var n="string"!=typeof e?"sc":Te(e);Ye[n]=(Ye[n]||0)+1;var r=n+"-"+xe("5.3.3"+n+Ye[n]);return t?t+"-"+r:r}(t.displayName,t.parentComponentId):d,p=t.displayName,f=void 0===p?function(e){return ke(e)?"styled."+e:"Styled("+_(e)+")"}(e):p,g=t.displayName&&t.componentId?Te(t.displayName)+"-"+t.componentId:t.componentId||h,S=o&&e.attrs?Array.prototype.concat(e.attrs,c).filter(Boolean):c,A=t.shouldForwardProp;o&&e.shouldForwardProp&&(A=t.shouldForwardProp?function(n,r,o){return e.shouldForwardProp(n,r,o)&&t.shouldForwardProp(n,r,o)}:e.shouldForwardProp);var C,I=new se(n,g,o?e.componentStyle:void 0),P=I.isStatic&&0===c.length,O=function(e,t){return function(e,t,n,r){var o=e.attrs,i=e.componentStyle,a=e.defaultProps,c=e.foldedComponentIds,d=e.shouldForwardProp,h=e.styledComponentId,p=e.target; false&&0;var f=function(e,t,n){void 0===e&&(e=E);var r=v({},t,{theme:e}),o={};return n.forEach((function(e){var t,n,s,i=e;for(t in b(i)&&(i=i(r)),i)r[t]=o[t]="className"===t?(n=o[t],s=i[t],n&&s?n+" "+s:n||s):i[t]})),[r,o]}(Re(t,(0,react.useContext)(Ge),a)||E,t,o),y=f[0],g=f[1],S=function(e,t,n,r){var o=fe(),s=me(),i=t?e.generateAndInjectStyles(E,o,s):e.generateAndInjectStyles(n,o,s);return false&&0, false&&0,i}(i,r,y, false?0:void 0),w=n,_=g.$as||t.$as||g.as||t.as||p,N=ke(_),A=g!==t?v({},t,{},g):t,C={};for(var I in A)"$"!==I[0]&&"as"!==I&&("forwardedAs"===I?C.as=A[I]:(d?d(I,is_prop_valid_browser_esm,_):!N||is_prop_valid_browser_esm(I))&&(C[I]=A[I]));return t.style&&g.style!==t.style&&(C.style=v({},t.style,{},g.style)),C.className=Array.prototype.concat(c,h,S!==h?S:null,t.className,g.className).filter(Boolean).join(" "),C.ref=w,(0,react.createElement)(_,C)}(C,e,t,P)};return O.displayName=f,(C=react.forwardRef(O)).attrs=S,C.componentStyle=I,C.displayName=f,C.shouldForwardProp=A,C.foldedComponentIds=o?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):w,C.styledComponentId=g,C.target=o?e.target:e,C.withComponent=function(e){var r=t.componentId,o=function(e,t){if(null==e)return{};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(t,["componentId"]),s=r&&r+"-"+(ke(e)?e:Te(_(e)));return qe(e,v({},o,{attrs:S,componentId:s}),n)},Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?Me({},e.defaultProps,t):t}}), false&&(0),C.toString=function(){return"."+C.styledComponentId},i&&hoist_non_react_statics_cjs_default()(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var He=function(e){return function e(t,r,o){if(void 0===o&&(o=E),!(0,react_is.isValidElementType)(r))return j(1,String(r));var s=function(){return t(r,o,Ce.apply(void 0,arguments))};return s.withConfig=function(n){return e(t,r,v({},o,{},n))},s.attrs=function(n){return e(t,r,v({},o,{attrs:Array.prototype.concat(o.attrs,n).filter(Boolean)}))},s}(qe,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){He[e]=He(e)}));var $e=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=re(e),Z.registerId(this.componentId+1)}var t=e.prototype;return t.createStyles=function(e,t,n,r){var o=r(Ne(this.rules,t,n,r).join(""),""),s=this.componentId+e;n.insertRules(s,s,o)},t.removeStyles=function(e,t){t.clearRules(this.componentId+e)},t.renderStyles=function(e,t,n,r){e>2&&Z.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}();function We(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];var i=Ce.apply(void 0,[e].concat(n)),a="sc-global-"+xe(JSON.stringify(i)),u=new $e(i,a);function l(e){var t=fe(),n=me(),o=s(Ge),l=c(t.allocateGSInstance(a)).current;return false&&0, false&&0,t.server&&h(l,e,t,o,n),d((function(){if(!t.server)return h(l,e,t,o,n),function(){return u.removeStyles(l,t)}}),[l,e,t,o,n]),null}function h(e,t,n,r,o){if(u.isStatic)u.renderStyles(e,O,n,o);else{var s=v({},t,{theme:Re(t,r,l.defaultProps)});u.renderStyles(e,s,n,o)}}return false&&0,r.memo(l)}function Ue(e){ false&&0;for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=Ce.apply(void 0,[e].concat(n)).join(""),s=xe(o);return new ve(s,o)}var Je=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var n=q();return"<style "+[n&&'nonce="'+n+'"',A+'="true"','data-styled-version="5.3.3"'].filter(Boolean).join(" ")+">"+t+"</style>"},this.getStyleTags=function(){return e.sealed?j(2):e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)return j(2);var n=((t={})[A]="",t["data-styled-version"]="5.3.3",t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),o=q();return o&&(n.nonce=o),[react.createElement("style",v({},n,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new Z({isServer:!0}),this.sealed=!1}var t=e.prototype;return t.collectStyles=function(e){return this.sealed?j(2):react.createElement(ye,{sheet:this.instance},e)},t.interleaveWithNodeStream=function(e){return j(3)},e}(),Xe=function(e){var t=r.forwardRef((function(t,n){var o=s(Ge),i=e.defaultProps,a=Re(t,o,i);return false&&0,r.createElement(e,v({},t,{theme:a,ref:n}))}));return y(t,e),t.displayName="WithTheme("+_(e)+")",t},Ze=function(){return s(Ge)},Ke={StyleSheet:Z,masterSheet:he}; false&&0, false&&(0);/* harmony default export */ const styled_components_browser_esm = (He);
//# sourceMappingURL=styled-components.browser.esm.js.map
;// CONCATENATED MODULE: ./src/implementations/styled-components/View.js
var _templateObject;
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
var View = styled_components_browser_esm.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n align-items: stretch;\n border-width: 0;\n border-style: solid;\n box-sizing: border-box;\n display: flex;\n flex-basis: auto;\n flex-direction: column;\n flex-shrink: 0;\n margin: 0;\n padding: 0;\n position: relative;\n min-height: 0;\n min-width: 0;\n"])));
/* harmony default export */ const styled_components_View = (View);
;// CONCATENATED MODULE: ./src/implementations/styled-components/Box.js
var Box_templateObject;
function Box_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
var getColor = function getColor(color) {
switch (color) {
case 0:
return '#14171A';
case 1:
return '#AAB8C2';
case 2:
return '#E6ECF0';
case 3:
return '#FFAD1F';
case 4:
return '#F45D22';
case 5:
return '#E0245E';
default:
return 'transparent';
}
};
var Box = styled_components_browser_esm(styled_components_View)(Box_templateObject || (Box_templateObject = Box_taggedTemplateLiteralLoose(["\n align-self: flex-start;\n flex-direction: ", ";\n padding: ", ";\n ", " ", " background-color: ", ";\n"])), function (props) {
return props.layout === 'column' ? 'column' : 'row';
}, function (props) {
return props.outer ? '4px' : '0';
}, function (props) {
return props.fixed && 'height:6px;';
}, function (props) {
return props.fixed && 'width:6px;';
}, function (props) {
return getColor(props.color);
});
/* harmony default export */ const styled_components_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/styled-components/Dot.js
var Dot_templateObject;
function Dot_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
/* eslint-disable react/prop-types */
var Dot = styled_components_browser_esm(styled_components_View)(Dot_templateObject || (Dot_templateObject = Dot_taggedTemplateLiteralLoose(["\n position: absolute;\n cursor: pointer;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n border-top-width: 0;\n transform: translate(50%, 50%);\n margin-left: ", ";\n margin-top: ", ";\n border-right-width: ", ";\n border-bottom-width: ", ";\n border-left-width: ", ";\n border-bottom-color: ", ";\n"])), function (props) {
return props.x + 'px';
}, function (props) {
return props.y + 'px';
}, function (props) {
return props.size / 2 + 'px';
}, function (props) {
return props.size / 2 + 'px';
}, function (props) {
return props.size / 2 + 'px';
}, function (props) {
return props.color;
});
/* harmony default export */ const styled_components_Dot = (Dot);
;// CONCATENATED MODULE: ./src/implementations/styled-components/Provider.js
/* harmony default export */ const Provider = (styled_components_View);
;// CONCATENATED MODULE: ./src/implementations/styled-components/index.js
/* harmony default export */ const styled_components = ({
Box: styled_components_Box,
Dot: styled_components_Dot,
Provider: Provider,
View: styled_components_View
});
/***/ }),
/***/ 72785:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ styled_jsx)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/styled-jsx@3.4.7_react@17.0.2/node_modules/styled-jsx/style.js
var style = __webpack_require__(38367);
// EXTERNAL MODULE: ../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.js
var classnames = __webpack_require__(65443);
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
;// CONCATENATED MODULE: ./src/implementations/styled-jsx/View.js
var _excluded = ["children", "className"];
function _extends() { _extends = Object.assign || 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var View = /*#__PURE__*/function (_React$Component) {
_inheritsLoose(View, _React$Component);
function View() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = View.prototype;
_proto.render = function render() {
var _this$props = this.props,
children = _this$props.children,
className = _this$props.className,
props = _objectWithoutPropertiesLoose(_this$props, _excluded);
return /*#__PURE__*/react.createElement("div", _extends({}, props, {
className: "jsx-243409225" + " " + ("initial " + className)
}), children, /*#__PURE__*/react.createElement(style["default"], {
id: "243409225"
}, ".initial.jsx-243409225{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-width:0;border-style:solid;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0;padding:0;position:relative;min-height:0;min-width:0;}"));
};
return View;
}(react.Component);
/* harmony default export */ const styled_jsx_View = (View);
;// CONCATENATED MODULE: ./src/implementations/styled-jsx/Box.js
/* eslint-disable react/prop-types */
var getColor = function getColor(color) {
switch (color) {
case 0:
return '#14171A';
case 1:
return '#AAB8C2';
case 2:
return '#E6ECF0';
case 3:
return '#FFAD1F';
case 4:
return '#F45D22';
case 5:
return '#E0245E';
default:
return 'transparent';
}
};
var Box = function Box(props) {
var _objectObject$prop = /*#__PURE__*/react.createElement("scope", {
className: style["default"].dynamic([["1204643939", [props.layout === 'column' ? 'column' : 'row', props.outer ? '4px' : '0', getColor(props.color)]]]) + " " + (classnames_default()('Box', props.fixed && 'fixed') || "")
}, /*#__PURE__*/react.createElement(style["default"], {
id: "1204643939",
dynamic: [props.layout === 'column' ? 'column' : 'row', props.outer ? '4px' : '0', getColor(props.color)]
}, ".Box.__jsx-style-dynamic-selector{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-webkit-flex-direction:" + (props.layout === 'column' ? 'column' : 'row') + ";-ms-flex-direction:" + (props.layout === 'column' ? 'column' : 'row') + ";flex-direction:" + (props.layout === 'column' ? 'column' : 'row') + ";padding:" + (props.outer ? '4px' : '0') + ";background-color:" + getColor(props.color) + ";}.fixed.__jsx-style-dynamic-selector{height:6px;width:6px;}")).props,
className = _objectObject$prop.className,
styles = _objectObject$prop.children;
return /*#__PURE__*/react.createElement(styled_jsx_View, {
className: className
}, [props.children, styles]);
};
/* harmony default export */ const styled_jsx_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/styled-jsx/Dot.js
/* eslint-disable react/prop-types */
var Dot = function Dot(props) {
var _objectObject$prop = /*#__PURE__*/react.createElement("scope", {
className: "jsx-1778341744 " + style["default"].dynamic([["3108750657", [props.x, props.y, props.size / 2, props.size / 2, props.size / 2, props.color]]]) + " " + "Dot"
}, /*#__PURE__*/react.createElement(style["default"], {
id: "1778341744"
}, ".Dot.jsx-1778341744{position:absolute;cursor:pointer;width:0;height:0;border-color:transparent;border-style:solid;border-top-width:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}"), /*#__PURE__*/react.createElement(style["default"], {
id: "3108750657",
dynamic: [props.x, props.y, props.size / 2, props.size / 2, props.size / 2, props.color]
}, ".Dot.__jsx-style-dynamic-selector{margin-left:" + props.x + "px;margin-top:" + props.y + "px;border-right-width:" + props.size / 2 + "px;border-bottom-width:" + props.size / 2 + "px;border-left-width:" + props.size / 2 + "px;border-bottom-color:" + props.color + ";}")).props,
className = _objectObject$prop.className,
styles = _objectObject$prop.children;
return /*#__PURE__*/react.createElement(styled_jsx_View, {
className: className
}, [props.children, styles]);
};
/* harmony default export */ const styled_jsx_Dot = (Dot);
;// CONCATENATED MODULE: ./src/implementations/styled-jsx/Provider.js
/* harmony default export */ const Provider = (styled_jsx_View);
;// CONCATENATED MODULE: ./src/implementations/styled-jsx/index.js
/* harmony default export */ const styled_jsx = ({
Box: styled_jsx_Box,
Dot: styled_jsx_Dot,
Provider: Provider,
View: styled_jsx_View
});
/***/ }),
/***/ 77064:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": () => (/* binding */ styletron_react)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-react@6.0.2_react@17.0.2/node_modules/styletron-react/node_modules/styletron-standard/dist/browser.es5.es.js
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
// Note: $Shape is needed to make polymorphic withStyle refinements work correctly
// It seems functions satisfy this type without $Shape
// See: https://github.com/facebook/flow/issues/6784
//
//
//
//
//
//
function browser_es5_es_driver(style, styletron) {
var tx = renderDeclarativeRules(style, styletron);
return styletron.renderStyle(tx);
}
function getInitialStyle() {
return {};
}
function renderDeclarativeRules(style, styletron) {
for (var key in style) {
var val = style[key];
if (key === "animationName" && typeof val !== "string") {
style.animationName = styletron.renderKeyframes(val);
continue;
}
if (key === "fontFamily" && typeof val !== "string") {
if (Array.isArray(val)) {
var result = "";
for (var _iterator = val, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
var _ref;
if (_isArray) {
if (_i >= _iterator.length) break;
_ref = _iterator[_i++];
} else {
_i = _iterator.next();
if (_i.done) break;
_ref = _i.value;
}
var _font = _ref;
if (_typeof(_font) === "object") {
result += styletron.renderFontFace(_font) + ",";
} else if (typeof _font === "string") {
result += _font + ",";
}
}
style.fontFamily = result.slice(0, -1);
continue;
} else if (val === void 0) {
continue;
} else {
style.fontFamily = styletron.renderFontFace(val);
continue;
}
}
if (_typeof(val) === "object" && val !== null) {
renderDeclarativeRules(val, styletron);
}
}
return style;
}
//# sourceMappingURL=browser.es5.es.js.map
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-react@6.0.2_react@17.0.2/node_modules/styletron-react/dist/browser.es5.es.js
/* eslint-env browser */
/* global module */
function addDebugMetadata(instance, stackIndex) {
var _ref = new Error("stacktrace source"),
stack = _ref.stack,
stacktrace = _ref.stacktrace,
message = _ref.message;
instance.debug = {
stackInfo: {
stack: stack,
stacktrace: stacktrace,
message: message
},
stackIndex: stackIndex
};
} // DEVTOOLS SETUP
var setupDevtoolsExtension = function setupDevtoolsExtension() {
var atomicMap = {};
var extensionsMap = new Map();
var stylesMap = new Map();
var getStyles = function getStyles(className) {
var styles = {};
if (typeof className !== "string") {
return styles;
}
if (stylesMap.has(className)) {
styles.styles = stylesMap.get(className);
var classList = className.split(" ");
if (classList.length) {
var classes = {};
classList.forEach(function (singleClassName) {
classes[singleClassName] = atomicMap[singleClassName];
});
styles.classes = classes;
}
if (extensionsMap.has(className)) {
var extension = extensionsMap.get(className);
styles.extends = extension;
}
return styles;
}
};
window.__STYLETRON_DEVTOOLS__ = {
atomicMap: atomicMap,
extensionsMap: extensionsMap,
stylesMap: stylesMap,
getStyles: getStyles
};
};
var BrowserDebugEngine =
/*#__PURE__*/
(/* unused pure expression or super */ null && (function () {
function BrowserDebugEngine(worker) {
if (!worker) {
var workerBlob = new Blob(["importScripts(\"https://unpkg.com/css-to-js-sourcemap-worker@2.0.5/worker.js\")"], {
type: "application/javascript"
});
worker = new Worker(URL.createObjectURL(workerBlob));
worker.postMessage({
id: "init_wasm",
url: "https://unpkg.com/css-to-js-sourcemap-worker@2.0.5/mappings.wasm"
});
worker.postMessage({
id: "set_render_interval",
interval: 120
});
if (false) {}
}
this.worker = worker;
this.counter = 0;
this.worker.onmessage = function (msg) {
var _msg$data = msg.data,
id = _msg$data.id,
css = _msg$data.css;
if (id === "render_css" && css) {
var style = document.createElement("style");
style.appendChild(document.createTextNode(css));
document.head.appendChild(style);
}
};
}
var _proto = BrowserDebugEngine.prototype;
_proto.debug = function debug(_ref2) {
var stackIndex = _ref2.stackIndex,
stackInfo = _ref2.stackInfo;
var className = "__debug-" + this.counter++;
this.worker.postMessage({
id: "add_mapped_class",
className: className,
stackInfo: stackInfo,
stackIndex: stackIndex
});
return className;
};
return BrowserDebugEngine;
}()));
var DebugEngine = (/* unused pure expression or super */ null && (BrowserDebugEngine));
function browser_es5_es_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { browser_es5_es_typeof = function _typeof(obj) { return typeof obj; }; } else { browser_es5_es_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return browser_es5_es_typeof(obj); }
function _extends() { _extends = Object.assign || 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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
/* eslint-env browser */
/* eslint-disable no-unused-vars, no-redeclare, no-shadow */
var noopEngine = {
renderStyle: function renderStyle() {
return "";
},
renderKeyframes: function renderKeyframes() {
return "";
},
renderFontFace: function renderFontFace() {
return "";
}
};
var StyletronContext = (0,react.createContext)(noopEngine);
var HydrationContext = (0,react.createContext)(false);
var DebugEngineContext = (0,react.createContext)();
var ThemeContext = (0,react.createContext)();
var DevProvider =
/*#__PURE__*/
function (_React$Component) {
_inheritsLoose(DevProvider, _React$Component);
function DevProvider(props) {
var _this;
_this = _React$Component.call(this) || this;
_this.state = {
hydrating: Boolean(props.debugAfterHydration)
};
return _this;
}
var _proto = DevProvider.prototype;
_proto.componentDidMount = function componentDidMount() {
{
if (this.state.hydrating === true) {
this.setState({
hydrating: false
});
}
}
};
_proto.render = function render() {
return (0,react.createElement)(StyletronContext.Provider, {
value: this.props.value
}, (0,react.createElement)(DebugEngineContext.Provider, {
value: this.props.debug
}, (0,react.createElement)(HydrationContext.Provider, {
value: this.state.hydrating
}, this.props.children)));
};
return DevProvider;
}(react.Component);
var browser_es5_es_Provider = false ? 0 : StyletronContext.Provider;
if (false) {}
function checkNoopEngine(engine) {
// if no engine provided, we default to no-op, handy for tests
// however, print a warning in other envs
if (true) {
engine === noopEngine && // eslint-disable-next-line no-console
console.warn( false ? 0 : "Styletron Provider is not set up. Defaulting to no-op.");
}
}
function useStyletron() {
var styletronEngine = useContext(StyletronContext);
var debugEngine = useContext(DebugEngineContext);
var hydrating = useContext(HydrationContext);
checkNoopEngine(styletronEngine);
var debugClassName = useRef("");
var prevDebugClassNameDeps = useRef([]);
return [function css(style) {
var className = driver(style, styletronEngine);
if (true) {
return className;
}
var _ref = new Error("stacktrace source"),
stack = _ref.stack,
message = _ref.message;
var nextDeps = [debugEngine, hydrating];
if (prevDebugClassNameDeps.current[0] !== nextDeps[0] || prevDebugClassNameDeps.current[1] !== nextDeps[1]) {
if (debugEngine && !hydrating) {
debugClassName.current = debugEngine.debug({
stackInfo: {
stack: stack,
message: message
},
stackIndex: 1
});
}
prevDebugClassNameDeps.current = nextDeps;
}
if (debugClassName.current) {
return debugClassName.current + " " + className;
}
return className;
}];
}
function createStyled(_ref2) {
var getInitialStyle$$1 = _ref2.getInitialStyle,
driver$$1 = _ref2.driver,
wrapper = _ref2.wrapper;
function styled(base, styleArg) {
if (false) {}
var baseStyletron = {
reducers: [],
base: base,
driver: driver$$1,
getInitialStyle: getInitialStyle$$1,
wrapper: wrapper
};
if (false) {}
return createStyledElementComponent(autoComposeShallow(baseStyletron, styleArg));
}
return styled;
}
var styled = createStyled({
getInitialStyle: getInitialStyle,
driver: browser_es5_es_driver,
wrapper: function wrapper(Component$$1) {
return Component$$1;
}
});
function withTransform(component, transformer) {
var styletron = component.__STYLETRON__;
if (false) {}
return createStyledElementComponent(composeDynamic(styletron, transformer));
}
var withStyle = withStyleDeep;
function withStyleDeep(component, styleArg) {
var styletron = component.__STYLETRON__;
if (false) {}
if (false) {} else {
return createStyledElementComponent(autoComposeDeep(styletron, styleArg));
}
}
function withWrapper(component, wrapper) {
var styletron = component.__STYLETRON__;
if (false) {}
var composed = {
getInitialStyle: styletron.getInitialStyle,
base: styletron.base,
driver: styletron.driver,
wrapper: wrapper,
reducers: styletron.reducers
};
if (false) {}
return createStyledElementComponent(composed);
}
function autoComposeShallow(styletron, styleArg) {
if (typeof styleArg === "function") {
return dynamicComposeShallow(styletron, styleArg);
}
return staticComposeShallow(styletron, styleArg);
}
function addExtension(composed, component, styleArg) {
return Object.assign({}, composed, {
ext: {
with: styleArg,
name: component.displayName,
base: component.__STYLETRON__.base,
getInitialStyle: component.__STYLETRON__.reducers.length ? component.__STYLETRON__.reducers[0].reducer : component.__STYLETRON__.getInitialStyle
}
});
}
function autoComposeDeep(styletron, styleArg) {
if (typeof styleArg === "function") {
return dynamicComposeDeep(styletron, styleArg);
}
return staticComposeDeep(styletron, styleArg);
}
function staticComposeShallow(styletron, style) {
return composeStatic(styletron, createShallowMergeReducer(style));
}
function staticComposeDeep(styletron, style) {
return composeStatic(styletron, createDeepMergeReducer(style));
}
function dynamicComposeShallow(styletron, styleFn) {
return composeDynamic(styletron, function (style, props) {
return shallowMerge(style, styleFn(props));
});
}
function dynamicComposeDeep(styletron, styleFn) {
return composeDynamic(styletron, function (style, props) {
return deepMerge(style, styleFn(props));
});
}
function createShallowMergeReducer(style) {
return {
reducer: function reducer(inputStyle) {
return shallowMerge(inputStyle, style);
},
assignmentCommutative: true,
factory: createShallowMergeReducer,
style: style
};
}
function createDeepMergeReducer(style) {
return {
reducer: function reducer(inputStyle) {
return deepMerge(inputStyle, style);
},
assignmentCommutative: true,
factory: createDeepMergeReducer,
style: style
};
}
function composeStatic(styletron, reducerContainer) {
if (styletron.reducers.length === 0) {
var style = reducerContainer.reducer(styletron.getInitialStyle());
var result = {
reducers: styletron.reducers,
base: styletron.base,
driver: styletron.driver,
wrapper: styletron.wrapper,
getInitialStyle: function getInitialStyle$$1() {
return style;
}
};
if (false) {}
return result;
} else {
var last = styletron.reducers[0];
if (last.assignmentCommutative === true && reducerContainer.assignmentCommutative === true) {
var composed = reducerContainer.reducer(last.style);
var _result = {
getInitialStyle: styletron.getInitialStyle,
base: styletron.base,
driver: styletron.driver,
wrapper: styletron.wrapper,
reducers: [last.factory(composed)].concat(styletron.reducers.slice(1))
};
if (false) {}
return _result;
}
return composeDynamic(styletron, reducerContainer.reducer);
}
}
function composeDynamic(styletron, reducer) {
var composed = {
getInitialStyle: styletron.getInitialStyle,
base: styletron.base,
driver: styletron.driver,
wrapper: styletron.wrapper,
reducers: [{
assignmentCommutative: false,
reducer: reducer
}].concat(styletron.reducers)
};
if (false) {}
return composed;
}
function createStyledElementComponent(styletron) {
var reducers = styletron.reducers,
base = styletron.base,
driver$$1 = styletron.driver,
wrapper = styletron.wrapper,
getInitialStyle$$1 = styletron.getInitialStyle,
ext = styletron.ext;
if (false) { var debugStackInfo, debugStackIndex; }
if (false) { var debugClassName; }
var StyledElement = (0,react.forwardRef)(function (props, ref) {
var styletron = (0,react.useContext)(StyletronContext);
var debugEngine = (0,react.useContext)(DebugEngineContext);
var hydrating = (0,react.useContext)(HydrationContext);
checkNoopEngine(styletron);
var elementProps = omitPrefixedKeys(props);
var style = resolveStyle(getInitialStyle$$1, reducers, props);
if (props.$style) {
if (typeof props.$style === "function") {
style = deepMerge(style, props.$style(props));
} else {
style = deepMerge(style, props.$style);
}
}
var styleClassString = driver$$1(style, styletron);
var Element = props.$as ? props.$as : base;
elementProps.className = props.className ? props.className + " " + styleClassString : styleClassString;
if (false) { var joined; }
if (false) {}
if (props.$ref) {
// eslint-disable-next-line no-console
console.warn("The prop `$ref` has been deprecated. Use `ref` instead. Refs are now forwarded with React.forwardRef.");
}
return (0,react.createElement)(Element, _extends({}, elementProps, {
ref: ref || props.$ref
}));
});
var Wrapped = wrapper(StyledElement);
Wrapped.__STYLETRON__ = {
base: base,
reducers: reducers,
driver: driver$$1,
wrapper: wrapper,
getInitialStyle: getInitialStyle$$1
};
if (false) { var displayName; }
return Wrapped;
} // Utility functions
function resolveStyle(getInitialStyle$$1, reducers, props) {
var result = getInitialStyle$$1();
var i = reducers.length;
while (i--) {
// Cast to allow passing unused props param in case of static reducer
var reducer = reducers[i].reducer;
result = reducer(result, props);
}
return result;
}
function isObject(x) {
return browser_es5_es_typeof(x) === "object" && x !== null;
}
function omitPrefixedKeys(source) {
var result = {};
for (var key in source) {
if (key[0] !== "$") {
result[key] = source[key];
}
}
return result;
}
function deepMerge(a, b) {
var result = browser_es5_es_assign({}, a);
for (var key in b) {
var val = b[key];
if (isObject(val) && isObject(a[key])) {
result[key] = deepMerge(a[key], val);
} else {
result[key] = val;
}
}
return result;
}
function shallowMerge(a, b) {
return browser_es5_es_assign(browser_es5_es_assign({}, a), b);
}
function browser_es5_es_assign(target, source) {
for (var key in source) {
target[key] = source[key];
}
return target;
}
//# sourceMappingURL=browser.es5.es.js.map
;// CONCATENATED MODULE: ./src/implementations/styletron-react/View.js
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/* eslint-disable react/prop-types */
var View = styled('div', function (_ref) {
var style = _ref.style;
return _objectSpread(_objectSpread({}, viewStyle), {}, {
style: style
});
});
var viewStyle = {
alignItems: 'stretch',
borderWidth: '0px',
borderStyle: 'solid',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: '0',
margin: '0px',
padding: '0px',
position: 'relative',
// fix flexbox bugs
minHeight: '0px',
minWidth: '0px'
};
/* harmony default export */ const styletron_react_View = (View);
;// CONCATENATED MODULE: ./src/implementations/styletron-react/Box.js
var _excluded = ["color", "fixed", "layout", "outer"];
function Box_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function Box_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Box_ownKeys(Object(source), !0).forEach(function (key) { Box_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Box_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function Box_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* eslint-disable react/prop-types */
var Box = withStyle(styletron_react_View, function (_ref) {
var color = _ref.color,
_ref$fixed = _ref.fixed,
fixed = _ref$fixed === void 0 ? false : _ref$fixed,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'column' : _ref$layout,
_ref$outer = _ref.outer,
outer = _ref$outer === void 0 ? false : _ref$outer,
other = _objectWithoutPropertiesLoose(_ref, _excluded);
return Box_objectSpread(Box_objectSpread(Box_objectSpread(Box_objectSpread({}, styles["color" + color]), fixed && styles.fixed), layout === 'row' && styles.row), outer && styles.outer);
});
var styles = {
outer: {
alignSelf: 'flex-start',
padding: '4px'
},
row: {
flexDirection: 'row'
},
color0: {
backgroundColor: '#14171A'
},
color1: {
backgroundColor: '#AAB8C2'
},
color2: {
backgroundColor: '#E6ECF0'
},
color3: {
backgroundColor: '#FFAD1F'
},
color4: {
backgroundColor: '#F45D22'
},
color5: {
backgroundColor: '#E0245E'
},
fixed: {
width: '6px',
height: '6px'
}
};
/* harmony default export */ const styletron_react_Box = (Box);
;// CONCATENATED MODULE: ./src/implementations/styletron-react/Dot.js
function Dot_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function Dot_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Dot_ownKeys(Object(source), !0).forEach(function (key) { Dot_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Dot_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function Dot_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/* eslint-disable react/prop-types */
var Dot = styled('div', function (_ref) {
var size = _ref.size,
x = _ref.x,
y = _ref.y,
children = _ref.children,
color = _ref.color;
return Dot_objectSpread(Dot_objectSpread({}, staticStyle), {}, {
borderBottomColor: color,
borderRightWidth: size / 2 + "px",
borderBottomWidth: size / 2 + "px",
borderLeftWidth: size / 2 + "px",
marginLeft: x + "px",
marginTop: y + "px"
});
});
var staticStyle = {
position: 'absolute',
cursor: 'pointer',
width: 0,
height: 0,
borderColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
transform: 'translate(50%, 50%)'
};
/* harmony default export */ const styletron_react_Dot = (Dot);
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/utils/capitalizeString.js
function capitalizeString(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/utils/prefixProperty.js
function prefixProperty(prefixProperties, property, style) {
if (prefixProperties.hasOwnProperty(property)) {
var newStyle = {};
var requiredPrefixes = prefixProperties[property];
var capitalizedProperty = capitalizeString(property);
var keys = Object.keys(style);
for (var i = 0; i < keys.length; i++) {
var styleProperty = keys[i];
if (styleProperty === property) {
for (var j = 0; j < requiredPrefixes.length; j++) {
newStyle[requiredPrefixes[j] + capitalizedProperty] = style[property];
}
}
newStyle[styleProperty] = style[styleProperty];
}
return newStyle;
}
return style;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/utils/prefixValue.js
function prefixValue(plugins, property, value, style, metaData) {
for (var i = 0, len = plugins.length; i < len; ++i) {
var processedValue = plugins[i](property, value, style, metaData);
// we can stop processing if a value is returned
// as all plugin criteria are unique
if (processedValue) {
return processedValue;
}
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/utils/addNewValuesOnly.js
function addIfNew(list, value) {
if (list.indexOf(value) === -1) {
list.push(value);
}
}
function addNewValuesOnly(list, values) {
if (Array.isArray(values)) {
for (var i = 0, len = values.length; i < len; ++i) {
addIfNew(list, values[i]);
}
} else {
addIfNew(list, values);
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/utils/isObject.js
function isObject_isObject(value) {
return value instanceof Object && !Array.isArray(value);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/createPrefixer.js
function createPrefixer(_ref) {
var prefixMap = _ref.prefixMap,
plugins = _ref.plugins;
return function prefix(style) {
for (var property in style) {
var value = style[property];
// handle nested objects
if (isObject_isObject(value)) {
style[property] = prefix(value);
// handle array values
} else if (Array.isArray(value)) {
var combinedValue = [];
for (var i = 0, len = value.length; i < len; ++i) {
var processedValue = prefixValue(plugins, property, value[i], style, prefixMap);
addNewValuesOnly(combinedValue, processedValue || value[i]);
}
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (combinedValue.length > 0) {
style[property] = combinedValue;
}
} else {
var _processedValue = prefixValue(plugins, property, value, style, prefixMap);
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (_processedValue) {
style[property] = _processedValue;
}
style = prefixProperty(prefixMap, property, style);
}
}
return style;
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/data.js
var w = ["Webkit"];
var m = ["Moz"];
var ms = ["ms"];
var wm = ["Webkit", "Moz"];
var wms = ["Webkit", "ms"];
var wmms = ["Webkit", "Moz", "ms"];
/* harmony default export */ const data = ({
plugins: [],
prefixMap: { "appearance": wm, "textEmphasisPosition": w, "textEmphasis": w, "textEmphasisStyle": w, "textEmphasisColor": w, "boxDecorationBreak": w, "maskImage": w, "maskMode": w, "maskRepeat": w, "maskPosition": w, "maskClip": w, "maskOrigin": w, "maskSize": w, "maskComposite": w, "mask": w, "maskBorderSource": w, "maskBorderMode": w, "maskBorderSlice": w, "maskBorderWidth": w, "maskBorderOutset": w, "maskBorderRepeat": w, "maskBorder": w, "maskType": w, "textDecorationStyle": w, "textDecorationSkip": w, "textDecorationLine": w, "textDecorationColor": w, "userSelect": wmms, "backdropFilter": w, "fontKerning": w, "scrollSnapType": wms, "scrollSnapPointsX": wms, "scrollSnapPointsY": wms, "scrollSnapDestination": wms, "scrollSnapCoordinate": wms, "clipPath": w, "shapeImageThreshold": w, "shapeImageMargin": w, "shapeImageOutside": w, "filter": w, "hyphens": wms, "flowInto": wms, "flowFrom": wms, "breakBefore": wms, "breakAfter": wms, "breakInside": wms, "regionFragment": wms, "writingMode": wms, "textOrientation": w, "tabSize": m, "fontFeatureSettings": w, "columnCount": w, "columnFill": w, "columnGap": w, "columnRule": w, "columnRuleColor": w, "columnRuleStyle": w, "columnRuleWidth": w, "columns": w, "columnSpan": w, "columnWidth": w, "wrapFlow": ms, "wrapThrough": ms, "wrapMargin": ms, "textSizeAdjust": wms }
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/backgroundClip.js
// https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip#Browser_compatibility
function backgroundClip(property, value) {
if (typeof value === 'string' && value === 'text') {
return ['-webkit-text', 'text'];
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/cursor.js
var prefixes = ['-webkit-', '-moz-', ''];
var values = {
'zoom-in': true,
'zoom-out': true,
grab: true,
grabbing: true
};
function cursor(property, value) {
if (property === 'cursor' && values.hasOwnProperty(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
// EXTERNAL MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/css-in-js-utils/lib/isPrefixedValue.js
var isPrefixedValue = __webpack_require__(22208);
var isPrefixedValue_default = /*#__PURE__*/__webpack_require__.n(isPrefixedValue);
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/crossFade.js
// http://caniuse.com/#search=cross-fade
var crossFade_prefixes = ['-webkit-', ''];
function crossFade(property, value) {
if (typeof value === 'string' && !isPrefixedValue_default()(value) && value.indexOf('cross-fade(') > -1) {
return crossFade_prefixes.map(function (prefix) {
return value.replace(/cross-fade\(/g, prefix + 'cross-fade(');
});
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/filter.js
// http://caniuse.com/#feat=css-filter-function
var filter_prefixes = ['-webkit-', ''];
function filter(property, value) {
if (typeof value === 'string' && !isPrefixedValue_default()(value) && value.indexOf('filter(') > -1) {
return filter_prefixes.map(function (prefix) {
return value.replace(/filter\(/g, prefix + 'filter(');
});
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/flex.js
var flex_values = {
flex: ['-webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex'],
'inline-flex': ['-webkit-inline-box', '-moz-inline-box', '-ms-inline-flexbox', '-webkit-inline-flex', 'inline-flex']
};
function flex(property, value) {
if (property === 'display' && flex_values.hasOwnProperty(value)) {
return flex_values[value];
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/flexboxOld.js
var alternativeValues = {
'space-around': 'justify',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end',
'wrap-reverse': 'multiple',
wrap: 'multiple'
};
var alternativeProps = {
alignItems: 'WebkitBoxAlign',
justifyContent: 'WebkitBoxPack',
flexWrap: 'WebkitBoxLines',
flexGrow: 'WebkitBoxFlex'
};
function flexboxOld(property, value, style) {
if (property === 'flexDirection' && typeof value === 'string') {
if (value.indexOf('column') > -1) {
style.WebkitBoxOrient = 'vertical';
} else {
style.WebkitBoxOrient = 'horizontal';
}
if (value.indexOf('reverse') > -1) {
style.WebkitBoxDirection = 'reverse';
} else {
style.WebkitBoxDirection = 'normal';
}
}
if (alternativeProps.hasOwnProperty(property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/gradient.js
var gradient_prefixes = ['-webkit-', '-moz-', ''];
var gradient_values = /linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient/gi;
function gradient(property, value) {
if (typeof value === 'string' && !isPrefixedValue_default()(value) && gradient_values.test(value)) {
return gradient_prefixes.map(function (prefix) {
return value.replace(gradient_values, function (grad) {
return prefix + grad;
});
});
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/grid.js
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
function isSimplePositionValue(value) {
return typeof value === 'number' && !isNaN(value);
}
function isComplexSpanValue(value) {
return typeof value === 'string' && value.includes('/');
}
var alignmentValues = ['center', 'end', 'start', 'stretch'];
var displayValues = {
'inline-grid': ['-ms-inline-grid', 'inline-grid'],
grid: ['-ms-grid', 'grid']
};
var propertyConverters = {
alignSelf: function alignSelf(value, style) {
if (alignmentValues.indexOf(value) > -1) {
style.msGridRowAlign = value;
}
},
gridColumn: function gridColumn(value, style) {
if (isSimplePositionValue(value)) {
style.msGridColumn = value;
} else if (isComplexSpanValue(value)) {
var _value$split = value.split('/'),
_value$split2 = _slicedToArray(_value$split, 2),
start = _value$split2[0],
end = _value$split2[1];
propertyConverters.gridColumnStart(+start, style);
var _end$split = end.split(/ ?span /),
_end$split2 = _slicedToArray(_end$split, 2),
maybeSpan = _end$split2[0],
maybeNumber = _end$split2[1];
if (maybeSpan === '') {
propertyConverters.gridColumnEnd(+start + +maybeNumber, style);
} else {
propertyConverters.gridColumnEnd(+end, style);
}
} else {
propertyConverters.gridColumnStart(value, style);
}
},
gridColumnEnd: function gridColumnEnd(value, style) {
var msGridColumn = style.msGridColumn;
if (isSimplePositionValue(value) && isSimplePositionValue(msGridColumn)) {
style.msGridColumnSpan = value - msGridColumn;
}
},
gridColumnStart: function gridColumnStart(value, style) {
if (isSimplePositionValue(value)) {
style.msGridColumn = value;
}
},
gridRow: function gridRow(value, style) {
if (isSimplePositionValue(value)) {
style.msGridRow = value;
} else if (isComplexSpanValue(value)) {
var _value$split3 = value.split('/'),
_value$split4 = _slicedToArray(_value$split3, 2),
start = _value$split4[0],
end = _value$split4[1];
propertyConverters.gridRowStart(+start, style);
var _end$split3 = end.split(/ ?span /),
_end$split4 = _slicedToArray(_end$split3, 2),
maybeSpan = _end$split4[0],
maybeNumber = _end$split4[1];
if (maybeSpan === '') {
propertyConverters.gridRowEnd(+start + +maybeNumber, style);
} else {
propertyConverters.gridRowEnd(+end, style);
}
} else {
propertyConverters.gridRowStart(value, style);
}
},
gridRowEnd: function gridRowEnd(value, style) {
var msGridRow = style.msGridRow;
if (isSimplePositionValue(value) && isSimplePositionValue(msGridRow)) {
style.msGridRowSpan = value - msGridRow;
}
},
gridRowStart: function gridRowStart(value, style) {
if (isSimplePositionValue(value)) {
style.msGridRow = value;
}
},
gridTemplateColumns: function gridTemplateColumns(value, style) {
style.msGridColumns = value;
},
gridTemplateRows: function gridTemplateRows(value, style) {
style.msGridRows = value;
},
justifySelf: function justifySelf(value, style) {
if (alignmentValues.indexOf(value) > -1) {
style.msGridColumnAlign = value;
}
}
};
function grid(property, value, style) {
if (property === 'display' && value in displayValues) {
return displayValues[value];
}
if (property in propertyConverters) {
var propertyConverter = propertyConverters[property];
propertyConverter(value, style);
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/imageSet.js
// http://caniuse.com/#feat=css-image-set
var imageSet_prefixes = ['-webkit-', ''];
function imageSet(property, value) {
if (typeof value === 'string' && !isPrefixedValue_default()(value) && value.indexOf('image-set(') > -1) {
return imageSet_prefixes.map(function (prefix) {
return value.replace(/image-set\(/g, prefix + 'image-set(');
});
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/logical.js
var logical_alternativeProps = {
marginBlockStart: ['WebkitMarginBefore'],
marginBlockEnd: ['WebkitMarginAfter'],
marginInlineStart: ['WebkitMarginStart', 'MozMarginStart'],
marginInlineEnd: ['WebkitMarginEnd', 'MozMarginEnd'],
paddingBlockStart: ['WebkitPaddingBefore'],
paddingBlockEnd: ['WebkitPaddingAfter'],
paddingInlineStart: ['WebkitPaddingStart', 'MozPaddingStart'],
paddingInlineEnd: ['WebkitPaddingEnd', 'MozPaddingEnd'],
borderBlockStart: ['WebkitBorderBefore'],
borderBlockStartColor: ['WebkitBorderBeforeColor'],
borderBlockStartStyle: ['WebkitBorderBeforeStyle'],
borderBlockStartWidth: ['WebkitBorderBeforeWidth'],
borderBlockEnd: ['WebkitBorderAfter'],
borderBlockEndColor: ['WebkitBorderAfterColor'],
borderBlockEndStyle: ['WebkitBorderAfterStyle'],
borderBlockEndWidth: ['WebkitBorderAfterWidth'],
borderInlineStart: ['WebkitBorderStart', 'MozBorderStart'],
borderInlineStartColor: ['WebkitBorderStartColor', 'MozBorderStartColor'],
borderInlineStartStyle: ['WebkitBorderStartStyle', 'MozBorderStartStyle'],
borderInlineStartWidth: ['WebkitBorderStartWidth', 'MozBorderStartWidth'],
borderInlineEnd: ['WebkitBorderEnd', 'MozBorderEnd'],
borderInlineEndColor: ['WebkitBorderEndColor', 'MozBorderEndColor'],
borderInlineEndStyle: ['WebkitBorderEndStyle', 'MozBorderEndStyle'],
borderInlineEndWidth: ['WebkitBorderEndWidth', 'MozBorderEndWidth']
};
function logical(property, value, style) {
if (Object.prototype.hasOwnProperty.call(logical_alternativeProps, property)) {
var alternativePropList = logical_alternativeProps[property];
for (var i = 0, len = alternativePropList.length; i < len; ++i) {
style[alternativePropList[i]] = value;
}
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/position.js
function position(property, value) {
if (property === 'position' && value === 'sticky') {
return ['-webkit-sticky', 'sticky'];
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/sizing.js
var sizing_prefixes = ['-webkit-', '-moz-', ''];
var properties = {
maxHeight: true,
maxWidth: true,
width: true,
height: true,
columnWidth: true,
minWidth: true,
minHeight: true
};
var sizing_values = {
'min-content': true,
'max-content': true,
'fill-available': true,
'fit-content': true,
'contain-floats': true
};
function sizing(property, value) {
if (properties.hasOwnProperty(property) && sizing_values.hasOwnProperty(value)) {
return sizing_prefixes.map(function (prefix) {
return prefix + value;
});
}
}
// EXTERNAL MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/css-in-js-utils/lib/hyphenateProperty.js
var hyphenateProperty = __webpack_require__(18323);
var hyphenateProperty_default = /*#__PURE__*/__webpack_require__.n(hyphenateProperty);
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/plugins/transition.js
var transition_properties = {
transition: true,
transitionProperty: true,
WebkitTransition: true,
WebkitTransitionProperty: true,
MozTransition: true,
MozTransitionProperty: true
};
var prefixMapping = {
Webkit: '-webkit-',
Moz: '-moz-',
ms: '-ms-'
};
function transition_prefixValue(value, propertyPrefixMap) {
if (isPrefixedValue_default()(value)) {
return value;
}
// only split multi values, not cubic beziers
var multipleValues = value.split(/,(?![^()]*(?:\([^()]*\))?\))/g);
for (var i = 0, len = multipleValues.length; i < len; ++i) {
var singleValue = multipleValues[i];
var values = [singleValue];
for (var property in propertyPrefixMap) {
var dashCaseProperty = hyphenateProperty_default()(property);
if (singleValue.indexOf(dashCaseProperty) > -1 && dashCaseProperty !== 'order') {
var prefixes = propertyPrefixMap[property];
for (var j = 0, pLen = prefixes.length; j < pLen; ++j) {
// join all prefixes and create a new value
values.unshift(singleValue.replace(dashCaseProperty, prefixMapping[prefixes[j]] + dashCaseProperty));
}
}
}
multipleValues[i] = values.join(',');
}
return multipleValues.join(',');
}
function transition(property, value, style, propertyPrefixMap) {
// also check for already prefixed transitions
if (typeof value === 'string' && transition_properties.hasOwnProperty(property)) {
var outputValue = transition_prefixValue(value, propertyPrefixMap);
// if the property is already prefixed
var webkitOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-moz-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Webkit') > -1) {
return webkitOutput;
}
var mozOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-webkit-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Moz') > -1) {
return mozOutput;
}
style['Webkit' + capitalizeString(property)] = webkitOutput;
style['Moz' + capitalizeString(property)] = mozOutput;
return outputValue;
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/node_modules/inline-style-prefixer/es/index.js
var plugins = [backgroundClip, crossFade, cursor, filter, flexboxOld, gradient, grid, imageSet, logical, position, sizing, transition, flex];
var prefix = createPrefixer({
prefixMap: data.prefixMap,
plugins: plugins
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/styletron-engine-atomic@1.4.8/node_modules/styletron-engine-atomic/dist/browser.es5.es.js
var SequentialIDGenerator =
/*#__PURE__*/
function () {
function SequentialIDGenerator(prefix$$1) {
if (prefix$$1 === void 0) {
prefix$$1 = "";
}
// ensure start with "ae" so "ad" is never produced
this.prefix = prefix$$1;
this.count = 0;
this.offset = 374;
this.msb = 1295;
this.power = 2;
}
var _proto = SequentialIDGenerator.prototype;
_proto.next = function next() {
var id = this.increment().toString(36);
return this.prefix ? "" + this.prefix + id : id;
};
_proto.increment = function increment() {
var id = this.count + this.offset;
if (id === this.msb) {
this.offset += (this.msb + 1) * 9;
this.msb = Math.pow(36, ++this.power) - 1;
}
this.count++;
return id;
};
return SequentialIDGenerator;
}();
// adapted from https://github.com/dutchenkoOleg/sort-css-media-queries
var minMaxWidth = /(!?\(\s*min(-device-)?-width).+\(\s*max(-device)?-width/i;
var minWidth = /\(\s*min(-device)?-width/i;
var maxMinWidth = /(!?\(\s*max(-device)?-width).+\(\s*min(-device)?-width/i;
var maxWidth = /\(\s*max(-device)?-width/i;
var isMinWidth = _testQuery(minMaxWidth, maxMinWidth, minWidth);
var isMaxWidth = _testQuery(maxMinWidth, minMaxWidth, maxWidth);
var minMaxHeight = /(!?\(\s*min(-device)?-height).+\(\s*max(-device)?-height/i;
var minHeight = /\(\s*min(-device)?-height/i;
var maxMinHeight = /(!?\(\s*max(-device)?-height).+\(\s*min(-device)?-height/i;
var maxHeight = /\(\s*max(-device)?-height/i;
var isMinHeight = _testQuery(minMaxHeight, maxMinHeight, minHeight);
var isMaxHeight = _testQuery(maxMinHeight, minMaxHeight, maxHeight);
var isPrint = /print/i;
var isPrintOnly = /^print$/i;
var maxValue = Number.MAX_VALUE;
function _getQueryLength(length) {
var matches = /(-?\d*\.?\d+)(ch|em|ex|px|rem)/.exec(length);
if (matches === null) {
return maxValue;
}
var number = matches[1];
var unit = matches[2];
switch (unit) {
case "ch":
number = parseFloat(number) * 8.8984375;
break;
case "em":
case "rem":
number = parseFloat(number) * 16;
break;
case "ex":
number = parseFloat(number) * 8.296875;
break;
case "px":
number = parseFloat(number);
break;
}
return +number;
}
function _testQuery(doubleTestTrue, doubleTestFalse, singleTest) {
return function (query) {
if (doubleTestTrue.test(query)) {
return true;
} else if (doubleTestFalse.test(query)) {
return false;
}
return singleTest.test(query);
};
}
function _testIsPrint(a, b) {
var isPrintA = isPrint.test(a);
var isPrintOnlyA = isPrintOnly.test(a);
var isPrintB = isPrint.test(b);
var isPrintOnlyB = isPrintOnly.test(b);
if (isPrintA && isPrintB) {
if (!isPrintOnlyA && isPrintOnlyB) {
return 1;
}
if (isPrintOnlyA && !isPrintOnlyB) {
return -1;
}
return a.localeCompare(b);
}
if (isPrintA) {
return 1;
}
if (isPrintB) {
return -1;
}
return null;
}
function sortCSSmq(a, b) {
if (a === "") {
return -1;
}
if (b === "") {
return 1;
}
var testIsPrint = _testIsPrint(a, b);
if (testIsPrint !== null) {
return testIsPrint;
}
var minA = isMinWidth(a) || isMinHeight(a);
var maxA = isMaxWidth(a) || isMaxHeight(a);
var minB = isMinWidth(b) || isMinHeight(b);
var maxB = isMaxWidth(b) || isMaxHeight(b);
if (minA && maxB) {
return -1;
}
if (maxA && minB) {
return 1;
}
var lengthA = _getQueryLength(a);
var lengthB = _getQueryLength(b);
if (lengthA === maxValue && lengthB === maxValue) {
return a.localeCompare(b);
} else if (lengthA === maxValue) {
return 1;
} else if (lengthB === maxValue) {
return -1;
}
if (lengthA > lengthB) {
if (maxA) {
return -1;
}
return 1;
}
if (lengthA < lengthB) {
if (maxA) {
return 1;
}
return -1;
}
return a.localeCompare(b);
}
var MultiCache =
/*#__PURE__*/
function () {
function MultiCache(idGenerator, onNewCache, onNewValue) {
this.idGenerator = idGenerator;
this.onNewCache = onNewCache;
this.onNewValue = onNewValue;
this.sortedCacheKeys = [];
this.caches = {};
}
var _proto = MultiCache.prototype;
_proto.getCache = function getCache(key) {
if (!this.caches[key]) {
var _cache = new Cache(this.idGenerator, this.onNewValue);
_cache.key = key;
this.sortedCacheKeys.push(key);
this.sortedCacheKeys.sort(sortCSSmq);
var keyIndex = this.sortedCacheKeys.indexOf(key);
var insertBeforeMedia = keyIndex < this.sortedCacheKeys.length - 1 ? this.sortedCacheKeys[keyIndex + 1] : void 0;
this.caches[key] = _cache;
this.onNewCache(key, _cache, insertBeforeMedia);
}
return this.caches[key];
};
_proto.getSortedCacheKeys = function getSortedCacheKeys() {
return this.sortedCacheKeys;
};
return MultiCache;
}();
var Cache =
/*#__PURE__*/
function () {
function Cache(idGenerator, onNewValue) {
this.cache = {};
this.idGenerator = idGenerator;
this.onNewValue = onNewValue;
}
var _proto2 = Cache.prototype;
_proto2.addValue = function addValue(key, value) {
var cached = this.cache[key];
if (cached) {
return cached;
}
var id = this.idGenerator.next();
this.cache[key] = id;
this.onNewValue(this, id, value);
return id;
};
return Cache;
}();
var uppercasePattern = /[A-Z]/g;
var msPattern = /^ms-/;
var cache = {};
function hyphenateStyleName(prop) {
return prop in cache ? cache[prop] : cache[prop] = prop.replace(uppercasePattern, "-$&").toLowerCase().replace(msPattern, "-ms-");
}
/**
* Adapted from https://github.com/gilmoreorless/css-shorthand-properties
*/
var shorthandMap = {
// CSS 2.1: https://www.w3.org/TR/CSS2/propidx.html
"list-style": ["list-style-type", "list-style-position", "list-style-image"],
margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"],
outline: ["outline-width", "outline-style", "outline-color"],
padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
// CSS Backgrounds and Borders Module Level 3: https://www.w3.org/TR/css3-background/
background: ["background-image", "background-position", "background-size", "background-repeat", "background-origin", "background-clip", "background-attachment", "background-color"],
border: ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-width", "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", "border-style", "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-color"],
"border-color": ["border-top-color", "border-right-color", "border-bottom-color", "border-left-color"],
"border-style": ["border-top-style", "border-right-style", "border-bottom-style", "border-left-style"],
"border-width": ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"],
"border-top": ["border-top-width", "border-top-style", "border-top-color"],
"border-right": ["border-right-width", "border-right-style", "border-right-color"],
"border-bottom": ["border-bottom-width", "border-bottom-style", "border-bottom-color"],
"border-left": ["border-left-width", "border-left-style", "border-left-color"],
"border-radius": ["border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius"],
"border-image": ["border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat"],
// CSS Fonts Module Level 3: https://www.w3.org/TR/css3-fonts/
font: ["font-style", "font-variant-ligatures", "font-variant-alternates", "font-variant-caps", "font-variant-numeric", "font-variant-east-asian", "font-variant", "font-weight", "font-stretch", "font-size", "line-height", "font-family"],
"font-variant": ["font-variant-ligatures", "font-variant-alternates", "font-variant-caps", "font-variant-numeric", "font-variant-east-asian"],
// CSS Flexible Box Layout Module Level 1: https://www.w3.org/TR/css3-flexbox-1/
flex: ["flex-grow", "flex-shrink", "flex-basis"],
"flex-flow": ["flex-direction", "flex-wrap"],
// CSS Grid Layout Module Level 1: https://www.w3.org/TR/css-grid-1/
grid: ["grid-template-rows", "grid-template-columns", "grid-template-areas", "grid-auto-rows", "grid-auto-columns", "grid-auto-flow"],
"grid-template": ["grid-template-rows", "grid-template-columns", "grid-template-areas"],
"grid-row": ["grid-row-start", "grid-row-end"],
"grid-column": ["grid-column-start", "grid-column-end"],
"grid-area": ["grid-row-start", "grid-column-start", "grid-row-end", "grid-column-end"],
"grid-gap": ["grid-row-gap", "grid-column-gap"],
// CSS Masking Module Level 1: https://www.w3.org/TR/css-masking/
mask: ["mask-image", "mask-mode", "mask-position", "mask-size", "mask-repeat", "mask-origin", "mask-clip"],
"mask-border": ["mask-border-source", "mask-border-slice", "mask-border-width", "mask-border-outset", "mask-border-repeat", "mask-border-mode"],
// CSS Multi-column Layout Module: https://www.w3.org/TR/css3-multicol/
columns: ["column-width", "column-count"],
"column-rule": ["column-rule-width", "column-rule-style", "column-rule-color"],
// CSS Scroll Snap Module Level 1: https://www.w3.org/TR/css-scroll-snap-1/
"scroll-padding": ["scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left"],
"scroll-padding-block": ["scroll-padding-block-start", "scroll-padding-block-end"],
"scroll-padding-inline": ["scroll-padding-inline-start", "scroll-padding-inline-end"],
"scroll-snap-margin": ["scroll-snap-margin-top", "scroll-snap-margin-right", "scroll-snap-margin-bottom", "scroll-snap-margin-left"],
"scroll-snap-margin-block": ["scroll-snap-margin-block-start", "scroll-snap-margin-block-end"],
"scroll-snap-margin-inline": ["scroll-snap-margin-inline-start", "scroll-snap-margin-inline-end"],
// CSS Speech Module: https://www.w3.org/TR/css3-speech/
cue: ["cue-before", "cue-after"],
pause: ["pause-before", "pause-after"],
rest: ["rest-before", "rest-after"],
// CSS Text Decoration Module Level 3: https://www.w3.org/TR/css-text-decor-3/
"text-decoration": ["text-decoration-line", "text-decoration-style", "text-decoration-color"],
"text-emphasis": ["text-emphasis-style", "text-emphasis-color"],
// CSS Animations (WD): https://www.w3.org/TR/css3-animations
animation: ["animation-name", "animation-duration", "animation-timing-function", "animation-delay", "animation-iteration-count", "animation-direction", "animation-fill-mode", "animation-play-state"],
// CSS Transitions (WD): https://www.w3.org/TR/css3-transitions/
transition: ["transition-property", "transition-duration", "transition-timing-function", "transition-delay"]
};
function validateNoMixedHand(style) {
var hyphenatedProperties = Object.keys(style).reduce(function (acc, property) {
acc[hyphenateStyleName(property)] = property;
return acc;
}, {});
var mixed = [];
for (var property in hyphenatedProperties) {
if (property in shorthandMap) {
for (var _iterator = shorthandMap[property], _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
var _ref;
if (_isArray) {
if (_i >= _iterator.length) break;
_ref = _iterator[_i++];
} else {
_i = _iterator.next();
if (_i.done) break;
_ref = _i.value;
}
var _longhand = _ref;
if (_longhand in hyphenatedProperties) {
var long = hyphenatedProperties[_longhand];
var short = hyphenatedProperties[property];
mixed.push({
shorthand: {
property: short,
value: style[short]
},
longhand: {
property: long,
value: style[long]
}
});
}
}
}
}
return mixed;
}
function dist_browser_es5_es_typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { dist_browser_es5_es_typeof = function _typeof(obj) { return typeof obj; }; } else { dist_browser_es5_es_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return dist_browser_es5_es_typeof(obj); }
function injectStylePrefixed(styleCache, styles, media, pseudo) {
var cache = styleCache.getCache(media);
var classString = "";
for (var originalKey in styles) {
var originalVal = styles[originalKey];
if (originalVal === void 0 || originalVal === null) {
continue;
}
if (dist_browser_es5_es_typeof(originalVal) !== "object") {
// Non-null and non-undefined primitive value
if (false) {}
var propValPair = hyphenateStyleName(originalKey) + ":" + originalVal;
var key = "" + pseudo + propValPair;
var cachedId = cache.cache[key];
if (cachedId !== void 0) {
// cache hit
classString += " " + cachedId;
continue;
} else {
var _prefix;
// cache miss
var block = "";
var prefixed = prefix((_prefix = {}, _prefix[originalKey] = originalVal, _prefix));
for (var prefixedKey in prefixed) {
var prefixedVal = prefixed[prefixedKey];
var prefixedValType = dist_browser_es5_es_typeof(prefixedVal);
if (prefixedValType === "string" || prefixedValType === "number") {
var prefixedPair = hyphenateStyleName(prefixedKey) + ":" + prefixedVal;
if (prefixedPair !== propValPair) {
block += prefixedPair + ";";
}
} else if (Array.isArray(prefixedVal)) {
var hyphenated = hyphenateStyleName(prefixedKey);
for (var i = 0; i < prefixedVal.length; i++) {
var _prefixedPair = hyphenated + ":" + prefixedVal[i];
if (_prefixedPair !== propValPair) {
block += _prefixedPair + ";";
}
}
}
}
block += propValPair; // ensure original prop/val is last (for hydration)
var id = cache.addValue(key, {
pseudo: pseudo,
block: block
});
classString += " " + id;
}
} else {
// Non-null object value
if (originalKey[0] === ":") {
classString += " " + injectStylePrefixed(styleCache, originalVal, media, pseudo + originalKey);
} else if (originalKey.substring(0, 6) === "@media") {
classString += " " + injectStylePrefixed(styleCache, originalVal, originalKey.substr(7), pseudo);
}
}
}
if (false) { var conflicts; } // remove leading space
return classString.slice(1);
}
function validateValueType(value, key) {
if (value === null || Array.isArray(value) || typeof value !== "number" && typeof value !== "string") {
throw new Error("Unsupported style value: " + JSON.stringify(value) + " used in property " + JSON.stringify(key));
}
}
function _typeof$1(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$1 = function _typeof(obj) { return typeof obj; }; } else { _typeof$1 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$1(obj); }
/* eslint-disable no-console */
var validAnimationState = /^(from|to|\+?(\d*\.)?\d+%)(\s*,\s*(from|to|\+?(\d*\.)?\d+%))*$/;
function validateKeyframesObject(keyframes) {
var valid = true;
for (var animationState in keyframes) {
var value = keyframes[animationState];
if (!validAnimationState.test(animationState)) {
valid = false;
console.warn("Warning: property \"" + animationState + "\" in keyframes object " + JSON.stringify(keyframes) + " is not a valid. Must be \"from\", \"to\", or a percentage.");
}
if (_typeof$1(value) !== "object") {
valid = false;
console.warn("Warning: value for \"" + animationState + "\" property in keyframes object " + JSON.stringify(keyframes) + " must be an object. Instead it was a " + _typeof$1(value) + ".");
}
if (!valid) {
console.warn("Warning: object used as value for \"animationName\" style is invalid:", keyframes);
}
}
}
function atomicSelector(id, pseudo) {
var selector = "." + id;
if (pseudo) {
selector += pseudo;
}
return selector;
}
function keyframesToBlock(keyframes) {
if (false) {}
if (false) {}
var result = "";
for (var animationState in keyframes) {
result += animationState + "{" + declarationsToBlock(keyframes[animationState]) + "}";
}
return result;
}
function declarationsToBlock(style) {
var css = "";
for (var prop in style) {
var val = style[prop];
if (typeof val === "string" || typeof val === "number") {
css += hyphenateStyleName(prop) + ":" + val + ";";
}
} // trim trailing semicolon
return css.slice(0, -1);
}
function keyframesBlockToRule(id, block) {
return "@keyframes " + id + "{" + block + "}";
}
function fontFaceBlockToRule(id, block) {
return "@font-face{font-family:" + id + ";" + block + "}";
}
function styleBlockToRule(selector, block) {
return selector + "{" + block + "}";
}
/* eslint-env browser */
var insertRuleIntoDevtools = function insertRuleIntoDevtools(selector, block) {
// start after the . combinator and cut at the first : if there is one to cut out the pseudo classes
var key = selector.substring(1, selector.indexOf(":") !== -1 ? selector.indexOf(":") : selector.length);
var styles = {}; // split the declaration to catch vendor prefixing
for (var _iterator = block.split(";"), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
var _ref;
if (_isArray) {
if (_i >= _iterator.length) break;
_ref = _iterator[_i++];
} else {
_i = _iterator.next();
if (_i.done) break;
_ref = _i.value;
}
var _decl = _ref;
if (_decl.trim() !== "" && !window.__STYLETRON_DEVTOOLS__.atomicMap[key]) styles[_decl.substring(0, _decl.indexOf(":"))] = _decl.substring(_decl.indexOf(":") + 1, _decl.length);
}
window.__STYLETRON_DEVTOOLS__.atomicMap[key] = styles;
};
var hydrateDevtoolsRule = function hydrateDevtoolsRule(cssString) {
var id = cssString.substring(0, 3);
var block = cssString.substring(4, cssString.length - 1);
insertRuleIntoDevtools(id, block);
};
/* eslint-env browser */
var STYLES_HYDRATOR = /\.([^{:]+)(:[^{]+)?{(?:[^}]*;)?([^}]*?)}/g;
var KEYFRAMES_HYRDATOR = /@keyframes ([^{]+){((?:(?:from|to|(?:\d+\.?\d*%))\{(?:[^}])*})*)}/g;
var FONT_FACE_HYDRATOR = /@font-face\{font-family:([^;]+);([^}]*)\}/g;
function hydrateStyles(cache, hydrator, css) {
var match;
while (match = hydrator.exec(css)) {
var _match = match,
id = _match[1],
pseudo = _match[2],
key = _match[3];
if (false) {}
var fullKey = pseudo ? "" + pseudo + key : key;
cache.cache[fullKey] = id; // set cache without triggering side effects
cache.idGenerator.increment(); // increment id
}
}
function hydrate(cache, hydrator, css) {
var match;
while (match = hydrator.exec(css)) {
var _match2 = match,
id = _match2[1],
key = _match2[2];
if (false) {}
cache.cache[key] = id; // set cache without triggering side effects
cache.idGenerator.increment(); // increment id
}
}
var StyletronClient =
/*#__PURE__*/
function () {
function StyletronClient(opts) {
var _this = this;
if (opts === void 0) {
opts = {};
}
this.styleElements = {};
var styleIdGenerator = new SequentialIDGenerator(opts.prefix);
var onNewStyle = function onNewStyle(cache, id, value) {
var pseudo = value.pseudo,
block = value.block;
var sheet = _this.styleElements[cache.key].sheet;
var selector = atomicSelector(id, pseudo);
var rule = styleBlockToRule(selector, block);
try {
sheet.insertRule(rule, sheet.cssRules.length);
if (false) {}
} catch (e) {
if (false) {}
}
}; // Setup style cache
this.styleCache = new MultiCache(styleIdGenerator, function (media, _cache, insertBeforeMedia) {
var styleElement = document.createElement("style");
styleElement.media = media;
if (insertBeforeMedia === void 0) {
_this.container.appendChild(styleElement);
} else {
var insertBeforeIndex = findSheetIndexWithMedia(_this.container.children, insertBeforeMedia);
_this.container.insertBefore(styleElement, _this.container.children[insertBeforeIndex]);
}
_this.styleElements[media] = styleElement;
}, onNewStyle);
this.keyframesCache = new Cache(new SequentialIDGenerator(opts.prefix), function (cache, id, value) {
_this.styleCache.getCache("");
var sheet = _this.styleElements[""].sheet;
var rule = keyframesBlockToRule(id, keyframesToBlock(value));
try {
sheet.insertRule(rule, sheet.cssRules.length);
} catch (e) {
if (false) {}
}
});
this.fontFaceCache = new Cache(new SequentialIDGenerator(opts.prefix), function (cache, id, value) {
_this.styleCache.getCache("");
var sheet = _this.styleElements[""].sheet;
var rule = fontFaceBlockToRule(id, declarationsToBlock(value));
try {
sheet.insertRule(rule, sheet.cssRules.length);
} catch (e) {
if (false) {}
}
});
if (opts.container) {
this.container = opts.container;
} // Hydrate
if (opts.hydrate && opts.hydrate.length > 0) {
// infer container from parent element
if (!this.container) {
var parentElement = opts.hydrate[0].parentElement;
if (parentElement !== null && parentElement !== void 0) {
this.container = parentElement;
}
}
for (var i = 0; i < opts.hydrate.length; i++) {
var element = opts.hydrate[i];
var hydrateType = element.getAttribute("data-hydrate");
if (hydrateType === "font-face") {
hydrate(this.fontFaceCache, FONT_FACE_HYDRATOR, element.textContent);
continue;
}
if (hydrateType === "keyframes") {
hydrate(this.keyframesCache, KEYFRAMES_HYRDATOR, element.textContent);
continue;
}
var key = element.media ? element.media : "";
this.styleElements[key] = element;
var cache = new Cache(styleIdGenerator, onNewStyle);
cache.key = key;
hydrateStyles(cache, STYLES_HYDRATOR, element.textContent);
this.styleCache.sortedCacheKeys.push(key);
this.styleCache.caches[key] = cache;
}
}
if (!this.container) {
if (document.head === null) {
throw new Error("No container provided and `document.head` was null");
}
this.container = document.head;
}
}
var _proto = StyletronClient.prototype;
_proto.renderStyle = function renderStyle(style) {
return injectStylePrefixed(this.styleCache, style, "", "");
};
_proto.renderFontFace = function renderFontFace(fontFace) {
var key = declarationsToBlock(fontFace);
return this.fontFaceCache.addValue(key, fontFace);
};
_proto.renderKeyframes = function renderKeyframes(keyframes) {
var key = keyframesToBlock(keyframes);
return this.keyframesCache.addValue(key, keyframes);
};
return StyletronClient;
}();
function findSheetIndexWithMedia(children, media) {
var index = 0;
for (; index < children.length; index++) {
var child = children[index];
if (child.tagName === "STYLE" && child.media === media) {
return index;
}
}
return -1;
}
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = browser_es5_es_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function browser_es5_es_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var StyletronServer =
/*#__PURE__*/
(/* unused pure expression or super */ null && (function () {
function StyletronServer(opts) {
var _this = this;
if (opts === void 0) {
opts = {};
}
this.styleRules = {
"": ""
};
this.styleCache = new MultiCache(new SequentialIDGenerator(opts.prefix), function (media) {
_this.styleRules[media] = "";
}, function (cache, id, value) {
var pseudo = value.pseudo,
block = value.block;
_this.styleRules[cache.key] += styleBlockToRule(atomicSelector(id, pseudo), block);
});
this.fontFaceRules = "";
this.fontFaceCache = new Cache(new SequentialIDGenerator(opts.prefix), function (cache, id, value) {
_this.fontFaceRules += fontFaceBlockToRule(id, declarationsToBlock(value));
});
this.keyframesRules = "";
this.keyframesCache = new Cache(new SequentialIDGenerator(opts.prefix), function (cache, id, value) {
_this.keyframesRules += keyframesBlockToRule(id, keyframesToBlock(value));
});
}
var _proto = StyletronServer.prototype;
_proto.renderStyle = function renderStyle(style) {
return injectStylePrefixed(this.styleCache, style, "", "");
};
_proto.renderFontFace = function renderFontFace(fontFace) {
var key = JSON.stringify(fontFace);
return this.fontFaceCache.addValue(key, fontFace);
};
_proto.renderKeyframes = function renderKeyframes(keyframes) {
var key = JSON.stringify(keyframes);
return this.keyframesCache.addValue(key, keyframes);
};
_proto.getStylesheets = function getStylesheets() {
return [].concat(this.keyframesRules.length ? [{
css: this.keyframesRules,
attrs: {
"data-hydrate": "keyframes"
}
}] : [], this.fontFaceRules.length ? [{
css: this.fontFaceRules,
attrs: {
"data-hydrate": "font-face"
}
}] : [], sheetify(this.styleRules, this.styleCache.getSortedCacheKeys()));
};
_proto.getStylesheetsHtml = function getStylesheetsHtml(className) {
if (className === void 0) {
className = "_styletron_hydrate_";
}
return generateHtmlString(this.getStylesheets(), className);
};
_proto.getCss = function getCss() {
return this.keyframesRules + this.fontFaceRules + stringify(this.styleRules, this.styleCache.getSortedCacheKeys());
};
return StyletronServer;
}()));
function generateHtmlString(sheets, className) {
var html = "";
for (var i = 0; i < sheets.length; i++) {
var sheet = sheets[i];
var _sheet$attrs = sheet.attrs,
originalClassName = _sheet$attrs.class,
rest = _objectWithoutProperties(_sheet$attrs, ["class"]);
var attrs = Object.assign({
class: originalClassName ? className + " " + originalClassName : className
}, rest);
html += "<style" + attrsToString(attrs) + ">" + sheet.css + "</style>";
}
return html;
}
function attrsToString(attrs) {
var result = "";
for (var attr in attrs) {
var value = attrs[attr];
if (value === true) {
result += " " + attr;
} else if (value !== false) {
result += " " + attr + "=\"" + value + "\"";
}
}
return result;
}
function stringify(styleRules, sortedCacheKeys) {
var result = "";
sortedCacheKeys.forEach(function (cacheKey) {
var rules = styleRules[cacheKey];
if (cacheKey !== "") {
result += "@media " + cacheKey + "{" + rules + "}";
} else {
result += rules;
}
});
return result;
}
function sheetify(styleRules, sortedCacheKeys) {
if (sortedCacheKeys.length === 0) {
return [{
css: "",
attrs: {}
}];
}
var sheets = [];
sortedCacheKeys.forEach(function (cacheKey) {
// omit media (cacheKey) attribute if empty
var attrs = cacheKey === "" ? {} : {
media: cacheKey
};
sheets.push({
css: styleRules[cacheKey],
attrs: attrs
});
});
return sheets;
}
//# sourceMappingURL=browser.es5.es.js.map
;// CONCATENATED MODULE: ./src/implementations/styletron-react/Provider.js
function Provider_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
/* eslint-disable react/prop-types */
var styletron = new StyletronClient();
var Provider = /*#__PURE__*/function (_React$Component) {
Provider_inheritsLoose(Provider, _React$Component);
function Provider() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = Provider.prototype;
_proto.render = function render() {
return /*#__PURE__*/react.createElement(browser_es5_es_Provider, {
value: styletron
}, /*#__PURE__*/react.createElement(styletron_react_View, null, this.props.children));
};
return Provider;
}(react.Component);
/* harmony default export */ const styletron_react_Provider = (Provider);
;// CONCATENATED MODULE: ./src/implementations/styletron-react/index.js
/* harmony default export */ const styletron_react = ({
Box: styletron_react_Box,
Dot: styletron_react_Dot,
Provider: styletron_react_Provider,
View: styletron_react_View
});
/***/ }),
/***/ 65443:
/***/ ((module, exports) => {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
/* global define */
(function () {
'use strict';
var hasOwn = {}.hasOwnProperty;
function classNames() {
var classes = [];
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (!arg) continue;
var argType = typeof arg;
if (argType === 'string' || argType === 'number') {
classes.push(arg);
} else if (Array.isArray(arg)) {
if (arg.length) {
var inner = classNames.apply(null, arg);
if (inner) {
classes.push(inner);
}
}
} else if (argType === 'object') {
if (arg.toString === Object.prototype.toString) {
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes.push(key);
}
}
} else {
classes.push(arg.toString());
}
}
}
return classes.join(' ');
}
if ( true && module.exports) {
classNames.default = classNames;
module.exports = classNames;
} else if (true) {
// register as 'classnames', consistent with npm package name
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
return classNames;
}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}());
/***/ }),
/***/ 14180:
/***/ ((module, exports, __webpack_require__) => {
// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2602);
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.id, "._1UhbP9x3 {\n align-self: flex-start;\n padding: 4px;\n}\n\n._2jphHd4H {\n flex-direction: row;\n}\n\n._2GHXlTO8 {\n background-color: #14171A;\n}\n\n._24AUQK41 {\n background-color: #AAB8C2;\n}\n\n._3GfxlQ5K {\n background-color: #E6ECF0;\n}\n\n._3NqNGK87 {\n background-color: #FFAD1F;\n}\n\n._2WCApj1u {\n background-color: #F45D22;\n}\n\n._3Hkan-D- {\n background-color: #E0245E;\n}\n\n.JnwOt3cu {\n width: 6px;\n height: 6px;\n}\n", ""]);
// Exports
exports.locals = {
"outer": "_1UhbP9x3",
"row": "_2jphHd4H",
"color0": "_2GHXlTO8",
"color1": "_24AUQK41",
"color2": "_3GfxlQ5K",
"color3": "_3NqNGK87",
"color4": "_2WCApj1u",
"color5": "_3Hkan-D-",
"fixed": "JnwOt3cu"
};
module.exports = exports;
/***/ }),
/***/ 42513:
/***/ ((module, exports, __webpack_require__) => {
// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2602);
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
exports.push([module.id, "._3uU6_OCn {\n align-items: stretch;\n border-width: 0;\n border-style: solid;\n box-sizing: border-box;\n display: flex;\n flex-basis: auto;\n flex-direction: column;\n flex-shrink: 0;\n margin: 0;\n padding: 0;\n position: relative;\n min-height: 0;\n min-width: 0;\n}\n", ""]);
// Exports
exports.locals = {
"initial": "_3uU6_OCn"
};
module.exports = exports;
/***/ }),
/***/ 2602:
/***/ ((module) => {
"use strict";
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
// eslint-disable-next-line func-names
module.exports = function (useSourceMap) {
var list = []; // return the list of modules as css string
list.toString = function toString() {
return this.map(function (item) {
var content = cssWithMappingToString(item, useSourceMap);
if (item[2]) {
return "@media ".concat(item[2], " {").concat(content, "}");
}
return content;
}).join('');
}; // import a list of modules into the list
// eslint-disable-next-line func-names
list.i = function (modules, mediaQuery, dedupe) {
if (typeof modules === 'string') {
// eslint-disable-next-line no-param-reassign
modules = [[null, modules, '']];
}
var alreadyImportedModules = {};
if (dedupe) {
for (var i = 0; i < this.length; i++) {
// eslint-disable-next-line prefer-destructuring
var id = this[i][0];
if (id != null) {
alreadyImportedModules[id] = true;
}
}
}
for (var _i = 0; _i < modules.length; _i++) {
var item = [].concat(modules[_i]);
if (dedupe && alreadyImportedModules[item[0]]) {
// eslint-disable-next-line no-continue
continue;
}
if (mediaQuery) {
if (!item[2]) {
item[2] = mediaQuery;
} else {
item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
}
}
list.push(item);
}
};
return list;
};
function cssWithMappingToString(item, useSourceMap) {
var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring
var cssMapping = item[3];
if (!cssMapping) {
return content;
}
if (useSourceMap && typeof btoa === 'function') {
var sourceMapping = toComment(cssMapping);
var sourceURLs = cssMapping.sources.map(function (source) {
return "/*# sourceURL=".concat(cssMapping.sourceRoot || '').concat(source, " */");
});
return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
}
return [content].join('\n');
} // Adapted from convert-source-map (MIT)
function toComment(sourceMap) {
// eslint-disable-next-line no-undef
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
return "/*# ".concat(data, " */");
}
/***/ }),
/***/ 35245:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
/**
* Simple, lightweight module assisting with the detection and context of
* Worker. Helps avoid circular dependencies and allows code to reason about
* whether or not they are in a Worker, even if they never include the main
* `ReactWorker` dependency.
*/
var ExecutionEnvironment = {
canUseDOM: canUseDOM,
canUseWorkers: typeof Worker !== 'undefined',
canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
canUseViewport: canUseDOM && !!window.screen,
isInWorker: !canUseDOM // For now, this is true - might change in the future.
};
module.exports = ExecutionEnvironment;
/***/ }),
/***/ 5768:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
/**
* Copyright 2013-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*
* @providesModule CSSProperty
*/
/**
* CSS properties which accept numbers but are not in units of "px".
*/
var isUnitlessNumber = {
animationIterationCount: true,
borderImageOutset: true,
borderImageSlice: true,
borderImageWidth: true,
boxFlex: true,
boxFlexGroup: true,
boxOrdinalGroup: true,
columnCount: true,
flex: true,
flexGrow: true,
flexPositive: true,
flexShrink: true,
flexNegative: true,
flexOrder: true,
gridRow: true,
gridRowStart: true,
gridRowEnd: true,
gridColumn: true,
gridColumnStart: true,
gridColumnEnd: true,
fontWeight: true,
lineClamp: true,
lineHeight: true,
opacity: true,
order: true,
orphans: true,
tabSize: true,
widows: true,
zIndex: true,
zoom: true,
// SVG-related properties
fillOpacity: true,
floodOpacity: true,
stopOpacity: true,
strokeDasharray: true,
strokeDashoffset: true,
strokeMiterlimit: true,
strokeOpacity: true,
strokeWidth: true
/**
* @param {string} prefix vendor-specific prefix, eg: Webkit
* @param {string} key style name, eg: transitionDuration
* @return {string} style name prefixed with `prefix`, properly camelCased, eg:
* WebkitTransitionDuration
*/
};function prefixKey(prefix, key) {
return prefix + key.charAt(0).toUpperCase() + key.substring(1);
}
/**
* Support style names that may come passed in prefixed by adding permutations
* of vendor prefixes.
*/
var prefixes = ['Webkit', 'ms', 'Moz', 'O'];
// Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
// infinite loop, because it iterates over the newly added props too.
Object.keys(isUnitlessNumber).forEach(function (prop) {
prefixes.forEach(function (prefix) {
isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
});
});
/**
* Most style properties can be unset by doing .style[prop] = '' but IE8
* doesn't like doing that with shorthand properties so for the properties that
* IE8 breaks on, which are listed here, we instead unset each of the
* individual properties. See http://bugs.jquery.com/ticket/12385.
* The 4-value 'clock' properties like margin, padding, border-width seem to
* behave without any problems. Curiously, list-style works too without any
* special prodding.
*/
var shorthandPropertyExpansions = {
background: {
backgroundAttachment: true,
backgroundColor: true,
backgroundImage: true,
backgroundPositionX: true,
backgroundPositionY: true,
backgroundRepeat: true
},
backgroundPosition: {
backgroundPositionX: true,
backgroundPositionY: true
},
border: {
borderWidth: true,
borderStyle: true,
borderColor: true
},
borderBottom: {
borderBottomWidth: true,
borderBottomStyle: true,
borderBottomColor: true
},
borderLeft: {
borderLeftWidth: true,
borderLeftStyle: true,
borderLeftColor: true
},
borderRight: {
borderRightWidth: true,
borderRightStyle: true,
borderRightColor: true
},
borderTop: {
borderTopWidth: true,
borderTopStyle: true,
borderTopColor: true
},
font: {
fontStyle: true,
fontVariant: true,
fontWeight: true,
fontSize: true,
lineHeight: true,
fontFamily: true
},
outline: {
outlineWidth: true,
outlineStyle: true,
outlineColor: true
}
};
var CSSProperty = {
isUnitlessNumber: isUnitlessNumber,
shorthandPropertyExpansions: shorthandPropertyExpansions
};
exports["default"] = CSSProperty;
/***/ }),
/***/ 18043:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
var _CSSProperty = __webpack_require__(5768);
var _CSSProperty2 = _interopRequireDefault(_CSSProperty);
var _warning = __webpack_require__(28114);
var _warning2 = _interopRequireDefault(_warning);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* Copyright 2013-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*
* @providesModule dangerousStyleValue
*/
var isUnitlessNumber = _CSSProperty2.default.isUnitlessNumber;
var styleWarnings = {};
/**
* Convert a value into the proper css writable value. The style name `name`
* should be logical (no hyphens), as specified
* in `CSSProperty.isUnitlessNumber`.
*
* @param {string} name CSS property name such as `topMargin`.
* @param {*} value CSS property value such as `10px`.
* @param {ReactDOMComponent} component
* @return {string} Normalized style value with dimensions applied.
*/
function dangerousStyleValue(name, value, component) {
// Note that we've removed escapeTextForBrowser() calls here since the
// whole string will be escaped when the attribute is injected into
// the markup. If you provide unsafe user data here they can inject
// arbitrary CSS which may be problematic (I couldn't repro this):
// https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
// http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
// This is not an XSS hole but instead a potential CSS injection issue
// which has lead to a greater discussion about how we're going to
// trust URLs moving forward. See #2115901
var isEmpty = value == null || typeof value === 'boolean' || value === '';
if (isEmpty) {
return '';
}
var isNonNumeric = isNaN(value);
if (isNonNumeric || value === 0 || isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name]) {
return '' + value; // cast to string
}
if (typeof value === 'string') {
if (false) { var warnings, warned, ownerName, owner; }
value = value.trim();
}
return value + 'px';
}
exports["default"] = dangerousStyleValue;
/***/ }),
/***/ 98213:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.processStyleName = undefined;
exports.createMarkupForStyles = createMarkupForStyles;
var _camelizeStyleName = __webpack_require__(73672);
var _camelizeStyleName2 = _interopRequireDefault(_camelizeStyleName);
var _dangerousStyleValue = __webpack_require__(18043);
var _dangerousStyleValue2 = _interopRequireDefault(_dangerousStyleValue);
var _hyphenateStyleName = __webpack_require__(13510);
var _hyphenateStyleName2 = _interopRequireDefault(_hyphenateStyleName);
var _memoizeStringOnly = __webpack_require__(79036);
var _memoizeStringOnly2 = _interopRequireDefault(_memoizeStringOnly);
var _warning = __webpack_require__(28114);
var _warning2 = _interopRequireDefault(_warning);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var processStyleName = exports.processStyleName = (0, _memoizeStringOnly2.default)(_hyphenateStyleName2.default); /**
* Copyright 2013-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*
* @providesModule CSSPropertyOperations
*/
if (false) { var warnValidStyle, checkRenderMessage, warnStyleValueIsNaN, warnStyleValueWithSemicolon, warnBadVendoredStyleName, warnHyphenatedStyleName, warnedForNaNValue, warnedStyleValues, warnedStyleNames, badStyleValueWithSemicolonPattern, badVendoredStyleNamePattern; }
/**
* Serializes a mapping of style properties for use as inline styles:
*
* > createMarkupForStyles({width: '200px', height: 0})
* "width:200px;height:0;"
*
* Undefined values are ignored so that declarative programming is easier.
* The result should be HTML-escaped before insertion into the DOM.
*
* @param {object} styles
* @param {ReactDOMComponent} component
* @return {?string}
*/
function createMarkupForStyles(styles, component) {
var serialized = '';
for (var styleName in styles) {
var isCustomProp = styleName.indexOf('--') === 0;
if (!styles.hasOwnProperty(styleName)) {
continue;
}
if (styleName === 'label') {
continue;
}
var styleValue = styles[styleName];
if (false) {}
if (styleValue != null) {
if (isCustomProp) {
serialized += styleName + ':' + styleValue + ';';
} else {
serialized += processStyleName(styleName) + ':';
serialized += (0, _dangerousStyleValue2.default)(styleName, styleValue, component) + ';';
}
}
}
return serialized || null;
}
/***/ }),
/***/ 80651:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
exports["default"] = clean;
// Returns true for null, false, undefined and {}
function isFalsy(value) {
return value === null || value === undefined || value === false || (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && Object.keys(value).length === 0;
}
function cleanObject(object) {
if (isFalsy(object)) return null;
if ((typeof object === 'undefined' ? 'undefined' : _typeof(object)) !== 'object') return object;
var acc = {},
keys = Object.keys(object),
hasFalsy = false;
for (var i = 0; i < keys.length; i++) {
var value = object[keys[i]];
var filteredValue = clean(value);
if (filteredValue === null || filteredValue !== value) {
hasFalsy = true;
}
if (filteredValue !== null) {
acc[keys[i]] = filteredValue;
}
}
return Object.keys(acc).length === 0 ? null : hasFalsy ? acc : object;
}
function cleanArray(rules) {
var hasFalsy = false;
var filtered = [];
rules.forEach(function (rule) {
var filteredRule = clean(rule);
if (filteredRule === null || filteredRule !== rule) {
hasFalsy = true;
}
if (filteredRule !== null) {
filtered.push(filteredRule);
}
});
return filtered.length == 0 ? null : hasFalsy ? filtered : rules;
}
// Takes style array or object provided by user and clears all the falsy data
// If there is no styles left after filtration returns null
function clean(input) {
return Array.isArray(input) ? cleanArray(input) : cleanObject(input);
}
/***/ }),
/***/ 65389:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = doHash;
// murmurhash2 via https://gist.github.com/raycmorgan/588423
function doHash(str, seed) {
var m = 0x5bd1e995;
var r = 24;
var h = seed ^ str.length;
var length = str.length;
var currentIndex = 0;
while (length >= 4) {
var k = UInt32(str, currentIndex);
k = Umul32(k, m);
k ^= k >>> r;
k = Umul32(k, m);
h = Umul32(h, m);
h ^= k;
currentIndex += 4;
length -= 4;
}
switch (length) {
case 3:
h ^= UInt16(str, currentIndex);
h ^= str.charCodeAt(currentIndex + 2) << 16;
h = Umul32(h, m);
break;
case 2:
h ^= UInt16(str, currentIndex);
h = Umul32(h, m);
break;
case 1:
h ^= str.charCodeAt(currentIndex);
h = Umul32(h, m);
break;
}
h ^= h >>> 13;
h = Umul32(h, m);
h ^= h >>> 15;
return h >>> 0;
}
function UInt32(str, pos) {
return str.charCodeAt(pos++) + (str.charCodeAt(pos++) << 8) + (str.charCodeAt(pos++) << 16) + (str.charCodeAt(pos) << 24);
}
function UInt16(str, pos) {
return str.charCodeAt(pos++) + (str.charCodeAt(pos++) << 8);
}
function Umul32(n, m) {
n = n | 0;
m = m | 0;
var nlo = n & 0xffff;
var nhi = n >>> 16;
var res = nlo * m + ((nhi * m & 0xffff) << 16) | 0;
return res;
}
/***/ }),
/***/ 317:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
__webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = undefined;
__webpack_unused_export__ = speedy;
__webpack_unused_export__ = simulations;
__webpack_unused_export__ = simulate;
__webpack_unused_export__ = cssLabels;
__webpack_unused_export__ = isLikeRule;
__webpack_unused_export__ = idFor;
exports.iv = css;
__webpack_unused_export__ = rehydrate;
__webpack_unused_export__ = flush;
__webpack_unused_export__ = select;
__webpack_unused_export__ = parent;
__webpack_unused_export__ = media;
__webpack_unused_export__ = pseudo;
__webpack_unused_export__ = active;
__webpack_unused_export__ = any;
__webpack_unused_export__ = checked;
__webpack_unused_export__ = disabled;
__webpack_unused_export__ = empty;
__webpack_unused_export__ = enabled;
__webpack_unused_export__ = _default;
__webpack_unused_export__ = first;
__webpack_unused_export__ = firstChild;
__webpack_unused_export__ = firstOfType;
__webpack_unused_export__ = fullscreen;
__webpack_unused_export__ = focus;
__webpack_unused_export__ = hover;
__webpack_unused_export__ = indeterminate;
__webpack_unused_export__ = inRange;
__webpack_unused_export__ = invalid;
__webpack_unused_export__ = lastChild;
__webpack_unused_export__ = lastOfType;
__webpack_unused_export__ = left;
__webpack_unused_export__ = link;
__webpack_unused_export__ = onlyChild;
__webpack_unused_export__ = onlyOfType;
__webpack_unused_export__ = optional;
__webpack_unused_export__ = outOfRange;
__webpack_unused_export__ = readOnly;
__webpack_unused_export__ = readWrite;
__webpack_unused_export__ = required;
__webpack_unused_export__ = right;
__webpack_unused_export__ = root;
__webpack_unused_export__ = scope;
__webpack_unused_export__ = target;
__webpack_unused_export__ = valid;
__webpack_unused_export__ = visited;
__webpack_unused_export__ = dir;
__webpack_unused_export__ = lang;
__webpack_unused_export__ = not;
__webpack_unused_export__ = nthChild;
__webpack_unused_export__ = nthLastChild;
__webpack_unused_export__ = nthLastOfType;
__webpack_unused_export__ = nthOfType;
__webpack_unused_export__ = after;
__webpack_unused_export__ = before;
__webpack_unused_export__ = firstLetter;
__webpack_unused_export__ = firstLine;
__webpack_unused_export__ = selection;
__webpack_unused_export__ = backdrop;
__webpack_unused_export__ = placeholder;
__webpack_unused_export__ = cssFor;
__webpack_unused_export__ = attribsFor;
var _objectAssign = __webpack_require__(81818);
var _objectAssign2 = _interopRequireDefault(_objectAssign);
var _sheet = __webpack_require__(27889);
var _CSSPropertyOperations = __webpack_require__(98213);
var _clean = __webpack_require__(80651);
var _clean2 = _interopRequireDefault(_clean);
var _plugins = __webpack_require__(69944);
var _hash = __webpack_require__(65389);
var _hash2 = _interopRequireDefault(_hash);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/* stylesheet */
var styleSheet = __webpack_unused_export__ = new _sheet.StyleSheet();
// an isomorphic StyleSheet shim. hides all the nitty gritty.
// /**************** LIFTOFF IN 3... 2... 1... ****************/
styleSheet.inject(); //eslint-disable-line indent
// /**************** TO THE MOOOOOOON ****************/
// convenience function to toggle speedy
function speedy(bool) {
return styleSheet.speedy(bool);
}
// plugins
// we include these by default
var plugins = __webpack_unused_export__ = styleSheet.plugins = new _plugins.PluginSet([_plugins.prefixes, _plugins.contentWrap, _plugins.fallbacks]);
plugins.media = new _plugins.PluginSet(); // neat! media, font-face, keyframes
plugins.fontFace = new _plugins.PluginSet();
plugins.keyframes = new _plugins.PluginSet([_plugins.prefixes, _plugins.fallbacks]);
// define some constants
var isDev = false || !"production";
var isTest = "production" === 'test';
var isBrowser = typeof window !== 'undefined';
/**** simulations ****/
// a flag to enable simulation meta tags on dom nodes
// defaults to true in dev mode. recommend *not* to
// toggle often.
var canSimulate = isDev;
// we use these flags for issuing warnings when simulate is called
// in prod / in incorrect order
var warned1 = false,
warned2 = false;
// toggles simulation activity. shouldn't be needed in most cases
function simulations() {
var bool = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
canSimulate = !!bool;
}
// use this on dom nodes to 'simulate' pseudoclasses
// <div {...hover({ color: 'red' })} {...simulate('hover', 'visited')}>...</div>
// you can even send in some weird ones, as long as it's in simple format
// and matches an existing rule on the element
// eg simulate('nthChild2', ':hover:active') etc
function simulate() {
for (var _len = arguments.length, pseudos = Array(_len), _key = 0; _key < _len; _key++) {
pseudos[_key] = arguments[_key];
}
pseudos = (0, _clean2.default)(pseudos);
if (!pseudos) return {};
if (!canSimulate) {
if (!warned1) {
console.warn('can\'t simulate without once calling simulations(true)'); //eslint-disable-line no-console
warned1 = true;
}
if (!isDev && !isTest && !warned2) {
console.warn('don\'t use simulation outside dev'); //eslint-disable-line no-console
warned2 = true;
}
return {};
}
return pseudos.reduce(function (o, p) {
return o['data-simulate-' + simple(p)] = '', o;
}, {});
}
/**** labels ****/
// toggle for debug labels.
// *shouldn't* have to mess with this manually
var hasLabels = isDev;
function cssLabels(bool) {
hasLabels = !!bool;
}
// takes a string, converts to lowercase, strips out nonalphanumeric.
function simple(str) {
var char = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
return str.toLowerCase().replace(/[^a-z0-9]/g, char);
}
// hashes a string to something 'unique'
// we use this to generate ids for styles
function hashify(obj) {
var str = JSON.stringify(obj);
var toRet = (0, _hash2.default)(str).toString(36);
if (obj.label && obj.label.length > 0 && isDev) {
return simple(obj.label.join('.'), '-') + '-' + toRet;
}
return toRet;
}
// of shape { 'data-css-<id>': '' }
function isLikeRule(rule) {
var keys = Object.keys(rule).filter(function (x) {
return x !== 'toString';
});
if (keys.length !== 1) {
return false;
}
return !!/data\-css\-([a-zA-Z0-9\-_]+)/.exec(keys[0]);
}
// extracts id from a { 'data-css-<id>': ''} like object
function idFor(rule) {
var keys = Object.keys(rule).filter(function (x) {
return x !== 'toString';
});
if (keys.length !== 1) throw new Error('not a rule');
var regex = /data\-css\-([a-zA-Z0-9\-_]+)/;
var match = regex.exec(keys[0]);
if (!match) throw new Error('not a rule');
return match[1];
}
// from https://github.com/j2css/j2c/blob/5d381c2d721d04b54fabe6a165d587247c3087cb/src/helpers.js#L28-L61
// "Tokenizes" the selectors into parts relevant for the next function.
// Strings and comments are matched, but ignored afterwards.
// This is not a full tokenizers. It only recognizes comas, parentheses,
// strings and comments.
// regexp generated by scripts/regexps.js then trimmed by hand
var selectorTokenizer = /[(),]|"(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\//g;
/**
* This will split a coma-separated selector list into individual selectors,
* ignoring comas in strings, comments and in :pseudo-selectors(parameter, lists).
*
* @param {string} selector
* @return {string[]}
*/
function splitSelector(selector) {
if (selector.indexOf(',') === -1) {
return [selector];
}
var indices = [],
res = [],
inParen = 0,
o;
/*eslint-disable no-cond-assign*/
while (o = selectorTokenizer.exec(selector)) {
/*eslint-enable no-cond-assign*/
switch (o[0]) {
case '(':
inParen++;break;
case ')':
inParen--;break;
case ',':
if (inParen) break;indices.push(o.index);
}
}
for (o = indices.length; o--;) {
res.unshift(selector.slice(indices[o] + 1));
selector = selector.slice(0, indices[o]);
}
res.unshift(selector);
return res;
}
function selector(id, path) {
if (!id) {
return path.replace(/\&/g, '');
}
if (!path) return '.css-' + id + ',[data-css-' + id + ']';
var x = splitSelector(path).map(function (x) {
return x.indexOf('&') >= 0 ? [x.replace(/\&/mg, '.css-' + id), x.replace(/\&/mg, '[data-css-' + id + ']')].join(',') // todo - make sure each sub selector has an &
: '.css-' + id + x + ',[data-css-' + id + ']' + x;
}).join(',');
if (canSimulate && /^\&\:/.exec(path) && !/\s/.exec(path)) {
x += ',.css-' + id + '[data-simulate-' + simple(path) + '],[data-css-' + id + '][data-simulate-' + simple(path) + ']';
}
return x;
}
// end https://github.com/j2css/j2c/blob/5d381c2d721d04b54fabe6a165d587247c3087cb/src/helpers.js#L28-L61
function toCSS(_ref) {
var selector = _ref.selector,
style = _ref.style;
var result = plugins.transform({ selector: selector, style: style });
return result.selector + '{' + (0, _CSSPropertyOperations.createMarkupForStyles)(result.style) + '}';
}
function deconstruct(style) {
// we can be sure it's not infinitely nested here
var plain = void 0,
selects = void 0,
medias = void 0,
supports = void 0;
Object.keys(style).forEach(function (key) {
if (key.indexOf('&') >= 0) {
selects = selects || {};
selects[key] = style[key];
} else if (key.indexOf('@media') === 0) {
medias = medias || {};
medias[key] = deconstruct(style[key]);
} else if (key.indexOf('@supports') === 0) {
supports = supports || {};
supports[key] = deconstruct(style[key]);
} else if (key === 'label') {
if (style.label.length > 0) {
plain = plain || {};
plain.label = hasLabels ? style.label.join('.') : '';
}
} else {
plain = plain || {};
plain[key] = style[key];
}
});
return { plain: plain, selects: selects, medias: medias, supports: supports };
}
function deconstructedStyleToCSS(id, style) {
var css = [];
// plugins here
var plain = style.plain,
selects = style.selects,
medias = style.medias,
supports = style.supports;
if (plain) {
css.push(toCSS({ style: plain, selector: selector(id) }));
}
if (selects) {
Object.keys(selects).forEach(function (key) {
return css.push(toCSS({ style: selects[key], selector: selector(id, key) }));
});
}
if (medias) {
Object.keys(medias).forEach(function (key) {
return css.push(key + '{' + deconstructedStyleToCSS(id, medias[key]).join('') + '}');
});
}
if (supports) {
Object.keys(supports).forEach(function (key) {
return css.push(key + '{' + deconstructedStyleToCSS(id, supports[key]).join('') + '}');
});
}
return css;
}
// this cache to track which rules have
// been inserted into the stylesheet
var inserted = styleSheet.inserted = {};
// and helpers to insert rules into said styleSheet
function insert(spec) {
if (!inserted[spec.id]) {
inserted[spec.id] = true;
var deconstructed = deconstruct(spec.style);
var rules = deconstructedStyleToCSS(spec.id, deconstructed);
inserted[spec.id] = isBrowser ? true : rules;
rules.forEach(function (cssRule) {
return styleSheet.insert(cssRule);
});
}
}
// a simple cache to store generated rules
var registered = styleSheet.registered = {};
function register(spec) {
if (!registered[spec.id]) {
registered[spec.id] = spec;
}
}
function _getRegistered(rule) {
if (isLikeRule(rule)) {
var ret = registered[idFor(rule)];
if (ret == null) {
throw new Error('[glamor] an unexpected rule cache miss occurred. This is probably a sign of multiple glamor instances in your app. See https://github.com/threepointone/glamor/issues/79');
}
return ret;
}
return rule;
}
// todo - perf
var ruleCache = {};
function toRule(spec) {
register(spec);
insert(spec);
if (ruleCache[spec.id]) {
return ruleCache[spec.id];
}
var ret = _defineProperty({}, 'data-css-' + spec.id, hasLabels ? spec.label || '' : '');
Object.defineProperty(ret, 'toString', {
enumerable: false, value: function value() {
return 'css-' + spec.id;
}
});
ruleCache[spec.id] = ret;
return ret;
}
function log() {
//eslint-disable-line no-unused-vars
console.log(this); //eslint-disable-line no-console
return this;
}
function isSelector(key) {
var possibles = [':', '.', '[', '>', ' '],
found = false,
ch = key.charAt(0);
for (var i = 0; i < possibles.length; i++) {
if (ch === possibles[i]) {
found = true;
break;
}
}
return found || key.indexOf('&') >= 0;
}
function joinSelectors(a, b) {
var as = splitSelector(a).map(function (a) {
return !(a.indexOf('&') >= 0) ? '&' + a : a;
});
var bs = splitSelector(b).map(function (b) {
return !(b.indexOf('&') >= 0) ? '&' + b : b;
});
return bs.reduce(function (arr, b) {
return arr.concat(as.map(function (a) {
return b.replace(/\&/g, a);
}));
}, []).join(',');
}
function joinMediaQueries(a, b) {
return a ? '@media ' + a.substring(6) + ' and ' + b.substring(6) : b;
}
function isMediaQuery(key) {
return key.indexOf('@media') === 0;
}
function isSupports(key) {
return key.indexOf('@supports') === 0;
}
function joinSupports(a, b) {
return a ? '@supports ' + a.substring(9) + ' and ' + b.substring(9) : b;
}
// flatten a nested array
function flatten(inArr) {
var arr = [];
for (var i = 0; i < inArr.length; i++) {
if (Array.isArray(inArr[i])) arr = arr.concat(flatten(inArr[i]));else arr = arr.concat(inArr[i]);
}
return arr;
}
var prefixedPseudoSelectors = {
'::placeholder': ['::-webkit-input-placeholder', '::-moz-placeholder', '::-ms-input-placeholder'],
':fullscreen': [':-webkit-full-screen', ':-moz-full-screen', ':-ms-fullscreen']
// mutable! modifies dest.
};function build(dest, _ref2) {
var _ref2$selector = _ref2.selector,
selector = _ref2$selector === undefined ? '' : _ref2$selector,
_ref2$mq = _ref2.mq,
mq = _ref2$mq === undefined ? '' : _ref2$mq,
_ref2$supp = _ref2.supp,
supp = _ref2$supp === undefined ? '' : _ref2$supp,
_ref2$src = _ref2.src,
src = _ref2$src === undefined ? {} : _ref2$src;
if (!Array.isArray(src)) {
src = [src];
}
src = flatten(src);
src.forEach(function (_src) {
if (isLikeRule(_src)) {
var reg = _getRegistered(_src);
if (reg.type !== 'css') {
throw new Error('cannot merge this rule');
}
_src = reg.style;
}
_src = (0, _clean2.default)(_src);
if (_src && _src.composes) {
build(dest, { selector: selector, mq: mq, supp: supp, src: _src.composes });
}
Object.keys(_src || {}).forEach(function (key) {
if (isSelector(key)) {
if (prefixedPseudoSelectors[key]) {
prefixedPseudoSelectors[key].forEach(function (p) {
return build(dest, { selector: joinSelectors(selector, p), mq: mq, supp: supp, src: _src[key] });
});
}
build(dest, { selector: joinSelectors(selector, key), mq: mq, supp: supp, src: _src[key] });
} else if (isMediaQuery(key)) {
build(dest, { selector: selector, mq: joinMediaQueries(mq, key), supp: supp, src: _src[key] });
} else if (isSupports(key)) {
build(dest, { selector: selector, mq: mq, supp: joinSupports(supp, key), src: _src[key] });
} else if (key === 'composes') {
// ignore, we already dealth with it
} else {
var _dest = dest;
if (supp) {
_dest[supp] = _dest[supp] || {};
_dest = _dest[supp];
}
if (mq) {
_dest[mq] = _dest[mq] || {};
_dest = _dest[mq];
}
if (selector) {
_dest[selector] = _dest[selector] || {};
_dest = _dest[selector];
}
if (key === 'label') {
if (hasLabels) {
dest.label = dest.label.concat(_src.label);
}
} else {
_dest[key] = _src[key];
}
}
});
});
}
function _css(rules) {
var style = { label: [] };
build(style, { src: rules }); // mutative! but worth it.
var spec = {
id: hashify(style),
style: style, label: hasLabels ? style.label.join('.') : '',
type: 'css'
};
return toRule(spec);
}
var nullrule = {
// 'data-css-nil': ''
};
Object.defineProperty(nullrule, 'toString', {
enumerable: false, value: function value() {
return 'css-nil';
}
});
var inputCaches = typeof WeakMap !== 'undefined' ? [nullrule, new WeakMap(), new WeakMap(), new WeakMap()] : [nullrule];
var warnedWeakMapError = false;
function multiIndexCache(fn) {
return function (args) {
if (inputCaches[args.length]) {
var coi = inputCaches[args.length];
var ctr = 0;
while (ctr < args.length - 1) {
if (!coi.has(args[ctr])) {
coi.set(args[ctr], new WeakMap());
}
coi = coi.get(args[ctr]);
ctr++;
}
if (coi.has(args[args.length - 1])) {
var ret = coi.get(args[ctr]);
if (registered[ret.toString().substring(4)]) {
// make sure it hasn't been flushed
return ret;
}
}
}
var value = fn(args);
if (inputCaches[args.length]) {
var _ctr = 0,
_coi = inputCaches[args.length];
while (_ctr < args.length - 1) {
_coi = _coi.get(args[_ctr]);
_ctr++;
}
try {
_coi.set(args[_ctr], value);
} catch (err) {
if (isDev && !warnedWeakMapError) {
var _console;
warnedWeakMapError = true;
(_console = console).warn.apply(_console, ['failed setting the WeakMap cache for args:'].concat(_toConsumableArray(args))); // eslint-disable-line no-console
console.warn('this should NOT happen, please file a bug on the github repo.'); // eslint-disable-line no-console
}
}
}
return value;
};
}
var cachedCss = typeof WeakMap !== 'undefined' ? multiIndexCache(_css) : _css;
function css() {
for (var _len2 = arguments.length, rules = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
rules[_key2] = arguments[_key2];
}
if (rules[0] && rules[0].length && rules[0].raw) {
throw new Error('you forgot to include glamor/babel in your babel plugins.');
}
rules = (0, _clean2.default)(rules);
if (!rules) {
return nullrule;
}
return cachedCss(rules);
}
css.insert = function (css) {
var spec = {
id: hashify(css),
css: css,
type: 'raw'
};
register(spec);
if (!inserted[spec.id]) {
styleSheet.insert(spec.css);
inserted[spec.id] = isBrowser ? true : [spec.css];
}
};
var insertRule = __webpack_unused_export__ = css.insert;
css.global = function (selector, style) {
style = (0, _clean2.default)(style);
if (style) {
return css.insert(toCSS({ selector: selector, style: style }));
}
};
var insertGlobal = __webpack_unused_export__ = css.global;
function insertKeyframe(spec) {
if (!inserted[spec.id]) {
var inner = Object.keys(spec.keyframes).map(function (kf) {
var result = plugins.keyframes.transform({ id: spec.id, name: kf, style: spec.keyframes[kf] });
return result.name + '{' + (0, _CSSPropertyOperations.createMarkupForStyles)(result.style) + '}';
}).join('');
var rules = ['-webkit-', '-moz-', '-o-', ''].map(function (prefix) {
return '@' + prefix + 'keyframes ' + (spec.name + '_' + spec.id) + '{' + inner + '}';
});
rules.forEach(function (rule) {
return styleSheet.insert(rule);
});
inserted[spec.id] = isBrowser ? true : rules;
}
}
css.keyframes = function (name, kfs) {
if (!kfs) {
kfs = name, name = 'animation';
}
// do not ignore empty keyframe definitions for now.
kfs = (0, _clean2.default)(kfs) || {};
var spec = {
id: hashify({ name: name, kfs: kfs }),
type: 'keyframes',
name: name,
keyframes: kfs
};
register(spec);
insertKeyframe(spec);
return name + '_' + spec.id;
};
// we don't go all out for fonts as much, giving a simple font loading strategy
// use a fancier lib if you need moar power
css.fontFace = function (font) {
font = (0, _clean2.default)(font);
var spec = {
id: hashify(font),
type: 'font-face',
font: font
};
register(spec);
insertFontFace(spec);
return font.fontFamily;
};
var fontFace = __webpack_unused_export__ = css.fontFace;
var keyframes = __webpack_unused_export__ = css.keyframes;
function insertFontFace(spec) {
if (!inserted[spec.id]) {
var rule = '@font-face{' + (0, _CSSPropertyOperations.createMarkupForStyles)(spec.font) + '}';
styleSheet.insert(rule);
inserted[spec.id] = isBrowser ? true : [rule];
}
}
// rehydrate the insertion cache with ids sent from
// renderStatic / renderStaticOptimized
function rehydrate(ids) {
// load up ids
(0, _objectAssign2.default)(inserted, ids.reduce(function (o, i) {
return o[i] = true, o;
}, {}));
// assume css loaded separately
}
// clears out the cache and empties the stylesheet
// best for tests, though there might be some value for SSR.
function flush() {
inserted = styleSheet.inserted = {};
registered = styleSheet.registered = {};
ruleCache = {};
styleSheet.flush();
styleSheet.inject();
}
var presets = __webpack_unused_export__ = {
mobile: '(min-width: 400px)',
Mobile: '@media (min-width: 400px)',
phablet: '(min-width: 550px)',
Phablet: '@media (min-width: 550px)',
tablet: '(min-width: 750px)',
Tablet: '@media (min-width: 750px)',
desktop: '(min-width: 1000px)',
Desktop: '@media (min-width: 1000px)',
hd: '(min-width: 1200px)',
Hd: '@media (min-width: 1200px)'
};
var style = __webpack_unused_export__ = css;
function select(selector) {
for (var _len3 = arguments.length, styles = Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
styles[_key3 - 1] = arguments[_key3];
}
if (!selector) {
return style(styles);
}
return css(_defineProperty({}, selector, styles));
}
var $ = __webpack_unused_export__ = select;
function parent(selector) {
for (var _len4 = arguments.length, styles = Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
styles[_key4 - 1] = arguments[_key4];
}
return css(_defineProperty({}, selector + ' &', styles));
}
var merge = __webpack_unused_export__ = css;
var compose = __webpack_unused_export__ = css;
function media(query) {
for (var _len5 = arguments.length, rules = Array(_len5 > 1 ? _len5 - 1 : 0), _key5 = 1; _key5 < _len5; _key5++) {
rules[_key5 - 1] = arguments[_key5];
}
return css(_defineProperty({}, '@media ' + query, rules));
}
function pseudo(selector) {
for (var _len6 = arguments.length, styles = Array(_len6 > 1 ? _len6 - 1 : 0), _key6 = 1; _key6 < _len6; _key6++) {
styles[_key6 - 1] = arguments[_key6];
}
return css(_defineProperty({}, selector, styles));
}
// allllll the pseudoclasses
function active(x) {
return pseudo(':active', x);
}
function any(x) {
return pseudo(':any', x);
}
function checked(x) {
return pseudo(':checked', x);
}
function disabled(x) {
return pseudo(':disabled', x);
}
function empty(x) {
return pseudo(':empty', x);
}
function enabled(x) {
return pseudo(':enabled', x);
}
function _default(x) {
return pseudo(':default', x); // note '_default' name
}
function first(x) {
return pseudo(':first', x);
}
function firstChild(x) {
return pseudo(':first-child', x);
}
function firstOfType(x) {
return pseudo(':first-of-type', x);
}
function fullscreen(x) {
return pseudo(':fullscreen', x);
}
function focus(x) {
return pseudo(':focus', x);
}
function hover(x) {
return pseudo(':hover', x);
}
function indeterminate(x) {
return pseudo(':indeterminate', x);
}
function inRange(x) {
return pseudo(':in-range', x);
}
function invalid(x) {
return pseudo(':invalid', x);
}
function lastChild(x) {
return pseudo(':last-child', x);
}
function lastOfType(x) {
return pseudo(':last-of-type', x);
}
function left(x) {
return pseudo(':left', x);
}
function link(x) {
return pseudo(':link', x);
}
function onlyChild(x) {
return pseudo(':only-child', x);
}
function onlyOfType(x) {
return pseudo(':only-of-type', x);
}
function optional(x) {
return pseudo(':optional', x);
}
function outOfRange(x) {
return pseudo(':out-of-range', x);
}
function readOnly(x) {
return pseudo(':read-only', x);
}
function readWrite(x) {
return pseudo(':read-write', x);
}
function required(x) {
return pseudo(':required', x);
}
function right(x) {
return pseudo(':right', x);
}
function root(x) {
return pseudo(':root', x);
}
function scope(x) {
return pseudo(':scope', x);
}
function target(x) {
return pseudo(':target', x);
}
function valid(x) {
return pseudo(':valid', x);
}
function visited(x) {
return pseudo(':visited', x);
}
// parameterized pseudoclasses
function dir(p, x) {
return pseudo(':dir(' + p + ')', x);
}
function lang(p, x) {
return pseudo(':lang(' + p + ')', x);
}
function not(p, x) {
// should this be a plugin?
var selector = p.split(',').map(function (x) {
return x.trim();
}).map(function (x) {
return ':not(' + x + ')';
});
if (selector.length === 1) {
return pseudo(':not(' + p + ')', x);
}
return select(selector.join(''), x);
}
function nthChild(p, x) {
return pseudo(':nth-child(' + p + ')', x);
}
function nthLastChild(p, x) {
return pseudo(':nth-last-child(' + p + ')', x);
}
function nthLastOfType(p, x) {
return pseudo(':nth-last-of-type(' + p + ')', x);
}
function nthOfType(p, x) {
return pseudo(':nth-of-type(' + p + ')', x);
}
// pseudoelements
function after(x) {
return pseudo('::after', x);
}
function before(x) {
return pseudo('::before', x);
}
function firstLetter(x) {
return pseudo('::first-letter', x);
}
function firstLine(x) {
return pseudo('::first-line', x);
}
function selection(x) {
return pseudo('::selection', x);
}
function backdrop(x) {
return pseudo('::backdrop', x);
}
function placeholder(x) {
// https://github.com/threepointone/glamor/issues/14
return css({ '::placeholder': x });
}
/*** helpers for web components ***/
// https://github.com/threepointone/glamor/issues/16
function cssFor() {
for (var _len7 = arguments.length, rules = Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
rules[_key7] = arguments[_key7];
}
rules = (0, _clean2.default)(rules);
return rules ? rules.map(function (r) {
var style = { label: [] };
build(style, { src: r }); // mutative! but worth it.
return deconstructedStyleToCSS(hashify(style), deconstruct(style)).join('');
}).join('') : '';
}
function attribsFor() {
for (var _len8 = arguments.length, rules = Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
rules[_key8] = arguments[_key8];
}
rules = (0, _clean2.default)(rules);
var htmlAttributes = rules ? rules.map(function (rule) {
idFor(rule); // throwaway check for rule
var key = Object.keys(rule)[0],
value = rule[key];
return key + '="' + (value || '') + '"';
}).join(' ') : '';
return htmlAttributes;
}
/***/ }),
/***/ 69944:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
var _extends = Object.assign || 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; };
exports.PluginSet = PluginSet;
exports.fallbacks = fallbacks;
exports.contentWrap = contentWrap;
exports.prefixes = prefixes;
var _objectAssign = __webpack_require__(81818);
var _objectAssign2 = _interopRequireDefault(_objectAssign);
var _CSSPropertyOperations = __webpack_require__(98213);
var _prefixer = __webpack_require__(24993);
var _prefixer2 = _interopRequireDefault(_prefixer);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var isDev = function (x) {
return x === 'development' || !x;
}("production");
function PluginSet(initial) {
this.fns = initial || [];
}
(0, _objectAssign2.default)(PluginSet.prototype, {
add: function add() {
var _this = this;
for (var _len = arguments.length, fns = Array(_len), _key = 0; _key < _len; _key++) {
fns[_key] = arguments[_key];
}
fns.forEach(function (fn) {
if (_this.fns.indexOf(fn) >= 0) {
if (isDev) {
console.warn('adding the same plugin again, ignoring'); //eslint-disable-line no-console
}
} else {
_this.fns = [fn].concat(_this.fns);
}
});
},
remove: function remove(fn) {
this.fns = this.fns.filter(function (x) {
return x !== fn;
});
},
clear: function clear() {
this.fns = [];
},
transform: function transform(o) {
return this.fns.reduce(function (o, fn) {
return fn(o);
}, o);
}
});
function fallbacks(node) {
var hasArray = Object.keys(node.style).map(function (x) {
return Array.isArray(node.style[x]);
}).indexOf(true) >= 0;
if (hasArray) {
var style = node.style;
var flattened = Object.keys(style).reduce(function (o, key) {
o[key] = Array.isArray(style[key]) ? style[key].join('; ' + (0, _CSSPropertyOperations.processStyleName)(key) + ': ') : style[key];
return o;
}, {});
// todo -
// flatten arrays which haven't been flattened yet
return (0, _objectAssign2.default)({}, node, { style: flattened });
}
return node;
}
var contentValues = ['normal', 'none', 'counter', 'open-quote', 'close-quote', 'no-open-quote', 'no-close-quote', 'initial', 'inherit'];
function contentWrap(node) {
if (node.style.content) {
var cont = node.style.content;
if (contentValues.indexOf(cont) >= 0) {
return node;
}
if (/^(attr|calc|counters?|url)\(/.test(cont)) {
return node;
}
if (cont.charAt(0) === cont.charAt(cont.length - 1) && (cont.charAt(0) === '"' || cont.charAt(0) === "'")) {
return node;
}
return _extends({}, node, { style: _extends({}, node.style, { content: '"' + cont + '"' }) });
}
return node;
}
function prefixes(node) {
return (0, _objectAssign2.default)({}, node, { style: (0, _prefixer2.default)(_extends({}, node.style)) });
}
/***/ }),
/***/ 24993:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = prefixer;
var _staticData = __webpack_require__(16526);
var _staticData2 = _interopRequireDefault(_staticData);
var _prefixProperty = __webpack_require__(23736);
var _prefixProperty2 = _interopRequireDefault(_prefixProperty);
var _prefixValue = __webpack_require__(10416);
var _prefixValue2 = _interopRequireDefault(_prefixValue);
var _cursor = __webpack_require__(23098);
var _cursor2 = _interopRequireDefault(_cursor);
var _crossFade = __webpack_require__(52271);
var _crossFade2 = _interopRequireDefault(_crossFade);
var _filter = __webpack_require__(40273);
var _filter2 = _interopRequireDefault(_filter);
var _flex = __webpack_require__(35457);
var _flex2 = _interopRequireDefault(_flex);
var _flexboxOld = __webpack_require__(19751);
var _flexboxOld2 = _interopRequireDefault(_flexboxOld);
var _gradient = __webpack_require__(79410);
var _gradient2 = _interopRequireDefault(_gradient);
var _imageSet = __webpack_require__(4569);
var _imageSet2 = _interopRequireDefault(_imageSet);
var _position = __webpack_require__(84549);
var _position2 = _interopRequireDefault(_position);
var _sizing = __webpack_require__(85148);
var _sizing2 = _interopRequireDefault(_sizing);
var _transition = __webpack_require__(70366);
var _transition2 = _interopRequireDefault(_transition);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var plugins = [_crossFade2.default, _cursor2.default, _filter2.default, _flexboxOld2.default, _gradient2.default, _imageSet2.default, _position2.default, _sizing2.default, _transition2.default, _flex2.default]; // custom facade for inline-style-prefixer
var prefixMap = _staticData2.default.prefixMap;
function prefixer(style) {
for (var property in style) {
var value = style[property];
var processedValue = (0, _prefixValue2.default)(plugins, property, value, style, prefixMap);
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (processedValue) {
style[property] = processedValue;
}
(0, _prefixProperty2.default)(prefixMap, property, style);
}
return style;
}
/***/ }),
/***/ 27889:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports.StyleSheet = StyleSheet;
var _objectAssign = __webpack_require__(81818);
var _objectAssign2 = _interopRequireDefault(_objectAssign);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
/*
high performance StyleSheet for css-in-js systems
- uses multiple style tags behind the scenes for millions of rules
- uses `insertRule` for appending in production for *much* faster performance
- 'polyfills' on server side
// usage
import StyleSheet from 'glamor/lib/sheet'
let styleSheet = new StyleSheet()
styleSheet.inject()
- 'injects' the stylesheet into the page (or into memory if on server)
styleSheet.insert('#box { border: 1px solid red; }')
- appends a css rule into the stylesheet
styleSheet.flush()
- empties the stylesheet of all its contents
*/
function last(arr) {
return arr[arr.length - 1];
}
function sheetForTag(tag) {
if (tag.sheet) {
return tag.sheet;
}
// this weirdness brought to you by firefox
for (var i = 0; i < document.styleSheets.length; i++) {
if (document.styleSheets[i].ownerNode === tag) {
return document.styleSheets[i];
}
}
}
var isBrowser = typeof window !== 'undefined';
var isDev = false || !"production"; //(x => (x === 'development') || !x)(process.env.NODE_ENV)
var isTest = "production" === 'test';
var oldIE = function () {
if (isBrowser) {
var div = document.createElement('div');
div.innerHTML = '<!--[if lt IE 10]><i></i><![endif]-->';
return div.getElementsByTagName('i').length === 1;
}
}();
function makeStyleTag() {
var tag = document.createElement('style');
tag.type = 'text/css';
tag.setAttribute('data-glamor', '');
tag.appendChild(document.createTextNode(''));
(document.head || document.getElementsByTagName('head')[0]).appendChild(tag);
return tag;
}
function StyleSheet() {
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
_ref$speedy = _ref.speedy,
speedy = _ref$speedy === undefined ? !isDev && !isTest : _ref$speedy,
_ref$maxLength = _ref.maxLength,
maxLength = _ref$maxLength === undefined ? isBrowser && oldIE ? 4000 : 65000 : _ref$maxLength;
this.isSpeedy = speedy; // the big drawback here is that the css won't be editable in devtools
this.sheet = undefined;
this.tags = [];
this.maxLength = maxLength;
this.ctr = 0;
}
(0, _objectAssign2.default)(StyleSheet.prototype, {
getSheet: function getSheet() {
return sheetForTag(last(this.tags));
},
inject: function inject() {
var _this = this;
if (this.injected) {
throw new Error('already injected stylesheet!');
}
if (isBrowser) {
this.tags[0] = makeStyleTag();
} else {
// server side 'polyfill'. just enough behavior to be useful.
this.sheet = {
cssRules: [],
insertRule: function insertRule(rule) {
// enough 'spec compliance' to be able to extract the rules later
// in other words, just the cssText field
_this.sheet.cssRules.push({ cssText: rule });
}
};
}
this.injected = true;
},
speedy: function speedy(bool) {
if (this.ctr !== 0) {
throw new Error('cannot change speedy mode after inserting any rule to sheet. Either call speedy(' + bool + ') earlier in your app, or call flush() before speedy(' + bool + ')');
}
this.isSpeedy = !!bool;
},
_insert: function _insert(rule) {
// this weirdness for perf, and chrome's weird bug
// https://stackoverflow.com/questions/20007992/chrome-suddenly-stopped-accepting-insertrule
try {
var sheet = this.getSheet();
sheet.insertRule(rule, rule.indexOf('@import') !== -1 ? 0 : sheet.cssRules.length);
} catch (e) {
if (isDev) {
// might need beter dx for this
console.warn('whoops, illegal rule inserted', rule); //eslint-disable-line no-console
}
}
},
insert: function insert(rule) {
if (isBrowser) {
// this is the ultrafast version, works across browsers
if (this.isSpeedy && this.getSheet().insertRule) {
this._insert(rule);
}
// more browser weirdness. I don't even know
// else if(this.tags.length > 0 && this.tags::last().styleSheet) {
// this.tags::last().styleSheet.cssText+= rule
// }
else {
if (rule.indexOf('@import') !== -1) {
var tag = last(this.tags);
tag.insertBefore(document.createTextNode(rule), tag.firstChild);
} else {
last(this.tags).appendChild(document.createTextNode(rule));
}
}
} else {
// server side is pretty simple
this.sheet.insertRule(rule, rule.indexOf('@import') !== -1 ? 0 : this.sheet.cssRules.length);
}
this.ctr++;
if (isBrowser && this.ctr % this.maxLength === 0) {
this.tags.push(makeStyleTag());
}
return this.ctr - 1;
},
// commenting this out till we decide on v3's decision
// _replace(index, rule) {
// // this weirdness for perf, and chrome's weird bug
// // https://stackoverflow.com/questions/20007992/chrome-suddenly-stopped-accepting-insertrule
// try {
// let sheet = this.getSheet()
// sheet.deleteRule(index) // todo - correct index here
// sheet.insertRule(rule, index)
// }
// catch(e) {
// if(isDev) {
// // might need beter dx for this
// console.warn('whoops, problem replacing rule', rule) //eslint-disable-line no-console
// }
// }
// }
// replace(index, rule) {
// if(isBrowser) {
// if(this.isSpeedy && this.getSheet().insertRule) {
// this._replace(index, rule)
// }
// else {
// let _slot = Math.floor((index + this.maxLength) / this.maxLength) - 1
// let _index = (index % this.maxLength) + 1
// let tag = this.tags[_slot]
// tag.replaceChild(document.createTextNode(rule), tag.childNodes[_index])
// }
// }
// else {
// let rules = this.sheet.cssRules
// this.sheet.cssRules = [ ...rules.slice(0, index), { cssText: rule }, ...rules.slice(index + 1) ]
// }
// }
delete: function _delete(index) {
// we insert a blank rule when 'deleting' so previously returned indexes remain stable
return this.replace(index, '');
},
flush: function flush() {
if (isBrowser) {
this.tags.forEach(function (tag) {
return tag.parentNode.removeChild(tag);
});
this.tags = [];
this.sheet = null;
this.ctr = 0;
// todo - look for remnants in document.styleSheets
} else {
// simpler on server
this.sheet.cssRules = [];
}
this.injected = false;
},
rules: function rules() {
if (!isBrowser) {
return this.sheet.cssRules;
}
var arr = [];
this.tags.forEach(function (tag) {
return arr.splice.apply(arr, [arr.length, 0].concat(_toConsumableArray(Array.from(sheetForTag(tag).cssRules))));
});
return arr;
}
});
/***/ }),
/***/ 58630:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = hyphenateProperty;
var _hyphenateStyleName = __webpack_require__(67954);
var _hyphenateStyleName2 = _interopRequireDefault(_hyphenateStyleName);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function hyphenateProperty(property) {
return (0, _hyphenateStyleName2.default)(property);
}
module.exports = exports['default'];
/***/ }),
/***/ 7094:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = isPrefixedValue;
var regex = /-webkit-|-moz-|-ms-/;
function isPrefixedValue(value) {
return typeof value === 'string' && regex.test(value);
}
module.exports = exports['default'];
/***/ }),
/***/ 73591:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @typechecks
*/
var _hyphenPattern = /-(.)/g;
/**
* Camelcases a hyphenated string, for example:
*
* > camelize('background-color')
* < "backgroundColor"
*
* @param {string} string
* @return {string}
*/
function camelize(string) {
return string.replace(_hyphenPattern, function (_, character) {
return character.toUpperCase();
});
}
module.exports = camelize;
/***/ }),
/***/ 73672:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @typechecks
*/
var camelize = __webpack_require__(73591);
var msPattern = /^-ms-/;
/**
* Camelcases a hyphenated CSS property name, for example:
*
* > camelizeStyleName('background-color')
* < "backgroundColor"
* > camelizeStyleName('-moz-transition')
* < "MozTransition"
* > camelizeStyleName('-ms-transition')
* < "msTransition"
*
* As Andi Smith suggests
* (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
* is converted to lowercase `ms`.
*
* @param {string} string
* @return {string}
*/
function camelizeStyleName(string) {
return camelize(string.replace(msPattern, 'ms-'));
}
module.exports = camelizeStyleName;
/***/ }),
/***/ 33198:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function makeEmptyFunction(arg) {
return function () {
return arg;
};
}
/**
* This function accepts and discards inputs; it has no side effects. This is
* primarily useful idiomatically for overridable function endpoints which
* always need to be callable, since JS lacks a null-call idiom ala Cocoa.
*/
var emptyFunction = function emptyFunction() {};
emptyFunction.thatReturns = makeEmptyFunction;
emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
emptyFunction.thatReturnsNull = makeEmptyFunction(null);
emptyFunction.thatReturnsThis = function () {
return this;
};
emptyFunction.thatReturnsArgument = function (arg) {
return arg;
};
module.exports = emptyFunction;
/***/ }),
/***/ 30989:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @typechecks
*/
var _uppercasePattern = /([A-Z])/g;
/**
* Hyphenates a camelcased string, for example:
*
* > hyphenate('backgroundColor')
* < "background-color"
*
* For CSS style names, use `hyphenateStyleName` instead which works properly
* with all vendor prefixes, including `ms`.
*
* @param {string} string
* @return {string}
*/
function hyphenate(string) {
return string.replace(_uppercasePattern, '-$1').toLowerCase();
}
module.exports = hyphenate;
/***/ }),
/***/ 13510:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @typechecks
*/
var hyphenate = __webpack_require__(30989);
var msPattern = /^ms-/;
/**
* Hyphenates a camelcased CSS property name, for example:
*
* > hyphenateStyleName('backgroundColor')
* < "background-color"
* > hyphenateStyleName('MozTransition')
* < "-moz-transition"
* > hyphenateStyleName('msTransition')
* < "-ms-transition"
*
* As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
* is converted to `-ms-`.
*
* @param {string} string
* @return {string}
*/
function hyphenateStyleName(string) {
return hyphenate(string).replace(msPattern, '-ms-');
}
module.exports = hyphenateStyleName;
/***/ }),
/***/ 79036:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
* @typechecks static-only
*/
/**
* Memoizes the return value of a function that accepts one string argument.
*/
function memoizeStringOnly(callback) {
var cache = {};
return function (string) {
if (!cache.hasOwnProperty(string)) {
cache[string] = callback.call(this, string);
}
return cache[string];
};
}
module.exports = memoizeStringOnly;
/***/ }),
/***/ 28114:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2014-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
var emptyFunction = __webpack_require__(33198);
/**
* Similar to invariant but only logs a warning if the condition is not met.
* This can be used to log issues in development environments in critical
* paths. Removing the logging code for production environments will keep the
* same logic and follow the same code paths.
*/
var warning = emptyFunction;
if (false) { var printWarning; }
module.exports = warning;
/***/ }),
/***/ 67954:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* eslint-disable no-var, prefer-template */
var uppercasePattern = /[A-Z]/g
var msPattern = /^ms-/
var cache = {}
function toHyphenLower(match) {
return '-' + match.toLowerCase()
}
function hyphenateStyleName(name) {
if (cache.hasOwnProperty(name)) {
return cache[name]
}
var hName = name.replace(uppercasePattern, toHyphenLower)
return (cache[name] = msPattern.test(hName) ? '-' + hName : hName)
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hyphenateStyleName);
/***/ }),
/***/ 52271:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = crossFade;
var _isPrefixedValue = __webpack_require__(7094);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#search=cross-fade
var prefixes = ['-webkit-', ''];
function crossFade(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('cross-fade(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/cross-fade\(/g, prefix + 'cross-fade(');
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 23098:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = cursor;
var prefixes = ['-webkit-', '-moz-', ''];
var values = {
'zoom-in': true,
'zoom-out': true,
grab: true,
grabbing: true
};
function cursor(property, value) {
if (property === 'cursor' && values.hasOwnProperty(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 40273:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = filter;
var _isPrefixedValue = __webpack_require__(7094);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#feat=css-filter-function
var prefixes = ['-webkit-', ''];
function filter(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('filter(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/filter\(/g, prefix + 'filter(');
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 35457:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = flex;
var values = {
flex: ['-webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex'],
'inline-flex': ['-webkit-inline-box', '-moz-inline-box', '-ms-inline-flexbox', '-webkit-inline-flex', 'inline-flex']
};
function flex(property, value) {
if (property === 'display' && values.hasOwnProperty(value)) {
return values[value];
}
}
module.exports = exports['default'];
/***/ }),
/***/ 19751:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = flexboxOld;
var alternativeValues = {
'space-around': 'justify',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end',
'wrap-reverse': 'multiple',
wrap: 'multiple'
};
var alternativeProps = {
alignItems: 'WebkitBoxAlign',
justifyContent: 'WebkitBoxPack',
flexWrap: 'WebkitBoxLines'
};
function flexboxOld(property, value, style) {
if (property === 'flexDirection' && typeof value === 'string') {
if (value.indexOf('column') > -1) {
style.WebkitBoxOrient = 'vertical';
} else {
style.WebkitBoxOrient = 'horizontal';
}
if (value.indexOf('reverse') > -1) {
style.WebkitBoxDirection = 'reverse';
} else {
style.WebkitBoxDirection = 'normal';
}
}
if (alternativeProps.hasOwnProperty(property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
}
module.exports = exports['default'];
/***/ }),
/***/ 79410:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = gradient;
var _isPrefixedValue = __webpack_require__(7094);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefixes = ['-webkit-', '-moz-', ''];
var values = /linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient/;
function gradient(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && values.test(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 4569:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = imageSet;
var _isPrefixedValue = __webpack_require__(7094);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#feat=css-image-set
var prefixes = ['-webkit-', ''];
function imageSet(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('image-set(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/image-set\(/g, prefix + 'image-set(');
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 84549:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = position;
function position(property, value) {
if (property === 'position' && value === 'sticky') {
return ['-webkit-sticky', 'sticky'];
}
}
module.exports = exports['default'];
/***/ }),
/***/ 85148:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = sizing;
var prefixes = ['-webkit-', '-moz-', ''];
var properties = {
maxHeight: true,
maxWidth: true,
width: true,
height: true,
columnWidth: true,
minWidth: true,
minHeight: true
};
var values = {
'min-content': true,
'max-content': true,
'fill-available': true,
'fit-content': true,
'contain-floats': true
};
function sizing(property, value) {
if (properties.hasOwnProperty(property) && values.hasOwnProperty(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 70366:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = transition;
var _hyphenateProperty = __webpack_require__(58630);
var _hyphenateProperty2 = _interopRequireDefault(_hyphenateProperty);
var _isPrefixedValue = __webpack_require__(7094);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
var _capitalizeString = __webpack_require__(6283);
var _capitalizeString2 = _interopRequireDefault(_capitalizeString);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var properties = {
transition: true,
transitionProperty: true,
WebkitTransition: true,
WebkitTransitionProperty: true,
MozTransition: true,
MozTransitionProperty: true
};
var prefixMapping = {
Webkit: '-webkit-',
Moz: '-moz-',
ms: '-ms-'
};
function prefixValue(value, propertyPrefixMap) {
if ((0, _isPrefixedValue2.default)(value)) {
return value;
}
// only split multi values, not cubic beziers
var multipleValues = value.split(/,(?![^()]*(?:\([^()]*\))?\))/g);
for (var i = 0, len = multipleValues.length; i < len; ++i) {
var singleValue = multipleValues[i];
var values = [singleValue];
for (var property in propertyPrefixMap) {
var dashCaseProperty = (0, _hyphenateProperty2.default)(property);
if (singleValue.indexOf(dashCaseProperty) > -1 && dashCaseProperty !== 'order') {
var prefixes = propertyPrefixMap[property];
for (var j = 0, pLen = prefixes.length; j < pLen; ++j) {
// join all prefixes and create a new value
values.unshift(singleValue.replace(dashCaseProperty, prefixMapping[prefixes[j]] + dashCaseProperty));
}
}
}
multipleValues[i] = values.join(',');
}
return multipleValues.join(',');
}
function transition(property, value, style, propertyPrefixMap) {
// also check for already prefixed transitions
if (typeof value === 'string' && properties.hasOwnProperty(property)) {
var outputValue = prefixValue(value, propertyPrefixMap);
// if the property is already prefixed
var webkitOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-moz-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Webkit') > -1) {
return webkitOutput;
}
var mozOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-webkit-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Moz') > -1) {
return mozOutput;
}
style['Webkit' + (0, _capitalizeString2.default)(property)] = webkitOutput;
style['Moz' + (0, _capitalizeString2.default)(property)] = mozOutput;
return outputValue;
}
}
module.exports = exports['default'];
/***/ }),
/***/ 16526:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
var w = ["Webkit"];
var m = ["Moz"];
var ms = ["ms"];
var wm = ["Webkit", "Moz"];
var wms = ["Webkit", "ms"];
var wmms = ["Webkit", "Moz", "ms"];
exports["default"] = {
plugins: [],
prefixMap: { "appearance": wm, "userSelect": wmms, "textEmphasisPosition": w, "textEmphasis": w, "textEmphasisStyle": w, "textEmphasisColor": w, "boxDecorationBreak": w, "clipPath": w, "maskImage": w, "maskMode": w, "maskRepeat": w, "maskPosition": w, "maskClip": w, "maskOrigin": w, "maskSize": w, "maskComposite": w, "mask": w, "maskBorderSource": w, "maskBorderMode": w, "maskBorderSlice": w, "maskBorderWidth": w, "maskBorderOutset": w, "maskBorderRepeat": w, "maskBorder": w, "maskType": w, "textDecorationStyle": w, "textDecorationSkip": w, "textDecorationLine": w, "textDecorationColor": w, "filter": w, "fontFeatureSettings": w, "breakAfter": wmms, "breakBefore": wmms, "breakInside": wmms, "columnCount": wm, "columnFill": wm, "columnGap": wm, "columnRule": wm, "columnRuleColor": wm, "columnRuleStyle": wm, "columnRuleWidth": wm, "columns": wm, "columnSpan": wm, "columnWidth": wm, "writingMode": wms, "flex": w, "flexBasis": w, "flexDirection": w, "flexGrow": w, "flexFlow": w, "flexShrink": w, "flexWrap": w, "alignContent": w, "alignItems": w, "alignSelf": w, "justifyContent": w, "order": w, "transform": w, "transformOrigin": w, "transformOriginX": w, "transformOriginY": w, "backfaceVisibility": w, "perspective": w, "perspectiveOrigin": w, "transformStyle": w, "transformOriginZ": w, "animation": w, "animationDelay": w, "animationDirection": w, "animationFillMode": w, "animationDuration": w, "animationIterationCount": w, "animationName": w, "animationPlayState": w, "animationTimingFunction": w, "backdropFilter": w, "fontKerning": w, "scrollSnapType": wms, "scrollSnapPointsX": wms, "scrollSnapPointsY": wms, "scrollSnapDestination": wms, "scrollSnapCoordinate": wms, "shapeImageThreshold": w, "shapeImageMargin": w, "shapeImageOutside": w, "hyphens": wmms, "flowInto": wms, "flowFrom": wms, "regionFragment": wms, "textAlignLast": m, "tabSize": m, "wrapFlow": ms, "wrapThrough": ms, "wrapMargin": ms, "gridTemplateColumns": ms, "gridTemplateRows": ms, "gridTemplateAreas": ms, "gridTemplate": ms, "gridAutoColumns": ms, "gridAutoRows": ms, "gridAutoFlow": ms, "grid": ms, "gridRowStart": ms, "gridColumnStart": ms, "gridRowEnd": ms, "gridRow": ms, "gridColumn": ms, "gridColumnEnd": ms, "gridColumnGap": ms, "gridRowGap": ms, "gridArea": ms, "gridGap": ms, "textSizeAdjust": wms, "borderImage": w, "borderImageOutset": w, "borderImageRepeat": w, "borderImageSlice": w, "borderImageSource": w, "borderImageWidth": w, "transitionDelay": w, "transitionDuration": w, "transitionProperty": w, "transitionTimingFunction": w }
};
module.exports = exports["default"];
/***/ }),
/***/ 6283:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = capitalizeString;
function capitalizeString(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
module.exports = exports["default"];
/***/ }),
/***/ 23736:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = prefixProperty;
var _capitalizeString = __webpack_require__(6283);
var _capitalizeString2 = _interopRequireDefault(_capitalizeString);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function prefixProperty(prefixProperties, property, style) {
if (prefixProperties.hasOwnProperty(property)) {
var requiredPrefixes = prefixProperties[property];
for (var i = 0, len = requiredPrefixes.length; i < len; ++i) {
style[requiredPrefixes[i] + (0, _capitalizeString2.default)(property)] = style[property];
}
}
}
module.exports = exports['default'];
/***/ }),
/***/ 10416:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = prefixValue;
function prefixValue(plugins, property, value, style, metaData) {
for (var i = 0, len = plugins.length; i < len; ++i) {
var processedValue = plugins[i](property, value, style, metaData);
// we can stop processing if a value is returned
// as all plugin criteria are unique
if (processedValue) {
return processedValue;
}
}
}
module.exports = exports["default"];
/***/ }),
/***/ 81818:
/***/ ((module) => {
"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
/* eslint-disable no-unused-vars */
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
function toObject(val) {
if (val === null || val === undefined) {
throw new TypeError('Object.assign cannot be called with null or undefined');
}
return Object(val);
}
function shouldUseNative() {
try {
if (!Object.assign) {
return false;
}
// Detect buggy property enumeration order in older V8 versions.
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
test1[5] = 'de';
if (Object.getOwnPropertyNames(test1)[0] === '5') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test2 = {};
for (var i = 0; i < 10; i++) {
test2['_' + String.fromCharCode(i)] = i;
}
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
return test2[n];
});
if (order2.join('') !== '0123456789') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test3 = {};
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
test3[letter] = letter;
});
if (Object.keys(Object.assign({}, test3)).join('') !==
'abcdefghijklmnopqrst') {
return false;
}
return true;
} catch (err) {
// We don't expect any of the above to throw, but better to be safe.
return false;
}
}
module.exports = shouldUseNative() ? Object.assign : function (target, source) {
var from;
var to = toObject(target);
var symbols;
for (var s = 1; s < arguments.length; s++) {
from = Object(arguments[s]);
for (var key in from) {
if (hasOwnProperty.call(from, key)) {
to[key] = from[key];
}
}
if (getOwnPropertySymbols) {
symbols = getOwnPropertySymbols(from);
for (var i = 0; i < symbols.length; i++) {
if (propIsEnumerable.call(from, symbols[i])) {
to[symbols[i]] = from[symbols[i]];
}
}
}
}
return to;
};
/***/ }),
/***/ 8924:
/***/ ((module) => {
"use strict";
/*!
* isobject <https://github.com/jonschlinkert/isobject>
*
* Copyright (c) 2014-2017, Jon Schlinkert.
* Released under the MIT License.
*/
module.exports = function isObject(val) {
return val != null && typeof val === 'object' && Array.isArray(val) === false;
};
/***/ }),
/***/ 34206:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactPropTypesSecret = __webpack_require__(11596);
function emptyFunction() {}
function emptyFunctionWithReset() {}
emptyFunctionWithReset.resetWarningCache = emptyFunction;
module.exports = function() {
function shim(props, propName, componentName, location, propFullName, secret) {
if (secret === ReactPropTypesSecret) {
// It is still safe when called from React.
return;
}
var err = new Error(
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
'Use PropTypes.checkPropTypes() to call them. ' +
'Read more at http://fb.me/use-check-prop-types'
);
err.name = 'Invariant Violation';
throw err;
};
shim.isRequired = shim;
function getShim() {
return shim;
};
// Important!
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
var ReactPropTypes = {
array: shim,
bigint: shim,
bool: shim,
func: shim,
number: shim,
object: shim,
string: shim,
symbol: shim,
any: shim,
arrayOf: getShim,
element: shim,
elementType: shim,
instanceOf: getShim,
node: shim,
objectOf: getShim,
oneOf: getShim,
oneOfType: getShim,
shape: getShim,
exact: getShim,
checkPropTypes: emptyFunctionWithReset,
resetWarningCache: emptyFunction
};
ReactPropTypes.PropTypes = ReactPropTypes;
return ReactPropTypes;
};
/***/ }),
/***/ 39519:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
if (false) { var throwOnDirectAccess, ReactIs; } else {
// By explicitly using `prop-types` you are opting into new production behavior.
// http://fb.me/prop-types-in-prod
module.exports = __webpack_require__(34206)();
}
/***/ }),
/***/ 11596:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
module.exports = ReactPropTypesSecret;
/***/ }),
/***/ 50993:
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
/*!
* Bowser - a browser detector
* https://github.com/ded/bowser
* MIT License | (c) Dustin Diaz 2015
*/
!function (root, name, definition) {
if ( true && module.exports) module.exports = definition()
else if (true) __webpack_require__.amdD(name, definition)
else {}
}(this, 'bowser', function () {
/**
* See useragents.js for examples of navigator.userAgent
*/
var t = true
function detect(ua) {
function getFirstMatch(regex) {
var match = ua.match(regex);
return (match && match.length > 1 && match[1]) || '';
}
function getSecondMatch(regex) {
var match = ua.match(regex);
return (match && match.length > 1 && match[2]) || '';
}
var iosdevice = getFirstMatch(/(ipod|iphone|ipad)/i).toLowerCase()
, likeAndroid = /like android/i.test(ua)
, android = !likeAndroid && /android/i.test(ua)
, nexusMobile = /nexus\s*[0-6]\s*/i.test(ua)
, nexusTablet = !nexusMobile && /nexus\s*[0-9]+/i.test(ua)
, chromeos = /CrOS/.test(ua)
, silk = /silk/i.test(ua)
, sailfish = /sailfish/i.test(ua)
, tizen = /tizen/i.test(ua)
, webos = /(web|hpw)(o|0)s/i.test(ua)
, windowsphone = /windows phone/i.test(ua)
, samsungBrowser = /SamsungBrowser/i.test(ua)
, windows = !windowsphone && /windows/i.test(ua)
, mac = !iosdevice && !silk && /macintosh/i.test(ua)
, linux = !android && !sailfish && !tizen && !webos && /linux/i.test(ua)
, edgeVersion = getSecondMatch(/edg([ea]|ios)\/(\d+(\.\d+)?)/i)
, versionIdentifier = getFirstMatch(/version\/(\d+(\.\d+)?)/i)
, tablet = /tablet/i.test(ua) && !/tablet pc/i.test(ua)
, mobile = !tablet && /[^-]mobi/i.test(ua)
, xbox = /xbox/i.test(ua)
, result
if (/opera/i.test(ua)) {
// an old Opera
result = {
name: 'Opera'
, opera: t
, version: versionIdentifier || getFirstMatch(/(?:opera|opr|opios)[\s\/](\d+(\.\d+)?)/i)
}
} else if (/opr\/|opios/i.test(ua)) {
// a new Opera
result = {
name: 'Opera'
, opera: t
, version: getFirstMatch(/(?:opr|opios)[\s\/](\d+(\.\d+)?)/i) || versionIdentifier
}
}
else if (/SamsungBrowser/i.test(ua)) {
result = {
name: 'Samsung Internet for Android'
, samsungBrowser: t
, version: versionIdentifier || getFirstMatch(/(?:SamsungBrowser)[\s\/](\d+(\.\d+)?)/i)
}
}
else if (/Whale/i.test(ua)) {
result = {
name: 'NAVER Whale browser'
, whale: t
, version: getFirstMatch(/(?:whale)[\s\/](\d+(?:\.\d+)+)/i)
}
}
else if (/MZBrowser/i.test(ua)) {
result = {
name: 'MZ Browser'
, mzbrowser: t
, version: getFirstMatch(/(?:MZBrowser)[\s\/](\d+(?:\.\d+)+)/i)
}
}
else if (/coast/i.test(ua)) {
result = {
name: 'Opera Coast'
, coast: t
, version: versionIdentifier || getFirstMatch(/(?:coast)[\s\/](\d+(\.\d+)?)/i)
}
}
else if (/focus/i.test(ua)) {
result = {
name: 'Focus'
, focus: t
, version: getFirstMatch(/(?:focus)[\s\/](\d+(?:\.\d+)+)/i)
}
}
else if (/yabrowser/i.test(ua)) {
result = {
name: 'Yandex Browser'
, yandexbrowser: t
, version: versionIdentifier || getFirstMatch(/(?:yabrowser)[\s\/](\d+(\.\d+)?)/i)
}
}
else if (/ucbrowser/i.test(ua)) {
result = {
name: 'UC Browser'
, ucbrowser: t
, version: getFirstMatch(/(?:ucbrowser)[\s\/](\d+(?:\.\d+)+)/i)
}
}
else if (/mxios/i.test(ua)) {
result = {
name: 'Maxthon'
, maxthon: t
, version: getFirstMatch(/(?:mxios)[\s\/](\d+(?:\.\d+)+)/i)
}
}
else if (/epiphany/i.test(ua)) {
result = {
name: 'Epiphany'
, epiphany: t
, version: getFirstMatch(/(?:epiphany)[\s\/](\d+(?:\.\d+)+)/i)
}
}
else if (/puffin/i.test(ua)) {
result = {
name: 'Puffin'
, puffin: t
, version: getFirstMatch(/(?:puffin)[\s\/](\d+(?:\.\d+)?)/i)
}
}
else if (/sleipnir/i.test(ua)) {
result = {
name: 'Sleipnir'
, sleipnir: t
, version: getFirstMatch(/(?:sleipnir)[\s\/](\d+(?:\.\d+)+)/i)
}
}
else if (/k-meleon/i.test(ua)) {
result = {
name: 'K-Meleon'
, kMeleon: t
, version: getFirstMatch(/(?:k-meleon)[\s\/](\d+(?:\.\d+)+)/i)
}
}
else if (windowsphone) {
result = {
name: 'Windows Phone'
, osname: 'Windows Phone'
, windowsphone: t
}
if (edgeVersion) {
result.msedge = t
result.version = edgeVersion
}
else {
result.msie = t
result.version = getFirstMatch(/iemobile\/(\d+(\.\d+)?)/i)
}
}
else if (/msie|trident/i.test(ua)) {
result = {
name: 'Internet Explorer'
, msie: t
, version: getFirstMatch(/(?:msie |rv:)(\d+(\.\d+)?)/i)
}
} else if (chromeos) {
result = {
name: 'Chrome'
, osname: 'Chrome OS'
, chromeos: t
, chromeBook: t
, chrome: t
, version: getFirstMatch(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i)
}
} else if (/edg([ea]|ios)/i.test(ua)) {
result = {
name: 'Microsoft Edge'
, msedge: t
, version: edgeVersion
}
}
else if (/vivaldi/i.test(ua)) {
result = {
name: 'Vivaldi'
, vivaldi: t
, version: getFirstMatch(/vivaldi\/(\d+(\.\d+)?)/i) || versionIdentifier
}
}
else if (sailfish) {
result = {
name: 'Sailfish'
, osname: 'Sailfish OS'
, sailfish: t
, version: getFirstMatch(/sailfish\s?browser\/(\d+(\.\d+)?)/i)
}
}
else if (/seamonkey\//i.test(ua)) {
result = {
name: 'SeaMonkey'
, seamonkey: t
, version: getFirstMatch(/seamonkey\/(\d+(\.\d+)?)/i)
}
}
else if (/firefox|iceweasel|fxios/i.test(ua)) {
result = {
name: 'Firefox'
, firefox: t
, version: getFirstMatch(/(?:firefox|iceweasel|fxios)[ \/](\d+(\.\d+)?)/i)
}
if (/\((mobile|tablet);[^\)]*rv:[\d\.]+\)/i.test(ua)) {
result.firefoxos = t
result.osname = 'Firefox OS'
}
}
else if (silk) {
result = {
name: 'Amazon Silk'
, silk: t
, version : getFirstMatch(/silk\/(\d+(\.\d+)?)/i)
}
}
else if (/phantom/i.test(ua)) {
result = {
name: 'PhantomJS'
, phantom: t
, version: getFirstMatch(/phantomjs\/(\d+(\.\d+)?)/i)
}
}
else if (/slimerjs/i.test(ua)) {
result = {
name: 'SlimerJS'
, slimer: t
, version: getFirstMatch(/slimerjs\/(\d+(\.\d+)?)/i)
}
}
else if (/blackberry|\bbb\d+/i.test(ua) || /rim\stablet/i.test(ua)) {
result = {
name: 'BlackBerry'
, osname: 'BlackBerry OS'
, blackberry: t
, version: versionIdentifier || getFirstMatch(/blackberry[\d]+\/(\d+(\.\d+)?)/i)
}
}
else if (webos) {
result = {
name: 'WebOS'
, osname: 'WebOS'
, webos: t
, version: versionIdentifier || getFirstMatch(/w(?:eb)?osbrowser\/(\d+(\.\d+)?)/i)
};
/touchpad\//i.test(ua) && (result.touchpad = t)
}
else if (/bada/i.test(ua)) {
result = {
name: 'Bada'
, osname: 'Bada'
, bada: t
, version: getFirstMatch(/dolfin\/(\d+(\.\d+)?)/i)
};
}
else if (tizen) {
result = {
name: 'Tizen'
, osname: 'Tizen'
, tizen: t
, version: getFirstMatch(/(?:tizen\s?)?browser\/(\d+(\.\d+)?)/i) || versionIdentifier
};
}
else if (/qupzilla/i.test(ua)) {
result = {
name: 'QupZilla'
, qupzilla: t
, version: getFirstMatch(/(?:qupzilla)[\s\/](\d+(?:\.\d+)+)/i) || versionIdentifier
}
}
else if (/chromium/i.test(ua)) {
result = {
name: 'Chromium'
, chromium: t
, version: getFirstMatch(/(?:chromium)[\s\/](\d+(?:\.\d+)?)/i) || versionIdentifier
}
}
else if (/chrome|crios|crmo/i.test(ua)) {
result = {
name: 'Chrome'
, chrome: t
, version: getFirstMatch(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i)
}
}
else if (android) {
result = {
name: 'Android'
, version: versionIdentifier
}
}
else if (/safari|applewebkit/i.test(ua)) {
result = {
name: 'Safari'
, safari: t
}
if (versionIdentifier) {
result.version = versionIdentifier
}
}
else if (iosdevice) {
result = {
name : iosdevice == 'iphone' ? 'iPhone' : iosdevice == 'ipad' ? 'iPad' : 'iPod'
}
// WTF: version is not part of user agent in web apps
if (versionIdentifier) {
result.version = versionIdentifier
}
}
else if(/googlebot/i.test(ua)) {
result = {
name: 'Googlebot'
, googlebot: t
, version: getFirstMatch(/googlebot\/(\d+(\.\d+))/i) || versionIdentifier
}
}
else {
result = {
name: getFirstMatch(/^(.*)\/(.*) /),
version: getSecondMatch(/^(.*)\/(.*) /)
};
}
// set webkit or gecko flag for browsers based on these engines
if (!result.msedge && /(apple)?webkit/i.test(ua)) {
if (/(apple)?webkit\/537\.36/i.test(ua)) {
result.name = result.name || "Blink"
result.blink = t
} else {
result.name = result.name || "Webkit"
result.webkit = t
}
if (!result.version && versionIdentifier) {
result.version = versionIdentifier
}
} else if (!result.opera && /gecko\//i.test(ua)) {
result.name = result.name || "Gecko"
result.gecko = t
result.version = result.version || getFirstMatch(/gecko\/(\d+(\.\d+)?)/i)
}
// set OS flags for platforms that have multiple browsers
if (!result.windowsphone && (android || result.silk)) {
result.android = t
result.osname = 'Android'
} else if (!result.windowsphone && iosdevice) {
result[iosdevice] = t
result.ios = t
result.osname = 'iOS'
} else if (mac) {
result.mac = t
result.osname = 'macOS'
} else if (xbox) {
result.xbox = t
result.osname = 'Xbox'
} else if (windows) {
result.windows = t
result.osname = 'Windows'
} else if (linux) {
result.linux = t
result.osname = 'Linux'
}
function getWindowsVersion (s) {
switch (s) {
case 'NT': return 'NT'
case 'XP': return 'XP'
case 'NT 5.0': return '2000'
case 'NT 5.1': return 'XP'
case 'NT 5.2': return '2003'
case 'NT 6.0': return 'Vista'
case 'NT 6.1': return '7'
case 'NT 6.2': return '8'
case 'NT 6.3': return '8.1'
case 'NT 10.0': return '10'
default: return undefined
}
}
// OS version extraction
var osVersion = '';
if (result.windows) {
osVersion = getWindowsVersion(getFirstMatch(/Windows ((NT|XP)( \d\d?.\d)?)/i))
} else if (result.windowsphone) {
osVersion = getFirstMatch(/windows phone (?:os)?\s?(\d+(\.\d+)*)/i);
} else if (result.mac) {
osVersion = getFirstMatch(/Mac OS X (\d+([_\.\s]\d+)*)/i);
osVersion = osVersion.replace(/[_\s]/g, '.');
} else if (iosdevice) {
osVersion = getFirstMatch(/os (\d+([_\s]\d+)*) like mac os x/i);
osVersion = osVersion.replace(/[_\s]/g, '.');
} else if (android) {
osVersion = getFirstMatch(/android[ \/-](\d+(\.\d+)*)/i);
} else if (result.webos) {
osVersion = getFirstMatch(/(?:web|hpw)os\/(\d+(\.\d+)*)/i);
} else if (result.blackberry) {
osVersion = getFirstMatch(/rim\stablet\sos\s(\d+(\.\d+)*)/i);
} else if (result.bada) {
osVersion = getFirstMatch(/bada\/(\d+(\.\d+)*)/i);
} else if (result.tizen) {
osVersion = getFirstMatch(/tizen[\/\s](\d+(\.\d+)*)/i);
}
if (osVersion) {
result.osversion = osVersion;
}
// device type extraction
var osMajorVersion = !result.windows && osVersion.split('.')[0];
if (
tablet
|| nexusTablet
|| iosdevice == 'ipad'
|| (android && (osMajorVersion == 3 || (osMajorVersion >= 4 && !mobile)))
|| result.silk
) {
result.tablet = t
} else if (
mobile
|| iosdevice == 'iphone'
|| iosdevice == 'ipod'
|| android
|| nexusMobile
|| result.blackberry
|| result.webos
|| result.bada
) {
result.mobile = t
}
// Graded Browser Support
// http://developer.yahoo.com/yui/articles/gbs
if (result.msedge ||
(result.msie && result.version >= 10) ||
(result.yandexbrowser && result.version >= 15) ||
(result.vivaldi && result.version >= 1.0) ||
(result.chrome && result.version >= 20) ||
(result.samsungBrowser && result.version >= 4) ||
(result.whale && compareVersions([result.version, '1.0']) === 1) ||
(result.mzbrowser && compareVersions([result.version, '6.0']) === 1) ||
(result.focus && compareVersions([result.version, '1.0']) === 1) ||
(result.firefox && result.version >= 20.0) ||
(result.safari && result.version >= 6) ||
(result.opera && result.version >= 10.0) ||
(result.ios && result.osversion && result.osversion.split(".")[0] >= 6) ||
(result.blackberry && result.version >= 10.1)
|| (result.chromium && result.version >= 20)
) {
result.a = t;
}
else if ((result.msie && result.version < 10) ||
(result.chrome && result.version < 20) ||
(result.firefox && result.version < 20.0) ||
(result.safari && result.version < 6) ||
(result.opera && result.version < 10.0) ||
(result.ios && result.osversion && result.osversion.split(".")[0] < 6)
|| (result.chromium && result.version < 20)
) {
result.c = t
} else result.x = t
return result
}
var bowser = detect(typeof navigator !== 'undefined' ? navigator.userAgent || '' : '')
bowser.test = function (browserList) {
for (var i = 0; i < browserList.length; ++i) {
var browserItem = browserList[i];
if (typeof browserItem=== 'string') {
if (browserItem in bowser) {
return true;
}
}
}
return false;
}
/**
* Get version precisions count
*
* @example
* getVersionPrecision("1.10.3") // 3
*
* @param {string} version
* @return {number}
*/
function getVersionPrecision(version) {
return version.split(".").length;
}
/**
* Array::map polyfill
*
* @param {Array} arr
* @param {Function} iterator
* @return {Array}
*/
function map(arr, iterator) {
var result = [], i;
if (Array.prototype.map) {
return Array.prototype.map.call(arr, iterator);
}
for (i = 0; i < arr.length; i++) {
result.push(iterator(arr[i]));
}
return result;
}
/**
* Calculate browser version weight
*
* @example
* compareVersions(['1.10.2.1', '1.8.2.1.90']) // 1
* compareVersions(['1.010.2.1', '1.09.2.1.90']); // 1
* compareVersions(['1.10.2.1', '1.10.2.1']); // 0
* compareVersions(['1.10.2.1', '1.0800.2']); // -1
*
* @param {Array<String>} versions versions to compare
* @return {Number} comparison result
*/
function compareVersions(versions) {
// 1) get common precision for both versions, for example for "10.0" and "9" it should be 2
var precision = Math.max(getVersionPrecision(versions[0]), getVersionPrecision(versions[1]));
var chunks = map(versions, function (version) {
var delta = precision - getVersionPrecision(version);
// 2) "9" -> "9.0" (for precision = 2)
version = version + new Array(delta + 1).join(".0");
// 3) "9.0" -> ["000000000"", "000000009"]
return map(version.split("."), function (chunk) {
return new Array(20 - chunk.length).join("0") + chunk;
}).reverse();
});
// iterate in reverse order by reversed chunks array
while (--precision >= 0) {
// 4) compare: "000000009" > "000000010" = false (but "9" > "10" = true)
if (chunks[0][precision] > chunks[1][precision]) {
return 1;
}
else if (chunks[0][precision] === chunks[1][precision]) {
if (precision === 0) {
// all version chunks are same
return 0;
}
}
else {
return -1;
}
}
}
/**
* Check if browser is unsupported
*
* @example
* bowser.isUnsupportedBrowser({
* msie: "10",
* firefox: "23",
* chrome: "29",
* safari: "5.1",
* opera: "16",
* phantom: "534"
* });
*
* @param {Object} minVersions map of minimal version to browser
* @param {Boolean} [strictMode = false] flag to return false if browser wasn't found in map
* @param {String} [ua] user agent string
* @return {Boolean}
*/
function isUnsupportedBrowser(minVersions, strictMode, ua) {
var _bowser = bowser;
// make strictMode param optional with ua param usage
if (typeof strictMode === 'string') {
ua = strictMode;
strictMode = void(0);
}
if (strictMode === void(0)) {
strictMode = false;
}
if (ua) {
_bowser = detect(ua);
}
var version = "" + _bowser.version;
for (var browser in minVersions) {
if (minVersions.hasOwnProperty(browser)) {
if (_bowser[browser]) {
if (typeof minVersions[browser] !== 'string') {
throw new Error('Browser version in the minVersion map should be a string: ' + browser + ': ' + String(minVersions));
}
// browser version and min supported version.
return compareVersions([version, minVersions[browser]]) < 0;
}
}
}
return strictMode; // not found
}
/**
* Check if browser is supported
*
* @param {Object} minVersions map of minimal version to browser
* @param {Boolean} [strictMode = false] flag to return false if browser wasn't found in map
* @param {String} [ua] user agent string
* @return {Boolean}
*/
function check(minVersions, strictMode, ua) {
return !isUnsupportedBrowser(minVersions, strictMode, ua);
}
bowser.isUnsupportedBrowser = isUnsupportedBrowser;
bowser.compareVersions = compareVersions;
bowser.check = check;
/*
* Set our detect method to the main bowser object so we can
* reuse it to test other user agents.
* This is needed to implement future tests.
*/
bowser._detect = detect;
/*
* Set our detect public method to the main bowser object
* This is needed to implement bowser in server side
*/
bowser.detect = detect;
return bowser
});
/***/ }),
/***/ 15841:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = hyphenateProperty;
var _hyphenateStyleName = __webpack_require__(5780);
var _hyphenateStyleName2 = _interopRequireDefault(_hyphenateStyleName);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function hyphenateProperty(property) {
return (0, _hyphenateStyleName2.default)(property);
}
module.exports = exports['default'];
/***/ }),
/***/ 59125:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = isPrefixedValue;
var regex = /-webkit-|-moz-|-ms-/;
function isPrefixedValue(value) {
return typeof value === 'string' && regex.test(value);
}
module.exports = exports['default'];
/***/ }),
/***/ 59757:
/***/ ((module, exports, __webpack_require__) => {
var __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2015 Jed Watson.
Based on code that is Copyright 2013-2015, Facebook, Inc.
All rights reserved.
*/
/* global define */
(function () {
'use strict';
var canUseDOM = !!(
typeof window !== 'undefined' &&
window.document &&
window.document.createElement
);
var ExecutionEnvironment = {
canUseDOM: canUseDOM,
canUseWorkers: typeof Worker !== 'undefined',
canUseEventListeners:
canUseDOM && !!(window.addEventListener || window.attachEvent),
canUseViewport: canUseDOM && !!window.screen
};
if (true) {
!(__WEBPACK_AMD_DEFINE_RESULT__ = (function () {
return ExecutionEnvironment;
}).call(exports, __webpack_require__, exports, module),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}());
/***/ }),
/***/ 62416:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright 2015, Yahoo! Inc.
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
*/
var ReactIs = __webpack_require__(37453);
var REACT_STATICS = {
childContextTypes: true,
contextType: true,
contextTypes: true,
defaultProps: true,
displayName: true,
getDefaultProps: true,
getDerivedStateFromError: true,
getDerivedStateFromProps: true,
mixins: true,
propTypes: true,
type: true
};
var KNOWN_STATICS = {
name: true,
length: true,
prototype: true,
caller: true,
callee: true,
arguments: true,
arity: true
};
var FORWARD_REF_STATICS = {
'$$typeof': true,
render: true,
defaultProps: true,
displayName: true,
propTypes: true
};
var MEMO_STATICS = {
'$$typeof': true,
compare: true,
defaultProps: true,
displayName: true,
propTypes: true,
type: true
};
var TYPE_STATICS = {};
TYPE_STATICS[ReactIs.ForwardRef] = FORWARD_REF_STATICS;
function getStatics(component) {
if (ReactIs.isMemo(component)) {
return MEMO_STATICS;
}
return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
}
var defineProperty = Object.defineProperty;
var getOwnPropertyNames = Object.getOwnPropertyNames;
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
var getPrototypeOf = Object.getPrototypeOf;
var objectPrototype = Object.prototype;
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
if (typeof sourceComponent !== 'string') {
// don't hoist over string (html) components
if (objectPrototype) {
var inheritedComponent = getPrototypeOf(sourceComponent);
if (inheritedComponent && inheritedComponent !== objectPrototype) {
hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
}
}
var keys = getOwnPropertyNames(sourceComponent);
if (getOwnPropertySymbols) {
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
}
var targetStatics = getStatics(targetComponent);
var sourceStatics = getStatics(sourceComponent);
for (var i = 0; i < keys.length; ++i) {
var key = keys[i];
if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
try {
// Avoid failures from read-only properties
defineProperty(targetComponent, key, descriptor);
} catch (e) {}
}
}
return targetComponent;
}
return targetComponent;
}
module.exports = hoistNonReactStatics;
/***/ }),
/***/ 5780:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* eslint-disable no-var, prefer-template */
var uppercasePattern = /[A-Z]/g
var msPattern = /^ms-/
var cache = {}
function toHyphenLower(match) {
return '-' + match.toLowerCase()
}
function hyphenateStyleName(name) {
if (cache.hasOwnProperty(name)) {
return cache[name]
}
var hName = name.replace(uppercasePattern, toHyphenLower)
return (cache[name] = msPattern.test(hName) ? '-' + hName : hName)
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hyphenateStyleName);
/***/ }),
/***/ 19103:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
exports["default"] = createPrefixer;
var _getBrowserInformation = __webpack_require__(38891);
var _getBrowserInformation2 = _interopRequireDefault(_getBrowserInformation);
var _getPrefixedKeyframes = __webpack_require__(29517);
var _getPrefixedKeyframes2 = _interopRequireDefault(_getPrefixedKeyframes);
var _capitalizeString = __webpack_require__(20035);
var _capitalizeString2 = _interopRequireDefault(_capitalizeString);
var _addNewValuesOnly = __webpack_require__(52413);
var _addNewValuesOnly2 = _interopRequireDefault(_addNewValuesOnly);
var _isObject = __webpack_require__(19260);
var _isObject2 = _interopRequireDefault(_isObject);
var _prefixValue = __webpack_require__(5192);
var _prefixValue2 = _interopRequireDefault(_prefixValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function createPrefixer(_ref) {
var prefixMap = _ref.prefixMap,
plugins = _ref.plugins;
var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (style) {
return style;
};
return function () {
/**
* Instantiante a new prefixer
* @param {string} userAgent - userAgent to gather prefix information according to caniuse.com
* @param {string} keepUnprefixed - keeps unprefixed properties and values
*/
function Prefixer() {
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
_classCallCheck(this, Prefixer);
var defaultUserAgent = typeof navigator !== 'undefined' ? navigator.userAgent : undefined;
this._userAgent = options.userAgent || defaultUserAgent;
this._keepUnprefixed = options.keepUnprefixed || false;
if (this._userAgent) {
this._browserInfo = (0, _getBrowserInformation2.default)(this._userAgent);
}
// Checks if the userAgent was resolved correctly
if (this._browserInfo && this._browserInfo.cssPrefix) {
this.prefixedKeyframes = (0, _getPrefixedKeyframes2.default)(this._browserInfo.browserName, this._browserInfo.browserVersion, this._browserInfo.cssPrefix);
} else {
this._useFallback = true;
return false;
}
var prefixData = this._browserInfo.browserName && prefixMap[this._browserInfo.browserName];
if (prefixData) {
this._requiresPrefix = {};
for (var property in prefixData) {
if (prefixData[property] >= this._browserInfo.browserVersion) {
this._requiresPrefix[property] = true;
}
}
this._hasPropsRequiringPrefix = Object.keys(this._requiresPrefix).length > 0;
} else {
this._useFallback = true;
}
this._metaData = {
browserVersion: this._browserInfo.browserVersion,
browserName: this._browserInfo.browserName,
cssPrefix: this._browserInfo.cssPrefix,
jsPrefix: this._browserInfo.jsPrefix,
keepUnprefixed: this._keepUnprefixed,
requiresPrefix: this._requiresPrefix
};
}
_createClass(Prefixer, [{
key: 'prefix',
value: function prefix(style) {
// use static prefixer as fallback if userAgent can not be resolved
if (this._useFallback) {
return fallback(style);
}
// only add prefixes if needed
if (!this._hasPropsRequiringPrefix) {
return style;
}
return this._prefixStyle(style);
}
}, {
key: '_prefixStyle',
value: function _prefixStyle(style) {
for (var property in style) {
var value = style[property];
// handle nested objects
if ((0, _isObject2.default)(value)) {
style[property] = this.prefix(value);
// handle array values
} else if (Array.isArray(value)) {
var combinedValue = [];
for (var i = 0, len = value.length; i < len; ++i) {
var processedValue = (0, _prefixValue2.default)(plugins, property, value[i], style, this._metaData);
(0, _addNewValuesOnly2.default)(combinedValue, processedValue || value[i]);
}
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (combinedValue.length > 0) {
style[property] = combinedValue;
}
} else {
var _processedValue = (0, _prefixValue2.default)(plugins, property, value, style, this._metaData);
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (_processedValue) {
style[property] = _processedValue;
}
// add prefixes to properties
if (this._requiresPrefix.hasOwnProperty(property)) {
style[this._browserInfo.jsPrefix + (0, _capitalizeString2.default)(property)] = value;
if (!this._keepUnprefixed) {
delete style[property];
}
}
}
}
return style;
}
/**
* Returns a prefixed version of the style object using all vendor prefixes
* @param {Object} styles - Style object that gets prefixed properties added
* @returns {Object} - Style object with prefixed properties and values
*/
}], [{
key: 'prefixAll',
value: function prefixAll(styles) {
return fallback(styles);
}
}]);
return Prefixer;
}();
}
module.exports = exports['default'];
/***/ }),
/***/ 91318:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = calc;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function calc(property, value, style, _ref) {
var browserName = _ref.browserName,
browserVersion = _ref.browserVersion,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed;
if (typeof value === 'string' && value.indexOf('calc(') > -1 && (browserName === 'firefox' && browserVersion < 15 || browserName === 'chrome' && browserVersion < 25 || browserName === 'safari' && browserVersion < 6.1 || browserName === 'ios_saf' && browserVersion < 7)) {
return (0, _getPrefixedValue2.default)(value.replace(/calc\(/g, cssPrefix + 'calc('), value, keepUnprefixed);
}
}
module.exports = exports['default'];
/***/ }),
/***/ 76341:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = crossFade;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function crossFade(property, value, style, _ref) {
var browserName = _ref.browserName,
browserVersion = _ref.browserVersion,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed;
if (typeof value === 'string' && value.indexOf('cross-fade(') > -1 && (browserName === 'chrome' || browserName === 'opera' || browserName === 'and_chr' || (browserName === 'ios_saf' || browserName === 'safari') && browserVersion < 10)) {
return (0, _getPrefixedValue2.default)(value.replace(/cross-fade\(/g, cssPrefix + 'cross-fade('), value, keepUnprefixed);
}
}
module.exports = exports['default'];
/***/ }),
/***/ 91964:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = cursor;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var grabValues = {
grab: true,
grabbing: true
};
var zoomValues = {
'zoom-in': true,
'zoom-out': true
};
function cursor(property, value, style, _ref) {
var browserName = _ref.browserName,
browserVersion = _ref.browserVersion,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed;
// adds prefixes for firefox, chrome, safari, and opera regardless of
// version until a reliable browser support info can be found
// see: https://github.com/rofrischmann/inline-style-prefixer/issues/79
if (property === 'cursor' && grabValues[value] && (browserName === 'firefox' || browserName === 'chrome' || browserName === 'safari' || browserName === 'opera')) {
return (0, _getPrefixedValue2.default)(cssPrefix + value, value, keepUnprefixed);
}
if (property === 'cursor' && zoomValues[value] && (browserName === 'firefox' && browserVersion < 24 || browserName === 'chrome' && browserVersion < 37 || browserName === 'safari' && browserVersion < 9 || browserName === 'opera' && browserVersion < 24)) {
return (0, _getPrefixedValue2.default)(cssPrefix + value, value, keepUnprefixed);
}
}
module.exports = exports['default'];
/***/ }),
/***/ 98437:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = filter;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function filter(property, value, style, _ref) {
var browserName = _ref.browserName,
browserVersion = _ref.browserVersion,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed;
if (typeof value === 'string' && value.indexOf('filter(') > -1 && (browserName === 'ios_saf' || browserName === 'safari' && browserVersion < 9.1)) {
return (0, _getPrefixedValue2.default)(value.replace(/filter\(/g, cssPrefix + 'filter('), value, keepUnprefixed);
}
}
module.exports = exports['default'];
/***/ }),
/***/ 98453:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = flex;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var values = {
flex: true,
'inline-flex': true
};
function flex(property, value, style, _ref) {
var browserName = _ref.browserName,
browserVersion = _ref.browserVersion,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed;
if (property === 'display' && values[value] && (browserName === 'chrome' && browserVersion < 29 && browserVersion > 20 || (browserName === 'safari' || browserName === 'ios_saf') && browserVersion < 9 && browserVersion > 6 || browserName === 'opera' && (browserVersion === 15 || browserVersion === 16))) {
return (0, _getPrefixedValue2.default)(cssPrefix + value, value, keepUnprefixed);
}
}
module.exports = exports['default'];
/***/ }),
/***/ 8880:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = flexboxIE;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var alternativeValues = {
'space-around': 'distribute',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end',
flex: 'flexbox',
'inline-flex': 'inline-flexbox'
};
var alternativeProps = {
alignContent: 'msFlexLinePack',
alignSelf: 'msFlexItemAlign',
alignItems: 'msFlexAlign',
justifyContent: 'msFlexPack',
order: 'msFlexOrder',
flexGrow: 'msFlexPositive',
flexShrink: 'msFlexNegative',
flexBasis: 'msFlexPreferredSize'
};
function flexboxIE(property, value, style, _ref) {
var browserName = _ref.browserName,
browserVersion = _ref.browserVersion,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed,
requiresPrefix = _ref.requiresPrefix;
if ((alternativeProps.hasOwnProperty(property) || property === 'display' && typeof value === 'string' && value.indexOf('flex') > -1) && (browserName === 'ie_mob' || browserName === 'ie') && browserVersion === 10) {
delete requiresPrefix[property];
if (!keepUnprefixed && !Array.isArray(style[property])) {
delete style[property];
}
if (property === 'display' && alternativeValues.hasOwnProperty(value)) {
return (0, _getPrefixedValue2.default)(cssPrefix + alternativeValues[value], value, keepUnprefixed);
}
if (alternativeProps.hasOwnProperty(property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
}
}
module.exports = exports['default'];
/***/ }),
/***/ 72607:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = flexboxOld;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var alternativeValues = {
'space-around': 'justify',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end',
'wrap-reverse': 'multiple',
wrap: 'multiple',
flex: 'box',
'inline-flex': 'inline-box'
};
var alternativeProps = {
alignItems: 'WebkitBoxAlign',
justifyContent: 'WebkitBoxPack',
flexWrap: 'WebkitBoxLines',
flexGrow: 'WebkitBoxFlex'
};
var otherProps = ['alignContent', 'alignSelf', 'order', 'flexGrow', 'flexShrink', 'flexBasis', 'flexDirection'];
var properties = Object.keys(alternativeProps).concat(otherProps);
function flexboxOld(property, value, style, _ref) {
var browserName = _ref.browserName,
browserVersion = _ref.browserVersion,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed,
requiresPrefix = _ref.requiresPrefix;
if ((properties.indexOf(property) > -1 || property === 'display' && typeof value === 'string' && value.indexOf('flex') > -1) && (browserName === 'firefox' && browserVersion < 22 || browserName === 'chrome' && browserVersion < 21 || (browserName === 'safari' || browserName === 'ios_saf') && browserVersion <= 6.1 || browserName === 'android' && browserVersion < 4.4 || browserName === 'and_uc')) {
delete requiresPrefix[property];
if (!keepUnprefixed && !Array.isArray(style[property])) {
delete style[property];
}
if (property === 'flexDirection' && typeof value === 'string') {
if (value.indexOf('column') > -1) {
style.WebkitBoxOrient = 'vertical';
} else {
style.WebkitBoxOrient = 'horizontal';
}
if (value.indexOf('reverse') > -1) {
style.WebkitBoxDirection = 'reverse';
} else {
style.WebkitBoxDirection = 'normal';
}
}
if (property === 'display' && alternativeValues.hasOwnProperty(value)) {
return (0, _getPrefixedValue2.default)(cssPrefix + alternativeValues[value], value, keepUnprefixed);
}
if (alternativeProps.hasOwnProperty(property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
}
}
module.exports = exports['default'];
/***/ }),
/***/ 27230:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = gradient;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var values = /linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient/gi;
function gradient(property, value, style, _ref) {
var browserName = _ref.browserName,
browserVersion = _ref.browserVersion,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed;
if (typeof value === 'string' && values.test(value) && (browserName === 'firefox' && browserVersion < 16 || browserName === 'chrome' && browserVersion < 26 || (browserName === 'safari' || browserName === 'ios_saf') && browserVersion < 7 || (browserName === 'opera' || browserName === 'op_mini') && browserVersion < 12.1 || browserName === 'android' && browserVersion < 4.4 || browserName === 'and_uc')) {
return (0, _getPrefixedValue2.default)(value.replace(values, function (grad) {
return cssPrefix + grad;
}), value, keepUnprefixed);
}
}
module.exports = exports['default'];
/***/ }),
/***/ 43201:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = imageSet;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function imageSet(property, value, style, _ref) {
var browserName = _ref.browserName,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed;
if (typeof value === 'string' && value.indexOf('image-set(') > -1 && (browserName === 'chrome' || browserName === 'opera' || browserName === 'and_chr' || browserName === 'and_uc' || browserName === 'ios_saf' || browserName === 'safari')) {
return (0, _getPrefixedValue2.default)(value.replace(/image-set\(/g, cssPrefix + 'image-set('), value, keepUnprefixed);
}
}
module.exports = exports['default'];
/***/ }),
/***/ 72746:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = position;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function position(property, value, style, _ref) {
var browserName = _ref.browserName,
cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed;
if (property === 'position' && value === 'sticky' && (browserName === 'safari' || browserName === 'ios_saf')) {
return (0, _getPrefixedValue2.default)(cssPrefix + value, value, keepUnprefixed);
}
}
module.exports = exports['default'];
/***/ }),
/***/ 70334:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = sizing;
var _getPrefixedValue = __webpack_require__(95402);
var _getPrefixedValue2 = _interopRequireDefault(_getPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var properties = {
maxHeight: true,
maxWidth: true,
width: true,
height: true,
columnWidth: true,
minWidth: true,
minHeight: true
};
var values = {
'min-content': true,
'max-content': true,
'fill-available': true,
'fit-content': true,
'contain-floats': true
// TODO: chrome & opera support it
};function sizing(property, value, style, _ref) {
var cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed;
// This might change in the future
// Keep an eye on it
if (properties.hasOwnProperty(property) && values.hasOwnProperty(value)) {
return (0, _getPrefixedValue2.default)(cssPrefix + value, value, keepUnprefixed);
}
}
module.exports = exports['default'];
/***/ }),
/***/ 57986:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = transition;
var _hyphenateProperty = __webpack_require__(15841);
var _hyphenateProperty2 = _interopRequireDefault(_hyphenateProperty);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var properties = {
transition: true,
transitionProperty: true,
WebkitTransition: true,
WebkitTransitionProperty: true,
MozTransition: true,
MozTransitionProperty: true
};
var requiresPrefixDashCased = void 0;
function transition(property, value, style, _ref) {
var cssPrefix = _ref.cssPrefix,
keepUnprefixed = _ref.keepUnprefixed,
requiresPrefix = _ref.requiresPrefix;
if (typeof value === 'string' && properties.hasOwnProperty(property)) {
// memoize the prefix array for later use
if (!requiresPrefixDashCased) {
requiresPrefixDashCased = Object.keys(requiresPrefix).map(function (prop) {
return (0, _hyphenateProperty2.default)(prop);
});
}
// only split multi values, not cubic beziers
var multipleValues = value.split(/,(?![^()]*(?:\([^()]*\))?\))/g);
requiresPrefixDashCased.forEach(function (prop) {
multipleValues.forEach(function (val, index) {
if (val.indexOf(prop) > -1 && prop !== 'order') {
multipleValues[index] = val.replace(prop, cssPrefix + prop) + (keepUnprefixed ? ',' + val : '');
}
});
});
return multipleValues.join(',');
}
}
module.exports = exports['default'];
/***/ }),
/***/ 54914:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = createPrefixer;
var _prefixProperty = __webpack_require__(15213);
var _prefixProperty2 = _interopRequireDefault(_prefixProperty);
var _prefixValue = __webpack_require__(5192);
var _prefixValue2 = _interopRequireDefault(_prefixValue);
var _addNewValuesOnly = __webpack_require__(52413);
var _addNewValuesOnly2 = _interopRequireDefault(_addNewValuesOnly);
var _isObject = __webpack_require__(19260);
var _isObject2 = _interopRequireDefault(_isObject);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function createPrefixer(_ref) {
var prefixMap = _ref.prefixMap,
plugins = _ref.plugins;
function prefixAll(style) {
for (var property in style) {
var value = style[property];
// handle nested objects
if ((0, _isObject2.default)(value)) {
style[property] = prefixAll(value);
// handle array values
} else if (Array.isArray(value)) {
var combinedValue = [];
for (var i = 0, len = value.length; i < len; ++i) {
var processedValue = (0, _prefixValue2.default)(plugins, property, value[i], style, prefixMap);
(0, _addNewValuesOnly2.default)(combinedValue, processedValue || value[i]);
}
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (combinedValue.length > 0) {
style[property] = combinedValue;
}
} else {
var _processedValue = (0, _prefixValue2.default)(plugins, property, value, style, prefixMap);
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (_processedValue) {
style[property] = _processedValue;
}
style = (0, _prefixProperty2.default)(prefixMap, property, style);
}
}
return style;
}
return prefixAll;
}
module.exports = exports['default'];
/***/ }),
/***/ 92383:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = calc;
var _isPrefixedValue = __webpack_require__(59125);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefixes = ['-webkit-', '-moz-', ''];
function calc(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('calc(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/calc\(/g, prefix + 'calc(');
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 73634:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = crossFade;
var _isPrefixedValue = __webpack_require__(59125);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#search=cross-fade
var prefixes = ['-webkit-', ''];
function crossFade(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('cross-fade(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/cross-fade\(/g, prefix + 'cross-fade(');
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 68260:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = cursor;
var prefixes = ['-webkit-', '-moz-', ''];
var values = {
'zoom-in': true,
'zoom-out': true,
grab: true,
grabbing: true
};
function cursor(property, value) {
if (property === 'cursor' && values.hasOwnProperty(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 72019:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = filter;
var _isPrefixedValue = __webpack_require__(59125);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#feat=css-filter-function
var prefixes = ['-webkit-', ''];
function filter(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('filter(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/filter\(/g, prefix + 'filter(');
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 2726:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = flex;
var values = {
flex: ['-webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex'],
'inline-flex': ['-webkit-inline-box', '-moz-inline-box', '-ms-inline-flexbox', '-webkit-inline-flex', 'inline-flex']
};
function flex(property, value) {
if (property === 'display' && values.hasOwnProperty(value)) {
return values[value];
}
}
module.exports = exports['default'];
/***/ }),
/***/ 33555:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = flexboxIE;
var alternativeValues = {
'space-around': 'distribute',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end'
};
var alternativeProps = {
alignContent: 'msFlexLinePack',
alignSelf: 'msFlexItemAlign',
alignItems: 'msFlexAlign',
justifyContent: 'msFlexPack',
order: 'msFlexOrder',
flexGrow: 'msFlexPositive',
flexShrink: 'msFlexNegative',
flexBasis: 'msFlexPreferredSize'
};
function flexboxIE(property, value, style) {
if (alternativeProps.hasOwnProperty(property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
}
module.exports = exports['default'];
/***/ }),
/***/ 2522:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = flexboxOld;
var alternativeValues = {
'space-around': 'justify',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end',
'wrap-reverse': 'multiple',
wrap: 'multiple',
flex: 'box',
'inline-flex': 'inline-box'
};
var alternativeProps = {
alignItems: 'WebkitBoxAlign',
justifyContent: 'WebkitBoxPack',
flexWrap: 'WebkitBoxLines',
flexGrow: 'WebkitBoxFlex'
};
function flexboxOld(property, value, style) {
if (property === 'flexDirection' && typeof value === 'string') {
if (value.indexOf('column') > -1) {
style.WebkitBoxOrient = 'vertical';
} else {
style.WebkitBoxOrient = 'horizontal';
}
if (value.indexOf('reverse') > -1) {
style.WebkitBoxDirection = 'reverse';
} else {
style.WebkitBoxDirection = 'normal';
}
}
if (alternativeProps.hasOwnProperty(property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
}
module.exports = exports['default'];
/***/ }),
/***/ 76101:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = gradient;
var _isPrefixedValue = __webpack_require__(59125);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefixes = ['-webkit-', '-moz-', ''];
var values = /linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient/gi;
function gradient(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && values.test(value)) {
return prefixes.map(function (prefix) {
return value.replace(values, function (grad) {
return prefix + grad;
});
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 11106:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = imageSet;
var _isPrefixedValue = __webpack_require__(59125);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#feat=css-image-set
var prefixes = ['-webkit-', ''];
function imageSet(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('image-set(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/image-set\(/g, prefix + 'image-set(');
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 62703:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = position;
function position(property, value) {
if (property === 'position' && value === 'sticky') {
return ['-webkit-sticky', 'sticky'];
}
}
module.exports = exports['default'];
/***/ }),
/***/ 65934:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = sizing;
var prefixes = ['-webkit-', '-moz-', ''];
var properties = {
maxHeight: true,
maxWidth: true,
width: true,
height: true,
columnWidth: true,
minWidth: true,
minHeight: true
};
var values = {
'min-content': true,
'max-content': true,
'fill-available': true,
'fit-content': true,
'contain-floats': true
};
function sizing(property, value) {
if (properties.hasOwnProperty(property) && values.hasOwnProperty(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
module.exports = exports['default'];
/***/ }),
/***/ 91864:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = transition;
var _hyphenateProperty = __webpack_require__(15841);
var _hyphenateProperty2 = _interopRequireDefault(_hyphenateProperty);
var _isPrefixedValue = __webpack_require__(59125);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
var _capitalizeString = __webpack_require__(20035);
var _capitalizeString2 = _interopRequireDefault(_capitalizeString);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var properties = {
transition: true,
transitionProperty: true,
WebkitTransition: true,
WebkitTransitionProperty: true,
MozTransition: true,
MozTransitionProperty: true
};
var prefixMapping = {
Webkit: '-webkit-',
Moz: '-moz-',
ms: '-ms-'
};
function prefixValue(value, propertyPrefixMap) {
if ((0, _isPrefixedValue2.default)(value)) {
return value;
}
// only split multi values, not cubic beziers
var multipleValues = value.split(/,(?![^()]*(?:\([^()]*\))?\))/g);
for (var i = 0, len = multipleValues.length; i < len; ++i) {
var singleValue = multipleValues[i];
var values = [singleValue];
for (var property in propertyPrefixMap) {
var dashCaseProperty = (0, _hyphenateProperty2.default)(property);
if (singleValue.indexOf(dashCaseProperty) > -1 && dashCaseProperty !== 'order') {
var prefixes = propertyPrefixMap[property];
for (var j = 0, pLen = prefixes.length; j < pLen; ++j) {
// join all prefixes and create a new value
values.unshift(singleValue.replace(dashCaseProperty, prefixMapping[prefixes[j]] + dashCaseProperty));
}
}
}
multipleValues[i] = values.join(',');
}
return multipleValues.join(',');
}
function transition(property, value, style, propertyPrefixMap) {
// also check for already prefixed transitions
if (typeof value === 'string' && properties.hasOwnProperty(property)) {
var outputValue = prefixValue(value, propertyPrefixMap);
// if the property is already prefixed
var webkitOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-moz-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Webkit') > -1) {
return webkitOutput;
}
var mozOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-webkit-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Moz') > -1) {
return mozOutput;
}
style['Webkit' + (0, _capitalizeString2.default)(property)] = webkitOutput;
style['Moz' + (0, _capitalizeString2.default)(property)] = mozOutput;
return outputValue;
}
}
module.exports = exports['default'];
/***/ }),
/***/ 52413:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = addNewValuesOnly;
function addIfNew(list, value) {
if (list.indexOf(value) === -1) {
list.push(value);
}
}
function addNewValuesOnly(list, values) {
if (Array.isArray(values)) {
for (var i = 0, len = values.length; i < len; ++i) {
addIfNew(list, values[i]);
}
} else {
addIfNew(list, values);
}
}
module.exports = exports["default"];
/***/ }),
/***/ 20035:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = capitalizeString;
function capitalizeString(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
module.exports = exports["default"];
/***/ }),
/***/ 38891:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = getBrowserInformation;
var _bowser = __webpack_require__(50993);
var _bowser2 = _interopRequireDefault(_bowser);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefixByBrowser = {
chrome: 'Webkit',
safari: 'Webkit',
ios: 'Webkit',
android: 'Webkit',
phantom: 'Webkit',
opera: 'Webkit',
webos: 'Webkit',
blackberry: 'Webkit',
bada: 'Webkit',
tizen: 'Webkit',
chromium: 'Webkit',
vivaldi: 'Webkit',
firefox: 'Moz',
seamoney: 'Moz',
sailfish: 'Moz',
msie: 'ms',
msedge: 'ms'
};
var browserByCanIuseAlias = {
chrome: 'chrome',
chromium: 'chrome',
safari: 'safari',
firfox: 'firefox',
msedge: 'edge',
opera: 'opera',
vivaldi: 'opera',
msie: 'ie'
};
function getBrowserName(browserInfo) {
if (browserInfo.firefox) {
return 'firefox';
}
if (browserInfo.mobile || browserInfo.tablet) {
if (browserInfo.ios) {
return 'ios_saf';
} else if (browserInfo.android) {
return 'android';
} else if (browserInfo.opera) {
return 'op_mini';
}
}
for (var browser in browserByCanIuseAlias) {
if (browserInfo.hasOwnProperty(browser)) {
return browserByCanIuseAlias[browser];
}
}
}
/**
* Uses bowser to get default browser browserInformation such as version and name
* Evaluates bowser browserInfo and adds vendorPrefix browserInformation
* @param {string} userAgent - userAgent that gets evaluated
*/
function getBrowserInformation(userAgent) {
var browserInfo = _bowser2.default._detect(userAgent);
if (browserInfo.yandexbrowser) {
browserInfo = _bowser2.default._detect(userAgent.replace(/YaBrowser\/[0-9.]*/, ''));
}
for (var browser in prefixByBrowser) {
if (browserInfo.hasOwnProperty(browser)) {
var prefix = prefixByBrowser[browser];
browserInfo.jsPrefix = prefix;
browserInfo.cssPrefix = '-' + prefix.toLowerCase() + '-';
break;
}
}
browserInfo.browserName = getBrowserName(browserInfo);
// For cordova IOS 8 the version is missing, set truncated osversion to prevent NaN
if (browserInfo.version) {
browserInfo.browserVersion = parseFloat(browserInfo.version);
} else {
browserInfo.browserVersion = parseInt(parseFloat(browserInfo.osversion), 10);
}
browserInfo.osVersion = parseFloat(browserInfo.osversion);
// iOS forces all browsers to use Safari under the hood
// as the Safari version seems to match the iOS version
// we just explicitely use the osversion instead
// https://github.com/rofrischmann/inline-style-prefixer/issues/72
if (browserInfo.browserName === 'ios_saf' && browserInfo.browserVersion > browserInfo.osVersion) {
browserInfo.browserVersion = browserInfo.osVersion;
}
// seperate native android chrome
// https://github.com/rofrischmann/inline-style-prefixer/issues/45
if (browserInfo.browserName === 'android' && browserInfo.chrome && browserInfo.browserVersion > 37) {
browserInfo.browserName = 'and_chr';
}
// For android < 4.4 we want to check the osversion
// not the chrome version, see issue #26
// https://github.com/rofrischmann/inline-style-prefixer/issues/26
if (browserInfo.browserName === 'android' && browserInfo.osVersion < 5) {
browserInfo.browserVersion = browserInfo.osVersion;
}
// Samsung browser are basically build on Chrome > 44
// https://github.com/rofrischmann/inline-style-prefixer/issues/102
if (browserInfo.browserName === 'android' && browserInfo.samsungBrowser) {
browserInfo.browserName = 'and_chr';
browserInfo.browserVersion = 44;
}
return browserInfo;
}
module.exports = exports['default'];
/***/ }),
/***/ 29517:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = getPrefixedKeyframes;
function getPrefixedKeyframes(browserName, browserVersion, cssPrefix) {
var prefixedKeyframes = 'keyframes';
if (browserName === 'chrome' && browserVersion < 43 || (browserName === 'safari' || browserName === 'ios_saf') && browserVersion < 9 || browserName === 'opera' && browserVersion < 30 || browserName === 'android' && browserVersion <= 4.4 || browserName === 'and_uc') {
return cssPrefix + prefixedKeyframes;
}
return prefixedKeyframes;
}
module.exports = exports['default'];
/***/ }),
/***/ 95402:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = getPrefixedValue;
function getPrefixedValue(prefixedValue, value, keepUnprefixed) {
if (keepUnprefixed) {
return [prefixedValue, value];
}
return prefixedValue;
}
module.exports = exports["default"];
/***/ }),
/***/ 19260:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = isObject;
function isObject(value) {
return value instanceof Object && !Array.isArray(value);
}
module.exports = exports["default"];
/***/ }),
/***/ 15213:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = prefixProperty;
var _capitalizeString = __webpack_require__(20035);
var _capitalizeString2 = _interopRequireDefault(_capitalizeString);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function prefixProperty(prefixProperties, property, style) {
if (prefixProperties.hasOwnProperty(property)) {
var newStyle = {};
var requiredPrefixes = prefixProperties[property];
var capitalizedProperty = (0, _capitalizeString2.default)(property);
var keys = Object.keys(style);
for (var i = 0; i < keys.length; i++) {
var styleProperty = keys[i];
if (styleProperty === property) {
for (var j = 0; j < requiredPrefixes.length; j++) {
newStyle[requiredPrefixes[j] + capitalizedProperty] = style[property];
}
}
newStyle[styleProperty] = style[styleProperty];
}
return newStyle;
}
return style;
}
module.exports = exports['default'];
/***/ }),
/***/ 5192:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = prefixValue;
function prefixValue(plugins, property, value, style, metaData) {
for (var i = 0, len = plugins.length; i < len; ++i) {
var processedValue = plugins[i](property, value, style, metaData);
// we can stop processing if a value is returned
// as all plugin criteria are unique
if (processedValue) {
return processedValue;
}
}
}
module.exports = exports["default"];
/***/ }),
/***/ 30285:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactPropTypesSecret = __webpack_require__(36624);
function emptyFunction() {}
function emptyFunctionWithReset() {}
emptyFunctionWithReset.resetWarningCache = emptyFunction;
module.exports = function() {
function shim(props, propName, componentName, location, propFullName, secret) {
if (secret === ReactPropTypesSecret) {
// It is still safe when called from React.
return;
}
var err = new Error(
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
'Use PropTypes.checkPropTypes() to call them. ' +
'Read more at http://fb.me/use-check-prop-types'
);
err.name = 'Invariant Violation';
throw err;
};
shim.isRequired = shim;
function getShim() {
return shim;
};
// Important!
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
var ReactPropTypes = {
array: shim,
bigint: shim,
bool: shim,
func: shim,
number: shim,
object: shim,
string: shim,
symbol: shim,
any: shim,
arrayOf: getShim,
element: shim,
elementType: shim,
instanceOf: getShim,
node: shim,
objectOf: getShim,
oneOf: getShim,
oneOfType: getShim,
shape: getShim,
exact: getShim,
checkPropTypes: emptyFunctionWithReset,
resetWarningCache: emptyFunction
};
ReactPropTypes.PropTypes = ReactPropTypes;
return ReactPropTypes;
};
/***/ }),
/***/ 4780:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
if (false) { var throwOnDirectAccess, ReactIs; } else {
// By explicitly using `prop-types` you are opting into new production behavior.
// http://fb.me/prop-types-in-prod
module.exports = __webpack_require__(30285)();
}
/***/ }),
/***/ 36624:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
module.exports = ReactPropTypesSecret;
/***/ }),
/***/ 98976:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;
exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isAsyncMode=function(a){return A(a)||z(a)===l};exports.isConcurrentMode=A;exports.isContextConsumer=function(a){return z(a)===k};exports.isContextProvider=function(a){return z(a)===h};exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return z(a)===n};exports.isFragment=function(a){return z(a)===e};exports.isLazy=function(a){return z(a)===t};
exports.isMemo=function(a){return z(a)===r};exports.isPortal=function(a){return z(a)===d};exports.isProfiler=function(a){return z(a)===g};exports.isStrictMode=function(a){return z(a)===f};exports.isSuspense=function(a){return z(a)===p};
exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};exports.typeOf=z;
/***/ }),
/***/ 37453:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
if (true) {
module.exports = __webpack_require__(98976);
} else {}
/***/ }),
/***/ 44005:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/** @license React v17.0.2
* react-dom.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/*
Modernizr 3.0.0pre (Custom Build) | MIT
*/
var aa=__webpack_require__(49231),m=__webpack_require__(25432),r=__webpack_require__(26158);function y(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!aa)throw Error(y(227));var ba=new Set,ca={};function da(a,b){ea(a,b);ea(a+"Capture",b)}
function ea(a,b){ca[a]=b;for(a=0;a<b.length;a++)ba.add(b[a])}
var fa=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),ha=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ia=Object.prototype.hasOwnProperty,
ja={},ka={};function la(a){if(ia.call(ka,a))return!0;if(ia.call(ja,a))return!1;if(ha.test(a))return ka[a]=!0;ja[a]=!0;return!1}function ma(a,b,c,d){if(null!==c&&0===c.type)return!1;switch(typeof b){case "function":case "symbol":return!0;case "boolean":if(d)return!1;if(null!==c)return!c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return"data-"!==a&&"aria-"!==a;default:return!1}}
function na(a,b,c,d){if(null===b||"undefined"===typeof b||ma(a,b,c,d))return!0;if(d)return!1;if(null!==c)switch(c.type){case 3:return!b;case 4:return!1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return!1}function B(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g}var D={};
"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){D[a]=new B(a,0,!1,a,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];D[b]=new B(b,1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){D[a]=new B(a,2,!1,a.toLowerCase(),null,!1,!1)});
["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){D[a]=new B(a,2,!1,a,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){D[a]=new B(a,3,!1,a.toLowerCase(),null,!1,!1)});
["checked","multiple","muted","selected"].forEach(function(a){D[a]=new B(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){D[a]=new B(a,4,!1,a,null,!1,!1)});["cols","rows","size","span"].forEach(function(a){D[a]=new B(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){D[a]=new B(a,5,!1,a.toLowerCase(),null,!1,!1)});var oa=/[\-:]([a-z])/g;function pa(a){return a[1].toUpperCase()}
"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(oa,
pa);D[b]=new B(b,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(oa,pa);D[b]=new B(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(oa,pa);D[b]=new B(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!1,!1)});
D.xlinkHref=new B("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!0,!0)});
function qa(a,b,c,d){var e=D.hasOwnProperty(b)?D[b]:null;var f=null!==e?0===e.type:d?!1:!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1]?!1:!0;f||(na(b,c,e,d)&&(c=null),d||null===e?la(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3===e.type?!1:"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(e=e.type,c=3===e||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c))))}
var ra=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,sa=60103,ta=60106,ua=60107,wa=60108,xa=60114,ya=60109,za=60110,Aa=60112,Ba=60113,Ca=60120,Da=60115,Ea=60116,Fa=60121,Ga=60128,Ha=60129,Ia=60130,Ja=60131;
if("function"===typeof Symbol&&Symbol.for){var E=Symbol.for;sa=E("react.element");ta=E("react.portal");ua=E("react.fragment");wa=E("react.strict_mode");xa=E("react.profiler");ya=E("react.provider");za=E("react.context");Aa=E("react.forward_ref");Ba=E("react.suspense");Ca=E("react.suspense_list");Da=E("react.memo");Ea=E("react.lazy");Fa=E("react.block");E("react.scope");Ga=E("react.opaque.id");Ha=E("react.debug_trace_mode");Ia=E("react.offscreen");Ja=E("react.legacy_hidden")}
var Ka="function"===typeof Symbol&&Symbol.iterator;function La(a){if(null===a||"object"!==typeof a)return null;a=Ka&&a[Ka]||a["@@iterator"];return"function"===typeof a?a:null}var Ma;function Na(a){if(void 0===Ma)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Ma=b&&b[1]||""}return"\n"+Ma+a}var Oa=!1;
function Pa(a,b){if(!a||Oa)return"";Oa=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(b)if(b=function(){throw Error();},Object.defineProperty(b.prototype,"props",{set:function(){throw Error();}}),"object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(b,[])}catch(k){var d=k}Reflect.construct(a,[],b)}else{try{b.call()}catch(k){d=k}a.call(b.prototype)}else{try{throw Error();}catch(k){d=k}a()}}catch(k){if(k&&d&&"string"===typeof k.stack){for(var e=k.stack.split("\n"),
f=d.stack.split("\n"),g=e.length-1,h=f.length-1;1<=g&&0<=h&&e[g]!==f[h];)h--;for(;1<=g&&0<=h;g--,h--)if(e[g]!==f[h]){if(1!==g||1!==h){do if(g--,h--,0>h||e[g]!==f[h])return"\n"+e[g].replace(" at new "," at ");while(1<=g&&0<=h)}break}}}finally{Oa=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:"")?Na(a):""}
function Qa(a){switch(a.tag){case 5:return Na(a.type);case 16:return Na("Lazy");case 13:return Na("Suspense");case 19:return Na("SuspenseList");case 0:case 2:case 15:return a=Pa(a.type,!1),a;case 11:return a=Pa(a.type.render,!1),a;case 22:return a=Pa(a.type._render,!1),a;case 1:return a=Pa(a.type,!0),a;default:return""}}
function Ra(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ua:return"Fragment";case ta:return"Portal";case xa:return"Profiler";case wa:return"StrictMode";case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return(a.displayName||"Context")+".Consumer";case ya:return(a._context.displayName||"Context")+".Provider";case Aa:var b=a.render;b=b.displayName||b.name||"";
return a.displayName||(""!==b?"ForwardRef("+b+")":"ForwardRef");case Da:return Ra(a.type);case Fa:return Ra(a._render);case Ea:b=a._payload;a=a._init;try{return Ra(a(b))}catch(c){}}return null}function Sa(a){switch(typeof a){case "boolean":case "number":case "object":case "string":case "undefined":return a;default:return""}}function Ta(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
function Ua(a){var b=Ta(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=""+a},stopTracking:function(){a._valueTracker=
null;delete a[b]}}}}function Va(a){a._valueTracker||(a._valueTracker=Ua(a))}function Wa(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=Ta(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Xa(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}
function Ya(a,b){var c=b.checked;return m({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function Za(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Sa(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value}}function $a(a,b){b=b.checked;null!=b&&qa(a,"checked",b,!1)}
function ab(a,b){$a(a,b);var c=Sa(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=c)a.value=""+c}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?bb(a,b.type,c):b.hasOwnProperty("defaultValue")&&bb(a,b.type,Sa(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}
function cb(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;""!==c&&(a.name="");a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c)}
function bb(a,b,c){if("number"!==b||Xa(a.ownerDocument)!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c)}function db(a){var b="";aa.Children.forEach(a,function(a){null!=a&&(b+=a)});return b}function eb(a,b){a=m({children:void 0},b);if(b=db(b.children))a.children=b;return a}
function fb(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+Sa(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
function gb(a,b){if(null!=b.dangerouslySetInnerHTML)throw Error(y(91));return m({},b,{value:void 0,defaultValue:void 0,children:""+a._wrapperState.initialValue})}function hb(a,b){var c=b.value;if(null==c){c=b.children;b=b.defaultValue;if(null!=c){if(null!=b)throw Error(y(92));if(Array.isArray(c)){if(!(1>=c.length))throw Error(y(93));c=c[0]}b=c}null==b&&(b="");c=b}a._wrapperState={initialValue:Sa(c)}}
function ib(a,b){var c=Sa(b.value),d=Sa(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d)}function jb(a){var b=a.textContent;b===a._wrapperState.initialValue&&""!==b&&null!==b&&(a.value=b)}var kb={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};
function lb(a){switch(a){case "svg":return"http://www.w3.org/2000/svg";case "math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function mb(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?lb(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a}
var nb,ob=function(a){return"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,c,d,e)})}:a}(function(a,b){if(a.namespaceURI!==kb.svg||"innerHTML"in a)a.innerHTML=b;else{nb=nb||document.createElement("div");nb.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=nb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}});
function pb(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}
var qb={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,
floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},rb=["Webkit","ms","Moz","O"];Object.keys(qb).forEach(function(a){rb.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);qb[b]=qb[a]})});function sb(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||qb.hasOwnProperty(a)&&qb[a]?(""+b).trim():b+"px"}
function tb(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=sb(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e}}var ub=m({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});
function vb(a,b){if(b){if(ub[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(y(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(y(60));if(!("object"===typeof b.dangerouslySetInnerHTML&&"__html"in b.dangerouslySetInnerHTML))throw Error(y(61));}if(null!=b.style&&"object"!==typeof b.style)throw Error(y(62));}}
function wb(a,b){if(-1===a.indexOf("-"))return"string"===typeof b.is;switch(a){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":return!1;default:return!0}}function xb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var yb=null,zb=null,Ab=null;
function Bb(a){if(a=Cb(a)){if("function"!==typeof yb)throw Error(y(280));var b=a.stateNode;b&&(b=Db(b),yb(a.stateNode,a.type,b))}}function Eb(a){zb?Ab?Ab.push(a):Ab=[a]:zb=a}function Fb(){if(zb){var a=zb,b=Ab;Ab=zb=null;Bb(a);if(b)for(a=0;a<b.length;a++)Bb(b[a])}}function Gb(a,b){return a(b)}function Hb(a,b,c,d,e){return a(b,c,d,e)}function Ib(){}var Jb=Gb,Kb=!1,Lb=!1;function Mb(){if(null!==zb||null!==Ab)Ib(),Fb()}
function Nb(a,b,c){if(Lb)return a(b,c);Lb=!0;try{return Jb(a,b,c)}finally{Lb=!1,Mb()}}
function Ob(a,b){var c=a.stateNode;if(null===c)return null;var d=Db(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
typeof c)throw Error(y(231,b,typeof c));return c}var Pb=!1;if(fa)try{var Qb={};Object.defineProperty(Qb,"passive",{get:function(){Pb=!0}});window.addEventListener("test",Qb,Qb);window.removeEventListener("test",Qb,Qb)}catch(a){Pb=!1}function Rb(a,b,c,d,e,f,g,h,k){var l=Array.prototype.slice.call(arguments,3);try{b.apply(c,l)}catch(n){this.onError(n)}}var Sb=!1,Tb=null,Ub=!1,Vb=null,Wb={onError:function(a){Sb=!0;Tb=a}};function Xb(a,b,c,d,e,f,g,h,k){Sb=!1;Tb=null;Rb.apply(Wb,arguments)}
function Yb(a,b,c,d,e,f,g,h,k){Xb.apply(this,arguments);if(Sb){if(Sb){var l=Tb;Sb=!1;Tb=null}else throw Error(y(198));Ub||(Ub=!0,Vb=l)}}function Zb(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&1026)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}function $b(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function ac(a){if(Zb(a)!==a)throw Error(y(188));}
function bc(a){var b=a.alternate;if(!b){b=Zb(a);if(null===b)throw Error(y(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return ac(e),a;if(f===d)return ac(e),b;f=f.sibling}throw Error(y(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(y(189));}}if(c.alternate!==d)throw Error(y(190));}if(3!==c.tag)throw Error(y(188));return c.stateNode.current===c?a:b}function cc(a){a=bc(a);if(!a)return null;for(var b=a;;){if(5===b.tag||6===b.tag)return b;if(b.child)b.child.return=b,b=b.child;else{if(b===a)break;for(;!b.sibling;){if(!b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}}return null}
function dc(a,b){for(var c=a.alternate;null!==b;){if(b===a||b===c)return!0;b=b.return}return!1}var ec,fc,gc,hc,ic=!1,jc=[],kc=null,lc=null,mc=null,nc=new Map,oc=new Map,pc=[],qc="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");
function rc(a,b,c,d,e){return{blockedOn:a,domEventName:b,eventSystemFlags:c|16,nativeEvent:e,targetContainers:[d]}}function sc(a,b){switch(a){case "focusin":case "focusout":kc=null;break;case "dragenter":case "dragleave":lc=null;break;case "mouseover":case "mouseout":mc=null;break;case "pointerover":case "pointerout":nc.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":oc.delete(b.pointerId)}}
function tc(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a=rc(b,c,d,e,f),null!==b&&(b=Cb(b),null!==b&&fc(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
function uc(a,b,c,d,e){switch(b){case "focusin":return kc=tc(kc,a,b,c,d,e),!0;case "dragenter":return lc=tc(lc,a,b,c,d,e),!0;case "mouseover":return mc=tc(mc,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;nc.set(f,tc(nc.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,oc.set(f,tc(oc.get(f)||null,a,b,c,d,e)),!0}return!1}
function vc(a){var b=wc(a.target);if(null!==b){var c=Zb(b);if(null!==c)if(b=c.tag,13===b){if(b=$b(c),null!==b){a.blockedOn=b;hc(a.lanePriority,function(){r.unstable_runWithPriority(a.priority,function(){gc(c)})});return}}else if(3===b&&c.stateNode.hydrate){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
function xc(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=yc(a.domEventName,a.eventSystemFlags,b[0],a.nativeEvent);if(null!==c)return b=Cb(c),null!==b&&fc(b),a.blockedOn=c,!1;b.shift()}return!0}function zc(a,b,c){xc(a)&&c.delete(b)}
function Ac(){for(ic=!1;0<jc.length;){var a=jc[0];if(null!==a.blockedOn){a=Cb(a.blockedOn);null!==a&&ec(a);break}for(var b=a.targetContainers;0<b.length;){var c=yc(a.domEventName,a.eventSystemFlags,b[0],a.nativeEvent);if(null!==c){a.blockedOn=c;break}b.shift()}null===a.blockedOn&&jc.shift()}null!==kc&&xc(kc)&&(kc=null);null!==lc&&xc(lc)&&(lc=null);null!==mc&&xc(mc)&&(mc=null);nc.forEach(zc);oc.forEach(zc)}
function Bc(a,b){a.blockedOn===b&&(a.blockedOn=null,ic||(ic=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,Ac)))}
function Cc(a){function b(b){return Bc(b,a)}if(0<jc.length){Bc(jc[0],a);for(var c=1;c<jc.length;c++){var d=jc[c];d.blockedOn===a&&(d.blockedOn=null)}}null!==kc&&Bc(kc,a);null!==lc&&Bc(lc,a);null!==mc&&Bc(mc,a);nc.forEach(b);oc.forEach(b);for(c=0;c<pc.length;c++)d=pc[c],d.blockedOn===a&&(d.blockedOn=null);for(;0<pc.length&&(c=pc[0],null===c.blockedOn);)vc(c),null===c.blockedOn&&pc.shift()}
function Dc(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Ec={animationend:Dc("Animation","AnimationEnd"),animationiteration:Dc("Animation","AnimationIteration"),animationstart:Dc("Animation","AnimationStart"),transitionend:Dc("Transition","TransitionEnd")},Fc={},Gc={};
fa&&(Gc=document.createElement("div").style,"AnimationEvent"in window||(delete Ec.animationend.animation,delete Ec.animationiteration.animation,delete Ec.animationstart.animation),"TransitionEvent"in window||delete Ec.transitionend.transition);function Hc(a){if(Fc[a])return Fc[a];if(!Ec[a])return a;var b=Ec[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Gc)return Fc[a]=b[c];return a}
var Ic=Hc("animationend"),Jc=Hc("animationiteration"),Kc=Hc("animationstart"),Lc=Hc("transitionend"),Mc=new Map,Nc=new Map,Oc=["abort","abort",Ic,"animationEnd",Jc,"animationIteration",Kc,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart",
"lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",Lc,"transitionEnd","waiting","waiting"];function Pc(a,b){for(var c=0;c<a.length;c+=2){var d=a[c],e=a[c+1];e="on"+(e[0].toUpperCase()+e.slice(1));Nc.set(d,b);Mc.set(d,e);da(e,[d])}}var Qc=r.unstable_now;Qc();var F=8;
function Rc(a){if(0!==(1&a))return F=15,1;if(0!==(2&a))return F=14,2;if(0!==(4&a))return F=13,4;var b=24&a;if(0!==b)return F=12,b;if(0!==(a&32))return F=11,32;b=192&a;if(0!==b)return F=10,b;if(0!==(a&256))return F=9,256;b=3584&a;if(0!==b)return F=8,b;if(0!==(a&4096))return F=7,4096;b=4186112&a;if(0!==b)return F=6,b;b=62914560&a;if(0!==b)return F=5,b;if(a&67108864)return F=4,67108864;if(0!==(a&134217728))return F=3,134217728;b=805306368&a;if(0!==b)return F=2,b;if(0!==(1073741824&a))return F=1,1073741824;
F=8;return a}function Sc(a){switch(a){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}function Tc(a){switch(a){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(y(358,a));}}
function Uc(a,b){var c=a.pendingLanes;if(0===c)return F=0;var d=0,e=0,f=a.expiredLanes,g=a.suspendedLanes,h=a.pingedLanes;if(0!==f)d=f,e=F=15;else if(f=c&134217727,0!==f){var k=f&~g;0!==k?(d=Rc(k),e=F):(h&=f,0!==h&&(d=Rc(h),e=F))}else f=c&~g,0!==f?(d=Rc(f),e=F):0!==h&&(d=Rc(h),e=F);if(0===d)return 0;d=31-Vc(d);d=c&((0>d?0:1<<d)<<1)-1;if(0!==b&&b!==d&&0===(b&g)){Rc(b);if(e<=F)return b;F=e}b=a.entangledLanes;if(0!==b)for(a=a.entanglements,b&=d;0<b;)c=31-Vc(b),e=1<<c,d|=a[c],b&=~e;return d}
function Wc(a){a=a.pendingLanes&-1073741825;return 0!==a?a:a&1073741824?1073741824:0}function Xc(a,b){switch(a){case 15:return 1;case 14:return 2;case 12:return a=Yc(24&~b),0===a?Xc(10,b):a;case 10:return a=Yc(192&~b),0===a?Xc(8,b):a;case 8:return a=Yc(3584&~b),0===a&&(a=Yc(4186112&~b),0===a&&(a=512)),a;case 2:return b=Yc(805306368&~b),0===b&&(b=268435456),b}throw Error(y(358,a));}function Yc(a){return a&-a}function Zc(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}
function $c(a,b,c){a.pendingLanes|=b;var d=b-1;a.suspendedLanes&=d;a.pingedLanes&=d;a=a.eventTimes;b=31-Vc(b);a[b]=c}var Vc=Math.clz32?Math.clz32:ad,bd=Math.log,cd=Math.LN2;function ad(a){return 0===a?32:31-(bd(a)/cd|0)|0}var dd=r.unstable_UserBlockingPriority,ed=r.unstable_runWithPriority,fd=!0;function gd(a,b,c,d){Kb||Ib();var e=hd,f=Kb;Kb=!0;try{Hb(e,a,b,c,d)}finally{(Kb=f)||Mb()}}function id(a,b,c,d){ed(dd,hd.bind(null,a,b,c,d))}
function hd(a,b,c,d){if(fd){var e;if((e=0===(b&4))&&0<jc.length&&-1<qc.indexOf(a))a=rc(null,a,b,c,d),jc.push(a);else{var f=yc(a,b,c,d);if(null===f)e&&sc(a,d);else{if(e){if(-1<qc.indexOf(a)){a=rc(f,a,b,c,d);jc.push(a);return}if(uc(f,a,b,c,d))return;sc(a,d)}jd(a,b,d,null,c)}}}}
function yc(a,b,c,d){var e=xb(d);e=wc(e);if(null!==e){var f=Zb(e);if(null===f)e=null;else{var g=f.tag;if(13===g){e=$b(f);if(null!==e)return e;e=null}else if(3===g){if(f.stateNode.hydrate)return 3===f.tag?f.stateNode.containerInfo:null;e=null}else f!==e&&(e=null)}}jd(a,b,d,e,c);return null}var kd=null,ld=null,md=null;
function nd(){if(md)return md;var a,b=ld,c=b.length,d,e="value"in kd?kd.value:kd.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return md=e.slice(a,1<d?1-d:void 0)}function od(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function pd(){return!0}function qd(){return!1}
function rd(a){function b(b,d,e,f,g){this._reactName=b;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var c in a)a.hasOwnProperty(c)&&(b=a[c],this[c]=b?b(f):f[c]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?pd:qd;this.isPropagationStopped=qd;return this}m(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&
(a.returnValue=!1),this.isDefaultPrevented=pd)},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=pd)},persist:function(){},isPersistent:pd});return b}
var sd={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},td=rd(sd),ud=m({},sd,{view:0,detail:0}),vd=rd(ud),wd,xd,yd,Ad=m({},ud,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:zd,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
a)return a.movementX;a!==yd&&(yd&&"mousemove"===a.type?(wd=a.screenX-yd.screenX,xd=a.screenY-yd.screenY):xd=wd=0,yd=a);return wd},movementY:function(a){return"movementY"in a?a.movementY:xd}}),Bd=rd(Ad),Cd=m({},Ad,{dataTransfer:0}),Dd=rd(Cd),Ed=m({},ud,{relatedTarget:0}),Fd=rd(Ed),Gd=m({},sd,{animationName:0,elapsedTime:0,pseudoElement:0}),Hd=rd(Gd),Id=m({},sd,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),Jd=rd(Id),Kd=m({},sd,{data:0}),Ld=rd(Kd),Md={Esc:"Escape",
Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Nd={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Od={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Pd(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Od[a])?!!b[a]:!1}function zd(){return Pd}
var Qd=m({},ud,{key:function(a){if(a.key){var b=Md[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=od(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?Nd[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:zd,charCode:function(a){return"keypress"===a.type?od(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
a.type?od(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Rd=rd(Qd),Sd=m({},Ad,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Td=rd(Sd),Ud=m({},ud,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:zd}),Vd=rd(Ud),Wd=m({},sd,{propertyName:0,elapsedTime:0,pseudoElement:0}),Xd=rd(Wd),Yd=m({},Ad,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),Zd=rd(Yd),$d=[9,13,27,32],ae=fa&&"CompositionEvent"in window,be=null;fa&&"documentMode"in document&&(be=document.documentMode);var ce=fa&&"TextEvent"in window&&!be,de=fa&&(!ae||be&&8<be&&11>=be),ee=String.fromCharCode(32),fe=!1;
function ge(a,b){switch(a){case "keyup":return-1!==$d.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function he(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var ie=!1;function je(a,b){switch(a){case "compositionend":return he(b);case "keypress":if(32!==b.which)return null;fe=!0;return ee;case "textInput":return a=b.data,a===ee&&fe?null:a;default:return null}}
function ke(a,b){if(ie)return"compositionend"===a||!ae&&ge(a,b)?(a=nd(),md=ld=kd=null,ie=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return de&&"ko"!==b.locale?null:b.data;default:return null}}
var le={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function me(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!le[a.type]:"textarea"===b?!0:!1}function ne(a,b,c,d){Eb(d);b=oe(b,"onChange");0<b.length&&(c=new td("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var pe=null,qe=null;function re(a){se(a,0)}function te(a){var b=ue(a);if(Wa(b))return a}
function ve(a,b){if("change"===a)return b}var we=!1;if(fa){var xe;if(fa){var ye="oninput"in document;if(!ye){var ze=document.createElement("div");ze.setAttribute("oninput","return;");ye="function"===typeof ze.oninput}xe=ye}else xe=!1;we=xe&&(!document.documentMode||9<document.documentMode)}function Ae(){pe&&(pe.detachEvent("onpropertychange",Be),qe=pe=null)}function Be(a){if("value"===a.propertyName&&te(qe)){var b=[];ne(b,qe,a,xb(a));a=re;if(Kb)a(b);else{Kb=!0;try{Gb(a,b)}finally{Kb=!1,Mb()}}}}
function Ce(a,b,c){"focusin"===a?(Ae(),pe=b,qe=c,pe.attachEvent("onpropertychange",Be)):"focusout"===a&&Ae()}function De(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return te(qe)}function Ee(a,b){if("click"===a)return te(b)}function Fe(a,b){if("input"===a||"change"===a)return te(b)}function Ge(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var He="function"===typeof Object.is?Object.is:Ge,Ie=Object.prototype.hasOwnProperty;
function Je(a,b){if(He(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++)if(!Ie.call(b,c[d])||!He(a[c[d]],b[c[d]]))return!1;return!0}function Ke(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
function Le(a,b){var c=Ke(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Ke(c)}}function Me(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Me(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
function Ne(){for(var a=window,b=Xa();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Xa(a.document)}return b}function Oe(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
var Pe=fa&&"documentMode"in document&&11>=document.documentMode,Qe=null,Re=null,Se=null,Te=!1;
function Ue(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Te||null==Qe||Qe!==Xa(d)||(d=Qe,"selectionStart"in d&&Oe(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Se&&Je(Se,d)||(Se=d,d=oe(Re,"onSelect"),0<d.length&&(b=new td("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=Qe)))}
Pc("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),
0);Pc("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1);Pc(Oc,2);for(var Ve="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),We=0;We<Ve.length;We++)Nc.set(Ve[We],0);ea("onMouseEnter",["mouseout","mouseover"]);
ea("onMouseLeave",["mouseout","mouseover"]);ea("onPointerEnter",["pointerout","pointerover"]);ea("onPointerLeave",["pointerout","pointerover"]);da("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));da("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));da("onBeforeInput",["compositionend","keypress","textInput","paste"]);da("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));
da("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));da("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Xe="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Ye=new Set("cancel close invalid load scroll toggle".split(" ").concat(Xe));
function Ze(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;Yb(d,b,void 0,a);a.currentTarget=null}
function se(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,l=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Ze(e,h,l);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;l=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Ze(e,h,l);f=k}}}if(Ub)throw a=Vb,Ub=!1,Vb=null,a;}
function G(a,b){var c=$e(b),d=a+"__bubble";c.has(d)||(af(b,a,2,!1),c.add(d))}var bf="_reactListening"+Math.random().toString(36).slice(2);function cf(a){a[bf]||(a[bf]=!0,ba.forEach(function(b){Ye.has(b)||df(b,!1,a,null);df(b,!0,a,null)}))}
function df(a,b,c,d){var e=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,f=c;"selectionchange"===a&&9!==c.nodeType&&(f=c.ownerDocument);if(null!==d&&!b&&Ye.has(a)){if("scroll"!==a)return;e|=2;f=d}var g=$e(f),h=a+"__"+(b?"capture":"bubble");g.has(h)||(b&&(e|=4),af(f,a,e,b),g.add(h))}
function af(a,b,c,d){var e=Nc.get(b);switch(void 0===e?2:e){case 0:e=gd;break;case 1:e=id;break;default:e=hd}c=e.bind(null,b,c,a);e=void 0;!Pb||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
function jd(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=wc(h);if(null===g)return;k=g.tag;if(5===k||6===k){d=f=g;continue a}h=h.parentNode}}d=d.return}Nb(function(){var d=f,e=xb(c),g=[];
a:{var h=Mc.get(a);if(void 0!==h){var k=td,x=a;switch(a){case "keypress":if(0===od(c))break a;case "keydown":case "keyup":k=Rd;break;case "focusin":x="focus";k=Fd;break;case "focusout":x="blur";k=Fd;break;case "beforeblur":case "afterblur":k=Fd;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":k=Bd;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":k=
Dd;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":k=Vd;break;case Ic:case Jc:case Kc:k=Hd;break;case Lc:k=Xd;break;case "scroll":k=vd;break;case "wheel":k=Zd;break;case "copy":case "cut":case "paste":k=Jd;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":k=Td}var w=0!==(b&4),z=!w&&"scroll"===a,u=w?null!==h?h+"Capture":null:h;w=[];for(var t=d,q;null!==
t;){q=t;var v=q.stateNode;5===q.tag&&null!==v&&(q=v,null!==u&&(v=Ob(t,u),null!=v&&w.push(ef(t,v,q))));if(z)break;t=t.return}0<w.length&&(h=new k(h,x,null,c,e),g.push({event:h,listeners:w}))}}if(0===(b&7)){a:{h="mouseover"===a||"pointerover"===a;k="mouseout"===a||"pointerout"===a;if(h&&0===(b&16)&&(x=c.relatedTarget||c.fromElement)&&(wc(x)||x[ff]))break a;if(k||h){h=e.window===e?e:(h=e.ownerDocument)?h.defaultView||h.parentWindow:window;if(k){if(x=c.relatedTarget||c.toElement,k=d,x=x?wc(x):null,null!==
x&&(z=Zb(x),x!==z||5!==x.tag&&6!==x.tag))x=null}else k=null,x=d;if(k!==x){w=Bd;v="onMouseLeave";u="onMouseEnter";t="mouse";if("pointerout"===a||"pointerover"===a)w=Td,v="onPointerLeave",u="onPointerEnter",t="pointer";z=null==k?h:ue(k);q=null==x?h:ue(x);h=new w(v,t+"leave",k,c,e);h.target=z;h.relatedTarget=q;v=null;wc(e)===d&&(w=new w(u,t+"enter",x,c,e),w.target=q,w.relatedTarget=z,v=w);z=v;if(k&&x)b:{w=k;u=x;t=0;for(q=w;q;q=gf(q))t++;q=0;for(v=u;v;v=gf(v))q++;for(;0<t-q;)w=gf(w),t--;for(;0<q-t;)u=
gf(u),q--;for(;t--;){if(w===u||null!==u&&w===u.alternate)break b;w=gf(w);u=gf(u)}w=null}else w=null;null!==k&&hf(g,h,k,w,!1);null!==x&&null!==z&&hf(g,z,x,w,!0)}}}a:{h=d?ue(d):window;k=h.nodeName&&h.nodeName.toLowerCase();if("select"===k||"input"===k&&"file"===h.type)var J=ve;else if(me(h))if(we)J=Fe;else{J=De;var K=Ce}else(k=h.nodeName)&&"input"===k.toLowerCase()&&("checkbox"===h.type||"radio"===h.type)&&(J=Ee);if(J&&(J=J(a,d))){ne(g,J,c,e);break a}K&&K(a,h,d);"focusout"===a&&(K=h._wrapperState)&&
K.controlled&&"number"===h.type&&bb(h,"number",h.value)}K=d?ue(d):window;switch(a){case "focusin":if(me(K)||"true"===K.contentEditable)Qe=K,Re=d,Se=null;break;case "focusout":Se=Re=Qe=null;break;case "mousedown":Te=!0;break;case "contextmenu":case "mouseup":case "dragend":Te=!1;Ue(g,c,e);break;case "selectionchange":if(Pe)break;case "keydown":case "keyup":Ue(g,c,e)}var Q;if(ae)b:{switch(a){case "compositionstart":var L="onCompositionStart";break b;case "compositionend":L="onCompositionEnd";break b;
case "compositionupdate":L="onCompositionUpdate";break b}L=void 0}else ie?ge(a,c)&&(L="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(L="onCompositionStart");L&&(de&&"ko"!==c.locale&&(ie||"onCompositionStart"!==L?"onCompositionEnd"===L&&ie&&(Q=nd()):(kd=e,ld="value"in kd?kd.value:kd.textContent,ie=!0)),K=oe(d,L),0<K.length&&(L=new Ld(L,a,null,c,e),g.push({event:L,listeners:K}),Q?L.data=Q:(Q=he(c),null!==Q&&(L.data=Q))));if(Q=ce?je(a,c):ke(a,c))d=oe(d,"onBeforeInput"),0<d.length&&(e=new Ld("onBeforeInput",
"beforeinput",null,c,e),g.push({event:e,listeners:d}),e.data=Q)}se(g,b)})}function ef(a,b,c){return{instance:a,listener:b,currentTarget:c}}function oe(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;5===e.tag&&null!==f&&(e=f,f=Ob(a,c),null!=f&&d.unshift(ef(a,f,e)),f=Ob(a,b),null!=f&&d.push(ef(a,f,e)));a=a.return}return d}function gf(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag);return a?a:null}
function hf(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,l=h.stateNode;if(null!==k&&k===d)break;5===h.tag&&null!==l&&(h=l,e?(k=Ob(c,f),null!=k&&g.unshift(ef(c,k,h))):e||(k=Ob(c,f),null!=k&&g.push(ef(c,k,h))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}function jf(){}var kf=null,lf=null;function mf(a,b){switch(a){case "button":case "input":case "select":case "textarea":return!!b.autoFocus}return!1}
function nf(a,b){return"textarea"===a||"option"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var of="function"===typeof setTimeout?setTimeout:void 0,pf="function"===typeof clearTimeout?clearTimeout:void 0;function qf(a){1===a.nodeType?a.textContent="":9===a.nodeType&&(a=a.body,null!=a&&(a.textContent=""))}
function rf(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break}return a}function sf(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}var tf=0;function uf(a){return{$$typeof:Ga,toString:a,valueOf:a}}var vf=Math.random().toString(36).slice(2),wf="__reactFiber$"+vf,xf="__reactProps$"+vf,ff="__reactContainer$"+vf,yf="__reactEvents$"+vf;
function wc(a){var b=a[wf];if(b)return b;for(var c=a.parentNode;c;){if(b=c[ff]||c[wf]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=sf(a);null!==a;){if(c=a[wf])return c;a=sf(a)}return b}a=c;c=a.parentNode}return null}function Cb(a){a=a[wf]||a[ff];return!a||5!==a.tag&&6!==a.tag&&13!==a.tag&&3!==a.tag?null:a}function ue(a){if(5===a.tag||6===a.tag)return a.stateNode;throw Error(y(33));}function Db(a){return a[xf]||null}
function $e(a){var b=a[yf];void 0===b&&(b=a[yf]=new Set);return b}var zf=[],Af=-1;function Bf(a){return{current:a}}function H(a){0>Af||(a.current=zf[Af],zf[Af]=null,Af--)}function I(a,b){Af++;zf[Af]=a.current;a.current=b}var Cf={},M=Bf(Cf),N=Bf(!1),Df=Cf;
function Ef(a,b){var c=a.type.contextTypes;if(!c)return Cf;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function Ff(a){a=a.childContextTypes;return null!==a&&void 0!==a}function Gf(){H(N);H(M)}function Hf(a,b,c){if(M.current!==Cf)throw Error(y(168));I(M,b);I(N,c)}
function If(a,b,c){var d=a.stateNode;a=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in a))throw Error(y(108,Ra(b)||"Unknown",e));return m({},c,d)}function Jf(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Cf;Df=M.current;I(M,a);I(N,N.current);return!0}function Kf(a,b,c){var d=a.stateNode;if(!d)throw Error(y(169));c?(a=If(a,b,Df),d.__reactInternalMemoizedMergedChildContext=a,H(N),H(M),I(M,a)):H(N);I(N,c)}
var Lf=null,Mf=null,Nf=r.unstable_runWithPriority,Of=r.unstable_scheduleCallback,Pf=r.unstable_cancelCallback,Qf=r.unstable_shouldYield,Rf=r.unstable_requestPaint,Sf=r.unstable_now,Tf=r.unstable_getCurrentPriorityLevel,Uf=r.unstable_ImmediatePriority,Vf=r.unstable_UserBlockingPriority,Wf=r.unstable_NormalPriority,Xf=r.unstable_LowPriority,Yf=r.unstable_IdlePriority,Zf={},$f=void 0!==Rf?Rf:function(){},ag=null,bg=null,cg=!1,dg=Sf(),O=1E4>dg?Sf:function(){return Sf()-dg};
function eg(){switch(Tf()){case Uf:return 99;case Vf:return 98;case Wf:return 97;case Xf:return 96;case Yf:return 95;default:throw Error(y(332));}}function fg(a){switch(a){case 99:return Uf;case 98:return Vf;case 97:return Wf;case 96:return Xf;case 95:return Yf;default:throw Error(y(332));}}function gg(a,b){a=fg(a);return Nf(a,b)}function hg(a,b,c){a=fg(a);return Of(a,b,c)}function ig(){if(null!==bg){var a=bg;bg=null;Pf(a)}jg()}
function jg(){if(!cg&&null!==ag){cg=!0;var a=0;try{var b=ag;gg(99,function(){for(;a<b.length;a++){var c=b[a];do c=c(!0);while(null!==c)}});ag=null}catch(c){throw null!==ag&&(ag=ag.slice(a+1)),Of(Uf,ig),c;}finally{cg=!1}}}var kg=ra.ReactCurrentBatchConfig;function lg(a,b){if(a&&a.defaultProps){b=m({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}var mg=Bf(null),ng=null,og=null,pg=null;function qg(){pg=og=ng=null}
function rg(a){var b=mg.current;H(mg);a.type._context._currentValue=b}function sg(a,b){for(;null!==a;){var c=a.alternate;if((a.childLanes&b)===b)if(null===c||(c.childLanes&b)===b)break;else c.childLanes|=b;else a.childLanes|=b,null!==c&&(c.childLanes|=b);a=a.return}}function tg(a,b){ng=a;pg=og=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(ug=!0),a.firstContext=null)}
function vg(a,b){if(pg!==a&&!1!==b&&0!==b){if("number"!==typeof b||1073741823===b)pg=a,b=1073741823;b={context:a,observedBits:b,next:null};if(null===og){if(null===ng)throw Error(y(308));og=b;ng.dependencies={lanes:0,firstContext:b,responders:null}}else og=og.next=b}return a._currentValue}var wg=!1;function xg(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}
function yg(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,effects:a.effects})}function zg(a,b){return{eventTime:a,lane:b,tag:0,payload:null,callback:null,next:null}}function Ag(a,b){a=a.updateQueue;if(null!==a){a=a.shared;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}}
function Bg(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={eventTime:c.eventTime,lane:c.lane,tag:c.tag,payload:c.payload,callback:c.callback,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,effects:d.effects};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=
b;c.lastBaseUpdate=b}
function Cg(a,b,c,d){var e=a.updateQueue;wg=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,l=k.next;k.next=null;null===g?f=l:g.next=l;g=k;var n=a.alternate;if(null!==n){n=n.updateQueue;var A=n.lastBaseUpdate;A!==g&&(null===A?n.firstBaseUpdate=l:A.next=l,n.lastBaseUpdate=k)}}if(null!==f){A=e.baseState;g=0;n=l=k=null;do{h=f.lane;var p=f.eventTime;if((d&h)===h){null!==n&&(n=n.next={eventTime:p,lane:0,tag:f.tag,payload:f.payload,callback:f.callback,
next:null});a:{var C=a,x=f;h=b;p=c;switch(x.tag){case 1:C=x.payload;if("function"===typeof C){A=C.call(p,A,h);break a}A=C;break a;case 3:C.flags=C.flags&-4097|64;case 0:C=x.payload;h="function"===typeof C?C.call(p,A,h):C;if(null===h||void 0===h)break a;A=m({},A,h);break a;case 2:wg=!0}}null!==f.callback&&(a.flags|=32,h=e.effects,null===h?e.effects=[f]:h.push(f))}else p={eventTime:p,lane:h,tag:f.tag,payload:f.payload,callback:f.callback,next:null},null===n?(l=n=p,k=A):n=n.next=p,g|=h;f=f.next;if(null===
f)if(h=e.shared.pending,null===h)break;else f=h.next,h.next=null,e.lastBaseUpdate=h,e.shared.pending=null}while(1);null===n&&(k=A);e.baseState=k;e.firstBaseUpdate=l;e.lastBaseUpdate=n;Dg|=g;a.lanes=g;a.memoizedState=A}}function Eg(a,b,c){a=b.effects;b.effects=null;if(null!==a)for(b=0;b<a.length;b++){var d=a[b],e=d.callback;if(null!==e){d.callback=null;d=c;if("function"!==typeof e)throw Error(y(191,e));e.call(d)}}}var Fg=(new aa.Component).refs;
function Gg(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:m({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
var Kg={isMounted:function(a){return(a=a._reactInternals)?Zb(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=Hg(),e=Ig(a),f=zg(d,e);f.payload=b;void 0!==c&&null!==c&&(f.callback=c);Ag(a,f);Jg(a,e,d)},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=Hg(),e=Ig(a),f=zg(d,e);f.tag=1;f.payload=b;void 0!==c&&null!==c&&(f.callback=c);Ag(a,f);Jg(a,e,d)},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=Hg(),d=Ig(a),e=zg(c,d);e.tag=2;void 0!==b&&null!==b&&(e.callback=
b);Ag(a,e);Jg(a,d,c)}};function Lg(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!Je(c,d)||!Je(e,f):!0}
function Mg(a,b,c){var d=!1,e=Cf;var f=b.contextType;"object"===typeof f&&null!==f?f=vg(f):(e=Ff(b)?Df:M.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Ef(a,e):Cf);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Kg;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
function Ng(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Kg.enqueueReplaceState(b,b.state,null)}
function Og(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs=Fg;xg(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=vg(f):(f=Ff(b)?Df:M.current,e.context=Ef(a,f));Cg(a,c,e,d);e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(Gg(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||
(b=e.state,"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Kg.enqueueReplaceState(e,e.state,null),Cg(a,c,e,d),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4)}var Pg=Array.isArray;
function Qg(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(y(309));var d=c.stateNode}if(!d)throw Error(y(147,a));var e=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===e)return b.ref;b=function(a){var b=d.refs;b===Fg&&(b=d.refs={});null===a?delete b[e]:b[e]=a};b._stringRef=e;return b}if("string"!==typeof a)throw Error(y(284));if(!c._owner)throw Error(y(290,a));}return a}
function Rg(a,b){if("textarea"!==a.type)throw Error(y(31,"[object Object]"===Object.prototype.toString.call(b)?"object with keys {"+Object.keys(b).join(", ")+"}":b));}
function Sg(a){function b(b,c){if(a){var d=b.lastEffect;null!==d?(d.nextEffect=c,b.lastEffect=c):b.firstEffect=b.lastEffect=c;c.nextEffect=null;c.flags=8}}function c(c,d){if(!a)return null;for(;null!==d;)b(c,d),d=d.sibling;return null}function d(a,b){for(a=new Map;null!==b;)null!==b.key?a.set(b.key,b):a.set(b.index,b),b=b.sibling;return a}function e(a,b){a=Tg(a,b);a.index=0;a.sibling=null;return a}function f(b,c,d){b.index=d;if(!a)return c;d=b.alternate;if(null!==d)return d=d.index,d<c?(b.flags=2,
c):d;b.flags=2;return c}function g(b){a&&null===b.alternate&&(b.flags=2);return b}function h(a,b,c,d){if(null===b||6!==b.tag)return b=Ug(c,a.mode,d),b.return=a,b;b=e(b,c);b.return=a;return b}function k(a,b,c,d){if(null!==b&&b.elementType===c.type)return d=e(b,c.props),d.ref=Qg(a,b,c),d.return=a,d;d=Vg(c.type,c.key,c.props,null,a.mode,d);d.ref=Qg(a,b,c);d.return=a;return d}function l(a,b,c,d){if(null===b||4!==b.tag||b.stateNode.containerInfo!==c.containerInfo||b.stateNode.implementation!==c.implementation)return b=
Wg(c,a.mode,d),b.return=a,b;b=e(b,c.children||[]);b.return=a;return b}function n(a,b,c,d,f){if(null===b||7!==b.tag)return b=Xg(c,a.mode,d,f),b.return=a,b;b=e(b,c);b.return=a;return b}function A(a,b,c){if("string"===typeof b||"number"===typeof b)return b=Ug(""+b,a.mode,c),b.return=a,b;if("object"===typeof b&&null!==b){switch(b.$$typeof){case sa:return c=Vg(b.type,b.key,b.props,null,a.mode,c),c.ref=Qg(a,null,b),c.return=a,c;case ta:return b=Wg(b,a.mode,c),b.return=a,b}if(Pg(b)||La(b))return b=Xg(b,
a.mode,c,null),b.return=a,b;Rg(a,b)}return null}function p(a,b,c,d){var e=null!==b?b.key:null;if("string"===typeof c||"number"===typeof c)return null!==e?null:h(a,b,""+c,d);if("object"===typeof c&&null!==c){switch(c.$$typeof){case sa:return c.key===e?c.type===ua?n(a,b,c.props.children,d,e):k(a,b,c,d):null;case ta:return c.key===e?l(a,b,c,d):null}if(Pg(c)||La(c))return null!==e?null:n(a,b,c,d,null);Rg(a,c)}return null}function C(a,b,c,d,e){if("string"===typeof d||"number"===typeof d)return a=a.get(c)||
null,h(b,a,""+d,e);if("object"===typeof d&&null!==d){switch(d.$$typeof){case sa:return a=a.get(null===d.key?c:d.key)||null,d.type===ua?n(b,a,d.props.children,e,d.key):k(b,a,d,e);case ta:return a=a.get(null===d.key?c:d.key)||null,l(b,a,d,e)}if(Pg(d)||La(d))return a=a.get(c)||null,n(b,a,d,e,null);Rg(b,d)}return null}function x(e,g,h,k){for(var l=null,t=null,u=g,z=g=0,q=null;null!==u&&z<h.length;z++){u.index>z?(q=u,u=null):q=u.sibling;var n=p(e,u,h[z],k);if(null===n){null===u&&(u=q);break}a&&u&&null===
n.alternate&&b(e,u);g=f(n,g,z);null===t?l=n:t.sibling=n;t=n;u=q}if(z===h.length)return c(e,u),l;if(null===u){for(;z<h.length;z++)u=A(e,h[z],k),null!==u&&(g=f(u,g,z),null===t?l=u:t.sibling=u,t=u);return l}for(u=d(e,u);z<h.length;z++)q=C(u,e,z,h[z],k),null!==q&&(a&&null!==q.alternate&&u.delete(null===q.key?z:q.key),g=f(q,g,z),null===t?l=q:t.sibling=q,t=q);a&&u.forEach(function(a){return b(e,a)});return l}function w(e,g,h,k){var l=La(h);if("function"!==typeof l)throw Error(y(150));h=l.call(h);if(null==
h)throw Error(y(151));for(var t=l=null,u=g,z=g=0,q=null,n=h.next();null!==u&&!n.done;z++,n=h.next()){u.index>z?(q=u,u=null):q=u.sibling;var w=p(e,u,n.value,k);if(null===w){null===u&&(u=q);break}a&&u&&null===w.alternate&&b(e,u);g=f(w,g,z);null===t?l=w:t.sibling=w;t=w;u=q}if(n.done)return c(e,u),l;if(null===u){for(;!n.done;z++,n=h.next())n=A(e,n.value,k),null!==n&&(g=f(n,g,z),null===t?l=n:t.sibling=n,t=n);return l}for(u=d(e,u);!n.done;z++,n=h.next())n=C(u,e,z,n.value,k),null!==n&&(a&&null!==n.alternate&&
u.delete(null===n.key?z:n.key),g=f(n,g,z),null===t?l=n:t.sibling=n,t=n);a&&u.forEach(function(a){return b(e,a)});return l}return function(a,d,f,h){var k="object"===typeof f&&null!==f&&f.type===ua&&null===f.key;k&&(f=f.props.children);var l="object"===typeof f&&null!==f;if(l)switch(f.$$typeof){case sa:a:{l=f.key;for(k=d;null!==k;){if(k.key===l){switch(k.tag){case 7:if(f.type===ua){c(a,k.sibling);d=e(k,f.props.children);d.return=a;a=d;break a}break;default:if(k.elementType===f.type){c(a,k.sibling);
d=e(k,f.props);d.ref=Qg(a,k,f);d.return=a;a=d;break a}}c(a,k);break}else b(a,k);k=k.sibling}f.type===ua?(d=Xg(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=Vg(f.type,f.key,f.props,null,a.mode,h),h.ref=Qg(a,d,f),h.return=a,a=h)}return g(a);case ta:a:{for(k=f.key;null!==d;){if(d.key===k)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=
Wg(f,a.mode,h);d.return=a;a=d}return g(a)}if("string"===typeof f||"number"===typeof f)return f=""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):(c(a,d),d=Ug(f,a.mode,h),d.return=a,a=d),g(a);if(Pg(f))return x(a,d,f,h);if(La(f))return w(a,d,f,h);l&&Rg(a,f);if("undefined"===typeof f&&!k)switch(a.tag){case 1:case 22:case 0:case 11:case 15:throw Error(y(152,Ra(a.type)||"Component"));}return c(a,d)}}var Yg=Sg(!0),Zg=Sg(!1),$g={},ah=Bf($g),bh=Bf($g),ch=Bf($g);
function dh(a){if(a===$g)throw Error(y(174));return a}function eh(a,b){I(ch,b);I(bh,a);I(ah,$g);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:mb(null,"");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=mb(b,a)}H(ah);I(ah,b)}function fh(){H(ah);H(bh);H(ch)}function gh(a){dh(ch.current);var b=dh(ah.current);var c=mb(b,a.type);b!==c&&(I(bh,a),I(ah,c))}function hh(a){bh.current===a&&(H(ah),H(bh))}var P=Bf(0);
function ih(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&64))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var jh=null,kh=null,lh=!1;
function mh(a,b){var c=nh(5,null,null,0);c.elementType="DELETED";c.type="DELETED";c.stateNode=b;c.return=a;c.flags=8;null!==a.lastEffect?(a.lastEffect.nextEffect=c,a.lastEffect=c):a.firstEffect=a.lastEffect=c}function oh(a,b){switch(a.tag){case 5:var c=a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,!0):!1;case 6:return b=""===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,!0):!1;case 13:return!1;default:return!1}}
function ph(a){if(lh){var b=kh;if(b){var c=b;if(!oh(a,b)){b=rf(c.nextSibling);if(!b||!oh(a,b)){a.flags=a.flags&-1025|2;lh=!1;jh=a;return}mh(jh,c)}jh=a;kh=rf(b.firstChild)}else a.flags=a.flags&-1025|2,lh=!1,jh=a}}function qh(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag&&13!==a.tag;)a=a.return;jh=a}
function rh(a){if(a!==jh)return!1;if(!lh)return qh(a),lh=!0,!1;var b=a.type;if(5!==a.tag||"head"!==b&&"body"!==b&&!nf(b,a.memoizedProps))for(b=kh;b;)mh(a,b),b=rf(b.nextSibling);qh(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(y(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType){var c=a.data;if("/$"===c){if(0===b){kh=rf(a.nextSibling);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++}a=a.nextSibling}kh=null}}else kh=jh?rf(a.stateNode.nextSibling):null;return!0}
function sh(){kh=jh=null;lh=!1}var th=[];function uh(){for(var a=0;a<th.length;a++)th[a]._workInProgressVersionPrimary=null;th.length=0}var vh=ra.ReactCurrentDispatcher,wh=ra.ReactCurrentBatchConfig,xh=0,R=null,S=null,T=null,yh=!1,zh=!1;function Ah(){throw Error(y(321));}function Bh(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!He(a[c],b[c]))return!1;return!0}
function Ch(a,b,c,d,e,f){xh=f;R=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;vh.current=null===a||null===a.memoizedState?Dh:Eh;a=c(d,e);if(zh){f=0;do{zh=!1;if(!(25>f))throw Error(y(301));f+=1;T=S=null;b.updateQueue=null;vh.current=Fh;a=c(d,e)}while(zh)}vh.current=Gh;b=null!==S&&null!==S.next;xh=0;T=S=R=null;yh=!1;if(b)throw Error(y(300));return a}function Hh(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===T?R.memoizedState=T=a:T=T.next=a;return T}
function Ih(){if(null===S){var a=R.alternate;a=null!==a?a.memoizedState:null}else a=S.next;var b=null===T?R.memoizedState:T.next;if(null!==b)T=b,S=a;else{if(null===a)throw Error(y(310));S=a;a={memoizedState:S.memoizedState,baseState:S.baseState,baseQueue:S.baseQueue,queue:S.queue,next:null};null===T?R.memoizedState=T=a:T=T.next=a}return T}function Jh(a,b){return"function"===typeof b?b(a):b}
function Kh(a){var b=Ih(),c=b.queue;if(null===c)throw Error(y(311));c.lastRenderedReducer=a;var d=S,e=d.baseQueue,f=c.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}d.baseQueue=e=f;c.pending=null}if(null!==e){e=e.next;d=d.baseState;var h=g=f=null,k=e;do{var l=k.lane;if((xh&l)===l)null!==h&&(h=h.next={lane:0,action:k.action,eagerReducer:k.eagerReducer,eagerState:k.eagerState,next:null}),d=k.eagerReducer===a?k.eagerState:a(d,k.action);else{var n={lane:l,action:k.action,eagerReducer:k.eagerReducer,
eagerState:k.eagerState,next:null};null===h?(g=h=n,f=d):h=h.next=n;R.lanes|=l;Dg|=l}k=k.next}while(null!==k&&k!==e);null===h?f=d:h.next=g;He(d,b.memoizedState)||(ug=!0);b.memoizedState=d;b.baseState=f;b.baseQueue=h;c.lastRenderedState=d}return[b.memoizedState,c.dispatch]}
function Lh(a){var b=Ih(),c=b.queue;if(null===c)throw Error(y(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);He(f,b.memoizedState)||(ug=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
function Mh(a,b,c){var d=b._getVersion;d=d(b._source);var e=b._workInProgressVersionPrimary;if(null!==e)a=e===d;else if(a=a.mutableReadLanes,a=(xh&a)===a)b._workInProgressVersionPrimary=d,th.push(b);if(a)return c(b._source);th.push(b);throw Error(y(350));}
function Nh(a,b,c,d){var e=U;if(null===e)throw Error(y(349));var f=b._getVersion,g=f(b._source),h=vh.current,k=h.useState(function(){return Mh(e,b,c)}),l=k[1],n=k[0];k=T;var A=a.memoizedState,p=A.refs,C=p.getSnapshot,x=A.source;A=A.subscribe;var w=R;a.memoizedState={refs:p,source:b,subscribe:d};h.useEffect(function(){p.getSnapshot=c;p.setSnapshot=l;var a=f(b._source);if(!He(g,a)){a=c(b._source);He(n,a)||(l(a),a=Ig(w),e.mutableReadLanes|=a&e.pendingLanes);a=e.mutableReadLanes;e.entangledLanes|=a;for(var d=
e.entanglements,h=a;0<h;){var k=31-Vc(h),v=1<<k;d[k]|=a;h&=~v}}},[c,b,d]);h.useEffect(function(){return d(b._source,function(){var a=p.getSnapshot,c=p.setSnapshot;try{c(a(b._source));var d=Ig(w);e.mutableReadLanes|=d&e.pendingLanes}catch(q){c(function(){throw q;})}})},[b,d]);He(C,c)&&He(x,b)&&He(A,d)||(a={pending:null,dispatch:null,lastRenderedReducer:Jh,lastRenderedState:n},a.dispatch=l=Oh.bind(null,R,a),k.queue=a,k.baseQueue=null,n=Mh(e,b,c),k.memoizedState=k.baseState=n);return n}
function Ph(a,b,c){var d=Ih();return Nh(d,a,b,c)}function Qh(a){var b=Hh();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;a=b.queue={pending:null,dispatch:null,lastRenderedReducer:Jh,lastRenderedState:a};a=a.dispatch=Oh.bind(null,R,a);return[b.memoizedState,a]}
function Rh(a,b,c,d){a={tag:a,create:b,destroy:c,deps:d,next:null};b=R.updateQueue;null===b?(b={lastEffect:null},R.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Sh(a){var b=Hh();a={current:a};return b.memoizedState=a}function Th(){return Ih().memoizedState}function Uh(a,b,c,d){var e=Hh();R.flags|=a;e.memoizedState=Rh(1|b,c,void 0,void 0===d?null:d)}
function Vh(a,b,c,d){var e=Ih();d=void 0===d?null:d;var f=void 0;if(null!==S){var g=S.memoizedState;f=g.destroy;if(null!==d&&Bh(d,g.deps)){Rh(b,c,f,d);return}}R.flags|=a;e.memoizedState=Rh(1|b,c,f,d)}function Wh(a,b){return Uh(516,4,a,b)}function Xh(a,b){return Vh(516,4,a,b)}function Yh(a,b){return Vh(4,2,a,b)}function Zh(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}
function $h(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Vh(4,2,Zh.bind(null,b,a),c)}function ai(){}function bi(a,b){var c=Ih();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&Bh(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function ci(a,b){var c=Ih();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&Bh(b,d[1]))return d[0];a=a();c.memoizedState=[a,b];return a}
function di(a,b){var c=eg();gg(98>c?98:c,function(){a(!0)});gg(97<c?97:c,function(){var c=wh.transition;wh.transition=1;try{a(!1),b()}finally{wh.transition=c}})}
function Oh(a,b,c){var d=Hg(),e=Ig(a),f={lane:e,action:c,eagerReducer:null,eagerState:null,next:null},g=b.pending;null===g?f.next=f:(f.next=g.next,g.next=f);b.pending=f;g=a.alternate;if(a===R||null!==g&&g===R)zh=yh=!0;else{if(0===a.lanes&&(null===g||0===g.lanes)&&(g=b.lastRenderedReducer,null!==g))try{var h=b.lastRenderedState,k=g(h,c);f.eagerReducer=g;f.eagerState=k;if(He(k,h))return}catch(l){}finally{}Jg(a,e,d)}}
var Gh={readContext:vg,useCallback:Ah,useContext:Ah,useEffect:Ah,useImperativeHandle:Ah,useLayoutEffect:Ah,useMemo:Ah,useReducer:Ah,useRef:Ah,useState:Ah,useDebugValue:Ah,useDeferredValue:Ah,useTransition:Ah,useMutableSource:Ah,useOpaqueIdentifier:Ah,unstable_isNewReconciler:!1},Dh={readContext:vg,useCallback:function(a,b){Hh().memoizedState=[a,void 0===b?null:b];return a},useContext:vg,useEffect:Wh,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Uh(4,2,Zh.bind(null,
b,a),c)},useLayoutEffect:function(a,b){return Uh(4,2,a,b)},useMemo:function(a,b){var c=Hh();b=void 0===b?null:b;a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=Hh();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a=d.queue={pending:null,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};a=a.dispatch=Oh.bind(null,R,a);return[d.memoizedState,a]},useRef:Sh,useState:Qh,useDebugValue:ai,useDeferredValue:function(a){var b=Qh(a),c=b[0],d=b[1];Wh(function(){var b=wh.transition;
wh.transition=1;try{d(a)}finally{wh.transition=b}},[a]);return c},useTransition:function(){var a=Qh(!1),b=a[0];a=di.bind(null,a[1]);Sh(a);return[a,b]},useMutableSource:function(a,b,c){var d=Hh();d.memoizedState={refs:{getSnapshot:b,setSnapshot:null},source:a,subscribe:c};return Nh(d,a,b,c)},useOpaqueIdentifier:function(){if(lh){var a=!1,b=uf(function(){a||(a=!0,c("r:"+(tf++).toString(36)));throw Error(y(355));}),c=Qh(b)[1];0===(R.mode&2)&&(R.flags|=516,Rh(5,function(){c("r:"+(tf++).toString(36))},
void 0,null));return b}b="r:"+(tf++).toString(36);Qh(b);return b},unstable_isNewReconciler:!1},Eh={readContext:vg,useCallback:bi,useContext:vg,useEffect:Xh,useImperativeHandle:$h,useLayoutEffect:Yh,useMemo:ci,useReducer:Kh,useRef:Th,useState:function(){return Kh(Jh)},useDebugValue:ai,useDeferredValue:function(a){var b=Kh(Jh),c=b[0],d=b[1];Xh(function(){var b=wh.transition;wh.transition=1;try{d(a)}finally{wh.transition=b}},[a]);return c},useTransition:function(){var a=Kh(Jh)[0];return[Th().current,
a]},useMutableSource:Ph,useOpaqueIdentifier:function(){return Kh(Jh)[0]},unstable_isNewReconciler:!1},Fh={readContext:vg,useCallback:bi,useContext:vg,useEffect:Xh,useImperativeHandle:$h,useLayoutEffect:Yh,useMemo:ci,useReducer:Lh,useRef:Th,useState:function(){return Lh(Jh)},useDebugValue:ai,useDeferredValue:function(a){var b=Lh(Jh),c=b[0],d=b[1];Xh(function(){var b=wh.transition;wh.transition=1;try{d(a)}finally{wh.transition=b}},[a]);return c},useTransition:function(){var a=Lh(Jh)[0];return[Th().current,
a]},useMutableSource:Ph,useOpaqueIdentifier:function(){return Lh(Jh)[0]},unstable_isNewReconciler:!1},ei=ra.ReactCurrentOwner,ug=!1;function fi(a,b,c,d){b.child=null===a?Zg(b,null,c,d):Yg(b,a.child,c,d)}function gi(a,b,c,d,e){c=c.render;var f=b.ref;tg(b,e);d=Ch(a,b,c,d,f,e);if(null!==a&&!ug)return b.updateQueue=a.updateQueue,b.flags&=-517,a.lanes&=~e,hi(a,b,e);b.flags|=1;fi(a,b,d,e);return b.child}
function ii(a,b,c,d,e,f){if(null===a){var g=c.type;if("function"===typeof g&&!ji(g)&&void 0===g.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=g,ki(a,b,g,d,e,f);a=Vg(c.type,null,d,b,b.mode,f);a.ref=b.ref;a.return=b;return b.child=a}g=a.child;if(0===(e&f)&&(e=g.memoizedProps,c=c.compare,c=null!==c?c:Je,c(e,d)&&a.ref===b.ref))return hi(a,b,f);b.flags|=1;a=Tg(g,d);a.ref=b.ref;a.return=b;return b.child=a}
function ki(a,b,c,d,e,f){if(null!==a&&Je(a.memoizedProps,d)&&a.ref===b.ref)if(ug=!1,0!==(f&e))0!==(a.flags&16384)&&(ug=!0);else return b.lanes=a.lanes,hi(a,b,f);return li(a,b,c,d,f)}
function mi(a,b,c){var d=b.pendingProps,e=d.children,f=null!==a?a.memoizedState:null;if("hidden"===d.mode||"unstable-defer-without-hiding"===d.mode)if(0===(b.mode&4))b.memoizedState={baseLanes:0},ni(b,c);else if(0!==(c&1073741824))b.memoizedState={baseLanes:0},ni(b,null!==f?f.baseLanes:c);else return a=null!==f?f.baseLanes|c:c,b.lanes=b.childLanes=1073741824,b.memoizedState={baseLanes:a},ni(b,a),null;else null!==f?(d=f.baseLanes|c,b.memoizedState=null):d=c,ni(b,d);fi(a,b,e,c);return b.child}
function oi(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=128}function li(a,b,c,d,e){var f=Ff(c)?Df:M.current;f=Ef(b,f);tg(b,e);c=Ch(a,b,c,d,f,e);if(null!==a&&!ug)return b.updateQueue=a.updateQueue,b.flags&=-517,a.lanes&=~e,hi(a,b,e);b.flags|=1;fi(a,b,c,e);return b.child}
function pi(a,b,c,d,e){if(Ff(c)){var f=!0;Jf(b)}else f=!1;tg(b,e);if(null===b.stateNode)null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2),Mg(b,c,d),Og(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,l=c.contextType;"object"===typeof l&&null!==l?l=vg(l):(l=Ff(c)?Df:M.current,l=Ef(b,l));var n=c.getDerivedStateFromProps,A="function"===typeof n||"function"===typeof g.getSnapshotBeforeUpdate;A||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&
"function"!==typeof g.componentWillReceiveProps||(h!==d||k!==l)&&Ng(b,g,d,l);wg=!1;var p=b.memoizedState;g.state=p;Cg(b,d,g,e);k=b.memoizedState;h!==d||p!==k||N.current||wg?("function"===typeof n&&(Gg(b,c,n,d),k=b.memoizedState),(h=wg||Lg(b,c,h,d,p,k,l))?(A||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===
typeof g.componentDidMount&&(b.flags|=4)):("function"===typeof g.componentDidMount&&(b.flags|=4),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=l,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4),d=!1)}else{g=b.stateNode;yg(a,b);h=b.memoizedProps;l=b.type===b.elementType?h:lg(b.type,h);g.props=l;A=b.pendingProps;p=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=vg(k):(k=Ff(c)?Df:M.current,k=Ef(b,k));var C=c.getDerivedStateFromProps;(n="function"===typeof C||
"function"===typeof g.getSnapshotBeforeUpdate)||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==A||p!==k)&&Ng(b,g,d,k);wg=!1;p=b.memoizedState;g.state=p;Cg(b,d,g,e);var x=b.memoizedState;h!==A||p!==x||N.current||wg?("function"===typeof C&&(Gg(b,c,C,d),x=b.memoizedState),(l=wg||Lg(b,c,l,d,p,x,k))?(n||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,
x,k),"function"===typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,x,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=256)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&p===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&p===a.memoizedState||(b.flags|=256),b.memoizedProps=d,b.memoizedState=x),g.props=d,g.state=x,g.context=k,d=l):("function"!==typeof g.componentDidUpdate||
h===a.memoizedProps&&p===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&p===a.memoizedState||(b.flags|=256),d=!1)}return qi(a,b,c,d,f,e)}
function qi(a,b,c,d,e,f){oi(a,b);var g=0!==(b.flags&64);if(!d&&!g)return e&&Kf(b,c,!1),hi(a,b,f);d=b.stateNode;ei.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.flags|=1;null!==a&&g?(b.child=Yg(b,a.child,null,f),b.child=Yg(b,null,h,f)):fi(a,b,h,f);b.memoizedState=d.state;e&&Kf(b,c,!0);return b.child}function ri(a){var b=a.stateNode;b.pendingContext?Hf(a,b.pendingContext,b.pendingContext!==b.context):b.context&&Hf(a,b.context,!1);eh(a,b.containerInfo)}
var si={dehydrated:null,retryLane:0};
function ti(a,b,c){var d=b.pendingProps,e=P.current,f=!1,g;(g=0!==(b.flags&64))||(g=null!==a&&null===a.memoizedState?!1:0!==(e&2));g?(f=!0,b.flags&=-65):null!==a&&null===a.memoizedState||void 0===d.fallback||!0===d.unstable_avoidThisFallback||(e|=1);I(P,e&1);if(null===a){void 0!==d.fallback&&ph(b);a=d.children;e=d.fallback;if(f)return a=ui(b,a,e,c),b.child.memoizedState={baseLanes:c},b.memoizedState=si,a;if("number"===typeof d.unstable_expectedLoadTime)return a=ui(b,a,e,c),b.child.memoizedState={baseLanes:c},
b.memoizedState=si,b.lanes=33554432,a;c=vi({mode:"visible",children:a},b.mode,c,null);c.return=b;return b.child=c}if(null!==a.memoizedState){if(f)return d=wi(a,b,d.children,d.fallback,c),f=b.child,e=a.child.memoizedState,f.memoizedState=null===e?{baseLanes:c}:{baseLanes:e.baseLanes|c},f.childLanes=a.childLanes&~c,b.memoizedState=si,d;c=xi(a,b,d.children,c);b.memoizedState=null;return c}if(f)return d=wi(a,b,d.children,d.fallback,c),f=b.child,e=a.child.memoizedState,f.memoizedState=null===e?{baseLanes:c}:
{baseLanes:e.baseLanes|c},f.childLanes=a.childLanes&~c,b.memoizedState=si,d;c=xi(a,b,d.children,c);b.memoizedState=null;return c}function ui(a,b,c,d){var e=a.mode,f=a.child;b={mode:"hidden",children:b};0===(e&2)&&null!==f?(f.childLanes=0,f.pendingProps=b):f=vi(b,e,0,null);c=Xg(c,e,d,null);f.return=a;c.return=a;f.sibling=c;a.child=f;return c}
function xi(a,b,c,d){var e=a.child;a=e.sibling;c=Tg(e,{mode:"visible",children:c});0===(b.mode&2)&&(c.lanes=d);c.return=b;c.sibling=null;null!==a&&(a.nextEffect=null,a.flags=8,b.firstEffect=b.lastEffect=a);return b.child=c}
function wi(a,b,c,d,e){var f=b.mode,g=a.child;a=g.sibling;var h={mode:"hidden",children:c};0===(f&2)&&b.child!==g?(c=b.child,c.childLanes=0,c.pendingProps=h,g=c.lastEffect,null!==g?(b.firstEffect=c.firstEffect,b.lastEffect=g,g.nextEffect=null):b.firstEffect=b.lastEffect=null):c=Tg(g,h);null!==a?d=Tg(a,d):(d=Xg(d,f,e,null),d.flags|=2);d.return=b;c.return=b;c.sibling=d;b.child=c;return d}function yi(a,b){a.lanes|=b;var c=a.alternate;null!==c&&(c.lanes|=b);sg(a.return,b)}
function zi(a,b,c,d,e,f){var g=a.memoizedState;null===g?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e,lastEffect:f}:(g.isBackwards=b,g.rendering=null,g.renderingStartTime=0,g.last=d,g.tail=c,g.tailMode=e,g.lastEffect=f)}
function Ai(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;fi(a,b,d.children,c);d=P.current;if(0!==(d&2))d=d&1|2,b.flags|=64;else{if(null!==a&&0!==(a.flags&64))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&yi(a,c);else if(19===a.tag)yi(a,c);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}I(P,d);if(0===(b.mode&2))b.memoizedState=
null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===ih(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);zi(b,!1,e,c,f,b.lastEffect);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===ih(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}zi(b,!0,c,null,f,b.lastEffect);break;case "together":zi(b,!1,null,null,void 0,b.lastEffect);break;default:b.memoizedState=null}return b.child}
function hi(a,b,c){null!==a&&(b.dependencies=a.dependencies);Dg|=b.lanes;if(0!==(c&b.childLanes)){if(null!==a&&b.child!==a.child)throw Error(y(153));if(null!==b.child){a=b.child;c=Tg(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=Tg(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}return null}var Bi,Ci,Di,Ei;
Bi=function(a,b){for(var c=b.child;null!==c;){if(5===c.tag||6===c.tag)a.appendChild(c.stateNode);else if(4!==c.tag&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return}c.sibling.return=c.return;c=c.sibling}};Ci=function(){};
Di=function(a,b,c,d){var e=a.memoizedProps;if(e!==d){a=b.stateNode;dh(ah.current);var f=null;switch(c){case "input":e=Ya(a,e);d=Ya(a,d);f=[];break;case "option":e=eb(a,e);d=eb(a,d);f=[];break;case "select":e=m({},e,{value:void 0});d=m({},d,{value:void 0});f=[];break;case "textarea":e=gb(a,e);d=gb(a,d);f=[];break;default:"function"!==typeof e.onClick&&"function"===typeof d.onClick&&(a.onclick=jf)}vb(c,d);var g;c=null;for(l in e)if(!d.hasOwnProperty(l)&&e.hasOwnProperty(l)&&null!=e[l])if("style"===
l){var h=e[l];for(g in h)h.hasOwnProperty(g)&&(c||(c={}),c[g]="")}else"dangerouslySetInnerHTML"!==l&&"children"!==l&&"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(ca.hasOwnProperty(l)?f||(f=[]):(f=f||[]).push(l,null));for(l in d){var k=d[l];h=null!=e?e[l]:void 0;if(d.hasOwnProperty(l)&&k!==h&&(null!=k||null!=h))if("style"===l)if(h){for(g in h)!h.hasOwnProperty(g)||k&&k.hasOwnProperty(g)||(c||(c={}),c[g]="");for(g in k)k.hasOwnProperty(g)&&h[g]!==k[g]&&(c||
(c={}),c[g]=k[g])}else c||(f||(f=[]),f.push(l,c)),c=k;else"dangerouslySetInnerHTML"===l?(k=k?k.__html:void 0,h=h?h.__html:void 0,null!=k&&h!==k&&(f=f||[]).push(l,k)):"children"===l?"string"!==typeof k&&"number"!==typeof k||(f=f||[]).push(l,""+k):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&(ca.hasOwnProperty(l)?(null!=k&&"onScroll"===l&&G("scroll",a),f||h===k||(f=[])):"object"===typeof k&&null!==k&&k.$$typeof===Ga?k.toString():(f=f||[]).push(l,k))}c&&(f=f||[]).push("style",
c);var l=f;if(b.updateQueue=l)b.flags|=4}};Ei=function(a,b,c,d){c!==d&&(b.flags|=4)};function Fi(a,b){if(!lh)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
function Gi(a,b,c){var d=b.pendingProps;switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:return Ff(b.type)&&Gf(),null;case 3:fh();H(N);H(M);uh();d=b.stateNode;d.pendingContext&&(d.context=d.pendingContext,d.pendingContext=null);if(null===a||null===a.child)rh(b)?b.flags|=4:d.hydrate||(b.flags|=256);Ci(b);return null;case 5:hh(b);var e=dh(ch.current);c=b.type;if(null!==a&&null!=b.stateNode)Di(a,b,c,d,e),a.ref!==b.ref&&(b.flags|=128);else{if(!d){if(null===
b.stateNode)throw Error(y(166));return null}a=dh(ah.current);if(rh(b)){d=b.stateNode;c=b.type;var f=b.memoizedProps;d[wf]=b;d[xf]=f;switch(c){case "dialog":G("cancel",d);G("close",d);break;case "iframe":case "object":case "embed":G("load",d);break;case "video":case "audio":for(a=0;a<Xe.length;a++)G(Xe[a],d);break;case "source":G("error",d);break;case "img":case "image":case "link":G("error",d);G("load",d);break;case "details":G("toggle",d);break;case "input":Za(d,f);G("invalid",d);break;case "select":d._wrapperState=
{wasMultiple:!!f.multiple};G("invalid",d);break;case "textarea":hb(d,f),G("invalid",d)}vb(c,f);a=null;for(var g in f)f.hasOwnProperty(g)&&(e=f[g],"children"===g?"string"===typeof e?d.textContent!==e&&(a=["children",e]):"number"===typeof e&&d.textContent!==""+e&&(a=["children",""+e]):ca.hasOwnProperty(g)&&null!=e&&"onScroll"===g&&G("scroll",d));switch(c){case "input":Va(d);cb(d,f,!0);break;case "textarea":Va(d);jb(d);break;case "select":case "option":break;default:"function"===typeof f.onClick&&(d.onclick=
jf)}d=a;b.updateQueue=d;null!==d&&(b.flags|=4)}else{g=9===e.nodeType?e:e.ownerDocument;a===kb.html&&(a=lb(c));a===kb.html?"script"===c?(a=g.createElement("div"),a.innerHTML="<script>\x3c/script>",a=a.removeChild(a.firstChild)):"string"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),"select"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[wf]=b;a[xf]=d;Bi(a,b,!1,!1);b.stateNode=a;g=wb(c,d);switch(c){case "dialog":G("cancel",a);G("close",a);
e=d;break;case "iframe":case "object":case "embed":G("load",a);e=d;break;case "video":case "audio":for(e=0;e<Xe.length;e++)G(Xe[e],a);e=d;break;case "source":G("error",a);e=d;break;case "img":case "image":case "link":G("error",a);G("load",a);e=d;break;case "details":G("toggle",a);e=d;break;case "input":Za(a,d);e=Ya(a,d);G("invalid",a);break;case "option":e=eb(a,d);break;case "select":a._wrapperState={wasMultiple:!!d.multiple};e=m({},d,{value:void 0});G("invalid",a);break;case "textarea":hb(a,d);e=
gb(a,d);G("invalid",a);break;default:e=d}vb(c,e);var h=e;for(f in h)if(h.hasOwnProperty(f)){var k=h[f];"style"===f?tb(a,k):"dangerouslySetInnerHTML"===f?(k=k?k.__html:void 0,null!=k&&ob(a,k)):"children"===f?"string"===typeof k?("textarea"!==c||""!==k)&&pb(a,k):"number"===typeof k&&pb(a,""+k):"suppressContentEditableWarning"!==f&&"suppressHydrationWarning"!==f&&"autoFocus"!==f&&(ca.hasOwnProperty(f)?null!=k&&"onScroll"===f&&G("scroll",a):null!=k&&qa(a,f,k,g))}switch(c){case "input":Va(a);cb(a,d,!1);
break;case "textarea":Va(a);jb(a);break;case "option":null!=d.value&&a.setAttribute("value",""+Sa(d.value));break;case "select":a.multiple=!!d.multiple;f=d.value;null!=f?fb(a,!!d.multiple,f,!1):null!=d.defaultValue&&fb(a,!!d.multiple,d.defaultValue,!0);break;default:"function"===typeof e.onClick&&(a.onclick=jf)}mf(c,d)&&(b.flags|=4)}null!==b.ref&&(b.flags|=128)}return null;case 6:if(a&&null!=b.stateNode)Ei(a,b,a.memoizedProps,d);else{if("string"!==typeof d&&null===b.stateNode)throw Error(y(166));
c=dh(ch.current);dh(ah.current);rh(b)?(d=b.stateNode,c=b.memoizedProps,d[wf]=b,d.nodeValue!==c&&(b.flags|=4)):(d=(9===c.nodeType?c:c.ownerDocument).createTextNode(d),d[wf]=b,b.stateNode=d)}return null;case 13:H(P);d=b.memoizedState;if(0!==(b.flags&64))return b.lanes=c,b;d=null!==d;c=!1;null===a?void 0!==b.memoizedProps.fallback&&rh(b):c=null!==a.memoizedState;if(d&&!c&&0!==(b.mode&2))if(null===a&&!0!==b.memoizedProps.unstable_avoidThisFallback||0!==(P.current&1))0===V&&(V=3);else{if(0===V||3===V)V=
4;null===U||0===(Dg&134217727)&&0===(Hi&134217727)||Ii(U,W)}if(d||c)b.flags|=4;return null;case 4:return fh(),Ci(b),null===a&&cf(b.stateNode.containerInfo),null;case 10:return rg(b),null;case 17:return Ff(b.type)&&Gf(),null;case 19:H(P);d=b.memoizedState;if(null===d)return null;f=0!==(b.flags&64);g=d.rendering;if(null===g)if(f)Fi(d,!1);else{if(0!==V||null!==a&&0!==(a.flags&64))for(a=b.child;null!==a;){g=ih(a);if(null!==g){b.flags|=64;Fi(d,!1);f=g.updateQueue;null!==f&&(b.updateQueue=f,b.flags|=4);
null===d.lastEffect&&(b.firstEffect=null);b.lastEffect=d.lastEffect;d=c;for(c=b.child;null!==c;)f=c,a=d,f.flags&=2,f.nextEffect=null,f.firstEffect=null,f.lastEffect=null,g=f.alternate,null===g?(f.childLanes=0,f.lanes=a,f.child=null,f.memoizedProps=null,f.memoizedState=null,f.updateQueue=null,f.dependencies=null,f.stateNode=null):(f.childLanes=g.childLanes,f.lanes=g.lanes,f.child=g.child,f.memoizedProps=g.memoizedProps,f.memoizedState=g.memoizedState,f.updateQueue=g.updateQueue,f.type=g.type,a=g.dependencies,
f.dependencies=null===a?null:{lanes:a.lanes,firstContext:a.firstContext}),c=c.sibling;I(P,P.current&1|2);return b.child}a=a.sibling}null!==d.tail&&O()>Ji&&(b.flags|=64,f=!0,Fi(d,!1),b.lanes=33554432)}else{if(!f)if(a=ih(g),null!==a){if(b.flags|=64,f=!0,c=a.updateQueue,null!==c&&(b.updateQueue=c,b.flags|=4),Fi(d,!0),null===d.tail&&"hidden"===d.tailMode&&!g.alternate&&!lh)return b=b.lastEffect=d.lastEffect,null!==b&&(b.nextEffect=null),null}else 2*O()-d.renderingStartTime>Ji&&1073741824!==c&&(b.flags|=
64,f=!0,Fi(d,!1),b.lanes=33554432);d.isBackwards?(g.sibling=b.child,b.child=g):(c=d.last,null!==c?c.sibling=g:b.child=g,d.last=g)}return null!==d.tail?(c=d.tail,d.rendering=c,d.tail=c.sibling,d.lastEffect=b.lastEffect,d.renderingStartTime=O(),c.sibling=null,b=P.current,I(P,f?b&1|2:b&1),c):null;case 23:case 24:return Ki(),null!==a&&null!==a.memoizedState!==(null!==b.memoizedState)&&"unstable-defer-without-hiding"!==d.mode&&(b.flags|=4),null}throw Error(y(156,b.tag));}
function Li(a){switch(a.tag){case 1:Ff(a.type)&&Gf();var b=a.flags;return b&4096?(a.flags=b&-4097|64,a):null;case 3:fh();H(N);H(M);uh();b=a.flags;if(0!==(b&64))throw Error(y(285));a.flags=b&-4097|64;return a;case 5:return hh(a),null;case 13:return H(P),b=a.flags,b&4096?(a.flags=b&-4097|64,a):null;case 19:return H(P),null;case 4:return fh(),null;case 10:return rg(a),null;case 23:case 24:return Ki(),null;default:return null}}
function Mi(a,b){try{var c="",d=b;do c+=Qa(d),d=d.return;while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+"\n"+f.stack}return{value:a,source:b,stack:e}}function Ni(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}var Oi="function"===typeof WeakMap?WeakMap:Map;function Pi(a,b,c){c=zg(-1,c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Qi||(Qi=!0,Ri=d);Ni(a,b)};return c}
function Si(a,b,c){c=zg(-1,c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){Ni(a,b);return d(e)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){"function"!==typeof d&&(null===Ti?Ti=new Set([this]):Ti.add(this),Ni(a,b));var c=b.stack;this.componentDidCatch(b.value,{componentStack:null!==c?c:""})});return c}var Ui="function"===typeof WeakSet?WeakSet:Set;
function Vi(a){var b=a.ref;if(null!==b)if("function"===typeof b)try{b(null)}catch(c){Wi(a,c)}else b.current=null}function Xi(a,b){switch(b.tag){case 0:case 11:case 15:case 22:return;case 1:if(b.flags&256&&null!==a){var c=a.memoizedProps,d=a.memoizedState;a=b.stateNode;b=a.getSnapshotBeforeUpdate(b.elementType===b.type?c:lg(b.type,c),d);a.__reactInternalSnapshotBeforeUpdate=b}return;case 3:b.flags&256&&qf(b.stateNode.containerInfo);return;case 5:case 6:case 4:case 17:return}throw Error(y(163));}
function Yi(a,b,c){switch(c.tag){case 0:case 11:case 15:case 22:b=c.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){a=b=b.next;do{if(3===(a.tag&3)){var d=a.create;a.destroy=d()}a=a.next}while(a!==b)}b=c.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){a=b=b.next;do{var e=a;d=e.next;e=e.tag;0!==(e&4)&&0!==(e&1)&&(Zi(c,a),$i(c,a));a=d}while(a!==b)}return;case 1:a=c.stateNode;c.flags&4&&(null===b?a.componentDidMount():(d=c.elementType===c.type?b.memoizedProps:lg(c.type,b.memoizedProps),a.componentDidUpdate(d,
b.memoizedState,a.__reactInternalSnapshotBeforeUpdate)));b=c.updateQueue;null!==b&&Eg(c,b,a);return;case 3:b=c.updateQueue;if(null!==b){a=null;if(null!==c.child)switch(c.child.tag){case 5:a=c.child.stateNode;break;case 1:a=c.child.stateNode}Eg(c,b,a)}return;case 5:a=c.stateNode;null===b&&c.flags&4&&mf(c.type,c.memoizedProps)&&a.focus();return;case 6:return;case 4:return;case 12:return;case 13:null===c.memoizedState&&(c=c.alternate,null!==c&&(c=c.memoizedState,null!==c&&(c=c.dehydrated,null!==c&&Cc(c))));
return;case 19:case 17:case 20:case 21:case 23:case 24:return}throw Error(y(163));}
function aj(a,b){for(var c=a;;){if(5===c.tag){var d=c.stateNode;if(b)d=d.style,"function"===typeof d.setProperty?d.setProperty("display","none","important"):d.display="none";else{d=c.stateNode;var e=c.memoizedProps.style;e=void 0!==e&&null!==e&&e.hasOwnProperty("display")?e.display:null;d.style.display=sb("display",e)}}else if(6===c.tag)c.stateNode.nodeValue=b?"":c.memoizedProps;else if((23!==c.tag&&24!==c.tag||null===c.memoizedState||c===a)&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===
a)break;for(;null===c.sibling;){if(null===c.return||c.return===a)return;c=c.return}c.sibling.return=c.return;c=c.sibling}}
function bj(a,b){if(Mf&&"function"===typeof Mf.onCommitFiberUnmount)try{Mf.onCommitFiberUnmount(Lf,b)}catch(f){}switch(b.tag){case 0:case 11:case 14:case 15:case 22:a=b.updateQueue;if(null!==a&&(a=a.lastEffect,null!==a)){var c=a=a.next;do{var d=c,e=d.destroy;d=d.tag;if(void 0!==e)if(0!==(d&4))Zi(b,c);else{d=b;try{e()}catch(f){Wi(d,f)}}c=c.next}while(c!==a)}break;case 1:Vi(b);a=b.stateNode;if("function"===typeof a.componentWillUnmount)try{a.props=b.memoizedProps,a.state=b.memoizedState,a.componentWillUnmount()}catch(f){Wi(b,
f)}break;case 5:Vi(b);break;case 4:cj(a,b)}}function dj(a){a.alternate=null;a.child=null;a.dependencies=null;a.firstEffect=null;a.lastEffect=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.return=null;a.updateQueue=null}function ej(a){return 5===a.tag||3===a.tag||4===a.tag}
function fj(a){a:{for(var b=a.return;null!==b;){if(ej(b))break a;b=b.return}throw Error(y(160));}var c=b;b=c.stateNode;switch(c.tag){case 5:var d=!1;break;case 3:b=b.containerInfo;d=!0;break;case 4:b=b.containerInfo;d=!0;break;default:throw Error(y(161));}c.flags&16&&(pb(b,""),c.flags&=-17);a:b:for(c=a;;){for(;null===c.sibling;){if(null===c.return||ej(c.return)){c=null;break a}c=c.return}c.sibling.return=c.return;for(c=c.sibling;5!==c.tag&&6!==c.tag&&18!==c.tag;){if(c.flags&2)continue b;if(null===
c.child||4===c.tag)continue b;else c.child.return=c,c=c.child}if(!(c.flags&2)){c=c.stateNode;break a}}d?gj(a,c,b):hj(a,c,b)}
function gj(a,b,c){var d=a.tag,e=5===d||6===d;if(e)a=e?a.stateNode:a.stateNode.instance,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=jf));else if(4!==d&&(a=a.child,null!==a))for(gj(a,b,c),a=a.sibling;null!==a;)gj(a,b,c),a=a.sibling}
function hj(a,b,c){var d=a.tag,e=5===d||6===d;if(e)a=e?a.stateNode:a.stateNode.instance,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&(a=a.child,null!==a))for(hj(a,b,c),a=a.sibling;null!==a;)hj(a,b,c),a=a.sibling}
function cj(a,b){for(var c=b,d=!1,e,f;;){if(!d){d=c.return;a:for(;;){if(null===d)throw Error(y(160));e=d.stateNode;switch(d.tag){case 5:f=!1;break a;case 3:e=e.containerInfo;f=!0;break a;case 4:e=e.containerInfo;f=!0;break a}d=d.return}d=!0}if(5===c.tag||6===c.tag){a:for(var g=a,h=c,k=h;;)if(bj(g,k),null!==k.child&&4!==k.tag)k.child.return=k,k=k.child;else{if(k===h)break a;for(;null===k.sibling;){if(null===k.return||k.return===h)break a;k=k.return}k.sibling.return=k.return;k=k.sibling}f?(g=e,h=c.stateNode,
8===g.nodeType?g.parentNode.removeChild(h):g.removeChild(h)):e.removeChild(c.stateNode)}else if(4===c.tag){if(null!==c.child){e=c.stateNode.containerInfo;f=!0;c.child.return=c;c=c.child;continue}}else if(bj(a,c),null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return;4===c.tag&&(d=!1)}c.sibling.return=c.return;c=c.sibling}}
function ij(a,b){switch(b.tag){case 0:case 11:case 14:case 15:case 22:var c=b.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do 3===(d.tag&3)&&(a=d.destroy,d.destroy=void 0,void 0!==a&&a()),d=d.next;while(d!==c)}return;case 1:return;case 5:c=b.stateNode;if(null!=c){d=b.memoizedProps;var e=null!==a?a.memoizedProps:d;a=b.type;var f=b.updateQueue;b.updateQueue=null;if(null!==f){c[xf]=d;"input"===a&&"radio"===d.type&&null!=d.name&&$a(c,d);wb(a,e);b=wb(a,d);for(e=0;e<f.length;e+=
2){var g=f[e],h=f[e+1];"style"===g?tb(c,h):"dangerouslySetInnerHTML"===g?ob(c,h):"children"===g?pb(c,h):qa(c,g,h,b)}switch(a){case "input":ab(c,d);break;case "textarea":ib(c,d);break;case "select":a=c._wrapperState.wasMultiple,c._wrapperState.wasMultiple=!!d.multiple,f=d.value,null!=f?fb(c,!!d.multiple,f,!1):a!==!!d.multiple&&(null!=d.defaultValue?fb(c,!!d.multiple,d.defaultValue,!0):fb(c,!!d.multiple,d.multiple?[]:"",!1))}}}return;case 6:if(null===b.stateNode)throw Error(y(162));b.stateNode.nodeValue=
b.memoizedProps;return;case 3:c=b.stateNode;c.hydrate&&(c.hydrate=!1,Cc(c.containerInfo));return;case 12:return;case 13:null!==b.memoizedState&&(jj=O(),aj(b.child,!0));kj(b);return;case 19:kj(b);return;case 17:return;case 23:case 24:aj(b,null!==b.memoizedState);return}throw Error(y(163));}function kj(a){var b=a.updateQueue;if(null!==b){a.updateQueue=null;var c=a.stateNode;null===c&&(c=a.stateNode=new Ui);b.forEach(function(b){var d=lj.bind(null,a,b);c.has(b)||(c.add(b),b.then(d,d))})}}
function mj(a,b){return null!==a&&(a=a.memoizedState,null===a||null!==a.dehydrated)?(b=b.memoizedState,null!==b&&null===b.dehydrated):!1}var nj=Math.ceil,oj=ra.ReactCurrentDispatcher,pj=ra.ReactCurrentOwner,X=0,U=null,Y=null,W=0,qj=0,rj=Bf(0),V=0,sj=null,tj=0,Dg=0,Hi=0,uj=0,vj=null,jj=0,Ji=Infinity;function wj(){Ji=O()+500}var Z=null,Qi=!1,Ri=null,Ti=null,xj=!1,yj=null,zj=90,Aj=[],Bj=[],Cj=null,Dj=0,Ej=null,Fj=-1,Gj=0,Hj=0,Ij=null,Jj=!1;function Hg(){return 0!==(X&48)?O():-1!==Fj?Fj:Fj=O()}
function Ig(a){a=a.mode;if(0===(a&2))return 1;if(0===(a&4))return 99===eg()?1:2;0===Gj&&(Gj=tj);if(0!==kg.transition){0!==Hj&&(Hj=null!==vj?vj.pendingLanes:0);a=Gj;var b=4186112&~Hj;b&=-b;0===b&&(a=4186112&~a,b=a&-a,0===b&&(b=8192));return b}a=eg();0!==(X&4)&&98===a?a=Xc(12,Gj):(a=Sc(a),a=Xc(a,Gj));return a}
function Jg(a,b,c){if(50<Dj)throw Dj=0,Ej=null,Error(y(185));a=Kj(a,b);if(null===a)return null;$c(a,b,c);a===U&&(Hi|=b,4===V&&Ii(a,W));var d=eg();1===b?0!==(X&8)&&0===(X&48)?Lj(a):(Mj(a,c),0===X&&(wj(),ig())):(0===(X&4)||98!==d&&99!==d||(null===Cj?Cj=new Set([a]):Cj.add(a)),Mj(a,c));vj=a}function Kj(a,b){a.lanes|=b;var c=a.alternate;null!==c&&(c.lanes|=b);c=a;for(a=a.return;null!==a;)a.childLanes|=b,c=a.alternate,null!==c&&(c.childLanes|=b),c=a,a=a.return;return 3===c.tag?c.stateNode:null}
function Mj(a,b){for(var c=a.callbackNode,d=a.suspendedLanes,e=a.pingedLanes,f=a.expirationTimes,g=a.pendingLanes;0<g;){var h=31-Vc(g),k=1<<h,l=f[h];if(-1===l){if(0===(k&d)||0!==(k&e)){l=b;Rc(k);var n=F;f[h]=10<=n?l+250:6<=n?l+5E3:-1}}else l<=b&&(a.expiredLanes|=k);g&=~k}d=Uc(a,a===U?W:0);b=F;if(0===d)null!==c&&(c!==Zf&&Pf(c),a.callbackNode=null,a.callbackPriority=0);else{if(null!==c){if(a.callbackPriority===b)return;c!==Zf&&Pf(c)}15===b?(c=Lj.bind(null,a),null===ag?(ag=[c],bg=Of(Uf,jg)):ag.push(c),
c=Zf):14===b?c=hg(99,Lj.bind(null,a)):(c=Tc(b),c=hg(c,Nj.bind(null,a)));a.callbackPriority=b;a.callbackNode=c}}
function Nj(a){Fj=-1;Hj=Gj=0;if(0!==(X&48))throw Error(y(327));var b=a.callbackNode;if(Oj()&&a.callbackNode!==b)return null;var c=Uc(a,a===U?W:0);if(0===c)return null;var d=c;var e=X;X|=16;var f=Pj();if(U!==a||W!==d)wj(),Qj(a,d);do try{Rj();break}catch(h){Sj(a,h)}while(1);qg();oj.current=f;X=e;null!==Y?d=0:(U=null,W=0,d=V);if(0!==(tj&Hi))Qj(a,0);else if(0!==d){2===d&&(X|=64,a.hydrate&&(a.hydrate=!1,qf(a.containerInfo)),c=Wc(a),0!==c&&(d=Tj(a,c)));if(1===d)throw b=sj,Qj(a,0),Ii(a,c),Mj(a,O()),b;a.finishedWork=
a.current.alternate;a.finishedLanes=c;switch(d){case 0:case 1:throw Error(y(345));case 2:Uj(a);break;case 3:Ii(a,c);if((c&62914560)===c&&(d=jj+500-O(),10<d)){if(0!==Uc(a,0))break;e=a.suspendedLanes;if((e&c)!==c){Hg();a.pingedLanes|=a.suspendedLanes&e;break}a.timeoutHandle=of(Uj.bind(null,a),d);break}Uj(a);break;case 4:Ii(a,c);if((c&4186112)===c)break;d=a.eventTimes;for(e=-1;0<c;){var g=31-Vc(c);f=1<<g;g=d[g];g>e&&(e=g);c&=~f}c=e;c=O()-c;c=(120>c?120:480>c?480:1080>c?1080:1920>c?1920:3E3>c?3E3:4320>
c?4320:1960*nj(c/1960))-c;if(10<c){a.timeoutHandle=of(Uj.bind(null,a),c);break}Uj(a);break;case 5:Uj(a);break;default:throw Error(y(329));}}Mj(a,O());return a.callbackNode===b?Nj.bind(null,a):null}function Ii(a,b){b&=~uj;b&=~Hi;a.suspendedLanes|=b;a.pingedLanes&=~b;for(a=a.expirationTimes;0<b;){var c=31-Vc(b),d=1<<c;a[c]=-1;b&=~d}}
function Lj(a){if(0!==(X&48))throw Error(y(327));Oj();if(a===U&&0!==(a.expiredLanes&W)){var b=W;var c=Tj(a,b);0!==(tj&Hi)&&(b=Uc(a,b),c=Tj(a,b))}else b=Uc(a,0),c=Tj(a,b);0!==a.tag&&2===c&&(X|=64,a.hydrate&&(a.hydrate=!1,qf(a.containerInfo)),b=Wc(a),0!==b&&(c=Tj(a,b)));if(1===c)throw c=sj,Qj(a,0),Ii(a,b),Mj(a,O()),c;a.finishedWork=a.current.alternate;a.finishedLanes=b;Uj(a);Mj(a,O());return null}
function Vj(){if(null!==Cj){var a=Cj;Cj=null;a.forEach(function(a){a.expiredLanes|=24&a.pendingLanes;Mj(a,O())})}ig()}function Wj(a,b){var c=X;X|=1;try{return a(b)}finally{X=c,0===X&&(wj(),ig())}}function Xj(a,b){var c=X;X&=-2;X|=8;try{return a(b)}finally{X=c,0===X&&(wj(),ig())}}function ni(a,b){I(rj,qj);qj|=b;tj|=b}function Ki(){qj=rj.current;H(rj)}
function Qj(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,pf(c));if(null!==Y)for(c=Y.return;null!==c;){var d=c;switch(d.tag){case 1:d=d.type.childContextTypes;null!==d&&void 0!==d&&Gf();break;case 3:fh();H(N);H(M);uh();break;case 5:hh(d);break;case 4:fh();break;case 13:H(P);break;case 19:H(P);break;case 10:rg(d);break;case 23:case 24:Ki()}c=c.return}U=a;Y=Tg(a.current,null);W=qj=tj=b;V=0;sj=null;uj=Hi=Dg=0}
function Sj(a,b){do{var c=Y;try{qg();vh.current=Gh;if(yh){for(var d=R.memoizedState;null!==d;){var e=d.queue;null!==e&&(e.pending=null);d=d.next}yh=!1}xh=0;T=S=R=null;zh=!1;pj.current=null;if(null===c||null===c.return){V=1;sj=b;Y=null;break}a:{var f=a,g=c.return,h=c,k=b;b=W;h.flags|=2048;h.firstEffect=h.lastEffect=null;if(null!==k&&"object"===typeof k&&"function"===typeof k.then){var l=k;if(0===(h.mode&2)){var n=h.alternate;n?(h.updateQueue=n.updateQueue,h.memoizedState=n.memoizedState,h.lanes=n.lanes):
(h.updateQueue=null,h.memoizedState=null)}var A=0!==(P.current&1),p=g;do{var C;if(C=13===p.tag){var x=p.memoizedState;if(null!==x)C=null!==x.dehydrated?!0:!1;else{var w=p.memoizedProps;C=void 0===w.fallback?!1:!0!==w.unstable_avoidThisFallback?!0:A?!1:!0}}if(C){var z=p.updateQueue;if(null===z){var u=new Set;u.add(l);p.updateQueue=u}else z.add(l);if(0===(p.mode&2)){p.flags|=64;h.flags|=16384;h.flags&=-2981;if(1===h.tag)if(null===h.alternate)h.tag=17;else{var t=zg(-1,1);t.tag=2;Ag(h,t)}h.lanes|=1;break a}k=
void 0;h=b;var q=f.pingCache;null===q?(q=f.pingCache=new Oi,k=new Set,q.set(l,k)):(k=q.get(l),void 0===k&&(k=new Set,q.set(l,k)));if(!k.has(h)){k.add(h);var v=Yj.bind(null,f,l,h);l.then(v,v)}p.flags|=4096;p.lanes=b;break a}p=p.return}while(null!==p);k=Error((Ra(h.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==V&&(V=2);k=Mi(k,h);p=
g;do{switch(p.tag){case 3:f=k;p.flags|=4096;b&=-b;p.lanes|=b;var J=Pi(p,f,b);Bg(p,J);break a;case 1:f=k;var K=p.type,Q=p.stateNode;if(0===(p.flags&64)&&("function"===typeof K.getDerivedStateFromError||null!==Q&&"function"===typeof Q.componentDidCatch&&(null===Ti||!Ti.has(Q)))){p.flags|=4096;b&=-b;p.lanes|=b;var L=Si(p,f,b);Bg(p,L);break a}}p=p.return}while(null!==p)}Zj(c)}catch(va){b=va;Y===c&&null!==c&&(Y=c=c.return);continue}break}while(1)}
function Pj(){var a=oj.current;oj.current=Gh;return null===a?Gh:a}function Tj(a,b){var c=X;X|=16;var d=Pj();U===a&&W===b||Qj(a,b);do try{ak();break}catch(e){Sj(a,e)}while(1);qg();X=c;oj.current=d;if(null!==Y)throw Error(y(261));U=null;W=0;return V}function ak(){for(;null!==Y;)bk(Y)}function Rj(){for(;null!==Y&&!Qf();)bk(Y)}function bk(a){var b=ck(a.alternate,a,qj);a.memoizedProps=a.pendingProps;null===b?Zj(a):Y=b;pj.current=null}
function Zj(a){var b=a;do{var c=b.alternate;a=b.return;if(0===(b.flags&2048)){c=Gi(c,b,qj);if(null!==c){Y=c;return}c=b;if(24!==c.tag&&23!==c.tag||null===c.memoizedState||0!==(qj&1073741824)||0===(c.mode&4)){for(var d=0,e=c.child;null!==e;)d|=e.lanes|e.childLanes,e=e.sibling;c.childLanes=d}null!==a&&0===(a.flags&2048)&&(null===a.firstEffect&&(a.firstEffect=b.firstEffect),null!==b.lastEffect&&(null!==a.lastEffect&&(a.lastEffect.nextEffect=b.firstEffect),a.lastEffect=b.lastEffect),1<b.flags&&(null!==
a.lastEffect?a.lastEffect.nextEffect=b:a.firstEffect=b,a.lastEffect=b))}else{c=Li(b);if(null!==c){c.flags&=2047;Y=c;return}null!==a&&(a.firstEffect=a.lastEffect=null,a.flags|=2048)}b=b.sibling;if(null!==b){Y=b;return}Y=b=a}while(null!==b);0===V&&(V=5)}function Uj(a){var b=eg();gg(99,dk.bind(null,a,b));return null}
function dk(a,b){do Oj();while(null!==yj);if(0!==(X&48))throw Error(y(327));var c=a.finishedWork;if(null===c)return null;a.finishedWork=null;a.finishedLanes=0;if(c===a.current)throw Error(y(177));a.callbackNode=null;var d=c.lanes|c.childLanes,e=d,f=a.pendingLanes&~e;a.pendingLanes=e;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=e;a.mutableReadLanes&=e;a.entangledLanes&=e;e=a.entanglements;for(var g=a.eventTimes,h=a.expirationTimes;0<f;){var k=31-Vc(f),l=1<<k;e[k]=0;g[k]=-1;h[k]=-1;f&=~l}null!==
Cj&&0===(d&24)&&Cj.has(a)&&Cj.delete(a);a===U&&(Y=U=null,W=0);1<c.flags?null!==c.lastEffect?(c.lastEffect.nextEffect=c,d=c.firstEffect):d=c:d=c.firstEffect;if(null!==d){e=X;X|=32;pj.current=null;kf=fd;g=Ne();if(Oe(g)){if("selectionStart"in g)h={start:g.selectionStart,end:g.selectionEnd};else a:if(h=(h=g.ownerDocument)&&h.defaultView||window,(l=h.getSelection&&h.getSelection())&&0!==l.rangeCount){h=l.anchorNode;f=l.anchorOffset;k=l.focusNode;l=l.focusOffset;try{h.nodeType,k.nodeType}catch(va){h=null;
break a}var n=0,A=-1,p=-1,C=0,x=0,w=g,z=null;b:for(;;){for(var u;;){w!==h||0!==f&&3!==w.nodeType||(A=n+f);w!==k||0!==l&&3!==w.nodeType||(p=n+l);3===w.nodeType&&(n+=w.nodeValue.length);if(null===(u=w.firstChild))break;z=w;w=u}for(;;){if(w===g)break b;z===h&&++C===f&&(A=n);z===k&&++x===l&&(p=n);if(null!==(u=w.nextSibling))break;w=z;z=w.parentNode}w=u}h=-1===A||-1===p?null:{start:A,end:p}}else h=null;h=h||{start:0,end:0}}else h=null;lf={focusedElem:g,selectionRange:h};fd=!1;Ij=null;Jj=!1;Z=d;do try{ek()}catch(va){if(null===
Z)throw Error(y(330));Wi(Z,va);Z=Z.nextEffect}while(null!==Z);Ij=null;Z=d;do try{for(g=a;null!==Z;){var t=Z.flags;t&16&&pb(Z.stateNode,"");if(t&128){var q=Z.alternate;if(null!==q){var v=q.ref;null!==v&&("function"===typeof v?v(null):v.current=null)}}switch(t&1038){case 2:fj(Z);Z.flags&=-3;break;case 6:fj(Z);Z.flags&=-3;ij(Z.alternate,Z);break;case 1024:Z.flags&=-1025;break;case 1028:Z.flags&=-1025;ij(Z.alternate,Z);break;case 4:ij(Z.alternate,Z);break;case 8:h=Z;cj(g,h);var J=h.alternate;dj(h);null!==
J&&dj(J)}Z=Z.nextEffect}}catch(va){if(null===Z)throw Error(y(330));Wi(Z,va);Z=Z.nextEffect}while(null!==Z);v=lf;q=Ne();t=v.focusedElem;g=v.selectionRange;if(q!==t&&t&&t.ownerDocument&&Me(t.ownerDocument.documentElement,t)){null!==g&&Oe(t)&&(q=g.start,v=g.end,void 0===v&&(v=q),"selectionStart"in t?(t.selectionStart=q,t.selectionEnd=Math.min(v,t.value.length)):(v=(q=t.ownerDocument||document)&&q.defaultView||window,v.getSelection&&(v=v.getSelection(),h=t.textContent.length,J=Math.min(g.start,h),g=void 0===
g.end?J:Math.min(g.end,h),!v.extend&&J>g&&(h=g,g=J,J=h),h=Le(t,J),f=Le(t,g),h&&f&&(1!==v.rangeCount||v.anchorNode!==h.node||v.anchorOffset!==h.offset||v.focusNode!==f.node||v.focusOffset!==f.offset)&&(q=q.createRange(),q.setStart(h.node,h.offset),v.removeAllRanges(),J>g?(v.addRange(q),v.extend(f.node,f.offset)):(q.setEnd(f.node,f.offset),v.addRange(q))))));q=[];for(v=t;v=v.parentNode;)1===v.nodeType&&q.push({element:v,left:v.scrollLeft,top:v.scrollTop});"function"===typeof t.focus&&t.focus();for(t=
0;t<q.length;t++)v=q[t],v.element.scrollLeft=v.left,v.element.scrollTop=v.top}fd=!!kf;lf=kf=null;a.current=c;Z=d;do try{for(t=a;null!==Z;){var K=Z.flags;K&36&&Yi(t,Z.alternate,Z);if(K&128){q=void 0;var Q=Z.ref;if(null!==Q){var L=Z.stateNode;switch(Z.tag){case 5:q=L;break;default:q=L}"function"===typeof Q?Q(q):Q.current=q}}Z=Z.nextEffect}}catch(va){if(null===Z)throw Error(y(330));Wi(Z,va);Z=Z.nextEffect}while(null!==Z);Z=null;$f();X=e}else a.current=c;if(xj)xj=!1,yj=a,zj=b;else for(Z=d;null!==Z;)b=
Z.nextEffect,Z.nextEffect=null,Z.flags&8&&(K=Z,K.sibling=null,K.stateNode=null),Z=b;d=a.pendingLanes;0===d&&(Ti=null);1===d?a===Ej?Dj++:(Dj=0,Ej=a):Dj=0;c=c.stateNode;if(Mf&&"function"===typeof Mf.onCommitFiberRoot)try{Mf.onCommitFiberRoot(Lf,c,void 0,64===(c.current.flags&64))}catch(va){}Mj(a,O());if(Qi)throw Qi=!1,a=Ri,Ri=null,a;if(0!==(X&8))return null;ig();return null}
function ek(){for(;null!==Z;){var a=Z.alternate;Jj||null===Ij||(0!==(Z.flags&8)?dc(Z,Ij)&&(Jj=!0):13===Z.tag&&mj(a,Z)&&dc(Z,Ij)&&(Jj=!0));var b=Z.flags;0!==(b&256)&&Xi(a,Z);0===(b&512)||xj||(xj=!0,hg(97,function(){Oj();return null}));Z=Z.nextEffect}}function Oj(){if(90!==zj){var a=97<zj?97:zj;zj=90;return gg(a,fk)}return!1}function $i(a,b){Aj.push(b,a);xj||(xj=!0,hg(97,function(){Oj();return null}))}function Zi(a,b){Bj.push(b,a);xj||(xj=!0,hg(97,function(){Oj();return null}))}
function fk(){if(null===yj)return!1;var a=yj;yj=null;if(0!==(X&48))throw Error(y(331));var b=X;X|=32;var c=Bj;Bj=[];for(var d=0;d<c.length;d+=2){var e=c[d],f=c[d+1],g=e.destroy;e.destroy=void 0;if("function"===typeof g)try{g()}catch(k){if(null===f)throw Error(y(330));Wi(f,k)}}c=Aj;Aj=[];for(d=0;d<c.length;d+=2){e=c[d];f=c[d+1];try{var h=e.create;e.destroy=h()}catch(k){if(null===f)throw Error(y(330));Wi(f,k)}}for(h=a.current.firstEffect;null!==h;)a=h.nextEffect,h.nextEffect=null,h.flags&8&&(h.sibling=
null,h.stateNode=null),h=a;X=b;ig();return!0}function gk(a,b,c){b=Mi(c,b);b=Pi(a,b,1);Ag(a,b);b=Hg();a=Kj(a,1);null!==a&&($c(a,1,b),Mj(a,b))}
function Wi(a,b){if(3===a.tag)gk(a,a,b);else for(var c=a.return;null!==c;){if(3===c.tag){gk(c,a,b);break}else if(1===c.tag){var d=c.stateNode;if("function"===typeof c.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===Ti||!Ti.has(d))){a=Mi(b,a);var e=Si(c,a,1);Ag(c,e);e=Hg();c=Kj(c,1);if(null!==c)$c(c,1,e),Mj(c,e);else if("function"===typeof d.componentDidCatch&&(null===Ti||!Ti.has(d)))try{d.componentDidCatch(b,a)}catch(f){}break}}c=c.return}}
function Yj(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);b=Hg();a.pingedLanes|=a.suspendedLanes&c;U===a&&(W&c)===c&&(4===V||3===V&&(W&62914560)===W&&500>O()-jj?Qj(a,0):uj|=c);Mj(a,b)}function lj(a,b){var c=a.stateNode;null!==c&&c.delete(b);b=0;0===b&&(b=a.mode,0===(b&2)?b=1:0===(b&4)?b=99===eg()?1:2:(0===Gj&&(Gj=tj),b=Yc(62914560&~Gj),0===b&&(b=4194304)));c=Hg();a=Kj(a,b);null!==a&&($c(a,b,c),Mj(a,c))}var ck;
ck=function(a,b,c){var d=b.lanes;if(null!==a)if(a.memoizedProps!==b.pendingProps||N.current)ug=!0;else if(0!==(c&d))ug=0!==(a.flags&16384)?!0:!1;else{ug=!1;switch(b.tag){case 3:ri(b);sh();break;case 5:gh(b);break;case 1:Ff(b.type)&&Jf(b);break;case 4:eh(b,b.stateNode.containerInfo);break;case 10:d=b.memoizedProps.value;var e=b.type._context;I(mg,e._currentValue);e._currentValue=d;break;case 13:if(null!==b.memoizedState){if(0!==(c&b.child.childLanes))return ti(a,b,c);I(P,P.current&1);b=hi(a,b,c);return null!==
b?b.sibling:null}I(P,P.current&1);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&64)){if(d)return Ai(a,b,c);b.flags|=64}e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);I(P,P.current);if(d)break;else return null;case 23:case 24:return b.lanes=0,mi(a,b,c)}return hi(a,b,c)}else ug=!1;b.lanes=0;switch(b.tag){case 2:d=b.type;null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2);a=b.pendingProps;e=Ef(b,M.current);tg(b,c);e=Ch(null,b,d,a,e,c);b.flags|=1;if("object"===
typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof){b.tag=1;b.memoizedState=null;b.updateQueue=null;if(Ff(d)){var f=!0;Jf(b)}else f=!1;b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null;xg(b);var g=d.getDerivedStateFromProps;"function"===typeof g&&Gg(b,d,g,a);e.updater=Kg;b.stateNode=e;e._reactInternals=b;Og(b,d,a,c);b=qi(null,b,d,!0,f,c)}else b.tag=0,fi(null,b,e,c),b=b.child;return b;case 16:e=b.elementType;a:{null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2);
a=b.pendingProps;f=e._init;e=f(e._payload);b.type=e;f=b.tag=hk(e);a=lg(e,a);switch(f){case 0:b=li(null,b,e,a,c);break a;case 1:b=pi(null,b,e,a,c);break a;case 11:b=gi(null,b,e,a,c);break a;case 14:b=ii(null,b,e,lg(e.type,a),d,c);break a}throw Error(y(306,e,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:lg(d,e),li(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:lg(d,e),pi(a,b,d,e,c);case 3:ri(b);d=b.updateQueue;if(null===a||null===d)throw Error(y(282));
d=b.pendingProps;e=b.memoizedState;e=null!==e?e.element:null;yg(a,b);Cg(b,d,null,c);d=b.memoizedState.element;if(d===e)sh(),b=hi(a,b,c);else{e=b.stateNode;if(f=e.hydrate)kh=rf(b.stateNode.containerInfo.firstChild),jh=b,f=lh=!0;if(f){a=e.mutableSourceEagerHydrationData;if(null!=a)for(e=0;e<a.length;e+=2)f=a[e],f._workInProgressVersionPrimary=a[e+1],th.push(f);c=Zg(b,null,d,c);for(b.child=c;c;)c.flags=c.flags&-3|1024,c=c.sibling}else fi(a,b,d,c),sh();b=b.child}return b;case 5:return gh(b),null===a&&
ph(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,nf(d,e)?g=null:null!==f&&nf(d,f)&&(b.flags|=16),oi(a,b),fi(a,b,g,c),b.child;case 6:return null===a&&ph(b),null;case 13:return ti(a,b,c);case 4:return eh(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Yg(b,null,d,c):fi(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:lg(d,e),gi(a,b,d,e,c);case 7:return fi(a,b,b.pendingProps,c),b.child;case 8:return fi(a,b,b.pendingProps.children,
c),b.child;case 12:return fi(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;g=b.memoizedProps;f=e.value;var h=b.type._context;I(mg,h._currentValue);h._currentValue=f;if(null!==g)if(h=g.value,f=He(h,f)?0:("function"===typeof d._calculateChangedBits?d._calculateChangedBits(h,f):1073741823)|0,0===f){if(g.children===e.children&&!N.current){b=hi(a,b,c);break a}}else for(h=b.child,null!==h&&(h.return=b);null!==h;){var k=h.dependencies;if(null!==k){g=h.child;for(var l=
k.firstContext;null!==l;){if(l.context===d&&0!==(l.observedBits&f)){1===h.tag&&(l=zg(-1,c&-c),l.tag=2,Ag(h,l));h.lanes|=c;l=h.alternate;null!==l&&(l.lanes|=c);sg(h.return,c);k.lanes|=c;break}l=l.next}}else g=10===h.tag?h.type===b.type?null:h.child:h.child;if(null!==g)g.return=h;else for(g=h;null!==g;){if(g===b){g=null;break}h=g.sibling;if(null!==h){h.return=g.return;g=h;break}g=g.return}h=g}fi(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,f=b.pendingProps,d=f.children,tg(b,c),e=vg(e,
f.unstable_observedBits),d=d(e),b.flags|=1,fi(a,b,d,c),b.child;case 14:return e=b.type,f=lg(e,b.pendingProps),f=lg(e.type,f),ii(a,b,e,f,d,c);case 15:return ki(a,b,b.type,b.pendingProps,d,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:lg(d,e),null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2),b.tag=1,Ff(d)?(a=!0,Jf(b)):a=!1,tg(b,c),Mg(b,d,e),Og(b,d,e,c),qi(null,b,d,!0,a,c);case 19:return Ai(a,b,c);case 23:return mi(a,b,c);case 24:return mi(a,b,c)}throw Error(y(156,b.tag));
};function ik(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.flags=0;this.lastEffect=this.firstEffect=this.nextEffect=null;this.childLanes=this.lanes=0;this.alternate=null}function nh(a,b,c,d){return new ik(a,b,c,d)}function ji(a){a=a.prototype;return!(!a||!a.isReactComponent)}
function hk(a){if("function"===typeof a)return ji(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===Aa)return 11;if(a===Da)return 14}return 2}
function Tg(a,b){var c=a.alternate;null===c?(c=nh(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.nextEffect=null,c.firstEffect=null,c.lastEffect=null);c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};
c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;return c}
function Vg(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)ji(a)&&(g=1);else if("string"===typeof a)g=5;else a:switch(a){case ua:return Xg(c.children,e,f,b);case Ha:g=8;e|=16;break;case wa:g=8;e|=1;break;case xa:return a=nh(12,c,b,e|8),a.elementType=xa,a.type=xa,a.lanes=f,a;case Ba:return a=nh(13,c,b,e),a.type=Ba,a.elementType=Ba,a.lanes=f,a;case Ca:return a=nh(19,c,b,e),a.elementType=Ca,a.lanes=f,a;case Ia:return vi(c,e,f,b);case Ja:return a=nh(24,c,b,e),a.elementType=Ja,a.lanes=f,a;default:if("object"===
typeof a&&null!==a)switch(a.$$typeof){case ya:g=10;break a;case za:g=9;break a;case Aa:g=11;break a;case Da:g=14;break a;case Ea:g=16;d=null;break a;case Fa:g=22;break a}throw Error(y(130,null==a?a:typeof a,""));}b=nh(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function Xg(a,b,c,d){a=nh(7,a,d,b);a.lanes=c;return a}function vi(a,b,c,d){a=nh(23,a,d,b);a.elementType=Ia;a.lanes=c;return a}function Ug(a,b,c){a=nh(6,a,null,b);a.lanes=c;return a}
function Wg(a,b,c){b=nh(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
function jk(a,b,c){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.pendingContext=this.context=null;this.hydrate=c;this.callbackNode=null;this.callbackPriority=0;this.eventTimes=Zc(0);this.expirationTimes=Zc(-1);this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=Zc(0);this.mutableSourceEagerHydrationData=null}
function kk(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:ta,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
function lk(a,b,c,d){var e=b.current,f=Hg(),g=Ig(e);a:if(c){c=c._reactInternals;b:{if(Zb(c)!==c||1!==c.tag)throw Error(y(170));var h=c;do{switch(h.tag){case 3:h=h.stateNode.context;break b;case 1:if(Ff(h.type)){h=h.stateNode.__reactInternalMemoizedMergedChildContext;break b}}h=h.return}while(null!==h);throw Error(y(171));}if(1===c.tag){var k=c.type;if(Ff(k)){c=If(c,k,h);break a}}c=h}else c=Cf;null===b.context?b.context=c:b.pendingContext=c;b=zg(f,g);b.payload={element:a};d=void 0===d?null:d;null!==
d&&(b.callback=d);Ag(e,b);Jg(e,g,f);return g}function mk(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 5:return a.child.stateNode;default:return a.child.stateNode}}function nk(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function ok(a,b){nk(a,b);(a=a.alternate)&&nk(a,b)}function pk(){return null}
function qk(a,b,c){var d=null!=c&&null!=c.hydrationOptions&&c.hydrationOptions.mutableSources||null;c=new jk(a,b,null!=c&&!0===c.hydrate);b=nh(3,null,null,2===b?7:1===b?3:0);c.current=b;b.stateNode=c;xg(b);a[ff]=c.current;cf(8===a.nodeType?a.parentNode:a);if(d)for(a=0;a<d.length;a++){b=d[a];var e=b._getVersion;e=e(b._source);null==c.mutableSourceEagerHydrationData?c.mutableSourceEagerHydrationData=[b,e]:c.mutableSourceEagerHydrationData.push(b,e)}this._internalRoot=c}
qk.prototype.render=function(a){lk(a,this._internalRoot,null,null)};qk.prototype.unmount=function(){var a=this._internalRoot,b=a.containerInfo;lk(null,a,null,function(){b[ff]=null})};function rk(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}
function sk(a,b){b||(b=a?9===a.nodeType?a.documentElement:a.firstChild:null,b=!(!b||1!==b.nodeType||!b.hasAttribute("data-reactroot")));if(!b)for(var c;c=a.lastChild;)a.removeChild(c);return new qk(a,0,b?{hydrate:!0}:void 0)}
function tk(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f._internalRoot;if("function"===typeof e){var h=e;e=function(){var a=mk(g);h.call(a)}}lk(b,g,a,e)}else{f=c._reactRootContainer=sk(c,d);g=f._internalRoot;if("function"===typeof e){var k=e;e=function(){var a=mk(g);k.call(a)}}Xj(function(){lk(b,g,a,e)})}return mk(g)}ec=function(a){if(13===a.tag){var b=Hg();Jg(a,4,b);ok(a,4)}};fc=function(a){if(13===a.tag){var b=Hg();Jg(a,67108864,b);ok(a,67108864)}};
gc=function(a){if(13===a.tag){var b=Hg(),c=Ig(a);Jg(a,c,b);ok(a,c)}};hc=function(a,b){return b()};
yb=function(a,b,c){switch(b){case "input":ab(a,c);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll("input[name="+JSON.stringify(""+b)+'][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Db(d);if(!e)throw Error(y(90));Wa(d);ab(d,e)}}}break;case "textarea":ib(a,c);break;case "select":b=c.value,null!=b&&fb(a,!!c.multiple,b,!1)}};Gb=Wj;
Hb=function(a,b,c,d,e){var f=X;X|=4;try{return gg(98,a.bind(null,b,c,d,e))}finally{X=f,0===X&&(wj(),ig())}};Ib=function(){0===(X&49)&&(Vj(),Oj())};Jb=function(a,b){var c=X;X|=2;try{return a(b)}finally{X=c,0===X&&(wj(),ig())}};function uk(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!rk(b))throw Error(y(200));return kk(a,b,null,c)}var vk={Events:[Cb,ue,Db,Eb,Fb,Oj,{current:!1}]},wk={findFiberByHostInstance:wc,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"};
var xk={bundleType:wk.bundleType,version:wk.version,rendererPackageName:wk.rendererPackageName,rendererConfig:wk.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:ra.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=cc(a);return null===a?null:a.stateNode},findFiberByHostInstance:wk.findFiberByHostInstance||
pk,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var yk=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!yk.isDisabled&&yk.supportsFiber)try{Lf=yk.inject(xk),Mf=yk}catch(a){}}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=vk;exports.createPortal=uk;
exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(y(188));throw Error(y(268,Object.keys(a)));}a=cc(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a,b){var c=X;if(0!==(c&48))return a(b);X|=1;try{if(a)return gg(99,a.bind(null,b))}finally{X=c,ig()}};exports.hydrate=function(a,b,c){if(!rk(b))throw Error(y(200));return tk(null,a,b,!0,c)};
exports.render=function(a,b,c){if(!rk(b))throw Error(y(200));return tk(null,a,b,!1,c)};exports.unmountComponentAtNode=function(a){if(!rk(a))throw Error(y(40));return a._reactRootContainer?(Xj(function(){tk(null,null,a,!1,function(){a._reactRootContainer=null;a[ff]=null})}),!0):!1};exports.unstable_batchedUpdates=Wj;exports.unstable_createPortal=function(a,b){return uk(a,b,2<arguments.length&&void 0!==arguments[2]?arguments[2]:null)};
exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!rk(c))throw Error(y(200));if(null==a||void 0===a._reactInternals)throw Error(y(38));return tk(a,b,c,!1,d)};exports.version="17.0.2";
/***/ }),
/***/ 64151:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
function checkDCE() {
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'
) {
return;
}
if (false) {}
try {
// Verify that the code above has been dead code eliminated (DCE'd).
__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
} catch (err) {
// DevTools shouldn't crash React, no matter what.
// We should still report in case we break this code.
console.error(err);
}
}
if (true) {
// DCE check should happen before ReactDOM bundle executes so that
// DevTools can report bad minification during injection.
checkDCE();
module.exports = __webpack_require__(44005);
} else {}
/***/ }),
/***/ 25432:
/***/ ((module) => {
"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
/* eslint-disable no-unused-vars */
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
function toObject(val) {
if (val === null || val === undefined) {
throw new TypeError('Object.assign cannot be called with null or undefined');
}
return Object(val);
}
function shouldUseNative() {
try {
if (!Object.assign) {
return false;
}
// Detect buggy property enumeration order in older V8 versions.
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
test1[5] = 'de';
if (Object.getOwnPropertyNames(test1)[0] === '5') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test2 = {};
for (var i = 0; i < 10; i++) {
test2['_' + String.fromCharCode(i)] = i;
}
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
return test2[n];
});
if (order2.join('') !== '0123456789') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test3 = {};
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
test3[letter] = letter;
});
if (Object.keys(Object.assign({}, test3)).join('') !==
'abcdefghijklmnopqrst') {
return false;
}
return true;
} catch (err) {
// We don't expect any of the above to throw, but better to be safe.
return false;
}
}
module.exports = shouldUseNative() ? Object.assign : function (target, source) {
var from;
var to = toObject(target);
var symbols;
for (var s = 1; s < arguments.length; s++) {
from = Object(arguments[s]);
for (var key in from) {
if (hasOwnProperty.call(from, key)) {
to[key] = from[key];
}
}
if (getOwnPropertySymbols) {
symbols = getOwnPropertySymbols(from);
for (var i = 0; i < symbols.length; i++) {
if (propIsEnumerable.call(from, symbols[i])) {
to[symbols[i]] = from[symbols[i]];
}
}
}
}
return to;
};
/***/ }),
/***/ 97832:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/** @license React v0.20.2
* scheduler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var f,g,h,k;if("object"===typeof performance&&"function"===typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()}}else{var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q}}
if("undefined"===typeof window||"function"!==typeof MessageChannel){var t=null,u=null,w=function(){if(null!==t)try{var a=exports.unstable_now();t(!0,a);t=null}catch(b){throw setTimeout(w,0),b;}};f=function(a){null!==t?setTimeout(f,0,a):(t=a,setTimeout(w,0))};g=function(a,b){u=setTimeout(a,b)};h=function(){clearTimeout(u)};exports.unstable_shouldYield=function(){return!1};k=exports.unstable_forceFrameRate=function(){}}else{var x=window.setTimeout,y=window.clearTimeout;if("undefined"!==typeof console){var z=
window.cancelAnimationFrame;"function"!==typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills");"function"!==typeof z&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var A=!1,B=null,C=-1,D=5,E=0;exports.unstable_shouldYield=function(){return exports.unstable_now()>=
E};k=function(){};exports.unstable_forceFrameRate=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):D=0<a?Math.floor(1E3/a):5};var F=new MessageChannel,G=F.port2;F.port1.onmessage=function(){if(null!==B){var a=exports.unstable_now();E=a+D;try{B(!0,a)?G.postMessage(null):(A=!1,B=null)}catch(b){throw G.postMessage(null),b;}}else A=!1};f=function(a){B=a;A||(A=!0,G.postMessage(null))};g=function(a,b){C=
x(function(){a(exports.unstable_now())},b)};h=function(){y(C);C=-1}}function H(a,b){var c=a.length;a.push(b);a:for(;;){var d=c-1>>>1,e=a[d];if(void 0!==e&&0<I(e,b))a[d]=b,a[c]=e,c=d;else break a}}function J(a){a=a[0];return void 0===a?null:a}
function K(a){var b=a[0];if(void 0!==b){var c=a.pop();if(c!==b){a[0]=c;a:for(var d=0,e=a.length;d<e;){var m=2*(d+1)-1,n=a[m],v=m+1,r=a[v];if(void 0!==n&&0>I(n,c))void 0!==r&&0>I(r,n)?(a[d]=r,a[v]=c,d=v):(a[d]=n,a[m]=c,d=m);else if(void 0!==r&&0>I(r,c))a[d]=r,a[v]=c,d=v;else break a}}return b}return null}function I(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}var L=[],M=[],N=1,O=null,P=3,Q=!1,R=!1,S=!1;
function T(a){for(var b=J(M);null!==b;){if(null===b.callback)K(M);else if(b.startTime<=a)K(M),b.sortIndex=b.expirationTime,H(L,b);else break;b=J(M)}}function U(a){S=!1;T(a);if(!R)if(null!==J(L))R=!0,f(V);else{var b=J(M);null!==b&&g(U,b.startTime-a)}}
function V(a,b){R=!1;S&&(S=!1,h());Q=!0;var c=P;try{T(b);for(O=J(L);null!==O&&(!(O.expirationTime>b)||a&&!exports.unstable_shouldYield());){var d=O.callback;if("function"===typeof d){O.callback=null;P=O.priorityLevel;var e=d(O.expirationTime<=b);b=exports.unstable_now();"function"===typeof e?O.callback=e:O===J(L)&&K(L);T(b)}else K(L);O=J(L)}if(null!==O)var m=!0;else{var n=J(M);null!==n&&g(U,n.startTime-b);m=!1}return m}finally{O=null,P=c,Q=!1}}var W=k;exports.unstable_IdlePriority=5;
exports.unstable_ImmediatePriority=1;exports.unstable_LowPriority=4;exports.unstable_NormalPriority=3;exports.unstable_Profiling=null;exports.unstable_UserBlockingPriority=2;exports.unstable_cancelCallback=function(a){a.callback=null};exports.unstable_continueExecution=function(){R||Q||(R=!0,f(V))};exports.unstable_getCurrentPriorityLevel=function(){return P};exports.unstable_getFirstCallbackNode=function(){return J(L)};
exports.unstable_next=function(a){switch(P){case 1:case 2:case 3:var b=3;break;default:b=P}var c=P;P=b;try{return a()}finally{P=c}};exports.unstable_pauseExecution=function(){};exports.unstable_requestPaint=W;exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=P;P=a;try{return b()}finally{P=c}};
exports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();"object"===typeof c&&null!==c?(c=c.delay,c="number"===typeof c&&0<c?d+c:d):c=d;switch(a){case 1:var e=-1;break;case 2:e=250;break;case 5:e=1073741823;break;case 4:e=1E4;break;default:e=5E3}e=c+e;a={id:N++,callback:b,priorityLevel:a,startTime:c,expirationTime:e,sortIndex:-1};c>d?(a.sortIndex=c,H(M,a),null===J(L)&&a===J(M)&&(S?h():S=!0,g(U,c-d))):(a.sortIndex=e,H(L,a),R||Q||(R=!0,f(V)));return a};
exports.unstable_wrapCallback=function(a){var b=P;return function(){var c=P;P=b;try{return a.apply(this,arguments)}finally{P=c}}};
/***/ }),
/***/ 26158:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
if (true) {
module.exports = __webpack_require__(97832);
} else {}
/***/ }),
/***/ 9687:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var reactIs = __webpack_require__(36906);
/**
* Copyright 2015, Yahoo! Inc.
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
*/
var REACT_STATICS = {
childContextTypes: true,
contextType: true,
contextTypes: true,
defaultProps: true,
displayName: true,
getDefaultProps: true,
getDerivedStateFromError: true,
getDerivedStateFromProps: true,
mixins: true,
propTypes: true,
type: true
};
var KNOWN_STATICS = {
name: true,
length: true,
prototype: true,
caller: true,
callee: true,
arguments: true,
arity: true
};
var FORWARD_REF_STATICS = {
'$$typeof': true,
render: true,
defaultProps: true,
displayName: true,
propTypes: true
};
var MEMO_STATICS = {
'$$typeof': true,
compare: true,
defaultProps: true,
displayName: true,
propTypes: true,
type: true
};
var TYPE_STATICS = {};
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
function getStatics(component) {
// React v16.11 and below
if (reactIs.isMemo(component)) {
return MEMO_STATICS;
} // React v16.12 and above
return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
}
var defineProperty = Object.defineProperty;
var getOwnPropertyNames = Object.getOwnPropertyNames;
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
var getPrototypeOf = Object.getPrototypeOf;
var objectPrototype = Object.prototype;
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
if (typeof sourceComponent !== 'string') {
// don't hoist over string (html) components
if (objectPrototype) {
var inheritedComponent = getPrototypeOf(sourceComponent);
if (inheritedComponent && inheritedComponent !== objectPrototype) {
hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
}
}
var keys = getOwnPropertyNames(sourceComponent);
if (getOwnPropertySymbols) {
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
}
var targetStatics = getStatics(targetComponent);
var sourceStatics = getStatics(sourceComponent);
for (var i = 0; i < keys.length; ++i) {
var key = keys[i];
if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
try {
// Avoid failures from read-only properties
defineProperty(targetComponent, key, descriptor);
} catch (e) {}
}
}
}
return targetComponent;
}
module.exports = hoistNonReactStatics;
/***/ }),
/***/ 33623:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
__webpack_unused_export__ = getDisplayName;
function getDisplayName(Component) {
return Component.displayName || Component.name || (typeof Component === 'string' && Component.length > 0 ? Component : 'Unknown');
}
/***/ }),
/***/ 89979:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;
exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isAsyncMode=function(a){return A(a)||z(a)===l};exports.isConcurrentMode=A;exports.isContextConsumer=function(a){return z(a)===k};exports.isContextProvider=function(a){return z(a)===h};exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return z(a)===n};exports.isFragment=function(a){return z(a)===e};exports.isLazy=function(a){return z(a)===t};
exports.isMemo=function(a){return z(a)===r};exports.isPortal=function(a){return z(a)===d};exports.isProfiler=function(a){return z(a)===g};exports.isStrictMode=function(a){return z(a)===f};exports.isSuspense=function(a){return z(a)===p};
exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};exports.typeOf=z;
/***/ }),
/***/ 36906:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
if (true) {
module.exports = __webpack_require__(89979);
} else {}
/***/ }),
/***/ 6029:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ es)
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/symbol-observable/es/ponyfill.js
function symbolObservablePonyfill(root) {
var result;
var Symbol = root.Symbol;
if (typeof Symbol === 'function') {
if (Symbol.observable) {
result = Symbol.observable;
} else {
result = Symbol('observable');
Symbol.observable = result;
}
} else {
result = '@@observable';
}
return result;
};
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-jss@10.9.0_react@17.0.2/node_modules/react-jss/node_modules/symbol-observable/es/index.js
/* module decorator */ module = __webpack_require__.hmd(module);
/* global window */
var root;
if (typeof self !== 'undefined') {
root = self;
} else if (typeof window !== 'undefined') {
root = window;
} else if (typeof __webpack_require__.g !== 'undefined') {
root = __webpack_require__.g;
} else if (true) {
root = module;
} else {}
var result = symbolObservablePonyfill(root);
/* harmony default export */ const es = (result);
/***/ }),
/***/ 32883:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ Dimensions)
/* harmony export */ });
/* harmony import */ var fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(57699);
/* harmony import */ var fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26913);
/* harmony import */ var fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__);
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var dimensions = {
window: {
fontScale: 1,
height: 0,
scale: 1,
width: 0
},
screen: {
fontScale: 1,
height: 0,
scale: 1,
width: 0
}
};
var listeners = {};
var Dimensions = /*#__PURE__*/function () {
function Dimensions() {}
Dimensions.get = function get(dimension) {
fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(dimensions[dimension], "No dimension set for key " + dimension);
return dimensions[dimension];
};
Dimensions.set = function set(initialDimensions) {
if (initialDimensions) {
if (fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM) {
fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(false, 'Dimensions cannot be set in the browser');
} else {
if (initialDimensions.screen != null) {
dimensions.screen = initialDimensions.screen;
}
if (initialDimensions.window != null) {
dimensions.window = initialDimensions.window;
}
}
}
};
Dimensions._update = function _update() {
if (!fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM) {
return;
}
var win = window;
var docEl = win.document.documentElement;
dimensions.window = {
fontScale: 1,
height: docEl.clientHeight,
scale: win.devicePixelRatio || 1,
width: docEl.clientWidth
};
dimensions.screen = {
fontScale: 1,
height: win.screen.height,
scale: win.devicePixelRatio || 1,
width: win.screen.width
};
if (Array.isArray(listeners['change'])) {
listeners['change'].forEach(function (handler) {
return handler(dimensions);
});
}
};
Dimensions.addEventListener = function addEventListener(type, handler) {
var _this = this;
listeners[type] = listeners[type] || [];
listeners[type].push(handler);
return {
remove: function remove() {
_this.removeEventListener(type, handler);
}
};
};
Dimensions.removeEventListener = function removeEventListener(type, handler) {
if (Array.isArray(listeners[type])) {
listeners[type] = listeners[type].filter(function (_handler) {
return _handler !== handler;
});
}
};
return Dimensions;
}();
if (fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM) {
Dimensions._update();
window.addEventListener('resize', Dimensions._update, false);
}
/***/ }),
/***/ 9217:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ ReactNativePropRegistry)
/* harmony export */ });
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var emptyObject = {};
var objects = {};
var prefix = 'r';
var uniqueID = 1;
var createKey = function createKey(id) {
return prefix + "-" + id;
};
var ReactNativePropRegistry = /*#__PURE__*/function () {
function ReactNativePropRegistry() {}
ReactNativePropRegistry.register = function register(object) {
var id = uniqueID++;
if (false) {}
var key = createKey(id);
objects[key] = object;
return id;
};
ReactNativePropRegistry.getByID = function getByID(id) {
if (!id) {
// Used in the style={[condition && id]} pattern,
// we want it to be a no-op when the value is false or null
return emptyObject;
}
var key = createKey(id);
var object = objects[key];
if (!object) {
console.warn('Invalid style with id `' + id + '`. Skipping ...');
return emptyObject;
}
return object;
};
return ReactNativePropRegistry;
}();
/***/ }),
/***/ 95723:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "CT": () => (/* binding */ STYLE_ELEMENT_ID),
/* harmony export */ "uL": () => (/* binding */ STYLE_GROUPS),
/* harmony export */ "Bt": () => (/* binding */ STYLE_SHORT_FORM_EXPANSIONS),
/* harmony export */ "Xv": () => (/* binding */ MONOSPACE_FONT_STACK),
/* harmony export */ "fO": () => (/* binding */ SYSTEM_FONT_STACK)
/* harmony export */ });
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var STYLE_ELEMENT_ID = 'react-native-stylesheet';
var STYLE_GROUPS = {
reset: 0,
modality: 0.1,
classicReset: 0.5,
classic: 1,
atomic: 2.2,
custom: {
borderColor: 2,
borderRadius: 2,
borderStyle: 2,
borderWidth: 2,
display: 2,
flex: 2,
margin: 2,
overflow: 2,
overscrollBehavior: 2,
padding: 2,
marginHorizontal: 2.1,
marginVertical: 2.1,
paddingHorizontal: 2.1,
paddingVertical: 2.1
}
};
var STYLE_SHORT_FORM_EXPANSIONS = {
borderColor: ['borderTopColor', 'borderRightColor', 'borderBottomColor', 'borderLeftColor'],
borderRadius: ['borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomRightRadius', 'borderBottomLeftRadius'],
borderStyle: ['borderTopStyle', 'borderRightStyle', 'borderBottomStyle', 'borderLeftStyle'],
borderWidth: ['borderTopWidth', 'borderRightWidth', 'borderBottomWidth', 'borderLeftWidth'],
margin: ['marginTop', 'marginRight', 'marginBottom', 'marginLeft'],
marginHorizontal: ['marginRight', 'marginLeft'],
marginVertical: ['marginTop', 'marginBottom'],
overflow: ['overflowX', 'overflowY'],
overscrollBehavior: ['overscrollBehaviorX', 'overscrollBehaviorY'],
padding: ['paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft'],
paddingHorizontal: ['paddingRight', 'paddingLeft'],
paddingVertical: ['paddingTop', 'paddingBottom']
};
var MONOSPACE_FONT_STACK = 'monospace,monospace';
var SYSTEM_FONT_STACK = '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif';
/***/ }),
/***/ 5748:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _styleResolver__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49873);
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* A simple (and dangerous) CSS system.
* The order of CSS rule insertion is not guaranteed.
* Avoiding combining 2 or more classes that modify the same property.
*/
var css = {
/**
* const classes = css.create({ base: {}, extra: {} })
*/
create: function create(rules, group) {
return _styleResolver__WEBPACK_IMPORTED_MODULE_0__/* ["default"].createCSS */ .Z.createCSS(rules, group);
}
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (css);
/***/ }),
/***/ 56946:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _ReactNativePropRegistry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9217);
/* harmony import */ var fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26913);
/* harmony import */ var fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_0__);
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function getStyle(style) {
if (typeof style === 'number') {
return _ReactNativePropRegistry__WEBPACK_IMPORTED_MODULE_1__/* ["default"].getByID */ .Z.getByID(style);
}
return style;
}
function flattenStyle(style) {
if (!style) {
return undefined;
}
if (false) {}
if (!Array.isArray(style)) {
return getStyle(style);
}
var result = {};
for (var i = 0, styleLength = style.length; i < styleLength; ++i) {
var computedStyle = flattenStyle(style[i]);
if (computedStyle) {
for (var key in computedStyle) {
var value = computedStyle[key];
result[key] = value;
}
}
}
return result;
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (flattenStyle);
/***/ }),
/***/ 87688:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ exports_StyleSheet)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/fbjs/lib/ExecutionEnvironment.js
var ExecutionEnvironment = __webpack_require__(57699);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/ReactNativePropRegistry.js
var ReactNativePropRegistry = __webpack_require__(9217);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/flattenStyle.js
var flattenStyle = __webpack_require__(56946);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/StyleSheet.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var absoluteFillObject = {
position: 'absolute',
left: 0,
right: 0,
top: 0,
bottom: 0
};
var absoluteFill = ReactNativePropRegistry/* default.register */.Z.register(absoluteFillObject);
var StyleSheet = {
absoluteFill: absoluteFill,
absoluteFillObject: absoluteFillObject,
compose: function compose(style1, style2) {
if (false) { var readableStyles, len; }
if (style1 && style2) {
return [style1, style2];
} else {
return style1 || style2;
}
},
create: function create(styles) {
var result = {};
Object.keys(styles).forEach(function (key) {
if (false) {}
var id = styles[key] && ReactNativePropRegistry/* default.register */.Z.register(styles[key]);
result[key] = id;
});
return result;
},
flatten: flattenStyle/* default */.Z,
// `hairlineWidth` is not implemented using screen density as browsers may
// round sub-pixel values down to `0`, causing the line not to be rendered.
hairlineWidth: 1
};
/* harmony default export */ const StyleSheet_StyleSheet = (StyleSheet);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
// allow original component styles to be inspected in React Dev Tools
if (ExecutionEnvironment.canUseDOM && window.__REACT_DEVTOOLS_GLOBAL_HOOK__) {
window.__REACT_DEVTOOLS_GLOBAL_HOOK__.resolveRNStyle = StyleSheet_StyleSheet.flatten;
}
/* harmony default export */ const exports_StyleSheet = (StyleSheet_StyleSheet);
/***/ }),
/***/ 2615:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ normalizeValueWithProperty)
/* harmony export */ });
/* harmony import */ var _modules_unitlessNumbers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(70950);
/* harmony import */ var _modules_normalizeColor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(38095);
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var colorProps = {
backgroundColor: true,
borderColor: true,
borderTopColor: true,
borderRightColor: true,
borderBottomColor: true,
borderLeftColor: true,
color: true,
shadowColor: true,
textDecorationColor: true,
textShadowColor: true
};
function normalizeValueWithProperty(value, property) {
var returnValue = value;
if ((property == null || !_modules_unitlessNumbers__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z[property]) && typeof value === 'number') {
returnValue = value + "px";
} else if (property != null && colorProps[property]) {
returnValue = (0,_modules_normalizeColor__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(value);
}
return returnValue;
}
/***/ }),
/***/ 82354:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _modules_normalizeColor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(38095);
/* harmony import */ var _normalizeValueWithProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2615);
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var defaultOffset = {
height: 0,
width: 0
};
var resolveShadowValue = function resolveShadowValue(style) {
var shadowColor = style.shadowColor,
shadowOffset = style.shadowOffset,
shadowOpacity = style.shadowOpacity,
shadowRadius = style.shadowRadius;
var _ref = shadowOffset || defaultOffset,
height = _ref.height,
width = _ref.width;
var offsetX = (0,_normalizeValueWithProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(width);
var offsetY = (0,_normalizeValueWithProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(height);
var blurRadius = (0,_normalizeValueWithProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(shadowRadius || 0);
var color = (0,_modules_normalizeColor__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(shadowColor || 'black', shadowOpacity);
if (color != null && offsetX != null && offsetY != null && blurRadius != null) {
return offsetX + " " + offsetY + " " + blurRadius + " " + color;
}
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (resolveShadowValue);
/***/ }),
/***/ 49873:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ StyleSheet_styleResolver)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/fbjs/lib/ExecutionEnvironment.js
var ExecutionEnvironment = __webpack_require__(57699);
var ExecutionEnvironment_default = /*#__PURE__*/__webpack_require__.n(ExecutionEnvironment);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/createCSSStyleSheet.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
// $FlowFixMe: HTMLStyleElement is incorrectly typed - https://github.com/facebook/flow/issues/2696
function createCSSStyleSheet(id) {
if (ExecutionEnvironment.canUseDOM) {
var element = document.getElementById(id);
if (element != null) {
// $FlowFixMe: HTMLElement is incorrectly typed
return element.sheet;
} else {
var _element = document.createElement('style');
_element.setAttribute('id', id);
var head = document.head;
if (head) {
head.insertBefore(_element, head.firstChild);
}
return _element.sheet;
}
} else {
return null;
}
}
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/normalizeValueWithProperty.js
var normalizeValueWithProperty = __webpack_require__(2615);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/resolveShadowValue.js
var resolveShadowValue = __webpack_require__(82354);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/createCompileableStyle.js
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var defaultOffset = {
height: 0,
width: 0
};
function boxShadowReducer(resolvedStyle, style) {
var boxShadow = style.boxShadow;
var shadow = (0,resolveShadowValue/* default */.Z)(style);
if (shadow != null) {
resolvedStyle.boxShadow = boxShadow ? boxShadow + ", " + shadow : shadow;
}
}
function textShadowReducer(resolvedStyle, style) {
var textShadowColor = style.textShadowColor,
textShadowOffset = style.textShadowOffset,
textShadowRadius = style.textShadowRadius;
var _ref = textShadowOffset || defaultOffset,
height = _ref.height,
width = _ref.width;
var radius = textShadowRadius || 0;
var offsetX = (0,normalizeValueWithProperty/* default */.Z)(width);
var offsetY = (0,normalizeValueWithProperty/* default */.Z)(height);
var blurRadius = (0,normalizeValueWithProperty/* default */.Z)(radius);
var color = (0,normalizeValueWithProperty/* default */.Z)(textShadowColor, 'textShadowColor');
if (color && (height !== 0 || width !== 0 || radius !== 0) && offsetX != null && offsetY != null && blurRadius != null) {
resolvedStyle.textShadow = offsetX + " " + offsetY + " " + blurRadius + " " + color;
}
}
var createCompileableStyle = function createCompileableStyle(styles) {
var shadowColor = styles.shadowColor,
shadowOffset = styles.shadowOffset,
shadowOpacity = styles.shadowOpacity,
shadowRadius = styles.shadowRadius,
textShadowColor = styles.textShadowColor,
textShadowOffset = styles.textShadowOffset,
textShadowRadius = styles.textShadowRadius,
nextStyles = _objectWithoutPropertiesLoose(styles, ["shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "textShadowColor", "textShadowOffset", "textShadowRadius"]);
if (shadowColor != null || shadowOffset != null || shadowOpacity != null || shadowRadius != null) {
boxShadowReducer(nextStyles, styles);
}
if (textShadowColor != null || textShadowOffset != null || textShadowRadius != null) {
textShadowReducer(nextStyles, styles);
}
return nextStyles;
};
/* harmony default export */ const StyleSheet_createCompileableStyle = (createCompileableStyle);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/createOrderedCSSStyleSheet.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var slice = Array.prototype.slice;
/**
* Order-based insertion of CSS.
*
* Each rule is associated with a numerically defined group.
* Groups are ordered within the style sheet according to their number, with the
* lowest first.
*
* Groups are implemented using marker rules. The selector of the first rule of
* each group is used only to encode the group number for hydration. An
* alternative implementation could rely on CSSMediaRule, allowing groups to be
* treated as a sub-sheet, but the Edge implementation of CSSMediaRule is
* broken.
* https://developer.mozilla.org/en-US/docs/Web/API/CSSMediaRule
* https://gist.github.com/necolas/aa0c37846ad6bd3b05b727b959e82674
*/
function createOrderedCSSStyleSheet(sheet) {
var groups = {};
var selectors = {};
/**
* Hydrate approximate record from any existing rules in the sheet.
*/
if (sheet != null) {
var group;
slice.call(sheet.cssRules).forEach(function (cssRule, i) {
var cssText = cssRule.cssText; // Create record of existing selectors and rules
if (cssText.indexOf('stylesheet-group') > -1) {
group = decodeGroupRule(cssRule);
groups[group] = {
start: i,
rules: [cssText]
};
} else {
var selectorText = getSelectorText(cssText);
if (selectorText != null) {
selectors[selectorText] = true;
groups[group].rules.push(cssText);
}
}
});
}
function sheetInsert(sheet, group, text) {
var orderedGroups = getOrderedGroups(groups);
var groupIndex = orderedGroups.indexOf(group);
var nextGroupIndex = groupIndex + 1;
var nextGroup = orderedGroups[nextGroupIndex]; // Insert rule before the next group, or at the end of the stylesheet
var position = nextGroup != null && groups[nextGroup].start != null ? groups[nextGroup].start : sheet.cssRules.length;
var isInserted = insertRuleAt(sheet, text, position);
if (isInserted) {
// Set the starting index of the new group
if (groups[group].start == null) {
groups[group].start = position;
} // Increment the starting index of all subsequent groups
for (var i = nextGroupIndex; i < orderedGroups.length; i += 1) {
var groupNumber = orderedGroups[i];
var previousStart = groups[groupNumber].start || 0;
groups[groupNumber].start = previousStart + 1;
}
}
return isInserted;
}
var OrderedCSSStyleSheet = {
/**
* The textContent of the style sheet.
*/
getTextContent: function getTextContent() {
return getOrderedGroups(groups).map(function (group) {
var rules = groups[group].rules;
return rules.join('\n');
}).join('\n');
},
/**
* Insert a rule into the style sheet
*/
insert: function insert(cssText, groupValue) {
var group = Number(groupValue); // Create a new group.
if (groups[group] == null) {
var markerRule = encodeGroupRule(group); // Create the internal record.
groups[group] = {
start: null,
rules: [markerRule]
}; // Update CSSOM.
if (sheet != null) {
sheetInsert(sheet, group, markerRule);
}
} // selectorText is more reliable than cssText for insertion checks. The
// browser excludes vendor-prefixed properties and rewrites certain values
// making cssText more likely to be different from what was inserted.
var selectorText = getSelectorText(cssText);
if (selectorText != null && selectors[selectorText] == null) {
// Update the internal records.
selectors[selectorText] = true;
groups[group].rules.push(cssText); // Update CSSOM.
if (sheet != null) {
var isInserted = sheetInsert(sheet, group, cssText);
if (!isInserted) {
// Revert internal record change if a rule was rejected (e.g.,
// unrecognized pseudo-selector)
groups[group].rules.pop();
}
}
}
}
};
return OrderedCSSStyleSheet;
}
/**
* Helper functions
*/
function encodeGroupRule(group) {
return "[stylesheet-group=\"" + group + "\"]{}";
}
function decodeGroupRule(cssRule) {
return Number(cssRule.selectorText.split(/["']/)[1]);
}
function getOrderedGroups(obj) {
return Object.keys(obj).map(Number).sort(function (a, b) {
return a > b ? 1 : -1;
});
}
var pattern = /\s*([,])\s*/g;
function getSelectorText(cssText) {
var selector = cssText.split('{')[0].trim();
return selector !== '' ? selector.replace(pattern, '$1') : null;
}
function insertRuleAt(root, cssText, position) {
try {
// $FlowFixMe: Flow is missing CSSOM types needed to type 'root'.
root.insertRule(cssText, position);
return true;
} catch (e) {
// JSDOM doesn't support `CSSSMediaRule#insertRule`.
// Also ignore errors that occur from attempting to insert vendor-prefixed selectors.
return false;
}
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/flattenArray/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function flattenArray(array) {
function flattenDown(array, result) {
for (var i = 0; i < array.length; i++) {
var value = array[i];
if (Array.isArray(value)) {
flattenDown(value, result);
} else if (value != null && value !== false) {
result.push(value);
}
}
return result;
}
return flattenDown(array, []);
}
/* harmony default export */ const modules_flattenArray = (flattenArray);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/flattenStyle.js
var flattenStyle = __webpack_require__(56946);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/I18nManager/index.js
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var doLeftAndRightSwapInRTL = true;
var isPreferredLanguageRTL = false;
var isRTLAllowed = true;
var isRTLForced = false;
var isRTL = function isRTL() {
if (isRTLForced) {
return true;
}
return isRTLAllowed && isPreferredLanguageRTL;
};
var onDirectionChange = function onDirectionChange() {
if ((ExecutionEnvironment_default()).canUseDOM) {
if (document.documentElement && document.documentElement.setAttribute) {
document.documentElement.setAttribute('dir', isRTL() ? 'rtl' : 'ltr');
}
}
};
var I18nManager = {
allowRTL: function allowRTL(bool) {
isRTLAllowed = bool;
onDirectionChange();
},
forceRTL: function forceRTL(bool) {
isRTLForced = bool;
onDirectionChange();
},
getConstants: function getConstants() {
return {
doLeftAndRightSwapInRTL: doLeftAndRightSwapInRTL,
isRTL: isRTL()
};
},
setPreferredLanguageRTL: function setPreferredLanguageRTL(bool) {
isPreferredLanguageRTL = bool;
onDirectionChange();
},
swapLeftAndRightInRTL: function swapLeftAndRightInRTL(bool) {
doLeftAndRightSwapInRTL = bool;
}
};
/* harmony default export */ const exports_I18nManager = (I18nManager);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/multiplyStyleLengthValue/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var CSS_UNIT_RE = /^[+-]?\d*(?:\.\d+)?(?:[Ee][+-]?\d+)?(%|\w*)/;
var getUnit = function getUnit(str) {
return str.match(CSS_UNIT_RE)[1];
};
var isNumeric = function isNumeric(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
};
var multiplyStyleLengthValue = function multiplyStyleLengthValue(value, multiple) {
if (typeof value === 'string') {
var number = parseFloat(value) * multiple;
var unit = getUnit(value);
return "" + number + unit;
} else if (isNumeric(value)) {
return value * multiple;
}
};
/* harmony default export */ const modules_multiplyStyleLengthValue = (multiplyStyleLengthValue);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/i18nStyle.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var emptyObject = {};
var borderTopLeftRadius = 'borderTopLeftRadius';
var borderTopRightRadius = 'borderTopRightRadius';
var borderBottomLeftRadius = 'borderBottomLeftRadius';
var borderBottomRightRadius = 'borderBottomRightRadius';
var borderLeftColor = 'borderLeftColor';
var borderLeftStyle = 'borderLeftStyle';
var borderLeftWidth = 'borderLeftWidth';
var borderRightColor = 'borderRightColor';
var borderRightStyle = 'borderRightStyle';
var borderRightWidth = 'borderRightWidth';
var right = 'right';
var marginLeft = 'marginLeft';
var marginRight = 'marginRight';
var paddingLeft = 'paddingLeft';
var paddingRight = 'paddingRight';
var left = 'left'; // Map of LTR property names to their BiDi equivalent.
var PROPERTIES_FLIP = {
borderTopLeftRadius: borderTopRightRadius,
borderTopRightRadius: borderTopLeftRadius,
borderBottomLeftRadius: borderBottomRightRadius,
borderBottomRightRadius: borderBottomLeftRadius,
borderLeftColor: borderRightColor,
borderLeftStyle: borderRightStyle,
borderLeftWidth: borderRightWidth,
borderRightColor: borderLeftColor,
borderRightStyle: borderLeftStyle,
borderRightWidth: borderLeftWidth,
left: right,
marginLeft: marginRight,
marginRight: marginLeft,
paddingLeft: paddingRight,
paddingRight: paddingLeft,
right: left
}; // Map of I18N property names to their LTR equivalent.
var PROPERTIES_I18N = {
borderTopStartRadius: borderTopLeftRadius,
borderTopEndRadius: borderTopRightRadius,
borderBottomStartRadius: borderBottomLeftRadius,
borderBottomEndRadius: borderBottomRightRadius,
borderStartColor: borderLeftColor,
borderStartStyle: borderLeftStyle,
borderStartWidth: borderLeftWidth,
borderEndColor: borderRightColor,
borderEndStyle: borderRightStyle,
borderEndWidth: borderRightWidth,
end: right,
marginStart: marginLeft,
marginEnd: marginRight,
paddingStart: paddingLeft,
paddingEnd: paddingRight,
start: left
};
var PROPERTIES_VALUE = {
clear: true,
float: true,
textAlign: true
}; // Invert the sign of a numeric-like value
var additiveInverse = function additiveInverse(value) {
return modules_multiplyStyleLengthValue(value, -1);
};
var i18nStyle = function i18nStyle(originalStyle) {
var _I18nManager$getConst = exports_I18nManager.getConstants(),
doLeftAndRightSwapInRTL = _I18nManager$getConst.doLeftAndRightSwapInRTL,
isRTL = _I18nManager$getConst.isRTL;
var style = originalStyle || emptyObject;
var frozenProps = {};
var nextStyle = {};
for (var originalProp in style) {
if (!Object.prototype.hasOwnProperty.call(style, originalProp)) {
continue;
}
var originalValue = style[originalProp];
var prop = originalProp;
var value = originalValue; // BiDi flip properties
if (PROPERTIES_I18N.hasOwnProperty(originalProp)) {
// convert start/end
var convertedProp = PROPERTIES_I18N[originalProp];
prop = isRTL ? PROPERTIES_FLIP[convertedProp] : convertedProp;
} else if (isRTL && doLeftAndRightSwapInRTL && PROPERTIES_FLIP[originalProp]) {
prop = PROPERTIES_FLIP[originalProp];
} // BiDi flip values
if (PROPERTIES_VALUE.hasOwnProperty(originalProp)) {
if (originalValue === 'start') {
value = isRTL ? 'right' : 'left';
} else if (originalValue === 'end') {
value = isRTL ? 'left' : 'right';
} else if (isRTL && doLeftAndRightSwapInRTL) {
if (originalValue === 'left') {
value = 'right';
} else if (originalValue === 'right') {
value = 'left';
}
}
} // BiDi flip transitionProperty value
if (prop === 'transitionProperty') {
// BiDi flip properties
if (PROPERTIES_I18N.hasOwnProperty(value)) {
// convert start/end
var convertedValue = PROPERTIES_I18N[originalValue];
value = isRTL ? PROPERTIES_FLIP[convertedValue] : convertedValue;
} else if (isRTL && doLeftAndRightSwapInRTL) {
var flippedValue = PROPERTIES_FLIP[originalValue];
if (flippedValue != null) {
value = flippedValue;
}
}
} // Create finalized style
if (isRTL && prop === 'textShadowOffset') {
var invertedValue = additiveInverse(value.width);
value.width = invertedValue;
nextStyle[prop] = value;
} else if (!frozenProps[prop]) {
nextStyle[prop] = value;
}
if (PROPERTIES_I18N[originalProp]) {
frozenProps[prop] = true;
}
} // $FlowIgnore
return nextStyle;
};
/* harmony default export */ const StyleSheet_i18nStyle = (i18nStyle);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/constants.js
var constants = __webpack_require__(95723);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/createReactDOMStyle.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* The browser implements the CSS cascade, where the order of properties is a
* factor in determining which styles to paint. React Native is different. It
* gives giving precedence to the more specific style property. For example,
* the value of `paddingTop` takes precedence over that of `padding`.
*
* This module creates mutally exclusive style declarations by expanding all of
* React Native's supported shortform properties (e.g. `padding`) to their
* longfrom equivalents.
*/
var createReactDOMStyle_emptyObject = {};
var supportsCSS3TextDecoration = !ExecutionEnvironment.canUseDOM || window.CSS != null && window.CSS.supports != null && (window.CSS.supports('text-decoration-line', 'none') || window.CSS.supports('-webkit-text-decoration-line', 'none'));
/**
* Transform
*/
// { scale: 2 } => 'scale(2)'
// { translateX: 20 } => 'translateX(20px)'
// { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
var mapTransform = function mapTransform(transform) {
var type = Object.keys(transform)[0];
var value = transform[type];
if (type === 'matrix' || type === 'matrix3d') {
return type + "(" + value.join(',') + ")";
} else {
var normalizedValue = (0,normalizeValueWithProperty/* default */.Z)(value, type);
return type + "(" + normalizedValue + ")";
}
};
var resolveTransform = function resolveTransform(resolvedStyle, style) {
var transform = style.transform;
if (Array.isArray(style.transform)) {
transform = style.transform.map(mapTransform).join(' ');
}
resolvedStyle.transform = transform;
};
/**
* Reducer
*/
var createReactDOMStyle = function createReactDOMStyle(style) {
if (!style) {
return createReactDOMStyle_emptyObject;
}
var resolvedStyle = {};
Object.keys(style).sort().forEach(function (prop) {
var value = (0,normalizeValueWithProperty/* default */.Z)(style[prop], prop); // Ignore everything else with a null value
if (value == null) {
return;
}
switch (prop) {
// Ignore some React Native styles
case 'elevation':
case 'overlayColor':
case 'resizeMode':
case 'tintColor':
{
break;
}
case 'aspectRatio':
{
resolvedStyle[prop] = value.toString();
break;
}
// TODO: remove once this issue is fixed
// https://github.com/rofrischmann/inline-style-prefixer/issues/159
case 'backgroundClip':
{
if (value === 'text') {
resolvedStyle.backgroundClip = value;
resolvedStyle.WebkitBackgroundClip = value;
}
break;
}
// The 'flex' property value in React Native must be a positive integer,
// 0, or -1.
case 'flex':
{
if (value === -1) {
resolvedStyle.flexGrow = 0;
resolvedStyle.flexShrink = 1;
resolvedStyle.flexBasis = 'auto';
} else {
resolvedStyle.flex = value;
}
break;
}
case 'font':
{
resolvedStyle[prop] = value.replace('System', constants/* SYSTEM_FONT_STACK */.fO);
break;
}
case 'fontFamily':
{
if (value.indexOf('System') > -1) {
var stack = value.split(/,\s*/);
stack[stack.indexOf('System')] = constants/* SYSTEM_FONT_STACK */.fO;
resolvedStyle[prop] = stack.join(',');
} else if (value === 'monospace') {
resolvedStyle[prop] = constants/* MONOSPACE_FONT_STACK */.Xv;
} else {
resolvedStyle[prop] = value;
}
break;
}
case 'fontVariant':
{
if (Array.isArray(value) && value.length > 0) {
resolvedStyle.fontVariant = value.join(' ');
}
break;
}
case 'textAlignVertical':
{
resolvedStyle.verticalAlign = value === 'center' ? 'middle' : value;
break;
}
case 'textDecorationLine':
{
// use 'text-decoration' for browsers that only support CSS2
// text-decoration (e.g., IE, Edge)
if (!supportsCSS3TextDecoration) {
resolvedStyle.textDecoration = value;
} else {
resolvedStyle.textDecorationLine = value;
}
break;
}
case 'transform':
case 'transformMatrix':
{
resolveTransform(resolvedStyle, style);
break;
}
case 'writingDirection':
{
resolvedStyle.direction = value;
break;
}
default:
{
var longFormProperties = constants/* STYLE_SHORT_FORM_EXPANSIONS */.Bt[prop];
if (longFormProperties) {
longFormProperties.forEach(function (longForm, i) {
// The value of any longform property in the original styles takes
// precedence over the shortform's value.
if (typeof style[longForm] === 'undefined') {
resolvedStyle[longForm] = value;
}
});
} else {
resolvedStyle[prop] = Array.isArray(value) ? value.join(',') : value;
}
}
}
});
return resolvedStyle;
};
/* harmony default export */ const StyleSheet_createReactDOMStyle = (createReactDOMStyle);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/vendor/hash/index.js
/* eslint-disable */
/**
* JS Implementation of MurmurHash2
*
* @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
* @see http://github.com/garycourt/murmurhash-js
* @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
* @see http://sites.google.com/site/murmurhash/
*
* @param {string} str ASCII only
* @param {number} seed Positive integer only
* @return {number} 32-bit positive integer hash
*
*
*/
function murmurhash2_32_gc(str, seed) {
var l = str.length,
h = seed ^ l,
i = 0,
k;
while (l >= 4) {
k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
k = (k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0x5bd1e995 & 0xffff) << 16);
k ^= k >>> 24;
k = (k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0x5bd1e995 & 0xffff) << 16);
h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0x5bd1e995 & 0xffff) << 16) ^ k;
l -= 4;
++i;
}
switch (l) {
case 3:
h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
case 2:
h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
case 1:
h ^= str.charCodeAt(i) & 0xff;
h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0x5bd1e995 & 0xffff) << 16);
}
h ^= h >>> 13;
h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0x5bd1e995 & 0xffff) << 16);
h ^= h >>> 15;
return h >>> 0;
}
var hash = function hash(str) {
return murmurhash2_32_gc(str, 1).toString(36);
};
/* harmony default export */ const vendor_hash = (hash);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/hyphenate-style-name/index.js
var hyphenate_style_name = __webpack_require__(7028);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/createPrefixer.js
var createPrefixer = __webpack_require__(45987);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/backgroundClip.js
var backgroundClip = __webpack_require__(85691);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/crossFade.js
var crossFade = __webpack_require__(42055);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/cursor.js
var cursor = __webpack_require__(88476);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/filter.js
var filter = __webpack_require__(21);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/flex.js
var flex = __webpack_require__(49884);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/flexboxIE.js
var flexboxIE = __webpack_require__(96362);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/flexboxOld.js
var flexboxOld = __webpack_require__(37632);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/gradient.js
var gradient = __webpack_require__(15263);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/grid.js
var grid = __webpack_require__(82171);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/imageSet.js
var imageSet = __webpack_require__(94323);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/logical.js
var logical = __webpack_require__(70846);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/position.js
var position = __webpack_require__(93125);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/sizing.js
var sizing = __webpack_require__(73035);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/inline-style-prefixer/lib/plugins/transition.js
var transition = __webpack_require__(40030);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/prefixStyles/static.js
var w = ['Webkit'];
var m = ['Moz'];
var ms = ['ms'];
var wm = ['Webkit', 'Moz'];
var wms = ['Webkit', 'ms'];
var wmms = ['Webkit', 'Moz', 'ms'];
/* harmony default export */ const prefixStyles_static = ({
plugins: [backgroundClip/* default */.Z, crossFade/* default */.Z, cursor/* default */.Z, filter/* default */.Z, flex/* default */.Z, flexboxIE/* default */.Z, flexboxOld/* default */.Z, gradient/* default */.Z, grid/* default */.Z, imageSet/* default */.Z, logical/* default */.Z, position/* default */.Z, sizing/* default */.Z, transition/* default */.Z],
prefixMap: {
animation: w,
animationDelay: w,
animationDirection: w,
animationFillMode: w,
animationDuration: w,
animationIterationCount: w,
animationName: w,
animationPlayState: w,
animationTimingFunction: w,
appearance: wm,
userSelect: wmms,
textEmphasisPosition: w,
textEmphasis: w,
textEmphasisStyle: w,
textEmphasisColor: w,
boxDecorationBreak: w,
clipPath: w,
maskImage: w,
maskMode: w,
maskRepeat: w,
maskPosition: w,
maskClip: w,
maskOrigin: w,
maskSize: w,
maskComposite: w,
mask: w,
maskBorderSource: w,
maskBorderMode: w,
maskBorderSlice: w,
maskBorderWidth: w,
maskBorderOutset: w,
maskBorderRepeat: w,
maskBorder: w,
maskType: w,
textDecorationStyle: w,
textDecorationSkip: w,
textDecorationLine: w,
textDecorationColor: w,
filter: w,
fontFeatureSettings: w,
breakAfter: wmms,
breakBefore: wmms,
breakInside: wmms,
columnCount: wm,
columnFill: wm,
columnGap: wm,
columnRule: wm,
columnRuleColor: wm,
columnRuleStyle: wm,
columnRuleWidth: wm,
columns: wm,
columnSpan: wm,
columnWidth: wm,
writingMode: wms,
flex: wms,
flexBasis: w,
flexDirection: wms,
flexGrow: w,
flexFlow: wms,
flexShrink: w,
flexWrap: wms,
alignContent: w,
alignItems: w,
alignSelf: w,
justifyContent: w,
order: w,
transform: w,
transformOrigin: w,
transformOriginX: w,
transformOriginY: w,
backfaceVisibility: w,
perspective: w,
perspectiveOrigin: w,
transformStyle: w,
transformOriginZ: w,
backdropFilter: w,
fontKerning: w,
scrollSnapType: wms,
scrollSnapPointsX: wms,
scrollSnapPointsY: wms,
scrollSnapDestination: wms,
scrollSnapCoordinate: wms,
shapeImageThreshold: w,
shapeImageMargin: w,
shapeImageOutside: w,
hyphens: wmms,
flowInto: wms,
flowFrom: wms,
regionFragment: wms,
textOrientation: w,
textAlignLast: m,
tabSize: m,
wrapFlow: ms,
wrapThrough: ms,
wrapMargin: ms,
touchAction: ms,
textSizeAdjust: ['ms', 'Webkit'],
borderImage: w,
borderImageOutset: w,
borderImageRepeat: w,
borderImageSlice: w,
borderImageSource: w,
borderImageWidth: w,
transitionDelay: w,
transitionDuration: w,
transitionProperty: w,
transitionTimingFunction: w
}
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/prefixStyles/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var prefixAll = (0,createPrefixer/* default */.Z)(prefixStyles_static);
var prefixInlineStyles = function prefixInlineStyles(style) {
var prefixedStyles = prefixAll(style); // React@15 removed undocumented support for fallback values in
// inline-styles. Revert array values to the standard CSS value
Object.keys(prefixedStyles).forEach(function (prop) {
var value = prefixedStyles[prop];
if (Array.isArray(value)) {
prefixedStyles[prop] = value[value.length - 1];
}
});
return prefixedStyles;
};
/* harmony default export */ const prefixStyles = (prefixAll);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/compile.js
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function compile_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var cache = {
get: function get(property, value) {
if (cache[property] != null && cache[property].hasOwnProperty(value) && cache[property][value] != null) {
return cache[property][value];
}
},
set: function set(property, value, object) {
if (cache[property] == null) {
cache[property] = {};
}
return cache[property][value] = object;
}
};
/**
* Compile style to atomic CSS rules.
*/
function atomic(style) {
return Object.keys(style).sort().reduce(function (acc, property) {
var value = style[property];
if (value != null) {
var valueString = stringifyValueWithProperty(value, property);
var cachedResult = cache.get(property, valueString);
if (cachedResult != null) {
var identifier = cachedResult.identifier;
acc[identifier] = cachedResult;
} else {
var _identifier = createIdentifier('r', property, value);
var rules = createAtomicRules(_identifier, property, value);
var _cachedResult = cache.set(property, valueString, {
property: property,
value: stringifyValueWithProperty(value, property),
identifier: _identifier,
rules: rules
});
acc[_identifier] = _cachedResult;
}
}
return acc;
}, {});
}
/**
* Compile simple style object to classic CSS rules.
* No support for 'placeholderTextColor', 'scrollbarWidth', or 'pointerEvents'.
*/
function classic(style, name) {
var _ref;
var identifier = createIdentifier('css', name, style);
var animationKeyframes = style.animationKeyframes,
rest = compile_objectWithoutPropertiesLoose(style, ["animationKeyframes"]);
var rules = [];
var selector = "." + identifier;
var animationName;
if (animationKeyframes != null) {
var _processKeyframesValu = processKeyframesValue(animationKeyframes),
animationNames = _processKeyframesValu.animationNames,
keyframesRules = _processKeyframesValu.rules;
animationName = animationNames.join(',');
rules.push.apply(rules, keyframesRules);
}
var block = createDeclarationBlock(_objectSpread(_objectSpread({}, rest), {}, {
animationName: animationName
}));
rules.push("" + selector + block);
return _ref = {}, _ref[identifier] = {
identifier: identifier,
rules: rules
}, _ref;
}
/**
* Compile simple style object to inline DOM styles.
* No support for 'animationKeyframes', 'placeholderTextColor', 'scrollbarWidth', or 'pointerEvents'.
*/
function inline(style) {
return prefixInlineStyles(StyleSheet_createReactDOMStyle(style));
}
/**
* Create a value string that normalizes different input values with a common
* output.
*/
function stringifyValueWithProperty(value, property) {
// e.g., 0 => '0px', 'black' => 'rgba(0,0,0,1)'
var normalizedValue = (0,normalizeValueWithProperty/* default */.Z)(value, property);
return typeof normalizedValue !== 'string' ? JSON.stringify(normalizedValue || '') : normalizedValue;
}
/**
* Create the Atomic CSS rules needed for a given StyleSheet rule.
* Translates StyleSheet declarations to CSS.
*/
function createAtomicRules(identifier, property, value) {
var rules = [];
var selector = "." + identifier; // Handle non-standard properties and object values that require multiple
// CSS rules to be created.
switch (property) {
case 'animationKeyframes':
{
var _processKeyframesValu2 = processKeyframesValue(value),
animationNames = _processKeyframesValu2.animationNames,
keyframesRules = _processKeyframesValu2.rules;
var block = createDeclarationBlock({
animationName: animationNames.join(',')
});
rules.push.apply(rules, ["" + selector + block].concat(keyframesRules));
break;
}
// Equivalent to using '::placeholder'
case 'placeholderTextColor':
{
var _block = createDeclarationBlock({
color: value,
opacity: 1
});
rules.push(selector + "::-webkit-input-placeholder" + _block, selector + "::-moz-placeholder" + _block, selector + ":-ms-input-placeholder" + _block, selector + "::placeholder" + _block);
break;
}
// Polyfill for additional 'pointer-events' values
// See d13f78622b233a0afc0c7a200c0a0792c8ca9e58
case 'pointerEvents':
{
var finalValue = value;
if (value === 'auto' || value === 'box-only') {
finalValue = 'auto!important';
if (value === 'box-only') {
var _block3 = createDeclarationBlock({
pointerEvents: 'none'
});
rules.push(selector + ">*" + _block3);
}
} else if (value === 'none' || value === 'box-none') {
finalValue = 'none!important';
if (value === 'box-none') {
var _block4 = createDeclarationBlock({
pointerEvents: 'auto'
});
rules.push(selector + ">*" + _block4);
}
}
var _block2 = createDeclarationBlock({
pointerEvents: finalValue
});
rules.push("" + selector + _block2);
break;
}
// Polyfill for draft spec
// https://drafts.csswg.org/css-scrollbars-1/
case 'scrollbarWidth':
{
if (value === 'none') {
rules.push(selector + "::-webkit-scrollbar{display:none}");
}
var _block5 = createDeclarationBlock({
scrollbarWidth: value
});
rules.push("" + selector + _block5);
break;
}
default:
{
var _createDeclarationBlo;
var _block6 = createDeclarationBlock((_createDeclarationBlo = {}, _createDeclarationBlo[property] = value, _createDeclarationBlo));
rules.push("" + selector + _block6);
break;
}
}
return rules;
}
/**
* Creates a CSS declaration block from a StyleSheet object.
*/
function createDeclarationBlock(style) {
var domStyle = prefixStyles(StyleSheet_createReactDOMStyle(style));
var declarationsString = Object.keys(domStyle).map(function (property) {
var value = domStyle[property];
var prop = (0,hyphenate_style_name["default"])(property); // The prefixer may return an array of values:
// { display: [ '-webkit-flex', 'flex' ] }
// to represent "fallback" declarations
// { display: -webkit-flex; display: flex; }
if (Array.isArray(value)) {
return value.map(function (v) {
return prop + ":" + v;
}).join(';');
} else {
return prop + ":" + value;
}
}) // Once properties are hyphenated, this will put the vendor
// prefixed and short-form properties first in the list.
.sort().join(';');
return "{" + declarationsString + ";}";
}
/**
* An identifier is associated with a unique set of styles.
*/
function createIdentifier(prefix, name, value) {
var hashedString = vendor_hash(name + stringifyValueWithProperty(value, name));
return false ? 0 : prefix + "-" + hashedString;
}
/**
* Create individual CSS keyframes rules.
*/
function createKeyframes(keyframes) {
var prefixes = ['-webkit-', ''];
var identifier = createIdentifier('r', 'animation', keyframes);
var steps = '{' + Object.keys(keyframes).map(function (stepName) {
var rule = keyframes[stepName];
var block = createDeclarationBlock(rule);
return "" + stepName + block;
}).join('') + '}';
var rules = prefixes.map(function (prefix) {
return "@" + prefix + "keyframes " + identifier + steps;
});
return {
identifier: identifier,
rules: rules
};
}
/**
* Create CSS keyframes rules and names from a StyleSheet keyframes object.
*/
function processKeyframesValue(keyframesValue) {
if (typeof keyframesValue === 'number') {
throw new Error("Invalid CSS keyframes type: " + typeof keyframesValue);
}
var animationNames = [];
var rules = [];
var value = Array.isArray(keyframesValue) ? keyframesValue : [keyframesValue];
value.forEach(function (keyframes) {
if (typeof keyframes === 'string') {
// Support external animation libraries (identifiers only)
animationNames.push(keyframes);
} else {
// Create rules for each of the keyframes
var _createKeyframes = createKeyframes(keyframes),
identifier = _createKeyframes.identifier,
keyframesRules = _createKeyframes.rules;
animationNames.push(identifier);
rules.push.apply(rules, keyframesRules);
}
});
return {
animationNames: animationNames,
rules: rules
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/initialRules.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var resets = [// minimal top-level reset
'html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}', 'body{margin:0;}', // minimal form pseudo-element reset
'button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}', 'input::-webkit-search-cancel-button,input::-webkit-search-decoration,' + 'input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}'];
/* harmony default export */ const initialRules = (resets);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/modality.js
/**
* Adapts focus styles based on the user's active input modality (i.e., how
* they are interacting with the UI right now).
*
* Focus styles are only relevant when using the keyboard to interact with the
* page. If we only show the focus ring when relevant, we can avoid user
* confusion without compromising accessibility.
*
* The script uses two heuristics to determine whether the keyboard is being used:
*
* 1. a keydown event occurred immediately before a focus event;
* 2. a focus event happened on an element which requires keyboard interaction (e.g., a text field);
*
* This software or document includes material copied from or derived from https://github.com/WICG/focus-visible.
* Copyright © 2018 W3C® (MIT, ERCIM, Keio, Beihang).
* W3C Software Notice and License: https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
*
*
*/
var focusVisibleAttributeName = 'data-focusvisible-polyfill';
var rule = ":focus:not([" + focusVisibleAttributeName + "]){outline: none;}";
var modality = function modality(insertRule) {
insertRule(rule);
if (!ExecutionEnvironment.canUseDOM) {
return;
}
var hadKeyboardEvent = true;
var hadFocusVisibleRecently = false;
var hadFocusVisibleRecentlyTimeout = null;
var inputTypesWhitelist = {
text: true,
search: true,
url: true,
tel: true,
email: true,
password: true,
number: true,
date: true,
month: true,
week: true,
time: true,
datetime: true,
'datetime-local': true
};
/**
* Helper function for legacy browsers and iframes which sometimes focus
* elements like document, body, and non-interactive SVG.
*/
function isValidFocusTarget(el) {
if (el && el !== document && el.nodeName !== 'HTML' && el.nodeName !== 'BODY' && 'classList' in el && 'contains' in el.classList) {
return true;
}
return false;
}
/**
* Computes whether the given element should automatically trigger the
* `focus-visible` attribute being added, i.e. whether it should always match
* `:focus-visible` when focused.
*/
function focusTriggersKeyboardModality(el) {
var type = el.type;
var tagName = el.tagName;
var isReadOnly = el.readOnly;
if (tagName === 'INPUT' && inputTypesWhitelist[type] && !isReadOnly) {
return true;
}
if (tagName === 'TEXTAREA' && !isReadOnly) {
return true;
}
if (el.isContentEditable) {
return true;
}
return false;
}
/**
* Add the `focus-visible` attribute to the given element if it was not added by
* the author.
*/
function addFocusVisibleAttribute(el) {
if (el.hasAttribute(focusVisibleAttributeName)) {
return;
}
el.setAttribute(focusVisibleAttributeName, true);
}
/**
* Remove the `focus-visible` attribute from the given element if it was not
* originally added by the author.
*/
function removeFocusVisibleAttribute(el) {
el.removeAttribute(focusVisibleAttributeName);
}
/**
* Remove the `focus-visible` attribute from all elements in the document.
*/
function removeAllFocusVisibleAttributes() {
var list = document.querySelectorAll("[" + focusVisibleAttributeName + "]");
for (var i = 0; i < list.length; i += 1) {
removeFocusVisibleAttribute(list[i]);
}
}
/**
* Treat `keydown` as a signal that the user is in keyboard modality.
* Apply `focus-visible` to any current active element and keep track
* of our keyboard modality state with `hadKeyboardEvent`.
*/
function onKeyDown(e) {
if (e.key !== 'Tab' && (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)) {
return;
}
if (isValidFocusTarget(document.activeElement)) {
addFocusVisibleAttribute(document.activeElement);
}
hadKeyboardEvent = true;
}
/**
* If at any point a user clicks with a pointing device, ensure that we change
* the modality away from keyboard.
* This avoids the situation where a user presses a key on an already focused
* element, and then clicks on a different element, focusing it with a
* pointing device, while we still think we're in keyboard modality.
* It also avoids the situation where a user presses on an element within a
* previously keyboard-focused element (i.e., `e.target` is not the previously
* focused element, but one of its descendants) and we need to remove the
* focus ring because a `blur` event doesn't occur.
*/
function onPointerDown(e) {
if (hadKeyboardEvent === true) {
removeAllFocusVisibleAttributes();
}
hadKeyboardEvent = false;
}
/**
* On `focus`, add the `focus-visible` attribute to the target if:
* - the target received focus as a result of keyboard navigation, or
* - the event target is an element that will likely require interaction
* via the keyboard (e.g. a text box)
*/
function onFocus(e) {
// Prevent IE from focusing the document or HTML element.
if (!isValidFocusTarget(e.target)) {
return;
}
if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {
addFocusVisibleAttribute(e.target);
}
}
/**
* On `blur`, remove the `focus-visible` attribute from the target.
*/
function onBlur(e) {
if (!isValidFocusTarget(e.target)) {
return;
}
if (e.target.hasAttribute(focusVisibleAttributeName)) {
// To detect a tab/window switch, we look for a blur event followed
// rapidly by a visibility change.
// If we don't see a visibility change within 100ms, it's probably a
// regular focus change.
hadFocusVisibleRecently = true;
window.clearTimeout(hadFocusVisibleRecentlyTimeout);
hadFocusVisibleRecentlyTimeout = window.setTimeout(function () {
hadFocusVisibleRecently = false;
window.clearTimeout(hadFocusVisibleRecentlyTimeout);
}, 100);
removeFocusVisibleAttribute(e.target);
}
}
/**
* If the user changes tabs, keep track of whether or not the previously
* focused element had the focus-visible attribute.
*/
function onVisibilityChange(e) {
if (document.visibilityState === 'hidden') {
// If the tab becomes active again, the browser will handle calling focus
// on the element (Safari actually calls it twice).
// If this tab change caused a blur on an element with focus-visible,
// re-apply the attribute when the user switches back to the tab.
if (hadFocusVisibleRecently) {
hadKeyboardEvent = true;
}
addInitialPointerMoveListeners();
}
}
/**
* Add a group of listeners to detect usage of any pointing devices.
* These listeners will be added when the polyfill first loads, and anytime
* the window is blurred, so that they are active when the window regains
* focus.
*/
function addInitialPointerMoveListeners() {
document.addEventListener('mousemove', onInitialPointerMove);
document.addEventListener('mousedown', onInitialPointerMove);
document.addEventListener('mouseup', onInitialPointerMove);
document.addEventListener('pointermove', onInitialPointerMove);
document.addEventListener('pointerdown', onInitialPointerMove);
document.addEventListener('pointerup', onInitialPointerMove);
document.addEventListener('touchmove', onInitialPointerMove);
document.addEventListener('touchstart', onInitialPointerMove);
document.addEventListener('touchend', onInitialPointerMove);
}
function removeInitialPointerMoveListeners() {
document.removeEventListener('mousemove', onInitialPointerMove);
document.removeEventListener('mousedown', onInitialPointerMove);
document.removeEventListener('mouseup', onInitialPointerMove);
document.removeEventListener('pointermove', onInitialPointerMove);
document.removeEventListener('pointerdown', onInitialPointerMove);
document.removeEventListener('pointerup', onInitialPointerMove);
document.removeEventListener('touchmove', onInitialPointerMove);
document.removeEventListener('touchstart', onInitialPointerMove);
document.removeEventListener('touchend', onInitialPointerMove);
}
/**
* When the polfyill first loads, assume the user is in keyboard modality.
* If any event is received from a pointing device (e.g. mouse, pointer,
* touch), turn off keyboard modality.
* This accounts for situations where focus enters the page from the URL bar.
*/
function onInitialPointerMove(e) {
// Work around a Safari quirk that fires a mousemove on <html> whenever the
// window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
if (e.target.nodeName === 'HTML') {
return;
}
hadKeyboardEvent = false;
removeInitialPointerMoveListeners();
}
document.addEventListener('keydown', onKeyDown, true);
document.addEventListener('mousedown', onPointerDown, true);
document.addEventListener('pointerdown', onPointerDown, true);
document.addEventListener('touchstart', onPointerDown, true);
document.addEventListener('focus', onFocus, true);
document.addEventListener('blur', onBlur, true);
document.addEventListener('visibilitychange', onVisibilityChange, true);
addInitialPointerMoveListeners();
};
/* harmony default export */ const StyleSheet_modality = (modality);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/createStyleResolver.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* WARNING: changes to this file in particular can cause significant changes to
* the results of render performance benchmarks.
*/
function createStyleResolver() {
var inserted, sheet, cache;
var resolved = {
css: {},
ltr: {},
rtl: {},
rtlNoSwap: {}
};
var init = function init() {
inserted = {
css: {},
ltr: {},
rtl: {},
rtlNoSwap: {}
};
sheet = createOrderedCSSStyleSheet(createCSSStyleSheet(constants/* STYLE_ELEMENT_ID */.CT));
cache = {};
StyleSheet_modality(function (rule) {
return sheet.insert(rule, constants/* STYLE_GROUPS.modality */.uL.modality);
});
initialRules.forEach(function (rule) {
sheet.insert(rule, constants/* STYLE_GROUPS.reset */.uL.reset);
});
};
init();
function addToCache(className, prop, value) {
if (!cache[prop]) {
cache[prop] = {};
}
cache[prop][value] = className;
}
function getClassName(prop, value) {
var val = stringifyValueWithProperty(value, prop);
return cache[prop] && cache[prop].hasOwnProperty(val) && cache[prop][val];
}
function _injectRegisteredStyle(id) {
var _I18nManager$getConst = exports_I18nManager.getConstants(),
doLeftAndRightSwapInRTL = _I18nManager$getConst.doLeftAndRightSwapInRTL,
isRTL = _I18nManager$getConst.isRTL;
var dir = isRTL ? doLeftAndRightSwapInRTL ? 'rtl' : 'rtlNoSwap' : 'ltr';
if (!inserted[dir][id]) {
var style = StyleSheet_createCompileableStyle(StyleSheet_i18nStyle((0,flattenStyle/* default */.Z)(id)));
var results = atomic(style);
Object.keys(results).forEach(function (key) {
var _results$key = results[key],
identifier = _results$key.identifier,
property = _results$key.property,
rules = _results$key.rules,
value = _results$key.value;
addToCache(identifier, property, value);
rules.forEach(function (rule) {
var group = constants/* STYLE_GROUPS.custom */.uL.custom[property] || constants/* STYLE_GROUPS.atomic */.uL.atomic;
sheet.insert(rule, group);
});
});
inserted[dir][id] = true;
}
}
/**
* Resolves a React Native style object to DOM attributes
*/
function resolve(style, classList) {
var nextClassList = [];
var props = {};
if (!style && !classList) {
return props;
}
if (Array.isArray(classList)) {
modules_flattenArray(classList).forEach(function (identifier) {
if (identifier) {
if (inserted.css[identifier] == null && resolved.css[identifier] != null) {
var item = resolved.css[identifier];
item.rules.forEach(function (rule) {
sheet.insert(rule, item.group);
});
inserted.css[identifier] = true;
}
nextClassList.push(identifier);
}
});
}
if (typeof style === 'number') {
// fast and cachable
_injectRegisteredStyle(style);
var key = createCacheKey(style);
props = _resolveStyle(style, key);
} else if (!Array.isArray(style)) {
// resolve a plain RN style object
props = _resolveStyle(style);
} else {
// flatten the style array
// cache resolved props when all styles are registered
// otherwise fallback to resolving
var flatArray = modules_flattenArray(style);
var isArrayOfNumbers = true;
var cacheKey = '';
for (var i = 0; i < flatArray.length; i++) {
var id = flatArray[i];
if (typeof id !== 'number') {
isArrayOfNumbers = false;
} else {
if (isArrayOfNumbers) {
cacheKey += id + '-';
}
_injectRegisteredStyle(id);
}
}
var _key = isArrayOfNumbers ? createCacheKey(cacheKey) : null;
props = _resolveStyle(flatArray, _key);
}
nextClassList.push.apply(nextClassList, props.classList);
var finalProps = {
className: classListToString(nextClassList),
classList: nextClassList
};
if (props.style) {
finalProps.style = props.style;
}
return finalProps;
}
/**
* Resolves a React Native style object
*/
function _resolveStyle(style, key) {
var _I18nManager$getConst2 = exports_I18nManager.getConstants(),
doLeftAndRightSwapInRTL = _I18nManager$getConst2.doLeftAndRightSwapInRTL,
isRTL = _I18nManager$getConst2.isRTL;
var dir = isRTL ? doLeftAndRightSwapInRTL ? 'rtl' : 'rtlNoSwap' : 'ltr'; // faster: memoized
if (key != null && resolved[dir][key] != null) {
return resolved[dir][key];
}
var flatStyle = (0,flattenStyle/* default */.Z)(style);
var localizedStyle = StyleSheet_createCompileableStyle(StyleSheet_i18nStyle(flatStyle)); // slower: convert style object to props and cache
var props = Object.keys(localizedStyle).sort().reduce(function (props, styleProp) {
var value = localizedStyle[styleProp];
if (value != null) {
var className = getClassName(styleProp, value);
if (className) {
props.classList.push(className);
} else {
// Certain properties and values are not transformed by 'createReactDOMStyle' as they
// require more complex transforms into multiple CSS rules. Here we assume that StyleManager
// can bind these styles to a className, and prevent them becoming invalid inline-styles.
if (styleProp === 'animationKeyframes' || styleProp === 'placeholderTextColor' || styleProp === 'pointerEvents' || styleProp === 'scrollbarWidth') {
var _atomic;
var a = atomic((_atomic = {}, _atomic[styleProp] = value, _atomic));
Object.keys(a).forEach(function (key) {
var _a$key = a[key],
identifier = _a$key.identifier,
rules = _a$key.rules;
props.classList.push(identifier);
rules.forEach(function (rule) {
sheet.insert(rule, constants/* STYLE_GROUPS.atomic */.uL.atomic);
});
});
} else {
if (!props.style) {
props.style = {};
} // 4x slower render
props.style[styleProp] = value;
}
}
}
return props;
}, {
classList: []
});
if (props.style) {
props.style = inline(props.style);
}
if (key != null) {
resolved[dir][key] = props;
}
return props;
}
return {
getStyleSheet: function getStyleSheet() {
var textContent = sheet.getTextContent(); // Reset state on the server so critical css is always the result
if (!ExecutionEnvironment.canUseDOM) {
init();
}
return {
id: constants/* STYLE_ELEMENT_ID */.CT,
textContent: textContent
};
},
createCSS: function createCSS(rules, group) {
var result = {};
Object.keys(rules).forEach(function (name) {
var style = rules[name];
var compiled = classic(style, name);
Object.keys(compiled).forEach(function (key) {
var _compiled$key = compiled[key],
identifier = _compiled$key.identifier,
rules = _compiled$key.rules;
resolved.css[identifier] = {
group: group || constants/* STYLE_GROUPS.classic */.uL.classic,
rules: rules
};
result[name] = identifier;
});
});
return result;
},
resolve: resolve,
get sheet() {
return sheet;
}
};
}
/**
* Misc helpers
*/
var createCacheKey = function createCacheKey(id) {
var prefix = 'rn';
return prefix + "-" + id;
};
var classListToString = function classListToString(list) {
return list.join(' ').trim();
};
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/styleResolver.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var styleResolver = createStyleResolver();
/* harmony default export */ const StyleSheet_styleResolver = (styleResolver);
/***/ }),
/***/ 12038:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49231);
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var TextAncestorContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(false);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TextAncestorContext);
/***/ }),
/***/ 8943:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49231);
/* harmony import */ var _createElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41803);
/* harmony import */ var _StyleSheet_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(5748);
/* harmony import */ var _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44057);
/* harmony import */ var _modules_pick__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6960);
/* harmony import */ var _modules_useElementLayout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(87555);
/* harmony import */ var _modules_useMergeRefs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(11904);
/* harmony import */ var _modules_usePlatformMethods__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(18701);
/* harmony import */ var _modules_useResponderEvents__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(44790);
/* harmony import */ var _StyleSheet__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(87688);
/* harmony import */ var _TextAncestorContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12038);
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var forwardPropsList = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .defaultProps */ .lG), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .accessibilityProps */ .LO), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .clickProps */ ._T), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .focusProps */ .YB), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .keyboardProps */ .Uy), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .mouseProps */ .hJ), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .touchProps */ .E5), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .styleProps */ .vr), {}, {
href: true,
lang: true,
pointerEvents: true
});
var pickProps = function pickProps(props) {
return (0,_modules_pick__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(props, forwardPropsList);
};
var Text = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function (props, forwardedRef) {
var dir = props.dir,
hrefAttrs = props.hrefAttrs,
numberOfLines = props.numberOfLines,
onClick = props.onClick,
onLayout = props.onLayout,
onPress = props.onPress,
onMoveShouldSetResponder = props.onMoveShouldSetResponder,
onMoveShouldSetResponderCapture = props.onMoveShouldSetResponderCapture,
onResponderEnd = props.onResponderEnd,
onResponderGrant = props.onResponderGrant,
onResponderMove = props.onResponderMove,
onResponderReject = props.onResponderReject,
onResponderRelease = props.onResponderRelease,
onResponderStart = props.onResponderStart,
onResponderTerminate = props.onResponderTerminate,
onResponderTerminationRequest = props.onResponderTerminationRequest,
onScrollShouldSetResponder = props.onScrollShouldSetResponder,
onScrollShouldSetResponderCapture = props.onScrollShouldSetResponderCapture,
onSelectionChangeShouldSetResponder = props.onSelectionChangeShouldSetResponder,
onSelectionChangeShouldSetResponderCapture = props.onSelectionChangeShouldSetResponderCapture,
onStartShouldSetResponder = props.onStartShouldSetResponder,
onStartShouldSetResponderCapture = props.onStartShouldSetResponderCapture,
selectable = props.selectable;
var hasTextAncestor = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_TextAncestorContext__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z);
var hostRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);
var classList = [classes.text, hasTextAncestor === true && classes.textHasAncestor, numberOfLines === 1 && classes.textOneLine, numberOfLines != null && numberOfLines > 1 && classes.textMultiLine];
var style = [props.style, numberOfLines != null && numberOfLines > 1 && {
WebkitLineClamp: numberOfLines
}, selectable === true && styles.selectable, selectable === false && styles.notSelectable, onPress && styles.pressable];
(0,_modules_useElementLayout__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(hostRef, onLayout);
(0,_modules_useResponderEvents__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(hostRef, {
onMoveShouldSetResponder: onMoveShouldSetResponder,
onMoveShouldSetResponderCapture: onMoveShouldSetResponderCapture,
onResponderEnd: onResponderEnd,
onResponderGrant: onResponderGrant,
onResponderMove: onResponderMove,
onResponderReject: onResponderReject,
onResponderRelease: onResponderRelease,
onResponderStart: onResponderStart,
onResponderTerminate: onResponderTerminate,
onResponderTerminationRequest: onResponderTerminationRequest,
onScrollShouldSetResponder: onScrollShouldSetResponder,
onScrollShouldSetResponderCapture: onScrollShouldSetResponderCapture,
onSelectionChangeShouldSetResponder: onSelectionChangeShouldSetResponder,
onSelectionChangeShouldSetResponderCapture: onSelectionChangeShouldSetResponderCapture,
onStartShouldSetResponder: onStartShouldSetResponder,
onStartShouldSetResponderCapture: onStartShouldSetResponderCapture
});
var handleClick = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function (e) {
if (onClick != null) {
onClick(e);
} else if (onPress != null) {
e.stopPropagation();
onPress(e);
}
}, [onClick, onPress]);
var component = hasTextAncestor ? 'span' : 'div';
var supportedProps = pickProps(props);
supportedProps.classList = classList;
supportedProps.dir = dir; // 'auto' by default allows browsers to infer writing direction (root elements only)
if (!hasTextAncestor) {
supportedProps.dir = dir != null ? dir : 'auto';
}
if (onClick || onPress) {
supportedProps.onClick = handleClick;
}
supportedProps.style = style;
if (props.href != null) {
component = 'a';
if (hrefAttrs != null) {
var download = hrefAttrs.download,
rel = hrefAttrs.rel,
target = hrefAttrs.target;
if (download != null) {
supportedProps.download = download;
}
if (rel != null) {
supportedProps.rel = rel;
}
if (typeof target === 'string') {
supportedProps.target = target.charAt(0) !== '_' ? '_' + target : target;
}
}
}
var platformMethodsRef = (0,_modules_usePlatformMethods__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(supportedProps);
var setRef = (0,_modules_useMergeRefs__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(hostRef, platformMethodsRef, forwardedRef);
supportedProps.ref = setRef;
var element = (0,_createElement__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(component, supportedProps);
return hasTextAncestor ? element : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextAncestorContext__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Provider */ .Z.Provider, {
value: true
}, element);
});
Text.displayName = 'Text';
var classes = _StyleSheet_css__WEBPACK_IMPORTED_MODULE_9__/* ["default"].create */ .Z.create({
text: {
border: '0 solid black',
boxSizing: 'border-box',
color: 'black',
display: 'inline',
font: '14px System',
margin: 0,
padding: 0,
whiteSpace: 'pre-wrap',
wordWrap: 'break-word'
},
textHasAncestor: {
color: 'inherit',
font: 'inherit',
whiteSpace: 'inherit'
},
textOneLine: {
maxWidth: '100%',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'pre',
wordWrap: 'normal'
},
// See #13
textMultiLine: {
display: '-webkit-box',
maxWidth: '100%',
overflow: 'hidden',
textOverflow: 'ellipsis',
WebkitBoxOrient: 'vertical'
}
});
var styles = _StyleSheet__WEBPACK_IMPORTED_MODULE_10__/* ["default"].create */ .Z.create({
notSelectable: {
userSelect: 'none'
},
selectable: {
userSelect: 'text'
},
pressable: {
cursor: 'pointer'
}
});
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Text);
/***/ }),
/***/ 17415:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ exports_UIManager)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/getBoundingClientRect/index.js
var getBoundingClientRect = __webpack_require__(54230);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/unitlessNumbers/index.js
var unitlessNumbers = __webpack_require__(70950);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/setValueForStyles/dangerousStyleValue.js
/* eslint-disable */
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* From React 16.0.0
*
*/
/**
* Convert a value into the proper css writable value. The style name `name`
* should be logical (no hyphens), as specified
* in `CSSProperty.isUnitlessNumber`.
*
* @param {string} name CSS property name such as `topMargin`.
* @param {*} value CSS property value such as `10px`.
* @return {string} Normalized style value with dimensions applied.
*/
function dangerousStyleValue(name, value, isCustomProperty) {
// Note that we've removed escapeTextForBrowser() calls here since the
// whole string will be escaped when the attribute is injected into
// the markup. If you provide unsafe user data here they can inject
// arbitrary CSS which may be problematic (I couldn't repro this):
// https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
// http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
// This is not an XSS hole but instead a potential CSS injection issue
// which has lead to a greater discussion about how we're going to
// trust URLs moving forward. See #2115901
var isEmpty = value == null || typeof value === 'boolean' || value === '';
if (isEmpty) {
return '';
}
if (!isCustomProperty && typeof value === 'number' && value !== 0 && !(unitlessNumbers/* default.hasOwnProperty */.Z.hasOwnProperty(name) && unitlessNumbers/* default */.Z[name])) {
return value + 'px'; // Presumes implicit 'px' suffix for unitless numbers
}
return ('' + value).trim();
}
/* harmony default export */ const setValueForStyles_dangerousStyleValue = (dangerousStyleValue);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/setValueForStyles/index.js
/* eslint-disable */
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* From React 16.3.0
*
*/
/**
* Sets the value for multiple styles on a node. If a value is specified as
* '' (empty string), the corresponding style property will be unset.
*
* @param {DOMElement} node
* @param {object} styles
*/
function setValueForStyles(node, styles) {
var style = node.style;
for (var styleName in styles) {
if (!styles.hasOwnProperty(styleName)) {
continue;
}
var isCustomProperty = styleName.indexOf('--') === 0;
var styleValue = setValueForStyles_dangerousStyleValue(styleName, styles[styleName], isCustomProperty);
if (styleName === 'float') {
styleName = 'cssFloat';
}
if (isCustomProperty) {
style.setProperty(styleName, styleValue);
} else {
style[styleName] = styleValue;
}
}
}
/* harmony default export */ const modules_setValueForStyles = (setValueForStyles);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/UIManager/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var getRect = function getRect(node) {
// Unlike the DOM's getBoundingClientRect, React Native layout measurements
// for "height" and "width" ignore scale transforms.
// https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements
var _getBoundingClientRec = (0,getBoundingClientRect/* default */.Z)(node),
x = _getBoundingClientRec.x,
y = _getBoundingClientRec.y,
top = _getBoundingClientRec.top,
left = _getBoundingClientRec.left;
var width = node.offsetWidth;
var height = node.offsetHeight;
return {
x: x,
y: y,
width: width,
height: height,
top: top,
left: left
};
};
var _measureLayout = function measureLayout(node, relativeToNativeNode, callback) {
var relativeNode = relativeToNativeNode || node && node.parentNode;
if (node && relativeNode) {
setTimeout(function () {
var relativeRect = (0,getBoundingClientRect/* default */.Z)(relativeNode);
var _getRect = getRect(node),
height = _getRect.height,
left = _getRect.left,
top = _getRect.top,
width = _getRect.width;
var x = left - relativeRect.left;
var y = top - relativeRect.top;
callback(x, y, width, height, left, top);
}, 0);
}
};
var focusableElements = {
A: true,
INPUT: true,
SELECT: true,
TEXTAREA: true
};
var UIManager = {
blur: function blur(node) {
try {
node.blur();
} catch (err) {}
},
focus: function focus(node) {
try {
var name = node.nodeName; // A tabIndex of -1 allows element to be programmatically focused but
// prevents keyboard focus, so we don't want to set the value on elements
// that support keyboard focus by default.
if (node.getAttribute('tabIndex') == null && focusableElements[name] == null) {
node.setAttribute('tabIndex', '-1');
}
node.focus();
} catch (err) {}
},
measure: function measure(node, callback) {
_measureLayout(node, null, callback);
},
measureInWindow: function measureInWindow(node, callback) {
if (node) {
setTimeout(function () {
var _getRect2 = getRect(node),
height = _getRect2.height,
left = _getRect2.left,
top = _getRect2.top,
width = _getRect2.width;
callback(left, top, width, height);
}, 0);
}
},
measureLayout: function measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
_measureLayout(node, relativeToNativeNode, onSuccess);
},
updateView: function updateView(node, props) {
for (var prop in props) {
if (!Object.prototype.hasOwnProperty.call(props, prop)) {
continue;
}
var value = props[prop];
switch (prop) {
case 'style':
{
modules_setValueForStyles(node, value);
break;
}
case 'class':
case 'className':
{
node.setAttribute('class', value);
break;
}
case 'text':
case 'value':
// native platforms use `text` prop to replace text input value
node.value = value;
break;
default:
node.setAttribute(prop, value);
}
}
},
configureNextLayoutAnimation: function configureNextLayoutAnimation(config, onAnimationDidEnd) {
onAnimationDidEnd();
},
// mocks
setLayoutAnimationEnabledExperimental: function setLayoutAnimationEnabledExperimental() {}
};
/* harmony default export */ const exports_UIManager = (UIManager);
/***/ }),
/***/ 31219:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49231);
/* harmony import */ var _createElement__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(41803);
/* harmony import */ var _StyleSheet_css__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(5748);
/* harmony import */ var _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44057);
/* harmony import */ var _modules_pick__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6960);
/* harmony import */ var _modules_useElementLayout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(87555);
/* harmony import */ var _modules_useMergeRefs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(11904);
/* harmony import */ var _modules_usePlatformMethods__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(18701);
/* harmony import */ var _modules_useResponderEvents__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(44790);
/* harmony import */ var _StyleSheet__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(87688);
/* harmony import */ var _Text_TextAncestorContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12038);
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var forwardPropsList = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .defaultProps */ .lG), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .accessibilityProps */ .LO), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .clickProps */ ._T), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .focusProps */ .YB), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .keyboardProps */ .Uy), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .mouseProps */ .hJ), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .touchProps */ .E5), _modules_forwardedProps__WEBPACK_IMPORTED_MODULE_1__/* .styleProps */ .vr), {}, {
href: true,
lang: true,
onScroll: true,
onWheel: true,
pointerEvents: true
});
var pickProps = function pickProps(props) {
return (0,_modules_pick__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(props, forwardPropsList);
};
var View = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function (props, forwardedRef) {
var hrefAttrs = props.hrefAttrs,
onLayout = props.onLayout,
onMoveShouldSetResponder = props.onMoveShouldSetResponder,
onMoveShouldSetResponderCapture = props.onMoveShouldSetResponderCapture,
onResponderEnd = props.onResponderEnd,
onResponderGrant = props.onResponderGrant,
onResponderMove = props.onResponderMove,
onResponderReject = props.onResponderReject,
onResponderRelease = props.onResponderRelease,
onResponderStart = props.onResponderStart,
onResponderTerminate = props.onResponderTerminate,
onResponderTerminationRequest = props.onResponderTerminationRequest,
onScrollShouldSetResponder = props.onScrollShouldSetResponder,
onScrollShouldSetResponderCapture = props.onScrollShouldSetResponderCapture,
onSelectionChangeShouldSetResponder = props.onSelectionChangeShouldSetResponder,
onSelectionChangeShouldSetResponderCapture = props.onSelectionChangeShouldSetResponderCapture,
onStartShouldSetResponder = props.onStartShouldSetResponder,
onStartShouldSetResponderCapture = props.onStartShouldSetResponderCapture;
if (false) {}
var hasTextAncestor = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_Text_TextAncestorContext__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z);
var hostRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);
(0,_modules_useElementLayout__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(hostRef, onLayout);
(0,_modules_useResponderEvents__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(hostRef, {
onMoveShouldSetResponder: onMoveShouldSetResponder,
onMoveShouldSetResponderCapture: onMoveShouldSetResponderCapture,
onResponderEnd: onResponderEnd,
onResponderGrant: onResponderGrant,
onResponderMove: onResponderMove,
onResponderReject: onResponderReject,
onResponderRelease: onResponderRelease,
onResponderStart: onResponderStart,
onResponderTerminate: onResponderTerminate,
onResponderTerminationRequest: onResponderTerminationRequest,
onScrollShouldSetResponder: onScrollShouldSetResponder,
onScrollShouldSetResponderCapture: onScrollShouldSetResponderCapture,
onSelectionChangeShouldSetResponder: onSelectionChangeShouldSetResponder,
onSelectionChangeShouldSetResponderCapture: onSelectionChangeShouldSetResponderCapture,
onStartShouldSetResponder: onStartShouldSetResponder,
onStartShouldSetResponderCapture: onStartShouldSetResponderCapture
});
var component = 'div';
var style = _StyleSheet__WEBPACK_IMPORTED_MODULE_6__/* ["default"].compose */ .Z.compose(hasTextAncestor && styles.inline, props.style);
var supportedProps = pickProps(props);
supportedProps.classList = classList;
supportedProps.style = style;
if (props.href != null) {
component = 'a';
if (hrefAttrs != null) {
var download = hrefAttrs.download,
rel = hrefAttrs.rel,
target = hrefAttrs.target;
if (download != null) {
supportedProps.download = download;
}
if (rel != null) {
supportedProps.rel = rel;
}
if (typeof target === 'string') {
supportedProps.target = target.charAt(0) !== '_' ? '_' + target : target;
}
}
}
var platformMethodsRef = (0,_modules_usePlatformMethods__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(supportedProps);
var setRef = (0,_modules_useMergeRefs__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(hostRef, platformMethodsRef, forwardedRef);
supportedProps.ref = setRef;
return (0,_createElement__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)(component, supportedProps);
});
View.displayName = 'View';
var classes = _StyleSheet_css__WEBPACK_IMPORTED_MODULE_10__/* ["default"].create */ .Z.create({
view: {
alignItems: 'stretch',
border: '0 solid black',
boxSizing: 'border-box',
display: 'flex',
flexBasis: 'auto',
flexDirection: 'column',
flexShrink: 0,
margin: 0,
minHeight: 0,
minWidth: 0,
padding: 0,
position: 'relative',
zIndex: 0
}
});
var classList = [classes.view];
var styles = _StyleSheet__WEBPACK_IMPORTED_MODULE_6__/* ["default"].create */ .Z.create({
inline: {
display: 'inline-flex'
}
});
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (View);
/***/ }),
/***/ 41803:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _modules_AccessibilityUtil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53064);
/* harmony import */ var _modules_createDOMProps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65041);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49231);
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var createElement = function createElement(component, props) {
// Use equivalent platform elements where possible.
var accessibilityComponent;
if (component && component.constructor === String) {
accessibilityComponent = _modules_AccessibilityUtil__WEBPACK_IMPORTED_MODULE_1__/* ["default"].propsToAccessibilityComponent */ .Z.propsToAccessibilityComponent(props);
}
var Component = accessibilityComponent || component;
var domProps = (0,_modules_createDOMProps__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(Component, props);
for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
children[_key - 2] = arguments[_key];
}
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement.apply(react__WEBPACK_IMPORTED_MODULE_0__, [Component, domProps].concat(children));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createElement);
/***/ }),
/***/ 97730:
/***/ (() => {
"use strict";
// APIs
// components
// compat (components)
// compat (apis)
// plugins
// hooks
/***/ }),
/***/ 53064:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ modules_AccessibilityUtil)
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/AccessibilityUtil/isDisabled.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var isDisabled = function isDisabled(props) {
return props.disabled || Array.isArray(props.accessibilityStates) && props.accessibilityStates.indexOf('disabled') > -1;
};
/* harmony default export */ const AccessibilityUtil_isDisabled = (isDisabled);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/AccessibilityUtil/propsToAriaRole.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var accessibilityRoleToWebRole = {
adjustable: 'slider',
button: 'button',
header: 'heading',
image: 'img',
imagebutton: null,
keyboardkey: null,
label: null,
link: 'link',
none: 'presentation',
search: 'search',
summary: 'region',
text: null
};
var propsToAriaRole = function propsToAriaRole(_ref) {
var accessibilityRole = _ref.accessibilityRole;
if (accessibilityRole) {
var inferredRole = accessibilityRoleToWebRole[accessibilityRole];
if (inferredRole !== null) {
// ignore roles that don't map to web
return inferredRole || accessibilityRole;
}
}
};
/* harmony default export */ const AccessibilityUtil_propsToAriaRole = (propsToAriaRole);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/AccessibilityUtil/propsToAccessibilityComponent.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var roleComponents = {
article: 'article',
banner: 'header',
blockquote: 'blockquote',
code: 'code',
complementary: 'aside',
contentinfo: 'footer',
deletion: 'del',
emphasis: 'em',
figure: 'figure',
insertion: 'ins',
form: 'form',
list: 'ul',
listitem: 'li',
main: 'main',
navigation: 'nav',
region: 'section',
strong: 'strong'
};
var emptyObject = {};
var propsToAccessibilityComponent = function propsToAccessibilityComponent(props) {
if (props === void 0) {
props = emptyObject;
}
// special-case for "label" role which doesn't map to an ARIA role
if (props.accessibilityRole === 'label') {
return 'label';
}
var role = AccessibilityUtil_propsToAriaRole(props);
if (role) {
if (role === 'heading') {
var level = props.accessibilityLevel || props['aria-level'];
if (level != null) {
return "h" + level;
}
return 'h1';
}
return roleComponents[role];
}
};
/* harmony default export */ const AccessibilityUtil_propsToAccessibilityComponent = (propsToAccessibilityComponent);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/AccessibilityUtil/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var AccessibilityUtil = {
isDisabled: AccessibilityUtil_isDisabled,
propsToAccessibilityComponent: AccessibilityUtil_propsToAccessibilityComponent,
propsToAriaRole: AccessibilityUtil_propsToAriaRole
};
/* harmony default export */ const modules_AccessibilityUtil = (AccessibilityUtil);
/***/ }),
/***/ 65041:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _AccessibilityUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53064);
/* harmony import */ var _exports_StyleSheet_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5748);
/* harmony import */ var _exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(87688);
/* harmony import */ var _exports_StyleSheet_styleResolver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(49873);
/* harmony import */ var _exports_StyleSheet_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95723);
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var emptyObject = {};
var hasOwnProperty = Object.prototype.hasOwnProperty;
var isArray = Array.isArray;
var uppercasePattern = /[A-Z]/g;
function toHyphenLower(match) {
return '-' + match.toLowerCase();
}
function hyphenateString(str) {
return str.replace(uppercasePattern, toHyphenLower);
}
function processIDRefList(idRefList) {
return isArray(idRefList) ? idRefList.join(' ') : idRefList;
} // Reset styles for heading, link, and list DOM elements
var classes = _exports_StyleSheet_css__WEBPACK_IMPORTED_MODULE_0__/* ["default"].create */ .Z.create({
reset: {
backgroundColor: 'transparent',
color: 'inherit',
font: 'inherit',
listStyle: 'none',
margin: 0,
textAlign: 'inherit',
textDecoration: 'none'
},
cursor: {
cursor: 'pointer'
}
}, _exports_StyleSheet_constants__WEBPACK_IMPORTED_MODULE_1__/* .STYLE_GROUPS.classicReset */ .uL.classicReset);
var pointerEventsStyles = _exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__/* ["default"].create */ .Z.create({
auto: {
pointerEvents: 'auto'
},
'box-none': {
pointerEvents: 'box-none'
},
'box-only': {
pointerEvents: 'box-only'
},
none: {
pointerEvents: 'none'
}
});
var createDOMProps = function createDOMProps(elementType, props) {
if (!props) {
props = emptyObject;
}
var _props = props,
accessibilityActiveDescendant = _props.accessibilityActiveDescendant,
accessibilityAtomic = _props.accessibilityAtomic,
accessibilityAutoComplete = _props.accessibilityAutoComplete,
accessibilityBusy = _props.accessibilityBusy,
accessibilityChecked = _props.accessibilityChecked,
accessibilityColumnCount = _props.accessibilityColumnCount,
accessibilityColumnIndex = _props.accessibilityColumnIndex,
accessibilityColumnSpan = _props.accessibilityColumnSpan,
accessibilityControls = _props.accessibilityControls,
accessibilityCurrent = _props.accessibilityCurrent,
accessibilityDescribedBy = _props.accessibilityDescribedBy,
accessibilityDetails = _props.accessibilityDetails,
accessibilityDisabled = _props.accessibilityDisabled,
accessibilityErrorMessage = _props.accessibilityErrorMessage,
accessibilityExpanded = _props.accessibilityExpanded,
accessibilityFlowTo = _props.accessibilityFlowTo,
accessibilityHasPopup = _props.accessibilityHasPopup,
accessibilityHidden = _props.accessibilityHidden,
accessibilityInvalid = _props.accessibilityInvalid,
accessibilityKeyShortcuts = _props.accessibilityKeyShortcuts,
accessibilityLabel = _props.accessibilityLabel,
accessibilityLabelledBy = _props.accessibilityLabelledBy,
accessibilityLevel = _props.accessibilityLevel,
accessibilityLiveRegion = _props.accessibilityLiveRegion,
accessibilityModal = _props.accessibilityModal,
accessibilityMultiline = _props.accessibilityMultiline,
accessibilityMultiSelectable = _props.accessibilityMultiSelectable,
accessibilityOrientation = _props.accessibilityOrientation,
accessibilityOwns = _props.accessibilityOwns,
accessibilityPlaceholder = _props.accessibilityPlaceholder,
accessibilityPosInSet = _props.accessibilityPosInSet,
accessibilityPressed = _props.accessibilityPressed,
accessibilityReadOnly = _props.accessibilityReadOnly,
accessibilityRequired = _props.accessibilityRequired,
accessibilityRole = _props.accessibilityRole,
accessibilityRoleDescription = _props.accessibilityRoleDescription,
accessibilityRowCount = _props.accessibilityRowCount,
accessibilityRowIndex = _props.accessibilityRowIndex,
accessibilityRowSpan = _props.accessibilityRowSpan,
accessibilitySelected = _props.accessibilitySelected,
accessibilitySetSize = _props.accessibilitySetSize,
accessibilitySort = _props.accessibilitySort,
accessibilityValueMax = _props.accessibilityValueMax,
accessibilityValueMin = _props.accessibilityValueMin,
accessibilityValueNow = _props.accessibilityValueNow,
accessibilityValueText = _props.accessibilityValueText,
classList = _props.classList,
dataSet = _props.dataSet,
focusable = _props.focusable,
nativeID = _props.nativeID,
pointerEvents = _props.pointerEvents,
providedStyle = _props.style,
testID = _props.testID,
accessible = _props.accessible,
accessibilityState = _props.accessibilityState,
accessibilityValue = _props.accessibilityValue,
domProps = _objectWithoutPropertiesLoose(_props, ["accessibilityActiveDescendant", "accessibilityAtomic", "accessibilityAutoComplete", "accessibilityBusy", "accessibilityChecked", "accessibilityColumnCount", "accessibilityColumnIndex", "accessibilityColumnSpan", "accessibilityControls", "accessibilityCurrent", "accessibilityDescribedBy", "accessibilityDetails", "accessibilityDisabled", "accessibilityErrorMessage", "accessibilityExpanded", "accessibilityFlowTo", "accessibilityHasPopup", "accessibilityHidden", "accessibilityInvalid", "accessibilityKeyShortcuts", "accessibilityLabel", "accessibilityLabelledBy", "accessibilityLevel", "accessibilityLiveRegion", "accessibilityModal", "accessibilityMultiline", "accessibilityMultiSelectable", "accessibilityOrientation", "accessibilityOwns", "accessibilityPlaceholder", "accessibilityPosInSet", "accessibilityPressed", "accessibilityReadOnly", "accessibilityRequired", "accessibilityRole", "accessibilityRoleDescription", "accessibilityRowCount", "accessibilityRowIndex", "accessibilityRowSpan", "accessibilitySelected", "accessibilitySetSize", "accessibilitySort", "accessibilityValueMax", "accessibilityValueMin", "accessibilityValueNow", "accessibilityValueText", "classList", "dataSet", "focusable", "nativeID", "pointerEvents", "style", "testID", "accessible", "accessibilityState", "accessibilityValue"]);
var disabled = accessibilityState != null && accessibilityState.disabled === true || accessibilityDisabled;
var role = _AccessibilityUtil__WEBPACK_IMPORTED_MODULE_3__/* ["default"].propsToAriaRole */ .Z.propsToAriaRole(props); // DEPRECATED
if (accessibilityState != null) {
for (var prop in accessibilityState) {
var value = accessibilityState[prop];
if (value != null) {
if (prop === 'disabled' || prop === 'hidden') {
if (value === true) {
domProps["aria-" + prop] = value; // also set prop directly to pick up host elementType behaviour
domProps[prop] = value;
}
} else {
domProps["aria-" + prop] = value;
}
}
}
}
if (accessibilityValue != null) {
for (var _prop in accessibilityValue) {
var _value = accessibilityValue[_prop];
if (_value != null) {
domProps["aria-value" + _prop] = _value;
}
}
} // ACCESSIBILITY
if (accessibilityActiveDescendant != null) {
domProps['aria-activedescendant'] = accessibilityActiveDescendant;
}
if (accessibilityAtomic != null) {
domProps['aria-atomic'] = accessibilityAtomic;
}
if (accessibilityAutoComplete != null) {
domProps['aria-autocomplete'] = accessibilityAutoComplete;
}
if (accessibilityBusy != null) {
domProps['aria-busy'] = accessibilityBusy;
}
if (accessibilityChecked != null) {
domProps['aria-checked'] = accessibilityChecked;
}
if (accessibilityColumnCount != null) {
domProps['aria-colcount'] = accessibilityColumnCount;
}
if (accessibilityColumnIndex != null) {
domProps['aria-colindex'] = accessibilityColumnIndex;
}
if (accessibilityColumnSpan != null) {
domProps['aria-colspan'] = accessibilityColumnSpan;
}
if (accessibilityControls != null) {
domProps['aria-controls'] = processIDRefList(accessibilityControls);
}
if (accessibilityCurrent != null) {
domProps['aria-current'] = accessibilityCurrent;
}
if (accessibilityDescribedBy != null) {
domProps['aria-describedby'] = processIDRefList(accessibilityDescribedBy);
}
if (accessibilityDetails != null) {
domProps['aria-details'] = accessibilityDetails;
}
if (disabled === true) {
domProps['aria-disabled'] = true; // Enhance with native semantics
if (elementType === 'button' || elementType === 'form' || elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
domProps.disabled = true;
}
}
if (accessibilityErrorMessage != null) {
domProps['aria-errormessage'] = accessibilityErrorMessage;
}
if (accessibilityExpanded != null) {
domProps['aria-expanded'] = accessibilityExpanded;
}
if (accessibilityFlowTo != null) {
domProps['aria-flowto'] = processIDRefList(accessibilityFlowTo);
}
if (accessibilityHasPopup != null) {
domProps['aria-haspopup'] = accessibilityHasPopup;
}
if (accessibilityHidden === true) {
domProps['aria-hidden'] = accessibilityHidden;
}
if (accessibilityInvalid != null) {
domProps['aria-invalid'] = accessibilityInvalid;
}
if (accessibilityKeyShortcuts != null && Array.isArray(accessibilityKeyShortcuts)) {
domProps['aria-keyshortcuts'] = accessibilityKeyShortcuts.join(' ');
}
if (accessibilityLabel != null) {
domProps['aria-label'] = accessibilityLabel;
}
if (accessibilityLabelledBy != null) {
domProps['aria-labelledby'] = processIDRefList(accessibilityLabelledBy);
}
if (accessibilityLevel != null) {
domProps['aria-level'] = accessibilityLevel;
}
if (accessibilityLiveRegion != null) {
domProps['aria-live'] = accessibilityLiveRegion === 'none' ? 'off' : accessibilityLiveRegion;
}
if (accessibilityModal != null) {
domProps['aria-modal'] = accessibilityModal;
}
if (accessibilityMultiline != null) {
domProps['aria-multiline'] = accessibilityMultiline;
}
if (accessibilityMultiSelectable != null) {
domProps['aria-multiselectable'] = accessibilityMultiSelectable;
}
if (accessibilityOrientation != null) {
domProps['aria-orientation'] = accessibilityOrientation;
}
if (accessibilityOwns != null) {
domProps['aria-owns'] = processIDRefList(accessibilityOwns);
}
if (accessibilityPlaceholder != null) {
domProps['aria-placeholder'] = accessibilityPlaceholder;
}
if (accessibilityPosInSet != null) {
domProps['aria-posinset'] = accessibilityPosInSet;
}
if (accessibilityPressed != null) {
domProps['aria-pressed'] = accessibilityPressed;
}
if (accessibilityReadOnly != null) {
domProps['aria-readonly'] = accessibilityReadOnly; // Enhance with native semantics
if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
domProps.readOnly = true;
}
}
if (accessibilityRequired != null) {
domProps['aria-required'] = accessibilityRequired; // Enhance with native semantics
if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
domProps.required = true;
}
}
if (role != null) {
// 'presentation' synonym has wider browser support
domProps['role'] = role === 'none' ? 'presentation' : role;
}
if (accessibilityRoleDescription != null) {
domProps['aria-roledescription'] = accessibilityRoleDescription;
}
if (accessibilityRowCount != null) {
domProps['aria-rowcount'] = accessibilityRowCount;
}
if (accessibilityRowIndex != null) {
domProps['aria-rowindex'] = accessibilityRowIndex;
}
if (accessibilityRowSpan != null) {
domProps['aria-rowspan'] = accessibilityRowSpan;
}
if (accessibilitySelected != null) {
domProps['aria-selected'] = accessibilitySelected;
}
if (accessibilitySetSize != null) {
domProps['aria-setsize'] = accessibilitySetSize;
}
if (accessibilitySort != null) {
domProps['aria-sort'] = accessibilitySort;
}
if (accessibilityValueMax != null) {
domProps['aria-valuemax'] = accessibilityValueMax;
}
if (accessibilityValueMin != null) {
domProps['aria-valuemin'] = accessibilityValueMin;
}
if (accessibilityValueNow != null) {
domProps['aria-valuenow'] = accessibilityValueNow;
}
if (accessibilityValueText != null) {
domProps['aria-valuetext'] = accessibilityValueText;
} // "dataSet" replaced with "data-*"
if (dataSet != null) {
for (var dataProp in dataSet) {
if (hasOwnProperty.call(dataSet, dataProp)) {
var dataName = hyphenateString(dataProp);
var dataValue = dataSet[dataProp];
if (dataValue != null) {
domProps["data-" + dataName] = dataValue;
}
}
}
} // FOCUS
// "focusable" indicates that an element may be a keyboard tab-stop.
var _focusable = focusable != null ? focusable : accessible;
if (_focusable === false) {
domProps.tabIndex = '-1';
}
if ( // These native elements are focusable by default
elementType === 'a' || elementType === 'button' || elementType === 'input' || elementType === 'select' || elementType === 'textarea') {
if (_focusable === false || accessibilityDisabled === true) {
domProps.tabIndex = '-1';
}
} else if ( // These roles are made focusable by default
role === 'button' || role === 'checkbox' || role === 'link' || role === 'radio' || role === 'textbox' || role === 'switch') {
if (_focusable !== false) {
domProps.tabIndex = '0';
}
} else {
// Everything else must explicitly set the prop
if (_focusable === true) {
domProps.tabIndex = '0';
}
} // STYLE
var reactNativeStyle = _exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__/* ["default"].compose */ .Z.compose(pointerEvents && pointerEventsStyles[pointerEvents], providedStyle); // Additional style resets for interactive elements
var needsCursor = (role === 'button' || role === 'link') && !disabled;
var needsReset = elementType === 'a' || elementType === 'button' || elementType === 'li' || elementType === 'ul' || role === 'heading'; // Classic CSS styles
var finalClassList = [needsReset && classes.reset, needsCursor && classes.cursor, classList]; // Resolve styles
var _styleResolver$resolv = _exports_StyleSheet_styleResolver__WEBPACK_IMPORTED_MODULE_4__/* ["default"].resolve */ .Z.resolve(reactNativeStyle, finalClassList),
className = _styleResolver$resolv.className,
style = _styleResolver$resolv.style;
if (className != null && className !== '') {
domProps.className = className;
}
if (style) {
domProps.style = style;
} // OTHER
// Native element ID
if (nativeID != null) {
domProps.id = nativeID;
} // Automated test IDs
if (testID != null) {
domProps['data-testid'] = testID;
}
return domProps;
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createDOMProps);
/***/ }),
/***/ 44057:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "lG": () => (/* binding */ defaultProps),
/* harmony export */ "LO": () => (/* binding */ accessibilityProps),
/* harmony export */ "_T": () => (/* binding */ clickProps),
/* harmony export */ "YB": () => (/* binding */ focusProps),
/* harmony export */ "Uy": () => (/* binding */ keyboardProps),
/* harmony export */ "hJ": () => (/* binding */ mouseProps),
/* harmony export */ "E5": () => (/* binding */ touchProps),
/* harmony export */ "vr": () => (/* binding */ styleProps)
/* harmony export */ });
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var defaultProps = {
children: true,
dataSet: true,
nativeID: true,
ref: true,
suppressHydrationWarning: true,
testID: true
};
var accessibilityProps = {
accessibilityActiveDescendant: true,
accessibilityAtomic: true,
accessibilityAutoComplete: true,
accessibilityBusy: true,
accessibilityChecked: true,
accessibilityColumnCount: true,
accessibilityColumnIndex: true,
accessibilityColumnSpan: true,
accessibilityControls: true,
accessibilityCurrent: true,
accessibilityDescribedBy: true,
accessibilityDetails: true,
accessibilityDisabled: true,
accessibilityErrorMessage: true,
accessibilityExpanded: true,
accessibilityFlowTo: true,
accessibilityHasPopup: true,
accessibilityHidden: true,
accessibilityInvalid: true,
accessibilityKeyShortcuts: true,
accessibilityLabel: true,
accessibilityLabelledBy: true,
accessibilityLevel: true,
accessibilityLiveRegion: true,
accessibilityModal: true,
accessibilityMultiline: true,
accessibilityMultiSelectable: true,
accessibilityOrientation: true,
accessibilityOwns: true,
accessibilityPlaceholder: true,
accessibilityPosInSet: true,
accessibilityPressed: true,
accessibilityReadOnly: true,
accessibilityRequired: true,
accessibilityRole: true,
accessibilityRoleDescription: true,
accessibilityRowCount: true,
accessibilityRowIndex: true,
accessibilityRowSpan: true,
accessibilitySelected: true,
accessibilitySetSize: true,
accessibilitySort: true,
accessibilityValueMax: true,
accessibilityValueMin: true,
accessibilityValueNow: true,
accessibilityValueText: true,
dir: true,
focusable: true,
// Deprecated
accessible: true,
accessibilityState: true,
accessibilityValue: true
};
var clickProps = {
onClick: true,
onClickCapture: true,
onContextMenu: true
};
var focusProps = {
onBlur: true,
onFocus: true
};
var keyboardProps = {
onKeyDown: true,
onKeyDownCapture: true,
onKeyUp: true,
onKeyUpCapture: true
};
var mouseProps = {
onMouseDown: true,
onMouseEnter: true,
onMouseLeave: true,
onMouseMove: true,
onMouseOver: true,
onMouseOut: true,
onMouseUp: true
};
var touchProps = {
onTouchCancel: true,
onTouchCancelCapture: true,
onTouchEnd: true,
onTouchEndCapture: true,
onTouchMove: true,
onTouchMoveCapture: true,
onTouchStart: true,
onTouchStartCapture: true
};
var styleProps = {
classList: true,
style: true
};
/***/ }),
/***/ 54230:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var getBoundingClientRect = function getBoundingClientRect(node) {
if (node != null) {
var isElement = node.nodeType === 1;
/* Node.ELEMENT_NODE */
if (isElement && typeof node.getBoundingClientRect === 'function') {
return node.getBoundingClientRect();
}
}
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getBoundingClientRect);
/***/ }),
/***/ 26049:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ mergeRefs)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49231);
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function mergeRefs() {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return function forwardRef(node) {
args.forEach(function (ref) {
if (ref == null) {
return;
}
if (typeof ref === 'function') {
ref(node);
return;
}
if (typeof ref === 'object') {
ref.current = node;
return;
}
console.error("mergeRefs cannot handle Refs of type boolean, number or string, received ref " + String(ref));
});
};
}
/***/ }),
/***/ 38095:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ modules_normalizeColor)
});
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/isWebColor/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var isWebColor = function isWebColor(color) {
return color === 'currentcolor' || color === 'currentColor' || color === 'inherit' || color.indexOf('var(') === 0;
};
/* harmony default export */ const modules_isWebColor = (isWebColor);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/normalize-css-color/index.js
var normalize_css_color = __webpack_require__(81277);
var normalize_css_color_default = /*#__PURE__*/__webpack_require__.n(normalize_css_color);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/processColor/index.js
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var processColor = function processColor(color) {
if (color === undefined || color === null) {
return color;
} // convert number and hex
var int32Color = normalize_css_color_default()(color);
if (int32Color === undefined || int32Color === null) {
return undefined;
}
int32Color = (int32Color << 24 | int32Color >>> 8) >>> 0;
return int32Color;
};
/* harmony default export */ const exports_processColor = (processColor);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/normalizeColor/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var normalizeColor = function normalizeColor(color, opacity) {
if (opacity === void 0) {
opacity = 1;
}
if (color == null) return;
if (typeof color === 'string' && modules_isWebColor(color)) {
return color;
}
var colorInt = exports_processColor(color);
if (colorInt != null) {
var r = colorInt >> 16 & 255;
var g = colorInt >> 8 & 255;
var b = colorInt & 255;
var a = (colorInt >> 24 & 255) / 255;
var alpha = (a * opacity).toFixed(2);
return "rgba(" + r + "," + g + "," + b + "," + alpha + ")";
}
};
/* harmony default export */ const modules_normalizeColor = (normalizeColor);
/***/ }),
/***/ 6960:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ pick)
/* harmony export */ });
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function pick(obj, list) {
var nextObj = {};
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if (list[key] === true || // Temporary until ARIA is mapped to explicit props
key.indexOf('aria-') === 0) {
nextObj[key] = obj[key];
}
}
}
return nextObj;
}
/***/ }),
/***/ 70950:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var unitlessNumbers = {
animationIterationCount: true,
aspectRatio: true,
borderImageOutset: true,
borderImageSlice: true,
borderImageWidth: true,
boxFlex: true,
boxFlexGroup: true,
boxOrdinalGroup: true,
columnCount: true,
flex: true,
flexGrow: true,
flexOrder: true,
flexPositive: true,
flexShrink: true,
flexNegative: true,
fontWeight: true,
gridRow: true,
gridRowEnd: true,
gridRowGap: true,
gridRowStart: true,
gridColumn: true,
gridColumnEnd: true,
gridColumnGap: true,
gridColumnStart: true,
lineClamp: true,
opacity: true,
order: true,
orphans: true,
tabSize: true,
widows: true,
zIndex: true,
zoom: true,
// SVG-related
fillOpacity: true,
floodOpacity: true,
stopOpacity: true,
strokeDasharray: true,
strokeDashoffset: true,
strokeMiterlimit: true,
strokeOpacity: true,
strokeWidth: true,
// transform types
scale: true,
scaleX: true,
scaleY: true,
scaleZ: true,
// RN properties
shadowOpacity: true
};
/**
* Support style names that may come passed in prefixed by adding permutations
* of vendor prefixes.
*/
var prefixes = ['ms', 'Moz', 'O', 'Webkit'];
var prefixKey = function prefixKey(prefix, key) {
return prefix + key.charAt(0).toUpperCase() + key.substring(1);
};
Object.keys(unitlessNumbers).forEach(function (prop) {
prefixes.forEach(function (prefix) {
unitlessNumbers[prefixKey(prefix, prop)] = unitlessNumbers[prop];
});
});
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (unitlessNumbers);
/***/ }),
/***/ 87555:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ useElementLayout)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/fbjs/lib/ExecutionEnvironment.js
var ExecutionEnvironment = __webpack_require__(57699);
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useLayoutEffect/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* useLayoutEffect throws an error on the server. On the few occasions where is
* problematic, use this hook.
*
*
*/
var useLayoutEffectImpl = ExecutionEnvironment.canUseDOM ? react.useLayoutEffect : react.useEffect;
/* harmony default export */ const useLayoutEffect = (useLayoutEffectImpl);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/UIManager/index.js + 2 modules
var UIManager = __webpack_require__(17415);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useElementLayout/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var DOM_LAYOUT_HANDLER_NAME = '__reactLayoutHandler';
var didWarn = !ExecutionEnvironment.canUseDOM;
var resizeObserver = null;
function getResizeObserver() {
if (ExecutionEnvironment.canUseDOM && typeof window.ResizeObserver !== 'undefined') {
if (resizeObserver == null) {
resizeObserver = new window.ResizeObserver(function (entries) {
entries.forEach(function (entry) {
var node = entry.target;
var onLayout = node[DOM_LAYOUT_HANDLER_NAME];
if (typeof onLayout === 'function') {
// We still need to measure the view because browsers don't yet provide
// border-box dimensions in the entry
UIManager/* default.measure */.Z.measure(node, function (x, y, width, height, left, top) {
var event = {
// $FlowFixMe
nativeEvent: {
layout: {
x: x,
y: y,
width: width,
height: height,
left: left,
top: top
}
},
timeStamp: Date.now()
};
Object.defineProperty(event.nativeEvent, 'target', {
enumerable: true,
get: function get() {
return entry.target;
}
});
onLayout(event);
});
}
});
});
}
} else if (!didWarn) {
if (false) {}
}
return resizeObserver;
}
function useElementLayout(ref, onLayout) {
var observer = getResizeObserver();
useLayoutEffect(function () {
var node = ref.current;
if (node != null) {
node[DOM_LAYOUT_HANDLER_NAME] = onLayout;
}
}, [ref, onLayout]); // Observing is done in a separate effect to avoid this effect running
// when 'onLayout' changes.
useLayoutEffect(function () {
var node = ref.current;
if (node != null && observer != null) {
if (typeof node[DOM_LAYOUT_HANDLER_NAME] === 'function') {
observer.observe(node);
} else {
observer.unobserve(node);
}
}
return function () {
if (node != null && observer != null) {
observer.unobserve(node);
}
};
}, [ref, observer]);
}
/***/ }),
/***/ 11904:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ useMergeRefs)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49231);
/* harmony import */ var _mergeRefs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26049);
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function useMergeRefs() {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
return _mergeRefs__WEBPACK_IMPORTED_MODULE_1__/* ["default"].apply */ .Z.apply(void 0, args);
}, // eslint-disable-next-line
[].concat(args));
}
/***/ }),
/***/ 18701:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ usePlatformMethods)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/UIManager/index.js + 2 modules
var UIManager = __webpack_require__(17415);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/createDOMProps/index.js
var createDOMProps = __webpack_require__(65041);
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useStable/index.js
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var UNINITIALIZED = typeof Symbol === 'function' && typeof Symbol() === 'symbol' ? Symbol() : Object.freeze({});
function useStable(getInitialValue) {
var ref = react.useRef(UNINITIALIZED);
if (ref.current === UNINITIALIZED) {
ref.current = getInitialValue();
} // $FlowFixMe (#64650789) Trouble refining types where `Symbol` is concerned.
return ref.current;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/usePlatformMethods/index.js
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var emptyObject = {};
function setNativeProps(node, nativeProps, classList, pointerEvents, style, previousStyleRef) {
if (node != null && nativeProps) {
var domProps = (0,createDOMProps/* default */.Z)(null, _objectSpread(_objectSpread({
pointerEvents: pointerEvents
}, nativeProps), {}, {
classList: [classList, nativeProps.className],
style: [style, nativeProps.style]
}));
var nextDomStyle = domProps.style;
if (previousStyleRef.current != null) {
if (domProps.style == null) {
domProps.style = {};
}
for (var styleName in previousStyleRef.current) {
if (domProps.style[styleName] == null) {
domProps.style[styleName] = '';
}
}
}
previousStyleRef.current = nextDomStyle;
UIManager/* default.updateView */.Z.updateView(node, domProps);
}
}
/**
* Adds non-standard methods to the hode element. This is temporarily until an
* API like `ReactNative.measure(hostRef, callback)` is added to React Native.
*/
function usePlatformMethods(_ref) {
var classList = _ref.classList,
pointerEvents = _ref.pointerEvents,
style = _ref.style;
var previousStyleRef = (0,react.useRef)(null);
var setNativePropsArgsRef = (0,react.useRef)(null);
setNativePropsArgsRef.current = {
classList: classList,
pointerEvents: pointerEvents,
style: style
}; // Avoid creating a new ref on every render. The props only need to be
// available to 'setNativeProps' when it is called.
var ref = useStable(function () {
return function (hostNode) {
if (hostNode != null) {
hostNode.measure = function (callback) {
return UIManager/* default.measure */.Z.measure(hostNode, callback);
};
hostNode.measureLayout = function (relativeToNode, success, failure) {
return UIManager/* default.measureLayout */.Z.measureLayout(hostNode, relativeToNode, failure, success);
};
hostNode.measureInWindow = function (callback) {
return UIManager/* default.measureInWindow */.Z.measureInWindow(hostNode, callback);
};
hostNode.setNativeProps = function (nativeProps) {
var _ref2 = setNativePropsArgsRef.current || emptyObject,
classList = _ref2.classList,
style = _ref2.style,
pointerEvents = _ref2.pointerEvents;
setNativeProps(hostNode, nativeProps, classList, pointerEvents, style, previousStyleRef);
};
}
};
});
return ref;
}
/***/ }),
/***/ 44790:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ useResponderEvents)
});
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/fbjs/lib/ExecutionEnvironment.js
var ExecutionEnvironment = __webpack_require__(57699);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/getBoundingClientRect/index.js
var getBoundingClientRect = __webpack_require__(54230);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useResponderEvents/ResponderEventTypes.js
/**
* Copyright (c) Nicolas Gallagher
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var BLUR = 'blur';
var CONTEXT_MENU = 'contextmenu';
var FOCUS_OUT = 'focusout';
var MOUSE_DOWN = 'mousedown';
var MOUSE_MOVE = 'mousemove';
var MOUSE_UP = 'mouseup';
var MOUSE_CANCEL = 'dragstart';
var TOUCH_START = 'touchstart';
var TOUCH_MOVE = 'touchmove';
var TOUCH_END = 'touchend';
var TOUCH_CANCEL = 'touchcancel';
var SCROLL = 'scroll';
var SELECT = 'select';
var SELECTION_CHANGE = 'selectionchange';
function isStartish(eventType) {
return eventType === TOUCH_START || eventType === MOUSE_DOWN;
}
function isMoveish(eventType) {
return eventType === TOUCH_MOVE || eventType === MOUSE_MOVE;
}
function isEndish(eventType) {
return eventType === TOUCH_END || eventType === MOUSE_UP || isCancelish(eventType);
}
function isCancelish(eventType) {
return eventType === TOUCH_CANCEL || eventType === MOUSE_CANCEL;
}
function isScroll(eventType) {
return eventType === SCROLL;
}
function isSelectionChange(eventType) {
return eventType === SELECT || eventType === SELECTION_CHANGE;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useResponderEvents/ResponderTouchHistoryStore.js
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* Tracks the position and time of each active touch by `touch.identifier`. We
* should typically only see IDs in the range of 1-20 because IDs get recycled
* when touches end and start again.
*/
var __DEV__ = "production" !== 'production';
var MAX_TOUCH_BANK = 20;
var touchBank = [];
var touchHistory = {
touchBank: touchBank,
numberActiveTouches: 0,
// If there is only one active touch, we remember its location. This prevents
// us having to loop through all of the touches all the time in the most
// common case.
indexOfSingleActiveTouch: -1,
mostRecentTimeStamp: 0
};
function timestampForTouch(touch) {
// The legacy internal implementation provides "timeStamp", which has been
// renamed to "timestamp".
return touch.timeStamp || touch.timestamp;
}
/**
* TODO: Instead of making gestures recompute filtered velocity, we could
* include a built in velocity computation that can be reused globally.
*/
function createTouchRecord(touch) {
return {
touchActive: true,
startPageX: touch.pageX,
startPageY: touch.pageY,
startTimeStamp: timestampForTouch(touch),
currentPageX: touch.pageX,
currentPageY: touch.pageY,
currentTimeStamp: timestampForTouch(touch),
previousPageX: touch.pageX,
previousPageY: touch.pageY,
previousTimeStamp: timestampForTouch(touch)
};
}
function resetTouchRecord(touchRecord, touch) {
touchRecord.touchActive = true;
touchRecord.startPageX = touch.pageX;
touchRecord.startPageY = touch.pageY;
touchRecord.startTimeStamp = timestampForTouch(touch);
touchRecord.currentPageX = touch.pageX;
touchRecord.currentPageY = touch.pageY;
touchRecord.currentTimeStamp = timestampForTouch(touch);
touchRecord.previousPageX = touch.pageX;
touchRecord.previousPageY = touch.pageY;
touchRecord.previousTimeStamp = timestampForTouch(touch);
}
function getTouchIdentifier(_ref) {
var identifier = _ref.identifier;
if (identifier == null) {
console.error('Touch object is missing identifier.');
}
if (__DEV__) {
if (identifier > MAX_TOUCH_BANK) {
console.error('Touch identifier %s is greater than maximum supported %s which causes ' + 'performance issues backfilling array locations for all of the indices.', identifier, MAX_TOUCH_BANK);
}
}
return identifier;
}
function recordTouchStart(touch) {
var identifier = getTouchIdentifier(touch);
var touchRecord = touchBank[identifier];
if (touchRecord) {
resetTouchRecord(touchRecord, touch);
} else {
touchBank[identifier] = createTouchRecord(touch);
}
touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
}
function recordTouchMove(touch) {
var touchRecord = touchBank[getTouchIdentifier(touch)];
if (touchRecord) {
touchRecord.touchActive = true;
touchRecord.previousPageX = touchRecord.currentPageX;
touchRecord.previousPageY = touchRecord.currentPageY;
touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
touchRecord.currentPageX = touch.pageX;
touchRecord.currentPageY = touch.pageY;
touchRecord.currentTimeStamp = timestampForTouch(touch);
touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
} else {
console.warn('Cannot record touch move without a touch start.\n', "Touch Move: " + printTouch(touch) + "\n", "Touch Bank: " + printTouchBank());
}
}
function recordTouchEnd(touch) {
var touchRecord = touchBank[getTouchIdentifier(touch)];
if (touchRecord) {
touchRecord.touchActive = false;
touchRecord.previousPageX = touchRecord.currentPageX;
touchRecord.previousPageY = touchRecord.currentPageY;
touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
touchRecord.currentPageX = touch.pageX;
touchRecord.currentPageY = touch.pageY;
touchRecord.currentTimeStamp = timestampForTouch(touch);
touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
} else {
console.warn('Cannot record touch end without a touch start.\n', "Touch End: " + printTouch(touch) + "\n", "Touch Bank: " + printTouchBank());
}
}
function printTouch(touch) {
return JSON.stringify({
identifier: touch.identifier,
pageX: touch.pageX,
pageY: touch.pageY,
timestamp: timestampForTouch(touch)
});
}
function printTouchBank() {
var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
if (touchBank.length > MAX_TOUCH_BANK) {
printed += ' (original size: ' + touchBank.length + ')';
}
return printed;
}
var ResponderTouchHistoryStore = {
recordTouchTrack: function recordTouchTrack(topLevelType, nativeEvent) {
if (isMoveish(topLevelType)) {
nativeEvent.changedTouches.forEach(recordTouchMove);
} else if (isStartish(topLevelType)) {
nativeEvent.changedTouches.forEach(recordTouchStart);
touchHistory.numberActiveTouches = nativeEvent.touches.length;
if (touchHistory.numberActiveTouches === 1) {
touchHistory.indexOfSingleActiveTouch = nativeEvent.touches[0].identifier;
}
} else if (isEndish(topLevelType)) {
nativeEvent.changedTouches.forEach(recordTouchEnd);
touchHistory.numberActiveTouches = nativeEvent.touches.length;
if (touchHistory.numberActiveTouches === 1) {
for (var i = 0; i < touchBank.length; i++) {
var touchTrackToCheck = touchBank[i];
if (touchTrackToCheck != null && touchTrackToCheck.touchActive) {
touchHistory.indexOfSingleActiveTouch = i;
break;
}
}
if (__DEV__) {
var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
if (!(activeRecord != null && activeRecord.touchActive)) {
console.error('Cannot find single active touch.');
}
}
}
}
},
touchHistory: touchHistory
};
/* harmony default export */ const useResponderEvents_ResponderTouchHistoryStore = (ResponderTouchHistoryStore);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useResponderEvents/createResponderEvent.js
/**
* Copyright (c) Nicolas Gallagher
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var emptyFunction = function emptyFunction() {};
var emptyObject = {};
var emptyArray = [];
/**
* Safari produces very large identifiers that would cause the `touchBank` array
* length to be so large as to crash the browser, if not normalized like this.
* In the future the `touchBank` should use an object/map instead.
*/
function normalizeIdentifier(identifier) {
return identifier > 20 ? identifier % 20 : identifier;
}
/**
* Converts a native DOM event to a ResponderEvent.
* Mouse events are transformed into fake touch events.
*/
function createResponderEvent(domEvent) {
var rect;
var propagationWasStopped = false;
var changedTouches;
var touches;
var domEventChangedTouches = domEvent.changedTouches;
var domEventType = domEvent.type;
var metaKey = domEvent.metaKey === true;
var shiftKey = domEvent.shiftKey === true;
var force = domEventChangedTouches && domEventChangedTouches[0].force || 0;
var identifier = normalizeIdentifier(domEventChangedTouches && domEventChangedTouches[0].identifier || 0);
var clientX = domEventChangedTouches && domEventChangedTouches[0].clientX || domEvent.clientX;
var clientY = domEventChangedTouches && domEventChangedTouches[0].clientY || domEvent.clientY;
var pageX = domEventChangedTouches && domEventChangedTouches[0].pageX || domEvent.pageX;
var pageY = domEventChangedTouches && domEventChangedTouches[0].pageY || domEvent.pageY;
var preventDefault = typeof domEvent.preventDefault === 'function' ? domEvent.preventDefault.bind(domEvent) : emptyFunction;
var timestamp = domEvent.timeStamp;
function normalizeTouches(touches) {
return Array.prototype.slice.call(touches).map(function (touch) {
return {
force: touch.force,
identifier: normalizeIdentifier(touch.identifier),
get locationX() {
return locationX(touch.clientX);
},
get locationY() {
return locationY(touch.clientY);
},
pageX: touch.pageX,
pageY: touch.pageY,
target: touch.target,
timestamp: timestamp
};
});
}
if (domEventChangedTouches != null) {
changedTouches = normalizeTouches(domEventChangedTouches);
touches = normalizeTouches(domEvent.touches);
} else {
var emulatedTouches = [{
force: force,
identifier: identifier,
get locationX() {
return locationX(clientX);
},
get locationY() {
return locationY(clientY);
},
pageX: pageX,
pageY: pageY,
target: domEvent.target,
timestamp: timestamp
}];
changedTouches = emulatedTouches;
touches = domEventType === 'mouseup' || domEventType === 'dragstart' ? emptyArray : emulatedTouches;
}
var responderEvent = {
bubbles: true,
cancelable: true,
// `currentTarget` is set before dispatch
currentTarget: null,
defaultPrevented: domEvent.defaultPrevented,
dispatchConfig: emptyObject,
eventPhase: domEvent.eventPhase,
isDefaultPrevented: function isDefaultPrevented() {
return domEvent.defaultPrevented;
},
isPropagationStopped: function isPropagationStopped() {
return propagationWasStopped;
},
isTrusted: domEvent.isTrusted,
nativeEvent: {
altKey: false,
ctrlKey: false,
metaKey: metaKey,
shiftKey: shiftKey,
changedTouches: changedTouches,
force: force,
identifier: identifier,
get locationX() {
return locationX(clientX);
},
get locationY() {
return locationY(clientY);
},
pageX: pageX,
pageY: pageY,
target: domEvent.target,
timestamp: timestamp,
touches: touches,
type: domEventType
},
persist: emptyFunction,
preventDefault: preventDefault,
stopPropagation: function stopPropagation() {
propagationWasStopped = true;
},
target: domEvent.target,
timeStamp: timestamp,
touchHistory: useResponderEvents_ResponderTouchHistoryStore.touchHistory
}; // Using getters and functions serves two purposes:
// 1) The value of `currentTarget` is not initially available.
// 2) Measuring the clientRect may cause layout jank and should only be done on-demand.
function locationX(x) {
rect = rect || (0,getBoundingClientRect/* default */.Z)(responderEvent.currentTarget);
if (rect) {
return x - rect.left;
}
}
function locationY(y) {
rect = rect || (0,getBoundingClientRect/* default */.Z)(responderEvent.currentTarget);
if (rect) {
return y - rect.top;
}
}
return responderEvent;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/isSelectionValid/index.js
/**
* Copyright (c) Nicolas Gallagher
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function isSelectionValid() {
var selection = window.getSelection();
var string = selection.toString();
var anchorNode = selection.anchorNode;
var focusNode = selection.focusNode;
var isTextNode = anchorNode && anchorNode.nodeType === window.Node.TEXT_NODE || focusNode && focusNode.nodeType === window.Node.TEXT_NODE;
return string.length >= 1 && string !== '\n' && isTextNode;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useResponderEvents/utils.js
/**
* Copyright (c) Nicolas Gallagher
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var keyName = '__reactResponderId';
function getEventPath(domEvent) {
// The 'selectionchange' event always has the 'document' as the target.
// Use the anchor node as the initial target to reconstruct a path.
// (We actually only need the first "responder" node in practice.)
if (domEvent.type === 'selectionchange') {
var target = window.getSelection().anchorNode;
return composedPathFallback(target);
} else {
var path = domEvent.composedPath != null ? domEvent.composedPath() : composedPathFallback(domEvent.target);
return path;
}
}
function composedPathFallback(target) {
var path = [];
while (target != null && target !== document.body) {
path.push(target);
target = target.parentNode;
}
return path;
}
/**
* Retrieve the responderId from a host node
*/
function getResponderId(node) {
if (node != null) {
return node[keyName];
}
return null;
}
/**
* Store the responderId on a host node
*/
function setResponderId(node, id) {
if (node != null) {
node[keyName] = id;
}
}
/**
* Filter the event path to contain only the nodes attached to the responder system
*/
function getResponderPaths(domEvent) {
var idPath = [];
var nodePath = [];
var eventPath = getEventPath(domEvent);
for (var i = 0; i < eventPath.length; i++) {
var node = eventPath[i];
var id = getResponderId(node);
if (id != null) {
idPath.push(id);
nodePath.push(node);
}
}
return {
idPath: idPath,
nodePath: nodePath
};
}
/**
* Walk the paths and find the first common ancestor
*/
function getLowestCommonAncestor(pathA, pathB) {
var pathALength = pathA.length;
var pathBLength = pathB.length;
if ( // If either path is empty
pathALength === 0 || pathBLength === 0 || // If the last elements aren't the same there can't be a common ancestor
// that is connected to the responder system
pathA[pathALength - 1] !== pathB[pathBLength - 1]) {
return null;
}
var itemA = pathA[0];
var indexA = 0;
var itemB = pathB[0];
var indexB = 0; // If A is deeper, skip indices that can't match.
if (pathALength - pathBLength > 0) {
indexA = pathALength - pathBLength;
itemA = pathA[indexA];
pathALength = pathBLength;
} // If B is deeper, skip indices that can't match
if (pathBLength - pathALength > 0) {
indexB = pathBLength - pathALength;
itemB = pathB[indexB];
pathBLength = pathALength;
} // Walk in lockstep until a match is found
var depth = pathALength;
while (depth--) {
if (itemA === itemB) {
return itemA;
}
itemA = pathA[indexA++];
itemB = pathB[indexB++];
}
return null;
}
/**
* Determine whether any of the active touches are within the current responder.
* This cannot rely on W3C `targetTouches`, as neither IE11 nor Safari implement it.
*/
function hasTargetTouches(target, touches) {
if (!touches || touches.length === 0) {
return false;
}
for (var i = 0; i < touches.length; i++) {
var node = touches[i].target;
if (node != null) {
if (target.contains(node)) {
return true;
}
}
}
return false;
}
/**
* Ignore 'selectionchange' events that don't correspond with a person's intent to
* select text.
*/
function hasValidSelection(domEvent) {
if (domEvent.type === 'selectionchange') {
return isSelectionValid();
}
return domEvent.type === 'select';
}
/**
* Events are only valid if the primary button was used without specific modifier keys.
*/
function isPrimaryPointerDown(domEvent) {
var altKey = domEvent.altKey,
button = domEvent.button,
buttons = domEvent.buttons,
ctrlKey = domEvent.ctrlKey,
type = domEvent.type;
var isTouch = type === 'touchstart' || type === 'touchmove';
var isPrimaryMouseDown = type === 'mousedown' && (button === 0 || buttons === 1);
var isPrimaryMouseMove = type === 'mousemove' && buttons === 1;
var noModifiers = altKey === false && ctrlKey === false;
if (isTouch || isPrimaryMouseDown && noModifiers || isPrimaryMouseMove && noModifiers) {
return true;
}
return false;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useResponderEvents/ResponderSystem.js
/**
* Copyright (c) Nicolas Gallagher
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* RESPONDER EVENT SYSTEM
*
* A single, global "interaction lock" on views. For a view to be the "responder" means
* that pointer interactions are exclusive to that view and none other. The "interaction
* lock" can be transferred (only) to ancestors of the current "responder" as long as
* pointers continue to be active.
*
* Responder being granted:
*
* A view can become the "responder" after the following events:
* * "pointerdown" (implemented using "touchstart", "mousedown")
* * "pointermove" (implemented using "touchmove", "mousemove")
* * "scroll" (while a pointer is down)
* * "selectionchange" (while a pointer is down)
*
* If nothing is already the "responder", the event propagates to (capture) and from
* (bubble) the event target until a view returns `true` for
* `on*ShouldSetResponder(Capture)`.
*
* If something is already the responder, the event propagates to (capture) and from
* (bubble) the lowest common ancestor of the event target and the current "responder".
* Then negotiation happens between the current "responder" and a view that wants to
* become the "responder": see the timing diagram below.
*
* (NOTE: Scrolled views either automatically become the "responder" or release the
* "interaction lock". A native scroll view that isn't built on top of the responder
* system must result in the current "responder" being notified that it no longer has
* the "interaction lock" - the native system has taken over.
*
* Responder being released:
*
* As soon as there are no more active pointers that *started* inside descendants
* of the *current* "responder", an `onResponderRelease` event is dispatched to the
* current "responder", and the responder lock is released.
*
* Typical sequence of events:
* * startShouldSetResponder
* * responderGrant/Reject
* * responderStart
* * responderMove
* * responderEnd
* * responderRelease
*/
/* Negotiation Performed
+-----------------------+
/ \
Process low level events to + Current Responder + wantsResponderID
determine who to perform negot-| (if any exists at all) |
iation/transition | Otherwise just pass through|
-------------------------------+----------------------------+------------------+
Bubble to find first ID | |
to return true:wantsResponderID| |
| |
+--------------+ | |
| onTouchStart | | |
+------+-------+ none | |
| return| |
+-----------v-------------+true| +------------------------+ |
|onStartShouldSetResponder|----->| onResponderStart (cur) |<-----------+
+-----------+-------------+ | +------------------------+ | |
| | | +--------+-------+
| returned true for| false:REJECT +-------->|onResponderReject
| wantsResponderID | | | +----------------+
| (now attempt | +------------------+-----+ |
| handoff) | | onResponder | |
+------------------->| TerminationRequest | |
| +------------------+-----+ |
| | | +----------------+
| true:GRANT +-------->|onResponderGrant|
| | +--------+-------+
| +------------------------+ | |
| | onResponderTerminate |<-----------+
| +------------------+-----+ |
| | | +----------------+
| +-------->|onResponderStart|
| | +----------------+
Bubble to find first ID | |
to return true:wantsResponderID| |
| |
+-------------+ | |
| onTouchMove | | |
+------+------+ none | |
| return| |
+-----------v-------------+true| +------------------------+ |
|onMoveShouldSetResponder |----->| onResponderMove (cur) |<-----------+
+-----------+-------------+ | +------------------------+ | |
| | | +--------+-------+
| returned true for| false:REJECT +-------->|onResponderReject
| wantsResponderID | | | +----------------+
| (now attempt | +------------------+-----+ |
| handoff) | | onResponder | |
+------------------->| TerminationRequest| |
| +------------------+-----+ |
| | | +----------------+
| true:GRANT +-------->|onResponderGrant|
| | +--------+-------+
| +------------------------+ | |
| | onResponderTerminate |<-----------+
| +------------------+-----+ |
| | | +----------------+
| +-------->|onResponderMove |
| | +----------------+
| |
| |
Some active touch started| |
inside current responder | +------------------------+ |
+------------------------->| onResponderEnd | |
| | +------------------------+ |
+---+---------+ | |
| onTouchEnd | | |
+---+---------+ | |
| | +------------------------+ |
+------------------------->| onResponderEnd | |
No active touches started| +-----------+------------+ |
inside current responder | | |
| v |
| +------------------------+ |
| | onResponderRelease | |
| +------------------------+ |
| |
+ + */
/* ------------ TYPES ------------ */
var ResponderSystem_emptyObject = {};
/* ------------ IMPLEMENTATION ------------ */
var startRegistration = ['onStartShouldSetResponderCapture', 'onStartShouldSetResponder', {
bubbles: true
}];
var moveRegistration = ['onMoveShouldSetResponderCapture', 'onMoveShouldSetResponder', {
bubbles: true
}];
var scrollRegistration = ['onScrollShouldSetResponderCapture', 'onScrollShouldSetResponder', {
bubbles: false
}];
var shouldSetResponderEvents = {
touchstart: startRegistration,
mousedown: startRegistration,
touchmove: moveRegistration,
mousemove: moveRegistration,
scroll: scrollRegistration
};
var emptyResponder = {
id: null,
idPath: null,
node: null
};
var responderListenersMap = new Map();
var isEmulatingMouseEvents = false;
var trackedTouchCount = 0;
var currentResponder = {
id: null,
node: null,
idPath: null
};
function changeCurrentResponder(responder) {
currentResponder = responder;
}
function getResponderConfig(id) {
var config = responderListenersMap.get(id);
return config != null ? config : ResponderSystem_emptyObject;
}
/**
* Process native events
*
* A single event listener is used to manage the responder system.
* All pointers are tracked in the ResponderTouchHistoryStore. Native events
* are interpreted in terms of the Responder System and checked to see if
* the responder should be transferred. Each host node that is attached to
* the Responder System has an ID, which is used to look up its associated
* callbacks.
*/
function eventListener(domEvent) {
var eventType = domEvent.type;
var eventTarget = domEvent.target;
/**
* Manage emulated events and early bailout.
* Since PointerEvent is not used yet (lack of support in older Safari), it's
* necessary to manually manage the mess of browser touch/mouse events.
* And bailout early for termination events when there is no active responder.
*/
// Flag when browser may produce emulated events
if (eventType === 'touchstart') {
isEmulatingMouseEvents = true;
} // Remove flag when browser will not produce emulated events
if (eventType === 'touchmove' || trackedTouchCount > 1) {
isEmulatingMouseEvents = false;
} // Ignore various events in particular circumstances
if ( // Ignore browser emulated mouse events
eventType === 'mousedown' && isEmulatingMouseEvents || eventType === 'mousemove' && isEmulatingMouseEvents || // Ignore mousemove if a mousedown didn't occur first
eventType === 'mousemove' && trackedTouchCount < 1) {
return;
} // Remove flag after emulated events are finished
if (isEmulatingMouseEvents && eventType === 'mouseup') {
if (trackedTouchCount === 0) {
isEmulatingMouseEvents = false;
}
return;
}
var isStartEvent = isStartish(eventType) && isPrimaryPointerDown(domEvent);
var isMoveEvent = isMoveish(eventType);
var isEndEvent = isEndish(eventType);
var isScrollEvent = isScroll(eventType);
var isSelectionChangeEvent = isSelectionChange(eventType);
var responderEvent = createResponderEvent(domEvent);
/**
* Record the state of active pointers
*/
if (isStartEvent || isMoveEvent || isEndEvent) {
if (domEvent.touches) {
trackedTouchCount = domEvent.touches.length;
} else {
if (isStartEvent) {
trackedTouchCount = 1;
} else if (isEndEvent) {
trackedTouchCount = 0;
}
}
useResponderEvents_ResponderTouchHistoryStore.recordTouchTrack(eventType, responderEvent.nativeEvent);
}
/**
* Responder System logic
*/
var eventPaths = getResponderPaths(domEvent);
var wasNegotiated = false;
var wantsResponder; // If an event occured that might change the current responder...
if (isStartEvent || isMoveEvent || isScrollEvent && trackedTouchCount > 0) {
// If there is already a responder, prune the event paths to the lowest common ancestor
// of the existing responder and deepest target of the event.
var currentResponderIdPath = currentResponder.idPath;
var eventIdPath = eventPaths.idPath;
if (currentResponderIdPath != null && eventIdPath != null) {
var lowestCommonAncestor = getLowestCommonAncestor(currentResponderIdPath, eventIdPath);
if (lowestCommonAncestor != null) {
var indexOfLowestCommonAncestor = eventIdPath.indexOf(lowestCommonAncestor); // Skip the current responder so it doesn't receive unexpected "shouldSet" events.
var index = indexOfLowestCommonAncestor + (lowestCommonAncestor === currentResponder.id ? 1 : 0);
eventPaths = {
idPath: eventIdPath.slice(index),
nodePath: eventPaths.nodePath.slice(index)
};
} else {
eventPaths = null;
}
}
if (eventPaths != null) {
// If a node wants to become the responder, attempt to transfer.
wantsResponder = findWantsResponder(eventPaths, domEvent, responderEvent);
if (wantsResponder != null) {
// Sets responder if none exists, or negotates with existing responder.
attemptTransfer(responderEvent, wantsResponder);
wasNegotiated = true;
}
}
} // If there is now a responder, invoke its callbacks for the lifecycle of the gesture.
if (currentResponder.id != null && currentResponder.node != null) {
var _currentResponder = currentResponder,
id = _currentResponder.id,
node = _currentResponder.node;
var _getResponderConfig = getResponderConfig(id),
onResponderStart = _getResponderConfig.onResponderStart,
onResponderMove = _getResponderConfig.onResponderMove,
onResponderEnd = _getResponderConfig.onResponderEnd,
onResponderRelease = _getResponderConfig.onResponderRelease,
onResponderTerminate = _getResponderConfig.onResponderTerminate,
onResponderTerminationRequest = _getResponderConfig.onResponderTerminationRequest;
responderEvent.bubbles = false;
responderEvent.cancelable = false;
responderEvent.currentTarget = node; // Start
if (isStartEvent) {
if (onResponderStart != null) {
responderEvent.dispatchConfig.registrationName = 'onResponderStart';
onResponderStart(responderEvent);
}
} // Move
else if (isMoveEvent) {
if (onResponderMove != null) {
responderEvent.dispatchConfig.registrationName = 'onResponderMove';
onResponderMove(responderEvent);
}
} else {
var isTerminateEvent = isCancelish(eventType) || // native context menu
eventType === 'contextmenu' || // window blur
eventType === 'blur' && eventTarget === window || // responder (or ancestors) blur
eventType === 'blur' && eventTarget.contains(node) && domEvent.relatedTarget !== node || // native scroll without using a pointer
isScrollEvent && trackedTouchCount === 0 || // native scroll on node that is parent of the responder (allow siblings to scroll)
isScrollEvent && eventTarget.contains(node) && eventTarget !== node || // native select/selectionchange on node
isSelectionChangeEvent && hasValidSelection(domEvent);
var isReleaseEvent = isEndEvent && !isTerminateEvent && !hasTargetTouches(node, domEvent.touches); // End
if (isEndEvent) {
if (onResponderEnd != null) {
responderEvent.dispatchConfig.registrationName = 'onResponderEnd';
onResponderEnd(responderEvent);
}
} // Release
if (isReleaseEvent) {
if (onResponderRelease != null) {
responderEvent.dispatchConfig.registrationName = 'onResponderRelease';
onResponderRelease(responderEvent);
}
changeCurrentResponder(emptyResponder);
} // Terminate
if (isTerminateEvent) {
var shouldTerminate = true; // Responders can still avoid termination but only for these events.
if (eventType === 'contextmenu' || eventType === 'scroll' || eventType === 'selectionchange') {
// Only call this function is it wasn't already called during negotiation.
if (wasNegotiated) {
shouldTerminate = false;
} else if (onResponderTerminationRequest != null) {
responderEvent.dispatchConfig.registrationName = 'onResponderTerminationRequest';
if (onResponderTerminationRequest(responderEvent) === false) {
shouldTerminate = false;
}
}
}
if (shouldTerminate) {
if (onResponderTerminate != null) {
responderEvent.dispatchConfig.registrationName = 'onResponderTerminate';
onResponderTerminate(responderEvent);
}
changeCurrentResponder(emptyResponder);
isEmulatingMouseEvents = false;
trackedTouchCount = 0;
}
}
}
}
}
/**
* Walk the event path to/from the target node. At each node, stop and call the
* relevant "shouldSet" functions for the given event type. If any of those functions
* call "stopPropagation" on the event, stop searching for a responder.
*/
function findWantsResponder(eventPaths, domEvent, responderEvent) {
var shouldSetCallbacks = shouldSetResponderEvents[domEvent.type]; // for Flow
if (shouldSetCallbacks != null) {
var idPath = eventPaths.idPath,
nodePath = eventPaths.nodePath;
var shouldSetCallbackCaptureName = shouldSetCallbacks[0];
var shouldSetCallbackBubbleName = shouldSetCallbacks[1];
var bubbles = shouldSetCallbacks[2].bubbles;
var check = function check(id, node, callbackName) {
var config = getResponderConfig(id);
var shouldSetCallback = config[callbackName];
if (shouldSetCallback != null) {
responderEvent.currentTarget = node;
if (shouldSetCallback(responderEvent) === true) {
// Start the path from the potential responder
var prunedIdPath = idPath.slice(idPath.indexOf(id));
return {
id: id,
node: node,
idPath: prunedIdPath
};
}
}
}; // capture
for (var i = idPath.length - 1; i >= 0; i--) {
var id = idPath[i];
var node = nodePath[i];
var result = check(id, node, shouldSetCallbackCaptureName);
if (result != null) {
return result;
}
if (responderEvent.isPropagationStopped() === true) {
return;
}
} // bubble
if (bubbles) {
for (var _i = 0; _i < idPath.length; _i++) {
var _id = idPath[_i];
var _node = nodePath[_i];
var _result = check(_id, _node, shouldSetCallbackBubbleName);
if (_result != null) {
return _result;
}
if (responderEvent.isPropagationStopped() === true) {
return;
}
}
} else {
var _id2 = idPath[0];
var _node2 = nodePath[0];
var target = domEvent.target;
if (target === _node2) {
return check(_id2, _node2, shouldSetCallbackBubbleName);
}
}
}
}
/**
* Attempt to transfer the responder.
*/
function attemptTransfer(responderEvent, wantsResponder) {
var _currentResponder2 = currentResponder,
currentId = _currentResponder2.id,
currentNode = _currentResponder2.node;
var id = wantsResponder.id,
node = wantsResponder.node;
var _getResponderConfig2 = getResponderConfig(id),
onResponderGrant = _getResponderConfig2.onResponderGrant,
onResponderReject = _getResponderConfig2.onResponderReject;
responderEvent.bubbles = false;
responderEvent.cancelable = false;
responderEvent.currentTarget = node; // Set responder
if (currentId == null) {
if (onResponderGrant != null) {
responderEvent.currentTarget = node;
responderEvent.dispatchConfig.registrationName = 'onResponderGrant';
onResponderGrant(responderEvent);
}
changeCurrentResponder(wantsResponder);
} // Negotiate with current responder
else {
var _getResponderConfig3 = getResponderConfig(currentId),
onResponderTerminate = _getResponderConfig3.onResponderTerminate,
onResponderTerminationRequest = _getResponderConfig3.onResponderTerminationRequest;
var allowTransfer = true;
if (onResponderTerminationRequest != null) {
responderEvent.currentTarget = currentNode;
responderEvent.dispatchConfig.registrationName = 'onResponderTerminationRequest';
if (onResponderTerminationRequest(responderEvent) === false) {
allowTransfer = false;
}
}
if (allowTransfer) {
// Terminate existing responder
if (onResponderTerminate != null) {
responderEvent.currentTarget = currentNode;
responderEvent.dispatchConfig.registrationName = 'onResponderTerminate';
onResponderTerminate(responderEvent);
} // Grant next responder
if (onResponderGrant != null) {
responderEvent.currentTarget = node;
responderEvent.dispatchConfig.registrationName = 'onResponderGrant';
onResponderGrant(responderEvent);
}
changeCurrentResponder(wantsResponder);
} else {
// Reject responder request
if (onResponderReject != null) {
responderEvent.currentTarget = node;
responderEvent.dispatchConfig.registrationName = 'onResponderReject';
onResponderReject(responderEvent);
}
}
}
}
/* ------------ PUBLIC API ------------ */
/**
* Attach Listeners
*
* Use native events as ReactDOM doesn't have a non-plugin API to implement
* this system.
*/
var documentEventsCapturePhase = ['blur', 'scroll'];
var documentEventsBubblePhase = [// mouse
'mousedown', 'mousemove', 'mouseup', 'dragstart', // touch
'touchstart', 'touchmove', 'touchend', 'touchcancel', // other
'contextmenu', 'select', 'selectionchange'];
function attachListeners() {
if (ExecutionEnvironment.canUseDOM && window.__reactResponderSystemActive == null) {
window.addEventListener('blur', eventListener);
documentEventsBubblePhase.forEach(function (eventType) {
document.addEventListener(eventType, eventListener);
});
documentEventsCapturePhase.forEach(function (eventType) {
document.addEventListener(eventType, eventListener, true);
});
window.__reactResponderSystemActive = true;
}
}
/**
* Register a node with the ResponderSystem.
*/
function addNode(id, node, config) {
setResponderId(node, id);
responderListenersMap.set(id, config);
}
/**
* Unregister a node with the ResponderSystem.
*/
function removeNode(id) {
if (currentResponder.id === id) {
terminateResponder();
}
if (responderListenersMap.has(id)) {
responderListenersMap.delete(id);
}
}
/**
* Allow the current responder to be terminated from within components to support
* more complex requirements, such as use with other React libraries for working
* with scroll views, input views, etc.
*/
function terminateResponder() {
var _currentResponder3 = currentResponder,
id = _currentResponder3.id,
node = _currentResponder3.node;
if (id != null && node != null) {
var _getResponderConfig4 = getResponderConfig(id),
onResponderTerminate = _getResponderConfig4.onResponderTerminate;
if (onResponderTerminate != null) {
var event = createResponderEvent({});
event.currentTarget = node;
onResponderTerminate(event);
}
changeCurrentResponder(emptyResponder);
}
isEmulatingMouseEvents = false;
trackedTouchCount = 0;
}
/**
* Allow unit tests to inspect the current responder in the system.
* FOR TESTING ONLY.
*/
function getResponderNode() {
return currentResponder.node;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useResponderEvents/index.js
/**
* Copyright (c) Nicolas Gallagher
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* Hook for integrating the Responder System into React
*
* function SomeComponent({ onStartShouldSetResponder }) {
* const ref = useRef(null);
* useResponderEvents(ref, { onStartShouldSetResponder });
* return <div ref={ref} />
* }
*/
var useResponderEvents_emptyObject = {};
var idCounter = 0;
function useStable(getInitialValue) {
var ref = react.useRef(null);
if (ref.current == null) {
ref.current = getInitialValue();
}
return ref.current;
}
function useResponderEvents(hostRef, config) {
if (config === void 0) {
config = useResponderEvents_emptyObject;
}
var id = useStable(function () {
return idCounter++;
});
var isAttachedRef = react.useRef(false); // This is a separate effects so it doesn't run when the config changes.
// On initial mount, attach global listeners if needed.
// On unmount, remove node potentially attached to the Responder System.
react.useEffect(function () {
attachListeners();
return function () {
removeNode(id);
};
}, [id]); // Register and unregister with the Responder System as necessary
react.useEffect(function () {
var _config = config,
onMoveShouldSetResponder = _config.onMoveShouldSetResponder,
onMoveShouldSetResponderCapture = _config.onMoveShouldSetResponderCapture,
onScrollShouldSetResponder = _config.onScrollShouldSetResponder,
onScrollShouldSetResponderCapture = _config.onScrollShouldSetResponderCapture,
onSelectionChangeShouldSetResponder = _config.onSelectionChangeShouldSetResponder,
onSelectionChangeShouldSetResponderCapture = _config.onSelectionChangeShouldSetResponderCapture,
onStartShouldSetResponder = _config.onStartShouldSetResponder,
onStartShouldSetResponderCapture = _config.onStartShouldSetResponderCapture;
var requiresResponderSystem = onMoveShouldSetResponder != null || onMoveShouldSetResponderCapture != null || onScrollShouldSetResponder != null || onScrollShouldSetResponderCapture != null || onSelectionChangeShouldSetResponder != null || onSelectionChangeShouldSetResponderCapture != null || onStartShouldSetResponder != null || onStartShouldSetResponderCapture != null;
var node = hostRef.current;
if (requiresResponderSystem) {
addNode(id, node, config);
isAttachedRef.current = true;
} else if (isAttachedRef.current) {
removeNode(id);
isAttachedRef.current = false;
}
}, [config, hostRef, id]);
react.useDebugValue({
isResponder: hostRef.current === getResponderNode()
});
react.useDebugValue(config);
}
/***/ }),
/***/ 92845:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
var _assign = __webpack_require__(5400);
// -- Inlined from fbjs --
var emptyObject = {};
if (false) {}
var validateFormat = function validateFormat(format) {};
if (false) {}
function _invariant(condition, format, a, b, c, d, e, f) {
validateFormat(format);
if (!condition) {
var error;
if (format === undefined) {
error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
} else {
var args = [a, b, c, d, e, f];
var argIndex = 0;
error = new Error(format.replace(/%s/g, function () {
return args[argIndex++];
}));
error.name = 'Invariant Violation';
}
error.framesToPop = 1; // we don't care about invariant's own frame
throw error;
}
}
var warning = function(){};
if (false) { var printWarning; }
// /-- Inlined from fbjs --
var MIXINS_KEY = 'mixins';
// Helper function to allow the creation of anonymous functions which do not
// have .name set to the name of the variable being assigned to.
function identity(fn) {
return fn;
}
var ReactPropTypeLocationNames;
if (false) {} else {
ReactPropTypeLocationNames = {};
}
function factory(ReactComponent, isValidElement, ReactNoopUpdateQueue) {
/**
* Policies that describe methods in `ReactClassInterface`.
*/
var injectedMixins = [];
/**
* Composite components are higher-level components that compose other composite
* or host components.
*
* To create a new type of `ReactClass`, pass a specification of
* your new class to `React.createClass`. The only requirement of your class
* specification is that you implement a `render` method.
*
* var MyComponent = React.createClass({
* render: function() {
* return <div>Hello World</div>;
* }
* });
*
* The class specification supports a specific protocol of methods that have
* special meaning (e.g. `render`). See `ReactClassInterface` for
* more the comprehensive protocol. Any other properties and methods in the
* class specification will be available on the prototype.
*
* @interface ReactClassInterface
* @internal
*/
var ReactClassInterface = {
/**
* An array of Mixin objects to include when defining your component.
*
* @type {array}
* @optional
*/
mixins: 'DEFINE_MANY',
/**
* An object containing properties and methods that should be defined on
* the component's constructor instead of its prototype (static methods).
*
* @type {object}
* @optional
*/
statics: 'DEFINE_MANY',
/**
* Definition of prop types for this component.
*
* @type {object}
* @optional
*/
propTypes: 'DEFINE_MANY',
/**
* Definition of context types for this component.
*
* @type {object}
* @optional
*/
contextTypes: 'DEFINE_MANY',
/**
* Definition of context types this component sets for its children.
*
* @type {object}
* @optional
*/
childContextTypes: 'DEFINE_MANY',
// ==== Definition methods ====
/**
* Invoked when the component is mounted. Values in the mapping will be set on
* `this.props` if that prop is not specified (i.e. using an `in` check).
*
* This method is invoked before `getInitialState` and therefore cannot rely
* on `this.state` or use `this.setState`.
*
* @return {object}
* @optional
*/
getDefaultProps: 'DEFINE_MANY_MERGED',
/**
* Invoked once before the component is mounted. The return value will be used
* as the initial value of `this.state`.
*
* getInitialState: function() {
* return {
* isOn: false,
* fooBaz: new BazFoo()
* }
* }
*
* @return {object}
* @optional
*/
getInitialState: 'DEFINE_MANY_MERGED',
/**
* @return {object}
* @optional
*/
getChildContext: 'DEFINE_MANY_MERGED',
/**
* Uses props from `this.props` and state from `this.state` to render the
* structure of the component.
*
* No guarantees are made about when or how often this method is invoked, so
* it must not have side effects.
*
* render: function() {
* var name = this.props.name;
* return <div>Hello, {name}!</div>;
* }
*
* @return {ReactComponent}
* @required
*/
render: 'DEFINE_ONCE',
// ==== Delegate methods ====
/**
* Invoked when the component is initially created and about to be mounted.
* This may have side effects, but any external subscriptions or data created
* by this method must be cleaned up in `componentWillUnmount`.
*
* @optional
*/
componentWillMount: 'DEFINE_MANY',
/**
* Invoked when the component has been mounted and has a DOM representation.
* However, there is no guarantee that the DOM node is in the document.
*
* Use this as an opportunity to operate on the DOM when the component has
* been mounted (initialized and rendered) for the first time.
*
* @param {DOMElement} rootNode DOM element representing the component.
* @optional
*/
componentDidMount: 'DEFINE_MANY',
/**
* Invoked before the component receives new props.
*
* Use this as an opportunity to react to a prop transition by updating the
* state using `this.setState`. Current props are accessed via `this.props`.
*
* componentWillReceiveProps: function(nextProps, nextContext) {
* this.setState({
* likesIncreasing: nextProps.likeCount > this.props.likeCount
* });
* }
*
* NOTE: There is no equivalent `componentWillReceiveState`. An incoming prop
* transition may cause a state change, but the opposite is not true. If you
* need it, you are probably looking for `componentWillUpdate`.
*
* @param {object} nextProps
* @optional
*/
componentWillReceiveProps: 'DEFINE_MANY',
/**
* Invoked while deciding if the component should be updated as a result of
* receiving new props, state and/or context.
*
* Use this as an opportunity to `return false` when you're certain that the
* transition to the new props/state/context will not require a component
* update.
*
* shouldComponentUpdate: function(nextProps, nextState, nextContext) {
* return !equal(nextProps, this.props) ||
* !equal(nextState, this.state) ||
* !equal(nextContext, this.context);
* }
*
* @param {object} nextProps
* @param {?object} nextState
* @param {?object} nextContext
* @return {boolean} True if the component should update.
* @optional
*/
shouldComponentUpdate: 'DEFINE_ONCE',
/**
* Invoked when the component is about to update due to a transition from
* `this.props`, `this.state` and `this.context` to `nextProps`, `nextState`
* and `nextContext`.
*
* Use this as an opportunity to perform preparation before an update occurs.
*
* NOTE: You **cannot** use `this.setState()` in this method.
*
* @param {object} nextProps
* @param {?object} nextState
* @param {?object} nextContext
* @param {ReactReconcileTransaction} transaction
* @optional
*/
componentWillUpdate: 'DEFINE_MANY',
/**
* Invoked when the component's DOM representation has been updated.
*
* Use this as an opportunity to operate on the DOM when the component has
* been updated.
*
* @param {object} prevProps
* @param {?object} prevState
* @param {?object} prevContext
* @param {DOMElement} rootNode DOM element representing the component.
* @optional
*/
componentDidUpdate: 'DEFINE_MANY',
/**
* Invoked when the component is about to be removed from its parent and have
* its DOM representation destroyed.
*
* Use this as an opportunity to deallocate any external resources.
*
* NOTE: There is no `componentDidUnmount` since your component will have been
* destroyed by that point.
*
* @optional
*/
componentWillUnmount: 'DEFINE_MANY',
/**
* Replacement for (deprecated) `componentWillMount`.
*
* @optional
*/
UNSAFE_componentWillMount: 'DEFINE_MANY',
/**
* Replacement for (deprecated) `componentWillReceiveProps`.
*
* @optional
*/
UNSAFE_componentWillReceiveProps: 'DEFINE_MANY',
/**
* Replacement for (deprecated) `componentWillUpdate`.
*
* @optional
*/
UNSAFE_componentWillUpdate: 'DEFINE_MANY',
// ==== Advanced methods ====
/**
* Updates the component's currently mounted DOM representation.
*
* By default, this implements React's rendering and reconciliation algorithm.
* Sophisticated clients may wish to override this.
*
* @param {ReactReconcileTransaction} transaction
* @internal
* @overridable
*/
updateComponent: 'OVERRIDE_BASE'
};
/**
* Similar to ReactClassInterface but for static methods.
*/
var ReactClassStaticInterface = {
/**
* This method is invoked after a component is instantiated and when it
* receives new props. Return an object to update state in response to
* prop changes. Return null to indicate no change to state.
*
* If an object is returned, its keys will be merged into the existing state.
*
* @return {object || null}
* @optional
*/
getDerivedStateFromProps: 'DEFINE_MANY_MERGED'
};
/**
* Mapping from class specification keys to special processing functions.
*
* Although these are declared like instance properties in the specification
* when defining classes using `React.createClass`, they are actually static
* and are accessible on the constructor instead of the prototype. Despite
* being static, they must be defined outside of the "statics" key under
* which all other static methods are defined.
*/
var RESERVED_SPEC_KEYS = {
displayName: function(Constructor, displayName) {
Constructor.displayName = displayName;
},
mixins: function(Constructor, mixins) {
if (mixins) {
for (var i = 0; i < mixins.length; i++) {
mixSpecIntoComponent(Constructor, mixins[i]);
}
}
},
childContextTypes: function(Constructor, childContextTypes) {
if (false) {}
Constructor.childContextTypes = _assign(
{},
Constructor.childContextTypes,
childContextTypes
);
},
contextTypes: function(Constructor, contextTypes) {
if (false) {}
Constructor.contextTypes = _assign(
{},
Constructor.contextTypes,
contextTypes
);
},
/**
* Special case getDefaultProps which should move into statics but requires
* automatic merging.
*/
getDefaultProps: function(Constructor, getDefaultProps) {
if (Constructor.getDefaultProps) {
Constructor.getDefaultProps = createMergedResultFunction(
Constructor.getDefaultProps,
getDefaultProps
);
} else {
Constructor.getDefaultProps = getDefaultProps;
}
},
propTypes: function(Constructor, propTypes) {
if (false) {}
Constructor.propTypes = _assign({}, Constructor.propTypes, propTypes);
},
statics: function(Constructor, statics) {
mixStaticSpecIntoComponent(Constructor, statics);
},
autobind: function() {}
};
function validateTypeDef(Constructor, typeDef, location) {
for (var propName in typeDef) {
if (typeDef.hasOwnProperty(propName)) {
// use a warning instead of an _invariant so components
// don't show up in prod but only in __DEV__
if (false) {}
}
}
}
function validateMethodOverride(isAlreadyDefined, name) {
var specPolicy = ReactClassInterface.hasOwnProperty(name)
? ReactClassInterface[name]
: null;
// Disallow overriding of base class methods unless explicitly allowed.
if (ReactClassMixin.hasOwnProperty(name)) {
_invariant(
specPolicy === 'OVERRIDE_BASE',
'ReactClassInterface: You are attempting to override ' +
'`%s` from your class specification. Ensure that your method names ' +
'do not overlap with React methods.',
name
);
}
// Disallow defining methods more than once unless explicitly allowed.
if (isAlreadyDefined) {
_invariant(
specPolicy === 'DEFINE_MANY' || specPolicy === 'DEFINE_MANY_MERGED',
'ReactClassInterface: You are attempting to define ' +
'`%s` on your component more than once. This conflict may be due ' +
'to a mixin.',
name
);
}
}
/**
* Mixin helper which handles policy validation and reserved
* specification keys when building React classes.
*/
function mixSpecIntoComponent(Constructor, spec) {
if (!spec) {
if (false) { var isMixinValid, typeofSpec; }
return;
}
_invariant(
typeof spec !== 'function',
"ReactClass: You're attempting to " +
'use a component class or function as a mixin. Instead, just use a ' +
'regular object.'
);
_invariant(
!isValidElement(spec),
"ReactClass: You're attempting to " +
'use a component as a mixin. Instead, just use a regular object.'
);
var proto = Constructor.prototype;
var autoBindPairs = proto.__reactAutoBindPairs;
// By handling mixins before any other properties, we ensure the same
// chaining order is applied to methods with DEFINE_MANY policy, whether
// mixins are listed before or after these methods in the spec.
if (spec.hasOwnProperty(MIXINS_KEY)) {
RESERVED_SPEC_KEYS.mixins(Constructor, spec.mixins);
}
for (var name in spec) {
if (!spec.hasOwnProperty(name)) {
continue;
}
if (name === MIXINS_KEY) {
// We have already handled mixins in a special case above.
continue;
}
var property = spec[name];
var isAlreadyDefined = proto.hasOwnProperty(name);
validateMethodOverride(isAlreadyDefined, name);
if (RESERVED_SPEC_KEYS.hasOwnProperty(name)) {
RESERVED_SPEC_KEYS[name](Constructor, property);
} else {
// Setup methods on prototype:
// The following member methods should not be automatically bound:
// 1. Expected ReactClass methods (in the "interface").
// 2. Overridden methods (that were mixed in).
var isReactClassMethod = ReactClassInterface.hasOwnProperty(name);
var isFunction = typeof property === 'function';
var shouldAutoBind =
isFunction &&
!isReactClassMethod &&
!isAlreadyDefined &&
spec.autobind !== false;
if (shouldAutoBind) {
autoBindPairs.push(name, property);
proto[name] = property;
} else {
if (isAlreadyDefined) {
var specPolicy = ReactClassInterface[name];
// These cases should already be caught by validateMethodOverride.
_invariant(
isReactClassMethod &&
(specPolicy === 'DEFINE_MANY_MERGED' ||
specPolicy === 'DEFINE_MANY'),
'ReactClass: Unexpected spec policy %s for key %s ' +
'when mixing in component specs.',
specPolicy,
name
);
// For methods which are defined more than once, call the existing
// methods before calling the new property, merging if appropriate.
if (specPolicy === 'DEFINE_MANY_MERGED') {
proto[name] = createMergedResultFunction(proto[name], property);
} else if (specPolicy === 'DEFINE_MANY') {
proto[name] = createChainedFunction(proto[name], property);
}
} else {
proto[name] = property;
if (false) {}
}
}
}
}
}
function mixStaticSpecIntoComponent(Constructor, statics) {
if (!statics) {
return;
}
for (var name in statics) {
var property = statics[name];
if (!statics.hasOwnProperty(name)) {
continue;
}
var isReserved = name in RESERVED_SPEC_KEYS;
_invariant(
!isReserved,
'ReactClass: You are attempting to define a reserved ' +
'property, `%s`, that shouldn\'t be on the "statics" key. Define it ' +
'as an instance property instead; it will still be accessible on the ' +
'constructor.',
name
);
var isAlreadyDefined = name in Constructor;
if (isAlreadyDefined) {
var specPolicy = ReactClassStaticInterface.hasOwnProperty(name)
? ReactClassStaticInterface[name]
: null;
_invariant(
specPolicy === 'DEFINE_MANY_MERGED',
'ReactClass: You are attempting to define ' +
'`%s` on your component more than once. This conflict may be ' +
'due to a mixin.',
name
);
Constructor[name] = createMergedResultFunction(Constructor[name], property);
return;
}
Constructor[name] = property;
}
}
/**
* Merge two objects, but throw if both contain the same key.
*
* @param {object} one The first object, which is mutated.
* @param {object} two The second object
* @return {object} one after it has been mutated to contain everything in two.
*/
function mergeIntoWithNoDuplicateKeys(one, two) {
_invariant(
one && two && typeof one === 'object' && typeof two === 'object',
'mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.'
);
for (var key in two) {
if (two.hasOwnProperty(key)) {
_invariant(
one[key] === undefined,
'mergeIntoWithNoDuplicateKeys(): ' +
'Tried to merge two objects with the same key: `%s`. This conflict ' +
'may be due to a mixin; in particular, this may be caused by two ' +
'getInitialState() or getDefaultProps() methods returning objects ' +
'with clashing keys.',
key
);
one[key] = two[key];
}
}
return one;
}
/**
* Creates a function that invokes two functions and merges their return values.
*
* @param {function} one Function to invoke first.
* @param {function} two Function to invoke second.
* @return {function} Function that invokes the two argument functions.
* @private
*/
function createMergedResultFunction(one, two) {
return function mergedResult() {
var a = one.apply(this, arguments);
var b = two.apply(this, arguments);
if (a == null) {
return b;
} else if (b == null) {
return a;
}
var c = {};
mergeIntoWithNoDuplicateKeys(c, a);
mergeIntoWithNoDuplicateKeys(c, b);
return c;
};
}
/**
* Creates a function that invokes two functions and ignores their return vales.
*
* @param {function} one Function to invoke first.
* @param {function} two Function to invoke second.
* @return {function} Function that invokes the two argument functions.
* @private
*/
function createChainedFunction(one, two) {
return function chainedFunction() {
one.apply(this, arguments);
two.apply(this, arguments);
};
}
/**
* Binds a method to the component.
*
* @param {object} component Component whose method is going to be bound.
* @param {function} method Method to be bound.
* @return {function} The bound method.
*/
function bindAutoBindMethod(component, method) {
var boundMethod = method.bind(component);
if (false) { var _bind, componentName; }
return boundMethod;
}
/**
* Binds all auto-bound methods in a component.
*
* @param {object} component Component whose method is going to be bound.
*/
function bindAutoBindMethods(component) {
var pairs = component.__reactAutoBindPairs;
for (var i = 0; i < pairs.length; i += 2) {
var autoBindKey = pairs[i];
var method = pairs[i + 1];
component[autoBindKey] = bindAutoBindMethod(component, method);
}
}
var IsMountedPreMixin = {
componentDidMount: function() {
this.__isMounted = true;
}
};
var IsMountedPostMixin = {
componentWillUnmount: function() {
this.__isMounted = false;
}
};
/**
* Add more to the ReactClass base class. These are all legacy features and
* therefore not already part of the modern ReactComponent.
*/
var ReactClassMixin = {
/**
* TODO: This will be deprecated because state should always keep a consistent
* type signature and the only use case for this, is to avoid that.
*/
replaceState: function(newState, callback) {
this.updater.enqueueReplaceState(this, newState, callback);
},
/**
* Checks whether or not this composite component is mounted.
* @return {boolean} True if mounted, false otherwise.
* @protected
* @final
*/
isMounted: function() {
if (false) {}
return !!this.__isMounted;
}
};
var ReactClassComponent = function() {};
_assign(
ReactClassComponent.prototype,
ReactComponent.prototype,
ReactClassMixin
);
/**
* Creates a composite component class given a class specification.
* See https://facebook.github.io/react/docs/top-level-api.html#react.createclass
*
* @param {object} spec Class specification (which must define `render`).
* @return {function} Component constructor function.
* @public
*/
function createClass(spec) {
// To keep our warnings more understandable, we'll use a little hack here to
// ensure that Constructor.name !== 'Constructor'. This makes sure we don't
// unnecessarily identify a class without displayName as 'Constructor'.
var Constructor = identity(function(props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (false) {}
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
// ReactClasses doesn't have constructors. Instead, they use the
// getInitialState and componentWillMount methods for initialization.
var initialState = this.getInitialState ? this.getInitialState() : null;
if (false) {}
_invariant(
typeof initialState === 'object' && !Array.isArray(initialState),
'%s.getInitialState(): must return an object or null',
Constructor.displayName || 'ReactCompositeComponent'
);
this.state = initialState;
});
Constructor.prototype = new ReactClassComponent();
Constructor.prototype.constructor = Constructor;
Constructor.prototype.__reactAutoBindPairs = [];
injectedMixins.forEach(mixSpecIntoComponent.bind(null, Constructor));
mixSpecIntoComponent(Constructor, IsMountedPreMixin);
mixSpecIntoComponent(Constructor, spec);
mixSpecIntoComponent(Constructor, IsMountedPostMixin);
// Initialize the defaultProps property after all mixins have been merged.
if (Constructor.getDefaultProps) {
Constructor.defaultProps = Constructor.getDefaultProps();
}
if (false) {}
_invariant(
Constructor.prototype.render,
'createClass(...): Class specification must implement a `render` method.'
);
if (false) {}
// Reduce time spent doing lookups by setting these on the prototype.
for (var methodName in ReactClassInterface) {
if (!Constructor.prototype[methodName]) {
Constructor.prototype[methodName] = null;
}
}
return Constructor;
}
return createClass;
}
module.exports = factory;
/***/ }),
/***/ 48675:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
var React = __webpack_require__(49231);
var factory = __webpack_require__(92845);
if (typeof React === 'undefined') {
throw Error(
'create-react-class could not find the React object. If you are using script tags, ' +
'make sure that React is being loaded before create-react-class.'
);
}
// Hack to grab NoopUpdateQueue from isomorphic React
var ReactNoopUpdateQueue = new React.Component().updater;
module.exports = factory(
React.Component,
React.isValidElement,
ReactNoopUpdateQueue
);
/***/ }),
/***/ 84701:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = hyphenateProperty;
var _hyphenateStyleName = __webpack_require__(7028);
var _hyphenateStyleName2 = _interopRequireDefault(_hyphenateStyleName);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function hyphenateProperty(property) {
return (0, _hyphenateStyleName2.default)(property);
}
module.exports = exports['default'];
/***/ }),
/***/ 61340:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = isPrefixedValue;
var regex = /-webkit-|-moz-|-ms-/;
function isPrefixedValue(value) {
return typeof value === 'string' && regex.test(value);
}
module.exports = exports['default'];
/***/ }),
/***/ 57699:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
/**
* Simple, lightweight module assisting with the detection and context of
* Worker. Helps avoid circular dependencies and allows code to reason about
* whether or not they are in a Worker, even if they never include the main
* `ReactWorker` dependency.
*/
var ExecutionEnvironment = {
canUseDOM: canUseDOM,
canUseWorkers: typeof Worker !== 'undefined',
canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
canUseViewport: canUseDOM && !!window.screen,
isInWorker: !canUseDOM // For now, this is true - might change in the future.
};
module.exports = ExecutionEnvironment;
/***/ }),
/***/ 23479:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function makeEmptyFunction(arg) {
return function () {
return arg;
};
}
/**
* This function accepts and discards inputs; it has no side effects. This is
* primarily useful idiomatically for overridable function endpoints which
* always need to be callable, since JS lacks a null-call idiom ala Cocoa.
*/
var emptyFunction = function emptyFunction() {};
emptyFunction.thatReturns = makeEmptyFunction;
emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
emptyFunction.thatReturnsNull = makeEmptyFunction(null);
emptyFunction.thatReturnsThis = function () {
return this;
};
emptyFunction.thatReturnsArgument = function (arg) {
return arg;
};
module.exports = emptyFunction;
/***/ }),
/***/ 26913:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var validateFormat = false ? 0 : function (format) {};
/**
* Use invariant() to assert state which your program assumes to be true.
*
* Provide sprintf-style format (only %s is supported) and arguments to provide
* information about what broke and what you were expecting.
*
* The invariant message will be stripped in production, but the invariant will
* remain to ensure logic does not differ in production.
*/
function invariant(condition, format) {
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
args[_key - 2] = arguments[_key];
}
validateFormat(format);
if (!condition) {
var error;
if (format === undefined) {
error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
} else {
var argIndex = 0;
error = new Error(format.replace(/%s/g, function () {
return String(args[argIndex++]);
}));
error.name = 'Invariant Violation';
}
error.framesToPop = 1; // Skip invariant's own stack frame.
throw error;
}
}
module.exports = invariant;
/***/ }),
/***/ 21993:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2014-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
var emptyFunction = __webpack_require__(23479);
/**
* Similar to invariant but only logs a warning if the condition is not met.
* This can be used to log issues in development environments in critical
* paths. Removing the logging code for production environments will keep the
* same logic and follow the same code paths.
*/
function printWarning(format) {
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
var argIndex = 0;
var message = 'Warning: ' + format.replace(/%s/g, function () {
return args[argIndex++];
});
if (typeof console !== 'undefined') {
console.error(message);
}
try {
// --- Welcome to debugging React ---
// This error was thrown as a convenience so that you can use this stack
// to find the callsite that caused this warning to fire.
throw new Error(message);
} catch (x) {}
}
var warning = false ? 0 : emptyFunction;
module.exports = warning;
/***/ }),
/***/ 7028:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* eslint-disable no-var, prefer-template */
var uppercasePattern = /[A-Z]/g
var msPattern = /^ms-/
var cache = {}
function toHyphenLower(match) {
return '-' + match.toLowerCase()
}
function hyphenateStyleName(name) {
if (cache.hasOwnProperty(name)) {
return cache[name]
}
var hName = name.replace(uppercasePattern, toHyphenLower)
return (cache[name] = msPattern.test(hName) ? '-' + hName : hName)
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hyphenateStyleName);
/***/ }),
/***/ 45987:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = createPrefixer;
var _prefixProperty = __webpack_require__(41830);
var _prefixProperty2 = _interopRequireDefault(_prefixProperty);
var _prefixValue = __webpack_require__(52437);
var _prefixValue2 = _interopRequireDefault(_prefixValue);
var _addNewValuesOnly = __webpack_require__(65678);
var _addNewValuesOnly2 = _interopRequireDefault(_addNewValuesOnly);
var _isObject = __webpack_require__(7142);
var _isObject2 = _interopRequireDefault(_isObject);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function createPrefixer(_ref) {
var prefixMap = _ref.prefixMap,
plugins = _ref.plugins;
return function prefix(style) {
for (var property in style) {
var value = style[property];
// handle nested objects
if ((0, _isObject2.default)(value)) {
style[property] = prefix(value);
// handle array values
} else if (Array.isArray(value)) {
var combinedValue = [];
for (var i = 0, len = value.length; i < len; ++i) {
var processedValue = (0, _prefixValue2.default)(plugins, property, value[i], style, prefixMap);
(0, _addNewValuesOnly2.default)(combinedValue, processedValue || value[i]);
}
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (combinedValue.length > 0) {
style[property] = combinedValue;
}
} else {
var _processedValue = (0, _prefixValue2.default)(plugins, property, value, style, prefixMap);
// only modify the value if it was touched
// by any plugin to prevent unnecessary mutations
if (_processedValue) {
style[property] = _processedValue;
}
style = (0, _prefixProperty2.default)(prefixMap, property, style);
}
}
return style;
};
}
/***/ }),
/***/ 85691:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = backgroundClip;
// https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip#Browser_compatibility
function backgroundClip(property, value) {
if (typeof value === 'string' && value === 'text') {
return ['-webkit-text', 'text'];
}
}
/***/ }),
/***/ 42055:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = crossFade;
var _isPrefixedValue = __webpack_require__(61340);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#search=cross-fade
var prefixes = ['-webkit-', ''];
function crossFade(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('cross-fade(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/cross-fade\(/g, prefix + 'cross-fade(');
});
}
}
/***/ }),
/***/ 88476:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = cursor;
var prefixes = ['-webkit-', '-moz-', ''];
var values = {
'zoom-in': true,
'zoom-out': true,
grab: true,
grabbing: true
};
function cursor(property, value) {
if (property === 'cursor' && values.hasOwnProperty(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
/***/ }),
/***/ 21:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = filter;
var _isPrefixedValue = __webpack_require__(61340);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#feat=css-filter-function
var prefixes = ['-webkit-', ''];
function filter(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('filter(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/filter\(/g, prefix + 'filter(');
});
}
}
/***/ }),
/***/ 49884:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = flex;
var values = {
flex: ['-webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex'],
'inline-flex': ['-webkit-inline-box', '-moz-inline-box', '-ms-inline-flexbox', '-webkit-inline-flex', 'inline-flex']
};
function flex(property, value) {
if (property === 'display' && values.hasOwnProperty(value)) {
return values[value];
}
}
/***/ }),
/***/ 96362:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = flexboxIE;
var alternativeValues = {
'space-around': 'distribute',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end'
};
var alternativeProps = {
alignContent: 'msFlexLinePack',
alignSelf: 'msFlexItemAlign',
alignItems: 'msFlexAlign',
justifyContent: 'msFlexPack',
order: 'msFlexOrder',
flexGrow: 'msFlexPositive',
flexShrink: 'msFlexNegative',
flexBasis: 'msFlexPreferredSize'
// Full expanded syntax is flex-grow | flex-shrink | flex-basis.
};var flexShorthandMappings = {
auto: '1 1 auto',
inherit: 'inherit',
initial: '0 1 auto',
none: '0 0 auto',
unset: 'unset'
};
var isUnitlessNumber = /^\d+(\.\d+)?$/;
var logTag = 'inline-style-prefixer.flexboxIE plugin';
function flexboxIE(property, value, style) {
if (Object.prototype.hasOwnProperty.call(alternativeProps, property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
if (property === 'flex') {
// For certain values we can do straight mappings based on the spec
// for the expansions.
if (Object.prototype.hasOwnProperty.call(flexShorthandMappings, value)) {
style.msFlex = flexShorthandMappings[value];
return;
}
// Here we have no direct mapping, so we favor looking for a
// unitless positive number as that will be the most common use-case.
if (isUnitlessNumber.test(value)) {
style.msFlex = value + ' 1 0%';
return;
}
if (typeof value === 'number' && value < 0) {
// ignore negative values;
console.warn(logTag + ': "flex: ' + value + '", negative values is not valid and will be ignored.');
return;
}
if (!value.split) {
console.warn(logTag + ': "flex: ' + value + '", value format is not detected, it will be remain as is');
style.msFlex = value;
return;
}
// The next thing we can look for is if there are multiple values.
var flexValues = value.split(/\s/);
// If we only have a single value that wasn't a positive unitless
// or a pre-mapped value, then we can assume it is a unit value.
switch (flexValues.length) {
case 1:
style.msFlex = '1 1 ' + value;
return;
case 2:
// If we have 2 units, then we expect that the first will
// always be a unitless number and represents flex-grow.
// The second unit will represent flex-shrink for a unitless
// value, or flex-basis otherwise.
if (isUnitlessNumber.test(flexValues[1])) {
style.msFlex = flexValues[0] + ' ' + flexValues[1] + ' 0%';
} else {
style.msFlex = flexValues[0] + ' 1 ' + flexValues[1];
}
return;
default:
style.msFlex = value;
}
}
}
/***/ }),
/***/ 37632:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = flexboxOld;
var alternativeValues = {
'space-around': 'justify',
'space-between': 'justify',
'flex-start': 'start',
'flex-end': 'end',
'wrap-reverse': 'multiple',
wrap: 'multiple'
};
var alternativeProps = {
alignItems: 'WebkitBoxAlign',
justifyContent: 'WebkitBoxPack',
flexWrap: 'WebkitBoxLines',
flexGrow: 'WebkitBoxFlex'
};
function flexboxOld(property, value, style) {
if (property === 'flexDirection' && typeof value === 'string') {
if (value.indexOf('column') > -1) {
style.WebkitBoxOrient = 'vertical';
} else {
style.WebkitBoxOrient = 'horizontal';
}
if (value.indexOf('reverse') > -1) {
style.WebkitBoxDirection = 'reverse';
} else {
style.WebkitBoxDirection = 'normal';
}
}
if (alternativeProps.hasOwnProperty(property)) {
style[alternativeProps[property]] = alternativeValues[value] || value;
}
}
/***/ }),
/***/ 15263:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = gradient;
var _isPrefixedValue = __webpack_require__(61340);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefixes = ['-webkit-', '-moz-', ''];
var values = /linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient/gi;
function gradient(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && values.test(value)) {
return prefixes.map(function (prefix) {
return value.replace(values, function (grad) {
return prefix + grad;
});
});
}
}
/***/ }),
/***/ 82171:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
exports.Z = grid;
function isSimplePositionValue(value) {
return typeof value === 'number' && !isNaN(value);
}
function isComplexSpanValue(value) {
return typeof value === 'string' && value.includes('/');
}
var alignmentValues = ['center', 'end', 'start', 'stretch'];
var displayValues = {
'inline-grid': ['-ms-inline-grid', 'inline-grid'],
grid: ['-ms-grid', 'grid']
};
var propertyConverters = {
alignSelf: function alignSelf(value, style) {
if (alignmentValues.indexOf(value) > -1) {
style.msGridRowAlign = value;
}
},
gridColumn: function gridColumn(value, style) {
if (isSimplePositionValue(value)) {
style.msGridColumn = value;
} else if (isComplexSpanValue(value)) {
var _value$split = value.split('/'),
_value$split2 = _slicedToArray(_value$split, 2),
start = _value$split2[0],
end = _value$split2[1];
propertyConverters.gridColumnStart(+start, style);
var _end$split = end.split(/ ?span /),
_end$split2 = _slicedToArray(_end$split, 2),
maybeSpan = _end$split2[0],
maybeNumber = _end$split2[1];
if (maybeSpan === '') {
propertyConverters.gridColumnEnd(+start + +maybeNumber, style);
} else {
propertyConverters.gridColumnEnd(+end, style);
}
} else {
propertyConverters.gridColumnStart(value, style);
}
},
gridColumnEnd: function gridColumnEnd(value, style) {
var msGridColumn = style.msGridColumn;
if (isSimplePositionValue(value) && isSimplePositionValue(msGridColumn)) {
style.msGridColumnSpan = value - msGridColumn;
}
},
gridColumnStart: function gridColumnStart(value, style) {
if (isSimplePositionValue(value)) {
style.msGridColumn = value;
}
},
gridRow: function gridRow(value, style) {
if (isSimplePositionValue(value)) {
style.msGridRow = value;
} else if (isComplexSpanValue(value)) {
var _value$split3 = value.split('/'),
_value$split4 = _slicedToArray(_value$split3, 2),
start = _value$split4[0],
end = _value$split4[1];
propertyConverters.gridRowStart(+start, style);
var _end$split3 = end.split(/ ?span /),
_end$split4 = _slicedToArray(_end$split3, 2),
maybeSpan = _end$split4[0],
maybeNumber = _end$split4[1];
if (maybeSpan === '') {
propertyConverters.gridRowEnd(+start + +maybeNumber, style);
} else {
propertyConverters.gridRowEnd(+end, style);
}
} else {
propertyConverters.gridRowStart(value, style);
}
},
gridRowEnd: function gridRowEnd(value, style) {
var msGridRow = style.msGridRow;
if (isSimplePositionValue(value) && isSimplePositionValue(msGridRow)) {
style.msGridRowSpan = value - msGridRow;
}
},
gridRowStart: function gridRowStart(value, style) {
if (isSimplePositionValue(value)) {
style.msGridRow = value;
}
},
gridTemplateColumns: function gridTemplateColumns(value, style) {
style.msGridColumns = value;
},
gridTemplateRows: function gridTemplateRows(value, style) {
style.msGridRows = value;
},
justifySelf: function justifySelf(value, style) {
if (alignmentValues.indexOf(value) > -1) {
style.msGridColumnAlign = value;
}
}
};
function grid(property, value, style) {
if (property === 'display' && value in displayValues) {
return displayValues[value];
}
if (property in propertyConverters) {
var propertyConverter = propertyConverters[property];
propertyConverter(value, style);
}
}
/***/ }),
/***/ 94323:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = imageSet;
var _isPrefixedValue = __webpack_require__(61340);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// http://caniuse.com/#feat=css-image-set
var prefixes = ['-webkit-', ''];
function imageSet(property, value) {
if (typeof value === 'string' && !(0, _isPrefixedValue2.default)(value) && value.indexOf('image-set(') > -1) {
return prefixes.map(function (prefix) {
return value.replace(/image-set\(/g, prefix + 'image-set(');
});
}
}
/***/ }),
/***/ 70846:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = logical;
var alternativeProps = {
marginBlockStart: ['WebkitMarginBefore'],
marginBlockEnd: ['WebkitMarginAfter'],
marginInlineStart: ['WebkitMarginStart', 'MozMarginStart'],
marginInlineEnd: ['WebkitMarginEnd', 'MozMarginEnd'],
paddingBlockStart: ['WebkitPaddingBefore'],
paddingBlockEnd: ['WebkitPaddingAfter'],
paddingInlineStart: ['WebkitPaddingStart', 'MozPaddingStart'],
paddingInlineEnd: ['WebkitPaddingEnd', 'MozPaddingEnd'],
borderBlockStart: ['WebkitBorderBefore'],
borderBlockStartColor: ['WebkitBorderBeforeColor'],
borderBlockStartStyle: ['WebkitBorderBeforeStyle'],
borderBlockStartWidth: ['WebkitBorderBeforeWidth'],
borderBlockEnd: ['WebkitBorderAfter'],
borderBlockEndColor: ['WebkitBorderAfterColor'],
borderBlockEndStyle: ['WebkitBorderAfterStyle'],
borderBlockEndWidth: ['WebkitBorderAfterWidth'],
borderInlineStart: ['WebkitBorderStart', 'MozBorderStart'],
borderInlineStartColor: ['WebkitBorderStartColor', 'MozBorderStartColor'],
borderInlineStartStyle: ['WebkitBorderStartStyle', 'MozBorderStartStyle'],
borderInlineStartWidth: ['WebkitBorderStartWidth', 'MozBorderStartWidth'],
borderInlineEnd: ['WebkitBorderEnd', 'MozBorderEnd'],
borderInlineEndColor: ['WebkitBorderEndColor', 'MozBorderEndColor'],
borderInlineEndStyle: ['WebkitBorderEndStyle', 'MozBorderEndStyle'],
borderInlineEndWidth: ['WebkitBorderEndWidth', 'MozBorderEndWidth']
};
function logical(property, value, style) {
if (Object.prototype.hasOwnProperty.call(alternativeProps, property)) {
var alternativePropList = alternativeProps[property];
for (var i = 0, len = alternativePropList.length; i < len; ++i) {
style[alternativePropList[i]] = value;
}
}
}
/***/ }),
/***/ 93125:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = position;
function position(property, value) {
if (property === 'position' && value === 'sticky') {
return ['-webkit-sticky', 'sticky'];
}
}
/***/ }),
/***/ 73035:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = sizing;
var prefixes = ['-webkit-', '-moz-', ''];
var properties = {
maxHeight: true,
maxWidth: true,
width: true,
height: true,
columnWidth: true,
minWidth: true,
minHeight: true
};
var values = {
'min-content': true,
'max-content': true,
'fill-available': true,
'fit-content': true,
'contain-floats': true
};
function sizing(property, value) {
if (properties.hasOwnProperty(property) && values.hasOwnProperty(value)) {
return prefixes.map(function (prefix) {
return prefix + value;
});
}
}
/***/ }),
/***/ 40030:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
});
exports.Z = transition;
var _hyphenateProperty = __webpack_require__(84701);
var _hyphenateProperty2 = _interopRequireDefault(_hyphenateProperty);
var _isPrefixedValue = __webpack_require__(61340);
var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
var _capitalizeString = __webpack_require__(19341);
var _capitalizeString2 = _interopRequireDefault(_capitalizeString);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var properties = {
transition: true,
transitionProperty: true,
WebkitTransition: true,
WebkitTransitionProperty: true,
MozTransition: true,
MozTransitionProperty: true
};
var prefixMapping = {
Webkit: '-webkit-',
Moz: '-moz-',
ms: '-ms-'
};
function prefixValue(value, propertyPrefixMap) {
if ((0, _isPrefixedValue2.default)(value)) {
return value;
}
// only split multi values, not cubic beziers
var multipleValues = value.split(/,(?![^()]*(?:\([^()]*\))?\))/g);
for (var i = 0, len = multipleValues.length; i < len; ++i) {
var singleValue = multipleValues[i];
var values = [singleValue];
for (var property in propertyPrefixMap) {
var dashCaseProperty = (0, _hyphenateProperty2.default)(property);
if (singleValue.indexOf(dashCaseProperty) > -1 && dashCaseProperty !== 'order') {
var prefixes = propertyPrefixMap[property];
for (var j = 0, pLen = prefixes.length; j < pLen; ++j) {
// join all prefixes and create a new value
values.unshift(singleValue.replace(dashCaseProperty, prefixMapping[prefixes[j]] + dashCaseProperty));
}
}
}
multipleValues[i] = values.join(',');
}
return multipleValues.join(',');
}
function transition(property, value, style, propertyPrefixMap) {
// also check for already prefixed transitions
if (typeof value === 'string' && properties.hasOwnProperty(property)) {
var outputValue = prefixValue(value, propertyPrefixMap);
// if the property is already prefixed
var webkitOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-moz-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Webkit') > -1) {
return webkitOutput;
}
var mozOutput = outputValue.split(/,(?![^()]*(?:\([^()]*\))?\))/g).filter(function (val) {
return !/-webkit-|-ms-/.test(val);
}).join(',');
if (property.indexOf('Moz') > -1) {
return mozOutput;
}
style['Webkit' + (0, _capitalizeString2.default)(property)] = webkitOutput;
style['Moz' + (0, _capitalizeString2.default)(property)] = mozOutput;
return outputValue;
}
}
/***/ }),
/***/ 65678:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = addNewValuesOnly;
function addIfNew(list, value) {
if (list.indexOf(value) === -1) {
list.push(value);
}
}
function addNewValuesOnly(list, values) {
if (Array.isArray(values)) {
for (var i = 0, len = values.length; i < len; ++i) {
addIfNew(list, values[i]);
}
} else {
addIfNew(list, values);
}
}
/***/ }),
/***/ 19341:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = capitalizeString;
function capitalizeString(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
/***/ }),
/***/ 7142:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = isObject;
function isObject(value) {
return value instanceof Object && !Array.isArray(value);
}
/***/ }),
/***/ 41830:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = prefixProperty;
var _capitalizeString = __webpack_require__(19341);
var _capitalizeString2 = _interopRequireDefault(_capitalizeString);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function prefixProperty(prefixProperties, property, style) {
if (prefixProperties.hasOwnProperty(property)) {
var newStyle = {};
var requiredPrefixes = prefixProperties[property];
var capitalizedProperty = (0, _capitalizeString2.default)(property);
var keys = Object.keys(style);
for (var i = 0; i < keys.length; i++) {
var styleProperty = keys[i];
if (styleProperty === property) {
for (var j = 0; j < requiredPrefixes.length; j++) {
newStyle[requiredPrefixes[j] + capitalizedProperty] = style[property];
}
}
newStyle[styleProperty] = style[styleProperty];
}
return newStyle;
}
return style;
}
/***/ }),
/***/ 52437:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = prefixValue;
function prefixValue(plugins, property, value, style, metaData) {
for (var i = 0, len = plugins.length; i < len; ++i) {
var processedValue = plugins[i](property, value, style, metaData);
// we can stop processing if a value is returned
// as all plugin criteria are unique
if (processedValue) {
return processedValue;
}
}
}
/***/ }),
/***/ 81277:
/***/ ((module) => {
/*
* Copyright (c) 2015-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*
*/
function normalizeColor(color) {
var match;
if (typeof color === 'number') {
if (color >>> 0 === color && color >= 0 && color <= 0xffffffff) {
return color;
}
return null;
}
// Ordered based on occurrences on Facebook codebase
if ((match = matchers.hex6.exec(color))) {
return parseInt(match[1] + 'ff', 16) >>> 0;
}
if (names.hasOwnProperty(color)) {
return names[color];
}
if ((match = matchers.rgb.exec(color))) {
return (
parse255(match[1]) << 24 | // r
parse255(match[2]) << 16 | // g
parse255(match[3]) << 8 | // b
0x000000ff // a
) >>> 0;
}
if ((match = matchers.rgba.exec(color))) {
return (
parse255(match[1]) << 24 | // r
parse255(match[2]) << 16 | // g
parse255(match[3]) << 8 | // b
parse1(match[4]) // a
) >>> 0;
}
if ((match = matchers.hex3.exec(color))) {
return parseInt(
match[1] + match[1] + // r
match[2] + match[2] + // g
match[3] + match[3] + // b
'ff', // a
16
) >>> 0;
}
// https://drafts.csswg.org/css-color-4/#hex-notation
if ((match = matchers.hex8.exec(color))) {
return parseInt(match[1], 16) >>> 0;
}
if ((match = matchers.hex4.exec(color))) {
return parseInt(
match[1] + match[1] + // r
match[2] + match[2] + // g
match[3] + match[3] + // b
match[4] + match[4], // a
16
) >>> 0;
}
if ((match = matchers.hsl.exec(color))) {
return (
hslToRgb(
parse360(match[1]), // h
parsePercentage(match[2]), // s
parsePercentage(match[3]) // l
) |
0x000000ff // a
) >>> 0;
}
if ((match = matchers.hsla.exec(color))) {
return (
hslToRgb(
parse360(match[1]), // h
parsePercentage(match[2]), // s
parsePercentage(match[3]) // l
) |
parse1(match[4]) // a
) >>> 0;
}
return null;
}
function hue2rgb(p, q, t) {
if (t < 0) {
t += 1;
}
if (t > 1) {
t -= 1;
}
if (t < 1 / 6) {
return p + (q - p) * 6 * t;
}
if (t < 1 / 2) {
return q;
}
if (t < 2 / 3) {
return p + (q - p) * (2 / 3 - t) * 6;
}
return p;
}
function hslToRgb(h, s, l) {
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
var r = hue2rgb(p, q, h + 1 / 3);
var g = hue2rgb(p, q, h);
var b = hue2rgb(p, q, h - 1 / 3);
return (
Math.round(r * 255) << 24 |
Math.round(g * 255) << 16 |
Math.round(b * 255) << 8
);
}
// var INTEGER = '[-+]?\\d+';
var NUMBER = '[-+]?\\d*\\.?\\d+';
var PERCENTAGE = NUMBER + '%';
function toArray(arrayLike) {
return Array.prototype.slice.call(arrayLike, 0);
}
function call() {
return '\\(\\s*(' + toArray(arguments).join(')\\s*,\\s*(') + ')\\s*\\)';
}
var matchers = {
rgb: new RegExp('rgb' + call(NUMBER, NUMBER, NUMBER)),
rgba: new RegExp('rgba' + call(NUMBER, NUMBER, NUMBER, NUMBER)),
hsl: new RegExp('hsl' + call(NUMBER, PERCENTAGE, PERCENTAGE)),
hsla: new RegExp('hsla' + call(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER)),
hex3: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex4: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex6: /^#([0-9a-fA-F]{6})$/,
hex8: /^#([0-9a-fA-F]{8})$/,
};
function parse255(str) {
var int = parseInt(str, 10);
if (int < 0) {
return 0;
}
if (int > 255) {
return 255;
}
return int;
}
function parse360(str) {
var int = parseFloat(str);
return (((int % 360) + 360) % 360) / 360;
}
function parse1(str) {
var num = parseFloat(str);
if (num < 0) {
return 0;
}
if (num > 1) {
return 255;
}
return Math.round(num * 255);
}
function parsePercentage(str) {
// parseFloat conveniently ignores the final %
var int = parseFloat(str, 10);
if (int < 0) {
return 0;
}
if (int > 100) {
return 1;
}
return int / 100;
}
var names = {
transparent: 0x00000000,
// http://www.w3.org/TR/css3-color/#svg-color
aliceblue: 0xf0f8ffff,
antiquewhite: 0xfaebd7ff,
aqua: 0x00ffffff,
aquamarine: 0x7fffd4ff,
azure: 0xf0ffffff,
beige: 0xf5f5dcff,
bisque: 0xffe4c4ff,
black: 0x000000ff,
blanchedalmond: 0xffebcdff,
blue: 0x0000ffff,
blueviolet: 0x8a2be2ff,
brown: 0xa52a2aff,
burlywood: 0xdeb887ff,
burntsienna: 0xea7e5dff,
cadetblue: 0x5f9ea0ff,
chartreuse: 0x7fff00ff,
chocolate: 0xd2691eff,
coral: 0xff7f50ff,
cornflowerblue: 0x6495edff,
cornsilk: 0xfff8dcff,
crimson: 0xdc143cff,
cyan: 0x00ffffff,
darkblue: 0x00008bff,
darkcyan: 0x008b8bff,
darkgoldenrod: 0xb8860bff,
darkgray: 0xa9a9a9ff,
darkgreen: 0x006400ff,
darkgrey: 0xa9a9a9ff,
darkkhaki: 0xbdb76bff,
darkmagenta: 0x8b008bff,
darkolivegreen: 0x556b2fff,
darkorange: 0xff8c00ff,
darkorchid: 0x9932ccff,
darkred: 0x8b0000ff,
darksalmon: 0xe9967aff,
darkseagreen: 0x8fbc8fff,
darkslateblue: 0x483d8bff,
darkslategray: 0x2f4f4fff,
darkslategrey: 0x2f4f4fff,
darkturquoise: 0x00ced1ff,
darkviolet: 0x9400d3ff,
deeppink: 0xff1493ff,
deepskyblue: 0x00bfffff,
dimgray: 0x696969ff,
dimgrey: 0x696969ff,
dodgerblue: 0x1e90ffff,
firebrick: 0xb22222ff,
floralwhite: 0xfffaf0ff,
forestgreen: 0x228b22ff,
fuchsia: 0xff00ffff,
gainsboro: 0xdcdcdcff,
ghostwhite: 0xf8f8ffff,
gold: 0xffd700ff,
goldenrod: 0xdaa520ff,
gray: 0x808080ff,
green: 0x008000ff,
greenyellow: 0xadff2fff,
grey: 0x808080ff,
honeydew: 0xf0fff0ff,
hotpink: 0xff69b4ff,
indianred: 0xcd5c5cff,
indigo: 0x4b0082ff,
ivory: 0xfffff0ff,
khaki: 0xf0e68cff,
lavender: 0xe6e6faff,
lavenderblush: 0xfff0f5ff,
lawngreen: 0x7cfc00ff,
lemonchiffon: 0xfffacdff,
lightblue: 0xadd8e6ff,
lightcoral: 0xf08080ff,
lightcyan: 0xe0ffffff,
lightgoldenrodyellow: 0xfafad2ff,
lightgray: 0xd3d3d3ff,
lightgreen: 0x90ee90ff,
lightgrey: 0xd3d3d3ff,
lightpink: 0xffb6c1ff,
lightsalmon: 0xffa07aff,
lightseagreen: 0x20b2aaff,
lightskyblue: 0x87cefaff,
lightslategray: 0x778899ff,
lightslategrey: 0x778899ff,
lightsteelblue: 0xb0c4deff,
lightyellow: 0xffffe0ff,
lime: 0x00ff00ff,
limegreen: 0x32cd32ff,
linen: 0xfaf0e6ff,
magenta: 0xff00ffff,
maroon: 0x800000ff,
mediumaquamarine: 0x66cdaaff,
mediumblue: 0x0000cdff,
mediumorchid: 0xba55d3ff,
mediumpurple: 0x9370dbff,
mediumseagreen: 0x3cb371ff,
mediumslateblue: 0x7b68eeff,
mediumspringgreen: 0x00fa9aff,
mediumturquoise: 0x48d1ccff,
mediumvioletred: 0xc71585ff,
midnightblue: 0x191970ff,
mintcream: 0xf5fffaff,
mistyrose: 0xffe4e1ff,
moccasin: 0xffe4b5ff,
navajowhite: 0xffdeadff,
navy: 0x000080ff,
oldlace: 0xfdf5e6ff,
olive: 0x808000ff,
olivedrab: 0x6b8e23ff,
orange: 0xffa500ff,
orangered: 0xff4500ff,
orchid: 0xda70d6ff,
palegoldenrod: 0xeee8aaff,
palegreen: 0x98fb98ff,
paleturquoise: 0xafeeeeff,
palevioletred: 0xdb7093ff,
papayawhip: 0xffefd5ff,
peachpuff: 0xffdab9ff,
peru: 0xcd853fff,
pink: 0xffc0cbff,
plum: 0xdda0ddff,
powderblue: 0xb0e0e6ff,
purple: 0x800080ff,
rebeccapurple: 0x663399ff,
red: 0xff0000ff,
rosybrown: 0xbc8f8fff,
royalblue: 0x4169e1ff,
saddlebrown: 0x8b4513ff,
salmon: 0xfa8072ff,
sandybrown: 0xf4a460ff,
seagreen: 0x2e8b57ff,
seashell: 0xfff5eeff,
sienna: 0xa0522dff,
silver: 0xc0c0c0ff,
skyblue: 0x87ceebff,
slateblue: 0x6a5acdff,
slategray: 0x708090ff,
slategrey: 0x708090ff,
snow: 0xfffafaff,
springgreen: 0x00ff7fff,
steelblue: 0x4682b4ff,
tan: 0xd2b48cff,
teal: 0x008080ff,
thistle: 0xd8bfd8ff,
tomato: 0xff6347ff,
turquoise: 0x40e0d0ff,
violet: 0xee82eeff,
wheat: 0xf5deb3ff,
white: 0xffffffff,
whitesmoke: 0xf5f5f5ff,
yellow: 0xffff00ff,
yellowgreen: 0x9acd32ff,
};
function rgba(colorInt) {
var r = Math.round(((colorInt & 0xff000000) >>> 24));
var g = Math.round(((colorInt & 0x00ff0000) >>> 16));
var b = Math.round(((colorInt & 0x0000ff00) >>> 8));
var a = ((colorInt & 0x000000ff) >>> 0) / 255;
return {
r: r,
g: g,
b: b,
a: a,
};
};
normalizeColor.rgba = rgba;
module.exports = normalizeColor;
/***/ }),
/***/ 5400:
/***/ ((module) => {
"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
/* eslint-disable no-unused-vars */
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
function toObject(val) {
if (val === null || val === undefined) {
throw new TypeError('Object.assign cannot be called with null or undefined');
}
return Object(val);
}
function shouldUseNative() {
try {
if (!Object.assign) {
return false;
}
// Detect buggy property enumeration order in older V8 versions.
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
test1[5] = 'de';
if (Object.getOwnPropertyNames(test1)[0] === '5') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test2 = {};
for (var i = 0; i < 10; i++) {
test2['_' + String.fromCharCode(i)] = i;
}
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
return test2[n];
});
if (order2.join('') !== '0123456789') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test3 = {};
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
test3[letter] = letter;
});
if (Object.keys(Object.assign({}, test3)).join('') !==
'abcdefghijklmnopqrst') {
return false;
}
return true;
} catch (err) {
// We don't expect any of the above to throw, but better to be safe.
return false;
}
}
module.exports = shouldUseNative() ? Object.assign : function (target, source) {
var from;
var to = toObject(target);
var symbols;
for (var s = 1; s < arguments.length; s++) {
from = Object(arguments[s]);
for (var key in from) {
if (hasOwnProperty.call(from, key)) {
to[key] = from[key];
}
}
if (getOwnPropertySymbols) {
symbols = getOwnPropertySymbols(from);
for (var i = 0; i < symbols.length; i++) {
if (propIsEnumerable.call(from, symbols[i])) {
to[symbols[i]] = from[symbols[i]];
}
}
}
}
return to;
};
/***/ }),
/***/ 38618:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/** @license React v17.0.2
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var l=__webpack_require__(3214),n=60103,p=60106;exports.Fragment=60107;exports.StrictMode=60108;exports.Profiler=60114;var q=60109,r=60110,t=60112;exports.Suspense=60113;var u=60115,v=60116;
if("function"===typeof Symbol&&Symbol.for){var w=Symbol.for;n=w("react.element");p=w("react.portal");exports.Fragment=w("react.fragment");exports.StrictMode=w("react.strict_mode");exports.Profiler=w("react.profiler");q=w("react.provider");r=w("react.context");t=w("react.forward_ref");exports.Suspense=w("react.suspense");u=w("react.memo");v=w("react.lazy")}var x="function"===typeof Symbol&&Symbol.iterator;
function y(a){if(null===a||"object"!==typeof a)return null;a=x&&a[x]||a["@@iterator"];return"function"===typeof a?a:null}function z(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
var A={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},B={};function C(a,b,c){this.props=a;this.context=b;this.refs=B;this.updater=c||A}C.prototype.isReactComponent={};C.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error(z(85));this.updater.enqueueSetState(this,a,b,"setState")};C.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};
function D(){}D.prototype=C.prototype;function E(a,b,c){this.props=a;this.context=b;this.refs=B;this.updater=c||A}var F=E.prototype=new D;F.constructor=E;l(F,C.prototype);F.isPureReactComponent=!0;var G={current:null},H=Object.prototype.hasOwnProperty,I={key:!0,ref:!0,__self:!0,__source:!0};
function J(a,b,c){var e,d={},k=null,h=null;if(null!=b)for(e in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=""+b.key),b)H.call(b,e)&&!I.hasOwnProperty(e)&&(d[e]=b[e]);var g=arguments.length-2;if(1===g)d.children=c;else if(1<g){for(var f=Array(g),m=0;m<g;m++)f[m]=arguments[m+2];d.children=f}if(a&&a.defaultProps)for(e in g=a.defaultProps,g)void 0===d[e]&&(d[e]=g[e]);return{$$typeof:n,type:a,key:k,ref:h,props:d,_owner:G.current}}
function K(a,b){return{$$typeof:n,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function L(a){return"object"===typeof a&&null!==a&&a.$$typeof===n}function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(a){return b[a]})}var M=/\/+/g;function N(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}
function O(a,b,c,e,d){var k=typeof a;if("undefined"===k||"boolean"===k)a=null;var h=!1;if(null===a)h=!0;else switch(k){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case n:case p:h=!0}}if(h)return h=a,d=d(h),a=""===e?"."+N(h,0):e,Array.isArray(d)?(c="",null!=a&&(c=a.replace(M,"$&/")+"/"),O(d,b,c,"",function(a){return a})):null!=d&&(L(d)&&(d=K(d,c+(!d.key||h&&h.key===d.key?"":(""+d.key).replace(M,"$&/")+"/")+a)),b.push(d)),1;h=0;e=""===e?".":e+":";if(Array.isArray(a))for(var g=
0;g<a.length;g++){k=a[g];var f=e+N(k,g);h+=O(k,b,c,f,d)}else if(f=y(a),"function"===typeof f)for(a=f.call(a),g=0;!(k=a.next()).done;)k=k.value,f=e+N(k,g++),h+=O(k,b,c,f,d);else if("object"===k)throw b=""+a,Error(z(31,"[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b));return h}function P(a,b,c){if(null==a)return a;var e=[],d=0;O(a,e,"","",function(a){return b.call(c,a,d++)});return e}
function Q(a){if(-1===a._status){var b=a._result;b=b();a._status=0;a._result=b;b.then(function(b){0===a._status&&(b=b.default,a._status=1,a._result=b)},function(b){0===a._status&&(a._status=2,a._result=b)})}if(1===a._status)return a._result;throw a._result;}var R={current:null};function S(){var a=R.current;if(null===a)throw Error(z(321));return a}var T={ReactCurrentDispatcher:R,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:G,IsSomeRendererActing:{current:!1},assign:l};
exports.Children={map:P,forEach:function(a,b,c){P(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;P(a,function(){b++});return b},toArray:function(a){return P(a,function(a){return a})||[]},only:function(a){if(!L(a))throw Error(z(143));return a}};exports.Component=C;exports.PureComponent=E;exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=T;
exports.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error(z(267,a));var e=l({},a.props),d=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=G.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var g=a.type.defaultProps;for(f in b)H.call(b,f)&&!I.hasOwnProperty(f)&&(e[f]=void 0===b[f]&&void 0!==g?g[f]:b[f])}var f=arguments.length-2;if(1===f)e.children=c;else if(1<f){g=Array(f);for(var m=0;m<f;m++)g[m]=arguments[m+2];e.children=g}return{$$typeof:n,type:a.type,
key:d,ref:k,props:e,_owner:h}};exports.createContext=function(a,b){void 0===b&&(b=null);a={$$typeof:r,_calculateChangedBits:b,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:q,_context:a};return a.Consumer=a};exports.createElement=J;exports.createFactory=function(a){var b=J.bind(null,a);b.type=a;return b};exports.createRef=function(){return{current:null}};exports.forwardRef=function(a){return{$$typeof:t,render:a}};exports.isValidElement=L;
exports.lazy=function(a){return{$$typeof:v,_payload:{_status:-1,_result:a},_init:Q}};exports.memo=function(a,b){return{$$typeof:u,type:a,compare:void 0===b?null:b}};exports.useCallback=function(a,b){return S().useCallback(a,b)};exports.useContext=function(a,b){return S().useContext(a,b)};exports.useDebugValue=function(){};exports.useEffect=function(a,b){return S().useEffect(a,b)};exports.useImperativeHandle=function(a,b,c){return S().useImperativeHandle(a,b,c)};
exports.useLayoutEffect=function(a,b){return S().useLayoutEffect(a,b)};exports.useMemo=function(a,b){return S().useMemo(a,b)};exports.useReducer=function(a,b,c){return S().useReducer(a,b,c)};exports.useRef=function(a){return S().useRef(a)};exports.useState=function(a){return S().useState(a)};exports.version="17.0.2";
/***/ }),
/***/ 49231:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
if (true) {
module.exports = __webpack_require__(38618);
} else {}
/***/ }),
/***/ 3214:
/***/ ((module) => {
"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
/* eslint-disable no-unused-vars */
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
function toObject(val) {
if (val === null || val === undefined) {
throw new TypeError('Object.assign cannot be called with null or undefined');
}
return Object(val);
}
function shouldUseNative() {
try {
if (!Object.assign) {
return false;
}
// Detect buggy property enumeration order in older V8 versions.
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
test1[5] = 'de';
if (Object.getOwnPropertyNames(test1)[0] === '5') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test2 = {};
for (var i = 0; i < 10; i++) {
test2['_' + String.fromCharCode(i)] = i;
}
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
return test2[n];
});
if (order2.join('') !== '0123456789') {
return false;
}
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test3 = {};
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
test3[letter] = letter;
});
if (Object.keys(Object.assign({}, test3)).join('') !==
'abcdefghijklmnopqrst') {
return false;
}
return true;
} catch (err) {
// We don't expect any of the above to throw, but better to be safe.
return false;
}
}
module.exports = shouldUseNative() ? Object.assign : function (target, source) {
var from;
var to = toObject(target);
var symbols;
for (var s = 1; s < arguments.length; s++) {
from = Object(arguments[s]);
for (var key in from) {
if (hasOwnProperty.call(from, key)) {
to[key] = from[key];
}
}
if (getOwnPropertySymbols) {
symbols = getOwnPropertySymbols(from);
for (var i = 0; i < symbols.length; i++) {
if (propIsEnumerable.call(from, symbols[i])) {
to[symbols[i]] = from[symbols[i]];
}
}
}
}
return to;
};
/***/ }),
/***/ 67830:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Accessibility.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Common wrapper for accessibility helper exposed from ReactXP.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var subscribableevent_1 = __webpack_require__(60329);
var RX = __webpack_require__(35066);
var Accessibility = /** @class */ (function (_super) {
__extends(Accessibility, _super);
function Accessibility() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.screenReaderChangedEvent = new subscribableevent_1.default();
_this.newAnnouncementReadyEvent = new subscribableevent_1.default();
return _this;
}
Accessibility.prototype.isHighContrastEnabled = function () {
return false;
};
Accessibility.prototype.announceForAccessibility = function (announcement) {
this.newAnnouncementReadyEvent.fire(announcement);
};
return Accessibility;
}(RX.Accessibility));
exports.Accessibility = Accessibility;
exports["default"] = Accessibility;
/***/ }),
/***/ 37163:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* AccessibilityUtil.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Common accessibility interface for platform-specific accessibility utilities.
*/
var _a;
Object.defineProperty(exports, "__esModule", ({ value: true }));
var Interfaces_1 = __webpack_require__(35066);
exports.ImportantForAccessibilityMap = (_a = {},
_a[Interfaces_1.Types.ImportantForAccessibility.Auto] = 'auto',
_a[Interfaces_1.Types.ImportantForAccessibility.Yes] = 'yes',
_a[Interfaces_1.Types.ImportantForAccessibility.No] = 'no',
_a[Interfaces_1.Types.ImportantForAccessibility.NoHideDescendants] = 'no-hide-descendants',
_a);
// Platform specific helpers exposed through Native-Common AccessibilityUtil.
var AccessibilityPlatformUtil = /** @class */ (function () {
function AccessibilityPlatformUtil() {
}
return AccessibilityPlatformUtil;
}());
exports.AccessibilityPlatformUtil = AccessibilityPlatformUtil;
var AccessibilityUtil = /** @class */ (function () {
function AccessibilityUtil() {
}
AccessibilityUtil.prototype.isHidden = function (importantForAccessibility) {
// aria-hidden is false by default, returning true or undefined, so that it doesn't pollute the DOM.
if (importantForAccessibility) {
var importantForAccessibilityString = this.importantForAccessibilityToString(importantForAccessibility);
if (importantForAccessibilityString === exports.ImportantForAccessibilityMap[Interfaces_1.Types.ImportantForAccessibility.NoHideDescendants]) {
return true;
}
}
return undefined;
};
AccessibilityUtil.prototype.importantForAccessibilityToString = function (importantForAccessibility, defaultImportantForAccessibility) {
importantForAccessibility = importantForAccessibility || defaultImportantForAccessibility;
if (importantForAccessibility && exports.ImportantForAccessibilityMap[importantForAccessibility]) {
return exports.ImportantForAccessibilityMap[importantForAccessibility];
}
return undefined;
};
return AccessibilityUtil;
}());
exports.AccessibilityUtil = AccessibilityUtil;
/***/ }),
/***/ 5449:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/**
* AppConfig.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* A simple class to store application config.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var AppConfig = /** @class */ (function () {
function AppConfig() {
this._isDebug = false;
this._isDevelopment = false;
}
AppConfig.prototype.setAppConfig = function (isDebug, isDevelopment) {
this._isDebug = isDebug;
this._isDevelopment = isDevelopment;
};
AppConfig.prototype.isDebugMode = function () {
return this._isDebug;
};
AppConfig.prototype.isDevelopmentMode = function () {
return this._isDevelopment;
};
return AppConfig;
}());
exports.AppConfig = AppConfig;
exports["default"] = new AppConfig();
/***/ }),
/***/ 66840:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/**
* https://github.com/gre/bezier-easing
* BezierEasing - use bezier curve for transition easing function
* by Gaëtan Renaudeau 2014 - 2015 – MIT License
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
// These values are established by empiricism with tests (tradeoff: performance VS precision)
var NEWTON_ITERATIONS = 4;
var NEWTON_MIN_SLOPE = 0.001;
var SUBDIVISION_PRECISION = 0.0000001;
var SUBDIVISION_MAX_ITERATIONS = 10;
var kSplineTableSize = 11;
var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
var float32ArraySupported = typeof Float32Array === 'function';
function A(aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
function B(aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
function C(aA1) { return 3.0 * aA1; }
// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
function calcBezier(aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; }
// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
function getSlope(aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); }
function binarySubdivide(aX, aA, aB, mX1, mX2) {
var currentX = 0;
var currentT = 0;
var i = 0;
do {
currentT = aA + (aB - aA) / 2.0;
currentX = calcBezier(currentT, mX1, mX2) - aX;
if (currentX > 0.0) {
aB = currentT;
}
else {
aA = currentT;
}
} while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
return currentT;
}
function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {
for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
var currentSlope = getSlope(aGuessT, mX1, mX2);
if (currentSlope === 0.0) {
return aGuessT;
}
var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
aGuessT -= currentX / currentSlope;
}
return aGuessT;
}
function bezier(mX1, mY1, mX2, mY2) {
if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { // eslint-disable-line yoda
throw new Error('bezier x values must be in [0, 1] range');
}
// Precompute samples table
var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
if (mX1 !== mY1 || mX2 !== mY2) {
for (var i = 0; i < kSplineTableSize; ++i) {
sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
}
}
function getTForX(aX) {
var intervalStart = 0.0;
var currentSample = 1;
var lastSample = kSplineTableSize - 1;
for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
intervalStart += kSampleStepSize;
}
--currentSample;
// Interpolate to provide an initial guess for t
var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
var guessForT = intervalStart + dist * kSampleStepSize;
var initialSlope = getSlope(guessForT, mX1, mX2);
if (initialSlope >= NEWTON_MIN_SLOPE) {
return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
}
else if (initialSlope === 0.0) {
return guessForT;
}
else {
return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
}
}
return function BezierEasing(x) {
if (mX1 === mY1 && mX2 === mY2) {
return x; // linear
}
// Because JavaScript number are imprecise, we should guarantee the extremes are right.
if (x === 0) {
return 0;
}
if (x === 1) {
return 1;
}
return calcBezier(getTForX(x), mY1, mY2);
};
}
exports.bezier = bezier;
/***/ }),
/***/ 92814:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* Easing.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Easing functions for animations.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
// tslint:disable: function-name
var Bezier = __webpack_require__(66840);
var Easing = /** @class */ (function () {
function Easing() {
}
Easing.prototype.CubicBezier = function (x1, y1, x2, y2) {
return {
cssName: 'cubic-bezier(' + x1.toString() + ', ' + y1.toString() + ', ' + x2.toString() + ', ' + y2.toString() + ')',
function: Bezier.bezier(x1, y1, x2, y2)
};
};
Easing.prototype.Default = function () {
var bezier = this.CubicBezier(0.42, 0, 1, 1);
return {
cssName: 'ease',
function: bezier.function
};
};
Easing.prototype.Linear = function () {
return {
cssName: 'linear',
function: function (input) { return input; }
};
};
Easing.prototype.Out = function () {
var bezier = this.CubicBezier(0, 0, 0.58, 1);
return {
cssName: 'ease-out',
function: bezier.function
};
};
Easing.prototype.In = function () {
var bezier = this.CubicBezier(0.42, 0, 1, 1);
return {
cssName: 'ease-in',
function: bezier.function
};
};
Easing.prototype.InOut = function () {
var bezier = this.CubicBezier(0.42, 0, 0.58, 1);
return {
cssName: 'ease-in-out',
function: bezier.function
};
};
Easing.prototype.OutBack = function () {
var bezier = this.CubicBezier(0.175, 0.885, 0.320, 1.275);
return {
cssName: bezier.cssName,
function: bezier.function
};
};
Easing.prototype.InBack = function () {
var bezier = this.CubicBezier(0.600, -0.280, 0.735, 0.045);
return {
cssName: bezier.cssName,
function: bezier.function
};
};
Easing.prototype.InOutBack = function () {
var bezier = this.CubicBezier(0.680, -0.550, 0.265, 1.550);
return {
cssName: bezier.cssName,
function: bezier.function
};
};
Easing.prototype.Steps = function (intervals, end) {
if (end === void 0) { end = true; }
return {
cssName: 'steps(' + intervals.toString() + ', ' + (end ? 'end' : 'start') + ')',
function: function (input) {
var interval = intervals * input;
if (end) {
interval = Math.floor(interval);
}
else {
interval = Math.ceil(interval);
}
return interval / intervals;
}
};
};
Easing.prototype.StepStart = function () {
var steps = this.Steps(1, false);
return {
cssName: 'steps(1, start)',
function: steps.function
};
};
Easing.prototype.StepEnd = function () {
var steps = this.Steps(1, true);
return {
cssName: 'steps(1, end)',
function: steps.function
};
};
return Easing;
}());
exports.Easing = Easing;
exports["default"] = new Easing();
/***/ }),
/***/ 15029:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* GestureView.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Cross-platform parts of the implementation of the GestureView component.
* It provides much of the standard work necessary to support combinations of
* pinch-and-zoom, panning, single tap and double tap gestures.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var assert_1 = __webpack_require__(27730);
var Interfaces_1 = __webpack_require__(35066);
var Timers_1 = __webpack_require__(16320);
var GestureType;
(function (GestureType) {
GestureType[GestureType["None"] = 0] = "None";
GestureType[GestureType["MultiTouch"] = 1] = "MultiTouch";
GestureType[GestureType["Pan"] = 2] = "Pan";
GestureType[GestureType["PanVertical"] = 3] = "PanVertical";
GestureType[GestureType["PanHorizontal"] = 4] = "PanHorizontal";
})(GestureType = exports.GestureType || (exports.GestureType = {}));
// These threshold values were chosen empirically.
var _pinchZoomPixelThreshold = 3;
var _panPixelThreshold = 10;
var _tapDurationThreshold = 500;
var _longPressDurationThreshold = 750;
var _tapPixelThreshold = 4;
var _doubleTapDurationThreshold = 250;
var _doubleTapPixelThreshold = 20;
var GestureView = /** @class */ (function (_super) {
__extends(GestureView, _super);
function GestureView() {
var _this = _super !== null && _super.apply(this, arguments) || this;
// State for tracking move gestures (pinch/zoom or pan)
_this._pendingGestureType = GestureType.None;
// Skip ability for next tap to work around some event issues
_this._shouldSkipNextTap = false;
// Protected only as a hack for supporting keyboard nav clicking from native-common/GestureView
_this._sendTapEvent = function (tapEvent) {
// we need to skip tap after succesfull pan event
// mouse up would otherwise trigger both pan & tap
if (_this._shouldSkipNextTap) {
_this._shouldSkipNextTap = false;
return;
}
var button = GestureView._toMouseButton(tapEvent);
if (button === 2) {
// Always handle secondary button, even if context menu is not set - it shouldn't trigger onTap.
if (_this.props.onContextMenu) {
_this.props.onContextMenu(tapEvent);
}
}
else if (_this.props.onTap) {
_this.props.onTap(tapEvent);
}
};
return _this;
}
GestureView.prototype.componentWillUnmount = function () {
// Dispose of timer before the component goes away.
this._cancelDoubleTapTimer();
};
// Returns true if we care about trapping/tracking the event
GestureView.prototype._onTouchSeriesStart = function (event) {
this._lastGestureStartEvent = event;
// If we're trying to detect a tap, set this as the responder immediately.
if (this.props.onTap || this.props.onDoubleTap || this.props.onLongPress || this.props.onContextMenu) {
if (this.props.onLongPress) {
var gsState = this._touchEventToTapGestureState(event);
this._startLongPressTimer(gsState);
}
return true;
}
return false;
};
// Returns true if we care about trapping/tracking the event
GestureView.prototype._onTouchChange = function (event, gestureState) {
if (!this._lastGestureStartEvent) {
this._lastGestureStartEvent = event;
}
// If this is the first movement we've seen, try to match it against
// the various move gestures that we're looking for.
var initializeFromEvent = false;
if (this._pendingGestureType === GestureType.None) {
this._pendingGestureType = this._detectMoveGesture(event, gestureState);
initializeFromEvent = true;
}
if (this._pendingGestureType === GestureType.MultiTouch) {
this._setPendingGestureState(this._sendMultiTouchEvents(event, gestureState, initializeFromEvent, false));
return true;
}
else if (this._pendingGestureType === GestureType.Pan ||
this._pendingGestureType === GestureType.PanVertical ||
this._pendingGestureType === GestureType.PanHorizontal) {
var spEvent = this._touchEventToTapGestureState(event);
this._setPendingGestureState(this._sendPanEvent(spEvent, gestureState, this._pendingGestureType, initializeFromEvent, false));
return true;
}
return false;
};
GestureView.prototype._onTouchSeriesFinished = function (touchEvent, gestureState) {
// Can't possibly be a long press if the touch ended.
this._cancelLongPressTimer();
// Close out any of the pending move gestures.
if (this._pendingGestureType === GestureType.MultiTouch) {
this._sendMultiTouchEvents(touchEvent, gestureState, false, true);
this._pendingGestureState = undefined;
this._pendingGestureType = GestureType.None;
}
else if (this._pendingGestureType === GestureType.Pan ||
this._pendingGestureType === GestureType.PanVertical ||
this._pendingGestureType === GestureType.PanHorizontal) {
var spEvent = this._touchEventToTapGestureState(touchEvent);
this._sendPanEvent(spEvent, gestureState, this._pendingGestureType, false, true);
this._pendingGestureState = undefined;
this._pendingGestureType = GestureType.None;
}
else if (this._isTap(touchEvent)) {
var tapGestureState = this._touchEventToTapGestureState(touchEvent);
if (!this.props.onDoubleTap) {
// If there is no double-tap handler, we can invoke the tap handler immediately.
this._sendTapEvent(tapGestureState);
}
else if (this._isDoubleTap(tapGestureState)) {
// This is a double-tap, so swallow the previous single tap.
this._cancelDoubleTapTimer();
this._sendDoubleTapEvent(tapGestureState);
}
else {
// This wasn't a double-tap. Report any previous single tap and start the double-tap
// timer so we can determine whether the current tap is a single or double.
this._reportDelayedTap();
this._startDoubleTapTimer(tapGestureState);
}
}
else {
this._reportDelayedTap();
this._cancelDoubleTapTimer();
}
};
GestureView.prototype._skipNextTap = function () {
this._shouldSkipNextTap = true;
};
GestureView.prototype._setPendingGestureState = function (gestureState) {
this._reportDelayedTap();
this._cancelDoubleTapTimer();
this._cancelLongPressTimer();
this._pendingGestureState = gestureState;
};
GestureView.prototype._detectMoveGesture = function (e, gestureState) {
if (this._shouldRespondToPinchZoom(e) || this._shouldRespondToRotate(e)) {
return GestureType.MultiTouch;
}
else if (this._shouldRespondToPan(gestureState)) {
return GestureType.Pan;
}
else if (this._shouldRespondToPanVertical(gestureState)) {
return GestureType.PanVertical;
}
else if (this._shouldRespondToPanHorizontal(gestureState)) {
return GestureType.PanHorizontal;
}
return GestureType.None;
};
// Determines whether a touch event constitutes a tap. The "finger up"
// event must be within a certain distance and within a certain time
// from where the "finger down" event occurred.
GestureView.prototype._isTap = function (e) {
if (!this._lastGestureStartEvent) {
return false;
}
var initialTimeStamp = this._getEventTimestamp(this._lastGestureStartEvent);
var initialPageX = this._lastGestureStartEvent.pageX;
var initialPageY = this._lastGestureStartEvent.pageY;
var timeStamp = this._getEventTimestamp(e);
return (timeStamp - initialTimeStamp <= _tapDurationThreshold &&
this._calcDistance(initialPageX - e.pageX, initialPageY - e.pageY) <= _tapPixelThreshold);
};
// This method assumes that the caller has already determined that two
// taps have been detected in a row with no intervening gestures. It
// is responsible for determining if they occurred within close proximity
// and within a certain threshold of time.
GestureView.prototype._isDoubleTap = function (e) {
if (!this._lastTapEvent) {
return false;
}
return (e.timeStamp - this._lastTapEvent.timeStamp <= _doubleTapDurationThreshold &&
this._calcDistance(this._lastTapEvent.pageX - e.pageX, this._lastTapEvent.pageY - e.pageY) <= _doubleTapPixelThreshold);
};
// Starts a timer that reports a previous tap if it's not canceled by a subsequent gesture.
GestureView.prototype._startDoubleTapTimer = function (e) {
var _this = this;
this._lastTapEvent = e;
this._doubleTapTimer = Timers_1.default.setTimeout(function () {
_this._reportDelayedTap();
_this._doubleTapTimer = undefined;
}, _doubleTapDurationThreshold);
};
// Cancels any pending double-tap timer.
GestureView.prototype._cancelDoubleTapTimer = function () {
if (this._doubleTapTimer) {
Timers_1.default.clearTimeout(this._doubleTapTimer);
this._doubleTapTimer = undefined;
}
};
GestureView.prototype._startLongPressTimer = function (gsState, isDefinitelyMouse) {
var _this = this;
if (isDefinitelyMouse === void 0) { isDefinitelyMouse = false; }
if (this._pendingLongPressEvent) {
return;
}
this._pendingLongPressEvent = gsState;
this._longPressTimer = Timers_1.default.setTimeout(function () {
_this._reportLongPress();
_this._longPressTimer = undefined;
}, _longPressDurationThreshold);
};
GestureView.prototype._reportLongPress = function () {
if (!this._pendingLongPressEvent) {
return;
}
if (this.props.onLongPress) {
this.props.onLongPress(this._pendingLongPressEvent);
}
this._pendingLongPressEvent = undefined;
};
GestureView.prototype._cancelLongPressTimer = function () {
if (this._longPressTimer) {
Timers_1.default.clearTimeout(this._longPressTimer);
this._longPressTimer = undefined;
}
this._pendingLongPressEvent = undefined;
};
// If there was a previous tap recorded but we haven't yet reported it because we were
// waiting for a potential second tap, report it now.
GestureView.prototype._reportDelayedTap = function () {
if (this._lastTapEvent && this.props.onTap) {
this._sendTapEvent(this._lastTapEvent);
this._lastTapEvent = undefined;
}
};
GestureView.prototype._clearLastTap = function () {
this._lastTapEvent = undefined;
};
GestureView._isActuallyMouseEvent = function (e) {
if (!e) {
return false;
}
var nativeEvent = e;
if (nativeEvent.button !== undefined) {
return true;
}
else if (nativeEvent.isRightButton || nativeEvent.IsRightButton) {
return true;
}
else if (nativeEvent.isMiddleButton || nativeEvent.IsMiddleButton) {
return true;
}
return false;
};
GestureView.prototype._shouldRespondToPinchZoom = function (e) {
if (!this.props.onPinchZoom) {
return false;
}
// Do we see two touches?
if (!e.touches || e.touches.length !== 2) {
return false;
}
// Has the user started to pinch or zoom?
if (this._calcDistance(e.touches[0].pageX - e.touches[1].pageX, e.touches[0].pageY - e.touches[1].pageY) >=
_pinchZoomPixelThreshold) {
return true;
}
return false;
};
GestureView.prototype._shouldRespondToRotate = function (e) {
if (!this.props.onRotate) {
return false;
}
// Do we see two touches?
if (!e.touches || e.touches.length !== 2) {
return false;
}
return true;
};
GestureView.prototype._shouldRespondToPan = function (gestureState) {
if (!this.props.onPan) {
return false;
}
// Has the user started to pan?
var panThreshold = (this.props.panPixelThreshold !== undefined && this.props.panPixelThreshold > 0) ?
this.props.panPixelThreshold : _panPixelThreshold;
return (this._calcDistance(gestureState.dx, gestureState.dy) >= panThreshold);
};
GestureView.prototype._shouldRespondToPanVertical = function (gestureState) {
if (!this.props.onPanVertical) {
return false;
}
// Has the user started to pan?
var panThreshold = (this.props.panPixelThreshold !== undefined && this.props.panPixelThreshold > 0) ?
this.props.panPixelThreshold : _panPixelThreshold;
var isPan = Math.abs(gestureState.dy) >= panThreshold;
if (isPan && this.props.preferredPan === Interfaces_1.Types.PreferredPanGesture.Horizontal) {
return Math.abs(gestureState.dy) > Math.abs(gestureState.dx * this._getPreferredPanRatio());
}
return isPan;
};
GestureView.prototype._shouldRespondToPanHorizontal = function (gestureState) {
if (!this.props.onPanHorizontal) {
return false;
}
// Has the user started to pan?
var panThreshold = (this.props.panPixelThreshold !== undefined && this.props.panPixelThreshold > 0) ?
this.props.panPixelThreshold : _panPixelThreshold;
var isPan = Math.abs(gestureState.dx) >= panThreshold;
if (isPan && this.props.preferredPan === Interfaces_1.Types.PreferredPanGesture.Vertical) {
return Math.abs(gestureState.dx) > Math.abs(gestureState.dy * this._getPreferredPanRatio());
}
return isPan;
};
GestureView.prototype._calcDistance = function (dx, dy) {
return Math.sqrt(dx * dx + dy * dy);
};
GestureView.prototype._calcAngle = function (touches) {
var a = touches[0];
var b = touches[1];
var degrees = this._radiansToDegrees(Math.atan2(b.pageY - a.pageY, b.pageX - a.pageX));
if (degrees < 0) {
degrees += 360;
}
return degrees;
};
GestureView.prototype._radiansToDegrees = function (rad) {
return rad * 180 / Math.PI;
};
GestureView.prototype._sendMultiTouchEvents = function (e, gestureState, initializeFromEvent, isComplete) {
var p = this._pendingGestureState;
var multiTouchEvent;
// If the user lifted up one or both fingers, the multitouch gesture
// is halted. Just return the existing gesture state.
if (!e.touches || e.touches.length !== 2) {
multiTouchEvent = p;
p.isComplete = isComplete;
}
else {
var centerPageX = (e.touches[0].pageX + e.touches[1].pageX) / 2;
var centerPageY = (e.touches[0].pageY + e.touches[1].pageY) / 2;
var centerClientX = (e.touches[0].locationX + e.touches[1].locationX) / 2;
var centerClientY = (e.touches[0].locationY + e.touches[1].locationY) / 2;
var width = Math.abs(e.touches[0].pageX - e.touches[1].pageX);
var height = Math.abs(e.touches[0].pageY - e.touches[1].pageY);
var distance = this._calcDistance(width, height);
var angle = this._calcAngle(e.touches);
var initialCenterPageX = initializeFromEvent ? centerPageX : p.initialCenterPageX;
var initialCenterPageY = initializeFromEvent ? centerPageY : p.initialCenterPageY;
var initialCenterClientX = initializeFromEvent ? centerClientX : p.initialCenterClientX;
var initialCenterClientY = initializeFromEvent ? centerClientY : p.initialCenterClientY;
var initialWidth = initializeFromEvent ? width : p.initialWidth;
var initialHeight = initializeFromEvent ? height : p.initialHeight;
var initialDistance = initializeFromEvent ? distance : p.initialDistance;
var initialAngle = initializeFromEvent ? angle : p.initialAngle;
var velocityX = initializeFromEvent ? 0 : gestureState.vx;
var velocityY = initializeFromEvent ? 0 : gestureState.vy;
multiTouchEvent = {
initialCenterPageX: initialCenterPageX,
initialCenterPageY: initialCenterPageY,
initialCenterClientX: initialCenterClientX,
initialCenterClientY: initialCenterClientY,
initialWidth: initialWidth,
initialHeight: initialHeight,
initialDistance: initialDistance,
initialAngle: initialAngle,
centerPageX: centerPageX,
centerPageY: centerPageY,
centerClientX: centerClientX,
centerClientY: centerClientY,
velocityX: velocityX,
velocityY: velocityY,
width: width,
height: height,
distance: distance,
angle: angle,
isComplete: isComplete,
timeStamp: e.timeStamp,
isTouch: !GestureView._isActuallyMouseEvent(e)
};
}
if (this.props.onPinchZoom) {
this.props.onPinchZoom(multiTouchEvent);
}
if (this.props.onRotate) {
this.props.onRotate(multiTouchEvent);
}
return multiTouchEvent;
};
GestureView.prototype._touchEventToTapGestureState = function (e) {
var pageX = e.pageX;
var pageY = e.pageY;
var clientX = e.locationX;
var clientY = e.locationY;
// Grab the first touch. If the user adds additional touch events,
// we will ignore them. If we use e.pageX/Y, we will be using the average
// of the touches, so we'll see a discontinuity.
if (e.touches && e.touches.length > 0) {
pageX = e.touches[0].pageX;
pageY = e.touches[0].pageY;
clientX = e.touches[0].locationX;
clientY = e.touches[0].locationY;
}
return {
timeStamp: this._getEventTimestamp(e),
clientX: clientX,
clientY: clientY,
pageX: pageX,
pageY: pageY,
isTouch: !GestureView._isActuallyMouseEvent(e)
};
};
GestureView.prototype._mouseEventToTapGestureState = function (e) {
var xyOffset = this._getClientXYOffset();
return {
timeStamp: this._getEventTimestamp(e),
clientX: e.clientX - xyOffset.x,
clientY: e.clientY - xyOffset.y,
pageX: e.pageX || 0,
pageY: e.pageY || 0,
isTouch: false
};
};
GestureView.prototype._getClientXYOffset = function () {
return { x: 0, y: 0 };
};
GestureView.prototype._sendPanEvent = function (e, gestureState, gestureType, initializeFromEvent, isComplete) {
var state = this._pendingGestureState;
assert_1.default(this._lastGestureStartEvent, 'Gesture start event must not be null.');
var initialPageX = this._lastGestureStartEvent
? this._lastGestureStartEvent.pageX
: initializeFromEvent ? e.pageX : state.initialPageX;
var initialPageY = this._lastGestureStartEvent
? this._lastGestureStartEvent.pageY
: initializeFromEvent ? e.pageY : state.initialPageY;
var initialClientX = this._lastGestureStartEvent
? this._lastGestureStartEvent.locationX
: initializeFromEvent ? e.clientX : state.initialClientX;
var initialClientY = this._lastGestureStartEvent
? this._lastGestureStartEvent.locationY
: initializeFromEvent ? e.clientY : state.initialClientY;
var velocityX = initializeFromEvent ? 0 : gestureState.vx;
var velocityY = initializeFromEvent ? 0 : gestureState.vy;
var panEvent = {
initialPageX: initialPageX,
initialPageY: initialPageY,
initialClientX: initialClientX,
initialClientY: initialClientY,
pageX: e.pageX,
pageY: e.pageY,
clientX: e.clientX,
clientY: e.clientY,
velocityX: velocityX,
velocityY: velocityY,
isComplete: isComplete,
timeStamp: e.timeStamp,
isTouch: !GestureView._isActuallyMouseEvent(this._lastGestureStartEvent)
};
switch (gestureType) {
case GestureType.Pan:
if (this.props.onPan) {
this.props.onPan(panEvent);
}
break;
case GestureType.PanVertical:
if (this.props.onPanVertical) {
this.props.onPanVertical(panEvent);
}
break;
case GestureType.PanHorizontal:
if (this.props.onPanHorizontal) {
this.props.onPanHorizontal(panEvent);
}
break;
default:
// do nothing;
}
return panEvent;
};
GestureView._toMouseButton = function (nativeEvent) {
if (nativeEvent.button !== undefined) {
return nativeEvent.button;
}
else if (nativeEvent.isRightButton || nativeEvent.IsRightButton) {
return 2;
}
else if (nativeEvent.isMiddleButton || nativeEvent.IsMiddleButton) {
return 1;
}
return 0;
};
GestureView.prototype._sendDoubleTapEvent = function (e) {
// If user did a double click with different mouse buttons, eg. left (50ms) right
// both clicks need to be registered as separate events.
var lastButton = GestureView._toMouseButton(this._lastTapEvent);
var button = GestureView._toMouseButton(e);
if (lastButton !== button || button === 2) {
this._sendTapEvent(this._lastTapEvent);
return;
}
if (this.props.onDoubleTap) {
this.props.onDoubleTap(e);
}
this._lastTapEvent = undefined;
};
return GestureView;
}(React.Component));
exports.GestureView = GestureView;
exports["default"] = GestureView;
/***/ }),
/***/ 74182:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/**
* Image.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Constants for images.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.DEFAULT_RESIZE_MODE = 'contain';
/***/ }),
/***/ 35066:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Interfaces.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Defines the template for the ReactXP interface that needs to be
* implemented for each platform.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var subscribableevent_1 = __webpack_require__(60329);
var AppConfig_1 = __webpack_require__(5449);
var Types = __webpack_require__(24373);
exports.Types = Types;
var ActivityIndicator = /** @class */ (function (_super) {
__extends(ActivityIndicator, _super);
function ActivityIndicator() {
return _super !== null && _super.apply(this, arguments) || this;
}
return ActivityIndicator;
}(React.Component));
exports.ActivityIndicator = ActivityIndicator;
var Alert = /** @class */ (function () {
function Alert() {
}
return Alert;
}());
exports.Alert = Alert;
var AnimatedComponent = /** @class */ (function (_super) {
__extends(AnimatedComponent, _super);
function AnimatedComponent() {
return _super !== null && _super.apply(this, arguments) || this;
}
return AnimatedComponent;
}(React.Component));
exports.AnimatedComponent = AnimatedComponent;
var AnimatedImage = /** @class */ (function (_super) {
__extends(AnimatedImage, _super);
function AnimatedImage() {
return _super !== null && _super.apply(this, arguments) || this;
}
return AnimatedImage;
}(AnimatedComponent));
exports.AnimatedImage = AnimatedImage;
var AnimatedText = /** @class */ (function (_super) {
__extends(AnimatedText, _super);
function AnimatedText() {
return _super !== null && _super.apply(this, arguments) || this;
}
return AnimatedText;
}(AnimatedComponent));
exports.AnimatedText = AnimatedText;
var AnimatedTextInput = /** @class */ (function (_super) {
__extends(AnimatedTextInput, _super);
function AnimatedTextInput() {
return _super !== null && _super.apply(this, arguments) || this;
}
return AnimatedTextInput;
}(AnimatedComponent));
exports.AnimatedTextInput = AnimatedTextInput;
var AnimatedView = /** @class */ (function (_super) {
__extends(AnimatedView, _super);
function AnimatedView() {
return _super !== null && _super.apply(this, arguments) || this;
}
return AnimatedView;
}(AnimatedComponent));
exports.AnimatedView = AnimatedView;
var App = /** @class */ (function () {
function App() {
this.supportsExperimentalKeyboardNavigation = false;
this.activationStateChangedEvent = new subscribableevent_1.default();
// Memory Warnings
this.memoryWarningEvent = new subscribableevent_1.default();
}
// Initialization
App.prototype.initialize = function (debug, development) {
AppConfig_1.default.setAppConfig(debug, development);
};
return App;
}());
exports.App = App;
var UserInterface = /** @class */ (function () {
function UserInterface() {
this.contentSizeMultiplierChangedEvent = new subscribableevent_1.default();
this.touchLatencyEvent = new subscribableevent_1.default();
this.keyboardNavigationEvent = new subscribableevent_1.default();
}
return UserInterface;
}());
exports.UserInterface = UserInterface;
var Modal = /** @class */ (function () {
function Modal() {
}
return Modal;
}());
exports.Modal = Modal;
var Popup = /** @class */ (function () {
function Popup() {
}
return Popup;
}());
exports.Popup = Popup;
var Linking = /** @class */ (function () {
function Linking() {
this.deepLinkRequestEvent = new subscribableevent_1.default();
}
return Linking;
}());
exports.Linking = Linking;
var Accessibility = /** @class */ (function () {
function Accessibility() {
this.screenReaderChangedEvent = new subscribableevent_1.default();
this.highContrastChangedEvent = new subscribableevent_1.default();
}
return Accessibility;
}());
exports.Accessibility = Accessibility;
var Button = /** @class */ (function (_super) {
__extends(Button, _super);
function Button() {
return _super !== null && _super.apply(this, arguments) || this;
}
return Button;
}(React.Component));
exports.Button = Button;
var Picker = /** @class */ (function (_super) {
__extends(Picker, _super);
function Picker() {
return _super !== null && _super.apply(this, arguments) || this;
}
return Picker;
}(React.Component));
exports.Picker = Picker;
var Component = /** @class */ (function (_super) {
__extends(Component, _super);
function Component() {
return _super !== null && _super.apply(this, arguments) || this;
}
return Component;
}(React.Component));
exports.Component = Component;
var Image = /** @class */ (function (_super) {
__extends(Image, _super);
function Image() {
return _super !== null && _super.apply(this, arguments) || this;
}
return Image;
}(React.Component));
exports.Image = Image;
var Clipboard = /** @class */ (function () {
function Clipboard() {
}
return Clipboard;
}());
exports.Clipboard = Clipboard;
var Link = /** @class */ (function (_super) {
__extends(Link, _super);
function Link() {
return _super !== null && _super.apply(this, arguments) || this;
}
return Link;
}(React.Component));
exports.Link = Link;
var Storage = /** @class */ (function () {
function Storage() {
}
return Storage;
}());
exports.Storage = Storage;
var Location = /** @class */ (function () {
function Location() {
}
return Location;
}());
exports.Location = Location;
var Platform = /** @class */ (function () {
function Platform() {
}
return Platform;
}());
exports.Platform = Platform;
var Input = /** @class */ (function () {
function Input() {
this.backButtonEvent = new subscribableevent_1.default(true);
this.keyDownEvent = new subscribableevent_1.default(true);
this.keyUpEvent = new subscribableevent_1.default(true);
}
return Input;
}());
exports.Input = Input;
var StatusBar = /** @class */ (function () {
function StatusBar() {
}
return StatusBar;
}());
exports.StatusBar = StatusBar;
var Styles = /** @class */ (function () {
function Styles() {
}
return Styles;
}());
exports.Styles = Styles;
var Text = /** @class */ (function (_super) {
__extends(Text, _super);
function Text() {
return _super !== null && _super.apply(this, arguments) || this;
}
return Text;
}(React.Component));
exports.Text = Text;
var TextInput = /** @class */ (function (_super) {
__extends(TextInput, _super);
function TextInput() {
return _super !== null && _super.apply(this, arguments) || this;
}
return TextInput;
}(React.Component));
exports.TextInput = TextInput;
var UserPresence = /** @class */ (function () {
function UserPresence() {
this.userPresenceChangedEvent = new subscribableevent_1.default();
}
return UserPresence;
}());
exports.UserPresence = UserPresence;
var ViewBase = /** @class */ (function (_super) {
__extends(ViewBase, _super);
function ViewBase() {
return _super !== null && _super.apply(this, arguments) || this;
}
return ViewBase;
}(React.Component));
exports.ViewBase = ViewBase;
var View = /** @class */ (function (_super) {
__extends(View, _super);
function View() {
return _super !== null && _super.apply(this, arguments) || this;
}
return View;
}(ViewBase));
exports.View = View;
var GestureView = /** @class */ (function (_super) {
__extends(GestureView, _super);
function GestureView() {
return _super !== null && _super.apply(this, arguments) || this;
}
return GestureView;
}(ViewBase));
exports.GestureView = GestureView;
/***/ }),
/***/ 93632:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Linking.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Common implementation for deep linking.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var RX = __webpack_require__(35066);
var lodashMini_1 = __webpack_require__(44205);
// Collection of Regex that help validate an email.
// The name can be any of these characters.
var emailNameRegex = /^[a-z0-9!#$%&'*+\/=?^_`{|}~.@-]+$/i;
// However, the name cannot contain '..', or start/end with '.'.
var emailNameConstraintViolationRegex = /\.\.|^\.|\.$/i;
// The host is limited to these characters.
var emailHostRegex = /^[a-z0-9.-]+$/i;
// However, the host cannot contain '..', start/end with '.', or have any (sub)domain start/end with '-'.
var emailHostConstraintViolationRegex = /\.\.|^[.-]|[.-]$|\.-|-\./i;
var Linking = /** @class */ (function (_super) {
__extends(Linking, _super);
function Linking() {
return _super !== null && _super.apply(this, arguments) || this;
}
// Launches SMS app
Linking.prototype.launchSms = function (phoneInfo) {
// Format phone info
var phoneUrl = this._createSmsUrl(phoneInfo);
return this._openUrl(phoneUrl);
};
// Opens url
Linking.prototype.openUrl = function (url) {
return this._openUrl(url);
};
// Escaped Email uri - mailto:[emailAddress]?subject=<emailSubject>&body=<emailBody>
Linking.prototype._createEmailUrl = function (emailInfo) {
var emailUrl = 'mailto:';
var validEmails;
if (emailInfo.to && emailInfo.to.length > 0) {
validEmails = this._filterValidEmails(emailInfo.to);
emailUrl += validEmails.join(',');
}
emailUrl += '?';
if (emailInfo.cc && emailInfo.cc.length > 0) {
validEmails = this._filterValidEmails(emailInfo.cc);
emailUrl += 'cc=' + validEmails.join(',') + '&';
}
if (emailInfo.bcc && emailInfo.bcc.length > 0) {
validEmails = this._filterValidEmails(emailInfo.bcc);
emailUrl += 'bcc=' + validEmails.join(',') + '&';
}
if (emailInfo.subject) {
emailUrl += 'subject=' + encodeURIComponent(emailInfo.subject) + '&';
}
if (emailInfo.body) {
emailUrl += 'body=' + encodeURIComponent(emailInfo.body);
}
return emailUrl;
};
// Escaped SMS uri - sms:<phoneNumber>?body=<messageString>
Linking.prototype._createSmsUrl = function (smsInfo) {
var smsUrl = 'sms:';
if (smsInfo.phoneNumber) {
smsUrl += encodeURI(smsInfo.phoneNumber);
}
if (smsInfo.body) {
smsUrl += '?body=' + encodeURIComponent(smsInfo.body);
}
return smsUrl;
};
Linking.prototype._isEmailValid = function (email) {
// Emails have a max length of 254, and the smallest email looks like 'a@io' (with length 4).
if (!email || email.length > 254 || email.length < 4) {
return false;
}
// Note: using 'last' since '@' is valid in the name (but not the host, otherwise it would be impossible to parse).
var lastAtIndex = email.lastIndexOf('@');
// Email must have an '@', and there must be characters on each side of the '@'.
// Note: the host must have at least two characters.
if (lastAtIndex === -1 || lastAtIndex === 0 || lastAtIndex >= email.length - 2) {
return false;
}
var name = email.substring(0, lastAtIndex);
var host = email.substring(lastAtIndex + 1);
return !emailNameConstraintViolationRegex.test(name)
&& !emailHostConstraintViolationRegex.test(host)
&& emailNameRegex.test(name)
&& emailHostRegex.test(host);
};
Linking.prototype._filterValidEmails = function (emails) {
var _this = this;
return lodashMini_1.filter(emails, function (e) { return _this._isEmailValid(e); });
};
return Linking;
}(RX.Linking));
exports.Linking = Linking;
/***/ }),
/***/ 75713:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Location.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Methods to fetch the user's location.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var RX = __webpack_require__(35066);
var PromiseDefer_1 = __webpack_require__(43184);
var Location = /** @class */ (function (_super) {
__extends(Location, _super);
function Location() {
return _super !== null && _super.apply(this, arguments) || this;
}
Location.prototype.setConfiguration = function (config) {
if (this.isAvailable()) {
// Work around the fact "geolocation" type definition in ES6 lib
// doesn't declare the RN-specific setRNConfiguration setter.
var configSetter = navigator.geolocation.setRNConfiguration;
if (configSetter) {
configSetter(config);
}
}
};
// Check if a geolocation service is available.
Location.prototype.isAvailable = function () {
return !!('geolocation' in navigator);
};
// Get the current location of the user. This method returns a promise that either
// resolves to the position or rejects with an error code.
Location.prototype.getCurrentPosition = function (options) {
if (!this.isAvailable()) {
var error = {
code: RX.Types.LocationErrorType.PositionUnavailable,
message: 'Position unavailable because device does not support it.',
PERMISSION_DENIED: 0,
POSITION_UNAVAILABLE: 1,
TIMEOUT: 0
};
return Promise.reject(error);
}
var deferred = new PromiseDefer_1.Defer();
var reportedError = false;
navigator.geolocation.getCurrentPosition(function (position) {
deferred.resolve(position);
}, function (error) {
// We need to protect against a known bug on some platforms where
// a timeout error is reported after other types of errors (e.g.
// the user hasn't granted access).
if (!reportedError) {
deferred.reject(error);
reportedError = true;
}
}, options);
return deferred.promise();
};
// Get the current location of the user on a repeating basis. This method returns
// a promise that resolves to a watcher id or rejects with an error code. If resolved,
// future locations and errors will be piped through the provided callbacks.
Location.prototype.watchPosition = function (successCallback, errorCallback, options) {
if (!this.isAvailable()) {
return Promise.reject(RX.Types.LocationErrorType.PositionUnavailable);
}
var watchId = navigator.geolocation.watchPosition(function (position) {
successCallback(position);
}, function (error) {
if (errorCallback) {
errorCallback(error.code);
}
}, options);
return Promise.resolve(watchId);
};
// Clears a location watcher from watchPosition.
Location.prototype.clearWatch = function (watchID) {
navigator.geolocation.clearWatch(watchID);
};
return Location;
}(RX.Location));
exports.Location = Location;
exports["default"] = new Location();
/***/ }),
/***/ 39429:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* PopupContainerViewBase.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Common parent of all components rendered into a popup. Calls onShow and onHide
* callbacks when the popup is hidden (i.e. "closed" but still rendered as hidden)
* and re-shown. Abstract class to be overriden per platform.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var PropTypes = __webpack_require__(18722);
var React = __webpack_require__(49231);
// Width of the "alley" around popups so they don't get too close to the boundary of the screen boundary.
var ALLEY_WIDTH = 2;
// How close to the edge of the popup should we allow the anchor offset to get before
// attempting a different position?
var MIN_ANCHOR_OFFSET = 16;
// Undefined response means to dismiss the popup
function recalcPositionFromLayoutData(windowDims, anchorRect, popupRect, positionPriorities, useInnerPositioning) {
// If the anchor has disappeared, dismiss the popup.
if (!(anchorRect.width > 0 && anchorRect.height > 0)) {
return undefined;
}
// If the anchor is no longer in the window's bounds, cancel the popup.
if (anchorRect.left >= windowDims.width || anchorRect.right <= 0 ||
anchorRect.bottom <= 0 || anchorRect.top >= windowDims.height) {
return undefined;
}
var positionsToTry = positionPriorities;
if (!positionsToTry || positionsToTry.length === 0) {
positionsToTry = ['bottom', 'right', 'top', 'left'];
}
if (positionsToTry.length === 1 && positionsToTry[0] === 'context') {
// Context only works with exact matches, so fall back to walking around the compass if it doesn't fit exactly.
positionsToTry.push('bottom', 'right', 'top', 'left');
}
if (useInnerPositioning) {
// If the popup is meant to be shown inside the anchor we need to recalculate
// the position differently.
return recalcInnerPosition(anchorRect, positionsToTry[0], popupRect.width, popupRect.height);
}
// Start by assuming that we'll be unconstrained.
var result = {
popupX: 0,
popupY: 0,
anchorOffset: 0,
anchorPosition: 'top',
constrainedPopupWidth: popupRect.width,
constrainedPopupHeight: popupRect.height
};
var foundPerfectFit = false;
var foundPartialFit = false;
positionsToTry.forEach(function (pos) {
if (!foundPerfectFit) {
var absX = 0;
var absY = 0;
var anchorOffset = 0;
var constrainedWidth = 0;
var constrainedHeight = 0;
switch (pos) {
case 'bottom':
absY = anchorRect.bottom;
absX = anchorRect.left + (anchorRect.width - popupRect.width) / 2;
anchorOffset = popupRect.width / 2;
if (popupRect.height <= windowDims.height - ALLEY_WIDTH - anchorRect.bottom) {
foundPerfectFit = true;
}
else if (!foundPartialFit) {
constrainedHeight = windowDims.height - ALLEY_WIDTH - anchorRect.bottom;
}
break;
case 'top':
absY = anchorRect.top - popupRect.height;
absX = anchorRect.left + (anchorRect.width - popupRect.width) / 2;
anchorOffset = popupRect.width / 2;
if (popupRect.height <= anchorRect.top - ALLEY_WIDTH) {
foundPerfectFit = true;
}
else if (!foundPartialFit) {
constrainedHeight = anchorRect.top - ALLEY_WIDTH;
}
break;
case 'right':
absX = anchorRect.right;
absY = anchorRect.top + (anchorRect.height - popupRect.height) / 2;
anchorOffset = popupRect.height / 2;
if (popupRect.width <= windowDims.width - ALLEY_WIDTH - anchorRect.right) {
foundPerfectFit = true;
}
else if (!foundPartialFit) {
constrainedWidth = windowDims.width - ALLEY_WIDTH - anchorRect.right;
}
break;
case 'left':
absX = anchorRect.left - popupRect.width;
absY = anchorRect.top + (anchorRect.height - popupRect.height) / 2;
anchorOffset = popupRect.height / 2;
if (popupRect.width <= anchorRect.left - ALLEY_WIDTH) {
foundPerfectFit = true;
}
else if (!foundPartialFit) {
constrainedWidth = anchorRect.left - ALLEY_WIDTH;
}
break;
case 'context':
// Search for perfect fits on the LR, LL, TR, and TL corners.
var fitsAbove = anchorRect.top - popupRect.height >= ALLEY_WIDTH;
var fitsBelow = anchorRect.top + anchorRect.height + popupRect.height <= windowDims.height - ALLEY_WIDTH;
var fitsLeft = anchorRect.left - popupRect.width >= ALLEY_WIDTH;
var fitsRight = anchorRect.left + anchorRect.width + popupRect.width <= windowDims.width - ALLEY_WIDTH;
if (fitsBelow && fitsRight) {
foundPerfectFit = true;
absX = anchorRect.left + anchorRect.width;
absY = anchorRect.top + anchorRect.height;
}
else if (fitsBelow && fitsLeft) {
foundPerfectFit = true;
absX = anchorRect.left - popupRect.width;
absY = anchorRect.top + anchorRect.height;
}
else if (fitsAbove && fitsRight) {
foundPerfectFit = true;
absX = anchorRect.left + anchorRect.width;
absY = anchorRect.top - popupRect.height;
}
else if (fitsAbove && fitsLeft) {
foundPerfectFit = true;
absX = anchorRect.left - popupRect.width;
absY = anchorRect.top - popupRect.height;
}
break;
}
var effectiveWidth = constrainedWidth || popupRect.width;
var effectiveHeight = constrainedHeight || popupRect.height;
// Make sure we're not hanging off the bounds of the window.
if (absX < ALLEY_WIDTH) {
if (pos === 'top' || pos === 'bottom') {
anchorOffset -= ALLEY_WIDTH - absX;
if (anchorOffset < MIN_ANCHOR_OFFSET || anchorOffset > effectiveWidth - MIN_ANCHOR_OFFSET) {
foundPerfectFit = false;
}
}
absX = ALLEY_WIDTH;
}
else if (absX > windowDims.width - ALLEY_WIDTH - effectiveWidth) {
if (pos === 'top' || pos === 'bottom') {
anchorOffset -= (windowDims.width - ALLEY_WIDTH - effectiveWidth - absX);
if (anchorOffset < MIN_ANCHOR_OFFSET || anchorOffset > effectiveWidth - MIN_ANCHOR_OFFSET) {
foundPerfectFit = false;
}
}
absX = windowDims.width - ALLEY_WIDTH - effectiveWidth;
}
if (absY < ALLEY_WIDTH) {
if (pos === 'right' || pos === 'left') {
anchorOffset += absY - ALLEY_WIDTH;
if (anchorOffset < MIN_ANCHOR_OFFSET || anchorOffset > effectiveHeight - MIN_ANCHOR_OFFSET) {
foundPerfectFit = false;
}
}
absY = ALLEY_WIDTH;
}
else if (absY > windowDims.height - ALLEY_WIDTH - effectiveHeight) {
if (pos === 'right' || pos === 'left') {
anchorOffset -= (windowDims.height - ALLEY_WIDTH - effectiveHeight - absY);
if (anchorOffset < MIN_ANCHOR_OFFSET || anchorOffset > effectiveHeight - MIN_ANCHOR_OFFSET) {
foundPerfectFit = false;
}
}
absY = windowDims.height - ALLEY_WIDTH - effectiveHeight;
}
if (foundPerfectFit || effectiveHeight > 0 || effectiveWidth > 0) {
result.popupY = absY;
result.popupX = absX;
result.anchorOffset = anchorOffset;
result.anchorPosition = pos;
result.constrainedPopupWidth = effectiveWidth;
result.constrainedPopupHeight = effectiveHeight;
foundPartialFit = true;
}
}
});
return result;
}
exports.recalcPositionFromLayoutData = recalcPositionFromLayoutData;
function recalcInnerPosition(anchorRect, positionToUse, popupWidth, popupHeight) {
// For inner popups we only accept the first position of the priorities since there
// should always be room for the bubble.
var popupX = 0;
var popupY = 0;
var anchorOffset = 0;
switch (positionToUse) {
case 'top':
popupY = anchorRect.top + anchorRect.height - popupHeight;
popupX = anchorRect.left + anchorRect.height / 2 - popupWidth / 2;
anchorOffset = popupWidth / 2;
break;
case 'bottom':
popupY = anchorRect.top + popupHeight;
popupX = anchorRect.left + anchorRect.height / 2 - popupWidth / 2;
anchorOffset = popupWidth / 2;
break;
case 'left':
popupY = anchorRect.top + anchorRect.height / 2 - popupHeight / 2;
popupX = anchorRect.left + anchorRect.width - popupWidth;
anchorOffset = popupHeight / 2;
break;
case 'right':
popupY = anchorRect.top + anchorRect.height / 2 - popupHeight / 2;
popupX = anchorRect.left;
anchorOffset = popupHeight / 2;
break;
case 'context':
throw new Error('Context popup mode not allowed with inner positioning');
}
var result = {
popupX: popupX,
popupY: popupY,
anchorOffset: anchorOffset,
anchorPosition: positionToUse,
constrainedPopupWidth: popupWidth,
constrainedPopupHeight: popupHeight
};
return result;
}
var PopupContainerViewBase = /** @class */ (function (_super) {
__extends(PopupContainerViewBase, _super);
function PopupContainerViewBase(props, context) {
var _this = _super.call(this, props, context) || this;
_this._popupComponentStack = [];
return _this;
}
PopupContainerViewBase.prototype.getChildContext = function () {
return {
focusManager: this.context.focusManager,
popupContainer: this
};
};
PopupContainerViewBase.prototype.registerPopupComponent = function (onShow, onHide) {
var component = {
onShow: onShow,
onHide: onHide
};
this._popupComponentStack.push(component);
return component;
};
PopupContainerViewBase.prototype.unregisterPopupComponent = function (component) {
this._popupComponentStack = this._popupComponentStack.filter(function (c) { return c !== component; });
};
PopupContainerViewBase.prototype.isHidden = function () {
return !!this.props.hidden;
};
PopupContainerViewBase.prototype.componentDidUpdate = function (prevProps, prevState) {
if (prevProps.hidden && !this.props.hidden) {
// call onShow on all registered components (iterate front to back)
for (var i = 0; i < this._popupComponentStack.length; i++) {
this._popupComponentStack[i].onShow();
}
}
if (!prevProps.hidden && this.props.hidden) {
// call onHide on all registered components (iterate back to front)
for (var i = this._popupComponentStack.length - 1; i >= 0; i--) {
this._popupComponentStack[i].onHide();
}
}
};
PopupContainerViewBase.contextTypes = {
focusManager: PropTypes.object
};
PopupContainerViewBase.childContextTypes = {
focusManager: PropTypes.object,
popupContainer: PropTypes.object
};
return PopupContainerViewBase;
}(React.Component));
exports.PopupContainerViewBase = PopupContainerViewBase;
exports["default"] = PopupContainerViewBase;
/***/ }),
/***/ 18411:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* StyleLeakDetector.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Detects style memory-leaks in react-native.
* To fix warning you could:
* - use not cached styles by providing cacheStyle == false to Style.create... method
* - for colors you could use StylesRegestry component
* - for rx component you could temporary disable validation by calling pause method and restore by calling resume,
* but please make sure that it doesn't leaks first please
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var AppConfig_1 = __webpack_require__(5449);
var lodashMini_1 = __webpack_require__(44205);
var StyleLeakDetector = /** @class */ (function () {
function StyleLeakDetector() {
this._fingerprintRegistry = {};
}
StyleLeakDetector.prototype._getFingerprint = function (object) {
return JSON.stringify(this._sortAny(object));
};
/**
* We need to sort objects before using JSON.stringify as otherwise objects
* {a: 1, b: 2} and {b: 2, a: 1} would have a different fingerprints
*/
StyleLeakDetector.prototype._sortAny = function (object) {
if (object instanceof Array) {
return this._sortArray(object);
}
else if (object instanceof Object) {
return this._sortObject(object);
}
else {
return object;
}
};
StyleLeakDetector.prototype._sortObject = function (object) {
var result = {};
var keys = [];
for (var key in object) {
if (object.hasOwnProperty(key)) {
keys.push(key);
}
}
keys = lodashMini_1.sortBy(keys);
var keysLength = keys.length;
for (var i = 0; i < keysLength; i++) {
var key = keys[i];
var value = object[key];
result[key] = this._sortAny(value);
}
return result;
};
StyleLeakDetector.prototype._sortArray = function (object) {
var length = object.length;
for (var i = 0; i < length; i++) {
object[i] = this._sortAny(object[i]);
}
return object;
};
StyleLeakDetector.prototype.isDisabled = function () {
return false;
};
StyleLeakDetector.prototype.detectLeaks = function (style) {
if (AppConfig_1.default.isDevelopmentMode() && !this.isDisabled()) {
var error = new Error();
// we detect leaks on chrome and firefox only, other browser have now this member
var stack = error.stack;
if (stack) {
var styleAllocationId = stack.toString() + this._getFingerprint(style);
var firstAllocation = this._fingerprintRegistry[styleAllocationId];
if (firstAllocation) {
console.warn('Possible style leak of: ', style, 'first allocation: ', firstAllocation);
}
else {
this._fingerprintRegistry[styleAllocationId] = stack;
}
}
}
};
return StyleLeakDetector;
}());
exports.StyleLeakDetector = StyleLeakDetector;
exports["default"] = new StyleLeakDetector();
/***/ }),
/***/ 24373:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* Types.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Type definitions for ReactXP framework.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var subscribableevent_1 = __webpack_require__(60329);
exports.SubscribableEvent = subscribableevent_1.default;
exports.SubscriptionToken = subscribableevent_1.SubscriptionToken;
var AnimatedValue = /** @class */ (function () {
function AnimatedValue(val) {
// No-op
}
return AnimatedValue;
}());
exports.AnimatedValue = AnimatedValue;
// Auto, Yes, No - iOS & Android.
// NoHideDescendants - iOS, Android, & Desktop.
var ImportantForAccessibility;
(function (ImportantForAccessibility) {
ImportantForAccessibility[ImportantForAccessibility["Auto"] = 1] = "Auto";
ImportantForAccessibility[ImportantForAccessibility["Yes"] = 2] = "Yes";
ImportantForAccessibility[ImportantForAccessibility["No"] = 3] = "No";
ImportantForAccessibility[ImportantForAccessibility["NoHideDescendants"] = 4] = "NoHideDescendants";
})(ImportantForAccessibility = exports.ImportantForAccessibility || (exports.ImportantForAccessibility = {}));
// Android & Desktop supported prop, which allows screen-reader to inform its users when a
// component has dynamically changed. For example, the content of an inApp toast.
var AccessibilityLiveRegion;
(function (AccessibilityLiveRegion) {
AccessibilityLiveRegion[AccessibilityLiveRegion["None"] = 0] = "None";
AccessibilityLiveRegion[AccessibilityLiveRegion["Polite"] = 1] = "Polite";
AccessibilityLiveRegion[AccessibilityLiveRegion["Assertive"] = 2] = "Assertive";
})(AccessibilityLiveRegion = exports.AccessibilityLiveRegion || (exports.AccessibilityLiveRegion = {}));
// NOTE: This enum is organized based on priority of these traits (0 is the lowest),
// which can be assigned to an accessible object. On native, all traits are combined as
// a list. On desktop, trait with the maximum value is picked. Whenever you are adding
// a new trait add it in the right priority order in the list.
var AccessibilityTrait;
(function (AccessibilityTrait) {
// Desktop and iOS.
AccessibilityTrait[AccessibilityTrait["Summary"] = 0] = "Summary";
AccessibilityTrait[AccessibilityTrait["Adjustable"] = 1] = "Adjustable";
// Desktop, iOS, and Android.
AccessibilityTrait[AccessibilityTrait["Button"] = 2] = "Button";
AccessibilityTrait[AccessibilityTrait["Tab"] = 3] = "Tab";
AccessibilityTrait[AccessibilityTrait["Selected"] = 4] = "Selected";
// Android only.
AccessibilityTrait[AccessibilityTrait["Radio_button_checked"] = 5] = "Radio_button_checked";
AccessibilityTrait[AccessibilityTrait["Radio_button_unchecked"] = 6] = "Radio_button_unchecked";
// iOS only.
AccessibilityTrait[AccessibilityTrait["Link"] = 7] = "Link";
AccessibilityTrait[AccessibilityTrait["Header"] = 8] = "Header";
AccessibilityTrait[AccessibilityTrait["Search"] = 9] = "Search";
AccessibilityTrait[AccessibilityTrait["Image"] = 10] = "Image";
AccessibilityTrait[AccessibilityTrait["Plays"] = 11] = "Plays";
AccessibilityTrait[AccessibilityTrait["Key"] = 12] = "Key";
AccessibilityTrait[AccessibilityTrait["Text"] = 13] = "Text";
AccessibilityTrait[AccessibilityTrait["Disabled"] = 14] = "Disabled";
AccessibilityTrait[AccessibilityTrait["FrequentUpdates"] = 15] = "FrequentUpdates";
AccessibilityTrait[AccessibilityTrait["StartsMedia"] = 16] = "StartsMedia";
AccessibilityTrait[AccessibilityTrait["AllowsDirectInteraction"] = 17] = "AllowsDirectInteraction";
AccessibilityTrait[AccessibilityTrait["PageTurn"] = 18] = "PageTurn";
// Desktop only.
AccessibilityTrait[AccessibilityTrait["Menu"] = 19] = "Menu";
AccessibilityTrait[AccessibilityTrait["MenuItem"] = 20] = "MenuItem";
AccessibilityTrait[AccessibilityTrait["MenuBar"] = 21] = "MenuBar";
AccessibilityTrait[AccessibilityTrait["TabList"] = 22] = "TabList";
AccessibilityTrait[AccessibilityTrait["List"] = 23] = "List";
AccessibilityTrait[AccessibilityTrait["ListItem"] = 24] = "ListItem";
AccessibilityTrait[AccessibilityTrait["ListBox"] = 25] = "ListBox";
AccessibilityTrait[AccessibilityTrait["Group"] = 26] = "Group";
AccessibilityTrait[AccessibilityTrait["CheckBox"] = 27] = "CheckBox";
AccessibilityTrait[AccessibilityTrait["Checked"] = 28] = "Checked";
AccessibilityTrait[AccessibilityTrait["ComboBox"] = 29] = "ComboBox";
AccessibilityTrait[AccessibilityTrait["Log"] = 30] = "Log";
AccessibilityTrait[AccessibilityTrait["Status"] = 31] = "Status";
AccessibilityTrait[AccessibilityTrait["Dialog"] = 32] = "Dialog";
AccessibilityTrait[AccessibilityTrait["HasPopup"] = 33] = "HasPopup";
AccessibilityTrait[AccessibilityTrait["Option"] = 34] = "Option";
AccessibilityTrait[AccessibilityTrait["Switch"] = 35] = "Switch";
// Desktop & mobile. This is at the end because this
// is the highest priority trait.
AccessibilityTrait[AccessibilityTrait["None"] = 36] = "None";
})(AccessibilityTrait = exports.AccessibilityTrait || (exports.AccessibilityTrait = {}));
var LimitFocusType;
(function (LimitFocusType) {
LimitFocusType[LimitFocusType["Unlimited"] = 0] = "Unlimited";
// When limitFocusWithin=Limited, the View and the focusable components inside
// the View get both tabIndex=-1 and aria-hidden=true.
LimitFocusType[LimitFocusType["Limited"] = 1] = "Limited";
// When limitFocusWithin=Accessible, the View and the focusable components inside
// the View get only tabIndex=-1.
LimitFocusType[LimitFocusType["Accessible"] = 2] = "Accessible";
})(LimitFocusType = exports.LimitFocusType || (exports.LimitFocusType = {}));
var GestureMouseCursor;
(function (GestureMouseCursor) {
GestureMouseCursor[GestureMouseCursor["Default"] = 0] = "Default";
GestureMouseCursor[GestureMouseCursor["Pointer"] = 1] = "Pointer";
GestureMouseCursor[GestureMouseCursor["Grab"] = 2] = "Grab";
GestureMouseCursor[GestureMouseCursor["Move"] = 3] = "Move";
GestureMouseCursor[GestureMouseCursor["EWResize"] = 4] = "EWResize";
GestureMouseCursor[GestureMouseCursor["NSResize"] = 5] = "NSResize";
GestureMouseCursor[GestureMouseCursor["NESWResize"] = 6] = "NESWResize";
GestureMouseCursor[GestureMouseCursor["NWSEResize"] = 7] = "NWSEResize";
GestureMouseCursor[GestureMouseCursor["NotAllowed"] = 8] = "NotAllowed";
GestureMouseCursor[GestureMouseCursor["ZoomIn"] = 9] = "ZoomIn";
GestureMouseCursor[GestureMouseCursor["ZoomOut"] = 10] = "ZoomOut";
})(GestureMouseCursor = exports.GestureMouseCursor || (exports.GestureMouseCursor = {}));
var PreferredPanGesture;
(function (PreferredPanGesture) {
PreferredPanGesture[PreferredPanGesture["Horizontal"] = 0] = "Horizontal";
PreferredPanGesture[PreferredPanGesture["Vertical"] = 1] = "Vertical";
})(PreferredPanGesture = exports.PreferredPanGesture || (exports.PreferredPanGesture = {}));
//
// Location
// ----------------------------------------------------------------------
var LocationErrorType;
(function (LocationErrorType) {
LocationErrorType[LocationErrorType["PermissionDenied"] = 1] = "PermissionDenied";
LocationErrorType[LocationErrorType["PositionUnavailable"] = 2] = "PositionUnavailable";
LocationErrorType[LocationErrorType["Timeout"] = 3] = "Timeout";
})(LocationErrorType = exports.LocationErrorType || (exports.LocationErrorType = {}));
//
// Animated
// ----------------------------------------------------------------------
var Animated;
(function (Animated) {
})(Animated = exports.Animated || (exports.Animated = {}));
var LinkingErrorCode;
(function (LinkingErrorCode) {
LinkingErrorCode[LinkingErrorCode["NoAppFound"] = 0] = "NoAppFound";
LinkingErrorCode[LinkingErrorCode["UnexpectedFailure"] = 1] = "UnexpectedFailure";
LinkingErrorCode[LinkingErrorCode["Blocked"] = 2] = "Blocked";
LinkingErrorCode[LinkingErrorCode["InitialUrlNotFound"] = 3] = "InitialUrlNotFound";
})(LinkingErrorCode = exports.LinkingErrorCode || (exports.LinkingErrorCode = {}));
//
// App
// ----------------------------------------------------------------------
var AppActivationState;
(function (AppActivationState) {
AppActivationState[AppActivationState["Active"] = 1] = "Active";
AppActivationState[AppActivationState["Background"] = 2] = "Background";
AppActivationState[AppActivationState["Inactive"] = 3] = "Inactive";
AppActivationState[AppActivationState["Extension"] = 4] = "Extension";
})(AppActivationState = exports.AppActivationState || (exports.AppActivationState = {}));
/***/ }),
/***/ 27730:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({ value: true }));
/**
* assert
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
*/
var assert = function (cond, message) {
if (!cond) {
throw new Error(message || 'Assertion Failed');
}
};
exports["default"] = assert;
/***/ }),
/***/ 44205:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* lodashMini.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Imports a subset of lodash library needed for ReactXP's implementation.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var clone = __webpack_require__(33072);
exports.clone = clone;
var compact = __webpack_require__(24165);
exports.compact = compact;
var filter = __webpack_require__(42955);
exports.filter = filter;
var isEqual = __webpack_require__(3147);
exports.isEqual = isEqual;
var pull = __webpack_require__(30057);
exports.pull = pull;
var sortBy = __webpack_require__(45470);
exports.sortBy = sortBy;
/***/ }),
/***/ 61213:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* AutoFocusHelper.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Provides the functions which allow to handle the selection of a proper component
* to focus from the multiple candidates with autoFocus=true.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var Timers_1 = __webpack_require__(16320);
var _sortAndFilter;
var _autoFocusTimer;
var _lastFocusArbitratorProviderId = 0;
var rootFocusArbitratorProvider;
var FocusCandidateType;
(function (FocusCandidateType) {
FocusCandidateType[FocusCandidateType["Focus"] = 1] = "Focus";
FocusCandidateType[FocusCandidateType["FocusFirst"] = 2] = "FocusFirst";
})(FocusCandidateType = exports.FocusCandidateType || (exports.FocusCandidateType = {}));
function setSortAndFilterFunc(sortAndFilter) {
_sortAndFilter = sortAndFilter;
}
exports.setSortAndFilterFunc = setSortAndFilterFunc;
var FocusArbitratorProvider = /** @class */ (function () {
function FocusArbitratorProvider(view, arbitrator) {
this._candidates = [];
this._pendingChildren = {};
this._id = ++_lastFocusArbitratorProviderId;
this._parentArbitratorProvider = view
? ((view.context && view.context.focusArbitrator) || rootFocusArbitratorProvider)
: undefined;
this._arbitratorCallback = arbitrator;
}
FocusArbitratorProvider.prototype._notifyParent = function () {
if (this._parentArbitratorProvider) {
this._parentArbitratorProvider._pendingChildren['fa-' + this._id.toString()] = this;
this._parentArbitratorProvider._notifyParent();
}
};
FocusArbitratorProvider.prototype._arbitrate = function () {
var _this = this;
var candidates = this._candidates;
Object.keys(this._pendingChildren).forEach(function (key) {
var candidate = _this._pendingChildren[key]._arbitrate();
if (candidate) {
candidates.push(candidate);
}
});
this._candidates = [];
this._pendingChildren = {};
return FocusArbitratorProvider._arbitrate(candidates, this._arbitratorCallback);
};
FocusArbitratorProvider.prototype._requestFocus = function (component, focus, isAvailable, type) {
var accessibilityId = component.props && component.props.accessibilityId;
this._candidates.push({
component: component,
focus: focus,
isAvailable: isAvailable,
type: type,
accessibilityId: accessibilityId
});
this._notifyParent();
};
FocusArbitratorProvider._arbitrate = function (candidates, arbitrator) {
// Filtering out everything which is already unmounted.
candidates = candidates.filter(function (item) { return item.isAvailable(); });
if (_sortAndFilter) {
candidates = _sortAndFilter(candidates);
}
for (var i = 0; i < candidates.length; i++) {
if (candidates[i].type === FocusCandidateType.FocusFirst) {
return candidates[i];
}
}
if (arbitrator) {
// There is an application specified focus arbitrator.
var toArbitrate_1 = [];
candidates.forEach(function (candidate) {
var component = candidate.component;
// Make sure to pass FocusableComponents only.
if (component.focus && component.blur && component.requestFocus) {
component.__focusCandidateInternal = candidate;
toArbitrate_1.push({
component: component,
accessibilityId: candidate.accessibilityId
});
}
});
if (toArbitrate_1.length) {
var candidate = arbitrator(toArbitrate_1);
var ret = void 0;
if (candidate && candidate.component && candidate.component.__focusCandidateInternal) {
ret = candidate.component.__focusCandidateInternal;
}
toArbitrate_1.forEach(function (candidate) {
delete candidate.component.__focusCandidateInternal;
});
return ret;
}
}
return candidates[candidates.length - 1];
};
FocusArbitratorProvider.prototype.setCallback = function (arbitrator) {
this._arbitratorCallback = arbitrator;
};
FocusArbitratorProvider.requestFocus = function (component, focus, isAvailable, type) {
if (_autoFocusTimer) {
Timers_1.default.clearTimeout(_autoFocusTimer);
}
var focusArbitratorProvider = ((component._focusArbitratorProvider instanceof FocusArbitratorProvider) &&
component._focusArbitratorProvider) ||
(component.context && component.context.focusArbitrator) ||
rootFocusArbitratorProvider;
focusArbitratorProvider._requestFocus(component, focus, isAvailable, type || FocusCandidateType.Focus);
_autoFocusTimer = Timers_1.default.setTimeout(function () {
_autoFocusTimer = undefined;
var candidate = rootFocusArbitratorProvider._arbitrate();
if (candidate) {
candidate.focus();
}
}, 0);
};
return FocusArbitratorProvider;
}());
exports.FocusArbitratorProvider = FocusArbitratorProvider;
rootFocusArbitratorProvider = new FocusArbitratorProvider();
/***/ }),
/***/ 167:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* FocusManager.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Manages focusable elements for better keyboard navigation.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
// tslint:disable:no-invalid-this
var PropTypes = __webpack_require__(18722);
var AppConfig_1 = __webpack_require__(5449);
var Interfaces_1 = __webpack_require__(35066);
var Timers_1 = __webpack_require__(16320);
var _lastComponentId = 0;
var RestrictFocusType;
(function (RestrictFocusType) {
RestrictFocusType[RestrictFocusType["Unrestricted"] = 0] = "Unrestricted";
// When restrictFocusWithin=Restricted, the focus will not go outside of this View
// when you're using Tab navigation.
RestrictFocusType[RestrictFocusType["Restricted"] = 1] = "Restricted";
// The same as Restricted, but will also focus first focusable component inside
// this View when UserInterface.isNavigatingWithKeyboard() is true, to save a Tab
// press for the cases the user is tabbing already.
RestrictFocusType[RestrictFocusType["RestrictedFocusFirst"] = 2] = "RestrictedFocusFirst";
})(RestrictFocusType = exports.RestrictFocusType || (exports.RestrictFocusType = {}));
var FocusManager = /** @class */ (function () {
function FocusManager(parent) {
this._isFocusLimited = Interfaces_1.Types.LimitFocusType.Unlimited;
this._currentRestrictType = RestrictFocusType.Unrestricted;
this._myFocusableComponentIds = {};
this._parent = parent;
}
// Whenever the focusable element is mounted, we let the application
// know so that FocusManager could account for this element during the
// focus restriction.
FocusManager.prototype.addFocusableComponent = function (component, accessibleOnly) {
if (accessibleOnly === void 0) { accessibleOnly = false; }
if (component.focusableComponentId) {
return;
}
var numericComponentId = ++_lastComponentId;
var componentId = 'fc-' + numericComponentId;
var storedComponent = {
id: componentId,
numericId: numericComponentId,
component: component,
accessibleOnly: accessibleOnly,
restricted: false,
limitedCount: 0,
limitedCountAccessible: 0,
onFocus: function () {
FocusManager._currentFocusedComponent = storedComponent;
}
};
component.focusableComponentId = componentId;
FocusManager._allFocusableComponents[componentId] = storedComponent;
var withinRestrictionOwner = false;
for (var parent_1 = this; parent_1; parent_1 = parent_1._parent) {
parent_1._myFocusableComponentIds[componentId] = true;
if (FocusManager._currentRestrictionOwner === parent_1) {
withinRestrictionOwner = true;
}
if (parent_1._isFocusLimited === Interfaces_1.Types.LimitFocusType.Accessible) {
storedComponent.limitedCountAccessible++;
}
else if (parent_1._isFocusLimited === Interfaces_1.Types.LimitFocusType.Limited) {
storedComponent.limitedCount++;
}
}
if (!withinRestrictionOwner && FocusManager._currentRestrictionOwner) {
storedComponent.restricted = true;
}
this._updateComponentFocusRestriction(storedComponent);
this.addFocusListenerOnComponent(component, storedComponent.onFocus);
};
FocusManager.prototype.removeFocusableComponent = function (component) {
if (!component.focusableComponentId) {
return;
}
var componentId = component.focusableComponentId;
if (componentId) {
var storedComponent = FocusManager._allFocusableComponents[componentId];
this.removeFocusListenerFromComponent(component, storedComponent.onFocus);
storedComponent.removed = true;
storedComponent.restricted = false;
storedComponent.limitedCount = 0;
storedComponent.limitedCountAccessible = 0;
this._updateComponentFocusRestriction(storedComponent);
delete storedComponent.callbacks;
for (var parent_2 = this; parent_2; parent_2 = parent_2._parent) {
delete parent_2._myFocusableComponentIds[componentId];
}
delete FocusManager._allFocusableComponents[componentId];
delete component.focusableComponentId;
}
};
FocusManager.prototype.restrictFocusWithin = function (restrictType, noFocusReset) {
var _this = this;
// Limit the focus received by the keyboard navigation to all
// the descendant focusable elements by setting tabIndex of all
// other elements to -1.
if ((FocusManager._currentRestrictionOwner === this) || (restrictType === RestrictFocusType.Unrestricted)) {
return;
}
this._currentRestrictType = restrictType;
if (FocusManager._currentRestrictionOwner) {
this._removeFocusRestriction();
}
if (!this._prevFocusedComponent) {
this._prevFocusedComponent = FocusManager._pendingPrevFocusedComponent || FocusManager._currentFocusedComponent;
}
FocusManager._clearRestoreRestrictionTimeout();
FocusManager._restrictionStack.push(this);
FocusManager._currentRestrictionOwner = this;
if (!noFocusReset) {
this.resetFocus(restrictType === RestrictFocusType.RestrictedFocusFirst);
}
Object.keys(FocusManager._allFocusableComponents).forEach(function (componentId) {
if (!(componentId in _this._myFocusableComponentIds)) {
var storedComponent = FocusManager._allFocusableComponents[componentId];
storedComponent.restricted = true;
_this._updateComponentFocusRestriction(storedComponent);
}
});
if (this._restrictionStateCallback) {
this._restrictionStateCallback(restrictType);
}
};
FocusManager.prototype.removeFocusRestriction = function () {
var _this = this;
// Restore the focus to the previous view with restrictFocusWithin or
// remove the restriction if there is no such view.
FocusManager._restrictionStack = FocusManager._restrictionStack.filter(function (focusManager) { return focusManager !== _this; });
if (FocusManager._currentRestrictionOwner === this) {
// We'll take care of setting the proper focus below,
// no need to do a regular check for focusout.
FocusManager._skipFocusCheck = true;
var prevFocusedComponent_1 = this._prevFocusedComponent;
this._prevFocusedComponent = undefined;
this._removeFocusRestriction();
FocusManager._currentRestrictionOwner = undefined;
if (this._restrictionStateCallback) {
this._restrictionStateCallback(RestrictFocusType.Unrestricted);
}
// Defer the previous restriction restoration to wait for the current view
// to be unmounted, or for the next restricted view to be mounted (like
// showing a modal after a popup).
FocusManager._clearRestoreRestrictionTimeout();
FocusManager._pendingPrevFocusedComponent = prevFocusedComponent_1;
FocusManager._restoreRestrictionTimer = Timers_1.default.setTimeout(function () {
FocusManager._restoreRestrictionTimer = undefined;
FocusManager._pendingPrevFocusedComponent = undefined;
var prevRestrictionOwner = FocusManager._restrictionStack.pop();
var needsFocusReset = true;
var currentFocusedComponent = FocusManager._currentFocusedComponent;
if (currentFocusedComponent && !currentFocusedComponent.removed &&
!(currentFocusedComponent.id in _this._myFocusableComponentIds)) {
// The focus has been manually moved to something outside of the current
// restriction scope, we should skip focusing the component which was
// focused before the restriction and keep the focus as it is.
prevFocusedComponent_1 = undefined;
needsFocusReset = false;
}
if (prevFocusedComponent_1 &&
!prevFocusedComponent_1.accessibleOnly &&
!prevFocusedComponent_1.removed &&
!prevFocusedComponent_1.restricted &&
prevFocusedComponent_1.limitedCount === 0 &&
prevFocusedComponent_1.limitedCountAccessible === 0) {
// If possible, focus the previously focused component.
needsFocusReset = !_this.focusComponent(prevFocusedComponent_1.component);
}
if (prevRestrictionOwner) {
prevRestrictionOwner.restrictFocusWithin(prevRestrictionOwner._currentRestrictType, !needsFocusReset);
}
else if (needsFocusReset) {
_this.resetFocus(_this._currentRestrictType === RestrictFocusType.RestrictedFocusFirst);
}
}, 100);
}
};
FocusManager.prototype.limitFocusWithin = function (limitType) {
var _this = this;
if (this._isFocusLimited !== Interfaces_1.Types.LimitFocusType.Unlimited ||
(limitType !== Interfaces_1.Types.LimitFocusType.Limited &&
limitType !== Interfaces_1.Types.LimitFocusType.Accessible)) {
return;
}
this._isFocusLimited = limitType;
Object.keys(this._myFocusableComponentIds).forEach(function (componentId) {
var storedComponent = FocusManager._allFocusableComponents[componentId];
if (limitType === Interfaces_1.Types.LimitFocusType.Accessible) {
storedComponent.limitedCountAccessible++;
}
else if (limitType === Interfaces_1.Types.LimitFocusType.Limited) {
storedComponent.limitedCount++;
}
_this._updateComponentFocusRestriction(storedComponent);
});
};
FocusManager.prototype.removeFocusLimitation = function () {
var _this = this;
if (this._isFocusLimited === Interfaces_1.Types.LimitFocusType.Unlimited) {
return;
}
Object.keys(this._myFocusableComponentIds).forEach(function (componentId) {
var storedComponent = FocusManager._allFocusableComponents[componentId];
if (_this._isFocusLimited === Interfaces_1.Types.LimitFocusType.Accessible) {
storedComponent.limitedCountAccessible--;
}
else if (_this._isFocusLimited === Interfaces_1.Types.LimitFocusType.Limited) {
storedComponent.limitedCount--;
}
_this._updateComponentFocusRestriction(storedComponent);
});
this._isFocusLimited = Interfaces_1.Types.LimitFocusType.Unlimited;
};
FocusManager.prototype.release = function () {
this.removeFocusRestriction();
this.removeFocusLimitation();
};
FocusManager.subscribe = function (component, callback) {
var storedComponent = FocusManager._getStoredComponent(component);
if (storedComponent) {
if (!storedComponent.callbacks) {
storedComponent.callbacks = [];
}
storedComponent.callbacks.push(callback);
}
};
FocusManager.unsubscribe = function (component, callback) {
var storedComponent = FocusManager._getStoredComponent(component);
if (storedComponent && storedComponent.callbacks) {
storedComponent.callbacks = storedComponent.callbacks.filter(function (cb) {
return cb !== callback;
});
}
};
FocusManager.prototype.setRestrictionStateCallback = function (callback) {
this._restrictionStateCallback = callback;
};
FocusManager.isComponentFocusRestrictedOrLimited = function (component) {
var storedComponent = FocusManager._getStoredComponent(component);
return !!storedComponent &&
(storedComponent.restricted || storedComponent.limitedCount > 0 || storedComponent.limitedCountAccessible > 0);
};
FocusManager.getCurrentFocusedComponent = function () {
return FocusManager._currentFocusedComponent ? FocusManager._currentFocusedComponent.id : undefined;
};
FocusManager._getStoredComponent = function (component) {
var componentId = component.focusableComponentId;
if (componentId) {
return FocusManager._allFocusableComponents[componentId];
}
return undefined;
};
FocusManager._callFocusableComponentStateChangeCallbacks = function (storedComponent, restrictedOrLimited) {
if (!storedComponent.callbacks) {
return;
}
storedComponent.callbacks.forEach(function (callback) {
callback.call(storedComponent.component, restrictedOrLimited);
});
};
FocusManager.prototype._removeFocusRestriction = function () {
var _this = this;
Object.keys(FocusManager._allFocusableComponents).forEach(function (componentId) {
var storedComponent = FocusManager._allFocusableComponents[componentId];
storedComponent.restricted = false;
_this._updateComponentFocusRestriction(storedComponent);
});
};
FocusManager._clearRestoreRestrictionTimeout = function () {
if (FocusManager._restoreRestrictionTimer) {
Timers_1.default.clearTimeout(FocusManager._restoreRestrictionTimer);
FocusManager._restoreRestrictionTimer = undefined;
FocusManager._pendingPrevFocusedComponent = undefined;
}
};
FocusManager._restrictionStack = [];
FocusManager._allFocusableComponents = {};
FocusManager._skipFocusCheck = false;
return FocusManager;
}());
exports.FocusManager = FocusManager;
// A mixin for the focusable elements, to tell the views that
// they exist and should be accounted during the focus restriction.
//
// isConditionallyFocusable is an optional callback which will be
// called for componentDidMount() or for UNSAFE_componentWillUpdate() to
// determine if the component is actually focusable.
//
// accessibleOnly is true for components that support just being focused
// by screen readers.
// By default components support both screen reader and keyboard focusing.
function applyFocusableComponentMixin(Component, isConditionallyFocusable, accessibleOnly) {
if (accessibleOnly === void 0) { accessibleOnly = false; }
var contextTypes = Component.contextTypes || {};
contextTypes.focusManager = PropTypes.object;
Component.contextTypes = contextTypes;
inheritMethod('componentDidMount', function (focusManager) {
if (!isConditionallyFocusable || isConditionallyFocusable.call(this)) {
focusManager.addFocusableComponent(this, accessibleOnly);
}
});
inheritMethod('componentWillUnmount', function (focusManager) {
focusManager.removeFocusableComponent(this);
});
inheritMethod('UNSAFE_componentWillUpdate', function (focusManager, origArgs) {
if (isConditionallyFocusable) {
var isFocusable = isConditionallyFocusable.apply(this, origArgs);
if (isFocusable && !this.focusableComponentId) {
focusManager.addFocusableComponent(this, accessibleOnly);
}
else if (!isFocusable && this.focusableComponentId) {
focusManager.removeFocusableComponent(this);
}
}
});
function inheritMethod(methodName, action) {
var origCallback = Component.prototype[methodName];
Component.prototype[methodName] = function () {
if (!isConditionallyFocusable || isConditionallyFocusable.call(this)) {
var focusManager = this._focusManager || (this.context && this.context.focusManager);
if (focusManager) {
action.call(this, focusManager, arguments);
}
else {
if (AppConfig_1.default.isDevelopmentMode()) {
console.error('FocusableComponentMixin: context error!');
}
}
}
if (origCallback) {
origCallback.apply(this, arguments);
}
};
}
}
exports.applyFocusableComponentMixin = applyFocusableComponentMixin;
exports["default"] = FocusManager;
/***/ }),
/***/ 43184:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* PromiseDefer.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Creates a deferral object that wraps promises with easier to use type-safety
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var Timers_1 = __webpack_require__(16320);
var Defer = /** @class */ (function () {
function Defer() {
var _this = this;
this._promise = new Promise(function (res, rej) {
_this._resolver = res;
_this._rejector = rej;
});
}
Defer.prototype.resolve = function (value) {
var _this = this;
// Resolver shouldn't be undefined, but it's technically possible
if (!this._resolver) {
Timers_1.default.setTimeout(function () {
_this.resolve(value);
}, 10);
return;
}
this._resolver(value);
};
Defer.prototype.reject = function (value) {
var _this = this;
// Rejector shouldn't be undefined, but it's technically possible
if (!this._rejector) {
Timers_1.default.setTimeout(function () {
_this.reject(value);
}, 10);
return;
}
this._rejector(value);
};
Defer.prototype.promise = function () {
return this._promise;
};
return Defer;
}());
exports.Defer = Defer;
/***/ }),
/***/ 16320:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* Timers.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Utility functions for creating timers. We wrap the normal
* global timer methods because they are defined in both
* the node and lib type definition files, and the definitions
* don't match. Depending on which one TypeScript picks up,
* we can get compiler errors.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var timerProvider = typeof window !== 'undefined' ? window : __webpack_require__.g;
var Timers = /** @class */ (function () {
function Timers() {
}
Timers.clearInterval = function (handle) {
timerProvider.clearInterval(handle);
};
Timers.clearTimeout = function (handle) {
timerProvider.clearTimeout(handle);
};
Timers.setInterval = function (handler, timeout) {
return timerProvider.setInterval(handler, timeout);
};
Timers.setTimeout = function (handler, timeout) {
return timerProvider.setTimeout(handler, timeout);
};
return Timers;
}());
exports["default"] = Timers;
/***/ }),
/***/ 45088:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Accessibility.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web wrapper for subscribing or querying the current state of the
* screen reader.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var Accessibility_1 = __webpack_require__(67830);
var Accessibility = /** @class */ (function (_super) {
__extends(Accessibility, _super);
function Accessibility() {
return _super !== null && _super.apply(this, arguments) || this;
}
// Calling this API on web has no effect.
Accessibility.prototype.isScreenReaderEnabled = function () {
return false;
};
return Accessibility;
}(Accessibility_1.Accessibility));
exports.Accessibility = Accessibility;
exports["default"] = new Accessibility();
/***/ }),
/***/ 22969:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* AccessibilityAnnouncer.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Implements the behavior for announcing text to screen readers, using aria-live regions.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var Interfaces_1 = __webpack_require__(35066);
var Timers_1 = __webpack_require__(16320);
var Accessibility_1 = __webpack_require__(45088);
var AccessibilityUtil_1 = __webpack_require__(6452);
var Styles_1 = __webpack_require__(58653);
var _isMac = (typeof navigator !== 'undefined') && (typeof navigator.platform === 'string') && (navigator.platform.indexOf('Mac') >= 0);
var _styles = {
liveRegionContainer: Styles_1.default.combine({
position: 'absolute',
overflow: 'hidden',
opacity: 0,
top: -30,
bottom: 0,
left: 0,
right: 0,
height: 30,
whiteSpace: 'pre'
})
};
var AccessibilityAnnouncer = /** @class */ (function (_super) {
__extends(AccessibilityAnnouncer, _super);
function AccessibilityAnnouncer(props) {
var _this = _super.call(this, props) || this;
// Update announcement text.
_this._newAnnouncementEventChangedSubscription =
Accessibility_1.default.newAnnouncementReadyEvent.subscribe(function (announcement) {
if (_this.state.announcementText === announcement) {
// If the previous announcement is the same as the current announcement
// we will append a ' ' to it. This ensures that the text in DOM of aria-live region changes
// and will be read by screen Reader
announcement += ' ';
}
if (_isMac) {
// annnouncementText should never be in nested div for mac.
// Voice over ignores reading nested divs in aria-live container.
_this.setState({
announcementText: announcement
});
}
else {
// Additionally, alternate between announcement text directly under the aria-live element and
// nested in a div to work around issues with some readers. NVDA on Windows is known to
// not announce aria-live reliably without this, for example.
_this.setState({
announcementText: announcement,
announcementTextInNestedDiv: !_this.state.announcementTextInNestedDiv
});
}
});
_this.state = _this._getInitialState();
return _this;
}
AccessibilityAnnouncer.prototype._getInitialState = function () {
return {
announcementText: '',
announcementTextInNestedDiv: false
};
};
AccessibilityAnnouncer.prototype.componentDidUpdate = function (prevProps, prevState) {
// When a new announcement text is set in the live region, start a timer to clear the text from the div so that it can't be focused
// using a screen reader.
if (prevState.announcementText !== this.state.announcementText && this.state.announcementText) {
this._startClearAnnouncementTimer();
}
};
AccessibilityAnnouncer.prototype.componentWillUnmount = function () {
if (this._newAnnouncementEventChangedSubscription) {
this._newAnnouncementEventChangedSubscription.unsubscribe();
this._newAnnouncementEventChangedSubscription = undefined;
}
};
AccessibilityAnnouncer.prototype.render = function () {
var announcement = this.state.announcementTextInNestedDiv ?
(React.createElement("div", null,
" ",
this.state.announcementText,
" ")) :
this.state.announcementText;
return (React.createElement("div", { style: _styles.liveRegionContainer, "aria-live": AccessibilityUtil_1.default.accessibilityLiveRegionToString(Interfaces_1.Types.AccessibilityLiveRegion.Assertive), "aria-atomic": 'true', "aria-relevant": 'additions text' }, announcement));
};
AccessibilityAnnouncer.prototype._cancelClearAnnouncementTimer = function () {
if (this._clearAnnouncementTimer) {
Timers_1.default.clearTimeout(this._clearAnnouncementTimer);
this._clearAnnouncementTimer = undefined;
}
};
AccessibilityAnnouncer.prototype._startClearAnnouncementTimer = function () {
var _this = this;
this._cancelClearAnnouncementTimer();
this._clearAnnouncementTimer = Timers_1.default.setTimeout(function () {
_this.setState({
announcementText: ''
});
}, 2000);
};
return AccessibilityAnnouncer;
}(React.Component));
exports.AccessibilityAnnouncer = AccessibilityAnnouncer;
exports["default"] = AccessibilityAnnouncer;
/***/ }),
/***/ 6452:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* AccessibilityUtil.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of accessiblity functions for cross-platform
* ReactXP framework.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var _a, _b;
Object.defineProperty(exports, "__esModule", ({ value: true }));
var AccessibilityUtil_1 = __webpack_require__(37163);
var Interfaces_1 = __webpack_require__(35066);
var _ = __webpack_require__(50892);
// Map of accessibility trait to an aria role attribute.
// What's a role attribute? https://www.w3.org/wiki/PF/XTech/HTML5/RoleAttribute
var roleMap = (_a = {},
_a[Interfaces_1.Types.AccessibilityTrait.None] = 'presentation',
_a[Interfaces_1.Types.AccessibilityTrait.Button] = 'button',
_a[Interfaces_1.Types.AccessibilityTrait.Link] = 'link',
_a[Interfaces_1.Types.AccessibilityTrait.Header] = 'heading',
_a[Interfaces_1.Types.AccessibilityTrait.Search] = 'search',
_a[Interfaces_1.Types.AccessibilityTrait.Image] = 'img',
_a[Interfaces_1.Types.AccessibilityTrait.Summary] = 'region',
_a[Interfaces_1.Types.AccessibilityTrait.Adjustable] = 'slider',
_a[Interfaces_1.Types.AccessibilityTrait.Menu] = 'menu',
_a[Interfaces_1.Types.AccessibilityTrait.MenuItem] = 'menuitem',
_a[Interfaces_1.Types.AccessibilityTrait.MenuBar] = 'menubar',
_a[Interfaces_1.Types.AccessibilityTrait.Tab] = 'tab',
_a[Interfaces_1.Types.AccessibilityTrait.TabList] = 'tablist',
_a[Interfaces_1.Types.AccessibilityTrait.List] = 'list',
_a[Interfaces_1.Types.AccessibilityTrait.ListItem] = 'listitem',
_a[Interfaces_1.Types.AccessibilityTrait.ListBox] = 'listbox',
_a[Interfaces_1.Types.AccessibilityTrait.Group] = 'group',
_a[Interfaces_1.Types.AccessibilityTrait.CheckBox] = 'checkbox',
_a[Interfaces_1.Types.AccessibilityTrait.ComboBox] = 'combobox',
_a[Interfaces_1.Types.AccessibilityTrait.Log] = 'log',
_a[Interfaces_1.Types.AccessibilityTrait.Status] = 'status',
_a[Interfaces_1.Types.AccessibilityTrait.Dialog] = 'dialog',
_a[Interfaces_1.Types.AccessibilityTrait.Switch] = 'switch',
_a);
// Map of accesssibility live region to an aria-live property.
var liveRegionMap = (_b = {},
_b[Interfaces_1.Types.AccessibilityLiveRegion.None] = 'off',
_b[Interfaces_1.Types.AccessibilityLiveRegion.Assertive] = 'assertive',
_b[Interfaces_1.Types.AccessibilityLiveRegion.Polite] = 'polite',
_b);
var AccessibilityUtil = /** @class */ (function (_super) {
__extends(AccessibilityUtil, _super);
function AccessibilityUtil() {
return _super !== null && _super.apply(this, arguments) || this;
}
// Web equivalent value for aria-live property.
AccessibilityUtil.prototype.accessibilityLiveRegionToString = function (liveRegion) {
if (liveRegion) {
return liveRegionMap[liveRegion];
}
return undefined;
};
// Web equivalent value for role property.
// NOTE: Web only supports a single aria-role on a component.
AccessibilityUtil.prototype.accessibilityTraitToString = function (traits, defaultTrait) {
// Combine & remove duplicate traits.
var combinedTraits = defaultTrait ? [defaultTrait] : [];
if (traits) {
combinedTraits = _.union(combinedTraits, Array.isArray(traits) ? traits : [traits]);
}
// Max enum value in this array of traits is role for web. Return corresponding
// role string from roleMap.
return combinedTraits.length > 0 ?
roleMap[_.max(_.filter(combinedTraits, function (t) { return roleMap.hasOwnProperty(t); }))]
: undefined;
};
AccessibilityUtil.prototype.accessibilityTraitToAriaSelected = function (traits) {
// Walk through each trait and check if there's a selected trait. Return if one is found.
if (traits && Array.isArray(traits) && traits.indexOf(Interfaces_1.Types.AccessibilityTrait.Tab) !== -1) {
return traits.indexOf(Interfaces_1.Types.AccessibilityTrait.Selected) !== -1;
}
// Here we are returning undefined if the above condition is not met
// as we dont want to pollute the dom with "aria-selected = false" for every falsy condition
return undefined;
};
AccessibilityUtil.prototype.accessibilityTraitToAriaChecked = function (traits) {
// Walk through each trait and check if there's a checked trait. Return if one is found.
if (traits && Array.isArray(traits) && traits.indexOf(Interfaces_1.Types.AccessibilityTrait.CheckBox) !== -1) {
return traits.indexOf(Interfaces_1.Types.AccessibilityTrait.Checked) !== -1;
}
// Here we are returning undefined if the above condition is not met
// as we dont want to pollute the dom with "aria-checked = false" for every falsy condition
return undefined;
};
AccessibilityUtil.prototype.accessibilityTraitToAriaHasPopup = function (traits) {
// Walk through each trait and check if there's a hasPopup trait. Return if one is found.
if (traits && Array.isArray(traits) && traits.indexOf(Interfaces_1.Types.AccessibilityTrait.HasPopup) !== -1) {
return traits.indexOf(Interfaces_1.Types.AccessibilityTrait.HasPopup) !== -1;
}
// Here we are returning undefined if the above condition is not met
// as we dont want to pollute the dom with "aria-checked = false" for every falsy condition
return undefined;
};
return AccessibilityUtil;
}(AccessibilityUtil_1.AccessibilityUtil));
exports.AccessibilityUtil = AccessibilityUtil;
exports["default"] = new AccessibilityUtil();
/***/ }),
/***/ 16154:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* ActivityIndicator.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Control to display an animated activity indicator.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var Timers_1 = __webpack_require__(16320);
var _activityIndicatorCss = "\n.rx-activity {\n position: relative;\n width: 100px;\n height: 100px;\n}\n.rx-activity .layer-1-translate,\n.rx-activity .layer-3-translate,\n.rx-activity .layer-5-translate,\n.rx-activity .layer-7-translate {\n -webkit-transform: translate(50px, 50px);\n transform: translate(50px, 50px);\n}\n.rx-activity .layer-2-translate,\n.rx-activity .layer-4-translate,\n.rx-activity .layer-6-translate,\n.rx-activity .layer-8-translate {\n -webkit-transform: translate(0px, -40px);\n transform: translate(0px, -40px);\n}\n.rx-activity .layer-2-content,\n.rx-activity .layer-4-content,\n.rx-activity .layer-6-content,\n.rx-activity .layer-8-content {\n width: 100px;\n height: 100px;\n}\n.rx-activity .layer-2-content .shape-0,\n.rx-activity .layer-4-content .shape-0,\n.rx-activity .layer-6-content .shape-0,\n.rx-activity .layer-8-content .shape-0 {\n position: absolute;\n left: -7.5px;\n top: -7.5px;\n width: 15px;\n height: 15px;\n border-radius: 50%;\n}\n.rx-activity div {\n position: absolute;\n width: 0;\n height: 0;\n}\n.rx-activity .animation {\n -webkit-animation-duration: 1.4s;\n animation-duration: 1.4s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-direction: normal;\n animation-direction: normal;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n}\n.rx-activity .layer-1-rotate {\n -webkit-animation-name: rx-activity-layer-1-rotate;\n animation-name: rx-activity-layer-1-rotate;\n}\n.rx-activity .layer-2-scale {\n -webkit-animation-name: rx-activity-layer-2-scale;\n animation-name: rx-activity-layer-2-scale;\n}\n.rx-activity .layer-3-rotate {\n -webkit-animation-name: rx-activity-layer-3-rotate;\n animation-name: rx-activity-layer-3-rotate;\n}\n.rx-activity .layer-4-scale {\n -webkit-animation-name: rx-activity-layer-4-scale;\n animation-name: rx-activity-layer-4-scale;\n}\n.rx-activity .layer-5-rotate {\n -webkit-animation-name: rx-activity-layer-5-rotate;\n animation-name: rx-activity-layer-5-rotate;\n}\n.rx-activity .layer-6-scale {\n -webkit-animation-name: rx-activity-layer-6-scale;\n animation-name: rx-activity-layer-6-scale;\n}\n.rx-activity .layer-7-rotate {\n -webkit-animation-name: rx-activity-layer-7-rotate;\n animation-name: rx-activity-layer-7-rotate;\n}\n.rx-activity .layer-8-scale {\n -webkit-animation-name: rx-activity-layer-8-scale;\n animation-name: rx-activity-layer-8-scale;\n}\n.rx-activity .shape-0 {\n background-color: white;\n}\n.rx-activity.hidden {\n visibility: hidden;\n}\n.rx-activity-extra-small {\n width: 16px;\n height: 16px;\n}\n.rx-activity-extra-small .layer-1-translate,\n.rx-activity-extra-small .layer-3-translate,\n.rx-activity-extra-small .layer-5-translate,\n.rx-activity-extra-small .layer-7-translate {\n -webkit-transform: translate(8px, 8px);\n transform: translate(8px, 8px);\n}\n.rx-activity-extra-small .layer-2-translate,\n.rx-activity-extra-small .layer-4-translate,\n.rx-activity-extra-small .layer-6-translate,\n.rx-activity-extra-small .layer-8-translate {\n -webkit-transform: translate(0px, -6.4px);\n transform: translate(0px, -6.4px);\n}\n.rx-activity-extra-small .layer-2-content,\n.rx-activity-extra-small .layer-4-content,\n.rx-activity-extra-small .layer-6-content,\n.rx-activity-extra-small .layer-8-content {\n width: 16px;\n height: 16px;\n}\n.rx-activity-extra-small .layer-2-content .shape-0,\n.rx-activity-extra-small .layer-4-content .shape-0,\n.rx-activity-extra-small .layer-6-content .shape-0,\n.rx-activity-extra-small .layer-8-content .shape-0 {\n position: absolute;\n left: -2px;\n top: -2px;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n}\n.rx-activity-small {\n width: 20px;\n height: 20px;\n}\n.rx-activity-small .layer-1-translate,\n.rx-activity-small .layer-3-translate,\n.rx-activity-small .layer-5-translate,\n.rx-activity-small .layer-7-translate {\n -webkit-transform: translate(10px, 10px);\n transform: translate(10px, 10px);\n}\n.rx-activity-small .layer-2-translate,\n.rx-activity-small .layer-4-translate,\n.rx-activity-small .layer-6-translate,\n.rx-activity-small .layer-8-translate {\n -webkit-transform: translate(0px, -8px);\n transform: translate(0px, -8px);\n}\n.rx-activity-small .layer-2-content,\n.rx-activity-small .layer-4-content,\n.rx-activity-small .layer-6-content,\n.rx-activity-small .layer-8-content {\n width: 20px;\n height: 20px;\n}\n.rx-activity-small .layer-2-content .shape-0,\n.rx-activity-small .layer-4-content .shape-0,\n.rx-activity-small .layer-6-content .shape-0,\n.rx-activity-small .layer-8-content .shape-0 {\n position: absolute;\n left: -3px;\n top: -3px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n}\n.rx-activity-medium {\n width: 36px;\n height: 36px;\n}\n.rx-activity-medium .layer-1-translate,\n.rx-activity-medium .layer-3-translate,\n.rx-activity-medium .layer-5-translate,\n.rx-activity-medium .layer-7-translate {\n -webkit-transform: translate(18px, 18px);\n transform: translate(18px, 18px);\n}\n.rx-activity-medium .layer-2-translate,\n.rx-activity-medium .layer-4-translate,\n.rx-activity-medium .layer-6-translate,\n.rx-activity-medium .layer-8-translate {\n -webkit-transform: translate(0px, -14.4px);\n transform: translate(0px, -14.4px);\n}\n.rx-activity-medium .layer-2-content,\n.rx-activity-medium .layer-4-content,\n.rx-activity-medium .layer-6-content,\n.rx-activity-medium .layer-8-content {\n width: 36px;\n height: 36px;\n}\n.rx-activity-medium .layer-2-content .shape-0,\n.rx-activity-medium .layer-4-content .shape-0,\n.rx-activity-medium .layer-6-content .shape-0,\n.rx-activity-medium .layer-8-content .shape-0 {\n position: absolute;\n left: -4.5px;\n top: -4.5px;\n width: 9px;\n height: 9px;\n border-radius: 50%;\n}\n@-webkit-keyframes rx-activity-layer-1-rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-animation-timing-function: cubic-bezier(1, 0.2, 0.25, 0.76);\n animation-timing-function: cubic-bezier(1, 0.2, 0.25, 0.76);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@keyframes rx-activity-layer-1-rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-animation-timing-function: cubic-bezier(1, 0.2, 0.25, 0.76);\n animation-timing-function: cubic-bezier(1, 0.2, 0.25, 0.76);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@-webkit-keyframes rx-activity-layer-2-scale {\n 0% {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 14.29% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 47.62% {\n -webkit-transform: scale(0.35);\n transform: scale(0.35);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 66.67% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 72.62% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n }\n 100% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@keyframes rx-activity-layer-2-scale {\n 0% {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 14.29% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 47.62% {\n -webkit-transform: scale(0.35);\n transform: scale(0.35);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 66.67% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 72.62% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n }\n 100% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@-webkit-keyframes rx-activity-layer-3-rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-animation-timing-function: cubic-bezier(0.88, 0.21, 0.25, 0.76);\n animation-timing-function: cubic-bezier(0.88, 0.21, 0.25, 0.76);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@keyframes rx-activity-layer-3-rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-animation-timing-function: cubic-bezier(0.88, 0.21, 0.25, 0.76);\n animation-timing-function: cubic-bezier(0.88, 0.21, 0.25, 0.76);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@-webkit-keyframes rx-activity-layer-4-scale {\n 0% {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 9.52% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 42.86% {\n -webkit-transform: scale(0.35);\n transform: scale(0.35);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 61.9% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 72.62% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n }\n 100% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@keyframes rx-activity-layer-4-scale {\n 0% {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 9.52% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 42.86% {\n -webkit-transform: scale(0.35);\n transform: scale(0.35);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 61.9% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 72.62% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n }\n 100% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@-webkit-keyframes rx-activity-layer-5-rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-animation-timing-function: cubic-bezier(0.76, 0.21, 0.25, 0.76);\n animation-timing-function: cubic-bezier(0.76, 0.21, 0.25, 0.76);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@keyframes rx-activity-layer-5-rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-animation-timing-function: cubic-bezier(0.76, 0.21, 0.25, 0.76);\n animation-timing-function: cubic-bezier(0.76, 0.21, 0.25, 0.76);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@-webkit-keyframes rx-activity-layer-6-scale {\n 0% {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 4.76% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 38.1% {\n -webkit-transform: scale(0.35);\n transform: scale(0.35);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 57.14% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 72.62% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n }\n 100% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@keyframes rx-activity-layer-6-scale {\n 0% {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 4.76% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 38.1% {\n -webkit-transform: scale(0.35);\n transform: scale(0.35);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 57.14% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 72.62% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n animation-timing-function: cubic-bezier(0.17, 0, 0.83, 1);\n }\n 100% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@-webkit-keyframes rx-activity-layer-7-rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-animation-timing-function: cubic-bezier(0.65, 0.21, 0.25, 0.76);\n animation-timing-function: cubic-bezier(0.65, 0.21, 0.25, 0.76);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@keyframes rx-activity-layer-7-rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-animation-timing-function: cubic-bezier(0.65, 0.21, 0.25, 0.76);\n animation-timing-function: cubic-bezier(0.65, 0.21, 0.25, 0.76);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@-webkit-keyframes rx-activity-layer-8-scale {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 33.33% {\n -webkit-transform: scale(0.35);\n transform: scale(0.35);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 1, 1);\n }\n 52.38% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.78, 1);\n animation-timing-function: cubic-bezier(0.8, 0, 0.78, 1);\n }\n 72.62% {\n -webkit-transform: scale(1.15);\n transform: scale(1.15);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0, 1);\n }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n@keyframes rx-activity-layer-8-scale {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n }\n 33.33% {\n -webkit-transform: scale(0.35);\n transform: scale(0.35);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 1, 1);\n }\n 52.38% {\n -webkit-transform: scale(0.45);\n transform: scale(0.45);\n -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.78, 1);\n animation-timing-function: cubic-bezier(0.8, 0, 0.78, 1);\n }\n 72.62% {\n -webkit-transform: scale(1.15);\n transform: scale(1.15);\n -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0, 1);\n animation-timing-function: cubic-bezier(0.33, 0, 0, 1);\n }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n }\n}\n";
var ActivityIndicator = /** @class */ (function (_super) {
__extends(ActivityIndicator, _super);
function ActivityIndicator(props) {
var _this = _super.call(this, props) || this;
_this._isMounted = false;
ActivityIndicator._installStyleSheet();
_this.state = { isVisible: false };
return _this;
}
ActivityIndicator._installStyleSheet = function () {
// Have we installed the style sheet already?
if (ActivityIndicator._isStyleSheetInstalled) {
return;
}
// We set the CSS style sheet here to avoid the need
// for users of this class to carry along another CSS
// file.
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet) {
style.styleSheet.cssText = _activityIndicatorCss;
}
else {
style.appendChild(document.createTextNode(_activityIndicatorCss));
}
head.appendChild(style);
ActivityIndicator._isStyleSheetInstalled = true;
};
ActivityIndicator.prototype.componentDidMount = function () {
var _this = this;
this._isMounted = true;
if (this.props.deferTime && this.props.deferTime > 0) {
Timers_1.default.setTimeout(function () {
if (_this._isMounted) {
_this.setState({ isVisible: true });
}
}, this.props.deferTime);
}
else {
this.setState({ isVisible: true });
}
};
ActivityIndicator.prototype.componentWillUnmount = function () {
this._isMounted = false;
};
ActivityIndicator.prototype.render = function () {
var colorStyle = {
backgroundColor: this.props.color
};
var spinnerClasses = ['rx-activity'];
if (this.props.size === 'tiny') {
spinnerClasses.push('rx-activity-extra-small');
}
else if (this.props.size === 'small') {
spinnerClasses.push('rx-activity-small');
}
else if (this.props.size === 'medium') {
spinnerClasses.push('rx-activity-medium');
}
if (!this.state.isVisible) {
spinnerClasses.push('hidden');
}
return (React.createElement("div", { className: spinnerClasses.join(' '), "data-test-id": this.props.testId },
React.createElement("div", { className: 'layer-7' },
React.createElement("div", { className: 'layer-7-translate' },
React.createElement("div", { className: 'layer-7-rotate animation' },
React.createElement("div", { className: 'layer-8' },
React.createElement("div", { className: 'layer-8-translate' },
React.createElement("div", { className: 'layer-8-scale animation' },
React.createElement("div", { className: 'layer-8-content ' },
React.createElement("div", { className: 'shape shape-0', style: colorStyle })))))))),
React.createElement("div", { className: 'layer-5' },
React.createElement("div", { className: 'layer-5-translate' },
React.createElement("div", { className: 'layer-5-rotate animation' },
React.createElement("div", { className: 'layer-6' },
React.createElement("div", { className: 'layer-6-translate' },
React.createElement("div", { className: 'layer-6-scale animation' },
React.createElement("div", { className: 'layer-6-content ' },
React.createElement("div", { className: 'shape shape-0', style: colorStyle })))))))),
React.createElement("div", { className: 'layer-3' },
React.createElement("div", { className: 'layer-3-translate' },
React.createElement("div", { className: 'layer-3-rotate animation' },
React.createElement("div", { className: 'layer-4' },
React.createElement("div", { className: 'layer-4-translate' },
React.createElement("div", { className: 'layer-4-scale animation' },
React.createElement("div", { className: 'layer-4-content ' },
React.createElement("div", { className: 'shape shape-0', style: colorStyle })))))))),
React.createElement("div", { className: 'layer-1' },
React.createElement("div", { className: 'layer-1-translate' },
React.createElement("div", { className: 'layer-1-rotate animation' },
React.createElement("div", { className: 'layer-2' },
React.createElement("div", { className: 'layer-2-translate' },
React.createElement("div", { className: 'layer-2-scale animation' },
React.createElement("div", { className: 'layer-2-content ' },
React.createElement("div", { className: 'shape shape-0', style: colorStyle }))))))))));
};
ActivityIndicator._isStyleSheetInstalled = false;
return ActivityIndicator;
}(React.Component));
exports.ActivityIndicator = ActivityIndicator;
exports["default"] = ActivityIndicator;
/***/ }),
/***/ 62973:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Alert.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web Alert dialog boxes.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var RX = __webpack_require__(35066);
var AlertModalContent_1 = __webpack_require__(92730);
var Modal_1 = __webpack_require__(14744);
// Web/HTML implementation for alert dialog boxes
var Alert = /** @class */ (function (_super) {
__extends(Alert, _super);
function Alert() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this._modalId = 'RX.Alert_WebModal';
return _this;
}
Alert.prototype.show = function (title, message, buttons, options) {
Modal_1.default.show((React.createElement(AlertModalContent_1.AlertModalContent, { modalId: this._modalId, buttons: buttons, title: title, message: message, theme: options && options.theme, preventDismissOnPress: options && options.preventDismissOnPress })), this._modalId);
};
return Alert;
}(RX.Alert));
exports.Alert = Alert;
exports["default"] = new Alert();
/***/ }),
/***/ 92730:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* AlertModalContent.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web Alert dialog boxes modal content.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var RX = __webpack_require__(35066);
var Button_1 = __webpack_require__(64542);
var Modal_1 = __webpack_require__(14744);
var Styles_1 = __webpack_require__(58653);
var Text_1 = __webpack_require__(46447);
var View_1 = __webpack_require__(17402);
var _styles = {
background: Styles_1.default.createViewStyle({
flex: 1,
backgroundColor: 'rgba(0, 0, 0, 0.1)',
alignItems: 'center',
alignSelf: 'stretch'
}),
verticalRoot: Styles_1.default.createViewStyle({
flex: 1,
flexDirection: 'row',
alignItems: 'center'
}),
defaultBody: Styles_1.default.createViewStyle({
width: 300,
backgroundColor: '#fff',
borderColor: '#bbb',
borderWidth: 1,
alignItems: 'stretch',
paddingHorizontal: 8,
paddingVertical: 4
}),
defaultTitleText: Styles_1.default.createTextStyle({
fontSize: 20,
fontWeight: 'bold',
alignSelf: 'center',
padding: 12,
flex: 1
}),
defaultMessageText: Styles_1.default.createTextStyle({
fontSize: 16,
alignSelf: 'center',
padding: 12,
flex: 1
}),
defaultButtonContainer: Styles_1.default.createButtonStyle({
padding: 8,
flex: 1
}),
defaultButton: Styles_1.default.createButtonStyle({
alignItems: 'center',
flex: 1,
borderWidth: 1,
borderRadius: 8,
borderColor: '#bbb'
}),
defaultButtonHover: Styles_1.default.createButtonStyle({
backgroundColor: '#eee'
}),
defaultCancelButton: Styles_1.default.createButtonStyle({
borderColor: 'red'
}),
defaultBtnText: Styles_1.default.createTextStyle({
fontSize: 14,
padding: 8,
color: '#333'
}),
defaultCancelBtnText: Styles_1.default.createTextStyle({
color: 'red'
})
};
var AlertModalContent = /** @class */ (function (_super) {
__extends(AlertModalContent, _super);
function AlertModalContent(props) {
var _this = _super.call(this, props) || this;
_this._onPressBody = function (e) {
e.stopPropagation();
};
_this._onPressBackground = function (e) {
if (!_this.props.preventDismissOnPress) {
Modal_1.default.dismiss(_this.props.modalId);
}
};
_this.state = {
hoverIndex: -1
};
return _this;
}
AlertModalContent.prototype.render = function () {
var _this = this;
var theme = this.props.theme;
var buttons = this.props.buttons && this.props.buttons.map(function (btnSpec, i) {
var isCancel = btnSpec.style === 'cancel';
var buttonStyle = [_styles.defaultButton, isCancel ? _styles.defaultCancelButton : undefined];
var buttonTextStyle = [_styles.defaultBtnText, isCancel ? _styles.defaultCancelBtnText : undefined];
// Is the mouse pointer currently hovering over this button?
if (_this.state.hoverIndex === i) {
buttonStyle.push(_styles.defaultButtonHover);
}
if (theme) {
buttonStyle.push(theme.buttonStyle);
buttonTextStyle.push(theme.buttonTextStyle);
if (isCancel) {
buttonStyle.push(theme.cancelButtonStyle);
buttonTextStyle.push(theme.cancelButtonTextStyle);
}
if (_this.state.hoverIndex === i) {
buttonStyle.push(isCancel ? theme.cancelButtonHoverStyle : theme.buttonHoverStyle);
}
}
return (React.createElement(View_1.default, { key: 'button_' + i, style: _styles.defaultButtonContainer },
React.createElement(Button_1.default, { onPress: function (e) { return _this._onPressButton(btnSpec); }, onHoverStart: function () { return _this.setState({ hoverIndex: i }); }, onHoverEnd: function () { return _this.setState({ hoverIndex: -1 }); }, style: buttonStyle },
React.createElement(Text_1.default, { style: buttonTextStyle }, btnSpec.text))));
});
return (React.createElement(View_1.default, { style: _styles.background, onPress: this._onPressBackground },
React.createElement(View_1.default, { style: _styles.verticalRoot },
React.createElement(View_1.default, { style: [_styles.defaultBody, theme && theme.bodyStyle], onPress: this._onPressBody },
React.createElement(View_1.default, null,
React.createElement(Text_1.default, { style: [_styles.defaultTitleText, theme && theme.titleTextStyle] }, this.props.title)),
React.createElement(View_1.default, null,
React.createElement(Text_1.default, { style: [_styles.defaultMessageText, theme && theme.messageTextStyle] }, this.props.message)),
buttons))));
};
AlertModalContent.prototype._onPressButton = function (btnSpec) {
Modal_1.default.dismiss(this.props.modalId);
if (btnSpec.onPress) {
btnSpec.onPress();
}
};
return AlertModalContent;
}(RX.Component));
exports.AlertModalContent = AlertModalContent;
exports["default"] = AlertModalContent;
/***/ }),
/***/ 66758:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Animated.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Implements animated components for web version of ReactXP.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
// tslint:disable:function-name
var React = __webpack_require__(49231);
var ReactDOM = __webpack_require__(64151);
var AppConfig_1 = __webpack_require__(5449);
var Easing_1 = __webpack_require__(92814);
exports.Easing = Easing_1.default;
var RX = __webpack_require__(35066);
var executeTransition_1 = __webpack_require__(38635);
var Image_1 = __webpack_require__(16269);
var _ = __webpack_require__(50892);
var Styles_1 = __webpack_require__(58653);
var Text_1 = __webpack_require__(46447);
var TextInput_1 = __webpack_require__(36448);
var View_1 = __webpack_require__(17402);
// Animated Css Property Units - check /common/Types for the list of available
// css animated properties
var animatedPropUnits = {
// AnimatedFlexboxStyleRules
height: 'px',
width: 'px',
left: 'px',
right: 'px',
top: 'px',
bottom: 'px',
// AnimatedTransformStyleRules
perspective: '',
rotate: 'deg',
rotateX: 'deg',
rotateY: 'deg',
rotateZ: 'deg',
scale: '',
scaleX: '',
scaleY: '',
scaleZ: '',
translateX: 'px',
translateY: 'px',
skewX: '',
skewY: '',
// AnimatedViewAndImageCommonStyleRules
backgroundColor: '',
opacity: '',
borderRadius: 'px',
// AnimatedTextStyleRules
color: '',
fontSize: 'px'
};
// Every Animation subclass should extend this.
var Animation = /** @class */ (function () {
function Animation() {
}
return Animation;
}());
exports.Animation = Animation;
// The animated value object
var Value = /** @class */ (function (_super) {
__extends(Value, _super);
// Initializes the object with the defaults and assigns the id for the animated value.
function Value(value) {
var _this = _super.call(this, value) || this;
_this._value = value;
_this._listeners = [];
return _this;
}
// Gets the current animated value (this gets updates after animation concludes)
Value.prototype._getInputValue = function () {
return this._value;
};
Value.prototype._getOutputValue = function () {
return this._getInterpolatedValue(this._value);
};
Value.prototype._getInterpolatedValue = function (inputVal) {
return inputVal;
};
Value.prototype._isInterpolated = function () {
return false;
};
Value.prototype.interpolate = function (config) {
return new InterpolatedValue(config, this);
};
// Updates a value in this animated reference.
Value.prototype.setValue = function (value) {
var _this = this;
if (value === undefined) {
throw new Error('An invalid value was passed into setvalue in the animated value api');
}
// If value the same, do nothing.
if (value === this._value) {
return;
}
this._value = value;
// Notify subscribers about the new value.
_.each(this._listeners, function (listener) { return listener.setValue(_this, value); });
};
// Add listener for when the value gets updated.
Value.prototype._addListener = function (listenerToAdd) {
if (this._listeners.indexOf(listenerToAdd) < 0) {
this._listeners.push(listenerToAdd);
}
};
// Remove a specific listner.
Value.prototype._removeListener = function (listenerToRemove) {
this._listeners = _.filter(this._listeners, function (listener) { return listener !== listenerToRemove; });
};
// Remove all listeners.
Value.prototype._removeAllListeners = function () {
this._listeners = [];
};
// Start a specific animation.
Value.prototype._startTransition = function (toValue, duration, easing, delay, onEnd) {
var _this = this;
// If there are no listeners, the app probably has a bug where it's
// starting an animation before the associated element is mounted.
// Complete the animation immediately by updating to the end value
// and caling the onEnd callback.
if (this._listeners.length === 0) {
this._updateFinalValue(toValue);
if (onEnd) {
onEnd({ finished: false });
}
return;
}
// Only call onEnd once for a series of listeners.
var onEndCalled = false;
var onEndWrapper = function (result) {
if (onEndCalled) {
return;
}
onEndCalled = true;
onEnd(result);
};
_.each(this._listeners, function (listener) {
listener.startTransition(_this, _this._getOutputValue(), _this._getInterpolatedValue(toValue), duration, easing, delay, onEndWrapper);
});
};
// Stop animation.
Value.prototype._stopTransition = function () {
var _this = this;
_.each(this._listeners, function (listener) {
var updatedValue = listener.stopTransition(_this);
if (updatedValue !== undefined) {
_this._updateFinalValue(updatedValue);
}
});
};
// After an animation is stopped or completed, updates
// the final value.
Value.prototype._updateFinalValue = function (value) {
this.setValue(value);
};
return Value;
}(RX.Types.AnimatedValue));
exports.Value = Value;
var InterpolatedValue = /** @class */ (function (_super) {
__extends(InterpolatedValue, _super);
function InterpolatedValue(_config, rootValue) {
var _this = _super.call(this, rootValue._getOutputValue()) || this;
_this._config = _config;
if (!_this._config || !_this._config.inputRange || !_this._config.outputRange ||
_this._config.inputRange.length < 2 || _this._config.outputRange.length < 2 ||
_this._config.inputRange.length !== _this._config.outputRange.length) {
throw new Error('The interpolation config is invalid. Input and output arrays must be same length.');
}
var newInterpolationConfig = {};
_.each(_this._config.inputRange, function (key, index) {
newInterpolationConfig[key] = _this._config.outputRange[index];
});
_this._interpolationConfig = newInterpolationConfig;
rootValue._addListener({
setValue: function (valueObject, newValue) {
_this.setValue(valueObject._getOutputValue());
},
startTransition: function (valueObject, from, toValue, duration, easing, delay, onEnd) {
_this._startTransition(toValue, duration, easing, delay, onEnd);
},
stopTransition: function (valueObject) {
_this._stopTransition();
return undefined;
}
});
return _this;
}
InterpolatedValue.prototype._startTransition = function (toValue, duration, easing, delay, onEnd) {
// This API doesn't currently support more than two elements in the
// interpolation array. Supporting this in the web would require the
// use of JS-driven animations or keyframes, both of which are prohibitively
// expensive from a performance and responsiveness perspective.
if (this._config.inputRange.length !== 2) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.log('Web implementation of interpolate API currently supports only two interpolation values.');
}
}
_super.prototype._startTransition.call(this, toValue, duration, easing, delay, onEnd);
};
InterpolatedValue.prototype._convertValueToNumeric = function (inputVal) {
if (_.isNumber(inputVal)) {
return inputVal;
}
return parseInt(inputVal, 10);
};
InterpolatedValue.prototype._addUnitsToNumericValue = function (value, templateValue) {
if (_.isNumber(templateValue)) {
return value;
}
// Does the template contain any of the common units?
var templateString = templateValue;
var commonUnits = ['deg', 'grad', 'rad'];
for (var _i = 0, commonUnits_1 = commonUnits; _i < commonUnits_1.length; _i++) {
var unit = commonUnits_1[_i];
if (templateString.indexOf(unit) > 0) {
return value.toString() + unit;
}
}
return value;
};
InterpolatedValue.prototype._getInterpolatedValue = function (inputVal) {
var _this = this;
if (!this._interpolationConfig) {
throw new Error('There is no interpolation config but one is required');
}
var numericInputValue = this._convertValueToNumeric(inputVal);
var outputValues = this._config.outputRange.map(function (value) {
return _this._convertValueToNumeric(value);
});
if (this._interpolationConfig[numericInputValue]) {
return this._interpolationConfig[numericInputValue];
}
if (inputVal < this._config.inputRange[0]) {
return outputValues[0];
}
for (var i = 1; i < this._config.inputRange.length; i++) {
if (inputVal < this._config.inputRange[i]) {
var ratio = (numericInputValue - this._config.inputRange[i - 1]) /
(this._config.inputRange[i] - this._config.inputRange[i - 1]);
return this._addUnitsToNumericValue(this._config.outputRange[i] * ratio +
this._config.outputRange[i - 1] * (1 - ratio), inputVal);
}
}
return this._addUnitsToNumericValue(outputValues[this._config.inputRange.length - 1], inputVal);
};
InterpolatedValue.prototype._isInterpolated = function () {
return true;
};
return InterpolatedValue;
}(Value));
exports.InterpolatedValue = InterpolatedValue;
exports.timing = function (value, config) {
if (!value || !config) {
throw new Error('Timing animation requires value and config');
}
var stopLooping = false;
return {
start: function (onEnd) {
var animate = function () {
if (config.loop) {
value.setValue(config.loop.restartFrom);
}
var easing = config.easing || Easing_1.default.Default();
var duration = config.duration !== undefined ? config.duration : 500;
var delay = config.delay || 0;
value._startTransition(config.toValue, duration, easing.cssName, delay, function (result) {
// Restart the loop?
if (config.loop && !stopLooping) {
animate();
}
else {
value._updateFinalValue(config.toValue);
}
if (onEnd) {
onEnd(result);
}
});
};
// Trigger animation loop
animate();
},
stop: function () {
stopLooping = true;
value._stopTransition();
}
};
};
exports.sequence = function (animations) {
if (!animations) {
throw new Error('Sequence animation requires a list of animations');
}
var hasBeenStopped = false;
var doneCount = 0;
var result = {
start: function (onEnd) {
if (!animations || animations.length === 0) {
throw new Error('No animations were passed to the animated sequence API');
}
var executeNext = function () {
doneCount++;
var isFinished = doneCount === animations.length;
if (hasBeenStopped || isFinished) {
doneCount = 0;
hasBeenStopped = false;
if (onEnd) {
onEnd({ finished: isFinished });
}
return;
}
animations[doneCount].start(executeNext);
};
animations[doneCount].start(executeNext);
},
stop: function () {
if (doneCount < animations.length) {
doneCount = 0;
hasBeenStopped = true;
animations[doneCount].stop();
}
}
};
return result;
};
exports.parallel = function (animations) {
if (!animations) {
throw new Error('Parallel animation requires a list of animations');
}
// Variable to make sure we only call stop() at most once
var hasBeenStopped = false;
var doneCount = 0;
var result = {
start: function (onEnd) {
if (!animations || animations.length === 0) {
throw new Error('No animations were passed to the animated parallel API');
}
// Walk through animations and start all as soon as possible.
animations.forEach(function (animation, id) {
animation.start(function (animationResult) {
doneCount++;
var isFinished = doneCount === animations.length;
if (hasBeenStopped || isFinished) {
doneCount = 0;
hasBeenStopped = false;
if (onEnd) {
onEnd({ finished: isFinished });
}
return;
}
});
});
},
stop: function () {
doneCount = 0;
hasBeenStopped = true;
animations.forEach(function (animation) {
animation.stop();
});
}
};
return result;
};
// Function for creating wrapper AnimatedComponent around passed in component
function createAnimatedComponent(Component) {
var AnimatedComponentGenerated = /** @class */ (function (_super) {
__extends(AnimatedComponentGenerated, _super);
function AnimatedComponentGenerated(props) {
var _this = _super.call(this, props) || this;
_this._mountedComponent = null;
_this._onMount = function (component) {
_this._mountedComponent = component;
};
_this._animatedAttributes = {};
_this._animatedTransforms = {};
_this._updateStyles(props);
return _this;
}
AnimatedComponentGenerated.prototype.setNativeProps = function (props) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.error('setNativeProps not supported on web');
}
};
AnimatedComponentGenerated.prototype.UNSAFE_componentWillReceiveProps = function (props) {
this._updateStyles(props);
};
AnimatedComponentGenerated.prototype.setValue = function (valueObject, newValue) {
// We should never get here if the component isn't mounted,
// but we'll add this additional protection.
if (!this._mountedComponent) {
return;
}
var attrib = this._findAnimatedAttributeByValue(this._animatedAttributes, valueObject);
if (attrib) {
var domNode = this._getDomNode();
if (domNode) {
var cssValue = this._generateCssAttributeValue(attrib, valueObject._getOutputValue());
domNode.style[attrib] = cssValue;
}
return;
}
var transform = this._findAnimatedAttributeByValue(this._animatedTransforms, valueObject);
if (transform) {
var domNode = this._getDomNode();
if (domNode) {
domNode.style.transform = this._generateCssTransformList(true);
}
}
};
AnimatedComponentGenerated.prototype.startTransition = function (valueObject, fromValue, toValue, duration, easing, delay, onEnd) {
// We should never get here if the component isn't mounted,
// but we'll add this additional protection.
if (!this._mountedComponent) {
return;
}
var updateTransition = false;
var attrib = this._findAnimatedAttributeByValue(this._animatedAttributes, valueObject);
if (attrib) {
if (this._animatedAttributes[attrib].activeTransition) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.error('Animation started while animation was already pending');
}
}
this._animatedAttributes[attrib].activeTransition = {
property: Styles_1.default.convertJsToCssStyle(attrib),
from: this._generateCssAttributeValue(attrib, fromValue),
to: this._generateCssAttributeValue(attrib, toValue),
duration: duration,
timing: easing,
delay: delay,
toValue: toValue,
onEnd: onEnd
};
updateTransition = true;
}
var transform = this._findAnimatedAttributeByValue(this._animatedTransforms, valueObject);
if (transform) {
if (this._animatedTransforms[transform].activeTransition) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.error('Animation started while animation was already pending');
}
}
this._animatedTransforms[transform].activeTransition = {
property: transform,
from: fromValue,
to: toValue,
duration: duration,
timing: easing,
delay: delay,
toValue: toValue,
onEnd: onEnd
};
updateTransition = true;
}
if (updateTransition) {
this._updateTransition();
}
};
// Stops a pending transition, returning the value at the current time.
AnimatedComponentGenerated.prototype.stopTransition = function (valueObject) {
// We should never get here if the component isn't mounted,
// but we'll add this additional protection.
if (!this._mountedComponent) {
return;
}
var partialValue;
var stoppedTransition;
var updateTransition = false;
var attrib = this._findAnimatedAttributeByValue(this._animatedAttributes, valueObject);
if (attrib) {
var activeTransition = this._animatedAttributes[attrib].activeTransition;
if (activeTransition) {
partialValue = activeTransition.toValue;
// We don't currently support updating to an intermediate
// value for interpolated values because this would involve
// mapping the interpolated value in reverse. Instead, we'll
// simply update it to the "toValue".
if (!valueObject._isInterpolated()) {
var domNode = this._getDomNode();
if (domNode) {
var computedStyle = window.getComputedStyle(domNode, undefined);
if (computedStyle && computedStyle[attrib]) {
partialValue = computedStyle[attrib];
}
}
}
stoppedTransition = this._animatedAttributes[attrib].activeTransition;
delete this._animatedAttributes[attrib].activeTransition;
updateTransition = true;
}
}
else {
var transform = this._findAnimatedAttributeByValue(this._animatedTransforms, valueObject);
if (transform) {
var activeTransition = this._animatedTransforms[transform].activeTransition;
if (activeTransition) {
// We don't currently support updating to an intermediate value
// for transform values. This is because getComputedStyle
// returns a transform matrix for 'transform'. To implement this, we'd
// need to convert the matrix back to a rotation, scale, etc.
partialValue = activeTransition.toValue;
stoppedTransition = this._animatedTransforms[transform].activeTransition;
delete this._animatedTransforms[transform].activeTransition;
updateTransition = true;
}
}
}
if (stoppedTransition && stoppedTransition.onEnd) {
stoppedTransition.onEnd({ finished: false });
}
if (updateTransition) {
this._updateTransition();
}
return partialValue;
};
AnimatedComponentGenerated.prototype._getDomNode = function () {
return ReactDOM.findDOMNode(this._mountedComponent);
};
// Looks for the specified value object in the specified map. Returns
// the key for the map (i.e. the attribute name) if found.
AnimatedComponentGenerated.prototype._findAnimatedAttributeByValue = function (map, valueObj) {
var keys = _.keys(map);
var index = _.findIndex(keys, function (key) { return map[key].valueObject === valueObj; });
return index >= 0 ? keys[index] : undefined;
};
// Updates the "transform" CSS attribute for the element to reflect all
// active transitions.
AnimatedComponentGenerated.prototype._updateTransition = function () {
var _this = this;
// We should never get here if the component isn't mounted,
// but we'll add this additional protection.
if (!this._mountedComponent) {
return;
}
var activeTransitions = [];
_.each(this._animatedAttributes, function (attrib) {
if (attrib.activeTransition) {
activeTransitions.push(attrib.activeTransition);
}
});
// If there are any transform transitions, we need to combine
// these into a single transition. That means we can't specify
// different durations, delays or easing functions for each. That's
// an unfortunate limitation of CSS.
var keys = _.keys(this._animatedTransforms);
var index = _.findIndex(keys, function (key) { return !!_this._animatedTransforms[key].activeTransition; });
if (index >= 0) {
var transformTransition = this._animatedTransforms[keys[index]].activeTransition;
activeTransitions.push({
property: 'transform',
from: this._generateCssTransformList(false),
to: this._generateCssTransformList(true),
duration: transformTransition.duration,
timing: transformTransition.timing,
delay: transformTransition.delay
});
}
if (activeTransitions.length > 0) {
var domNode = this._getDomNode();
if (domNode) {
executeTransition_1.executeTransition(domNode, activeTransitions, function () {
// Clear all of the active transitions and invoke the onEnd callbacks.
var completeTransitions = [];
_.each(_this._animatedAttributes, function (attrib) {
if (attrib.activeTransition) {
completeTransitions.push(attrib.activeTransition);
delete attrib.activeTransition;
}
});
_.each(_this._animatedTransforms, function (transform) {
if (transform.activeTransition) {
completeTransitions.push(transform.activeTransition);
delete transform.activeTransition;
}
});
_.each(completeTransitions, function (transition) {
if (transition.onEnd) {
transition.onEnd({ finished: true });
}
});
});
}
}
};
// Generates the CSS value for the specified attribute given
// an animated value object.
AnimatedComponentGenerated.prototype._generateCssAttributeValue = function (attrib, newValue) {
// If the value is a raw number, append the default units.
// If it's a string, we assume the caller has specified the units.
if (typeof newValue === 'number') {
newValue = newValue + animatedPropUnits[attrib];
}
return newValue;
};
AnimatedComponentGenerated.prototype._generateCssTransformValue = function (transform, newValue) {
// If the value is a raw number, append the default units.
// If it's a string, we assume the caller has specified the units.
if (typeof newValue === 'number') {
newValue = newValue + animatedPropUnits[transform];
}
return newValue;
};
// Regenerates the list of transforms, combining all static and animated transforms.
AnimatedComponentGenerated.prototype._generateCssTransformList = function (useActiveValues) {
var _this = this;
var transformList = [];
_.each(this._staticTransforms, function (value, transform) {
transformList.push(transform + '(' + value + ')');
});
_.each(this._animatedTransforms, function (value, transform) {
var newValue = useActiveValues && value.activeTransition ?
value.activeTransition.to : value.valueObject._getOutputValue();
transformList.push(transform + '(' + _this._generateCssTransformValue(transform, newValue) + ')');
});
return transformList.join(' ');
};
// Typing of `any` on StyleRuleSet isn't desirable, but there's not accurate typings that can be used to represent
// our merging of web/RX styles here here
AnimatedComponentGenerated.prototype._updateStyles = function (props) {
var _this = this;
this._propsWithoutStyle = _.omit(props, 'style');
var rawStyles = Styles_1.default.combine(props.style || {});
this._processedStyle = {};
var newAnimatedAttributes = {};
for (var attrib in rawStyles) {
// Handle transforms separately.
if (attrib === 'staticTransforms' || attrib === 'animatedTransforms') {
continue;
}
// Is this a dynamic (animated) value?
if (rawStyles[attrib] instanceof Value) {
var valueObj = rawStyles[attrib];
this._processedStyle[attrib] = this._generateCssAttributeValue(attrib, valueObj._getOutputValue());
newAnimatedAttributes[attrib] = valueObj;
}
else {
// Copy the static style value.
this._processedStyle[attrib] = rawStyles[attrib];
}
}
// Handle transforms, which require special processing because they need to
// be combined into a single 'transform' CSS attribute.
this._staticTransforms = rawStyles.staticTransforms || {};
var newAnimatedTransforms = rawStyles.animatedTransforms || {};
// Update this._animatedAttributes and this._animatedTransforms so they match
// the updated style.
// Remove any previous animated attributes that are no longer present
// or associated with different value objects.
_.each(this._animatedAttributes, function (value, attrib) {
if (!newAnimatedAttributes[attrib] || newAnimatedAttributes[attrib] !== value.valueObject) {
if (value.activeTransition) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.error('Animated style attribute removed while the animation was active');
}
}
value.valueObject._removeListener(_this);
delete _this._animatedAttributes[attrib];
}
});
// Add new animated attributes.
_.each(newAnimatedAttributes, function (value, attrib) {
if (!_this._animatedAttributes[attrib]) {
_this._animatedAttributes[attrib] = { valueObject: value };
if (_this._mountedComponent) {
value._addListener(_this);
}
}
});
// Remove any previous animated transforms that are no longer present
// or associated with different value objects.
_.each(this._animatedTransforms, function (value, transform) {
if (!newAnimatedTransforms[transform] || newAnimatedTransforms[transform] !== value.valueObject) {
if (value.activeTransition) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.warn('Should not remove an animated transform attribute while the animation is active');
}
}
value.valueObject._removeListener(_this);
delete _this._animatedTransforms[transform];
}
});
// Add new animated transforms.
_.each(newAnimatedTransforms, function (value, transform) {
if (!_this._animatedTransforms[transform]) {
_this._animatedTransforms[transform] = { valueObject: value };
if (_this._mountedComponent) {
value._addListener(_this);
}
}
});
// Update the transform attribute in this._processedStyle.
var transformList = this._generateCssTransformList(true);
if (transformList) {
this._processedStyle.transform = transformList;
}
};
AnimatedComponentGenerated.prototype.componentDidMount = function () {
var _this = this;
_.each(this._animatedAttributes, function (value) {
value.valueObject._addListener(_this);
});
_.each(this._animatedTransforms, function (value) {
value.valueObject._addListener(_this);
});
};
AnimatedComponentGenerated.prototype.componentWillUnmount = function () {
var _this = this;
_.each(this._animatedAttributes, function (value) {
value.valueObject._removeListener(_this);
});
this._animatedAttributes = {};
_.each(this._animatedTransforms, function (value) {
value.valueObject._removeListener(_this);
});
this._animatedTransforms = {};
};
AnimatedComponentGenerated.prototype.focus = function () {
if (this._mountedComponent && this._mountedComponent.focus) {
this._mountedComponent.focus();
}
};
AnimatedComponentGenerated.prototype.requestFocus = function () {
if (this._mountedComponent && this._mountedComponent.requestFocus) {
this._mountedComponent.requestFocus();
}
};
AnimatedComponentGenerated.prototype.blur = function () {
if (this._mountedComponent && this._mountedComponent.blur) {
this._mountedComponent.blur();
}
};
AnimatedComponentGenerated.prototype.setFocusRestricted = function (restricted) {
if (this._mountedComponent && this._mountedComponent.setFocusRestricted) {
this._mountedComponent.setFocusRestricted(restricted);
}
};
AnimatedComponentGenerated.prototype.setFocusLimited = function (limited) {
if (this._mountedComponent && this._mountedComponent.setFocusLimited) {
this._mountedComponent.setFocusLimited(limited);
}
};
AnimatedComponentGenerated.prototype.render = function () {
return (React.createElement(Component, __assign({ style: this._processedStyle }, this._propsWithoutStyle, { ref: this._onMount }), this.props.children));
};
// Update the component's display name for easy debugging in react devtools extension
AnimatedComponentGenerated.displayName = "Animated." + (Component.displayName || Component.name || 'Component');
return AnimatedComponentGenerated;
}(React.Component));
return AnimatedComponentGenerated;
}
exports.Image = createAnimatedComponent(Image_1.default);
exports.Text = createAnimatedComponent(Text_1.default);
exports.TextInput = createAnimatedComponent(TextInput_1.default);
exports.View = createAnimatedComponent(View_1.default);
exports.createValue = function (initialValue) {
return new Value(initialValue);
};
exports.interpolate = function (value, inputRange, outputRange) {
return value.interpolate({ inputRange: inputRange, outputRange: outputRange });
};
/***/ }),
/***/ 56745:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* App.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Implements App interface for ReactXP.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var RX = __webpack_require__(35066);
var AppVisibilityUtils_1 = __webpack_require__(63105);
var App = /** @class */ (function (_super) {
__extends(App, _super);
function App() {
var _this = _super.call(this) || this;
_this._setActivationState = function (currentState) {
if (_this._activationState !== currentState) {
_this._activationState = currentState;
_this.activationStateChangedEvent.fire(_this._activationState);
}
};
// Handle test environment where document is not defined.
if (typeof (document) !== 'undefined') {
_this._activationState = AppVisibilityUtils_1.default.isAppInForeground() ?
RX.Types.AppActivationState.Active : RX.Types.AppActivationState.Background;
AppVisibilityUtils_1.default.onAppForegroundedEvent.subscribe(function () {
_this._setActivationState(RX.Types.AppActivationState.Active);
});
AppVisibilityUtils_1.default.onAppBackgroundedEvent.subscribe(function () {
_this._setActivationState(RX.Types.AppActivationState.Background);
});
}
else {
_this._activationState = RX.Types.AppActivationState.Active;
}
return _this;
}
App.prototype.initialize = function (debug, development) {
_super.prototype.initialize.call(this, debug, development);
};
App.prototype.getActivationState = function () {
return this._activationState;
};
return App;
}(RX.App));
exports.App = App;
exports["default"] = new App();
/***/ }),
/***/ 64542:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Button.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform Button abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var PropTypes = __webpack_require__(18722);
var React = __webpack_require__(49231);
var AppConfig_1 = __webpack_require__(5449);
var AutoFocusHelper_1 = __webpack_require__(61213);
var Interfaces_1 = __webpack_require__(35066);
var Timers_1 = __webpack_require__(16320);
var AccessibilityUtil_1 = __webpack_require__(6452);
var FocusManager_1 = __webpack_require__(55064);
var Styles_1 = __webpack_require__(58653);
var UserInterface_1 = __webpack_require__(14258);
var _styles = {
defaultButton: {
position: 'relative',
display: 'flex',
flexDirection: 'column',
flexGrow: 0,
flexShrink: 0,
overflow: 'hidden',
alignItems: 'stretch',
justifyContent: 'center',
appRegion: 'no-drag',
backgroundColor: 'transparent',
borderColor: 'transparent',
textAlign: 'left',
borderWidth: '0'
}
};
var _longPressTime = 1000;
var _defaultAccessibilityTrait = Interfaces_1.Types.AccessibilityTrait.Button;
var Button = /** @class */ (function (_super) {
__extends(Button, _super);
function Button(props, context) {
var _this = _super.call(this, props, context) || this;
_this._mountedButton = null;
_this._ignoreTouchEnd = false;
_this._ignoreClick = false;
_this._isMouseOver = false;
_this._isFocusedWithKeyboard = false;
_this._isHoverStarted = false;
_this._onMount = function (ref) {
_this._mountedButton = ref;
};
_this.onClick = function (e) {
if (_this._ignoreClick) {
e.stopPropagation();
_this._ignoreClick = false;
}
else if (!_this.props.disabled && _this.props.onPress) {
_this.props.onPress(e);
}
};
_this._onContextMenu = function (e) {
if (_this.props.onContextMenu) {
_this.props.onContextMenu(e);
}
};
_this._onMouseDown = function (e) {
if (_this.props.disabled) {
return;
}
_this._isMouseOver = true;
if (_this.props.onPressIn) {
_this.props.onPressIn(e);
}
if (_this.props.onLongPress) {
_this._lastMouseDownEvent = e;
e.persist();
// In the unlikely event we get 2 mouse down events, clear existing timer
if (_this._longPressTimer) {
Timers_1.default.clearTimeout(_this._longPressTimer);
}
_this._longPressTimer = Timers_1.default.setTimeout(function () {
_this._longPressTimer = undefined;
if (_this.props.onLongPress) {
// lastMouseDownEvent can never be undefined at this point
_this.props.onLongPress(_this._lastMouseDownEvent);
if ('touches' in e) {
_this._ignoreTouchEnd = true;
}
else {
_this._ignoreClick = true;
}
}
}, _this.props.delayLongPress || _longPressTime);
}
};
_this._onTouchMove = function (e) {
var buttonRect = e.target.getBoundingClientRect();
var wasMouseOver = _this._isMouseOver;
var isMouseOver = e.nativeEvent.touches[0].clientX > buttonRect.left &&
e.nativeEvent.touches[0].clientX < buttonRect.right &&
e.nativeEvent.touches[0].clientY > buttonRect.top &&
e.nativeEvent.touches[0].clientY < buttonRect.bottom;
// Touch has left the button, cancel the longpress handler.
if (wasMouseOver && !isMouseOver) {
if (_this._longPressTimer) {
clearTimeout(_this._longPressTimer);
}
if (_this.props.onHoverEnd) {
_this.props.onHoverEnd(e);
}
}
_this._isMouseOver = isMouseOver;
};
_this._onMouseUp = function (e) {
if (!_this.props.disabled && _this.props.onPressOut) {
_this.props.onPressOut(e);
}
if (_this._longPressTimer) {
Timers_1.default.clearTimeout(_this._longPressTimer);
}
};
/**
* Case where onPressOut is not triggered and the bubbling is canceled:
* 1- Long press > release
*
* Cases where onPressOut is triggered:
* 2- Long press > leave button > release touch
* 3- Tap
*
* All other cases: onPressOut is not triggered and the bubbling is NOT canceled:
*/
_this._onTouchEnd = function (e) {
if (_this._isMouseOver && _this._ignoreTouchEnd) {
/* 1 */
e.stopPropagation();
}
else if (
/* 2 */
!_this._isMouseOver && _this._ignoreTouchEnd ||
/* 3 */
_this._isMouseOver && !_this._ignoreTouchEnd) {
if ('touches' in e) {
// Stop the to event sequence to prevent trigger button.onMouseDown
e.preventDefault();
if (_this.props.onPress) {
_this.props.onPress(e);
}
}
if (_this.props.onPressOut) {
_this.props.onPressOut(e);
}
}
_this._ignoreTouchEnd = false;
if (_this._longPressTimer) {
Timers_1.default.clearTimeout(_this._longPressTimer);
}
};
_this._onMouseEnter = function (e) {
_this._isMouseOver = true;
_this._onHoverStart(e);
};
_this._onMouseLeave = function (e) {
_this._isMouseOver = false;
_this._onHoverEnd(e);
// The mouse is still down. A long press may be just happened. Re-enable the next click.
_this._ignoreClick = false;
// Cancel longpress if mouse has left.
if (_this._longPressTimer) {
Timers_1.default.clearTimeout(_this._longPressTimer);
}
};
// When we get focus on an element, show the hover effect on the element.
// This ensures that users using keyboard also get the similar experience as mouse users for accessibility.
_this._onFocus = function (e) {
_this._isFocusedWithKeyboard = UserInterface_1.default.isNavigatingWithKeyboard();
_this._onHoverStart(e);
if (_this.props.onFocus) {
_this.props.onFocus(e);
}
};
_this._onBlur = function (e) {
_this._isFocusedWithKeyboard = false;
_this._onHoverEnd(e);
if (_this.props.onBlur) {
_this.props.onBlur(e);
}
};
_this._onHoverStart = function (e) {
if (!_this._isHoverStarted && (_this._isMouseOver || _this._isFocusedWithKeyboard)) {
_this._isHoverStarted = true;
if (_this.props.onHoverStart) {
_this.props.onHoverStart(e);
}
}
};
_this._onHoverEnd = function (e) {
if (_this._isHoverStarted && !_this._isMouseOver && !_this._isFocusedWithKeyboard) {
_this._isHoverStarted = false;
if (_this.props.onHoverEnd) {
_this.props.onHoverEnd(e);
}
}
};
if (context && context.hasRxButtonAscendant) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.warn('Button components should not be embedded. Some APIs, e.g. Accessibility, will not work.');
}
}
return _this;
}
Button.prototype.getChildContext = function () {
return { hasRxButtonAscendant: true };
};
Button.prototype.render = function () {
var ariaRole = AccessibilityUtil_1.default.accessibilityTraitToString(this.props.accessibilityTraits, _defaultAccessibilityTrait);
var ariaSelected = AccessibilityUtil_1.default.accessibilityTraitToAriaSelected(this.props.accessibilityTraits);
var ariaChecked = AccessibilityUtil_1.default.accessibilityTraitToAriaChecked(this.props.accessibilityTraits);
var isAriaHidden = AccessibilityUtil_1.default.isHidden(this.props.importantForAccessibility);
var ariaHasPopup = AccessibilityUtil_1.default.accessibilityTraitToAriaHasPopup(this.props.accessibilityTraits);
// NOTE: We use tabIndex=0 to support focus.
return (React.createElement("button", { ref: this._onMount, style: this._getStyles(), role: ariaRole, title: this.props.title, tabIndex: this.props.tabIndex, "aria-label": this.props.accessibilityLabel || this.props.title, "aria-disabled": this.props.disabled, "aria-hidden": isAriaHidden, "aria-selected": ariaSelected, "aria-checked": ariaChecked, onClick: this.onClick, onTouchStart: this._onMouseDown, onTouchMove: this._onTouchMove, onTouchEnd: this._onTouchEnd, onContextMenu: this._onContextMenu, onMouseDown: this._onMouseDown, onMouseUp: this._onMouseUp, onMouseEnter: this._onMouseEnter, onMouseLeave: this._onMouseLeave, onFocus: this._onFocus, onBlur: this._onBlur, onKeyDown: this.props.onKeyPress, disabled: this.props.disabled, "aria-haspopup": ariaHasPopup, "aria-controls": this.props.ariaControls, id: this.props.id, "data-test-id": this.props.testId }, this.props.children));
};
Button.prototype.componentDidMount = function () {
if (this.props.autoFocus) {
this.requestFocus();
}
};
Button.prototype.requestFocus = function () {
var _this = this;
AutoFocusHelper_1.FocusArbitratorProvider.requestFocus(this, function () { return _this.focus(); }, function () { return _this._mountedButton !== null; });
};
Button.prototype.focus = function () {
if (this._mountedButton) {
this._mountedButton.focus();
}
};
Button.prototype.blur = function () {
if (this._mountedButton) {
this._mountedButton.blur();
}
};
Button.prototype._getStyles = function () {
var buttonStyleMutations = {};
var buttonStyles = Styles_1.default.combine(this.props.style);
// Specify default style for padding only if padding is not already specified
if (buttonStyles && buttonStyles.padding === undefined &&
buttonStyles.paddingRight === undefined && buttonStyles.paddingLeft === undefined &&
buttonStyles.paddingBottom === undefined && buttonStyles.paddingTop === undefined &&
buttonStyles.paddingHorizontal === undefined && buttonStyles.paddingVertical === undefined) {
buttonStyleMutations.padding = 0;
}
if (this.props.disabled) {
buttonStyleMutations.opacity = this.props.disabledOpacity !== undefined ? this.props.disabledOpacity : 0.5;
}
// Default to 'pointer' cursor for enabled buttons unless otherwise specified.
if (!buttonStyles || !buttonStyles.cursor) {
buttonStyleMutations.cursor = this.props.disabled ? 'default' : 'pointer';
}
return Styles_1.default.combine([_styles.defaultButton, buttonStyles, buttonStyleMutations]);
};
Button.contextTypes = {
hasRxButtonAscendant: PropTypes.bool,
focusArbitrator: PropTypes.object
};
Button.childContextTypes = {
hasRxButtonAscendant: PropTypes.bool
};
return Button;
}(Interfaces_1.Button));
exports.Button = Button;
FocusManager_1.applyFocusableComponentMixin(Button);
exports["default"] = Button;
/***/ }),
/***/ 30009:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Clipboard.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform Clipboard abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var RX = __webpack_require__(35066);
var Clipboard = /** @class */ (function (_super) {
__extends(Clipboard, _super);
function Clipboard() {
return _super !== null && _super.apply(this, arguments) || this;
}
Clipboard.prototype.setText = function (text) {
var node = Clipboard._createInvisibleNode();
node.value = text;
document.body.appendChild(node);
Clipboard._copyNode(node);
document.body.removeChild(node);
};
Clipboard.prototype.getText = function () {
// Not supported in web platforms. This should can be only handled
// in the paste event handlers.
return Promise.reject('Not supported on web');
};
Clipboard._createInvisibleNode = function () {
var node = document.createElement('textarea');
node.style.position = 'absolute';
node.style.left = '-10000px';
node.style.width = '10px';
// Use the same vertical position as the current page
// to avoid scrolling on iOS Safari.
var yPosition = window.pageYOffset || document.documentElement.scrollTop;
node.style.top = yPosition + 'px';
node.readOnly = true;
return node;
};
Clipboard._copyNode = function (node) {
node.select();
node.setSelectionRange(0, node.value.length);
document.execCommand('copy');
var selection = window.getSelection();
if (selection) {
selection.removeAllRanges();
}
};
return Clipboard;
}(RX.Clipboard));
exports.Clipboard = Clipboard;
exports["default"] = new Clipboard();
/***/ }),
/***/ 53080:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* CustomScrollbar.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Custom scrollbar implementation for web.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var assert_1 = __webpack_require__(27730);
var Timers_1 = __webpack_require__(16320);
var UNIT = 'px';
var SCROLLER_MIN_SIZE = 15;
var SCROLLER_NEGATIVE_MARGIN = 30;
var NEUTRAL_OVERRIDE_CLASS = 'neutraloverride';
var _nativeSrollBarWidth = -1;
var _isStyleSheetInstalled = false;
var _customScrollbarCss = "\n .rxCustomScroll .scrollViewport > * {\n box-sizing: border-box;\n display: block;\n }\n .rxCustomScroll .rail {\n position: absolute;\n border-radius: 4px;\n opacity: 0;\n background-color: transparent;\n transition-delay: 0, 0;\n transition-duration: .2s, .2s;\n transition-property: background-color, opacity;\n transition-timing-function: linear, linear;\n display: none;\n box-sizing: border-box;\n }\n .rxCustomScroll .rail:hover {\n background-color: #EEE;\n border-color: #EEE;\n opacity: .9;\n border-radius: 6px;\n }\n .rxCustomScroll .rail:hover .slider {\n border-radius: 6px;\n }\n .rxCustomScroll .rail .slider {\n position: absolute;\n border-radius: 4px;\n background: #555;\n box-sizing: border-box;\n border: 1px solid #555;\n }\n .rxCustomScroll:not(.neutraloverride) > .scrollViewportV > * {\n margin-right: em(-17px) !important;\n }\n .rxCustomScroll .railV {\n top: 0;\n bottom: 0;\n right: 3px;\n width: 8px;\n }\n .rxCustomScroll .railV .slider {\n top: 10px;\n width: 8px;\n min-height: 15px;\n }\n .rxCustomScroll .railV.railBoth {\n bottom: 15px;\n }\n .rxCustomScroll .railH {\n left: 0;\n right: 0;\n bottom: 3px;\n height: 8px;\n }\n .rxCustomScroll .railH .slider {\n left: 10px;\n top: -1px;\n height: 8px;\n min-width: 15px;\n }\n .rxCustomScroll .railH.railBoth {\n right: 15px;\n }\n .rxCustomScroll.active .rail {\n display: block;\n }\n .rxCustomScroll:hover .rail {\n opacity: .6;\n }\n .rxCustomScroll:hover .rail .slider {\n background: #AAA;\n border-color: #AAA;\n }\n .rxCustomScroll.rxCustomScrollH {\n width: auto;\n }\n .rxCustomScroll.rxCustomScrollV {\n width: 100%;\n }\n .rxCustomScroll.scrolling .rail {\n background-color: #EEE;\n border-color: #EEE;\n opacity: .9;\n border-radius: 6px;\n }\n .rxCustomScroll.scrolling .rail .slider {\n border-radius: 6px;\n background: #AAA;\n border-color: #AAA;\n }\n .rxCustomScroll.scrolling .scrollViewport > * {\n pointer-events: none !important;\n }\n .rxCustomScroll.scrolling .railV {\n width: 12px;\n }\n .rxCustomScroll.scrolling .railV .slider {\n width: 12px;\n }\n .rxCustomScroll.scrolling .railH {\n height: 12px;\n }\n .rxCustomScroll.scrolling .railH .slider {\n height: 12px;\n }\n .rxCustomScroll .railV:hover {\n width: 12px;\n }\n .rxCustomScroll .railV:hover .slider {\n width: 12px;\n }\n .rxCustomScroll .railH:hover {\n height: 12px;\n }\n .rxCustomScroll .railH:hover .slider {\n height: 12px;\n }\n";
var Scrollbar = /** @class */ (function () {
function Scrollbar(container) {
this._verticalBar = {};
this._horizontalBar = {};
this._dragging = false;
this._dragIsVertical = false;
this._scrollingVisible = false;
this._hasHorizontal = false;
this._hasVertical = true;
this._hasHiddenScrollbar = false;
this._stopDragCallback = this._stopDrag.bind(this);
this._startDragVCallback = this._startDrag.bind(this, true);
this._startDragHCallback = this._startDrag.bind(this, false);
this._handleDragCallback = this._handleDrag.bind(this);
this._handleWheelCallback = this._handleWheel.bind(this);
this._handleMouseDownCallback = this._handleMouseDown.bind(this);
this._updateCallback = this.update.bind(this);
assert_1.default(container, 'Container must not be null');
this._container = container;
}
Scrollbar.getNativeScrollbarWidth = function () {
// Have we cached the value alread?
if (_nativeSrollBarWidth >= 0) {
return _nativeSrollBarWidth;
}
var inner = document.createElement('p');
inner.style.width = '100%';
inner.style.height = '100%';
var outer = document.createElement('div');
outer.style.position = 'absolute';
outer.style.top = '0';
outer.style.left = '0';
outer.style.visibility = 'hidden';
outer.style.width = '100px';
outer.style.height = '100px';
outer.style.overflow = 'hidden';
outer.appendChild(inner);
document.body.appendChild(outer);
var w1 = inner.offsetWidth;
outer.style.overflow = 'scroll';
var w2 = inner.offsetWidth;
if (w1 === w2) {
w2 = outer.clientWidth;
}
document.body.removeChild(outer);
_nativeSrollBarWidth = w1 - w2;
return _nativeSrollBarWidth;
};
Scrollbar._installStyleSheet = function () {
// Have we installed the style sheet already?
if (_isStyleSheetInstalled) {
return;
}
// We set the CSS style sheet here to avoid the need
// for users of this class to carry along another CSS
// file.
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet) {
style.styleSheet.cssText = _customScrollbarCss;
}
else {
style.appendChild(document.createTextNode(_customScrollbarCss));
}
head.appendChild(style);
_isStyleSheetInstalled = true;
};
Scrollbar.prototype._tryLtrOverride = function () {
var rtlbox = document.createElement('div');
rtlbox.style.cssText = 'position: absolute; overflow-y: scroll; width: 30px; visibility: hidden;';
// tslint:disable-next-line
rtlbox.innerHTML = '<div class="probe"></div>';
this._container.appendChild(rtlbox);
var probe = rtlbox.querySelector('.probe');
var rtlboxRect = rtlbox.getBoundingClientRect();
var probeRect = probe.getBoundingClientRect();
var isLeftBound = rtlboxRect.left === probeRect.left;
var isRightBound = rtlboxRect.right === probeRect.right;
var isNeutral = isLeftBound && isRightBound;
this._container.classList.remove(NEUTRAL_OVERRIDE_CLASS);
if (isNeutral) {
this._container.classList.add(NEUTRAL_OVERRIDE_CLASS);
}
// tslint:disable-next-line
rtlbox.innerHTML = '';
this._container.removeChild(rtlbox);
};
Scrollbar.prototype._prevent = function (e) {
e.preventDefault();
};
Scrollbar.prototype._updateSliders = function () {
if (this._hasHorizontal) {
// Read from DOM before we write back
var newSliderWidth = this._horizontalBar.sliderSize + UNIT;
var newSliderLeft = this._viewport.scrollLeft * this._horizontalBar.scroll2Slider + UNIT;
this._horizontalBar.slider.style.width = newSliderWidth;
this._horizontalBar.slider.style.left = newSliderLeft;
}
if (this._hasVertical) {
// Read from DOM before we write back
var newSliderHeight = this._verticalBar.sliderSize + UNIT;
var newSliderTop = this._viewport.scrollTop * this._verticalBar.scroll2Slider + UNIT;
this._verticalBar.slider.style.height = newSliderHeight;
this._verticalBar.slider.style.top = newSliderTop;
}
};
Scrollbar.prototype._handleDrag = function (e) {
if (this._dragIsVertical) {
this._viewport.scrollTop = (e.pageY - this._verticalBar.dragOffset) * this._verticalBar.slider2Scroll;
}
else {
this._viewport.scrollLeft = (e.pageX - this._horizontalBar.dragOffset) * this._horizontalBar.slider2Scroll;
}
};
Scrollbar.prototype._startDrag = function (dragIsVertical, e) {
if (!this._dragging) {
window.addEventListener('mouseup', this._stopDragCallback);
window.addEventListener('mousemove', this._handleDragCallback);
this._container.classList.add('scrolling');
if (this._hasHorizontal) {
this._horizontalBar.dragOffset = e.pageX - this._horizontalBar.slider.offsetLeft;
}
if (this._hasVertical) {
this._verticalBar.dragOffset = e.pageY - this._verticalBar.slider.offsetTop;
}
this._dragging = true;
this._dragIsVertical = dragIsVertical;
}
this._prevent(e);
};
Scrollbar.prototype._stopDrag = function () {
this._container.classList.remove('scrolling');
window.removeEventListener('mouseup', this._stopDragCallback);
window.removeEventListener('mousemove', this._handleDragCallback);
this._dragging = false;
};
Scrollbar.prototype._handleWheel = function (e) {
// Always prefer the vertical axis if present. User can override with the control key.
if (this._hasVertical) {
this._viewport.scrollTop = this._normalizeDelta(e) + this._viewport.scrollTop;
}
else if (this._hasHorizontal) {
this._viewport.scrollLeft = this._normalizeDelta(e) + this._viewport.scrollLeft;
}
};
Scrollbar.prototype._handleMouseDown = function (e) {
var target = e.currentTarget;
if (this._dragging || !target) {
this._prevent(e);
return;
}
if (this._hasVertical) {
var eventOffsetY = e.pageY - target.getBoundingClientRect().top;
var halfHeight = this._verticalBar.slider.offsetHeight / 2;
var offsetY = (eventOffsetY - this._verticalBar.slider.offsetTop - halfHeight) * this._verticalBar.slider2Scroll;
this._viewport.scrollTop = offsetY + this._viewport.scrollTop;
}
if (this._hasHorizontal) {
var eventOffsetX = e.pageX - target.getBoundingClientRect().left;
var halfWidth = this._horizontalBar.slider.offsetWidth / 2;
var offsetX = (eventOffsetX - this._horizontalBar.slider.offsetLeft - halfWidth) * this._horizontalBar.slider2Scroll;
this._viewport.scrollLeft = offsetX + this._viewport.scrollLeft;
}
};
Scrollbar.prototype._normalizeDelta = function (e) {
if (e.deltaY) {
return e.deltaY > 0 ? 100 : -100;
}
var originalEvent = e.originalEvent;
if (originalEvent && originalEvent.wheelDelta) {
return originalEvent.wheelDelta;
}
return 0;
};
Scrollbar.prototype._addListeners = function () {
if (this._hasVertical) {
this._verticalBar.slider.addEventListener('mousedown', this._startDragVCallback);
this._verticalBar.rail.addEventListener('wheel', this._handleWheelCallback, { passive: true });
this._verticalBar.rail.addEventListener('mousedown', this._handleMouseDownCallback);
}
if (this._hasHorizontal) {
this._horizontalBar.slider.addEventListener('mousedown', this._startDragHCallback);
this._horizontalBar.rail.addEventListener('wheel', this._handleWheelCallback, { passive: true });
this._horizontalBar.rail.addEventListener('mousedown', this._handleMouseDownCallback);
}
};
Scrollbar.prototype._removeListeners = function () {
if (this._hasVertical) {
this._verticalBar.slider.removeEventListener('mousedown', this._startDragVCallback);
this._verticalBar.rail.removeEventListener('wheel', this._handleWheelCallback);
this._verticalBar.rail.removeEventListener('mousedown', this._handleMouseDownCallback);
}
if (this._hasHorizontal) {
this._horizontalBar.slider.removeEventListener('mousedown', this._startDragHCallback);
this._horizontalBar.rail.removeEventListener('wheel', this._handleWheelCallback);
this._horizontalBar.rail.removeEventListener('mousedown', this._handleMouseDownCallback);
}
};
Scrollbar.prototype._createDivWithClass = function (className) {
var div = document.createElement('div');
div.setAttribute('role', 'none');
div.className = className;
return div;
};
Scrollbar.prototype._addScrollBar = function (scrollbarInfo, railClass, hasBoth) {
var slider = this._createDivWithClass('slider');
scrollbarInfo.rail = this._createDivWithClass('rail ' + railClass + (hasBoth ? ' railBoth' : ''));
scrollbarInfo.slider = slider;
scrollbarInfo.rail.appendChild(slider);
this._container.appendChild(scrollbarInfo.rail);
};
Scrollbar.prototype._addScrollbars = function () {
var containerClass = this._hasVertical ? 'rxCustomScrollV' : 'rxCustomScrollH';
if (this._hasVertical) {
this._addScrollBar(this._verticalBar, 'railV', this._hasHorizontal);
}
if (this._hasHorizontal) {
this._addScrollBar(this._horizontalBar, 'railH', this._hasVertical);
}
this._container.classList.add(containerClass);
this._container.classList.add('rxCustomScroll');
this._viewport = this._container.querySelector('.scrollViewport');
};
Scrollbar.prototype._removeScrollbars = function () {
if (this._hasVertical) {
// tslint:disable-next-line
this._verticalBar.rail.innerHTML = '';
this._container.removeChild(this._verticalBar.rail);
}
if (this._hasHorizontal) {
// tslint:disable-next-line
this._horizontalBar.rail.innerHTML = '';
this._container.removeChild(this._horizontalBar.rail);
}
};
Scrollbar.prototype._calcNewBarSize = function (bar, newSize, newScrollSize, hasBoth) {
if (hasBoth || this._hasHiddenScrollbar) {
newSize -= SCROLLER_NEGATIVE_MARGIN;
newScrollSize -= SCROLLER_NEGATIVE_MARGIN - Scrollbar.getNativeScrollbarWidth();
}
if (newScrollSize !== bar.scrollSize || newSize !== bar.size) {
bar.size = newSize;
bar.scrollSize = newScrollSize;
bar.scroll2Slider = newSize / newScrollSize;
bar.sliderSize = newSize * bar.scroll2Slider;
// Don't allow the sliders to overlap.
if (hasBoth) {
bar.sliderSize = Math.max(bar.sliderSize - SCROLLER_NEGATIVE_MARGIN + Scrollbar.getNativeScrollbarWidth(), 0);
}
if (bar.sliderSize < SCROLLER_MIN_SIZE) {
var railRange = newSize - SCROLLER_MIN_SIZE + bar.sliderSize;
bar.scroll2Slider = railRange / newScrollSize;
bar.slider2Scroll = newScrollSize / railRange;
}
else {
bar.slider2Scroll = newScrollSize / newSize;
}
}
};
Scrollbar.prototype._resize = function () {
if (this._hasHorizontal) {
this._calcNewBarSize(this._horizontalBar, this._viewport.offsetWidth, this._viewport.scrollWidth, this._hasVertical);
}
if (this._hasVertical) {
this._calcNewBarSize(this._verticalBar, this._viewport.offsetHeight, this._viewport.scrollHeight, this._hasHorizontal);
}
};
Scrollbar.prototype.update = function () {
this._resize();
// We add one below to provide a small fudge factor because browsers round their scroll and offset values to the
// nearest integer, and IE sometimes ends up returning a scroll and offset value that are off by one.
if ((this._verticalBar && this._verticalBar.scrollSize > this._verticalBar.size + 1) ||
(this._horizontalBar && this._horizontalBar.scrollSize > this._horizontalBar.size + 1)) {
this.show();
this._updateSliders();
}
else {
this.hide();
}
};
Scrollbar.prototype.show = function () {
if (!this._scrollingVisible) {
this._container.classList.add('active');
this._addListeners();
this._scrollingVisible = true;
}
};
Scrollbar.prototype.hide = function () {
if (this._scrollingVisible) {
this._container.classList.remove('active');
this._removeListeners();
this._scrollingVisible = false;
}
};
Scrollbar.prototype.init = function (options) {
var _this = this;
if (options) {
this._hasHorizontal = !!options.horizontal;
// Only if vertical is explicitly false as opposed to null, set it to false (default is true)
if (options.vertical === false) {
this._hasVertical = options.vertical;
}
// Our container may be scrollable even if the corresponding scrollbar is hidden (i.e. vertical
// or horizontal is false). We have to take it into account when calculating scroll bar sizes.
this._hasHiddenScrollbar = !!options.hiddenScrollbar;
}
Scrollbar._installStyleSheet();
this._addScrollbars();
this.show();
this._container.addEventListener('mouseenter', this._updateCallback);
// Defer remaining init work to avoid triggering sync layout
this._asyncInitTimer = Timers_1.default.setTimeout(function () {
_this._asyncInitTimer = undefined;
_this._tryLtrOverride();
_this.update();
}, 0);
};
Scrollbar.prototype.dispose = function () {
if (this._asyncInitTimer) {
Timers_1.default.clearInterval(this._asyncInitTimer);
this._asyncInitTimer = undefined;
}
this._stopDrag();
this._container.removeEventListener('mouseenter', this._updateCallback);
this.hide();
this._removeScrollbars();
// release DOM nodes
this._container = null;
this._viewport = null;
this._verticalBar = null;
this._horizontalBar = null;
};
return Scrollbar;
}());
exports.Scrollbar = Scrollbar;
exports["default"] = Scrollbar;
/***/ }),
/***/ 29645:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* FrontLayerViewManager.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Manages the layering of the main view, modals and popups.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var ReactDOM = __webpack_require__(64151);
var Timers_1 = __webpack_require__(16320);
var MouseResponder_1 = __webpack_require__(93114);
var RootView_1 = __webpack_require__(96999);
var MAX_CACHED_POPUPS = 4;
var FrontLayerViewManager = /** @class */ (function () {
function FrontLayerViewManager() {
var _this = this;
this._modalStack = [];
this._activePopupAutoDismiss = false;
this._activePopupAutoDismissDelay = 0;
this._activePopupShowDelay = 0;
this._cachedPopups = [];
// We need to be careful accessing document because it may not be defined
// in some environments like Electron.
this._isRtlDefault = typeof document !== 'undefined' &&
typeof document.documentElement !== 'undefined' && document.documentElement.dir === 'rtl';
this._isRtlAllowed = true;
this._isRtlForced = false;
this._shouldPopupBeDismissed = function (options) {
return !!_this._activePopupOptions &&
_this._activePopupOptions.getAnchor() === options.getAnchor();
};
}
FrontLayerViewManager.prototype.setMainView = function (element) {
this._mainView = element;
this._renderRootView();
};
FrontLayerViewManager.prototype.isModalDisplayed = function (modalId) {
if (modalId) {
return this._modalStack.some(function (d) { return d.id === modalId; });
}
else {
return this._modalStack.length > 0;
}
};
FrontLayerViewManager.prototype.showModal = function (modal, modalId, options) {
// Dismiss any active popups.
if (this._activePopupOptions) {
this.dismissPopup(this._activePopupId);
}
this._modalStack.push({ modal: modal, id: modalId });
this._renderRootView();
};
FrontLayerViewManager.prototype.dismissModal = function (modalId) {
this._modalStack = this._modalStack.filter(function (d) { return d.id !== modalId; });
this._renderRootView();
};
FrontLayerViewManager.prototype.dismissAllModals = function () {
if (this._modalStack.length > 0) {
this._modalStack = [];
this._renderRootView();
}
};
FrontLayerViewManager.prototype._updateModalDisplayedState = function () {
MouseResponder_1.default.setModalIsDisplayed(this.isModalDisplayed());
};
FrontLayerViewManager.prototype.showPopup = function (options, popupId, showDelay) {
// If options.dismissIfShown is true, calling this method will behave like a toggle.
// On one call, it will open the popup. If it is called when pop up is seen, it will
// dismiss the popup. If options.dismissIfShown is false, we will simply show the
// popup always.
if (options.dismissIfShown) {
if (this._shouldPopupBeDismissed(options)) {
this.dismissPopup(popupId);
return false;
}
}
this._showPopup(options, popupId, showDelay);
return true;
};
FrontLayerViewManager.prototype._showPopup = function (options, popupId, showDelay) {
var _this = this;
// New popup is transitioning from maybe cached to active.
this._cachedPopups = this._cachedPopups.filter(function (popup) { return popup.popupId !== popupId; });
if (this._activePopupOptions && this._activePopupOptions.cacheable && this._activePopupId !== popupId) {
// Old popup is transitioning from active to cached.
this._cachedPopups.push({ popupOptions: this._activePopupOptions, popupId: this._activePopupId });
this._cachedPopups = this._cachedPopups.slice(-MAX_CACHED_POPUPS);
}
// Update fields before calling onDismiss to guard against reentry.
var oldPopupOptions = this._activePopupOptions;
this._activePopupOptions = options;
this._activePopupId = popupId;
this._activePopupAutoDismiss = false;
this._activePopupAutoDismissDelay = 0;
this._activePopupShowDelay = showDelay || 0;
if (this._popupShowDelayTimer) {
Timers_1.default.clearTimeout(this._popupShowDelayTimer);
this._popupShowDelayTimer = undefined;
}
if (this._activePopupShowDelay > 0) {
this._popupShowDelayTimer = Timers_1.default.setTimeout(function () {
_this._activePopupShowDelay = 0;
_this._popupShowDelayTimer = undefined;
_this._renderRootView();
}, this._activePopupShowDelay);
}
if (oldPopupOptions) {
if (oldPopupOptions.onDismiss) {
oldPopupOptions.onDismiss();
}
}
this._renderRootView();
};
FrontLayerViewManager.prototype.autoDismissPopup = function (popupId, dismissDelay) {
if (popupId === this._activePopupId && this._activePopupOptions) {
if (this._popupShowDelayTimer) {
Timers_1.default.clearTimeout(this._popupShowDelayTimer);
this._popupShowDelayTimer = undefined;
}
this._activePopupAutoDismiss = true;
this._activePopupAutoDismissDelay = dismissDelay || 0;
this._renderRootView();
}
};
FrontLayerViewManager.prototype.dismissPopup = function (popupId) {
if (popupId === this._activePopupId && this._activePopupOptions) {
if (this._popupShowDelayTimer) {
Timers_1.default.clearTimeout(this._popupShowDelayTimer);
this._popupShowDelayTimer = undefined;
}
if (this._activePopupOptions.cacheable) {
// The popup is transitioning from active to cached.
this._cachedPopups.push({ popupOptions: this._activePopupOptions, popupId: this._activePopupId });
this._cachedPopups = this._cachedPopups.slice(-MAX_CACHED_POPUPS);
}
// Reset fields before calling onDismiss to guard against reentry.
var activePopupOptions = this._activePopupOptions;
this._activePopupOptions = undefined;
this._activePopupId = undefined;
if (activePopupOptions.onDismiss) {
activePopupOptions.onDismiss();
}
this._renderRootView();
}
};
FrontLayerViewManager.prototype.dismissAllPopups = function () {
if (this._activePopupId) {
this.dismissPopup(this._activePopupId);
}
};
FrontLayerViewManager.prototype._renderRootView = function () {
var _this = this;
var topModal = this._modalStack.length > 0 ?
this._modalStack[this._modalStack.length - 1].modal : undefined;
var activePopup = (!this._activePopupOptions || this._activePopupShowDelay > 0) ? undefined :
{ popupOptions: this._activePopupOptions, popupId: this._activePopupId };
this._updateModalDisplayedState();
var rootView = (React.createElement(RootView_1.RootView, { mainView: this._mainView, keyBoardFocusOutline: this._mainView.props.keyBoardFocusOutline, mouseFocusOutline: this._mainView.props.mouseFocusOutline, modal: topModal, activePopup: activePopup, cachedPopup: this._cachedPopups, autoDismiss: this._activePopupAutoDismiss, autoDismissDelay: this._activePopupAutoDismissDelay, onDismissPopup: function () { return _this.dismissPopup(_this._activePopupId); }, writingDirection: this._isRtlForced ? 'rtl' : (this._isRtlAllowed ? 'auto' : 'ltr') }));
var container = document.getElementsByClassName('app-container')[0];
ReactDOM.render(rootView, container);
};
FrontLayerViewManager.prototype.isPopupDisplayed = function (popupId) {
if (popupId) {
return popupId === this._activePopupId;
}
else {
return !!this._activePopupId;
}
};
FrontLayerViewManager.prototype.allowRTL = function (allow) {
if (this._isRtlAllowed !== allow) {
this._isRtlAllowed = allow;
this._renderRootView();
}
};
FrontLayerViewManager.prototype.forceRTL = function (force) {
if (this._isRtlForced !== force) {
this._isRtlForced = force;
this._renderRootView();
}
};
FrontLayerViewManager.prototype.isRTL = function () {
return this._isRtlForced || (this._isRtlDefault && this._isRtlAllowed);
};
return FrontLayerViewManager;
}());
exports.FrontLayerViewManager = FrontLayerViewManager;
exports["default"] = new FrontLayerViewManager();
/***/ }),
/***/ 19888:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* GestureView.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform GestureView component.
* It provides support for the scroll wheel, clicks and double clicks.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var PropTypes = __webpack_require__(18722);
var React = __webpack_require__(49231);
var ReactDOM = __webpack_require__(64151);
var GestureView_1 = __webpack_require__(15029);
var Interfaces_1 = __webpack_require__(35066);
var AccessibilityUtil_1 = __webpack_require__(6452);
var lodashMini_1 = __webpack_require__(50892);
var MouseResponder_1 = __webpack_require__(93114);
var Styles_1 = __webpack_require__(58653);
// Cast to any to allow merging of web and RX styles
var _styles = {
defaultView: {
position: 'relative',
display: 'flex',
flexDirection: 'column',
flexGrow: 0,
flexShrink: 0,
overflow: 'hidden',
alignItems: 'stretch',
justifyContent: 'center'
}
};
// Unique to web
var _preferredPanRatio = 3;
var _idCounter = 1;
var GestureView = /** @class */ (function (_super) {
__extends(GestureView, _super);
function GestureView() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this._id = _idCounter++;
_this._isMounted = false;
_this._pendingMouseGestureType = GestureView_1.GestureType.None;
_this._gestureTypeLocked = false;
_this._setContainerRef = function (container) {
// safe since div refs resolve into HTMLElement and not react element.
_this._container = container;
if (container) {
_this._createMouseResponder(container);
}
else {
_this._disposeMouseResponder();
}
};
_this._onMouseDown = function (e) {
if (_this.props.onPan || _this.props.onPanHorizontal || _this.props.onPanVertical) {
// Disable mousedown default action that initiates a drag/drop operation and breaks panning with a not-allowed cursor.
// https://w3c.github.io/uievents/#mousedown
e.preventDefault();
}
if (_this.props.onLongPress) {
var gsState = _this._mouseEventToTapGestureState(e);
_this._startLongPressTimer(gsState, true);
}
};
_this._onClick = function (e) {
_this._cancelLongPressTimer();
var gsState = _this._mouseEventToTapGestureState(e);
if (!_this.props.onDoubleTap) {
// If there is no double-tap handler, we can invoke the tap handler immediately.
_this._sendTapEvent(gsState);
}
else if (_this._isDoubleTap(gsState)) {
// This is a double-tap, so swallow the previous single tap.
_this._cancelDoubleTapTimer();
_this._sendDoubleTapEvent(gsState);
}
else {
// This wasn't a double-tap. Report any previous single tap and start the double-tap
// timer so we can determine whether the current tap is a single or double.
_this._reportDelayedTap();
_this._startDoubleTapTimer(gsState);
}
};
_this._sendContextMenuEvent = function (e) {
if (_this.props.onContextMenu) {
e.preventDefault();
e.stopPropagation();
var tapEvent = _this._mouseEventToTapGestureState(e);
_this.props.onContextMenu(tapEvent);
}
};
_this._onTouchStart = function (e) {
if (!_this._initialTouch) {
var ft = e.touches[0];
_this._initialTouch = { x: ft.clientX, y: ft.clientY };
_this._ongoingGesture = { dx: 0, dy: 0, vx: 0, vy: 0 };
_this._onTouchSeriesStart(GestureView._reactTouchEventToBasic(e));
}
};
_this._onTouchMove = function (e) {
if (!_this._initialTouch || !_this._ongoingGesture) {
return;
}
var ft = e.touches[0];
_this._ongoingGesture = {
dx: ft.clientX - _this._initialTouch.x,
dy: ft.clientY - _this._initialTouch.y,
// TODO: calculate velocity?
vx: 0,
vy: 0
};
_this._onTouchChange(GestureView._reactTouchEventToBasic(e), _this._ongoingGesture);
};
_this._onTouchEnd = function (e) {
if (!_this._initialTouch || !_this._ongoingGesture) {
return;
}
if (e.touches.length === 0) {
_this._onTouchSeriesFinished(GestureView._reactTouchEventToBasic(e), _this._ongoingGesture);
_this._initialTouch = undefined;
_this._ongoingGesture = undefined;
}
};
_this._detectGestureType = function (gestureState) {
// we need to lock gesture type until it's completed
if (_this._gestureTypeLocked) {
return _this._pendingMouseGestureType;
}
_this._gestureTypeLocked = true;
var gsBasic = {
dx: gestureState.clientX - gestureState.initialClientX,
dy: gestureState.clientY - gestureState.initialClientY
};
if (_this._shouldRespondToPan(gsBasic)) {
return GestureView_1.GestureType.Pan;
}
else if (_this._shouldRespondToPanVertical(gsBasic)) {
return GestureView_1.GestureType.PanVertical;
}
else if (_this._shouldRespondToPanHorizontal(gsBasic)) {
return GestureView_1.GestureType.PanHorizontal;
}
_this._gestureTypeLocked = false;
return GestureView_1.GestureType.None;
};
_this._onWheel = function (e) {
if (_this.props.onScrollWheel) {
var clientRect = _this._getGestureViewClientRect();
if (clientRect) {
var scrollWheelEvent = {
clientX: e.clientX - clientRect.left,
clientY: e.clientY - clientRect.top,
pageX: e.pageX,
pageY: e.pageY,
scrollAmount: e.deltaY,
timeStamp: e.timeStamp,
isTouch: false
};
_this.props.onScrollWheel(scrollWheelEvent);
}
}
};
_this._sendMousePanEvent = function (gestureState) {
switch (_this._pendingMouseGestureType) {
case GestureView_1.GestureType.Pan:
if (_this.props.onPan) {
_this.props.onPan(gestureState);
}
break;
case GestureView_1.GestureType.PanVertical:
if (_this.props.onPanVertical) {
_this.props.onPanVertical(gestureState);
}
break;
case GestureView_1.GestureType.PanHorizontal:
if (_this.props.onPanHorizontal) {
_this.props.onPanHorizontal(gestureState);
}
break;
default:
// do nothing;
}
// we need to clean taps in case there was a pan event in the meantime
if (_this._pendingMouseGestureType !== GestureView_1.GestureType.None) {
_this._clearLastTap();
_this._cancelDoubleTapTimer();
_this._skipNextTap();
}
};
return _this;
}
// Get preferred pan ratio for platform.
GestureView.prototype._getPreferredPanRatio = function () {
return _preferredPanRatio;
};
// Returns the timestamp for the touch event in milliseconds.
GestureView.prototype._getEventTimestamp = function (e) {
return e.timeStamp;
};
GestureView.prototype.componentDidMount = function () {
this._isMounted = true;
};
GestureView.prototype.componentWillUnmount = function () {
_super.prototype.componentWillUnmount.call(this);
this._isMounted = false;
};
GestureView.prototype.render = function () {
var ariaRole = AccessibilityUtil_1.default.accessibilityTraitToString(this.props.accessibilityTraits);
var isAriaHidden = AccessibilityUtil_1.default.isHidden(this.props.importantForAccessibility);
return (React.createElement("div", { style: this._getStyles(), tabIndex: this.props.tabIndex, ref: this._setContainerRef, onMouseDown: this._onMouseDown, onClick: this._onClick, onWheel: this._onWheel, onTouchStart: this._onTouchStart, onTouchMove: this._onTouchMove, onTouchEnd: this._onTouchEnd, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onKeyPress: this.props.onKeyPress, role: ariaRole, "aria-label": this.props.accessibilityLabel, "aria-hidden": isAriaHidden, onContextMenu: this.props.onContextMenu ? this._sendContextMenuEvent : undefined, "data-test-id": this.props.testId }, this.props.children));
};
GestureView.prototype.blur = function () {
var el = this._getContainer();
if (el) {
el.blur();
}
};
GestureView.prototype.focus = function () {
var el = this._getContainer();
if (el) {
el.focus();
}
};
GestureView.prototype._getContainer = function () {
if (!this._isMounted) {
return null;
}
try {
return ReactDOM.findDOMNode(this);
}
catch (_a) {
// Handle exception due to potential unmount race condition.
return null;
}
};
GestureView.prototype._createMouseResponder = function (container) {
var _this = this;
this._disposeMouseResponder();
this._responder = MouseResponder_1.default.create({
id: this._id,
target: container,
disableWhenModal: !!this.context.isInRxMainView,
shouldBecomeFirstResponder: function (event) {
if (!_this.props.onPan && !_this.props.onPanHorizontal && !_this.props.onPanVertical) {
return false;
}
var boundingRect = _this._getGestureViewClientRect();
if (!boundingRect) {
return false;
}
var top = boundingRect.top, left = boundingRect.left, bottom = boundingRect.bottom, right = boundingRect.right;
var clientX = event.clientX, clientY = event.clientY;
if (clientX >= left && clientX <= right && clientY >= top && clientY <= bottom) {
return true;
}
return false;
},
onMove: function (event, gestureState) {
_this._pendingMouseGestureType = _this._detectGestureType(gestureState);
if (_this._pendingMouseGestureType !== GestureView_1.GestureType.None) {
_this._cancelLongPressTimer();
}
_this._sendMousePanEvent(gestureState);
},
onTerminate: function (event, gestureState) {
_this._cancelLongPressTimer();
_this._pendingMouseGestureType = _this._detectGestureType(gestureState);
_this._sendMousePanEvent(gestureState);
_this._pendingMouseGestureType = GestureView_1.GestureType.None;
_this._gestureTypeLocked = false;
}
});
};
GestureView.prototype._disposeMouseResponder = function () {
if (this._responder) {
this._responder.dispose();
delete this._responder;
}
};
GestureView.prototype._getStyles = function () {
var combinedStyles = Styles_1.default.combine([_styles.defaultView, this.props.style]);
var cursorName;
switch (this.props.mouseOverCursor) {
case Interfaces_1.Types.GestureMouseCursor.Grab:
cursorName = 'grab';
break;
case Interfaces_1.Types.GestureMouseCursor.Move:
cursorName = 'move';
break;
case Interfaces_1.Types.GestureMouseCursor.Pointer:
cursorName = 'pointer';
break;
case Interfaces_1.Types.GestureMouseCursor.NSResize:
cursorName = 'ns-resize';
break;
case Interfaces_1.Types.GestureMouseCursor.EWResize:
cursorName = 'ew-resize';
break;
case Interfaces_1.Types.GestureMouseCursor.NESWResize:
cursorName = 'nesw-resize';
break;
case Interfaces_1.Types.GestureMouseCursor.NWSEResize:
cursorName = 'nwse-resize';
break;
case Interfaces_1.Types.GestureMouseCursor.NotAllowed:
cursorName = 'not-allowed';
break;
case Interfaces_1.Types.GestureMouseCursor.ZoomIn:
cursorName = 'zoom-in';
break;
case Interfaces_1.Types.GestureMouseCursor.ZoomOut:
cursorName = 'zoom-out';
break;
}
if (cursorName) {
combinedStyles.cursor = cursorName;
}
return combinedStyles;
};
// The RN and React touch event types are basically identical except that React uses "clientX/Y"
// and RN uses "locationX/Y", so we need to map one to the other. Unfortunately, due to inertia,
// web loses. So, we need these 3 ugly functions...
GestureView._reactTouchEventToBasic = function (e) {
var ne = lodashMini_1.clone(e);
ne.changedTouches = this._mapReactTouchListToBasic(e.changedTouches);
ne.targetTouches = this._mapReactTouchListToBasic(e.targetTouches);
ne.touches = this._mapReactTouchListToBasic(e.touches);
var ft = ne.touches[0];
if (ft) {
// RN also apparently shims the first touch's location info onto the root touch event
ne.pageX = ft.pageX;
ne.pageY = ft.pageY;
ne.locationX = ft.locationX;
ne.locationY = ft.locationY;
}
return ne;
};
GestureView._mapReactTouchListToBasic = function (l) {
var nl = new Array(l.length);
for (var i = 0; i < l.length; i++) {
nl[i] = this._mapReactTouchToRx(l[i]);
}
return nl;
};
GestureView._mapReactTouchToRx = function (l) {
return {
identifier: l.identifier,
locationX: l.clientX,
locationY: l.clientY,
screenX: l.screenX,
screenY: l.screenY,
clientX: l.clientX,
clientY: l.clientY,
pageX: l.pageX,
pageY: l.pageY
};
};
GestureView.prototype._getClientXYOffset = function () {
var rect = this._getGestureViewClientRect();
return rect ? { x: rect.left, y: rect.top } : { x: 0, y: 0 };
};
GestureView.prototype._getGestureViewClientRect = function () {
return this._container ? this._container.getBoundingClientRect() : null;
};
GestureView.contextTypes = {
isInRxMainView: PropTypes.bool
};
return GestureView;
}(GestureView_1.default));
exports.GestureView = GestureView;
exports["default"] = GestureView;
/***/ }),
/***/ 16269:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Image.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform Image abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
var PropTypes = __webpack_require__(18722);
var React = __webpack_require__(49231);
var assert_1 = __webpack_require__(27730);
var Image_1 = __webpack_require__(74182);
var PromiseDefer_1 = __webpack_require__(43184);
var _ = __webpack_require__(50892);
var restyleForInlineText_1 = __webpack_require__(70833);
var Styles_1 = __webpack_require__(58653);
var _styles = {
image: {
position: 'absolute',
display: 'flex',
flexDirection: 'column',
opacity: 0,
maxWidth: '100%',
maxHeight: '100%'
},
defaultContainer: Styles_1.default.createImageStyle({
position: 'relative',
flex: 0,
overflow: 'visible',
backgroundColor: 'transparent'
})
};
var XhrBlobUrlCache = /** @class */ (function () {
function XhrBlobUrlCache() {
}
XhrBlobUrlCache.get = function (source) {
if (this._cachedXhrBlobUrls[source]) {
this._cachedXhrBlobUrls[source].refCount++;
return this._cachedXhrBlobUrls[source].xhrBlobUrl;
}
return undefined;
};
XhrBlobUrlCache.insert = function (source, xhrBlobUrl) {
XhrBlobUrlCache._cleanupIfCapacityExceeded();
if (this._cachedXhrBlobUrls[source]) {
XhrBlobUrlCache._cachedXhrBlobUrls[source].refCount++;
}
else {
var xhrBlobUrlCacheEntry = {
xhrBlobUrl: xhrBlobUrl,
insertionDate: Date.now(),
refCount: 1
};
XhrBlobUrlCache._cachedXhrBlobUrls[source] = xhrBlobUrlCacheEntry;
}
};
XhrBlobUrlCache.release = function (source) {
// Keep track of which cache entries are being used as we don't want to clean up a resource that someone is
// still relying on.
if (this._cachedXhrBlobUrls[source]) {
XhrBlobUrlCache._cachedXhrBlobUrls[source].refCount--;
}
};
XhrBlobUrlCache._cleanupIfCapacityExceeded = function () {
// If we've reached maximum capacity, clean up the oldest freeable cache entry if any. An entry is freeable is
// it's not currently in use (refCount == 0). Return whether we have room to add more entries to the cache.
if (Object.keys(XhrBlobUrlCache._cachedXhrBlobUrls).length + 1 > XhrBlobUrlCache._maximumItems) {
var oldestFreeableKey_1;
var oldestFreeableEntry_1;
Object.keys(XhrBlobUrlCache._cachedXhrBlobUrls).forEach(function (key) {
if ((!oldestFreeableEntry_1 || XhrBlobUrlCache._cachedXhrBlobUrls[key].insertionDate < oldestFreeableEntry_1.insertionDate) &&
XhrBlobUrlCache._cachedXhrBlobUrls[key].refCount === 0) {
oldestFreeableKey_1 = key;
oldestFreeableEntry_1 = XhrBlobUrlCache._cachedXhrBlobUrls[key];
}
});
if (oldestFreeableKey_1) {
URL.revokeObjectURL(oldestFreeableEntry_1.xhrBlobUrl);
delete XhrBlobUrlCache._cachedXhrBlobUrls[oldestFreeableKey_1];
}
}
};
// Use a global cache to work around the image loading delays introduced by the xhr requests. This is especially
// visible when scrolling a virtual list view which contains xhr images.
XhrBlobUrlCache._maximumItems = 128;
XhrBlobUrlCache._cachedXhrBlobUrls = {};
return XhrBlobUrlCache;
}());
var Image = /** @class */ (function (_super) {
__extends(Image, _super);
function Image(props) {
var _this = _super.call(this, props) || this;
_this._mountedComponent = null;
_this._isMounted = false;
_this._onMount = function (component) {
_this._mountedComponent = component;
};
_this._onLoad = function () {
if (!_this._isMounted || !_this._mountedComponent) {
return;
}
var imageDOM = _this._mountedComponent;
// Measure the natural width & height of the image.
_this._nativeImageWidth = undefined;
_this._nativeImageHeight = undefined;
_this._nativeImageWidth = imageDOM.naturalWidth;
_this._nativeImageHeight = imageDOM.naturalHeight;
// We can hide the img now. We assume that if the img. URL resolved without error,
// then the background img. URL also did.
_this.setState({
showImgTag: false
});
if (_this.props.onLoad) {
_this.props.onLoad({ width: _this._nativeImageWidth, height: _this._nativeImageHeight });
}
};
_this._imgOnError = function () {
_this._onError();
};
_this._onMouseUp = function (e) {
if (e.button === 0) {
// Types.Image doesn't officially support an onClick prop, but when it's
// contained within a button, it may have this prop.
var onClick = _this.props.onClick;
if (onClick) {
onClick(e);
}
}
};
var performXhrRequest = _this._initializeAndSetState(props, true);
if (performXhrRequest) {
_this._startXhrImageFetch(props);
}
return _this;
}
Image.prototype.getChildContext = function () {
// Let descendant RX components know that their nearest RX ancestor is not an RX.Text.
// Because they're in an RX.Image, they should use their normal styling rather than their
// special styling for appearing inline with text.
return { isRxParentAText: false };
};
Image.prefetch = function (url) {
var defer = new PromiseDefer_1.Defer();
var img = new window.Image();
img.onload = (function (event) {
defer.resolve(true);
});
img.onerror = (function (event) {
defer.reject('Failed to prefetch url ' + url);
});
img.onabort = (function (event) {
defer.reject('Prefetch cancelled for url ' + url);
});
img.src = url;
return defer.promise();
};
Image.getMetadata = function (url) {
var defer = new PromiseDefer_1.Defer();
var img = new window.Image();
img.onload = (function (event) {
defer.resolve({
width: img.naturalWidth,
height: img.naturalHeight
});
});
img.onerror = (function (event) {
defer.reject('Failed to prefetch url ' + url);
});
img.onabort = (function (event) {
defer.reject('Prefetch cancelled for url ' + url);
});
img.src = url;
return defer.promise();
};
Image.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
var sourceOrHeaderChanged = (nextProps.source !== this.props.source ||
!_.isEqual(nextProps.headers || {}, this.props.headers || {}));
if (!nextProps.onLoad !== !this.props.onLoad || !nextProps.onError !== !this.props.onError || sourceOrHeaderChanged) {
var performXhrRequest = this._initializeAndSetState(nextProps, false);
if (sourceOrHeaderChanged && performXhrRequest) {
this._startXhrImageFetch(nextProps);
}
}
};
Image.prototype.componentDidMount = function () {
this._isMounted = true;
};
Image.prototype.componentWillUnmount = function () {
this._isMounted = false;
if (this.state.displayUrl && this.state.xhrRequest) {
XhrBlobUrlCache.release(this.props.source);
}
};
Image.prototype._initializeAndSetState = function (props, initial) {
// Retrieve the xhr blob url from the cache if it exists. This is a performance optimization as we've seen xhr
// requests take some time and cause flicker during rendering. Even when we're hitting the browser cache, we've
// seen it stall and take some time.
var cachedXhrBlobUrl = props.headers ? XhrBlobUrlCache.get(props.source) : null;
var displayUrl = !!cachedXhrBlobUrl ? cachedXhrBlobUrl :
!!props.headers ? '' : props.source;
// Only make the xhr request if headers are specified and there was no cache hit.
var performXhrRequest = !!props.headers && !cachedXhrBlobUrl;
// We normally don't show an img tag because we use background images. However, if the caller has supplied an
// onLoad or onError callback, we'll use the img tag until we receive an onLoad or onError. But if we need to
// perform an XHR first to convert to a blob url, then wait on showing the img tag until we get the blob url
// since the basic IMG tag will fail to load it without headers.
var newState = {
showImgTag: (!performXhrRequest || !!cachedXhrBlobUrl) && (!!props.onLoad || !!props.onError),
xhrRequest: !!props.headers,
displayUrl: displayUrl
};
if (initial) {
this.state = newState;
}
else {
this.setState(newState);
}
return performXhrRequest;
};
Image.prototype._handleXhrBlob = function (blob) {
if (!this._isMounted) {
return;
}
var newUrl = URL.createObjectURL(blob);
// Save the newly fetched xhr blob url in the cache.
XhrBlobUrlCache.insert(this.props.source, newUrl);
this.setState({
displayUrl: newUrl,
// If we have an onload handler, we need to now load the img tag to get dimensions for the load.
showImgTag: !!this.props.onLoad
});
};
Image.prototype._startXhrImageFetch = function (props) {
// Test hook to simulate a slower hxr request.
// Timers.setTimeout(() => this._actuallyStartXhrImageFetch(props), 2500);
this._actuallyStartXhrImageFetch(props);
};
Image.prototype._actuallyStartXhrImageFetch = function (props) {
// Fetch Implementation
var _this = this;
// If an 'origin' header is passed, we assume this is intended to be a crossorigin request.
// In order to send the cookies with the request, the withCredentials: true / credentials: 'include' flag needs to be set.
var withCredentials = props.headers
&& Object.keys(props.headers).some(function (header) { return header.toLowerCase() === 'origin'; });
if (window.fetch) {
var headers_1 = new Headers();
if (props.headers) {
Object.keys(props.headers).forEach(function (key) {
headers_1.append(key, props.headers[key]);
});
}
var xhr = new Request(props.source, {
credentials: withCredentials ? 'include' : 'same-origin',
method: 'GET',
mode: 'cors',
headers: headers_1
});
fetch(xhr)
.then(function (response) {
if (!response.ok) {
_this._onError(new Error(response.statusText));
}
return response.blob().then(function (blob) {
_this._handleXhrBlob(blob);
});
}, function (err) {
_this._onError(err);
});
}
else {
var req_1 = new XMLHttpRequest();
req_1.open('GET', props.source, true);
if (withCredentials) {
req_1.withCredentials = true;
}
req_1.responseType = 'blob';
if (props.headers) {
Object.keys(props.headers).forEach(function (key) {
req_1.setRequestHeader(key, props.headers[key]);
});
}
req_1.onload = function () {
if (req_1.status >= 400 || req_1.status < 600) {
_this._onError(new Error(req_1.statusText));
}
else {
_this._handleXhrBlob(req_1.response);
}
};
req_1.onerror = function () {
_this._onError(new Error('Network issue downloading the image.'));
};
req_1.send();
}
};
Image.prototype.render = function () {
var source = this.props.source;
var isSourceValid = !(typeof source !== 'string' && typeof source !== 'undefined');
// Prepare image source (necessary as iOS implementation also allows objects)
assert_1.default(isSourceValid, "Types/web/Image only accepts string sources! You passed: " + source + " of type " + typeof source);
var optionalImg = null;
if (this.state.showImgTag) {
optionalImg = (React.createElement("img", { style: _styles.image, src: this.state.displayUrl, alt: this.props.accessibilityLabel, onError: this._imgOnError, onLoad: this._onLoad, ref: this._onMount }));
}
var reactElement = (React.createElement("div", { style: this._getStyles(), title: this.props.title, "data-test-id": this.props.testId, onMouseUp: this._onMouseUp },
optionalImg,
this.props.children));
return this.context.isRxParentAText ?
restyleForInlineText_1.default(reactElement) :
reactElement;
};
Image.prototype._getStyles = function () {
var resizeMode = this.props.resizeMode;
var styles = (Styles_1.default.combine([_styles.defaultContainer, this.props.style]) || {});
var backgroundRepeat = resizeMode === 'repeat' ? 'repeat' : 'no-repeat';
var backgroundSize = this._buildBackgroundSize(resizeMode);
// It is necessary to wrap the url in quotes as in url("a.jpg?q=(a and b)").
// If the url is unquoted and contains paranthesis, e.g. a.jpg?q=(a and b), it will become url(a.jpg?q=(a and b))
// which will not render on the screen.
var backgroundImage = "url(\"" + this.state.displayUrl + "\")";
// Types doesn't support border styles other than "solid" for images.
var borderStyle = styles.borderWidth ? 'solid' : 'none';
return __assign(__assign({}, styles), { backgroundPosition: 'center center', backgroundRepeat: backgroundRepeat,
backgroundImage: backgroundImage,
backgroundSize: backgroundSize,
borderStyle: borderStyle, display: 'flex' });
};
Image.prototype._buildBackgroundSize = function (resizeMode) {
if (resizeMode === void 0) { resizeMode = Image_1.DEFAULT_RESIZE_MODE; }
switch (resizeMode) {
case 'repeat':
return 'auto';
case 'stretch':
return '100% 100%';
// contain | cover | auto are valid BackgroundSize values
case 'contain':
case 'cover':
case 'auto':
return resizeMode;
// Prevents unknown resizeMode values
default:
return Image_1.DEFAULT_RESIZE_MODE;
}
};
Image.prototype._onError = function (err) {
if (!this._isMounted) {
return;
}
// We can hide the img now. We assume that if the img. URL failed to resolve,
// then the background img. URL also did.
this.setState({
showImgTag: false
});
if (this.props.onError) {
this.props.onError(err);
}
};
// Note: This works only if you have an onLoaded handler and wait for the image to load.
Image.prototype.getNativeWidth = function () {
return this._nativeImageWidth;
};
Image.prototype.getNativeHeight = function () {
return this._nativeImageHeight;
};
Image.contextTypes = {
isRxParentAText: PropTypes.bool
};
Image.childContextTypes = {
isRxParentAText: PropTypes.bool.isRequired
};
return Image;
}(React.Component));
exports.Image = Image;
exports["default"] = Image;
/***/ }),
/***/ 72081:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Input.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web implementation of Input interface.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var RX = __webpack_require__(35066);
var Input = /** @class */ (function (_super) {
__extends(Input, _super);
function Input() {
return _super !== null && _super.apply(this, arguments) || this;
}
Input.prototype.dispatchKeyDown = function (e) {
this.keyDownEvent.fire(e);
};
Input.prototype.dispatchKeyUp = function (e) {
if (this.keyUpEvent.fire(e)) {
e.stopPropagation();
}
};
return Input;
}(RX.Input));
exports.Input = Input;
exports["default"] = new Input();
/***/ }),
/***/ 75562:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* International.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation for i18n.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var FrontLayerViewManager_1 = __webpack_require__(29645);
var International = /** @class */ (function () {
function International() {
}
International.prototype.allowRTL = function (allow) {
FrontLayerViewManager_1.default.allowRTL(allow);
};
International.prototype.forceRTL = function (force) {
FrontLayerViewManager_1.default.forceRTL(force);
};
International.prototype.isRTL = function () {
return FrontLayerViewManager_1.default.isRTL();
};
return International;
}());
exports.International = International;
exports["default"] = new International();
/***/ }),
/***/ 65129:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Link.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform Link abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var PropTypes = __webpack_require__(18722);
var React = __webpack_require__(49231);
var AutoFocusHelper_1 = __webpack_require__(61213);
var Timers_1 = __webpack_require__(16320);
var FocusManager_1 = __webpack_require__(55064);
var Styles_1 = __webpack_require__(58653);
var _styles = {
defaultStyle: {
overflowWrap: 'break-word',
msHyphens: 'auto',
overflow: 'hidden',
flexShrink: 0,
flexGrow: 0,
position: 'relative',
display: 'inline',
cursor: 'pointer'
},
ellipsis: {
textOverflow: 'ellipsis',
whiteSpace: 'pre',
msHyphens: 'none'
},
selectable: {
WebkitUserSelect: 'text',
MozUserSelect: 'text',
msUserSelect: 'text',
userSelect: 'text'
}
};
var _longPressTime = 1000;
var Link = /** @class */ (function (_super) {
__extends(Link, _super);
function Link() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this._mountedAnchor = null;
_this._onMount = function (ref) {
_this._mountedAnchor = ref;
};
_this._onClick = function (e) {
e.stopPropagation();
if (_this.props.onPress) {
e.preventDefault();
_this.props.onPress(e, _this.props.url);
}
};
_this._onMouseDown = function (e) {
if (_this.props.onLongPress) {
e.persist();
_this._longPressTimer = Timers_1.default.setTimeout(function () {
_this._longPressTimer = undefined;
var mouseEvent = e;
// Ignore right mouse button for long press. Context menu will
// be always displayed on mouseUp no matter the press length.
if (_this.props.onLongPress && mouseEvent.button !== 2) {
_this.props.onLongPress(e, _this.props.url);
}
}, _longPressTime);
}
};
_this._onMouseUp = function (e) {
if (_this._longPressTimer) {
Timers_1.default.clearTimeout(_this._longPressTimer);
_this._longPressTimer = undefined;
}
};
_this._onContextMenu = function (e) {
if (_this.props.onContextMenu) {
e.stopPropagation();
e.preventDefault();
_this.props.onContextMenu(e);
}
};
return _this;
}
Link.prototype.render = function () {
// SECURITY WARNING:
// Note the use of rel='noreferrer'
// Destroy the back-link to this window. Otherwise the (untrusted) URL we are about to load can redirect OUR window.
// See: https://mathiasbynens.github.io/rel-noopener/
return (React.createElement("a", { ref: this._onMount, style: this._getStyles(), title: this.props.title, href: this.props.url, target: '_blank', rel: 'noreferrer', onClick: this._onClick, onMouseEnter: this.props.onHoverStart, onMouseLeave: this.props.onHoverEnd, onMouseDown: this._onMouseDown, onMouseUp: this._onMouseUp, tabIndex: this.props.tabIndex, onContextMenu: this.props.onContextMenu ? this._onContextMenu : undefined, "data-test-id": this.props.testId }, this.props.children));
};
Link.prototype.componentDidMount = function () {
if (this.props.autoFocus) {
this.requestFocus();
}
};
Link.prototype.requestFocus = function () {
var _this = this;
AutoFocusHelper_1.FocusArbitratorProvider.requestFocus(this, function () { return _this.focus(); }, function () { return _this._mountedAnchor !== null; });
};
Link.prototype.focus = function () {
if (this._mountedAnchor) {
this._mountedAnchor.focus();
}
};
Link.prototype.blur = function () {
if (this._mountedAnchor) {
this._mountedAnchor.blur();
}
};
Link.prototype._getStyles = function () {
// There's no way in HTML to properly handle numberOfLines > 1,
// but we can correctly handle the common case where numberOfLines is 1.
var ellipsisStyles = this.props.numberOfLines === 1 ? _styles.ellipsis : {};
var selectableStyles = this.props.selectable ? _styles.selectable : {};
return Styles_1.default.combine([_styles.defaultStyle, ellipsisStyles, this.props.style, selectableStyles]);
};
Link.contextTypes = {
focusArbitrator: PropTypes.object
};
return Link;
}(React.Component));
exports.Link = Link;
FocusManager_1.applyFocusableComponentMixin(Link);
exports["default"] = Link;
/***/ }),
/***/ 28598:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Linking.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation for deep linking
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var Interfaces_1 = __webpack_require__(35066);
var Linking_1 = __webpack_require__(93632);
var Linking = /** @class */ (function (_super) {
__extends(Linking, _super);
function Linking() {
return _super !== null && _super.apply(this, arguments) || this;
}
Linking.prototype._openUrl = function (url) {
var otherWindow = window.open();
if (!otherWindow) {
// window opening was blocked by browser (probably not
// invoked in direct reaction to user action, like thru
// promise or setTimeout).
var linkingError = {
code: Interfaces_1.Types.LinkingErrorCode.Blocked,
url: url,
description: 'Window was blocked by popup blocker'
};
return Promise.reject(linkingError);
}
// SECURITY WARNING:
// Destroy the back-link to this window. Otherwise the (untrusted) URL we are about to load can redirect OUR window.
// See: https://mathiasbynens.github.io/rel-noopener/
// Note: can only set to null, otherwise is readonly.
// Note: In order for mailto links to work properly window.opener cannot be null.
if (url.indexOf('mailto:') !== 0) {
otherWindow.opener = null;
}
otherWindow.location.href = url;
return Promise.resolve(void 0);
};
Linking.prototype.launchEmail = function (emailInfo) {
// Format email info
var emailUrl = this._createEmailUrl(emailInfo);
window.location.href = emailUrl;
return Promise.resolve(void 0);
};
Linking.prototype.getInitialUrl = function () {
return Promise.resolve(undefined);
};
return Linking;
}(Linking_1.Linking));
exports.Linking = Linking;
exports["default"] = new Linking();
/***/ }),
/***/ 14744:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Modal.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform Modal abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var assert_1 = __webpack_require__(27730);
var RX = __webpack_require__(35066);
var FrontLayerViewManager_1 = __webpack_require__(29645);
var Modal = /** @class */ (function (_super) {
__extends(Modal, _super);
function Modal() {
return _super !== null && _super.apply(this, arguments) || this;
}
Modal.prototype.isDisplayed = function (modalId) {
return FrontLayerViewManager_1.default.isModalDisplayed(modalId);
};
Modal.prototype.show = function (modal, modalId, options) {
assert_1.default(modal, "modal must be valid. Actual " + modal);
assert_1.default(modalId, "modalId must be a non-empty string. Actual: " + modalId);
FrontLayerViewManager_1.default.showModal(modal, modalId, options);
};
Modal.prototype.dismiss = function (modalId) {
assert_1.default(modalId, "modalId must be a non-empty string. Actual: " + modalId);
FrontLayerViewManager_1.default.dismissModal(modalId);
};
Modal.prototype.dismissAll = function () {
FrontLayerViewManager_1.default.dismissAllModals();
};
return Modal;
}(RX.Modal));
exports.Modal = Modal;
exports["default"] = new Modal();
/***/ }),
/***/ 39165:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* ModalContainer.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of a view that's used to render modals.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var _styles = {
modalContainerStyle: {
display: 'flex',
position: 'fixed',
left: 0,
right: 0,
top: 0,
bottom: 0,
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'column',
flex: '1 1 auto',
alignSelf: 'stretch',
overflow: 'hidden',
zIndex: 10000
}
};
var ModalContainer = /** @class */ (function (_super) {
__extends(ModalContainer, _super);
function ModalContainer(props) {
return _super.call(this, props) || this;
}
ModalContainer.prototype.render = function () {
return (React.createElement("div", { style: _styles.modalContainerStyle }, this.props.children));
};
return ModalContainer;
}(React.Component));
exports.ModalContainer = ModalContainer;
exports["default"] = ModalContainer;
/***/ }),
/***/ 89094:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Picker.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform Select abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var RX = __webpack_require__(35066);
var _ = __webpack_require__(50892);
var Styles_1 = __webpack_require__(58653);
var Picker = /** @class */ (function (_super) {
__extends(Picker, _super);
function Picker() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this._onValueChange = function (e) {
var selectEl = e.target;
var selectedValue = selectEl.value;
var selectedItemPosition = _.findIndex(_this.props.items, function (i) { return i.value === selectedValue; });
_this.props.onValueChange(selectedValue, selectedItemPosition);
};
return _this;
}
Picker.prototype.render = function () {
return (React.createElement("select", { style: this._getStyles(), value: this.props.selectedValue, onChange: this._onValueChange, "data-test-id": this.props.testId }, _.map(this.props.items, function (i, idx) { return React.createElement("option", { value: i.value, key: idx }, i.label); })));
};
Picker.prototype._getStyles = function () {
return Styles_1.default.combine(this.props.style);
};
return Picker;
}(RX.Picker));
exports.Picker = Picker;
exports["default"] = Picker;
/***/ }),
/***/ 41591:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Platform.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of Platform interface.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var RX = __webpack_require__(35066);
var Platform = /** @class */ (function (_super) {
__extends(Platform, _super);
function Platform() {
return _super !== null && _super.apply(this, arguments) || this;
}
Platform.prototype.getType = function () {
return 'web';
};
Platform.prototype.select = function (specifics) {
var platformType = this.getType();
return platformType in specifics ? specifics[platformType] : specifics.default;
};
return Platform;
}(RX.Platform));
exports.Platform = Platform;
exports["default"] = new Platform();
/***/ }),
/***/ 60941:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Popup.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform Popup abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var assert_1 = __webpack_require__(27730);
var RX = __webpack_require__(35066);
var FrontLayerViewManager_1 = __webpack_require__(29645);
var Popup = /** @class */ (function (_super) {
__extends(Popup, _super);
function Popup() {
return _super !== null && _super.apply(this, arguments) || this;
}
Popup.prototype.show = function (options, popupId, delay) {
assert_1.default(popupId, "popupId must be a non-empty string. Actual: " + popupId);
return FrontLayerViewManager_1.default.showPopup(options, popupId, delay);
};
Popup.prototype.autoDismiss = function (popupId, delay) {
assert_1.default(popupId, "popupId must be a non-empty string. Actual: " + popupId);
FrontLayerViewManager_1.default.autoDismissPopup(popupId, delay);
};
Popup.prototype.dismiss = function (popupId) {
assert_1.default(popupId, "popupId must be a non-empty string. Actual: " + popupId);
FrontLayerViewManager_1.default.dismissPopup(popupId);
};
Popup.prototype.dismissAll = function () {
FrontLayerViewManager_1.default.dismissAllPopups();
};
Popup.prototype.isDisplayed = function (popupId) {
return FrontLayerViewManager_1.default.isPopupDisplayed(popupId);
};
return Popup;
}(RX.Popup));
exports.Popup = Popup;
exports["default"] = new Popup();
/***/ }),
/***/ 91162:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* PopupContainerView.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Common parent of all components rendered into a popup, web version.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var PopupContainerViewBase_1 = __webpack_require__(39429);
var lodashMini_1 = __webpack_require__(50892);
var PopupContainerView = /** @class */ (function (_super) {
__extends(PopupContainerView, _super);
function PopupContainerView(props, context) {
return _super.call(this, props, context) || this;
}
PopupContainerView.prototype.render = function () {
var style = lodashMini_1.clone(this.props.style);
if (this.props.hidden) {
style.visibility = 'hidden';
}
return (React.createElement("div", { style: style, onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave }, this.props.children));
};
return PopupContainerView;
}(PopupContainerViewBase_1.PopupContainerViewBase));
exports.PopupContainerView = PopupContainerView;
exports["default"] = PopupContainerView;
/***/ }),
/***/ 55106:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* ReactXP.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Wrapper for all ReactXP functionality. Users of ReactXP should import just this
* file instead of internals.
*/
var React = __webpack_require__(49231);
var AutoFocusHelper_1 = __webpack_require__(61213);
var Location_1 = __webpack_require__(75713);
var Popup_1 = __webpack_require__(60941);
var RXTypes = __webpack_require__(24373);
var Accessibility_1 = __webpack_require__(45088);
var ActivityIndicator_1 = __webpack_require__(16154);
var Alert_1 = __webpack_require__(62973);
var AnimatedImpl = __webpack_require__(66758);
var App_1 = __webpack_require__(56745);
var Button_1 = __webpack_require__(64542);
var Clipboard_1 = __webpack_require__(30009);
var FocusManager_1 = __webpack_require__(55064);
var GestureView_1 = __webpack_require__(19888);
var Image_1 = __webpack_require__(16269);
var Input_1 = __webpack_require__(72081);
var International_1 = __webpack_require__(75562);
var Link_1 = __webpack_require__(65129);
var Linking_1 = __webpack_require__(28598);
var Modal_1 = __webpack_require__(14744);
var Picker_1 = __webpack_require__(89094);
var Platform_1 = __webpack_require__(41591);
var ScrollView_1 = __webpack_require__(1728);
var StatusBar_1 = __webpack_require__(82971);
var Storage_1 = __webpack_require__(93447);
var Styles_1 = __webpack_require__(58653);
var Text_1 = __webpack_require__(46447);
var TextInput_1 = __webpack_require__(36448);
var UserInterface_1 = __webpack_require__(14258);
var UserPresence_1 = __webpack_require__(2023);
var View_1 = __webpack_require__(17402);
var ViewBase_1 = __webpack_require__(74445);
AutoFocusHelper_1.setSortAndFilterFunc(FocusManager_1.default.sortAndFilterAutoFocusCandidates);
// -- STRANGE THINGS GOING ON HERE --
//
// 1) 'export type Foo = FooImpl; export var Foo = FooImpl;'
// If the var 'Foo' was exported alone then the name 'RX.Foo' would not be valid in a type position: 'function takesFoo(foo: RX.Foo)'.
// To avoid this problem, the type information is also exported. TypeScript will merge the var and type together (if the types match).
var ReactXP;
(function (ReactXP) {
ReactXP.Accessibility = Accessibility_1.default;
ReactXP.ActivityIndicator = ActivityIndicator_1.ActivityIndicator;
ReactXP.Alert = Alert_1.default;
ReactXP.App = App_1.default;
ReactXP.Button = Button_1.Button;
ReactXP.Picker = Picker_1.Picker;
ReactXP.Clipboard = Clipboard_1.default;
ReactXP.GestureView = GestureView_1.GestureView;
ReactXP.Image = Image_1.Image;
ReactXP.Input = Input_1.default;
ReactXP.International = International_1.default;
ReactXP.Link = Link_1.Link;
ReactXP.Linking = Linking_1.default;
ReactXP.Location = Location_1.default;
ReactXP.Modal = Modal_1.default;
ReactXP.Platform = Platform_1.default;
ReactXP.Popup = Popup_1.default;
ReactXP.ScrollView = ScrollView_1.ScrollView;
ReactXP.StatusBar = StatusBar_1.default;
ReactXP.Storage = Storage_1.default;
ReactXP.Styles = Styles_1.default;
ReactXP.Text = Text_1.Text;
ReactXP.TextInput = TextInput_1.TextInput;
ReactXP.UserInterface = UserInterface_1.default;
ReactXP.UserPresence = UserPresence_1.default;
ReactXP.View = View_1.default;
ReactXP.Animated = AnimatedImpl;
ReactXP.Types = RXTypes;
ReactXP.Component = React.Component;
ReactXP.createElement = React.createElement;
ReactXP.Children = React.Children;
ReactXP.__spread = React.__spread;
ReactXP.Fragment = React.Fragment;
})(ReactXP || (ReactXP = {}));
ViewBase_1.ViewBase.setActivationState(App_1.default.getActivationState());
App_1.default.activationStateChangedEvent.subscribe(function (newState) {
ViewBase_1.ViewBase.setActivationState(newState);
});
// -- STRANGE THINGS GOING ON HERE --
//
// 1) Unused variable
// This forces TypeScript to type-check the above RX module against the common RX interface. Missing/incorrect types will cause errors.
// Note: RX must be a module so 'RX.Foo' can be a valid value ('new RX.Foo') and valid type ('var k: RX.Foo'), but modules cannot
// implement an interface. If RX was a class or variable then it could directly check this, but then 'RX.Foo' would not be a valid type.
// tslint:disable-next-line
var _rxImplementsRxInterface = ReactXP;
_rxImplementsRxInterface = _rxImplementsRxInterface;
module.exports = ReactXP;
/*
var rx = module.exports;
Object.keys(rx)
.filter(key => rx[key] && rx[key].prototype instanceof React.Component && !rx[key].displayName)
.forEach(key => rx[key].displayName = 'RX.' + key + '');
*/
/***/ }),
/***/ 96999:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* RootView.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* The top-most view (rendered into window.body) that's used for proper
* layering or modals, etc. in the web implementation of the ReactXP
* cross-platform library.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var PropTypes = __webpack_require__(18722);
var React = __webpack_require__(49231);
var ReactDOM = __webpack_require__(64151);
var PopupContainerViewBase_1 = __webpack_require__(39429);
var Timers_1 = __webpack_require__(16320);
var AccessibilityAnnouncer_1 = __webpack_require__(22969);
var FocusManager_1 = __webpack_require__(55064);
var Input_1 = __webpack_require__(72081);
var _ = __webpack_require__(50892);
var ModalContainer_1 = __webpack_require__(39165);
var PopupContainerView_1 = __webpack_require__(91162);
var UserInterface_1 = __webpack_require__(14258);
var PopupDescriptor = /** @class */ (function () {
function PopupDescriptor(popupId, popupOptions) {
this.popupId = popupId;
this.popupOptions = popupOptions;
}
return PopupDescriptor;
}());
exports.PopupDescriptor = PopupDescriptor;
// Button code for when right click is pressed in a mouse event
var _rightClickButtonCode = 2;
var KEY_CODE_TAB = 9;
var KEY_CODE_ESC = 27;
// Setting the expected default box-sizing for everything.
if (typeof document !== 'undefined') {
var defaultBoxSizing = '*, *:before, *:after { box-sizing: border-box; }';
var style = document.createElement('style');
style.type = 'text/css';
style.appendChild(document.createTextNode(defaultBoxSizing));
document.head.appendChild(style);
}
// This helper class wraps the main view and passes a boolean value
// "isInRxMainView" to all children found within it. This is used to
// prevent gesture handling within the main view when a modal is displayed.
var MainViewContainer = /** @class */ (function (_super) {
__extends(MainViewContainer, _super);
function MainViewContainer() {
return _super !== null && _super.apply(this, arguments) || this;
}
MainViewContainer.prototype.getChildContext = function () {
return {
isInRxMainView: true
};
};
MainViewContainer.prototype.render = function () {
return (this.props.children);
};
MainViewContainer.childContextTypes = {
isInRxMainView: PropTypes.bool
};
return MainViewContainer;
}(React.Component));
exports.MainViewContainer = MainViewContainer;
var RootView = /** @class */ (function (_super) {
__extends(RootView, _super);
function RootView(props) {
var _this = _super.call(this, props) || this;
_this._clickHandlerInstalled = false;
_this._keyboardHandlerInstalled = false;
_this._shouldEnableKeyboardNavigationModeOnFocus = false;
_this._applicationIsNotActive = false;
_this._onMount = function (component) {
var domNode = component && ReactDOM.findDOMNode(component);
_this._mountedComponent = domNode ? domNode : undefined;
};
_this._tryClosePopup = function (e) {
// Dismiss a visible popup if there's a click outside.
var popupContainer = _this._mountedComponent;
if (!popupContainer) {
return;
}
var clickInPopup = false;
var el = e.target;
while (el) {
if (el === popupContainer) {
clickInPopup = true;
break;
}
el = el.parentElement || undefined;
}
if (!clickInPopup && e.button !== _rightClickButtonCode) {
_.defer(function () {
if (_this.props.activePopup) {
var anchorReference = _this.props.activePopup.popupOptions.getAnchor();
var isClickOnAnchor = _this._determineIfClickOnElement(anchorReference, e.srcElement);
var isClickOnContainer = false;
if (!isClickOnAnchor && _this.props.activePopup.popupOptions.getElementTriggeringPopup) {
var containerRef = _this.props.activePopup.popupOptions.getElementTriggeringPopup();
isClickOnContainer = _this._determineIfClickOnElement(containerRef, e.srcElement);
}
if (isClickOnAnchor || isClickOnContainer) {
// If the press event was on the anchor, we can notify the caller about it.
// Showing another animation while dimissing the popup creates a conflict in the UI making it not doing one of the
// two animations (i.e.: Opening an actionsheet while dismissing a popup). We introduce this delay to make sure
// the popup dimissing animation has finished before we call the event handler.
if (_this.props.activePopup.popupOptions.onAnchorPressed) {
Timers_1.default.setTimeout(function () {
// We can't pass through the DOM event argument to the anchor event handler as the event we have at this
// point is a DOM Event and the anchor expect a Synthetic event. There doesn't seem to be any way to convert
// between them. Passing null for now.
_this.props.activePopup.popupOptions.onAnchorPressed(undefined);
}, 500);
}
// If the popup is meant to behave like a toggle, we should not dimiss the popup from here since the event came
// from the anchor/container of the popup. The popup will be dismissed during the click handling of the
// anchor/container.
if (_this.props.activePopup.popupOptions.dismissIfShown) {
return;
}
}
if (_this.props.activePopup.popupOptions.preventDismissOnPress) {
return;
}
}
_this._dismissPopup();
});
}
};
_this._onMouseDownCapture = function (e) {
if (e &&
(e.clientX === 0) && (e.clientY === 0) &&
(e.screenX === 0) && (e.screenY === 0)) {
// This is most likely an event triggered by NVDA when Enter or
// Space is pressed, do not dismiss the keyboard navigation mode.
return;
}
_this._shouldEnableKeyboardNavigationModeOnFocus = false;
_this._updateKeyboardNavigationState(false);
};
_this._onKeyDownCapture = function (e) {
if (e.keyCode === KEY_CODE_TAB) {
_this._updateKeyboardNavigationState(true);
}
if (e.keyCode === KEY_CODE_ESC) {
// If Esc is pressed and the focused element stays the same after some time,
// switch the keyboard navigation off to dismiss the outline.
var activeElement_1 = document.activeElement;
if (_this._isNavigatingWithKeyboardUpateTimer) {
Timers_1.default.clearTimeout(_this._isNavigatingWithKeyboardUpateTimer);
}
_this._isNavigatingWithKeyboardUpateTimer = Timers_1.default.setTimeout(function () {
_this._isNavigatingWithKeyboardUpateTimer = undefined;
if ((document.activeElement === activeElement_1) && activeElement_1 && (activeElement_1 !== document.body)) {
_this._updateKeyboardNavigationState(false);
}
}, 500);
}
};
_this._onFocusIn = function (e) {
// When the screen reader is being used, we need to enable the keyboard navigation
// mode. It's not possible to detect the screen reader on web. To work it around we
// apply the following assumption: if the focus is moved without using the mouse and
// not from the application code with focus() method, it is most likely moved by the
// screen reader.
_this._cancelApplicationIsNotActive();
var target = e.target;
if (_this._updateKeyboardNavigationModeOnFocusTimer) {
Timers_1.default.clearTimeout(_this._updateKeyboardNavigationModeOnFocusTimer);
}
_this._updateKeyboardNavigationModeOnFocusTimer = Timers_1.default.setTimeout(function () {
_this._updateKeyboardNavigationModeOnFocusTimer = undefined;
var prev = _this._prevFocusedElement;
var curShouldEnable = _this._shouldEnableKeyboardNavigationModeOnFocus;
_this._prevFocusedElement = target;
_this._shouldEnableKeyboardNavigationModeOnFocus = true;
if (_this._applicationIsNotActive) {
_this._applicationIsNotActive = false;
return;
}
if ((prev === target) || (target === FocusManager_1.default.getLastFocusedProgrammatically(true))) {
return;
}
if (!UserInterface_1.default.isNavigatingWithKeyboard() && curShouldEnable) {
_this._updateKeyboardNavigationState(true);
}
}, 0);
};
_this._onFocusOut = function (e) {
// If the focus is out and nothing is focused after some time, most likely
// the application has been deactivated, so the next focusin will be about
// activating the application back again and should be ignored.
// This is a safety pillow for checking that _prevFocusedElement is changed,
// as _prevFocusedElement might be gone while the application is not active.
_this._requestApplicationIsNotActive();
};
_this._onKeyDown = function (e) {
Input_1.default.dispatchKeyDown(e);
};
_this._onKeyUp = function (e) {
if (_this.props.activePopup && (e.keyCode === KEY_CODE_ESC)) {
if (e.stopPropagation) {
e.stopPropagation();
}
_this._dismissPopup();
return;
}
Input_1.default.dispatchKeyUp(e);
};
_this.state = _this._getInitialState();
// Initialize the root FocusManager which is aware of all
// focusable elements.
_this._focusManager = new FocusManager_1.default(undefined);
return _this;
}
RootView.prototype.getChildContext = function () {
// Provide the context with root FocusManager to all descendants.
return {
focusManager: this._focusManager
};
};
RootView.prototype._getInitialState = function () {
return {
isMeasuringPopup: true,
anchorPosition: 'left',
anchorOffset: 0,
popupY: 0,
popupX: 0,
popupWidth: 0,
popupHeight: 0,
constrainedPopupWidth: 0,
constrainedPopupHeight: 0,
focusClass: this.props.mouseFocusOutline
};
};
RootView.prototype.UNSAFE_componentWillReceiveProps = function (prevProps) {
if (this.props.activePopup !== prevProps.activePopup) {
this._stopHidePopupTimer();
// If the popup changes, reset our state.
this.setState(this._getInitialState());
}
};
RootView.prototype.componentDidUpdate = function (prevProps, prevState) {
if (this.props.activePopup) {
this._stopHidePopupTimer();
this._recalcPosition();
if (!this._respositionPopupTimer) {
this._startRepositionPopupTimer();
}
this._startHidePopupTimer();
if (!this._clickHandlerInstalled) {
document.addEventListener('mousedown', this._tryClosePopup);
document.addEventListener('touchstart', this._tryClosePopup);
this._clickHandlerInstalled = true;
}
}
else {
this._stopRepositionPopupTimer();
if (this._clickHandlerInstalled) {
document.removeEventListener('mousedown', this._tryClosePopup);
document.removeEventListener('touchstart', this._tryClosePopup);
this._clickHandlerInstalled = false;
}
}
};
RootView.prototype.componentDidMount = function () {
if (this.props.activePopup) {
this._recalcPosition();
}
if (this.props.activePopup) {
this._startRepositionPopupTimer();
}
if (!this._keyboardHandlerInstalled) {
window.addEventListener('keydown', this._onKeyDown);
window.addEventListener('keyup', this._onKeyUp);
window.addEventListener('keydown', this._onKeyDownCapture, true); // Capture!
window.addEventListener('mousedown', this._onMouseDownCapture, true); // Capture!
window.addEventListener('focusin', this._onFocusIn);
window.addEventListener('focusout', this._onFocusOut);
this._keyboardHandlerInstalled = true;
}
};
RootView.prototype.componentWillUnmount = function () {
this._stopHidePopupTimer();
this._stopRepositionPopupTimer();
if (this._keyboardHandlerInstalled) {
window.removeEventListener('keydown', this._onKeyDown);
window.removeEventListener('keyup', this._onKeyUp);
window.removeEventListener('keydown', this._onKeyDownCapture, true);
window.removeEventListener('mousedown', this._onMouseDownCapture, true);
window.removeEventListener('focusin', this._onFocusIn);
window.removeEventListener('focusout', this._onFocusOut);
this._keyboardHandlerInstalled = false;
}
};
RootView.prototype._renderPopup = function (popup, hidden) {
var _this = this;
var popupContainerStyle = {
display: 'flex',
position: 'fixed',
zIndex: 100001
};
if (!hidden) {
popupContainerStyle.top = this.state.popupY;
popupContainerStyle.left = this.state.popupX;
// Are we artificially constraining the width and/or height?
if (this.state.constrainedPopupWidth && this.state.constrainedPopupWidth !== this.state.popupWidth) {
popupContainerStyle.width = this.state.constrainedPopupWidth;
}
if (this.state.constrainedPopupHeight && this.state.constrainedPopupHeight !== this.state.popupHeight) {
popupContainerStyle.height = this.state.constrainedPopupHeight;
}
}
var key = (popup.popupOptions.cacheable ? 'CP:' : 'P:') + popup.popupId;
var renderedPopup = (hidden ?
popup.popupOptions.renderPopup('top', 0, 0, 0) :
popup.popupOptions.renderPopup(this.state.anchorPosition, this.state.anchorOffset, this.state.constrainedPopupWidth, this.state.constrainedPopupHeight));
return (React.createElement(PopupContainerView_1.default, { key: key, style: popupContainerStyle, hidden: hidden, ref: hidden ? undefined : this._onMount, onMouseEnter: function (e) { return _this._onMouseEnter(e); }, onMouseLeave: function (e) { return _this._onMouseLeave(e); } }, renderedPopup));
};
RootView.prototype.render = function () {
var _this = this;
var rootViewStyle = {
width: '100%',
height: '100%',
display: 'flex',
cursor: 'default'
};
var optionalPopups = [];
if (this.props.activePopup) {
optionalPopups.push(this._renderPopup(this.props.activePopup, false));
}
if (this.props.cachedPopup) {
this.props.cachedPopup.forEach(function (popup) { return optionalPopups.push(_this._renderPopup(popup, true)); });
}
var optionalModal = null;
if (this.props.modal) {
optionalModal = (React.createElement(ModalContainer_1.default, null, this.props.modal));
}
return (React.createElement("div", { className: this.state.focusClass, style: rootViewStyle, dir: this.props.writingDirection },
React.createElement(MainViewContainer, null, this.props.mainView),
optionalModal,
optionalPopups,
React.createElement(AccessibilityAnnouncer_1.default, null)));
};
RootView.prototype._determineIfClickOnElement = function (elementReference, eventSource) {
try {
var element = ReactDOM.findDOMNode(elementReference);
var isClickOnElement = !!element && !!eventSource && element.contains(eventSource);
return isClickOnElement;
}
catch (_a) {
// Exception is due to race condition with unmounting.
return false;
}
};
RootView.prototype._requestApplicationIsNotActive = function () {
var _this = this;
this._cancelApplicationIsNotActive();
this._applicationIsNotActiveTimer = Timers_1.default.setTimeout(function () {
_this._applicationIsNotActiveTimer = undefined;
_this._applicationIsNotActive = true;
}, 100);
};
RootView.prototype._cancelApplicationIsNotActive = function () {
if (this._applicationIsNotActiveTimer) {
Timers_1.default.clearTimeout(this._applicationIsNotActiveTimer);
this._applicationIsNotActiveTimer = undefined;
}
};
RootView.prototype._updateKeyboardNavigationState = function (isNavigatingWithKeyboard) {
if (this._isNavigatingWithKeyboardUpateTimer) {
Timers_1.default.clearTimeout(this._isNavigatingWithKeyboardUpateTimer);
this._isNavigatingWithKeyboardUpateTimer = undefined;
}
if (UserInterface_1.default.isNavigatingWithKeyboard() !== isNavigatingWithKeyboard) {
UserInterface_1.default.keyboardNavigationEvent.fire(isNavigatingWithKeyboard);
var focusClass = isNavigatingWithKeyboard ? this.props.keyBoardFocusOutline : this.props.mouseFocusOutline;
if (this.state.focusClass !== focusClass) {
this.setState({ focusClass: focusClass });
}
}
};
RootView.prototype._onMouseEnter = function (e) {
this._stopHidePopupTimer();
};
RootView.prototype._onMouseLeave = function (e) {
this._startHidePopupTimer();
};
RootView.prototype._startHidePopupTimer = function () {
var _this = this;
if (this.props.autoDismiss) {
// Should we immediately hide it, or did the caller request a delay?
if (!_.isUndefined(this.props.autoDismissDelay) && this.props.autoDismissDelay > 0) {
this._hidePopupTimer = Timers_1.default.setTimeout(function () {
_this._hidePopupTimer = undefined;
_this._dismissPopup();
}, this.props.autoDismissDelay);
}
else {
this._dismissPopup();
}
}
};
RootView.prototype._stopHidePopupTimer = function () {
if (this._hidePopupTimer) {
Timers_1.default.clearTimeout(this._hidePopupTimer);
this._hidePopupTimer = undefined;
}
};
RootView.prototype._dismissPopup = function () {
if (this.props.onDismissPopup) {
this.props.onDismissPopup();
}
};
RootView.prototype._startRepositionPopupTimer = function () {
var _this = this;
this._respositionPopupTimer = Timers_1.default.setInterval(function () {
_this._recalcPosition();
}, 500);
};
RootView.prototype._stopRepositionPopupTimer = function () {
if (this._respositionPopupTimer) {
Timers_1.default.clearInterval(this._respositionPopupTimer);
this._respositionPopupTimer = undefined;
}
};
// Recalculates the position and constrained size of the popup based on the current position of the anchor and the
// window size. If necessary, it also measures the unconstrained size of the popup.
RootView.prototype._recalcPosition = function () {
// Make a copy of the old state.
var newState = _.extend({}, this.state);
if (this.state.isMeasuringPopup) {
// Get the width/height of the popup.
var popup = this._mountedComponent;
if (!popup) {
return;
}
newState.isMeasuringPopup = false;
newState.popupHeight = popup.clientHeight;
newState.popupWidth = popup.clientWidth;
}
// Get the anchor element.
var anchorComponent = this.props.activePopup.popupOptions.getAnchor();
// if the anchor is unmounted, dismiss the popup.
// Prevents app crash when we try to get dom node from unmounted Component
if (!anchorComponent) {
this._dismissPopup();
return;
}
var anchor = null;
try {
anchor = ReactDOM.findDOMNode(anchorComponent);
}
catch (_a) {
anchor = null;
}
// If the anchor has disappeared, dismiss the popup.
if (!anchor) {
this._dismissPopup();
return;
}
// Calculate the absolute position of the anchor element's top/left.
var anchorRect = anchor.getBoundingClientRect();
var popupDims = { width: newState.popupWidth, height: newState.popupHeight };
// Get the width/height of root view window.
var windowDims = { width: window.innerWidth, height: window.innerHeight };
// Run the common recalc function and see what magic it spits out.
var result = PopupContainerViewBase_1.recalcPositionFromLayoutData(windowDims, anchorRect, popupDims, this.props.activePopup.popupOptions.positionPriorities, this.props.activePopup.popupOptions.useInnerPositioning);
if (!result) {
this._dismissPopup();
return;
}
_.extend(newState, result);
if (!_.isEqual(newState, this.state)) {
this.setState(newState);
}
};
RootView.childContextTypes = {
focusManager: PropTypes.object
};
return RootView;
}(React.Component));
exports.RootView = RootView;
exports["default"] = RootView;
/***/ }),
/***/ 1728:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* ScrollView.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform ScrollView abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var ReactDOM = __webpack_require__(64151);
var Timers_1 = __webpack_require__(16320);
var CustomScrollbar_1 = __webpack_require__(53080);
var _ = __webpack_require__(50892);
var ScrollViewConfig_1 = __webpack_require__(5559);
var Styles_1 = __webpack_require__(58653);
var ViewBase_1 = __webpack_require__(74445);
var _styles = {
defaultStyle: {
position: 'relative',
overflow: 'hidden',
alignSelf: 'stretch',
flexGrow: 1,
flexShrink: 1,
// This forces some browsers (like Chrome) to create a new render context,
// which can significantly speed up scrolling.
transform: 'translateZ(0)'
},
verticalStyle: {
flexDirection: 'column',
overflowY: 'auto',
overflowX: 'hidden'
},
horizontalStyle: {
flexDirection: 'row',
overflowY: 'hidden',
overflowX: 'auto'
}
};
var _initializedCustomStyles = false;
var _customStyles = {
defaultStyle: {
overflow: 'hidden',
msOverflowStyle: 'auto',
flexDirection: 'column',
// This forces some browsers (like Chrome) to create a new render context,
// which can significantly speed up scrolling.
transform: 'translateZ(0)'
},
verticalStyle: {},
horizontalStyle: {},
customScrollContainer: {
position: 'relative',
overflow: 'hidden',
boxSizing: 'border-box',
alignSelf: 'stretch'
},
customScrollVertical: {
// Set flex only for vertical scroll view.
// Don't set flex for horizontal scroll view, otherwise it disappears.
display: 'flex',
flex: '1 1 0px'
}
};
// Default to once per frame.
var _defaultScrollThrottleValue = 1000 / 60;
var ScrollView = /** @class */ (function (_super) {
__extends(ScrollView, _super);
function ScrollView(props) {
var _this = _super.call(this, props) || this;
_this._mountedComponent = null;
_this._mounted = false;
_this._customScrollbarEnabled = true;
_this._dragging = false;
// Throttled scroll handler
_this._onScroll = _.throttle(function (e) {
if (!_this._mounted) {
return;
}
if (_this._customScrollbarEnabled && _this._customScrollbar) {
_this._customScrollbar.update();
}
// Check if this should be also fire an onLayout event
// The browser sends a scroll event when resizing
var onLayoutPromise = _this._checkAndReportLayout();
// Recent versions of Chrome have started to defer all timers until
// after scrolling has completed. Because of this, our deferred layout
// reporting sometimes doesn't get handled for up to seconds at a time.
// Force the list of deferred changes to be reported now.
ViewBase_1.default._reportDeferredLayoutChanges();
if (_this.props.onScroll || _this.props.scrollXAnimatedValue || _this.props.scrollYAnimatedValue) {
onLayoutPromise.then(function () {
var container = _this._getContainer();
if (!container) {
return;
}
if (_this.props.onScroll) {
_this.props.onScroll(container.scrollTop, container.scrollLeft);
}
if (_this.props.scrollXAnimatedValue) {
_this.props.scrollXAnimatedValue.setValue(container.scrollLeft);
}
if (_this.props.scrollYAnimatedValue) {
_this.props.scrollYAnimatedValue.setValue(container.scrollTop);
}
}).catch(function (e) {
console.warn('ScrollView onLayout exception: ' + JSON.stringify(e));
});
}
}, (_this.props.scrollEventThrottle || _defaultScrollThrottleValue), { leading: true, trailing: true });
_this._onMount = function (component) {
_this._mountedComponent = component;
};
_this._onTouchStart = function () {
if (!_this._dragging) {
_this._dragging = true;
if (_this.props.onScrollBeginDrag) {
_this.props.onScrollBeginDrag();
}
}
};
_this._onTouchEnd = function () {
_this._dragging = false;
if (_this.props.onScrollEndDrag) {
_this.props.onScrollEndDrag();
}
};
// Set final styles upon initialization of the first ScrollView. This was previously done in the head
// of this file, but it broke the pattern of not doing external work (such as accessing the document
// object) on Types initialization.
if (!_initializedCustomStyles) {
_initializedCustomStyles = true;
var nativeScrollbarWidth = CustomScrollbar_1.default.getNativeScrollbarWidth();
_customStyles.verticalStyle = {
overflowY: 'scroll',
paddingRight: 30 - nativeScrollbarWidth,
marginRight: -30,
// Fixes a bug for Chrome beta where the parent flexbox (customScrollContainer) doesn't
// recognize that its child got populated with items. Smallest default width gives an
// indication that content will exist here.
minHeight: 0
};
_customStyles.horizontalStyle = {
// The display needs to be set to flex, otherwise the scrollview incorrectly shows up vertically.
display: 'flex',
overflowX: 'scroll',
paddingBottom: 30 - nativeScrollbarWidth,
marginBottom: -30,
// Fixes a bug for Chrome beta where the parent flexbox (customScrollContainer) doesn't
// recognize that its child got populated with items. Smallest default width gives an
// indication that content will exist here.
minWidth: 0
};
}
return _this;
}
ScrollView.prototype.componentDidUpdate = function () {
var _this = this;
_super.prototype.componentDidUpdate.call(this);
if (!this.props.onContentSizeChange) {
return;
}
_.defer(function () {
if (_this.props.onContentSizeChange) {
var container = _this._getContainer();
if (!container) {
return;
}
_this.props.onContentSizeChange(container.scrollWidth, container.scrollHeight);
}
});
};
ScrollView.prototype.render = function () {
return this._customScrollbarEnabled ? this._renderWithCustomScrollbar() : this._renderNormal();
};
ScrollView.prototype.UNSAFE_componentWillMount = function () {
this._onPropsChange(this.props);
};
ScrollView.prototype.componentDidMount = function () {
_super.prototype.componentDidMount.call(this);
this._mounted = true;
this._createCustomScrollbarsIfNeeded(this.props);
};
ScrollView.prototype.UNSAFE_componentWillReceiveProps = function (newProps) {
_super.prototype.UNSAFE_componentWillReceiveProps.call(this, newProps);
this._onPropsChange(newProps);
};
ScrollView.prototype.componentWillUnmount = function () {
_super.prototype.componentWillUnmount.call(this);
this._mounted = false;
if (this._customScrollbar) {
this._customScrollbar.dispose();
this._customScrollbar = undefined;
}
};
ScrollView.prototype._getContainer = function () {
return this._mountedComponent;
};
ScrollView.prototype._onPropsChange = function (props) {
this._customScrollbarEnabled = ScrollViewConfig_1.default.useCustomScrollbars();
// If we're turning on custom scrollbars or toggling vertical and/or horizontal, we need to re-create
// the scrollbar.
this._createCustomScrollbarsIfNeeded(props);
};
ScrollView.prototype._createCustomScrollbarsIfNeeded = function (props) {
if (this._mounted && this._customScrollbarEnabled) {
if (this._customScrollbar) {
if (this.props.horizontal === props.horizontal &&
this.props.showsHorizontalScrollIndicator === props.showsHorizontalScrollIndicator &&
this.props.showsVerticalScrollIndicator === props.showsVerticalScrollIndicator) {
// No need to re-create the scrollbar.
return;
}
this._customScrollbar.dispose();
this._customScrollbar = undefined;
}
var element = ReactDOM.findDOMNode(this);
if (element) {
this._customScrollbar = new CustomScrollbar_1.default(element);
var horizontalHidden = (props.horizontal && props.showsHorizontalScrollIndicator === false);
var verticalHidden = (!props.horizontal && props.showsVerticalScrollIndicator === false);
this._customScrollbar.init({
horizontal: props.horizontal && !horizontalHidden,
vertical: !props.horizontal && !verticalHidden,
hiddenScrollbar: horizontalHidden || verticalHidden
});
}
}
};
ScrollView.prototype._getContainerStyle = function () {
var _a = this.props.scrollEnabled, scrollEnabled = _a === void 0 ? true : _a;
var styles = [{ display: 'block' }];
var sourceStyles = this._customScrollbarEnabled ? _customStyles : _styles;
styles.push(sourceStyles.defaultStyle);
if (scrollEnabled && this.props.horizontal) {
styles.push(sourceStyles.horizontalStyle);
}
else if (scrollEnabled) {
styles.push(sourceStyles.verticalStyle);
}
return Styles_1.default.combine([styles, this.props.style]);
};
ScrollView.prototype._renderNormal = function () {
return (React.createElement("div", { ref: this._onMount, role: 'none', onScroll: this._onScroll, onTouchStart: this._onTouchStart, onTouchEnd: this._onTouchEnd, style: this._getContainerStyle(), onKeyDown: this.props.onKeyPress, onFocus: this.props.onFocus, onBlur: this.props.onBlur, "data-test-id": this.props.testId }, this.props.children));
};
ScrollView.prototype._renderWithCustomScrollbar = function () {
var containerStyles = _customStyles.customScrollContainer;
var scrollComponentClassNames = ['scrollViewport'];
if (this.props.horizontal) {
scrollComponentClassNames.push('scrollViewportH');
}
else {
scrollComponentClassNames.push('scrollViewportV');
containerStyles = _.extend({}, _customStyles.customScrollVertical, containerStyles);
}
return (React.createElement("div", { role: 'none', className: 'rxCustomScroll', style: containerStyles, "data-test-id": this.props.testId },
React.createElement("div", { ref: this._onMount, role: 'none', className: scrollComponentClassNames.join(' '), onScroll: this._onScroll, style: this._getContainerStyle(), onKeyDown: this.props.onKeyPress, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onTouchStart: this._onTouchStart, onTouchEnd: this._onTouchEnd }, this.props.children)));
};
ScrollView.prototype.setScrollTop = function (scrollTop, animate) {
var _this = this;
if (animate === void 0) { animate = false; }
var container = this._getContainer();
if (!container) {
return;
}
this._onScroll.cancel();
if (animate) {
var start_1 = container.scrollTop;
var change_1 = scrollTop - start_1;
var increment_1 = 20;
var duration_1 = 200;
var animateScroll_1 = function (elapsedTime) {
elapsedTime += increment_1;
var position = _this._easeInOut(elapsedTime, start_1, change_1, duration_1);
container.scrollTop = position;
if (elapsedTime < duration_1) {
Timers_1.default.setTimeout(function () {
animateScroll_1(elapsedTime);
}, increment_1);
}
};
animateScroll_1(0);
}
else {
container.scrollTop = scrollTop;
}
};
ScrollView.prototype.setScrollLeft = function (scrollLeft, animate) {
var _this = this;
if (animate === void 0) { animate = false; }
var container = this._getContainer();
if (!container) {
return;
}
this._onScroll.cancel();
if (animate) {
var start_2 = container.scrollLeft;
var change_2 = scrollLeft - start_2;
var increment_2 = 20;
var duration_2 = 200;
var animateScroll_2 = function (elapsedTime) {
elapsedTime += increment_2;
var position = _this._easeInOut(elapsedTime, start_2, change_2, duration_2);
container.scrollLeft = position;
if (elapsedTime < duration_2) {
Timers_1.default.setTimeout(function () {
animateScroll_2(elapsedTime);
}, increment_2);
}
};
animateScroll_2(0);
}
else {
container.scrollLeft = scrollLeft;
}
};
ScrollView.prototype._easeInOut = function (currentTime, start, change, duration) {
currentTime /= duration / 2;
if (currentTime < 1) {
return change / 2 * currentTime * currentTime + start;
}
currentTime -= 1;
return -change / 2 * (currentTime * (currentTime - 2) - 1) + start;
};
return ScrollView;
}(ViewBase_1.default));
exports.ScrollView = ScrollView;
exports["default"] = ScrollView;
/***/ }),
/***/ 5559:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/**
* ScrollViewConfig.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific scroll view configuration, required to avoid circular
* dependency between application and ScrollView.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var ScrollViewConfig = /** @class */ (function () {
function ScrollViewConfig() {
this._useCustomScrollbars = false;
}
// Enable native scrollbars for all instances.
ScrollViewConfig.prototype.setUseCustomScrollbars = function (value) {
this._useCustomScrollbars = value;
};
ScrollViewConfig.prototype.useCustomScrollbars = function () {
return this._useCustomScrollbars;
};
return ScrollViewConfig;
}());
exports.ScrollViewConfig = ScrollViewConfig;
exports["default"] = new ScrollViewConfig();
/***/ }),
/***/ 82971:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* StatusBar.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform status bar.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var RX = __webpack_require__(35066);
var StatusBar = /** @class */ (function (_super) {
__extends(StatusBar, _super);
function StatusBar() {
return _super !== null && _super.apply(this, arguments) || this;
}
StatusBar.prototype.isOverlay = function () {
return false;
};
StatusBar.prototype.setBarStyle = function (style, animated) {
// Nothing to do on Web
};
StatusBar.prototype.setHidden = function (hidden, showHideTransition) {
// Nothing to do on Web
};
StatusBar.prototype.setNetworkActivityIndicatorVisible = function (value) {
// Nothing to do on the web
};
StatusBar.prototype.setBackgroundColor = function (color, animated) {
// Nothing to do on the web
};
StatusBar.prototype.setTranslucent = function (translucent) {
// Nothing to do on the web
};
return StatusBar;
}(RX.StatusBar));
exports.StatusBar = StatusBar;
exports["default"] = new StatusBar();
/***/ }),
/***/ 93447:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Storage.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform database storage abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var RX = __webpack_require__(35066);
var Storage = /** @class */ (function (_super) {
__extends(Storage, _super);
function Storage() {
return _super !== null && _super.apply(this, arguments) || this;
}
Storage.prototype.getItem = function (key) {
var value = window.localStorage.getItem(key);
return Promise.resolve(value === null ? undefined : value);
};
Storage.prototype.setItem = function (key, value) {
try {
window.localStorage.setItem(key, value);
}
catch (e) {
return Promise.resolve(e);
}
return Promise.resolve(void 0);
};
Storage.prototype.removeItem = function (key) {
window.localStorage.removeItem(key);
return Promise.resolve(void 0);
};
Storage.prototype.clear = function () {
window.localStorage.clear();
return Promise.resolve(void 0);
};
return Storage;
}(RX.Storage));
exports.Storage = Storage;
exports["default"] = new Storage();
/***/ }),
/***/ 58653:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Styles.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of style functions.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var AppConfig_1 = __webpack_require__(5449);
var RX = __webpack_require__(35066);
var StyleLeakDetector_1 = __webpack_require__(18411);
var _ = __webpack_require__(50892);
var Styles = /** @class */ (function (_super) {
__extends(Styles, _super);
function Styles() {
var _this = _super !== null && _super.apply(this, arguments) || this;
// Use memoize to cache the result after the first call.
_this._createDummyElement = _.memoize(function () {
return document.createElement('testCss');
});
_this._getCssPropertyAliasesJsStyle = _.memoize(function () {
var props = [
'flex',
'flexDirection',
'alignItems',
'justifyContent',
'alignSelf',
'alignContent',
'transform',
'transition',
'animationDuration',
'animationTimingFunction',
'animationDirection',
'animationDelay',
'animationIterationCount',
'animationName',
'hyphens',
'filter',
'appRegion'
];
var aliases = {};
props.forEach(function (prop) {
var alias = _this._getCssPropertyAlias(prop);
if (alias && prop !== alias) {
aliases[prop] = alias;
}
});
return aliases;
});
_this._cssPropertyAliasesCssStyle = memoize(function () {
var jsStyleAliases = _this._getCssPropertyAliasesJsStyle();
var aliases = {};
_.each(_.keys(jsStyleAliases), function (prop) {
aliases[prop] = _this.convertJsToCssStyle(jsStyleAliases[prop]);
});
return aliases;
});
return _this;
}
// Combines a set of styles - for web we need to flatten to a single object
Styles.prototype.combine = function (ruleSet1, ruleSet2) {
if (!ruleSet1 && !ruleSet2) {
return undefined;
}
var ruleSet = ruleSet1 ? (ruleSet2 ? [ruleSet1, ruleSet2] : ruleSet1) : ruleSet2;
if (ruleSet instanceof Array) {
var combinedStyles = {};
for (var i = 0; i < ruleSet.length; i++) {
var subRuleSet = this.combine(ruleSet[i]);
combinedStyles = _.extend(combinedStyles, subRuleSet);
}
// Use the React Native model for combining styles. Specific attributes
// always override the general.
// https://github.com/necolas/react-native-web/blob/0.10.0/docs/guides/style.md#how-styles-are-resolved
if ((combinedStyles.marginLeft !== undefined || combinedStyles.marginRight !== undefined ||
combinedStyles.marginTop !== undefined || combinedStyles.marginBottom !== undefined) &&
combinedStyles.margin !== undefined) {
if (combinedStyles.marginLeft === undefined) {
combinedStyles.marginLeft = combinedStyles.margin;
}
if (combinedStyles.marginRight === undefined) {
combinedStyles.marginRight = combinedStyles.margin;
}
if (combinedStyles.marginTop === undefined) {
combinedStyles.marginTop = combinedStyles.margin;
}
if (combinedStyles.marginBottom === undefined) {
combinedStyles.marginBottom = combinedStyles.margin;
}
delete combinedStyles.margin;
}
if ((combinedStyles.paddingLeft !== undefined || combinedStyles.paddingRight !== undefined ||
combinedStyles.paddingTop !== undefined || combinedStyles.paddingBottom !== undefined) &&
combinedStyles.padding !== undefined) {
if (combinedStyles.paddingLeft === undefined) {
combinedStyles.paddingLeft = combinedStyles.padding;
}
if (combinedStyles.paddingRight === undefined) {
combinedStyles.paddingRight = combinedStyles.padding;
}
if (combinedStyles.paddingTop === undefined) {
combinedStyles.paddingTop = combinedStyles.padding;
}
if (combinedStyles.paddingBottom === undefined) {
combinedStyles.paddingBottom = combinedStyles.padding;
}
delete combinedStyles.padding;
}
if (combinedStyles.borderWidth ||
combinedStyles.borderTopWidth || combinedStyles.borderRightWidth ||
combinedStyles.borderBottomWidth || combinedStyles.borderLeftWidth) {
// If the caller specified a non-zero border width
// but no border color or style, set the defaults to
// match those of React Native platforms.
if (combinedStyles.borderColor === undefined) {
combinedStyles.borderColor = 'black';
}
if (combinedStyles.borderStyle === undefined) {
combinedStyles.borderStyle = 'solid';
}
}
return combinedStyles;
}
return ruleSet;
};
// Creates opaque styles that can be used for View
Styles.prototype.createViewStyle = function (ruleSet, cacheStyle) {
if (cacheStyle === void 0) { cacheStyle = true; }
return this._adaptStyles(ruleSet, cacheStyle);
};
// Creates opaque styles that can be used for View
Styles.prototype.createAnimatedViewStyle = function (ruleSet) {
return this._adaptStyles(ruleSet, false);
};
// Creates opaque styles that can be used for ScrollView
Styles.prototype.createScrollViewStyle = function (ruleSet, cacheStyle) {
if (cacheStyle === void 0) { cacheStyle = true; }
return this._adaptStyles(ruleSet, cacheStyle);
};
// Creates opaque styles that can be used for Button
Styles.prototype.createButtonStyle = function (ruleSet, cacheStyle) {
if (cacheStyle === void 0) { cacheStyle = true; }
return this._adaptStyles(ruleSet, cacheStyle);
};
// Creates opaque styles that can be used for Text
Styles.prototype.createTextStyle = function (ruleSet, cacheStyle) {
if (cacheStyle === void 0) { cacheStyle = true; }
return this._adaptStyles(ruleSet, cacheStyle, true);
};
// Creates opaque styles that can be used for Text
Styles.prototype.createAnimatedTextStyle = function (ruleSet) {
return this._adaptStyles(ruleSet, false);
};
// Creates opaque styles that can be used for TextInput
Styles.prototype.createTextInputStyle = function (ruleSet, cacheStyle) {
if (cacheStyle === void 0) { cacheStyle = true; }
return this._adaptStyles(ruleSet, cacheStyle, true);
};
// Creates opaque styles that can be used for TextInput
Styles.prototype.createAnimatedTextInputStyle = function (ruleSet) {
return this._adaptStyles(ruleSet, false);
};
// Creates opaque styles that can be used for Link
Styles.prototype.createLinkStyle = function (ruleSet, cacheStyle) {
if (cacheStyle === void 0) { cacheStyle = true; }
return this._adaptStyles(ruleSet, cacheStyle);
};
// Creates opaque styles that can be used for Image
Styles.prototype.createImageStyle = function (ruleSet, cacheStyle) {
if (cacheStyle === void 0) { cacheStyle = true; }
return this._adaptStyles(ruleSet, cacheStyle);
};
// Creates opaque styles that can be used for Image
Styles.prototype.createAnimatedImageStyle = function (ruleSet) {
return this._adaptStyles(ruleSet, false);
};
// Creates opaque styles that can be used for Picker
Styles.prototype.createPickerStyle = function (ruleSet, cacheStyle) {
if (cacheStyle === void 0) { cacheStyle = true; }
return this._adaptStyles(ruleSet, cacheStyle);
};
// Returns the name of a CSS property or its alias. Returns undefined if the property is not supported.
Styles.prototype._getCssPropertyAlias = function (name) {
// If we're inside unit tests, document may not be defined yet. We don't need prefixes for tests
if (typeof document === 'undefined') {
return undefined;
}
var upperName = name.charAt(0).toUpperCase() + name.slice(1);
var propsToTest = [name, upperName];
propsToTest = propsToTest.concat(['Webkit', 'webkit', 'Moz', 'O', 'ms'].map(function (prefix) { return prefix + upperName; }));
var testElement = this._createDummyElement();
var styleObj = testElement.style;
for (var i = 0; i < propsToTest.length; i++) {
var prop = propsToTest[i];
if (styleObj[prop] !== undefined) {
return prop;
}
}
return undefined;
};
// Converts a property from JavaScript style (camel-case) to CSS style (lowercase with hyphens).
Styles.prototype.convertJsToCssStyle = function (prop) {
var cssString = '';
if (prop) {
for (var i = 0; i < prop.length; i++) {
var lowerChar = prop[i].toLowerCase();
if (lowerChar === prop[i]) {
cssString += lowerChar;
}
else {
cssString += '-' + lowerChar;
}
}
}
return cssString;
};
Styles.prototype.getCssPropertyAliasesCssStyle = function () {
return this._cssPropertyAliasesCssStyle();
};
Styles.prototype.getParentComponentName = function (component) {
var parentConstructor;
var internalInstance = component._reactInternalInstance;
if (internalInstance && internalInstance._currentElement &&
internalInstance._currentElement._owner && internalInstance._currentElement._owner._instance) {
parentConstructor = internalInstance._currentElement._owner._instance.constructor;
}
if (!parentConstructor) {
return '';
}
return parentConstructor.name ? parentConstructor.name : parentConstructor;
};
Styles.prototype._adaptStyles = function (def, validate, isTextStyle) {
if (isTextStyle === void 0) { isTextStyle = false; }
if (validate) {
StyleLeakDetector_1.default.detectLeaks(def);
}
// Expand composite types.
if (def.font) {
if (def.font.fontFamily !== undefined) {
def.fontFamily = def.font.fontFamily;
}
if (def.font.fontWeight !== undefined) {
def.fontWeight = def.font.fontWeight;
}
if (def.font.fontStyle !== undefined) {
def.fontStyle = def.font.fontStyle;
}
delete def.font;
}
if (def.flex !== undefined) {
// In development mode, see if we're going to overwrite explicit flexGrow
// or flexShrink attributes. It's a programming error to specify these in
// combination with flex.
if (AppConfig_1.default.isDevelopmentMode()) {
if (def.flexGrow !== undefined || def.flexShrink !== undefined) {
console.error('Conflicting rules for flex specified.');
}
}
var flexValue = def.flex;
delete def.flex;
if (flexValue > 0) {
// p 1 auto
def.flexGrow = flexValue;
def.flexShrink = 1;
}
else if (flexValue < 0) {
// 0 -n auto
def.flexGrow = 0;
def.flexShrink = -flexValue;
}
else {
// 0 0 auto
def.flexGrow = 0;
def.flexShrink = 0;
}
}
if (def.transform) {
var transformStrings_1 = [];
var animatedTransforms_1 = {};
var staticTransforms_1 = {};
_.each(def.transform, function (t) {
_.each(_.keys(t), function (key) {
// Animated transforms use Animated.Value objects rather
// than strings. We need to store these separately.
if (typeof t[key] === 'object') {
animatedTransforms_1[key] = t[key];
}
else {
var value = t[key].toString();
if (key.indexOf('translate') === 0) {
value += 'px';
}
transformStrings_1.push(key + '(' + value + ')');
staticTransforms_1[key] = value;
}
});
});
delete def.transform;
if (transformStrings_1.length > 0) {
def.transform = transformStrings_1.join(' ');
}
if (_.keys(animatedTransforms_1).length > 0) {
def.animatedTransforms = animatedTransforms_1;
def.staticTransforms = staticTransforms_1;
}
}
if (def.shadowOffset !== undefined || def.shadowRadius !== undefined || def.shadowColor !== undefined) {
var width = 0;
var height = 0;
var radius = 0;
var color = 'black';
if (def.shadowOffset !== undefined) {
width = def.shadowOffset.width;
height = def.shadowOffset.height;
delete def.shadowOffset;
}
if (def.shadowRadius !== undefined) {
radius = def.shadowRadius;
delete def.shadowRadius;
}
if (def.shadowColor !== undefined) {
color = def.shadowColor;
delete def.shadowColor;
}
if (isTextStyle) {
def.textShadow = width + 'px ' + height + 'px ' + radius + 'px ' + color;
}
else {
def.boxShadow = width + 'px ' + height + 'px ' + radius + 'px 0px ' + color;
}
}
// CSS (and React JS) support lineHeight defined as either a multiple of the font
// size or a pixel count. The RX.Types interface always uses a pixel count. We need to
// convert to the string notation to make CSS happy.
if (def.lineHeight !== undefined) {
def.lineHeight = def.lineHeight + 'px';
}
// Add default border width if border style or some subset of border widths
// were provided. Otherwise the browser will default to a two-pixel border.
if (def.borderStyle || def.borderTopWidth || def.borderRightWidth || def.borderBottomWidth || def.borderLeftWidth) {
if (def.borderWidth === undefined) {
if (def.borderTopWidth === undefined) {
def.borderTopWidth = 0;
}
if (def.borderRightWidth === undefined) {
def.borderRightWidth = 0;
}
if (def.borderBottomWidth === undefined) {
def.borderBottomWidth = 0;
}
if (def.borderLeftWidth === undefined) {
def.borderLeftWidth = 0;
}
}
}
// CSS doesn't support vertical/horizontal margins or padding.
if (def.marginVertical !== undefined) {
if (def.marginTop === undefined) {
def.marginTop = def.marginVertical;
}
if (def.marginBottom === undefined) {
def.marginBottom = def.marginVertical;
}
delete def.marginVertical;
}
if (def.marginHorizontal !== undefined) {
if (def.marginLeft === undefined) {
def.marginLeft = def.marginHorizontal;
}
if (def.marginRight === undefined) {
def.marginRight = def.marginHorizontal;
}
delete def.marginHorizontal;
}
if (def.paddingVertical !== undefined) {
if (def.paddingTop === undefined) {
def.paddingTop = def.paddingVertical;
}
if (def.paddingBottom === undefined) {
def.paddingBottom = def.paddingVertical;
}
delete def.paddingVertical;
}
if (def.paddingHorizontal !== undefined) {
if (def.paddingLeft === undefined) {
def.paddingLeft = def.paddingHorizontal;
}
if (def.paddingRight === undefined) {
def.paddingRight = def.paddingHorizontal;
}
delete def.paddingHorizontal;
}
// CSS doesn't support 'textDecorationLine'
if (def.textDecorationLine !== undefined) {
def.textDecoration = def.textDecorationLine;
delete def.textDecorationLine;
}
// CSS doesn't support 'textDecorationStyle'
if (def.textDecorationStyle !== undefined) {
if (def.textDecoration !== undefined) {
def.textDecoration += ' ' + def.textDecorationStyle;
}
else {
def.textDecoration = def.textDecorationStyle;
}
delete def.textDecorationStyle;
}
// CSS doesn't support 'textDecorationColor'
if (def.textDecorationColor !== undefined) {
if (def.textDecoration !== undefined) {
def.textDecoration += ' ' + def.textDecorationColor;
}
else {
def.textDecoration = def.textDecorationColor;
}
delete def.textDecorationColor;
}
// Add common aliases if necessary.
var jsAliases = this._getCssPropertyAliasesJsStyle();
for (var prop in jsAliases) {
if (def[prop] !== undefined && jsAliases[prop]) {
def[jsAliases[prop]] = def[prop];
}
}
// Add IE-specific word wrap property.
if (def.wordBreak === 'break-word') {
def.wordWrap = 'break-word';
}
return AppConfig_1.default.isDevelopmentMode() ? Object.freeze(def) : def;
};
return Styles;
}(RX.Styles));
exports.Styles = Styles;
function memoize(func, resolver) {
return _.memoize(func, resolver);
}
exports.memoize = memoize;
exports["default"] = new Styles();
/***/ }),
/***/ 46447:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* Text.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform Text abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var PropTypes = __webpack_require__(18722);
var React = __webpack_require__(49231);
var AutoFocusHelper_1 = __webpack_require__(61213);
var Interfaces_1 = __webpack_require__(35066);
var AccessibilityUtil_1 = __webpack_require__(6452);
var Styles_1 = __webpack_require__(58653);
// Adding a CSS rule to display non-selectable texts. Those texts
// will be displayed as pseudo elements to prevent them from being copied
// to clipboard. It's not possible to style pseudo elements with inline
// styles, so, we're dynamically creating a <style> tag with the rule.
if (typeof document !== 'undefined') {
var textAsPseudoElement = '[data-text-as-pseudo-element]::before { content: attr(data-text-as-pseudo-element); }';
var style = document.createElement('style');
style.type = 'text/css';
style.appendChild(document.createTextNode(textAsPseudoElement));
document.head.appendChild(style);
}
// Cast to any to allow merging of web and RX styles
var _styles = {
defaultStyle: {
position: 'relative',
display: 'inline',
flexGrow: 0,
flexShrink: 0,
overflow: 'hidden',
whiteSpace: 'pre-wrap',
overflowWrap: 'break-word'
},
ellipsis: {
position: 'relative',
display: 'inline',
flexGrow: 0,
flexShrink: 0,
overflow: 'hidden',
whiteSpace: 'pre',
textOverflow: 'ellipsis'
}
};
var Text = /** @class */ (function (_super) {
__extends(Text, _super);
function Text() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this._mountedText = null;
_this._onMount = function (ref) {
_this._mountedText = ref;
};
return _this;
}
Text.prototype.getChildContext = function () {
// Let descendant Types components know that their nearest Types ancestor is an Types.Text.
// Because they're in an Types.Text, they should style themselves specially for appearing
// inline with text.
return { isRxParentAText: true };
};
Text.prototype.render = function () {
// Handle special case
if (typeof this.props.children === 'string' && this.props.children === '\n') {
return React.createElement("br", null);
}
var isAriaHidden = AccessibilityUtil_1.default.isHidden(this.props.importantForAccessibility);
if (this.props.selectable || typeof this.props.children !== 'string') {
return (React.createElement("div", { ref: this._onMount, style: this._getStyles(), "aria-hidden": isAriaHidden, onClick: this.props.onPress, id: this.props.id, onContextMenu: this.props.onContextMenu, "data-test-id": this.props.testId }, this.props.children));
}
else {
// user-select CSS property doesn't prevent the text from being copied to clipboard.
// To avoid getting to clipboard, the text from data-text-as-pseudo-element attribute
// will be displayed as pseudo element.
return (React.createElement("div", { ref: this._onMount, style: this._getStyles(), "aria-hidden": isAriaHidden, onClick: this.props.onPress, onContextMenu: this.props.onContextMenu, "data-text-as-pseudo-element": this.props.children, id: this.props.id, "data-test-id": this.props.testId }));
}
};
Text.prototype.componentDidMount = function () {
if (this.props.autoFocus) {
this.requestFocus();
}
};
Text.prototype._getStyles = function () {
// There's no way in HTML to properly handle numberOfLines > 1,
// but we can correctly handle the common case where numberOfLines is 1.
var combinedStyles = Styles_1.default.combine([this.props.numberOfLines === 1 ?
_styles.ellipsis : _styles.defaultStyle, this.props.style]);
if (this.props.selectable) {
combinedStyles.userSelect = 'text';
combinedStyles.WebkitUserSelect = 'text';
combinedStyles.MozUserSelect = 'text';
combinedStyles.msUserSelect = 'text';
}
// Handle cursor styles
if (!combinedStyles.cursor) {
if (this.props.selectable) {
combinedStyles.cursor = 'text';
}
else {
combinedStyles.cursor = 'inherit';
}
if (this.props.onPress) {
combinedStyles.cursor = 'pointer';
}
}
return combinedStyles;
};
Text.prototype.blur = function () {
if (this._mountedText) {
this._mountedText.blur();
}
};
Text.prototype.requestFocus = function () {
var _this = this;
AutoFocusHelper_1.FocusArbitratorProvider.requestFocus(this, function () { return _this.focus(); }, function () { return _this._mountedText !== null; });
};
Text.prototype.focus = function () {
if (this._mountedText) {
this._mountedText.focus();
}
};
Text.prototype.getSelectedText = function () {
return ''; // Not implemented yet.
};
Text.contextTypes = {
focusArbitrator: PropTypes.object
};
Text.childContextTypes = {
isRxParentAText: PropTypes.bool.isRequired
};
return Text;
}(Interfaces_1.Text));
exports.Text = Text;
exports["default"] = Text;
/***/ }),
/***/ 36448:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* TextInput.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform TextInput abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var PropTypes = __webpack_require__(18722);
var React = __webpack_require__(49231);
var AutoFocusHelper_1 = __webpack_require__(61213);
var FocusManager_1 = __webpack_require__(55064);
var lodashMini_1 = __webpack_require__(50892);
var Styles_1 = __webpack_require__(58653);
var _isMac = (typeof navigator !== 'undefined') && (typeof navigator.platform === 'string') && (navigator.platform.indexOf('Mac') >= 0);
// Cast to any to allow merging of web and RX styles
var _styles = {
defaultStyle: {
position: 'relative',
display: 'flex',
flexDirection: 'row',
flexBasis: 'auto',
flexGrow: 0,
flexShrink: 0,
overflowX: 'hidden',
overflowY: 'auto',
alignItems: 'stretch'
},
formStyle: {
display: 'flex',
flex: 1
}
};
var TextInputPlaceholderSupport = /** @class */ (function () {
function TextInputPlaceholderSupport() {
}
TextInputPlaceholderSupport.getClassName = function (color) {
var key = this._colorKey(color);
return "reactxp-placeholder-" + key;
};
TextInputPlaceholderSupport.addRef = function (color) {
if (typeof document === undefined) {
return;
}
var cache = this._cachedStyles;
var key = this._colorKey(color);
if (cache.hasOwnProperty(key)) {
cache[key].refCounter++;
}
else {
var className = this.getClassName(color);
var style = document.createElement('style');
style.type = 'text/css';
style.textContent = this._getStyle(className, color);
document.head.appendChild(style);
cache[key] = {
refCounter: 1,
styleElement: style
};
}
};
TextInputPlaceholderSupport.removeRef = function (color) {
var cache = this._cachedStyles;
var key = this._colorKey(color);
if (cache.hasOwnProperty(key)) {
var item = cache[key];
if (--item.refCounter < 1) {
var styleElement = item.styleElement;
if (styleElement.parentNode) {
styleElement.parentNode.removeChild(styleElement);
}
delete cache[key];
}
}
};
TextInputPlaceholderSupport._colorKey = function (color) {
return color.toLowerCase()
.replace(/(,|\.|#)/g, '_')
.replace(/[^a-z0-9_]/g, '');
};
TextInputPlaceholderSupport._getStyle = function (className, placeholderColor) {
var selectors = [
'::placeholder',
'::-webkit-input-placeholder',
'::-moz-placeholder',
':-moz-placeholder',
':-ms-input-placeholder' // IE 10+
];
return selectors
.map(function (pseudoSelector) {
return "." + className + pseudoSelector + " {\n" +
" opacity: 1;\n" +
(" color: " + placeholderColor + ";\n") +
"}";
}).join('\n');
};
TextInputPlaceholderSupport._cachedStyles = {};
return TextInputPlaceholderSupport;
}());
var TextInput = /** @class */ (function (_super) {
__extends(TextInput, _super);
function TextInput(props, context) {
var _this = _super.call(this, props, context) || this;
_this._mountedComponent = null;
_this._selectionStart = 0;
_this._selectionEnd = 0;
_this._isFocused = false;
_this._ariaLiveEnabled = false;
_this._onMount = function (comp) {
_this._mountedComponent = comp;
if (_this._mountedComponent && _this._mountedComponent instanceof HTMLTextAreaElement) {
TextInput._updateScrollPositions(_this._mountedComponent, !!_this.state.autoResize);
}
};
_this._onMultilineInput = function (ev) {
_this._onInput();
TextInput._updateScrollPositions(ev.currentTarget, !!_this.state.autoResize);
};
_this._onInput = function () {
if (_isMac && _this._mountedComponent && _this._isFocused && !_this._ariaLiveEnabled) {
// VoiceOver does not handle text inputs properly at the moment, aria-live is a temporary workaround.
// And we're adding aria-live only for the focused input which is being edited, otherwise it might
// interrupt some required announcements.
_this._mountedComponent.setAttribute('aria-live', 'assertive');
_this._ariaLiveEnabled = true;
}
};
_this._onFocus = function (e) {
if (_this._mountedComponent) {
_this._isFocused = true;
if (_this.props.onFocus) {
_this.props.onFocus(e);
}
}
};
_this._onBlur = function (e) {
if (_this._mountedComponent) {
_this._isFocused = false;
if (_isMac && _this._ariaLiveEnabled) {
_this._mountedComponent.removeAttribute('aria-live');
_this._ariaLiveEnabled = false;
}
if (_this.props.onBlur) {
_this.props.onBlur(e);
}
}
};
_this._onPaste = function (e) {
if (_this.props.onPaste) {
_this.props.onPaste(e);
}
_this._checkSelectionChanged();
};
_this._onInputChanged = function (event) {
if (!event.defaultPrevented) {
if (_this._mountedComponent) {
// Has the input value changed?
var value = _this._mountedComponent.value || '';
if (_this.state.inputValue !== value) {
// If the parent component didn't specify a value, we'll keep
// track of the modified value.
if (_this.props.value === undefined) {
_this.setState({
inputValue: value
});
}
if (_this.props.onChangeText) {
_this.props.onChangeText(value);
}
}
_this._checkSelectionChanged();
}
}
};
_this._checkSelectionChanged = function () {
if (_this._mountedComponent) {
if (_this._selectionStart !== _this._mountedComponent.selectionStart ||
_this._selectionEnd !== _this._mountedComponent.selectionEnd) {
_this._selectionStart = _this._mountedComponent.selectionStart || 0;
_this._selectionEnd = _this._mountedComponent.selectionEnd || 0;
if (_this.props.onSelectionChange) {
_this.props.onSelectionChange(_this._selectionStart, _this._selectionEnd);
}
}
}
};
_this._onKeyDown = function (e) {
// Generate a "submit editing" event if the user
// pressed enter or return.
if (e.keyCode === 13 && (!_this.props.multiline || _this.props.blurOnSubmit)) {
if (_this.props.onSubmitEditing) {
_this.props.onSubmitEditing();
}
if (_this.props.blurOnSubmit) {
_this.blur();
}
}
if (_this.props.onKeyPress) {
_this.props.onKeyPress(e);
}
_this._checkSelectionChanged();
};
_this._onScroll = function (e) {
var targetElement = e.currentTarget;
// Fix scrollTop if the TextInput can auto-grow
// If the item is bounded by max-height, don't scroll since we want input to follow the cursor at that point
if (_this.state.autoResize && targetElement.scrollHeight < targetElement.clientHeight) {
targetElement.scrollTop = 0;
}
if (_this.props.onScroll) {
_this.props.onScroll(targetElement.scrollLeft, targetElement.scrollTop);
}
};
_this._focus = function () {
AutoFocusHelper_1.FocusArbitratorProvider.requestFocus(_this, function () { return _this.focus(); }, function () { return !!_this._mountedComponent; });
};
_this.state = {
inputValue: props.value !== undefined ? props.value : (props.defaultValue || ''),
autoResize: TextInput._shouldAutoResize(props)
};
return _this;
}
TextInput.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
var _this = this;
var nextState = {};
if (nextProps.value !== undefined && nextProps.value !== this.state.inputValue) {
nextState.inputValue = nextProps.value;
}
if (nextProps.style !== this.props.style || nextProps.multiline !== this.props.multiline) {
var fixedHeight = TextInput._shouldAutoResize(nextProps);
if (this.state.autoResize !== fixedHeight) {
nextState.autoResize = fixedHeight;
}
}
if (nextProps.placeholderTextColor !== this.props.placeholderTextColor) {
if (nextProps.placeholderTextColor) {
TextInputPlaceholderSupport.addRef(nextProps.placeholderTextColor);
}
if (this.props.placeholderTextColor) {
TextInputPlaceholderSupport.removeRef(this.props.placeholderTextColor);
}
}
if (!lodashMini_1.isEmpty(nextState)) {
this.setState(nextState, function () {
// Resize as needed after state is set
if (_this._mountedComponent instanceof HTMLTextAreaElement) {
TextInput._updateScrollPositions(_this._mountedComponent, !!_this.state.autoResize);
}
});
}
};
TextInput.prototype.componentDidMount = function () {
if (this.props.placeholderTextColor) {
TextInputPlaceholderSupport.addRef(this.props.placeholderTextColor);
}
if (this.props.autoFocus) {
this.requestFocus();
}
};
TextInput.prototype.componentWillUnmount = function () {
if (this.props.placeholderTextColor) {
TextInputPlaceholderSupport.removeRef(this.props.placeholderTextColor);
}
};
TextInput.prototype.render = function () {
var _this = this;
var combinedStyles = Styles_1.default.combine([_styles.defaultStyle, this.props.style]);
// Always hide the outline.
combinedStyles.outline = 'none';
combinedStyles.resize = 'none';
// Set the border to zero width if not otherwise specified.
if (combinedStyles.borderWidth === undefined) {
combinedStyles.borderWidth = 0;
}
// By default, the control is editable.
var editable = (this.props.editable !== undefined ? this.props.editable : true);
var spellCheck = (this.props.spellCheck !== undefined ? this.props.spellCheck : this.props.autoCorrect);
var className = this.props.placeholderTextColor !== undefined ?
TextInputPlaceholderSupport.getClassName(this.props.placeholderTextColor) : undefined;
// Use a textarea for multi-line and a regular input for single-line.
if (this.props.multiline) {
return (React.createElement("textarea", { ref: this._onMount, style: combinedStyles, value: this.state.inputValue, title: this.props.title, tabIndex: this.props.tabIndex, autoCorrect: this.props.autoCorrect === false ? 'off' : undefined, spellCheck: spellCheck, disabled: !editable, maxLength: this.props.maxLength, placeholder: this.props.placeholder, className: className, onChange: this._onInputChanged, onKeyDown: this._onKeyDown, onKeyUp: this._checkSelectionChanged, onInput: this._onMultilineInput, onFocus: this._onFocus, onBlur: this._onBlur, onMouseDown: this._checkSelectionChanged, onMouseUp: this._checkSelectionChanged, onPaste: this._onPaste, onScroll: this._onScroll, "aria-label": this.props.accessibilityLabel || this.props.title, "data-test-id": this.props.testId }));
}
else {
var _a = this._getKeyboardType(), keyboardTypeValue = _a.keyboardTypeValue, wrapInForm = _a.wrapInForm, pattern = _a.pattern;
var input = (React.createElement("input", { ref: this._onMount, style: combinedStyles, value: this.state.inputValue, title: this.props.title, tabIndex: this.props.tabIndex, className: className, autoCorrect: this.props.autoCorrect === false ? 'off' : undefined, spellCheck: spellCheck, disabled: !editable, maxLength: this.props.maxLength, placeholder: this.props.placeholder, size: 1, onChange: this._onInputChanged, onKeyDown: this._onKeyDown, onKeyUp: this._checkSelectionChanged, onInput: this._onInput, onFocus: this._onFocus, onBlur: this._onBlur, onMouseDown: this._checkSelectionChanged, onMouseUp: this._checkSelectionChanged, onPaste: this._onPaste, "aria-label": this.props.accessibilityLabel || this.props.title, type: keyboardTypeValue, pattern: pattern, "data-test-id": this.props.testId }));
if (wrapInForm) {
// Wrap the input in a form tag if required
input = (React.createElement("form", { action: '', onSubmit: function (ev) { /* prevent form submission/page reload */ ev.preventDefault(); _this.blur(); }, style: _styles.formStyle }, input));
}
return input;
}
};
TextInput._shouldAutoResize = function (props) {
// Single line boxes don't need auto-resize
if (!props.multiline) {
return false;
}
var combinedStyles = Styles_1.default.combine(props.style);
if (!combinedStyles || typeof combinedStyles === 'number') {
// Number-type styles aren't allowed on web but if they're found we can't decode them so assume not fixed height
return true;
}
else if (Array.isArray(combinedStyles)) {
// Iterate across the array and see if there's any height value
// It's possible that the height could be set via another mechanism (like absolute positioning) which would potenailly
// incorrectly engage the autoResize mode
return combinedStyles.some(function (style) {
if (!style || typeof style === 'number') {
return true;
}
return style.height === undefined;
});
}
else {
return combinedStyles.height === undefined;
}
};
TextInput._updateScrollPositions = function (element, autoResize) {
// If the height is fixed, there's nothing more to do
if (!autoResize) {
return;
}
// When scrolling we need to retain scroll tops of all elements
var scrollTops = this._getParentElementAndTops(element);
// Reset height to 1px so that we can detect shrinking TextInputs
element.style.height = '1px';
element.style.height = element.scrollHeight + 'px';
scrollTops.forEach(function (obj) {
obj.el.scrollTop = obj.top;
});
};
TextInput._getParentElementAndTops = function (textAreaElement) {
var element = textAreaElement;
var results = [];
while (element && element.parentElement) {
element = element.parentElement;
results.push({
el: element,
top: element.scrollTop
});
}
return results;
};
TextInput.prototype._getKeyboardType = function () {
// Determine the correct virtual keyboardType in HTML 5.
// Some types require the <input> tag to be wrapped in a form.
// Pattern is used on numeric keyboardType to display numbers only.
var keyboardTypeValue = 'text';
var wrapInForm = false;
var pattern;
if (this.props.keyboardType === 'numeric') {
pattern = '\\d*';
}
else if (this.props.keyboardType === 'number-pad') {
keyboardTypeValue = 'tel';
}
else if (this.props.keyboardType === 'email-address') {
keyboardTypeValue = 'email';
}
if (this.props.returnKeyType === 'search') {
keyboardTypeValue = 'search';
wrapInForm = true;
}
if (this.props.secureTextEntry) {
keyboardTypeValue = 'password';
}
return { keyboardTypeValue: keyboardTypeValue, wrapInForm: wrapInForm, pattern: pattern };
};
TextInput.prototype.blur = function () {
if (this._mountedComponent) {
this._mountedComponent.blur();
}
};
TextInput.prototype.requestFocus = function () {
this._focus();
};
TextInput.prototype.focus = function () {
if (this._mountedComponent) {
this._mountedComponent.focus();
}
};
TextInput.prototype.setAccessibilityFocus = function () {
this._focus();
};
TextInput.prototype.isFocused = function () {
if (this._mountedComponent) {
return document.activeElement === this._mountedComponent;
}
return false;
};
TextInput.prototype.selectAll = function () {
if (this._mountedComponent) {
this._mountedComponent.select();
}
};
TextInput.prototype.selectRange = function (start, end) {
if (this._mountedComponent) {
var component = this._mountedComponent;
component.setSelectionRange(start, end);
}
};
TextInput.prototype.getSelectionRange = function () {
var range = {
start: 0,
end: 0
};
if (this._mountedComponent) {
range.start = this._mountedComponent.selectionStart || 0;
range.end = this._mountedComponent.selectionEnd || 0;
}
return range;
};
TextInput.prototype.setValue = function (value) {
var inputValue = value || '';
if (this.state.inputValue !== inputValue) {
// It's important to set the actual value in the DOM immediately. This allows us to call other related methods
// like selectRange synchronously afterward.
if (this._mountedComponent) {
this._mountedComponent.value = inputValue;
}
this.setState({
inputValue: inputValue
});
if (this.props.onChangeText) {
this.props.onChangeText(value);
}
}
};
TextInput.contextTypes = {
focusArbitrator: PropTypes.object
};
return TextInput;
}(React.Component));
exports.TextInput = TextInput;
FocusManager_1.applyFocusableComponentMixin(TextInput);
exports["default"] = TextInput;
/***/ }),
/***/ 14258:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* UserInterface.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the ReactXP interfaces related to
* UI (layout measurements, etc.).
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var ReactDOM = __webpack_require__(64151);
var RX = __webpack_require__(35066);
var PromiseDefer_1 = __webpack_require__(43184);
var FrontLayerViewManager_1 = __webpack_require__(29645);
var ScrollViewConfig_1 = __webpack_require__(5559);
var UserInterface = /** @class */ (function (_super) {
__extends(UserInterface, _super);
function UserInterface() {
var _this = _super.call(this) || this;
_this._isNavigatingWithKeyboard = false;
_this._keyboardNavigationStateChanged = function (isNavigatingWithKeyboard) {
_this._isNavigatingWithKeyboard = isNavigatingWithKeyboard;
};
_this.keyboardNavigationEvent.subscribe(_this._keyboardNavigationStateChanged);
return _this;
}
UserInterface.prototype.measureLayoutRelativeToWindow = function (component) {
var deferred = new PromiseDefer_1.Defer();
var componentDomNode = null;
try {
componentDomNode = ReactDOM.findDOMNode(component);
}
catch (_a) {
// Component is no longer mounted.
}
if (!componentDomNode) {
deferred.reject('measureLayoutRelativeToWindow failed');
}
else {
var componentBoundingRect = componentDomNode.getBoundingClientRect();
deferred.resolve({
x: componentBoundingRect.left,
y: componentBoundingRect.top,
width: componentBoundingRect.width,
height: componentBoundingRect.height
});
}
return deferred.promise();
};
UserInterface.prototype.measureLayoutRelativeToAncestor = function (component, ancestor) {
var deferred = new PromiseDefer_1.Defer();
var componentDomNode = null;
var ancestorDomNode = null;
try {
componentDomNode = ReactDOM.findDOMNode(component);
ancestorDomNode = ReactDOM.findDOMNode(ancestor);
}
catch (_a) {
// Components are no longer mounted.
}
if (!componentDomNode || !ancestorDomNode) {
deferred.reject('measureLayoutRelativeToAncestor failed');
}
else {
var componentBoundingRect = componentDomNode.getBoundingClientRect();
var ancestorBoundingRect = ancestorDomNode.getBoundingClientRect();
deferred.resolve({
x: componentBoundingRect.left - ancestorBoundingRect.left,
y: componentBoundingRect.top - ancestorBoundingRect.top,
width: componentBoundingRect.width,
height: componentBoundingRect.height
});
}
return deferred.promise();
};
UserInterface.prototype.measureWindow = function (rootViewId) {
// Mo multi window support, default to main window
return {
x: 0,
y: 0,
width: window.innerWidth,
height: window.innerHeight
};
};
UserInterface.prototype.getContentSizeMultiplier = function () {
// Browsers don't support font-specific scaling. They scale all of their
// UI elements the same.
return Promise.resolve(1);
};
UserInterface.prototype.isHighPixelDensityScreen = function () {
return this.getPixelRatio() > 1;
};
UserInterface.prototype.getPixelRatio = function () {
var pixelRatio = 0;
if (window.devicePixelRatio) {
pixelRatio = window.devicePixelRatio;
}
return pixelRatio;
};
UserInterface.prototype.setMainView = function (element) {
FrontLayerViewManager_1.default.setMainView(element);
};
UserInterface.prototype.registerRootView = function (viewKey, getComponentFunc) {
// Nothing to do
};
UserInterface.prototype.useCustomScrollbars = function (enable) {
if (enable === void 0) { enable = true; }
ScrollViewConfig_1.default.setUseCustomScrollbars(enable);
};
UserInterface.prototype.dismissKeyboard = function () {
// Nothing to do
};
UserInterface.prototype.enableTouchLatencyEvents = function (latencyThresholdMs) {
// Nothing to do
};
UserInterface.prototype.evaluateTouchLatency = function (e) {
// Nothing to do
};
UserInterface.prototype.isNavigatingWithKeyboard = function () {
return this._isNavigatingWithKeyboard;
};
return UserInterface;
}(RX.UserInterface));
exports.UserInterface = UserInterface;
exports["default"] = new UserInterface();
/***/ }),
/***/ 2023:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* UserPresence.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the ReactXP interfaces related to
* user presence.
*
* User is considered present when user is focused on the App and has interacted with the App in the last 60 seconds.
* User is considered not present, if app is not focused (backgrounded or blurred) or the app is focused
* but the user has not intereacted with the app in the last 60 seconds
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var RX = __webpack_require__(35066);
var AppVisibilityUtils_1 = __webpack_require__(63105);
var UserPresence = /** @class */ (function (_super) {
__extends(UserPresence, _super);
function UserPresence() {
var _this = _super.call(this) || this;
// Handle test environment where document is not defined.
if (typeof (document) !== 'undefined') {
_this._isPresent = AppVisibilityUtils_1.default.hasFocusAndActive();
AppVisibilityUtils_1.default.onFocusedEvent.subscribe(_this._handleFocus.bind(_this));
AppVisibilityUtils_1.default.onBlurredEvent.subscribe(_this._handleBlur.bind(_this));
AppVisibilityUtils_1.default.onWakeUpEvent.subscribe(_this._handleWakeup.bind(_this));
AppVisibilityUtils_1.default.onIdleEvent.subscribe(_this._handleIdle.bind(_this));
}
else {
_this._isPresent = false;
}
return _this;
}
UserPresence.prototype.isUserPresent = function () {
// Handle test environment where document is not defined.
if (typeof (document) !== 'undefined') {
return this._isPresent;
}
else {
return true;
}
};
UserPresence.prototype._setUserPresent = function (isPresent) {
if (this._isPresent !== isPresent) {
this._isPresent = isPresent;
this.userPresenceChangedEvent.fire(isPresent);
}
};
UserPresence.prototype._handleWakeup = function () {
this._setUserPresent(true);
};
UserPresence.prototype._handleIdle = function () {
this._setUserPresent(false);
};
UserPresence.prototype._handleFocus = function () {
this._setUserPresent(true);
};
UserPresence.prototype._handleBlur = function () {
this._setUserPresent(false);
};
return UserPresence;
}(RX.UserPresence));
exports.UserPresence = UserPresence;
var instance = new UserPresence();
exports["default"] = instance;
/***/ }),
/***/ 17402:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* View.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific implementation of the cross-platform View abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
var PropTypes = __webpack_require__(18722);
var React = __webpack_require__(49231);
var ReactDOM = __webpack_require__(64151);
var AppConfig_1 = __webpack_require__(5449);
var AutoFocusHelper_1 = __webpack_require__(61213);
var FocusManager_1 = __webpack_require__(167);
var RX = __webpack_require__(35066);
var AccessibilityUtil_1 = __webpack_require__(6452);
var AnimateListEdits_1 = __webpack_require__(20768);
var FocusManager_2 = __webpack_require__(55064);
var restyleForInlineText_1 = __webpack_require__(70833);
var Styles_1 = __webpack_require__(58653);
var ViewBase_1 = __webpack_require__(74445);
// Cast to any to allow merging of web and RX styles
var _styles = {
defaultStyle: {
position: 'relative',
display: 'flex',
flexDirection: 'column',
flexGrow: 0,
flexShrink: 0,
overflow: 'hidden',
alignItems: 'stretch'
},
// See resize detector comments in renderResizeDetectorIfNeeded() method below.
resizeDetectorContainerStyles: {
position: 'absolute',
left: '0',
top: '0',
right: '0',
bottom: '0',
overflow: 'scroll',
zIndex: '-1',
visibility: 'hidden'
},
resizeGrowDetectorStyles: {
position: 'absolute',
left: '100500px',
top: '100500px',
width: '1px',
height: '1px'
},
resizeShrinkDetectorStyles: {
position: 'absolute',
width: '150%',
height: '150%'
}
};
if (typeof document !== 'undefined') {
var ignorePointerEvents = '.reactxp-ignore-pointer-events * { pointer-events: auto; }';
var blockPointerEvents = '.reactxp-block-pointer-events * { pointer-events: none !important; }';
var head = document.head;
var style = document.createElement('style');
style.type = 'text/css';
style.appendChild(document.createTextNode(ignorePointerEvents));
style.appendChild(document.createTextNode(blockPointerEvents));
head.appendChild(style);
}
var View = /** @class */ (function (_super) {
__extends(View, _super);
function View(props, context) {
var _this = _super.call(this, props, context) || this;
_this._limitFocusWithin = false;
_this._isFocusLimited = false;
_this._resizeDetectorNodes = {};
_this._onResizeDetectorGrowRef = function (node) {
_this._resizeDetectorNodes.grow = node || undefined;
_this._resizeDetectorOnScroll();
};
_this._onResizeDetectorShrinkRef = function (node) {
_this._resizeDetectorNodes.shrink = node || undefined;
_this._resizeDetectorOnScroll();
};
_this._resizeDetectorOnScroll = function () {
if (_this._resizeDetectorAnimationFrame) {
// Do not execute action more often than once per animation frame.
return;
}
_this._resizeDetectorAnimationFrame = window.requestAnimationFrame(function () {
if (_this._isMounted) {
_this._resizeDetectorReset();
_this._resizeDetectorAnimationFrame = undefined;
ViewBase_1.default._checkViews();
}
});
};
_this._limitFocusWithin =
(props.limitFocusWithin === RX.Types.LimitFocusType.Limited) ||
(props.limitFocusWithin === RX.Types.LimitFocusType.Accessible);
if (_this.props.restrictFocusWithin || _this._limitFocusWithin) {
_this._focusManager = new FocusManager_2.FocusManager(context && context.focusManager);
if (_this._limitFocusWithin) {
_this.setFocusLimited(true);
}
}
_this._popupContainer = context && context.popupContainer;
if (props.arbitrateFocus) {
_this._updateFocusArbitratorProvider(props);
}
return _this;
}
View.prototype._renderResizeDetectorIfNeeded = function (containerStyles) {
// If needed, additional invisible DOM elements will be added inside the
// view to track the size changes that are performed behind our back by
// the browser's layout engine faster (ViewBase checks for the layout
// updates once a second and sometimes it's not fast enough).
// Unfortunately <div> doesn't have `resize` event, so we're trying to
// detect the fact that the view has been resized with `scroll` events.
// To do that, we create two scrollable <div>s and we put them into a
// state in which `scroll` event is triggered by the browser when the
// container gets resized (one element triggers `scroll` when the
// container gets bigger, another triggers `scroll` when the container
// gets smaller).
if (!this.props.importantForLayout) {
return null;
}
if (containerStyles.position !== 'relative') {
if (AppConfig_1.default.isDevelopmentMode()) {
console.error('View: importantForLayout property is applicable only for a view with relative position');
}
return null;
}
return [
(React.createElement("div", { key: 'grow', style: _styles.resizeDetectorContainerStyles, ref: this._onResizeDetectorGrowRef, onScroll: this._resizeDetectorOnScroll },
React.createElement("div", { style: _styles.resizeGrowDetectorStyles }))),
(React.createElement("div", { key: 'shrink', style: _styles.resizeDetectorContainerStyles, ref: this._onResizeDetectorShrinkRef, onScroll: this._resizeDetectorOnScroll },
React.createElement("div", { style: _styles.resizeShrinkDetectorStyles })))
];
};
View.prototype._resizeDetectorReset = function () {
// Scroll the detectors to the bottom-right corner so
// that `scroll` events will be triggered when the container
// is resized.
var scrollMax = 100500;
var node = this._resizeDetectorNodes.grow;
if (node) {
node.scrollLeft = scrollMax;
node.scrollTop = scrollMax;
}
node = this._resizeDetectorNodes.shrink;
if (node) {
node.scrollLeft = scrollMax;
node.scrollTop = scrollMax;
}
};
View.prototype.getChildContext = function () {
// Let descendant Types components know that their nearest Types ancestor is not an Types.Text.
// Because they're in an Types.View, they should use their normal styling rather than their
// special styling for appearing inline with text.
var childContext = {
isRxParentAText: false
};
// Provide the descendants with the focus manager and popup container (if any).
if (this._focusManager) {
childContext.focusManager = this._focusManager;
}
if (this._popupContainer) {
childContext.popupContainer = this._popupContainer;
}
if (this._focusArbitratorProvider) {
childContext.focusArbitrator = this._focusArbitratorProvider;
}
return childContext;
};
View.prototype._getContainer = function () {
if (!this._isMounted) {
return null;
}
try {
return ReactDOM.findDOMNode(this);
}
catch (_a) {
// Handle exception due to potential unmount race condition.
return null;
}
};
View.prototype._isHidden = function () {
return !!this._popupContainer && this._popupContainer.isHidden();
};
View.prototype._updateFocusArbitratorProvider = function (props) {
if (props.arbitrateFocus) {
if (this._focusArbitratorProvider) {
this._focusArbitratorProvider.setCallback(props.arbitrateFocus);
}
else {
this._focusArbitratorProvider = new AutoFocusHelper_1.FocusArbitratorProvider(this, props.arbitrateFocus);
}
}
else if (this._focusArbitratorProvider) {
delete this._focusArbitratorProvider;
}
};
View.prototype.setFocusRestricted = function (restricted) {
if (!this._focusManager || !this.props.restrictFocusWithin) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.error('View: setFocusRestricted method requires restrictFocusWithin property to be set');
}
return;
}
if (!this._isHidden()) {
if (restricted) {
this._focusManager.restrictFocusWithin(FocusManager_1.RestrictFocusType.RestrictedFocusFirst);
}
else {
this._focusManager.removeFocusRestriction();
}
}
this._isFocusRestricted = restricted;
};
View.prototype.setFocusLimited = function (limited) {
if (!this._focusManager || !this._limitFocusWithin) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.error('View: setFocusLimited method requires limitFocusWithin property to be set');
}
return;
}
if (!this._isHidden()) {
if (limited && !this._isFocusLimited) {
this._focusManager.limitFocusWithin(this.props.limitFocusWithin);
}
else if (!limited && this._isFocusLimited) {
this._focusManager.removeFocusLimitation();
}
}
this._isFocusLimited = limited;
};
View.prototype.render = function () {
var combinedStyles = Styles_1.default.combine([_styles.defaultStyle, this.props.style]);
var ariaRole = AccessibilityUtil_1.default.accessibilityTraitToString(this.props.accessibilityTraits);
var tabIndex = this.props.tabIndex;
var ariaSelected = AccessibilityUtil_1.default.accessibilityTraitToAriaSelected(this.props.accessibilityTraits);
var isAriaHidden = AccessibilityUtil_1.default.isHidden(this.props.importantForAccessibility);
var accessibilityLabel = this.props.accessibilityLabel;
var ariaLabelledBy = this.props.ariaLabelledBy;
var ariaRoleDescription = this.props.ariaRoleDescription;
var ariaLive = this.props.accessibilityLiveRegion ?
AccessibilityUtil_1.default.accessibilityLiveRegionToString(this.props.accessibilityLiveRegion) :
undefined;
var ariaValueNow = this.props.ariaValueNow;
if (!ariaRole && !accessibilityLabel && !ariaLabelledBy && !ariaRoleDescription && !ariaLive &&
(ariaSelected === undefined) && (ariaValueNow === undefined) && (tabIndex === undefined)) {
// When the accessibility properties are not specified, set role to none.
// It tells the screen readers to skip the node, but unlike setting
// aria-hidden to true, allows the sub DOM to be processed further.
// This signigicantly improves the screen readers performance.
ariaRole = 'none';
}
var props = {
role: ariaRole,
tabIndex: tabIndex,
style: combinedStyles,
title: this.props.title,
'aria-label': accessibilityLabel,
'aria-hidden': isAriaHidden,
'aria-selected': ariaSelected,
'aria-labelledby': ariaLabelledBy,
'aria-roledescription': ariaRoleDescription,
'aria-live': ariaLive,
'aria-valuenow': ariaValueNow,
onContextMenu: this.props.onContextMenu,
onMouseEnter: this.props.onMouseEnter,
onMouseLeave: this.props.onMouseLeave,
onMouseOver: this.props.onMouseOver,
onMouseMove: this.props.onMouseMove,
// Weird things happen: ReactXP.Types.Touch is not assignable to React.Touch
onTouchStart: this.props.onResponderStart,
onTouchStartCapture: this.props.onTouchStartCapture,
onTouchMove: this.props.onResponderMove,
onTouchMoveCapture: this.props.onTouchMoveCapture,
onTouchEnd: this.props.onResponderRelease,
onTouchCancel: this.props.onResponderTerminate,
draggable: this.props.onDragStart ? true : undefined,
onDragStart: this.props.onDragStart,
onDrag: this.props.onDrag,
onDragEnd: this.props.onDragEnd,
onDragEnter: this.props.onDragEnter,
onDragOver: this.props.onDragOver,
onDragLeave: this.props.onDragLeave,
onDrop: this.props.onDrop,
onClick: this.props.onPress,
onFocus: this.props.onFocus,
onBlur: this.props.onBlur,
onKeyDown: this.props.onKeyPress,
id: this.props.id
};
if (this.props.blockPointerEvents) {
// Make this element and all children transparent to pointer events
props.className = 'reactxp-block-pointer-events';
combinedStyles.pointerEvents = 'none';
}
else if (this.props.ignorePointerEvents) {
// Make this element transparent to pointer events, but allow children to still receive events
props.className = 'reactxp-ignore-pointer-events';
combinedStyles.pointerEvents = 'none';
}
var reactElement;
var childAnimationsEnabled = this.props.animateChildEnter || this.props.animateChildMove || this.props.animateChildLeave;
if (childAnimationsEnabled) {
reactElement = (React.createElement(AnimateListEdits_1.default, __assign({}, props, { "data-test-id": this.props.testId, animateChildEnter: this.props.animateChildEnter, animateChildMove: this.props.animateChildMove, animateChildLeave: this.props.animateChildLeave }), this.props.children));
}
else {
reactElement = (React.createElement("div", __assign({}, props, { "data-test-id": this.props.testId }),
this._renderResizeDetectorIfNeeded(combinedStyles),
this.props.children));
}
return this.context.isRxParentAText ?
restyleForInlineText_1.default(reactElement) :
reactElement;
};
View.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
_super.prototype.UNSAFE_componentWillReceiveProps.call(this, nextProps);
if (AppConfig_1.default.isDevelopmentMode()) {
if (this.props.restrictFocusWithin !== nextProps.restrictFocusWithin) {
console.error('View: restrictFocusWithin is readonly and changing it during the component life cycle has no effect');
}
if (this.props.limitFocusWithin !== nextProps.limitFocusWithin) {
console.error('View: limitFocusWithin is readonly and changing it during the component life cycle has no effect');
}
}
if (('arbitrateFocus' in nextProps) && (this.props.arbitrateFocus !== nextProps.arbitrateFocus)) {
this._updateFocusArbitratorProvider(nextProps);
}
};
View.prototype.enableFocusManager = function () {
if (this._focusManager) {
if (this.props.restrictFocusWithin && this._isFocusRestricted !== false) {
this._focusManager.restrictFocusWithin(FocusManager_1.RestrictFocusType.RestrictedFocusFirst);
}
if (this._limitFocusWithin && this._isFocusLimited) {
this._focusManager.limitFocusWithin(this.props.limitFocusWithin);
}
}
};
View.prototype.disableFocusManager = function () {
if (this._focusManager) {
this._focusManager.release();
}
};
View.prototype.componentDidMount = function () {
var _this = this;
_super.prototype.componentDidMount.call(this);
if (this.props.autoFocus) {
this.requestFocus();
}
// If we are mounted as visible, do our initialization now. If we are hidden, it will
// be done later when the popup is shown.
if (!this._isHidden()) {
this.enableFocusManager();
}
if (this._focusManager && this._popupContainer) {
this._popupToken = this._popupContainer.registerPopupComponent(function () { return _this.enableFocusManager(); }, function () { return _this.disableFocusManager(); });
}
};
View.prototype.componentWillUnmount = function () {
_super.prototype.componentWillUnmount.call(this);
this.disableFocusManager();
if (this._popupToken) {
this._popupContainer.unregisterPopupComponent(this._popupToken);
}
};
View.prototype.blur = function () {
var el = this._getContainer();
if (el) {
el.blur();
}
};
View.prototype.requestFocus = function () {
var _this = this;
AutoFocusHelper_1.FocusArbitratorProvider.requestFocus(this, function () { return _this.focus(); }, function () { return _this._isMounted; });
};
View.prototype.focus = function () {
var el = this._getContainer();
if (el) {
el.focus();
}
};
View.contextTypes = {
isRxParentAText: PropTypes.bool,
focusManager: PropTypes.object,
popupContainer: PropTypes.object,
focusArbitrator: PropTypes.object
};
View.childContextTypes = {
isRxParentAText: PropTypes.bool.isRequired,
focusManager: PropTypes.object,
popupContainer: PropTypes.object,
focusArbitrator: PropTypes.object
};
return View;
}(ViewBase_1.default));
exports.View = View;
FocusManager_2.applyFocusableComponentMixin(View, function (nextProps) {
// VoiceOver with the VoiceOver key combinations (Ctrl+Option+Left/Right) focuses
// <div>s when whatever tabIndex is set (even if tabIndex=-1). So, View is focusable
// when tabIndex is not undefined.
var tabIndex = nextProps && ('tabIndex' in nextProps) ? nextProps.tabIndex : this.props.tabIndex;
return tabIndex !== undefined;
});
exports["default"] = View;
/***/ }),
/***/ 74445:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* ViewBase.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* A base class for the Web-specific implementation of the cross-platform View abstraction.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var AppConfig_1 = __webpack_require__(5449);
var RX = __webpack_require__(35066);
var PromiseDefer_1 = __webpack_require__(43184);
var Timers_1 = __webpack_require__(16320);
var FrontLayerViewManager_1 = __webpack_require__(29645);
var _ = __webpack_require__(50892);
// We create a periodic timer to detect layout changes that are performed behind
// our back by the browser's layout engine. We do this more aggressively when
// the app is known to be active and in the foreground.
var _layoutTimerActiveDuration = 1000;
var _layoutTimerInactiveDuration = 10000;
var ViewBase = /** @class */ (function (_super) {
__extends(ViewBase, _super);
function ViewBase() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this._isMounted = false;
_this._isPopupDisplayed = false;
_this._lastX = 0;
_this._lastY = 0;
_this._lastWidth = 0;
_this._lastHeight = 0;
return _this;
}
// Sets the activation state so we can stop our periodic timer
// when the app is in the background.
ViewBase.setActivationState = function (newState) {
if (ViewBase._appActivationState !== newState) {
ViewBase._appActivationState = newState;
// Cancel any existing timers.
if (ViewBase._viewCheckingTimer) {
Timers_1.default.clearInterval(ViewBase._viewCheckingTimer);
ViewBase._viewCheckingTimer = undefined;
}
if (ViewBase._viewCheckingList.length > 0) {
// If we're becoming active, check and report layout changes immediately.
if (newState === RX.Types.AppActivationState.Active) {
ViewBase._checkViews();
}
ViewBase._viewCheckingTimer = Timers_1.default.setInterval(ViewBase._checkViews, newState === RX.Types.AppActivationState.Active ?
_layoutTimerActiveDuration : _layoutTimerInactiveDuration);
}
}
};
ViewBase.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
if (!!this.props.onLayout !== !!nextProps.onLayout) {
if (this.props.onLayout) {
this._checkViewCheckerUnbuild();
}
if (nextProps.onLayout) {
this._checkViewCheckerBuild();
}
}
};
ViewBase._checkViews = function () {
_.each(ViewBase._viewCheckingList, function (view) {
view._checkAndReportLayout().catch(function (e) {
console.warn('ScrollView onLayout exception: ' + JSON.stringify(e));
});
});
};
ViewBase._reportLayoutChange = function (func) {
this._layoutReportList.push(func);
if (!ViewBase._layoutReportingTimer) {
ViewBase._layoutReportingTimer = Timers_1.default.setTimeout(function () {
ViewBase._layoutReportingTimer = undefined;
ViewBase._reportDeferredLayoutChanges();
}, 0);
}
};
ViewBase._reportDeferredLayoutChanges = function () {
var reportList = this._layoutReportList;
this._layoutReportList = [];
_.each(reportList, function (func) {
try {
func();
}
catch (e) {
if (AppConfig_1.default.isDevelopmentMode()) {
console.error('Caught exception on onLayout response: ', e);
}
}
});
};
// Returns a promise to indicate when firing of onLayout event has completed (if any)
ViewBase.prototype._checkAndReportLayout = function () {
var _this = this;
if (!this._isMounted) {
return Promise.resolve(void 0);
}
var container = this._getContainer();
if (!container) {
return Promise.resolve(void 0);
}
var newX = container.offsetLeft;
var newY = container.offsetTop;
var marginTop = !container.style.marginTop ? 0 : parseInt(container.style.marginTop, 10) || 0;
var marginBottom = !container.style.marginBottom ? 0 : parseInt(container.style.marginBottom, 10) || 0;
var marginRight = !container.style.marginRight ? 0 : parseInt(container.style.marginRight, 10) || 0;
var marginLeft = !container.style.marginLeft ? 0 : parseInt(container.style.marginLeft, 10) || 0;
var newWidth = container.offsetWidth + marginRight + marginLeft;
var newHeight = container.offsetHeight + marginTop + marginBottom;
if (this._lastX !== newX || this._lastY !== newY || this._lastWidth !== newWidth || this._lastHeight !== newHeight) {
this._lastX = newX;
this._lastY = newY;
this._lastWidth = newWidth;
this._lastHeight = newHeight;
var deferred_1 = new PromiseDefer_1.Defer();
ViewBase._reportLayoutChange(function () {
if (!_this._isMounted || !_this.props.onLayout) {
deferred_1.resolve(void 0);
return;
}
_this.props.onLayout({
x: newX,
y: newY,
width: _this._lastWidth,
height: _this._lastHeight
});
deferred_1.resolve(void 0);
});
return deferred_1.promise();
}
return Promise.resolve(void 0);
};
ViewBase.prototype._checkViewCheckerBuild = function () {
// Enable the timer to check for layout changes. Use a different duration
// when the app is active versus inactive.
if (!ViewBase._viewCheckingTimer) {
ViewBase._viewCheckingTimer = Timers_1.default.setInterval(ViewBase._checkViews, ViewBase._appActivationState === RX.Types.AppActivationState.Active ?
_layoutTimerActiveDuration : _layoutTimerInactiveDuration);
}
if (!ViewBase._isResizeHandlerInstalled) {
window.addEventListener('resize', ViewBase._onResize);
ViewBase._isResizeHandlerInstalled = true;
}
ViewBase._viewCheckingList.push(this);
};
ViewBase.prototype._checkViewCheckerUnbuild = function () {
var _this = this;
ViewBase._viewCheckingList = _.filter(ViewBase._viewCheckingList, function (v) { return v !== _this; });
if (ViewBase._viewCheckingList.length === 0) {
if (ViewBase._viewCheckingTimer) {
Timers_1.default.clearInterval(ViewBase._viewCheckingTimer);
ViewBase._viewCheckingTimer = undefined;
}
if (ViewBase._isResizeHandlerInstalled) {
window.removeEventListener('resize', ViewBase._onResize);
ViewBase._isResizeHandlerInstalled = false;
}
}
};
ViewBase.prototype.componentDidMount = function () {
this._isMounted = true;
if (this.props.onLayout) {
this._checkViewCheckerBuild();
}
// Chain through to the same render-checking code
this.componentDidUpdate();
};
ViewBase.prototype.componentDidUpdate = function () {
var _this = this;
var isPopupDisplayed = FrontLayerViewManager_1.default.isPopupDisplayed();
if (this.props.onLayout) {
if (isPopupDisplayed && !this._isPopupDisplayed) {
// A popup was just added to DOM. Checking layout now would stall script
// execution because the browser would have to do a reflow. Avoid that
// by deferring the work.
setTimeout(function () {
_this._checkAndReportLayout().catch(function (e) {
console.warn('ScrollView onLayout exception: ' + JSON.stringify(e));
});
}, 0);
}
else {
this._checkAndReportLayout().catch(function (e) {
console.warn('ScrollView onLayout exception: ' + JSON.stringify(e));
});
}
}
this._isPopupDisplayed = isPopupDisplayed;
};
ViewBase._onResize = function () {
// Often views change size in response to an overall window resize. Rather than
// wait for the next timer to fire, do it immediately.
ViewBase._checkViews();
};
ViewBase.prototype.componentWillUnmount = function () {
this._isMounted = false;
if (this.props.onLayout) {
this._checkViewCheckerUnbuild();
}
};
ViewBase._isResizeHandlerInstalled = false;
ViewBase._viewCheckingList = [];
ViewBase._appActivationState = RX.Types.AppActivationState.Active;
ViewBase._layoutReportList = [];
return ViewBase;
}(RX.ViewBase));
exports.ViewBase = ViewBase;
exports["default"] = ViewBase;
/***/ }),
/***/ 38635:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* executeTransition.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Provides a convenient API for applying a CSS transition to a DOM element and
* notifying when the transition is complete.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var Timers_1 = __webpack_require__(16320);
var _ = __webpack_require__(50892);
// Convenient API for applying a CSS transition to a DOM element. Calls `done` when the transition is completed.
function executeTransition(element, transitions, done) {
var longestDurationPlusDelay = 0;
var longestDurationProperty = '';
var cssTransitions = [];
_.each(transitions, function (transition) {
var property = transition.property;
var duration = transition.duration;
var timing = transition.timing === undefined ? 'linear' : transition.timing;
var delay = transition.delay === undefined ? 0 : transition.delay;
var from = transition.from;
if (duration + delay > longestDurationPlusDelay) {
longestDurationPlusDelay = duration + delay;
longestDurationProperty = property;
}
// Initial state
element.style[property] = from;
// Resolve styles. This is a trick to force the browser to refresh the
// computed styles. Without this, it won't pick up the new "from" value
// that we just set above.
// tslint:disable-next-line
getComputedStyle(element).opacity;
// TODO: Cross-browser equivalent of 'transition' style (e.g. vendor prefixed).
cssTransitions.push(property + ' ' + duration + 'ms ' + timing + ' ' + delay + 'ms');
});
element.style.transition = cssTransitions.join(', ');
var finish;
var onTransitionEnd = function (ev) {
if (ev.target === element && ev.propertyName === longestDurationProperty) {
finish();
}
};
// TODO: Cross-browser equivalent of 'transitionEnd' event (e.g. vendor prefixed).
element.addEventListener('webkitTransitionEnd', onTransitionEnd);
element.addEventListener('transitionEnd', onTransitionEnd);
var timeoutId = 0;
var didFinish = false;
finish = function () {
if (!didFinish) {
Timers_1.default.clearTimeout(timeoutId);
// Only complete the transition if we are ending the same transition it was initially set.
// There are cases where transitions may be overriden before the transition ends.
if (element.dataset.transitionId === timeoutId.toString()) {
// TODO: Cross-browser equivalent of 'transitionEnd' event (e.g. vendor prefixed).
element.removeEventListener('webkitTransitionEnd', onTransitionEnd);
element.removeEventListener('transitionEnd', onTransitionEnd);
delete element.dataset.transitionId;
element.style.transition = 'none';
didFinish = true;
done();
}
}
};
// Watchdog timeout for cases where transitionEnd event doesn't fire.
timeoutId = Timers_1.default.setTimeout(function () {
// If the item was removed from the DOM (which can happen if a
// rerender occurred), don't bother finishing. We don't want to do
// this in the transition event finish path because it's expensive
// and unnecessary in that case because the transition event
// implies that the element is still in the DOC
if (document.body.contains(element)) {
finish();
}
}, longestDurationPlusDelay + 10);
element.dataset.transitionId = timeoutId.toString();
// Set the "to" values.
_.each(transitions, function (transition) {
var property = transition.property;
var to = transition.to;
element.style[property] = to;
});
}
exports.executeTransition = executeTransition;
exports["default"] = executeTransition;
/***/ }),
/***/ 20768:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* AnimateListEdits.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Each time the component receives new children, animates insertions, removals,
* and moves that occurred since the previous render.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var ReactDOM = __webpack_require__(64151);
var executeTransition_1 = __webpack_require__(38635);
var lodashMini_1 = __webpack_require__(50892);
var MonitorListEdits_1 = __webpack_require__(41546);
var AnimateListEdits = /** @class */ (function (_super) {
__extends(AnimateListEdits, _super);
function AnimateListEdits() {
return _super !== null && _super.apply(this, arguments) || this;
}
AnimateListEdits.prototype._handleWillAnimate = function (edits, done) {
var counter = 1;
var animationCompleted = function () {
--counter;
if (counter === 0) {
done();
}
};
var delay = 0;
if (edits.removed.length > 0 && this.props.animateChildLeave) {
edits.removed.forEach(function (move) {
try {
var domNode = ReactDOM.findDOMNode(move.element);
if (domNode) {
domNode.style.transform = 'translateY(' + -move.topDelta + 'px)';
counter++;
executeTransition_1.default(domNode, [{
property: 'opacity',
from: 1,
to: 0,
delay: delay,
duration: 150,
timing: 'linear'
}], animationCompleted);
}
}
catch (_a) {
// Exception probably due to race condition in unmounting. Ignore.
}
});
delay += 75;
}
if (edits.moved.length > 0 && this.props.animateChildMove) {
edits.moved.forEach(function (move) {
counter++;
try {
var domNode = ReactDOM.findDOMNode(move.element);
if (domNode) {
executeTransition_1.default(domNode, [{
property: 'transform',
from: 'translateY(' + -move.topDelta + 'px)',
to: '',
delay: delay,
duration: 300,
timing: 'ease-out'
}], animationCompleted);
}
}
catch (_a) {
// Exception probably due to race condition in unmounting. Ignore.
}
});
}
delay += 75;
if (edits.added.length > 0 && this.props.animateChildEnter) {
edits.added.forEach(function (move) {
counter++;
try {
var domNode = ReactDOM.findDOMNode(move.element);
if (domNode) {
executeTransition_1.default(domNode, [{
property: 'opacity',
from: 0,
to: 1,
delay: delay,
duration: 150,
timing: 'linear'
}], animationCompleted);
}
}
catch (_a) {
// Exception probably due to race condition in unmounting. Ignore.
}
});
}
animationCompleted();
};
AnimateListEdits.prototype.render = function () {
var _this = this;
// Do a shallow clone and remove the props that don't
// apply to the MontiroListEdits component.
var props = lodashMini_1.clone(this.props);
delete props.animateChildEnter;
delete props.animateChildLeave;
delete props.animateChildMove;
return (React.createElement(MonitorListEdits_1.MonitorListEdits, __assign({ componentWillAnimate: function (edits, done) { return _this._handleWillAnimate(edits, done); } }, props), this.props.children));
};
return AnimateListEdits;
}(React.Component));
exports.AnimateListEdits = AnimateListEdits;
exports["default"] = AnimateListEdits;
/***/ }),
/***/ 41546:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* MonitorListEdits.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Looks for insertions, removals, and moves each time the component receives new
* children. Communicates these list edits to the consumer giving it the opportunity
* to animate the edits.
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var ReactDOM = __webpack_require__(64151);
var assert_1 = __webpack_require__(27730);
var _ = __webpack_require__(50892);
function getPosition(el) {
return {
left: el.offsetLeft,
top: el.offsetTop
};
}
function extractChildrenKeys(children) {
var keys = [];
if (children) {
React.Children.forEach(children, function (child, index) {
if (child) {
var childReactElement = child;
assert_1.default(childReactElement.key !== undefined && childReactElement.key !== null, 'Children passed to a `View` with child animations enabled must have a `key`');
if (childReactElement.key !== null) {
keys.push(childReactElement.key);
}
}
});
}
return keys;
}
// Returns true if the children were edited (e.g. an item was added, moved, or removed).
// We use this information to determine whether or not we'll need to play any list edit
// animations.
function childrenEdited(prevChildrenKeys, nextChildrenKeys) {
return !_.isEqual(prevChildrenKeys, nextChildrenKeys);
}
function createChildrenMap(children) {
var map = {};
if (children) {
React.Children.forEach(children, function (child, index) {
if (child) {
var childReactElement = child;
assert_1.default('key' in childReactElement, 'Children passed to a `View` with child animations enabled must have a `key`');
var index_1 = childReactElement.key;
if (index_1 !== null) {
map[index_1] = childReactElement;
}
}
});
}
return map;
}
function computePositions(refs) {
var positions = {};
_.each(refs, function (ref, key) {
positions[key] = getPosition(ref.domElement);
});
return positions;
}
// The states the React component can be in.
var ComponentPhaseEnum;
(function (ComponentPhaseEnum) {
// The rest state. The component is not in the middle of anything.
ComponentPhaseEnum[ComponentPhaseEnum["rest"] = 0] = "rest";
// The component is about to play an animation. This occurs when the component
// detected a list edit in componentWillUpdate but hasn't yet gotten the opportunity
// to start the animation in componentDidUpdate.
ComponentPhaseEnum[ComponentPhaseEnum["willAnimate"] = 1] = "willAnimate";
// The component is in the middle of playing an animation. The component should not
// rerender while in this state.
ComponentPhaseEnum[ComponentPhaseEnum["animating"] = 2] = "animating";
})(ComponentPhaseEnum || (ComponentPhaseEnum = {}));
var MonitorListEdits = /** @class */ (function (_super) {
__extends(MonitorListEdits, _super);
function MonitorListEdits() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this._itemRefs = {}; // Updated after render but before componentDidUpdate
_this._refReplacementCache = {};
_this._isMounted = false;
_this._phase = ComponentPhaseEnum.rest;
return _this;
}
MonitorListEdits.prototype.UNSAFE_componentWillMount = function () {
this._childrenKeys = extractChildrenKeys(this.props.children);
this._childrenMap = createChildrenMap(this.props.children);
};
MonitorListEdits.prototype.componentDidMount = function () {
this._isMounted = true;
};
MonitorListEdits.prototype.componentWillUnmount = function () {
this._isMounted = false;
};
MonitorListEdits.prototype.shouldComponentUpdate = function () {
return this._phase !== ComponentPhaseEnum.animating;
};
MonitorListEdits.prototype.UNSAFE_componentWillUpdate = function (nextProps) {
assert_1.default(this._phase !== ComponentPhaseEnum.animating, 'componentWillUpdate should never run while the component is animating due to the implementation of shouldComponentUpdate');
var prevChildrenKeys = this._childrenKeys;
var nextChildrenKeys = extractChildrenKeys(nextProps.children);
this._childrenKeys = nextChildrenKeys;
if (childrenEdited(prevChildrenKeys, nextChildrenKeys)) {
var prevChildrenMap_1 = this._childrenMap;
var nextChildrenMap_1 = createChildrenMap(nextProps.children);
this._childrenMap = nextChildrenMap_1;
var removed_1 = [];
var added_1 = [];
var other_1 = [];
Object.keys(prevChildrenMap_1).forEach(function (key) {
if (!(key in nextChildrenMap_1)) {
removed_1.push(prevChildrenMap_1[key]);
}
});
Object.keys(nextChildrenMap_1).forEach(function (key) {
if (!(key in prevChildrenMap_1)) {
added_1.push(nextChildrenMap_1[key]);
}
else {
other_1.push(nextChildrenMap_1[key]);
}
});
this._phase = ComponentPhaseEnum.willAnimate;
this._willAnimatePhaseInfo = {
added: added_1,
removed: removed_1,
other: other_1,
prevPositions: computePositions(this._itemRefs),
prevChildrenMap: prevChildrenMap_1
};
}
};
MonitorListEdits.prototype.render = function () {
var _this = this;
this._childrenToRender = [];
// We need to cast this to "any" because of a recent bug introduced
// into React @types where children is redfined as ReactNode rather
// than ReactNode[].
_.each(this.props.children, function (child) {
if (child) {
var childElement_1 = child;
var refData = _this._refReplacementCache[childElement_1.key];
// Reuse the cached replacement ref function instead of recreating it every render, unless the child's ref changes.
if (!refData || refData.exisiting !== childElement_1.ref) {
refData = {
replacement: function (refValue) { _this._saveRef(childElement_1, refValue); },
exisiting: childElement_1.ref
};
_this._refReplacementCache[childElement_1.key] = refData;
}
_this._childrenToRender.push(React.cloneElement(childElement_1, { ref: refData.replacement }));
}
});
if (this._phase === ComponentPhaseEnum.willAnimate) {
_.each(this._willAnimatePhaseInfo.removed, function (childElement) {
if (childElement) {
_this._childrenToRender.push(React.cloneElement(childElement, {
ref: function (refValue) {
_this._saveRef(childElement, refValue);
}
}));
}
});
}
// Do a shallow clone and remove the props that don't
// apply to div elements.
var props = _.clone(this.props);
delete props.componentWillAnimate;
delete props.testId;
return (React.createElement("div", __assign({}, props, { "data-test-id": this.props.testId }), this._childrenToRender));
};
MonitorListEdits.prototype.componentDidUpdate = function (prevProps) {
var _this = this;
assert_1.default(this._phase !== ComponentPhaseEnum.animating, 'componentDidUpdate should never run while the component is animating due to the implementation of shouldComponentUpdate');
if (this._phase === ComponentPhaseEnum.willAnimate) {
var phaseInfo_1 = this._willAnimatePhaseInfo;
var prevPositions_1 = phaseInfo_1.prevPositions;
var nextPositions_1 = computePositions(this._itemRefs);
var added = phaseInfo_1.added.map(function (child) {
return {
element: _this._itemRefs[child.key].reactElement
};
});
var removed = phaseInfo_1.removed.map(function (child) {
var key = child.key;
var prevPos = prevPositions_1[key];
var nextPos = nextPositions_1[key];
return {
leftDelta: nextPos.left - prevPos.left,
topDelta: nextPos.top - prevPos.top,
element: _this._itemRefs[key].reactElement
};
});
var moved_1 = [];
phaseInfo_1.other.map(function (child) {
var key = child.key;
var prevPos = prevPositions_1[key];
var nextPos = nextPositions_1[key];
if (prevPos.left !== nextPos.left || prevPos.top !== nextPos.top) {
moved_1.push({
leftDelta: nextPos.left - prevPos.left,
topDelta: nextPos.top - prevPos.top,
element: _this._itemRefs[key].reactElement
});
}
});
this._phase = ComponentPhaseEnum.animating;
this._willAnimatePhaseInfo = undefined;
this.props.componentWillAnimate({
added: added,
moved: moved_1,
removed: removed
}, function () {
_this._phase = ComponentPhaseEnum.rest;
if (_this._isMounted) {
_this.forceUpdate();
}
phaseInfo_1.removed.forEach(function (child) {
var key = child.key;
delete _this._refReplacementCache[key];
});
});
}
};
MonitorListEdits.prototype._saveRef = function (reactElement, refValue) {
if (refValue === null) {
delete this._itemRefs[reactElement.key];
}
else {
// Cache both the react component reference and the corresponding HTML DOM node (for perf reasons).
this._itemRefs[reactElement.key] = {
reactElement: refValue,
domElement: ReactDOM.findDOMNode(refValue)
};
}
assert_1.default(typeof reactElement.ref === 'function' || reactElement.ref === undefined || reactElement.ref === null, 'Invalid ref: ' + reactElement.ref + '. Only callback refs are supported when using child animations on a `View`');
// If the creator of the reactElement also provided a ref, call it.
if (typeof reactElement.ref === 'function') {
reactElement.ref(refValue);
}
};
return MonitorListEdits;
}(React.Component));
exports.MonitorListEdits = MonitorListEdits;
/***/ }),
/***/ 63105:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* AppVisibilityUtils.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Web-specific helpers for firing focus/activity related events
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var subscribableevent_1 = __webpack_require__(60329);
var Timers_1 = __webpack_require__(16320);
var lodashMini_1 = __webpack_require__(50892);
var idleTimeInMs = 60 * 1000;
var AppVisibilityUtils = /** @class */ (function () {
function AppVisibilityUtils() {
var _this = this;
this._isIdle = false;
this.onFocusedEvent = new subscribableevent_1.default();
this.onBlurredEvent = new subscribableevent_1.default();
this.onAppForegroundedEvent = new subscribableevent_1.default();
this.onAppBackgroundedEvent = new subscribableevent_1.default();
this.onIdleEvent = new subscribableevent_1.default();
this.onWakeUpEvent = new subscribableevent_1.default();
this._wakeUpAndSetTimerForIdle = function () {
if (!lodashMini_1.isUndefined(_this._timer)) {
Timers_1.default.clearTimeout(_this._timer);
}
if (!_this.hasFocus()) {
return;
}
if (_this.hasFocus() && _this._isIdle) {
_this._onWakeUp();
}
_this._timer = Timers_1.default.setTimeout(function () {
if (_this.hasFocus()) {
_this._onIdle();
}
}, idleTimeInMs);
};
this._onFocus = function () {
_this._wakeUpAndSetTimerForIdle();
_this.onFocusedEvent.fire();
};
this._onBlur = function () {
_this._onIdle();
_this.onBlurredEvent.fire();
};
this._onAppVisibilityChanged = function () {
if (document.hidden) {
_this.onAppBackgroundedEvent.fire();
}
else {
_this.onAppForegroundedEvent.fire();
}
};
this._onWakeUp = function () {
_this._isIdle = false;
_this.onWakeUpEvent.fire();
};
this._onIdle = function () {
_this._isIdle = true;
_this.onIdleEvent.fire();
};
// Handle test environment where document is not defined.
if (typeof (document) !== 'undefined') {
window.addEventListener('focus', this._onFocus);
window.addEventListener('blur', this._onBlur);
document.addEventListener('visibilitychange', this._onAppVisibilityChanged);
this._trackIdleStatus();
}
}
AppVisibilityUtils.prototype.hasFocusAndActive = function () {
// Handle test environment where document is not defined.
if (typeof (document) !== 'undefined') {
return document.hasFocus() && !this._isIdle;
}
return true;
};
AppVisibilityUtils.prototype.hasFocus = function () {
// Handle test environment where document is not defined.
if (typeof (document) !== 'undefined') {
return document.hasFocus();
}
return true;
};
AppVisibilityUtils.prototype.isAppInForeground = function () {
// Handle test environment where document is not defined.
if (typeof (document) !== 'undefined') {
return !document.hidden;
}
return true;
};
AppVisibilityUtils.prototype._trackIdleStatus = function () {
document.addEventListener('mousemove', this._wakeUpAndSetTimerForIdle);
document.addEventListener('keyup', this._wakeUpAndSetTimerForIdle);
document.addEventListener('touchstart', this._wakeUpAndSetTimerForIdle);
document.addEventListener('scroll', this._wakeUpAndSetTimerForIdle);
this._wakeUpAndSetTimerForIdle();
};
return AppVisibilityUtils;
}());
exports.AppVisibilityUtils = AppVisibilityUtils;
exports["default"] = new AppVisibilityUtils();
/***/ }),
/***/ 55064:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
"use strict";
/**
* FocusManager.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Manages focusable elements for better keyboard navigation (web version)
*/
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", ({ value: true }));
var ReactDOM = __webpack_require__(64151);
var AutoFocusHelper_1 = __webpack_require__(61213);
var FocusManager_1 = __webpack_require__(167);
var Timers_1 = __webpack_require__(16320);
var UserInterface_1 = __webpack_require__(14258);
var ATTR_NAME_TAB_INDEX = 'tabindex';
var ATTR_NAME_ARIA_HIDDEN = 'aria-hidden';
var _isShiftPressed;
var FocusManager = /** @class */ (function (_super) {
__extends(FocusManager, _super);
function FocusManager(parent) {
return _super.call(this, parent) || this;
}
// Not really public
FocusManager.initListeners = function () {
// The default behaviour on Electron is to release the focus after the
// Tab key is pressed on a last focusable element in the page and focus
// the first focusable element on a consecutive Tab key press.
// We want to avoid losing this first Tab key press.
var _checkFocusTimer;
// Checking if Shift is pressed to move the focus into the right direction.
window.addEventListener('keydown', function (event) {
_isShiftPressed = event.shiftKey;
});
window.addEventListener('keyup', function (event) {
_isShiftPressed = event.shiftKey;
});
document.body.addEventListener('focusout', function (event) {
if (!UserInterface_1.default.isNavigatingWithKeyboard() || (event.target === document.body)) {
return;
}
if (_checkFocusTimer) {
Timers_1.default.clearTimeout(_checkFocusTimer);
}
if (FocusManager._skipFocusCheck) {
// When in between the FocusManager restrictions,
// don't check for the focus change here, FocusManager
// will take care of it.
FocusManager._skipFocusCheck = false;
return;
}
_checkFocusTimer = Timers_1.default.setTimeout(function () {
_checkFocusTimer = undefined;
if (UserInterface_1.default.isNavigatingWithKeyboard() &&
(!FocusManager._currentFocusedComponent || !FocusManager._currentFocusedComponent.removed) &&
(!document.activeElement || (document.activeElement === document.body))) {
// This should work for Electron and the browser should
// send the focus to the address bar anyway.
FocusManager.focusFirst(_isShiftPressed);
}
}, 100);
});
};
FocusManager.prototype.addFocusListenerOnComponent = function (component, onFocus) {
try {
var el = ReactDOM.findDOMNode(component);
if (el) {
el.addEventListener('focus', onFocus);
}
}
catch (_a) {
// Swallow exception due to component unmount race condition.
}
};
FocusManager.prototype.removeFocusListenerFromComponent = function (component, onFocus) {
try {
var el = ReactDOM.findDOMNode(component);
if (el) {
el.removeEventListener('focus', onFocus);
}
}
catch (_a) {
// Swallow exception due to component unmount race condition.
}
};
FocusManager.prototype.focusComponent = function (component) {
try {
var el = ReactDOM.findDOMNode(component);
if (el && el.focus) {
FocusManager.setLastFocusedProgrammatically(el);
el.focus();
return true;
}
}
catch (_a) {
// Swallow exception due to component unmount race condition.
}
return false;
};
FocusManager.setLastFocusedProgrammatically = function (element) {
this._lastFocusedProgrammatically = element;
};
FocusManager.getLastFocusedProgrammatically = function (reset) {
var ret = FocusManager._lastFocusedProgrammatically;
if (ret && reset) {
FocusManager._lastFocusedProgrammatically = undefined;
}
return ret;
};
FocusManager._isComponentAvailable = function (storedComponent) {
return !storedComponent.accessibleOnly &&
!storedComponent.removed &&
!storedComponent.restricted &&
storedComponent.limitedCount === 0 &&
storedComponent.limitedCountAccessible === 0;
};
FocusManager._getFirstFocusable = function (last, parent) {
var focusable = Object.keys(FocusManager._allFocusableComponents)
.filter(function (componentId) { return !parent || (componentId in parent._myFocusableComponentIds); })
.map(function (componentId) { return FocusManager._allFocusableComponents[componentId]; })
.filter(FocusManager._isComponentAvailable)
.map(function (storedComponent) { return ({ storedComponent: storedComponent, el: ReactDOM.findDOMNode(storedComponent.component) }); })
.filter(function (f) { return f.el && f.el.focus && ((f.el.tabIndex || 0) >= 0) && !f.el.disabled; });
if (focusable.length) {
focusable.sort(function (a, b) {
// Some element which is mounted later could come earlier in the DOM,
// so, we sort the elements by their appearance in the DOM.
if (a === b) {
return 0;
}
return a.el.compareDocumentPosition(b.el) & document.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
});
return focusable[last ? focusable.length - 1 : 0];
}
return undefined;
};
FocusManager.focusFirst = function (last) {
var first = FocusManager._getFirstFocusable(last);
if (first) {
var storedComponent_1 = first.storedComponent;
AutoFocusHelper_1.FocusArbitratorProvider.requestFocus(storedComponent_1.component, function () {
FocusManager.setLastFocusedProgrammatically(first.el);
first.el.focus();
}, function () { return FocusManager._isComponentAvailable(storedComponent_1); }, AutoFocusHelper_1.FocusCandidateType.FocusFirst);
}
};
FocusManager.prototype.resetFocus = function (focusFirstWhenNavigatingWithKeyboard) {
if (FocusManager._resetFocusTimer) {
Timers_1.default.clearTimeout(FocusManager._resetFocusTimer);
FocusManager._resetFocusTimer = undefined;
}
if (UserInterface_1.default.isNavigatingWithKeyboard() && focusFirstWhenNavigatingWithKeyboard) {
// When we're in the keyboard navigation mode, we want to have the
// first focusable component to be focused straight away, without the
// necessity to press Tab.
var first_1 = FocusManager._getFirstFocusable(false, FocusManager._currentRestrictionOwner);
if (first_1) {
var storedComponent_2 = first_1.storedComponent;
AutoFocusHelper_1.FocusArbitratorProvider.requestFocus(storedComponent_2.component, function () {
FocusManager.setLastFocusedProgrammatically(first_1.el);
first_1.el.focus();
}, function () { return FocusManager._isComponentAvailable(storedComponent_2); }, AutoFocusHelper_1.FocusCandidateType.FocusFirst);
}
}
else if ((typeof document !== 'undefined') && document.body && document.body.focus && document.body.blur) {
// An example to explain this part:
// We've shown a modal dialog which is higher in the DOM by clicking
// on a button which is lower in the DOM, we've applied the restrictions
// and only the elements from the modal dialog are focusable now.
// But internally the browser keeps the last focus position in the DOM
// (even if we do blur() for the button) and when Tab is pressed again,
// the browser will start searching for the next focusable element from
// this position.
// This means that the first Tab press will get us to the browser's address
// bar (or nowhere in case of Electron) and only the second Tab press will
// lead us to focusing the first focusable element in the modal dialog.
// In order to avoid losing this first Tab press, we're making <body>
// focusable, focusing it, removing the focus and making it unfocusable
// back again.
// Defer the work to avoid triggering sync layout.
FocusManager._resetFocusTimer = Timers_1.default.setTimeout(function () {
FocusManager._resetFocusTimer = undefined;
var currentFocused = FocusManager._currentFocusedComponent;
if (currentFocused && !currentFocused.removed && !currentFocused.restricted) {
// No need to reset the focus because it's moved inside the restricted area
// already (manually or with autofocus).
return;
}
var prevTabIndex = FocusManager._setTabIndex(document.body, -1);
FocusManager.setLastFocusedProgrammatically(document.body);
document.body.focus();
document.body.blur();
FocusManager._setTabIndex(document.body, prevTabIndex);
}, 100);
}
};
FocusManager.prototype._updateComponentFocusRestriction = function (storedComponent) {
var newAriaHidden = storedComponent.restricted || (storedComponent.limitedCount > 0) ? true : undefined;
var newTabIndex = newAriaHidden || (storedComponent.limitedCountAccessible > 0) ? -1 : undefined;
var restrictionRemoved = newTabIndex === undefined;
if ((storedComponent.curTabIndex !== newTabIndex) || (storedComponent.curAriaHidden !== newAriaHidden)) {
var el = ReactDOM.findDOMNode(storedComponent.component);
if (el) {
if (storedComponent.curTabIndex !== newTabIndex) {
storedComponent.curTabIndex = newTabIndex;
if (restrictionRemoved) {
FocusManager._setTabIndex(el, storedComponent.origTabIndex);
}
else {
var prevTabIndex = FocusManager._setTabIndex(el, newTabIndex);
if (!('origTabIndex' in storedComponent)) {
storedComponent.origTabIndex = prevTabIndex;
}
}
}
if (storedComponent.curAriaHidden !== newAriaHidden) {
storedComponent.curAriaHidden = newAriaHidden;
if (restrictionRemoved) {
FocusManager._setAriaHidden(el, storedComponent.origAriaHidden);
}
else {
var prevAriaHidden = FocusManager._setAriaHidden(el, newAriaHidden ? 'true' : undefined);
if (!('origAriaHidden' in storedComponent)) {
storedComponent.origAriaHidden = prevAriaHidden;
}
}
}
if (restrictionRemoved) {
delete storedComponent.origTabIndex;
delete storedComponent.origAriaHidden;
}
}
FocusManager._callFocusableComponentStateChangeCallbacks(storedComponent, !restrictionRemoved);
}
};
FocusManager._setTabIndex = function (element, value) {
// If a tabIndex assignment is pending for this element, cancel it now.
if (FocusManager._setTabIndexTimer && element === FocusManager._setTabIndexElement) {
Timers_1.default.clearTimeout(FocusManager._setTabIndexTimer);
FocusManager._setTabIndexTimer = undefined;
FocusManager._setTabIndexElement = undefined;
}
var prev = element.hasAttribute(ATTR_NAME_TAB_INDEX) ? element.tabIndex : undefined;
if (value === undefined) {
if (prev !== undefined) {
element.removeAttribute(ATTR_NAME_TAB_INDEX);
}
}
else if (value !== prev) {
// Setting tabIndex to -1 on the active element would trigger sync layout. Defer it.
if (value === -1 && element === document.activeElement) {
// If a tabIndex assignment is pending for another element, run it now as we know
// that it's not active anymore.
if (FocusManager._setTabIndexTimer) {
FocusManager._setTabIndexElement.tabIndex = -1;
Timers_1.default.clearTimeout(FocusManager._setTabIndexTimer);
FocusManager._setTabIndexTimer = undefined;
FocusManager._setTabIndexElement = undefined;
}
FocusManager._setTabIndexElement = element;
FocusManager._setTabIndexTimer = Timers_1.default.setTimeout(function () {
element.tabIndex = value;
if (element === FocusManager._setTabIndexElement) {
FocusManager._setTabIndexTimer = undefined;
FocusManager._setTabIndexElement = undefined;
}
}, 0);
}
else {
element.tabIndex = value;
}
}
return prev;
};
FocusManager._setAriaHidden = function (element, value) {
var prev = element.hasAttribute(ATTR_NAME_ARIA_HIDDEN) ? element.getAttribute(ATTR_NAME_ARIA_HIDDEN) || undefined : undefined;
if (value === undefined) {
if (prev !== undefined) {
element.removeAttribute(ATTR_NAME_ARIA_HIDDEN);
}
}
else {
element.setAttribute(ATTR_NAME_ARIA_HIDDEN, value);
}
return prev;
};
FocusManager.sortAndFilterAutoFocusCandidates = function (candidates) {
return candidates
.filter(function (candidate) {
var id = candidate.component.focusableComponentId;
if (id) {
var storedComponent = FocusManager._allFocusableComponents[id];
if (storedComponent &&
(storedComponent.removed ||
(storedComponent.limitedCount > 0) || (storedComponent.limitedCountAccessible > 0))) {
return false;
}
}
return true;
})
.map(function (candidate) { return ({ candidate: candidate, el: ReactDOM.findDOMNode(candidate.component) }); })
.sort(function (a, b) {
// Some element which is mounted later could come earlier in the DOM,
// so, we sort the elements by their appearance in the DOM.
if (a === b) {
return 0;
}
return a.el.compareDocumentPosition(b.el) & document.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
})
.map(function (ce) { return ce.candidate; });
};
return FocusManager;
}(FocusManager_1.FocusManager));
exports.FocusManager = FocusManager;
function applyFocusableComponentMixin(Component, isConditionallyFocusable) {
FocusManager_1.applyFocusableComponentMixin(Component, isConditionallyFocusable);
var origFocus = Component.prototype.focus;
if (origFocus) {
Component.prototype.focus = function () {
try {
// tslint:disable-next-line
var el = ReactDOM.findDOMNode(this);
if (el) {
FocusManager.setLastFocusedProgrammatically(el);
}
}
catch (_a) {
// Swallow exception due to component unmount race condition.
}
// tslint:disable-next-line
origFocus.apply(this, arguments);
};
}
}
exports.applyFocusableComponentMixin = applyFocusableComponentMixin;
if ((typeof document !== 'undefined') && (typeof window !== 'undefined')) {
FocusManager.initListeners();
}
exports["default"] = FocusManager;
/***/ }),
/***/ 93114:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* MouseResponder.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Handles tracking of mouse movements.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var _ = __webpack_require__(50892);
var _compareDOMOrder = function (a, b) {
if (a.target.compareDocumentPosition(b.target) & Node.DOCUMENT_POSITION_PRECEDING) {
return 1;
}
else {
return -1;
}
};
var MouseResponder = /** @class */ (function () {
function MouseResponder() {
}
MouseResponder.setModalIsDisplayed = function (isDisplayed) {
MouseResponder._isModalDisplayed = isDisplayed;
};
MouseResponder.create = function (config) {
MouseResponder._initializeEventHandlers();
MouseResponder._responders = MouseResponder._responders || [];
var responder = {
id: config.id,
target: config.target,
shouldBecomeFirstResponder: function (event, gestureState) {
if (MouseResponder._isModalDisplayed && config.disableWhenModal) {
return false;
}
if (!config.shouldBecomeFirstResponder) {
return false;
}
return config.shouldBecomeFirstResponder(event, gestureState);
},
onMove: function (event, gestureState) {
if (!config.onMove) {
return;
}
config.onMove(event, gestureState);
},
onTerminate: function (event, gestureState) {
if (!config.onTerminate) {
return;
}
config.onTerminate(event, gestureState);
}
};
MouseResponder._responders.push(responder);
return {
dispose: function () {
_.remove(MouseResponder._responders, function (r) { return r.id === responder.id; });
if (MouseResponder._responders.length === 0) {
MouseResponder._removeEventHandlers();
}
}
};
};
MouseResponder._initializeEventHandlers = function () {
if (MouseResponder._initialized) {
return;
}
window.addEventListener('mousedown', MouseResponder._onMouseDown);
window.addEventListener('mousemove', MouseResponder._onMouseMove);
window.addEventListener('mouseup', MouseResponder._onMouseUp);
MouseResponder._initialized = true;
};
MouseResponder._removeEventHandlers = function () {
if (!MouseResponder._initialized) {
return;
}
window.removeEventListener('mousedown', MouseResponder._onMouseDown);
window.removeEventListener('mousemove', MouseResponder._onMouseMove);
window.removeEventListener('mouseup', MouseResponder._onMouseUp);
MouseResponder._initialized = false;
};
MouseResponder._currentResponder = null;
MouseResponder._pendingGestureState = null;
MouseResponder._initialized = false;
MouseResponder._isModalDisplayed = false;
MouseResponder._onMouseDown = function (event) {
// We need to skip new gesture starts when there is already on in progress
if (MouseResponder._currentResponder) {
event.preventDefault();
event.stopPropagation();
return;
}
MouseResponder._pendingGestureState = {
initialClientX: event.clientX,
initialClientY: event.clientY,
initialPageX: event.pageX,
initialPageY: event.pageY,
clientX: event.clientX,
clientY: event.clientY,
pageX: event.pageX,
pageY: event.pageY,
velocityX: 0,
velocityY: 0,
timeStamp: Date.now(),
isComplete: false,
isTouch: false
};
// We must sort them properly to be consistent with native PanResponder picks it's first responders
// In native there is no z-index and PanResponder picks always the last registered element.
// in case of native, that's last element in "DOM"
MouseResponder._responders.sort(_compareDOMOrder);
// We need to pick a responder that will handle this GestureView
var firstResponder = _.findLast(MouseResponder._responders, function (responder) {
return responder.shouldBecomeFirstResponder(event, MouseResponder._pendingGestureState);
});
if (firstResponder) {
MouseResponder._currentResponder = firstResponder;
}
};
MouseResponder._onMouseMove = function (event) {
if (MouseResponder._currentResponder && MouseResponder._pendingGestureState) {
var _a = MouseResponder._calcVelocity(event, MouseResponder._pendingGestureState), velocityX = _a.velocityX, velocityY = _a.velocityY;
MouseResponder._pendingGestureState = _.merge({}, MouseResponder._pendingGestureState, {
clientX: event.clientX,
clientY: event.clientY,
pageX: event.pageX,
pageY: event.pageY,
velocityX: velocityX,
velocityY: velocityY,
isComplete: false
});
if (event.buttons === 0) {
MouseResponder._onMouseUp(event);
}
else {
MouseResponder._currentResponder.onMove(event, MouseResponder._pendingGestureState);
}
}
};
MouseResponder._onMouseUp = function (event) {
// We check whether there is still some buttom pressed
// in case there are still some buttons left,
// we don't stop terminate the gesture.
if (event.buttons !== 0) {
event.preventDefault();
event.stopPropagation();
return;
}
if (MouseResponder._currentResponder && MouseResponder._pendingGestureState) {
var _a = MouseResponder._calcVelocity(event, MouseResponder._pendingGestureState), velocityX = _a.velocityX, velocityY = _a.velocityY;
MouseResponder._pendingGestureState = _.merge({}, MouseResponder._pendingGestureState, {
clientX: event.clientX,
clientY: event.clientY,
pageX: event.pageX,
pageY: event.pageY,
velocityX: velocityX,
velocityY: velocityY,
isComplete: true
});
MouseResponder._currentResponder.onTerminate(event, MouseResponder._pendingGestureState);
MouseResponder._currentResponder = null;
MouseResponder._pendingGestureState = null;
}
};
MouseResponder._calcVelocity = function (e, gestureState) {
var time = Date.now() - gestureState.timeStamp;
var velocityX = (e.clientX - gestureState.initialClientX) / time;
var velocityY = (e.clientY - gestureState.initialClientY) / time;
return {
velocityX: velocityX,
velocityY: velocityY
};
};
return MouseResponder;
}());
exports["default"] = MouseResponder;
/***/ }),
/***/ 50892:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* lodashMini.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* Import and re-export of part of the lodash module. This helps reduce bundle size.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var assign = __webpack_require__(90698);
exports.assign = assign;
var clone = __webpack_require__(33072);
exports.clone = clone;
var cloneDeep = __webpack_require__(54879);
exports.cloneDeep = cloneDeep;
var defer = __webpack_require__(47154);
exports.defer = defer;
var each = __webpack_require__(2496);
exports.each = each;
var endsWith = __webpack_require__(41316);
exports.endsWith = endsWith;
var extend = __webpack_require__(91993);
exports.extend = extend;
var filter = __webpack_require__(42955);
exports.filter = filter;
var findIndex = __webpack_require__(34474);
exports.findIndex = findIndex;
var findLast = __webpack_require__(75277);
exports.findLast = findLast;
var flatten = __webpack_require__(65123);
exports.flatten = flatten;
var get = __webpack_require__(49288);
exports.get = get;
var isEmpty = __webpack_require__(39811);
exports.isEmpty = isEmpty;
var isEqual = __webpack_require__(3147);
exports.isEqual = isEqual;
var isNumber = __webpack_require__(50946);
exports.isNumber = isNumber;
var isObject = __webpack_require__(47901);
exports.isObject = isObject;
var isUndefined = __webpack_require__(40584);
exports.isUndefined = isUndefined;
var kebabCase = __webpack_require__(27053);
exports.kebabCase = kebabCase;
var keys = __webpack_require__(74973);
exports.keys = keys;
var map = __webpack_require__(66550);
exports.map = map;
var mapValues = __webpack_require__(39975);
exports.mapValues = mapValues;
var max = __webpack_require__(28867);
exports.max = max;
var memoize = __webpack_require__(46493);
exports.memoize = memoize;
var merge = __webpack_require__(85692);
exports.merge = merge;
var omit = __webpack_require__(2547);
exports.omit = omit;
var remove = __webpack_require__(7322);
exports.remove = remove;
var throttle = __webpack_require__(9042);
exports.throttle = throttle;
var union = __webpack_require__(29134);
exports.union = union;
/***/ }),
/***/ 70833:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/**
* restyleForInlineText.tsx
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* When a ReactXP component appears as a child of an RX.Text, it needs to be styled
* specially so that it appears inline with the text rather than introducing line
* breaks.
*
* This utility restyles the component that is passed to it as inline so it flows
* with the text. When a ReactXP component is a child of a text, pass the return value
* of its render method to this utility. See RX.View for an example.
*/
Object.defineProperty(exports, "__esModule", ({ value: true }));
var React = __webpack_require__(49231);
var assert_1 = __webpack_require__(27730);
var lodashMini_1 = __webpack_require__(50892);
function restyleForInlineText(reactElement) {
var style = reactElement.props.style;
assert_1.default(style &&
style.width !== undefined &&
style.height !== undefined, 'Children of an <RX.Text> must have a defined height and width');
/*
We'll use display: inline-block for inline element because
inline-flex will introduce new lines into the text that is
copied to the clipboard. In most our use-cases inline-block
is fine and should behave same as inline-flex.
Example:
<flex>
<inline> // InlineView
<inline text node>
<inline-flex> // set by this function - will introduce new line when copied
<inline transparent text with emoticon text representation>
<inline-block sprite clipping element>
<inline-block sprite background texture>
<inline text node>
result into selection: "[text node][transparent text][new line][text node]"
with inline-block this will properly resolve as "[text node][transparent text][text node]"
*/
return React.cloneElement(reactElement, {
style: lodashMini_1.assign({}, style, {
display: 'inline-block',
// Reset the line height so the value from outside
// the inlined item doesn't cascade into this element.
lineHeight: 'normal'
})
});
}
exports["default"] = restyleForInlineText;
/***/ }),
/***/ 48760:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
// Export web by default. Other platforms have custom index.[platform].js files
module.exports = __webpack_require__(55106);
/***/ }),
/***/ 53497:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getNative = __webpack_require__(47961),
root = __webpack_require__(81295);
/* Built-in method references that are verified to be native. */
var DataView = getNative(root, 'DataView');
module.exports = DataView;
/***/ }),
/***/ 56355:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var hashClear = __webpack_require__(12321),
hashDelete = __webpack_require__(80944),
hashGet = __webpack_require__(67180),
hashHas = __webpack_require__(37518),
hashSet = __webpack_require__(42397);
/**
* Creates a hash object.
*
* @private
* @constructor
* @param {Array} [entries] The key-value pairs to cache.
*/
function Hash(entries) {
var index = -1,
length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
// Add methods to `Hash`.
Hash.prototype.clear = hashClear;
Hash.prototype['delete'] = hashDelete;
Hash.prototype.get = hashGet;
Hash.prototype.has = hashHas;
Hash.prototype.set = hashSet;
module.exports = Hash;
/***/ }),
/***/ 83234:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var listCacheClear = __webpack_require__(6703),
listCacheDelete = __webpack_require__(42720),
listCacheGet = __webpack_require__(80362),
listCacheHas = __webpack_require__(24054),
listCacheSet = __webpack_require__(75493);
/**
* Creates an list cache object.
*
* @private
* @constructor
* @param {Array} [entries] The key-value pairs to cache.
*/
function ListCache(entries) {
var index = -1,
length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
// Add methods to `ListCache`.
ListCache.prototype.clear = listCacheClear;
ListCache.prototype['delete'] = listCacheDelete;
ListCache.prototype.get = listCacheGet;
ListCache.prototype.has = listCacheHas;
ListCache.prototype.set = listCacheSet;
module.exports = ListCache;
/***/ }),
/***/ 15363:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getNative = __webpack_require__(47961),
root = __webpack_require__(81295);
/* Built-in method references that are verified to be native. */
var Map = getNative(root, 'Map');
module.exports = Map;
/***/ }),
/***/ 70147:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var mapCacheClear = __webpack_require__(10232),
mapCacheDelete = __webpack_require__(81139),
mapCacheGet = __webpack_require__(31640),
mapCacheHas = __webpack_require__(40103),
mapCacheSet = __webpack_require__(67192);
/**
* Creates a map cache object to store key-value pairs.
*
* @private
* @constructor
* @param {Array} [entries] The key-value pairs to cache.
*/
function MapCache(entries) {
var index = -1,
length = entries == null ? 0 : entries.length;
this.clear();
while (++index < length) {
var entry = entries[index];
this.set(entry[0], entry[1]);
}
}
// Add methods to `MapCache`.
MapCache.prototype.clear = mapCacheClear;
MapCache.prototype['delete'] = mapCacheDelete;
MapCache.prototype.get = mapCacheGet;
MapCache.prototype.has = mapCacheHas;
MapCache.prototype.set = mapCacheSet;
module.exports = MapCache;
/***/ }),
/***/ 50055:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getNative = __webpack_require__(47961),
root = __webpack_require__(81295);
/* Built-in method references that are verified to be native. */
var Promise = getNative(root, 'Promise');
module.exports = Promise;
/***/ }),
/***/ 50530:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getNative = __webpack_require__(47961),
root = __webpack_require__(81295);
/* Built-in method references that are verified to be native. */
var Set = getNative(root, 'Set');
module.exports = Set;
/***/ }),
/***/ 20057:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var MapCache = __webpack_require__(70147),
setCacheAdd = __webpack_require__(96656),
setCacheHas = __webpack_require__(41848);
/**
*
* Creates an array cache object to store unique values.
*
* @private
* @constructor
* @param {Array} [values] The values to cache.
*/
function SetCache(values) {
var index = -1,
length = values == null ? 0 : values.length;
this.__data__ = new MapCache;
while (++index < length) {
this.add(values[index]);
}
}
// Add methods to `SetCache`.
SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
SetCache.prototype.has = setCacheHas;
module.exports = SetCache;
/***/ }),
/***/ 83432:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var ListCache = __webpack_require__(83234),
stackClear = __webpack_require__(78940),
stackDelete = __webpack_require__(53242),
stackGet = __webpack_require__(79413),
stackHas = __webpack_require__(67573),
stackSet = __webpack_require__(19138);
/**
* Creates a stack cache object to store key-value pairs.
*
* @private
* @constructor
* @param {Array} [entries] The key-value pairs to cache.
*/
function Stack(entries) {
var data = this.__data__ = new ListCache(entries);
this.size = data.size;
}
// Add methods to `Stack`.
Stack.prototype.clear = stackClear;
Stack.prototype['delete'] = stackDelete;
Stack.prototype.get = stackGet;
Stack.prototype.has = stackHas;
Stack.prototype.set = stackSet;
module.exports = Stack;
/***/ }),
/***/ 93383:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var root = __webpack_require__(81295);
/** Built-in value references. */
var Symbol = root.Symbol;
module.exports = Symbol;
/***/ }),
/***/ 33697:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var root = __webpack_require__(81295);
/** Built-in value references. */
var Uint8Array = root.Uint8Array;
module.exports = Uint8Array;
/***/ }),
/***/ 15578:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getNative = __webpack_require__(47961),
root = __webpack_require__(81295);
/* Built-in method references that are verified to be native. */
var WeakMap = getNative(root, 'WeakMap');
module.exports = WeakMap;
/***/ }),
/***/ 83858:
/***/ ((module) => {
/**
* A faster alternative to `Function#apply`, this function invokes `func`
* with the `this` binding of `thisArg` and the arguments of `args`.
*
* @private
* @param {Function} func The function to invoke.
* @param {*} thisArg The `this` binding of `func`.
* @param {Array} args The arguments to invoke `func` with.
* @returns {*} Returns the result of `func`.
*/
function apply(func, thisArg, args) {
switch (args.length) {
case 0: return func.call(thisArg);
case 1: return func.call(thisArg, args[0]);
case 2: return func.call(thisArg, args[0], args[1]);
case 3: return func.call(thisArg, args[0], args[1], args[2]);
}
return func.apply(thisArg, args);
}
module.exports = apply;
/***/ }),
/***/ 50151:
/***/ ((module) => {
/**
* A specialized version of `_.forEach` for arrays without support for
* iteratee shorthands.
*
* @private
* @param {Array} [array] The array to iterate over.
* @param {Function} iteratee The function invoked per iteration.
* @returns {Array} Returns `array`.
*/
function arrayEach(array, iteratee) {
var index = -1,
length = array == null ? 0 : array.length;
while (++index < length) {
if (iteratee(array[index], index, array) === false) {
break;
}
}
return array;
}
module.exports = arrayEach;
/***/ }),
/***/ 70872:
/***/ ((module) => {
/**
* A specialized version of `_.filter` for arrays without support for
* iteratee shorthands.
*
* @private
* @param {Array} [array] The array to iterate over.
* @param {Function} predicate The function invoked per iteration.
* @returns {Array} Returns the new filtered array.
*/
function arrayFilter(array, predicate) {
var index = -1,
length = array == null ? 0 : array.length,
resIndex = 0,
result = [];
while (++index < length) {
var value = array[index];
if (predicate(value, index, array)) {
result[resIndex++] = value;
}
}
return result;
}
module.exports = arrayFilter;
/***/ }),
/***/ 18710:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIndexOf = __webpack_require__(44804);
/**
* A specialized version of `_.includes` for arrays without support for
* specifying an index to search from.
*
* @private
* @param {Array} [array] The array to inspect.
* @param {*} target The value to search for.
* @returns {boolean} Returns `true` if `target` is found, else `false`.
*/
function arrayIncludes(array, value) {
var length = array == null ? 0 : array.length;
return !!length && baseIndexOf(array, value, 0) > -1;
}
module.exports = arrayIncludes;
/***/ }),
/***/ 56369:
/***/ ((module) => {
/**
* This function is like `arrayIncludes` except that it accepts a comparator.
*
* @private
* @param {Array} [array] The array to inspect.
* @param {*} target The value to search for.
* @param {Function} comparator The comparator invoked per element.
* @returns {boolean} Returns `true` if `target` is found, else `false`.
*/
function arrayIncludesWith(array, value, comparator) {
var index = -1,
length = array == null ? 0 : array.length;
while (++index < length) {
if (comparator(value, array[index])) {
return true;
}
}
return false;
}
module.exports = arrayIncludesWith;
/***/ }),
/***/ 84832:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseTimes = __webpack_require__(19910),
isArguments = __webpack_require__(26429),
isArray = __webpack_require__(51952),
isBuffer = __webpack_require__(64767),
isIndex = __webpack_require__(33100),
isTypedArray = __webpack_require__(67519);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Creates an array of the enumerable property names of the array-like `value`.
*
* @private
* @param {*} value The value to query.
* @param {boolean} inherited Specify returning inherited property names.
* @returns {Array} Returns the array of property names.
*/
function arrayLikeKeys(value, inherited) {
var isArr = isArray(value),
isArg = !isArr && isArguments(value),
isBuff = !isArr && !isArg && isBuffer(value),
isType = !isArr && !isArg && !isBuff && isTypedArray(value),
skipIndexes = isArr || isArg || isBuff || isType,
result = skipIndexes ? baseTimes(value.length, String) : [],
length = result.length;
for (var key in value) {
if ((inherited || hasOwnProperty.call(value, key)) &&
!(skipIndexes && (
// Safari 9 has enumerable `arguments.length` in strict mode.
key == 'length' ||
// Node.js 0.10 has enumerable non-index properties on buffers.
(isBuff && (key == 'offset' || key == 'parent')) ||
// PhantomJS 2 has enumerable non-index properties on typed arrays.
(isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||
// Skip index properties.
isIndex(key, length)
))) {
result.push(key);
}
}
return result;
}
module.exports = arrayLikeKeys;
/***/ }),
/***/ 24814:
/***/ ((module) => {
/**
* A specialized version of `_.map` for arrays without support for iteratee
* shorthands.
*
* @private
* @param {Array} [array] The array to iterate over.
* @param {Function} iteratee The function invoked per iteration.
* @returns {Array} Returns the new mapped array.
*/
function arrayMap(array, iteratee) {
var index = -1,
length = array == null ? 0 : array.length,
result = Array(length);
while (++index < length) {
result[index] = iteratee(array[index], index, array);
}
return result;
}
module.exports = arrayMap;
/***/ }),
/***/ 1491:
/***/ ((module) => {
/**
* Appends the elements of `values` to `array`.
*
* @private
* @param {Array} array The array to modify.
* @param {Array} values The values to append.
* @returns {Array} Returns `array`.
*/
function arrayPush(array, values) {
var index = -1,
length = values.length,
offset = array.length;
while (++index < length) {
array[offset + index] = values[index];
}
return array;
}
module.exports = arrayPush;
/***/ }),
/***/ 84996:
/***/ ((module) => {
/**
* A specialized version of `_.reduce` for arrays without support for
* iteratee shorthands.
*
* @private
* @param {Array} [array] The array to iterate over.
* @param {Function} iteratee The function invoked per iteration.
* @param {*} [accumulator] The initial value.
* @param {boolean} [initAccum] Specify using the first element of `array` as
* the initial value.
* @returns {*} Returns the accumulated value.
*/
function arrayReduce(array, iteratee, accumulator, initAccum) {
var index = -1,
length = array == null ? 0 : array.length;
if (initAccum && length) {
accumulator = array[++index];
}
while (++index < length) {
accumulator = iteratee(accumulator, array[index], index, array);
}
return accumulator;
}
module.exports = arrayReduce;
/***/ }),
/***/ 77474:
/***/ ((module) => {
/**
* A specialized version of `_.some` for arrays without support for iteratee
* shorthands.
*
* @private
* @param {Array} [array] The array to iterate over.
* @param {Function} predicate The function invoked per iteration.
* @returns {boolean} Returns `true` if any element passes the predicate check,
* else `false`.
*/
function arraySome(array, predicate) {
var index = -1,
length = array == null ? 0 : array.length;
while (++index < length) {
if (predicate(array[index], index, array)) {
return true;
}
}
return false;
}
module.exports = arraySome;
/***/ }),
/***/ 6647:
/***/ ((module) => {
/** Used to match words composed of alphanumeric characters. */
var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
/**
* Splits an ASCII `string` into an array of its words.
*
* @private
* @param {string} The string to inspect.
* @returns {Array} Returns the words of `string`.
*/
function asciiWords(string) {
return string.match(reAsciiWord) || [];
}
module.exports = asciiWords;
/***/ }),
/***/ 77701:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseAssignValue = __webpack_require__(77233),
eq = __webpack_require__(35026);
/**
* This function is like `assignValue` except that it doesn't assign
* `undefined` values.
*
* @private
* @param {Object} object The object to modify.
* @param {string} key The key of the property to assign.
* @param {*} value The value to assign.
*/
function assignMergeValue(object, key, value) {
if ((value !== undefined && !eq(object[key], value)) ||
(value === undefined && !(key in object))) {
baseAssignValue(object, key, value);
}
}
module.exports = assignMergeValue;
/***/ }),
/***/ 73305:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseAssignValue = __webpack_require__(77233),
eq = __webpack_require__(35026);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Assigns `value` to `key` of `object` if the existing value is not equivalent
* using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
* for equality comparisons.
*
* @private
* @param {Object} object The object to modify.
* @param {string} key The key of the property to assign.
* @param {*} value The value to assign.
*/
function assignValue(object, key, value) {
var objValue = object[key];
if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||
(value === undefined && !(key in object))) {
baseAssignValue(object, key, value);
}
}
module.exports = assignValue;
/***/ }),
/***/ 21882:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var eq = __webpack_require__(35026);
/**
* Gets the index at which the `key` is found in `array` of key-value pairs.
*
* @private
* @param {Array} array The array to inspect.
* @param {*} key The key to search for.
* @returns {number} Returns the index of the matched value, else `-1`.
*/
function assocIndexOf(array, key) {
var length = array.length;
while (length--) {
if (eq(array[length][0], key)) {
return length;
}
}
return -1;
}
module.exports = assocIndexOf;
/***/ }),
/***/ 58694:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var copyObject = __webpack_require__(53927),
keys = __webpack_require__(74973);
/**
* The base implementation of `_.assign` without support for multiple sources
* or `customizer` functions.
*
* @private
* @param {Object} object The destination object.
* @param {Object} source The source object.
* @returns {Object} Returns `object`.
*/
function baseAssign(object, source) {
return object && copyObject(source, keys(source), object);
}
module.exports = baseAssign;
/***/ }),
/***/ 3448:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var copyObject = __webpack_require__(53927),
keysIn = __webpack_require__(37686);
/**
* The base implementation of `_.assignIn` without support for multiple sources
* or `customizer` functions.
*
* @private
* @param {Object} object The destination object.
* @param {Object} source The source object.
* @returns {Object} Returns `object`.
*/
function baseAssignIn(object, source) {
return object && copyObject(source, keysIn(source), object);
}
module.exports = baseAssignIn;
/***/ }),
/***/ 77233:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var defineProperty = __webpack_require__(20580);
/**
* The base implementation of `assignValue` and `assignMergeValue` without
* value checks.
*
* @private
* @param {Object} object The object to modify.
* @param {string} key The key of the property to assign.
* @param {*} value The value to assign.
*/
function baseAssignValue(object, key, value) {
if (key == '__proto__' && defineProperty) {
defineProperty(object, key, {
'configurable': true,
'enumerable': true,
'value': value,
'writable': true
});
} else {
object[key] = value;
}
}
module.exports = baseAssignValue;
/***/ }),
/***/ 6306:
/***/ ((module) => {
/**
* The base implementation of `_.clamp` which doesn't coerce arguments.
*
* @private
* @param {number} number The number to clamp.
* @param {number} [lower] The lower bound.
* @param {number} upper The upper bound.
* @returns {number} Returns the clamped number.
*/
function baseClamp(number, lower, upper) {
if (number === number) {
if (upper !== undefined) {
number = number <= upper ? number : upper;
}
if (lower !== undefined) {
number = number >= lower ? number : lower;
}
}
return number;
}
module.exports = baseClamp;
/***/ }),
/***/ 56024:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Stack = __webpack_require__(83432),
arrayEach = __webpack_require__(50151),
assignValue = __webpack_require__(73305),
baseAssign = __webpack_require__(58694),
baseAssignIn = __webpack_require__(3448),
cloneBuffer = __webpack_require__(26608),
copyArray = __webpack_require__(29485),
copySymbols = __webpack_require__(72503),
copySymbolsIn = __webpack_require__(97302),
getAllKeys = __webpack_require__(66639),
getAllKeysIn = __webpack_require__(54089),
getTag = __webpack_require__(71467),
initCloneArray = __webpack_require__(6063),
initCloneByTag = __webpack_require__(20940),
initCloneObject = __webpack_require__(98385),
isArray = __webpack_require__(51952),
isBuffer = __webpack_require__(64767),
isMap = __webpack_require__(28259),
isObject = __webpack_require__(47901),
isSet = __webpack_require__(2776),
keys = __webpack_require__(74973),
keysIn = __webpack_require__(37686);
/** Used to compose bitmasks for cloning. */
var CLONE_DEEP_FLAG = 1,
CLONE_FLAT_FLAG = 2,
CLONE_SYMBOLS_FLAG = 4;
/** `Object#toString` result references. */
var argsTag = '[object Arguments]',
arrayTag = '[object Array]',
boolTag = '[object Boolean]',
dateTag = '[object Date]',
errorTag = '[object Error]',
funcTag = '[object Function]',
genTag = '[object GeneratorFunction]',
mapTag = '[object Map]',
numberTag = '[object Number]',
objectTag = '[object Object]',
regexpTag = '[object RegExp]',
setTag = '[object Set]',
stringTag = '[object String]',
symbolTag = '[object Symbol]',
weakMapTag = '[object WeakMap]';
var arrayBufferTag = '[object ArrayBuffer]',
dataViewTag = '[object DataView]',
float32Tag = '[object Float32Array]',
float64Tag = '[object Float64Array]',
int8Tag = '[object Int8Array]',
int16Tag = '[object Int16Array]',
int32Tag = '[object Int32Array]',
uint8Tag = '[object Uint8Array]',
uint8ClampedTag = '[object Uint8ClampedArray]',
uint16Tag = '[object Uint16Array]',
uint32Tag = '[object Uint32Array]';
/** Used to identify `toStringTag` values supported by `_.clone`. */
var cloneableTags = {};
cloneableTags[argsTag] = cloneableTags[arrayTag] =
cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] =
cloneableTags[boolTag] = cloneableTags[dateTag] =
cloneableTags[float32Tag] = cloneableTags[float64Tag] =
cloneableTags[int8Tag] = cloneableTags[int16Tag] =
cloneableTags[int32Tag] = cloneableTags[mapTag] =
cloneableTags[numberTag] = cloneableTags[objectTag] =
cloneableTags[regexpTag] = cloneableTags[setTag] =
cloneableTags[stringTag] = cloneableTags[symbolTag] =
cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] =
cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
cloneableTags[errorTag] = cloneableTags[funcTag] =
cloneableTags[weakMapTag] = false;
/**
* The base implementation of `_.clone` and `_.cloneDeep` which tracks
* traversed objects.
*
* @private
* @param {*} value The value to clone.
* @param {boolean} bitmask The bitmask flags.
* 1 - Deep clone
* 2 - Flatten inherited properties
* 4 - Clone symbols
* @param {Function} [customizer] The function to customize cloning.
* @param {string} [key] The key of `value`.
* @param {Object} [object] The parent object of `value`.
* @param {Object} [stack] Tracks traversed objects and their clone counterparts.
* @returns {*} Returns the cloned value.
*/
function baseClone(value, bitmask, customizer, key, object, stack) {
var result,
isDeep = bitmask & CLONE_DEEP_FLAG,
isFlat = bitmask & CLONE_FLAT_FLAG,
isFull = bitmask & CLONE_SYMBOLS_FLAG;
if (customizer) {
result = object ? customizer(value, key, object, stack) : customizer(value);
}
if (result !== undefined) {
return result;
}
if (!isObject(value)) {
return value;
}
var isArr = isArray(value);
if (isArr) {
result = initCloneArray(value);
if (!isDeep) {
return copyArray(value, result);
}
} else {
var tag = getTag(value),
isFunc = tag == funcTag || tag == genTag;
if (isBuffer(value)) {
return cloneBuffer(value, isDeep);
}
if (tag == objectTag || tag == argsTag || (isFunc && !object)) {
result = (isFlat || isFunc) ? {} : initCloneObject(value);
if (!isDeep) {
return isFlat
? copySymbolsIn(value, baseAssignIn(result, value))
: copySymbols(value, baseAssign(result, value));
}
} else {
if (!cloneableTags[tag]) {
return object ? value : {};
}
result = initCloneByTag(value, tag, isDeep);
}
}
// Check for circular references and return its corresponding clone.
stack || (stack = new Stack);
var stacked = stack.get(value);
if (stacked) {
return stacked;
}
stack.set(value, result);
if (isSet(value)) {
value.forEach(function(subValue) {
result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
});
} else if (isMap(value)) {
value.forEach(function(subValue, key) {
result.set(key, baseClone(subValue, bitmask, customizer, key, value, stack));
});
}
var keysFunc = isFull
? (isFlat ? getAllKeysIn : getAllKeys)
: (isFlat ? keysIn : keys);
var props = isArr ? undefined : keysFunc(value);
arrayEach(props || value, function(subValue, key) {
if (props) {
key = subValue;
subValue = value[key];
}
// Recursively populate clone (susceptible to call stack limits).
assignValue(result, key, baseClone(subValue, bitmask, customizer, key, value, stack));
});
return result;
}
module.exports = baseClone;
/***/ }),
/***/ 2874:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isObject = __webpack_require__(47901);
/** Built-in value references. */
var objectCreate = Object.create;
/**
* The base implementation of `_.create` without support for assigning
* properties to the created object.
*
* @private
* @param {Object} proto The object to inherit from.
* @returns {Object} Returns the new object.
*/
var baseCreate = (function() {
function object() {}
return function(proto) {
if (!isObject(proto)) {
return {};
}
if (objectCreate) {
return objectCreate(proto);
}
object.prototype = proto;
var result = new object;
object.prototype = undefined;
return result;
};
}());
module.exports = baseCreate;
/***/ }),
/***/ 8368:
/***/ ((module) => {
/** Error message constants. */
var FUNC_ERROR_TEXT = 'Expected a function';
/**
* The base implementation of `_.delay` and `_.defer` which accepts `args`
* to provide to `func`.
*
* @private
* @param {Function} func The function to delay.
* @param {number} wait The number of milliseconds to delay invocation.
* @param {Array} args The arguments to provide to `func`.
* @returns {number|Object} Returns the timer id or timeout object.
*/
function baseDelay(func, wait, args) {
if (typeof func != 'function') {
throw new TypeError(FUNC_ERROR_TEXT);
}
return setTimeout(function() { func.apply(undefined, args); }, wait);
}
module.exports = baseDelay;
/***/ }),
/***/ 33764:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseForOwn = __webpack_require__(91739),
createBaseEach = __webpack_require__(50591);
/**
* The base implementation of `_.forEach` without support for iteratee shorthands.
*
* @private
* @param {Array|Object} collection The collection to iterate over.
* @param {Function} iteratee The function invoked per iteration.
* @returns {Array|Object} Returns `collection`.
*/
var baseEach = createBaseEach(baseForOwn);
module.exports = baseEach;
/***/ }),
/***/ 46349:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isSymbol = __webpack_require__(55448);
/**
* The base implementation of methods like `_.max` and `_.min` which accepts a
* `comparator` to determine the extremum value.
*
* @private
* @param {Array} array The array to iterate over.
* @param {Function} iteratee The iteratee invoked per iteration.
* @param {Function} comparator The comparator used to compare values.
* @returns {*} Returns the extremum value.
*/
function baseExtremum(array, iteratee, comparator) {
var index = -1,
length = array.length;
while (++index < length) {
var value = array[index],
current = iteratee(value);
if (current != null && (computed === undefined
? (current === current && !isSymbol(current))
: comparator(current, computed)
)) {
var computed = current,
result = value;
}
}
return result;
}
module.exports = baseExtremum;
/***/ }),
/***/ 18235:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseEach = __webpack_require__(33764);
/**
* The base implementation of `_.filter` without support for iteratee shorthands.
*
* @private
* @param {Array|Object} collection The collection to iterate over.
* @param {Function} predicate The function invoked per iteration.
* @returns {Array} Returns the new filtered array.
*/
function baseFilter(collection, predicate) {
var result = [];
baseEach(collection, function(value, index, collection) {
if (predicate(value, index, collection)) {
result.push(value);
}
});
return result;
}
module.exports = baseFilter;
/***/ }),
/***/ 10263:
/***/ ((module) => {
/**
* The base implementation of `_.findIndex` and `_.findLastIndex` without
* support for iteratee shorthands.
*
* @private
* @param {Array} array The array to inspect.
* @param {Function} predicate The function invoked per iteration.
* @param {number} fromIndex The index to search from.
* @param {boolean} [fromRight] Specify iterating from right to left.
* @returns {number} Returns the index of the matched value, else `-1`.
*/
function baseFindIndex(array, predicate, fromIndex, fromRight) {
var length = array.length,
index = fromIndex + (fromRight ? 1 : -1);
while ((fromRight ? index-- : ++index < length)) {
if (predicate(array[index], index, array)) {
return index;
}
}
return -1;
}
module.exports = baseFindIndex;
/***/ }),
/***/ 947:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayPush = __webpack_require__(1491),
isFlattenable = __webpack_require__(95802);
/**
* The base implementation of `_.flatten` with support for restricting flattening.
*
* @private
* @param {Array} array The array to flatten.
* @param {number} depth The maximum recursion depth.
* @param {boolean} [predicate=isFlattenable] The function invoked per iteration.
* @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.
* @param {Array} [result=[]] The initial result value.
* @returns {Array} Returns the new flattened array.
*/
function baseFlatten(array, depth, predicate, isStrict, result) {
var index = -1,
length = array.length;
predicate || (predicate = isFlattenable);
result || (result = []);
while (++index < length) {
var value = array[index];
if (depth > 0 && predicate(value)) {
if (depth > 1) {
// Recursively flatten arrays (susceptible to call stack limits).
baseFlatten(value, depth - 1, predicate, isStrict, result);
} else {
arrayPush(result, value);
}
} else if (!isStrict) {
result[result.length] = value;
}
}
return result;
}
module.exports = baseFlatten;
/***/ }),
/***/ 87739:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var createBaseFor = __webpack_require__(98279);
/**
* The base implementation of `baseForOwn` which iterates over `object`
* properties returned by `keysFunc` and invokes `iteratee` for each property.
* Iteratee functions may exit iteration early by explicitly returning `false`.
*
* @private
* @param {Object} object The object to iterate over.
* @param {Function} iteratee The function invoked per iteration.
* @param {Function} keysFunc The function to get the keys of `object`.
* @returns {Object} Returns `object`.
*/
var baseFor = createBaseFor();
module.exports = baseFor;
/***/ }),
/***/ 91739:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseFor = __webpack_require__(87739),
keys = __webpack_require__(74973);
/**
* The base implementation of `_.forOwn` without support for iteratee shorthands.
*
* @private
* @param {Object} object The object to iterate over.
* @param {Function} iteratee The function invoked per iteration.
* @returns {Object} Returns `object`.
*/
function baseForOwn(object, iteratee) {
return object && baseFor(object, iteratee, keys);
}
module.exports = baseForOwn;
/***/ }),
/***/ 81361:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var castPath = __webpack_require__(78936),
toKey = __webpack_require__(6852);
/**
* The base implementation of `_.get` without support for default values.
*
* @private
* @param {Object} object The object to query.
* @param {Array|string} path The path of the property to get.
* @returns {*} Returns the resolved value.
*/
function baseGet(object, path) {
path = castPath(path, object);
var index = 0,
length = path.length;
while (object != null && index < length) {
object = object[toKey(path[index++])];
}
return (index && index == length) ? object : undefined;
}
module.exports = baseGet;
/***/ }),
/***/ 15649:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayPush = __webpack_require__(1491),
isArray = __webpack_require__(51952);
/**
* The base implementation of `getAllKeys` and `getAllKeysIn` which uses
* `keysFunc` and `symbolsFunc` to get the enumerable property names and
* symbols of `object`.
*
* @private
* @param {Object} object The object to query.
* @param {Function} keysFunc The function to get the keys of `object`.
* @param {Function} symbolsFunc The function to get the symbols of `object`.
* @returns {Array} Returns the array of property names and symbols.
*/
function baseGetAllKeys(object, keysFunc, symbolsFunc) {
var result = keysFunc(object);
return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
}
module.exports = baseGetAllKeys;
/***/ }),
/***/ 7811:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Symbol = __webpack_require__(93383),
getRawTag = __webpack_require__(16442),
objectToString = __webpack_require__(15474);
/** `Object#toString` result references. */
var nullTag = '[object Null]',
undefinedTag = '[object Undefined]';
/** Built-in value references. */
var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
/**
* The base implementation of `getTag` without fallbacks for buggy environments.
*
* @private
* @param {*} value The value to query.
* @returns {string} Returns the `toStringTag`.
*/
function baseGetTag(value) {
if (value == null) {
return value === undefined ? undefinedTag : nullTag;
}
return (symToStringTag && symToStringTag in Object(value))
? getRawTag(value)
: objectToString(value);
}
module.exports = baseGetTag;
/***/ }),
/***/ 31198:
/***/ ((module) => {
/**
* The base implementation of `_.gt` which doesn't coerce arguments.
*
* @private
* @param {*} value The value to compare.
* @param {*} other The other value to compare.
* @returns {boolean} Returns `true` if `value` is greater than `other`,
* else `false`.
*/
function baseGt(value, other) {
return value > other;
}
module.exports = baseGt;
/***/ }),
/***/ 34904:
/***/ ((module) => {
/**
* The base implementation of `_.hasIn` without support for deep paths.
*
* @private
* @param {Object} [object] The object to query.
* @param {Array|string} key The key to check.
* @returns {boolean} Returns `true` if `key` exists, else `false`.
*/
function baseHasIn(object, key) {
return object != null && key in Object(object);
}
module.exports = baseHasIn;
/***/ }),
/***/ 44804:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseFindIndex = __webpack_require__(10263),
baseIsNaN = __webpack_require__(27065),
strictIndexOf = __webpack_require__(64591);
/**
* The base implementation of `_.indexOf` without `fromIndex` bounds checks.
*
* @private
* @param {Array} array The array to inspect.
* @param {*} value The value to search for.
* @param {number} fromIndex The index to search from.
* @returns {number} Returns the index of the matched value, else `-1`.
*/
function baseIndexOf(array, value, fromIndex) {
return value === value
? strictIndexOf(array, value, fromIndex)
: baseFindIndex(array, baseIsNaN, fromIndex);
}
module.exports = baseIndexOf;
/***/ }),
/***/ 6434:
/***/ ((module) => {
/**
* This function is like `baseIndexOf` except that it accepts a comparator.
*
* @private
* @param {Array} array The array to inspect.
* @param {*} value The value to search for.
* @param {number} fromIndex The index to search from.
* @param {Function} comparator The comparator invoked per element.
* @returns {number} Returns the index of the matched value, else `-1`.
*/
function baseIndexOfWith(array, value, fromIndex, comparator) {
var index = fromIndex - 1,
length = array.length;
while (++index < length) {
if (comparator(array[index], value)) {
return index;
}
}
return -1;
}
module.exports = baseIndexOfWith;
/***/ }),
/***/ 39014:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGetTag = __webpack_require__(7811),
isObjectLike = __webpack_require__(26617);
/** `Object#toString` result references. */
var argsTag = '[object Arguments]';
/**
* The base implementation of `_.isArguments`.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is an `arguments` object,
*/
function baseIsArguments(value) {
return isObjectLike(value) && baseGetTag(value) == argsTag;
}
module.exports = baseIsArguments;
/***/ }),
/***/ 7037:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsEqualDeep = __webpack_require__(25294),
isObjectLike = __webpack_require__(26617);
/**
* The base implementation of `_.isEqual` which supports partial comparisons
* and tracks traversed objects.
*
* @private
* @param {*} value The value to compare.
* @param {*} other The other value to compare.
* @param {boolean} bitmask The bitmask flags.
* 1 - Unordered comparison
* 2 - Partial comparison
* @param {Function} [customizer] The function to customize comparisons.
* @param {Object} [stack] Tracks traversed `value` and `other` objects.
* @returns {boolean} Returns `true` if the values are equivalent, else `false`.
*/
function baseIsEqual(value, other, bitmask, customizer, stack) {
if (value === other) {
return true;
}
if (value == null || other == null || (!isObjectLike(value) && !isObjectLike(other))) {
return value !== value && other !== other;
}
return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
}
module.exports = baseIsEqual;
/***/ }),
/***/ 25294:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Stack = __webpack_require__(83432),
equalArrays = __webpack_require__(57244),
equalByTag = __webpack_require__(73140),
equalObjects = __webpack_require__(93615),
getTag = __webpack_require__(71467),
isArray = __webpack_require__(51952),
isBuffer = __webpack_require__(64767),
isTypedArray = __webpack_require__(67519);
/** Used to compose bitmasks for value comparisons. */
var COMPARE_PARTIAL_FLAG = 1;
/** `Object#toString` result references. */
var argsTag = '[object Arguments]',
arrayTag = '[object Array]',
objectTag = '[object Object]';
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* A specialized version of `baseIsEqual` for arrays and objects which performs
* deep comparisons and tracks traversed objects enabling objects with circular
* references to be compared.
*
* @private
* @param {Object} object The object to compare.
* @param {Object} other The other object to compare.
* @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
* @param {Function} customizer The function to customize comparisons.
* @param {Function} equalFunc The function to determine equivalents of values.
* @param {Object} [stack] Tracks traversed `object` and `other` objects.
* @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
*/
function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
var objIsArr = isArray(object),
othIsArr = isArray(other),
objTag = objIsArr ? arrayTag : getTag(object),
othTag = othIsArr ? arrayTag : getTag(other);
objTag = objTag == argsTag ? objectTag : objTag;
othTag = othTag == argsTag ? objectTag : othTag;
var objIsObj = objTag == objectTag,
othIsObj = othTag == objectTag,
isSameTag = objTag == othTag;
if (isSameTag && isBuffer(object)) {
if (!isBuffer(other)) {
return false;
}
objIsArr = true;
objIsObj = false;
}
if (isSameTag && !objIsObj) {
stack || (stack = new Stack);
return (objIsArr || isTypedArray(object))
? equalArrays(object, other, bitmask, customizer, equalFunc, stack)
: equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
}
if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'),
othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__');
if (objIsWrapped || othIsWrapped) {
var objUnwrapped = objIsWrapped ? object.value() : object,
othUnwrapped = othIsWrapped ? other.value() : other;
stack || (stack = new Stack);
return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);
}
}
if (!isSameTag) {
return false;
}
stack || (stack = new Stack);
return equalObjects(object, other, bitmask, customizer, equalFunc, stack);
}
module.exports = baseIsEqualDeep;
/***/ }),
/***/ 60285:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getTag = __webpack_require__(71467),
isObjectLike = __webpack_require__(26617);
/** `Object#toString` result references. */
var mapTag = '[object Map]';
/**
* The base implementation of `_.isMap` without Node.js optimizations.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a map, else `false`.
*/
function baseIsMap(value) {
return isObjectLike(value) && getTag(value) == mapTag;
}
module.exports = baseIsMap;
/***/ }),
/***/ 9537:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Stack = __webpack_require__(83432),
baseIsEqual = __webpack_require__(7037);
/** Used to compose bitmasks for value comparisons. */
var COMPARE_PARTIAL_FLAG = 1,
COMPARE_UNORDERED_FLAG = 2;
/**
* The base implementation of `_.isMatch` without support for iteratee shorthands.
*
* @private
* @param {Object} object The object to inspect.
* @param {Object} source The object of property values to match.
* @param {Array} matchData The property names, values, and compare flags to match.
* @param {Function} [customizer] The function to customize comparisons.
* @returns {boolean} Returns `true` if `object` is a match, else `false`.
*/
function baseIsMatch(object, source, matchData, customizer) {
var index = matchData.length,
length = index,
noCustomizer = !customizer;
if (object == null) {
return !length;
}
object = Object(object);
while (index--) {
var data = matchData[index];
if ((noCustomizer && data[2])
? data[1] !== object[data[0]]
: !(data[0] in object)
) {
return false;
}
}
while (++index < length) {
data = matchData[index];
var key = data[0],
objValue = object[key],
srcValue = data[1];
if (noCustomizer && data[2]) {
if (objValue === undefined && !(key in object)) {
return false;
}
} else {
var stack = new Stack;
if (customizer) {
var result = customizer(objValue, srcValue, key, object, source, stack);
}
if (!(result === undefined
? baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG, customizer, stack)
: result
)) {
return false;
}
}
}
return true;
}
module.exports = baseIsMatch;
/***/ }),
/***/ 27065:
/***/ ((module) => {
/**
* The base implementation of `_.isNaN` without support for number objects.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
*/
function baseIsNaN(value) {
return value !== value;
}
module.exports = baseIsNaN;
/***/ }),
/***/ 22900:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isFunction = __webpack_require__(18180),
isMasked = __webpack_require__(44387),
isObject = __webpack_require__(47901),
toSource = __webpack_require__(24800);
/**
* Used to match `RegExp`
* [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
*/
var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
/** Used to detect host constructors (Safari). */
var reIsHostCtor = /^\[object .+?Constructor\]$/;
/** Used for built-in method references. */
var funcProto = Function.prototype,
objectProto = Object.prototype;
/** Used to resolve the decompiled source of functions. */
var funcToString = funcProto.toString;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/** Used to detect if a method is native. */
var reIsNative = RegExp('^' +
funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&')
.replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
);
/**
* The base implementation of `_.isNative` without bad shim checks.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a native function,
* else `false`.
*/
function baseIsNative(value) {
if (!isObject(value) || isMasked(value)) {
return false;
}
var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
return pattern.test(toSource(value));
}
module.exports = baseIsNative;
/***/ }),
/***/ 61982:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getTag = __webpack_require__(71467),
isObjectLike = __webpack_require__(26617);
/** `Object#toString` result references. */
var setTag = '[object Set]';
/**
* The base implementation of `_.isSet` without Node.js optimizations.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a set, else `false`.
*/
function baseIsSet(value) {
return isObjectLike(value) && getTag(value) == setTag;
}
module.exports = baseIsSet;
/***/ }),
/***/ 77454:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGetTag = __webpack_require__(7811),
isLength = __webpack_require__(52930),
isObjectLike = __webpack_require__(26617);
/** `Object#toString` result references. */
var argsTag = '[object Arguments]',
arrayTag = '[object Array]',
boolTag = '[object Boolean]',
dateTag = '[object Date]',
errorTag = '[object Error]',
funcTag = '[object Function]',
mapTag = '[object Map]',
numberTag = '[object Number]',
objectTag = '[object Object]',
regexpTag = '[object RegExp]',
setTag = '[object Set]',
stringTag = '[object String]',
weakMapTag = '[object WeakMap]';
var arrayBufferTag = '[object ArrayBuffer]',
dataViewTag = '[object DataView]',
float32Tag = '[object Float32Array]',
float64Tag = '[object Float64Array]',
int8Tag = '[object Int8Array]',
int16Tag = '[object Int16Array]',
int32Tag = '[object Int32Array]',
uint8Tag = '[object Uint8Array]',
uint8ClampedTag = '[object Uint8ClampedArray]',
uint16Tag = '[object Uint16Array]',
uint32Tag = '[object Uint32Array]';
/** Used to identify `toStringTag` values of typed arrays. */
var typedArrayTags = {};
typedArrayTags[float32Tag] = typedArrayTags[float64Tag] =
typedArrayTags[int8Tag] = typedArrayTags[int16Tag] =
typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =
typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =
typedArrayTags[uint32Tag] = true;
typedArrayTags[argsTag] = typedArrayTags[arrayTag] =
typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =
typedArrayTags[dataViewTag] = typedArrayTags[dateTag] =
typedArrayTags[errorTag] = typedArrayTags[funcTag] =
typedArrayTags[mapTag] = typedArrayTags[numberTag] =
typedArrayTags[objectTag] = typedArrayTags[regexpTag] =
typedArrayTags[setTag] = typedArrayTags[stringTag] =
typedArrayTags[weakMapTag] = false;
/**
* The base implementation of `_.isTypedArray` without Node.js optimizations.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
*/
function baseIsTypedArray(value) {
return isObjectLike(value) &&
isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
}
module.exports = baseIsTypedArray;
/***/ }),
/***/ 81684:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseMatches = __webpack_require__(38663),
baseMatchesProperty = __webpack_require__(89569),
identity = __webpack_require__(92916),
isArray = __webpack_require__(51952),
property = __webpack_require__(50859);
/**
* The base implementation of `_.iteratee`.
*
* @private
* @param {*} [value=_.identity] The value to convert to an iteratee.
* @returns {Function} Returns the iteratee.
*/
function baseIteratee(value) {
// Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.
// See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.
if (typeof value == 'function') {
return value;
}
if (value == null) {
return identity;
}
if (typeof value == 'object') {
return isArray(value)
? baseMatchesProperty(value[0], value[1])
: baseMatches(value);
}
return property(value);
}
module.exports = baseIteratee;
/***/ }),
/***/ 79495:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isPrototype = __webpack_require__(14989),
nativeKeys = __webpack_require__(9013);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
*
* @private
* @param {Object} object The object to query.
* @returns {Array} Returns the array of property names.
*/
function baseKeys(object) {
if (!isPrototype(object)) {
return nativeKeys(object);
}
var result = [];
for (var key in Object(object)) {
if (hasOwnProperty.call(object, key) && key != 'constructor') {
result.push(key);
}
}
return result;
}
module.exports = baseKeys;
/***/ }),
/***/ 25760:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isObject = __webpack_require__(47901),
isPrototype = __webpack_require__(14989),
nativeKeysIn = __webpack_require__(91858);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
*
* @private
* @param {Object} object The object to query.
* @returns {Array} Returns the array of property names.
*/
function baseKeysIn(object) {
if (!isObject(object)) {
return nativeKeysIn(object);
}
var isProto = isPrototype(object),
result = [];
for (var key in object) {
if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) {
result.push(key);
}
}
return result;
}
module.exports = baseKeysIn;
/***/ }),
/***/ 34950:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseEach = __webpack_require__(33764),
isArrayLike = __webpack_require__(881);
/**
* The base implementation of `_.map` without support for iteratee shorthands.
*
* @private
* @param {Array|Object} collection The collection to iterate over.
* @param {Function} iteratee The function invoked per iteration.
* @returns {Array} Returns the new mapped array.
*/
function baseMap(collection, iteratee) {
var index = -1,
result = isArrayLike(collection) ? Array(collection.length) : [];
baseEach(collection, function(value, key, collection) {
result[++index] = iteratee(value, key, collection);
});
return result;
}
module.exports = baseMap;
/***/ }),
/***/ 38663:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsMatch = __webpack_require__(9537),
getMatchData = __webpack_require__(56244),
matchesStrictComparable = __webpack_require__(73964);
/**
* The base implementation of `_.matches` which doesn't clone `source`.
*
* @private
* @param {Object} source The object of property values to match.
* @returns {Function} Returns the new spec function.
*/
function baseMatches(source) {
var matchData = getMatchData(source);
if (matchData.length == 1 && matchData[0][2]) {
return matchesStrictComparable(matchData[0][0], matchData[0][1]);
}
return function(object) {
return object === source || baseIsMatch(object, source, matchData);
};
}
module.exports = baseMatches;
/***/ }),
/***/ 89569:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsEqual = __webpack_require__(7037),
get = __webpack_require__(49288),
hasIn = __webpack_require__(845),
isKey = __webpack_require__(54320),
isStrictComparable = __webpack_require__(74102),
matchesStrictComparable = __webpack_require__(73964),
toKey = __webpack_require__(6852);
/** Used to compose bitmasks for value comparisons. */
var COMPARE_PARTIAL_FLAG = 1,
COMPARE_UNORDERED_FLAG = 2;
/**
* The base implementation of `_.matchesProperty` which doesn't clone `srcValue`.
*
* @private
* @param {string} path The path of the property to get.
* @param {*} srcValue The value to match.
* @returns {Function} Returns the new spec function.
*/
function baseMatchesProperty(path, srcValue) {
if (isKey(path) && isStrictComparable(srcValue)) {
return matchesStrictComparable(toKey(path), srcValue);
}
return function(object) {
var objValue = get(object, path);
return (objValue === undefined && objValue === srcValue)
? hasIn(object, path)
: baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
};
}
module.exports = baseMatchesProperty;
/***/ }),
/***/ 21247:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Stack = __webpack_require__(83432),
assignMergeValue = __webpack_require__(77701),
baseFor = __webpack_require__(87739),
baseMergeDeep = __webpack_require__(28984),
isObject = __webpack_require__(47901),
keysIn = __webpack_require__(37686),
safeGet = __webpack_require__(13998);
/**
* The base implementation of `_.merge` without support for multiple sources.
*
* @private
* @param {Object} object The destination object.
* @param {Object} source The source object.
* @param {number} srcIndex The index of `source`.
* @param {Function} [customizer] The function to customize merged values.
* @param {Object} [stack] Tracks traversed source values and their merged
* counterparts.
*/
function baseMerge(object, source, srcIndex, customizer, stack) {
if (object === source) {
return;
}
baseFor(source, function(srcValue, key) {
stack || (stack = new Stack);
if (isObject(srcValue)) {
baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
}
else {
var newValue = customizer
? customizer(safeGet(object, key), srcValue, (key + ''), object, source, stack)
: undefined;
if (newValue === undefined) {
newValue = srcValue;
}
assignMergeValue(object, key, newValue);
}
}, keysIn);
}
module.exports = baseMerge;
/***/ }),
/***/ 28984:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assignMergeValue = __webpack_require__(77701),
cloneBuffer = __webpack_require__(26608),
cloneTypedArray = __webpack_require__(54169),
copyArray = __webpack_require__(29485),
initCloneObject = __webpack_require__(98385),
isArguments = __webpack_require__(26429),
isArray = __webpack_require__(51952),
isArrayLikeObject = __webpack_require__(70928),
isBuffer = __webpack_require__(64767),
isFunction = __webpack_require__(18180),
isObject = __webpack_require__(47901),
isPlainObject = __webpack_require__(10900),
isTypedArray = __webpack_require__(67519),
safeGet = __webpack_require__(13998),
toPlainObject = __webpack_require__(32135);
/**
* A specialized version of `baseMerge` for arrays and objects which performs
* deep merges and tracks traversed objects enabling objects with circular
* references to be merged.
*
* @private
* @param {Object} object The destination object.
* @param {Object} source The source object.
* @param {string} key The key of the value to merge.
* @param {number} srcIndex The index of `source`.
* @param {Function} mergeFunc The function to merge values.
* @param {Function} [customizer] The function to customize assigned values.
* @param {Object} [stack] Tracks traversed source values and their merged
* counterparts.
*/
function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
var objValue = safeGet(object, key),
srcValue = safeGet(source, key),
stacked = stack.get(srcValue);
if (stacked) {
assignMergeValue(object, key, stacked);
return;
}
var newValue = customizer
? customizer(objValue, srcValue, (key + ''), object, source, stack)
: undefined;
var isCommon = newValue === undefined;
if (isCommon) {
var isArr = isArray(srcValue),
isBuff = !isArr && isBuffer(srcValue),
isTyped = !isArr && !isBuff && isTypedArray(srcValue);
newValue = srcValue;
if (isArr || isBuff || isTyped) {
if (isArray(objValue)) {
newValue = objValue;
}
else if (isArrayLikeObject(objValue)) {
newValue = copyArray(objValue);
}
else if (isBuff) {
isCommon = false;
newValue = cloneBuffer(srcValue, true);
}
else if (isTyped) {
isCommon = false;
newValue = cloneTypedArray(srcValue, true);
}
else {
newValue = [];
}
}
else if (isPlainObject(srcValue) || isArguments(srcValue)) {
newValue = objValue;
if (isArguments(objValue)) {
newValue = toPlainObject(objValue);
}
else if (!isObject(objValue) || isFunction(objValue)) {
newValue = initCloneObject(srcValue);
}
}
else {
isCommon = false;
}
}
if (isCommon) {
// Recursively merge objects and arrays (susceptible to call stack limits).
stack.set(srcValue, newValue);
mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
stack['delete'](srcValue);
}
assignMergeValue(object, key, newValue);
}
module.exports = baseMergeDeep;
/***/ }),
/***/ 53274:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayMap = __webpack_require__(24814),
baseGet = __webpack_require__(81361),
baseIteratee = __webpack_require__(81684),
baseMap = __webpack_require__(34950),
baseSortBy = __webpack_require__(40170),
baseUnary = __webpack_require__(93598),
compareMultiple = __webpack_require__(52116),
identity = __webpack_require__(92916),
isArray = __webpack_require__(51952);
/**
* The base implementation of `_.orderBy` without param guards.
*
* @private
* @param {Array|Object} collection The collection to iterate over.
* @param {Function[]|Object[]|string[]} iteratees The iteratees to sort by.
* @param {string[]} orders The sort orders of `iteratees`.
* @returns {Array} Returns the new sorted array.
*/
function baseOrderBy(collection, iteratees, orders) {
if (iteratees.length) {
iteratees = arrayMap(iteratees, function(iteratee) {
if (isArray(iteratee)) {
return function(value) {
return baseGet(value, iteratee.length === 1 ? iteratee[0] : iteratee);
}
}
return iteratee;
});
} else {
iteratees = [identity];
}
var index = -1;
iteratees = arrayMap(iteratees, baseUnary(baseIteratee));
var result = baseMap(collection, function(value, key, collection) {
var criteria = arrayMap(iteratees, function(iteratee) {
return iteratee(value);
});
return { 'criteria': criteria, 'index': ++index, 'value': value };
});
return baseSortBy(result, function(object, other) {
return compareMultiple(object, other, orders);
});
}
module.exports = baseOrderBy;
/***/ }),
/***/ 14685:
/***/ ((module) => {
/**
* The base implementation of `_.property` without support for deep paths.
*
* @private
* @param {string} key The key of the property to get.
* @returns {Function} Returns the new accessor function.
*/
function baseProperty(key) {
return function(object) {
return object == null ? undefined : object[key];
};
}
module.exports = baseProperty;
/***/ }),
/***/ 54524:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGet = __webpack_require__(81361);
/**
* A specialized version of `baseProperty` which supports deep paths.
*
* @private
* @param {Array|string} path The path of the property to get.
* @returns {Function} Returns the new accessor function.
*/
function basePropertyDeep(path) {
return function(object) {
return baseGet(object, path);
};
}
module.exports = basePropertyDeep;
/***/ }),
/***/ 93061:
/***/ ((module) => {
/**
* The base implementation of `_.propertyOf` without support for deep paths.
*
* @private
* @param {Object} object The object to query.
* @returns {Function} Returns the new accessor function.
*/
function basePropertyOf(object) {
return function(key) {
return object == null ? undefined : object[key];
};
}
module.exports = basePropertyOf;
/***/ }),
/***/ 93085:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayMap = __webpack_require__(24814),
baseIndexOf = __webpack_require__(44804),
baseIndexOfWith = __webpack_require__(6434),
baseUnary = __webpack_require__(93598),
copyArray = __webpack_require__(29485);
/** Used for built-in method references. */
var arrayProto = Array.prototype;
/** Built-in value references. */
var splice = arrayProto.splice;
/**
* The base implementation of `_.pullAllBy` without support for iteratee
* shorthands.
*
* @private
* @param {Array} array The array to modify.
* @param {Array} values The values to remove.
* @param {Function} [iteratee] The iteratee invoked per element.
* @param {Function} [comparator] The comparator invoked per element.
* @returns {Array} Returns `array`.
*/
function basePullAll(array, values, iteratee, comparator) {
var indexOf = comparator ? baseIndexOfWith : baseIndexOf,
index = -1,
length = values.length,
seen = array;
if (array === values) {
values = copyArray(values);
}
if (iteratee) {
seen = arrayMap(array, baseUnary(iteratee));
}
while (++index < length) {
var fromIndex = 0,
value = values[index],
computed = iteratee ? iteratee(value) : value;
while ((fromIndex = indexOf(seen, computed, fromIndex, comparator)) > -1) {
if (seen !== array) {
splice.call(seen, fromIndex, 1);
}
splice.call(array, fromIndex, 1);
}
}
return array;
}
module.exports = basePullAll;
/***/ }),
/***/ 63064:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseUnset = __webpack_require__(27213),
isIndex = __webpack_require__(33100);
/** Used for built-in method references. */
var arrayProto = Array.prototype;
/** Built-in value references. */
var splice = arrayProto.splice;
/**
* The base implementation of `_.pullAt` without support for individual
* indexes or capturing the removed elements.
*
* @private
* @param {Array} array The array to modify.
* @param {number[]} indexes The indexes of elements to remove.
* @returns {Array} Returns `array`.
*/
function basePullAt(array, indexes) {
var length = array ? indexes.length : 0,
lastIndex = length - 1;
while (length--) {
var index = indexes[length];
if (length == lastIndex || index !== previous) {
var previous = index;
if (isIndex(index)) {
splice.call(array, index, 1);
} else {
baseUnset(array, index);
}
}
}
return array;
}
module.exports = basePullAt;
/***/ }),
/***/ 14664:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var identity = __webpack_require__(92916),
overRest = __webpack_require__(29742),
setToString = __webpack_require__(2585);
/**
* The base implementation of `_.rest` which doesn't validate or coerce arguments.
*
* @private
* @param {Function} func The function to apply a rest parameter to.
* @param {number} [start=func.length-1] The start position of the rest parameter.
* @returns {Function} Returns the new function.
*/
function baseRest(func, start) {
return setToString(overRest(func, start, identity), func + '');
}
module.exports = baseRest;
/***/ }),
/***/ 92654:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var constant = __webpack_require__(34195),
defineProperty = __webpack_require__(20580),
identity = __webpack_require__(92916);
/**
* The base implementation of `setToString` without support for hot loop shorting.
*
* @private
* @param {Function} func The function to modify.
* @param {Function} string The `toString` result.
* @returns {Function} Returns `func`.
*/
var baseSetToString = !defineProperty ? identity : function(func, string) {
return defineProperty(func, 'toString', {
'configurable': true,
'enumerable': false,
'value': constant(string),
'writable': true
});
};
module.exports = baseSetToString;
/***/ }),
/***/ 75274:
/***/ ((module) => {
/**
* The base implementation of `_.slice` without an iteratee call guard.
*
* @private
* @param {Array} array The array to slice.
* @param {number} [start=0] The start position.
* @param {number} [end=array.length] The end position.
* @returns {Array} Returns the slice of `array`.
*/
function baseSlice(array, start, end) {
var index = -1,
length = array.length;
if (start < 0) {
start = -start > length ? 0 : (length + start);
}
end = end > length ? length : end;
if (end < 0) {
end += length;
}
length = start > end ? 0 : ((end - start) >>> 0);
start >>>= 0;
var result = Array(length);
while (++index < length) {
result[index] = array[index + start];
}
return result;
}
module.exports = baseSlice;
/***/ }),
/***/ 40170:
/***/ ((module) => {
/**
* The base implementation of `_.sortBy` which uses `comparer` to define the
* sort order of `array` and replaces criteria objects with their corresponding
* values.
*
* @private
* @param {Array} array The array to sort.
* @param {Function} comparer The function to define sort order.
* @returns {Array} Returns `array`.
*/
function baseSortBy(array, comparer) {
var length = array.length;
array.sort(comparer);
while (length--) {
array[length] = array[length].value;
}
return array;
}
module.exports = baseSortBy;
/***/ }),
/***/ 19910:
/***/ ((module) => {
/**
* The base implementation of `_.times` without support for iteratee shorthands
* or max array length checks.
*
* @private
* @param {number} n The number of times to invoke `iteratee`.
* @param {Function} iteratee The function invoked per iteration.
* @returns {Array} Returns the array of results.
*/
function baseTimes(n, iteratee) {
var index = -1,
result = Array(n);
while (++index < n) {
result[index] = iteratee(index);
}
return result;
}
module.exports = baseTimes;
/***/ }),
/***/ 72834:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Symbol = __webpack_require__(93383),
arrayMap = __webpack_require__(24814),
isArray = __webpack_require__(51952),
isSymbol = __webpack_require__(55448);
/** Used as references for various `Number` constants. */
var INFINITY = 1 / 0;
/** Used to convert symbols to primitives and strings. */
var symbolProto = Symbol ? Symbol.prototype : undefined,
symbolToString = symbolProto ? symbolProto.toString : undefined;
/**
* The base implementation of `_.toString` which doesn't convert nullish
* values to empty strings.
*
* @private
* @param {*} value The value to process.
* @returns {string} Returns the string.
*/
function baseToString(value) {
// Exit early for strings to avoid a performance hit in some environments.
if (typeof value == 'string') {
return value;
}
if (isArray(value)) {
// Recursively convert values (susceptible to call stack limits).
return arrayMap(value, baseToString) + '';
}
if (isSymbol(value)) {
return symbolToString ? symbolToString.call(value) : '';
}
var result = (value + '');
return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
}
module.exports = baseToString;
/***/ }),
/***/ 27906:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var trimmedEndIndex = __webpack_require__(1658);
/** Used to match leading whitespace. */
var reTrimStart = /^\s+/;
/**
* The base implementation of `_.trim`.
*
* @private
* @param {string} string The string to trim.
* @returns {string} Returns the trimmed string.
*/
function baseTrim(string) {
return string
? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
: string;
}
module.exports = baseTrim;
/***/ }),
/***/ 93598:
/***/ ((module) => {
/**
* The base implementation of `_.unary` without support for storing metadata.
*
* @private
* @param {Function} func The function to cap arguments for.
* @returns {Function} Returns the new capped function.
*/
function baseUnary(func) {
return function(value) {
return func(value);
};
}
module.exports = baseUnary;
/***/ }),
/***/ 89149:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var SetCache = __webpack_require__(20057),
arrayIncludes = __webpack_require__(18710),
arrayIncludesWith = __webpack_require__(56369),
cacheHas = __webpack_require__(75470),
createSet = __webpack_require__(27925),
setToArray = __webpack_require__(57251);
/** Used as the size to enable large array optimizations. */
var LARGE_ARRAY_SIZE = 200;
/**
* The base implementation of `_.uniqBy` without support for iteratee shorthands.
*
* @private
* @param {Array} array The array to inspect.
* @param {Function} [iteratee] The iteratee invoked per element.
* @param {Function} [comparator] The comparator invoked per element.
* @returns {Array} Returns the new duplicate free array.
*/
function baseUniq(array, iteratee, comparator) {
var index = -1,
includes = arrayIncludes,
length = array.length,
isCommon = true,
result = [],
seen = result;
if (comparator) {
isCommon = false;
includes = arrayIncludesWith;
}
else if (length >= LARGE_ARRAY_SIZE) {
var set = iteratee ? null : createSet(array);
if (set) {
return setToArray(set);
}
isCommon = false;
includes = cacheHas;
seen = new SetCache;
}
else {
seen = iteratee ? [] : result;
}
outer:
while (++index < length) {
var value = array[index],
computed = iteratee ? iteratee(value) : value;
value = (comparator || value !== 0) ? value : 0;
if (isCommon && computed === computed) {
var seenIndex = seen.length;
while (seenIndex--) {
if (seen[seenIndex] === computed) {
continue outer;
}
}
if (iteratee) {
seen.push(computed);
}
result.push(value);
}
else if (!includes(seen, computed, comparator)) {
if (seen !== result) {
seen.push(computed);
}
result.push(value);
}
}
return result;
}
module.exports = baseUniq;
/***/ }),
/***/ 27213:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var castPath = __webpack_require__(78936),
last = __webpack_require__(91930),
parent = __webpack_require__(29966),
toKey = __webpack_require__(6852);
/**
* The base implementation of `_.unset`.
*
* @private
* @param {Object} object The object to modify.
* @param {Array|string} path The property path to unset.
* @returns {boolean} Returns `true` if the property is deleted, else `false`.
*/
function baseUnset(object, path) {
path = castPath(path, object);
object = parent(object, path);
return object == null || delete object[toKey(last(path))];
}
module.exports = baseUnset;
/***/ }),
/***/ 75470:
/***/ ((module) => {
/**
* Checks if a `cache` value for `key` exists.
*
* @private
* @param {Object} cache The cache to query.
* @param {string} key The key of the entry to check.
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
*/
function cacheHas(cache, key) {
return cache.has(key);
}
module.exports = cacheHas;
/***/ }),
/***/ 39905:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var identity = __webpack_require__(92916);
/**
* Casts `value` to `identity` if it's not a function.
*
* @private
* @param {*} value The value to inspect.
* @returns {Function} Returns cast function.
*/
function castFunction(value) {
return typeof value == 'function' ? value : identity;
}
module.exports = castFunction;
/***/ }),
/***/ 78936:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isArray = __webpack_require__(51952),
isKey = __webpack_require__(54320),
stringToPath = __webpack_require__(22050),
toString = __webpack_require__(14649);
/**
* Casts `value` to a path array if it's not one.
*
* @private
* @param {*} value The value to inspect.
* @param {Object} [object] The object to query keys on.
* @returns {Array} Returns the cast property path array.
*/
function castPath(value, object) {
if (isArray(value)) {
return value;
}
return isKey(value, object) ? [value] : stringToPath(toString(value));
}
module.exports = castPath;
/***/ }),
/***/ 31300:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Uint8Array = __webpack_require__(33697);
/**
* Creates a clone of `arrayBuffer`.
*
* @private
* @param {ArrayBuffer} arrayBuffer The array buffer to clone.
* @returns {ArrayBuffer} Returns the cloned array buffer.
*/
function cloneArrayBuffer(arrayBuffer) {
var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
new Uint8Array(result).set(new Uint8Array(arrayBuffer));
return result;
}
module.exports = cloneArrayBuffer;
/***/ }),
/***/ 26608:
/***/ ((module, exports, __webpack_require__) => {
/* module decorator */ module = __webpack_require__.nmd(module);
var root = __webpack_require__(81295);
/** Detect free variable `exports`. */
var freeExports = true && exports && !exports.nodeType && exports;
/** Detect free variable `module`. */
var freeModule = freeExports && "object" == 'object' && module && !module.nodeType && module;
/** Detect the popular CommonJS extension `module.exports`. */
var moduleExports = freeModule && freeModule.exports === freeExports;
/** Built-in value references. */
var Buffer = moduleExports ? root.Buffer : undefined,
allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined;
/**
* Creates a clone of `buffer`.
*
* @private
* @param {Buffer} buffer The buffer to clone.
* @param {boolean} [isDeep] Specify a deep clone.
* @returns {Buffer} Returns the cloned buffer.
*/
function cloneBuffer(buffer, isDeep) {
if (isDeep) {
return buffer.slice();
}
var length = buffer.length,
result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
buffer.copy(result);
return result;
}
module.exports = cloneBuffer;
/***/ }),
/***/ 37437:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var cloneArrayBuffer = __webpack_require__(31300);
/**
* Creates a clone of `dataView`.
*
* @private
* @param {Object} dataView The data view to clone.
* @param {boolean} [isDeep] Specify a deep clone.
* @returns {Object} Returns the cloned data view.
*/
function cloneDataView(dataView, isDeep) {
var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;
return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
}
module.exports = cloneDataView;
/***/ }),
/***/ 77919:
/***/ ((module) => {
/** Used to match `RegExp` flags from their coerced string values. */
var reFlags = /\w*$/;
/**
* Creates a clone of `regexp`.
*
* @private
* @param {Object} regexp The regexp to clone.
* @returns {Object} Returns the cloned regexp.
*/
function cloneRegExp(regexp) {
var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
result.lastIndex = regexp.lastIndex;
return result;
}
module.exports = cloneRegExp;
/***/ }),
/***/ 2696:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Symbol = __webpack_require__(93383);
/** Used to convert symbols to primitives and strings. */
var symbolProto = Symbol ? Symbol.prototype : undefined,
symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;
/**
* Creates a clone of the `symbol` object.
*
* @private
* @param {Object} symbol The symbol object to clone.
* @returns {Object} Returns the cloned symbol object.
*/
function cloneSymbol(symbol) {
return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};
}
module.exports = cloneSymbol;
/***/ }),
/***/ 54169:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var cloneArrayBuffer = __webpack_require__(31300);
/**
* Creates a clone of `typedArray`.
*
* @private
* @param {Object} typedArray The typed array to clone.
* @param {boolean} [isDeep] Specify a deep clone.
* @returns {Object} Returns the cloned typed array.
*/
function cloneTypedArray(typedArray, isDeep) {
var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
}
module.exports = cloneTypedArray;
/***/ }),
/***/ 93358:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isSymbol = __webpack_require__(55448);
/**
* Compares values to sort them in ascending order.
*
* @private
* @param {*} value The value to compare.
* @param {*} other The other value to compare.
* @returns {number} Returns the sort order indicator for `value`.
*/
function compareAscending(value, other) {
if (value !== other) {
var valIsDefined = value !== undefined,
valIsNull = value === null,
valIsReflexive = value === value,
valIsSymbol = isSymbol(value);
var othIsDefined = other !== undefined,
othIsNull = other === null,
othIsReflexive = other === other,
othIsSymbol = isSymbol(other);
if ((!othIsNull && !othIsSymbol && !valIsSymbol && value > other) ||
(valIsSymbol && othIsDefined && othIsReflexive && !othIsNull && !othIsSymbol) ||
(valIsNull && othIsDefined && othIsReflexive) ||
(!valIsDefined && othIsReflexive) ||
!valIsReflexive) {
return 1;
}
if ((!valIsNull && !valIsSymbol && !othIsSymbol && value < other) ||
(othIsSymbol && valIsDefined && valIsReflexive && !valIsNull && !valIsSymbol) ||
(othIsNull && valIsDefined && valIsReflexive) ||
(!othIsDefined && valIsReflexive) ||
!othIsReflexive) {
return -1;
}
}
return 0;
}
module.exports = compareAscending;
/***/ }),
/***/ 52116:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var compareAscending = __webpack_require__(93358);
/**
* Used by `_.orderBy` to compare multiple properties of a value to another
* and stable sort them.
*
* If `orders` is unspecified, all values are sorted in ascending order. Otherwise,
* specify an order of "desc" for descending or "asc" for ascending sort order
* of corresponding values.
*
* @private
* @param {Object} object The object to compare.
* @param {Object} other The other object to compare.
* @param {boolean[]|string[]} orders The order to sort by for each property.
* @returns {number} Returns the sort order indicator for `object`.
*/
function compareMultiple(object, other, orders) {
var index = -1,
objCriteria = object.criteria,
othCriteria = other.criteria,
length = objCriteria.length,
ordersLength = orders.length;
while (++index < length) {
var result = compareAscending(objCriteria[index], othCriteria[index]);
if (result) {
if (index >= ordersLength) {
return result;
}
var order = orders[index];
return result * (order == 'desc' ? -1 : 1);
}
}
// Fixes an `Array#sort` bug in the JS engine embedded in Adobe applications
// that causes it, under certain circumstances, to provide the same value for
// `object` and `other`. See https://github.com/jashkenas/underscore/pull/1247
// for more details.
//
// This also ensures a stable sort in V8 and other engines.
// See https://bugs.chromium.org/p/v8/issues/detail?id=90 for more details.
return object.index - other.index;
}
module.exports = compareMultiple;
/***/ }),
/***/ 29485:
/***/ ((module) => {
/**
* Copies the values of `source` to `array`.
*
* @private
* @param {Array} source The array to copy values from.
* @param {Array} [array=[]] The array to copy values to.
* @returns {Array} Returns `array`.
*/
function copyArray(source, array) {
var index = -1,
length = source.length;
array || (array = Array(length));
while (++index < length) {
array[index] = source[index];
}
return array;
}
module.exports = copyArray;
/***/ }),
/***/ 53927:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assignValue = __webpack_require__(73305),
baseAssignValue = __webpack_require__(77233);
/**
* Copies properties of `source` to `object`.
*
* @private
* @param {Object} source The object to copy properties from.
* @param {Array} props The property identifiers to copy.
* @param {Object} [object={}] The object to copy properties to.
* @param {Function} [customizer] The function to customize copied values.
* @returns {Object} Returns `object`.
*/
function copyObject(source, props, object, customizer) {
var isNew = !object;
object || (object = {});
var index = -1,
length = props.length;
while (++index < length) {
var key = props[index];
var newValue = customizer
? customizer(object[key], source[key], key, object, source)
: undefined;
if (newValue === undefined) {
newValue = source[key];
}
if (isNew) {
baseAssignValue(object, key, newValue);
} else {
assignValue(object, key, newValue);
}
}
return object;
}
module.exports = copyObject;
/***/ }),
/***/ 72503:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var copyObject = __webpack_require__(53927),
getSymbols = __webpack_require__(63712);
/**
* Copies own symbols of `source` to `object`.
*
* @private
* @param {Object} source The object to copy symbols from.
* @param {Object} [object={}] The object to copy symbols to.
* @returns {Object} Returns `object`.
*/
function copySymbols(source, object) {
return copyObject(source, getSymbols(source), object);
}
module.exports = copySymbols;
/***/ }),
/***/ 97302:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var copyObject = __webpack_require__(53927),
getSymbolsIn = __webpack_require__(38348);
/**
* Copies own and inherited symbols of `source` to `object`.
*
* @private
* @param {Object} source The object to copy symbols from.
* @param {Object} [object={}] The object to copy symbols to.
* @returns {Object} Returns `object`.
*/
function copySymbolsIn(source, object) {
return copyObject(source, getSymbolsIn(source), object);
}
module.exports = copySymbolsIn;
/***/ }),
/***/ 13533:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var root = __webpack_require__(81295);
/** Used to detect overreaching core-js shims. */
var coreJsData = root['__core-js_shared__'];
module.exports = coreJsData;
/***/ }),
/***/ 63805:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseRest = __webpack_require__(14664),
isIterateeCall = __webpack_require__(12602);
/**
* Creates a function like `_.assign`.
*
* @private
* @param {Function} assigner The function to assign values.
* @returns {Function} Returns the new assigner function.
*/
function createAssigner(assigner) {
return baseRest(function(object, sources) {
var index = -1,
length = sources.length,
customizer = length > 1 ? sources[length - 1] : undefined,
guard = length > 2 ? sources[2] : undefined;
customizer = (assigner.length > 3 && typeof customizer == 'function')
? (length--, customizer)
: undefined;
if (guard && isIterateeCall(sources[0], sources[1], guard)) {
customizer = length < 3 ? undefined : customizer;
length = 1;
}
object = Object(object);
while (++index < length) {
var source = sources[index];
if (source) {
assigner(object, source, index, customizer);
}
}
return object;
});
}
module.exports = createAssigner;
/***/ }),
/***/ 50591:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isArrayLike = __webpack_require__(881);
/**
* Creates a `baseEach` or `baseEachRight` function.
*
* @private
* @param {Function} eachFunc The function to iterate over a collection.
* @param {boolean} [fromRight] Specify iterating from right to left.
* @returns {Function} Returns the new base function.
*/
function createBaseEach(eachFunc, fromRight) {
return function(collection, iteratee) {
if (collection == null) {
return collection;
}
if (!isArrayLike(collection)) {
return eachFunc(collection, iteratee);
}
var length = collection.length,
index = fromRight ? length : -1,
iterable = Object(collection);
while ((fromRight ? index-- : ++index < length)) {
if (iteratee(iterable[index], index, iterable) === false) {
break;
}
}
return collection;
};
}
module.exports = createBaseEach;
/***/ }),
/***/ 98279:
/***/ ((module) => {
/**
* Creates a base function for methods like `_.forIn` and `_.forOwn`.
*
* @private
* @param {boolean} [fromRight] Specify iterating from right to left.
* @returns {Function} Returns the new base function.
*/
function createBaseFor(fromRight) {
return function(object, iteratee, keysFunc) {
var index = -1,
iterable = Object(object),
props = keysFunc(object),
length = props.length;
while (length--) {
var key = props[fromRight ? length : ++index];
if (iteratee(iterable[key], key, iterable) === false) {
break;
}
}
return object;
};
}
module.exports = createBaseFor;
/***/ }),
/***/ 51656:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayReduce = __webpack_require__(84996),
deburr = __webpack_require__(80105),
words = __webpack_require__(80622);
/** Used to compose unicode capture groups. */
var rsApos = "['\u2019]";
/** Used to match apostrophes. */
var reApos = RegExp(rsApos, 'g');
/**
* Creates a function like `_.camelCase`.
*
* @private
* @param {Function} callback The function to combine each word.
* @returns {Function} Returns the new compounder function.
*/
function createCompounder(callback) {
return function(string) {
return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');
};
}
module.exports = createCompounder;
/***/ }),
/***/ 64576:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIteratee = __webpack_require__(81684),
isArrayLike = __webpack_require__(881),
keys = __webpack_require__(74973);
/**
* Creates a `_.find` or `_.findLast` function.
*
* @private
* @param {Function} findIndexFunc The function to find the collection index.
* @returns {Function} Returns the new find function.
*/
function createFind(findIndexFunc) {
return function(collection, predicate, fromIndex) {
var iterable = Object(collection);
if (!isArrayLike(collection)) {
var iteratee = baseIteratee(predicate, 3);
collection = keys(collection);
predicate = function(key) { return iteratee(iterable[key], key, iterable); };
}
var index = findIndexFunc(collection, predicate, fromIndex);
return index > -1 ? iterable[iteratee ? collection[index] : index] : undefined;
};
}
module.exports = createFind;
/***/ }),
/***/ 27925:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Set = __webpack_require__(50530),
noop = __webpack_require__(31381),
setToArray = __webpack_require__(57251);
/** Used as references for various `Number` constants. */
var INFINITY = 1 / 0;
/**
* Creates a set object of `values`.
*
* @private
* @param {Array} values The values to add to the set.
* @returns {Object} Returns the new set.
*/
var createSet = !(Set && (1 / setToArray(new Set([,-0]))[1]) == INFINITY) ? noop : function(values) {
return new Set(values);
};
module.exports = createSet;
/***/ }),
/***/ 89680:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isPlainObject = __webpack_require__(10900);
/**
* Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain
* objects.
*
* @private
* @param {*} value The value to inspect.
* @param {string} key The key of the property to inspect.
* @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`.
*/
function customOmitClone(value) {
return isPlainObject(value) ? undefined : value;
}
module.exports = customOmitClone;
/***/ }),
/***/ 7222:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var basePropertyOf = __webpack_require__(93061);
/** Used to map Latin Unicode letters to basic Latin letters. */
var deburredLetters = {
// Latin-1 Supplement block.
'\xc0': 'A', '\xc1': 'A', '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A',
'\xe0': 'a', '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a',
'\xc7': 'C', '\xe7': 'c',
'\xd0': 'D', '\xf0': 'd',
'\xc8': 'E', '\xc9': 'E', '\xca': 'E', '\xcb': 'E',
'\xe8': 'e', '\xe9': 'e', '\xea': 'e', '\xeb': 'e',
'\xcc': 'I', '\xcd': 'I', '\xce': 'I', '\xcf': 'I',
'\xec': 'i', '\xed': 'i', '\xee': 'i', '\xef': 'i',
'\xd1': 'N', '\xf1': 'n',
'\xd2': 'O', '\xd3': 'O', '\xd4': 'O', '\xd5': 'O', '\xd6': 'O', '\xd8': 'O',
'\xf2': 'o', '\xf3': 'o', '\xf4': 'o', '\xf5': 'o', '\xf6': 'o', '\xf8': 'o',
'\xd9': 'U', '\xda': 'U', '\xdb': 'U', '\xdc': 'U',
'\xf9': 'u', '\xfa': 'u', '\xfb': 'u', '\xfc': 'u',
'\xdd': 'Y', '\xfd': 'y', '\xff': 'y',
'\xc6': 'Ae', '\xe6': 'ae',
'\xde': 'Th', '\xfe': 'th',
'\xdf': 'ss',
// Latin Extended-A block.
'\u0100': 'A', '\u0102': 'A', '\u0104': 'A',
'\u0101': 'a', '\u0103': 'a', '\u0105': 'a',
'\u0106': 'C', '\u0108': 'C', '\u010a': 'C', '\u010c': 'C',
'\u0107': 'c', '\u0109': 'c', '\u010b': 'c', '\u010d': 'c',
'\u010e': 'D', '\u0110': 'D', '\u010f': 'd', '\u0111': 'd',
'\u0112': 'E', '\u0114': 'E', '\u0116': 'E', '\u0118': 'E', '\u011a': 'E',
'\u0113': 'e', '\u0115': 'e', '\u0117': 'e', '\u0119': 'e', '\u011b': 'e',
'\u011c': 'G', '\u011e': 'G', '\u0120': 'G', '\u0122': 'G',
'\u011d': 'g', '\u011f': 'g', '\u0121': 'g', '\u0123': 'g',
'\u0124': 'H', '\u0126': 'H', '\u0125': 'h', '\u0127': 'h',
'\u0128': 'I', '\u012a': 'I', '\u012c': 'I', '\u012e': 'I', '\u0130': 'I',
'\u0129': 'i', '\u012b': 'i', '\u012d': 'i', '\u012f': 'i', '\u0131': 'i',
'\u0134': 'J', '\u0135': 'j',
'\u0136': 'K', '\u0137': 'k', '\u0138': 'k',
'\u0139': 'L', '\u013b': 'L', '\u013d': 'L', '\u013f': 'L', '\u0141': 'L',
'\u013a': 'l', '\u013c': 'l', '\u013e': 'l', '\u0140': 'l', '\u0142': 'l',
'\u0143': 'N', '\u0145': 'N', '\u0147': 'N', '\u014a': 'N',
'\u0144': 'n', '\u0146': 'n', '\u0148': 'n', '\u014b': 'n',
'\u014c': 'O', '\u014e': 'O', '\u0150': 'O',
'\u014d': 'o', '\u014f': 'o', '\u0151': 'o',
'\u0154': 'R', '\u0156': 'R', '\u0158': 'R',
'\u0155': 'r', '\u0157': 'r', '\u0159': 'r',
'\u015a': 'S', '\u015c': 'S', '\u015e': 'S', '\u0160': 'S',
'\u015b': 's', '\u015d': 's', '\u015f': 's', '\u0161': 's',
'\u0162': 'T', '\u0164': 'T', '\u0166': 'T',
'\u0163': 't', '\u0165': 't', '\u0167': 't',
'\u0168': 'U', '\u016a': 'U', '\u016c': 'U', '\u016e': 'U', '\u0170': 'U', '\u0172': 'U',
'\u0169': 'u', '\u016b': 'u', '\u016d': 'u', '\u016f': 'u', '\u0171': 'u', '\u0173': 'u',
'\u0174': 'W', '\u0175': 'w',
'\u0176': 'Y', '\u0177': 'y', '\u0178': 'Y',
'\u0179': 'Z', '\u017b': 'Z', '\u017d': 'Z',
'\u017a': 'z', '\u017c': 'z', '\u017e': 'z',
'\u0132': 'IJ', '\u0133': 'ij',
'\u0152': 'Oe', '\u0153': 'oe',
'\u0149': "'n", '\u017f': 's'
};
/**
* Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
* letters to basic Latin letters.
*
* @private
* @param {string} letter The matched letter to deburr.
* @returns {string} Returns the deburred letter.
*/
var deburrLetter = basePropertyOf(deburredLetters);
module.exports = deburrLetter;
/***/ }),
/***/ 20580:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getNative = __webpack_require__(47961);
var defineProperty = (function() {
try {
var func = getNative(Object, 'defineProperty');
func({}, '', {});
return func;
} catch (e) {}
}());
module.exports = defineProperty;
/***/ }),
/***/ 57244:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var SetCache = __webpack_require__(20057),
arraySome = __webpack_require__(77474),
cacheHas = __webpack_require__(75470);
/** Used to compose bitmasks for value comparisons. */
var COMPARE_PARTIAL_FLAG = 1,
COMPARE_UNORDERED_FLAG = 2;
/**
* A specialized version of `baseIsEqualDeep` for arrays with support for
* partial deep comparisons.
*
* @private
* @param {Array} array The array to compare.
* @param {Array} other The other array to compare.
* @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
* @param {Function} customizer The function to customize comparisons.
* @param {Function} equalFunc The function to determine equivalents of values.
* @param {Object} stack Tracks traversed `array` and `other` objects.
* @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.
*/
function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
var isPartial = bitmask & COMPARE_PARTIAL_FLAG,
arrLength = array.length,
othLength = other.length;
if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
return false;
}
// Check that cyclic values are equal.
var arrStacked = stack.get(array);
var othStacked = stack.get(other);
if (arrStacked && othStacked) {
return arrStacked == other && othStacked == array;
}
var index = -1,
result = true,
seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new SetCache : undefined;
stack.set(array, other);
stack.set(other, array);
// Ignore non-index properties.
while (++index < arrLength) {
var arrValue = array[index],
othValue = other[index];
if (customizer) {
var compared = isPartial
? customizer(othValue, arrValue, index, other, array, stack)
: customizer(arrValue, othValue, index, array, other, stack);
}
if (compared !== undefined) {
if (compared) {
continue;
}
result = false;
break;
}
// Recursively compare arrays (susceptible to call stack limits).
if (seen) {
if (!arraySome(other, function(othValue, othIndex) {
if (!cacheHas(seen, othIndex) &&
(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
return seen.push(othIndex);
}
})) {
result = false;
break;
}
} else if (!(
arrValue === othValue ||
equalFunc(arrValue, othValue, bitmask, customizer, stack)
)) {
result = false;
break;
}
}
stack['delete'](array);
stack['delete'](other);
return result;
}
module.exports = equalArrays;
/***/ }),
/***/ 73140:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Symbol = __webpack_require__(93383),
Uint8Array = __webpack_require__(33697),
eq = __webpack_require__(35026),
equalArrays = __webpack_require__(57244),
mapToArray = __webpack_require__(62355),
setToArray = __webpack_require__(57251);
/** Used to compose bitmasks for value comparisons. */
var COMPARE_PARTIAL_FLAG = 1,
COMPARE_UNORDERED_FLAG = 2;
/** `Object#toString` result references. */
var boolTag = '[object Boolean]',
dateTag = '[object Date]',
errorTag = '[object Error]',
mapTag = '[object Map]',
numberTag = '[object Number]',
regexpTag = '[object RegExp]',
setTag = '[object Set]',
stringTag = '[object String]',
symbolTag = '[object Symbol]';
var arrayBufferTag = '[object ArrayBuffer]',
dataViewTag = '[object DataView]';
/** Used to convert symbols to primitives and strings. */
var symbolProto = Symbol ? Symbol.prototype : undefined,
symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;
/**
* A specialized version of `baseIsEqualDeep` for comparing objects of
* the same `toStringTag`.
*
* **Note:** This function only supports comparing values with tags of
* `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.
*
* @private
* @param {Object} object The object to compare.
* @param {Object} other The other object to compare.
* @param {string} tag The `toStringTag` of the objects to compare.
* @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
* @param {Function} customizer The function to customize comparisons.
* @param {Function} equalFunc The function to determine equivalents of values.
* @param {Object} stack Tracks traversed `object` and `other` objects.
* @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
*/
function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
switch (tag) {
case dataViewTag:
if ((object.byteLength != other.byteLength) ||
(object.byteOffset != other.byteOffset)) {
return false;
}
object = object.buffer;
other = other.buffer;
case arrayBufferTag:
if ((object.byteLength != other.byteLength) ||
!equalFunc(new Uint8Array(object), new Uint8Array(other))) {
return false;
}
return true;
case boolTag:
case dateTag:
case numberTag:
// Coerce booleans to `1` or `0` and dates to milliseconds.
// Invalid dates are coerced to `NaN`.
return eq(+object, +other);
case errorTag:
return object.name == other.name && object.message == other.message;
case regexpTag:
case stringTag:
// Coerce regexes to strings and treat strings, primitives and objects,
// as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring
// for more details.
return object == (other + '');
case mapTag:
var convert = mapToArray;
case setTag:
var isPartial = bitmask & COMPARE_PARTIAL_FLAG;
convert || (convert = setToArray);
if (object.size != other.size && !isPartial) {
return false;
}
// Assume cyclic values are equal.
var stacked = stack.get(object);
if (stacked) {
return stacked == other;
}
bitmask |= COMPARE_UNORDERED_FLAG;
// Recursively compare objects (susceptible to call stack limits).
stack.set(object, other);
var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack);
stack['delete'](object);
return result;
case symbolTag:
if (symbolValueOf) {
return symbolValueOf.call(object) == symbolValueOf.call(other);
}
}
return false;
}
module.exports = equalByTag;
/***/ }),
/***/ 93615:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getAllKeys = __webpack_require__(66639);
/** Used to compose bitmasks for value comparisons. */
var COMPARE_PARTIAL_FLAG = 1;
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* A specialized version of `baseIsEqualDeep` for objects with support for
* partial deep comparisons.
*
* @private
* @param {Object} object The object to compare.
* @param {Object} other The other object to compare.
* @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
* @param {Function} customizer The function to customize comparisons.
* @param {Function} equalFunc The function to determine equivalents of values.
* @param {Object} stack Tracks traversed `object` and `other` objects.
* @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
*/
function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
var isPartial = bitmask & COMPARE_PARTIAL_FLAG,
objProps = getAllKeys(object),
objLength = objProps.length,
othProps = getAllKeys(other),
othLength = othProps.length;
if (objLength != othLength && !isPartial) {
return false;
}
var index = objLength;
while (index--) {
var key = objProps[index];
if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) {
return false;
}
}
// Check that cyclic values are equal.
var objStacked = stack.get(object);
var othStacked = stack.get(other);
if (objStacked && othStacked) {
return objStacked == other && othStacked == object;
}
var result = true;
stack.set(object, other);
stack.set(other, object);
var skipCtor = isPartial;
while (++index < objLength) {
key = objProps[index];
var objValue = object[key],
othValue = other[key];
if (customizer) {
var compared = isPartial
? customizer(othValue, objValue, key, other, object, stack)
: customizer(objValue, othValue, key, object, other, stack);
}
// Recursively compare objects (susceptible to call stack limits).
if (!(compared === undefined
? (objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack))
: compared
)) {
result = false;
break;
}
skipCtor || (skipCtor = key == 'constructor');
}
if (result && !skipCtor) {
var objCtor = object.constructor,
othCtor = other.constructor;
// Non `Object` object instances with different constructors are not equal.
if (objCtor != othCtor &&
('constructor' in object && 'constructor' in other) &&
!(typeof objCtor == 'function' && objCtor instanceof objCtor &&
typeof othCtor == 'function' && othCtor instanceof othCtor)) {
result = false;
}
}
stack['delete'](object);
stack['delete'](other);
return result;
}
module.exports = equalObjects;
/***/ }),
/***/ 96439:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var flatten = __webpack_require__(65123),
overRest = __webpack_require__(29742),
setToString = __webpack_require__(2585);
/**
* A specialized version of `baseRest` which flattens the rest array.
*
* @private
* @param {Function} func The function to apply a rest parameter to.
* @returns {Function} Returns the new function.
*/
function flatRest(func) {
return setToString(overRest(func, undefined, flatten), func + '');
}
module.exports = flatRest;
/***/ }),
/***/ 64933:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
/** Detect free variable `global` from Node.js. */
var freeGlobal = typeof __webpack_require__.g == 'object' && __webpack_require__.g && __webpack_require__.g.Object === Object && __webpack_require__.g;
module.exports = freeGlobal;
/***/ }),
/***/ 66639:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGetAllKeys = __webpack_require__(15649),
getSymbols = __webpack_require__(63712),
keys = __webpack_require__(74973);
/**
* Creates an array of own enumerable property names and symbols of `object`.
*
* @private
* @param {Object} object The object to query.
* @returns {Array} Returns the array of property names and symbols.
*/
function getAllKeys(object) {
return baseGetAllKeys(object, keys, getSymbols);
}
module.exports = getAllKeys;
/***/ }),
/***/ 54089:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGetAllKeys = __webpack_require__(15649),
getSymbolsIn = __webpack_require__(38348),
keysIn = __webpack_require__(37686);
/**
* Creates an array of own and inherited enumerable property names and
* symbols of `object`.
*
* @private
* @param {Object} object The object to query.
* @returns {Array} Returns the array of property names and symbols.
*/
function getAllKeysIn(object) {
return baseGetAllKeys(object, keysIn, getSymbolsIn);
}
module.exports = getAllKeysIn;
/***/ }),
/***/ 84535:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isKeyable = __webpack_require__(58638);
/**
* Gets the data for `map`.
*
* @private
* @param {Object} map The map to query.
* @param {string} key The reference key.
* @returns {*} Returns the map data.
*/
function getMapData(map, key) {
var data = map.__data__;
return isKeyable(key)
? data[typeof key == 'string' ? 'string' : 'hash']
: data.map;
}
module.exports = getMapData;
/***/ }),
/***/ 56244:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isStrictComparable = __webpack_require__(74102),
keys = __webpack_require__(74973);
/**
* Gets the property names, values, and compare flags of `object`.
*
* @private
* @param {Object} object The object to query.
* @returns {Array} Returns the match data of `object`.
*/
function getMatchData(object) {
var result = keys(object),
length = result.length;
while (length--) {
var key = result[length],
value = object[key];
result[length] = [key, value, isStrictComparable(value)];
}
return result;
}
module.exports = getMatchData;
/***/ }),
/***/ 47961:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsNative = __webpack_require__(22900),
getValue = __webpack_require__(39194);
/**
* Gets the native function at `key` of `object`.
*
* @private
* @param {Object} object The object to query.
* @param {string} key The key of the method to get.
* @returns {*} Returns the function if it's native, else `undefined`.
*/
function getNative(object, key) {
var value = getValue(object, key);
return baseIsNative(value) ? value : undefined;
}
module.exports = getNative;
/***/ }),
/***/ 10100:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var overArg = __webpack_require__(36449);
/** Built-in value references. */
var getPrototype = overArg(Object.getPrototypeOf, Object);
module.exports = getPrototype;
/***/ }),
/***/ 16442:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Symbol = __webpack_require__(93383);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Used to resolve the
* [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
* of values.
*/
var nativeObjectToString = objectProto.toString;
/** Built-in value references. */
var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
/**
* A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
*
* @private
* @param {*} value The value to query.
* @returns {string} Returns the raw `toStringTag`.
*/
function getRawTag(value) {
var isOwn = hasOwnProperty.call(value, symToStringTag),
tag = value[symToStringTag];
try {
value[symToStringTag] = undefined;
var unmasked = true;
} catch (e) {}
var result = nativeObjectToString.call(value);
if (unmasked) {
if (isOwn) {
value[symToStringTag] = tag;
} else {
delete value[symToStringTag];
}
}
return result;
}
module.exports = getRawTag;
/***/ }),
/***/ 63712:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayFilter = __webpack_require__(70872),
stubArray = __webpack_require__(35032);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Built-in value references. */
var propertyIsEnumerable = objectProto.propertyIsEnumerable;
/* Built-in method references for those with the same name as other `lodash` methods. */
var nativeGetSymbols = Object.getOwnPropertySymbols;
/**
* Creates an array of the own enumerable symbols of `object`.
*
* @private
* @param {Object} object The object to query.
* @returns {Array} Returns the array of symbols.
*/
var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
if (object == null) {
return [];
}
object = Object(object);
return arrayFilter(nativeGetSymbols(object), function(symbol) {
return propertyIsEnumerable.call(object, symbol);
});
};
module.exports = getSymbols;
/***/ }),
/***/ 38348:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayPush = __webpack_require__(1491),
getPrototype = __webpack_require__(10100),
getSymbols = __webpack_require__(63712),
stubArray = __webpack_require__(35032);
/* Built-in method references for those with the same name as other `lodash` methods. */
var nativeGetSymbols = Object.getOwnPropertySymbols;
/**
* Creates an array of the own and inherited enumerable symbols of `object`.
*
* @private
* @param {Object} object The object to query.
* @returns {Array} Returns the array of symbols.
*/
var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
var result = [];
while (object) {
arrayPush(result, getSymbols(object));
object = getPrototype(object);
}
return result;
};
module.exports = getSymbolsIn;
/***/ }),
/***/ 71467:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var DataView = __webpack_require__(53497),
Map = __webpack_require__(15363),
Promise = __webpack_require__(50055),
Set = __webpack_require__(50530),
WeakMap = __webpack_require__(15578),
baseGetTag = __webpack_require__(7811),
toSource = __webpack_require__(24800);
/** `Object#toString` result references. */
var mapTag = '[object Map]',
objectTag = '[object Object]',
promiseTag = '[object Promise]',
setTag = '[object Set]',
weakMapTag = '[object WeakMap]';
var dataViewTag = '[object DataView]';
/** Used to detect maps, sets, and weakmaps. */
var dataViewCtorString = toSource(DataView),
mapCtorString = toSource(Map),
promiseCtorString = toSource(Promise),
setCtorString = toSource(Set),
weakMapCtorString = toSource(WeakMap);
/**
* Gets the `toStringTag` of `value`.
*
* @private
* @param {*} value The value to query.
* @returns {string} Returns the `toStringTag`.
*/
var getTag = baseGetTag;
// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||
(Map && getTag(new Map) != mapTag) ||
(Promise && getTag(Promise.resolve()) != promiseTag) ||
(Set && getTag(new Set) != setTag) ||
(WeakMap && getTag(new WeakMap) != weakMapTag)) {
getTag = function(value) {
var result = baseGetTag(value),
Ctor = result == objectTag ? value.constructor : undefined,
ctorString = Ctor ? toSource(Ctor) : '';
if (ctorString) {
switch (ctorString) {
case dataViewCtorString: return dataViewTag;
case mapCtorString: return mapTag;
case promiseCtorString: return promiseTag;
case setCtorString: return setTag;
case weakMapCtorString: return weakMapTag;
}
}
return result;
};
}
module.exports = getTag;
/***/ }),
/***/ 39194:
/***/ ((module) => {
/**
* Gets the value at `key` of `object`.
*
* @private
* @param {Object} [object] The object to query.
* @param {string} key The key of the property to get.
* @returns {*} Returns the property value.
*/
function getValue(object, key) {
return object == null ? undefined : object[key];
}
module.exports = getValue;
/***/ }),
/***/ 57807:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var castPath = __webpack_require__(78936),
isArguments = __webpack_require__(26429),
isArray = __webpack_require__(51952),
isIndex = __webpack_require__(33100),
isLength = __webpack_require__(52930),
toKey = __webpack_require__(6852);
/**
* Checks if `path` exists on `object`.
*
* @private
* @param {Object} object The object to query.
* @param {Array|string} path The path to check.
* @param {Function} hasFunc The function to check properties.
* @returns {boolean} Returns `true` if `path` exists, else `false`.
*/
function hasPath(object, path, hasFunc) {
path = castPath(path, object);
var index = -1,
length = path.length,
result = false;
while (++index < length) {
var key = toKey(path[index]);
if (!(result = object != null && hasFunc(object, key))) {
break;
}
object = object[key];
}
if (result || ++index != length) {
return result;
}
length = object == null ? 0 : object.length;
return !!length && isLength(length) && isIndex(key, length) &&
(isArray(object) || isArguments(object));
}
module.exports = hasPath;
/***/ }),
/***/ 40274:
/***/ ((module) => {
/** Used to detect strings that need a more robust regexp to match words. */
var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
/**
* Checks if `string` contains a word composed of Unicode symbols.
*
* @private
* @param {string} string The string to inspect.
* @returns {boolean} Returns `true` if a word is found, else `false`.
*/
function hasUnicodeWord(string) {
return reHasUnicodeWord.test(string);
}
module.exports = hasUnicodeWord;
/***/ }),
/***/ 12321:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var nativeCreate = __webpack_require__(1895);
/**
* Removes all key-value entries from the hash.
*
* @private
* @name clear
* @memberOf Hash
*/
function hashClear() {
this.__data__ = nativeCreate ? nativeCreate(null) : {};
this.size = 0;
}
module.exports = hashClear;
/***/ }),
/***/ 80944:
/***/ ((module) => {
/**
* Removes `key` and its value from the hash.
*
* @private
* @name delete
* @memberOf Hash
* @param {Object} hash The hash to modify.
* @param {string} key The key of the value to remove.
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
*/
function hashDelete(key) {
var result = this.has(key) && delete this.__data__[key];
this.size -= result ? 1 : 0;
return result;
}
module.exports = hashDelete;
/***/ }),
/***/ 67180:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var nativeCreate = __webpack_require__(1895);
/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED = '__lodash_hash_undefined__';
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Gets the hash value for `key`.
*
* @private
* @name get
* @memberOf Hash
* @param {string} key The key of the value to get.
* @returns {*} Returns the entry value.
*/
function hashGet(key) {
var data = this.__data__;
if (nativeCreate) {
var result = data[key];
return result === HASH_UNDEFINED ? undefined : result;
}
return hasOwnProperty.call(data, key) ? data[key] : undefined;
}
module.exports = hashGet;
/***/ }),
/***/ 37518:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var nativeCreate = __webpack_require__(1895);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Checks if a hash value for `key` exists.
*
* @private
* @name has
* @memberOf Hash
* @param {string} key The key of the entry to check.
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
*/
function hashHas(key) {
var data = this.__data__;
return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);
}
module.exports = hashHas;
/***/ }),
/***/ 42397:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var nativeCreate = __webpack_require__(1895);
/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED = '__lodash_hash_undefined__';
/**
* Sets the hash `key` to `value`.
*
* @private
* @name set
* @memberOf Hash
* @param {string} key The key of the value to set.
* @param {*} value The value to set.
* @returns {Object} Returns the hash instance.
*/
function hashSet(key, value) {
var data = this.__data__;
this.size += this.has(key) ? 0 : 1;
data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
return this;
}
module.exports = hashSet;
/***/ }),
/***/ 6063:
/***/ ((module) => {
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Initializes an array clone.
*
* @private
* @param {Array} array The array to clone.
* @returns {Array} Returns the initialized clone.
*/
function initCloneArray(array) {
var length = array.length,
result = new array.constructor(length);
// Add properties assigned by `RegExp#exec`.
if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) {
result.index = array.index;
result.input = array.input;
}
return result;
}
module.exports = initCloneArray;
/***/ }),
/***/ 20940:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var cloneArrayBuffer = __webpack_require__(31300),
cloneDataView = __webpack_require__(37437),
cloneRegExp = __webpack_require__(77919),
cloneSymbol = __webpack_require__(2696),
cloneTypedArray = __webpack_require__(54169);
/** `Object#toString` result references. */
var boolTag = '[object Boolean]',
dateTag = '[object Date]',
mapTag = '[object Map]',
numberTag = '[object Number]',
regexpTag = '[object RegExp]',
setTag = '[object Set]',
stringTag = '[object String]',
symbolTag = '[object Symbol]';
var arrayBufferTag = '[object ArrayBuffer]',
dataViewTag = '[object DataView]',
float32Tag = '[object Float32Array]',
float64Tag = '[object Float64Array]',
int8Tag = '[object Int8Array]',
int16Tag = '[object Int16Array]',
int32Tag = '[object Int32Array]',
uint8Tag = '[object Uint8Array]',
uint8ClampedTag = '[object Uint8ClampedArray]',
uint16Tag = '[object Uint16Array]',
uint32Tag = '[object Uint32Array]';
/**
* Initializes an object clone based on its `toStringTag`.
*
* **Note:** This function only supports cloning values with tags of
* `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`.
*
* @private
* @param {Object} object The object to clone.
* @param {string} tag The `toStringTag` of the object to clone.
* @param {boolean} [isDeep] Specify a deep clone.
* @returns {Object} Returns the initialized clone.
*/
function initCloneByTag(object, tag, isDeep) {
var Ctor = object.constructor;
switch (tag) {
case arrayBufferTag:
return cloneArrayBuffer(object);
case boolTag:
case dateTag:
return new Ctor(+object);
case dataViewTag:
return cloneDataView(object, isDeep);
case float32Tag: case float64Tag:
case int8Tag: case int16Tag: case int32Tag:
case uint8Tag: case uint8ClampedTag: case uint16Tag: case uint32Tag:
return cloneTypedArray(object, isDeep);
case mapTag:
return new Ctor;
case numberTag:
case stringTag:
return new Ctor(object);
case regexpTag:
return cloneRegExp(object);
case setTag:
return new Ctor;
case symbolTag:
return cloneSymbol(object);
}
}
module.exports = initCloneByTag;
/***/ }),
/***/ 98385:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseCreate = __webpack_require__(2874),
getPrototype = __webpack_require__(10100),
isPrototype = __webpack_require__(14989);
/**
* Initializes an object clone.
*
* @private
* @param {Object} object The object to clone.
* @returns {Object} Returns the initialized clone.
*/
function initCloneObject(object) {
return (typeof object.constructor == 'function' && !isPrototype(object))
? baseCreate(getPrototype(object))
: {};
}
module.exports = initCloneObject;
/***/ }),
/***/ 95802:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Symbol = __webpack_require__(93383),
isArguments = __webpack_require__(26429),
isArray = __webpack_require__(51952);
/** Built-in value references. */
var spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined;
/**
* Checks if `value` is a flattenable `arguments` object or array.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is flattenable, else `false`.
*/
function isFlattenable(value) {
return isArray(value) || isArguments(value) ||
!!(spreadableSymbol && value && value[spreadableSymbol]);
}
module.exports = isFlattenable;
/***/ }),
/***/ 33100:
/***/ ((module) => {
/** Used as references for various `Number` constants. */
var MAX_SAFE_INTEGER = 9007199254740991;
/** Used to detect unsigned integer values. */
var reIsUint = /^(?:0|[1-9]\d*)$/;
/**
* Checks if `value` is a valid array-like index.
*
* @private
* @param {*} value The value to check.
* @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
* @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
*/
function isIndex(value, length) {
var type = typeof value;
length = length == null ? MAX_SAFE_INTEGER : length;
return !!length &&
(type == 'number' ||
(type != 'symbol' && reIsUint.test(value))) &&
(value > -1 && value % 1 == 0 && value < length);
}
module.exports = isIndex;
/***/ }),
/***/ 12602:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var eq = __webpack_require__(35026),
isArrayLike = __webpack_require__(881),
isIndex = __webpack_require__(33100),
isObject = __webpack_require__(47901);
/**
* Checks if the given arguments are from an iteratee call.
*
* @private
* @param {*} value The potential iteratee value argument.
* @param {*} index The potential iteratee index or key argument.
* @param {*} object The potential iteratee object argument.
* @returns {boolean} Returns `true` if the arguments are from an iteratee call,
* else `false`.
*/
function isIterateeCall(value, index, object) {
if (!isObject(object)) {
return false;
}
var type = typeof index;
if (type == 'number'
? (isArrayLike(object) && isIndex(index, object.length))
: (type == 'string' && index in object)
) {
return eq(object[index], value);
}
return false;
}
module.exports = isIterateeCall;
/***/ }),
/***/ 54320:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isArray = __webpack_require__(51952),
isSymbol = __webpack_require__(55448);
/** Used to match property names within property paths. */
var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
reIsPlainProp = /^\w*$/;
/**
* Checks if `value` is a property name and not a property path.
*
* @private
* @param {*} value The value to check.
* @param {Object} [object] The object to query keys on.
* @returns {boolean} Returns `true` if `value` is a property name, else `false`.
*/
function isKey(value, object) {
if (isArray(value)) {
return false;
}
var type = typeof value;
if (type == 'number' || type == 'symbol' || type == 'boolean' ||
value == null || isSymbol(value)) {
return true;
}
return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
(object != null && value in Object(object));
}
module.exports = isKey;
/***/ }),
/***/ 58638:
/***/ ((module) => {
/**
* Checks if `value` is suitable for use as unique object key.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is suitable, else `false`.
*/
function isKeyable(value) {
var type = typeof value;
return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
? (value !== '__proto__')
: (value === null);
}
module.exports = isKeyable;
/***/ }),
/***/ 44387:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var coreJsData = __webpack_require__(13533);
/** Used to detect methods masquerading as native. */
var maskSrcKey = (function() {
var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
return uid ? ('Symbol(src)_1.' + uid) : '';
}());
/**
* Checks if `func` has its source masked.
*
* @private
* @param {Function} func The function to check.
* @returns {boolean} Returns `true` if `func` is masked, else `false`.
*/
function isMasked(func) {
return !!maskSrcKey && (maskSrcKey in func);
}
module.exports = isMasked;
/***/ }),
/***/ 14989:
/***/ ((module) => {
/** Used for built-in method references. */
var objectProto = Object.prototype;
/**
* Checks if `value` is likely a prototype object.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
*/
function isPrototype(value) {
var Ctor = value && value.constructor,
proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;
return value === proto;
}
module.exports = isPrototype;
/***/ }),
/***/ 74102:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isObject = __webpack_require__(47901);
/**
* Checks if `value` is suitable for strict equality comparisons, i.e. `===`.
*
* @private
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` if suitable for strict
* equality comparisons, else `false`.
*/
function isStrictComparable(value) {
return value === value && !isObject(value);
}
module.exports = isStrictComparable;
/***/ }),
/***/ 6703:
/***/ ((module) => {
/**
* Removes all key-value entries from the list cache.
*
* @private
* @name clear
* @memberOf ListCache
*/
function listCacheClear() {
this.__data__ = [];
this.size = 0;
}
module.exports = listCacheClear;
/***/ }),
/***/ 42720:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assocIndexOf = __webpack_require__(21882);
/** Used for built-in method references. */
var arrayProto = Array.prototype;
/** Built-in value references. */
var splice = arrayProto.splice;
/**
* Removes `key` and its value from the list cache.
*
* @private
* @name delete
* @memberOf ListCache
* @param {string} key The key of the value to remove.
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
*/
function listCacheDelete(key) {
var data = this.__data__,
index = assocIndexOf(data, key);
if (index < 0) {
return false;
}
var lastIndex = data.length - 1;
if (index == lastIndex) {
data.pop();
} else {
splice.call(data, index, 1);
}
--this.size;
return true;
}
module.exports = listCacheDelete;
/***/ }),
/***/ 80362:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assocIndexOf = __webpack_require__(21882);
/**
* Gets the list cache value for `key`.
*
* @private
* @name get
* @memberOf ListCache
* @param {string} key The key of the value to get.
* @returns {*} Returns the entry value.
*/
function listCacheGet(key) {
var data = this.__data__,
index = assocIndexOf(data, key);
return index < 0 ? undefined : data[index][1];
}
module.exports = listCacheGet;
/***/ }),
/***/ 24054:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assocIndexOf = __webpack_require__(21882);
/**
* Checks if a list cache value for `key` exists.
*
* @private
* @name has
* @memberOf ListCache
* @param {string} key The key of the entry to check.
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
*/
function listCacheHas(key) {
return assocIndexOf(this.__data__, key) > -1;
}
module.exports = listCacheHas;
/***/ }),
/***/ 75493:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assocIndexOf = __webpack_require__(21882);
/**
* Sets the list cache `key` to `value`.
*
* @private
* @name set
* @memberOf ListCache
* @param {string} key The key of the value to set.
* @param {*} value The value to set.
* @returns {Object} Returns the list cache instance.
*/
function listCacheSet(key, value) {
var data = this.__data__,
index = assocIndexOf(data, key);
if (index < 0) {
++this.size;
data.push([key, value]);
} else {
data[index][1] = value;
}
return this;
}
module.exports = listCacheSet;
/***/ }),
/***/ 10232:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var Hash = __webpack_require__(56355),
ListCache = __webpack_require__(83234),
Map = __webpack_require__(15363);
/**
* Removes all key-value entries from the map.
*
* @private
* @name clear
* @memberOf MapCache
*/
function mapCacheClear() {
this.size = 0;
this.__data__ = {
'hash': new Hash,
'map': new (Map || ListCache),
'string': new Hash
};
}
module.exports = mapCacheClear;
/***/ }),
/***/ 81139:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getMapData = __webpack_require__(84535);
/**
* Removes `key` and its value from the map.
*
* @private
* @name delete
* @memberOf MapCache
* @param {string} key The key of the value to remove.
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
*/
function mapCacheDelete(key) {
var result = getMapData(this, key)['delete'](key);
this.size -= result ? 1 : 0;
return result;
}
module.exports = mapCacheDelete;
/***/ }),
/***/ 31640:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getMapData = __webpack_require__(84535);
/**
* Gets the map value for `key`.
*
* @private
* @name get
* @memberOf MapCache
* @param {string} key The key of the value to get.
* @returns {*} Returns the entry value.
*/
function mapCacheGet(key) {
return getMapData(this, key).get(key);
}
module.exports = mapCacheGet;
/***/ }),
/***/ 40103:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getMapData = __webpack_require__(84535);
/**
* Checks if a map value for `key` exists.
*
* @private
* @name has
* @memberOf MapCache
* @param {string} key The key of the entry to check.
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
*/
function mapCacheHas(key) {
return getMapData(this, key).has(key);
}
module.exports = mapCacheHas;
/***/ }),
/***/ 67192:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getMapData = __webpack_require__(84535);
/**
* Sets the map `key` to `value`.
*
* @private
* @name set
* @memberOf MapCache
* @param {string} key The key of the value to set.
* @param {*} value The value to set.
* @returns {Object} Returns the map cache instance.
*/
function mapCacheSet(key, value) {
var data = getMapData(this, key),
size = data.size;
data.set(key, value);
this.size += data.size == size ? 0 : 1;
return this;
}
module.exports = mapCacheSet;
/***/ }),
/***/ 62355:
/***/ ((module) => {
/**
* Converts `map` to its key-value pairs.
*
* @private
* @param {Object} map The map to convert.
* @returns {Array} Returns the key-value pairs.
*/
function mapToArray(map) {
var index = -1,
result = Array(map.size);
map.forEach(function(value, key) {
result[++index] = [key, value];
});
return result;
}
module.exports = mapToArray;
/***/ }),
/***/ 73964:
/***/ ((module) => {
/**
* A specialized version of `matchesProperty` for source values suitable
* for strict equality comparisons, i.e. `===`.
*
* @private
* @param {string} key The key of the property to get.
* @param {*} srcValue The value to match.
* @returns {Function} Returns the new spec function.
*/
function matchesStrictComparable(key, srcValue) {
return function(object) {
if (object == null) {
return false;
}
return object[key] === srcValue &&
(srcValue !== undefined || (key in Object(object)));
};
}
module.exports = matchesStrictComparable;
/***/ }),
/***/ 10634:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var memoize = __webpack_require__(46493);
/** Used as the maximum memoize cache size. */
var MAX_MEMOIZE_SIZE = 500;
/**
* A specialized version of `_.memoize` which clears the memoized function's
* cache when it exceeds `MAX_MEMOIZE_SIZE`.
*
* @private
* @param {Function} func The function to have its output memoized.
* @returns {Function} Returns the new memoized function.
*/
function memoizeCapped(func) {
var result = memoize(func, function(key) {
if (cache.size === MAX_MEMOIZE_SIZE) {
cache.clear();
}
return key;
});
var cache = result.cache;
return result;
}
module.exports = memoizeCapped;
/***/ }),
/***/ 1895:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getNative = __webpack_require__(47961);
/* Built-in method references that are verified to be native. */
var nativeCreate = getNative(Object, 'create');
module.exports = nativeCreate;
/***/ }),
/***/ 9013:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var overArg = __webpack_require__(36449);
/* Built-in method references for those with the same name as other `lodash` methods. */
var nativeKeys = overArg(Object.keys, Object);
module.exports = nativeKeys;
/***/ }),
/***/ 91858:
/***/ ((module) => {
/**
* This function is like
* [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
* except that it includes inherited enumerable properties.
*
* @private
* @param {Object} object The object to query.
* @returns {Array} Returns the array of property names.
*/
function nativeKeysIn(object) {
var result = [];
if (object != null) {
for (var key in Object(object)) {
result.push(key);
}
}
return result;
}
module.exports = nativeKeysIn;
/***/ }),
/***/ 69866:
/***/ ((module, exports, __webpack_require__) => {
/* module decorator */ module = __webpack_require__.nmd(module);
var freeGlobal = __webpack_require__(64933);
/** Detect free variable `exports`. */
var freeExports = true && exports && !exports.nodeType && exports;
/** Detect free variable `module`. */
var freeModule = freeExports && "object" == 'object' && module && !module.nodeType && module;
/** Detect the popular CommonJS extension `module.exports`. */
var moduleExports = freeModule && freeModule.exports === freeExports;
/** Detect free variable `process` from Node.js. */
var freeProcess = moduleExports && freeGlobal.process;
/** Used to access faster Node.js helpers. */
var nodeUtil = (function() {
try {
// Use `util.types` for Node.js 10+.
var types = freeModule && freeModule.require && freeModule.require('util').types;
if (types) {
return types;
}
// Legacy `process.binding('util')` for Node.js < 10.
return freeProcess && freeProcess.binding && freeProcess.binding('util');
} catch (e) {}
}());
module.exports = nodeUtil;
/***/ }),
/***/ 15474:
/***/ ((module) => {
/** Used for built-in method references. */
var objectProto = Object.prototype;
/**
* Used to resolve the
* [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
* of values.
*/
var nativeObjectToString = objectProto.toString;
/**
* Converts `value` to a string using `Object.prototype.toString`.
*
* @private
* @param {*} value The value to convert.
* @returns {string} Returns the converted string.
*/
function objectToString(value) {
return nativeObjectToString.call(value);
}
module.exports = objectToString;
/***/ }),
/***/ 36449:
/***/ ((module) => {
/**
* Creates a unary function that invokes `func` with its argument transformed.
*
* @private
* @param {Function} func The function to wrap.
* @param {Function} transform The argument transform.
* @returns {Function} Returns the new function.
*/
function overArg(func, transform) {
return function(arg) {
return func(transform(arg));
};
}
module.exports = overArg;
/***/ }),
/***/ 29742:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var apply = __webpack_require__(83858);
/* Built-in method references for those with the same name as other `lodash` methods. */
var nativeMax = Math.max;
/**
* A specialized version of `baseRest` which transforms the rest array.
*
* @private
* @param {Function} func The function to apply a rest parameter to.
* @param {number} [start=func.length-1] The start position of the rest parameter.
* @param {Function} transform The rest array transform.
* @returns {Function} Returns the new function.
*/
function overRest(func, start, transform) {
start = nativeMax(start === undefined ? (func.length - 1) : start, 0);
return function() {
var args = arguments,
index = -1,
length = nativeMax(args.length - start, 0),
array = Array(length);
while (++index < length) {
array[index] = args[start + index];
}
index = -1;
var otherArgs = Array(start + 1);
while (++index < start) {
otherArgs[index] = args[index];
}
otherArgs[start] = transform(array);
return apply(func, this, otherArgs);
};
}
module.exports = overRest;
/***/ }),
/***/ 29966:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGet = __webpack_require__(81361),
baseSlice = __webpack_require__(75274);
/**
* Gets the parent value at `path` of `object`.
*
* @private
* @param {Object} object The object to query.
* @param {Array} path The path to get the parent value of.
* @returns {*} Returns the parent value.
*/
function parent(object, path) {
return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1));
}
module.exports = parent;
/***/ }),
/***/ 81295:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var freeGlobal = __webpack_require__(64933);
/** Detect free variable `self`. */
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
/** Used as a reference to the global object. */
var root = freeGlobal || freeSelf || Function('return this')();
module.exports = root;
/***/ }),
/***/ 13998:
/***/ ((module) => {
/**
* Gets the value at `key`, unless `key` is "__proto__" or "constructor".
*
* @private
* @param {Object} object The object to query.
* @param {string} key The key of the property to get.
* @returns {*} Returns the property value.
*/
function safeGet(object, key) {
if (key === 'constructor' && typeof object[key] === 'function') {
return;
}
if (key == '__proto__') {
return;
}
return object[key];
}
module.exports = safeGet;
/***/ }),
/***/ 96656:
/***/ ((module) => {
/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED = '__lodash_hash_undefined__';
/**
* Adds `value` to the array cache.
*
* @private
* @name add
* @memberOf SetCache
* @alias push
* @param {*} value The value to cache.
* @returns {Object} Returns the cache instance.
*/
function setCacheAdd(value) {
this.__data__.set(value, HASH_UNDEFINED);
return this;
}
module.exports = setCacheAdd;
/***/ }),
/***/ 41848:
/***/ ((module) => {
/**
* Checks if `value` is in the array cache.
*
* @private
* @name has
* @memberOf SetCache
* @param {*} value The value to search for.
* @returns {number} Returns `true` if `value` is found, else `false`.
*/
function setCacheHas(value) {
return this.__data__.has(value);
}
module.exports = setCacheHas;
/***/ }),
/***/ 57251:
/***/ ((module) => {
/**
* Converts `set` to an array of its values.
*
* @private
* @param {Object} set The set to convert.
* @returns {Array} Returns the values.
*/
function setToArray(set) {
var index = -1,
result = Array(set.size);
set.forEach(function(value) {
result[++index] = value;
});
return result;
}
module.exports = setToArray;
/***/ }),
/***/ 2585:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseSetToString = __webpack_require__(92654),
shortOut = __webpack_require__(61757);
/**
* Sets the `toString` method of `func` to return `string`.
*
* @private
* @param {Function} func The function to modify.
* @param {Function} string The `toString` result.
* @returns {Function} Returns `func`.
*/
var setToString = shortOut(baseSetToString);
module.exports = setToString;
/***/ }),
/***/ 61757:
/***/ ((module) => {
/** Used to detect hot functions by number of calls within a span of milliseconds. */
var HOT_COUNT = 800,
HOT_SPAN = 16;
/* Built-in method references for those with the same name as other `lodash` methods. */
var nativeNow = Date.now;
/**
* Creates a function that'll short out and invoke `identity` instead
* of `func` when it's called `HOT_COUNT` or more times in `HOT_SPAN`
* milliseconds.
*
* @private
* @param {Function} func The function to restrict.
* @returns {Function} Returns the new shortable function.
*/
function shortOut(func) {
var count = 0,
lastCalled = 0;
return function() {
var stamp = nativeNow(),
remaining = HOT_SPAN - (stamp - lastCalled);
lastCalled = stamp;
if (remaining > 0) {
if (++count >= HOT_COUNT) {
return arguments[0];
}
} else {
count = 0;
}
return func.apply(undefined, arguments);
};
}
module.exports = shortOut;
/***/ }),
/***/ 78940:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var ListCache = __webpack_require__(83234);
/**
* Removes all key-value entries from the stack.
*
* @private
* @name clear
* @memberOf Stack
*/
function stackClear() {
this.__data__ = new ListCache;
this.size = 0;
}
module.exports = stackClear;
/***/ }),
/***/ 53242:
/***/ ((module) => {
/**
* Removes `key` and its value from the stack.
*
* @private
* @name delete
* @memberOf Stack
* @param {string} key The key of the value to remove.
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
*/
function stackDelete(key) {
var data = this.__data__,
result = data['delete'](key);
this.size = data.size;
return result;
}
module.exports = stackDelete;
/***/ }),
/***/ 79413:
/***/ ((module) => {
/**
* Gets the stack value for `key`.
*
* @private
* @name get
* @memberOf Stack
* @param {string} key The key of the value to get.
* @returns {*} Returns the entry value.
*/
function stackGet(key) {
return this.__data__.get(key);
}
module.exports = stackGet;
/***/ }),
/***/ 67573:
/***/ ((module) => {
/**
* Checks if a stack value for `key` exists.
*
* @private
* @name has
* @memberOf Stack
* @param {string} key The key of the entry to check.
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
*/
function stackHas(key) {
return this.__data__.has(key);
}
module.exports = stackHas;
/***/ }),
/***/ 19138:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var ListCache = __webpack_require__(83234),
Map = __webpack_require__(15363),
MapCache = __webpack_require__(70147);
/** Used as the size to enable large array optimizations. */
var LARGE_ARRAY_SIZE = 200;
/**
* Sets the stack `key` to `value`.
*
* @private
* @name set
* @memberOf Stack
* @param {string} key The key of the value to set.
* @param {*} value The value to set.
* @returns {Object} Returns the stack cache instance.
*/
function stackSet(key, value) {
var data = this.__data__;
if (data instanceof ListCache) {
var pairs = data.__data__;
if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {
pairs.push([key, value]);
this.size = ++data.size;
return this;
}
data = this.__data__ = new MapCache(pairs);
}
data.set(key, value);
this.size = data.size;
return this;
}
module.exports = stackSet;
/***/ }),
/***/ 64591:
/***/ ((module) => {
/**
* A specialized version of `_.indexOf` which performs strict equality
* comparisons of values, i.e. `===`.
*
* @private
* @param {Array} array The array to inspect.
* @param {*} value The value to search for.
* @param {number} fromIndex The index to search from.
* @returns {number} Returns the index of the matched value, else `-1`.
*/
function strictIndexOf(array, value, fromIndex) {
var index = fromIndex - 1,
length = array.length;
while (++index < length) {
if (array[index] === value) {
return index;
}
}
return -1;
}
module.exports = strictIndexOf;
/***/ }),
/***/ 22050:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var memoizeCapped = __webpack_require__(10634);
/** Used to match property names within property paths. */
var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
/** Used to match backslashes in property paths. */
var reEscapeChar = /\\(\\)?/g;
/**
* Converts `string` to a property path array.
*
* @private
* @param {string} string The string to convert.
* @returns {Array} Returns the property path array.
*/
var stringToPath = memoizeCapped(function(string) {
var result = [];
if (string.charCodeAt(0) === 46 /* . */) {
result.push('');
}
string.replace(rePropName, function(match, number, quote, subString) {
result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
});
return result;
});
module.exports = stringToPath;
/***/ }),
/***/ 6852:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isSymbol = __webpack_require__(55448);
/** Used as references for various `Number` constants. */
var INFINITY = 1 / 0;
/**
* Converts `value` to a string key if it's not a string or symbol.
*
* @private
* @param {*} value The value to inspect.
* @returns {string|symbol} Returns the key.
*/
function toKey(value) {
if (typeof value == 'string' || isSymbol(value)) {
return value;
}
var result = (value + '');
return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
}
module.exports = toKey;
/***/ }),
/***/ 24800:
/***/ ((module) => {
/** Used for built-in method references. */
var funcProto = Function.prototype;
/** Used to resolve the decompiled source of functions. */
var funcToString = funcProto.toString;
/**
* Converts `func` to its source code.
*
* @private
* @param {Function} func The function to convert.
* @returns {string} Returns the source code.
*/
function toSource(func) {
if (func != null) {
try {
return funcToString.call(func);
} catch (e) {}
try {
return (func + '');
} catch (e) {}
}
return '';
}
module.exports = toSource;
/***/ }),
/***/ 1658:
/***/ ((module) => {
/** Used to match a single whitespace character. */
var reWhitespace = /\s/;
/**
* Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
* character of `string`.
*
* @private
* @param {string} string The string to inspect.
* @returns {number} Returns the index of the last non-whitespace character.
*/
function trimmedEndIndex(string) {
var index = string.length;
while (index-- && reWhitespace.test(string.charAt(index))) {}
return index;
}
module.exports = trimmedEndIndex;
/***/ }),
/***/ 49633:
/***/ ((module) => {
/** Used to compose unicode character classes. */
var rsAstralRange = '\\ud800-\\udfff',
rsComboMarksRange = '\\u0300-\\u036f',
reComboHalfMarksRange = '\\ufe20-\\ufe2f',
rsComboSymbolsRange = '\\u20d0-\\u20ff',
rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,
rsDingbatRange = '\\u2700-\\u27bf',
rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff',
rsMathOpRange = '\\xac\\xb1\\xd7\\xf7',
rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf',
rsPunctuationRange = '\\u2000-\\u206f',
rsSpaceRange = ' \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000',
rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde',
rsVarRange = '\\ufe0e\\ufe0f',
rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
/** Used to compose unicode capture groups. */
var rsApos = "['\u2019]",
rsBreak = '[' + rsBreakRange + ']',
rsCombo = '[' + rsComboRange + ']',
rsDigits = '\\d+',
rsDingbat = '[' + rsDingbatRange + ']',
rsLower = '[' + rsLowerRange + ']',
rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',
rsFitz = '\\ud83c[\\udffb-\\udfff]',
rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
rsNonAstral = '[^' + rsAstralRange + ']',
rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
rsUpper = '[' + rsUpperRange + ']',
rsZWJ = '\\u200d';
/** Used to compose unicode regexes. */
var rsMiscLower = '(?:' + rsLower + '|' + rsMisc + ')',
rsMiscUpper = '(?:' + rsUpper + '|' + rsMisc + ')',
rsOptContrLower = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',
rsOptContrUpper = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',
reOptMod = rsModifier + '?',
rsOptVar = '[' + rsVarRange + ']?',
rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
rsOrdLower = '\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])',
rsOrdUpper = '\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])',
rsSeq = rsOptVar + reOptMod + rsOptJoin,
rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;
/** Used to match complex or compound words. */
var reUnicodeWord = RegExp([
rsUpper + '?' + rsLower + '+' + rsOptContrLower + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',
rsMiscUpper + '+' + rsOptContrUpper + '(?=' + [rsBreak, rsUpper + rsMiscLower, '$'].join('|') + ')',
rsUpper + '?' + rsMiscLower + '+' + rsOptContrLower,
rsUpper + '+' + rsOptContrUpper,
rsOrdUpper,
rsOrdLower,
rsDigits,
rsEmoji
].join('|'), 'g');
/**
* Splits a Unicode `string` into an array of its words.
*
* @private
* @param {string} The string to inspect.
* @returns {Array} Returns the words of `string`.
*/
function unicodeWords(string) {
return string.match(reUnicodeWord) || [];
}
module.exports = unicodeWords;
/***/ }),
/***/ 90698:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var assignValue = __webpack_require__(73305),
copyObject = __webpack_require__(53927),
createAssigner = __webpack_require__(63805),
isArrayLike = __webpack_require__(881),
isPrototype = __webpack_require__(14989),
keys = __webpack_require__(74973);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Assigns own enumerable string keyed properties of source objects to the
* destination object. Source objects are applied from left to right.
* Subsequent sources overwrite property assignments of previous sources.
*
* **Note:** This method mutates `object` and is loosely based on
* [`Object.assign`](https://mdn.io/Object/assign).
*
* @static
* @memberOf _
* @since 0.10.0
* @category Object
* @param {Object} object The destination object.
* @param {...Object} [sources] The source objects.
* @returns {Object} Returns `object`.
* @see _.assignIn
* @example
*
* function Foo() {
* this.a = 1;
* }
*
* function Bar() {
* this.c = 3;
* }
*
* Foo.prototype.b = 2;
* Bar.prototype.d = 4;
*
* _.assign({ 'a': 0 }, new Foo, new Bar);
* // => { 'a': 1, 'c': 3 }
*/
var assign = createAssigner(function(object, source) {
if (isPrototype(source) || isArrayLike(source)) {
copyObject(source, keys(source), object);
return;
}
for (var key in source) {
if (hasOwnProperty.call(source, key)) {
assignValue(object, key, source[key]);
}
}
});
module.exports = assign;
/***/ }),
/***/ 27161:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var copyObject = __webpack_require__(53927),
createAssigner = __webpack_require__(63805),
keysIn = __webpack_require__(37686);
/**
* This method is like `_.assign` except that it iterates over own and
* inherited source properties.
*
* **Note:** This method mutates `object`.
*
* @static
* @memberOf _
* @since 4.0.0
* @alias extend
* @category Object
* @param {Object} object The destination object.
* @param {...Object} [sources] The source objects.
* @returns {Object} Returns `object`.
* @see _.assign
* @example
*
* function Foo() {
* this.a = 1;
* }
*
* function Bar() {
* this.c = 3;
* }
*
* Foo.prototype.b = 2;
* Bar.prototype.d = 4;
*
* _.assignIn({ 'a': 0 }, new Foo, new Bar);
* // => { 'a': 1, 'b': 2, 'c': 3, 'd': 4 }
*/
var assignIn = createAssigner(function(object, source) {
copyObject(source, keysIn(source), object);
});
module.exports = assignIn;
/***/ }),
/***/ 33072:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseClone = __webpack_require__(56024);
/** Used to compose bitmasks for cloning. */
var CLONE_SYMBOLS_FLAG = 4;
/**
* Creates a shallow clone of `value`.
*
* **Note:** This method is loosely based on the
* [structured clone algorithm](https://mdn.io/Structured_clone_algorithm)
* and supports cloning arrays, array buffers, booleans, date objects, maps,
* numbers, `Object` objects, regexes, sets, strings, symbols, and typed
* arrays. The own enumerable properties of `arguments` objects are cloned
* as plain objects. An empty object is returned for uncloneable values such
* as error objects, functions, DOM nodes, and WeakMaps.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to clone.
* @returns {*} Returns the cloned value.
* @see _.cloneDeep
* @example
*
* var objects = [{ 'a': 1 }, { 'b': 2 }];
*
* var shallow = _.clone(objects);
* console.log(shallow[0] === objects[0]);
* // => true
*/
function clone(value) {
return baseClone(value, CLONE_SYMBOLS_FLAG);
}
module.exports = clone;
/***/ }),
/***/ 54879:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseClone = __webpack_require__(56024);
/** Used to compose bitmasks for cloning. */
var CLONE_DEEP_FLAG = 1,
CLONE_SYMBOLS_FLAG = 4;
/**
* This method is like `_.clone` except that it recursively clones `value`.
*
* @static
* @memberOf _
* @since 1.0.0
* @category Lang
* @param {*} value The value to recursively clone.
* @returns {*} Returns the deep cloned value.
* @see _.clone
* @example
*
* var objects = [{ 'a': 1 }, { 'b': 2 }];
*
* var deep = _.cloneDeep(objects);
* console.log(deep[0] === objects[0]);
* // => false
*/
function cloneDeep(value) {
return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
}
module.exports = cloneDeep;
/***/ }),
/***/ 24165:
/***/ ((module) => {
/**
* Creates an array with all falsey values removed. The values `false`, `null`,
* `0`, `""`, `undefined`, and `NaN` are falsey.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Array
* @param {Array} array The array to compact.
* @returns {Array} Returns the new array of filtered values.
* @example
*
* _.compact([0, 1, false, 2, '', 3]);
* // => [1, 2, 3]
*/
function compact(array) {
var index = -1,
length = array == null ? 0 : array.length,
resIndex = 0,
result = [];
while (++index < length) {
var value = array[index];
if (value) {
result[resIndex++] = value;
}
}
return result;
}
module.exports = compact;
/***/ }),
/***/ 34195:
/***/ ((module) => {
/**
* Creates a function that returns `value`.
*
* @static
* @memberOf _
* @since 2.4.0
* @category Util
* @param {*} value The value to return from the new function.
* @returns {Function} Returns the new constant function.
* @example
*
* var objects = _.times(2, _.constant({ 'a': 1 }));
*
* console.log(objects);
* // => [{ 'a': 1 }, { 'a': 1 }]
*
* console.log(objects[0] === objects[1]);
* // => true
*/
function constant(value) {
return function() {
return value;
};
}
module.exports = constant;
/***/ }),
/***/ 32881:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isObject = __webpack_require__(47901),
now = __webpack_require__(28810),
toNumber = __webpack_require__(76181);
/** Error message constants. */
var FUNC_ERROR_TEXT = 'Expected a function';
/* Built-in method references for those with the same name as other `lodash` methods. */
var nativeMax = Math.max,
nativeMin = Math.min;
/**
* Creates a debounced function that delays invoking `func` until after `wait`
* milliseconds have elapsed since the last time the debounced function was
* invoked. The debounced function comes with a `cancel` method to cancel
* delayed `func` invocations and a `flush` method to immediately invoke them.
* Provide `options` to indicate whether `func` should be invoked on the
* leading and/or trailing edge of the `wait` timeout. The `func` is invoked
* with the last arguments provided to the debounced function. Subsequent
* calls to the debounced function return the result of the last `func`
* invocation.
*
* **Note:** If `leading` and `trailing` options are `true`, `func` is
* invoked on the trailing edge of the timeout only if the debounced function
* is invoked more than once during the `wait` timeout.
*
* If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
* until to the next tick, similar to `setTimeout` with a timeout of `0`.
*
* See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
* for details over the differences between `_.debounce` and `_.throttle`.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Function
* @param {Function} func The function to debounce.
* @param {number} [wait=0] The number of milliseconds to delay.
* @param {Object} [options={}] The options object.
* @param {boolean} [options.leading=false]
* Specify invoking on the leading edge of the timeout.
* @param {number} [options.maxWait]
* The maximum time `func` is allowed to be delayed before it's invoked.
* @param {boolean} [options.trailing=true]
* Specify invoking on the trailing edge of the timeout.
* @returns {Function} Returns the new debounced function.
* @example
*
* // Avoid costly calculations while the window size is in flux.
* jQuery(window).on('resize', _.debounce(calculateLayout, 150));
*
* // Invoke `sendMail` when clicked, debouncing subsequent calls.
* jQuery(element).on('click', _.debounce(sendMail, 300, {
* 'leading': true,
* 'trailing': false
* }));
*
* // Ensure `batchLog` is invoked once after 1 second of debounced calls.
* var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
* var source = new EventSource('/stream');
* jQuery(source).on('message', debounced);
*
* // Cancel the trailing debounced invocation.
* jQuery(window).on('popstate', debounced.cancel);
*/
function debounce(func, wait, options) {
var lastArgs,
lastThis,
maxWait,
result,
timerId,
lastCallTime,
lastInvokeTime = 0,
leading = false,
maxing = false,
trailing = true;
if (typeof func != 'function') {
throw new TypeError(FUNC_ERROR_TEXT);
}
wait = toNumber(wait) || 0;
if (isObject(options)) {
leading = !!options.leading;
maxing = 'maxWait' in options;
maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
trailing = 'trailing' in options ? !!options.trailing : trailing;
}
function invokeFunc(time) {
var args = lastArgs,
thisArg = lastThis;
lastArgs = lastThis = undefined;
lastInvokeTime = time;
result = func.apply(thisArg, args);
return result;
}
function leadingEdge(time) {
// Reset any `maxWait` timer.
lastInvokeTime = time;
// Start the timer for the trailing edge.
timerId = setTimeout(timerExpired, wait);
// Invoke the leading edge.
return leading ? invokeFunc(time) : result;
}
function remainingWait(time) {
var timeSinceLastCall = time - lastCallTime,
timeSinceLastInvoke = time - lastInvokeTime,
timeWaiting = wait - timeSinceLastCall;
return maxing
? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
: timeWaiting;
}
function shouldInvoke(time) {
var timeSinceLastCall = time - lastCallTime,
timeSinceLastInvoke = time - lastInvokeTime;
// Either this is the first call, activity has stopped and we're at the
// trailing edge, the system time has gone backwards and we're treating
// it as the trailing edge, or we've hit the `maxWait` limit.
return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
(timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
}
function timerExpired() {
var time = now();
if (shouldInvoke(time)) {
return trailingEdge(time);
}
// Restart the timer.
timerId = setTimeout(timerExpired, remainingWait(time));
}
function trailingEdge(time) {
timerId = undefined;
// Only invoke if we have `lastArgs` which means `func` has been
// debounced at least once.
if (trailing && lastArgs) {
return invokeFunc(time);
}
lastArgs = lastThis = undefined;
return result;
}
function cancel() {
if (timerId !== undefined) {
clearTimeout(timerId);
}
lastInvokeTime = 0;
lastArgs = lastCallTime = lastThis = timerId = undefined;
}
function flush() {
return timerId === undefined ? result : trailingEdge(now());
}
function debounced() {
var time = now(),
isInvoking = shouldInvoke(time);
lastArgs = arguments;
lastThis = this;
lastCallTime = time;
if (isInvoking) {
if (timerId === undefined) {
return leadingEdge(lastCallTime);
}
if (maxing) {
// Handle invocations in a tight loop.
clearTimeout(timerId);
timerId = setTimeout(timerExpired, wait);
return invokeFunc(lastCallTime);
}
}
if (timerId === undefined) {
timerId = setTimeout(timerExpired, wait);
}
return result;
}
debounced.cancel = cancel;
debounced.flush = flush;
return debounced;
}
module.exports = debounce;
/***/ }),
/***/ 80105:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var deburrLetter = __webpack_require__(7222),
toString = __webpack_require__(14649);
/** Used to match Latin Unicode letters (excluding mathematical operators). */
var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
/** Used to compose unicode character classes. */
var rsComboMarksRange = '\\u0300-\\u036f',
reComboHalfMarksRange = '\\ufe20-\\ufe2f',
rsComboSymbolsRange = '\\u20d0-\\u20ff',
rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange;
/** Used to compose unicode capture groups. */
var rsCombo = '[' + rsComboRange + ']';
/**
* Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and
* [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).
*/
var reComboMark = RegExp(rsCombo, 'g');
/**
* Deburrs `string` by converting
* [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)
* and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)
* letters to basic Latin letters and removing
* [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).
*
* @static
* @memberOf _
* @since 3.0.0
* @category String
* @param {string} [string=''] The string to deburr.
* @returns {string} Returns the deburred string.
* @example
*
* _.deburr('déjà vu');
* // => 'deja vu'
*/
function deburr(string) {
string = toString(string);
return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');
}
module.exports = deburr;
/***/ }),
/***/ 47154:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseDelay = __webpack_require__(8368),
baseRest = __webpack_require__(14664);
/**
* Defers invoking the `func` until the current call stack has cleared. Any
* additional arguments are provided to `func` when it's invoked.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Function
* @param {Function} func The function to defer.
* @param {...*} [args] The arguments to invoke `func` with.
* @returns {number} Returns the timer id.
* @example
*
* _.defer(function(text) {
* console.log(text);
* }, 'deferred');
* // => Logs 'deferred' after one millisecond.
*/
var defer = baseRest(function(func, args) {
return baseDelay(func, 1, args);
});
module.exports = defer;
/***/ }),
/***/ 2496:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(74012);
/***/ }),
/***/ 41316:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseClamp = __webpack_require__(6306),
baseToString = __webpack_require__(72834),
toInteger = __webpack_require__(42538),
toString = __webpack_require__(14649);
/**
* Checks if `string` ends with the given target string.
*
* @static
* @memberOf _
* @since 3.0.0
* @category String
* @param {string} [string=''] The string to inspect.
* @param {string} [target] The string to search for.
* @param {number} [position=string.length] The position to search up to.
* @returns {boolean} Returns `true` if `string` ends with `target`,
* else `false`.
* @example
*
* _.endsWith('abc', 'c');
* // => true
*
* _.endsWith('abc', 'b');
* // => false
*
* _.endsWith('abc', 'b', 2);
* // => true
*/
function endsWith(string, target, position) {
string = toString(string);
target = baseToString(target);
var length = string.length;
position = position === undefined
? length
: baseClamp(toInteger(position), 0, length);
var end = position;
position -= target.length;
return position >= 0 && string.slice(position, end) == target;
}
module.exports = endsWith;
/***/ }),
/***/ 35026:
/***/ ((module) => {
/**
* Performs a
* [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
* comparison between two values to determine if they are equivalent.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to compare.
* @param {*} other The other value to compare.
* @returns {boolean} Returns `true` if the values are equivalent, else `false`.
* @example
*
* var object = { 'a': 1 };
* var other = { 'a': 1 };
*
* _.eq(object, object);
* // => true
*
* _.eq(object, other);
* // => false
*
* _.eq('a', 'a');
* // => true
*
* _.eq('a', Object('a'));
* // => false
*
* _.eq(NaN, NaN);
* // => true
*/
function eq(value, other) {
return value === other || (value !== value && other !== other);
}
module.exports = eq;
/***/ }),
/***/ 91993:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(27161);
/***/ }),
/***/ 42955:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayFilter = __webpack_require__(70872),
baseFilter = __webpack_require__(18235),
baseIteratee = __webpack_require__(81684),
isArray = __webpack_require__(51952);
/**
* Iterates over elements of `collection`, returning an array of all elements
* `predicate` returns truthy for. The predicate is invoked with three
* arguments: (value, index|key, collection).
*
* **Note:** Unlike `_.remove`, this method returns a new array.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Collection
* @param {Array|Object} collection The collection to iterate over.
* @param {Function} [predicate=_.identity] The function invoked per iteration.
* @returns {Array} Returns the new filtered array.
* @see _.reject
* @example
*
* var users = [
* { 'user': 'barney', 'age': 36, 'active': true },
* { 'user': 'fred', 'age': 40, 'active': false }
* ];
*
* _.filter(users, function(o) { return !o.active; });
* // => objects for ['fred']
*
* // The `_.matches` iteratee shorthand.
* _.filter(users, { 'age': 36, 'active': true });
* // => objects for ['barney']
*
* // The `_.matchesProperty` iteratee shorthand.
* _.filter(users, ['active', false]);
* // => objects for ['fred']
*
* // The `_.property` iteratee shorthand.
* _.filter(users, 'active');
* // => objects for ['barney']
*
* // Combining several predicates using `_.overEvery` or `_.overSome`.
* _.filter(users, _.overSome([{ 'age': 36 }, ['age', 40]]));
* // => objects for ['fred', 'barney']
*/
function filter(collection, predicate) {
var func = isArray(collection) ? arrayFilter : baseFilter;
return func(collection, baseIteratee(predicate, 3));
}
module.exports = filter;
/***/ }),
/***/ 34474:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseFindIndex = __webpack_require__(10263),
baseIteratee = __webpack_require__(81684),
toInteger = __webpack_require__(42538);
/* Built-in method references for those with the same name as other `lodash` methods. */
var nativeMax = Math.max;
/**
* This method is like `_.find` except that it returns the index of the first
* element `predicate` returns truthy for instead of the element itself.
*
* @static
* @memberOf _
* @since 1.1.0
* @category Array
* @param {Array} array The array to inspect.
* @param {Function} [predicate=_.identity] The function invoked per iteration.
* @param {number} [fromIndex=0] The index to search from.
* @returns {number} Returns the index of the found element, else `-1`.
* @example
*
* var users = [
* { 'user': 'barney', 'active': false },
* { 'user': 'fred', 'active': false },
* { 'user': 'pebbles', 'active': true }
* ];
*
* _.findIndex(users, function(o) { return o.user == 'barney'; });
* // => 0
*
* // The `_.matches` iteratee shorthand.
* _.findIndex(users, { 'user': 'fred', 'active': false });
* // => 1
*
* // The `_.matchesProperty` iteratee shorthand.
* _.findIndex(users, ['active', false]);
* // => 0
*
* // The `_.property` iteratee shorthand.
* _.findIndex(users, 'active');
* // => 2
*/
function findIndex(array, predicate, fromIndex) {
var length = array == null ? 0 : array.length;
if (!length) {
return -1;
}
var index = fromIndex == null ? 0 : toInteger(fromIndex);
if (index < 0) {
index = nativeMax(length + index, 0);
}
return baseFindIndex(array, baseIteratee(predicate, 3), index);
}
module.exports = findIndex;
/***/ }),
/***/ 75277:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var createFind = __webpack_require__(64576),
findLastIndex = __webpack_require__(16565);
/**
* This method is like `_.find` except that it iterates over elements of
* `collection` from right to left.
*
* @static
* @memberOf _
* @since 2.0.0
* @category Collection
* @param {Array|Object} collection The collection to inspect.
* @param {Function} [predicate=_.identity] The function invoked per iteration.
* @param {number} [fromIndex=collection.length-1] The index to search from.
* @returns {*} Returns the matched element, else `undefined`.
* @example
*
* _.findLast([1, 2, 3, 4], function(n) {
* return n % 2 == 1;
* });
* // => 3
*/
var findLast = createFind(findLastIndex);
module.exports = findLast;
/***/ }),
/***/ 16565:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseFindIndex = __webpack_require__(10263),
baseIteratee = __webpack_require__(81684),
toInteger = __webpack_require__(42538);
/* Built-in method references for those with the same name as other `lodash` methods. */
var nativeMax = Math.max,
nativeMin = Math.min;
/**
* This method is like `_.findIndex` except that it iterates over elements
* of `collection` from right to left.
*
* @static
* @memberOf _
* @since 2.0.0
* @category Array
* @param {Array} array The array to inspect.
* @param {Function} [predicate=_.identity] The function invoked per iteration.
* @param {number} [fromIndex=array.length-1] The index to search from.
* @returns {number} Returns the index of the found element, else `-1`.
* @example
*
* var users = [
* { 'user': 'barney', 'active': true },
* { 'user': 'fred', 'active': false },
* { 'user': 'pebbles', 'active': false }
* ];
*
* _.findLastIndex(users, function(o) { return o.user == 'pebbles'; });
* // => 2
*
* // The `_.matches` iteratee shorthand.
* _.findLastIndex(users, { 'user': 'barney', 'active': true });
* // => 0
*
* // The `_.matchesProperty` iteratee shorthand.
* _.findLastIndex(users, ['active', false]);
* // => 2
*
* // The `_.property` iteratee shorthand.
* _.findLastIndex(users, 'active');
* // => 0
*/
function findLastIndex(array, predicate, fromIndex) {
var length = array == null ? 0 : array.length;
if (!length) {
return -1;
}
var index = length - 1;
if (fromIndex !== undefined) {
index = toInteger(fromIndex);
index = fromIndex < 0
? nativeMax(length + index, 0)
: nativeMin(index, length - 1);
}
return baseFindIndex(array, baseIteratee(predicate, 3), index, true);
}
module.exports = findLastIndex;
/***/ }),
/***/ 65123:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseFlatten = __webpack_require__(947);
/**
* Flattens `array` a single level deep.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Array
* @param {Array} array The array to flatten.
* @returns {Array} Returns the new flattened array.
* @example
*
* _.flatten([1, [2, [3, [4]], 5]]);
* // => [1, 2, [3, [4]], 5]
*/
function flatten(array) {
var length = array == null ? 0 : array.length;
return length ? baseFlatten(array, 1) : [];
}
module.exports = flatten;
/***/ }),
/***/ 74012:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayEach = __webpack_require__(50151),
baseEach = __webpack_require__(33764),
castFunction = __webpack_require__(39905),
isArray = __webpack_require__(51952);
/**
* Iterates over elements of `collection` and invokes `iteratee` for each element.
* The iteratee is invoked with three arguments: (value, index|key, collection).
* Iteratee functions may exit iteration early by explicitly returning `false`.
*
* **Note:** As with other "Collections" methods, objects with a "length"
* property are iterated like arrays. To avoid this behavior use `_.forIn`
* or `_.forOwn` for object iteration.
*
* @static
* @memberOf _
* @since 0.1.0
* @alias each
* @category Collection
* @param {Array|Object} collection The collection to iterate over.
* @param {Function} [iteratee=_.identity] The function invoked per iteration.
* @returns {Array|Object} Returns `collection`.
* @see _.forEachRight
* @example
*
* _.forEach([1, 2], function(value) {
* console.log(value);
* });
* // => Logs `1` then `2`.
*
* _.forEach({ 'a': 1, 'b': 2 }, function(value, key) {
* console.log(key);
* });
* // => Logs 'a' then 'b' (iteration order is not guaranteed).
*/
function forEach(collection, iteratee) {
var func = isArray(collection) ? arrayEach : baseEach;
return func(collection, castFunction(iteratee));
}
module.exports = forEach;
/***/ }),
/***/ 49288:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGet = __webpack_require__(81361);
/**
* Gets the value at `path` of `object`. If the resolved value is
* `undefined`, the `defaultValue` is returned in its place.
*
* @static
* @memberOf _
* @since 3.7.0
* @category Object
* @param {Object} object The object to query.
* @param {Array|string} path The path of the property to get.
* @param {*} [defaultValue] The value returned for `undefined` resolved values.
* @returns {*} Returns the resolved value.
* @example
*
* var object = { 'a': [{ 'b': { 'c': 3 } }] };
*
* _.get(object, 'a[0].b.c');
* // => 3
*
* _.get(object, ['a', '0', 'b', 'c']);
* // => 3
*
* _.get(object, 'a.b.c', 'default');
* // => 'default'
*/
function get(object, path, defaultValue) {
var result = object == null ? undefined : baseGet(object, path);
return result === undefined ? defaultValue : result;
}
module.exports = get;
/***/ }),
/***/ 845:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseHasIn = __webpack_require__(34904),
hasPath = __webpack_require__(57807);
/**
* Checks if `path` is a direct or inherited property of `object`.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Object
* @param {Object} object The object to query.
* @param {Array|string} path The path to check.
* @returns {boolean} Returns `true` if `path` exists, else `false`.
* @example
*
* var object = _.create({ 'a': _.create({ 'b': 2 }) });
*
* _.hasIn(object, 'a');
* // => true
*
* _.hasIn(object, 'a.b');
* // => true
*
* _.hasIn(object, ['a', 'b']);
* // => true
*
* _.hasIn(object, 'b');
* // => false
*/
function hasIn(object, path) {
return object != null && hasPath(object, path, baseHasIn);
}
module.exports = hasIn;
/***/ }),
/***/ 92916:
/***/ ((module) => {
/**
* This method returns the first argument it receives.
*
* @static
* @since 0.1.0
* @memberOf _
* @category Util
* @param {*} value Any value.
* @returns {*} Returns `value`.
* @example
*
* var object = { 'a': 1 };
*
* console.log(_.identity(object) === object);
* // => true
*/
function identity(value) {
return value;
}
module.exports = identity;
/***/ }),
/***/ 26429:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsArguments = __webpack_require__(39014),
isObjectLike = __webpack_require__(26617);
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/** Built-in value references. */
var propertyIsEnumerable = objectProto.propertyIsEnumerable;
/**
* Checks if `value` is likely an `arguments` object.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is an `arguments` object,
* else `false`.
* @example
*
* _.isArguments(function() { return arguments; }());
* // => true
*
* _.isArguments([1, 2, 3]);
* // => false
*/
var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {
return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&
!propertyIsEnumerable.call(value, 'callee');
};
module.exports = isArguments;
/***/ }),
/***/ 51952:
/***/ ((module) => {
/**
* Checks if `value` is classified as an `Array` object.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is an array, else `false`.
* @example
*
* _.isArray([1, 2, 3]);
* // => true
*
* _.isArray(document.body.children);
* // => false
*
* _.isArray('abc');
* // => false
*
* _.isArray(_.noop);
* // => false
*/
var isArray = Array.isArray;
module.exports = isArray;
/***/ }),
/***/ 881:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isFunction = __webpack_require__(18180),
isLength = __webpack_require__(52930);
/**
* Checks if `value` is array-like. A value is considered array-like if it's
* not a function and has a `value.length` that's an integer greater than or
* equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is array-like, else `false`.
* @example
*
* _.isArrayLike([1, 2, 3]);
* // => true
*
* _.isArrayLike(document.body.children);
* // => true
*
* _.isArrayLike('abc');
* // => true
*
* _.isArrayLike(_.noop);
* // => false
*/
function isArrayLike(value) {
return value != null && isLength(value.length) && !isFunction(value);
}
module.exports = isArrayLike;
/***/ }),
/***/ 70928:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var isArrayLike = __webpack_require__(881),
isObjectLike = __webpack_require__(26617);
/**
* This method is like `_.isArrayLike` except that it also checks if `value`
* is an object.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is an array-like object,
* else `false`.
* @example
*
* _.isArrayLikeObject([1, 2, 3]);
* // => true
*
* _.isArrayLikeObject(document.body.children);
* // => true
*
* _.isArrayLikeObject('abc');
* // => false
*
* _.isArrayLikeObject(_.noop);
* // => false
*/
function isArrayLikeObject(value) {
return isObjectLike(value) && isArrayLike(value);
}
module.exports = isArrayLikeObject;
/***/ }),
/***/ 64767:
/***/ ((module, exports, __webpack_require__) => {
/* module decorator */ module = __webpack_require__.nmd(module);
var root = __webpack_require__(81295),
stubFalse = __webpack_require__(43835);
/** Detect free variable `exports`. */
var freeExports = true && exports && !exports.nodeType && exports;
/** Detect free variable `module`. */
var freeModule = freeExports && "object" == 'object' && module && !module.nodeType && module;
/** Detect the popular CommonJS extension `module.exports`. */
var moduleExports = freeModule && freeModule.exports === freeExports;
/** Built-in value references. */
var Buffer = moduleExports ? root.Buffer : undefined;
/* Built-in method references for those with the same name as other `lodash` methods. */
var nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;
/**
* Checks if `value` is a buffer.
*
* @static
* @memberOf _
* @since 4.3.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
* @example
*
* _.isBuffer(new Buffer(2));
* // => true
*
* _.isBuffer(new Uint8Array(2));
* // => false
*/
var isBuffer = nativeIsBuffer || stubFalse;
module.exports = isBuffer;
/***/ }),
/***/ 39811:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseKeys = __webpack_require__(79495),
getTag = __webpack_require__(71467),
isArguments = __webpack_require__(26429),
isArray = __webpack_require__(51952),
isArrayLike = __webpack_require__(881),
isBuffer = __webpack_require__(64767),
isPrototype = __webpack_require__(14989),
isTypedArray = __webpack_require__(67519);
/** `Object#toString` result references. */
var mapTag = '[object Map]',
setTag = '[object Set]';
/** Used for built-in method references. */
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/**
* Checks if `value` is an empty object, collection, map, or set.
*
* Objects are considered empty if they have no own enumerable string keyed
* properties.
*
* Array-like values such as `arguments` objects, arrays, buffers, strings, or
* jQuery-like collections are considered empty if they have a `length` of `0`.
* Similarly, maps and sets are considered empty if they have a `size` of `0`.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is empty, else `false`.
* @example
*
* _.isEmpty(null);
* // => true
*
* _.isEmpty(true);
* // => true
*
* _.isEmpty(1);
* // => true
*
* _.isEmpty([1, 2, 3]);
* // => false
*
* _.isEmpty({ 'a': 1 });
* // => false
*/
function isEmpty(value) {
if (value == null) {
return true;
}
if (isArrayLike(value) &&
(isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||
isBuffer(value) || isTypedArray(value) || isArguments(value))) {
return !value.length;
}
var tag = getTag(value);
if (tag == mapTag || tag == setTag) {
return !value.size;
}
if (isPrototype(value)) {
return !baseKeys(value).length;
}
for (var key in value) {
if (hasOwnProperty.call(value, key)) {
return false;
}
}
return true;
}
module.exports = isEmpty;
/***/ }),
/***/ 3147:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsEqual = __webpack_require__(7037);
/**
* Performs a deep comparison between two values to determine if they are
* equivalent.
*
* **Note:** This method supports comparing arrays, array buffers, booleans,
* date objects, error objects, maps, numbers, `Object` objects, regexes,
* sets, strings, symbols, and typed arrays. `Object` objects are compared
* by their own, not inherited, enumerable properties. Functions and DOM
* nodes are compared by strict equality, i.e. `===`.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to compare.
* @param {*} other The other value to compare.
* @returns {boolean} Returns `true` if the values are equivalent, else `false`.
* @example
*
* var object = { 'a': 1 };
* var other = { 'a': 1 };
*
* _.isEqual(object, other);
* // => true
*
* object === other;
* // => false
*/
function isEqual(value, other) {
return baseIsEqual(value, other);
}
module.exports = isEqual;
/***/ }),
/***/ 18180:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGetTag = __webpack_require__(7811),
isObject = __webpack_require__(47901);
/** `Object#toString` result references. */
var asyncTag = '[object AsyncFunction]',
funcTag = '[object Function]',
genTag = '[object GeneratorFunction]',
proxyTag = '[object Proxy]';
/**
* Checks if `value` is classified as a `Function` object.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a function, else `false`.
* @example
*
* _.isFunction(_);
* // => true
*
* _.isFunction(/abc/);
* // => false
*/
function isFunction(value) {
if (!isObject(value)) {
return false;
}
// The use of `Object#toString` avoids issues with the `typeof` operator
// in Safari 9 which returns 'object' for typed arrays and other constructors.
var tag = baseGetTag(value);
return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
}
module.exports = isFunction;
/***/ }),
/***/ 52930:
/***/ ((module) => {
/** Used as references for various `Number` constants. */
var MAX_SAFE_INTEGER = 9007199254740991;
/**
* Checks if `value` is a valid array-like length.
*
* **Note:** This method is loosely based on
* [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
* @example
*
* _.isLength(3);
* // => true
*
* _.isLength(Number.MIN_VALUE);
* // => false
*
* _.isLength(Infinity);
* // => false
*
* _.isLength('3');
* // => false
*/
function isLength(value) {
return typeof value == 'number' &&
value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
}
module.exports = isLength;
/***/ }),
/***/ 28259:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsMap = __webpack_require__(60285),
baseUnary = __webpack_require__(93598),
nodeUtil = __webpack_require__(69866);
/* Node.js helper references. */
var nodeIsMap = nodeUtil && nodeUtil.isMap;
/**
* Checks if `value` is classified as a `Map` object.
*
* @static
* @memberOf _
* @since 4.3.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a map, else `false`.
* @example
*
* _.isMap(new Map);
* // => true
*
* _.isMap(new WeakMap);
* // => false
*/
var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
module.exports = isMap;
/***/ }),
/***/ 50946:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGetTag = __webpack_require__(7811),
isObjectLike = __webpack_require__(26617);
/** `Object#toString` result references. */
var numberTag = '[object Number]';
/**
* Checks if `value` is classified as a `Number` primitive or object.
*
* **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are
* classified as numbers, use the `_.isFinite` method.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a number, else `false`.
* @example
*
* _.isNumber(3);
* // => true
*
* _.isNumber(Number.MIN_VALUE);
* // => true
*
* _.isNumber(Infinity);
* // => true
*
* _.isNumber('3');
* // => false
*/
function isNumber(value) {
return typeof value == 'number' ||
(isObjectLike(value) && baseGetTag(value) == numberTag);
}
module.exports = isNumber;
/***/ }),
/***/ 47901:
/***/ ((module) => {
/**
* Checks if `value` is the
* [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
* of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
*
* @static
* @memberOf _
* @since 0.1.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is an object, else `false`.
* @example
*
* _.isObject({});
* // => true
*
* _.isObject([1, 2, 3]);
* // => true
*
* _.isObject(_.noop);
* // => true
*
* _.isObject(null);
* // => false
*/
function isObject(value) {
var type = typeof value;
return value != null && (type == 'object' || type == 'function');
}
module.exports = isObject;
/***/ }),
/***/ 26617:
/***/ ((module) => {
/**
* Checks if `value` is object-like. A value is object-like if it's not `null`
* and has a `typeof` result of "object".
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is object-like, else `false`.
* @example
*
* _.isObjectLike({});
* // => true
*
* _.isObjectLike([1, 2, 3]);
* // => true
*
* _.isObjectLike(_.noop);
* // => false
*
* _.isObjectLike(null);
* // => false
*/
function isObjectLike(value) {
return value != null && typeof value == 'object';
}
module.exports = isObjectLike;
/***/ }),
/***/ 10900:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGetTag = __webpack_require__(7811),
getPrototype = __webpack_require__(10100),
isObjectLike = __webpack_require__(26617);
/** `Object#toString` result references. */
var objectTag = '[object Object]';
/** Used for built-in method references. */
var funcProto = Function.prototype,
objectProto = Object.prototype;
/** Used to resolve the decompiled source of functions. */
var funcToString = funcProto.toString;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
/** Used to infer the `Object` constructor. */
var objectCtorString = funcToString.call(Object);
/**
* Checks if `value` is a plain object, that is, an object created by the
* `Object` constructor or one with a `[[Prototype]]` of `null`.
*
* @static
* @memberOf _
* @since 0.8.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
* @example
*
* function Foo() {
* this.a = 1;
* }
*
* _.isPlainObject(new Foo);
* // => false
*
* _.isPlainObject([1, 2, 3]);
* // => false
*
* _.isPlainObject({ 'x': 0, 'y': 0 });
* // => true
*
* _.isPlainObject(Object.create(null));
* // => true
*/
function isPlainObject(value) {
if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
return false;
}
var proto = getPrototype(value);
if (proto === null) {
return true;
}
var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;
return typeof Ctor == 'function' && Ctor instanceof Ctor &&
funcToString.call(Ctor) == objectCtorString;
}
module.exports = isPlainObject;
/***/ }),
/***/ 2776:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsSet = __webpack_require__(61982),
baseUnary = __webpack_require__(93598),
nodeUtil = __webpack_require__(69866);
/* Node.js helper references. */
var nodeIsSet = nodeUtil && nodeUtil.isSet;
/**
* Checks if `value` is classified as a `Set` object.
*
* @static
* @memberOf _
* @since 4.3.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a set, else `false`.
* @example
*
* _.isSet(new Set);
* // => true
*
* _.isSet(new WeakSet);
* // => false
*/
var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
module.exports = isSet;
/***/ }),
/***/ 55448:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseGetTag = __webpack_require__(7811),
isObjectLike = __webpack_require__(26617);
/** `Object#toString` result references. */
var symbolTag = '[object Symbol]';
/**
* Checks if `value` is classified as a `Symbol` primitive or object.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
* @example
*
* _.isSymbol(Symbol.iterator);
* // => true
*
* _.isSymbol('abc');
* // => false
*/
function isSymbol(value) {
return typeof value == 'symbol' ||
(isObjectLike(value) && baseGetTag(value) == symbolTag);
}
module.exports = isSymbol;
/***/ }),
/***/ 67519:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIsTypedArray = __webpack_require__(77454),
baseUnary = __webpack_require__(93598),
nodeUtil = __webpack_require__(69866);
/* Node.js helper references. */
var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
/**
* Checks if `value` is classified as a typed array.
*
* @static
* @memberOf _
* @since 3.0.0
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
* @example
*
* _.isTypedArray(new Uint8Array);
* // => true
*
* _.isTypedArray([]);
* // => false
*/
var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
module.exports = isTypedArray;
/***/ }),
/***/ 40584:
/***/ ((module) => {
/**
* Checks if `value` is `undefined`.
*
* @static
* @since 0.1.0
* @memberOf _
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.
* @example
*
* _.isUndefined(void 0);
* // => true
*
* _.isUndefined(null);
* // => false
*/
function isUndefined(value) {
return value === undefined;
}
module.exports = isUndefined;
/***/ }),
/***/ 27053:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var createCompounder = __webpack_require__(51656);
/**
* Converts `string` to
* [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).
*
* @static
* @memberOf _
* @since 3.0.0
* @category String
* @param {string} [string=''] The string to convert.
* @returns {string} Returns the kebab cased string.
* @example
*
* _.kebabCase('Foo Bar');
* // => 'foo-bar'
*
* _.kebabCase('fooBar');
* // => 'foo-bar'
*
* _.kebabCase('__FOO_BAR__');
* // => 'foo-bar'
*/
var kebabCase = createCompounder(function(result, word, index) {
return result + (index ? '-' : '') + word.toLowerCase();
});
module.exports = kebabCase;
/***/ }),
/***/ 74973:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayLikeKeys = __webpack_require__(84832),
baseKeys = __webpack_require__(79495),
isArrayLike = __webpack_require__(881);
/**
* Creates an array of the own enumerable property names of `object`.
*
* **Note:** Non-object values are coerced to objects. See the
* [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
* for more details.
*
* @static
* @since 0.1.0
* @memberOf _
* @category Object
* @param {Object} object The object to query.
* @returns {Array} Returns the array of property names.
* @example
*
* function Foo() {
* this.a = 1;
* this.b = 2;
* }
*
* Foo.prototype.c = 3;
*
* _.keys(new Foo);
* // => ['a', 'b'] (iteration order is not guaranteed)
*
* _.keys('hi');
* // => ['0', '1']
*/
function keys(object) {
return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
}
module.exports = keys;
/***/ }),
/***/ 37686:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayLikeKeys = __webpack_require__(84832),
baseKeysIn = __webpack_require__(25760),
isArrayLike = __webpack_require__(881);
/**
* Creates an array of the own and inherited enumerable property names of `object`.
*
* **Note:** Non-object values are coerced to objects.
*
* @static
* @memberOf _
* @since 3.0.0
* @category Object
* @param {Object} object The object to query.
* @returns {Array} Returns the array of property names.
* @example
*
* function Foo() {
* this.a = 1;
* this.b = 2;
* }
*
* Foo.prototype.c = 3;
*
* _.keysIn(new Foo);
* // => ['a', 'b', 'c'] (iteration order is not guaranteed)
*/
function keysIn(object) {
return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
}
module.exports = keysIn;
/***/ }),
/***/ 91930:
/***/ ((module) => {
/**
* Gets the last element of `array`.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Array
* @param {Array} array The array to query.
* @returns {*} Returns the last element of `array`.
* @example
*
* _.last([1, 2, 3]);
* // => 3
*/
function last(array) {
var length = array == null ? 0 : array.length;
return length ? array[length - 1] : undefined;
}
module.exports = last;
/***/ }),
/***/ 66550:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayMap = __webpack_require__(24814),
baseIteratee = __webpack_require__(81684),
baseMap = __webpack_require__(34950),
isArray = __webpack_require__(51952);
/**
* Creates an array of values by running each element in `collection` thru
* `iteratee`. The iteratee is invoked with three arguments:
* (value, index|key, collection).
*
* Many lodash methods are guarded to work as iteratees for methods like
* `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`.
*
* The guarded methods are:
* `ary`, `chunk`, `curry`, `curryRight`, `drop`, `dropRight`, `every`,
* `fill`, `invert`, `parseInt`, `random`, `range`, `rangeRight`, `repeat`,
* `sampleSize`, `slice`, `some`, `sortBy`, `split`, `take`, `takeRight`,
* `template`, `trim`, `trimEnd`, `trimStart`, and `words`
*
* @static
* @memberOf _
* @since 0.1.0
* @category Collection
* @param {Array|Object} collection The collection to iterate over.
* @param {Function} [iteratee=_.identity] The function invoked per iteration.
* @returns {Array} Returns the new mapped array.
* @example
*
* function square(n) {
* return n * n;
* }
*
* _.map([4, 8], square);
* // => [16, 64]
*
* _.map({ 'a': 4, 'b': 8 }, square);
* // => [16, 64] (iteration order is not guaranteed)
*
* var users = [
* { 'user': 'barney' },
* { 'user': 'fred' }
* ];
*
* // The `_.property` iteratee shorthand.
* _.map(users, 'user');
* // => ['barney', 'fred']
*/
function map(collection, iteratee) {
var func = isArray(collection) ? arrayMap : baseMap;
return func(collection, baseIteratee(iteratee, 3));
}
module.exports = map;
/***/ }),
/***/ 39975:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseAssignValue = __webpack_require__(77233),
baseForOwn = __webpack_require__(91739),
baseIteratee = __webpack_require__(81684);
/**
* Creates an object with the same keys as `object` and values generated
* by running each own enumerable string keyed property of `object` thru
* `iteratee`. The iteratee is invoked with three arguments:
* (value, key, object).
*
* @static
* @memberOf _
* @since 2.4.0
* @category Object
* @param {Object} object The object to iterate over.
* @param {Function} [iteratee=_.identity] The function invoked per iteration.
* @returns {Object} Returns the new mapped object.
* @see _.mapKeys
* @example
*
* var users = {
* 'fred': { 'user': 'fred', 'age': 40 },
* 'pebbles': { 'user': 'pebbles', 'age': 1 }
* };
*
* _.mapValues(users, function(o) { return o.age; });
* // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
*
* // The `_.property` iteratee shorthand.
* _.mapValues(users, 'age');
* // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
*/
function mapValues(object, iteratee) {
var result = {};
iteratee = baseIteratee(iteratee, 3);
baseForOwn(object, function(value, key, object) {
baseAssignValue(result, key, iteratee(value, key, object));
});
return result;
}
module.exports = mapValues;
/***/ }),
/***/ 28867:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseExtremum = __webpack_require__(46349),
baseGt = __webpack_require__(31198),
identity = __webpack_require__(92916);
/**
* Computes the maximum value of `array`. If `array` is empty or falsey,
* `undefined` is returned.
*
* @static
* @since 0.1.0
* @memberOf _
* @category Math
* @param {Array} array The array to iterate over.
* @returns {*} Returns the maximum value.
* @example
*
* _.max([4, 2, 8, 6]);
* // => 8
*
* _.max([]);
* // => undefined
*/
function max(array) {
return (array && array.length)
? baseExtremum(array, identity, baseGt)
: undefined;
}
module.exports = max;
/***/ }),
/***/ 46493:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var MapCache = __webpack_require__(70147);
/** Error message constants. */
var FUNC_ERROR_TEXT = 'Expected a function';
/**
* Creates a function that memoizes the result of `func`. If `resolver` is
* provided, it determines the cache key for storing the result based on the
* arguments provided to the memoized function. By default, the first argument
* provided to the memoized function is used as the map cache key. The `func`
* is invoked with the `this` binding of the memoized function.
*
* **Note:** The cache is exposed as the `cache` property on the memoized
* function. Its creation may be customized by replacing the `_.memoize.Cache`
* constructor with one whose instances implement the
* [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
* method interface of `clear`, `delete`, `get`, `has`, and `set`.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Function
* @param {Function} func The function to have its output memoized.
* @param {Function} [resolver] The function to resolve the cache key.
* @returns {Function} Returns the new memoized function.
* @example
*
* var object = { 'a': 1, 'b': 2 };
* var other = { 'c': 3, 'd': 4 };
*
* var values = _.memoize(_.values);
* values(object);
* // => [1, 2]
*
* values(other);
* // => [3, 4]
*
* object.a = 2;
* values(object);
* // => [1, 2]
*
* // Modify the result cache.
* values.cache.set(object, ['a', 'b']);
* values(object);
* // => ['a', 'b']
*
* // Replace `_.memoize.Cache`.
* _.memoize.Cache = WeakMap;
*/
function memoize(func, resolver) {
if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
throw new TypeError(FUNC_ERROR_TEXT);
}
var memoized = function() {
var args = arguments,
key = resolver ? resolver.apply(this, args) : args[0],
cache = memoized.cache;
if (cache.has(key)) {
return cache.get(key);
}
var result = func.apply(this, args);
memoized.cache = cache.set(key, result) || cache;
return result;
};
memoized.cache = new (memoize.Cache || MapCache);
return memoized;
}
// Expose `MapCache`.
memoize.Cache = MapCache;
module.exports = memoize;
/***/ }),
/***/ 85692:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseMerge = __webpack_require__(21247),
createAssigner = __webpack_require__(63805);
/**
* This method is like `_.assign` except that it recursively merges own and
* inherited enumerable string keyed properties of source objects into the
* destination object. Source properties that resolve to `undefined` are
* skipped if a destination value exists. Array and plain object properties
* are merged recursively. Other objects and value types are overridden by
* assignment. Source objects are applied from left to right. Subsequent
* sources overwrite property assignments of previous sources.
*
* **Note:** This method mutates `object`.
*
* @static
* @memberOf _
* @since 0.5.0
* @category Object
* @param {Object} object The destination object.
* @param {...Object} [sources] The source objects.
* @returns {Object} Returns `object`.
* @example
*
* var object = {
* 'a': [{ 'b': 2 }, { 'd': 4 }]
* };
*
* var other = {
* 'a': [{ 'c': 3 }, { 'e': 5 }]
* };
*
* _.merge(object, other);
* // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
*/
var merge = createAssigner(function(object, source, srcIndex) {
baseMerge(object, source, srcIndex);
});
module.exports = merge;
/***/ }),
/***/ 31381:
/***/ ((module) => {
/**
* This method returns `undefined`.
*
* @static
* @memberOf _
* @since 2.3.0
* @category Util
* @example
*
* _.times(2, _.noop);
* // => [undefined, undefined]
*/
function noop() {
// No operation performed.
}
module.exports = noop;
/***/ }),
/***/ 28810:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var root = __webpack_require__(81295);
/**
* Gets the timestamp of the number of milliseconds that have elapsed since
* the Unix epoch (1 January 1970 00:00:00 UTC).
*
* @static
* @memberOf _
* @since 2.4.0
* @category Date
* @returns {number} Returns the timestamp.
* @example
*
* _.defer(function(stamp) {
* console.log(_.now() - stamp);
* }, _.now());
* // => Logs the number of milliseconds it took for the deferred invocation.
*/
var now = function() {
return root.Date.now();
};
module.exports = now;
/***/ }),
/***/ 2547:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var arrayMap = __webpack_require__(24814),
baseClone = __webpack_require__(56024),
baseUnset = __webpack_require__(27213),
castPath = __webpack_require__(78936),
copyObject = __webpack_require__(53927),
customOmitClone = __webpack_require__(89680),
flatRest = __webpack_require__(96439),
getAllKeysIn = __webpack_require__(54089);
/** Used to compose bitmasks for cloning. */
var CLONE_DEEP_FLAG = 1,
CLONE_FLAT_FLAG = 2,
CLONE_SYMBOLS_FLAG = 4;
/**
* The opposite of `_.pick`; this method creates an object composed of the
* own and inherited enumerable property paths of `object` that are not omitted.
*
* **Note:** This method is considerably slower than `_.pick`.
*
* @static
* @since 0.1.0
* @memberOf _
* @category Object
* @param {Object} object The source object.
* @param {...(string|string[])} [paths] The property paths to omit.
* @returns {Object} Returns the new object.
* @example
*
* var object = { 'a': 1, 'b': '2', 'c': 3 };
*
* _.omit(object, ['a', 'c']);
* // => { 'b': '2' }
*/
var omit = flatRest(function(object, paths) {
var result = {};
if (object == null) {
return result;
}
var isDeep = false;
paths = arrayMap(paths, function(path) {
path = castPath(path, object);
isDeep || (isDeep = path.length > 1);
return path;
});
copyObject(object, getAllKeysIn(object), result);
if (isDeep) {
result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);
}
var length = paths.length;
while (length--) {
baseUnset(result, paths[length]);
}
return result;
});
module.exports = omit;
/***/ }),
/***/ 50859:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseProperty = __webpack_require__(14685),
basePropertyDeep = __webpack_require__(54524),
isKey = __webpack_require__(54320),
toKey = __webpack_require__(6852);
/**
* Creates a function that returns the value at `path` of a given object.
*
* @static
* @memberOf _
* @since 2.4.0
* @category Util
* @param {Array|string} path The path of the property to get.
* @returns {Function} Returns the new accessor function.
* @example
*
* var objects = [
* { 'a': { 'b': 2 } },
* { 'a': { 'b': 1 } }
* ];
*
* _.map(objects, _.property('a.b'));
* // => [2, 1]
*
* _.map(_.sortBy(objects, _.property(['a', 'b'])), 'a.b');
* // => [1, 2]
*/
function property(path) {
return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);
}
module.exports = property;
/***/ }),
/***/ 30057:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseRest = __webpack_require__(14664),
pullAll = __webpack_require__(664);
/**
* Removes all given values from `array` using
* [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
* for equality comparisons.
*
* **Note:** Unlike `_.without`, this method mutates `array`. Use `_.remove`
* to remove elements from an array by predicate.
*
* @static
* @memberOf _
* @since 2.0.0
* @category Array
* @param {Array} array The array to modify.
* @param {...*} [values] The values to remove.
* @returns {Array} Returns `array`.
* @example
*
* var array = ['a', 'b', 'c', 'a', 'b', 'c'];
*
* _.pull(array, 'a', 'c');
* console.log(array);
* // => ['b', 'b']
*/
var pull = baseRest(pullAll);
module.exports = pull;
/***/ }),
/***/ 664:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var basePullAll = __webpack_require__(93085);
/**
* This method is like `_.pull` except that it accepts an array of values to remove.
*
* **Note:** Unlike `_.difference`, this method mutates `array`.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Array
* @param {Array} array The array to modify.
* @param {Array} values The values to remove.
* @returns {Array} Returns `array`.
* @example
*
* var array = ['a', 'b', 'c', 'a', 'b', 'c'];
*
* _.pullAll(array, ['a', 'c']);
* console.log(array);
* // => ['b', 'b']
*/
function pullAll(array, values) {
return (array && array.length && values && values.length)
? basePullAll(array, values)
: array;
}
module.exports = pullAll;
/***/ }),
/***/ 7322:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseIteratee = __webpack_require__(81684),
basePullAt = __webpack_require__(63064);
/**
* Removes all elements from `array` that `predicate` returns truthy for
* and returns an array of the removed elements. The predicate is invoked
* with three arguments: (value, index, array).
*
* **Note:** Unlike `_.filter`, this method mutates `array`. Use `_.pull`
* to pull elements from an array by value.
*
* @static
* @memberOf _
* @since 2.0.0
* @category Array
* @param {Array} array The array to modify.
* @param {Function} [predicate=_.identity] The function invoked per iteration.
* @returns {Array} Returns the new array of removed elements.
* @example
*
* var array = [1, 2, 3, 4];
* var evens = _.remove(array, function(n) {
* return n % 2 == 0;
* });
*
* console.log(array);
* // => [1, 3]
*
* console.log(evens);
* // => [2, 4]
*/
function remove(array, predicate) {
var result = [];
if (!(array && array.length)) {
return result;
}
var index = -1,
indexes = [],
length = array.length;
predicate = baseIteratee(predicate, 3);
while (++index < length) {
var value = array[index];
if (predicate(value, index, array)) {
result.push(value);
indexes.push(index);
}
}
basePullAt(array, indexes);
return result;
}
module.exports = remove;
/***/ }),
/***/ 45470:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseFlatten = __webpack_require__(947),
baseOrderBy = __webpack_require__(53274),
baseRest = __webpack_require__(14664),
isIterateeCall = __webpack_require__(12602);
/**
* Creates an array of elements, sorted in ascending order by the results of
* running each element in a collection thru each iteratee. This method
* performs a stable sort, that is, it preserves the original sort order of
* equal elements. The iteratees are invoked with one argument: (value).
*
* @static
* @memberOf _
* @since 0.1.0
* @category Collection
* @param {Array|Object} collection The collection to iterate over.
* @param {...(Function|Function[])} [iteratees=[_.identity]]
* The iteratees to sort by.
* @returns {Array} Returns the new sorted array.
* @example
*
* var users = [
* { 'user': 'fred', 'age': 48 },
* { 'user': 'barney', 'age': 36 },
* { 'user': 'fred', 'age': 30 },
* { 'user': 'barney', 'age': 34 }
* ];
*
* _.sortBy(users, [function(o) { return o.user; }]);
* // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 30]]
*
* _.sortBy(users, ['user', 'age']);
* // => objects for [['barney', 34], ['barney', 36], ['fred', 30], ['fred', 48]]
*/
var sortBy = baseRest(function(collection, iteratees) {
if (collection == null) {
return [];
}
var length = iteratees.length;
if (length > 1 && isIterateeCall(collection, iteratees[0], iteratees[1])) {
iteratees = [];
} else if (length > 2 && isIterateeCall(iteratees[0], iteratees[1], iteratees[2])) {
iteratees = [iteratees[0]];
}
return baseOrderBy(collection, baseFlatten(iteratees, 1), []);
});
module.exports = sortBy;
/***/ }),
/***/ 35032:
/***/ ((module) => {
/**
* This method returns a new empty array.
*
* @static
* @memberOf _
* @since 4.13.0
* @category Util
* @returns {Array} Returns the new empty array.
* @example
*
* var arrays = _.times(2, _.stubArray);
*
* console.log(arrays);
* // => [[], []]
*
* console.log(arrays[0] === arrays[1]);
* // => false
*/
function stubArray() {
return [];
}
module.exports = stubArray;
/***/ }),
/***/ 43835:
/***/ ((module) => {
/**
* This method returns `false`.
*
* @static
* @memberOf _
* @since 4.13.0
* @category Util
* @returns {boolean} Returns `false`.
* @example
*
* _.times(2, _.stubFalse);
* // => [false, false]
*/
function stubFalse() {
return false;
}
module.exports = stubFalse;
/***/ }),
/***/ 9042:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var debounce = __webpack_require__(32881),
isObject = __webpack_require__(47901);
/** Error message constants. */
var FUNC_ERROR_TEXT = 'Expected a function';
/**
* Creates a throttled function that only invokes `func` at most once per
* every `wait` milliseconds. The throttled function comes with a `cancel`
* method to cancel delayed `func` invocations and a `flush` method to
* immediately invoke them. Provide `options` to indicate whether `func`
* should be invoked on the leading and/or trailing edge of the `wait`
* timeout. The `func` is invoked with the last arguments provided to the
* throttled function. Subsequent calls to the throttled function return the
* result of the last `func` invocation.
*
* **Note:** If `leading` and `trailing` options are `true`, `func` is
* invoked on the trailing edge of the timeout only if the throttled function
* is invoked more than once during the `wait` timeout.
*
* If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
* until to the next tick, similar to `setTimeout` with a timeout of `0`.
*
* See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
* for details over the differences between `_.throttle` and `_.debounce`.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Function
* @param {Function} func The function to throttle.
* @param {number} [wait=0] The number of milliseconds to throttle invocations to.
* @param {Object} [options={}] The options object.
* @param {boolean} [options.leading=true]
* Specify invoking on the leading edge of the timeout.
* @param {boolean} [options.trailing=true]
* Specify invoking on the trailing edge of the timeout.
* @returns {Function} Returns the new throttled function.
* @example
*
* // Avoid excessively updating the position while scrolling.
* jQuery(window).on('scroll', _.throttle(updatePosition, 100));
*
* // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
* var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
* jQuery(element).on('click', throttled);
*
* // Cancel the trailing throttled invocation.
* jQuery(window).on('popstate', throttled.cancel);
*/
function throttle(func, wait, options) {
var leading = true,
trailing = true;
if (typeof func != 'function') {
throw new TypeError(FUNC_ERROR_TEXT);
}
if (isObject(options)) {
leading = 'leading' in options ? !!options.leading : leading;
trailing = 'trailing' in options ? !!options.trailing : trailing;
}
return debounce(func, wait, {
'leading': leading,
'maxWait': wait,
'trailing': trailing
});
}
module.exports = throttle;
/***/ }),
/***/ 38802:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var toNumber = __webpack_require__(76181);
/** Used as references for various `Number` constants. */
var INFINITY = 1 / 0,
MAX_INTEGER = 1.7976931348623157e+308;
/**
* Converts `value` to a finite number.
*
* @static
* @memberOf _
* @since 4.12.0
* @category Lang
* @param {*} value The value to convert.
* @returns {number} Returns the converted number.
* @example
*
* _.toFinite(3.2);
* // => 3.2
*
* _.toFinite(Number.MIN_VALUE);
* // => 5e-324
*
* _.toFinite(Infinity);
* // => 1.7976931348623157e+308
*
* _.toFinite('3.2');
* // => 3.2
*/
function toFinite(value) {
if (!value) {
return value === 0 ? value : 0;
}
value = toNumber(value);
if (value === INFINITY || value === -INFINITY) {
var sign = (value < 0 ? -1 : 1);
return sign * MAX_INTEGER;
}
return value === value ? value : 0;
}
module.exports = toFinite;
/***/ }),
/***/ 42538:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var toFinite = __webpack_require__(38802);
/**
* Converts `value` to an integer.
*
* **Note:** This method is loosely based on
* [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to convert.
* @returns {number} Returns the converted integer.
* @example
*
* _.toInteger(3.2);
* // => 3
*
* _.toInteger(Number.MIN_VALUE);
* // => 0
*
* _.toInteger(Infinity);
* // => 1.7976931348623157e+308
*
* _.toInteger('3.2');
* // => 3
*/
function toInteger(value) {
var result = toFinite(value),
remainder = result % 1;
return result === result ? (remainder ? result - remainder : result) : 0;
}
module.exports = toInteger;
/***/ }),
/***/ 76181:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseTrim = __webpack_require__(27906),
isObject = __webpack_require__(47901),
isSymbol = __webpack_require__(55448);
/** Used as references for various `Number` constants. */
var NAN = 0 / 0;
/** Used to detect bad signed hexadecimal string values. */
var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
/** Used to detect binary string values. */
var reIsBinary = /^0b[01]+$/i;
/** Used to detect octal string values. */
var reIsOctal = /^0o[0-7]+$/i;
/** Built-in method references without a dependency on `root`. */
var freeParseInt = parseInt;
/**
* Converts `value` to a number.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to process.
* @returns {number} Returns the number.
* @example
*
* _.toNumber(3.2);
* // => 3.2
*
* _.toNumber(Number.MIN_VALUE);
* // => 5e-324
*
* _.toNumber(Infinity);
* // => Infinity
*
* _.toNumber('3.2');
* // => 3.2
*/
function toNumber(value) {
if (typeof value == 'number') {
return value;
}
if (isSymbol(value)) {
return NAN;
}
if (isObject(value)) {
var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
value = isObject(other) ? (other + '') : other;
}
if (typeof value != 'string') {
return value === 0 ? value : +value;
}
value = baseTrim(value);
var isBinary = reIsBinary.test(value);
return (isBinary || reIsOctal.test(value))
? freeParseInt(value.slice(2), isBinary ? 2 : 8)
: (reIsBadHex.test(value) ? NAN : +value);
}
module.exports = toNumber;
/***/ }),
/***/ 32135:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var copyObject = __webpack_require__(53927),
keysIn = __webpack_require__(37686);
/**
* Converts `value` to a plain object flattening inherited enumerable string
* keyed properties of `value` to own properties of the plain object.
*
* @static
* @memberOf _
* @since 3.0.0
* @category Lang
* @param {*} value The value to convert.
* @returns {Object} Returns the converted plain object.
* @example
*
* function Foo() {
* this.b = 2;
* }
*
* Foo.prototype.c = 3;
*
* _.assign({ 'a': 1 }, new Foo);
* // => { 'a': 1, 'b': 2 }
*
* _.assign({ 'a': 1 }, _.toPlainObject(new Foo));
* // => { 'a': 1, 'b': 2, 'c': 3 }
*/
function toPlainObject(value) {
return copyObject(value, keysIn(value));
}
module.exports = toPlainObject;
/***/ }),
/***/ 14649:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseToString = __webpack_require__(72834);
/**
* Converts `value` to a string. An empty string is returned for `null`
* and `undefined` values. The sign of `-0` is preserved.
*
* @static
* @memberOf _
* @since 4.0.0
* @category Lang
* @param {*} value The value to convert.
* @returns {string} Returns the converted string.
* @example
*
* _.toString(null);
* // => ''
*
* _.toString(-0);
* // => '-0'
*
* _.toString([1, 2, 3]);
* // => '1,2,3'
*/
function toString(value) {
return value == null ? '' : baseToString(value);
}
module.exports = toString;
/***/ }),
/***/ 29134:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var baseFlatten = __webpack_require__(947),
baseRest = __webpack_require__(14664),
baseUniq = __webpack_require__(89149),
isArrayLikeObject = __webpack_require__(70928);
/**
* Creates an array of unique values, in order, from all given arrays using
* [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
* for equality comparisons.
*
* @static
* @memberOf _
* @since 0.1.0
* @category Array
* @param {...Array} [arrays] The arrays to inspect.
* @returns {Array} Returns the new array of combined values.
* @example
*
* _.union([2], [1, 2]);
* // => [2, 1]
*/
var union = baseRest(function(arrays) {
return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true));
});
module.exports = union;
/***/ }),
/***/ 80622:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var asciiWords = __webpack_require__(6647),
hasUnicodeWord = __webpack_require__(40274),
toString = __webpack_require__(14649),
unicodeWords = __webpack_require__(49633);
/**
* Splits `string` into an array of its words.
*
* @static
* @memberOf _
* @since 3.0.0
* @category String
* @param {string} [string=''] The string to inspect.
* @param {RegExp|string} [pattern] The pattern to match words.
* @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
* @returns {Array} Returns the words of `string`.
* @example
*
* _.words('fred, barney, & pebbles');
* // => ['fred', 'barney', 'pebbles']
*
* _.words('fred, barney, & pebbles', /[^, ]+/g);
* // => ['fred', 'barney', '&', 'pebbles']
*/
function words(string, pattern, guard) {
string = toString(string);
pattern = guard ? undefined : pattern;
if (pattern === undefined) {
return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);
}
return string.match(pattern) || [];
}
module.exports = words;
/***/ }),
/***/ 46194:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactPropTypesSecret = __webpack_require__(21860);
function emptyFunction() {}
function emptyFunctionWithReset() {}
emptyFunctionWithReset.resetWarningCache = emptyFunction;
module.exports = function() {
function shim(props, propName, componentName, location, propFullName, secret) {
if (secret === ReactPropTypesSecret) {
// It is still safe when called from React.
return;
}
var err = new Error(
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
'Use PropTypes.checkPropTypes() to call them. ' +
'Read more at http://fb.me/use-check-prop-types'
);
err.name = 'Invariant Violation';
throw err;
};
shim.isRequired = shim;
function getShim() {
return shim;
};
// Important!
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
var ReactPropTypes = {
array: shim,
bigint: shim,
bool: shim,
func: shim,
number: shim,
object: shim,
string: shim,
symbol: shim,
any: shim,
arrayOf: getShim,
element: shim,
elementType: shim,
instanceOf: getShim,
node: shim,
objectOf: getShim,
oneOf: getShim,
oneOfType: getShim,
shape: getShim,
exact: getShim,
checkPropTypes: emptyFunctionWithReset,
resetWarningCache: emptyFunction
};
ReactPropTypes.PropTypes = ReactPropTypes;
return ReactPropTypes;
};
/***/ }),
/***/ 18722:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
if (false) { var throwOnDirectAccess, ReactIs; } else {
// By explicitly using `prop-types` you are opting into new production behavior.
// http://fb.me/prop-types-in-prod
module.exports = __webpack_require__(46194)();
}
/***/ }),
/***/ 21860:
/***/ ((module) => {
"use strict";
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
module.exports = ReactPropTypesSecret;
/***/ }),
/***/ 60329:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "SubscriptionToken": () => (/* binding */ SubscriptionToken),
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/**
* SubscribableEvent.ts
*
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT license.
*
* A simple strongly-typed pub/sub/fire eventing system.
*/
var SubscriptionToken = /** @class */ (function () {
function SubscriptionToken(_event, _callback) {
this._event = _event;
this._callback = _callback;
}
SubscriptionToken.prototype.unsubscribe = function () {
this._event.unsubscribe(this._callback);
};
return SubscriptionToken;
}());
var SubscribableEvent = /** @class */ (function () {
// By default, SubscribableEvent will fire to all subscribers regardless of any conditions.
// If you enable allowStopPropagation, then a subscription callback can return a truthy response and it will halt further callbacks.
function SubscribableEvent(_allowStopPropagation) {
if (_allowStopPropagation === void 0) { _allowStopPropagation = false; }
var _this = this;
this._allowStopPropagation = _allowStopPropagation;
this.fire = (function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
// Keep reference to the original readonly array. We don't want to have it change while we're firing
var subs = _this._subscribers;
// Execute handlers in the reverse order in which they were registered.
for (var i = subs.length - 1; i >= 0; i--) {
var ret = subs[i].apply(null, args);
if (_this._allowStopPropagation && !!ret) {
// If the value was handled, early out.
return true;
}
}
return false;
});
this._subscribers = [];
}
SubscribableEvent.prototype.dispose = function () {
this._subscribers = [];
};
SubscribableEvent.prototype.subscribe = function (callback) {
this._subscribers = this._subscribers.concat(callback);
return new SubscriptionToken(this, callback);
};
SubscribableEvent.prototype.unsubscribe = function (callback) {
this._subscribers = this._subscribers.filter(function (value) { return value !== callback; });
};
return SubscribableEvent;
}());
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubscribableEvent);
/***/ }),
/***/ 95458:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var api = __webpack_require__(64350);
var content = __webpack_require__(14180);
content = content.__esModule ? content.default : content;
if (typeof content === 'string') {
content = [[module.id, content, '']];
}
var options = {};
options.insert = "head";
options.singleton = false;
var update = api(content, options);
module.exports = content.locals || {};
/***/ }),
/***/ 46427:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var api = __webpack_require__(64350);
var content = __webpack_require__(42513);
content = content.__esModule ? content.default : content;
if (typeof content === 'string') {
content = [[module.id, content, '']];
}
var options = {};
options.insert = "head";
options.singleton = false;
var update = api(content, options);
module.exports = content.locals || {};
/***/ }),
/***/ 64350:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var isOldIE = function isOldIE() {
var memo;
return function memorize() {
if (typeof memo === 'undefined') {
// Test for IE <= 9 as proposed by Browserhacks
// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
// Tests for existence of standard globals is to allow style-loader
// to operate correctly into non-standard environments
// @see https://github.com/webpack-contrib/style-loader/issues/177
memo = Boolean(window && document && document.all && !window.atob);
}
return memo;
};
}();
var getTarget = function getTarget() {
var memo = {};
return function memorize(target) {
if (typeof memo[target] === 'undefined') {
var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
try {
// This will throw an exception if access to iframe is blocked
// due to cross-origin restrictions
styleTarget = styleTarget.contentDocument.head;
} catch (e) {
// istanbul ignore next
styleTarget = null;
}
}
memo[target] = styleTarget;
}
return memo[target];
};
}();
var stylesInDom = [];
function getIndexByIdentifier(identifier) {
var result = -1;
for (var i = 0; i < stylesInDom.length; i++) {
if (stylesInDom[i].identifier === identifier) {
result = i;
break;
}
}
return result;
}
function modulesToDom(list, options) {
var idCountMap = {};
var identifiers = [];
for (var i = 0; i < list.length; i++) {
var item = list[i];
var id = options.base ? item[0] + options.base : item[0];
var count = idCountMap[id] || 0;
var identifier = "".concat(id, " ").concat(count);
idCountMap[id] = count + 1;
var index = getIndexByIdentifier(identifier);
var obj = {
css: item[1],
media: item[2],
sourceMap: item[3]
};
if (index !== -1) {
stylesInDom[index].references++;
stylesInDom[index].updater(obj);
} else {
stylesInDom.push({
identifier: identifier,
updater: addStyle(obj, options),
references: 1
});
}
identifiers.push(identifier);
}
return identifiers;
}
function insertStyleElement(options) {
var style = document.createElement('style');
var attributes = options.attributes || {};
if (typeof attributes.nonce === 'undefined') {
var nonce = true ? __webpack_require__.nc : 0;
if (nonce) {
attributes.nonce = nonce;
}
}
Object.keys(attributes).forEach(function (key) {
style.setAttribute(key, attributes[key]);
});
if (typeof options.insert === 'function') {
options.insert(style);
} else {
var target = getTarget(options.insert || 'head');
if (!target) {
throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
}
target.appendChild(style);
}
return style;
}
function removeStyleElement(style) {
// istanbul ignore if
if (style.parentNode === null) {
return false;
}
style.parentNode.removeChild(style);
}
/* istanbul ignore next */
var replaceText = function replaceText() {
var textStore = [];
return function replace(index, replacement) {
textStore[index] = replacement;
return textStore.filter(Boolean).join('\n');
};
}();
function applyToSingletonTag(style, index, remove, obj) {
var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
/* istanbul ignore if */
if (style.styleSheet) {
style.styleSheet.cssText = replaceText(index, css);
} else {
var cssNode = document.createTextNode(css);
var childNodes = style.childNodes;
if (childNodes[index]) {
style.removeChild(childNodes[index]);
}
if (childNodes.length) {
style.insertBefore(cssNode, childNodes[index]);
} else {
style.appendChild(cssNode);
}
}
}
function applyToTag(style, options, obj) {
var css = obj.css;
var media = obj.media;
var sourceMap = obj.sourceMap;
if (media) {
style.setAttribute('media', media);
} else {
style.removeAttribute('media');
}
if (sourceMap && typeof btoa !== 'undefined') {
css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
} // For old IE
/* istanbul ignore if */
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
while (style.firstChild) {
style.removeChild(style.firstChild);
}
style.appendChild(document.createTextNode(css));
}
}
var singleton = null;
var singletonCounter = 0;
function addStyle(obj, options) {
var style;
var update;
var remove;
if (options.singleton) {
var styleIndex = singletonCounter++;
style = singleton || (singleton = insertStyleElement(options));
update = applyToSingletonTag.bind(null, style, styleIndex, false);
remove = applyToSingletonTag.bind(null, style, styleIndex, true);
} else {
style = insertStyleElement(options);
update = applyToTag.bind(null, style, options);
remove = function remove() {
removeStyleElement(style);
};
}
update(obj);
return function updateStyle(newObj) {
if (newObj) {
if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
return;
}
update(obj = newObj);
} else {
remove();
}
};
}
module.exports = function (list, options) {
options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
// tags it will allow on a page
if (!options.singleton && typeof options.singleton !== 'boolean') {
options.singleton = isOldIE();
}
list = list || [];
var lastIdentifiers = modulesToDom(list, options);
return function update(newList) {
newList = newList || [];
if (Object.prototype.toString.call(newList) !== '[object Array]') {
return;
}
for (var i = 0; i < lastIdentifiers.length; i++) {
var identifier = lastIdentifiers[i];
var index = getIndexByIdentifier(identifier);
stylesInDom[index].references--;
}
var newLastIdentifiers = modulesToDom(newList, options);
for (var _i = 0; _i < lastIdentifiers.length; _i++) {
var _identifier = lastIdentifiers[_i];
var _index = getIndexByIdentifier(_identifier);
if (stylesInDom[_index].references === 0) {
stylesInDom[_index].updater();
stylesInDom.splice(_index, 1);
}
}
lastIdentifiers = newLastIdentifiers;
};
};
/***/ }),
/***/ 44821:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
var reactIs = __webpack_require__(7838);
/**
* Copyright 2015, Yahoo! Inc.
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
*/
var REACT_STATICS = {
childContextTypes: true,
contextType: true,
contextTypes: true,
defaultProps: true,
displayName: true,
getDefaultProps: true,
getDerivedStateFromError: true,
getDerivedStateFromProps: true,
mixins: true,
propTypes: true,
type: true
};
var KNOWN_STATICS = {
name: true,
length: true,
prototype: true,
caller: true,
callee: true,
arguments: true,
arity: true
};
var FORWARD_REF_STATICS = {
'$$typeof': true,
render: true,
defaultProps: true,
displayName: true,
propTypes: true
};
var MEMO_STATICS = {
'$$typeof': true,
compare: true,
defaultProps: true,
displayName: true,
propTypes: true,
type: true
};
var TYPE_STATICS = {};
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
function getStatics(component) {
// React v16.11 and below
if (reactIs.isMemo(component)) {
return MEMO_STATICS;
} // React v16.12 and above
return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
}
var defineProperty = Object.defineProperty;
var getOwnPropertyNames = Object.getOwnPropertyNames;
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
var getPrototypeOf = Object.getPrototypeOf;
var objectPrototype = Object.prototype;
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
if (typeof sourceComponent !== 'string') {
// don't hoist over string (html) components
if (objectPrototype) {
var inheritedComponent = getPrototypeOf(sourceComponent);
if (inheritedComponent && inheritedComponent !== objectPrototype) {
hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
}
}
var keys = getOwnPropertyNames(sourceComponent);
if (getOwnPropertySymbols) {
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
}
var targetStatics = getStatics(targetComponent);
var sourceStatics = getStatics(sourceComponent);
for (var i = 0; i < keys.length; ++i) {
var key = keys[i];
if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
try {
// Avoid failures from read-only properties
defineProperty(targetComponent, key, descriptor);
} catch (e) {}
}
}
}
return targetComponent;
}
module.exports = hoistNonReactStatics;
/***/ }),
/***/ 28839:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;
exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isAsyncMode=function(a){return A(a)||z(a)===l};exports.isConcurrentMode=A;exports.isContextConsumer=function(a){return z(a)===k};exports.isContextProvider=function(a){return z(a)===h};exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return z(a)===n};exports.isFragment=function(a){return z(a)===e};exports.isLazy=function(a){return z(a)===t};
exports.isMemo=function(a){return z(a)===r};exports.isPortal=function(a){return z(a)===d};exports.isProfiler=function(a){return z(a)===g};exports.isStrictMode=function(a){return z(a)===f};exports.isSuspense=function(a){return z(a)===p};
exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};exports.typeOf=z;
/***/ }),
/***/ 7838:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
"use strict";
if (true) {
module.exports = __webpack_require__(28839);
} else {}
/***/ }),
/***/ 10577:
/***/ ((module) => {
//
module.exports = function shallowEqual(objA, objB, compare, compareContext) {
var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
if (ret !== void 0) {
return !!ret;
}
if (objA === objB) {
return true;
}
if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
return false;
}
var keysA = Object.keys(objA);
var keysB = Object.keys(objB);
if (keysA.length !== keysB.length) {
return false;
}
var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
// Test for A's keys different from B.
for (var idx = 0; idx < keysA.length; idx++) {
var key = keysA[idx];
if (!bHasOwnProperty(key)) {
return false;
}
var valueA = objA[key];
var valueB = objB[key];
ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
if (ret === false || (ret === void 0 && valueA !== valueB)) {
return false;
}
}
return true;
};
/***/ }),
/***/ 66081:
/***/ ((__unused_webpack_module, exports) => {
"use strict";
exports.__esModule = true;
exports["default"] = void 0;
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
/*
Based on Glamor's sheet
https://github.com/threepointone/glamor/blob/667b480d31b3721a905021b26e1290ce92ca2879/src/sheet.js
*/
var isProd = typeof process !== 'undefined' && process.env && "production" === 'production';
var isString = function isString(o) {
return Object.prototype.toString.call(o) === '[object String]';
};
var StyleSheet = /*#__PURE__*/function () {
function StyleSheet(_temp) {
var _ref = _temp === void 0 ? {} : _temp,
_ref$name = _ref.name,
name = _ref$name === void 0 ? 'stylesheet' : _ref$name,
_ref$optimizeForSpeed = _ref.optimizeForSpeed,
optimizeForSpeed = _ref$optimizeForSpeed === void 0 ? isProd : _ref$optimizeForSpeed,
_ref$isBrowser = _ref.isBrowser,
isBrowser = _ref$isBrowser === void 0 ? typeof window !== 'undefined' : _ref$isBrowser;
invariant(isString(name), '`name` must be a string');
this._name = name;
this._deletedRulePlaceholder = "#" + name + "-deleted-rule____{}";
invariant(typeof optimizeForSpeed === 'boolean', '`optimizeForSpeed` must be a boolean');
this._optimizeForSpeed = optimizeForSpeed;
this._isBrowser = isBrowser;
this._serverSheet = undefined;
this._tags = [];
this._injected = false;
this._rulesCount = 0;
var node = this._isBrowser && document.querySelector('meta[property="csp-nonce"]');
this._nonce = node ? node.getAttribute('content') : null;
}
var _proto = StyleSheet.prototype;
_proto.setOptimizeForSpeed = function setOptimizeForSpeed(bool) {
invariant(typeof bool === 'boolean', '`setOptimizeForSpeed` accepts a boolean');
invariant(this._rulesCount === 0, 'optimizeForSpeed cannot be when rules have already been inserted');
this.flush();
this._optimizeForSpeed = bool;
this.inject();
};
_proto.isOptimizeForSpeed = function isOptimizeForSpeed() {
return this._optimizeForSpeed;
};
_proto.inject = function inject() {
var _this = this;
invariant(!this._injected, 'sheet already injected');
this._injected = true;
if (this._isBrowser && this._optimizeForSpeed) {
this._tags[0] = this.makeStyleTag(this._name);
this._optimizeForSpeed = 'insertRule' in this.getSheet();
if (!this._optimizeForSpeed) {
if (!isProd) {
console.warn('StyleSheet: optimizeForSpeed mode not supported falling back to standard mode.');
}
this.flush();
this._injected = true;
}
return;
}
this._serverSheet = {
cssRules: [],
insertRule: function insertRule(rule, index) {
if (typeof index === 'number') {
_this._serverSheet.cssRules[index] = {
cssText: rule
};
} else {
_this._serverSheet.cssRules.push({
cssText: rule
});
}
return index;
},
deleteRule: function deleteRule(index) {
_this._serverSheet.cssRules[index] = null;
}
};
};
_proto.getSheetForTag = function getSheetForTag(tag) {
if (tag.sheet) {
return tag.sheet;
} // this weirdness brought to you by firefox
for (var i = 0; i < document.styleSheets.length; i++) {
if (document.styleSheets[i].ownerNode === tag) {
return document.styleSheets[i];
}
}
};
_proto.getSheet = function getSheet() {
return this.getSheetForTag(this._tags[this._tags.length - 1]);
};
_proto.insertRule = function insertRule(rule, index) {
invariant(isString(rule), '`insertRule` accepts only strings');
if (!this._isBrowser) {
if (typeof index !== 'number') {
index = this._serverSheet.cssRules.length;
}
this._serverSheet.insertRule(rule, index);
return this._rulesCount++;
}
if (this._optimizeForSpeed) {
var sheet = this.getSheet();
if (typeof index !== 'number') {
index = sheet.cssRules.length;
} // this weirdness for perf, and chrome's weird bug
// https://stackoverflow.com/questions/20007992/chrome-suddenly-stopped-accepting-insertrule
try {
sheet.insertRule(rule, index);
} catch (error) {
if (!isProd) {
console.warn("StyleSheet: illegal rule: \n\n" + rule + "\n\nSee https://stackoverflow.com/q/20007992 for more info");
}
return -1;
}
} else {
var insertionPoint = this._tags[index];
this._tags.push(this.makeStyleTag(this._name, rule, insertionPoint));
}
return this._rulesCount++;
};
_proto.replaceRule = function replaceRule(index, rule) {
if (this._optimizeForSpeed || !this._isBrowser) {
var sheet = this._isBrowser ? this.getSheet() : this._serverSheet;
if (!rule.trim()) {
rule = this._deletedRulePlaceholder;
}
if (!sheet.cssRules[index]) {
// @TBD Should we throw an error?
return index;
}
sheet.deleteRule(index);
try {
sheet.insertRule(rule, index);
} catch (error) {
if (!isProd) {
console.warn("StyleSheet: illegal rule: \n\n" + rule + "\n\nSee https://stackoverflow.com/q/20007992 for more info");
} // In order to preserve the indices we insert a deleteRulePlaceholder
sheet.insertRule(this._deletedRulePlaceholder, index);
}
} else {
var tag = this._tags[index];
invariant(tag, "old rule at index `" + index + "` not found");
tag.textContent = rule;
}
return index;
};
_proto.deleteRule = function deleteRule(index) {
if (!this._isBrowser) {
this._serverSheet.deleteRule(index);
return;
}
if (this._optimizeForSpeed) {
this.replaceRule(index, '');
} else {
var tag = this._tags[index];
invariant(tag, "rule at index `" + index + "` not found");
tag.parentNode.removeChild(tag);
this._tags[index] = null;
}
};
_proto.flush = function flush() {
this._injected = false;
this._rulesCount = 0;
if (this._isBrowser) {
this._tags.forEach(function (tag) {
return tag && tag.parentNode.removeChild(tag);
});
this._tags = [];
} else {
// simpler on server
this._serverSheet.cssRules = [];
}
};
_proto.cssRules = function cssRules() {
var _this2 = this;
if (!this._isBrowser) {
return this._serverSheet.cssRules;
}
return this._tags.reduce(function (rules, tag) {
if (tag) {
rules = rules.concat(Array.prototype.map.call(_this2.getSheetForTag(tag).cssRules, function (rule) {
return rule.cssText === _this2._deletedRulePlaceholder ? null : rule;
}));
} else {
rules.push(null);
}
return rules;
}, []);
};
_proto.makeStyleTag = function makeStyleTag(name, cssString, relativeToTag) {
if (cssString) {
invariant(isString(cssString), 'makeStyleTag acceps only strings as second parameter');
}
var tag = document.createElement('style');
if (this._nonce) tag.setAttribute('nonce', this._nonce);
tag.type = 'text/css';
tag.setAttribute("data-" + name, '');
if (cssString) {
tag.appendChild(document.createTextNode(cssString));
}
var head = document.head || document.getElementsByTagName('head')[0];
if (relativeToTag) {
head.insertBefore(tag, relativeToTag);
} else {
head.appendChild(tag);
}
return tag;
};
_createClass(StyleSheet, [{
key: "length",
get: function get() {
return this._rulesCount;
}
}]);
return StyleSheet;
}();
exports["default"] = StyleSheet;
function invariant(condition, message) {
if (!condition) {
throw new Error("StyleSheet: " + message + ".");
}
}
/***/ }),
/***/ 63281:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var __webpack_unused_export__;
__webpack_unused_export__ = true;
__webpack_unused_export__ = flush;
exports["default"] = void 0;
var _react = __webpack_require__(49231);
var _stylesheetRegistry = _interopRequireDefault(__webpack_require__(6920));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
var styleSheetRegistry = new _stylesheetRegistry["default"]();
var JSXStyle = /*#__PURE__*/function (_Component) {
_inheritsLoose(JSXStyle, _Component);
function JSXStyle(props) {
var _this;
_this = _Component.call(this, props) || this;
_this.prevProps = {};
return _this;
}
JSXStyle.dynamic = function dynamic(info) {
return info.map(function (tagInfo) {
var baseId = tagInfo[0];
var props = tagInfo[1];
return styleSheetRegistry.computeId(baseId, props);
}).join(' ');
} // probably faster than PureComponent (shallowEqual)
;
var _proto = JSXStyle.prototype;
_proto.shouldComponentUpdate = function shouldComponentUpdate(otherProps) {
return this.props.id !== otherProps.id || // We do this check because `dynamic` is an array of strings or undefined.
// These are the computed values for dynamic styles.
String(this.props.dynamic) !== String(otherProps.dynamic);
};
_proto.componentWillUnmount = function componentWillUnmount() {
styleSheetRegistry.remove(this.props);
};
_proto.render = function render() {
// This is a workaround to make the side effect async safe in the "render" phase.
// See https://github.com/zeit/styled-jsx/pull/484
if (this.shouldComponentUpdate(this.prevProps)) {
// Updates
if (this.prevProps.id) {
styleSheetRegistry.remove(this.prevProps);
}
styleSheetRegistry.add(this.props);
this.prevProps = this.props;
}
return null;
};
return JSXStyle;
}(_react.Component);
exports["default"] = JSXStyle;
function flush() {
var cssRules = styleSheetRegistry.cssRules();
styleSheetRegistry.flush();
return cssRules;
}
/***/ }),
/***/ 6920:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
exports.__esModule = true;
exports["default"] = void 0;
var _stringHash = _interopRequireDefault(__webpack_require__(22270));
var _stylesheet = _interopRequireDefault(__webpack_require__(66081));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var sanitize = function sanitize(rule) {
return rule.replace(/\/style/gi, '\\/style');
};
var StyleSheetRegistry = /*#__PURE__*/function () {
function StyleSheetRegistry(_temp) {
var _ref = _temp === void 0 ? {} : _temp,
_ref$styleSheet = _ref.styleSheet,
styleSheet = _ref$styleSheet === void 0 ? null : _ref$styleSheet,
_ref$optimizeForSpeed = _ref.optimizeForSpeed,
optimizeForSpeed = _ref$optimizeForSpeed === void 0 ? false : _ref$optimizeForSpeed,
_ref$isBrowser = _ref.isBrowser,
isBrowser = _ref$isBrowser === void 0 ? typeof window !== 'undefined' : _ref$isBrowser;
this._sheet = styleSheet || new _stylesheet["default"]({
name: 'styled-jsx',
optimizeForSpeed: optimizeForSpeed
});
this._sheet.inject();
if (styleSheet && typeof optimizeForSpeed === 'boolean') {
this._sheet.setOptimizeForSpeed(optimizeForSpeed);
this._optimizeForSpeed = this._sheet.isOptimizeForSpeed();
}
this._isBrowser = isBrowser;
this._fromServer = undefined;
this._indices = {};
this._instancesCounts = {};
this.computeId = this.createComputeId();
this.computeSelector = this.createComputeSelector();
}
var _proto = StyleSheetRegistry.prototype;
_proto.add = function add(props) {
var _this = this;
if (undefined === this._optimizeForSpeed) {
this._optimizeForSpeed = Array.isArray(props.children);
this._sheet.setOptimizeForSpeed(this._optimizeForSpeed);
this._optimizeForSpeed = this._sheet.isOptimizeForSpeed();
}
if (this._isBrowser && !this._fromServer) {
this._fromServer = this.selectFromServer();
this._instancesCounts = Object.keys(this._fromServer).reduce(function (acc, tagName) {
acc[tagName] = 0;
return acc;
}, {});
}
var _this$getIdAndRules = this.getIdAndRules(props),
styleId = _this$getIdAndRules.styleId,
rules = _this$getIdAndRules.rules; // Deduping: just increase the instances count.
if (styleId in this._instancesCounts) {
this._instancesCounts[styleId] += 1;
return;
}
var indices = rules.map(function (rule) {
return _this._sheet.insertRule(rule);
}) // Filter out invalid rules
.filter(function (index) {
return index !== -1;
});
this._indices[styleId] = indices;
this._instancesCounts[styleId] = 1;
};
_proto.remove = function remove(props) {
var _this2 = this;
var _this$getIdAndRules2 = this.getIdAndRules(props),
styleId = _this$getIdAndRules2.styleId;
invariant(styleId in this._instancesCounts, "styleId: `" + styleId + "` not found");
this._instancesCounts[styleId] -= 1;
if (this._instancesCounts[styleId] < 1) {
var tagFromServer = this._fromServer && this._fromServer[styleId];
if (tagFromServer) {
tagFromServer.parentNode.removeChild(tagFromServer);
delete this._fromServer[styleId];
} else {
this._indices[styleId].forEach(function (index) {
return _this2._sheet.deleteRule(index);
});
delete this._indices[styleId];
}
delete this._instancesCounts[styleId];
}
};
_proto.update = function update(props, nextProps) {
this.add(nextProps);
this.remove(props);
};
_proto.flush = function flush() {
this._sheet.flush();
this._sheet.inject();
this._fromServer = undefined;
this._indices = {};
this._instancesCounts = {};
this.computeId = this.createComputeId();
this.computeSelector = this.createComputeSelector();
};
_proto.cssRules = function cssRules() {
var _this3 = this;
var fromServer = this._fromServer ? Object.keys(this._fromServer).map(function (styleId) {
return [styleId, _this3._fromServer[styleId]];
}) : [];
var cssRules = this._sheet.cssRules();
return fromServer.concat(Object.keys(this._indices).map(function (styleId) {
return [styleId, _this3._indices[styleId].map(function (index) {
return cssRules[index].cssText;
}).join(_this3._optimizeForSpeed ? '' : '\n')];
}) // filter out empty rules
.filter(function (rule) {
return Boolean(rule[1]);
}));
}
/**
* createComputeId
*
* Creates a function to compute and memoize a jsx id from a basedId and optionally props.
*/
;
_proto.createComputeId = function createComputeId() {
var cache = {};
return function (baseId, props) {
if (!props) {
return "jsx-" + baseId;
}
var propsToString = String(props);
var key = baseId + propsToString; // return `jsx-${hashString(`${baseId}-${propsToString}`)}`
if (!cache[key]) {
cache[key] = "jsx-" + (0, _stringHash["default"])(baseId + "-" + propsToString);
}
return cache[key];
};
}
/**
* createComputeSelector
*
* Creates a function to compute and memoize dynamic selectors.
*/
;
_proto.createComputeSelector = function createComputeSelector(selectoPlaceholderRegexp) {
if (selectoPlaceholderRegexp === void 0) {
selectoPlaceholderRegexp = /__jsx-style-dynamic-selector/g;
}
var cache = {};
return function (id, css) {
// Sanitize SSR-ed CSS.
// Client side code doesn't need to be sanitized since we use
// document.createTextNode (dev) and the CSSOM api sheet.insertRule (prod).
if (!this._isBrowser) {
css = sanitize(css);
}
var idcss = id + css;
if (!cache[idcss]) {
cache[idcss] = css.replace(selectoPlaceholderRegexp, id);
}
return cache[idcss];
};
};
_proto.getIdAndRules = function getIdAndRules(props) {
var _this4 = this;
var css = props.children,
dynamic = props.dynamic,
id = props.id;
if (dynamic) {
var styleId = this.computeId(id, dynamic);
return {
styleId: styleId,
rules: Array.isArray(css) ? css.map(function (rule) {
return _this4.computeSelector(styleId, rule);
}) : [this.computeSelector(styleId, css)]
};
}
return {
styleId: this.computeId(id),
rules: Array.isArray(css) ? css : [css]
};
}
/**
* selectFromServer
*
* Collects style tags from the document with id __jsx-XXX
*/
;
_proto.selectFromServer = function selectFromServer() {
var elements = Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]'));
return elements.reduce(function (acc, element) {
var id = element.id.slice(2);
acc[id] = element;
return acc;
}, {});
};
return StyleSheetRegistry;
}();
exports["default"] = StyleSheetRegistry;
function invariant(condition, message) {
if (!condition) {
throw new Error("StyleSheetRegistry: " + message + ".");
}
}
/***/ }),
/***/ 22270:
/***/ ((module) => {
"use strict";
function hash(str) {
var hash = 5381,
i = str.length;
while(i) {
hash = (hash * 33) ^ str.charCodeAt(--i);
}
/* JavaScript does bitwise operations (like XOR, above) on 32-bit signed
* integers. Since we want the results to be always positive, convert the
* signed int to an unsigned by doing an unsigned bitshift. */
return hash >>> 0;
}
module.exports = hash;
/***/ }),
/***/ 38367:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
module.exports = __webpack_require__(63281)
/***/ }),
/***/ 18323:
/***/ ((module, exports, __webpack_require__) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = hyphenateProperty;
var _hyphenateStyleName = __webpack_require__(94799);
var _hyphenateStyleName2 = _interopRequireDefault(_hyphenateStyleName);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function hyphenateProperty(property) {
return (0, _hyphenateStyleName2.default)(property);
}
module.exports = exports['default'];
/***/ }),
/***/ 22208:
/***/ ((module, exports) => {
"use strict";
Object.defineProperty(exports, "__esModule", ({
value: true
}));
exports["default"] = isPrefixedValue;
var regex = /-webkit-|-moz-|-ms-/;
function isPrefixedValue(value) {
return typeof value === 'string' && regex.test(value);
}
module.exports = exports['default'];
/***/ }),
/***/ 94799:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* eslint-disable no-var, prefer-template */
var uppercasePattern = /[A-Z]/g
var msPattern = /^ms-/
var cache = {}
function toHyphenLower(match) {
return '-' + match.toLowerCase()
}
function hyphenateStyleName(name) {
if (cache.hasOwnProperty(name)) {
return cache[name]
}
var hName = name.replace(uppercasePattern, toHyphenLower)
return (cache[name] = msPattern.test(hName) ? '-' + hName : hName)
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hyphenateStyleName);
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ id: moduleId,
/******/ loaded: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/amd define */
/******/ (() => {
/******/ __webpack_require__.amdD = function () {
/******/ throw new Error('define cannot be used indirect');
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/global */
/******/ (() => {
/******/ __webpack_require__.g = (function() {
/******/ if (typeof globalThis === 'object') return globalThis;
/******/ try {
/******/ return this || new Function('return this')();
/******/ } catch (e) {
/******/ if (typeof window === 'object') return window;
/******/ }
/******/ })();
/******/ })();
/******/
/******/ /* webpack/runtime/harmony module decorator */
/******/ (() => {
/******/ __webpack_require__.hmd = (module) => {
/******/ module = Object.create(module);
/******/ if (!module.children) module.children = [];
/******/ Object.defineProperty(module, 'exports', {
/******/ enumerable: true,
/******/ set: () => {
/******/ throw new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);
/******/ }
/******/ });
/******/ return module;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/node module decorator */
/******/ (() => {
/******/ __webpack_require__.nmd = (module) => {
/******/ module.paths = [];
/******/ if (!module.children) module.children = [];
/******/ return module;
/******/ };
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
(() => {
"use strict";
;// CONCATENATED MODULE: ./src/app/Benchmark/timing.js
var NS_PER_MS = 1e6;
var MS_PER_S = 1e3; // Returns a high resolution time (if possible) in milliseconds
function timing_now() {
if (window && window.performance) {
return window.performance.now();
} else if (process && process.hrtime) {
var _process$hrtime = process.hrtime(),
seconds = _process$hrtime[0],
nanoseconds = _process$hrtime[1];
var secInMS = seconds * MS_PER_S;
var nSecInMS = nanoseconds / NS_PER_MS;
return secInMS + nSecInMS;
} else {
return Date.now();
}
}
// EXTERNAL MODULE: ../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js
var react = __webpack_require__(49231);
;// CONCATENATED MODULE: ./src/app/Benchmark/math.js
var getStdDev = function getStdDev(values) {
var avg = getMean(values);
var squareDiffs = values.map(function (value) {
var diff = value - avg;
return diff * diff;
});
return Math.sqrt(getMean(squareDiffs));
};
var getMean = function getMean(values) {
var sum = values.reduce(function (sum, value) {
return sum + value;
}, 0);
return sum / values.length;
};
var getMedian = function getMedian(values) {
if (values.length === 1) {
return values[0];
}
var numbers = values.sort(function (a, b) {
return a - b;
});
return (numbers[numbers.length - 1 >> 1] + numbers[numbers.length >> 1]) / 2;
};
;// CONCATENATED MODULE: ./src/app/Benchmark/index.js
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
/**
* The MIT License (MIT)
* Copyright (c) 2017 Paul Armstrong
* https://github.com/paularmstrong/react-component-benchmark
*/
/* global $Values */
var BenchmarkType = {
MOUNT: 'mount',
UPDATE: 'update',
UNMOUNT: 'unmount'
};
var shouldRender = function shouldRender(cycle, type) {
switch (type) {
// Render every odd iteration (first, third, etc)
// Mounts and unmounts the component
case BenchmarkType.MOUNT:
case BenchmarkType.UNMOUNT:
return !((cycle + 1) % 2);
// Render every iteration (updates previously rendered module)
case BenchmarkType.UPDATE:
return true;
default:
return false;
}
};
var shouldRecord = function shouldRecord(cycle, type) {
switch (type) {
// Record every odd iteration (when mounted: first, third, etc)
case BenchmarkType.MOUNT:
return !((cycle + 1) % 2);
// Record every iteration
case BenchmarkType.UPDATE:
return true;
// Record every even iteration (when unmounted)
case BenchmarkType.UNMOUNT:
return !(cycle % 2);
default:
return false;
}
};
var isDone = function isDone(cycle, sampleCount, type) {
switch (type) {
case BenchmarkType.MOUNT:
return cycle >= sampleCount * 2 - 1;
case BenchmarkType.UPDATE:
return cycle >= sampleCount - 1;
case BenchmarkType.UNMOUNT:
return cycle >= sampleCount * 2;
default:
return true;
}
};
var sortNumbers = function sortNumbers(a, b) {
return a - b;
};
/**
* Benchmark
* TODO: documentation
*/
var Benchmark = /*#__PURE__*/function (_Component) {
_inheritsLoose(Benchmark, _Component);
function Benchmark(props, context) {
var _this;
_this = _Component.call(this, props, context) || this;
var cycle = 0;
var componentProps = props.getComponentProps({
cycle: cycle
});
_this.state = {
componentProps: componentProps,
cycle: cycle,
running: false
};
_this._startTime = 0;
_this._samples = [];
return _this;
}
var _proto = Benchmark.prototype;
_proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
if (nextProps) {
this.setState(function (state) {
return {
componentProps: nextProps.getComponentProps(state.cycle)
};
});
}
};
_proto.componentWillUpdate = function componentWillUpdate(nextProps, nextState) {
if (nextState.running && !this.state.running) {
this._startTime = timing_now();
}
};
_proto.componentDidUpdate = function componentDidUpdate() {
var _this$props = this.props,
forceLayout = _this$props.forceLayout,
sampleCount = _this$props.sampleCount,
timeout = _this$props.timeout,
type = _this$props.type;
var _this$state = this.state,
cycle = _this$state.cycle,
running = _this$state.running;
if (running && shouldRecord(cycle, type)) {
this._samples[cycle].scriptingEnd = timing_now(); // force style recalc that would otherwise happen before the next frame
if (forceLayout) {
this._samples[cycle].layoutStart = timing_now();
if (document.body) {
document.body.offsetWidth;
}
this._samples[cycle].layoutEnd = timing_now();
}
}
if (running) {
var now = timing_now();
if (!isDone(cycle, sampleCount, type) && now - this._startTime < timeout) {
this._handleCycleComplete();
} else {
this._handleComplete(now);
}
}
};
_proto.componentWillUnmount = function componentWillUnmount() {
if (this._raf) {
window.cancelAnimationFrame(this._raf);
}
};
_proto.render = function render() {
var _this$props2 = this.props,
Component = _this$props2.component,
type = _this$props2.type;
var _this$state2 = this.state,
componentProps = _this$state2.componentProps,
cycle = _this$state2.cycle,
running = _this$state2.running;
if (running && shouldRecord(cycle, type)) {
this._samples[cycle] = {
scriptingStart: timing_now()
};
}
return running && shouldRender(cycle, type) ? /*#__PURE__*/react.createElement(Component, componentProps) : null;
};
_proto.start = function start() {
this._samples = [];
this.setState(function () {
return {
running: true,
cycle: 0
};
});
};
_proto._handleCycleComplete = function _handleCycleComplete() {
var _this2 = this;
var _this$props3 = this.props,
getComponentProps = _this$props3.getComponentProps,
type = _this$props3.type;
var cycle = this.state.cycle;
var componentProps;
if (getComponentProps) {
// Calculate the component props outside of the time recording (render)
// so that it doesn't skew results
componentProps = getComponentProps({
cycle: cycle
}); // make sure props always change for update tests
if (type === BenchmarkType.UPDATE) {
componentProps['data-test'] = cycle;
}
}
this._raf = window.requestAnimationFrame(function () {
_this2.setState(function (state) {
return {
cycle: state.cycle + 1,
componentProps: componentProps
};
});
});
};
_proto.getSamples = function getSamples() {
return this._samples.reduce(function (memo, _ref) {
var scriptingStart = _ref.scriptingStart,
scriptingEnd = _ref.scriptingEnd,
layoutStart = _ref.layoutStart,
layoutEnd = _ref.layoutEnd;
memo.push({
start: scriptingStart,
end: layoutEnd || scriptingEnd || 0,
scriptingStart: scriptingStart,
scriptingEnd: scriptingEnd || 0,
layoutStart: layoutStart,
layoutEnd: layoutEnd
});
return memo;
}, []);
};
_proto._handleComplete = function _handleComplete(endTime) {
var onComplete = this.props.onComplete;
var samples = this.getSamples();
this.setState(function () {
return {
running: false,
cycle: 0
};
});
var runTime = endTime - this._startTime;
var sortedElapsedTimes = samples.map(function (_ref2) {
var start = _ref2.start,
end = _ref2.end;
return end - start;
}).sort(sortNumbers);
var sortedScriptingElapsedTimes = samples.map(function (_ref3) {
var scriptingStart = _ref3.scriptingStart,
scriptingEnd = _ref3.scriptingEnd;
return scriptingEnd - scriptingStart;
}).sort(sortNumbers);
var sortedLayoutElapsedTimes = samples.map(function (_ref4) {
var layoutStart = _ref4.layoutStart,
layoutEnd = _ref4.layoutEnd;
return (layoutEnd || 0) - (layoutStart || 0);
}).sort(sortNumbers);
onComplete({
startTime: this._startTime,
endTime: endTime,
runTime: runTime,
sampleCount: samples.length,
samples: samples,
max: sortedElapsedTimes[sortedElapsedTimes.length - 1],
min: sortedElapsedTimes[0],
median: getMedian(sortedElapsedTimes),
mean: getMean(sortedElapsedTimes),
stdDev: getStdDev(sortedElapsedTimes),
meanLayout: getMean(sortedLayoutElapsedTimes),
meanScripting: getMean(sortedScriptingElapsedTimes)
});
};
return Benchmark;
}(react.Component);
Benchmark.displayName = 'Benchmark';
Benchmark.defaultProps = {
sampleCount: 50,
timeout: 10000,
// 10 seconds
type: BenchmarkType.MOUNT
};
Benchmark.Type = BenchmarkType;
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/View/index.js
var View = __webpack_require__(31219);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/StyleSheet/index.js + 1 modules
var StyleSheet = __webpack_require__(87688);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/createElement/index.js
var createElement = __webpack_require__(41803);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/useMergeRefs/index.js
var useMergeRefs = __webpack_require__(11904);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/usePlatformMethods/index.js + 1 modules
var usePlatformMethods = __webpack_require__(18701);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/Picker/PickerItem.js
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function PickerItem(props) {
var color = props.color,
label = props.label,
testID = props.testID,
value = props.value;
var style = {
color: color
};
return (0,createElement/* default */.Z)('option', {
style: style,
testID: testID,
value: value
}, label);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/Picker/index.js
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var Picker = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
var children = props.children,
enabled = props.enabled,
onValueChange = props.onValueChange,
selectedValue = props.selectedValue,
style = props.style,
testID = props.testID,
itemStyle = props.itemStyle,
mode = props.mode,
prompt = props.prompt,
other = _objectWithoutPropertiesLoose(props, ["children", "enabled", "onValueChange", "selectedValue", "style", "testID", "itemStyle", "mode", "prompt"]);
var hostRef = react.useRef(null);
function handleChange(e) {
var _e$target = e.target,
selectedIndex = _e$target.selectedIndex,
value = _e$target.value;
if (onValueChange) {
onValueChange(value, selectedIndex);
}
} // $FlowFixMe
var supportedProps = _objectSpread({
children: children,
disabled: enabled === false ? true : undefined,
onChange: handleChange,
style: [styles.initial, style],
testID: testID,
value: selectedValue
}, other);
var platformMethodsRef = (0,usePlatformMethods/* default */.Z)(supportedProps);
var setRef = (0,useMergeRefs/* default */.Z)(hostRef, platformMethodsRef, forwardedRef);
supportedProps.ref = setRef;
return (0,createElement/* default */.Z)('select', supportedProps);
}); // $FlowFixMe
Picker.Item = PickerItem;
var styles = StyleSheet/* default.create */.Z.create({
initial: {
fontFamily: 'System',
fontSize: 'inherit',
margin: 0
}
});
/* harmony default export */ const exports_Picker = (Picker);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/usePressEvents/PressResponder.js
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
* @format
*/
var DELAY = 'DELAY';
var ERROR = 'ERROR';
var LONG_PRESS_DETECTED = 'LONG_PRESS_DETECTED';
var NOT_RESPONDER = 'NOT_RESPONDER';
var RESPONDER_ACTIVE_LONG_PRESS_START = 'RESPONDER_ACTIVE_LONG_PRESS_START';
var RESPONDER_ACTIVE_PRESS_START = 'RESPONDER_ACTIVE_PRESS_START';
var RESPONDER_INACTIVE_PRESS_START = 'RESPONDER_INACTIVE_PRESS_START';
var RESPONDER_GRANT = 'RESPONDER_GRANT';
var RESPONDER_RELEASE = 'RESPONDER_RELEASE';
var RESPONDER_TERMINATED = 'RESPONDER_TERMINATED';
var Transitions = Object.freeze({
NOT_RESPONDER: {
DELAY: ERROR,
RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
RESPONDER_RELEASE: ERROR,
RESPONDER_TERMINATED: ERROR,
LONG_PRESS_DETECTED: ERROR
},
RESPONDER_INACTIVE_PRESS_START: {
DELAY: RESPONDER_ACTIVE_PRESS_START,
RESPONDER_GRANT: ERROR,
RESPONDER_RELEASE: NOT_RESPONDER,
RESPONDER_TERMINATED: NOT_RESPONDER,
LONG_PRESS_DETECTED: ERROR
},
RESPONDER_ACTIVE_PRESS_START: {
DELAY: ERROR,
RESPONDER_GRANT: ERROR,
RESPONDER_RELEASE: NOT_RESPONDER,
RESPONDER_TERMINATED: NOT_RESPONDER,
LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
},
RESPONDER_ACTIVE_LONG_PRESS_START: {
DELAY: ERROR,
RESPONDER_GRANT: ERROR,
RESPONDER_RELEASE: NOT_RESPONDER,
RESPONDER_TERMINATED: NOT_RESPONDER,
LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
},
ERROR: {
DELAY: NOT_RESPONDER,
RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
RESPONDER_RELEASE: NOT_RESPONDER,
RESPONDER_TERMINATED: NOT_RESPONDER,
LONG_PRESS_DETECTED: NOT_RESPONDER
}
});
var isActiveSignal = function isActiveSignal(signal) {
return signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
};
var isButtonRole = function isButtonRole(element) {
return element.getAttribute('role') === 'button';
};
var isPressStartSignal = function isPressStartSignal(signal) {
return signal === RESPONDER_INACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
};
var isTerminalSignal = function isTerminalSignal(signal) {
return signal === RESPONDER_TERMINATED || signal === RESPONDER_RELEASE;
};
var isValidKeyPress = function isValidKeyPress(event) {
var key = event.key,
target = event.target;
var role = target.getAttribute('role');
var isSpacebar = key === ' ' || key === 'Spacebar';
return key === 'Enter' || isSpacebar && role === 'button';
};
var DEFAULT_LONG_PRESS_DELAY_MS = 450; // 500 - 50
var DEFAULT_PRESS_DELAY_MS = 50;
/**
* =========================== PressResponder Tutorial ===========================
*
* The `PressResponder` class helps you create press interactions by analyzing the
* geometry of elements and observing when another responder (e.g. ScrollView)
* has stolen the touch lock. It offers hooks for your component to provide
* interaction feedback to the user:
*
* - When a press has activated (e.g. highlight an element)
* - When a press has deactivated (e.g. un-highlight an element)
* - When a press sould trigger an action, meaning it activated and deactivated
* while within the geometry of the element without the lock being stolen.
*
* A high quality interaction isn't as simple as you might think. There should
* be a slight delay before activation. Moving your finger beyond an element's
* bounds should trigger deactivation, but moving the same finger back within an
* element's bounds should trigger reactivation.
*
* In order to use `PressResponder`, do the following:
*
* const pressResponder = new PressResponder(config);
*
* 2. Choose the rendered component who should collect the press events. On that
* element, spread `pressability.getEventHandlers()` into its props.
*
* return (
* <View {...this.state.pressResponder.getEventHandlers()} />
* );
*
* 3. Reset `PressResponder` when your component unmounts.
*
* componentWillUnmount() {
* this.state.pressResponder.reset();
* }
*
* ==================== Implementation Details ====================
*
* `PressResponder` only assumes that there exists a `HitRect` node. The `PressRect`
* is an abstract box that is extended beyond the `HitRect`.
*
* # Geometry
*
* ┌────────────────────────┐
* │ ┌──────────────────┐ │ - Presses start anywhere within `HitRect`.
* │ │ ┌────────────┐ │ │
* │ │ │ VisualRect │ │ │
* │ │ └────────────┘ │ │ - When pressed down for sufficient amount of time
* │ │ HitRect │ │ before letting up, `VisualRect` activates.
* │ └──────────────────┘ │
* │ Out Region o │
* └────────────────────│───┘
* └────── When the press is released outside the `HitRect`,
* the responder is NOT eligible for a "press".
*
* # State Machine
*
* ┌───────────────┐ ◀──── RESPONDER_RELEASE
* │ NOT_RESPONDER │
* └───┬───────────┘ ◀──── RESPONDER_TERMINATED
* │
* │ RESPONDER_GRANT (HitRect)
* │
* ▼
* ┌─────────────────────┐ ┌───────────────────┐ ┌───────────────────┐
* │ RESPONDER_INACTIVE_ │ DELAY │ RESPONDER_ACTIVE_ │ T + DELAY │ RESPONDER_ACTIVE_ │
* │ PRESS_START ├────────▶ │ PRESS_START ├────────────▶ │ LONG_PRESS_START │
* └─────────────────────┘ └───────────────────┘ └───────────────────┘
*
* T + DELAY => LONG_PRESS_DELAY + DELAY
*
* Not drawn are the side effects of each transition. The most important side
* effect is the invocation of `onLongPress`. Only when the browser produces a
* `click` event is `onPress` invoked.
*/
var PressResponder = /*#__PURE__*/function () {
function PressResponder(config) {
this._eventHandlers = null;
this._isPointerTouch = false;
this._longPressDelayTimeout = null;
this._longPressDispatched = false;
this._pressDelayTimeout = null;
this._pressOutDelayTimeout = null;
this._touchState = NOT_RESPONDER;
this.configure(config);
}
var _proto = PressResponder.prototype;
_proto.configure = function configure(config) {
this._config = config;
}
/**
* Resets any pending timers. This should be called on unmount.
*/
;
_proto.reset = function reset() {
this._cancelLongPressDelayTimeout();
this._cancelPressDelayTimeout();
this._cancelPressOutDelayTimeout();
}
/**
* Returns a set of props to spread into the interactive element.
*/
;
_proto.getEventHandlers = function getEventHandlers() {
if (this._eventHandlers == null) {
this._eventHandlers = this._createEventHandlers();
}
return this._eventHandlers;
};
_proto._createEventHandlers = function _createEventHandlers() {
var _this = this;
var start = function start(event, shouldDelay) {
event.persist();
_this._cancelPressOutDelayTimeout();
_this._longPressDispatched = false;
_this._selectionTerminated = false;
_this._touchState = NOT_RESPONDER;
_this._isPointerTouch = event.nativeEvent.type === 'touchstart';
_this._receiveSignal(RESPONDER_GRANT, event);
var delayPressStart = normalizeDelay(_this._config.delayPressStart, 0, DEFAULT_PRESS_DELAY_MS);
if (shouldDelay !== false && delayPressStart > 0) {
_this._pressDelayTimeout = setTimeout(function () {
_this._receiveSignal(DELAY, event);
}, delayPressStart);
} else {
_this._receiveSignal(DELAY, event);
}
var delayLongPress = normalizeDelay(_this._config.delayLongPress, 10, DEFAULT_LONG_PRESS_DELAY_MS);
_this._longPressDelayTimeout = setTimeout(function () {
_this._handleLongPress(event);
}, delayLongPress + delayPressStart);
};
var end = function end(event) {
_this._receiveSignal(RESPONDER_RELEASE, event);
};
var keyupHandler = function keyupHandler(event) {
var onPress = _this._config.onPress;
var target = event.target;
if (_this._touchState !== NOT_RESPONDER && isValidKeyPress(event)) {
end(event);
document.removeEventListener('keyup', keyupHandler);
var role = target.getAttribute('role');
var elementType = target.tagName.toLowerCase();
var isNativeInteractiveElement = role === 'link' || elementType === 'a' || elementType === 'button' || elementType === 'input' || elementType === 'select' || elementType === 'textarea';
if (onPress != null && !isNativeInteractiveElement) {
onPress(event);
}
}
};
return {
onStartShouldSetResponder: function onStartShouldSetResponder(event) {
var disabled = _this._config.disabled;
if (disabled && isButtonRole(event.currentTarget)) {
event.stopPropagation();
}
if (disabled == null) {
return true;
}
return !disabled;
},
onKeyDown: function onKeyDown(event) {
var disabled = _this._config.disabled;
var key = event.key,
target = event.target;
if (!disabled && isValidKeyPress(event)) {
if (_this._touchState === NOT_RESPONDER) {
start(event, false); // Listen to 'keyup' on document to account for situations where
// focus is moved to another element during 'keydown'.
document.addEventListener('keyup', keyupHandler);
}
var role = target.getAttribute('role');
var isSpacebarKey = key === ' ' || key === 'Spacebar';
var _isButtonRole = role === 'button' || role === 'menuitem';
if (isSpacebarKey && _isButtonRole) {
// Prevent spacebar scrolling the window
event.preventDefault();
}
event.stopPropagation();
}
},
onResponderGrant: function onResponderGrant(event) {
return start(event);
},
onResponderMove: function onResponderMove(event) {
if (_this._config.onPressMove != null) {
_this._config.onPressMove(event);
}
var touch = getTouchFromResponderEvent(event);
if (_this._touchActivatePosition != null) {
var deltaX = _this._touchActivatePosition.pageX - touch.pageX;
var deltaY = _this._touchActivatePosition.pageY - touch.pageY;
if (Math.hypot(deltaX, deltaY) > 10) {
_this._cancelLongPressDelayTimeout();
}
}
},
onResponderRelease: function onResponderRelease(event) {
return end(event);
},
onResponderTerminate: function onResponderTerminate(event) {
if (event.nativeEvent.type === 'selectionchange') {
_this._selectionTerminated = true;
}
_this._receiveSignal(RESPONDER_TERMINATED, event);
},
onResponderTerminationRequest: function onResponderTerminationRequest(event) {
var _this$_config = _this._config,
cancelable = _this$_config.cancelable,
disabled = _this$_config.disabled,
onLongPress = _this$_config.onLongPress; // If `onLongPress` is provided, don't terminate on `contextmenu` as default
// behavior will be prevented for non-mouse pointers.
if (!disabled && onLongPress != null && _this._isPointerTouch && event.nativeEvent.type === 'contextmenu') {
return false;
}
if (cancelable == null) {
return true;
}
return cancelable;
},
// NOTE: this diverges from react-native in 3 significant ways:
// * The `onPress` callback is not connected to the responder system (the native
// `click` event must be used but is dispatched in many scenarios where no pointers
// are on the screen.) Therefore, it's possible for `onPress` to be called without
// `onPress{Start,End}` being called first.
// * The `onPress` callback is only be called on the first ancestor of the native
// `click` target that is using the PressResponder.
// * The event's `nativeEvent` is a `MouseEvent` not a `TouchEvent`.
onClick: function onClick(event) {
var _this$_config2 = _this._config,
disabled = _this$_config2.disabled,
onPress = _this$_config2.onPress;
if (!disabled) {
// If long press dispatched, cancel default click behavior.
// If the responder terminated because text was selected during the gesture,
// cancel the default click behavior.
event.stopPropagation();
if (_this._longPressDispatched || _this._selectionTerminated) {
event.preventDefault();
} else if (onPress != null && event.altKey === false) {
onPress(event);
}
} else {
if (isButtonRole(event.currentTarget)) {
event.stopPropagation();
}
}
},
// If `onLongPress` is provided and a touch pointer is being used, prevent the
// default context menu from opening.
onContextMenu: function onContextMenu(event) {
var _this$_config3 = _this._config,
disabled = _this$_config3.disabled,
onLongPress = _this$_config3.onLongPress;
if (!disabled) {
if (onLongPress != null && _this._isPointerTouch && !event.defaultPrevented) {
event.preventDefault();
event.stopPropagation();
}
} else {
if (isButtonRole(event.currentTarget)) {
event.stopPropagation();
}
}
}
};
}
/**
* Receives a state machine signal, performs side effects of the transition
* and stores the new state. Validates the transition as well.
*/
;
_proto._receiveSignal = function _receiveSignal(signal, event) {
var prevState = this._touchState;
var nextState = null;
if (Transitions[prevState] != null) {
nextState = Transitions[prevState][signal];
}
if (this._touchState === NOT_RESPONDER && signal === RESPONDER_RELEASE) {
return;
}
if (nextState == null || nextState === ERROR) {
console.error("PressResponder: Invalid signal " + signal + " for state " + prevState + " on responder");
} else if (prevState !== nextState) {
this._performTransitionSideEffects(prevState, nextState, signal, event);
this._touchState = nextState;
}
}
/**
* Performs a transition between touchable states and identify any activations
* or deactivations (and callback invocations).
*/
;
_proto._performTransitionSideEffects = function _performTransitionSideEffects(prevState, nextState, signal, event) {
if (isTerminalSignal(signal)) {
this._isPointerTouch = false;
this._touchActivatePosition = null;
this._cancelLongPressDelayTimeout();
}
if (isPressStartSignal(prevState) && signal === LONG_PRESS_DETECTED) {
var onLongPress = this._config.onLongPress; // Long press is not supported for keyboards because 'click' can be dispatched
// immediately (and multiple times) after 'keydown'.
if (onLongPress != null && event.nativeEvent.key == null) {
onLongPress(event);
this._longPressDispatched = true;
}
}
var isPrevActive = isActiveSignal(prevState);
var isNextActive = isActiveSignal(nextState);
if (!isPrevActive && isNextActive) {
this._activate(event);
} else if (isPrevActive && !isNextActive) {
this._deactivate(event);
}
if (isPressStartSignal(prevState) && signal === RESPONDER_RELEASE) {
var _this$_config4 = this._config,
_onLongPress = _this$_config4.onLongPress,
onPress = _this$_config4.onPress;
if (onPress != null) {
var isPressCanceledByLongPress = _onLongPress != null && prevState === RESPONDER_ACTIVE_LONG_PRESS_START;
if (!isPressCanceledByLongPress) {
// If we never activated (due to delays), activate and deactivate now.
if (!isNextActive && !isPrevActive) {
this._activate(event);
this._deactivate(event);
}
}
}
}
this._cancelPressDelayTimeout();
};
_proto._activate = function _activate(event) {
var _this$_config5 = this._config,
onPressChange = _this$_config5.onPressChange,
onPressStart = _this$_config5.onPressStart;
var touch = getTouchFromResponderEvent(event);
this._touchActivatePosition = {
pageX: touch.pageX,
pageY: touch.pageY
};
if (onPressStart != null) {
onPressStart(event);
}
if (onPressChange != null) {
onPressChange(true);
}
};
_proto._deactivate = function _deactivate(event) {
var _this$_config6 = this._config,
onPressChange = _this$_config6.onPressChange,
onPressEnd = _this$_config6.onPressEnd;
function end() {
if (onPressEnd != null) {
onPressEnd(event);
}
if (onPressChange != null) {
onPressChange(false);
}
}
var delayPressEnd = normalizeDelay(this._config.delayPressEnd);
if (delayPressEnd > 0) {
this._pressOutDelayTimeout = setTimeout(function () {
end();
}, delayPressEnd);
} else {
end();
}
};
_proto._handleLongPress = function _handleLongPress(event) {
if (this._touchState === RESPONDER_ACTIVE_PRESS_START || this._touchState === RESPONDER_ACTIVE_LONG_PRESS_START) {
this._receiveSignal(LONG_PRESS_DETECTED, event);
}
};
_proto._cancelLongPressDelayTimeout = function _cancelLongPressDelayTimeout() {
if (this._longPressDelayTimeout != null) {
clearTimeout(this._longPressDelayTimeout);
this._longPressDelayTimeout = null;
}
};
_proto._cancelPressDelayTimeout = function _cancelPressDelayTimeout() {
if (this._pressDelayTimeout != null) {
clearTimeout(this._pressDelayTimeout);
this._pressDelayTimeout = null;
}
};
_proto._cancelPressOutDelayTimeout = function _cancelPressOutDelayTimeout() {
if (this._pressOutDelayTimeout != null) {
clearTimeout(this._pressOutDelayTimeout);
this._pressOutDelayTimeout = null;
}
};
return PressResponder;
}();
function normalizeDelay(delay, min, fallback) {
if (min === void 0) {
min = 0;
}
if (fallback === void 0) {
fallback = 0;
}
return Math.max(min, delay !== null && delay !== void 0 ? delay : fallback);
}
function getTouchFromResponderEvent(event) {
var _event$nativeEvent = event.nativeEvent,
changedTouches = _event$nativeEvent.changedTouches,
touches = _event$nativeEvent.touches;
if (touches != null && touches.length > 0) {
return touches[0];
}
if (changedTouches != null && changedTouches.length > 0) {
return changedTouches[0];
}
return event.nativeEvent;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/usePressEvents/index.js
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
* @format
*/
function usePressEvents(hostRef, config) {
var pressResponderRef = (0,react.useRef)(null);
if (pressResponderRef.current == null) {
pressResponderRef.current = new PressResponder(config);
}
var pressResponder = pressResponderRef.current; // Re-configure to use the current node and configuration.
(0,react.useEffect)(function () {
pressResponder.configure(config);
}, [config, pressResponder]); // Reset the `pressResponder` when cleanup needs to occur. This is
// a separate effect because we do not want to rest the responder when `config` changes.
(0,react.useEffect)(function () {
return function () {
pressResponder.reset();
};
}, [pressResponder]);
(0,react.useDebugValue)(config);
return pressResponder.getEventHandlers();
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/TouchableOpacity/index.js
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
* @format
*/
function _extends() { _extends = Object.assign || 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 TouchableOpacity_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/**
* A wrapper for making views respond properly to touches.
* On press down, the opacity of the wrapped view is decreased, dimming it.
*/
function TouchableOpacity(props, forwardedRef) {
var activeOpacity = props.activeOpacity,
delayPressIn = props.delayPressIn,
delayPressOut = props.delayPressOut,
delayLongPress = props.delayLongPress,
disabled = props.disabled,
focusable = props.focusable,
onLongPress = props.onLongPress,
onPress = props.onPress,
onPressIn = props.onPressIn,
onPressOut = props.onPressOut,
rejectResponderTermination = props.rejectResponderTermination,
style = props.style,
rest = TouchableOpacity_objectWithoutPropertiesLoose(props, ["activeOpacity", "delayPressIn", "delayPressOut", "delayLongPress", "disabled", "focusable", "onLongPress", "onPress", "onPressIn", "onPressOut", "rejectResponderTermination", "style"]);
var hostRef = (0,react.useRef)(null);
var setRef = (0,useMergeRefs/* default */.Z)(forwardedRef, hostRef);
var _useState = (0,react.useState)('0s'),
duration = _useState[0],
setDuration = _useState[1];
var _useState2 = (0,react.useState)(null),
opacityOverride = _useState2[0],
setOpacityOverride = _useState2[1];
var setOpacityTo = (0,react.useCallback)(function (value, duration) {
setOpacityOverride(value);
setDuration(duration ? duration / 1000 + "s" : '0s');
}, [setOpacityOverride, setDuration]);
var setOpacityActive = (0,react.useCallback)(function (duration) {
setOpacityTo(activeOpacity !== null && activeOpacity !== void 0 ? activeOpacity : 0.2, duration);
}, [activeOpacity, setOpacityTo]);
var setOpacityInactive = (0,react.useCallback)(function (duration) {
setOpacityTo(null, duration);
}, [setOpacityTo]);
var pressConfig = (0,react.useMemo)(function () {
return {
cancelable: !rejectResponderTermination,
disabled: disabled,
delayLongPress: delayLongPress,
delayPressStart: delayPressIn,
delayPressEnd: delayPressOut,
onLongPress: onLongPress,
onPress: onPress,
onPressStart: function onPressStart(event) {
var isGrant = event.dispatchConfig != null ? event.dispatchConfig.registrationName === 'onResponderGrant' : event.type === 'keydown';
setOpacityActive(isGrant ? 0 : 150);
if (onPressIn != null) {
onPressIn(event);
}
},
onPressEnd: function onPressEnd(event) {
setOpacityInactive(250);
if (onPressOut != null) {
onPressOut(event);
}
}
};
}, [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, setOpacityActive, setOpacityInactive]);
var pressEventHandlers = usePressEvents(hostRef, pressConfig);
return /*#__PURE__*/react.createElement(View/* default */.Z, _extends({}, rest, pressEventHandlers, {
accessibilityDisabled: disabled,
focusable: !disabled && focusable !== false,
ref: setRef,
style: [TouchableOpacity_styles.root, !disabled && TouchableOpacity_styles.actionable, style, opacityOverride != null && {
opacity: opacityOverride
}, {
transitionDuration: duration
}]
}));
}
var TouchableOpacity_styles = StyleSheet/* default.create */.Z.create({
root: {
transitionProperty: 'opacity',
transitionDuration: '0.15s',
userSelect: 'none'
},
actionable: {
cursor: 'pointer',
touchAction: 'manipulation'
}
});
var MemoedTouchableOpacity = /*#__PURE__*/react.memo( /*#__PURE__*/react.forwardRef(TouchableOpacity));
MemoedTouchableOpacity.displayName = 'TouchableOpacity';
/* harmony default export */ const exports_TouchableOpacity = (MemoedTouchableOpacity);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/create-react-class/index.js
var create_react_class = __webpack_require__(48675);
var create_react_class_default = /*#__PURE__*/__webpack_require__.n(create_react_class);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/UIManager/index.js + 2 modules
var UIManager = __webpack_require__(17415);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/TextInputState/index.js
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* This class is responsible for coordinating the "focused"
* state for TextInputs. All calls relating to the keyboard
* should be funneled through here
*/
var TextInputState = {
/**
* Internal state
*/
_currentlyFocusedNode: null,
/**
* Returns the ID of the currently focused text field, if one exists
* If no text field is focused it returns null
*/
currentlyFocusedField: function currentlyFocusedField() {
if (document.activeElement !== this._currentlyFocusedNode) {
this._currentlyFocusedNode = null;
}
return this._currentlyFocusedNode;
},
/**
* @param {Object} TextInputID id of the text field to focus
* Focuses the specified text field
* noop if the text field was already focused
*/
focusTextInput: function focusTextInput(textFieldNode) {
if (textFieldNode !== null) {
this._currentlyFocusedNode = textFieldNode;
if (document.activeElement !== textFieldNode) {
UIManager/* default.focus */.Z.focus(textFieldNode);
}
}
},
/**
* @param {Object} textFieldNode id of the text field to focus
* Unfocuses the specified text field
* noop if it wasn't focused
*/
blurTextInput: function blurTextInput(textFieldNode) {
if (textFieldNode !== null) {
this._currentlyFocusedNode = null;
if (document.activeElement === textFieldNode) {
UIManager/* default.blur */.Z.blur(textFieldNode);
}
}
}
};
/* harmony default export */ const modules_TextInputState = (TextInputState);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/dismissKeyboard/index.js
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var dismissKeyboard = function dismissKeyboard() {
modules_TextInputState.blurTextInput(modules_TextInputState.currentlyFocusedField());
};
/* harmony default export */ const modules_dismissKeyboard = (dismissKeyboard);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/fbjs/lib/invariant.js
var invariant = __webpack_require__(26913);
var invariant_default = /*#__PURE__*/__webpack_require__.n(invariant);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/mergeRefs/index.js
var mergeRefs = __webpack_require__(26049);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/Dimensions/index.js
var Dimensions = __webpack_require__(32883);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-dom@17.0.2_react@17.0.2/node_modules/react-dom/index.js
var react_dom = __webpack_require__(64151);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/findNodeHandle/index.js
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var findNodeHandle = function findNodeHandle(component) {
var node;
try {
node = (0,react_dom.findDOMNode)(component);
} catch (e) {}
return node;
};
/* harmony default export */ const exports_findNodeHandle = (findNodeHandle);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/Platform/index.js
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var Platform = {
OS: 'web',
select: function select(obj) {
return 'web' in obj ? obj.web : obj.default;
},
get isTesting() {
if (false) {}
return false;
}
};
/* harmony default export */ const exports_Platform = (Platform);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/node_modules/fbjs/lib/warning.js
var warning = __webpack_require__(21993);
var warning_default = /*#__PURE__*/__webpack_require__.n(warning);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/modules/ScrollResponder/index.js
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
/**
* Mixin that can be integrated in order to handle scrolling that plays well
* with `ResponderEventPlugin`. Integrate with your platform specific scroll
* views, or even your custom built (every-frame animating) scroll views so that
* all of these systems play well with the `ResponderEventPlugin`.
*
* iOS scroll event timing nuances:
* ===============================
*
*
* Scrolling without bouncing, if you touch down:
* -------------------------------
*
* 1. `onMomentumScrollBegin` (when animation begins after letting up)
* ... physical touch starts ...
* 2. `onTouchStartCapture` (when you press down to stop the scroll)
* 3. `onTouchStart` (same, but bubble phase)
* 4. `onResponderRelease` (when lifting up - you could pause forever before * lifting)
* 5. `onMomentumScrollEnd`
*
*
* Scrolling with bouncing, if you touch down:
* -------------------------------
*
* 1. `onMomentumScrollBegin` (when animation begins after letting up)
* ... bounce begins ...
* ... some time elapses ...
* ... physical touch during bounce ...
* 2. `onMomentumScrollEnd` (Makes no sense why this occurs first during bounce)
* 3. `onTouchStartCapture` (immediately after `onMomentumScrollEnd`)
* 4. `onTouchStart` (same, but bubble phase)
* 5. `onTouchEnd` (You could hold the touch start for a long time)
* 6. `onMomentumScrollBegin` (When releasing the view starts bouncing back)
*
* So when we receive an `onTouchStart`, how can we tell if we are touching
* *during* an animation (which then causes the animation to stop)? The only way
* to tell is if the `touchStart` occurred immediately after the
* `onMomentumScrollEnd`.
*
* This is abstracted out for you, so you can just call this.scrollResponderIsAnimating() if
* necessary
*
* `ScrollResponder` also includes logic for blurring a currently focused input
* if one is focused while scrolling. The `ScrollResponder` is a natural place
* to put this logic since it can support not dismissing the keyboard while
* scrolling, unless a recognized "tap"-like gesture has occurred.
*
* The public lifecycle API includes events for keyboard interaction, responder
* interaction, and scrolling (among others). The keyboard callbacks
* `onKeyboardWill/Did/*` are *global* events, but are invoked on scroll
* responder's props so that you can guarantee that the scroll responder's
* internal state has been updated accordingly (and deterministically) by
* the time the props callbacks are invoke. Otherwise, you would always wonder
* if the scroll responder is currently in a state where it recognizes new
* keyboard positions etc. If coordinating scrolling with keyboard movement,
* *always* use these hooks instead of listening to your own global keyboard
* events.
*
* Public keyboard lifecycle API: (props callbacks)
*
* Standard Keyboard Appearance Sequence:
*
* this.props.onKeyboardWillShow
* this.props.onKeyboardDidShow
*
* `onScrollResponderKeyboardDismissed` will be invoked if an appropriate
* tap inside the scroll responder's scrollable region was responsible
* for the dismissal of the keyboard. There are other reasons why the
* keyboard could be dismissed.
*
* this.props.onScrollResponderKeyboardDismissed
*
* Standard Keyboard Hide Sequence:
*
* this.props.onKeyboardWillHide
* this.props.onKeyboardDidHide
*/
var emptyObject = {};
var IS_ANIMATING_TOUCH_START_THRESHOLD_MS = 16;
var ScrollResponderMixin = {
// mixins: [Subscribable.Mixin],
scrollResponderMixinGetInitialState: function scrollResponderMixinGetInitialState() {
return {
isTouching: false,
lastMomentumScrollBeginTime: 0,
lastMomentumScrollEndTime: 0,
// Reset to false every time becomes responder. This is used to:
// - Determine if the scroll view has been scrolled and therefore should
// refuse to give up its responder lock.
// - Determine if releasing should dismiss the keyboard when we are in
// tap-to-dismiss mode (!this.props.keyboardShouldPersistTaps).
observedScrollSinceBecomingResponder: false,
becameResponderWhileAnimating: false
};
},
/**
* Invoke this from an `onScroll` event.
*/
scrollResponderHandleScrollShouldSetResponder: function scrollResponderHandleScrollShouldSetResponder() {
return this.state.isTouching;
},
/**
* Merely touch starting is not sufficient for a scroll view to become the
* responder. Being the "responder" means that the very next touch move/end
* event will result in an action/movement.
*
* Invoke this from an `onStartShouldSetResponder` event.
*
* `onStartShouldSetResponder` is used when the next move/end will trigger
* some UI movement/action, but when you want to yield priority to views
* nested inside of the view.
*
* There may be some cases where scroll views actually should return `true`
* from `onStartShouldSetResponder`: Any time we are detecting a standard tap
* that gives priority to nested views.
*
* - If a single tap on the scroll view triggers an action such as
* recentering a map style view yet wants to give priority to interaction
* views inside (such as dropped pins or labels), then we would return true
* from this method when there is a single touch.
*
* - Similar to the previous case, if a two finger "tap" should trigger a
* zoom, we would check the `touches` count, and if `>= 2`, we would return
* true.
*
*/
scrollResponderHandleStartShouldSetResponder: function scrollResponderHandleStartShouldSetResponder() {
return false;
},
/**
* There are times when the scroll view wants to become the responder
* (meaning respond to the next immediate `touchStart/touchEnd`), in a way
* that *doesn't* give priority to nested views (hence the capture phase):
*
* - Currently animating.
* - Tapping anywhere that is not the focused input, while the keyboard is
* up (which should dismiss the keyboard).
*
* Invoke this from an `onStartShouldSetResponderCapture` event.
*/
scrollResponderHandleStartShouldSetResponderCapture: function scrollResponderHandleStartShouldSetResponderCapture(e) {
// First see if we want to eat taps while the keyboard is up
// var currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
// if (!this.props.keyboardShouldPersistTaps &&
// currentlyFocusedTextInput != null &&
// e.target !== currentlyFocusedTextInput) {
// return true;
// }
return this.scrollResponderIsAnimating();
},
/**
* Invoke this from an `onResponderReject` event.
*
* Some other element is not yielding its role as responder. Normally, we'd
* just disable the `UIScrollView`, but a touch has already began on it, the
* `UIScrollView` will not accept being disabled after that. The easiest
* solution for now is to accept the limitation of disallowing this
* altogether. To improve this, find a way to disable the `UIScrollView` after
* a touch has already started.
*/
scrollResponderHandleResponderReject: function scrollResponderHandleResponderReject() {
warning_default()(false, "ScrollView doesn't take rejection well - scrolls anyway");
},
/**
* We will allow the scroll view to give up its lock iff it acquired the lock
* during an animation. This is a very useful default that happens to satisfy
* many common user experiences.
*
* - Stop a scroll on the left edge, then turn that into an outer view's
* backswipe.
* - Stop a scroll mid-bounce at the top, continue pulling to have the outer
* view dismiss.
* - However, without catching the scroll view mid-bounce (while it is
* motionless), if you drag far enough for the scroll view to become
* responder (and therefore drag the scroll view a bit), any backswipe
* navigation of a swipe gesture higher in the view hierarchy, should be
* rejected.
*/
scrollResponderHandleTerminationRequest: function scrollResponderHandleTerminationRequest() {
return !this.state.observedScrollSinceBecomingResponder;
},
/**
* Invoke this from an `onTouchEnd` event.
*
* @param {SyntheticEvent} e Event.
*/
scrollResponderHandleTouchEnd: function scrollResponderHandleTouchEnd(e) {
var nativeEvent = e.nativeEvent;
this.state.isTouching = nativeEvent.touches.length !== 0;
this.props.onTouchEnd && this.props.onTouchEnd(e);
},
/**
* Invoke this from an `onResponderRelease` event.
*/
scrollResponderHandleResponderRelease: function scrollResponderHandleResponderRelease(e) {
this.props.onResponderRelease && this.props.onResponderRelease(e); // By default scroll views will unfocus a textField
// if another touch occurs outside of it
var currentlyFocusedTextInput = modules_TextInputState.currentlyFocusedField();
if (!this.props.keyboardShouldPersistTaps && currentlyFocusedTextInput != null && e.target !== currentlyFocusedTextInput && !this.state.observedScrollSinceBecomingResponder && !this.state.becameResponderWhileAnimating) {
this.props.onScrollResponderKeyboardDismissed && this.props.onScrollResponderKeyboardDismissed(e);
modules_TextInputState.blurTextInput(currentlyFocusedTextInput);
}
},
scrollResponderHandleScroll: function scrollResponderHandleScroll(e) {
this.state.observedScrollSinceBecomingResponder = true;
this.props.onScroll && this.props.onScroll(e);
},
/**
* Invoke this from an `onResponderGrant` event.
*/
scrollResponderHandleResponderGrant: function scrollResponderHandleResponderGrant(e) {
this.state.observedScrollSinceBecomingResponder = false;
this.props.onResponderGrant && this.props.onResponderGrant(e);
this.state.becameResponderWhileAnimating = this.scrollResponderIsAnimating();
},
/**
* Unfortunately, `onScrollBeginDrag` also fires when *stopping* the scroll
* animation, and there's not an easy way to distinguish a drag vs. stopping
* momentum.
*
* Invoke this from an `onScrollBeginDrag` event.
*/
scrollResponderHandleScrollBeginDrag: function scrollResponderHandleScrollBeginDrag(e) {
this.props.onScrollBeginDrag && this.props.onScrollBeginDrag(e);
},
/**
* Invoke this from an `onScrollEndDrag` event.
*/
scrollResponderHandleScrollEndDrag: function scrollResponderHandleScrollEndDrag(e) {
this.props.onScrollEndDrag && this.props.onScrollEndDrag(e);
},
/**
* Invoke this from an `onMomentumScrollBegin` event.
*/
scrollResponderHandleMomentumScrollBegin: function scrollResponderHandleMomentumScrollBegin(e) {
this.state.lastMomentumScrollBeginTime = Date.now();
this.props.onMomentumScrollBegin && this.props.onMomentumScrollBegin(e);
},
/**
* Invoke this from an `onMomentumScrollEnd` event.
*/
scrollResponderHandleMomentumScrollEnd: function scrollResponderHandleMomentumScrollEnd(e) {
this.state.lastMomentumScrollEndTime = Date.now();
this.props.onMomentumScrollEnd && this.props.onMomentumScrollEnd(e);
},
/**
* Invoke this from an `onTouchStart` event.
*
* Since we know that the `SimpleEventPlugin` occurs later in the plugin
* order, after `ResponderEventPlugin`, we can detect that we were *not*
* permitted to be the responder (presumably because a contained view became
* responder). The `onResponderReject` won't fire in that case - it only
* fires when a *current* responder rejects our request.
*
* @param {SyntheticEvent} e Touch Start event.
*/
scrollResponderHandleTouchStart: function scrollResponderHandleTouchStart(e) {
this.state.isTouching = true;
this.props.onTouchStart && this.props.onTouchStart(e);
},
/**
* Invoke this from an `onTouchMove` event.
*
* Since we know that the `SimpleEventPlugin` occurs later in the plugin
* order, after `ResponderEventPlugin`, we can detect that we were *not*
* permitted to be the responder (presumably because a contained view became
* responder). The `onResponderReject` won't fire in that case - it only
* fires when a *current* responder rejects our request.
*
* @param {SyntheticEvent} e Touch Start event.
*/
scrollResponderHandleTouchMove: function scrollResponderHandleTouchMove(e) {
this.props.onTouchMove && this.props.onTouchMove(e);
},
/**
* A helper function for this class that lets us quickly determine if the
* view is currently animating. This is particularly useful to know when
* a touch has just started or ended.
*/
scrollResponderIsAnimating: function scrollResponderIsAnimating() {
var now = Date.now();
var timeSinceLastMomentumScrollEnd = now - this.state.lastMomentumScrollEndTime;
var isAnimating = timeSinceLastMomentumScrollEnd < IS_ANIMATING_TOUCH_START_THRESHOLD_MS || this.state.lastMomentumScrollEndTime < this.state.lastMomentumScrollBeginTime;
return isAnimating;
},
/**
* Returns the node that represents native view that can be scrolled.
* Components can pass what node to use by defining a `getScrollableNode`
* function otherwise `this` is used.
*/
scrollResponderGetScrollableNode: function scrollResponderGetScrollableNode() {
return this.getScrollableNode ? this.getScrollableNode() : exports_findNodeHandle(this);
},
/**
* A helper function to scroll to a specific point in the scrollview.
* This is currently used to help focus on child textviews, but can also
* be used to quickly scroll to any element we want to focus. Syntax:
*
* scrollResponderScrollTo(options: {x: number = 0; y: number = 0; animated: boolean = true})
*
* Note: The weird argument signature is due to the fact that, for historical reasons,
* the function also accepts separate arguments as as alternative to the options object.
* This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
*/
scrollResponderScrollTo: function scrollResponderScrollTo(x, y, animated) {
if (typeof x === 'number') {
console.warn('`scrollResponderScrollTo(x, y, animated)` is deprecated. Use `scrollResponderScrollTo({x: 5, y: 5, animated: true})` instead.');
} else {
var _ref = x || emptyObject;
x = _ref.x;
y = _ref.y;
animated = _ref.animated;
}
var node = this.scrollResponderGetScrollableNode();
var left = x || 0;
var top = y || 0;
if (typeof node.scroll === 'function') {
node.scroll({
top: top,
left: left,
behavior: !animated ? 'auto' : 'smooth'
});
} else {
node.scrollLeft = left;
node.scrollTop = top;
}
},
/**
* A helper function to zoom to a specific rect in the scrollview. The argument has the shape
* {x: number; y: number; width: number; height: number; animated: boolean = true}
*
* @platform ios
*/
scrollResponderZoomTo: function scrollResponderZoomTo(rect, animated) // deprecated, put this inside the rect argument instead
{
if (exports_Platform.OS !== 'ios') {
invariant_default()('zoomToRect is not implemented');
}
},
/**
* Displays the scroll indicators momentarily.
*/
scrollResponderFlashScrollIndicators: function scrollResponderFlashScrollIndicators() {},
/**
* This method should be used as the callback to onFocus in a TextInputs'
* parent view. Note that any module using this mixin needs to return
* the parent view's ref in getScrollViewRef() in order to use this method.
* @param {any} nodeHandle The TextInput node handle
* @param {number} additionalOffset The scroll view's top "contentInset".
* Default is 0.
* @param {bool} preventNegativeScrolling Whether to allow pulling the content
* down to make it meet the keyboard's top. Default is false.
*/
scrollResponderScrollNativeHandleToKeyboard: function scrollResponderScrollNativeHandleToKeyboard(nodeHandle, additionalOffset, preventNegativeScrollOffset) {
this.additionalScrollOffset = additionalOffset || 0;
this.preventNegativeScrollOffset = !!preventNegativeScrollOffset;
UIManager/* default.measureLayout */.Z.measureLayout(nodeHandle, exports_findNodeHandle(this.getInnerViewNode()), this.scrollResponderTextInputFocusError, this.scrollResponderInputMeasureAndScrollToKeyboard);
},
/**
* The calculations performed here assume the scroll view takes up the entire
* screen - even if has some content inset. We then measure the offsets of the
* keyboard, and compensate both for the scroll view's "contentInset".
*
* @param {number} left Position of input w.r.t. table view.
* @param {number} top Position of input w.r.t. table view.
* @param {number} width Width of the text input.
* @param {number} height Height of the text input.
*/
scrollResponderInputMeasureAndScrollToKeyboard: function scrollResponderInputMeasureAndScrollToKeyboard(left, top, width, height) {
var keyboardScreenY = Dimensions/* default.get */.Z.get('window').height;
if (this.keyboardWillOpenTo) {
keyboardScreenY = this.keyboardWillOpenTo.endCoordinates.screenY;
}
var scrollOffsetY = top - keyboardScreenY + height + this.additionalScrollOffset; // By default, this can scroll with negative offset, pulling the content
// down so that the target component's bottom meets the keyboard's top.
// If requested otherwise, cap the offset at 0 minimum to avoid content
// shifting down.
if (this.preventNegativeScrollOffset) {
scrollOffsetY = Math.max(0, scrollOffsetY);
}
this.scrollResponderScrollTo({
x: 0,
y: scrollOffsetY,
animated: true
});
this.additionalOffset = 0;
this.preventNegativeScrollOffset = false;
},
scrollResponderTextInputFocusError: function scrollResponderTextInputFocusError(e) {
console.error('Error measuring text field: ', e);
},
/**
* `componentWillMount` is the closest thing to a standard "constructor" for
* React components.
*
* The `keyboardWillShow` is called before input focus.
*/
UNSAFE_componentWillMount: function UNSAFE_componentWillMount() {
this.keyboardWillOpenTo = null;
this.additionalScrollOffset = 0; // this.addListenerOn(RCTDeviceEventEmitter, 'keyboardWillShow', this.scrollResponderKeyboardWillShow);
// this.addListenerOn(RCTDeviceEventEmitter, 'keyboardWillHide', this.scrollResponderKeyboardWillHide);
// this.addListenerOn(RCTDeviceEventEmitter, 'keyboardDidShow', this.scrollResponderKeyboardDidShow);
// this.addListenerOn(RCTDeviceEventEmitter, 'keyboardDidHide', this.scrollResponderKeyboardDidHide);
},
/**
* Warning, this may be called several times for a single keyboard opening.
* It's best to store the information in this method and then take any action
* at a later point (either in `keyboardDidShow` or other).
*
* Here's the order that events occur in:
* - focus
* - willShow {startCoordinates, endCoordinates} several times
* - didShow several times
* - blur
* - willHide {startCoordinates, endCoordinates} several times
* - didHide several times
*
* The `ScrollResponder` providesModule callbacks for each of these events.
* Even though any user could have easily listened to keyboard events
* themselves, using these `props` callbacks ensures that ordering of events
* is consistent - and not dependent on the order that the keyboard events are
* subscribed to. This matters when telling the scroll view to scroll to where
* the keyboard is headed - the scroll responder better have been notified of
* the keyboard destination before being instructed to scroll to where the
* keyboard will be. Stick to the `ScrollResponder` callbacks, and everything
* will work.
*
* WARNING: These callbacks will fire even if a keyboard is displayed in a
* different navigation pane. Filter out the events to determine if they are
* relevant to you. (For example, only if you receive these callbacks after
* you had explicitly focused a node etc).
*/
scrollResponderKeyboardWillShow: function scrollResponderKeyboardWillShow(e) {
this.keyboardWillOpenTo = e;
this.props.onKeyboardWillShow && this.props.onKeyboardWillShow(e);
},
scrollResponderKeyboardWillHide: function scrollResponderKeyboardWillHide(e) {
this.keyboardWillOpenTo = null;
this.props.onKeyboardWillHide && this.props.onKeyboardWillHide(e);
},
scrollResponderKeyboardDidShow: function scrollResponderKeyboardDidShow(e) {
// TODO(7693961): The event for DidShow is not available on iOS yet.
// Use the one from WillShow and do not assign.
if (e) {
this.keyboardWillOpenTo = e;
}
this.props.onKeyboardDidShow && this.props.onKeyboardDidShow(e);
},
scrollResponderKeyboardDidHide: function scrollResponderKeyboardDidHide(e) {
this.keyboardWillOpenTo = null;
this.props.onKeyboardDidHide && this.props.onKeyboardDidHide(e);
}
};
var ScrollResponder = {
Mixin: ScrollResponderMixin
};
/* harmony default export */ const modules_ScrollResponder = (ScrollResponder);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/ScrollView/ScrollViewBase.js
function ScrollViewBase_extends() { ScrollViewBase_extends = Object.assign || 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 ScrollViewBase_extends.apply(this, arguments); }
function ScrollViewBase_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function normalizeScrollEvent(e) {
return {
nativeEvent: {
contentOffset: {
get x() {
return e.target.scrollLeft;
},
get y() {
return e.target.scrollTop;
}
},
contentSize: {
get height() {
return e.target.scrollHeight;
},
get width() {
return e.target.scrollWidth;
}
},
layoutMeasurement: {
get height() {
return e.target.offsetHeight;
},
get width() {
return e.target.offsetWidth;
}
}
},
timeStamp: Date.now()
};
}
function shouldEmitScrollEvent(lastTick, eventThrottle) {
var timeSinceLastTick = Date.now() - lastTick;
return eventThrottle > 0 && timeSinceLastTick >= eventThrottle;
}
/**
* Encapsulates the Web-specific scroll throttling and disabling logic
*/
var ScrollViewBase = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
var onScroll = props.onScroll,
onTouchMove = props.onTouchMove,
onWheel = props.onWheel,
_props$scrollEnabled = props.scrollEnabled,
scrollEnabled = _props$scrollEnabled === void 0 ? true : _props$scrollEnabled,
_props$scrollEventThr = props.scrollEventThrottle,
scrollEventThrottle = _props$scrollEventThr === void 0 ? 0 : _props$scrollEventThr,
showsHorizontalScrollIndicator = props.showsHorizontalScrollIndicator,
showsVerticalScrollIndicator = props.showsVerticalScrollIndicator,
style = props.style,
rest = ScrollViewBase_objectWithoutPropertiesLoose(props, ["onScroll", "onTouchMove", "onWheel", "scrollEnabled", "scrollEventThrottle", "showsHorizontalScrollIndicator", "showsVerticalScrollIndicator", "style"]);
var scrollState = react.useRef({
isScrolling: false,
scrollLastTick: 0
});
var scrollTimeout = react.useRef(null);
var scrollRef = react.useRef(null);
function createPreventableScrollHandler(handler) {
return function (e) {
if (scrollEnabled) {
if (handler) {
handler(e);
}
}
};
}
function handleScroll(e) {
e.stopPropagation();
if (e.target === scrollRef.current) {
e.persist(); // A scroll happened, so the scroll resets the scrollend timeout.
if (scrollTimeout.current != null) {
clearTimeout(scrollTimeout.current);
}
scrollTimeout.current = setTimeout(function () {
handleScrollEnd(e);
}, 100);
if (scrollState.current.isScrolling) {
// Scroll last tick may have changed, check if we need to notify
if (shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)) {
handleScrollTick(e);
}
} else {
// Weren't scrolling, so we must have just started
handleScrollStart(e);
}
}
}
function handleScrollStart(e) {
scrollState.current.isScrolling = true;
handleScrollTick(e);
}
function handleScrollTick(e) {
scrollState.current.scrollLastTick = Date.now();
if (onScroll) {
onScroll(normalizeScrollEvent(e));
}
}
function handleScrollEnd(e) {
scrollState.current.isScrolling = false;
if (onScroll) {
onScroll(normalizeScrollEvent(e));
}
}
var hideScrollbar = showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false;
return /*#__PURE__*/react.createElement(View/* default */.Z, ScrollViewBase_extends({}, rest, {
onScroll: handleScroll,
onTouchMove: createPreventableScrollHandler(onTouchMove),
onWheel: createPreventableScrollHandler(onWheel),
ref: (0,useMergeRefs/* default */.Z)(scrollRef, forwardedRef),
style: [style, !scrollEnabled && ScrollViewBase_styles.scrollDisabled, hideScrollbar && ScrollViewBase_styles.hideScrollbar]
}));
}); // Chrome doesn't support e.preventDefault in this case; touch-action must be
// used to disable scrolling.
// https://developers.google.com/web/updates/2017/01/scrolling-intervention
var ScrollViewBase_styles = StyleSheet/* default.create */.Z.create({
scrollDisabled: {
overflowX: 'hidden',
overflowY: 'hidden',
touchAction: 'none'
},
hideScrollbar: {
scrollbarWidth: 'none'
}
});
/* harmony default export */ const ScrollView_ScrollViewBase = (ScrollViewBase);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/ScrollView/index.js
function ScrollView_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function ScrollView_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ScrollView_ownKeys(Object(source), true).forEach(function (key) { ScrollView_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ScrollView_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function ScrollView_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function ScrollView_extends() { ScrollView_extends = Object.assign || 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 ScrollView_extends.apply(this, arguments); }
function ScrollView_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
var ScrollView_emptyObject = {};
/* eslint-disable react/prefer-es6-class */
var ScrollView = create_react_class_default()({
displayName: "ScrollView",
mixins: [modules_ScrollResponder.Mixin],
getInitialState: function getInitialState() {
return this.scrollResponderMixinGetInitialState();
},
flashScrollIndicators: function flashScrollIndicators() {
this.scrollResponderFlashScrollIndicators();
},
/**
* Returns a reference to the underlying scroll responder, which supports
* operations like `scrollTo`. All ScrollView-like components should
* implement this method so that they can be composed while providing access
* to the underlying scroll responder's methods.
*/
getScrollResponder: function getScrollResponder() {
return this;
},
getScrollableNode: function getScrollableNode() {
return this._scrollNodeRef;
},
getInnerViewRef: function getInnerViewRef() {
return this._innerViewRef;
},
getInnerViewNode: function getInnerViewNode() {
return this._innerViewRef;
},
getNativeScrollRef: function getNativeScrollRef() {
return this._scrollNodeRef;
},
/**
* Scrolls to a given x, y offset, either immediately or with a smooth animation.
* Syntax:
*
* scrollTo(options: {x: number = 0; y: number = 0; animated: boolean = true})
*
* Note: The weird argument signature is due to the fact that, for historical reasons,
* the function also accepts separate arguments as as alternative to the options object.
* This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
*/
scrollTo: function scrollTo(y, x, animated) {
if (typeof y === 'number') {
console.warn('`scrollTo(y, x, animated)` is deprecated. Use `scrollTo({x: 5, y: 5, animated: true})` instead.');
} else {
var _ref = y || ScrollView_emptyObject;
x = _ref.x;
y = _ref.y;
animated = _ref.animated;
}
this.getScrollResponder().scrollResponderScrollTo({
x: x || 0,
y: y || 0,
animated: animated !== false
});
},
/**
* If this is a vertical ScrollView scrolls to the bottom.
* If this is a horizontal ScrollView scrolls to the right.
*
* Use `scrollToEnd({ animated: true })` for smooth animated scrolling,
* `scrollToEnd({ animated: false })` for immediate scrolling.
* If no options are passed, `animated` defaults to true.
*/
scrollToEnd: function scrollToEnd(options) {
// Default to true
var animated = (options && options.animated) !== false;
var horizontal = this.props.horizontal;
var scrollResponder = this.getScrollResponder();
var scrollResponderNode = scrollResponder.scrollResponderGetScrollableNode();
var x = horizontal ? scrollResponderNode.scrollWidth : 0;
var y = horizontal ? 0 : scrollResponderNode.scrollHeight;
scrollResponder.scrollResponderScrollTo({
x: x,
y: y,
animated: animated
});
},
render: function render() {
var _this$props = this.props,
contentContainerStyle = _this$props.contentContainerStyle,
horizontal = _this$props.horizontal,
onContentSizeChange = _this$props.onContentSizeChange,
refreshControl = _this$props.refreshControl,
stickyHeaderIndices = _this$props.stickyHeaderIndices,
pagingEnabled = _this$props.pagingEnabled,
forwardedRef = _this$props.forwardedRef,
keyboardDismissMode = _this$props.keyboardDismissMode,
onScroll = _this$props.onScroll,
other = ScrollView_objectWithoutPropertiesLoose(_this$props, ["contentContainerStyle", "horizontal", "onContentSizeChange", "refreshControl", "stickyHeaderIndices", "pagingEnabled", "forwardedRef", "keyboardDismissMode", "onScroll"]);
if (false) { var childLayoutProps, style; }
var contentSizeChangeProps = {};
if (onContentSizeChange) {
contentSizeChangeProps = {
onLayout: this._handleContentOnLayout
};
}
var hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices);
var children = hasStickyHeaderIndices || pagingEnabled ? react.Children.map(this.props.children, function (child, i) {
var isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
if (child != null && (isSticky || pagingEnabled)) {
return /*#__PURE__*/react.createElement(View/* default */.Z, {
style: StyleSheet/* default.compose */.Z.compose(isSticky && ScrollView_styles.stickyHeader, pagingEnabled && ScrollView_styles.pagingEnabledChild)
}, child);
} else {
return child;
}
}) : this.props.children;
var contentContainer = /*#__PURE__*/react.createElement(View/* default */.Z, ScrollView_extends({}, contentSizeChangeProps, {
children: children,
collapsable: false,
ref: this._setInnerViewRef,
style: StyleSheet/* default.compose */.Z.compose(horizontal && ScrollView_styles.contentContainerHorizontal, contentContainerStyle)
}));
var baseStyle = horizontal ? ScrollView_styles.baseHorizontal : ScrollView_styles.baseVertical;
var pagingEnabledStyle = horizontal ? ScrollView_styles.pagingEnabledHorizontal : ScrollView_styles.pagingEnabledVertical;
var props = ScrollView_objectSpread(ScrollView_objectSpread({}, other), {}, {
style: [baseStyle, pagingEnabled && pagingEnabledStyle, this.props.style],
onTouchStart: this.scrollResponderHandleTouchStart,
onTouchMove: this.scrollResponderHandleTouchMove,
onTouchEnd: this.scrollResponderHandleTouchEnd,
onScrollBeginDrag: this.scrollResponderHandleScrollBeginDrag,
onScrollEndDrag: this.scrollResponderHandleScrollEndDrag,
onMomentumScrollBegin: this.scrollResponderHandleMomentumScrollBegin,
onMomentumScrollEnd: this.scrollResponderHandleMomentumScrollEnd,
onStartShouldSetResponder: this.scrollResponderHandleStartShouldSetResponder,
onStartShouldSetResponderCapture: this.scrollResponderHandleStartShouldSetResponderCapture,
onScrollShouldSetResponder: this.scrollResponderHandleScrollShouldSetResponder,
onScroll: this._handleScroll,
onResponderGrant: this.scrollResponderHandleResponderGrant,
onResponderTerminationRequest: this.scrollResponderHandleTerminationRequest,
onResponderTerminate: this.scrollResponderHandleTerminate,
onResponderRelease: this.scrollResponderHandleResponderRelease,
onResponderReject: this.scrollResponderHandleResponderReject
});
var ScrollViewClass = ScrollView_ScrollViewBase;
invariant_default()(ScrollViewClass !== undefined, 'ScrollViewClass must not be undefined');
var scrollView = /*#__PURE__*/react.createElement(ScrollViewClass, ScrollView_extends({}, props, {
ref: this._setScrollNodeRef
}), contentContainer);
if (refreshControl) {
return /*#__PURE__*/react.cloneElement(refreshControl, {
style: props.style
}, scrollView);
}
return scrollView;
},
_handleContentOnLayout: function _handleContentOnLayout(e) {
var _e$nativeEvent$layout = e.nativeEvent.layout,
width = _e$nativeEvent$layout.width,
height = _e$nativeEvent$layout.height;
this.props.onContentSizeChange(width, height);
},
_handleScroll: function _handleScroll(e) {
if (false) {}
if (this.props.keyboardDismissMode === 'on-drag') {
modules_dismissKeyboard();
}
this.scrollResponderHandleScroll(e);
},
_setInnerViewRef: function _setInnerViewRef(node) {
this._innerViewRef = node;
},
_setScrollNodeRef: function _setScrollNodeRef(node) {
this._scrollNodeRef = node; // ScrollView needs to add more methods to the hostNode in addition to those
// added by `usePlatformMethods`. This is temporarily until an API like
// `ScrollView.scrollTo(hostNode, { x, y })` is added to React Native.
if (node != null) {
node.getScrollResponder = this.getScrollResponder;
node.getInnerViewNode = this.getInnerViewNode;
node.getInnerViewRef = this.getInnerViewRef;
node.getNativeScrollRef = this.getNativeScrollRef;
node.getScrollableNode = this.getScrollableNode;
node.scrollTo = this.scrollTo;
node.scrollToEnd = this.scrollToEnd;
node.flashScrollIndicators = this.flashScrollIndicators;
node.scrollResponderZoomTo = this.scrollResponderZoomTo;
node.scrollResponderScrollNativeHandleToKeyboard = this.scrollResponderScrollNativeHandleToKeyboard;
}
var ref = (0,mergeRefs/* default */.Z)(this.props.forwardedRef);
ref(node);
}
});
var commonStyle = {
flexGrow: 1,
flexShrink: 1,
// Enable hardware compositing in modern browsers.
// Creates a new layer with its own backing surface that can significantly
// improve scroll performance.
transform: [{
translateZ: 0
}],
// iOS native scrolling
WebkitOverflowScrolling: 'touch'
};
var ScrollView_styles = StyleSheet/* default.create */.Z.create({
baseVertical: ScrollView_objectSpread(ScrollView_objectSpread({}, commonStyle), {}, {
flexDirection: 'column',
overflowX: 'hidden',
overflowY: 'auto'
}),
baseHorizontal: ScrollView_objectSpread(ScrollView_objectSpread({}, commonStyle), {}, {
flexDirection: 'row',
overflowX: 'auto',
overflowY: 'hidden'
}),
contentContainerHorizontal: {
flexDirection: 'row'
},
stickyHeader: {
position: 'sticky',
top: 0,
zIndex: 10
},
pagingEnabledHorizontal: {
scrollSnapType: 'x mandatory'
},
pagingEnabledVertical: {
scrollSnapType: 'y mandatory'
},
pagingEnabledChild: {
scrollSnapAlign: 'start'
}
});
var ForwardedScrollView = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
return /*#__PURE__*/react.createElement(ScrollView, ScrollView_extends({}, props, {
forwardedRef: forwardedRef
}));
});
ForwardedScrollView.displayName = 'ScrollView';
/* harmony default export */ const exports_ScrollView = (ForwardedScrollView);
;// CONCATENATED MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/TouchableHighlight/index.js
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
* @format
*/
function TouchableHighlight_extends() { TouchableHighlight_extends = Object.assign || 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 TouchableHighlight_extends.apply(this, arguments); }
function TouchableHighlight_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function createExtraStyles(activeOpacity, underlayColor) {
return {
child: {
opacity: activeOpacity !== null && activeOpacity !== void 0 ? activeOpacity : 0.85
},
underlay: {
backgroundColor: underlayColor === undefined ? 'black' : underlayColor
}
};
}
function hasPressHandler(props) {
return props.onPress != null || props.onPressIn != null || props.onPressOut != null || props.onLongPress != null;
}
/**
* A wrapper for making views respond properly to touches.
* On press down, the opacity of the wrapped view is decreased, which allows
* the underlay color to show through, darkening or tinting the view.
*
* The underlay comes from wrapping the child in a new View, which can affect
* layout, and sometimes cause unwanted visual artifacts if not used correctly,
* for example if the backgroundColor of the wrapped view isn't explicitly set
* to an opaque color.
*
* TouchableHighlight must have one child (not zero or more than one).
* If you wish to have several child components, wrap them in a View.
*/
function TouchableHighlight(props, forwardedRef) {
var activeOpacity = props.activeOpacity,
children = props.children,
delayPressIn = props.delayPressIn,
delayPressOut = props.delayPressOut,
delayLongPress = props.delayLongPress,
disabled = props.disabled,
focusable = props.focusable,
onHideUnderlay = props.onHideUnderlay,
onLongPress = props.onLongPress,
onPress = props.onPress,
onPressIn = props.onPressIn,
onPressOut = props.onPressOut,
onShowUnderlay = props.onShowUnderlay,
rejectResponderTermination = props.rejectResponderTermination,
style = props.style,
testOnly_pressed = props.testOnly_pressed,
underlayColor = props.underlayColor,
rest = TouchableHighlight_objectWithoutPropertiesLoose(props, ["activeOpacity", "children", "delayPressIn", "delayPressOut", "delayLongPress", "disabled", "focusable", "onHideUnderlay", "onLongPress", "onPress", "onPressIn", "onPressOut", "onShowUnderlay", "rejectResponderTermination", "style", "testOnly_pressed", "underlayColor"]);
var hostRef = (0,react.useRef)(null);
var setRef = (0,useMergeRefs/* default */.Z)(forwardedRef, hostRef);
var _useState = (0,react.useState)(testOnly_pressed === true ? createExtraStyles(activeOpacity, underlayColor) : null),
extraStyles = _useState[0],
setExtraStyles = _useState[1];
var showUnderlay = (0,react.useCallback)(function () {
if (!hasPressHandler(props)) {
return;
}
setExtraStyles(createExtraStyles(activeOpacity, underlayColor));
if (onShowUnderlay != null) {
onShowUnderlay();
}
}, [activeOpacity, onShowUnderlay, props, underlayColor]);
var hideUnderlay = (0,react.useCallback)(function () {
if (testOnly_pressed === true) {
return;
}
if (hasPressHandler(props)) {
setExtraStyles(null);
if (onHideUnderlay != null) {
onHideUnderlay();
}
}
}, [onHideUnderlay, props, testOnly_pressed]);
var pressConfig = (0,react.useMemo)(function () {
return {
cancelable: !rejectResponderTermination,
disabled: disabled,
delayLongPress: delayLongPress,
delayPressStart: delayPressIn,
delayPressEnd: delayPressOut,
onLongPress: onLongPress,
onPress: onPress,
onPressStart: function onPressStart(event) {
showUnderlay();
if (onPressIn != null) {
onPressIn(event);
}
},
onPressEnd: function onPressEnd(event) {
hideUnderlay();
if (onPressOut != null) {
onPressOut(event);
}
}
};
}, [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, showUnderlay, hideUnderlay]);
var pressEventHandlers = usePressEvents(hostRef, pressConfig);
var child = react.Children.only(children);
return /*#__PURE__*/react.createElement(View/* default */.Z, TouchableHighlight_extends({}, rest, pressEventHandlers, {
accessibilityDisabled: disabled,
focusable: !disabled && focusable !== false,
ref: setRef,
style: [TouchableHighlight_styles.root, style, !disabled && TouchableHighlight_styles.actionable, extraStyles && extraStyles.underlay]
}), /*#__PURE__*/react.cloneElement(child, {
style: StyleSheet/* default.compose */.Z.compose(child.props.style, extraStyles && extraStyles.child)
}));
}
var TouchableHighlight_styles = StyleSheet/* default.create */.Z.create({
root: {
userSelect: 'none'
},
actionable: {
cursor: 'pointer',
touchAction: 'manipulation'
}
});
var MemoedTouchableHighlight = /*#__PURE__*/react.memo( /*#__PURE__*/react.forwardRef(TouchableHighlight));
MemoedTouchableHighlight.displayName = 'TouchableHighlight';
/* harmony default export */ const exports_TouchableHighlight = (MemoedTouchableHighlight);
// EXTERNAL MODULE: ../node_modules/.pnpm/react-native-web@0.17.6_react-dom@17.0.2+react@17.0.2/node_modules/react-native-web/dist/exports/Text/index.js
var Text = __webpack_require__(8943);
;// CONCATENATED MODULE: ./src/app/Button.js
function Button_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; Button_setPrototypeOf(subClass, superClass); }
function Button_setPrototypeOf(o, p) { Button_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Button_setPrototypeOf(o, p); }
var Button = /*#__PURE__*/function (_Component) {
Button_inheritsLoose(Button, _Component);
function Button() {
return _Component.apply(this, arguments) || this;
}
var _proto = Button.prototype;
_proto.render = function render() {
var _this$props = this.props,
accessibilityLabel = _this$props.accessibilityLabel,
color = _this$props.color,
disabled = _this$props.disabled,
onPress = _this$props.onPress,
style = _this$props.style,
textStyle = _this$props.textStyle,
testID = _this$props.testID,
title = _this$props.title;
return /*#__PURE__*/react.createElement(exports_TouchableHighlight, {
accessibilityLabel: accessibilityLabel,
accessibilityRole: "button",
disabled: disabled,
onPress: onPress,
style: [Button_styles.button, style, color && {
backgroundColor: color
}, disabled && Button_styles.buttonDisabled],
testID: testID
}, /*#__PURE__*/react.createElement(Text/* default */.Z, {
style: [Button_styles.text, textStyle, disabled && Button_styles.textDisabled]
}, title));
};
return Button;
}(react.Component);
Button.displayName = '@app/Button';
var Button_styles = StyleSheet/* default.create */.Z.create({
button: {
backgroundColor: '#2196F3',
borderRadius: 0,
justifyContent: 'center'
},
text: {
color: '#fff',
fontSize: 20,
fontWeight: '500',
padding: 8,
textAlign: 'center',
textTransform: 'uppercase'
},
buttonDisabled: {
backgroundColor: '#dfdfdf'
},
textDisabled: {
color: '#a1a1a1'
}
});
;// CONCATENATED MODULE: ./src/app/Icons.js
var Icons_styles = StyleSheet/* default.create */.Z.create({
root: {
display: 'inline-block',
fill: 'currentcolor',
height: '1.25em',
maxWidth: '100%',
position: 'relative',
userSelect: 'none',
textAlignVertical: 'text-bottom'
}
});
var createIcon = function createIcon(children) {
var Icon = function Icon(props) {
return (0,createElement/* default */.Z)('svg', {
style: StyleSheet/* default.compose */.Z.compose(Icons_styles.root, props.style),
width: 24,
height: 24,
viewBox: '0 0 24 24'
}, children);
};
return Icon;
};
var IconClear = createIcon( /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("path", {
d: "M0 0h24v24H0z",
id: "bounds",
opacity: "0"
}), /*#__PURE__*/react.createElement("path", {
d: "M12 1.25C6.072 1.25 1.25 6.072 1.25 12S6.072 22.75 12 22.75 22.75 17.928 22.75 12 17.928 1.25 12 1.25zm0 1.5c2.28 0 4.368.834 5.982 2.207L4.957 17.982C3.584 16.368 2.75 14.282 2.75 12c0-5.1 4.15-9.25 9.25-9.25zm0 18.5c-2.28 0-4.368-.834-5.982-2.207L19.043 6.018c1.373 1.614 2.207 3.7 2.207 5.982 0 5.1-4.15 9.25-9.25 9.25z"
})));
var IconEye = createIcon( /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("path", {
d: "M0 0h24v24H0z",
id: "bounds",
opacity: "0"
}), /*#__PURE__*/react.createElement("path", {
d: "M14.548 11.634c-1.207 0-2.188-.98-2.188-2.188 0-.664.302-1.25.77-1.653-.363-.097-.736-.165-1.13-.165-2.416 0-4.375 1.96-4.375 4.376S9.585 16.38 12 16.38c2.418 0 4.377-1.96 4.377-4.376 0-.4-.07-.78-.17-1.146-.402.47-.992.776-1.66.776z"
}), /*#__PURE__*/react.createElement("path", {
d: "M12 19.79c-7.228 0-10.12-6.724-10.24-7.01-.254-.466-.254-1.105.035-1.642C1.88 10.923 4.772 4.2 12 4.2s10.12 6.723 10.24 7.01c.254.465.254 1.104-.035 1.64-.085.216-2.977 6.94-10.205 6.94zm0-14c-6.154 0-8.668 5.787-8.772 6.033-.068.135-.068.208-.033.273.137.316 2.65 6.104 8.805 6.104 6.18 0 8.747-5.973 8.772-6.033.07-.136.07-.21.034-.274-.138-.316-2.652-6.103-8.806-6.103z"
})));
var IconCopy = createIcon( /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("path", {
d: "M0 0h24v24H0z",
id: "bounds",
opacity: "0"
}), /*#__PURE__*/react.createElement("path", {
d: "M11.47 14.53c.146.146.338.22.53.22s.384-.073.53-.22l5-5c.293-.293.293-.768 0-1.06s-.768-.294-1.06 0l-3.72 3.72V2c0-.414-.337-.75-.75-.75s-.75.336-.75.75v10.19L7.53 8.47c-.293-.293-.768-.293-1.06 0s-.294.768 0 1.06l5 5z"
}), /*#__PURE__*/react.createElement("path", {
d: "M21.25 13.25c-.414 0-.75.336-.75.75v5.652c0 .437-.355.792-.792.792H4.292c-.437 0-.792-.355-.792-.792V14c0-.414-.336-.75-.75-.75S2 13.586 2 14v5.652c0 1.264 1.028 2.292 2.292 2.292h15.416c1.264 0 2.292-1.028 2.292-2.292V14c0-.414-.336-.75-.75-.75z"
})));
// EXTERNAL MODULE: ./node_modules/prop-types/index.js
var prop_types = __webpack_require__(45697);
// EXTERNAL MODULE: ../node_modules/.pnpm/fbjs@3.0.4/node_modules/fbjs/lib/ExecutionEnvironment.js
var ExecutionEnvironment = __webpack_require__(35245);
;// CONCATENATED MODULE: ./src/app/theme.js
var baseFontSize = 14;
var baseUnit = 1.3125;
var createPlatformLength = function createPlatformLength(multiplier) {
return exports_Platform.select({
web: multiplier + "rem",
default: multiplier * baseFontSize
});
};
/**
* Exported variables
*/
var borderRadii = {
normal: exports_Platform.select({
web: '0.35rem',
default: 5
}),
infinite: '9999px'
};
var breakpoints = {
small: 360,
medium: 600,
large: 800,
xLarge: 1100
};
/**
* Color palette
* DO NOT add new colors unless they are part of @design's color palette.
* DO NOT use colors that are not specified here.
* source: go/uicolors
*/
var colors = {
// Primary
blue: '#1DA1F2',
purple: '#794BC4',
green: '#17BF63',
yellow: '#FFAD1F',
orange: '#F45D22',
red: '#E0245E',
// Text and interface grays
textBlack: '#14171A',
deepGray: '#657786',
mediumGray: '#AAB8C2',
lightGray: '#CCD6DD',
fadedGray: '#E6ECF0',
faintGray: '#F5F8FA',
white: '#FFF',
textBlue: '#1B95E0'
};
var fontFamilies = {
normal: 'System',
japan: exports_Platform.select({
web: 'Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif',
default: 'System'
}),
rtl: exports_Platform.select({
web: 'Tahoma, Arial, sans-serif',
default: 'System'
})
};
var fontSizes = {
// font scale
small: createPlatformLength(0.85),
normal: createPlatformLength(1),
large: createPlatformLength(1.25),
xLarge: createPlatformLength(1.5),
jumbo: createPlatformLength(2)
};
var lineHeight = exports_Platform.select({
web: "" + baseUnit
});
var spaces = {
// This set of space variables should be used for margin, padding
micro: createPlatformLength(baseUnit * 0.125),
xxSmall: createPlatformLength(baseUnit * 0.25),
xSmall: createPlatformLength(baseUnit * 0.5),
small: createPlatformLength(baseUnit * 0.75),
medium: createPlatformLength(baseUnit),
large: createPlatformLength(baseUnit * 1.5),
xLarge: createPlatformLength(baseUnit * 2),
xxLarge: createPlatformLength(baseUnit * 2.5),
jumbo: createPlatformLength(baseUnit * 3)
}; // On web, change the root font-size at specific breakpoints to scale the UI
// for larger viewports.
if (exports_Platform.OS === 'web' && ExecutionEnvironment.canUseDOM) {
var medium = breakpoints.medium,
large = breakpoints.large;
var htmlElement = document.documentElement;
var setFontSize = function setFontSize(width) {
var fontSize = width > medium ? width > large ? '18px' : '17px' : '16px';
if (htmlElement) {
htmlElement.style.fontSize = fontSize;
}
};
setFontSize(Dimensions/* default.get */.Z.get('window').width);
Dimensions/* default.addEventListener */.Z.addEventListener('change', function (dimensions) {
setFontSize(dimensions.window.width);
});
}
;// CONCATENATED MODULE: ./src/app/Text.js
var _excluded = ["style"];
function Text_extends() { Text_extends = Object.assign || 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 Text_extends.apply(this, arguments); }
function Text_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function Text_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; Text_setPrototypeOf(subClass, superClass); }
function Text_setPrototypeOf(o, p) { Text_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Text_setPrototypeOf(o, p); }
var AppText = /*#__PURE__*/function (_React$Component) {
Text_inheritsLoose(AppText, _React$Component);
function AppText() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = AppText.prototype;
_proto.render = function render() {
var _this$props = this.props,
style = _this$props.style,
rest = Text_objectWithoutPropertiesLoose(_this$props, _excluded);
var isInAParentText = this.context.isInAParentText;
return /*#__PURE__*/react.createElement(Text/* default */.Z, Text_extends({}, rest, {
style: [!isInAParentText && Text_styles.baseText, style]
}));
};
return AppText;
}(react.Component);
AppText.displayName = '@app/Text';
AppText.contextTypes = {
isInAParentText: prop_types.bool
};
var Text_styles = StyleSheet/* default.create */.Z.create({
baseText: {
color: colors.textBlack,
fontSize: '1rem',
lineHeight: '1.3125em'
}
});
/* harmony default export */ const app_Text = (AppText);
;// CONCATENATED MODULE: ./src/app/ReportCard.js
function ReportCard_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; ReportCard_setPrototypeOf(subClass, superClass); }
function ReportCard_setPrototypeOf(o, p) { ReportCard_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return ReportCard_setPrototypeOf(o, p); }
var fmt = function fmt(time) {
var i = Number(Math.round(time + 'e2') + 'e-2').toFixed(2);
return 10 / i > 1 ? "0" + i : i;
};
var ReportCard = /*#__PURE__*/function (_React$PureComponent) {
ReportCard_inheritsLoose(ReportCard, _React$PureComponent);
function ReportCard() {
return _React$PureComponent.apply(this, arguments) || this;
}
var _proto = ReportCard.prototype;
_proto.render = function render() {
var _this$props = this.props,
benchmarkName = _this$props.benchmarkName,
libraryName = _this$props.libraryName,
sampleCount = _this$props.sampleCount,
mean = _this$props.mean,
meanLayout = _this$props.meanLayout,
meanScripting = _this$props.meanScripting,
stdDev = _this$props.stdDev,
libraryVersion = _this$props.libraryVersion;
var sampleCountText = sampleCount != null ? "(" + sampleCount + ")" : '';
return /*#__PURE__*/react.createElement(View/* default */.Z, {
style: ReportCard_styles.root
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: ReportCard_styles.left
}, /*#__PURE__*/react.createElement(app_Text, {
numberOfLines: 1,
style: ReportCard_styles.bold
}, "" + libraryName + (libraryVersion ? '@' + libraryVersion : '')), /*#__PURE__*/react.createElement(app_Text, {
numberOfLines: 1
}, benchmarkName, " ", sampleCountText)), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: ReportCard_styles.right
}, mean ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(app_Text, {
style: [ReportCard_styles.bold, ReportCard_styles.monoFont]
}, fmt(mean), " \xB1", fmt(stdDev), " ms"), /*#__PURE__*/react.createElement(app_Text, {
style: [ReportCard_styles.smallText, ReportCard_styles.monoFont]
}, "(S/L) ", fmt(meanScripting), "/", fmt(meanLayout), " ms")) : /*#__PURE__*/react.createElement(app_Text, {
style: ReportCard_styles.bold
}, "In progress\u2026")));
};
return ReportCard;
}(react.PureComponent);
var ReportCard_styles = StyleSheet/* default.create */.Z.create({
root: {
flexDirection: 'row',
alignItems: 'center',
padding: 5,
borderBottomWidth: 1,
borderBottomColor: '#eee'
},
bold: {
fontWeight: 'bold'
},
smallText: {
fontSize: 12
},
monoFont: {
fontFamily: 'monospace'
},
centerText: {
display: 'flex',
alignItems: 'center'
},
left: {
width: '50%'
},
right: {
flex: 1,
alignItems: 'flex-end'
}
});
/* harmony default export */ const app_ReportCard = (ReportCard);
;// CONCATENATED MODULE: ./src/app/Layout.js
function Layout_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; Layout_setPrototypeOf(subClass, superClass); }
function Layout_setPrototypeOf(o, p) { Layout_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Layout_setPrototypeOf(o, p); }
var Layout = /*#__PURE__*/function (_Component) {
Layout_inheritsLoose(Layout, _Component);
function Layout() {
var _this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _Component.call.apply(_Component, [this].concat(args)) || this;
_this.state = {
widescreen: false
};
_this._handleLayout = function (_ref) {
var nativeEvent = _ref.nativeEvent;
var layout = nativeEvent.layout;
var width = layout.width;
if (width >= 740) {
_this.setState(function () {
return {
widescreen: true
};
});
} else {
_this.setState(function () {
return {
widescreen: false
};
});
}
};
return _this;
}
var _proto = Layout.prototype;
_proto.render = function render() {
var _this$props = this.props,
viewPanel = _this$props.viewPanel,
actionPanel = _this$props.actionPanel,
listPanel = _this$props.listPanel;
var widescreen = this.state.widescreen;
return /*#__PURE__*/react.createElement(View/* default */.Z, {
onLayout: this._handleLayout,
style: [Layout_styles.root, widescreen && Layout_styles.row]
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: [widescreen ? Layout_styles.grow : Layout_styles.stackPanel, Layout_styles.layer]
}, viewPanel), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: Layout_styles.grow
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: [Layout_styles.grow, Layout_styles.layer]
}, listPanel), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: Layout_styles.divider
}), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: Layout_styles.layer
}, actionPanel)));
};
return Layout;
}(react.Component);
var Layout_styles = StyleSheet/* default.create */.Z.create({
root: {
height: '100%'
},
row: {
flexDirection: 'row'
},
divider: {
height: 10,
backgroundColor: colors.fadedGray,
borderBottomWidth: 1,
borderTopWidth: 1,
borderColor: colors.mediumGray
},
grow: {
flex: 1
},
stackPanel: {
height: '33.33%'
},
layer: {
transform: [{
translateZ: '0'
}]
}
});
;// CONCATENATED MODULE: ./src/app/App.js
function App_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function App_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? App_ownKeys(Object(source), !0).forEach(function (key) { App_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : App_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function App_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function App_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; App_setPrototypeOf(subClass, superClass); }
function App_setPrototypeOf(o, p) { App_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return App_setPrototypeOf(o, p); }
var Overlay = function Overlay() {
return /*#__PURE__*/react.createElement(View/* default */.Z, {
style: [StyleSheet/* default.absoluteFill */.Z.absoluteFill, {
zIndex: 2
}]
});
};
var App = /*#__PURE__*/function (_Component) {
App_inheritsLoose(App, _Component);
function App(props, context) {
var _this;
_this = _Component.call(this, props, context) || this;
_this._handleChangeBenchmark = function (value) {
_this.setState(function () {
return {
currentBenchmarkName: value
};
});
};
_this._handleChangeLibrary = function (value) {
_this.setState(function () {
return {
currentLibraryName: value
};
});
};
_this._handleStart = function () {
_this.setState(function () {
return {
status: 'running'
};
}, function () {
if (_this._shouldHideBenchmark && _this._benchWrapperRef) {
_this._benchWrapperRef.setNativeProps({
style: {
opacity: 0
}
});
}
_this._benchmarkRef.start();
_this._scrollToEnd();
});
};
_this._handleVisuallyHideBenchmark = function () {
_this._shouldHideBenchmark = !_this._shouldHideBenchmark;
if (_this._benchWrapperRef) {
_this._benchWrapperRef.setNativeProps({
style: {
opacity: _this._shouldHideBenchmark ? 0 : 1
}
});
}
};
_this._createHandleComplete = function (_ref) {
var benchmarkName = _ref.benchmarkName,
libraryName = _ref.libraryName,
sampleCount = _ref.sampleCount;
return function (results) {
_this.setState(function (state) {
return {
results: state.results.concat([App_objectSpread(App_objectSpread({}, results), {}, {
benchmarkName: benchmarkName,
libraryName: libraryName,
libraryVersion: _this.props.tests[benchmarkName][libraryName].version
})]),
status: 'complete'
};
}, _this._scrollToEnd); // console.log(results);
// console.log(results.samples.map(sample => sample.elapsed.toFixed(1)).join('\n'));
};
};
_this._handleClear = function () {
_this.setState(function () {
return {
results: []
};
});
};
_this._setBenchRef = function (ref) {
_this._benchmarkRef = ref;
};
_this._setBenchWrapperRef = function (ref) {
_this._benchWrapperRef = ref;
};
_this._setScrollRef = function (ref) {
_this._scrollRef = ref;
};
_this._scrollToEnd = function () {
window.requestAnimationFrame(function () {
if (_this._scrollRef) {
_this._scrollRef.scrollToEnd();
}
});
};
var currentBenchmarkName = Object.keys(props.tests)[0];
_this.state = {
currentBenchmarkName: currentBenchmarkName,
currentLibraryName: 'react-fela',
status: 'idle',
results: []
};
return _this;
}
var _proto = App.prototype;
_proto.render = function render() {
var tests = this.props.tests;
var _this$state = this.state,
currentBenchmarkName = _this$state.currentBenchmarkName,
status = _this$state.status,
currentLibraryName = _this$state.currentLibraryName,
results = _this$state.results;
var currentImplementation = tests[currentBenchmarkName][currentLibraryName];
var Component = currentImplementation.Component,
Provider = currentImplementation.Provider,
getComponentProps = currentImplementation.getComponentProps,
sampleCount = currentImplementation.sampleCount;
return /*#__PURE__*/react.createElement(Layout, {
actionPanel: /*#__PURE__*/react.createElement(View/* default */.Z, null, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.pickers
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.pickerContainer
}, /*#__PURE__*/react.createElement(app_Text, {
style: App_styles.pickerTitle
}, "Library"), /*#__PURE__*/react.createElement(app_Text, {
style: {
fontWeight: 'bold'
}
}, currentLibraryName), /*#__PURE__*/react.createElement(exports_Picker, {
enabled: status !== 'running',
onValueChange: this._handleChangeLibrary,
selectedValue: currentLibraryName,
style: App_styles.picker
}, Object.keys(tests[currentBenchmarkName]).map(function (libraryName) {
return /*#__PURE__*/react.createElement(exports_Picker.Item, {
key: libraryName,
label: libraryName,
value: libraryName
});
}))), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: {
width: 1,
backgroundColor: colors.fadedGray
}
}), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.pickerContainer
}, /*#__PURE__*/react.createElement(app_Text, {
style: App_styles.pickerTitle
}, "Benchmark"), /*#__PURE__*/react.createElement(app_Text, null, currentBenchmarkName), /*#__PURE__*/react.createElement(exports_Picker, {
enabled: status !== 'running',
onValueChange: this._handleChangeBenchmark,
selectedValue: currentBenchmarkName,
style: App_styles.picker
}, Object.keys(tests).map(function (test) {
return /*#__PURE__*/react.createElement(exports_Picker.Item, {
key: test,
label: test,
value: test
});
})))), /*#__PURE__*/react.createElement(View/* default */.Z, {
style: {
flexDirection: 'row',
height: 50
}
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.grow
}, /*#__PURE__*/react.createElement(Button, {
onPress: this._handleStart,
style: App_styles.button,
title: status === 'running' ? 'Running…' : 'Run'
}))), status === 'running' ? /*#__PURE__*/react.createElement(Overlay, null) : null),
listPanel: /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.listPanel
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.grow
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.listBar
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.iconClearContainer
}, /*#__PURE__*/react.createElement(exports_TouchableOpacity, {
onPress: this._handleClear
}, /*#__PURE__*/react.createElement(IconClear, null)))), /*#__PURE__*/react.createElement(exports_ScrollView, {
ref: this._setScrollRef,
style: App_styles.grow
}, results.map(function (r, i) {
return /*#__PURE__*/react.createElement(app_ReportCard, {
benchmarkName: r.benchmarkName,
key: i,
libraryName: r.libraryName,
libraryVersion: r.libraryVersion,
mean: r.mean,
meanLayout: r.meanLayout,
meanScripting: r.meanScripting,
runTime: r.runTime,
sampleCount: r.sampleCount,
stdDev: r.stdDev
});
}), status === 'running' ? /*#__PURE__*/react.createElement(app_ReportCard, {
benchmarkName: currentBenchmarkName,
libraryName: currentLibraryName
}) : null)), status === 'running' ? /*#__PURE__*/react.createElement(Overlay, null) : null),
viewPanel: /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.viewPanel
}, /*#__PURE__*/react.createElement(View/* default */.Z, {
style: App_styles.iconEyeContainer
}, /*#__PURE__*/react.createElement(exports_TouchableOpacity, {
onPress: this._handleVisuallyHideBenchmark
}, /*#__PURE__*/react.createElement(IconEye, {
style: App_styles.iconEye
}))), /*#__PURE__*/react.createElement(Provider, null, status === 'running' ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(View/* default */.Z, {
ref: this._setBenchWrapperRef
}, /*#__PURE__*/react.createElement(Benchmark, {
component: Component,
forceLayout: true,
getComponentProps: getComponentProps,
onComplete: this._createHandleComplete({
sampleCount: sampleCount,
benchmarkName: currentBenchmarkName,
libraryName: currentLibraryName
}),
ref: this._setBenchRef,
sampleCount: sampleCount,
timeout: 20000,
type: Component.benchmarkType
}))) : /*#__PURE__*/react.createElement(Component, getComponentProps({
cycle: 10
}))), status === 'running' ? /*#__PURE__*/react.createElement(Overlay, null) : null)
});
};
return App;
}(react.Component);
App.displayName = '@app/App';
var App_styles = StyleSheet/* default.create */.Z.create({
viewPanel: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
overflow: 'hidden',
backgroundColor: 'black'
},
iconEye: {
color: 'white',
height: 32
},
iconEyeContainer: {
position: 'absolute',
top: 10,
right: 10,
zIndex: 1
},
iconClearContainer: {
height: '100%',
marginLeft: 5
},
grow: {
flex: 1
},
listPanel: {
flex: 1,
width: '100%',
marginHorizontal: 'auto'
},
listBar: {
padding: 5,
alignItems: 'center',
flexDirection: 'row',
backgroundColor: colors.fadedGray,
borderBottomWidth: 1,
borderBottomColor: colors.mediumGray,
justifyContent: 'flex-end'
},
pickers: {
flexDirection: 'row'
},
pickerContainer: {
flex: 1,
padding: 5
},
pickerTitle: {
fontSize: 12,
color: colors.deepGray
},
picker: App_objectSpread(App_objectSpread({}, StyleSheet/* default.absoluteFillObject */.Z.absoluteFillObject), {}, {
appearance: 'none',
opacity: 0,
width: '100%'
}),
button: {
borderRadius: 0,
flex: 1
}
});
;// CONCATENATED MODULE: ./package.json
const package_namespaceObject = JSON.parse('{"HO":{"@emotion/css":"^11.7.1","aphrodite":"^2.4.0","classnames":"^2.2.6","d3-scale-chromatic":"1.2.0","fela":"^12.0.0-rc.2","fela-enforce-longhands":"^12.0.0-rc.2","fela-preset-web":"^12.0.0-rc.2","glamor":"^2.20.40","radium":"^0.26.0","react":"^17.0.2","react-art":"^17.0.0","react-dom":"^17.0.2","react-fela":"^12.0.0-rc.2","react-jss":"^10.0.4","react-native-web":"^0.17.6","reactxp":"^2.0.0","styled-components":"^5.3.3","styled-jsx":"^3.2.4","styletron-engine-atomic":"^1.4.6","styletron-react":"^6.0.2"}}');
;// CONCATENATED MODULE: ./src/impl.js
var context = __webpack_require__(97251);
var dependencies = package_namespaceObject.HO;
var toImplementations = function toImplementations(context) {
return context.keys() // .filter(pkg => pkg.indexOf('fela') === -1)
.map(function (path) {
var components = context(path).default;
var name = path.split('/')[1];
var version = dependencies[name] || '';
return {
components: components,
name: name,
version: version
};
});
};
var toObject = function toObject(impls) {
return impls.reduce(function (acc, impl) {
acc[impl.name] = impl;
return acc;
}, {});
};
var map = toObject(toImplementations(context));
/* harmony default export */ const impl = (map);
;// CONCATENATED MODULE: ./src/cases/Tree.js
function Tree_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; Tree_setPrototypeOf(subClass, superClass); }
function Tree_setPrototypeOf(o, p) { Tree_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Tree_setPrototypeOf(o, p); }
var Tree = /*#__PURE__*/function (_Component) {
Tree_inheritsLoose(Tree, _Component);
function Tree() {
return _Component.apply(this, arguments) || this;
}
var _proto = Tree.prototype;
_proto.render = function render() {
var _this$props = this.props,
breadth = _this$props.breadth,
components = _this$props.components,
depth = _this$props.depth,
id = _this$props.id,
wrap = _this$props.wrap;
var Box = components.Box;
var result = /*#__PURE__*/react.createElement(Box, {
color: id % 3,
layout: depth % 2 === 0 ? 'column' : 'row',
outer: true
}, depth === 0 && /*#__PURE__*/react.createElement(Box, {
color: id % 3 + 3,
fixed: true
}), depth !== 0 && Array.from({
length: breadth
}).map(function (el, i) {
return /*#__PURE__*/react.createElement(Tree, {
breadth: breadth,
components: components,
depth: depth - 1,
id: i,
key: i,
wrap: wrap
});
}));
for (var i = 0; i < wrap; i++) {
result = /*#__PURE__*/react.createElement(Box, null, result);
}
return result;
};
return Tree;
}(react.Component);
Tree.displayName = 'Tree';
Tree.benchmarkType = BenchmarkType.MOUNT;
Tree.propTypes = false ? 0 : {};
/* harmony default export */ const cases_Tree = (Tree);
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/colors.js
/* harmony default export */ function src_colors(specifier) {
var n = specifier.length / 6 | 0, colors = new Array(n), i = 0;
while (i < n) colors[i] = "#" + specifier.slice(i * 6, ++i * 6);
return colors;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/categorical/category10.js
/* harmony default export */ const category10 = (src_colors("1f77b4ff7f0e2ca02cd627289467bd8c564be377c27f7f7fbcbd2217becf"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/categorical/Accent.js
/* harmony default export */ const Accent = (src_colors("7fc97fbeaed4fdc086ffff99386cb0f0027fbf5b17666666"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/categorical/Dark2.js
/* harmony default export */ const Dark2 = (src_colors("1b9e77d95f027570b3e7298a66a61ee6ab02a6761d666666"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/categorical/Paired.js
/* harmony default export */ const Paired = (src_colors("a6cee31f78b4b2df8a33a02cfb9a99e31a1cfdbf6fff7f00cab2d66a3d9affff99b15928"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/categorical/Pastel1.js
/* harmony default export */ const Pastel1 = (src_colors("fbb4aeb3cde3ccebc5decbe4fed9a6ffffcce5d8bdfddaecf2f2f2"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/categorical/Pastel2.js
/* harmony default export */ const Pastel2 = (src_colors("b3e2cdfdcdaccbd5e8f4cae4e6f5c9fff2aef1e2cccccccc"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/categorical/Set1.js
/* harmony default export */ const Set1 = (src_colors("e41a1c377eb84daf4a984ea3ff7f00ffff33a65628f781bf999999"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/categorical/Set2.js
/* harmony default export */ const Set2 = (src_colors("66c2a5fc8d628da0cbe78ac3a6d854ffd92fe5c494b3b3b3"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/categorical/Set3.js
/* harmony default export */ const Set3 = (src_colors("8dd3c7ffffb3bebadafb807280b1d3fdb462b3de69fccde5d9d9d9bc80bdccebc5ffed6f"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-color/src/define.js
/* harmony default export */ function src_define(constructor, factory, prototype) {
constructor.prototype = factory.prototype = prototype;
prototype.constructor = constructor;
}
function extend(parent, definition) {
var prototype = Object.create(parent.prototype);
for (var key in definition) prototype[key] = definition[key];
return prototype;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-color/src/color.js
function Color() {}
var darker = 0.7;
var brighter = 1 / darker;
var reI = "\\s*([+-]?\\d+)\\s*",
reN = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",
reP = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",
reHex = /^#([0-9a-f]{3,8})$/,
reRgbInteger = new RegExp("^rgb\\(" + [reI, reI, reI] + "\\)$"),
reRgbPercent = new RegExp("^rgb\\(" + [reP, reP, reP] + "\\)$"),
reRgbaInteger = new RegExp("^rgba\\(" + [reI, reI, reI, reN] + "\\)$"),
reRgbaPercent = new RegExp("^rgba\\(" + [reP, reP, reP, reN] + "\\)$"),
reHslPercent = new RegExp("^hsl\\(" + [reN, reP, reP] + "\\)$"),
reHslaPercent = new RegExp("^hsla\\(" + [reN, reP, reP, reN] + "\\)$");
var named = {
aliceblue: 0xf0f8ff,
antiquewhite: 0xfaebd7,
aqua: 0x00ffff,
aquamarine: 0x7fffd4,
azure: 0xf0ffff,
beige: 0xf5f5dc,
bisque: 0xffe4c4,
black: 0x000000,
blanchedalmond: 0xffebcd,
blue: 0x0000ff,
blueviolet: 0x8a2be2,
brown: 0xa52a2a,
burlywood: 0xdeb887,
cadetblue: 0x5f9ea0,
chartreuse: 0x7fff00,
chocolate: 0xd2691e,
coral: 0xff7f50,
cornflowerblue: 0x6495ed,
cornsilk: 0xfff8dc,
crimson: 0xdc143c,
cyan: 0x00ffff,
darkblue: 0x00008b,
darkcyan: 0x008b8b,
darkgoldenrod: 0xb8860b,
darkgray: 0xa9a9a9,
darkgreen: 0x006400,
darkgrey: 0xa9a9a9,
darkkhaki: 0xbdb76b,
darkmagenta: 0x8b008b,
darkolivegreen: 0x556b2f,
darkorange: 0xff8c00,
darkorchid: 0x9932cc,
darkred: 0x8b0000,
darksalmon: 0xe9967a,
darkseagreen: 0x8fbc8f,
darkslateblue: 0x483d8b,
darkslategray: 0x2f4f4f,
darkslategrey: 0x2f4f4f,
darkturquoise: 0x00ced1,
darkviolet: 0x9400d3,
deeppink: 0xff1493,
deepskyblue: 0x00bfff,
dimgray: 0x696969,
dimgrey: 0x696969,
dodgerblue: 0x1e90ff,
firebrick: 0xb22222,
floralwhite: 0xfffaf0,
forestgreen: 0x228b22,
fuchsia: 0xff00ff,
gainsboro: 0xdcdcdc,
ghostwhite: 0xf8f8ff,
gold: 0xffd700,
goldenrod: 0xdaa520,
gray: 0x808080,
green: 0x008000,
greenyellow: 0xadff2f,
grey: 0x808080,
honeydew: 0xf0fff0,
hotpink: 0xff69b4,
indianred: 0xcd5c5c,
indigo: 0x4b0082,
ivory: 0xfffff0,
khaki: 0xf0e68c,
lavender: 0xe6e6fa,
lavenderblush: 0xfff0f5,
lawngreen: 0x7cfc00,
lemonchiffon: 0xfffacd,
lightblue: 0xadd8e6,
lightcoral: 0xf08080,
lightcyan: 0xe0ffff,
lightgoldenrodyellow: 0xfafad2,
lightgray: 0xd3d3d3,
lightgreen: 0x90ee90,
lightgrey: 0xd3d3d3,
lightpink: 0xffb6c1,
lightsalmon: 0xffa07a,
lightseagreen: 0x20b2aa,
lightskyblue: 0x87cefa,
lightslategray: 0x778899,
lightslategrey: 0x778899,
lightsteelblue: 0xb0c4de,
lightyellow: 0xffffe0,
lime: 0x00ff00,
limegreen: 0x32cd32,
linen: 0xfaf0e6,
magenta: 0xff00ff,
maroon: 0x800000,
mediumaquamarine: 0x66cdaa,
mediumblue: 0x0000cd,
mediumorchid: 0xba55d3,
mediumpurple: 0x9370db,
mediumseagreen: 0x3cb371,
mediumslateblue: 0x7b68ee,
mediumspringgreen: 0x00fa9a,
mediumturquoise: 0x48d1cc,
mediumvioletred: 0xc71585,
midnightblue: 0x191970,
mintcream: 0xf5fffa,
mistyrose: 0xffe4e1,
moccasin: 0xffe4b5,
navajowhite: 0xffdead,
navy: 0x000080,
oldlace: 0xfdf5e6,
olive: 0x808000,
olivedrab: 0x6b8e23,
orange: 0xffa500,
orangered: 0xff4500,
orchid: 0xda70d6,
palegoldenrod: 0xeee8aa,
palegreen: 0x98fb98,
paleturquoise: 0xafeeee,
palevioletred: 0xdb7093,
papayawhip: 0xffefd5,
peachpuff: 0xffdab9,
peru: 0xcd853f,
pink: 0xffc0cb,
plum: 0xdda0dd,
powderblue: 0xb0e0e6,
purple: 0x800080,
rebeccapurple: 0x663399,
red: 0xff0000,
rosybrown: 0xbc8f8f,
royalblue: 0x4169e1,
saddlebrown: 0x8b4513,
salmon: 0xfa8072,
sandybrown: 0xf4a460,
seagreen: 0x2e8b57,
seashell: 0xfff5ee,
sienna: 0xa0522d,
silver: 0xc0c0c0,
skyblue: 0x87ceeb,
slateblue: 0x6a5acd,
slategray: 0x708090,
slategrey: 0x708090,
snow: 0xfffafa,
springgreen: 0x00ff7f,
steelblue: 0x4682b4,
tan: 0xd2b48c,
teal: 0x008080,
thistle: 0xd8bfd8,
tomato: 0xff6347,
turquoise: 0x40e0d0,
violet: 0xee82ee,
wheat: 0xf5deb3,
white: 0xffffff,
whitesmoke: 0xf5f5f5,
yellow: 0xffff00,
yellowgreen: 0x9acd32
};
src_define(Color, color, {
copy: function(channels) {
return Object.assign(new this.constructor, this, channels);
},
displayable: function() {
return this.rgb().displayable();
},
hex: color_formatHex, // Deprecated! Use color.formatHex.
formatHex: color_formatHex,
formatHsl: color_formatHsl,
formatRgb: color_formatRgb,
toString: color_formatRgb
});
function color_formatHex() {
return this.rgb().formatHex();
}
function color_formatHsl() {
return hslConvert(this).formatHsl();
}
function color_formatRgb() {
return this.rgb().formatRgb();
}
function color(format) {
var m, l;
format = (format + "").trim().toLowerCase();
return (m = reHex.exec(format)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) // #ff0000
: l === 3 ? new Rgb((m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), ((m & 0xf) << 4) | (m & 0xf), 1) // #f00
: l === 8 ? rgba(m >> 24 & 0xff, m >> 16 & 0xff, m >> 8 & 0xff, (m & 0xff) / 0xff) // #ff000000
: l === 4 ? rgba((m >> 12 & 0xf) | (m >> 8 & 0xf0), (m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), (((m & 0xf) << 4) | (m & 0xf)) / 0xff) // #f000
: null) // invalid hex
: (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)
: (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)
: (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)
: (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)
: (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)
: (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)
: named.hasOwnProperty(format) ? rgbn(named[format]) // eslint-disable-line no-prototype-builtins
: format === "transparent" ? new Rgb(NaN, NaN, NaN, 0)
: null;
}
function rgbn(n) {
return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);
}
function rgba(r, g, b, a) {
if (a <= 0) r = g = b = NaN;
return new Rgb(r, g, b, a);
}
function rgbConvert(o) {
if (!(o instanceof Color)) o = color(o);
if (!o) return new Rgb;
o = o.rgb();
return new Rgb(o.r, o.g, o.b, o.opacity);
}
function color_rgb(r, g, b, opacity) {
return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
}
function Rgb(r, g, b, opacity) {
this.r = +r;
this.g = +g;
this.b = +b;
this.opacity = +opacity;
}
src_define(Rgb, color_rgb, extend(Color, {
brighter: function(k) {
k = k == null ? brighter : Math.pow(brighter, k);
return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
},
darker: function(k) {
k = k == null ? darker : Math.pow(darker, k);
return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
},
rgb: function() {
return this;
},
displayable: function() {
return (-0.5 <= this.r && this.r < 255.5)
&& (-0.5 <= this.g && this.g < 255.5)
&& (-0.5 <= this.b && this.b < 255.5)
&& (0 <= this.opacity && this.opacity <= 1);
},
hex: rgb_formatHex, // Deprecated! Use color.formatHex.
formatHex: rgb_formatHex,
formatRgb: rgb_formatRgb,
toString: rgb_formatRgb
}));
function rgb_formatHex() {
return "#" + hex(this.r) + hex(this.g) + hex(this.b);
}
function rgb_formatRgb() {
var a = this.opacity; a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
return (a === 1 ? "rgb(" : "rgba(")
+ Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", "
+ Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", "
+ Math.max(0, Math.min(255, Math.round(this.b) || 0))
+ (a === 1 ? ")" : ", " + a + ")");
}
function hex(value) {
value = Math.max(0, Math.min(255, Math.round(value) || 0));
return (value < 16 ? "0" : "") + value.toString(16);
}
function hsla(h, s, l, a) {
if (a <= 0) h = s = l = NaN;
else if (l <= 0 || l >= 1) h = s = NaN;
else if (s <= 0) h = NaN;
return new Hsl(h, s, l, a);
}
function hslConvert(o) {
if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
if (!(o instanceof Color)) o = color(o);
if (!o) return new Hsl;
if (o instanceof Hsl) return o;
o = o.rgb();
var r = o.r / 255,
g = o.g / 255,
b = o.b / 255,
min = Math.min(r, g, b),
max = Math.max(r, g, b),
h = NaN,
s = max - min,
l = (max + min) / 2;
if (s) {
if (r === max) h = (g - b) / s + (g < b) * 6;
else if (g === max) h = (b - r) / s + 2;
else h = (r - g) / s + 4;
s /= l < 0.5 ? max + min : 2 - max - min;
h *= 60;
} else {
s = l > 0 && l < 1 ? 0 : h;
}
return new Hsl(h, s, l, o.opacity);
}
function hsl(h, s, l, opacity) {
return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
}
function Hsl(h, s, l, opacity) {
this.h = +h;
this.s = +s;
this.l = +l;
this.opacity = +opacity;
}
src_define(Hsl, hsl, extend(Color, {
brighter: function(k) {
k = k == null ? brighter : Math.pow(brighter, k);
return new Hsl(this.h, this.s, this.l * k, this.opacity);
},
darker: function(k) {
k = k == null ? darker : Math.pow(darker, k);
return new Hsl(this.h, this.s, this.l * k, this.opacity);
},
rgb: function() {
var h = this.h % 360 + (this.h < 0) * 360,
s = isNaN(h) || isNaN(this.s) ? 0 : this.s,
l = this.l,
m2 = l + (l < 0.5 ? l : 1 - l) * s,
m1 = 2 * l - m2;
return new Rgb(
hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),
hsl2rgb(h, m1, m2),
hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2),
this.opacity
);
},
displayable: function() {
return (0 <= this.s && this.s <= 1 || isNaN(this.s))
&& (0 <= this.l && this.l <= 1)
&& (0 <= this.opacity && this.opacity <= 1);
},
formatHsl: function() {
var a = this.opacity; a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
return (a === 1 ? "hsl(" : "hsla(")
+ (this.h || 0) + ", "
+ (this.s || 0) * 100 + "%, "
+ (this.l || 0) * 100 + "%"
+ (a === 1 ? ")" : ", " + a + ")");
}
}));
/* From FvD 13.37, CSS Color Module Level 3 */
function hsl2rgb(h, m1, m2) {
return (h < 60 ? m1 + (m2 - m1) * h / 60
: h < 180 ? m2
: h < 240 ? m1 + (m2 - m1) * (240 - h) / 60
: m1) * 255;
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-interpolate/src/basis.js
function basis(t1, v0, v1, v2, v3) {
var t2 = t1 * t1, t3 = t2 * t1;
return ((1 - 3 * t1 + 3 * t2 - t3) * v0
+ (4 - 6 * t2 + 3 * t3) * v1
+ (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2
+ t3 * v3) / 6;
}
/* harmony default export */ function src_basis(values) {
var n = values.length - 1;
return function(t) {
var i = t <= 0 ? (t = 0) : t >= 1 ? (t = 1, n - 1) : Math.floor(t * n),
v1 = values[i],
v2 = values[i + 1],
v0 = i > 0 ? values[i - 1] : 2 * v1 - v2,
v3 = i < n - 1 ? values[i + 2] : 2 * v2 - v1;
return basis((t - i / n) * n, v0, v1, v2, v3);
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-interpolate/src/basisClosed.js
/* harmony default export */ function basisClosed(values) {
var n = values.length;
return function(t) {
var i = Math.floor(((t %= 1) < 0 ? ++t : t) * n),
v0 = values[(i + n - 1) % n],
v1 = values[i % n],
v2 = values[(i + 1) % n],
v3 = values[(i + 2) % n];
return basis((t - i / n) * n, v0, v1, v2, v3);
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-interpolate/src/constant.js
/* harmony default export */ function constant(x) {
return function() {
return x;
};
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-interpolate/src/color.js
function linear(a, d) {
return function(t) {
return a + t * d;
};
}
function exponential(a, b, y) {
return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function(t) {
return Math.pow(a + t * b, y);
};
}
function hue(a, b) {
var d = b - a;
return d ? linear(a, d > 180 || d < -180 ? d - 360 * Math.round(d / 360) : d) : constant(isNaN(a) ? b : a);
}
function gamma(y) {
return (y = +y) === 1 ? nogamma : function(a, b) {
return b - a ? exponential(a, b, y) : constant(isNaN(a) ? b : a);
};
}
function nogamma(a, b) {
var d = b - a;
return d ? linear(a, d) : constant(isNaN(a) ? b : a);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-interpolate/src/rgb.js
/* harmony default export */ const rgb = ((function rgbGamma(y) {
var color = gamma(y);
function rgb(start, end) {
var r = color((start = color_rgb(start)).r, (end = color_rgb(end)).r),
g = color(start.g, end.g),
b = color(start.b, end.b),
opacity = nogamma(start.opacity, end.opacity);
return function(t) {
start.r = r(t);
start.g = g(t);
start.b = b(t);
start.opacity = opacity(t);
return start + "";
};
}
rgb.gamma = rgbGamma;
return rgb;
})(1));
function rgbSpline(spline) {
return function(colors) {
var n = colors.length,
r = new Array(n),
g = new Array(n),
b = new Array(n),
i, color;
for (i = 0; i < n; ++i) {
color = color_rgb(colors[i]);
r[i] = color.r || 0;
g[i] = color.g || 0;
b[i] = color.b || 0;
}
r = spline(r);
g = spline(g);
b = spline(b);
color.opacity = 1;
return function(t) {
color.r = r(t);
color.g = g(t);
color.b = b(t);
return color + "";
};
};
}
var rgbBasis = rgbSpline(src_basis);
var rgbBasisClosed = rgbSpline(basisClosed);
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/ramp.js
/* harmony default export */ function ramp(scheme) {
return rgbBasis(scheme[scheme.length - 1]);
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/diverging/BrBG.js
var scheme = new Array(3).concat(
"d8b365f5f5f55ab4ac",
"a6611adfc27d80cdc1018571",
"a6611adfc27df5f5f580cdc1018571",
"8c510ad8b365f6e8c3c7eae55ab4ac01665e",
"8c510ad8b365f6e8c3f5f5f5c7eae55ab4ac01665e",
"8c510abf812ddfc27df6e8c3c7eae580cdc135978f01665e",
"8c510abf812ddfc27df6e8c3f5f5f5c7eae580cdc135978f01665e",
"5430058c510abf812ddfc27df6e8c3c7eae580cdc135978f01665e003c30",
"5430058c510abf812ddfc27df6e8c3f5f5f5c7eae580cdc135978f01665e003c30"
).map(src_colors);
/* harmony default export */ const BrBG = (ramp(scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/diverging/PRGn.js
var PRGn_scheme = new Array(3).concat(
"af8dc3f7f7f77fbf7b",
"7b3294c2a5cfa6dba0008837",
"7b3294c2a5cff7f7f7a6dba0008837",
"762a83af8dc3e7d4e8d9f0d37fbf7b1b7837",
"762a83af8dc3e7d4e8f7f7f7d9f0d37fbf7b1b7837",
"762a839970abc2a5cfe7d4e8d9f0d3a6dba05aae611b7837",
"762a839970abc2a5cfe7d4e8f7f7f7d9f0d3a6dba05aae611b7837",
"40004b762a839970abc2a5cfe7d4e8d9f0d3a6dba05aae611b783700441b",
"40004b762a839970abc2a5cfe7d4e8f7f7f7d9f0d3a6dba05aae611b783700441b"
).map(src_colors);
/* harmony default export */ const PRGn = (ramp(PRGn_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/diverging/PiYG.js
var PiYG_scheme = new Array(3).concat(
"e9a3c9f7f7f7a1d76a",
"d01c8bf1b6dab8e1864dac26",
"d01c8bf1b6daf7f7f7b8e1864dac26",
"c51b7de9a3c9fde0efe6f5d0a1d76a4d9221",
"c51b7de9a3c9fde0eff7f7f7e6f5d0a1d76a4d9221",
"c51b7dde77aef1b6dafde0efe6f5d0b8e1867fbc414d9221",
"c51b7dde77aef1b6dafde0eff7f7f7e6f5d0b8e1867fbc414d9221",
"8e0152c51b7dde77aef1b6dafde0efe6f5d0b8e1867fbc414d9221276419",
"8e0152c51b7dde77aef1b6dafde0eff7f7f7e6f5d0b8e1867fbc414d9221276419"
).map(src_colors);
/* harmony default export */ const PiYG = (ramp(PiYG_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/diverging/PuOr.js
var PuOr_scheme = new Array(3).concat(
"998ec3f7f7f7f1a340",
"5e3c99b2abd2fdb863e66101",
"5e3c99b2abd2f7f7f7fdb863e66101",
"542788998ec3d8daebfee0b6f1a340b35806",
"542788998ec3d8daebf7f7f7fee0b6f1a340b35806",
"5427888073acb2abd2d8daebfee0b6fdb863e08214b35806",
"5427888073acb2abd2d8daebf7f7f7fee0b6fdb863e08214b35806",
"2d004b5427888073acb2abd2d8daebfee0b6fdb863e08214b358067f3b08",
"2d004b5427888073acb2abd2d8daebf7f7f7fee0b6fdb863e08214b358067f3b08"
).map(src_colors);
/* harmony default export */ const PuOr = (ramp(PuOr_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/diverging/RdBu.js
var RdBu_scheme = new Array(3).concat(
"ef8a62f7f7f767a9cf",
"ca0020f4a58292c5de0571b0",
"ca0020f4a582f7f7f792c5de0571b0",
"b2182bef8a62fddbc7d1e5f067a9cf2166ac",
"b2182bef8a62fddbc7f7f7f7d1e5f067a9cf2166ac",
"b2182bd6604df4a582fddbc7d1e5f092c5de4393c32166ac",
"b2182bd6604df4a582fddbc7f7f7f7d1e5f092c5de4393c32166ac",
"67001fb2182bd6604df4a582fddbc7d1e5f092c5de4393c32166ac053061",
"67001fb2182bd6604df4a582fddbc7f7f7f7d1e5f092c5de4393c32166ac053061"
).map(src_colors);
/* harmony default export */ const RdBu = (ramp(RdBu_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/diverging/RdGy.js
var RdGy_scheme = new Array(3).concat(
"ef8a62ffffff999999",
"ca0020f4a582bababa404040",
"ca0020f4a582ffffffbababa404040",
"b2182bef8a62fddbc7e0e0e09999994d4d4d",
"b2182bef8a62fddbc7ffffffe0e0e09999994d4d4d",
"b2182bd6604df4a582fddbc7e0e0e0bababa8787874d4d4d",
"b2182bd6604df4a582fddbc7ffffffe0e0e0bababa8787874d4d4d",
"67001fb2182bd6604df4a582fddbc7e0e0e0bababa8787874d4d4d1a1a1a",
"67001fb2182bd6604df4a582fddbc7ffffffe0e0e0bababa8787874d4d4d1a1a1a"
).map(src_colors);
/* harmony default export */ const RdGy = (ramp(RdGy_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/diverging/RdYlBu.js
var RdYlBu_scheme = new Array(3).concat(
"fc8d59ffffbf91bfdb",
"d7191cfdae61abd9e92c7bb6",
"d7191cfdae61ffffbfabd9e92c7bb6",
"d73027fc8d59fee090e0f3f891bfdb4575b4",
"d73027fc8d59fee090ffffbfe0f3f891bfdb4575b4",
"d73027f46d43fdae61fee090e0f3f8abd9e974add14575b4",
"d73027f46d43fdae61fee090ffffbfe0f3f8abd9e974add14575b4",
"a50026d73027f46d43fdae61fee090e0f3f8abd9e974add14575b4313695",
"a50026d73027f46d43fdae61fee090ffffbfe0f3f8abd9e974add14575b4313695"
).map(src_colors);
/* harmony default export */ const RdYlBu = (ramp(RdYlBu_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/diverging/RdYlGn.js
var RdYlGn_scheme = new Array(3).concat(
"fc8d59ffffbf91cf60",
"d7191cfdae61a6d96a1a9641",
"d7191cfdae61ffffbfa6d96a1a9641",
"d73027fc8d59fee08bd9ef8b91cf601a9850",
"d73027fc8d59fee08bffffbfd9ef8b91cf601a9850",
"d73027f46d43fdae61fee08bd9ef8ba6d96a66bd631a9850",
"d73027f46d43fdae61fee08bffffbfd9ef8ba6d96a66bd631a9850",
"a50026d73027f46d43fdae61fee08bd9ef8ba6d96a66bd631a9850006837",
"a50026d73027f46d43fdae61fee08bffffbfd9ef8ba6d96a66bd631a9850006837"
).map(src_colors);
/* harmony default export */ const RdYlGn = (ramp(RdYlGn_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/diverging/Spectral.js
var Spectral_scheme = new Array(3).concat(
"fc8d59ffffbf99d594",
"d7191cfdae61abdda42b83ba",
"d7191cfdae61ffffbfabdda42b83ba",
"d53e4ffc8d59fee08be6f59899d5943288bd",
"d53e4ffc8d59fee08bffffbfe6f59899d5943288bd",
"d53e4ff46d43fdae61fee08be6f598abdda466c2a53288bd",
"d53e4ff46d43fdae61fee08bffffbfe6f598abdda466c2a53288bd",
"9e0142d53e4ff46d43fdae61fee08be6f598abdda466c2a53288bd5e4fa2",
"9e0142d53e4ff46d43fdae61fee08bffffbfe6f598abdda466c2a53288bd5e4fa2"
).map(src_colors);
/* harmony default export */ const Spectral = (ramp(Spectral_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/BuGn.js
var BuGn_scheme = new Array(3).concat(
"e5f5f999d8c92ca25f",
"edf8fbb2e2e266c2a4238b45",
"edf8fbb2e2e266c2a42ca25f006d2c",
"edf8fbccece699d8c966c2a42ca25f006d2c",
"edf8fbccece699d8c966c2a441ae76238b45005824",
"f7fcfde5f5f9ccece699d8c966c2a441ae76238b45005824",
"f7fcfde5f5f9ccece699d8c966c2a441ae76238b45006d2c00441b"
).map(src_colors);
/* harmony default export */ const BuGn = (ramp(BuGn_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/BuPu.js
var BuPu_scheme = new Array(3).concat(
"e0ecf49ebcda8856a7",
"edf8fbb3cde38c96c688419d",
"edf8fbb3cde38c96c68856a7810f7c",
"edf8fbbfd3e69ebcda8c96c68856a7810f7c",
"edf8fbbfd3e69ebcda8c96c68c6bb188419d6e016b",
"f7fcfde0ecf4bfd3e69ebcda8c96c68c6bb188419d6e016b",
"f7fcfde0ecf4bfd3e69ebcda8c96c68c6bb188419d810f7c4d004b"
).map(src_colors);
/* harmony default export */ const BuPu = (ramp(BuPu_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/GnBu.js
var GnBu_scheme = new Array(3).concat(
"e0f3dba8ddb543a2ca",
"f0f9e8bae4bc7bccc42b8cbe",
"f0f9e8bae4bc7bccc443a2ca0868ac",
"f0f9e8ccebc5a8ddb57bccc443a2ca0868ac",
"f0f9e8ccebc5a8ddb57bccc44eb3d32b8cbe08589e",
"f7fcf0e0f3dbccebc5a8ddb57bccc44eb3d32b8cbe08589e",
"f7fcf0e0f3dbccebc5a8ddb57bccc44eb3d32b8cbe0868ac084081"
).map(src_colors);
/* harmony default export */ const GnBu = (ramp(GnBu_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/OrRd.js
var OrRd_scheme = new Array(3).concat(
"fee8c8fdbb84e34a33",
"fef0d9fdcc8afc8d59d7301f",
"fef0d9fdcc8afc8d59e34a33b30000",
"fef0d9fdd49efdbb84fc8d59e34a33b30000",
"fef0d9fdd49efdbb84fc8d59ef6548d7301f990000",
"fff7ecfee8c8fdd49efdbb84fc8d59ef6548d7301f990000",
"fff7ecfee8c8fdd49efdbb84fc8d59ef6548d7301fb300007f0000"
).map(src_colors);
/* harmony default export */ const OrRd = (ramp(OrRd_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/PuBuGn.js
var PuBuGn_scheme = new Array(3).concat(
"ece2f0a6bddb1c9099",
"f6eff7bdc9e167a9cf02818a",
"f6eff7bdc9e167a9cf1c9099016c59",
"f6eff7d0d1e6a6bddb67a9cf1c9099016c59",
"f6eff7d0d1e6a6bddb67a9cf3690c002818a016450",
"fff7fbece2f0d0d1e6a6bddb67a9cf3690c002818a016450",
"fff7fbece2f0d0d1e6a6bddb67a9cf3690c002818a016c59014636"
).map(src_colors);
/* harmony default export */ const PuBuGn = (ramp(PuBuGn_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/PuBu.js
var PuBu_scheme = new Array(3).concat(
"ece7f2a6bddb2b8cbe",
"f1eef6bdc9e174a9cf0570b0",
"f1eef6bdc9e174a9cf2b8cbe045a8d",
"f1eef6d0d1e6a6bddb74a9cf2b8cbe045a8d",
"f1eef6d0d1e6a6bddb74a9cf3690c00570b0034e7b",
"fff7fbece7f2d0d1e6a6bddb74a9cf3690c00570b0034e7b",
"fff7fbece7f2d0d1e6a6bddb74a9cf3690c00570b0045a8d023858"
).map(src_colors);
/* harmony default export */ const PuBu = (ramp(PuBu_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/PuRd.js
var PuRd_scheme = new Array(3).concat(
"e7e1efc994c7dd1c77",
"f1eef6d7b5d8df65b0ce1256",
"f1eef6d7b5d8df65b0dd1c77980043",
"f1eef6d4b9dac994c7df65b0dd1c77980043",
"f1eef6d4b9dac994c7df65b0e7298ace125691003f",
"f7f4f9e7e1efd4b9dac994c7df65b0e7298ace125691003f",
"f7f4f9e7e1efd4b9dac994c7df65b0e7298ace125698004367001f"
).map(src_colors);
/* harmony default export */ const PuRd = (ramp(PuRd_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/RdPu.js
var RdPu_scheme = new Array(3).concat(
"fde0ddfa9fb5c51b8a",
"feebe2fbb4b9f768a1ae017e",
"feebe2fbb4b9f768a1c51b8a7a0177",
"feebe2fcc5c0fa9fb5f768a1c51b8a7a0177",
"feebe2fcc5c0fa9fb5f768a1dd3497ae017e7a0177",
"fff7f3fde0ddfcc5c0fa9fb5f768a1dd3497ae017e7a0177",
"fff7f3fde0ddfcc5c0fa9fb5f768a1dd3497ae017e7a017749006a"
).map(src_colors);
/* harmony default export */ const RdPu = (ramp(RdPu_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/YlGnBu.js
var YlGnBu_scheme = new Array(3).concat(
"edf8b17fcdbb2c7fb8",
"ffffcca1dab441b6c4225ea8",
"ffffcca1dab441b6c42c7fb8253494",
"ffffccc7e9b47fcdbb41b6c42c7fb8253494",
"ffffccc7e9b47fcdbb41b6c41d91c0225ea80c2c84",
"ffffd9edf8b1c7e9b47fcdbb41b6c41d91c0225ea80c2c84",
"ffffd9edf8b1c7e9b47fcdbb41b6c41d91c0225ea8253494081d58"
).map(src_colors);
/* harmony default export */ const YlGnBu = (ramp(YlGnBu_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/YlGn.js
var YlGn_scheme = new Array(3).concat(
"f7fcb9addd8e31a354",
"ffffccc2e69978c679238443",
"ffffccc2e69978c67931a354006837",
"ffffccd9f0a3addd8e78c67931a354006837",
"ffffccd9f0a3addd8e78c67941ab5d238443005a32",
"ffffe5f7fcb9d9f0a3addd8e78c67941ab5d238443005a32",
"ffffe5f7fcb9d9f0a3addd8e78c67941ab5d238443006837004529"
).map(src_colors);
/* harmony default export */ const YlGn = (ramp(YlGn_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/YlOrBr.js
var YlOrBr_scheme = new Array(3).concat(
"fff7bcfec44fd95f0e",
"ffffd4fed98efe9929cc4c02",
"ffffd4fed98efe9929d95f0e993404",
"ffffd4fee391fec44ffe9929d95f0e993404",
"ffffd4fee391fec44ffe9929ec7014cc4c028c2d04",
"ffffe5fff7bcfee391fec44ffe9929ec7014cc4c028c2d04",
"ffffe5fff7bcfee391fec44ffe9929ec7014cc4c02993404662506"
).map(src_colors);
/* harmony default export */ const YlOrBr = (ramp(YlOrBr_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/YlOrRd.js
var YlOrRd_scheme = new Array(3).concat(
"ffeda0feb24cf03b20",
"ffffb2fecc5cfd8d3ce31a1c",
"ffffb2fecc5cfd8d3cf03b20bd0026",
"ffffb2fed976feb24cfd8d3cf03b20bd0026",
"ffffb2fed976feb24cfd8d3cfc4e2ae31a1cb10026",
"ffffccffeda0fed976feb24cfd8d3cfc4e2ae31a1cb10026",
"ffffccffeda0fed976feb24cfd8d3cfc4e2ae31a1cbd0026800026"
).map(src_colors);
/* harmony default export */ const YlOrRd = (ramp(YlOrRd_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-single/Blues.js
var Blues_scheme = new Array(3).concat(
"deebf79ecae13182bd",
"eff3ffbdd7e76baed62171b5",
"eff3ffbdd7e76baed63182bd08519c",
"eff3ffc6dbef9ecae16baed63182bd08519c",
"eff3ffc6dbef9ecae16baed64292c62171b5084594",
"f7fbffdeebf7c6dbef9ecae16baed64292c62171b5084594",
"f7fbffdeebf7c6dbef9ecae16baed64292c62171b508519c08306b"
).map(src_colors);
/* harmony default export */ const Blues = (ramp(Blues_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-single/Greens.js
var Greens_scheme = new Array(3).concat(
"e5f5e0a1d99b31a354",
"edf8e9bae4b374c476238b45",
"edf8e9bae4b374c47631a354006d2c",
"edf8e9c7e9c0a1d99b74c47631a354006d2c",
"edf8e9c7e9c0a1d99b74c47641ab5d238b45005a32",
"f7fcf5e5f5e0c7e9c0a1d99b74c47641ab5d238b45005a32",
"f7fcf5e5f5e0c7e9c0a1d99b74c47641ab5d238b45006d2c00441b"
).map(src_colors);
/* harmony default export */ const Greens = (ramp(Greens_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-single/Greys.js
var Greys_scheme = new Array(3).concat(
"f0f0f0bdbdbd636363",
"f7f7f7cccccc969696525252",
"f7f7f7cccccc969696636363252525",
"f7f7f7d9d9d9bdbdbd969696636363252525",
"f7f7f7d9d9d9bdbdbd969696737373525252252525",
"fffffff0f0f0d9d9d9bdbdbd969696737373525252252525",
"fffffff0f0f0d9d9d9bdbdbd969696737373525252252525000000"
).map(src_colors);
/* harmony default export */ const Greys = (ramp(Greys_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-single/Purples.js
var Purples_scheme = new Array(3).concat(
"efedf5bcbddc756bb1",
"f2f0f7cbc9e29e9ac86a51a3",
"f2f0f7cbc9e29e9ac8756bb154278f",
"f2f0f7dadaebbcbddc9e9ac8756bb154278f",
"f2f0f7dadaebbcbddc9e9ac8807dba6a51a34a1486",
"fcfbfdefedf5dadaebbcbddc9e9ac8807dba6a51a34a1486",
"fcfbfdefedf5dadaebbcbddc9e9ac8807dba6a51a354278f3f007d"
).map(src_colors);
/* harmony default export */ const Purples = (ramp(Purples_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-single/Reds.js
var Reds_scheme = new Array(3).concat(
"fee0d2fc9272de2d26",
"fee5d9fcae91fb6a4acb181d",
"fee5d9fcae91fb6a4ade2d26a50f15",
"fee5d9fcbba1fc9272fb6a4ade2d26a50f15",
"fee5d9fcbba1fc9272fb6a4aef3b2ccb181d99000d",
"fff5f0fee0d2fcbba1fc9272fb6a4aef3b2ccb181d99000d",
"fff5f0fee0d2fcbba1fc9272fb6a4aef3b2ccb181da50f1567000d"
).map(src_colors);
/* harmony default export */ const Reds = (ramp(Reds_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-single/Oranges.js
var Oranges_scheme = new Array(3).concat(
"fee6cefdae6be6550d",
"feeddefdbe85fd8d3cd94701",
"feeddefdbe85fd8d3ce6550da63603",
"feeddefdd0a2fdae6bfd8d3ce6550da63603",
"feeddefdd0a2fdae6bfd8d3cf16913d948018c2d04",
"fff5ebfee6cefdd0a2fdae6bfd8d3cf16913d948018c2d04",
"fff5ebfee6cefdd0a2fdae6bfd8d3cf16913d94801a636037f2704"
).map(src_colors);
/* harmony default export */ const Oranges = (ramp(Oranges_scheme));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-color/src/math.js
var deg2rad = Math.PI / 180;
var rad2deg = 180 / Math.PI;
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-color/src/cubehelix.js
var A = -0.14861,
B = +1.78277,
C = -0.29227,
D = -0.90649,
E = +1.97294,
ED = E * D,
EB = E * B,
BC_DA = B * C - D * A;
function cubehelixConvert(o) {
if (o instanceof Cubehelix) return new Cubehelix(o.h, o.s, o.l, o.opacity);
if (!(o instanceof Rgb)) o = rgbConvert(o);
var r = o.r / 255,
g = o.g / 255,
b = o.b / 255,
l = (BC_DA * b + ED * r - EB * g) / (BC_DA + ED - EB),
bl = b - l,
k = (E * (g - l) - C * bl) / D,
s = Math.sqrt(k * k + bl * bl) / (E * l * (1 - l)), // NaN if l=0 or l=1
h = s ? Math.atan2(k, bl) * rad2deg - 120 : NaN;
return new Cubehelix(h < 0 ? h + 360 : h, s, l, o.opacity);
}
function cubehelix_cubehelix(h, s, l, opacity) {
return arguments.length === 1 ? cubehelixConvert(h) : new Cubehelix(h, s, l, opacity == null ? 1 : opacity);
}
function Cubehelix(h, s, l, opacity) {
this.h = +h;
this.s = +s;
this.l = +l;
this.opacity = +opacity;
}
src_define(Cubehelix, cubehelix_cubehelix, extend(Color, {
brighter: function(k) {
k = k == null ? brighter : Math.pow(brighter, k);
return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
},
darker: function(k) {
k = k == null ? darker : Math.pow(darker, k);
return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
},
rgb: function() {
var h = isNaN(this.h) ? 0 : (this.h + 120) * deg2rad,
l = +this.l,
a = isNaN(this.s) ? 0 : this.s * l * (1 - l),
cosh = Math.cos(h),
sinh = Math.sin(h);
return new Rgb(
255 * (l + a * (A * cosh + B * sinh)),
255 * (l + a * (C * cosh + D * sinh)),
255 * (l + a * (E * cosh)),
this.opacity
);
}
}));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/node_modules/d3-interpolate/src/cubehelix.js
function cubehelix(hue) {
return (function cubehelixGamma(y) {
y = +y;
function cubehelix(start, end) {
var h = hue((start = cubehelix_cubehelix(start)).h, (end = cubehelix_cubehelix(end)).h),
s = nogamma(start.s, end.s),
l = nogamma(start.l, end.l),
opacity = nogamma(start.opacity, end.opacity);
return function(t) {
start.h = h(t);
start.s = s(t);
start.l = l(Math.pow(t, y));
start.opacity = opacity(t);
return start + "";
};
}
cubehelix.gamma = cubehelixGamma;
return cubehelix;
})(1);
}
/* harmony default export */ const src_cubehelix = (cubehelix(hue));
var cubehelixLong = cubehelix(nogamma);
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/cubehelix.js
/* harmony default export */ const sequential_multi_cubehelix = (cubehelixLong(cubehelix_cubehelix(300, 0.5, 0.0), cubehelix_cubehelix(-240, 0.5, 1.0)));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/rainbow.js
var warm = cubehelixLong(cubehelix_cubehelix(-100, 0.75, 0.35), cubehelix_cubehelix(80, 1.50, 0.8));
var cool = cubehelixLong(cubehelix_cubehelix(260, 0.75, 0.35), cubehelix_cubehelix(80, 1.50, 0.8));
var rainbow = cubehelix_cubehelix();
/* harmony default export */ function sequential_multi_rainbow(t) {
if (t < 0 || t > 1) t -= Math.floor(t);
var ts = Math.abs(t - 0.5);
rainbow.h = 360 * t - 100;
rainbow.s = 1.5 - 1.5 * ts;
rainbow.l = 0.8 - 0.9 * ts;
return rainbow + "";
}
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/src/sequential-multi/viridis.js
function viridis_ramp(range) {
var n = range.length;
return function(t) {
return range[Math.max(0, Math.min(n - 1, Math.floor(t * n)))];
};
}
/* harmony default export */ const viridis = (viridis_ramp(src_colors("44015444025645045745055946075a46085c460a5d460b5e470d60470e6147106347116447136548146748166848176948186a481a6c481b6d481c6e481d6f481f70482071482173482374482475482576482677482878482979472a7a472c7a472d7b472e7c472f7d46307e46327e46337f463480453581453781453882443983443a83443b84433d84433e85423f854240864241864142874144874045884046883f47883f48893e49893e4a893e4c8a3d4d8a3d4e8a3c4f8a3c508b3b518b3b528b3a538b3a548c39558c39568c38588c38598c375a8c375b8d365c8d365d8d355e8d355f8d34608d34618d33628d33638d32648e32658e31668e31678e31688e30698e306a8e2f6b8e2f6c8e2e6d8e2e6e8e2e6f8e2d708e2d718e2c718e2c728e2c738e2b748e2b758e2a768e2a778e2a788e29798e297a8e297b8e287c8e287d8e277e8e277f8e27808e26818e26828e26828e25838e25848e25858e24868e24878e23888e23898e238a8d228b8d228c8d228d8d218e8d218f8d21908d21918c20928c20928c20938c1f948c1f958b1f968b1f978b1f988b1f998a1f9a8a1e9b8a1e9c891e9d891f9e891f9f881fa0881fa1881fa1871fa28720a38620a48621a58521a68522a78522a88423a98324aa8325ab8225ac8226ad8127ad8128ae8029af7f2ab07f2cb17e2db27d2eb37c2fb47c31b57b32b67a34b67935b77937b87838b9773aba763bbb753dbc743fbc7340bd7242be7144bf7046c06f48c16e4ac16d4cc26c4ec36b50c46a52c56954c56856c66758c7655ac8645cc8635ec96260ca6063cb5f65cb5e67cc5c69cd5b6ccd5a6ece5870cf5773d05675d05477d1537ad1517cd2507fd34e81d34d84d44b86d54989d5488bd6468ed64590d74393d74195d84098d83e9bd93c9dd93ba0da39a2da37a5db36a8db34aadc32addc30b0dd2fb2dd2db5de2bb8de29bade28bddf26c0df25c2df23c5e021c8e020cae11fcde11dd0e11cd2e21bd5e21ad8e219dae319dde318dfe318e2e418e5e419e7e419eae51aece51befe51cf1e51df4e61ef6e620f8e621fbe723fde725")));
var magma = viridis_ramp(src_colors("00000401000501010601010802010902020b02020d03030f03031204041405041606051806051a07061c08071e0907200a08220b09240c09260d0a290e0b2b100b2d110c2f120d31130d34140e36150e38160f3b180f3d19103f1a10421c10441d11471e114920114b21114e22115024125325125527125829115a2a115c2c115f2d11612f116331116533106734106936106b38106c390f6e3b0f703d0f713f0f72400f74420f75440f764510774710784910784a10794c117a4e117b4f127b51127c52137c54137d56147d57157e59157e5a167e5c167f5d177f5f187f601880621980641a80651a80671b80681c816a1c816b1d816d1d816e1e81701f81721f817320817521817621817822817922827b23827c23827e24828025828125818326818426818627818827818928818b29818c29818e2a81902a81912b81932b80942c80962c80982d80992d809b2e7f9c2e7f9e2f7fa02f7fa1307ea3307ea5317ea6317da8327daa337dab337cad347cae347bb0357bb2357bb3367ab5367ab73779b83779ba3878bc3978bd3977bf3a77c03a76c23b75c43c75c53c74c73d73c83e73ca3e72cc3f71cd4071cf4070d0416fd2426fd3436ed5446dd6456cd8456cd9466bdb476adc4869de4968df4a68e04c67e24d66e34e65e44f64e55064e75263e85362e95462ea5661eb5760ec5860ed5a5fee5b5eef5d5ef05f5ef1605df2625df2645cf3655cf4675cf4695cf56b5cf66c5cf66e5cf7705cf7725cf8745cf8765cf9785df9795df97b5dfa7d5efa7f5efa815ffb835ffb8560fb8761fc8961fc8a62fc8c63fc8e64fc9065fd9266fd9467fd9668fd9869fd9a6afd9b6bfe9d6cfe9f6dfea16efea36ffea571fea772fea973feaa74feac76feae77feb078feb27afeb47bfeb67cfeb77efeb97ffebb81febd82febf84fec185fec287fec488fec68afec88cfeca8dfecc8ffecd90fecf92fed194fed395fed597fed799fed89afdda9cfddc9efddea0fde0a1fde2a3fde3a5fde5a7fde7a9fde9aafdebacfcecaefceeb0fcf0b2fcf2b4fcf4b6fcf6b8fcf7b9fcf9bbfcfbbdfcfdbf"));
var inferno = viridis_ramp(src_colors("00000401000501010601010802010a02020c02020e03021004031204031405041706041907051b08051d09061f0a07220b07240c08260d08290e092b10092d110a30120a32140b34150b37160b39180c3c190c3e1b0c411c0c431e0c451f0c48210c4a230c4c240c4f260c51280b53290b552b0b572d0b592f0a5b310a5c320a5e340a5f3609613809623909633b09643d09653e0966400a67420a68440a68450a69470b6a490b6a4a0c6b4c0c6b4d0d6c4f0d6c510e6c520e6d540f6d550f6d57106e59106e5a116e5c126e5d126e5f136e61136e62146e64156e65156e67166e69166e6a176e6c186e6d186e6f196e71196e721a6e741a6e751b6e771c6d781c6d7a1d6d7c1d6d7d1e6d7f1e6c801f6c82206c84206b85216b87216b88226a8a226a8c23698d23698f24699025689225689326679526679727669827669a28659b29649d29649f2a63a02a63a22b62a32c61a52c60a62d60a82e5fa92e5eab2f5ead305dae305cb0315bb1325ab3325ab43359b63458b73557b93556ba3655bc3754bd3853bf3952c03a51c13a50c33b4fc43c4ec63d4dc73e4cc83f4bca404acb4149cc4248ce4347cf4446d04545d24644d34743d44842d54a41d74b3fd84c3ed94d3dda4e3cdb503bdd513ade5238df5337e05536e15635e25734e35933e45a31e55c30e65d2fe75e2ee8602de9612bea632aeb6429eb6628ec6726ed6925ee6a24ef6c23ef6e21f06f20f1711ff1731df2741cf3761bf37819f47918f57b17f57d15f67e14f68013f78212f78410f8850ff8870ef8890cf98b0bf98c0af98e09fa9008fa9207fa9407fb9606fb9706fb9906fb9b06fb9d07fc9f07fca108fca309fca50afca60cfca80dfcaa0ffcac11fcae12fcb014fcb216fcb418fbb61afbb81dfbba1ffbbc21fbbe23fac026fac228fac42afac62df9c72ff9c932f9cb35f8cd37f8cf3af7d13df7d340f6d543f6d746f5d949f5db4cf4dd4ff4df53f4e156f3e35af3e55df2e661f2e865f2ea69f1ec6df1ed71f1ef75f1f179f2f27df2f482f3f586f3f68af4f88ef5f992f6fa96f8fb9af9fc9dfafda1fcffa4"));
var plasma = viridis_ramp(src_colors("0d088710078813078916078a19068c1b068d1d068e20068f2206902406912605912805922a05932c05942e05952f059631059733059735049837049938049a3a049a3c049b3e049c3f049c41049d43039e44039e46039f48039f4903a04b03a14c02a14e02a25002a25102a35302a35502a45601a45801a45901a55b01a55c01a65e01a66001a66100a76300a76400a76600a76700a86900a86a00a86c00a86e00a86f00a87100a87201a87401a87501a87701a87801a87a02a87b02a87d03a87e03a88004a88104a78305a78405a78606a68707a68808a68a09a58b0aa58d0ba58e0ca48f0da4910ea3920fa39410a29511a19613a19814a099159f9a169f9c179e9d189d9e199da01a9ca11b9ba21d9aa31e9aa51f99a62098a72197a82296aa2395ab2494ac2694ad2793ae2892b02991b12a90b22b8fb32c8eb42e8db52f8cb6308bb7318ab83289ba3388bb3488bc3587bd3786be3885bf3984c03a83c13b82c23c81c33d80c43e7fc5407ec6417dc7427cc8437bc9447aca457acb4679cc4778cc4977cd4a76ce4b75cf4c74d04d73d14e72d24f71d35171d45270d5536fd5546ed6556dd7566cd8576bd9586ada5a6ada5b69db5c68dc5d67dd5e66de5f65de6164df6263e06363e16462e26561e26660e3685fe4695ee56a5de56b5de66c5ce76e5be76f5ae87059e97158e97257ea7457eb7556eb7655ec7754ed7953ed7a52ee7b51ef7c51ef7e50f07f4ff0804ef1814df1834cf2844bf3854bf3874af48849f48948f58b47f58c46f68d45f68f44f79044f79143f79342f89441f89540f9973ff9983ef99a3efa9b3dfa9c3cfa9e3bfb9f3afba139fba238fca338fca537fca636fca835fca934fdab33fdac33fdae32fdaf31fdb130fdb22ffdb42ffdb52efeb72dfeb82cfeba2cfebb2bfebd2afebe2afec029fdc229fdc328fdc527fdc627fdc827fdca26fdcb26fccd25fcce25fcd025fcd225fbd324fbd524fbd724fad824fada24f9dc24f9dd25f8df25f8e125f7e225f7e425f6e626f6e826f5e926f5eb27f4ed27f3ee27f3f027f2f227f1f426f1f525f0f724f0f921"));
;// CONCATENATED MODULE: ../node_modules/.pnpm/d3-scale-chromatic@1.2.0/node_modules/d3-scale-chromatic/index.js
;// CONCATENATED MODULE: ./src/cases/SierpinskiTriangle.js
function SierpinskiTriangle_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; SierpinskiTriangle_setPrototypeOf(subClass, superClass); }
function SierpinskiTriangle_setPrototypeOf(o, p) { SierpinskiTriangle_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return SierpinskiTriangle_setPrototypeOf(o, p); }
var targetSize = 10;
var SierpinskiTriangle = /*#__PURE__*/function (_React$Component) {
SierpinskiTriangle_inheritsLoose(SierpinskiTriangle, _React$Component);
function SierpinskiTriangle() {
return _React$Component.apply(this, arguments) || this;
}
var _proto = SierpinskiTriangle.prototype;
_proto.render = function render() {
var _this$props = this.props,
components = _this$props.components,
x = _this$props.x,
y = _this$props.y,
depth = _this$props.depth,
renderCount = _this$props.renderCount;
var s = this.props.s;
var Dot = components.Dot;
if (Dot) {
if (s <= targetSize) {
var fn;
switch (depth) {
case 1:
fn = Purples;
break;
case 2:
fn = BuPu;
break;
case 3:
default:
fn = RdPu;
} // introduce randomness to ensure that repeated runs don't produce the same colors
var color = fn(renderCount * Math.random() / 20);
return /*#__PURE__*/react.createElement(Dot, {
color: color,
size: targetSize,
x: x - targetSize / 2,
y: y - targetSize / 2
});
}
s /= 2;
return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(SierpinskiTriangle, {
components: components,
depth: 1,
renderCount: renderCount,
s: s,
x: x,
y: y - s / 2
}), /*#__PURE__*/react.createElement(SierpinskiTriangle, {
components: components,
depth: 2,
renderCount: renderCount,
s: s,
x: x - s,
y: y + s / 2
}), /*#__PURE__*/react.createElement(SierpinskiTriangle, {
components: components,
depth: 3,
renderCount: renderCount,
s: s,
x: x + s,
y: y + s / 2
}));
} else {
return /*#__PURE__*/react.createElement("span", {
style: {
color: 'white'
}
}, "No implementation available");
}
};
return SierpinskiTriangle;
}(react.Component);
SierpinskiTriangle.displayName = 'SierpinskiTriangle';
SierpinskiTriangle.benchmarkType = BenchmarkType.UPDATE;
SierpinskiTriangle.defaultProps = {
depth: 0,
renderCount: 0
};
SierpinskiTriangle.propTypes = false ? 0 : {};
/* harmony default export */ const cases_SierpinskiTriangle = (SierpinskiTriangle);
;// CONCATENATED MODULE: ./src/index.js
var implementations = impl;
var packageNames = Object.keys(implementations);
var createTestBlock = function createTestBlock(fn) {
return packageNames.reduce(function (testSetups, packageName) {
var _implementations$pack = implementations[packageName],
name = _implementations$pack.name,
components = _implementations$pack.components,
version = _implementations$pack.version;
var _fn = fn(components),
Component = _fn.Component,
getComponentProps = _fn.getComponentProps,
sampleCount = _fn.sampleCount,
Provider = _fn.Provider,
benchmarkType = _fn.benchmarkType;
testSetups[packageName] = {
Component: Component,
getComponentProps: getComponentProps,
sampleCount: sampleCount,
Provider: Provider,
benchmarkType: benchmarkType,
version: version,
name: name
};
return testSetups;
}, {});
};
var tests = {
'Mount deep tree': createTestBlock(function (components) {
return {
benchmarkType: 'mount',
Component: cases_Tree,
getComponentProps: function getComponentProps() {
return {
breadth: 2,
components: components,
depth: 7,
id: 0,
wrap: 1
};
},
Provider: components.Provider,
sampleCount: 200
};
}),
'Mount wide tree': createTestBlock(function (components) {
return {
benchmarkType: 'mount',
Component: cases_Tree,
getComponentProps: function getComponentProps() {
return {
breadth: 6,
components: components,
depth: 3,
id: 0,
wrap: 2
};
},
Provider: components.Provider,
sampleCount: 200
};
}),
'Update dynamic styles': createTestBlock(function (components) {
return {
benchmarkType: 'update',
Component: cases_SierpinskiTriangle,
getComponentProps: function getComponentProps(_ref) {
var cycle = _ref.cycle;
return {
components: components,
s: 200,
renderCount: cycle,
x: 0,
y: 0
};
},
Provider: components.Provider,
sampleCount: 300
};
})
};
react_dom.render( /*#__PURE__*/react.createElement(App, {
tests: tests
}), document.querySelector('.root'));
})();
/******/ })()
;