@brickclay-org/ui 0.1.48 → 0.1.49

package/fesm2022/brickclay-org-ui.mjs

@@ -543,8 +543,8 @@ class BkCustomCalendar {
     customRangeDirection = false;
     lockStartDate = false;
     position = 'left';
-    /** Vertical placement relative to the input. Takes precedence over {@link drop} for default bottom placement. */
-    popupPosition = 'bottom';
+    /** Vertical placement relative to the input. When explicitly set, overrides viewport-space detection entirely. */
+    popupPosition;
     drop = 'down';
     dualCalendar = false;
     showRanges = true;
@@ -683,9 +683,9 @@ class BkCustomCalendar {
         this.onTouched();
         this.closed.emit();
     }
-    /** User preference before viewport adjustment (legacy `drop` still applies when `popupPosition` is `bottom`). */
+    /** User preference before viewport adjustment (only used when popupPosition is not explicitly set). */
     preferPopupAbove() {
-        return this.popupPosition === 'top' || (this.popupPosition === 'bottom' && this.drop === 'up');
+        return this.drop === 'up';
     }
     resolveCustomRangesFromInputsOrService() {
         const svc = this.calendarManager.getCustomRanges();
@@ -1116,6 +1116,12 @@ class BkCustomCalendar {
         this.popupPlacementAbove = this.computePlacementAbove(rect, popupH);
     }
     computePlacementAbove(rect, popupHeight) {
+        // If the consumer explicitly set popupPosition, honour it — no space-check override.
+        if (this.popupPosition === 'top')
+            return true;
+        if (this.popupPosition === 'bottom')
+            return false;
+        // No explicit value → auto-detect based on available viewport space.
         const gap = 12;
         const spaceBelow = window.innerHeight - rect.bottom - gap;
         const spaceAbove = rect.top - gap;