'use strict'; var React = require('react'); var index = require('./index-df131447.js'); var plumeUtils27cd384f = require('./plume-utils-27cd384f-3ddf4daf.js'); var $9Q8De$reactdom = require('react-dom'); function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; } }); } }); } n["default"] = e; return Object.freeze(n); } var React__default = /*#__PURE__*/_interopDefaultLegacy(React); var React__namespace = /*#__PURE__*/_interopNamespace(React); var $9Q8De$reactdom__default = /*#__PURE__*/_interopDefaultLegacy($9Q8De$reactdom); var $9Q8De$reactdom__namespace = /*#__PURE__*/_interopNamespace($9Q8De$reactdom); /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */ /* global Reflect, Promise */ 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 (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; return extendStatics(d, b); }; function __extends(d, b) { if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); } var __assign = function() { __assign = Object.assign || function __assign(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); }; function __spreadArray(to, from, pack) { if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { if (ar || !(i in from)) { if (!ar) ar = Array.prototype.slice.call(from, 0, i); ar[i] = from[i]; } } return to.concat(ar || Array.prototype.slice.call(from)); } var ErrorKind; (function (ErrorKind) { /** Argument is unclosed (e.g. `{0`) */ ErrorKind[ErrorKind["EXPECT_ARGUMENT_CLOSING_BRACE"] = 1] = "EXPECT_ARGUMENT_CLOSING_BRACE"; /** Argument is empty (e.g. `{}`). */ ErrorKind[ErrorKind["EMPTY_ARGUMENT"] = 2] = "EMPTY_ARGUMENT"; /** Argument is malformed (e.g. `{foo!}``) */ ErrorKind[ErrorKind["MALFORMED_ARGUMENT"] = 3] = "MALFORMED_ARGUMENT"; /** Expect an argument type (e.g. `{foo,}`) */ ErrorKind[ErrorKind["EXPECT_ARGUMENT_TYPE"] = 4] = "EXPECT_ARGUMENT_TYPE"; /** Unsupported argument type (e.g. `{foo,foo}`) */ ErrorKind[ErrorKind["INVALID_ARGUMENT_TYPE"] = 5] = "INVALID_ARGUMENT_TYPE"; /** Expect an argument style (e.g. `{foo, number, }`) */ ErrorKind[ErrorKind["EXPECT_ARGUMENT_STYLE"] = 6] = "EXPECT_ARGUMENT_STYLE"; /** The number skeleton is invalid. */ ErrorKind[ErrorKind["INVALID_NUMBER_SKELETON"] = 7] = "INVALID_NUMBER_SKELETON"; /** The date time skeleton is invalid. */ ErrorKind[ErrorKind["INVALID_DATE_TIME_SKELETON"] = 8] = "INVALID_DATE_TIME_SKELETON"; /** Exepct a number skeleton following the `::` (e.g. `{foo, number, ::}`) */ ErrorKind[ErrorKind["EXPECT_NUMBER_SKELETON"] = 9] = "EXPECT_NUMBER_SKELETON"; /** Exepct a date time skeleton following the `::` (e.g. `{foo, date, ::}`) */ ErrorKind[ErrorKind["EXPECT_DATE_TIME_SKELETON"] = 10] = "EXPECT_DATE_TIME_SKELETON"; /** Unmatched apostrophes in the argument style (e.g. `{foo, number, 'test`) */ ErrorKind[ErrorKind["UNCLOSED_QUOTE_IN_ARGUMENT_STYLE"] = 11] = "UNCLOSED_QUOTE_IN_ARGUMENT_STYLE"; /** Missing select argument options (e.g. `{foo, select}`) */ ErrorKind[ErrorKind["EXPECT_SELECT_ARGUMENT_OPTIONS"] = 12] = "EXPECT_SELECT_ARGUMENT_OPTIONS"; /** Expecting an offset value in `plural` or `selectordinal` argument (e.g `{foo, plural, offset}`) */ ErrorKind[ErrorKind["EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE"] = 13] = "EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE"; /** Offset value in `plural` or `selectordinal` is invalid (e.g. `{foo, plural, offset: x}`) */ ErrorKind[ErrorKind["INVALID_PLURAL_ARGUMENT_OFFSET_VALUE"] = 14] = "INVALID_PLURAL_ARGUMENT_OFFSET_VALUE"; /** Expecting a selector in `select` argument (e.g `{foo, select}`) */ ErrorKind[ErrorKind["EXPECT_SELECT_ARGUMENT_SELECTOR"] = 15] = "EXPECT_SELECT_ARGUMENT_SELECTOR"; /** Expecting a selector in `plural` or `selectordinal` argument (e.g `{foo, plural}`) */ ErrorKind[ErrorKind["EXPECT_PLURAL_ARGUMENT_SELECTOR"] = 16] = "EXPECT_PLURAL_ARGUMENT_SELECTOR"; /** Expecting a message fragment after the `select` selector (e.g. `{foo, select, apple}`) */ ErrorKind[ErrorKind["EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT"] = 17] = "EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT"; /** * Expecting a message fragment after the `plural` or `selectordinal` selector * (e.g. `{foo, plural, one}`) */ ErrorKind[ErrorKind["EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT"] = 18] = "EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT"; /** Selector in `plural` or `selectordinal` is malformed (e.g. `{foo, plural, =x {#}}`) */ ErrorKind[ErrorKind["INVALID_PLURAL_ARGUMENT_SELECTOR"] = 19] = "INVALID_PLURAL_ARGUMENT_SELECTOR"; /** * Duplicate selectors in `plural` or `selectordinal` argument. * (e.g. {foo, plural, one {#} one {#}}) */ ErrorKind[ErrorKind["DUPLICATE_PLURAL_ARGUMENT_SELECTOR"] = 20] = "DUPLICATE_PLURAL_ARGUMENT_SELECTOR"; /** Duplicate selectors in `select` argument. * (e.g. {foo, select, apple {apple} apple {apple}}) */ ErrorKind[ErrorKind["DUPLICATE_SELECT_ARGUMENT_SELECTOR"] = 21] = "DUPLICATE_SELECT_ARGUMENT_SELECTOR"; /** Plural or select argument option must have `other` clause. */ ErrorKind[ErrorKind["MISSING_OTHER_CLAUSE"] = 22] = "MISSING_OTHER_CLAUSE"; /** The tag is malformed. (e.g. `foo) */ ErrorKind[ErrorKind["INVALID_TAG"] = 23] = "INVALID_TAG"; /** The tag name is invalid. (e.g. `<123>foo`) */ ErrorKind[ErrorKind["INVALID_TAG_NAME"] = 25] = "INVALID_TAG_NAME"; /** The closing tag does not match the opening tag. (e.g. `foo`) */ ErrorKind[ErrorKind["UNMATCHED_CLOSING_TAG"] = 26] = "UNMATCHED_CLOSING_TAG"; /** The opening tag has unmatched closing tag. (e.g. `foo`) */ ErrorKind[ErrorKind["UNCLOSED_TAG"] = 27] = "UNCLOSED_TAG"; })(ErrorKind || (ErrorKind = {})); var TYPE; (function (TYPE) { /** * Raw text */ TYPE[TYPE["literal"] = 0] = "literal"; /** * Variable w/o any format, e.g `var` in `this is a {var}` */ TYPE[TYPE["argument"] = 1] = "argument"; /** * Variable w/ number format */ TYPE[TYPE["number"] = 2] = "number"; /** * Variable w/ date format */ TYPE[TYPE["date"] = 3] = "date"; /** * Variable w/ time format */ TYPE[TYPE["time"] = 4] = "time"; /** * Variable w/ select format */ TYPE[TYPE["select"] = 5] = "select"; /** * Variable w/ plural format */ TYPE[TYPE["plural"] = 6] = "plural"; /** * Only possible within plural argument. * This is the `#` symbol that will be substituted with the count. */ TYPE[TYPE["pound"] = 7] = "pound"; /** * XML-like tag */ TYPE[TYPE["tag"] = 8] = "tag"; })(TYPE || (TYPE = {})); var SKELETON_TYPE; (function (SKELETON_TYPE) { SKELETON_TYPE[SKELETON_TYPE["number"] = 0] = "number"; SKELETON_TYPE[SKELETON_TYPE["dateTime"] = 1] = "dateTime"; })(SKELETON_TYPE || (SKELETON_TYPE = {})); /** * Type Guards */ function isLiteralElement(el) { return el.type === TYPE.literal; } function isArgumentElement(el) { return el.type === TYPE.argument; } function isNumberElement(el) { return el.type === TYPE.number; } function isDateElement(el) { return el.type === TYPE.date; } function isTimeElement(el) { return el.type === TYPE.time; } function isSelectElement(el) { return el.type === TYPE.select; } function isPluralElement(el) { return el.type === TYPE.plural; } function isPoundElement(el) { return el.type === TYPE.pound; } function isTagElement(el) { return el.type === TYPE.tag; } function isNumberSkeleton(el) { return !!(el && typeof el === 'object' && el.type === SKELETON_TYPE.number); } function isDateTimeSkeleton(el) { return !!(el && typeof el === 'object' && el.type === SKELETON_TYPE.dateTime); } // @generated from regex-gen.ts var SPACE_SEPARATOR_REGEX = /[ \xA0\u1680\u2000-\u200A\u202F\u205F\u3000]/; /** * https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table * Credit: https://github.com/caridy/intl-datetimeformat-pattern/blob/master/index.js * with some tweaks */ var DATE_TIME_REGEX = /(?:[Eec]{1,6}|G{1,5}|[Qq]{1,5}|(?:[yYur]+|U{1,5})|[ML]{1,5}|d{1,2}|D{1,3}|F{1}|[abB]{1,5}|[hkHK]{1,2}|w{1,2}|W{1}|m{1,2}|s{1,2}|[zZOvVxX]{1,4})(?=([^']*'[^']*')*[^']*$)/g; /** * Parse Date time skeleton into Intl.DateTimeFormatOptions * Ref: https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table * @public * @param skeleton skeleton string */ function parseDateTimeSkeleton(skeleton) { var result = {}; skeleton.replace(DATE_TIME_REGEX, function (match) { var len = match.length; switch (match[0]) { // Era case 'G': result.era = len === 4 ? 'long' : len === 5 ? 'narrow' : 'short'; break; // Year case 'y': result.year = len === 2 ? '2-digit' : 'numeric'; break; case 'Y': case 'u': case 'U': case 'r': throw new RangeError('`Y/u/U/r` (year) patterns are not supported, use `y` instead'); // Quarter case 'q': case 'Q': throw new RangeError('`q/Q` (quarter) patterns are not supported'); // Month case 'M': case 'L': result.month = ['numeric', '2-digit', 'short', 'long', 'narrow'][len - 1]; break; // Week case 'w': case 'W': throw new RangeError('`w/W` (week) patterns are not supported'); case 'd': result.day = ['numeric', '2-digit'][len - 1]; break; case 'D': case 'F': case 'g': throw new RangeError('`D/F/g` (day) patterns are not supported, use `d` instead'); // Weekday case 'E': result.weekday = len === 4 ? 'short' : len === 5 ? 'narrow' : 'short'; break; case 'e': if (len < 4) { throw new RangeError('`e..eee` (weekday) patterns are not supported'); } result.weekday = ['short', 'long', 'narrow', 'short'][len - 4]; break; case 'c': if (len < 4) { throw new RangeError('`c..ccc` (weekday) patterns are not supported'); } result.weekday = ['short', 'long', 'narrow', 'short'][len - 4]; break; // Period case 'a': // AM, PM result.hour12 = true; break; case 'b': // am, pm, noon, midnight case 'B': // flexible day periods throw new RangeError('`b/B` (period) patterns are not supported, use `a` instead'); // Hour case 'h': result.hourCycle = 'h12'; result.hour = ['numeric', '2-digit'][len - 1]; break; case 'H': result.hourCycle = 'h23'; result.hour = ['numeric', '2-digit'][len - 1]; break; case 'K': result.hourCycle = 'h11'; result.hour = ['numeric', '2-digit'][len - 1]; break; case 'k': result.hourCycle = 'h24'; result.hour = ['numeric', '2-digit'][len - 1]; break; case 'j': case 'J': case 'C': throw new RangeError('`j/J/C` (hour) patterns are not supported, use `h/H/K/k` instead'); // Minute case 'm': result.minute = ['numeric', '2-digit'][len - 1]; break; // Second case 's': result.second = ['numeric', '2-digit'][len - 1]; break; case 'S': case 'A': throw new RangeError('`S/A` (second) patterns are not supported, use `s` instead'); // Zone case 'z': // 1..3, 4: specific non-location format result.timeZoneName = len < 4 ? 'short' : 'long'; break; case 'Z': // 1..3, 4, 5: The ISO8601 varios formats case 'O': // 1, 4: miliseconds in day short, long case 'v': // 1, 4: generic non-location format case 'V': // 1, 2, 3, 4: time zone ID or city case 'X': // 1, 2, 3, 4: The ISO8601 varios formats case 'x': // 1, 2, 3, 4: The ISO8601 varios formats throw new RangeError('`Z/O/v/V/X/x` (timeZone) patterns are not supported, use `z` instead'); } return ''; }); return result; } // @generated from regex-gen.ts var WHITE_SPACE_REGEX = /[\t-\r \x85\u200E\u200F\u2028\u2029]/i; function parseNumberSkeletonFromString(skeleton) { if (skeleton.length === 0) { throw new Error('Number skeleton cannot be empty'); } // Parse the skeleton var stringTokens = skeleton .split(WHITE_SPACE_REGEX) .filter(function (x) { return x.length > 0; }); var tokens = []; for (var _i = 0, stringTokens_1 = stringTokens; _i < stringTokens_1.length; _i++) { var stringToken = stringTokens_1[_i]; var stemAndOptions = stringToken.split('/'); if (stemAndOptions.length === 0) { throw new Error('Invalid number skeleton'); } var stem = stemAndOptions[0], options = stemAndOptions.slice(1); for (var _a = 0, options_1 = options; _a < options_1.length; _a++) { var option = options_1[_a]; if (option.length === 0) { throw new Error('Invalid number skeleton'); } } tokens.push({ stem: stem, options: options }); } return tokens; } function icuUnitToEcma(unit) { return unit.replace(/^(.*?)-/, ''); } var FRACTION_PRECISION_REGEX = /^\.(?:(0+)(\*)?|(#+)|(0+)(#+))$/g; var SIGNIFICANT_PRECISION_REGEX = /^(@+)?(\+|#+)?[rs]?$/g; var INTEGER_WIDTH_REGEX = /(\*)(0+)|(#+)(0+)|(0+)/g; var CONCISE_INTEGER_WIDTH_REGEX = /^(0+)$/; function parseSignificantPrecision(str) { var result = {}; if (str[str.length - 1] === 'r') { result.roundingPriority = 'morePrecision'; } else if (str[str.length - 1] === 's') { result.roundingPriority = 'lessPrecision'; } str.replace(SIGNIFICANT_PRECISION_REGEX, function (_, g1, g2) { // @@@ case if (typeof g2 !== 'string') { result.minimumSignificantDigits = g1.length; result.maximumSignificantDigits = g1.length; } // @@@+ case else if (g2 === '+') { result.minimumSignificantDigits = g1.length; } // .### case else if (g1[0] === '#') { result.maximumSignificantDigits = g1.length; } // .@@## or .@@@ case else { result.minimumSignificantDigits = g1.length; result.maximumSignificantDigits = g1.length + (typeof g2 === 'string' ? g2.length : 0); } return ''; }); return result; } function parseSign(str) { switch (str) { case 'sign-auto': return { signDisplay: 'auto', }; case 'sign-accounting': case '()': return { currencySign: 'accounting', }; case 'sign-always': case '+!': return { signDisplay: 'always', }; case 'sign-accounting-always': case '()!': return { signDisplay: 'always', currencySign: 'accounting', }; case 'sign-except-zero': case '+?': return { signDisplay: 'exceptZero', }; case 'sign-accounting-except-zero': case '()?': return { signDisplay: 'exceptZero', currencySign: 'accounting', }; case 'sign-never': case '+_': return { signDisplay: 'never', }; } } function parseConciseScientificAndEngineeringStem(stem) { // Engineering var result; if (stem[0] === 'E' && stem[1] === 'E') { result = { notation: 'engineering', }; stem = stem.slice(2); } else if (stem[0] === 'E') { result = { notation: 'scientific', }; stem = stem.slice(1); } if (result) { var signDisplay = stem.slice(0, 2); if (signDisplay === '+!') { result.signDisplay = 'always'; stem = stem.slice(2); } else if (signDisplay === '+?') { result.signDisplay = 'exceptZero'; stem = stem.slice(2); } if (!CONCISE_INTEGER_WIDTH_REGEX.test(stem)) { throw new Error('Malformed concise eng/scientific notation'); } result.minimumIntegerDigits = stem.length; } return result; } function parseNotationOptions(opt) { var result = {}; var signOpts = parseSign(opt); if (signOpts) { return signOpts; } return result; } /** * https://github.com/unicode-org/icu/blob/master/docs/userguide/format_parse/numbers/skeletons.md#skeleton-stems-and-options */ function parseNumberSkeleton(tokens) { var result = {}; for (var _i = 0, tokens_1 = tokens; _i < tokens_1.length; _i++) { var token = tokens_1[_i]; switch (token.stem) { case 'percent': case '%': result.style = 'percent'; continue; case '%x100': result.style = 'percent'; result.scale = 100; continue; case 'currency': result.style = 'currency'; result.currency = token.options[0]; continue; case 'group-off': case ',_': result.useGrouping = false; continue; case 'precision-integer': case '.': result.maximumFractionDigits = 0; continue; case 'measure-unit': case 'unit': result.style = 'unit'; result.unit = icuUnitToEcma(token.options[0]); continue; case 'compact-short': case 'K': result.notation = 'compact'; result.compactDisplay = 'short'; continue; case 'compact-long': case 'KK': result.notation = 'compact'; result.compactDisplay = 'long'; continue; case 'scientific': result = __assign(__assign(__assign({}, result), { notation: 'scientific' }), token.options.reduce(function (all, opt) { return (__assign(__assign({}, all), parseNotationOptions(opt))); }, {})); continue; case 'engineering': result = __assign(__assign(__assign({}, result), { notation: 'engineering' }), token.options.reduce(function (all, opt) { return (__assign(__assign({}, all), parseNotationOptions(opt))); }, {})); continue; case 'notation-simple': result.notation = 'standard'; continue; // https://github.com/unicode-org/icu/blob/master/icu4c/source/i18n/unicode/unumberformatter.h case 'unit-width-narrow': result.currencyDisplay = 'narrowSymbol'; result.unitDisplay = 'narrow'; continue; case 'unit-width-short': result.currencyDisplay = 'code'; result.unitDisplay = 'short'; continue; case 'unit-width-full-name': result.currencyDisplay = 'name'; result.unitDisplay = 'long'; continue; case 'unit-width-iso-code': result.currencyDisplay = 'symbol'; continue; case 'scale': result.scale = parseFloat(token.options[0]); continue; // https://unicode-org.github.io/icu/userguide/format_parse/numbers/skeletons.html#integer-width case 'integer-width': if (token.options.length > 1) { throw new RangeError('integer-width stems only accept a single optional option'); } token.options[0].replace(INTEGER_WIDTH_REGEX, function (_, g1, g2, g3, g4, g5) { if (g1) { result.minimumIntegerDigits = g2.length; } else if (g3 && g4) { throw new Error('We currently do not support maximum integer digits'); } else if (g5) { throw new Error('We currently do not support exact integer digits'); } return ''; }); continue; } // https://unicode-org.github.io/icu/userguide/format_parse/numbers/skeletons.html#integer-width if (CONCISE_INTEGER_WIDTH_REGEX.test(token.stem)) { result.minimumIntegerDigits = token.stem.length; continue; } if (FRACTION_PRECISION_REGEX.test(token.stem)) { // Precision // https://unicode-org.github.io/icu/userguide/format_parse/numbers/skeletons.html#fraction-precision // precision-integer case if (token.options.length > 1) { throw new RangeError('Fraction-precision stems only accept a single optional option'); } token.stem.replace(FRACTION_PRECISION_REGEX, function (_, g1, g2, g3, g4, g5) { // .000* case (before ICU67 it was .000+) if (g2 === '*') { result.minimumFractionDigits = g1.length; } // .### case else if (g3 && g3[0] === '#') { result.maximumFractionDigits = g3.length; } // .00## case else if (g4 && g5) { result.minimumFractionDigits = g4.length; result.maximumFractionDigits = g4.length + g5.length; } else { result.minimumFractionDigits = g1.length; result.maximumFractionDigits = g1.length; } return ''; }); var opt = token.options[0]; // https://unicode-org.github.io/icu/userguide/format_parse/numbers/skeletons.html#trailing-zero-display if (opt === 'w') { result = __assign(__assign({}, result), { trailingZeroDisplay: 'stripIfInteger' }); } else if (opt) { result = __assign(__assign({}, result), parseSignificantPrecision(opt)); } continue; } // https://unicode-org.github.io/icu/userguide/format_parse/numbers/skeletons.html#significant-digits-precision if (SIGNIFICANT_PRECISION_REGEX.test(token.stem)) { result = __assign(__assign({}, result), parseSignificantPrecision(token.stem)); continue; } var signOpts = parseSign(token.stem); if (signOpts) { result = __assign(__assign({}, result), signOpts); } var conciseScientificAndEngineeringOpts = parseConciseScientificAndEngineeringStem(token.stem); if (conciseScientificAndEngineeringOpts) { result = __assign(__assign({}, result), conciseScientificAndEngineeringOpts); } } return result; } var _a; var SPACE_SEPARATOR_START_REGEX = new RegExp("^".concat(SPACE_SEPARATOR_REGEX.source, "*")); var SPACE_SEPARATOR_END_REGEX = new RegExp("".concat(SPACE_SEPARATOR_REGEX.source, "*$")); function createLocation(start, end) { return { start: start, end: end }; } // #region Ponyfills // Consolidate these variables up top for easier toggling during debugging var hasNativeStartsWith = !!String.prototype.startsWith; var hasNativeFromCodePoint = !!String.fromCodePoint; var hasNativeFromEntries = !!Object.fromEntries; var hasNativeCodePointAt = !!String.prototype.codePointAt; var hasTrimStart = !!String.prototype.trimStart; var hasTrimEnd = !!String.prototype.trimEnd; var hasNativeIsSafeInteger = !!Number.isSafeInteger; var isSafeInteger = hasNativeIsSafeInteger ? Number.isSafeInteger : function (n) { return (typeof n === 'number' && isFinite(n) && Math.floor(n) === n && Math.abs(n) <= 0x1fffffffffffff); }; // IE11 does not support y and u. var REGEX_SUPPORTS_U_AND_Y = true; try { var re = RE('([^\\p{White_Space}\\p{Pattern_Syntax}]*)', 'yu'); /** * legacy Edge or Xbox One browser * Unicode flag support: supported * Pattern_Syntax support: not supported * See https://github.com/formatjs/formatjs/issues/2822 */ REGEX_SUPPORTS_U_AND_Y = ((_a = re.exec('a')) === null || _a === void 0 ? void 0 : _a[0]) === 'a'; } catch (_) { REGEX_SUPPORTS_U_AND_Y = false; } var startsWith = hasNativeStartsWith ? // Native function startsWith(s, search, position) { return s.startsWith(search, position); } : // For IE11 function startsWith(s, search, position) { return s.slice(position, position + search.length) === search; }; var fromCodePoint = hasNativeFromCodePoint ? String.fromCodePoint : // IE11 function fromCodePoint() { var codePoints = []; for (var _i = 0; _i < arguments.length; _i++) { codePoints[_i] = arguments[_i]; } var elements = ''; var length = codePoints.length; var i = 0; var code; while (length > i) { code = codePoints[i++]; if (code > 0x10ffff) throw RangeError(code + ' is not a valid code point'); elements += code < 0x10000 ? String.fromCharCode(code) : String.fromCharCode(((code -= 0x10000) >> 10) + 0xd800, (code % 0x400) + 0xdc00); } return elements; }; var fromEntries = // native hasNativeFromEntries ? Object.fromEntries : // Ponyfill function fromEntries(entries) { var obj = {}; for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) { var _a = entries_1[_i], k = _a[0], v = _a[1]; obj[k] = v; } return obj; }; var codePointAt = hasNativeCodePointAt ? // Native function codePointAt(s, index) { return s.codePointAt(index); } : // IE 11 function codePointAt(s, index) { var size = s.length; if (index < 0 || index >= size) { return undefined; } var first = s.charCodeAt(index); var second; return first < 0xd800 || first > 0xdbff || index + 1 === size || (second = s.charCodeAt(index + 1)) < 0xdc00 || second > 0xdfff ? first : ((first - 0xd800) << 10) + (second - 0xdc00) + 0x10000; }; var trimStart = hasTrimStart ? // Native function trimStart(s) { return s.trimStart(); } : // Ponyfill function trimStart(s) { return s.replace(SPACE_SEPARATOR_START_REGEX, ''); }; var trimEnd = hasTrimEnd ? // Native function trimEnd(s) { return s.trimEnd(); } : // Ponyfill function trimEnd(s) { return s.replace(SPACE_SEPARATOR_END_REGEX, ''); }; // Prevent minifier to translate new RegExp to literal form that might cause syntax error on IE11. function RE(s, flag) { return new RegExp(s, flag); } // #endregion var matchIdentifierAtIndex; if (REGEX_SUPPORTS_U_AND_Y) { // Native var IDENTIFIER_PREFIX_RE_1 = RE('([^\\p{White_Space}\\p{Pattern_Syntax}]*)', 'yu'); matchIdentifierAtIndex = function matchIdentifierAtIndex(s, index) { var _a; IDENTIFIER_PREFIX_RE_1.lastIndex = index; var match = IDENTIFIER_PREFIX_RE_1.exec(s); return (_a = match[1]) !== null && _a !== void 0 ? _a : ''; }; } else { // IE11 matchIdentifierAtIndex = function matchIdentifierAtIndex(s, index) { var match = []; while (true) { var c = codePointAt(s, index); if (c === undefined || _isWhiteSpace(c) || _isPatternSyntax(c)) { break; } match.push(c); index += c >= 0x10000 ? 2 : 1; } return fromCodePoint.apply(void 0, match); }; } var Parser = /** @class */ (function () { function Parser(message, options) { if (options === void 0) { options = {}; } this.message = message; this.position = { offset: 0, line: 1, column: 1 }; this.ignoreTag = !!options.ignoreTag; this.requiresOtherClause = !!options.requiresOtherClause; this.shouldParseSkeletons = !!options.shouldParseSkeletons; } Parser.prototype.parse = function () { if (this.offset() !== 0) { throw Error('parser can only be used once'); } return this.parseMessage(0, '', false); }; Parser.prototype.parseMessage = function (nestingLevel, parentArgType, expectingCloseTag) { var elements = []; while (!this.isEOF()) { var char = this.char(); if (char === 123 /* `{` */) { var result = this.parseArgument(nestingLevel, expectingCloseTag); if (result.err) { return result; } elements.push(result.val); } else if (char === 125 /* `}` */ && nestingLevel > 0) { break; } else if (char === 35 /* `#` */ && (parentArgType === 'plural' || parentArgType === 'selectordinal')) { var position = this.clonePosition(); this.bump(); elements.push({ type: TYPE.pound, location: createLocation(position, this.clonePosition()), }); } else if (char === 60 /* `<` */ && !this.ignoreTag && this.peek() === 47 // char code for '/' ) { if (expectingCloseTag) { break; } else { return this.error(ErrorKind.UNMATCHED_CLOSING_TAG, createLocation(this.clonePosition(), this.clonePosition())); } } else if (char === 60 /* `<` */ && !this.ignoreTag && _isAlpha(this.peek() || 0)) { var result = this.parseTag(nestingLevel, parentArgType); if (result.err) { return result; } elements.push(result.val); } else { var result = this.parseLiteral(nestingLevel, parentArgType); if (result.err) { return result; } elements.push(result.val); } } return { val: elements, err: null }; }; /** * A tag name must start with an ASCII lower/upper case letter. The grammar is based on the * [custom element name][] except that a dash is NOT always mandatory and uppercase letters * are accepted: * * ``` * tag ::= "<" tagName (whitespace)* "/>" | "<" tagName (whitespace)* ">" message "" * tagName ::= [a-z] (PENChar)* * PENChar ::= * "-" | "." | [0-9] | "_" | [a-z] | [A-Z] | #xB7 | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x37D] | * [#x37F-#x1FFF] | [#x200C-#x200D] | [#x203F-#x2040] | [#x2070-#x218F] | [#x2C00-#x2FEF] | * [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF] * ``` * * [custom element name]: https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name * NOTE: We're a bit more lax here since HTML technically does not allow uppercase HTML element but we do * since other tag-based engines like React allow it */ Parser.prototype.parseTag = function (nestingLevel, parentArgType) { var startPosition = this.clonePosition(); this.bump(); // `<` var tagName = this.parseTagName(); this.bumpSpace(); if (this.bumpIf('/>')) { // Self closing tag return { val: { type: TYPE.literal, value: "<".concat(tagName, "/>"), location: createLocation(startPosition, this.clonePosition()), }, err: null, }; } else if (this.bumpIf('>')) { var childrenResult = this.parseMessage(nestingLevel + 1, parentArgType, true); if (childrenResult.err) { return childrenResult; } var children = childrenResult.val; // Expecting a close tag var endTagStartPosition = this.clonePosition(); if (this.bumpIf('')) { return this.error(ErrorKind.INVALID_TAG, createLocation(endTagStartPosition, this.clonePosition())); } return { val: { type: TYPE.tag, value: tagName, children: children, location: createLocation(startPosition, this.clonePosition()), }, err: null, }; } else { return this.error(ErrorKind.UNCLOSED_TAG, createLocation(startPosition, this.clonePosition())); } } else { return this.error(ErrorKind.INVALID_TAG, createLocation(startPosition, this.clonePosition())); } }; /** * This method assumes that the caller has peeked ahead for the first tag character. */ Parser.prototype.parseTagName = function () { var startOffset = this.offset(); this.bump(); // the first tag name character while (!this.isEOF() && _isPotentialElementNameChar(this.char())) { this.bump(); } return this.message.slice(startOffset, this.offset()); }; Parser.prototype.parseLiteral = function (nestingLevel, parentArgType) { var start = this.clonePosition(); var value = ''; while (true) { var parseQuoteResult = this.tryParseQuote(parentArgType); if (parseQuoteResult) { value += parseQuoteResult; continue; } var parseUnquotedResult = this.tryParseUnquoted(nestingLevel, parentArgType); if (parseUnquotedResult) { value += parseUnquotedResult; continue; } var parseLeftAngleResult = this.tryParseLeftAngleBracket(); if (parseLeftAngleResult) { value += parseLeftAngleResult; continue; } break; } var location = createLocation(start, this.clonePosition()); return { val: { type: TYPE.literal, value: value, location: location }, err: null, }; }; Parser.prototype.tryParseLeftAngleBracket = function () { if (!this.isEOF() && this.char() === 60 /* `<` */ && (this.ignoreTag || // If at the opening tag or closing tag position, bail. !_isAlphaOrSlash(this.peek() || 0))) { this.bump(); // `<` return '<'; } return null; }; /** * Starting with ICU 4.8, an ASCII apostrophe only starts quoted text if it immediately precedes * a character that requires quoting (that is, "only where needed"), and works the same in * nested messages as on the top level of the pattern. The new behavior is otherwise compatible. */ Parser.prototype.tryParseQuote = function (parentArgType) { if (this.isEOF() || this.char() !== 39 /* `'` */) { return null; } // Parse escaped char following the apostrophe, or early return if there is no escaped char. // Check if is valid escaped character switch (this.peek()) { case 39 /* `'` */: // double quote, should return as a single quote. this.bump(); this.bump(); return "'"; // '{', '<', '>', '}' case 123: case 60: case 62: case 125: break; case 35: // '#' if (parentArgType === 'plural' || parentArgType === 'selectordinal') { break; } return null; default: return null; } this.bump(); // apostrophe var codePoints = [this.char()]; // escaped char this.bump(); // read chars until the optional closing apostrophe is found while (!this.isEOF()) { var ch = this.char(); if (ch === 39 /* `'` */) { if (this.peek() === 39 /* `'` */) { codePoints.push(39); // Bump one more time because we need to skip 2 characters. this.bump(); } else { // Optional closing apostrophe. this.bump(); break; } } else { codePoints.push(ch); } this.bump(); } return fromCodePoint.apply(void 0, codePoints); }; Parser.prototype.tryParseUnquoted = function (nestingLevel, parentArgType) { if (this.isEOF()) { return null; } var ch = this.char(); if (ch === 60 /* `<` */ || ch === 123 /* `{` */ || (ch === 35 /* `#` */ && (parentArgType === 'plural' || parentArgType === 'selectordinal')) || (ch === 125 /* `}` */ && nestingLevel > 0)) { return null; } else { this.bump(); return fromCodePoint(ch); } }; Parser.prototype.parseArgument = function (nestingLevel, expectingCloseTag) { var openingBracePosition = this.clonePosition(); this.bump(); // `{` this.bumpSpace(); if (this.isEOF()) { return this.error(ErrorKind.EXPECT_ARGUMENT_CLOSING_BRACE, createLocation(openingBracePosition, this.clonePosition())); } if (this.char() === 125 /* `}` */) { this.bump(); return this.error(ErrorKind.EMPTY_ARGUMENT, createLocation(openingBracePosition, this.clonePosition())); } // argument name var value = this.parseIdentifierIfPossible().value; if (!value) { return this.error(ErrorKind.MALFORMED_ARGUMENT, createLocation(openingBracePosition, this.clonePosition())); } this.bumpSpace(); if (this.isEOF()) { return this.error(ErrorKind.EXPECT_ARGUMENT_CLOSING_BRACE, createLocation(openingBracePosition, this.clonePosition())); } switch (this.char()) { // Simple argument: `{name}` case 125 /* `}` */: { this.bump(); // `}` return { val: { type: TYPE.argument, // value does not include the opening and closing braces. value: value, location: createLocation(openingBracePosition, this.clonePosition()), }, err: null, }; } // Argument with options: `{name, format, ...}` case 44 /* `,` */: { this.bump(); // `,` this.bumpSpace(); if (this.isEOF()) { return this.error(ErrorKind.EXPECT_ARGUMENT_CLOSING_BRACE, createLocation(openingBracePosition, this.clonePosition())); } return this.parseArgumentOptions(nestingLevel, expectingCloseTag, value, openingBracePosition); } default: return this.error(ErrorKind.MALFORMED_ARGUMENT, createLocation(openingBracePosition, this.clonePosition())); } }; /** * Advance the parser until the end of the identifier, if it is currently on * an identifier character. Return an empty string otherwise. */ Parser.prototype.parseIdentifierIfPossible = function () { var startingPosition = this.clonePosition(); var startOffset = this.offset(); var value = matchIdentifierAtIndex(this.message, startOffset); var endOffset = startOffset + value.length; this.bumpTo(endOffset); var endPosition = this.clonePosition(); var location = createLocation(startingPosition, endPosition); return { value: value, location: location }; }; Parser.prototype.parseArgumentOptions = function (nestingLevel, expectingCloseTag, value, openingBracePosition) { var _a; // Parse this range: // {name, type, style} // ^---^ var typeStartPosition = this.clonePosition(); var argType = this.parseIdentifierIfPossible().value; var typeEndPosition = this.clonePosition(); switch (argType) { case '': // Expecting a style string number, date, time, plural, selectordinal, or select. return this.error(ErrorKind.EXPECT_ARGUMENT_TYPE, createLocation(typeStartPosition, typeEndPosition)); case 'number': case 'date': case 'time': { // Parse this range: // {name, number, style} // ^-------^ this.bumpSpace(); var styleAndLocation = null; if (this.bumpIf(',')) { this.bumpSpace(); var styleStartPosition = this.clonePosition(); var result = this.parseSimpleArgStyleIfPossible(); if (result.err) { return result; } var style = trimEnd(result.val); if (style.length === 0) { return this.error(ErrorKind.EXPECT_ARGUMENT_STYLE, createLocation(this.clonePosition(), this.clonePosition())); } var styleLocation = createLocation(styleStartPosition, this.clonePosition()); styleAndLocation = { style: style, styleLocation: styleLocation }; } var argCloseResult = this.tryParseArgumentClose(openingBracePosition); if (argCloseResult.err) { return argCloseResult; } var location_1 = createLocation(openingBracePosition, this.clonePosition()); // Extract style or skeleton if (styleAndLocation && startsWith(styleAndLocation === null || styleAndLocation === void 0 ? void 0 : styleAndLocation.style, '::', 0)) { // Skeleton starts with `::`. var skeleton = trimStart(styleAndLocation.style.slice(2)); if (argType === 'number') { var result = this.parseNumberSkeletonFromString(skeleton, styleAndLocation.styleLocation); if (result.err) { return result; } return { val: { type: TYPE.number, value: value, location: location_1, style: result.val }, err: null, }; } else { if (skeleton.length === 0) { return this.error(ErrorKind.EXPECT_DATE_TIME_SKELETON, location_1); } var style = { type: SKELETON_TYPE.dateTime, pattern: skeleton, location: styleAndLocation.styleLocation, parsedOptions: this.shouldParseSkeletons ? parseDateTimeSkeleton(skeleton) : {}, }; var type = argType === 'date' ? TYPE.date : TYPE.time; return { val: { type: type, value: value, location: location_1, style: style }, err: null, }; } } // Regular style or no style. return { val: { type: argType === 'number' ? TYPE.number : argType === 'date' ? TYPE.date : TYPE.time, value: value, location: location_1, style: (_a = styleAndLocation === null || styleAndLocation === void 0 ? void 0 : styleAndLocation.style) !== null && _a !== void 0 ? _a : null, }, err: null, }; } case 'plural': case 'selectordinal': case 'select': { // Parse this range: // {name, plural, options} // ^---------^ var typeEndPosition_1 = this.clonePosition(); this.bumpSpace(); if (!this.bumpIf(',')) { return this.error(ErrorKind.EXPECT_SELECT_ARGUMENT_OPTIONS, createLocation(typeEndPosition_1, __assign({}, typeEndPosition_1))); } this.bumpSpace(); // Parse offset: // {name, plural, offset:1, options} // ^-----^ // // or the first option: // // {name, plural, one {...} other {...}} // ^--^ var identifierAndLocation = this.parseIdentifierIfPossible(); var pluralOffset = 0; if (argType !== 'select' && identifierAndLocation.value === 'offset') { if (!this.bumpIf(':')) { return this.error(ErrorKind.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE, createLocation(this.clonePosition(), this.clonePosition())); } this.bumpSpace(); var result = this.tryParseDecimalInteger(ErrorKind.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE, ErrorKind.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE); if (result.err) { return result; } // Parse another identifier for option parsing this.bumpSpace(); identifierAndLocation = this.parseIdentifierIfPossible(); pluralOffset = result.val; } var optionsResult = this.tryParsePluralOrSelectOptions(nestingLevel, argType, expectingCloseTag, identifierAndLocation); if (optionsResult.err) { return optionsResult; } var argCloseResult = this.tryParseArgumentClose(openingBracePosition); if (argCloseResult.err) { return argCloseResult; } var location_2 = createLocation(openingBracePosition, this.clonePosition()); if (argType === 'select') { return { val: { type: TYPE.select, value: value, options: fromEntries(optionsResult.val), location: location_2, }, err: null, }; } else { return { val: { type: TYPE.plural, value: value, options: fromEntries(optionsResult.val), offset: pluralOffset, pluralType: argType === 'plural' ? 'cardinal' : 'ordinal', location: location_2, }, err: null, }; } } default: return this.error(ErrorKind.INVALID_ARGUMENT_TYPE, createLocation(typeStartPosition, typeEndPosition)); } }; Parser.prototype.tryParseArgumentClose = function (openingBracePosition) { // Parse: {value, number, ::currency/GBP } // if (this.isEOF() || this.char() !== 125 /* `}` */) { return this.error(ErrorKind.EXPECT_ARGUMENT_CLOSING_BRACE, createLocation(openingBracePosition, this.clonePosition())); } this.bump(); // `}` return { val: true, err: null }; }; /** * See: https://github.com/unicode-org/icu/blob/af7ed1f6d2298013dc303628438ec4abe1f16479/icu4c/source/common/messagepattern.cpp#L659 */ Parser.prototype.parseSimpleArgStyleIfPossible = function () { var nestedBraces = 0; var startPosition = this.clonePosition(); while (!this.isEOF()) { var ch = this.char(); switch (ch) { case 39 /* `'` */: { // Treat apostrophe as quoting but include it in the style part. // Find the end of the quoted literal text. this.bump(); var apostrophePosition = this.clonePosition(); if (!this.bumpUntil("'")) { return this.error(ErrorKind.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE, createLocation(apostrophePosition, this.clonePosition())); } this.bump(); break; } case 123 /* `{` */: { nestedBraces += 1; this.bump(); break; } case 125 /* `}` */: { if (nestedBraces > 0) { nestedBraces -= 1; } else { return { val: this.message.slice(startPosition.offset, this.offset()), err: null, }; } break; } default: this.bump(); break; } } return { val: this.message.slice(startPosition.offset, this.offset()), err: null, }; }; Parser.prototype.parseNumberSkeletonFromString = function (skeleton, location) { var tokens = []; try { tokens = parseNumberSkeletonFromString(skeleton); } catch (e) { return this.error(ErrorKind.INVALID_NUMBER_SKELETON, location); } return { val: { type: SKELETON_TYPE.number, tokens: tokens, location: location, parsedOptions: this.shouldParseSkeletons ? parseNumberSkeleton(tokens) : {}, }, err: null, }; }; /** * @param nesting_level The current nesting level of messages. * This can be positive when parsing message fragment in select or plural argument options. * @param parent_arg_type The parent argument's type. * @param parsed_first_identifier If provided, this is the first identifier-like selector of * the argument. It is a by-product of a previous parsing attempt. * @param expecting_close_tag If true, this message is directly or indirectly nested inside * between a pair of opening and closing tags. The nested message will not parse beyond * the closing tag boundary. */ Parser.prototype.tryParsePluralOrSelectOptions = function (nestingLevel, parentArgType, expectCloseTag, parsedFirstIdentifier) { var _a; var hasOtherClause = false; var options = []; var parsedSelectors = new Set(); var selector = parsedFirstIdentifier.value, selectorLocation = parsedFirstIdentifier.location; // Parse: // one {one apple} // ^--^ while (true) { if (selector.length === 0) { var startPosition = this.clonePosition(); if (parentArgType !== 'select' && this.bumpIf('=')) { // Try parse `={number}` selector var result = this.tryParseDecimalInteger(ErrorKind.EXPECT_PLURAL_ARGUMENT_SELECTOR, ErrorKind.INVALID_PLURAL_ARGUMENT_SELECTOR); if (result.err) { return result; } selectorLocation = createLocation(startPosition, this.clonePosition()); selector = this.message.slice(startPosition.offset, this.offset()); } else { break; } } // Duplicate selector clauses if (parsedSelectors.has(selector)) { return this.error(parentArgType === 'select' ? ErrorKind.DUPLICATE_SELECT_ARGUMENT_SELECTOR : ErrorKind.DUPLICATE_PLURAL_ARGUMENT_SELECTOR, selectorLocation); } if (selector === 'other') { hasOtherClause = true; } // Parse: // one {one apple} // ^----------^ this.bumpSpace(); var openingBracePosition = this.clonePosition(); if (!this.bumpIf('{')) { return this.error(parentArgType === 'select' ? ErrorKind.EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT : ErrorKind.EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT, createLocation(this.clonePosition(), this.clonePosition())); } var fragmentResult = this.parseMessage(nestingLevel + 1, parentArgType, expectCloseTag); if (fragmentResult.err) { return fragmentResult; } var argCloseResult = this.tryParseArgumentClose(openingBracePosition); if (argCloseResult.err) { return argCloseResult; } options.push([ selector, { value: fragmentResult.val, location: createLocation(openingBracePosition, this.clonePosition()), }, ]); // Keep track of the existing selectors parsedSelectors.add(selector); // Prep next selector clause. this.bumpSpace(); (_a = this.parseIdentifierIfPossible(), selector = _a.value, selectorLocation = _a.location); } if (options.length === 0) { return this.error(parentArgType === 'select' ? ErrorKind.EXPECT_SELECT_ARGUMENT_SELECTOR : ErrorKind.EXPECT_PLURAL_ARGUMENT_SELECTOR, createLocation(this.clonePosition(), this.clonePosition())); } if (this.requiresOtherClause && !hasOtherClause) { return this.error(ErrorKind.MISSING_OTHER_CLAUSE, createLocation(this.clonePosition(), this.clonePosition())); } return { val: options, err: null }; }; Parser.prototype.tryParseDecimalInteger = function (expectNumberError, invalidNumberError) { var sign = 1; var startingPosition = this.clonePosition(); if (this.bumpIf('+')) ; else if (this.bumpIf('-')) { sign = -1; } var hasDigits = false; var decimal = 0; while (!this.isEOF()) { var ch = this.char(); if (ch >= 48 /* `0` */ && ch <= 57 /* `9` */) { hasDigits = true; decimal = decimal * 10 + (ch - 48); this.bump(); } else { break; } } var location = createLocation(startingPosition, this.clonePosition()); if (!hasDigits) { return this.error(expectNumberError, location); } decimal *= sign; if (!isSafeInteger(decimal)) { return this.error(invalidNumberError, location); } return { val: decimal, err: null }; }; Parser.prototype.offset = function () { return this.position.offset; }; Parser.prototype.isEOF = function () { return this.offset() === this.message.length; }; Parser.prototype.clonePosition = function () { // This is much faster than `Object.assign` or spread. return { offset: this.position.offset, line: this.position.line, column: this.position.column, }; }; /** * Return the code point at the current position of the parser. * Throws if the index is out of bound. */ Parser.prototype.char = function () { var offset = this.position.offset; if (offset >= this.message.length) { throw Error('out of bound'); } var code = codePointAt(this.message, offset); if (code === undefined) { throw Error("Offset ".concat(offset, " is at invalid UTF-16 code unit boundary")); } return code; }; Parser.prototype.error = function (kind, location) { return { val: null, err: { kind: kind, message: this.message, location: location, }, }; }; /** Bump the parser to the next UTF-16 code unit. */ Parser.prototype.bump = function () { if (this.isEOF()) { return; } var code = this.char(); if (code === 10 /* '\n' */) { this.position.line += 1; this.position.column = 1; this.position.offset += 1; } else { this.position.column += 1; // 0 ~ 0x10000 -> unicode BMP, otherwise skip the surrogate pair. this.position.offset += code < 0x10000 ? 1 : 2; } }; /** * If the substring starting at the current position of the parser has * the given prefix, then bump the parser to the character immediately * following the prefix and return true. Otherwise, don't bump the parser * and return false. */ Parser.prototype.bumpIf = function (prefix) { if (startsWith(this.message, prefix, this.offset())) { for (var i = 0; i < prefix.length; i++) { this.bump(); } return true; } return false; }; /** * Bump the parser until the pattern character is found and return `true`. * Otherwise bump to the end of the file and return `false`. */ Parser.prototype.bumpUntil = function (pattern) { var currentOffset = this.offset(); var index = this.message.indexOf(pattern, currentOffset); if (index >= 0) { this.bumpTo(index); return true; } else { this.bumpTo(this.message.length); return false; } }; /** * Bump the parser to the target offset. * If target offset is beyond the end of the input, bump the parser to the end of the input. */ Parser.prototype.bumpTo = function (targetOffset) { if (this.offset() > targetOffset) { throw Error("targetOffset ".concat(targetOffset, " must be greater than or equal to the current offset ").concat(this.offset())); } targetOffset = Math.min(targetOffset, this.message.length); while (true) { var offset = this.offset(); if (offset === targetOffset) { break; } if (offset > targetOffset) { throw Error("targetOffset ".concat(targetOffset, " is at invalid UTF-16 code unit boundary")); } this.bump(); if (this.isEOF()) { break; } } }; /** advance the parser through all whitespace to the next non-whitespace code unit. */ Parser.prototype.bumpSpace = function () { while (!this.isEOF() && _isWhiteSpace(this.char())) { this.bump(); } }; /** * Peek at the *next* Unicode codepoint in the input without advancing the parser. * If the input has been exhausted, then this returns null. */ Parser.prototype.peek = function () { if (this.isEOF()) { return null; } var code = this.char(); var offset = this.offset(); var nextCode = this.message.charCodeAt(offset + (code >= 0x10000 ? 2 : 1)); return nextCode !== null && nextCode !== void 0 ? nextCode : null; }; return Parser; }()); /** * This check if codepoint is alphabet (lower & uppercase) * @param codepoint * @returns */ function _isAlpha(codepoint) { return ((codepoint >= 97 && codepoint <= 122) || (codepoint >= 65 && codepoint <= 90)); } function _isAlphaOrSlash(codepoint) { return _isAlpha(codepoint) || codepoint === 47; /* '/' */ } /** See `parseTag` function docs. */ function _isPotentialElementNameChar(c) { return (c === 45 /* '-' */ || c === 46 /* '.' */ || (c >= 48 && c <= 57) /* 0..9 */ || c === 95 /* '_' */ || (c >= 97 && c <= 122) /** a..z */ || (c >= 65 && c <= 90) /* A..Z */ || c == 0xb7 || (c >= 0xc0 && c <= 0xd6) || (c >= 0xd8 && c <= 0xf6) || (c >= 0xf8 && c <= 0x37d) || (c >= 0x37f && c <= 0x1fff) || (c >= 0x200c && c <= 0x200d) || (c >= 0x203f && c <= 0x2040) || (c >= 0x2070 && c <= 0x218f) || (c >= 0x2c00 && c <= 0x2fef) || (c >= 0x3001 && c <= 0xd7ff) || (c >= 0xf900 && c <= 0xfdcf) || (c >= 0xfdf0 && c <= 0xfffd) || (c >= 0x10000 && c <= 0xeffff)); } /** * Code point equivalent of regex `\p{White_Space}`. * From: https://www.unicode.org/Public/UCD/latest/ucd/PropList.txt */ function _isWhiteSpace(c) { return ((c >= 0x0009 && c <= 0x000d) || c === 0x0020 || c === 0x0085 || (c >= 0x200e && c <= 0x200f) || c === 0x2028 || c === 0x2029); } /** * Code point equivalent of regex `\p{Pattern_Syntax}`. * See https://www.unicode.org/Public/UCD/latest/ucd/PropList.txt */ function _isPatternSyntax(c) { return ((c >= 0x0021 && c <= 0x0023) || c === 0x0024 || (c >= 0x0025 && c <= 0x0027) || c === 0x0028 || c === 0x0029 || c === 0x002a || c === 0x002b || c === 0x002c || c === 0x002d || (c >= 0x002e && c <= 0x002f) || (c >= 0x003a && c <= 0x003b) || (c >= 0x003c && c <= 0x003e) || (c >= 0x003f && c <= 0x0040) || c === 0x005b || c === 0x005c || c === 0x005d || c === 0x005e || c === 0x0060 || c === 0x007b || c === 0x007c || c === 0x007d || c === 0x007e || c === 0x00a1 || (c >= 0x00a2 && c <= 0x00a5) || c === 0x00a6 || c === 0x00a7 || c === 0x00a9 || c === 0x00ab || c === 0x00ac || c === 0x00ae || c === 0x00b0 || c === 0x00b1 || c === 0x00b6 || c === 0x00bb || c === 0x00bf || c === 0x00d7 || c === 0x00f7 || (c >= 0x2010 && c <= 0x2015) || (c >= 0x2016 && c <= 0x2017) || c === 0x2018 || c === 0x2019 || c === 0x201a || (c >= 0x201b && c <= 0x201c) || c === 0x201d || c === 0x201e || c === 0x201f || (c >= 0x2020 && c <= 0x2027) || (c >= 0x2030 && c <= 0x2038) || c === 0x2039 || c === 0x203a || (c >= 0x203b && c <= 0x203e) || (c >= 0x2041 && c <= 0x2043) || c === 0x2044 || c === 0x2045 || c === 0x2046 || (c >= 0x2047 && c <= 0x2051) || c === 0x2052 || c === 0x2053 || (c >= 0x2055 && c <= 0x205e) || (c >= 0x2190 && c <= 0x2194) || (c >= 0x2195 && c <= 0x2199) || (c >= 0x219a && c <= 0x219b) || (c >= 0x219c && c <= 0x219f) || c === 0x21a0 || (c >= 0x21a1 && c <= 0x21a2) || c === 0x21a3 || (c >= 0x21a4 && c <= 0x21a5) || c === 0x21a6 || (c >= 0x21a7 && c <= 0x21ad) || c === 0x21ae || (c >= 0x21af && c <= 0x21cd) || (c >= 0x21ce && c <= 0x21cf) || (c >= 0x21d0 && c <= 0x21d1) || c === 0x21d2 || c === 0x21d3 || c === 0x21d4 || (c >= 0x21d5 && c <= 0x21f3) || (c >= 0x21f4 && c <= 0x22ff) || (c >= 0x2300 && c <= 0x2307) || c === 0x2308 || c === 0x2309 || c === 0x230a || c === 0x230b || (c >= 0x230c && c <= 0x231f) || (c >= 0x2320 && c <= 0x2321) || (c >= 0x2322 && c <= 0x2328) || c === 0x2329 || c === 0x232a || (c >= 0x232b && c <= 0x237b) || c === 0x237c || (c >= 0x237d && c <= 0x239a) || (c >= 0x239b && c <= 0x23b3) || (c >= 0x23b4 && c <= 0x23db) || (c >= 0x23dc && c <= 0x23e1) || (c >= 0x23e2 && c <= 0x2426) || (c >= 0x2427 && c <= 0x243f) || (c >= 0x2440 && c <= 0x244a) || (c >= 0x244b && c <= 0x245f) || (c >= 0x2500 && c <= 0x25b6) || c === 0x25b7 || (c >= 0x25b8 && c <= 0x25c0) || c === 0x25c1 || (c >= 0x25c2 && c <= 0x25f7) || (c >= 0x25f8 && c <= 0x25ff) || (c >= 0x2600 && c <= 0x266e) || c === 0x266f || (c >= 0x2670 && c <= 0x2767) || c === 0x2768 || c === 0x2769 || c === 0x276a || c === 0x276b || c === 0x276c || c === 0x276d || c === 0x276e || c === 0x276f || c === 0x2770 || c === 0x2771 || c === 0x2772 || c === 0x2773 || c === 0x2774 || c === 0x2775 || (c >= 0x2794 && c <= 0x27bf) || (c >= 0x27c0 && c <= 0x27c4) || c === 0x27c5 || c === 0x27c6 || (c >= 0x27c7 && c <= 0x27e5) || c === 0x27e6 || c === 0x27e7 || c === 0x27e8 || c === 0x27e9 || c === 0x27ea || c === 0x27eb || c === 0x27ec || c === 0x27ed || c === 0x27ee || c === 0x27ef || (c >= 0x27f0 && c <= 0x27ff) || (c >= 0x2800 && c <= 0x28ff) || (c >= 0x2900 && c <= 0x2982) || c === 0x2983 || c === 0x2984 || c === 0x2985 || c === 0x2986 || c === 0x2987 || c === 0x2988 || c === 0x2989 || c === 0x298a || c === 0x298b || c === 0x298c || c === 0x298d || c === 0x298e || c === 0x298f || c === 0x2990 || c === 0x2991 || c === 0x2992 || c === 0x2993 || c === 0x2994 || c === 0x2995 || c === 0x2996 || c === 0x2997 || c === 0x2998 || (c >= 0x2999 && c <= 0x29d7) || c === 0x29d8 || c === 0x29d9 || c === 0x29da || c === 0x29db || (c >= 0x29dc && c <= 0x29fb) || c === 0x29fc || c === 0x29fd || (c >= 0x29fe && c <= 0x2aff) || (c >= 0x2b00 && c <= 0x2b2f) || (c >= 0x2b30 && c <= 0x2b44) || (c >= 0x2b45 && c <= 0x2b46) || (c >= 0x2b47 && c <= 0x2b4c) || (c >= 0x2b4d && c <= 0x2b73) || (c >= 0x2b74 && c <= 0x2b75) || (c >= 0x2b76 && c <= 0x2b95) || c === 0x2b96 || (c >= 0x2b97 && c <= 0x2bff) || (c >= 0x2e00 && c <= 0x2e01) || c === 0x2e02 || c === 0x2e03 || c === 0x2e04 || c === 0x2e05 || (c >= 0x2e06 && c <= 0x2e08) || c === 0x2e09 || c === 0x2e0a || c === 0x2e0b || c === 0x2e0c || c === 0x2e0d || (c >= 0x2e0e && c <= 0x2e16) || c === 0x2e17 || (c >= 0x2e18 && c <= 0x2e19) || c === 0x2e1a || c === 0x2e1b || c === 0x2e1c || c === 0x2e1d || (c >= 0x2e1e && c <= 0x2e1f) || c === 0x2e20 || c === 0x2e21 || c === 0x2e22 || c === 0x2e23 || c === 0x2e24 || c === 0x2e25 || c === 0x2e26 || c === 0x2e27 || c === 0x2e28 || c === 0x2e29 || (c >= 0x2e2a && c <= 0x2e2e) || c === 0x2e2f || (c >= 0x2e30 && c <= 0x2e39) || (c >= 0x2e3a && c <= 0x2e3b) || (c >= 0x2e3c && c <= 0x2e3f) || c === 0x2e40 || c === 0x2e41 || c === 0x2e42 || (c >= 0x2e43 && c <= 0x2e4f) || (c >= 0x2e50 && c <= 0x2e51) || c === 0x2e52 || (c >= 0x2e53 && c <= 0x2e7f) || (c >= 0x3001 && c <= 0x3003) || c === 0x3008 || c === 0x3009 || c === 0x300a || c === 0x300b || c === 0x300c || c === 0x300d || c === 0x300e || c === 0x300f || c === 0x3010 || c === 0x3011 || (c >= 0x3012 && c <= 0x3013) || c === 0x3014 || c === 0x3015 || c === 0x3016 || c === 0x3017 || c === 0x3018 || c === 0x3019 || c === 0x301a || c === 0x301b || c === 0x301c || c === 0x301d || (c >= 0x301e && c <= 0x301f) || c === 0x3020 || c === 0x3030 || c === 0xfd3e || c === 0xfd3f || (c >= 0xfe45 && c <= 0xfe46)); } function pruneLocation(els) { els.forEach(function (el) { delete el.location; if (isSelectElement(el) || isPluralElement(el)) { for (var k in el.options) { delete el.options[k].location; pruneLocation(el.options[k].value); } } else if (isNumberElement(el) && isNumberSkeleton(el.style)) { delete el.style.location; } else if ((isDateElement(el) || isTimeElement(el)) && isDateTimeSkeleton(el.style)) { delete el.style.location; } else if (isTagElement(el)) { pruneLocation(el.children); } }); } function parse(message, opts) { if (opts === void 0) { opts = {}; } opts = __assign({ shouldParseSkeletons: true, requiresOtherClause: true }, opts); var result = new Parser(message, opts).parse(); if (result.err) { var error = SyntaxError(ErrorKind[result.err.kind]); // @ts-expect-error Assign to error object error.location = result.err.location; // @ts-expect-error Assign to error object error.originalMessage = result.err.message; throw error; } if (!(opts === null || opts === void 0 ? void 0 : opts.captureLocation)) { pruneLocation(result.val); } return result.val; } // // Main // function memoize(fn, options) { var cache = options && options.cache ? options.cache : cacheDefault; var serializer = options && options.serializer ? options.serializer : serializerDefault; var strategy = options && options.strategy ? options.strategy : strategyDefault; return strategy(fn, { cache: cache, serializer: serializer, }); } // // Strategy // function isPrimitive(value) { return (value == null || typeof value === 'number' || typeof value === 'boolean'); // || typeof value === "string" 'unsafe' primitive for our needs } function monadic(fn, cache, serializer, arg) { var cacheKey = isPrimitive(arg) ? arg : serializer(arg); var computedValue = cache.get(cacheKey); if (typeof computedValue === 'undefined') { computedValue = fn.call(this, arg); cache.set(cacheKey, computedValue); } return computedValue; } function variadic(fn, cache, serializer) { var args = Array.prototype.slice.call(arguments, 3); var cacheKey = serializer(args); var computedValue = cache.get(cacheKey); if (typeof computedValue === 'undefined') { computedValue = fn.apply(this, args); cache.set(cacheKey, computedValue); } return computedValue; } function assemble(fn, context, strategy, cache, serialize) { return strategy.bind(context, fn, cache, serialize); } function strategyDefault(fn, options) { var strategy = fn.length === 1 ? monadic : variadic; return assemble(fn, this, strategy, options.cache.create(), options.serializer); } function strategyVariadic(fn, options) { return assemble(fn, this, variadic, options.cache.create(), options.serializer); } function strategyMonadic(fn, options) { return assemble(fn, this, monadic, options.cache.create(), options.serializer); } // // Serializer // var serializerDefault = function () { return JSON.stringify(arguments); }; // // Cache // function ObjectWithoutPrototypeCache() { this.cache = Object.create(null); } ObjectWithoutPrototypeCache.prototype.get = function (key) { return this.cache[key]; }; ObjectWithoutPrototypeCache.prototype.set = function (key, value) { this.cache[key] = value; }; var cacheDefault = { create: function create() { // @ts-ignore return new ObjectWithoutPrototypeCache(); }, }; var strategies = { variadic: strategyVariadic, monadic: strategyMonadic, }; var ErrorCode; (function (ErrorCode) { // When we have a placeholder but no value to format ErrorCode["MISSING_VALUE"] = "MISSING_VALUE"; // When value supplied is invalid ErrorCode["INVALID_VALUE"] = "INVALID_VALUE"; // When we need specific Intl API but it's not available ErrorCode["MISSING_INTL_API"] = "MISSING_INTL_API"; })(ErrorCode || (ErrorCode = {})); var FormatError = /** @class */ (function (_super) { __extends(FormatError, _super); function FormatError(msg, code, originalMessage) { var _this = _super.call(this, msg) || this; _this.code = code; _this.originalMessage = originalMessage; return _this; } FormatError.prototype.toString = function () { return "[formatjs Error: ".concat(this.code, "] ").concat(this.message); }; return FormatError; }(Error)); var InvalidValueError = /** @class */ (function (_super) { __extends(InvalidValueError, _super); function InvalidValueError(variableId, value, options, originalMessage) { return _super.call(this, "Invalid values for \"".concat(variableId, "\": \"").concat(value, "\". Options are \"").concat(Object.keys(options).join('", "'), "\""), ErrorCode.INVALID_VALUE, originalMessage) || this; } return InvalidValueError; }(FormatError)); var InvalidValueTypeError = /** @class */ (function (_super) { __extends(InvalidValueTypeError, _super); function InvalidValueTypeError(value, type, originalMessage) { return _super.call(this, "Value for \"".concat(value, "\" must be of type ").concat(type), ErrorCode.INVALID_VALUE, originalMessage) || this; } return InvalidValueTypeError; }(FormatError)); var MissingValueError = /** @class */ (function (_super) { __extends(MissingValueError, _super); function MissingValueError(variableId, originalMessage) { return _super.call(this, "The intl string context variable \"".concat(variableId, "\" was not provided to the string \"").concat(originalMessage, "\""), ErrorCode.MISSING_VALUE, originalMessage) || this; } return MissingValueError; }(FormatError)); var PART_TYPE; (function (PART_TYPE) { PART_TYPE[PART_TYPE["literal"] = 0] = "literal"; PART_TYPE[PART_TYPE["object"] = 1] = "object"; })(PART_TYPE || (PART_TYPE = {})); function mergeLiteral(parts) { if (parts.length < 2) { return parts; } return parts.reduce(function (all, part) { var lastPart = all[all.length - 1]; if (!lastPart || lastPart.type !== PART_TYPE.literal || part.type !== PART_TYPE.literal) { all.push(part); } else { lastPart.value += part.value; } return all; }, []); } function isFormatXMLElementFn(el) { return typeof el === 'function'; } // TODO(skeleton): add skeleton support function formatToParts(els, locales, formatters, formats, values, currentPluralValue, // For debugging originalMessage) { // Hot path for straight simple msg translations if (els.length === 1 && isLiteralElement(els[0])) { return [ { type: PART_TYPE.literal, value: els[0].value, }, ]; } var result = []; for (var _i = 0, els_1 = els; _i < els_1.length; _i++) { var el = els_1[_i]; // Exit early for string parts. if (isLiteralElement(el)) { result.push({ type: PART_TYPE.literal, value: el.value, }); continue; } // TODO: should this part be literal type? // Replace `#` in plural rules with the actual numeric value. if (isPoundElement(el)) { if (typeof currentPluralValue === 'number') { result.push({ type: PART_TYPE.literal, value: formatters.getNumberFormat(locales).format(currentPluralValue), }); } continue; } var varName = el.value; // Enforce that all required values are provided by the caller. if (!(values && varName in values)) { throw new MissingValueError(varName, originalMessage); } var value = values[varName]; if (isArgumentElement(el)) { if (!value || typeof value === 'string' || typeof value === 'number') { value = typeof value === 'string' || typeof value === 'number' ? String(value) : ''; } result.push({ type: typeof value === 'string' ? PART_TYPE.literal : PART_TYPE.object, value: value, }); continue; } // Recursively format plural and select parts' option — which can be a // nested pattern structure. The choosing of the option to use is // abstracted-by and delegated-to the part helper object. if (isDateElement(el)) { var style = typeof el.style === 'string' ? formats.date[el.style] : isDateTimeSkeleton(el.style) ? el.style.parsedOptions : undefined; result.push({ type: PART_TYPE.literal, value: formatters .getDateTimeFormat(locales, style) .format(value), }); continue; } if (isTimeElement(el)) { var style = typeof el.style === 'string' ? formats.time[el.style] : isDateTimeSkeleton(el.style) ? el.style.parsedOptions : undefined; result.push({ type: PART_TYPE.literal, value: formatters .getDateTimeFormat(locales, style) .format(value), }); continue; } if (isNumberElement(el)) { var style = typeof el.style === 'string' ? formats.number[el.style] : isNumberSkeleton(el.style) ? el.style.parsedOptions : undefined; if (style && style.scale) { value = value * (style.scale || 1); } result.push({ type: PART_TYPE.literal, value: formatters .getNumberFormat(locales, style) .format(value), }); continue; } if (isTagElement(el)) { var children = el.children, value_1 = el.value; var formatFn = values[value_1]; if (!isFormatXMLElementFn(formatFn)) { throw new InvalidValueTypeError(value_1, 'function', originalMessage); } var parts = formatToParts(children, locales, formatters, formats, values, currentPluralValue); var chunks = formatFn(parts.map(function (p) { return p.value; })); if (!Array.isArray(chunks)) { chunks = [chunks]; } result.push.apply(result, chunks.map(function (c) { return { type: typeof c === 'string' ? PART_TYPE.literal : PART_TYPE.object, value: c, }; })); } if (isSelectElement(el)) { var opt = el.options[value] || el.options.other; if (!opt) { throw new InvalidValueError(el.value, value, Object.keys(el.options), originalMessage); } result.push.apply(result, formatToParts(opt.value, locales, formatters, formats, values)); continue; } if (isPluralElement(el)) { var opt = el.options["=".concat(value)]; if (!opt) { if (!Intl.PluralRules) { throw new FormatError("Intl.PluralRules is not available in this environment.\nTry polyfilling it using \"@formatjs/intl-pluralrules\"\n", ErrorCode.MISSING_INTL_API, originalMessage); } var rule = formatters .getPluralRules(locales, { type: el.pluralType }) .select(value - (el.offset || 0)); opt = el.options[rule] || el.options.other; } if (!opt) { throw new InvalidValueError(el.value, value, Object.keys(el.options), originalMessage); } result.push.apply(result, formatToParts(opt.value, locales, formatters, formats, values, value - (el.offset || 0))); continue; } } return mergeLiteral(result); } /* Copyright (c) 2014, Yahoo! Inc. All rights reserved. Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms. */ // -- MessageFormat -------------------------------------------------------- function mergeConfig(c1, c2) { if (!c2) { return c1; } return __assign(__assign(__assign({}, (c1 || {})), (c2 || {})), Object.keys(c1).reduce(function (all, k) { all[k] = __assign(__assign({}, c1[k]), (c2[k] || {})); return all; }, {})); } function mergeConfigs(defaultConfig, configs) { if (!configs) { return defaultConfig; } return Object.keys(defaultConfig).reduce(function (all, k) { all[k] = mergeConfig(defaultConfig[k], configs[k]); return all; }, __assign({}, defaultConfig)); } function createFastMemoizeCache(store) { return { create: function () { return { get: function (key) { return store[key]; }, set: function (key, value) { store[key] = value; }, }; }, }; } function createDefaultFormatters(cache) { if (cache === void 0) { cache = { number: {}, dateTime: {}, pluralRules: {}, }; } return { getNumberFormat: memoize(function () { var _a; var args = []; for (var _i = 0; _i < arguments.length; _i++) { args[_i] = arguments[_i]; } return new ((_a = Intl.NumberFormat).bind.apply(_a, __spreadArray([void 0], args, false)))(); }, { cache: createFastMemoizeCache(cache.number), strategy: strategies.variadic, }), getDateTimeFormat: memoize(function () { var _a; var args = []; for (var _i = 0; _i < arguments.length; _i++) { args[_i] = arguments[_i]; } return new ((_a = Intl.DateTimeFormat).bind.apply(_a, __spreadArray([void 0], args, false)))(); }, { cache: createFastMemoizeCache(cache.dateTime), strategy: strategies.variadic, }), getPluralRules: memoize(function () { var _a; var args = []; for (var _i = 0; _i < arguments.length; _i++) { args[_i] = arguments[_i]; } return new ((_a = Intl.PluralRules).bind.apply(_a, __spreadArray([void 0], args, false)))(); }, { cache: createFastMemoizeCache(cache.pluralRules), strategy: strategies.variadic, }), }; } var IntlMessageFormat = /** @class */ (function () { function IntlMessageFormat(message, locales, overrideFormats, opts) { var _this = this; if (locales === void 0) { locales = IntlMessageFormat.defaultLocale; } this.formatterCache = { number: {}, dateTime: {}, pluralRules: {}, }; this.format = function (values) { var parts = _this.formatToParts(values); // Hot path for straight simple msg translations if (parts.length === 1) { return parts[0].value; } var result = parts.reduce(function (all, part) { if (!all.length || part.type !== PART_TYPE.literal || typeof all[all.length - 1] !== 'string') { all.push(part.value); } else { all[all.length - 1] += part.value; } return all; }, []); if (result.length <= 1) { return result[0] || ''; } return result; }; this.formatToParts = function (values) { return formatToParts(_this.ast, _this.locales, _this.formatters, _this.formats, values, undefined, _this.message); }; this.resolvedOptions = function () { return ({ locale: Intl.NumberFormat.supportedLocalesOf(_this.locales)[0], }); }; this.getAst = function () { return _this.ast; }; if (typeof message === 'string') { this.message = message; if (!IntlMessageFormat.__parse) { throw new TypeError('IntlMessageFormat.__parse must be set to process `message` of type `string`'); } // Parse string messages into an AST. this.ast = IntlMessageFormat.__parse(message, { ignoreTag: opts === null || opts === void 0 ? void 0 : opts.ignoreTag, }); } else { this.ast = message; } if (!Array.isArray(this.ast)) { throw new TypeError('A message must be provided as a String or AST.'); } // Creates a new object with the specified `formats` merged with the default // formats. this.formats = mergeConfigs(IntlMessageFormat.formats, overrideFormats); // Defined first because it's used to build the format pattern. this.locales = locales; this.formatters = (opts && opts.formatters) || createDefaultFormatters(this.formatterCache); } Object.defineProperty(IntlMessageFormat, "defaultLocale", { get: function () { if (!IntlMessageFormat.memoizedDefaultLocale) { IntlMessageFormat.memoizedDefaultLocale = new Intl.NumberFormat().resolvedOptions().locale; } return IntlMessageFormat.memoizedDefaultLocale; }, enumerable: false, configurable: true }); IntlMessageFormat.memoizedDefaultLocale = null; IntlMessageFormat.__parse = parse; // Default format options used as the prototype of the `formats` provided to the // constructor. These are used when constructing the internal Intl.NumberFormat // and Intl.DateTimeFormat instances. IntlMessageFormat.formats = { number: { integer: { maximumFractionDigits: 0, }, currency: { style: 'currency', }, percent: { style: 'percent', }, }, date: { short: { month: 'numeric', day: 'numeric', year: '2-digit', }, medium: { month: 'short', day: 'numeric', year: 'numeric', }, long: { month: 'long', day: 'numeric', year: 'numeric', }, full: { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric', }, }, time: { short: { hour: 'numeric', minute: 'numeric', }, medium: { hour: 'numeric', minute: 'numeric', second: 'numeric', }, long: { hour: 'numeric', minute: 'numeric', second: 'numeric', timeZoneName: 'short', }, full: { hour: 'numeric', minute: 'numeric', second: 'numeric', timeZoneName: 'short', }, }, }; return IntlMessageFormat; }()); /* Copyright (c) 2014, Yahoo! Inc. All rights reserved. Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms. */ var $1Ofoe$intlmessageformat = IntlMessageFormat; function $parcel$export$f(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $70eee6030fd7c1a1$exports = {}; $parcel$export$f($70eee6030fd7c1a1$exports, "MessageDictionary", () => $70eee6030fd7c1a1$export$64839e615120df17); class $70eee6030fd7c1a1$export$64839e615120df17 { getStringForLocale(key, locale) { let strings = this.messages[locale]; if (!strings) { strings = $70eee6030fd7c1a1$var$getStringsForLocale(locale, this.messages, this.defaultLocale); this.messages[locale] = strings; } let string = strings[key]; if (!string) throw new Error(`Could not find intl message ${key} in ${locale} locale`); return string; } constructor(messages, defaultLocale = 'en-US'){ // Clone messages so we don't modify the original object. this.messages = { ...messages }; this.defaultLocale = defaultLocale; } } function $70eee6030fd7c1a1$var$getStringsForLocale(locale, strings, defaultLocale = 'en-US') { // If there is an exact match, use it. if (strings[locale]) return strings[locale]; // Attempt to find the closest match by language. // For example, if the locale is fr-CA (French Canadian), but there is only // an fr-FR (France) set of strings, use that. // This could be replaced with Intl.LocaleMatcher once it is supported. // https://github.com/tc39/proposal-intl-localematcher let language = $70eee6030fd7c1a1$var$getLanguage(locale); for(let key in strings){ if (key.startsWith(language + '-')) return strings[key]; } // Nothing close, use english. return strings[defaultLocale]; } function $70eee6030fd7c1a1$var$getLanguage(locale) { // @ts-ignore if (Intl.Locale) // @ts-ignore return new Intl.Locale(locale).language; return locale.split('-')[0]; } var $a96338b8d4eb3cb0$exports = {}; $parcel$export$f($a96338b8d4eb3cb0$exports, "MessageFormatter", () => $a96338b8d4eb3cb0$export$526ebc05ff964723); class $a96338b8d4eb3cb0$export$526ebc05ff964723 { format(key, variables) { let message = this.cache[key]; if (!message) { let msg = this.messages.getStringForLocale(key, this.locale); if (!msg) throw new Error(`Could not find intl message ${key} in ${this.locale} locale`); message = new $1Ofoe$intlmessageformat(msg, this.locale); this.cache[key] = message; } let varCopy; if (variables) varCopy = Object.keys(variables).reduce((acc, key)=>{ acc[key] = variables[key] == null ? false : variables[key]; return acc; }, { }); return message.format(varCopy); } constructor(locale, messages){ this.locale = locale; this.messages = messages; this.cache = { }; } } /* * Copyright 2020 Adobe. All rights reserved. * This file is licensed to you under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. You may obtain a copy * of the License at http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ let $fb18d541ea1ad717$var$formatterCache = new Map(); class $fb18d541ea1ad717$export$ad991b66133851cf { /** Formats a date as a string according to the locale and format options passed to the constructor. */ format(value) { return this.formatter.format(value); } /** Formats a date to an array of parts such as separators, numbers, punctuation, and more. */ formatToParts(value) { return this.formatter.formatToParts(value); } /** Formats a date range as a string. */ formatRange(start, end) { // @ts-ignore if (typeof this.formatter.formatRange === 'function') // @ts-ignore return this.formatter.formatRange(start, end); if (end < start) throw new RangeError('End date must be >= start date'); // Very basic fallback for old browsers. return `${this.formatter.format(start)} – ${this.formatter.format(end)}`; } /** Formats a date range as an array of parts. */ formatRangeToParts(start, end) { // @ts-ignore if (typeof this.formatter.formatRangeToParts === 'function') // @ts-ignore return this.formatter.formatRangeToParts(start, end); if (end < start) throw new RangeError('End date must be >= start date'); let startParts = this.formatter.formatToParts(start); let endParts = this.formatter.formatToParts(end); return [ ...startParts.map((p)=>({ ...p, source: 'startRange' }) ), { type: 'literal', value: ' – ', source: 'shared' }, ...endParts.map((p)=>({ ...p, source: 'endRange' }) ) ]; } /** Returns the resolved formatting options based on the values passed to the constructor. */ resolvedOptions() { let resolvedOptions = this.formatter.resolvedOptions(); if ($fb18d541ea1ad717$var$hasBuggyResolvedHourCycle()) { if (!this.resolvedHourCycle) this.resolvedHourCycle = $fb18d541ea1ad717$var$getResolvedHourCycle(resolvedOptions.locale, this.options); resolvedOptions.hourCycle = this.resolvedHourCycle; resolvedOptions.hour12 = this.resolvedHourCycle === 'h11' || this.resolvedHourCycle === 'h12'; } return resolvedOptions; } constructor(locale, options = { }){ this.formatter = $fb18d541ea1ad717$var$getCachedDateFormatter(locale, options); this.options = options; } } // There are multiple bugs involving the hour12 and hourCycle options in various browser engines. // - Chrome [1] (and the ECMA 402 spec [2]) resolve hour12: false in English and other locales to h24 (24:00 - 23:59) // rather than h23 (00:00 - 23:59). Same can happen with hour12: true in French, which Chrome resolves to h11 (00:00 - 11:59) // rather than h12 (12:00 - 11:59). // - WebKit returns an incorrect hourCycle resolved option in the French locale due to incorrect parsing of 'h' literal // in the resolved pattern. It also formats incorrectly when specifying the hourCycle option for the same reason. [3] // [1] https://bugs.chromium.org/p/chromium/issues/detail?id=1045791 // [2] https://github.com/tc39/ecma402/issues/402 // [3] https://bugs.webkit.org/show_bug.cgi?id=229313 // https://github.com/unicode-org/cldr/blob/018b55eff7ceb389c7e3fc44e2f657eae3b10b38/common/supplemental/supplementalData.xml#L4774-L4802 const $fb18d541ea1ad717$var$hour12Preferences = { true: { // Only Japanese uses the h11 style for 12 hour time. All others use h12. ja: 'h11' }, false: { } }; function $fb18d541ea1ad717$var$getCachedDateFormatter(locale, options = { }) { // Work around buggy hour12 behavior in Chrome / ECMA 402 spec by using hourCycle instead. // Only apply the workaround if the issue is detected, because the hourCycle option is buggy in Safari. if (typeof options.hour12 === 'boolean' && $fb18d541ea1ad717$var$hasBuggyHour12Behavior()) { options = { ...options }; let pref = $fb18d541ea1ad717$var$hour12Preferences[String(options.hour12)][locale.split('-')[0]]; let defaultHourCycle = options.hour12 ? 'h12' : 'h23'; options.hourCycle = pref !== null && pref !== void 0 ? pref : defaultHourCycle; delete options.hour12; } let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1 ).join() : ''); if ($fb18d541ea1ad717$var$formatterCache.has(cacheKey)) return $fb18d541ea1ad717$var$formatterCache.get(cacheKey); let numberFormatter = new Intl.DateTimeFormat(locale, options); $fb18d541ea1ad717$var$formatterCache.set(cacheKey, numberFormatter); return numberFormatter; } let $fb18d541ea1ad717$var$_hasBuggyHour12Behavior = null; function $fb18d541ea1ad717$var$hasBuggyHour12Behavior() { if ($fb18d541ea1ad717$var$_hasBuggyHour12Behavior == null) $fb18d541ea1ad717$var$_hasBuggyHour12Behavior = new Intl.DateTimeFormat('en-US', { hour: 'numeric', hour12: false }).format(new Date(2020, 2, 3, 0)) === '24'; return $fb18d541ea1ad717$var$_hasBuggyHour12Behavior; } let $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle = null; function $fb18d541ea1ad717$var$hasBuggyResolvedHourCycle() { if ($fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle == null) $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle = new Intl.DateTimeFormat('fr', { hour: 'numeric', hour12: false }).resolvedOptions().hourCycle === 'h12'; return $fb18d541ea1ad717$var$_hasBuggyResolvedHourCycle; } function $fb18d541ea1ad717$var$getResolvedHourCycle(locale, options) { if (!options.timeStyle && !options.hour) return undefined; // Work around buggy results in resolved hourCycle and hour12 options in WebKit. // Format the minimum possible hour and maximum possible hour in a day and parse the results. locale = locale.replace(/(-u-)?-nu-[a-zA-Z0-9]+/, ''); locale += (locale.includes('-u-') ? '' : '-u') + '-nu-latn'; let formatter = $fb18d541ea1ad717$var$getCachedDateFormatter(locale, { ...options, timeZone: undefined // use local timezone }); let min = parseInt(formatter.formatToParts(new Date(2020, 2, 3, 0)).find((p)=>p.type === 'hour' ).value, 10); let max = parseInt(formatter.formatToParts(new Date(2020, 2, 3, 23)).find((p)=>p.type === 'hour' ).value, 10); if (min === 0 && max === 23) return 'h23'; if (min === 24 && max === 23) return 'h24'; if (min === 0 && max === 11) return 'h11'; if (min === 12 && max === 11) return 'h12'; throw new Error('Unexpected hour cycle result'); } /* * Copyright 2020 Adobe. All rights reserved. * This file is licensed to you under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. You may obtain a copy * of the License at http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ let $488c6ddbf4ef74c2$var$formatterCache = new Map(); let $488c6ddbf4ef74c2$var$supportsSignDisplay = false; try { // @ts-ignore $488c6ddbf4ef74c2$var$supportsSignDisplay = new Intl.NumberFormat('de-DE', { signDisplay: 'exceptZero' }).resolvedOptions().signDisplay === 'exceptZero'; // eslint-disable-next-line no-empty } catch (e) { } let $488c6ddbf4ef74c2$var$supportsUnit = false; try { // @ts-ignore $488c6ddbf4ef74c2$var$supportsUnit = new Intl.NumberFormat('de-DE', { style: 'unit', unit: 'degree' }).resolvedOptions().style === 'unit'; // eslint-disable-next-line no-empty } catch (e1) { } // Polyfill for units since Safari doesn't support them yet. See https://bugs.webkit.org/show_bug.cgi?id=215438. // Currently only polyfilling the unit degree in narrow format for ColorSlider in our supported locales. // Values were determined by switching to each locale manually in Chrome. const $488c6ddbf4ef74c2$var$UNITS = { degree: { narrow: { default: '°', 'ja-JP': ' 度', 'zh-TW': '度', 'sl-SI': ' °' } } }; class $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 { /** Formats a number value as a string, according to the locale and options provided to the constructor. */ format(value) { let res = ''; if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) res = $488c6ddbf4ef74c2$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value); else res = this.numberFormatter.format(value); if (this.options.style === 'unit' && !$488c6ddbf4ef74c2$var$supportsUnit) { var ref; let { unit: unit , unitDisplay: unitDisplay = 'short' , locale: locale } = this.resolvedOptions(); let values = (ref = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || ref === void 0 ? void 0 : ref[unitDisplay]; res += values[locale] || values.default; } return res; } /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */ formatToParts(value) { // TODO: implement signDisplay for formatToParts // @ts-ignore return this.numberFormatter.formatToParts(value); } /** Returns the resolved formatting options based on the values passed to the constructor. */ resolvedOptions() { let options = this.numberFormatter.resolvedOptions(); if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) options = { ...options, signDisplay: this.options.signDisplay }; if (!$488c6ddbf4ef74c2$var$supportsUnit && this.options.style === 'unit') options = { ...options, style: 'unit', unit: this.options.unit, unitDisplay: this.options.unitDisplay }; return options; } constructor(locale, options = { }){ this.numberFormatter = $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options); this.options = options; } } function $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options = { }) { let { numberingSystem: numberingSystem } = options; if (numberingSystem && locale.indexOf('-u-nu-') === -1) locale = `${locale}-u-nu-${numberingSystem}`; if (options.style === 'unit' && !$488c6ddbf4ef74c2$var$supportsUnit) { var ref; let { unit: unit , unitDisplay: unitDisplay = 'short' } = options; if (!unit) throw new Error('unit option must be provided with style: "unit"'); if (!((ref = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || ref === void 0 ? void 0 : ref[unitDisplay])) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`); options = { ...options, style: 'decimal' }; } let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1 ).join() : ''); if ($488c6ddbf4ef74c2$var$formatterCache.has(cacheKey)) return $488c6ddbf4ef74c2$var$formatterCache.get(cacheKey); let numberFormatter = new Intl.NumberFormat(locale, options); $488c6ddbf4ef74c2$var$formatterCache.set(cacheKey, numberFormatter); return numberFormatter; } function $488c6ddbf4ef74c2$export$711b50b3c525e0f2(numberFormat, signDisplay, num) { if (signDisplay === 'auto') return numberFormat.format(num); else if (signDisplay === 'never') return numberFormat.format(Math.abs(num)); else { let needsPositiveSign = false; if (signDisplay === 'always') needsPositiveSign = num > 0 || Object.is(num, 0); else if (signDisplay === 'exceptZero') { if (Object.is(num, -0) || Object.is(num, 0)) num = Math.abs(num); else needsPositiveSign = num > 0; } if (needsPositiveSign) { let negative = numberFormat.format(-num); let noSign = numberFormat.format(num); // ignore RTL/LTR marker character let minus = negative.replace(noSign, '').replace(/\u200e|\u061C/, ''); if ([ ...minus ].length !== 1) console.warn('@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case'); let positive = negative.replace(noSign, '!!!').replace(minus, '+').replace('!!!', noSign); return positive; } else return numberFormat.format(num); } } function $parcel$export$e(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $18f2051aff69b9bf$exports = {}; $parcel$export$e($18f2051aff69b9bf$exports, "I18nProvider", () => $18f2051aff69b9bf$export$a54013f0d02a8f82); $parcel$export$e($18f2051aff69b9bf$exports, "useLocale", () => $18f2051aff69b9bf$export$43bb16f9c6d9e3f7); /* * Copyright 2020 Adobe. All rights reserved. * This file is licensed to you under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. You may obtain a copy * of the License at http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ // https://en.wikipedia.org/wiki/Right-to-left const $148a7a147e38ea7f$var$RTL_SCRIPTS = new Set([ 'Arab', 'Syrc', 'Samr', 'Mand', 'Thaa', 'Mend', 'Nkoo', 'Adlm', 'Rohg', 'Hebr' ]); const $148a7a147e38ea7f$var$RTL_LANGS = new Set([ 'ae', 'ar', 'arc', 'bcc', 'bqi', 'ckb', 'dv', 'fa', 'glk', 'he', 'ku', 'mzn', 'nqo', 'pnb', 'ps', 'sd', 'ug', 'ur', 'yi' ]); function $148a7a147e38ea7f$export$702d680b21cbd764(locale) { // If the Intl.Locale API is available, use it to get the script for the locale. // This is more accurate than guessing by language, since languages can be written in multiple scripts. // @ts-ignore if (Intl.Locale) { // @ts-ignore let script = new Intl.Locale(locale).maximize().script; return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(script); } // If not, just guess by the language (first part of the locale) let lang = locale.split('-')[0]; return $148a7a147e38ea7f$var$RTL_LANGS.has(lang); } function $1e5a04cdaf7d1af8$export$f09106e7c6677ec5() { // @ts-ignore let locale = typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US'; return { locale: locale, direction: $148a7a147e38ea7f$export$702d680b21cbd764(locale) ? 'rtl' : 'ltr' }; } let $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5(); let $1e5a04cdaf7d1af8$var$listeners = new Set(); function $1e5a04cdaf7d1af8$var$updateLocale() { $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5(); for (let listener of $1e5a04cdaf7d1af8$var$listeners)listener($1e5a04cdaf7d1af8$var$currentLocale); } function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() { let isSSR = index.$9d939cbc98267846$export$535bd6ca7f90a273(); let [defaultLocale, setDefaultLocale] = React.useState($1e5a04cdaf7d1af8$var$currentLocale); React.useEffect(()=>{ if ($1e5a04cdaf7d1af8$var$listeners.size === 0) window.addEventListener('languagechange', $1e5a04cdaf7d1af8$var$updateLocale); $1e5a04cdaf7d1af8$var$listeners.add(setDefaultLocale); return ()=>{ $1e5a04cdaf7d1af8$var$listeners.delete(setDefaultLocale); if ($1e5a04cdaf7d1af8$var$listeners.size === 0) window.removeEventListener('languagechange', $1e5a04cdaf7d1af8$var$updateLocale); }; }, []); // We cannot determine the browser's language on the server, so default to // en-US. This will be updated after hydration on the client to the correct value. if (isSSR) return { locale: 'en-US', direction: 'ltr' }; return defaultLocale; } const $18f2051aff69b9bf$var$I18nContext = /*#__PURE__*/ React__default["default"].createContext(null); function $18f2051aff69b9bf$export$a54013f0d02a8f82(props) { let { locale: locale , children: children } = props; let defaultLocale = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a(); let value = locale ? { locale: locale, direction: $148a7a147e38ea7f$export$702d680b21cbd764(locale) ? 'rtl' : 'ltr' } : defaultLocale; return(/*#__PURE__*/ React__default["default"].createElement($18f2051aff69b9bf$var$I18nContext.Provider, { value: value }, children)); } function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() { let defaultLocale = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a(); let context = React.useContext($18f2051aff69b9bf$var$I18nContext); return context || defaultLocale; } var $321bc95feeb923dd$exports = {}; $parcel$export$e($321bc95feeb923dd$exports, "useMessageFormatter", () => $321bc95feeb923dd$export$ec23bf898b1eed85); const $321bc95feeb923dd$var$cache = new WeakMap(); function $321bc95feeb923dd$var$getCachedDictionary(strings) { let dictionary = $321bc95feeb923dd$var$cache.get(strings); if (!dictionary) { dictionary = new $70eee6030fd7c1a1$export$64839e615120df17(strings); $321bc95feeb923dd$var$cache.set(strings, dictionary); } return dictionary; } function $321bc95feeb923dd$export$ec23bf898b1eed85(strings) { let { locale: locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(); let dictionary = React.useMemo(()=>$321bc95feeb923dd$var$getCachedDictionary(strings) , [ strings ]); let formatter = React.useMemo(()=>new $a96338b8d4eb3cb0$export$526ebc05ff964723(locale, dictionary) , [ locale, dictionary ]); return React.useCallback((key, variables)=>formatter.format(key, variables) , [ formatter ]); } var $896ba0a80a8f4d36$exports = {}; $parcel$export$e($896ba0a80a8f4d36$exports, "useDateFormatter", () => $896ba0a80a8f4d36$export$85fd5fdf27bacc79); function $896ba0a80a8f4d36$export$85fd5fdf27bacc79(options) { // Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused. let lastOptions = React.useRef(null); if (options && lastOptions.current && $896ba0a80a8f4d36$var$isEqual(options, lastOptions.current)) options = lastOptions.current; lastOptions.current = options; let { locale: locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(); return React.useMemo(()=>new $fb18d541ea1ad717$export$ad991b66133851cf(locale, options) , [ locale, options ]); } function $896ba0a80a8f4d36$var$isEqual(a, b) { if (a === b) return true; let aKeys = Object.keys(a); let bKeys = Object.keys(b); if (aKeys.length !== bKeys.length) return false; for (let key of aKeys){ if (b[key] !== a[key]) return false; } return true; } var $a916eb452884faea$exports = {}; $parcel$export$e($a916eb452884faea$exports, "useNumberFormatter", () => $a916eb452884faea$export$b7a616150fdb9f44); function $a916eb452884faea$export$b7a616150fdb9f44(options = { }) { let { locale: locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(); return React.useMemo(()=>new $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(locale, options) , [ locale, options ]); } var $325a3faab7a68acd$exports = {}; $parcel$export$e($325a3faab7a68acd$exports, "useCollator", () => $325a3faab7a68acd$export$a16aca283550c30d); let $325a3faab7a68acd$var$cache = new Map(); function $325a3faab7a68acd$export$a16aca283550c30d(options) { let { locale: locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(); let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1 ).join() : ''); if ($325a3faab7a68acd$var$cache.has(cacheKey)) return $325a3faab7a68acd$var$cache.get(cacheKey); let formatter = new Intl.Collator(locale, options); $325a3faab7a68acd$var$cache.set(cacheKey, formatter); return formatter; } var $bb77f239b46e8c72$exports = {}; $parcel$export$e($bb77f239b46e8c72$exports, "useFilter", () => $bb77f239b46e8c72$export$3274cf84b703fff); function $bb77f239b46e8c72$export$3274cf84b703fff(options) { let collator = $325a3faab7a68acd$export$a16aca283550c30d({ usage: 'search', ...options }); // TODO(later): these methods don't currently support the ignorePunctuation option. return { startsWith (string, substring) { if (substring.length === 0) return true; // Normalize both strings so we can slice safely // TODO: take into account the ignorePunctuation option as well... string = string.normalize('NFC'); substring = substring.normalize('NFC'); return collator.compare(string.slice(0, substring.length), substring) === 0; }, endsWith (string, substring) { if (substring.length === 0) return true; string = string.normalize('NFC'); substring = substring.normalize('NFC'); return collator.compare(string.slice(-substring.length), substring) === 0; }, contains (string, substring) { if (substring.length === 0) return true; string = string.normalize('NFC'); substring = substring.normalize('NFC'); let scan = 0; let sliceLen = substring.length; for(; scan + sliceLen <= string.length; scan++){ let slice = string.slice(scan, scan + sliceLen); if (collator.compare(substring, slice) === 0) return true; } return false; } }; } function $parcel$export$d(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $2baaea4c71418dea$exports = {}; $parcel$export$d($2baaea4c71418dea$exports, "useField", () => $2baaea4c71418dea$export$294aa081a6c6f55d); var $d191a55c9702f145$exports = {}; $parcel$export$d($d191a55c9702f145$exports, "useLabel", () => $d191a55c9702f145$export$8467354a121f1b9f); function $d191a55c9702f145$export$8467354a121f1b9f(props) { let { id: id , label: label , 'aria-labelledby': ariaLabelledby , 'aria-label': ariaLabel , labelElementType: labelElementType = 'label' } = props; id = index.$bdb11010cef70236$export$f680877a34711e37(id); let labelId = index.$bdb11010cef70236$export$f680877a34711e37(); let labelProps = { }; if (label) { ariaLabelledby = ariaLabelledby ? `${ariaLabelledby} ${labelId}` : labelId; labelProps = { id: labelId, htmlFor: labelElementType === 'label' ? id : undefined }; } else if (!ariaLabelledby && !ariaLabel) console.warn('If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility'); let fieldProps = index.$313b98861ee5dd6c$export$d6875122194c7b44({ id: id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby }); return { labelProps: labelProps, fieldProps: fieldProps }; } function $2baaea4c71418dea$export$294aa081a6c6f55d(props) { let { description: description , errorMessage: errorMessage , validationState: validationState } = props; let { labelProps: labelProps , fieldProps: fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f(props); let descriptionId = index.$bdb11010cef70236$export$b4cc09c592e8fdb8([ Boolean(description), Boolean(errorMessage), validationState ]); let errorMessageId = index.$bdb11010cef70236$export$b4cc09c592e8fdb8([ Boolean(description), Boolean(errorMessage), validationState ]); fieldProps = index.$3ef42575df84b30b$export$9d1611c77c2fe928(fieldProps, { 'aria-describedby': [ descriptionId, // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268 errorMessageId, props['aria-describedby'] ].filter(Boolean).join(' ') || undefined }); return { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: { id: descriptionId }, errorMessageProps: { id: errorMessageId } }; } function $parcel$export$c(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $5c3e21d68f1c4674$exports = {}; $parcel$export$c($5c3e21d68f1c4674$exports, "useVisuallyHidden", () => $5c3e21d68f1c4674$export$a966af930f325cab); $parcel$export$c($5c3e21d68f1c4674$exports, "VisuallyHidden", () => $5c3e21d68f1c4674$export$439d29a4e110a164); const $5c3e21d68f1c4674$var$styles = { border: 0, clip: 'rect(0 0 0 0)', clipPath: 'inset(50%)', height: 1, margin: '0 -1px -1px 0', overflow: 'hidden', padding: 0, position: 'absolute', width: 1, whiteSpace: 'nowrap' }; function $5c3e21d68f1c4674$export$a966af930f325cab(props = { }) { let { style: style , isFocusable: isFocusable } = props; let [isFocused, setFocused] = React.useState(false); let { focusProps: focusProps } = index.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6({ isDisabled: !isFocusable, onFocusChange: setFocused }); // If focused, don't hide the element. let combinedStyles = React.useMemo(()=>{ if (isFocused) return style; else if (style) return { ...$5c3e21d68f1c4674$var$styles, ...style }; else return $5c3e21d68f1c4674$var$styles; }, [ isFocused ]); return { visuallyHiddenProps: { ...focusProps, style: combinedStyles } }; } function $5c3e21d68f1c4674$export$439d29a4e110a164(props) { // eslint-disable-next-line @typescript-eslint/no-unused-vars let { children: children , elementType: Element = 'div' , isFocusable: isFocusable , style: style , ...otherProps } = props; let { visuallyHiddenProps: visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab(props); return(/*#__PURE__*/ React__default["default"].createElement(Element, index.$3ef42575df84b30b$export$9d1611c77c2fe928(otherProps, visuallyHiddenProps), children)); } function getDefaultExportFromCjs (x) { return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x; } var style = {exports: {}}; var interopRequireDefault = {exports: {}}; (function (module) { function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports; }(interopRequireDefault)); var camelizeStyle = {exports: {}}; var camelize = {exports: {}}; (function (module, exports) { exports.__esModule = true; exports.default = camelize; var rHyphen = /-(.)/g; function camelize(string) { return string.replace(rHyphen, function (_, chr) { return chr.toUpperCase(); }); } module.exports = exports["default"]; }(camelize, camelize.exports)); (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = camelizeStyleName; var _camelize = _interopRequireDefault(camelize.exports); /** * Copyright 2014-2015, Facebook, Inc. * All rights reserved. * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js */ var msPattern = /^-ms-/; function camelizeStyleName(string) { return (0, _camelize.default)(string.replace(msPattern, 'ms-')); } module.exports = exports["default"]; }(camelizeStyle, camelizeStyle.exports)); var hyphenateStyle = {exports: {}}; var hyphenate = {exports: {}}; (function (module, exports) { exports.__esModule = true; exports.default = hyphenate; var rUpper = /([A-Z])/g; function hyphenate(string) { return string.replace(rUpper, '-$1').toLowerCase(); } module.exports = exports["default"]; }(hyphenate, hyphenate.exports)); (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = hyphenateStyleName; var _hyphenate = _interopRequireDefault(hyphenate.exports); /** * Copyright 2013-2014, Facebook, Inc. * All rights reserved. * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js */ var msPattern = /^ms-/; function hyphenateStyleName(string) { return (0, _hyphenate.default)(string).replace(msPattern, '-ms-'); } module.exports = exports["default"]; }(hyphenateStyle, hyphenateStyle.exports)); var getComputedStyle = {exports: {}}; (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = _getComputedStyle; var _camelizeStyle = _interopRequireDefault(camelizeStyle.exports); var rposition = /^(top|right|bottom|left)$/; var rnumnonpx = /^([+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|))(?!px)[a-z%]+$/i; function _getComputedStyle(node) { if (!node) throw new TypeError('No Element passed to `getComputedStyle()`'); var doc = node.ownerDocument; return 'defaultView' in doc ? doc.defaultView.opener ? node.ownerDocument.defaultView.getComputedStyle(node, null) : window.getComputedStyle(node, null) : { //ie 8 "magic" from: https://github.com/jquery/jquery/blob/1.11-stable/src/css/curCSS.js#L72 getPropertyValue: function getPropertyValue(prop) { var style = node.style; prop = (0, _camelizeStyle.default)(prop); if (prop == 'float') prop = 'styleFloat'; var current = node.currentStyle[prop] || null; if (current == null && style && style[prop]) current = style[prop]; if (rnumnonpx.test(current) && !rposition.test(prop)) { // Remember the original values var left = style.left; var runStyle = node.runtimeStyle; var rsLeft = runStyle && runStyle.left; // Put in the new values to get a computed value out if (rsLeft) runStyle.left = node.currentStyle.left; style.left = prop === 'fontSize' ? '1em' : current; current = style.pixelLeft + 'px'; // Revert the changed values style.left = left; if (rsLeft) runStyle.left = rsLeft; } return current; } }; } module.exports = exports["default"]; }(getComputedStyle, getComputedStyle.exports)); var removeStyle = {exports: {}}; (function (module, exports) { exports.__esModule = true; exports.default = removeStyle; function removeStyle(node, key) { return 'removeProperty' in node.style ? node.style.removeProperty(key) : node.style.removeAttribute(key); } module.exports = exports["default"]; }(removeStyle, removeStyle.exports)); var properties = {}; var inDOM = {exports: {}}; (function (module, exports) { exports.__esModule = true; exports.default = void 0; var _default = !!(typeof window !== 'undefined' && window.document && window.document.createElement); exports.default = _default; module.exports = exports["default"]; }(inDOM, inDOM.exports)); var _interopRequireDefault = interopRequireDefault.exports; properties.__esModule = true; properties.default = properties.animationEnd = properties.animationDelay = properties.animationTiming = properties.animationDuration = properties.animationName = properties.transitionEnd = properties.transitionDuration = properties.transitionDelay = properties.transitionTiming = properties.transitionProperty = properties.transform = void 0; var _inDOM = _interopRequireDefault(inDOM.exports); var transform = 'transform'; properties.transform = transform; var prefix, transitionEnd, animationEnd; properties.animationEnd = animationEnd; properties.transitionEnd = transitionEnd; var transitionProperty, transitionDuration, transitionTiming, transitionDelay; properties.transitionDelay = transitionDelay; properties.transitionTiming = transitionTiming; properties.transitionDuration = transitionDuration; properties.transitionProperty = transitionProperty; var animationName, animationDuration, animationTiming, animationDelay; properties.animationDelay = animationDelay; properties.animationTiming = animationTiming; properties.animationDuration = animationDuration; properties.animationName = animationName; if (_inDOM.default) { var _getTransitionPropert = getTransitionProperties(); prefix = _getTransitionPropert.prefix; properties.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd; properties.animationEnd = animationEnd = _getTransitionPropert.animationEnd; properties.transform = transform = prefix + "-" + transform; properties.transitionProperty = transitionProperty = prefix + "-transition-property"; properties.transitionDuration = transitionDuration = prefix + "-transition-duration"; properties.transitionDelay = transitionDelay = prefix + "-transition-delay"; properties.transitionTiming = transitionTiming = prefix + "-transition-timing-function"; properties.animationName = animationName = prefix + "-animation-name"; properties.animationDuration = animationDuration = prefix + "-animation-duration"; properties.animationTiming = animationTiming = prefix + "-animation-delay"; properties.animationDelay = animationDelay = prefix + "-animation-timing-function"; } var _default = { transform: transform, end: transitionEnd, property: transitionProperty, timing: transitionTiming, delay: transitionDelay, duration: transitionDuration }; properties.default = _default; function getTransitionProperties() { var style = document.createElement('div').style; var vendorMap = { O: function O(e) { return "o" + e.toLowerCase(); }, Moz: function Moz(e) { return e.toLowerCase(); }, Webkit: function Webkit(e) { return "webkit" + e; }, ms: function ms(e) { return "MS" + e; } }; var vendors = Object.keys(vendorMap); var transitionEnd, animationEnd; var prefix = ''; for (var i = 0; i < vendors.length; i++) { var vendor = vendors[i]; if (vendor + "TransitionProperty" in style) { prefix = "-" + vendor.toLowerCase(); transitionEnd = vendorMap[vendor]('TransitionEnd'); animationEnd = vendorMap[vendor]('AnimationEnd'); break; } } if (!transitionEnd && 'transitionProperty' in style) transitionEnd = 'transitionend'; if (!animationEnd && 'animationName' in style) animationEnd = 'animationend'; style = null; return { animationEnd: animationEnd, transitionEnd: transitionEnd, prefix: prefix }; } var isTransform = {exports: {}}; (function (module, exports) { exports.__esModule = true; exports.default = isTransform; var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i; function isTransform(property) { return !!(property && supportedTransforms.test(property)); } module.exports = exports["default"]; }(isTransform, isTransform.exports)); (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = style; var _camelizeStyle = _interopRequireDefault(camelizeStyle.exports); var _hyphenateStyle = _interopRequireDefault(hyphenateStyle.exports); var _getComputedStyle2 = _interopRequireDefault(getComputedStyle.exports); var _removeStyle = _interopRequireDefault(removeStyle.exports); var _properties = properties; var _isTransform = _interopRequireDefault(isTransform.exports); function style(node, property, value) { var css = ''; var transforms = ''; var props = property; if (typeof property === 'string') { if (value === undefined) { return node.style[(0, _camelizeStyle.default)(property)] || (0, _getComputedStyle2.default)(node).getPropertyValue((0, _hyphenateStyle.default)(property)); } else { (props = {})[property] = value; } } Object.keys(props).forEach(function (key) { var value = props[key]; if (!value && value !== 0) { (0, _removeStyle.default)(node, (0, _hyphenateStyle.default)(key)); } else if ((0, _isTransform.default)(key)) { transforms += key + "(" + value + ") "; } else { css += (0, _hyphenateStyle.default)(key) + ": " + value + ";"; } }); if (transforms) { css += _properties.transform + ": " + transforms + ";"; } node.style.cssText += ';' + css; } module.exports = exports["default"]; }(style, style.exports)); var $k7QOs$domhelpersstyle = /*@__PURE__*/getDefaultExportFromCjs(style.exports); var offset = {exports: {}}; var contains = {exports: {}}; (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = void 0; var _inDOM = _interopRequireDefault(inDOM.exports); var _default = function () { // HTML DOM and SVG DOM may have different support levels, // so we need to check on context instead of a document root element. return _inDOM.default ? function (context, node) { if (context.contains) { return context.contains(node); } else if (context.compareDocumentPosition) { return context === node || !!(context.compareDocumentPosition(node) & 16); } else { return fallback(context, node); } } : fallback; }(); exports.default = _default; function fallback(context, node) { if (node) do { if (node === context) return true; } while (node = node.parentNode); return false; } module.exports = exports["default"]; }(contains, contains.exports)); var isWindow = {exports: {}}; (function (module, exports) { exports.__esModule = true; exports.default = getWindow; function getWindow(node) { return node === node.window ? node : node.nodeType === 9 ? node.defaultView || node.parentWindow : false; } module.exports = exports["default"]; }(isWindow, isWindow.exports)); var ownerDocument = {exports: {}}; (function (module, exports) { exports.__esModule = true; exports.default = ownerDocument; function ownerDocument(node) { return node && node.ownerDocument || document; } module.exports = exports["default"]; }(ownerDocument, ownerDocument.exports)); var $k7QOs$domhelpersownerDocument = /*@__PURE__*/getDefaultExportFromCjs(ownerDocument.exports); (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = offset; var _contains = _interopRequireDefault(contains.exports); var _isWindow = _interopRequireDefault(isWindow.exports); var _ownerDocument = _interopRequireDefault(ownerDocument.exports); function offset(node) { var doc = (0, _ownerDocument.default)(node), win = (0, _isWindow.default)(doc), docElem = doc && doc.documentElement, box = { top: 0, left: 0, height: 0, width: 0 }; if (!doc) return; // Make sure it's not a disconnected DOM node if (!(0, _contains.default)(docElem, node)) return box; if (node.getBoundingClientRect !== undefined) box = node.getBoundingClientRect(); // IE8 getBoundingClientRect doesn't support width & height box = { top: box.top + (win.pageYOffset || docElem.scrollTop) - (docElem.clientTop || 0), left: box.left + (win.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || 0), width: (box.width == null ? node.offsetWidth : box.width) || 0, height: (box.height == null ? node.offsetHeight : box.height) || 0 }; return box; } module.exports = exports["default"]; }(offset, offset.exports)); var $k7QOs$domhelpersqueryoffset = /*@__PURE__*/getDefaultExportFromCjs(offset.exports); var position = {exports: {}}; var _extends = {exports: {}}; (function (module) { function _extends() { module.exports = _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; }, module.exports.__esModule = true, module.exports["default"] = module.exports; return _extends.apply(this, arguments); } module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports; }(_extends)); var offsetParent = {exports: {}}; (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = offsetParent; var _ownerDocument = _interopRequireDefault(ownerDocument.exports); var _style = _interopRequireDefault(style.exports); function nodeName(node) { return node.nodeName && node.nodeName.toLowerCase(); } function offsetParent(node) { var doc = (0, _ownerDocument.default)(node), offsetParent = node && node.offsetParent; while (offsetParent && nodeName(node) !== 'html' && (0, _style.default)(offsetParent, 'position') === 'static') { offsetParent = offsetParent.offsetParent; } return offsetParent || doc.documentElement; } module.exports = exports["default"]; }(offsetParent, offsetParent.exports)); var scrollTop = {exports: {}}; (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = scrollTop; var _isWindow = _interopRequireDefault(isWindow.exports); function scrollTop(node, val) { var win = (0, _isWindow.default)(node); if (val === undefined) return win ? 'pageYOffset' in win ? win.pageYOffset : win.document.documentElement.scrollTop : node.scrollTop; if (win) win.scrollTo('pageXOffset' in win ? win.pageXOffset : win.document.documentElement.scrollLeft, val);else node.scrollTop = val; } module.exports = exports["default"]; }(scrollTop, scrollTop.exports)); var $k7QOs$domhelpersqueryscrollTop = /*@__PURE__*/getDefaultExportFromCjs(scrollTop.exports); var scrollLeft = {exports: {}}; (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = scrollTop; var _isWindow = _interopRequireDefault(isWindow.exports); function scrollTop(node, val) { var win = (0, _isWindow.default)(node); if (val === undefined) return win ? 'pageXOffset' in win ? win.pageXOffset : win.document.documentElement.scrollLeft : node.scrollLeft; if (win) win.scrollTo(val, 'pageYOffset' in win ? win.pageYOffset : win.document.documentElement.scrollTop);else node.scrollLeft = val; } module.exports = exports["default"]; }(scrollLeft, scrollLeft.exports)); var $k7QOs$domhelpersqueryscrollLeft = /*@__PURE__*/getDefaultExportFromCjs(scrollLeft.exports); (function (module, exports) { var _interopRequireDefault = interopRequireDefault.exports; exports.__esModule = true; exports.default = position; var _extends2 = _interopRequireDefault(_extends.exports); var _offset = _interopRequireDefault(offset.exports); var _offsetParent = _interopRequireDefault(offsetParent.exports); var _scrollTop = _interopRequireDefault(scrollTop.exports); var _scrollLeft = _interopRequireDefault(scrollLeft.exports); var _style = _interopRequireDefault(style.exports); function nodeName(node) { return node.nodeName && node.nodeName.toLowerCase(); } function position(node, offsetParent) { var parentOffset = { top: 0, left: 0 }, offset; // Fixed elements are offset from window (parentOffset = {top:0, left: 0}, // because it is its only offset parent if ((0, _style.default)(node, 'position') === 'fixed') { offset = node.getBoundingClientRect(); } else { offsetParent = offsetParent || (0, _offsetParent.default)(node); offset = (0, _offset.default)(node); if (nodeName(offsetParent) !== 'html') parentOffset = (0, _offset.default)(offsetParent); parentOffset.top += parseInt((0, _style.default)(offsetParent, 'borderTopWidth'), 10) - (0, _scrollTop.default)(offsetParent) || 0; parentOffset.left += parseInt((0, _style.default)(offsetParent, 'borderLeftWidth'), 10) - (0, _scrollLeft.default)(offsetParent) || 0; } // Subtract parent offsets and node margins return (0, _extends2.default)({}, offset, { top: offset.top - parentOffset.top - (parseInt((0, _style.default)(node, 'marginTop'), 10) || 0), left: offset.left - parentOffset.left - (parseInt((0, _style.default)(node, 'marginLeft'), 10) || 0) }); } module.exports = exports["default"]; }(position, position.exports)); var $k7QOs$domhelpersqueryposition = /*@__PURE__*/getDefaultExportFromCjs(position.exports); function $parcel$export$b(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } function $parcel$interopDefault$1(a) { return a && a.__esModule ? a.default : a; } var $2a41e45df1593e64$exports = {}; $parcel$export$b($2a41e45df1593e64$exports, "useOverlayPosition", () => $2a41e45df1593e64$export$d39e1813b3bdd0e1); const $edcf132a9284368a$var$AXIS = { top: 'top', bottom: 'top', left: 'left', right: 'left' }; const $edcf132a9284368a$var$FLIPPED_DIRECTION = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' }; const $edcf132a9284368a$var$CROSS_AXIS = { top: 'left', left: 'top' }; const $edcf132a9284368a$var$AXIS_SIZE = { top: 'height', left: 'width' }; const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = { }; // @ts-ignore let $edcf132a9284368a$var$visualViewport = typeof window !== 'undefined' && window.visualViewport; function $edcf132a9284368a$var$getContainerDimensions(containerNode) { let width = 0, height = 0, top = 0, left = 0; let scroll = { }; if (containerNode.tagName === 'BODY') { var ref; width = (ref = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.width) !== null && ref !== void 0 ? ref : document.documentElement.clientWidth; var ref1; height = (ref1 = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.height) !== null && ref1 !== void 0 ? ref1 : document.documentElement.clientHeight; scroll.top = $k7QOs$domhelpersqueryscrollTop($k7QOs$domhelpersownerDocument(containerNode).documentElement) || $k7QOs$domhelpersqueryscrollTop(containerNode); scroll.left = $k7QOs$domhelpersqueryscrollLeft($k7QOs$domhelpersownerDocument(containerNode).documentElement) || $k7QOs$domhelpersqueryscrollLeft(containerNode); } else { ({ width: width , height: height , top: top , left: left } = $k7QOs$domhelpersqueryoffset(containerNode)); scroll.top = $k7QOs$domhelpersqueryscrollTop(containerNode); scroll.left = $k7QOs$domhelpersqueryscrollLeft(containerNode); } return { width: width, height: height, scroll: scroll, top: top, left: left }; } function $edcf132a9284368a$var$getScroll(node) { return { top: node.scrollTop, left: node.scrollLeft, width: node.scrollWidth, height: node.scrollHeight }; } function $edcf132a9284368a$var$getDelta(axis, offset, size, containerDimensions, padding) { let containerScroll = containerDimensions.scroll[axis]; let containerHeight = containerDimensions[$edcf132a9284368a$var$AXIS_SIZE[axis]]; let startEdgeOffset = offset - padding - containerScroll; let endEdgeOffset = offset + padding - containerScroll + size; if (startEdgeOffset < 0) return -startEdgeOffset; else if (endEdgeOffset > containerHeight) return Math.max(containerHeight - endEdgeOffset, -startEdgeOffset); else return 0; } function $edcf132a9284368a$var$getMargins(node) { let style = window.getComputedStyle(node); return { top: parseInt(style.marginTop, 10) || 0, bottom: parseInt(style.marginBottom, 10) || 0, left: parseInt(style.marginLeft, 10) || 0, right: parseInt(style.marginRight, 10) || 0 }; } function $edcf132a9284368a$var$parsePlacement(input) { if ($edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input]) return $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input]; let [placement, crossPlacement] = input.split(' '); let axis = $edcf132a9284368a$var$AXIS[placement] || 'right'; let crossAxis = $edcf132a9284368a$var$CROSS_AXIS[axis]; if (!$edcf132a9284368a$var$AXIS[crossPlacement]) crossPlacement = 'center'; let size = $edcf132a9284368a$var$AXIS_SIZE[axis]; let crossSize = $edcf132a9284368a$var$AXIS_SIZE[crossAxis]; $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input] = { placement: placement, crossPlacement: crossPlacement, axis: axis, crossAxis: crossAxis, size: size, crossSize: crossSize }; return $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input]; } function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned) { let { placement: placement , crossPlacement: crossPlacement , axis: axis , crossAxis: crossAxis , size: size , crossSize: crossSize } = placementInfo; let position = { }; // button position position[crossAxis] = childOffset[crossAxis]; if (crossPlacement === 'center') // + (button size / 2) - (overlay size / 2) // at this point the overlay center should match the button center position[crossAxis] += (childOffset[crossSize] - overlaySize[crossSize]) / 2; else if (crossPlacement !== crossAxis) // + (button size) - (overlay size) // at this point the overlay bottom should match the button bottom position[crossAxis] += childOffset[crossSize] - overlaySize[crossSize]; /* else { the overlay top should match the button top } */ // add the crossOffset from props position[crossAxis] += crossOffset; // this is button center position - the overlay size + half of the button to align bottom of overlay with button center let minViablePosition = childOffset[crossAxis] + childOffset[crossSize] / 2 - overlaySize[crossSize]; // this is button position of center, aligns top of overlay with button center let maxViablePosition = childOffset[crossAxis] + childOffset[crossSize] / 2; // clamp it into the range of the min/max positions position[crossAxis] = Math.min(Math.max(minViablePosition, position[crossAxis]), maxViablePosition); // Floor these so the position isn't placed on a partial pixel, only whole pixels. Shouldn't matter if it was floored or ceiled, so chose one. if (placement === axis) { // If the container is positioned (non-static), then we use the container's actual // height, as `bottom` will be relative to this height. But if the container is static, // then it can only be the `document.body`, and `bottom` will be relative to _its_ // container, which should be as large as boundaryDimensions. const containerHeight = isContainerPositioned ? containerOffsetWithBoundary[size] : boundaryDimensions[size]; position[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset); } else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset); return position; } function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding) { return position.top != null ? Math.max(0, boundaryDimensions.height + boundaryDimensions.top + boundaryDimensions.scroll.top - (containerOffsetWithBoundary.top + position.top) - (margins.top + margins.bottom + padding) // save additional space for margin and padding ) : Math.max(0, childOffset.top + containerOffsetWithBoundary.top - (boundaryDimensions.top + boundaryDimensions.scroll.top) - (margins.top + margins.bottom + padding) // save additional space for margin and padding ); } function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) { let { placement: placement , axis: axis , size: size } = placementInfo; if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - boundaryDimensions.scroll[axis] + containerOffsetWithBoundary[axis] - margins[axis] - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding); return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - margins[axis] - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding); } function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight) { let placementInfo = $edcf132a9284368a$var$parsePlacement(placementInput); let { size: size , crossAxis: crossAxis , crossSize: crossSize , placement: placement , crossPlacement: crossPlacement } = placementInfo; let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned); let normalizedOffset = offset; let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo); // Check if the scroll size of the overlay is greater than the available space to determine if we need to flip if (flip && scrollSize[size] > space) { let flippedPlacementInfo = $edcf132a9284368a$var$parsePlacement(`${$edcf132a9284368a$var$FLIPPED_DIRECTION[placement]} ${crossPlacement}`); let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned); let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo); // If the available space for the flipped position is greater than the original available space, flip. if (flippedSpace > space) { placementInfo = flippedPlacementInfo; position = flippedPosition; normalizedOffset = offset; } } let delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, padding); position[crossAxis] += delta; let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding); if (userSetMaxHeight && userSetMaxHeight < maxHeight) maxHeight = userSetMaxHeight; overlaySize.height = Math.min(overlaySize.height, maxHeight); position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned); delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, padding); position[crossAxis] += delta; let arrowPosition = { }; arrowPosition[crossAxis] = childOffset[crossAxis] - position[crossAxis] + childOffset[crossSize] / 2; return { position: position, maxHeight: maxHeight, arrowOffsetLeft: arrowPosition.left, arrowOffsetTop: arrowPosition.top, placement: placementInfo.placement }; } function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) { let { placement: placement , targetNode: targetNode , overlayNode: overlayNode , scrollNode: scrollNode , padding: padding , shouldFlip: shouldFlip , boundaryElement: boundaryElement , offset: offset , crossOffset: crossOffset , maxHeight: maxHeight } = opts; let container = overlayNode.offsetParent || document.body; let isBodyContainer = container.tagName === 'BODY'; const containerPositionStyle = window.getComputedStyle(container).position; let isContainerPositioned = !!containerPositionStyle && containerPositionStyle !== 'static'; let childOffset = isBodyContainer ? $k7QOs$domhelpersqueryoffset(targetNode) : $k7QOs$domhelpersqueryposition(targetNode, container); if (!isBodyContainer) { childOffset.top += parseInt($k7QOs$domhelpersstyle(targetNode, 'marginTop'), 10) || 0; childOffset.left += parseInt($k7QOs$domhelpersstyle(targetNode, 'marginLeft'), 10) || 0; } let overlaySize = $k7QOs$domhelpersqueryoffset(overlayNode); let margins = $edcf132a9284368a$var$getMargins(overlayNode); overlaySize.width += margins.left + margins.right; overlaySize.height += margins.top + margins.bottom; let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode); let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement); let containerOffsetWithBoundary = boundaryElement.tagName === 'BODY' ? $k7QOs$domhelpersqueryoffset(container) : $k7QOs$domhelpersqueryposition(container, boundaryElement); return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight); } const $dd149f63282afbbf$export$f6211563215e3b37 = new WeakMap(); function $dd149f63282afbbf$export$18fc8428861184da(opts) { let { triggerRef: triggerRef , isOpen: isOpen , onClose: onClose } = opts; React.useEffect(()=>{ if (!isOpen) return; let onScroll = (e)=>{ // Ignore if scrolling an scrollable region outside the trigger's tree. let target = e.target; // window is not a Node and doesn't have contain, but window contains everything if (!triggerRef.current || target instanceof Node && !target.contains(triggerRef.current)) return; let onCloseHandler = onClose || $dd149f63282afbbf$export$f6211563215e3b37.get(triggerRef.current); if (onCloseHandler) onCloseHandler(); }; window.addEventListener('scroll', onScroll, true); return ()=>{ window.removeEventListener('scroll', onScroll, true); }; }, [ isOpen, onClose, triggerRef ]); } // @ts-ignore let $2a41e45df1593e64$var$visualViewport = typeof window !== 'undefined' && window.visualViewport; function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) { let { direction: direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(); let { targetRef: targetRef , overlayRef: overlayRef , scrollRef: scrollRef = overlayRef , placement: placement = 'bottom' , containerPadding: containerPadding = 12 , shouldFlip: shouldFlip = true , boundaryElement: boundaryElement = typeof document !== 'undefined' ? document.body : null , offset: offset = 0 , crossOffset: crossOffset = 0 , shouldUpdatePosition: shouldUpdatePosition = true , isOpen: isOpen = true , onClose: onClose , maxHeight: maxHeight } = props; let [position, setPosition] = React.useState({ position: { }, arrowOffsetLeft: undefined, arrowOffsetTop: undefined, maxHeight: undefined, placement: undefined }); let deps = [ shouldUpdatePosition, placement, overlayRef.current, targetRef.current, scrollRef.current, containerPadding, shouldFlip, boundaryElement, offset, crossOffset, isOpen, direction, maxHeight ]; let updatePosition = React.useCallback(()=>{ if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !scrollRef.current || !boundaryElement) return; setPosition($edcf132a9284368a$export$b3ceb0cbf1056d98({ placement: $2a41e45df1593e64$var$translateRTL(placement, direction), overlayNode: overlayRef.current, targetNode: targetRef.current, scrollNode: scrollRef.current, padding: containerPadding, shouldFlip: shouldFlip, boundaryElement: boundaryElement, offset: offset, crossOffset: crossOffset, maxHeight: maxHeight })); }, deps); // Update position when anything changes index.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(updatePosition, deps); // Update position on window resize $2a41e45df1593e64$var$useResize(updatePosition); // Reposition the overlay and do not close on scroll while the visual viewport is resizing. // This will ensure that overlays adjust their positioning when the iOS virtual keyboard appears. let isResizing = React.useRef(false); index.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{ let timeout; let onResize = ()=>{ isResizing.current = true; clearTimeout(timeout); timeout = setTimeout(()=>{ isResizing.current = false; }, 500); updatePosition(); }; $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.addEventListener('resize', onResize); return ()=>{ $2a41e45df1593e64$var$visualViewport === null || $2a41e45df1593e64$var$visualViewport === void 0 ? void 0 : $2a41e45df1593e64$var$visualViewport.removeEventListener('resize', onResize); }; }, [ updatePosition ]); let close = React.useCallback(()=>{ if (!isResizing.current) onClose(); }, [ onClose, isResizing ]); // When scrolling a parent scrollable region of the trigger (other than the body), // we hide the popover. Otherwise, its position would be incorrect. $dd149f63282afbbf$export$18fc8428861184da({ triggerRef: targetRef, isOpen: isOpen, onClose: onClose ? close : undefined }); return { overlayProps: { style: { position: 'absolute', zIndex: 100000, ...position.position, maxHeight: position.maxHeight } }, placement: position.placement, arrowProps: { style: { left: position.arrowOffsetLeft, top: position.arrowOffsetTop } }, updatePosition: updatePosition }; } function $2a41e45df1593e64$var$useResize(onResize) { index.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{ window.addEventListener('resize', onResize, false); return ()=>{ window.removeEventListener('resize', onResize, false); }; }, [ onResize ]); } function $2a41e45df1593e64$var$translateRTL(position, direction) { if (direction === 'rtl') return position.replace('start', 'right').replace('end', 'left'); return position.replace('start', 'left').replace('end', 'right'); } var $a11501f3d1d39e6c$exports = {}; $parcel$export$b($a11501f3d1d39e6c$exports, "useOverlay", () => $a11501f3d1d39e6c$export$ea8f71083e90600f); const $a11501f3d1d39e6c$var$visibleOverlays = []; function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) { let { onClose: onClose , shouldCloseOnBlur: shouldCloseOnBlur , isOpen: isOpen , isDismissable: isDismissable = false , isKeyboardDismissDisabled: isKeyboardDismissDisabled = false , shouldCloseOnInteractOutside: shouldCloseOnInteractOutside } = props; // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount. React.useEffect(()=>{ if (isOpen) $a11501f3d1d39e6c$var$visibleOverlays.push(ref); return ()=>{ let index = $a11501f3d1d39e6c$var$visibleOverlays.indexOf(ref); if (index >= 0) $a11501f3d1d39e6c$var$visibleOverlays.splice(index, 1); }; }, [ isOpen, ref ]); // Only hide the overlay when it is the topmost visible overlay in the stack. let onHide = ()=>{ if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref && onClose) onClose(); }; let onInteractOutsideStart = (e)=>{ if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) { if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref) { e.stopPropagation(); e.preventDefault(); } } }; let onInteractOutside = (e)=>{ if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) { if ($a11501f3d1d39e6c$var$visibleOverlays[$a11501f3d1d39e6c$var$visibleOverlays.length - 1] === ref) { e.stopPropagation(); e.preventDefault(); } onHide(); } }; // Handle the escape key let onKeyDown = (e)=>{ if (e.key === 'Escape' && !isKeyboardDismissDisabled) { e.preventDefault(); onHide(); } }; // Handle clicking outside the overlay to close it index.$e0b6e0b68ec7f50f$export$872b660ac5a1ff98({ ref: ref, onInteractOutside: isDismissable ? onInteractOutside : null, onInteractOutsideStart: onInteractOutsideStart }); let { focusWithinProps: focusWithinProps } = index.$9ab94262bd0047c7$export$420e68273165f4ec({ isDisabled: !shouldCloseOnBlur, onBlurWithin: (e)=>{ if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose(); } }); let onPointerDownUnderlay = (e)=>{ // fixes a firefox issue that starts text selection https://bugzilla.mozilla.org/show_bug.cgi?id=1675846 if (e.target === e.currentTarget) e.preventDefault(); }; return { overlayProps: { onKeyDown: onKeyDown, ...focusWithinProps }, underlayProps: { onPointerDown: onPointerDownUnderlay } }; } var $628037886ba31236$exports = {}; $parcel$export$b($628037886ba31236$exports, "useOverlayTrigger", () => $628037886ba31236$export$f9d5c8beee7d008d); function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) { let { type: type } = props; let { isOpen: isOpen } = state; // Backward compatibility. Share state close function with useOverlayPosition so it can close on scroll // without forcing users to pass onClose. React.useEffect(()=>{ if (ref && ref.current) $dd149f63282afbbf$export$f6211563215e3b37.set(ref.current, state.close); }); // Aria 1.1 supports multiple values for aria-haspopup other than just menus. // https://www.w3.org/TR/wai-aria-1.1/#aria-haspopup // However, we only add it for menus for now because screen readers often // announce it as a menu even for other values. let ariaHasPopup = undefined; if (type === 'menu') ariaHasPopup = true; else if (type === 'listbox') ariaHasPopup = 'listbox'; let overlayId = index.$bdb11010cef70236$export$f680877a34711e37(); return { triggerProps: { 'aria-haspopup': ariaHasPopup, 'aria-expanded': isOpen, 'aria-controls': isOpen ? overlayId : null }, overlayProps: { id: overlayId } }; } var $49c51c25361d4cd2$exports = {}; $parcel$export$b($49c51c25361d4cd2$exports, "usePreventScroll", () => $49c51c25361d4cd2$export$ee0f7cc6afcd1c18); // @ts-ignore const $49c51c25361d4cd2$var$visualViewport = typeof window !== 'undefined' && window.visualViewport; // HTML input types that do not cause the software keyboard to appear. const $49c51c25361d4cd2$var$nonTextInputTypes = new Set([ 'checkbox', 'radio', 'range', 'color', 'file', 'image', 'button', 'submit', 'reset' ]); function $49c51c25361d4cd2$export$ee0f7cc6afcd1c18(options = { }) { let { isDisabled: isDisabled } = options; index.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{ if (isDisabled) return; if (index.$c87311424ea30a05$export$fedb369cb70207f1()) return $49c51c25361d4cd2$var$preventScrollMobileSafari(); else return $49c51c25361d4cd2$var$preventScrollStandard(); }, [ isDisabled ]); } // For most browsers, all we need to do is set `overflow: hidden` on the root element, and // add some padding to prevent the page from shifting when the scrollbar is hidden. function $49c51c25361d4cd2$var$preventScrollStandard() { return index.$ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$setStyle(document.documentElement, 'paddingRight', `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, 'overflow', 'hidden')); } // Mobile Safari is a whole different beast. Even with overflow: hidden, // it still scrolls the page in many situations: // // 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed. // 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of // it, so it becomes scrollable. // 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport. // This may cause even fixed position elements to scroll off the screen. // 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always // scrolls, even if the input is inside a nested scrollable element that could be scrolled instead. // // In order to work around these cases, and prevent scrolling without jankiness, we do a few things: // // 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling // on the window. // 2. Prevent default on `touchmove` events inside a scrollable element when the scroll position is at the // top or bottom. This avoids the whole page scrolling instead, but does prevent overscrolling. // 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves. // 4. When focusing an input, apply a transform to trick Safari into thinking the input is at the top // of the page, which prevents it from scrolling the page. After the input is focused, scroll the element // into view ourselves, without scrolling the whole page. // 5. Offset the body by the scroll position using a negative margin and scroll to the top. This should appear the // same visually, but makes the actual scroll position always zero. This is required to make all of the // above work or Safari will still try to scroll the page when focusing an input. // 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting // to navigate to an input with the next/previous buttons that's outside a modal. function $49c51c25361d4cd2$var$preventScrollMobileSafari() { let scrollable; let lastY = 0; let onTouchStart = (e)=>{ // Store the nearest scrollable parent element from the element that the user touched. scrollable = index.$62d8ded9296f3872$export$cfa2225e87938781(e.target); if (scrollable === document.documentElement && scrollable === document.body) return; lastY = e.changedTouches[0].pageY; }; let onTouchMove = (e)=>{ // Prevent scrolling the window. if (scrollable === document.documentElement || scrollable === document.body) { e.preventDefault(); return; } // Prevent scrolling up when at the top and scrolling down when at the bottom // of a nested scrollable area, otherwise mobile Safari will start scrolling // the window instead. Unfortunately, this disables bounce scrolling when at // the top but it's the best we can do. let y = e.changedTouches[0].pageY; let scrollTop = scrollable.scrollTop; let bottom = scrollable.scrollHeight - scrollable.clientHeight; if (scrollTop <= 0 && y > lastY || scrollTop >= bottom && y < lastY) e.preventDefault(); lastY = y; }; let onTouchEnd = (e)=>{ let target = e.target; // Apply this change if we're not already focused on the target element if (target instanceof HTMLInputElement && !$49c51c25361d4cd2$var$nonTextInputTypes.has(target.type) && target !== document.activeElement) { e.preventDefault(); // Apply a transform to trick Safari into thinking the input is at the top of the page // so it doesn't try to scroll it into view. When tapping on an input, this needs to // be done before the "focus" event, so we have to focus the element ourselves. target.style.transform = 'translateY(-2000px)'; target.focus(); requestAnimationFrame(()=>{ target.style.transform = ''; }); } }; let onFocus = (e)=>{ let target = e.target; if (target instanceof HTMLInputElement && !$49c51c25361d4cd2$var$nonTextInputTypes.has(target.type)) { // Transform also needs to be applied in the focus event in cases where focus moves // other than tapping on an input directly, e.g. the next/previous buttons in the // software keyboard. In these cases, it seems applying the transform in the focus event // is good enough, whereas when tapping an input, it must be done before the focus event. 🤷‍♂️ target.style.transform = 'translateY(-2000px)'; requestAnimationFrame(()=>{ target.style.transform = ''; // This will have prevented the browser from scrolling the focused element into view, // so we need to do this ourselves in a way that doesn't cause the whole page to scroll. if ($49c51c25361d4cd2$var$visualViewport) { if ($49c51c25361d4cd2$var$visualViewport.height < window.innerHeight) // If the keyboard is already visible, do this after one additional frame // to wait for the transform to be removed. requestAnimationFrame(()=>{ $49c51c25361d4cd2$var$scrollIntoView(target); }); else // Otherwise, wait for the visual viewport to resize before scrolling so we can // measure the correct position to scroll to. $49c51c25361d4cd2$var$visualViewport.addEventListener('resize', ()=>$49c51c25361d4cd2$var$scrollIntoView(target) , { once: true }); } }); } }; let onWindowScroll = ()=>{ // Last resort. If the window scrolled, scroll it back to the top. // It should always be at the top because the body will have a negative margin (see below). window.scrollTo(0, 0); }; // Record the original scroll position so we can restore it. // Then apply a negative margin to the body to offset it by the scroll position. This will // enable us to scroll the window to the top, which is required for the rest of this to work. let scrollX = window.pageXOffset; let scrollY = window.pageYOffset; let restoreStyles = index.$ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$setStyle(document.documentElement, 'paddingRight', `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, 'overflow', 'hidden'), $49c51c25361d4cd2$var$setStyle(document.body, 'marginTop', `-${scrollY}px`)); // Scroll to the top. The negative margin on the body will make this appear the same. window.scrollTo(0, 0); let removeEvents = index.$ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$addEvent(document, 'touchstart', onTouchStart, { passive: false, capture: true }), $49c51c25361d4cd2$var$addEvent(document, 'touchmove', onTouchMove, { passive: false, capture: true }), $49c51c25361d4cd2$var$addEvent(document, 'touchend', onTouchEnd, { passive: false, capture: true }), $49c51c25361d4cd2$var$addEvent(document, 'focus', onFocus, true), $49c51c25361d4cd2$var$addEvent(window, 'scroll', onWindowScroll)); return ()=>{ // Restore styles and scroll the page back to where it was. restoreStyles(); removeEvents(); window.scrollTo(scrollX, scrollY); }; } // Sets a CSS property on an element, and returns a function to revert it to the previous value. function $49c51c25361d4cd2$var$setStyle(element, style, value) { let cur = element.style[style]; element.style[style] = value; return ()=>{ element.style[style] = cur; }; } // Adds an event listener to an element, and returns a function to remove it. function $49c51c25361d4cd2$var$addEvent(target, event, handler, options) { target.addEventListener(event, handler, options); return ()=>{ target.removeEventListener(event, handler, options); }; } function $49c51c25361d4cd2$var$scrollIntoView(target) { // Find the parent scrollable element and adjust the scroll position if the target is not already in view. let scrollable = index.$62d8ded9296f3872$export$cfa2225e87938781(target); if (scrollable !== document.documentElement && scrollable !== document.body) { let scrollableTop = scrollable.getBoundingClientRect().top; let targetTop = target.getBoundingClientRect().top; if (targetTop > scrollableTop + target.clientHeight) scrollable.scrollTop += targetTop - scrollableTop; } } var $f57aed4a881a3485$exports = {}; $parcel$export$b($f57aed4a881a3485$exports, "ModalProvider", () => $f57aed4a881a3485$export$178405afcd8c5eb); $parcel$export$b($f57aed4a881a3485$exports, "useModalProvider", () => $f57aed4a881a3485$export$d9aaed4c3ece1bc0); $parcel$export$b($f57aed4a881a3485$exports, "OverlayProvider", () => $f57aed4a881a3485$export$bf688221f59024e5); $parcel$export$b($f57aed4a881a3485$exports, "OverlayContainer", () => $f57aed4a881a3485$export$b47c3594eab58386); $parcel$export$b($f57aed4a881a3485$exports, "useModal", () => $f57aed4a881a3485$export$33ffd74ebf07f060); const $f57aed4a881a3485$var$Context = /*#__PURE__*/ React__default["default"].createContext(null); function $f57aed4a881a3485$export$178405afcd8c5eb(props) { let { children: children } = props; let parent = React.useContext($f57aed4a881a3485$var$Context); let [modalCount, setModalCount] = React.useState(0); let context = React.useMemo(()=>({ parent: parent, modalCount: modalCount, addModal () { setModalCount((count)=>count + 1 ); if (parent) parent.addModal(); }, removeModal () { setModalCount((count)=>count - 1 ); if (parent) parent.removeModal(); } }) , [ parent, modalCount ]); return(/*#__PURE__*/ React__default["default"].createElement($f57aed4a881a3485$var$Context.Provider, { value: context }, children)); } function $f57aed4a881a3485$export$d9aaed4c3ece1bc0() { let context = React.useContext($f57aed4a881a3485$var$Context); return { modalProviderProps: { 'aria-hidden': context && context.modalCount > 0 ? true : null } }; } /** * Creates a root node that will be aria-hidden if there are other modals open. */ function $f57aed4a881a3485$var$OverlayContainerDOM(props) { let { modalProviderProps: modalProviderProps } = $f57aed4a881a3485$export$d9aaed4c3ece1bc0(); return(/*#__PURE__*/ React__default["default"].createElement("div", { "data-overlay-container": true, ...props, ...modalProviderProps })); } function $f57aed4a881a3485$export$bf688221f59024e5(props) { return(/*#__PURE__*/ React__default["default"].createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /*#__PURE__*/ React__default["default"].createElement($f57aed4a881a3485$var$OverlayContainerDOM, props))); } function $f57aed4a881a3485$export$b47c3594eab58386(props) { let { portalContainer: portalContainer = document.body , ...rest } = props; React__default["default"].useEffect(()=>{ if (portalContainer.closest('[data-overlay-container]')) throw new Error('An OverlayContainer must not be inside another container. Please change the portalContainer prop.'); }, [ portalContainer ]); let contents = /*#__PURE__*/ React__default["default"].createElement($f57aed4a881a3485$export$bf688221f59024e5, rest); return(/*#__PURE__*/ $9Q8De$reactdom__default["default"].createPortal(contents, portalContainer)); } function $f57aed4a881a3485$export$33ffd74ebf07f060(options) { // Add aria-hidden to all parent providers on mount, and restore on unmount. let context = React.useContext($f57aed4a881a3485$var$Context); if (!context) throw new Error('Modal is not contained within a provider'); React.useEffect(()=>{ if ((options === null || options === void 0 ? void 0 : options.isDisabled) || !context || !context.parent) return; // The immediate context is from the provider containing this modal, so we only // want to trigger aria-hidden on its parents not on the modal provider itself. context.parent.addModal(); return ()=>{ if (context && context.parent) context.parent.removeModal(); }; }, [ context, context.parent, options === null || options === void 0 ? void 0 : options.isDisabled ]); return { modalProps: { 'data-ismodal': !(options === null || options === void 0 ? void 0 : options.isDisabled) } }; } var $86ea4cb521eb2e37$exports = {}; $parcel$export$b($86ea4cb521eb2e37$exports, "DismissButton", () => $86ea4cb521eb2e37$export$2317d149ed6f78c4); var $61fe14465afefc5e$exports = {}; var $773d5888b972f1cf$exports = {}; $773d5888b972f1cf$exports = JSON.parse("{\"dismiss\":\"تجاهل\"}"); var $d11f19852b941573$exports = {}; $d11f19852b941573$exports = JSON.parse("{\"dismiss\":\"Отхвърляне\"}"); var $b983974c2ee1efb3$exports = {}; $b983974c2ee1efb3$exports = JSON.parse("{\"dismiss\":\"Odstranit\"}"); var $5809cc9d4e92de73$exports = {}; $5809cc9d4e92de73$exports = JSON.parse("{\"dismiss\":\"Luk\"}"); var $c68c2e4fc74398d1$exports = {}; $c68c2e4fc74398d1$exports = JSON.parse("{\"dismiss\":\"Schließen\"}"); var $0898b4c153db2b77$exports = {}; $0898b4c153db2b77$exports = JSON.parse("{\"dismiss\":\"Απόρριψη\"}"); var $6d74810286a15183$exports = {}; $6d74810286a15183$exports = JSON.parse("{\"dismiss\":\"Dismiss\"}"); var $309d73dc65f78055$exports = {}; $309d73dc65f78055$exports = JSON.parse("{\"dismiss\":\"Descartar\"}"); var $44ad94f7205cf593$exports = {}; $44ad94f7205cf593$exports = JSON.parse("{\"dismiss\":\"Lõpeta\"}"); var $7c28f5687f0779a9$exports = {}; $7c28f5687f0779a9$exports = JSON.parse("{\"dismiss\":\"Hylkää\"}"); var $e6d75df4b68bd73a$exports = {}; $e6d75df4b68bd73a$exports = JSON.parse("{\"dismiss\":\"Rejeter\"}"); var $87505c9dab186d0f$exports = {}; $87505c9dab186d0f$exports = JSON.parse("{\"dismiss\":\"התעלם\"}"); var $553439c3ffb3e492$exports = {}; $553439c3ffb3e492$exports = JSON.parse("{\"dismiss\":\"Odbaci\"}"); var $74cf411061b983a2$exports = {}; $74cf411061b983a2$exports = JSON.parse("{\"dismiss\":\"Elutasítás\"}"); var $e933f298574dc435$exports = {}; $e933f298574dc435$exports = JSON.parse("{\"dismiss\":\"Ignora\"}"); var $ac91fc9fe02f71f6$exports = {}; $ac91fc9fe02f71f6$exports = JSON.parse("{\"dismiss\":\"閉じる\"}"); var $52b96f86422025af$exports = {}; $52b96f86422025af$exports = JSON.parse("{\"dismiss\":\"무시\"}"); var $c0d724c3e51dafa6$exports = {}; $c0d724c3e51dafa6$exports = JSON.parse("{\"dismiss\":\"Atmesti\"}"); var $c92899672a3fe72e$exports = {}; $c92899672a3fe72e$exports = JSON.parse("{\"dismiss\":\"Nerādīt\"}"); var $9f576b39d8e7a9d6$exports = {}; $9f576b39d8e7a9d6$exports = JSON.parse("{\"dismiss\":\"Lukk\"}"); var $9d025808aeec81a7$exports = {}; $9d025808aeec81a7$exports = JSON.parse("{\"dismiss\":\"Negeren\"}"); var $fce709921e2c0fa6$exports = {}; $fce709921e2c0fa6$exports = JSON.parse("{\"dismiss\":\"Zignoruj\"}"); var $2599cf0c4ab37f59$exports = {}; $2599cf0c4ab37f59$exports = JSON.parse("{\"dismiss\":\"Descartar\"}"); var $3c220ae7ef8a35fd$exports = {}; $3c220ae7ef8a35fd$exports = JSON.parse("{\"dismiss\":\"Dispensar\"}"); var $93562b5094072f54$exports = {}; $93562b5094072f54$exports = JSON.parse("{\"dismiss\":\"Revocare\"}"); var $cd9e2abd0d06c7b4$exports = {}; $cd9e2abd0d06c7b4$exports = JSON.parse("{\"dismiss\":\"Пропустить\"}"); var $45375701f409adf1$exports = {}; $45375701f409adf1$exports = JSON.parse("{\"dismiss\":\"Zrušiť\"}"); var $27fab53a576de9dd$exports = {}; $27fab53a576de9dd$exports = JSON.parse("{\"dismiss\":\"Opusti\"}"); var $4438748d9952e7c7$exports = {}; $4438748d9952e7c7$exports = JSON.parse("{\"dismiss\":\"Odbaci\"}"); var $0936d7347ef4da4c$exports = {}; $0936d7347ef4da4c$exports = JSON.parse("{\"dismiss\":\"Avvisa\"}"); var $29700c92185d38f8$exports = {}; $29700c92185d38f8$exports = JSON.parse("{\"dismiss\":\"Kapat\"}"); var $662ccaf2be4c25b3$exports = {}; $662ccaf2be4c25b3$exports = JSON.parse("{\"dismiss\":\"Скасувати\"}"); var $d80a27deda7cdb3c$exports = {}; $d80a27deda7cdb3c$exports = JSON.parse("{\"dismiss\":\"取消\"}"); var $2b2734393847c884$exports = {}; $2b2734393847c884$exports = JSON.parse("{\"dismiss\":\"關閉\"}"); $61fe14465afefc5e$exports = { "ar-AE": $773d5888b972f1cf$exports, "bg-BG": $d11f19852b941573$exports, "cs-CZ": $b983974c2ee1efb3$exports, "da-DK": $5809cc9d4e92de73$exports, "de-DE": $c68c2e4fc74398d1$exports, "el-GR": $0898b4c153db2b77$exports, "en-US": $6d74810286a15183$exports, "es-ES": $309d73dc65f78055$exports, "et-EE": $44ad94f7205cf593$exports, "fi-FI": $7c28f5687f0779a9$exports, "fr-FR": $e6d75df4b68bd73a$exports, "he-IL": $87505c9dab186d0f$exports, "hr-HR": $553439c3ffb3e492$exports, "hu-HU": $74cf411061b983a2$exports, "it-IT": $e933f298574dc435$exports, "ja-JP": $ac91fc9fe02f71f6$exports, "ko-KR": $52b96f86422025af$exports, "lt-LT": $c0d724c3e51dafa6$exports, "lv-LV": $c92899672a3fe72e$exports, "nb-NO": $9f576b39d8e7a9d6$exports, "nl-NL": $9d025808aeec81a7$exports, "pl-PL": $fce709921e2c0fa6$exports, "pt-BR": $2599cf0c4ab37f59$exports, "pt-PT": $3c220ae7ef8a35fd$exports, "ro-RO": $93562b5094072f54$exports, "ru-RU": $cd9e2abd0d06c7b4$exports, "sk-SK": $45375701f409adf1$exports, "sl-SI": $27fab53a576de9dd$exports, "sr-SP": $4438748d9952e7c7$exports, "sv-SE": $0936d7347ef4da4c$exports, "tr-TR": $29700c92185d38f8$exports, "uk-UA": $662ccaf2be4c25b3$exports, "zh-CN": $d80a27deda7cdb3c$exports, "zh-TW": $2b2734393847c884$exports }; function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) { let { onDismiss: onDismiss , ...otherProps } = props; let formatMessage = $321bc95feeb923dd$export$ec23bf898b1eed85((/*@__PURE__*/$parcel$interopDefault$1($61fe14465afefc5e$exports))); let labels = index.$313b98861ee5dd6c$export$d6875122194c7b44(otherProps, formatMessage('dismiss')); let onClick = ()=>{ if (onDismiss) onDismiss(); }; return(/*#__PURE__*/ React__default["default"].createElement($5c3e21d68f1c4674$export$439d29a4e110a164, null, /*#__PURE__*/ React__default["default"].createElement("button", { ...labels, tabIndex: -1, onClick: onClick }))); } var $5e3802645cc19319$exports = {}; $parcel$export$b($5e3802645cc19319$exports, "ariaHideOutside", () => $5e3802645cc19319$export$1c3ebcada18427bf); /* * Copyright 2020 Adobe. All rights reserved. * This file is licensed to you under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. You may obtain a copy * of the License at http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ // Keeps a ref count of all hidden elements. Added to when hiding an element, and // subtracted from when showing it again. When it reaches zero, aria-hidden is removed. let $5e3802645cc19319$var$refCountMap = new WeakMap(); function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body) { let visibleNodes = new Set(targets); let hiddenNodes = new Set(); let walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, { acceptNode (node) { // If this node is a live announcer, add it to the set of nodes to keep visible. if (node instanceof HTMLElement && node.dataset.liveAnnouncer === 'true') visibleNodes.add(node); // Skip this node and its children if it is one of the target nodes, or a live announcer. // Also skip children of already hidden nodes, as aria-hidden is recursive. if (visibleNodes.has(node) || hiddenNodes.has(node.parentElement)) return NodeFilter.FILTER_REJECT; // VoiceOver on iOS has issues hiding elements with role="row". Hide the cells inside instead. // https://bugs.webkit.org/show_bug.cgi?id=222623 if (node instanceof HTMLElement && node.getAttribute('role') === 'row') return NodeFilter.FILTER_SKIP; // Skip this node but continue to children if one of the targets is inside the node. if (targets.some((target)=>node.contains(target) )) return NodeFilter.FILTER_SKIP; return NodeFilter.FILTER_ACCEPT; } }); let hide = (node)=>{ var ref; let refCount = (ref = $5e3802645cc19319$var$refCountMap.get(node)) !== null && ref !== void 0 ? ref : 0; // If already aria-hidden, and the ref count is zero, then this element // was already hidden and there's nothing for us to do. if (node.getAttribute('aria-hidden') === 'true' && refCount === 0) return; if (refCount === 0) node.setAttribute('aria-hidden', 'true'); hiddenNodes.add(node); $5e3802645cc19319$var$refCountMap.set(node, refCount + 1); }; let node1 = walker.nextNode(); while(node1 != null){ hide(node1); node1 = walker.nextNode(); } let observer = new MutationObserver((changes)=>{ for (let change of changes){ if (change.type !== 'childList' || change.addedNodes.length === 0) continue; // If the parent element of the added nodes is not within one of the targets, // and not already inside a hidden node, hide all of the new children. if (![ ...visibleNodes, ...hiddenNodes ].some((node)=>node.contains(change.target) )) for (let node2 of change.addedNodes){ if (node2 instanceof HTMLElement && node2.dataset.liveAnnouncer === 'true') visibleNodes.add(node2); else if (node2 instanceof Element) hide(node2); } } }); observer.observe(root, { childList: true, subtree: true }); return ()=>{ observer.disconnect(); for (let node of hiddenNodes){ let count = $5e3802645cc19319$var$refCountMap.get(node); if (count === 1) { node.removeAttribute('aria-hidden'); $5e3802645cc19319$var$refCountMap.delete(node); } else $5e3802645cc19319$var$refCountMap.set(node, count - 1); } }; } function $parcel$export$a(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $ae20dd8cbca75726$exports = {}; $parcel$export$a($ae20dd8cbca75726$exports, "useSelectableCollection", () => $ae20dd8cbca75726$export$d6daf82dcd84e87c); function $feb5ffebff200149$export$d3e3bd3e26688c04(e) { // Ctrl + Arrow Up/Arrow Down has a system wide meaning on macOS, so use Alt instead. // On Windows and Ubuntu, Alt + Space has a system wide meaning. return index.$c87311424ea30a05$export$e1865c3bedcd822b() ? e.altKey : e.ctrlKey; } function $feb5ffebff200149$export$16792effe837dba3(e) { if (index.$c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey; return e.ctrlKey; } var $fb3050f43d946246$exports = {}; $parcel$export$a($fb3050f43d946246$exports, "useTypeSelect", () => $fb3050f43d946246$export$e32c88dfddc6e1d8); function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) { let { keyboardDelegate: keyboardDelegate , selectionManager: selectionManager , onTypeSelect: onTypeSelect } = options; let state = React.useRef({ search: '', timeout: null }).current; let onKeyDown = (e)=>{ let character = $fb3050f43d946246$var$getStringForKey(e.key); if (!character || e.ctrlKey || e.metaKey) return; // Do not propagate the Spacebar event if it's meant to be part of the search. // When we time out, the search term becomes empty, hence the check on length. // Trimming is to account for the case of pressing the Spacebar more than once, // which should cycle through the selection/deselection of the focused item. if (character === ' ' && state.search.trim().length > 0) { e.preventDefault(); if (!('continuePropagation' in e)) e.stopPropagation(); } state.search += character; // Use the delegate to find a key to focus. // Prioritize items after the currently focused item, falling back to searching the whole list. let key = keyboardDelegate.getKeyForSearch(state.search, selectionManager.focusedKey); // If no key found, search from the top. if (key == null) key = keyboardDelegate.getKeyForSearch(state.search); if (key != null) { selectionManager.setFocusedKey(key); if (onTypeSelect) onTypeSelect(key); } clearTimeout(state.timeout); state.timeout = setTimeout(()=>{ state.search = ''; }, 500); }; return { typeSelectProps: { // Using a capturing listener to catch the keydown event before // other hooks in order to handle the Spacebar event. onKeyDownCapture: keyboardDelegate.getKeyForSearch ? onKeyDown : null } }; } function $fb3050f43d946246$var$getStringForKey(key) { // If the key is of length 1, it is an ASCII value. // Otherwise, if there are no ASCII characters in the key name, // it is a Unicode character. // See https://www.w3.org/TR/uievents-key/ if (key.length === 1 || !/^[A-Z]/i.test(key)) return key; return ''; } function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) { let { selectionManager: manager , keyboardDelegate: delegate , ref: ref , autoFocus: autoFocus = false , shouldFocusWrap: shouldFocusWrap = false , disallowEmptySelection: disallowEmptySelection = false , disallowSelectAll: disallowSelectAll = false , selectOnFocus: selectOnFocus = manager.selectionBehavior === 'replace' , disallowTypeAhead: disallowTypeAhead = false , shouldUseVirtualFocus: shouldUseVirtualFocus , allowsTabNavigation: allowsTabNavigation = false , isVirtualized: isVirtualized , scrollRef: // If no scrollRef is provided, assume the collection ref is the scrollable region scrollRef = ref } = options; let { direction: direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(); let onKeyDown = (e)=>{ // Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes if (e.altKey && e.key === 'Tab') e.preventDefault(); // Keyboard events bubble through portals. Don't handle keyboard events // for elements outside the collection (e.g. menus). if (!ref.current.contains(e.target)) return; const navigateToKey = (key, childFocus)=>{ if (key != null) { manager.setFocusedKey(key, childFocus); if (e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(key); else if (selectOnFocus && !$feb5ffebff200149$export$d3e3bd3e26688c04(e)) manager.replaceSelection(key); } }; switch(e.key){ case 'ArrowDown': if (delegate.getKeyBelow) { var ref4, ref1; e.preventDefault(); let nextKey = manager.focusedKey != null ? delegate.getKeyBelow(manager.focusedKey) : (ref4 = delegate.getFirstKey) === null || ref4 === void 0 ? void 0 : ref4.call(delegate); if (nextKey == null && shouldFocusWrap) nextKey = (ref1 = delegate.getFirstKey) === null || ref1 === void 0 ? void 0 : ref1.call(delegate, manager.focusedKey); navigateToKey(nextKey); } break; case 'ArrowUp': if (delegate.getKeyAbove) { var ref2, ref3; e.preventDefault(); let nextKey = manager.focusedKey != null ? delegate.getKeyAbove(manager.focusedKey) : (ref2 = delegate.getLastKey) === null || ref2 === void 0 ? void 0 : ref2.call(delegate); if (nextKey == null && shouldFocusWrap) nextKey = (ref3 = delegate.getLastKey) === null || ref3 === void 0 ? void 0 : ref3.call(delegate, manager.focusedKey); navigateToKey(nextKey); } break; case 'ArrowLeft': if (delegate.getKeyLeftOf) { e.preventDefault(); let nextKey = delegate.getKeyLeftOf(manager.focusedKey); navigateToKey(nextKey, direction === 'rtl' ? 'first' : 'last'); } break; case 'ArrowRight': if (delegate.getKeyRightOf) { e.preventDefault(); let nextKey = delegate.getKeyRightOf(manager.focusedKey); navigateToKey(nextKey, direction === 'rtl' ? 'last' : 'first'); } break; case 'Home': if (delegate.getFirstKey) { e.preventDefault(); let firstKey = delegate.getFirstKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e)); manager.setFocusedKey(firstKey); if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(firstKey); else if (selectOnFocus) manager.replaceSelection(firstKey); } break; case 'End': if (delegate.getLastKey) { e.preventDefault(); let lastKey = delegate.getLastKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e)); manager.setFocusedKey(lastKey); if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(lastKey); else if (selectOnFocus) manager.replaceSelection(lastKey); } break; case 'PageDown': if (delegate.getKeyPageBelow) { e.preventDefault(); let nextKey = delegate.getKeyPageBelow(manager.focusedKey); navigateToKey(nextKey); } break; case 'PageUp': if (delegate.getKeyPageAbove) { e.preventDefault(); let nextKey = delegate.getKeyPageAbove(manager.focusedKey); navigateToKey(nextKey); } break; case 'a': if ($feb5ffebff200149$export$16792effe837dba3(e) && manager.selectionMode === 'multiple' && disallowSelectAll !== true) { e.preventDefault(); manager.selectAll(); } break; case 'Escape': e.preventDefault(); if (!disallowEmptySelection) manager.clearSelection(); break; case 'Tab': if (!allowsTabNavigation) { // There may be elements that are "tabbable" inside a collection (e.g. in a grid cell). // However, collections should be treated as a single tab stop, with arrow key navigation internally. // We don't control the rendering of these, so we can't override the tabIndex to prevent tabbing. // Instead, we handle the Tab key, and move focus manually to the first/last tabbable element // in the collection, so that the browser default behavior will apply starting from that element // rather than the currently focused one. if (e.shiftKey) ref.current.focus(); else { let walker = index.$9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current, { tabbable: true }); let next; let last; do { last = walker.lastChild(); if (last) next = last; }while (last) if (next && !next.contains(document.activeElement)) index.$7215afc6de606d6b$export$de79e2c695e052f3(next); } break; } } }; // Store the scroll position so we can restore it later. let scrollPos = React.useRef({ top: 0, left: 0 }); index.$e9faafb641e167db$export$90fc3a17d93f704c(scrollRef, 'scroll', isVirtualized ? null : ()=>{ scrollPos.current = { top: scrollRef.current.scrollTop, left: scrollRef.current.scrollLeft }; }); let onFocus = (e)=>{ if (manager.isFocused) { // If a focus event bubbled through a portal, reset focus state. if (!e.currentTarget.contains(e.target)) manager.setFocused(false); return; } // Focus events can bubble through portals. Ignore these events. if (!e.currentTarget.contains(e.target)) return; manager.setFocused(true); if (manager.focusedKey == null) { let navigateToFirstKey = (key)=>{ if (key != null) { manager.setFocusedKey(key); if (selectOnFocus) manager.replaceSelection(key); } }; // If the user hasn't yet interacted with the collection, there will be no focusedKey set. // Attempt to detect whether the user is tabbing forward or backward into the collection // and either focus the first or last item accordingly. let relatedTarget = e.relatedTarget; var _lastSelectedKey, _firstSelectedKey; if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) navigateToFirstKey((_lastSelectedKey = manager.lastSelectedKey) !== null && _lastSelectedKey !== void 0 ? _lastSelectedKey : delegate.getLastKey()); else navigateToFirstKey((_firstSelectedKey = manager.firstSelectedKey) !== null && _firstSelectedKey !== void 0 ? _firstSelectedKey : delegate.getFirstKey()); } else if (!isVirtualized) { // Restore the scroll position to what it was before. scrollRef.current.scrollTop = scrollPos.current.top; scrollRef.current.scrollLeft = scrollPos.current.left; // Refocus and scroll the focused item into view if it exists within the scrollable region. let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`); if (element) { // This prevents a flash of focus on the first/last element in the collection index.$7215afc6de606d6b$export$de79e2c695e052f3(element); index.$2f04cbc44ee30ce0$export$53a0910f038337bd(scrollRef.current, element); } } }; let onBlur = (e)=>{ // Don't set blurred and then focused again if moving focus within the collection. if (!e.currentTarget.contains(e.relatedTarget)) manager.setFocused(false); }; const autoFocusRef = React.useRef(autoFocus); React.useEffect(()=>{ if (autoFocusRef.current) { let focusedKey = null; // Check focus strategy to determine which item to focus if (autoFocus === 'first') focusedKey = delegate.getFirstKey(); if (autoFocus === 'last') focusedKey = delegate.getLastKey(); // If there are any selected keys, make the first one the new focus target let selectedKeys = manager.selectedKeys; if (selectedKeys.size) focusedKey = selectedKeys.values().next().value; manager.setFocused(true); manager.setFocusedKey(focusedKey); // If no default focus key is selected, focus the collection itself. if (focusedKey == null && !shouldUseVirtualFocus) index.$6a99195332edec8b$export$80f3e147d781571c(ref.current); } autoFocusRef.current = false; // eslint-disable-next-line react-hooks/exhaustive-deps }, []); // If not virtualized, scroll the focused element into view when the focusedKey changes. // When virtualized, Virtualizer handles this internally. React.useEffect(()=>{ if (!isVirtualized && manager.focusedKey && (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) { let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`); if (element) index.$2f04cbc44ee30ce0$export$53a0910f038337bd(scrollRef.current, element); } }, [ isVirtualized, scrollRef, manager.focusedKey ]); let handlers = { onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, onMouseDown (e) { // Ignore events that bubbled through portals. if (e.currentTarget.contains(e.target)) // Prevent focus going to the collection when clicking on the scrollbar. e.preventDefault(); } }; let { typeSelectProps: typeSelectProps } = $fb3050f43d946246$export$e32c88dfddc6e1d8({ keyboardDelegate: delegate, selectionManager: manager }); if (!disallowTypeAhead) handlers = index.$3ef42575df84b30b$export$9d1611c77c2fe928(typeSelectProps, handlers); // If nothing is focused within the collection, make the collection itself tabbable. // This will be marshalled to either the first or last item depending on where focus came from. // If using virtual focus, don't set a tabIndex at all so that VoiceOver on iOS 14 doesn't try // to move real DOM focus to the element anyway. let tabIndex; if (!shouldUseVirtualFocus) tabIndex = manager.focusedKey == null ? 0 : -1; return { collectionProps: { ...handlers, tabIndex: tabIndex } }; } var $880e95eb8b93ba9a$exports = {}; $parcel$export$a($880e95eb8b93ba9a$exports, "useSelectableItem", () => $880e95eb8b93ba9a$export$ecf600387e221c37); function $880e95eb8b93ba9a$export$ecf600387e221c37(options) { let { selectionManager: manager , key: key , ref: ref , shouldSelectOnPressUp: shouldSelectOnPressUp , isVirtualized: isVirtualized , shouldUseVirtualFocus: shouldUseVirtualFocus , focus: focus , isDisabled: isDisabled , onAction: onAction , allowsDifferentPressOrigin: allowsDifferentPressOrigin } = options; let onSelect = (e)=>{ if (e.pointerType === 'keyboard' && $feb5ffebff200149$export$d3e3bd3e26688c04(e)) manager.toggleSelection(key); else { if (manager.selectionMode === 'none') return; if (manager.selectionMode === 'single') { if (manager.isSelected(key) && !manager.disallowEmptySelection) manager.toggleSelection(key); else manager.replaceSelection(key); } else if (e && e.shiftKey) manager.extendSelection(key); else if (manager.selectionBehavior === 'toggle' || e && ($feb5ffebff200149$export$16792effe837dba3(e) || e.pointerType === 'touch' || e.pointerType === 'virtual')) // if touch or virtual (VO) then we just want to toggle, otherwise it's impossible to multi select because they don't have modifier keys manager.toggleSelection(key); else manager.replaceSelection(key); } }; // Focus the associated DOM node when this item becomes the focusedKey let isFocused = key === manager.focusedKey; React.useEffect(()=>{ if (isFocused && manager.isFocused && !shouldUseVirtualFocus && document.activeElement !== ref.current) { if (focus) focus(); else index.$6a99195332edec8b$export$80f3e147d781571c(ref.current); } }, [ ref, isFocused, manager.focusedKey, manager.childFocusStrategy, manager.isFocused, shouldUseVirtualFocus ]); // Set tabIndex to 0 if the element is focused, or -1 otherwise so that only the last focused // item is tabbable. If using virtual focus, don't set a tabIndex at all so that VoiceOver // on iOS 14 doesn't try to move real DOM focus to the item anyway. let itemProps = { }; if (!shouldUseVirtualFocus) itemProps = { tabIndex: isFocused ? 0 : -1, onFocus (e) { if (e.target === ref.current) manager.setFocusedKey(key); } }; let modality = React.useRef(null); let hasPrimaryAction = onAction && manager.selectionMode === 'none'; let hasSecondaryAction = onAction && manager.selectionMode !== 'none' && manager.selectionBehavior === 'replace'; let allowsSelection = !isDisabled && manager.canSelectItem(key); // By default, selection occurs on pointer down. This can be strange if selecting an // item causes the UI to disappear immediately (e.g. menus). // If shouldSelectOnPressUp is true, we use onPressUp instead of onPressStart. // onPress requires a pointer down event on the same element as pointer up. For menus, // we want to be able to have the pointer down on the trigger that opens the menu and // the pointer up on the menu item rather than requiring a separate press. // For keyboard events, selection still occurs on key down. let itemPressProps = { }; if (shouldSelectOnPressUp) { itemPressProps.onPressStart = (e)=>{ modality.current = e.pointerType; if (e.pointerType === 'keyboard') onSelect(e); }; // If allowsDifferentPressOrigin, make selection happen on pressUp (e.g. open menu on press down, selection on menu item happens on press up.) // Otherwise, have selection happen onPress (prevents listview row selection when clicking on interactable elements in the row) if (!allowsDifferentPressOrigin) itemPressProps.onPress = (e)=>{ if (e.pointerType !== 'keyboard') onSelect(e); if (hasPrimaryAction) onAction(); }; else { itemPressProps.onPressUp = (e)=>{ if (e.pointerType !== 'keyboard') onSelect(e); }; itemPressProps.onPress = hasPrimaryAction ? ()=>onAction() : null; } } else { // On touch, it feels strange to select on touch down, so we special case this. itemPressProps.onPressStart = (e)=>{ modality.current = e.pointerType; if (e.pointerType !== 'touch' && e.pointerType !== 'virtual') onSelect(e); }; itemPressProps.onPress = (e)=>{ if (e.pointerType === 'touch' || e.pointerType === 'virtual' || hasPrimaryAction) { // Single tap on touch with selectionBehavior = 'replace' performs an action, i.e. navigation. // Also perform action on press up when selectionMode = 'none'. if (hasPrimaryAction || hasSecondaryAction) onAction(); else onSelect(e); } }; } if (!isVirtualized) itemProps['data-key'] = key; itemPressProps.preventFocusOnPress = shouldUseVirtualFocus; let { pressProps: pressProps , isPressed: isPressed } = index.$f6c31cce2adf654f$export$45712eceda6fad21(itemPressProps); // Double clicking with a mouse with selectionBehavior = 'replace' performs an action. let onDoubleClick = hasSecondaryAction ? (e)=>{ if (modality.current === 'mouse') { e.stopPropagation(); e.preventDefault(); onAction(); } } : undefined; // Long pressing an item with touch when selectionBehavior = 'replace' switches the selection behavior // to 'toggle'. This changes the single tap behavior from performing an action (i.e. navigating) to // selecting, and may toggle the appearance of a UI affordance like checkboxes on each item. // TODO: what about when drag and drop is also enabled?? let { longPressProps: longPressProps } = index.$8a26561d2877236e$export$c24ed0104d07eab9({ isDisabled: !hasSecondaryAction, onLongPress (e) { if (e.pointerType === 'touch') { onSelect(e); manager.setSelectionBehavior('toggle'); } } }); // Pressing the Enter key with selectionBehavior = 'replace' performs an action (i.e. navigation). let onKeyUp = hasSecondaryAction ? (e)=>{ if (e.key === 'Enter') onAction(); } : undefined; return { itemProps: index.$3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, allowsSelection || hasPrimaryAction ? pressProps : { }, hasSecondaryAction ? longPressProps : { }, { onKeyUp: onKeyUp, onDoubleClick: onDoubleClick }), isPressed: isPressed }; } var $982254629710d113$exports = {}; $parcel$export$a($982254629710d113$exports, "useSelectableList", () => $982254629710d113$export$b95089534ab7c1fd); var $2a25aae57d74318e$exports = {}; $parcel$export$a($2a25aae57d74318e$exports, "ListKeyboardDelegate", () => $2a25aae57d74318e$export$a05409b8bb224a5a); class $2a25aae57d74318e$export$a05409b8bb224a5a { getKeyBelow(key) { key = this.collection.getKeyAfter(key); while(key != null){ let item = this.collection.getItem(key); if (item.type === 'item' && !this.disabledKeys.has(key)) return key; key = this.collection.getKeyAfter(key); } } getKeyAbove(key) { key = this.collection.getKeyBefore(key); while(key != null){ let item = this.collection.getItem(key); if (item.type === 'item' && !this.disabledKeys.has(key)) return key; key = this.collection.getKeyBefore(key); } } getFirstKey() { let key = this.collection.getFirstKey(); while(key != null){ let item = this.collection.getItem(key); if (item.type === 'item' && !this.disabledKeys.has(key)) return key; key = this.collection.getKeyAfter(key); } } getLastKey() { let key = this.collection.getLastKey(); while(key != null){ let item = this.collection.getItem(key); if (item.type === 'item' && !this.disabledKeys.has(key)) return key; key = this.collection.getKeyBefore(key); } } getItem(key) { return this.ref.current.querySelector(`[data-key="${key}"]`); } getKeyPageAbove(key) { let menu = this.ref.current; let item = this.getItem(key); if (!item) return null; let pageY = Math.max(0, item.offsetTop + item.offsetHeight - menu.offsetHeight); while(item && item.offsetTop > pageY){ key = this.getKeyAbove(key); item = this.getItem(key); } return key; } getKeyPageBelow(key) { let menu = this.ref.current; let item = this.getItem(key); if (!item) return null; let pageY = Math.min(menu.scrollHeight, item.offsetTop - item.offsetHeight + menu.offsetHeight); while(item && item.offsetTop < pageY){ key = this.getKeyBelow(key); item = this.getItem(key); } return key; } getKeyForSearch(search, fromKey) { if (!this.collator) return null; let collection = this.collection; let key = fromKey || this.getFirstKey(); while(key != null){ let item = collection.getItem(key); let substring = item.textValue.slice(0, search.length); if (item.textValue && this.collator.compare(substring, search) === 0) return key; key = this.getKeyBelow(key); } return null; } constructor(collection, disabledKeys, ref, collator){ this.collection = collection; this.disabledKeys = disabledKeys; this.ref = ref; this.collator = collator; } } function $982254629710d113$export$b95089534ab7c1fd(props) { let { selectionManager: selectionManager , collection: collection , disabledKeys: disabledKeys , ref: ref , keyboardDelegate: keyboardDelegate , autoFocus: autoFocus , shouldFocusWrap: shouldFocusWrap , isVirtualized: isVirtualized , disallowEmptySelection: disallowEmptySelection , selectOnFocus: selectOnFocus = false , disallowTypeAhead: disallowTypeAhead , shouldUseVirtualFocus: shouldUseVirtualFocus , allowsTabNavigation: allowsTabNavigation } = props; // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down). // When virtualized, the layout object will be passed in as a prop and override this. let collator = $325a3faab7a68acd$export$a16aca283550c30d({ usage: 'search', sensitivity: 'base' }); let delegate = React.useMemo(()=>keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a(collection, disabledKeys, ref, collator) , [ keyboardDelegate, collection, disabledKeys, ref, collator ]); let { collectionProps: collectionProps } = $ae20dd8cbca75726$export$d6daf82dcd84e87c({ ref: ref, selectionManager: selectionManager, keyboardDelegate: delegate, autoFocus: autoFocus, shouldFocusWrap: shouldFocusWrap, disallowEmptySelection: disallowEmptySelection, selectOnFocus: selectOnFocus, disallowTypeAhead: disallowTypeAhead, shouldUseVirtualFocus: shouldUseVirtualFocus, allowsTabNavigation: allowsTabNavigation, isVirtualized: isVirtualized, scrollRef: ref }); return { listProps: collectionProps }; } function $parcel$export$9(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $c1d7fb2ec91bae71$exports = {}; $parcel$export$9($c1d7fb2ec91bae71$exports, "Item", () => $c1d7fb2ec91bae71$export$6d08773d2e66f8f2); function $c1d7fb2ec91bae71$var$Item(props) { return null; } $c1d7fb2ec91bae71$var$Item.getCollectionNode = function* getCollectionNode(props, context) { let { childItems: childItems , title: title , children: children } = props; let rendered = props.title || props.children; let textValue = props.textValue || (typeof rendered === 'string' ? rendered : '') || props['aria-label'] || ''; // suppressTextValueWarning is used in components like Tabs, which don't have type to select support. if (!textValue && !(context === null || context === void 0 ? void 0 : context.suppressTextValueWarning)) console.warn(' with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.'); yield { type: 'item', props: props, rendered: rendered, textValue: textValue, 'aria-label': props['aria-label'], hasChildNodes: $c1d7fb2ec91bae71$var$hasChildItems(props), *childNodes () { if (childItems) for (let child1 of childItems)yield { type: 'item', value: child1 }; else if (title) { let items = []; React__default["default"].Children.forEach(children, (child)=>{ items.push({ type: 'item', element: child }); }); yield* items; } } }; }; function $c1d7fb2ec91bae71$var$hasChildItems(props) { if (props.hasChildItems != null) return props.hasChildItems; if (props.childItems) return true; if (props.title && React__default["default"].Children.count(props.children) > 0) return true; return false; } // We don't want getCollectionNode to show up in the type definition let $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 = $c1d7fb2ec91bae71$var$Item; var $9fc4852771d079eb$exports = {}; $parcel$export$9($9fc4852771d079eb$exports, "Section", () => $9fc4852771d079eb$export$6e2c8f0811a474ce); function $9fc4852771d079eb$var$Section(props) { return null; } $9fc4852771d079eb$var$Section.getCollectionNode = function* getCollectionNode(props) { let { children: children , title: title , items: items1 } = props; yield { type: 'section', hasChildNodes: true, rendered: title, 'aria-label': props['aria-label'], *childNodes () { if (typeof children === 'function') { if (!items1) throw new Error('props.children was a function but props.items is missing'); for (let item of items1)yield { type: 'item', value: item, renderer: children }; } else { let items = []; React__default["default"].Children.forEach(children, (child)=>{ items.push({ type: 'item', element: child }); }); yield* items; } } }; }; // We don't want getCollectionNode to show up in the type definition let $9fc4852771d079eb$export$6e2c8f0811a474ce = $9fc4852771d079eb$var$Section; var $7613b1592d41b092$exports = {}; $parcel$export$9($7613b1592d41b092$exports, "useCollection", () => $7613b1592d41b092$export$6cd28814d92fa9c9); class $eb2240fc39a57fa5$export$bf788dd355e3a401 { build(props, context) { this.context = context; return $eb2240fc39a57fa5$var$iterable(()=>this.iterateCollection(props) ); } *iterateCollection(props) { let { children: children , items: items } = props; if (typeof children === 'function') { if (!items) throw new Error('props.children was a function but props.items is missing'); for (let item of props.items)yield* this.getFullNode({ value: item }, { renderer: children }); } else { let items = []; React__default["default"].Children.forEach(children, (child)=>{ items.push(child); }); let index = 0; for (let item of items){ let nodes = this.getFullNode({ element: item, index: index }, { }); for (let node of nodes){ index++; yield node; } } } } getKey(item, partialNode, state, parentKey) { if (item.key != null) return item.key; if (partialNode.type === 'cell' && partialNode.key != null) return `${parentKey}${partialNode.key}`; let v = partialNode.value; if (v != null) { var _key; let key = (_key = v.key) !== null && _key !== void 0 ? _key : v.id; if (key == null) throw new Error('No key found for item'); return key; } return parentKey ? `${parentKey}.${partialNode.index}` : `$.${partialNode.index}`; } getChildState(state, partialNode) { return { renderer: partialNode.renderer || state.renderer }; } *getFullNode(partialNode, state, parentKey, parentNode) { // If there's a value instead of an element on the node, and a parent renderer function is available, // use it to render an element for the value. let element = partialNode.element; if (!element && partialNode.value && state && state.renderer) { let cached = this.cache.get(partialNode.value); if (cached && (!cached.shouldInvalidate || !cached.shouldInvalidate(this.context))) { cached.index = partialNode.index; cached.parentKey = parentNode ? parentNode.key : null; yield cached; return; } element = state.renderer(partialNode.value); } // If there's an element with a getCollectionNode function on its type, then it's a supported component. // Call this function to get a partial node, and recursively build a full node from there. if (React__default["default"].isValidElement(element)) { let type = element.type; if (typeof type !== 'function' && typeof type.getCollectionNode !== 'function') { let name = typeof element.type === 'function' ? element.type.name : element.type; throw new Error(`Unknown element <${name}> in collection.`); } let childNodes = type.getCollectionNode(element.props, this.context); let index = partialNode.index; let result = childNodes.next(); while(!result.done && result.value){ let childNode = result.value; partialNode.index = index; let nodeKey = childNode.key; if (!nodeKey) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey); let nodes = this.getFullNode({ ...childNode, key: nodeKey, index: index, wrapper: $eb2240fc39a57fa5$var$compose(partialNode.wrapper, childNode.wrapper) }, this.getChildState(state, childNode), parentKey ? `${parentKey}${element.key}` : element.key, parentNode); let children = [ ...nodes ]; for (let node of children){ // Cache the node based on its value node.value = childNode.value || partialNode.value; if (node.value) this.cache.set(node.value, node); // The partial node may have specified a type for the child in order to specify a constraint. // Verify that the full node that was built recursively matches this type. if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$eb2240fc39a57fa5$var$capitalize(node.type)}> in <${$eb2240fc39a57fa5$var$capitalize(parentNode.type)}>. Only <${$eb2240fc39a57fa5$var$capitalize(partialNode.type)}> is supported.`); index++; yield node; } result = childNodes.next(children); } return; } // Ignore invalid elements if (partialNode.key == null) return; // Create full node let builder = this; let node = { type: partialNode.type, props: partialNode.props, key: partialNode.key, parentKey: parentNode ? parentNode.key : null, value: partialNode.value, level: parentNode ? parentNode.level + 1 : 0, index: partialNode.index, rendered: partialNode.rendered, textValue: partialNode.textValue, 'aria-label': partialNode['aria-label'], wrapper: partialNode.wrapper, shouldInvalidate: partialNode.shouldInvalidate, hasChildNodes: partialNode.hasChildNodes, childNodes: $eb2240fc39a57fa5$var$iterable(function*() { if (!partialNode.hasChildNodes) return; let index = 0; for (let child of partialNode.childNodes()){ // Ensure child keys are globally unique by prepending the parent node's key if (child.key != null) // TODO: Remove this line entirely and enforce that users always provide unique keys. // Currently this line will have issues when a parent has a key `a` and a child with key `bc` // but another parent has key `ab` and its child has a key `c`. The combined keys would result in both // children having a key of `abc`. child.key = `${node.key}${child.key}`; child.index = index; let nodes = builder.getFullNode(child, builder.getChildState(state, child), node.key, node); for (let node1 of nodes){ index++; yield node1; } } }) }; yield node; } constructor(){ this.cache = new WeakMap(); } } // Wraps an iterator function as an iterable object, and caches the results. function $eb2240fc39a57fa5$var$iterable(iterator) { let cache = []; let iterable = null; return { *[Symbol.iterator] () { for (let item of cache)yield item; if (!iterable) iterable = iterator(); for (let item1 of iterable){ cache.push(item1); yield item1; } } }; } function $eb2240fc39a57fa5$var$compose(outer, inner) { if (outer && inner) return (element)=>outer(inner(element)) ; if (outer) return outer; if (inner) return inner; } function $eb2240fc39a57fa5$var$capitalize(str) { return str[0].toUpperCase() + str.slice(1); } function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, invalidators = []) { let builder = React.useMemo(()=>new $eb2240fc39a57fa5$export$bf788dd355e3a401() , []); let prev = React.useRef(null); return React.useMemo(()=>{ let nodes = builder.build(props, context); prev.current = factory(nodes, prev.current); return prev.current; // Don't invalidate when any prop changes, just the two we care about. // eslint-disable-next-line react-hooks/exhaustive-deps }, [ builder, props.children, props.items, context, ...invalidators ]); } var $453cc9f0df89c0a5$exports = {}; $parcel$export$9($453cc9f0df89c0a5$exports, "getItemCount", () => $453cc9f0df89c0a5$export$77d5aafae4e095b2); const $453cc9f0df89c0a5$var$cache = new WeakMap(); function $453cc9f0df89c0a5$export$77d5aafae4e095b2(collection) { let count = $453cc9f0df89c0a5$var$cache.get(collection); if (count != null) return count; count = 0; for (let item of collection)if (item.type === 'section') count += $453cc9f0df89c0a5$export$77d5aafae4e095b2(item.childNodes); else count++; $453cc9f0df89c0a5$var$cache.set(collection, count); return count; } function $parcel$export$8(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $c132121280ec012d$exports = {}; $parcel$export$8($c132121280ec012d$exports, "useListBox", () => $c132121280ec012d$export$50eacbbf140a3141); var $b1f0cad8af73213b$exports = {}; $parcel$export$8($b1f0cad8af73213b$exports, "listData", () => $b1f0cad8af73213b$export$3585ede4d035bf14); $parcel$export$8($b1f0cad8af73213b$exports, "getItemId", () => $b1f0cad8af73213b$export$9145995848b05025); const $b1f0cad8af73213b$export$3585ede4d035bf14 = new WeakMap(); function $b1f0cad8af73213b$var$normalizeKey(key) { if (typeof key === 'string') return key.replace(/\s*/g, ''); return '' + key; } function $b1f0cad8af73213b$export$9145995848b05025(state, itemKey) { let data = $b1f0cad8af73213b$export$3585ede4d035bf14.get(state); if (!data) throw new Error('Unknown list'); return `${data.id}-option-${$b1f0cad8af73213b$var$normalizeKey(itemKey)}`; } function $c132121280ec012d$export$50eacbbf140a3141(props, state, ref) { let domProps = index.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true }); let { listProps: listProps } = $982254629710d113$export$b95089534ab7c1fd({ ...props, ref: ref, selectionManager: state.selectionManager, collection: state.collection, disabledKeys: state.disabledKeys }); let { focusWithinProps: focusWithinProps } = index.$9ab94262bd0047c7$export$420e68273165f4ec({ onFocusWithin: props.onFocus, onBlurWithin: props.onBlur, onFocusWithinChange: props.onFocusChange }); // Share list id and some props with child options. let id = index.$bdb11010cef70236$export$f680877a34711e37(props.id); $b1f0cad8af73213b$export$3585ede4d035bf14.set(state, { id: id, shouldUseVirtualFocus: props.shouldUseVirtualFocus, shouldSelectOnPressUp: props.shouldSelectOnPressUp, shouldFocusOnHover: props.shouldFocusOnHover, isVirtualized: props.isVirtualized }); let { labelProps: labelProps , fieldProps: fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f({ ...props, id: id, // listbox is not an HTML input element so it // shouldn't be labeled by a element. labelElementType: 'span' }); return { labelProps: labelProps, listBoxProps: index.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, focusWithinProps, state.selectionManager.selectionMode === 'multiple' ? { 'aria-multiselectable': 'true' } : { }, { role: 'listbox', ...index.$3ef42575df84b30b$export$9d1611c77c2fe928(fieldProps, listProps) }) }; } var $293f70390ea03370$exports = {}; $parcel$export$8($293f70390ea03370$exports, "useOption", () => $293f70390ea03370$export$497855f14858aa34); function $293f70390ea03370$export$497855f14858aa34(props, state, ref) { let { key: key } = props; let data = $b1f0cad8af73213b$export$3585ede4d035bf14.get(state); var _isDisabled; let isDisabled = (_isDisabled = props.isDisabled) !== null && _isDisabled !== void 0 ? _isDisabled : state.disabledKeys.has(key); var _isSelected; let isSelected = (_isSelected = props.isSelected) !== null && _isSelected !== void 0 ? _isSelected : state.selectionManager.isSelected(key); let isFocused = state.selectionManager.focusedKey === key; var _shouldSelectOnPressUp; let shouldSelectOnPressUp = (_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _shouldSelectOnPressUp !== void 0 ? _shouldSelectOnPressUp : data.shouldSelectOnPressUp; var _shouldFocusOnHover; let shouldFocusOnHover = (_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _shouldFocusOnHover !== void 0 ? _shouldFocusOnHover : data.shouldFocusOnHover; var _shouldUseVirtualFocus; let shouldUseVirtualFocus = (_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _shouldUseVirtualFocus !== void 0 ? _shouldUseVirtualFocus : data.shouldUseVirtualFocus; var _isVirtualized; let isVirtualized = (_isVirtualized = props.isVirtualized) !== null && _isVirtualized !== void 0 ? _isVirtualized : data.isVirtualized; let labelId = index.$bdb11010cef70236$export$b4cc09c592e8fdb8(); let descriptionId = index.$bdb11010cef70236$export$b4cc09c592e8fdb8(); let optionProps = { role: 'option', 'aria-disabled': isDisabled, 'aria-selected': state.selectionManager.selectionMode !== 'none' ? isSelected : undefined }; // Safari with VoiceOver on macOS misreads options with aria-labelledby or aria-label as simply "text". // We should not map slots to the label and description on Safari and instead just have VoiceOver read the textContent. // https://bugs.webkit.org/show_bug.cgi?id=209279 if (!(index.$c87311424ea30a05$export$9ac100e40613ea10() && index.$c87311424ea30a05$export$78551043582a6a98())) { optionProps['aria-label'] = props['aria-label']; optionProps['aria-labelledby'] = labelId; optionProps['aria-describedby'] = descriptionId; } if (isVirtualized) { optionProps['aria-posinset'] = state.collection.getItem(key).index + 1; optionProps['aria-setsize'] = $453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection); } let { itemProps: itemProps , isPressed: isPressed } = $880e95eb8b93ba9a$export$ecf600387e221c37({ selectionManager: state.selectionManager, key: key, ref: ref, shouldSelectOnPressUp: shouldSelectOnPressUp, allowsDifferentPressOrigin: shouldSelectOnPressUp, isVirtualized: isVirtualized, shouldUseVirtualFocus: shouldUseVirtualFocus, isDisabled: isDisabled }); let { hoverProps: hoverProps } = index.$6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: isDisabled || !shouldFocusOnHover, onHoverStart () { if (!index.$507fabe10e71c6fb$export$b9b3dfddab17db27()) { state.selectionManager.setFocused(true); state.selectionManager.setFocusedKey(key); } } }); return { optionProps: { ...optionProps, ...index.$3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, hoverProps), id: $b1f0cad8af73213b$export$9145995848b05025(state, key) }, labelProps: { id: labelId }, descriptionProps: { id: descriptionId }, isFocused: isFocused, isSelected: isSelected, isDisabled: isDisabled, isPressed: isPressed }; } var $af383d3bef1cfdc9$exports = {}; $parcel$export$8($af383d3bef1cfdc9$exports, "useListBoxSection", () => $af383d3bef1cfdc9$export$c3f9f39876e4bc7); function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) { let { heading: heading , 'aria-label': ariaLabel } = props; let headingId = index.$bdb11010cef70236$export$f680877a34711e37(); return { itemProps: { role: 'presentation' }, headingProps: heading ? { // Techincally, listbox cannot contain headings according to ARIA. // We hide the heading from assistive technology, and only use it // as a label for the nested group. id: headingId, 'aria-hidden': true } : { }, groupProps: { role: 'group', 'aria-label': ariaLabel, 'aria-labelledby': heading ? headingId : undefined } }; } function $parcel$interopDefault(a) { return a && a.__esModule ? a.default : a; } function $parcel$export$7(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $168583247155ddda$exports = {}; $parcel$export$7($168583247155ddda$exports, "useMenuTrigger", () => $168583247155ddda$export$dc9c12ed27dd1b49); var $9bdd31893c9700c3$exports = {}; var $c0398ad35c3639b7$exports = {}; $c0398ad35c3639b7$exports = JSON.parse("{\"longPressMessage\":\"اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة\"}"); var $7af657c4165927c3$exports = {}; $7af657c4165927c3$exports = JSON.parse("{\"longPressMessage\":\"Натиснете продължително или натиснете Alt+ стрелка надолу, за да отворите менюто\"}"); var $d95d4da6d531ab81$exports = {}; $d95d4da6d531ab81$exports = JSON.parse("{\"longPressMessage\":\"Dlouhým stiskem nebo stisknutím kláves Alt + šipka dolů otevřete nabídku\"}"); var $24ebda9c775dca17$exports = {}; $24ebda9c775dca17$exports = JSON.parse("{\"longPressMessage\":\"Langt tryk eller tryk på Alt + pil ned for at åbne menuen\"}"); var $743e0dfca6cab1e9$exports = {}; $743e0dfca6cab1e9$exports = JSON.parse("{\"longPressMessage\":\"Drücken Sie lange oder drücken Sie Alt + Nach-unten, um das Menü zu öffnen\"}"); var $a2f41026e05f1c84$exports = {}; $a2f41026e05f1c84$exports = JSON.parse("{\"longPressMessage\":\"Πιέστε παρατεταμένα ή πατήστε Alt + κάτω βέλος για να ανοίξετε το μενού\"}"); var $43b800e97c901737$exports = {}; $43b800e97c901737$exports = JSON.parse("{\"longPressMessage\":\"Long press or press Alt + ArrowDown to open menu\"}"); var $442f5f6ac211e29f$exports = {}; $442f5f6ac211e29f$exports = JSON.parse("{\"longPressMessage\":\"Mantenga pulsado o pulse Alt + flecha abajo para abrir el menú\"}"); var $dff280acfeb2d8ac$exports = {}; $dff280acfeb2d8ac$exports = JSON.parse("{\"longPressMessage\":\"Menüü avamiseks vajutage pikalt või vajutage klahve Alt + allanool\"}"); var $51608325613944d7$exports = {}; $51608325613944d7$exports = JSON.parse("{\"longPressMessage\":\"Avaa valikko painamalla pohjassa tai näppäinyhdistelmällä Alt + Alanuoli\"}"); var $c4a1b1eabeaa87be$exports = {}; $c4a1b1eabeaa87be$exports = JSON.parse("{\"longPressMessage\":\"Appuyez de manière prolongée ou appuyez sur Alt + Flèche vers le bas pour ouvrir le menu.\"}"); var $8c74815cdee18d1b$exports = {}; $8c74815cdee18d1b$exports = JSON.parse("{\"longPressMessage\":\"לחץ לחיצה ארוכה או הקש Alt + ArrowDown כדי לפתוח את התפריט\"}"); var $fd0e9ef6a7fe0ec9$exports = {}; $fd0e9ef6a7fe0ec9$exports = JSON.parse("{\"longPressMessage\":\"Dugo pritisnite ili pritisnite Alt + strelicu prema dolje za otvaranje izbornika\"}"); var $a89a74a39eba465a$exports = {}; $a89a74a39eba465a$exports = JSON.parse("{\"longPressMessage\":\"Nyomja meg hosszan, vagy nyomja meg az Alt + lefele nyíl gombot a menü megnyitásához\"}"); var $edc7c66594a0ae8a$exports = {}; $edc7c66594a0ae8a$exports = JSON.parse("{\"longPressMessage\":\"Premere a lungo o premere Alt + Freccia giù per aprire il menu\"}"); var $f1ab51510712db52$exports = {}; $f1ab51510712db52$exports = JSON.parse("{\"longPressMessage\":\"長押しまたは Alt+下矢印キーでメニューを開く\"}"); var $f9b672d9b82fa3d6$exports = {}; $f9b672d9b82fa3d6$exports = JSON.parse("{\"longPressMessage\":\"길게 누르거나 Alt + 아래쪽 화살표를 눌러 메뉴 열기\"}"); var $a385f3910feda499$exports = {}; $a385f3910feda499$exports = JSON.parse("{\"longPressMessage\":\"Norėdami atidaryti meniu, nuspaudę palaikykite arba paspauskite „Alt + ArrowDown“.\"}"); var $4f1bde932c441789$exports = {}; $4f1bde932c441789$exports = JSON.parse("{\"longPressMessage\":\"Lai atvērtu izvēlni, turiet nospiestu vai nospiediet taustiņu kombināciju Alt + lejupvērstā bultiņa\"}"); var $914a51a8a594d5be$exports = {}; $914a51a8a594d5be$exports = JSON.parse("{\"longPressMessage\":\"Langt trykk eller trykk Alt + PilNed for å åpne menyen\"}"); var $89aaf803103bb500$exports = {}; $89aaf803103bb500$exports = JSON.parse("{\"longPressMessage\":\"Druk lang op Alt + pijl-omlaag of druk op Alt om het menu te openen\"}"); var $c685891476dbaaca$exports = {}; $c685891476dbaaca$exports = JSON.parse("{\"longPressMessage\":\"Naciśnij i przytrzymaj lub naciśnij klawisze Alt + Strzałka w dół, aby otworzyć menu\"}"); var $885879b9b10c2959$exports = {}; $885879b9b10c2959$exports = JSON.parse("{\"longPressMessage\":\"Pressione e segure ou pressione Alt + Seta para baixo para abrir o menu\"}"); var $6b39616688a51692$exports = {}; $6b39616688a51692$exports = JSON.parse("{\"longPressMessage\":\"Prima continuamente ou prima Alt + Seta Para Baixo para abrir o menu\"}"); var $f26362aed63f47e2$exports = {}; $f26362aed63f47e2$exports = JSON.parse("{\"longPressMessage\":\"Apăsați lung sau apăsați pe Alt + săgeată în jos pentru a deschide meniul\"}"); var $06cbade644558bf0$exports = {}; $06cbade644558bf0$exports = JSON.parse("{\"longPressMessage\":\"Нажмите и удерживайте или нажмите Alt + Стрелка вниз, чтобы открыть меню\"}"); var $0a391ff68f9d59b1$exports = {}; $0a391ff68f9d59b1$exports = JSON.parse("{\"longPressMessage\":\"Ponuku otvoríte dlhým stlačením alebo stlačením klávesu Alt + klávesu so šípkou nadol\"}"); var $8193cf0e649c7928$exports = {}; $8193cf0e649c7928$exports = JSON.parse("{\"longPressMessage\":\"Za odprtje menija pritisnite in držite gumb ali pritisnite Alt+puščica navzdol\"}"); var $f398debcce5a5c55$exports = {}; $f398debcce5a5c55$exports = JSON.parse("{\"longPressMessage\":\"Dugo pritisnite ili pritisnite Alt + strelicu prema dole da otvorite meni\"}"); var $9e9fef000aa4c013$exports = {}; $9e9fef000aa4c013$exports = JSON.parse("{\"longPressMessage\":\"Håll nedtryckt eller tryck på Alt + pil nedåt för att öppna menyn\"}"); var $c016c8183bbe3d68$exports = {}; $c016c8183bbe3d68$exports = JSON.parse("{\"longPressMessage\":\"Menüyü açmak için uzun basın veya Alt + Aşağı Ok tuşuna basın\"}"); var $ca4f6c8462244e62$exports = {}; $ca4f6c8462244e62$exports = JSON.parse("{\"longPressMessage\":\"Довго або звичайно натисніть комбінацію клавіш Alt і стрілка вниз, щоб відкрити меню\"}"); var $2d9960c02ccac927$exports = {}; $2d9960c02ccac927$exports = JSON.parse("{\"longPressMessage\":\"长按或按 Alt + 向下方向键以打开菜单\"}"); var $f1b682a4c8c5631c$exports = {}; $f1b682a4c8c5631c$exports = JSON.parse("{\"longPressMessage\":\"長按或按 Alt+向下鍵以開啟功能表\"}"); $9bdd31893c9700c3$exports = { "ar-AE": $c0398ad35c3639b7$exports, "bg-BG": $7af657c4165927c3$exports, "cs-CZ": $d95d4da6d531ab81$exports, "da-DK": $24ebda9c775dca17$exports, "de-DE": $743e0dfca6cab1e9$exports, "el-GR": $a2f41026e05f1c84$exports, "en-US": $43b800e97c901737$exports, "es-ES": $442f5f6ac211e29f$exports, "et-EE": $dff280acfeb2d8ac$exports, "fi-FI": $51608325613944d7$exports, "fr-FR": $c4a1b1eabeaa87be$exports, "he-IL": $8c74815cdee18d1b$exports, "hr-HR": $fd0e9ef6a7fe0ec9$exports, "hu-HU": $a89a74a39eba465a$exports, "it-IT": $edc7c66594a0ae8a$exports, "ja-JP": $f1ab51510712db52$exports, "ko-KR": $f9b672d9b82fa3d6$exports, "lt-LT": $a385f3910feda499$exports, "lv-LV": $4f1bde932c441789$exports, "nb-NO": $914a51a8a594d5be$exports, "nl-NL": $89aaf803103bb500$exports, "pl-PL": $c685891476dbaaca$exports, "pt-BR": $885879b9b10c2959$exports, "pt-PT": $6b39616688a51692$exports, "ro-RO": $f26362aed63f47e2$exports, "ru-RU": $06cbade644558bf0$exports, "sk-SK": $0a391ff68f9d59b1$exports, "sl-SI": $8193cf0e649c7928$exports, "sr-SP": $f398debcce5a5c55$exports, "sv-SE": $9e9fef000aa4c013$exports, "tr-TR": $c016c8183bbe3d68$exports, "uk-UA": $ca4f6c8462244e62$exports, "zh-CN": $2d9960c02ccac927$exports, "zh-TW": $f1b682a4c8c5631c$exports }; function $168583247155ddda$export$dc9c12ed27dd1b49(props, state, ref) { let { type: type = 'menu' , isDisabled: isDisabled , trigger: trigger = 'press' } = props; let menuTriggerId = index.$bdb11010cef70236$export$f680877a34711e37(); let { triggerProps: triggerProps , overlayProps: overlayProps } = $628037886ba31236$export$f9d5c8beee7d008d({ type: type }, state, ref); let onKeyDown = (e)=>{ if (isDisabled) return; if (trigger === 'longPress' && !e.altKey) return; if (ref && ref.current) switch(e.key){ case 'Enter': case ' ': if (trigger === 'longPress') return; // fallthrough case 'ArrowDown': // Stop propagation, unless it would already be handled by useKeyboard. if (!('continuePropagation' in e)) e.stopPropagation(); e.preventDefault(); state.toggle('first'); break; case 'ArrowUp': if (!('continuePropagation' in e)) e.stopPropagation(); e.preventDefault(); state.toggle('last'); break; } }; let formatMessage = $321bc95feeb923dd$export$ec23bf898b1eed85((/*@__PURE__*/$parcel$interopDefault($9bdd31893c9700c3$exports))); let { longPressProps: longPressProps } = index.$8a26561d2877236e$export$c24ed0104d07eab9({ accessibilityDescription: formatMessage('longPressMessage'), onLongPressStart () { state.close(); }, onLongPress () { state.open('first'); } }); let pressProps = { onPressStart (e) { // For consistency with native, open the menu on mouse/key down, but touch up. if (e.pointerType !== 'touch' && e.pointerType !== 'keyboard' && !isDisabled) // If opened with a screen reader, auto focus the first item. // Otherwise, the menu itself will be focused. state.toggle(e.pointerType === 'virtual' ? 'first' : null); }, onPress (e) { if (e.pointerType === 'touch' && !isDisabled) state.toggle(); } }; triggerProps = index.$3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, trigger === 'press' ? pressProps : longPressProps); return { menuTriggerProps: { ...triggerProps, id: menuTriggerId, onKeyDown: onKeyDown }, menuProps: { ...overlayProps, 'aria-labelledby': menuTriggerId } }; } var $d5336fe17ce95402$exports = {}; $parcel$export$7($d5336fe17ce95402$exports, "useMenu", () => $d5336fe17ce95402$export$38eaa17faae8f579); function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) { let { shouldFocusWrap: shouldFocusWrap = true , ...otherProps } = props; if (!props['aria-label'] && !props['aria-labelledby']) console.warn('An aria-label or aria-labelledby prop is required for accessibility.'); let domProps = index.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true }); let { listProps: listProps } = $982254629710d113$export$b95089534ab7c1fd({ ...otherProps, ref: ref, selectionManager: state.selectionManager, collection: state.collection, disabledKeys: state.disabledKeys, shouldFocusWrap: shouldFocusWrap }); return { menuProps: index.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, { role: 'menu', ...listProps }) }; } var $a2e5df62f93c7633$exports = {}; $parcel$export$7($a2e5df62f93c7633$exports, "useMenuItem", () => $a2e5df62f93c7633$export$9d32628fc2aea7da); function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) { let { isSelected: isSelected , isDisabled: isDisabled , key: key , onClose: onClose , closeOnSelect: closeOnSelect , isVirtualized: isVirtualized , onAction: onAction } = props; let role = 'menuitem'; if (state.selectionManager.selectionMode === 'single') role = 'menuitemradio'; else if (state.selectionManager.selectionMode === 'multiple') role = 'menuitemcheckbox'; let labelId = index.$bdb11010cef70236$export$b4cc09c592e8fdb8(); let descriptionId = index.$bdb11010cef70236$export$b4cc09c592e8fdb8(); let keyboardId = index.$bdb11010cef70236$export$b4cc09c592e8fdb8(); let ariaProps = { 'aria-disabled': isDisabled, role: role, 'aria-label': props['aria-label'], 'aria-labelledby': labelId, 'aria-describedby': [ descriptionId, keyboardId ].filter(Boolean).join(' ') || undefined }; if (state.selectionManager.selectionMode !== 'none') ariaProps['aria-checked'] = isSelected; if (isVirtualized) { ariaProps['aria-posinset'] = state.collection.getItem(key).index; ariaProps['aria-setsize'] = $453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection); } let onKeyDown = (e)=>{ // Ignore repeating events, which may have started on the menu trigger before moving // focus to the menu item. We want to wait for a second complete key press sequence. if (e.repeat) return; switch(e.key){ case ' ': if (!isDisabled && state.selectionManager.selectionMode === 'none' && closeOnSelect !== false && onClose) onClose(); break; case 'Enter': // The Enter key should always close on select, except if overridden. if (!isDisabled && closeOnSelect !== false && onClose) onClose(); break; } }; let onPressStart = (e)=>{ if (e.pointerType === 'keyboard' && onAction) onAction(key); }; let onPressUp = (e)=>{ if (e.pointerType !== 'keyboard') { if (onAction) onAction(key); // Pressing a menu item should close by default in single selection mode but not multiple // selection mode, except if overridden by the closeOnSelect prop. if (onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : state.selectionManager.selectionMode !== 'multiple')) onClose(); } }; let { itemProps: itemProps } = $880e95eb8b93ba9a$export$ecf600387e221c37({ selectionManager: state.selectionManager, key: key, ref: ref, shouldSelectOnPressUp: true, allowsDifferentPressOrigin: true }); let { pressProps: pressProps } = index.$f6c31cce2adf654f$export$45712eceda6fad21({ onPressStart: onPressStart, onPressUp: onPressUp, isDisabled: isDisabled }); let { hoverProps: hoverProps } = index.$6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: isDisabled, onHoverStart () { if (!index.$507fabe10e71c6fb$export$b9b3dfddab17db27()) { state.selectionManager.setFocused(true); state.selectionManager.setFocusedKey(key); } } }); return { menuItemProps: { ...ariaProps, ...index.$3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, pressProps, hoverProps, { onKeyDown: onKeyDown }) }, labelProps: { id: labelId }, descriptionProps: { id: descriptionId }, keyboardShortcutProps: { id: keyboardId } }; } var $3e5eb2498db5b506$exports = {}; $parcel$export$7($3e5eb2498db5b506$exports, "useMenuSection", () => $3e5eb2498db5b506$export$73f7a44322579622); function $3e5eb2498db5b506$export$73f7a44322579622(props) { let { heading: heading , 'aria-label': ariaLabel } = props; let headingId = index.$bdb11010cef70236$export$f680877a34711e37(); return { itemProps: { role: 'presentation' }, headingProps: heading ? { // Techincally, menus cannot contain headings according to ARIA. // We hide the heading from assistive technology, and only use it // as a label for the nested group. id: headingId, 'aria-hidden': true } : { }, groupProps: { role: 'group', 'aria-label': ariaLabel, 'aria-labelledby': heading ? headingId : undefined } }; } function $parcel$export$6(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $58aed456727eb0f3$exports = {}; $parcel$export$6($58aed456727eb0f3$exports, "useSelect", () => $58aed456727eb0f3$export$e64b2f635402ca43); function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) { let { keyboardDelegate: keyboardDelegate , isDisabled: isDisabled } = props; // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down). // When virtualized, the layout object will be passed in as a prop and override this. let collator = $325a3faab7a68acd$export$a16aca283550c30d({ usage: 'search', sensitivity: 'base' }); let delegate = React.useMemo(()=>keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a(state.collection, state.disabledKeys, null, collator) , [ keyboardDelegate, state.collection, state.disabledKeys, collator ]); let { menuTriggerProps: menuTriggerProps , menuProps: menuProps } = $168583247155ddda$export$dc9c12ed27dd1b49({ isDisabled: isDisabled, type: 'listbox' }, state, ref); let onKeyDown = (e)=>{ switch(e.key){ case 'ArrowLeft': { // prevent scrolling containers e.preventDefault(); let key = state.selectedKey != null ? delegate.getKeyAbove(state.selectedKey) : delegate.getFirstKey(); if (key) state.setSelectedKey(key); break; } case 'ArrowRight': { // prevent scrolling containers e.preventDefault(); let key = state.selectedKey != null ? delegate.getKeyBelow(state.selectedKey) : delegate.getFirstKey(); if (key) state.setSelectedKey(key); break; } } }; let { typeSelectProps: typeSelectProps } = $fb3050f43d946246$export$e32c88dfddc6e1d8({ keyboardDelegate: delegate, selectionManager: state.selectionManager, onTypeSelect (key) { state.setSelectedKey(key); } }); let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d({ ...props, labelElementType: 'span' }); typeSelectProps.onKeyDown = typeSelectProps.onKeyDownCapture; delete typeSelectProps.onKeyDownCapture; let domProps = index.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true }); let triggerProps = index.$3ef42575df84b30b$export$9d1611c77c2fe928(typeSelectProps, menuTriggerProps, fieldProps); let valueId = index.$bdb11010cef70236$export$f680877a34711e37(); return { labelProps: { ...labelProps, onClick: ()=>{ if (!props.isDisabled) { ref.current.focus(); // Show the focus ring so the user knows where focus went index.$507fabe10e71c6fb$export$8397ddfc504fdb9a('keyboard'); } } }, triggerProps: index.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, { ...triggerProps, onKeyDown: index.$ff5963eb1fccf552$export$e08e3b67e392101e(triggerProps.onKeyDown, onKeyDown, props.onKeyDown), onKeyUp: props.onKeyUp, 'aria-labelledby': [ triggerProps['aria-labelledby'], triggerProps['aria-label'] && !triggerProps['aria-labelledby'] ? triggerProps.id : null, valueId ].filter(Boolean).join(' '), onFocus (e) { if (state.isFocused) return; if (props.onFocus) props.onFocus(e); state.setFocused(true); }, onBlur (e) { if (state.isOpen) return; if (props.onBlur) props.onBlur(e); state.setFocused(false); } }), valueProps: { id: valueId }, menuProps: { ...menuProps, autoFocus: state.focusStrategy || true, shouldSelectOnPressUp: true, shouldFocusOnHover: true, disallowEmptySelection: true, onBlur: (e)=>{ if (e.currentTarget.contains(e.relatedTarget)) return; if (props.onBlur) props.onBlur(e); state.setFocused(false); }, 'aria-labelledby': [ fieldProps['aria-labelledby'], triggerProps['aria-label'] && !fieldProps['aria-labelledby'] ? triggerProps.id : null ].filter(Boolean).join(' ') }, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps }; } var $bdd25dc72710631f$exports = {}; $parcel$export$6($bdd25dc72710631f$exports, "useHiddenSelect", () => $bdd25dc72710631f$export$f809e80f58e251d1); $parcel$export$6($bdd25dc72710631f$exports, "HiddenSelect", () => $bdd25dc72710631f$export$cbd84cdb2e668835); function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) { let { autoComplete: autoComplete , name: name , isDisabled: isDisabled } = props; let modality = index.$507fabe10e71c6fb$export$98e20ec92f614cfe(); let { visuallyHiddenProps: visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab(); var _selectedKey; // In Safari, the whereas other browsers // seem to identify it just by surrounding text. // The solution is to use to hide the elements, which clips the elements to a // 1px rectangle. In addition, we hide from screen readers with aria-hidden, and make the for this also works, but Safari on iOS briefly flashes // the native menu on focus, so this isn't ideal. A font-size of 16px or greater is required to // prevent Safari from zooming in on the input when it is focused. // // If the current interaction modality is null, then the user hasn't interacted with the page yet. // In this case, we set the tabIndex to -1 on the input element so that automated accessibility // checkers don't throw false-positives about focusable elements inside an aria-hidden parent. return { containerProps: { ...visuallyHiddenProps, 'aria-hidden': true }, inputProps: { type: 'text', tabIndex: modality == null || state.isFocused || state.isOpen ? -1 : 0, style: { fontSize: 16 }, onFocus: ()=>triggerRef.current.focus() , disabled: isDisabled }, selectProps: { tabIndex: -1, autoComplete: autoComplete, disabled: isDisabled, name: name, size: state.collection.size, value: (_selectedKey = state.selectedKey) !== null && _selectedKey !== void 0 ? _selectedKey : '', onChange: (e)=>state.setSelectedKey(e.target.value) } }; } function $bdd25dc72710631f$export$cbd84cdb2e668835(props) { let { state: state , triggerRef: triggerRef , label: label , name: name , isDisabled: isDisabled } = props; let { containerProps: containerProps , inputProps: inputProps , selectProps: selectProps } = $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef); // If used in a

