@opentui/core 0.1.41 → 0.1.43

package/index.js

@@ -136,7 +136,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-kj9k00yt.js";
+} from "./index-23t1sg60.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -2022,17 +2022,27 @@ class FrameBufferRenderable extends Renderable {
 // src/renderables/ASCIIFont.ts
 class ASCIIFontRenderable extends FrameBufferRenderable {
   selectable = true;
+  static _defaultOptions = {
+    text: "",
+    font: "tiny",
+    color: "#FFFFFF",
+    backgroundColor: "transparent",
+    selectionBg: undefined,
+    selectionFg: undefined,
+    selectable: true
+  };
   _text;
   _font;
-  _fg;
-  _bg;
+  _color;
+  _backgroundColor;
   _selectionBg;
   _selectionFg;
   lastLocalSelection = null;
   selectionHelper;
   constructor(ctx, options) {
-    const font = options.font || "tiny";
-    const text = options.text || "";
+    const defaultOptions = ASCIIFontRenderable._defaultOptions;
+    const font = options.font || defaultOptions.font;
+    const text = options.text || defaultOptions.text;
     const measurements = measureText({ text, font });
     super(ctx, {
       flexShrink: 0,
@@ -2043,8 +2053,8 @@ class ASCIIFontRenderable extends FrameBufferRenderable {
     });
     this._text = text;
     this._font = font;
-    this._fg = Array.isArray(options.fg) ? options.fg : [options.fg || RGBA.fromInts(255, 255, 255, 255)];
-    this._bg = options.bg || RGBA.fromValues(0, 0, 0, 0);
+    this._color = options.color || defaultOptions.color;
+    this._backgroundColor = options.backgroundColor || defaultOptions.backgroundColor;
     this._selectionBg = options.selectionBg ? parseColor(options.selectionBg) : undefined;
     this._selectionFg = options.selectionFg ? parseColor(options.selectionFg) : undefined;
     this.selectable = options.selectable ?? true;
@@ -2075,23 +2085,19 @@ class ASCIIFontRenderable extends FrameBufferRenderable {
     this.renderFontToBuffer();
     this.requestRender();
   }
-  get fg() {
-    return this._fg;
+  get color() {
+    return this._color;
   }
-  set fg(value) {
-    if (Array.isArray(value)) {
-      this._fg = value.map((color) => typeof color === "string" ? parseColor(color) : color);
-    } else {
-      this._fg = [typeof value === "string" ? parseColor(value) : value];
-    }
+  set color(value) {
+    this._color = value;
     this.renderFontToBuffer();
     this.requestRender();
   }
-  get bg() {
-    return this._bg;
+  get backgroundColor() {
+    return this._backgroundColor;
   }
-  set bg(value) {
-    this._bg = typeof value === "string" ? parseColor(value) : value;
+  set backgroundColor(value) {
+    this._backgroundColor = value;
     this.renderFontToBuffer();
     this.requestRender();
   }
@@ -2131,13 +2137,13 @@ class ASCIIFontRenderable extends FrameBufferRenderable {
   renderFontToBuffer() {
     if (this.isDestroyed)
       return;
-    this.frameBuffer.clear(this._bg);
+    this.frameBuffer.clear(parseColor(this._backgroundColor));
     renderFontToFrameBuffer(this.frameBuffer, {
       text: this._text,
       x: 0,
       y: 0,
-      fg: this._fg,
-      bg: this._bg,
+      color: this.color,
+      backgroundColor: this._backgroundColor,
       font: this._font
     });
     const selection = this.selectionHelper.getSelection();
@@ -2155,15 +2161,15 @@ class ASCIIFontRenderable extends FrameBufferRenderable {
     const startX = positions[selection.start] || 0;
     const endX = selection.end < positions.length ? positions[selection.end] : measureText({ text: this._text, font: this._font }).width;
     if (this._selectionBg) {
-      this.frameBuffer.fillRect(startX, 0, endX - startX, this.height, this._selectionBg);
+      this.frameBuffer.fillRect(startX, 0, endX - startX, this.height, parseColor(this._selectionBg));
     }
     if (this._selectionFg || this._selectionBg) {
       renderFontToFrameBuffer(this.frameBuffer, {
         text: selectedText,
         x: startX,
         y: 0,
-        fg: this._selectionFg ? [this._selectionFg] : this._fg,
-        bg: this._selectionBg || this._bg,
+        color: this._selectionFg ? this._selectionFg : this._color,
+        backgroundColor: this._selectionBg ? this._selectionBg : this._backgroundColor,
         font: this._font
       });
     }
@@ -4699,8 +4705,8 @@ class SelectRenderable extends Renderable {
           text: option.name,
           x: contentX + 1 + indicatorWidth,
           y: itemY,
-          fg: nameColor,
-          bg: isSelected ? this._selectedBackgroundColor : bgColor,
+          color: nameColor,
+          backgroundColor: isSelected ? this._selectedBackgroundColor : bgColor,
           font: this._font
         });
         descX = contentX + 1 + indicatorWidth;
@@ -6417,5 +6423,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=1245366BCDEC541D64756E2164756E21
+//# debugId=B9B7175D268B0B9C64756E2164756E21
 //# sourceMappingURL=index.js.map