@grasco/profile-picture 0.1.0 → 0.1.2

package/dist/standalone.d.ts

@@ -46,6 +46,8 @@ interface BadgeConfig {
     glow?: boolean;
     /** Max value to display (shows 99+ if exceeded) */
     max?: number;
+    /** Icon to display before content (emoji, Unicode symbol, or text) */
+    icon?: string;
 }
 interface GlowConfig {
     /** Glow color (defaults to border or bg color) */
@@ -68,6 +70,10 @@ interface RingConfig {
     gap?: number;
     /** Animate (rotate for gradient) */
     animate?: boolean;
+    /** Progress percentage (0-100) for partial fill ring */
+    progress?: number;
+    /** Color for unfilled portion when progress is set (defaults to gray) */
+    emptyColor?: string;
 }
 interface InteractionConfig {
     /** Enable hover effects */
@@ -113,8 +119,8 @@ interface GroupUserData {
     shadow?: ShadowPreset;
     /** Show border */
     border?: boolean;
-    /** Border width (1-4) */
-    borderWidth?: 1 | 2 | 3 | 4;
+    /** Border width (1-8) */
+    borderWidth?: 1 | 2 | 3 | 4 | 5 | 6 | 8;
     /** Border color */
     borderColor?: string;
     /** Background color */
@@ -157,16 +163,29 @@ interface ProfilePictureGroupProps {
 
 declare class ProfilePicture extends LitElement {
     private static stylesInjected;
+    private static cdnBaseUrl;
+    private static instances;
+    /**
+     * Set global CDN base URL for all ProfilePicture instances
+     * @example ProfilePicture.setCdnBaseUrl('https://api.example.com')
+     */
+    static setCdnBaseUrl(url: string): void;
+    /**
+     * Get current CDN base URL
+     */
+    static getCdnBaseUrl(): string;
     protected createRenderRoot(): this;
     private static injectStylesOnce;
     src: string;
     alt: string;
+    extCustomerId?: string;
     size: Size | string;
     variant: Variant;
     shadow: ShadowPreset;
     border: boolean;
-    borderWidth: 1 | 2 | 3 | 4;
+    borderWidth: 1 | 2 | 3 | 4 | 5 | 6 | 8;
     borderColor: string;
+    rotation: number;
     bgColor?: string;
     bgGradient?: string;
     ring?: RingConfig;
@@ -181,11 +200,25 @@ declare class ProfilePicture extends LitElement {
     interactive?: InteractionConfig;
     private isLoaded;
     private hasError;
+    private cdnImageUrl?;
+    private cdnLoadFailed;
     private previousSrc;
+    private previousExtCustomerId?;
+    private retryTimeoutId?;
+    private readonly RETRY_DELAY_MS;
     private get pixelSize();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changedProperties: Map<string, unknown>): void;
     protected willUpdate(changedProperties: Map<string, unknown>): void;
     private handleLoad;
     private handleError;
+    /**
+     * Construct CDN URL for profile picture using ext-customer-id
+     * Uses direct image src binding - browser handles redirects automatically
+     */
+    private loadCdnImage;
     private getContainerStyles;
     private renderPlaceholder;
     private renderFallback;
@@ -215,6 +248,7 @@ declare class ProfilePictureGroup extends LitElement {
     showAddButton: boolean;
     addButtonLabel: string;
     animated: true;
+    rotationAmount: number;
     private users;
     private dropdownOpen;
     private tooltipData;