, use a hidden input so the value can be submitted to a server. // If the collection isn't too big, use a hidden . if (state.collection.size <= 300) return(/*#__PURE__*/ React__default["default"].createElement("div", containerProps, /*#__PURE__*/ React__default["default"].createElement("input", inputProps), /*#__PURE__*/ React__default["default"].createElement("label", null, label, /*#__PURE__*/ React__default["default"].createElement("select", selectProps, /*#__PURE__*/ React__default["default"].createElement("option", null), [ ...state.collection.getKeys() ].map((key)=>{ let item = state.collection.getItem(key); if (item.type === 'item') return(/*#__PURE__*/ React__default["default"].createElement("option", { key: item.key, value: item.key }, item.textValue)); }))))); else if (name) return(/*#__PURE__*/ React__default["default"].createElement("input", { type: "hidden", autoComplete: selectProps.autoComplete, name: name, disabled: isDisabled, value: state.selectedKey })); return null; } function $parcel$export$5(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $f4b273590fab9f93$exports = {}; $parcel$export$5($f4b273590fab9f93$exports, "useSeparator", () => $f4b273590fab9f93$export$52210f68a14655d0); function $f4b273590fab9f93$export$52210f68a14655d0(props) { let domProps = index.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true }); let ariaOrientation; // if orientation is horizontal, aria-orientation default is horizontal, so we leave it undefined // if it's vertical, we need to specify it if (props.orientation === 'vertical') ariaOrientation = 'vertical'; // hr elements implicitly have role = separator and a horizontal orientation if (props.elementType !== 'hr') return { separatorProps: { ...domProps, role: 'separator', 'aria-orientation': ariaOrientation } }; return { separatorProps: domProps }; } function $parcel$export$4(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $7af3f5b51489e0b5$exports = {}; $parcel$export$4($7af3f5b51489e0b5$exports, "useMultipleSelectionState", () => $7af3f5b51489e0b5$export$253fe78d46329472); class $e40ea825a81a3709$export$52baac22726c72bf extends Set { constructor(keys, anchorKey, currentKey){ super(keys); if (keys instanceof $e40ea825a81a3709$export$52baac22726c72bf) { this.anchorKey = anchorKey || keys.anchorKey; this.currentKey = currentKey || keys.currentKey; } else { this.anchorKey = anchorKey; this.currentKey = currentKey; } } } function $7af3f5b51489e0b5$var$equalSets(setA, setB) { if (setA.size !== setB.size) return false; for (let item of setA){ if (!setB.has(item)) return false; } return true; } function $7af3f5b51489e0b5$export$253fe78d46329472(props) { let { selectionMode: selectionMode = 'none' , disallowEmptySelection: disallowEmptySelection , allowDuplicateSelectionEvents: allowDuplicateSelectionEvents } = props; // We want synchronous updates to `isFocused` and `focusedKey` after their setters are called. // But we also need to trigger a react re-render. So, we have both a ref (sync) and state (async). let isFocusedRef = React.useRef(false); let [, setFocused] = React.useState(false); let focusedKeyRef = React.useRef(null); let childFocusStrategyRef = React.useRef(null); let [, setFocusedKey] = React.useState(null); let selectedKeysProp = React.useMemo(()=>$7af3f5b51489e0b5$var$convertSelection(props.selectedKeys) , [ props.selectedKeys ]); let defaultSelectedKeys = React.useMemo(()=>$7af3f5b51489e0b5$var$convertSelection(props.defaultSelectedKeys, new $e40ea825a81a3709$export$52baac22726c72bf()) , [ props.defaultSelectedKeys ]); let [selectedKeys, setSelectedKeys] = index.$bfee1151ccb0650f$export$40bfa8c7b0832715(selectedKeysProp, defaultSelectedKeys, props.onSelectionChange); let disabledKeysProp = React.useMemo(()=>props.disabledKeys ? new Set(props.disabledKeys) : new Set() , [ props.disabledKeys ]); let [selectionBehavior, setSelectionBehavior] = React.useState(props.selectionBehavior || 'toggle'); // If the selectionBehavior prop is set to replace, but the current state is toggle (e.g. due to long press // to enter selection mode on touch), and the selection becomes empty, reset the selection behavior. if (props.selectionBehavior === 'replace' && selectionBehavior === 'toggle' && typeof selectedKeys === 'object' && selectedKeys.size === 0) setSelectionBehavior('replace'); return { selectionMode: selectionMode, disallowEmptySelection: disallowEmptySelection, selectionBehavior: selectionBehavior, setSelectionBehavior: setSelectionBehavior, get isFocused () { return isFocusedRef.current; }, setFocused (f) { isFocusedRef.current = f; setFocused(f); }, get focusedKey () { return focusedKeyRef.current; }, get childFocusStrategy () { return childFocusStrategyRef.current; }, setFocusedKey (k, childFocusStrategy = 'first') { focusedKeyRef.current = k; childFocusStrategyRef.current = childFocusStrategy; setFocusedKey(k); }, selectedKeys: selectedKeys, setSelectedKeys (keys) { if (allowDuplicateSelectionEvents || !$7af3f5b51489e0b5$var$equalSets(keys, selectedKeys)) setSelectedKeys(keys); }, disabledKeys: disabledKeysProp }; } function $7af3f5b51489e0b5$var$convertSelection(selection, defaultValue) { if (!selection) return defaultValue; return selection === 'all' ? 'all' : new $e40ea825a81a3709$export$52baac22726c72bf(selection); } var $d496c0a20b6e58ec$exports = {}; $parcel$export$4($d496c0a20b6e58ec$exports, "SelectionManager", () => $d496c0a20b6e58ec$export$6c8a5aaad13c9852); class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 { /** * The type of selection that is allowed in the collection. */ get selectionMode() { return this.state.selectionMode; } /** * Whether the collection allows empty selection. */ get disallowEmptySelection() { return this.state.disallowEmptySelection; } /** * The selection behavior for the collection. */ get selectionBehavior() { return this.state.selectionBehavior; } /** * Sets the selection behavior for the collection. */ setSelectionBehavior(selectionBehavior) { this.state.setSelectionBehavior(selectionBehavior); } /** * Whether the collection is currently focused. */ get isFocused() { return this.state.isFocused; } /** * Sets whether the collection is focused. */ setFocused(isFocused) { this.state.setFocused(isFocused); } /** * The current focused key in the collection. */ get focusedKey() { return this.state.focusedKey; } /** Whether the first or last child of the focused key should receive focus. */ get childFocusStrategy() { return this.state.childFocusStrategy; } /** * Sets the focused key. */ setFocusedKey(key, childFocusStrategy) { this.state.setFocusedKey(key, childFocusStrategy); } /** * The currently selected keys in the collection. */ get selectedKeys() { return this.state.selectedKeys === 'all' ? new Set(this.getSelectAllKeys()) : this.state.selectedKeys; } /** * The raw selection value for the collection. * Either 'all' for select all, or a set of keys. */ get rawSelection() { return this.state.selectedKeys; } /** * Returns whether a key is selected. */ isSelected(key) { if (this.state.selectionMode === 'none') return false; key = this.getKey(key); return this.state.selectedKeys === 'all' ? !this.state.disabledKeys.has(key) : this.state.selectedKeys.has(key); } /** * Whether the selection is empty. */ get isEmpty() { return this.state.selectedKeys !== 'all' && this.state.selectedKeys.size === 0; } /** * Whether all items in the collection are selected. */ get isSelectAll() { if (this.isEmpty) return false; if (this.state.selectedKeys === 'all') return true; if (this._isSelectAll != null) return this._isSelectAll; let allKeys = this.getSelectAllKeys(); let selectedKeys = this.state.selectedKeys; this._isSelectAll = allKeys.every((k)=>selectedKeys.has(k) ); return this._isSelectAll; } get firstSelectedKey() { let first = null; for (let key of this.state.selectedKeys){ let item = this.collection.getItem(key); if (!first || (item === null || item === void 0 ? void 0 : item.index) < first.index) first = item; } return first === null || first === void 0 ? void 0 : first.key; } get lastSelectedKey() { let last = null; for (let key of this.state.selectedKeys){ let item = this.collection.getItem(key); if (!last || (item === null || item === void 0 ? void 0 : item.index) > last.index) last = item; } return last === null || last === void 0 ? void 0 : last.key; } /** * Extends the selection to the given key. */ extendSelection(toKey) { if (this.selectionMode === 'none') return; if (this.selectionMode === 'single') { this.replaceSelection(toKey); return; } toKey = this.getKey(toKey); let selection; // Only select the one key if coming from a select all. if (this.state.selectedKeys === 'all') selection = new $e40ea825a81a3709$export$52baac22726c72bf([ toKey ], toKey, toKey); else { let selectedKeys = this.state.selectedKeys; let anchorKey = selectedKeys.anchorKey || toKey; selection = new $e40ea825a81a3709$export$52baac22726c72bf(selectedKeys, anchorKey, toKey); for (let key of this.getKeyRange(anchorKey, selectedKeys.currentKey || toKey))selection.delete(key); for (let key1 of this.getKeyRange(toKey, anchorKey))if (!this.state.disabledKeys.has(key1)) selection.add(key1); } this.state.setSelectedKeys(selection); } getKeyRange(from, to) { let fromItem = this.collection.getItem(from); let toItem = this.collection.getItem(to); if (fromItem && toItem) { if (fromItem.index <= toItem.index) return this.getKeyRangeInternal(from, to); return this.getKeyRangeInternal(to, from); } return []; } getKeyRangeInternal(from, to) { let keys = []; let key = from; while(key){ let item = this.collection.getItem(key); if (item && item.type === 'item' || item.type === 'cell' && this.allowsCellSelection) keys.push(key); if (key === to) return keys; key = this.collection.getKeyAfter(key); } return []; } getKey(key) { let item = this.collection.getItem(key); if (!item) // ¯\_(ツ)_/¯ return key; // If cell selection is allowed, just return the key. if (item.type === 'cell' && this.allowsCellSelection) return key; // Find a parent item to select while(item.type !== 'item' && item.parentKey != null)item = this.collection.getItem(item.parentKey); if (!item || item.type !== 'item') return null; return item.key; } /** * Toggles whether the given key is selected. */ toggleSelection(key) { if (this.selectionMode === 'none') return; if (this.selectionMode === 'single' && !this.isSelected(key)) { this.replaceSelection(key); return; } key = this.getKey(key); if (key == null) return; let keys = new $e40ea825a81a3709$export$52baac22726c72bf(this.state.selectedKeys === 'all' ? this.getSelectAllKeys() : this.state.selectedKeys); if (keys.has(key)) keys.delete(key); else { keys.add(key); keys.anchorKey = key; keys.currentKey = key; } if (this.disallowEmptySelection && keys.size === 0) return; this.state.setSelectedKeys(keys); } /** * Replaces the selection with only the given key. */ replaceSelection(key) { if (this.selectionMode === 'none') return; key = this.getKey(key); if (key == null) return; this.state.setSelectedKeys(new $e40ea825a81a3709$export$52baac22726c72bf([ key ], key, key)); } /** * Replaces the selection with the given keys. */ setSelectedKeys(keys) { if (this.selectionMode === 'none') return; let selection = new $e40ea825a81a3709$export$52baac22726c72bf(); for (let key of keys){ key = this.getKey(key); if (key != null) { selection.add(key); if (this.selectionMode === 'single') break; } } this.state.setSelectedKeys(selection); } getSelectAllKeys() { let keys = []; let addKeys = (key)=>{ while(key){ if (!this.state.disabledKeys.has(key)) { let item = this.collection.getItem(key); if (item.type === 'item') keys.push(key); // Add child keys. If cell selection is allowed, then include item children too. if (item.hasChildNodes && (this.allowsCellSelection || item.type !== 'item')) addKeys([ ...item.childNodes ][0].key); } key = this.collection.getKeyAfter(key); } }; addKeys(this.collection.getFirstKey()); return keys; } /** * Selects all items in the collection. */ selectAll() { if (this.selectionMode === 'multiple') this.state.setSelectedKeys('all'); } /** * Removes all keys from the selection. */ clearSelection() { if (!this.disallowEmptySelection && (this.state.selectedKeys === 'all' || this.state.selectedKeys.size > 0)) this.state.setSelectedKeys(new $e40ea825a81a3709$export$52baac22726c72bf()); } /** * Toggles between select all and an empty selection. */ toggleSelectAll() { if (this.isSelectAll) this.clearSelection(); else this.selectAll(); } select(key, e) { if (this.selectionMode === 'none') return; if (this.selectionMode === 'single') { if (this.isSelected(key) && !this.disallowEmptySelection) this.toggleSelection(key); else this.replaceSelection(key); } else if (this.selectionBehavior === 'toggle' || e && (e.pointerType === 'touch' || e.pointerType === 'virtual')) // if touch or virtual (VO) then we just want to toggle, otherwise it's impossible to multi select because they don't have modifier keys this.toggleSelection(key); else this.replaceSelection(key); } /** * Returns whether the current selection is equal to the given selection. */ isSelectionEqual(selection) { if (selection === this.state.selectedKeys) return true; // Check if the set of keys match. let selectedKeys = this.selectedKeys; if (selection.size !== selectedKeys.size) return false; for (let key of selection){ if (!selectedKeys.has(key)) return false; } for (let key2 of selectedKeys){ if (!selection.has(key2)) return false; } return true; } canSelectItem(key) { if (this.state.selectionMode === 'none' || this.state.disabledKeys.has(key)) return false; let item = this.collection.getItem(key); if (!item || item.type === 'cell' && !this.allowsCellSelection) return false; return true; } constructor(collection, state, options){ this.collection = collection; this.state = state; var ref; this.allowsCellSelection = (ref = options === null || options === void 0 ? void 0 : options.allowsCellSelection) !== null && ref !== void 0 ? ref : false; this._isSelectAll = null; } } function $parcel$export$3(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $e72dd72e1c76a225$exports = {}; $parcel$export$3($e72dd72e1c76a225$exports, "useListState", () => $e72dd72e1c76a225$export$2f645645f7bca764); var $a02d57049d202695$exports = {}; $parcel$export$3($a02d57049d202695$exports, "ListCollection", () => $a02d57049d202695$export$d085fb9e920b5ca7); var tmp = Symbol.iterator; class $a02d57049d202695$export$d085fb9e920b5ca7 { *[tmp]() { yield* this.iterable; } get size() { return this.keyMap.size; } getKeys() { return this.keyMap.keys(); } getKeyBefore(key) { let node = this.keyMap.get(key); return node ? node.prevKey : null; } getKeyAfter(key) { let node = this.keyMap.get(key); return node ? node.nextKey : null; } getFirstKey() { return this.firstKey; } getLastKey() { return this.lastKey; } getItem(key) { return this.keyMap.get(key); } at(idx) { const keys = [ ...this.getKeys() ]; return this.getItem(keys[idx]); } constructor(nodes){ this.keyMap = new Map(); this.iterable = nodes; let visit = (node)=>{ this.keyMap.set(node.key, node); if (node.childNodes && node.type === 'section') for (let child of node.childNodes)visit(child); }; for (let node2 of nodes)visit(node2); let last; let index = 0; for (let [key, node1] of this.keyMap){ if (last) { last.nextKey = key; node1.prevKey = last.key; } else { this.firstKey = key; node1.prevKey = undefined; } if (node1.type === 'item') node1.index = index++; last = node1; // Set nextKey as undefined since this might be the last node // If it isn't the last node, last.nextKey will properly set at start of new loop last.nextKey = undefined; } this.lastKey = last === null || last === void 0 ? void 0 : last.key; } } function $e72dd72e1c76a225$export$2f645645f7bca764(props) { let { filter: filter } = props; let selectionState = $7af3f5b51489e0b5$export$253fe78d46329472(props); let disabledKeys = React.useMemo(()=>props.disabledKeys ? new Set(props.disabledKeys) : new Set() , [ props.disabledKeys ]); let factory = (nodes)=>filter ? new $a02d57049d202695$export$d085fb9e920b5ca7(filter(nodes)) : new $a02d57049d202695$export$d085fb9e920b5ca7(nodes) ; let context = React.useMemo(()=>({ suppressTextValueWarning: props.suppressTextValueWarning }) , [ props.suppressTextValueWarning ]); let collection = $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, [ filter ]); // Reset focused key if that item is deleted from the collection. React.useEffect(()=>{ if (selectionState.focusedKey != null && !collection.getItem(selectionState.focusedKey)) selectionState.setFocusedKey(null); }, [ collection, selectionState.focusedKey ]); return { collection: collection, disabledKeys: disabledKeys, selectionManager: new $d496c0a20b6e58ec$export$6c8a5aaad13c9852(collection, selectionState) }; } var $a0d645289fe9b86b$exports = {}; $parcel$export$3($a0d645289fe9b86b$exports, "useSingleSelectListState", () => $a0d645289fe9b86b$export$e7f05e985daf4b5f); function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) { var _defaultSelectedKey; let [selectedKey, setSelectedKey] = index.$bfee1151ccb0650f$export$40bfa8c7b0832715(props.selectedKey, (_defaultSelectedKey = props.defaultSelectedKey) !== null && _defaultSelectedKey !== void 0 ? _defaultSelectedKey : null, props.onSelectionChange); let selectedKeys = React.useMemo(()=>selectedKey != null ? [ selectedKey ] : [] , [ selectedKey ]); let { collection: collection , disabledKeys: disabledKeys , selectionManager: selectionManager } = $e72dd72e1c76a225$export$2f645645f7bca764({ ...props, selectionMode: 'single', disallowEmptySelection: true, allowDuplicateSelectionEvents: true, selectedKeys: selectedKeys, onSelectionChange: (keys)=>{ let key = keys.values().next().value; // Always fire onSelectionChange, even if the key is the same // as the current key (useControlledState does not). if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key); setSelectedKey(key); } }); let selectedItem = selectedKey != null ? collection.getItem(selectedKey) : null; return { collection: collection, disabledKeys: disabledKeys, selectionManager: selectionManager, selectedKey: selectedKey, setSelectedKey: setSelectedKey, selectedItem: selectedItem }; } function $parcel$export$2(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $fc909762b330b746$exports = {}; $parcel$export$2($fc909762b330b746$exports, "useOverlayTriggerState", () => $fc909762b330b746$export$61c6a8c84e605fb6); function $fc909762b330b746$export$61c6a8c84e605fb6(props) { let [isOpen, setOpen] = index.$bfee1151ccb0650f$export$40bfa8c7b0832715(props.isOpen, props.defaultOpen || false, props.onOpenChange); return { isOpen: isOpen, open () { setOpen(true); }, close () { setOpen(false); }, toggle () { setOpen(!isOpen); } }; } function $parcel$export$1(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $a28c903ee9ad8dc5$exports = {}; $parcel$export$1($a28c903ee9ad8dc5$exports, "useMenuTriggerState", () => $a28c903ee9ad8dc5$export$79fefeb1c2091ac3); function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) { let overlayTriggerState = $fc909762b330b746$export$61c6a8c84e605fb6(props); let [focusStrategy1, setFocusStrategy] = React.useState(null); return { focusStrategy: focusStrategy1, ...overlayTriggerState, open (focusStrategy = null) { setFocusStrategy(focusStrategy); overlayTriggerState.open(); }, toggle (focusStrategy = null) { setFocusStrategy(focusStrategy); overlayTriggerState.toggle(); } }; } function $parcel$export(e, n, v, s) { Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true}); } var $2bc3a590c5373a4e$exports = {}; $parcel$export($2bc3a590c5373a4e$exports, "useSelectState", () => $2bc3a590c5373a4e$export$5159ec8b34d4ec12); function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) { let triggerState = $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props); let listState = $a0d645289fe9b86b$export$e7f05e985daf4b5f({ ...props, onSelectionChange: (key)=>{ if (props.onSelectionChange != null) props.onSelectionChange(key); triggerState.close(); } }); let [isFocused, setFocused] = React.useState(false); return { ...listState, ...triggerState, open () { // Don't open if the collection is empty. if (listState.collection.size !== 0) triggerState.open(); }, toggle (focusStrategy) { if (listState.collection.size !== 0) triggerState.toggle(focusStrategy); }, isFocused: isFocused, setFocused: setFocused }; } /** * In general, we try not to expose react-aria's Collections API to Plume users. * The Collections API is how react-aria users pass data about collections of * things using the built-in Item and Section components, which are abstract, * metadata-only components that don't render anything but only serve to specify * data. For example, here's how you would use react-spectrum's Picker: * * *

