--> TEXT)\n if (morphedNodeType === ELEMENT_NODE) {\n if (toNodeType === ELEMENT_NODE) {\n if (!compareNodeNames(fromNode, toNode)) {\n onNodeDiscarded(fromNode);\n morphedNode = moveChildren(fromNode, createElementNS(toNode.nodeName, toNode.namespaceURI));\n }\n } else {\n // Going from an element node to a text node\n morphedNode = toNode;\n }\n } else if (morphedNodeType === TEXT_NODE || morphedNodeType === COMMENT_NODE) { // Text or comment node\n if (toNodeType === morphedNodeType) {\n if (morphedNode.nodeValue !== toNode.nodeValue) {\n morphedNode.nodeValue = toNode.nodeValue;\n }\n\n return morphedNode;\n } else {\n // Text node to something else\n morphedNode = toNode;\n }\n }\n }\n\n if (morphedNode === toNode) {\n // The \"to node\" was not compatible with the \"from node\" so we had to\n // toss out the \"from node\" and use the \"to node\"\n onNodeDiscarded(fromNode);\n } else {\n if (toNode.isSameNode && toNode.isSameNode(morphedNode)) {\n return;\n }\n\n morphEl(morphedNode, toNode, childrenOnly);\n\n // We now need to loop over any keyed nodes that might need to be\n // removed. We only do the removal if we know that the keyed node\n // never found a match. When a keyed node is matched up we remove\n // it out of fromNodesLookup and we use fromNodesLookup to determine\n // if a keyed node has been matched up or not\n if (keyedRemovalList) {\n for (var i=0, len=keyedRemovalList.length; i
kv.split('='))\n .reduce((obj, [k, v]) => ({ ...obj, [k]: v }), {});\n}\n\n/**\n * Creates a query string from the key-value pairs in the object. Result includes the leading `?`;\n * @param {Objecty} obj an object to be converted to a query string\n * @returns {string} a query string resulting from the object\n */\nexport function objectAsQuery(obj) {\n let pairs = [];\n for (let k in obj) {\n pairs.push(`${k}=${obj[k]}`);\n }\n if (pairs.length === 0) return '';\n return `?${pairs.join('&')}`;\n}\n\n/**\n * Adds a key-value pair to the current URL's query string without reloading, using the history API\n * @param {string} key the property's key\n * @param {string} value the property's value\n */\nexport function setUrlProperty(key, value) {\n let query = queryAsObject(location.search);\n if (value) {\n query[key] = value;\n } else {\n delete query[key];\n }\n setQueryString(objectAsQuery(query));\n}\n\n/**\n * Sets the query string in the current URL without reload, using the history API\n * @param {string} queryString a query string with the leading `?`\n */\nexport function setQueryString(queryString) {\n let url = `${location.origin}${location.pathname}${queryString}${location.hash}`;\n history.replaceState(null, '', url);\n}\n\n/**\n * Sets the current URL's query string with values from a form.\n * @param {HTMLFormElement} form form from which to extract query\n */\nexport function setQueryFromForm(form) {\n setQueryString(queryFromForm(form));\n}\n\n/**\n * Generates a query string from a form.\n * @param {HTMLFormElement} form form from which to extract query\n * @returns {string} query string generated from the form's values. Includes the leading `?`\n */\nexport function queryFromForm(form) {\n return `?${new URLSearchParams(new FormData(form)).toString()}`;\n}\n","import { Controller } from 'stimulus';\nimport Rails from '@rails/ujs';\nimport morphdom from 'morphdom';\n\nimport { setQueryFromForm } from '../../../utils/query';\n\nconst DEBOUNCE_MILLISECONDS = 1000;\nconst OVERLAY_VISIBLE_CLASS = 'filter-form__overlay--visible'\n\n/**\n * @module Cm::Campaign.FilterController\n * @description Controller for `Cm::Campaigns::FilterComponent`.\n *\n */\nexport default class extends Controller {\n static targets = ['form', 'searchInput', 'spinner', 'error', 'column'];\n\n connect() {\n this.searchInputTarget.select();\n this.fireSubmit = this.fireSubmit.bind(this);\n this.turbolinksBeforeVisit = this.turbolinksBeforeVisit.bind(this);\n document.addEventListener('turbolinks:before-visit', this.turbolinksBeforeVisit, false);\n this.enableColumns();\n }\n\n disconnect() {\n document.removeEventListener('turbolinks:before-visit', this.turbolinksBeforeVisit);\n this.searchInputTarget.value = '';\n }\n\n /** Handler for form ajax:loading event */\n loading() {\n setQueryFromForm(this.formTarget);\n this.disableColumns();\n this.showSpinner();\n }\n\n /**\n * Handler for form ajax:success event\n * @param {event} event the event from the form\n */\n success({ detail: [response] }) {\n morphdom(this.element, response.body.children[0]);\n }\n\n /** Handler for form ajax:error event */\n error() {\n this.showError();\n }\n\n /** Handler for form ajax:complete event */\n complete() {\n this.enableColumns();\n }\n\n /** Submit the form immediately */\n submit() {\n setTimeout(this.fireSubmit, 0);\n }\n\n /** Submit the form with a debounce */\n submitDebounced() {\n if (this.submitTimeout) {\n clearTimeout(this.submitTimeout);\n }\n this.submitTimeout = setTimeout(this.fireSubmit, DEBOUNCE_MILLISECONDS);\n }\n\n /** Fire the submit event on the form */\n fireSubmit() {\n Rails.fire(this.formTarget, 'submit');\n }\n\n /** Show the loading spinner overlay */\n showSpinner() {\n this.errorTarget.classList.remove(OVERLAY_VISIBLE_CLASS);\n this.spinnerTarget.classList.add(OVERLAY_VISIBLE_CLASS);\n }\n\n /** Show the error message overlay */\n showError() {\n this.spinnerTarget.classList.remove(OVERLAY_VISIBLE_CLASS);\n this.errorTarget.classList.add(OVERLAY_VISIBLE_CLASS);\n }\n\n /** Disable the column filter buttons */\n disableColumns() {\n for (let column of this.columnTargets) {\n column.setAttribute('disabled', 'disabled');\n }\n }\n\n /** Enable the column filter buttons */\n enableColumns() {\n for (let column of this.columnTargets) {\n column.removeAttribute('disabled');\n }\n }\n\n /** Handler for the turbolinks:before-visit event */\n turbolinksBeforeVisit({ data: { url }}) {\n url = new URL(url);\n if (url.pathname !== location.pathname) return;\n this.disableColumns();\n this.showSpinner();\n }\n\n updateMigrated(event) {\n event.target.innerHTML = 'Already Migrated'\n }\n}\n","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static targets = [\"submitButton\", \"form\", \"errorLabel\"];\n\n connect() {\n this.preFormatNumber();\n\n this.failedValidation = []\n\n const elements = document.getElementsByClassName('answer-element');\n this.errorLabelTarget.hidden = true;\n\n const _this = this;\n this.submitButtonTarget.addEventListener('click', function() {\n _this.errorLabelTarget.hidden = true;\n\n // Uncomment this when you need validation\n\n for (var i = 0; i < elements.length; i++) {\n if (elements[i].value == '' || typeof elements[i].value == 'undefined'){\n _this.errorLabelTarget.hidden = false;\n return;\n }\n }\n\n console.log(_this.failedValidation)\n\n if (_this.failedValidation.length !== 0) {\n _this.errorLabelTarget.hidden = false;\n return;\n }\n\n _this.formTarget.submit();\n });\n }\n\n preFormatNumber(){\n const textBoxes = document.querySelectorAll('.text-field-number,.text-field-currency,.text-field-percentage')\n\n for (var i = 0; i < textBoxes.length; i++){\n this.setInputFilter(\n textBoxes[i],\n function(value) {\n return /^-?\\d*[.]?\\d*$/.test(value);\n }\n );\n }\n }\n\n tabToNext(event) {\n if(event.key === 'Tab'){\n this.formatNumber(event)\n }\n }\n\n formatNumber(event) {\n let value = event.target.value.replace(',', '');\n let first = value.split('.')[0]\n let second = value.split('.')[1]\n event.target.value = first.replace(/\\B(?=(\\d{3})+(?!\\d))/g, \" \");\n\n if (typeof second != 'undefined') {\n event.target.value += \".\" + second\n }\n }\n\n formatPercentage(event) {\n if (parseFloat(event.target.value) > 100) {\n event.target.value = '100'\n }\n }\n\n setInputFilter(textbox, inputFilter) {\n [\"input\", \"keydown\", \"keyup\", \"mousedown\", \"mouseup\", \"select\", \"contextmenu\", \"drop\"].forEach(function(event) {\n textbox.addEventListener(event, function() {\n if (inputFilter(this.value)) {\n this.oldValue = this.value;\n this.oldSelectionStart = this.selectionStart;\n this.oldSelectionEnd = this.selectionEnd;\n } else if (this.hasOwnProperty(\"oldValue\")) {\n this.value = this.oldValue;\n this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);\n } else {\n this.value = this.value.replaceAll(' ', '');\n }\n });\n });\n }\n\n validateEmail(event) {\n this.validate(/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/, event.target)\n }\n\n validatePhone(event) {\n this.validate(/^(\\+\\d{1,2}\\s?)?\\(?\\d{2,3}\\)?[\\s.-]?\\d{3}[\\s.-]?\\d{4}$/, event.target)\n }\n\n validateUrl(event) {\n this.validate(/[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)/, event.target)\n }\n\n validate(regex, textbox) {\n\n if (regex.test(textbox.value)){\n this.failedValidation = this.failedValidation.filter(function(value, index, arr){\n return value !== textbox.name;\n });\n\n textbox.classList.remove('failed-validation')\n return (true)\n }\n else {\n this.failedValidation.push(textbox.name)\n this.failedValidation = [...new Set(this.failedValidation)]\n\n textbox.classList.add('failed-validation')\n }\n }\n\n}\n","import { Controller } from 'stimulus';\nimport Rails from '@rails/ujs';\n\nexport default class extends Controller {\n\n copyLink() {\n var copyText = document.getElementById(\"campaign-link\");\n\n navigator.clipboard.writeText(copyText.value).then(function() {\n alert('Copying to clipboard was successful!');\n }, function(err) {\n alert(\"Could not copy text: \" + err);\n });\n }\n}\n","import { Controller } from 'stimulus';\nimport Rails from '@rails/ujs';\n\nexport default class extends Controller {\n static targets = ['startDate', 'endDate', 'password'];\n\n connect(){\n /**\n * Hack: This will allow us to mark flatpicker datepickers as required fields\n * {@see @link https://github.com/flatpickr/flatpickr/issues/892 }\n */\n $(\"#datetimepicker\").prop('readonly', false)\n }\n\n validateStartDate() {\n this.validateDate(this.endDateTarget, this.startDateTarget, 'biggerThan')\n }\n\n validateEndDate() {\n this.validateDate(this.startDateTarget, this.endDateTarget, 'smallerThan')\n }\n\n validateDate(fixedDateInput, changingDateInput, logic) {\n if (!fixedDateInput.value) {\n return;\n }\n\n const fixedDate = new Date(fixedDateInput.value);\n const changingDate = new Date(changingDateInput.value);\n\n var check;\n\n if (logic === 'biggerThan') {\n check = changingDate > fixedDate\n } else if (logic === 'smallerThan') {\n check = changingDate < fixedDate\n }\n\n if (check){\n changingDateInput.value = fixedDateInput.value\n changingDateInput.nextSibling.value = this.formatDate(fixedDate)\n }\n }\n\n formatDate(date) {\n return date.toLocaleString('en-US', {\n day: 'numeric', // numeric, 2-digit\n year: 'numeric', // numeric, 2-digit\n month: 'long', // numeric, 2-digit, long, short, narrow\n });\n }\n\n copyPassword() {\n navigator.clipboard.writeText(this.passwordTarget.value).then(function() {\n alert('Copying to clipboard was successful!');\n }, function(err) {\n alert(\"Could not copy text: \" + err);\n });\n }\n}\n","import { Controller } from 'stimulus';\nimport Rails from '@rails/ujs';\n\nexport default class extends Controller {\n static targets = ['password', 'passwordConfirmation', 'errorLabel', 'submit'];\n\n validatePassword() {\n if(this.passwordTarget.value !== this.passwordConfirmationTarget.value) {\n this.invalidPassword('Passwords do not match')\n }\n else if(this.passwordTarget.value.length < 6) {\n this.invalidPassword('Password is too short')\n }\n else {\n this.validPassword()\n }\n }\n\n invalidPassword(errorMessage) {\n this.submitTarget.disabled = true\n this.errorLabelTarget.innerHTML = errorMessage;\n }\n\n validPassword() {\n this.submitTarget.disabled = false\n this.errorLabelTarget.innerHTML = '';\n }\n}\n","import { Controller } from 'stimulus';\nimport Rails from '@rails/ujs';\n\n\nexport default class extends Controller {\n static targets = ['elementsDiv', 'deleteButton'];\n\n addTextField() {\n var elementNumber = this.elementsDivTarget.children.length + 1;\n\n // Options for the select element\n var label = document.createElement('label');\n label.innerHTML = 'Please select a Text Field type:';\n\n // Select element Creation\n var selectOptions = { name: `cm_question[text_field_element_${elementNumber}]` }\n var selectElement = document.createElement('select');\n Object.assign(selectElement, selectOptions);\n\n // Add select options\n for (var i = 0; i < this.textFieldTypeOptions().length; i++) {\n var selectOption = this.textFieldTypeOptions()[i];\n selectElement.options.add( new Option(selectOption.text, selectOption.value, selectOption.selected) );\n }\n\n // Wrapping all the elements in a div that can be managed by scss / styling\n var textFieldWrapper = document.createElement('div');\n textFieldWrapper.appendChild(label);\n textFieldWrapper.appendChild(selectElement);\n textFieldWrapper.classList.add('cm-questions__form__dynamic-elements__text-field-element')\n\n // Wrapping the above wrapper in a final div (every element goes through this process)\n this.elementsDivTarget.appendChild(this.elementWrapper(textFieldWrapper));\n }\n\n addBoolean() {\n var elementNumber = this.elementsDivTarget.children.length + 1;\n\n // Options for the radio buttons\n var options = { type: 'radio', disabled: true }\n\n // Yes label and radio button\n var yesLabel = document.createElement('label');\n yesLabel.innerHTML = 'Yes';\n var yesRadio = document.createElement('input');\n Object.assign(yesRadio, options);\n\n // Set Yes radio button to selected\n yesRadio.checked = true;\n\n // No label and radio button\n var noLabel = document.createElement('label');\n noLabel.innerHTML = 'No';\n var noRadio = document.createElement('input');\n Object.assign(noRadio, options);\n\n // This hidden is added otherwise the element isn't submitted as boolean_element (disabled radio buttons don't get submitted?)\n var hiddenOptions = { type: 'radio', name: `cm_question[boolean_element_${elementNumber}]`, hidden: true}\n var hiddenRadio = document.createElement('input');\n hiddenRadio.checked = true\n Object.assign(hiddenRadio, hiddenOptions);\n\n // Wrapping radio buttons to ensure they act as a single entity in styling\n var booleanWrapper = document.createElement('div');\n booleanWrapper.appendChild(yesLabel);\n booleanWrapper.appendChild(yesRadio);\n booleanWrapper.appendChild(noLabel);\n booleanWrapper.appendChild(noRadio);\n booleanWrapper.appendChild(hiddenRadio);\n booleanWrapper.classList.add('cm-questions__form__dynamic-elements__boolean-element')\n\n // Wrapping the above wrapper in a final div (every element goes through this process)\n this.elementsDivTarget.appendChild(this.elementWrapper(booleanWrapper));\n }\n\n addSelect() {\n var elementNumber = this.elementsDivTarget.children.length + 1;\n\n // Label for the select element\n var label = document.createElement('label');\n label.innerHTML = 'Please enter the select options here:';\n\n // Select element creation\n var options = { name: `cm_question[select_element_${elementNumber}]` }\n var selectElement = document.createElement('textarea');\n Object.assign(selectElement, options);\n\n // Wrapping label and slect to ensure they act as a single entity in styling\n var selectWrapper = document.createElement('div');\n selectWrapper.appendChild(label);\n selectWrapper.appendChild(selectElement);\n selectWrapper.classList.add('cm-questions__form__dynamic-elements__select-element')\n\n // Wrapping the above wrapper in a final div (every element goes through this process)\n this.elementsDivTarget.appendChild(this.elementWrapper(selectWrapper));\n }\n\n addDate() {\n var elementNumber = this.elementsDivTarget.children.length + 1;\n\n // Date element creation\n var dateElement = document.createElement('input');\n\n // Use setAttribute here instead of Object.assign because of data-controller not being picked up\n dateElement.setAttribute('name', `cm_question[date_element_${elementNumber}]`)\n dateElement.setAttribute('data-controller', 'flatpickr')\n\n // Wrapping the date element in a final div (every element goes through this process)\n this.elementsDivTarget.appendChild(this.elementWrapper(dateElement));\n }\n\n removeElement(event) {\n // There is some randomness linked here for some reason\n // It needs some deeper investigation before we can fix it\n\n var elementsDiv = document.getElementById('elements-div')\n\n if (event.target.parentNode.parentNode === elementsDiv){\n event.target.parentNode.remove();\n }\n else {\n event.target.parentNode.parentNode.remove();\n }\n }\n\n elementWrapper(element) {\n var tempDeleteButton = document.getElementsByClassName('temp_delete_button')[0]\n var deleteButton = tempDeleteButton.cloneNode(true);\n deleteButton.classList.add('cm-questions__form__dynamic-elements__remove-field')\n deleteButton.classList.remove('hide')\n deleteButton.addEventListener('click', this.removeElement);\n\n var wrapper = document.createElement('div');\n wrapper.classList.add('cm-questions__form__dynamic-elements__wrapper')\n\n wrapper.appendChild(element);\n wrapper.appendChild(deleteButton);\n\n return wrapper;\n }\n\n textFieldTypeOptions() {\n return [\n { \"text\" : \"Text Field\", \"value\" : \"text_field\", \"selected\" : true },\n { \"text\" : \"Number\", \"value\" : \"number\" },\n { \"text\" : \"Percentage\", \"value\" : \"percentage\" },\n { \"text\" : \"Email\", \"value\" : \"email\" },\n { \"text\" : \"Phone\", \"value\" : \"phone\" },\n { \"text\" : \"URL\", \"value\" : \"url\" },\n { \"text\" : \"Text Area\", \"value\" : \"text_area\" },\n { \"text\" : \"Currency\",\"value\" : \"currency\" }\n ];\n }\n}\n","import { Controller } from 'stimulus';\n\nexport default class extends Controller {\n static targets = ['body', 'header']\n\n toggle() {\n this.headerTarget.classList.toggle(\"active\");\n this.bodyTarget.style.display = this.bodyTarget.style.display === 'block' ? 'none' : 'block';\n }\n}\n","/*!\n * Cropper.js v1.5.12\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2021-06-12T08:00:17.411Z\n */\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n\n if (enumerableOnly) {\n symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n }\n\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n return arr2;\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';\nvar WINDOW = IS_BROWSER ? window : {};\nvar IS_TOUCH_DEVICE = IS_BROWSER && WINDOW.document.documentElement ? 'ontouchstart' in WINDOW.document.documentElement : false;\nvar HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;\nvar NAMESPACE = 'cropper'; // Actions\n\nvar ACTION_ALL = 'all';\nvar ACTION_CROP = 'crop';\nvar ACTION_MOVE = 'move';\nvar ACTION_ZOOM = 'zoom';\nvar ACTION_EAST = 'e';\nvar ACTION_WEST = 'w';\nvar ACTION_SOUTH = 's';\nvar ACTION_NORTH = 'n';\nvar ACTION_NORTH_EAST = 'ne';\nvar ACTION_NORTH_WEST = 'nw';\nvar ACTION_SOUTH_EAST = 'se';\nvar ACTION_SOUTH_WEST = 'sw'; // Classes\n\nvar CLASS_CROP = \"\".concat(NAMESPACE, \"-crop\");\nvar CLASS_DISABLED = \"\".concat(NAMESPACE, \"-disabled\");\nvar CLASS_HIDDEN = \"\".concat(NAMESPACE, \"-hidden\");\nvar CLASS_HIDE = \"\".concat(NAMESPACE, \"-hide\");\nvar CLASS_INVISIBLE = \"\".concat(NAMESPACE, \"-invisible\");\nvar CLASS_MODAL = \"\".concat(NAMESPACE, \"-modal\");\nvar CLASS_MOVE = \"\".concat(NAMESPACE, \"-move\"); // Data keys\n\nvar DATA_ACTION = \"\".concat(NAMESPACE, \"Action\");\nvar DATA_PREVIEW = \"\".concat(NAMESPACE, \"Preview\"); // Drag modes\n\nvar DRAG_MODE_CROP = 'crop';\nvar DRAG_MODE_MOVE = 'move';\nvar DRAG_MODE_NONE = 'none'; // Events\n\nvar EVENT_CROP = 'crop';\nvar EVENT_CROP_END = 'cropend';\nvar EVENT_CROP_MOVE = 'cropmove';\nvar EVENT_CROP_START = 'cropstart';\nvar EVENT_DBLCLICK = 'dblclick';\nvar EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';\nvar EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? 'touchmove' : 'mousemove';\nvar EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';\nvar EVENT_POINTER_DOWN = HAS_POINTER_EVENT ? 'pointerdown' : EVENT_TOUCH_START;\nvar EVENT_POINTER_MOVE = HAS_POINTER_EVENT ? 'pointermove' : EVENT_TOUCH_MOVE;\nvar EVENT_POINTER_UP = HAS_POINTER_EVENT ? 'pointerup pointercancel' : EVENT_TOUCH_END;\nvar EVENT_READY = 'ready';\nvar EVENT_RESIZE = 'resize';\nvar EVENT_WHEEL = 'wheel';\nvar EVENT_ZOOM = 'zoom'; // Mime types\n\nvar MIME_TYPE_JPEG = 'image/jpeg'; // RegExps\n\nvar REGEXP_ACTIONS = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/;\nvar REGEXP_DATA_URL = /^data:/;\nvar REGEXP_DATA_URL_JPEG = /^data:image\\/jpeg;base64,/;\nvar REGEXP_TAG_NAME = /^img|canvas$/i; // Misc\n// Inspired by the default width and height of a canvas element.\n\nvar MIN_CONTAINER_WIDTH = 200;\nvar MIN_CONTAINER_HEIGHT = 100;\n\nvar DEFAULTS = {\n // Define the view mode of the cropper\n viewMode: 0,\n // 0, 1, 2, 3\n // Define the dragging mode of the cropper\n dragMode: DRAG_MODE_CROP,\n // 'crop', 'move' or 'none'\n // Define the initial aspect ratio of the crop box\n initialAspectRatio: NaN,\n // Define the aspect ratio of the crop box\n aspectRatio: NaN,\n // An object with the previous cropping result data\n data: null,\n // A selector for adding extra containers to preview\n preview: '',\n // Re-render the cropper when resize the window\n responsive: true,\n // Restore the cropped area after resize the window\n restore: true,\n // Check if the current image is a cross-origin image\n checkCrossOrigin: true,\n // Check the current image's Exif Orientation information\n checkOrientation: true,\n // Show the black modal\n modal: true,\n // Show the dashed lines for guiding\n guides: true,\n // Show the center indicator for guiding\n center: true,\n // Show the white modal to highlight the crop box\n highlight: true,\n // Show the grid background\n background: true,\n // Enable to crop the image automatically when initialize\n autoCrop: true,\n // Define the percentage of automatic cropping area when initializes\n autoCropArea: 0.8,\n // Enable to move the image\n movable: true,\n // Enable to rotate the image\n rotatable: true,\n // Enable to scale the image\n scalable: true,\n // Enable to zoom the image\n zoomable: true,\n // Enable to zoom the image by dragging touch\n zoomOnTouch: true,\n // Enable to zoom the image by wheeling mouse\n zoomOnWheel: true,\n // Define zoom ratio when zoom the image by wheeling mouse\n wheelZoomRatio: 0.1,\n // Enable to move the crop box\n cropBoxMovable: true,\n // Enable to resize the crop box\n cropBoxResizable: true,\n // Toggle drag mode between \"crop\" and \"move\" when click twice on the cropper\n toggleDragModeOnDblclick: true,\n // Size limitation\n minCanvasWidth: 0,\n minCanvasHeight: 0,\n minCropBoxWidth: 0,\n minCropBoxHeight: 0,\n minContainerWidth: MIN_CONTAINER_WIDTH,\n minContainerHeight: MIN_CONTAINER_HEIGHT,\n // Shortcuts of events\n ready: null,\n cropstart: null,\n cropmove: null,\n cropend: null,\n crop: null,\n zoom: null\n};\n\nvar TEMPLATE = '' + '
' + '
' + '
' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '
' + '
![]()
or