@iamproperty/components 2.0.1 → 2.3.1

package/assets/js/scripts.bundle.js

@@ -1,85 +1,12 @@
 /*!
-  * Bootstrap v2.0.0
-  * Copyright 2011-2021 [object Object]
+  * Bootstrap v2.2.0
+  * Copyright 2011-2022 [object Object]
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
 (function (factory) {
   typeof define === 'function' && define.amd ? define(factory) :
   factory();
-}((function () { 'use strict';
-
-  var global = require('../internals/global');
-  var DOMIterables = require('../internals/dom-iterables');
-  var forEach = require('../internals/array-for-each');
-  var createNonEnumerableProperty = require('../internals/create-non-enumerable-property');
-
-  for (var COLLECTION_NAME in DOMIterables) {
-    var Collection = global[COLLECTION_NAME];
-    var CollectionPrototype = Collection && Collection.prototype;
-    // some Chrome versions have non-configurable methods on DOMTokenList
-    if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {
-      createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);
-    } catch (error) {
-      CollectionPrototype.forEach = forEach;
-    }
-  }
-
-  var $$7 = require('../internals/export');
-  var from = require('../internals/array-from');
-  var checkCorrectnessOfIteration = require('../internals/check-correctness-of-iteration');
-
-  var INCORRECT_ITERATION = !checkCorrectnessOfIteration(function (iterable) {
-    // eslint-disable-next-line es/no-array-from -- required for testing
-    Array.from(iterable);
-  });
-
-  // `Array.from` method
-  // https://tc39.es/ecma262/#sec-array.from
-  $$7({ target: 'Array', stat: true, forced: INCORRECT_ITERATION }, {
-    from: from
-  });
-
-  var charAt = require('../internals/string-multibyte').charAt;
-  var toString$3 = require('../internals/to-string');
-  var InternalStateModule = require('../internals/internal-state');
-  var defineIterator = require('../internals/define-iterator');
-
-  var STRING_ITERATOR = 'String Iterator';
-  var setInternalState = InternalStateModule.set;
-  var getInternalState = InternalStateModule.getterFor(STRING_ITERATOR);
-
-  // `String.prototype[@@iterator]` method
-  // https://tc39.es/ecma262/#sec-string.prototype-@@iterator
-  defineIterator(String, 'String', function (iterated) {
-    setInternalState(this, {
-      type: STRING_ITERATOR,
-      string: toString$3(iterated),
-      index: 0
-    });
-  // `%StringIteratorPrototype%.next` method
-  // https://tc39.es/ecma262/#sec-%stringiteratorprototype%.next
-  }, function next() {
-    var state = getInternalState(this);
-    var string = state.string;
-    var index = state.index;
-    var point;
-    if (index >= string.length) return { value: undefined, done: true };
-    point = charAt(string, index);
-    state.index += point.length;
-    return { value: point, done: false };
-  });
-
-  var $$6 = require('../internals/export');
-  var $padStart = require('../internals/string-pad').start;
-  var WEBKIT_BUG = require('../internals/string-pad-webkit-bug');
-
-  // `String.prototype.padStart` method
-  // https://tc39.es/ecma262/#sec-string.prototype.padstart
-  $$6({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
-    padStart: function padStart(maxLength /* , fillString = ' ' */) {
-      return $padStart(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);
-    }
-  });
+})((function () { 'use strict';
 
   /** 
    * Global helper functions to help maintain and enhance framework elements.
@@ -90,7 +17,7 @@
    * Add global classes used by the CSS and later JavaScript.
    * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.
    */
-  var addBodyClasses = function addBodyClasses(body) {
+  var addBodyClasses = body => {
     body.classList.add("js-enabled");
 
     if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
@@ -105,9 +32,9 @@
    */
 
 
-  var checkElements = function checkElements(element) {
+  var checkElements = element => {
     // Tables
-    Array.from(element.querySelectorAll('table')).forEach(function (table, index) {
+    Array.from(element.querySelectorAll('table')).forEach((table, index) => {
       tableStacked(table);
       tableWrap(table);
     });
@@ -118,7 +45,7 @@
    */
 
 
-  var tableWrap = function tableWrap(table) {
+  var tableWrap = table => {
     if (!table.parentNode.classList.contains('table__wrapper')) {
       var tableHTML = table.outerHTML;
       table.outerHTML = "<div class=\"table__wrapper\">".concat(tableHTML, "</div>");
@@ -130,12 +57,12 @@
    */
 
 
-  var tableStacked = function tableStacked(table) {
+  var tableStacked = table => {
     var colHeadings = Array.from(table.querySelectorAll('thead th'));
     var colRows = Array.from(table.querySelectorAll('tbody tr'));
-    colRows.forEach(function (row, index) {
+    colRows.forEach((row, index) => {
       var cells = Array.from(row.querySelectorAll('th, td'));
-      cells.forEach(function (cell, cellIndex) {
+      cells.forEach((cell, cellIndex) => {
         var heading = colHeadings[cellIndex];
 
         if (typeof heading != "undefined") {
@@ -155,73 +82,10 @@
     !isNaN(parseFloat(str)); // ...and ensure strings of whitespace fail
   };
 
-  var zeroPad = function zeroPad(num, places) {
-    return String(num).padStart(places, '0');
-  };
-
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
+  var zeroPad = (num, places) => String(num).padStart(places, '0');
 
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
-
-    return arr2;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-
-  var navbar = function navbar(element) {
-    Array.from(element.querySelectorAll('details')).forEach(function (detail, index) {
+  var navbar = element => {
+    Array.from(element.querySelectorAll('details')).forEach((detail, index) => {
       detail.addEventListener('mouseenter', function (e) {
         if (window.matchMedia('(min-width: 62em)').matches) detail.setAttribute('open', 'true');
       }, false);
@@ -229,10 +93,8 @@
         if (window.matchMedia('(min-width: 62em)').matches) detail.removeAttribute('open');
       }, false);
     });
-    var observer = new IntersectionObserver(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 1),
-          e = _ref2[0];
-
+    var observer = new IntersectionObserver(_ref => {
+      var [e] = _ref;
       return e.target.classList.toggle("is-stuck", e.intersectionRatio < 1);
     }, {
       threshold: [1]
@@ -240,406 +102,8 @@
     observer.observe(element);
   };
 
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
-  }
-
-  var TO_STRING_TAG_SUPPORT = require('../internals/to-string-tag-support');
-  var redefine$1 = require('../internals/redefine');
-  var toString$2 = require('../internals/object-to-string');
-
-  // `Object.prototype.toString` method
-  // https://tc39.es/ecma262/#sec-object.prototype.tostring
-  if (!TO_STRING_TAG_SUPPORT) {
-    redefine$1(Object.prototype, 'toString', toString$2, { unsafe: true });
-  }
-
-  var redefine = require('../internals/redefine');
-  var anObject$1 = require('../internals/an-object');
-  var $toString = require('../internals/to-string');
-  var fails$4 = require('../internals/fails');
-  var flags = require('../internals/regexp-flags');
-
-  var TO_STRING = 'toString';
-  var RegExpPrototype = RegExp.prototype;
-  var nativeToString = RegExpPrototype[TO_STRING];
-
-  var NOT_GENERIC = fails$4(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
-  // FF44- RegExp#toString has a wrong name
-  var INCORRECT_NAME = nativeToString.name != TO_STRING;
-
-  // `RegExp.prototype.toString` method
-  // https://tc39.es/ecma262/#sec-regexp.prototype.tostring
-  if (NOT_GENERIC || INCORRECT_NAME) {
-    redefine(RegExp.prototype, TO_STRING, function toString() {
-      var R = anObject$1(this);
-      var p = $toString(R.source);
-      var rf = R.flags;
-      var f = $toString(rf === undefined && R instanceof RegExp && !('flags' in RegExpPrototype) ? flags.call(R) : rf);
-      return '/' + p + '/' + f;
-    }, { unsafe: true });
-  }
-
-  var $$5 = require('../internals/export');
-  var aFunction = require('../internals/a-function');
-  var toObject$2 = require('../internals/to-object');
-  var toLength$2 = require('../internals/to-length');
-  var toString$1 = require('../internals/to-string');
-  var fails$3 = require('../internals/fails');
-  var internalSort = require('../internals/array-sort');
-  var arrayMethodIsStrict$1 = require('../internals/array-method-is-strict');
-  var FF = require('../internals/engine-ff-version');
-  var IE_OR_EDGE = require('../internals/engine-is-ie-or-edge');
-  var V8 = require('../internals/engine-v8-version');
-  var WEBKIT = require('../internals/engine-webkit-version');
-
-  var test = [];
-  var nativeSort = test.sort;
-
-  // IE8-
-  var FAILS_ON_UNDEFINED = fails$3(function () {
-    test.sort(undefined);
-  });
-  // V8 bug
-  var FAILS_ON_NULL = fails$3(function () {
-    test.sort(null);
-  });
-  // Old WebKit
-  var STRICT_METHOD$1 = arrayMethodIsStrict$1('sort');
-
-  var STABLE_SORT = !fails$3(function () {
-    // feature detection can be too slow, so check engines versions
-    if (V8) return V8 < 70;
-    if (FF && FF > 3) return;
-    if (IE_OR_EDGE) return true;
-    if (WEBKIT) return WEBKIT < 603;
-
-    var result = '';
-    var code, chr, value, index;
-
-    // generate an array with more 512 elements (Chakra and old V8 fails only in this case)
-    for (code = 65; code < 76; code++) {
-      chr = String.fromCharCode(code);
-
-      switch (code) {
-        case 66: case 69: case 70: case 72: value = 3; break;
-        case 68: case 71: value = 4; break;
-        default: value = 2;
-      }
-
-      for (index = 0; index < 47; index++) {
-        test.push({ k: chr + index, v: value });
-      }
-    }
-
-    test.sort(function (a, b) { return b.v - a.v; });
-
-    for (index = 0; index < test.length; index++) {
-      chr = test[index].k.charAt(0);
-      if (result.charAt(result.length - 1) !== chr) result += chr;
-    }
-
-    return result !== 'DGBEFHACIJK';
-  });
-
-  var FORCED$1 = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD$1 || !STABLE_SORT;
-
-  var getSortCompare = function (comparefn) {
-    return function (x, y) {
-      if (y === undefined) return -1;
-      if (x === undefined) return 1;
-      if (comparefn !== undefined) return +comparefn(x, y) || 0;
-      return toString$1(x) > toString$1(y) ? 1 : -1;
-    };
-  };
-
-  // `Array.prototype.sort` method
-  // https://tc39.es/ecma262/#sec-array.prototype.sort
-  $$5({ target: 'Array', proto: true, forced: FORCED$1 }, {
-    sort: function sort(comparefn) {
-      if (comparefn !== undefined) aFunction(comparefn);
-
-      var array = toObject$2(this);
-
-      if (STABLE_SORT) return comparefn === undefined ? nativeSort.call(array) : nativeSort.call(array, comparefn);
-
-      var items = [];
-      var arrayLength = toLength$2(array.length);
-      var itemsLength, index;
-
-      for (index = 0; index < arrayLength; index++) {
-        if (index in array) items.push(array[index]);
-      }
-
-      items = internalSort(items, getSortCompare(comparefn));
-      itemsLength = items.length;
-      index = 0;
-
-      while (index < itemsLength) array[index] = items[index++];
-      while (index < arrayLength) delete array[index++];
-
-      return array;
-    }
-  });
-
-  var $$4 = require('../internals/export');
-  var fails$2 = require('../internals/fails');
-  var isArray = require('../internals/is-array');
-  var isObject = require('../internals/is-object');
-  var toObject$1 = require('../internals/to-object');
-  var toLength$1 = require('../internals/to-length');
-  var createProperty = require('../internals/create-property');
-  var arraySpeciesCreate = require('../internals/array-species-create');
-  var arrayMethodHasSpeciesSupport$1 = require('../internals/array-method-has-species-support');
-  var wellKnownSymbol$1 = require('../internals/well-known-symbol');
-  var V8_VERSION = require('../internals/engine-v8-version');
-
-  var IS_CONCAT_SPREADABLE = wellKnownSymbol$1('isConcatSpreadable');
-  var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;
-  var MAXIMUM_ALLOWED_INDEX_EXCEEDED = 'Maximum allowed index exceeded';
-
-  // We can't use this feature detection in V8 since it causes
-  // deoptimization and serious performance degradation
-  // https://github.com/zloirock/core-js/issues/679
-  var IS_CONCAT_SPREADABLE_SUPPORT = V8_VERSION >= 51 || !fails$2(function () {
-    var array = [];
-    array[IS_CONCAT_SPREADABLE] = false;
-    return array.concat()[0] !== array;
-  });
-
-  var SPECIES_SUPPORT = arrayMethodHasSpeciesSupport$1('concat');
-
-  var isConcatSpreadable = function (O) {
-    if (!isObject(O)) return false;
-    var spreadable = O[IS_CONCAT_SPREADABLE];
-    return spreadable !== undefined ? !!spreadable : isArray(O);
-  };
-
-  var FORCED = !IS_CONCAT_SPREADABLE_SUPPORT || !SPECIES_SUPPORT;
-
-  // `Array.prototype.concat` method
-  // https://tc39.es/ecma262/#sec-array.prototype.concat
-  // with adding support of @@isConcatSpreadable and @@species
-  $$4({ target: 'Array', proto: true, forced: FORCED }, {
-    // eslint-disable-next-line no-unused-vars -- required for `.length`
-    concat: function concat(arg) {
-      var O = toObject$1(this);
-      var A = arraySpeciesCreate(O, 0);
-      var n = 0;
-      var i, k, length, len, E;
-      for (i = -1, length = arguments.length; i < length; i++) {
-        E = i === -1 ? O : arguments[i];
-        if (isConcatSpreadable(E)) {
-          len = toLength$1(E.length);
-          if (n + len > MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);
-          for (k = 0; k < len; k++, n++) if (k in E) createProperty(A, n, E[k]);
-        } else {
-          if (n >= MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);
-          createProperty(A, n++, E);
-        }
-      }
-      A.length = n;
-      return A;
-    }
-  });
-
-  var $$3 = require('../internals/export');
-  var IndexedObject = require('../internals/indexed-object');
-  var toIndexedObject = require('../internals/to-indexed-object');
-  var arrayMethodIsStrict = require('../internals/array-method-is-strict');
-
-  var nativeJoin = [].join;
-
-  var ES3_STRINGS = IndexedObject != Object;
-  var STRICT_METHOD = arrayMethodIsStrict('join', ',');
-
-  // `Array.prototype.join` method
-  // https://tc39.es/ecma262/#sec-array.prototype.join
-  $$3({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {
-    join: function join(separator) {
-      return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);
-    }
-  });
-
-  var $$2 = require('../internals/export');
-  var $map = require('../internals/array-iteration').map;
-  var arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');
-
-  var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');
-
-  // `Array.prototype.map` method
-  // https://tc39.es/ecma262/#sec-array.prototype.map
-  // with adding support of @@species
-  $$2({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
-    map: function map(callbackfn /* , thisArg */) {
-      return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
-    }
-  });
-
-  var $$1 = require('../internals/export');
-  var toObject = require('../internals/to-object');
-  var nativeKeys = require('../internals/object-keys');
-  var fails$1 = require('../internals/fails');
-
-  var FAILS_ON_PRIMITIVES = fails$1(function () { nativeKeys(1); });
-
-  // `Object.keys` method
-  // https://tc39.es/ecma262/#sec-object.keys
-  $$1({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
-    keys: function keys(it) {
-      return nativeKeys(toObject(it));
-    }
-  });
-
-  var $ = require('../internals/export');
-  var exec = require('../internals/regexp-exec');
-
-  // `RegExp.prototype.exec` method
-  // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-  $({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
-    exec: exec
-  });
-
-  var fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');
-  var fails = require('../internals/fails');
-  var anObject = require('../internals/an-object');
-  var toInteger = require('../internals/to-integer');
-  var toLength = require('../internals/to-length');
-  var toString = require('../internals/to-string');
-  var requireObjectCoercible = require('../internals/require-object-coercible');
-  var advanceStringIndex = require('../internals/advance-string-index');
-  var getSubstitution = require('../internals/get-substitution');
-  var regExpExec = require('../internals/regexp-exec-abstract');
-  var wellKnownSymbol = require('../internals/well-known-symbol');
-
-  var REPLACE = wellKnownSymbol('replace');
-  var max = Math.max;
-  var min = Math.min;
-
-  var maybeToString = function (it) {
-    return it === undefined ? it : String(it);
-  };
-
-  // IE <= 11 replaces $0 with the whole match, as if it was $&
-  // https://stackoverflow.com/questions/6024666/getting-ie-to-replace-a-regex-with-the-literal-string-0
-  var REPLACE_KEEPS_$0 = (function () {
-    // eslint-disable-next-line regexp/prefer-escape-replacement-dollar-char -- required for testing
-    return 'a'.replace(/./, '$0') === '$0';
-  })();
-
-  // Safari <= 13.0.3(?) substitutes nth capture where n>m with an empty string
-  var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {
-    if (/./[REPLACE]) {
-      return /./[REPLACE]('a', '$0') === '';
-    }
-    return false;
-  })();
-
-  var REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {
-    var re = /./;
-    re.exec = function () {
-      var result = [];
-      result.groups = { a: '7' };
-      return result;
-    };
-    return ''.replace(re, '$<a>') !== '7';
-  });
-
-  // @@replace logic
-  fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNative) {
-    var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';
-
-    return [
-      // `String.prototype.replace` method
-      // https://tc39.es/ecma262/#sec-string.prototype.replace
-      function replace(searchValue, replaceValue) {
-        var O = requireObjectCoercible(this);
-        var replacer = searchValue == undefined ? undefined : searchValue[REPLACE];
-        return replacer !== undefined
-          ? replacer.call(searchValue, O, replaceValue)
-          : nativeReplace.call(toString(O), searchValue, replaceValue);
-      },
-      // `RegExp.prototype[@@replace]` method
-      // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
-      function (string, replaceValue) {
-        var rx = anObject(this);
-        var S = toString(string);
-
-        if (
-          typeof replaceValue === 'string' &&
-          replaceValue.indexOf(UNSAFE_SUBSTITUTE) === -1 &&
-          replaceValue.indexOf('$<') === -1
-        ) {
-          var res = maybeCallNative(nativeReplace, rx, S, replaceValue);
-          if (res.done) return res.value;
-        }
-
-        var functionalReplace = typeof replaceValue === 'function';
-        if (!functionalReplace) replaceValue = toString(replaceValue);
-
-        var global = rx.global;
-        if (global) {
-          var fullUnicode = rx.unicode;
-          rx.lastIndex = 0;
-        }
-        var results = [];
-        while (true) {
-          var result = regExpExec(rx, S);
-          if (result === null) break;
-
-          results.push(result);
-          if (!global) break;
-
-          var matchStr = toString(result[0]);
-          if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
-        }
-
-        var accumulatedResult = '';
-        var nextSourcePosition = 0;
-        for (var i = 0; i < results.length; i++) {
-          result = results[i];
-
-          var matched = toString(result[0]);
-          var position = max(min(toInteger(result.index), S.length), 0);
-          var captures = [];
-          // NOTE: This is equivalent to
-          //   captures = result.slice(1).map(maybeToString)
-          // but for some reason `nativeSlice.call(result, 1, result.length)` (called in
-          // the slice polyfill when slicing native arrays) "doesn't work" in safari 9 and
-          // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.
-          for (var j = 1; j < result.length; j++) captures.push(maybeToString(result[j]));
-          var namedCaptures = result.groups;
-          if (functionalReplace) {
-            var replacerArgs = [matched].concat(captures, position, S);
-            if (namedCaptures !== undefined) replacerArgs.push(namedCaptures);
-            var replacement = toString(replaceValue.apply(undefined, replacerArgs));
-          } else {
-            replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
-          }
-          if (position >= nextSourcePosition) {
-            accumulatedResult += S.slice(nextSourcePosition, position) + replacement;
-            nextSourcePosition = position + matched.length;
-          }
-        }
-        return accumulatedResult + S.slice(nextSourcePosition);
-      }
-    ];
-  }, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
-
   function table(tableElement) {
-    if (_typeof(tableElement) != "object") return false;
+    if (typeof tableElement != "object") return false;
     var thead = tableElement.querySelector('thead');
     var tbody = tableElement.querySelector('tbody');
     var storedData = tbody.cloneNode(true);
@@ -653,7 +117,7 @@
     var sortTable = function sortTable(sortBy, sort) {
       // Create an array from the table rows, the index created is then used to sort the array
       var tableArr = [];
-      Array.from(tbody.querySelectorAll('tr')).forEach(function (tableRow, index) {
+      Array.from(tbody.querySelectorAll('tr')).forEach((tableRow, index) => {
         var rowIndex = tableRow.querySelector('td[data-label="' + sortBy + '"], th[data-label="' + sortBy + '"]').textContent;
         if (isNumeric(rowIndex)) rowIndex = zeroPad(rowIndex, 10);
         var dataRow = {
@@ -663,14 +127,12 @@
         tableArr.push(dataRow);
       }); // Sort array
 
-      tableArr.sort(function (a, b) {
-        return a.index > b.index ? 1 : -1;
-      }); // Reverse if descending
+      tableArr.sort((a, b) => a.index > b.index ? 1 : -1); // Reverse if descending
 
       if (sort == "descending") tableArr = tableArr.reverse(); // Create a string to return and populate the tbody
 
       var strTbody = '';
-      tableArr.forEach(function (tableRow, index) {
+      tableArr.forEach((tableRow, index) => {
         strTbody += tableRow.row.outerHTML;
       });
       tbody.innerHTML = strTbody; // Dispatch the sortable event
@@ -685,7 +147,7 @@
           // Get current sort order
           var sort = target.getAttribute('aria-sort') == "ascending" ? "descending" : "ascending"; // unset sort attributes
 
-          Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach(function (col, index) {
+          Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {
             col.setAttribute('aria-sort', 'none');
           }); // Set the sort order attribute
 
@@ -695,7 +157,7 @@
           tableElement.setAttribute('data-sortBy', target.textContent); // Sort the table
 
           sortTable(target.textContent, sort);
-          Array.from(tableElement.querySelectorAll('tr[draggable]')).forEach(function (tableRow, index) {
+          Array.from(tableElement.querySelectorAll('tr[draggable]')).forEach((tableRow, index) => {
             tableRow.removeAttribute('draggable');
           });
           break;
@@ -705,7 +167,7 @@
 
     if (tableElement.getAttribute('data-sortBy')) {
       var sort = tableElement.getAttribute('data-sort') == "ascending" ? "descending" : "ascending";
-      Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach(function (col, index) {
+      Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {
         if (col.textContent == tableElement.getAttribute('data-sortBy')) {
           col.setAttribute('aria-sort', sort);
           col.click();
@@ -726,8 +188,8 @@
       var filterColumns = Array.from(tableElement.querySelectorAll('th[data-filterable]')); // Populate a list of searchable terms from the cells of the columns that could be used as a filter
 
       var searchableTerms = {};
-      filterColumns.forEach(function (columnHeading, index) {
-        Array.from(tableElement.querySelectorAll('td[data-label="' + columnHeading.textContent + '"]')).forEach(function (label, index) {
+      filterColumns.forEach((columnHeading, index) => {
+        Array.from(tableElement.querySelectorAll('td[data-label="' + columnHeading.textContent + '"]')).forEach((label, index) => {
           searchableTerms[label.textContent] = label.textContent;
         });
       }); // Create the form
@@ -736,11 +198,7 @@
 
       var checkboxClass = filterColumns.length == 1 ? "d-none" : "d-sm-flex"; // Hide controls when only one filter is chosen
 
-      form.innerHTML = "<div class=\"col-sm-6 col-md-4 pb-3\">\n  <div class=\"form-control__wrapper form-control-inline mb-0\">\n    <label for=\"".concat(randID, "_filter\" class=\"form-label\">").concat(filterTitle, ":</label>\n    <input type=\"search\" name=\"").concat(randID, "_filter\" id=\"").concat(randID, "_filter\" class=\"form-control form-control-sm\" placeholder=\"\" list=\"").concat(randID, "_list\" />\n  </div>\n  <datalist id=\"").concat(randID, "_list\">\n    ").concat(Object.keys(searchableTerms).map(function (term) {
-        return "<option value=\"".concat(term, "\"></option>");
-      }).join(""), "\n  </datalist>\n</div>\n<div class=\"col-md-8 align-items-center pb-3 ").concat(checkboxClass, "\">\n  ").concat("<span class=\"pe-3 text-nowrap h5 mb-0\">Filter by: </span>" + filterColumns.map(function (column) {
-        return "<div class=\"form-check pe-3 mt-0 mb-0\"><input class=\"form-check-input\" type=\"checkbox\" id=\"".concat(randID, "_").concat(column.textContent.replace(' ', '_').toLowerCase(), "\" checked=\"checked\" /><label class=\"form-check-label text-nowrap\" for=\"").concat(randID, "_").concat(column.textContent.replace(' ', '_').toLowerCase(), "\">").concat(column.textContent, "</label></div>");
-      }).join(""), "\n</div>"); // Add before the actual table
+      form.innerHTML = "<div class=\"col-sm-6 col-md-4 pb-3\">\n  <div class=\"form-control__wrapper form-control-inline mb-0\">\n    <label for=\"".concat(randID, "_filter\" class=\"form-label\">").concat(filterTitle, ":</label>\n    <input type=\"search\" name=\"").concat(randID, "_filter\" id=\"").concat(randID, "_filter\" class=\"form-control form-control-sm\" placeholder=\"\" list=\"").concat(randID, "_list\" />\n  </div>\n  <datalist id=\"").concat(randID, "_list\">\n    ").concat(Object.keys(searchableTerms).map(term => "<option value=\"".concat(term, "\"></option>")).join(""), "\n  </datalist>\n</div>\n<div class=\"col-md-8 align-items-center pb-3 ").concat(checkboxClass, "\">\n  ").concat("<span class=\"pe-3 text-nowrap h5 mb-0\">Filter by: </span>" + filterColumns.map(column => "<div class=\"form-check pe-3 mt-0 mb-0\"><input class=\"form-check-input\" type=\"checkbox\" id=\"".concat(randID, "_").concat(column.textContent.replace(' ', '_').toLowerCase(), "\" checked=\"checked\" /><label class=\"form-check-label text-nowrap\" for=\"").concat(randID, "_").concat(column.textContent.replace(' ', '_').toLowerCase(), "\">").concat(column.textContent, "</label></div>")).join(""), "\n</div>"); // Add before the actual table
 
       tableElement.prepend(form);
     };
@@ -748,10 +206,10 @@
     var filterTable = function filterTable(searchTerm) {
       // Create an array of rows that match the search term
       var tableArr = [];
-      Array.from(storedData.querySelectorAll('tr')).forEach(function (tableRow, index) {
+      Array.from(storedData.querySelectorAll('tr')).forEach((tableRow, index) => {
         // We want one long search string per row including each filterable table cell
         var rowSearchString = '';
-        Array.from(tableElement.querySelectorAll('[type="checkbox"]:checked + label')).forEach(function (label, index) {
+        Array.from(tableElement.querySelectorAll('[type="checkbox"]:checked + label')).forEach((label, index) => {
           rowSearchString += tableRow.querySelector('td[data-label="' + label.textContent + '"]').textContent + ' | ';
         }); // Check if the table row search string contains the search term
 
@@ -764,7 +222,7 @@
       }); // Create a string to return and populate the tbody
 
       var strTbody = '';
-      tableArr.forEach(function (tableRow, index) {
+      tableArr.forEach((tableRow, index) => {
         strTbody += tableRow.row.outerHTML;
       });
       tbody.innerHTML = strTbody; // Dispatch the filter event.
@@ -775,21 +233,19 @@
     var createFilterList = function createFilterList() {
       // Check which options are checked
       var filterOptions = [];
-      Array.from(tableElement.querySelectorAll('[type="checkbox"]:checked + label')).forEach(function (label, index) {
+      Array.from(tableElement.querySelectorAll('[type="checkbox"]:checked + label')).forEach((label, index) => {
         filterOptions.push(label.textContent);
       }); // Build up the list of searchable terms
 
       var searchableTerms = [];
-      filterOptions.forEach(function (option, index) {
-        Array.from(tableElement.querySelectorAll('td[data-label="' + option + '"]')).forEach(function (label, index) {
+      filterOptions.forEach((option, index) => {
+        Array.from(tableElement.querySelectorAll('td[data-label="' + option + '"]')).forEach((label, index) => {
           searchableTerms[label.textContent] = label.textContent;
         });
       }); // Rebuild the list
 
       var dataList = tableElement.querySelector('datalist');
-      dataList.innerHTML = Object.keys(searchableTerms).map(function (term) {
-        return "<option value=\"".concat(term, "\"></option>");
-      }).join("");
+      dataList.innerHTML = Object.keys(searchableTerms).map(term => "<option value=\"".concat(term, "\"></option>")).join("");
     }; // On page load check if filters are needed
 
 
@@ -931,7 +387,7 @@
 
 
     var setReorderRows = function setReorderRows() {
-      Array.from(tbody.querySelectorAll('tr')).forEach(function (tableRow, index) {
+      Array.from(tbody.querySelectorAll('tr')).forEach((tableRow, index) => {
         // Create column if not already created
         if (tableRow.querySelector('[data-label="Order"]') == null) {
           var orderColumn = document.createElement('th');
@@ -960,7 +416,7 @@
         for (var target = e.target; target && target != this; target = target.parentNode) {
           if (target.matches('.table-order-reset')) {
             // unset sort attributes
-            Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach(function (col, index) {
+            Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {
               col.setAttribute('aria-sort', 'none');
             }); // Save the sort options on the table element so that it can be re-sorted later
 
@@ -968,7 +424,7 @@
             tableElement.removeAttribute('data-sortBy'); // Sort the table
 
             sortTable('Order', 'ascending');
-            Array.from(tableElement.querySelectorAll('tbody tr')).forEach(function (tableRow, index) {
+            Array.from(tableElement.querySelectorAll('tbody tr')).forEach((tableRow, index) => {
               tableRow.setAttribute('draggable', 'true');
             });
             break;
@@ -1009,7 +465,7 @@
               draggedRow.parentNode.removeChild(draggedRow);
               if (draggedRow.getAttribute('data-order') > target.getAttribute('data-order')) target.parentNode.insertBefore(draggedRow, target);else target.parentNode.insertBefore(draggedRow, target.nextElementSibling); // Re label the rows
 
-              Array.from(tbody.querySelectorAll('tr')).forEach(function (tableRowOrder, index) {
+              Array.from(tbody.querySelectorAll('tr')).forEach((tableRowOrder, index) => {
                 tableRowOrder.classList.remove('tr--dragging');
                 tableRowOrder.classList.remove('tr--dropable');
                 tableRowOrder.querySelector('th').innerHTML = index + 1;
@@ -1064,18 +520,20 @@
 
   function accordion(accordionElement) {
     // Fetch all the details element.
-    var details = accordionElement.querySelectorAll("details"); // Add the onclick listeners.
-
-    details.forEach(function (targetDetail) {
-      targetDetail.addEventListener("click", function () {
-        // Close all the details that are not targetDetail.
-        details.forEach(function (detail) {
-          if (detail !== targetDetail) {
-            detail.removeAttribute("open");
-          }
+    if (!accordionElement.classList.contains('accordion--keep-open')) {
+      var details = accordionElement.querySelectorAll(":scope > details"); // Add the onclick listeners.
+
+      details.forEach(targetDetail => {
+        targetDetail.addEventListener("click", () => {
+          // Close all the details that are not targetDetail.
+          details.forEach(detail => {
+            if (detail !== targetDetail) {
+              detail.removeAttribute("open");
+            }
+          });
         });
       });
-    });
+    }
 
     if (window.location.hash && document.querySelector(window.location.hash + ':not([open]) summary')) {
       var detail = document.querySelector(window.location.hash + ' summary');
@@ -1166,7 +624,7 @@
         var scrollLeft = carouselInner.scrollLeft;
         var targetSlide = Math.round(scrollLeft / scrollWidth * itemCount) + 1;
         var lastItemOffset = carouselElement.querySelector('.carousel__item:last-child').offsetLeft;
-        Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach(function (link, index) {
+        Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {
           link.classList.remove('active');
         });
         carouselElement.querySelector('.control-' + targetSlide).classList.add('active'); // Disable the previous button
@@ -1181,7 +639,7 @@
       for (var target = e.target; target && target != this; target = target.parentNode) {
         if (target.matches('.carousel__controls a')) {
           e.preventDefault();
-          Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach(function (link, index) {
+          Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {
             link.classList.remove('active');
           });
           target.classList.add('active');
@@ -1222,17 +680,17 @@
       var min = parseInt(inputWrapper.querySelector('[data-min] select,[data-min] input').value);
       var max = parseInt(inputWrapper.querySelector('[data-max] select,[data-max] input').value); // Set attributes for input fields
 
-      Array.from(inputWrapper.querySelectorAll('[data-min] input')).forEach(function (input, index) {
+      Array.from(inputWrapper.querySelectorAll('[data-min] input')).forEach((input, index) => {
         input.setAttribute('max', max);
       });
-      Array.from(inputWrapper.querySelectorAll('[data-max] input')).forEach(function (input, index) {
+      Array.from(inputWrapper.querySelectorAll('[data-max] input')).forEach((input, index) => {
         input.setAttribute('min', min);
       }); // Hide select options if they are higher or lower than the min and max values
 
-      Array.from(inputWrapper.querySelectorAll('[data-min] select option')).forEach(function (option, index) {
+      Array.from(inputWrapper.querySelectorAll('[data-min] select option')).forEach((option, index) => {
         if (parseInt(option.getAttribute('value')) > max) option.classList.add('d-none');else option.classList.remove('d-none');
       });
-      Array.from(inputWrapper.querySelectorAll('[data-max] select option')).forEach(function (option, index) {
+      Array.from(inputWrapper.querySelectorAll('[data-max] select option')).forEach((option, index) => {
         if (parseInt(option.getAttribute('value')) < min) option.classList.add('d-none');else option.classList.remove('d-none');
       });
     }, false);
@@ -1241,40 +699,173 @@
 
   function form(formElement) {
     // Check for input range groups
-    Array.from(formElement.querySelectorAll('[data-input-range]')).forEach(function (arrayElement, index) {
+    Array.from(formElement.querySelectorAll('[data-input-range]')).forEach((arrayElement, index) => {
       inputRange(arrayElement);
     });
   }
 
+  /**
+   * Integrate YouTube videos as a way of hosting videos without the overhead and worry surrounding hosting vides. i.e. file sizes, performance and accessibility.
+   */
+  class youtubeVideo {
+    /** @param {HTMLElement} embed dom element */
+    constructor(embed) {
+      var createEmbed = this.createEmbed; // If the scripts is already loaded then lets just create the embed
+
+      if (document.body.classList.contains('youtubeLoaded')) {
+        embed.addEventListener('click', function (e) {
+          // loop parent nodes from the target to the delegation node
+          for (var target = e.target; target && target != this; target = target.parentNode) {
+            if (target.matches('a:not([data-modal-youtube]')) {
+              e.preventDefault();
+              createEmbed(embed, target);
+              break;
+            }
+          }
+        }, false);
+      } else {
+        this.loadScripts(embed, this.createEmbed);
+      }
+    }
+    /**
+     * Load the YouTube scripts before trying to create the embed
+     * @param {HTMLElement} embed dom element
+     * @param {Function} createEmbed function to create the embed after script loaded.
+     */
+
+
+    loadScripts(embed, createEmbed) {
+      return new Promise((resolve, reject) => {
+        var image = new Image();
+
+        image.onload = function () {
+          // This code loads the IFrame Player API code asynchronously.
+          var tag = document.createElement('script');
+          tag.src = "https://www.youtube.com/iframe_api";
+          var firstScriptTag = document.getElementsByTagName('script')[0];
+          firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+          document.body.classList.add('youtubeLoaded');
+          resolve(true); // script has loaded, you can now use it safely
+
+          tag.onload = () => {
+            embed.addEventListener('click', function (e) {
+              // loop parent nodes from the target to the delegation node
+              for (var target = e.target; target && target != this; target = target.parentNode) {
+                if (target.matches('a:not([data-modal-youtube]')) {
+                  e.preventDefault();
+                  createEmbed(embed, target);
+                  break;
+                }
+              }
+            }, false);
+          };
+        };
+
+        image.onerror = function () {
+          reject(false);
+        };
+
+        image.src = "https://youtube.com/favicon.ico";
+      });
+    }
+    /**
+     * Create the YouTube embed after the user has clicked on it.
+     * @param {HTMLElement} embed dom element
+     */
+
+
+    createEmbed(embed, target) {
+      // If there is more than one video lets make sure there is only one playing at a time.
+      if (typeof window.player != "undefined" && typeof window.player.pauseVideo == "function") window.player.pauseVideo();
+      var video_id = target.getAttribute('data-id');
+      var link_id = target.getAttribute('id'); // create an id to pass t the script if one isn't present
+
+      if (typeof link_id == 'undefined' || link_id == null) {
+        var randLetter = String.fromCharCode(65 + Math.floor(Math.random() * 26));
+        link_id = randLetter + Date.now();
+        target.setAttribute('id', link_id);
+      } // This function creates an <iframe> (and YouTube player) after the API code downloads.          
+
+
+      function onYouTubeIframeAPIReady() {
+        window.player = new YT.Player(link_id, {
+          height: '100%',
+          width: '100%',
+          videoId: video_id,
+          playerVars: {
+            'modestbranding': 1,
+            'playsinline': 1,
+            'rel': 0,
+            'showinfo': 0
+          },
+          events: {
+            'onReady': onPlayerReady,
+            'onStateChange': onPlayerStateChange
+          }
+        });
+      }
+
+      onYouTubeIframeAPIReady(); // The API will call this function when the video player is ready.
+
+      function onPlayerReady(event) {
+        // Play the video straight away
+        event.target.playVideo();
+      } // The API calls this function when the player's state changes.
+      // The function indicates that when playing a video (state=1)
+
+
+      var done = false;
+
+      function onPlayerStateChange(event) {
+        if (event.data == YT.PlayerState.PLAYING && !done) {
+          var link = document.getElementById(link_id);
+          link.classList.add('player-ready');
+          done = true;
+        }
+      }
+    }
+
+  }
+
+  // Bootstrap modules
+
   document.addEventListener("DOMContentLoaded", function () {
     addBodyClasses(document.body);
     checkElements(document.body);
     console.log('test.js'); // ANav
 
-    Array.from(document.querySelectorAll('.nav')).forEach(function (arrayElement, index) {
+    Array.from(document.querySelectorAll('.nav')).forEach((arrayElement, index) => {
       navbar(arrayElement);
     }); // Advanced tables
 
-    Array.from(document.querySelectorAll('.table__wrapper')).forEach(function (arrayElement, index) {
+    Array.from(document.querySelectorAll('.table__wrapper')).forEach((arrayElement, index) => {
       table(arrayElement);
     }); // Accordions
 
-    Array.from(document.querySelectorAll('.accordion')).forEach(function (arrayElement, index) {
+    Array.from(document.querySelectorAll('.accordion')).forEach((arrayElement, index) => {
       accordion(arrayElement);
     }); // Testimonial
 
-    Array.from(document.querySelectorAll('.testimonial')).forEach(function (arrayElement, index) {
+    Array.from(document.querySelectorAll('.testimonial')).forEach((arrayElement, index) => {
       testimonial(arrayElement);
     }); // Carousel
 
-    Array.from(document.querySelectorAll('.carousel')).forEach(function (arrayElement, index) {
+    Array.from(document.querySelectorAll('.carousel')).forEach((arrayElement, index) => {
       carousel(arrayElement);
     }); // Form
 
-    Array.from(document.querySelectorAll('form')).forEach(function (arrayElement, index) {
+    Array.from(document.querySelectorAll('form')).forEach((arrayElement, index) => {
       form(arrayElement);
+    }); // Modal
+
+    Array.from(document.querySelectorAll('.modal')).forEach((arrayElement, index) => {
+      modal(arrayElement);
+    }); // YouTube videos
+
+    Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement, index) => {
+      new youtubeVideo(arrayElement);
     });
   });
 
-})));
+}));
 //# sourceMappingURL=scripts.bundle.js.map