Implement new truncation rules for Standard and Byline Lists

[InnaAtanasova]

Description

Implement the updated truncation behavior for the List component according to the latest designs for both Standard List and Byline List variants.

The current implementation relies on truncation modifiers applied to individual content elements. The new implementation should align with the updated truncation requirements while minimizing breaking changes for existing consumers.

Requirements

• Implement the new truncation rules for:

  • Standard List
  • Byline List

• Preserve existing behavior by default whenever possible.

• Introduce new functionality through modifier classes rather than changing existing APIs or default behavior.

• Ensure long content can be configured to either truncate or wrap according to the new design specifications.

• Support truncation behavior at the list and/or list item level where appropriate.

• Update documentation and examples to reflect the new behavior.

Acceptance Criteria

• New truncation rules are implemented according to design specifications.
• Existing list implementations remain unaffected unless new modifier classes are applied.
• Modifier classes provide a clear and scalable way to opt into the new truncation behavior.
• Documentation and examples are updated.
• Accessibility considerations are verified for wrapped and truncated content.

[InnaAtanasova]

Possible Strategy

Follow the Subline List strategy where by default long text wraps on multiple lines and we can show truncated text with modifier class --truncate.

Example:

We would need to do this for Standard List and List with Byline as well as Group item and Group header.

"Show More/Show Less" mechanism will be only adding CSS for the "Show More/Show Less" trigger. The logic will be in fundamental-ngx. In fund-styles we should consider a modifier class that would allow the text to wrap without "Show More/Show Less".

Challenging part would be positioning the elements in Byline List, especially Thumbnail, counter, buttons and Status (Object Status).

2. Impacted Components

✅ Standard List (base)
✅ Byline List (all variants - most complex)
✅ Subline List
✅ Object List
✅ Upload Collection
✅ Navigation List
✅ Selection List
✅ Tree
✅ Select
✅ Combobox
✅ Multi-input
✅ Multi combobox
✅ User Menu (uses subline list)
✅ Dialog with lists
✅ Side Navigation (Vertical navigation)
✅ Message View List

Total estimation

10-14 days