@tabler/core 1.0.0-beta11 → 1.0.0-beta12

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-beta12 (https://tabler.io)
+* @version 1.0.0-beta12
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -3258,32 +3258,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 +3373,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 +3721,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 +3732,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 +3807,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 +3819,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 +3833,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 +3914,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 +3930,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 +4365,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 +4658,7 @@
 	});
 
 	/*!
-	  * Bootstrap v5.2.0 (https://getbootstrap.com/)
+	  * Bootstrap v5.2.1 (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 +5189,7 @@
 	    }
 	  }
 	}
-	const VERSION = '5.2.0';
+	const VERSION = '5.2.1';
 	class BaseComponent extends Config {
 	  constructor(element, config) {
 	    super();
@@ -6012,7 +6033,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];
 	    this._inNavbar = this._detectNavbar();
 	  }
 	  static get Default() {
@@ -6236,7 +6257,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];
 	    const instance = Dropdown.getOrCreateInstance(getToggleButton);
 	    if (isUpOrDownEvent) {
 	      event.stopPropagation();
@@ -6515,6 +6536,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 +6678,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._dialog.contains(event.target) || this._dialog.contains(event2.target)) {
+	          return;
+	        }
+	        if (this._config.backdrop === 'static') {
+	          this._triggerBackdropTransition();
+	          return;
+	        }
+	        if (this._config.backdrop) {
+	          this.hide();
+	        }
+	      });
 	    });
 	  }
 	  _hideModal() {
@@ -7207,7 +7231,7 @@
 	    super(element, config);
 	    this._isEnabled = true;
 	    this._timeout = 0;
-	    this._isHovered = false;
+	    this._isHovered = null;
 	    this._activeTrigger = {};
 	    this._popper = null;
 	    this._templateFactory = null;
@@ -7259,6 +7283,9 @@
 	    if (this.tip) {
 	      this.tip.remove();
 	    }
+	    if (this._config.originalTitle) {
+	      this._element.setAttribute('title', this._config.originalTitle);
+	    }
 	    this._disposePopper();
 	    super.dispose();
 	  }
@@ -7300,12 +7327,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 +7353,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;
@@ -7667,13 +7693,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 +7744,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 +7775,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 +7808,6 @@
 	      }
 	    }
 	  }
-	  _getRootMargin() {
-	    return this._config.offset ? `${this._config.offset}px 0px -30%` : this._config.rootMargin;
-	  }
 	  _initializeTargetsAndObservables() {
 	    this._targetLinks = new Map();
 	    this._observableSections = new Map();
@@ -8270,6 +8299,28 @@
 	  return new Toast(toastTriggerEl);
 	});
 
+	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
+	});
+
 	window.bootstrap = bootstrap;
+	window.tabler = tabler;
 
 }));