{ "version": 3, "sources": ["../../../node_modules/@rails/actioncable/src/adapters.js", "../../../node_modules/@rails/actioncable/src/logger.js", "../../../node_modules/@rails/actioncable/src/connection_monitor.js", "../../../node_modules/@rails/actioncable/src/internal.js", "../../../node_modules/@rails/actioncable/src/connection.js", "../../../node_modules/@rails/actioncable/src/subscription.js", "../../../node_modules/@rails/actioncable/src/subscription_guarantor.js", "../../../node_modules/@rails/actioncable/src/subscriptions.js", "../../../node_modules/@rails/actioncable/src/consumer.js", "../../../node_modules/@rails/actioncable/src/index.js", "../../../node_modules/tributejs/src/utils.js", "../../../node_modules/tributejs/src/TributeEvents.js", "../../../node_modules/tributejs/src/TributeMenuEvents.js", "../../../node_modules/tributejs/src/TributeRange.js", "../../../node_modules/tributejs/src/TributeSearch.js", "../../../node_modules/tributejs/src/Tribute.js", "../../../node_modules/intl-tel-input/build/js/intlTelInput.js", "../../../node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js", "../../../node_modules/@hotwired/turbo-rails/app/javascript/turbo/cable.js", "../../../node_modules/@hotwired/turbo-rails/app/javascript/turbo/snakeize.js", "../../../node_modules/@hotwired/turbo-rails/app/javascript/turbo/cable_stream_source_element.js", "../../../node_modules/@hotwired/turbo-rails/app/javascript/turbo/fetch_requests.js", "../../../node_modules/@hotwired/turbo-rails/app/javascript/turbo/index.js", "../../../node_modules/@hotwired/stimulus/dist/stimulus.js", "../../../node_modules/@popperjs/core/lib/index.js", "../../../node_modules/@popperjs/core/lib/enums.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js", "../../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js", "../../../node_modules/@popperjs/core/lib/modifiers/applyStyles.js", "../../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js", "../../../node_modules/@popperjs/core/lib/utils/math.js", "../../../node_modules/@popperjs/core/lib/utils/userAgent.js", "../../../node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js", "../../../node_modules/@popperjs/core/lib/dom-utils/contains.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js", "../../../node_modules/@popperjs/core/lib/dom-utils/isTableElement.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js", "../../../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js", "../../../node_modules/@popperjs/core/lib/utils/within.js", "../../../node_modules/@popperjs/core/lib/utils/getFreshSideObject.js", "../../../node_modules/@popperjs/core/lib/utils/mergePaddingObject.js", "../../../node_modules/@popperjs/core/lib/utils/expandToHashMap.js", "../../../node_modules/@popperjs/core/lib/modifiers/arrow.js", "../../../node_modules/@popperjs/core/lib/utils/getVariation.js", "../../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js", "../../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js", "../../../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js", "../../../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js", "../../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js", "../../../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js", "../../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js", "../../../node_modules/@popperjs/core/lib/utils/computeOffsets.js", "../../../node_modules/@popperjs/core/lib/utils/detectOverflow.js", "../../../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js", "../../../node_modules/@popperjs/core/lib/modifiers/flip.js", "../../../node_modules/@popperjs/core/lib/modifiers/hide.js", "../../../node_modules/@popperjs/core/lib/modifiers/offset.js", "../../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js", "../../../node_modules/@popperjs/core/lib/utils/getAltAxis.js", "../../../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js", "../../../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js", "../../../node_modules/@popperjs/core/lib/utils/orderModifiers.js", "../../../node_modules/@popperjs/core/lib/utils/debounce.js", "../../../node_modules/@popperjs/core/lib/utils/mergeByName.js", "../../../node_modules/@popperjs/core/lib/createPopper.js", "../../../node_modules/@popperjs/core/lib/popper-lite.js", "../../../node_modules/@popperjs/core/lib/popper.js", "../../../node_modules/bootstrap/js/src/dom/data.js", "../../../node_modules/bootstrap/js/src/util/index.js", "../../../node_modules/bootstrap/js/src/dom/event-handler.js", "../../../node_modules/bootstrap/js/src/dom/manipulator.js", "../../../node_modules/bootstrap/js/src/util/config.js", "../../../node_modules/bootstrap/js/src/base-component.js", "../../../node_modules/bootstrap/js/src/dom/selector-engine.js", "../../../node_modules/bootstrap/js/src/util/component-functions.js", "../../../node_modules/bootstrap/js/src/alert.js", "../../../node_modules/bootstrap/js/src/button.js", "../../../node_modules/bootstrap/js/src/util/swipe.js", "../../../node_modules/bootstrap/js/src/carousel.js", "../../../node_modules/bootstrap/js/src/collapse.js", "../../../node_modules/bootstrap/js/src/dropdown.js", "../../../node_modules/bootstrap/js/src/util/backdrop.js", "../../../node_modules/bootstrap/js/src/util/focustrap.js", "../../../node_modules/bootstrap/js/src/util/scrollbar.js", "../../../node_modules/bootstrap/js/src/modal.js", "../../../node_modules/bootstrap/js/src/offcanvas.js", "../../../node_modules/bootstrap/js/src/util/sanitizer.js", "../../../node_modules/bootstrap/js/src/util/template-factory.js", "../../../node_modules/bootstrap/js/src/tooltip.js", "../../../node_modules/bootstrap/js/src/popover.js", "../../../node_modules/bootstrap/js/src/scrollspy.js", "../../../node_modules/bootstrap/js/src/tab.js", "../../../node_modules/bootstrap/js/src/toast.js", "../../javascript/utils/analytics.js", "../../javascript/helpers/address_autofill.js", "../../javascript/controllers/application.js", "../../javascript/controllers/account_setup_cleanup_controller.js", "../../javascript/controllers/account_setup_controller.js", "../../javascript/controllers/account_setup_vehicles_controller.js", "../../javascript/controllers/address_controller.js", "../../javascript/controllers/address_map_controller.js", "../../javascript/controllers/application_controller.js", "../../../node_modules/bootstrap5-autocomplete/autocomplete.js", "../../javascript/controllers/autocomplete_controller.js", "../../javascript/controllers/booking_analytics_controller.js", "../../javascript/controllers/booking_completed_analytics_controller.js", "../../javascript/controllers/bulk_assignment_controller.js", "../../javascript/controllers/charging_station_controller.js", "../../javascript/controllers/check_all_controller.js", "../../javascript/helpers/debounce.js", "../../javascript/controllers/company_autocomplete_controller.js", "../../javascript/helpers/confirm_dialog.js", "../../javascript/controllers/confirm_dialog_controller.js", "../../javascript/controllers/copying_link_controller.js", "../../javascript/controllers/delivered_modal_controller.js", "../../javascript/helpers/draft_confirmation.js", "../../javascript/helpers/product_type_instructions.js", "../../javascript/controllers/delivery_form_controller.js", "../../javascript/controllers/delivery_offers_controller.js", "../../javascript/utils/currency.js", "../../javascript/controllers/delivery_price_controller.js", "../../javascript/controllers/dimension_estimations_controller.js", "../../../node_modules/@rails/activestorage/app/assets/javascripts/activestorage.esm.js", "../../../node_modules/just-extend/index.esm.js", "../../../node_modules/dropzone/dist/src/dropzone.js", "../../../node_modules/dropzone/dist/src/emitter.js", "../../../node_modules/dropzone/dist/src/options.js", "../../../node_modules/dropzone/dist/node_modules/@parcel/runtime-js/lib/bundles/runtime-044f6de40395a564.js", "../../javascript/helpers/dropzone.js", "../../javascript/controllers/dropzone_controller.js", "../../javascript/controllers/estimate_reveal_controller.js", "../../javascript/controllers/form_modal_controller.js", "../../javascript/controllers/hello_controller.js", "../../javascript/controllers/inline_edit_controller.js", "../../javascript/controllers/invoice_uploader_controller.js", "../../javascript/controllers/issue_type_controller.js", "../../javascript/controllers/items_controller.js", "../../javascript/controllers/location_controller.js", "../../javascript/controllers/mention_autocomplete_controller.js", "../../javascript/controllers/modal_form_controller.js", "../../javascript/controllers/money_input_controller.js", "../../javascript/controllers/nested_items_controller.js", "../../../node_modules/driver.js/dist/driver.js.mjs", "../../javascript/controllers/onboarding_tour_controller.js", "../../javascript/controllers/other_field_controller.js", "../../javascript/controllers/pallet_type_form_controller.js", "../../javascript/controllers/phone_controller.js", "../../javascript/controllers/product_type_list_controller.js", "../../javascript/controllers/product_type_select_controller.js", "../../javascript/controllers/return_controller.js", "../../javascript/controllers/route_live_map_controller.js", "../../javascript/controllers/route_stop_links_controller.js", "../../javascript/helpers/route_staged_changes.js", "../../javascript/helpers/route_stop_order.js", "../../javascript/helpers/route_staging_actions.js", "../../javascript/controllers/change_driver_controller.js", "../../../node_modules/sortablejs/modular/sortable.esm.js", "../../javascript/helpers/route_preview.js", "../../javascript/helpers/route_edit_history.js", "../../javascript/controllers/routes_compare_controller.js", "../../javascript/controllers/routes_controller.js", "../../javascript/controllers/search_form_controller.js", "../../../node_modules/vanillajs-datepicker/js/lib/utils.js", "../../../node_modules/vanillajs-datepicker/js/lib/date.js", "../../../node_modules/vanillajs-datepicker/js/lib/date-format.js", "../../../node_modules/vanillajs-datepicker/js/lib/dom.js", "../../../node_modules/vanillajs-datepicker/js/lib/event.js", "../../../node_modules/vanillajs-datepicker/js/i18n/base-locales.js", "../../../node_modules/vanillajs-datepicker/js/options/defaultOptions.js", "../../../node_modules/vanillajs-datepicker/js/options/processOptions.js", "../../../node_modules/vanillajs-datepicker/js/options/shortcutKeys.js", "../../../node_modules/vanillajs-datepicker/js/picker/templates/pickerTemplate.js", "../../../node_modules/vanillajs-datepicker/js/picker/templates/daysTemplate.js", "../../../node_modules/vanillajs-datepicker/js/picker/templates/weekNumbersTemplate.js", "../../../node_modules/vanillajs-datepicker/js/picker/views/View.js", "../../../node_modules/vanillajs-datepicker/js/picker/views/DaysView.js", "../../../node_modules/vanillajs-datepicker/js/picker/views/MonthsView.js", "../../../node_modules/vanillajs-datepicker/js/picker/views/YearsView.js", "../../../node_modules/vanillajs-datepicker/js/events/functions.js", "../../../node_modules/vanillajs-datepicker/js/events/pickerListeners.js", "../../../node_modules/vanillajs-datepicker/js/picker/Picker.js", "../../../node_modules/vanillajs-datepicker/js/events/elementListeners.js", "../../../node_modules/vanillajs-datepicker/js/events/otherListeners.js", "../../../node_modules/vanillajs-datepicker/js/Datepicker.js", "../../javascript/controllers/shift_form_controller.js", "../../javascript/controllers/shifts_controller.js", "../../javascript/controllers/spinner_controller.js", "../../javascript/controllers/structured_address_controller.js", "../../../node_modules/dateformat/lib/dateformat.js", "../../javascript/controllers/time_slot_controller.js", "../../javascript/controllers/toggle_visibility_controller.js", "../../javascript/controllers/role_dependent_field_controller.js", "../../javascript/controllers/user_form_controller.js", "../../javascript/controllers/index.js", "../../javascript/application.js"], "sourcesContent": ["export default {\n logger: self.console,\n WebSocket: self.WebSocket\n}\n", "import adapters from \"./adapters\"\n\n// The logger is disabled by default. You can enable it with:\n//\n// ActionCable.logger.enabled = true\n//\n// Example:\n//\n// import * as ActionCable from '@rails/actioncable'\n//\n// ActionCable.logger.enabled = true\n// ActionCable.logger.log('Connection Established.')\n//\n\nexport default {\n log(...messages) {\n if (this.enabled) {\n messages.push(Date.now())\n adapters.logger.log(\"[ActionCable]\", ...messages)\n }\n },\n}\n", "import logger from \"./logger\"\n\n// Responsible for ensuring the cable connection is in good health by validating the heartbeat pings sent from the server, and attempting\n// revival reconnections if things go astray. Internal class, not intended for direct user manipulation.\n\nconst now = () => new Date().getTime()\n\nconst secondsSince = time => (now() - time) / 1000\n\nclass ConnectionMonitor {\n constructor(connection) {\n this.visibilityDidChange = this.visibilityDidChange.bind(this)\n this.connection = connection\n this.reconnectAttempts = 0\n }\n\n 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. stale threshold = ${this.constructor.staleThreshold} s`)\n }\n }\n\n 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 isRunning() {\n return this.startedAt && !this.stoppedAt\n }\n\n recordPing() {\n this.pingedAt = now()\n }\n\n recordConnect() {\n this.reconnectAttempts = 0\n this.recordPing()\n delete this.disconnectedAt\n logger.log(\"ConnectionMonitor recorded connect\")\n }\n\n recordDisconnect() {\n this.disconnectedAt = now()\n logger.log(\"ConnectionMonitor recorded disconnect\")\n }\n\n // Private\n\n startPolling() {\n this.stopPolling()\n this.poll()\n }\n\n stopPolling() {\n clearTimeout(this.pollTimeout)\n }\n\n poll() {\n this.pollTimeout = setTimeout(() => {\n this.reconnectIfStale()\n this.poll()\n }\n , this.getPollInterval())\n }\n\n getPollInterval() {\n const { staleThreshold, reconnectionBackoffRate } = this.constructor\n const backoff = Math.pow(1 + reconnectionBackoffRate, Math.min(this.reconnectAttempts, 10))\n const jitterMax = this.reconnectAttempts === 0 ? 1.0 : reconnectionBackoffRate\n const jitter = jitterMax * Math.random()\n return staleThreshold * 1000 * backoff * (1 + jitter)\n }\n\n reconnectIfStale() {\n if (this.connectionIsStale()) {\n logger.log(`ConnectionMonitor detected stale connection. reconnectAttempts = ${this.reconnectAttempts}, time stale = ${secondsSince(this.refreshedAt)} s, stale threshold = ${this.constructor.staleThreshold} s`)\n this.reconnectAttempts++\n if (this.disconnectedRecently()) {\n logger.log(`ConnectionMonitor skipping reopening recent disconnect. time disconnected = ${secondsSince(this.disconnectedAt)} s`)\n } else {\n logger.log(\"ConnectionMonitor reopening\")\n this.connection.reopen()\n }\n }\n }\n\n get refreshedAt() {\n return this.pingedAt ? this.pingedAt : this.startedAt\n }\n\n connectionIsStale() {\n return secondsSince(this.refreshedAt) > this.constructor.staleThreshold\n }\n\n disconnectedRecently() {\n return this.disconnectedAt && (secondsSince(this.disconnectedAt) < this.constructor.staleThreshold)\n }\n\n visibilityDidChange() {\n if (document.visibilityState === \"visible\") {\n setTimeout(() => {\n if (this.connectionIsStale() || !this.connection.isOpen()) {\n logger.log(`ConnectionMonitor reopening stale connection on visibilitychange. visibilityState = ${document.visibilityState}`)\n this.connection.reopen()\n }\n }\n , 200)\n }\n }\n\n}\n\nConnectionMonitor.staleThreshold = 6 // Server::Connections::BEAT_INTERVAL * 2 (missed two pings)\nConnectionMonitor.reconnectionBackoffRate = 0.15\n\nexport default ConnectionMonitor\n", "export default {\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\": [\n \"actioncable-v1-json\",\n \"actioncable-unsupported\"\n ]\n}\n", "import adapters from \"./adapters\"\nimport ConnectionMonitor from \"./connection_monitor\"\nimport INTERNAL from \"./internal\"\nimport logger from \"./logger\"\n\n// Encapsulate the cable connection held by the consumer. This is an internal class not intended for direct user manipulation.\n\nconst {message_types, protocols} = INTERNAL\nconst supportedProtocols = protocols.slice(0, protocols.length - 1)\n\nconst indexOf = [].indexOf\n\nclass Connection {\n constructor(consumer) {\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 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 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 if (this.webSocket) { this.uninstallEventHandlers() }\n this.webSocket = new adapters.WebSocket(this.consumer.url, protocols)\n this.installEventHandlers()\n this.monitor.start()\n return true\n }\n }\n\n close({allowReconnect} = {allowReconnect: true}) {\n if (!allowReconnect) { this.monitor.stop() }\n if (this.isActive()) {\n return this.webSocket.close()\n }\n }\n\n reopen() {\n logger.log(`Reopening WebSocket, current state is ${this.getState()}`)\n if (this.isActive()) {\n try {\n return this.close()\n } catch (error) {\n logger.log(\"Failed to reopen WebSocket\", error)\n }\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 getProtocol() {\n if (this.webSocket) {\n return this.webSocket.protocol\n }\n }\n\n isOpen() {\n return this.isState(\"open\")\n }\n\n isActive() {\n return this.isState(\"open\", \"connecting\")\n }\n\n // Private\n\n isProtocolSupported() {\n return indexOf.call(supportedProtocols, this.getProtocol()) >= 0\n }\n\n isState(...states) {\n return indexOf.call(states, this.getState()) >= 0\n }\n\n getState() {\n if (this.webSocket) {\n for (let state in adapters.WebSocket) {\n if (adapters.WebSocket[state] === this.webSocket.readyState) {\n return state.toLowerCase()\n }\n }\n }\n return null\n }\n\n installEventHandlers() {\n for (let eventName in this.events) {\n const handler = this.events[eventName].bind(this)\n this.webSocket[`on${eventName}`] = handler\n }\n }\n\n uninstallEventHandlers() {\n for (let eventName in this.events) {\n this.webSocket[`on${eventName}`] = function() {}\n }\n }\n\n}\n\nConnection.reopenDelay = 500\n\nConnection.prototype.events = {\n message(event) {\n if (!this.isProtocolSupported()) { return }\n const {identifier, message, reason, reconnect, type} = JSON.parse(event.data)\n switch (type) {\n case message_types.welcome:\n this.monitor.recordConnect()\n return this.subscriptions.reload()\n case message_types.disconnect:\n logger.log(`Disconnecting. Reason: ${reason}`)\n return this.close({allowReconnect: reconnect})\n case message_types.ping:\n return this.monitor.recordPing()\n case message_types.confirmation:\n this.subscriptions.confirmSubscription(identifier)\n return this.subscriptions.notify(identifier, \"connected\")\n case message_types.rejection:\n return this.subscriptions.reject(identifier)\n default:\n return this.subscriptions.notify(identifier, \"received\", message)\n }\n },\n\n open() {\n logger.log(`WebSocket onopen event, using '${this.getProtocol()}' subprotocol`)\n this.disconnected = false\n if (!this.isProtocolSupported()) {\n logger.log(\"Protocol is unsupported. Stopping monitor and disconnecting.\")\n return this.close({allowReconnect: false})\n }\n },\n\n close(event) {\n logger.log(\"WebSocket onclose event\")\n if (this.disconnected) { return }\n this.disconnected = true\n this.monitor.recordDisconnect()\n return this.subscriptions.notifyAll(\"disconnected\", {willAttemptReconnect: this.monitor.isRunning()})\n },\n\n error() {\n logger.log(\"WebSocket onerror event\")\n }\n}\n\nexport default Connection\n", "// A new subscription is created through the ActionCable.Subscriptions instance available on the consumer.\n// It provides a number of callbacks and a method for calling remote procedure calls on the corresponding\n// Channel instance on the server side.\n//\n// An example demonstrates the basic functionality:\n//\n// App.appearance = App.cable.subscriptions.create(\"AppearanceChannel\", {\n// connected() {\n// // Called once the subscription has been successfully completed\n// },\n//\n// disconnected({ willAttemptReconnect: boolean }) {\n// // Called when the client has disconnected with the server.\n// // The object will have an `willAttemptReconnect` property which\n// // says whether the client has the intention of attempting\n// // to reconnect.\n// },\n//\n// appear() {\n// this.perform('appear', {appearing_on: this.appearingOn()})\n// },\n//\n// away() {\n// this.perform('away')\n// },\n//\n// appearingOn() {\n// $('main').data('appearing-on')\n// }\n// })\n//\n// The methods #appear and #away forward their intent to the remote AppearanceChannel instance on the server\n// by calling the `perform` method with the first parameter being the action (which maps to AppearanceChannel#appear/away).\n// The second parameter is a hash that'll get JSON encoded and made available on the server in the data parameter.\n//\n// This is how the server component would look:\n//\n// class AppearanceChannel < ApplicationActionCable::Channel\n// def subscribed\n// current_user.appear\n// end\n//\n// def unsubscribed\n// current_user.disappear\n// end\n//\n// def appear(data)\n// current_user.appear on: data['appearing_on']\n// end\n//\n// def away\n// current_user.away\n// end\n// end\n//\n// The \"AppearanceChannel\" name is automatically mapped between the client-side subscription creation and the server-side Ruby class name.\n// The AppearanceChannel#appear/away public methods are exposed automatically to client-side invocation through the perform method.\n\nconst extend = function(object, properties) {\n if (properties != null) {\n for (let key in properties) {\n const value = properties[key]\n object[key] = value\n }\n }\n return object\n}\n\nexport default class Subscription {\n constructor(consumer, params = {}, mixin) {\n this.consumer = consumer\n this.identifier = JSON.stringify(params)\n extend(this, mixin)\n }\n\n // Perform a channel action with the optional data passed as an attribute\n perform(action, data = {}) {\n data.action = action\n return this.send(data)\n }\n\n send(data) {\n return this.consumer.send({command: \"message\", identifier: this.identifier, data: JSON.stringify(data)})\n }\n\n unsubscribe() {\n return this.consumer.subscriptions.remove(this)\n }\n}\n", "import logger from \"./logger\"\n\n// Responsible for ensuring channel subscribe command is confirmed, retrying until confirmation is received.\n// Internal class, not intended for direct user manipulation.\n\nclass SubscriptionGuarantor {\n constructor(subscriptions) {\n this.subscriptions = subscriptions\n this.pendingSubscriptions = []\n }\n\n guarantee(subscription) {\n if(this.pendingSubscriptions.indexOf(subscription) == -1){ \n logger.log(`SubscriptionGuarantor guaranteeing ${subscription.identifier}`)\n this.pendingSubscriptions.push(subscription) \n }\n else {\n logger.log(`SubscriptionGuarantor already guaranteeing ${subscription.identifier}`)\n }\n this.startGuaranteeing()\n }\n\n forget(subscription) {\n logger.log(`SubscriptionGuarantor forgetting ${subscription.identifier}`)\n this.pendingSubscriptions = (this.pendingSubscriptions.filter((s) => s !== subscription))\n }\n\n startGuaranteeing() {\n this.stopGuaranteeing()\n this.retrySubscribing()\n }\n \n stopGuaranteeing() {\n clearTimeout(this.retryTimeout)\n }\n\n retrySubscribing() {\n this.retryTimeout = setTimeout(() => {\n if (this.subscriptions && typeof(this.subscriptions.subscribe) === \"function\") {\n this.pendingSubscriptions.map((subscription) => {\n logger.log(`SubscriptionGuarantor resubscribing ${subscription.identifier}`)\n this.subscriptions.subscribe(subscription)\n })\n }\n }\n , 500)\n }\n}\n\nexport default SubscriptionGuarantor", "import Subscription from \"./subscription\"\nimport SubscriptionGuarantor from \"./subscription_guarantor\"\nimport logger from \"./logger\"\n\n// Collection class for creating (and internally managing) channel subscriptions.\n// The only method intended to be triggered by the user is ActionCable.Subscriptions#create,\n// and it should be called through the consumer like so:\n//\n// App = {}\n// App.cable = ActionCable.createConsumer(\"ws://example.com/accounts/1\")\n// App.appearance = App.cable.subscriptions.create(\"AppearanceChannel\")\n//\n// For more details on how you'd configure an actual channel subscription, see ActionCable.Subscription.\n\nexport default class Subscriptions {\n constructor(consumer) {\n this.consumer = consumer\n this.guarantor = new SubscriptionGuarantor(this)\n this.subscriptions = []\n }\n\n create(channelName, mixin) {\n const channel = channelName\n const params = typeof channel === \"object\" ? channel : {channel}\n const subscription = new Subscription(this.consumer, params, mixin)\n return this.add(subscription)\n }\n\n // Private\n\n add(subscription) {\n this.subscriptions.push(subscription)\n this.consumer.ensureActiveConnection()\n this.notify(subscription, \"initialized\")\n this.subscribe(subscription)\n return subscription\n }\n\n remove(subscription) {\n this.forget(subscription)\n if (!this.findAll(subscription.identifier).length) {\n this.sendCommand(subscription, \"unsubscribe\")\n }\n return subscription\n }\n\n reject(identifier) {\n return this.findAll(identifier).map((subscription) => {\n this.forget(subscription)\n this.notify(subscription, \"rejected\")\n return subscription\n })\n }\n\n forget(subscription) {\n this.guarantor.forget(subscription)\n this.subscriptions = (this.subscriptions.filter((s) => s !== subscription))\n return subscription\n }\n\n findAll(identifier) {\n return this.subscriptions.filter((s) => s.identifier === identifier)\n }\n\n reload() {\n return this.subscriptions.map((subscription) =>\n this.subscribe(subscription))\n }\n\n notifyAll(callbackName, ...args) {\n return this.subscriptions.map((subscription) =>\n this.notify(subscription, callbackName, ...args))\n }\n\n notify(subscription, callbackName, ...args) {\n let subscriptions\n if (typeof subscription === \"string\") {\n subscriptions = this.findAll(subscription)\n } else {\n subscriptions = [subscription]\n }\n\n return subscriptions.map((subscription) =>\n (typeof subscription[callbackName] === \"function\" ? subscription[callbackName](...args) : undefined))\n }\n\n subscribe(subscription) {\n if (this.sendCommand(subscription, \"subscribe\")) {\n this.guarantor.guarantee(subscription)\n }\n }\n\n confirmSubscription(identifier) {\n logger.log(`Subscription confirmed ${identifier}`)\n this.findAll(identifier).map((subscription) =>\n this.guarantor.forget(subscription))\n }\n\n sendCommand(subscription, command) {\n const {identifier} = subscription\n return this.consumer.send({command, identifier})\n }\n}\n", "import Connection from \"./connection\"\nimport Subscriptions from \"./subscriptions\"\n\n// The ActionCable.Consumer establishes the connection to a server-side Ruby Connection object. Once established,\n// the ActionCable.ConnectionMonitor will ensure that its properly maintained through heartbeats and checking for stale updates.\n// The Consumer instance is also the gateway to establishing subscriptions to desired channels through the #createSubscription\n// method.\n//\n// The following example shows how this can be set up:\n//\n// App = {}\n// App.cable = ActionCable.createConsumer(\"ws://example.com/accounts/1\")\n// App.appearance = App.cable.subscriptions.create(\"AppearanceChannel\")\n//\n// For more details on how you'd configure an actual channel subscription, see ActionCable.Subscription.\n//\n// When a consumer is created, it automatically connects with the server.\n//\n// To disconnect from the server, call\n//\n// App.cable.disconnect()\n//\n// and to restart the connection:\n//\n// App.cable.connect()\n//\n// Any channel subscriptions which existed prior to disconnecting will\n// automatically resubscribe.\n\nexport default class Consumer {\n constructor(url) {\n this._url = url\n this.subscriptions = new Subscriptions(this)\n this.connection = new Connection(this)\n }\n\n get url() {\n return createWebSocketURL(this._url)\n }\n\n send(data) {\n return this.connection.send(data)\n }\n\n connect() {\n return this.connection.open()\n }\n\n disconnect() {\n return this.connection.close({allowReconnect: false})\n }\n\n ensureActiveConnection() {\n if (!this.connection.isActive()) {\n return this.connection.open()\n }\n }\n}\n\nexport function createWebSocketURL(url) {\n if (typeof url === \"function\") {\n url = url()\n }\n\n if (url && !/^wss?:/i.test(url)) {\n const a = document.createElement(\"a\")\n a.href = url\n // Fix populating Location properties in IE. Otherwise, protocol will be blank.\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", "import Connection from \"./connection\"\nimport ConnectionMonitor from \"./connection_monitor\"\nimport Consumer, { createWebSocketURL } from \"./consumer\"\nimport INTERNAL from \"./internal\"\nimport Subscription from \"./subscription\"\nimport Subscriptions from \"./subscriptions\"\nimport SubscriptionGuarantor from \"./subscription_guarantor\"\nimport adapters from \"./adapters\"\nimport logger from \"./logger\"\n\nexport {\n Connection,\n ConnectionMonitor,\n Consumer,\n INTERNAL,\n Subscription,\n Subscriptions,\n SubscriptionGuarantor,\n adapters,\n createWebSocketURL,\n logger,\n}\n\nexport function createConsumer(url = getConfig(\"url\") || INTERNAL.default_mount_path) {\n return new Consumer(url)\n}\n\nexport function getConfig(name) {\n const element = document.head.querySelector(`meta[name='action-cable-${name}']`)\n if (element) {\n return element.getAttribute(\"content\")\n }\n}\n", "if (!Array.prototype.find) {\n Array.prototype.find = function(predicate) {\n if (this === null) {\n throw new TypeError('Array.prototype.find called on null or undefined')\n }\n if (typeof predicate !== 'function') {\n throw new TypeError('predicate must be a function')\n }\n var list = Object(this)\n var length = list.length >>> 0\n var thisArg = arguments[1]\n var value\n\n for (var i = 0; i < length; i++) {\n value = list[i]\n if (predicate.call(thisArg, value, i, list)) {\n return value\n }\n }\n return undefined\n }\n}\n\nif (window && typeof window.CustomEvent !== \"function\") {\n function CustomEvent(event, params) {\n params = params || {\n bubbles: false,\n cancelable: false,\n detail: undefined\n }\n var evt = document.createEvent('CustomEvent')\n evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail)\n return evt\n }\n\n if (typeof window.Event !== 'undefined') {\n CustomEvent.prototype = window.Event.prototype\n }\n\n window.CustomEvent = CustomEvent\n}", "class TributeEvents {\n constructor(tribute) {\n this.tribute = tribute;\n this.tribute.events = this;\n }\n\n static keys() {\n return [\n {\n key: 9,\n value: \"TAB\"\n },\n {\n key: 8,\n value: \"DELETE\"\n },\n {\n key: 13,\n value: \"ENTER\"\n },\n {\n key: 27,\n value: \"ESCAPE\"\n },\n {\n key: 32,\n value: \"SPACE\"\n },\n {\n key: 38,\n value: \"UP\"\n },\n {\n key: 40,\n value: \"DOWN\"\n }\n ];\n }\n\n bind(element) {\n element.boundKeydown = this.keydown.bind(element, this);\n element.boundKeyup = this.keyup.bind(element, this);\n element.boundInput = this.input.bind(element, this);\n\n element.addEventListener(\"keydown\", element.boundKeydown, false);\n element.addEventListener(\"keyup\", element.boundKeyup, false);\n element.addEventListener(\"input\", element.boundInput, false);\n }\n\n unbind(element) {\n element.removeEventListener(\"keydown\", element.boundKeydown, false);\n element.removeEventListener(\"keyup\", element.boundKeyup, false);\n element.removeEventListener(\"input\", element.boundInput, false);\n\n delete element.boundKeydown;\n delete element.boundKeyup;\n delete element.boundInput;\n }\n\n keydown(instance, event) {\n if (instance.shouldDeactivate(event)) {\n instance.tribute.isActive = false;\n instance.tribute.hideMenu();\n }\n\n let element = this;\n instance.commandEvent = false;\n\n TributeEvents.keys().forEach(o => {\n if (o.key === event.keyCode) {\n instance.commandEvent = true;\n instance.callbacks()[o.value.toLowerCase()](event, element);\n }\n });\n }\n\n input(instance, event) {\n instance.inputEvent = true;\n instance.keyup.call(this, instance, event);\n }\n\n click(instance, event) {\n let tribute = instance.tribute;\n if (tribute.menu && tribute.menu.contains(event.target)) {\n let li = event.target;\n event.preventDefault();\n event.stopPropagation();\n while (li.nodeName.toLowerCase() !== \"li\") {\n li = li.parentNode;\n if (!li || li === tribute.menu) {\n throw new Error(\"cannot find the
  • container for the click\");\n }\n }\n tribute.selectItemAtIndex(li.getAttribute(\"data-index\"), event);\n tribute.hideMenu();\n\n // TODO: should fire with externalTrigger and target is outside of menu\n } else if (tribute.current.element && !tribute.current.externalTrigger) {\n tribute.current.externalTrigger = false;\n setTimeout(() => tribute.hideMenu());\n }\n }\n\n keyup(instance, event) {\n if (instance.inputEvent) {\n instance.inputEvent = false;\n }\n instance.updateSelection(this);\n\n if (event.keyCode === 27) return;\n\n if (!instance.tribute.allowSpaces && instance.tribute.hasTrailingSpace) {\n instance.tribute.hasTrailingSpace = false;\n instance.commandEvent = true;\n instance.callbacks()[\"space\"](event, this);\n return;\n }\n\n if (!instance.tribute.isActive) {\n if (instance.tribute.autocompleteMode) {\n instance.callbacks().triggerChar(event, this, \"\");\n } else {\n let keyCode = instance.getKeyCode(instance, this, event);\n\n if (isNaN(keyCode) || !keyCode) return;\n\n let trigger = instance.tribute.triggers().find(trigger => {\n return trigger.charCodeAt(0) === keyCode;\n });\n\n if (typeof trigger !== \"undefined\") {\n instance.callbacks().triggerChar(event, this, trigger);\n }\n }\n }\n\n if (\n instance.tribute.current.mentionText.length <\n instance.tribute.current.collection.menuShowMinLength\n ) {\n return;\n }\n\n if (\n ((instance.tribute.current.trigger ||\n instance.tribute.autocompleteMode) &&\n instance.commandEvent === false) ||\n (instance.tribute.isActive && event.keyCode === 8)\n ) {\n instance.tribute.showMenuFor(this, true);\n }\n }\n\n shouldDeactivate(event) {\n if (!this.tribute.isActive) return false;\n\n if (this.tribute.current.mentionText.length === 0) {\n let eventKeyPressed = false;\n TributeEvents.keys().forEach(o => {\n if (event.keyCode === o.key) eventKeyPressed = true;\n });\n\n return !eventKeyPressed;\n }\n\n return false;\n }\n\n getKeyCode(instance, el, event) {\n let char;\n let tribute = instance.tribute;\n let info = tribute.range.getTriggerInfo(\n false,\n tribute.hasTrailingSpace,\n true,\n tribute.allowSpaces,\n tribute.autocompleteMode\n );\n\n if (info) {\n return info.mentionTriggerChar.charCodeAt(0);\n } else {\n return false;\n }\n }\n\n updateSelection(el) {\n this.tribute.current.element = el;\n let info = this.tribute.range.getTriggerInfo(\n false,\n this.tribute.hasTrailingSpace,\n true,\n this.tribute.allowSpaces,\n this.tribute.autocompleteMode\n );\n\n if (info) {\n this.tribute.current.selectedPath = info.mentionSelectedPath;\n this.tribute.current.mentionText = info.mentionText;\n this.tribute.current.selectedOffset = info.mentionSelectedOffset;\n }\n }\n\n callbacks() {\n return {\n triggerChar: (e, el, trigger) => {\n let tribute = this.tribute;\n tribute.current.trigger = trigger;\n\n let collectionItem = tribute.collection.find(item => {\n return item.trigger === trigger;\n });\n\n tribute.current.collection = collectionItem;\n\n if (\n tribute.current.mentionText.length >=\n tribute.current.collection.menuShowMinLength &&\n tribute.inputEvent\n ) {\n tribute.showMenuFor(el, true);\n }\n },\n enter: (e, el) => {\n // choose selection\n if (this.tribute.isActive && this.tribute.current.filteredItems) {\n e.preventDefault();\n e.stopPropagation();\n setTimeout(() => {\n this.tribute.selectItemAtIndex(this.tribute.menuSelected, e);\n this.tribute.hideMenu();\n }, 0);\n }\n },\n escape: (e, el) => {\n if (this.tribute.isActive) {\n e.preventDefault();\n e.stopPropagation();\n this.tribute.isActive = false;\n this.tribute.hideMenu();\n }\n },\n tab: (e, el) => {\n // choose first match\n this.callbacks().enter(e, el);\n },\n space: (e, el) => {\n if (this.tribute.isActive) {\n if (this.tribute.spaceSelectsMatch) {\n this.callbacks().enter(e, el);\n } else if (!this.tribute.allowSpaces) {\n e.stopPropagation();\n setTimeout(() => {\n this.tribute.hideMenu();\n this.tribute.isActive = false;\n }, 0);\n }\n }\n },\n up: (e, el) => {\n // navigate up ul\n if (this.tribute.isActive && this.tribute.current.filteredItems) {\n e.preventDefault();\n e.stopPropagation();\n let count = this.tribute.current.filteredItems.length,\n selected = this.tribute.menuSelected;\n\n if (count > selected && selected > 0) {\n this.tribute.menuSelected--;\n this.setActiveLi();\n } else if (selected === 0) {\n this.tribute.menuSelected = count - 1;\n this.setActiveLi();\n this.tribute.menu.scrollTop = this.tribute.menu.scrollHeight;\n }\n }\n },\n down: (e, el) => {\n // navigate down ul\n if (this.tribute.isActive && this.tribute.current.filteredItems) {\n e.preventDefault();\n e.stopPropagation();\n let count = this.tribute.current.filteredItems.length - 1,\n selected = this.tribute.menuSelected;\n\n if (count > selected) {\n this.tribute.menuSelected++;\n this.setActiveLi();\n } else if (count === selected) {\n this.tribute.menuSelected = 0;\n this.setActiveLi();\n this.tribute.menu.scrollTop = 0;\n }\n }\n },\n delete: (e, el) => {\n if (\n this.tribute.isActive &&\n this.tribute.current.mentionText.length < 1\n ) {\n this.tribute.hideMenu();\n } else if (this.tribute.isActive) {\n this.tribute.showMenuFor(el);\n }\n }\n };\n }\n\n setActiveLi(index) {\n let lis = this.tribute.menu.querySelectorAll(\"li\"),\n length = lis.length >>> 0;\n\n if (index) this.tribute.menuSelected = parseInt(index);\n\n for (let i = 0; i < length; i++) {\n let li = lis[i];\n if (i === this.tribute.menuSelected) {\n li.classList.add(this.tribute.current.collection.selectClass);\n\n let liClientRect = li.getBoundingClientRect();\n let menuClientRect = this.tribute.menu.getBoundingClientRect();\n\n if (liClientRect.bottom > menuClientRect.bottom) {\n let scrollDistance = liClientRect.bottom - menuClientRect.bottom;\n this.tribute.menu.scrollTop += scrollDistance;\n } else if (liClientRect.top < menuClientRect.top) {\n let scrollDistance = menuClientRect.top - liClientRect.top;\n this.tribute.menu.scrollTop -= scrollDistance;\n }\n } else {\n li.classList.remove(this.tribute.current.collection.selectClass);\n }\n }\n }\n\n getFullHeight(elem, includeMargin) {\n let height = elem.getBoundingClientRect().height;\n\n if (includeMargin) {\n let style = elem.currentStyle || window.getComputedStyle(elem);\n return (\n height + parseFloat(style.marginTop) + parseFloat(style.marginBottom)\n );\n }\n\n return height;\n }\n}\n\nexport default TributeEvents;\n", "class TributeMenuEvents {\n constructor(tribute) {\n this.tribute = tribute;\n this.tribute.menuEvents = this;\n this.menu = this.tribute.menu;\n }\n\n bind(menu) {\n this.menuClickEvent = this.tribute.events.click.bind(null, this);\n this.menuContainerScrollEvent = this.debounce(\n () => {\n if (this.tribute.isActive) {\n this.tribute.showMenuFor(this.tribute.current.element, false);\n }\n },\n 300,\n false\n );\n this.windowResizeEvent = this.debounce(\n () => {\n if (this.tribute.isActive) {\n this.tribute.range.positionMenuAtCaret(true);\n }\n },\n 300,\n false\n );\n\n // fixes IE11 issues with mousedown\n this.tribute.range\n .getDocument()\n .addEventListener(\"MSPointerDown\", this.menuClickEvent, false);\n this.tribute.range\n .getDocument()\n .addEventListener(\"mousedown\", this.menuClickEvent, false);\n window.addEventListener(\"resize\", this.windowResizeEvent);\n\n if (this.menuContainer) {\n this.menuContainer.addEventListener(\n \"scroll\",\n this.menuContainerScrollEvent,\n false\n );\n } else {\n window.addEventListener(\"scroll\", this.menuContainerScrollEvent);\n }\n }\n\n unbind(menu) {\n this.tribute.range\n .getDocument()\n .removeEventListener(\"mousedown\", this.menuClickEvent, false);\n this.tribute.range\n .getDocument()\n .removeEventListener(\"MSPointerDown\", this.menuClickEvent, false);\n window.removeEventListener(\"resize\", this.windowResizeEvent);\n\n if (this.menuContainer) {\n this.menuContainer.removeEventListener(\n \"scroll\",\n this.menuContainerScrollEvent,\n false\n );\n } else {\n window.removeEventListener(\"scroll\", this.menuContainerScrollEvent);\n }\n }\n\n debounce(func, wait, immediate) {\n var timeout;\n return () => {\n var context = this,\n args = arguments;\n var later = () => {\n timeout = null;\n if (!immediate) func.apply(context, args);\n };\n var callNow = immediate && !timeout;\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n if (callNow) func.apply(context, args);\n };\n }\n}\n\nexport default TributeMenuEvents;\n", "// Thanks to https://github.com/jeff-collins/ment.io\nimport \"./utils\";\n\nclass TributeRange {\n constructor(tribute) {\n this.tribute = tribute\n this.tribute.range = this\n }\n\n getDocument() {\n let iframe\n if (this.tribute.current.collection) {\n iframe = this.tribute.current.collection.iframe\n }\n\n if (!iframe) {\n return document\n }\n\n return iframe.contentWindow.document\n }\n\n positionMenuAtCaret(scrollTo) {\n let context = this.tribute.current,\n coordinates\n\n let info = this.getTriggerInfo(false, this.tribute.hasTrailingSpace, true, this.tribute.allowSpaces, this.tribute.autocompleteMode)\n\n if (typeof info !== 'undefined') {\n\n if(!this.tribute.positionMenu){\n this.tribute.menu.style.cssText = `display: block;`\n return\n }\n\n if (!this.isContentEditable(context.element)) {\n coordinates = this.getTextAreaOrInputUnderlinePosition(this.tribute.current.element,\n info.mentionPosition)\n }\n else {\n coordinates = this.getContentEditableCaretPosition(info.mentionPosition)\n }\n\n this.tribute.menu.style.cssText = `top: ${coordinates.top}px;\n left: ${coordinates.left}px;\n right: ${coordinates.right}px;\n bottom: ${coordinates.bottom}px;\n position: absolute;\n display: block;`\n\n if (coordinates.left === 'auto') {\n this.tribute.menu.style.left = 'auto'\n }\n\n if (coordinates.top === 'auto') {\n this.tribute.menu.style.top = 'auto'\n }\n\n if (scrollTo) this.scrollIntoView()\n\n window.setTimeout(() => {\n let menuDimensions = {\n width: this.tribute.menu.offsetWidth,\n height: this.tribute.menu.offsetHeight\n }\n let menuIsOffScreen = this.isMenuOffScreen(coordinates, menuDimensions)\n\n let menuIsOffScreenHorizontally = window.innerWidth > menuDimensions.width && (menuIsOffScreen.left || menuIsOffScreen.right)\n let menuIsOffScreenVertically = window.innerHeight > menuDimensions.height && (menuIsOffScreen.top || menuIsOffScreen.bottom)\n if (menuIsOffScreenHorizontally || menuIsOffScreenVertically) {\n this.tribute.menu.style.cssText = 'display: none'\n this.positionMenuAtCaret(scrollTo)\n }\n }, 0)\n\n } else {\n this.tribute.menu.style.cssText = 'display: none'\n }\n }\n\n get menuContainerIsBody() {\n return this.tribute.menuContainer === document.body || !this.tribute.menuContainer;\n }\n\n\n selectElement(targetElement, path, offset) {\n let range\n let elem = targetElement\n\n if (path) {\n for (var i = 0; i < path.length; i++) {\n elem = elem.childNodes[path[i]]\n if (elem === undefined) {\n return\n }\n while (elem.length < offset) {\n offset -= elem.length\n elem = elem.nextSibling\n }\n if (elem.childNodes.length === 0 && !elem.length) {\n elem = elem.previousSibling\n }\n }\n }\n let sel = this.getWindowSelection()\n\n range = this.getDocument().createRange()\n range.setStart(elem, offset)\n range.setEnd(elem, offset)\n range.collapse(true)\n\n try {\n sel.removeAllRanges()\n } catch (error) {}\n\n sel.addRange(range)\n targetElement.focus()\n }\n\n replaceTriggerText(text, requireLeadingSpace, hasTrailingSpace, originalEvent, item) {\n let info = this.getTriggerInfo(true, hasTrailingSpace, requireLeadingSpace, this.tribute.allowSpaces, this.tribute.autocompleteMode)\n\n if (info !== undefined) {\n let context = this.tribute.current\n let replaceEvent = new CustomEvent('tribute-replaced', {\n detail: {\n item: item,\n instance: context,\n context: info,\n event: originalEvent,\n }\n })\n\n if (!this.isContentEditable(context.element)) {\n let myField = this.tribute.current.element\n let textSuffix = typeof this.tribute.replaceTextSuffix == 'string'\n ? this.tribute.replaceTextSuffix\n : ' '\n text += textSuffix\n let startPos = info.mentionPosition\n let endPos = info.mentionPosition + info.mentionText.length + textSuffix.length\n if (!this.tribute.autocompleteMode) {\n endPos += info.mentionTriggerChar.length - 1\n }\n myField.value = myField.value.substring(0, startPos) + text +\n myField.value.substring(endPos, myField.value.length)\n myField.selectionStart = startPos + text.length\n myField.selectionEnd = startPos + text.length\n } else {\n // add a space to the end of the pasted text\n let textSuffix = typeof this.tribute.replaceTextSuffix == 'string'\n ? this.tribute.replaceTextSuffix\n : '\\xA0'\n text += textSuffix\n let endPos = info.mentionPosition + info.mentionText.length\n if (!this.tribute.autocompleteMode) {\n endPos += info.mentionTriggerChar.length\n }\n this.pasteHtml(text, info.mentionPosition, endPos)\n }\n\n context.element.dispatchEvent(new CustomEvent('input', { bubbles: true }))\n context.element.dispatchEvent(replaceEvent)\n }\n }\n\n pasteHtml(html, startPos, endPos) {\n let range, sel\n sel = this.getWindowSelection()\n range = this.getDocument().createRange()\n range.setStart(sel.anchorNode, startPos)\n range.setEnd(sel.anchorNode, endPos)\n range.deleteContents()\n\n let el = this.getDocument().createElement('div')\n el.innerHTML = html\n let frag = this.getDocument().createDocumentFragment(),\n node, lastNode\n while ((node = el.firstChild)) {\n lastNode = frag.appendChild(node)\n }\n range.insertNode(frag)\n\n // Preserve the selection\n if (lastNode) {\n range = range.cloneRange()\n range.setStartAfter(lastNode)\n range.collapse(true)\n sel.removeAllRanges()\n sel.addRange(range)\n }\n }\n\n getWindowSelection() {\n if (this.tribute.collection.iframe) {\n return this.tribute.collection.iframe.contentWindow.getSelection()\n }\n\n return window.getSelection()\n }\n\n getNodePositionInParent(element) {\n if (element.parentNode === null) {\n return 0\n }\n\n for (var i = 0; i < element.parentNode.childNodes.length; i++) {\n let node = element.parentNode.childNodes[i]\n\n if (node === element) {\n return i\n }\n }\n }\n\n getContentEditableSelectedPath(ctx) {\n let sel = this.getWindowSelection()\n let selected = sel.anchorNode\n let path = []\n let offset\n\n if (selected != null) {\n let i\n let ce = selected.contentEditable\n while (selected !== null && ce !== 'true') {\n i = this.getNodePositionInParent(selected)\n path.push(i)\n selected = selected.parentNode\n if (selected !== null) {\n ce = selected.contentEditable\n }\n }\n path.reverse()\n\n // getRangeAt may not exist, need alternative\n offset = sel.getRangeAt(0).startOffset\n\n return {\n selected: selected,\n path: path,\n offset: offset\n }\n }\n }\n\n getTextPrecedingCurrentSelection() {\n let context = this.tribute.current,\n text = ''\n\n if (!this.isContentEditable(context.element)) {\n let textComponent = this.tribute.current.element;\n if (textComponent) {\n let startPos = textComponent.selectionStart\n if (textComponent.value && startPos >= 0) {\n text = textComponent.value.substring(0, startPos)\n }\n }\n\n } else {\n let selectedElem = this.getWindowSelection().anchorNode\n\n if (selectedElem != null) {\n let workingNodeContent = selectedElem.textContent\n let selectStartOffset = this.getWindowSelection().getRangeAt(0).startOffset\n\n if (workingNodeContent && selectStartOffset >= 0) {\n text = workingNodeContent.substring(0, selectStartOffset)\n }\n }\n }\n\n return text\n }\n\n getLastWordInText(text) {\n text = text.replace(/\\u00A0/g, ' '); // https://stackoverflow.com/questions/29850407/how-do-i-replace-unicode-character-u00a0-with-a-space-in-javascript\n let wordsArray = text.split(/\\s+/);\n let worldsCount = wordsArray.length - 1\n return wordsArray[worldsCount].trim()\n }\n\n getTriggerInfo(menuAlreadyActive, hasTrailingSpace, requireLeadingSpace, allowSpaces, isAutocomplete) {\n let ctx = this.tribute.current\n let selected, path, offset\n\n if (!this.isContentEditable(ctx.element)) {\n selected = this.tribute.current.element\n } else {\n let selectionInfo = this.getContentEditableSelectedPath(ctx)\n\n if (selectionInfo) {\n selected = selectionInfo.selected\n path = selectionInfo.path\n offset = selectionInfo.offset\n }\n }\n\n let effectiveRange = this.getTextPrecedingCurrentSelection()\n let lastWordOfEffectiveRange = this.getLastWordInText(effectiveRange)\n\n if (isAutocomplete) {\n return {\n mentionPosition: effectiveRange.length - lastWordOfEffectiveRange.length,\n mentionText: lastWordOfEffectiveRange,\n mentionSelectedElement: selected,\n mentionSelectedPath: path,\n mentionSelectedOffset: offset\n }\n }\n\n if (effectiveRange !== undefined && effectiveRange !== null) {\n let mostRecentTriggerCharPos = -1\n let triggerChar\n\n this.tribute.collection.forEach(config => {\n let c = config.trigger\n let idx = config.requireLeadingSpace ?\n this.lastIndexWithLeadingSpace(effectiveRange, c) :\n effectiveRange.lastIndexOf(c)\n\n if (idx > mostRecentTriggerCharPos) {\n mostRecentTriggerCharPos = idx\n triggerChar = c\n requireLeadingSpace = config.requireLeadingSpace\n }\n })\n\n if (mostRecentTriggerCharPos >= 0 &&\n (\n mostRecentTriggerCharPos === 0 ||\n !requireLeadingSpace ||\n /[\\xA0\\s]/g.test(\n effectiveRange.substring(\n mostRecentTriggerCharPos - 1,\n mostRecentTriggerCharPos)\n )\n )\n ) {\n let currentTriggerSnippet = effectiveRange.substring(mostRecentTriggerCharPos + triggerChar.length,\n effectiveRange.length)\n\n triggerChar = effectiveRange.substring(mostRecentTriggerCharPos, mostRecentTriggerCharPos + triggerChar.length)\n let firstSnippetChar = currentTriggerSnippet.substring(0, 1)\n let leadingSpace = currentTriggerSnippet.length > 0 &&\n (\n firstSnippetChar === ' ' ||\n firstSnippetChar === '\\xA0'\n )\n if (hasTrailingSpace) {\n currentTriggerSnippet = currentTriggerSnippet.trim()\n }\n\n let regex = allowSpaces ? /[^\\S ]/g : /[\\xA0\\s]/g;\n\n this.tribute.hasTrailingSpace = regex.test(currentTriggerSnippet);\n\n if (!leadingSpace && (menuAlreadyActive || !(regex.test(currentTriggerSnippet)))) {\n return {\n mentionPosition: mostRecentTriggerCharPos,\n mentionText: currentTriggerSnippet,\n mentionSelectedElement: selected,\n mentionSelectedPath: path,\n mentionSelectedOffset: offset,\n mentionTriggerChar: triggerChar\n }\n }\n }\n }\n }\n\n lastIndexWithLeadingSpace (str, trigger) {\n let reversedStr = str.split('').reverse().join('')\n let index = -1\n\n for (let cidx = 0, len = str.length; cidx < len; cidx++) {\n let firstChar = cidx === str.length - 1\n let leadingSpace = /\\s/.test(reversedStr[cidx + 1])\n\n let match = true\n for (let triggerIdx = trigger.length - 1; triggerIdx >= 0; triggerIdx--) {\n if (trigger[triggerIdx] !== reversedStr[cidx-triggerIdx]) {\n match = false\n break\n }\n }\n\n if (match && (firstChar || leadingSpace)) {\n index = str.length - 1 - cidx\n break\n }\n }\n\n return index\n }\n\n isContentEditable(element) {\n return element.nodeName !== 'INPUT' && element.nodeName !== 'TEXTAREA'\n }\n\n isMenuOffScreen(coordinates, menuDimensions) {\n let windowWidth = window.innerWidth\n let windowHeight = window.innerHeight\n let doc = document.documentElement\n let windowLeft = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0)\n let windowTop = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0)\n\n let menuTop = typeof coordinates.top === 'number' ? coordinates.top : windowTop + windowHeight - coordinates.bottom - menuDimensions.height\n let menuRight = typeof coordinates.right === 'number' ? coordinates.right : coordinates.left + menuDimensions.width\n let menuBottom = typeof coordinates.bottom === 'number' ? coordinates.bottom : coordinates.top + menuDimensions.height\n let menuLeft = typeof coordinates.left === 'number' ? coordinates.left : windowLeft + windowWidth - coordinates.right - menuDimensions.width\n\n return {\n top: menuTop < Math.floor(windowTop),\n right: menuRight > Math.ceil(windowLeft + windowWidth),\n bottom: menuBottom > Math.ceil(windowTop + windowHeight),\n left: menuLeft < Math.floor(windowLeft)\n }\n }\n\n getMenuDimensions() {\n // Width of the menu depends of its contents and position\n // We must check what its width would be without any obstruction\n // This way, we can achieve good positioning for flipping the menu\n let dimensions = {\n width: null,\n height: null\n }\n\n this.tribute.menu.style.cssText = `top: 0px;\n left: 0px;\n position: fixed;\n display: block;\n visibility; hidden;`\n dimensions.width = this.tribute.menu.offsetWidth\n dimensions.height = this.tribute.menu.offsetHeight\n\n this.tribute.menu.style.cssText = `display: none;`\n\n return dimensions\n }\n\n getTextAreaOrInputUnderlinePosition(element, position, flipped) {\n let properties = ['direction', 'boxSizing', 'width', 'height', 'overflowX',\n 'overflowY', 'borderTopWidth', 'borderRightWidth',\n 'borderBottomWidth', 'borderLeftWidth', 'paddingTop',\n 'paddingRight', 'paddingBottom', 'paddingLeft',\n 'fontStyle', 'fontVariant', 'fontWeight', 'fontStretch',\n 'fontSize', 'fontSizeAdjust', 'lineHeight', 'fontFamily',\n 'textAlign', 'textTransform', 'textIndent',\n 'textDecoration', 'letterSpacing', 'wordSpacing'\n ]\n\n let isFirefox = (window.mozInnerScreenX !== null)\n\n let div = this.getDocument().createElement('div')\n div.id = 'input-textarea-caret-position-mirror-div'\n this.getDocument().body.appendChild(div)\n\n let style = div.style\n let computed = window.getComputedStyle ? getComputedStyle(element) : element.currentStyle\n\n style.whiteSpace = 'pre-wrap'\n if (element.nodeName !== 'INPUT') {\n style.wordWrap = 'break-word'\n }\n\n // position off-screen\n style.position = 'absolute'\n style.visibility = 'hidden'\n\n // transfer the element's properties to the div\n properties.forEach(prop => {\n style[prop] = computed[prop]\n })\n\n if (isFirefox) {\n style.width = `${(parseInt(computed.width) - 2)}px`\n if (element.scrollHeight > parseInt(computed.height))\n style.overflowY = 'scroll'\n } else {\n style.overflow = 'hidden'\n }\n\n div.textContent = element.value.substring(0, position)\n\n if (element.nodeName === 'INPUT') {\n div.textContent = div.textContent.replace(/\\s/g, '\u00A0')\n }\n\n let span = this.getDocument().createElement('span')\n span.textContent = element.value.substring(position) || '.'\n div.appendChild(span)\n\n let rect = element.getBoundingClientRect()\n let doc = document.documentElement\n let windowLeft = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0)\n let windowTop = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0)\n\n let top = 0;\n let left = 0;\n if (this.menuContainerIsBody) {\n top = rect.top;\n left = rect.left;\n }\n\n let coordinates = {\n top: top + windowTop + span.offsetTop + parseInt(computed.borderTopWidth) + parseInt(computed.fontSize) - element.scrollTop,\n left: left + windowLeft + span.offsetLeft + parseInt(computed.borderLeftWidth)\n }\n\n let windowWidth = window.innerWidth\n let windowHeight = window.innerHeight\n\n let menuDimensions = this.getMenuDimensions()\n let menuIsOffScreen = this.isMenuOffScreen(coordinates, menuDimensions)\n\n if (menuIsOffScreen.right) {\n coordinates.right = windowWidth - coordinates.left\n coordinates.left = 'auto'\n }\n\n let parentHeight = this.tribute.menuContainer\n ? this.tribute.menuContainer.offsetHeight\n : this.getDocument().body.offsetHeight\n\n if (menuIsOffScreen.bottom) {\n let parentRect = this.tribute.menuContainer\n ? this.tribute.menuContainer.getBoundingClientRect()\n : this.getDocument().body.getBoundingClientRect()\n let scrollStillAvailable = parentHeight - (windowHeight - parentRect.top)\n\n coordinates.bottom = scrollStillAvailable + (windowHeight - rect.top - span.offsetTop)\n coordinates.top = 'auto'\n }\n\n menuIsOffScreen = this.isMenuOffScreen(coordinates, menuDimensions)\n if (menuIsOffScreen.left) {\n coordinates.left = windowWidth > menuDimensions.width\n ? windowLeft + windowWidth - menuDimensions.width\n : windowLeft\n delete coordinates.right\n }\n if (menuIsOffScreen.top) {\n coordinates.top = windowHeight > menuDimensions.height\n ? windowTop + windowHeight - menuDimensions.height\n : windowTop\n delete coordinates.bottom\n }\n\n this.getDocument().body.removeChild(div)\n return coordinates\n }\n\n getContentEditableCaretPosition(selectedNodePosition) {\n let range\n let sel = this.getWindowSelection()\n\n range = this.getDocument().createRange()\n range.setStart(sel.anchorNode, selectedNodePosition)\n range.setEnd(sel.anchorNode, selectedNodePosition)\n\n range.collapse(false)\n\n let rect = range.getBoundingClientRect()\n let doc = document.documentElement\n let windowLeft = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0)\n let windowTop = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0)\n\n let left = rect.left\n let top = rect.top\n\n let coordinates = {\n left: left + windowLeft,\n top: top + rect.height + windowTop\n }\n let windowWidth = window.innerWidth\n let windowHeight = window.innerHeight\n\n let menuDimensions = this.getMenuDimensions()\n let menuIsOffScreen = this.isMenuOffScreen(coordinates, menuDimensions)\n\n if (menuIsOffScreen.right) {\n coordinates.left = 'auto'\n coordinates.right = windowWidth - rect.left - windowLeft\n }\n\n let parentHeight = this.tribute.menuContainer\n ? this.tribute.menuContainer.offsetHeight\n : this.getDocument().body.offsetHeight\n\n if (menuIsOffScreen.bottom) {\n let parentRect = this.tribute.menuContainer\n ? this.tribute.menuContainer.getBoundingClientRect()\n : this.getDocument().body.getBoundingClientRect()\n let scrollStillAvailable = parentHeight - (windowHeight - parentRect.top)\n\n coordinates.top = 'auto'\n coordinates.bottom = scrollStillAvailable + (windowHeight - rect.top)\n }\n\n menuIsOffScreen = this.isMenuOffScreen(coordinates, menuDimensions)\n if (menuIsOffScreen.left) {\n coordinates.left = windowWidth > menuDimensions.width\n ? windowLeft + windowWidth - menuDimensions.width\n : windowLeft\n delete coordinates.right\n }\n if (menuIsOffScreen.top) {\n coordinates.top = windowHeight > menuDimensions.height\n ? windowTop + windowHeight - menuDimensions.height\n : windowTop\n delete coordinates.bottom\n }\n\n if (!this.menuContainerIsBody) {\n coordinates.left = coordinates.left ? coordinates.left - this.tribute.menuContainer.offsetLeft : coordinates.left\n coordinates.top = coordinates.top ? coordinates.top - this.tribute.menuContainer.offsetTop : coordinates.top\n }\n\n return coordinates\n }\n\n scrollIntoView(elem) {\n let reasonableBuffer = 20,\n clientRect\n let maxScrollDisplacement = 100\n let e = this.menu\n\n if (typeof e === 'undefined') return;\n\n while (clientRect === undefined || clientRect.height === 0) {\n clientRect = e.getBoundingClientRect()\n\n if (clientRect.height === 0) {\n e = e.childNodes[0]\n if (e === undefined || !e.getBoundingClientRect) {\n return\n }\n }\n }\n\n let elemTop = clientRect.top\n let elemBottom = elemTop + clientRect.height\n\n if (elemTop < 0) {\n window.scrollTo(0, window.pageYOffset + clientRect.top - reasonableBuffer)\n } else if (elemBottom > window.innerHeight) {\n let maxY = window.pageYOffset + clientRect.top - reasonableBuffer\n\n if (maxY - window.pageYOffset > maxScrollDisplacement) {\n maxY = window.pageYOffset + maxScrollDisplacement\n }\n\n let targetY = window.pageYOffset - (window.innerHeight - elemBottom)\n\n if (targetY > maxY) {\n targetY = maxY\n }\n\n window.scrollTo(0, targetY)\n }\n }\n}\n\n\nexport default TributeRange;\n", "// Thanks to https://github.com/mattyork/fuzzy\nclass TributeSearch {\n constructor(tribute) {\n this.tribute = tribute\n this.tribute.search = this\n }\n\n simpleFilter(pattern, array) {\n return array.filter(string => {\n return this.test(pattern, string)\n })\n }\n\n test(pattern, string) {\n return this.match(pattern, string) !== null\n }\n\n match(pattern, string, opts) {\n opts = opts || {}\n let patternIdx = 0,\n result = [],\n len = string.length,\n totalScore = 0,\n currScore = 0,\n pre = opts.pre || '',\n post = opts.post || '',\n compareString = opts.caseSensitive && string || string.toLowerCase(),\n ch, compareChar\n\n if (opts.skip) {\n return {rendered: string, score: 0}\n }\n\n pattern = opts.caseSensitive && pattern || pattern.toLowerCase()\n\n let patternCache = this.traverse(compareString, pattern, 0, 0, [])\n if (!patternCache) {\n return null\n }\n return {\n rendered: this.render(string, patternCache.cache, pre, post),\n score: patternCache.score\n }\n }\n\n traverse(string, pattern, stringIndex, patternIndex, patternCache) {\n // if the pattern search at end\n if (pattern.length === patternIndex) {\n\n // calculate score and copy the cache containing the indices where it's found\n return {\n score: this.calculateScore(patternCache),\n cache: patternCache.slice()\n }\n }\n\n // if string at end or remaining pattern > remaining string\n if (string.length === stringIndex || pattern.length - patternIndex > string.length - stringIndex) {\n return undefined\n }\n\n let c = pattern[patternIndex]\n let index = string.indexOf(c, stringIndex)\n let best, temp\n\n while (index > -1) {\n patternCache.push(index)\n temp = this.traverse(string, pattern, index + 1, patternIndex + 1, patternCache)\n patternCache.pop()\n\n // if downstream traversal failed, return best answer so far\n if (!temp) {\n return best\n }\n\n if (!best || best.score < temp.score) {\n best = temp\n }\n\n index = string.indexOf(c, index + 1)\n }\n\n return best\n }\n\n calculateScore(patternCache) {\n let score = 0\n let temp = 1\n\n patternCache.forEach((index, i) => {\n if (i > 0) {\n if (patternCache[i - 1] + 1 === index) {\n temp += temp + 1\n }\n else {\n temp = 1\n }\n }\n\n score += temp\n })\n\n return score\n }\n\n render(string, indices, pre, post) {\n var rendered = string.substring(0, indices[0])\n\n indices.forEach((index, i) => {\n rendered += pre + string[index] + post +\n string.substring(index + 1, (indices[i + 1]) ? indices[i + 1] : string.length)\n })\n\n return rendered\n }\n\n filter(pattern, arr, opts) {\n opts = opts || {}\n return arr\n .reduce((prev, element, idx, arr) => {\n let str = element\n\n if (opts.extract) {\n str = opts.extract(element)\n\n if (!str) { // take care of undefineds / nulls / etc.\n str = ''\n }\n }\n\n let rendered = this.match(pattern, str, opts)\n\n if (rendered != null) {\n prev[prev.length] = {\n string: rendered.rendered,\n score: rendered.score,\n index: idx,\n original: element\n }\n }\n\n return prev\n }, [])\n\n .sort((a, b) => {\n let compare = b.score - a.score\n if (compare) return compare\n return a.index - b.index\n })\n }\n}\n\nexport default TributeSearch;\n", "import \"./utils\";\nimport TributeEvents from \"./TributeEvents\";\nimport TributeMenuEvents from \"./TributeMenuEvents\";\nimport TributeRange from \"./TributeRange\";\nimport TributeSearch from \"./TributeSearch\";\n\nclass Tribute {\n constructor({\n values = null,\n iframe = null,\n selectClass = \"highlight\",\n containerClass = \"tribute-container\",\n itemClass = \"\",\n trigger = \"@\",\n autocompleteMode = false,\n selectTemplate = null,\n menuItemTemplate = null,\n lookup = \"key\",\n fillAttr = \"value\",\n collection = null,\n menuContainer = null,\n noMatchTemplate = null,\n requireLeadingSpace = true,\n allowSpaces = false,\n replaceTextSuffix = null,\n positionMenu = true,\n spaceSelectsMatch = false,\n searchOpts = {},\n menuItemLimit = null,\n menuShowMinLength = 0\n }) {\n this.autocompleteMode = autocompleteMode;\n this.menuSelected = 0;\n this.current = {};\n this.inputEvent = false;\n this.isActive = false;\n this.menuContainer = menuContainer;\n this.allowSpaces = allowSpaces;\n this.replaceTextSuffix = replaceTextSuffix;\n this.positionMenu = positionMenu;\n this.hasTrailingSpace = false;\n this.spaceSelectsMatch = spaceSelectsMatch;\n\n if (this.autocompleteMode) {\n trigger = \"\";\n allowSpaces = false;\n }\n\n if (values) {\n this.collection = [\n {\n // symbol that starts the lookup\n trigger: trigger,\n\n // is it wrapped in an iframe\n iframe: iframe,\n\n // class applied to selected item\n selectClass: selectClass,\n\n // class applied to the Container\n containerClass: containerClass,\n\n // class applied to each item\n itemClass: itemClass,\n\n // function called on select that retuns the content to insert\n selectTemplate: (\n selectTemplate || Tribute.defaultSelectTemplate\n ).bind(this),\n\n // function called that returns content for an item\n menuItemTemplate: (\n menuItemTemplate || Tribute.defaultMenuItemTemplate\n ).bind(this),\n\n // function called when menu is empty, disables hiding of menu.\n noMatchTemplate: (t => {\n if (typeof t === \"string\") {\n if (t.trim() === \"\") return null;\n return t;\n }\n if (typeof t === \"function\") {\n return t.bind(this);\n }\n\n return (\n noMatchTemplate ||\n function() {\n return \"
  • No Match Found!
  • \";\n }.bind(this)\n );\n })(noMatchTemplate),\n\n // column to search against in the object\n lookup: lookup,\n\n // column that contains the content to insert by default\n fillAttr: fillAttr,\n\n // array of objects or a function returning an array of objects\n values: values,\n\n requireLeadingSpace: requireLeadingSpace,\n\n searchOpts: searchOpts,\n\n menuItemLimit: menuItemLimit,\n\n menuShowMinLength: menuShowMinLength\n }\n ];\n } else if (collection) {\n if (this.autocompleteMode)\n console.warn(\n \"Tribute in autocomplete mode does not work for collections\"\n );\n this.collection = collection.map(item => {\n return {\n trigger: item.trigger || trigger,\n iframe: item.iframe || iframe,\n selectClass: item.selectClass || selectClass,\n containerClass: item.containerClass || containerClass,\n itemClass: item.itemClass || itemClass,\n selectTemplate: (\n item.selectTemplate || Tribute.defaultSelectTemplate\n ).bind(this),\n menuItemTemplate: (\n item.menuItemTemplate || Tribute.defaultMenuItemTemplate\n ).bind(this),\n // function called when menu is empty, disables hiding of menu.\n noMatchTemplate: (t => {\n if (typeof t === \"string\") {\n if (t.trim() === \"\") return null;\n return t;\n }\n if (typeof t === \"function\") {\n return t.bind(this);\n }\n\n return (\n noMatchTemplate ||\n function() {\n return \"
  • No Match Found!
  • \";\n }.bind(this)\n );\n })(noMatchTemplate),\n lookup: item.lookup || lookup,\n fillAttr: item.fillAttr || fillAttr,\n values: item.values,\n requireLeadingSpace: item.requireLeadingSpace,\n searchOpts: item.searchOpts || searchOpts,\n menuItemLimit: item.menuItemLimit || menuItemLimit,\n menuShowMinLength: item.menuShowMinLength || menuShowMinLength\n };\n });\n } else {\n throw new Error(\"[Tribute] No collection specified.\");\n }\n\n new TributeRange(this);\n new TributeEvents(this);\n new TributeMenuEvents(this);\n new TributeSearch(this);\n }\n\n get isActive() {\n return this._isActive;\n }\n\n set isActive(val) {\n if (this._isActive != val) {\n this._isActive = val;\n if (this.current.element) {\n let noMatchEvent = new CustomEvent(`tribute-active-${val}`);\n this.current.element.dispatchEvent(noMatchEvent);\n }\n }\n }\n\n static defaultSelectTemplate(item) {\n if (typeof item === \"undefined\")\n return `${this.current.collection.trigger}${this.current.mentionText}`;\n if (this.range.isContentEditable(this.current.element)) {\n return (\n '' +\n (this.current.collection.trigger +\n item.original[this.current.collection.fillAttr]) +\n \"\"\n );\n }\n\n return (\n this.current.collection.trigger +\n item.original[this.current.collection.fillAttr]\n );\n }\n\n static defaultMenuItemTemplate(matchItem) {\n return matchItem.string;\n }\n\n static inputTypes() {\n return [\"TEXTAREA\", \"INPUT\"];\n }\n\n triggers() {\n return this.collection.map(config => {\n return config.trigger;\n });\n }\n\n attach(el) {\n if (!el) {\n throw new Error(\"[Tribute] Must pass in a DOM node or NodeList.\");\n }\n\n // Check if it is a jQuery collection\n if (typeof jQuery !== \"undefined\" && el instanceof jQuery) {\n el = el.get();\n }\n\n // Is el an Array/Array-like object?\n if (\n el.constructor === NodeList ||\n el.constructor === HTMLCollection ||\n el.constructor === Array\n ) {\n let length = el.length;\n for (var i = 0; i < length; ++i) {\n this._attach(el[i]);\n }\n } else {\n this._attach(el);\n }\n }\n\n _attach(el) {\n if (el.hasAttribute(\"data-tribute\")) {\n console.warn(\"Tribute was already bound to \" + el.nodeName);\n }\n\n this.ensureEditable(el);\n this.events.bind(el);\n el.setAttribute(\"data-tribute\", true);\n }\n\n ensureEditable(element) {\n if (Tribute.inputTypes().indexOf(element.nodeName) === -1) {\n if (element.contentEditable) {\n element.contentEditable = true;\n } else {\n throw new Error(\"[Tribute] Cannot bind to \" + element.nodeName);\n }\n }\n }\n\n createMenu(containerClass) {\n let wrapper = this.range.getDocument().createElement(\"div\"),\n ul = this.range.getDocument().createElement(\"ul\");\n wrapper.className = containerClass;\n wrapper.appendChild(ul);\n\n if (this.menuContainer) {\n return this.menuContainer.appendChild(wrapper);\n }\n\n return this.range.getDocument().body.appendChild(wrapper);\n }\n\n showMenuFor(element, scrollTo) {\n // Only proceed if menu isn't already shown for the current element & mentionText\n if (\n this.isActive &&\n this.current.element === element &&\n this.current.mentionText === this.currentMentionTextSnapshot\n ) {\n return;\n }\n this.currentMentionTextSnapshot = this.current.mentionText;\n\n // create the menu if it doesn't exist.\n if (!this.menu) {\n this.menu = this.createMenu(this.current.collection.containerClass);\n element.tributeMenu = this.menu;\n this.menuEvents.bind(this.menu);\n }\n\n this.isActive = true;\n this.menuSelected = 0;\n\n if (!this.current.mentionText) {\n this.current.mentionText = \"\";\n }\n\n const processValues = values => {\n // Tribute may not be active any more by the time the value callback returns\n if (!this.isActive) {\n return;\n }\n\n let items = this.search.filter(this.current.mentionText, values, {\n pre: this.current.collection.searchOpts.pre || \"\",\n post: this.current.collection.searchOpts.post || \"\",\n skip: this.current.collection.searchOpts.skip,\n extract: el => {\n if (typeof this.current.collection.lookup === \"string\") {\n return el[this.current.collection.lookup];\n } else if (typeof this.current.collection.lookup === \"function\") {\n return this.current.collection.lookup(el, this.current.mentionText);\n } else {\n throw new Error(\n \"Invalid lookup attribute, lookup must be string or function.\"\n );\n }\n }\n });\n\n if (this.current.collection.menuItemLimit) {\n items = items.slice(0, this.current.collection.menuItemLimit);\n }\n\n this.current.filteredItems = items;\n\n let ul = this.menu.querySelector(\"ul\");\n\n this.range.positionMenuAtCaret(scrollTo);\n\n if (!items.length) {\n let noMatchEvent = new CustomEvent(\"tribute-no-match\", {\n detail: this.menu\n });\n this.current.element.dispatchEvent(noMatchEvent);\n if (\n (typeof this.current.collection.noMatchTemplate === \"function\" &&\n !this.current.collection.noMatchTemplate()) ||\n !this.current.collection.noMatchTemplate\n ) {\n this.hideMenu();\n } else {\n typeof this.current.collection.noMatchTemplate === \"function\"\n ? (ul.innerHTML = this.current.collection.noMatchTemplate())\n : (ul.innerHTML = this.current.collection.noMatchTemplate);\n }\n\n return;\n }\n\n ul.innerHTML = \"\";\n let fragment = this.range.getDocument().createDocumentFragment();\n\n items.forEach((item, index) => {\n let li = this.range.getDocument().createElement(\"li\");\n li.setAttribute(\"data-index\", index);\n li.className = this.current.collection.itemClass;\n li.addEventListener(\"mousemove\", e => {\n let [li, index] = this._findLiTarget(e.target);\n if (e.movementY !== 0) {\n this.events.setActiveLi(index);\n }\n });\n if (this.menuSelected === index) {\n li.classList.add(this.current.collection.selectClass);\n }\n li.innerHTML = this.current.collection.menuItemTemplate(item);\n fragment.appendChild(li);\n });\n ul.appendChild(fragment);\n };\n\n if (typeof this.current.collection.values === \"function\") {\n this.current.collection.values(this.current.mentionText, processValues);\n } else {\n processValues(this.current.collection.values);\n }\n }\n\n _findLiTarget(el) {\n if (!el) return [];\n const index = el.getAttribute(\"data-index\");\n return !index ? this._findLiTarget(el.parentNode) : [el, index];\n }\n\n showMenuForCollection(element, collectionIndex) {\n if (element !== document.activeElement) {\n this.placeCaretAtEnd(element);\n }\n\n this.current.collection = this.collection[collectionIndex || 0];\n this.current.externalTrigger = true;\n this.current.element = element;\n\n if (element.isContentEditable)\n this.insertTextAtCursor(this.current.collection.trigger);\n else this.insertAtCaret(element, this.current.collection.trigger);\n\n this.showMenuFor(element);\n }\n\n // TODO: make sure this works for inputs/textareas\n placeCaretAtEnd(el) {\n el.focus();\n if (\n typeof window.getSelection != \"undefined\" &&\n typeof document.createRange != \"undefined\"\n ) {\n var range = document.createRange();\n range.selectNodeContents(el);\n range.collapse(false);\n var sel = window.getSelection();\n sel.removeAllRanges();\n sel.addRange(range);\n } else if (typeof document.body.createTextRange != \"undefined\") {\n var textRange = document.body.createTextRange();\n textRange.moveToElementText(el);\n textRange.collapse(false);\n textRange.select();\n }\n }\n\n // for contenteditable\n insertTextAtCursor(text) {\n var sel, range, html;\n sel = window.getSelection();\n range = sel.getRangeAt(0);\n range.deleteContents();\n var textNode = document.createTextNode(text);\n range.insertNode(textNode);\n range.selectNodeContents(textNode);\n range.collapse(false);\n sel.removeAllRanges();\n sel.addRange(range);\n }\n\n // for regular inputs\n insertAtCaret(textarea, text) {\n var scrollPos = textarea.scrollTop;\n var caretPos = textarea.selectionStart;\n\n var front = textarea.value.substring(0, caretPos);\n var back = textarea.value.substring(\n textarea.selectionEnd,\n textarea.value.length\n );\n textarea.value = front + text + back;\n caretPos = caretPos + text.length;\n textarea.selectionStart = caretPos;\n textarea.selectionEnd = caretPos;\n textarea.focus();\n textarea.scrollTop = scrollPos;\n }\n\n hideMenu() {\n if (this.menu) {\n this.menu.style.cssText = \"display: none;\";\n this.isActive = false;\n this.menuSelected = 0;\n this.current = {};\n }\n }\n\n selectItemAtIndex(index, originalEvent) {\n index = parseInt(index);\n if (typeof index !== \"number\" || isNaN(index)) return;\n let item = this.current.filteredItems[index];\n let content = this.current.collection.selectTemplate(item);\n if (content !== null) this.replaceText(content, originalEvent, item);\n }\n\n replaceText(content, originalEvent, item) {\n this.range.replaceTriggerText(content, true, true, originalEvent, item);\n }\n\n _append(collection, newValues, replace) {\n if (typeof collection.values === \"function\") {\n throw new Error(\"Unable to append to values, as it is a function.\");\n } else if (!replace) {\n collection.values = collection.values.concat(newValues);\n } else {\n collection.values = newValues;\n }\n }\n\n append(collectionIndex, newValues, replace) {\n let index = parseInt(collectionIndex);\n if (typeof index !== \"number\")\n throw new Error(\"please provide an index for the collection to update.\");\n\n let collection = this.collection[index];\n\n this._append(collection, newValues, replace);\n }\n\n appendCurrent(newValues, replace) {\n if (this.isActive) {\n this._append(this.current.collection, newValues, replace);\n } else {\n throw new Error(\n \"No active state. Please use append instead and pass an index.\"\n );\n }\n }\n\n detach(el) {\n if (!el) {\n throw new Error(\"[Tribute] Must pass in a DOM node or NodeList.\");\n }\n\n // Check if it is a jQuery collection\n if (typeof jQuery !== \"undefined\" && el instanceof jQuery) {\n el = el.get();\n }\n\n // Is el an Array/Array-like object?\n if (\n el.constructor === NodeList ||\n el.constructor === HTMLCollection ||\n el.constructor === Array\n ) {\n let length = el.length;\n for (var i = 0; i < length; ++i) {\n this._detach(el[i]);\n }\n } else {\n this._detach(el);\n }\n }\n\n _detach(el) {\n this.events.unbind(el);\n if (el.tributeMenu) {\n this.menuEvents.unbind(el.tributeMenu);\n }\n\n setTimeout(() => {\n el.removeAttribute(\"data-tribute\");\n this.isActive = false;\n if (el.tributeMenu) {\n el.tributeMenu.remove();\n }\n });\n }\n}\n\nexport default Tribute;\n", "/*\n * International Telephone Input v24.6.0\n * https://github.com/jackocnr/intl-tel-input.git\n * Licensed under the MIT license\n */\n\n// UMD\n(function(factory) {\n if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n window.intlTelInput = factory();\n }\n}(() => {\n\nvar factoryOutput = (() => {\n var __defProp = Object.defineProperty;\n var __getOwnPropDesc = Object.getOwnPropertyDescriptor;\n var __getOwnPropNames = Object.getOwnPropertyNames;\n var __hasOwnProp = Object.prototype.hasOwnProperty;\n var __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n };\n var __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n };\n var __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n // src/js/intl-tel-input.ts\n var intl_tel_input_exports = {};\n __export(intl_tel_input_exports, {\n Iti: () => Iti,\n default: () => intl_tel_input_default\n });\n\n // src/js/intl-tel-input/data.ts\n var rawCountryData = [\n [\n \"af\",\n // Afghanistan\n \"93\"\n ],\n [\n \"ax\",\n // \u00C5land Islands\n \"358\",\n 1,\n [\"18\"]\n ],\n [\n \"al\",\n // Albania\n \"355\"\n ],\n [\n \"dz\",\n // Algeria\n \"213\"\n ],\n [\n \"as\",\n // American Samoa\n \"1\",\n 5,\n [\"684\"]\n ],\n [\n \"ad\",\n // Andorra\n \"376\"\n ],\n [\n \"ao\",\n // Angola\n \"244\"\n ],\n [\n \"ai\",\n // Anguilla\n \"1\",\n 6,\n [\"264\"]\n ],\n [\n \"ag\",\n // Antigua and Barbuda\n \"1\",\n 7,\n [\"268\"]\n ],\n [\n \"ar\",\n // Argentina\n \"54\"\n ],\n [\n \"am\",\n // Armenia\n \"374\"\n ],\n [\n \"aw\",\n // Aruba\n \"297\"\n ],\n [\n \"ac\",\n // Ascension Island\n \"247\"\n ],\n [\n \"au\",\n // Australia\n \"61\",\n 0\n ],\n [\n \"at\",\n // Austria\n \"43\"\n ],\n [\n \"az\",\n // Azerbaijan\n \"994\"\n ],\n [\n \"bs\",\n // Bahamas\n \"1\",\n 8,\n [\"242\"]\n ],\n [\n \"bh\",\n // Bahrain\n \"973\"\n ],\n [\n \"bd\",\n // Bangladesh\n \"880\"\n ],\n [\n \"bb\",\n // Barbados\n \"1\",\n 9,\n [\"246\"]\n ],\n [\n \"by\",\n // Belarus\n \"375\"\n ],\n [\n \"be\",\n // Belgium\n \"32\"\n ],\n [\n \"bz\",\n // Belize\n \"501\"\n ],\n [\n \"bj\",\n // Benin\n \"229\"\n ],\n [\n \"bm\",\n // Bermuda\n \"1\",\n 10,\n [\"441\"]\n ],\n [\n \"bt\",\n // Bhutan\n \"975\"\n ],\n [\n \"bo\",\n // Bolivia\n \"591\"\n ],\n [\n \"ba\",\n // Bosnia and Herzegovina\n \"387\"\n ],\n [\n \"bw\",\n // Botswana\n \"267\"\n ],\n [\n \"br\",\n // Brazil\n \"55\"\n ],\n [\n \"io\",\n // British Indian Ocean Territory\n \"246\"\n ],\n [\n \"vg\",\n // British Virgin Islands\n \"1\",\n 11,\n [\"284\"]\n ],\n [\n \"bn\",\n // Brunei\n \"673\"\n ],\n [\n \"bg\",\n // Bulgaria\n \"359\"\n ],\n [\n \"bf\",\n // Burkina Faso\n \"226\"\n ],\n [\n \"bi\",\n // Burundi\n \"257\"\n ],\n [\n \"kh\",\n // Cambodia\n \"855\"\n ],\n [\n \"cm\",\n // Cameroon\n \"237\"\n ],\n [\n \"ca\",\n // Canada\n \"1\",\n 1,\n [\"204\", \"226\", \"236\", \"249\", \"250\", \"263\", \"289\", \"306\", \"343\", \"354\", \"365\", \"367\", \"368\", \"382\", \"387\", \"403\", \"416\", \"418\", \"428\", \"431\", \"437\", \"438\", \"450\", \"584\", \"468\", \"474\", \"506\", \"514\", \"519\", \"548\", \"579\", \"581\", \"584\", \"587\", \"604\", \"613\", \"639\", \"647\", \"672\", \"683\", \"705\", \"709\", \"742\", \"753\", \"778\", \"780\", \"782\", \"807\", \"819\", \"825\", \"867\", \"873\", \"879\", \"902\", \"905\"]\n ],\n [\n \"cv\",\n // Cape Verde\n \"238\"\n ],\n [\n \"bq\",\n // Caribbean Netherlands\n \"599\",\n 1,\n [\"3\", \"4\", \"7\"]\n ],\n [\n \"ky\",\n // Cayman Islands\n \"1\",\n 12,\n [\"345\"]\n ],\n [\n \"cf\",\n // Central African Republic\n \"236\"\n ],\n [\n \"td\",\n // Chad\n \"235\"\n ],\n [\n \"cl\",\n // Chile\n \"56\"\n ],\n [\n \"cn\",\n // China\n \"86\"\n ],\n [\n \"cx\",\n // Christmas Island\n \"61\",\n 2,\n [\"89164\"]\n ],\n [\n \"cc\",\n // Cocos (Keeling) Islands\n \"61\",\n 1,\n [\"89162\"]\n ],\n [\n \"co\",\n // Colombia\n \"57\"\n ],\n [\n \"km\",\n // Comoros\n \"269\"\n ],\n [\n \"cg\",\n // Congo (Brazzaville)\n \"242\"\n ],\n [\n \"cd\",\n // Congo (Kinshasa)\n \"243\"\n ],\n [\n \"ck\",\n // Cook Islands\n \"682\"\n ],\n [\n \"cr\",\n // Costa Rica\n \"506\"\n ],\n [\n \"ci\",\n // C\u00F4te d'Ivoire\n \"225\"\n ],\n [\n \"hr\",\n // Croatia\n \"385\"\n ],\n [\n \"cu\",\n // Cuba\n \"53\"\n ],\n [\n \"cw\",\n // Cura\u00E7ao\n \"599\",\n 0\n ],\n [\n \"cy\",\n // Cyprus\n \"357\"\n ],\n [\n \"cz\",\n // Czech Republic\n \"420\"\n ],\n [\n \"dk\",\n // Denmark\n \"45\"\n ],\n [\n \"dj\",\n // Djibouti\n \"253\"\n ],\n [\n \"dm\",\n // Dominica\n \"1\",\n 13,\n [\"767\"]\n ],\n [\n \"do\",\n // Dominican Republic\n \"1\",\n 2,\n [\"809\", \"829\", \"849\"]\n ],\n [\n \"ec\",\n // Ecuador\n \"593\"\n ],\n [\n \"eg\",\n // Egypt\n \"20\"\n ],\n [\n \"sv\",\n // El Salvador\n \"503\"\n ],\n [\n \"gq\",\n // Equatorial Guinea\n \"240\"\n ],\n [\n \"er\",\n // Eritrea\n \"291\"\n ],\n [\n \"ee\",\n // Estonia\n \"372\"\n ],\n [\n \"sz\",\n // Eswatini\n \"268\"\n ],\n [\n \"et\",\n // Ethiopia\n \"251\"\n ],\n [\n \"fk\",\n // Falkland Islands (Malvinas)\n \"500\"\n ],\n [\n \"fo\",\n // Faroe Islands\n \"298\"\n ],\n [\n \"fj\",\n // Fiji\n \"679\"\n ],\n [\n \"fi\",\n // Finland\n \"358\",\n 0\n ],\n [\n \"fr\",\n // France\n \"33\"\n ],\n [\n \"gf\",\n // French Guiana\n \"594\"\n ],\n [\n \"pf\",\n // French Polynesia\n \"689\"\n ],\n [\n \"ga\",\n // Gabon\n \"241\"\n ],\n [\n \"gm\",\n // Gambia\n \"220\"\n ],\n [\n \"ge\",\n // Georgia\n \"995\"\n ],\n [\n \"de\",\n // Germany\n \"49\"\n ],\n [\n \"gh\",\n // Ghana\n \"233\"\n ],\n [\n \"gi\",\n // Gibraltar\n \"350\"\n ],\n [\n \"gr\",\n // Greece\n \"30\"\n ],\n [\n \"gl\",\n // Greenland\n \"299\"\n ],\n [\n \"gd\",\n // Grenada\n \"1\",\n 14,\n [\"473\"]\n ],\n [\n \"gp\",\n // Guadeloupe\n \"590\",\n 0\n ],\n [\n \"gu\",\n // Guam\n \"1\",\n 15,\n [\"671\"]\n ],\n [\n \"gt\",\n // Guatemala\n \"502\"\n ],\n [\n \"gg\",\n // Guernsey\n \"44\",\n 1,\n [\"1481\", \"7781\", \"7839\", \"7911\"]\n ],\n [\n \"gn\",\n // Guinea\n \"224\"\n ],\n [\n \"gw\",\n // Guinea-Bissau\n \"245\"\n ],\n [\n \"gy\",\n // Guyana\n \"592\"\n ],\n [\n \"ht\",\n // Haiti\n \"509\"\n ],\n [\n \"hn\",\n // Honduras\n \"504\"\n ],\n [\n \"hk\",\n // Hong Kong SAR China\n \"852\"\n ],\n [\n \"hu\",\n // Hungary\n \"36\"\n ],\n [\n \"is\",\n // Iceland\n \"354\"\n ],\n [\n \"in\",\n // India\n \"91\"\n ],\n [\n \"id\",\n // Indonesia\n \"62\"\n ],\n [\n \"ir\",\n // Iran\n \"98\"\n ],\n [\n \"iq\",\n // Iraq\n \"964\"\n ],\n [\n \"ie\",\n // Ireland\n \"353\"\n ],\n [\n \"im\",\n // Isle of Man\n \"44\",\n 2,\n [\"1624\", \"74576\", \"7524\", \"7924\", \"7624\"]\n ],\n [\n \"il\",\n // Israel\n \"972\"\n ],\n [\n \"it\",\n // Italy\n \"39\",\n 0\n ],\n [\n \"jm\",\n // Jamaica\n \"1\",\n 4,\n [\"876\", \"658\"]\n ],\n [\n \"jp\",\n // Japan\n \"81\"\n ],\n [\n \"je\",\n // Jersey\n \"44\",\n 3,\n [\"1534\", \"7509\", \"7700\", \"7797\", \"7829\", \"7937\"]\n ],\n [\n \"jo\",\n // Jordan\n \"962\"\n ],\n [\n \"kz\",\n // Kazakhstan\n \"7\",\n 1,\n [\"33\", \"7\"]\n ],\n [\n \"ke\",\n // Kenya\n \"254\"\n ],\n [\n \"ki\",\n // Kiribati\n \"686\"\n ],\n [\n \"xk\",\n // Kosovo\n \"383\"\n ],\n [\n \"kw\",\n // Kuwait\n \"965\"\n ],\n [\n \"kg\",\n // Kyrgyzstan\n \"996\"\n ],\n [\n \"la\",\n // Laos\n \"856\"\n ],\n [\n \"lv\",\n // Latvia\n \"371\"\n ],\n [\n \"lb\",\n // Lebanon\n \"961\"\n ],\n [\n \"ls\",\n // Lesotho\n \"266\"\n ],\n [\n \"lr\",\n // Liberia\n \"231\"\n ],\n [\n \"ly\",\n // Libya\n \"218\"\n ],\n [\n \"li\",\n // Liechtenstein\n \"423\"\n ],\n [\n \"lt\",\n // Lithuania\n \"370\"\n ],\n [\n \"lu\",\n // Luxembourg\n \"352\"\n ],\n [\n \"mo\",\n // Macao SAR China\n \"853\"\n ],\n [\n \"mg\",\n // Madagascar\n \"261\"\n ],\n [\n \"mw\",\n // Malawi\n \"265\"\n ],\n [\n \"my\",\n // Malaysia\n \"60\"\n ],\n [\n \"mv\",\n // Maldives\n \"960\"\n ],\n [\n \"ml\",\n // Mali\n \"223\"\n ],\n [\n \"mt\",\n // Malta\n \"356\"\n ],\n [\n \"mh\",\n // Marshall Islands\n \"692\"\n ],\n [\n \"mq\",\n // Martinique\n \"596\"\n ],\n [\n \"mr\",\n // Mauritania\n \"222\"\n ],\n [\n \"mu\",\n // Mauritius\n \"230\"\n ],\n [\n \"yt\",\n // Mayotte\n \"262\",\n 1,\n [\"269\", \"639\"]\n ],\n [\n \"mx\",\n // Mexico\n \"52\"\n ],\n [\n \"fm\",\n // Micronesia\n \"691\"\n ],\n [\n \"md\",\n // Moldova\n \"373\"\n ],\n [\n \"mc\",\n // Monaco\n \"377\"\n ],\n [\n \"mn\",\n // Mongolia\n \"976\"\n ],\n [\n \"me\",\n // Montenegro\n \"382\"\n ],\n [\n \"ms\",\n // Montserrat\n \"1\",\n 16,\n [\"664\"]\n ],\n [\n \"ma\",\n // Morocco\n \"212\",\n 0\n ],\n [\n \"mz\",\n // Mozambique\n \"258\"\n ],\n [\n \"mm\",\n // Myanmar (Burma)\n \"95\"\n ],\n [\n \"na\",\n // Namibia\n \"264\"\n ],\n [\n \"nr\",\n // Nauru\n \"674\"\n ],\n [\n \"np\",\n // Nepal\n \"977\"\n ],\n [\n \"nl\",\n // Netherlands\n \"31\"\n ],\n [\n \"nc\",\n // New Caledonia\n \"687\"\n ],\n [\n \"nz\",\n // New Zealand\n \"64\"\n ],\n [\n \"ni\",\n // Nicaragua\n \"505\"\n ],\n [\n \"ne\",\n // Niger\n \"227\"\n ],\n [\n \"ng\",\n // Nigeria\n \"234\"\n ],\n [\n \"nu\",\n // Niue\n \"683\"\n ],\n [\n \"nf\",\n // Norfolk Island\n \"672\"\n ],\n [\n \"kp\",\n // North Korea\n \"850\"\n ],\n [\n \"mk\",\n // North Macedonia\n \"389\"\n ],\n [\n \"mp\",\n // Northern Mariana Islands\n \"1\",\n 17,\n [\"670\"]\n ],\n [\n \"no\",\n // Norway\n \"47\",\n 0\n ],\n [\n \"om\",\n // Oman\n \"968\"\n ],\n [\n \"pk\",\n // Pakistan\n \"92\"\n ],\n [\n \"pw\",\n // Palau\n \"680\"\n ],\n [\n \"ps\",\n // Palestinian Territories\n \"970\"\n ],\n [\n \"pa\",\n // Panama\n \"507\"\n ],\n [\n \"pg\",\n // Papua New Guinea\n \"675\"\n ],\n [\n \"py\",\n // Paraguay\n \"595\"\n ],\n [\n \"pe\",\n // Peru\n \"51\"\n ],\n [\n \"ph\",\n // Philippines\n \"63\"\n ],\n [\n \"pl\",\n // Poland\n \"48\"\n ],\n [\n \"pt\",\n // Portugal\n \"351\"\n ],\n [\n \"pr\",\n // Puerto Rico\n \"1\",\n 3,\n [\"787\", \"939\"]\n ],\n [\n \"qa\",\n // Qatar\n \"974\"\n ],\n [\n \"re\",\n // R\u00E9union\n \"262\",\n 0\n ],\n [\n \"ro\",\n // Romania\n \"40\"\n ],\n [\n \"ru\",\n // Russia\n \"7\",\n 0\n ],\n [\n \"rw\",\n // Rwanda\n \"250\"\n ],\n [\n \"ws\",\n // Samoa\n \"685\"\n ],\n [\n \"sm\",\n // San Marino\n \"378\"\n ],\n [\n \"st\",\n // S\u00E3o Tom\u00E9 & Pr\u00EDncipe\n \"239\"\n ],\n [\n \"sa\",\n // Saudi Arabia\n \"966\"\n ],\n [\n \"sn\",\n // Senegal\n \"221\"\n ],\n [\n \"rs\",\n // Serbia\n \"381\"\n ],\n [\n \"sc\",\n // Seychelles\n \"248\"\n ],\n [\n \"sl\",\n // Sierra Leone\n \"232\"\n ],\n [\n \"sg\",\n // Singapore\n \"65\"\n ],\n [\n \"sx\",\n // Sint Maarten\n \"1\",\n 21,\n [\"721\"]\n ],\n [\n \"sk\",\n // Slovakia\n \"421\"\n ],\n [\n \"si\",\n // Slovenia\n \"386\"\n ],\n [\n \"sb\",\n // Solomon Islands\n \"677\"\n ],\n [\n \"so\",\n // Somalia\n \"252\"\n ],\n [\n \"za\",\n // South Africa\n \"27\"\n ],\n [\n \"kr\",\n // South Korea\n \"82\"\n ],\n [\n \"ss\",\n // South Sudan\n \"211\"\n ],\n [\n \"es\",\n // Spain\n \"34\"\n ],\n [\n \"lk\",\n // Sri Lanka\n \"94\"\n ],\n [\n \"bl\",\n // St. Barth\u00E9lemy\n \"590\",\n 1\n ],\n [\n \"sh\",\n // St. Helena\n \"290\"\n ],\n [\n \"kn\",\n // St. Kitts & Nevis\n \"1\",\n 18,\n [\"869\"]\n ],\n [\n \"lc\",\n // St. Lucia\n \"1\",\n 19,\n [\"758\"]\n ],\n [\n \"mf\",\n // St. Martin\n \"590\",\n 2\n ],\n [\n \"pm\",\n // St. Pierre & Miquelon\n \"508\"\n ],\n [\n \"vc\",\n // St. Vincent & Grenadines\n \"1\",\n 20,\n [\"784\"]\n ],\n [\n \"sd\",\n // Sudan\n \"249\"\n ],\n [\n \"sr\",\n // Suriname\n \"597\"\n ],\n [\n \"sj\",\n // Svalbard & Jan Mayen\n \"47\",\n 1,\n [\"79\"]\n ],\n [\n \"se\",\n // Sweden\n \"46\"\n ],\n [\n \"ch\",\n // Switzerland\n \"41\"\n ],\n [\n \"sy\",\n // Syria\n \"963\"\n ],\n [\n \"tw\",\n // Taiwan\n \"886\"\n ],\n [\n \"tj\",\n // Tajikistan\n \"992\"\n ],\n [\n \"tz\",\n // Tanzania\n \"255\"\n ],\n [\n \"th\",\n // Thailand\n \"66\"\n ],\n [\n \"tl\",\n // Timor-Leste\n \"670\"\n ],\n [\n \"tg\",\n // Togo\n \"228\"\n ],\n [\n \"tk\",\n // Tokelau\n \"690\"\n ],\n [\n \"to\",\n // Tonga\n \"676\"\n ],\n [\n \"tt\",\n // Trinidad & Tobago\n \"1\",\n 22,\n [\"868\"]\n ],\n [\n \"tn\",\n // Tunisia\n \"216\"\n ],\n [\n \"tr\",\n // Turkey\n \"90\"\n ],\n [\n \"tm\",\n // Turkmenistan\n \"993\"\n ],\n [\n \"tc\",\n // Turks & Caicos Islands\n \"1\",\n 23,\n [\"649\"]\n ],\n [\n \"tv\",\n // Tuvalu\n \"688\"\n ],\n [\n \"ug\",\n // Uganda\n \"256\"\n ],\n [\n \"ua\",\n // Ukraine\n \"380\"\n ],\n [\n \"ae\",\n // United Arab Emirates\n \"971\"\n ],\n [\n \"gb\",\n // United Kingdom\n \"44\",\n 0\n ],\n [\n \"us\",\n // United States\n \"1\",\n 0\n ],\n [\n \"uy\",\n // Uruguay\n \"598\"\n ],\n [\n \"vi\",\n // U.S. Virgin Islands\n \"1\",\n 24,\n [\"340\"]\n ],\n [\n \"uz\",\n // Uzbekistan\n \"998\"\n ],\n [\n \"vu\",\n // Vanuatu\n \"678\"\n ],\n [\n \"va\",\n // Vatican City\n \"39\",\n 1,\n [\"06698\"]\n ],\n [\n \"ve\",\n // Venezuela\n \"58\"\n ],\n [\n \"vn\",\n // Vietnam\n \"84\"\n ],\n [\n \"wf\",\n // Wallis & Futuna\n \"681\"\n ],\n [\n \"eh\",\n // Western Sahara\n \"212\",\n 1,\n [\"5288\", \"5289\"]\n ],\n [\n \"ye\",\n // Yemen\n \"967\"\n ],\n [\n \"zm\",\n // Zambia\n \"260\"\n ],\n [\n \"zw\",\n // Zimbabwe\n \"263\"\n ]\n ];\n var allCountries = [];\n for (let i = 0; i < rawCountryData.length; i++) {\n const c = rawCountryData[i];\n allCountries[i] = {\n name: \"\",\n // this is now populated in the plugin\n iso2: c[0],\n dialCode: c[1],\n priority: c[2] || 0,\n areaCodes: c[3] || null,\n nodeById: {}\n };\n }\n var data_default = allCountries;\n\n // src/js/intl-tel-input/i18n/en/countries.ts\n var countryTranslations = {\n ad: \"Andorra\",\n ae: \"United Arab Emirates\",\n af: \"Afghanistan\",\n ag: \"Antigua & Barbuda\",\n ai: \"Anguilla\",\n al: \"Albania\",\n am: \"Armenia\",\n ao: \"Angola\",\n ar: \"Argentina\",\n as: \"American Samoa\",\n at: \"Austria\",\n au: \"Australia\",\n aw: \"Aruba\",\n ax: \"\\xC5land Islands\",\n az: \"Azerbaijan\",\n ba: \"Bosnia & Herzegovina\",\n bb: \"Barbados\",\n bd: \"Bangladesh\",\n be: \"Belgium\",\n bf: \"Burkina Faso\",\n bg: \"Bulgaria\",\n bh: \"Bahrain\",\n bi: \"Burundi\",\n bj: \"Benin\",\n bl: \"St. Barth\\xE9lemy\",\n bm: \"Bermuda\",\n bn: \"Brunei\",\n bo: \"Bolivia\",\n bq: \"Caribbean Netherlands\",\n br: \"Brazil\",\n bs: \"Bahamas\",\n bt: \"Bhutan\",\n bw: \"Botswana\",\n by: \"Belarus\",\n bz: \"Belize\",\n ca: \"Canada\",\n cc: \"Cocos (Keeling) Islands\",\n cd: \"Congo - Kinshasa\",\n cf: \"Central African Republic\",\n cg: \"Congo - Brazzaville\",\n ch: \"Switzerland\",\n ci: \"C\\xF4te d\\u2019Ivoire\",\n ck: \"Cook Islands\",\n cl: \"Chile\",\n cm: \"Cameroon\",\n cn: \"China\",\n co: \"Colombia\",\n cr: \"Costa Rica\",\n cu: \"Cuba\",\n cv: \"Cape Verde\",\n cw: \"Cura\\xE7ao\",\n cx: \"Christmas Island\",\n cy: \"Cyprus\",\n cz: \"Czechia\",\n de: \"Germany\",\n dj: \"Djibouti\",\n dk: \"Denmark\",\n dm: \"Dominica\",\n do: \"Dominican Republic\",\n dz: \"Algeria\",\n ec: \"Ecuador\",\n ee: \"Estonia\",\n eg: \"Egypt\",\n eh: \"Western Sahara\",\n er: \"Eritrea\",\n es: \"Spain\",\n et: \"Ethiopia\",\n fi: \"Finland\",\n fj: \"Fiji\",\n fk: \"Falkland Islands\",\n fm: \"Micronesia\",\n fo: \"Faroe Islands\",\n fr: \"France\",\n ga: \"Gabon\",\n gb: \"United Kingdom\",\n gd: \"Grenada\",\n ge: \"Georgia\",\n gf: \"French Guiana\",\n gg: \"Guernsey\",\n gh: \"Ghana\",\n gi: \"Gibraltar\",\n gl: \"Greenland\",\n gm: \"Gambia\",\n gn: \"Guinea\",\n gp: \"Guadeloupe\",\n gq: \"Equatorial Guinea\",\n gr: \"Greece\",\n gt: \"Guatemala\",\n gu: \"Guam\",\n gw: \"Guinea-Bissau\",\n gy: \"Guyana\",\n hk: \"Hong Kong SAR China\",\n hn: \"Honduras\",\n hr: \"Croatia\",\n ht: \"Haiti\",\n hu: \"Hungary\",\n id: \"Indonesia\",\n ie: \"Ireland\",\n il: \"Israel\",\n im: \"Isle of Man\",\n in: \"India\",\n io: \"British Indian Ocean Territory\",\n iq: \"Iraq\",\n ir: \"Iran\",\n is: \"Iceland\",\n it: \"Italy\",\n je: \"Jersey\",\n jm: \"Jamaica\",\n jo: \"Jordan\",\n jp: \"Japan\",\n ke: \"Kenya\",\n kg: \"Kyrgyzstan\",\n kh: \"Cambodia\",\n ki: \"Kiribati\",\n km: \"Comoros\",\n kn: \"St. Kitts & Nevis\",\n kp: \"North Korea\",\n kr: \"South Korea\",\n kw: \"Kuwait\",\n ky: \"Cayman Islands\",\n kz: \"Kazakhstan\",\n la: \"Laos\",\n lb: \"Lebanon\",\n lc: \"St. Lucia\",\n li: \"Liechtenstein\",\n lk: \"Sri Lanka\",\n lr: \"Liberia\",\n ls: \"Lesotho\",\n lt: \"Lithuania\",\n lu: \"Luxembourg\",\n lv: \"Latvia\",\n ly: \"Libya\",\n ma: \"Morocco\",\n mc: \"Monaco\",\n md: \"Moldova\",\n me: \"Montenegro\",\n mf: \"St. Martin\",\n mg: \"Madagascar\",\n mh: \"Marshall Islands\",\n mk: \"North Macedonia\",\n ml: \"Mali\",\n mm: \"Myanmar (Burma)\",\n mn: \"Mongolia\",\n mo: \"Macao SAR China\",\n mp: \"Northern Mariana Islands\",\n mq: \"Martinique\",\n mr: \"Mauritania\",\n ms: \"Montserrat\",\n mt: \"Malta\",\n mu: \"Mauritius\",\n mv: \"Maldives\",\n mw: \"Malawi\",\n mx: \"Mexico\",\n my: \"Malaysia\",\n mz: \"Mozambique\",\n na: \"Namibia\",\n nc: \"New Caledonia\",\n ne: \"Niger\",\n nf: \"Norfolk Island\",\n ng: \"Nigeria\",\n ni: \"Nicaragua\",\n nl: \"Netherlands\",\n no: \"Norway\",\n np: \"Nepal\",\n nr: \"Nauru\",\n nu: \"Niue\",\n nz: \"New Zealand\",\n om: \"Oman\",\n pa: \"Panama\",\n pe: \"Peru\",\n pf: \"French Polynesia\",\n pg: \"Papua New Guinea\",\n ph: \"Philippines\",\n pk: \"Pakistan\",\n pl: \"Poland\",\n pm: \"St. Pierre & Miquelon\",\n pr: \"Puerto Rico\",\n ps: \"Palestinian Territories\",\n pt: \"Portugal\",\n pw: \"Palau\",\n py: \"Paraguay\",\n qa: \"Qatar\",\n re: \"R\\xE9union\",\n ro: \"Romania\",\n rs: \"Serbia\",\n ru: \"Russia\",\n rw: \"Rwanda\",\n sa: \"Saudi Arabia\",\n sb: \"Solomon Islands\",\n sc: \"Seychelles\",\n sd: \"Sudan\",\n se: \"Sweden\",\n sg: \"Singapore\",\n sh: \"St. Helena\",\n si: \"Slovenia\",\n sj: \"Svalbard & Jan Mayen\",\n sk: \"Slovakia\",\n sl: \"Sierra Leone\",\n sm: \"San Marino\",\n sn: \"Senegal\",\n so: \"Somalia\",\n sr: \"Suriname\",\n ss: \"South Sudan\",\n st: \"S\\xE3o Tom\\xE9 & Pr\\xEDncipe\",\n sv: \"El Salvador\",\n sx: \"Sint Maarten\",\n sy: \"Syria\",\n sz: \"Eswatini\",\n tc: \"Turks & Caicos Islands\",\n td: \"Chad\",\n tg: \"Togo\",\n th: \"Thailand\",\n tj: \"Tajikistan\",\n tk: \"Tokelau\",\n tl: \"Timor-Leste\",\n tm: \"Turkmenistan\",\n tn: \"Tunisia\",\n to: \"Tonga\",\n tr: \"Turkey\",\n tt: \"Trinidad & Tobago\",\n tv: \"Tuvalu\",\n tw: \"Taiwan\",\n tz: \"Tanzania\",\n ua: \"Ukraine\",\n ug: \"Uganda\",\n us: \"United States\",\n uy: \"Uruguay\",\n uz: \"Uzbekistan\",\n va: \"Vatican City\",\n vc: \"St. Vincent & Grenadines\",\n ve: \"Venezuela\",\n vg: \"British Virgin Islands\",\n vi: \"U.S. Virgin Islands\",\n vn: \"Vietnam\",\n vu: \"Vanuatu\",\n wf: \"Wallis & Futuna\",\n ws: \"Samoa\",\n ye: \"Yemen\",\n yt: \"Mayotte\",\n za: \"South Africa\",\n zm: \"Zambia\",\n zw: \"Zimbabwe\"\n };\n var countries_default = countryTranslations;\n\n // src/js/intl-tel-input/i18n/en/interface.ts\n var interfaceTranslations = {\n selectedCountryAriaLabel: \"Selected country\",\n noCountrySelected: \"No country selected\",\n countryListAriaLabel: \"List of countries\",\n searchPlaceholder: \"Search\",\n zeroSearchResults: \"No results found\",\n oneSearchResult: \"1 result found\",\n multipleSearchResults: \"${count} results found\",\n // additional countries (not supported by country-list library)\n ac: \"Ascension Island\",\n xk: \"Kosovo\"\n };\n var interface_default = interfaceTranslations;\n\n // src/js/intl-tel-input/i18n/en/index.ts\n var allTranslations = { ...countries_default, ...interface_default };\n var en_default = allTranslations;\n\n // src/js/intl-tel-input.ts\n for (let i = 0; i < data_default.length; i++) {\n data_default[i].name = en_default[data_default[i].iso2];\n }\n var id = 0;\n var defaults = {\n //* Whether or not to allow the dropdown.\n allowDropdown: true,\n //* Add a placeholder in the input with an example number for the selected country.\n autoPlaceholder: \"polite\",\n //* Modify the parentClass.\n containerClass: \"\",\n //* The order of the countries in the dropdown. Defaults to alphabetical.\n countryOrder: null,\n //* Add a country search input at the top of the dropdown.\n countrySearch: true,\n //* Modify the auto placeholder.\n customPlaceholder: null,\n //* Append menu to specified element.\n dropdownContainer: null,\n //* Don't display these countries.\n excludeCountries: [],\n //* Fix the dropdown width to the input width (rather than being as wide as the longest country name).\n fixDropdownWidth: true,\n //* Format the number as the user types\n formatAsYouType: true,\n //* Format the input value during initialisation and on setNumber.\n formatOnDisplay: true,\n //* geoIp lookup function.\n geoIpLookup: null,\n //* Inject a hidden input with the name returned from this function, and on submit, populate it with the result of getNumber.\n hiddenInput: null,\n //* Internationalise the plugin text e.g. search input placeholder, country names.\n i18n: {},\n //* Initial country.\n initialCountry: \"\",\n //* Specify the path to the libphonenumber script to enable validation/formatting.\n loadUtilsOnInit: \"\",\n //* National vs international formatting for numbers e.g. placeholders and displaying existing numbers.\n nationalMode: true,\n //* Display only these countries.\n onlyCountries: [],\n //* Number type to use for placeholders.\n placeholderNumberType: \"MOBILE\",\n //* Show flags - for both the selected country, and in the country dropdown\n showFlags: true,\n //* Display the international dial code next to the selected flag.\n separateDialCode: false,\n //* Only allow certain chars e.g. a plus followed by numeric digits, and cap at max valid length.\n strictMode: false,\n //* Use full screen popup instead of dropdown for country list.\n useFullscreenPopup: typeof navigator !== \"undefined\" && typeof window !== \"undefined\" ? (\n //* We cannot just test screen size as some smartphones/website meta tags will report desktop resolutions.\n //* Note: to target Android Mobiles (and not Tablets), we must find 'Android' and 'Mobile'\n /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n navigator.userAgent\n ) || window.innerWidth <= 500\n ) : false,\n //* Deprecated! Use `loadUtilsOnInit` instead.\n utilsScript: \"\",\n //* The number type to enforce during validation.\n validationNumberType: \"MOBILE\"\n };\n var regionlessNanpNumbers = [\n \"800\",\n \"822\",\n \"833\",\n \"844\",\n \"855\",\n \"866\",\n \"877\",\n \"880\",\n \"881\",\n \"882\",\n \"883\",\n \"884\",\n \"885\",\n \"886\",\n \"887\",\n \"888\",\n \"889\"\n ];\n var getNumeric = (s) => s.replace(/\\D/g, \"\");\n var normaliseString = (s = \"\") => s.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").toLowerCase();\n var isRegionlessNanp = (number) => {\n const numeric = getNumeric(number);\n if (numeric.charAt(0) === \"1\") {\n const areaCode = numeric.substr(1, 3);\n return regionlessNanpNumbers.indexOf(areaCode) !== -1;\n }\n return false;\n };\n var translateCursorPosition = (relevantChars, formattedValue, prevCaretPos, isDeleteForwards) => {\n if (prevCaretPos === 0 && !isDeleteForwards) {\n return 0;\n }\n let count = 0;\n for (let i = 0; i < formattedValue.length; i++) {\n if (/[+0-9]/.test(formattedValue[i])) {\n count++;\n }\n if (count === relevantChars && !isDeleteForwards) {\n return i + 1;\n }\n if (isDeleteForwards && count === relevantChars + 1) {\n return i;\n }\n }\n return formattedValue.length;\n };\n var createEl = (name, attrs, container) => {\n const el = document.createElement(name);\n if (attrs) {\n Object.entries(attrs).forEach(([key, value]) => el.setAttribute(key, value));\n }\n if (container) {\n container.appendChild(el);\n }\n return el;\n };\n var forEachInstance = (method, ...args) => {\n const { instances } = intlTelInput;\n Object.values(instances).forEach((instance) => instance[method](...args));\n };\n var Iti = class {\n constructor(input, customOptions = {}) {\n this.id = id++;\n this.telInput = input;\n this.highlightedItem = null;\n this.options = Object.assign({}, defaults, customOptions);\n this.hadInitialPlaceholder = Boolean(input.getAttribute(\"placeholder\"));\n }\n //* Can't be private as it's called from intlTelInput convenience wrapper.\n _init() {\n if (this.options.useFullscreenPopup) {\n this.options.fixDropdownWidth = false;\n }\n if (this.options.onlyCountries.length === 1) {\n this.options.initialCountry = this.options.onlyCountries[0];\n }\n if (this.options.separateDialCode) {\n this.options.nationalMode = false;\n }\n if (this.options.allowDropdown && !this.options.showFlags && !this.options.separateDialCode) {\n this.options.nationalMode = false;\n }\n if (this.options.useFullscreenPopup && !this.options.dropdownContainer) {\n this.options.dropdownContainer = document.body;\n }\n this.isAndroid = typeof navigator !== \"undefined\" ? /Android/i.test(navigator.userAgent) : false;\n this.isRTL = !!this.telInput.closest(\"[dir=rtl]\");\n const showOnDefaultSide = this.options.allowDropdown || this.options.separateDialCode;\n this.showSelectedCountryOnLeft = this.isRTL ? !showOnDefaultSide : showOnDefaultSide;\n if (this.options.separateDialCode) {\n if (this.isRTL) {\n this.originalPaddingRight = this.telInput.style.paddingRight;\n } else {\n this.originalPaddingLeft = this.telInput.style.paddingLeft;\n }\n }\n this.options.i18n = { ...en_default, ...this.options.i18n };\n const autoCountryPromise = new Promise((resolve, reject) => {\n this.resolveAutoCountryPromise = resolve;\n this.rejectAutoCountryPromise = reject;\n });\n const utilsScriptPromise = new Promise((resolve, reject) => {\n this.resolveUtilsScriptPromise = resolve;\n this.rejectUtilsScriptPromise = reject;\n });\n this.promise = Promise.all([autoCountryPromise, utilsScriptPromise]);\n this.selectedCountryData = {};\n this._processCountryData();\n this._generateMarkup();\n this._setInitialState();\n this._initListeners();\n this._initRequests();\n }\n //********************\n //* PRIVATE METHODS\n //********************\n //* Prepare all of the country data, including onlyCountries, excludeCountries, countryOrder options.\n _processCountryData() {\n this._processAllCountries();\n this._processDialCodes();\n this._translateCountryNames();\n this._sortCountries();\n }\n //* Sort countries by countryOrder option (if present), then name.\n _sortCountries() {\n if (this.options.countryOrder) {\n this.options.countryOrder = this.options.countryOrder.map((country) => country.toLowerCase());\n }\n this.countries.sort((a, b) => {\n const { countryOrder } = this.options;\n if (countryOrder) {\n const aIndex = countryOrder.indexOf(a.iso2);\n const bIndex = countryOrder.indexOf(b.iso2);\n const aIndexExists = aIndex > -1;\n const bIndexExists = bIndex > -1;\n if (aIndexExists || bIndexExists) {\n if (aIndexExists && bIndexExists) {\n return aIndex - bIndex;\n }\n return aIndexExists ? -1 : 1;\n }\n }\n return a.name.localeCompare(b.name);\n });\n }\n //* Add a dial code to this.dialCodeToIso2Map.\n _addToDialCodeMap(iso2, dialCode, priority) {\n if (dialCode.length > this.dialCodeMaxLen) {\n this.dialCodeMaxLen = dialCode.length;\n }\n if (!this.dialCodeToIso2Map.hasOwnProperty(dialCode)) {\n this.dialCodeToIso2Map[dialCode] = [];\n }\n for (let i = 0; i < this.dialCodeToIso2Map[dialCode].length; i++) {\n if (this.dialCodeToIso2Map[dialCode][i] === iso2) {\n return;\n }\n }\n const index = priority !== void 0 ? priority : this.dialCodeToIso2Map[dialCode].length;\n this.dialCodeToIso2Map[dialCode][index] = iso2;\n }\n //* Process onlyCountries or excludeCountries array if present.\n _processAllCountries() {\n const { onlyCountries, excludeCountries } = this.options;\n if (onlyCountries.length) {\n const lowerCaseOnlyCountries = onlyCountries.map(\n (country) => country.toLowerCase()\n );\n this.countries = data_default.filter(\n (country) => lowerCaseOnlyCountries.indexOf(country.iso2) > -1\n );\n } else if (excludeCountries.length) {\n const lowerCaseExcludeCountries = excludeCountries.map(\n (country) => country.toLowerCase()\n );\n this.countries = data_default.filter(\n (country) => lowerCaseExcludeCountries.indexOf(country.iso2) === -1\n );\n } else {\n this.countries = data_default;\n }\n }\n //* Translate Countries by object literal provided on config.\n _translateCountryNames() {\n for (let i = 0; i < this.countries.length; i++) {\n const iso2 = this.countries[i].iso2.toLowerCase();\n if (this.options.i18n.hasOwnProperty(iso2)) {\n this.countries[i].name = this.options.i18n[iso2];\n }\n }\n }\n //* Generate this.dialCodes and this.dialCodeToIso2Map.\n _processDialCodes() {\n this.dialCodes = {};\n this.dialCodeMaxLen = 0;\n this.dialCodeToIso2Map = {};\n for (let i = 0; i < this.countries.length; i++) {\n const c = this.countries[i];\n if (!this.dialCodes[c.dialCode]) {\n this.dialCodes[c.dialCode] = true;\n }\n this._addToDialCodeMap(c.iso2, c.dialCode, c.priority);\n }\n for (let i = 0; i < this.countries.length; i++) {\n const c = this.countries[i];\n if (c.areaCodes) {\n const rootIso2Code = this.dialCodeToIso2Map[c.dialCode][0];\n for (let j = 0; j < c.areaCodes.length; j++) {\n const areaCode = c.areaCodes[j];\n for (let k = 1; k < areaCode.length; k++) {\n const partialDialCode = c.dialCode + areaCode.substr(0, k);\n this._addToDialCodeMap(rootIso2Code, partialDialCode);\n this._addToDialCodeMap(c.iso2, partialDialCode);\n }\n this._addToDialCodeMap(c.iso2, c.dialCode + areaCode);\n }\n }\n }\n }\n //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.\n _generateMarkup() {\n this.telInput.classList.add(\"iti__tel-input\");\n if (!this.telInput.hasAttribute(\"autocomplete\") && !(this.telInput.form && this.telInput.form.hasAttribute(\"autocomplete\"))) {\n this.telInput.setAttribute(\"autocomplete\", \"off\");\n }\n const {\n allowDropdown,\n separateDialCode,\n showFlags,\n containerClass,\n hiddenInput,\n dropdownContainer,\n fixDropdownWidth,\n useFullscreenPopup,\n countrySearch,\n i18n\n } = this.options;\n let parentClass = \"iti\";\n if (allowDropdown) {\n parentClass += \" iti--allow-dropdown\";\n }\n if (showFlags) {\n parentClass += \" iti--show-flags\";\n }\n if (containerClass) {\n parentClass += ` ${containerClass}`;\n }\n if (!useFullscreenPopup) {\n parentClass += \" iti--inline-dropdown\";\n }\n const wrapper = createEl(\"div\", { class: parentClass });\n this.telInput.parentNode?.insertBefore(wrapper, this.telInput);\n if (allowDropdown || showFlags || separateDialCode) {\n this.countryContainer = createEl(\n \"div\",\n { class: \"iti__country-container\" },\n wrapper\n );\n if (this.showSelectedCountryOnLeft) {\n this.countryContainer.style.left = \"0px\";\n } else {\n this.countryContainer.style.right = \"0px\";\n }\n if (allowDropdown) {\n this.selectedCountry = createEl(\n \"button\",\n {\n type: \"button\",\n class: \"iti__selected-country\",\n \"aria-expanded\": \"false\",\n \"aria-label\": this.options.i18n.selectedCountryAriaLabel,\n \"aria-haspopup\": \"true\",\n \"aria-controls\": `iti-${this.id}__dropdown-content`,\n \"role\": \"combobox\"\n },\n this.countryContainer\n );\n if (this.telInput.disabled) {\n this.selectedCountry.setAttribute(\"disabled\", \"true\");\n }\n } else {\n this.selectedCountry = createEl(\n \"div\",\n { class: \"iti__selected-country\" },\n this.countryContainer\n );\n }\n const selectedCountryPrimary = createEl(\"div\", { class: \"iti__selected-country-primary\" }, this.selectedCountry);\n this.selectedCountryInner = createEl(\"div\", { class: \"iti__flag\" }, selectedCountryPrimary);\n this.selectedCountryA11yText = createEl(\n \"span\",\n { class: \"iti__a11y-text\" },\n this.selectedCountryInner\n );\n if (allowDropdown) {\n this.dropdownArrow = createEl(\n \"div\",\n { class: \"iti__arrow\", \"aria-hidden\": \"true\" },\n selectedCountryPrimary\n );\n }\n if (separateDialCode) {\n this.selectedDialCode = createEl(\n \"div\",\n { class: \"iti__selected-dial-code\" },\n this.selectedCountry\n );\n }\n if (allowDropdown) {\n const extraClasses = fixDropdownWidth ? \"\" : \"iti--flexible-dropdown-width\";\n this.dropdownContent = createEl(\"div\", {\n id: `iti-${this.id}__dropdown-content`,\n class: `iti__dropdown-content iti__hide ${extraClasses}`\n });\n if (countrySearch) {\n this.searchInput = createEl(\n \"input\",\n {\n type: \"text\",\n class: \"iti__search-input\",\n placeholder: i18n.searchPlaceholder,\n role: \"combobox\",\n \"aria-expanded\": \"true\",\n \"aria-label\": i18n.searchPlaceholder,\n \"aria-controls\": `iti-${this.id}__country-listbox`,\n \"aria-autocomplete\": \"list\",\n \"autocomplete\": \"off\"\n },\n this.dropdownContent\n );\n this.searchResultsA11yText = createEl(\n \"span\",\n { class: \"iti__a11y-text\" },\n this.dropdownContent\n );\n }\n this.countryList = createEl(\n \"ul\",\n {\n class: \"iti__country-list\",\n id: `iti-${this.id}__country-listbox`,\n role: \"listbox\",\n \"aria-label\": i18n.countryListAriaLabel\n },\n this.dropdownContent\n );\n this._appendListItems();\n if (countrySearch) {\n this._updateSearchResultsText();\n }\n if (dropdownContainer) {\n let dropdownClasses = \"iti iti--container\";\n if (useFullscreenPopup) {\n dropdownClasses += \" iti--fullscreen-popup\";\n } else {\n dropdownClasses += \" iti--inline-dropdown\";\n }\n this.dropdown = createEl(\"div\", { class: dropdownClasses });\n this.dropdown.appendChild(this.dropdownContent);\n } else {\n this.countryContainer.appendChild(this.dropdownContent);\n }\n }\n }\n wrapper.appendChild(this.telInput);\n this._updateInputPadding();\n if (hiddenInput) {\n const telInputName = this.telInput.getAttribute(\"name\") || \"\";\n const names = hiddenInput(telInputName);\n if (names.phone) {\n this.hiddenInput = createEl(\"input\", {\n type: \"hidden\",\n name: names.phone\n });\n wrapper.appendChild(this.hiddenInput);\n }\n if (names.country) {\n this.hiddenInputCountry = createEl(\"input\", {\n type: \"hidden\",\n name: names.country\n });\n wrapper.appendChild(this.hiddenInputCountry);\n }\n }\n }\n //* For each country: add a country list item
  • to the countryList