@grasco/profile-picture 0.1.4 → 0.1.6
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/dist/angular.cjs +1 -1
- package/dist/angular.cjs.map +1 -1
- package/dist/angular.d.cts +8 -17
- package/dist/angular.d.ts +8 -17
- package/dist/angular.js +1 -1
- package/dist/angular.js.map +1 -1
- package/dist/index.cjs +97 -124
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +9 -20
- package/dist/index.d.ts +9 -20
- package/dist/index.js +97 -124
- package/dist/index.js.map +1 -1
- package/dist/standalone.d.ts +8 -15
- package/dist/standalone.standalone.js +103 -130
- package/dist/standalone.standalone.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/svelte.cjs +1 -1
- package/dist/svelte.cjs.map +1 -1
- package/dist/svelte.d.cts +8 -17
- package/dist/svelte.d.ts +8 -17
- package/dist/svelte.js +1 -1
- package/dist/svelte.js.map +1 -1
- package/dist/vue.cjs +1 -1
- package/dist/vue.cjs.map +1 -1
- package/dist/vue.d.cts +8 -17
- package/dist/vue.d.ts +8 -17
- package/dist/vue.js +1 -1
- package/dist/vue.js.map +1 -1
- package/package.json +1 -1
package/dist/standalone.d.ts
CHANGED
|
@@ -19,18 +19,6 @@ interface PresenceConfig {
|
|
|
19
19
|
/** Ring thickness (1-3) */
|
|
20
20
|
thickness?: 1 | 2 | 3;
|
|
21
21
|
}
|
|
22
|
-
interface RibbonConfig {
|
|
23
|
-
/** Text displayed on the ribbon */
|
|
24
|
-
text: string;
|
|
25
|
-
/** Position of the ribbon */
|
|
26
|
-
position?: Position;
|
|
27
|
-
/** Text color (CSS color) */
|
|
28
|
-
color?: string;
|
|
29
|
-
/** Background color (CSS color or gradient) */
|
|
30
|
-
bgColor?: string;
|
|
31
|
-
/** Icon before text (emoji or symbol) */
|
|
32
|
-
icon?: string;
|
|
33
|
-
}
|
|
34
22
|
interface BadgeConfig {
|
|
35
23
|
/** Badge content (text, number, or empty for dot) */
|
|
36
24
|
content?: string | number;
|
|
@@ -109,6 +97,8 @@ interface GroupUserData {
|
|
|
109
97
|
name: string;
|
|
110
98
|
/** Image source URL */
|
|
111
99
|
src?: string;
|
|
100
|
+
/** External customer ID for CDN image loading */
|
|
101
|
+
extCustomerId?: string;
|
|
112
102
|
/** Presence status from data-status attribute */
|
|
113
103
|
status?: PresenceStatus;
|
|
114
104
|
/** Reference to the profile-picture element */
|
|
@@ -193,7 +183,6 @@ declare class ProfilePicture extends LitElement {
|
|
|
193
183
|
ring?: RingConfig;
|
|
194
184
|
presence?: PresenceConfig;
|
|
195
185
|
glow?: GlowConfig;
|
|
196
|
-
ribbon?: RibbonConfig;
|
|
197
186
|
badge?: BadgeConfig;
|
|
198
187
|
loading: LoadingStrategy;
|
|
199
188
|
placeholder: PlaceholderType;
|
|
@@ -226,9 +215,13 @@ declare class ProfilePicture extends LitElement {
|
|
|
226
215
|
private renderFallback;
|
|
227
216
|
private renderImage;
|
|
228
217
|
private renderRing;
|
|
218
|
+
/**
|
|
219
|
+
* Calculate corner offset based on variant
|
|
220
|
+
* Returns the inset from container edge where badges/presence should be positioned
|
|
221
|
+
*/
|
|
222
|
+
private getCornerOffset;
|
|
229
223
|
private renderPresence;
|
|
230
224
|
private renderBadge;
|
|
231
|
-
private renderRibbon;
|
|
232
225
|
render(): lit_html.TemplateResult<1>;
|
|
233
226
|
}
|
|
234
227
|
|
|
@@ -298,4 +291,4 @@ declare global {
|
|
|
298
291
|
}
|
|
299
292
|
}
|
|
300
293
|
|
|
301
|
-
export type { BadgeConfig, DropdownConfig, GroupUserData, LoadingStrategy, PlaceholderType, Position, ProfilePictureGroupProps,
|
|
294
|
+
export type { BadgeConfig, DropdownConfig, GroupUserData, LoadingStrategy, PlaceholderType, Position, ProfilePictureGroupProps, Size, StackDirection, TooltipConfig, TooltipPosition, Variant };
|