@juligc99/loro-ui 0.0.12 → 0.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juligc99/loro-ui",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Loro UI design system and Angular component library.",
   "author": "juligc99",
   "license": "MIT",

package/types/juligc99-loro-ui.d.ts

@@ -914,8 +914,8 @@ interface LoroAppNavClick {
 }
 declare class LoroAppNav {
     private readonly haptics;
-    private readonly draggedMobilePosition;
     private readonly draggedMobileIndex;
+    private readonly mobilePointerActive;
     private activePointerId;
     private suppressNextMobileClick;
     items: _angular_core.InputSignal<LoroAppNavItem[]>;
@@ -933,6 +933,7 @@ declare class LoroAppNav {
     protected readonly mobileSliderPosition: _angular_core.Signal<number>;
     protected readonly isMobileDragging: _angular_core.Signal<boolean>;
     protected readonly mobileItemCount: _angular_core.Signal<number>;
+    protected readonly selectedMobileItemId: _angular_core.Signal<string>;
     protected isMobileItemVisualActive(index: number): boolean;
     onMainItemClick(item: LoroAppNavItem): void;
     protected onMobileItemClick(item: LoroAppNavItem): void;
@@ -1028,8 +1029,9 @@ declare class LoroAssistantCard {
     actionLabel: _angular_core.InputSignal<string>;
     actionIcon: _angular_core.InputSignal<LoroIconName | null>;
     actionVariant: _angular_core.InputSignal<LoroButtonVariant>;
+    action: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroAssistantCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroAssistantCard, "loro-assistant-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "imageName": { "alias": "imageName"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "actionIcon": { "alias": "actionIcon"; "required": false; "isSignal": true; }; "actionVariant": { "alias": "actionVariant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroAssistantCard, "loro-assistant-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "imageName": { "alias": "imageName"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "actionIcon": { "alias": "actionIcon"; "required": false; "isSignal": true; }; "actionVariant": { "alias": "actionVariant"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, never, true, never>;
 }
 
 declare class LoroAuthSocialButton {
@@ -1038,7 +1040,7 @@ declare class LoroAuthSocialButton {
     outline: _angular_core.InputSignal<boolean>;
     selected: _angular_core.InputSignal<boolean>;
     iconSize: _angular_core.InputSignal<number>;
-    protected readonly nativeIconSrc: _angular_core.Signal<"assets/loro-ui/icons/apple.svg" | "assets/loro-ui/icons/google.svg" | "">;
+    protected readonly nativeIconSrc: _angular_core.Signal<"" | "assets/loro-ui/icons/apple.svg" | "assets/loro-ui/icons/google.svg">;
     protected releaseFocus(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroAuthSocialButton, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroAuthSocialButton, "loro-auth-social-button", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1198,13 +1200,17 @@ declare class LoroProfileCard {
     name: _angular_core.InputSignal<string>;
     email: _angular_core.InputSignal<string>;
     imageSrc: _angular_core.InputSignal<string | null>;
+    changePhotoLabel: _angular_core.InputSignal<string>;
+    changePhotoLoadingLabel: _angular_core.InputSignal<string>;
+    changePhotoLoading: _angular_core.InputSignal<boolean>;
+    changePhotoDisabled: _angular_core.InputSignal<boolean>;
     changePhotoClick: _angular_core.OutputEmitterRef<void>;
     private readonly imageFailed;
     constructor();
     protected resolvedImageSrc(): string | null;
     protected onImageError(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroProfileCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroProfileCard, "loro-profile-card", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "email": { "alias": "email"; "required": true; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; }, { "changePhotoClick": "changePhotoClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroProfileCard, "loro-profile-card", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "email": { "alias": "email"; "required": true; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "changePhotoLabel": { "alias": "changePhotoLabel"; "required": false; "isSignal": true; }; "changePhotoLoadingLabel": { "alias": "changePhotoLoadingLabel"; "required": false; "isSignal": true; }; "changePhotoLoading": { "alias": "changePhotoLoading"; "required": false; "isSignal": true; }; "changePhotoDisabled": { "alias": "changePhotoDisabled"; "required": false; "isSignal": true; }; }, { "changePhotoClick": "changePhotoClick"; }, never, never, true, never>;
 }
 
 type LoroProfileHeroVariant = 'default' | 'compact' | 'large' | 'support';
@@ -1369,6 +1375,8 @@ declare class LoroNotificationPanel {
     markAllRead: _angular_core.OutputEmitterRef<void>;
     clearAll: _angular_core.OutputEmitterRef<void>;
     protected readonly hasUnread: _angular_core.Signal<boolean>;
+    protected onMarkAllReadClick(event: Event): void;
+    protected onClearAllClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroNotificationPanel, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroNotificationPanel, "loro-notification-panel", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "presentation": { "alias": "presentation"; "required": false; "isSignal": true; }; "showMarkAll": { "alias": "showMarkAll"; "required": false; "isSignal": true; }; "markAllLabel": { "alias": "markAllLabel"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; "isSignal": true; }; "emptyIcon": { "alias": "emptyIcon"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "itemRemove": "itemRemove"; "markAllRead": "markAllRead"; "clearAll": "clearAll"; }, never, never, true, never>;
 }
@@ -1679,6 +1687,7 @@ declare class LoroModal {
     protected readonly backdropOpacity: _angular_core.Signal<string>;
     constructor();
     protected requestClose(): void;
+    protected onCloseClick(event: Event): void;
     protected onSheetTouchStart(event: TouchEvent, dialog: HTMLElement): void;
     protected onSheetTouchMove(event: TouchEvent): void;
     protected onSheetTouchEnd(): void;