/**
 * Copyright Aquera Inc 2023
 *
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.
 */
import { __decorate } from "tslib";
import { html, } from 'lit';
import { customElement } from 'lit/decorators.js';
import { styles } from './nile-list.css';
import NileElement from '../internal/nile-element';
/**
 * Nile list component.
 *
 * @tag nile-list
 *
 */
let NileList = class NileList extends NileElement {
    /**
     * The styles for nile-list
     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
     */
    static get styles() {
        return [styles];
    }
    /* #endregion */
    /* #region Methods */
    /**
     * Render method
     * @slot This is a slot test
     */
    handleListItemClick(e) {
        const listTextValue = e.target.innerText;
        this.emit('nile-list-click', { value: listTextValue });
    }
    render() {
        return html `
      <slot @nile-list-item-click="${this.handleListItemClick}"> </slot>
    `;
    }
};
NileList = __decorate([
    customElement('nile-list')
], NileList);
export { NileList };
export default NileList;
//# sourceMappingURL=nile-list.js.map