@propbinder/mobile-design 0.0.26 → 0.0.28

package/fesm2022/propbinder-mobile-design.mjs

@@ -3142,6 +3142,97 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
   `, styles: [":host{display:block;max-width:640px;cursor:pointer;transition:all .2s ease}.composer-container{display:flex;align-items:center;gap:12px}.composer-input-wrapper{flex:1;min-width:0}.composer-input{width:100%;background:#ffffff1a;border:none;border-radius:24px;padding:10px 16px;font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:20px;letter-spacing:-.3px;color:#ffffff80;outline:none;cursor:pointer;transition:all .2s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.composer-input::placeholder{color:#ffffff80;opacity:1}@media (hover: hover){:host:hover .composer-input{opacity:.8}}\n"] }]
         }], propDecorators: { avatarInitials: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarInitials", required: false }] }], avatarType: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarType", required: false }] }], avatarSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarSrc", required: false }] }], avatarIconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarIconName", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], buttonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonText", required: false }] }], composerClick: [{ type: i0.Output, args: ["composerClick"] }] } });
 
+/**
+ * DsMobileListItemStaticComponent
+ *
+ * A read-only version of the interactive list item component.
+ * Used for displaying static information without interaction.
+ *
+ * This component has the same structure as the interactive list item but without:
+ * - Padding
+ * - Rounded corners
+ * - Hover states
+ * - Click interactions
+ * - Background fill (transparent)
+ *
+ * @example
+ * ```html
+ * <ds-mobile-list-item-static
+ *   [leadingSize]="'40px'">
+ *
+ *   <div content-leading>
+ *     <ds-avatar initials="JD" />
+ *   </div>
+ *
+ *   <div content-main>
+ *     <h3>Main Content</h3>
+ *     <p>Supporting text goes here...</p>
+ *   </div>
+ *
+ *   <div content-trailing>
+ *     <span>Info</span>
+ *   </div>
+ * </ds-mobile-list-item-static>
+ * ```
+ */
+class DsMobileListItemStaticComponent {
+    /**
+     * CSS size value for the leading content area (e.g., '32px', '40px', '48px')
+     * Defaults to '32px' for standard list item avatars
+     */
+    leadingSize = input('32px', ...(ngDevMode ? [{ debugName: "leadingSize" }] : []));
+    /**
+     * Check if leading content slot has content
+     */
+    hasLeadingContent = computed(() => true, ...(ngDevMode ? [{ debugName: "hasLeadingContent" }] : [])); // Always render slot container for consistency
+    /**
+     * Check if trailing content slot has content
+     */
+    hasTrailingContent = computed(() => true, ...(ngDevMode ? [{ debugName: "hasTrailingContent" }] : [])); // Always render slot container for consistency
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DsMobileListItemStaticComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: DsMobileListItemStaticComponent, isStandalone: true, selector: "ds-mobile-list-item-static", inputs: { leadingSize: { classPropertyName: "leadingSize", publicName: "leadingSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--leading-size": "leadingSize()" } }, ngImport: i0, template: `
+    @if (hasLeadingContent()) {
+      <div class="content-leading">
+        <ng-content select="[content-leading]" />
+      </div>
+    }
+    
+    <div class="content-main">
+      <ng-content select="[content-main]" />
+      <ng-content />
+    </div>
+    
+    @if (hasTrailingContent()) {
+      <div class="content-trailing">
+        <ng-content select="[content-trailing]" />
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:row;align-items:flex-start;background:transparent;padding:0;gap:12px;position:relative;--leading-size: 32px}:host:after{content:\"\";position:absolute;bottom:-10px;left:calc(var(--leading-size) + 12px);right:0;height:1px;background:var(--border-color-default)}:host:last-child:after{display:none}.content-leading{flex-shrink:0;width:var(--leading-size);min-height:var(--leading-size);height:auto;display:flex;align-items:center;justify-content:center}.content-main{flex:1;min-width:0;min-height:var(--leading-size);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.content-trailing{flex-shrink:0;display:flex;align-items:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DsMobileListItemStaticComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ds-mobile-list-item-static', standalone: true, imports: [CommonModule], host: {
+                        '[style.--leading-size]': 'leadingSize()'
+                    }, template: `
+    @if (hasLeadingContent()) {
+      <div class="content-leading">
+        <ng-content select="[content-leading]" />
+      </div>
+    }
+    
+    <div class="content-main">
+      <ng-content select="[content-main]" />
+      <ng-content />
+    </div>
+    
+    @if (hasTrailingContent()) {
+      <div class="content-trailing">
+        <ng-content select="[content-trailing]" />
+      </div>
+    }
+  `, styles: [":host{display:flex;flex-direction:row;align-items:flex-start;background:transparent;padding:0;gap:12px;position:relative;--leading-size: 32px}:host:after{content:\"\";position:absolute;bottom:-10px;left:calc(var(--leading-size) + 12px);right:0;height:1px;background:var(--border-color-default)}:host:last-child:after{display:none}.content-leading{flex-shrink:0;width:var(--leading-size);min-height:var(--leading-size);height:auto;display:flex;align-items:center;justify-content:center}.content-main{flex:1;min-width:0;min-height:var(--leading-size);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.content-trailing{flex-shrink:0;display:flex;align-items:flex-start}\n"] }]
+        }], propDecorators: { leadingSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "leadingSize", required: false }] }] } });
+
 /**
  * DsMobileInteractiveListItemPostComponent
  *
@@ -4650,6 +4741,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 type: Output
             }] } });
 
+/**
+ * DsMobileTabBarComponent
+ *
+ * Pill-style tab bar for filtering/switching views
+ * Used in the purple header section of pages
+ *
+ * @example
+ * ```html
+ * <ds-mobile-tab-bar
+ *   [tabs]="[
+ *     { id: 'all', label: 'All' },
+ *     { id: 'open', label: 'Open' },
+ *     { id: 'closed', label: 'Closed' }
+ *   ]"
+ *   [activeTab]="'all'"
+ *   (tabChange)="handleTabChange($event)">
+ * </ds-mobile-tab-bar>
+ * ```
+ */
+class DsMobileTabBarComponent {
+    /**
+     * Array of tab items to display
+     */
+    tabs = input.required(...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    /**
+     * Currently active tab ID
+     */
+    activeTab = input.required(...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    /**
+     * Emitted when a tab is clicked
+     */
+    tabChange = output();
+    handleTabClick(tabId) {
+        this.tabChange.emit(tabId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DsMobileTabBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: DsMobileTabBarComponent, isStandalone: true, selector: "ds-mobile-tab-bar", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { tabChange: "tabChange" }, ngImport: i0, template: `
+    <div class="filter-tabs">
+      @for (tab of tabs(); track tab.id) {
+        <button 
+          class="filter-tab"
+          [class.active]="activeTab() === tab.id"
+          (click)="handleTabClick(tab.id)"
+          [attr.aria-label]="tab.label"
+          [attr.aria-selected]="activeTab() === tab.id">
+          {{ tab.label }}
+          @if (tab.badge && tab.badge > 0) {
+            <span class="tab-badge">{{ tab.badge }}</span>
+          }
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [".filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;height:40px}.filter-tab{min-width:48px;justify-content:center;padding:0 12px;height:32px;border-radius:20px;background:transparent;border:none;font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:600;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.filter-tab.active{background:var(--color-background-brand, #5d5fef);color:#fff}.filter-tab:hover:not(.active){background:#ffffff1a}.tab-badge{min-width:24px;height:16px;padding:0 6px;border-radius:10px;background:#fff3;color:#fff;font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.filter-tab.active .tab-badge{background:#ffffff4d;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DsMobileTabBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ds-mobile-tab-bar', standalone: true, imports: [CommonModule], template: `
+    <div class="filter-tabs">
+      @for (tab of tabs(); track tab.id) {
+        <button 
+          class="filter-tab"
+          [class.active]="activeTab() === tab.id"
+          (click)="handleTabClick(tab.id)"
+          [attr.aria-label]="tab.label"
+          [attr.aria-selected]="activeTab() === tab.id">
+          {{ tab.label }}
+          @if (tab.badge && tab.badge > 0) {
+            <span class="tab-badge">{{ tab.badge }}</span>
+          }
+        </button>
+      }
+    </div>
+  `, styles: [".filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;height:40px}.filter-tab{min-width:48px;justify-content:center;padding:0 12px;height:32px;border-radius:20px;background:transparent;border:none;font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:600;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.filter-tab.active{background:var(--color-background-brand, #5d5fef);color:#fff}.filter-tab:hover:not(.active){background:#ffffff1a}.tab-badge{min-width:24px;height:16px;padding:0 6px;border-radius:10px;background:#fff3;color:#fff;font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.filter-tab.active .tab-badge{background:#ffffff4d;color:#fff}\n"] }]
+        }], propDecorators: { tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: true }] }], activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: true }] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }] } });
+
 /**
  * DsMobileLightboxHeaderComponent
  *
@@ -9886,81 +10052,6 @@ const customBackTransition = (_, opts) => {
     return rootTransition;
 };
 
-/**
- * DsMobileTabBarComponent
- *
- * Pill-style tab bar for filtering/switching views
- * Used in the purple header section of pages
- *
- * @example
- * ```html
- * <ds-mobile-tab-bar
- *   [tabs]="[
- *     { id: 'all', label: 'All' },
- *     { id: 'open', label: 'Open' },
- *     { id: 'closed', label: 'Closed' }
- *   ]"
- *   [activeTab]="'all'"
- *   (tabChange)="handleTabChange($event)">
- * </ds-mobile-tab-bar>
- * ```
- */
-class DsMobileTabBarComponent {
-    /**
-     * Array of tab items to display
-     */
-    tabs = input.required(...(ngDevMode ? [{ debugName: "tabs" }] : []));
-    /**
-     * Currently active tab ID
-     */
-    activeTab = input.required(...(ngDevMode ? [{ debugName: "activeTab" }] : []));
-    /**
-     * Emitted when a tab is clicked
-     */
-    tabChange = output();
-    handleTabClick(tabId) {
-        this.tabChange.emit(tabId);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DsMobileTabBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: DsMobileTabBarComponent, isStandalone: true, selector: "ds-mobile-tab-bar", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { tabChange: "tabChange" }, ngImport: i0, template: `
-    <div class="filter-tabs">
-      @for (tab of tabs(); track tab.id) {
-        <button 
-          class="filter-tab"
-          [class.active]="activeTab() === tab.id"
-          (click)="handleTabClick(tab.id)"
-          [attr.aria-label]="tab.label"
-          [attr.aria-selected]="activeTab() === tab.id">
-          {{ tab.label }}
-          @if (tab.badge && tab.badge > 0) {
-            <span class="tab-badge">{{ tab.badge }}</span>
-          }
-        </button>
-      }
-    </div>
-  `, isInline: true, styles: [".filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;height:40px}.filter-tab{min-width:48px;justify-content:center;padding:0 12px;height:32px;border-radius:20px;background:transparent;border:none;font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:600;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.filter-tab.active{background:var(--color-background-brand, #5d5fef);color:#fff}.filter-tab:hover:not(.active){background:#ffffff1a}.tab-badge{min-width:24px;height:16px;padding:0 6px;border-radius:10px;background:#fff3;color:#fff;font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.filter-tab.active .tab-badge{background:#ffffff4d;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DsMobileTabBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ds-mobile-tab-bar', standalone: true, imports: [CommonModule], template: `
-    <div class="filter-tabs">
-      @for (tab of tabs(); track tab.id) {
-        <button 
-          class="filter-tab"
-          [class.active]="activeTab() === tab.id"
-          (click)="handleTabClick(tab.id)"
-          [attr.aria-label]="tab.label"
-          [attr.aria-selected]="activeTab() === tab.id">
-          {{ tab.label }}
-          @if (tab.badge && tab.badge > 0) {
-            <span class="tab-badge">{{ tab.badge }}</span>
-          }
-        </button>
-      }
-    </div>
-  `, styles: [".filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;height:40px}.filter-tab{min-width:48px;justify-content:center;padding:0 12px;height:32px;border-radius:20px;background:transparent;border:none;font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);font-weight:600;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.filter-tab.active{background:var(--color-background-brand, #5d5fef);color:#fff}.filter-tab:hover:not(.active){background:#ffffff1a}.tab-badge{min-width:24px;height:16px;padding:0 6px;border-radius:10px;background:#fff3;color:#fff;font-family:Brockmann,sans-serif;font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.filter-tab.active .tab-badge{background:#ffffff4d;color:#fff}\n"] }]
-        }], propDecorators: { tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: true }] }], activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: true }] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }] } });
-
 class MobileInquiriesPageComponent {
     userService;
     navCtrl;
@@ -10159,97 +10250,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
   `, styles: [".inquiries-container{display:flex;flex-direction:column;max-width:640px}.inquiry-list-wrapper{display:flex;flex-direction:column}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-title{font-family:Brockmann,sans-serif;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:16px 0 8px}.empty-state-description{font-family:Brockmann,sans-serif;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}\n"] }]
         }], ctorParameters: () => [{ type: UserService }, { type: i1.NavController }] });
 
