import { html, nothing } from "lit";
import { Directive, directive } from "lit/directive.js";
const MIN_VALUES_WHERE_FACET_SEARCH_IMPROVES_UX = 9;
class FacetSearchInputGuardDirective extends Directive {
    render({ canShowMoreValues, numberOfDisplayedValues, withSearch }, content) {
        if (!withSearch) return nothing;
        if (!canShowMoreValues && numberOfDisplayedValues < MIN_VALUES_WHERE_FACET_SEARCH_IMPROVES_UX) return nothing;
        return html`${content()}`;
    }
}
const facetSearchInputGuard = directive(FacetSearchInputGuardDirective);
export { facetSearchInputGuard };
