@formio/js 5.0.0-dev.5610.da13e39 → 5.0.0-dev.5613.3476921

package/lib/cjs/Element.js

@@ -70,18 +70,21 @@ class Element {
         this.options.i18next = this.i18next = this.options.i18next || i18n_1.I18n.init(this.options.i18n);
         /**
          * An instance of the EventEmitter class to handle the emitting and registration of events.
+         *
          * @type {EventEmitter}
          */
         this.events = (options && options.events) ? options.events : new EventEmitter_1.default();
         this.defaultMask = null;
         /**
          * Conditional to show or hide helplinks in editForm
+         *
          * @type {*|boolean}
          */
         this.helplinks = (this.options.helplinks === 'false') ? false : (this.options.helplinks || 'https://help.form.io');
     }
     /**
      * Register for a new event within this component.
+     *
      * @example
      * let component = new BaseComponent({
      *   type: 'textfield',
@@ -91,11 +94,12 @@ class Element {
      * component.on('componentChange', (changed) => {
      *   console.log('this element is changed.');
      * });
+     *
+     *
      * @param {string} event - The event you wish to register the handler for.
-     * @param {Function} cb - The callback handler to handle this event.
+     * @param {function} cb - The callback handler to handle this event.
      * @param {boolean} [internal] - This is an internal event handler.
      * @param {boolean} [once] - This event should only fire once.
-     * @returns {EventEmitter | void} - The event emitter instance.
      */
     on(event, cb, internal, once = false) {
         if (!this.events) {
@@ -111,18 +115,18 @@ class Element {
     }
     /**
      * Register for a new single-fire event within this component.
+     *
      * @param {string} event - The event you wish to register the handler for.
-     * @param {Function} cb - The callback handler to handle this event.
-     * @param {boolean} internal - This is an internal event handler.
-     * @returns {EventEmitter} - The event emitter instance.
+     * @param {function} cb - The callback handler to handle this event.
      */
     once(event, cb, internal) {
         return this.on(event, cb, internal, true);
     }
     /**
      * Allow catching any event.
-     * @param {Function} cb - The callback handler to handle this event.
-     * @returns {EventEmitter | void} - The event emitter instance.
+     *
+     * @param cb
+     * @returns {this}
      */
     onAny(cb) {
         if (!this.events) {
@@ -132,8 +136,9 @@ class Element {
     }
     /**
      * Removes the listener that will be fired when any event is emitted.
-     * @param {Function} cb - The callback handler to handle this event.
-     * @returns {EventEmitter | void} - The event emitter instance.
+     *
+     * @param cb
+     * @returns {this}
      */
     offAny(cb) {
         if (!this.events) {
@@ -143,8 +148,9 @@ class Element {
     }
     /**
      * Removes a listener for a certain event. Not passing the 2nd arg will remove all listeners for that event.
+     *
      * @param {string} event - The event you wish to register the handler for.
-     * @param {Function | undefined} cb - The callback handler to handle this event.
+     * @param {function|undefined} cb - The callback handler to handle this event.
      */
     off(event, cb) {
         if (!this.events) {
@@ -165,8 +171,9 @@ class Element {
     }
     /**
      * Emit a new event.
+     *
      * @param {string} event - The event to emit.
-     * @param {object} data - The data to emit with the handler.
+     * @param {Object} data - The data to emit with the handler.
      */
     emit(event, ...data) {
         if (this.events) {
@@ -175,8 +182,9 @@ class Element {
     }
     /**
      * Check if the component has an event handler set up for the event.
+     *
      * @param {string} event - The event name.
-     * @returns {boolean} - TRUE if the event is registered, FALSE otherwise.
+     * @returns {boolean}
      */
     hasEventHandler(event) {
         if (!this.events) {
@@ -192,12 +200,15 @@ class Element {
     }
     /**
      * Wrapper method to add an event listener to an HTML element.
-     * @param {HtmlElement} obj - The DOM element to add the event to.
-     * @param {string} type - The event name to add.
-     * @param {Function} func - The callback function to be executed when the listener is triggered.
-     * @param {boolean} persistent - If this listener should persist beyond "destroy" commands.
-     * @param {boolean} capture - If this listener should be executed in the capture phase.
-     * @returns {void | this} - The instance of the element.
+     *
+     * @param obj
+     *   The DOM element to add the event to.
+     * @param type
+     *   The event name to add.
+     * @param func
+     *   The callback function to be executed when the listener is triggered.
+     * @param persistent
+     *   If this listener should persist beyond "destroy" commands.
      */
     addEventListener(obj, type, func, persistent, capture) {
         if (!obj) {
@@ -216,10 +227,9 @@ class Element {
     }
     /**
      * Remove an event listener from the object.
-     * @param {HTMLElement} obj - The DOM element to remove the event from.
-     * @param {string} type - The event name to remove.
-     * @param {Function} func - The callback function to remove.
-     * @returns {this | void} - The instance of the element.
+     *
+     * @param obj
+     * @param type
      */
     removeEventListener(obj, type, func = null) {
         const indexes = [];
@@ -265,7 +275,6 @@ class Element {
     }
     /**
      * Removes all event listeners attached to this component.
-     * @param {boolean} all - If all events should be removed, including external events.
      */
     destroy(all = false) {
         this.removeEventListeners();
@@ -276,9 +285,9 @@ class Element {
     }
     /**
      * Append an HTML DOM element to a container.
-     * @param {HTMLElement} element - The DOM element to append.
-     * @param {HTMLElement} container - The DOM element that is the container of the element getting appended.
-     * @returns {this} - The instance of the element.
+     *
+     * @param element
+     * @param container
      */
     appendTo(element, container) {
         container === null || container === void 0 ? void 0 : container.appendChild(element);
@@ -286,9 +295,9 @@ class Element {
     }
     /**
      * Prepend an HTML DOM element to a container.
+     *
      * @param {HTMLElement} element - The DOM element to prepend.
      * @param {HTMLElement} container - The DOM element that is the container of the element getting prepended.
-     * @returns {this} - The instance of the element.
      */
     prependTo(element, container) {
         if (container) {
@@ -309,9 +318,9 @@ class Element {
     }
     /**
      * Removes an HTML DOM element from its bounding container.
+     *
      * @param {HTMLElement} element - The element to remove.
      * @param {HTMLElement} container - The DOM element that is the container of the element to remove.
-     * @returns {this} - The instance of the element.
      */
     removeChildFrom(element, container) {
         if (container && container.contains(element)) {
@@ -326,10 +335,12 @@ class Element {
     }
     /**
      * Alias for document.createElement.
+     *
      * @param {string} type - The type of element to create
-     * @param {object} attr - The element attributes to add to the created element.
+     * @param {Object} attr - The element attributes to add to the created element.
      * @param {Various} children - Child elements. Can be a DOM Element, string or array of both.
-     * @returns {HTMLElement} - The created element.
+     *
+     * @return {HTMLElement} - The created element.
      */
     ce(type, attr, children = null) {
         // console.warn('Call to deprecated this.ce(). Dom elements should be created with templates, not manually with ce.');
@@ -345,9 +356,8 @@ class Element {
     }
     /**
      * Append different types of children.
-     * @param {HTMLElement} element - The element to append to.
-     * @param {HTMLElement} child - The child element to append.
-     * @returns {this} - The instance of the element.
+     *
+     * @param child
      */
     appendChild(element, child) {
         if (Array.isArray(child)) {
@@ -369,19 +379,16 @@ class Element {
     maskPlaceholder(mask) {
         return mask.map((char) => (char instanceof RegExp) ? this.placeholderChar : char).join('');
     }
-    /**
-     * Get the placeholder character for the input mask.
-     * @returns {string} - The placeholder character.
-     */
     get placeholderChar() {
         var _a;
         return ((_a = this.component) === null || _a === void 0 ? void 0 : _a.inputMaskPlaceholderChar) || '_';
     }
     /**
      * Sets the input mask for an input.
+     *
      * @param {HTMLElement} input - The html input to apply the mask to.
-     * @param {string} inputMask - The input mask to add to this input.
-     * @param {boolean} usePlaceholder - Set the mask placeholder on the input.
+     * @param {String} inputMask - The input mask to add to this input.
+     * @param {Boolean} usePlaceholder - Set the mask placeholder on the input.
      */
     setInputMask(input, inputMask, usePlaceholder) {
         if (input && inputMask) {
@@ -414,17 +421,17 @@ class Element {
     }
     /**
      * Translate a text using the i18n system.
+     *
      * @param {string|Array<string>} text - The i18n identifier.
-     * @param {...any} args - The arguments to pass to the i18n translation.
-     * @returns {string} - The translated text.
+     * @param {Object} params - The i18n parameters to use for translation.
      */
     t(text, ...args) {
         return this.i18next ? this.i18next.t(text, ...args) : text;
     }
     /**
      * Alias to create a text node.
-     * @param {string} text - The text to create.
-     * @returns {HtmlElement} - The created text node.
+     * @param text
+     * @returns {Text}
      */
     text(text) {
         return document.createTextNode(this.t(text));
@@ -432,7 +439,7 @@ class Element {
     /**
      * Adds an object of attributes onto an element.
      * @param {HtmlElement} element - The element to add the attributes to.
-     * @param {object} attr - The attributes to add to the input element.
+     * @param {Object} attr - The attributes to add to the input element.
      */
     attr(element, attr) {
         if (!element) {
@@ -455,9 +462,6 @@ class Element {
      * Determines if an element has a class.
      *
      * Taken from jQuery https://j11y.io/jquery/#v=1.5.0&fn=jQuery.fn.hasClass
-     * @param {HTMLElement} element - The element to check for the class.
-     * @param {string} className - The class to check for.
-     * @returns {boolean} - TRUE if the element has the class, FALSE otherwise.
      */
     hasClass(element, className) {
         if (!element) {
@@ -469,9 +473,11 @@ class Element {
     }
     /**
      * Adds a class to a DOM element.
-     * @param {HTMLElement} element - The element to add a class to.
-     * @param {string} className - The name of the class to add.
-     * @returns {this} - The instance of the element.
+     *
+     * @param element
+     *   The element to add a class to.
+     * @param className
+     *   The name of the class to add.
      */
     addClass(element, className) {
         if (!element || !(element instanceof HTMLElement)) {
@@ -486,9 +492,11 @@ class Element {
     }
     /**
      * Remove a class from a DOM element.
-     * @param {HTMLElement} element - The DOM element to remove the class from.
-     * @param {string} className - The name of the class that is to be removed.
-     * @returns {this} - The instance of the element.
+     *
+     * @param element
+     *   The DOM element to remove the class from.
+     * @param className
+     *   The name of the class that is to be removed.
      */
     removeClass(element, className) {
         if (!element || !className || !(element instanceof HTMLElement)) {
@@ -504,6 +512,7 @@ class Element {
     }
     /**
      * Empty's an HTML DOM element.
+     *
      * @param {HTMLElement} element - The element you wish to empty.
      */
     empty(element) {
@@ -515,8 +524,9 @@ class Element {
     }
     /**
      * Create an evaluation context for all script executions and interpolations.
-     * @param {object} additional - Additional context to apply to the evaluation context.
-     * @returns {*} - The evaluation context.
+     *
+     * @param additional
+     * @return {*}
      */
     evalContext(additional) {
         var _a;
@@ -541,10 +551,10 @@ class Element {
     }
     /**
      * Performs an interpolation using the evaluation context of this component.
-     * @param {string} string - The string to interpolate.
-     * @param {object} data - The data to use in the interpolation.
-     * @param {object} options - The options to pass to the interpolation.
-     * @returns {XML|string|*|void} - The interpolated string.
+     *
+     * @param string
+     * @param data
+     * @return {XML|string|*|void}
      */
     interpolate(string, data, options = {}) {
         if (typeof string !== 'function' && (this.component.content || this.component.html)
@@ -560,19 +570,19 @@ class Element {
     }
     /**
      * Performs an evaluation using the evaluation context of this component.
-     * @param {string|Function|object} func - The function or string to evaluate.
-     * @param {object} args - The arguments to pass to the evaluation.
-     * @param {string} ret - The name of the variable within the evaluation context to return.
-     * @param {boolean} interpolate - Determines if it should replace all {{ }} token references with actual data.
-     * @param {import('@formio/core').EvaluatorOptions} options - The options to pass to the evaluation.
-     * @returns {*} - The result of the evaluation.
+     *
+     * @param func
+     * @param args
+     * @param ret
+     * @param tokenize
+     * @return {*}
      */
-    evaluate(func, args, ret, interpolate, options = {}) {
-        return FormioUtils.evaluate(func, this.evalContext(args), ret, interpolate, options);
+    evaluate(func, args, ret, tokenize) {
+        return FormioUtils.evaluate(func, this.evalContext(args), ret, tokenize);
     }
     /**
      * Allow for options to hook into the functionality of this renderer.
-     * @returns {*} - The result of the hook function.
+     * @return {*}
      */
     hook() {
         const name = arguments[0];