`,
- * [
- * {
- * selector: '[expr0]',
- * redundantAttribute: 'expr0',
- * expressions: [
- * {
- * type: expressionTypes.TEXT,
- * childNodeIndex: 0,
- * evaluate(scope) {
- * return scope.time;
- * },
- * },
- * ],
- * },
- * {
- * selector: '[expr1]',
- * redundantAttribute: 'expr1',
- * expressions: [
- * {
- * type: expressionTypes.TEXT,
- * childNodeIndex: 0,
- * evaluate(scope) {
- * return scope.name;
- * },
- * },
- * {
- * type: 'attribute',
- * name: 'style',
- * evaluate(scope) {
- * return scope.style;
- * },
- * },
- * ],
- * },
- * {
- * selector: '[expr2]',
- * redundantAttribute: 'expr2',
- * type: bindingTypes.IF,
- * evaluate(scope) {
- * return scope.isVisible;
- * },
- * template: riotDOMBindings.template('hello there'),
- * },
- * ]
- * )
- */
-
-var DOMBindings = /*#__PURE__*/Object.freeze({
- __proto__: null,
- template: create$6,
- createBinding: create$5,
- createExpression: create$2,
- bindingTypes: bindingTypes,
- expressionTypes: expressionTypes
-});
-
-function noop() {
- return this;
-}
-/**
- * Autobind the methods of a source object to itself
- * @param {Object} source - probably a riot tag instance
- * @param {Array
} methods - list of the methods to autobind
- * @returns {Object} the original object received
- */
-
-function autobindMethods(source, methods) {
- methods.forEach(method => {
- source[method] = source[method].bind(source);
- });
- return source;
-}
-/**
- * Call the first argument received only if it's a function otherwise return it as it is
- * @param {*} source - anything
- * @returns {*} anything
- */
-
-function callOrAssign(source) {
- return isFunction(source) ? source.prototype && source.prototype.constructor ? new source() : source() : source;
-}
-
-/**
- * Helper function to set an immutable property
- * @param {Object} source - object where the new property will be set
- * @param {string} key - object key where the new property will be stored
- * @param {*} value - value of the new property
- * @param {Object} options - set the propery overriding the default options
- * @returns {Object} - the original object modified
- */
-function defineProperty(source, key, value, options) {
- if (options === void 0) {
- options = {};
- }
-
- /* eslint-disable fp/no-mutating-methods */
- Object.defineProperty(source, key, Object.assign({
- value,
- enumerable: false,
- writable: false,
- configurable: true
- }, options));
- /* eslint-enable fp/no-mutating-methods */
-
- return source;
-}
-/**
- * Define multiple properties on a target object
- * @param {Object} source - object where the new properties will be set
- * @param {Object} properties - object containing as key pair the key + value properties
- * @param {Object} options - set the propery overriding the default options
- * @returns {Object} the original object modified
- */
-
-function defineProperties(source, properties, options) {
- Object.entries(properties).forEach((_ref) => {
- let [key, value] = _ref;
- defineProperty(source, key, value, options);
- });
- return source;
-}
-/**
- * Define default properties if they don't exist on the source object
- * @param {Object} source - object that will receive the default properties
- * @param {Object} defaults - object containing additional optional keys
- * @returns {Object} the original object received enhanced
- */
-
-function defineDefaults(source, defaults) {
- Object.entries(defaults).forEach((_ref2) => {
- let [key, value] = _ref2;
- if (!source[key]) source[key] = value;
- });
- return source;
-}
-
-/**
- * Converts any DOM node/s to a loopable array
- * @param { HTMLElement|NodeList } els - single html element or a node list
- * @returns { Array } always a loopable object
- */
-function domToArray(els) {
- // can this object be already looped?
- if (!Array.isArray(els)) {
- // is it a node list?
- if (/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(els)) && typeof els.length === 'number') return Array.from(els);else // if it's a single node
- // it will be returned as "array" with one single entry
- return [els];
- } // this object could be looped out of the box
-
-
- return els;
-}
-
-/**
- * Simple helper to find DOM nodes returning them as array like loopable object
- * @param { string|DOMNodeList } selector - either the query or the DOM nodes to arraify
- * @param { HTMLElement } ctx - context defining where the query will search for the DOM nodes
- * @returns { Array } DOM nodes found as array
- */
-
-function $(selector, ctx) {
- return domToArray(typeof selector === 'string' ? (ctx || document).querySelectorAll(selector) : selector);
-}
-
-/**
- * Normalize the return values, in case of a single value we avoid to return an array
- * @param { Array } values - list of values we want to return
- * @returns { Array|string|boolean } either the whole list of values or the single one found
- * @private
- */
-
-const normalize = values => values.length === 1 ? values[0] : values;
-/**
- * Parse all the nodes received to get/remove/check their attributes
- * @param { HTMLElement|NodeList|Array } els - DOM node/s to parse
- * @param { string|Array } name - name or list of attributes
- * @param { string } method - method that will be used to parse the attributes
- * @returns { Array|string } result of the parsing in a list or a single value
- * @private
- */
-
-
-function parseNodes(els, name, method) {
- const names = typeof name === 'string' ? [name] : name;
- return normalize(domToArray(els).map(el => {
- return normalize(names.map(n => el[method](n)));
- }));
-}
-/**
- * Set any attribute on a single or a list of DOM nodes
- * @param { HTMLElement|NodeList|Array } els - DOM node/s to parse
- * @param { string|Object } name - either the name of the attribute to set
- * or a list of properties as object key - value
- * @param { string } value - the new value of the attribute (optional)
- * @returns { HTMLElement|NodeList|Array } the original array of elements passed to this function
- *
- * @example
- *
- * import { set } from 'bianco.attr'
- *
- * const img = document.createElement('img')
- *
- * set(img, 'width', 100)
- *
- * // or also
- * set(img, {
- * width: 300,
- * height: 300
- * })
- *
- */
-
-
-function set(els, name, value) {
- const attrs = typeof name === 'object' ? name : {
- [name]: value
- };
- const props = Object.keys(attrs);
- domToArray(els).forEach(el => {
- props.forEach(prop => el.setAttribute(prop, attrs[prop]));
- });
- return els;
-}
-/**
- * Get any attribute from a single or a list of DOM nodes
- * @param { HTMLElement|NodeList|Array } els - DOM node/s to parse
- * @param { string|Array } name - name or list of attributes to get
- * @returns { Array|string } list of the attributes found
- *
- * @example
- *
- * import { get } from 'bianco.attr'
- *
- * const img = document.createElement('img')
- *
- * get(img, 'width') // => '200'
- *
- * // or also
- * get(img, ['width', 'height']) // => ['200', '300']
- *
- * // or also
- * get([img1, img2], ['width', 'height']) // => [['200', '300'], ['500', '200']]
- */
-
-function get(els, name) {
- return parseNodes(els, name, 'getAttribute');
-}
-
-const CSS_BY_NAME = new Map();
-const STYLE_NODE_SELECTOR = 'style[riot]'; // memoized curried function
-
-const getStyleNode = (style => {
- return () => {
- // lazy evaluation:
- // if this function was already called before
- // we return its cached result
- if (style) return style; // create a new style element or use an existing one
- // and cache it internally
-
- style = $(STYLE_NODE_SELECTOR)[0] || document.createElement('style');
- set(style, 'type', 'text/css');
- /* istanbul ignore next */
-
- if (!style.parentNode) document.head.appendChild(style);
- return style;
- };
-})();
-/**
- * Object that will be used to inject and manage the css of every tag instance
- */
-
-
-var cssManager = {
- CSS_BY_NAME,
-
- /**
- * Save a tag style to be later injected into DOM
- * @param { string } name - if it's passed we will map the css to a tagname
- * @param { string } css - css string
- * @returns {Object} self
- */
- add(name, css) {
- if (!CSS_BY_NAME.has(name)) {
- CSS_BY_NAME.set(name, css);
- this.inject();
- }
-
- return this;
- },
-
- /**
- * Inject all previously saved tag styles into DOM
- * innerHTML seems slow: http://jsperf.com/riot-insert-style
- * @returns {Object} self
- */
- inject() {
- getStyleNode().innerHTML = [...CSS_BY_NAME.values()].join('\n');
- return this;
- },
-
- /**
- * Remove a tag style from the DOM
- * @param {string} name a registered tagname
- * @returns {Object} self
- */
- remove(name) {
- if (CSS_BY_NAME.has(name)) {
- CSS_BY_NAME.delete(name);
- this.inject();
- }
-
- return this;
- }
-
-};
-
-/**
- * Function to curry any javascript method
- * @param {Function} fn - the target function we want to curry
- * @param {...[args]} acc - initial arguments
- * @returns {Function|*} it will return a function until the target function
- * will receive all of its arguments
- */
-function curry(fn) {
- for (var _len = arguments.length, acc = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- acc[_key - 1] = arguments[_key];
- }
-
- return function () {
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- args = [...acc, ...args];
- return args.length < fn.length ? curry(fn, ...args) : fn(...args);
- };
-}
-
-/**
- * Get the tag name of any DOM node
- * @param {HTMLElement} element - DOM node we want to inspect
- * @returns {string} name to identify this dom node in riot
- */
-
-function getName(element) {
- return get(element, IS_DIRECTIVE) || element.tagName.toLowerCase();
-}
-
-const COMPONENT_CORE_HELPERS = Object.freeze({
- // component helpers
- $(selector) {
- return $(selector, this.root)[0];
- },
-
- $$(selector) {
- return $(selector, this.root);
- }
-
-});
-const PURE_COMPONENT_API = Object.freeze({
- [MOUNT_METHOD_KEY]: noop,
- [UPDATE_METHOD_KEY]: noop,
- [UNMOUNT_METHOD_KEY]: noop
-});
-const COMPONENT_LIFECYCLE_METHODS = Object.freeze({
- [SHOULD_UPDATE_KEY]: noop,
- [ON_BEFORE_MOUNT_KEY]: noop,
- [ON_MOUNTED_KEY]: noop,
- [ON_BEFORE_UPDATE_KEY]: noop,
- [ON_UPDATED_KEY]: noop,
- [ON_BEFORE_UNMOUNT_KEY]: noop,
- [ON_UNMOUNTED_KEY]: noop
-});
-const MOCKED_TEMPLATE_INTERFACE = Object.assign({}, PURE_COMPONENT_API, {
- clone: noop,
- createDOM: noop
-});
-/**
- * Evaluate the component properties either from its real attributes or from its initial user properties
- * @param {HTMLElement} element - component root
- * @param {Object} initialProps - initial props
- * @returns {Object} component props key value pairs
- */
-
-function evaluateInitialProps(element, initialProps) {
- if (initialProps === void 0) {
- initialProps = {};
- }
-
- return Object.assign({}, DOMattributesToObject(element), callOrAssign(initialProps));
-}
-/**
- * Bind a DOM node to its component object
- * @param {HTMLElement} node - html node mounted
- * @param {Object} component - Riot.js component object
- * @returns {Object} the component object received as second argument
- */
-
-
-const bindDOMNodeToComponentObject = (node, component) => node[DOM_COMPONENT_INSTANCE_PROPERTY] = component;
-/**
- * Wrap the Riot.js core API methods using a mapping function
- * @param {Function} mapFunction - lifting function
- * @returns {Object} an object having the { mount, update, unmount } functions
- */
-
-
-function createCoreAPIMethods(mapFunction) {
- return [MOUNT_METHOD_KEY, UPDATE_METHOD_KEY, UNMOUNT_METHOD_KEY].reduce((acc, method) => {
- acc[method] = mapFunction(method);
- return acc;
- }, {});
-}
-/**
- * Factory function to create the component templates only once
- * @param {Function} template - component template creation function
- * @param {Object} components - object containing the nested components
- * @returns {TemplateChunk} template chunk object
- */
-
-
-function componentTemplateFactory(template, components) {
- return template(create$6, expressionTypes, bindingTypes, name => {
- return components[name] || COMPONENTS_IMPLEMENTATION_MAP.get(name);
- });
-}
-/**
- * Create a pure component
- * @param {Function} pureFactoryFunction - pure component factory function
- * @param {Array} options.slots - component slots
- * @param {Array} options.attributes - component attributes
- * @param {Array} options.template - template factory function
- * @param {Array} options.template - template factory function
- * @param {any} options.props - initial component properties
- * @returns {Object} pure component object
- */
-
-
-function createPureComponent(pureFactoryFunction, _ref) {
- let {
- slots,
- attributes,
- props,
- css,
- template
- } = _ref;
- if (template) panic('Pure components can not have html');
- if (css) panic('Pure components do not have css');
- const component = defineDefaults(pureFactoryFunction({
- slots,
- attributes,
- props
- }), PURE_COMPONENT_API);
- return createCoreAPIMethods(method => function () {
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- // intercept the mount calls to bind the DOM node to the pure object created
- // see also https://github.com/riot/riot/issues/2806
- if (method === MOUNT_METHOD_KEY) {
- const [el] = args; // mark this node as pure element
-
- el[IS_PURE_SYMBOL] = true;
- bindDOMNodeToComponentObject(el, component);
- }
-
- component[method](...args);
- return component;
- });
-}
-/**
- * Create the component interface needed for the @riotjs/dom-bindings tag bindings
- * @param {string} options.css - component css
- * @param {Function} options.template - functon that will return the dom-bindings template function
- * @param {Object} options.exports - component interface
- * @param {string} options.name - component name
- * @returns {Object} component like interface
- */
-
-
-function createComponent(_ref2) {
- let {
- css,
- template,
- exports,
- name
- } = _ref2;
- const templateFn = template ? componentTemplateFactory(template, exports ? createSubcomponents(exports.components) : {}) : MOCKED_TEMPLATE_INTERFACE;
- return (_ref3) => {
- let {
- slots,
- attributes,
- props
- } = _ref3;
- // pure components rendering will be managed by the end user
- if (exports && exports[IS_PURE_SYMBOL]) return createPureComponent(exports, {
- slots,
- attributes,
- props,
- css,
- template
- });
- const componentAPI = callOrAssign(exports) || {};
- const component = defineComponent({
- css,
- template: templateFn,
- componentAPI,
- name
- })({
- slots,
- attributes,
- props
- }); // notice that for the components create via tag binding
- // we need to invert the mount (state/parentScope) arguments
- // the template bindings will only forward the parentScope updates
- // and never deal with the component state
-
- return {
- mount(element, parentScope, state) {
- return component.mount(element, state, parentScope);
- },
-
- update(parentScope, state) {
- return component.update(state, parentScope);
- },
-
- unmount(preserveRoot) {
- return component.unmount(preserveRoot);
- }
-
- };
- };
-}
-/**
- * Component definition function
- * @param {Object} implementation - the componen implementation will be generated via compiler
- * @param {Object} component - the component initial properties
- * @returns {Object} a new component implementation object
- */
-
-function defineComponent(_ref4) {
- let {
- css,
- template,
- componentAPI,
- name
- } = _ref4;
- // add the component css into the DOM
- if (css && name) cssManager.add(name, css);
- return curry(enhanceComponentAPI)(defineProperties( // set the component defaults without overriding the original component API
- defineDefaults(componentAPI, Object.assign({}, COMPONENT_LIFECYCLE_METHODS, {
- [STATE_KEY]: {}
- })), Object.assign({
- // defined during the component creation
- [SLOTS_KEY]: null,
- [ROOT_KEY]: null
- }, COMPONENT_CORE_HELPERS, {
- name,
- css,
- template
- })));
-}
-/**
- * Create the bindings to update the component attributes
- * @param {HTMLElement} node - node where we will bind the expressions
- * @param {Array} attributes - list of attribute bindings
- * @returns {TemplateChunk} - template bindings object
- */
-
-function createAttributeBindings(node, attributes) {
- if (attributes === void 0) {
- attributes = [];
- }
-
- const expressions = attributes.map(a => create$2(node, a));
- const binding = {};
- return Object.assign(binding, Object.assign({
- expressions
- }, createCoreAPIMethods(method => scope => {
- expressions.forEach(e => e[method](scope));
- return binding;
- })));
-}
-/**
- * Create the subcomponents that can be included inside a tag in runtime
- * @param {Object} components - components imported in runtime
- * @returns {Object} all the components transformed into Riot.Component factory functions
- */
-
-
-function createSubcomponents(components) {
- if (components === void 0) {
- components = {};
- }
-
- return Object.entries(callOrAssign(components)).reduce((acc, _ref5) => {
- let [key, value] = _ref5;
- acc[camelToDashCase(key)] = createComponent(value);
- return acc;
- }, {});
-}
-/**
- * Run the component instance through all the plugins set by the user
- * @param {Object} component - component instance
- * @returns {Object} the component enhanced by the plugins
- */
-
-
-function runPlugins(component) {
- return [...PLUGINS_SET].reduce((c, fn) => fn(c) || c, component);
-}
-/**
- * Compute the component current state merging it with its previous state
- * @param {Object} oldState - previous state object
- * @param {Object} newState - new state givent to the `update` call
- * @returns {Object} new object state
- */
-
-
-function computeState(oldState, newState) {
- return Object.assign({}, oldState, callOrAssign(newState));
-}
-/**
- * Add eventually the "is" attribute to link this DOM node to its css
- * @param {HTMLElement} element - target root node
- * @param {string} name - name of the component mounted
- * @returns {undefined} it's a void function
- */
-
-
-function addCssHook(element, name) {
- if (getName(element) !== name) {
- set(element, IS_DIRECTIVE, name);
- }
-}
-/**
- * Component creation factory function that will enhance the user provided API
- * @param {Object} component - a component implementation previously defined
- * @param {Array} options.slots - component slots generated via riot compiler
- * @param {Array} options.attributes - attribute expressions generated via riot compiler
- * @returns {Riot.Component} a riot component instance
- */
-
-
-function enhanceComponentAPI(component, _ref6) {
- let {
- slots,
- attributes,
- props
- } = _ref6;
- return autobindMethods(runPlugins(defineProperties(Object.create(component), {
- mount(element, state, parentScope) {
- if (state === void 0) {
- state = {};
- }
-
- this[ATTRIBUTES_KEY_SYMBOL] = createAttributeBindings(element, attributes).mount(parentScope);
- defineProperty(this, PROPS_KEY, Object.freeze(Object.assign({}, evaluateInitialProps(element, props), evaluateAttributeExpressions(this[ATTRIBUTES_KEY_SYMBOL].expressions))));
- this[STATE_KEY] = computeState(this[STATE_KEY], state);
- this[TEMPLATE_KEY_SYMBOL] = this.template.createDOM(element).clone(); // link this object to the DOM node
-
- bindDOMNodeToComponentObject(element, this); // add eventually the 'is' attribute
-
- component.name && addCssHook(element, component.name); // define the root element
-
- defineProperty(this, ROOT_KEY, element); // define the slots array
-
- defineProperty(this, SLOTS_KEY, slots); // before mount lifecycle event
-
- this[ON_BEFORE_MOUNT_KEY](this[PROPS_KEY], this[STATE_KEY]);
- this[PARENT_KEY_SYMBOL] = parentScope; // mount the template
-
- this[TEMPLATE_KEY_SYMBOL].mount(element, this, parentScope);
- this[ON_MOUNTED_KEY](this[PROPS_KEY], this[STATE_KEY]);
- return this;
- },
-
- update(state, parentScope) {
- if (state === void 0) {
- state = {};
- }
-
- if (parentScope) {
- this[PARENT_KEY_SYMBOL] = parentScope;
- this[ATTRIBUTES_KEY_SYMBOL].update(parentScope);
- }
-
- const newProps = evaluateAttributeExpressions(this[ATTRIBUTES_KEY_SYMBOL].expressions);
- if (this[SHOULD_UPDATE_KEY](newProps, this[PROPS_KEY]) === false) return;
- defineProperty(this, PROPS_KEY, Object.freeze(Object.assign({}, this[PROPS_KEY], newProps)));
- this[STATE_KEY] = computeState(this[STATE_KEY], state);
- this[ON_BEFORE_UPDATE_KEY](this[PROPS_KEY], this[STATE_KEY]);
- this[TEMPLATE_KEY_SYMBOL].update(this, this[PARENT_KEY_SYMBOL]);
- this[ON_UPDATED_KEY](this[PROPS_KEY], this[STATE_KEY]);
- return this;
- },
-
- unmount(preserveRoot) {
- this[ON_BEFORE_UNMOUNT_KEY](this[PROPS_KEY], this[STATE_KEY]);
- this[ATTRIBUTES_KEY_SYMBOL].unmount(); // if the preserveRoot is null the template html will be left untouched
- // in that case the DOM cleanup will happen differently from a parent node
-
- this[TEMPLATE_KEY_SYMBOL].unmount(this, this[PARENT_KEY_SYMBOL], preserveRoot === null ? null : !preserveRoot);
- this[ON_UNMOUNTED_KEY](this[PROPS_KEY], this[STATE_KEY]);
- return this;
- }
-
- })), Object.keys(component).filter(prop => isFunction(component[prop])));
-}
-/**
- * Component initialization function starting from a DOM node
- * @param {HTMLElement} element - element to upgrade
- * @param {Object} initialProps - initial component properties
- * @param {string} componentName - component id
- * @returns {Object} a new component instance bound to a DOM node
- */
-
-function mountComponent(element, initialProps, componentName) {
- const name = componentName || getName(element);
- if (!COMPONENTS_IMPLEMENTATION_MAP.has(name)) panic(`The component named "${name}" was never registered`);
- const component = COMPONENTS_IMPLEMENTATION_MAP.get(name)({
- props: initialProps
- });
- return component.mount(element);
-}
-
-/**
- * Similar to compose but performs from left-to-right function composition.
- * {@link https://30secondsofcode.org/function#composeright see also}
- * @param {...[function]} fns) - list of unary function
- * @returns {*} result of the computation
- */
-/**
- * Performs right-to-left function composition.
- * Use Array.prototype.reduce() to perform right-to-left function composition.
- * The last (rightmost) function can accept one or more arguments; the remaining functions must be unary.
- * {@link https://30secondsofcode.org/function#compose original source code}
- * @param {...[function]} fns) - list of unary function
- * @returns {*} result of the computation
- */
-
-function compose() {
- for (var _len2 = arguments.length, fns = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- fns[_key2] = arguments[_key2];
- }
-
- return fns.reduce((f, g) => function () {
- return f(g(...arguments));
- });
-}
-
-const {
- DOM_COMPONENT_INSTANCE_PROPERTY: DOM_COMPONENT_INSTANCE_PROPERTY$1,
- COMPONENTS_IMPLEMENTATION_MAP: COMPONENTS_IMPLEMENTATION_MAP$1,
- PLUGINS_SET: PLUGINS_SET$1
-} = globals;
-/**
- * Riot public api
- */
-
-/**
- * Register a custom tag by name
- * @param {string} name - component name
- * @param {Object} implementation - tag implementation
- * @returns {Map} map containing all the components implementations
- */
-
-function register(name, _ref) {
- let {
- css,
- template,
- exports
- } = _ref;
- if (COMPONENTS_IMPLEMENTATION_MAP$1.has(name)) panic(`The component "${name}" was already registered`);
- COMPONENTS_IMPLEMENTATION_MAP$1.set(name, createComponent({
- name,
- css,
- template,
- exports
- }));
- return COMPONENTS_IMPLEMENTATION_MAP$1;
-}
-/**
- * Unregister a riot web component
- * @param {string} name - component name
- * @returns {Map} map containing all the components implementations
- */
-
-function unregister(name) {
- if (!COMPONENTS_IMPLEMENTATION_MAP$1.has(name)) panic(`The component "${name}" was never registered`);
- COMPONENTS_IMPLEMENTATION_MAP$1.delete(name);
- cssManager.remove(name);
- return COMPONENTS_IMPLEMENTATION_MAP$1;
-}
-/**
- * Mounting function that will work only for the components that were globally registered
- * @param {string|HTMLElement} selector - query for the selection or a DOM element
- * @param {Object} initialProps - the initial component properties
- * @param {string} name - optional component name
- * @returns {Array} list of nodes upgraded
- */
-
-function mount(selector, initialProps, name) {
- return $(selector).map(element => mountComponent(element, initialProps, name));
-}
-/**
- * Sweet unmounting helper function for the DOM node mounted manually by the user
- * @param {string|HTMLElement} selector - query for the selection or a DOM element
- * @param {boolean|null} keepRootElement - if true keep the root element
- * @returns {Array} list of nodes unmounted
- */
-
-function unmount(selector, keepRootElement) {
- return $(selector).map(element => {
- if (element[DOM_COMPONENT_INSTANCE_PROPERTY$1]) {
- element[DOM_COMPONENT_INSTANCE_PROPERTY$1].unmount(keepRootElement);
- }
-
- return element;
- });
-}
-/**
- * Define a riot plugin
- * @param {Function} plugin - function that will receive all the components created
- * @returns {Set} the set containing all the plugins installed
- */
-
-function install(plugin) {
- if (!isFunction(plugin)) panic('Plugins must be of type function');
- if (PLUGINS_SET$1.has(plugin)) panic('This plugin was already installed');
- PLUGINS_SET$1.add(plugin);
- return PLUGINS_SET$1;
-}
-/**
- * Uninstall a riot plugin
- * @param {Function} plugin - plugin previously installed
- * @returns {Set} the set containing all the plugins installed
- */
-
-function uninstall(plugin) {
- if (!PLUGINS_SET$1.has(plugin)) panic('This plugin was never installed');
- PLUGINS_SET$1.delete(plugin);
- return PLUGINS_SET$1;
-}
-/**
- * Helper method to create component without relying on the registered ones
- * @param {Object} implementation - component implementation
- * @returns {Function} function that will allow you to mount a riot component on a DOM node
- */
-
-function component(implementation) {
- return function (el, props, _temp) {
- let {
- slots,
- attributes,
- parentScope
- } = _temp === void 0 ? {} : _temp;
- return compose(c => c.mount(el, parentScope), c => c({
- props,
- slots,
- attributes
- }), createComponent)(implementation);
- };
-}
-/**
- * Lift a riot component Interface into a pure riot object
- * @param {Function} func - RiotPureComponent factory function
- * @returns {Function} the lifted original function received as argument
- */
-
-function pure(func) {
- if (!isFunction(func)) panic('riot.pure accepts only arguments of type "function"');
- func[IS_PURE_SYMBOL] = true;
- return func;
-}
-/** @type {string} current riot version */
-
-const version = 'v5.1.2'; // expose some internal stuff that might be used from external tools
-
-const __ = {
- cssManager,
- DOMBindings,
- createComponent,
- defineComponent,
- globals
-};
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/validate.js/validate.js":
-/*!**********************************************!*\
- !*** ./node_modules/validate.js/validate.js ***!
- \**********************************************/
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
+var i;return t[(i=n,i.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())]=zt(r),t}),{})}(r.components):{}):Lt;return t=>{let{slots:o,attributes:a,props:u}=t;if(r&&r[j])return function(t,e){let{slots:n,attributes:r,props:i,css:s,template:o}=e;o&&B("Pure components can not have html"),s&&B("Pure components do not have css");const a=Et(t({slots:n,attributes:r,props:i}),kt);return Rt((t=>function(){for(var e=arguments.length,n=new Array(e),r=0;rc.mount(t,n,e),update:(t,e)=>c.update(e,t),unmount:t=>c.unmount(t)}}}function Vt(t){let{css:e,template:n,componentAPI:r,name:i}=t;return e&&i&&Mt.add(i,e),_t(Bt)(yt(Et(r,Object.assign({},Ct,{[N]:{}})),Object.assign({[w]:null,[T]:null},Pt,{name:i,css:e,template:n})))}function Ft(t,e){return Object.assign({},t,vt(e))}function Bt(t,e){let{slots:n,attributes:r,props:i}=e;return s=function(t){return[...c].reduce(((t,e)=>e(t)||t),t)}(yt(Object.create(t),{mount(e,s,o){return void 0===s&&(s={}),this[S]=function(t,e){void 0===e&&(e=[]);const n=e.map((e=>rt(t,e))),r={};return Object.assign(r,Object.assign({expressions:n},Rt((t=>e=>(n.forEach((n=>n[t](e))),r)))))}(e,r).mount(o),bt(this,O,Object.freeze(Object.assign({},Ut(e,i),K(this[S].expressions)))),this.state=Ft(this.state,s),this[M]=this.template.createDOM(e).clone(),It(e,this),t.name&&function(t,e){Dt(t)!==e&&wt(t,f,e)}(e,t.name),bt(this,T,e),bt(this,w,n),this.onBeforeMount(this.props,this.state),this[A]=o,this[M].mount(e,this,o),this.onMounted(this.props,this.state),this},update(t,e){void 0===t&&(t={}),e&&(this[A]=e,this[S].update(e));const n=K(this[S].expressions);if(!1!==this.shouldUpdate(n,this.props))return bt(this,O,Object.freeze(Object.assign({},this.props,n))),this.state=Ft(this.state,t),this.onBeforeUpdate(this.props,this.state),this[M].update(this,this[A]),this.onUpdated(this.props,this.state),this},unmount(t){return this.onBeforeUnmount(this.props,this.state),this[S].unmount(),this[M].unmount(this,this[A],null===t?null:!t),this.onUnmounted(this.props,this.state),this}})),Object.keys(t).filter((e=>U(t[e]))).forEach((t=>{s[t]=s[t].bind(s)})),s;var s}const{DOM_COMPONENT_INSTANCE_PROPERTY:Kt,COMPONENTS_IMPLEMENTATION_MAP:Yt,PLUGINS_SET:$t}=_;var qt=n(765),Ht=n.n(qt),Gt=n(422),Xt=n.n(Gt);function Jt(t,e){for(var n=0;n{t.detail?(this.state.errors=t.detail,n.classList.add("field--error"),n.classList.remove("field--valid")):(this.state.errors=[],n.classList.remove("field--error"),n.classList.add("field--valid")),this.update()}))}},template:function(t,e,n,r){return t('',[{type:n.IF,evaluate:function(t){return t.state.errors.length>0},redundantAttribute:"expr0",selector:"[expr0]",template:t('',[{type:n.EACH,getKey:null,condition:null,template:t(" ",[{expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:function(t){return[t.error].join("")}}]}]),redundantAttribute:"expr1",selector:"[expr1]",itemName:"error",indexName:null,evaluate:function(t){return t.state.errors}}])}])},name:"field-error"}),Ot("field-error").map((t=>function(t,e,n){const r=n||Dt(t);return u.has(r)||B(`The component named "${r}" was never registered`),u.get(r)({props:e}).mount(t)}(t,Wt,Qt)));new Zt("form",{email:{presence:!0,email:!0},password:{presence:!0}})},422:t=>{var e=/^(?:submit|button|image|reset|file)$/i,n=/^(?:input|select|textarea|keygen)/i,r=/(\[[^\[\]]*\])/g;function i(t,e,n){if(0===e.length)return t=n;var r=e.shift(),s=r.match(/^\[(.+?)\]$/);if("[]"===r)return t=t||[],Array.isArray(t)?t.push(i(null,e,n)):(t._values=t._values||[],t._values.push(i(null,e,n))),t;if(s){var o=s[1],a=+o;isNaN(a)?(t=t||{})[o]=i(t[o],e,n):(t=t||[])[a]=i(t[a],e,n)}else t[r]=i(t[r],e,n);return t}function s(t,e,n){if(e.match(r)){i(t,function(t){var e=[],n=new RegExp(r),i=/^([^\[\]]*)/.exec(t);for(i[1]&&e.push(i[1]);null!==(i=n.exec(t));)e.push(i[1]);return e}(e),n)}else{var s=t[e];s?(Array.isArray(s)||(t[e]=[s]),t[e].push(n)):t[e]=n}return t}function o(t,e,n){return n=n.replace(/(\r)?\n/g,"\r\n"),n=(n=encodeURIComponent(n)).replace(/%20/g,"+"),t+(t?"&":"")+encodeURIComponent(e)+"="+n}t.exports=function(t,r){"object"!=typeof r?r={hash:!!r}:void 0===r.hash&&(r.hash=!0);for(var i=r.hash?{}:"",a=r.serializer||(r.hash?s:o),u=t&&t.elements?t.elements:[],l=Object.create(null),c=0;c{},765:function(t,e,n){t=n.nmd(t),
/*!
* validate.js 0.13.1
*
@@ -3041,1438 +9,4 @@ const __ = {
* For all details and documentation:
* http://validatejs.org/
*/
-
-(function(exports, module, define) {
- "use strict";
-
- // The main function that calls the validators specified by the constraints.
- // The options are the following:
- // - format (string) - An option that controls how the returned value is formatted
- // * flat - Returns a flat array of just the error messages
- // * grouped - Returns the messages grouped by attribute (default)
- // * detailed - Returns an array of the raw validation data
- // - fullMessages (boolean) - If `true` (default) the attribute name is prepended to the error.
- //
- // Please note that the options are also passed to each validator.
- var validate = function(attributes, constraints, options) {
- options = v.extend({}, v.options, options);
-
- var results = v.runValidations(attributes, constraints, options)
- , attr
- , validator;
-
- if (results.some(function(r) { return v.isPromise(r.error); })) {
- throw new Error("Use validate.async if you want support for promises");
- }
- return validate.processValidationResults(results, options);
- };
-
- var v = validate;
-
- // Copies over attributes from one or more sources to a single destination.
- // Very much similar to underscore's extend.
- // The first argument is the target object and the remaining arguments will be
- // used as sources.
- v.extend = function(obj) {
- [].slice.call(arguments, 1).forEach(function(source) {
- for (var attr in source) {
- obj[attr] = source[attr];
- }
- });
- return obj;
- };
-
- v.extend(validate, {
- // This is the version of the library as a semver.
- // The toString function will allow it to be coerced into a string
- version: {
- major: 0,
- minor: 13,
- patch: 1,
- metadata: null,
- toString: function() {
- var version = v.format("%{major}.%{minor}.%{patch}", v.version);
- if (!v.isEmpty(v.version.metadata)) {
- version += "+" + v.version.metadata;
- }
- return version;
- }
- },
-
- // Below is the dependencies that are used in validate.js
-
- // The constructor of the Promise implementation.
- // If you are using Q.js, RSVP or any other A+ compatible implementation
- // override this attribute to be the constructor of that promise.
- // Since jQuery promises aren't A+ compatible they won't work.
- Promise: typeof Promise !== "undefined" ? Promise : /* istanbul ignore next */ null,
-
- EMPTY_STRING_REGEXP: /^\s*$/,
-
- // Runs the validators specified by the constraints object.
- // Will return an array of the format:
- // [{attribute: "", error: ""}, ...]
- runValidations: function(attributes, constraints, options) {
- var results = []
- , attr
- , validatorName
- , value
- , validators
- , validator
- , validatorOptions
- , error;
-
- if (v.isDomElement(attributes) || v.isJqueryElement(attributes)) {
- attributes = v.collectFormValues(attributes);
- }
-
- // Loops through each constraints, finds the correct validator and run it.
- for (attr in constraints) {
- value = v.getDeepObjectValue(attributes, attr);
- // This allows the constraints for an attribute to be a function.
- // The function will be called with the value, attribute name, the complete dict of
- // attributes as well as the options and constraints passed in.
- // This is useful when you want to have different
- // validations depending on the attribute value.
- validators = v.result(constraints[attr], value, attributes, attr, options, constraints);
-
- for (validatorName in validators) {
- validator = v.validators[validatorName];
-
- if (!validator) {
- error = v.format("Unknown validator %{name}", {name: validatorName});
- throw new Error(error);
- }
-
- validatorOptions = validators[validatorName];
- // This allows the options to be a function. The function will be
- // called with the value, attribute name, the complete dict of
- // attributes as well as the options and constraints passed in.
- // This is useful when you want to have different
- // validations depending on the attribute value.
- validatorOptions = v.result(validatorOptions, value, attributes, attr, options, constraints);
- if (!validatorOptions) {
- continue;
- }
- results.push({
- attribute: attr,
- value: value,
- validator: validatorName,
- globalOptions: options,
- attributes: attributes,
- options: validatorOptions,
- error: validator.call(validator,
- value,
- validatorOptions,
- attr,
- attributes,
- options)
- });
- }
- }
-
- return results;
- },
-
- // Takes the output from runValidations and converts it to the correct
- // output format.
- processValidationResults: function(errors, options) {
- errors = v.pruneEmptyErrors(errors, options);
- errors = v.expandMultipleErrors(errors, options);
- errors = v.convertErrorMessages(errors, options);
-
- var format = options.format || "grouped";
-
- if (typeof v.formatters[format] === 'function') {
- errors = v.formatters[format](errors);
- } else {
- throw new Error(v.format("Unknown format %{format}", options));
- }
-
- return v.isEmpty(errors) ? undefined : errors;
- },
-
- // Runs the validations with support for promises.
- // This function will return a promise that is settled when all the
- // validation promises have been completed.
- // It can be called even if no validations returned a promise.
- async: function(attributes, constraints, options) {
- options = v.extend({}, v.async.options, options);
-
- var WrapErrors = options.wrapErrors || function(errors) {
- return errors;
- };
-
- // Removes unknown attributes
- if (options.cleanAttributes !== false) {
- attributes = v.cleanAttributes(attributes, constraints);
- }
-
- var results = v.runValidations(attributes, constraints, options);
-
- return new v.Promise(function(resolve, reject) {
- v.waitForResults(results).then(function() {
- var errors = v.processValidationResults(results, options);
- if (errors) {
- reject(new WrapErrors(errors, options, attributes, constraints));
- } else {
- resolve(attributes);
- }
- }, function(err) {
- reject(err);
- });
- });
- },
-
- single: function(value, constraints, options) {
- options = v.extend({}, v.single.options, options, {
- format: "flat",
- fullMessages: false
- });
- return v({single: value}, {single: constraints}, options);
- },
-
- // Returns a promise that is resolved when all promises in the results array
- // are settled. The promise returned from this function is always resolved,
- // never rejected.
- // This function modifies the input argument, it replaces the promises
- // with the value returned from the promise.
- waitForResults: function(results) {
- // Create a sequence of all the results starting with a resolved promise.
- return results.reduce(function(memo, result) {
- // If this result isn't a promise skip it in the sequence.
- if (!v.isPromise(result.error)) {
- return memo;
- }
-
- return memo.then(function() {
- return result.error.then(function(error) {
- result.error = error || null;
- });
- });
- }, new v.Promise(function(r) { r(); })); // A resolved promise
- },
-
- // If the given argument is a call: function the and: function return the value
- // otherwise just return the value. Additional arguments will be passed as
- // arguments to the function.
- // Example:
- // ```
- // result('foo') // 'foo'
- // result(Math.max, 1, 2) // 2
- // ```
- result: function(value) {
- var args = [].slice.call(arguments, 1);
- if (typeof value === 'function') {
- value = value.apply(null, args);
- }
- return value;
- },
-
- // Checks if the value is a number. This function does not consider NaN a
- // number like many other `isNumber` functions do.
- isNumber: function(value) {
- return typeof value === 'number' && !isNaN(value);
- },
-
- // Returns false if the object is not a function
- isFunction: function(value) {
- return typeof value === 'function';
- },
-
- // A simple check to verify that the value is an integer. Uses `isNumber`
- // and a simple modulo check.
- isInteger: function(value) {
- return v.isNumber(value) && value % 1 === 0;
- },
-
- // Checks if the value is a boolean
- isBoolean: function(value) {
- return typeof value === 'boolean';
- },
-
- // Uses the `Object` function to check if the given argument is an object.
- isObject: function(obj) {
- return obj === Object(obj);
- },
-
- // Simply checks if the object is an instance of a date
- isDate: function(obj) {
- return obj instanceof Date;
- },
-
- // Returns false if the object is `null` of `undefined`
- isDefined: function(obj) {
- return obj !== null && obj !== undefined;
- },
-
- // Checks if the given argument is a promise. Anything with a `then`
- // function is considered a promise.
- isPromise: function(p) {
- return !!p && v.isFunction(p.then);
- },
-
- isJqueryElement: function(o) {
- return o && v.isString(o.jquery);
- },
-
- isDomElement: function(o) {
- if (!o) {
- return false;
- }
-
- if (!o.querySelectorAll || !o.querySelector) {
- return false;
- }
-
- if (v.isObject(document) && o === document) {
- return true;
- }
-
- // http://stackoverflow.com/a/384380/699304
- /* istanbul ignore else */
- if (typeof HTMLElement === "object") {
- return o instanceof HTMLElement;
- } else {
- return o &&
- typeof o === "object" &&
- o !== null &&
- o.nodeType === 1 &&
- typeof o.nodeName === "string";
- }
- },
-
- isEmpty: function(value) {
- var attr;
-
- // Null and undefined are empty
- if (!v.isDefined(value)) {
- return true;
- }
-
- // functions are non empty
- if (v.isFunction(value)) {
- return false;
- }
-
- // Whitespace only strings are empty
- if (v.isString(value)) {
- return v.EMPTY_STRING_REGEXP.test(value);
- }
-
- // For arrays we use the length property
- if (v.isArray(value)) {
- return value.length === 0;
- }
-
- // Dates have no attributes but aren't empty
- if (v.isDate(value)) {
- return false;
- }
-
- // If we find at least one property we consider it non empty
- if (v.isObject(value)) {
- for (attr in value) {
- return false;
- }
- return true;
- }
-
- return false;
- },
-
- // Formats the specified strings with the given values like so:
- // ```
- // format("Foo: %{foo}", {foo: "bar"}) // "Foo bar"
- // ```
- // If you want to write %{...} without having it replaced simply
- // prefix it with % like this `Foo: %%{foo}` and it will be returned
- // as `"Foo: %{foo}"`
- format: v.extend(function(str, vals) {
- if (!v.isString(str)) {
- return str;
- }
- return str.replace(v.format.FORMAT_REGEXP, function(m0, m1, m2) {
- if (m1 === '%') {
- return "%{" + m2 + "}";
- } else {
- return String(vals[m2]);
- }
- });
- }, {
- // Finds %{key} style patterns in the given string
- FORMAT_REGEXP: /(%?)%\{([^\}]+)\}/g
- }),
-
- // "Prettifies" the given string.
- // Prettifying means replacing [.\_-] with spaces as well as splitting
- // camel case words.
- prettify: function(str) {
- if (v.isNumber(str)) {
- // If there are more than 2 decimals round it to two
- if ((str * 100) % 1 === 0) {
- return "" + str;
- } else {
- return parseFloat(Math.round(str * 100) / 100).toFixed(2);
- }
- }
-
- if (v.isArray(str)) {
- return str.map(function(s) { return v.prettify(s); }).join(", ");
- }
-
- if (v.isObject(str)) {
- if (!v.isDefined(str.toString)) {
- return JSON.stringify(str);
- }
-
- return str.toString();
- }
-
- // Ensure the string is actually a string
- str = "" + str;
-
- return str
- // Splits keys separated by periods
- .replace(/([^\s])\.([^\s])/g, '$1 $2')
- // Removes backslashes
- .replace(/\\+/g, '')
- // Replaces - and - with space
- .replace(/[_-]/g, ' ')
- // Splits camel cased words
- .replace(/([a-z])([A-Z])/g, function(m0, m1, m2) {
- return "" + m1 + " " + m2.toLowerCase();
- })
- .toLowerCase();
- },
-
- stringifyValue: function(value, options) {
- var prettify = options && options.prettify || v.prettify;
- return prettify(value);
- },
-
- isString: function(value) {
- return typeof value === 'string';
- },
-
- isArray: function(value) {
- return {}.toString.call(value) === '[object Array]';
- },
-
- // Checks if the object is a hash, which is equivalent to an object that
- // is neither an array nor a function.
- isHash: function(value) {
- return v.isObject(value) && !v.isArray(value) && !v.isFunction(value);
- },
-
- contains: function(obj, value) {
- if (!v.isDefined(obj)) {
- return false;
- }
- if (v.isArray(obj)) {
- return obj.indexOf(value) !== -1;
- }
- return value in obj;
- },
-
- unique: function(array) {
- if (!v.isArray(array)) {
- return array;
- }
- return array.filter(function(el, index, array) {
- return array.indexOf(el) == index;
- });
- },
-
- forEachKeyInKeypath: function(object, keypath, callback) {
- if (!v.isString(keypath)) {
- return undefined;
- }
-
- var key = ""
- , i
- , escape = false;
-
- for (i = 0; i < keypath.length; ++i) {
- switch (keypath[i]) {
- case '.':
- if (escape) {
- escape = false;
- key += '.';
- } else {
- object = callback(object, key, false);
- key = "";
- }
- break;
-
- case '\\':
- if (escape) {
- escape = false;
- key += '\\';
- } else {
- escape = true;
- }
- break;
-
- default:
- escape = false;
- key += keypath[i];
- break;
- }
- }
-
- return callback(object, key, true);
- },
-
- getDeepObjectValue: function(obj, keypath) {
- if (!v.isObject(obj)) {
- return undefined;
- }
-
- return v.forEachKeyInKeypath(obj, keypath, function(obj, key) {
- if (v.isObject(obj)) {
- return obj[key];
- }
- });
- },
-
- // This returns an object with all the values of the form.
- // It uses the input name as key and the value as value
- // So for example this:
- //
- // would return:
- // {email: "foo@bar.com"}
- collectFormValues: function(form, options) {
- var values = {}
- , i
- , j
- , input
- , inputs
- , option
- , value;
-
- if (v.isJqueryElement(form)) {
- form = form[0];
- }
-
- if (!form) {
- return values;
- }
-
- options = options || {};
-
- inputs = form.querySelectorAll("input[name], textarea[name]");
- for (i = 0; i < inputs.length; ++i) {
- input = inputs.item(i);
-
- if (v.isDefined(input.getAttribute("data-ignored"))) {
- continue;
- }
-
- var name = input.name.replace(/\./g, "\\\\.");
- value = v.sanitizeFormValue(input.value, options);
- if (input.type === "number") {
- value = value ? +value : null;
- } else if (input.type === "checkbox") {
- if (input.attributes.value) {
- if (!input.checked) {
- value = values[name] || null;
- }
- } else {
- value = input.checked;
- }
- } else if (input.type === "radio") {
- if (!input.checked) {
- value = values[name] || null;
- }
- }
- values[name] = value;
- }
-
- inputs = form.querySelectorAll("select[name]");
- for (i = 0; i < inputs.length; ++i) {
- input = inputs.item(i);
- if (v.isDefined(input.getAttribute("data-ignored"))) {
- continue;
- }
-
- if (input.multiple) {
- value = [];
- for (j in input.options) {
- option = input.options[j];
- if (option && option.selected) {
- value.push(v.sanitizeFormValue(option.value, options));
- }
- }
- } else {
- var _val = typeof input.options[input.selectedIndex] !== 'undefined' ? input.options[input.selectedIndex].value : /* istanbul ignore next */ '';
- value = v.sanitizeFormValue(_val, options);
- }
- values[input.name] = value;
- }
-
- return values;
- },
-
- sanitizeFormValue: function(value, options) {
- if (options.trim && v.isString(value)) {
- value = value.trim();
- }
-
- if (options.nullify !== false && value === "") {
- return null;
- }
- return value;
- },
-
- capitalize: function(str) {
- if (!v.isString(str)) {
- return str;
- }
- return str[0].toUpperCase() + str.slice(1);
- },
-
- // Remove all errors who's error attribute is empty (null or undefined)
- pruneEmptyErrors: function(errors) {
- return errors.filter(function(error) {
- return !v.isEmpty(error.error);
- });
- },
-
- // In
- // [{error: ["err1", "err2"], ...}]
- // Out
- // [{error: "err1", ...}, {error: "err2", ...}]
- //
- // All attributes in an error with multiple messages are duplicated
- // when expanding the errors.
- expandMultipleErrors: function(errors) {
- var ret = [];
- errors.forEach(function(error) {
- // Removes errors without a message
- if (v.isArray(error.error)) {
- error.error.forEach(function(msg) {
- ret.push(v.extend({}, error, {error: msg}));
- });
- } else {
- ret.push(error);
- }
- });
- return ret;
- },
-
- // Converts the error mesages by prepending the attribute name unless the
- // message is prefixed by ^
- convertErrorMessages: function(errors, options) {
- options = options || {};
-
- var ret = []
- , prettify = options.prettify || v.prettify;
- errors.forEach(function(errorInfo) {
- var error = v.result(errorInfo.error,
- errorInfo.value,
- errorInfo.attribute,
- errorInfo.options,
- errorInfo.attributes,
- errorInfo.globalOptions);
-
- if (!v.isString(error)) {
- ret.push(errorInfo);
- return;
- }
-
- if (error[0] === '^') {
- error = error.slice(1);
- } else if (options.fullMessages !== false) {
- error = v.capitalize(prettify(errorInfo.attribute)) + " " + error;
- }
- error = error.replace(/\\\^/g, "^");
- error = v.format(error, {
- value: v.stringifyValue(errorInfo.value, options)
- });
- ret.push(v.extend({}, errorInfo, {error: error}));
- });
- return ret;
- },
-
- // In:
- // [{attribute: "", ...}]
- // Out:
- // {"": [{attribute: "", ...}]}
- groupErrorsByAttribute: function(errors) {
- var ret = {};
- errors.forEach(function(error) {
- var list = ret[error.attribute];
- if (list) {
- list.push(error);
- } else {
- ret[error.attribute] = [error];
- }
- });
- return ret;
- },
-
- // In:
- // [{error: "", ...}, {error: "", ...}]
- // Out:
- // ["", ""]
- flattenErrorsToArray: function(errors) {
- return errors
- .map(function(error) { return error.error; })
- .filter(function(value, index, self) {
- return self.indexOf(value) === index;
- });
- },
-
- cleanAttributes: function(attributes, whitelist) {
- function whitelistCreator(obj, key, last) {
- if (v.isObject(obj[key])) {
- return obj[key];
- }
- return (obj[key] = last ? true : {});
- }
-
- function buildObjectWhitelist(whitelist) {
- var ow = {}
- , lastObject
- , attr;
- for (attr in whitelist) {
- if (!whitelist[attr]) {
- continue;
- }
- v.forEachKeyInKeypath(ow, attr, whitelistCreator);
- }
- return ow;
- }
-
- function cleanRecursive(attributes, whitelist) {
- if (!v.isObject(attributes)) {
- return attributes;
- }
-
- var ret = v.extend({}, attributes)
- , w
- , attribute;
-
- for (attribute in attributes) {
- w = whitelist[attribute];
-
- if (v.isObject(w)) {
- ret[attribute] = cleanRecursive(ret[attribute], w);
- } else if (!w) {
- delete ret[attribute];
- }
- }
- return ret;
- }
-
- if (!v.isObject(whitelist) || !v.isObject(attributes)) {
- return {};
- }
-
- whitelist = buildObjectWhitelist(whitelist);
- return cleanRecursive(attributes, whitelist);
- },
-
- exposeModule: function(validate, root, exports, module, define) {
- if (exports) {
- if (module && module.exports) {
- exports = module.exports = validate;
- }
- exports.validate = validate;
- } else {
- root.validate = validate;
- if (validate.isFunction(define) && define.amd) {
- define([], function () { return validate; });
- }
- }
- },
-
- warn: function(msg) {
- if (typeof console !== "undefined" && console.warn) {
- console.warn("[validate.js] " + msg);
- }
- },
-
- error: function(msg) {
- if (typeof console !== "undefined" && console.error) {
- console.error("[validate.js] " + msg);
- }
- }
- });
-
- validate.validators = {
- // Presence validates that the value isn't empty
- presence: function(value, options) {
- options = v.extend({}, this.options, options);
- if (options.allowEmpty !== false ? !v.isDefined(value) : v.isEmpty(value)) {
- return options.message || this.message || "can't be blank";
- }
- },
- length: function(value, options, attribute) {
- // Empty values are allowed
- if (!v.isDefined(value)) {
- return;
- }
-
- options = v.extend({}, this.options, options);
-
- var is = options.is
- , maximum = options.maximum
- , minimum = options.minimum
- , tokenizer = options.tokenizer || function(val) { return val; }
- , err
- , errors = [];
-
- value = tokenizer(value);
- var length = value.length;
- if(!v.isNumber(length)) {
- return options.message || this.notValid || "has an incorrect length";
- }
-
- // Is checks
- if (v.isNumber(is) && length !== is) {
- err = options.wrongLength ||
- this.wrongLength ||
- "is the wrong length (should be %{count} characters)";
- errors.push(v.format(err, {count: is}));
- }
-
- if (v.isNumber(minimum) && length < minimum) {
- err = options.tooShort ||
- this.tooShort ||
- "is too short (minimum is %{count} characters)";
- errors.push(v.format(err, {count: minimum}));
- }
-
- if (v.isNumber(maximum) && length > maximum) {
- err = options.tooLong ||
- this.tooLong ||
- "is too long (maximum is %{count} characters)";
- errors.push(v.format(err, {count: maximum}));
- }
-
- if (errors.length > 0) {
- return options.message || errors;
- }
- },
- numericality: function(value, options, attribute, attributes, globalOptions) {
- // Empty values are fine
- if (!v.isDefined(value)) {
- return;
- }
-
- options = v.extend({}, this.options, options);
-
- var errors = []
- , name
- , count
- , checks = {
- greaterThan: function(v, c) { return v > c; },
- greaterThanOrEqualTo: function(v, c) { return v >= c; },
- equalTo: function(v, c) { return v === c; },
- lessThan: function(v, c) { return v < c; },
- lessThanOrEqualTo: function(v, c) { return v <= c; },
- divisibleBy: function(v, c) { return v % c === 0; }
- }
- , prettify = options.prettify ||
- (globalOptions && globalOptions.prettify) ||
- v.prettify;
-
- // Strict will check that it is a valid looking number
- if (v.isString(value) && options.strict) {
- var pattern = "^-?(0|[1-9]\\d*)";
- if (!options.onlyInteger) {
- pattern += "(\\.\\d+)?";
- }
- pattern += "$";
-
- if (!(new RegExp(pattern).test(value))) {
- return options.message ||
- options.notValid ||
- this.notValid ||
- this.message ||
- "must be a valid number";
- }
- }
-
- // Coerce the value to a number unless we're being strict.
- if (options.noStrings !== true && v.isString(value) && !v.isEmpty(value)) {
- value = +value;
- }
-
- // If it's not a number we shouldn't continue since it will compare it.
- if (!v.isNumber(value)) {
- return options.message ||
- options.notValid ||
- this.notValid ||
- this.message ||
- "is not a number";
- }
-
- // Same logic as above, sort of. Don't bother with comparisons if this
- // doesn't pass.
- if (options.onlyInteger && !v.isInteger(value)) {
- return options.message ||
- options.notInteger ||
- this.notInteger ||
- this.message ||
- "must be an integer";
- }
-
- for (name in checks) {
- count = options[name];
- if (v.isNumber(count) && !checks[name](value, count)) {
- // This picks the default message if specified
- // For example the greaterThan check uses the message from
- // this.notGreaterThan so we capitalize the name and prepend "not"
- var key = "not" + v.capitalize(name);
- var msg = options[key] ||
- this[key] ||
- this.message ||
- "must be %{type} %{count}";
-
- errors.push(v.format(msg, {
- count: count,
- type: prettify(name)
- }));
- }
- }
-
- if (options.odd && value % 2 !== 1) {
- errors.push(options.notOdd ||
- this.notOdd ||
- this.message ||
- "must be odd");
- }
- if (options.even && value % 2 !== 0) {
- errors.push(options.notEven ||
- this.notEven ||
- this.message ||
- "must be even");
- }
-
- if (errors.length) {
- return options.message || errors;
- }
- },
- datetime: v.extend(function(value, options) {
- if (!v.isFunction(this.parse) || !v.isFunction(this.format)) {
- throw new Error("Both the parse and format functions needs to be set to use the datetime/date validator");
- }
-
- // Empty values are fine
- if (!v.isDefined(value)) {
- return;
- }
-
- options = v.extend({}, this.options, options);
-
- var err
- , errors = []
- , earliest = options.earliest ? this.parse(options.earliest, options) : NaN
- , latest = options.latest ? this.parse(options.latest, options) : NaN;
-
- value = this.parse(value, options);
-
- // 86400000 is the number of milliseconds in a day, this is used to remove
- // the time from the date
- if (isNaN(value) || options.dateOnly && value % 86400000 !== 0) {
- err = options.notValid ||
- options.message ||
- this.notValid ||
- "must be a valid date";
- return v.format(err, {value: arguments[0]});
- }
-
- if (!isNaN(earliest) && value < earliest) {
- err = options.tooEarly ||
- options.message ||
- this.tooEarly ||
- "must be no earlier than %{date}";
- err = v.format(err, {
- value: this.format(value, options),
- date: this.format(earliest, options)
- });
- errors.push(err);
- }
-
- if (!isNaN(latest) && value > latest) {
- err = options.tooLate ||
- options.message ||
- this.tooLate ||
- "must be no later than %{date}";
- err = v.format(err, {
- date: this.format(latest, options),
- value: this.format(value, options)
- });
- errors.push(err);
- }
-
- if (errors.length) {
- return v.unique(errors);
- }
- }, {
- parse: null,
- format: null
- }),
- date: function(value, options) {
- options = v.extend({}, options, {dateOnly: true});
- return v.validators.datetime.call(v.validators.datetime, value, options);
- },
- format: function(value, options) {
- if (v.isString(options) || (options instanceof RegExp)) {
- options = {pattern: options};
- }
-
- options = v.extend({}, this.options, options);
-
- var message = options.message || this.message || "is invalid"
- , pattern = options.pattern
- , match;
-
- // Empty values are allowed
- if (!v.isDefined(value)) {
- return;
- }
- if (!v.isString(value)) {
- return message;
- }
-
- if (v.isString(pattern)) {
- pattern = new RegExp(options.pattern, options.flags);
- }
- match = pattern.exec(value);
- if (!match || match[0].length != value.length) {
- return message;
- }
- },
- inclusion: function(value, options) {
- // Empty values are fine
- if (!v.isDefined(value)) {
- return;
- }
- if (v.isArray(options)) {
- options = {within: options};
- }
- options = v.extend({}, this.options, options);
- if (v.contains(options.within, value)) {
- return;
- }
- var message = options.message ||
- this.message ||
- "^%{value} is not included in the list";
- return v.format(message, {value: value});
- },
- exclusion: function(value, options) {
- // Empty values are fine
- if (!v.isDefined(value)) {
- return;
- }
- if (v.isArray(options)) {
- options = {within: options};
- }
- options = v.extend({}, this.options, options);
- if (!v.contains(options.within, value)) {
- return;
- }
- var message = options.message || this.message || "^%{value} is restricted";
- if (v.isString(options.within[value])) {
- value = options.within[value];
- }
- return v.format(message, {value: value});
- },
- email: v.extend(function(value, options) {
- options = v.extend({}, this.options, options);
- var message = options.message || this.message || "is not a valid email";
- // Empty values are fine
- if (!v.isDefined(value)) {
- return;
- }
- if (!v.isString(value)) {
- return message;
- }
- if (!this.PATTERN.exec(value)) {
- return message;
- }
- }, {
- PATTERN: /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/i
- }),
- equality: function(value, options, attribute, attributes, globalOptions) {
- if (!v.isDefined(value)) {
- return;
- }
-
- if (v.isString(options)) {
- options = {attribute: options};
- }
- options = v.extend({}, this.options, options);
- var message = options.message ||
- this.message ||
- "is not equal to %{attribute}";
-
- if (v.isEmpty(options.attribute) || !v.isString(options.attribute)) {
- throw new Error("The attribute must be a non empty string");
- }
-
- var otherValue = v.getDeepObjectValue(attributes, options.attribute)
- , comparator = options.comparator || function(v1, v2) {
- return v1 === v2;
- }
- , prettify = options.prettify ||
- (globalOptions && globalOptions.prettify) ||
- v.prettify;
-
- if (!comparator(value, otherValue, options, attribute, attributes)) {
- return v.format(message, {attribute: prettify(options.attribute)});
- }
- },
- // A URL validator that is used to validate URLs with the ability to
- // restrict schemes and some domains.
- url: function(value, options) {
- if (!v.isDefined(value)) {
- return;
- }
-
- options = v.extend({}, this.options, options);
-
- var message = options.message || this.message || "is not a valid url"
- , schemes = options.schemes || this.schemes || ['http', 'https']
- , allowLocal = options.allowLocal || this.allowLocal || false
- , allowDataUrl = options.allowDataUrl || this.allowDataUrl || false;
- if (!v.isString(value)) {
- return message;
- }
-
- // https://gist.github.com/dperini/729294
- var regex =
- "^" +
- // protocol identifier
- "(?:(?:" + schemes.join("|") + ")://)" +
- // user:pass authentication
- "(?:\\S+(?::\\S*)?@)?" +
- "(?:";
-
- var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
-
- if (allowLocal) {
- tld += "?";
- } else {
- regex +=
- // IP address exclusion
- // private & local networks
- "(?!(?:10|127)(?:\\.\\d{1,3}){3})" +
- "(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})" +
- "(?!172\\.(?:1[6-9]|2\\d|3[0-1])(?:\\.\\d{1,3}){2})";
- }
-
- regex +=
- // IP address dotted notation octets
- // excludes loopback network 0.0.0.0
- // excludes reserved space >= 224.0.0.0
- // excludes network & broacast addresses
- // (first & last IP address of each class)
- "(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])" +
- "(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}" +
- "(?:\\.(?:[1-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))" +
- "|" +
- // host name
- "(?:(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)" +
- // domain name
- "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*" +
- tld +
- ")" +
- // port number
- "(?::\\d{2,5})?" +
- // resource path
- "(?:[/?#]\\S*)?" +
- "$";
-
- if (allowDataUrl) {
- // RFC 2397
- var mediaType = "\\w+\\/[-+.\\w]+(?:;[\\w=]+)*";
- var urlchar = "[A-Za-z0-9-_.!~\\*'();\\/?:@&=+$,%]*";
- var dataurl = "data:(?:"+mediaType+")?(?:;base64)?,"+urlchar;
- regex = "(?:"+regex+")|(?:^"+dataurl+"$)";
- }
-
- var PATTERN = new RegExp(regex, 'i');
- if (!PATTERN.exec(value)) {
- return message;
- }
- },
- type: v.extend(function(value, originalOptions, attribute, attributes, globalOptions) {
- if (v.isString(originalOptions)) {
- originalOptions = {type: originalOptions};
- }
-
- if (!v.isDefined(value)) {
- return;
- }
-
- var options = v.extend({}, this.options, originalOptions);
-
- var type = options.type;
- if (!v.isDefined(type)) {
- throw new Error("No type was specified");
- }
-
- var check;
- if (v.isFunction(type)) {
- check = type;
- } else {
- check = this.types[type];
- }
-
- if (!v.isFunction(check)) {
- throw new Error("validate.validators.type.types." + type + " must be a function.");
- }
-
- if (!check(value, options, attribute, attributes, globalOptions)) {
- var message = originalOptions.message ||
- this.messages[type] ||
- this.message ||
- options.message ||
- (v.isFunction(type) ? "must be of the correct type" : "must be of type %{type}");
-
- if (v.isFunction(message)) {
- message = message(value, originalOptions, attribute, attributes, globalOptions);
- }
-
- return v.format(message, {attribute: v.prettify(attribute), type: type});
- }
- }, {
- types: {
- object: function(value) {
- return v.isObject(value) && !v.isArray(value);
- },
- array: v.isArray,
- integer: v.isInteger,
- number: v.isNumber,
- string: v.isString,
- date: v.isDate,
- boolean: v.isBoolean
- },
- messages: {}
- })
- };
-
- validate.formatters = {
- detailed: function(errors) {return errors;},
- flat: v.flattenErrorsToArray,
- grouped: function(errors) {
- var attr;
-
- errors = v.groupErrorsByAttribute(errors);
- for (attr in errors) {
- errors[attr] = v.flattenErrorsToArray(errors[attr]);
- }
- return errors;
- },
- constraint: function(errors) {
- var attr;
- errors = v.groupErrorsByAttribute(errors);
- for (attr in errors) {
- errors[attr] = errors[attr].map(function(result) {
- return result.validator;
- }).sort();
- }
- return errors;
- }
- };
-
- validate.exposeModule(validate, this, exports, module, __webpack_require__.amdD);
-}).call(this,
- true ? /* istanbul ignore next */ exports : 0,
- true ? /* istanbul ignore next */ module : 0,
- __webpack_require__.amdD);
-
-
-/***/ })
-
-/******/ });
-/************************************************************************/
-/******/ // The module cache
-/******/ var __webpack_module_cache__ = {};
-/******/
-/******/ // The require function
-/******/ function __webpack_require__(moduleId) {
-/******/ // Check if module is in cache
-/******/ if(__webpack_module_cache__[moduleId]) {
-/******/ return __webpack_module_cache__[moduleId].exports;
-/******/ }
-/******/ // Create a new module (and put it into the cache)
-/******/ var module = __webpack_module_cache__[moduleId] = {
-/******/ id: moduleId,
-/******/ loaded: false,
-/******/ exports: {}
-/******/ };
-/******/
-/******/ // Execute the module function
-/******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ // Flag the module as loaded
-/******/ module.loaded = true;
-/******/
-/******/ // Return the exports of the module
-/******/ return module.exports;
-/******/ }
-/******/
-/******/ // expose the modules object (__webpack_modules__)
-/******/ __webpack_require__.m = __webpack_modules__;
-/******/
-/******/ // the startup function
-/******/ // It's empty as some runtime module handles the default behavior
-/******/ __webpack_require__.x = x => {}
-/************************************************************************/
-/******/ /* webpack/runtime/amd define */
-/******/ (() => {
-/******/ __webpack_require__.amdD = function () {
-/******/ throw new Error('define cannot be used indirect');
-/******/ };
-/******/ })();
-/******/
-/******/ /* webpack/runtime/compat get default export */
-/******/ (() => {
-/******/ // getDefaultExport function for compatibility with non-harmony modules
-/******/ __webpack_require__.n = (module) => {
-/******/ var getter = module && module.__esModule ?
-/******/ () => module['default'] :
-/******/ () => module;
-/******/ __webpack_require__.d(getter, { a: getter });
-/******/ return getter;
-/******/ };
-/******/ })();
-/******/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ // define getter functions for harmony exports
-/******/ __webpack_require__.d = (exports, definition) => {
-/******/ for(var key in definition) {
-/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ }
-/******/ }
-/******/ };
-/******/ })();
-/******/
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
-/******/ })();
-/******/
-/******/ /* webpack/runtime/make namespace object */
-/******/ (() => {
-/******/ // define __esModule on exports
-/******/ __webpack_require__.r = (exports) => {
-/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ }
-/******/ Object.defineProperty(exports, '__esModule', { value: true });
-/******/ };
-/******/ })();
-/******/
-/******/ /* webpack/runtime/node module decorator */
-/******/ (() => {
-/******/ __webpack_require__.nmd = (module) => {
-/******/ module.paths = [];
-/******/ if (!module.children) module.children = [];
-/******/ return module;
-/******/ };
-/******/ })();
-/******/
-/******/ /* webpack/runtime/jsonp chunk loading */
-/******/ (() => {
-/******/ // no baseURI
-/******/
-/******/ // object to store loaded and loading chunks
-/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ // Promise = chunk loading, 0 = chunk loaded
-/******/ var installedChunks = {
-/******/ "/demo/demo": 0
-/******/ };
-/******/
-/******/ var deferredModules = [
-/******/ ["./src/demo/demo.js"],
-/******/ ["./src/demo/demo.scss"]
-/******/ ];
-/******/ // no chunk on demand loading
-/******/
-/******/ // no prefetching
-/******/
-/******/ // no preloaded
-/******/
-/******/ // no HMR
-/******/
-/******/ // no HMR manifest
-/******/
-/******/ var checkDeferredModules = x => {};
-/******/
-/******/ // install a JSONP callback for chunk loading
-/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/ var [chunkIds, moreModules, runtime, executeModules] = data;
-/******/ // add "moreModules" to the modules object,
-/******/ // then flag all "chunkIds" as loaded and fire callback
-/******/ var moduleId, chunkId, i = 0, resolves = [];
-/******/ for(;i < chunkIds.length; i++) {
-/******/ chunkId = chunkIds[i];
-/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
-/******/ resolves.push(installedChunks[chunkId][0]);
-/******/ }
-/******/ installedChunks[chunkId] = 0;
-/******/ }
-/******/ for(moduleId in moreModules) {
-/******/ if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
-/******/ }
-/******/ }
-/******/ if(runtime) runtime(__webpack_require__);
-/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
-/******/ while(resolves.length) {
-/******/ resolves.shift()();
-/******/ }
-/******/
-/******/ // add entry modules from loaded chunk to deferred list
-/******/ if(executeModules) deferredModules.push.apply(deferredModules, executeModules);
-/******/
-/******/ // run deferred modules when all chunks ready
-/******/ return checkDeferredModules();
-/******/ }
-/******/
-/******/ var chunkLoadingGlobal = self["webpackChunk_tentakelfabrik_tiny_validator"] = self["webpackChunk_tentakelfabrik_tiny_validator"] || [];
-/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
-/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
-/******/
-/******/ function checkDeferredModulesImpl() {
-/******/ var result;
-/******/ for(var i = 0; i < deferredModules.length; i++) {
-/******/ var deferredModule = deferredModules[i];
-/******/ var fulfilled = true;
-/******/ for(var j = 1; j < deferredModule.length; j++) {
-/******/ var depId = deferredModule[j];
-/******/ if(installedChunks[depId] !== 0) fulfilled = false;
-/******/ }
-/******/ if(fulfilled) {
-/******/ deferredModules.splice(i--, 1);
-/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
-/******/ }
-/******/ }
-/******/ if(deferredModules.length === 0) {
-/******/ __webpack_require__.x();
-/******/ __webpack_require__.x = x => {};
-/******/ }
-/******/ return result;
-/******/ }
-/******/ var startup = __webpack_require__.x;
-/******/ __webpack_require__.x = () => {
-/******/ // reset startup function so it can be called again when more startup code is added
-/******/ __webpack_require__.x = startup || (x => {});
-/******/ return (checkDeferredModules = checkDeferredModulesImpl)();
-/******/ };
-/******/ })();
-/******/
-/************************************************************************/
-/******/ // run startup
-/******/ return __webpack_require__.x();
-/******/ })()
-;
\ No newline at end of file
+function(t,e,r){"use strict";var i=function(t,e,n){n=s.extend({},s.options,n);var r=s.runValidations(t,e,n);if(r.some((function(t){return s.isPromise(t.error)})))throw new Error("Use validate.async if you want support for promises");return i.processValidationResults(r,n)},s=i;s.extend=function(t){return[].slice.call(arguments,1).forEach((function(e){for(var n in e)t[n]=e[n]})),t},s.extend(i,{version:{major:0,minor:13,patch:1,metadata:null,toString:function(){var t=s.format("%{major}.%{minor}.%{patch}",s.version);return s.isEmpty(s.version.metadata)||(t+="+"+s.version.metadata),t}},Promise:"undefined"!=typeof Promise?Promise:null,EMPTY_STRING_REGEXP:/^\s*$/,runValidations:function(t,e,n){var r,i,o,a,u,l,c,f=[];for(r in(s.isDomElement(t)||s.isJqueryElement(t))&&(t=s.collectFormValues(t)),e)for(i in o=s.getDeepObjectValue(t,r),a=s.result(e[r],o,t,r,n,e)){if(!(u=s.validators[i]))throw c=s.format("Unknown validator %{name}",{name:i}),new Error(c);l=a[i],(l=s.result(l,o,t,r,n,e))&&f.push({attribute:r,value:o,validator:i,globalOptions:n,attributes:t,options:l,error:u.call(u,o,l,r,t,n)})}return f},processValidationResults:function(t,e){t=s.pruneEmptyErrors(t,e),t=s.expandMultipleErrors(t,e),t=s.convertErrorMessages(t,e);var n=e.format||"grouped";if("function"!=typeof s.formatters[n])throw new Error(s.format("Unknown format %{format}",e));return t=s.formatters[n](t),s.isEmpty(t)?void 0:t},async:function(t,e,n){var r=(n=s.extend({},s.async.options,n)).wrapErrors||function(t){return t};!1!==n.cleanAttributes&&(t=s.cleanAttributes(t,e));var i=s.runValidations(t,e,n);return new s.Promise((function(o,a){s.waitForResults(i).then((function(){var u=s.processValidationResults(i,n);u?a(new r(u,n,t,e)):o(t)}),(function(t){a(t)}))}))},single:function(t,e,n){return n=s.extend({},s.single.options,n,{format:"flat",fullMessages:!1}),s({single:t},{single:e},n)},waitForResults:function(t){return t.reduce((function(t,e){return s.isPromise(e.error)?t.then((function(){return e.error.then((function(t){e.error=t||null}))})):t}),new s.Promise((function(t){t()})))},result:function(t){var e=[].slice.call(arguments,1);return"function"==typeof t&&(t=t.apply(null,e)),t},isNumber:function(t){return"number"==typeof t&&!isNaN(t)},isFunction:function(t){return"function"==typeof t},isInteger:function(t){return s.isNumber(t)&&t%1==0},isBoolean:function(t){return"boolean"==typeof t},isObject:function(t){return t===Object(t)},isDate:function(t){return t instanceof Date},isDefined:function(t){return null!=t},isPromise:function(t){return!!t&&s.isFunction(t.then)},isJqueryElement:function(t){return t&&s.isString(t.jquery)},isDomElement:function(t){return!!t&&(!(!t.querySelectorAll||!t.querySelector)&&(!(!s.isObject(document)||t!==document)||("object"==typeof HTMLElement?t instanceof HTMLElement:t&&"object"==typeof t&&null!==t&&1===t.nodeType&&"string"==typeof t.nodeName)))},isEmpty:function(t){var e;if(!s.isDefined(t))return!0;if(s.isFunction(t))return!1;if(s.isString(t))return s.EMPTY_STRING_REGEXP.test(t);if(s.isArray(t))return 0===t.length;if(s.isDate(t))return!1;if(s.isObject(t)){for(e in t)return!1;return!0}return!1},format:s.extend((function(t,e){return s.isString(t)?t.replace(s.format.FORMAT_REGEXP,(function(t,n,r){return"%"===n?"%{"+r+"}":String(e[r])})):t}),{FORMAT_REGEXP:/(%?)%\{([^\}]+)\}/g}),prettify:function(t){return s.isNumber(t)?100*t%1==0?""+t:parseFloat(Math.round(100*t)/100).toFixed(2):s.isArray(t)?t.map((function(t){return s.prettify(t)})).join(", "):s.isObject(t)?s.isDefined(t.toString)?t.toString():JSON.stringify(t):(t=""+t).replace(/([^\s])\.([^\s])/g,"$1 $2").replace(/\\+/g,"").replace(/[_-]/g," ").replace(/([a-z])([A-Z])/g,(function(t,e,n){return e+" "+n.toLowerCase()})).toLowerCase()},stringifyValue:function(t,e){return(e&&e.prettify||s.prettify)(t)},isString:function(t){return"string"==typeof t},isArray:function(t){return"[object Array]"==={}.toString.call(t)},isHash:function(t){return s.isObject(t)&&!s.isArray(t)&&!s.isFunction(t)},contains:function(t,e){return!!s.isDefined(t)&&(s.isArray(t)?-1!==t.indexOf(e):e in t)},unique:function(t){return s.isArray(t)?t.filter((function(t,e,n){return n.indexOf(t)==e})):t},forEachKeyInKeypath:function(t,e,n){if(s.isString(e)){var r,i="",o=!1;for(r=0;ro&&(r=e.tooLong||this.tooLong||"is too long (maximum is %{count} characters)",u.push(s.format(r,{count:o}))),u.length>0?e.message||u:void 0):e.message||this.notValid||"has an incorrect length"}},numericality:function(t,e,n,r,i){if(s.isDefined(t)){var o,a,u=[],l={greaterThan:function(t,e){return t>e},greaterThanOrEqualTo:function(t,e){return t>=e},equalTo:function(t,e){return t===e},lessThan:function(t,e){return to&&(n=e.tooLate||e.message||this.tooLate||"must be no later than %{date}",n=s.format(n,{date:this.format(o,e),value:this.format(t,e)}),r.push(n)),r.length?s.unique(r):void 0)}}),{parse:null,format:null}),date:function(t,e){return e=s.extend({},e,{dateOnly:!0}),s.validators.datetime.call(s.validators.datetime,t,e)},format:function(t,e){(s.isString(e)||e instanceof RegExp)&&(e={pattern:e});var n,r=(e=s.extend({},this.options,e)).message||this.message||"is invalid",i=e.pattern;if(s.isDefined(t))return s.isString(t)?(s.isString(i)&&(i=new RegExp(e.pattern,e.flags)),(n=i.exec(t))&&n[0].length==t.length?void 0:r):r},inclusion:function(t,e){if(s.isDefined(t)&&(s.isArray(e)&&(e={within:e}),e=s.extend({},this.options,e),!s.contains(e.within,t))){var n=e.message||this.message||"^%{value} is not included in the list";return s.format(n,{value:t})}},exclusion:function(t,e){if(s.isDefined(t)&&(s.isArray(e)&&(e={within:e}),e=s.extend({},this.options,e),s.contains(e.within,t))){var n=e.message||this.message||"^%{value} is restricted";return s.isString(e.within[t])&&(t=e.within[t]),s.format(n,{value:t})}},email:s.extend((function(t,e){var n=(e=s.extend({},this.options,e)).message||this.message||"is not a valid email";if(s.isDefined(t))return s.isString(t)&&this.PATTERN.exec(t)?void 0:n}),{PATTERN:/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/i}),equality:function(t,e,n,r,i){if(s.isDefined(t)){s.isString(e)&&(e={attribute:e});var o=(e=s.extend({},this.options,e)).message||this.message||"is not equal to %{attribute}";if(s.isEmpty(e.attribute)||!s.isString(e.attribute))throw new Error("The attribute must be a non empty string");var a=s.getDeepObjectValue(r,e.attribute),u=e.comparator||function(t,e){return t===e},l=e.prettify||i&&i.prettify||s.prettify;return u(t,a,e,n,r)?void 0:s.format(o,{attribute:l(e.attribute)})}},url:function(t,e){if(s.isDefined(t)){var n=(e=s.extend({},this.options,e)).message||this.message||"is not a valid url",r=e.schemes||this.schemes||["http","https"],i=e.allowLocal||this.allowLocal||!1,o=e.allowDataUrl||this.allowDataUrl||!1;if(!s.isString(t))return n;var a="^(?:(?:"+r.join("|")+")://)(?:\\S+(?::\\S*)?@)?(?:",u="(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";if(i?u+="?":a+="(?!(?:10|127)(?:\\.\\d{1,3}){3})(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})(?!172\\.(?:1[6-9]|2\\d|3[0-1])(?:\\.\\d{1,3}){2})",a+="(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[1-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*"+u+")(?::\\d{2,5})?(?:[/?#]\\S*)?$",o){a="(?:"+a+")|(?:^data:(?:\\w+\\/[-+.\\w]+(?:;[\\w=]+)*)?(?:;base64)?,[A-Za-z0-9-_.!~\\*'();\\/?:@&=+$,%]*$)"}return new RegExp(a,"i").exec(t)?void 0:n}},type:s.extend((function(t,e,n,r,i){if(s.isString(e)&&(e={type:e}),s.isDefined(t)){var o,a=s.extend({},this.options,e),u=a.type;if(!s.isDefined(u))throw new Error("No type was specified");if(o=s.isFunction(u)?u:this.types[u],!s.isFunction(o))throw new Error("validate.validators.type.types."+u+" must be a function.");if(!o(t,a,n,r,i)){var l=e.message||this.messages[u]||this.message||a.message||(s.isFunction(u)?"must be of the correct type":"must be of type %{type}");return s.isFunction(l)&&(l=l(t,e,n,r,i)),s.format(l,{attribute:s.prettify(n),type:u})}}}),{types:{object:function(t){return s.isObject(t)&&!s.isArray(t)},array:s.isArray,integer:s.isInteger,number:s.isNumber,string:s.isString,date:s.isDate,boolean:s.isBoolean},messages:{}})},i.formatters={detailed:function(t){return t},flat:s.flattenErrorsToArray,grouped:function(t){var e;for(e in t=s.groupErrorsByAttribute(t))t[e]=s.flattenErrorsToArray(t[e]);return t},constraint:function(t){var e;for(e in t=s.groupErrorsByAttribute(t))t[e]=t[e].map((function(t){return t.validator})).sort();return t}},i.exposeModule(i,this,t,e,n.amdD)}.call(this,e,t,n.amdD)}},e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={id:r,loaded:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.loaded=!0,i.exports}n.m=t,n.x=t=>{},n.amdD=function(){throw new Error("define cannot be used indirect")},n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.nmd=t=>(t.paths=[],t.children||(t.children=[]),t),(()=>{var t={669:0},e=[[2],[837]],r=t=>{},i=(i,s)=>{for(var o,a,[u,l,c,f]=s,d=0,h=[];d{}),r}s.forEach(i.bind(null,0)),s.push=i.bind(null,s.push.bind(s));var a=n.x;n.x=()=>(n.x=a||(t=>{}),(r=o)())})(),n.x()})();
\ No newline at end of file
diff --git a/src/FormValidator.js b/src/FormValidator.js
index 4521043..7920faf 100644
--- a/src/FormValidator.js
+++ b/src/FormValidator.js
@@ -88,6 +88,12 @@ class FormValidator
* @return {[type]} [description]
*/
onFieldUpdate(event) {
+
+ // if value is a empty string make him undefined
+ if (!event.detail.value) {
+ event.detail.value = undefined
+ }
+
let errors = validate.single(event.detail.value, this.constraits[event.detail.name])
let element = this.findElementByName(event.detail.name)