-/**
- * DsMobileListItemStaticComponent
- *
- * A read-only version of the interactive list item component.
- * Used for displaying static information without interaction.
- *
- * This component has the same structure as the interactive list item but without:
- * - Padding
- * - Rounded corners
- * - Hover states
- * - Click interactions
- * - Background fill (transparent)
- *
- * @example
- * ```html
- * <ds-mobile-list-item-static
- *   [leadingSize]="'40px'">
- *
- *   <div content-leading>
- *     <ds-avatar initials="JD" />
- *   </div>
- *
- *   <div content-main>
- *     <h3>Main Content</h3>
- *     <p>Supporting text goes here...</p>
- *   </div>
- *
- *   <div content-trailing>
- *     <span>Info</span>
- *   </div>
- * </ds-mobile-list-item-static>
- * ```
- */
-class DsMobileListItemStaticComponent {
-    /**
-     * CSS size value for the leading content area (e.g., '32px', '40px', '48px')
-     * Defaults to '32px' for standard list item avatars
-     */
-    leadingSize = input('32px', ...(ngDevMode ? [{ debugName: "leadingSize" }] : []));
-    /**
-     * Check if leading content slot has content
-     */
-    hasLeadingContent = computed(() => true, ...(ngDevMode ? [{ debugName: "hasLeadingContent" }] : [])); // Always render slot container for consistency
-    /**
-     * Check if trailing content slot has content
-     */
-    hasTrailingContent = computed(() => true, ...(ngDevMode ? [{ debugName: "hasTrailingContent" }] : [])); // Always render slot container for consistency
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DsMobileListItemStaticComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: DsMobileListItemStaticComponent, isStandalone: true, selector: "ds-mobile-list-item-static", inputs: { leadingSize: { classPropertyName: "leadingSize", publicName: "leadingSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--leading-size": "leadingSize()" } }, ngImport: i0, template: `
-    @if (hasLeadingContent()) {
-      <div class="content-leading">
-        <ng-content select="[content-leading]" />
-      </div>
-    }
-    
-    <div class="content-main">
-      <ng-content select="[content-main]" />
-      <ng-content />
-    </div>
-    
-    @if (hasTrailingContent()) {
-      <div class="content-trailing">
-        <ng-content select="[content-trailing]" />
-      </div>
-    }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:row;align-items:flex-start;background:transparent;padding:0;gap:12px;position:relative;--leading-size: 32px}:host:after{content:\"\";position:absolute;bottom:-10px;left:calc(var(--leading-size) + 12px);right:0;height:1px;background:var(--border-color-default)}:host:last-child:after{display:none}.content-leading{flex-shrink:0;width:var(--leading-size);min-height:var(--leading-size);height:auto;display:flex;align-items:center;justify-content:center}.content-main{flex:1;min-width:0;min-height:var(--leading-size);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.content-trailing{flex-shrink:0;display:flex;align-items:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DsMobileListItemStaticComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ds-mobile-list-item-static', standalone: true, imports: [CommonModule], host: {
-                        '[style.--leading-size]': 'leadingSize()'
-                    }, template: `
-    @if (hasLeadingContent()) {
-      <div class="content-leading">
-        <ng-content select="[content-leading]" />
-      </div>
-    }
-    
-    <div class="content-main">
-      <ng-content select="[content-main]" />
-      <ng-content />
-    </div>
-    
-    @if (hasTrailingContent()) {
-      <div class="content-trailing">
-        <ng-content select="[content-trailing]" />
-      </div>
-    }
-  `, styles: [":host{display:flex;flex-direction:row;align-items:flex-start;background:transparent;padding:0;gap:12px;position:relative;--leading-size: 32px}:host:after{content:\"\";position:absolute;bottom:-10px;left:calc(var(--leading-size) + 12px);right:0;height:1px;background:var(--border-color-default)}:host:last-child:after{display:none}.content-leading{flex-shrink:0;width:var(--leading-size);min-height:var(--leading-size);height:auto;display:flex;align-items:center;justify-content:center}.content-main{flex:1;min-width:0;min-height:var(--leading-size);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.content-trailing{flex-shrink:0;display:flex;align-items:flex-start}\n"] }]
-        }], propDecorators: { leadingSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "leadingSize", required: false }] }] } });
-
 class MobileInquiryDetailPageComponent extends MobilePageBase {
     userService;
     navCtrl;
@@ -12600,5 +12600,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActionCommentComponent$1 as ActionCommentComponent, ActionLikeComponent$1 as ActionLikeComponent, ContentRowComponent, DsMobileActionsBottomSheetComponent, DsMobileAppLayoutComponent, DsMobileBottomSheetService, DsMobileActionsBottomSheetComponent as DsMobileCommentActionsBottomSheetComponent, DsMobileCommentComponent, DsMobileContactListItemComponent, DsMobileContentComponent, DsMobileContentSectionComponent, DsMobileHandbookDetailModalComponent, DsMobileHandbookDetailModalService, DsMobileHandbookFolderComponent, DsMobileHandbookFolderMiniComponent, DsMobileHeaderContentComponent, DsMobileHeaderContentTileComponent, DsMobileInlinePhotoComponent, DsMobileInteractiveListItemInquiryComponent, DsMobileInteractiveListItemMessageComponent, DsMobileInteractiveListItemPostComponent, DsMobileLightboxImageComponent as DsMobileLightboxComponent, DsMobileLightboxFooterComponent, DsMobileLightboxHeaderComponent, DsMobileLightboxImageComponent, DsMobileLightboxPdfComponent, DsMobileLightboxService, DsMobileListItemComponent, DsMobileLongPressDirective, DsMobileModalService, DsMobilePageDetailsComponent, DsMobilePageMainComponent, DsMobileActionsBottomSheetComponent as DsMobilePostActionsBottomSheetComponent, DsMobilePostCardComponent, DsMobilePostComposerComponent, DsMobilePostCreateBottomSheetComponent, DsMobilePostDetailModalComponent, DsMobilePostDetailModalService, DsMobileTabsComponent$1 as DsMobileTabsComponent, MobileCommunityPageComponent, MobileHandbookPageComponent, MobileHomePageComponent, MobileInquiriesPageComponent, MobileInquiryDetailPageComponent, MobilePageBase, MobilePostDetailPageComponent, MobileTabsExampleComponent, PostActionsComponent$1 as PostActionsComponent, PostAttachmentsComponent$1 as PostAttachmentsComponent, PostContentComponent$1 as PostContentComponent, PostCreatePageComponent, PostMediaComponent$1 as PostMediaComponent, PostPdfAttachmentComponent, PostTextComponent$1 as PostTextComponent, SectionHeaderComponent, TileContentComponent, TileIconComponent, TileLabelComponent, TileValueComponent, UserService, WhitelabelDemoPage, customBackTransition, customPageTransition };
+export { ActionCommentComponent$1 as ActionCommentComponent, ActionLikeComponent$1 as ActionLikeComponent, ContentRowComponent, DsMobileActionsBottomSheetComponent, DsMobileAppLayoutComponent, DsMobileBottomSheetService, DsMobileActionsBottomSheetComponent as DsMobileCommentActionsBottomSheetComponent, DsMobileCommentComponent, DsMobileContactListItemComponent, DsMobileContentComponent, DsMobileContentSectionComponent, DsMobileHandbookDetailModalComponent, DsMobileHandbookDetailModalService, DsMobileHandbookFolderComponent, DsMobileHandbookFolderMiniComponent, DsMobileHeaderContentComponent, DsMobileHeaderContentTileComponent, DsMobileInlinePhotoComponent, DsMobileInteractiveListItemInquiryComponent, DsMobileInteractiveListItemMessageComponent, DsMobileInteractiveListItemPostComponent, DsMobileLightboxImageComponent as DsMobileLightboxComponent, DsMobileLightboxFooterComponent, DsMobileLightboxHeaderComponent, DsMobileLightboxImageComponent, DsMobileLightboxPdfComponent, DsMobileLightboxService, DsMobileListItemComponent, DsMobileListItemStaticComponent, DsMobileLongPressDirective, DsMobileModalService, DsMobilePageDetailsComponent, DsMobilePageMainComponent, DsMobileActionsBottomSheetComponent as DsMobilePostActionsBottomSheetComponent, DsMobilePostCardComponent, DsMobilePostComposerComponent, DsMobilePostCreateBottomSheetComponent, DsMobilePostDetailModalComponent, DsMobilePostDetailModalService, DsMobileTabBarComponent, DsMobileTabsComponent$1 as DsMobileTabsComponent, MobileCommunityPageComponent, MobileHandbookPageComponent, MobileHomePageComponent, MobileInquiriesPageComponent, MobileInquiryDetailPageComponent, MobilePageBase, MobilePostDetailPageComponent, MobileTabsExampleComponent, PostActionsComponent$1 as PostActionsComponent, PostAttachmentsComponent$1 as PostAttachmentsComponent, PostContentComponent$1 as PostContentComponent, PostCreatePageComponent, PostMediaComponent$1 as PostMediaComponent, PostPdfAttachmentComponent, PostTextComponent$1 as PostTextComponent, SectionHeaderComponent, TileContentComponent, TileIconComponent, TileLabelComponent, TileValueComponent, UserService, WhitelabelDemoPage, customBackTransition, customPageTransition };
 //# sourceMappingURL=propbinder-mobile-design.mjs.map