import { r as registerInstance, d as createEvent, h } from './core-3f33e631.js';

const Filter = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.anjFilterDidLoad = createEvent(this, "anjFilterDidLoad", 7);
        this.anjFilter = createEvent(this, "anjFilter", 7);
    }
    onControlLoaded(e) {
        e.stopPropagation();
        this.anjFilterDidLoad.emit(e.target);
    }
    onChange({ detail }) {
        this.anjFilter.emit(detail);
    }
    render() {
        return (h("anj-form-group", null, h("anj-input", { placeholder: this.placeholder, clearable: true, debounce: 300 }, h("anj-input-prefix", null, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, h("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))));
    }
    static get style() { return "anj-filter {\n  display: block;\n  font-size: 0.875rem;\n  font-family: var(--anj-font-family);\n  font-weight: normal;\n  line-height: 1.5;\n  outline: none;\n}\nanj-filter, anj-filter::before, anj-filter::after {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  outline: none;\n}\nanj-filter:focus, anj-filter:active, anj-filter *:focus, anj-filter *:active {\n  outline: none;\n}\nanj-filter anj-input-prefix {\n  left: 0.25rem !important;\n}"; }
};

export { Filter as anj_filter };
