@tolle_/tolle-ui 0.0.14-beta → 0.0.17-beta

package/lib/button.component.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import * as i0 from "@angular/core";
 declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
     block?: boolean | null | undefined;
     readonly?: boolean | null | undefined;
     disabled?: boolean | null | undefined;

package/lib/data-table.component.d.ts

@@ -16,6 +16,11 @@ export declare class DataTableComponent implements OnInit, OnChanges {
     pageSize: number;
     expandable: boolean;
     size: 'xs' | 'sm' | 'default' | 'lg';
+    allowColumnHiding: boolean;
+    showSettings: boolean;
+    columnVisibility: Record<string, boolean>;
+    showColumnMenu: boolean;
+    get activeColumns(): TableColumn[];
     expandedRows: Set<number>;
     cellTemplates: QueryList<TolleCellDirective>;
     expandedTemplate?: TemplateRef<any>;
@@ -31,8 +36,10 @@ export declare class DataTableComponent implements OnInit, OnChanges {
     protected cn: typeof cn;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    private initializeVisibility;
     refreshTable(): void;
     onSearch(): void;
+    toggleColumn(key: string): void;
     private applySearch;
     private applySort;
     updatePage(): void;
@@ -41,5 +48,5 @@ export declare class DataTableComponent implements OnInit, OnChanges {
     toggleRow(index: number): void;
     getTemplate(key: string): TolleCellDirective | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "tolle-data-table", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "paginate": { "alias": "paginate"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; }, {}, ["cellTemplates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "tolle-data-table", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "paginate": { "alias": "paginate"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowColumnHiding": { "alias": "allowColumnHiding"; "required": false; }; "showSettings": { "alias": "showSettings"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; }, {}, ["cellTemplates"], never, true, never>;
 }

package/lib/input.component.d.ts

@@ -4,13 +4,18 @@ import { cn } from './utils/cn';
 import * as i0 from "@angular/core";
 export declare class InputComponent implements ControlValueAccessor {
     private cdr;
+    id: string;
+    label: string;
+    hint: string;
+    errorMessage: string;
     type: string;
     placeholder: string;
-    disabled: boolean;
-    error: boolean;
     size: 'xs' | 'sm' | 'default' | 'lg';
     containerClass: string;
     class: string;
+    disabled: boolean;
+    readonly: boolean;
+    error: boolean;
     value: any;
     onChange: any;
     onTouched: any;
@@ -24,5 +29,5 @@ export declare class InputComponent implements ControlValueAccessor {
     get computedContainerClass(): string;
     get computedInputClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "tolle-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "size": { "alias": "size"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "tolle-input", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
 }

package/lib/select.component.d.ts

@@ -11,6 +11,7 @@ export declare class SelectComponent implements ControlValueAccessor, AfterConte
     disabled: boolean;
     searchable: boolean;
     size: 'xs' | 'sm' | 'default' | 'lg';
+    readonly: boolean;
     trigger: ElementRef;
     popover: ElementRef;
     items: QueryList<SelectItemComponent>;
@@ -41,5 +42,5 @@ export declare class SelectComponent implements ControlValueAccessor, AfterConte
     setDisabledState(isDisabled: boolean): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "tolle-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "tolle-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
 }

package/lib/textarea.component.d.ts

@@ -0,0 +1,31 @@
+import { ElementRef, AfterViewInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class TextareaComponent implements ControlValueAccessor, AfterViewInit {
+    textareaElement: ElementRef<HTMLTextAreaElement>;
+    id: string;
+    label: string;
+    placeholder: string;
+    hint: string;
+    rows: number;
+    maxLength?: number;
+    showCharacterCount: boolean;
+    autoGrow: boolean;
+    error: boolean;
+    className: string;
+    disabled: boolean;
+    readonly: boolean;
+    value: string;
+    onChange: any;
+    onTouched: any;
+    ngAfterViewInit(): void;
+    get textareaClasses(): string;
+    handleInput(event: any): void;
+    private resize;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "tolle-textarea", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "autoGrow": { "alias": "autoGrow"; "required": false; }; "error": { "alias": "error"; "required": false; }; "className": { "alias": "className"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/toaster.component.d.ts

@@ -0,0 +1,12 @@
+import { ToastService, Toast, ToastPosition } from './toast.service';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+export declare class ToastContainerComponent {
+    toastService: ToastService;
+    position: ToastPosition;
+    toasts$: import("rxjs").Observable<Toast[]>;
+    get positionClasses(): string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastContainerComponent, "tolle-toaster", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tolle_/tolle-ui",
-  "version": "0.0.14-beta",
+  "version": "0.0.17-beta",
   "publishConfig": {
     "access": "public"
   },

package/public-api.d.ts

@@ -12,6 +12,7 @@ export * from './lib/skeleton.component';
 export * from './lib/checkbox.component';
 export * from './lib/tooltip.directive';
 export * from './lib/toast.service';
+export * from './lib/toaster.component';
 export * from './lib/tolle-config';
 export * from './lib/multi-select.component';
 export * from './lib/calendar.component';
@@ -36,3 +37,4 @@ export * from './lib/dropdown-label.component';
 export * from './lib/dropdown-menu.component';
 export * from './lib/dropdown-separator.component';
 export * from './lib/dropdown-trigger.directive';
+export * from './lib/textarea.component';