@w2p-ui/kit 0.1.10 → 0.1.14
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/assets/images/person-big.png +0 -0
- package/assets/images/person-small.png +0 -0
- package/fesm2022/w2p-ui-kit-components-avatar.mjs +164 -0
- package/fesm2022/w2p-ui-kit-components-avatar.mjs.map +1 -0
- package/fesm2022/w2p-ui-kit-components-label.mjs +2 -2
- package/fesm2022/w2p-ui-kit-components-label.mjs.map +1 -1
- package/fesm2022/w2p-ui-kit-components.mjs +159 -4
- package/fesm2022/w2p-ui-kit-components.mjs.map +1 -1
- package/fesm2022/w2p-ui-kit.mjs +159 -4
- package/fesm2022/w2p-ui-kit.mjs.map +1 -1
- package/package.json +5 -1
- package/types/w2p-ui-kit-components-avatar.d.ts +41 -0
- package/types/w2p-ui-kit-components.d.ts +39 -2
- package/types/w2p-ui-kit.d.ts +39 -2
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { OnDestroy } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class W2pAvatar {
|
|
5
|
+
readonly userId: _angular_core.InputSignal<number | undefined>;
|
|
6
|
+
readonly userName: _angular_core.InputSignal<string | undefined>;
|
|
7
|
+
readonly placeholder: _angular_core.InputSignal<string | undefined>;
|
|
8
|
+
readonly srcFull: _angular_core.InputSignal<string | undefined>;
|
|
9
|
+
protected readonly imageLoadFailed: _angular_core.WritableSignal<boolean>;
|
|
10
|
+
protected visible: _angular_core.WritableSignal<boolean>;
|
|
11
|
+
protected readonly color: _angular_core.Signal<string>;
|
|
12
|
+
protected readonly latter: _angular_core.Signal<string>;
|
|
13
|
+
protected loaded(): void;
|
|
14
|
+
protected onImageError(): void;
|
|
15
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pAvatar, never>;
|
|
16
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pAvatar, "w2p-avatar", never, { "userId": { "alias": "userId"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "srcFull": { "alias": "srcFull"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare class ProgressiveImageDirective implements OnDestroy {
|
|
20
|
+
private el;
|
|
21
|
+
private renderer;
|
|
22
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
23
|
+
srcFull: _angular_core.InputSignal<string>;
|
|
24
|
+
loadError: _angular_core.OutputEmitterRef<void>;
|
|
25
|
+
private loaded;
|
|
26
|
+
private observer?;
|
|
27
|
+
private abortController?;
|
|
28
|
+
private static cache;
|
|
29
|
+
private static errorCache;
|
|
30
|
+
constructor();
|
|
31
|
+
private isElementInViewport;
|
|
32
|
+
private createObserver;
|
|
33
|
+
private loadFullImage;
|
|
34
|
+
private setFullImage;
|
|
35
|
+
private abortCurrent;
|
|
36
|
+
ngOnDestroy(): void;
|
|
37
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressiveImageDirective, never>;
|
|
38
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProgressiveImageDirective, "img[progressiveImage]", never, { "placeholder": { "alias": "placeholder"; "required": true; "isSignal": true; }; "srcFull": { "alias": "srcFull"; "required": true; "isSignal": true; }; }, { "loadError": "loadError"; }, never, never, true, never>;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export { ProgressiveImageDirective, W2pAvatar };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ElementRef, OnDestroy } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
declare class W2pButton {
|
|
5
5
|
readonly onClick: _angular_core.OutputEmitterRef<void>;
|
|
@@ -96,5 +96,42 @@ declare class W2pLabel {
|
|
|
96
96
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pLabel, "w2p-label", never, {}, {}, never, ["[icon]", "[label]"], true, never>;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
|
|
99
|
+
declare class W2pAvatar {
|
|
100
|
+
readonly userId: _angular_core.InputSignal<number | undefined>;
|
|
101
|
+
readonly userName: _angular_core.InputSignal<string | undefined>;
|
|
102
|
+
readonly placeholder: _angular_core.InputSignal<string | undefined>;
|
|
103
|
+
readonly srcFull: _angular_core.InputSignal<string | undefined>;
|
|
104
|
+
protected readonly imageLoadFailed: _angular_core.WritableSignal<boolean>;
|
|
105
|
+
protected visible: _angular_core.WritableSignal<boolean>;
|
|
106
|
+
protected readonly color: _angular_core.Signal<string>;
|
|
107
|
+
protected readonly latter: _angular_core.Signal<string>;
|
|
108
|
+
protected loaded(): void;
|
|
109
|
+
protected onImageError(): void;
|
|
110
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pAvatar, never>;
|
|
111
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pAvatar, "w2p-avatar", never, { "userId": { "alias": "userId"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "srcFull": { "alias": "srcFull"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
declare class ProgressiveImageDirective implements OnDestroy {
|
|
115
|
+
private el;
|
|
116
|
+
private renderer;
|
|
117
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
118
|
+
srcFull: _angular_core.InputSignal<string>;
|
|
119
|
+
loadError: _angular_core.OutputEmitterRef<void>;
|
|
120
|
+
private loaded;
|
|
121
|
+
private observer?;
|
|
122
|
+
private abortController?;
|
|
123
|
+
private static cache;
|
|
124
|
+
private static errorCache;
|
|
125
|
+
constructor();
|
|
126
|
+
private isElementInViewport;
|
|
127
|
+
private createObserver;
|
|
128
|
+
private loadFullImage;
|
|
129
|
+
private setFullImage;
|
|
130
|
+
private abortCurrent;
|
|
131
|
+
ngOnDestroy(): void;
|
|
132
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressiveImageDirective, never>;
|
|
133
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProgressiveImageDirective, "img[progressiveImage]", never, { "placeholder": { "alias": "placeholder"; "required": true; "isSignal": true; }; "srcFull": { "alias": "srcFull"; "required": true; "isSignal": true; }; }, { "loadError": "loadError"; }, never, never, true, never>;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
export { ProgressiveImageDirective, W2pActionButton, W2pAvatar, W2pButton, W2pColorAlert, W2pInput, W2pLabel, W2pLoader, W2pOtpInput };
|
|
100
137
|
export type { W2pColorAlertVarinat };
|
package/types/w2p-ui-kit.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ElementRef, OnDestroy } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
declare class W2pButton {
|
|
5
5
|
readonly onClick: _angular_core.OutputEmitterRef<void>;
|
|
@@ -96,5 +96,42 @@ declare class W2pLabel {
|
|
|
96
96
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pLabel, "w2p-label", never, {}, {}, never, ["[icon]", "[label]"], true, never>;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
|
|
99
|
+
declare class W2pAvatar {
|
|
100
|
+
readonly userId: _angular_core.InputSignal<number | undefined>;
|
|
101
|
+
readonly userName: _angular_core.InputSignal<string | undefined>;
|
|
102
|
+
readonly placeholder: _angular_core.InputSignal<string | undefined>;
|
|
103
|
+
readonly srcFull: _angular_core.InputSignal<string | undefined>;
|
|
104
|
+
protected readonly imageLoadFailed: _angular_core.WritableSignal<boolean>;
|
|
105
|
+
protected visible: _angular_core.WritableSignal<boolean>;
|
|
106
|
+
protected readonly color: _angular_core.Signal<string>;
|
|
107
|
+
protected readonly latter: _angular_core.Signal<string>;
|
|
108
|
+
protected loaded(): void;
|
|
109
|
+
protected onImageError(): void;
|
|
110
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pAvatar, never>;
|
|
111
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pAvatar, "w2p-avatar", never, { "userId": { "alias": "userId"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "srcFull": { "alias": "srcFull"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
declare class ProgressiveImageDirective implements OnDestroy {
|
|
115
|
+
private el;
|
|
116
|
+
private renderer;
|
|
117
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
118
|
+
srcFull: _angular_core.InputSignal<string>;
|
|
119
|
+
loadError: _angular_core.OutputEmitterRef<void>;
|
|
120
|
+
private loaded;
|
|
121
|
+
private observer?;
|
|
122
|
+
private abortController?;
|
|
123
|
+
private static cache;
|
|
124
|
+
private static errorCache;
|
|
125
|
+
constructor();
|
|
126
|
+
private isElementInViewport;
|
|
127
|
+
private createObserver;
|
|
128
|
+
private loadFullImage;
|
|
129
|
+
private setFullImage;
|
|
130
|
+
private abortCurrent;
|
|
131
|
+
ngOnDestroy(): void;
|
|
132
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressiveImageDirective, never>;
|
|
133
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProgressiveImageDirective, "img[progressiveImage]", never, { "placeholder": { "alias": "placeholder"; "required": true; "isSignal": true; }; "srcFull": { "alias": "srcFull"; "required": true; "isSignal": true; }; }, { "loadError": "loadError"; }, never, never, true, never>;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
export { ProgressiveImageDirective, W2pActionButton, W2pAvatar, W2pButton, W2pColorAlert, W2pInput, W2pLabel, W2pLoader, W2pOtpInput };
|
|
100
137
|
export type { W2pColorAlertVarinat };
|