@libs-ui/components-inputs-input 0.2.357-0 → 0.2.357-10

package/README.md

@@ -283,6 +283,23 @@ async handlerSelectAll(): Promise<void> {
 
 ---
 
+### IFrame Textarea Cơ Bản
+
+```html
+<libs_ui-components-inputs-input
+  [tagInput]="'iframe-textarea'"
+  [(value)]="iframeBasicValue"
+  [defaultHeight]="80"
+  [maxHeightTextArea]="300"
+  [placeholder]="'Nhập nội dung...'" />
+```
+
+```typescript
+protected iframeBasicValue = signal('');
+```
+
+---
+
 ### IFrame Textarea với Custom Style
 
 ```html
@@ -322,6 +339,46 @@ handlerIframeFunctionsControl(control: IInputFunctionControlEvent): void {
 
 ---
 
+### IFrame Textarea với FunctionsControl (Focus/Insert/Reset)
+
+```html
+<libs_ui-components-inputs-input
+  [tagInput]="'iframe-textarea'"
+  [(value)]="iframeControlValue"
+  [defaultHeight]="80"
+  (outFunctionsControl)="handlerIframeControl($event)" />
+
+<button (click)="handlerFocusIframe()">Focus</button>
+<button (click)="handlerInsertIframeText()">Insert "Hello World"</button>
+<button (click)="handlerResetIframe()">Reset</button>
+```
+
+```typescript
+import { signal } from '@angular/core';
+import { IInputFunctionControlEvent } from '@libs-ui/components-inputs-input';
+
+protected iframeControlValue = signal('');
+private iframeFunctionControl = signal<IInputFunctionControlEvent | null>(null);
+
+handlerIframeControl(control: IInputFunctionControlEvent): void {
+  this.iframeFunctionControl.set(control);
+}
+
+async handlerFocusIframe(): Promise<void> {
+  await this.iframeFunctionControl()?.focus();
+}
+
+async handlerInsertIframeText(): Promise<void> {
+  await this.iframeFunctionControl()?.insertContent('Hello World');
+}
+
+async handlerResetIframe(): Promise<void> {
+  await this.iframeFunctionControl()?.resetValue();
+}
+```
+
+---
+
 ### Number Input với Nút Up/Down
 
 ```html
@@ -569,11 +626,3 @@ interface IIframeTextareaCustomStyle {
 ⚠️ **textAreaEnterNotNewLine với Shift+Enter**: Khi `[textAreaEnterNotNewLine]="true"`, nhấn `Enter` không xuống dòng và emit `outEnterEvent`. Dùng `Shift+Enter` để xuống dòng bình thường.
 
 ⚠️ **emitEmptyInDataTypeNumber**: Mặc định khi xóa hết giá trị number, component emit `0`. Bật `[emitEmptyInDataTypeNumber]="true"` để emit `undefined` thay vì `0`.
-
-## Demo
-
-```bash
-npx nx serve core-ui
-```
-
-Truy cập: `http://localhost:4500/inputs/input`