From c31e896b86b5b45366bf78dfdc342e5a75264bf1 Mon Sep 17 00:00:00 2001 From: Justin Schroeder Date: Thu, 27 Feb 2020 01:18:51 -0500 Subject: [PATCH] Includes support for slider values, custom validation rules and messages --- .DS_Store | Bin 6148 -> 6148 bytes build/rollup.config.js | 4 +- dist/formulate.esm.js | 3366 +------------------------- dist/formulate.min.js | 3373 +------------------------- dist/formulate.umd.js | 3376 +-------------------------- dist/snow.css | 28 + dist/snow.min.css | 4 +- package-lock.json | 76 +- package.json | 5 +- src/Formulate.js | 4 +- src/FormulateInput.vue | 46 +- src/inputs/FormulateInputSlider.vue | 5 + src/libs/context.js | 6 +- test/FormulateForm.test.js | 19 +- test/FormulateInput.test.js | 120 + test/FormulateInputSlider.test.js | 10 + test/jest.conf.js | 2 +- themes/snow/_inputs.scss | 37 + 18 files changed, 308 insertions(+), 10173 deletions(-) create mode 100644 test/FormulateInput.test.js diff --git a/.DS_Store b/.DS_Store index 78765153479b065f1d5ee9e59285d4999a99304d..12774366cf9a2d8da9823a22640790857e74aaed 100644 GIT binary patch delta 20 bcmZoMXffDuiG|(5Ku5vS!f^9V7HwewMWY59 delta 20 bcmZoMXffDuiG|(7R7b(w!f5kN7HwewMW6;6 diff --git a/build/rollup.config.js b/build/rollup.config.js index a39be82..d4c1fe2 100644 --- a/build/rollup.config.js +++ b/build/rollup.config.js @@ -1,6 +1,7 @@ import commonjs from 'rollup-plugin-commonjs' // Convert CommonJS modules to ES6 import vue from 'rollup-plugin-vue' // Handle .vue SFC files import buble from 'rollup-plugin-buble' // Transpile/polyfill with reasonable browser support +import { terser } from 'rollup-plugin-terser' export default { input: 'src/Formulate.js', // Path relative to package.json @@ -23,6 +24,7 @@ export default { }), buble({ objectAssign: 'Object.assign' - }) // Transpile to ES5 + }), // Transpile to ES5, + terser() ] } diff --git a/dist/formulate.esm.js b/dist/formulate.esm.js index d15d8ba..512e0fa 100644 --- a/dist/formulate.esm.js +++ b/dist/formulate.esm.js @@ -1,3365 +1 @@ -import isUrl from 'is-url'; -import nanoid from 'nanoid'; -import isPlainObject from 'is-plain-object'; - -var library = { - // === SINGLE LINE TEXT STYLE INPUTS - text: { - classification: 'text', - component: 'FormulateInputText' - }, - email: { - classification: 'text', - component: 'FormulateInputText' - }, - number: { - classification: 'text', - component: 'FormulateInputText' - }, - color: { - classification: 'text', - component: 'FormulateInputText' - }, - date: { - classification: 'text', - component: 'FormulateInputText' - }, - hidden: { - classification: 'text', - component: 'FormulateInputText' - }, - month: { - classification: 'text', - component: 'FormulateInputText' - }, - password: { - classification: 'text', - component: 'FormulateInputText' - }, - search: { - classification: 'text', - component: 'FormulateInputText' - }, - tel: { - classification: 'text', - component: 'FormulateInputText' - }, - time: { - classification: 'text', - component: 'FormulateInputText' - }, - url: { - classification: 'text', - component: 'FormulateInputText' - }, - week: { - classification: 'text', - component: 'FormulateInputText' - }, - 'datetime-local': { - classification: 'text', - component: 'FormulateInputText' - }, - - // === SLIDER INPUTS - range: { - classification: 'slider', - component: 'FormulateInputSlider' - }, - - // === MULTI LINE TEXT INPUTS - textarea: { - classification: 'textarea', - component: 'FormulateInputTextArea' - }, - - // === BOX STYLE INPUTS - checkbox: { - classification: 'box', - component: 'FormulateInputBox' - }, - radio: { - classification: 'box', - component: 'FormulateInputBox' - }, - - // === BUTTON STYLE INPUTS - submit: { - classification: 'button', - component: 'FormulateInputButton' - }, - button: { - classification: 'button', - component: 'FormulateInputButton' - }, - - // === SELECT STYLE INPUTS - select: { - classification: 'select', - component: 'FormulateInputSelect' - }, - - // === FILE TYPE - - file: { - classification: 'file', - component: 'FormulateInputFile' - }, - image: { - classification: 'file', - component: 'FormulateInputFile' - } -}; - -/** - * The file upload class holds and represents a file’s upload state durring - * the upload flow. - */ -var FileUpload = function FileUpload (input, context, options) { - this.input = input; - this.fileList = input.files; - this.files = []; - this.options = options; - this.addFileList(this.fileList); - this.context = context; -}; - -/** - * Produce an array of files and alert the callback. - * @param {FileList} - */ -FileUpload.prototype.addFileList = function addFileList (fileList) { - var this$1 = this; - - var loop = function ( i ) { - var file = fileList[i]; - var uuid = nanoid(); - var removeFile = function () { - this.removeFile(uuid); - }; - this$1.files.push({ - progress: false, - error: false, - complete: false, - justFinished: false, - name: file.name || 'file-upload', - file: file, - uuid: uuid, - path: false, - removeFile: removeFile.bind(this$1), - previewData: false - }); - }; - - for (var i = 0; i < fileList.length; i++) loop( i ); -}; - -/** - * Check if the file has an. - */ -FileUpload.prototype.hasUploader = function hasUploader () { - return !!this.context.uploader -}; - -/** - * Check if the given uploader is axios instance. - */ -FileUpload.prototype.uploaderIsAxios = function uploaderIsAxios () { - if ( - this.hasUploader && - typeof this.hasUploader.request === 'function' && - typeof this.hasUploader.get === 'function' && - typeof this.hasUploader.delete === 'function' && - typeof this.hasUploader.post === 'function' - ) { - return true - } - return false -}; - -/** - * Get a new uploader function. - */ -FileUpload.prototype.getUploader = function getUploader () { - var ref; - - var args = [], len = arguments.length; - while ( len-- ) args[ len ] = arguments[ len ]; - if (this.uploaderIsAxios()) { - var formData = new FormData(); - formData.append(this.context.name || 'file', args[0]); - return this.uploader.post(this.context.uploadUrl, formData, { - headers: { - 'Content-Type': 'multipart/form-data' - }, - onUploadProgress: function (progressEvent) { - args[1](Math.round((progressEvent.loaded * 100) / progressEvent.total)); - } - }) - .catch(function (err) { return args[2](err); }) - } - return (ref = this.context).uploader.apply(ref, args) -}; - -/** - * Perform the file upload. - */ -FileUpload.prototype.upload = function upload () { - var this$1 = this; - - return new Promise(function (resolve, reject) { - if (!this$1.hasUploader) { - return reject(new Error('No uploader has been defined')) - } - Promise.all(this$1.files.map(function (file) { - return file.path ? Promise.resolve(file.path) : this$1.getUploader( - file.file, - function (progress) { - file.progress = progress; - if (progress >= 100) { - if (!file.complete) { - file.justFinished = true; - setTimeout(function () { file.justFinished = false; }, this$1.options.uploadJustCompleteDuration); - } - file.complete = true; - } - }, - function (error) { - file.progress = 0; - file.error = error; - file.complete = true; - }, - this$1.options - ) - })) - .then(function (results) { return resolve(results); }) - .catch(function (err) { throw new Error(err) }); - }) -}; - -/** - * Remove a file from the uploader (and the file list) - * @param {string} uuid - */ -FileUpload.prototype.removeFile = function removeFile (uuid) { - this.files = this.files.filter(function (file) { return file.uuid !== uuid; }); - if (window) { - var transfer = new DataTransfer(); - this.files.map(function (file) { return transfer.items.add(file.file); }); - this.fileList = transfer.files; - this.input.files = this.fileList; - } -}; - -/** - * load image previews for all uploads. - */ -FileUpload.prototype.loadPreviews = function loadPreviews () { - this.files.map(function (file) { - if (!file.previewData && window && window.FileReader && /^image\//.test(file.file.type)) { - var reader = new FileReader(); - reader.onload = function (e) { return Object.assign(file, { previewData: e.target.result }); }; - reader.readAsDataURL(file.file); - } - }); -}; - -/** - * Get the files. - */ -FileUpload.prototype.getFileList = function getFileList () { - return this.fileList -}; - -/** - * Get the files. - */ -FileUpload.prototype.getFiles = function getFiles () { - return this.files -}; - -FileUpload.prototype.toString = function toString () { - var descriptor = this.files.length ? this.files.length + ' files' : 'empty'; - return ("FileUpload(" + descriptor + ")") -}; - -/** - * Function to map over an object. - * @param {Object} obj An object to map over - * @param {Function} callback - */ -function map (original, callback) { - var obj = {}; - for (var key in original) { - obj[key] = callback(key, original[key]); - } - return obj -} - -/** - * Shallow equal. - * @param {} objA - * @param {*} objB - */ -function shallowEqualObjects (objA, objB) { - if (objA === objB) { - return true - } - if (!objA || !objB) { - return false - } - var aKeys = Object.keys(objA); - var bKeys = Object.keys(objB); - var len = aKeys.length; - - if (bKeys.length !== len) { - return false - } - - for (var i = 0; i < len; i++) { - var key = aKeys[i]; - - if (objA[key] !== objB[key]) { - return false - } - } - return true -} - -/** - * Given a string, object, falsey, or array - return an array. - * @param {mixed} item - */ -function arrayify (item) { - if (!item) { - return [] - } - if (typeof item === 'string') { - return [item] - } - if (Array.isArray(item)) { - return item - } - if (typeof item === 'object') { - return Object.values(item) - } - return [] -} - -/** - * How to add an item. - * @param {string} item - */ -function sentence (item) { - if (typeof item === 'string') { - return item[0].toUpperCase() + item.substr(1) - } - return item -} - -/** - * Given an array or string return an array of callables. - * @param {array|string} validation - * @param {array} rules and array of functions - * @return {array} an array of functions - */ -function parseRules (validation, rules) { - if (typeof validation === 'string') { - return parseRules(validation.split('|'), rules) - } - if (!Array.isArray(validation)) { - return [] - } - return validation.map(function (rule) { return parseRule(rule, rules); }).filter(function (f) { return !!f; }) -} - -/** - * Given a string or function, parse it and return the an array in the format - * [fn, [...arguments]] - * @param {string|function} rule - */ -function parseRule (rule, rules) { - if (typeof rule === 'function') { - return [rule, []] - } - if (Array.isArray(rule) && rule.length) { - rule = rule.map(function (r) { return r; }); // light clone - if (typeof rule[0] === 'string' && rules.hasOwnProperty(rule[0])) { - return [rules[rule.shift()], rule] - } - if (typeof rule[0] === 'function') { - return [rule.shift(), rule] - } - } - if (typeof rule === 'string') { - var segments = rule.split(':'); - var functionName = segments.shift(); - if (rules.hasOwnProperty(functionName)) { - return [rules[functionName], segments.length ? segments.join(':').split(',') : []] - } else { - throw new Error(("Unknown validation rule " + rule)) - } - } - return false -} - -/** - * Escape a string for use in regular expressions. - * @param {string} string - */ -function escapeRegExp (string) { - return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') // $& means the whole matched string -} - -/** - * Given a string format (date) return a regex to match against. - * @param {string} format - */ -function regexForFormat (format) { - var escaped = "^" + (escapeRegExp(format)) + "$"; - var formats = { - MM: '(0[1-9]|1[012])', - M: '([1-9]|1[012])', - DD: '([012][1-9]|3[01])', - D: '([012]?[1-9]|3[01])', - YYYY: '\\d{4}', - YY: '\\d{2}' - }; - return new RegExp(Object.keys(formats).reduce(function (regex, format) { - return regex.replace(format, formats[format]) - }, escaped)) -} - -/** - * Check if - * @param {mixed} data - */ -function isValueType (data) { - switch (typeof data) { - case 'symbol': - case 'number': - case 'string': - case 'boolean': - case 'undefined': - return true - default: - if (data === null) { - return true - } - return false - } -} - -/** - * A simple (somewhat non-comprehensive) cloneDeep function, valid for our use - * case of needing to unbind reactive watchers. - */ -function cloneDeep (obj) { - var newObj = {}; - for (var key in obj) { - if (obj[key] instanceof FileUpload || isValueType(obj[key])) { - newObj[key] = obj[key]; - } else { - newObj[key] = cloneDeep(obj[key]); - } - } - return newObj -} - -/** - * Library of rules - */ -var rules = { - /** - * Rule: the value must be "yes", "on", "1", or true - */ - accepted: function (ref) { - var value = ref.value; - - return Promise.resolve(['yes', 'on', '1', 1, true, 'true'].includes(value)) - }, - - /** - * Rule: checks if a value is after a given date. Defaults to current time - */ - after: function (ref, compare) { - var value = ref.value; - if ( compare === void 0 ) compare = false; - - var timestamp = Date.parse(compare || new Date()); - var fieldValue = Date.parse(value); - return Promise.resolve(isNaN(fieldValue) ? false : (fieldValue > timestamp)) - }, - - /** - * Rule: checks if the value is only alpha - */ - alpha: function (ref, set) { - var value = ref.value; - if ( set === void 0 ) set = 'default'; - - var sets = { - default: /^[a-zA-ZÀ-ÖØ-öø-ÿ]+$/, - latin: /^[a-zA-Z]+$/ - }; - var selectedSet = sets.hasOwnProperty(set) ? set : 'default'; - return Promise.resolve(sets[selectedSet].test(value)) - }, - - /** - * Rule: checks if the value is alpha numeric - */ - alphanumeric: function (ref, set) { - var value = ref.value; - if ( set === void 0 ) set = 'default'; - - var sets = { - default: /^[a-zA-Z0-9À-ÖØ-öø-ÿ]+$/, - latin: /^[a-zA-Z0-9]+$/ - }; - var selectedSet = sets.hasOwnProperty(set) ? set : 'default'; - return Promise.resolve(sets[selectedSet].test(value)) - }, - - /** - * Rule: checks if a value is after a given date. Defaults to current time - */ - before: function (ref, compare) { - var value = ref.value; - if ( compare === void 0 ) compare = false; - - var timestamp = Date.parse(compare || new Date()); - var fieldValue = Date.parse(value); - return Promise.resolve(isNaN(fieldValue) ? false : (fieldValue < timestamp)) - }, - - /** - * Rule: checks if the value is between two other values - */ - between: function (ref, from, to) { - var value = ref.value; - if ( from === void 0 ) from = 0; - if ( to === void 0 ) to = 10; - - return Promise.resolve((function () { - if (from === null || to === null || isNaN(from) || isNaN(to)) { - return false - } - from = Number(from); - to = Number(to); - if (!isNaN(value)) { - value = Number(value); - return (value > from && value < to) - } - if (typeof value === 'string') { - return value.length > from && value.length < to - } - return false - })()) - }, - - /** - * Confirm that the value of one field is the same as another, mostly used - * for password confirmations. - */ - confirm: function (ref, field) { - var value = ref.value; - var getFormValues = ref.getFormValues; - var name = ref.name; - - return Promise.resolve((function () { - var formValues = getFormValues(); - var confirmationFieldName = field; - if (!confirmationFieldName) { - confirmationFieldName = /_confirm$/.test(name) ? name.substr(0, name.length - 8) : (name + "_confirm"); - } - return formValues[confirmationFieldName] === value - })()) - }, - - /** - * Rule: ensures the value is a date according to Date.parse(), or a format - * regex. - */ - date: function (ref, format) { - var value = ref.value; - if ( format === void 0 ) format = false; - - return Promise.resolve((function () { - if (format && typeof format === 'string') { - return regexForFormat(format).test(value) - } - return !isNaN(Date.parse(value)) - })()) - }, - - /** - * Rule: tests - */ - email: function (ref) { - var value = ref.value; - - // eslint-disable-next-line - var isEmail = /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i; - return Promise.resolve(isEmail.test(value)) - }, - - /** - * Rule: Value is in an array (stack). - */ - in: function (ref) { - var value = ref.value; - var stack = [], len = arguments.length - 1; - while ( len-- > 0 ) stack[ len ] = arguments[ len + 1 ]; - - return Promise.resolve(stack.find(function (item) { - if (typeof item === 'object') { - return shallowEqualObjects(item, value) - } - return item === value - }) !== undefined) - }, - - /** - * Rule: Match the value against a (stack) of patterns or strings - */ - matches: function (ref) { - var value = ref.value; - var stack = [], len = arguments.length - 1; - while ( len-- > 0 ) stack[ len ] = arguments[ len + 1 ]; - - return Promise.resolve(!!stack.find(function (pattern) { - if (pattern instanceof RegExp) { - return pattern.test(value) - } - return pattern === value - })) - }, - - /** - * Check the maximum value of a particular. - */ - max: function (ref, minimum, force) { - var value = ref.value; - if ( minimum === void 0 ) minimum = 10; - - return Promise.resolve((function () { - if (Array.isArray(value)) { - minimum = !isNaN(minimum) ? Number(minimum) : minimum; - return value.length <= minimum - } - if ((!isNaN(value) && force !== 'length') || force === 'value') { - value = !isNaN(value) ? Number(value) : value; - return value <= minimum - } - if (typeof value === 'string' || (force === 'length')) { - value = !isNaN(value) ? value.toString() : value; - return value.length <= minimum - } - return false - })()) - }, - - /** - * Check the file type is correct. - */ - mime: function (ref) { - var value = ref.value; - var types = [], len = arguments.length - 1; - while ( len-- > 0 ) types[ len ] = arguments[ len + 1 ]; - - return Promise.resolve((function () { - if (value instanceof FileUpload) { - var fileList = value.getFileList(); - for (var i = 0; i < fileList.length; i++) { - var file = fileList[i]; - if (!types.includes(file.type)) { - return false - } - } - } - return true - })()) - }, - - /** - * Check the minimum value of a particular. - */ - min: function (ref, minimum, force) { - var value = ref.value; - if ( minimum === void 0 ) minimum = 1; - - return Promise.resolve((function () { - if (Array.isArray(value)) { - minimum = !isNaN(minimum) ? Number(minimum) : minimum; - return value.length >= minimum - } - if ((!isNaN(value) && force !== 'length') || force === 'value') { - value = !isNaN(value) ? Number(value) : value; - return value >= minimum - } - if (typeof value === 'string' || (force === 'length')) { - value = !isNaN(value) ? value.toString() : value; - return value.length >= minimum - } - return false - })()) - }, - - /** - * Rule: Value is not in stack. - */ - not: function (ref) { - var value = ref.value; - var stack = [], len = arguments.length - 1; - while ( len-- > 0 ) stack[ len ] = arguments[ len + 1 ]; - - return Promise.resolve(stack.find(function (item) { - if (typeof item === 'object') { - return shallowEqualObjects(item, value) - } - return item === value - }) === undefined) - }, - - /** - * Rule: checks if the value is only alpha numeric - */ - number: function (ref) { - var value = ref.value; - - return Promise.resolve(!isNaN(value)) - }, - - /** - * Rule: must be a value - */ - required: function (ref, isRequired) { - var value = ref.value; - if ( isRequired === void 0 ) isRequired = true; - - return Promise.resolve((function () { - if (!isRequired || ['no', 'false'].includes(isRequired)) { - return true - } - if (Array.isArray(value)) { - return !!value.length - } - if (typeof value === 'string') { - return !!value - } - if (typeof value === 'object') { - return (!value) ? false : !!Object.keys(value).length - } - return true - })()) - }, - - /** - * Rule: checks if a string is a valid url - */ - url: function (ref) { - var value = ref.value; - - return Promise.resolve(isUrl(value)) - } -}; - -/** - * Validation error message generators. - */ -var en = { - - /** - * Valid accepted value. - */ - accepted: function (ref) { - var name = ref.name; - - return ("Please accept the " + name + ".") - }, - - /** - * The date is not after. - */ - after: function (ref) { - var name = ref.name; - var args = ref.args; - - if (Array.isArray(args) && args.length) { - return ((sentence(name)) + " must be after " + (args[0]) + ".") - } - return ((sentence(name)) + " must be a later date.") - }, - - /** - * The value is not a letter. - */ - alpha: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " can only contain alphabetical characters.") - }, - - /** - * Rule: checks if the value is alpha numeric - */ - alphanumeric: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " can only contain letters and numbers.") - }, - - /** - * The date is not before. - */ - before: function (ref) { - var name = ref.name; - var args = ref.args; - - if (Array.isArray(args) && args.length) { - return ((sentence(name)) + " must be before " + (args[0]) + ".") - } - return ((sentence(name)) + " must be an earlier date.") - }, - - /** - * The value is not between two numbers or lengths - */ - between: function (ref) { - var name = ref.name; - var value = ref.value; - var args = ref.args; - - if (!isNaN(value)) { - return ((sentence(name)) + " must be between " + (args[0]) + " and " + (args[1]) + ".") - } - return ((sentence(name)) + " must be between " + (args[0]) + " and " + (args[1]) + " characters long.") - }, - - /** - * The confirmation field does not match - */ - confirm: function (ref) { - var name = ref.name; - var args = ref.args; - - return ((sentence(name)) + " does not match.") - }, - - /** - * Is not a valid date. - */ - date: function (ref) { - var name = ref.name; - var args = ref.args; - - if (Array.isArray(args) && args.length) { - return ((sentence(name)) + " is not a valid, please use the format " + (args[0])) - } - return ((sentence(name)) + " is not a valid date.") - }, - - /** - * The default render method for error messages. - */ - default: function (ref) { - var name = ref.name; - - return "This field isn’t valid." - }, - - /** - * Is not a valid email address. - */ - email: function (ref) { - var name = ref.name; - var value = ref.value; - - if (!value) { - return 'Please enter a valid email address.' - } - return ("“" + value + "” is not a valid email address.") - }, - - /** - * Value is an allowed value. - */ - in: function (ref) { - var name = ref.name; - var value = ref.value; - - if (typeof value === 'string' && value) { - return ("“" + (sentence(value)) + "” is not an allowed " + name + ".") - } - return ("This is not an allowed " + name + ".") - }, - - /** - * Value is not a match. - */ - matches: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " is not an allowed value.") - }, - - /** - * The maximum value allowed. - */ - max: function (ref) { - var name = ref.name; - var value = ref.value; - var args = ref.args; - - if (Array.isArray(value)) { - return ("You may only select " + (args[0]) + " " + name + ".") - } - var force = Array.isArray(args) && args[1] ? args[1] : false; - if ((!isNaN(value) && force !== 'length') || force === 'value') { - return ((sentence(name)) + " must be less than " + (args[0]) + ".") - } - return ((sentence(name)) + " must be less than " + (args[0]) + " characters long.") - }, - - /** - * The (field-level) error message for mime errors. - */ - mime: function (ref) { - var name = ref.name; - var args = ref.args; - - return ((sentence(name)) + " must be of the the type: " + (args[0] || 'No file formats allowed.')) - }, - - /** - * The maximum value allowed. - */ - min: function (ref) { - var name = ref.name; - var value = ref.value; - var args = ref.args; - - if (Array.isArray(value)) { - return ("You must select at least " + (args[0]) + " " + name + ".") - } - var force = Array.isArray(args) && args[1] ? args[1] : false; - if ((!isNaN(value) && force !== 'length') || force === 'value') { - return ((sentence(name)) + " must be more than " + (args[0]) + ".") - } - return ((sentence(name)) + " must be more than " + (args[0]) + " characters long.") - }, - - /** - * The field is not an allowed value - */ - not: function (ref) { - var name = ref.name; - var value = ref.value; - - return ("“" + value + "” is not an allowed " + name + ".") - }, - - /** - * The field is not a number - */ - number: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " must be a number.") - }, - - /** - * Required field. - */ - required: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " is required.") - }, - - /** - * Value is not a url. - */ - url: function (ref) { - var name = ref.name; - - return "Please include a valid url." - } -}; - -/** - * A fake uploader used by default. - * - * @param {File} file - * @param {function} progress - * @param {function} error - * @param {object} options - */ -function fauxUploader (file, progress, error, options) { - return new Promise(function (resolve, reject) { - var totalTime = (options.fauxUploaderDuration || 2000) * (0.5 + Math.random()); - var start = performance.now(); - - /** - * Create a recursive timeout that advances the progress. - */ - var advance = function () { return setTimeout(function () { - var elapsed = performance.now() - start; - var currentProgress = Math.min(100, Math.round(elapsed / totalTime * 100)); - progress(currentProgress); - - if (currentProgress >= 100) { - return resolve({ - url: 'http://via.placeholder.com/350x150.png', - name: file.name - }) - } else { - advance(); - } - }, 20); }; - advance(); - }) -} - -/** - * For a single instance of an input, export all of the context needed to fully - * render that element. - * @return {object} - */ -var context = { - context: function context () { - return defineModel.call(this, Object.assign({}, {type: this.type, - value: this.value, - name: this.nameOrFallback, - classification: this.classification, - component: this.component, - id: this.id || this.defaultId, - hasLabel: (this.label && this.classification !== 'button'), - label: this.label, - labelPosition: this.logicalLabelPosition, - attributes: this.elementAttributes, - blurHandler: blurHandler.bind(this), - imageBehavior: this.imageBehavior, - uploadUrl: this.uploadUrl, - uploader: this.uploader || this.$formulate.getUploader(), - uploadBehavior: this.uploadBehavior, - preventWindowDrops: this.preventWindowDrops, - hasValidationErrors: this.hasValidationErrors}, - this.typeContext)) - }, - nameOrFallback: nameOrFallback, - typeContext: typeContext, - elementAttributes: elementAttributes, - logicalLabelPosition: logicalLabelPosition, - isVmodeled: isVmodeled, - mergedErrors: mergedErrors, - hasErrors: hasErrors, - showFieldErrors: showFieldErrors, - mergedValidationName: mergedValidationName -}; - -/** - * Given (this.type), return an object to merge with the context - * @return {object} - * @return {object} - */ -function typeContext () { - var this$1 = this; - - switch (this.classification) { - case 'select': - return { - options: createOptionList.call(this, this.options), - optionGroups: this.optionGroups ? map(this.optionGroups, function (k, v) { return createOptionList.call(this$1, v); }) : false, - placeholder: this.$attrs.placeholder || false - } - case 'group': - if (this.options) { - return { - options: createOptionList.call(this, this.options) - } - } - break - default: - return {} - } -} - -/** - * Reducer for attributes that will be applied to each core input element. - * @return {object} - */ -function elementAttributes () { - var attrs = Object.assign({}, this.localAttributes); - if (this.id) { - attrs.id = this.id; - } else { - attrs.id = this.defaultId; - } - return attrs -} - -/** - * Determine the a best-guess location for the label (before or after). - * @return {string} before|after - */ -function logicalLabelPosition () { - if (this.labelPosition) { - return this.labelPosition - } - switch (this.classification) { - case 'box': - return 'after' - default: - return 'before' - } -} - -/** - * The validation label to use. - */ -function mergedValidationName () { - if (this.validationName) { - return this.validationName - } - if (typeof this.name === 'string') { - return this.name - } - if (this.label) { - return this.label - } - return this.type -} - -/** - * Determines if the field should show it's error (if it has one) - * @return {boolean} - */ -function showFieldErrors () { - if (this.showErrors || this.formShouldShowErrors) { - return true - } - return this.behavioralErrorVisibility -} - -/** - * Return the element’s name, or select a fallback. - */ -function nameOrFallback () { - if (this.name === true && this.classification !== 'button') { - return ((this.type) + "_" + (this.elementAttributes.id)) - } - if (this.name === false || (this.classification === 'button' && this.name === true)) { - return false - } - return this.name -} - -/** - * Determines if this formulate element is v-modeled or not. - */ -function isVmodeled () { - return !!(this.$options.propsData.hasOwnProperty('formulateValue') && - this._events && - Array.isArray(this._events.input) && - this._events.input.length) -} - -/** - * Given an object or array of options, create an array of objects with label, - * value, and id. - * @param {array|object} - * @return {array} - */ -function createOptionList (options) { - if (!Array.isArray(options) && options && typeof options === 'object') { - var optionList = []; - var that = this; - for (var value in options) { - optionList.push({ value: value, label: options[value], id: ((that.elementAttributes.id) + "_" + value) }); - } - return optionList - } else if (Array.isArray(options) && !options.length) { - return [{ value: this.value, label: (this.label || this.name), id: this.context.id || nanoid(9) }] - } - return options -} - -/** - * The merged errors computed property. - */ -function mergedErrors () { - return arrayify(this.errors) - .concat(arrayify(this.error)) - .concat(arrayify(this.validationErrors)) - .reduce(function (errors, err) { return !errors.includes(err) ? errors.concat(err) : errors; }, []) -} - -/** - * Does this computed property have errors. - */ -function hasErrors () { - return !!this.mergedErrors.length -} - -/** - * Bound into the context object. - */ -function blurHandler () { - if (this.errorBehavior === 'blur') { - this.behavioralErrorVisibility = true; - } -} - -/** - * Defines the model used throughout the existing context. - * @param {object} context - */ -function defineModel (context) { - return Object.defineProperty(context, 'model', { - get: modelGetter.bind(this), - set: modelSetter.bind(this) - }) -} - -/** - * Get the value from a model. - **/ -function modelGetter () { - var model = this.isVmodeled ? 'formulateValue' : 'internalModelProxy'; - if (this.type === 'checkbox' && !Array.isArray(this[model]) && this.options) { - return [] - } - if (!this[model]) { - return '' - } - return this[model] -} - -/** - * Set the value from a model. - **/ -function modelSetter (value) { - this.internalModelProxy = value; - this.$emit('input', value); - if (this.context.name && typeof this.formulateFormSetter === 'function') { - this.formulateFormSetter(this.context.name, value); - } -} - -// - -var script = { - name: 'FormulateInput', - inheritAttrs: false, - inject: { - formulateFormSetter: { default: undefined }, - formulateFormRegister: { default: undefined }, - getFormValues: { default: function () { return function () { return ({}); }; } } - }, - model: { - prop: 'formulateValue', - event: 'input' - }, - props: { - type: { - type: String, - default: 'text' - }, - name: { - type: [String, Boolean], - default: true - }, - /* eslint-disable */ - formulateValue: { - default: '' - }, - value: { - default: false - }, - /* eslint-enable */ - options: { - type: [Object, Array, Boolean], - default: false - }, - optionGroups: { - type: [Object, Boolean], - default: false - }, - id: { - type: [String, Boolean, Number], - default: false - }, - label: { - type: [String, Boolean], - default: false - }, - labelPosition: { - type: [String, Boolean], - default: false - }, - help: { - type: [String, Boolean], - default: false - }, - debug: { - type: Boolean, - default: false - }, - errors: { - type: [String, Array, Boolean], - default: false - }, - validation: { - type: [String, Boolean, Array], - default: false - }, - validationName: { - type: [String, Boolean], - default: false - }, - error: { - type: [String, Boolean], - default: false - }, - errorBehavior: { - type: String, - default: 'blur', - validator: function (value) { - return ['blur', 'live'].includes(value) - } - }, - showErrors: { - type: Boolean, - default: false - }, - imageBehavior: { - type: String, - default: 'preview' - }, - uploadUrl: { - type: [String, Boolean], - default: false - }, - uploader: { - type: [Function, Object, Boolean], - default: false - }, - uploadBehavior: { - type: String, - default: 'live' - }, - preventWindowDrops: { - type: Boolean, - default: true - } - }, - data: function data () { - return { - /** - * @todo consider swapping out nanoid for this._uid - */ - defaultId: nanoid(9), - localAttributes: {}, - internalModelProxy: this.formulateValue || this.value, - behavioralErrorVisibility: (this.errorBehavior === 'live'), - formShouldShowErrors: false, - validationErrors: [], - pendingValidation: Promise.resolve() - } - }, - computed: Object.assign({}, context, - {classification: function classification () { - var classification = this.$formulate.classify(this.type); - return (classification === 'box' && this.options) ? 'group' : classification - }, - component: function component () { - return (this.classification === 'group') ? 'FormulateInputGroup' : this.$formulate.component(this.type) - }}), - watch: { - '$attrs': { - handler: function handler (value) { - this.updateLocalAttributes(value); - }, - deep: true - }, - internalModelProxy: function internalModelProxy (newValue, oldValue) { - this.performValidation(); - if (!this.isVmodeled && !shallowEqualObjects(newValue, oldValue)) { - this.context.model = newValue; - } - }, - formulateValue: function formulateValue (newValue, oldValue) { - if (this.isVmodeled && !shallowEqualObjects(newValue, oldValue)) { - this.context.model = newValue; - } - } - }, - created: function created () { - if (this.formulateFormRegister && typeof this.formulateFormRegister === 'function') { - this.formulateFormRegister(this.nameOrFallback, this); - } - this.updateLocalAttributes(this.$attrs); - this.performValidation(); - }, - methods: { - updateLocalAttributes: function updateLocalAttributes (value) { - if (!shallowEqualObjects(value, this.localAttributes)) { - this.localAttributes = value; - } - }, - performValidation: function performValidation () { - var this$1 = this; - - var rules = parseRules(this.validation, this.$formulate.rules()); - this.pendingValidation = Promise.all( - rules.map(function (ref) { - var rule = ref[0]; - var args = ref[1]; - - return rule.apply(void 0, [ { - value: this$1.context.model, - getFormValues: this$1.getFormValues.bind(this$1), - name: this$1.context.name - } ].concat( args )) - .then(function (res) { return res ? false : this$1.$formulate.validationMessage(rule.name, { - args: args, - name: this$1.mergedValidationName, - value: this$1.context.model, - vm: this$1, - formValues: this$1.getFormValues() - }); }) - }) - ) - .then(function (result) { return result.filter(function (result) { return result; }); }) - .then(function (errorMessages) { this$1.validationErrors = errorMessages; }); - return this.pendingValidation - }, - hasValidationErrors: function hasValidationErrors () { - var this$1 = this; - - return new Promise(function (resolve) { - this$1.$nextTick(function () { - this$1.pendingValidation.then(function () { return resolve(!!this$1.validationErrors.length); }); - }); - }) - } - } -}; - -function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) { - if (typeof shadowMode !== 'boolean') { - createInjectorSSR = createInjector; - createInjector = shadowMode; - shadowMode = false; - } - // Vue.extend constructor export interop. - var options = typeof script === 'function' ? script.options : script; - // render functions - if (template && template.render) { - options.render = template.render; - options.staticRenderFns = template.staticRenderFns; - options._compiled = true; - // functional template - if (isFunctionalTemplate) { - options.functional = true; - } - } - // scopedId - if (scopeId) { - options._scopeId = scopeId; - } - var hook; - if (moduleIdentifier) { - // server build - hook = function (context) { - // 2.3 injection - context = - context || // cached call - (this.$vnode && this.$vnode.ssrContext) || // stateful - (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional - // 2.2 with runInNewContext: true - if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { - context = __VUE_SSR_CONTEXT__; - } - // inject component styles - if (style) { - style.call(this, createInjectorSSR(context)); - } - // register component module identifier for async chunk inference - if (context && context._registeredComponents) { - context._registeredComponents.add(moduleIdentifier); - } - }; - // used by ssr in case component is cached and beforeCreate - // never gets called - options._ssrRegister = hook; - } - else if (style) { - hook = shadowMode - ? function (context) { - style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot)); - } - : function (context) { - style.call(this, createInjector(context)); - }; - } - if (hook) { - if (options.functional) { - // register for functional component in vue file - var originalRender = options.render; - options.render = function renderWithStyleInjection(h, context) { - hook.call(context); - return originalRender(h, context); - }; - } - else { - // inject component registration as beforeCreate hook - var existing = options.beforeCreate; - options.beforeCreate = existing ? [].concat(existing, hook) : [hook]; - } - } - return script; -} - -/* script */ -var __vue_script__ = script; - -/* template */ -var __vue_render__ = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - staticClass: "formulate-input", - attrs: { - "data-classification": _vm.classification, - "data-has-errors": _vm.hasErrors, - "data-is-showing-errors": _vm.hasErrors && _vm.showFieldErrors, - "data-type": _vm.type - } - }, - [ - _c( - "div", - { staticClass: "formulate-input-wrapper" }, - [ - _vm.context.hasLabel && _vm.context.labelPosition === "before" - ? _vm._t( - "label", - [ - _c("label", { - staticClass: - "formulate-input-label formulate-input-label--before", - attrs: { for: _vm.context.attributes.id }, - domProps: { textContent: _vm._s(_vm.context.label) } - }) - ], - null, - _vm.context - ) - : _vm._e(), - _vm._v(" "), - _vm._t( - "element", - [ - _c( - _vm.context.component, - { tag: "component", attrs: { context: _vm.context } }, - [_vm._t("default", null, null, _vm.context)], - 2 - ) - ], - null, - _vm.context - ), - _vm._v(" "), - _vm.context.hasLabel && _vm.context.labelPosition === "after" - ? _vm._t( - "label", - [ - _c("label", { - staticClass: - "formulate-input-label formulate-input-label--after", - attrs: { for: _vm.context.attributes.id }, - domProps: { textContent: _vm._s(_vm.context.label) } - }) - ], - null, - _vm.context.label - ) - : _vm._e() - ], - 2 - ), - _vm._v(" "), - _vm.help - ? _c("div", { - staticClass: "formulate-input-help", - domProps: { textContent: _vm._s(_vm.help) } - }) - : _vm._e(), - _vm._v(" "), - _vm.showFieldErrors - ? _c("FormulateInputErrors", { attrs: { errors: _vm.mergedErrors } }) - : _vm._e() - ], - 1 - ) -}; -var __vue_staticRenderFns__ = []; -__vue_render__._withStripped = true; - - /* style */ - var __vue_inject_styles__ = undefined; - /* scoped */ - var __vue_scope_id__ = undefined; - /* module identifier */ - var __vue_module_identifier__ = undefined; - /* functional template */ - var __vue_is_functional_template__ = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__ = normalizeComponent( - { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }, - __vue_inject_styles__, - __vue_script__, - __vue_scope_id__, - __vue_is_functional_template__, - __vue_module_identifier__, - false, - undefined, - undefined, - undefined - ); - -var FormSubmission = function FormSubmission (form) { - this.form = form; -}; - -/** - * Determine if the form has any validation errors. - * - * @return {Promise} resolves a boolean - */ -FormSubmission.prototype.hasValidationErrors = function hasValidationErrors () { - return this.form.hasValidationErrors() -}; - -/** - * Asynchronously generate the values payload of this form. - * @return {Promise} resolves to json - */ -FormSubmission.prototype.values = function values () { - var this$1 = this; - - return new Promise(function (resolve, reject) { - var pending = []; - var values = cloneDeep(this$1.form.internalFormModelProxy); - for (var key in values) { - if (typeof this$1.form.internalFormModelProxy[key] === 'object' && this$1.form.internalFormModelProxy[key] instanceof FileUpload) { - pending.push(this$1.form.internalFormModelProxy[key].upload()); - } - } - /** - * @todo - how do we get these uploaded path values back into our data? - */ - Promise.all(pending) - // .then(file => file.path) - .then(function () { return resolve(values); }) - .catch(function (err) { return reject(err); }); - }) -}; - -// - -var script$1 = { - provide: function provide () { - return { - formulateFormSetter: this.setFieldValue, - formulateFormRegister: this.register, - getFormValues: this.getFormValues - } - }, - name: 'FormulateForm', - model: { - prop: 'formulateValue', - event: 'input' - }, - props: { - name: { - type: [String, Boolean], - default: false - }, - formulateValue: { - type: Object, - default: function () { return ({}); } - } - }, - data: function data () { - return { - registry: {}, - internalFormModelProxy: {}, - formShouldShowErrors: false - } - }, - computed: { - hasFormulateValue: function hasFormulateValue () { - return this.formulateValue && typeof this.formulateValue === 'object' - }, - isVmodeled: function isVmodeled () { - return !!(this.$options.propsData.hasOwnProperty('formulateValue') && - this._events && - Array.isArray(this._events.input) && - this._events.input.length) - } - }, - watch: { - formulateValue: { - handler: function handler (newValue, oldValue) { - if (this.isVmodeled && - newValue && - typeof newValue === 'object' - ) { - for (var field in newValue) { - if (this.registry.hasOwnProperty(field) && - !shallowEqualObjects(newValue[field], this.internalFormModelProxy[field]) && - !shallowEqualObjects(newValue[field], this.registry[field].internalModelProxy[field]) - ) { - this.setFieldValue(field, newValue[field]); - this.registry[field].context.model = newValue[field]; - } - } - } - }, - deep: true, - immediate: false - } - }, - created: function created () { - if (this.$options.propsData.hasOwnProperty('formulateValue')) { - this.internalFormModelProxy = Object.assign({}, this.formulateValue); - } - }, - methods: { - setFieldValue: function setFieldValue (field, value) { - var obj; - - Object.assign(this.internalFormModelProxy, ( obj = {}, obj[field] = value, obj )); - this.$emit('input', Object.assign({}, this.internalFormModelProxy)); - }, - register: function register (field, component) { - this.registry[field] = component; - var hasVModelValue = Object.prototype.hasOwnProperty.call(component.$options.propsData, 'formulateValue'); - var hasValue = Object.prototype.hasOwnProperty.call(component.$options.propsData, 'value'); - if ( - !hasVModelValue && - this.hasFormulateValue && - this.formulateValue[field] - ) { - // In the case that the form is carrying an initial value and the - // element is not, set it directly. - component.context.model = this.formulateValue[field]; - } else if ( - (hasVModelValue || hasValue) && - !shallowEqualObjects(component.internalModelProxy, this.formulateValue[field]) - ) { - this.setFieldValue(field, component.internalModelProxy); - } - }, - formSubmitted: function formSubmitted () { - var this$1 = this; - - // perform validation here - this.showErrors(); - var submission = new FormSubmission(this); - this.$emit('submit-raw', submission); - return submission.hasValidationErrors() - .then(function (hasErrors) { return hasErrors ? false : submission.values(); }) - .then(function (json) { return json !== false ? this$1.$emit('submit', json) : null; }) - }, - showErrors: function showErrors () { - for (var fieldName in this.registry) { - this.registry[fieldName].formShouldShowErrors = true; - } - }, - getFormValues: function getFormValues () { - return this.internalFormModelProxy - }, - hasValidationErrors: function hasValidationErrors () { - var resolvers = []; - for (var fieldName in this.registry) { - if (typeof this.registry[fieldName].hasValidationErrors === 'function') { - resolvers.push(this.registry[fieldName].hasValidationErrors()); - } - } - return Promise.all(resolvers).then(function (fields) { return !!fields.find(function (hasErrors) { return hasErrors; }); }) - } - } -}; - -/* script */ -var __vue_script__$1 = script$1; - -/* template */ -var __vue_render__$1 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "form", - { - on: { - submit: function($event) { - $event.preventDefault(); - return _vm.formSubmitted($event) - } - } - }, - [_vm._t("default")], - 2 - ) -}; -var __vue_staticRenderFns__$1 = []; -__vue_render__$1._withStripped = true; - - /* style */ - var __vue_inject_styles__$1 = undefined; - /* scoped */ - var __vue_scope_id__$1 = undefined; - /* module identifier */ - var __vue_module_identifier__$1 = undefined; - /* functional template */ - var __vue_is_functional_template__$1 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$1 = normalizeComponent( - { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 }, - __vue_inject_styles__$1, - __vue_script__$1, - __vue_scope_id__$1, - __vue_is_functional_template__$1, - __vue_module_identifier__$1, - false, - undefined, - undefined, - undefined - ); - -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// -// - -var script$2 = { - props: { - errors: { - type: [Boolean, Array], - required: true - } - } -}; - -/* script */ -var __vue_script__$2 = script$2; - -/* template */ -var __vue_render__$2 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _vm.errors.length - ? _c( - "ul", - { staticClass: "formulate-input-errors" }, - _vm._l(_vm.errors, function(error) { - return _c("li", { - key: error, - staticClass: "formulate-input-error", - domProps: { innerHTML: _vm._s(error) } - }) - }), - 0 - ) - : _vm._e() -}; -var __vue_staticRenderFns__$2 = []; -__vue_render__$2._withStripped = true; - - /* style */ - var __vue_inject_styles__$2 = undefined; - /* scoped */ - var __vue_scope_id__$2 = undefined; - /* module identifier */ - var __vue_module_identifier__$2 = undefined; - /* functional template */ - var __vue_is_functional_template__$2 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$2 = normalizeComponent( - { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 }, - __vue_inject_styles__$2, - __vue_script__$2, - __vue_scope_id__$2, - __vue_is_functional_template__$2, - __vue_module_identifier__$2, - false, - undefined, - undefined, - undefined - ); - -// -// -// -// -// -// -// -// -// -// -// -// -// - -function objectWithoutProperties (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; } -var script$3 = { - name: 'FormulateInputGroup', - props: { - context: { - type: Object, - required: true - } - }, - computed: { - options: function options () { - return this.context.options || [] - }, - optionsWithContext: function optionsWithContext () { - var this$1 = this; - - var ref = this.context; - var options = ref.options; - var labelPosition = ref.labelPosition; - var attributes = ref.attributes; - var classification = ref.classification; - var rest = objectWithoutProperties( ref, ["options", "labelPosition", "attributes", "classification"] ); - var context = rest; - return this.options.map(function (option) { return this$1.groupItemContext(context, option); }) - } - }, - methods: { - groupItemContext: function groupItemContext () { - var args = [], len = arguments.length; - while ( len-- ) args[ len ] = arguments[ len ]; - - return Object.assign.apply(Object, [ {} ].concat( args, [{ - component: 'FormulateInput' - }] )) - } - } -}; - -/* script */ -var __vue_script__$3 = script$3; - -/* template */ -var __vue_render__$3 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { staticClass: "formulate-input-group" }, - _vm._l(_vm.optionsWithContext, function(optionContext) { - return _c( - optionContext.component, - _vm._b( - { - key: optionContext.id, - tag: "component", - staticClass: "formulate-input-group-item", - model: { - value: _vm.context.model, - callback: function($$v) { - _vm.$set(_vm.context, "model", $$v); - }, - expression: "context.model" - } - }, - "component", - optionContext, - false - ) - ) - }), - 1 - ) -}; -var __vue_staticRenderFns__$3 = []; -__vue_render__$3._withStripped = true; - - /* style */ - var __vue_inject_styles__$3 = undefined; - /* scoped */ - var __vue_scope_id__$3 = undefined; - /* module identifier */ - var __vue_module_identifier__$3 = undefined; - /* functional template */ - var __vue_is_functional_template__$3 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$3 = normalizeComponent( - { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 }, - __vue_inject_styles__$3, - __vue_script__$3, - __vue_scope_id__$3, - __vue_is_functional_template__$3, - __vue_module_identifier__$3, - false, - undefined, - undefined, - undefined - ); - -/** - * Default base for input components. - */ -var FormulateInputMixin = { - props: { - context: { - type: Object, - required: true - } - }, - computed: { - type: function type () { - return this.context.type - }, - id: function id () { - return this.context.id - }, - attributes: function attributes () { - return this.context.attributes || {} - }, - hasValue: function hasValue () { - return !!this.context.model - } - } -}; - -// - -var script$4 = { - name: 'FormulateInputBox', - mixins: [FormulateInputMixin] -}; - -/* script */ -var __vue_script__$4 = script$4; - -/* template */ -var __vue_render__$4 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _vm.type === "checkbox" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "checkbox" }, - domProps: { - value: _vm.context.value, - checked: Array.isArray(_vm.context.model) - ? _vm._i(_vm.context.model, _vm.context.value) > -1 - : _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$a = _vm.context.model, - $$el = $event.target, - $$c = $$el.checked ? true : false; - if (Array.isArray($$a)) { - var $$v = _vm.context.value, - $$i = _vm._i($$a, $$v); - if ($$el.checked) { - $$i < 0 && - _vm.$set(_vm.context, "model", $$a.concat([$$v])); - } else { - $$i > -1 && - _vm.$set( - _vm.context, - "model", - $$a.slice(0, $$i).concat($$a.slice($$i + 1)) - ); - } - } else { - _vm.$set(_vm.context, "model", $$c); - } - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _vm.type === "radio" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "radio" }, - domProps: { - value: _vm.context.value, - checked: _vm._q(_vm.context.model, _vm.context.value) - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - return _vm.$set(_vm.context, "model", _vm.context.value) - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: _vm.type }, - domProps: { - value: _vm.context.value, - value: _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "input", - _vm.attributes, - false - ) - ), - _vm._v(" "), - _c("label", { - staticClass: "formulate-input-element-decorator", - attrs: { for: _vm.id } - }) - ] - ) -}; -var __vue_staticRenderFns__$4 = []; -__vue_render__$4._withStripped = true; - - /* style */ - var __vue_inject_styles__$4 = undefined; - /* scoped */ - var __vue_scope_id__$4 = undefined; - /* module identifier */ - var __vue_module_identifier__$4 = undefined; - /* functional template */ - var __vue_is_functional_template__$4 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$4 = normalizeComponent( - { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 }, - __vue_inject_styles__$4, - __vue_script__$4, - __vue_scope_id__$4, - __vue_is_functional_template__$4, - __vue_module_identifier__$4, - false, - undefined, - undefined, - undefined - ); - -// - -var script$5 = { - name: 'FormulateInputText', - mixins: [FormulateInputMixin] -}; - -/* script */ -var __vue_script__$5 = script$5; - -/* template */ -var __vue_render__$5 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _vm.type === "checkbox" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "checkbox" }, - domProps: { - checked: Array.isArray(_vm.context.model) - ? _vm._i(_vm.context.model, null) > -1 - : _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$a = _vm.context.model, - $$el = $event.target, - $$c = $$el.checked ? true : false; - if (Array.isArray($$a)) { - var $$v = null, - $$i = _vm._i($$a, $$v); - if ($$el.checked) { - $$i < 0 && - _vm.$set(_vm.context, "model", $$a.concat([$$v])); - } else { - $$i > -1 && - _vm.$set( - _vm.context, - "model", - $$a.slice(0, $$i).concat($$a.slice($$i + 1)) - ); - } - } else { - _vm.$set(_vm.context, "model", $$c); - } - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _vm.type === "radio" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "radio" }, - domProps: { checked: _vm._q(_vm.context.model, null) }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - return _vm.$set(_vm.context, "model", null) - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: _vm.type }, - domProps: { value: _vm.context.model }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "input", - _vm.attributes, - false - ) - ) - ] - ) -}; -var __vue_staticRenderFns__$5 = []; -__vue_render__$5._withStripped = true; - - /* style */ - var __vue_inject_styles__$5 = undefined; - /* scoped */ - var __vue_scope_id__$5 = undefined; - /* module identifier */ - var __vue_module_identifier__$5 = undefined; - /* functional template */ - var __vue_is_functional_template__$5 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$5 = normalizeComponent( - { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 }, - __vue_inject_styles__$5, - __vue_script__$5, - __vue_scope_id__$5, - __vue_is_functional_template__$5, - __vue_module_identifier__$5, - false, - undefined, - undefined, - undefined - ); - -// - -var script$6 = { - name: 'FormulateFiles', - props: { - files: { - type: FileUpload, - required: true - }, - imagePreview: { - type: Boolean, - default: false - } - }, - computed: { - fileUploads: function fileUploads () { - return this.files.files || [] - } - }, - watch: { - files: function files () { - if (this.imagePreview) { - this.files.loadPreviews(); - } - } - }, - mounted: function mounted () { - if (this.imagePreview) { - this.files.loadPreviews(); - } - } -}; - -/* script */ -var __vue_script__$6 = script$6; - -/* template */ -var __vue_render__$6 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _vm.fileUploads.length - ? _c( - "ul", - { staticClass: "formulate-files" }, - _vm._l(_vm.fileUploads, function(file) { - return _c( - "li", - { - key: file.uuid, - attrs: { - "data-has-error": !!file.error, - "data-has-preview": _vm.imagePreview && file.previewData - } - }, - [ - _c("div", { staticClass: "formulate-file" }, [ - _vm.imagePreview && file.previewData - ? _c("div", { staticClass: "formulate-file-image-preview" }, [ - _c("img", { attrs: { src: file.previewData } }) - ]) - : _vm._e(), - _vm._v(" "), - _c("div", { - staticClass: "formualte-file-name", - domProps: { textContent: _vm._s(file.name) } - }), - _vm._v(" "), - file.progress !== false - ? _c( - "div", - { - staticClass: "formulate-file-progress", - attrs: { - "data-just-finished": file.justFinished, - "data-is-finished": - !file.justFinished && file.complete - } - }, - [ - _c("div", { - staticClass: "formulate-file-progress-inner", - style: { width: file.progress + "%" } - }) - ] - ) - : _vm._e(), - _vm._v(" "), - (file.complete && !file.justFinished) || file.progress === false - ? _c("div", { - staticClass: "formulate-file-remove", - on: { click: file.removeFile } - }) - : _vm._e() - ]), - _vm._v(" "), - file.error - ? _c("div", { - staticClass: "formulate-file-upload-error", - domProps: { textContent: _vm._s(file.error) } - }) - : _vm._e() - ] - ) - }), - 0 - ) - : _vm._e() -}; -var __vue_staticRenderFns__$6 = []; -__vue_render__$6._withStripped = true; - - /* style */ - var __vue_inject_styles__$6 = undefined; - /* scoped */ - var __vue_scope_id__$6 = undefined; - /* module identifier */ - var __vue_module_identifier__$6 = undefined; - /* functional template */ - var __vue_is_functional_template__$6 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$6 = normalizeComponent( - { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 }, - __vue_inject_styles__$6, - __vue_script__$6, - __vue_scope_id__$6, - __vue_is_functional_template__$6, - __vue_module_identifier__$6, - false, - undefined, - undefined, - undefined - ); - -// - -var script$7 = { - name: 'FormulateInputFile', - components: { - FormulateFiles: __vue_component__$6 - }, - mixins: [FormulateInputMixin], - data: function data () { - return { - isOver: false - } - }, - computed: { - hasFiles: function hasFiles () { - return !!(this.context.model instanceof FileUpload && this.context.model.files.length) - } - }, - mounted: function mounted () { - // Add a listener to the window to prevent drag/drops that miss the dropzone - // from opening the file and navigating the user away from the page. - if (window && this.context.preventWindowDrops) { - window.addEventListener('dragover', this.preventDefault); - window.addEventListener('drop', this.preventDefault); - } - }, - destroyed: function destroyed () { - if (window && this.context.preventWindowDrops) { - window.removeEventListener('dragover', this.preventDefault); - window.removeEventListener('drop', this.preventDefault); - } - }, - methods: { - preventDefault: function preventDefault (e) { - if (e.target.tagName !== 'INPUT' && e.target.getAttribute('type') !== 'file') { - e = e || event; - e.preventDefault(); - } - }, - handleFile: function handleFile () { - this.isOver = false; - var input = this.$refs.file; - if (input.files.length) { - this.context.model = this.$formulate.createUpload(input, this.context); - } - this.attemptImmediateUpload(); - }, - attemptImmediateUpload: function attemptImmediateUpload () { - var this$1 = this; - - if (this.context.uploadBehavior === 'live' && - this.context.model instanceof FileUpload) { - this.context.hasValidationErrors().then(function (errors) { - if (!errors) { - this$1.context.model.upload(); - } - }); - } - }, - handleDragOver: function handleDragOver (e) { - e.preventDefault(); - this.isOver = true; - }, - handleDragLeave: function handleDragLeave (e) { - e.preventDefault(); - this.isOver = false; - } - } -}; - -/* script */ -var __vue_script__$7 = script$7; - -/* template */ -var __vue_render__$7 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type, "data-has-files": _vm.hasFiles } - }, - [ - _c( - "div", - { - staticClass: "formulate-input-upload-area", - attrs: { "data-has-files": _vm.hasFiles } - }, - [ - _c( - "input", - _vm._b( - { - ref: "file", - attrs: { "data-is-drag-hover": _vm.isOver, type: "file" }, - on: { - blur: _vm.context.blurHandler, - change: _vm.handleFile, - dragover: _vm.handleDragOver, - dragleave: _vm.handleDragLeave - } - }, - "input", - _vm.attributes, - false - ) - ), - _vm._v(" "), - _c("div", { - directives: [ - { - name: "show", - rawName: "v-show", - value: !_vm.hasFiles, - expression: "!hasFiles" - } - ], - staticClass: "formulate-input-upload-area-mask" - }), - _vm._v(" "), - _vm.hasFiles - ? _c("FormulateFiles", { - attrs: { - files: _vm.context.model, - "image-preview": - _vm.context.type === "image" && - _vm.context.imageBehavior === "preview" - } - }) - : _vm._e() - ], - 1 - ) - ] - ) -}; -var __vue_staticRenderFns__$7 = []; -__vue_render__$7._withStripped = true; - - /* style */ - var __vue_inject_styles__$7 = undefined; - /* scoped */ - var __vue_scope_id__$7 = undefined; - /* module identifier */ - var __vue_module_identifier__$7 = undefined; - /* functional template */ - var __vue_is_functional_template__$7 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$7 = normalizeComponent( - { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 }, - __vue_inject_styles__$7, - __vue_script__$7, - __vue_scope_id__$7, - __vue_is_functional_template__$7, - __vue_module_identifier__$7, - false, - undefined, - undefined, - undefined - ); - -// - -var script$8 = { - name: 'FormulateInputButton', - mixins: [FormulateInputMixin] -}; - -/* script */ -var __vue_script__$8 = script$8; - -/* template */ -var __vue_render__$8 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _c( - "button", - _vm._b({ attrs: { type: _vm.type } }, "button", _vm.attributes, false), - [ - _vm._t("default", [ - _c("span", { - class: "formulate-input-element--" + _vm.context.type + "--label", - domProps: { - textContent: _vm._s( - _vm.context.value || - _vm.context.label || - _vm.context.name || - "Submit" - ) - } - }) - ]) - ], - 2 - ) - ] - ) -}; -var __vue_staticRenderFns__$8 = []; -__vue_render__$8._withStripped = true; - - /* style */ - var __vue_inject_styles__$8 = undefined; - /* scoped */ - var __vue_scope_id__$8 = undefined; - /* module identifier */ - var __vue_module_identifier__$8 = undefined; - /* functional template */ - var __vue_is_functional_template__$8 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$8 = normalizeComponent( - { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 }, - __vue_inject_styles__$8, - __vue_script__$8, - __vue_scope_id__$8, - __vue_is_functional_template__$8, - __vue_module_identifier__$8, - false, - undefined, - undefined, - undefined - ); - -// - -var script$9 = { - name: 'FormulateInputSelect', - mixins: [FormulateInputMixin], - computed: { - options: function options () { - return this.context.options || {} - }, - optionGroups: function optionGroups () { - return this.context.optionGroups || false - }, - placeholderSelected: function placeholderSelected () { - return !!(!this.hasValue && this.context.attributes && this.context.attributes.placeholder) - } - } -}; - -/* script */ -var __vue_script__$9 = script$9; - -/* template */ -var __vue_render__$9 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _c( - "select", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { "data-placeholder-selected": _vm.placeholderSelected }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$selectedVal = Array.prototype.filter - .call($event.target.options, function(o) { - return o.selected - }) - .map(function(o) { - var val = "_value" in o ? o._value : o.value; - return val - }); - _vm.$set( - _vm.context, - "model", - $event.target.multiple ? $$selectedVal : $$selectedVal[0] - ); - } - } - }, - "select", - _vm.attributes, - false - ), - [ - _vm.context.placeholder - ? _c( - "option", - { - attrs: { value: "", disabled: "" }, - domProps: { selected: !_vm.hasValue } - }, - [ - _vm._v( - "\n " + _vm._s(_vm.context.placeholder) + "\n " - ) - ] - ) - : _vm._e(), - _vm._v(" "), - !_vm.optionGroups - ? _vm._l(_vm.options, function(option) { - return _c( - "option", - _vm._b( - { - key: option.id, - domProps: { - value: option.value, - textContent: _vm._s(option.label) - } - }, - "option", - option.attributes || {}, - false - ) - ) - }) - : _vm._l(_vm.optionGroups, function(subOptions, label) { - return _c( - "optgroup", - { key: label, attrs: { label: label } }, - _vm._l(subOptions, function(option) { - return _c( - "option", - _vm._b( - { - key: option.id, - domProps: { - value: option.value, - textContent: _vm._s(option.label) - } - }, - "option", - option.attributes || {}, - false - ) - ) - }), - 0 - ) - }) - ], - 2 - ) - ] - ) -}; -var __vue_staticRenderFns__$9 = []; -__vue_render__$9._withStripped = true; - - /* style */ - var __vue_inject_styles__$9 = undefined; - /* scoped */ - var __vue_scope_id__$9 = undefined; - /* module identifier */ - var __vue_module_identifier__$9 = undefined; - /* functional template */ - var __vue_is_functional_template__$9 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$9 = normalizeComponent( - { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 }, - __vue_inject_styles__$9, - __vue_script__$9, - __vue_scope_id__$9, - __vue_is_functional_template__$9, - __vue_module_identifier__$9, - false, - undefined, - undefined, - undefined - ); - -// - -var script$a = { - name: 'FormulateInputSlider', - mixins: [FormulateInputMixin] -}; - -/* script */ -var __vue_script__$a = script$a; - -/* template */ -var __vue_render__$a = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _vm.type === "checkbox" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "checkbox" }, - domProps: { - checked: Array.isArray(_vm.context.model) - ? _vm._i(_vm.context.model, null) > -1 - : _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$a = _vm.context.model, - $$el = $event.target, - $$c = $$el.checked ? true : false; - if (Array.isArray($$a)) { - var $$v = null, - $$i = _vm._i($$a, $$v); - if ($$el.checked) { - $$i < 0 && - _vm.$set(_vm.context, "model", $$a.concat([$$v])); - } else { - $$i > -1 && - _vm.$set( - _vm.context, - "model", - $$a.slice(0, $$i).concat($$a.slice($$i + 1)) - ); - } - } else { - _vm.$set(_vm.context, "model", $$c); - } - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _vm.type === "radio" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "radio" }, - domProps: { checked: _vm._q(_vm.context.model, null) }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - return _vm.$set(_vm.context, "model", null) - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: _vm.type }, - domProps: { value: _vm.context.model }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "input", - _vm.attributes, - false - ) - ) - ] - ) -}; -var __vue_staticRenderFns__$a = []; -__vue_render__$a._withStripped = true; - - /* style */ - var __vue_inject_styles__$a = undefined; - /* scoped */ - var __vue_scope_id__$a = undefined; - /* module identifier */ - var __vue_module_identifier__$a = undefined; - /* functional template */ - var __vue_is_functional_template__$a = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$a = normalizeComponent( - { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a }, - __vue_inject_styles__$a, - __vue_script__$a, - __vue_scope_id__$a, - __vue_is_functional_template__$a, - __vue_module_identifier__$a, - false, - undefined, - undefined, - undefined - ); - -// - -var script$b = { - name: 'FormulateInputTextArea', - mixins: [FormulateInputMixin] -}; - -/* script */ -var __vue_script__$b = script$b; - -/* template */ -var __vue_render__$b = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - staticClass: "formulate-input-element formulate-input-element--textarea", - attrs: { "data-type": "textarea" } - }, - [ - _c( - "textarea", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - domProps: { value: _vm.context.model }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "textarea", - _vm.attributes, - false - ) - ) - ] - ) -}; -var __vue_staticRenderFns__$b = []; -__vue_render__$b._withStripped = true; - - /* style */ - var __vue_inject_styles__$b = undefined; - /* scoped */ - var __vue_scope_id__$b = undefined; - /* module identifier */ - var __vue_module_identifier__$b = undefined; - /* functional template */ - var __vue_is_functional_template__$b = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$b = normalizeComponent( - { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b }, - __vue_inject_styles__$b, - __vue_script__$b, - __vue_scope_id__$b, - __vue_is_functional_template__$b, - __vue_module_identifier__$b, - false, - undefined, - undefined, - undefined - ); - -/** - * The base formulate library. - */ -var Formulate = function Formulate () { - this.defaults = { - components: { - FormulateForm: __vue_component__$1, - FormulateInput: __vue_component__, - FormulateInputErrors: __vue_component__$2, - FormulateInputBox: __vue_component__$4, - FormulateInputText: __vue_component__$5, - FormulateInputFile: __vue_component__$7, - FormulateInputGroup: __vue_component__$3, - FormulateInputButton: __vue_component__$8, - FormulateInputSelect: __vue_component__$9, - FormulateInputSlider: __vue_component__$a, - FormulateInputTextArea: __vue_component__$b - }, - library: library, - rules: rules, - locale: 'en', - uploader: fauxUploader, - uploadJustCompleteDuration: 1000, - locales: { - en: en - } - }; -}; - -/** - * Install vue formulate, and register it’s components. - */ -Formulate.prototype.install = function install (Vue, options) { - Vue.prototype.$formulate = this; - this.options = this.extend(this.defaults, options || {}); - for (var componentName in this.options.components) { - Vue.component(componentName, this.options.components[componentName]); - } - Object.freeze(this); -}; - -/** - * Create a new object by copying properties of base and extendWith. - * @param {Object} base - * @param {Object} extendWith - */ -Formulate.prototype.extend = function extend (base, extendWith) { - var merged = {}; - for (var key in base) { - if (extendWith.hasOwnProperty(key)) { - merged[key] = isPlainObject(extendWith[key]) && isPlainObject(base[key]) - ? this.extend(base[key], extendWith[key]) - : extendWith[key]; - } else { - merged[key] = base[key]; - } - } - for (var prop in extendWith) { - if (!merged.hasOwnProperty(prop)) { - merged[prop] = extendWith[prop]; - } - } - return merged -}; - -/** - * Determine what "class" of input this element is given the "type". - * @param {string} type - */ -Formulate.prototype.classify = function classify (type) { - if (this.options.library.hasOwnProperty(type)) { - return this.options.library[type].classification - } - return 'unknown' -}; - -/** - * Determine what type of component to render given the "type". - * @param {string} type - */ -Formulate.prototype.component = function component (type) { - if (this.options.library.hasOwnProperty(type)) { - return this.options.library[type].component - } - return false -}; - -/** - * Get validation rules. - * @return {object} object of validation functions - */ -Formulate.prototype.rules = function rules () { - return this.options.rules -}; - -/** - * Get the validation message for a particular error. - */ -Formulate.prototype.validationMessage = function validationMessage (rule, validationContext) { - var generators = this.options.locales[this.options.locale]; - if (generators.hasOwnProperty(rule)) { - return generators[rule](validationContext) - } else if (rule[0] === '_' && generators.hasOwnProperty(rule.substr(1))) { - return generators[rule.substr(1)](validationContext) - } - if (generators.hasOwnProperty('default')) { - return generators.default(validationContext) - } - return 'This field does not have a valid value' -}; - -/** - * Get the file uploader. - */ -Formulate.prototype.getUploader = function getUploader () { - return this.options.uploader || false -}; - -/** - * Create a new instance of an upload. - */ -Formulate.prototype.createUpload = function createUpload (fileList, context) { - return new FileUpload(fileList, context, this.options) -}; - -var Formulate$1 = new Formulate(); - -export default Formulate$1; -export { FileUpload }; +import t from"is-url";import e from"nanoid";import n from"is-plain-object";var r={text:{classification:"text",component:"FormulateInputText"},email:{classification:"text",component:"FormulateInputText"},number:{classification:"text",component:"FormulateInputText"},color:{classification:"text",component:"FormulateInputText"},date:{classification:"text",component:"FormulateInputText"},hidden:{classification:"text",component:"FormulateInputText"},month:{classification:"text",component:"FormulateInputText"},password:{classification:"text",component:"FormulateInputText"},search:{classification:"text",component:"FormulateInputText"},tel:{classification:"text",component:"FormulateInputText"},time:{classification:"text",component:"FormulateInputText"},url:{classification:"text",component:"FormulateInputText"},week:{classification:"text",component:"FormulateInputText"},"datetime-local":{classification:"text",component:"FormulateInputText"},range:{classification:"slider",component:"FormulateInputSlider"},textarea:{classification:"textarea",component:"FormulateInputTextArea"},checkbox:{classification:"box",component:"FormulateInputBox"},radio:{classification:"box",component:"FormulateInputBox"},submit:{classification:"button",component:"FormulateInputButton"},button:{classification:"button",component:"FormulateInputButton"},select:{classification:"select",component:"FormulateInputSelect"},file:{classification:"file",component:"FormulateInputFile"},image:{classification:"file",component:"FormulateInputFile"}},o=function(t,e,n){this.input=t,this.fileList=t.files,this.files=[],this.options=n,this.addFileList(this.fileList),this.context=e};function i(t,e){var n={};for(var r in t)n[r]=e(r,t[r]);return n}function a(t,e){if(t===e)return!0;if(!t||!e)return!1;var n=Object.keys(t),r=Object.keys(e),o=n.length;if(r.length!==o)return!1;for(var i=0;i=100&&(e.complete||(e.justFinished=!0,setTimeout((function(){e.justFinished=!1}),t.options.uploadJustCompleteDuration)),e.complete=!0)}),(function(t){e.progress=0,e.error=t,e.complete=!0}),t.options)}))).then((function(t){return e(t)})).catch((function(t){throw new Error(t)}))}))},o.prototype.removeFile=function(t){if(this.files=this.files.filter((function(e){return e.uuid!==t})),window){var e=new DataTransfer;this.files.map((function(t){return e.items.add(t.file)})),this.fileList=e.files,this.input.files=this.fileList}},o.prototype.loadPreviews=function(){this.files.map((function(t){if(!t.previewData&&window&&window.FileReader&&/^image\//.test(t.file.type)){var e=new FileReader;e.onload=function(e){return Object.assign(t,{previewData:e.target.result})},e.readAsDataURL(t.file)}}))},o.prototype.getFileList=function(){return this.fileList},o.prototype.getFiles=function(){return this.files},o.prototype.toString=function(){return"FileUpload("+(this.files.length?this.files.length+" files":"empty")+")"};var d={accepted:function(t){var e=t.value;return Promise.resolve(["yes","on","1",1,!0,"true"].includes(e))},after:function(t,e){var n=t.value;void 0===e&&(e=!1);var r=Date.parse(e||new Date),o=Date.parse(n);return Promise.resolve(!isNaN(o)&&o>r)},alpha:function(t,e){var n=t.value;void 0===e&&(e="default");var r={default:/^[a-zA-ZÀ-ÖØ-öø-ÿ]+$/,latin:/^[a-zA-Z]+$/},o=r.hasOwnProperty(e)?e:"default";return Promise.resolve(r[o].test(n))},alphanumeric:function(t,e){var n=t.value;void 0===e&&(e="default");var r={default:/^[a-zA-Z0-9À-ÖØ-öø-ÿ]+$/,latin:/^[a-zA-Z0-9]+$/},o=r.hasOwnProperty(e)?e:"default";return Promise.resolve(r[o].test(n))},before:function(t,e){var n=t.value;void 0===e&&(e=!1);var r=Date.parse(e||new Date),o=Date.parse(n);return Promise.resolve(!isNaN(o)&&oe&&r.lengthe&&r()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i.test(e))},in:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(void 0!==n.find((function(t){return"object"==typeof t?a(t,e):t===e})))},matches:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(!!n.find((function(t){return t instanceof RegExp?t.test(e):t===e})))},max:function(t,e,n){var r=t.value;return void 0===e&&(e=10),Promise.resolve(Array.isArray(r)?(e=isNaN(e)?e:Number(e),r.length<=e):!isNaN(r)&&"length"!==n||"value"===n?(r=isNaN(r)?r:Number(r))<=e:("string"==typeof r||"length"===n)&&(r=isNaN(r)?r:r.toString()).length<=e)},mime:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(function(){if(e instanceof o)for(var t=e.getFileList(),r=0;r=e):!isNaN(r)&&"length"!==n||"value"===n?(r=isNaN(r)?r:Number(r))>=e:("string"==typeof r||"length"===n)&&(r=isNaN(r)?r:r.toString()).length>=e)},not:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(void 0===n.find((function(t){return"object"==typeof t?a(t,e):t===e})))},number:function(t){var e=t.value;return Promise.resolve(!isNaN(e))},required:function(t,e){var n=t.value;return void 0===e&&(e=!0),Promise.resolve(!(e&&!["no","false"].includes(e)&&(Array.isArray(n)?!n.length:"string"==typeof n?!n:!("object"!=typeof n||n&&Object.keys(n).length))))},url:function(e){var n=e.value;return Promise.resolve(t(n))}},p={accepted:function(t){return"Please accept the "+t.name+"."},after:function(t){var e=t.name,n=t.args;return Array.isArray(n)&&n.length?l(e)+" must be after "+n[0]+".":l(e)+" must be a later date."},alpha:function(t){return l(t.name)+" can only contain alphabetical characters."},alphanumeric:function(t){return l(t.name)+" can only contain letters and numbers."},before:function(t){var e=t.name,n=t.args;return Array.isArray(n)&&n.length?l(e)+" must be before "+n[0]+".":l(e)+" must be an earlier date."},between:function(t){var e=t.name,n=t.value,r=t.args;return isNaN(n)?l(e)+" must be between "+r[0]+" and "+r[1]+" characters long.":l(e)+" must be between "+r[0]+" and "+r[1]+"."},confirm:function(t){var e=t.name;t.args;return l(e)+" does not match."},date:function(t){var e=t.name,n=t.args;return Array.isArray(n)&&n.length?l(e)+" is not a valid, please use the format "+n[0]:l(e)+" is not a valid date."},default:function(t){t.name;return"This field isn’t valid."},email:function(t){t.name;var e=t.value;return e?"“"+e+"” is not a valid email address.":"Please enter a valid email address."},in:function(t){var e=t.name,n=t.value;return"string"==typeof n&&n?"“"+l(n)+"” is not an allowed "+e+".":"This is not an allowed "+e+"."},matches:function(t){return l(t.name)+" is not an allowed value."},max:function(t){var e=t.name,n=t.value,r=t.args;if(Array.isArray(n))return"You may only select "+r[0]+" "+e+".";var o=!(!Array.isArray(r)||!r[1])&&r[1];return!isNaN(n)&&"length"!==o||"value"===o?l(e)+" must be less than "+r[0]+".":l(e)+" must be less than "+r[0]+" characters long."},mime:function(t){var e=t.name,n=t.args;return l(e)+" must be of the the type: "+(n[0]||"No file formats allowed.")},min:function(t){var e=t.name,n=t.value,r=t.args;if(Array.isArray(n))return"You must select at least "+r[0]+" "+e+".";var o=!(!Array.isArray(r)||!r[1])&&r[1];return!isNaN(n)&&"length"!==o||"value"===o?l(e)+" must be more than "+r[0]+".":l(e)+" must be more than "+r[0]+" characters long."},not:function(t){var e=t.name;return"“"+t.value+"” is not an allowed "+e+"."},number:function(t){return l(t.name)+" must be a number."},required:function(t){return l(t.name)+" is required."},url:function(t){t.name;return"Please include a valid url."}};function m(t,e,n,r){return new Promise((function(n,o){var i=(r.fauxUploaderDuration||2e3)*(.5+Math.random()),a=performance.now(),s=function(){return setTimeout((function(){var r=performance.now()-a,o=Math.min(100,Math.round(r/i*100));if(e(o),o>=100)return n({url:"http://via.placeholder.com/350x150.png",name:t.name});s()}),20)};s()}))}var f={context:function(){return x.call(this,Object.assign({},{type:this.type,value:this.value,name:this.nameOrFallback,classification:this.classification,component:this.component,id:this.id||this.defaultId,hasLabel:this.label&&"button"!==this.classification,label:this.label,labelPosition:this.logicalLabelPosition,attributes:this.elementAttributes,blurHandler:v.bind(this),imageBehavior:this.imageBehavior,uploadUrl:this.uploadUrl,uploader:this.uploader||this.$formulate.getUploader(),uploadBehavior:this.uploadBehavior,preventWindowDrops:this.preventWindowDrops,hasValidationErrors:this.hasValidationErrors},this.typeContext))},nameOrFallback:function(){if(!0===this.name&&"button"!==this.classification)return this.type+"_"+this.elementAttributes.id;if(!1===this.name||"button"===this.classification&&!0===this.name)return!1;return this.name},typeContext:function(){var t=this;switch(this.classification){case"select":return{options:h.call(this,this.options),optionGroups:!!this.optionGroups&&i(this.optionGroups,(function(e,n){return h.call(t,n)})),placeholder:this.$attrs.placeholder||!1};case"slider":return{showValue:!!this.showValue};default:return this.options?{options:h.call(this,this.options)}:{}}},elementAttributes:function(){var t=Object.assign({},this.localAttributes);this.id?t.id=this.id:t.id=this.defaultId;return t},logicalLabelPosition:function(){if(this.labelPosition)return this.labelPosition;switch(this.classification){case"box":return"after";default:return"before"}},isVmodeled:function(){return!!(this.$options.propsData.hasOwnProperty("formulateValue")&&this._events&&Array.isArray(this._events.input)&&this._events.input.length)},mergedErrors:function(){return s(this.errors).concat(s(this.error)).concat(s(this.validationErrors)).reduce((function(t,e){return t.includes(e)?t:t.concat(e)}),[])},hasErrors:function(){return!!this.mergedErrors.length},showFieldErrors:function(){if(this.showErrors||this.formShouldShowErrors)return!0;return this.behavioralErrorVisibility},mergedValidationName:function(){if(this.validationName)return this.validationName;if("string"==typeof this.name)return this.name;if(this.label)return this.label;return this.type}};function h(t){if(!Array.isArray(t)&&t&&"object"==typeof t){var n=[];for(var r in t)n.push({value:r,label:t[r],id:this.elementAttributes.id+"_"+r});return n}return Array.isArray(t)&&!t.length?[{value:this.value,label:this.label||this.name,id:this.context.id||e(9)}]:t}function v(){"blur"===this.errorBehavior&&(this.behavioralErrorVisibility=!0)}function x(t){return Object.defineProperty(t,"model",{get:y.bind(this),set:b.bind(this)})}function y(){var t=this.isVmodeled?"formulateValue":"internalModelProxy";return"checkbox"===this.type&&!Array.isArray(this[t])&&this.options?[]:this[t]?this[t]:""}function b(t){this.internalModelProxy=t,this.$emit("input",t),this.context.name&&"function"==typeof this.formulateFormSetter&&this.formulateFormSetter(this.context.name,t)}function g(t,e,n,r,o,i,a,s,l,u){"boolean"!=typeof a&&(l=s,s=a,a=!1);var c,d="function"==typeof n?n.options:n;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o&&(d.functional=!0)),r&&(d._scopeId=r),i?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},d._ssrRegister=c):e&&(c=a?function(t){e.call(this,u(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,s(t))}),c)if(d.functional){var p=d.render;d.render=function(t,e){return c.call(e),p(t,e)}}else{var m=d.beforeCreate;d.beforeCreate=m?[].concat(m,c):[c]}return n}var w={name:"FormulateInput",inheritAttrs:!1,inject:{formulateFormSetter:{default:void 0},formulateFormRegister:{default:void 0},getFormValues:{default:function(){return function(){return{}}}}},model:{prop:"formulateValue",event:"input"},props:{type:{type:String,default:"text"},name:{type:[String,Boolean],default:!0},formulateValue:{default:""},value:{default:!1},options:{type:[Object,Array,Boolean],default:!1},optionGroups:{type:[Object,Boolean],default:!1},id:{type:[String,Boolean,Number],default:!1},label:{type:[String,Boolean],default:!1},labelPosition:{type:[String,Boolean],default:!1},help:{type:[String,Boolean],default:!1},debug:{type:Boolean,default:!1},errors:{type:[String,Array,Boolean],default:!1},validation:{type:[String,Boolean,Array],default:!1},validationName:{type:[String,Boolean],default:!1},error:{type:[String,Boolean],default:!1},errorBehavior:{type:String,default:"blur",validator:function(t){return["blur","live"].includes(t)}},showErrors:{type:Boolean,default:!1},imageBehavior:{type:String,default:"preview"},uploadUrl:{type:[String,Boolean],default:!1},uploader:{type:[Function,Object,Boolean],default:!1},uploadBehavior:{type:String,default:"live"},preventWindowDrops:{type:Boolean,default:!0},showValue:{type:[String,Boolean],default:!1},validationMessages:{type:Object,default:function(){return{}}},validationRules:{type:Object,default:function(){return{}}}},data:function(){return{defaultId:e(9),localAttributes:{},internalModelProxy:this.formulateValue||this.value,behavioralErrorVisibility:"live"===this.errorBehavior,formShouldShowErrors:!1,validationErrors:[],pendingValidation:Promise.resolve()}},computed:Object.assign({},f,{classification:function(){var t=this.$formulate.classify(this.type);return"box"===t&&this.options?"group":t},component:function(){return"group"===this.classification?"FormulateInputGroup":this.$formulate.component(this.type)}}),watch:{$attrs:{handler:function(t){this.updateLocalAttributes(t)},deep:!0},internalModelProxy:function(t,e){this.performValidation(),this.isVmodeled||a(t,e)||(this.context.model=t)},formulateValue:function(t,e){this.isVmodeled&&!a(t,e)&&(this.context.model=t)}},created:function(){this.formulateFormRegister&&"function"==typeof this.formulateFormRegister&&this.formulateFormRegister(this.nameOrFallback,this),this.updateLocalAttributes(this.$attrs),this.performValidation()},methods:{updateLocalAttributes:function(t){a(t,this.localAttributes)||(this.localAttributes=t)},performValidation:function(){var t=this,e=u(this.validation,this.$formulate.rules(this.validationRules));return this.pendingValidation=Promise.all(e.map((function(e){var n=e[0],r=e[1],o=n.apply(void 0,[{value:t.context.model,getFormValues:t.getFormValues.bind(t),name:t.context.name}].concat(r));return(o=o instanceof Promise?o:Promise.resolve(o)).then((function(e){return!e&&t.getValidationMessage(n,r)}))}))).then((function(t){return t.filter((function(t){return t}))})).then((function(e){t.validationErrors=e})),this.pendingValidation},getValidationMessage:function(t,e){return this.getValidationFunction(t)({args:e,name:this.mergedValidationName,value:this.context.model,vm:this,formValues:this.getFormValues()})},getValidationFunction:function(t){var e=this,n="_"===t.name.substr(0,1)?t.name.substr(1):t.name;if(this.validationMessages&&"object"==typeof this.validationMessages&&void 0!==this.validationMessages[n])switch(typeof this.validationMessages[n]){case"function":return this.validationMessages[n];case"string":return function(){return e.validationMessages[n]}}return function(n){return e.$formulate.validationMessage(t.name,n)}},hasValidationErrors:function(){var t=this;return new Promise((function(e){t.$nextTick((function(){t.pendingValidation.then((function(){return e(!!t.validationErrors.length)}))}))}))}}},F=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"formulate-input",attrs:{"data-classification":t.classification,"data-has-errors":t.hasErrors,"data-is-showing-errors":t.hasErrors&&t.showFieldErrors,"data-type":t.type}},[n("div",{staticClass:"formulate-input-wrapper"},[t.context.hasLabel&&"before"===t.context.labelPosition?t._t("label",[n("label",{staticClass:"formulate-input-label formulate-input-label--before",attrs:{for:t.context.attributes.id},domProps:{textContent:t._s(t.context.label)}})],null,t.context):t._e(),t._v(" "),t._t("element",[n(t.context.component,{tag:"component",attrs:{context:t.context}},[t._t("default",null,null,t.context)],2)],null,t.context),t._v(" "),t.context.hasLabel&&"after"===t.context.labelPosition?t._t("label",[n("label",{staticClass:"formulate-input-label formulate-input-label--after",attrs:{for:t.context.attributes.id},domProps:{textContent:t._s(t.context.label)}})],null,t.context.label):t._e()],2),t._v(" "),t.help?n("div",{staticClass:"formulate-input-help",domProps:{textContent:t._s(t.help)}}):t._e(),t._v(" "),t.showFieldErrors?n("FormulateInputErrors",{attrs:{errors:t.mergedErrors}}):t._e()],1)};F._withStripped=!0;var _=g({render:F,staticRenderFns:[]},void 0,w,void 0,!1,void 0,!1,void 0,void 0,void 0),P=function(t){this.form=t};P.prototype.hasValidationErrors=function(){return this.form.hasValidationErrors()},P.prototype.values=function(){var t=this;return new Promise((function(e,n){var r=[],i=function t(e){var n={};for(var r in e)e[r]instanceof o||c(e[r])?n[r]=e[r]:n[r]=t(e[r]);return n}(t.form.internalFormModelProxy);for(var a in i)"object"==typeof t.form.internalFormModelProxy[a]&&t.form.internalFormModelProxy[a]instanceof o&&r.push(t.form.internalFormModelProxy[a].upload());Promise.all(r).then((function(){return e(i)})).catch((function(t){return n(t)}))}))};var A={provide:function(){return{formulateFormSetter:this.setFieldValue,formulateFormRegister:this.register,getFormValues:this.getFormValues}},name:"FormulateForm",model:{prop:"formulateValue",event:"input"},props:{name:{type:[String,Boolean],default:!1},formulateValue:{type:Object,default:function(){return{}}}},data:function(){return{registry:{},internalFormModelProxy:{},formShouldShowErrors:!1}},computed:{hasFormulateValue:function(){return this.formulateValue&&"object"==typeof this.formulateValue},isVmodeled:function(){return!!(this.$options.propsData.hasOwnProperty("formulateValue")&&this._events&&Array.isArray(this._events.input)&&this._events.input.length)}},watch:{formulateValue:{handler:function(t,e){if(this.isVmodeled&&t&&"object"==typeof t)for(var n in t)!this.registry.hasOwnProperty(n)||a(t[n],this.internalFormModelProxy[n])||a(t[n],this.registry[n].internalModelProxy[n])||(this.setFieldValue(n,t[n]),this.registry[n].context.model=t[n])},deep:!0,immediate:!1}},created:function(){this.$options.propsData.hasOwnProperty("formulateValue")&&(this.internalFormModelProxy=Object.assign({},this.formulateValue))},methods:{setFieldValue:function(t,e){var n;Object.assign(this.internalFormModelProxy,((n={})[t]=e,n)),this.$emit("input",Object.assign({},this.internalFormModelProxy))},register:function(t,e){this.registry[t]=e;var n=Object.prototype.hasOwnProperty.call(e.$options.propsData,"formulateValue"),r=Object.prototype.hasOwnProperty.call(e.$options.propsData,"value");!n&&this.hasFormulateValue&&this.formulateValue[t]?e.context.model=this.formulateValue[t]:!n&&!r||a(e.internalModelProxy,this.formulateValue[t])||this.setFieldValue(t,e.internalModelProxy)},formSubmitted:function(){var t=this;this.showErrors();var e=new P(this);return this.$emit("submit-raw",e),e.hasValidationErrors().then((function(t){return t?void 0:e.values()})).then((function(e){if(void 0!==e)return t.$emit("submit",e),e}))},showErrors:function(){for(var t in this.registry)this.registry[t].formShouldShowErrors=!0},getFormValues:function(){return this.internalFormModelProxy},hasValidationErrors:function(){var t=[];for(var e in this.registry)"function"==typeof this.registry[e].hasValidationErrors&&t.push(this.registry[e].hasValidationErrors());return Promise.all(t).then((function(t){return!!t.find((function(t){return t}))}))}}},V=function(){var t=this,e=t.$createElement;return(t._self._c||e)("form",{on:{submit:function(e){return e.preventDefault(),t.formSubmitted(e)}}},[t._t("default")],2)};V._withStripped=!0;var N=g({render:V,staticRenderFns:[]},void 0,A,void 0,!1,void 0,!1,void 0,void 0,void 0),$={props:{errors:{type:[Boolean,Array],required:!0}}},E=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.errors.length?n("ul",{staticClass:"formulate-input-errors"},t._l(t.errors,(function(e){return n("li",{key:e,staticClass:"formulate-input-error",domProps:{innerHTML:t._s(e)}})})),0):t._e()};E._withStripped=!0;var O=g({render:E,staticRenderFns:[]},void 0,$,void 0,!1,void 0,!1,void 0,void 0,void 0);var S={name:"FormulateInputGroup",props:{context:{type:Object,required:!0}},computed:{options:function(){return this.context.options||[]},optionsWithContext:function(){var t=this,e=this.context,n=(e.options,e.labelPosition,e.attributes,e.classification,function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===e.indexOf(r)&&(n[r]=t[r]);return n}(e,["options","labelPosition","attributes","classification"]));return this.options.map((function(e){return t.groupItemContext(n,e)}))}},methods:{groupItemContext:function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return Object.assign.apply(Object,[{}].concat(t,[{component:"FormulateInput"}]))}}},I=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"formulate-input-group"},t._l(t.optionsWithContext,(function(e){return n(e.component,t._b({key:e.id,tag:"component",staticClass:"formulate-input-group-item",model:{value:t.context.model,callback:function(e){t.$set(t.context,"model",e)},expression:"context.model"}},"component",e,!1))})),1)};I._withStripped=!0;var C=g({render:I,staticRenderFns:[]},void 0,S,void 0,!1,void 0,!1,void 0,void 0,void 0),j={props:{context:{type:Object,required:!0}},computed:{type:function(){return this.context.type},id:function(){return this.context.id},attributes:function(){return this.context.attributes||{}},hasValue:function(){return!!this.context.model}}},D={name:"FormulateInputBox",mixins:[j]},k=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},["checkbox"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"checkbox"},domProps:{value:t.context.value,checked:Array.isArray(t.context.model)?t._i(t.context.model,t.context.value)>-1:t.context.model},on:{blur:t.context.blurHandler,change:function(e){var n=t.context.model,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t.context.value,a=t._i(n,i);r.checked?a<0&&t.$set(t.context,"model",n.concat([i])):a>-1&&t.$set(t.context,"model",n.slice(0,a).concat(n.slice(a+1)))}else t.$set(t.context,"model",o)}}},"input",t.attributes,!1)):"radio"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"radio"},domProps:{value:t.context.value,checked:t._q(t.context.model,t.context.value)},on:{blur:t.context.blurHandler,change:function(e){return t.$set(t.context,"model",t.context.value)}}},"input",t.attributes,!1)):n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:t.type},domProps:{value:t.context.value,value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"input",t.attributes,!1)),t._v(" "),n("label",{staticClass:"formulate-input-element-decorator",attrs:{for:t.id}})])};k._withStripped=!0;var B=g({render:k,staticRenderFns:[]},void 0,D,void 0,!1,void 0,!1,void 0,void 0,void 0),M={name:"FormulateInputText",mixins:[j]},T=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},["checkbox"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.context.model)?t._i(t.context.model,null)>-1:t.context.model},on:{blur:t.context.blurHandler,change:function(e){var n=t.context.model,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t._i(n,null);r.checked?i<0&&t.$set(t.context,"model",n.concat([null])):i>-1&&t.$set(t.context,"model",n.slice(0,i).concat(n.slice(i+1)))}else t.$set(t.context,"model",o)}}},"input",t.attributes,!1)):"radio"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"radio"},domProps:{checked:t._q(t.context.model,null)},on:{blur:t.context.blurHandler,change:function(e){return t.$set(t.context,"model",null)}}},"input",t.attributes,!1)):n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:t.type},domProps:{value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"input",t.attributes,!1))])};T._withStripped=!0;var U=g({render:T,staticRenderFns:[]},void 0,M,void 0,!1,void 0,!1,void 0,void 0,void 0),R={name:"FormulateFiles",props:{files:{type:o,required:!0},imagePreview:{type:Boolean,default:!1}},computed:{fileUploads:function(){return this.files.files||[]}},watch:{files:function(){this.imagePreview&&this.files.loadPreviews()}},mounted:function(){this.imagePreview&&this.files.loadPreviews()}},L=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.fileUploads.length?n("ul",{staticClass:"formulate-files"},t._l(t.fileUploads,(function(e){return n("li",{key:e.uuid,attrs:{"data-has-error":!!e.error,"data-has-preview":t.imagePreview&&e.previewData}},[n("div",{staticClass:"formulate-file"},[t.imagePreview&&e.previewData?n("div",{staticClass:"formulate-file-image-preview"},[n("img",{attrs:{src:e.previewData}})]):t._e(),t._v(" "),n("div",{staticClass:"formualte-file-name",domProps:{textContent:t._s(e.name)}}),t._v(" "),!1!==e.progress?n("div",{staticClass:"formulate-file-progress",attrs:{"data-just-finished":e.justFinished,"data-is-finished":!e.justFinished&&e.complete}},[n("div",{staticClass:"formulate-file-progress-inner",style:{width:e.progress+"%"}})]):t._e(),t._v(" "),e.complete&&!e.justFinished||!1===e.progress?n("div",{staticClass:"formulate-file-remove",on:{click:e.removeFile}}):t._e()]),t._v(" "),e.error?n("div",{staticClass:"formulate-file-upload-error",domProps:{textContent:t._s(e.error)}}):t._e()])})),0):t._e()};L._withStripped=!0;var H={name:"FormulateInputFile",components:{FormulateFiles:g({render:L,staticRenderFns:[]},void 0,R,void 0,!1,void 0,!1,void 0,void 0,void 0)},mixins:[j],data:function(){return{isOver:!1}},computed:{hasFiles:function(){return!!(this.context.model instanceof o&&this.context.model.files.length)}},mounted:function(){window&&this.context.preventWindowDrops&&(window.addEventListener("dragover",this.preventDefault),window.addEventListener("drop",this.preventDefault))},destroyed:function(){window&&this.context.preventWindowDrops&&(window.removeEventListener("dragover",this.preventDefault),window.removeEventListener("drop",this.preventDefault))},methods:{preventDefault:function(t){"INPUT"!==t.target.tagName&&"file"!==t.target.getAttribute("type")&&(t=t||event).preventDefault()},handleFile:function(){this.isOver=!1;var t=this.$refs.file;t.files.length&&(this.context.model=this.$formulate.createUpload(t,this.context)),this.attemptImmediateUpload()},attemptImmediateUpload:function(){var t=this;"live"===this.context.uploadBehavior&&this.context.model instanceof o&&this.context.hasValidationErrors().then((function(e){e||t.context.model.upload()}))},handleDragOver:function(t){t.preventDefault(),this.isOver=!0},handleDragLeave:function(t){t.preventDefault(),this.isOver=!1}}},q=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type,"data-has-files":t.hasFiles}},[n("div",{staticClass:"formulate-input-upload-area",attrs:{"data-has-files":t.hasFiles}},[n("input",t._b({ref:"file",attrs:{"data-is-drag-hover":t.isOver,type:"file"},on:{blur:t.context.blurHandler,change:t.handleFile,dragover:t.handleDragOver,dragleave:t.handleDragLeave}},"input",t.attributes,!1)),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:!t.hasFiles,expression:"!hasFiles"}],staticClass:"formulate-input-upload-area-mask"}),t._v(" "),t.hasFiles?n("FormulateFiles",{attrs:{files:t.context.model,"image-preview":"image"===t.context.type&&"preview"===t.context.imageBehavior}}):t._e()],1)])};q._withStripped=!0;var G=g({render:q,staticRenderFns:[]},void 0,H,void 0,!1,void 0,!1,void 0,void 0,void 0),Y={name:"FormulateInputButton",mixins:[j]},W=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},[n("button",t._b({attrs:{type:t.type}},"button",t.attributes,!1),[t._t("default",[n("span",{class:"formulate-input-element--"+t.context.type+"--label",domProps:{textContent:t._s(t.context.value||t.context.label||t.context.name||"Submit")}})])],2)])};W._withStripped=!0;var z=g({render:W,staticRenderFns:[]},void 0,Y,void 0,!1,void 0,!1,void 0,void 0,void 0),Z={name:"FormulateInputSelect",mixins:[j],computed:{options:function(){return this.context.options||{}},optionGroups:function(){return this.context.optionGroups||!1},placeholderSelected:function(){return!(this.hasValue||!this.context.attributes||!this.context.attributes.placeholder)}}},J=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},[n("select",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{"data-placeholder-selected":t.placeholderSelected},on:{blur:t.context.blurHandler,change:function(e){var n=Array.prototype.filter.call(e.target.options,(function(t){return t.selected})).map((function(t){return"_value"in t?t._value:t.value}));t.$set(t.context,"model",e.target.multiple?n:n[0])}}},"select",t.attributes,!1),[t.context.placeholder?n("option",{attrs:{value:"",disabled:""},domProps:{selected:!t.hasValue}},[t._v("\n "+t._s(t.context.placeholder)+"\n ")]):t._e(),t._v(" "),t.optionGroups?t._l(t.optionGroups,(function(e,r){return n("optgroup",{key:r,attrs:{label:r}},t._l(e,(function(e){return n("option",t._b({key:e.id,domProps:{value:e.value,textContent:t._s(e.label)}},"option",e.attributes||{},!1))})),0)})):t._l(t.options,(function(e){return n("option",t._b({key:e.id,domProps:{value:e.value,textContent:t._s(e.label)}},"option",e.attributes||{},!1))}))],2)])};J._withStripped=!0;var X=g({render:J,staticRenderFns:[]},void 0,Z,void 0,!1,void 0,!1,void 0,void 0,void 0),K={name:"FormulateInputSlider",mixins:[j]},Q=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},["checkbox"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.context.model)?t._i(t.context.model,null)>-1:t.context.model},on:{blur:t.context.blurHandler,change:function(e){var n=t.context.model,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t._i(n,null);r.checked?i<0&&t.$set(t.context,"model",n.concat([null])):i>-1&&t.$set(t.context,"model",n.slice(0,i).concat(n.slice(i+1)))}else t.$set(t.context,"model",o)}}},"input",t.attributes,!1)):"radio"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"radio"},domProps:{checked:t._q(t.context.model,null)},on:{blur:t.context.blurHandler,change:function(e){return t.$set(t.context,"model",null)}}},"input",t.attributes,!1)):n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:t.type},domProps:{value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"input",t.attributes,!1)),t._v(" "),t.context.showValue?n("div",{staticClass:"formulate-input-element-range-value",domProps:{textContent:t._s(t.context.model)}}):t._e()])};Q._withStripped=!0;var tt=g({render:Q,staticRenderFns:[]},void 0,K,void 0,!1,void 0,!1,void 0,void 0,void 0),et={name:"FormulateInputTextArea",mixins:[j]},nt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"formulate-input-element formulate-input-element--textarea",attrs:{"data-type":"textarea"}},[n("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],domProps:{value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"textarea",t.attributes,!1))])};nt._withStripped=!0;var rt=g({render:nt,staticRenderFns:[]},void 0,et,void 0,!1,void 0,!1,void 0,void 0,void 0),ot=function(){this.defaults={components:{FormulateForm:N,FormulateInput:_,FormulateInputErrors:O,FormulateInputBox:B,FormulateInputText:U,FormulateInputFile:G,FormulateInputGroup:C,FormulateInputButton:z,FormulateInputSelect:X,FormulateInputSlider:tt,FormulateInputTextArea:rt},library:r,rules:d,locale:"en",uploader:m,uploadJustCompleteDuration:1e3,locales:{en:p}}};ot.prototype.install=function(t,e){for(var n in t.prototype.$formulate=this,this.options=this.extend(this.defaults,e||{}),this.options.components)t.component(n,this.options.components[n]);Object.freeze(this)},ot.prototype.extend=function(t,e){var r={};for(var o in t)e.hasOwnProperty(o)?r[o]=n(e[o])&&n(t[o])?this.extend(t[o],e[o]):e[o]:r[o]=t[o];for(var i in e)r.hasOwnProperty(i)||(r[i]=e[i]);return r},ot.prototype.classify=function(t){return this.options.library.hasOwnProperty(t)?this.options.library[t].classification:"unknown"},ot.prototype.component=function(t){return!!this.options.library.hasOwnProperty(t)&&this.options.library[t].component},ot.prototype.rules=function(t){return void 0===t&&(t={}),Object.assign({},this.options.rules,t)},ot.prototype.validationMessage=function(t,e){var n=this.options.locales[this.options.locale];return n.hasOwnProperty(t)?n[t](e):"_"===t[0]&&n.hasOwnProperty(t.substr(1))?n[t.substr(1)](e):n.hasOwnProperty("default")?n.default(e):"This field does not have a valid value"},ot.prototype.getUploader=function(){return this.options.uploader||!1},ot.prototype.createUpload=function(t,e){return new o(t,e,this.options)};var it=new ot;export default it;export{o as FileUpload}; diff --git a/dist/formulate.min.js b/dist/formulate.min.js index 971ed2c..c570ae9 100644 --- a/dist/formulate.min.js +++ b/dist/formulate.min.js @@ -1,3372 +1 @@ -var Formulate = (function (exports, isUrl, nanoid, isPlainObject) { - 'use strict'; - - isUrl = isUrl && isUrl.hasOwnProperty('default') ? isUrl['default'] : isUrl; - nanoid = nanoid && nanoid.hasOwnProperty('default') ? nanoid['default'] : nanoid; - isPlainObject = isPlainObject && isPlainObject.hasOwnProperty('default') ? isPlainObject['default'] : isPlainObject; - - var library = { - // === SINGLE LINE TEXT STYLE INPUTS - text: { - classification: 'text', - component: 'FormulateInputText' - }, - email: { - classification: 'text', - component: 'FormulateInputText' - }, - number: { - classification: 'text', - component: 'FormulateInputText' - }, - color: { - classification: 'text', - component: 'FormulateInputText' - }, - date: { - classification: 'text', - component: 'FormulateInputText' - }, - hidden: { - classification: 'text', - component: 'FormulateInputText' - }, - month: { - classification: 'text', - component: 'FormulateInputText' - }, - password: { - classification: 'text', - component: 'FormulateInputText' - }, - search: { - classification: 'text', - component: 'FormulateInputText' - }, - tel: { - classification: 'text', - component: 'FormulateInputText' - }, - time: { - classification: 'text', - component: 'FormulateInputText' - }, - url: { - classification: 'text', - component: 'FormulateInputText' - }, - week: { - classification: 'text', - component: 'FormulateInputText' - }, - 'datetime-local': { - classification: 'text', - component: 'FormulateInputText' - }, - - // === SLIDER INPUTS - range: { - classification: 'slider', - component: 'FormulateInputSlider' - }, - - // === MULTI LINE TEXT INPUTS - textarea: { - classification: 'textarea', - component: 'FormulateInputTextArea' - }, - - // === BOX STYLE INPUTS - checkbox: { - classification: 'box', - component: 'FormulateInputBox' - }, - radio: { - classification: 'box', - component: 'FormulateInputBox' - }, - - // === BUTTON STYLE INPUTS - submit: { - classification: 'button', - component: 'FormulateInputButton' - }, - button: { - classification: 'button', - component: 'FormulateInputButton' - }, - - // === SELECT STYLE INPUTS - select: { - classification: 'select', - component: 'FormulateInputSelect' - }, - - // === FILE TYPE - - file: { - classification: 'file', - component: 'FormulateInputFile' - }, - image: { - classification: 'file', - component: 'FormulateInputFile' - } - }; - - /** - * The file upload class holds and represents a file’s upload state durring - * the upload flow. - */ - var FileUpload = function FileUpload (input, context, options) { - this.input = input; - this.fileList = input.files; - this.files = []; - this.options = options; - this.addFileList(this.fileList); - this.context = context; - }; - - /** - * Produce an array of files and alert the callback. - * @param {FileList} - */ - FileUpload.prototype.addFileList = function addFileList (fileList) { - var this$1 = this; - - var loop = function ( i ) { - var file = fileList[i]; - var uuid = nanoid(); - var removeFile = function () { - this.removeFile(uuid); - }; - this$1.files.push({ - progress: false, - error: false, - complete: false, - justFinished: false, - name: file.name || 'file-upload', - file: file, - uuid: uuid, - path: false, - removeFile: removeFile.bind(this$1), - previewData: false - }); - }; - - for (var i = 0; i < fileList.length; i++) loop( i ); - }; - - /** - * Check if the file has an. - */ - FileUpload.prototype.hasUploader = function hasUploader () { - return !!this.context.uploader - }; - - /** - * Check if the given uploader is axios instance. - */ - FileUpload.prototype.uploaderIsAxios = function uploaderIsAxios () { - if ( - this.hasUploader && - typeof this.hasUploader.request === 'function' && - typeof this.hasUploader.get === 'function' && - typeof this.hasUploader.delete === 'function' && - typeof this.hasUploader.post === 'function' - ) { - return true - } - return false - }; - - /** - * Get a new uploader function. - */ - FileUpload.prototype.getUploader = function getUploader () { - var ref; - - var args = [], len = arguments.length; - while ( len-- ) args[ len ] = arguments[ len ]; - if (this.uploaderIsAxios()) { - var formData = new FormData(); - formData.append(this.context.name || 'file', args[0]); - return this.uploader.post(this.context.uploadUrl, formData, { - headers: { - 'Content-Type': 'multipart/form-data' - }, - onUploadProgress: function (progressEvent) { - args[1](Math.round((progressEvent.loaded * 100) / progressEvent.total)); - } - }) - .catch(function (err) { return args[2](err); }) - } - return (ref = this.context).uploader.apply(ref, args) - }; - - /** - * Perform the file upload. - */ - FileUpload.prototype.upload = function upload () { - var this$1 = this; - - return new Promise(function (resolve, reject) { - if (!this$1.hasUploader) { - return reject(new Error('No uploader has been defined')) - } - Promise.all(this$1.files.map(function (file) { - return file.path ? Promise.resolve(file.path) : this$1.getUploader( - file.file, - function (progress) { - file.progress = progress; - if (progress >= 100) { - if (!file.complete) { - file.justFinished = true; - setTimeout(function () { file.justFinished = false; }, this$1.options.uploadJustCompleteDuration); - } - file.complete = true; - } - }, - function (error) { - file.progress = 0; - file.error = error; - file.complete = true; - }, - this$1.options - ) - })) - .then(function (results) { return resolve(results); }) - .catch(function (err) { throw new Error(err) }); - }) - }; - - /** - * Remove a file from the uploader (and the file list) - * @param {string} uuid - */ - FileUpload.prototype.removeFile = function removeFile (uuid) { - this.files = this.files.filter(function (file) { return file.uuid !== uuid; }); - if (window) { - var transfer = new DataTransfer(); - this.files.map(function (file) { return transfer.items.add(file.file); }); - this.fileList = transfer.files; - this.input.files = this.fileList; - } - }; - - /** - * load image previews for all uploads. - */ - FileUpload.prototype.loadPreviews = function loadPreviews () { - this.files.map(function (file) { - if (!file.previewData && window && window.FileReader && /^image\//.test(file.file.type)) { - var reader = new FileReader(); - reader.onload = function (e) { return Object.assign(file, { previewData: e.target.result }); }; - reader.readAsDataURL(file.file); - } - }); - }; - - /** - * Get the files. - */ - FileUpload.prototype.getFileList = function getFileList () { - return this.fileList - }; - - /** - * Get the files. - */ - FileUpload.prototype.getFiles = function getFiles () { - return this.files - }; - - FileUpload.prototype.toString = function toString () { - var descriptor = this.files.length ? this.files.length + ' files' : 'empty'; - return ("FileUpload(" + descriptor + ")") - }; - - /** - * Function to map over an object. - * @param {Object} obj An object to map over - * @param {Function} callback - */ - function map (original, callback) { - var obj = {}; - for (var key in original) { - obj[key] = callback(key, original[key]); - } - return obj - } - - /** - * Shallow equal. - * @param {} objA - * @param {*} objB - */ - function shallowEqualObjects (objA, objB) { - if (objA === objB) { - return true - } - if (!objA || !objB) { - return false - } - var aKeys = Object.keys(objA); - var bKeys = Object.keys(objB); - var len = aKeys.length; - - if (bKeys.length !== len) { - return false - } - - for (var i = 0; i < len; i++) { - var key = aKeys[i]; - - if (objA[key] !== objB[key]) { - return false - } - } - return true - } - - /** - * Given a string, object, falsey, or array - return an array. - * @param {mixed} item - */ - function arrayify (item) { - if (!item) { - return [] - } - if (typeof item === 'string') { - return [item] - } - if (Array.isArray(item)) { - return item - } - if (typeof item === 'object') { - return Object.values(item) - } - return [] - } - - /** - * How to add an item. - * @param {string} item - */ - function sentence (item) { - if (typeof item === 'string') { - return item[0].toUpperCase() + item.substr(1) - } - return item - } - - /** - * Given an array or string return an array of callables. - * @param {array|string} validation - * @param {array} rules and array of functions - * @return {array} an array of functions - */ - function parseRules (validation, rules) { - if (typeof validation === 'string') { - return parseRules(validation.split('|'), rules) - } - if (!Array.isArray(validation)) { - return [] - } - return validation.map(function (rule) { return parseRule(rule, rules); }).filter(function (f) { return !!f; }) - } - - /** - * Given a string or function, parse it and return the an array in the format - * [fn, [...arguments]] - * @param {string|function} rule - */ - function parseRule (rule, rules) { - if (typeof rule === 'function') { - return [rule, []] - } - if (Array.isArray(rule) && rule.length) { - rule = rule.map(function (r) { return r; }); // light clone - if (typeof rule[0] === 'string' && rules.hasOwnProperty(rule[0])) { - return [rules[rule.shift()], rule] - } - if (typeof rule[0] === 'function') { - return [rule.shift(), rule] - } - } - if (typeof rule === 'string') { - var segments = rule.split(':'); - var functionName = segments.shift(); - if (rules.hasOwnProperty(functionName)) { - return [rules[functionName], segments.length ? segments.join(':').split(',') : []] - } else { - throw new Error(("Unknown validation rule " + rule)) - } - } - return false - } - - /** - * Escape a string for use in regular expressions. - * @param {string} string - */ - function escapeRegExp (string) { - return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') // $& means the whole matched string - } - - /** - * Given a string format (date) return a regex to match against. - * @param {string} format - */ - function regexForFormat (format) { - var escaped = "^" + (escapeRegExp(format)) + "$"; - var formats = { - MM: '(0[1-9]|1[012])', - M: '([1-9]|1[012])', - DD: '([012][1-9]|3[01])', - D: '([012]?[1-9]|3[01])', - YYYY: '\\d{4}', - YY: '\\d{2}' - }; - return new RegExp(Object.keys(formats).reduce(function (regex, format) { - return regex.replace(format, formats[format]) - }, escaped)) - } - - /** - * Check if - * @param {mixed} data - */ - function isValueType (data) { - switch (typeof data) { - case 'symbol': - case 'number': - case 'string': - case 'boolean': - case 'undefined': - return true - default: - if (data === null) { - return true - } - return false - } - } - - /** - * A simple (somewhat non-comprehensive) cloneDeep function, valid for our use - * case of needing to unbind reactive watchers. - */ - function cloneDeep (obj) { - var newObj = {}; - for (var key in obj) { - if (obj[key] instanceof FileUpload || isValueType(obj[key])) { - newObj[key] = obj[key]; - } else { - newObj[key] = cloneDeep(obj[key]); - } - } - return newObj - } - - /** - * Library of rules - */ - var rules = { - /** - * Rule: the value must be "yes", "on", "1", or true - */ - accepted: function (ref) { - var value = ref.value; - - return Promise.resolve(['yes', 'on', '1', 1, true, 'true'].includes(value)) - }, - - /** - * Rule: checks if a value is after a given date. Defaults to current time - */ - after: function (ref, compare) { - var value = ref.value; - if ( compare === void 0 ) compare = false; - - var timestamp = Date.parse(compare || new Date()); - var fieldValue = Date.parse(value); - return Promise.resolve(isNaN(fieldValue) ? false : (fieldValue > timestamp)) - }, - - /** - * Rule: checks if the value is only alpha - */ - alpha: function (ref, set) { - var value = ref.value; - if ( set === void 0 ) set = 'default'; - - var sets = { - default: /^[a-zA-ZÀ-ÖØ-öø-ÿ]+$/, - latin: /^[a-zA-Z]+$/ - }; - var selectedSet = sets.hasOwnProperty(set) ? set : 'default'; - return Promise.resolve(sets[selectedSet].test(value)) - }, - - /** - * Rule: checks if the value is alpha numeric - */ - alphanumeric: function (ref, set) { - var value = ref.value; - if ( set === void 0 ) set = 'default'; - - var sets = { - default: /^[a-zA-Z0-9À-ÖØ-öø-ÿ]+$/, - latin: /^[a-zA-Z0-9]+$/ - }; - var selectedSet = sets.hasOwnProperty(set) ? set : 'default'; - return Promise.resolve(sets[selectedSet].test(value)) - }, - - /** - * Rule: checks if a value is after a given date. Defaults to current time - */ - before: function (ref, compare) { - var value = ref.value; - if ( compare === void 0 ) compare = false; - - var timestamp = Date.parse(compare || new Date()); - var fieldValue = Date.parse(value); - return Promise.resolve(isNaN(fieldValue) ? false : (fieldValue < timestamp)) - }, - - /** - * Rule: checks if the value is between two other values - */ - between: function (ref, from, to) { - var value = ref.value; - if ( from === void 0 ) from = 0; - if ( to === void 0 ) to = 10; - - return Promise.resolve((function () { - if (from === null || to === null || isNaN(from) || isNaN(to)) { - return false - } - from = Number(from); - to = Number(to); - if (!isNaN(value)) { - value = Number(value); - return (value > from && value < to) - } - if (typeof value === 'string') { - return value.length > from && value.length < to - } - return false - })()) - }, - - /** - * Confirm that the value of one field is the same as another, mostly used - * for password confirmations. - */ - confirm: function (ref, field) { - var value = ref.value; - var getFormValues = ref.getFormValues; - var name = ref.name; - - return Promise.resolve((function () { - var formValues = getFormValues(); - var confirmationFieldName = field; - if (!confirmationFieldName) { - confirmationFieldName = /_confirm$/.test(name) ? name.substr(0, name.length - 8) : (name + "_confirm"); - } - return formValues[confirmationFieldName] === value - })()) - }, - - /** - * Rule: ensures the value is a date according to Date.parse(), or a format - * regex. - */ - date: function (ref, format) { - var value = ref.value; - if ( format === void 0 ) format = false; - - return Promise.resolve((function () { - if (format && typeof format === 'string') { - return regexForFormat(format).test(value) - } - return !isNaN(Date.parse(value)) - })()) - }, - - /** - * Rule: tests - */ - email: function (ref) { - var value = ref.value; - - // eslint-disable-next-line - var isEmail = /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i; - return Promise.resolve(isEmail.test(value)) - }, - - /** - * Rule: Value is in an array (stack). - */ - in: function (ref) { - var value = ref.value; - var stack = [], len = arguments.length - 1; - while ( len-- > 0 ) stack[ len ] = arguments[ len + 1 ]; - - return Promise.resolve(stack.find(function (item) { - if (typeof item === 'object') { - return shallowEqualObjects(item, value) - } - return item === value - }) !== undefined) - }, - - /** - * Rule: Match the value against a (stack) of patterns or strings - */ - matches: function (ref) { - var value = ref.value; - var stack = [], len = arguments.length - 1; - while ( len-- > 0 ) stack[ len ] = arguments[ len + 1 ]; - - return Promise.resolve(!!stack.find(function (pattern) { - if (pattern instanceof RegExp) { - return pattern.test(value) - } - return pattern === value - })) - }, - - /** - * Check the maximum value of a particular. - */ - max: function (ref, minimum, force) { - var value = ref.value; - if ( minimum === void 0 ) minimum = 10; - - return Promise.resolve((function () { - if (Array.isArray(value)) { - minimum = !isNaN(minimum) ? Number(minimum) : minimum; - return value.length <= minimum - } - if ((!isNaN(value) && force !== 'length') || force === 'value') { - value = !isNaN(value) ? Number(value) : value; - return value <= minimum - } - if (typeof value === 'string' || (force === 'length')) { - value = !isNaN(value) ? value.toString() : value; - return value.length <= minimum - } - return false - })()) - }, - - /** - * Check the file type is correct. - */ - mime: function (ref) { - var value = ref.value; - var types = [], len = arguments.length - 1; - while ( len-- > 0 ) types[ len ] = arguments[ len + 1 ]; - - return Promise.resolve((function () { - if (value instanceof FileUpload) { - var fileList = value.getFileList(); - for (var i = 0; i < fileList.length; i++) { - var file = fileList[i]; - if (!types.includes(file.type)) { - return false - } - } - } - return true - })()) - }, - - /** - * Check the minimum value of a particular. - */ - min: function (ref, minimum, force) { - var value = ref.value; - if ( minimum === void 0 ) minimum = 1; - - return Promise.resolve((function () { - if (Array.isArray(value)) { - minimum = !isNaN(minimum) ? Number(minimum) : minimum; - return value.length >= minimum - } - if ((!isNaN(value) && force !== 'length') || force === 'value') { - value = !isNaN(value) ? Number(value) : value; - return value >= minimum - } - if (typeof value === 'string' || (force === 'length')) { - value = !isNaN(value) ? value.toString() : value; - return value.length >= minimum - } - return false - })()) - }, - - /** - * Rule: Value is not in stack. - */ - not: function (ref) { - var value = ref.value; - var stack = [], len = arguments.length - 1; - while ( len-- > 0 ) stack[ len ] = arguments[ len + 1 ]; - - return Promise.resolve(stack.find(function (item) { - if (typeof item === 'object') { - return shallowEqualObjects(item, value) - } - return item === value - }) === undefined) - }, - - /** - * Rule: checks if the value is only alpha numeric - */ - number: function (ref) { - var value = ref.value; - - return Promise.resolve(!isNaN(value)) - }, - - /** - * Rule: must be a value - */ - required: function (ref, isRequired) { - var value = ref.value; - if ( isRequired === void 0 ) isRequired = true; - - return Promise.resolve((function () { - if (!isRequired || ['no', 'false'].includes(isRequired)) { - return true - } - if (Array.isArray(value)) { - return !!value.length - } - if (typeof value === 'string') { - return !!value - } - if (typeof value === 'object') { - return (!value) ? false : !!Object.keys(value).length - } - return true - })()) - }, - - /** - * Rule: checks if a string is a valid url - */ - url: function (ref) { - var value = ref.value; - - return Promise.resolve(isUrl(value)) - } - }; - - /** - * Validation error message generators. - */ - var en = { - - /** - * Valid accepted value. - */ - accepted: function (ref) { - var name = ref.name; - - return ("Please accept the " + name + ".") - }, - - /** - * The date is not after. - */ - after: function (ref) { - var name = ref.name; - var args = ref.args; - - if (Array.isArray(args) && args.length) { - return ((sentence(name)) + " must be after " + (args[0]) + ".") - } - return ((sentence(name)) + " must be a later date.") - }, - - /** - * The value is not a letter. - */ - alpha: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " can only contain alphabetical characters.") - }, - - /** - * Rule: checks if the value is alpha numeric - */ - alphanumeric: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " can only contain letters and numbers.") - }, - - /** - * The date is not before. - */ - before: function (ref) { - var name = ref.name; - var args = ref.args; - - if (Array.isArray(args) && args.length) { - return ((sentence(name)) + " must be before " + (args[0]) + ".") - } - return ((sentence(name)) + " must be an earlier date.") - }, - - /** - * The value is not between two numbers or lengths - */ - between: function (ref) { - var name = ref.name; - var value = ref.value; - var args = ref.args; - - if (!isNaN(value)) { - return ((sentence(name)) + " must be between " + (args[0]) + " and " + (args[1]) + ".") - } - return ((sentence(name)) + " must be between " + (args[0]) + " and " + (args[1]) + " characters long.") - }, - - /** - * The confirmation field does not match - */ - confirm: function (ref) { - var name = ref.name; - var args = ref.args; - - return ((sentence(name)) + " does not match.") - }, - - /** - * Is not a valid date. - */ - date: function (ref) { - var name = ref.name; - var args = ref.args; - - if (Array.isArray(args) && args.length) { - return ((sentence(name)) + " is not a valid, please use the format " + (args[0])) - } - return ((sentence(name)) + " is not a valid date.") - }, - - /** - * The default render method for error messages. - */ - default: function (ref) { - var name = ref.name; - - return "This field isn’t valid." - }, - - /** - * Is not a valid email address. - */ - email: function (ref) { - var name = ref.name; - var value = ref.value; - - if (!value) { - return 'Please enter a valid email address.' - } - return ("“" + value + "” is not a valid email address.") - }, - - /** - * Value is an allowed value. - */ - in: function (ref) { - var name = ref.name; - var value = ref.value; - - if (typeof value === 'string' && value) { - return ("“" + (sentence(value)) + "” is not an allowed " + name + ".") - } - return ("This is not an allowed " + name + ".") - }, - - /** - * Value is not a match. - */ - matches: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " is not an allowed value.") - }, - - /** - * The maximum value allowed. - */ - max: function (ref) { - var name = ref.name; - var value = ref.value; - var args = ref.args; - - if (Array.isArray(value)) { - return ("You may only select " + (args[0]) + " " + name + ".") - } - var force = Array.isArray(args) && args[1] ? args[1] : false; - if ((!isNaN(value) && force !== 'length') || force === 'value') { - return ((sentence(name)) + " must be less than " + (args[0]) + ".") - } - return ((sentence(name)) + " must be less than " + (args[0]) + " characters long.") - }, - - /** - * The (field-level) error message for mime errors. - */ - mime: function (ref) { - var name = ref.name; - var args = ref.args; - - return ((sentence(name)) + " must be of the the type: " + (args[0] || 'No file formats allowed.')) - }, - - /** - * The maximum value allowed. - */ - min: function (ref) { - var name = ref.name; - var value = ref.value; - var args = ref.args; - - if (Array.isArray(value)) { - return ("You must select at least " + (args[0]) + " " + name + ".") - } - var force = Array.isArray(args) && args[1] ? args[1] : false; - if ((!isNaN(value) && force !== 'length') || force === 'value') { - return ((sentence(name)) + " must be more than " + (args[0]) + ".") - } - return ((sentence(name)) + " must be more than " + (args[0]) + " characters long.") - }, - - /** - * The field is not an allowed value - */ - not: function (ref) { - var name = ref.name; - var value = ref.value; - - return ("“" + value + "” is not an allowed " + name + ".") - }, - - /** - * The field is not a number - */ - number: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " must be a number.") - }, - - /** - * Required field. - */ - required: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " is required.") - }, - - /** - * Value is not a url. - */ - url: function (ref) { - var name = ref.name; - - return "Please include a valid url." - } - }; - - /** - * A fake uploader used by default. - * - * @param {File} file - * @param {function} progress - * @param {function} error - * @param {object} options - */ - function fauxUploader (file, progress, error, options) { - return new Promise(function (resolve, reject) { - var totalTime = (options.fauxUploaderDuration || 2000) * (0.5 + Math.random()); - var start = performance.now(); - - /** - * Create a recursive timeout that advances the progress. - */ - var advance = function () { return setTimeout(function () { - var elapsed = performance.now() - start; - var currentProgress = Math.min(100, Math.round(elapsed / totalTime * 100)); - progress(currentProgress); - - if (currentProgress >= 100) { - return resolve({ - url: 'http://via.placeholder.com/350x150.png', - name: file.name - }) - } else { - advance(); - } - }, 20); }; - advance(); - }) - } - - /** - * For a single instance of an input, export all of the context needed to fully - * render that element. - * @return {object} - */ - var context = { - context: function context () { - return defineModel.call(this, Object.assign({}, {type: this.type, - value: this.value, - name: this.nameOrFallback, - classification: this.classification, - component: this.component, - id: this.id || this.defaultId, - hasLabel: (this.label && this.classification !== 'button'), - label: this.label, - labelPosition: this.logicalLabelPosition, - attributes: this.elementAttributes, - blurHandler: blurHandler.bind(this), - imageBehavior: this.imageBehavior, - uploadUrl: this.uploadUrl, - uploader: this.uploader || this.$formulate.getUploader(), - uploadBehavior: this.uploadBehavior, - preventWindowDrops: this.preventWindowDrops, - hasValidationErrors: this.hasValidationErrors}, - this.typeContext)) - }, - nameOrFallback: nameOrFallback, - typeContext: typeContext, - elementAttributes: elementAttributes, - logicalLabelPosition: logicalLabelPosition, - isVmodeled: isVmodeled, - mergedErrors: mergedErrors, - hasErrors: hasErrors, - showFieldErrors: showFieldErrors, - mergedValidationName: mergedValidationName - }; - - /** - * Given (this.type), return an object to merge with the context - * @return {object} - * @return {object} - */ - function typeContext () { - var this$1 = this; - - switch (this.classification) { - case 'select': - return { - options: createOptionList.call(this, this.options), - optionGroups: this.optionGroups ? map(this.optionGroups, function (k, v) { return createOptionList.call(this$1, v); }) : false, - placeholder: this.$attrs.placeholder || false - } - case 'group': - if (this.options) { - return { - options: createOptionList.call(this, this.options) - } - } - break - default: - return {} - } - } - - /** - * Reducer for attributes that will be applied to each core input element. - * @return {object} - */ - function elementAttributes () { - var attrs = Object.assign({}, this.localAttributes); - if (this.id) { - attrs.id = this.id; - } else { - attrs.id = this.defaultId; - } - return attrs - } - - /** - * Determine the a best-guess location for the label (before or after). - * @return {string} before|after - */ - function logicalLabelPosition () { - if (this.labelPosition) { - return this.labelPosition - } - switch (this.classification) { - case 'box': - return 'after' - default: - return 'before' - } - } - - /** - * The validation label to use. - */ - function mergedValidationName () { - if (this.validationName) { - return this.validationName - } - if (typeof this.name === 'string') { - return this.name - } - if (this.label) { - return this.label - } - return this.type - } - - /** - * Determines if the field should show it's error (if it has one) - * @return {boolean} - */ - function showFieldErrors () { - if (this.showErrors || this.formShouldShowErrors) { - return true - } - return this.behavioralErrorVisibility - } - - /** - * Return the element’s name, or select a fallback. - */ - function nameOrFallback () { - if (this.name === true && this.classification !== 'button') { - return ((this.type) + "_" + (this.elementAttributes.id)) - } - if (this.name === false || (this.classification === 'button' && this.name === true)) { - return false - } - return this.name - } - - /** - * Determines if this formulate element is v-modeled or not. - */ - function isVmodeled () { - return !!(this.$options.propsData.hasOwnProperty('formulateValue') && - this._events && - Array.isArray(this._events.input) && - this._events.input.length) - } - - /** - * Given an object or array of options, create an array of objects with label, - * value, and id. - * @param {array|object} - * @return {array} - */ - function createOptionList (options) { - if (!Array.isArray(options) && options && typeof options === 'object') { - var optionList = []; - var that = this; - for (var value in options) { - optionList.push({ value: value, label: options[value], id: ((that.elementAttributes.id) + "_" + value) }); - } - return optionList - } else if (Array.isArray(options) && !options.length) { - return [{ value: this.value, label: (this.label || this.name), id: this.context.id || nanoid(9) }] - } - return options - } - - /** - * The merged errors computed property. - */ - function mergedErrors () { - return arrayify(this.errors) - .concat(arrayify(this.error)) - .concat(arrayify(this.validationErrors)) - .reduce(function (errors, err) { return !errors.includes(err) ? errors.concat(err) : errors; }, []) - } - - /** - * Does this computed property have errors. - */ - function hasErrors () { - return !!this.mergedErrors.length - } - - /** - * Bound into the context object. - */ - function blurHandler () { - if (this.errorBehavior === 'blur') { - this.behavioralErrorVisibility = true; - } - } - - /** - * Defines the model used throughout the existing context. - * @param {object} context - */ - function defineModel (context) { - return Object.defineProperty(context, 'model', { - get: modelGetter.bind(this), - set: modelSetter.bind(this) - }) - } - - /** - * Get the value from a model. - **/ - function modelGetter () { - var model = this.isVmodeled ? 'formulateValue' : 'internalModelProxy'; - if (this.type === 'checkbox' && !Array.isArray(this[model]) && this.options) { - return [] - } - if (!this[model]) { - return '' - } - return this[model] - } - - /** - * Set the value from a model. - **/ - function modelSetter (value) { - this.internalModelProxy = value; - this.$emit('input', value); - if (this.context.name && typeof this.formulateFormSetter === 'function') { - this.formulateFormSetter(this.context.name, value); - } - } - - // - - var script = { - name: 'FormulateInput', - inheritAttrs: false, - inject: { - formulateFormSetter: { default: undefined }, - formulateFormRegister: { default: undefined }, - getFormValues: { default: function () { return function () { return ({}); }; } } - }, - model: { - prop: 'formulateValue', - event: 'input' - }, - props: { - type: { - type: String, - default: 'text' - }, - name: { - type: [String, Boolean], - default: true - }, - /* eslint-disable */ - formulateValue: { - default: '' - }, - value: { - default: false - }, - /* eslint-enable */ - options: { - type: [Object, Array, Boolean], - default: false - }, - optionGroups: { - type: [Object, Boolean], - default: false - }, - id: { - type: [String, Boolean, Number], - default: false - }, - label: { - type: [String, Boolean], - default: false - }, - labelPosition: { - type: [String, Boolean], - default: false - }, - help: { - type: [String, Boolean], - default: false - }, - debug: { - type: Boolean, - default: false - }, - errors: { - type: [String, Array, Boolean], - default: false - }, - validation: { - type: [String, Boolean, Array], - default: false - }, - validationName: { - type: [String, Boolean], - default: false - }, - error: { - type: [String, Boolean], - default: false - }, - errorBehavior: { - type: String, - default: 'blur', - validator: function (value) { - return ['blur', 'live'].includes(value) - } - }, - showErrors: { - type: Boolean, - default: false - }, - imageBehavior: { - type: String, - default: 'preview' - }, - uploadUrl: { - type: [String, Boolean], - default: false - }, - uploader: { - type: [Function, Object, Boolean], - default: false - }, - uploadBehavior: { - type: String, - default: 'live' - }, - preventWindowDrops: { - type: Boolean, - default: true - } - }, - data: function data () { - return { - /** - * @todo consider swapping out nanoid for this._uid - */ - defaultId: nanoid(9), - localAttributes: {}, - internalModelProxy: this.formulateValue || this.value, - behavioralErrorVisibility: (this.errorBehavior === 'live'), - formShouldShowErrors: false, - validationErrors: [], - pendingValidation: Promise.resolve() - } - }, - computed: Object.assign({}, context, - {classification: function classification () { - var classification = this.$formulate.classify(this.type); - return (classification === 'box' && this.options) ? 'group' : classification - }, - component: function component () { - return (this.classification === 'group') ? 'FormulateInputGroup' : this.$formulate.component(this.type) - }}), - watch: { - '$attrs': { - handler: function handler (value) { - this.updateLocalAttributes(value); - }, - deep: true - }, - internalModelProxy: function internalModelProxy (newValue, oldValue) { - this.performValidation(); - if (!this.isVmodeled && !shallowEqualObjects(newValue, oldValue)) { - this.context.model = newValue; - } - }, - formulateValue: function formulateValue (newValue, oldValue) { - if (this.isVmodeled && !shallowEqualObjects(newValue, oldValue)) { - this.context.model = newValue; - } - } - }, - created: function created () { - if (this.formulateFormRegister && typeof this.formulateFormRegister === 'function') { - this.formulateFormRegister(this.nameOrFallback, this); - } - this.updateLocalAttributes(this.$attrs); - this.performValidation(); - }, - methods: { - updateLocalAttributes: function updateLocalAttributes (value) { - if (!shallowEqualObjects(value, this.localAttributes)) { - this.localAttributes = value; - } - }, - performValidation: function performValidation () { - var this$1 = this; - - var rules = parseRules(this.validation, this.$formulate.rules()); - this.pendingValidation = Promise.all( - rules.map(function (ref) { - var rule = ref[0]; - var args = ref[1]; - - return rule.apply(void 0, [ { - value: this$1.context.model, - getFormValues: this$1.getFormValues.bind(this$1), - name: this$1.context.name - } ].concat( args )) - .then(function (res) { return res ? false : this$1.$formulate.validationMessage(rule.name, { - args: args, - name: this$1.mergedValidationName, - value: this$1.context.model, - vm: this$1, - formValues: this$1.getFormValues() - }); }) - }) - ) - .then(function (result) { return result.filter(function (result) { return result; }); }) - .then(function (errorMessages) { this$1.validationErrors = errorMessages; }); - return this.pendingValidation - }, - hasValidationErrors: function hasValidationErrors () { - var this$1 = this; - - return new Promise(function (resolve) { - this$1.$nextTick(function () { - this$1.pendingValidation.then(function () { return resolve(!!this$1.validationErrors.length); }); - }); - }) - } - } - }; - - function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) { - if (typeof shadowMode !== 'boolean') { - createInjectorSSR = createInjector; - createInjector = shadowMode; - shadowMode = false; - } - // Vue.extend constructor export interop. - var options = typeof script === 'function' ? script.options : script; - // render functions - if (template && template.render) { - options.render = template.render; - options.staticRenderFns = template.staticRenderFns; - options._compiled = true; - // functional template - if (isFunctionalTemplate) { - options.functional = true; - } - } - // scopedId - if (scopeId) { - options._scopeId = scopeId; - } - var hook; - if (moduleIdentifier) { - // server build - hook = function (context) { - // 2.3 injection - context = - context || // cached call - (this.$vnode && this.$vnode.ssrContext) || // stateful - (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional - // 2.2 with runInNewContext: true - if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { - context = __VUE_SSR_CONTEXT__; - } - // inject component styles - if (style) { - style.call(this, createInjectorSSR(context)); - } - // register component module identifier for async chunk inference - if (context && context._registeredComponents) { - context._registeredComponents.add(moduleIdentifier); - } - }; - // used by ssr in case component is cached and beforeCreate - // never gets called - options._ssrRegister = hook; - } - else if (style) { - hook = shadowMode - ? function (context) { - style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot)); - } - : function (context) { - style.call(this, createInjector(context)); - }; - } - if (hook) { - if (options.functional) { - // register for functional component in vue file - var originalRender = options.render; - options.render = function renderWithStyleInjection(h, context) { - hook.call(context); - return originalRender(h, context); - }; - } - else { - // inject component registration as beforeCreate hook - var existing = options.beforeCreate; - options.beforeCreate = existing ? [].concat(existing, hook) : [hook]; - } - } - return script; - } - - /* script */ - var __vue_script__ = script; - - /* template */ - var __vue_render__ = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - staticClass: "formulate-input", - attrs: { - "data-classification": _vm.classification, - "data-has-errors": _vm.hasErrors, - "data-is-showing-errors": _vm.hasErrors && _vm.showFieldErrors, - "data-type": _vm.type - } - }, - [ - _c( - "div", - { staticClass: "formulate-input-wrapper" }, - [ - _vm.context.hasLabel && _vm.context.labelPosition === "before" - ? _vm._t( - "label", - [ - _c("label", { - staticClass: - "formulate-input-label formulate-input-label--before", - attrs: { for: _vm.context.attributes.id }, - domProps: { textContent: _vm._s(_vm.context.label) } - }) - ], - null, - _vm.context - ) - : _vm._e(), - _vm._v(" "), - _vm._t( - "element", - [ - _c( - _vm.context.component, - { tag: "component", attrs: { context: _vm.context } }, - [_vm._t("default", null, null, _vm.context)], - 2 - ) - ], - null, - _vm.context - ), - _vm._v(" "), - _vm.context.hasLabel && _vm.context.labelPosition === "after" - ? _vm._t( - "label", - [ - _c("label", { - staticClass: - "formulate-input-label formulate-input-label--after", - attrs: { for: _vm.context.attributes.id }, - domProps: { textContent: _vm._s(_vm.context.label) } - }) - ], - null, - _vm.context.label - ) - : _vm._e() - ], - 2 - ), - _vm._v(" "), - _vm.help - ? _c("div", { - staticClass: "formulate-input-help", - domProps: { textContent: _vm._s(_vm.help) } - }) - : _vm._e(), - _vm._v(" "), - _vm.showFieldErrors - ? _c("FormulateInputErrors", { attrs: { errors: _vm.mergedErrors } }) - : _vm._e() - ], - 1 - ) - }; - var __vue_staticRenderFns__ = []; - __vue_render__._withStripped = true; - - /* style */ - var __vue_inject_styles__ = undefined; - /* scoped */ - var __vue_scope_id__ = undefined; - /* module identifier */ - var __vue_module_identifier__ = undefined; - /* functional template */ - var __vue_is_functional_template__ = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__ = normalizeComponent( - { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }, - __vue_inject_styles__, - __vue_script__, - __vue_scope_id__, - __vue_is_functional_template__, - __vue_module_identifier__, - false, - undefined, - undefined, - undefined - ); - - var FormSubmission = function FormSubmission (form) { - this.form = form; - }; - - /** - * Determine if the form has any validation errors. - * - * @return {Promise} resolves a boolean - */ - FormSubmission.prototype.hasValidationErrors = function hasValidationErrors () { - return this.form.hasValidationErrors() - }; - - /** - * Asynchronously generate the values payload of this form. - * @return {Promise} resolves to json - */ - FormSubmission.prototype.values = function values () { - var this$1 = this; - - return new Promise(function (resolve, reject) { - var pending = []; - var values = cloneDeep(this$1.form.internalFormModelProxy); - for (var key in values) { - if (typeof this$1.form.internalFormModelProxy[key] === 'object' && this$1.form.internalFormModelProxy[key] instanceof FileUpload) { - pending.push(this$1.form.internalFormModelProxy[key].upload()); - } - } - /** - * @todo - how do we get these uploaded path values back into our data? - */ - Promise.all(pending) - // .then(file => file.path) - .then(function () { return resolve(values); }) - .catch(function (err) { return reject(err); }); - }) - }; - - // - - var script$1 = { - provide: function provide () { - return { - formulateFormSetter: this.setFieldValue, - formulateFormRegister: this.register, - getFormValues: this.getFormValues - } - }, - name: 'FormulateForm', - model: { - prop: 'formulateValue', - event: 'input' - }, - props: { - name: { - type: [String, Boolean], - default: false - }, - formulateValue: { - type: Object, - default: function () { return ({}); } - } - }, - data: function data () { - return { - registry: {}, - internalFormModelProxy: {}, - formShouldShowErrors: false - } - }, - computed: { - hasFormulateValue: function hasFormulateValue () { - return this.formulateValue && typeof this.formulateValue === 'object' - }, - isVmodeled: function isVmodeled () { - return !!(this.$options.propsData.hasOwnProperty('formulateValue') && - this._events && - Array.isArray(this._events.input) && - this._events.input.length) - } - }, - watch: { - formulateValue: { - handler: function handler (newValue, oldValue) { - if (this.isVmodeled && - newValue && - typeof newValue === 'object' - ) { - for (var field in newValue) { - if (this.registry.hasOwnProperty(field) && - !shallowEqualObjects(newValue[field], this.internalFormModelProxy[field]) && - !shallowEqualObjects(newValue[field], this.registry[field].internalModelProxy[field]) - ) { - this.setFieldValue(field, newValue[field]); - this.registry[field].context.model = newValue[field]; - } - } - } - }, - deep: true, - immediate: false - } - }, - created: function created () { - if (this.$options.propsData.hasOwnProperty('formulateValue')) { - this.internalFormModelProxy = Object.assign({}, this.formulateValue); - } - }, - methods: { - setFieldValue: function setFieldValue (field, value) { - var obj; - - Object.assign(this.internalFormModelProxy, ( obj = {}, obj[field] = value, obj )); - this.$emit('input', Object.assign({}, this.internalFormModelProxy)); - }, - register: function register (field, component) { - this.registry[field] = component; - var hasVModelValue = Object.prototype.hasOwnProperty.call(component.$options.propsData, 'formulateValue'); - var hasValue = Object.prototype.hasOwnProperty.call(component.$options.propsData, 'value'); - if ( - !hasVModelValue && - this.hasFormulateValue && - this.formulateValue[field] - ) { - // In the case that the form is carrying an initial value and the - // element is not, set it directly. - component.context.model = this.formulateValue[field]; - } else if ( - (hasVModelValue || hasValue) && - !shallowEqualObjects(component.internalModelProxy, this.formulateValue[field]) - ) { - this.setFieldValue(field, component.internalModelProxy); - } - }, - formSubmitted: function formSubmitted () { - var this$1 = this; - - // perform validation here - this.showErrors(); - var submission = new FormSubmission(this); - this.$emit('submit-raw', submission); - return submission.hasValidationErrors() - .then(function (hasErrors) { return hasErrors ? false : submission.values(); }) - .then(function (json) { return json !== false ? this$1.$emit('submit', json) : null; }) - }, - showErrors: function showErrors () { - for (var fieldName in this.registry) { - this.registry[fieldName].formShouldShowErrors = true; - } - }, - getFormValues: function getFormValues () { - return this.internalFormModelProxy - }, - hasValidationErrors: function hasValidationErrors () { - var resolvers = []; - for (var fieldName in this.registry) { - if (typeof this.registry[fieldName].hasValidationErrors === 'function') { - resolvers.push(this.registry[fieldName].hasValidationErrors()); - } - } - return Promise.all(resolvers).then(function (fields) { return !!fields.find(function (hasErrors) { return hasErrors; }); }) - } - } - }; - - /* script */ - var __vue_script__$1 = script$1; - - /* template */ - var __vue_render__$1 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "form", - { - on: { - submit: function($event) { - $event.preventDefault(); - return _vm.formSubmitted($event) - } - } - }, - [_vm._t("default")], - 2 - ) - }; - var __vue_staticRenderFns__$1 = []; - __vue_render__$1._withStripped = true; - - /* style */ - var __vue_inject_styles__$1 = undefined; - /* scoped */ - var __vue_scope_id__$1 = undefined; - /* module identifier */ - var __vue_module_identifier__$1 = undefined; - /* functional template */ - var __vue_is_functional_template__$1 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$1 = normalizeComponent( - { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 }, - __vue_inject_styles__$1, - __vue_script__$1, - __vue_scope_id__$1, - __vue_is_functional_template__$1, - __vue_module_identifier__$1, - false, - undefined, - undefined, - undefined - ); - - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - - var script$2 = { - props: { - errors: { - type: [Boolean, Array], - required: true - } - } - }; - - /* script */ - var __vue_script__$2 = script$2; - - /* template */ - var __vue_render__$2 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _vm.errors.length - ? _c( - "ul", - { staticClass: "formulate-input-errors" }, - _vm._l(_vm.errors, function(error) { - return _c("li", { - key: error, - staticClass: "formulate-input-error", - domProps: { innerHTML: _vm._s(error) } - }) - }), - 0 - ) - : _vm._e() - }; - var __vue_staticRenderFns__$2 = []; - __vue_render__$2._withStripped = true; - - /* style */ - var __vue_inject_styles__$2 = undefined; - /* scoped */ - var __vue_scope_id__$2 = undefined; - /* module identifier */ - var __vue_module_identifier__$2 = undefined; - /* functional template */ - var __vue_is_functional_template__$2 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$2 = normalizeComponent( - { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 }, - __vue_inject_styles__$2, - __vue_script__$2, - __vue_scope_id__$2, - __vue_is_functional_template__$2, - __vue_module_identifier__$2, - false, - undefined, - undefined, - undefined - ); - - // - // - // - // - // - // - // - // - // - // - // - // - // - - function objectWithoutProperties (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; } - var script$3 = { - name: 'FormulateInputGroup', - props: { - context: { - type: Object, - required: true - } - }, - computed: { - options: function options () { - return this.context.options || [] - }, - optionsWithContext: function optionsWithContext () { - var this$1 = this; - - var ref = this.context; - var options = ref.options; - var labelPosition = ref.labelPosition; - var attributes = ref.attributes; - var classification = ref.classification; - var rest = objectWithoutProperties( ref, ["options", "labelPosition", "attributes", "classification"] ); - var context = rest; - return this.options.map(function (option) { return this$1.groupItemContext(context, option); }) - } - }, - methods: { - groupItemContext: function groupItemContext () { - var args = [], len = arguments.length; - while ( len-- ) args[ len ] = arguments[ len ]; - - return Object.assign.apply(Object, [ {} ].concat( args, [{ - component: 'FormulateInput' - }] )) - } - } - }; - - /* script */ - var __vue_script__$3 = script$3; - - /* template */ - var __vue_render__$3 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { staticClass: "formulate-input-group" }, - _vm._l(_vm.optionsWithContext, function(optionContext) { - return _c( - optionContext.component, - _vm._b( - { - key: optionContext.id, - tag: "component", - staticClass: "formulate-input-group-item", - model: { - value: _vm.context.model, - callback: function($$v) { - _vm.$set(_vm.context, "model", $$v); - }, - expression: "context.model" - } - }, - "component", - optionContext, - false - ) - ) - }), - 1 - ) - }; - var __vue_staticRenderFns__$3 = []; - __vue_render__$3._withStripped = true; - - /* style */ - var __vue_inject_styles__$3 = undefined; - /* scoped */ - var __vue_scope_id__$3 = undefined; - /* module identifier */ - var __vue_module_identifier__$3 = undefined; - /* functional template */ - var __vue_is_functional_template__$3 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$3 = normalizeComponent( - { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 }, - __vue_inject_styles__$3, - __vue_script__$3, - __vue_scope_id__$3, - __vue_is_functional_template__$3, - __vue_module_identifier__$3, - false, - undefined, - undefined, - undefined - ); - - /** - * Default base for input components. - */ - var FormulateInputMixin = { - props: { - context: { - type: Object, - required: true - } - }, - computed: { - type: function type () { - return this.context.type - }, - id: function id () { - return this.context.id - }, - attributes: function attributes () { - return this.context.attributes || {} - }, - hasValue: function hasValue () { - return !!this.context.model - } - } - }; - - // - - var script$4 = { - name: 'FormulateInputBox', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$4 = script$4; - - /* template */ - var __vue_render__$4 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _vm.type === "checkbox" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "checkbox" }, - domProps: { - value: _vm.context.value, - checked: Array.isArray(_vm.context.model) - ? _vm._i(_vm.context.model, _vm.context.value) > -1 - : _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$a = _vm.context.model, - $$el = $event.target, - $$c = $$el.checked ? true : false; - if (Array.isArray($$a)) { - var $$v = _vm.context.value, - $$i = _vm._i($$a, $$v); - if ($$el.checked) { - $$i < 0 && - _vm.$set(_vm.context, "model", $$a.concat([$$v])); - } else { - $$i > -1 && - _vm.$set( - _vm.context, - "model", - $$a.slice(0, $$i).concat($$a.slice($$i + 1)) - ); - } - } else { - _vm.$set(_vm.context, "model", $$c); - } - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _vm.type === "radio" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "radio" }, - domProps: { - value: _vm.context.value, - checked: _vm._q(_vm.context.model, _vm.context.value) - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - return _vm.$set(_vm.context, "model", _vm.context.value) - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: _vm.type }, - domProps: { - value: _vm.context.value, - value: _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "input", - _vm.attributes, - false - ) - ), - _vm._v(" "), - _c("label", { - staticClass: "formulate-input-element-decorator", - attrs: { for: _vm.id } - }) - ] - ) - }; - var __vue_staticRenderFns__$4 = []; - __vue_render__$4._withStripped = true; - - /* style */ - var __vue_inject_styles__$4 = undefined; - /* scoped */ - var __vue_scope_id__$4 = undefined; - /* module identifier */ - var __vue_module_identifier__$4 = undefined; - /* functional template */ - var __vue_is_functional_template__$4 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$4 = normalizeComponent( - { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 }, - __vue_inject_styles__$4, - __vue_script__$4, - __vue_scope_id__$4, - __vue_is_functional_template__$4, - __vue_module_identifier__$4, - false, - undefined, - undefined, - undefined - ); - - // - - var script$5 = { - name: 'FormulateInputText', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$5 = script$5; - - /* template */ - var __vue_render__$5 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _vm.type === "checkbox" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "checkbox" }, - domProps: { - checked: Array.isArray(_vm.context.model) - ? _vm._i(_vm.context.model, null) > -1 - : _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$a = _vm.context.model, - $$el = $event.target, - $$c = $$el.checked ? true : false; - if (Array.isArray($$a)) { - var $$v = null, - $$i = _vm._i($$a, $$v); - if ($$el.checked) { - $$i < 0 && - _vm.$set(_vm.context, "model", $$a.concat([$$v])); - } else { - $$i > -1 && - _vm.$set( - _vm.context, - "model", - $$a.slice(0, $$i).concat($$a.slice($$i + 1)) - ); - } - } else { - _vm.$set(_vm.context, "model", $$c); - } - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _vm.type === "radio" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "radio" }, - domProps: { checked: _vm._q(_vm.context.model, null) }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - return _vm.$set(_vm.context, "model", null) - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: _vm.type }, - domProps: { value: _vm.context.model }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "input", - _vm.attributes, - false - ) - ) - ] - ) - }; - var __vue_staticRenderFns__$5 = []; - __vue_render__$5._withStripped = true; - - /* style */ - var __vue_inject_styles__$5 = undefined; - /* scoped */ - var __vue_scope_id__$5 = undefined; - /* module identifier */ - var __vue_module_identifier__$5 = undefined; - /* functional template */ - var __vue_is_functional_template__$5 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$5 = normalizeComponent( - { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 }, - __vue_inject_styles__$5, - __vue_script__$5, - __vue_scope_id__$5, - __vue_is_functional_template__$5, - __vue_module_identifier__$5, - false, - undefined, - undefined, - undefined - ); - - // - - var script$6 = { - name: 'FormulateFiles', - props: { - files: { - type: FileUpload, - required: true - }, - imagePreview: { - type: Boolean, - default: false - } - }, - computed: { - fileUploads: function fileUploads () { - return this.files.files || [] - } - }, - watch: { - files: function files () { - if (this.imagePreview) { - this.files.loadPreviews(); - } - } - }, - mounted: function mounted () { - if (this.imagePreview) { - this.files.loadPreviews(); - } - } - }; - - /* script */ - var __vue_script__$6 = script$6; - - /* template */ - var __vue_render__$6 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _vm.fileUploads.length - ? _c( - "ul", - { staticClass: "formulate-files" }, - _vm._l(_vm.fileUploads, function(file) { - return _c( - "li", - { - key: file.uuid, - attrs: { - "data-has-error": !!file.error, - "data-has-preview": _vm.imagePreview && file.previewData - } - }, - [ - _c("div", { staticClass: "formulate-file" }, [ - _vm.imagePreview && file.previewData - ? _c("div", { staticClass: "formulate-file-image-preview" }, [ - _c("img", { attrs: { src: file.previewData } }) - ]) - : _vm._e(), - _vm._v(" "), - _c("div", { - staticClass: "formualte-file-name", - domProps: { textContent: _vm._s(file.name) } - }), - _vm._v(" "), - file.progress !== false - ? _c( - "div", - { - staticClass: "formulate-file-progress", - attrs: { - "data-just-finished": file.justFinished, - "data-is-finished": - !file.justFinished && file.complete - } - }, - [ - _c("div", { - staticClass: "formulate-file-progress-inner", - style: { width: file.progress + "%" } - }) - ] - ) - : _vm._e(), - _vm._v(" "), - (file.complete && !file.justFinished) || file.progress === false - ? _c("div", { - staticClass: "formulate-file-remove", - on: { click: file.removeFile } - }) - : _vm._e() - ]), - _vm._v(" "), - file.error - ? _c("div", { - staticClass: "formulate-file-upload-error", - domProps: { textContent: _vm._s(file.error) } - }) - : _vm._e() - ] - ) - }), - 0 - ) - : _vm._e() - }; - var __vue_staticRenderFns__$6 = []; - __vue_render__$6._withStripped = true; - - /* style */ - var __vue_inject_styles__$6 = undefined; - /* scoped */ - var __vue_scope_id__$6 = undefined; - /* module identifier */ - var __vue_module_identifier__$6 = undefined; - /* functional template */ - var __vue_is_functional_template__$6 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$6 = normalizeComponent( - { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 }, - __vue_inject_styles__$6, - __vue_script__$6, - __vue_scope_id__$6, - __vue_is_functional_template__$6, - __vue_module_identifier__$6, - false, - undefined, - undefined, - undefined - ); - - // - - var script$7 = { - name: 'FormulateInputFile', - components: { - FormulateFiles: __vue_component__$6 - }, - mixins: [FormulateInputMixin], - data: function data () { - return { - isOver: false - } - }, - computed: { - hasFiles: function hasFiles () { - return !!(this.context.model instanceof FileUpload && this.context.model.files.length) - } - }, - mounted: function mounted () { - // Add a listener to the window to prevent drag/drops that miss the dropzone - // from opening the file and navigating the user away from the page. - if (window && this.context.preventWindowDrops) { - window.addEventListener('dragover', this.preventDefault); - window.addEventListener('drop', this.preventDefault); - } - }, - destroyed: function destroyed () { - if (window && this.context.preventWindowDrops) { - window.removeEventListener('dragover', this.preventDefault); - window.removeEventListener('drop', this.preventDefault); - } - }, - methods: { - preventDefault: function preventDefault (e) { - if (e.target.tagName !== 'INPUT' && e.target.getAttribute('type') !== 'file') { - e = e || event; - e.preventDefault(); - } - }, - handleFile: function handleFile () { - this.isOver = false; - var input = this.$refs.file; - if (input.files.length) { - this.context.model = this.$formulate.createUpload(input, this.context); - } - this.attemptImmediateUpload(); - }, - attemptImmediateUpload: function attemptImmediateUpload () { - var this$1 = this; - - if (this.context.uploadBehavior === 'live' && - this.context.model instanceof FileUpload) { - this.context.hasValidationErrors().then(function (errors) { - if (!errors) { - this$1.context.model.upload(); - } - }); - } - }, - handleDragOver: function handleDragOver (e) { - e.preventDefault(); - this.isOver = true; - }, - handleDragLeave: function handleDragLeave (e) { - e.preventDefault(); - this.isOver = false; - } - } - }; - - /* script */ - var __vue_script__$7 = script$7; - - /* template */ - var __vue_render__$7 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type, "data-has-files": _vm.hasFiles } - }, - [ - _c( - "div", - { - staticClass: "formulate-input-upload-area", - attrs: { "data-has-files": _vm.hasFiles } - }, - [ - _c( - "input", - _vm._b( - { - ref: "file", - attrs: { "data-is-drag-hover": _vm.isOver, type: "file" }, - on: { - blur: _vm.context.blurHandler, - change: _vm.handleFile, - dragover: _vm.handleDragOver, - dragleave: _vm.handleDragLeave - } - }, - "input", - _vm.attributes, - false - ) - ), - _vm._v(" "), - _c("div", { - directives: [ - { - name: "show", - rawName: "v-show", - value: !_vm.hasFiles, - expression: "!hasFiles" - } - ], - staticClass: "formulate-input-upload-area-mask" - }), - _vm._v(" "), - _vm.hasFiles - ? _c("FormulateFiles", { - attrs: { - files: _vm.context.model, - "image-preview": - _vm.context.type === "image" && - _vm.context.imageBehavior === "preview" - } - }) - : _vm._e() - ], - 1 - ) - ] - ) - }; - var __vue_staticRenderFns__$7 = []; - __vue_render__$7._withStripped = true; - - /* style */ - var __vue_inject_styles__$7 = undefined; - /* scoped */ - var __vue_scope_id__$7 = undefined; - /* module identifier */ - var __vue_module_identifier__$7 = undefined; - /* functional template */ - var __vue_is_functional_template__$7 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$7 = normalizeComponent( - { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 }, - __vue_inject_styles__$7, - __vue_script__$7, - __vue_scope_id__$7, - __vue_is_functional_template__$7, - __vue_module_identifier__$7, - false, - undefined, - undefined, - undefined - ); - - // - - var script$8 = { - name: 'FormulateInputButton', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$8 = script$8; - - /* template */ - var __vue_render__$8 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _c( - "button", - _vm._b({ attrs: { type: _vm.type } }, "button", _vm.attributes, false), - [ - _vm._t("default", [ - _c("span", { - class: "formulate-input-element--" + _vm.context.type + "--label", - domProps: { - textContent: _vm._s( - _vm.context.value || - _vm.context.label || - _vm.context.name || - "Submit" - ) - } - }) - ]) - ], - 2 - ) - ] - ) - }; - var __vue_staticRenderFns__$8 = []; - __vue_render__$8._withStripped = true; - - /* style */ - var __vue_inject_styles__$8 = undefined; - /* scoped */ - var __vue_scope_id__$8 = undefined; - /* module identifier */ - var __vue_module_identifier__$8 = undefined; - /* functional template */ - var __vue_is_functional_template__$8 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$8 = normalizeComponent( - { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 }, - __vue_inject_styles__$8, - __vue_script__$8, - __vue_scope_id__$8, - __vue_is_functional_template__$8, - __vue_module_identifier__$8, - false, - undefined, - undefined, - undefined - ); - - // - - var script$9 = { - name: 'FormulateInputSelect', - mixins: [FormulateInputMixin], - computed: { - options: function options () { - return this.context.options || {} - }, - optionGroups: function optionGroups () { - return this.context.optionGroups || false - }, - placeholderSelected: function placeholderSelected () { - return !!(!this.hasValue && this.context.attributes && this.context.attributes.placeholder) - } - } - }; - - /* script */ - var __vue_script__$9 = script$9; - - /* template */ - var __vue_render__$9 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _c( - "select", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { "data-placeholder-selected": _vm.placeholderSelected }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$selectedVal = Array.prototype.filter - .call($event.target.options, function(o) { - return o.selected - }) - .map(function(o) { - var val = "_value" in o ? o._value : o.value; - return val - }); - _vm.$set( - _vm.context, - "model", - $event.target.multiple ? $$selectedVal : $$selectedVal[0] - ); - } - } - }, - "select", - _vm.attributes, - false - ), - [ - _vm.context.placeholder - ? _c( - "option", - { - attrs: { value: "", disabled: "" }, - domProps: { selected: !_vm.hasValue } - }, - [ - _vm._v( - "\n " + _vm._s(_vm.context.placeholder) + "\n " - ) - ] - ) - : _vm._e(), - _vm._v(" "), - !_vm.optionGroups - ? _vm._l(_vm.options, function(option) { - return _c( - "option", - _vm._b( - { - key: option.id, - domProps: { - value: option.value, - textContent: _vm._s(option.label) - } - }, - "option", - option.attributes || {}, - false - ) - ) - }) - : _vm._l(_vm.optionGroups, function(subOptions, label) { - return _c( - "optgroup", - { key: label, attrs: { label: label } }, - _vm._l(subOptions, function(option) { - return _c( - "option", - _vm._b( - { - key: option.id, - domProps: { - value: option.value, - textContent: _vm._s(option.label) - } - }, - "option", - option.attributes || {}, - false - ) - ) - }), - 0 - ) - }) - ], - 2 - ) - ] - ) - }; - var __vue_staticRenderFns__$9 = []; - __vue_render__$9._withStripped = true; - - /* style */ - var __vue_inject_styles__$9 = undefined; - /* scoped */ - var __vue_scope_id__$9 = undefined; - /* module identifier */ - var __vue_module_identifier__$9 = undefined; - /* functional template */ - var __vue_is_functional_template__$9 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$9 = normalizeComponent( - { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 }, - __vue_inject_styles__$9, - __vue_script__$9, - __vue_scope_id__$9, - __vue_is_functional_template__$9, - __vue_module_identifier__$9, - false, - undefined, - undefined, - undefined - ); - - // - - var script$a = { - name: 'FormulateInputSlider', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$a = script$a; - - /* template */ - var __vue_render__$a = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _vm.type === "checkbox" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "checkbox" }, - domProps: { - checked: Array.isArray(_vm.context.model) - ? _vm._i(_vm.context.model, null) > -1 - : _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$a = _vm.context.model, - $$el = $event.target, - $$c = $$el.checked ? true : false; - if (Array.isArray($$a)) { - var $$v = null, - $$i = _vm._i($$a, $$v); - if ($$el.checked) { - $$i < 0 && - _vm.$set(_vm.context, "model", $$a.concat([$$v])); - } else { - $$i > -1 && - _vm.$set( - _vm.context, - "model", - $$a.slice(0, $$i).concat($$a.slice($$i + 1)) - ); - } - } else { - _vm.$set(_vm.context, "model", $$c); - } - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _vm.type === "radio" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "radio" }, - domProps: { checked: _vm._q(_vm.context.model, null) }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - return _vm.$set(_vm.context, "model", null) - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: _vm.type }, - domProps: { value: _vm.context.model }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "input", - _vm.attributes, - false - ) - ) - ] - ) - }; - var __vue_staticRenderFns__$a = []; - __vue_render__$a._withStripped = true; - - /* style */ - var __vue_inject_styles__$a = undefined; - /* scoped */ - var __vue_scope_id__$a = undefined; - /* module identifier */ - var __vue_module_identifier__$a = undefined; - /* functional template */ - var __vue_is_functional_template__$a = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$a = normalizeComponent( - { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a }, - __vue_inject_styles__$a, - __vue_script__$a, - __vue_scope_id__$a, - __vue_is_functional_template__$a, - __vue_module_identifier__$a, - false, - undefined, - undefined, - undefined - ); - - // - - var script$b = { - name: 'FormulateInputTextArea', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$b = script$b; - - /* template */ - var __vue_render__$b = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - staticClass: "formulate-input-element formulate-input-element--textarea", - attrs: { "data-type": "textarea" } - }, - [ - _c( - "textarea", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - domProps: { value: _vm.context.model }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "textarea", - _vm.attributes, - false - ) - ) - ] - ) - }; - var __vue_staticRenderFns__$b = []; - __vue_render__$b._withStripped = true; - - /* style */ - var __vue_inject_styles__$b = undefined; - /* scoped */ - var __vue_scope_id__$b = undefined; - /* module identifier */ - var __vue_module_identifier__$b = undefined; - /* functional template */ - var __vue_is_functional_template__$b = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$b = normalizeComponent( - { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b }, - __vue_inject_styles__$b, - __vue_script__$b, - __vue_scope_id__$b, - __vue_is_functional_template__$b, - __vue_module_identifier__$b, - false, - undefined, - undefined, - undefined - ); - - /** - * The base formulate library. - */ - var Formulate = function Formulate () { - this.defaults = { - components: { - FormulateForm: __vue_component__$1, - FormulateInput: __vue_component__, - FormulateInputErrors: __vue_component__$2, - FormulateInputBox: __vue_component__$4, - FormulateInputText: __vue_component__$5, - FormulateInputFile: __vue_component__$7, - FormulateInputGroup: __vue_component__$3, - FormulateInputButton: __vue_component__$8, - FormulateInputSelect: __vue_component__$9, - FormulateInputSlider: __vue_component__$a, - FormulateInputTextArea: __vue_component__$b - }, - library: library, - rules: rules, - locale: 'en', - uploader: fauxUploader, - uploadJustCompleteDuration: 1000, - locales: { - en: en - } - }; - }; - - /** - * Install vue formulate, and register it’s components. - */ - Formulate.prototype.install = function install (Vue, options) { - Vue.prototype.$formulate = this; - this.options = this.extend(this.defaults, options || {}); - for (var componentName in this.options.components) { - Vue.component(componentName, this.options.components[componentName]); - } - Object.freeze(this); - }; - - /** - * Create a new object by copying properties of base and extendWith. - * @param {Object} base - * @param {Object} extendWith - */ - Formulate.prototype.extend = function extend (base, extendWith) { - var merged = {}; - for (var key in base) { - if (extendWith.hasOwnProperty(key)) { - merged[key] = isPlainObject(extendWith[key]) && isPlainObject(base[key]) - ? this.extend(base[key], extendWith[key]) - : extendWith[key]; - } else { - merged[key] = base[key]; - } - } - for (var prop in extendWith) { - if (!merged.hasOwnProperty(prop)) { - merged[prop] = extendWith[prop]; - } - } - return merged - }; - - /** - * Determine what "class" of input this element is given the "type". - * @param {string} type - */ - Formulate.prototype.classify = function classify (type) { - if (this.options.library.hasOwnProperty(type)) { - return this.options.library[type].classification - } - return 'unknown' - }; - - /** - * Determine what type of component to render given the "type". - * @param {string} type - */ - Formulate.prototype.component = function component (type) { - if (this.options.library.hasOwnProperty(type)) { - return this.options.library[type].component - } - return false - }; - - /** - * Get validation rules. - * @return {object} object of validation functions - */ - Formulate.prototype.rules = function rules () { - return this.options.rules - }; - - /** - * Get the validation message for a particular error. - */ - Formulate.prototype.validationMessage = function validationMessage (rule, validationContext) { - var generators = this.options.locales[this.options.locale]; - if (generators.hasOwnProperty(rule)) { - return generators[rule](validationContext) - } else if (rule[0] === '_' && generators.hasOwnProperty(rule.substr(1))) { - return generators[rule.substr(1)](validationContext) - } - if (generators.hasOwnProperty('default')) { - return generators.default(validationContext) - } - return 'This field does not have a valid value' - }; - - /** - * Get the file uploader. - */ - Formulate.prototype.getUploader = function getUploader () { - return this.options.uploader || false - }; - - /** - * Create a new instance of an upload. - */ - Formulate.prototype.createUpload = function createUpload (fileList, context) { - return new FileUpload(fileList, context, this.options) - }; - - var Formulate$1 = new Formulate(); - - exports.FileUpload = FileUpload; - exports.default = Formulate$1; - - return exports; - -}({}, isUrl, nanoid, isPlainObject)); +var Formulate=function(t,e,n,r){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,n=n&&n.hasOwnProperty("default")?n.default:n,r=r&&r.hasOwnProperty("default")?r.default:r;var o={text:{classification:"text",component:"FormulateInputText"},email:{classification:"text",component:"FormulateInputText"},number:{classification:"text",component:"FormulateInputText"},color:{classification:"text",component:"FormulateInputText"},date:{classification:"text",component:"FormulateInputText"},hidden:{classification:"text",component:"FormulateInputText"},month:{classification:"text",component:"FormulateInputText"},password:{classification:"text",component:"FormulateInputText"},search:{classification:"text",component:"FormulateInputText"},tel:{classification:"text",component:"FormulateInputText"},time:{classification:"text",component:"FormulateInputText"},url:{classification:"text",component:"FormulateInputText"},week:{classification:"text",component:"FormulateInputText"},"datetime-local":{classification:"text",component:"FormulateInputText"},range:{classification:"slider",component:"FormulateInputSlider"},textarea:{classification:"textarea",component:"FormulateInputTextArea"},checkbox:{classification:"box",component:"FormulateInputBox"},radio:{classification:"box",component:"FormulateInputBox"},submit:{classification:"button",component:"FormulateInputButton"},button:{classification:"button",component:"FormulateInputButton"},select:{classification:"select",component:"FormulateInputSelect"},file:{classification:"file",component:"FormulateInputFile"},image:{classification:"file",component:"FormulateInputFile"}},i=function(t,e,n){this.input=t,this.fileList=t.files,this.files=[],this.options=n,this.addFileList(this.fileList),this.context=e};function a(t,e){var n={};for(var r in t)n[r]=e(r,t[r]);return n}function s(t,e){if(t===e)return!0;if(!t||!e)return!1;var n=Object.keys(t),r=Object.keys(e),o=n.length;if(r.length!==o)return!1;for(var i=0;i=100&&(e.complete||(e.justFinished=!0,setTimeout((function(){e.justFinished=!1}),t.options.uploadJustCompleteDuration)),e.complete=!0)}),(function(t){e.progress=0,e.error=t,e.complete=!0}),t.options)}))).then((function(t){return e(t)})).catch((function(t){throw new Error(t)}))}))},i.prototype.removeFile=function(t){if(this.files=this.files.filter((function(e){return e.uuid!==t})),window){var e=new DataTransfer;this.files.map((function(t){return e.items.add(t.file)})),this.fileList=e.files,this.input.files=this.fileList}},i.prototype.loadPreviews=function(){this.files.map((function(t){if(!t.previewData&&window&&window.FileReader&&/^image\//.test(t.file.type)){var e=new FileReader;e.onload=function(e){return Object.assign(t,{previewData:e.target.result})},e.readAsDataURL(t.file)}}))},i.prototype.getFileList=function(){return this.fileList},i.prototype.getFiles=function(){return this.files},i.prototype.toString=function(){return"FileUpload("+(this.files.length?this.files.length+" files":"empty")+")"};var p={accepted:function(t){var e=t.value;return Promise.resolve(["yes","on","1",1,!0,"true"].includes(e))},after:function(t,e){var n=t.value;void 0===e&&(e=!1);var r=Date.parse(e||new Date),o=Date.parse(n);return Promise.resolve(!isNaN(o)&&o>r)},alpha:function(t,e){var n=t.value;void 0===e&&(e="default");var r={default:/^[a-zA-ZÀ-ÖØ-öø-ÿ]+$/,latin:/^[a-zA-Z]+$/},o=r.hasOwnProperty(e)?e:"default";return Promise.resolve(r[o].test(n))},alphanumeric:function(t,e){var n=t.value;void 0===e&&(e="default");var r={default:/^[a-zA-Z0-9À-ÖØ-öø-ÿ]+$/,latin:/^[a-zA-Z0-9]+$/},o=r.hasOwnProperty(e)?e:"default";return Promise.resolve(r[o].test(n))},before:function(t,e){var n=t.value;void 0===e&&(e=!1);var r=Date.parse(e||new Date),o=Date.parse(n);return Promise.resolve(!isNaN(o)&&oe&&r.lengthe&&r()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i.test(e))},in:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(void 0!==n.find((function(t){return"object"==typeof t?s(t,e):t===e})))},matches:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(!!n.find((function(t){return t instanceof RegExp?t.test(e):t===e})))},max:function(t,e,n){var r=t.value;return void 0===e&&(e=10),Promise.resolve(Array.isArray(r)?(e=isNaN(e)?e:Number(e),r.length<=e):!isNaN(r)&&"length"!==n||"value"===n?(r=isNaN(r)?r:Number(r))<=e:("string"==typeof r||"length"===n)&&(r=isNaN(r)?r:r.toString()).length<=e)},mime:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(function(){if(e instanceof i)for(var t=e.getFileList(),r=0;r=e):!isNaN(r)&&"length"!==n||"value"===n?(r=isNaN(r)?r:Number(r))>=e:("string"==typeof r||"length"===n)&&(r=isNaN(r)?r:r.toString()).length>=e)},not:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(void 0===n.find((function(t){return"object"==typeof t?s(t,e):t===e})))},number:function(t){var e=t.value;return Promise.resolve(!isNaN(e))},required:function(t,e){var n=t.value;return void 0===e&&(e=!0),Promise.resolve(!(e&&!["no","false"].includes(e)&&(Array.isArray(n)?!n.length:"string"==typeof n?!n:!("object"!=typeof n||n&&Object.keys(n).length))))},url:function(t){var n=t.value;return Promise.resolve(e(n))}},m={accepted:function(t){return"Please accept the "+t.name+"."},after:function(t){var e=t.name,n=t.args;return Array.isArray(n)&&n.length?u(e)+" must be after "+n[0]+".":u(e)+" must be a later date."},alpha:function(t){return u(t.name)+" can only contain alphabetical characters."},alphanumeric:function(t){return u(t.name)+" can only contain letters and numbers."},before:function(t){var e=t.name,n=t.args;return Array.isArray(n)&&n.length?u(e)+" must be before "+n[0]+".":u(e)+" must be an earlier date."},between:function(t){var e=t.name,n=t.value,r=t.args;return isNaN(n)?u(e)+" must be between "+r[0]+" and "+r[1]+" characters long.":u(e)+" must be between "+r[0]+" and "+r[1]+"."},confirm:function(t){var e=t.name;t.args;return u(e)+" does not match."},date:function(t){var e=t.name,n=t.args;return Array.isArray(n)&&n.length?u(e)+" is not a valid, please use the format "+n[0]:u(e)+" is not a valid date."},default:function(t){t.name;return"This field isn’t valid."},email:function(t){t.name;var e=t.value;return e?"“"+e+"” is not a valid email address.":"Please enter a valid email address."},in:function(t){var e=t.name,n=t.value;return"string"==typeof n&&n?"“"+u(n)+"” is not an allowed "+e+".":"This is not an allowed "+e+"."},matches:function(t){return u(t.name)+" is not an allowed value."},max:function(t){var e=t.name,n=t.value,r=t.args;if(Array.isArray(n))return"You may only select "+r[0]+" "+e+".";var o=!(!Array.isArray(r)||!r[1])&&r[1];return!isNaN(n)&&"length"!==o||"value"===o?u(e)+" must be less than "+r[0]+".":u(e)+" must be less than "+r[0]+" characters long."},mime:function(t){var e=t.name,n=t.args;return u(e)+" must be of the the type: "+(n[0]||"No file formats allowed.")},min:function(t){var e=t.name,n=t.value,r=t.args;if(Array.isArray(n))return"You must select at least "+r[0]+" "+e+".";var o=!(!Array.isArray(r)||!r[1])&&r[1];return!isNaN(n)&&"length"!==o||"value"===o?u(e)+" must be more than "+r[0]+".":u(e)+" must be more than "+r[0]+" characters long."},not:function(t){var e=t.name;return"“"+t.value+"” is not an allowed "+e+"."},number:function(t){return u(t.name)+" must be a number."},required:function(t){return u(t.name)+" is required."},url:function(t){t.name;return"Please include a valid url."}};function f(t,e,n,r){return new Promise((function(n,o){var i=(r.fauxUploaderDuration||2e3)*(.5+Math.random()),a=performance.now(),s=function(){return setTimeout((function(){var r=performance.now()-a,o=Math.min(100,Math.round(r/i*100));if(e(o),o>=100)return n({url:"http://via.placeholder.com/350x150.png",name:t.name});s()}),20)};s()}))}var h={context:function(){return x.call(this,Object.assign({},{type:this.type,value:this.value,name:this.nameOrFallback,classification:this.classification,component:this.component,id:this.id||this.defaultId,hasLabel:this.label&&"button"!==this.classification,label:this.label,labelPosition:this.logicalLabelPosition,attributes:this.elementAttributes,blurHandler:y.bind(this),imageBehavior:this.imageBehavior,uploadUrl:this.uploadUrl,uploader:this.uploader||this.$formulate.getUploader(),uploadBehavior:this.uploadBehavior,preventWindowDrops:this.preventWindowDrops,hasValidationErrors:this.hasValidationErrors},this.typeContext))},nameOrFallback:function(){if(!0===this.name&&"button"!==this.classification)return this.type+"_"+this.elementAttributes.id;if(!1===this.name||"button"===this.classification&&!0===this.name)return!1;return this.name},typeContext:function(){var t=this;switch(this.classification){case"select":return{options:v.call(this,this.options),optionGroups:!!this.optionGroups&&a(this.optionGroups,(function(e,n){return v.call(t,n)})),placeholder:this.$attrs.placeholder||!1};case"slider":return{showValue:!!this.showValue};default:return this.options?{options:v.call(this,this.options)}:{}}},elementAttributes:function(){var t=Object.assign({},this.localAttributes);this.id?t.id=this.id:t.id=this.defaultId;return t},logicalLabelPosition:function(){if(this.labelPosition)return this.labelPosition;switch(this.classification){case"box":return"after";default:return"before"}},isVmodeled:function(){return!!(this.$options.propsData.hasOwnProperty("formulateValue")&&this._events&&Array.isArray(this._events.input)&&this._events.input.length)},mergedErrors:function(){return l(this.errors).concat(l(this.error)).concat(l(this.validationErrors)).reduce((function(t,e){return t.includes(e)?t:t.concat(e)}),[])},hasErrors:function(){return!!this.mergedErrors.length},showFieldErrors:function(){if(this.showErrors||this.formShouldShowErrors)return!0;return this.behavioralErrorVisibility},mergedValidationName:function(){if(this.validationName)return this.validationName;if("string"==typeof this.name)return this.name;if(this.label)return this.label;return this.type}};function v(t){if(!Array.isArray(t)&&t&&"object"==typeof t){var e=[];for(var r in t)e.push({value:r,label:t[r],id:this.elementAttributes.id+"_"+r});return e}return Array.isArray(t)&&!t.length?[{value:this.value,label:this.label||this.name,id:this.context.id||n(9)}]:t}function y(){"blur"===this.errorBehavior&&(this.behavioralErrorVisibility=!0)}function x(t){return Object.defineProperty(t,"model",{get:b.bind(this),set:g.bind(this)})}function b(){var t=this.isVmodeled?"formulateValue":"internalModelProxy";return"checkbox"===this.type&&!Array.isArray(this[t])&&this.options?[]:this[t]?this[t]:""}function g(t){this.internalModelProxy=t,this.$emit("input",t),this.context.name&&"function"==typeof this.formulateFormSetter&&this.formulateFormSetter(this.context.name,t)}function w(t,e,n,r,o,i,a,s,l,u){"boolean"!=typeof a&&(l=s,s=a,a=!1);var c,d="function"==typeof n?n.options:n;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o&&(d.functional=!0)),r&&(d._scopeId=r),i?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},d._ssrRegister=c):e&&(c=a?function(t){e.call(this,u(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,s(t))}),c)if(d.functional){var p=d.render;d.render=function(t,e){return c.call(e),p(t,e)}}else{var m=d.beforeCreate;d.beforeCreate=m?[].concat(m,c):[c]}return n}var F={name:"FormulateInput",inheritAttrs:!1,inject:{formulateFormSetter:{default:void 0},formulateFormRegister:{default:void 0},getFormValues:{default:function(){return function(){return{}}}}},model:{prop:"formulateValue",event:"input"},props:{type:{type:String,default:"text"},name:{type:[String,Boolean],default:!0},formulateValue:{default:""},value:{default:!1},options:{type:[Object,Array,Boolean],default:!1},optionGroups:{type:[Object,Boolean],default:!1},id:{type:[String,Boolean,Number],default:!1},label:{type:[String,Boolean],default:!1},labelPosition:{type:[String,Boolean],default:!1},help:{type:[String,Boolean],default:!1},debug:{type:Boolean,default:!1},errors:{type:[String,Array,Boolean],default:!1},validation:{type:[String,Boolean,Array],default:!1},validationName:{type:[String,Boolean],default:!1},error:{type:[String,Boolean],default:!1},errorBehavior:{type:String,default:"blur",validator:function(t){return["blur","live"].includes(t)}},showErrors:{type:Boolean,default:!1},imageBehavior:{type:String,default:"preview"},uploadUrl:{type:[String,Boolean],default:!1},uploader:{type:[Function,Object,Boolean],default:!1},uploadBehavior:{type:String,default:"live"},preventWindowDrops:{type:Boolean,default:!0},showValue:{type:[String,Boolean],default:!1},validationMessages:{type:Object,default:function(){return{}}},validationRules:{type:Object,default:function(){return{}}}},data:function(){return{defaultId:n(9),localAttributes:{},internalModelProxy:this.formulateValue||this.value,behavioralErrorVisibility:"live"===this.errorBehavior,formShouldShowErrors:!1,validationErrors:[],pendingValidation:Promise.resolve()}},computed:Object.assign({},h,{classification:function(){var t=this.$formulate.classify(this.type);return"box"===t&&this.options?"group":t},component:function(){return"group"===this.classification?"FormulateInputGroup":this.$formulate.component(this.type)}}),watch:{$attrs:{handler:function(t){this.updateLocalAttributes(t)},deep:!0},internalModelProxy:function(t,e){this.performValidation(),this.isVmodeled||s(t,e)||(this.context.model=t)},formulateValue:function(t,e){this.isVmodeled&&!s(t,e)&&(this.context.model=t)}},created:function(){this.formulateFormRegister&&"function"==typeof this.formulateFormRegister&&this.formulateFormRegister(this.nameOrFallback,this),this.updateLocalAttributes(this.$attrs),this.performValidation()},methods:{updateLocalAttributes:function(t){s(t,this.localAttributes)||(this.localAttributes=t)},performValidation:function(){var t=this,e=c(this.validation,this.$formulate.rules(this.validationRules));return this.pendingValidation=Promise.all(e.map((function(e){var n=e[0],r=e[1],o=n.apply(void 0,[{value:t.context.model,getFormValues:t.getFormValues.bind(t),name:t.context.name}].concat(r));return(o=o instanceof Promise?o:Promise.resolve(o)).then((function(e){return!e&&t.getValidationMessage(n,r)}))}))).then((function(t){return t.filter((function(t){return t}))})).then((function(e){t.validationErrors=e})),this.pendingValidation},getValidationMessage:function(t,e){return this.getValidationFunction(t)({args:e,name:this.mergedValidationName,value:this.context.model,vm:this,formValues:this.getFormValues()})},getValidationFunction:function(t){var e=this,n="_"===t.name.substr(0,1)?t.name.substr(1):t.name;if(this.validationMessages&&"object"==typeof this.validationMessages&&void 0!==this.validationMessages[n])switch(typeof this.validationMessages[n]){case"function":return this.validationMessages[n];case"string":return function(){return e.validationMessages[n]}}return function(n){return e.$formulate.validationMessage(t.name,n)}},hasValidationErrors:function(){var t=this;return new Promise((function(e){t.$nextTick((function(){t.pendingValidation.then((function(){return e(!!t.validationErrors.length)}))}))}))}}},_=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"formulate-input",attrs:{"data-classification":t.classification,"data-has-errors":t.hasErrors,"data-is-showing-errors":t.hasErrors&&t.showFieldErrors,"data-type":t.type}},[n("div",{staticClass:"formulate-input-wrapper"},[t.context.hasLabel&&"before"===t.context.labelPosition?t._t("label",[n("label",{staticClass:"formulate-input-label formulate-input-label--before",attrs:{for:t.context.attributes.id},domProps:{textContent:t._s(t.context.label)}})],null,t.context):t._e(),t._v(" "),t._t("element",[n(t.context.component,{tag:"component",attrs:{context:t.context}},[t._t("default",null,null,t.context)],2)],null,t.context),t._v(" "),t.context.hasLabel&&"after"===t.context.labelPosition?t._t("label",[n("label",{staticClass:"formulate-input-label formulate-input-label--after",attrs:{for:t.context.attributes.id},domProps:{textContent:t._s(t.context.label)}})],null,t.context.label):t._e()],2),t._v(" "),t.help?n("div",{staticClass:"formulate-input-help",domProps:{textContent:t._s(t.help)}}):t._e(),t._v(" "),t.showFieldErrors?n("FormulateInputErrors",{attrs:{errors:t.mergedErrors}}):t._e()],1)};_._withStripped=!0;var P=w({render:_,staticRenderFns:[]},void 0,F,void 0,!1,void 0,!1,void 0,void 0,void 0),A=function(t){this.form=t};A.prototype.hasValidationErrors=function(){return this.form.hasValidationErrors()},A.prototype.values=function(){var t=this;return new Promise((function(e,n){var r=[],o=function t(e){var n={};for(var r in e)e[r]instanceof i||d(e[r])?n[r]=e[r]:n[r]=t(e[r]);return n}(t.form.internalFormModelProxy);for(var a in o)"object"==typeof t.form.internalFormModelProxy[a]&&t.form.internalFormModelProxy[a]instanceof i&&r.push(t.form.internalFormModelProxy[a].upload());Promise.all(r).then((function(){return e(o)})).catch((function(t){return n(t)}))}))};var V={provide:function(){return{formulateFormSetter:this.setFieldValue,formulateFormRegister:this.register,getFormValues:this.getFormValues}},name:"FormulateForm",model:{prop:"formulateValue",event:"input"},props:{name:{type:[String,Boolean],default:!1},formulateValue:{type:Object,default:function(){return{}}}},data:function(){return{registry:{},internalFormModelProxy:{},formShouldShowErrors:!1}},computed:{hasFormulateValue:function(){return this.formulateValue&&"object"==typeof this.formulateValue},isVmodeled:function(){return!!(this.$options.propsData.hasOwnProperty("formulateValue")&&this._events&&Array.isArray(this._events.input)&&this._events.input.length)}},watch:{formulateValue:{handler:function(t,e){if(this.isVmodeled&&t&&"object"==typeof t)for(var n in t)!this.registry.hasOwnProperty(n)||s(t[n],this.internalFormModelProxy[n])||s(t[n],this.registry[n].internalModelProxy[n])||(this.setFieldValue(n,t[n]),this.registry[n].context.model=t[n])},deep:!0,immediate:!1}},created:function(){this.$options.propsData.hasOwnProperty("formulateValue")&&(this.internalFormModelProxy=Object.assign({},this.formulateValue))},methods:{setFieldValue:function(t,e){var n;Object.assign(this.internalFormModelProxy,((n={})[t]=e,n)),this.$emit("input",Object.assign({},this.internalFormModelProxy))},register:function(t,e){this.registry[t]=e;var n=Object.prototype.hasOwnProperty.call(e.$options.propsData,"formulateValue"),r=Object.prototype.hasOwnProperty.call(e.$options.propsData,"value");!n&&this.hasFormulateValue&&this.formulateValue[t]?e.context.model=this.formulateValue[t]:!n&&!r||s(e.internalModelProxy,this.formulateValue[t])||this.setFieldValue(t,e.internalModelProxy)},formSubmitted:function(){var t=this;this.showErrors();var e=new A(this);return this.$emit("submit-raw",e),e.hasValidationErrors().then((function(t){return t?void 0:e.values()})).then((function(e){if(void 0!==e)return t.$emit("submit",e),e}))},showErrors:function(){for(var t in this.registry)this.registry[t].formShouldShowErrors=!0},getFormValues:function(){return this.internalFormModelProxy},hasValidationErrors:function(){var t=[];for(var e in this.registry)"function"==typeof this.registry[e].hasValidationErrors&&t.push(this.registry[e].hasValidationErrors());return Promise.all(t).then((function(t){return!!t.find((function(t){return t}))}))}}},N=function(){var t=this,e=t.$createElement;return(t._self._c||e)("form",{on:{submit:function(e){return e.preventDefault(),t.formSubmitted(e)}}},[t._t("default")],2)};N._withStripped=!0;var $=w({render:N,staticRenderFns:[]},void 0,V,void 0,!1,void 0,!1,void 0,void 0,void 0),O={props:{errors:{type:[Boolean,Array],required:!0}}},E=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.errors.length?n("ul",{staticClass:"formulate-input-errors"},t._l(t.errors,(function(e){return n("li",{key:e,staticClass:"formulate-input-error",domProps:{innerHTML:t._s(e)}})})),0):t._e()};E._withStripped=!0;var S=w({render:E,staticRenderFns:[]},void 0,O,void 0,!1,void 0,!1,void 0,void 0,void 0);var I={name:"FormulateInputGroup",props:{context:{type:Object,required:!0}},computed:{options:function(){return this.context.options||[]},optionsWithContext:function(){var t=this,e=this.context,n=(e.options,e.labelPosition,e.attributes,e.classification,function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===e.indexOf(r)&&(n[r]=t[r]);return n}(e,["options","labelPosition","attributes","classification"]));return this.options.map((function(e){return t.groupItemContext(n,e)}))}},methods:{groupItemContext:function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return Object.assign.apply(Object,[{}].concat(t,[{component:"FormulateInput"}]))}}},C=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"formulate-input-group"},t._l(t.optionsWithContext,(function(e){return n(e.component,t._b({key:e.id,tag:"component",staticClass:"formulate-input-group-item",model:{value:t.context.model,callback:function(e){t.$set(t.context,"model",e)},expression:"context.model"}},"component",e,!1))})),1)};C._withStripped=!0;var j=w({render:C,staticRenderFns:[]},void 0,I,void 0,!1,void 0,!1,void 0,void 0,void 0),D={props:{context:{type:Object,required:!0}},computed:{type:function(){return this.context.type},id:function(){return this.context.id},attributes:function(){return this.context.attributes||{}},hasValue:function(){return!!this.context.model}}},k={name:"FormulateInputBox",mixins:[D]},B=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},["checkbox"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"checkbox"},domProps:{value:t.context.value,checked:Array.isArray(t.context.model)?t._i(t.context.model,t.context.value)>-1:t.context.model},on:{blur:t.context.blurHandler,change:function(e){var n=t.context.model,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t.context.value,a=t._i(n,i);r.checked?a<0&&t.$set(t.context,"model",n.concat([i])):a>-1&&t.$set(t.context,"model",n.slice(0,a).concat(n.slice(a+1)))}else t.$set(t.context,"model",o)}}},"input",t.attributes,!1)):"radio"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"radio"},domProps:{value:t.context.value,checked:t._q(t.context.model,t.context.value)},on:{blur:t.context.blurHandler,change:function(e){return t.$set(t.context,"model",t.context.value)}}},"input",t.attributes,!1)):n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:t.type},domProps:{value:t.context.value,value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"input",t.attributes,!1)),t._v(" "),n("label",{staticClass:"formulate-input-element-decorator",attrs:{for:t.id}})])};B._withStripped=!0;var M=w({render:B,staticRenderFns:[]},void 0,k,void 0,!1,void 0,!1,void 0,void 0,void 0),T={name:"FormulateInputText",mixins:[D]},U=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},["checkbox"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.context.model)?t._i(t.context.model,null)>-1:t.context.model},on:{blur:t.context.blurHandler,change:function(e){var n=t.context.model,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t._i(n,null);r.checked?i<0&&t.$set(t.context,"model",n.concat([null])):i>-1&&t.$set(t.context,"model",n.slice(0,i).concat(n.slice(i+1)))}else t.$set(t.context,"model",o)}}},"input",t.attributes,!1)):"radio"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"radio"},domProps:{checked:t._q(t.context.model,null)},on:{blur:t.context.blurHandler,change:function(e){return t.$set(t.context,"model",null)}}},"input",t.attributes,!1)):n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:t.type},domProps:{value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"input",t.attributes,!1))])};U._withStripped=!0;var R=w({render:U,staticRenderFns:[]},void 0,T,void 0,!1,void 0,!1,void 0,void 0,void 0),L={name:"FormulateFiles",props:{files:{type:i,required:!0},imagePreview:{type:Boolean,default:!1}},computed:{fileUploads:function(){return this.files.files||[]}},watch:{files:function(){this.imagePreview&&this.files.loadPreviews()}},mounted:function(){this.imagePreview&&this.files.loadPreviews()}},H=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.fileUploads.length?n("ul",{staticClass:"formulate-files"},t._l(t.fileUploads,(function(e){return n("li",{key:e.uuid,attrs:{"data-has-error":!!e.error,"data-has-preview":t.imagePreview&&e.previewData}},[n("div",{staticClass:"formulate-file"},[t.imagePreview&&e.previewData?n("div",{staticClass:"formulate-file-image-preview"},[n("img",{attrs:{src:e.previewData}})]):t._e(),t._v(" "),n("div",{staticClass:"formualte-file-name",domProps:{textContent:t._s(e.name)}}),t._v(" "),!1!==e.progress?n("div",{staticClass:"formulate-file-progress",attrs:{"data-just-finished":e.justFinished,"data-is-finished":!e.justFinished&&e.complete}},[n("div",{staticClass:"formulate-file-progress-inner",style:{width:e.progress+"%"}})]):t._e(),t._v(" "),e.complete&&!e.justFinished||!1===e.progress?n("div",{staticClass:"formulate-file-remove",on:{click:e.removeFile}}):t._e()]),t._v(" "),e.error?n("div",{staticClass:"formulate-file-upload-error",domProps:{textContent:t._s(e.error)}}):t._e()])})),0):t._e()};H._withStripped=!0;var q={name:"FormulateInputFile",components:{FormulateFiles:w({render:H,staticRenderFns:[]},void 0,L,void 0,!1,void 0,!1,void 0,void 0,void 0)},mixins:[D],data:function(){return{isOver:!1}},computed:{hasFiles:function(){return!!(this.context.model instanceof i&&this.context.model.files.length)}},mounted:function(){window&&this.context.preventWindowDrops&&(window.addEventListener("dragover",this.preventDefault),window.addEventListener("drop",this.preventDefault))},destroyed:function(){window&&this.context.preventWindowDrops&&(window.removeEventListener("dragover",this.preventDefault),window.removeEventListener("drop",this.preventDefault))},methods:{preventDefault:function(t){"INPUT"!==t.target.tagName&&"file"!==t.target.getAttribute("type")&&(t=t||event).preventDefault()},handleFile:function(){this.isOver=!1;var t=this.$refs.file;t.files.length&&(this.context.model=this.$formulate.createUpload(t,this.context)),this.attemptImmediateUpload()},attemptImmediateUpload:function(){var t=this;"live"===this.context.uploadBehavior&&this.context.model instanceof i&&this.context.hasValidationErrors().then((function(e){e||t.context.model.upload()}))},handleDragOver:function(t){t.preventDefault(),this.isOver=!0},handleDragLeave:function(t){t.preventDefault(),this.isOver=!1}}},G=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type,"data-has-files":t.hasFiles}},[n("div",{staticClass:"formulate-input-upload-area",attrs:{"data-has-files":t.hasFiles}},[n("input",t._b({ref:"file",attrs:{"data-is-drag-hover":t.isOver,type:"file"},on:{blur:t.context.blurHandler,change:t.handleFile,dragover:t.handleDragOver,dragleave:t.handleDragLeave}},"input",t.attributes,!1)),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:!t.hasFiles,expression:"!hasFiles"}],staticClass:"formulate-input-upload-area-mask"}),t._v(" "),t.hasFiles?n("FormulateFiles",{attrs:{files:t.context.model,"image-preview":"image"===t.context.type&&"preview"===t.context.imageBehavior}}):t._e()],1)])};G._withStripped=!0;var Y=w({render:G,staticRenderFns:[]},void 0,q,void 0,!1,void 0,!1,void 0,void 0,void 0),W={name:"FormulateInputButton",mixins:[D]},z=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},[n("button",t._b({attrs:{type:t.type}},"button",t.attributes,!1),[t._t("default",[n("span",{class:"formulate-input-element--"+t.context.type+"--label",domProps:{textContent:t._s(t.context.value||t.context.label||t.context.name||"Submit")}})])],2)])};z._withStripped=!0;var Z=w({render:z,staticRenderFns:[]},void 0,W,void 0,!1,void 0,!1,void 0,void 0,void 0),J={name:"FormulateInputSelect",mixins:[D],computed:{options:function(){return this.context.options||{}},optionGroups:function(){return this.context.optionGroups||!1},placeholderSelected:function(){return!(this.hasValue||!this.context.attributes||!this.context.attributes.placeholder)}}},X=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},[n("select",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{"data-placeholder-selected":t.placeholderSelected},on:{blur:t.context.blurHandler,change:function(e){var n=Array.prototype.filter.call(e.target.options,(function(t){return t.selected})).map((function(t){return"_value"in t?t._value:t.value}));t.$set(t.context,"model",e.target.multiple?n:n[0])}}},"select",t.attributes,!1),[t.context.placeholder?n("option",{attrs:{value:"",disabled:""},domProps:{selected:!t.hasValue}},[t._v("\n "+t._s(t.context.placeholder)+"\n ")]):t._e(),t._v(" "),t.optionGroups?t._l(t.optionGroups,(function(e,r){return n("optgroup",{key:r,attrs:{label:r}},t._l(e,(function(e){return n("option",t._b({key:e.id,domProps:{value:e.value,textContent:t._s(e.label)}},"option",e.attributes||{},!1))})),0)})):t._l(t.options,(function(e){return n("option",t._b({key:e.id,domProps:{value:e.value,textContent:t._s(e.label)}},"option",e.attributes||{},!1))}))],2)])};X._withStripped=!0;var K=w({render:X,staticRenderFns:[]},void 0,J,void 0,!1,void 0,!1,void 0,void 0,void 0),Q={name:"FormulateInputSlider",mixins:[D]},tt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},["checkbox"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.context.model)?t._i(t.context.model,null)>-1:t.context.model},on:{blur:t.context.blurHandler,change:function(e){var n=t.context.model,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t._i(n,null);r.checked?i<0&&t.$set(t.context,"model",n.concat([null])):i>-1&&t.$set(t.context,"model",n.slice(0,i).concat(n.slice(i+1)))}else t.$set(t.context,"model",o)}}},"input",t.attributes,!1)):"radio"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"radio"},domProps:{checked:t._q(t.context.model,null)},on:{blur:t.context.blurHandler,change:function(e){return t.$set(t.context,"model",null)}}},"input",t.attributes,!1)):n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:t.type},domProps:{value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"input",t.attributes,!1)),t._v(" "),t.context.showValue?n("div",{staticClass:"formulate-input-element-range-value",domProps:{textContent:t._s(t.context.model)}}):t._e()])};tt._withStripped=!0;var et=w({render:tt,staticRenderFns:[]},void 0,Q,void 0,!1,void 0,!1,void 0,void 0,void 0),nt={name:"FormulateInputTextArea",mixins:[D]},rt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"formulate-input-element formulate-input-element--textarea",attrs:{"data-type":"textarea"}},[n("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],domProps:{value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"textarea",t.attributes,!1))])};rt._withStripped=!0;var ot=w({render:rt,staticRenderFns:[]},void 0,nt,void 0,!1,void 0,!1,void 0,void 0,void 0),it=function(){this.defaults={components:{FormulateForm:$,FormulateInput:P,FormulateInputErrors:S,FormulateInputBox:M,FormulateInputText:R,FormulateInputFile:Y,FormulateInputGroup:j,FormulateInputButton:Z,FormulateInputSelect:K,FormulateInputSlider:et,FormulateInputTextArea:ot},library:o,rules:p,locale:"en",uploader:f,uploadJustCompleteDuration:1e3,locales:{en:m}}};it.prototype.install=function(t,e){for(var n in t.prototype.$formulate=this,this.options=this.extend(this.defaults,e||{}),this.options.components)t.component(n,this.options.components[n]);Object.freeze(this)},it.prototype.extend=function(t,e){var n={};for(var o in t)e.hasOwnProperty(o)?n[o]=r(e[o])&&r(t[o])?this.extend(t[o],e[o]):e[o]:n[o]=t[o];for(var i in e)n.hasOwnProperty(i)||(n[i]=e[i]);return n},it.prototype.classify=function(t){return this.options.library.hasOwnProperty(t)?this.options.library[t].classification:"unknown"},it.prototype.component=function(t){return!!this.options.library.hasOwnProperty(t)&&this.options.library[t].component},it.prototype.rules=function(t){return void 0===t&&(t={}),Object.assign({},this.options.rules,t)},it.prototype.validationMessage=function(t,e){var n=this.options.locales[this.options.locale];return n.hasOwnProperty(t)?n[t](e):"_"===t[0]&&n.hasOwnProperty(t.substr(1))?n[t.substr(1)](e):n.hasOwnProperty("default")?n.default(e):"This field does not have a valid value"},it.prototype.getUploader=function(){return this.options.uploader||!1},it.prototype.createUpload=function(t,e){return new i(t,e,this.options)};var at=new it;return t.FileUpload=i,t.default=at,t}({},isUrl,nanoid,isPlainObject); diff --git a/dist/formulate.umd.js b/dist/formulate.umd.js index 806c0ce..d989425 100644 --- a/dist/formulate.umd.js +++ b/dist/formulate.umd.js @@ -1,3375 +1 @@ -(function (global, factory) { - typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('is-url'), require('nanoid'), require('is-plain-object')) : - typeof define === 'function' && define.amd ? define(['exports', 'is-url', 'nanoid', 'is-plain-object'], factory) : - (global = global || self, factory(global.Formulate = {}, global.isUrl, global.nanoid, global.isPlainObject)); -}(this, (function (exports, isUrl, nanoid, isPlainObject) { 'use strict'; - - isUrl = isUrl && isUrl.hasOwnProperty('default') ? isUrl['default'] : isUrl; - nanoid = nanoid && nanoid.hasOwnProperty('default') ? nanoid['default'] : nanoid; - isPlainObject = isPlainObject && isPlainObject.hasOwnProperty('default') ? isPlainObject['default'] : isPlainObject; - - var library = { - // === SINGLE LINE TEXT STYLE INPUTS - text: { - classification: 'text', - component: 'FormulateInputText' - }, - email: { - classification: 'text', - component: 'FormulateInputText' - }, - number: { - classification: 'text', - component: 'FormulateInputText' - }, - color: { - classification: 'text', - component: 'FormulateInputText' - }, - date: { - classification: 'text', - component: 'FormulateInputText' - }, - hidden: { - classification: 'text', - component: 'FormulateInputText' - }, - month: { - classification: 'text', - component: 'FormulateInputText' - }, - password: { - classification: 'text', - component: 'FormulateInputText' - }, - search: { - classification: 'text', - component: 'FormulateInputText' - }, - tel: { - classification: 'text', - component: 'FormulateInputText' - }, - time: { - classification: 'text', - component: 'FormulateInputText' - }, - url: { - classification: 'text', - component: 'FormulateInputText' - }, - week: { - classification: 'text', - component: 'FormulateInputText' - }, - 'datetime-local': { - classification: 'text', - component: 'FormulateInputText' - }, - - // === SLIDER INPUTS - range: { - classification: 'slider', - component: 'FormulateInputSlider' - }, - - // === MULTI LINE TEXT INPUTS - textarea: { - classification: 'textarea', - component: 'FormulateInputTextArea' - }, - - // === BOX STYLE INPUTS - checkbox: { - classification: 'box', - component: 'FormulateInputBox' - }, - radio: { - classification: 'box', - component: 'FormulateInputBox' - }, - - // === BUTTON STYLE INPUTS - submit: { - classification: 'button', - component: 'FormulateInputButton' - }, - button: { - classification: 'button', - component: 'FormulateInputButton' - }, - - // === SELECT STYLE INPUTS - select: { - classification: 'select', - component: 'FormulateInputSelect' - }, - - // === FILE TYPE - - file: { - classification: 'file', - component: 'FormulateInputFile' - }, - image: { - classification: 'file', - component: 'FormulateInputFile' - } - }; - - /** - * The file upload class holds and represents a file’s upload state durring - * the upload flow. - */ - var FileUpload = function FileUpload (input, context, options) { - this.input = input; - this.fileList = input.files; - this.files = []; - this.options = options; - this.addFileList(this.fileList); - this.context = context; - }; - - /** - * Produce an array of files and alert the callback. - * @param {FileList} - */ - FileUpload.prototype.addFileList = function addFileList (fileList) { - var this$1 = this; - - var loop = function ( i ) { - var file = fileList[i]; - var uuid = nanoid(); - var removeFile = function () { - this.removeFile(uuid); - }; - this$1.files.push({ - progress: false, - error: false, - complete: false, - justFinished: false, - name: file.name || 'file-upload', - file: file, - uuid: uuid, - path: false, - removeFile: removeFile.bind(this$1), - previewData: false - }); - }; - - for (var i = 0; i < fileList.length; i++) loop( i ); - }; - - /** - * Check if the file has an. - */ - FileUpload.prototype.hasUploader = function hasUploader () { - return !!this.context.uploader - }; - - /** - * Check if the given uploader is axios instance. - */ - FileUpload.prototype.uploaderIsAxios = function uploaderIsAxios () { - if ( - this.hasUploader && - typeof this.hasUploader.request === 'function' && - typeof this.hasUploader.get === 'function' && - typeof this.hasUploader.delete === 'function' && - typeof this.hasUploader.post === 'function' - ) { - return true - } - return false - }; - - /** - * Get a new uploader function. - */ - FileUpload.prototype.getUploader = function getUploader () { - var ref; - - var args = [], len = arguments.length; - while ( len-- ) args[ len ] = arguments[ len ]; - if (this.uploaderIsAxios()) { - var formData = new FormData(); - formData.append(this.context.name || 'file', args[0]); - return this.uploader.post(this.context.uploadUrl, formData, { - headers: { - 'Content-Type': 'multipart/form-data' - }, - onUploadProgress: function (progressEvent) { - args[1](Math.round((progressEvent.loaded * 100) / progressEvent.total)); - } - }) - .catch(function (err) { return args[2](err); }) - } - return (ref = this.context).uploader.apply(ref, args) - }; - - /** - * Perform the file upload. - */ - FileUpload.prototype.upload = function upload () { - var this$1 = this; - - return new Promise(function (resolve, reject) { - if (!this$1.hasUploader) { - return reject(new Error('No uploader has been defined')) - } - Promise.all(this$1.files.map(function (file) { - return file.path ? Promise.resolve(file.path) : this$1.getUploader( - file.file, - function (progress) { - file.progress = progress; - if (progress >= 100) { - if (!file.complete) { - file.justFinished = true; - setTimeout(function () { file.justFinished = false; }, this$1.options.uploadJustCompleteDuration); - } - file.complete = true; - } - }, - function (error) { - file.progress = 0; - file.error = error; - file.complete = true; - }, - this$1.options - ) - })) - .then(function (results) { return resolve(results); }) - .catch(function (err) { throw new Error(err) }); - }) - }; - - /** - * Remove a file from the uploader (and the file list) - * @param {string} uuid - */ - FileUpload.prototype.removeFile = function removeFile (uuid) { - this.files = this.files.filter(function (file) { return file.uuid !== uuid; }); - if (window) { - var transfer = new DataTransfer(); - this.files.map(function (file) { return transfer.items.add(file.file); }); - this.fileList = transfer.files; - this.input.files = this.fileList; - } - }; - - /** - * load image previews for all uploads. - */ - FileUpload.prototype.loadPreviews = function loadPreviews () { - this.files.map(function (file) { - if (!file.previewData && window && window.FileReader && /^image\//.test(file.file.type)) { - var reader = new FileReader(); - reader.onload = function (e) { return Object.assign(file, { previewData: e.target.result }); }; - reader.readAsDataURL(file.file); - } - }); - }; - - /** - * Get the files. - */ - FileUpload.prototype.getFileList = function getFileList () { - return this.fileList - }; - - /** - * Get the files. - */ - FileUpload.prototype.getFiles = function getFiles () { - return this.files - }; - - FileUpload.prototype.toString = function toString () { - var descriptor = this.files.length ? this.files.length + ' files' : 'empty'; - return ("FileUpload(" + descriptor + ")") - }; - - /** - * Function to map over an object. - * @param {Object} obj An object to map over - * @param {Function} callback - */ - function map (original, callback) { - var obj = {}; - for (var key in original) { - obj[key] = callback(key, original[key]); - } - return obj - } - - /** - * Shallow equal. - * @param {} objA - * @param {*} objB - */ - function shallowEqualObjects (objA, objB) { - if (objA === objB) { - return true - } - if (!objA || !objB) { - return false - } - var aKeys = Object.keys(objA); - var bKeys = Object.keys(objB); - var len = aKeys.length; - - if (bKeys.length !== len) { - return false - } - - for (var i = 0; i < len; i++) { - var key = aKeys[i]; - - if (objA[key] !== objB[key]) { - return false - } - } - return true - } - - /** - * Given a string, object, falsey, or array - return an array. - * @param {mixed} item - */ - function arrayify (item) { - if (!item) { - return [] - } - if (typeof item === 'string') { - return [item] - } - if (Array.isArray(item)) { - return item - } - if (typeof item === 'object') { - return Object.values(item) - } - return [] - } - - /** - * How to add an item. - * @param {string} item - */ - function sentence (item) { - if (typeof item === 'string') { - return item[0].toUpperCase() + item.substr(1) - } - return item - } - - /** - * Given an array or string return an array of callables. - * @param {array|string} validation - * @param {array} rules and array of functions - * @return {array} an array of functions - */ - function parseRules (validation, rules) { - if (typeof validation === 'string') { - return parseRules(validation.split('|'), rules) - } - if (!Array.isArray(validation)) { - return [] - } - return validation.map(function (rule) { return parseRule(rule, rules); }).filter(function (f) { return !!f; }) - } - - /** - * Given a string or function, parse it and return the an array in the format - * [fn, [...arguments]] - * @param {string|function} rule - */ - function parseRule (rule, rules) { - if (typeof rule === 'function') { - return [rule, []] - } - if (Array.isArray(rule) && rule.length) { - rule = rule.map(function (r) { return r; }); // light clone - if (typeof rule[0] === 'string' && rules.hasOwnProperty(rule[0])) { - return [rules[rule.shift()], rule] - } - if (typeof rule[0] === 'function') { - return [rule.shift(), rule] - } - } - if (typeof rule === 'string') { - var segments = rule.split(':'); - var functionName = segments.shift(); - if (rules.hasOwnProperty(functionName)) { - return [rules[functionName], segments.length ? segments.join(':').split(',') : []] - } else { - throw new Error(("Unknown validation rule " + rule)) - } - } - return false - } - - /** - * Escape a string for use in regular expressions. - * @param {string} string - */ - function escapeRegExp (string) { - return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') // $& means the whole matched string - } - - /** - * Given a string format (date) return a regex to match against. - * @param {string} format - */ - function regexForFormat (format) { - var escaped = "^" + (escapeRegExp(format)) + "$"; - var formats = { - MM: '(0[1-9]|1[012])', - M: '([1-9]|1[012])', - DD: '([012][1-9]|3[01])', - D: '([012]?[1-9]|3[01])', - YYYY: '\\d{4}', - YY: '\\d{2}' - }; - return new RegExp(Object.keys(formats).reduce(function (regex, format) { - return regex.replace(format, formats[format]) - }, escaped)) - } - - /** - * Check if - * @param {mixed} data - */ - function isValueType (data) { - switch (typeof data) { - case 'symbol': - case 'number': - case 'string': - case 'boolean': - case 'undefined': - return true - default: - if (data === null) { - return true - } - return false - } - } - - /** - * A simple (somewhat non-comprehensive) cloneDeep function, valid for our use - * case of needing to unbind reactive watchers. - */ - function cloneDeep (obj) { - var newObj = {}; - for (var key in obj) { - if (obj[key] instanceof FileUpload || isValueType(obj[key])) { - newObj[key] = obj[key]; - } else { - newObj[key] = cloneDeep(obj[key]); - } - } - return newObj - } - - /** - * Library of rules - */ - var rules = { - /** - * Rule: the value must be "yes", "on", "1", or true - */ - accepted: function (ref) { - var value = ref.value; - - return Promise.resolve(['yes', 'on', '1', 1, true, 'true'].includes(value)) - }, - - /** - * Rule: checks if a value is after a given date. Defaults to current time - */ - after: function (ref, compare) { - var value = ref.value; - if ( compare === void 0 ) compare = false; - - var timestamp = Date.parse(compare || new Date()); - var fieldValue = Date.parse(value); - return Promise.resolve(isNaN(fieldValue) ? false : (fieldValue > timestamp)) - }, - - /** - * Rule: checks if the value is only alpha - */ - alpha: function (ref, set) { - var value = ref.value; - if ( set === void 0 ) set = 'default'; - - var sets = { - default: /^[a-zA-ZÀ-ÖØ-öø-ÿ]+$/, - latin: /^[a-zA-Z]+$/ - }; - var selectedSet = sets.hasOwnProperty(set) ? set : 'default'; - return Promise.resolve(sets[selectedSet].test(value)) - }, - - /** - * Rule: checks if the value is alpha numeric - */ - alphanumeric: function (ref, set) { - var value = ref.value; - if ( set === void 0 ) set = 'default'; - - var sets = { - default: /^[a-zA-Z0-9À-ÖØ-öø-ÿ]+$/, - latin: /^[a-zA-Z0-9]+$/ - }; - var selectedSet = sets.hasOwnProperty(set) ? set : 'default'; - return Promise.resolve(sets[selectedSet].test(value)) - }, - - /** - * Rule: checks if a value is after a given date. Defaults to current time - */ - before: function (ref, compare) { - var value = ref.value; - if ( compare === void 0 ) compare = false; - - var timestamp = Date.parse(compare || new Date()); - var fieldValue = Date.parse(value); - return Promise.resolve(isNaN(fieldValue) ? false : (fieldValue < timestamp)) - }, - - /** - * Rule: checks if the value is between two other values - */ - between: function (ref, from, to) { - var value = ref.value; - if ( from === void 0 ) from = 0; - if ( to === void 0 ) to = 10; - - return Promise.resolve((function () { - if (from === null || to === null || isNaN(from) || isNaN(to)) { - return false - } - from = Number(from); - to = Number(to); - if (!isNaN(value)) { - value = Number(value); - return (value > from && value < to) - } - if (typeof value === 'string') { - return value.length > from && value.length < to - } - return false - })()) - }, - - /** - * Confirm that the value of one field is the same as another, mostly used - * for password confirmations. - */ - confirm: function (ref, field) { - var value = ref.value; - var getFormValues = ref.getFormValues; - var name = ref.name; - - return Promise.resolve((function () { - var formValues = getFormValues(); - var confirmationFieldName = field; - if (!confirmationFieldName) { - confirmationFieldName = /_confirm$/.test(name) ? name.substr(0, name.length - 8) : (name + "_confirm"); - } - return formValues[confirmationFieldName] === value - })()) - }, - - /** - * Rule: ensures the value is a date according to Date.parse(), or a format - * regex. - */ - date: function (ref, format) { - var value = ref.value; - if ( format === void 0 ) format = false; - - return Promise.resolve((function () { - if (format && typeof format === 'string') { - return regexForFormat(format).test(value) - } - return !isNaN(Date.parse(value)) - })()) - }, - - /** - * Rule: tests - */ - email: function (ref) { - var value = ref.value; - - // eslint-disable-next-line - var isEmail = /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i; - return Promise.resolve(isEmail.test(value)) - }, - - /** - * Rule: Value is in an array (stack). - */ - in: function (ref) { - var value = ref.value; - var stack = [], len = arguments.length - 1; - while ( len-- > 0 ) stack[ len ] = arguments[ len + 1 ]; - - return Promise.resolve(stack.find(function (item) { - if (typeof item === 'object') { - return shallowEqualObjects(item, value) - } - return item === value - }) !== undefined) - }, - - /** - * Rule: Match the value against a (stack) of patterns or strings - */ - matches: function (ref) { - var value = ref.value; - var stack = [], len = arguments.length - 1; - while ( len-- > 0 ) stack[ len ] = arguments[ len + 1 ]; - - return Promise.resolve(!!stack.find(function (pattern) { - if (pattern instanceof RegExp) { - return pattern.test(value) - } - return pattern === value - })) - }, - - /** - * Check the maximum value of a particular. - */ - max: function (ref, minimum, force) { - var value = ref.value; - if ( minimum === void 0 ) minimum = 10; - - return Promise.resolve((function () { - if (Array.isArray(value)) { - minimum = !isNaN(minimum) ? Number(minimum) : minimum; - return value.length <= minimum - } - if ((!isNaN(value) && force !== 'length') || force === 'value') { - value = !isNaN(value) ? Number(value) : value; - return value <= minimum - } - if (typeof value === 'string' || (force === 'length')) { - value = !isNaN(value) ? value.toString() : value; - return value.length <= minimum - } - return false - })()) - }, - - /** - * Check the file type is correct. - */ - mime: function (ref) { - var value = ref.value; - var types = [], len = arguments.length - 1; - while ( len-- > 0 ) types[ len ] = arguments[ len + 1 ]; - - return Promise.resolve((function () { - if (value instanceof FileUpload) { - var fileList = value.getFileList(); - for (var i = 0; i < fileList.length; i++) { - var file = fileList[i]; - if (!types.includes(file.type)) { - return false - } - } - } - return true - })()) - }, - - /** - * Check the minimum value of a particular. - */ - min: function (ref, minimum, force) { - var value = ref.value; - if ( minimum === void 0 ) minimum = 1; - - return Promise.resolve((function () { - if (Array.isArray(value)) { - minimum = !isNaN(minimum) ? Number(minimum) : minimum; - return value.length >= minimum - } - if ((!isNaN(value) && force !== 'length') || force === 'value') { - value = !isNaN(value) ? Number(value) : value; - return value >= minimum - } - if (typeof value === 'string' || (force === 'length')) { - value = !isNaN(value) ? value.toString() : value; - return value.length >= minimum - } - return false - })()) - }, - - /** - * Rule: Value is not in stack. - */ - not: function (ref) { - var value = ref.value; - var stack = [], len = arguments.length - 1; - while ( len-- > 0 ) stack[ len ] = arguments[ len + 1 ]; - - return Promise.resolve(stack.find(function (item) { - if (typeof item === 'object') { - return shallowEqualObjects(item, value) - } - return item === value - }) === undefined) - }, - - /** - * Rule: checks if the value is only alpha numeric - */ - number: function (ref) { - var value = ref.value; - - return Promise.resolve(!isNaN(value)) - }, - - /** - * Rule: must be a value - */ - required: function (ref, isRequired) { - var value = ref.value; - if ( isRequired === void 0 ) isRequired = true; - - return Promise.resolve((function () { - if (!isRequired || ['no', 'false'].includes(isRequired)) { - return true - } - if (Array.isArray(value)) { - return !!value.length - } - if (typeof value === 'string') { - return !!value - } - if (typeof value === 'object') { - return (!value) ? false : !!Object.keys(value).length - } - return true - })()) - }, - - /** - * Rule: checks if a string is a valid url - */ - url: function (ref) { - var value = ref.value; - - return Promise.resolve(isUrl(value)) - } - }; - - /** - * Validation error message generators. - */ - var en = { - - /** - * Valid accepted value. - */ - accepted: function (ref) { - var name = ref.name; - - return ("Please accept the " + name + ".") - }, - - /** - * The date is not after. - */ - after: function (ref) { - var name = ref.name; - var args = ref.args; - - if (Array.isArray(args) && args.length) { - return ((sentence(name)) + " must be after " + (args[0]) + ".") - } - return ((sentence(name)) + " must be a later date.") - }, - - /** - * The value is not a letter. - */ - alpha: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " can only contain alphabetical characters.") - }, - - /** - * Rule: checks if the value is alpha numeric - */ - alphanumeric: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " can only contain letters and numbers.") - }, - - /** - * The date is not before. - */ - before: function (ref) { - var name = ref.name; - var args = ref.args; - - if (Array.isArray(args) && args.length) { - return ((sentence(name)) + " must be before " + (args[0]) + ".") - } - return ((sentence(name)) + " must be an earlier date.") - }, - - /** - * The value is not between two numbers or lengths - */ - between: function (ref) { - var name = ref.name; - var value = ref.value; - var args = ref.args; - - if (!isNaN(value)) { - return ((sentence(name)) + " must be between " + (args[0]) + " and " + (args[1]) + ".") - } - return ((sentence(name)) + " must be between " + (args[0]) + " and " + (args[1]) + " characters long.") - }, - - /** - * The confirmation field does not match - */ - confirm: function (ref) { - var name = ref.name; - var args = ref.args; - - return ((sentence(name)) + " does not match.") - }, - - /** - * Is not a valid date. - */ - date: function (ref) { - var name = ref.name; - var args = ref.args; - - if (Array.isArray(args) && args.length) { - return ((sentence(name)) + " is not a valid, please use the format " + (args[0])) - } - return ((sentence(name)) + " is not a valid date.") - }, - - /** - * The default render method for error messages. - */ - default: function (ref) { - var name = ref.name; - - return "This field isn’t valid." - }, - - /** - * Is not a valid email address. - */ - email: function (ref) { - var name = ref.name; - var value = ref.value; - - if (!value) { - return 'Please enter a valid email address.' - } - return ("“" + value + "” is not a valid email address.") - }, - - /** - * Value is an allowed value. - */ - in: function (ref) { - var name = ref.name; - var value = ref.value; - - if (typeof value === 'string' && value) { - return ("“" + (sentence(value)) + "” is not an allowed " + name + ".") - } - return ("This is not an allowed " + name + ".") - }, - - /** - * Value is not a match. - */ - matches: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " is not an allowed value.") - }, - - /** - * The maximum value allowed. - */ - max: function (ref) { - var name = ref.name; - var value = ref.value; - var args = ref.args; - - if (Array.isArray(value)) { - return ("You may only select " + (args[0]) + " " + name + ".") - } - var force = Array.isArray(args) && args[1] ? args[1] : false; - if ((!isNaN(value) && force !== 'length') || force === 'value') { - return ((sentence(name)) + " must be less than " + (args[0]) + ".") - } - return ((sentence(name)) + " must be less than " + (args[0]) + " characters long.") - }, - - /** - * The (field-level) error message for mime errors. - */ - mime: function (ref) { - var name = ref.name; - var args = ref.args; - - return ((sentence(name)) + " must be of the the type: " + (args[0] || 'No file formats allowed.')) - }, - - /** - * The maximum value allowed. - */ - min: function (ref) { - var name = ref.name; - var value = ref.value; - var args = ref.args; - - if (Array.isArray(value)) { - return ("You must select at least " + (args[0]) + " " + name + ".") - } - var force = Array.isArray(args) && args[1] ? args[1] : false; - if ((!isNaN(value) && force !== 'length') || force === 'value') { - return ((sentence(name)) + " must be more than " + (args[0]) + ".") - } - return ((sentence(name)) + " must be more than " + (args[0]) + " characters long.") - }, - - /** - * The field is not an allowed value - */ - not: function (ref) { - var name = ref.name; - var value = ref.value; - - return ("“" + value + "” is not an allowed " + name + ".") - }, - - /** - * The field is not a number - */ - number: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " must be a number.") - }, - - /** - * Required field. - */ - required: function (ref) { - var name = ref.name; - - return ((sentence(name)) + " is required.") - }, - - /** - * Value is not a url. - */ - url: function (ref) { - var name = ref.name; - - return "Please include a valid url." - } - }; - - /** - * A fake uploader used by default. - * - * @param {File} file - * @param {function} progress - * @param {function} error - * @param {object} options - */ - function fauxUploader (file, progress, error, options) { - return new Promise(function (resolve, reject) { - var totalTime = (options.fauxUploaderDuration || 2000) * (0.5 + Math.random()); - var start = performance.now(); - - /** - * Create a recursive timeout that advances the progress. - */ - var advance = function () { return setTimeout(function () { - var elapsed = performance.now() - start; - var currentProgress = Math.min(100, Math.round(elapsed / totalTime * 100)); - progress(currentProgress); - - if (currentProgress >= 100) { - return resolve({ - url: 'http://via.placeholder.com/350x150.png', - name: file.name - }) - } else { - advance(); - } - }, 20); }; - advance(); - }) - } - - /** - * For a single instance of an input, export all of the context needed to fully - * render that element. - * @return {object} - */ - var context = { - context: function context () { - return defineModel.call(this, Object.assign({}, {type: this.type, - value: this.value, - name: this.nameOrFallback, - classification: this.classification, - component: this.component, - id: this.id || this.defaultId, - hasLabel: (this.label && this.classification !== 'button'), - label: this.label, - labelPosition: this.logicalLabelPosition, - attributes: this.elementAttributes, - blurHandler: blurHandler.bind(this), - imageBehavior: this.imageBehavior, - uploadUrl: this.uploadUrl, - uploader: this.uploader || this.$formulate.getUploader(), - uploadBehavior: this.uploadBehavior, - preventWindowDrops: this.preventWindowDrops, - hasValidationErrors: this.hasValidationErrors}, - this.typeContext)) - }, - nameOrFallback: nameOrFallback, - typeContext: typeContext, - elementAttributes: elementAttributes, - logicalLabelPosition: logicalLabelPosition, - isVmodeled: isVmodeled, - mergedErrors: mergedErrors, - hasErrors: hasErrors, - showFieldErrors: showFieldErrors, - mergedValidationName: mergedValidationName - }; - - /** - * Given (this.type), return an object to merge with the context - * @return {object} - * @return {object} - */ - function typeContext () { - var this$1 = this; - - switch (this.classification) { - case 'select': - return { - options: createOptionList.call(this, this.options), - optionGroups: this.optionGroups ? map(this.optionGroups, function (k, v) { return createOptionList.call(this$1, v); }) : false, - placeholder: this.$attrs.placeholder || false - } - case 'group': - if (this.options) { - return { - options: createOptionList.call(this, this.options) - } - } - break - default: - return {} - } - } - - /** - * Reducer for attributes that will be applied to each core input element. - * @return {object} - */ - function elementAttributes () { - var attrs = Object.assign({}, this.localAttributes); - if (this.id) { - attrs.id = this.id; - } else { - attrs.id = this.defaultId; - } - return attrs - } - - /** - * Determine the a best-guess location for the label (before or after). - * @return {string} before|after - */ - function logicalLabelPosition () { - if (this.labelPosition) { - return this.labelPosition - } - switch (this.classification) { - case 'box': - return 'after' - default: - return 'before' - } - } - - /** - * The validation label to use. - */ - function mergedValidationName () { - if (this.validationName) { - return this.validationName - } - if (typeof this.name === 'string') { - return this.name - } - if (this.label) { - return this.label - } - return this.type - } - - /** - * Determines if the field should show it's error (if it has one) - * @return {boolean} - */ - function showFieldErrors () { - if (this.showErrors || this.formShouldShowErrors) { - return true - } - return this.behavioralErrorVisibility - } - - /** - * Return the element’s name, or select a fallback. - */ - function nameOrFallback () { - if (this.name === true && this.classification !== 'button') { - return ((this.type) + "_" + (this.elementAttributes.id)) - } - if (this.name === false || (this.classification === 'button' && this.name === true)) { - return false - } - return this.name - } - - /** - * Determines if this formulate element is v-modeled or not. - */ - function isVmodeled () { - return !!(this.$options.propsData.hasOwnProperty('formulateValue') && - this._events && - Array.isArray(this._events.input) && - this._events.input.length) - } - - /** - * Given an object or array of options, create an array of objects with label, - * value, and id. - * @param {array|object} - * @return {array} - */ - function createOptionList (options) { - if (!Array.isArray(options) && options && typeof options === 'object') { - var optionList = []; - var that = this; - for (var value in options) { - optionList.push({ value: value, label: options[value], id: ((that.elementAttributes.id) + "_" + value) }); - } - return optionList - } else if (Array.isArray(options) && !options.length) { - return [{ value: this.value, label: (this.label || this.name), id: this.context.id || nanoid(9) }] - } - return options - } - - /** - * The merged errors computed property. - */ - function mergedErrors () { - return arrayify(this.errors) - .concat(arrayify(this.error)) - .concat(arrayify(this.validationErrors)) - .reduce(function (errors, err) { return !errors.includes(err) ? errors.concat(err) : errors; }, []) - } - - /** - * Does this computed property have errors. - */ - function hasErrors () { - return !!this.mergedErrors.length - } - - /** - * Bound into the context object. - */ - function blurHandler () { - if (this.errorBehavior === 'blur') { - this.behavioralErrorVisibility = true; - } - } - - /** - * Defines the model used throughout the existing context. - * @param {object} context - */ - function defineModel (context) { - return Object.defineProperty(context, 'model', { - get: modelGetter.bind(this), - set: modelSetter.bind(this) - }) - } - - /** - * Get the value from a model. - **/ - function modelGetter () { - var model = this.isVmodeled ? 'formulateValue' : 'internalModelProxy'; - if (this.type === 'checkbox' && !Array.isArray(this[model]) && this.options) { - return [] - } - if (!this[model]) { - return '' - } - return this[model] - } - - /** - * Set the value from a model. - **/ - function modelSetter (value) { - this.internalModelProxy = value; - this.$emit('input', value); - if (this.context.name && typeof this.formulateFormSetter === 'function') { - this.formulateFormSetter(this.context.name, value); - } - } - - // - - var script = { - name: 'FormulateInput', - inheritAttrs: false, - inject: { - formulateFormSetter: { default: undefined }, - formulateFormRegister: { default: undefined }, - getFormValues: { default: function () { return function () { return ({}); }; } } - }, - model: { - prop: 'formulateValue', - event: 'input' - }, - props: { - type: { - type: String, - default: 'text' - }, - name: { - type: [String, Boolean], - default: true - }, - /* eslint-disable */ - formulateValue: { - default: '' - }, - value: { - default: false - }, - /* eslint-enable */ - options: { - type: [Object, Array, Boolean], - default: false - }, - optionGroups: { - type: [Object, Boolean], - default: false - }, - id: { - type: [String, Boolean, Number], - default: false - }, - label: { - type: [String, Boolean], - default: false - }, - labelPosition: { - type: [String, Boolean], - default: false - }, - help: { - type: [String, Boolean], - default: false - }, - debug: { - type: Boolean, - default: false - }, - errors: { - type: [String, Array, Boolean], - default: false - }, - validation: { - type: [String, Boolean, Array], - default: false - }, - validationName: { - type: [String, Boolean], - default: false - }, - error: { - type: [String, Boolean], - default: false - }, - errorBehavior: { - type: String, - default: 'blur', - validator: function (value) { - return ['blur', 'live'].includes(value) - } - }, - showErrors: { - type: Boolean, - default: false - }, - imageBehavior: { - type: String, - default: 'preview' - }, - uploadUrl: { - type: [String, Boolean], - default: false - }, - uploader: { - type: [Function, Object, Boolean], - default: false - }, - uploadBehavior: { - type: String, - default: 'live' - }, - preventWindowDrops: { - type: Boolean, - default: true - } - }, - data: function data () { - return { - /** - * @todo consider swapping out nanoid for this._uid - */ - defaultId: nanoid(9), - localAttributes: {}, - internalModelProxy: this.formulateValue || this.value, - behavioralErrorVisibility: (this.errorBehavior === 'live'), - formShouldShowErrors: false, - validationErrors: [], - pendingValidation: Promise.resolve() - } - }, - computed: Object.assign({}, context, - {classification: function classification () { - var classification = this.$formulate.classify(this.type); - return (classification === 'box' && this.options) ? 'group' : classification - }, - component: function component () { - return (this.classification === 'group') ? 'FormulateInputGroup' : this.$formulate.component(this.type) - }}), - watch: { - '$attrs': { - handler: function handler (value) { - this.updateLocalAttributes(value); - }, - deep: true - }, - internalModelProxy: function internalModelProxy (newValue, oldValue) { - this.performValidation(); - if (!this.isVmodeled && !shallowEqualObjects(newValue, oldValue)) { - this.context.model = newValue; - } - }, - formulateValue: function formulateValue (newValue, oldValue) { - if (this.isVmodeled && !shallowEqualObjects(newValue, oldValue)) { - this.context.model = newValue; - } - } - }, - created: function created () { - if (this.formulateFormRegister && typeof this.formulateFormRegister === 'function') { - this.formulateFormRegister(this.nameOrFallback, this); - } - this.updateLocalAttributes(this.$attrs); - this.performValidation(); - }, - methods: { - updateLocalAttributes: function updateLocalAttributes (value) { - if (!shallowEqualObjects(value, this.localAttributes)) { - this.localAttributes = value; - } - }, - performValidation: function performValidation () { - var this$1 = this; - - var rules = parseRules(this.validation, this.$formulate.rules()); - this.pendingValidation = Promise.all( - rules.map(function (ref) { - var rule = ref[0]; - var args = ref[1]; - - return rule.apply(void 0, [ { - value: this$1.context.model, - getFormValues: this$1.getFormValues.bind(this$1), - name: this$1.context.name - } ].concat( args )) - .then(function (res) { return res ? false : this$1.$formulate.validationMessage(rule.name, { - args: args, - name: this$1.mergedValidationName, - value: this$1.context.model, - vm: this$1, - formValues: this$1.getFormValues() - }); }) - }) - ) - .then(function (result) { return result.filter(function (result) { return result; }); }) - .then(function (errorMessages) { this$1.validationErrors = errorMessages; }); - return this.pendingValidation - }, - hasValidationErrors: function hasValidationErrors () { - var this$1 = this; - - return new Promise(function (resolve) { - this$1.$nextTick(function () { - this$1.pendingValidation.then(function () { return resolve(!!this$1.validationErrors.length); }); - }); - }) - } - } - }; - - function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) { - if (typeof shadowMode !== 'boolean') { - createInjectorSSR = createInjector; - createInjector = shadowMode; - shadowMode = false; - } - // Vue.extend constructor export interop. - var options = typeof script === 'function' ? script.options : script; - // render functions - if (template && template.render) { - options.render = template.render; - options.staticRenderFns = template.staticRenderFns; - options._compiled = true; - // functional template - if (isFunctionalTemplate) { - options.functional = true; - } - } - // scopedId - if (scopeId) { - options._scopeId = scopeId; - } - var hook; - if (moduleIdentifier) { - // server build - hook = function (context) { - // 2.3 injection - context = - context || // cached call - (this.$vnode && this.$vnode.ssrContext) || // stateful - (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional - // 2.2 with runInNewContext: true - if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { - context = __VUE_SSR_CONTEXT__; - } - // inject component styles - if (style) { - style.call(this, createInjectorSSR(context)); - } - // register component module identifier for async chunk inference - if (context && context._registeredComponents) { - context._registeredComponents.add(moduleIdentifier); - } - }; - // used by ssr in case component is cached and beforeCreate - // never gets called - options._ssrRegister = hook; - } - else if (style) { - hook = shadowMode - ? function (context) { - style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot)); - } - : function (context) { - style.call(this, createInjector(context)); - }; - } - if (hook) { - if (options.functional) { - // register for functional component in vue file - var originalRender = options.render; - options.render = function renderWithStyleInjection(h, context) { - hook.call(context); - return originalRender(h, context); - }; - } - else { - // inject component registration as beforeCreate hook - var existing = options.beforeCreate; - options.beforeCreate = existing ? [].concat(existing, hook) : [hook]; - } - } - return script; - } - - /* script */ - var __vue_script__ = script; - - /* template */ - var __vue_render__ = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - staticClass: "formulate-input", - attrs: { - "data-classification": _vm.classification, - "data-has-errors": _vm.hasErrors, - "data-is-showing-errors": _vm.hasErrors && _vm.showFieldErrors, - "data-type": _vm.type - } - }, - [ - _c( - "div", - { staticClass: "formulate-input-wrapper" }, - [ - _vm.context.hasLabel && _vm.context.labelPosition === "before" - ? _vm._t( - "label", - [ - _c("label", { - staticClass: - "formulate-input-label formulate-input-label--before", - attrs: { for: _vm.context.attributes.id }, - domProps: { textContent: _vm._s(_vm.context.label) } - }) - ], - null, - _vm.context - ) - : _vm._e(), - _vm._v(" "), - _vm._t( - "element", - [ - _c( - _vm.context.component, - { tag: "component", attrs: { context: _vm.context } }, - [_vm._t("default", null, null, _vm.context)], - 2 - ) - ], - null, - _vm.context - ), - _vm._v(" "), - _vm.context.hasLabel && _vm.context.labelPosition === "after" - ? _vm._t( - "label", - [ - _c("label", { - staticClass: - "formulate-input-label formulate-input-label--after", - attrs: { for: _vm.context.attributes.id }, - domProps: { textContent: _vm._s(_vm.context.label) } - }) - ], - null, - _vm.context.label - ) - : _vm._e() - ], - 2 - ), - _vm._v(" "), - _vm.help - ? _c("div", { - staticClass: "formulate-input-help", - domProps: { textContent: _vm._s(_vm.help) } - }) - : _vm._e(), - _vm._v(" "), - _vm.showFieldErrors - ? _c("FormulateInputErrors", { attrs: { errors: _vm.mergedErrors } }) - : _vm._e() - ], - 1 - ) - }; - var __vue_staticRenderFns__ = []; - __vue_render__._withStripped = true; - - /* style */ - var __vue_inject_styles__ = undefined; - /* scoped */ - var __vue_scope_id__ = undefined; - /* module identifier */ - var __vue_module_identifier__ = undefined; - /* functional template */ - var __vue_is_functional_template__ = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__ = normalizeComponent( - { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }, - __vue_inject_styles__, - __vue_script__, - __vue_scope_id__, - __vue_is_functional_template__, - __vue_module_identifier__, - false, - undefined, - undefined, - undefined - ); - - var FormSubmission = function FormSubmission (form) { - this.form = form; - }; - - /** - * Determine if the form has any validation errors. - * - * @return {Promise} resolves a boolean - */ - FormSubmission.prototype.hasValidationErrors = function hasValidationErrors () { - return this.form.hasValidationErrors() - }; - - /** - * Asynchronously generate the values payload of this form. - * @return {Promise} resolves to json - */ - FormSubmission.prototype.values = function values () { - var this$1 = this; - - return new Promise(function (resolve, reject) { - var pending = []; - var values = cloneDeep(this$1.form.internalFormModelProxy); - for (var key in values) { - if (typeof this$1.form.internalFormModelProxy[key] === 'object' && this$1.form.internalFormModelProxy[key] instanceof FileUpload) { - pending.push(this$1.form.internalFormModelProxy[key].upload()); - } - } - /** - * @todo - how do we get these uploaded path values back into our data? - */ - Promise.all(pending) - // .then(file => file.path) - .then(function () { return resolve(values); }) - .catch(function (err) { return reject(err); }); - }) - }; - - // - - var script$1 = { - provide: function provide () { - return { - formulateFormSetter: this.setFieldValue, - formulateFormRegister: this.register, - getFormValues: this.getFormValues - } - }, - name: 'FormulateForm', - model: { - prop: 'formulateValue', - event: 'input' - }, - props: { - name: { - type: [String, Boolean], - default: false - }, - formulateValue: { - type: Object, - default: function () { return ({}); } - } - }, - data: function data () { - return { - registry: {}, - internalFormModelProxy: {}, - formShouldShowErrors: false - } - }, - computed: { - hasFormulateValue: function hasFormulateValue () { - return this.formulateValue && typeof this.formulateValue === 'object' - }, - isVmodeled: function isVmodeled () { - return !!(this.$options.propsData.hasOwnProperty('formulateValue') && - this._events && - Array.isArray(this._events.input) && - this._events.input.length) - } - }, - watch: { - formulateValue: { - handler: function handler (newValue, oldValue) { - if (this.isVmodeled && - newValue && - typeof newValue === 'object' - ) { - for (var field in newValue) { - if (this.registry.hasOwnProperty(field) && - !shallowEqualObjects(newValue[field], this.internalFormModelProxy[field]) && - !shallowEqualObjects(newValue[field], this.registry[field].internalModelProxy[field]) - ) { - this.setFieldValue(field, newValue[field]); - this.registry[field].context.model = newValue[field]; - } - } - } - }, - deep: true, - immediate: false - } - }, - created: function created () { - if (this.$options.propsData.hasOwnProperty('formulateValue')) { - this.internalFormModelProxy = Object.assign({}, this.formulateValue); - } - }, - methods: { - setFieldValue: function setFieldValue (field, value) { - var obj; - - Object.assign(this.internalFormModelProxy, ( obj = {}, obj[field] = value, obj )); - this.$emit('input', Object.assign({}, this.internalFormModelProxy)); - }, - register: function register (field, component) { - this.registry[field] = component; - var hasVModelValue = Object.prototype.hasOwnProperty.call(component.$options.propsData, 'formulateValue'); - var hasValue = Object.prototype.hasOwnProperty.call(component.$options.propsData, 'value'); - if ( - !hasVModelValue && - this.hasFormulateValue && - this.formulateValue[field] - ) { - // In the case that the form is carrying an initial value and the - // element is not, set it directly. - component.context.model = this.formulateValue[field]; - } else if ( - (hasVModelValue || hasValue) && - !shallowEqualObjects(component.internalModelProxy, this.formulateValue[field]) - ) { - this.setFieldValue(field, component.internalModelProxy); - } - }, - formSubmitted: function formSubmitted () { - var this$1 = this; - - // perform validation here - this.showErrors(); - var submission = new FormSubmission(this); - this.$emit('submit-raw', submission); - return submission.hasValidationErrors() - .then(function (hasErrors) { return hasErrors ? false : submission.values(); }) - .then(function (json) { return json !== false ? this$1.$emit('submit', json) : null; }) - }, - showErrors: function showErrors () { - for (var fieldName in this.registry) { - this.registry[fieldName].formShouldShowErrors = true; - } - }, - getFormValues: function getFormValues () { - return this.internalFormModelProxy - }, - hasValidationErrors: function hasValidationErrors () { - var resolvers = []; - for (var fieldName in this.registry) { - if (typeof this.registry[fieldName].hasValidationErrors === 'function') { - resolvers.push(this.registry[fieldName].hasValidationErrors()); - } - } - return Promise.all(resolvers).then(function (fields) { return !!fields.find(function (hasErrors) { return hasErrors; }); }) - } - } - }; - - /* script */ - var __vue_script__$1 = script$1; - - /* template */ - var __vue_render__$1 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "form", - { - on: { - submit: function($event) { - $event.preventDefault(); - return _vm.formSubmitted($event) - } - } - }, - [_vm._t("default")], - 2 - ) - }; - var __vue_staticRenderFns__$1 = []; - __vue_render__$1._withStripped = true; - - /* style */ - var __vue_inject_styles__$1 = undefined; - /* scoped */ - var __vue_scope_id__$1 = undefined; - /* module identifier */ - var __vue_module_identifier__$1 = undefined; - /* functional template */ - var __vue_is_functional_template__$1 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$1 = normalizeComponent( - { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 }, - __vue_inject_styles__$1, - __vue_script__$1, - __vue_scope_id__$1, - __vue_is_functional_template__$1, - __vue_module_identifier__$1, - false, - undefined, - undefined, - undefined - ); - - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - - var script$2 = { - props: { - errors: { - type: [Boolean, Array], - required: true - } - } - }; - - /* script */ - var __vue_script__$2 = script$2; - - /* template */ - var __vue_render__$2 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _vm.errors.length - ? _c( - "ul", - { staticClass: "formulate-input-errors" }, - _vm._l(_vm.errors, function(error) { - return _c("li", { - key: error, - staticClass: "formulate-input-error", - domProps: { innerHTML: _vm._s(error) } - }) - }), - 0 - ) - : _vm._e() - }; - var __vue_staticRenderFns__$2 = []; - __vue_render__$2._withStripped = true; - - /* style */ - var __vue_inject_styles__$2 = undefined; - /* scoped */ - var __vue_scope_id__$2 = undefined; - /* module identifier */ - var __vue_module_identifier__$2 = undefined; - /* functional template */ - var __vue_is_functional_template__$2 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$2 = normalizeComponent( - { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 }, - __vue_inject_styles__$2, - __vue_script__$2, - __vue_scope_id__$2, - __vue_is_functional_template__$2, - __vue_module_identifier__$2, - false, - undefined, - undefined, - undefined - ); - - // - // - // - // - // - // - // - // - // - // - // - // - // - - function objectWithoutProperties (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; } - var script$3 = { - name: 'FormulateInputGroup', - props: { - context: { - type: Object, - required: true - } - }, - computed: { - options: function options () { - return this.context.options || [] - }, - optionsWithContext: function optionsWithContext () { - var this$1 = this; - - var ref = this.context; - var options = ref.options; - var labelPosition = ref.labelPosition; - var attributes = ref.attributes; - var classification = ref.classification; - var rest = objectWithoutProperties( ref, ["options", "labelPosition", "attributes", "classification"] ); - var context = rest; - return this.options.map(function (option) { return this$1.groupItemContext(context, option); }) - } - }, - methods: { - groupItemContext: function groupItemContext () { - var args = [], len = arguments.length; - while ( len-- ) args[ len ] = arguments[ len ]; - - return Object.assign.apply(Object, [ {} ].concat( args, [{ - component: 'FormulateInput' - }] )) - } - } - }; - - /* script */ - var __vue_script__$3 = script$3; - - /* template */ - var __vue_render__$3 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { staticClass: "formulate-input-group" }, - _vm._l(_vm.optionsWithContext, function(optionContext) { - return _c( - optionContext.component, - _vm._b( - { - key: optionContext.id, - tag: "component", - staticClass: "formulate-input-group-item", - model: { - value: _vm.context.model, - callback: function($$v) { - _vm.$set(_vm.context, "model", $$v); - }, - expression: "context.model" - } - }, - "component", - optionContext, - false - ) - ) - }), - 1 - ) - }; - var __vue_staticRenderFns__$3 = []; - __vue_render__$3._withStripped = true; - - /* style */ - var __vue_inject_styles__$3 = undefined; - /* scoped */ - var __vue_scope_id__$3 = undefined; - /* module identifier */ - var __vue_module_identifier__$3 = undefined; - /* functional template */ - var __vue_is_functional_template__$3 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$3 = normalizeComponent( - { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 }, - __vue_inject_styles__$3, - __vue_script__$3, - __vue_scope_id__$3, - __vue_is_functional_template__$3, - __vue_module_identifier__$3, - false, - undefined, - undefined, - undefined - ); - - /** - * Default base for input components. - */ - var FormulateInputMixin = { - props: { - context: { - type: Object, - required: true - } - }, - computed: { - type: function type () { - return this.context.type - }, - id: function id () { - return this.context.id - }, - attributes: function attributes () { - return this.context.attributes || {} - }, - hasValue: function hasValue () { - return !!this.context.model - } - } - }; - - // - - var script$4 = { - name: 'FormulateInputBox', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$4 = script$4; - - /* template */ - var __vue_render__$4 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _vm.type === "checkbox" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "checkbox" }, - domProps: { - value: _vm.context.value, - checked: Array.isArray(_vm.context.model) - ? _vm._i(_vm.context.model, _vm.context.value) > -1 - : _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$a = _vm.context.model, - $$el = $event.target, - $$c = $$el.checked ? true : false; - if (Array.isArray($$a)) { - var $$v = _vm.context.value, - $$i = _vm._i($$a, $$v); - if ($$el.checked) { - $$i < 0 && - _vm.$set(_vm.context, "model", $$a.concat([$$v])); - } else { - $$i > -1 && - _vm.$set( - _vm.context, - "model", - $$a.slice(0, $$i).concat($$a.slice($$i + 1)) - ); - } - } else { - _vm.$set(_vm.context, "model", $$c); - } - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _vm.type === "radio" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "radio" }, - domProps: { - value: _vm.context.value, - checked: _vm._q(_vm.context.model, _vm.context.value) - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - return _vm.$set(_vm.context, "model", _vm.context.value) - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: _vm.type }, - domProps: { - value: _vm.context.value, - value: _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "input", - _vm.attributes, - false - ) - ), - _vm._v(" "), - _c("label", { - staticClass: "formulate-input-element-decorator", - attrs: { for: _vm.id } - }) - ] - ) - }; - var __vue_staticRenderFns__$4 = []; - __vue_render__$4._withStripped = true; - - /* style */ - var __vue_inject_styles__$4 = undefined; - /* scoped */ - var __vue_scope_id__$4 = undefined; - /* module identifier */ - var __vue_module_identifier__$4 = undefined; - /* functional template */ - var __vue_is_functional_template__$4 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$4 = normalizeComponent( - { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 }, - __vue_inject_styles__$4, - __vue_script__$4, - __vue_scope_id__$4, - __vue_is_functional_template__$4, - __vue_module_identifier__$4, - false, - undefined, - undefined, - undefined - ); - - // - - var script$5 = { - name: 'FormulateInputText', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$5 = script$5; - - /* template */ - var __vue_render__$5 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _vm.type === "checkbox" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "checkbox" }, - domProps: { - checked: Array.isArray(_vm.context.model) - ? _vm._i(_vm.context.model, null) > -1 - : _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$a = _vm.context.model, - $$el = $event.target, - $$c = $$el.checked ? true : false; - if (Array.isArray($$a)) { - var $$v = null, - $$i = _vm._i($$a, $$v); - if ($$el.checked) { - $$i < 0 && - _vm.$set(_vm.context, "model", $$a.concat([$$v])); - } else { - $$i > -1 && - _vm.$set( - _vm.context, - "model", - $$a.slice(0, $$i).concat($$a.slice($$i + 1)) - ); - } - } else { - _vm.$set(_vm.context, "model", $$c); - } - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _vm.type === "radio" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "radio" }, - domProps: { checked: _vm._q(_vm.context.model, null) }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - return _vm.$set(_vm.context, "model", null) - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: _vm.type }, - domProps: { value: _vm.context.model }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "input", - _vm.attributes, - false - ) - ) - ] - ) - }; - var __vue_staticRenderFns__$5 = []; - __vue_render__$5._withStripped = true; - - /* style */ - var __vue_inject_styles__$5 = undefined; - /* scoped */ - var __vue_scope_id__$5 = undefined; - /* module identifier */ - var __vue_module_identifier__$5 = undefined; - /* functional template */ - var __vue_is_functional_template__$5 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$5 = normalizeComponent( - { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 }, - __vue_inject_styles__$5, - __vue_script__$5, - __vue_scope_id__$5, - __vue_is_functional_template__$5, - __vue_module_identifier__$5, - false, - undefined, - undefined, - undefined - ); - - // - - var script$6 = { - name: 'FormulateFiles', - props: { - files: { - type: FileUpload, - required: true - }, - imagePreview: { - type: Boolean, - default: false - } - }, - computed: { - fileUploads: function fileUploads () { - return this.files.files || [] - } - }, - watch: { - files: function files () { - if (this.imagePreview) { - this.files.loadPreviews(); - } - } - }, - mounted: function mounted () { - if (this.imagePreview) { - this.files.loadPreviews(); - } - } - }; - - /* script */ - var __vue_script__$6 = script$6; - - /* template */ - var __vue_render__$6 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _vm.fileUploads.length - ? _c( - "ul", - { staticClass: "formulate-files" }, - _vm._l(_vm.fileUploads, function(file) { - return _c( - "li", - { - key: file.uuid, - attrs: { - "data-has-error": !!file.error, - "data-has-preview": _vm.imagePreview && file.previewData - } - }, - [ - _c("div", { staticClass: "formulate-file" }, [ - _vm.imagePreview && file.previewData - ? _c("div", { staticClass: "formulate-file-image-preview" }, [ - _c("img", { attrs: { src: file.previewData } }) - ]) - : _vm._e(), - _vm._v(" "), - _c("div", { - staticClass: "formualte-file-name", - domProps: { textContent: _vm._s(file.name) } - }), - _vm._v(" "), - file.progress !== false - ? _c( - "div", - { - staticClass: "formulate-file-progress", - attrs: { - "data-just-finished": file.justFinished, - "data-is-finished": - !file.justFinished && file.complete - } - }, - [ - _c("div", { - staticClass: "formulate-file-progress-inner", - style: { width: file.progress + "%" } - }) - ] - ) - : _vm._e(), - _vm._v(" "), - (file.complete && !file.justFinished) || file.progress === false - ? _c("div", { - staticClass: "formulate-file-remove", - on: { click: file.removeFile } - }) - : _vm._e() - ]), - _vm._v(" "), - file.error - ? _c("div", { - staticClass: "formulate-file-upload-error", - domProps: { textContent: _vm._s(file.error) } - }) - : _vm._e() - ] - ) - }), - 0 - ) - : _vm._e() - }; - var __vue_staticRenderFns__$6 = []; - __vue_render__$6._withStripped = true; - - /* style */ - var __vue_inject_styles__$6 = undefined; - /* scoped */ - var __vue_scope_id__$6 = undefined; - /* module identifier */ - var __vue_module_identifier__$6 = undefined; - /* functional template */ - var __vue_is_functional_template__$6 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$6 = normalizeComponent( - { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 }, - __vue_inject_styles__$6, - __vue_script__$6, - __vue_scope_id__$6, - __vue_is_functional_template__$6, - __vue_module_identifier__$6, - false, - undefined, - undefined, - undefined - ); - - // - - var script$7 = { - name: 'FormulateInputFile', - components: { - FormulateFiles: __vue_component__$6 - }, - mixins: [FormulateInputMixin], - data: function data () { - return { - isOver: false - } - }, - computed: { - hasFiles: function hasFiles () { - return !!(this.context.model instanceof FileUpload && this.context.model.files.length) - } - }, - mounted: function mounted () { - // Add a listener to the window to prevent drag/drops that miss the dropzone - // from opening the file and navigating the user away from the page. - if (window && this.context.preventWindowDrops) { - window.addEventListener('dragover', this.preventDefault); - window.addEventListener('drop', this.preventDefault); - } - }, - destroyed: function destroyed () { - if (window && this.context.preventWindowDrops) { - window.removeEventListener('dragover', this.preventDefault); - window.removeEventListener('drop', this.preventDefault); - } - }, - methods: { - preventDefault: function preventDefault (e) { - if (e.target.tagName !== 'INPUT' && e.target.getAttribute('type') !== 'file') { - e = e || event; - e.preventDefault(); - } - }, - handleFile: function handleFile () { - this.isOver = false; - var input = this.$refs.file; - if (input.files.length) { - this.context.model = this.$formulate.createUpload(input, this.context); - } - this.attemptImmediateUpload(); - }, - attemptImmediateUpload: function attemptImmediateUpload () { - var this$1 = this; - - if (this.context.uploadBehavior === 'live' && - this.context.model instanceof FileUpload) { - this.context.hasValidationErrors().then(function (errors) { - if (!errors) { - this$1.context.model.upload(); - } - }); - } - }, - handleDragOver: function handleDragOver (e) { - e.preventDefault(); - this.isOver = true; - }, - handleDragLeave: function handleDragLeave (e) { - e.preventDefault(); - this.isOver = false; - } - } - }; - - /* script */ - var __vue_script__$7 = script$7; - - /* template */ - var __vue_render__$7 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type, "data-has-files": _vm.hasFiles } - }, - [ - _c( - "div", - { - staticClass: "formulate-input-upload-area", - attrs: { "data-has-files": _vm.hasFiles } - }, - [ - _c( - "input", - _vm._b( - { - ref: "file", - attrs: { "data-is-drag-hover": _vm.isOver, type: "file" }, - on: { - blur: _vm.context.blurHandler, - change: _vm.handleFile, - dragover: _vm.handleDragOver, - dragleave: _vm.handleDragLeave - } - }, - "input", - _vm.attributes, - false - ) - ), - _vm._v(" "), - _c("div", { - directives: [ - { - name: "show", - rawName: "v-show", - value: !_vm.hasFiles, - expression: "!hasFiles" - } - ], - staticClass: "formulate-input-upload-area-mask" - }), - _vm._v(" "), - _vm.hasFiles - ? _c("FormulateFiles", { - attrs: { - files: _vm.context.model, - "image-preview": - _vm.context.type === "image" && - _vm.context.imageBehavior === "preview" - } - }) - : _vm._e() - ], - 1 - ) - ] - ) - }; - var __vue_staticRenderFns__$7 = []; - __vue_render__$7._withStripped = true; - - /* style */ - var __vue_inject_styles__$7 = undefined; - /* scoped */ - var __vue_scope_id__$7 = undefined; - /* module identifier */ - var __vue_module_identifier__$7 = undefined; - /* functional template */ - var __vue_is_functional_template__$7 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$7 = normalizeComponent( - { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 }, - __vue_inject_styles__$7, - __vue_script__$7, - __vue_scope_id__$7, - __vue_is_functional_template__$7, - __vue_module_identifier__$7, - false, - undefined, - undefined, - undefined - ); - - // - - var script$8 = { - name: 'FormulateInputButton', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$8 = script$8; - - /* template */ - var __vue_render__$8 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _c( - "button", - _vm._b({ attrs: { type: _vm.type } }, "button", _vm.attributes, false), - [ - _vm._t("default", [ - _c("span", { - class: "formulate-input-element--" + _vm.context.type + "--label", - domProps: { - textContent: _vm._s( - _vm.context.value || - _vm.context.label || - _vm.context.name || - "Submit" - ) - } - }) - ]) - ], - 2 - ) - ] - ) - }; - var __vue_staticRenderFns__$8 = []; - __vue_render__$8._withStripped = true; - - /* style */ - var __vue_inject_styles__$8 = undefined; - /* scoped */ - var __vue_scope_id__$8 = undefined; - /* module identifier */ - var __vue_module_identifier__$8 = undefined; - /* functional template */ - var __vue_is_functional_template__$8 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$8 = normalizeComponent( - { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 }, - __vue_inject_styles__$8, - __vue_script__$8, - __vue_scope_id__$8, - __vue_is_functional_template__$8, - __vue_module_identifier__$8, - false, - undefined, - undefined, - undefined - ); - - // - - var script$9 = { - name: 'FormulateInputSelect', - mixins: [FormulateInputMixin], - computed: { - options: function options () { - return this.context.options || {} - }, - optionGroups: function optionGroups () { - return this.context.optionGroups || false - }, - placeholderSelected: function placeholderSelected () { - return !!(!this.hasValue && this.context.attributes && this.context.attributes.placeholder) - } - } - }; - - /* script */ - var __vue_script__$9 = script$9; - - /* template */ - var __vue_render__$9 = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _c( - "select", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { "data-placeholder-selected": _vm.placeholderSelected }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$selectedVal = Array.prototype.filter - .call($event.target.options, function(o) { - return o.selected - }) - .map(function(o) { - var val = "_value" in o ? o._value : o.value; - return val - }); - _vm.$set( - _vm.context, - "model", - $event.target.multiple ? $$selectedVal : $$selectedVal[0] - ); - } - } - }, - "select", - _vm.attributes, - false - ), - [ - _vm.context.placeholder - ? _c( - "option", - { - attrs: { value: "", disabled: "" }, - domProps: { selected: !_vm.hasValue } - }, - [ - _vm._v( - "\n " + _vm._s(_vm.context.placeholder) + "\n " - ) - ] - ) - : _vm._e(), - _vm._v(" "), - !_vm.optionGroups - ? _vm._l(_vm.options, function(option) { - return _c( - "option", - _vm._b( - { - key: option.id, - domProps: { - value: option.value, - textContent: _vm._s(option.label) - } - }, - "option", - option.attributes || {}, - false - ) - ) - }) - : _vm._l(_vm.optionGroups, function(subOptions, label) { - return _c( - "optgroup", - { key: label, attrs: { label: label } }, - _vm._l(subOptions, function(option) { - return _c( - "option", - _vm._b( - { - key: option.id, - domProps: { - value: option.value, - textContent: _vm._s(option.label) - } - }, - "option", - option.attributes || {}, - false - ) - ) - }), - 0 - ) - }) - ], - 2 - ) - ] - ) - }; - var __vue_staticRenderFns__$9 = []; - __vue_render__$9._withStripped = true; - - /* style */ - var __vue_inject_styles__$9 = undefined; - /* scoped */ - var __vue_scope_id__$9 = undefined; - /* module identifier */ - var __vue_module_identifier__$9 = undefined; - /* functional template */ - var __vue_is_functional_template__$9 = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$9 = normalizeComponent( - { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 }, - __vue_inject_styles__$9, - __vue_script__$9, - __vue_scope_id__$9, - __vue_is_functional_template__$9, - __vue_module_identifier__$9, - false, - undefined, - undefined, - undefined - ); - - // - - var script$a = { - name: 'FormulateInputSlider', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$a = script$a; - - /* template */ - var __vue_render__$a = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - class: - "formulate-input-element formulate-input-element--" + _vm.context.type, - attrs: { "data-type": _vm.context.type } - }, - [ - _vm.type === "checkbox" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "checkbox" }, - domProps: { - checked: Array.isArray(_vm.context.model) - ? _vm._i(_vm.context.model, null) > -1 - : _vm.context.model - }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - var $$a = _vm.context.model, - $$el = $event.target, - $$c = $$el.checked ? true : false; - if (Array.isArray($$a)) { - var $$v = null, - $$i = _vm._i($$a, $$v); - if ($$el.checked) { - $$i < 0 && - _vm.$set(_vm.context, "model", $$a.concat([$$v])); - } else { - $$i > -1 && - _vm.$set( - _vm.context, - "model", - $$a.slice(0, $$i).concat($$a.slice($$i + 1)) - ); - } - } else { - _vm.$set(_vm.context, "model", $$c); - } - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _vm.type === "radio" - ? _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: "radio" }, - domProps: { checked: _vm._q(_vm.context.model, null) }, - on: { - blur: _vm.context.blurHandler, - change: function($event) { - return _vm.$set(_vm.context, "model", null) - } - } - }, - "input", - _vm.attributes, - false - ) - ) - : _c( - "input", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - attrs: { type: _vm.type }, - domProps: { value: _vm.context.model }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "input", - _vm.attributes, - false - ) - ) - ] - ) - }; - var __vue_staticRenderFns__$a = []; - __vue_render__$a._withStripped = true; - - /* style */ - var __vue_inject_styles__$a = undefined; - /* scoped */ - var __vue_scope_id__$a = undefined; - /* module identifier */ - var __vue_module_identifier__$a = undefined; - /* functional template */ - var __vue_is_functional_template__$a = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$a = normalizeComponent( - { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a }, - __vue_inject_styles__$a, - __vue_script__$a, - __vue_scope_id__$a, - __vue_is_functional_template__$a, - __vue_module_identifier__$a, - false, - undefined, - undefined, - undefined - ); - - // - - var script$b = { - name: 'FormulateInputTextArea', - mixins: [FormulateInputMixin] - }; - - /* script */ - var __vue_script__$b = script$b; - - /* template */ - var __vue_render__$b = function() { - var _vm = this; - var _h = _vm.$createElement; - var _c = _vm._self._c || _h; - return _c( - "div", - { - staticClass: "formulate-input-element formulate-input-element--textarea", - attrs: { "data-type": "textarea" } - }, - [ - _c( - "textarea", - _vm._b( - { - directives: [ - { - name: "model", - rawName: "v-model", - value: _vm.context.model, - expression: "context.model" - } - ], - domProps: { value: _vm.context.model }, - on: { - blur: _vm.context.blurHandler, - input: function($event) { - if ($event.target.composing) { - return - } - _vm.$set(_vm.context, "model", $event.target.value); - } - } - }, - "textarea", - _vm.attributes, - false - ) - ) - ] - ) - }; - var __vue_staticRenderFns__$b = []; - __vue_render__$b._withStripped = true; - - /* style */ - var __vue_inject_styles__$b = undefined; - /* scoped */ - var __vue_scope_id__$b = undefined; - /* module identifier */ - var __vue_module_identifier__$b = undefined; - /* functional template */ - var __vue_is_functional_template__$b = false; - /* style inject */ - - /* style inject SSR */ - - /* style inject shadow dom */ - - - - var __vue_component__$b = normalizeComponent( - { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b }, - __vue_inject_styles__$b, - __vue_script__$b, - __vue_scope_id__$b, - __vue_is_functional_template__$b, - __vue_module_identifier__$b, - false, - undefined, - undefined, - undefined - ); - - /** - * The base formulate library. - */ - var Formulate = function Formulate () { - this.defaults = { - components: { - FormulateForm: __vue_component__$1, - FormulateInput: __vue_component__, - FormulateInputErrors: __vue_component__$2, - FormulateInputBox: __vue_component__$4, - FormulateInputText: __vue_component__$5, - FormulateInputFile: __vue_component__$7, - FormulateInputGroup: __vue_component__$3, - FormulateInputButton: __vue_component__$8, - FormulateInputSelect: __vue_component__$9, - FormulateInputSlider: __vue_component__$a, - FormulateInputTextArea: __vue_component__$b - }, - library: library, - rules: rules, - locale: 'en', - uploader: fauxUploader, - uploadJustCompleteDuration: 1000, - locales: { - en: en - } - }; - }; - - /** - * Install vue formulate, and register it’s components. - */ - Formulate.prototype.install = function install (Vue, options) { - Vue.prototype.$formulate = this; - this.options = this.extend(this.defaults, options || {}); - for (var componentName in this.options.components) { - Vue.component(componentName, this.options.components[componentName]); - } - Object.freeze(this); - }; - - /** - * Create a new object by copying properties of base and extendWith. - * @param {Object} base - * @param {Object} extendWith - */ - Formulate.prototype.extend = function extend (base, extendWith) { - var merged = {}; - for (var key in base) { - if (extendWith.hasOwnProperty(key)) { - merged[key] = isPlainObject(extendWith[key]) && isPlainObject(base[key]) - ? this.extend(base[key], extendWith[key]) - : extendWith[key]; - } else { - merged[key] = base[key]; - } - } - for (var prop in extendWith) { - if (!merged.hasOwnProperty(prop)) { - merged[prop] = extendWith[prop]; - } - } - return merged - }; - - /** - * Determine what "class" of input this element is given the "type". - * @param {string} type - */ - Formulate.prototype.classify = function classify (type) { - if (this.options.library.hasOwnProperty(type)) { - return this.options.library[type].classification - } - return 'unknown' - }; - - /** - * Determine what type of component to render given the "type". - * @param {string} type - */ - Formulate.prototype.component = function component (type) { - if (this.options.library.hasOwnProperty(type)) { - return this.options.library[type].component - } - return false - }; - - /** - * Get validation rules. - * @return {object} object of validation functions - */ - Formulate.prototype.rules = function rules () { - return this.options.rules - }; - - /** - * Get the validation message for a particular error. - */ - Formulate.prototype.validationMessage = function validationMessage (rule, validationContext) { - var generators = this.options.locales[this.options.locale]; - if (generators.hasOwnProperty(rule)) { - return generators[rule](validationContext) - } else if (rule[0] === '_' && generators.hasOwnProperty(rule.substr(1))) { - return generators[rule.substr(1)](validationContext) - } - if (generators.hasOwnProperty('default')) { - return generators.default(validationContext) - } - return 'This field does not have a valid value' - }; - - /** - * Get the file uploader. - */ - Formulate.prototype.getUploader = function getUploader () { - return this.options.uploader || false - }; - - /** - * Create a new instance of an upload. - */ - Formulate.prototype.createUpload = function createUpload (fileList, context) { - return new FileUpload(fileList, context, this.options) - }; - - var Formulate$1 = new Formulate(); - - exports.FileUpload = FileUpload; - exports.default = Formulate$1; - - Object.defineProperty(exports, '__esModule', { value: true }); - -}))); +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("is-url"),require("nanoid"),require("is-plain-object")):"function"==typeof define&&define.amd?define(["exports","is-url","nanoid","is-plain-object"],e):e((t=t||self).Formulate={},t.isUrl,t.nanoid,t.isPlainObject)}(this,(function(t,e,n,r){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,n=n&&n.hasOwnProperty("default")?n.default:n,r=r&&r.hasOwnProperty("default")?r.default:r;var o={text:{classification:"text",component:"FormulateInputText"},email:{classification:"text",component:"FormulateInputText"},number:{classification:"text",component:"FormulateInputText"},color:{classification:"text",component:"FormulateInputText"},date:{classification:"text",component:"FormulateInputText"},hidden:{classification:"text",component:"FormulateInputText"},month:{classification:"text",component:"FormulateInputText"},password:{classification:"text",component:"FormulateInputText"},search:{classification:"text",component:"FormulateInputText"},tel:{classification:"text",component:"FormulateInputText"},time:{classification:"text",component:"FormulateInputText"},url:{classification:"text",component:"FormulateInputText"},week:{classification:"text",component:"FormulateInputText"},"datetime-local":{classification:"text",component:"FormulateInputText"},range:{classification:"slider",component:"FormulateInputSlider"},textarea:{classification:"textarea",component:"FormulateInputTextArea"},checkbox:{classification:"box",component:"FormulateInputBox"},radio:{classification:"box",component:"FormulateInputBox"},submit:{classification:"button",component:"FormulateInputButton"},button:{classification:"button",component:"FormulateInputButton"},select:{classification:"select",component:"FormulateInputSelect"},file:{classification:"file",component:"FormulateInputFile"},image:{classification:"file",component:"FormulateInputFile"}},i=function(t,e,n){this.input=t,this.fileList=t.files,this.files=[],this.options=n,this.addFileList(this.fileList),this.context=e};function a(t,e){var n={};for(var r in t)n[r]=e(r,t[r]);return n}function s(t,e){if(t===e)return!0;if(!t||!e)return!1;var n=Object.keys(t),r=Object.keys(e),o=n.length;if(r.length!==o)return!1;for(var i=0;i=100&&(e.complete||(e.justFinished=!0,setTimeout((function(){e.justFinished=!1}),t.options.uploadJustCompleteDuration)),e.complete=!0)}),(function(t){e.progress=0,e.error=t,e.complete=!0}),t.options)}))).then((function(t){return e(t)})).catch((function(t){throw new Error(t)}))}))},i.prototype.removeFile=function(t){if(this.files=this.files.filter((function(e){return e.uuid!==t})),window){var e=new DataTransfer;this.files.map((function(t){return e.items.add(t.file)})),this.fileList=e.files,this.input.files=this.fileList}},i.prototype.loadPreviews=function(){this.files.map((function(t){if(!t.previewData&&window&&window.FileReader&&/^image\//.test(t.file.type)){var e=new FileReader;e.onload=function(e){return Object.assign(t,{previewData:e.target.result})},e.readAsDataURL(t.file)}}))},i.prototype.getFileList=function(){return this.fileList},i.prototype.getFiles=function(){return this.files},i.prototype.toString=function(){return"FileUpload("+(this.files.length?this.files.length+" files":"empty")+")"};var p={accepted:function(t){var e=t.value;return Promise.resolve(["yes","on","1",1,!0,"true"].includes(e))},after:function(t,e){var n=t.value;void 0===e&&(e=!1);var r=Date.parse(e||new Date),o=Date.parse(n);return Promise.resolve(!isNaN(o)&&o>r)},alpha:function(t,e){var n=t.value;void 0===e&&(e="default");var r={default:/^[a-zA-ZÀ-ÖØ-öø-ÿ]+$/,latin:/^[a-zA-Z]+$/},o=r.hasOwnProperty(e)?e:"default";return Promise.resolve(r[o].test(n))},alphanumeric:function(t,e){var n=t.value;void 0===e&&(e="default");var r={default:/^[a-zA-Z0-9À-ÖØ-öø-ÿ]+$/,latin:/^[a-zA-Z0-9]+$/},o=r.hasOwnProperty(e)?e:"default";return Promise.resolve(r[o].test(n))},before:function(t,e){var n=t.value;void 0===e&&(e=!1);var r=Date.parse(e||new Date),o=Date.parse(n);return Promise.resolve(!isNaN(o)&&oe&&r.lengthe&&r()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i.test(e))},in:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(void 0!==n.find((function(t){return"object"==typeof t?s(t,e):t===e})))},matches:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(!!n.find((function(t){return t instanceof RegExp?t.test(e):t===e})))},max:function(t,e,n){var r=t.value;return void 0===e&&(e=10),Promise.resolve(Array.isArray(r)?(e=isNaN(e)?e:Number(e),r.length<=e):!isNaN(r)&&"length"!==n||"value"===n?(r=isNaN(r)?r:Number(r))<=e:("string"==typeof r||"length"===n)&&(r=isNaN(r)?r:r.toString()).length<=e)},mime:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(function(){if(e instanceof i)for(var t=e.getFileList(),r=0;r=e):!isNaN(r)&&"length"!==n||"value"===n?(r=isNaN(r)?r:Number(r))>=e:("string"==typeof r||"length"===n)&&(r=isNaN(r)?r:r.toString()).length>=e)},not:function(t){for(var e=t.value,n=[],r=arguments.length-1;r-- >0;)n[r]=arguments[r+1];return Promise.resolve(void 0===n.find((function(t){return"object"==typeof t?s(t,e):t===e})))},number:function(t){var e=t.value;return Promise.resolve(!isNaN(e))},required:function(t,e){var n=t.value;return void 0===e&&(e=!0),Promise.resolve(!(e&&!["no","false"].includes(e)&&(Array.isArray(n)?!n.length:"string"==typeof n?!n:!("object"!=typeof n||n&&Object.keys(n).length))))},url:function(t){var n=t.value;return Promise.resolve(e(n))}},f={accepted:function(t){return"Please accept the "+t.name+"."},after:function(t){var e=t.name,n=t.args;return Array.isArray(n)&&n.length?u(e)+" must be after "+n[0]+".":u(e)+" must be a later date."},alpha:function(t){return u(t.name)+" can only contain alphabetical characters."},alphanumeric:function(t){return u(t.name)+" can only contain letters and numbers."},before:function(t){var e=t.name,n=t.args;return Array.isArray(n)&&n.length?u(e)+" must be before "+n[0]+".":u(e)+" must be an earlier date."},between:function(t){var e=t.name,n=t.value,r=t.args;return isNaN(n)?u(e)+" must be between "+r[0]+" and "+r[1]+" characters long.":u(e)+" must be between "+r[0]+" and "+r[1]+"."},confirm:function(t){var e=t.name;t.args;return u(e)+" does not match."},date:function(t){var e=t.name,n=t.args;return Array.isArray(n)&&n.length?u(e)+" is not a valid, please use the format "+n[0]:u(e)+" is not a valid date."},default:function(t){t.name;return"This field isn’t valid."},email:function(t){t.name;var e=t.value;return e?"“"+e+"” is not a valid email address.":"Please enter a valid email address."},in:function(t){var e=t.name,n=t.value;return"string"==typeof n&&n?"“"+u(n)+"” is not an allowed "+e+".":"This is not an allowed "+e+"."},matches:function(t){return u(t.name)+" is not an allowed value."},max:function(t){var e=t.name,n=t.value,r=t.args;if(Array.isArray(n))return"You may only select "+r[0]+" "+e+".";var o=!(!Array.isArray(r)||!r[1])&&r[1];return!isNaN(n)&&"length"!==o||"value"===o?u(e)+" must be less than "+r[0]+".":u(e)+" must be less than "+r[0]+" characters long."},mime:function(t){var e=t.name,n=t.args;return u(e)+" must be of the the type: "+(n[0]||"No file formats allowed.")},min:function(t){var e=t.name,n=t.value,r=t.args;if(Array.isArray(n))return"You must select at least "+r[0]+" "+e+".";var o=!(!Array.isArray(r)||!r[1])&&r[1];return!isNaN(n)&&"length"!==o||"value"===o?u(e)+" must be more than "+r[0]+".":u(e)+" must be more than "+r[0]+" characters long."},not:function(t){var e=t.name;return"“"+t.value+"” is not an allowed "+e+"."},number:function(t){return u(t.name)+" must be a number."},required:function(t){return u(t.name)+" is required."},url:function(t){t.name;return"Please include a valid url."}};function m(t,e,n,r){return new Promise((function(n,o){var i=(r.fauxUploaderDuration||2e3)*(.5+Math.random()),a=performance.now(),s=function(){return setTimeout((function(){var r=performance.now()-a,o=Math.min(100,Math.round(r/i*100));if(e(o),o>=100)return n({url:"http://via.placeholder.com/350x150.png",name:t.name});s()}),20)};s()}))}var h={context:function(){return x.call(this,Object.assign({},{type:this.type,value:this.value,name:this.nameOrFallback,classification:this.classification,component:this.component,id:this.id||this.defaultId,hasLabel:this.label&&"button"!==this.classification,label:this.label,labelPosition:this.logicalLabelPosition,attributes:this.elementAttributes,blurHandler:y.bind(this),imageBehavior:this.imageBehavior,uploadUrl:this.uploadUrl,uploader:this.uploader||this.$formulate.getUploader(),uploadBehavior:this.uploadBehavior,preventWindowDrops:this.preventWindowDrops,hasValidationErrors:this.hasValidationErrors},this.typeContext))},nameOrFallback:function(){if(!0===this.name&&"button"!==this.classification)return this.type+"_"+this.elementAttributes.id;if(!1===this.name||"button"===this.classification&&!0===this.name)return!1;return this.name},typeContext:function(){var t=this;switch(this.classification){case"select":return{options:v.call(this,this.options),optionGroups:!!this.optionGroups&&a(this.optionGroups,(function(e,n){return v.call(t,n)})),placeholder:this.$attrs.placeholder||!1};case"slider":return{showValue:!!this.showValue};default:return this.options?{options:v.call(this,this.options)}:{}}},elementAttributes:function(){var t=Object.assign({},this.localAttributes);this.id?t.id=this.id:t.id=this.defaultId;return t},logicalLabelPosition:function(){if(this.labelPosition)return this.labelPosition;switch(this.classification){case"box":return"after";default:return"before"}},isVmodeled:function(){return!!(this.$options.propsData.hasOwnProperty("formulateValue")&&this._events&&Array.isArray(this._events.input)&&this._events.input.length)},mergedErrors:function(){return l(this.errors).concat(l(this.error)).concat(l(this.validationErrors)).reduce((function(t,e){return t.includes(e)?t:t.concat(e)}),[])},hasErrors:function(){return!!this.mergedErrors.length},showFieldErrors:function(){if(this.showErrors||this.formShouldShowErrors)return!0;return this.behavioralErrorVisibility},mergedValidationName:function(){if(this.validationName)return this.validationName;if("string"==typeof this.name)return this.name;if(this.label)return this.label;return this.type}};function v(t){if(!Array.isArray(t)&&t&&"object"==typeof t){var e=[];for(var r in t)e.push({value:r,label:t[r],id:this.elementAttributes.id+"_"+r});return e}return Array.isArray(t)&&!t.length?[{value:this.value,label:this.label||this.name,id:this.context.id||n(9)}]:t}function y(){"blur"===this.errorBehavior&&(this.behavioralErrorVisibility=!0)}function x(t){return Object.defineProperty(t,"model",{get:b.bind(this),set:g.bind(this)})}function b(){var t=this.isVmodeled?"formulateValue":"internalModelProxy";return"checkbox"===this.type&&!Array.isArray(this[t])&&this.options?[]:this[t]?this[t]:""}function g(t){this.internalModelProxy=t,this.$emit("input",t),this.context.name&&"function"==typeof this.formulateFormSetter&&this.formulateFormSetter(this.context.name,t)}function w(t,e,n,r,o,i,a,s,l,u){"boolean"!=typeof a&&(l=s,s=a,a=!1);var c,d="function"==typeof n?n.options:n;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,o&&(d.functional=!0)),r&&(d._scopeId=r),i?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},d._ssrRegister=c):e&&(c=a?function(t){e.call(this,u(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,s(t))}),c)if(d.functional){var p=d.render;d.render=function(t,e){return c.call(e),p(t,e)}}else{var f=d.beforeCreate;d.beforeCreate=f?[].concat(f,c):[c]}return n}var F={name:"FormulateInput",inheritAttrs:!1,inject:{formulateFormSetter:{default:void 0},formulateFormRegister:{default:void 0},getFormValues:{default:function(){return function(){return{}}}}},model:{prop:"formulateValue",event:"input"},props:{type:{type:String,default:"text"},name:{type:[String,Boolean],default:!0},formulateValue:{default:""},value:{default:!1},options:{type:[Object,Array,Boolean],default:!1},optionGroups:{type:[Object,Boolean],default:!1},id:{type:[String,Boolean,Number],default:!1},label:{type:[String,Boolean],default:!1},labelPosition:{type:[String,Boolean],default:!1},help:{type:[String,Boolean],default:!1},debug:{type:Boolean,default:!1},errors:{type:[String,Array,Boolean],default:!1},validation:{type:[String,Boolean,Array],default:!1},validationName:{type:[String,Boolean],default:!1},error:{type:[String,Boolean],default:!1},errorBehavior:{type:String,default:"blur",validator:function(t){return["blur","live"].includes(t)}},showErrors:{type:Boolean,default:!1},imageBehavior:{type:String,default:"preview"},uploadUrl:{type:[String,Boolean],default:!1},uploader:{type:[Function,Object,Boolean],default:!1},uploadBehavior:{type:String,default:"live"},preventWindowDrops:{type:Boolean,default:!0},showValue:{type:[String,Boolean],default:!1},validationMessages:{type:Object,default:function(){return{}}},validationRules:{type:Object,default:function(){return{}}}},data:function(){return{defaultId:n(9),localAttributes:{},internalModelProxy:this.formulateValue||this.value,behavioralErrorVisibility:"live"===this.errorBehavior,formShouldShowErrors:!1,validationErrors:[],pendingValidation:Promise.resolve()}},computed:Object.assign({},h,{classification:function(){var t=this.$formulate.classify(this.type);return"box"===t&&this.options?"group":t},component:function(){return"group"===this.classification?"FormulateInputGroup":this.$formulate.component(this.type)}}),watch:{$attrs:{handler:function(t){this.updateLocalAttributes(t)},deep:!0},internalModelProxy:function(t,e){this.performValidation(),this.isVmodeled||s(t,e)||(this.context.model=t)},formulateValue:function(t,e){this.isVmodeled&&!s(t,e)&&(this.context.model=t)}},created:function(){this.formulateFormRegister&&"function"==typeof this.formulateFormRegister&&this.formulateFormRegister(this.nameOrFallback,this),this.updateLocalAttributes(this.$attrs),this.performValidation()},methods:{updateLocalAttributes:function(t){s(t,this.localAttributes)||(this.localAttributes=t)},performValidation:function(){var t=this,e=c(this.validation,this.$formulate.rules(this.validationRules));return this.pendingValidation=Promise.all(e.map((function(e){var n=e[0],r=e[1],o=n.apply(void 0,[{value:t.context.model,getFormValues:t.getFormValues.bind(t),name:t.context.name}].concat(r));return(o=o instanceof Promise?o:Promise.resolve(o)).then((function(e){return!e&&t.getValidationMessage(n,r)}))}))).then((function(t){return t.filter((function(t){return t}))})).then((function(e){t.validationErrors=e})),this.pendingValidation},getValidationMessage:function(t,e){return this.getValidationFunction(t)({args:e,name:this.mergedValidationName,value:this.context.model,vm:this,formValues:this.getFormValues()})},getValidationFunction:function(t){var e=this,n="_"===t.name.substr(0,1)?t.name.substr(1):t.name;if(this.validationMessages&&"object"==typeof this.validationMessages&&void 0!==this.validationMessages[n])switch(typeof this.validationMessages[n]){case"function":return this.validationMessages[n];case"string":return function(){return e.validationMessages[n]}}return function(n){return e.$formulate.validationMessage(t.name,n)}},hasValidationErrors:function(){var t=this;return new Promise((function(e){t.$nextTick((function(){t.pendingValidation.then((function(){return e(!!t.validationErrors.length)}))}))}))}}},_=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"formulate-input",attrs:{"data-classification":t.classification,"data-has-errors":t.hasErrors,"data-is-showing-errors":t.hasErrors&&t.showFieldErrors,"data-type":t.type}},[n("div",{staticClass:"formulate-input-wrapper"},[t.context.hasLabel&&"before"===t.context.labelPosition?t._t("label",[n("label",{staticClass:"formulate-input-label formulate-input-label--before",attrs:{for:t.context.attributes.id},domProps:{textContent:t._s(t.context.label)}})],null,t.context):t._e(),t._v(" "),t._t("element",[n(t.context.component,{tag:"component",attrs:{context:t.context}},[t._t("default",null,null,t.context)],2)],null,t.context),t._v(" "),t.context.hasLabel&&"after"===t.context.labelPosition?t._t("label",[n("label",{staticClass:"formulate-input-label formulate-input-label--after",attrs:{for:t.context.attributes.id},domProps:{textContent:t._s(t.context.label)}})],null,t.context.label):t._e()],2),t._v(" "),t.help?n("div",{staticClass:"formulate-input-help",domProps:{textContent:t._s(t.help)}}):t._e(),t._v(" "),t.showFieldErrors?n("FormulateInputErrors",{attrs:{errors:t.mergedErrors}}):t._e()],1)};_._withStripped=!0;var P=w({render:_,staticRenderFns:[]},void 0,F,void 0,!1,void 0,!1,void 0,void 0,void 0),A=function(t){this.form=t};A.prototype.hasValidationErrors=function(){return this.form.hasValidationErrors()},A.prototype.values=function(){var t=this;return new Promise((function(e,n){var r=[],o=function t(e){var n={};for(var r in e)e[r]instanceof i||d(e[r])?n[r]=e[r]:n[r]=t(e[r]);return n}(t.form.internalFormModelProxy);for(var a in o)"object"==typeof t.form.internalFormModelProxy[a]&&t.form.internalFormModelProxy[a]instanceof i&&r.push(t.form.internalFormModelProxy[a].upload());Promise.all(r).then((function(){return e(o)})).catch((function(t){return n(t)}))}))};var V={provide:function(){return{formulateFormSetter:this.setFieldValue,formulateFormRegister:this.register,getFormValues:this.getFormValues}},name:"FormulateForm",model:{prop:"formulateValue",event:"input"},props:{name:{type:[String,Boolean],default:!1},formulateValue:{type:Object,default:function(){return{}}}},data:function(){return{registry:{},internalFormModelProxy:{},formShouldShowErrors:!1}},computed:{hasFormulateValue:function(){return this.formulateValue&&"object"==typeof this.formulateValue},isVmodeled:function(){return!!(this.$options.propsData.hasOwnProperty("formulateValue")&&this._events&&Array.isArray(this._events.input)&&this._events.input.length)}},watch:{formulateValue:{handler:function(t,e){if(this.isVmodeled&&t&&"object"==typeof t)for(var n in t)!this.registry.hasOwnProperty(n)||s(t[n],this.internalFormModelProxy[n])||s(t[n],this.registry[n].internalModelProxy[n])||(this.setFieldValue(n,t[n]),this.registry[n].context.model=t[n])},deep:!0,immediate:!1}},created:function(){this.$options.propsData.hasOwnProperty("formulateValue")&&(this.internalFormModelProxy=Object.assign({},this.formulateValue))},methods:{setFieldValue:function(t,e){var n;Object.assign(this.internalFormModelProxy,((n={})[t]=e,n)),this.$emit("input",Object.assign({},this.internalFormModelProxy))},register:function(t,e){this.registry[t]=e;var n=Object.prototype.hasOwnProperty.call(e.$options.propsData,"formulateValue"),r=Object.prototype.hasOwnProperty.call(e.$options.propsData,"value");!n&&this.hasFormulateValue&&this.formulateValue[t]?e.context.model=this.formulateValue[t]:!n&&!r||s(e.internalModelProxy,this.formulateValue[t])||this.setFieldValue(t,e.internalModelProxy)},formSubmitted:function(){var t=this;this.showErrors();var e=new A(this);return this.$emit("submit-raw",e),e.hasValidationErrors().then((function(t){return t?void 0:e.values()})).then((function(e){if(void 0!==e)return t.$emit("submit",e),e}))},showErrors:function(){for(var t in this.registry)this.registry[t].formShouldShowErrors=!0},getFormValues:function(){return this.internalFormModelProxy},hasValidationErrors:function(){var t=[];for(var e in this.registry)"function"==typeof this.registry[e].hasValidationErrors&&t.push(this.registry[e].hasValidationErrors());return Promise.all(t).then((function(t){return!!t.find((function(t){return t}))}))}}},N=function(){var t=this,e=t.$createElement;return(t._self._c||e)("form",{on:{submit:function(e){return e.preventDefault(),t.formSubmitted(e)}}},[t._t("default")],2)};N._withStripped=!0;var $=w({render:N,staticRenderFns:[]},void 0,V,void 0,!1,void 0,!1,void 0,void 0,void 0),O={props:{errors:{type:[Boolean,Array],required:!0}}},E=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.errors.length?n("ul",{staticClass:"formulate-input-errors"},t._l(t.errors,(function(e){return n("li",{key:e,staticClass:"formulate-input-error",domProps:{innerHTML:t._s(e)}})})),0):t._e()};E._withStripped=!0;var S=w({render:E,staticRenderFns:[]},void 0,O,void 0,!1,void 0,!1,void 0,void 0,void 0);var I={name:"FormulateInputGroup",props:{context:{type:Object,required:!0}},computed:{options:function(){return this.context.options||[]},optionsWithContext:function(){var t=this,e=this.context,n=(e.options,e.labelPosition,e.attributes,e.classification,function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===e.indexOf(r)&&(n[r]=t[r]);return n}(e,["options","labelPosition","attributes","classification"]));return this.options.map((function(e){return t.groupItemContext(n,e)}))}},methods:{groupItemContext:function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return Object.assign.apply(Object,[{}].concat(t,[{component:"FormulateInput"}]))}}},j=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"formulate-input-group"},t._l(t.optionsWithContext,(function(e){return n(e.component,t._b({key:e.id,tag:"component",staticClass:"formulate-input-group-item",model:{value:t.context.model,callback:function(e){t.$set(t.context,"model",e)},expression:"context.model"}},"component",e,!1))})),1)};j._withStripped=!0;var C=w({render:j,staticRenderFns:[]},void 0,I,void 0,!1,void 0,!1,void 0,void 0,void 0),D={props:{context:{type:Object,required:!0}},computed:{type:function(){return this.context.type},id:function(){return this.context.id},attributes:function(){return this.context.attributes||{}},hasValue:function(){return!!this.context.model}}},k={name:"FormulateInputBox",mixins:[D]},B=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},["checkbox"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"checkbox"},domProps:{value:t.context.value,checked:Array.isArray(t.context.model)?t._i(t.context.model,t.context.value)>-1:t.context.model},on:{blur:t.context.blurHandler,change:function(e){var n=t.context.model,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t.context.value,a=t._i(n,i);r.checked?a<0&&t.$set(t.context,"model",n.concat([i])):a>-1&&t.$set(t.context,"model",n.slice(0,a).concat(n.slice(a+1)))}else t.$set(t.context,"model",o)}}},"input",t.attributes,!1)):"radio"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"radio"},domProps:{value:t.context.value,checked:t._q(t.context.model,t.context.value)},on:{blur:t.context.blurHandler,change:function(e){return t.$set(t.context,"model",t.context.value)}}},"input",t.attributes,!1)):n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:t.type},domProps:{value:t.context.value,value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"input",t.attributes,!1)),t._v(" "),n("label",{staticClass:"formulate-input-element-decorator",attrs:{for:t.id}})])};B._withStripped=!0;var M=w({render:B,staticRenderFns:[]},void 0,k,void 0,!1,void 0,!1,void 0,void 0,void 0),T={name:"FormulateInputText",mixins:[D]},U=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},["checkbox"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.context.model)?t._i(t.context.model,null)>-1:t.context.model},on:{blur:t.context.blurHandler,change:function(e){var n=t.context.model,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t._i(n,null);r.checked?i<0&&t.$set(t.context,"model",n.concat([null])):i>-1&&t.$set(t.context,"model",n.slice(0,i).concat(n.slice(i+1)))}else t.$set(t.context,"model",o)}}},"input",t.attributes,!1)):"radio"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"radio"},domProps:{checked:t._q(t.context.model,null)},on:{blur:t.context.blurHandler,change:function(e){return t.$set(t.context,"model",null)}}},"input",t.attributes,!1)):n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:t.type},domProps:{value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"input",t.attributes,!1))])};U._withStripped=!0;var R=w({render:U,staticRenderFns:[]},void 0,T,void 0,!1,void 0,!1,void 0,void 0,void 0),L={name:"FormulateFiles",props:{files:{type:i,required:!0},imagePreview:{type:Boolean,default:!1}},computed:{fileUploads:function(){return this.files.files||[]}},watch:{files:function(){this.imagePreview&&this.files.loadPreviews()}},mounted:function(){this.imagePreview&&this.files.loadPreviews()}},q=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.fileUploads.length?n("ul",{staticClass:"formulate-files"},t._l(t.fileUploads,(function(e){return n("li",{key:e.uuid,attrs:{"data-has-error":!!e.error,"data-has-preview":t.imagePreview&&e.previewData}},[n("div",{staticClass:"formulate-file"},[t.imagePreview&&e.previewData?n("div",{staticClass:"formulate-file-image-preview"},[n("img",{attrs:{src:e.previewData}})]):t._e(),t._v(" "),n("div",{staticClass:"formualte-file-name",domProps:{textContent:t._s(e.name)}}),t._v(" "),!1!==e.progress?n("div",{staticClass:"formulate-file-progress",attrs:{"data-just-finished":e.justFinished,"data-is-finished":!e.justFinished&&e.complete}},[n("div",{staticClass:"formulate-file-progress-inner",style:{width:e.progress+"%"}})]):t._e(),t._v(" "),e.complete&&!e.justFinished||!1===e.progress?n("div",{staticClass:"formulate-file-remove",on:{click:e.removeFile}}):t._e()]),t._v(" "),e.error?n("div",{staticClass:"formulate-file-upload-error",domProps:{textContent:t._s(e.error)}}):t._e()])})),0):t._e()};q._withStripped=!0;var H={name:"FormulateInputFile",components:{FormulateFiles:w({render:q,staticRenderFns:[]},void 0,L,void 0,!1,void 0,!1,void 0,void 0,void 0)},mixins:[D],data:function(){return{isOver:!1}},computed:{hasFiles:function(){return!!(this.context.model instanceof i&&this.context.model.files.length)}},mounted:function(){window&&this.context.preventWindowDrops&&(window.addEventListener("dragover",this.preventDefault),window.addEventListener("drop",this.preventDefault))},destroyed:function(){window&&this.context.preventWindowDrops&&(window.removeEventListener("dragover",this.preventDefault),window.removeEventListener("drop",this.preventDefault))},methods:{preventDefault:function(t){"INPUT"!==t.target.tagName&&"file"!==t.target.getAttribute("type")&&(t=t||event).preventDefault()},handleFile:function(){this.isOver=!1;var t=this.$refs.file;t.files.length&&(this.context.model=this.$formulate.createUpload(t,this.context)),this.attemptImmediateUpload()},attemptImmediateUpload:function(){var t=this;"live"===this.context.uploadBehavior&&this.context.model instanceof i&&this.context.hasValidationErrors().then((function(e){e||t.context.model.upload()}))},handleDragOver:function(t){t.preventDefault(),this.isOver=!0},handleDragLeave:function(t){t.preventDefault(),this.isOver=!1}}},G=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type,"data-has-files":t.hasFiles}},[n("div",{staticClass:"formulate-input-upload-area",attrs:{"data-has-files":t.hasFiles}},[n("input",t._b({ref:"file",attrs:{"data-is-drag-hover":t.isOver,type:"file"},on:{blur:t.context.blurHandler,change:t.handleFile,dragover:t.handleDragOver,dragleave:t.handleDragLeave}},"input",t.attributes,!1)),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:!t.hasFiles,expression:"!hasFiles"}],staticClass:"formulate-input-upload-area-mask"}),t._v(" "),t.hasFiles?n("FormulateFiles",{attrs:{files:t.context.model,"image-preview":"image"===t.context.type&&"preview"===t.context.imageBehavior}}):t._e()],1)])};G._withStripped=!0;var Y=w({render:G,staticRenderFns:[]},void 0,H,void 0,!1,void 0,!1,void 0,void 0,void 0),W={name:"FormulateInputButton",mixins:[D]},z=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},[n("button",t._b({attrs:{type:t.type}},"button",t.attributes,!1),[t._t("default",[n("span",{class:"formulate-input-element--"+t.context.type+"--label",domProps:{textContent:t._s(t.context.value||t.context.label||t.context.name||"Submit")}})])],2)])};z._withStripped=!0;var Z=w({render:z,staticRenderFns:[]},void 0,W,void 0,!1,void 0,!1,void 0,void 0,void 0),J={name:"FormulateInputSelect",mixins:[D],computed:{options:function(){return this.context.options||{}},optionGroups:function(){return this.context.optionGroups||!1},placeholderSelected:function(){return!(this.hasValue||!this.context.attributes||!this.context.attributes.placeholder)}}},X=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},[n("select",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{"data-placeholder-selected":t.placeholderSelected},on:{blur:t.context.blurHandler,change:function(e){var n=Array.prototype.filter.call(e.target.options,(function(t){return t.selected})).map((function(t){return"_value"in t?t._value:t.value}));t.$set(t.context,"model",e.target.multiple?n:n[0])}}},"select",t.attributes,!1),[t.context.placeholder?n("option",{attrs:{value:"",disabled:""},domProps:{selected:!t.hasValue}},[t._v("\n "+t._s(t.context.placeholder)+"\n ")]):t._e(),t._v(" "),t.optionGroups?t._l(t.optionGroups,(function(e,r){return n("optgroup",{key:r,attrs:{label:r}},t._l(e,(function(e){return n("option",t._b({key:e.id,domProps:{value:e.value,textContent:t._s(e.label)}},"option",e.attributes||{},!1))})),0)})):t._l(t.options,(function(e){return n("option",t._b({key:e.id,domProps:{value:e.value,textContent:t._s(e.label)}},"option",e.attributes||{},!1))}))],2)])};X._withStripped=!0;var K=w({render:X,staticRenderFns:[]},void 0,J,void 0,!1,void 0,!1,void 0,void 0,void 0),Q={name:"FormulateInputSlider",mixins:[D]},tt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:"formulate-input-element formulate-input-element--"+t.context.type,attrs:{"data-type":t.context.type}},["checkbox"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"checkbox"},domProps:{checked:Array.isArray(t.context.model)?t._i(t.context.model,null)>-1:t.context.model},on:{blur:t.context.blurHandler,change:function(e){var n=t.context.model,r=e.target,o=!!r.checked;if(Array.isArray(n)){var i=t._i(n,null);r.checked?i<0&&t.$set(t.context,"model",n.concat([null])):i>-1&&t.$set(t.context,"model",n.slice(0,i).concat(n.slice(i+1)))}else t.$set(t.context,"model",o)}}},"input",t.attributes,!1)):"radio"===t.type?n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:"radio"},domProps:{checked:t._q(t.context.model,null)},on:{blur:t.context.blurHandler,change:function(e){return t.$set(t.context,"model",null)}}},"input",t.attributes,!1)):n("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],attrs:{type:t.type},domProps:{value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"input",t.attributes,!1)),t._v(" "),t.context.showValue?n("div",{staticClass:"formulate-input-element-range-value",domProps:{textContent:t._s(t.context.model)}}):t._e()])};tt._withStripped=!0;var et=w({render:tt,staticRenderFns:[]},void 0,Q,void 0,!1,void 0,!1,void 0,void 0,void 0),nt={name:"FormulateInputTextArea",mixins:[D]},rt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"formulate-input-element formulate-input-element--textarea",attrs:{"data-type":"textarea"}},[n("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.context.model,expression:"context.model"}],domProps:{value:t.context.model},on:{blur:t.context.blurHandler,input:function(e){e.target.composing||t.$set(t.context,"model",e.target.value)}}},"textarea",t.attributes,!1))])};rt._withStripped=!0;var ot=w({render:rt,staticRenderFns:[]},void 0,nt,void 0,!1,void 0,!1,void 0,void 0,void 0),it=function(){this.defaults={components:{FormulateForm:$,FormulateInput:P,FormulateInputErrors:S,FormulateInputBox:M,FormulateInputText:R,FormulateInputFile:Y,FormulateInputGroup:C,FormulateInputButton:Z,FormulateInputSelect:K,FormulateInputSlider:et,FormulateInputTextArea:ot},library:o,rules:p,locale:"en",uploader:m,uploadJustCompleteDuration:1e3,locales:{en:f}}};it.prototype.install=function(t,e){for(var n in t.prototype.$formulate=this,this.options=this.extend(this.defaults,e||{}),this.options.components)t.component(n,this.options.components[n]);Object.freeze(this)},it.prototype.extend=function(t,e){var n={};for(var o in t)e.hasOwnProperty(o)?n[o]=r(e[o])&&r(t[o])?this.extend(t[o],e[o]):e[o]:n[o]=t[o];for(var i in e)n.hasOwnProperty(i)||(n[i]=e[i]);return n},it.prototype.classify=function(t){return this.options.library.hasOwnProperty(t)?this.options.library[t].classification:"unknown"},it.prototype.component=function(t){return!!this.options.library.hasOwnProperty(t)&&this.options.library[t].component},it.prototype.rules=function(t){return void 0===t&&(t={}),Object.assign({},this.options.rules,t)},it.prototype.validationMessage=function(t,e){var n=this.options.locales[this.options.locale];return n.hasOwnProperty(t)?n[t](e):"_"===t[0]&&n.hasOwnProperty(t.substr(1))?n[t.substr(1)](e):n.hasOwnProperty("default")?n.default(e):"This field does not have a valid value"},it.prototype.getUploader=function(){return this.options.uploader||!1},it.prototype.createUpload=function(t,e){return new i(t,e,this.options)};var at=new it;t.FileUpload=i,t.default=at,Object.defineProperty(t,"__esModule",{value:!0})})); diff --git a/dist/snow.css b/dist/snow.css index d70e72b..d83e567 100644 --- a/dist/snow.css +++ b/dist/snow.css @@ -49,6 +49,22 @@ .formulate-input[data-classification='text'] input:focus { outline: 0; border: 1px solid #41b883; } + .formulate-input[data-classification='text'] .formulate-input-element--search { + position: relative; } + .formulate-input[data-classification='text'] .formulate-input-element--search::before { + content: ''; + width: 2em; + height: 100%; + position: absolute; + left: 0; + top: 0; + background-image: url('data:image/svg+xml;utf8,'); + background-size: 1em 1em; + background-repeat: no-repeat; + background-position: center; + pointer-events: none; } + .formulate-input[data-classification='text'] .formulate-input-element--search input { + padding-left: 2em; } .formulate-input[data-classification='text'] input[type="color"] { height: 1.1em; box-sizing: content-box; } @@ -72,6 +88,18 @@ border-radius: .2em; border: 0; flex: auto; } + .formulate-input[data-classification='slider'] .formulate-input-element--range { + display: flex; + align-items: center; } + .formulate-input[data-classification='slider'] .formulate-input-element-range-value { + font-size: .9em; + line-height: 1; + margin-left: .5em; + background-color: #efefef; + padding: .25em .3em; + border-radius: .25em; + color: #6d6d6d; + font-variant-numeric: tabular-nums; } .formulate-input[data-classification='slider'] input { appearance: none; width: 100%; diff --git a/dist/snow.min.css b/dist/snow.min.css index 1d793ba..a1b400c 100644 --- a/dist/snow.min.css +++ b/dist/snow.min.css @@ -1,2 +1,2 @@ -.formulate-input{margin-bottom:1.5em}.formulate-input .formulate-input-label{display:block;line-height:1.5;font-size:.9em;font-weight:600;margin-bottom:.1em}.formulate-input .formulate-input-element{max-width:20em;margin-bottom:.1em}.formulate-input .formulate-input-help{color:#6d6d6d;font-size:.7em;font-weight:400;line-height:1.5;margin-bottom:.25em}.formulate-input .formulate-input-errors{list-style-type:none;padding:0;margin:0}.formulate-input .formulate-file-upload-error,.formulate-input .formulate-input-error{color:#960505;font-size:.8em;font-weight:300;line-height:1.5;margin-bottom:.25em}.formulate-input .formulate-input-group-item{margin-bottom:.5em}.formulate-input:last-child{margin-bottom:0}.formulate-input[data-classification=text] input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;border:1px solid #cecece;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:.75em;display:block;width:100%;font-weight:400;line-height:1.1em;margin:0}.formulate-input[data-classification=text] input::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input::placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=text] input[type=color]{height:1.1em;box-sizing:content-box}.formulate-input[data-classification=text] input[type=color]::-webkit-color-swatch-wrapper{padding:0 0 0 1.5em;display:flex;align-items:center;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-size:.9em .9em;background-position:left .1em}.formulate-input[data-classification=text] input[type=color]::-webkit-color-swatch{display:block;height:1em;border-radius:.2em;border:0;flex:auto}.formulate-input[data-classification=text] input[type=color]::-moz-color-swatch{display:block;height:1em;border-radius:.2em;border:0;flex:auto}.formulate-input[data-classification=slider] input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:1em;padding:.5em 0}.formulate-input[data-classification=slider] input:focus{outline:0}.formulate-input[data-classification=slider] input::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;appearance:none;width:1em;height:1em;border-radius:1em;background-color:#41b883;margin-top:calc(-.5em + 2px)}.formulate-input[data-classification=slider] input::-moz-range-thumb{cursor:pointer;-moz-appearance:none;appearance:none;width:1em;height:1em;border-radius:1em;background-color:#41b883;margin-top:calc(-.5em + 2px)}.formulate-input[data-classification=slider] input::-ms-thumb{cursor:pointer;appearance:none;width:1em;height:1em;border-radius:1em;background-color:#41b883;margin-top:calc(-.5em + 2px)}.formulate-input[data-classification=slider] input::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;width:100%;height:4px;background-color:#efefef;border-radius:3px;margin:0;padding:0}.formulate-input[data-classification=textarea] textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;border:1px solid #cecece;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:.75em;display:block;width:100%;font-weight:400;line-height:1.1em;margin:0}.formulate-input[data-classification=textarea] textarea::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea::placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=button] button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:.75em;display:block;width:100%;font-weight:400;line-height:1.1em;margin:0;border:1px solid #41b883;background-color:#41b883;color:#fff;min-width:0;width:auto;font-weight:700;cursor:pointer;display:inline-flex;align-items:center}.formulate-input[data-classification=button] button::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button::placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=button] button[disabled]{background-color:#cecece;border-color:#cecece}.formulate-input[data-classification=button] button:active{background-color:#64c89b;border-color:#64c89b}.formulate-input[data-classification=select] .formulate-input-element{position:relative}.formulate-input[data-classification=select] .formulate-input-element:before{content:"";width:0;height:0;border-color:#cecece transparent transparent;border-style:solid;border-width:.3em .3em 0;top:50%;margin-top:-.1em;right:1em;position:absolute}.formulate-input[data-classification=select] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;border:1px solid #cecece;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;display:block;width:100%;font-weight:400;line-height:1.1em;margin:0;padding:.75em 2em .75em .75em}.formulate-input[data-classification=select] select::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select::placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=select] select[data-placeholder-selected]{color:#a8a8a8}.formulate-input[data-classification=box] .formulate-input-wrapper{display:flex;align-items:center}.formulate-input[data-classification=box] .formulate-input-element{overflow:hidden;display:flex;align-items:center}.formulate-input[data-classification=box] .formulate-input-element input{position:absolute;left:-999px}.formulate-input[data-classification=box] .formulate-input-element-decorator{display:block;width:1em;height:1em;border-radius:.25em;border:1px solid #cecece;position:relative}.formulate-input[data-classification=box] .formulate-input-element-decorator:before{content:"";display:block;background-size:contain;background-position:100%;width:calc(100% - .125em);height:calc(100% - .125em);box-sizing:border-box;position:absolute;top:.0625em;left:.0625em}.formulate-input[data-classification=box] .formulate-input-element[data-type=radio] .formulate-input-element-decorator{border-radius:1em}.formulate-input[data-classification=box] .formulate-input-element[data-type=radio] .formulate-input-element-decorator:before{border-radius:1em;width:calc(100% - .5em);height:calc(100% - .5em);top:.25em;left:.25em}.formulate-input[data-classification=box] .formulate-input-element input[type=checkbox]:checked~.formulate-input-element-decorator{border-color:#41b883}.formulate-input[data-classification=box] .formulate-input-element input[type=checkbox]:checked~.formulate-input-element-decorator:before{background-color:#41b883;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.formulate-input[data-classification=box] .formulate-input-element input[type=radio]:checked~.formulate-input-element-decorator{border-color:#41b883}.formulate-input[data-classification=box] .formulate-input-element input[type=radio]:checked~.formulate-input-element-decorator:before{background-color:#41b883}.formulate-input[data-classification=box] .formulate-input-element input:focus~.formulate-input-element-decorator{border-color:#41b883}.formulate-input[data-classification=box] .formulate-input-label--after{margin-left:.5em}.formulate-input[data-classification=box] .formulate-input-label--before{margin-right:.5em}.formulate-input[data-classification=group]>.formulate-input-wrapper>.formulate-input-label{margin-bottom:.5em}.formulate-input[data-classification=file] .formulate-input-upload-area{width:100%;position:relative;padding:2em 0}.formulate-input[data-classification=file] .formulate-input-upload-area input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;z-index:5}.formulate-input[data-classification=file] .formulate-input-upload-area[data-has-files]{padding:0}.formulate-input[data-classification=file] .formulate-input-upload-area[data-has-files] input{display:none}.formulate-input[data-classification=file] .formulate-input-upload-area-mask{border-radius:.4em;pointer-events:none;position:absolute;display:flex;justify-content:center;align-items:center;left:0;right:0;top:0;bottom:0;border:2px dashed #a8a8a8;z-index:2}.formulate-input[data-classification=file] .formulate-input-upload-area-mask:before{content:"";background-color:#a8a8a8;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;width:2em;height:2em;position:absolute;pointer-events:none}.formulate-input[data-classification=file] .formulate-input-upload-area input:focus~.formulate-input-upload-area-mask,.formulate-input[data-classification=file] .formulate-input-upload-area input:hover~.formulate-input-upload-area-mask,.formulate-input[data-classification=file] .formulate-input-upload-area input[data-is-drag-hover]~.formulate-input-upload-area-mask{border-color:#41b883}.formulate-input[data-classification=file] .formulate-input-upload-area input:focus~.formulate-input-upload-area-mask:before,.formulate-input[data-classification=file] .formulate-input-upload-area input:hover~.formulate-input-upload-area-mask:before,.formulate-input[data-classification=file] .formulate-input-upload-area input[data-is-drag-hover]~.formulate-input-upload-area-mask:before{background-color:#41b883}.formulate-input[data-classification=file] .formulate-files{list-style-type:none;margin:0;padding:0}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress{background-color:#cecece;height:.3em;border-radius:1.25em;width:5em;overflow:hidden;position:absolute;right:.75em;transition:height .25s,width .25s;z-index:2}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;opacity:0;transform:scale(.08);background-color:#fff;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-size:77%;mask-size:77%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;z-index:3}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-just-finished]{width:1.25em;height:1.25em}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-just-finished]:before{transition:transform .25s .2s,opacity .25s .2s;transform:scale(1);opacity:1}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-is-finished]{transition:height .25s,width .25s,left .25s,top,.25s,border-radius .25s;width:.3em;height:100%;right:0;border-radius:0 .23em .23em 0}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-is-finished]:before{transition:opacity .1s;opacity:0}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress .formulate-file-progress-inner{background-color:#41b883;width:1%;position:absolute;left:0;bottom:0;top:0;z-index:2}.formulate-input[data-classification=file] .formulate-files .formualte-file-name{padding-left:1.5em;padding-right:2em}.formulate-input[data-classification=file] .formulate-files .formualte-file-name:before{position:absolute;left:.7em;top:50%;margin-top:-.7em;background-color:#a8a8a8;content:"";-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1.25em;height:1.25em;display:inline-block;margin-right:.5em}.formulate-input[data-classification=file] .formulate-files .formulate-file-remove{width:1.25em;height:1.25em;border-radius:1em;border:1px solid #a8a8a8;background-color:#a8a8a8;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-size:.6em;mask-size:.6em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;cursor:pointer;position:absolute;right:.75em;z-index:1;transition:transform .25s}@media (pointer:fine){.formulate-input[data-classification=file] .formulate-files .formulate-file-remove:hover{transform:scale(1.5)}}.formulate-input[data-classification=file] .formulate-files li{display:block}.formulate-input[data-classification=file] .formulate-files li[data-has-error] .formulate-file-progress{background-color:#dc2c2c}.formulate-input[data-classification=file] .formulate-files li[data-has-preview] .formualte-file-name:before{display:none}.formulate-input[data-classification=file] .formulate-files li+li{margin-top:.5em}.formulate-input[data-classification=file] .formulate-files .formulate-file{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;border:1px solid #cecece;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:.75em;font-weight:400;line-height:1.1em;margin:0;display:block;width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative}.formulate-input[data-classification=file] .formulate-files .formulate-file::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file::placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=file] .formulate-files .formulate-file ::-webkit-progress-bar{-webkit-appearance:none;appearance:none;height:.5em;border-radius:.5em;overflow:hidden}.formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview{width:3em;height:3em;position:relative;z-index:2;left:-1px;box-shadow:0 0 0 1px #efefef;transition:transform .25s,box-shadow .25s,background-color .25s}@media (pointer:fine){.formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview:hover{transition-delay:.2s;transform:scale(3);background-color:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,.1)}}.formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview img{display:block;position:absolute;width:100%;height:100%;left:0;right:0;bottom:0;top:0;-o-object-fit:contain;object-fit:contain;transition:all .25s}.formulate-input[data-classification=file] [data-type=image] .formulate-input-upload-area .formulate-input-upload-area-mask:before{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')} -/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0ZGluIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUNFLG1CQUFzQixDQUN0Qix3Q0FDRSxhQUFjLENBQ2QsZUFBZ0IsQ0FDaEIsY0FBZSxDQUNmLGVBQWdCLENBQ2hCLGtCQUFxQixDQUN2QiwwQ0FDRSxjQUFlLENBQ2Ysa0JBQXFCLENBQ3ZCLHVDQUNFLGFBQWMsQ0FDZCxjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsZUFBZ0IsQ0FDaEIsbUJBQXNCLENBQ3hCLHlDQUNFLG9CQUFxQixDQUNyQixTQUFVLENBQ1YsUUFBVyxDQUNiLHNGQUVFLGFBQWMsQ0FDZCxjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsZUFBZ0IsQ0FDaEIsbUJBQXNCLENBQ3hCLDZDQUNFLGtCQUFxQixDQUN2Qiw0QkFDRSxlQUFrQixDQUNwQixpREFDRSx1QkFBZ0IsQ0FBaEIsb0JBQWdCLENBQWhCLGVBQWdCLENBQ2hCLGtCQUFtQixDQUNuQix3QkFBeUIsQ0FDekIscUJBQXNCLENBQ3RCLDRCQUE2QixDQUM3QixjQUFlLENBQ2Ysd0lBQTBKLENBQzFKLGFBQWMsQ0FDZCxhQUFjLENBQ2QsVUFBVyxDQUNYLGVBQWdCLENBQ2hCLGlCQUFrQixDQUNsQixRQUFXLENBQ1gsNEVBQ0UsYUFBZ0IsQ0FEbEIsbUVBQ0UsYUFBZ0IsQ0FEbEIsdUVBQ0UsYUFBZ0IsQ0FEbEIsd0VBQ0UsYUFBZ0IsQ0FEbEIsOERBQ0UsYUFBZ0IsQ0FDbEIsdURBQ0UsU0FBVSxDQUNWLHdCQUEyQixDQUMvQiw2REFDRSxZQUFhLENBQ2Isc0JBQXlCLENBQ3pCLDJGQUNFLG1CQUFvQixDQUNwQixZQUFhLENBQ2Isa0JBQW1CLENBQ25CLDZyQ0FBOHJDLENBQzlyQywyQkFBNEIsQ0FDNUIseUJBQTBCLENBQzFCLDZCQUFnQyxDQUNsQyxtRkFDRSxhQUFjLENBQ2QsVUFBVyxDQUNYLGtCQUFtQixDQUNuQixRQUFTLENBQ1QsU0FBWSxDQUNkLGdGQUNFLGFBQWMsQ0FDZCxVQUFXLENBQ1gsa0JBQW1CLENBQ25CLFFBQVMsQ0FDVCxTQUFZLENBQ2hCLG1EQUNFLHVCQUFnQixDQUFoQixvQkFBZ0IsQ0FBaEIsZUFBZ0IsQ0FDaEIsVUFBVyxDQUNYLGFBQWMsQ0FDZCxjQUFpQixDQUNqQix5REFDRSxTQUFZLENBQ2QseUVBQ0UsY0FBZSxDQUNmLHVCQUFnQixDQUFoQixlQUFnQixDQUNoQixTQUFVLENBQ1YsVUFBVyxDQUNYLGlCQUFrQixDQUNsQix3QkFBeUIsQ0FDekIsNEJBQStCLENBQ2pDLHFFQUNFLGNBQWUsQ0FDZixvQkFBZ0IsQ0FBaEIsZUFBZ0IsQ0FDaEIsU0FBVSxDQUNWLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsd0JBQXlCLENBQ3pCLDRCQUErQixDQUNqQyw4REFDRSxjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsU0FBVSxDQUNWLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsd0JBQXlCLENBQ3pCLDRCQUErQixDQUNqQyxrRkFDRSx1QkFBZ0IsQ0FBaEIsZUFBZ0IsQ0FDaEIsVUFBVyxDQUNYLFVBQVcsQ0FDWCx3QkFBeUIsQ0FDekIsaUJBQWtCLENBQ2xCLFFBQVMsQ0FDVCxTQUFZLENBQ2hCLHdEQUNFLHVCQUFnQixDQUFoQixvQkFBZ0IsQ0FBaEIsZUFBZ0IsQ0FDaEIsa0JBQW1CLENBQ25CLHdCQUF5QixDQUN6QixxQkFBc0IsQ0FDdEIsNEJBQTZCLENBQzdCLGNBQWUsQ0FDZix3SUFBMEosQ0FDMUosYUFBYyxDQUNkLGFBQWMsQ0FDZCxVQUFXLENBQ1gsZUFBZ0IsQ0FDaEIsaUJBQWtCLENBQ2xCLFFBQVcsQ0FDWCxtRkFDRSxhQUFnQixDQURsQiwwRUFDRSxhQUFnQixDQURsQiw4RUFDRSxhQUFnQixDQURsQiwrRUFDRSxhQUFnQixDQURsQixxRUFDRSxhQUFnQixDQUNsQiw4REFDRSxTQUFVLENBQ1Ysd0JBQTJCLENBQy9CLG9EQUNFLHVCQUFnQixDQUFoQixvQkFBZ0IsQ0FBaEIsZUFBZ0IsQ0FDaEIsa0JBQW1CLENBRW5CLHFCQUFzQixDQUN0Qiw0QkFBNkIsQ0FDN0IsY0FBZSxDQUNmLHdJQUEwSixDQUMxSixhQUFjLENBQ2QsYUFBYyxDQUNkLFVBQVcsQ0FDWCxlQUFnQixDQUNoQixpQkFBa0IsQ0FDbEIsUUFBUyxDQUNULHdCQUFxQixDQUNyQix3QkFBeUIsQ0FDekIsVUFBWSxDQUNaLFdBQVksQ0FDWixVQUFXLENBQ1gsZUFBaUIsQ0FDakIsY0FBZSxDQUNmLG1CQUFvQixDQUNwQixrQkFBcUIsQ0FDckIsK0VBQ0UsYUFBZ0IsQ0FEbEIsc0VBQ0UsYUFBZ0IsQ0FEbEIsMEVBQ0UsYUFBZ0IsQ0FEbEIsMkVBQ0UsYUFBZ0IsQ0FEbEIsaUVBQ0UsYUFBZ0IsQ0FDbEIsMERBQ0UsU0FBVSxDQUNWLHdCQUEyQixDQUM3Qiw4REFDRSx3QkFBeUIsQ0FDekIsb0JBQXVCLENBQ3pCLDJEQUNFLHdCQUF5QixDQUN6QixvQkFBdUIsQ0FDM0Isc0VBQ0UsaUJBQW9CLENBQ3BCLDZFQUNFLFVBQVcsQ0FDWCxPQUFRLENBQ1IsUUFBUyxDQUdULDRDQUFzQixDQUF0QixrQkFBc0IsQ0FBdEIsd0JBQXNCLENBQ3RCLE9BQVEsQ0FDUixnQkFBaUIsQ0FDakIsU0FBVSxDQUNWLGlCQUFvQixDQUN4QixvREFDRSx1QkFBZ0IsQ0FBaEIsb0JBQWdCLENBQWhCLGVBQWdCLENBQ2hCLGtCQUFtQixDQUNuQix3QkFBeUIsQ0FDekIscUJBQXNCLENBQ3RCLDRCQUE2QixDQUM3QixjQUFlLENBQ2Ysd0lBQTBKLENBRTFKLGFBQWMsQ0FDZCxVQUFXLENBQ1gsZUFBZ0IsQ0FDaEIsaUJBQWtCLENBQ2xCLFFBQVMsQ0FDVCw2QkFBb0IsQ0FDcEIsK0VBQ0UsYUFBZ0IsQ0FEbEIsc0VBQ0UsYUFBZ0IsQ0FEbEIsMEVBQ0UsYUFBZ0IsQ0FEbEIsMkVBQ0UsYUFBZ0IsQ0FEbEIsaUVBQ0UsYUFBZ0IsQ0FDbEIsMERBQ0UsU0FBVSxDQUNWLHdCQUEyQixDQUM3QiwrRUFDRSxhQUFnQixDQUNwQixtRUFDRSxZQUFhLENBQ2Isa0JBQXFCLENBQ3ZCLG1FQUNFLGVBQWdCLENBQ2hCLFlBQWEsQ0FDYixrQkFBcUIsQ0FDckIseUVBQ0UsaUJBQWtCLENBQ2xCLFdBQWMsQ0FDaEIsNkVBQ0UsYUFBYyxDQUNkLFNBQVUsQ0FDVixVQUFXLENBQ1gsbUJBQW9CLENBQ3BCLHdCQUF5QixDQUN6QixpQkFBb0IsQ0FDcEIsb0ZBQ0UsVUFBVyxDQUNYLGFBQWMsQ0FDZCx1QkFBd0IsQ0FDeEIsd0JBQTBCLENBQzFCLHlCQUEwQixDQUMxQiwwQkFBMkIsQ0FDM0IscUJBQXNCLENBQ3RCLGlCQUFrQixDQUNsQixXQUFZLENBQ1osWUFBZSxDQUNuQix1SEFDRSxpQkFBb0IsQ0FDcEIsOEhBQ0UsaUJBQWtCLENBQ2xCLHVCQUF3QixDQUN4Qix3QkFBeUIsQ0FDekIsU0FBVSxDQUNWLFVBQWEsQ0FDakIsbUlBQ0Usb0JBQXVCLENBQ3ZCLDBJQUNFLHdCQUF5QixDQUN6QixpUUFBMFAsQ0FBMVAseVBBQTRQLENBQ2hRLGdJQUNFLG9CQUF1QixDQUN2Qix1SUFDRSx3QkFBMkIsQ0FDL0Isa0hBQ0Usb0JBQXVCLENBQzNCLHdFQUNFLGdCQUFtQixDQUNyQix5RUFDRSxpQkFBb0IsQ0FDdEIsNEZBQ0Usa0JBQXFCLENBQ3ZCLHdFQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsYUFBZ0IsQ0FDaEIsOEVBQ0UsY0FBZSxDQUNmLHVCQUFnQixDQUFoQixvQkFBZ0IsQ0FBaEIsZUFBZ0IsQ0FDaEIsU0FBVSxDQUNWLGlCQUFrQixDQUNsQixNQUFPLENBQ1AsT0FBUSxDQUNSLFFBQVMsQ0FDVCxLQUFNLENBQ04sVUFBVyxDQUNYLFdBQVksQ0FDWixTQUFZLENBQ2Qsd0ZBQ0UsU0FBWSxDQUNaLDhGQUNFLFlBQWUsQ0FDbkIsNkVBQ0Usa0JBQW1CLENBRW5CLG1CQUFvQixDQUNwQixpQkFBa0IsQ0FDbEIsWUFBYSxDQUNiLHNCQUF1QixDQUN2QixrQkFBbUIsQ0FDbkIsTUFBTyxDQUNQLE9BQVEsQ0FDUixLQUFNLENBQ04sUUFBUyxDQUNULHlCQUEwQixDQUMxQixTQUFZLENBQ1osb0ZBQ0UsVUFBVyxDQUNYLHdCQUF5QixDQUN6QixxVEFBOFMsQ0FBOVMsNlNBQThTLENBQzlTLDZCQUFzQixDQUF0QixxQkFBc0IsQ0FDdEIsNEJBQXFCLENBQXJCLG9CQUFxQixDQUNyQixTQUFVLENBQ1YsVUFBVyxDQUNYLGlCQUFrQixDQUNsQixtQkFBc0IsQ0FDMUIsZ1hBR0Usb0JBQXVCLENBQ3ZCLHFZQUdFLHdCQUEyQixDQUNqQyw0REFDRSxvQkFBcUIsQ0FDckIsUUFBUyxDQUNULFNBQVksQ0FDWixxRkFDRSx3QkFBeUIsQ0FDekIsV0FBWSxDQUNaLG9CQUFxQixDQUNyQixTQUFVLENBQ1YsZUFBZ0IsQ0FDaEIsaUJBQWtCLENBQ2xCLFdBQVksQ0FDWixpQ0FBbUMsQ0FDbkMsU0FBWSxDQUNaLDRGQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsS0FBTSxDQUNOLE1BQU8sQ0FDUCxPQUFRLENBQ1IsUUFBUyxDQUNULGFBQWMsQ0FDZCxTQUFVLENBQ1Ysb0JBQXNCLENBQ3RCLHFCQUF5QixDQUN6QixpUUFBMFAsQ0FBMVAseVBBQTBQLENBQzFQLHFCQUFjLENBQWQsYUFBYyxDQUNkLDZCQUFzQixDQUF0QixxQkFBc0IsQ0FDdEIsNEJBQXFCLENBQXJCLG9CQUFxQixDQUNyQixTQUFZLENBQ2QseUdBQ0UsWUFBYSxDQUNiLGFBQWdCLENBQ2hCLGdIQUNFLDhDQUFnRCxDQUNoRCxrQkFBbUIsQ0FDbkIsU0FBWSxDQUNoQix1R0FDRSx1RUFBNkUsQ0FDN0UsVUFBVyxDQUNYLFdBQVksQ0FDWixPQUFRLENBQ1IsNkJBQWdDLENBQ2hDLDhHQUNFLHNCQUF1QixDQUN2QixTQUFZLENBQ2hCLG9IQUNFLHdCQUF5QixDQUN6QixRQUFTLENBQ1QsaUJBQWtCLENBQ2xCLE1BQU8sQ0FDUCxRQUFTLENBQ1QsS0FBTSxDQUNOLFNBQVksQ0FDaEIsaUZBQ0Usa0JBQW1CLENBQ25CLGlCQUFvQixDQUNwQix3RkFDRSxpQkFBa0IsQ0FDbEIsU0FBVSxDQUNWLE9BQVEsQ0FDUixnQkFBaUIsQ0FDakIsd0JBQXlCLENBQ3pCLFVBQVcsQ0FDWCw4ZUFBdWUsQ0FBdmUsc2VBQXVlLENBQ3ZlLDZCQUFzQixDQUF0QixxQkFBc0IsQ0FDdEIseUJBQWtCLENBQWxCLGlCQUFrQixDQUNsQixZQUFhLENBQ2IsYUFBYyxDQUNkLG9CQUFxQixDQUNyQixpQkFBb0IsQ0FDeEIsbUZBQ0UsWUFBYSxDQUNiLGFBQWMsQ0FDZCxpQkFBa0IsQ0FDbEIsd0JBQXlCLENBQ3pCLHdCQUF5QixDQUN6QixrWUFBMlgsQ0FBM1gsMFhBQTJYLENBQzNYLHNCQUFlLENBQWYsY0FBZSxDQUNmLDZCQUFzQixDQUF0QixxQkFBc0IsQ0FDdEIsNEJBQXFCLENBQXJCLG9CQUFxQixDQUNyQixjQUFlLENBQ2YsaUJBQWtCLENBQ2xCLFdBQVksQ0FDWixTQUFVLENBQ1YseUJBQTRCLENBQzVCLHNCQUNFLHlGQUNFLG9CQUF1QixDQUFFLENBQy9CLCtEQUNFLGFBQWdCLENBQ2hCLHdHQUNFLHdCQUEyQixDQUM3Qiw2R0FDRSxZQUFlLENBQ2pCLGtFQUNFLGVBQWtCLENBQ3RCLDRFQUNFLHVCQUFnQixDQUFoQixvQkFBZ0IsQ0FBaEIsZUFBZ0IsQ0FDaEIsa0JBQW1CLENBQ25CLHdCQUF5QixDQUN6QixxQkFBc0IsQ0FDdEIsNEJBQTZCLENBQzdCLGNBQWUsQ0FDZix3SUFBMEosQ0FDMUosYUFBYyxDQUdkLGVBQWdCLENBQ2hCLGlCQUFrQixDQUNsQixRQUFTLENBQ1QsYUFBYyxDQUNkLFVBQVcsQ0FDWCxZQUFhLENBQ2IsMEJBQTJCLENBQzNCLGtCQUFtQixDQUNuQixpQkFBb0IsQ0FDcEIsdUdBQ0UsYUFBZ0IsQ0FEbEIsOEZBQ0UsYUFBZ0IsQ0FEbEIsa0dBQ0UsYUFBZ0IsQ0FEbEIsbUdBQ0UsYUFBZ0IsQ0FEbEIseUZBQ0UsYUFBZ0IsQ0FDbEIsa0ZBQ0UsU0FBVSxDQUNWLHdCQUEyQixDQUM3QixtR0FDRSx1QkFBZ0IsQ0FBaEIsZUFBZ0IsQ0FDaEIsV0FBWSxDQUNaLGtCQUFtQixDQUNuQixlQUFrQixDQUN0QiwwRkFDRSxTQUFVLENBQ1YsVUFBVyxDQUNYLGlCQUFrQixDQUNsQixTQUFVLENBQ1YsU0FBVSxDQUNWLDRCQUE2QixDQUM3QiwrREFBb0UsQ0FDcEUsc0JBQ0UsZ0dBQ0Usb0JBQXFCLENBQ3JCLGtCQUFtQixDQUNuQixxQkFBeUIsQ0FDekIsbUNBQTBDLENBQUUsQ0FDaEQsOEZBQ0UsYUFBYyxDQUNkLGlCQUFrQixDQUNsQixVQUFXLENBQ1gsV0FBWSxDQUNaLE1BQU8sQ0FDUCxPQUFRLENBQ1IsUUFBUyxDQUNULEtBQU0sQ0FDTixxQkFBbUIsQ0FBbkIsa0JBQW1CLENBQ25CLG1CQUFzQixDQUM1QixtSUFDRSwrYkFBd2IsQ0FBeGIsdWJBQTBiIiwiZmlsZSI6InN0ZGluIiwic291cmNlc0NvbnRlbnQiOlsiLmZvcm11bGF0ZS1pbnB1dCB7XG4gIG1hcmdpbi1ib3R0b206IDEuNWVtOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXQgLmZvcm11bGF0ZS1pbnB1dC1sYWJlbCB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgICBmb250LXNpemU6IC45ZW07XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICBtYXJnaW4tYm90dG9tOiAuMWVtOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXQgLmZvcm11bGF0ZS1pbnB1dC1lbGVtZW50IHtcbiAgICBtYXgtd2lkdGg6IDIwZW07XG4gICAgbWFyZ2luLWJvdHRvbTogLjFlbTsgfVxuICAuZm9ybXVsYXRlLWlucHV0IC5mb3JtdWxhdGUtaW5wdXQtaGVscCB7XG4gICAgY29sb3I6ICM2ZDZkNmQ7XG4gICAgZm9udC1zaXplOiAuN2VtO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgICBtYXJnaW4tYm90dG9tOiAuMjVlbTsgfVxuICAuZm9ybXVsYXRlLWlucHV0IC5mb3JtdWxhdGUtaW5wdXQtZXJyb3JzIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgcGFkZGluZzogMDtcbiAgICBtYXJnaW46IDA7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dCAuZm9ybXVsYXRlLWlucHV0LWVycm9yLFxuICAuZm9ybXVsYXRlLWlucHV0IC5mb3JtdWxhdGUtZmlsZS11cGxvYWQtZXJyb3Ige1xuICAgIGNvbG9yOiAjOTYwNTA1O1xuICAgIGZvbnQtc2l6ZTogLjhlbTtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjU7XG4gICAgbWFyZ2luLWJvdHRvbTogLjI1ZW07IH1cbiAgLmZvcm11bGF0ZS1pbnB1dCAuZm9ybXVsYXRlLWlucHV0LWdyb3VwLWl0ZW0ge1xuICAgIG1hcmdpbi1ib3R0b206IC41ZW07IH1cbiAgLmZvcm11bGF0ZS1pbnB1dDpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tYm90dG9tOiAwOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0ndGV4dCddIGlucHV0IHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IC4zZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NlY2VjZTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtc2l6ZTogLjllbTtcbiAgICBmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCBcIlNlZ29lIFVJXCIsIFJvYm90bywgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZiwgXCJBcHBsZSBDb2xvciBFbW9qaVwiLCBcIlNlZ29lIFVJIEVtb2ppXCIsIFwiU2Vnb2UgVUkgU3ltYm9sXCI7XG4gICAgcGFkZGluZzogLjc1ZW07XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xZW07XG4gICAgbWFyZ2luOiAwOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSd0ZXh0J10gaW5wdXQ6OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAjYThhOGE4OyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSd0ZXh0J10gaW5wdXQ6Zm9jdXMge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM0MWI4ODM7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSd0ZXh0J10gaW5wdXRbdHlwZT1cImNvbG9yXCJdIHtcbiAgICBoZWlnaHQ6IDEuMWVtO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSd0ZXh0J10gaW5wdXRbdHlwZT1cImNvbG9yXCJdOjotd2Via2l0LWNvbG9yLXN3YXRjaC13cmFwcGVyIHtcbiAgICAgIHBhZGRpbmc6IDAgMCAwIDEuNWVtO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2RhdGE6aW1hZ2Uvc3ZnK3htbDt1dGY4LDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNzkuMTcgNzkuMTdcIj48cGF0aCBmaWxsPVwiJTIzNmQ2ZDZkXCIgZD1cIk00MC44LDIyLjkyYy0zLjQtMy40LTQuNzYtOC40NC0xLTEyLjI0czguODQtMi40NCwxMi4yNCwxYzUtNSwxMC42OS0xMy4zMywxOC44MS0xMS4zMWExMSwxMSwwLDAsMSw3LjYyLDE0LjM0Yy0xLjI2LDMuNDUtNC42Myw2LjA2LTcuMTYsOC41OS0uOTIuOTMtMywyLjI2LTMuNDYsMy40Ni0uNDIsMSwxLjgyLDIuNjMsMi4zNiw0YTgsOCwwLDAsMS0xMi40Miw5LjE5Yy0uMjEtLjE2LTEuMzUtMS41MS0xLjU5LTEuNTFzLS44My44My0xLDFMNDkuNzEsNDQuOSwzMi40Myw2Mi4xOGMtMy4zNywzLjM4LTYuNiw3LjE0LTEwLjI2LDEwLjIxYTExLDExLDAsMCwxLTQuNDgsMi4yOGMtMS4yNS4zLTMuMTEtLjIyLTQuMTguMTgtMS4yOC40OC0yLjQyLDIuNjUtMy42OCwzLjQtNi4wNSwzLjYxLTEyLjY0LTQtOC40Ni05LjU3LjczLTEsMi41My0xLjkyLDMtM2ExNC40NiwxNC40NiwwLDAsMC0uMDktMi41MiwxMC43NSwxMC43NSwwLDAsMSwzLjE0LTYuNzdjLjkyLTEsMS45My0xLjkzLDIuODktMi45Wm00LjQtMS41YzQuMTksNCw4LjI0LDguMjQsMTIuMzYsMTIuMzYsMi4wNiwyLjA2LDUsNS41OSw4LDIuNjEsNC42NS00LjYyLTUtNi44LTIuNDItMTAuNzhDNjYuMywyMC43LDc2LjQsMTYuNDgsNzQuODQsOS40NSw3My42Miw0LDY3LjEyLDIuNzgsNjMuMjksNi4zMmMtMi41NSwyLjM2LTQuOTMsNC45NC03LjM5LDcuNC0uNzkuNzgtMS44LDIuMjgtMi44OCwyLjczLTIuMTQuODgtMy40LTEuNjItNC43OS0yLjc3LTIuNTgtMi4xNC02Ljg5LS44Mi02LjUzLDNDNDEuODksMTguNjgsNDMuODcsMjAuMDksNDUuMiwyMS40MlptLTEuNDUsNC40NEwyNy44Miw0MS43OUMyMiw0Ny41NywxNS44OSw1My4xNCwxMC40MSw1OS4yYTguMjMsOC4yMywwLDAsMC0xLjQ0LDJjLS45MywyLC4yNSw0LjE0LS41LDZTNC45Miw2OS45NCw0LjMsNzJhMi4zNCwyLjM0LDAsMCwwLDIuNTYsM2MxLjExLS4xNywyLTEuMzMsMi43MS0yLjA3YTExLjE3LDExLjE3LDAsMCwxLDIuMDgtMmMxLjY4LS45NCw0LC4xNyw1LjkzLS41N0MyMCw2OS40MSwyMiw2Ni43MywyMy43Niw2NUwzNC40Miw1NC4zLDUzLjMsMzUuNDJaXCIvPjwvc3ZnPicpO1xuICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogLjllbSAuOWVtO1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogbGVmdCAuMWVtOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSd0ZXh0J10gaW5wdXRbdHlwZT1cImNvbG9yXCJdOjotd2Via2l0LWNvbG9yLXN3YXRjaCB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGhlaWdodDogMWVtO1xuICAgICAgYm9yZGVyLXJhZGl1czogLjJlbTtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIGZsZXg6IGF1dG87IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3RleHQnXSBpbnB1dFt0eXBlPVwiY29sb3JcIl06Oi1tb3otY29sb3Itc3dhdGNoIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaGVpZ2h0OiAxZW07XG4gICAgICBib3JkZXItcmFkaXVzOiAuMmVtO1xuICAgICAgYm9yZGVyOiAwO1xuICAgICAgZmxleDogYXV0bzsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NsaWRlciddIGlucHV0IHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIHBhZGRpbmc6IC41ZW0gMDsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2xpZGVyJ10gaW5wdXQ6Zm9jdXMge1xuICAgICAgb3V0bGluZTogMDsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2xpZGVyJ10gaW5wdXQ6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICB3aWR0aDogMWVtO1xuICAgICAgaGVpZ2h0OiAxZW07XG4gICAgICBib3JkZXItcmFkaXVzOiAxZW07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDFiODgzO1xuICAgICAgbWFyZ2luLXRvcDogY2FsYygtLjVlbSArIDJweCk7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NsaWRlciddIGlucHV0OjotbW96LXJhbmdlLXRodW1iIHtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICB3aWR0aDogMWVtO1xuICAgICAgaGVpZ2h0OiAxZW07XG4gICAgICBib3JkZXItcmFkaXVzOiAxZW07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDFiODgzO1xuICAgICAgbWFyZ2luLXRvcDogY2FsYygtLjVlbSArIDJweCk7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NsaWRlciddIGlucHV0OjotbXMtdGh1bWIge1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHdpZHRoOiAxZW07XG4gICAgICBoZWlnaHQ6IDFlbTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDFlbTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICM0MWI4ODM7XG4gICAgICBtYXJnaW4tdG9wOiBjYWxjKC0uNWVtICsgMnB4KTsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2xpZGVyJ10gaW5wdXQ6Oi13ZWJraXQtc2xpZGVyLXJ1bm5hYmxlLXRyYWNrIHtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogNHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VmZWZlZjtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIHBhZGRpbmc6IDA7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSd0ZXh0YXJlYSddIHRleHRhcmVhIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IC4zZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NlY2VjZTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtc2l6ZTogLjllbTtcbiAgICBmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCBcIlNlZ29lIFVJXCIsIFJvYm90bywgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZiwgXCJBcHBsZSBDb2xvciBFbW9qaVwiLCBcIlNlZ29lIFVJIEVtb2ppXCIsIFwiU2Vnb2UgVUkgU3ltYm9sXCI7XG4gICAgcGFkZGluZzogLjc1ZW07XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xZW07XG4gICAgbWFyZ2luOiAwOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSd0ZXh0YXJlYSddIHRleHRhcmVhOjpwbGFjZWhvbGRlciB7XG4gICAgICBjb2xvcjogI2E4YThhODsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0ndGV4dGFyZWEnXSB0ZXh0YXJlYTpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiAwO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgIzQxYjg4MzsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2J1dHRvbiddIGJ1dHRvbiB7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAuM2VtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNjZWNlY2U7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBmb250LXNpemU6IC45ZW07XG4gICAgZm9udC1mYW1pbHk6IC1hcHBsZS1zeXN0ZW0sIEJsaW5rTWFjU3lzdGVtRm9udCwgXCJTZWdvZSBVSVwiLCBSb2JvdG8sIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWYsIFwiQXBwbGUgQ29sb3IgRW1vamlcIiwgXCJTZWdvZSBVSSBFbW9qaVwiLCBcIlNlZ29lIFVJIFN5bWJvbFwiO1xuICAgIHBhZGRpbmc6IC43NWVtO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbGluZS1oZWlnaHQ6IDEuMWVtO1xuICAgIG1hcmdpbjogMDtcbiAgICBib3JkZXItY29sb3I6ICM0MWI4ODM7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzQxYjg4MztcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgbWluLXdpZHRoOiAwO1xuICAgIHdpZHRoOiBhdXRvO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdidXR0b24nXSBidXR0b246OnBsYWNlaG9sZGVyIHtcbiAgICAgIGNvbG9yOiAjYThhOGE4OyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdidXR0b24nXSBidXR0b246Zm9jdXMge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM0MWI4ODM7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2J1dHRvbiddIGJ1dHRvbltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2NlY2VjZTtcbiAgICAgIGJvcmRlci1jb2xvcjogI2NlY2VjZTsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nYnV0dG9uJ10gYnV0dG9uOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNjRjODliO1xuICAgICAgYm9yZGVyLWNvbG9yOiAjNjRjODliOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2VsZWN0J10gLmZvcm11bGF0ZS1pbnB1dC1lbGVtZW50IHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NlbGVjdCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudDo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgd2lkdGg6IDA7XG4gICAgICBoZWlnaHQ6IDA7XG4gICAgICBib3JkZXI6IC4zZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICBib3JkZXItdG9wLWNvbG9yOiAjY2VjZWNlO1xuICAgICAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbiAgICAgIHRvcDogNTAlO1xuICAgICAgbWFyZ2luLXRvcDogLS4xZW07XG4gICAgICByaWdodDogMWVtO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2VsZWN0J10gc2VsZWN0IHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IC4zZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2NlY2VjZTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGZvbnQtc2l6ZTogLjllbTtcbiAgICBmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCBcIlNlZ29lIFVJXCIsIFJvYm90bywgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZiwgXCJBcHBsZSBDb2xvciBFbW9qaVwiLCBcIlNlZ29lIFVJIEVtb2ppXCIsIFwiU2Vnb2UgVUkgU3ltYm9sXCI7XG4gICAgcGFkZGluZzogLjc1ZW07XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xZW07XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmctcmlnaHQ6IDJlbTsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2VsZWN0J10gc2VsZWN0OjpwbGFjZWhvbGRlciB7XG4gICAgICBjb2xvcjogI2E4YThhODsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2VsZWN0J10gc2VsZWN0OmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IDA7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjNDFiODgzOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdzZWxlY3QnXSBzZWxlY3RbZGF0YS1wbGFjZWhvbGRlci1zZWxlY3RlZF0ge1xuICAgICAgY29sb3I6ICNhOGE4YTg7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudCB7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudCBpbnB1dCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiAtOTk5cHg7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudC1kZWNvcmF0b3Ige1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMWVtO1xuICAgICAgaGVpZ2h0OiAxZW07XG4gICAgICBib3JkZXItcmFkaXVzOiAuMjVlbTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNjZWNlY2U7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nYm94J10gLmZvcm11bGF0ZS1pbnB1dC1lbGVtZW50LWRlY29yYXRvcjo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IHJpZ2h0O1xuICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gLjEyNWVtKTtcbiAgICAgICAgaGVpZ2h0OiBjYWxjKDEwMCUgLSAuMTI1ZW0pO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogLjA2MjVlbTtcbiAgICAgICAgbGVmdDogLjA2MjVlbTsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nYm94J10gLmZvcm11bGF0ZS1pbnB1dC1lbGVtZW50W2RhdGEtdHlwZT1cInJhZGlvXCJdIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudC1kZWNvcmF0b3Ige1xuICAgICAgYm9yZGVyLXJhZGl1czogMWVtOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudFtkYXRhLXR5cGU9XCJyYWRpb1wiXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtZGVjb3JhdG9yOjpiZWZvcmUge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAxZW07XG4gICAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAuNWVtKTtcbiAgICAgICAgaGVpZ2h0OiBjYWxjKDEwMCUgLSAuNWVtKTtcbiAgICAgICAgdG9wOiAuMjVlbTtcbiAgICAgICAgbGVmdDogLjI1ZW07IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudCBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl06Y2hlY2tlZCB+IC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudC1kZWNvcmF0b3Ige1xuICAgICAgYm9yZGVyLWNvbG9yOiAjNDFiODgzOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudCBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl06Y2hlY2tlZCB+IC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudC1kZWNvcmF0b3I6OmJlZm9yZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM0MWI4ODM7XG4gICAgICAgIG1hc2staW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAxMDAgMTAwXCI+PHBhdGggZD1cIk04Ljc2LDU2LjJjLTYuMzgtNi4zNCwzLjI2LTE2LDkuNjQtOS42OUwzOCw2NS44OCw4MC41NiwyMy4yOWM2LjM4LTYuMzgsMTYuMDcsMy4zMiw5LjY5LDkuNjlMNDIuODQsODAuMzdhNi44Myw2LjgzLDAsMCwxLTkuNjUsMFpcIi8+PC9zdmc+Jyk7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudCBpbnB1dFt0eXBlPVwicmFkaW9cIl06Y2hlY2tlZCB+IC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudC1kZWNvcmF0b3Ige1xuICAgICAgYm9yZGVyLWNvbG9yOiAjNDFiODgzOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudCBpbnB1dFt0eXBlPVwicmFkaW9cIl06Y2hlY2tlZCB+IC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudC1kZWNvcmF0b3I6OmJlZm9yZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM0MWI4ODM7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudCBpbnB1dDpmb2N1cyB+IC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudC1kZWNvcmF0b3Ige1xuICAgICAgYm9yZGVyLWNvbG9yOiAjNDFiODgzOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nYm94J10gLmZvcm11bGF0ZS1pbnB1dC1sYWJlbC0tYWZ0ZXIge1xuICAgIG1hcmdpbi1sZWZ0OiAuNWVtOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nYm94J10gLmZvcm11bGF0ZS1pbnB1dC1sYWJlbC0tYmVmb3JlIHtcbiAgICBtYXJnaW4tcmlnaHQ6IC41ZW07IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZ3JvdXBcIl0gPiAuZm9ybXVsYXRlLWlucHV0LXdyYXBwZXIgPiAuZm9ybXVsYXRlLWlucHV0LWxhYmVsIHtcbiAgICBtYXJnaW4tYm90dG9tOiAuNWVtOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IDJlbSAwOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhIGlucHV0IHtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgdG9wOiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB6LWluZGV4OiA1OyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhW2RhdGEtaGFzLWZpbGVzXSB7XG4gICAgICBwYWRkaW5nOiAwOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWFbZGF0YS1oYXMtZmlsZXNdIGlucHV0IHtcbiAgICAgICAgZGlzcGxheTogbm9uZTsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYS1tYXNrIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IC40ZW07XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICB0b3A6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBib3JkZXI6IDJweCBkYXNoZWQgI2E4YThhODtcbiAgICAgIHotaW5kZXg6IDI7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYS1tYXNrOjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2E4YThhODtcbiAgICAgICAgbWFzay1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDU4IDU4XCI+PHBhdGggZD1cIk0yOSw1OEEyOSwyOSwwLDEsMCwwLDI5LDI5LDI5LDAsMCwwLDI5LDU4Wk0yOSw0QTI1LDI1LDAsMSwxLDQsMjksMjUsMjUsMCwwLDEsMjksNFpcIi8+PHBvbHlnb24gcG9pbnRzPVwiMjcgMjIgMjcgNDQuNCAzMSA0NC40IDMxIDIyIDQxLjcgMzEuMSA0NC4zIDI4LjEgMjkgMTUgMTMuNyAyOC4xIDE2LjMgMzEuMSAyNyAyMlwiLz48L3N2Zz4nKTtcbiAgICAgICAgbWFzay1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgICAgbWFzay1wb3NpdGlvbjogY2VudGVyO1xuICAgICAgICB3aWR0aDogMmVtO1xuICAgICAgICBoZWlnaHQ6IDJlbTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYSBpbnB1dDpmb2N1cyB+IC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEtbWFzayxcbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEgaW5wdXQ6aG92ZXIgfiAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhLW1hc2ssXG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhIGlucHV0W2RhdGEtaXMtZHJhZy1ob3Zlcl0gfiAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhLW1hc2sge1xuICAgICAgYm9yZGVyLWNvbG9yOiAjNDFiODgzOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEgaW5wdXQ6Zm9jdXMgfiAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhLW1hc2s6OmJlZm9yZSxcbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYSBpbnB1dDpob3ZlciB+IC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEtbWFzazo6YmVmb3JlLFxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhIGlucHV0W2RhdGEtaXMtZHJhZy1ob3Zlcl0gfiAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhLW1hc2s6OmJlZm9yZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM0MWI4ODM7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11bGF0ZS1maWxlLXByb2dyZXNzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNjZWNlY2U7XG4gICAgICBoZWlnaHQ6IC4zZW07XG4gICAgICBib3JkZXItcmFkaXVzOiAxLjI1ZW07XG4gICAgICB3aWR0aDogNWVtO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHJpZ2h0OiAuNzVlbTtcbiAgICAgIHRyYW5zaXRpb246IGhlaWdodCAuMjVzLCB3aWR0aCAuMjVzO1xuICAgICAgei1pbmRleDogMjsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZS1wcm9ncmVzczo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjA4KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICAgICAgbWFzay1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDEwMCAxMDBcIj48cGF0aCBkPVwiTTguNzYsNTYuMmMtNi4zOC02LjM0LDMuMjYtMTYsOS42NC05LjY5TDM4LDY1Ljg4LDgwLjU2LDIzLjI5YzYuMzgtNi4zOCwxNi4wNywzLjMyLDkuNjksOS42OUw0Mi44NCw4MC4zN2E2LjgzLDYuODMsMCwwLDEtOS42NSwwWlwiLz48L3N2Zz4nKTtcbiAgICAgICAgbWFzay1zaXplOiA3NyU7XG4gICAgICAgIG1hc2stcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgIG1hc2stcG9zaXRpb246IGNlbnRlcjtcbiAgICAgICAgei1pbmRleDogMzsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZS1wcm9ncmVzc1tkYXRhLWp1c3QtZmluaXNoZWRdIHtcbiAgICAgICAgd2lkdGg6IDEuMjVlbTtcbiAgICAgICAgaGVpZ2h0OiAxLjI1ZW07IH1cbiAgICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZS1wcm9ncmVzc1tkYXRhLWp1c3QtZmluaXNoZWRdOjpiZWZvcmUge1xuICAgICAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAuMjVzIC4ycywgb3BhY2l0eSAuMjVzIC4ycztcbiAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgIG9wYWNpdHk6IDE7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUtcHJvZ3Jlc3NbZGF0YS1pcy1maW5pc2hlZF0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBoZWlnaHQgLjI1cywgd2lkdGggLjI1cywgbGVmdCAuMjVzLCB0b3AsIC4yNXMsIGJvcmRlci1yYWRpdXMgLjI1cztcbiAgICAgICAgd2lkdGg6IC4zZW07XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgLjIzZW0gLjIzZW0gMDsgfVxuICAgICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11bGF0ZS1maWxlLXByb2dyZXNzW2RhdGEtaXMtZmluaXNoZWRdOjpiZWZvcmUge1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgLjFzO1xuICAgICAgICAgIG9wYWNpdHk6IDA7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUtcHJvZ3Jlc3MgLmZvcm11bGF0ZS1maWxlLXByb2dyZXNzLWlubmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzQxYjg4MztcbiAgICAgICAgd2lkdGg6IDElO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICB6LWluZGV4OiAyOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWFsdGUtZmlsZS1uYW1lIHtcbiAgICAgIHBhZGRpbmctbGVmdDogMS41ZW07XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAyZW07IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVhbHRlLWZpbGUtbmFtZTo6YmVmb3JlIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiAuN2VtO1xuICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgbWFyZ2luLXRvcDogLS43ZW07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNhOGE4YTg7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBtYXNrLWltYWdlOiB1cmwoJ2RhdGE6aW1hZ2Uvc3ZnK3htbDt1dGY4LDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNjQuMDYgODMuNTlcIj48cGF0aCBkPVwiTTU1Ljk0LDgzLjU5YTguMTYsOC4xNiwwLDAsMCw4LjEyLTguMTZWMTkuMTJhMS43NywxLjc3LDAsMCwwLS41Mi0xLjI1TDQ2LjIxLjU5QTEuNjksMS42OSwwLDAsMCw0NS4xNC4wOEw0NC42OSwwbC0uMTgsMEg4LjEzQTguMTgsOC4xOCwwLDAsMCwwLDguMTZWNzUuNDFhOC4xNiw4LjE2LDAsMCwwLDguMTMsOC4xNkg1NS45NFpNNDYuNjgsNiw1OC4xMSwxNy4zOEg0Ni42OFpNMy41Miw3NS40M1Y4LjE2QTQuNjQsNC42NCwwLDAsMSw4LjEzLDMuNTJoMzVWMTkuMTZhMS43NSwxLjc1LDAsMCwwLDEuNzYsMS43NEg2MC41NVY3NS40M2E0LjY1LDQuNjUsMCwwLDEtNC42MSw0LjY1SDguMTNBNC42NSw0LjY1LDAsMCwxLDMuNTIsNzUuNDNaXCIvPjwvc3ZnPicpO1xuICAgICAgICBtYXNrLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBtYXNrLXNpemU6IGNvbnRhaW47XG4gICAgICAgIHdpZHRoOiAxLjI1ZW07XG4gICAgICAgIGhlaWdodDogMS4yNWVtO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgIG1hcmdpbi1yaWdodDogLjVlbTsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUtcmVtb3ZlIHtcbiAgICAgIHdpZHRoOiAxLjI1ZW07XG4gICAgICBoZWlnaHQ6IDEuMjVlbTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDFlbTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNhOGE4YTg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjYThhOGE4O1xuICAgICAgbWFzay1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDU5LjEgNTkuMlwiPjxwYXRoIGQ9XCJNMS42LDU3LjdhNSw1LDAsMCwwLDMuNSwxLjUsNC44NSw0Ljg1LDAsMCwwLDMuNS0xLjVsMjEtMjEsMjEsMjFhNSw1LDAsMCwwLDMuNSwxLjUsNC44NSw0Ljg1LDAsMCwwLDMuNS0xLjUsNSw1LDAsMCwwLDAtNy4xbC0yMS0yMSwyMS0yMWE1LDUsMCwwLDAsMC03LjEsNSw1LDAsMCwwLTcuMSwwbC0yMSwyMUw4LjYsMS43YTUsNSwwLDAsMC03LjEsMCw1LDUsMCwwLDAsMCw3LjFsMjEsMjFMMS42LDUwLjdBNC44Myw0LjgzLDAsMCwwLDEuNiw1Ny43WlwiLz48L3N2Zz4nKTtcbiAgICAgIG1hc2stc2l6ZTogLjZlbTtcbiAgICAgIG1hc2stcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICBtYXNrLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICByaWdodDogLjc1ZW07XG4gICAgICB6LWluZGV4OiAxO1xuICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIC4yNXM7IH1cbiAgICAgIEBtZWRpYSAocG9pbnRlcjogZmluZSkge1xuICAgICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11bGF0ZS1maWxlLXJlbW92ZTpob3ZlciB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjUpOyB9IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgbGkge1xuICAgICAgZGlzcGxheTogYmxvY2s7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyBsaVtkYXRhLWhhcy1lcnJvcl0gLmZvcm11bGF0ZS1maWxlLXByb2dyZXNzIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2RjMmMyYzsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIGxpW2RhdGEtaGFzLXByZXZpZXddIC5mb3JtdWFsdGUtZmlsZS1uYW1lOmJlZm9yZSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyBsaSArIGxpIHtcbiAgICAgICAgbWFyZ2luLXRvcDogLjVlbTsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUge1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IC4zZW07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2VjZWNlO1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgZm9udC1zaXplOiAuOWVtO1xuICAgICAgZm9udC1mYW1pbHk6IC1hcHBsZS1zeXN0ZW0sIEJsaW5rTWFjU3lzdGVtRm9udCwgXCJTZWdvZSBVSVwiLCBSb2JvdG8sIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWYsIFwiQXBwbGUgQ29sb3IgRW1vamlcIiwgXCJTZWdvZSBVSSBFbW9qaVwiLCBcIlNlZ29lIFVJIFN5bWJvbFwiO1xuICAgICAgcGFkZGluZzogLjc1ZW07XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxLjFlbTtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZTo6cGxhY2Vob2xkZXIge1xuICAgICAgICBjb2xvcjogI2E4YThhODsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZTpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM0MWI4ODM7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUgOjotd2Via2l0LXByb2dyZXNzLWJhciB7XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGhlaWdodDogLjVlbTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogLjVlbTtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUtaW1hZ2UtcHJldmlldyB7XG4gICAgICB3aWR0aDogM2VtO1xuICAgICAgaGVpZ2h0OiAzZW07XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAyO1xuICAgICAgbGVmdDogLTFweDtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDFweCAjZWZlZmVmO1xuICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIC4yNXMsIGJveC1zaGFkb3cgLjI1cywgYmFja2dyb3VuZC1jb2xvciAuMjVzOyB9XG4gICAgICBAbWVkaWEgKHBvaW50ZXI6IGZpbmUpIHtcbiAgICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZS1pbWFnZS1wcmV2aWV3OmhvdmVyIHtcbiAgICAgICAgICB0cmFuc2l0aW9uLWRlbGF5OiAuMnM7XG4gICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgzKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7IH0gfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZS1pbWFnZS1wcmV2aWV3IGltZyB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIC4yNXM7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSBbZGF0YS10eXBlPVwiaW1hZ2VcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYSAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhLW1hc2s6OmJlZm9yZSB7XG4gICAgbWFzay1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDkwIDcxLjA1XCI+PHBhdGggZD1cIk04Mi44OSwwSDcuMUE3LjEyLDcuMTIsMCwwLDAsMCw3LjExVjY0YTcuMTEsNy4xMSwwLDAsMCw3LjEsNy4xSDgyLjlBNy4xMSw3LjExLDAsMCwwLDkwLDY0VjcuMTFBNy4xMiw3LjEyLDAsMCwwLDgyLjg5LDBaTTY5LjI4LDM5LjM1YTUuNDQsNS40NCwwLDAsMC04LDBMNTAuNTgsNTAuNzQsMzIuMzgsMzAuODhhNS4zMSw1LjMxLDAsMCwwLTcuOTIsMEw0Ljc0LDUyLjRWNy4xMUEyLjM3LDIuMzcsMCwwLDEsNy4xMSw0Ljc0SDgyLjlhMi4zNywyLjM3LDAsMCwxLDIuMzYsMi4zN1Y1Ni4zWlwiLz48Y2lyY2xlIGN4PVwiNjcuNzRcIiBjeT1cIjIyLjI2XCIgcj1cIjguNTNcIi8+PC9zdmc+Jyk7IH1cbiJdfQ== */ \ No newline at end of file +.formulate-input{margin-bottom:1.5em}.formulate-input .formulate-input-label{display:block;line-height:1.5;font-size:.9em;font-weight:600;margin-bottom:.1em}.formulate-input .formulate-input-element{max-width:20em;margin-bottom:.1em}.formulate-input .formulate-input-help{color:#6d6d6d;font-size:.7em;font-weight:400;line-height:1.5;margin-bottom:.25em}.formulate-input .formulate-input-errors{list-style-type:none;padding:0;margin:0}.formulate-input .formulate-file-upload-error,.formulate-input .formulate-input-error{color:#960505;font-size:.8em;font-weight:300;line-height:1.5;margin-bottom:.25em}.formulate-input .formulate-input-group-item{margin-bottom:.5em}.formulate-input:last-child{margin-bottom:0}.formulate-input[data-classification=text] input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;border:1px solid #cecece;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:.75em;display:block;width:100%;font-weight:400;line-height:1.1em;margin:0}.formulate-input[data-classification=text] input::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input::placeholder{color:#a8a8a8}.formulate-input[data-classification=text] input:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=text] .formulate-input-element--search{position:relative}.formulate-input[data-classification=text] .formulate-input-element--search:before{content:"";width:2em;height:100%;position:absolute;left:0;top:0;background-image:url('data:image/svg+xml;utf8,');background-size:1em 1em;background-repeat:no-repeat;background-position:50%;pointer-events:none}.formulate-input[data-classification=text] .formulate-input-element--search input{padding-left:2em}.formulate-input[data-classification=text] input[type=color]{height:1.1em;box-sizing:content-box}.formulate-input[data-classification=text] input[type=color]::-webkit-color-swatch-wrapper{padding:0 0 0 1.5em;display:flex;align-items:center;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-size:.9em .9em;background-position:left .1em}.formulate-input[data-classification=text] input[type=color]::-webkit-color-swatch{display:block;height:1em;border-radius:.2em;border:0;flex:auto}.formulate-input[data-classification=text] input[type=color]::-moz-color-swatch{display:block;height:1em;border-radius:.2em;border:0;flex:auto}.formulate-input[data-classification=slider] .formulate-input-element--range{display:flex;align-items:center}.formulate-input[data-classification=slider] .formulate-input-element-range-value{font-size:.9em;line-height:1;margin-left:.5em;background-color:#efefef;padding:.25em .3em;border-radius:.25em;color:#6d6d6d;font-variant-numeric:tabular-nums}.formulate-input[data-classification=slider] input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:1em;padding:.5em 0}.formulate-input[data-classification=slider] input:focus{outline:0}.formulate-input[data-classification=slider] input::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;appearance:none;width:1em;height:1em;border-radius:1em;background-color:#41b883;margin-top:calc(-.5em + 2px)}.formulate-input[data-classification=slider] input::-moz-range-thumb{cursor:pointer;-moz-appearance:none;appearance:none;width:1em;height:1em;border-radius:1em;background-color:#41b883;margin-top:calc(-.5em + 2px)}.formulate-input[data-classification=slider] input::-ms-thumb{cursor:pointer;appearance:none;width:1em;height:1em;border-radius:1em;background-color:#41b883;margin-top:calc(-.5em + 2px)}.formulate-input[data-classification=slider] input::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;width:100%;height:4px;background-color:#efefef;border-radius:3px;margin:0;padding:0}.formulate-input[data-classification=textarea] textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;border:1px solid #cecece;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:.75em;display:block;width:100%;font-weight:400;line-height:1.1em;margin:0}.formulate-input[data-classification=textarea] textarea::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea::placeholder{color:#a8a8a8}.formulate-input[data-classification=textarea] textarea:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=button] button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:.75em;display:block;width:100%;font-weight:400;line-height:1.1em;margin:0;border:1px solid #41b883;background-color:#41b883;color:#fff;min-width:0;width:auto;font-weight:700;cursor:pointer;display:inline-flex;align-items:center}.formulate-input[data-classification=button] button::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button::placeholder{color:#a8a8a8}.formulate-input[data-classification=button] button:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=button] button[disabled]{background-color:#cecece;border-color:#cecece}.formulate-input[data-classification=button] button:active{background-color:#64c89b;border-color:#64c89b}.formulate-input[data-classification=select] .formulate-input-element{position:relative}.formulate-input[data-classification=select] .formulate-input-element:before{content:"";width:0;height:0;border-color:#cecece transparent transparent;border-style:solid;border-width:.3em .3em 0;top:50%;margin-top:-.1em;right:1em;position:absolute}.formulate-input[data-classification=select] select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;border:1px solid #cecece;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;display:block;width:100%;font-weight:400;line-height:1.1em;margin:0;padding:.75em 2em .75em .75em}.formulate-input[data-classification=select] select::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select::placeholder{color:#a8a8a8}.formulate-input[data-classification=select] select:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=select] select[data-placeholder-selected]{color:#a8a8a8}.formulate-input[data-classification=box] .formulate-input-wrapper{display:flex;align-items:center}.formulate-input[data-classification=box] .formulate-input-element{overflow:hidden;display:flex;align-items:center}.formulate-input[data-classification=box] .formulate-input-element input{position:absolute;left:-999px}.formulate-input[data-classification=box] .formulate-input-element-decorator{display:block;width:1em;height:1em;border-radius:.25em;border:1px solid #cecece;position:relative}.formulate-input[data-classification=box] .formulate-input-element-decorator:before{content:"";display:block;background-size:contain;background-position:100%;width:calc(100% - .125em);height:calc(100% - .125em);box-sizing:border-box;position:absolute;top:.0625em;left:.0625em}.formulate-input[data-classification=box] .formulate-input-element[data-type=radio] .formulate-input-element-decorator{border-radius:1em}.formulate-input[data-classification=box] .formulate-input-element[data-type=radio] .formulate-input-element-decorator:before{border-radius:1em;width:calc(100% - .5em);height:calc(100% - .5em);top:.25em;left:.25em}.formulate-input[data-classification=box] .formulate-input-element input[type=checkbox]:checked~.formulate-input-element-decorator{border-color:#41b883}.formulate-input[data-classification=box] .formulate-input-element input[type=checkbox]:checked~.formulate-input-element-decorator:before{background-color:#41b883;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.formulate-input[data-classification=box] .formulate-input-element input[type=radio]:checked~.formulate-input-element-decorator{border-color:#41b883}.formulate-input[data-classification=box] .formulate-input-element input[type=radio]:checked~.formulate-input-element-decorator:before{background-color:#41b883}.formulate-input[data-classification=box] .formulate-input-element input:focus~.formulate-input-element-decorator{border-color:#41b883}.formulate-input[data-classification=box] .formulate-input-label--after{margin-left:.5em}.formulate-input[data-classification=box] .formulate-input-label--before{margin-right:.5em}.formulate-input[data-classification=group]>.formulate-input-wrapper>.formulate-input-label{margin-bottom:.5em}.formulate-input[data-classification=file] .formulate-input-upload-area{width:100%;position:relative;padding:2em 0}.formulate-input[data-classification=file] .formulate-input-upload-area input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;z-index:5}.formulate-input[data-classification=file] .formulate-input-upload-area[data-has-files]{padding:0}.formulate-input[data-classification=file] .formulate-input-upload-area[data-has-files] input{display:none}.formulate-input[data-classification=file] .formulate-input-upload-area-mask{border-radius:.4em;pointer-events:none;position:absolute;display:flex;justify-content:center;align-items:center;left:0;right:0;top:0;bottom:0;border:2px dashed #a8a8a8;z-index:2}.formulate-input[data-classification=file] .formulate-input-upload-area-mask:before{content:"";background-color:#a8a8a8;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;width:2em;height:2em;position:absolute;pointer-events:none}.formulate-input[data-classification=file] .formulate-input-upload-area input:focus~.formulate-input-upload-area-mask,.formulate-input[data-classification=file] .formulate-input-upload-area input:hover~.formulate-input-upload-area-mask,.formulate-input[data-classification=file] .formulate-input-upload-area input[data-is-drag-hover]~.formulate-input-upload-area-mask{border-color:#41b883}.formulate-input[data-classification=file] .formulate-input-upload-area input:focus~.formulate-input-upload-area-mask:before,.formulate-input[data-classification=file] .formulate-input-upload-area input:hover~.formulate-input-upload-area-mask:before,.formulate-input[data-classification=file] .formulate-input-upload-area input[data-is-drag-hover]~.formulate-input-upload-area-mask:before{background-color:#41b883}.formulate-input[data-classification=file] .formulate-files{list-style-type:none;margin:0;padding:0}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress{background-color:#cecece;height:.3em;border-radius:1.25em;width:5em;overflow:hidden;position:absolute;right:.75em;transition:height .25s,width .25s;z-index:2}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;opacity:0;transform:scale(.08);background-color:#fff;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-size:77%;mask-size:77%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;z-index:3}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-just-finished]{width:1.25em;height:1.25em}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-just-finished]:before{transition:transform .25s .2s,opacity .25s .2s;transform:scale(1);opacity:1}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-is-finished]{transition:height .25s,width .25s,left .25s,top,.25s,border-radius .25s;width:.3em;height:100%;right:0;border-radius:0 .23em .23em 0}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-is-finished]:before{transition:opacity .1s;opacity:0}.formulate-input[data-classification=file] .formulate-files .formulate-file-progress .formulate-file-progress-inner{background-color:#41b883;width:1%;position:absolute;left:0;bottom:0;top:0;z-index:2}.formulate-input[data-classification=file] .formulate-files .formualte-file-name{padding-left:1.5em;padding-right:2em}.formulate-input[data-classification=file] .formulate-files .formualte-file-name:before{position:absolute;left:.7em;top:50%;margin-top:-.7em;background-color:#a8a8a8;content:"";-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1.25em;height:1.25em;display:inline-block;margin-right:.5em}.formulate-input[data-classification=file] .formulate-files .formulate-file-remove{width:1.25em;height:1.25em;border-radius:1em;border:1px solid #a8a8a8;background-color:#a8a8a8;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-size:.6em;mask-size:.6em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;cursor:pointer;position:absolute;right:.75em;z-index:1;transition:transform .25s}@media (pointer:fine){.formulate-input[data-classification=file] .formulate-files .formulate-file-remove:hover{transform:scale(1.5)}}.formulate-input[data-classification=file] .formulate-files li{display:block}.formulate-input[data-classification=file] .formulate-files li[data-has-error] .formulate-file-progress{background-color:#dc2c2c}.formulate-input[data-classification=file] .formulate-files li[data-has-preview] .formualte-file-name:before{display:none}.formulate-input[data-classification=file] .formulate-files li+li{margin-top:.5em}.formulate-input[data-classification=file] .formulate-files .formulate-file{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.3em;border:1px solid #cecece;box-sizing:border-box;background-color:transparent;font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:.75em;font-weight:400;line-height:1.1em;margin:0;display:block;width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative}.formulate-input[data-classification=file] .formulate-files .formulate-file::-webkit-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file::-moz-placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file:-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file::-ms-input-placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file::placeholder{color:#a8a8a8}.formulate-input[data-classification=file] .formulate-files .formulate-file:focus{outline:0;border:1px solid #41b883}.formulate-input[data-classification=file] .formulate-files .formulate-file ::-webkit-progress-bar{-webkit-appearance:none;appearance:none;height:.5em;border-radius:.5em;overflow:hidden}.formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview{width:3em;height:3em;position:relative;z-index:2;left:-1px;box-shadow:0 0 0 1px #efefef;transition:transform .25s,box-shadow .25s,background-color .25s}@media (pointer:fine){.formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview:hover{transition-delay:.2s;transform:scale(3);background-color:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,.1)}}.formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview img{display:block;position:absolute;width:100%;height:100%;left:0;right:0;bottom:0;top:0;-o-object-fit:contain;object-fit:contain;transition:all .25s}.formulate-input[data-classification=file] [data-type=image] .formulate-input-upload-area .formulate-input-upload-area-mask:before{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')} +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0ZGluIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUNFLG1CQUFzQixDQUN0Qix3Q0FDRSxhQUFjLENBQ2QsZUFBZ0IsQ0FDaEIsY0FBZSxDQUNmLGVBQWdCLENBQ2hCLGtCQUFxQixDQUN2QiwwQ0FDRSxjQUFlLENBQ2Ysa0JBQXFCLENBQ3ZCLHVDQUNFLGFBQWMsQ0FDZCxjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsZUFBZ0IsQ0FDaEIsbUJBQXNCLENBQ3hCLHlDQUNFLG9CQUFxQixDQUNyQixTQUFVLENBQ1YsUUFBVyxDQUNiLHNGQUVFLGFBQWMsQ0FDZCxjQUFlLENBQ2YsZUFBZ0IsQ0FDaEIsZUFBZ0IsQ0FDaEIsbUJBQXNCLENBQ3hCLDZDQUNFLGtCQUFxQixDQUN2Qiw0QkFDRSxlQUFrQixDQUNwQixpREFDRSx1QkFBZ0IsQ0FBaEIsb0JBQWdCLENBQWhCLGVBQWdCLENBQ2hCLGtCQUFtQixDQUNuQix3QkFBeUIsQ0FDekIscUJBQXNCLENBQ3RCLDRCQUE2QixDQUM3QixjQUFlLENBQ2Ysd0lBQTBKLENBQzFKLGFBQWMsQ0FDZCxhQUFjLENBQ2QsVUFBVyxDQUNYLGVBQWdCLENBQ2hCLGlCQUFrQixDQUNsQixRQUFXLENBQ1gsNEVBQ0UsYUFBZ0IsQ0FEbEIsbUVBQ0UsYUFBZ0IsQ0FEbEIsdUVBQ0UsYUFBZ0IsQ0FEbEIsd0VBQ0UsYUFBZ0IsQ0FEbEIsOERBQ0UsYUFBZ0IsQ0FDbEIsdURBQ0UsU0FBVSxDQUNWLHdCQUEyQixDQUMvQiw0RUFDRSxpQkFBb0IsQ0FDcEIsbUZBQ0UsVUFBVyxDQUNYLFNBQVUsQ0FDVixXQUFZLENBQ1osaUJBQWtCLENBQ2xCLE1BQU8sQ0FDUCxLQUFNLENBQ04sdVpBQXdaLENBQ3haLHVCQUF3QixDQUN4QiwyQkFBNEIsQ0FDNUIsdUJBQTJCLENBQzNCLG1CQUFzQixDQUN4QixrRkFDRSxnQkFBbUIsQ0FDdkIsNkRBQ0UsWUFBYSxDQUNiLHNCQUF5QixDQUN6QiwyRkFDRSxtQkFBb0IsQ0FDcEIsWUFBYSxDQUNiLGtCQUFtQixDQUNuQiw2ckNBQThyQyxDQUM5ckMsMkJBQTRCLENBQzVCLHlCQUEwQixDQUMxQiw2QkFBZ0MsQ0FDbEMsbUZBQ0UsYUFBYyxDQUNkLFVBQVcsQ0FDWCxrQkFBbUIsQ0FDbkIsUUFBUyxDQUNULFNBQVksQ0FDZCxnRkFDRSxhQUFjLENBQ2QsVUFBVyxDQUNYLGtCQUFtQixDQUNuQixRQUFTLENBQ1QsU0FBWSxDQUNoQiw2RUFDRSxZQUFhLENBQ2Isa0JBQXFCLENBQ3ZCLGtGQUNFLGNBQWUsQ0FDZixhQUFjLENBQ2QsZ0JBQWlCLENBQ2pCLHdCQUF5QixDQUN6QixrQkFBbUIsQ0FDbkIsbUJBQW9CLENBQ3BCLGFBQWMsQ0FDZCxpQ0FBb0MsQ0FDdEMsbURBQ0UsdUJBQWdCLENBQWhCLG9CQUFnQixDQUFoQixlQUFnQixDQUNoQixVQUFXLENBQ1gsYUFBYyxDQUNkLGNBQWlCLENBQ2pCLHlEQUNFLFNBQVksQ0FDZCx5RUFDRSxjQUFlLENBQ2YsdUJBQWdCLENBQWhCLGVBQWdCLENBQ2hCLFNBQVUsQ0FDVixVQUFXLENBQ1gsaUJBQWtCLENBQ2xCLHdCQUF5QixDQUN6Qiw0QkFBK0IsQ0FDakMscUVBQ0UsY0FBZSxDQUNmLG9CQUFnQixDQUFoQixlQUFnQixDQUNoQixTQUFVLENBQ1YsVUFBVyxDQUNYLGlCQUFrQixDQUNsQix3QkFBeUIsQ0FDekIsNEJBQStCLENBQ2pDLDhEQUNFLGNBQWUsQ0FDZixlQUFnQixDQUNoQixTQUFVLENBQ1YsVUFBVyxDQUNYLGlCQUFrQixDQUNsQix3QkFBeUIsQ0FDekIsNEJBQStCLENBQ2pDLGtGQUNFLHVCQUFnQixDQUFoQixlQUFnQixDQUNoQixVQUFXLENBQ1gsVUFBVyxDQUNYLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsUUFBUyxDQUNULFNBQVksQ0FDaEIsd0RBQ0UsdUJBQWdCLENBQWhCLG9CQUFnQixDQUFoQixlQUFnQixDQUNoQixrQkFBbUIsQ0FDbkIsd0JBQXlCLENBQ3pCLHFCQUFzQixDQUN0Qiw0QkFBNkIsQ0FDN0IsY0FBZSxDQUNmLHdJQUEwSixDQUMxSixhQUFjLENBQ2QsYUFBYyxDQUNkLFVBQVcsQ0FDWCxlQUFnQixDQUNoQixpQkFBa0IsQ0FDbEIsUUFBVyxDQUNYLG1GQUNFLGFBQWdCLENBRGxCLDBFQUNFLGFBQWdCLENBRGxCLDhFQUNFLGFBQWdCLENBRGxCLCtFQUNFLGFBQWdCLENBRGxCLHFFQUNFLGFBQWdCLENBQ2xCLDhEQUNFLFNBQVUsQ0FDVix3QkFBMkIsQ0FDL0Isb0RBQ0UsdUJBQWdCLENBQWhCLG9CQUFnQixDQUFoQixlQUFnQixDQUNoQixrQkFBbUIsQ0FFbkIscUJBQXNCLENBQ3RCLDRCQUE2QixDQUM3QixjQUFlLENBQ2Ysd0lBQTBKLENBQzFKLGFBQWMsQ0FDZCxhQUFjLENBQ2QsVUFBVyxDQUNYLGVBQWdCLENBQ2hCLGlCQUFrQixDQUNsQixRQUFTLENBQ1Qsd0JBQXFCLENBQ3JCLHdCQUF5QixDQUN6QixVQUFZLENBQ1osV0FBWSxDQUNaLFVBQVcsQ0FDWCxlQUFpQixDQUNqQixjQUFlLENBQ2YsbUJBQW9CLENBQ3BCLGtCQUFxQixDQUNyQiwrRUFDRSxhQUFnQixDQURsQixzRUFDRSxhQUFnQixDQURsQiwwRUFDRSxhQUFnQixDQURsQiwyRUFDRSxhQUFnQixDQURsQixpRUFDRSxhQUFnQixDQUNsQiwwREFDRSxTQUFVLENBQ1Ysd0JBQTJCLENBQzdCLDhEQUNFLHdCQUF5QixDQUN6QixvQkFBdUIsQ0FDekIsMkRBQ0Usd0JBQXlCLENBQ3pCLG9CQUF1QixDQUMzQixzRUFDRSxpQkFBb0IsQ0FDcEIsNkVBQ0UsVUFBVyxDQUNYLE9BQVEsQ0FDUixRQUFTLENBR1QsNENBQXNCLENBQXRCLGtCQUFzQixDQUF0Qix3QkFBc0IsQ0FDdEIsT0FBUSxDQUNSLGdCQUFpQixDQUNqQixTQUFVLENBQ1YsaUJBQW9CLENBQ3hCLG9EQUNFLHVCQUFnQixDQUFoQixvQkFBZ0IsQ0FBaEIsZUFBZ0IsQ0FDaEIsa0JBQW1CLENBQ25CLHdCQUF5QixDQUN6QixxQkFBc0IsQ0FDdEIsNEJBQTZCLENBQzdCLGNBQWUsQ0FDZix3SUFBMEosQ0FFMUosYUFBYyxDQUNkLFVBQVcsQ0FDWCxlQUFnQixDQUNoQixpQkFBa0IsQ0FDbEIsUUFBUyxDQUNULDZCQUFvQixDQUNwQiwrRUFDRSxhQUFnQixDQURsQixzRUFDRSxhQUFnQixDQURsQiwwRUFDRSxhQUFnQixDQURsQiwyRUFDRSxhQUFnQixDQURsQixpRUFDRSxhQUFnQixDQUNsQiwwREFDRSxTQUFVLENBQ1Ysd0JBQTJCLENBQzdCLCtFQUNFLGFBQWdCLENBQ3BCLG1FQUNFLFlBQWEsQ0FDYixrQkFBcUIsQ0FDdkIsbUVBQ0UsZUFBZ0IsQ0FDaEIsWUFBYSxDQUNiLGtCQUFxQixDQUNyQix5RUFDRSxpQkFBa0IsQ0FDbEIsV0FBYyxDQUNoQiw2RUFDRSxhQUFjLENBQ2QsU0FBVSxDQUNWLFVBQVcsQ0FDWCxtQkFBb0IsQ0FDcEIsd0JBQXlCLENBQ3pCLGlCQUFvQixDQUNwQixvRkFDRSxVQUFXLENBQ1gsYUFBYyxDQUNkLHVCQUF3QixDQUN4Qix3QkFBMEIsQ0FDMUIseUJBQTBCLENBQzFCLDBCQUEyQixDQUMzQixxQkFBc0IsQ0FDdEIsaUJBQWtCLENBQ2xCLFdBQVksQ0FDWixZQUFlLENBQ25CLHVIQUNFLGlCQUFvQixDQUNwQiw4SEFDRSxpQkFBa0IsQ0FDbEIsdUJBQXdCLENBQ3hCLHdCQUF5QixDQUN6QixTQUFVLENBQ1YsVUFBYSxDQUNqQixtSUFDRSxvQkFBdUIsQ0FDdkIsMElBQ0Usd0JBQXlCLENBQ3pCLGlRQUEwUCxDQUExUCx5UEFBNFAsQ0FDaFEsZ0lBQ0Usb0JBQXVCLENBQ3ZCLHVJQUNFLHdCQUEyQixDQUMvQixrSEFDRSxvQkFBdUIsQ0FDM0Isd0VBQ0UsZ0JBQW1CLENBQ3JCLHlFQUNFLGlCQUFvQixDQUN0Qiw0RkFDRSxrQkFBcUIsQ0FDdkIsd0VBQ0UsVUFBVyxDQUNYLGlCQUFrQixDQUNsQixhQUFnQixDQUNoQiw4RUFDRSxjQUFlLENBQ2YsdUJBQWdCLENBQWhCLG9CQUFnQixDQUFoQixlQUFnQixDQUNoQixTQUFVLENBQ1YsaUJBQWtCLENBQ2xCLE1BQU8sQ0FDUCxPQUFRLENBQ1IsUUFBUyxDQUNULEtBQU0sQ0FDTixVQUFXLENBQ1gsV0FBWSxDQUNaLFNBQVksQ0FDZCx3RkFDRSxTQUFZLENBQ1osOEZBQ0UsWUFBZSxDQUNuQiw2RUFDRSxrQkFBbUIsQ0FFbkIsbUJBQW9CLENBQ3BCLGlCQUFrQixDQUNsQixZQUFhLENBQ2Isc0JBQXVCLENBQ3ZCLGtCQUFtQixDQUNuQixNQUFPLENBQ1AsT0FBUSxDQUNSLEtBQU0sQ0FDTixRQUFTLENBQ1QseUJBQTBCLENBQzFCLFNBQVksQ0FDWixvRkFDRSxVQUFXLENBQ1gsd0JBQXlCLENBQ3pCLHFUQUE4UyxDQUE5Uyw2U0FBOFMsQ0FDOVMsNkJBQXNCLENBQXRCLHFCQUFzQixDQUN0Qiw0QkFBcUIsQ0FBckIsb0JBQXFCLENBQ3JCLFNBQVUsQ0FDVixVQUFXLENBQ1gsaUJBQWtCLENBQ2xCLG1CQUFzQixDQUMxQixnWEFHRSxvQkFBdUIsQ0FDdkIscVlBR0Usd0JBQTJCLENBQ2pDLDREQUNFLG9CQUFxQixDQUNyQixRQUFTLENBQ1QsU0FBWSxDQUNaLHFGQUNFLHdCQUF5QixDQUN6QixXQUFZLENBQ1osb0JBQXFCLENBQ3JCLFNBQVUsQ0FDVixlQUFnQixDQUNoQixpQkFBa0IsQ0FDbEIsV0FBWSxDQUNaLGlDQUFtQyxDQUNuQyxTQUFZLENBQ1osNEZBQ0UsVUFBVyxDQUNYLGlCQUFrQixDQUNsQixLQUFNLENBQ04sTUFBTyxDQUNQLE9BQVEsQ0FDUixRQUFTLENBQ1QsYUFBYyxDQUNkLFNBQVUsQ0FDVixvQkFBc0IsQ0FDdEIscUJBQXlCLENBQ3pCLGlRQUEwUCxDQUExUCx5UEFBMFAsQ0FDMVAscUJBQWMsQ0FBZCxhQUFjLENBQ2QsNkJBQXNCLENBQXRCLHFCQUFzQixDQUN0Qiw0QkFBcUIsQ0FBckIsb0JBQXFCLENBQ3JCLFNBQVksQ0FDZCx5R0FDRSxZQUFhLENBQ2IsYUFBZ0IsQ0FDaEIsZ0hBQ0UsOENBQWdELENBQ2hELGtCQUFtQixDQUNuQixTQUFZLENBQ2hCLHVHQUNFLHVFQUE2RSxDQUM3RSxVQUFXLENBQ1gsV0FBWSxDQUNaLE9BQVEsQ0FDUiw2QkFBZ0MsQ0FDaEMsOEdBQ0Usc0JBQXVCLENBQ3ZCLFNBQVksQ0FDaEIsb0hBQ0Usd0JBQXlCLENBQ3pCLFFBQVMsQ0FDVCxpQkFBa0IsQ0FDbEIsTUFBTyxDQUNQLFFBQVMsQ0FDVCxLQUFNLENBQ04sU0FBWSxDQUNoQixpRkFDRSxrQkFBbUIsQ0FDbkIsaUJBQW9CLENBQ3BCLHdGQUNFLGlCQUFrQixDQUNsQixTQUFVLENBQ1YsT0FBUSxDQUNSLGdCQUFpQixDQUNqQix3QkFBeUIsQ0FDekIsVUFBVyxDQUNYLDhlQUF1ZSxDQUF2ZSxzZUFBdWUsQ0FDdmUsNkJBQXNCLENBQXRCLHFCQUFzQixDQUN0Qix5QkFBa0IsQ0FBbEIsaUJBQWtCLENBQ2xCLFlBQWEsQ0FDYixhQUFjLENBQ2Qsb0JBQXFCLENBQ3JCLGlCQUFvQixDQUN4QixtRkFDRSxZQUFhLENBQ2IsYUFBYyxDQUNkLGlCQUFrQixDQUNsQix3QkFBeUIsQ0FDekIsd0JBQXlCLENBQ3pCLGtZQUEyWCxDQUEzWCwwWEFBMlgsQ0FDM1gsc0JBQWUsQ0FBZixjQUFlLENBQ2YsNkJBQXNCLENBQXRCLHFCQUFzQixDQUN0Qiw0QkFBcUIsQ0FBckIsb0JBQXFCLENBQ3JCLGNBQWUsQ0FDZixpQkFBa0IsQ0FDbEIsV0FBWSxDQUNaLFNBQVUsQ0FDVix5QkFBNEIsQ0FDNUIsc0JBQ0UseUZBQ0Usb0JBQXVCLENBQUUsQ0FDL0IsK0RBQ0UsYUFBZ0IsQ0FDaEIsd0dBQ0Usd0JBQTJCLENBQzdCLDZHQUNFLFlBQWUsQ0FDakIsa0VBQ0UsZUFBa0IsQ0FDdEIsNEVBQ0UsdUJBQWdCLENBQWhCLG9CQUFnQixDQUFoQixlQUFnQixDQUNoQixrQkFBbUIsQ0FDbkIsd0JBQXlCLENBQ3pCLHFCQUFzQixDQUN0Qiw0QkFBNkIsQ0FDN0IsY0FBZSxDQUNmLHdJQUEwSixDQUMxSixhQUFjLENBR2QsZUFBZ0IsQ0FDaEIsaUJBQWtCLENBQ2xCLFFBQVMsQ0FDVCxhQUFjLENBQ2QsVUFBVyxDQUNYLFlBQWEsQ0FDYiwwQkFBMkIsQ0FDM0Isa0JBQW1CLENBQ25CLGlCQUFvQixDQUNwQix1R0FDRSxhQUFnQixDQURsQiw4RkFDRSxhQUFnQixDQURsQixrR0FDRSxhQUFnQixDQURsQixtR0FDRSxhQUFnQixDQURsQix5RkFDRSxhQUFnQixDQUNsQixrRkFDRSxTQUFVLENBQ1Ysd0JBQTJCLENBQzdCLG1HQUNFLHVCQUFnQixDQUFoQixlQUFnQixDQUNoQixXQUFZLENBQ1osa0JBQW1CLENBQ25CLGVBQWtCLENBQ3RCLDBGQUNFLFNBQVUsQ0FDVixVQUFXLENBQ1gsaUJBQWtCLENBQ2xCLFNBQVUsQ0FDVixTQUFVLENBQ1YsNEJBQTZCLENBQzdCLCtEQUFvRSxDQUNwRSxzQkFDRSxnR0FDRSxvQkFBcUIsQ0FDckIsa0JBQW1CLENBQ25CLHFCQUF5QixDQUN6QixtQ0FBMEMsQ0FBRSxDQUNoRCw4RkFDRSxhQUFjLENBQ2QsaUJBQWtCLENBQ2xCLFVBQVcsQ0FDWCxXQUFZLENBQ1osTUFBTyxDQUNQLE9BQVEsQ0FDUixRQUFTLENBQ1QsS0FBTSxDQUNOLHFCQUFtQixDQUFuQixrQkFBbUIsQ0FDbkIsbUJBQXNCLENBQzVCLG1JQUNFLCtiQUF3YixDQUF4Yix1YkFBMGIiLCJmaWxlIjoic3RkaW4iLCJzb3VyY2VzQ29udGVudCI6WyIuZm9ybXVsYXRlLWlucHV0IHtcbiAgbWFyZ2luLWJvdHRvbTogMS41ZW07IH1cbiAgLmZvcm11bGF0ZS1pbnB1dCAuZm9ybXVsYXRlLWlucHV0LWxhYmVsIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBsaW5lLWhlaWdodDogMS41O1xuICAgIGZvbnQtc2l6ZTogLjllbTtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIG1hcmdpbi1ib3R0b206IC4xZW07IH1cbiAgLmZvcm11bGF0ZS1pbnB1dCAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQge1xuICAgIG1heC13aWR0aDogMjBlbTtcbiAgICBtYXJnaW4tYm90dG9tOiAuMWVtOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXQgLmZvcm11bGF0ZS1pbnB1dC1oZWxwIHtcbiAgICBjb2xvcjogIzZkNmQ2ZDtcbiAgICBmb250LXNpemU6IC43ZW07XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBsaW5lLWhlaWdodDogMS41O1xuICAgIG1hcmdpbi1ib3R0b206IC4yNWVtOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXQgLmZvcm11bGF0ZS1pbnB1dC1lcnJvcnMge1xuICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDsgfVxuICAuZm9ybXVsYXRlLWlucHV0IC5mb3JtdWxhdGUtaW5wdXQtZXJyb3IsXG4gIC5mb3JtdWxhdGUtaW5wdXQgLmZvcm11bGF0ZS1maWxlLXVwbG9hZC1lcnJvciB7XG4gICAgY29sb3I6ICM5NjA1MDU7XG4gICAgZm9udC1zaXplOiAuOGVtO1xuICAgIGZvbnQtd2VpZ2h0OiAzMDA7XG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgICBtYXJnaW4tYm90dG9tOiAuMjVlbTsgfVxuICAuZm9ybXVsYXRlLWlucHV0IC5mb3JtdWxhdGUtaW5wdXQtZ3JvdXAtaXRlbSB7XG4gICAgbWFyZ2luLWJvdHRvbTogLjVlbTsgfVxuICAuZm9ybXVsYXRlLWlucHV0Omxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSd0ZXh0J10gaW5wdXQge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogLjNlbTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2VjZWNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZm9udC1zaXplOiAuOWVtO1xuICAgIGZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsIFwiU2Vnb2UgVUlcIiwgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmLCBcIkFwcGxlIENvbG9yIEVtb2ppXCIsIFwiU2Vnb2UgVUkgRW1vamlcIiwgXCJTZWdvZSBVSSBTeW1ib2xcIjtcbiAgICBwYWRkaW5nOiAuNzVlbTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjFlbTtcbiAgICBtYXJnaW46IDA7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3RleHQnXSBpbnB1dDo6cGxhY2Vob2xkZXIge1xuICAgICAgY29sb3I6ICNhOGE4YTg7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3RleHQnXSBpbnB1dDpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiAwO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgIzQxYjg4MzsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3RleHQnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtLXNlYXJjaCB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSd0ZXh0J10gLmZvcm11bGF0ZS1pbnB1dC1lbGVtZW50LS1zZWFyY2g6OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHdpZHRoOiAyZW07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgdG9wOiAwO1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDcyLjk5IDcyLjlcIj48cGF0aCBmaWxsPVwiJTIzNmQ2ZDZkXCIgZD1cIk03MS43Nyw2Niw1My44Nyw0OC4xQTI5Ljk0LDI5Ljk0LDAsMSwwLDMwLDYwYTI5LjUyLDI5LjUyLDAsMCwwLDE4LjEtNi4xbDE4LDE3LjhBNCw0LDAsMCwwLDY5LDcyLjlhNC4xOCw0LjE4LDAsMCwwLDIuOS0xLjJBNC4wOSw0LjA5LDAsMCwwLDcxLjc3LDY2Wk0zMC4wNyw1MS45YTIxLjksMjEuOSwwLDEsMSwxNS41LTM3LjRBMjEuMzcsMjEuMzcsMCwwLDEsNTIsMzBhMjIsMjIsMCwwLDEtNi40LDE1LjVBMjEuNTQsMjEuNTQsMCwwLDEsMzAuMDcsNTEuOVpcIi8+PC9zdmc+Jyk7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IDFlbSAxZW07XG4gICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3RleHQnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtLXNlYXJjaCBpbnB1dCB7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDJlbTsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3RleHQnXSBpbnB1dFt0eXBlPVwiY29sb3JcIl0ge1xuICAgIGhlaWdodDogMS4xZW07XG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3RleHQnXSBpbnB1dFt0eXBlPVwiY29sb3JcIl06Oi13ZWJraXQtY29sb3Itc3dhdGNoLXdyYXBwZXIge1xuICAgICAgcGFkZGluZzogMCAwIDAgMS41ZW07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA3OS4xNyA3OS4xN1wiPjxwYXRoIGZpbGw9XCIlMjM2ZDZkNmRcIiBkPVwiTTQwLjgsMjIuOTJjLTMuNC0zLjQtNC43Ni04LjQ0LTEtMTIuMjRzOC44NC0yLjQ0LDEyLjI0LDFjNS01LDEwLjY5LTEzLjMzLDE4LjgxLTExLjMxYTExLDExLDAsMCwxLDcuNjIsMTQuMzRjLTEuMjYsMy40NS00LjYzLDYuMDYtNy4xNiw4LjU5LS45Mi45My0zLDIuMjYtMy40NiwzLjQ2LS40MiwxLDEuODIsMi42MywyLjM2LDRhOCw4LDAsMCwxLTEyLjQyLDkuMTljLS4yMS0uMTYtMS4zNS0xLjUxLTEuNTktMS41MXMtLjgzLjgzLTEsMUw0OS43MSw0NC45LDMyLjQzLDYyLjE4Yy0zLjM3LDMuMzgtNi42LDcuMTQtMTAuMjYsMTAuMjFhMTEsMTEsMCwwLDEtNC40OCwyLjI4Yy0xLjI1LjMtMy4xMS0uMjItNC4xOC4xOC0xLjI4LjQ4LTIuNDIsMi42NS0zLjY4LDMuNC02LjA1LDMuNjEtMTIuNjQtNC04LjQ2LTkuNTcuNzMtMSwyLjUzLTEuOTIsMy0zYTE0LjQ2LDE0LjQ2LDAsMCwwLS4wOS0yLjUyLDEwLjc1LDEwLjc1LDAsMCwxLDMuMTQtNi43N2MuOTItMSwxLjkzLTEuOTMsMi44OS0yLjlabTQuNC0xLjVjNC4xOSw0LDguMjQsOC4yNCwxMi4zNiwxMi4zNiwyLjA2LDIuMDYsNSw1LjU5LDgsMi42MSw0LjY1LTQuNjItNS02LjgtMi40Mi0xMC43OEM2Ni4zLDIwLjcsNzYuNCwxNi40OCw3NC44NCw5LjQ1LDczLjYyLDQsNjcuMTIsMi43OCw2My4yOSw2LjMyYy0yLjU1LDIuMzYtNC45Myw0Ljk0LTcuMzksNy40LS43OS43OC0xLjgsMi4yOC0yLjg4LDIuNzMtMi4xNC44OC0zLjQtMS42Mi00Ljc5LTIuNzctMi41OC0yLjE0LTYuODktLjgyLTYuNTMsM0M0MS44OSwxOC42OCw0My44NywyMC4wOSw0NS4yLDIxLjQyWm0tMS40NSw0LjQ0TDI3LjgyLDQxLjc5QzIyLDQ3LjU3LDE1Ljg5LDUzLjE0LDEwLjQxLDU5LjJhOC4yMyw4LjIzLDAsMCwwLTEuNDQsMmMtLjkzLDIsLjI1LDQuMTQtLjUsNlM0LjkyLDY5Ljk0LDQuMyw3MmEyLjM0LDIuMzQsMCwwLDAsMi41NiwzYzEuMTEtLjE3LDItMS4zMywyLjcxLTIuMDdhMTEuMTcsMTEuMTcsMCwwLDEsMi4wOC0yYzEuNjgtLjk0LDQsLjE3LDUuOTMtLjU3QzIwLDY5LjQxLDIyLDY2LjczLDIzLjc2LDY1TDM0LjQyLDU0LjMsNTMuMywzNS40MlpcIi8+PC9zdmc+Jyk7XG4gICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgYmFja2dyb3VuZC1zaXplOiAuOWVtIC45ZW07XG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBsZWZ0IC4xZW07IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3RleHQnXSBpbnB1dFt0eXBlPVwiY29sb3JcIl06Oi13ZWJraXQtY29sb3Itc3dhdGNoIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaGVpZ2h0OiAxZW07XG4gICAgICBib3JkZXItcmFkaXVzOiAuMmVtO1xuICAgICAgYm9yZGVyOiAwO1xuICAgICAgZmxleDogYXV0bzsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0ndGV4dCddIGlucHV0W3R5cGU9XCJjb2xvclwiXTo6LW1vei1jb2xvci1zd2F0Y2gge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBoZWlnaHQ6IDFlbTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IC4yZW07XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBmbGV4OiBhdXRvOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2xpZGVyJ10gLmZvcm11bGF0ZS1pbnB1dC1lbGVtZW50LS1yYW5nZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2xpZGVyJ10gLmZvcm11bGF0ZS1pbnB1dC1lbGVtZW50LXJhbmdlLXZhbHVlIHtcbiAgICBmb250LXNpemU6IC45ZW07XG4gICAgbGluZS1oZWlnaHQ6IDE7XG4gICAgbWFyZ2luLWxlZnQ6IC41ZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2VmZWZlZjtcbiAgICBwYWRkaW5nOiAuMjVlbSAuM2VtO1xuICAgIGJvcmRlci1yYWRpdXM6IC4yNWVtO1xuICAgIGNvbG9yOiAjNmQ2ZDZkO1xuICAgIGZvbnQtdmFyaWFudC1udW1lcmljOiB0YWJ1bGFyLW51bXM7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdzbGlkZXInXSBpbnB1dCB7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXNpemU6IDFlbTtcbiAgICBwYWRkaW5nOiAuNWVtIDA7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NsaWRlciddIGlucHV0OmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IDA7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NsaWRlciddIGlucHV0Ojotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgd2lkdGg6IDFlbTtcbiAgICAgIGhlaWdodDogMWVtO1xuICAgICAgYm9yZGVyLXJhZGl1czogMWVtO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzQxYjg4MztcbiAgICAgIG1hcmdpbi10b3A6IGNhbGMoLS41ZW0gKyAycHgpOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdzbGlkZXInXSBpbnB1dDo6LW1vei1yYW5nZS10aHVtYiB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgd2lkdGg6IDFlbTtcbiAgICAgIGhlaWdodDogMWVtO1xuICAgICAgYm9yZGVyLXJhZGl1czogMWVtO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzQxYjg4MztcbiAgICAgIG1hcmdpbi10b3A6IGNhbGMoLS41ZW0gKyAycHgpOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdzbGlkZXInXSBpbnB1dDo6LW1zLXRodW1iIHtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICB3aWR0aDogMWVtO1xuICAgICAgaGVpZ2h0OiAxZW07XG4gICAgICBib3JkZXItcmFkaXVzOiAxZW07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDFiODgzO1xuICAgICAgbWFyZ2luLXRvcDogY2FsYygtLjVlbSArIDJweCk7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NsaWRlciddIGlucHV0Ojotd2Via2l0LXNsaWRlci1ydW5uYWJsZS10cmFjayB7XG4gICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDRweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlZmVmZWY7XG4gICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBwYWRkaW5nOiAwOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0ndGV4dGFyZWEnXSB0ZXh0YXJlYSB7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAuM2VtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNjZWNlY2U7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBmb250LXNpemU6IC45ZW07XG4gICAgZm9udC1mYW1pbHk6IC1hcHBsZS1zeXN0ZW0sIEJsaW5rTWFjU3lzdGVtRm9udCwgXCJTZWdvZSBVSVwiLCBSb2JvdG8sIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWYsIFwiQXBwbGUgQ29sb3IgRW1vamlcIiwgXCJTZWdvZSBVSSBFbW9qaVwiLCBcIlNlZ29lIFVJIFN5bWJvbFwiO1xuICAgIHBhZGRpbmc6IC43NWVtO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbGluZS1oZWlnaHQ6IDEuMWVtO1xuICAgIG1hcmdpbjogMDsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0ndGV4dGFyZWEnXSB0ZXh0YXJlYTo6cGxhY2Vob2xkZXIge1xuICAgICAgY29sb3I6ICNhOGE4YTg7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3RleHRhcmVhJ10gdGV4dGFyZWE6Zm9jdXMge1xuICAgICAgb3V0bGluZTogMDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM0MWI4ODM7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdidXR0b24nXSBidXR0b24ge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogLjNlbTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2VjZWNlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZm9udC1zaXplOiAuOWVtO1xuICAgIGZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsIFwiU2Vnb2UgVUlcIiwgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmLCBcIkFwcGxlIENvbG9yIEVtb2ppXCIsIFwiU2Vnb2UgVUkgRW1vamlcIiwgXCJTZWdvZSBVSSBTeW1ib2xcIjtcbiAgICBwYWRkaW5nOiAuNzVlbTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogMTAwJTtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjFlbTtcbiAgICBtYXJnaW46IDA7XG4gICAgYm9yZGVyLWNvbG9yOiAjNDFiODgzO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM0MWI4ODM7XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIG1pbi13aWR0aDogMDtcbiAgICB3aWR0aDogYXV0bztcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nYnV0dG9uJ10gYnV0dG9uOjpwbGFjZWhvbGRlciB7XG4gICAgICBjb2xvcjogI2E4YThhODsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nYnV0dG9uJ10gYnV0dG9uOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IDA7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjNDFiODgzOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdidXR0b24nXSBidXR0b25bZGlzYWJsZWRdIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNjZWNlY2U7XG4gICAgICBib3JkZXItY29sb3I6ICNjZWNlY2U7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2J1dHRvbiddIGJ1dHRvbjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzY0Yzg5YjtcbiAgICAgIGJvcmRlci1jb2xvcjogIzY0Yzg5YjsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NlbGVjdCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudCB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdzZWxlY3QnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQ6OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHdpZHRoOiAwO1xuICAgICAgaGVpZ2h0OiAwO1xuICAgICAgYm9yZGVyOiAuM2VtIHNvbGlkIHRyYW5zcGFyZW50O1xuICAgICAgYm9yZGVyLXRvcC1jb2xvcjogI2NlY2VjZTtcbiAgICAgIGJvcmRlci1ib3R0b20td2lkdGg6IDA7XG4gICAgICB0b3A6IDUwJTtcbiAgICAgIG1hcmdpbi10b3A6IC0uMWVtO1xuICAgICAgcmlnaHQ6IDFlbTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NlbGVjdCddIHNlbGVjdCB7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAuM2VtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNjZWNlY2U7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBmb250LXNpemU6IC45ZW07XG4gICAgZm9udC1mYW1pbHk6IC1hcHBsZS1zeXN0ZW0sIEJsaW5rTWFjU3lzdGVtRm9udCwgXCJTZWdvZSBVSVwiLCBSb2JvdG8sIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWYsIFwiQXBwbGUgQ29sb3IgRW1vamlcIiwgXCJTZWdvZSBVSSBFbW9qaVwiLCBcIlNlZ29lIFVJIFN5bWJvbFwiO1xuICAgIHBhZGRpbmc6IC43NWVtO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbGluZS1oZWlnaHQ6IDEuMWVtO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAyZW07IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NlbGVjdCddIHNlbGVjdDo6cGxhY2Vob2xkZXIge1xuICAgICAgY29sb3I6ICNhOGE4YTg7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J3NlbGVjdCddIHNlbGVjdDpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiAwO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgIzQxYjg4MzsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nc2VsZWN0J10gc2VsZWN0W2RhdGEtcGxhY2Vob2xkZXItc2VsZWN0ZWRdIHtcbiAgICAgIGNvbG9yOiAjYThhOGE4OyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj0nYm94J10gLmZvcm11bGF0ZS1pbnB1dC13cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cbiAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQgaW5wdXQge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgbGVmdDogLTk5OXB4OyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtZGVjb3JhdG9yIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgd2lkdGg6IDFlbTtcbiAgICAgIGhlaWdodDogMWVtO1xuICAgICAgYm9yZGVyLXJhZGl1czogLjI1ZW07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2VjZWNlO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudC1kZWNvcmF0b3I6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiByaWdodDtcbiAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIC4xMjVlbSk7XG4gICAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gLjEyNWVtKTtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0b3A6IC4wNjI1ZW07XG4gICAgICAgIGxlZnQ6IC4wNjI1ZW07IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtZWxlbWVudFtkYXRhLXR5cGU9XCJyYWRpb1wiXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtZGVjb3JhdG9yIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDFlbTsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnRbZGF0YS10eXBlPVwicmFkaW9cIl0gLmZvcm11bGF0ZS1pbnB1dC1lbGVtZW50LWRlY29yYXRvcjo6YmVmb3JlIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMWVtO1xuICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gLjVlbSk7XG4gICAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gLjVlbSk7XG4gICAgICAgIHRvcDogLjI1ZW07XG4gICAgICAgIGxlZnQ6IC4yNWVtOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQgaW5wdXRbdHlwZT1cImNoZWNrYm94XCJdOmNoZWNrZWQgfiAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtZGVjb3JhdG9yIHtcbiAgICAgIGJvcmRlci1jb2xvcjogIzQxYjg4MzsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQgaW5wdXRbdHlwZT1cImNoZWNrYm94XCJdOmNoZWNrZWQgfiAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtZGVjb3JhdG9yOjpiZWZvcmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDFiODgzO1xuICAgICAgICBtYXNrLWltYWdlOiB1cmwoJ2RhdGE6aW1hZ2Uvc3ZnK3htbDt1dGY4LDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMTAwIDEwMFwiPjxwYXRoIGQ9XCJNOC43Niw1Ni4yYy02LjM4LTYuMzQsMy4yNi0xNiw5LjY0LTkuNjlMMzgsNjUuODgsODAuNTYsMjMuMjljNi4zOC02LjM4LDE2LjA3LDMuMzIsOS42OSw5LjY5TDQyLjg0LDgwLjM3YTYuODMsNi44MywwLDAsMS05LjY1LDBaXCIvPjwvc3ZnPicpOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQgaW5wdXRbdHlwZT1cInJhZGlvXCJdOmNoZWNrZWQgfiAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtZGVjb3JhdG9yIHtcbiAgICAgIGJvcmRlci1jb2xvcjogIzQxYjg4MzsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQgaW5wdXRbdHlwZT1cInJhZGlvXCJdOmNoZWNrZWQgfiAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtZGVjb3JhdG9yOjpiZWZvcmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDFiODgzOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPSdib3gnXSAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQgaW5wdXQ6Zm9jdXMgfiAuZm9ybXVsYXRlLWlucHV0LWVsZW1lbnQtZGVjb3JhdG9yIHtcbiAgICAgIGJvcmRlci1jb2xvcjogIzQxYjg4MzsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtbGFiZWwtLWFmdGVyIHtcbiAgICBtYXJnaW4tbGVmdDogLjVlbTsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249J2JveCddIC5mb3JtdWxhdGUtaW5wdXQtbGFiZWwtLWJlZm9yZSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAuNWVtOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImdyb3VwXCJdID4gLmZvcm11bGF0ZS1pbnB1dC13cmFwcGVyID4gLmZvcm11bGF0ZS1pbnB1dC1sYWJlbCB7XG4gICAgbWFyZ2luLWJvdHRvbTogLjVlbTsgfVxuICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAyZW0gMDsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYSBpbnB1dCB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgei1pbmRleDogNTsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYVtkYXRhLWhhcy1maWxlc10ge1xuICAgICAgcGFkZGluZzogMDsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhW2RhdGEtaGFzLWZpbGVzXSBpbnB1dCB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEtbWFzayB7XG4gICAgICBib3JkZXItcmFkaXVzOiAuNGVtO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgdG9wOiAwO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgYm9yZGVyOiAycHggZGFzaGVkICNhOGE4YTg7XG4gICAgICB6LWluZGV4OiAyOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEtbWFzazo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNhOGE4YTg7XG4gICAgICAgIG1hc2staW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA1OCA1OFwiPjxwYXRoIGQ9XCJNMjksNThBMjksMjksMCwxLDAsMCwyOSwyOSwyOSwwLDAsMCwyOSw1OFpNMjksNEEyNSwyNSwwLDEsMSw0LDI5LDI1LDI1LDAsMCwxLDI5LDRaXCIvPjxwb2x5Z29uIHBvaW50cz1cIjI3IDIyIDI3IDQ0LjQgMzEgNDQuNCAzMSAyMiA0MS43IDMxLjEgNDQuMyAyOC4xIDI5IDE1IDEzLjcgMjguMSAxNi4zIDMxLjEgMjcgMjJcIi8+PC9zdmc+Jyk7XG4gICAgICAgIG1hc2stcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgIG1hc2stcG9zaXRpb246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDJlbTtcbiAgICAgICAgaGVpZ2h0OiAyZW07XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEgaW5wdXQ6Zm9jdXMgfiAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhLW1hc2ssXG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhIGlucHV0OmhvdmVyIH4gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYS1tYXNrLFxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYSBpbnB1dFtkYXRhLWlzLWRyYWctaG92ZXJdIH4gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYS1tYXNrIHtcbiAgICAgIGJvcmRlci1jb2xvcjogIzQxYjg4MzsgfVxuICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhIGlucHV0OmZvY3VzIH4gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYS1tYXNrOjpiZWZvcmUsXG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEgaW5wdXQ6aG92ZXIgfiAuZm9ybXVsYXRlLWlucHV0LXVwbG9hZC1hcmVhLW1hc2s6OmJlZm9yZSxcbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYSBpbnB1dFtkYXRhLWlzLWRyYWctaG92ZXJdIH4gLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYS1tYXNrOjpiZWZvcmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDFiODgzOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwOyB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZS1wcm9ncmVzcyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjY2VjZWNlO1xuICAgICAgaGVpZ2h0OiAuM2VtO1xuICAgICAgYm9yZGVyLXJhZGl1czogMS4yNWVtO1xuICAgICAgd2lkdGg6IDVlbTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICByaWdodDogLjc1ZW07XG4gICAgICB0cmFuc2l0aW9uOiBoZWlnaHQgLjI1cywgd2lkdGggLjI1cztcbiAgICAgIHotaW5kZXg6IDI7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUtcHJvZ3Jlc3M6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC4wOCk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgICAgIG1hc2staW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAxMDAgMTAwXCI+PHBhdGggZD1cIk04Ljc2LDU2LjJjLTYuMzgtNi4zNCwzLjI2LTE2LDkuNjQtOS42OUwzOCw2NS44OCw4MC41NiwyMy4yOWM2LjM4LTYuMzgsMTYuMDcsMy4zMiw5LjY5LDkuNjlMNDIuODQsODAuMzdhNi44Myw2LjgzLDAsMCwxLTkuNjUsMFpcIi8+PC9zdmc+Jyk7XG4gICAgICAgIG1hc2stc2l6ZTogNzclO1xuICAgICAgICBtYXNrLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBtYXNrLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIHotaW5kZXg6IDM7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUtcHJvZ3Jlc3NbZGF0YS1qdXN0LWZpbmlzaGVkXSB7XG4gICAgICAgIHdpZHRoOiAxLjI1ZW07XG4gICAgICAgIGhlaWdodDogMS4yNWVtOyB9XG4gICAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUtcHJvZ3Jlc3NbZGF0YS1qdXN0LWZpbmlzaGVkXTo6YmVmb3JlIHtcbiAgICAgICAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjI1cyAuMnMsIG9wYWNpdHkgLjI1cyAuMnM7XG4gICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICAgICAgICBvcGFjaXR5OiAxOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11bGF0ZS1maWxlLXByb2dyZXNzW2RhdGEtaXMtZmluaXNoZWRdIHtcbiAgICAgICAgdHJhbnNpdGlvbjogaGVpZ2h0IC4yNXMsIHdpZHRoIC4yNXMsIGxlZnQgLjI1cywgdG9wLCAuMjVzLCBib3JkZXItcmFkaXVzIC4yNXM7XG4gICAgICAgIHdpZHRoOiAuM2VtO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwIC4yM2VtIC4yM2VtIDA7IH1cbiAgICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZS1wcm9ncmVzc1tkYXRhLWlzLWZpbmlzaGVkXTo6YmVmb3JlIHtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IC4xcztcbiAgICAgICAgICBvcGFjaXR5OiAwOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11bGF0ZS1maWxlLXByb2dyZXNzIC5mb3JtdWxhdGUtZmlsZS1wcm9ncmVzcy1pbm5lciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM0MWI4ODM7XG4gICAgICAgIHdpZHRoOiAxJTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgei1pbmRleDogMjsgfVxuICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVhbHRlLWZpbGUtbmFtZSB7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDEuNWVtO1xuICAgICAgcGFkZGluZy1yaWdodDogMmVtOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11YWx0ZS1maWxlLW5hbWU6OmJlZm9yZSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgbGVmdDogLjdlbTtcbiAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgIG1hcmdpbi10b3A6IC0uN2VtO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjYThhOGE4O1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgbWFzay1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDY0LjA2IDgzLjU5XCI+PHBhdGggZD1cIk01NS45NCw4My41OWE4LjE2LDguMTYsMCwwLDAsOC4xMi04LjE2VjE5LjEyYTEuNzcsMS43NywwLDAsMC0uNTItMS4yNUw0Ni4yMS41OUExLjY5LDEuNjksMCwwLDAsNDUuMTQuMDhMNDQuNjksMGwtLjE4LDBIOC4xM0E4LjE4LDguMTgsMCwwLDAsMCw4LjE2Vjc1LjQxYTguMTYsOC4xNiwwLDAsMCw4LjEzLDguMTZINTUuOTRaTTQ2LjY4LDYsNTguMTEsMTcuMzhINDYuNjhaTTMuNTIsNzUuNDNWOC4xNkE0LjY0LDQuNjQsMCwwLDEsOC4xMywzLjUyaDM1VjE5LjE2YTEuNzUsMS43NSwwLDAsMCwxLjc2LDEuNzRINjAuNTVWNzUuNDNhNC42NSw0LjY1LDAsMCwxLTQuNjEsNC42NUg4LjEzQTQuNjUsNC42NSwwLDAsMSwzLjUyLDc1LjQzWlwiLz48L3N2Zz4nKTtcbiAgICAgICAgbWFzay1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgICAgbWFzay1zaXplOiBjb250YWluO1xuICAgICAgICB3aWR0aDogMS4yNWVtO1xuICAgICAgICBoZWlnaHQ6IDEuMjVlbTtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IC41ZW07IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11bGF0ZS1maWxlLXJlbW92ZSB7XG4gICAgICB3aWR0aDogMS4yNWVtO1xuICAgICAgaGVpZ2h0OiAxLjI1ZW07XG4gICAgICBib3JkZXItcmFkaXVzOiAxZW07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjYThhOGE4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2E4YThhODtcbiAgICAgIG1hc2staW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA1OS4xIDU5LjJcIj48cGF0aCBkPVwiTTEuNiw1Ny43YTUsNSwwLDAsMCwzLjUsMS41LDQuODUsNC44NSwwLDAsMCwzLjUtMS41bDIxLTIxLDIxLDIxYTUsNSwwLDAsMCwzLjUsMS41LDQuODUsNC44NSwwLDAsMCwzLjUtMS41LDUsNSwwLDAsMCwwLTcuMWwtMjEtMjEsMjEtMjFhNSw1LDAsMCwwLDAtNy4xLDUsNSwwLDAsMC03LjEsMGwtMjEsMjFMOC42LDEuN2E1LDUsMCwwLDAtNy4xLDAsNSw1LDAsMCwwLDAsNy4xbDIxLDIxTDEuNiw1MC43QTQuODMsNC44MywwLDAsMCwxLjYsNTcuN1pcIi8+PC9zdmc+Jyk7XG4gICAgICBtYXNrLXNpemU6IC42ZW07XG4gICAgICBtYXNrLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgbWFzay1wb3NpdGlvbjogY2VudGVyO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgcmlnaHQ6IC43NWVtO1xuICAgICAgei1pbmRleDogMTtcbiAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAuMjVzOyB9XG4gICAgICBAbWVkaWEgKHBvaW50ZXI6IGZpbmUpIHtcbiAgICAgICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIC5mb3JtdWxhdGUtZmlsZS1yZW1vdmU6aG92ZXIge1xuICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS41KTsgfSB9XG4gICAgLmZvcm11bGF0ZS1pbnB1dFtkYXRhLWNsYXNzaWZpY2F0aW9uPVwiZmlsZVwiXSAuZm9ybXVsYXRlLWZpbGVzIGxpIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgbGlbZGF0YS1oYXMtZXJyb3JdIC5mb3JtdWxhdGUtZmlsZS1wcm9ncmVzcyB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNkYzJjMmM7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyBsaVtkYXRhLWhhcy1wcmV2aWV3XSAuZm9ybXVhbHRlLWZpbGUtbmFtZTpiZWZvcmUge1xuICAgICAgICBkaXNwbGF5OiBub25lOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgbGkgKyBsaSB7XG4gICAgICAgIG1hcmdpbi10b3A6IC41ZW07IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11bGF0ZS1maWxlIHtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBib3JkZXItcmFkaXVzOiAuM2VtO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NlY2VjZTtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGZvbnQtc2l6ZTogLjllbTtcbiAgICAgIGZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsIFwiU2Vnb2UgVUlcIiwgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmLCBcIkFwcGxlIENvbG9yIEVtb2ppXCIsIFwiU2Vnb2UgVUkgRW1vamlcIiwgXCJTZWdvZSBVSSBTeW1ib2xcIjtcbiAgICAgIHBhZGRpbmc6IC43NWVtO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICBsaW5lLWhlaWdodDogMS4xZW07XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGU6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgY29sb3I6ICNhOGE4YTg7IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGU6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjNDFiODgzOyB9XG4gICAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11bGF0ZS1maWxlIDo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBoZWlnaHQ6IC41ZW07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IC41ZW07XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47IH1cbiAgICAuZm9ybXVsYXRlLWlucHV0W2RhdGEtY2xhc3NpZmljYXRpb249XCJmaWxlXCJdIC5mb3JtdWxhdGUtZmlsZXMgLmZvcm11bGF0ZS1maWxlLWltYWdlLXByZXZpZXcge1xuICAgICAgd2lkdGg6IDNlbTtcbiAgICAgIGhlaWdodDogM2VtO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogMjtcbiAgICAgIGxlZnQ6IC0xcHg7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAxcHggI2VmZWZlZjtcbiAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAuMjVzLCBib3gtc2hhZG93IC4yNXMsIGJhY2tncm91bmQtY29sb3IgLjI1czsgfVxuICAgICAgQG1lZGlhIChwb2ludGVyOiBmaW5lKSB7XG4gICAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUtaW1hZ2UtcHJldmlldzpob3ZlciB7XG4gICAgICAgICAgdHJhbnNpdGlvbi1kZWxheTogLjJzO1xuICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMyk7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMnB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpOyB9IH1cbiAgICAgIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gLmZvcm11bGF0ZS1maWxlcyAuZm9ybXVsYXRlLWZpbGUtaW1hZ2UtcHJldmlldyBpbWcge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCAuMjVzOyB9XG4gIC5mb3JtdWxhdGUtaW5wdXRbZGF0YS1jbGFzc2lmaWNhdGlvbj1cImZpbGVcIl0gW2RhdGEtdHlwZT1cImltYWdlXCJdIC5mb3JtdWxhdGUtaW5wdXQtdXBsb2FkLWFyZWEgLmZvcm11bGF0ZS1pbnB1dC11cGxvYWQtYXJlYS1tYXNrOjpiZWZvcmUge1xuICAgIG1hc2staW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO3V0ZjgsPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA5MCA3MS4wNVwiPjxwYXRoIGQ9XCJNODIuODksMEg3LjFBNy4xMiw3LjEyLDAsMCwwLDAsNy4xMVY2NGE3LjExLDcuMTEsMCwwLDAsNy4xLDcuMUg4Mi45QTcuMTEsNy4xMSwwLDAsMCw5MCw2NFY3LjExQTcuMTIsNy4xMiwwLDAsMCw4Mi44OSwwWk02OS4yOCwzOS4zNWE1LjQ0LDUuNDQsMCwwLDAtOCwwTDUwLjU4LDUwLjc0LDMyLjM4LDMwLjg4YTUuMzEsNS4zMSwwLDAsMC03LjkyLDBMNC43NCw1Mi40VjcuMTFBMi4zNywyLjM3LDAsMCwxLDcuMTEsNC43NEg4Mi45YTIuMzcsMi4zNywwLDAsMSwyLjM2LDIuMzdWNTYuM1pcIi8+PGNpcmNsZSBjeD1cIjY3Ljc0XCIgY3k9XCIyMi4yNlwiIHI9XCI4LjUzXCIvPjwvc3ZnPicpOyB9XG4iXX0= */ \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 0b03d23..be4000b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@braid/vue-formulate", - "version": "2.0.0-alpha.1", + "version": "2.0.0-alpha.3", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -8,7 +8,6 @@ "version": "7.5.5", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.5.5.tgz", "integrity": "sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==", - "dev": true, "requires": { "@babel/highlight": "^7.0.0" } @@ -1541,7 +1540,6 @@ "version": "7.5.0", "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.5.0.tgz", "integrity": "sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ==", - "dev": true, "requires": { "chalk": "^2.0.0", "esutils": "^2.0.2", @@ -3334,7 +3332,6 @@ "version": "3.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, "requires": { "color-convert": "^1.9.0" } @@ -4260,8 +4257,7 @@ "buffer-from": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz", - "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==", - "dev": true + "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==" }, "cache-base": { "version": "1.0.1", @@ -4398,7 +4394,6 @@ "version": "2.4.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, "requires": { "ansi-styles": "^3.2.1", "escape-string-regexp": "^1.0.5", @@ -4686,7 +4681,6 @@ "version": "1.9.3", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, "requires": { "color-name": "1.1.3" } @@ -4694,8 +4688,7 @@ "color-name": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", - "dev": true + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" }, "color-string": { "version": "1.5.3", @@ -4719,8 +4712,7 @@ "commander": { "version": "2.20.1", "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.1.tgz", - "integrity": "sha512-cCuLsMhJeWQ/ZpsFTbE765kvVfoeSddc4nU3up4fV+fDBcfUXnbITJ+JzhkdjzOqhURjZgujxaioam4RM9yGUg==", - "dev": true + "integrity": "sha512-cCuLsMhJeWQ/ZpsFTbE765kvVfoeSddc4nU3up4fV+fDBcfUXnbITJ+JzhkdjzOqhURjZgujxaioam4RM9yGUg==" }, "component-emitter": { "version": "1.3.0", @@ -5570,8 +5562,7 @@ "escape-string-regexp": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", - "dev": true + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" }, "escodegen": { "version": "1.12.0", @@ -5891,14 +5882,12 @@ "estree-walker": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz", - "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==", - "dev": true + "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==" }, "esutils": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", - "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", - "dev": true + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==" }, "exec-sh": { "version": "0.3.2", @@ -7167,8 +7156,7 @@ "has-flag": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", - "dev": true + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" }, "has-symbols": { "version": "1.0.0", @@ -8362,7 +8350,6 @@ "version": "24.9.0", "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-24.9.0.tgz", "integrity": "sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==", - "dev": true, "requires": { "merge-stream": "^2.0.0", "supports-color": "^6.1.0" @@ -8372,7 +8359,6 @@ "version": "6.1.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, "requires": { "has-flag": "^3.0.0" } @@ -8408,8 +8394,7 @@ "js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, "js-yaml": { "version": "3.13.1", @@ -8967,8 +8952,7 @@ "merge-stream": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", - "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==", - "dev": true + "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==" }, "merge2": { "version": "1.3.0", @@ -11497,6 +11481,18 @@ "rollup-pluginutils": "^2.8.1" } }, + "rollup-plugin-terser": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-5.2.0.tgz", + "integrity": "sha512-jQI+nYhtDBc9HFRBz8iGttQg7li9klmzR62RG2W2nN6hJ/FI2K2ItYQ7kJ7/zn+vs+BP1AEccmVRjRN989I+Nw==", + "requires": { + "@babel/code-frame": "^7.5.5", + "jest-worker": "^24.9.0", + "rollup-pluginutils": "^2.8.2", + "serialize-javascript": "^2.1.2", + "terser": "^4.6.2" + } + }, "rollup-plugin-vue": { "version": "5.1.6", "resolved": "https://registry.npmjs.org/rollup-plugin-vue/-/rollup-plugin-vue-5.1.6.tgz", @@ -11526,7 +11522,6 @@ "version": "2.8.2", "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz", "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==", - "dev": true, "requires": { "estree-walker": "^0.6.1" } @@ -11847,6 +11842,11 @@ "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", "dev": true }, + "serialize-javascript": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz", + "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==" + }, "set-blocking": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", @@ -12131,7 +12131,6 @@ "version": "0.5.13", "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz", "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==", - "dev": true, "requires": { "buffer-from": "^1.0.0", "source-map": "^0.6.0" @@ -12140,8 +12139,7 @@ "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" } } }, @@ -12446,7 +12444,6 @@ "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, "requires": { "has-flag": "^3.0.0" } @@ -12535,6 +12532,23 @@ "inherits": "2" } }, + "terser": { + "version": "4.6.4", + "resolved": "https://registry.npmjs.org/terser/-/terser-4.6.4.tgz", + "integrity": "sha512-5fqgBPLgVHZ/fVvqRhhUp9YUiGXhFJ9ZkrZWD9vQtFBR4QIGTnbsb+/kKqSqfgp3WnBwGWAFnedGTtmX1YTn0w==", + "requires": { + "commander": "^2.20.0", + "source-map": "~0.6.1", + "source-map-support": "~0.5.12" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, "test-exclude": { "version": "5.2.3", "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-5.2.3.tgz", diff --git a/package.json b/package.json index 7711929..a77de28 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@braid/vue-formulate", - "version": "2.0.0-alpha.2", + "version": "2.0.0-alpha.3", "description": "The easiest way to build forms in Vue.", "main": "dist/formulate.umd.js", "module": "dist/formulate.esm.js", @@ -82,6 +82,7 @@ "clone-deep": "^4.0.1", "is-plain-object": "^3.0.0", "is-url": "^1.2.4", - "nanoid": "^2.1.11" + "nanoid": "^2.1.11", + "rollup-plugin-terser": "^5.2.0" } } diff --git a/src/Formulate.js b/src/Formulate.js index 79ea996..0aaf3ae 100644 --- a/src/Formulate.js +++ b/src/Formulate.js @@ -111,8 +111,8 @@ class Formulate { * Get validation rules. * @return {object} object of validation functions */ - rules () { - return this.options.rules + rules (rules = {}) { + return { ...this.options.rules, ...rules } } /** diff --git a/src/FormulateInput.vue b/src/FormulateInput.vue index 0e353f6..468c700 100644 --- a/src/FormulateInput.vue +++ b/src/FormulateInput.vue @@ -161,6 +161,18 @@ export default { preventWindowDrops: { type: Boolean, default: true + }, + showValue: { + type: [String, Boolean], + default: false + }, + validationMessages: { + type: Object, + default: () => ({}) + }, + validationRules: { + type: Object, + default: () => ({}) } }, data () { @@ -220,27 +232,43 @@ export default { } }, performValidation () { - const rules = parseRules(this.validation, this.$formulate.rules()) + const rules = parseRules(this.validation, this.$formulate.rules(this.validationRules)) this.pendingValidation = Promise.all( rules.map(([rule, args]) => { - return rule({ + var res = rule({ value: this.context.model, getFormValues: this.getFormValues.bind(this), name: this.context.name }, ...args) - .then(res => res ? false : this.$formulate.validationMessage(rule.name, { - args, - name: this.mergedValidationName, - value: this.context.model, - vm: this, - formValues: this.getFormValues() - })) + res = (res instanceof Promise) ? res : Promise.resolve(res) + return res.then(res => res ? false : this.getValidationMessage(rule, args)) }) ) .then(result => result.filter(result => result)) .then(errorMessages => { this.validationErrors = errorMessages }) return this.pendingValidation }, + getValidationMessage (rule, args) { + return this.getValidationFunction(rule)({ + args, + name: this.mergedValidationName, + value: this.context.model, + vm: this, + formValues: this.getFormValues() + }) + }, + getValidationFunction (rule) { + const ruleName = rule.name.substr(0, 1) === '_' ? rule.name.substr(1) : rule.name + if (this.validationMessages && typeof this.validationMessages === 'object' && typeof this.validationMessages[ruleName] !== 'undefined') { + switch (typeof this.validationMessages[ruleName]) { + case 'function': + return this.validationMessages[ruleName] + case 'string': + return () => this.validationMessages[ruleName] + } + } + return (context) => this.$formulate.validationMessage(rule.name, context) + }, hasValidationErrors () { return new Promise(resolve => { this.$nextTick(() => { diff --git a/src/inputs/FormulateInputSlider.vue b/src/inputs/FormulateInputSlider.vue index 8b61fd8..105805b 100644 --- a/src/inputs/FormulateInputSlider.vue +++ b/src/inputs/FormulateInputSlider.vue @@ -9,6 +9,11 @@ v-bind="attributes" @blur="context.blurHandler" > +
diff --git a/src/libs/context.js b/src/libs/context.js index 835f7ef..a2c9b0a 100644 --- a/src/libs/context.js +++ b/src/libs/context.js @@ -53,14 +53,14 @@ function typeContext () { optionGroups: this.optionGroups ? map(this.optionGroups, (k, v) => createOptionList.call(this, v)) : false, placeholder: this.$attrs.placeholder || false } - case 'group': + case 'slider': + return { showValue: !!this.showValue } + default: if (this.options) { return { options: createOptionList.call(this, this.options) } } - break - default: return {} } } diff --git a/test/FormulateForm.test.js b/test/FormulateForm.test.js index 130513c..bf7fbdd 100644 --- a/test/FormulateForm.test.js +++ b/test/FormulateForm.test.js @@ -156,16 +156,15 @@ describe('FormulateForm', () => { expect(wrapper.emitted('submit-raw')[0][0]).toBeInstanceOf(FormSubmission) }) - // it('resolves hasValidationErrors to true', async () => { - // const wrapper = mount(FormulateForm, { - // slots: { default: '' } - // }) - // wrapper.find('form').trigger('submit') - // await flushPromises() - // const submission = wrapper.emitted('submit-raw')[0][0] - // expect(await submission.hasValidationErrors()).toBe(true) - // }) - + it('resolves hasValidationErrors to true', async () => { + const wrapper = mount(FormulateForm, { + slots: { default: '' } + }) + wrapper.find('form').trigger('submit') + await flushPromises() + const submission = wrapper.emitted('submit-raw')[0][0] + expect(await submission.hasValidationErrors()).toBe(true) + }) it('resolves submitted form values to an object', async () => { const wrapper = mount(FormulateForm, { diff --git a/test/FormulateInput.test.js b/test/FormulateInput.test.js new file mode 100644 index 0000000..60cab06 --- /dev/null +++ b/test/FormulateInput.test.js @@ -0,0 +1,120 @@ +import Vue from 'vue' +import flushPromises from 'flush-promises' +import { mount } from '@vue/test-utils' +import Formulate from '../src/Formulate.js' +import FormulateInput from '@/FormulateInput.vue' +import FormulateInputBox from '@/inputs/FormulateInputBox.vue' + +const globalRule = jest.fn((context) => { return false }) + +Vue.use(Formulate, { + locales: { + en: { + email: ({ value }) => `Super invalid email: ${value}` + } + }, + rules: { + globalRule + }, + library: { + special: { + classification: 'box', + component: 'FormulateInputBox' + } + } +}) + +describe('FormulateInput', () => { + it('allows custom field-rule level validation strings', async () => { + const wrapper = mount(FormulateInput, { propsData: { + type: 'text', + validation: 'required|in:abcdef', + validationMessages: {in: 'the value was different than expected'}, + errorBehavior: 'live', + value: 'other value' + } }) + await flushPromises() + expect(wrapper.find('.formulate-input-error').text()).toBe('the value was different than expected') + }) + + it('allows custom field-rule level validation functions', async () => { + const wrapper = mount(FormulateInput, { propsData: { + type: 'text', + validation: 'required|in:abcdef', + validationMessages: { in: ({ value }) => `The string ${value} is not correct.` }, + errorBehavior: 'live', + value: 'other value' + } }) + await flushPromises() + expect(wrapper.find('.formulate-input-error').text()).toBe('The string other value is not correct.') + }) + + it('uses globally overridden validation messages', async () => { + const wrapper = mount(FormulateInput, { propsData: { + type: 'text', + validation: 'required|email', + errorBehavior: 'live', + value: 'wrong email' + } }) + await flushPromises() + expect(wrapper.find('.formulate-input-error').text()).toBe('Super invalid email: wrong email') + }) + + it('uses custom async validation rules on defined on the field', async () => { + const wrapper = mount(FormulateInput, { propsData: { + type: 'text', + validation: 'required|foobar', + validationMessages: { + foobar: 'failed the foobar check' + }, + validationRules: { + foobar: async ({ value }) => value === 'foo' + }, + validation: 'required|foobar', + errorBehavior: 'live', + value: 'bar' + } }) + await flushPromises() + expect(wrapper.find('.formulate-input-error').text()).toBe('failed the foobar check') + }) + + it('uses custom sync validation rules on defined on the field', async () => { + const wrapper = mount(FormulateInput, { propsData: { + type: 'text', + validation: 'required|foobar', + validationMessages: { + foobar: 'failed the foobar check' + }, + validationRules: { + foobar: ({ value }) => value === 'foo' + }, + validation: 'required|foobar', + errorBehavior: 'live', + value: 'bar' + } }) + await flushPromises() + expect(wrapper.find('.formulate-input-error').text()).toBe('failed the foobar check') + }) + + it('uses global custom validation rules', async () => { + const wrapper = mount(FormulateInput, { propsData: { + type: 'text', + validation: 'required|globalRule', + errorBehavior: 'live', + value: 'bar' + } }) + await flushPromises() + expect(globalRule.mock.calls.length).toBe(1) + }) + + it('can extend its standard library of inputs', async () => { + const wrapper = mount(FormulateInput, { propsData: { + type: 'special', + validation: 'required', + errorBehavior: 'live', + value: 'bar' + } }) + await flushPromises() + expect(wrapper.contains(FormulateInputBox)).toBe(true) + }) +}) diff --git a/test/FormulateInputSlider.test.js b/test/FormulateInputSlider.test.js index 29e21ed..6d1f65a 100644 --- a/test/FormulateInputSlider.test.js +++ b/test/FormulateInputSlider.test.js @@ -15,4 +15,14 @@ describe('FormulateInputSlider', () => { const wrapper = mount(FormulateInput, { propsData: { type: 'range' } }) expect(wrapper.contains(FormulateInputSlider)).toBe(true) }) + + it('does not show value if the show-value prop is not set', () => { + const wrapper = mount(FormulateInput, { propsData: { type: 'range', value: '15', min: '0', max: '100' } }) + expect(wrapper.find('.formulate-input-element-range-value').exists()).toBe(false) + }) + + it('renders the value when type is "range" and show-value prop is set', () => { + const wrapper = mount(FormulateInput, { propsData: { type: 'range', showValue: 'true', value: '15', min: '0', max: '100' } }) + expect(wrapper.find('.formulate-input-element-range-value').text()).toBe('15') + }) }) diff --git a/test/jest.conf.js b/test/jest.conf.js index ecbdbd1..2156315 100644 --- a/test/jest.conf.js +++ b/test/jest.conf.js @@ -20,5 +20,5 @@ module.exports = { collectCoverageFrom: [ "src/*.{js,vue}", ], - verbose: true + // verbose: true } diff --git a/themes/snow/_inputs.scss b/themes/snow/_inputs.scss index 3c1ba09..187c183 100644 --- a/themes/snow/_inputs.scss +++ b/themes/snow/_inputs.scss @@ -57,6 +57,27 @@ @include baseinput; } + .formulate-input-element--search { + position: relative; + + &::before { + content: ''; + width: 2em; + height: 100%; + position: absolute; + left: 0; + top: 0; + background-image: url('data:image/svg+xml;utf8,'); + background-size: 1em 1em; + background-repeat: no-repeat; + background-position: center; + pointer-events: none; + } + input { + padding-left: 2em; + } + } + input[type="color"] { height: 1.1em; box-sizing: content-box; @@ -93,6 +114,22 @@ // ----------------------------------------------------------------------------- &[data-classification='slider'] { + .formulate-input-element--range { + display: flex; + align-items: center; + } + + .formulate-input-element-range-value { + font-size: .9em; + line-height: 1; + margin-left: .5em; + background-color: $formulate-gray; + padding: .25em .3em; + border-radius: .25em; + color: $formulate-gray-ddd; + font-variant-numeric: tabular-nums; + } + input { appearance: none; width: 100%;