@tabler/core 1.0.0-beta11 → 1.0.0-beta13

package/dist/js/tabler.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
@@ -80,13 +80,13 @@
 	  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;
 	  };
@@ -167,7 +167,7 @@
 	}
 	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);
@@ -222,9 +222,18 @@
 	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;
@@ -262,6 +271,9 @@
 	  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.");
 	}
@@ -662,7 +674,7 @@
 	      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));
 	      }
@@ -737,6 +749,9 @@
 	  }, {
 	    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;
@@ -762,15 +777,19 @@
 	          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;
 	}();
@@ -782,6 +801,7 @@
 	    return v;
 	  }
 	};
+	Masked.EMPTY_VALUES = [undefined, null, ''];
 	IMask.Masked = Masked;
 
 	function maskedClass(mask) {
@@ -1036,7 +1056,7 @@
 	      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);
@@ -1045,7 +1065,9 @@
 	  }, {
 	    key: "_appendEager",
 	    value: function _appendEager() {
-	      return this._appendChar(this.char);
+	      return this._appendChar(this.char, {
+	        tail: true
+	      });
 	    }
 	  }, {
 	    key: "_appendPlaceholder",
@@ -1614,11 +1636,11 @@
 	      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);
@@ -2279,6 +2301,7 @@
 	      return this._value;
 	    },
 	    set: function set(str) {
+	      if (this.value === str) return;
 	      this.masked.value = str;
 	      this.updateControl();
 	      this.alignCursor();
@@ -2289,6 +2312,7 @@
 	      return this._unmaskedValue;
 	    },
 	    set: function set(str) {
+	      if (this.unmaskedValue === str) return;
 	      this.masked.unmaskedValue = str;
 	      this.updateControl();
 	      this.alignCursor();
@@ -2299,6 +2323,7 @@
 	      return this.masked.typedValue;
 	    },
 	    set: function set(val) {
+	      if (this.masked.typedValueEquals(val)) return;
 	      this.masked.typedValue = val;
 	      this.updateControl();
 	      this.alignCursor();
@@ -2460,7 +2485,10 @@
 	      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);
@@ -2784,6 +2812,11 @@
 	    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);
@@ -2796,6 +2829,7 @@
 	  normalizeZeros: true,
 	  padFractionalZeros: false
 	};
+	MaskedNumber.EMPTY_VALUES = [].concat(_toConsumableArray(Masked.EMPTY_VALUES), [0]);
 	IMask.MaskedNumber = MaskedNumber;
 
 	var MaskedFunction = function (_Masked) {
@@ -2844,7 +2878,7 @@
 	      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;
 	    }
@@ -2860,7 +2894,7 @@
 	      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) {
@@ -2901,6 +2935,14 @@
 	      }
 	      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) {
@@ -2909,18 +2951,32 @@
 	    }
 	  }, {
 	    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();
 	      });
@@ -2958,22 +3014,22 @@
 	  }, {
 	    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;
@@ -2981,13 +3037,14 @@
 	  }, {
 	    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) {
@@ -3013,11 +3070,11 @@
 	  }, {
 	    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",
@@ -3028,11 +3085,11 @@
 	  }, {
 	    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",
@@ -3058,6 +3115,12 @@
 	        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);
@@ -3070,7 +3133,7 @@
 	      m.append(inputValue, {
 	        raw: true
 	      });
-	      m.append(appended, flags);
+	      m.append(appended, masked.currentMaskFlags(flags));
 	      var weight = m.rawInputValue.length;
 	      return {
 	        weight: weight,
@@ -3258,32 +3321,50 @@
 	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
 	  };
 	}
 
@@ -3355,8 +3436,8 @@
 	  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') {
@@ -3703,7 +3784,7 @@
 	  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;
@@ -3714,7 +3795,8 @@
 	  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;
 	    }
@@ -3788,8 +3870,8 @@
 	  });
 	}
 
-	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;
@@ -3800,8 +3882,8 @@
 	  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));
@@ -3814,18 +3896,18 @@
 	    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;
@@ -3895,6 +3977,8 @@
 	  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,
@@ -3909,7 +3993,7 @@
 	  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,
