@tolle_/tolle-ui 18.2.22 → 18.2.24

package/fesm2022/tolle-ui.mjs

@@ -3555,14 +3555,14 @@ class DatePickerComponent {
     formatYearFn;
     // Format functions for display
     displayFormat;
-    triggerContainer;
+    trigger;
     popover;
     value = null;
     inputValue = '';
     isOpen = false;
     cleanupAutoUpdate;
     _outsideClickHandler = (event) => {
-        if (!this.triggerContainer.nativeElement.contains(event.target) && !this.popover?.nativeElement.contains(event.target)) {
+        if (!this.trigger.nativeElement.contains(event.target) && !this.popover?.nativeElement.contains(event.target)) {
             this.close();
         }
     };
@@ -3645,8 +3645,11 @@ class DatePickerComponent {
         this.isOpen ? this.close() : this.open();
     }
     open() {
+        if (this.disabled)
+            return;
         this.isOpen = true;
-        setTimeout(() => {
+        this.trigger.nativeElement.focus();
+        requestAnimationFrame(() => {
             this.updatePosition();
             document.addEventListener('mousedown', this._outsideClickHandler);
         });
@@ -3665,12 +3668,12 @@ class DatePickerComponent {
         this.cdr.markForCheck();
     }
     updatePosition() {
-        if (!this.triggerContainer || !this.popover)
+        if (!this.trigger || !this.popover)
             return;
-        this.cleanupAutoUpdate = autoUpdate(this.triggerContainer.nativeElement, this.popover.nativeElement, () => {
-            computePosition(this.triggerContainer.nativeElement, this.popover.nativeElement, {
-                strategy: 'fixed', // ADDED: Fixed strategy
-                placement: 'bottom-start', // Changed to bottom-start to align with input left edge
+        this.cleanupAutoUpdate = autoUpdate(this.trigger.nativeElement, this.popover.nativeElement, () => {
+            computePosition(this.trigger.nativeElement, this.popover.nativeElement, {
+                strategy: 'fixed',
+                placement: 'bottom-start',
                 middleware: [
                     offset(4),
                     flip(),
@@ -3719,7 +3722,7 @@ class DatePickerComponent {
                 useExisting: forwardRef(() => DatePickerComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "triggerContainer", first: true, predicate: ["triggerContainer"], descendants: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], ngImport: i0, template: `
     <div class="relative w-full" #triggerContainer>
       <tolle-masked-input
         #maskInput
@@ -3729,20 +3732,26 @@ class DatePickerComponent {
         [(ngModel)]="inputValue"
         (ngModelChange)="onInputChange($event)"
         [class]="cn(class)">
-        <div suffix class="flex items-center gap-1.5 cursor-pointer">
-          <i
+        <div suffix class="flex items-center gap-1.5">
+          <button
             *ngIf="value && !disabled && showClear"
+            type="button"
             (click)="clear($event)"
             class="ri-close-line cursor-pointer text-muted-foreground hover:text-foreground transition-colors"
-          ></i>
+            tabindex="-1"
+          ></button>
 
-          <i
+          <button
+            type="button"
+            #trigger
             (click)="togglePopover($event)"
+            [disabled]="disabled"
             [class]="cn(
               'cursor-pointer text-muted-foreground transition-colors',
               'ri-calendar-line'
             )"
-          ></i>
+            tabindex="-1"
+          ></button>
         </div>
       </tolle-masked-input>
 
@@ -3790,20 +3799,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         [(ngModel)]="inputValue"
         (ngModelChange)="onInputChange($event)"
         [class]="cn(class)">
-        <div suffix class="flex items-center gap-1.5 cursor-pointer">
-          <i
+        <div suffix class="flex items-center gap-1.5">
+          <button
             *ngIf="value && !disabled && showClear"
+            type="button"
             (click)="clear($event)"
             class="ri-close-line cursor-pointer text-muted-foreground hover:text-foreground transition-colors"
-          ></i>
+            tabindex="-1"
+          ></button>
 
-          <i
+          <button
+            type="button"
+            #trigger
             (click)="togglePopover($event)"
+            [disabled]="disabled"
             [class]="cn(
               'cursor-pointer text-muted-foreground transition-colors',
               'ri-calendar-line'
             )"
-          ></i>
+            tabindex="-1"
+          ></button>
         </div>
       </tolle-masked-input>
 
@@ -3852,9 +3867,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], displayFormat: [{
                 type: Input
-            }], triggerContainer: [{
+            }], trigger: [{
                 type: ViewChild,
-                args: ['triggerContainer']
+                args: ['trigger']
             }], popover: [{
                 type: ViewChild,
                 args: ['popover']
@@ -5500,13 +5515,13 @@ class DateRangePickerComponent {
     class = '';
     disablePastDates = false;
     size = 'default';
-    triggerContainer;
+    trigger;
     popover;
     value = { start: null, end: null };
     isOpen = false;
     cleanupAutoUpdate;
     _outsideClickHandler = (event) => {
-        if (!this.triggerContainer.nativeElement.contains(event.target) && !this.popover?.nativeElement.contains(event.target)) {
+        if (!this.trigger.nativeElement.contains(event.target) && !this.popover?.nativeElement.contains(event.target)) {
             this.close();
         }
     };
@@ -5538,7 +5553,11 @@ class DateRangePickerComponent {
     }
     open() {
         this.isOpen = true;
-        setTimeout(() => {
+        if (this.trigger?.nativeElement) {
+            this.trigger.nativeElement.focus();
+        }
+        const schedule = typeof requestAnimationFrame !== 'undefined' ? requestAnimationFrame : (fn) => setTimeout(fn, 0);
+        schedule(() => {
             this.updatePosition();
             document.addEventListener('mousedown', this._outsideClickHandler);
         });
@@ -5559,10 +5578,10 @@ class DateRangePickerComponent {
     }
     // --- Floating UI Positioning with Fixed Strategy ---
     updatePosition() {
-        if (!this.triggerContainer || !this.popover)
+        if (!this.trigger || !this.popover)
             return;
-        this.cleanupAutoUpdate = autoUpdate(this.triggerContainer.nativeElement, this.popover.nativeElement, () => {
-            computePosition(this.triggerContainer.nativeElement, this.popover.nativeElement, {
+        this.cleanupAutoUpdate = autoUpdate(this.trigger.nativeElement, this.popover.nativeElement, () => {
+            computePosition(this.trigger.nativeElement, this.popover.nativeElement, {
                 placement: 'bottom-end',
                 strategy: 'fixed', // Use fixed to escape column layout
                 middleware: [
@@ -5635,22 +5654,25 @@ class DateRangePickerComponent {
                 useExisting: forwardRef(() => DateRangePickerComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "triggerContainer", first: true, predicate: ["triggerContainer"], descendants: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], ngImport: i0, template: `
-    <div class="relative w-full" #triggerContainer>
+        ], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], ngImport: i0, template: `
+    <div class="relative w-full">
       <tolle-input
         [placeholder]="placeholder"
         [disabled]="disabled"
         [ngModel]="displayValue"
         [class]="class"
       >
-        <div suffix class="flex items-center gap-1.5 cursor-pointer">
-          <i
+        <div suffix class="flex items-center gap-1.5">
+          <button
+            type="button"
+            tabindex="-1"
             *ngIf="(value.start || value.end) && !disabled"
             (click)="clear($event)"
             class="ri-close-line cursor-pointer text-muted-foreground hover:text-foreground transition-colors"
-          ></i>
+          ></button>
 
           <i
+            #trigger
             (click)="togglePopover($event)"
             class="ri-calendar-line cursor-pointer text-muted-foreground hover:text-primary transition-colors"
           ></i>
@@ -5686,21 +5708,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         }
                     ],
                     template: `
-    <div class="relative w-full" #triggerContainer>
+    <div class="relative w-full">
       <tolle-input
         [placeholder]="placeholder"
         [disabled]="disabled"
         [ngModel]="displayValue"
         [class]="class"
       >
-        <div suffix class="flex items-center gap-1.5 cursor-pointer">
-          <i
+        <div suffix class="flex items-center gap-1.5">
+          <button
+            type="button"
+            tabindex="-1"
             *ngIf="(value.start || value.end) && !disabled"
             (click)="clear($event)"
             class="ri-close-line cursor-pointer text-muted-foreground hover:text-foreground transition-colors"
-          ></i>
+          ></button>
 
           <i
+            #trigger
             (click)="togglePopover($event)"
             class="ri-calendar-line cursor-pointer text-muted-foreground hover:text-primary transition-colors"
           ></i>
@@ -5732,9 +5757,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], size: [{
                 type: Input
-            }], triggerContainer: [{
+            }], trigger: [{
                 type: ViewChild,
-                args: ['triggerContainer']
+                args: ['trigger']
             }], popover: [{
                 type: ViewChild,
                 args: ['popover']
@@ -13993,6 +14018,204 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
+class ResizablePanelItemComponent {
+    size = 1;
+    minSize = 10; // percentage or pixels
+    maxSize;
+    resizable = true;
+    class = '';
+    isLast = false;
+    container = inject(ResizablePanelComponent);
+    get computedContainerClass() {
+        return cn('relative h-full w-full overflow-hidden', this.class);
+    }
+    get computedHandleClass() {
+        const isHorizontal = this.container?.direction === 'horizontal';
+        return cn('absolute z-20', isHorizontal
+            ? 'top-0 bottom-0 -right-2 w-4 cursor-col-resize'
+            : 'left-0 right-0 -bottom-2 h-4 cursor-row-resize', 'hover:bg-primary/5 active:bg-primary/10');
+    }
+    get computedHandleIndicatorClass() {
+        const isHorizontal = this.container?.direction === 'horizontal';
+        return cn('bg-muted-foreground/40 rounded-full', isHorizontal ? 'w-1 h-6' : 'h-1 w-6');
+    }
+    onHandleMouseDown(event) {
+        this.container.startResize(this, event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizablePanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ResizablePanelItemComponent, isStandalone: true, selector: "tolle-resizable-panel-item", inputs: { size: "size", minSize: "minSize", maxSize: "maxSize", resizable: "resizable", class: "class" }, host: { properties: { "style.flex": "this.size" } }, ngImport: i0, template: `
+    <div [class]="computedContainerClass">
+      <ng-content></ng-content>
+    </div>
+
+    <div
+      *ngIf="resizable && !isLast"
+      [class]="computedHandleClass"
+      (mousedown)="onHandleMouseDown($event)"
+    >
+      <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
+        <div [class]="computedHandleIndicatorClass"></div>
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block;position:relative;overflow:visible}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizablePanelItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tolle-resizable-panel-item', standalone: true, imports: [CommonModule], template: `
+    <div [class]="computedContainerClass">
+      <ng-content></ng-content>
+    </div>
+
+    <div
+      *ngIf="resizable && !isLast"
+      [class]="computedHandleClass"
+      (mousedown)="onHandleMouseDown($event)"
+    >
+      <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
+        <div [class]="computedHandleIndicatorClass"></div>
+      </div>
+    </div>
+  `, styles: [":host{display:block;position:relative;overflow:visible}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.flex']
+            }], minSize: [{
+                type: Input
+            }], maxSize: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }] } });
+
+class ResizablePanelComponent {
+    direction = 'horizontal';
+    class = '';
+    panels;
+    el = inject(ElementRef);
+    cdr = inject(ChangeDetectorRef);
+    isResizing = false;
+    activePanelIndex = -1;
+    startCursorPosition = 0;
+    startPanelSizes = [];
+    mouseMoveListener;
+    mouseUpListener;
+    ngAfterContentInit() {
+        // Initialize panel sizes if needed
+        setTimeout(() => {
+            this.updatePanelSizes();
+            this.updateLastStatus();
+        });
+        this.panels.changes.subscribe(() => {
+            this.updatePanelSizes();
+            this.updateLastStatus();
+        });
+    }
+    ngOnDestroy() {
+        this.cleanupListeners();
+    }
+    updateLastStatus() {
+        const panels = this.panels.toArray();
+        panels.forEach((p, i) => p.isLast = i === panels.length - 1);
+    }
+    startResize(item, event) {
+        const panels = this.panels.toArray();
+        this.activePanelIndex = panels.indexOf(item);
+        if (this.activePanelIndex === -1 || this.activePanelIndex === panels.length - 1)
+            return;
+        this.isResizing = true;
+        this.startCursorPosition = this.direction === 'horizontal' ? event.clientX : event.clientY;
+        this.startPanelSizes = panels.map(p => p.size);
+        this.setupListeners();
+        document.body.style.cursor = this.direction === 'horizontal' ? 'col-resize' : 'row-resize';
+        document.body.style.userSelect = 'none';
+    }
+    setupListeners() {
+        this.mouseMoveListener = (e) => this.onMouseMove(e);
+        this.mouseUpListener = () => this.stopResize();
+        document.addEventListener('mousemove', this.mouseMoveListener);
+        document.addEventListener('mouseup', this.mouseUpListener);
+    }
+    cleanupListeners() {
+        if (this.mouseMoveListener)
+            document.removeEventListener('mousemove', this.mouseMoveListener);
+        if (this.mouseUpListener)
+            document.removeEventListener('mouseup', this.mouseUpListener);
+    }
+    onMouseMove(event) {
+        if (!this.isResizing)
+            return;
+        const currentPos = this.direction === 'horizontal' ? event.clientX : event.clientY;
+        const deltaPx = currentPos - this.startCursorPosition;
+        const containerSize = this.direction === 'horizontal'
+            ? this.el.nativeElement.offsetWidth
+            : this.el.nativeElement.offsetHeight;
+        const deltaPercent = (deltaPx / containerSize) * 100;
+        const panels = this.panels.toArray();
+        const panelA = panels[this.activePanelIndex];
+        const panelB = panels[this.activePanelIndex + 1];
+        const newSizeA = Math.max(panelA.minSize, this.startPanelSizes[this.activePanelIndex] + deltaPercent);
+        const actualDelta = newSizeA - this.startPanelSizes[this.activePanelIndex];
+        const newSizeB = Math.max(panelB.minSize, this.startPanelSizes[this.activePanelIndex + 1] - actualDelta);
+        panelA.size = newSizeA;
+        panelB.size = this.startPanelSizes[this.activePanelIndex] + this.startPanelSizes[this.activePanelIndex + 1] - panelA.size;
+        if (panelB.size < panelB.minSize) {
+            panelB.size = panelB.minSize;
+            panelA.size = (this.startPanelSizes[this.activePanelIndex] + this.startPanelSizes[this.activePanelIndex + 1]) - panelB.minSize;
+        }
+        this.cdr.detectChanges();
+    }
+    stopResize() {
+        this.isResizing = false;
+        this.cleanupListeners();
+        document.body.style.cursor = '';
+        document.body.style.userSelect = '';
+    }
+    updatePanelSizes() {
+        const panels = this.panels.toArray();
+        const totalPanels = panels.length;
+        if (totalPanels > 0) {
+            const defaultSize = 100 / totalPanels;
+            panels.forEach(panel => {
+                if (!panel.size) {
+                    panel.size = defaultSize;
+                }
+            });
+        }
+    }
+    get computedContainerClass() {
+        return cn('w-full h-full', this.class);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizablePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ResizablePanelComponent, isStandalone: true, selector: "tolle-resizable-panel", inputs: { direction: "direction", class: "class" }, queries: [{ propertyName: "panels", predicate: ResizablePanelItemComponent }], ngImport: i0, template: `
+    <div [class]="computedContainerClass">
+      <div class="flex" [class.flex-col]="direction === 'vertical'" [class.flex-row]="direction === 'horizontal'">
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResizablePanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tolle-resizable-panel', standalone: true, imports: [CommonModule], template: `
+    <div [class]="computedContainerClass">
+      <div class="flex" [class.flex-col]="direction === 'vertical'" [class.flex-row]="direction === 'horizontal'">
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { direction: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], panels: [{
+                type: ContentChildren,
+                args: [ResizablePanelItemComponent]
+            }] } });
+
 /*
  * Public API Surface of tolle
  */
@@ -14001,5 +14224,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionItemComponent, AlertComponent, AlertDialogActionComponent, AlertDialogCancelComponent, AlertDialogComponent, AlertDialogContentComponent, AlertDialogDescriptionComponent, AlertDialogDynamicComponent, AlertDialogFooterComponent, AlertDialogHeaderComponent, AlertDialogPortalComponent, AlertDialogRef, AlertDialogService, AlertDialogTitleComponent, AlertDialogTriggerComponent, AvatarComponent, AvatarFallbackComponent, BadgeComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbLinkComponent, BreadcrumbSeparatorComponent, ButtonComponent, ButtonGroupComponent, CalendarComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardTitleComponent, CarouselComponent, CarouselContainerDirective, CarouselContentDirective, CarouselContext, CarouselItemDirective, CarouselNextDirective, CarouselPreviousDirective, CheckboxComponent, CollapsibleComponent, CollapsibleContentComponent, CollapsibleTriggerComponent, CountryCodesService, CountrySelectorComponent, DataTableComponent, DatePickerComponent, DateRangePickerComponent, DropdownItemComponent, DropdownLabelComponent, DropdownMenuComponent, DropdownSeparatorComponent, DropdownTriggerDirective, EmptyStateComponent, HoverCardComponent, HoverCardContentComponent, HoverCardTriggerComponent, InputComponent, LabelComponent, MaskedInputComponent, Modal, ModalComponent, ModalRef, ModalService, ModalStackService, MultiSelectComponent, OtpComponent, OtpGroupComponent, OtpSlotComponent, PaginationComponent, PhoneNumberInputComponent, PhoneNumberService, PopoverComponent, PopoverContentComponent, ProgressComponent, RadioGroupComponent, RadioItemComponent, RangeCalendarComponent, ScrollAreaComponent, SegmentedComponent, SelectComponent, SelectGroupComponent, SelectItemComponent, SelectSeparatorComponent, SeparatorComponent, SheetComponent, SheetContentComponent, SheetDescriptionComponent, SheetFooterComponent, SheetHeaderComponent, SheetRef, SheetService, SheetTitleComponent, SheetTriggerComponent, SheetWrapperComponent, SidebarComponent, SkeletonComponent, SliderComponent, SwitchComponent, TOLLE_CONFIG, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagInputComponent, TextareaComponent, ThemeService, ToastContainerComponent, ToastService, ToggleComponent, ToggleGroupComponent, ToggleGroupItemComponent, TolleCellDirective, TooltipDirective, cn, provideTolleConfig };
+export { AccordionComponent, AccordionItemComponent, AlertComponent, AlertDialogActionComponent, AlertDialogCancelComponent, AlertDialogComponent, AlertDialogContentComponent, AlertDialogDescriptionComponent, AlertDialogDynamicComponent, AlertDialogFooterComponent, AlertDialogHeaderComponent, AlertDialogPortalComponent, AlertDialogRef, AlertDialogService, AlertDialogTitleComponent, AlertDialogTriggerComponent, AvatarComponent, AvatarFallbackComponent, BadgeComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbLinkComponent, BreadcrumbSeparatorComponent, ButtonComponent, ButtonGroupComponent, CalendarComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardTitleComponent, CarouselComponent, CarouselContainerDirective, CarouselContentDirective, CarouselContext, CarouselItemDirective, CarouselNextDirective, CarouselPreviousDirective, CheckboxComponent, CollapsibleComponent, CollapsibleContentComponent, CollapsibleTriggerComponent, CountryCodesService, CountrySelectorComponent, DataTableComponent, DatePickerComponent, DateRangePickerComponent, DropdownItemComponent, DropdownLabelComponent, DropdownMenuComponent, DropdownSeparatorComponent, DropdownTriggerDirective, EmptyStateComponent, HoverCardComponent, HoverCardContentComponent, HoverCardTriggerComponent, InputComponent, LabelComponent, MaskedInputComponent, Modal, ModalComponent, ModalRef, ModalService, ModalStackService, MultiSelectComponent, OtpComponent, OtpGroupComponent, OtpSlotComponent, PaginationComponent, PhoneNumberInputComponent, PhoneNumberService, PopoverComponent, PopoverContentComponent, ProgressComponent, RadioGroupComponent, RadioItemComponent, RangeCalendarComponent, ResizablePanelComponent, ResizablePanelItemComponent, ScrollAreaComponent, SegmentedComponent, SelectComponent, SelectGroupComponent, SelectItemComponent, SelectSeparatorComponent, SeparatorComponent, SheetComponent, SheetContentComponent, SheetDescriptionComponent, SheetFooterComponent, SheetHeaderComponent, SheetRef, SheetService, SheetTitleComponent, SheetTriggerComponent, SheetWrapperComponent, SidebarComponent, SkeletonComponent, SliderComponent, SwitchComponent, TOLLE_CONFIG, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagInputComponent, TextareaComponent, ThemeService, ToastContainerComponent, ToastService, ToggleComponent, ToggleGroupComponent, ToggleGroupItemComponent, TolleCellDirective, TooltipDirective, cn, provideTolleConfig };
 //# sourceMappingURL=tolle-ui.mjs.map