@tabler/core 1.0.0-beta11 → 1.0.0-beta13

package/dist/js/tabler.esm.js

@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-beta11 (https://tabler.io)
-* @version 1.0.0-beta11
+* Tabler v1.0.0-beta13 (https://tabler.io)
+* @version 1.0.0-beta13
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -75,13 +75,13 @@ function _inherits(subClass, superClass) {
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
 }
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
@@ -162,7 +162,7 @@ function _superPropBase(object, property) {
 }
 function _get() {
   if (typeof Reflect !== "undefined" && Reflect.get) {
-    _get = Reflect.get;
+    _get = Reflect.get.bind();
   } else {
     _get = function _get(target, property, receiver) {
       var base = _superPropBase(target, property);
@@ -217,9 +217,18 @@ function _set(target, property, value, receiver, isStrict) {
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null) return;
@@ -257,6 +266,9 @@ function _arrayLikeToArray(arr, len) {
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 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.");
 }
@@ -657,7 +669,7 @@ var Masked = function () {
       if (!isString(str)) throw new Error('value should be string');
       var details = new ChangeDetails();
       var checkTail = isString(tail) ? new ContinuousTailDetails(String(tail)) : tail;
-      if (flags && flags.tail) flags._beforeTailState = this.state;
+      if (flags !== null && flags !== void 0 && flags.tail) flags._beforeTailState = this.state;
       for (var ci = 0; ci < str.length; ++ci) {
         details.aggregate(this._appendChar(str[ci], flags, checkTail));
       }
@@ -732,6 +744,9 @@ var Masked = function () {
   }, {
     key: "splice",
     value: function splice(start, deleteCount, inserted, removeDirection) {
+      var flags = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
+        input: true
+      };
       var tailPos = start + deleteCount;
       var tail = this.extractTail(tailPos);
       var oldRawValue;
@@ -757,15 +772,19 @@ var Masked = function () {
           tail.unshift();
         }
       }
-      return details.aggregate(this.append(inserted, {
-        input: true
-      }, tail));
+      return details.aggregate(this.append(inserted, flags, tail));
     }
   }, {
     key: "maskEquals",
     value: function maskEquals(mask) {
       return this.mask === mask;
     }
+  }, {
+    key: "typedValueEquals",
+    value: function typedValueEquals(value) {
+      var tval = this.typedValue;
+      return value === tval || Masked.EMPTY_VALUES.includes(value) && Masked.EMPTY_VALUES.includes(tval) || this.doFormat(value) === this.doFormat(this.typedValue);
+    }
   }]);
   return Masked;
 }();
@@ -777,6 +796,7 @@ Masked.DEFAULTS = {
     return v;
   }
 };
