@sonny-ui/core 0.1.0-alpha.13 → 0.1.0-alpha.15
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.
- package/fesm2022/sonny-ui-core.mjs +2239 -632
- package/fesm2022/sonny-ui-core.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/calendar/calendar.component.spec.ts +87 -0
- package/src/lib/calendar/calendar.component.ts +184 -61
- package/src/lib/calendar/calendar.types.ts +24 -0
- package/src/lib/calendar/index.ts +6 -0
- package/src/lib/data-table/data-table.component.spec.ts +443 -0
- package/src/lib/data-table/data-table.component.ts +603 -0
- package/src/lib/data-table/data-table.directives.ts +35 -0
- package/src/lib/data-table/data-table.types.ts +20 -0
- package/src/lib/data-table/index.ts +13 -0
- package/src/lib/date-picker/date-picker.component.spec.ts +131 -0
- package/src/lib/date-picker/date-picker.component.ts +220 -0
- package/src/lib/date-picker/date-picker.variants.ts +17 -0
- package/src/lib/date-picker/index.ts +2 -0
- package/src/lib/date-range-picker/date-range-picker.component.spec.ts +151 -0
- package/src/lib/date-range-picker/date-range-picker.component.ts +340 -0
- package/src/lib/date-range-picker/index.ts +1 -0
- package/types/sonny-ui-core.d.ts +234 -7
package/types/sonny-ui-core.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ClassValue } from 'clsx';
|
|
2
2
|
export { VariantProps, cva } from 'class-variance-authority';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
|
-
import { InjectionToken, EnvironmentProviders, OnDestroy } from '@angular/core';
|
|
4
|
+
import { InjectionToken, EnvironmentProviders, OnDestroy, TemplateRef } from '@angular/core';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
6
|
import * as _sonny_ui_core from '@sonny-ui/core';
|
|
7
7
|
import { ComponentType } from '@angular/cdk/overlay';
|
|
@@ -719,6 +719,112 @@ declare class SnyTableCaptionDirective {
|
|
|
719
719
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyTableCaptionDirective, "caption[snyTableCaption]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
720
720
|
}
|
|
721
721
|
|
|
722
|
+
declare class SnyCellDefDirective {
|
|
723
|
+
readonly snyCell: _angular_core.InputSignal<string>;
|
|
724
|
+
readonly template: TemplateRef<any>;
|
|
725
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCellDefDirective, never>;
|
|
726
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyCellDefDirective, "[snyCell]", never, { "snyCell": { "alias": "snyCell"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
727
|
+
}
|
|
728
|
+
declare class SnyHeaderCellDefDirective {
|
|
729
|
+
readonly snyHeaderCell: _angular_core.InputSignal<string>;
|
|
730
|
+
readonly template: TemplateRef<any>;
|
|
731
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyHeaderCellDefDirective, never>;
|
|
732
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyHeaderCellDefDirective, "[snyHeaderCell]", never, { "snyHeaderCell": { "alias": "snyHeaderCell"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
733
|
+
}
|
|
734
|
+
declare class SnyBulkActionsDefDirective {
|
|
735
|
+
readonly template: TemplateRef<any>;
|
|
736
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyBulkActionsDefDirective, never>;
|
|
737
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyBulkActionsDefDirective, "[snyBulkActions]", never, {}, {}, never, never, true, never>;
|
|
738
|
+
}
|
|
739
|
+
declare class SnyRowExpandDefDirective {
|
|
740
|
+
readonly template: TemplateRef<any>;
|
|
741
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyRowExpandDefDirective, never>;
|
|
742
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyRowExpandDefDirective, "[snyRowExpand]", never, {}, {}, never, never, true, never>;
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
interface DataTableColumn {
|
|
746
|
+
key: string;
|
|
747
|
+
label: string;
|
|
748
|
+
sortable?: boolean;
|
|
749
|
+
filterable?: boolean;
|
|
750
|
+
width?: string;
|
|
751
|
+
visible?: boolean;
|
|
752
|
+
}
|
|
753
|
+
type SortDirection = 'asc' | 'desc' | null;
|
|
754
|
+
interface SortState {
|
|
755
|
+
key: string;
|
|
756
|
+
direction: SortDirection;
|
|
757
|
+
}
|
|
758
|
+
interface DataTablePaginationConfig {
|
|
759
|
+
pageSize: number;
|
|
760
|
+
pageSizeOptions: number[];
|
|
761
|
+
}
|
|
762
|
+
|
|
763
|
+
declare class SnyDataTableComponent {
|
|
764
|
+
readonly columns: _angular_core.InputSignal<DataTableColumn[]>;
|
|
765
|
+
readonly data: _angular_core.InputSignal<Record<string, unknown>[]>;
|
|
766
|
+
readonly variant: _angular_core.InputSignal<TableVariant>;
|
|
767
|
+
readonly density: _angular_core.InputSignal<TableDensity>;
|
|
768
|
+
readonly hoverable: _angular_core.InputSignal<boolean>;
|
|
769
|
+
readonly stickyHeader: _angular_core.InputSignal<boolean>;
|
|
770
|
+
readonly selectable: _angular_core.InputSignal<boolean>;
|
|
771
|
+
readonly paginated: _angular_core.InputSignal<boolean>;
|
|
772
|
+
readonly filterable: _angular_core.InputSignal<boolean>;
|
|
773
|
+
readonly showExport: _angular_core.InputSignal<boolean>;
|
|
774
|
+
readonly showColumnToggle: _angular_core.InputSignal<boolean>;
|
|
775
|
+
readonly expandable: _angular_core.InputSignal<boolean>;
|
|
776
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
777
|
+
readonly loadingRows: _angular_core.InputSignal<number>;
|
|
778
|
+
readonly paginationConfig: _angular_core.InputSignal<DataTablePaginationConfig>;
|
|
779
|
+
readonly trackBy: _angular_core.InputSignal<string>;
|
|
780
|
+
readonly noDataText: _angular_core.InputSignal<string>;
|
|
781
|
+
readonly selectedRows: _angular_core.ModelSignal<Record<string, unknown>[]>;
|
|
782
|
+
readonly sortChanged: _angular_core.OutputEmitterRef<SortState>;
|
|
783
|
+
readonly rowClicked: _angular_core.OutputEmitterRef<Record<string, unknown>>;
|
|
784
|
+
readonly dataExported: _angular_core.OutputEmitterRef<Record<string, unknown>[]>;
|
|
785
|
+
readonly cellDefs: _angular_core.Signal<readonly SnyCellDefDirective[]>;
|
|
786
|
+
readonly headerCellDefs: _angular_core.Signal<readonly SnyHeaderCellDefDirective[]>;
|
|
787
|
+
readonly bulkActionsDef: _angular_core.Signal<SnyBulkActionsDefDirective | undefined>;
|
|
788
|
+
readonly rowExpandDef: _angular_core.Signal<SnyRowExpandDefDirective | undefined>;
|
|
789
|
+
readonly sortState: _angular_core.WritableSignal<SortState>;
|
|
790
|
+
readonly filterText: _angular_core.WritableSignal<string>;
|
|
791
|
+
readonly currentPage: _angular_core.WritableSignal<number>;
|
|
792
|
+
readonly pageSize: _angular_core.WritableSignal<number>;
|
|
793
|
+
readonly hiddenColumns: _angular_core.WritableSignal<Set<string>>;
|
|
794
|
+
readonly expandedRows: _angular_core.WritableSignal<Set<unknown>>;
|
|
795
|
+
readonly cellDefMap: _angular_core.Signal<Map<string, TemplateRef<unknown>>>;
|
|
796
|
+
readonly headerCellDefMap: _angular_core.Signal<Map<string, TemplateRef<unknown>>>;
|
|
797
|
+
readonly visibleColumns: _angular_core.Signal<DataTableColumn[]>;
|
|
798
|
+
readonly pageSizeOptions: _angular_core.Signal<SelectOption[]>;
|
|
799
|
+
readonly pageSizeValue: _angular_core.Signal<string>;
|
|
800
|
+
readonly skeletonRows: _angular_core.Signal<number[]>;
|
|
801
|
+
readonly showBulkActions: _angular_core.Signal<boolean>;
|
|
802
|
+
readonly filteredData: _angular_core.Signal<Record<string, unknown>[]>;
|
|
803
|
+
readonly sortedData: _angular_core.Signal<Record<string, unknown>[]>;
|
|
804
|
+
readonly totalPages: _angular_core.Signal<number>;
|
|
805
|
+
readonly paginatedData: _angular_core.Signal<Record<string, unknown>[]>;
|
|
806
|
+
readonly totalColSpan: _angular_core.Signal<number>;
|
|
807
|
+
readonly allSelected: _angular_core.Signal<boolean>;
|
|
808
|
+
readonly someSelected: _angular_core.Signal<boolean>;
|
|
809
|
+
constructor();
|
|
810
|
+
toggleSort(key: string): void;
|
|
811
|
+
onFilterInput(event: Event): void;
|
|
812
|
+
onPageSizeChange(value: string): void;
|
|
813
|
+
toggleSelectAll(): void;
|
|
814
|
+
toggleRowSelection(row: Record<string, unknown>): void;
|
|
815
|
+
onRowClick(row: Record<string, unknown>): void;
|
|
816
|
+
onExport(): void;
|
|
817
|
+
toggleColumnVisibility(key: string): void;
|
|
818
|
+
toggleRowExpansion(row: Record<string, unknown>): void;
|
|
819
|
+
isExpanded(row: Record<string, unknown>): boolean;
|
|
820
|
+
isSelected(row: Record<string, unknown>): boolean;
|
|
821
|
+
trackByFn(row: Record<string, unknown>, index: number): unknown;
|
|
822
|
+
private isRowInList;
|
|
823
|
+
private rowsEqual;
|
|
824
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDataTableComponent, never>;
|
|
825
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyDataTableComponent, "sny-data-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; "showColumnToggle": { "alias": "showColumnToggle"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingRows": { "alias": "loadingRows"; "required": false; "isSignal": true; }; "paginationConfig": { "alias": "paginationConfig"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "selectedRows": { "alias": "selectedRows"; "required": false; "isSignal": true; }; }, { "selectedRows": "selectedRowsChange"; "sortChanged": "sortChanged"; "rowClicked": "rowClicked"; "dataExported": "dataExported"; }, ["cellDefs", "headerCellDefs", "bulkActionsDef", "rowExpandDef"], never, true, never>;
|
|
826
|
+
}
|
|
827
|
+
|
|
722
828
|
interface CdkDialogRefLike<R> {
|
|
723
829
|
close(result?: R): void;
|
|
724
830
|
readonly closed: Observable<R | undefined>;
|
|
@@ -1530,6 +1636,10 @@ declare class SnyLinkDirective {
|
|
|
1530
1636
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyLinkDirective, "a[snyLink]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1531
1637
|
}
|
|
1532
1638
|
|
|
1639
|
+
interface DateRange {
|
|
1640
|
+
start: Date | null;
|
|
1641
|
+
end: Date | null;
|
|
1642
|
+
}
|
|
1533
1643
|
interface CalendarDay {
|
|
1534
1644
|
date: Date;
|
|
1535
1645
|
day: number;
|
|
@@ -1537,34 +1647,151 @@ interface CalendarDay {
|
|
|
1537
1647
|
isToday: boolean;
|
|
1538
1648
|
isSelected: boolean;
|
|
1539
1649
|
isDisabled: boolean;
|
|
1650
|
+
isRangeStart: boolean;
|
|
1651
|
+
isRangeEnd: boolean;
|
|
1652
|
+
isInRange: boolean;
|
|
1653
|
+
isRangePreview: boolean;
|
|
1540
1654
|
}
|
|
1655
|
+
type CalendarMode = 'single' | 'range';
|
|
1656
|
+
interface DatePickerPreset {
|
|
1657
|
+
label: string;
|
|
1658
|
+
range: DateRange;
|
|
1659
|
+
}
|
|
1660
|
+
|
|
1541
1661
|
declare class SnyCalendarComponent implements ControlValueAccessor {
|
|
1542
1662
|
readonly value: _angular_core.ModelSignal<Date | null>;
|
|
1543
1663
|
readonly min: _angular_core.InputSignal<Date | undefined>;
|
|
1544
1664
|
readonly max: _angular_core.InputSignal<Date | undefined>;
|
|
1545
1665
|
readonly locale: _angular_core.InputSignal<string>;
|
|
1546
1666
|
readonly class: _angular_core.InputSignal<string>;
|
|
1667
|
+
readonly mode: _angular_core.InputSignal<CalendarMode>;
|
|
1668
|
+
readonly rangeValue: _angular_core.ModelSignal<DateRange | null>;
|
|
1669
|
+
readonly showNavigation: _angular_core.InputSignal<boolean>;
|
|
1670
|
+
readonly initialViewDate: _angular_core.InputSignal<Date | undefined>;
|
|
1671
|
+
readonly borderless: _angular_core.InputSignal<boolean>;
|
|
1672
|
+
readonly hostClass: _angular_core.Signal<"inline-block p-3 bg-background" | "inline-block p-4 rounded-md border border-border bg-background">;
|
|
1547
1673
|
private readonly _disabledByCva;
|
|
1674
|
+
readonly hoveredDate: _angular_core.WritableSignal<Date | null>;
|
|
1548
1675
|
readonly viewDate: _angular_core.WritableSignal<Date>;
|
|
1549
1676
|
readonly weekDays: string[];
|
|
1550
1677
|
private _onChange;
|
|
1551
1678
|
protected onTouched: () => void;
|
|
1552
|
-
writeValue(val:
|
|
1553
|
-
registerOnChange(fn: (value:
|
|
1679
|
+
writeValue(val: unknown): void;
|
|
1680
|
+
registerOnChange(fn: (value: unknown) => void): void;
|
|
1554
1681
|
registerOnTouched(fn: () => void): void;
|
|
1555
1682
|
setDisabledState(isDisabled: boolean): void;
|
|
1556
1683
|
readonly monthYearLabel: _angular_core.Signal<string>;
|
|
1557
1684
|
readonly days: _angular_core.Signal<CalendarDay[]>;
|
|
1558
1685
|
prevMonth(): void;
|
|
1559
1686
|
nextMonth(): void;
|
|
1560
|
-
|
|
1687
|
+
onDayClick(date: Date): void;
|
|
1688
|
+
onDayHover(date: Date | null): void;
|
|
1561
1689
|
onKeydown(event: KeyboardEvent): void;
|
|
1562
1690
|
dayClass(day: CalendarDay): string;
|
|
1563
1691
|
private navigateDays;
|
|
1564
1692
|
private createDay;
|
|
1565
1693
|
private isSameDay;
|
|
1566
1694
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyCalendarComponent, never>;
|
|
1567
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyCalendarComponent, "sny-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
1695
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyCalendarComponent, "sny-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; "showNavigation": { "alias": "showNavigation"; "required": false; "isSignal": true; }; "initialViewDate": { "alias": "initialViewDate"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "rangeValue": "rangeValueChange"; }, never, never, true, never>;
|
|
1696
|
+
}
|
|
1697
|
+
|
|
1698
|
+
declare const datePickerTriggerVariants: (props?: ({
|
|
1699
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1700
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1701
|
+
type DatePickerSize = 'sm' | 'md' | 'lg';
|
|
1702
|
+
|
|
1703
|
+
declare class SnyDatePickerComponent implements ControlValueAccessor, OnDestroy {
|
|
1704
|
+
readonly value: _angular_core.ModelSignal<Date | null>;
|
|
1705
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1706
|
+
readonly size: _angular_core.InputSignal<DatePickerSize>;
|
|
1707
|
+
readonly locale: _angular_core.InputSignal<string>;
|
|
1708
|
+
readonly dateFormat: _angular_core.InputSignal<Intl.DateTimeFormatOptions>;
|
|
1709
|
+
readonly min: _angular_core.InputSignal<Date | undefined>;
|
|
1710
|
+
readonly max: _angular_core.InputSignal<Date | undefined>;
|
|
1711
|
+
readonly clearable: _angular_core.InputSignal<boolean>;
|
|
1712
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1713
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1714
|
+
readonly open: _angular_core.WritableSignal<boolean>;
|
|
1715
|
+
readonly internalValue: _angular_core.WritableSignal<Date | null>;
|
|
1716
|
+
private readonly _disabledByCva;
|
|
1717
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
1718
|
+
private readonly triggerRef;
|
|
1719
|
+
private readonly dropdownRef;
|
|
1720
|
+
private readonly elRef;
|
|
1721
|
+
private scrollHandler;
|
|
1722
|
+
private resizeHandler;
|
|
1723
|
+
private _onChange;
|
|
1724
|
+
protected onTouched: () => void;
|
|
1725
|
+
writeValue(val: Date | null): void;
|
|
1726
|
+
registerOnChange(fn: (value: Date | null) => void): void;
|
|
1727
|
+
registerOnTouched(fn: () => void): void;
|
|
1728
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1729
|
+
readonly displayValue: _angular_core.Signal<string>;
|
|
1730
|
+
protected readonly triggerClass: _angular_core.Signal<string>;
|
|
1731
|
+
onDateSelected(date: Date | null): void;
|
|
1732
|
+
clear(event: Event): void;
|
|
1733
|
+
toggle(): void;
|
|
1734
|
+
close(): void;
|
|
1735
|
+
private updateDropdownPosition;
|
|
1736
|
+
private addGlobalListeners;
|
|
1737
|
+
private removeGlobalListeners;
|
|
1738
|
+
ngOnDestroy(): void;
|
|
1739
|
+
onDocumentClick(event: MouseEvent): void;
|
|
1740
|
+
onEscape(): void;
|
|
1741
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDatePickerComponent, never>;
|
|
1742
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyDatePickerComponent, "sny-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
1743
|
+
}
|
|
1744
|
+
|
|
1745
|
+
declare class SnyDateRangePickerComponent implements ControlValueAccessor, OnDestroy {
|
|
1746
|
+
readonly value: _angular_core.ModelSignal<DateRange | null>;
|
|
1747
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1748
|
+
readonly size: _angular_core.InputSignal<DatePickerSize>;
|
|
1749
|
+
readonly locale: _angular_core.InputSignal<string>;
|
|
1750
|
+
readonly dateFormat: _angular_core.InputSignal<Intl.DateTimeFormatOptions>;
|
|
1751
|
+
readonly separator: _angular_core.InputSignal<string>;
|
|
1752
|
+
readonly dualCalendar: _angular_core.InputSignal<boolean>;
|
|
1753
|
+
readonly presets: _angular_core.InputSignal<DatePickerPreset[]>;
|
|
1754
|
+
readonly min: _angular_core.InputSignal<Date | undefined>;
|
|
1755
|
+
readonly max: _angular_core.InputSignal<Date | undefined>;
|
|
1756
|
+
readonly clearable: _angular_core.InputSignal<boolean>;
|
|
1757
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1758
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
1759
|
+
readonly open: _angular_core.WritableSignal<boolean>;
|
|
1760
|
+
readonly internalRange: _angular_core.WritableSignal<DateRange | null>;
|
|
1761
|
+
readonly leftViewDate: _angular_core.WritableSignal<Date>;
|
|
1762
|
+
private readonly _disabledByCva;
|
|
1763
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
1764
|
+
private readonly triggerRef;
|
|
1765
|
+
private readonly dropdownRef;
|
|
1766
|
+
private readonly elRef;
|
|
1767
|
+
private scrollHandler;
|
|
1768
|
+
private resizeHandler;
|
|
1769
|
+
private _onChange;
|
|
1770
|
+
protected onTouched: () => void;
|
|
1771
|
+
readonly rightViewDate: _angular_core.Signal<Date>;
|
|
1772
|
+
readonly leftMonthLabel: _angular_core.Signal<string>;
|
|
1773
|
+
readonly rightMonthLabel: _angular_core.Signal<string>;
|
|
1774
|
+
readonly displayValue: _angular_core.Signal<string>;
|
|
1775
|
+
protected readonly triggerClass: _angular_core.Signal<string>;
|
|
1776
|
+
writeValue(val: DateRange | null): void;
|
|
1777
|
+
registerOnChange(fn: (value: DateRange | null) => void): void;
|
|
1778
|
+
registerOnTouched(fn: () => void): void;
|
|
1779
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1780
|
+
onRangeChanged(range: DateRange | null): void;
|
|
1781
|
+
selectPreset(preset: DatePickerPreset): void;
|
|
1782
|
+
clear(event: Event): void;
|
|
1783
|
+
prevMonth(): void;
|
|
1784
|
+
nextMonth(): void;
|
|
1785
|
+
toggle(): void;
|
|
1786
|
+
close(): void;
|
|
1787
|
+
private updateDropdownPosition;
|
|
1788
|
+
private addGlobalListeners;
|
|
1789
|
+
private removeGlobalListeners;
|
|
1790
|
+
ngOnDestroy(): void;
|
|
1791
|
+
onDocumentClick(event: MouseEvent): void;
|
|
1792
|
+
onEscape(): void;
|
|
1793
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnyDateRangePickerComponent, never>;
|
|
1794
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnyDateRangePickerComponent, "sny-date-range-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
1568
1795
|
}
|
|
1569
1796
|
|
|
1570
1797
|
type ValidatorHintVariant = 'error' | 'success' | 'warning' | 'info';
|
|
@@ -1589,5 +1816,5 @@ declare class SnyValidatorHintDirective {
|
|
|
1589
1816
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SnyValidatorHintDirective, "[snyValidatorHint]", never, { "when": { "alias": "when"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1590
1817
|
}
|
|
1591
1818
|
|
|
1592
|
-
export { SNY_ACCORDION, SNY_ACCORDION_ITEM, SNY_CAROUSEL, SNY_CHAT_BUBBLE, SNY_CONFIG, SNY_DIALOG_DATA, SNY_DRAWER, SNY_DROPDOWN, SNY_FAB, SNY_SHEET_DATA, SNY_STEPS, SNY_TABLE, SNY_TABS, SNY_TIMELINE, SnyAccordionContentDirective, SnyAccordionDirective, SnyAccordionItemDirective, SnyAccordionTriggerDirective, SnyAlertDescriptionDirective, SnyAlertDirective, SnyAlertTitleDirective, SnyAvatarComponent, SnyBadgeDirective, SnyBreadcrumbDirective, SnyBreadcrumbItemDirective, SnyBreadcrumbLinkDirective, SnyBreadcrumbListDirective, SnyBreadcrumbPageDirective, SnyBreadcrumbSeparatorDirective, SnyButtonDirective, SnyButtonGroupDirective, SnyCalendarComponent, SnyCardContentDirective, SnyCardDescriptionDirective, SnyCardDirective, SnyCardFooterDirective, SnyCardHeaderDirective, SnyCardTitleDirective, SnyCarouselContentDirective, SnyCarouselDirective, SnyCarouselItemDirective, SnyCarouselNextDirective, SnyCarouselPrevDirective, SnyChatBubbleAvatarDirective, SnyChatBubbleBodyDirective, SnyChatBubbleContentDirective, SnyChatBubbleDirective, SnyChatBubbleFooterDirective, SnyChatBubbleHeaderDirective, SnyCheckboxDirective, SnyComboboxComponent, SnyDialogCloseDirective, SnyDialogContentDirective, SnyDialogDescriptionDirective, SnyDialogFooterDirective, SnyDialogHeaderDirective, SnyDialogRef, SnyDialogService, SnyDialogTitleDirective, SnyDiffComponent, SnyDividerComponent, SnyDockDirective, SnyDockItemDirective, SnyDrawerContentDirective, SnyDrawerLayoutComponent, SnyDrawerLayoutDirective, SnyDrawerSideDirective, SnyDropdownContentDirective, SnyDropdownDirective, SnyDropdownTriggerDirective, SnyFabActionDirective, SnyFabDirective, SnyFabTriggerDirective, SnyFieldsetContentDirective, SnyFieldsetDirective, SnyFieldsetLegendDirective, SnyFileInputComponent, SnyIndicatorBadgeDirective, SnyIndicatorDirective, SnyInputDirective, SnyKbdDirective, SnyLabelDirective, SnyLinkDirective, SnyListDirective, SnyListItemActionDirective, SnyListItemContentDirective, SnyListItemDirective, SnyListItemIconDirective, SnyLoaderComponent, SnyMenuContentDirective, SnyMenuItemDirective, SnyMenuLabelDirective, SnyMenuSeparatorDirective, SnyNavbarBrandDirective, SnyNavbarContentDirective, SnyNavbarDirective, SnyNavbarEndDirective, SnyPaginationComponent, SnyProgressComponent, SnyRadialProgressComponent, SnyRadioDirective, SnyRatingComponent, SnySelectComponent, SnySheetCloseDirective, SnySheetContentDirective, SnySheetDescriptionDirective, SnySheetHeaderDirective, SnySheetRef, SnySheetService, SnySheetTitleDirective, SnySkeletonDirective, SnySliderComponent, SnyStatDescriptionDirective, SnyStatDirective, SnyStatFigureDirective, SnyStatTitleDirective, SnyStatValueDirective, SnyStatusDirective, SnyStepDirective, SnyStepsDirective, SnySwitchComponent, SnyTableBodyDirective, SnyTableCaptionDirective, SnyTableCellDirective, SnyTableDirective, SnyTableFooterDirective, SnyTableHeadDirective, SnyTableHeaderDirective, SnyTableRowDirective, SnyTabsContentDirective, SnyTabsDirective, SnyTabsListDirective, SnyTabsTriggerDirective, SnyTextareaDirective, SnyTimelineDirective, SnyTimelineEndDirective, SnyTimelineItemDirective, SnyTimelineMiddleDirective, SnyTimelineStartDirective, SnyToastService, SnyToasterComponent, SnyToggleDirective, SnyTooltipDirective, SnyValidatorDirective, SnyValidatorHintDirective, ThemeService, alertVariants, avatarVariants, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxVariants, cn, comboboxTriggerVariants, dividerVariants, dropdownContentVariants, dropdownItemVariants, fieldsetVariants, fileInputVariants, inputVariants, kbdVariants, labelVariants, linkVariants, loaderVariants, paginationItemVariants, progressBarVariants, progressTrackVariants, provideSonnyUI, radioVariants, ratingVariants, selectTriggerVariants, skeletonVariants, sliderTrackVariants, statusVariants, switchTrackVariants, tableCellVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleVariants, tooltipVariants };
|
|
1593
|
-
export type { AlertVariant, AvatarSize, AvatarVariant, BadgeSize, BadgeVariant, ButtonGroupOrientation, ButtonSize, ButtonVariant, CardPadding, CardVariant, ChatBubbleAlign, ChatBubbleContentVariant, CheckboxSize, ComboboxOption, ComboboxSize, DividerOrientation, DividerVariant, DockPosition, DrawerSide, DropdownItemVariant, FabDirection, FabPosition, FieldsetVariant, FileInputSize, FileInputVariant, IndicatorPosition, IndicatorVariant, InputSize, InputVariant, KbdSize, LinkVariant, ListVariant, LoaderSize, LoaderVariant, NavbarVariant, PaginationSize, PaginationVariant, ProgressSize, ProgressVariant, RadialProgressSize, RadialProgressVariant, RadioSize, RatingSize, RatingVariant, SelectOption, SelectSize, SheetSide, SkeletonSize, SkeletonVariant, SliderSize, SnyDialogConfig, SnySheetConfig, SonnyConfig, StatDescriptionVariant, StatusSize, StatusVariant, StepStatus, StepsOrientation, StepsSize, SwitchSize, TableDensity, TableVariant, TextareaResize, TextareaSize, TextareaVariant, Theme, TimelineConnect, TimelineMiddleVariant, TimelineOrientation, ToastAction, ToastConfig, ToastData, ToastPosition, ToastVariant, ToggleSize, ToggleVariant, TooltipPosition, ValidatorHintVariant };
|
|
1819
|
+
export { SNY_ACCORDION, SNY_ACCORDION_ITEM, SNY_CAROUSEL, SNY_CHAT_BUBBLE, SNY_CONFIG, SNY_DIALOG_DATA, SNY_DRAWER, SNY_DROPDOWN, SNY_FAB, SNY_SHEET_DATA, SNY_STEPS, SNY_TABLE, SNY_TABS, SNY_TIMELINE, SnyAccordionContentDirective, SnyAccordionDirective, SnyAccordionItemDirective, SnyAccordionTriggerDirective, SnyAlertDescriptionDirective, SnyAlertDirective, SnyAlertTitleDirective, SnyAvatarComponent, SnyBadgeDirective, SnyBreadcrumbDirective, SnyBreadcrumbItemDirective, SnyBreadcrumbLinkDirective, SnyBreadcrumbListDirective, SnyBreadcrumbPageDirective, SnyBreadcrumbSeparatorDirective, SnyBulkActionsDefDirective, SnyButtonDirective, SnyButtonGroupDirective, SnyCalendarComponent, SnyCardContentDirective, SnyCardDescriptionDirective, SnyCardDirective, SnyCardFooterDirective, SnyCardHeaderDirective, SnyCardTitleDirective, SnyCarouselContentDirective, SnyCarouselDirective, SnyCarouselItemDirective, SnyCarouselNextDirective, SnyCarouselPrevDirective, SnyCellDefDirective, SnyChatBubbleAvatarDirective, SnyChatBubbleBodyDirective, SnyChatBubbleContentDirective, SnyChatBubbleDirective, SnyChatBubbleFooterDirective, SnyChatBubbleHeaderDirective, SnyCheckboxDirective, SnyComboboxComponent, SnyDataTableComponent, SnyDatePickerComponent, SnyDateRangePickerComponent, SnyDialogCloseDirective, SnyDialogContentDirective, SnyDialogDescriptionDirective, SnyDialogFooterDirective, SnyDialogHeaderDirective, SnyDialogRef, SnyDialogService, SnyDialogTitleDirective, SnyDiffComponent, SnyDividerComponent, SnyDockDirective, SnyDockItemDirective, SnyDrawerContentDirective, SnyDrawerLayoutComponent, SnyDrawerLayoutDirective, SnyDrawerSideDirective, SnyDropdownContentDirective, SnyDropdownDirective, SnyDropdownTriggerDirective, SnyFabActionDirective, SnyFabDirective, SnyFabTriggerDirective, SnyFieldsetContentDirective, SnyFieldsetDirective, SnyFieldsetLegendDirective, SnyFileInputComponent, SnyHeaderCellDefDirective, SnyIndicatorBadgeDirective, SnyIndicatorDirective, SnyInputDirective, SnyKbdDirective, SnyLabelDirective, SnyLinkDirective, SnyListDirective, SnyListItemActionDirective, SnyListItemContentDirective, SnyListItemDirective, SnyListItemIconDirective, SnyLoaderComponent, SnyMenuContentDirective, SnyMenuItemDirective, SnyMenuLabelDirective, SnyMenuSeparatorDirective, SnyNavbarBrandDirective, SnyNavbarContentDirective, SnyNavbarDirective, SnyNavbarEndDirective, SnyPaginationComponent, SnyProgressComponent, SnyRadialProgressComponent, SnyRadioDirective, SnyRatingComponent, SnyRowExpandDefDirective, SnySelectComponent, SnySheetCloseDirective, SnySheetContentDirective, SnySheetDescriptionDirective, SnySheetHeaderDirective, SnySheetRef, SnySheetService, SnySheetTitleDirective, SnySkeletonDirective, SnySliderComponent, SnyStatDescriptionDirective, SnyStatDirective, SnyStatFigureDirective, SnyStatTitleDirective, SnyStatValueDirective, SnyStatusDirective, SnyStepDirective, SnyStepsDirective, SnySwitchComponent, SnyTableBodyDirective, SnyTableCaptionDirective, SnyTableCellDirective, SnyTableDirective, SnyTableFooterDirective, SnyTableHeadDirective, SnyTableHeaderDirective, SnyTableRowDirective, SnyTabsContentDirective, SnyTabsDirective, SnyTabsListDirective, SnyTabsTriggerDirective, SnyTextareaDirective, SnyTimelineDirective, SnyTimelineEndDirective, SnyTimelineItemDirective, SnyTimelineMiddleDirective, SnyTimelineStartDirective, SnyToastService, SnyToasterComponent, SnyToggleDirective, SnyTooltipDirective, SnyValidatorDirective, SnyValidatorHintDirective, ThemeService, alertVariants, avatarVariants, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxVariants, cn, comboboxTriggerVariants, datePickerTriggerVariants, dividerVariants, dropdownContentVariants, dropdownItemVariants, fieldsetVariants, fileInputVariants, inputVariants, kbdVariants, labelVariants, linkVariants, loaderVariants, paginationItemVariants, progressBarVariants, progressTrackVariants, provideSonnyUI, radioVariants, ratingVariants, selectTriggerVariants, skeletonVariants, sliderTrackVariants, statusVariants, switchTrackVariants, tableCellVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleVariants, tooltipVariants };
|
|
1820
|
+
export type { AlertVariant, AvatarSize, AvatarVariant, BadgeSize, BadgeVariant, ButtonGroupOrientation, ButtonSize, ButtonVariant, CalendarDay, CalendarMode, CardPadding, CardVariant, ChatBubbleAlign, ChatBubbleContentVariant, CheckboxSize, ComboboxOption, ComboboxSize, DataTableColumn, DataTablePaginationConfig, DatePickerPreset, DatePickerSize, DateRange, DividerOrientation, DividerVariant, DockPosition, DrawerSide, DropdownItemVariant, FabDirection, FabPosition, FieldsetVariant, FileInputSize, FileInputVariant, IndicatorPosition, IndicatorVariant, InputSize, InputVariant, KbdSize, LinkVariant, ListVariant, LoaderSize, LoaderVariant, NavbarVariant, PaginationSize, PaginationVariant, ProgressSize, ProgressVariant, RadialProgressSize, RadialProgressVariant, RadioSize, RatingSize, RatingVariant, SelectOption, SelectSize, SheetSide, SkeletonSize, SkeletonVariant, SliderSize, SnyDialogConfig, SnySheetConfig, SonnyConfig, SortDirection, SortState, StatDescriptionVariant, StatusSize, StatusVariant, StepStatus, StepsOrientation, StepsSize, SwitchSize, TableDensity, TableVariant, TextareaResize, TextareaSize, TextareaVariant, Theme, TimelineConnect, TimelineMiddleVariant, TimelineOrientation, ToastAction, ToastConfig, ToastData, ToastPosition, ToastVariant, ToggleSize, ToggleVariant, TooltipPosition, ValidatorHintVariant };
|