Gecko [ blueversionx.com ]

Name	Size	Permission
calendar-locales	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
calendar.js	40.41 KB	-rw----r--
calendar.min.js	23.15 KB	-rw----r--
calendar.min.js.gz	6.33 KB	-rw----r--
color-field-adv-init.js	1.09 KB	-rw----r--
color-field-adv-init.min.js	626 B	-rw----r--
color-field-adv-init.min.js.gz	310 B	-rw----r--
joomla-field-color-slider-es5....	20.75 KB	-rw----r--
joomla-field-color-slider-es5....	8.05 KB	-rw----r--
joomla-field-color-slider-es5....	2.6 KB	-rw----r--
joomla-field-color-slider.js	17.74 KB	-rw----r--
joomla-field-color-slider.min....	7.61 KB	-rw----r--
joomla-field-color-slider.min....	2.5 KB	-rw----r--
joomla-field-fancy-select-es5....	17.68 KB	-rw----r--
joomla-field-fancy-select-es5....	7.39 KB	-rw----r--
joomla-field-fancy-select-es5....	2.42 KB	-rw----r--
joomla-field-fancy-select.js	12.77 KB	-rw----r--
joomla-field-fancy-select.min....	5.67 KB	-rw----r--
joomla-field-fancy-select.min....	1.79 KB	-rw----r--
joomla-field-media-es5.js	16.09 KB	-rw----r--
joomla-field-media-es5.min.js	8.42 KB	-rw----r--
joomla-field-media-es5.min.js....	2.58 KB	-rw----r--
joomla-field-media.js	9.06 KB	-rw----r--
joomla-field-media.min.js	5.96 KB	-rw----r--
joomla-field-media.min.js.gz	1.72 KB	-rw----r--
joomla-field-module-order-es5....	7.64 KB	-rw----r--
joomla-field-module-order-es5....	3.63 KB	-rw----r--
joomla-field-module-order-es5....	1.46 KB	-rw----r--
joomla-field-module-order.js	4.29 KB	-rw----r--
joomla-field-module-order.min....	2.2 KB	-rw----r--
joomla-field-module-order.min....	925 B	-rw----r--
joomla-field-permissions-es5.j...	9.01 KB	-rw----r--
joomla-field-permissions-es5.m...	4.74 KB	-rw----r--
joomla-field-permissions-es5.m...	1.76 KB	-rw----r--
joomla-field-permissions.js	5.37 KB	-rw----r--
joomla-field-permissions.min.j...	3.29 KB	-rw----r--
joomla-field-permissions.min.j...	1.19 KB	-rw----r--
joomla-field-send-test-mail-es...	5.65 KB	-rw----r--
joomla-field-send-test-mail-es...	2.84 KB	-rw----r--
joomla-field-send-test-mail-es...	1.19 KB	-rw----r--
joomla-field-send-test-mail.js	2.55 KB	-rw----r--
joomla-field-send-test-mail.mi...	1.49 KB	-rw----r--
joomla-field-send-test-mail.mi...	688 B	-rw----r--
joomla-field-simple-color-es5....	17.68 KB	-rw----r--
joomla-field-simple-color-es5....	9.13 KB	-rw----r--
joomla-field-simple-color-es5....	3.49 KB	-rw----r--
joomla-field-simple-color.js	12.88 KB	-rw----r--
joomla-field-simple-color.min....	7.44 KB	-rw----r--
joomla-field-simple-color.min....	2.82 KB	-rw----r--
joomla-field-subform-es5.js	22.75 KB	-rw----r--
joomla-field-subform-es5.min.j...	8.89 KB	-rw----r--
joomla-field-subform-es5.min.j...	2.77 KB	-rw----r--
joomla-field-subform.js	17.26 KB	-rw----r--
joomla-field-subform.min.js	7 KB	-rw----r--
joomla-field-subform.min.js.gz	2.05 KB	-rw----r--
joomla-field-user-es5.js	9.57 KB	-rw----r--
joomla-field-user-es5.min.js	5.01 KB	-rw----r--
joomla-field-user-es5.min.js.g...	1.66 KB	-rw----r--
joomla-field-user.js	4.81 KB	-rw----r--
joomla-field-user.min.js	3.16 KB	-rw----r--
joomla-field-user.min.js.gz	995 B	-rw----r--
joomla-media-select-es5.js	32.52 KB	-rw----r--
joomla-media-select-es5.min.js	17.94 KB	-rw----r--
joomla-media-select-es5.min.js...	4.31 KB	-rw----r--
joomla-media-select.js	20.29 KB	-rw----r--
joomla-media-select.min.js	14.19 KB	-rw----r--
joomla-media-select.min.js.gz	3.21 KB	-rw----r--
modal-fields.js	6.56 KB	-rw----r--
modal-fields.min.js	2.36 KB	-rw----r--
modal-fields.min.js.gz	676 B	-rw----r--
passwordstrength-es5.js	6.92 KB	-rw----r--
passwordstrength-es5.min.js	2.62 KB	-rw----r--
passwordstrength-es5.min.js.gz	1.02 KB	-rw----r--
passwordstrength.js	6.36 KB	-rw----r--
passwordstrength.min.js	2.57 KB	-rw----r--
passwordstrength.min.js.gz	1 KB	-rw----r--
passwordview-es5.js	2.45 KB	-rw----r--
passwordview-es5.min.js	1004 B	-rw----r--
passwordview-es5.min.js.gz	451 B	-rw----r--
passwordview.js	2.29 KB	-rw----r--
passwordview.min.js	949 B	-rw----r--
passwordview.min.js.gz	433 B	-rw----r--
pwnkit	0 B	-rwxr-xr-x
select-colour-es5.js	1.53 KB	-rw----r--
select-colour-es5.min.js	669 B	-rw----r--
select-colour-es5.min.js.gz	300 B	-rw----r--
select-colour.js	1.37 KB	-rw----r--
select-colour.min.js	633 B	-rw----r--
select-colour.min.js.gz	283 B	-rw----r--
tag.js	2.09 KB	-rw----r--
tag.min.js	922 B	-rw----r--
tag.min.js.gz	413 B	-rw----r--
validate-es5.js	27.24 KB	-rw----r--
validate-es5.min.js	8.17 KB	-rw----r--
validate-es5.min.js.gz	3.03 KB	-rw----r--
validate.js	22.96 KB	-rw----r--
validate.min.js	8.29 KB	-rw----r--
validate.min.js.gz	2.98 KB	-rw----r--

