q2-tecton-elements 1.23.0-alpha.0 → 1.24.0

package/dist/cjs/{index-3518c78c.js → index-e00b4210.js}

@@ -448,6 +448,25 @@ var smoothscroll = createCommonjsModule(function (module, exports) {
 }());
 });
 
+function isHostLosingFocus(event, hostElement) {
+  const type = event.type;
+  const focusInTypes = ['focusin', 'focus'];
+  const isFocusIn = focusInTypes.includes(type);
+  // on focusin: `target` is element losing focus, `relatedTarget` is element gaining focus
+  // on focusout: `target` is element gaining focus, `relatedTarget` is element losing focus
+  const elementGainingFocus = isFocusIn ? event.target : event.relatedTarget;
+  const isElementNestedInHostElement = (element) => {
+    if (element === hostElement)
+      return true;
+    if (element.parentElement) {
+      return isElementNestedInHostElement(element.parentElement);
+    }
+    return false;
+  };
+  if (!(elementGainingFocus instanceof HTMLElement))
+    return false;
+  return !isElementNestedInHostElement(elementGainingFocus);
+}
 function isRelatedTargetWithinHost(event, element) {
   return event.relatedTarget !== element && !element.contains(event.relatedTarget);
 }
@@ -479,17 +498,19 @@ let guid = 1000;
 function createGuid() {
   return guid++;
 }
-function nextPaint(fn, execute) {
-  if (execute)
-    fn();
-  else
-    requestAnimationFrame(() => nextPaint(fn, true));
+function nextPaint(fn) {
+  requestAnimationFrame(() => {
+    requestAnimationFrame(fn);
+  });
+}
+function waitForNextPaint() {
+  return new Promise(resolve => nextPaint(resolve));
 }
 function loc(key, subs) {
   var _a, _b, _c;
   if (!key)
     return '';
-  if (((_a = window.Tecton) === null || _a === void 0 ? void 0 : _a.noString) === true) {
+  if (((_a = window.Tecton) === null || _a === void 0 ? void 0 : _a.noStrings) === true) {
     return key;
   }
   return (_c = (_b = window === null || window === void 0 ? void 0 : window.TectonElements) === null || _b === void 0 ? void 0 : _b.loc(key, subs)) !== null && _c !== void 0 ? _c : key;
@@ -542,6 +563,7 @@ function setMessageHeight(target) {
   });
 }
 function setPopProperties(target) {
+  var _a, _b, _c, _d;
   const { dropdownContainer, popDirection } = target;
   if (dropdownContainer) {
     dropdownContainer.style.maxHeight = null;
@@ -556,7 +578,9 @@ function setPopProperties(target) {
   const dropdownHeight = dropdownContainer.getBoundingClientRect().height;
   dropdownContainer.classList.remove('sizable');
   const { top: topOffset, height } = controlElement.getBoundingClientRect();
-  const bottomOffset = window.innerHeight - topOffset - height;
+  const scrollY = ((_b = (_a = window.Tecton) === null || _a === void 0 ? void 0 : _a.platformDimensions) === null || _b === void 0 ? void 0 : _b.scrollY) || 0;
+  const innerHeight = ((_d = (_c = window.Tecton) === null || _c === void 0 ? void 0 : _c.platformDimensions) === null || _d === void 0 ? void 0 : _d.innerHeight) || window.innerHeight;
+  const bottomOffset = scrollY + innerHeight - topOffset - height;
   const canShowFullSizeBelow = bottomOffset > dropdownHeight;
   const canShowFullSizeAbove = dropdownHeight <= topOffset;
   // Prefer full size above or below
@@ -607,6 +631,7 @@ exports.handleAriaLabel = handleAriaLabel;
 exports.handleColor = handleColor;
 exports.isEventFromElement = isEventFromElement;
 exports.isFirefox = isFirefox;
+exports.isHostLosingFocus = isHostLosingFocus;
 exports.isRelatedTargetWithinHost = isRelatedTargetWithinHost;
 exports.isTouchDevice = isTouchDevice;
 exports.labelDOM = labelDOM;
@@ -617,3 +642,4 @@ exports.overrideFocus = overrideFocus;
 exports.resizeIframe = resizeIframe;
 exports.setMessageHeight = setMessageHeight;
 exports.setPopProperties = setPopProperties;
+exports.waitForNextPaint = waitForNextPaint;