@propbinder/mobile-design 0.2.80 → 0.2.82

package/index.d.ts

@@ -1183,6 +1183,7 @@ declare class DsMobilePageDetailsComponent extends MobilePageBase implements Aft
     whitelabelService: WhitelabelService;
     isNativePlatform: _angular_core.Signal<boolean>;
     title: _angular_core.InputSignal<string>;
+    editableTitle: _angular_core.InputSignal<boolean>;
     backRoute: _angular_core.InputSignal<string>;
     /**
      * Content wrapper padding
@@ -1229,7 +1230,7 @@ declare class DsMobilePageDetailsComponent extends MobilePageBase implements Aft
      */
     handleRefresh(event: any): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobilePageDetailsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobilePageDetailsComponent, "ds-mobile-page-details", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "backRoute": { "alias": "backRoute"; "required": false; "isSignal": true; }; "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "showRefresh": { "alias": "showRefresh"; "required": false; "isSignal": true; }; "scrollThreshold": { "alias": "scrollThreshold"; "required": false; "isSignal": true; }; "headerFadeDistance": { "alias": "headerFadeDistance"; "required": false; "isSignal": true; }; }, { "back": "back"; "tabChange": "tabChange"; "refresh": "refresh"; "scroll": "scroll"; "titleClick": "titleClick"; }, never, ["[offline-indicator]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobilePageDetailsComponent, "ds-mobile-page-details", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "editableTitle": { "alias": "editableTitle"; "required": false; "isSignal": true; }; "backRoute": { "alias": "backRoute"; "required": false; "isSignal": true; }; "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "showRefresh": { "alias": "showRefresh"; "required": false; "isSignal": true; }; "scrollThreshold": { "alias": "scrollThreshold"; "required": false; "isSignal": true; }; "headerFadeDistance": { "alias": "headerFadeDistance"; "required": false; "isSignal": true; }; }, { "back": "back"; "tabChange": "tabChange"; "refresh": "refresh"; "scroll": "scroll"; "titleClick": "titleClick"; }, never, ["[offline-indicator]", "*"], true, never>;
 }
 
 /**
@@ -3414,6 +3415,10 @@ interface LightboxImageOptions {
     showInfo?: boolean;
     /** Show like & comment action buttons */
     showActions?: boolean;
+    /** Show download action button in header (overrides share if both are present or if share is removed) */
+    showDownload?: boolean;
+    /** Callback when download is clicked */
+    onDownload?: (image: LightboxImage) => void;
     /** Animation type for opening */
     animation?: 'fade' | 'zoom' | 'slide';
 }
@@ -3555,6 +3560,8 @@ declare class DsMobileLightboxImageComponent implements OnInit, AfterViewInit, O
     enableSwipe: boolean;
     showInfo: boolean;
     showActions: boolean;
+    showDownload: boolean;
+    onDownload?: (image: LightboxImage) => void;
     animation: 'fade' | 'zoom' | 'slide';
     onCloseRequested?: () => void;
     swiperContainer: ElementRef<HTMLDivElement>;
@@ -3601,6 +3608,10 @@ declare class DsMobileLightboxImageComponent implements OnInit, AfterViewInit, O
      * Handle share button click
      */
     onShare(): Promise<void>;
+    /**
+     * Handle download action
+     */
+    onDownloadAction(): void;
     /**
      * Handle like button toggle
      */