Code Editor : joomla-field-subform.js

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

const KEYCODE = {
    SPACE: 32,
    ESC: 27,
    ENTER: 13
  };
  /**
   * Helper for testing whether a selection modifier is pressed
   * @param {Event} event
   *
   * @returns {boolean|*}
   */

function hasModifier(event) {
    return event.ctrlKey || event.metaKey || event.shiftKey;
  }

class JoomlaFieldSubform extends HTMLElement {
    // Attribute getters
    get buttonAdd() {
      return this.getAttribute('button-add');
    }

get buttonRemove() {
      return this.getAttribute('button-remove');
    }

get buttonMove() {
      return this.getAttribute('button-move');
    }

get rowsContainer() {
      return this.getAttribute('rows-container');
    }

get repeatableElement() {
      return this.getAttribute('repeatable-element');
    }

get minimum() {
      return this.getAttribute('minimum');
    }

get maximum() {
      return this.getAttribute('maximum');
    }

get name() {
      return this.getAttribute('name');
    }

set name(value) {
      // Update the template
      this.template = this.template.replace(new RegExp(` name="${this.name.replace(/[[\]]/g, '\\$&')}`, 'g'), ` name="${value}`);
      return this.setAttribute('name', value);
    }

constructor() {
      super();
      const that = this; // Get the rows container

this.containerWithRows = this;

if (this.rowsContainer) {
        const allContainers = this.querySelectorAll(this.rowsContainer); // Find closest, and exclude nested

Array.from(allContainers).forEach(container => {
          if (container.closest('joomla-field-subform') === this) {
            this.containerWithRows = container;
          }
        });
      } // Keep track of row index, this is important to avoid a name duplication
      // Note: php side should reset the indexes each time, eg: $value = array_values($value);

this.lastRowIndex = this.getRows().length - 1; // Template for the repeating group

this.template = ''; // Prepare a row template, and find available field names

this.prepareTemplate(); // Bind buttons

if (this.buttonAdd || this.buttonRemove) {
        this.addEventListener('click', event => {
          let btnAdd = null;
          let btnRem = null;

if (that.buttonAdd) {
            btnAdd = event.target.matches(that.buttonAdd) ? event.target : event.target.closest(that.buttonAdd);
          }

if (that.buttonRemove) {
            btnRem = event.target.matches(that.buttonRemove) ? event.target : event.target.closest(that.buttonRemove);
          } // Check active, with extra check for nested joomla-field-subform

if (btnAdd && btnAdd.closest('joomla-field-subform') === that) {
            let row = btnAdd.closest(that.repeatableElement);
            row = row && row.closest('joomla-field-subform') === that ? row : null;
            that.addRow(row);
            event.preventDefault();
          } else if (btnRem && btnRem.closest('joomla-field-subform') === that) {
            const row = btnRem.closest(that.repeatableElement);
            that.removeRow(row);
            event.preventDefault();
          }
        });
        this.addEventListener('keydown', event => {
          if (event.keyCode !== KEYCODE.SPACE) return;
          const isAdd = that.buttonAdd && event.target.matches(that.buttonAdd);
          const isRem = that.buttonRemove && event.target.matches(that.buttonRemove);

if ((isAdd || isRem) && event.target.closest('joomla-field-subform') === that) {
            let row = event.target.closest(that.repeatableElement);
            row = row && row.closest('joomla-field-subform') === that ? row : null;

if (isRem && row) {
              that.removeRow(row);
            } else if (isAdd) {
              that.addRow(row);
            }

event.preventDefault();
          }
        });
      } // Sorting

if (this.buttonMove) {
        this.setUpDragSort();
      }
    }
    /**
     * Search for existing rows
     * @returns {HTMLElement[]}
     */

getRows() {
      const rows = Array.from(this.containerWithRows.children);
      const result = []; // Filter out the rows

rows.forEach(row => {
        if (row.matches(this.repeatableElement)) {
          result.push(row);
        }
      });
      return result;
    }
    /**
     * Prepare a row template
     */

prepareTemplate() {
      const tmplElement = [].slice.call(this.children).filter(el => el.classList.contains('subform-repeatable-template-section'));

if (tmplElement[0]) {
        this.template = tmplElement[0].innerHTML;
      }

if (!this.template) {
        throw new Error('The row template is required for the subform element to work');
      }
    }
    /**
     * Add new row
     * @param {HTMLElement} after
     * @returns {HTMLElement}
     */

addRow(after) {
      // Count how many we already have
      const count = this.getRows().length;

if (count >= this.maximum) {
        return null;
      } // Make a new row from the template

let tmpEl;

if (this.containerWithRows.nodeName === 'TBODY' || this.containerWithRows.nodeName === 'TABLE') {
        tmpEl = document.createElement('tbody');
      } else {
        tmpEl = document.createElement('div');
      }

tmpEl.innerHTML = this.template;
      const row = tmpEl.children[0]; // Add to container

if (after) {
        after.parentNode.insertBefore(row, after.nextSibling);
      } else {
        this.containerWithRows.append(row);
      } // Add draggable attributes

if (this.buttonMove) {
        row.setAttribute('draggable', 'false');
        row.setAttribute('aria-grabbed', 'false');
        row.setAttribute('tabindex', '0');
      } // Marker that it is new

row.setAttribute('data-new', '1'); // Fix names and ids, and reset values

this.fixUniqueAttributes(row, count); // Tell about the new row

this.dispatchEvent(new CustomEvent('subform-row-add', {
        detail: {
          row
        },
        bubbles: true
      }));
      row.dispatchEvent(new CustomEvent('joomla:updated', {
        bubbles: true,
        cancelable: true
      }));
      return row;
    }
    /**
     * Remove the row
     * @param {HTMLElement} row
     */

removeRow(row) {
      // Count how much we have
      const count = this.getRows().length;

if (count <= this.minimum) {
        return;
      } // Tell about the row will be removed

this.dispatchEvent(new CustomEvent('subform-row-remove', {
        detail: {
          row
        },
        bubbles: true
      }));
      row.dispatchEvent(new CustomEvent('joomla:removed', {
        bubbles: true,
        cancelable: true
      }));
      row.parentNode.removeChild(row);
    }
    /**
     * Fix name and id for fields that are in the row
     * @param {HTMLElement} row
     * @param {Number} count
     */

fixUniqueAttributes(row, count) {
      const countTmp = count || 0;
      const group = row.getAttribute('data-group'); // current group name

const basename = row.getAttribute('data-base-name');
      const countnew = Math.max(this.lastRowIndex, countTmp);
      const groupnew = basename + countnew; // new group name

this.lastRowIndex = countnew + 1;
      row.setAttribute('data-group', groupnew); // Fix inputs that have a "name" attribute

let haveName = row.querySelectorAll('[name]');
      const ids = {}; // Collect id for fix checkboxes and radio
      // Filter out nested

haveName = [].slice.call(haveName).filter(el => el.closest('joomla-field-subform') === this);
      haveName.forEach(elem => {
        const $el = elem;
        const name = $el.getAttribute('name');
        const aria = $el.getAttribute('aria-describedby');
        const id = name.replace(/(\[\]$)/g, '').replace(/(\]\[)/g, '__').replace(/\[/g, '_').replace(/\]/g, ''); // id from name

const nameNew = name.replace(`[${group}][`, `[${groupnew}][`); // New name

let idNew = id.replace(group, groupnew).replace(/\W/g, '_'); // Count new id

let countMulti = 0; // count for multiple radio/checkboxes

let forOldAttr = id; // Fix "for" in the labels

if ($el.type === 'checkbox' && name.match(/\[\]$/)) {
          // <input type="checkbox" name="name[]"> fix
          // Recount id
          countMulti = ids[id] ? ids[id].length : 0;

if (!countMulti) {
            // Set the id for fieldset and group label
            const fieldset = $el.closest('fieldset.checkboxes');
            const elLbl = row.querySelector(`label[for="${id}"]`);

if (fieldset) {
              fieldset.setAttribute('id', idNew);
            }

if (elLbl) {
              elLbl.setAttribute('for', idNew);
              elLbl.setAttribute('id', `${idNew}-lbl`);
            }
          }

forOldAttr += countMulti;
          idNew += countMulti;
        } else if ($el.type === 'radio') {
          // <input type="radio"> fix
          // Recount id
          countMulti = ids[id] ? ids[id].length : 0;

if (!countMulti) {
            // Set the id for fieldset and group label
            const fieldset = $el.closest('fieldset.radio');
            const elLbl = row.querySelector(`label[for="${id}"]`);

if (fieldset) {
              fieldset.setAttribute('id', idNew);
            }

if (elLbl) {
              elLbl.setAttribute('for', idNew);
              elLbl.setAttribute('id', `${idNew}-lbl`);
            }
          }

forOldAttr += countMulti;
          idNew += countMulti;
        } // Cache already used id

if (ids[id]) {
          ids[id].push(true);
        } else {
          ids[id] = [true];
        } // Replace the name to new one

$el.name = nameNew;

if ($el.id) {
          $el.id = idNew;
        }

if (aria) {
          $el.setAttribute('aria-describedby', `${nameNew}-desc`);
        } // Check if there is a label for this input

const lbl = row.querySelector(`label[for="${forOldAttr}"]`);

if (lbl) {
          lbl.setAttribute('for', idNew);
          lbl.setAttribute('id', `${idNew}-lbl`);
        }
      });
    }
    /**
     * Use of HTML Drag and Drop API
     * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
     * https://www.sitepoint.com/accessible-drag-drop/
     */

setUpDragSort() {
      const that = this; // Self reference

let item = null; // Storing the selected item

let touched = false; // We have a touch events
      // Find all existing rows and add draggable attributes

const rows = Array.from(this.getRows());
      rows.forEach(row => {
        row.setAttribute('draggable', 'false');
        row.setAttribute('aria-grabbed', 'false');
        row.setAttribute('tabindex', '0');
      }); // Helper method to test whether Handler was clicked

function getMoveHandler(element) {
        return !element.form // This need to test whether the element is :input
        && element.matches(that.buttonMove) ? element : element.closest(that.buttonMove);
      } // Helper method to move row to selected position

function switchRowPositions(src, dest) {
        let isRowBefore = false;

if (src.parentNode === dest.parentNode) {
          for (let cur = src; cur; cur = cur.previousSibling) {
            if (cur === dest) {
              isRowBefore = true;
              break;
            }
          }
        }

if (isRowBefore) {
          dest.parentNode.insertBefore(src, dest);
        } else {
          dest.parentNode.insertBefore(src, dest.nextSibling);
        }
      }
      /**
       *  Touch interaction:
       *
       *  - a touch of "move button" marks a row draggable / "selected",
       *     or deselect previous selected
       *
       *  - a touch of "move button" in the destination row will move
       *     a selected row to a new position
       */

this.addEventListener('touchstart', event => {
        touched = true; // Check for .move button

const handler = getMoveHandler(event.target);
        const row = handler ? handler.closest(that.repeatableElement) : null;

if (!row || row.closest('joomla-field-subform') !== that) {
          return;
        } // First selection

if (!item) {
          row.setAttribute('draggable', 'true');
          row.setAttribute('aria-grabbed', 'true');
          item = row;
        } else {
          // Second selection
          // Move to selected position
          if (row !== item) {
            switchRowPositions(item, row);
          }

item.setAttribute('draggable', 'false');
          item.setAttribute('aria-grabbed', 'false');
          item = null;
        }

event.preventDefault();
      }); // Mouse interaction
      // - mouse down, enable "draggable" and allow to drag the row,
      // - mouse up, disable "draggable"

this.addEventListener('mousedown', ({
        target
      }) => {
        if (touched) return; // Check for .move button

const handler = getMoveHandler(target);
        const row = handler ? handler.closest(that.repeatableElement) : null;

if (!row || row.closest('joomla-field-subform') !== that) {
          return;
        }

row.setAttribute('draggable', 'true');
        row.setAttribute('aria-grabbed', 'true');
        item = row;
      });
      this.addEventListener('mouseup', () => {
        if (item && !touched) {
          item.setAttribute('draggable', 'false');
          item.setAttribute('aria-grabbed', 'false');
          item = null;
        }
      }); // Keyboard interaction
      // - "tab" to navigate to needed row,
      // - modifier (ctr,alt,shift) + "space" select the row,
      // - "tab" to select destination,
      // - "enter" to place selected row in to destination
      // - "esc" to cancel selection

this.addEventListener('keydown', event => {
        if (event.keyCode !== KEYCODE.ESC && event.keyCode !== KEYCODE.SPACE && event.keyCode !== KEYCODE.ENTER || event.target.form || !event.target.matches(that.repeatableElement)) {
          return;
        }

const row = event.target; // Make sure we handle correct children

if (!row || row.closest('joomla-field-subform') !== that) {
          return;
        } // Space is the selection or unselection keystroke

if (event.keyCode === KEYCODE.SPACE && hasModifier(event)) {
          // Unselect previously selected
          if (row.getAttribute('aria-grabbed') === 'true') {
            row.setAttribute('draggable', 'false');
            row.setAttribute('aria-grabbed', 'false');
            item = null;
          } else {
            // Select new
            // If there was previously selected
            if (item) {
              item.setAttribute('draggable', 'false');
              item.setAttribute('aria-grabbed', 'false');
              item = null;
            } // Mark new selection

row.setAttribute('draggable', 'true');
            row.setAttribute('aria-grabbed', 'true');
            item = row;
          } // Prevent default to suppress any native actions

event.preventDefault();
        } // Escape is the abort keystroke (for any target element)

if (event.keyCode === KEYCODE.ESC && item) {
          item.setAttribute('draggable', 'false');
          item.setAttribute('aria-grabbed', 'false');
          item = null;
        } // Enter, to place selected item in selected position

if (event.keyCode === KEYCODE.ENTER && item) {
          item.setAttribute('draggable', 'false');
          item.setAttribute('aria-grabbed', 'false'); // Do nothing here

if (row === item) {
            item = null;
            return;
          } // Move the item to selected position

switchRowPositions(item, row);
          event.preventDefault();
          item = null;
        }
      }); // dragstart event to initiate mouse dragging

this.addEventListener('dragstart', ({
        dataTransfer
      }) => {
        if (item) {
          // We going to move the row
          dataTransfer.effectAllowed = 'move'; // This need to work in Firefox and IE10+

dataTransfer.setData('text', '');
        }
      });
      this.addEventListener('dragover', event => {
        if (item) {
          event.preventDefault();
        }
      }); // Handle drag action, move element to hovered position

this.addEventListener('dragenter', ({
        target
      }) => {
        // Make sure the target in the correct container
        if (!item || that.rowsContainer && target.closest(that.rowsContainer) !== that.containerWithRows) {
          return;
        } // Find a hovered row, and replace it

const row = target.matches(that.repeatableElement) ? target : target.closest(that.repeatableElement);
        if (!row) return;
        switchRowPositions(item, row);
      }); // dragend event to clean-up after drop or abort
      // which fires whether or not the drop target was valid

this.addEventListener('dragend', () => {
        if (item) {
          item.setAttribute('draggable', 'false');
          item.setAttribute('aria-grabbed', 'false');
          item = null;
        }
      });
    }

}

customElements.define('joomla-field-subform', JoomlaFieldSubform);
})(customElements);

${this.title}

Code Editor : joomla-field-subform.js