q2-tecton-elements 1.9.7 → 1.10.2

package/dist/esm/index-f3de8cee.js

@@ -1,91 +0,0 @@
-import { h } from './index-5fa3e016.js';
-
-let guid = 1000;
-function createGuid() {
-  return guid++;
-}
-function loc(key, subs) {
-  var _a, _b;
-  if (!key)
-    return '';
-  return (_b = (_a = window === null || window === void 0 ? void 0 : window.TectonElements) === null || _a === void 0 ? void 0 : _a.loc(key, subs)) !== null && _b !== void 0 ? _b : key;
-}
-function labelDOM(target) {
-  const { label, hideLabel } = target;
-  if (!label || hideLabel)
-    return;
-  return (h("label", { htmlFor: target.inputId, class: target.readonly ? 'readonly-field' : '' },
-    loc(target.label),
-    target.optional ? (h("span", { class: "optional-tag" }, loc('tecton.element.input.optional'))) : ('')));
-}
-function handleAriaLabel(target) {
-  const { ariaLabel } = target;
-  if (!ariaLabel)
-    return;
-  if ('hideLabel' in target)
-    target.hideLabel = true;
-  target.label = loc(ariaLabel);
-  target.ariaLabel = undefined;
-}
-function messagesDOM(target) {
-  const type = target.hasError ? 'danger' : 'info';
-  return (h("div", { class: "messages-container" },
-    h("q2-message", { appearance: "minimal", description: true, type: type },
-      h("ul", { id: target.inputDescribedBy }, target.messages.map(message => (h("li", null, loc(message))))))));
-}
-function setMessageHeight(target) {
-  const messageContainer = target.hostElement.shadowRoot.querySelector('.messages-container');
-  const q2Message = messageContainer.querySelector('q2-message');
-  const height = target.showMessages && target.hasFocus ? q2Message.getBoundingClientRect().height : 0;
-  if (messageContainer.style.getPropertyValue('height') === `${height}px`)
-    return;
-  if (height === 0) {
-    q2Message.classList.add('invisible');
-    messageContainer.style.removeProperty('height');
-  }
-  else {
-    q2Message.classList.remove('invisible');
-    messageContainer.style.setProperty('height', `${height}px`);
-  }
-}
-function setPopProperties(target) {
-  const { dropdownContainer, popDirection } = target;
-  if (dropdownContainer) {
-    dropdownContainer.style.maxHeight = null;
-  }
-  if (popDirection) {
-    return (target.privatePopDirection = popDirection);
-  }
-  const controlElement = target.inputField || target.controlElement;
-  const minPopHeight = target.minPopHeight || null;
-  // Add sizable so that we can capture the height
-  dropdownContainer.classList.add('sizable');
-  const dropdownHeight = dropdownContainer.getBoundingClientRect().height;
-  dropdownContainer.classList.remove('sizable');
-  const { top: topOffset, height } = controlElement.getBoundingClientRect();
-  const bottomOffset = window.innerHeight - topOffset - height;
-  const canShowFullSizeBelow = bottomOffset > dropdownHeight;
-  const canShowFullSizeAbove = dropdownHeight <= topOffset;
-  // Prefer full size above or below
-  if (canShowFullSizeBelow) {
-    return (target.privatePopDirection = 'down');
-  }
-  else if (canShowFullSizeAbove || !minPopHeight) {
-    return (target.privatePopDirection = 'up');
-  }
-  // If full size will not fit and minHeight is set, then make as tall as possible
-  const displayBuffer = 5;
-  const canShowSmallBelow = bottomOffset >= minPopHeight + displayBuffer;
-  if (canShowSmallBelow) {
-    const maxBelowHeight = Math.max(bottomOffset - displayBuffer, minPopHeight);
-    dropdownContainer.style.maxHeight = `${maxBelowHeight}px`;
-    return (target.privatePopDirection = 'down');
-  }
-  else {
-    const maxAboveHeight = Math.max(topOffset, minPopHeight);
-    dropdownContainer.style.maxHeight = `${maxAboveHeight}px`;
-    return (target.privatePopDirection = 'up');
-  }
-}
-
-export { setMessageHeight as a, labelDOM as b, createGuid as c, handleAriaLabel as h, loc as l, messagesDOM as m, setPopProperties as s };