@@ -3732,8 +3743,16 @@ declare class DsMobileLightboxHeaderComponent {
      * Emitted when share button is clicked
      */
     shareClick: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Whether to show download button instead of share button
+     */
+    showDownload: _angular_core.InputSignal<boolean>;
+    /**
+     * Emitted when download button is clicked
+     */
+    downloadClick: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileLightboxHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileLightboxHeaderComponent, "ds-mobile-lightbox-header", never, { "author": { "alias": "author"; "required": false; "isSignal": true; }; }, { "closeClick": "closeClick"; "shareClick": "shareClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileLightboxHeaderComponent, "ds-mobile-lightbox-header", never, { "author": { "alias": "author"; "required": false; "isSignal": true; }; "showDownload": { "alias": "showDownload"; "required": false; "isSignal": true; }; }, { "closeClick": "closeClick"; "shareClick": "shareClick"; "downloadClick": "downloadClick"; }, never, never, true, never>;
 }
 
 /**
@@ -6609,7 +6628,7 @@ declare class DsMobileCardInlineComponent {
      * - 'default' - Column layout with standard padding (gap: 12px, padding: 10px 12px)
      * - 'compact' - Row layout with reduced padding (gap: 8px, padding: 10px)
      */
-    variant: _angular_core.InputSignal<"compact" | "default">;
+    variant: _angular_core.InputSignal<"default" | "compact">;
     /**
      * Whether the card is disabled
      * Disables all interactions and reduces opacity
@@ -6672,7 +6691,7 @@ declare class DsMobileCardInlineBannerComponent {
      * - 'default' - Standard padding and column layout
      * - 'compact' - Reduced padding and row layout
      */
-    layout: _angular_core.InputSignal<"compact" | "default">;
+    layout: _angular_core.InputSignal<"default" | "compact">;
     /**
      * Emits when the banner is clicked
      */
@@ -6727,7 +6746,7 @@ declare class DsMobileCardInlineContactComponent {
      * - 'default' - Standard padding and column layout
      * - 'compact' - Reduced padding and row layout
      */
-    layout: _angular_core.InputSignal<"compact" | "default">;
+    layout: _angular_core.InputSignal<"default" | "compact">;
     /**
      * Whether the contact item is clickable
      */
@@ -6792,7 +6811,7 @@ declare class DsMobileCardInlineFileComponent {
      * - 'default' - Standard padding and column layout
      * - 'compact' - Reduced padding and row layout
      */
-    layout: _angular_core.InputSignal<"compact" | "default">;
+    layout: _angular_core.InputSignal<"default" | "compact">;
     /**
      * Optional URL to open when clicked
      * If provided, clicking the card will open this URL in a new tab
@@ -7774,7 +7793,7 @@ declare class DsMobileFacilityDetailModalComponent implements OnInit, AfterViewI
     get facilityData(): FacilityDetailDisplayData;
     facilityEdit?: FacilityDetailEditContext;
     initialView?: 'detail' | 'edit';
-    currentView: _angular_core.WritableSignal<"detail" | "edit">;
+    currentView: _angular_core.WritableSignal<"edit" | "detail">;
     isAnimating: _angular_core.WritableSignal<boolean>;
     viewContainer?: ElementRef<HTMLDivElement>;
     editTitle: string;
@@ -8303,7 +8322,7 @@ declare class DsMobileHandbookFolderMiniComponent {
  * ```
  */
 declare class DsTextInputComponent implements ControlValueAccessor {
-    type: _angular_core.InputSignal<"search" | "text" | "url" | "email" | "tel" | "password">;
+    type: _angular_core.InputSignal<"search" | "text" | "email" | "tel" | "password" | "url">;
     label: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
@@ -8312,7 +8331,7 @@ declare class DsTextInputComponent implements ControlValueAccessor {
     hasError: _angular_core.InputSignal<boolean>;
     errorMessage: _angular_core.InputSignal<string>;
     autocomplete: _angular_core.InputSignal<string>;
-    inputmode: _angular_core.InputSignal<"search" | "text" | "url" | "email" | "tel" | "numeric" | undefined>;
+    inputmode: _angular_core.InputSignal<"search" | "text" | "email" | "tel" | "url" | "numeric" | undefined>;
     autoClearError: _angular_core.InputSignal<boolean>;
     validator: _angular_core.InputSignal<((value: string) => boolean) | null>;
     valueChange: _angular_core.OutputEmitterRef<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propbinder/mobile-design",
-  "version": "0.2.80",
+  "version": "0.2.82",
   "peerDependencies": {
     "@angular/common": "^20.3.0 || ^21.0.0",
     "@angular/core": "^20.3.0 || ^21.0.0"