@tolle_/tolle-ui 0.0.1-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/README.md +35 -0
  2. package/esm2022/lib/accordion-item.component.mjs +78 -0
  3. package/esm2022/lib/accordion.component.mjs +60 -0
  4. package/esm2022/lib/badge.component.mjs +76 -0
  5. package/esm2022/lib/button-group.component.mjs +25 -0
  6. package/esm2022/lib/button.component.mjs +70 -0
  7. package/esm2022/lib/calendar.component.mjs +315 -0
  8. package/esm2022/lib/card.component.mjs +94 -0
  9. package/esm2022/lib/checkbox.component.mjs +100 -0
  10. package/esm2022/lib/data-table.component.mjs +332 -0
  11. package/esm2022/lib/date-picker.component.mjs +232 -0
  12. package/esm2022/lib/date-range-picker.component.mjs +208 -0
  13. package/esm2022/lib/input.component.mjs +134 -0
  14. package/esm2022/lib/masked-input.component.mjs +179 -0
  15. package/esm2022/lib/modal-ref.mjs +31 -0
  16. package/esm2022/lib/modal-stack.service.mjs +26 -0
  17. package/esm2022/lib/modal.component.mjs +98 -0
  18. package/esm2022/lib/modal.mjs +27 -0
  19. package/esm2022/lib/modal.service.mjs +65 -0
  20. package/esm2022/lib/multi-select.component.mjs +231 -0
  21. package/esm2022/lib/pagination.component.mjs +279 -0
  22. package/esm2022/lib/range-calendar.component.mjs +285 -0
  23. package/esm2022/lib/select-group.component.mjs +28 -0
  24. package/esm2022/lib/select-item.component.mjs +84 -0
  25. package/esm2022/lib/select-separator.component.mjs +24 -0
  26. package/esm2022/lib/select.component.mjs +261 -0
  27. package/esm2022/lib/select.service.mjs +21 -0
  28. package/esm2022/lib/skeleton.component.mjs +34 -0
  29. package/esm2022/lib/switch.component.mjs +133 -0
  30. package/esm2022/lib/toast.service.mjs +59 -0
  31. package/esm2022/lib/tolle-cell.directive.mjs +22 -0
  32. package/esm2022/lib/tolle-config.mjs +11 -0
  33. package/esm2022/lib/tooltip.directive.mjs +71 -0
  34. package/esm2022/lib/types/date-range.mjs +2 -0
  35. package/esm2022/lib/utils/cn.mjs +6 -0
  36. package/esm2022/public-api.mjs +36 -0
  37. package/esm2022/tolle_-tolle-ui.mjs +5 -0
  38. package/fesm2022/tolle_-tolle-ui.mjs +3553 -0
  39. package/fesm2022/tolle_-tolle-ui.mjs.map +1 -0
  40. package/index.d.ts +5 -0
  41. package/lib/accordion-item.component.d.ts +13 -0
  42. package/lib/accordion.component.d.ts +14 -0
  43. package/lib/badge.component.d.ts +14 -0
  44. package/lib/button-group.component.d.ts +8 -0
  45. package/lib/button.component.d.ts +16 -0
  46. package/lib/calendar.component.d.ts +35 -0
  47. package/lib/card.component.d.ts +32 -0
  48. package/lib/checkbox.component.d.ts +23 -0
  49. package/lib/data-table.component.d.ts +45 -0
  50. package/lib/date-picker.component.d.ts +35 -0
  51. package/lib/date-range-picker.component.d.ts +36 -0
  52. package/lib/input.component.d.ts +27 -0
  53. package/lib/masked-input.component.d.ts +36 -0
  54. package/lib/modal-ref.d.ts +16 -0
  55. package/lib/modal-stack.service.d.ts +12 -0
  56. package/lib/modal.component.d.ts +19 -0
  57. package/lib/modal.d.ts +29 -0
  58. package/lib/modal.service.d.ts +18 -0
  59. package/lib/multi-select.component.d.ts +47 -0
  60. package/lib/pagination.component.d.ts +36 -0
  61. package/lib/range-calendar.component.d.ts +37 -0
  62. package/lib/select-group.component.d.ts +8 -0
  63. package/lib/select-item.component.d.ts +18 -0
  64. package/lib/select-separator.component.d.ts +8 -0
  65. package/lib/select.component.d.ts +45 -0
  66. package/lib/select.service.d.ts +10 -0
  67. package/lib/skeleton.component.d.ts +10 -0
  68. package/lib/switch.component.d.ts +39 -0
  69. package/lib/toast.service.d.ts +24 -0
  70. package/lib/tolle-cell.directive.d.ts +9 -0
  71. package/lib/tolle-config.d.ts +9 -0
  72. package/lib/tooltip.directive.d.ts +15 -0
  73. package/lib/types/date-range.d.ts +4 -0
  74. package/lib/utils/cn.d.ts +2 -0
  75. package/package.json +32 -0
  76. package/public-api.d.ts +32 -0
  77. package/theme.css +211 -0
