import { KbqClampedTextModule } from '@koobiq/components/clamped-text';Selector: [kbqClampedList]
Exported as: kbqClampedList| Name | Description |
|---|---|
@Input() collapsedVisibleCount: InputSignalWithTransform |
Maximum number of items visible in collapsed state. |
@Input() hiddenThreshold: InputSignalWithTransform |
Minimum number of hidden items required to show the toggle trigger. |
@Input() @Output('isCollapsedChange')
isCollapsed: ModelSignal |
Collapsed state: `true` = collapsed, `false` = expanded, `undefined` = expanded. |
@Input() items: InputSignal |
The list of items to display. |
| exceededItemCount: Signal |
Number of items hidden when the list is collapsed. |
| hasToggle: Signal |
Whether the number of hidden items meets the threshold to render the toggle trigger. |
| localeConfiguration: Signal |
Clamped text locale configuration. |
| showMoreCountText: Signal |
Localized "show more" label with the exceeded item count interpolated into the `{exceededItemCount}` placeholder. |
| visibleItems: Signal |
Slice of items currently rendered — truncated to `minVisibleCount` when collapsed, a full list otherwise. |
Selector: kbq-clamped-text
Exported as: kbqClampedText| Name | Description |
|---|---|
@Input() debounceTime: InputSignalWithTransform |
Debounce time on resize observer when recalculating toggle and text visibility. |
@Input() isCollapsed: InputSignal |
Collapsed state: `true` = collapsed, `false` = expanded, `undefined` = auto. |
@Input() rows: InputSignal |
Max rows before text is clamped. |
@Output('isCollapsedChange')
isCollapsedChange: OutputEmitterRef |
Emits when collapsed state changes. Used for two-way binding with `isCollapsed`. |
Clamped list trigger. Used for calling toggle collapsed state on click events
Selector: [kbqClampedListTrigger]
Exported as: kbqClampedListTrigger| Name | Description |
|---|---|
| root: KbqClamped |
| Name | Description |
|---|---|
| hasToggle: Signal |
Whether the toggle trigger should be shown. |
| isCollapsed: Signal |
Collapsed state: `true` = collapsed, `false` = expanded, `undefined` = auto. Behavior for auto may vary according to clamped-list/clamped-text |
| localeConfiguration: Signal |
Reactive locale strings for open/close labels. |
Default maximum number of visible rows for the clamped text component before truncation and the "collapse/expand" toggle is shown.
const kbqClampedTextDefaultMaxRows: number;
Localization configuration provider.
const KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION: InjectionToken<KbqClampedTextLocaleConfig>;
Utility provider.
const kbqClampedTextLocaleConfigurationProvider: (configuration: KbqClampedTextLocaleConfig) => Provider;
const KbqClampedRoot: InjectionToken<KbqClamped>;