@crowdfarming/oliva-ds 1.19.0 → 1.20.0-rc.1
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/crowdfarming-oliva-ds.mjs +66 -29
- package/fesm2022/crowdfarming-oliva-ds.mjs.map +1 -1
- package/lib/button/src/lib/button/button.component.d.ts +2 -1
- package/lib/dropdown/src/lib/dropdown/dropdown.component.d.ts +16 -9
- package/lib/icon/src/lib/icon/svg/communication.constant.d.ts +4 -0
- package/lib/icon/src/lib/icon/svg/index.d.ts +4 -0
- package/lib/text-input/src/lib/text-input/text-input.component.d.ts +3 -1
- package/lib/text-input/src/lib/text-input/text-input.constants.d.ts +2 -0
- package/package.json +1 -1
|
@@ -11,6 +11,7 @@ export declare class ButtonComponent {
|
|
|
11
11
|
fullWidth: import("@angular/core").InputSignal<boolean>;
|
|
12
12
|
iconBefore: import("@angular/core").InputSignal<string>;
|
|
13
13
|
iconAfter: import("@angular/core").InputSignal<string>;
|
|
14
|
+
type: import("@angular/core").InputSignal<"button" | "submit" | "reset">;
|
|
14
15
|
clicked: import("@angular/core").OutputEmitterRef<void>;
|
|
15
16
|
handleClick(): void;
|
|
16
17
|
classes: import("@angular/core").Signal<string>;
|
|
@@ -20,5 +21,5 @@ export declare class ButtonComponent {
|
|
|
20
21
|
/** Maps the icon color according to the button state */
|
|
21
22
|
iconColor: import("@angular/core").Signal<"button-primary-content-disabled" | "button-secondary-content-disabled" | "button-tertiary-content-disabled" | "button-neutral-content-disabled" | "button-inverse-content-disabled" | "button-primary-content-default" | "button-secondary-content-default" | "button-tertiary-content-default" | "button-neutral-content-default" | "button-inverse-content-default" | "button-danger-content-disabled" | "button-danger-content-default">;
|
|
22
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skeletonActive": { "alias": "skeletonActive"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "iconBefore": { "alias": "iconBefore"; "required": false; "isSignal": true; }; "iconAfter": { "alias": "iconAfter"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skeletonActive": { "alias": "skeletonActive"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "iconBefore": { "alias": "iconBefore"; "required": false; "isSignal": true; }; "iconAfter": { "alias": "iconAfter"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
24
25
|
}
|
|
@@ -16,28 +16,34 @@ export interface DropdownOption {
|
|
|
16
16
|
icon?: string;
|
|
17
17
|
disabled?: boolean;
|
|
18
18
|
}
|
|
19
|
+
export type DropdownScrollBehavior = 'fixed' | 'relative';
|
|
19
20
|
export declare class DropdownComponent {
|
|
20
21
|
dataSource: import("@angular/core").InputSignal<Dropdown>;
|
|
21
22
|
value: import("@angular/core").InputSignal<any>;
|
|
22
23
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
24
|
+
scrollBehavior: import("@angular/core").InputSignal<DropdownScrollBehavior>;
|
|
23
25
|
selectionChange: import("@angular/core").OutputEmitterRef<any>;
|
|
26
|
+
dropdownButton: ElementRef;
|
|
27
|
+
dropdownMenu: ElementRef;
|
|
28
|
+
onClickOutside(event: Event): void;
|
|
29
|
+
onWindowResize(): void;
|
|
30
|
+
onWindowScroll(): void;
|
|
24
31
|
isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
25
32
|
isClosing: import("@angular/core").WritableSignal<boolean>;
|
|
26
33
|
selectedOption: import("@angular/core").WritableSignal<DropdownOption>;
|
|
34
|
+
private maxHeight;
|
|
35
|
+
private menuLeft;
|
|
36
|
+
private menuTop;
|
|
37
|
+
private initialScrollX;
|
|
38
|
+
private initialScrollY;
|
|
39
|
+
private baseLeft;
|
|
40
|
+
private baseTop;
|
|
27
41
|
readonly dropdownId = "c-dropdown";
|
|
28
42
|
readonly listboxId: string;
|
|
29
43
|
private elementRef;
|
|
30
44
|
private triggerButtonRef?;
|
|
31
|
-
dropdownButton: ElementRef;
|
|
32
|
-
dropdownMenu: ElementRef;
|
|
33
|
-
onClickOutside(event: Event): void;
|
|
34
|
-
onWindowResize(): void;
|
|
35
|
-
onWindowScroll(): void;
|
|
36
45
|
classes: import("@angular/core").Signal<string>;
|
|
37
46
|
menuStyles: import("@angular/core").Signal<any>;
|
|
38
|
-
private maxHeight;
|
|
39
|
-
private menuLeft;
|
|
40
|
-
private menuTop;
|
|
41
47
|
get flatOptions(): DropdownOption[];
|
|
42
48
|
constructor();
|
|
43
49
|
setTriggerButton(element: HTMLElement): void;
|
|
@@ -54,6 +60,7 @@ export declare class DropdownComponent {
|
|
|
54
60
|
private focusNext;
|
|
55
61
|
private focusPrevious;
|
|
56
62
|
private calculateOptimalPosition;
|
|
63
|
+
private updateDropdownPosition;
|
|
57
64
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
58
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "lib-dropdown", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
|
|
65
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "lib-dropdown", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
|
|
59
66
|
}
|
|
@@ -2,4 +2,8 @@ export declare const communicationIcons: {
|
|
|
2
2
|
'translate-regular': string;
|
|
3
3
|
'megaphone-regular': string;
|
|
4
4
|
'megaphone-fill': string;
|
|
5
|
+
'envelopesimple-regular': string;
|
|
6
|
+
'phone-regular': string;
|
|
7
|
+
'paperplanetilt-regular': string;
|
|
8
|
+
'paperplanetilt-fill': string;
|
|
5
9
|
};
|
|
@@ -71,6 +71,10 @@ export declare const icons: {
|
|
|
71
71
|
'translate-regular': string;
|
|
72
72
|
'megaphone-regular': string;
|
|
73
73
|
'megaphone-fill': string;
|
|
74
|
+
'envelopesimple-regular': string;
|
|
75
|
+
'phone-regular': string;
|
|
76
|
+
'paperplanetilt-regular': string;
|
|
77
|
+
'paperplanetilt-fill': string;
|
|
74
78
|
'plant-regular': string;
|
|
75
79
|
'plant-fill': string;
|
|
76
80
|
bioland: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { AutocompleteOption } from './text-input.constants';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class TextInputComponent implements ControlValueAccessor {
|
|
5
6
|
label: string;
|
|
@@ -16,6 +17,7 @@ export declare class TextInputComponent implements ControlValueAccessor {
|
|
|
16
17
|
type: string;
|
|
17
18
|
size: 'sm' | 'md' | 'lg';
|
|
18
19
|
fullWidth: boolean;
|
|
20
|
+
autocomplete: AutocompleteOption;
|
|
19
21
|
emitValue: EventEmitter<string>;
|
|
20
22
|
_value: string;
|
|
21
23
|
private onChangeFn;
|
|
@@ -30,5 +32,5 @@ export declare class TextInputComponent implements ControlValueAccessor {
|
|
|
30
32
|
onInput(event: Event): void;
|
|
31
33
|
onBlur(): void;
|
|
32
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "lib-text-input", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "success": { "alias": "success"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "alertText": { "alias": "alertText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "emitValue": "emitValue"; }, never, never, true, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "lib-text-input", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "success": { "alias": "success"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "alertText": { "alias": "alertText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; }, { "emitValue": "emitValue"; }, never, never, true, never>;
|
|
34
36
|
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const AUTOCOMPLETE_OPTIONS: readonly ["off", "on", "name", "email", "username", "current-password", "new-password", "one-time-code", "tel", "url", "street-address", "postal-code", "country", "language", "bday", "sex", "photo", "organization", "organization-title", "given-name", "family-name", "nickname", "honorific-prefix", "honorific-suffix", "cc-name", "cc-given-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "bday-day", "bday-month", "bday-year", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-local-prefix", "tel-local-suffix", "tel-extension", "impp", "webauthn"];
|
|
2
|
+
export type AutocompleteOption = (typeof AUTOCOMPLETE_OPTIONS)[number];
|