Gecko [ blueversionx.com ]

Name	Size	Permission
fields	[ DIR ]	drwxr-xr-x
core-es5.js	25.55 KB	-rw----r--
core-es5.min.js	6.93 KB	-rw----r--
core-es5.min.js.gz	2.89 KB	-rw----r--
core.js	24.17 KB	-rw----r--
core.min.js	7.16 KB	-rw----r--
core.min.js.gz	2.96 KB	-rw----r--
draggable-es5.js	5.98 KB	-rw----r--
draggable-es5.min.js	2.07 KB	-rw----r--
draggable-es5.min.js.gz	878 B	-rw----r--
draggable.js	5.54 KB	-rw----r--
draggable.min.js	2.32 KB	-rw----r--
draggable.min.js.gz	908 B	-rw----r--
highlight-es5.js	69.69 KB	-rw----r--
highlight-es5.min.js	15.6 KB	-rw----r--
highlight-es5.min.js.gz	5.48 KB	-rw----r--
highlight.js	61.41 KB	-rw----r--
highlight.min.js	14.13 KB	-rw----r--
highlight.min.js.gz	5.23 KB	-rw----r--
joomla-core-loader-es5.js	8.27 KB	-rw----r--
joomla-core-loader-es5.min.js	5.35 KB	-rw----r--
joomla-core-loader-es5.min.js....	1.86 KB	-rw----r--
joomla-core-loader.js	4.31 KB	-rw----r--
joomla-core-loader.min.js	3.66 KB	-rw----r--
joomla-core-loader.min.js.gz	1.14 KB	-rw----r--
joomla-hidden-mail-es5.js	5.3 KB	-rw----r--
joomla-hidden-mail-es5.min.js	2.65 KB	-rw----r--
joomla-hidden-mail-es5.min.js....	1.1 KB	-rw----r--
joomla-hidden-mail.js	2.14 KB	-rw----r--
joomla-hidden-mail.min.js	1.32 KB	-rw----r--
joomla-hidden-mail.min.js.gz	595 B	-rw----r--
joomla-toolbar-button-es5.js	7.28 KB	-rw----r--
joomla-toolbar-button-es5.min....	3.46 KB	-rw----r--
joomla-toolbar-button-es5.min....	1.34 KB	-rw----r--
joomla-toolbar-button.js	3.07 KB	-rw----r--
joomla-toolbar-button.min.js	1.69 KB	-rw----r--
joomla-toolbar-button.min.js.g...	662 B	-rw----r--
keepalive-es5.js	1.53 KB	-rw----r--
keepalive-es5.min.js	599 B	-rw----r--
keepalive-es5.min.js.gz	382 B	-rw----r--
keepalive.js	1.4 KB	-rw----r--
keepalive.min.js	564 B	-rw----r--
keepalive.min.js.gz	366 B	-rw----r--
messages-es5.js	16.8 KB	-rw----r--
messages-es5.min.js	7.89 KB	-rw----r--
messages-es5.min.js.gz	2.69 KB	-rw----r--
messages.js	10.29 KB	-rw----r--
messages.min.js	5.29 KB	-rw----r--
messages.min.js.gz	1.66 KB	-rw----r--
multiselect-es5.js	4.5 KB	-rw----r--
multiselect-es5.min.js	2.08 KB	-rw----r--
multiselect-es5.min.js.gz	711 B	-rw----r--
multiselect.js	3.91 KB	-rw----r--
multiselect.min.js	1.95 KB	-rw----r--
multiselect.min.js.gz	674 B	-rw----r--
searchtools-es5.js	19.27 KB	-rw----r--
searchtools-es5.min.js	10.08 KB	-rw----r--
searchtools-es5.min.js.gz	2.45 KB	-rw----r--
searchtools.js	17.46 KB	-rw----r--
searchtools.min.js	9.75 KB	-rw----r--
searchtools.min.js.gz	2.41 KB	-rw----r--
showon-es5.js	9.43 KB	-rw----r--
showon-es5.min.js	2.95 KB	-rw----r--
showon-es5.min.js.gz	1.02 KB	-rw----r--
showon.js	8.6 KB	-rw----r--
showon.min.js	2.79 KB	-rw----r--
showon.min.js.gz	1006 B	-rw----r--

Code Editor : showon.js

/**
 * @copyright  (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 */