@@ -4344,7 +4428,7 @@
 	  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
@@ -4637,7 +4721,7 @@
 	});
 
 	/*!
-	  * 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)
 	  */
@@ -5168,7 +5252,7 @@
 	    }
 	  }
 	}
-	const VERSION = '5.2.0';
+	const VERSION = '5.2.2';
 	class BaseComponent extends Config {
 	  constructor(element, config) {
 	    super();
@@ -6012,7 +6096,7 @@
 	    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() {
@@ -6236,7 +6320,7 @@
 	      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();
@@ -6515,6 +6599,7 @@
 	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}`;
@@ -6656,16 +6741,18 @@
 	      }
 	    });
 	    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() {
@@ -7207,13 +7294,16 @@
 	    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;
@@ -7233,20 +7323,11 @@
 	  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;
@@ -7259,6 +7340,9 @@
 	    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();
 	  }
@@ -7300,12 +7384,11 @@
 	      }
 	    }
 	    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());
 	  }
@@ -7327,7 +7410,7 @@
 	    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;
@@ -7393,7 +7476,7 @@
 	    };
 	  }
 	  _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());
@@ -7464,7 +7547,10 @@
 	    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);
@@ -7486,23 +7572,16 @@
 	      }
 	    };
 	    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() {
@@ -7558,7 +7637,6 @@
 	        hide: config.delay
 	      };
 	    }
-	    config.originalTitle = this._element.getAttribute('title') || '';
 	    if (typeof config.title === 'number') {
 	      config.title = config.title.toString();
 	    }
@@ -7574,6 +7652,8 @@
 	        config[key] = this._config[key];
 	      }
 	    }
+	    config.selector = false;
+	    config.trigger = 'manual';
 	    return config;
 	  }
 	  _disposePopper() {
@@ -7667,13 +7747,15 @@
 	  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) {
@@ -7716,6 +7798,10 @@
 	  }
 	  _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() {
@@ -7743,8 +7829,8 @@
 	  _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);
 	  }
@@ -7776,9 +7862,6 @@
 	      }
 	    }
 	  }
-	  _getRootMargin() {
-	    return this._config.offset ? `${this._config.offset}px 0px -30%` : this._config.rootMargin;
-	  }
 	  _initializeTargetsAndObservables() {
 	    this._targetLinks = new Map();
 	    this._observableSections = new Map();
@@ -7863,7 +7946,6 @@
 	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';
@@ -7913,7 +7995,6 @@
 	        element.classList.add(CLASS_NAME_SHOW$1);
 	        return;
 	      }
-	      element.focus();
 	      element.removeAttribute('tabindex');
 	      element.setAttribute('aria-selected', true);
 	      this._toggleDropDown(element, true);
@@ -7953,6 +8034,9 @@
 	    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();
 	    }
 	  }
@@ -8005,7 +8089,6 @@
 	    };
 	    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) {
@@ -8152,12 +8235,16 @@
 	    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();
@@ -8212,7 +8299,10 @@
 
 	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"]'));
@@ -8270,6 +8360,28 @@
 	  return new Toast(toastTriggerEl);
 	});
 
-	window.bootstrap = bootstrap;
+	var prefix = 'tblr-';
+	var hexToRgba = function hexToRgba(hex, opacity) {
+	  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+	  return result ? "rgba(".concat(parseInt(result[1], 16), ", ").concat(parseInt(result[2], 16), ", ").concat(parseInt(result[3], 16), ", ").concat(opacity, ")") : null;
+	};
+	var getColor = function getColor(color) {
+	  var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+	  var c = getComputedStyle(document.body).getPropertyValue("--".concat(prefix).concat(color)).trim();
+	  if (opacity !== 1) {
+	    return hexToRgba(c, opacity);
+	  }
+	  return c;
+	};
+
+	var tabler = /*#__PURE__*/Object.freeze({
+		__proto__: null,
+		prefix: prefix,
+		hexToRgba: hexToRgba,
+		getColor: getColor
+	});
+
+	globalThis.bootstrap = bootstrap;
+	globalThis.tabler = tabler;
 
 }));