asksuite-citrus 0.4.2 → 0.5.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/esm2022/lib/asksuite-citrus.module.mjs +11 -3
- package/esm2022/lib/components/button/button.component.mjs +8 -8
- package/esm2022/lib/components/input/input.component.mjs +19 -10
- package/esm2022/lib/directives/ask-dropdown.directive.mjs +2 -2
- package/esm2022/lib/directives/spinner/spinner.component.mjs +11 -0
- package/esm2022/lib/directives/spinner/spinner.directive.mjs +55 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/asksuite-citrus.mjs +95 -19
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/asksuite-citrus.module.d.ts +9 -7
- package/lib/components/button/button.component.d.ts +4 -3
- package/lib/components/input/input.component.d.ts +9 -8
- package/lib/directives/spinner/spinner.component.d.ts +5 -0
- package/lib/directives/spinner/spinner.directive.d.ts +18 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
@@ -1,13 +1,16 @@
|
|
1
|
-
import { ElementRef, EventEmitter
|
2
|
-
import { ControlValueAccessor } from
|
1
|
+
import { ElementRef, EventEmitter } from '@angular/core';
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
-
export declare class InputComponent implements
|
4
|
+
export declare class InputComponent implements ControlValueAccessor {
|
5
|
+
_iconColor: string;
|
5
6
|
value: string;
|
6
7
|
type: 'text' | 'email' | 'password';
|
7
8
|
placeholder: string;
|
8
9
|
leftIcon?: string;
|
9
10
|
rightIcon?: string;
|
10
11
|
disabled: boolean;
|
12
|
+
noBorder: boolean;
|
13
|
+
set iconColor(color: string);
|
11
14
|
valueChange: EventEmitter<string>;
|
12
15
|
change: EventEmitter<Event>;
|
13
16
|
input: EventEmitter<Event>;
|
@@ -16,21 +19,19 @@ export declare class InputComponent implements OnInit, ControlValueAccessor {
|
|
16
19
|
blur: EventEmitter<FocusEvent>;
|
17
20
|
leftIconClick: EventEmitter<MouseEvent>;
|
18
21
|
rightIconClick: EventEmitter<MouseEvent>;
|
22
|
+
onChange: (value?: any) => void;
|
23
|
+
onTouch: () => void;
|
19
24
|
isFocused: boolean;
|
20
25
|
inputElement: ElementRef;
|
21
|
-
constructor();
|
22
|
-
ngOnInit(): void;
|
23
26
|
onModelChange(newValue: string): void;
|
24
27
|
handleChange(event: Event): void;
|
25
28
|
handleInput(event: Event): void;
|
26
29
|
handleFocus(event: FocusEvent): void;
|
27
30
|
handleBlur(event: FocusEvent): void;
|
28
31
|
registerOnChange(fn: any): void;
|
29
|
-
onChange: () => void;
|
30
32
|
registerOnTouched(fn: any): void;
|
31
|
-
onTouch: () => void;
|
32
33
|
setDisabledState(isDisabled: boolean): void;
|
33
34
|
writeValue(value: string): void;
|
34
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "ask-input", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; "input": "input"; "click": "click"; "focus": "focus"; "blur": "blur"; "leftIconClick": "leftIconClick"; "rightIconClick": "rightIconClick"; }, never, never, false, never>;
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "ask-input", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "noBorder": { "alias": "noBorder"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; "input": "input"; "click": "click"; "focus": "focus"; "blur": "blur"; "leftIconClick": "leftIconClick"; "rightIconClick": "rightIconClick"; }, never, never, false, never>;
|
36
37
|
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { ComponentRef, ElementRef, Renderer2, ViewContainerRef } from '@angular/core';
|
2
|
+
import { SpinnerComponent } from './spinner.component';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class SpinnerDirective {
|
5
|
+
private directiveView;
|
6
|
+
private renderer;
|
7
|
+
private directiveElement;
|
8
|
+
private shouldShow;
|
9
|
+
spinner: ComponentRef<SpinnerComponent> | undefined;
|
10
|
+
set nbSpinner(val: boolean);
|
11
|
+
isSpinnerExist: boolean;
|
12
|
+
constructor(directiveView: ViewContainerRef, renderer: Renderer2, directiveElement: ElementRef);
|
13
|
+
ngOnInit(): void;
|
14
|
+
hide(): void;
|
15
|
+
show(): void;
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerDirective, never>;
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SpinnerDirective, "[askSpinner]", never, { "nbSpinner": { "alias": "askSpinner"; "required": false; }; }, {}, never, never, false, never>;
|
18
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
@@ -12,3 +12,4 @@ export * from './lib/components/date-picker/date-picker.component';
|
|
12
12
|
export * from './lib/components/date-picker/date-picker-calendar/date-picker-calendar.component';
|
13
13
|
export * from './lib/components/skeleton/skeleton.component';
|
14
14
|
export * from './lib/directives/ask-dropdown.directive';
|
15
|
+
export * from './lib/directives/spinner/spinner.directive';
|