'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const core = require('./core-b7b9d752.js');
const i18n_provider = require('./i18n.provider-5632e5ed.js');

var Translations;
(function (Translations) {
    Translations["COLUMN_FILTERS"] = "Column Filters";
})(Translations || (Translations = {}));
const ColumnFiltering = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
        this.active = false;
        this.anjColumnFilteringDidLoad = core.createEvent(this, "anjColumnFilteringDidLoad", 7);
        this.anjColumnFilteringToggle = core.createEvent(this, "anjColumnFilteringToggle", 7);
    }
    componentDidLoad() {
        this.anjColumnFilteringDidLoad.emit();
    }
    toggle() {
        this.active = !this.active;
        this.anjColumnFilteringToggle.emit(this.active);
    }
    render() {
        return (core.h("anj-button", { context: "icon", "aria-label": this.translator(Translations.COLUMN_FILTERS), active: this.active, onClick: () => this.toggle() }, core.h("svg", { slot: "icon-only", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, core.h("path", { "fill-rule": "evenodd", d: "M15.0013226,19.88 C15.0413226,20.18 14.9413226,20.5 14.7113226,20.71 C14.3213226,21.1 13.6913226,21.1 13.3013226,20.71 L9.29132255,16.7 C9.06132255,16.47 8.96132255,16.16 9.00132255,15.87 L9.00132255,10.75 L4.21132255,4.62 C3.87132255,4.19 3.95132255,3.56 4.38132255,3.22 C4.57132255,3.08 4.78132255,3 5.00132255,3 L5.00132255,3 L19.0013226,3 L19.0013226,3 C19.2213226,3 19.4313226,3.08 19.6213226,3.22 C20.0513226,3.56 20.1313226,4.19 19.7913226,4.62 L15.0013226,10.75 L15.0013226,19.88 L15.0013226,19.88 Z M7.04132255,5 L11.0013226,10.06 L11.0013226,15.58 L13.0013226,17.58 L13.0013226,10.05 L16.9613226,5 L7.04132255,5 Z" }))));
    }
};
i18n_provider.Tunnel.injectProps(ColumnFiltering, ['translator']);

exports.anj_column_filtering = ColumnFiltering;
