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

package/dist/esm/{index-9c591682.js → index-ca21e539.js}

@@ -446,6 +446,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);
 }
@@ -477,17 +496,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;
@@ -540,6 +561,7 @@ function setMessageHeight(target) {
   });
 }
 function setPopProperties(target) {
+  var _a, _b, _c, _d;
   const { dropdownContainer, popDirection } = target;
   if (dropdownContainer) {
     dropdownContainer.style.maxHeight = null;
@@ -554,7 +576,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
@@ -599,4 +623,4 @@ const handleColor = (target) => {
   }
 };
 
-export { isTouchDevice as a, isRelatedTargetWithinHost as b, createGuid as c, addSmoothScrollPolyfill as d, setMessageHeight as e, labelDOM as f, isFirefox as g, handleAriaLabel as h, isEventFromElement as i, handleColor as j, loc as l, messagesDOM as m, nextPaint as n, overrideFocus as o, resizeIframe as r, setPopProperties as s };
+export { isTouchDevice as a, isRelatedTargetWithinHost as b, createGuid as c, isHostLosingFocus as d, addSmoothScrollPolyfill as e, setMessageHeight as f, labelDOM as g, handleAriaLabel as h, isEventFromElement as i, isFirefox as j, handleColor as k, loc as l, messagesDOM as m, nextPaint as n, overrideFocus as o, resizeIframe as r, setPopProperties as s, waitForNextPaint as w };