@tolle_/tolle-ui 18.2.21 → 18.2.23

package/lib/modal.d.ts

@@ -9,9 +9,10 @@ export declare class Modal<T = any> {
      * - sm: 425px (Standard dialogs)
      * - default: 544px (Forms)
      * - lg: 90% / 1024px (Data tables)
+     * - xl: 1280px (Large forms, dashboards)
      * - fullscreen: 100vw/100vh (Complex workflows)
      */
-    size?: 'xs' | 'sm' | 'default' | 'lg' | 'fullscreen';
+    size?: 'xs' | 'sm' | 'default' | 'lg' | 'xl' | 'fullscreen';
     /** * If true (default), clicking the backdrop closes the modal.
      * Set to false for "blocking" modals (e.g., Terms of Service).
      */

package/lib/resizable-panel-item.component.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare class ResizablePanelItemComponent {
+    size: number;
+    minSize: number;
+    maxSize?: number;
+    resizable: boolean;
+    class: string;
+    isLast: boolean;
+    private container;
+    get computedContainerClass(): string;
+    get computedHandleClass(): string;
+    get computedHandleIndicatorClass(): string;
+    onHandleMouseDown(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizablePanelItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResizablePanelItemComponent, "tolle-resizable-panel-item", never, { "size": { "alias": "size"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/resizable-panel.component.d.ts

@@ -0,0 +1,28 @@
+import { QueryList, AfterContentInit, OnDestroy } from '@angular/core';
+import { ResizablePanelItemComponent } from './resizable-panel-item.component';
+import * as i0 from "@angular/core";
+export declare class ResizablePanelComponent implements AfterContentInit, OnDestroy {
+    direction: 'horizontal' | 'vertical';
+    class: string;
+    panels: QueryList<ResizablePanelItemComponent>;
+    private el;
+    private cdr;
+    private isResizing;
+    private activePanelIndex;
+    private startCursorPosition;
+    private startPanelSizes;
+    private mouseMoveListener?;
+    private mouseUpListener?;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private updateLastStatus;
+    startResize(item: ResizablePanelItemComponent, event: MouseEvent): void;
+    private setupListeners;
+    private cleanupListeners;
+    private onMouseMove;
+    private stopResize;
+    private updatePanelSizes;
+    get computedContainerClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizablePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResizablePanelComponent, "tolle-resizable-panel", never, { "direction": { "alias": "direction"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, ["panels"], ["*"], true, never>;
+}

package/lib/select.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy, QueryList, AfterContentInit } from '@angular/core';
+import { ElementRef, OnDestroy, QueryList, AfterContentInit, ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { cn } from './utils/cn';
 import { SelectItemComponent } from './select-item.component';
@@ -6,6 +6,7 @@ import { SelectService } from './select.service';
 import * as i0 from "@angular/core";
 export declare class SelectComponent implements ControlValueAccessor, AfterContentInit, OnDestroy {
     private selectService;
+    private cdr;
     placeholder: string;
     class: string;
     disabled: boolean;
@@ -17,6 +18,8 @@ export declare class SelectComponent implements ControlValueAccessor, AfterConte
     container: ElementRef;
     items: QueryList<SelectItemComponent>;
     private sub;
+    private itemsChangeSub?;
+    private pendingValue;
     searchQuery: string;
     noResults: boolean;
     isOpen: boolean;
@@ -26,11 +29,13 @@ export declare class SelectComponent implements ControlValueAccessor, AfterConte
     onChange: any;
     onTouched: any;
     protected cn: typeof cn;
-    constructor(selectService: SelectService);
+    constructor(selectService: SelectService, cdr: ChangeDetectorRef);
     get computedTriggerClass(): string;
     get iconClass(): string;
     ngAfterContentInit(): void;
+    private applyPendingValue;
     private updateItemSelection;
+    private syncSelectedLabel;
     private _outsideClickHandler;
     toggle(): void;
     open(): void;

package/lib/tag-input.component.d.ts

@@ -0,0 +1,46 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+export declare class TagInputComponent implements ControlValueAccessor {
+    private cdr;
+    tagInputElement: ElementRef<HTMLInputElement>;
+    id: string;
+    label: string;
+    hint: string;
+    errorMessage: string;
+    placeholder: string;
+    size: 'xs' | 'sm' | 'default' | 'lg';
+    class: string;
+    disabled: boolean;
+    readonly: boolean;
+    error: boolean;
+    delimiter: string;
+    maxTags: number | null;
+    allowDuplicates: boolean;
+    tagPrefix: string;
+    tagSuffix: string;
+    tags: string[];
+    inputValue: string;
+    isFocused: boolean;
+    onChange: any;
+    onTouched: any;
+    constructor(cdr: ChangeDetectorRef);
+    writeValue(values: string[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onKeydown(event: KeyboardEvent): void;
+    onBlur(): void;
+    onFocus(): void;
+    removeTag(index: number, event?: MouseEvent): void;
+    focusInput(): void;
+    private commitInput;
+    private emitChange;
+    protected readonly cn: typeof cn;
+    get computedLabelClass(): string;
+    get computedContainerClass(): string;
+    get computedInputClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagInputComponent, "tolle-tag-input", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "error": { "alias": "error"; "required": false; }; "delimiter": { "alias": "delimiter"; "required": false; }; "maxTags": { "alias": "maxTags"; "required": false; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; }; "tagPrefix": { "alias": "tagPrefix"; "required": false; }; "tagSuffix": { "alias": "tagSuffix"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/toaster.component.d.ts

@@ -10,7 +10,7 @@ export declare class ToastContainerComponent {
         success: string;
         default: string;
     };
-    getVariantClasses(variant?: string): "border-destructive/50 bg-destructive/5 dark:bg-destructive/10 text-destructive dark:text-red-400" | "border-emerald-500/50 bg-emerald-50 dark:bg-emerald-500/10 text-emerald-700 dark:text-emerald-400" | "bg-background text-foreground border-border";
+    getVariantClasses(variant?: string): "border-destructive/50 bg-destructive/5 dark:bg-red-950 text-destructive dark:text-red-400" | "border-emerald-500/50 bg-emerald-50 dark:bg-emerald-950 text-emerald-700 dark:text-emerald-400" | "bg-background text-foreground border-border";
     getProgressClasses(variant?: string): "bg-destructive dark:bg-red-400" | "bg-emerald-600 dark:bg-emerald-400" | "bg-primary";
     get positionClasses(): string;
     protected cn: typeof cn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tolle_/tolle-ui",
-  "version": "18.2.21",
+  "version": "18.2.23",
   "publishConfig": {
     "access": "public"
   },

package/public-api.d.ts

@@ -10,6 +10,7 @@ export * from './lib/switch.component';
 export * from './lib/badge.component';
 export * from './lib/skeleton.component';
 export * from './lib/checkbox.component';
+export * from './lib/tag-input.component';
 export * from './lib/tooltip.directive';
 export * from './lib/toast.service';
 export * from './lib/toaster.component';
@@ -79,3 +80,5 @@ export * from './lib/country-selector.component';
 export * from './lib/phone-number-input.component';
 export * from './lib/phone-number.service';
 export * from './lib/country-codes.service';
+export * from './lib/resizable-panel.component';
+export * from './lib/resizable-panel-item.component';