@basis-ng/primitives 0.0.1-alpha.53 → 0.0.1-alpha.55

package/core/components/textarea/textarea.component.d.ts

@@ -1,48 +1,9 @@
-import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TextareaComponent {
     /**
-     * The placeholder text for the textarea.
+     * The size of the input.
      */
-    readonly placeholder: import("@angular/core").InputSignal<string>;
-    /**
-     * The value of the textarea.
-     */
-    readonly value: import("@angular/core").WritableSignal<string | null>;
-    /**
-     * The number of rows for the textarea.
-     */
-    readonly rows: import("@angular/core").InputSignal<number>;
-    /**
-     * The number of columns for the textarea.
-     */
-    readonly cols: import("@angular/core").InputSignal<number>;
-    /**
-     * Whether the textarea is invalid.
-     */
-    readonly invalid: import("@angular/core").ModelSignal<boolean>;
-    /**
-     * Whether the textarea is disabled.
-     */
-    readonly disabled: import("@angular/core").ModelSignal<boolean>;
-    /**
-     * Whether the textarea is focused.
-     * This will be used by the Label component.
-     */
-    readonly focused: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * Event emitted when the value changes.
-     */
-    valueChange: import("@angular/core").OutputEmitterRef<string | null>;
-    /**
-     * Reference to the textarea element.
-     */
-    readonly el: ElementRef<HTMLTextAreaElement>;
-    /**
-     * Handles the input event.
-     * @param event The input event.
-     */
-    onInput(event: Event): void;
+    readonly size: import("@angular/core").InputSignal<"1" | "2" | "3">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "textarea[b-textarea]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "invalid": "invalidChange"; "disabled": "disabledChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "textarea[b-textarea]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/fesm2022/basis-ng-primitives.mjs

@@ -1526,53 +1526,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
 
 class TextareaComponent {
     /**
-     * The placeholder text for the textarea.
-     */
-    placeholder = input('');
-    /**
-     * The value of the textarea.
-     */
-    value = signal(null);
-    /**
-     * The number of rows for the textarea.
-     */
-    rows = input(3);
-    /**
-     * The number of columns for the textarea.
-     */
-    cols = input(30);
-    /**
-     * Whether the textarea is invalid.
-     */
-    invalid = model(false);
-    /**
-     * Whether the textarea is disabled.
-     */
-    disabled = model(false);
-    /**
-     * Whether the textarea is focused.
-     * This will be used by the Label component.
-     */
-    focused = signal(false);
-    /**
-     * Event emitted when the value changes.
-     */
-    valueChange = output();
-    /**
-     * Reference to the textarea element.
-     */
-    el = inject(ElementRef);
-    /**
-     * Handles the input event.
-     * @param event The input event.
+     * The size of the input.
      */
-    onInput(event) {
-        const target = event.target;
-        this.value.set(target.value);
-        this.valueChange.emit(target.value);
-    }
+    size = input('2');
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: TextareaComponent, isStandalone: true, selector: "textarea[b-textarea]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { invalid: "invalidChange", disabled: "disabledChange", valueChange: "valueChange" }, host: { listeners: { "input": "onInput($event)", "focus": "focused.set(true)", "blur": "focused.set(false)" }, properties: { "placeholder": "placeholder() || \"\"", "rows": "rows()", "cols": "cols()", "class.ng-invalid": "invalid()", "class.disabled": "disabled()" } }, ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", type: TextareaComponent, isStandalone: true, selector: "textarea[b-textarea]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": " \"size-\" + size() " } }, ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TextareaComponent, decorators: [{
             type: Component,
@@ -1580,14 +1538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                     selector: 'textarea[b-textarea]',
                     template: ``,
                     host: {
-                        '[placeholder]': 'placeholder() || ""',
-                        '[rows]': 'rows()',
-                        '[cols]': 'cols()',
-                        '[class.ng-invalid]': 'invalid()',
-                        '[class.disabled]': 'disabled()',
-                        '(input)': 'onInput($event)',
-                        '(focus)': 'focused.set(true)',
-                        '(blur)': 'focused.set(false)',
+                        '[class]': ' "size-" + size() ',
                     },
                 }]
         }] });