@@ -0,0 +1,32 @@
1
+ import { cn } from './utils/cn';
2
+ import * as i0 from "@angular/core";
3
+ export declare class CardComponent {
4
+ class: string;
5
+ protected cn: typeof cn;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "tolle-card", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
8
+ }
9
+ export declare class CardHeaderComponent {
10
+ class: string;
11
+ protected cn: typeof cn;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "tolle-card-header", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
14
+ }
15
+ export declare class CardTitleComponent {
16
+ class: string;
17
+ protected cn: typeof cn;
18
+ static ɵfac: i0.ɵɵFactoryDeclaration<CardTitleComponent, never>;
19
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardTitleComponent, "tolle-card-title", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
20
+ }
21
+ export declare class CardContentComponent {
22
+ class: string;
23
+ protected cn: typeof cn;
24
+ static ɵfac: i0.ɵɵFactoryDeclaration<CardContentComponent, never>;
25
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardContentComponent, "tolle-card-content", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
26
+ }
27
+ export declare class CardFooterComponent {
28
+ class: string;
29
+ protected cn: typeof cn;
30
+ static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
31
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "tolle-card-footer", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
32
+ }
@@ -0,0 +1,23 @@
1
+ import { ChangeDetectorRef } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { cn } from './utils/cn';
4
+ import * as i0 from "@angular/core";
5
+ export declare class CheckboxComponent implements ControlValueAccessor {
6
+ private cdr;
7
+ class: string;
8
+ disabled: boolean;
9
+ size: 'xs' | 'sm' | 'default' | 'lg';
10
+ checked: boolean;
11
+ onChange: any;
12
+ onTouched: any;
13
+ constructor(cdr: ChangeDetectorRef);
14
+ protected cn: typeof cn;
15
+ get sizeClasses(): string;
16
+ toggle(): void;
17
+ writeValue(value: boolean): void;
18
+ registerOnChange(fn: any): void;
19
+ registerOnTouched(fn: any): void;
20
+ setDisabledState(isDisabled: boolean): void;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
22
+ static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "tolle-checkbox", never, { "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
23
+ }
@@ -0,0 +1,45 @@
1
+ import { OnInit, OnChanges, SimpleChanges, TemplateRef, QueryList } from '@angular/core';
2
+ import { cn } from './utils/cn';
3
+ import { TolleCellDirective } from '@tolle/ui/tolle-cell.directive';
4
+ import * as i0 from "@angular/core";
5
+ export interface TableColumn {
6
+ key: string;
7
+ label: string;
8
+ sortable?: boolean;
9
+ class?: string;
10
+ }
11
+ export declare class DataTableComponent implements OnInit, OnChanges {
12
+ data: any[];
13
+ columns: TableColumn[];
14
+ searchable: boolean;
15
+ paginate: boolean;
16
+ pageSize: number;
17
+ expandable: boolean;
18
+ size: 'xs' | 'sm' | 'default' | 'lg';
19
+ expandedRows: Set<number>;
20
+ cellTemplates: QueryList<TolleCellDirective>;
21
+ expandedTemplate?: TemplateRef<any>;
22
+ filteredData: any[];
23
+ pagedData: any[];
24
+ searchTerm: string;
25
+ currentPage: number;
26
+ sortKey: string;
27
+ sortDir: 'asc' | 'desc' | null;
28
+ get cellPaddingClass(): string;
29
+ get headerPaddingClass(): string;
30
+ get fontSizeClass(): string;
31
+ protected cn: typeof cn;
32
+ ngOnInit(): void;
33
+ ngOnChanges(changes: SimpleChanges): void;
34
+ refreshTable(): void;
35
+ onSearch(): void;
36
+ private applySearch;
37
+ private applySort;
38
+ updatePage(): void;
39
+ toggleSort(key: string): void;
40
+ getSortIcon(key: string): "ri-arrow-up-down-line opacity-30" | "ri-arrow-up-line" | "ri-arrow-down-line";
41
+ toggleRow(index: number): void;
42
+ getTemplate(key: string): TolleCellDirective | undefined;
43
+ static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
44
+ 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>;
45
+ }
@@ -0,0 +1,35 @@
1
+ import { ElementRef, ChangeDetectorRef } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { cn } from './utils/cn';
4
+ import * as i0 from "@angular/core";
5
+ export declare class DatePickerComponent implements ControlValueAccessor {
6
+ private cdr;
7
+ placeholder: string;
8
+ disabled: boolean;
9
+ class: string;
10
+ disablePastDates: boolean;
11
+ triggerContainer: ElementRef;
12
+ popover: ElementRef;
13
+ value: Date | null;
14
+ inputValue: string;
15
+ isOpen: boolean;
16
+ cleanupAutoUpdate?: () => void;
17
+ constructor(cdr: ChangeDetectorRef);
18
+ onInputChange(str: string): void;
19
+ onCalendarChange(date: Date): void;
20
+ togglePopover(event: MouseEvent): void;
21
+ open(): void;
22
+ close(): void;
23
+ clear(event: MouseEvent): void;
24
+ private updatePosition;
25
+ onClickOutside(event: MouseEvent): void;
26
+ onChange: any;
27
+ onTouched: any;
28
+ writeValue(val: any): void;
29
+ registerOnChange(fn: any): void;
30
+ registerOnTouched(fn: any): void;
31
+ setDisabledState(isDisabled: boolean): void;
32
+ protected cn: typeof cn;
33
+ static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
34
+ static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "tolle-date-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; }, {}, never, never, true, never>;
35
+ }
@@ -0,0 +1,36 @@
1
+ import { ElementRef, ChangeDetectorRef } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { cn } from './utils/cn';
4
+ import { DateRange } from '@tolle/ui/types/date-range';
5
+ import * as i0 from "@angular/core";
6
+ export declare class DateRangePickerComponent implements ControlValueAccessor {
7
+ private cdr;
8
+ disabled: boolean;
9
+ placeholder: string;
10
+ class: string;
11
+ disablePastDates: boolean;
12
+ size: 'xs' | 'sm' | 'default' | 'lg';
13
+ triggerContainer: ElementRef;
14
+ popover: ElementRef;
15
+ value: DateRange;
16
+ isOpen: boolean;
17
+ cleanupAutoUpdate?: () => void;
18
+ constructor(cdr: ChangeDetectorRef);
19
+ get displayValue(): string;
20
+ onCalendarSelect(range: DateRange): void;
21
+ togglePopover(event: MouseEvent): void;
22
+ open(): void;
23
+ close(): void;
24
+ clear(event: MouseEvent): void;
25
+ private updatePosition;
26
+ onClickOutside(event: MouseEvent): void;
27
+ onChange: any;
28
+ onTouched: any;
29
+ writeValue(val: DateRange | null): void;
30
+ registerOnChange(fn: any): void;
31
+ registerOnTouched(fn: any): void;
32
+ setDisabledState(isDisabled: boolean): void;
33
+ protected cn: typeof cn;
34
+ static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
35
+ static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "tolle-date-range-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
36
+ }
@@ -0,0 +1,27 @@
1
+ import { ChangeDetectorRef } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { cn } from './utils/cn';
4
+ import * as i0 from "@angular/core";
5
+ export declare class InputComponent implements ControlValueAccessor {
6
+ private cdr;
7
+ type: string;
8
+ placeholder: string;
9
+ disabled: boolean;
10
+ error: boolean;
11
+ size: 'xs' | 'sm' | 'default' | 'lg';
12
+ containerClass: string;
13
+ class: string;
14
+ value: any;
15
+ onChange: any;
16
+ onTouched: any;
17
+ constructor(cdr: ChangeDetectorRef);
18
+ writeValue(value: any): void;
19
+ registerOnChange(fn: any): void;
20
+ registerOnTouched(fn: any): void;
21
+ setDisabledState(isDisabled: boolean): void;
22
+ onInputChange(event: Event): void;
23
+ protected readonly cn: typeof cn;
24
+ get computedInputClass(): string;
25
+ static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
26
+ 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>;
27
+ }
@@ -0,0 +1,36 @@
1
+ import { ElementRef, AfterContentChecked, ChangeDetectorRef } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { cn } from './utils/cn';
4
+ import * as i0 from "@angular/core";
5
+ export declare class MaskedInputComponent implements ControlValueAccessor, AfterContentChecked {
6
+ private el;
7
+ private cdr;
8
+ mask: string;
9
+ placeholder: string;
10
+ type: string;
11
+ disabled: boolean;
12
+ class: string;
13
+ error: boolean;
14
+ size: 'xs' | 'sm' | 'default' | 'lg';
15
+ returnRaw: boolean;
16
+ inputEl: ElementRef<HTMLInputElement>;
17
+ hasPrefix: boolean;
18
+ hasSuffix: boolean;
19
+ displayValue: string;
20
+ private tokens;
21
+ onChange: any;
22
+ onTouched: any;
23
+ constructor(el: ElementRef, cdr: ChangeDetectorRef);
24
+ ngAfterContentChecked(): void;
25
+ get computedInputClass(): string;
26
+ onInput(event: Event): void;
27
+ private applyMask;
28
+ private unmask;
29
+ writeValue(value: any): void;
30
+ registerOnChange(fn: any): void;
31
+ registerOnTouched(fn: any): void;
32
+ setDisabledState(isDisabled: boolean): void;
33
+ protected cn: typeof cn;
34
+ static ɵfac: i0.ɵɵFactoryDeclaration<MaskedInputComponent, never>;
35
+ static ɵcmp: i0.ɵɵComponentDeclaration<MaskedInputComponent, "tolle-masked-input", never, { "mask": { "alias": "mask"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; "error": { "alias": "error"; "required": false; }; "size": { "alias": "size"; "required": false; }; "returnRaw": { "alias": "returnRaw"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
36
+ }
@@ -0,0 +1,16 @@
1
+ import { OverlayRef } from '@angular/cdk/overlay';
2
+ import { Modal } from './modal';
3
+ import { ModalStackService } from './modal-stack.service';
4
+ export declare class ModalRef<R = any> {
5
+ private overlay;
6
+ modal: Modal;
7
+ private stack;
8
+ private readonly _afterClosed$;
9
+ afterClosed$: import("rxjs").Observable<R | null | undefined>;
10
+ constructor(overlay: OverlayRef, modal: Modal, stack: ModalStackService);
11
+ /**
12
+ * Closes the modal instantly.
13
+ * @param result Data to pass back to the caller
14
+ */
15
+ close(result?: R): void;
16
+ }
@@ -0,0 +1,12 @@
1
+ import { ModalRef } from './modal-ref';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ModalStackService {
4
+ private _stack;
5
+ register(ref: ModalRef): void;
6
+ unregister(ref: ModalRef): void;
7
+ /** Instantly closes all open modals */
8
+ closeAll(): void;
9
+ get activeCount(): number;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<ModalStackService, never>;
11
+ static ɵprov: i0.ɵɵInjectableDeclaration<ModalStackService>;
12
+ }
@@ -0,0 +1,19 @@
1
+ import { OnInit, TemplateRef, Type } from '@angular/core';
2
+ import { ModalRef } from './modal-ref';
3
+ import { cn } from './utils/cn';
4
+ import * as i0 from "@angular/core";
5
+ export declare class ModalComponent implements OnInit {
6
+ ref: ModalRef;
7
+ contentType: 'template' | 'string' | 'component';
8
+ content: any;
9
+ modalClasses: string;
10
+ constructor(ref: ModalRef);
11
+ ngOnInit(): void;
12
+ private getModalSizeCss;
13
+ private determineContentType;
14
+ get asTemplate(): TemplateRef<any>;
15
+ get asComponent(): Type<any>;
16
+ protected cn: typeof cn;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "tolle-modal", never, {}, {}, never, never, true, never>;
19
+ }
package/lib/modal.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ import { TemplateRef, Type } from "@angular/core";
2
+ export declare class Modal<T = any> {
3
+ /** The content to display (String, Component, or Template) */
4
+ content: string | Type<any> | TemplateRef<any>;
5
+ /** Optional title for the standard header */
6
+ title?: string;
7
+ /** * Predefined size scale.
8
+ * - xs: 320px (Mobile alerts)
9
+ * - sm: 425px (Standard dialogs)
10
+ * - default: 544px (Forms)
11
+ * - lg: 90% / 1024px (Data tables)
12
+ * - fullscreen: 100vw/100vh (Complex workflows)
13
+ */
14
+ size?: 'xs' | 'sm' | 'default' | 'lg' | 'fullscreen';
15
+ /** * If true (default), clicking the backdrop closes the modal.
16
+ * Set to false for "blocking" modals (e.g., Terms of Service).
17
+ */
18
+ backdropClose?: boolean;
19
+ /** * Data to pass to a Component content.
20
+ * Accessed via @Input() in the child component.
21
+ */
22
+ data?: {
23
+ [key: string]: any;
24
+ };
25
+ /** * Context to pass to a TemplateRef content.
26
+ * Accessed via `let-val` in the HTML.
27
+ */
28
+ context?: T;
29
+ }
@@ -0,0 +1,18 @@
1
+ import { Injector } from '@angular/core';
2
+ import { Overlay } from '@angular/cdk/overlay';
3
+ import { Modal } from './modal';
4
+ import { ModalRef } from './modal-ref';
5
+ import { ModalStackService } from './modal-stack.service';
6
+ import * as i0 from "@angular/core";
7
+ export declare class ModalService {
8
+ private overlay;
9
+ private injector;
10
+ private stack;
11
+ constructor(overlay: Overlay, injector: Injector, stack: ModalStackService);
12
+ open<R = any>(config: Modal): ModalRef<R>;
13
+ /** Global helper to close everything */
14
+ closeAll(): void;
15
+ private createOverlay;
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
17
+ static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
18
+ }
@@ -0,0 +1,47 @@
1
+ import { QueryList, AfterContentInit, ElementRef } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { SelectItemComponent } from './select-item.component';
4
+ import { SelectService } from './select.service';
5
+ import { cn } from './utils/cn';
6
+ import * as i0 from "@angular/core";
7
+ export declare class MultiSelectComponent implements ControlValueAccessor, AfterContentInit {
8
+ private selectService;
9
+ placeholder: string;
10
+ size: 'xs' | 'sm' | 'default' | 'lg';
11
+ searchable: boolean;
12
+ disabled: boolean;
13
+ class: string;
14
+ trigger: ElementRef;
15
+ popover: ElementRef;
16
+ items: QueryList<SelectItemComponent>;
17
+ value: any[];
18
+ selectedItems: {
19
+ label: string;
20
+ value: any;
21
+ }[];
22
+ isOpen: boolean;
23
+ searchQuery: string;
24
+ noResults: boolean;
25
+ private cleanup?;
26
+ constructor(selectService: SelectService);
27
+ ngAfterContentInit(): void;
28
+ toggle(): void;
29
+ open(): void;
30
+ close(): void;
31
+ private updatePosition;
32
+ toggleValue(val: any): void;
33
+ selectAll(): void;
34
+ clearAll(): void;
35
+ removeValue(event: MouseEvent, val: any): void;
36
+ private syncItems;
37
+ onSearchChange(q: string): void;
38
+ onClickOutside(event: MouseEvent): void;
39
+ onChange: any;
40
+ onTouched: any;
41
+ writeValue(v: any[]): void;
42
+ registerOnChange(fn: any): void;
43
+ registerOnTouched(fn: any): void;
44
+ protected cn: typeof cn;
45
+ static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
46
+ static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "tolle-multi-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
47
+ }
@@ -0,0 +1,36 @@
1
+ import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
+ import { cn } from './utils/cn';
3
+ import * as i0 from "@angular/core";
4
+ export declare class PaginationComponent implements OnInit, OnChanges {
5
+ class: string;
6
+ showPageLinks: boolean;
7
+ showPageOptions: boolean;
8
+ showCurrentPageInfo: boolean;
9
+ currentPageInfoTemplate?: string;
10
+ totalRecords: number;
11
+ currentPageSize: number;
12
+ currentPage: number;
13
+ pageSizeOptions: number[];
14
+ onPageNumberChange: EventEmitter<number>;
15
+ onPageSizeChange: EventEmitter<number>;
16
+ totalPages: number;
17
+ first: number;
18
+ last: number;
19
+ displayPageIndex: number[];
20
+ pageReport: string;
21
+ private initialized;
22
+ private cd;
23
+ protected cn: typeof cn;
24
+ navBtnClass: string;
25
+ ngOnInit(): void;
26
+ ngOnChanges(changes: SimpleChanges): void;
27
+ private initializePagination;
28
+ nextPage(): void;
29
+ previousPage(): void;
30
+ selectPage(page: number): void;
31
+ sizeChange(size: number): void;
32
+ private emitChange;
33
+ private calcPagination;
34
+ static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
35
+ static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "tolle-pagination", never, { "class": { "alias": "class"; "required": false; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; }; "showPageOptions": { "alias": "showPageOptions"; "required": false; }; "showCurrentPageInfo": { "alias": "showCurrentPageInfo"; "required": false; }; "currentPageInfoTemplate": { "alias": "currentPageInfoTemplate"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "currentPageSize": { "alias": "currentPageSize"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; }, { "onPageNumberChange": "onPageNumberChange"; "onPageSizeChange": "onPageSizeChange"; }, never, never, true, never>;
36
+ }
@@ -0,0 +1,37 @@
1
+ import { OnInit, EventEmitter } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { cn } from './utils/cn';
4
+ import { DateRange } from '@tolle/ui/types/date-range';
5
+ import * as i0 from "@angular/core";
6
+ export declare class RangeCalendarComponent implements OnInit, ControlValueAccessor {
7
+ class: string;
8
+ disablePastDates: boolean;
9
+ rangeSelect: EventEmitter<DateRange>;
10
+ currentView: 'date' | 'month' | 'year';
11
+ viewDate: Date;
12
+ value: DateRange;
13
+ weekDays: string[];
14
+ daysInMonth: Date[];
15
+ months: string[];
16
+ years: number[];
17
+ navBtnClass: string;
18
+ onTouched: () => void;
19
+ onChange: (value: DateRange) => void;
20
+ protected cn: typeof cn;
21
+ ngOnInit(): void;
22
+ generateDays(): void;
23
+ generateYears(): void;
24
+ setView(view: 'date' | 'month' | 'year'): void;
25
+ prev(): void;
26
+ next(): void;
27
+ selectDate(date: Date): void;
28
+ selectMonth(monthIndex: number): void;
29
+ selectYear(year: number): void;
30
+ getDayClass(date: Date): string;
31
+ isDateDisabled(date: Date): boolean;
32
+ writeValue(val: DateRange | null): void;
33
+ registerOnChange(fn: any): void;
34
+ registerOnTouched(fn: any): void;
35
+ static ɵfac: i0.ɵɵFactoryDeclaration<RangeCalendarComponent, never>;
36
+ static ɵcmp: i0.ɵɵComponentDeclaration<RangeCalendarComponent, "tolle-range-calendar", never, { "class": { "alias": "class"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; }, { "rangeSelect": "rangeSelect"; }, never, never, true, never>;
37
+ }
@@ -0,0 +1,8 @@
1
+ import { cn } from './utils/cn';
2
+ import * as i0 from "@angular/core";
3
+ export declare class SelectGroupComponent {
4
+ class: string;
5
+ protected cn: typeof cn;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectGroupComponent, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<SelectGroupComponent, "tolle-select-group", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
8
+ }
@@ -0,0 +1,18 @@
1
+ import { ElementRef } from '@angular/core';
2
+ import { cn } from './utils/cn';
3
+ import { SelectService } from '@tolle/ui/select.service';
4
+ import * as i0 from "@angular/core";
5
+ export declare class SelectItemComponent {
6
+ private selectService;
7
+ private el;
8
+ value: any;
9
+ class: string;
10
+ selected: boolean;
11
+ hidden: boolean;
12
+ constructor(selectService: SelectService, el: ElementRef);
13
+ getLabel(): string;
14
+ onClick(event: MouseEvent): void;
15
+ protected cn: typeof cn;
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectItemComponent, [{ optional: true; }, null]>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<SelectItemComponent, "tolle-select-item", never, { "value": { "alias": "value"; "required": false; }; "class": { "alias": "class"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
18
+ }
@@ -0,0 +1,8 @@
1
+ import { cn } from './utils/cn';
2
+ import * as i0 from "@angular/core";
3
+ export declare class SelectSeparatorComponent {
4
+ class: string;
5
+ protected cn: typeof cn;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectSeparatorComponent, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<SelectSeparatorComponent, "tolle-select-separator", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
8
+ }
@@ -0,0 +1,45 @@
1
+ import { ElementRef, OnDestroy, QueryList, AfterContentInit } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { cn } from './utils/cn';
4
+ import { SelectItemComponent } from './select-item.component';
5
+ import { SelectService } from './select.service';
6
+ import * as i0 from "@angular/core";
7
+ export declare class SelectComponent implements ControlValueAccessor, AfterContentInit, OnDestroy {
8
+ private selectService;
9
+ placeholder: string;
10
+ class: string;
11
+ disabled: boolean;
12
+ searchable: boolean;
13
+ size: 'xs' | 'sm' | 'default' | 'lg';
14
+ trigger: ElementRef;
15
+ popover: ElementRef;
16
+ items: QueryList<SelectItemComponent>;
17
+ private sub;
18
+ searchQuery: string;
19
+ noResults: boolean;
20
+ isOpen: boolean;
21
+ value: any;
22
+ selectedLabel: string;
23
+ cleanupAutoUpdate?: () => void;
24
+ onChange: any;
25
+ onTouched: any;
26
+ protected cn: typeof cn;
27
+ constructor(selectService: SelectService);
28
+ get computedTriggerClass(): string;
29
+ get iconClass(): string;
30
+ ngAfterContentInit(): void;
31
+ private updateItemSelection;
32
+ toggle(): void;
33
+ open(): void;
34
+ close(): void;
35
+ private updatePosition;
36
+ onSearchChange(query: string): void;
37
+ onDocumentClick(event: MouseEvent): void;
38
+ writeValue(value: any): void;
39
+ registerOnChange(fn: any): void;
40
+ registerOnTouched(fn: any): void;
41
+ setDisabledState(isDisabled: boolean): void;
42
+ ngOnDestroy(): void;
43
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
44
+ 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>;
45
+ }
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class SelectService {
3
+ private selectedValueSource;
4
+ selectedValue$: import("rxjs").Observable<any>;
5
+ private selectedLabelSource;
6
+ selectedLabel$: import("rxjs").Observable<string>;
7
+ registerClick(value: any, label: string): void;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectService, never>;
9
+ static ɵprov: i0.ɵɵInjectableDeclaration<SelectService>;
10
+ }
@@ -0,0 +1,10 @@
1
+ import { cn } from './utils/cn';
2
+ import * as i0 from "@angular/core";
3
+ export declare class SkeletonComponent {
4
+ variant: 'rect' | 'circle' | 'pill';
5
+ class: string;
6
+ protected readonly cn: typeof cn;
7
+ get computedClass(): string;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "tolle-skeleton", never, { "variant": { "alias": "variant"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
10
+ }
@@ -0,0 +1,39 @@
1
+ import { ChangeDetectorRef } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { cn } from './utils/cn';
4
+ import * as i0 from "@angular/core";
5
+ export declare class SwitchComponent implements ControlValueAccessor {
6
+ private cdr;
7
+ class: string;
8
+ disabled: boolean;
9
+ size: 'xs' | 'sm' | 'default' | 'lg';
10
+ checked: boolean;
11
+ onChange: any;
12
+ onTouched: any;
13
+ constructor(cdr: ChangeDetectorRef);
14
+ get sizeClasses(): {
15
+ track: string;
16
+ thumb: string;
17
+ translate: string;
18
+ } | {
19
+ track: string;
20
+ thumb: string;
21
+ translate: string;
22
+ } | {
23
+ track: string;
24
+ thumb: string;
25
+ translate: string;
26
+ } | {
27
+ track: string;
28
+ thumb: string;
29
+ translate: string;
30
+ };
31
+ protected cn: typeof cn;
32
+ toggle(): void;
33
+ writeValue(value: boolean): void;
34
+ registerOnChange(fn: any): void;
35
+ registerOnTouched(fn: any): void;
36
+ setDisabledState(isDisabled: boolean): void;
37
+ static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
38
+ static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "tolle-switch", never, { "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
39
+ }
@@ -0,0 +1,24 @@
1
+ import * as i0 from "@angular/core";
2
+ export interface Toast {
3
+ id: number;
4
+ title?: string;
5
+ description: string;
6
+ variant?: 'default' | 'destructive' | 'success';
7
+ duration?: number;
8
+ remainingTime: number;
9
+ isPaused: boolean;
10
+ }
11
+ export type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
12
+ export declare class ToastService {
13
+ private toasts;
14
+ private toastSubject;
15
+ toasts$: import("rxjs").Observable<Toast[]>;
16
+ constructor();
17
+ show(toast: Omit<Toast, 'id' | 'remainingTime' | 'isPaused'>): void;
18
+ private tick;
19
+ setPaused(id: number, paused: boolean): void;
20
+ remove(id: number): void;
21
+ private notify;
22
+ static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
23
+ static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
24
+ }