@opentui/core 0.1.21 → 0.1.23

package/index.js

@@ -120,7 +120,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-8sac0sgm.js";
+} from "./index-a6ydv6yb.js";
 // src/post/filters.ts
 function applyScanlines(buffer, strength = 0.8, step = 2) {
   const width = buffer.width;
@@ -2077,7 +2077,7 @@ var InputRenderableEvents;
 })(InputRenderableEvents ||= {});
 
 class InputRenderable extends Renderable {
-  focusable = true;
+  _focusable = true;
   _value = "";
   _cursorPosition = 0;
   _placeholder;
@@ -2350,7 +2350,7 @@ var SelectRenderableEvents;
 })(SelectRenderableEvents ||= {});
 
 class SelectRenderable extends Renderable {
-  focusable = true;
+  _focusable = true;
   _options = [];
   selectedIndex = 0;
   scrollOffset = 0;
@@ -2686,7 +2686,7 @@ function calculateDynamicHeight(showUnderline, showDescription) {
 }
 
 class TabSelectRenderable extends Renderable {
-  focusable = true;
+  _focusable = true;
   _options = [];
   selectedIndex = 0;
   scrollOffset = 0;
@@ -3099,7 +3099,7 @@ class ScrollBarRenderable extends Renderable {
   startArrow;
   endArrow;
   orientation;
-  focusable = true;
+  _focusable = true;
   _scrollSize = 0;
   _scrollPosition = 0;
   _viewportSize = 0;
@@ -3431,7 +3431,7 @@ class ScrollBoxRenderable extends BoxRenderable {
   content;
   horizontalScrollBar;
   verticalScrollBar;
-  focusable = true;
+  _focusable = true;
   selectionListener;
   autoScrollMouseX = 0;
   autoScrollMouseY = 0;
@@ -3444,17 +3444,42 @@ class ScrollBoxRenderable extends BoxRenderable {
   cachedAutoScrollSpeed = 3;
   autoScrollAccumulatorX = 0;
   autoScrollAccumulatorY = 0;
+  _stickyScroll;
+  _stickyScrollTop = false;
+  _stickyScrollBottom = false;
+  _stickyScrollLeft = false;
+  _stickyScrollRight = false;
+  _stickyStart;
+  _hasManualScroll = false;
+  get stickyScroll() {
+    return this._stickyScroll;
+  }
+  set stickyScroll(value) {
+    this._stickyScroll = value;
+    this.updateStickyState();
+  }
+  get stickyStart() {
+    return this._stickyStart;
+  }
+  set stickyStart(value) {
+    this._stickyStart = value;
+    this.updateStickyState();
+  }
   get scrollTop() {
     return this.verticalScrollBar.scrollPosition;
   }
   set scrollTop(value) {
     this.verticalScrollBar.scrollPosition = value;
+    this._hasManualScroll = true;
+    this.updateStickyState();
   }
   get scrollLeft() {
     return this.horizontalScrollBar.scrollPosition;
   }
   set scrollLeft(value) {
     this.horizontalScrollBar.scrollPosition = value;
+    this._hasManualScroll = true;
+    this.updateStickyState();
   }
   get scrollWidth() {
     return this.horizontalScrollBar.scrollSize;
@@ -3462,6 +3487,56 @@ class ScrollBoxRenderable extends BoxRenderable {
   get scrollHeight() {
     return this.verticalScrollBar.scrollSize;
   }
+  updateStickyState() {
+    if (!this._stickyScroll)
+      return;
+    const maxScrollTop = Math.max(0, this.scrollHeight - this.viewport.height);
+    const maxScrollLeft = Math.max(0, this.scrollWidth - this.viewport.width);
+    if (this.scrollTop <= 0) {
+      this._stickyScrollTop = true;
+      this._stickyScrollBottom = false;
+    } else if (this.scrollTop >= maxScrollTop) {
+      this._stickyScrollTop = false;
+      this._stickyScrollBottom = true;
+    } else {
+      this._stickyScrollTop = false;
+      this._stickyScrollBottom = false;
+    }
+    if (this.scrollLeft <= 0) {
+      this._stickyScrollLeft = true;
+      this._stickyScrollRight = false;
+    } else if (this.scrollLeft >= maxScrollLeft) {
+      this._stickyScrollLeft = false;
+      this._stickyScrollRight = true;
+    } else {
+      this._stickyScrollLeft = false;
+      this._stickyScrollRight = false;
+    }
+  }
+  applyStickyStart(stickyStart) {
+    switch (stickyStart) {
+      case "top":
+        this._stickyScrollTop = true;
+        this._stickyScrollBottom = false;
+        this.verticalScrollBar.scrollPosition = 0;
+        break;
+      case "bottom":
+        this._stickyScrollTop = false;
+        this._stickyScrollBottom = true;
+        this.verticalScrollBar.scrollPosition = Math.max(0, this.scrollHeight - this.viewport.height);
+        break;
+      case "left":
+        this._stickyScrollLeft = true;
+        this._stickyScrollRight = false;
+        this.horizontalScrollBar.scrollPosition = 0;
+        break;
+      case "right":
+        this._stickyScrollLeft = false;
+        this._stickyScrollRight = true;
+        this.horizontalScrollBar.scrollPosition = Math.max(0, this.scrollWidth - this.viewport.width);
+        break;
+    }
+  }
   constructor(ctx, {
     wrapperOptions,
     viewportOptions,
@@ -3470,6 +3545,8 @@ class ScrollBoxRenderable extends BoxRenderable {
     scrollbarOptions,
     verticalScrollbarOptions,
     horizontalScrollbarOptions,
+    stickyScroll = false,
+    stickyStart,
     ...options
   }) {
     super(ctx, {
@@ -3482,6 +3559,8 @@ class ScrollBoxRenderable extends BoxRenderable {
       ...rootOptions
     });
     this.internalId = ScrollBoxRenderable.idCounter++;
+    this._stickyScroll = stickyScroll;
+    this._stickyStart = stickyStart;
     this.wrapper = new BoxRenderable(ctx, {
       flexDirection: "column",
       flexGrow: 1,
@@ -3548,6 +3627,9 @@ class ScrollBoxRenderable extends BoxRenderable {
     });
     this.wrapper.add(this.horizontalScrollBar);
     this.recalculateBarProps();
+    if (stickyStart && stickyScroll) {
+      this.applyStickyStart(stickyStart);
+    }
     this.selectionListener = () => {
       const selection = this._ctx.getSelection();
       if (!selection || !selection.isSelecting) {
@@ -3566,6 +3648,7 @@ class ScrollBoxRenderable extends BoxRenderable {
       this.verticalScrollBar.scrollBy(delta.y, unit);
       this.horizontalScrollBar.scrollBy(delta.x, unit);
     }
+    this._hasManualScroll = true;
   }
   scrollTo(position) {
     if (typeof position === "number") {
@@ -3597,6 +3680,7 @@ class ScrollBoxRenderable extends BoxRenderable {
         this.scrollLeft -= event.scroll?.delta ?? 0;
       else if (dir === "right")
         this.scrollLeft += event.scroll?.delta ?? 0;
+      this._hasManualScroll = true;
     }
     if (event.type === "drag" && event.isSelecting) {
       this.updateAutoScroll(event.x, event.y);
@@ -3722,6 +3806,24 @@ class ScrollBoxRenderable extends BoxRenderable {
     this.verticalScrollBar.viewportSize = this.viewport.height;
     this.horizontalScrollBar.scrollSize = this.content.width;
     this.horizontalScrollBar.viewportSize = this.viewport.width;
+    if (this._stickyScroll) {
+      const newMaxScrollTop = Math.max(0, this.scrollHeight - this.viewport.height);
+      const newMaxScrollLeft = Math.max(0, this.scrollWidth - this.viewport.width);
+      if (this._stickyStart && !this._hasManualScroll) {
+        this.applyStickyStart(this._stickyStart);
+      } else {
+        if (this._stickyScrollTop) {
+          this.scrollTop = 0;
+        } else if (this._stickyScrollBottom && newMaxScrollTop > 0) {
+          this.scrollTop = newMaxScrollTop;
+        }
+        if (this._stickyScrollLeft) {
+          this.scrollLeft = 0;
+        } else if (this._stickyScrollRight && newMaxScrollLeft > 0) {
+          this.scrollLeft = newMaxScrollLeft;
+        }
+      }
+    }
   }
   set rootOptions(options) {
     Object.assign(this, options);
@@ -3989,5 +4091,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=8F19C97D909538BC64756E2164756E21
+//# debugId=E4AC186230704DBA64756E2164756E21
 //# sourceMappingURL=index.js.map