@opentui/core 0.1.21 → 0.1.23

package/3d.js

@@ -5,7 +5,7 @@ import {
   __export,
   __require,
   __toESM
-} from "./index-8sac0sgm.js";
+} from "./index-a6ydv6yb.js";
 
 // ../../node_modules/omggif/omggif.js
 var require_omggif = __commonJS((exports) => {

package/Renderable.d.ts

@@ -125,7 +125,7 @@ export declare abstract class Renderable extends BaseRenderable {
     selectable: boolean;
     protected buffered: boolean;
     protected frameBuffer: OptimizedBuffer | null;
-    protected focusable: boolean;
+    protected _focusable: boolean;
     protected _focused: boolean;
     protected keyHandler: KeyHandler;
     protected keypressHandler: ((key: ParsedKey) => void) | null;
@@ -149,6 +149,7 @@ export declare abstract class Renderable extends BaseRenderable {
     renderBefore?: (this: Renderable, buffer: OptimizedBuffer, deltaTime: number) => void;
     renderAfter?: (this: Renderable, buffer: OptimizedBuffer, deltaTime: number) => void;
     constructor(ctx: RenderContext, options: RenderableOptions<any>);
+    get focusable(): boolean;
     get ctx(): RenderContext;
     get visible(): boolean;
     get primaryAxis(): "row" | "column";
@@ -228,6 +229,7 @@ export declare abstract class Renderable extends BaseRenderable {
     protected createFrameBuffer(): void;
     protected onResize(width: number, height: number): void;
     private replaceParent;
+    private _forceLayoutUpdateFor;
     add(obj: Renderable | VNode<any, any[]> | unknown, index?: number): number;
     insertBefore(obj: Renderable | VNode<any, any[]> | unknown, anchor?: Renderable | unknown): number;
     getRenderable(id: string): Renderable | undefined;

package/{index-8sac0sgm.js → index-a6ydv6yb.js}

@@ -5912,7 +5912,7 @@ class Renderable extends BaseRenderable {
   selectable = false;
   buffered;
   frameBuffer = null;
-  focusable = false;
+  _focusable = false;
   _focused = false;
   keyHandler = getKeyHandler();
   keypressHandler = null;
@@ -5963,6 +5963,9 @@ class Renderable extends BaseRenderable {
       this.createFrameBuffer();
     }
   }
+  get focusable() {
+    return this._focusable;
+  }
   get ctx() {
     return this._ctx;
   }
@@ -6004,8 +6007,9 @@ class Renderable extends BaseRenderable {
     return false;
   }
   focus() {
-    if (this._focused || !this.focusable)
+    if (this._focused || !this._focusable)
       return;
+    this._ctx.focusRenderable(this);
     this._focused = true;
     this.requestRender();
     this.keypressHandler = (key) => {
@@ -6018,7 +6022,7 @@ class Renderable extends BaseRenderable {
     this.emit("focused" /* FOCUSED */);
   }
   blur() {
-    if (!this._focused || !this.focusable)
+    if (!this._focused || !this._focusable)
       return;
     this._focused = false;
     this.requestRender();
@@ -6545,6 +6549,7 @@ class Renderable extends BaseRenderable {
     }
     obj.parent = this;
   }
+  _forceLayoutUpdateFor = null;
   add(obj, index) {
     if (!obj) {
       return -1;
@@ -6568,6 +6573,7 @@ class Renderable extends BaseRenderable {
     let insertedIndex;
     if (index !== undefined) {
       this.renderableArray.splice(index, 0, renderable);
+      this._forceLayoutUpdateFor = this.renderableArray.slice(index);
       insertedIndex = this.layoutNode.insertChild(childLayoutNode, index);
     } else {
       this.renderableArray.push(renderable);
@@ -6652,6 +6658,12 @@ class Renderable extends BaseRenderable {
       }
       this._newChildren = [];
     }
+    if (this._forceLayoutUpdateFor) {
+      for (const child of this._forceLayoutUpdateFor) {
+        child.updateFromLayout();
+      }
+      this._forceLayoutUpdateFor = null;
+    }
     this.ensureZIndexSorted();
     const shouldPushScissor = this._overflow !== "visible" && this.width > 0 && this.height > 0;
     if (shouldPushScissor) {
@@ -7996,6 +8008,7 @@ class CliRenderer extends EventEmitter6 {
   sigwinchHandler = null;
   _capabilities = null;
   _latestPointer = { x: 0, y: 0 };
+  _currentFocusedRenderable = null;
   constructor(lib, rendererPtr, stdin, stdout, width, height, config = {}) {
     super();
     this.stdin = stdin;
@@ -8107,6 +8120,17 @@ Error details:
       };
     }
   }
+  get currentFocusedRenderable() {
+    return this._currentFocusedRenderable;
+  }
+  focusRenderable(renderable) {
+    if (this._currentFocusedRenderable === renderable)
+      return;
+    if (this._currentFocusedRenderable) {
+      this._currentFocusedRenderable.blur();
+    }
+    this._currentFocusedRenderable = renderable;
+  }
   addToHitGrid(x, y, width, height, id) {
     if (id !== this.capturedRenderable?.num) {
       this.lib.addToHitGrid(this.rendererPtr, x, y, width, height, id);
@@ -8889,5 +8913,5 @@ Error details:
 
 export { __toESM, __commonJS, __export, __require, Edge, Gutter, MeasureMode, BorderChars, getBorderFromSides, getBorderSides, borderCharsToArray, BorderCharArrays, TrackedNode, createTrackedNode, nonAlphanumericKeys, parseKeypress, KeyHandler, getKeyHandler, RGBA, hexToRgb, rgbToHex, hsvToRgb, parseColor, fonts, measureText, getCharacterPositions, coordinateToCharacterIndex, renderFontToFrameBuffer, TextAttributes, DebugOverlayCorner, createTextAttributes, isStyledText, StyledText, stringToStyledText, black, red, green, yellow, blue, magenta, cyan, white, brightBlack, brightRed, brightGreen, brightYellow, brightBlue, brightMagenta, brightCyan, brightWhite, bgBlack, bgRed, bgGreen, bgYellow, bgBlue, bgMagenta, bgCyan, bgWhite, bold, italic, underline, strikethrough, dim, reverse, blink, fg, bg, t, SyntaxStyle, hastToStyledText, parseAlign, parseBoxSizing, parseDimension, parseDirection, parseDisplay, parseEdge, parseFlexDirection, parseGutter, parseJustify, parseLogLevel, parseMeasureMode, parseOverflow, parsePositionType, parseUnit, parseWrap, MouseParser, Selection, convertGlobalToLocalSelection, ASCIIFontSelectionHelper, TextBuffer, LogLevel2 as LogLevel, setRenderLibPath, resolveRenderLib, OptimizedBuffer, h, isVNode, maybeMakeRenderable, wrapWithDelegates, instantiate, delegate, LayoutEvents, RenderableEvents, isValidPercentage, isMarginType, isPaddingType, isPositionType, isPositionTypeType, isOverflowType, isDimensionType, isFlexBasisType, isSizeType, isRenderable, BaseRenderable, Renderable, RootRenderable, capture, ConsolePosition, TerminalConsole, getObjectsInViewport, MouseEvent, MouseButton, createCliRenderer, CliRenderEvents, CliRenderer };
 
-//# debugId=C46E0EF37C964E9E64756E2164756E21
-//# sourceMappingURL=index-8sac0sgm.js.map
+//# debugId=22DC4532C30EE05864756E2164756E21
+//# sourceMappingURL=index-a6ydv6yb.js.map