/**
 * Copyright Aquera Inc 2025
 *
 * 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, property } from 'lit/decorators.js';
import { styles } from './nile-inline-sidebar-group.css';
import NileElement from '../internal/nile-element';
/**
 * Nile inline sidebar group.
 *
 * @tag nile-inlinesidebar-group
 *
 * @attr label - Optional group label
 * @attr divider - Whether to show a divider below the group (default: true)
 *
 * @slot - Inline sidebar items
 * @slot label - Optional label/header for the group
 */
let NileInlineSidebarGroup = class NileInlineSidebarGroup extends NileElement {
    constructor() {
        super(...arguments);
        this.label = '';
        this.divider = false;
    }
    static get styles() {
        return [styles];
    }
    render() {
        return html `
      <div class="group">
        ${this.label || this.hasLabelSlot()
            ? html `
              <div class="group-label">
                <slot name="label">${this.label}</slot>
              </div>
            `
            : null}
        <div class="group-items">
          <slot></slot>
        </div>
      </div>
    `;
    }
    hasLabelSlot() {
        const slot = this.shadowRoot?.querySelector('slot[name="label"]');
        return !!slot;
    }
};
__decorate([
    property({ type: String })
], NileInlineSidebarGroup.prototype, "label", void 0);
__decorate([
    property({ type: Boolean, reflect: true })
], NileInlineSidebarGroup.prototype, "divider", void 0);
NileInlineSidebarGroup = __decorate([
    customElement('nile-inline-sidebar-group')
], NileInlineSidebarGroup);
export { NileInlineSidebarGroup };
export default NileInlineSidebarGroup;
//# sourceMappingURL=nile-inline-sidebar-group.js.map