@sebgroup/green-angular 2.1.3 → 3.0.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/esm2020/lib/datepicker/datepicker.component.mjs +27 -101
- package/esm2020/lib/datepicker/datepicker.module.mjs +7 -5
- package/esm2020/lib/dropdown/dropdown.component.mjs +6 -4
- package/fesm2015/sebgroup-green-angular.mjs +131 -200
- package/fesm2015/sebgroup-green-angular.mjs.map +1 -1
- package/fesm2020/sebgroup-green-angular.mjs +128 -199
- package/fesm2020/sebgroup-green-angular.mjs.map +1 -1
- package/lib/datepicker/datepicker.component.d.ts +22 -25
- package/lib/datepicker/datepicker.module.d.ts +2 -1
- package/lib/dropdown/dropdown.component.d.ts +3 -1
- package/package.json +4 -4
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import { AfterViewInit,
|
|
1
|
+
import { AfterViewInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, ValidatorFn } from '@angular/forms';
|
|
3
|
-
import { DatepickerData, Datepicker, DatepickerState, DatepickerOptions } from '@sebgroup/extract';
|
|
4
|
-
import { DropdownOption } from '../dropdown/dropdown.component';
|
|
5
3
|
import * as i0 from "@angular/core";
|
|
6
4
|
export interface Attributes {
|
|
7
5
|
id?: string;
|
|
@@ -13,46 +11,45 @@ export interface ElementProps {
|
|
|
13
11
|
attributes: Attributes;
|
|
14
12
|
classes: string[];
|
|
15
13
|
}
|
|
16
|
-
export
|
|
14
|
+
export interface DatepickerOptions {
|
|
15
|
+
label?: string;
|
|
16
|
+
locale?: string;
|
|
17
|
+
currentDate?: Date | string;
|
|
18
|
+
selectedDate?: Date | string;
|
|
19
|
+
closeOnSelect?: boolean;
|
|
20
|
+
useCurrentTime?: boolean;
|
|
21
|
+
weekName?: {
|
|
22
|
+
abbr: string;
|
|
23
|
+
displayText: string;
|
|
24
|
+
};
|
|
25
|
+
showWeeks?: boolean;
|
|
26
|
+
minDate?: Date;
|
|
27
|
+
maxDate?: Date;
|
|
28
|
+
onChange?: (selectedDate: Date) => void;
|
|
29
|
+
}
|
|
30
|
+
export declare class NggDatepickerComponent implements ControlValueAccessor, AfterViewInit {
|
|
17
31
|
private _cdr;
|
|
18
|
-
get months(): Array<DropdownOption>;
|
|
19
|
-
set months(value: Array<DropdownOption>);
|
|
20
32
|
get options(): DatepickerOptions;
|
|
21
33
|
set options(value: DatepickerOptions);
|
|
34
|
+
get showWeekNumbers(): boolean;
|
|
22
35
|
get value(): string | Date | undefined;
|
|
23
36
|
set value(newValue: string | Date | undefined);
|
|
24
37
|
id?: string;
|
|
25
38
|
label?: string;
|
|
26
39
|
isValid: boolean | null;
|
|
27
40
|
readonly valueChange: EventEmitter<any>;
|
|
28
|
-
datepickerDialogElRef?: ElementRef<HTMLElement>;
|
|
29
|
-
dateInputElRef?: ElementRef<HTMLInputElement>;
|
|
30
|
-
datepickerElRef?: ElementRef<HTMLElement>;
|
|
31
|
-
datepickerTriggerElRef?: ElementRef<HTMLButtonElement>;
|
|
32
41
|
onChangeFn?: (value: any) => void;
|
|
33
42
|
onTouchedFn?: any;
|
|
34
|
-
toggler?: Partial<ElementProps>;
|
|
35
|
-
listbox?: Partial<ElementProps>;
|
|
36
43
|
_value: string | Date | undefined;
|
|
37
|
-
private _months;
|
|
38
|
-
years?: Array<DropdownOption>;
|
|
39
44
|
private _options?;
|
|
40
|
-
|
|
41
|
-
|
|
45
|
+
get min(): Date | undefined;
|
|
46
|
+
get max(): Date | undefined;
|
|
42
47
|
constructor(_cdr: ChangeDetectorRef);
|
|
43
48
|
writeValue(value: any): void;
|
|
44
49
|
registerOnChange(fn: any): void;
|
|
45
50
|
registerOnTouched(fn: any): void;
|
|
46
|
-
|
|
47
|
-
set data(value: DatepickerData | undefined);
|
|
48
|
-
onDateChange(value: string): void;
|
|
49
|
-
listener: (data: DatepickerData | undefined, state: DatepickerState | undefined) => void;
|
|
50
|
-
trackWeek(index: any, week: any): any;
|
|
51
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
51
|
+
onDateChange(evt: Event): void;
|
|
52
52
|
ngAfterViewInit(): void;
|
|
53
|
-
private _createDatepicker;
|
|
54
|
-
blurInput(): void;
|
|
55
|
-
focusoutDialog(event: any): void;
|
|
56
53
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggDatepickerComponent, never>;
|
|
57
54
|
static ɵcmp: i0.ɵɵComponentDeclaration<NggDatepickerComponent, "ngg-datepicker", never, { "options": "options"; "value": "value"; "id": "id"; "label": "label"; "isValid": "isValid"; }, { "valueChange": "valueChange"; }, never, ["[data-form-info]"], false, never>;
|
|
58
55
|
}
|
|
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./datepicker.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "../dropdown/dropdown.module";
|
|
5
|
+
import * as i4 from "../shared/core-element/core-element.module";
|
|
5
6
|
export declare class NggDatepickerModule {
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggDatepickerModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NggDatepickerModule, [typeof i1.NggDatepickerComponent], [typeof i2.CommonModule, typeof i3.NggDropdownModule], [typeof i1.NggDatepickerComponent]>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NggDatepickerModule, [typeof i1.NggDatepickerComponent], [typeof i2.CommonModule, typeof i3.NggDropdownModule, typeof i4.NggCoreWrapperModule], [typeof i1.NggDatepickerComponent]>;
|
|
8
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<NggDatepickerModule>;
|
|
9
10
|
}
|
|
@@ -35,6 +35,8 @@ export declare class NggDropdownComponent implements ControlValueAccessor, OnIni
|
|
|
35
35
|
invalid?: boolean;
|
|
36
36
|
compareWith?: CompareWith;
|
|
37
37
|
searchFilter?: SearchFilter;
|
|
38
|
+
syncPopoverWidth?: boolean;
|
|
39
|
+
/** @deprecated */
|
|
38
40
|
fixedPlacement?: DropdownPlacements;
|
|
39
41
|
set multiSelect(value: string | boolean);
|
|
40
42
|
get multiSelect(): boolean;
|
|
@@ -66,5 +68,5 @@ export declare class NggDropdownComponent implements ControlValueAccessor, OnIni
|
|
|
66
68
|
private optionByValue;
|
|
67
69
|
private displayTextByValue;
|
|
68
70
|
static ɵfac: i0.ɵɵFactoryDeclaration<NggDropdownComponent, never>;
|
|
69
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NggDropdownComponent, "ngg-dropdown", never, { "id": "id"; "texts": "texts"; "loop": "loop"; "display": "display"; "useValue": "useValue"; "label": "label"; "options": "options"; "valid": "valid"; "invalid": "invalid"; "compareWith": "compareWith"; "searchFilter": "searchFilter"; "fixedPlacement": "fixedPlacement"; "multiSelect": "multiSelect"; "searchable": "searchable"; "value": "value"; }, { "valueChange": "valueChange"; "touched": "touched"; }, ["customOption", "customButton"], ["[data-form-info]"], false, never>;
|
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NggDropdownComponent, "ngg-dropdown", never, { "id": "id"; "texts": "texts"; "loop": "loop"; "display": "display"; "useValue": "useValue"; "label": "label"; "options": "options"; "valid": "valid"; "invalid": "invalid"; "compareWith": "compareWith"; "searchFilter": "searchFilter"; "syncPopoverWidth": "syncPopoverWidth"; "fixedPlacement": "fixedPlacement"; "multiSelect": "multiSelect"; "searchable": "searchable"; "value": "value"; }, { "valueChange": "valueChange"; "touched": "touched"; }, ["customOption", "customButton"], ["[data-form-info]"], false, never>;
|
|
70
72
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-angular",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/cdk": ">=15.2.9",
|
|
6
6
|
"@angular/common": ">=15.2.9",
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
"rxjs": ">=6.5.3"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@sebgroup/green-core": "^1.
|
|
15
|
-
"@sebgroup/chlorophyll": "^
|
|
16
|
-
"@sebgroup/extract": "^
|
|
14
|
+
"@sebgroup/green-core": "^1.4.0",
|
|
15
|
+
"@sebgroup/chlorophyll": "^3.0.0",
|
|
16
|
+
"@sebgroup/extract": "^3.0.0",
|
|
17
17
|
"tslib": "^2.3.1"
|
|
18
18
|
},
|
|
19
19
|
"description": "Angular components built on top of @sebgroup/chlorophyll.",
|