@propbinder/mobile-design 0.2.9 → 0.2.10

package/fesm2022/propbinder-mobile-design.mjs

@@ -755,16 +755,16 @@ class DsMobileListItemComponent {
         if (isPlatformBrowser(this.platformId)) {
             // Show button on tablet breakpoint and above (768px+)
             const isDesktopViewport = window.innerWidth >= 768;
-            console.log('[ListItem] Desktop detection:', {
-                innerWidth: window.innerWidth,
-                isDesktopViewport
-            });
+            // console.log('[ListItem] Desktop detection:', {
+            //   innerWidth: window.innerWidth,
+            //   isDesktopViewport
+            // });
             this.isDesktop.set(isDesktopViewport);
             // Listen for window resize to update detection
             window.addEventListener('resize', () => {
                 const newIsDesktop = window.innerWidth >= 768;
                 if (newIsDesktop !== this.isDesktop()) {
-                    console.log('[ListItem] Viewport changed, updating desktop detection:', newIsDesktop);
+                    // console.log('[ListItem] Viewport changed, updating desktop detection:', newIsDesktop);
                     this.isDesktop.set(newIsDesktop);
                 }
             });
@@ -870,15 +870,15 @@ class DsMobileListItemComponent {
      * Handle click events
      */
     handleClick(event) {
-        console.log('[ListItem] Click event fired', {
-            interactive: this.interactive(),
-            disabled: this.disabled(),
-            loading: this.loading(),
-            longPressTriggered: this.longPressTriggered,
-            target: event.target
-        });
+        // console.log('[ListItem] Click event fired', {
+        //   interactive: this.interactive(),
+        //   disabled: this.disabled(),
+        //   loading: this.loading(),
+        //   longPressTriggered: this.longPressTriggered,
+        //   target: event.target
+        // });
         if (!this.interactive() || this.disabled() || this.loading()) {
-            console.log('[ListItem] Click ignored - not interactive or disabled/loading');
+            // console.log('[ListItem] Click ignored - not interactive or disabled/loading');
             return;
         }
         // Don't emit click if it came from an interactive child element
@@ -887,15 +887,15 @@ class DsMobileListItemComponent {
         const closestInteractive = target.closest('button, a, input, select, textarea, [role="button"]');
         // Check if the interactive element is a child, not the host itself
         if (closestInteractive && closestInteractive !== event.currentTarget) {
-            console.log('[ListItem] Click ignored - came from interactive child:', closestInteractive);
+            // console.log('[ListItem] Click ignored - came from interactive child:', closestInteractive);
             return;
         }
         if (!this.longPressTriggered) {
-            console.log('[ListItem] Emitting itemClick');
+            // console.log('[ListItem] Emitting itemClick');
             this.itemClick.emit();
         }
         else {
-            console.log('[ListItem] Click ignored - long press was triggered');
+            // console.log('[ListItem] Click ignored - long press was triggered');
         }
         this.longPressTriggered = false;
     }
@@ -926,7 +926,7 @@ class DsMobileListItemComponent {
      * Emits moreButtonClick for parent components to handle
      */
     handleMoreButtonClick(event) {
-        console.log('[ListItem] Desktop more button clicked');
+        // console.log('[ListItem] Desktop more button clicked');
         // Stop propagation to prevent triggering itemClick
         event.stopPropagation();
         event.preventDefault();
@@ -939,42 +939,43 @@ class DsMobileListItemComponent {
       <div class="content-leading">
         <ng-content select="[content-leading]" />
       </div>
-      
+
       <div class="content-main">
         @if (title()) {
-          <h3 class="structured-title">{{ title() }}</h3>
+        <h3 class="structured-title">{{ title() }}</h3>
+        } @if (subtitle()) {
+        <p class="structured-subtitle">{{ subtitle() }}</p>
         }
-        @if (subtitle()) {
-          <p class="structured-subtitle">{{ subtitle() }}</p>
-        }
-        
+
         <ng-content select="[content-main]" />
         <ng-content />
       </div>
-      
+
       <div class="content-trailing">
-        @if (interactive() && enableLongPress() && showDesktopMoreButton() && isDesktop()) {
-          <ds-icon-button
-            class="desktop-more-button"
-            icon="remixMoreFill"
-            variant="secondary"
-            size="sm"
-            (clicked)="handleMoreButtonClick($event)"
-            aria-label="More options">
-          </ds-icon-button>
+        @if (interactive() && enableLongPress() && showDesktopMoreButton() &&
+        isDesktop()) {
+        <ds-icon-button
+          class="desktop-more-button"
+          icon="remixMoreFill"
+          variant="secondary"
+          size="sm"
+          (clicked)="handleMoreButtonClick($event)"
+          aria-label="More options"
+        >
+        </ds-icon-button>
         }
         <ng-content select="[content-trailing]" />
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;position:relative;padding:var(--item-padding-top, 12px) 0 var(--item-padding-bottom, 12px) 0;box-sizing:border-box;--leading-size: 32px;--content-gap: 12px;--interactive-offset: 8px}:host:after{content:\"\";position:absolute;bottom:0;left:calc(var(--leading-size) + var(--content-gap));right:0;height:1px;background:var(--border-color-default, #e5e5e5);z-index:1;display:var(--divider-display, block)}:host(.no-divider):after{display:none}.list-item-inner{display:flex;flex-direction:row;align-items:flex-start;gap:var(--content-gap);position:relative}:host(.align-center) .list-item-inner{align-items:center}:host(.align-bottom) .list-item-inner{align-items:flex-end}:host(.interactive) .list-item-inner:before{content:\"\";position:absolute;top:calc(-1 * var(--interactive-offset));left:calc(-1 * var(--interactive-offset));right:calc(-1 * var(--interactive-offset));bottom:calc(-1 * var(--interactive-offset));background:var(--color-background-neutral-primary, #ffffff);border-radius:16px;z-index:-1;pointer-events:none}:host(.interactive){cursor:pointer}@media (hover: hover) and (pointer: fine){:host(.interactive):hover .list-item-inner:before{background:var(--color-background-neutral-primary-hover, #f5f5f5)}}:host(.interactive):active .list-item-inner:before{background:var(--color-background-neutral-primary-hover, #f5f5f5)}:host(.interactive):focus-visible{outline:none}:host(.interactive):focus-visible .list-item-inner:before{outline:2px solid var(--color-brand-primary, #5d5fef);outline-offset:2px}:host(.disabled){opacity:.5;pointer-events:none}:host(.loading){pointer-events:none}:host(.variant-compact) .list-item-inner{gap:8px}.content-leading{flex-shrink:0;width:var(--leading-size);height:var(--leading-size);display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1}:host(.align-center) .content-leading{align-items:center}:host(.align-bottom) .content-leading{align-items:flex-end}.content-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1;justify-content:flex-start}:host(.align-center) .content-main{justify-content:center}:host(.align-bottom) .content-main{justify-content:flex-end}.content-trailing{flex-shrink:0;display:flex;align-items:flex-start;position:relative;z-index:1}.structured-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--text-color-default-primary, #202227);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structured-subtitle{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:400;line-height:20px;letter-spacing:-.3px;color:var(--text-color-default-secondary, #545B66);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-more-button::ng-deep button{border-radius:50%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DsIconButtonComponent, selector: "ds-icon-button", inputs: ["variant", "size", "icon", "disabled", "loading", "pressed", "expanded", "ariaLabel", "tooltip", "tooltipDisabled", "tooltipPlacement"], outputs: ["clicked", "focused", "blurred"] }] });
+  `, isInline: true, styles: [":host{display:block;position:relative;padding:var(--item-padding-top, 12px) 0 var(--item-padding-bottom, 12px) 0;box-sizing:border-box;--leading-size: 32px;--content-gap: 12px;--interactive-offset: 8px}:host:after{content:\"\";position:absolute;bottom:0;left:calc(var(--leading-size) + var(--content-gap));right:0;height:1px;background:var(--border-color-default, #e5e5e5);z-index:1;display:var(--divider-display, block)}:host(.no-divider):after{display:none}.list-item-inner{display:flex;flex-direction:row;align-items:flex-start;gap:var(--content-gap);position:relative}:host(.align-center) .list-item-inner{align-items:center}:host(.align-bottom) .list-item-inner{align-items:flex-end}:host(.interactive) .list-item-inner:before{content:\"\";position:absolute;top:calc(-1 * var(--interactive-offset));left:calc(-1 * var(--interactive-offset));right:calc(-1 * var(--interactive-offset));bottom:calc(-1 * var(--interactive-offset));background:var(--color-background-neutral-primary, #ffffff);border-radius:16px;z-index:-1;pointer-events:none}:host(.interactive){cursor:pointer}@media (hover: hover) and (pointer: fine){:host(.interactive):hover .list-item-inner:before{background:var(--color-background-neutral-primary-hover, #f5f5f5)}}:host(.interactive):active .list-item-inner:before{background:var(--color-background-neutral-primary-hover, #f5f5f5)}:host(.interactive):focus-visible{outline:none}:host(.interactive):focus-visible .list-item-inner:before{outline:2px solid var(--color-brand-primary, #5d5fef);outline-offset:2px}:host(.disabled){opacity:.5;pointer-events:none}:host(.loading){pointer-events:none}:host(.variant-compact) .list-item-inner{gap:8px}.content-leading{flex-shrink:0;width:var(--leading-size);height:var(--leading-size);display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1}:host(.align-center) .content-leading{align-items:center}:host(.align-bottom) .content-leading{align-items:flex-end}.content-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1;justify-content:flex-start}:host(.align-center) .content-main{justify-content:center}:host(.align-bottom) .content-main{justify-content:flex-end}.content-trailing{flex-shrink:0;display:flex;align-items:flex-start;position:relative;z-index:1}.structured-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--text-color-default-primary, #202227);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structured-subtitle{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:400;line-height:20px;letter-spacing:-.3px;color:var(--text-color-default-secondary, #545b66);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-more-button::ng-deep button{border-radius:50%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DsIconButtonComponent, selector: "ds-icon-button", inputs: ["variant", "size", "icon", "disabled", "loading", "pressed", "expanded", "ariaLabel", "tooltip", "tooltipDisabled", "tooltipPlacement"], outputs: ["clicked", "focused", "blurred"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ds-mobile-list-item', standalone: true, imports: [CommonModule, DsIconButtonComponent], hostDirectives: [
                         {
                             directive: DsMobileLongPressDirective,
-                            outputs: ['longPress']
-                        }
+                            outputs: ['longPress'],
+                        },
                     ], host: {
                         '[class.interactive]': 'interactive() && !disabled()',
                         '[class.disabled]': 'disabled()',
@@ -993,40 +994,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         '(click)': 'handleClick($event)',
                         '(keydown.enter)': 'handleKeyDown($event)',
                         '(keydown.space)': 'handleKeyDown($event)',
-                        '(longPress)': 'handleLongPress()'
+                        '(longPress)': 'handleLongPress()',
                     }, template: `
     <div class="list-item-inner">
       <div class="content-leading">
         <ng-content select="[content-leading]" />
       </div>
-      
+
       <div class="content-main">
         @if (title()) {
-          <h3 class="structured-title">{{ title() }}</h3>
-        }
-        @if (subtitle()) {
-          <p class="structured-subtitle">{{ subtitle() }}</p>
+        <h3 class="structured-title">{{ title() }}</h3>
+        } @if (subtitle()) {
+        <p class="structured-subtitle">{{ subtitle() }}</p>
         }
-        
+
         <ng-content select="[content-main]" />
         <ng-content />
       </div>
-      
+
       <div class="content-trailing">
-        @if (interactive() && enableLongPress() && showDesktopMoreButton() && isDesktop()) {
-          <ds-icon-button
-            class="desktop-more-button"
-            icon="remixMoreFill"
-            variant="secondary"
-            size="sm"
-            (clicked)="handleMoreButtonClick($event)"
-            aria-label="More options">
-          </ds-icon-button>
+        @if (interactive() && enableLongPress() && showDesktopMoreButton() &&
+        isDesktop()) {
+        <ds-icon-button
+          class="desktop-more-button"
+          icon="remixMoreFill"
+          variant="secondary"
+          size="sm"
+          (clicked)="handleMoreButtonClick($event)"
+          aria-label="More options"
+        >
+        </ds-icon-button>
         }
         <ng-content select="[content-trailing]" />
       </div>
     </div>
-  `, styles: [":host{display:block;position:relative;padding:var(--item-padding-top, 12px) 0 var(--item-padding-bottom, 12px) 0;box-sizing:border-box;--leading-size: 32px;--content-gap: 12px;--interactive-offset: 8px}:host:after{content:\"\";position:absolute;bottom:0;left:calc(var(--leading-size) + var(--content-gap));right:0;height:1px;background:var(--border-color-default, #e5e5e5);z-index:1;display:var(--divider-display, block)}:host(.no-divider):after{display:none}.list-item-inner{display:flex;flex-direction:row;align-items:flex-start;gap:var(--content-gap);position:relative}:host(.align-center) .list-item-inner{align-items:center}:host(.align-bottom) .list-item-inner{align-items:flex-end}:host(.interactive) .list-item-inner:before{content:\"\";position:absolute;top:calc(-1 * var(--interactive-offset));left:calc(-1 * var(--interactive-offset));right:calc(-1 * var(--interactive-offset));bottom:calc(-1 * var(--interactive-offset));background:var(--color-background-neutral-primary, #ffffff);border-radius:16px;z-index:-1;pointer-events:none}:host(.interactive){cursor:pointer}@media (hover: hover) and (pointer: fine){:host(.interactive):hover .list-item-inner:before{background:var(--color-background-neutral-primary-hover, #f5f5f5)}}:host(.interactive):active .list-item-inner:before{background:var(--color-background-neutral-primary-hover, #f5f5f5)}:host(.interactive):focus-visible{outline:none}:host(.interactive):focus-visible .list-item-inner:before{outline:2px solid var(--color-brand-primary, #5d5fef);outline-offset:2px}:host(.disabled){opacity:.5;pointer-events:none}:host(.loading){pointer-events:none}:host(.variant-compact) .list-item-inner{gap:8px}.content-leading{flex-shrink:0;width:var(--leading-size);height:var(--leading-size);display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1}:host(.align-center) .content-leading{align-items:center}:host(.align-bottom) .content-leading{align-items:flex-end}.content-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1;justify-content:flex-start}:host(.align-center) .content-main{justify-content:center}:host(.align-bottom) .content-main{justify-content:flex-end}.content-trailing{flex-shrink:0;display:flex;align-items:flex-start;position:relative;z-index:1}.structured-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--text-color-default-primary, #202227);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structured-subtitle{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:400;line-height:20px;letter-spacing:-.3px;color:var(--text-color-default-secondary, #545B66);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-more-button::ng-deep button{border-radius:50%!important}\n"] }]
+  `, styles: [":host{display:block;position:relative;padding:var(--item-padding-top, 12px) 0 var(--item-padding-bottom, 12px) 0;box-sizing:border-box;--leading-size: 32px;--content-gap: 12px;--interactive-offset: 8px}:host:after{content:\"\";position:absolute;bottom:0;left:calc(var(--leading-size) + var(--content-gap));right:0;height:1px;background:var(--border-color-default, #e5e5e5);z-index:1;display:var(--divider-display, block)}:host(.no-divider):after{display:none}.list-item-inner{display:flex;flex-direction:row;align-items:flex-start;gap:var(--content-gap);position:relative}:host(.align-center) .list-item-inner{align-items:center}:host(.align-bottom) .list-item-inner{align-items:flex-end}:host(.interactive) .list-item-inner:before{content:\"\";position:absolute;top:calc(-1 * var(--interactive-offset));left:calc(-1 * var(--interactive-offset));right:calc(-1 * var(--interactive-offset));bottom:calc(-1 * var(--interactive-offset));background:var(--color-background-neutral-primary, #ffffff);border-radius:16px;z-index:-1;pointer-events:none}:host(.interactive){cursor:pointer}@media (hover: hover) and (pointer: fine){:host(.interactive):hover .list-item-inner:before{background:var(--color-background-neutral-primary-hover, #f5f5f5)}}:host(.interactive):active .list-item-inner:before{background:var(--color-background-neutral-primary-hover, #f5f5f5)}:host(.interactive):focus-visible{outline:none}:host(.interactive):focus-visible .list-item-inner:before{outline:2px solid var(--color-brand-primary, #5d5fef);outline-offset:2px}:host(.disabled){opacity:.5;pointer-events:none}:host(.loading){pointer-events:none}:host(.variant-compact) .list-item-inner{gap:8px}.content-leading{flex-shrink:0;width:var(--leading-size);height:var(--leading-size);display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1}:host(.align-center) .content-leading{align-items:center}:host(.align-bottom) .content-leading{align-items:flex-end}.content-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1;justify-content:flex-start}:host(.align-center) .content-main{justify-content:center}:host(.align-bottom) .content-main{justify-content:flex-end}.content-trailing{flex-shrink:0;display:flex;align-items:flex-start;position:relative;z-index:1}.structured-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:600;line-height:20px;letter-spacing:-.3px;color:var(--text-color-default-primary, #202227);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structured-subtitle{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:400;line-height:20px;letter-spacing:-.3px;color:var(--text-color-default-secondary, #545b66);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-more-button::ng-deep button{border-radius:50%!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { leadingSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "leadingSize", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], enableLongPress: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableLongPress", required: false }] }], showDesktopMoreButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDesktopMoreButton", required: false }] }], interactiveOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactiveOffset", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], showDivider: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDivider", required: false }] }], dividerSpacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "dividerSpacing", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], moreButtonClick: [{ type: i0.Output, args: ["moreButtonClick"] }] } });
 
 /**
@@ -3028,7 +3030,7 @@ class WhitelabelDemoModalService {
      */
     async open() {
         try {
-            console.log('[WhitelabelDemoModal] Opening...');
+            // console.log('[WhitelabelDemoModal] Opening...');
             const modal = await this.modalController.create({
                 component: WhitelabelDemoModalComponent,
                 cssClass: 'ds-whitelabel-demo-modal',
@@ -3040,14 +3042,14 @@ class WhitelabelDemoModalService {
                 keyboardClose: true,
                 // Control the presenting element animation
                 enterAnimation: undefined, // Use default
-                leaveAnimation: undefined // Use default
+                leaveAnimation: undefined, // Use default
             });
-            console.log('[WhitelabelDemoModal] Modal created, presenting...');
+            // console.log('[WhitelabelDemoModal] Modal created, presenting...');
             await modal.present();
-            console.log('[WhitelabelDemoModal] Modal presented');
+            // console.log('[WhitelabelDemoModal] Modal presented');
         }
         catch (error) {
-            console.error('[WhitelabelDemoModal] Error opening modal:', error);
+            // console.error('[WhitelabelDemoModal] Error opening modal:', error);
             throw error;
         }
     }
@@ -3074,7 +3076,7 @@ class WhitelabelDemoModalService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WhitelabelDemoModalService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1.ModalController }] });
 
@@ -9838,8 +9840,8 @@ class DsMobileModalService {
      * ```
      */
     async open(options) {
-        console.log('[Modal] Opening modal with options:', options);
-        const { component, componentProps, cssClass, presentationStyle = 'card', backdropDismiss = true, showBackdrop = true, keyboardClose = true, swipeToClose, initialBreakpoint, breakpoints, animated = true, mode = 'ios', handleNavigationBack = true } = options;
+        // console.log('[Modal] Opening modal with options:', options);
+        const { component, componentProps, cssClass, presentationStyle = 'card', backdropDismiss = true, showBackdrop = true, keyboardClose = true, swipeToClose, initialBreakpoint, breakpoints, animated = true, mode = 'ios', handleNavigationBack = true, } = options;
         // Build modal configuration
         const modalConfig = {
             component,
@@ -9872,9 +9874,9 @@ class DsMobileModalService {
             };
         }
         const modal = await this.modalController.create(modalConfig);
-        console.log('[Modal] Modal created, presenting...');
+        // console.log('[Modal] Modal created, presenting...');
         await modal.present();
-        console.log('[Modal] Modal presented');
+        // console.log('[Modal] Modal presented');
         return modal;
     }
     /**
@@ -9895,7 +9897,7 @@ class DsMobileModalService {
             componentProps,
             presentationStyle: 'fullscreen',
             backdropDismiss: false,
-            showBackdrop: false
+            showBackdrop: false,
         });
     }
     /**
@@ -9916,7 +9918,7 @@ class DsMobileModalService {
             componentProps,
             presentationStyle: 'card',
             backdropDismiss: true,
-            showBackdrop: true
+            showBackdrop: true,
         });
     }
     /**
@@ -9945,7 +9947,7 @@ class DsMobileModalService {
             showBackdrop: true,
             swipeToClose: options?.swipeToClose ?? true,
             initialBreakpoint: options?.initialBreakpoint ?? 0.5,
-            breakpoints: options?.breakpoints ?? [0, 0.5, 0.75, 1]
+            breakpoints: options?.breakpoints ?? [0, 0.5, 0.75, 1],
         });
     }
     /**
@@ -10019,7 +10021,7 @@ class DsMobileModalService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileModalService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1.ModalController }] });
 
@@ -11621,8 +11623,8 @@ class DsMobilePostDetailModalService extends BaseModalService {
      * @returns Promise that resolves when the modal is presented
      */
     async open(postData, options) {
-        console.log('[PostDetailModal] Opening with data:', postData);
-        console.log('[PostDetailModal] options.onSubmitComment =', options?.onSubmitComment);
+        // console.log('[PostDetailModal] Opening with data:', postData);
+        // console.log('[PostDetailModal] options.onSubmitComment =', options?.onSubmitComment);
         const modal = await this.createModal(DsMobilePostDetailModalComponent, {
             postData: postData,
             loading: options?.loading ?? false,
@@ -11634,9 +11636,9 @@ class DsMobilePostDetailModalService extends BaseModalService {
         }, {
             keyboardClose: true, // Keep keyboard close behavior for this modal
         });
-        console.log('[PostDetailModal] Modal created, presenting...');
+        // console.log('[PostDetailModal] Modal created, presenting...');
         await modal.present();
-        console.log('[PostDetailModal] Modal presented');
+        // console.log('[PostDetailModal] Modal presented');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobilePostDetailModalService, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobilePostDetailModalService, providedIn: 'root' });
@@ -13212,17 +13214,17 @@ class DsMobileChatModalService extends BaseModalService {
      * @returns Promise that resolves when the modal is presented
      */
     async open(chatData, options) {
-        console.log('[ChatModal] Opening with data:', chatData);
+        // console.log('[ChatModal] Opening with data:', chatData);
         const modal = await this.createModal(DsMobileChatModalComponent, {
             chatData: chatData,
             loading: options?.loading ?? false,
-            error: options?.error
+            error: options?.error,
         }, {
             keyboardClose: true, // Keep keyboard close behavior for this modal
         });
-        console.log('[ChatModal] Modal created, presenting...');
+        // console.log('[ChatModal] Modal created, presenting...');
         await modal.present();
-        console.log('[ChatModal] Modal presented');
+        // console.log('[ChatModal] Modal presented');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileChatModalService, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileChatModalService, providedIn: 'root' });
@@ -13230,7 +13232,7 @@ class DsMobileChatModalService extends BaseModalService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileChatModalService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1.ModalController }] });
 
@@ -13753,17 +13755,17 @@ class DsMobileNewInquiryModalService extends BaseModalService {
      * @returns Promise that resolves when the modal is presented
      */
     async open(options) {
-        console.log('[NewInquiryModal] Opening modal with options:', options);
+        // console.log('[NewInquiryModal] Opening modal with options:', options);
         const modal = await this.createModal(DsMobileNewInquiryModalComponent, {
             onSubmit: options?.onSubmit,
             loading: options?.loading ?? false,
-            error: options?.error
+            error: options?.error,
         }, {
             keyboardClose: false, // Don't close on keyboard hide for this modal
         });
-        console.log('[NewInquiryModal] Modal created, presenting...');
+        // console.log('[NewInquiryModal] Modal created, presenting...');
         await modal.present();
-        console.log('[NewInquiryModal] Modal presented');
+        // console.log('[NewInquiryModal] Modal presented');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileNewInquiryModalService, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileNewInquiryModalService, providedIn: 'root' });
@@ -13771,7 +13773,7 @@ class DsMobileNewInquiryModalService extends BaseModalService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileNewInquiryModalService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1.ModalController }] });
 
@@ -14320,17 +14322,17 @@ class DsMobileHandbookDetailModalService extends BaseModalService {
      * @returns Promise that resolves when the modal is presented
      */
     async open(handbookData, options) {
-        console.log('[HandbookDetailModal] Opening with data:', handbookData);
+        // console.log('[HandbookDetailModal] Opening with data:', handbookData);
         const modal = await this.createModal(DsMobileHandbookDetailModalComponent, {
             handbookData: handbookData,
             loading: options?.loading ?? false,
-            error: options?.error
+            error: options?.error,
         }, {
             keyboardClose: true, // Keep keyboard close behavior for this modal
         });
-        console.log('[HandbookDetailModal] Modal created, presenting...');
+        // console.log('[HandbookDetailModal] Modal created, presenting...');
         await modal.present();
-        console.log('[HandbookDetailModal] Modal presented');
+        // console.log('[HandbookDetailModal] Modal presented');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileHandbookDetailModalService, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileHandbookDetailModalService, providedIn: 'root' });
@@ -14338,7 +14340,7 @@ class DsMobileHandbookDetailModalService extends BaseModalService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DsMobileHandbookDetailModalService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1.ModalController }] });