asksuite-citrus 0.19.2 → 1.1.0
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/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/date-picker/date-picker-calendar/date-picker-calendar.component.mjs +24 -18
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +39 -25
- package/esm2022/lib/components/skeleton/skeleton.component.mjs +12 -5
- package/fesm2022/asksuite-citrus.mjs +74 -47
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/components/date-picker/date-picker-calendar/date-picker-calendar.component.d.ts +6 -10
- package/lib/components/date-picker/date-picker.component.d.ts +10 -8
- package/lib/components/skeleton/skeleton.component.d.ts +2 -1
- package/package.json +1 -1
@@ -1,15 +1,7 @@
|
|
1
1
|
import { EventEmitter, OnInit } from '@angular/core';
|
2
2
|
import moment from 'moment';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
-
export
|
5
|
-
TODAY = "TODAY",
|
6
|
-
YESTERDAY = "YESTERDAY",
|
7
|
-
LAST_7_DAYS = "LAST_7_DAYS",
|
8
|
-
LAST_30_DAYS = "LAST_30_DAYS",
|
9
|
-
THIS_MONTH = "THIS_MONTH",
|
10
|
-
LAST_QUARTER = "LAST_QUARTER",
|
11
|
-
CUSTOM_PERIOD = "CUSTOM_PERIOD"
|
12
|
-
}
|
4
|
+
export type PeriodLabel = 'TODAY' | 'YESTERDAY' | 'LAST_7_DAYS' | 'LAST_30_DAYS' | 'THIS_MONTH' | 'LAST_QUARTER' | 'CUSTOM_PERIOD' | string;
|
13
5
|
export interface Day {
|
14
6
|
timestamp: number;
|
15
7
|
day: string;
|
@@ -17,6 +9,7 @@ export interface Day {
|
|
17
9
|
weekDay: number;
|
18
10
|
formatted: string;
|
19
11
|
isFuture: boolean;
|
12
|
+
disabled: boolean;
|
20
13
|
}
|
21
14
|
export interface WeekDay {
|
22
15
|
name: string;
|
@@ -33,6 +26,7 @@ export declare const formatTo: (from: moment.Moment) => string;
|
|
33
26
|
export declare class DatePickerCalendarComponent implements OnInit {
|
34
27
|
isRange: boolean;
|
35
28
|
disableFutureDate: boolean;
|
29
|
+
disableTodayAndFuture: boolean;
|
36
30
|
date: DatePickerValue;
|
37
31
|
dateChange: EventEmitter<DatePickerValue>;
|
38
32
|
private innerDate;
|
@@ -63,6 +57,8 @@ export declare class DatePickerCalendarComponent implements OnInit {
|
|
63
57
|
private emitRange;
|
64
58
|
private handleSingleSelect;
|
65
59
|
isFutureDate(timestamp: number): boolean;
|
60
|
+
isTodayDate(timestamp: number): boolean;
|
61
|
+
shouldDisableDate(timestamp: number): boolean;
|
66
62
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerCalendarComponent, never>;
|
67
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerCalendarComponent, "ask-date-picker-calendar", never, { "isRange": { "alias": "isRange"; "required": false; }; "disableFutureDate": { "alias": "disableFutureDate"; "required": false; }; "date": { "alias": "date"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
|
63
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerCalendarComponent, "ask-date-picker-calendar", never, { "isRange": { "alias": "isRange"; "required": false; }; "disableFutureDate": { "alias": "disableFutureDate"; "required": false; }; "disableTodayAndFuture": { "alias": "disableTodayAndFuture"; "required": false; }; "date": { "alias": "date"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
|
68
64
|
}
|
@@ -1,17 +1,21 @@
|
|
1
|
-
import { EventEmitter
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
2
|
import { DatePickerValue, DateRange, PeriodLabel } from "./date-picker-calendar/date-picker-calendar.component";
|
3
3
|
import { ControlValueAccessor } from "@angular/forms";
|
4
4
|
import * as i0 from "@angular/core";
|
5
|
-
interface Period {
|
5
|
+
export interface Period {
|
6
6
|
label: PeriodLabel;
|
7
7
|
getRange: () => DateRange;
|
8
8
|
isCustomRange?: boolean;
|
9
9
|
}
|
10
|
-
export declare
|
11
|
-
|
10
|
+
export declare const DEFAULT_PERIODS: Array<Period>;
|
11
|
+
export declare class DatePickerComponent implements ControlValueAccessor {
|
12
|
+
private _periods;
|
13
|
+
set periods(newPeriods: Array<Period>);
|
14
|
+
get periods(): Array<Period>;
|
12
15
|
date: DatePickerValue;
|
13
16
|
isRange: boolean;
|
14
17
|
disableFutureDate: boolean;
|
18
|
+
disableTodayAndFuture: boolean;
|
15
19
|
periodsFilter: PeriodLabel[];
|
16
20
|
dateChange: EventEmitter<DatePickerValue>;
|
17
21
|
close: EventEmitter<any>;
|
@@ -21,12 +25,11 @@ export declare class DatePickerComponent implements OnInit, ControlValueAccessor
|
|
21
25
|
get from(): string | undefined;
|
22
26
|
get to(): string | undefined;
|
23
27
|
get dateDisplay(): string;
|
24
|
-
ngOnInit(): void;
|
25
28
|
selectPeriod(period: Period): void;
|
26
29
|
handleDateChange(value: DatePickerValue): void;
|
27
30
|
emitValue(): void;
|
28
31
|
handleCancelClick(): void;
|
29
|
-
|
32
|
+
getPeriodOrDefault(periodName: PeriodLabel, defaultPeriodName?: PeriodLabel): Period | undefined;
|
30
33
|
checkPeriodShouldBeSelectedByValue(): void;
|
31
34
|
writeValue(value: DatePickerValue): void;
|
32
35
|
registerOnChange(fn: (value: DatePickerValue) => void): void;
|
@@ -34,6 +37,5 @@ export declare class DatePickerComponent implements OnInit, ControlValueAccessor
|
|
34
37
|
registerOnTouched(fn: any): void;
|
35
38
|
onTouch: () => void;
|
36
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "ask-date-picker", never, { "date": { "alias": "date"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "disableFutureDate": { "alias": "disableFutureDate"; "required": false; }; "periodsFilter": { "alias": "periodsFilter"; "required": false; }; }, { "dateChange": "dateChange"; "close": "close"; }, never, never, false, never>;
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "ask-date-picker", never, { "periods": { "alias": "periods"; "required": false; }; "date": { "alias": "date"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "disableFutureDate": { "alias": "disableFutureDate"; "required": false; }; "disableTodayAndFuture": { "alias": "disableTodayAndFuture"; "required": false; }; "periodsFilter": { "alias": "periodsFilter"; "required": false; }; }, { "dateChange": "dateChange"; "close": "close"; }, never, never, false, never>;
|
38
41
|
}
|
39
|
-
export {};
|
@@ -7,6 +7,7 @@ export declare class SkeletonComponent {
|
|
7
7
|
customTheme: {
|
8
8
|
background?: string;
|
9
9
|
};
|
10
|
+
appearance: 'line' | 'circle';
|
10
11
|
barsCount: number;
|
11
12
|
protected baseTheme: {
|
12
13
|
'border-radius': string;
|
@@ -17,5 +18,5 @@ export declare class SkeletonComponent {
|
|
17
18
|
constructor(elementRef: ElementRef<HTMLElement>);
|
18
19
|
ngOnInit(): void;
|
19
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "ask-skeleton", never, { "barsHeight": { "alias": "barsHeight"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "customTheme": { "alias": "customTheme"; "required": false; }; }, {}, never, never, false, never>;
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "ask-skeleton", never, { "barsHeight": { "alias": "barsHeight"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "customTheme": { "alias": "customTheme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, never, false, never>;
|
21
22
|
}
|