--> TEXT)\n if (morphedNodeType === ELEMENT_NODE) {\n if (toNodeType === ELEMENT_NODE) {\n if (!compareNodeNames(fromNode, toNode)) {\n onNodeDiscarded(fromNode);\n morphedNode = moveChildren(fromNode, createElementNS(toNode.nodeName, toNode.namespaceURI));\n }\n } else {\n // Going from an element node to a text node\n morphedNode = toNode;\n }\n } else if (morphedNodeType === TEXT_NODE || morphedNodeType === COMMENT_NODE) {\n // Text or comment node\n if (toNodeType === morphedNodeType) {\n if (morphedNode.nodeValue !== toNode.nodeValue) {\n morphedNode.nodeValue = toNode.nodeValue;\n }\n\n return morphedNode;\n } else {\n // Text node to something else\n morphedNode = toNode;\n }\n }\n }\n\n if (morphedNode === toNode) {\n // The \"to node\" was not compatible with the \"from node\" so we had to\n // toss out the \"from node\" and use the \"to node\"\n onNodeDiscarded(fromNode);\n } else {\n if (toNode.isSameNode && toNode.isSameNode(morphedNode)) {\n return;\n }\n\n morphEl(morphedNode, toNode, childrenOnly); // We now need to loop over any keyed nodes that might need to be\n // removed. We only do the removal if we know that the keyed node\n // never found a match. When a keyed node is matched up we remove\n // it out of fromNodesLookup and we use fromNodesLookup to determine\n // if a keyed node has been matched up or not\n\n if (keyedRemovalList) {\n for (var i = 0, len = keyedRemovalList.length; i < len; i++) {\n var elToRemove = fromNodesLookup[keyedRemovalList[i]];\n\n if (elToRemove) {\n removeNode(elToRemove, elToRemove.parentNode, false);\n }\n }\n }\n }\n\n if (!childrenOnly && morphedNode !== fromNode && fromNode.parentNode) {\n if (morphedNode.actualize) {\n morphedNode = morphedNode.actualize(fromNode.ownerDocument || doc);\n } // If we had to swap out the from node with a new node because the old\n // node was not compatible with the target node then we need to\n // replace the old DOM node in the original DOM tree. This is only\n // possible if the original DOM node was part of a DOM tree which\n // we know is the case if it has a parent node.\n\n\n fromNode.parentNode.replaceChild(morphedNode, fromNode);\n }\n\n return morphedNode;\n };\n}\n\nvar morphdom = morphdomFactory(morphAttrs);\nexport default morphdom;","function _typeof2(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof2(obj); }\n\n(function (global, factory) {\n (typeof exports === \"undefined\" ? \"undefined\" : _typeof2(exports)) === \"object\" && typeof module !== \"undefined\" ? factory(exports) : typeof define === \"function\" && define.amd ? define([\"exports\"], factory) : factory(global.ActionCable = {});\n})(this, function (exports) {\n \"use strict\";\n\n var adapters = {\n logger: self.console,\n WebSocket: self.WebSocket\n };\n var logger = {\n log: function log() {\n if (this.enabled) {\n var _adapters$logger;\n\n for (var _len = arguments.length, messages = Array(_len), _key = 0; _key < _len; _key++) {\n messages[_key] = arguments[_key];\n }\n\n messages.push(Date.now());\n\n (_adapters$logger = adapters.logger).log.apply(_adapters$logger, [\"[ActionCable]\"].concat(messages));\n }\n }\n };\n\n var _typeof = typeof Symbol === \"function\" && _typeof2(Symbol.iterator) === \"symbol\" ? function (obj) {\n return _typeof2(obj);\n } : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : _typeof2(obj);\n };\n\n var classCallCheck = function classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n };\n\n var createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n }();\n\n var now = function now() {\n return new Date().getTime();\n };\n\n var secondsSince = function secondsSince(time) {\n return (now() - time) / 1e3;\n };\n\n var clamp = function clamp(number, min, max) {\n return Math.max(min, Math.min(max, number));\n };\n\n var ConnectionMonitor = function () {\n function ConnectionMonitor(connection) {\n classCallCheck(this, ConnectionMonitor);\n this.visibilityDidChange = this.visibilityDidChange.bind(this);\n this.connection = connection;\n this.reconnectAttempts = 0;\n }\n\n ConnectionMonitor.prototype.start = function start() {\n if (!this.isRunning()) {\n this.startedAt = now();\n delete this.stoppedAt;\n this.startPolling();\n addEventListener(\"visibilitychange\", this.visibilityDidChange);\n logger.log(\"ConnectionMonitor started. pollInterval = \" + this.getPollInterval() + \" ms\");\n }\n };\n\n ConnectionMonitor.prototype.stop = function stop() {\n if (this.isRunning()) {\n this.stoppedAt = now();\n this.stopPolling();\n removeEventListener(\"visibilitychange\", this.visibilityDidChange);\n logger.log(\"ConnectionMonitor stopped\");\n }\n };\n\n ConnectionMonitor.prototype.isRunning = function isRunning() {\n return this.startedAt && !this.stoppedAt;\n };\n\n ConnectionMonitor.prototype.recordPing = function recordPing() {\n this.pingedAt = now();\n };\n\n ConnectionMonitor.prototype.recordConnect = function recordConnect() {\n this.reconnectAttempts = 0;\n this.recordPing();\n delete this.disconnectedAt;\n logger.log(\"ConnectionMonitor recorded connect\");\n };\n\n ConnectionMonitor.prototype.recordDisconnect = function recordDisconnect() {\n this.disconnectedAt = now();\n logger.log(\"ConnectionMonitor recorded disconnect\");\n };\n\n ConnectionMonitor.prototype.startPolling = function startPolling() {\n this.stopPolling();\n this.poll();\n };\n\n ConnectionMonitor.prototype.stopPolling = function stopPolling() {\n clearTimeout(this.pollTimeout);\n };\n\n ConnectionMonitor.prototype.poll = function poll() {\n var _this = this;\n\n this.pollTimeout = setTimeout(function () {\n _this.reconnectIfStale();\n\n _this.poll();\n }, this.getPollInterval());\n };\n\n ConnectionMonitor.prototype.getPollInterval = function getPollInterval() {\n var _constructor$pollInte = this.constructor.pollInterval,\n min = _constructor$pollInte.min,\n max = _constructor$pollInte.max,\n multiplier = _constructor$pollInte.multiplier;\n var interval = multiplier * Math.log(this.reconnectAttempts + 1);\n return Math.round(clamp(interval, min, max) * 1e3);\n };\n\n ConnectionMonitor.prototype.reconnectIfStale = function reconnectIfStale() {\n if (this.connectionIsStale()) {\n logger.log(\"ConnectionMonitor detected stale connection. reconnectAttempts = \" + this.reconnectAttempts + \", pollInterval = \" + this.getPollInterval() + \" ms, time disconnected = \" + secondsSince(this.disconnectedAt) + \" s, stale threshold = \" + this.constructor.staleThreshold + \" s\");\n this.reconnectAttempts++;\n\n if (this.disconnectedRecently()) {\n logger.log(\"ConnectionMonitor skipping reopening recent disconnect\");\n } else {\n logger.log(\"ConnectionMonitor reopening\");\n this.connection.reopen();\n }\n }\n };\n\n ConnectionMonitor.prototype.connectionIsStale = function connectionIsStale() {\n return secondsSince(this.pingedAt ? this.pingedAt : this.startedAt) > this.constructor.staleThreshold;\n };\n\n ConnectionMonitor.prototype.disconnectedRecently = function disconnectedRecently() {\n return this.disconnectedAt && secondsSince(this.disconnectedAt) < this.constructor.staleThreshold;\n };\n\n ConnectionMonitor.prototype.visibilityDidChange = function visibilityDidChange() {\n var _this2 = this;\n\n if (document.visibilityState === \"visible\") {\n setTimeout(function () {\n if (_this2.connectionIsStale() || !_this2.connection.isOpen()) {\n logger.log(\"ConnectionMonitor reopening stale connection on visibilitychange. visibilityState = \" + document.visibilityState);\n\n _this2.connection.reopen();\n }\n }, 200);\n }\n };\n\n return ConnectionMonitor;\n }();\n\n ConnectionMonitor.pollInterval = {\n min: 3,\n max: 30,\n multiplier: 5\n };\n ConnectionMonitor.staleThreshold = 6;\n var INTERNAL = {\n message_types: {\n welcome: \"welcome\",\n disconnect: \"disconnect\",\n ping: \"ping\",\n confirmation: \"confirm_subscription\",\n rejection: \"reject_subscription\"\n },\n disconnect_reasons: {\n unauthorized: \"unauthorized\",\n invalid_request: \"invalid_request\",\n server_restart: \"server_restart\"\n },\n default_mount_path: \"/cable\",\n protocols: [\"actioncable-v1-json\", \"actioncable-unsupported\"]\n };\n var message_types = INTERNAL.message_types,\n protocols = INTERNAL.protocols;\n var supportedProtocols = protocols.slice(0, protocols.length - 1);\n var indexOf = [].indexOf;\n\n var Connection = function () {\n function Connection(consumer) {\n classCallCheck(this, Connection);\n this.open = this.open.bind(this);\n this.consumer = consumer;\n this.subscriptions = this.consumer.subscriptions;\n this.monitor = new ConnectionMonitor(this);\n this.disconnected = true;\n }\n\n Connection.prototype.send = function send(data) {\n if (this.isOpen()) {\n this.webSocket.send(JSON.stringify(data));\n return true;\n } else {\n return false;\n }\n };\n\n Connection.prototype.open = function open() {\n if (this.isActive()) {\n logger.log(\"Attempted to open WebSocket, but existing socket is \" + this.getState());\n return false;\n } else {\n logger.log(\"Opening WebSocket, current state is \" + this.getState() + \", subprotocols: \" + protocols);\n\n if (this.webSocket) {\n this.uninstallEventHandlers();\n }\n\n this.webSocket = new adapters.WebSocket(this.consumer.url, protocols);\n this.installEventHandlers();\n this.monitor.start();\n return true;\n }\n };\n\n Connection.prototype.close = function close() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {\n allowReconnect: true\n },\n allowReconnect = _ref.allowReconnect;\n\n if (!allowReconnect) {\n this.monitor.stop();\n }\n\n if (this.isActive()) {\n return this.webSocket.close();\n }\n };\n\n Connection.prototype.reopen = function reopen() {\n logger.log(\"Reopening WebSocket, current state is \" + this.getState());\n\n if (this.isActive()) {\n try {\n return this.close();\n } catch (error) {\n logger.log(\"Failed to reopen WebSocket\", error);\n } finally {\n logger.log(\"Reopening WebSocket in \" + this.constructor.reopenDelay + \"ms\");\n setTimeout(this.open, this.constructor.reopenDelay);\n }\n } else {\n return this.open();\n }\n };\n\n Connection.prototype.getProtocol = function getProtocol() {\n if (this.webSocket) {\n return this.webSocket.protocol;\n }\n };\n\n Connection.prototype.isOpen = function isOpen() {\n return this.isState(\"open\");\n };\n\n Connection.prototype.isActive = function isActive() {\n return this.isState(\"open\", \"connecting\");\n };\n\n Connection.prototype.isProtocolSupported = function isProtocolSupported() {\n return indexOf.call(supportedProtocols, this.getProtocol()) >= 0;\n };\n\n Connection.prototype.isState = function isState() {\n for (var _len = arguments.length, states = Array(_len), _key = 0; _key < _len; _key++) {\n states[_key] = arguments[_key];\n }\n\n return indexOf.call(states, this.getState()) >= 0;\n };\n\n Connection.prototype.getState = function getState() {\n if (this.webSocket) {\n for (var state in adapters.WebSocket) {\n if (adapters.WebSocket[state] === this.webSocket.readyState) {\n return state.toLowerCase();\n }\n }\n }\n\n return null;\n };\n\n Connection.prototype.installEventHandlers = function installEventHandlers() {\n for (var eventName in this.events) {\n var handler = this.events[eventName].bind(this);\n this.webSocket[\"on\" + eventName] = handler;\n }\n };\n\n Connection.prototype.uninstallEventHandlers = function uninstallEventHandlers() {\n for (var eventName in this.events) {\n this.webSocket[\"on\" + eventName] = function () {};\n }\n };\n\n return Connection;\n }();\n\n Connection.reopenDelay = 500;\n Connection.prototype.events = {\n message: function message(event) {\n if (!this.isProtocolSupported()) {\n return;\n }\n\n var _JSON$parse = JSON.parse(event.data),\n identifier = _JSON$parse.identifier,\n message = _JSON$parse.message,\n reason = _JSON$parse.reason,\n reconnect = _JSON$parse.reconnect,\n type = _JSON$parse.type;\n\n switch (type) {\n case message_types.welcome:\n this.monitor.recordConnect();\n return this.subscriptions.reload();\n\n case message_types.disconnect:\n logger.log(\"Disconnecting. Reason: \" + reason);\n return this.close({\n allowReconnect: reconnect\n });\n\n case message_types.ping:\n return this.monitor.recordPing();\n\n case message_types.confirmation:\n return this.subscriptions.notify(identifier, \"connected\");\n\n case message_types.rejection:\n return this.subscriptions.reject(identifier);\n\n default:\n return this.subscriptions.notify(identifier, \"received\", message);\n }\n },\n open: function open() {\n logger.log(\"WebSocket onopen event, using '\" + this.getProtocol() + \"' subprotocol\");\n this.disconnected = false;\n\n if (!this.isProtocolSupported()) {\n logger.log(\"Protocol is unsupported. Stopping monitor and disconnecting.\");\n return this.close({\n allowReconnect: false\n });\n }\n },\n close: function close(event) {\n logger.log(\"WebSocket onclose event\");\n\n if (this.disconnected) {\n return;\n }\n\n this.disconnected = true;\n this.monitor.recordDisconnect();\n return this.subscriptions.notifyAll(\"disconnected\", {\n willAttemptReconnect: this.monitor.isRunning()\n });\n },\n error: function error() {\n logger.log(\"WebSocket onerror event\");\n }\n };\n\n var extend = function extend(object, properties) {\n if (properties != null) {\n for (var key in properties) {\n var value = properties[key];\n object[key] = value;\n }\n }\n\n return object;\n };\n\n var Subscription = function () {\n function Subscription(consumer) {\n var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var mixin = arguments[2];\n classCallCheck(this, Subscription);\n this.consumer = consumer;\n this.identifier = JSON.stringify(params);\n extend(this, mixin);\n }\n\n Subscription.prototype.perform = function perform(action) {\n var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n data.action = action;\n return this.send(data);\n };\n\n Subscription.prototype.send = function send(data) {\n return this.consumer.send({\n command: \"message\",\n identifier: this.identifier,\n data: JSON.stringify(data)\n });\n };\n\n Subscription.prototype.unsubscribe = function unsubscribe() {\n return this.consumer.subscriptions.remove(this);\n };\n\n return Subscription;\n }();\n\n var Subscriptions = function () {\n function Subscriptions(consumer) {\n classCallCheck(this, Subscriptions);\n this.consumer = consumer;\n this.subscriptions = [];\n }\n\n Subscriptions.prototype.create = function create(channelName, mixin) {\n var channel = channelName;\n var params = (typeof channel === \"undefined\" ? \"undefined\" : _typeof(channel)) === \"object\" ? channel : {\n channel: channel\n };\n var subscription = new Subscription(this.consumer, params, mixin);\n return this.add(subscription);\n };\n\n Subscriptions.prototype.add = function add(subscription) {\n this.subscriptions.push(subscription);\n this.consumer.ensureActiveConnection();\n this.notify(subscription, \"initialized\");\n this.sendCommand(subscription, \"subscribe\");\n return subscription;\n };\n\n Subscriptions.prototype.remove = function remove(subscription) {\n this.forget(subscription);\n\n if (!this.findAll(subscription.identifier).length) {\n this.sendCommand(subscription, \"unsubscribe\");\n }\n\n return subscription;\n };\n\n Subscriptions.prototype.reject = function reject(identifier) {\n var _this = this;\n\n return this.findAll(identifier).map(function (subscription) {\n _this.forget(subscription);\n\n _this.notify(subscription, \"rejected\");\n\n return subscription;\n });\n };\n\n Subscriptions.prototype.forget = function forget(subscription) {\n this.subscriptions = this.subscriptions.filter(function (s) {\n return s !== subscription;\n });\n return subscription;\n };\n\n Subscriptions.prototype.findAll = function findAll(identifier) {\n return this.subscriptions.filter(function (s) {\n return s.identifier === identifier;\n });\n };\n\n Subscriptions.prototype.reload = function reload() {\n var _this2 = this;\n\n return this.subscriptions.map(function (subscription) {\n return _this2.sendCommand(subscription, \"subscribe\");\n });\n };\n\n Subscriptions.prototype.notifyAll = function notifyAll(callbackName) {\n var _this3 = this;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return this.subscriptions.map(function (subscription) {\n return _this3.notify.apply(_this3, [subscription, callbackName].concat(args));\n });\n };\n\n Subscriptions.prototype.notify = function notify(subscription, callbackName) {\n for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {\n args[_key2 - 2] = arguments[_key2];\n }\n\n var subscriptions = void 0;\n\n if (typeof subscription === \"string\") {\n subscriptions = this.findAll(subscription);\n } else {\n subscriptions = [subscription];\n }\n\n return subscriptions.map(function (subscription) {\n return typeof subscription[callbackName] === \"function\" ? subscription[callbackName].apply(subscription, args) : undefined;\n });\n };\n\n Subscriptions.prototype.sendCommand = function sendCommand(subscription, command) {\n var identifier = subscription.identifier;\n return this.consumer.send({\n command: command,\n identifier: identifier\n });\n };\n\n return Subscriptions;\n }();\n\n var Consumer = function () {\n function Consumer(url) {\n classCallCheck(this, Consumer);\n this._url = url;\n this.subscriptions = new Subscriptions(this);\n this.connection = new Connection(this);\n }\n\n Consumer.prototype.send = function send(data) {\n return this.connection.send(data);\n };\n\n Consumer.prototype.connect = function connect() {\n return this.connection.open();\n };\n\n Consumer.prototype.disconnect = function disconnect() {\n return this.connection.close({\n allowReconnect: false\n });\n };\n\n Consumer.prototype.ensureActiveConnection = function ensureActiveConnection() {\n if (!this.connection.isActive()) {\n return this.connection.open();\n }\n };\n\n createClass(Consumer, [{\n key: \"url\",\n get: function get$$1() {\n return createWebSocketURL(this._url);\n }\n }]);\n return Consumer;\n }();\n\n function createWebSocketURL(url) {\n if (typeof url === \"function\") {\n url = url();\n }\n\n if (url && !/^wss?:/i.test(url)) {\n var a = document.createElement(\"a\");\n a.href = url;\n a.href = a.href;\n a.protocol = a.protocol.replace(\"http\", \"ws\");\n return a.href;\n } else {\n return url;\n }\n }\n\n function createConsumer() {\n var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getConfig(\"url\") || INTERNAL.default_mount_path;\n return new Consumer(url);\n }\n\n function getConfig(name) {\n var element = document.head.querySelector(\"meta[name='action-cable-\" + name + \"']\");\n\n if (element) {\n return element.getAttribute(\"content\");\n }\n }\n\n exports.Connection = Connection;\n exports.ConnectionMonitor = ConnectionMonitor;\n exports.Consumer = Consumer;\n exports.INTERNAL = INTERNAL;\n exports.Subscription = Subscription;\n exports.Subscriptions = Subscriptions;\n exports.adapters = adapters;\n exports.createWebSocketURL = createWebSocketURL;\n exports.logger = logger;\n exports.createConsumer = createConsumer;\n exports.getConfig = getConfig;\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n});","module.exports = function (module) {\n if (!module.webpackPolyfill) {\n module.deprecate = function () {};\n\n module.paths = []; // module.parent = undefined by default\n\n if (!module.children) module.children = [];\n Object.defineProperty(module, \"loaded\", {\n enumerable: true,\n get: function get() {\n return module.l;\n }\n });\n Object.defineProperty(module, \"id\", {\n enumerable: true,\n get: function get() {\n return module.i;\n }\n });\n module.webpackPolyfill = 1;\n }\n\n return module;\n};","function _setPrototypeOf(o, p) {\n module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n return _setPrototypeOf(o, p);\n}\n\nmodule.exports = _setPrototypeOf;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","\"use strict\";\n\nvar window = require(\"global/window\");\n\nvar _extends = require(\"@babel/runtime/helpers/extends\");\n\nvar isFunction = require('is-function');\n\ncreateXHR.httpHandler = require('./http-handler.js');\n/**\n * @license\n * slighly modified parse-headers 2.0.2
\n * Copyright (c) 2014 David Björklund\n * Available under the MIT license\n *
\n */\n\nvar parseHeaders = function parseHeaders(headers) {\n var result = {};\n\n if (!headers) {\n return result;\n }\n\n headers.trim().split('\\n').forEach(function (row) {\n var index = row.indexOf(':');\n var key = row.slice(0, index).trim().toLowerCase();\n var value = row.slice(index + 1).trim();\n\n if (typeof result[key] === 'undefined') {\n result[key] = value;\n } else if (Array.isArray(result[key])) {\n result[key].push(value);\n } else {\n result[key] = [result[key], value];\n }\n });\n return result;\n};\n\nmodule.exports = createXHR; // Allow use of default import syntax in TypeScript\n\nmodule.exports.default = createXHR;\ncreateXHR.XMLHttpRequest = window.XMLHttpRequest || noop;\ncreateXHR.XDomainRequest = \"withCredentials\" in new createXHR.XMLHttpRequest() ? createXHR.XMLHttpRequest : window.XDomainRequest;\nforEachArray([\"get\", \"put\", \"post\", \"patch\", \"head\", \"delete\"], function (method) {\n createXHR[method === \"delete\" ? \"del\" : method] = function (uri, options, callback) {\n options = initParams(uri, options, callback);\n options.method = method.toUpperCase();\n return _createXHR(options);\n };\n});\n\nfunction forEachArray(array, iterator) {\n for (var i = 0; i < array.length; i++) {\n iterator(array[i]);\n }\n}\n\nfunction isEmpty(obj) {\n for (var i in obj) {\n if (obj.hasOwnProperty(i)) return false;\n }\n\n return true;\n}\n\nfunction initParams(uri, options, callback) {\n var params = uri;\n\n if (isFunction(options)) {\n callback = options;\n\n if (typeof uri === \"string\") {\n params = {\n uri: uri\n };\n }\n } else {\n params = _extends({}, options, {\n uri: uri\n });\n }\n\n params.callback = callback;\n return params;\n}\n\nfunction createXHR(uri, options, callback) {\n options = initParams(uri, options, callback);\n return _createXHR(options);\n}\n\nfunction _createXHR(options) {\n if (typeof options.callback === \"undefined\") {\n throw new Error(\"callback argument missing\");\n }\n\n var called = false;\n\n var callback = function cbOnce(err, response, body) {\n if (!called) {\n called = true;\n options.callback(err, response, body);\n }\n };\n\n function readystatechange() {\n if (xhr.readyState === 4) {\n setTimeout(loadFunc, 0);\n }\n }\n\n function getBody() {\n // Chrome with requestType=blob throws errors arround when even testing access to responseText\n var body = undefined;\n\n if (xhr.response) {\n body = xhr.response;\n } else {\n body = xhr.responseText || getXml(xhr);\n }\n\n if (isJson) {\n try {\n body = JSON.parse(body);\n } catch (e) {}\n }\n\n return body;\n }\n\n function errorFunc(evt) {\n clearTimeout(timeoutTimer);\n\n if (!(evt instanceof Error)) {\n evt = new Error(\"\" + (evt || \"Unknown XMLHttpRequest Error\"));\n }\n\n evt.statusCode = 0;\n return callback(evt, failureResponse);\n } // will load the data & process the response in a special response object\n\n\n function loadFunc() {\n if (aborted) return;\n var status;\n clearTimeout(timeoutTimer);\n\n if (options.useXDR && xhr.status === undefined) {\n //IE8 CORS GET successful response doesn't have a status field, but body is fine\n status = 200;\n } else {\n status = xhr.status === 1223 ? 204 : xhr.status;\n }\n\n var response = failureResponse;\n var err = null;\n\n if (status !== 0) {\n response = {\n body: getBody(),\n statusCode: status,\n method: method,\n headers: {},\n url: uri,\n rawRequest: xhr\n };\n\n if (xhr.getAllResponseHeaders) {\n //remember xhr can in fact be XDR for CORS in IE\n response.headers = parseHeaders(xhr.getAllResponseHeaders());\n }\n } else {\n err = new Error(\"Internal XMLHttpRequest Error\");\n }\n\n return callback(err, response, response.body);\n }\n\n var xhr = options.xhr || null;\n\n if (!xhr) {\n if (options.cors || options.useXDR) {\n xhr = new createXHR.XDomainRequest();\n } else {\n xhr = new createXHR.XMLHttpRequest();\n }\n }\n\n var key;\n var aborted;\n var uri = xhr.url = options.uri || options.url;\n var method = xhr.method = options.method || \"GET\";\n var body = options.body || options.data;\n var headers = xhr.headers = options.headers || {};\n var sync = !!options.sync;\n var isJson = false;\n var timeoutTimer;\n var failureResponse = {\n body: undefined,\n headers: {},\n statusCode: 0,\n method: method,\n url: uri,\n rawRequest: xhr\n };\n\n if (\"json\" in options && options.json !== false) {\n isJson = true;\n headers[\"accept\"] || headers[\"Accept\"] || (headers[\"Accept\"] = \"application/json\"); //Don't override existing accept header declared by user\n\n if (method !== \"GET\" && method !== \"HEAD\") {\n headers[\"content-type\"] || headers[\"Content-Type\"] || (headers[\"Content-Type\"] = \"application/json\"); //Don't override existing accept header declared by user\n\n body = JSON.stringify(options.json === true ? body : options.json);\n }\n }\n\n xhr.onreadystatechange = readystatechange;\n xhr.onload = loadFunc;\n xhr.onerror = errorFunc; // IE9 must have onprogress be set to a unique function.\n\n xhr.onprogress = function () {// IE must die\n };\n\n xhr.onabort = function () {\n aborted = true;\n };\n\n xhr.ontimeout = errorFunc;\n xhr.open(method, uri, !sync, options.username, options.password); //has to be after open\n\n if (!sync) {\n xhr.withCredentials = !!options.withCredentials;\n } // Cannot set timeout with sync request\n // not setting timeout on the xhr object, because of old webkits etc. not handling that correctly\n // both npm's request and jquery 1.x use this kind of timeout, so this is being consistent\n\n\n if (!sync && options.timeout > 0) {\n timeoutTimer = setTimeout(function () {\n if (aborted) return;\n aborted = true; //IE9 may still call readystatechange\n\n xhr.abort(\"timeout\");\n var e = new Error(\"XMLHttpRequest timeout\");\n e.code = \"ETIMEDOUT\";\n errorFunc(e);\n }, options.timeout);\n }\n\n if (xhr.setRequestHeader) {\n for (key in headers) {\n if (headers.hasOwnProperty(key)) {\n xhr.setRequestHeader(key, headers[key]);\n }\n }\n } else if (options.headers && !isEmpty(options.headers)) {\n throw new Error(\"Headers cannot be set on an XDomainRequest object\");\n }\n\n if (\"responseType\" in options) {\n xhr.responseType = options.responseType;\n }\n\n if (\"beforeSend\" in options && typeof options.beforeSend === \"function\") {\n options.beforeSend(xhr);\n } // Microsoft Edge browser sends \"undefined\" when send is called with undefined value.\n // XMLHttpRequest spec says to pass null as body to indicate no body\n // See https://github.com/naugtur/xhr/issues/100.\n\n\n xhr.send(body || null);\n return xhr;\n}\n\nfunction getXml(xhr) {\n // xhr.responseXML will throw Exception \"InvalidStateError\" or \"DOMException\"\n // See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseXML.\n try {\n if (xhr.responseType === \"document\") {\n return xhr.responseXML;\n }\n\n var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === \"parsererror\";\n\n if (xhr.responseType === \"\" && !firefoxBugTakenEffect) {\n return xhr.responseXML;\n }\n } catch (e) {}\n\n return null;\n}\n\nfunction noop() {}","/**\n * Copyright 2013 vtt.js Contributors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// Default exports for Node. Export the extended versions of VTTCue and\n// VTTRegion in Node since we likely want the capability to convert back and\n// forth between JSON. If we don't then it's not that big of a deal since we're\n// off browser.\nvar window = require('global/window');\n\nvar vttjs = module.exports = {\n WebVTT: require(\"./vtt.js\"),\n VTTCue: require(\"./vttcue.js\"),\n VTTRegion: require(\"./vttregion.js\")\n};\nwindow.vttjs = vttjs;\nwindow.WebVTT = vttjs.WebVTT;\nvar cueShim = vttjs.VTTCue;\nvar regionShim = vttjs.VTTRegion;\nvar nativeVTTCue = window.VTTCue;\nvar nativeVTTRegion = window.VTTRegion;\n\nvttjs.shim = function () {\n window.VTTCue = cueShim;\n window.VTTRegion = regionShim;\n};\n\nvttjs.restore = function () {\n window.VTTCue = nativeVTTCue;\n window.VTTRegion = nativeVTTRegion;\n};\n\nif (!window.VTTCue) {\n vttjs.shim();\n}","function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n// see https://tools.ietf.org/html/rfc1808\n(function (root) {\n var URL_REGEX = /^((?:[a-zA-Z0-9+\\-.]+:)?)(\\/\\/[^\\/?#]*)?((?:[^\\/?#]*\\/)*[^;?#]*)?(;[^?#]*)?(\\?[^#]*)?(#[^]*)?$/;\n var FIRST_SEGMENT_REGEX = /^([^\\/?#]*)([^]*)$/;\n var SLASH_DOT_REGEX = /(?:\\/|^)\\.(?=\\/)/g;\n var SLASH_DOT_DOT_REGEX = /(?:\\/|^)\\.\\.\\/(?!\\.\\.\\/)[^\\/]*(?=\\/)/g;\n var URLToolkit = {\n // If opts.alwaysNormalize is true then the path will always be normalized even when it starts with / or //\n // E.g\n // With opts.alwaysNormalize = false (default, spec compliant)\n // http://a.com/b/cd + /e/f/../g => http://a.com/e/f/../g\n // With opts.alwaysNormalize = true (not spec compliant)\n // http://a.com/b/cd + /e/f/../g => http://a.com/e/g\n buildAbsoluteURL: function buildAbsoluteURL(baseURL, relativeURL, opts) {\n opts = opts || {}; // remove any remaining space and CRLF\n\n baseURL = baseURL.trim();\n relativeURL = relativeURL.trim();\n\n if (!relativeURL) {\n // 2a) If the embedded URL is entirely empty, it inherits the\n // entire base URL (i.e., is set equal to the base URL)\n // and we are done.\n if (!opts.alwaysNormalize) {\n return baseURL;\n }\n\n var basePartsForNormalise = URLToolkit.parseURL(baseURL);\n\n if (!basePartsForNormalise) {\n throw new Error('Error trying to parse base URL.');\n }\n\n basePartsForNormalise.path = URLToolkit.normalizePath(basePartsForNormalise.path);\n return URLToolkit.buildURLFromParts(basePartsForNormalise);\n }\n\n var relativeParts = URLToolkit.parseURL(relativeURL);\n\n if (!relativeParts) {\n throw new Error('Error trying to parse relative URL.');\n }\n\n if (relativeParts.scheme) {\n // 2b) If the embedded URL starts with a scheme name, it is\n // interpreted as an absolute URL and we are done.\n if (!opts.alwaysNormalize) {\n return relativeURL;\n }\n\n relativeParts.path = URLToolkit.normalizePath(relativeParts.path);\n return URLToolkit.buildURLFromParts(relativeParts);\n }\n\n var baseParts = URLToolkit.parseURL(baseURL);\n\n if (!baseParts) {\n throw new Error('Error trying to parse base URL.');\n }\n\n if (!baseParts.netLoc && baseParts.path && baseParts.path[0] !== '/') {\n // If netLoc missing and path doesn't start with '/', assume everthing before the first '/' is the netLoc\n // This causes 'example.com/a' to be handled as '//example.com/a' instead of '/example.com/a'\n var pathParts = FIRST_SEGMENT_REGEX.exec(baseParts.path);\n baseParts.netLoc = pathParts[1];\n baseParts.path = pathParts[2];\n }\n\n if (baseParts.netLoc && !baseParts.path) {\n baseParts.path = '/';\n }\n\n var builtParts = {\n // 2c) Otherwise, the embedded URL inherits the scheme of\n // the base URL.\n scheme: baseParts.scheme,\n netLoc: relativeParts.netLoc,\n path: null,\n params: relativeParts.params,\n query: relativeParts.query,\n fragment: relativeParts.fragment\n };\n\n if (!relativeParts.netLoc) {\n // 3) If the embedded URL's is non-empty, we skip to\n // Step 7. Otherwise, the embedded URL inherits the \n // (if any) of the base URL.\n builtParts.netLoc = baseParts.netLoc; // 4) If the embedded URL path is preceded by a slash \"/\", the\n // path is not relative and we skip to Step 7.\n\n if (relativeParts.path[0] !== '/') {\n if (!relativeParts.path) {\n // 5) If the embedded URL path is empty (and not preceded by a\n // slash), then the embedded URL inherits the base URL path\n builtParts.path = baseParts.path; // 5a) if the embedded URL's is non-empty, we skip to\n // step 7; otherwise, it inherits the of the base\n // URL (if any) and\n\n if (!relativeParts.params) {\n builtParts.params = baseParts.params; // 5b) if the embedded URL's is non-empty, we skip to\n // step 7; otherwise, it inherits the of the base\n // URL (if any) and we skip to step 7.\n\n if (!relativeParts.query) {\n builtParts.query = baseParts.query;\n }\n }\n } else {\n // 6) The last segment of the base URL's path (anything\n // following the rightmost slash \"/\", or the entire path if no\n // slash is present) is removed and the embedded URL's path is\n // appended in its place.\n var baseURLPath = baseParts.path;\n var newPath = baseURLPath.substring(0, baseURLPath.lastIndexOf('/') + 1) + relativeParts.path;\n builtParts.path = URLToolkit.normalizePath(newPath);\n }\n }\n }\n\n if (builtParts.path === null) {\n builtParts.path = opts.alwaysNormalize ? URLToolkit.normalizePath(relativeParts.path) : relativeParts.path;\n }\n\n return URLToolkit.buildURLFromParts(builtParts);\n },\n parseURL: function parseURL(url) {\n var parts = URL_REGEX.exec(url);\n\n if (!parts) {\n return null;\n }\n\n return {\n scheme: parts[1] || '',\n netLoc: parts[2] || '',\n path: parts[3] || '',\n params: parts[4] || '',\n query: parts[5] || '',\n fragment: parts[6] || ''\n };\n },\n normalizePath: function normalizePath(path) {\n // The following operations are\n // then applied, in order, to the new path:\n // 6a) All occurrences of \"./\", where \".\" is a complete path\n // segment, are removed.\n // 6b) If the path ends with \".\" as a complete path segment,\n // that \".\" is removed.\n path = path.split('').reverse().join('').replace(SLASH_DOT_REGEX, ''); // 6c) All occurrences of \"/../\", where is a\n // complete path segment not equal to \"..\", are removed.\n // Removal of these path segments is performed iteratively,\n // removing the leftmost matching pattern on each iteration,\n // until no matching pattern remains.\n // 6d) If the path ends with \"/..\", where is a\n // complete path segment not equal to \"..\", that\n // \"/..\" is removed.\n\n while (path.length !== (path = path.replace(SLASH_DOT_DOT_REGEX, '')).length) {}\n\n return path.split('').reverse().join('');\n },\n buildURLFromParts: function buildURLFromParts(parts) {\n return parts.scheme + parts.netLoc + parts.path + parts.params + parts.query + parts.fragment;\n }\n };\n if ((typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) === 'object' && (typeof module === \"undefined\" ? \"undefined\" : _typeof(module)) === 'object') module.exports = URLToolkit;else if (typeof define === 'function' && define.amd) define([], function () {\n return URLToolkit;\n });else if ((typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) === 'object') exports['URLToolkit'] = URLToolkit;else root['URLToolkit'] = URLToolkit;\n})(this);","var scope = typeof global !== \"undefined\" && global || typeof self !== \"undefined\" && self || window;\nvar apply = Function.prototype.apply; // DOM APIs, for completeness\n\nexports.setTimeout = function () {\n return new Timeout(apply.call(setTimeout, scope, arguments), clearTimeout);\n};\n\nexports.setInterval = function () {\n return new Timeout(apply.call(setInterval, scope, arguments), clearInterval);\n};\n\nexports.clearTimeout = exports.clearInterval = function (timeout) {\n if (timeout) {\n timeout.close();\n }\n};\n\nfunction Timeout(id, clearFn) {\n this._id = id;\n this._clearFn = clearFn;\n}\n\nTimeout.prototype.unref = Timeout.prototype.ref = function () {};\n\nTimeout.prototype.close = function () {\n this._clearFn.call(scope, this._id);\n}; // Does not start the time, just sets up the members needed.\n\n\nexports.enroll = function (item, msecs) {\n clearTimeout(item._idleTimeoutId);\n item._idleTimeout = msecs;\n};\n\nexports.unenroll = function (item) {\n clearTimeout(item._idleTimeoutId);\n item._idleTimeout = -1;\n};\n\nexports._unrefActive = exports.active = function (item) {\n clearTimeout(item._idleTimeoutId);\n var msecs = item._idleTimeout;\n\n if (msecs >= 0) {\n item._idleTimeoutId = setTimeout(function onTimeout() {\n if (item._onTimeout) item._onTimeout();\n }, msecs);\n }\n}; // setimmediate attaches itself to the global object\n\n\nrequire(\"setimmediate\"); // On some exotic environments, it's not clear which object `setimmediate` was\n// able to install onto. Search each possibility in the same order as the\n// `setimmediate` library.\n\n\nexports.setImmediate = typeof self !== \"undefined\" && self.setImmediate || typeof global !== \"undefined\" && global.setImmediate || this && this.setImmediate;\nexports.clearImmediate = typeof self !== \"undefined\" && self.clearImmediate || typeof global !== \"undefined\" && global.clearImmediate || this && this.clearImmediate;","function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nvar conventions = require(\"./conventions\");\n\nvar NAMESPACE = conventions.NAMESPACE;\n/**\n * A prerequisite for `[].filter`, to drop elements that are empty\n * @param {string} input\n * @returns {boolean}\n */\n\nfunction notEmptyString(input) {\n return input !== '';\n}\n/**\n * @see https://infra.spec.whatwg.org/#split-on-ascii-whitespace\n * @see https://infra.spec.whatwg.org/#ascii-whitespace\n *\n * @param {string} input\n * @returns {string[]} (can be empty)\n */\n\n\nfunction splitOnASCIIWhitespace(input) {\n // U+0009 TAB, U+000A LF, U+000C FF, U+000D CR, U+0020 SPACE\n return input ? input.split(/[\\t\\n\\f\\r ]+/).filter(notEmptyString) : [];\n}\n/**\n * Adds element as a key to current if it is not already present.\n *\n * @param {Record} current\n * @param {string} element\n * @returns {Record}\n */\n\n\nfunction orderedSetReducer(current, element) {\n if (!current.hasOwnProperty(element)) {\n current[element] = true;\n }\n\n return current;\n}\n/**\n * @see https://infra.spec.whatwg.org/#ordered-set\n * @param {string} input\n * @returns {string[]}\n */\n\n\nfunction toOrderedSet(input) {\n if (!input) return [];\n var list = splitOnASCIIWhitespace(input);\n return Object.keys(list.reduce(orderedSetReducer, {}));\n}\n/**\n * Uses `list.indexOf` to implement something like `Array.prototype.includes`,\n * which we can not rely on being available.\n *\n * @param {any[]} list\n * @returns {function(any): boolean}\n */\n\n\nfunction arrayIncludes(list) {\n return function (element) {\n return list && list.indexOf(element) !== -1;\n };\n}\n\nfunction copy(src, dest) {\n for (var p in src) {\n dest[p] = src[p];\n }\n}\n/**\n^\\w+\\.prototype\\.([_\\w]+)\\s*=\\s*((?:.*\\{\\s*?[\\r\\n][\\s\\S]*?^})|\\S.*?(?=[;\\r\\n]));?\n^\\w+\\.prototype\\.([_\\w]+)\\s*=\\s*(\\S.*?(?=[;\\r\\n]));?\n */\n\n\nfunction _extends(Class, Super) {\n var pt = Class.prototype;\n\n if (!(pt instanceof Super)) {\n function t() {}\n\n ;\n t.prototype = Super.prototype;\n t = new t();\n copy(pt, t);\n Class.prototype = pt = t;\n }\n\n if (pt.constructor != Class) {\n if (typeof Class != 'function') {\n console.error(\"unknown Class:\" + Class);\n }\n\n pt.constructor = Class;\n }\n} // Node Types\n\n\nvar NodeType = {};\nvar ELEMENT_NODE = NodeType.ELEMENT_NODE = 1;\nvar ATTRIBUTE_NODE = NodeType.ATTRIBUTE_NODE = 2;\nvar TEXT_NODE = NodeType.TEXT_NODE = 3;\nvar CDATA_SECTION_NODE = NodeType.CDATA_SECTION_NODE = 4;\nvar ENTITY_REFERENCE_NODE = NodeType.ENTITY_REFERENCE_NODE = 5;\nvar ENTITY_NODE = NodeType.ENTITY_NODE = 6;\nvar PROCESSING_INSTRUCTION_NODE = NodeType.PROCESSING_INSTRUCTION_NODE = 7;\nvar COMMENT_NODE = NodeType.COMMENT_NODE = 8;\nvar DOCUMENT_NODE = NodeType.DOCUMENT_NODE = 9;\nvar DOCUMENT_TYPE_NODE = NodeType.DOCUMENT_TYPE_NODE = 10;\nvar DOCUMENT_FRAGMENT_NODE = NodeType.DOCUMENT_FRAGMENT_NODE = 11;\nvar NOTATION_NODE = NodeType.NOTATION_NODE = 12; // ExceptionCode\n\nvar ExceptionCode = {};\nvar ExceptionMessage = {};\nvar INDEX_SIZE_ERR = ExceptionCode.INDEX_SIZE_ERR = (ExceptionMessage[1] = \"Index size error\", 1);\nvar DOMSTRING_SIZE_ERR = ExceptionCode.DOMSTRING_SIZE_ERR = (ExceptionMessage[2] = \"DOMString size error\", 2);\nvar HIERARCHY_REQUEST_ERR = ExceptionCode.HIERARCHY_REQUEST_ERR = (ExceptionMessage[3] = \"Hierarchy request error\", 3);\nvar WRONG_DOCUMENT_ERR = ExceptionCode.WRONG_DOCUMENT_ERR = (ExceptionMessage[4] = \"Wrong document\", 4);\nvar INVALID_CHARACTER_ERR = ExceptionCode.INVALID_CHARACTER_ERR = (ExceptionMessage[5] = \"Invalid character\", 5);\nvar NO_DATA_ALLOWED_ERR = ExceptionCode.NO_DATA_ALLOWED_ERR = (ExceptionMessage[6] = \"No data allowed\", 6);\nvar NO_MODIFICATION_ALLOWED_ERR = ExceptionCode.NO_MODIFICATION_ALLOWED_ERR = (ExceptionMessage[7] = \"No modification allowed\", 7);\nvar NOT_FOUND_ERR = ExceptionCode.NOT_FOUND_ERR = (ExceptionMessage[8] = \"Not found\", 8);\nvar NOT_SUPPORTED_ERR = ExceptionCode.NOT_SUPPORTED_ERR = (ExceptionMessage[9] = \"Not supported\", 9);\nvar INUSE_ATTRIBUTE_ERR = ExceptionCode.INUSE_ATTRIBUTE_ERR = (ExceptionMessage[10] = \"Attribute in use\", 10); //level2\n\nvar INVALID_STATE_ERR = ExceptionCode.INVALID_STATE_ERR = (ExceptionMessage[11] = \"Invalid state\", 11);\nvar SYNTAX_ERR = ExceptionCode.SYNTAX_ERR = (ExceptionMessage[12] = \"Syntax error\", 12);\nvar INVALID_MODIFICATION_ERR = ExceptionCode.INVALID_MODIFICATION_ERR = (ExceptionMessage[13] = \"Invalid modification\", 13);\nvar NAMESPACE_ERR = ExceptionCode.NAMESPACE_ERR = (ExceptionMessage[14] = \"Invalid namespace\", 14);\nvar INVALID_ACCESS_ERR = ExceptionCode.INVALID_ACCESS_ERR = (ExceptionMessage[15] = \"Invalid access\", 15);\n/**\n * DOM Level 2\n * Object DOMException\n * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/ecma-script-binding.html\n * @see http://www.w3.org/TR/REC-DOM-Level-1/ecma-script-language-binding.html\n */\n\nfunction DOMException(code, message) {\n if (message instanceof Error) {\n var error = message;\n } else {\n error = this;\n Error.call(this, ExceptionMessage[code]);\n this.message = ExceptionMessage[code];\n if (Error.captureStackTrace) Error.captureStackTrace(this, DOMException);\n }\n\n error.code = code;\n if (message) this.message = this.message + \": \" + message;\n return error;\n}\n\n;\nDOMException.prototype = Error.prototype;\ncopy(ExceptionCode, DOMException);\n/**\n * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-536297177\n * The NodeList interface provides the abstraction of an ordered collection of nodes, without defining or constraining how this collection is implemented. NodeList objects in the DOM are live.\n * The items in the NodeList are accessible via an integral index, starting from 0.\n */\n\nfunction NodeList() {}\n\n;\nNodeList.prototype = {\n /**\n * The number of nodes in the list. The range of valid child node indices is 0 to length-1 inclusive.\n * @standard level1\n */\n length: 0,\n\n /**\n * Returns the indexth item in the collection. If index is greater than or equal to the number of nodes in the list, this returns null.\n * @standard level1\n * @param index unsigned long \n * Index into the collection.\n * @return Node\n * \tThe node at the indexth position in the NodeList, or null if that is not a valid index. \n */\n item: function item(index) {\n return this[index] || null;\n },\n toString: function toString(isHTML, nodeFilter) {\n for (var buf = [], i = 0; i < this.length; i++) {\n serializeToString(this[i], buf, isHTML, nodeFilter);\n }\n\n return buf.join('');\n }\n};\n\nfunction LiveNodeList(node, refresh) {\n this._node = node;\n this._refresh = refresh;\n\n _updateLiveList(this);\n}\n\nfunction _updateLiveList(list) {\n var inc = list._node._inc || list._node.ownerDocument._inc;\n\n if (list._inc != inc) {\n var ls = list._refresh(list._node); //console.log(ls.length)\n\n\n __set__(list, 'length', ls.length);\n\n copy(ls, list);\n list._inc = inc;\n }\n}\n\nLiveNodeList.prototype.item = function (i) {\n _updateLiveList(this);\n\n return this[i];\n};\n\n_extends(LiveNodeList, NodeList);\n/**\n * Objects implementing the NamedNodeMap interface are used\n * to represent collections of nodes that can be accessed by name.\n * Note that NamedNodeMap does not inherit from NodeList;\n * NamedNodeMaps are not maintained in any particular order.\n * Objects contained in an object implementing NamedNodeMap may also be accessed by an ordinal index,\n * but this is simply to allow convenient enumeration of the contents of a NamedNodeMap,\n * and does not imply that the DOM specifies an order to these Nodes.\n * NamedNodeMap objects in the DOM are live.\n * used for attributes or DocumentType entities \n */\n\n\nfunction NamedNodeMap() {}\n\n;\n\nfunction _findNodeIndex(list, node) {\n var i = list.length;\n\n while (i--) {\n if (list[i] === node) {\n return i;\n }\n }\n}\n\nfunction _addNamedNode(el, list, newAttr, oldAttr) {\n if (oldAttr) {\n list[_findNodeIndex(list, oldAttr)] = newAttr;\n } else {\n list[list.length++] = newAttr;\n }\n\n if (el) {\n newAttr.ownerElement = el;\n var doc = el.ownerDocument;\n\n if (doc) {\n oldAttr && _onRemoveAttribute(doc, el, oldAttr);\n\n _onAddAttribute(doc, el, newAttr);\n }\n }\n}\n\nfunction _removeNamedNode(el, list, attr) {\n //console.log('remove attr:'+attr)\n var i = _findNodeIndex(list, attr);\n\n if (i >= 0) {\n var lastIndex = list.length - 1;\n\n while (i < lastIndex) {\n list[i] = list[++i];\n }\n\n list.length = lastIndex;\n\n if (el) {\n var doc = el.ownerDocument;\n\n if (doc) {\n _onRemoveAttribute(doc, el, attr);\n\n attr.ownerElement = null;\n }\n }\n } else {\n throw DOMException(NOT_FOUND_ERR, new Error(el.tagName + '@' + attr));\n }\n}\n\nNamedNodeMap.prototype = {\n length: 0,\n item: NodeList.prototype.item,\n getNamedItem: function getNamedItem(key) {\n //\t\tif(key.indexOf(':')>0 || key == 'xmlns'){\n //\t\t\treturn null;\n //\t\t}\n //console.log()\n var i = this.length;\n\n while (i--) {\n var attr = this[i]; //console.log(attr.nodeName,key)\n\n if (attr.nodeName == key) {\n return attr;\n }\n }\n },\n setNamedItem: function setNamedItem(attr) {\n var el = attr.ownerElement;\n\n if (el && el != this._ownerElement) {\n throw new DOMException(INUSE_ATTRIBUTE_ERR);\n }\n\n var oldAttr = this.getNamedItem(attr.nodeName);\n\n _addNamedNode(this._ownerElement, this, attr, oldAttr);\n\n return oldAttr;\n },\n\n /* returns Node */\n setNamedItemNS: function setNamedItemNS(attr) {\n // raises: WRONG_DOCUMENT_ERR,NO_MODIFICATION_ALLOWED_ERR,INUSE_ATTRIBUTE_ERR\n var el = attr.ownerElement,\n oldAttr;\n\n if (el && el != this._ownerElement) {\n throw new DOMException(INUSE_ATTRIBUTE_ERR);\n }\n\n oldAttr = this.getNamedItemNS(attr.namespaceURI, attr.localName);\n\n _addNamedNode(this._ownerElement, this, attr, oldAttr);\n\n return oldAttr;\n },\n\n /* returns Node */\n removeNamedItem: function removeNamedItem(key) {\n var attr = this.getNamedItem(key);\n\n _removeNamedNode(this._ownerElement, this, attr);\n\n return attr;\n },\n // raises: NOT_FOUND_ERR,NO_MODIFICATION_ALLOWED_ERR\n //for level2\n removeNamedItemNS: function removeNamedItemNS(namespaceURI, localName) {\n var attr = this.getNamedItemNS(namespaceURI, localName);\n\n _removeNamedNode(this._ownerElement, this, attr);\n\n return attr;\n },\n getNamedItemNS: function getNamedItemNS(namespaceURI, localName) {\n var i = this.length;\n\n while (i--) {\n var node = this[i];\n\n if (node.localName == localName && node.namespaceURI == namespaceURI) {\n return node;\n }\n }\n\n return null;\n }\n};\n/**\n * The DOMImplementation interface represents an object providing methods\n * which are not dependent on any particular document.\n * Such an object is returned by the `Document.implementation` property.\n *\n * __The individual methods describe the differences compared to the specs.__\n *\n * @constructor\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation MDN\n * @see https://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-102161490 DOM Level 1 Core (Initial)\n * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-102161490 DOM Level 2 Core\n * @see https://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-102161490 DOM Level 3 Core\n * @see https://dom.spec.whatwg.org/#domimplementation DOM Living Standard\n */\n\nfunction DOMImplementation() {}\n\nDOMImplementation.prototype = {\n /**\n * The DOMImplementation.hasFeature() method returns a Boolean flag indicating if a given feature is supported.\n * The different implementations fairly diverged in what kind of features were reported.\n * The latest version of the spec settled to force this method to always return true, where the functionality was accurate and in use.\n *\n * @deprecated It is deprecated and modern browsers return true in all cases.\n *\n * @param {string} feature\n * @param {string} [version]\n * @returns {boolean} always true\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/hasFeature MDN\n * @see https://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-5CED94D7 DOM Level 1 Core\n * @see https://dom.spec.whatwg.org/#dom-domimplementation-hasfeature DOM Living Standard\n */\n hasFeature: function hasFeature(feature, version) {\n return true;\n },\n\n /**\n * Creates an XML Document object of the specified type with its document element.\n *\n * __It behaves slightly different from the description in the living standard__:\n * - There is no interface/class `XMLDocument`, it returns a `Document` instance.\n * - `contentType`, `encoding`, `mode`, `origin`, `url` fields are currently not declared.\n * - this implementation is not validating names or qualified names\n * (when parsing XML strings, the SAX parser takes care of that)\n *\n * @param {string|null} namespaceURI\n * @param {string} qualifiedName\n * @param {DocumentType=null} doctype\n * @returns {Document}\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/createDocument MDN\n * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#Level-2-Core-DOM-createDocument DOM Level 2 Core (initial)\n * @see https://dom.spec.whatwg.org/#dom-domimplementation-createdocument DOM Level 2 Core\n *\n * @see https://dom.spec.whatwg.org/#validate-and-extract DOM: Validate and extract\n * @see https://www.w3.org/TR/xml/#NT-NameStartChar XML Spec: Names\n * @see https://www.w3.org/TR/xml-names/#ns-qualnames XML Namespaces: Qualified names\n */\n createDocument: function createDocument(namespaceURI, qualifiedName, doctype) {\n var doc = new Document();\n doc.implementation = this;\n doc.childNodes = new NodeList();\n doc.doctype = doctype || null;\n\n if (doctype) {\n doc.appendChild(doctype);\n }\n\n if (qualifiedName) {\n var root = doc.createElementNS(namespaceURI, qualifiedName);\n doc.appendChild(root);\n }\n\n return doc;\n },\n\n /**\n * Returns a doctype, with the given `qualifiedName`, `publicId`, and `systemId`.\n *\n * __This behavior is slightly different from the in the specs__:\n * - this implementation is not validating names or qualified names\n * (when parsing XML strings, the SAX parser takes care of that)\n *\n * @param {string} qualifiedName\n * @param {string} [publicId]\n * @param {string} [systemId]\n * @returns {DocumentType} which can either be used with `DOMImplementation.createDocument` upon document creation\n * \t\t\t\t or can be put into the document via methods like `Node.insertBefore()` or `Node.replaceChild()`\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/createDocumentType MDN\n * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#Level-2-Core-DOM-createDocType DOM Level 2 Core\n * @see https://dom.spec.whatwg.org/#dom-domimplementation-createdocumenttype DOM Living Standard\n *\n * @see https://dom.spec.whatwg.org/#validate-and-extract DOM: Validate and extract\n * @see https://www.w3.org/TR/xml/#NT-NameStartChar XML Spec: Names\n * @see https://www.w3.org/TR/xml-names/#ns-qualnames XML Namespaces: Qualified names\n */\n createDocumentType: function createDocumentType(qualifiedName, publicId, systemId) {\n var node = new DocumentType();\n node.name = qualifiedName;\n node.nodeName = qualifiedName;\n node.publicId = publicId || '';\n node.systemId = systemId || '';\n return node;\n }\n};\n/**\n * @see http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-1950641247\n */\n\nfunction Node() {}\n\n;\nNode.prototype = {\n firstChild: null,\n lastChild: null,\n previousSibling: null,\n nextSibling: null,\n attributes: null,\n parentNode: null,\n childNodes: null,\n ownerDocument: null,\n nodeValue: null,\n namespaceURI: null,\n prefix: null,\n localName: null,\n // Modified in DOM Level 2:\n insertBefore: function insertBefore(newChild, refChild) {\n //raises \n return _insertBefore(this, newChild, refChild);\n },\n replaceChild: function replaceChild(newChild, oldChild) {\n //raises \n this.insertBefore(newChild, oldChild);\n\n if (oldChild) {\n this.removeChild(oldChild);\n }\n },\n removeChild: function removeChild(oldChild) {\n return _removeChild(this, oldChild);\n },\n appendChild: function appendChild(newChild) {\n return this.insertBefore(newChild, null);\n },\n hasChildNodes: function hasChildNodes() {\n return this.firstChild != null;\n },\n cloneNode: function cloneNode(deep) {\n return _cloneNode(this.ownerDocument || this, this, deep);\n },\n // Modified in DOM Level 2:\n normalize: function normalize() {\n var child = this.firstChild;\n\n while (child) {\n var next = child.nextSibling;\n\n if (next && next.nodeType == TEXT_NODE && child.nodeType == TEXT_NODE) {\n this.removeChild(next);\n child.appendData(next.data);\n } else {\n child.normalize();\n child = next;\n }\n }\n },\n // Introduced in DOM Level 2:\n isSupported: function isSupported(feature, version) {\n return this.ownerDocument.implementation.hasFeature(feature, version);\n },\n // Introduced in DOM Level 2:\n hasAttributes: function hasAttributes() {\n return this.attributes.length > 0;\n },\n\n /**\n * Look up the prefix associated to the given namespace URI, starting from this node.\n * **The default namespace declarations are ignored by this method.**\n * See Namespace Prefix Lookup for details on the algorithm used by this method.\n *\n * _Note: The implementation seems to be incomplete when compared to the algorithm described in the specs._\n *\n * @param {string | null} namespaceURI\n * @returns {string | null}\n * @see https://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-lookupNamespacePrefix\n * @see https://www.w3.org/TR/DOM-Level-3-Core/namespaces-algorithms.html#lookupNamespacePrefixAlgo\n * @see https://dom.spec.whatwg.org/#dom-node-lookupprefix\n * @see https://github.com/xmldom/xmldom/issues/322\n */\n lookupPrefix: function lookupPrefix(namespaceURI) {\n var el = this;\n\n while (el) {\n var map = el._nsMap; //console.dir(map)\n\n if (map) {\n for (var n in map) {\n if (map[n] == namespaceURI) {\n return n;\n }\n }\n }\n\n el = el.nodeType == ATTRIBUTE_NODE ? el.ownerDocument : el.parentNode;\n }\n\n return null;\n },\n // Introduced in DOM Level 3:\n lookupNamespaceURI: function lookupNamespaceURI(prefix) {\n var el = this;\n\n while (el) {\n var map = el._nsMap; //console.dir(map)\n\n if (map) {\n if (prefix in map) {\n return map[prefix];\n }\n }\n\n el = el.nodeType == ATTRIBUTE_NODE ? el.ownerDocument : el.parentNode;\n }\n\n return null;\n },\n // Introduced in DOM Level 3:\n isDefaultNamespace: function isDefaultNamespace(namespaceURI) {\n var prefix = this.lookupPrefix(namespaceURI);\n return prefix == null;\n }\n};\n\nfunction _xmlEncoder(c) {\n return c == '<' && '<' || c == '>' && '>' || c == '&' && '&' || c == '\"' && '"' || '&#' + c.charCodeAt() + ';';\n}\n\ncopy(NodeType, Node);\ncopy(NodeType, Node.prototype);\n/**\n * @param callback return true for continue,false for break\n * @return boolean true: break visit;\n */\n\nfunction _visitNode(node, callback) {\n if (callback(node)) {\n return true;\n }\n\n if (node = node.firstChild) {\n do {\n if (_visitNode(node, callback)) {\n return true;\n }\n } while (node = node.nextSibling);\n }\n}\n\nfunction Document() {}\n\nfunction _onAddAttribute(doc, el, newAttr) {\n doc && doc._inc++;\n var ns = newAttr.namespaceURI;\n\n if (ns === NAMESPACE.XMLNS) {\n //update namespace\n el._nsMap[newAttr.prefix ? newAttr.localName : ''] = newAttr.value;\n }\n}\n\nfunction _onRemoveAttribute(doc, el, newAttr, remove) {\n doc && doc._inc++;\n var ns = newAttr.namespaceURI;\n\n if (ns === NAMESPACE.XMLNS) {\n //update namespace\n delete el._nsMap[newAttr.prefix ? newAttr.localName : ''];\n }\n}\n\nfunction _onUpdateChild(doc, el, newChild) {\n if (doc && doc._inc) {\n doc._inc++; //update childNodes\n\n var cs = el.childNodes;\n\n if (newChild) {\n cs[cs.length++] = newChild;\n } else {\n //console.log(1)\n var child = el.firstChild;\n var i = 0;\n\n while (child) {\n cs[i++] = child;\n child = child.nextSibling;\n }\n\n cs.length = i;\n }\n }\n}\n/**\n * attributes;\n * children;\n * \n * writeable properties:\n * nodeValue,Attr:value,CharacterData:data\n * prefix\n */\n\n\nfunction _removeChild(parentNode, child) {\n var previous = child.previousSibling;\n var next = child.nextSibling;\n\n if (previous) {\n previous.nextSibling = next;\n } else {\n parentNode.firstChild = next;\n }\n\n if (next) {\n next.previousSibling = previous;\n } else {\n parentNode.lastChild = previous;\n }\n\n _onUpdateChild(parentNode.ownerDocument, parentNode);\n\n return child;\n}\n/**\n * preformance key(refChild == null)\n */\n\n\nfunction _insertBefore(parentNode, newChild, nextChild) {\n var cp = newChild.parentNode;\n\n if (cp) {\n cp.removeChild(newChild); //remove and update\n }\n\n if (newChild.nodeType === DOCUMENT_FRAGMENT_NODE) {\n var newFirst = newChild.firstChild;\n\n if (newFirst == null) {\n return newChild;\n }\n\n var newLast = newChild.lastChild;\n } else {\n newFirst = newLast = newChild;\n }\n\n var pre = nextChild ? nextChild.previousSibling : parentNode.lastChild;\n newFirst.previousSibling = pre;\n newLast.nextSibling = nextChild;\n\n if (pre) {\n pre.nextSibling = newFirst;\n } else {\n parentNode.firstChild = newFirst;\n }\n\n if (nextChild == null) {\n parentNode.lastChild = newLast;\n } else {\n nextChild.previousSibling = newLast;\n }\n\n do {\n newFirst.parentNode = parentNode;\n } while (newFirst !== newLast && (newFirst = newFirst.nextSibling));\n\n _onUpdateChild(parentNode.ownerDocument || parentNode, parentNode); //console.log(parentNode.lastChild.nextSibling == null)\n\n\n if (newChild.nodeType == DOCUMENT_FRAGMENT_NODE) {\n newChild.firstChild = newChild.lastChild = null;\n }\n\n return newChild;\n}\n\nfunction _appendSingleChild(parentNode, newChild) {\n var cp = newChild.parentNode;\n\n if (cp) {\n var pre = parentNode.lastChild;\n cp.removeChild(newChild); //remove and update\n\n var pre = parentNode.lastChild;\n }\n\n var pre = parentNode.lastChild;\n newChild.parentNode = parentNode;\n newChild.previousSibling = pre;\n newChild.nextSibling = null;\n\n if (pre) {\n pre.nextSibling = newChild;\n } else {\n parentNode.firstChild = newChild;\n }\n\n parentNode.lastChild = newChild;\n\n _onUpdateChild(parentNode.ownerDocument, parentNode, newChild);\n\n return newChild; //console.log(\"__aa\",parentNode.lastChild.nextSibling == null)\n}\n\nDocument.prototype = {\n //implementation : null,\n nodeName: '#document',\n nodeType: DOCUMENT_NODE,\n\n /**\n * The DocumentType node of the document.\n *\n * @readonly\n * @type DocumentType\n */\n doctype: null,\n documentElement: null,\n _inc: 1,\n insertBefore: function insertBefore(newChild, refChild) {\n //raises\n if (newChild.nodeType == DOCUMENT_FRAGMENT_NODE) {\n var child = newChild.firstChild;\n\n while (child) {\n var next = child.nextSibling;\n this.insertBefore(child, refChild);\n child = next;\n }\n\n return newChild;\n }\n\n if (this.documentElement == null && newChild.nodeType == ELEMENT_NODE) {\n this.documentElement = newChild;\n }\n\n return _insertBefore(this, newChild, refChild), newChild.ownerDocument = this, newChild;\n },\n removeChild: function removeChild(oldChild) {\n if (this.documentElement == oldChild) {\n this.documentElement = null;\n }\n\n return _removeChild(this, oldChild);\n },\n // Introduced in DOM Level 2:\n importNode: function importNode(importedNode, deep) {\n return _importNode(this, importedNode, deep);\n },\n // Introduced in DOM Level 2:\n getElementById: function getElementById(id) {\n var rtv = null;\n\n _visitNode(this.documentElement, function (node) {\n if (node.nodeType == ELEMENT_NODE) {\n if (node.getAttribute('id') == id) {\n rtv = node;\n return true;\n }\n }\n });\n\n return rtv;\n },\n\n /**\n * The `getElementsByClassName` method of `Document` interface returns an array-like object\n * of all child elements which have **all** of the given class name(s).\n *\n * Returns an empty list if `classeNames` is an empty string or only contains HTML white space characters.\n *\n *\n * Warning: This is a live LiveNodeList.\n * Changes in the DOM will reflect in the array as the changes occur.\n * If an element selected by this array no longer qualifies for the selector,\n * it will automatically be removed. Be aware of this for iteration purposes.\n *\n * @param {string} classNames is a string representing the class name(s) to match; multiple class names are separated by (ASCII-)whitespace\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName\n * @see https://dom.spec.whatwg.org/#concept-getelementsbyclassname\n */\n getElementsByClassName: function getElementsByClassName(classNames) {\n var classNamesSet = toOrderedSet(classNames);\n return new LiveNodeList(this, function (base) {\n var ls = [];\n\n if (classNamesSet.length > 0) {\n _visitNode(base.documentElement, function (node) {\n if (node !== base && node.nodeType === ELEMENT_NODE) {\n var nodeClassNames = node.getAttribute('class'); // can be null if the attribute does not exist\n\n if (nodeClassNames) {\n // before splitting and iterating just compare them for the most common case\n var matches = classNames === nodeClassNames;\n\n if (!matches) {\n var nodeClassNamesSet = toOrderedSet(nodeClassNames);\n matches = classNamesSet.every(arrayIncludes(nodeClassNamesSet));\n }\n\n if (matches) {\n ls.push(node);\n }\n }\n }\n });\n }\n\n return ls;\n });\n },\n //document factory method:\n createElement: function createElement(tagName) {\n var node = new Element();\n node.ownerDocument = this;\n node.nodeName = tagName;\n node.tagName = tagName;\n node.localName = tagName;\n node.childNodes = new NodeList();\n var attrs = node.attributes = new NamedNodeMap();\n attrs._ownerElement = node;\n return node;\n },\n createDocumentFragment: function createDocumentFragment() {\n var node = new DocumentFragment();\n node.ownerDocument = this;\n node.childNodes = new NodeList();\n return node;\n },\n createTextNode: function createTextNode(data) {\n var node = new Text();\n node.ownerDocument = this;\n node.appendData(data);\n return node;\n },\n createComment: function createComment(data) {\n var node = new Comment();\n node.ownerDocument = this;\n node.appendData(data);\n return node;\n },\n createCDATASection: function createCDATASection(data) {\n var node = new CDATASection();\n node.ownerDocument = this;\n node.appendData(data);\n return node;\n },\n createProcessingInstruction: function createProcessingInstruction(target, data) {\n var node = new ProcessingInstruction();\n node.ownerDocument = this;\n node.tagName = node.target = target;\n node.nodeValue = node.data = data;\n return node;\n },\n createAttribute: function createAttribute(name) {\n var node = new Attr();\n node.ownerDocument = this;\n node.name = name;\n node.nodeName = name;\n node.localName = name;\n node.specified = true;\n return node;\n },\n createEntityReference: function createEntityReference(name) {\n var node = new EntityReference();\n node.ownerDocument = this;\n node.nodeName = name;\n return node;\n },\n // Introduced in DOM Level 2:\n createElementNS: function createElementNS(namespaceURI, qualifiedName) {\n var node = new Element();\n var pl = qualifiedName.split(':');\n var attrs = node.attributes = new NamedNodeMap();\n node.childNodes = new NodeList();\n node.ownerDocument = this;\n node.nodeName = qualifiedName;\n node.tagName = qualifiedName;\n node.namespaceURI = namespaceURI;\n\n if (pl.length == 2) {\n node.prefix = pl[0];\n node.localName = pl[1];\n } else {\n //el.prefix = null;\n node.localName = qualifiedName;\n }\n\n attrs._ownerElement = node;\n return node;\n },\n // Introduced in DOM Level 2:\n createAttributeNS: function createAttributeNS(namespaceURI, qualifiedName) {\n var node = new Attr();\n var pl = qualifiedName.split(':');\n node.ownerDocument = this;\n node.nodeName = qualifiedName;\n node.name = qualifiedName;\n node.namespaceURI = namespaceURI;\n node.specified = true;\n\n if (pl.length == 2) {\n node.prefix = pl[0];\n node.localName = pl[1];\n } else {\n //el.prefix = null;\n node.localName = qualifiedName;\n }\n\n return node;\n }\n};\n\n_extends(Document, Node);\n\nfunction Element() {\n this._nsMap = {};\n}\n\n;\nElement.prototype = {\n nodeType: ELEMENT_NODE,\n hasAttribute: function hasAttribute(name) {\n return this.getAttributeNode(name) != null;\n },\n getAttribute: function getAttribute(name) {\n var attr = this.getAttributeNode(name);\n return attr && attr.value || '';\n },\n getAttributeNode: function getAttributeNode(name) {\n return this.attributes.getNamedItem(name);\n },\n setAttribute: function setAttribute(name, value) {\n var attr = this.ownerDocument.createAttribute(name);\n attr.value = attr.nodeValue = \"\" + value;\n this.setAttributeNode(attr);\n },\n removeAttribute: function removeAttribute(name) {\n var attr = this.getAttributeNode(name);\n attr && this.removeAttributeNode(attr);\n },\n //four real opeartion method\n appendChild: function appendChild(newChild) {\n if (newChild.nodeType === DOCUMENT_FRAGMENT_NODE) {\n return this.insertBefore(newChild, null);\n } else {\n return _appendSingleChild(this, newChild);\n }\n },\n setAttributeNode: function setAttributeNode(newAttr) {\n return this.attributes.setNamedItem(newAttr);\n },\n setAttributeNodeNS: function setAttributeNodeNS(newAttr) {\n return this.attributes.setNamedItemNS(newAttr);\n },\n removeAttributeNode: function removeAttributeNode(oldAttr) {\n //console.log(this == oldAttr.ownerElement)\n return this.attributes.removeNamedItem(oldAttr.nodeName);\n },\n //get real attribute name,and remove it by removeAttributeNode\n removeAttributeNS: function removeAttributeNS(namespaceURI, localName) {\n var old = this.getAttributeNodeNS(namespaceURI, localName);\n old && this.removeAttributeNode(old);\n },\n hasAttributeNS: function hasAttributeNS(namespaceURI, localName) {\n return this.getAttributeNodeNS(namespaceURI, localName) != null;\n },\n getAttributeNS: function getAttributeNS(namespaceURI, localName) {\n var attr = this.getAttributeNodeNS(namespaceURI, localName);\n return attr && attr.value || '';\n },\n setAttributeNS: function setAttributeNS(namespaceURI, qualifiedName, value) {\n var attr = this.ownerDocument.createAttributeNS(namespaceURI, qualifiedName);\n attr.value = attr.nodeValue = \"\" + value;\n this.setAttributeNode(attr);\n },\n getAttributeNodeNS: function getAttributeNodeNS(namespaceURI, localName) {\n return this.attributes.getNamedItemNS(namespaceURI, localName);\n },\n getElementsByTagName: function getElementsByTagName(tagName) {\n return new LiveNodeList(this, function (base) {\n var ls = [];\n\n _visitNode(base, function (node) {\n if (node !== base && node.nodeType == ELEMENT_NODE && (tagName === '*' || node.tagName == tagName)) {\n ls.push(node);\n }\n });\n\n return ls;\n });\n },\n getElementsByTagNameNS: function getElementsByTagNameNS(namespaceURI, localName) {\n return new LiveNodeList(this, function (base) {\n var ls = [];\n\n _visitNode(base, function (node) {\n if (node !== base && node.nodeType === ELEMENT_NODE && (namespaceURI === '*' || node.namespaceURI === namespaceURI) && (localName === '*' || node.localName == localName)) {\n ls.push(node);\n }\n });\n\n return ls;\n });\n }\n};\nDocument.prototype.getElementsByTagName = Element.prototype.getElementsByTagName;\nDocument.prototype.getElementsByTagNameNS = Element.prototype.getElementsByTagNameNS;\n\n_extends(Element, Node);\n\nfunction Attr() {}\n\n;\nAttr.prototype.nodeType = ATTRIBUTE_NODE;\n\n_extends(Attr, Node);\n\nfunction CharacterData() {}\n\n;\nCharacterData.prototype = {\n data: '',\n substringData: function substringData(offset, count) {\n return this.data.substring(offset, offset + count);\n },\n appendData: function appendData(text) {\n text = this.data + text;\n this.nodeValue = this.data = text;\n this.length = text.length;\n },\n insertData: function insertData(offset, text) {\n this.replaceData(offset, 0, text);\n },\n appendChild: function appendChild(newChild) {\n throw new Error(ExceptionMessage[HIERARCHY_REQUEST_ERR]);\n },\n deleteData: function deleteData(offset, count) {\n this.replaceData(offset, count, \"\");\n },\n replaceData: function replaceData(offset, count, text) {\n var start = this.data.substring(0, offset);\n var end = this.data.substring(offset + count);\n text = start + text + end;\n this.nodeValue = this.data = text;\n this.length = text.length;\n }\n};\n\n_extends(CharacterData, Node);\n\nfunction Text() {}\n\n;\nText.prototype = {\n nodeName: \"#text\",\n nodeType: TEXT_NODE,\n splitText: function splitText(offset) {\n var text = this.data;\n var newText = text.substring(offset);\n text = text.substring(0, offset);\n this.data = this.nodeValue = text;\n this.length = text.length;\n var newNode = this.ownerDocument.createTextNode(newText);\n\n if (this.parentNode) {\n this.parentNode.insertBefore(newNode, this.nextSibling);\n }\n\n return newNode;\n }\n};\n\n_extends(Text, CharacterData);\n\nfunction Comment() {}\n\n;\nComment.prototype = {\n nodeName: \"#comment\",\n nodeType: COMMENT_NODE\n};\n\n_extends(Comment, CharacterData);\n\nfunction CDATASection() {}\n\n;\nCDATASection.prototype = {\n nodeName: \"#cdata-section\",\n nodeType: CDATA_SECTION_NODE\n};\n\n_extends(CDATASection, CharacterData);\n\nfunction DocumentType() {}\n\n;\nDocumentType.prototype.nodeType = DOCUMENT_TYPE_NODE;\n\n_extends(DocumentType, Node);\n\nfunction Notation() {}\n\n;\nNotation.prototype.nodeType = NOTATION_NODE;\n\n_extends(Notation, Node);\n\nfunction Entity() {}\n\n;\nEntity.prototype.nodeType = ENTITY_NODE;\n\n_extends(Entity, Node);\n\nfunction EntityReference() {}\n\n;\nEntityReference.prototype.nodeType = ENTITY_REFERENCE_NODE;\n\n_extends(EntityReference, Node);\n\nfunction DocumentFragment() {}\n\n;\nDocumentFragment.prototype.nodeName = \"#document-fragment\";\nDocumentFragment.prototype.nodeType = DOCUMENT_FRAGMENT_NODE;\n\n_extends(DocumentFragment, Node);\n\nfunction ProcessingInstruction() {}\n\nProcessingInstruction.prototype.nodeType = PROCESSING_INSTRUCTION_NODE;\n\n_extends(ProcessingInstruction, Node);\n\nfunction XMLSerializer() {}\n\nXMLSerializer.prototype.serializeToString = function (node, isHtml, nodeFilter) {\n return nodeSerializeToString.call(node, isHtml, nodeFilter);\n};\n\nNode.prototype.toString = nodeSerializeToString;\n\nfunction nodeSerializeToString(isHtml, nodeFilter) {\n var buf = [];\n var refNode = this.nodeType == 9 && this.documentElement || this;\n var prefix = refNode.prefix;\n var uri = refNode.namespaceURI;\n\n if (uri && prefix == null) {\n //console.log(prefix)\n var prefix = refNode.lookupPrefix(uri);\n\n if (prefix == null) {\n //isHTML = true;\n var visibleNamespaces = [{\n namespace: uri,\n prefix: null\n } //{namespace:uri,prefix:''}\n ];\n }\n }\n\n serializeToString(this, buf, isHtml, nodeFilter, visibleNamespaces); //console.log('###',this.nodeType,uri,prefix,buf.join(''))\n\n return buf.join('');\n}\n\nfunction needNamespaceDefine(node, isHTML, visibleNamespaces) {\n var prefix = node.prefix || '';\n var uri = node.namespaceURI; // According to [Namespaces in XML 1.0](https://www.w3.org/TR/REC-xml-names/#ns-using) ,\n // and more specifically https://www.w3.org/TR/REC-xml-names/#nsc-NoPrefixUndecl :\n // > In a namespace declaration for a prefix [...], the attribute value MUST NOT be empty.\n // in a similar manner [Namespaces in XML 1.1](https://www.w3.org/TR/xml-names11/#ns-using)\n // and more specifically https://www.w3.org/TR/xml-names11/#nsc-NSDeclared :\n // > [...] Furthermore, the attribute value [...] must not be an empty string.\n // so serializing empty namespace value like xmlns:ds=\"\" would produce an invalid XML document.\n\n if (!uri) {\n return false;\n }\n\n if (prefix === \"xml\" && uri === NAMESPACE.XML || uri === NAMESPACE.XMLNS) {\n return false;\n }\n\n var i = visibleNamespaces.length;\n\n while (i--) {\n var ns = visibleNamespaces[i]; // get namespace prefix\n\n if (ns.prefix === prefix) {\n return ns.namespace !== uri;\n }\n }\n\n return true;\n}\n/**\n * Well-formed constraint: No < in Attribute Values\n * The replacement text of any entity referred to directly or indirectly in an attribute value must not contain a <.\n * @see https://www.w3.org/TR/xml/#CleanAttrVals\n * @see https://www.w3.org/TR/xml/#NT-AttValue\n */\n\n\nfunction addSerializedAttribute(buf, qualifiedName, value) {\n buf.push(' ', qualifiedName, '=\"', value.replace(/[<&\"]/g, _xmlEncoder), '\"');\n}\n\nfunction serializeToString(node, buf, isHTML, nodeFilter, visibleNamespaces) {\n if (!visibleNamespaces) {\n visibleNamespaces = [];\n }\n\n if (nodeFilter) {\n node = nodeFilter(node);\n\n if (node) {\n if (typeof node == 'string') {\n buf.push(node);\n return;\n }\n } else {\n return;\n } //buf.sort.apply(attrs, attributeSorter);\n\n }\n\n switch (node.nodeType) {\n case ELEMENT_NODE:\n var attrs = node.attributes;\n var len = attrs.length;\n var child = node.firstChild;\n var nodeName = node.tagName;\n isHTML = NAMESPACE.isHTML(node.namespaceURI) || isHTML;\n var prefixedNodeName = nodeName;\n\n if (!isHTML && !node.prefix && node.namespaceURI) {\n var defaultNS; // lookup current default ns from `xmlns` attribute\n\n for (var ai = 0; ai < attrs.length; ai++) {\n if (attrs.item(ai).name === 'xmlns') {\n defaultNS = attrs.item(ai).value;\n break;\n }\n }\n\n if (!defaultNS) {\n // lookup current default ns in visibleNamespaces\n for (var nsi = visibleNamespaces.length - 1; nsi >= 0; nsi--) {\n var namespace = visibleNamespaces[nsi];\n\n if (namespace.prefix === '' && namespace.namespace === node.namespaceURI) {\n defaultNS = namespace.namespace;\n break;\n }\n }\n }\n\n if (defaultNS !== node.namespaceURI) {\n for (var nsi = visibleNamespaces.length - 1; nsi >= 0; nsi--) {\n var namespace = visibleNamespaces[nsi];\n\n if (namespace.namespace === node.namespaceURI) {\n if (namespace.prefix) {\n prefixedNodeName = namespace.prefix + ':' + nodeName;\n }\n\n break;\n }\n }\n }\n }\n\n buf.push('<', prefixedNodeName);\n\n for (var i = 0; i < len; i++) {\n // add namespaces for attributes\n var attr = attrs.item(i);\n\n if (attr.prefix == 'xmlns') {\n visibleNamespaces.push({\n prefix: attr.localName,\n namespace: attr.value\n });\n } else if (attr.nodeName == 'xmlns') {\n visibleNamespaces.push({\n prefix: '',\n namespace: attr.value\n });\n }\n }\n\n for (var i = 0; i < len; i++) {\n var attr = attrs.item(i);\n\n if (needNamespaceDefine(attr, isHTML, visibleNamespaces)) {\n var prefix = attr.prefix || '';\n var uri = attr.namespaceURI;\n addSerializedAttribute(buf, prefix ? 'xmlns:' + prefix : \"xmlns\", uri);\n visibleNamespaces.push({\n prefix: prefix,\n namespace: uri\n });\n }\n\n serializeToString(attr, buf, isHTML, nodeFilter, visibleNamespaces);\n } // add namespace for current node\t\t\n\n\n if (nodeName === prefixedNodeName && needNamespaceDefine(node, isHTML, visibleNamespaces)) {\n var prefix = node.prefix || '';\n var uri = node.namespaceURI;\n addSerializedAttribute(buf, prefix ? 'xmlns:' + prefix : \"xmlns\", uri);\n visibleNamespaces.push({\n prefix: prefix,\n namespace: uri\n });\n }\n\n if (child || isHTML && !/^(?:meta|link|img|br|hr|input)$/i.test(nodeName)) {\n buf.push('>'); //if is cdata child node\n\n if (isHTML && /^script$/i.test(nodeName)) {\n while (child) {\n if (child.data) {\n buf.push(child.data);\n } else {\n serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces.slice());\n }\n\n child = child.nextSibling;\n }\n } else {\n while (child) {\n serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces.slice());\n child = child.nextSibling;\n }\n }\n\n buf.push('');\n } else {\n buf.push('/>');\n } // remove added visible namespaces\n //visibleNamespaces.length = startVisibleNamespaces;\n\n\n return;\n\n case DOCUMENT_NODE:\n case DOCUMENT_FRAGMENT_NODE:\n var child = node.firstChild;\n\n while (child) {\n serializeToString(child, buf, isHTML, nodeFilter, visibleNamespaces.slice());\n child = child.nextSibling;\n }\n\n return;\n\n case ATTRIBUTE_NODE:\n return addSerializedAttribute(buf, node.name, node.value);\n\n case TEXT_NODE:\n /**\n * The ampersand character (&) and the left angle bracket (<) must not appear in their literal form,\n * except when used as markup delimiters, or within a comment, a processing instruction, or a CDATA section.\n * If they are needed elsewhere, they must be escaped using either numeric character references or the strings\n * `&` and `<` respectively.\n * The right angle bracket (>) may be represented using the string \" > \", and must, for compatibility,\n * be escaped using either `>` or a character reference when it appears in the string `]]>` in content,\n * when that string is not marking the end of a CDATA section.\n *\n * In the content of elements, character data is any string of characters\n * which does not contain the start-delimiter of any markup\n * and does not include the CDATA-section-close delimiter, `]]>`.\n *\n * @see https://www.w3.org/TR/xml/#NT-CharData\n */\n return buf.push(node.data.replace(/[<&]/g, _xmlEncoder).replace(/]]>/g, ']]>'));\n\n case CDATA_SECTION_NODE:\n return buf.push('');\n\n case COMMENT_NODE:\n return buf.push(\"\");\n\n case DOCUMENT_TYPE_NODE:\n var pubid = node.publicId;\n var sysid = node.systemId;\n buf.push('');\n } else if (sysid && sysid != '.') {\n buf.push(' SYSTEM ', sysid, '>');\n } else {\n var sub = node.internalSubset;\n\n if (sub) {\n buf.push(\" [\", sub, \"]\");\n }\n\n buf.push(\">\");\n }\n\n return;\n\n case PROCESSING_INSTRUCTION_NODE:\n return buf.push(\"\");\n\n case ENTITY_REFERENCE_NODE:\n return buf.push('&', node.nodeName, ';');\n //case ENTITY_NODE:\n //case NOTATION_NODE:\n\n default:\n buf.push('??', node.nodeName);\n }\n}\n\nfunction _importNode(doc, node, deep) {\n var node2;\n\n switch (node.nodeType) {\n case ELEMENT_NODE:\n node2 = node.cloneNode(false);\n node2.ownerDocument = doc;\n //var attrs = node2.attributes;\n //var len = attrs.length;\n //for(var i=0;i= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nimport Database from './database.js';\n\nfunction noop() {}\n\nfunction run(fn) {\n return fn();\n}\n\nfunction blank_object() {\n return Object.create(null);\n}\n\nfunction run_all(fns) {\n fns.forEach(run);\n}\n\nfunction is_function(thing) {\n return typeof thing === 'function';\n}\n\nfunction safe_not_equal(a, b) {\n return a != a ? b == b : a !== b || a && _typeof(a) === 'object' || typeof a === 'function';\n}\n\nfunction is_empty(obj) {\n return Object.keys(obj).length === 0;\n}\n\nfunction append(target, node) {\n target.appendChild(node);\n}\n\nfunction insert(target, node, anchor) {\n target.insertBefore(node, anchor || null);\n}\n\nfunction detach(node) {\n node.parentNode.removeChild(node);\n}\n\nfunction element(name) {\n return document.createElement(name);\n}\n\nfunction text(data) {\n return document.createTextNode(data);\n}\n\nfunction listen(node, event, handler, options) {\n node.addEventListener(event, handler, options);\n return function () {\n return node.removeEventListener(event, handler, options);\n };\n}\n\nfunction attr(node, attribute, value) {\n if (value == null) node.removeAttribute(attribute);else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value);\n}\n\nfunction children(element) {\n return Array.from(element.childNodes);\n}\n\nfunction set_data(text, data) {\n data = '' + data;\n if (text.wholeText !== data) text.data = data;\n}\n\nfunction set_input_value(input, value) {\n input.value = value == null ? '' : value;\n}\n\nfunction set_style(node, key, value, important) {\n node.style.setProperty(key, value, important ? 'important' : '');\n}\n\nfunction attribute_to_object(attributes) {\n var result = {};\n\n var _iterator = _createForOfIteratorHelper(attributes),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var attribute = _step.value;\n result[attribute.name] = attribute.value;\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n return result;\n}\n\nvar current_component;\n\nfunction set_current_component(component) {\n current_component = component;\n}\n\nfunction get_current_component() {\n if (!current_component) throw new Error('Function called outside component initialization');\n return current_component;\n}\n\nfunction onMount(fn) {\n get_current_component().$$.on_mount.push(fn);\n}\n\nvar dirty_components = [];\nvar binding_callbacks = [];\nvar render_callbacks = [];\nvar flush_callbacks = [];\nvar resolved_promise = Promise.resolve();\nvar update_scheduled = false;\n\nfunction schedule_update() {\n if (!update_scheduled) {\n update_scheduled = true;\n resolved_promise.then(flush);\n }\n}\n\nfunction tick() {\n schedule_update();\n return resolved_promise;\n}\n\nfunction add_render_callback(fn) {\n render_callbacks.push(fn);\n}\n\nvar flushing = false;\nvar seen_callbacks = new Set();\n\nfunction flush() {\n if (flushing) return;\n flushing = true;\n\n do {\n // first, call beforeUpdate functions\n // and update components\n for (var i = 0; i < dirty_components.length; i += 1) {\n var component = dirty_components[i];\n set_current_component(component);\n update(component.$$);\n }\n\n set_current_component(null);\n dirty_components.length = 0;\n\n while (binding_callbacks.length) {\n binding_callbacks.pop()();\n } // then, once components are updated, call\n // afterUpdate functions. This may cause\n // subsequent updates...\n\n\n for (var _i = 0; _i < render_callbacks.length; _i += 1) {\n var callback = render_callbacks[_i];\n\n if (!seen_callbacks.has(callback)) {\n // ...so guard against infinite loops\n seen_callbacks.add(callback);\n callback();\n }\n }\n\n render_callbacks.length = 0;\n } while (dirty_components.length);\n\n while (flush_callbacks.length) {\n flush_callbacks.pop()();\n }\n\n update_scheduled = false;\n flushing = false;\n seen_callbacks.clear();\n}\n\nfunction update($$) {\n if ($$.fragment !== null) {\n $$.update();\n run_all($$.before_update);\n var dirty = $$.dirty;\n $$.dirty = [-1];\n $$.fragment && $$.fragment.p($$.ctx, dirty);\n $$.after_update.forEach(add_render_callback);\n }\n}\n\nvar outroing = new Set();\n\nfunction transition_in(block, local) {\n if (block && block.i) {\n outroing.delete(block);\n block.i(local);\n }\n}\n\nvar globals = typeof window !== 'undefined' ? window : typeof globalThis !== 'undefined' ? globalThis : global;\n\nfunction destroy_block(block, lookup) {\n block.d(1);\n lookup.delete(block.key);\n}\n\nfunction update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {\n var o = old_blocks.length;\n var n = list.length;\n var i = o;\n var old_indexes = {};\n\n while (i--) {\n old_indexes[old_blocks[i].key] = i;\n }\n\n var new_blocks = [];\n var new_lookup = new Map();\n var deltas = new Map();\n i = n;\n\n while (i--) {\n var child_ctx = get_context(ctx, list, i);\n var key = get_key(child_ctx);\n var block = lookup.get(key);\n\n if (!block) {\n block = create_each_block(key, child_ctx);\n block.c();\n } else if (dynamic) {\n block.p(child_ctx, dirty);\n }\n\n new_lookup.set(key, new_blocks[i] = block);\n if (key in old_indexes) deltas.set(key, Math.abs(i - old_indexes[key]));\n }\n\n var will_move = new Set();\n var did_move = new Set();\n\n function insert(block) {\n transition_in(block, 1);\n block.m(node, next);\n lookup.set(block.key, block);\n next = block.first;\n n--;\n }\n\n while (o && n) {\n var new_block = new_blocks[n - 1];\n var old_block = old_blocks[o - 1];\n var new_key = new_block.key;\n var old_key = old_block.key;\n\n if (new_block === old_block) {\n // do nothing\n next = new_block.first;\n o--;\n n--;\n } else if (!new_lookup.has(old_key)) {\n // remove old block\n destroy(old_block, lookup);\n o--;\n } else if (!lookup.has(new_key) || will_move.has(new_key)) {\n insert(new_block);\n } else if (did_move.has(old_key)) {\n o--;\n } else if (deltas.get(new_key) > deltas.get(old_key)) {\n did_move.add(new_key);\n insert(new_block);\n } else {\n will_move.add(old_key);\n o--;\n }\n }\n\n while (o--) {\n var _old_block = old_blocks[o];\n if (!new_lookup.has(_old_block.key)) destroy(_old_block, lookup);\n }\n\n while (n) {\n insert(new_blocks[n - 1]);\n }\n\n return new_blocks;\n}\n\nfunction mount_component(component, target, anchor, customElement) {\n var _component$$$ = component.$$,\n fragment = _component$$$.fragment,\n on_mount = _component$$$.on_mount,\n on_destroy = _component$$$.on_destroy,\n after_update = _component$$$.after_update;\n fragment && fragment.m(target, anchor);\n after_update.forEach(add_render_callback);\n}\n\nfunction destroy_component(component, detaching) {\n var $$ = component.$$;\n\n if ($$.fragment !== null) {\n run_all($$.on_destroy);\n $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to\n // preserve final state?)\n\n $$.on_destroy = $$.fragment = null;\n $$.ctx = [];\n }\n}\n\nfunction make_dirty(component, i) {\n if (component.$$.dirty[0] === -1) {\n dirty_components.push(component);\n schedule_update();\n component.$$.dirty.fill(0);\n }\n\n component.$$.dirty[i / 31 | 0] |= 1 << i % 31;\n}\n\nfunction init(component, options, instance, create_fragment, not_equal, props) {\n var dirty = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [-1];\n var parent_component = current_component;\n set_current_component(component);\n var $$ = component.$$ = {\n fragment: null,\n ctx: null,\n // state\n props: props,\n update: noop,\n not_equal: not_equal,\n bound: blank_object(),\n // lifecycle\n on_mount: [],\n on_destroy: [],\n on_disconnect: [],\n before_update: [],\n after_update: [],\n context: new Map(parent_component ? parent_component.$$.context : options.context || []),\n // everything else\n callbacks: blank_object(),\n dirty: dirty,\n skip_bound: false\n };\n var ready = false;\n $$.ctx = instance ? instance(component, options.props || {}, function (i, ret) {\n var value = (arguments.length <= 2 ? 0 : arguments.length - 2) ? arguments.length <= 2 ? undefined : arguments[2] : ret;\n\n if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {\n if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);\n if (ready) make_dirty(component, i);\n }\n\n return ret;\n }) : [];\n $$.update();\n ready = true;\n run_all($$.before_update); // `false` as a special case of no DOM component\n\n $$.fragment = create_fragment ? create_fragment($$.ctx) : false;\n\n if (options.target) {\n if (options.hydrate) {\n var nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\n $$.fragment && $$.fragment.l(nodes);\n nodes.forEach(detach);\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment && $$.fragment.c();\n }\n\n if (options.intro) transition_in(component.$$.fragment);\n mount_component(component, options.target, options.anchor, options.customElement);\n flush();\n }\n\n set_current_component(parent_component);\n}\n\nvar SvelteElement;\n\nif (typeof HTMLElement === 'function') {\n SvelteElement = /*#__PURE__*/function (_HTMLElement) {\n _inherits(SvelteElement, _HTMLElement);\n\n var _super = _createSuper(SvelteElement);\n\n function SvelteElement() {\n var _this;\n\n _classCallCheck(this, SvelteElement);\n\n _this = _super.call(this);\n\n _this.attachShadow({\n mode: 'open'\n });\n\n return _this;\n }\n\n _createClass(SvelteElement, [{\n key: \"connectedCallback\",\n value: function connectedCallback() {\n var on_mount = this.$$.on_mount;\n this.$$.on_disconnect = on_mount.map(run).filter(is_function); // @ts-ignore todo: improve typings\n\n for (var key in this.$$.slotted) {\n // @ts-ignore todo: improve typings\n this.appendChild(this.$$.slotted[key]);\n }\n }\n }, {\n key: \"attributeChangedCallback\",\n value: function attributeChangedCallback(attr, _oldValue, newValue) {\n this[attr] = newValue;\n }\n }, {\n key: \"disconnectedCallback\",\n value: function disconnectedCallback() {\n run_all(this.$$.on_disconnect);\n }\n }, {\n key: \"$destroy\",\n value: function $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n }, {\n key: \"$on\",\n value: function $on(type, callback) {\n // TODO should this delegate to addEventListener?\n var callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);\n callbacks.push(callback);\n return function () {\n var index = callbacks.indexOf(callback);\n if (index !== -1) callbacks.splice(index, 1);\n };\n }\n }, {\n key: \"$set\",\n value: function $set($$props) {\n if (this.$$set && !is_empty($$props)) {\n this.$$.skip_bound = true;\n this.$$set($$props);\n this.$$.skip_bound = false;\n }\n }\n }]);\n\n return SvelteElement;\n }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));\n}\n\nvar enI18n = {\n categoriesLabel: 'Categories',\n emojiUnsupportedMessage: 'Your browser does not support color emoji.',\n favoritesLabel: 'Favorites',\n loadingMessage: 'Loading…',\n networkErrorMessage: 'Could not load emoji. Try refreshing.',\n regionLabel: 'Emoji picker',\n searchDescription: 'When search results are available, press up or down to select and enter to choose.',\n searchLabel: 'Search',\n searchResultsLabel: 'Search results',\n skinToneDescription: 'When expanded, press up or down to select and enter to choose.',\n skinToneLabel: 'Choose a skin tone (currently {skinTone})',\n skinTonesLabel: 'Skin tones',\n skinTones: ['Default', 'Light', 'Medium-Light', 'Medium', 'Medium-Dark', 'Dark'],\n categories: {\n custom: 'Custom',\n 'smileys-emotion': 'Smileys and emoticons',\n 'people-body': 'People and body',\n 'animals-nature': 'Animals and nature',\n 'food-drink': 'Food and drink',\n 'travel-places': 'Travel and places',\n activities: 'Activities',\n objects: 'Objects',\n symbols: 'Symbols',\n flags: 'Flags'\n }\n}; // via https://unpkg.com/browse/emojibase-data@6.0.0/meta/groups.json\n\nvar allGroups = [[-1, '✨', 'custom'], [0, '😀', 'smileys-emotion'], [1, '👋', 'people-body'], [3, '🐱', 'animals-nature'], [4, '🍎', 'food-drink'], [5, '🏠️', 'travel-places'], [6, '⚽', 'activities'], [7, '📝', 'objects'], [8, '⛔️', 'symbols'], [9, '🏁', 'flags']].map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 3),\n id = _ref2[0],\n emoji = _ref2[1],\n name = _ref2[2];\n\n return {\n id: id,\n emoji: emoji,\n name: name\n };\n});\nvar groups = allGroups.slice(1);\nvar customGroup = allGroups[0];\nvar MIN_SEARCH_TEXT_LENGTH = 2;\nvar NUM_SKIN_TONES = 6;\n/* istanbul ignore next */\n\nvar rIC = typeof requestIdleCallback === 'function' ? requestIdleCallback : setTimeout; // check for ZWJ (zero width joiner) character\n\nfunction hasZwj(emoji) {\n return emoji.unicode.includes(\"\\u200D\");\n} // Find one good representative emoji from each version to test by checking its color.\n// Ideally it should have color in the center. For some inspiration, see:\n// https://about.gitlab.com/blog/2018/05/30/journey-in-native-unicode-emoji/\n//\n// Note that for certain versions (12.1, 13.1), there is no point in testing them explicitly, because\n// all the emoji from this version are compound-emoji from previous versions. So they would pass a color\n// test, even in browsers that display them as double emoji. (E.g. \"face in clouds\" might render as\n// \"face without mouth\" plus \"fog\".) These emoji can only be filtered using the width test,\n// which happens in checkZwjSupport.js.\n\n\nvar versionsAndTestEmoji = {\n '🥲': 13.1,\n // smiling face with tear, technically from v13 but see note above\n '🥻': 12.1,\n // sari, technically from v12 but see note above\n '🥰': 11,\n '🤩': 5,\n '👱♀️': 4,\n '🤣': 3,\n '👁️🗨️': 2,\n '😀': 1,\n '😐️': 0.7,\n '😃': 0.6\n};\nvar TIMEOUT_BEFORE_LOADING_MESSAGE = 1000; // 1 second\n\nvar DEFAULT_SKIN_TONE_EMOJI = '🖐️';\nvar DEFAULT_NUM_COLUMNS = 8; // Based on https://fivethirtyeight.com/features/the-100-most-used-emojis/ and\n// https://blog.emojipedia.org/facebook-reveals-most-and-least-used-emojis/ with\n// a bit of my own curation. (E.g. avoid the \"OK\" gesture because of connotations:\n// https://emojipedia.org/ok-hand/)\n\nvar MOST_COMMONLY_USED_EMOJI = ['😊', '😒', '♥️', '👍️', '😍', '😂', '😭', '☺️', '😔', '😩', '😏', '💕', '🙌', '😘'];\nvar FONT_FAMILY = '\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",' + '\"Twemoji Mozilla\",\"Noto Color Emoji\",\"EmojiOne Color\",\"Android Emoji\",sans-serif'; // Test if an emoji is supported by rendering it to canvas and checking that the color is not black\n\nvar getTextFeature = function getTextFeature(text, color) {\n var canvas = document.createElement('canvas');\n canvas.width = canvas.height = 1;\n var ctx = canvas.getContext('2d');\n ctx.textBaseline = 'top';\n ctx.font = \"100px \".concat(FONT_FAMILY);\n ctx.fillStyle = color;\n ctx.scale(0.01, 0.01);\n ctx.fillText(text, 0, 0);\n return ctx.getImageData(0, 0, 1, 1).data;\n};\n\nvar compareFeatures = function compareFeatures(feature1, feature2) {\n var feature1Str = _toConsumableArray(feature1).join(',');\n\n var feature2Str = _toConsumableArray(feature2).join(','); // This is RGBA, so for 0,0,0, we are checking that the first RGB is not all zeroes.\n // Most of the time when unsupported this is 0,0,0,0, but on Chrome on Mac it is\n // 0,0,0,61 - there is a transparency here.\n\n\n return feature1Str === feature2Str && !feature1Str.startsWith('0,0,0,');\n};\n\nfunction testColorEmojiSupported(text) {\n // Render white and black and then compare them to each other and ensure they're the same\n // color, and neither one is black. This shows that the emoji was rendered in color.\n var feature1 = getTextFeature(text, '#000');\n var feature2 = getTextFeature(text, '#fff');\n return feature1 && feature2 && compareFeatures(feature1, feature2);\n} // rather than check every emoji ever, which would be expensive, just check some representatives from the\n\n\nfunction determineEmojiSupportLevel() {\n var entries = Object.entries(versionsAndTestEmoji);\n\n try {\n // start with latest emoji and work backwards\n for (var _i2 = 0, _entries = entries; _i2 < _entries.length; _i2++) {\n var _ref5 = _entries[_i2];\n\n var _ref4 = _slicedToArray(_ref5, 2);\n\n var emoji = _ref4[0];\n var version = _ref4[1];\n\n if (testColorEmojiSupported(emoji)) {\n return version;\n }\n }\n } catch (e) {// canvas error\n } finally {} // In case of an error, be generous and just assume all emoji are supported (e.g. for canvas errors\n // due to anti-fingerprinting add-ons). Better to show some gray boxes than nothing at all.\n\n\n return entries[0][1]; // first one in the list is the most recent version\n} // Check which emojis we know for sure aren't supported, based on Unicode version level\n\n\nvar emojiSupportLevelPromise = new Promise(function (resolve) {\n return rIC(function () {\n return resolve(determineEmojiSupportLevel()) // delay so ideally this can run while IDB is first populating\n ;\n });\n}); // determine which emojis containing ZWJ (zero width joiner) characters\n// are supported (rendered as one glyph) rather than unsupported (rendered as two or more glyphs)\n\nvar supportedZwjEmojis = new Map();\nvar VARIATION_SELECTOR = \"\\uFE0F\";\nvar SKINTONE_MODIFIER = \"\\uD83C\";\nvar ZWJ = \"\\u200D\";\nvar LIGHT_SKIN_TONE = 0x1F3FB;\nvar LIGHT_SKIN_TONE_MODIFIER = 0xdffb; // TODO: this is a naive implementation, we can improve it later\n// It's only used for the skintone picker, so as long as people don't customize with\n// really exotic emoji then it should work fine\n\nfunction applySkinTone(str, skinTone) {\n if (skinTone === 0) {\n return str;\n }\n\n var zwjIndex = str.indexOf(ZWJ);\n\n if (zwjIndex !== -1) {\n return str.substring(0, zwjIndex) + String.fromCodePoint(LIGHT_SKIN_TONE + skinTone - 1) + str.substring(zwjIndex);\n }\n\n if (str.endsWith(VARIATION_SELECTOR)) {\n str = str.substring(0, str.length - 1);\n }\n\n return str + SKINTONE_MODIFIER + String.fromCodePoint(LIGHT_SKIN_TONE_MODIFIER + skinTone - 1);\n}\n\nfunction halt(event) {\n event.preventDefault();\n event.stopPropagation();\n} // Implementation left/right or up/down navigation, circling back when you\n// reach the start/end of the list\n\n\nfunction incrementOrDecrement(decrement, val, arr) {\n val += decrement ? -1 : 1;\n\n if (val < 0) {\n val = arr.length - 1;\n } else if (val >= arr.length) {\n val = 0;\n }\n\n return val;\n} // like lodash's uniqBy but much smaller\n\n\nfunction uniqBy(arr, func) {\n var set = new Set();\n var res = [];\n\n var _iterator2 = _createForOfIteratorHelper(arr),\n _step2;\n\n try {\n for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {\n var item = _step2.value;\n var key = func(item);\n\n if (!set.has(key)) {\n set.add(key);\n res.push(item);\n }\n }\n } catch (err) {\n _iterator2.e(err);\n } finally {\n _iterator2.f();\n }\n\n return res;\n} // We don't need all the data on every emoji, and there are specific things we need\n// for the UI, so build a \"view model\" from the emoji object we got from the database\n\n\nfunction summarizeEmojisForUI(emojis, emojiSupportLevel) {\n var toSimpleSkinsMap = function toSimpleSkinsMap(skins) {\n var res = {};\n\n var _iterator3 = _createForOfIteratorHelper(skins),\n _step3;\n\n try {\n for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {\n var skin = _step3.value;\n\n // ignore arrays like [1, 2] with multiple skin tones\n // also ignore variants that are in an unsupported emoji version\n // (these do exist - variants from a different version than their base emoji)\n if (typeof skin.tone === 'number' && skin.version <= emojiSupportLevel) {\n res[skin.tone] = skin.unicode;\n }\n }\n } catch (err) {\n _iterator3.e(err);\n } finally {\n _iterator3.f();\n }\n\n return res;\n };\n\n return emojis.map(function (_ref6) {\n var unicode = _ref6.unicode,\n skins = _ref6.skins,\n shortcodes = _ref6.shortcodes,\n url = _ref6.url,\n name = _ref6.name,\n category = _ref6.category;\n return {\n unicode: unicode,\n name: name,\n shortcodes: shortcodes,\n url: url,\n category: category,\n id: unicode || name,\n skins: skins && toSimpleSkinsMap(skins),\n title: (shortcodes || []).join(', ')\n };\n });\n} // import rAF from one place so that the bundle size is a bit smaller\n\n\nvar rAF = requestAnimationFrame; // Svelte action to calculate the width of an element and auto-update\n\nvar resizeObserverSupported = typeof ResizeObserver === 'function';\n\nfunction calculateWidth(node, onUpdate) {\n var resizeObserver;\n\n if (resizeObserverSupported) {\n resizeObserver = new ResizeObserver(function (entries) {\n return onUpdate(entries[0].contentRect.width);\n });\n resizeObserver.observe(node);\n } else {\n // just set the width once, don't bother trying to track it\n rAF(function () {\n return onUpdate(node.getBoundingClientRect().width);\n });\n } // cleanup function (called on disconnect)\n\n\n return function () {\n if (resizeObserver) {\n resizeObserver.disconnect();\n }\n };\n} // get the width of the text inside of a DOM node, via https://stackoverflow.com/a/59525891/680742\n\n\nfunction calculateTextWidth(node) {\n /* istanbul ignore else */\n {\n var range = document.createRange();\n range.selectNode(node.firstChild);\n return range.getBoundingClientRect().width;\n }\n}\n\nvar baselineEmojiWidth;\n\nfunction checkZwjSupport(zwjEmojisToCheck, baselineEmoji, emojiToDomNode) {\n var _iterator4 = _createForOfIteratorHelper(zwjEmojisToCheck),\n _step4;\n\n try {\n for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {\n var emoji = _step4.value;\n var domNode = emojiToDomNode(emoji);\n var emojiWidth = calculateTextWidth(domNode);\n\n if (typeof baselineEmojiWidth === 'undefined') {\n // calculate the baseline emoji width only once\n baselineEmojiWidth = calculateTextWidth(baselineEmoji);\n } // On Windows, some supported emoji are ~50% bigger than the baseline emoji, but what we really want to guard\n // against are the ones that are 2x the size, because those are truly broken (person with red hair = person with\n // floating red wig, black cat = cat with black square, polar bear = bear with snowflake, etc.)\n // So here we set the threshold at 1.8 times the size of the baseline emoji.\n\n\n var supported = emojiWidth / 1.8 < baselineEmojiWidth;\n supportedZwjEmojis.set(emoji.unicode, supported);\n }\n } catch (err) {\n _iterator4.e(err);\n } finally {\n _iterator4.f();\n }\n} // Measure after style/layout are complete\n\n\nvar requestPostAnimationFrame = function requestPostAnimationFrame(callback) {\n rAF(function () {\n setTimeout(callback);\n });\n}; // like lodash's uniq\n\n\nfunction uniq(arr) {\n return uniqBy(arr, function (_) {\n return _;\n });\n}\n\nvar runAll = function runAll(funcs) {\n return funcs && funcs.forEach(function (func) {\n return func();\n });\n};\n/* src/picker/components/Picker/Picker.svelte generated by Svelte v3.37.0 */\n\n\nvar Map_1 = globals.Map;\n\nfunction get_each_context(ctx, list, i) {\n var child_ctx = ctx.slice();\n child_ctx[71] = list[i];\n child_ctx[73] = i;\n return child_ctx;\n}\n\nfunction get_each_context_1(ctx, list, i) {\n var child_ctx = ctx.slice();\n child_ctx[74] = list[i];\n child_ctx[73] = i;\n return child_ctx;\n}\n\nfunction get_each_context_2(ctx, list, i) {\n var child_ctx = ctx.slice();\n child_ctx[71] = list[i];\n child_ctx[73] = i;\n return child_ctx;\n}\n\nfunction get_each_context_3(ctx, list, i) {\n var child_ctx = ctx.slice();\n child_ctx[77] = list[i];\n return child_ctx;\n}\n\nfunction get_each_context_4(ctx, list, i) {\n var child_ctx = ctx.slice();\n child_ctx[80] = list[i];\n child_ctx[73] = i;\n return child_ctx;\n} // (44:38) {#each skinTones as skinTone, i (skinTone)}\n\n\nfunction create_each_block_4(key_1, ctx) {\n var div;\n var t_value =\n /*skinTone*/\n ctx[80] + \"\";\n var t;\n var div_id_value;\n var div_class_value;\n var div_aria_selected_value;\n var div_title_value;\n var div_aria_label_value;\n return {\n key: key_1,\n first: null,\n c: function c() {\n div = element(\"div\");\n t = text(t_value);\n attr(div, \"id\", div_id_value = \"skintone-\" +\n /*i*/\n ctx[73]);\n attr(div, \"class\", div_class_value = \"emoji hide-focus \" + (\n /*i*/\n ctx[73] ===\n /*activeSkinTone*/\n ctx[22] ? \"active\" : \"\"));\n attr(div, \"aria-selected\", div_aria_selected_value =\n /*i*/\n ctx[73] ===\n /*activeSkinTone*/\n ctx[22]);\n attr(div, \"role\", \"option\");\n attr(div, \"title\", div_title_value =\n /*i18n*/\n ctx[0].skinTones[\n /*i*/\n ctx[73]]);\n attr(div, \"tabindex\", \"-1\");\n attr(div, \"aria-label\", div_aria_label_value =\n /*i18n*/\n ctx[0].skinTones[\n /*i*/\n ctx[73]]);\n this.first = div;\n },\n m: function m(target, anchor) {\n insert(target, div, anchor);\n append(div, t);\n },\n p: function p(new_ctx, dirty) {\n ctx = new_ctx;\n if (dirty[0] &\n /*skinTones*/\n 256 && t_value !== (t_value =\n /*skinTone*/\n ctx[80] + \"\")) set_data(t, t_value);\n\n if (dirty[0] &\n /*skinTones*/\n 256 && div_id_value !== (div_id_value = \"skintone-\" +\n /*i*/\n ctx[73])) {\n attr(div, \"id\", div_id_value);\n }\n\n if (dirty[0] &\n /*skinTones, activeSkinTone*/\n 4194560 && div_class_value !== (div_class_value = \"emoji hide-focus \" + (\n /*i*/\n ctx[73] ===\n /*activeSkinTone*/\n ctx[22] ? \"active\" : \"\"))) {\n attr(div, \"class\", div_class_value);\n }\n\n if (dirty[0] &\n /*skinTones, activeSkinTone*/\n 4194560 && div_aria_selected_value !== (div_aria_selected_value =\n /*i*/\n ctx[73] ===\n /*activeSkinTone*/\n ctx[22])) {\n attr(div, \"aria-selected\", div_aria_selected_value);\n }\n\n if (dirty[0] &\n /*i18n, skinTones*/\n 257 && div_title_value !== (div_title_value =\n /*i18n*/\n ctx[0].skinTones[\n /*i*/\n ctx[73]])) {\n attr(div, \"title\", div_title_value);\n }\n\n if (dirty[0] &\n /*i18n, skinTones*/\n 257 && div_aria_label_value !== (div_aria_label_value =\n /*i18n*/\n ctx[0].skinTones[\n /*i*/\n ctx[73]])) {\n attr(div, \"aria-label\", div_aria_label_value);\n }\n },\n d: function d(detaching) {\n if (detaching) detach(div);\n }\n };\n} // (54:33) {#each groups as group (group.id)}\n\n\nfunction create_each_block_3(key_1, ctx) {\n var button;\n var div;\n var t_value =\n /*group*/\n ctx[77].emoji + \"\";\n var t;\n var button_aria_controls_value;\n var button_aria_label_value;\n var button_aria_selected_value;\n var button_title_value;\n var mounted;\n var dispose;\n\n function click_handler() {\n return (\n /*click_handler*/\n ctx[53](\n /*group*/\n ctx[77])\n );\n }\n\n return {\n key: key_1,\n first: null,\n c: function c() {\n button = element(\"button\");\n div = element(\"div\");\n t = text(t_value);\n attr(div, \"class\", \"nav-emoji emoji\");\n attr(button, \"role\", \"tab\");\n attr(button, \"class\", \"nav-button\");\n attr(button, \"aria-controls\", button_aria_controls_value = \"tab-\" +\n /*group*/\n ctx[77].id);\n attr(button, \"aria-label\", button_aria_label_value =\n /*i18n*/\n ctx[0].categories[\n /*group*/\n ctx[77].name]);\n attr(button, \"aria-selected\", button_aria_selected_value = !\n /*searchMode*/\n ctx[3] &&\n /*currentGroup*/\n ctx[11].id ===\n /*group*/\n ctx[77].id);\n attr(button, \"title\", button_title_value =\n /*i18n*/\n ctx[0].categories[\n /*group*/\n ctx[77].name]);\n this.first = button;\n },\n m: function m(target, anchor) {\n insert(target, button, anchor);\n append(button, div);\n append(div, t);\n\n if (!mounted) {\n dispose = listen(button, \"click\", click_handler);\n mounted = true;\n }\n },\n p: function p(new_ctx, dirty) {\n ctx = new_ctx;\n if (dirty[0] &\n /*groups*/\n 1024 && t_value !== (t_value =\n /*group*/\n ctx[77].emoji + \"\")) set_data(t, t_value);\n\n if (dirty[0] &\n /*groups*/\n 1024 && button_aria_controls_value !== (button_aria_controls_value = \"tab-\" +\n /*group*/\n ctx[77].id)) {\n attr(button, \"aria-controls\", button_aria_controls_value);\n }\n\n if (dirty[0] &\n /*i18n, groups*/\n 1025 && button_aria_label_value !== (button_aria_label_value =\n /*i18n*/\n ctx[0].categories[\n /*group*/\n ctx[77].name])) {\n attr(button, \"aria-label\", button_aria_label_value);\n }\n\n if (dirty[0] &\n /*searchMode, currentGroup, groups*/\n 3080 && button_aria_selected_value !== (button_aria_selected_value = !\n /*searchMode*/\n ctx[3] &&\n /*currentGroup*/\n ctx[11].id ===\n /*group*/\n ctx[77].id)) {\n attr(button, \"aria-selected\", button_aria_selected_value);\n }\n\n if (dirty[0] &\n /*i18n, groups*/\n 1025 && button_title_value !== (button_title_value =\n /*i18n*/\n ctx[0].categories[\n /*group*/\n ctx[77].name])) {\n attr(button, \"title\", button_title_value);\n }\n },\n d: function d(detaching) {\n if (detaching) detach(button);\n mounted = false;\n dispose();\n }\n };\n} // (88:100) {:else}\n\n\nfunction create_else_block_1(ctx) {\n var img;\n var img_src_value;\n return {\n c: function c() {\n img = element(\"img\");\n attr(img, \"class\", \"custom-emoji\");\n if (img.src !== (img_src_value =\n /*emoji*/\n ctx[71].url)) attr(img, \"src\", img_src_value);\n attr(img, \"alt\", \"\");\n attr(img, \"loading\", \"lazy\");\n },\n m: function m(target, anchor) {\n insert(target, img, anchor);\n },\n p: function p(ctx, dirty) {\n if (dirty[0] &\n /*currentEmojisWithCategories*/\n 8192 && img.src !== (img_src_value =\n /*emoji*/\n ctx[71].url)) {\n attr(img, \"src\", img_src_value);\n }\n },\n d: function d(detaching) {\n if (detaching) detach(img);\n }\n };\n} // (88:40) {#if emoji.unicode}\n\n\nfunction create_if_block_1(ctx) {\n var t_value =\n /*unicodeWithSkin*/\n ctx[28](\n /*emoji*/\n ctx[71],\n /*currentSkinTone*/\n ctx[7]) + \"\";\n var t;\n return {\n c: function c() {\n t = text(t_value);\n },\n m: function m(target, anchor) {\n insert(target, t, anchor);\n },\n p: function p(ctx, dirty) {\n if (dirty[0] &\n /*currentEmojisWithCategories, currentSkinTone*/\n 8320 && t_value !== (t_value =\n /*unicodeWithSkin*/\n ctx[28](\n /*emoji*/\n ctx[71],\n /*currentSkinTone*/\n ctx[7]) + \"\")) set_data(t, t_value);\n },\n d: function d(detaching) {\n if (detaching) detach(t);\n }\n };\n} // (83:53) {#each emojiWithCategory.emojis as emoji, i (emoji.id)}\n\n\nfunction create_each_block_2(key_1, ctx) {\n var button;\n var button_role_value;\n var button_aria_selected_value;\n var button_aria_label_value;\n var button_title_value;\n var button_class_value;\n var button_id_value;\n\n function select_block_type(ctx, dirty) {\n if (\n /*emoji*/\n ctx[71].unicode) return create_if_block_1;\n return create_else_block_1;\n }\n\n var current_block_type = select_block_type(ctx);\n var if_block = current_block_type(ctx);\n return {\n key: key_1,\n first: null,\n c: function c() {\n button = element(\"button\");\n if_block.c();\n attr(button, \"role\", button_role_value =\n /*searchMode*/\n ctx[3] ? \"option\" : \"menuitem\");\n attr(button, \"aria-selected\", button_aria_selected_value =\n /*searchMode*/\n ctx[3] ?\n /*i*/\n ctx[73] ==\n /*activeSearchItem*/\n ctx[4] : \"\");\n attr(button, \"aria-label\", button_aria_label_value =\n /*labelWithSkin*/\n ctx[29](\n /*emoji*/\n ctx[71],\n /*currentSkinTone*/\n ctx[7]));\n attr(button, \"title\", button_title_value =\n /*emoji*/\n ctx[71].title);\n attr(button, \"class\", button_class_value = \"emoji \" + (\n /*searchMode*/\n ctx[3] &&\n /*i*/\n ctx[73] ===\n /*activeSearchItem*/\n ctx[4] ? \"active\" : \"\"));\n attr(button, \"id\", button_id_value = \"emo-\" +\n /*emoji*/\n ctx[71].id);\n this.first = button;\n },\n m: function m(target, anchor) {\n insert(target, button, anchor);\n if_block.m(button, null);\n },\n p: function p(new_ctx, dirty) {\n ctx = new_ctx;\n\n if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {\n if_block.p(ctx, dirty);\n } else {\n if_block.d(1);\n if_block = current_block_type(ctx);\n\n if (if_block) {\n if_block.c();\n if_block.m(button, null);\n }\n }\n\n if (dirty[0] &\n /*searchMode*/\n 8 && button_role_value !== (button_role_value =\n /*searchMode*/\n ctx[3] ? \"option\" : \"menuitem\")) {\n attr(button, \"role\", button_role_value);\n }\n\n if (dirty[0] &\n /*searchMode, currentEmojisWithCategories, activeSearchItem*/\n 8216 && button_aria_selected_value !== (button_aria_selected_value =\n /*searchMode*/\n ctx[3] ?\n /*i*/\n ctx[73] ==\n /*activeSearchItem*/\n ctx[4] : \"\")) {\n attr(button, \"aria-selected\", button_aria_selected_value);\n }\n\n if (dirty[0] &\n /*currentEmojisWithCategories, currentSkinTone*/\n 8320 && button_aria_label_value !== (button_aria_label_value =\n /*labelWithSkin*/\n ctx[29](\n /*emoji*/\n ctx[71],\n /*currentSkinTone*/\n ctx[7]))) {\n attr(button, \"aria-label\", button_aria_label_value);\n }\n\n if (dirty[0] &\n /*currentEmojisWithCategories*/\n 8192 && button_title_value !== (button_title_value =\n /*emoji*/\n ctx[71].title)) {\n attr(button, \"title\", button_title_value);\n }\n\n if (dirty[0] &\n /*searchMode, currentEmojisWithCategories, activeSearchItem*/\n 8216 && button_class_value !== (button_class_value = \"emoji \" + (\n /*searchMode*/\n ctx[3] &&\n /*i*/\n ctx[73] ===\n /*activeSearchItem*/\n ctx[4] ? \"active\" : \"\"))) {\n attr(button, \"class\", button_class_value);\n }\n\n if (dirty[0] &\n /*currentEmojisWithCategories*/\n 8192 && button_id_value !== (button_id_value = \"emo-\" +\n /*emoji*/\n ctx[71].id)) {\n attr(button, \"id\", button_id_value);\n }\n },\n d: function d(detaching) {\n if (detaching) detach(button);\n if_block.d();\n }\n };\n} // (71:41) {#each currentEmojisWithCategories as emojiWithCategory, i (emojiWithCategory.category)}\n\n\nfunction create_each_block_1(key_1, ctx) {\n var div0;\n var t_value = (\n /*searchMode*/\n ctx[3] ?\n /*i18n*/\n ctx[0].searchResultsLabel :\n /*emojiWithCategory*/\n ctx[74].category ?\n /*emojiWithCategory*/\n ctx[74].category :\n /*currentEmojisWithCategories*/\n ctx[13].length > 1 ?\n /*i18n*/\n ctx[0].categories.custom :\n /*i18n*/\n ctx[0].categories[\n /*currentGroup*/\n ctx[11].name]) + \"\";\n var t;\n var div0_id_value;\n var div0_class_value;\n var div1;\n var each_blocks = [];\n var each_1_lookup = new Map_1();\n var div1_role_value;\n var div1_aria_labelledby_value;\n var div1_id_value;\n var each_value_2 =\n /*emojiWithCategory*/\n ctx[74].emojis;\n\n var get_key = function get_key(ctx) {\n return (\n /*emoji*/\n ctx[71].id\n );\n };\n\n for (var i = 0; i < each_value_2.length; i += 1) {\n var child_ctx = get_each_context_2(ctx, each_value_2, i);\n var key = get_key(child_ctx);\n each_1_lookup.set(key, each_blocks[i] = create_each_block_2(key, child_ctx));\n }\n\n return {\n key: key_1,\n first: null,\n c: function c() {\n div0 = element(\"div\");\n t = text(t_value);\n div1 = element(\"div\");\n\n for (var _i3 = 0; _i3 < each_blocks.length; _i3 += 1) {\n each_blocks[_i3].c();\n }\n\n attr(div0, \"id\", div0_id_value = \"menu-label-\" +\n /*i*/\n ctx[73]);\n attr(div0, \"class\", div0_class_value = \"category \" + (\n /*currentEmojisWithCategories*/\n ctx[13].length > 1 ? \"\" : \"gone\"));\n attr(div0, \"aria-hidden\", \"true\");\n attr(div1, \"class\", \"emoji-menu\");\n attr(div1, \"role\", div1_role_value =\n /*searchMode*/\n ctx[3] ? \"listbox\" : \"menu\");\n attr(div1, \"aria-labelledby\", div1_aria_labelledby_value = \"menu-label-\" +\n /*i*/\n ctx[73]);\n attr(div1, \"id\", div1_id_value =\n /*searchMode*/\n ctx[3] ? \"search-results\" : \"\");\n this.first = div0;\n },\n m: function m(target, anchor) {\n insert(target, div0, anchor);\n append(div0, t);\n insert(target, div1, anchor);\n\n for (var _i4 = 0; _i4 < each_blocks.length; _i4 += 1) {\n each_blocks[_i4].m(div1, null);\n }\n },\n p: function p(new_ctx, dirty) {\n ctx = new_ctx;\n if (dirty[0] &\n /*searchMode, i18n, currentEmojisWithCategories, currentGroup*/\n 10249 && t_value !== (t_value = (\n /*searchMode*/\n ctx[3] ?\n /*i18n*/\n ctx[0].searchResultsLabel :\n /*emojiWithCategory*/\n ctx[74].category ?\n /*emojiWithCategory*/\n ctx[74].category :\n /*currentEmojisWithCategories*/\n ctx[13].length > 1 ?\n /*i18n*/\n ctx[0].categories.custom :\n /*i18n*/\n ctx[0].categories[\n /*currentGroup*/\n ctx[11].name]) + \"\")) set_data(t, t_value);\n\n if (dirty[0] &\n /*currentEmojisWithCategories*/\n 8192 && div0_id_value !== (div0_id_value = \"menu-label-\" +\n /*i*/\n ctx[73])) {\n attr(div0, \"id\", div0_id_value);\n }\n\n if (dirty[0] &\n /*currentEmojisWithCategories*/\n 8192 && div0_class_value !== (div0_class_value = \"category \" + (\n /*currentEmojisWithCategories*/\n ctx[13].length > 1 ? \"\" : \"gone\"))) {\n attr(div0, \"class\", div0_class_value);\n }\n\n if (dirty[0] &\n /*searchMode, currentEmojisWithCategories, activeSearchItem, labelWithSkin, currentSkinTone, unicodeWithSkin*/\n 805314712) {\n each_value_2 =\n /*emojiWithCategory*/\n ctx[74].emojis;\n each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value_2, each_1_lookup, div1, destroy_block, create_each_block_2, null, get_each_context_2);\n }\n\n if (dirty[0] &\n /*searchMode*/\n 8 && div1_role_value !== (div1_role_value =\n /*searchMode*/\n ctx[3] ? \"listbox\" : \"menu\")) {\n attr(div1, \"role\", div1_role_value);\n }\n\n if (dirty[0] &\n /*currentEmojisWithCategories*/\n 8192 && div1_aria_labelledby_value !== (div1_aria_labelledby_value = \"menu-label-\" +\n /*i*/\n ctx[73])) {\n attr(div1, \"aria-labelledby\", div1_aria_labelledby_value);\n }\n\n if (dirty[0] &\n /*searchMode*/\n 8 && div1_id_value !== (div1_id_value =\n /*searchMode*/\n ctx[3] ? \"search-results\" : \"\")) {\n attr(div1, \"id\", div1_id_value);\n }\n },\n d: function d(detaching) {\n if (detaching) detach(div0);\n if (detaching) detach(div1);\n\n for (var _i5 = 0; _i5 < each_blocks.length; _i5 += 1) {\n each_blocks[_i5].d();\n }\n }\n };\n} // (100:94) {:else}\n\n\nfunction create_else_block(ctx) {\n var img;\n var img_src_value;\n return {\n c: function c() {\n img = element(\"img\");\n attr(img, \"class\", \"custom-emoji\");\n if (img.src !== (img_src_value =\n /*emoji*/\n ctx[71].url)) attr(img, \"src\", img_src_value);\n attr(img, \"alt\", \"\");\n attr(img, \"loading\", \"lazy\");\n },\n m: function m(target, anchor) {\n insert(target, img, anchor);\n },\n p: function p(ctx, dirty) {\n if (dirty[0] &\n /*currentFavorites*/\n 512 && img.src !== (img_src_value =\n /*emoji*/\n ctx[71].url)) {\n attr(img, \"src\", img_src_value);\n }\n },\n d: function d(detaching) {\n if (detaching) detach(img);\n }\n };\n} // (100:34) {#if emoji.unicode}\n\n\nfunction create_if_block(ctx) {\n var t_value =\n /*unicodeWithSkin*/\n ctx[28](\n /*emoji*/\n ctx[71],\n /*currentSkinTone*/\n ctx[7]) + \"\";\n var t;\n return {\n c: function c() {\n t = text(t_value);\n },\n m: function m(target, anchor) {\n insert(target, t, anchor);\n },\n p: function p(ctx, dirty) {\n if (dirty[0] &\n /*currentFavorites, currentSkinTone*/\n 640 && t_value !== (t_value =\n /*unicodeWithSkin*/\n ctx[28](\n /*emoji*/\n ctx[71],\n /*currentSkinTone*/\n ctx[7]) + \"\")) set_data(t, t_value);\n },\n d: function d(detaching) {\n if (detaching) detach(t);\n }\n };\n} // (96:62) {#each currentFavorites as emoji, i (emoji.id)}\n\n\nfunction create_each_block(key_1, ctx) {\n var button;\n var button_aria_label_value;\n var button_title_value;\n var button_id_value;\n\n function select_block_type_1(ctx, dirty) {\n if (\n /*emoji*/\n ctx[71].unicode) return create_if_block;\n return create_else_block;\n }\n\n var current_block_type = select_block_type_1(ctx);\n var if_block = current_block_type(ctx);\n return {\n key: key_1,\n first: null,\n c: function c() {\n button = element(\"button\");\n if_block.c();\n attr(button, \"role\", \"menuitem\");\n attr(button, \"aria-label\", button_aria_label_value =\n /*labelWithSkin*/\n ctx[29](\n /*emoji*/\n ctx[71],\n /*currentSkinTone*/\n ctx[7]));\n attr(button, \"title\", button_title_value =\n /*emoji*/\n ctx[71].title);\n attr(button, \"class\", \"emoji\");\n attr(button, \"id\", button_id_value = \"fav-\" +\n /*emoji*/\n ctx[71].id);\n this.first = button;\n },\n m: function m(target, anchor) {\n insert(target, button, anchor);\n if_block.m(button, null);\n },\n p: function p(new_ctx, dirty) {\n ctx = new_ctx;\n\n if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block) {\n if_block.p(ctx, dirty);\n } else {\n if_block.d(1);\n if_block = current_block_type(ctx);\n\n if (if_block) {\n if_block.c();\n if_block.m(button, null);\n }\n }\n\n if (dirty[0] &\n /*currentFavorites, currentSkinTone*/\n 640 && button_aria_label_value !== (button_aria_label_value =\n /*labelWithSkin*/\n ctx[29](\n /*emoji*/\n ctx[71],\n /*currentSkinTone*/\n ctx[7]))) {\n attr(button, \"aria-label\", button_aria_label_value);\n }\n\n if (dirty[0] &\n /*currentFavorites*/\n 512 && button_title_value !== (button_title_value =\n /*emoji*/\n ctx[71].title)) {\n attr(button, \"title\", button_title_value);\n }\n\n if (dirty[0] &\n /*currentFavorites*/\n 512 && button_id_value !== (button_id_value = \"fav-\" +\n /*emoji*/\n ctx[71].id)) {\n attr(button, \"id\", button_id_value);\n }\n },\n d: function d(detaching) {\n if (detaching) detach(button);\n if_block.d();\n }\n };\n}\n\nfunction create_fragment(ctx) {\n var section;\n var div0;\n var div4;\n var div1;\n var input;\n var input_placeholder_value;\n var input_aria_expanded_value;\n var input_aria_activedescendant_value;\n var label;\n var t0_value =\n /*i18n*/\n ctx[0].searchLabel + \"\";\n var t0;\n var span0;\n var t1_value =\n /*i18n*/\n ctx[0].searchDescription + \"\";\n var t1;\n var div2;\n var button0;\n var t2;\n var button0_class_value;\n var div2_class_value;\n var span1;\n var t3_value =\n /*i18n*/\n ctx[0].skinToneDescription + \"\";\n var t3;\n var div3;\n var each_blocks_3 = [];\n var each0_lookup = new Map_1();\n var div3_class_value;\n var div3_aria_label_value;\n var div3_aria_activedescendant_value;\n var div3_aria_hidden_value;\n var div5;\n var each_blocks_2 = [];\n var each1_lookup = new Map_1();\n var div5_aria_label_value;\n var div7;\n var div6;\n var div8;\n var t4;\n var div8_class_value;\n var div10;\n var div9;\n var each_blocks_1 = [];\n var each2_lookup = new Map_1();\n var div10_class_value;\n var div10_role_value;\n var div10_aria_label_value;\n var div10_id_value;\n var div11;\n var each_blocks = [];\n var each3_lookup = new Map_1();\n var div11_class_value;\n var div11_aria_label_value;\n var button1;\n var section_aria_label_value;\n var mounted;\n var dispose;\n var each_value_4 =\n /*skinTones*/\n ctx[8];\n\n var get_key = function get_key(ctx) {\n return (\n /*skinTone*/\n ctx[80]\n );\n };\n\n for (var i = 0; i < each_value_4.length; i += 1) {\n var child_ctx = get_each_context_4(ctx, each_value_4, i);\n var key = get_key(child_ctx);\n each0_lookup.set(key, each_blocks_3[i] = create_each_block_4(key, child_ctx));\n }\n\n var each_value_3 =\n /*groups*/\n ctx[10];\n\n var get_key_1 = function get_key_1(ctx) {\n return (\n /*group*/\n ctx[77].id\n );\n };\n\n for (var _i6 = 0; _i6 < each_value_3.length; _i6 += 1) {\n var _child_ctx = get_each_context_3(ctx, each_value_3, _i6);\n\n var _key = get_key_1(_child_ctx);\n\n each1_lookup.set(_key, each_blocks_2[_i6] = create_each_block_3(_key, _child_ctx));\n }\n\n var each_value_1 =\n /*currentEmojisWithCategories*/\n ctx[13];\n\n var get_key_2 = function get_key_2(ctx) {\n return (\n /*emojiWithCategory*/\n ctx[74].category\n );\n };\n\n for (var _i7 = 0; _i7 < each_value_1.length; _i7 += 1) {\n var _child_ctx2 = get_each_context_1(ctx, each_value_1, _i7);\n\n var _key2 = get_key_2(_child_ctx2);\n\n each2_lookup.set(_key2, each_blocks_1[_i7] = create_each_block_1(_key2, _child_ctx2));\n }\n\n var each_value =\n /*currentFavorites*/\n ctx[9];\n\n var get_key_3 = function get_key_3(ctx) {\n return (\n /*emoji*/\n ctx[71].id\n );\n };\n\n for (var _i8 = 0; _i8 < each_value.length; _i8 += 1) {\n var _child_ctx3 = get_each_context(ctx, each_value, _i8);\n\n var _key3 = get_key_3(_child_ctx3);\n\n each3_lookup.set(_key3, each_blocks[_i8] = create_each_block(_key3, _child_ctx3));\n }\n\n return {\n c: function c() {\n section = element(\"section\");\n div0 = element(\"div\");\n div4 = element(\"div\");\n div1 = element(\"div\");\n input = element(\"input\");\n label = element(\"label\");\n t0 = text(t0_value);\n span0 = element(\"span\");\n t1 = text(t1_value);\n div2 = element(\"div\");\n button0 = element(\"button\");\n t2 = text(\n /*skinToneButtonText*/\n ctx[23]);\n span1 = element(\"span\");\n t3 = text(t3_value);\n div3 = element(\"div\");\n\n for (var _i9 = 0; _i9 < each_blocks_3.length; _i9 += 1) {\n each_blocks_3[_i9].c();\n }\n\n div5 = element(\"div\");\n\n for (var _i10 = 0; _i10 < each_blocks_2.length; _i10 += 1) {\n each_blocks_2[_i10].c();\n }\n\n div7 = element(\"div\");\n div6 = element(\"div\");\n div8 = element(\"div\");\n t4 = text(\n /*message*/\n ctx[19]);\n div10 = element(\"div\");\n div9 = element(\"div\");\n\n for (var _i11 = 0; _i11 < each_blocks_1.length; _i11 += 1) {\n each_blocks_1[_i11].c();\n }\n\n div11 = element(\"div\");\n\n for (var _i12 = 0; _i12 < each_blocks.length; _i12 += 1) {\n each_blocks[_i12].c();\n }\n\n button1 = element(\"button\");\n button1.textContent = \"😀\";\n this.c = noop;\n attr(div0, \"class\", \"pad-top\");\n attr(input, \"id\", \"search\");\n attr(input, \"class\", \"search\");\n attr(input, \"type\", \"search\");\n attr(input, \"role\", \"combobox\");\n attr(input, \"enterkeyhint\", \"search\");\n attr(input, \"placeholder\", input_placeholder_value =\n /*i18n*/\n ctx[0].searchLabel);\n attr(input, \"autocapitalize\", \"none\");\n attr(input, \"autocomplete\", \"off\");\n attr(input, \"spellcheck\", \"true\");\n attr(input, \"aria-expanded\", input_aria_expanded_value = !!(\n /*searchMode*/\n ctx[3] &&\n /*currentEmojis*/\n ctx[1].length));\n attr(input, \"aria-controls\", \"search-results\");\n attr(input, \"aria-owns\", \"search-results\");\n attr(input, \"aria-describedby\", \"search-description\");\n attr(input, \"aria-autocomplete\", \"list\");\n attr(input, \"aria-activedescendant\", input_aria_activedescendant_value =\n /*activeSearchItemId*/\n ctx[27] ? \"emo-\".concat(\n /*activeSearchItemId*/\n ctx[27]) : \"\");\n attr(label, \"class\", \"sr-only\");\n attr(label, \"for\", \"search\");\n attr(span0, \"id\", \"search-description\");\n attr(span0, \"class\", \"sr-only\");\n attr(div1, \"class\", \"search-wrapper\");\n attr(button0, \"id\", \"skintone-button\");\n attr(button0, \"class\", button0_class_value = \"emoji \" + (\n /*skinTonePickerExpanded*/\n ctx[5] ? \"hide-focus\" : \"\"));\n attr(button0, \"aria-label\",\n /*skinToneButtonLabel*/\n ctx[25]);\n attr(button0, \"title\",\n /*skinToneButtonLabel*/\n ctx[25]);\n attr(button0, \"aria-describedby\", \"skintone-description\");\n attr(button0, \"aria-haspopup\", \"listbox\");\n attr(button0, \"aria-expanded\",\n /*skinTonePickerExpanded*/\n ctx[5]);\n attr(button0, \"aria-controls\", \"skintone-list\");\n attr(div2, \"class\", div2_class_value = \"skintone-button-wrapper \" + (\n /*skinTonePickerExpandedAfterAnimation*/\n ctx[21] ? \"expanded\" : \"\"));\n attr(span1, \"id\", \"skintone-description\");\n attr(span1, \"class\", \"sr-only\");\n attr(div3, \"id\", \"skintone-list\");\n attr(div3, \"class\", div3_class_value = \"skintone-list \" + (\n /*skinTonePickerExpanded*/\n ctx[5] ? \"\" : \"hidden no-animate\"));\n set_style(div3, \"transform\", \"translateY(\" + (\n /*skinTonePickerExpanded*/\n ctx[5] ? 0 : \"calc(-1 * var(--num-skintones) * var(--total-emoji-size))\") + \")\");\n attr(div3, \"role\", \"listbox\");\n attr(div3, \"aria-label\", div3_aria_label_value =\n /*i18n*/\n ctx[0].skinTonesLabel);\n attr(div3, \"aria-activedescendant\", div3_aria_activedescendant_value = \"skintone-\" +\n /*activeSkinTone*/\n ctx[22]);\n attr(div3, \"aria-hidden\", div3_aria_hidden_value = !\n /*skinTonePickerExpanded*/\n ctx[5]);\n attr(div4, \"class\", \"search-row\");\n attr(div5, \"class\", \"nav\");\n attr(div5, \"role\", \"tablist\");\n set_style(div5, \"grid-template-columns\", \"repeat(\" +\n /*groups*/\n ctx[10].length + \", 1fr)\");\n attr(div5, \"aria-label\", div5_aria_label_value =\n /*i18n*/\n ctx[0].categoriesLabel);\n attr(div6, \"class\", \"indicator\");\n attr(div6, \"style\",\n /*indicatorStyle*/\n ctx[20]);\n attr(div7, \"class\", \"indicator-wrapper\");\n attr(div8, \"class\", div8_class_value = \"message \" + (\n /*message*/\n ctx[19] ? \"\" : \"gone\"));\n attr(div8, \"role\", \"alert\");\n attr(div8, \"aria-live\", \"polite\");\n attr(div10, \"class\", div10_class_value = \"tabpanel \" + (!\n /*databaseLoaded*/\n ctx[12] ||\n /*message*/\n ctx[19] ? \"gone\" : \"\"));\n attr(div10, \"role\", div10_role_value =\n /*searchMode*/\n ctx[3] ? \"region\" : \"tabpanel\");\n attr(div10, \"aria-label\", div10_aria_label_value =\n /*searchMode*/\n ctx[3] ?\n /*i18n*/\n ctx[0].searchResultsLabel :\n /*i18n*/\n ctx[0].categories[\n /*currentGroup*/\n ctx[11].name]);\n attr(div10, \"id\", div10_id_value =\n /*searchMode*/\n ctx[3] ? \"\" : \"tab-\".concat(\n /*currentGroup*/\n ctx[11].id));\n attr(div10, \"tabindex\", \"0\");\n attr(div11, \"class\", div11_class_value = \"favorites emoji-menu \" + (\n /*message*/\n ctx[19] ? \"gone\" : \"\"));\n attr(div11, \"role\", \"menu\");\n attr(div11, \"aria-label\", div11_aria_label_value =\n /*i18n*/\n ctx[0].favoritesLabel);\n set_style(div11, \"padding-right\",\n /*scrollbarWidth*/\n ctx[26] + \"px\");\n attr(button1, \"aria-hidden\", \"true\");\n attr(button1, \"tabindex\", \"-1\");\n attr(button1, \"class\", \"abs-pos hidden emoji\");\n attr(section, \"class\", \"picker\");\n attr(section, \"aria-label\", section_aria_label_value =\n /*i18n*/\n ctx[0].regionLabel);\n attr(section, \"style\",\n /*pickerStyle*/\n ctx[24]);\n },\n m: function m(target, anchor) {\n insert(target, section, anchor);\n append(section, div0);\n append(section, div4);\n append(div4, div1);\n append(div1, input);\n set_input_value(input,\n /*rawSearchText*/\n ctx[2]);\n append(div1, label);\n append(label, t0);\n append(div1, span0);\n append(span0, t1);\n append(div4, div2);\n append(div2, button0);\n append(button0, t2);\n append(div4, span1);\n append(span1, t3);\n append(div4, div3);\n\n for (var _i13 = 0; _i13 < each_blocks_3.length; _i13 += 1) {\n each_blocks_3[_i13].m(div3, null);\n }\n /*div3_binding*/\n\n\n ctx[52](div3);\n append(section, div5);\n\n for (var _i14 = 0; _i14 < each_blocks_2.length; _i14 += 1) {\n each_blocks_2[_i14].m(div5, null);\n }\n\n append(section, div7);\n append(div7, div6);\n /*div6_binding*/\n\n ctx[54](div6);\n append(section, div8);\n append(div8, t4);\n append(section, div10);\n append(div10, div9);\n\n for (var _i15 = 0; _i15 < each_blocks_1.length; _i15 += 1) {\n each_blocks_1[_i15].m(div9, null);\n }\n /*div9_binding*/\n\n\n ctx[55](div9);\n /*div10_binding*/\n\n ctx[56](div10);\n append(section, div11);\n\n for (var _i16 = 0; _i16 < each_blocks.length; _i16 += 1) {\n each_blocks[_i16].m(div11, null);\n }\n\n append(section, button1);\n /*button1_binding*/\n\n ctx[57](button1);\n /*section_binding*/\n\n ctx[58](section);\n\n if (!mounted) {\n dispose = [listen(input, \"input\",\n /*input_input_handler*/\n ctx[51]), listen(input, \"keydown\",\n /*onSearchKeydown*/\n ctx[30]), listen(button0, \"click\",\n /*onClickSkinToneButton*/\n ctx[35]), listen(div3, \"focusout\",\n /*onSkinToneOptionsFocusOut*/\n ctx[38]), listen(div3, \"click\",\n /*onSkinToneOptionsClick*/\n ctx[34]), listen(div3, \"keydown\",\n /*onSkinToneOptionsKeydown*/\n ctx[36]), listen(div3, \"keyup\",\n /*onSkinToneOptionsKeyup*/\n ctx[37]), listen(div5, \"keydown\",\n /*onNavKeydown*/\n ctx[32]), listen(div10, \"click\",\n /*onEmojiClick*/\n ctx[33]), listen(div11, \"click\",\n /*onEmojiClick*/\n ctx[33])];\n mounted = true;\n }\n },\n p: function p(ctx, dirty) {\n if (dirty[0] &\n /*i18n*/\n 1 && input_placeholder_value !== (input_placeholder_value =\n /*i18n*/\n ctx[0].searchLabel)) {\n attr(input, \"placeholder\", input_placeholder_value);\n }\n\n if (dirty[0] &\n /*searchMode, currentEmojis*/\n 10 && input_aria_expanded_value !== (input_aria_expanded_value = !!(\n /*searchMode*/\n ctx[3] &&\n /*currentEmojis*/\n ctx[1].length))) {\n attr(input, \"aria-expanded\", input_aria_expanded_value);\n }\n\n if (dirty[0] &\n /*activeSearchItemId*/\n 134217728 && input_aria_activedescendant_value !== (input_aria_activedescendant_value =\n /*activeSearchItemId*/\n ctx[27] ? \"emo-\".concat(\n /*activeSearchItemId*/\n ctx[27]) : \"\")) {\n attr(input, \"aria-activedescendant\", input_aria_activedescendant_value);\n }\n\n if (dirty[0] &\n /*rawSearchText*/\n 4) {\n set_input_value(input,\n /*rawSearchText*/\n ctx[2]);\n }\n\n if (dirty[0] &\n /*i18n*/\n 1 && t0_value !== (t0_value =\n /*i18n*/\n ctx[0].searchLabel + \"\")) set_data(t0, t0_value);\n if (dirty[0] &\n /*i18n*/\n 1 && t1_value !== (t1_value =\n /*i18n*/\n ctx[0].searchDescription + \"\")) set_data(t1, t1_value);\n if (dirty[0] &\n /*skinToneButtonText*/\n 8388608) set_data(t2,\n /*skinToneButtonText*/\n ctx[23]);\n\n if (dirty[0] &\n /*skinTonePickerExpanded*/\n 32 && button0_class_value !== (button0_class_value = \"emoji \" + (\n /*skinTonePickerExpanded*/\n ctx[5] ? \"hide-focus\" : \"\"))) {\n attr(button0, \"class\", button0_class_value);\n }\n\n if (dirty[0] &\n /*skinToneButtonLabel*/\n 33554432) {\n attr(button0, \"aria-label\",\n /*skinToneButtonLabel*/\n ctx[25]);\n }\n\n if (dirty[0] &\n /*skinToneButtonLabel*/\n 33554432) {\n attr(button0, \"title\",\n /*skinToneButtonLabel*/\n ctx[25]);\n }\n\n if (dirty[0] &\n /*skinTonePickerExpanded*/\n 32) {\n attr(button0, \"aria-expanded\",\n /*skinTonePickerExpanded*/\n ctx[5]);\n }\n\n if (dirty[0] &\n /*skinTonePickerExpandedAfterAnimation*/\n 2097152 && div2_class_value !== (div2_class_value = \"skintone-button-wrapper \" + (\n /*skinTonePickerExpandedAfterAnimation*/\n ctx[21] ? \"expanded\" : \"\"))) {\n attr(div2, \"class\", div2_class_value);\n }\n\n if (dirty[0] &\n /*i18n*/\n 1 && t3_value !== (t3_value =\n /*i18n*/\n ctx[0].skinToneDescription + \"\")) set_data(t3, t3_value);\n\n if (dirty[0] &\n /*skinTones, activeSkinTone, i18n*/\n 4194561) {\n each_value_4 =\n /*skinTones*/\n ctx[8];\n each_blocks_3 = update_keyed_each(each_blocks_3, dirty, get_key, 1, ctx, each_value_4, each0_lookup, div3, destroy_block, create_each_block_4, null, get_each_context_4);\n }\n\n if (dirty[0] &\n /*skinTonePickerExpanded*/\n 32 && div3_class_value !== (div3_class_value = \"skintone-list \" + (\n /*skinTonePickerExpanded*/\n ctx[5] ? \"\" : \"hidden no-animate\"))) {\n attr(div3, \"class\", div3_class_value);\n }\n\n if (dirty[0] &\n /*skinTonePickerExpanded*/\n 32) {\n set_style(div3, \"transform\", \"translateY(\" + (\n /*skinTonePickerExpanded*/\n ctx[5] ? 0 : \"calc(-1 * var(--num-skintones) * var(--total-emoji-size))\") + \")\");\n }\n\n if (dirty[0] &\n /*i18n*/\n 1 && div3_aria_label_value !== (div3_aria_label_value =\n /*i18n*/\n ctx[0].skinTonesLabel)) {\n attr(div3, \"aria-label\", div3_aria_label_value);\n }\n\n if (dirty[0] &\n /*activeSkinTone*/\n 4194304 && div3_aria_activedescendant_value !== (div3_aria_activedescendant_value = \"skintone-\" +\n /*activeSkinTone*/\n ctx[22])) {\n attr(div3, \"aria-activedescendant\", div3_aria_activedescendant_value);\n }\n\n if (dirty[0] &\n /*skinTonePickerExpanded*/\n 32 && div3_aria_hidden_value !== (div3_aria_hidden_value = !\n /*skinTonePickerExpanded*/\n ctx[5])) {\n attr(div3, \"aria-hidden\", div3_aria_hidden_value);\n }\n\n if (dirty[0] &\n /*groups, i18n, searchMode, currentGroup*/\n 3081 | dirty[1] &\n /*onNavClick*/\n 1) {\n each_value_3 =\n /*groups*/\n ctx[10];\n each_blocks_2 = update_keyed_each(each_blocks_2, dirty, get_key_1, 1, ctx, each_value_3, each1_lookup, div5, destroy_block, create_each_block_3, null, get_each_context_3);\n }\n\n if (dirty[0] &\n /*groups*/\n 1024) {\n set_style(div5, \"grid-template-columns\", \"repeat(\" +\n /*groups*/\n ctx[10].length + \", 1fr)\");\n }\n\n if (dirty[0] &\n /*i18n*/\n 1 && div5_aria_label_value !== (div5_aria_label_value =\n /*i18n*/\n ctx[0].categoriesLabel)) {\n attr(div5, \"aria-label\", div5_aria_label_value);\n }\n\n if (dirty[0] &\n /*indicatorStyle*/\n 1048576) {\n attr(div6, \"style\",\n /*indicatorStyle*/\n ctx[20]);\n }\n\n if (dirty[0] &\n /*message*/\n 524288) set_data(t4,\n /*message*/\n ctx[19]);\n\n if (dirty[0] &\n /*message*/\n 524288 && div8_class_value !== (div8_class_value = \"message \" + (\n /*message*/\n ctx[19] ? \"\" : \"gone\"))) {\n attr(div8, \"class\", div8_class_value);\n }\n\n if (dirty[0] &\n /*searchMode, currentEmojisWithCategories, activeSearchItem, labelWithSkin, currentSkinTone, unicodeWithSkin, i18n, currentGroup*/\n 805316761) {\n each_value_1 =\n /*currentEmojisWithCategories*/\n ctx[13];\n each_blocks_1 = update_keyed_each(each_blocks_1, dirty, get_key_2, 1, ctx, each_value_1, each2_lookup, div9, destroy_block, create_each_block_1, null, get_each_context_1);\n }\n\n if (dirty[0] &\n /*databaseLoaded, message*/\n 528384 && div10_class_value !== (div10_class_value = \"tabpanel \" + (!\n /*databaseLoaded*/\n ctx[12] ||\n /*message*/\n ctx[19] ? \"gone\" : \"\"))) {\n attr(div10, \"class\", div10_class_value);\n }\n\n if (dirty[0] &\n /*searchMode*/\n 8 && div10_role_value !== (div10_role_value =\n /*searchMode*/\n ctx[3] ? \"region\" : \"tabpanel\")) {\n attr(div10, \"role\", div10_role_value);\n }\n\n if (dirty[0] &\n /*searchMode, i18n, currentGroup*/\n 2057 && div10_aria_label_value !== (div10_aria_label_value =\n /*searchMode*/\n ctx[3] ?\n /*i18n*/\n ctx[0].searchResultsLabel :\n /*i18n*/\n ctx[0].categories[\n /*currentGroup*/\n ctx[11].name])) {\n attr(div10, \"aria-label\", div10_aria_label_value);\n }\n\n if (dirty[0] &\n /*searchMode, currentGroup*/\n 2056 && div10_id_value !== (div10_id_value =\n /*searchMode*/\n ctx[3] ? \"\" : \"tab-\".concat(\n /*currentGroup*/\n ctx[11].id))) {\n attr(div10, \"id\", div10_id_value);\n }\n\n if (dirty[0] &\n /*labelWithSkin, currentFavorites, currentSkinTone, unicodeWithSkin*/\n 805307008) {\n each_value =\n /*currentFavorites*/\n ctx[9];\n each_blocks = update_keyed_each(each_blocks, dirty, get_key_3, 1, ctx, each_value, each3_lookup, div11, destroy_block, create_each_block, null, get_each_context);\n }\n\n if (dirty[0] &\n /*message*/\n 524288 && div11_class_value !== (div11_class_value = \"favorites emoji-menu \" + (\n /*message*/\n ctx[19] ? \"gone\" : \"\"))) {\n attr(div11, \"class\", div11_class_value);\n }\n\n if (dirty[0] &\n /*i18n*/\n 1 && div11_aria_label_value !== (div11_aria_label_value =\n /*i18n*/\n ctx[0].favoritesLabel)) {\n attr(div11, \"aria-label\", div11_aria_label_value);\n }\n\n if (dirty[0] &\n /*scrollbarWidth*/\n 67108864) {\n set_style(div11, \"padding-right\",\n /*scrollbarWidth*/\n ctx[26] + \"px\");\n }\n\n if (dirty[0] &\n /*i18n*/\n 1 && section_aria_label_value !== (section_aria_label_value =\n /*i18n*/\n ctx[0].regionLabel)) {\n attr(section, \"aria-label\", section_aria_label_value);\n }\n\n if (dirty[0] &\n /*pickerStyle*/\n 16777216) {\n attr(section, \"style\",\n /*pickerStyle*/\n ctx[24]);\n }\n },\n i: noop,\n o: noop,\n d: function d(detaching) {\n if (detaching) detach(section);\n\n for (var _i17 = 0; _i17 < each_blocks_3.length; _i17 += 1) {\n each_blocks_3[_i17].d();\n }\n /*div3_binding*/\n\n\n ctx[52](null);\n\n for (var _i18 = 0; _i18 < each_blocks_2.length; _i18 += 1) {\n each_blocks_2[_i18].d();\n }\n /*div6_binding*/\n\n\n ctx[54](null);\n\n for (var _i19 = 0; _i19 < each_blocks_1.length; _i19 += 1) {\n each_blocks_1[_i19].d();\n }\n /*div9_binding*/\n\n\n ctx[55](null);\n /*div10_binding*/\n\n ctx[56](null);\n\n for (var _i20 = 0; _i20 < each_blocks.length; _i20 += 1) {\n each_blocks[_i20].d();\n }\n /*button1_binding*/\n\n\n ctx[57](null);\n /*section_binding*/\n\n ctx[58](null);\n mounted = false;\n run_all(dispose);\n }\n };\n}\n\nfunction instance($$self, $$props, $$invalidate) {\n var _$$props$locale = $$props.locale,\n locale = _$$props$locale === void 0 ? null : _$$props$locale;\n var _$$props$dataSource = $$props.dataSource,\n dataSource = _$$props$dataSource === void 0 ? null : _$$props$dataSource;\n var _$$props$skinToneEmoj = $$props.skinToneEmoji,\n skinToneEmoji = _$$props$skinToneEmoj === void 0 ? DEFAULT_SKIN_TONE_EMOJI : _$$props$skinToneEmoj;\n var _$$props$i18n = $$props.i18n,\n i18n = _$$props$i18n === void 0 ? enI18n : _$$props$i18n;\n var _$$props$database = $$props.database,\n database = _$$props$database === void 0 ? null : _$$props$database;\n var _$$props$customEmoji = $$props.customEmoji,\n customEmoji = _$$props$customEmoji === void 0 ? null : _$$props$customEmoji;\n var _$$props$customCatego = $$props.customCategorySorting,\n customCategorySorting = _$$props$customCatego === void 0 ? function (a, b) {\n return a < b ? -1 : a > b ? 1 : 0;\n } : _$$props$customCatego; // private\n\n var initialLoad = true;\n var currentEmojis = [];\n var currentEmojisWithCategories = []; // eslint-disable-line no-unused-vars\n\n var rawSearchText = \"\";\n var searchText = \"\";\n var rootElement;\n var baselineEmoji;\n var tabpanelElement;\n var tabpanelInnerElement;\n var indicatorElement;\n var searchMode = false; // eslint-disable-line no-unused-vars\n\n var activeSearchItem = -1;\n var message; // eslint-disable-line no-unused-vars\n\n var computedIndicatorWidth = 0;\n var indicatorStyle = \"\"; // eslint-disable-line no-unused-vars\n\n var skinTonePickerExpanded = false;\n var skinTonePickerExpandedAfterAnimation = false; // eslint-disable-line no-unused-vars\n\n var skinToneDropdown;\n var currentSkinTone = 0;\n var activeSkinTone = 0;\n var skinToneButtonText; // eslint-disable-line no-unused-vars\n\n var pickerStyle; // eslint-disable-line no-unused-vars\n\n var skinToneButtonLabel = \"\"; // eslint-disable-line no-unused-vars\n\n var skinTones = [];\n var currentFavorites = []; // eslint-disable-line no-unused-vars\n\n var defaultFavoriteEmojis;\n var numColumns = DEFAULT_NUM_COLUMNS;\n var scrollbarWidth = 0; // eslint-disable-line no-unused-vars\n\n var currentGroupIndex = 0;\n var groups$1 = groups;\n var currentGroup;\n var databaseLoaded = false; // eslint-disable-line no-unused-vars\n\n var activeSearchItemId; // eslint-disable-line no-unused-vars\n //\n // Utils/helpers\n //\n\n var focus = function focus(id) {\n rootElement.getRootNode().getElementById(id).focus();\n }; // fire a custom event that crosses the shadow boundary\n\n\n var fireEvent = function fireEvent(name, detail) {\n rootElement.dispatchEvent(new CustomEvent(name, {\n detail: detail,\n bubbles: true,\n composed: true\n }));\n }; // eslint-disable-next-line no-unused-vars\n\n\n var unicodeWithSkin = function unicodeWithSkin(emoji, currentSkinTone) {\n return currentSkinTone && emoji.skins && emoji.skins[currentSkinTone] || emoji.unicode;\n }; // eslint-disable-next-line no-unused-vars\n\n\n var labelWithSkin = function labelWithSkin(emoji, currentSkinTone) {\n return uniq([emoji.name || unicodeWithSkin(emoji, currentSkinTone)].concat(_toConsumableArray(emoji.shortcodes || []))).join(\", \");\n }; // Detect a skintone option button\n\n\n var isSkinToneOption = function isSkinToneOption(element) {\n return /^skintone-/.test(element.id);\n }; //\n // Determine the emoji support level (in requestIdleCallback)\n //\n\n\n emojiSupportLevelPromise.then(function (level) {\n // Can't actually test emoji support in Jest/JSDom, emoji never render in color in Cairo\n\n /* istanbul ignore next */\n if (!level) {\n $$invalidate(19, message = i18n.emojiUnsupportedMessage);\n }\n });\n onMount(function () {\n var destroys = [calculateIndicatorWidth(indicatorElement), // The reason for the tabpanelInnerElement is that, if we measure the width on the tabpanelElement,\n // then we don't always exclude the scrollbar. In Chrome/WebKit it does, in Firefox it does not.\n calculateEmojiGridWidth(tabpanelInnerElement)];\n return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n // TODO: using a workaround for Svelte actions never calling destroy() when used in\n // custom elements. Instead of waiting for a destroy event, we use the mount/unmount\n // lifecycle to clean up.\n // https://github.com/sveltejs/svelte/issues/5989#issuecomment-796366910\n runAll(destroys); // Close the database when the component is disconnected. It will automatically reconnect anyway\n // if the component is ever reconnected.\n\n if (!database) {\n _context.next = 10;\n break;\n }\n\n _context.prev = 2;\n _context.next = 5;\n return database.close();\n\n case 5:\n _context.next = 10;\n break;\n\n case 7:\n _context.prev = 7;\n _context.t0 = _context[\"catch\"](2);\n console.error(_context.t0); // only happens if the database failed to load in the first place, so we don't care\n\n case 10:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, null, [[2, 7]]);\n }));\n }); //\n // Calculate the width of the emoji grid. This serves two purposes:\n // 1) Re-calculate the --num-columns var because it may have changed\n // 2) Re-calculate the scrollbar width because it may have changed\n // (i.e. because the number of items changed)\n //\n // eslint-disable-next-line no-unused-vars\n\n function calculateEmojiGridWidth(node) {\n return calculateWidth(node, function (width) {\n /* istanbul ignore next */\n var newNumColumns = \"production\" === \"test\" ? DEFAULT_NUM_COLUMNS : parseInt(getComputedStyle(rootElement).getPropertyValue(\"--num-columns\"), 10);\n /* istanbul ignore next */\n\n var parentWidth = \"production\" === \"test\" ? 1 : node.parentElement.getBoundingClientRect().width; // jsdom throws an error here occasionally\n\n var newScrollbarWidth = parentWidth - width;\n $$invalidate(49, numColumns = newNumColumns);\n $$invalidate(26, scrollbarWidth = newScrollbarWidth); // eslint-disable-line no-unused-vars\n });\n } //\n // Animate the indicator\n //\n // eslint-disable-next-line no-unused-vars\n\n\n function calculateIndicatorWidth(node) {\n return calculateWidth(node, function (width) {\n $$invalidate(47, computedIndicatorWidth = width);\n });\n }\n\n function checkZwjSupportAndUpdate(zwjEmojisToCheck) {\n var rootNode = rootElement.getRootNode();\n\n var emojiToDomNode = function emojiToDomNode(emoji) {\n return rootNode.getElementById(\"emo-\".concat(emoji.id));\n };\n\n checkZwjSupport(zwjEmojisToCheck, baselineEmoji, emojiToDomNode); // force update\n\n $$invalidate(1, currentEmojis = currentEmojis); // eslint-disable-line no-self-assign\n }\n\n function isZwjSupported(emoji) {\n return !emoji.unicode || !hasZwj(emoji) || supportedZwjEmojis.get(emoji.unicode);\n }\n\n function filterEmojisByVersion(_x) {\n return _filterEmojisByVersion.apply(this, arguments);\n }\n\n function _filterEmojisByVersion() {\n _filterEmojisByVersion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(emojis) {\n var emojiSupportLevel;\n return _regeneratorRuntime.wrap(function _callee8$(_context8) {\n while (1) {\n switch (_context8.prev = _context8.next) {\n case 0:\n _context8.next = 2;\n return emojiSupportLevelPromise;\n\n case 2:\n emojiSupportLevel = _context8.sent;\n return _context8.abrupt(\"return\", emojis.filter(function (_ref11) {\n var version = _ref11.version;\n return !version || version <= emojiSupportLevel;\n }));\n\n case 4:\n case \"end\":\n return _context8.stop();\n }\n }\n }, _callee8);\n }));\n return _filterEmojisByVersion.apply(this, arguments);\n }\n\n function summarizeEmojis(_x2) {\n return _summarizeEmojis.apply(this, arguments);\n }\n\n function _summarizeEmojis() {\n _summarizeEmojis = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(emojis) {\n return _regeneratorRuntime.wrap(function _callee9$(_context9) {\n while (1) {\n switch (_context9.prev = _context9.next) {\n case 0:\n _context9.t0 = summarizeEmojisForUI;\n _context9.t1 = emojis;\n _context9.next = 4;\n return emojiSupportLevelPromise;\n\n case 4:\n _context9.t2 = _context9.sent;\n return _context9.abrupt(\"return\", (0, _context9.t0)(_context9.t1, _context9.t2));\n\n case 6:\n case \"end\":\n return _context9.stop();\n }\n }\n }, _callee9);\n }));\n return _summarizeEmojis.apply(this, arguments);\n }\n\n function getEmojisByGroup(_x3) {\n return _getEmojisByGroup.apply(this, arguments);\n }\n\n function _getEmojisByGroup() {\n _getEmojisByGroup = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(group) {\n var emoji;\n return _regeneratorRuntime.wrap(function _callee10$(_context10) {\n while (1) {\n switch (_context10.prev = _context10.next) {\n case 0:\n if (!(typeof group === \"undefined\")) {\n _context10.next = 2;\n break;\n }\n\n return _context10.abrupt(\"return\", []);\n\n case 2:\n if (!(group === -1)) {\n _context10.next = 6;\n break;\n }\n\n _context10.t0 = customEmoji;\n _context10.next = 9;\n break;\n\n case 6:\n _context10.next = 8;\n return database.getEmojiByGroup(group);\n\n case 8:\n _context10.t0 = _context10.sent;\n\n case 9:\n emoji = _context10.t0;\n _context10.t1 = summarizeEmojis;\n _context10.next = 13;\n return filterEmojisByVersion(emoji);\n\n case 13:\n _context10.t2 = _context10.sent;\n return _context10.abrupt(\"return\", (0, _context10.t1)(_context10.t2));\n\n case 15:\n case \"end\":\n return _context10.stop();\n }\n }\n }, _callee10);\n }));\n return _getEmojisByGroup.apply(this, arguments);\n }\n\n function getEmojisBySearchQuery(_x4) {\n return _getEmojisBySearchQuery.apply(this, arguments);\n } // eslint-disable-next-line no-unused-vars\n\n\n function _getEmojisBySearchQuery() {\n _getEmojisBySearchQuery = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(query) {\n return _regeneratorRuntime.wrap(function _callee11$(_context11) {\n while (1) {\n switch (_context11.prev = _context11.next) {\n case 0:\n _context11.t0 = summarizeEmojis;\n _context11.t1 = filterEmojisByVersion;\n _context11.next = 4;\n return database.getEmojiBySearchQuery(query);\n\n case 4:\n _context11.t2 = _context11.sent;\n _context11.next = 7;\n return (0, _context11.t1)(_context11.t2);\n\n case 7:\n _context11.t3 = _context11.sent;\n return _context11.abrupt(\"return\", (0, _context11.t0)(_context11.t3));\n\n case 9:\n case \"end\":\n return _context11.stop();\n }\n }\n }, _callee11);\n }));\n return _getEmojisBySearchQuery.apply(this, arguments);\n }\n\n function onSearchKeydown(event) {\n if (!searchMode || !currentEmojis.length) {\n return;\n }\n\n var goToNextOrPrevious = function goToNextOrPrevious(previous) {\n halt(event);\n $$invalidate(4, activeSearchItem = incrementOrDecrement(previous, activeSearchItem, currentEmojis));\n };\n\n switch (event.key) {\n case \"ArrowDown\":\n return goToNextOrPrevious(false);\n\n case \"ArrowUp\":\n return goToNextOrPrevious(true);\n\n case \"Enter\":\n if (activeSearchItem !== -1) {\n halt(event);\n return clickEmoji(currentEmojis[activeSearchItem].id);\n } else if (currentEmojis.length) {\n $$invalidate(4, activeSearchItem = 0);\n }\n\n }\n } //\n // Handle user input on nav\n //\n // eslint-disable-next-line no-unused-vars\n\n\n function onNavClick(group) {\n $$invalidate(2, rawSearchText = \"\");\n $$invalidate(46, searchText = \"\");\n $$invalidate(4, activeSearchItem = -1);\n $$invalidate(50, currentGroupIndex = groups$1.findIndex(function (_) {\n return _.id === group.id;\n }));\n } // eslint-disable-next-line no-unused-vars\n\n\n function onNavKeydown(event) {\n var target = event.target,\n key = event.key;\n\n var doFocus = function doFocus(el) {\n if (el) {\n halt(event);\n el.focus();\n }\n };\n\n switch (key) {\n case \"ArrowLeft\":\n return doFocus(target.previousSibling);\n\n case \"ArrowRight\":\n return doFocus(target.nextSibling);\n\n case \"Home\":\n return doFocus(target.parentElement.firstChild);\n\n case \"End\":\n return doFocus(target.parentElement.lastChild);\n }\n } //\n // Handle user input on an emoji\n //\n\n\n function clickEmoji(_x5) {\n return _clickEmoji.apply(this, arguments);\n } // eslint-disable-next-line no-unused-vars\n\n\n function _clickEmoji() {\n _clickEmoji = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(unicodeOrName) {\n var emoji, emojiSummary, skinTonedUnicode;\n return _regeneratorRuntime.wrap(function _callee12$(_context12) {\n while (1) {\n switch (_context12.prev = _context12.next) {\n case 0:\n _context12.next = 2;\n return database.getEmojiByUnicodeOrName(unicodeOrName);\n\n case 2:\n emoji = _context12.sent;\n emojiSummary = [].concat(_toConsumableArray(currentEmojis), _toConsumableArray(currentFavorites)).find(function (_) {\n return _.id === unicodeOrName;\n });\n skinTonedUnicode = emojiSummary.unicode && unicodeWithSkin(emojiSummary, currentSkinTone);\n _context12.next = 7;\n return database.incrementFavoriteEmojiCount(unicodeOrName);\n\n case 7:\n // eslint-disable-next-line no-self-assign\n $$invalidate(48, defaultFavoriteEmojis = defaultFavoriteEmojis); // force favorites to re-render\n\n fireEvent(\"emoji-click\", _objectSpread(_objectSpread({\n emoji: emoji,\n skinTone: currentSkinTone\n }, skinTonedUnicode && {\n unicode: skinTonedUnicode\n }), emojiSummary.name && {\n name: emojiSummary.name\n }));\n\n case 9:\n case \"end\":\n return _context12.stop();\n }\n }\n }, _callee12);\n }));\n return _clickEmoji.apply(this, arguments);\n }\n\n function onEmojiClick(_x6) {\n return _onEmojiClick.apply(this, arguments);\n } //\n // Handle user input on the skintone picker\n //\n // eslint-disable-next-line no-unused-vars\n\n\n function _onEmojiClick() {\n _onEmojiClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(event) {\n var target, id;\n return _regeneratorRuntime.wrap(function _callee13$(_context13) {\n while (1) {\n switch (_context13.prev = _context13.next) {\n case 0:\n target = event.target;\n\n if (target.classList.contains(\"emoji\")) {\n _context13.next = 3;\n break;\n }\n\n return _context13.abrupt(\"return\");\n\n case 3:\n halt(event);\n id = target.id.substring(4); // replace 'emo-' or 'fav-' prefix\n\n /* no await */\n\n clickEmoji(id);\n\n case 6:\n case \"end\":\n return _context13.stop();\n }\n }\n }, _callee13);\n }));\n return _onEmojiClick.apply(this, arguments);\n }\n\n function onSkinToneOptionsClick(_x7) {\n return _onSkinToneOptionsClick.apply(this, arguments);\n } // eslint-disable-next-line no-unused-vars\n\n\n function _onSkinToneOptionsClick() {\n _onSkinToneOptionsClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(event) {\n var target, skinTone;\n return _regeneratorRuntime.wrap(function _callee14$(_context14) {\n while (1) {\n switch (_context14.prev = _context14.next) {\n case 0:\n target = event.target;\n\n if (isSkinToneOption(target)) {\n _context14.next = 3;\n break;\n }\n\n return _context14.abrupt(\"return\");\n\n case 3:\n halt(event);\n skinTone = parseInt(target.id.slice(9), 10); // remove 'skintone-' prefix\n\n $$invalidate(7, currentSkinTone = skinTone);\n $$invalidate(5, skinTonePickerExpanded = false);\n focus(\"skintone-button\");\n fireEvent(\"skin-tone-change\", {\n skinTone: skinTone\n });\n /* no await */\n\n database.setPreferredSkinTone(skinTone);\n\n case 10:\n case \"end\":\n return _context14.stop();\n }\n }\n }, _callee14);\n }));\n return _onSkinToneOptionsClick.apply(this, arguments);\n }\n\n function onClickSkinToneButton(_x8) {\n return _onClickSkinToneButton.apply(this, arguments);\n } // eslint-disable-next-line no-unused-vars\n\n\n function _onClickSkinToneButton() {\n _onClickSkinToneButton = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(event) {\n return _regeneratorRuntime.wrap(function _callee15$(_context15) {\n while (1) {\n switch (_context15.prev = _context15.next) {\n case 0:\n $$invalidate(5, skinTonePickerExpanded = !skinTonePickerExpanded);\n $$invalidate(22, activeSkinTone = currentSkinTone);\n\n if (skinTonePickerExpanded) {\n halt(event);\n rAF(function () {\n return focus(\"skintone-\".concat(activeSkinTone));\n });\n }\n\n case 3:\n case \"end\":\n return _context15.stop();\n }\n }\n }, _callee15);\n }));\n return _onClickSkinToneButton.apply(this, arguments);\n }\n\n function onSkinToneOptionsKeydown(event) {\n if (!skinTonePickerExpanded) {\n return;\n }\n\n var changeActiveSkinTone = /*#__PURE__*/function () {\n var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(nextSkinTone) {\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n halt(event);\n $$invalidate(22, activeSkinTone = nextSkinTone);\n _context2.next = 4;\n return tick();\n\n case 4:\n focus(\"skintone-\".concat(activeSkinTone));\n\n case 5:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2);\n }));\n\n return function changeActiveSkinTone(_x9) {\n return _ref8.apply(this, arguments);\n };\n }();\n\n switch (event.key) {\n case \"ArrowUp\":\n return changeActiveSkinTone(incrementOrDecrement(true, activeSkinTone, skinTones));\n\n case \"ArrowDown\":\n return changeActiveSkinTone(incrementOrDecrement(false, activeSkinTone, skinTones));\n\n case \"Home\":\n return changeActiveSkinTone(0);\n\n case \"End\":\n return changeActiveSkinTone(skinTones.length - 1);\n\n case \"Enter\":\n // enter on keydown, space on keyup. this is just how browsers work for buttons\n // https://lists.w3.org/Archives/Public/w3c-wai-ig/2019JanMar/0086.html\n return onSkinToneOptionsClick(event);\n\n case \"Escape\":\n halt(event);\n $$invalidate(5, skinTonePickerExpanded = false);\n return focus(\"skintone-button\");\n }\n } // eslint-disable-next-line no-unused-vars\n\n\n function onSkinToneOptionsKeyup(event) {\n if (!skinTonePickerExpanded) {\n return;\n }\n\n switch (event.key) {\n case \" \":\n // enter on keydown, space on keyup. this is just how browsers work for buttons\n // https://lists.w3.org/Archives/Public/w3c-wai-ig/2019JanMar/0086.html\n return onSkinToneOptionsClick(event);\n }\n } // eslint-disable-next-line no-unused-vars\n\n\n function onSkinToneOptionsFocusOut(_x10) {\n return _onSkinToneOptionsFocusOut.apply(this, arguments);\n }\n\n function _onSkinToneOptionsFocusOut() {\n _onSkinToneOptionsFocusOut = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(event) {\n var relatedTarget;\n return _regeneratorRuntime.wrap(function _callee16$(_context16) {\n while (1) {\n switch (_context16.prev = _context16.next) {\n case 0:\n // On blur outside of the skintone options, collapse the skintone picker.\n // Except if focus is just moving to another skintone option, e.g. pressing up/down to change focus\n relatedTarget = event.relatedTarget;\n\n if (!relatedTarget || !isSkinToneOption(relatedTarget)) {\n $$invalidate(5, skinTonePickerExpanded = false);\n }\n\n case 2:\n case \"end\":\n return _context16.stop();\n }\n }\n }, _callee16);\n }));\n return _onSkinToneOptionsFocusOut.apply(this, arguments);\n }\n\n function input_input_handler() {\n rawSearchText = this.value;\n $$invalidate(2, rawSearchText);\n }\n\n function div3_binding($$value) {\n binding_callbacks[$$value ? \"unshift\" : \"push\"](function () {\n skinToneDropdown = $$value;\n $$invalidate(6, skinToneDropdown);\n });\n }\n\n var click_handler = function click_handler(group) {\n return onNavClick(group);\n };\n\n function div6_binding($$value) {\n binding_callbacks[$$value ? \"unshift\" : \"push\"](function () {\n indicatorElement = $$value;\n $$invalidate(18, indicatorElement);\n });\n }\n\n function div9_binding($$value) {\n binding_callbacks[$$value ? \"unshift\" : \"push\"](function () {\n tabpanelInnerElement = $$value;\n $$invalidate(17, tabpanelInnerElement);\n });\n }\n\n function div10_binding($$value) {\n binding_callbacks[$$value ? \"unshift\" : \"push\"](function () {\n tabpanelElement = $$value;\n ((((((((((($$invalidate(16, tabpanelElement), $$invalidate(1, currentEmojis)), $$invalidate(12, databaseLoaded)), $$invalidate(46, searchText)), $$invalidate(11, currentGroup)), $$invalidate(0, i18n)), $$invalidate(39, database)), $$invalidate(2, rawSearchText)), $$invalidate(10, groups$1)), $$invalidate(50, currentGroupIndex)), $$invalidate(40, locale)), $$invalidate(41, dataSource)), $$invalidate(43, customEmoji);\n });\n }\n\n function button1_binding($$value) {\n binding_callbacks[$$value ? \"unshift\" : \"push\"](function () {\n baselineEmoji = $$value;\n $$invalidate(15, baselineEmoji);\n });\n }\n\n function section_binding($$value) {\n binding_callbacks[$$value ? \"unshift\" : \"push\"](function () {\n rootElement = $$value;\n $$invalidate(14, rootElement);\n });\n }\n\n $$self.$$set = function ($$props) {\n if (\"locale\" in $$props) $$invalidate(40, locale = $$props.locale);\n if (\"dataSource\" in $$props) $$invalidate(41, dataSource = $$props.dataSource);\n if (\"skinToneEmoji\" in $$props) $$invalidate(42, skinToneEmoji = $$props.skinToneEmoji);\n if (\"i18n\" in $$props) $$invalidate(0, i18n = $$props.i18n);\n if (\"database\" in $$props) $$invalidate(39, database = $$props.database);\n if (\"customEmoji\" in $$props) $$invalidate(43, customEmoji = $$props.customEmoji);\n if (\"customCategorySorting\" in $$props) $$invalidate(44, customCategorySorting = $$props.customCategorySorting);\n };\n\n $$self.$$.update = function () {\n if ($$self.$$.dirty[1] &\n /*locale, dataSource, database*/\n 1792) {\n {\n // API props like locale and dataSource are not actually set until the onMount phase\n // https://github.com/sveltejs/svelte/pull/4522\n if (locale && dataSource && (!database || database.locale !== locale && database.dataSource !== dataSource)) {\n $$invalidate(39, database = new Database({\n dataSource: dataSource,\n locale: locale\n }));\n }\n }\n }\n\n if ($$self.$$.dirty[1] &\n /*customEmoji, database*/\n 4352) {\n /* eslint-enable no-unused-vars */\n //\n // Set or update the customEmoji\n //\n {\n if (customEmoji && database) {\n $$invalidate(39, database.customEmoji = customEmoji, database);\n }\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*i18n*/\n 1 | $$self.$$.dirty[1] &\n /*database*/\n 256) {\n //\n // Set or update the database object\n //\n {\n // show a Loading message if it takes a long time, or show an error if there's a network/IDB error\n function handleDatabaseLoading() {\n return _handleDatabaseLoading.apply(this, arguments);\n }\n\n function _handleDatabaseLoading() {\n _handleDatabaseLoading = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {\n var showingLoadingMessage, timeoutHandle;\n return _regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n showingLoadingMessage = false;\n timeoutHandle = setTimeout(function () {\n showingLoadingMessage = true;\n $$invalidate(19, message = i18n.loadingMessage);\n }, TIMEOUT_BEFORE_LOADING_MESSAGE);\n _context3.prev = 2;\n _context3.next = 5;\n return database.ready();\n\n case 5:\n $$invalidate(12, databaseLoaded = true); // eslint-disable-line no-unused-vars\n\n _context3.next = 12;\n break;\n\n case 8:\n _context3.prev = 8;\n _context3.t0 = _context3[\"catch\"](2);\n console.error(_context3.t0);\n $$invalidate(19, message = i18n.networkErrorMessage);\n\n case 12:\n _context3.prev = 12;\n clearTimeout(timeoutHandle);\n\n if (showingLoadingMessage) {\n // Seems safer than checking the i18n string, which may change\n showingLoadingMessage = false;\n $$invalidate(19, message = \"\"); // eslint-disable-line no-unused-vars\n }\n\n return _context3.finish(12);\n\n case 16:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3, null, [[2, 8, 12, 16]]);\n }));\n return _handleDatabaseLoading.apply(this, arguments);\n }\n\n if (database) {\n /* no await */\n handleDatabaseLoading();\n }\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*groups*/\n 1024 | $$self.$$.dirty[1] &\n /*customEmoji*/\n 4096) {\n {\n if (customEmoji && customEmoji.length) {\n $$invalidate(10, groups$1 = [customGroup].concat(_toConsumableArray(groups)));\n } else if (groups$1 !== groups) {\n $$invalidate(10, groups$1 = groups);\n }\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*rawSearchText*/\n 4) {\n /* eslint-enable no-unused-vars */\n //\n // Handle user input on the search input\n //\n {\n rIC(function () {\n $$invalidate(46, searchText = (rawSearchText || \"\").trim()); // defer to avoid input delays, plus we can trim here\n\n $$invalidate(4, activeSearchItem = -1);\n });\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*groups*/\n 1024 | $$self.$$.dirty[1] &\n /*currentGroupIndex*/\n 524288) {\n //\n // Update the current group based on the currentGroupIndex\n //\n $$invalidate(11, currentGroup = groups$1[currentGroupIndex]);\n }\n\n if ($$self.$$.dirty[0] &\n /*databaseLoaded, currentGroup*/\n 6144 | $$self.$$.dirty[1] &\n /*searchText*/\n 32768) {\n //\n // Set or update the currentEmojis. Check for invalid ZWJ renderings\n // (i.e. double emoji).\n //\n {\n function updateEmojis() {\n return _updateEmojis.apply(this, arguments);\n }\n /* no await */\n\n\n function _updateEmojis() {\n _updateEmojis = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {\n var currentSearchText, newEmojis, currentGroupId, _newEmojis;\n\n return _regeneratorRuntime.wrap(function _callee4$(_context4) {\n while (1) {\n switch (_context4.prev = _context4.next) {\n case 0:\n if (databaseLoaded) {\n _context4.next = 5;\n break;\n }\n\n $$invalidate(1, currentEmojis = []);\n $$invalidate(3, searchMode = false);\n _context4.next = 19;\n break;\n\n case 5:\n if (!(searchText.length >= MIN_SEARCH_TEXT_LENGTH)) {\n _context4.next = 13;\n break;\n }\n\n currentSearchText = searchText;\n _context4.next = 9;\n return getEmojisBySearchQuery(currentSearchText);\n\n case 9:\n newEmojis = _context4.sent;\n\n if (currentSearchText === searchText) {\n // if the situation changes asynchronously, do not update\n $$invalidate(1, currentEmojis = newEmojis);\n $$invalidate(3, searchMode = true);\n }\n\n _context4.next = 19;\n break;\n\n case 13:\n if (!currentGroup) {\n _context4.next = 19;\n break;\n }\n\n currentGroupId = currentGroup.id;\n _context4.next = 17;\n return getEmojisByGroup(currentGroupId);\n\n case 17:\n _newEmojis = _context4.sent;\n\n if (currentGroupId === currentGroup.id) {\n // if the situation changes asynchronously, do not update\n $$invalidate(1, currentEmojis = _newEmojis);\n $$invalidate(3, searchMode = false);\n }\n\n case 19:\n case \"end\":\n return _context4.stop();\n }\n }\n }, _callee4);\n }));\n return _updateEmojis.apply(this, arguments);\n }\n\n updateEmojis();\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*groups, searchMode*/\n 1032) {\n //\n // Global styles for the entire picker\n //\n\n /* eslint-disable no-unused-vars */\n $$invalidate(24, pickerStyle = \"\\n --font-family: \".concat(FONT_FAMILY, \";\\n --num-groups: \").concat(groups$1.length, \"; \\n --indicator-opacity: \").concat(searchMode ? 0 : 1, \"; \\n --num-skintones: \").concat(NUM_SKIN_TONES, \";\"));\n }\n\n if ($$self.$$.dirty[0] &\n /*databaseLoaded*/\n 4096 | $$self.$$.dirty[1] &\n /*database*/\n 256) {\n //\n // Set or update the preferred skin tone\n //\n {\n function updatePreferredSkinTone() {\n return _updatePreferredSkinTone.apply(this, arguments);\n }\n /* no await */\n\n\n function _updatePreferredSkinTone() {\n _updatePreferredSkinTone = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {\n return _regeneratorRuntime.wrap(function _callee5$(_context5) {\n while (1) {\n switch (_context5.prev = _context5.next) {\n case 0:\n if (!databaseLoaded) {\n _context5.next = 6;\n break;\n }\n\n _context5.t0 = $$invalidate;\n _context5.next = 4;\n return database.getPreferredSkinTone();\n\n case 4:\n _context5.t1 = currentSkinTone = _context5.sent;\n (0, _context5.t0)(7, _context5.t1);\n\n case 6:\n case \"end\":\n return _context5.stop();\n }\n }\n }, _callee5);\n }));\n return _updatePreferredSkinTone.apply(this, arguments);\n }\n\n updatePreferredSkinTone();\n }\n }\n\n if ($$self.$$.dirty[1] &\n /*skinToneEmoji*/\n 2048) {\n $$invalidate(8, skinTones = Array(NUM_SKIN_TONES).fill().map(function (_, i) {\n return applySkinTone(skinToneEmoji, i);\n }));\n }\n\n if ($$self.$$.dirty[0] &\n /*skinTones, currentSkinTone*/\n 384) {\n /* eslint-disable no-unused-vars */\n $$invalidate(23, skinToneButtonText = skinTones[currentSkinTone]);\n }\n\n if ($$self.$$.dirty[0] &\n /*i18n, currentSkinTone*/\n 129) {\n $$invalidate(25, skinToneButtonLabel = i18n.skinToneLabel.replace(\"{skinTone}\", i18n.skinTones[currentSkinTone]));\n }\n\n if ($$self.$$.dirty[0] &\n /*databaseLoaded*/\n 4096 | $$self.$$.dirty[1] &\n /*database*/\n 256) {\n /* eslint-enable no-unused-vars */\n //\n // Set or update the favorites emojis\n //\n {\n function updateDefaultFavoriteEmojis() {\n return _updateDefaultFavoriteEmojis.apply(this, arguments);\n }\n\n function _updateDefaultFavoriteEmojis() {\n _updateDefaultFavoriteEmojis = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {\n return _regeneratorRuntime.wrap(function _callee6$(_context6) {\n while (1) {\n switch (_context6.prev = _context6.next) {\n case 0:\n _context6.t0 = $$invalidate;\n _context6.next = 3;\n return Promise.all(MOST_COMMONLY_USED_EMOJI.map(function (unicode) {\n return database.getEmojiByUnicodeOrName(unicode);\n }));\n\n case 3:\n _context6.t1 = defaultFavoriteEmojis = _context6.sent.filter(Boolean);\n (0, _context6.t0)(48, _context6.t1);\n\n case 5:\n case \"end\":\n return _context6.stop();\n }\n }\n }, _callee6);\n }));\n return _updateDefaultFavoriteEmojis.apply(this, arguments);\n }\n\n if (databaseLoaded) {\n /* no await */\n updateDefaultFavoriteEmojis();\n }\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*databaseLoaded*/\n 4096 | $$self.$$.dirty[1] &\n /*database, numColumns, defaultFavoriteEmojis*/\n 393472) {\n {\n function updateFavorites() {\n return _updateFavorites.apply(this, arguments);\n }\n\n function _updateFavorites() {\n _updateFavorites = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {\n var dbFavorites, favorites;\n return _regeneratorRuntime.wrap(function _callee7$(_context7) {\n while (1) {\n switch (_context7.prev = _context7.next) {\n case 0:\n _context7.next = 2;\n return database.getTopFavoriteEmoji(numColumns);\n\n case 2:\n dbFavorites = _context7.sent;\n _context7.next = 5;\n return summarizeEmojis(uniqBy([].concat(_toConsumableArray(dbFavorites), _toConsumableArray(defaultFavoriteEmojis)), function (_) {\n return _.unicode || _.name;\n }).slice(0, numColumns));\n\n case 5:\n favorites = _context7.sent;\n $$invalidate(9, currentFavorites = favorites);\n\n case 7:\n case \"end\":\n return _context7.stop();\n }\n }\n }, _callee7);\n }));\n return _updateFavorites.apply(this, arguments);\n }\n\n if (databaseLoaded && defaultFavoriteEmojis) {\n /* no await */\n updateFavorites();\n }\n }\n }\n\n if ($$self.$$.dirty[1] &\n /*currentGroupIndex, computedIndicatorWidth*/\n 589824) {\n // TODO: Chrome has an unfortunate bug where we can't use a simple percent-based transform\n // here, becuause it's janky. You can especially see this on a Nexus 5.\n // So we calculate of the indicator and use exact pixel values in the animation instead\n // (where ResizeObserver is supported).\n {\n // eslint-disable-next-line no-unused-vars\n $$invalidate(20, indicatorStyle = \"transform: translateX(\".concat(resizeObserverSupported ? \"\".concat(currentGroupIndex * computedIndicatorWidth, \"px\") : \"\".concat(currentGroupIndex * 100, \"%\"), \")\")); // exact pixels\n // fallback to percent-based\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*currentEmojis*/\n 2) {\n // Some emojis have their ligatures rendered as two or more consecutive emojis\n // We want to treat these the same as unsupported emojis, so we compare their\n // widths against the baseline widths and remove them as necessary\n {\n var zwjEmojisToCheck = currentEmojis.filter(function (emoji) {\n return emoji.unicode;\n }).filter(function (emoji) {\n return hasZwj(emoji) && !supportedZwjEmojis.has(emoji.unicode);\n }); // filter custom emoji\n\n if (zwjEmojisToCheck.length) {\n // render now, check their length later\n rAF(function () {\n return checkZwjSupportAndUpdate(zwjEmojisToCheck);\n });\n } else {\n $$invalidate(1, currentEmojis = currentEmojis.filter(isZwjSupported));\n rAF(function () {\n // reset scroll top to 0 when emojis change\n $$invalidate(16, tabpanelElement.scrollTop = 0, tabpanelElement);\n });\n }\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*currentEmojis, currentFavorites*/\n 514 | $$self.$$.dirty[1] &\n /*initialLoad*/\n 16384) {\n {\n // consider initialLoad to be complete when the first tabpanel and favorites are rendered\n\n /* istanbul ignore next */\n if (\"production\" !== \"production\" || false) {\n if (currentEmojis.length && currentFavorites.length && initialLoad) {\n $$invalidate(45, initialLoad = false);\n requestPostAnimationFrame(function () {\n return void 0;\n });\n }\n }\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*searchMode, currentEmojis*/\n 10 | $$self.$$.dirty[1] &\n /*customCategorySorting*/\n 8192) {\n //\n // Derive currentEmojisWithCategories from currentEmojis. This is always done even if there\n // are no categories, because it's just easier to code the HTML this way.\n //\n {\n function calculateCurrentEmojisWithCategories() {\n if (searchMode) {\n return [{\n category: \"\",\n emojis: currentEmojis\n }];\n }\n\n var categoriesToEmoji = new Map();\n\n var _iterator5 = _createForOfIteratorHelper(currentEmojis),\n _step5;\n\n try {\n for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {\n var emoji = _step5.value;\n var category = emoji.category || \"\";\n var emojis = categoriesToEmoji.get(category);\n\n if (!emojis) {\n emojis = [];\n categoriesToEmoji.set(category, emojis);\n }\n\n emojis.push(emoji);\n }\n } catch (err) {\n _iterator5.e(err);\n } finally {\n _iterator5.f();\n }\n\n return _toConsumableArray(categoriesToEmoji.entries()).map(function (_ref9) {\n var _ref10 = _slicedToArray(_ref9, 2),\n category = _ref10[0],\n emojis = _ref10[1];\n\n return {\n category: category,\n emojis: emojis\n };\n }).sort(function (a, b) {\n return customCategorySorting(a.category, b.category);\n });\n } // eslint-disable-next-line no-unused-vars\n\n\n $$invalidate(13, currentEmojisWithCategories = calculateCurrentEmojisWithCategories());\n }\n }\n\n if ($$self.$$.dirty[0] &\n /*activeSearchItem, currentEmojis*/\n 18) {\n //\n // Handle active search item (i.e. pressing up or down while searching)\n //\n\n /* eslint-disable no-unused-vars */\n $$invalidate(27, activeSearchItemId = activeSearchItem !== -1 && currentEmojis[activeSearchItem].id);\n }\n\n if ($$self.$$.dirty[0] &\n /*skinTonePickerExpanded, skinToneDropdown*/\n 96) {\n // To make the animation nicer, change the z-index of the skintone picker button\n // *after* the animation has played. This makes it appear that the picker box\n // is expanding \"below\" the button\n {\n if (skinTonePickerExpanded) {\n skinToneDropdown.addEventListener(\"transitionend\", function () {\n $$invalidate(21, skinTonePickerExpandedAfterAnimation = true); // eslint-disable-line no-unused-vars\n }, {\n once: true\n });\n } else {\n $$invalidate(21, skinTonePickerExpandedAfterAnimation = false); // eslint-disable-line no-unused-vars\n }\n }\n }\n };\n\n return [i18n, currentEmojis, rawSearchText, searchMode, activeSearchItem, skinTonePickerExpanded, skinToneDropdown, currentSkinTone, skinTones, currentFavorites, groups$1, currentGroup, databaseLoaded, currentEmojisWithCategories, rootElement, baselineEmoji, tabpanelElement, tabpanelInnerElement, indicatorElement, message, indicatorStyle, skinTonePickerExpandedAfterAnimation, activeSkinTone, skinToneButtonText, pickerStyle, skinToneButtonLabel, scrollbarWidth, activeSearchItemId, unicodeWithSkin, labelWithSkin, onSearchKeydown, onNavClick, onNavKeydown, onEmojiClick, onSkinToneOptionsClick, onClickSkinToneButton, onSkinToneOptionsKeydown, onSkinToneOptionsKeyup, onSkinToneOptionsFocusOut, database, locale, dataSource, skinToneEmoji, customEmoji, customCategorySorting, initialLoad, searchText, computedIndicatorWidth, defaultFavoriteEmojis, numColumns, currentGroupIndex, input_input_handler, div3_binding, click_handler, div6_binding, div9_binding, div10_binding, button1_binding, section_binding];\n}\n\nvar Picker = /*#__PURE__*/function (_SvelteElement) {\n _inherits(Picker, _SvelteElement);\n\n var _super2 = _createSuper(Picker);\n\n function Picker(options) {\n var _this2;\n\n _classCallCheck(this, Picker);\n\n _this2 = _super2.call(this);\n _this2.shadowRoot.innerHTML = \"\";\n init(_assertThisInitialized(_this2), {\n target: _this2.shadowRoot,\n props: attribute_to_object(_this2.attributes),\n customElement: true\n }, instance, create_fragment, safe_not_equal, {\n locale: 40,\n dataSource: 41,\n skinToneEmoji: 42,\n i18n: 0,\n database: 39,\n customEmoji: 43,\n customCategorySorting: 44\n }, [-1, -1, -1]);\n\n if (options) {\n if (options.target) {\n insert(options.target, _assertThisInitialized(_this2), options.anchor);\n }\n\n if (options.props) {\n _this2.$set(options.props);\n\n flush();\n }\n }\n\n return _this2;\n }\n\n _createClass(Picker, [{\n key: \"locale\",\n get: function get() {\n return this.$$.ctx[40];\n },\n set: function set(locale) {\n this.$set({\n locale: locale\n });\n flush();\n }\n }, {\n key: \"dataSource\",\n get: function get() {\n return this.$$.ctx[41];\n },\n set: function set(dataSource) {\n this.$set({\n dataSource: dataSource\n });\n flush();\n }\n }, {\n key: \"skinToneEmoji\",\n get: function get() {\n return this.$$.ctx[42];\n },\n set: function set(skinToneEmoji) {\n this.$set({\n skinToneEmoji: skinToneEmoji\n });\n flush();\n }\n }, {\n key: \"i18n\",\n get: function get() {\n return this.$$.ctx[0];\n },\n set: function set(i18n) {\n this.$set({\n i18n: i18n\n });\n flush();\n }\n }, {\n key: \"database\",\n get: function get() {\n return this.$$.ctx[39];\n },\n set: function set(database) {\n this.$set({\n database: database\n });\n flush();\n }\n }, {\n key: \"customEmoji\",\n get: function get() {\n return this.$$.ctx[43];\n },\n set: function set(customEmoji) {\n this.$set({\n customEmoji: customEmoji\n });\n flush();\n }\n }, {\n key: \"customCategorySorting\",\n get: function get() {\n return this.$$.ctx[44];\n },\n set: function set(customCategorySorting) {\n this.$set({\n customCategorySorting: customCategorySorting\n });\n flush();\n }\n }], [{\n key: \"observedAttributes\",\n get: function get() {\n return [\"locale\", \"dataSource\", \"skinToneEmoji\", \"i18n\", \"database\", \"customEmoji\", \"customCategorySorting\"];\n }\n }]);\n\n return Picker;\n}(SvelteElement);\n\nvar DEFAULT_DATA_SOURCE = 'https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json';\nvar DEFAULT_LOCALE = 'en';\n\nvar PickerElement = /*#__PURE__*/function (_Picker) {\n _inherits(PickerElement, _Picker);\n\n var _super3 = _createSuper(PickerElement);\n\n function PickerElement(props) {\n _classCallCheck(this, PickerElement);\n\n // Make the API simpler, directly pass in the props\n return _super3.call(this, {\n props: _objectSpread({\n // Set defaults\n locale: DEFAULT_LOCALE,\n dataSource: DEFAULT_DATA_SOURCE\n }, props)\n });\n }\n\n _createClass(PickerElement, [{\n key: \"disconnectedCallback\",\n value: function disconnectedCallback() {\n // For Svelte v <3.33.0, we have to run the destroy logic ourselves because it doesn't have this fix:\n // https://github.com/sveltejs/svelte/commit/d4f98f\n // We can safely just run on_disconnect and on_destroy to cover all versions of Svelte. In older versions\n // the on_destroy array will have length 1, whereas in more recent versions it'll be on_disconnect instead.\n // TODO: remove this when we drop support for Svelte < 3.33.0\n runAll(this.$$.on_destroy);\n runAll(this.$$.on_disconnect);\n }\n }, {\n key: \"attributeChangedCallback\",\n value: // via https://github.com/sveltejs/svelte/issues/3852#issuecomment-665037015\n function attributeChangedCallback(attrName, oldValue, newValue) {\n _get(_getPrototypeOf(PickerElement.prototype), \"attributeChangedCallback\", this).call(this, attrName.replace(/-([a-z])/g, function (_, up) {\n return up.toUpperCase();\n }), oldValue, newValue);\n }\n }], [{\n key: \"observedAttributes\",\n get: function get() {\n return ['locale', 'data-source', 'skin-tone-emoji']; // complex objects aren't supported, also use kebab-case\n }\n }]);\n\n return PickerElement;\n}(Picker);\n\ncustomElements.define('emoji-picker', PickerElement);\nexport default PickerElement;","module.exports = SafeParseTuple;\n\nfunction SafeParseTuple(obj, reviver) {\n var json;\n var error = null;\n\n try {\n json = JSON.parse(obj, reviver);\n } catch (err) {\n error = err;\n }\n\n return [error, json];\n}","var setPrototypeOf = require(\"./setPrototypeOf.js\");\n\nvar isNativeReflectConstruct = require(\"./isNativeReflectConstruct.js\");\n\nfunction _construct(Parent, args, Class) {\n if (isNativeReflectConstruct()) {\n module.exports = _construct = Reflect.construct;\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n } else {\n module.exports = _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n }\n\n return _construct.apply(null, arguments);\n}\n\nmodule.exports = _construct;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","var setPrototypeOf = require(\"./setPrototypeOf.js\");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","var dom = require('./dom');\n\nexports.DOMImplementation = dom.DOMImplementation;\nexports.XMLSerializer = dom.XMLSerializer;\nexports.DOMParser = require('./dom-parser').DOMParser;","var MAX_UINT32 = Math.pow(2, 32);\n\nvar parseSidx = function parseSidx(data) {\n var view = new DataView(data.buffer, data.byteOffset, data.byteLength),\n result = {\n version: data[0],\n flags: new Uint8Array(data.subarray(1, 4)),\n references: [],\n referenceId: view.getUint32(4),\n timescale: view.getUint32(8)\n },\n i = 12;\n\n if (result.version === 0) {\n result.earliestPresentationTime = view.getUint32(i);\n result.firstOffset = view.getUint32(i + 4);\n i += 8;\n } else {\n // read 64 bits\n result.earliestPresentationTime = view.getUint32(i) * MAX_UINT32 + view.getUint32(i + 4);\n result.firstOffset = view.getUint32(i + 8) * MAX_UINT32 + view.getUint32(i + 12);\n i += 16;\n }\n\n i += 2; // reserved\n\n var referenceCount = view.getUint16(i);\n i += 2; // start of references\n\n for (; referenceCount > 0; i += 12, referenceCount--) {\n result.references.push({\n referenceType: (data[i] & 0x80) >>> 7,\n referencedSize: view.getUint32(i) & 0x7FFFFFFF,\n subsegmentDuration: view.getUint32(i + 4),\n startsWithSap: !!(data[i + 8] & 0x80),\n sapType: (data[i + 8] & 0x70) >>> 4,\n sapDeltaTime: view.getUint32(i + 8) & 0x0FFFFFFF\n });\n }\n\n return result;\n};\n\nmodule.exports = parseSidx;","function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n/*! @vimeo/player v2.16.1 | (c) 2021 Vimeo | MIT License | https://github.com/vimeo/player.js */\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n/**\n * @module lib/functions\n */\n\n/**\n * Check to see this is a node environment.\n * @type {Boolean}\n */\n\n/* global global */\n\n\nvar isNode = typeof global !== 'undefined' && {}.toString.call(global) === '[object global]';\n/**\n * Get the name of the method for a given getter or setter.\n *\n * @param {string} prop The name of the property.\n * @param {string} type Either “get” or “set”.\n * @return {string}\n */\n\nfunction getMethodName(prop, type) {\n if (prop.indexOf(type.toLowerCase()) === 0) {\n return prop;\n }\n\n return \"\".concat(type.toLowerCase()).concat(prop.substr(0, 1).toUpperCase()).concat(prop.substr(1));\n}\n/**\n * Check to see if the object is a DOM Element.\n *\n * @param {*} element The object to check.\n * @return {boolean}\n */\n\n\nfunction isDomElement(element) {\n return Boolean(element && element.nodeType === 1 && 'nodeName' in element && element.ownerDocument && element.ownerDocument.defaultView);\n}\n/**\n * Check to see whether the value is a number.\n *\n * @see http://dl.dropboxusercontent.com/u/35146/js/tests/isNumber.html\n * @param {*} value The value to check.\n * @param {boolean} integer Check if the value is an integer.\n * @return {boolean}\n */\n\n\nfunction isInteger(value) {\n // eslint-disable-next-line eqeqeq\n return !isNaN(parseFloat(value)) && isFinite(value) && Math.floor(value) == value;\n}\n/**\n * Check to see if the URL is a Vimeo url.\n *\n * @param {string} url The url string.\n * @return {boolean}\n */\n\n\nfunction isVimeoUrl(url) {\n return /^(https?:)?\\/\\/((player|www)\\.)?vimeo\\.com(?=$|\\/)/.test(url);\n}\n/**\n * Get the Vimeo URL from an element.\n * The element must have either a data-vimeo-id or data-vimeo-url attribute.\n *\n * @param {object} oEmbedParameters The oEmbed parameters.\n * @return {string}\n */\n\n\nfunction getVimeoUrl() {\n var oEmbedParameters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var id = oEmbedParameters.id;\n var url = oEmbedParameters.url;\n var idOrUrl = id || url;\n\n if (!idOrUrl) {\n throw new Error('An id or url must be passed, either in an options object or as a data-vimeo-id or data-vimeo-url attribute.');\n }\n\n if (isInteger(idOrUrl)) {\n return \"https://vimeo.com/\".concat(idOrUrl);\n }\n\n if (isVimeoUrl(idOrUrl)) {\n return idOrUrl.replace('http:', 'https:');\n }\n\n if (id) {\n throw new TypeError(\"\\u201C\".concat(id, \"\\u201D is not a valid video id.\"));\n }\n\n throw new TypeError(\"\\u201C\".concat(idOrUrl, \"\\u201D is not a vimeo.com url.\"));\n}\n\nvar arrayIndexOfSupport = typeof Array.prototype.indexOf !== 'undefined';\nvar postMessageSupport = typeof window !== 'undefined' && typeof window.postMessage !== 'undefined';\n\nif (!isNode && (!arrayIndexOfSupport || !postMessageSupport)) {\n throw new Error('Sorry, the Vimeo Player API is not available in this browser.');\n}\n\nvar commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};\n\nfunction createCommonjsModule(fn, module) {\n return module = {\n exports: {}\n }, fn(module, module.exports), module.exports;\n}\n/*!\n * weakmap-polyfill v2.0.1 - ECMAScript6 WeakMap polyfill\n * https://github.com/polygonplanet/weakmap-polyfill\n * Copyright (c) 2015-2020 Polygon Planet \n * @license MIT\n */\n\n\n(function (self) {\n if (self.WeakMap) {\n return;\n }\n\n var hasOwnProperty = Object.prototype.hasOwnProperty;\n\n var defineProperty = function defineProperty(object, name, value) {\n if (Object.defineProperty) {\n Object.defineProperty(object, name, {\n configurable: true,\n writable: true,\n value: value\n });\n } else {\n object[name] = value;\n }\n };\n\n self.WeakMap = function () {\n // ECMA-262 23.3 WeakMap Objects\n function WeakMap() {\n if (this === void 0) {\n throw new TypeError(\"Constructor WeakMap requires 'new'\");\n }\n\n defineProperty(this, '_id', genId('_WeakMap')); // ECMA-262 23.3.1.1 WeakMap([iterable])\n\n if (arguments.length > 0) {\n // Currently, WeakMap `iterable` argument is not supported\n throw new TypeError('WeakMap iterable is not supported');\n }\n } // ECMA-262 23.3.3.2 WeakMap.prototype.delete(key)\n\n\n defineProperty(WeakMap.prototype, 'delete', function (key) {\n checkInstance(this, 'delete');\n\n if (!isObject(key)) {\n return false;\n }\n\n var entry = key[this._id];\n\n if (entry && entry[0] === key) {\n delete key[this._id];\n return true;\n }\n\n return false;\n }); // ECMA-262 23.3.3.3 WeakMap.prototype.get(key)\n\n defineProperty(WeakMap.prototype, 'get', function (key) {\n checkInstance(this, 'get');\n\n if (!isObject(key)) {\n return void 0;\n }\n\n var entry = key[this._id];\n\n if (entry && entry[0] === key) {\n return entry[1];\n }\n\n return void 0;\n }); // ECMA-262 23.3.3.4 WeakMap.prototype.has(key)\n\n defineProperty(WeakMap.prototype, 'has', function (key) {\n checkInstance(this, 'has');\n\n if (!isObject(key)) {\n return false;\n }\n\n var entry = key[this._id];\n\n if (entry && entry[0] === key) {\n return true;\n }\n\n return false;\n }); // ECMA-262 23.3.3.5 WeakMap.prototype.set(key, value)\n\n defineProperty(WeakMap.prototype, 'set', function (key, value) {\n checkInstance(this, 'set');\n\n if (!isObject(key)) {\n throw new TypeError('Invalid value used as weak map key');\n }\n\n var entry = key[this._id];\n\n if (entry && entry[0] === key) {\n entry[1] = value;\n return this;\n }\n\n defineProperty(key, this._id, [key, value]);\n return this;\n });\n\n function checkInstance(x, methodName) {\n if (!isObject(x) || !hasOwnProperty.call(x, '_id')) {\n throw new TypeError(methodName + ' method called on incompatible receiver ' + _typeof(x));\n }\n }\n\n function genId(prefix) {\n return prefix + '_' + rand() + '.' + rand();\n }\n\n function rand() {\n return Math.random().toString().substring(2);\n }\n\n defineProperty(WeakMap, '_polyfill', true);\n return WeakMap;\n }();\n\n function isObject(x) {\n return Object(x) === x;\n }\n})(typeof self !== 'undefined' ? self : typeof window !== 'undefined' ? window : typeof commonjsGlobal !== 'undefined' ? commonjsGlobal : commonjsGlobal);\n\nvar npo_src = createCommonjsModule(function (module) {\n /*! Native Promise Only\n v0.8.1 (c) Kyle Simpson\n MIT License: http://getify.mit-license.org\n */\n (function UMD(name, context, definition) {\n // special form of UMD for polyfilling across evironments\n context[name] = context[name] || definition();\n\n if (module.exports) {\n module.exports = context[name];\n }\n })(\"Promise\", typeof commonjsGlobal != \"undefined\" ? commonjsGlobal : commonjsGlobal, function DEF() {\n var builtInProp,\n cycle,\n scheduling_queue,\n ToString = Object.prototype.toString,\n timer = typeof setImmediate != \"undefined\" ? function timer(fn) {\n return setImmediate(fn);\n } : setTimeout; // dammit, IE8.\n\n try {\n Object.defineProperty({}, \"x\", {});\n\n builtInProp = function builtInProp(obj, name, val, config) {\n return Object.defineProperty(obj, name, {\n value: val,\n writable: true,\n configurable: config !== false\n });\n };\n } catch (err) {\n builtInProp = function builtInProp(obj, name, val) {\n obj[name] = val;\n return obj;\n };\n } // Note: using a queue instead of array for efficiency\n\n\n scheduling_queue = function Queue() {\n var first, last, item;\n\n function Item(fn, self) {\n this.fn = fn;\n this.self = self;\n this.next = void 0;\n }\n\n return {\n add: function add(fn, self) {\n item = new Item(fn, self);\n\n if (last) {\n last.next = item;\n } else {\n first = item;\n }\n\n last = item;\n item = void 0;\n },\n drain: function drain() {\n var f = first;\n first = last = cycle = void 0;\n\n while (f) {\n f.fn.call(f.self);\n f = f.next;\n }\n }\n };\n }();\n\n function schedule(fn, self) {\n scheduling_queue.add(fn, self);\n\n if (!cycle) {\n cycle = timer(scheduling_queue.drain);\n }\n } // promise duck typing\n\n\n function isThenable(o) {\n var _then,\n o_type = _typeof(o);\n\n if (o != null && (o_type == \"object\" || o_type == \"function\")) {\n _then = o.then;\n }\n\n return typeof _then == \"function\" ? _then : false;\n }\n\n function notify() {\n for (var i = 0; i < this.chain.length; i++) {\n notifyIsolated(this, this.state === 1 ? this.chain[i].success : this.chain[i].failure, this.chain[i]);\n }\n\n this.chain.length = 0;\n } // NOTE: This is a separate function to isolate\n // the `try..catch` so that other code can be\n // optimized better\n\n\n function notifyIsolated(self, cb, chain) {\n var ret, _then;\n\n try {\n if (cb === false) {\n chain.reject(self.msg);\n } else {\n if (cb === true) {\n ret = self.msg;\n } else {\n ret = cb.call(void 0, self.msg);\n }\n\n if (ret === chain.promise) {\n chain.reject(TypeError(\"Promise-chain cycle\"));\n } else if (_then = isThenable(ret)) {\n _then.call(ret, chain.resolve, chain.reject);\n } else {\n chain.resolve(ret);\n }\n }\n } catch (err) {\n chain.reject(err);\n }\n }\n\n function resolve(msg) {\n var _then,\n self = this; // already triggered?\n\n\n if (self.triggered) {\n return;\n }\n\n self.triggered = true; // unwrap\n\n if (self.def) {\n self = self.def;\n }\n\n try {\n if (_then = isThenable(msg)) {\n schedule(function () {\n var def_wrapper = new MakeDefWrapper(self);\n\n try {\n _then.call(msg, function $resolve$() {\n resolve.apply(def_wrapper, arguments);\n }, function $reject$() {\n reject.apply(def_wrapper, arguments);\n });\n } catch (err) {\n reject.call(def_wrapper, err);\n }\n });\n } else {\n self.msg = msg;\n self.state = 1;\n\n if (self.chain.length > 0) {\n schedule(notify, self);\n }\n }\n } catch (err) {\n reject.call(new MakeDefWrapper(self), err);\n }\n }\n\n function reject(msg) {\n var self = this; // already triggered?\n\n if (self.triggered) {\n return;\n }\n\n self.triggered = true; // unwrap\n\n if (self.def) {\n self = self.def;\n }\n\n self.msg = msg;\n self.state = 2;\n\n if (self.chain.length > 0) {\n schedule(notify, self);\n }\n }\n\n function iteratePromises(Constructor, arr, resolver, rejecter) {\n for (var idx = 0; idx < arr.length; idx++) {\n (function IIFE(idx) {\n Constructor.resolve(arr[idx]).then(function $resolver$(msg) {\n resolver(idx, msg);\n }, rejecter);\n })(idx);\n }\n }\n\n function MakeDefWrapper(self) {\n this.def = self;\n this.triggered = false;\n }\n\n function MakeDef(self) {\n this.promise = self;\n this.state = 0;\n this.triggered = false;\n this.chain = [];\n this.msg = void 0;\n }\n\n function Promise(executor) {\n if (typeof executor != \"function\") {\n throw TypeError(\"Not a function\");\n }\n\n if (this.__NPO__ !== 0) {\n throw TypeError(\"Not a promise\");\n } // instance shadowing the inherited \"brand\"\n // to signal an already \"initialized\" promise\n\n\n this.__NPO__ = 1;\n var def = new MakeDef(this);\n\n this[\"then\"] = function then(success, failure) {\n var o = {\n success: typeof success == \"function\" ? success : true,\n failure: typeof failure == \"function\" ? failure : false\n }; // Note: `then(..)` itself can be borrowed to be used against\n // a different promise constructor for making the chained promise,\n // by substituting a different `this` binding.\n\n o.promise = new this.constructor(function extractChain(resolve, reject) {\n if (typeof resolve != \"function\" || typeof reject != \"function\") {\n throw TypeError(\"Not a function\");\n }\n\n o.resolve = resolve;\n o.reject = reject;\n });\n def.chain.push(o);\n\n if (def.state !== 0) {\n schedule(notify, def);\n }\n\n return o.promise;\n };\n\n this[\"catch\"] = function $catch$(failure) {\n return this.then(void 0, failure);\n };\n\n try {\n executor.call(void 0, function publicResolve(msg) {\n resolve.call(def, msg);\n }, function publicReject(msg) {\n reject.call(def, msg);\n });\n } catch (err) {\n reject.call(def, err);\n }\n }\n\n var PromisePrototype = builtInProp({}, \"constructor\", Promise,\n /*configurable=*/\n false); // Note: Android 4 cannot use `Object.defineProperty(..)` here\n\n Promise.prototype = PromisePrototype; // built-in \"brand\" to signal an \"uninitialized\" promise\n\n builtInProp(PromisePrototype, \"__NPO__\", 0,\n /*configurable=*/\n false);\n builtInProp(Promise, \"resolve\", function Promise$resolve(msg) {\n var Constructor = this; // spec mandated checks\n // note: best \"isPromise\" check that's practical for now\n\n if (msg && _typeof(msg) == \"object\" && msg.__NPO__ === 1) {\n return msg;\n }\n\n return new Constructor(function executor(resolve, reject) {\n if (typeof resolve != \"function\" || typeof reject != \"function\") {\n throw TypeError(\"Not a function\");\n }\n\n resolve(msg);\n });\n });\n builtInProp(Promise, \"reject\", function Promise$reject(msg) {\n return new this(function executor(resolve, reject) {\n if (typeof resolve != \"function\" || typeof reject != \"function\") {\n throw TypeError(\"Not a function\");\n }\n\n reject(msg);\n });\n });\n builtInProp(Promise, \"all\", function Promise$all(arr) {\n var Constructor = this; // spec mandated checks\n\n if (ToString.call(arr) != \"[object Array]\") {\n return Constructor.reject(TypeError(\"Not an array\"));\n }\n\n if (arr.length === 0) {\n return Constructor.resolve([]);\n }\n\n return new Constructor(function executor(resolve, reject) {\n if (typeof resolve != \"function\" || typeof reject != \"function\") {\n throw TypeError(\"Not a function\");\n }\n\n var len = arr.length,\n msgs = Array(len),\n count = 0;\n iteratePromises(Constructor, arr, function resolver(idx, msg) {\n msgs[idx] = msg;\n\n if (++count === len) {\n resolve(msgs);\n }\n }, reject);\n });\n });\n builtInProp(Promise, \"race\", function Promise$race(arr) {\n var Constructor = this; // spec mandated checks\n\n if (ToString.call(arr) != \"[object Array]\") {\n return Constructor.reject(TypeError(\"Not an array\"));\n }\n\n return new Constructor(function executor(resolve, reject) {\n if (typeof resolve != \"function\" || typeof reject != \"function\") {\n throw TypeError(\"Not a function\");\n }\n\n iteratePromises(Constructor, arr, function resolver(idx, msg) {\n resolve(msg);\n }, reject);\n });\n });\n return Promise;\n });\n});\n/**\n * @module lib/callbacks\n */\n\nvar callbackMap = new WeakMap();\n/**\n * Store a callback for a method or event for a player.\n *\n * @param {Player} player The player object.\n * @param {string} name The method or event name.\n * @param {(function(this:Player, *): void|{resolve: function, reject: function})} callback\n * The callback to call or an object with resolve and reject functions for a promise.\n * @return {void}\n */\n\nfunction storeCallback(player, name, callback) {\n var playerCallbacks = callbackMap.get(player.element) || {};\n\n if (!(name in playerCallbacks)) {\n playerCallbacks[name] = [];\n }\n\n playerCallbacks[name].push(callback);\n callbackMap.set(player.element, playerCallbacks);\n}\n/**\n * Get the callbacks for a player and event or method.\n *\n * @param {Player} player The player object.\n * @param {string} name The method or event name\n * @return {function[]}\n */\n\n\nfunction getCallbacks(player, name) {\n var playerCallbacks = callbackMap.get(player.element) || {};\n return playerCallbacks[name] || [];\n}\n/**\n * Remove a stored callback for a method or event for a player.\n *\n * @param {Player} player The player object.\n * @param {string} name The method or event name\n * @param {function} [callback] The specific callback to remove.\n * @return {boolean} Was this the last callback?\n */\n\n\nfunction removeCallback(player, name, callback) {\n var playerCallbacks = callbackMap.get(player.element) || {};\n\n if (!playerCallbacks[name]) {\n return true;\n } // If no callback is passed, remove all callbacks for the event\n\n\n if (!callback) {\n playerCallbacks[name] = [];\n callbackMap.set(player.element, playerCallbacks);\n return true;\n }\n\n var index = playerCallbacks[name].indexOf(callback);\n\n if (index !== -1) {\n playerCallbacks[name].splice(index, 1);\n }\n\n callbackMap.set(player.element, playerCallbacks);\n return playerCallbacks[name] && playerCallbacks[name].length === 0;\n}\n/**\n * Return the first stored callback for a player and event or method.\n *\n * @param {Player} player The player object.\n * @param {string} name The method or event name.\n * @return {function} The callback, or false if there were none\n */\n\n\nfunction shiftCallbacks(player, name) {\n var playerCallbacks = getCallbacks(player, name);\n\n if (playerCallbacks.length < 1) {\n return false;\n }\n\n var callback = playerCallbacks.shift();\n removeCallback(player, name, callback);\n return callback;\n}\n/**\n * Move callbacks associated with an element to another element.\n *\n * @param {HTMLElement} oldElement The old element.\n * @param {HTMLElement} newElement The new element.\n * @return {void}\n */\n\n\nfunction swapCallbacks(oldElement, newElement) {\n var playerCallbacks = callbackMap.get(oldElement);\n callbackMap.set(newElement, playerCallbacks);\n callbackMap.delete(oldElement);\n}\n/**\n * @module lib/embed\n */\n\n\nvar oEmbedParameters = ['autopause', 'autoplay', 'background', 'byline', 'color', 'controls', 'dnt', 'height', 'id', 'keyboard', 'loop', 'maxheight', 'maxwidth', 'muted', 'playsinline', 'portrait', 'responsive', 'speed', 'texttrack', 'title', 'transparent', 'url', 'width'];\n/**\n * Get the 'data-vimeo'-prefixed attributes from an element as an object.\n *\n * @param {HTMLElement} element The element.\n * @param {Object} [defaults={}] The default values to use.\n * @return {Object}\n */\n\nfunction getOEmbedParameters(element) {\n var defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return oEmbedParameters.reduce(function (params, param) {\n var value = element.getAttribute(\"data-vimeo-\".concat(param));\n\n if (value || value === '') {\n params[param] = value === '' ? 1 : value;\n }\n\n return params;\n }, defaults);\n}\n/**\n * Create an embed from oEmbed data inside an element.\n *\n * @param {object} data The oEmbed data.\n * @param {HTMLElement} element The element to put the iframe in.\n * @return {HTMLIFrameElement} The iframe embed.\n */\n\n\nfunction createEmbed(_ref, element) {\n var html = _ref.html;\n\n if (!element) {\n throw new TypeError('An element must be provided');\n }\n\n if (element.getAttribute('data-vimeo-initialized') !== null) {\n return element.querySelector('iframe');\n }\n\n var div = document.createElement('div');\n div.innerHTML = html;\n element.appendChild(div.firstChild);\n element.setAttribute('data-vimeo-initialized', 'true');\n return element.querySelector('iframe');\n}\n/**\n * Make an oEmbed call for the specified URL.\n *\n * @param {string} videoUrl The vimeo.com url for the video.\n * @param {Object} [params] Parameters to pass to oEmbed.\n * @param {HTMLElement} element The element.\n * @return {Promise}\n */\n\n\nfunction getOEmbedData(videoUrl) {\n var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var element = arguments.length > 2 ? arguments[2] : undefined;\n return new Promise(function (resolve, reject) {\n if (!isVimeoUrl(videoUrl)) {\n throw new TypeError(\"\\u201C\".concat(videoUrl, \"\\u201D is not a vimeo.com url.\"));\n }\n\n var url = \"https://vimeo.com/api/oembed.json?url=\".concat(encodeURIComponent(videoUrl));\n\n for (var param in params) {\n if (params.hasOwnProperty(param)) {\n url += \"&\".concat(param, \"=\").concat(encodeURIComponent(params[param]));\n }\n }\n\n var xhr = 'XDomainRequest' in window ? new XDomainRequest() : new XMLHttpRequest();\n xhr.open('GET', url, true);\n\n xhr.onload = function () {\n if (xhr.status === 404) {\n reject(new Error(\"\\u201C\".concat(videoUrl, \"\\u201D was not found.\")));\n return;\n }\n\n if (xhr.status === 403) {\n reject(new Error(\"\\u201C\".concat(videoUrl, \"\\u201D is not embeddable.\")));\n return;\n }\n\n try {\n var json = JSON.parse(xhr.responseText); // Check api response for 403 on oembed\n\n if (json.domain_status_code === 403) {\n // We still want to create the embed to give users visual feedback\n createEmbed(json, element);\n reject(new Error(\"\\u201C\".concat(videoUrl, \"\\u201D is not embeddable.\")));\n return;\n }\n\n resolve(json);\n } catch (error) {\n reject(error);\n }\n };\n\n xhr.onerror = function () {\n var status = xhr.status ? \" (\".concat(xhr.status, \")\") : '';\n reject(new Error(\"There was an error fetching the embed code from Vimeo\".concat(status, \".\")));\n };\n\n xhr.send();\n });\n}\n/**\n * Initialize all embeds within a specific element\n *\n * @param {HTMLElement} [parent=document] The parent element.\n * @return {void}\n */\n\n\nfunction initializeEmbeds() {\n var parent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;\n var elements = [].slice.call(parent.querySelectorAll('[data-vimeo-id], [data-vimeo-url]'));\n\n var handleError = function handleError(error) {\n if ('console' in window && console.error) {\n console.error(\"There was an error creating an embed: \".concat(error));\n }\n };\n\n elements.forEach(function (element) {\n try {\n // Skip any that have data-vimeo-defer\n if (element.getAttribute('data-vimeo-defer') !== null) {\n return;\n }\n\n var params = getOEmbedParameters(element);\n var url = getVimeoUrl(params);\n getOEmbedData(url, params, element).then(function (data) {\n return createEmbed(data, element);\n }).catch(handleError);\n } catch (error) {\n handleError(error);\n }\n });\n}\n/**\n * Resize embeds when messaged by the player.\n *\n * @param {HTMLElement} [parent=document] The parent element.\n * @return {void}\n */\n\n\nfunction resizeEmbeds() {\n var parent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document; // Prevent execution if users include the player.js script multiple times.\n\n if (window.VimeoPlayerResizeEmbeds_) {\n return;\n }\n\n window.VimeoPlayerResizeEmbeds_ = true;\n\n var onMessage = function onMessage(event) {\n if (!isVimeoUrl(event.origin)) {\n return;\n } // 'spacechange' is fired only on embeds with cards\n\n\n if (!event.data || event.data.event !== 'spacechange') {\n return;\n }\n\n var iframes = parent.querySelectorAll('iframe');\n\n for (var i = 0; i < iframes.length; i++) {\n if (iframes[i].contentWindow !== event.source) {\n continue;\n } // Change padding-bottom of the enclosing div to accommodate\n // card carousel without distorting aspect ratio\n\n\n var space = iframes[i].parentElement;\n space.style.paddingBottom = \"\".concat(event.data.data[0].bottom, \"px\");\n break;\n }\n };\n\n window.addEventListener('message', onMessage);\n}\n/**\n * @module lib/postmessage\n */\n\n/**\n * Parse a message received from postMessage.\n *\n * @param {*} data The data received from postMessage.\n * @return {object}\n */\n\n\nfunction parseMessageData(data) {\n if (typeof data === 'string') {\n try {\n data = JSON.parse(data);\n } catch (error) {\n // If the message cannot be parsed, throw the error as a warning\n console.warn(error);\n return {};\n }\n }\n\n return data;\n}\n/**\n * Post a message to the specified target.\n *\n * @param {Player} player The player object to use.\n * @param {string} method The API method to call.\n * @param {object} params The parameters to send to the player.\n * @return {void}\n */\n\n\nfunction postMessage(player, method, params) {\n if (!player.element.contentWindow || !player.element.contentWindow.postMessage) {\n return;\n }\n\n var message = {\n method: method\n };\n\n if (params !== undefined) {\n message.value = params;\n } // IE 8 and 9 do not support passing messages, so stringify them\n\n\n var ieVersion = parseFloat(navigator.userAgent.toLowerCase().replace(/^.*msie (\\d+).*$/, '$1'));\n\n if (ieVersion >= 8 && ieVersion < 10) {\n message = JSON.stringify(message);\n }\n\n player.element.contentWindow.postMessage(message, player.origin);\n}\n/**\n * Parse the data received from a message event.\n *\n * @param {Player} player The player that received the message.\n * @param {(Object|string)} data The message data. Strings will be parsed into JSON.\n * @return {void}\n */\n\n\nfunction processData(player, data) {\n data = parseMessageData(data);\n var callbacks = [];\n var param;\n\n if (data.event) {\n if (data.event === 'error') {\n var promises = getCallbacks(player, data.data.method);\n promises.forEach(function (promise) {\n var error = new Error(data.data.message);\n error.name = data.data.name;\n promise.reject(error);\n removeCallback(player, data.data.method, promise);\n });\n }\n\n callbacks = getCallbacks(player, \"event:\".concat(data.event));\n param = data.data;\n } else if (data.method) {\n var callback = shiftCallbacks(player, data.method);\n\n if (callback) {\n callbacks.push(callback);\n param = data.value;\n }\n }\n\n callbacks.forEach(function (callback) {\n try {\n if (typeof callback === 'function') {\n callback.call(player, param);\n return;\n }\n\n callback.resolve(param);\n } catch (e) {// empty\n }\n });\n}\n/* MIT License\n\nCopyright (c) Sindre Sorhus (sindresorhus.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\nTerms */\n\n\nfunction initializeScreenfull() {\n var fn = function () {\n var val;\n var fnMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'], // New WebKit\n ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror'], // Old WebKit\n ['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror'], ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'], ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']];\n var i = 0;\n var l = fnMap.length;\n var ret = {};\n\n for (; i < l; i++) {\n val = fnMap[i];\n\n if (val && val[1] in document) {\n for (i = 0; i < val.length; i++) {\n ret[fnMap[0][i]] = val[i];\n }\n\n return ret;\n }\n }\n\n return false;\n }();\n\n var eventNameMap = {\n fullscreenchange: fn.fullscreenchange,\n fullscreenerror: fn.fullscreenerror\n };\n var screenfull = {\n request: function request(element) {\n return new Promise(function (resolve, reject) {\n var onFullScreenEntered = function onFullScreenEntered() {\n screenfull.off('fullscreenchange', onFullScreenEntered);\n resolve();\n };\n\n screenfull.on('fullscreenchange', onFullScreenEntered);\n element = element || document.documentElement;\n var returnPromise = element[fn.requestFullscreen]();\n\n if (returnPromise instanceof Promise) {\n returnPromise.then(onFullScreenEntered).catch(reject);\n }\n });\n },\n exit: function exit() {\n return new Promise(function (resolve, reject) {\n if (!screenfull.isFullscreen) {\n resolve();\n return;\n }\n\n var onFullScreenExit = function onFullScreenExit() {\n screenfull.off('fullscreenchange', onFullScreenExit);\n resolve();\n };\n\n screenfull.on('fullscreenchange', onFullScreenExit);\n var returnPromise = document[fn.exitFullscreen]();\n\n if (returnPromise instanceof Promise) {\n returnPromise.then(onFullScreenExit).catch(reject);\n }\n });\n },\n on: function on(event, callback) {\n var eventName = eventNameMap[event];\n\n if (eventName) {\n document.addEventListener(eventName, callback);\n }\n },\n off: function off(event, callback) {\n var eventName = eventNameMap[event];\n\n if (eventName) {\n document.removeEventListener(eventName, callback);\n }\n }\n };\n Object.defineProperties(screenfull, {\n isFullscreen: {\n get: function get() {\n return Boolean(document[fn.fullscreenElement]);\n }\n },\n element: {\n enumerable: true,\n get: function get() {\n return document[fn.fullscreenElement];\n }\n },\n isEnabled: {\n enumerable: true,\n get: function get() {\n // Coerce to boolean in case of old WebKit\n return Boolean(document[fn.fullscreenEnabled]);\n }\n }\n });\n return screenfull;\n}\n\nvar playerMap = new WeakMap();\nvar readyMap = new WeakMap();\nvar screenfull = {};\n\nvar Player = /*#__PURE__*/function () {\n /**\n * Create a Player.\n *\n * @param {(HTMLIFrameElement|HTMLElement|string|jQuery)} element A reference to the Vimeo\n * player iframe, and id, or a jQuery object.\n * @param {object} [options] oEmbed parameters to use when creating an embed in the element.\n * @return {Player}\n */\n function Player(element) {\n var _this = this;\n\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n _classCallCheck(this, Player);\n /* global jQuery */\n\n\n if (window.jQuery && element instanceof jQuery) {\n if (element.length > 1 && window.console && console.warn) {\n console.warn('A jQuery object with multiple elements was passed, using the first element.');\n }\n\n element = element[0];\n } // Find an element by ID\n\n\n if (typeof document !== 'undefined' && typeof element === 'string') {\n element = document.getElementById(element);\n } // Not an element!\n\n\n if (!isDomElement(element)) {\n throw new TypeError('You must pass either a valid element or a valid id.');\n } // Already initialized an embed in this div, so grab the iframe\n\n\n if (element.nodeName !== 'IFRAME') {\n var iframe = element.querySelector('iframe');\n\n if (iframe) {\n element = iframe;\n }\n } // iframe url is not a Vimeo url\n\n\n if (element.nodeName === 'IFRAME' && !isVimeoUrl(element.getAttribute('src') || '')) {\n throw new Error('The player element passed isn’t a Vimeo embed.');\n } // If there is already a player object in the map, return that\n\n\n if (playerMap.has(element)) {\n return playerMap.get(element);\n }\n\n this._window = element.ownerDocument.defaultView;\n this.element = element;\n this.origin = '*';\n var readyPromise = new npo_src(function (resolve, reject) {\n _this._onMessage = function (event) {\n if (!isVimeoUrl(event.origin) || _this.element.contentWindow !== event.source) {\n return;\n }\n\n if (_this.origin === '*') {\n _this.origin = event.origin;\n }\n\n var data = parseMessageData(event.data);\n var isError = data && data.event === 'error';\n var isReadyError = isError && data.data && data.data.method === 'ready';\n\n if (isReadyError) {\n var error = new Error(data.data.message);\n error.name = data.data.name;\n reject(error);\n return;\n }\n\n var isReadyEvent = data && data.event === 'ready';\n var isPingResponse = data && data.method === 'ping';\n\n if (isReadyEvent || isPingResponse) {\n _this.element.setAttribute('data-ready', 'true');\n\n resolve();\n return;\n }\n\n processData(_this, data);\n };\n\n _this._window.addEventListener('message', _this._onMessage);\n\n if (_this.element.nodeName !== 'IFRAME') {\n var params = getOEmbedParameters(element, options);\n var url = getVimeoUrl(params);\n getOEmbedData(url, params, element).then(function (data) {\n var iframe = createEmbed(data, element); // Overwrite element with the new iframe,\n // but store reference to the original element\n\n _this.element = iframe;\n _this._originalElement = element;\n swapCallbacks(element, iframe);\n playerMap.set(_this.element, _this);\n return data;\n }).catch(reject);\n }\n }); // Store a copy of this Player in the map\n\n readyMap.set(this, readyPromise);\n playerMap.set(this.element, this); // Send a ping to the iframe so the ready promise will be resolved if\n // the player is already ready.\n\n if (this.element.nodeName === 'IFRAME') {\n postMessage(this, 'ping');\n }\n\n if (screenfull.isEnabled) {\n var exitFullscreen = function exitFullscreen() {\n return screenfull.exit();\n };\n\n this.fullscreenchangeHandler = function () {\n if (screenfull.isFullscreen) {\n storeCallback(_this, 'event:exitFullscreen', exitFullscreen);\n } else {\n removeCallback(_this, 'event:exitFullscreen', exitFullscreen);\n } // eslint-disable-next-line\n\n\n _this.ready().then(function () {\n postMessage(_this, 'fullscreenchange', screenfull.isFullscreen);\n });\n };\n\n screenfull.on('fullscreenchange', this.fullscreenchangeHandler);\n }\n\n return this;\n }\n /**\n * Get a promise for a method.\n *\n * @param {string} name The API method to call.\n * @param {Object} [args={}] Arguments to send via postMessage.\n * @return {Promise}\n */\n\n\n _createClass(Player, [{\n key: \"callMethod\",\n value: function callMethod(name) {\n var _this2 = this;\n\n var args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return new npo_src(function (resolve, reject) {\n // We are storing the resolve/reject handlers to call later, so we\n // can’t return here.\n // eslint-disable-next-line promise/always-return\n return _this2.ready().then(function () {\n storeCallback(_this2, name, {\n resolve: resolve,\n reject: reject\n });\n postMessage(_this2, name, args);\n }).catch(reject);\n });\n }\n /**\n * Get a promise for the value of a player property.\n *\n * @param {string} name The property name\n * @return {Promise}\n */\n\n }, {\n key: \"get\",\n value: function get(name) {\n var _this3 = this;\n\n return new npo_src(function (resolve, reject) {\n name = getMethodName(name, 'get'); // We are storing the resolve/reject handlers to call later, so we\n // can’t return here.\n // eslint-disable-next-line promise/always-return\n\n return _this3.ready().then(function () {\n storeCallback(_this3, name, {\n resolve: resolve,\n reject: reject\n });\n postMessage(_this3, name);\n }).catch(reject);\n });\n }\n /**\n * Get a promise for setting the value of a player property.\n *\n * @param {string} name The API method to call.\n * @param {mixed} value The value to set.\n * @return {Promise}\n */\n\n }, {\n key: \"set\",\n value: function set(name, value) {\n var _this4 = this;\n\n return new npo_src(function (resolve, reject) {\n name = getMethodName(name, 'set');\n\n if (value === undefined || value === null) {\n throw new TypeError('There must be a value to set.');\n } // We are storing the resolve/reject handlers to call later, so we\n // can’t return here.\n // eslint-disable-next-line promise/always-return\n\n\n return _this4.ready().then(function () {\n storeCallback(_this4, name, {\n resolve: resolve,\n reject: reject\n });\n postMessage(_this4, name, value);\n }).catch(reject);\n });\n }\n /**\n * Add an event listener for the specified event. Will call the\n * callback with a single parameter, `data`, that contains the data for\n * that event.\n *\n * @param {string} eventName The name of the event.\n * @param {function(*)} callback The function to call when the event fires.\n * @return {void}\n */\n\n }, {\n key: \"on\",\n value: function on(eventName, callback) {\n if (!eventName) {\n throw new TypeError('You must pass an event name.');\n }\n\n if (!callback) {\n throw new TypeError('You must pass a callback function.');\n }\n\n if (typeof callback !== 'function') {\n throw new TypeError('The callback must be a function.');\n }\n\n var callbacks = getCallbacks(this, \"event:\".concat(eventName));\n\n if (callbacks.length === 0) {\n this.callMethod('addEventListener', eventName).catch(function () {// Ignore the error. There will be an error event fired that\n // will trigger the error callback if they are listening.\n });\n }\n\n storeCallback(this, \"event:\".concat(eventName), callback);\n }\n /**\n * Remove an event listener for the specified event. Will remove all\n * listeners for that event if a `callback` isn’t passed, or only that\n * specific callback if it is passed.\n *\n * @param {string} eventName The name of the event.\n * @param {function} [callback] The specific callback to remove.\n * @return {void}\n */\n\n }, {\n key: \"off\",\n value: function off(eventName, callback) {\n if (!eventName) {\n throw new TypeError('You must pass an event name.');\n }\n\n if (callback && typeof callback !== 'function') {\n throw new TypeError('The callback must be a function.');\n }\n\n var lastCallback = removeCallback(this, \"event:\".concat(eventName), callback); // If there are no callbacks left, remove the listener\n\n if (lastCallback) {\n this.callMethod('removeEventListener', eventName).catch(function (e) {// Ignore the error. There will be an error event fired that\n // will trigger the error callback if they are listening.\n });\n }\n }\n /**\n * A promise to load a new video.\n *\n * @promise LoadVideoPromise\n * @fulfill {number} The video with this id successfully loaded.\n * @reject {TypeError} The id was not a number.\n */\n\n /**\n * Load a new video into this embed. The promise will be resolved if\n * the video is successfully loaded, or it will be rejected if it could\n * not be loaded.\n *\n * @param {number|object} options The id of the video or an object with embed options.\n * @return {LoadVideoPromise}\n */\n\n }, {\n key: \"loadVideo\",\n value: function loadVideo(options) {\n return this.callMethod('loadVideo', options);\n }\n /**\n * A promise to perform an action when the Player is ready.\n *\n * @todo document errors\n * @promise LoadVideoPromise\n * @fulfill {void}\n */\n\n /**\n * Trigger a function when the player iframe has initialized. You do not\n * need to wait for `ready` to trigger to begin adding event listeners\n * or calling other methods.\n *\n * @return {ReadyPromise}\n */\n\n }, {\n key: \"ready\",\n value: function ready() {\n var readyPromise = readyMap.get(this) || new npo_src(function (resolve, reject) {\n reject(new Error('Unknown player. Probably unloaded.'));\n });\n return npo_src.resolve(readyPromise);\n }\n /**\n * A promise to add a cue point to the player.\n *\n * @promise AddCuePointPromise\n * @fulfill {string} The id of the cue point to use for removeCuePoint.\n * @reject {RangeError} the time was less than 0 or greater than the\n * video’s duration.\n * @reject {UnsupportedError} Cue points are not supported with the current\n * player or browser.\n */\n\n /**\n * Add a cue point to the player.\n *\n * @param {number} time The time for the cue point.\n * @param {object} [data] Arbitrary data to be returned with the cue point.\n * @return {AddCuePointPromise}\n */\n\n }, {\n key: \"addCuePoint\",\n value: function addCuePoint(time) {\n var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return this.callMethod('addCuePoint', {\n time: time,\n data: data\n });\n }\n /**\n * A promise to remove a cue point from the player.\n *\n * @promise AddCuePointPromise\n * @fulfill {string} The id of the cue point that was removed.\n * @reject {InvalidCuePoint} The cue point with the specified id was not\n * found.\n * @reject {UnsupportedError} Cue points are not supported with the current\n * player or browser.\n */\n\n /**\n * Remove a cue point from the video.\n *\n * @param {string} id The id of the cue point to remove.\n * @return {RemoveCuePointPromise}\n */\n\n }, {\n key: \"removeCuePoint\",\n value: function removeCuePoint(id) {\n return this.callMethod('removeCuePoint', id);\n }\n /**\n * A representation of a text track on a video.\n *\n * @typedef {Object} VimeoTextTrack\n * @property {string} language The ISO language code.\n * @property {string} kind The kind of track it is (captions or subtitles).\n * @property {string} label The human‐readable label for the track.\n */\n\n /**\n * A promise to enable a text track.\n *\n * @promise EnableTextTrackPromise\n * @fulfill {VimeoTextTrack} The text track that was enabled.\n * @reject {InvalidTrackLanguageError} No track was available with the\n * specified language.\n * @reject {InvalidTrackError} No track was available with the specified\n * language and kind.\n */\n\n /**\n * Enable the text track with the specified language, and optionally the\n * specified kind (captions or subtitles).\n *\n * When set via the API, the track language will not change the viewer’s\n * stored preference.\n *\n * @param {string} language The two‐letter language code.\n * @param {string} [kind] The kind of track to enable (captions or subtitles).\n * @return {EnableTextTrackPromise}\n */\n\n }, {\n key: \"enableTextTrack\",\n value: function enableTextTrack(language, kind) {\n if (!language) {\n throw new TypeError('You must pass a language.');\n }\n\n return this.callMethod('enableTextTrack', {\n language: language,\n kind: kind\n });\n }\n /**\n * A promise to disable the active text track.\n *\n * @promise DisableTextTrackPromise\n * @fulfill {void} The track was disabled.\n */\n\n /**\n * Disable the currently-active text track.\n *\n * @return {DisableTextTrackPromise}\n */\n\n }, {\n key: \"disableTextTrack\",\n value: function disableTextTrack() {\n return this.callMethod('disableTextTrack');\n }\n /**\n * A promise to pause the video.\n *\n * @promise PausePromise\n * @fulfill {void} The video was paused.\n */\n\n /**\n * Pause the video if it’s playing.\n *\n * @return {PausePromise}\n */\n\n }, {\n key: \"pause\",\n value: function pause() {\n return this.callMethod('pause');\n }\n /**\n * A promise to play the video.\n *\n * @promise PlayPromise\n * @fulfill {void} The video was played.\n */\n\n /**\n * Play the video if it’s paused. **Note:** on iOS and some other\n * mobile devices, you cannot programmatically trigger play. Once the\n * viewer has tapped on the play button in the player, however, you\n * will be able to use this function.\n *\n * @return {PlayPromise}\n */\n\n }, {\n key: \"play\",\n value: function play() {\n return this.callMethod('play');\n }\n /**\n * Request that the player enters fullscreen.\n * @return {Promise}\n */\n\n }, {\n key: \"requestFullscreen\",\n value: function requestFullscreen() {\n if (screenfull.isEnabled) {\n return screenfull.request(this.element);\n }\n\n return this.callMethod('requestFullscreen');\n }\n /**\n * Request that the player exits fullscreen.\n * @return {Promise}\n */\n\n }, {\n key: \"exitFullscreen\",\n value: function exitFullscreen() {\n if (screenfull.isEnabled) {\n return screenfull.exit();\n }\n\n return this.callMethod('exitFullscreen');\n }\n /**\n * Returns true if the player is currently fullscreen.\n * @return {Promise}\n */\n\n }, {\n key: \"getFullscreen\",\n value: function getFullscreen() {\n if (screenfull.isEnabled) {\n return npo_src.resolve(screenfull.isFullscreen);\n }\n\n return this.get('fullscreen');\n }\n /**\n * Request that the player enters picture-in-picture.\n * @return {Promise}\n */\n\n }, {\n key: \"requestPictureInPicture\",\n value: function requestPictureInPicture() {\n return this.callMethod('requestPictureInPicture');\n }\n /**\n * Request that the player exits picture-in-picture.\n * @return {Promise}\n */\n\n }, {\n key: \"exitPictureInPicture\",\n value: function exitPictureInPicture() {\n return this.callMethod('exitPictureInPicture');\n }\n /**\n * Returns true if the player is currently picture-in-picture.\n * @return {Promise}\n */\n\n }, {\n key: \"getPictureInPicture\",\n value: function getPictureInPicture() {\n return this.get('pictureInPicture');\n }\n /**\n * A promise to unload the video.\n *\n * @promise UnloadPromise\n * @fulfill {void} The video was unloaded.\n */\n\n /**\n * Return the player to its initial state.\n *\n * @return {UnloadPromise}\n */\n\n }, {\n key: \"unload\",\n value: function unload() {\n return this.callMethod('unload');\n }\n /**\n * Cleanup the player and remove it from the DOM\n *\n * It won't be usable and a new one should be constructed\n * in order to do any operations.\n *\n * @return {Promise}\n */\n\n }, {\n key: \"destroy\",\n value: function destroy() {\n var _this5 = this;\n\n return new npo_src(function (resolve) {\n readyMap.delete(_this5);\n playerMap.delete(_this5.element);\n\n if (_this5._originalElement) {\n playerMap.delete(_this5._originalElement);\n\n _this5._originalElement.removeAttribute('data-vimeo-initialized');\n }\n\n if (_this5.element && _this5.element.nodeName === 'IFRAME' && _this5.element.parentNode) {\n // If we've added an additional wrapper div, remove that from the DOM.\n // If not, just remove the iframe element.\n if (_this5.element.parentNode.parentNode && _this5._originalElement && _this5._originalElement !== _this5.element.parentNode) {\n _this5.element.parentNode.parentNode.removeChild(_this5.element.parentNode);\n } else {\n _this5.element.parentNode.removeChild(_this5.element);\n }\n } // If the clip is private there is a case where the element stays the\n // div element. Destroy should reset the div and remove the iframe child.\n\n\n if (_this5.element && _this5.element.nodeName === 'DIV' && _this5.element.parentNode) {\n _this5.element.removeAttribute('data-vimeo-initialized');\n\n var iframe = _this5.element.querySelector('iframe');\n\n if (iframe && iframe.parentNode) {\n // If we've added an additional wrapper div, remove that from the DOM.\n // If not, just remove the iframe element.\n if (iframe.parentNode.parentNode && _this5._originalElement && _this5._originalElement !== iframe.parentNode) {\n iframe.parentNode.parentNode.removeChild(iframe.parentNode);\n } else {\n iframe.parentNode.removeChild(iframe);\n }\n }\n }\n\n _this5._window.removeEventListener('message', _this5._onMessage);\n\n if (screenfull.isEnabled) {\n screenfull.off('fullscreenchange', _this5.fullscreenchangeHandler);\n }\n\n resolve();\n });\n }\n /**\n * A promise to get the autopause behavior of the video.\n *\n * @promise GetAutopausePromise\n * @fulfill {boolean} Whether autopause is turned on or off.\n * @reject {UnsupportedError} Autopause is not supported with the current\n * player or browser.\n */\n\n /**\n * Get the autopause behavior for this player.\n *\n * @return {GetAutopausePromise}\n */\n\n }, {\n key: \"getAutopause\",\n value: function getAutopause() {\n return this.get('autopause');\n }\n /**\n * A promise to set the autopause behavior of the video.\n *\n * @promise SetAutopausePromise\n * @fulfill {boolean} Whether autopause is turned on or off.\n * @reject {UnsupportedError} Autopause is not supported with the current\n * player or browser.\n */\n\n /**\n * Enable or disable the autopause behavior of this player.\n *\n * By default, when another video is played in the same browser, this\n * player will automatically pause. Unless you have a specific reason\n * for doing so, we recommend that you leave autopause set to the\n * default (`true`).\n *\n * @param {boolean} autopause\n * @return {SetAutopausePromise}\n */\n\n }, {\n key: \"setAutopause\",\n value: function setAutopause(autopause) {\n return this.set('autopause', autopause);\n }\n /**\n * A promise to get the buffered property of the video.\n *\n * @promise GetBufferedPromise\n * @fulfill {Array} Buffered Timeranges converted to an Array.\n */\n\n /**\n * Get the buffered property of the video.\n *\n * @return {GetBufferedPromise}\n */\n\n }, {\n key: \"getBuffered\",\n value: function getBuffered() {\n return this.get('buffered');\n }\n /**\n * @typedef {Object} CameraProperties\n * @prop {number} props.yaw - Number between 0 and 360.\n * @prop {number} props.pitch - Number between -90 and 90.\n * @prop {number} props.roll - Number between -180 and 180.\n * @prop {number} props.fov - The field of view in degrees.\n */\n\n /**\n * A promise to get the camera properties of the player.\n *\n * @promise GetCameraPromise\n * @fulfill {CameraProperties} The camera properties.\n */\n\n /**\n * For 360° videos get the camera properties for this player.\n *\n * @return {GetCameraPromise}\n */\n\n }, {\n key: \"getCameraProps\",\n value: function getCameraProps() {\n return this.get('cameraProps');\n }\n /**\n * A promise to set the camera properties of the player.\n *\n * @promise SetCameraPromise\n * @fulfill {Object} The camera was successfully set.\n * @reject {RangeError} The range was out of bounds.\n */\n\n /**\n * For 360° videos set the camera properties for this player.\n *\n * @param {CameraProperties} camera The camera properties\n * @return {SetCameraPromise}\n */\n\n }, {\n key: \"setCameraProps\",\n value: function setCameraProps(camera) {\n return this.set('cameraProps', camera);\n }\n /**\n * A representation of a chapter.\n *\n * @typedef {Object} VimeoChapter\n * @property {number} startTime The start time of the chapter.\n * @property {object} title The title of the chapter.\n * @property {number} index The place in the order of Chapters. Starts at 1.\n */\n\n /**\n * A promise to get chapters for the video.\n *\n * @promise GetChaptersPromise\n * @fulfill {VimeoChapter[]} The chapters for the video.\n */\n\n /**\n * Get an array of all the chapters for the video.\n *\n * @return {GetChaptersPromise}\n */\n\n }, {\n key: \"getChapters\",\n value: function getChapters() {\n return this.get('chapters');\n }\n /**\n * A promise to get the currently active chapter.\n *\n * @promise GetCurrentChaptersPromise\n * @fulfill {VimeoChapter|undefined} The current chapter for the video.\n */\n\n /**\n * Get the currently active chapter for the video.\n *\n * @return {GetCurrentChaptersPromise}\n */\n\n }, {\n key: \"getCurrentChapter\",\n value: function getCurrentChapter() {\n return this.get('currentChapter');\n }\n /**\n * A promise to get the color of the player.\n *\n * @promise GetColorPromise\n * @fulfill {string} The hex color of the player.\n */\n\n /**\n * Get the color for this player.\n *\n * @return {GetColorPromise}\n */\n\n }, {\n key: \"getColor\",\n value: function getColor() {\n return this.get('color');\n }\n /**\n * A promise to set the color of the player.\n *\n * @promise SetColorPromise\n * @fulfill {string} The color was successfully set.\n * @reject {TypeError} The string was not a valid hex or rgb color.\n * @reject {ContrastError} The color was set, but the contrast is\n * outside of the acceptable range.\n * @reject {EmbedSettingsError} The owner of the player has chosen to\n * use a specific color.\n */\n\n /**\n * Set the color of this player to a hex or rgb string. Setting the\n * color may fail if the owner of the video has set their embed\n * preferences to force a specific color.\n *\n * @param {string} color The hex or rgb color string to set.\n * @return {SetColorPromise}\n */\n\n }, {\n key: \"setColor\",\n value: function setColor(color) {\n return this.set('color', color);\n }\n /**\n * A representation of a cue point.\n *\n * @typedef {Object} VimeoCuePoint\n * @property {number} time The time of the cue point.\n * @property {object} data The data passed when adding the cue point.\n * @property {string} id The unique id for use with removeCuePoint.\n */\n\n /**\n * A promise to get the cue points of a video.\n *\n * @promise GetCuePointsPromise\n * @fulfill {VimeoCuePoint[]} The cue points added to the video.\n * @reject {UnsupportedError} Cue points are not supported with the current\n * player or browser.\n */\n\n /**\n * Get an array of the cue points added to the video.\n *\n * @return {GetCuePointsPromise}\n */\n\n }, {\n key: \"getCuePoints\",\n value: function getCuePoints() {\n return this.get('cuePoints');\n }\n /**\n * A promise to get the current time of the video.\n *\n * @promise GetCurrentTimePromise\n * @fulfill {number} The current time in seconds.\n */\n\n /**\n * Get the current playback position in seconds.\n *\n * @return {GetCurrentTimePromise}\n */\n\n }, {\n key: \"getCurrentTime\",\n value: function getCurrentTime() {\n return this.get('currentTime');\n }\n /**\n * A promise to set the current time of the video.\n *\n * @promise SetCurrentTimePromise\n * @fulfill {number} The actual current time that was set.\n * @reject {RangeError} the time was less than 0 or greater than the\n * video’s duration.\n */\n\n /**\n * Set the current playback position in seconds. If the player was\n * paused, it will remain paused. Likewise, if the player was playing,\n * it will resume playing once the video has buffered.\n *\n * You can provide an accurate time and the player will attempt to seek\n * to as close to that time as possible. The exact time will be the\n * fulfilled value of the promise.\n *\n * @param {number} currentTime\n * @return {SetCurrentTimePromise}\n */\n\n }, {\n key: \"setCurrentTime\",\n value: function setCurrentTime(currentTime) {\n return this.set('currentTime', currentTime);\n }\n /**\n * A promise to get the duration of the video.\n *\n * @promise GetDurationPromise\n * @fulfill {number} The duration in seconds.\n */\n\n /**\n * Get the duration of the video in seconds. It will be rounded to the\n * nearest second before playback begins, and to the nearest thousandth\n * of a second after playback begins.\n *\n * @return {GetDurationPromise}\n */\n\n }, {\n key: \"getDuration\",\n value: function getDuration() {\n return this.get('duration');\n }\n /**\n * A promise to get the ended state of the video.\n *\n * @promise GetEndedPromise\n * @fulfill {boolean} Whether or not the video has ended.\n */\n\n /**\n * Get the ended state of the video. The video has ended if\n * `currentTime === duration`.\n *\n * @return {GetEndedPromise}\n */\n\n }, {\n key: \"getEnded\",\n value: function getEnded() {\n return this.get('ended');\n }\n /**\n * A promise to get the loop state of the player.\n *\n * @promise GetLoopPromise\n * @fulfill {boolean} Whether or not the player is set to loop.\n */\n\n /**\n * Get the loop state of the player.\n *\n * @return {GetLoopPromise}\n */\n\n }, {\n key: \"getLoop\",\n value: function getLoop() {\n return this.get('loop');\n }\n /**\n * A promise to set the loop state of the player.\n *\n * @promise SetLoopPromise\n * @fulfill {boolean} The loop state that was set.\n */\n\n /**\n * Set the loop state of the player. When set to `true`, the player\n * will start over immediately once playback ends.\n *\n * @param {boolean} loop\n * @return {SetLoopPromise}\n */\n\n }, {\n key: \"setLoop\",\n value: function setLoop(loop) {\n return this.set('loop', loop);\n }\n /**\n * A promise to set the muted state of the player.\n *\n * @promise SetMutedPromise\n * @fulfill {boolean} The muted state that was set.\n */\n\n /**\n * Set the muted state of the player. When set to `true`, the player\n * volume will be muted.\n *\n * @param {boolean} muted\n * @return {SetMutedPromise}\n */\n\n }, {\n key: \"setMuted\",\n value: function setMuted(muted) {\n return this.set('muted', muted);\n }\n /**\n * A promise to get the muted state of the player.\n *\n * @promise GetMutedPromise\n * @fulfill {boolean} Whether or not the player is muted.\n */\n\n /**\n * Get the muted state of the player.\n *\n * @return {GetMutedPromise}\n */\n\n }, {\n key: \"getMuted\",\n value: function getMuted() {\n return this.get('muted');\n }\n /**\n * A promise to get the paused state of the player.\n *\n * @promise GetLoopPromise\n * @fulfill {boolean} Whether or not the video is paused.\n */\n\n /**\n * Get the paused state of the player.\n *\n * @return {GetLoopPromise}\n */\n\n }, {\n key: \"getPaused\",\n value: function getPaused() {\n return this.get('paused');\n }\n /**\n * A promise to get the playback rate of the player.\n *\n * @promise GetPlaybackRatePromise\n * @fulfill {number} The playback rate of the player on a scale from 0.5 to 2.\n */\n\n /**\n * Get the playback rate of the player on a scale from `0.5` to `2`.\n *\n * @return {GetPlaybackRatePromise}\n */\n\n }, {\n key: \"getPlaybackRate\",\n value: function getPlaybackRate() {\n return this.get('playbackRate');\n }\n /**\n * A promise to set the playbackrate of the player.\n *\n * @promise SetPlaybackRatePromise\n * @fulfill {number} The playback rate was set.\n * @reject {RangeError} The playback rate was less than 0.5 or greater than 2.\n */\n\n /**\n * Set the playback rate of the player on a scale from `0.5` to `2`. When set\n * via the API, the playback rate will not be synchronized to other\n * players or stored as the viewer's preference.\n *\n * @param {number} playbackRate\n * @return {SetPlaybackRatePromise}\n */\n\n }, {\n key: \"setPlaybackRate\",\n value: function setPlaybackRate(playbackRate) {\n return this.set('playbackRate', playbackRate);\n }\n /**\n * A promise to get the played property of the video.\n *\n * @promise GetPlayedPromise\n * @fulfill {Array} Played Timeranges converted to an Array.\n */\n\n /**\n * Get the played property of the video.\n *\n * @return {GetPlayedPromise}\n */\n\n }, {\n key: \"getPlayed\",\n value: function getPlayed() {\n return this.get('played');\n }\n /**\n * A promise to get the qualities available of the current video.\n *\n * @promise GetQualitiesPromise\n * @fulfill {Array} The qualities of the video.\n */\n\n /**\n * Get the qualities of the current video.\n *\n * @return {GetQualitiesPromise}\n */\n\n }, {\n key: \"getQualities\",\n value: function getQualities() {\n return this.get('qualities');\n }\n /**\n * A promise to get the current set quality of the video.\n *\n * @promise GetQualityPromise\n * @fulfill {string} The current set quality.\n */\n\n /**\n * Get the current set quality of the video.\n *\n * @return {GetQualityPromise}\n */\n\n }, {\n key: \"getQuality\",\n value: function getQuality() {\n return this.get('quality');\n }\n /**\n * A promise to set the video quality.\n *\n * @promise SetQualityPromise\n * @fulfill {number} The quality was set.\n * @reject {RangeError} The quality is not available.\n */\n\n /**\n * Set a video quality.\n *\n * @param {string} quality\n * @return {SetQualityPromise}\n */\n\n }, {\n key: \"setQuality\",\n value: function setQuality(quality) {\n return this.set('quality', quality);\n }\n /**\n * A promise to get the seekable property of the video.\n *\n * @promise GetSeekablePromise\n * @fulfill {Array} Seekable Timeranges converted to an Array.\n */\n\n /**\n * Get the seekable property of the video.\n *\n * @return {GetSeekablePromise}\n */\n\n }, {\n key: \"getSeekable\",\n value: function getSeekable() {\n return this.get('seekable');\n }\n /**\n * A promise to get the seeking property of the player.\n *\n * @promise GetSeekingPromise\n * @fulfill {boolean} Whether or not the player is currently seeking.\n */\n\n /**\n * Get if the player is currently seeking.\n *\n * @return {GetSeekingPromise}\n */\n\n }, {\n key: \"getSeeking\",\n value: function getSeeking() {\n return this.get('seeking');\n }\n /**\n * A promise to get the text tracks of a video.\n *\n * @promise GetTextTracksPromise\n * @fulfill {VimeoTextTrack[]} The text tracks associated with the video.\n */\n\n /**\n * Get an array of the text tracks that exist for the video.\n *\n * @return {GetTextTracksPromise}\n */\n\n }, {\n key: \"getTextTracks\",\n value: function getTextTracks() {\n return this.get('textTracks');\n }\n /**\n * A promise to get the embed code for the video.\n *\n * @promise GetVideoEmbedCodePromise\n * @fulfill {string} The `