@propbinder/mobile-design 0.1.11 → 0.1.13

package/fesm2022/propbinder-mobile-design.mjs

@@ -3451,6 +3451,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:rgba(var(--header-content-color-rgb, 255, 255, 255),.1);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:rgba(var(--header-content-color-rgb, 255, 255, 255),.75);outline:none;cursor:pointer;transition:all .2s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.composer-input::placeholder{color:rgba(var(--header-content-color-rgb, 255, 255, 255),.75);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
  *
@@ -10556,97 +10647,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;
@@ -13120,5 +13120,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, DsMobileBottomSheetService, DsMobileActionsBottomSheetComponent as DsMobileCommentActionsBottomSheetComponent, DsMobileCommentComponent, DsMobileContactListItemComponent, DsMobileContentComponent, DsMobileContentSectionComponent, DsMobileHandbookDetailModalComponent, DsMobileHandbookDetailModalService, DsMobileHandbookFolderComponent, DsMobileHandbookFolderMiniComponent, DsMobileHeaderContentComponent, DsMobileHeaderContentTileComponent, DsMobileInlinePhotoComponent, DsMobileInlineTabsComponent, DsMobileInteractiveListItemInquiryComponent, DsMobileInteractiveListItemMessageComponent, DsMobileInteractiveListItemPostComponent, DsMobileLightboxImageComponent as DsMobileLightboxComponent, DsMobileLightboxFooterComponent, DsMobileLightboxHeaderComponent, DsMobileLightboxImageComponent, DsMobileLightboxPdfComponent, DsMobileLightboxService, DsMobileListItemComponent, 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, WhitelabelService, customBackTransition, customPageTransition };
+export { ActionCommentComponent$1 as ActionCommentComponent, ActionLikeComponent$1 as ActionLikeComponent, ContentRowComponent, DsMobileActionsBottomSheetComponent, DsMobileBottomSheetService, DsMobileActionsBottomSheetComponent as DsMobileCommentActionsBottomSheetComponent, DsMobileCommentComponent, DsMobileContactListItemComponent, DsMobileContentComponent, DsMobileContentSectionComponent, DsMobileHandbookDetailModalComponent, DsMobileHandbookDetailModalService, DsMobileHandbookFolderComponent, DsMobileHandbookFolderMiniComponent, DsMobileHeaderContentComponent, DsMobileHeaderContentTileComponent, DsMobileInlinePhotoComponent, DsMobileInlineTabsComponent, 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, WhitelabelService, customBackTransition, customPageTransition };
 //# sourceMappingURL=propbinder-mobile-design.mjs.map