@opentui/core 0.1.9 → 0.1.10

package/index.js

@@ -9556,19 +9556,28 @@ class BoxRenderable extends Renderable {
   shouldFill;
   _title;
   _titleAlignment;
+  _defaultOptions = {
+    backgroundColor: "transparent",
+    borderStyle: "single",
+    border: false,
+    borderColor: "#FFFFFF",
+    shouldFill: true,
+    titleAlignment: "left",
+    focusedBorderColor: "#00AAFF"
+  };
   constructor(id, options) {
     super(id, options);
-    this._backgroundColor = parseColor(options.backgroundColor || "transparent");
-    this._border = options.border ?? true;
-    this._borderStyle = options.borderStyle || "single";
-    this._borderColor = parseColor(options.borderColor || "#FFFFFF");
-    this._focusedBorderColor = parseColor(options.focusedBorderColor || "#00AAFF");
+    this._backgroundColor = parseColor(options.backgroundColor || this._defaultOptions.backgroundColor);
+    this._border = options.border ?? this._defaultOptions.border;
+    this._borderStyle = options.borderStyle || this._defaultOptions.borderStyle;
+    this._borderColor = parseColor(options.borderColor || this._defaultOptions.borderColor);
+    this._focusedBorderColor = parseColor(options.focusedBorderColor || this._defaultOptions.focusedBorderColor);
     this._customBorderCharsObj = options.customBorderChars;
     this._customBorderChars = this._customBorderCharsObj ? borderCharsToArray(this._customBorderCharsObj) : undefined;
     this.borderSides = getBorderSides(this._border);
-    this.shouldFill = options.shouldFill ?? true;
+    this.shouldFill = options.shouldFill ?? this._defaultOptions.shouldFill;
     this._title = options.title;
-    this._titleAlignment = options.titleAlignment || "left";
+    this._titleAlignment = options.titleAlignment || this._defaultOptions.titleAlignment;
     this.applyYogaBorders();
   }
   get customBorderChars() {
@@ -9583,12 +9592,10 @@ class BoxRenderable extends Renderable {
     return this._backgroundColor;
   }
   set backgroundColor(value) {
-    if (value) {
-      const newColor = parseColor(value);
-      if (this._backgroundColor !== newColor) {
-        this._backgroundColor = newColor;
-        this.needsUpdate();
-      }
+    const newColor = parseColor(value ?? this._defaultOptions.backgroundColor);
+    if (this._backgroundColor !== newColor) {
+      this._backgroundColor = newColor;
+      this.needsUpdate();
     }
   }
   get border() {
@@ -9606,8 +9613,9 @@ class BoxRenderable extends Renderable {
     return this._borderStyle;
   }
   set borderStyle(value) {
-    if (this._borderStyle !== value) {
-      this._borderStyle = value;
+    let _value = value ?? this._defaultOptions.borderStyle;
+    if (this._borderStyle !== _value) {
+      this._borderStyle = _value;
       this._customBorderChars = undefined;
       this.needsUpdate();
     }
@@ -9616,7 +9624,7 @@ class BoxRenderable extends Renderable {
     return this._borderColor;
   }
   set borderColor(value) {
-    const newColor = parseColor(value);
+    const newColor = parseColor(value ?? this._defaultOptions.borderColor);
     if (this._borderColor !== newColor) {
       this._borderColor = newColor;
       this.needsUpdate();
@@ -9626,7 +9634,7 @@ class BoxRenderable extends Renderable {
     return this._focusedBorderColor;
   }
   set focusedBorderColor(value) {
-    const newColor = parseColor(value);
+    const newColor = parseColor(value ?? this._defaultOptions.focusedBorderColor);
     if (this._focusedBorderColor !== newColor) {
       this._focusedBorderColor = newColor;
       if (this._focused) {
@@ -10037,19 +10045,30 @@ class InputRenderable extends Renderable {
   _cursorColor;
   _maxLength;
   _lastCommittedValue = "";
+  _defaultOptions = {
+    backgroundColor: "transparent",
+    textColor: "#FFFFFF",
+    focusedBackgroundColor: "#1a1a1a",
+    focusedTextColor: "#FFFFFF",
+    placeholder: "",
+    placeholderColor: "#666666",
+    cursorColor: "#FFFFFF",
+    maxLength: 1000,
+    value: ""
+  };
   constructor(id, options) {
     super(id, { ...options, buffered: true });
-    this._backgroundColor = parseColor(options.backgroundColor || "transparent");
-    this._textColor = parseColor(options.textColor || "#FFFFFF");
-    this._focusedBackgroundColor = parseColor(options.focusedBackgroundColor || options.backgroundColor || "#1a1a1a");
-    this._focusedTextColor = parseColor(options.focusedTextColor || options.textColor || "#FFFFFF");
-    this._placeholder = options.placeholder || "";
-    this._value = options.value || "";
+    this._backgroundColor = parseColor(options.backgroundColor || this._defaultOptions.backgroundColor);
+    this._textColor = parseColor(options.textColor || this._defaultOptions.textColor);
+    this._focusedBackgroundColor = parseColor(options.focusedBackgroundColor || options.backgroundColor || this._defaultOptions.focusedBackgroundColor);
+    this._focusedTextColor = parseColor(options.focusedTextColor || options.textColor || this._defaultOptions.focusedTextColor);
+    this._placeholder = options.placeholder || this._defaultOptions.placeholder;
+    this._value = options.value || this._defaultOptions.value;
     this._lastCommittedValue = this._value;
     this._cursorPosition = this._value.length;
-    this._maxLength = options.maxLength || 1000;
-    this._placeholderColor = parseColor(options.placeholderColor || "#666666");
-    this._cursorColor = parseColor(options.cursorColor || "#FFFFFF");
+    this._maxLength = options.maxLength || this._defaultOptions.maxLength;
+    this._placeholderColor = parseColor(options.placeholderColor || this._defaultOptions.placeholderColor);
+    this._cursorColor = parseColor(options.cursorColor || this._defaultOptions.cursorColor);
   }
   updateCursorPosition() {
     if (!this._focused)
@@ -10219,29 +10238,47 @@ class InputRenderable extends Renderable {
       this.needsUpdate();
     }
   }
-  set backgroundColor(color) {
-    this._backgroundColor = parseColor(color);
-    this.needsUpdate();
+  set backgroundColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.backgroundColor);
+    if (this._backgroundColor !== newColor) {
+      this._backgroundColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set textColor(color) {
-    this._textColor = parseColor(color);
-    this.needsUpdate();
+  set textColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.textColor);
+    if (this._textColor !== newColor) {
+      this._textColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set focusedBackgroundColor(color) {
-    this._focusedBackgroundColor = parseColor(color);
-    this.needsUpdate();
+  set focusedBackgroundColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.focusedBackgroundColor);
+    if (this._focusedBackgroundColor !== newColor) {
+      this._focusedBackgroundColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set focusedTextColor(color) {
-    this._focusedTextColor = parseColor(color);
-    this.needsUpdate();
+  set focusedTextColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.focusedTextColor);
+    if (this._focusedTextColor !== newColor) {
+      this._focusedTextColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set placeholderColor(color) {
-    this._placeholderColor = parseColor(color);
-    this.needsUpdate();
+  set placeholderColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.placeholderColor);
+    if (this._placeholderColor !== newColor) {
+      this._placeholderColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set cursorColor(color) {
-    this._cursorColor = parseColor(color);
-    this.needsUpdate();
+  set cursorColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.cursorColor);
+    if (this._cursorColor !== newColor) {
+      this._cursorColor = newColor;
+      this.needsUpdate();
+    }
   }
   updateFromLayout() {
     super.updateFromLayout();
@@ -10287,27 +10324,42 @@ class SelectRenderable extends Renderable {
   linesPerItem;
   fontHeight;
   _fastScrollStep;
+  _defaultOptions = {
+    backgroundColor: "transparent",
+    textColor: "#FFFFFF",
+    focusedBackgroundColor: "#1a1a1a",
+    focusedTextColor: "#FFFFFF",
+    selectedBackgroundColor: "#334455",
+    selectedTextColor: "#FFFF00",
+    descriptionColor: "#888888",
+    selectedDescriptionColor: "#CCCCCC",
+    showScrollIndicator: false,
+    wrapSelection: false,
+    showDescription: true,
+    itemSpacing: 0,
+    fastScrollStep: 5
+  };
   constructor(id, options) {
     super(id, { ...options, buffered: true });
-    this._backgroundColor = parseColor(options.backgroundColor || "transparent");
-    this._textColor = parseColor(options.textColor || "#FFFFFF");
-    this._focusedBackgroundColor = parseColor(options.focusedBackgroundColor || options.backgroundColor || "#1a1a1a");
-    this._focusedTextColor = parseColor(options.focusedTextColor || options.textColor || "#FFFFFF");
+    this._backgroundColor = parseColor(options.backgroundColor || this._defaultOptions.backgroundColor);
+    this._textColor = parseColor(options.textColor || this._defaultOptions.textColor);
+    this._focusedBackgroundColor = parseColor(options.focusedBackgroundColor || this._defaultOptions.focusedBackgroundColor);
+    this._focusedTextColor = parseColor(options.focusedTextColor || this._defaultOptions.focusedTextColor);
     this._options = options.options || [];
-    this._showScrollIndicator = options.showScrollIndicator ?? false;
-    this._wrapSelection = options.wrapSelection ?? false;
-    this._showDescription = options.showDescription ?? true;
+    this._showScrollIndicator = options.showScrollIndicator ?? this._defaultOptions.showScrollIndicator;
+    this._wrapSelection = options.wrapSelection ?? this._defaultOptions.wrapSelection;
+    this._showDescription = options.showDescription ?? this._defaultOptions.showDescription;
     this._font = options.font;
-    this._itemSpacing = options.itemSpacing || 0;
+    this._itemSpacing = options.itemSpacing || this._defaultOptions.itemSpacing;
     this.fontHeight = this._font ? measureText({ text: "A", font: this._font }).height : 1;
     this.linesPerItem = this._showDescription ? this._font ? this.fontHeight + 1 : 2 : this._font ? this.fontHeight : 1;
     this.linesPerItem += this._itemSpacing;
     this.maxVisibleItems = Math.max(1, Math.floor(this.height / this.linesPerItem));
-    this._selectedBackgroundColor = parseColor(options.selectedBackgroundColor || "#334455");
-    this._selectedTextColor = parseColor(options.selectedTextColor || "#FFFF00");
-    this._descriptionColor = parseColor(options.descriptionColor || "#888888");
-    this._selectedDescriptionColor = parseColor(options.selectedDescriptionColor || "#CCCCCC");
-    this._fastScrollStep = options.fastScrollStep || 5;
+    this._selectedBackgroundColor = parseColor(options.selectedBackgroundColor || this._defaultOptions.selectedBackgroundColor);
+    this._selectedTextColor = parseColor(options.selectedTextColor || this._defaultOptions.selectedTextColor);
+    this._descriptionColor = parseColor(options.descriptionColor || this._defaultOptions.descriptionColor);
+    this._selectedDescriptionColor = parseColor(options.selectedDescriptionColor || this._defaultOptions.selectedDescriptionColor);
+    this._fastScrollStep = options.fastScrollStep || this._defaultOptions.fastScrollStep;
     this.needsUpdate();
   }
   renderSelf(buffer, deltaTime) {
@@ -10492,37 +10544,61 @@ class SelectRenderable extends Renderable {
   set wrapSelection(wrap) {
     this._wrapSelection = wrap;
   }
-  set backgroundColor(color) {
-    this._backgroundColor = parseColor(color);
-    this.needsUpdate();
+  set backgroundColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.backgroundColor);
+    if (this._backgroundColor !== newColor) {
+      this._backgroundColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set textColor(color) {
-    this._textColor = parseColor(color);
-    this.needsUpdate();
+  set textColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.textColor);
+    if (this._textColor !== newColor) {
+      this._textColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set focusedBackgroundColor(color) {
-    this._focusedBackgroundColor = parseColor(color);
-    this.needsUpdate();
+  set focusedBackgroundColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.focusedBackgroundColor);
+    if (this._focusedBackgroundColor !== newColor) {
+      this._focusedBackgroundColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set focusedTextColor(color) {
-    this._focusedTextColor = parseColor(color);
-    this.needsUpdate();
+  set focusedTextColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.focusedTextColor);
+    if (this._focusedTextColor !== newColor) {
+      this._focusedTextColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set selectedBackgroundColor(color) {
-    this._selectedBackgroundColor = parseColor(color);
-    this.needsUpdate();
+  set selectedBackgroundColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.selectedBackgroundColor);
+    if (this._selectedBackgroundColor !== newColor) {
+      this._selectedBackgroundColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set selectedTextColor(color) {
-    this._selectedTextColor = parseColor(color);
-    this.needsUpdate();
+  set selectedTextColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.selectedTextColor);
+    if (this._selectedTextColor !== newColor) {
+      this._selectedTextColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set descriptionColor(color) {
-    this._descriptionColor = parseColor(color);
-    this.needsUpdate();
+  set descriptionColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.descriptionColor);
+    if (this._descriptionColor !== newColor) {
+      this._descriptionColor = newColor;
+      this.needsUpdate();
+    }
   }
-  set selectedDescriptionColor(color) {
-    this._selectedDescriptionColor = parseColor(color);
-    this.needsUpdate();
+  set selectedDescriptionColor(value) {
+    const newColor = parseColor(value ?? this._defaultOptions.selectedDescriptionColor);
+    if (this._selectedDescriptionColor !== newColor) {
+      this._selectedDescriptionColor = newColor;
+      this.needsUpdate();
+    }
   }
   set font(font) {
     this._font = font;
@@ -10981,5 +11057,5 @@ export {
   ASCIIFontRenderable
 };
 export { __toESM, __commonJS, __export, __require };
-//# debugId=173A228A48201A5364756E2164756E21
+//# debugId=63F280D9D38C7F3F64756E2164756E21
 //# sourceMappingURL=index.js.map