@tolle_/tolle-ui 0.0.28-beta → 0.0.30-beta

package/lib/button.component.d.ts

@@ -1,8 +1,8 @@
 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?: "xs" | "sm" | "default" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
     busy?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonProps = VariantProps<typeof buttonVariants>;

package/lib/calendar.component.d.ts

@@ -1,10 +1,19 @@
-import { OnInit } from '@angular/core';
+import { OnInit, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { cn } from './utils/cn';
 import * as i0 from "@angular/core";
+export type CalendarMode = 'date' | 'month' | 'year';
 export declare class CalendarComponent implements OnInit, ControlValueAccessor {
     class: string;
+    mode: CalendarMode;
     disablePastDates: boolean;
+    showQuickActions: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    formatMonthFn?: (date: Date) => string;
+    formatYearFn?: (date: Date) => string;
+    formatDateFn?: (date: Date) => string;
+    dateSelect: EventEmitter<Date | null>;
     currentView: 'date' | 'month' | 'year';
     viewDate: Date;
     selectedDate: Date | null;
@@ -12,24 +21,36 @@ export declare class CalendarComponent implements OnInit, ControlValueAccessor {
     daysInMonth: Date[];
     months: string[];
     years: number[];
+    yearRangeStart: number;
     navBtnClass: string;
+    quickActionBtnClass: string;
     onTouched: () => void;
     onChange: (value: any) => void;
     protected cn: typeof cn;
+    constructor();
     ngOnInit(): void;
+    formatMonthYear(date: Date, type: 'month' | 'year'): string;
+    formatDate(date: Date, type: 'day' | 'month' | 'year'): string;
     generateDays(): void;
     generateYears(): void;
     setView(view: 'date' | 'month' | 'year'): void;
     prev(): void;
     next(): void;
+    prevYears(): void;
+    nextYears(): void;
     selectDate(date: Date): void;
     selectMonth(monthIndex: number): void;
     selectYear(year: number): void;
     getDayClass(date: Date): string;
+    getMonthClass(monthIndex: number): string;
+    getYearClass(year: number): string;
     isDateDisabled(date: Date): boolean;
+    isTodayDisabled(): boolean;
+    selectToday(): void;
+    clear(): void;
     writeValue(obj: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "tolle-calendar", never, { "class": { "alias": "class"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "tolle-calendar", never, { "class": { "alias": "class"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disablePastDates": { "alias": "disablePastDates"; "required": false; }; "showQuickActions": { "alias": "showQuickActions"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "formatMonthFn": { "alias": "formatMonthFn"; "required": false; }; "formatYearFn": { "alias": "formatYearFn"; "required": false; }; "formatDateFn": { "alias": "formatDateFn"; "required": false; }; }, { "dateSelect": "dateSelect"; }, never, never, true, never>;
 }

package/lib/date-picker.component.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { cn } from './utils/cn';
+import { CalendarMode } from './calendar.component';
 import * as i0 from "@angular/core";
 export declare class DatePickerComponent implements ControlValueAccessor {
     private cdr;
@@ -8,6 +9,14 @@ export declare class DatePickerComponent implements ControlValueAccessor {
     disabled: boolean;
     class: string;
     disablePastDates: boolean;
+    showClear: boolean;
+    showQuickActions: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    mode: CalendarMode;
+    formatMonthFn?: (date: Date) => string;
+    formatYearFn?: (date: Date) => string;
+    displayFormat?: (date: Date, mode: CalendarMode) => string;
     triggerContainer: ElementRef;
     popover: ElementRef;
     value: Date | null;
@@ -15,8 +24,13 @@ export declare class DatePickerComponent implements ControlValueAccessor {
     isOpen: boolean;
     cleanupAutoUpdate?: () => void;
     constructor(cdr: ChangeDetectorRef);
+    getMask(): string;
+    getPlaceholder(): string;
+    getFormatString(): string;
+    formatDate(date: Date): string;
+    parseDate(str: string): Date | null;
     onInputChange(str: string): void;
-    onCalendarChange(date: Date): void;
+    onCalendarChange(date: Date | null): void;
     togglePopover(event: MouseEvent): void;
     open(): void;
     close(): void;
@@ -31,5 +45,5 @@ export declare class DatePickerComponent implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     protected cn: typeof cn;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    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>;
+    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; }; "showClear": { "alias": "showClear"; "required": false; }; "showQuickActions": { "alias": "showQuickActions"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "formatMonthFn": { "alias": "formatMonthFn"; "required": false; }; "formatYearFn": { "alias": "formatYearFn"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/date-range-picker.component.d.ts

@@ -18,12 +18,14 @@ export declare class DateRangePickerComponent implements ControlValueAccessor {
     constructor(cdr: ChangeDetectorRef);
     get displayValue(): string;
     onCalendarSelect(range: DateRange): void;
-    togglePopover(_: MouseEvent): void;
+    togglePopover(event: MouseEvent): void;
     open(): void;
     close(): void;
     clear(event: MouseEvent): void;
     private updatePosition;
     onClickOutside(event: MouseEvent): void;
+    onWindowResize(): void;
+    onWindowScroll(): void;
     onChange: any;
     onTouched: any;
     writeValue(val: DateRange | null): void;

package/lib/multi-select.component.d.ts

@@ -11,6 +11,9 @@ export declare class MultiSelectComponent implements ControlValueAccessor, After
     searchable: boolean;
     disabled: boolean;
     class: string;
+    maxSelections?: number;
+    maxDisplayItems: number;
+    error: boolean;
     trigger: ElementRef;
     popover: ElementRef;
     items: QueryList<SelectItemComponent>;
@@ -24,7 +27,15 @@ export declare class MultiSelectComponent implements ControlValueAccessor, After
     noResults: boolean;
     private cleanup?;
     constructor(selectService: SelectService);
+    get computedTriggerClass(): string;
     ngAfterContentInit(): void;
+    get displayItems(): {
+        label: string;
+        value: any;
+    }[];
+    get exceedsDisplayLimit(): boolean;
+    get selectableItems(): SelectItemComponent[];
+    get availableSelections(): number;
     toggle(): void;
     open(): void;
     close(): void;
@@ -41,7 +52,8 @@ export declare class MultiSelectComponent implements ControlValueAccessor, After
     writeValue(v: any[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
     protected cn: typeof cn;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    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>;
+    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; }; "maxSelections": { "alias": "maxSelections"; "required": false; }; "maxDisplayItems": { "alias": "maxDisplayItems"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
 }

package/lib/segment.component.d.ts

@@ -0,0 +1,38 @@
+import { ElementRef, QueryList, AfterViewInit, ChangeDetectorRef, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+export type SegmentItem = {
+    label: string;
+    value: any;
+    disabled?: boolean;
+    icon?: string;
+    class?: string;
+    data?: any;
+};
+export declare class SegmentedComponent implements ControlValueAccessor, AfterViewInit, OnChanges {
+    private cdr;
+    items: SegmentItem[];
+    class: string;
+    disabled: boolean;
+    itemTemplate?: TemplateRef<any>;
+    value: any;
+    gliderLeft: number;
+    gliderWidth: number;
+    hasValue: boolean;
+    itemElements: QueryList<ElementRef<HTMLElement>>;
+    onChange: any;
+    onTouched: any;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    select(val: any): void;
+    updateGlider(): void;
+    writeValue(val: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedComponent, "tolle-segment", never, { "items": { "alias": "items"; "required": false; }; "class": { "alias": "class"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/select-item.component.d.ts

@@ -8,11 +8,14 @@ export declare class SelectItemComponent {
     value: any;
     class: string;
     selected: boolean;
+    disabled: boolean;
+    multiSelect: boolean;
     hidden: boolean;
     constructor(selectService: SelectService, el: ElementRef);
     getLabel(): string;
+    getItemClasses(): string;
     onClick(event: MouseEvent): void;
     protected cn: typeof cn;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectItemComponent, [{ optional: true; }, null]>;
-    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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectItemComponent, "tolle-select-item", never, { "value": { "alias": "value"; "required": false; }; "class": { "alias": "class"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "multiSelect": { "alias": "multiSelect"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/package.json

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

package/public-api.d.ts

@@ -53,3 +53,4 @@ export * from './lib/popover.component';
 export * from './lib/popover-content.component';
 export * from './lib/radio-group.component';
 export * from './lib/radio-item.component';
+export * from './lib/segment.component';