Converter Select
The dropdown that lets a user pick which converted format previews a document, built from the app's configured converters and hidden entirely when only one applies.
<converter-select> renders only when previewMultiConversion is on and more than one configured
converter matches the currently loaded preview's available conversions — otherwise the host hides itself
entirely, so it can be dropped into a toolbar without leaving a gap when there is nothing to choose between.
Minimal example
<preview-content> already embeds this dropdown internally (through <preview-actions>) and owns the
resulting conversion itself — reach for <converter-select> directly only when building a custom preview
surface that does not use <preview-content>.
import { Component, signal } from "@angular/core";
import { ConverterSelectComponent } from "@sinequa/atomic-angular";
import type { CConverter } from "@sinequa/atomic-angular";
import type { PreviewData } from "@sinequa/atomic";
@Component({
selector: "custom-preview",
imports: [ConverterSelectComponent],
template: `<converter-select [previewData]="previewData()" (onConversionSelect)="conversion.set($event)" />`,
})
export class CustomPreviewComponent {
protected readonly previewData = signal<PreviewData | undefined>(undefined);
protected readonly conversion = signal<CConverter | undefined>(undefined);
}Defaults to the converter marked default in configuration, then the one marked primary, when several
match.
Options
Prop
Type
onConversionSelect emits the selected CConverter, or undefined when none applies.
Pitfalls
What's next
Sponsored Results
Up to three promoted links relevant to the current query, each opening in a new window with a "PROMOTED" badge — customizable, and query-parameter overridable for testing.
Infinite Scroll & Overflow
Two small layout directives with no visual output of their own — load more when an element enters the viewport, and count how many items actually fit before a "more" trigger.