+Masked.EMPTY_VALUES = [undefined, null, ''];
 IMask.Masked = Masked;
 
 function maskedClass(mask) {
@@ -1031,7 +1051,7 @@ var PatternFixedDefinition = function () {
       var details = new ChangeDetails();
       if (this._value) return details;
       var appended = this.char === ch;
-      var isResolved = appended && (this.isUnmasking || flags.input || flags.raw) && !this.eager && !flags.tail;
+      var isResolved = appended && (this.isUnmasking || flags.input || flags.raw) && (!flags.raw || !this.eager) && !flags.tail;
       if (isResolved) details.rawInserted = this.char;
       this._value = details.inserted = this.char;
       this._isRawInput = isResolved && (flags.raw || flags.input);
@@ -1040,7 +1060,9 @@ var PatternFixedDefinition = function () {
   }, {
     key: "_appendEager",
     value: function _appendEager() {
-      return this._appendChar(this.char);
+      return this._appendChar(this.char, {
+        tail: true
+      });
     }
   }, {
     key: "_appendPlaceholder",
@@ -1609,11 +1631,11 @@ var MaskedPattern = function (_Masked) {
       var details = new ChangeDetails();
       if (!blockIter) return details;
       for (var bi = blockIter.index;; ++bi) {
-        var _flags$_beforeTailSta;
+        var _flags$_beforeTailSta, _flags$_beforeTailSta2;
         var _block = this._blocks[bi];
         if (!_block) break;
         var blockDetails = _block._appendChar(ch, Object.assign({}, flags, {
-          _beforeTailState: (_flags$_beforeTailSta = flags._beforeTailState) === null || _flags$_beforeTailSta === void 0 ? void 0 : _flags$_beforeTailSta._blocks[bi]
+          _beforeTailState: (_flags$_beforeTailSta = flags._beforeTailState) === null || _flags$_beforeTailSta === void 0 ? void 0 : (_flags$_beforeTailSta2 = _flags$_beforeTailSta._blocks) === null || _flags$_beforeTailSta2 === void 0 ? void 0 : _flags$_beforeTailSta2[bi]
         }));
         var skip = blockDetails.skip;
         details.aggregate(blockDetails);
@@ -2274,6 +2296,7 @@ var InputMask = function () {
       return this._value;
     },
     set: function set(str) {
+      if (this.value === str) return;
       this.masked.value = str;
       this.updateControl();
       this.alignCursor();
@@ -2284,6 +2307,7 @@ var InputMask = function () {
       return this._unmaskedValue;
     },
     set: function set(str) {
+      if (this.unmaskedValue === str) return;
       this.masked.unmaskedValue = str;
       this.updateControl();
       this.alignCursor();
@@ -2294,6 +2318,7 @@ var InputMask = function () {
       return this.masked.typedValue;
     },
     set: function set(val) {
+      if (this.masked.typedValueEquals(val)) return;
       this.masked.typedValue = val;
       this.updateControl();
       this.alignCursor();
@@ -2455,7 +2480,10 @@ var InputMask = function () {
       this.el.value, this.cursorPos,
       this.value, this._selection);
       var oldRawValue = this.masked.rawInputValue;
-      var offset = this.masked.splice(details.startChangePos, details.removed.length, details.inserted, details.removeDirection).offset;
+      var offset = this.masked.splice(details.startChangePos, details.removed.length, details.inserted, details.removeDirection, {
+        input: true,
+        raw: true
+      }).offset;
       var removeDirection = oldRawValue === this.masked.rawInputValue ? details.removeDirection : DIRECTION.NONE;
       var cursorPos = this.masked.nearestInputPos(details.startChangePos + offset, removeDirection);
       if (removeDirection !== DIRECTION.NONE) cursorPos = this.masked.nearestInputPos(cursorPos, DIRECTION.NONE);
@@ -2779,6 +2807,11 @@ var MaskedNumber = function (_Masked) {
     get: function get() {
       return this.signed || this.min != null && this.min < 0 || this.max != null && this.max < 0;
     }
+  }, {
+    key: "typedValueEquals",
+    value: function typedValueEquals(value) {
+      return (_get(_getPrototypeOf(MaskedNumber.prototype), "typedValueEquals", this).call(this, value) || MaskedNumber.EMPTY_VALUES.includes(value) && MaskedNumber.EMPTY_VALUES.includes(this.typedValue)) && !(value === 0 && this.value === '');
+    }
   }]);
   return MaskedNumber;
 }(Masked);
@@ -2791,6 +2824,7 @@ MaskedNumber.DEFAULTS = {
   normalizeZeros: true,
   padFractionalZeros: false
 };
+MaskedNumber.EMPTY_VALUES = [].concat(_toConsumableArray(Masked.EMPTY_VALUES), [0]);
 IMask.MaskedNumber = MaskedNumber;
 
 var MaskedFunction = function (_Masked) {
@@ -2839,7 +2873,7 @@ var MaskedDynamic = function (_Masked) {
       var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var details = this._applyDispatch(ch, flags);
       if (this.currentMask) {
-        details.aggregate(this.currentMask._appendChar(ch, flags));
+        details.aggregate(this.currentMask._appendChar(ch, this.currentMaskFlags(flags)));
       }
       return details;
     }
@@ -2855,7 +2889,7 @@ var MaskedDynamic = function (_Masked) {
       var tailValue = inputValue.slice(insertValue.length);
       var prevMask = this.currentMask;
       var details = new ChangeDetails();
-      var prevMaskState = prevMask && prevMask.state;
+      var prevMaskState = prevMask === null || prevMask === void 0 ? void 0 : prevMask.state;
       this.currentMask = this.doDispatch(appended, Object.assign({}, flags));
       if (this.currentMask) {
         if (this.currentMask !== prevMask) {
@@ -2896,6 +2930,14 @@ var MaskedDynamic = function (_Masked) {
       }
       return details;
     }
+  }, {
+    key: "currentMaskFlags",
+    value: function currentMaskFlags(flags) {
+      var _flags$_beforeTailSta, _flags$_beforeTailSta2;
+      return Object.assign({}, flags, {
+        _beforeTailState: ((_flags$_beforeTailSta = flags._beforeTailState) === null || _flags$_beforeTailSta === void 0 ? void 0 : _flags$_beforeTailSta.currentMaskRef) === this.currentMask && ((_flags$_beforeTailSta2 = flags._beforeTailState) === null || _flags$_beforeTailSta2 === void 0 ? void 0 : _flags$_beforeTailSta2.currentMask) || flags._beforeTailState
+      });
+    }
   }, {
     key: "doDispatch",
     value: function doDispatch(appended) {
@@ -2904,18 +2946,32 @@ var MaskedDynamic = function (_Masked) {
     }
   }, {
     key: "doValidate",
-    value: function doValidate() {
-      var _get2, _this$currentMask;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
+    value: function doValidate(flags) {
+      return _get(_getPrototypeOf(MaskedDynamic.prototype), "doValidate", this).call(this, flags) && (!this.currentMask || this.currentMask.doValidate(this.currentMaskFlags(flags)));
+    }
+  }, {
+    key: "doPrepare",
+    value: function doPrepare(str) {
+      var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var _normalizePrepare = normalizePrepare(_get(_getPrototypeOf(MaskedDynamic.prototype), "doPrepare", this).call(this, str, flags)),
+          _normalizePrepare2 = _slicedToArray(_normalizePrepare, 2),
+          s = _normalizePrepare2[0],
+          details = _normalizePrepare2[1];
+      if (this.currentMask) {
+        var currentDetails;
+        var _normalizePrepare3 = normalizePrepare(_get(_getPrototypeOf(MaskedDynamic.prototype), "doPrepare", this).call(this, s, this.currentMaskFlags(flags)));
+        var _normalizePrepare4 = _slicedToArray(_normalizePrepare3, 2);
+        s = _normalizePrepare4[0];
+        currentDetails = _normalizePrepare4[1];
+        details = details.aggregate(currentDetails);
       }
-      return (_get2 = _get(_getPrototypeOf(MaskedDynamic.prototype), "doValidate", this)).call.apply(_get2, [this].concat(args)) && (!this.currentMask || (_this$currentMask = this.currentMask).doValidate.apply(_this$currentMask, args));
+      return [s, details];
     }
   }, {
     key: "reset",
     value: function reset() {
-      var _this$currentMask2;
-      (_this$currentMask2 = this.currentMask) === null || _this$currentMask2 === void 0 ? void 0 : _this$currentMask2.reset();
+      var _this$currentMask;
+      (_this$currentMask = this.currentMask) === null || _this$currentMask === void 0 ? void 0 : _this$currentMask.reset();
       this.compiledMasks.forEach(function (m) {
         return m.reset();
       });
@@ -2953,22 +3009,22 @@ var MaskedDynamic = function (_Masked) {
   }, {
     key: "isComplete",
     get: function get() {
-      var _this$currentMask3;
-      return Boolean((_this$currentMask3 = this.currentMask) === null || _this$currentMask3 === void 0 ? void 0 : _this$currentMask3.isComplete);
+      var _this$currentMask2;
+      return Boolean((_this$currentMask2 = this.currentMask) === null || _this$currentMask2 === void 0 ? void 0 : _this$currentMask2.isComplete);
     }
   }, {
     key: "isFilled",
     get: function get() {
-      var _this$currentMask4;
-      return Boolean((_this$currentMask4 = this.currentMask) === null || _this$currentMask4 === void 0 ? void 0 : _this$currentMask4.isFilled);
+      var _this$currentMask3;
+      return Boolean((_this$currentMask3 = this.currentMask) === null || _this$currentMask3 === void 0 ? void 0 : _this$currentMask3.isFilled);
     }
   }, {
     key: "remove",
     value: function remove() {
       var details = new ChangeDetails();
       if (this.currentMask) {
-        var _this$currentMask5;
-        details.aggregate((_this$currentMask5 = this.currentMask).remove.apply(_this$currentMask5, arguments))
+        var _this$currentMask4;
+        details.aggregate((_this$currentMask4 = this.currentMask).remove.apply(_this$currentMask4, arguments))
         .aggregate(this._applyDispatch());
       }
       return details;
@@ -2976,13 +3032,14 @@ var MaskedDynamic = function (_Masked) {
   }, {
     key: "state",
     get: function get() {
+      var _this$currentMask5;
       return Object.assign({}, _get(_getPrototypeOf(MaskedDynamic.prototype), "state", this), {
         _rawInputValue: this.rawInputValue,
         compiledMasks: this.compiledMasks.map(function (m) {
           return m.state;
         }),
         currentMaskRef: this.currentMask,
-        currentMask: this.currentMask && this.currentMask.state
+        currentMask: (_this$currentMask5 = this.currentMask) === null || _this$currentMask5 === void 0 ? void 0 : _this$currentMask5.state
       });
     },
     set: function set(state) {
@@ -3008,11 +3065,11 @@ var MaskedDynamic = function (_Masked) {
   }, {
     key: "extractTail",
     value: function extractTail() {
-      var _this$currentMask7, _get3;
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
+      var _this$currentMask7, _get2;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
       }
-      return this.currentMask ? (_this$currentMask7 = this.currentMask).extractTail.apply(_this$currentMask7, args) : (_get3 = _get(_getPrototypeOf(MaskedDynamic.prototype), "extractTail", this)).call.apply(_get3, [this].concat(args));
+      return this.currentMask ? (_this$currentMask7 = this.currentMask).extractTail.apply(_this$currentMask7, args) : (_get2 = _get(_getPrototypeOf(MaskedDynamic.prototype), "extractTail", this)).call.apply(_get2, [this].concat(args));
     }
   }, {
     key: "doCommit",
@@ -3023,11 +3080,11 @@ var MaskedDynamic = function (_Masked) {
   }, {
     key: "nearestInputPos",
     value: function nearestInputPos() {
-      var _this$currentMask8, _get4;
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
+      var _this$currentMask8, _get3;
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
       }
-      return this.currentMask ? (_this$currentMask8 = this.currentMask).nearestInputPos.apply(_this$currentMask8, args) : (_get4 = _get(_getPrototypeOf(MaskedDynamic.prototype), "nearestInputPos", this)).call.apply(_get4, [this].concat(args));
+      return this.currentMask ? (_this$currentMask8 = this.currentMask).nearestInputPos.apply(_this$currentMask8, args) : (_get3 = _get(_getPrototypeOf(MaskedDynamic.prototype), "nearestInputPos", this)).call.apply(_get3, [this].concat(args));
     }
   }, {
     key: "overwrite",
@@ -3053,6 +3110,12 @@ var MaskedDynamic = function (_Masked) {
         return m.maskEquals((_mask$mi = mask[mi]) === null || _mask$mi === void 0 ? void 0 : _mask$mi.mask);
       });
     }
+  }, {
+    key: "typedValueEquals",
+    value: function typedValueEquals(value) {
+      var _this$currentMask9;
+      return Boolean((_this$currentMask9 = this.currentMask) === null || _this$currentMask9 === void 0 ? void 0 : _this$currentMask9.typedValueEquals(value));
+    }
   }]);
   return MaskedDynamic;
 }(Masked);
@@ -3065,7 +3128,7 @@ MaskedDynamic.DEFAULTS = {
       m.append(inputValue, {
         raw: true
       });
-      m.append(appended, flags);
+      m.append(appended, masked.currentMaskFlags(flags));
       var weight = m.rawInputValue.length;
       return {
         weight: weight,
@@ -3253,32 +3316,50 @@ var max = Math.max;
 var min = Math.min;
 var round = Math.round;
 
-function getBoundingClientRect(element, includeScale) {
+function getUAString() {
+  var uaData = navigator.userAgentData;
+  if (uaData != null && uaData.brands) {
+    return uaData.brands.map(function (item) {
+      return item.brand + "/" + item.version;
+    }).join(' ');
+  }
+  return navigator.userAgent;
+}
+
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   if (includeScale === void 0) {
     includeScale = false;
   }
-  var rect = element.getBoundingClientRect();
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  var clientRect = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
-  if (isHTMLElement(element) && includeScale) {
-    var offsetHeight = element.offsetHeight;
-    var offsetWidth = element.offsetWidth;
-    if (offsetWidth > 0) {
-      scaleX = round(rect.width) / offsetWidth || 1;
-    }
-    if (offsetHeight > 0) {
-      scaleY = round(rect.height) / offsetHeight || 1;
-    }
-  }
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
+  }
+  var _ref = isElement$1(element) ? getWindow(element) : window,
+      visualViewport = _ref.visualViewport;
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    width: rect.width / scaleX,
-    height: rect.height / scaleY,
-    top: rect.top / scaleY,
-    right: rect.right / scaleX,
-    bottom: rect.bottom / scaleY,
-    left: rect.left / scaleX,
-    x: rect.left / scaleX,
-    y: rect.top / scaleY
+    width: width,
+    height: height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x: x,
+    y: y
   };
 }
 
@@ -3350,8 +3431,8 @@ function getTrueOffsetParent(element) {
   return element.offsetParent;
 }
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
-  var isIE = navigator.userAgent.indexOf('Trident') !== -1;
+  var isFirefox = /firefox/i.test(getUAString());
+  var isIE = /Trident/i.test(getUAString());
   if (isIE && isHTMLElement(element)) {
     var elementCss = getComputedStyle$1(element);
     if (elementCss.position === 'fixed') {
@@ -3698,7 +3779,7 @@ function getWindowScrollBarX(element) {
   return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
 }
 
-function getViewportRect(element) {
+function getViewportRect(element, strategy) {
   var win = getWindow(element);
   var html = getDocumentElement(element);
   var visualViewport = win.visualViewport;
@@ -3709,7 +3790,8 @@ function getViewportRect(element) {
   if (visualViewport) {
     width = visualViewport.width;
     height = visualViewport.height;
-    if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
+    var layoutViewport = isLayoutViewport();
+    if (layoutViewport || !layoutViewport && strategy === 'fixed') {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
     }
@@ -3783,8 +3865,8 @@ function rectToClientRect(rect) {
   });
 }
 
-function getInnerBoundingClientRect(element) {
-  var rect = getBoundingClientRect(element);
+function getInnerBoundingClientRect(element, strategy) {
+  var rect = getBoundingClientRect(element, false, strategy === 'fixed');
   rect.top = rect.top + element.clientTop;
   rect.left = rect.left + element.clientLeft;
   rect.bottom = rect.top + element.clientHeight;
@@ -3795,8 +3877,8 @@ function getInnerBoundingClientRect(element) {
   rect.y = rect.top;
   return rect;
 }
-function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement$1(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+function getClientRectFromMixedType(element, clippingParent, strategy) {
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement$1(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
 }
 function getClippingParents(element) {
   var clippingParents = listScrollParents(getParentNode(element));
@@ -3809,18 +3891,18 @@ function getClippingParents(element) {
     return isElement$1(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
   });
 }
-function getClippingRect(element, boundary, rootBoundary) {
+function getClippingRect(element, boundary, rootBoundary, strategy) {
   var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
   var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
   var firstClippingParent = clippingParents[0];
   var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
-    var rect = getClientRectFromMixedType(element, clippingParent);
+    var rect = getClientRectFromMixedType(element, clippingParent, strategy);
     accRect.top = max(rect.top, accRect.top);
     accRect.right = min(rect.right, accRect.right);
     accRect.bottom = min(rect.bottom, accRect.bottom);
     accRect.left = max(rect.left, accRect.left);
     return accRect;
-  }, getClientRectFromMixedType(element, firstClippingParent));
+  }, getClientRectFromMixedType(element, firstClippingParent, strategy));
   clippingRect.width = clippingRect.right - clippingRect.left;
   clippingRect.height = clippingRect.bottom - clippingRect.top;
   clippingRect.x = clippingRect.left;
@@ -3890,6 +3972,8 @@ function detectOverflow(state, options) {
   var _options = options,
       _options$placement = _options.placement,
       placement = _options$placement === void 0 ? state.placement : _options$placement,
+      _options$strategy = _options.strategy,
+      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
       _options$boundary = _options.boundary,
       boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
       _options$rootBoundary = _options.rootBoundary,
@@ -3904,7 +3988,7 @@ function detectOverflow(state, options) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect(isElement$1(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
+  var clippingClientRect = getClippingRect(isElement$1(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
   var referenceClientRect = getBoundingClientRect(state.elements.reference);
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
@@ -4339,7 +4423,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4632,7 +4716,7 @@ var Popper = /*#__PURE__*/Object.freeze({
 });
 
 /*!
-  * Bootstrap v5.2.0 (https://getbootstrap.com/)
+  * Bootstrap v5.2.2 (https://getbootstrap.com/)
   * Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
@@ -5163,7 +5247,7 @@ class Config {
     }
   }
 }
-const VERSION = '5.2.0';
+const VERSION = '5.2.2';
 class BaseComponent extends Config {
   constructor(element, config) {
     super();
@@ -6007,7 +6091,7 @@ class Dropdown extends BaseComponent {
     super(element, config);
     this._popper = null;
     this._parent = this._element.parentNode;
-    this._menu = SelectorEngine.findOne(SELECTOR_MENU, this._parent);
+    this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] || SelectorEngine.prev(this._element, SELECTOR_MENU)[0] || SelectorEngine.findOne(SELECTOR_MENU, this._parent);
     this._inNavbar = this._detectNavbar();
   }
   static get Default() {
@@ -6231,7 +6315,7 @@ class Dropdown extends BaseComponent {
       return;
     }
     event.preventDefault();
-    const getToggleButton = SelectorEngine.findOne(SELECTOR_DATA_TOGGLE$3, event.delegateTarget.parentNode);
+    const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE$3) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.next(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.findOne(SELECTOR_DATA_TOGGLE$3, event.delegateTarget.parentNode);
     const instance = Dropdown.getOrCreateInstance(getToggleButton);
     if (isUpOrDownEvent) {
       event.stopPropagation();
@@ -6510,6 +6594,7 @@ const EVENT_HIDDEN$4 = `hidden${EVENT_KEY$4}`;
 const EVENT_SHOW$4 = `show${EVENT_KEY$4}`;
 const EVENT_SHOWN$4 = `shown${EVENT_KEY$4}`;
 const EVENT_RESIZE$1 = `resize${EVENT_KEY$4}`;
+const EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY$4}`;
 const EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY$4}`;
 const EVENT_KEYDOWN_DISMISS$1 = `keydown.dismiss${EVENT_KEY$4}`;
 const EVENT_CLICK_DATA_API$2 = `click${EVENT_KEY$4}${DATA_API_KEY$2}`;
@@ -6651,16 +6736,18 @@ class Modal extends BaseComponent {
       }
     });
     EventHandler.on(this._element, EVENT_MOUSEDOWN_DISMISS, event => {
-      if (event.target !== event.currentTarget) {
-        return;
-      }
-      if (this._config.backdrop === 'static') {
-        this._triggerBackdropTransition();
-        return;
-      }
-      if (this._config.backdrop) {
-        this.hide();
-      }
+      EventHandler.one(this._element, EVENT_CLICK_DISMISS, event2 => {
+        if (this._element !== event.target || this._element !== event2.target) {
+          return;
+        }
+        if (this._config.backdrop === 'static') {
+          this._triggerBackdropTransition();
+          return;
+        }
+        if (this._config.backdrop) {
+          this.hide();
+        }
+      });
     });
   }
   _hideModal() {
@@ -7202,13 +7289,16 @@ class Tooltip extends BaseComponent {
     super(element, config);
     this._isEnabled = true;
     this._timeout = 0;
-    this._isHovered = false;
+    this._isHovered = null;
     this._activeTrigger = {};
     this._popper = null;
     this._templateFactory = null;
     this._newContent = null;
     this.tip = null;
     this._setListeners();
+    if (!this._config.selector) {
+      this._fixTitle();
+    }
   }
   static get Default() {
     return Default$3;
@@ -7228,20 +7318,11 @@ class Tooltip extends BaseComponent {
   toggleEnabled() {
     this._isEnabled = !this._isEnabled;
   }
-  toggle(event) {
+  toggle() {
     if (!this._isEnabled) {
       return;
     }
-    if (event) {
-      const context = this._initializeOnDelegatedTarget(event);
-      context._activeTrigger.click = !context._activeTrigger.click;
-      if (context._isWithActiveTrigger()) {
-        context._enter();
-      } else {
-        context._leave();
-      }
-      return;
-    }
+    this._activeTrigger.click = !this._activeTrigger.click;
     if (this._isShown()) {
       this._leave();
       return;
@@ -7254,6 +7335,9 @@ class Tooltip extends BaseComponent {
     if (this.tip) {
       this.tip.remove();
     }
+    if (this._element.getAttribute('data-bs-original-title')) {
+      this._element.setAttribute('title', this._element.getAttribute('data-bs-original-title'));
+    }
     this._disposePopper();
     super.dispose();
   }
@@ -7295,12 +7379,11 @@ class Tooltip extends BaseComponent {
       }
     }
     const complete = () => {
-      const previousHoverState = this._isHovered;
-      this._isHovered = false;
       EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOWN$2));
-      if (previousHoverState) {
+      if (this._isHovered === false) {
         this._leave();
       }
+      this._isHovered = false;
     };
     this._queueCallback(complete, this.tip, this._isAnimated());
   }
@@ -7322,7 +7405,7 @@ class Tooltip extends BaseComponent {
     this._activeTrigger[TRIGGER_CLICK] = false;
     this._activeTrigger[TRIGGER_FOCUS] = false;
     this._activeTrigger[TRIGGER_HOVER] = false;
-    this._isHovered = false;
+    this._isHovered = null;
     const complete = () => {
       if (this._isWithActiveTrigger()) {
         return;
@@ -7388,7 +7471,7 @@ class Tooltip extends BaseComponent {
     };
   }
   _getTitle() {
-    return this._resolvePossibleFunction(this._config.title) || this._config.originalTitle;
+    return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-bs-original-title');
   }
   _initializeOnDelegatedTarget(event) {
     return this.constructor.getOrCreateInstance(event.delegateTarget, this._getDelegateConfig());
@@ -7459,7 +7542,10 @@ class Tooltip extends BaseComponent {
     const triggers = this._config.trigger.split(' ');
     for (const trigger of triggers) {
       if (trigger === 'click') {
-        EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK$1), this._config.selector, event => this.toggle(event));
+        EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK$1), this._config.selector, event => {
+          const context = this._initializeOnDelegatedTarget(event);
+          context.toggle();
+        });
       } else if (trigger !== TRIGGER_MANUAL) {
         const eventIn = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSEENTER) : this.constructor.eventName(EVENT_FOCUSIN$1);
         const eventOut = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSELEAVE) : this.constructor.eventName(EVENT_FOCUSOUT$1);
@@ -7481,23 +7567,16 @@ class Tooltip extends BaseComponent {
       }
     };
     EventHandler.on(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
-    if (this._config.selector) {
-      this._config = { ...this._config,
-        trigger: 'manual',
-        selector: ''
-      };
-    } else {
-      this._fixTitle();
-    }
   }
   _fixTitle() {
-    const title = this._config.originalTitle;
+    const title = this._element.getAttribute('title');
     if (!title) {
       return;
     }
     if (!this._element.getAttribute('aria-label') && !this._element.textContent.trim()) {
       this._element.setAttribute('aria-label', title);
     }
+    this._element.setAttribute('data-bs-original-title', title);
     this._element.removeAttribute('title');
   }
   _enter() {
@@ -7553,7 +7632,6 @@ class Tooltip extends BaseComponent {
         hide: config.delay
       };
     }
-    config.originalTitle = this._element.getAttribute('title') || '';
     if (typeof config.title === 'number') {
       config.title = config.title.toString();
     }
@@ -7569,6 +7647,8 @@ class Tooltip extends BaseComponent {
         config[key] = this._config[key];
       }
     }
+    config.selector = false;
+    config.trigger = 'manual';
     return config;
   }
   _disposePopper() {
@@ -7662,13 +7742,15 @@ const Default$1 = {
   offset: null,
   rootMargin: '0px 0px -25%',
   smoothScroll: false,
-  target: null
+  target: null,
+  threshold: [0.1, 0.5, 1]
 };
 const DefaultType$1 = {
   offset: '(number|null)',
   rootMargin: 'string',
   smoothScroll: 'boolean',
-  target: 'element'
+  target: 'element',
+  threshold: 'array'
 };
 class ScrollSpy extends BaseComponent {
   constructor(element, config) {
@@ -7711,6 +7793,10 @@ class ScrollSpy extends BaseComponent {
   }
   _configAfterMerge(config) {
     config.target = getElement(config.target) || document.body;
+    config.rootMargin = config.offset ? `${config.offset}px 0px -30%` : config.rootMargin;
+    if (typeof config.threshold === 'string') {
+      config.threshold = config.threshold.split(',').map(value => Number.parseFloat(value));
+    }
     return config;
   }
   _maybeEnableSmoothScroll() {
@@ -7738,8 +7824,8 @@ class ScrollSpy extends BaseComponent {
   _getNewObserver() {
     const options = {
       root: this._rootElement,
-      threshold: [0.1, 0.5, 1],
-      rootMargin: this._getRootMargin()
+      threshold: this._config.threshold,
+      rootMargin: this._config.rootMargin
     };
     return new IntersectionObserver(entries => this._observerCallback(entries), options);
   }
@@ -7771,9 +7857,6 @@ class ScrollSpy extends BaseComponent {
       }
     }
   }
-  _getRootMargin() {
-    return this._config.offset ? `${this._config.offset}px 0px -30%` : this._config.rootMargin;
-  }
   _initializeTargetsAndObservables() {
     this._targetLinks = new Map();
     this._observableSections = new Map();
@@ -7858,7 +7941,6 @@ const CLASS_NAME_SHOW$1 = 'show';
 const CLASS_DROPDOWN = 'dropdown';
 const SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle';
 const SELECTOR_DROPDOWN_MENU = '.dropdown-menu';
-const SELECTOR_DROPDOWN_ITEM = '.dropdown-item';
 const NOT_SELECTOR_DROPDOWN_TOGGLE = ':not(.dropdown-toggle)';
 const SELECTOR_TAB_PANEL = '.list-group, .nav, [role="tablist"]';
 const SELECTOR_OUTER = '.nav-item, .list-group-item';
@@ -7908,7 +7990,6 @@ class Tab extends BaseComponent {
         element.classList.add(CLASS_NAME_SHOW$1);
         return;
       }
-      element.focus();
       element.removeAttribute('tabindex');
       element.setAttribute('aria-selected', true);
       this._toggleDropDown(element, true);
@@ -7948,6 +8029,9 @@ class Tab extends BaseComponent {
     const isNext = [ARROW_RIGHT_KEY, ARROW_DOWN_KEY].includes(event.key);
     const nextActiveElement = getNextActiveElement(this._getChildren().filter(element => !isDisabled(element)), event.target, isNext, true);
     if (nextActiveElement) {
+      nextActiveElement.focus({
+        preventScroll: true
+      });
       Tab.getOrCreateInstance(nextActiveElement).show();
     }
   }
@@ -8000,7 +8084,6 @@ class Tab extends BaseComponent {
     };
     toggle(SELECTOR_DROPDOWN_TOGGLE, CLASS_NAME_ACTIVE);
     toggle(SELECTOR_DROPDOWN_MENU, CLASS_NAME_SHOW$1);
-    toggle(SELECTOR_DROPDOWN_ITEM, CLASS_NAME_ACTIVE);
     outerElem.setAttribute('aria-expanded', open);
   }
   _setAttributeIfNotExists(element, attribute, value) {
@@ -8147,12 +8230,16 @@ class Toast extends BaseComponent {
     switch (event.type) {
       case 'mouseover':
       case 'mouseout':
-        this._hasMouseInteraction = isInteracting;
-        break;
+        {
+          this._hasMouseInteraction = isInteracting;
+          break;
+        }
       case 'focusin':
       case 'focusout':
-        this._hasKeyboardInteraction = isInteracting;
-        break;
+        {
+          this._hasKeyboardInteraction = isInteracting;
+          break;
+        }
     }
     if (isInteracting) {
       this._clearTimeout();
@@ -8191,7 +8278,10 @@ defineJQueryPlugin(Toast);
 
 var dropdownTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="dropdown"]'));
 dropdownTriggerList.map(function (dropdownTriggerEl) {
-  return new Dropdown(dropdownTriggerEl);
+  var options = {
+    boundary: dropdownTriggerEl.getAttribute('data-bs-boundary') === 'viewport' ? document.querySelector('.btn') : 'clippingParents'
+  };
+  return new Dropdown(dropdownTriggerEl, options);
 });
 
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));