* Taiwan * Japan * China *

* Germany * France *

* * * You would re-use this same Item/Section components to pass similar things to * Menu, Tabs, etc. * * For Plasmic, this API is too abstract. The user has explicitly designed components * like Select.Option and Select.OptionGroup, and it is weird that they don't actually * use these components. It is more natural to do: * * * * * * For Plume, we let users directly use the components they designed, both to collect * information and to perform actual rendering. For example, for Plume, * you'd use Select.Option instead of Item, and Select.OptionGroup instead of Section. * This means that the Select.Option props will collect the same information Item * does. * * A component like Select.Option then serves two purposes: * * 1. Allow users to specify the collection of data, like in the above example * Here, we're mainly interested in the props in those ReactElements so * we can pass the Item/Section data onto react-aria's APIs. We are not * actually rendering these elements. * 2. Once react-aria's Collections API has gone through them and built * Collection "nodes", we then create cloned versions of these elements * with the corresponding node passed in as a secret prop. These ReactElements * are then actually used to _render_ the corresponding Option / OptionGroup. * * This file contains helper functions to help with implementing the above. * * Note also that most of the collections-based react-aria components expose * a parallel API that accepts a list of "items" and a render prop, instead * of list of Item/Section elements. This is for efficiency, but we are opting * to only support the composite-component pattern for now for simplicity. */ /** * Given children of a component like Select or Menu, derive the items * that we will pass into the Collections API. These will be * ReactElement[]. * * Will also assign keys to items by their index in the collection, * and collect the keys of disabled items. */ function deriveItemsFromChildren(children, opts) { if (!children) { return { items: [], disabledKeys: [], }; } var itemPlumeType = opts.itemPlumeType, sectionPlumeType = opts.sectionPlumeType, invalidChildError = opts.invalidChildError; // For Plume items without an explicit key, we assign a key as the index // of the collection. var itemCount = 0; var sectionCount = 0; var ensureValue = function (element) { if (!propInChild(element, "value")) { if (opts.requireItemValue && plumeUtils27cd384f.PLUME_STRICT_MODE) { throw new Error("Must specify a \"value\" prop for " + index.getElementTypeName(element)); } else { return cloneChild(element, { value: "" + itemCount++ }); } } else { // Still increment count even if key is present, so that the // auto-assigned key really reflects the index itemCount++; return element; } }; var disabledKeys = []; var flattenedChildren = function (children) { return index.toChildArray(children).flatMap(function (child) { var _a; if (React__default["default"].isValidElement(child)) { if (child.type === React__default["default"].Fragment) { return flattenedChildren(child.props.children); } var type = plumeUtils27cd384f.getPlumeType(child); if (type === itemPlumeType) { child = ensureValue(child); var childKey = getItemLikeKey(child); if (getChildProp(child, "isDisabled") && !!childKey) { disabledKeys.push(childKey); } return [child]; } if (type === sectionPlumeType) { return [ cloneChild(child, { // key of section doesn't actually matter, just needs // to be unique key: (_a = child.key) !== null && _a !== void 0 ? _a : "section-" + sectionCount++, children: flattenedChildren(getChildProp(child, "children")), }), ]; } } { throw new Error(invalidChildError !== null && invalidChildError !== void 0 ? invalidChildError : "Unexpected child"); } }); }; return { items: flattenedChildren(children), disabledKeys: disabledKeys }; } function useDerivedItemsFromChildren(children, opts) { var itemPlumeType = opts.itemPlumeType, sectionPlumeType = opts.sectionPlumeType, invalidChildError = opts.invalidChildError, requireItemValue = opts.requireItemValue; return React__default["default"].useMemo(function () { return deriveItemsFromChildren(children, { itemPlumeType: itemPlumeType, sectionPlumeType: sectionPlumeType, invalidChildError: invalidChildError, requireItemValue: requireItemValue, }); }, [ children, itemPlumeType, sectionPlumeType, invalidChildError, requireItemValue, ]); } /** * Given a Collection node, create the React element that we should use * to render it. */ function renderCollectionNode(node) { // node.rendered should already have our item-like or section-like Plume // component elements, so we just need to clone them with a secret // _node prop that we use to render. return cloneChild(node.rendered, { _node: node, key: node.key, }); } /** * Renders a item-like or section-like Plume component element into an * Item or a Section element. */ function renderAsCollectionChild(child, opts) { var _a; var plumeType = plumeUtils27cd384f.getPlumeType(child); if (plumeType === opts.itemPlumeType) { var option = child; // We look at the children passed to the item-like element, and derive key // or textValue from it if it is a string var content = getChildProp(option, "children"); // The children render prop needs to return an return (React__default["default"].createElement($c1d7fb2ec91bae71$export$6d08773d2e66f8f2 // We use ItemLike.value if the user explicitly specified a value, // and we fallback to key. If the user specified neither, then // the Collections API will generate a unique key for this item. , { // We use ItemLike.value if the user explicitly specified a value, // and we fallback to key. If the user specified neither, then // the Collections API will generate a unique key for this item. key: getItemLikeKey(option), // textValue is either explicitly specified by the user, or we // try to derive it if `content` is a string. textValue: (_a = getChildProp(option, "textValue")) !== null && _a !== void 0 ? _a : (index.isString(content) ? content : propInChild(option, "value") ? getChildProp(option, "value") : option.key), "aria-label": getChildProp(option, "aria-label") }, option)); } else { var group = child; return (React__default["default"].createElement($9fc4852771d079eb$export$6e2c8f0811a474ce // Note that we are using the whole section-like element as the title // here, and not group.props.title; we want the entire section-like // Plume element to end up as Node.rendered. , { // Note that we are using the whole section-like element as the title // here, and not group.props.title; we want the entire section-like // Plume element to end up as Node.rendered. title: group, "aria-label": getChildProp(group, "aria-label"), // We are flattening and deriving the descendant Options as items here. // group.props.children should've already been cleaned up by // deriveItemsFromChildren() items: getChildProp(group, "children") }, function (c) { return renderAsCollectionChild(c, opts); })); } } function getItemLikeKey(element) { var _a; return (_a = getChildProp(element, "value")) !== null && _a !== void 0 ? _a : element.key; } // PlasmicLoader-aware function to get prop from child. function getChildProp(child, prop) { return "componentProps" in child.props ? child.props.componentProps[prop] : child.props[prop]; } // PlasmicLoader-aware function to check `if (prop in element.props)`. function propInChild(child, prop) { return "componentProps" in child.props ? prop in child.props.componentProps : prop in child.props; } // PlasmicLoader-aware function to clone React element. function cloneChild(child, props) { if (child.type.getPlumeType) { // If React element has getPlumeType(), assume that it is PlasmicLoader, // so add nodeProps to componentProps instead of element props. return React__default["default"].cloneElement(child, index.__assign({ componentProps: index.__assign(index.__assign({}, child.props.componentProps), props) }, (props.key ? { key: props.key } : {}))); } return React__default["default"].cloneElement(child, props); } function getStyleProps(props) { return index.pick(props, "className", "style"); } var TriggeredOverlayContext = React__namespace.createContext(undefined); var SelectContext = React__namespace.createContext(undefined); var COLLECTION_OPTS = { itemPlumeType: "select-option", sectionPlumeType: "select-option-group", }; /** * Converts props in our BaseSelectProps into props that react-aria's * useSelect() understands. * * Because we're not exposing the Collections API (see ./index.tsx), * we are converting our own API into props for useSelect. * * Specifically, in Plume's API, * - `children` flattens to a list of ReactElements of type Select.Option * or Select.OptionGroup * * and we map it this way to the Collections API: * - `items` is a list of those flattened ReactElements from `children`! * - `children`, as a render prop, is supposed to take one of the `items` * and return a `Section` or `Item` element. We take an Option/OptionGroup * element, and use its props to render the appropriate `Section` or * `Item`. The "trick" here is that we then stuff the Option element as * `Item.children`, and the OptionGroup element as `Section.title`. * * When the Collections API does its work deriving `Node`s, the corresponding * Option/OptionGroup ReactElements will end up as `Node.rendered`. * * Then, when we are actually rendering the content of the dropdown, we * iterate through each collected `Node`, and renders * React.cloneElement(Node.rendered, {_node: node}). This "secretly" passes * the derived collection `Node` as a prop to Option and OptionGroup, and they * can make use of the derived `Node.key` etc in their rendering functions. * * One thing to note here is that we never "rendered" the Option/OptionGroup * React elements that the user constructed; instead, we just looked at the * props used on those elements, and passed those onto the Collections API. * What gets rendered to the screen is the cloned version of these elements * with the secret derived `_node` prop. That means Option and OptionGroup * render functions can assume that _node is passed in. */ function useAriaSelectProps(props) { var value = props.value, defaultValue = props.defaultValue, children = props.children, onChange = props.onChange; props.placement; props.menuMatchTriggerWidth; props.menuWidth; var rest = index.__rest(props, ["value", "defaultValue", "children", "onChange", "placement", "menuMatchTriggerWidth", "menuWidth"]); var _a = useDerivedItemsFromChildren(children, index.__assign(index.__assign({}, COLLECTION_OPTS), { invalidChildError: "Can only use Select.Option and Select.OptionGroup as children to Select", requireItemValue: true })), items = _a.items, disabledKeys = _a.disabledKeys; var collectionChildRenderer = React__namespace.useCallback(function (child) { return renderAsCollectionChild(child, COLLECTION_OPTS); }, []); var onSelectionChange = React__namespace.useMemo(function () { if (onChange) { return function (val) { return onChange((val == null || val === "null" ? null : val)); }; } else { return undefined; } }, [onChange]); return { ariaProps: index.__assign(index.__assign(index.__assign({}, rest), { children: collectionChildRenderer, onSelectionChange: onSelectionChange, items: items, disabledKeys: disabledKeys, defaultSelectedKey: defaultValue }), ("value" in props && { selectedKey: value !== null && value !== void 0 ? value : null })), }; } function useSelect(plasmicClass, props, config, ref) { var _a, _b; if (ref === void 0) { ref = null; } index.useEnsureSSRProvider(); var ariaProps = useAriaSelectProps(props).ariaProps; var placement = props.placement; var state = $2bc3a590c5373a4e$export$5159ec8b34d4ec12(ariaProps); var triggerRef = React__namespace.useRef(null); var rootRef = React__namespace.useRef(null); var isDisabled = props.isDisabled, name = props.name, menuWidth = props.menuWidth, menuMatchTriggerWidth = props.menuMatchTriggerWidth, autoFocus = props.autoFocus, placeholder = props.placeholder, selectedContent = props.selectedContent; var _c = $58aed456727eb0f3$export$e64b2f635402ca43(ariaProps, state, triggerRef), triggerPressProps = _c.triggerProps, menuProps = _c.menuProps; var triggerProps = index.$f6c31cce2adf654f$export$45712eceda6fad21(index.__assign(index.__assign({}, triggerPressProps), { isDisabled: isDisabled })).pressProps; var triggerContent = state.selectedItem ? selectedContent !== null && selectedContent !== void 0 ? selectedContent : getChildProp(state.selectedItem.value, "children") : null; var variants = index.__assign(index.__assign({}, index.pick.apply(void 0, index.__spreadArray([props], plasmicClass.internalVariantProps))), plumeUtils27cd384f.mergeVariantToggles({ def: config.isOpenVariant, active: state.isOpen }, { def: config.placeholderVariant, active: !state.selectedItem }, { def: config.isDisabledVariant, active: isDisabled })); var triggerContext = React__namespace.useMemo(function () { return ({ triggerRef: triggerRef, state: state, placement: placement, overlayMatchTriggerWidth: menuMatchTriggerWidth, overlayMinTriggerWidth: true, overlayWidth: menuWidth, }); }, [triggerRef, state, placement, menuMatchTriggerWidth, menuWidth]); var overrides = (_a = {}, _a[config.root] = { props: index.mergeProps(getStyleProps(props), { ref: rootRef, }), wrapChildren: function (children) { return (React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement($bdd25dc72710631f$export$cbd84cdb2e668835, { state: state, triggerRef: triggerRef, name: name, isDisabled: isDisabled }), children)); }, }, _a[config.trigger] = { props: index.mergeProps(triggerProps, { ref: triggerRef, autoFocus: autoFocus, disabled: !!isDisabled, // Don't trigger form submission! type: "button", }), }, _a[config.overlay] = { wrap: function (content) { return (React__namespace.createElement(TriggeredOverlayContext.Provider, { value: triggerContext }, content)); }, }, _a[config.optionsContainer] = { wrap: function (content) { return (React__namespace.createElement(ListBoxWrapper, { state: state, menuProps: menuProps }, content)); }, }, _a); var args = index.__assign(index.__assign({}, index.pick.apply(void 0, index.__spreadArray([props], plasmicClass.internalArgProps))), (_b = {}, _b[config.triggerContentSlot] = triggerContent, _b[config.placeholderSlot] = placeholder, _b[config.optionsSlot] = (React__namespace.createElement(SelectContext.Provider, { value: state }, Array.from(state.collection).map(function (node) { return renderCollectionNode(node); }))), _b)); var plumeState = React__namespace.useMemo(function () { return ({ open: function () { return state.open(); }, close: function () { return state.close(); }, isOpen: function () { return state.isOpen; }, getSelectedValue: function () { return state.selectedKey ? "" + state.selectedKey : null; }, setSelectedValue: function (key) { return state.setSelectedKey(key); }, }); }, [state]); React__namespace.useImperativeHandle(ref, function () { return ({ getRoot: function () { return rootRef.current; }, getTrigger: function () { return triggerRef.current; }, focus: function () { var _a; return (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, blur: function () { var _a; return (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.blur(); }, open: function () { return plumeState.open(); }, close: function () { return plumeState.close(); }, isOpen: function () { return plumeState.isOpen(); }, getSelectedValue: function () { return plumeState.getSelectedValue(); }, setSelectedValue: function (key) { return plumeState.setSelectedValue(key); }, }); }, [rootRef, triggerRef, plumeState]); return { plasmicProps: { variants: variants, args: args, overrides: overrides, }, state: plumeState, }; } function ListBoxWrapper(props) { var state = props.state, menuProps = props.menuProps, children = props.children; var ref = React__namespace.useRef(null); var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(index.__assign(index.__assign({}, menuProps), { isVirtualized: false, autoFocus: state.focusStrategy || true, disallowEmptySelection: true }), state, ref).listBoxProps; return React__namespace.cloneElement(children, index.mergeProps(children.props, listBoxProps, { style: plumeUtils27cd384f.noOutline(), ref: ref })); } function useSelectOption(plasmicClass, props, config, outerRef) { var _a, _b; if (outerRef === void 0) { outerRef = null; } var state = React__namespace.useContext(SelectContext); if (!state) { // If no context, then we are being incorrectly used. Complain or just don't // bother installing any hooks. It's okay to violate rules of hooks here // because this instance won't suddenly be used correctly in another render. { throw new Error("You can only use a Select.Option within a Select component."); } } var children = props.children; var rootRef = React__namespace.useRef(null); var onRef = index.mergeRefs(rootRef, outerRef); // We pass in the Node secretly as an undocumented prop from

Logo

Influencer Shoppable Campaign

Oxford Loafers

$39.99