(document => {
  /*
   * JField 'showon' class
   */

class Showon {
    /*
     * Constructor
     *
     * @param {HTMLElement} cont Container element
     */
    constructor(cont) {
      const self = this;
      this.container = cont || document;
      this.fields = {// origin-field-name: {
        //   origin:  ['collection of all the trigger nodes'],
        //   targets: ['collection of nodes to be controlled control']
        // }
      };
      this.showonFields = [].slice.call(this.container.querySelectorAll('[data-showon]')); // Populate the fields data

if (this.showonFields.length) {
        // @todo refactor this, dry
        this.showonFields.forEach(field => {
          // Set up only once
          if (field.hasAttribute('data-showon-initialised')) {
            return;
          }

field.setAttribute('data-showon-initialised', '');
          const jsondata = field.getAttribute('data-showon') || '';
          const showonData = JSON.parse(jsondata);
          let localFields;

if (showonData.length) {
            localFields = [].slice.call(self.container.querySelectorAll(`[name="${showonData[0].field}"], [name="${showonData[0].field}[]"]`));

if (!this.fields[showonData[0].field]) {
              this.fields[showonData[0].field] = {
                origin: [],
                targets: []
              };
            } // Add trigger elements

localFields.forEach(cField => {
              if (this.fields[showonData[0].field].origin.indexOf(cField) === -1) {
                this.fields[showonData[0].field].origin.push(cField);
              }
            }); // Add target elements

this.fields[showonData[0].field].targets.push(field); // Data showon can have multiple values

if (showonData.length > 1) {
              showonData.forEach((value, index) => {
                if (index === 0) {
                  return;
                }

localFields = [].slice.call(self.container.querySelectorAll(`[name="${value.field}"], [name="${value.field}[]"]`));

if (!this.fields[showonData[0].field]) {
                  this.fields[showonData[0].field] = {
                    origin: [],
                    targets: []
                  };
                } // Add trigger elements

localFields.forEach(cField => {
                  if (this.fields[showonData[0].field].origin.indexOf(cField) === -1) {
                    this.fields[showonData[0].field].origin.push(cField);
                  }
                }); // Add target elements

if (this.fields[showonData[0].field].targets.indexOf(field) === -1) {
                  this.fields[showonData[0].field].targets.push(field);
                }
              });
            }
          }
        }); // Do some binding

this.linkedOptions = this.linkedOptions.bind(this); // Attach events to referenced element, to check condition on change and keyup

Object.keys(this.fields).forEach(key => {
          if (this.fields[key].origin.length) {
            this.fields[key].origin.forEach(elem => {
              // Initialize the showon behaviour for the given HTMLElement
              self.linkedOptions(key); // Setup listeners

elem.addEventListener('change', () => {
                self.linkedOptions(key);
              });
              elem.addEventListener('keyup', () => {
                self.linkedOptions(key);
              });
              elem.addEventListener('click', () => {
                self.linkedOptions(key);
              });
            });
          }
        });
      }
    }
    /**
     *
     * @param key
     */

linkedOptions(key) {
      // Loop through the elements that need to be either shown or hidden
      this.fields[key].targets.forEach(field => {
        const elementShowonDatas = JSON.parse(field.getAttribute('data-showon')) || [];
        let showfield = true;
        let itemval; // Check if target conditions are satisfied

elementShowonDatas.forEach((elementShowonData, index) => {
          const condition = elementShowonData || {};
          condition.valid = 0; // Test in each of the elements in the field array if condition is valid

this.fields[key].origin.forEach(originField => {
            if (originField.name !== elementShowonData.field) {
              return;
            }

const originId = originField.id; // If checkbox or radio box the value is read from properties

if (originField.getAttribute('type') && ['checkbox', 'radio'].indexOf(originField.getAttribute('type').toLowerCase()) !== -1) {
              if (!originField.checked) {
                // Unchecked fields will return a blank and so always match
                // a != condition so we skip them
                return;
              }

itemval = document.getElementById(originId).value;
            } else {
              // Select lists, text-area etc. Note that multiple-select list returns
              // an Array here s0 we can always treat 'itemval' as an array
              itemval = document.getElementById(originId).value; // A multi-select <select> $field  will return null when no elements are
              // selected so we need to define itemval accordingly

if (itemval === null && originField.tagName.toLowerCase() === 'select') {
                itemval = [];
              }
            } // Convert to array to allow multiple values in the field (e.g. type=list multiple)
            // and normalize as string

if (!(typeof itemval === 'object')) {
              itemval = JSON.parse(`["${itemval}"]`);
            } // Test if any of the values of the field exists in showon conditions

itemval.forEach(val => {
              // ":" Equal to one or more of the values condition
              if (condition.sign === '=' && condition.values.indexOf(val) !== -1) {
                condition.valid = 1;
              } // "!:" Not equal to one or more of the values condition

if (condition.sign === '!=' && condition.values.indexOf(val) === -1) {
                condition.valid = 1;
              }
            });
          }); // Verify conditions
          // First condition (no operator): current condition must be valid

if (condition.op === '') {
            if (condition.valid === 0) {
              showfield = false;
            }
          } else {
            // Other conditions (if exists)
            // AND operator: both the previous and current conditions must be valid
            if (condition.op === 'AND' && condition.valid + elementShowonDatas[index - 1].valid < 2) {
              showfield = false;
              condition.valid = 0;
            } // OR operator: one of the previous and current conditions must be valid

if (condition.op === 'OR' && condition.valid + elementShowonDatas[index - 1].valid > 0) {
              showfield = true;
              condition.valid = 1;
            }
          }
        }); // If conditions are satisfied show the target field(s), else hide

if (field.tagName !== 'option') {
          if (showfield) {
            field.classList.remove('hidden');
          } else {
            field.classList.add('hidden');
          }
        } else {
          // TODO: If chosen or choices.js is active we should update them
          field.disabled = !showfield;
        }
      });
    }

} // Provide a public API

window.Joomla = window.Joomla || {};

if (!Joomla.Showon) {
    Joomla.Showon = {
      initialise: container => new Showon(container)
    };
  }
  /**
   * Initialize 'showon' feature at an initial page load
   */

document.addEventListener('DOMContentLoaded', () => {
    Joomla.Showon.initialise(document);
  });
  /**
   * Initialize 'showon' feature when part of the page was updated
   */

elements.forEach(element => {
        const showon = element.dataset.showon.replace(search, replace);
        element.dataset.showon = showon;
      });
    }

Joomla.Showon.initialise(target);
  });
})(document);

${this.title}

Code Editor : showon.js