@propbinder/mobile-design 0.2.97 → 0.2.99

package/index.d.ts

@@ -1041,7 +1041,7 @@ declare class WhitelabelService {
     readonly logoUrl: _angular_core.Signal<string>;
     readonly logoMarkUrl: _angular_core.Signal<string>;
     readonly logoAlt: _angular_core.Signal<string>;
-    readonly logoSize: _angular_core.Signal<"md" | "sm" | "lg" | "xl">;
+    readonly logoSize: _angular_core.Signal<"sm" | "md" | "lg" | "xl">;
     readonly logoHeight: _angular_core.Signal<number>;
     readonly appIconSurface: _angular_core.Signal<string>;
     readonly appIconContent: _angular_core.Signal<string>;
@@ -2806,7 +2806,7 @@ declare class DsMobileListItemComponent implements AfterViewInit {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Remove top padding — use on the first item in a section when there is
      * no preceding content, to avoid unnecessary whitespace.
@@ -3094,7 +3094,7 @@ declare class DsMobileInteractiveListItemPostComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Whether the post card is clickable
      */
@@ -3322,7 +3322,7 @@ declare class DsMobileInteractiveListItemInquiryComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Whether the inquiry item is clickable
      */
@@ -4758,7 +4758,7 @@ declare class DsMobileInteractiveListItemMessageComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Whitelabel logomark on the avatar corner (e.g. org branding for staff).
      * Default true — preserves backward compatibility with inquiry assignee rows.
@@ -4820,7 +4820,7 @@ declare class DsMobileContactListItemComponent {
     /** Show a trailing trash-bin icon; emits {@link deleteClick} on tap. */
     showDeleteAction: _angular_core.InputSignal<boolean>;
     variant: _angular_core.InputSignal<"compact" | undefined>;
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     contactClick: _angular_core.OutputEmitterRef<void>;
     selectionToggle: _angular_core.OutputEmitterRef<void>;
     moreClick: _angular_core.OutputEmitterRef<void>;
@@ -4994,7 +4994,7 @@ declare class DsMobileGroupAvatarStackComponent {
     /** Full member list; {@link currentUserId} is removed for display when set. */
     members: _angular_core.InputSignal<ChatParticipant[]>;
     customAvatarUrl: _angular_core.InputSignal<string>;
-    size: _angular_core.InputSignal<"md" | "sm" | "lg" | "xl">;
+    size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl">;
     /** Row avatar (32×32, diagonal **xs** faces) vs header / hero stack. */
     layout: _angular_core.InputSignal<"stack" | "list">;
     /** When set, this participant is omitted from the stack (e.g. current user id). */
@@ -5307,7 +5307,7 @@ declare class DsMobileInteractiveListItemBookingComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Whether the booking item is clickable
      */
@@ -6408,6 +6408,8 @@ declare class DsMobileModalBaseComponent extends MobileModalBase implements OnIn
     private cdr;
     /** When true, the title is a button and emits {@link titleClick} (e.g. group chat → settings). */
     headerTitleInteractive: _angular_core.InputSignal<boolean>;
+    textLoading: _angular_core.InputSignal<string>;
+    textErrorTitle: _angular_core.InputSignal<string>;
     titleClick: _angular_core.OutputEmitterRef<void>;
     /**
      * Reference to ion-content for keyboard handling
@@ -6460,7 +6462,7 @@ declare class DsMobileModalBaseComponent extends MobileModalBase implements OnIn
      */
     private hasContentInSlot;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileModalBaseComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileModalBaseComponent, "ds-mobile-modal-base", never, { "headerTitleInteractive": { "alias": "headerTitleInteractive"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; }, { "titleClick": "titleClick"; }, ["customLoadingState", "customErrorState", "headerLeading", "headerMain", "headerTrailing"], ["[header-leading]", "[header-main]", "[header-trailing]", "[header-below]", "[loading-state]", "[error-state]", "*", "[fixed-bottom]", "[footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileModalBaseComponent, "ds-mobile-modal-base", never, { "headerTitleInteractive": { "alias": "headerTitleInteractive"; "required": false; "isSignal": true; }; "textLoading": { "alias": "textLoading"; "required": false; "isSignal": true; }; "textErrorTitle": { "alias": "textErrorTitle"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; }, { "titleClick": "titleClick"; }, ["customLoadingState", "customErrorState", "headerLeading", "headerMain", "headerTrailing"], ["[header-leading]", "[header-main]", "[header-trailing]", "[header-below]", "[loading-state]", "[error-state]", "*", "[fixed-bottom]", "[footer]"], true, never>;
 }
 
 /**
@@ -6830,7 +6832,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
@@ -6893,7 +6895,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
      */
@@ -6943,12 +6945,16 @@ declare class DsMobileCardInlineContactComponent {
      * Phone number (optional)
      */
     phoneNumber: _angular_core.InputSignal<string>;
+    /**
+     * Email address (optional)
+     */
+    email: _angular_core.InputSignal<string>;
     /**
      * Layout variant
      * - '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
      */
@@ -6971,7 +6977,7 @@ declare class DsMobileCardInlineContactComponent {
     editClick: _angular_core.OutputEmitterRef<void>;
     handleContactClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileCardInlineContactComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileCardInlineContactComponent, "ds-mobile-card-inline-contact", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "contactPerson": { "alias": "contactPerson"; "required": false; "isSignal": true; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "showChevron": { "alias": "showChevron"; "required": false; "isSignal": true; }; "showEditButton": { "alias": "showEditButton"; "required": false; "isSignal": true; }; }, { "contactClick": "contactClick"; "editClick": "editClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileCardInlineContactComponent, "ds-mobile-card-inline-contact", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "contactPerson": { "alias": "contactPerson"; "required": false; "isSignal": true; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "showChevron": { "alias": "showChevron"; "required": false; "isSignal": true; }; "showEditButton": { "alias": "showEditButton"; "required": false; "isSignal": true; }; }, { "contactClick": "contactClick"; "editClick": "editClick"; }, never, never, true, never>;
 }
 
 /**
@@ -7013,7 +7019,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
@@ -8135,6 +8141,16 @@ interface HandbookDetailData {
     itemCount: number;
     /** Array of handbook sections/items */
     items?: HandbookItem[];
+    textLoading?: string;
+    textError?: string;
+    textItems?: string;
+    textClose?: string;
+    textEmptyTitle?: string;
+    textEmptyDescription?: string;
+    textCall?: string;
+    textCopyPhone?: string;
+    textEmail?: string;
+    textCopyEmail?: string;
 }
 /**
  * Handbook section/item interface
@@ -8241,6 +8257,16 @@ declare class DsMobileHandbookDetailModalComponent implements OnInit {
      * Error state - when set, shows error message
      */
     error?: string;
+    textLoading: string;
+    textError: string;
+    textItems: string;
+    textClose: string;
+    textEmptyTitle: string;
+    textEmptyDescription: string;
+    textCall: string;
+    textCopyPhone: string;
+    textEmail: string;
+    textCopyEmail: string;
     handbook: _angular_core.WritableSignal<HandbookDetailData>;
     constructor(modalController: ModalController);
     ngOnInit(): void;
@@ -8274,7 +8300,7 @@ declare class DsMobileHandbookDetailModalComponent implements OnInit {
      */
     handleAttachmentClick(attachment: AttachmentItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileHandbookDetailModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileHandbookDetailModalComponent, "ds-mobile-handbook-detail-modal", never, { "handbookData": { "alias": "handbookData"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileHandbookDetailModalComponent, "ds-mobile-handbook-detail-modal", never, { "handbookData": { "alias": "handbookData"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "textLoading": { "alias": "textLoading"; "required": false; }; "textError": { "alias": "textError"; "required": false; }; "textItems": { "alias": "textItems"; "required": false; }; "textClose": { "alias": "textClose"; "required": false; }; "textEmptyTitle": { "alias": "textEmptyTitle"; "required": false; }; "textEmptyDescription": { "alias": "textEmptyDescription"; "required": false; }; "textCall": { "alias": "textCall"; "required": false; }; "textCopyPhone": { "alias": "textCopyPhone"; "required": false; }; "textEmail": { "alias": "textEmail"; "required": false; }; "textCopyEmail": { "alias": "textCopyEmail"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -8398,6 +8424,16 @@ declare class DsMobileHandbookFolderComponent {
      * Set this to an error message string if API call fails
      */
     error?: string;
+    textLoading: string;
+    textError: string;
+    textItems: string;
+    textClose: string;
+    textEmptyTitle: string;
+    textEmptyDescription: string;
+    textCall: string;
+    textCopyPhone: string;
+    textEmail: string;
+    textCopyEmail: string;
     /**
      * Track open/closed state for animation
      */
@@ -8438,7 +8474,7 @@ declare class DsMobileHandbookFolderComponent {
     getPageSheets(): number[];
     constructor(handbookModal: DsMobileHandbookDetailModalService);
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileHandbookFolderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileHandbookFolderComponent, "ds-mobile-handbook-folder", never, { "variant": { "alias": "variant"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "label": { "alias": "label"; "required": false; }; "items": { "alias": "items"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileHandbookFolderComponent, "ds-mobile-handbook-folder", never, { "variant": { "alias": "variant"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "label": { "alias": "label"; "required": false; }; "items": { "alias": "items"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "textLoading": { "alias": "textLoading"; "required": false; }; "textError": { "alias": "textError"; "required": false; }; "textItems": { "alias": "textItems"; "required": false; }; "textClose": { "alias": "textClose"; "required": false; }; "textEmptyTitle": { "alias": "textEmptyTitle"; "required": false; }; "textEmptyDescription": { "alias": "textEmptyDescription"; "required": false; }; "textCall": { "alias": "textCall"; "required": false; }; "textCopyPhone": { "alias": "textCopyPhone"; "required": false; }; "textEmail": { "alias": "textEmail"; "required": false; }; "textCopyEmail": { "alias": "textCopyEmail"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -8524,7 +8560,7 @@ declare class DsMobileHandbookFolderMiniComponent {
  * ```
  */
 declare class DsTextInputComponent implements ControlValueAccessor {
-    type: _angular_core.InputSignal<"search" | "text" | "email" | "tel" | "password" | "url">;
+    type: _angular_core.InputSignal<"email" | "search" | "text" | "tel" | "password" | "url">;
     label: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
@@ -8533,7 +8569,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" | "email" | "tel" | "url" | "numeric" | undefined>;
+    inputmode: _angular_core.InputSignal<"email" | "search" | "text" | "tel" | "url" | "numeric" | undefined>;
     autoClearError: _angular_core.InputSignal<boolean>;
     validator: _angular_core.InputSignal<((value: string) => boolean) | null>;
     valueChange: _angular_core.OutputEmitterRef<string>;
@@ -8606,7 +8642,7 @@ declare class DsMobileFabComponent implements AfterViewInit, OnDestroy {
      * Note: FAB is always 56px circular, but this affects the icon size
      * @default 'md'
      */
-    size: _angular_core.InputSignal<"md" | "sm" | "lg">;
+    size: _angular_core.InputSignal<"sm" | "md" | "lg">;
     /**
      * ARIA label for accessibility
      * @required - Always provide a descriptive label

package/package.json

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