@hashicorp/design-system-components/dist/components/hds/app-side-nav/list/title.js

Helios Design System Components

import Component from '@glimmer/component';
import { guidFor } from '@ember/object/internals';
import didInsert from '@ember/render-modifiers/modifiers/did-insert';
import HdsAppSideNavListItem from './item.js';
import { precompileTemplate } from '@ember/template-compilation';
import { setComponentTemplate } from '@ember/component';

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
class HdsAppSideNavListTitle extends Component {
  /*  Generate a unique ID for each Title */_titleId = 'title-' + guidFor(this);
  didInsertTitle = element => {
    const {
      didInsertTitle
    } = this.args;
    if (typeof didInsertTitle === 'function') {
      didInsertTitle(element.id);
    }
  };
  static {
    setComponentTemplate(precompileTemplate("<HdsAppSideNavListItem>\n  <div class=\"hds-app-side-nav__list-title hds-typography-body-100 hds-font-weight-semibold\" id={{this._titleId}} {{didInsert this.didInsertTitle}} ...attributes>{{~yield~}}</div>\n</HdsAppSideNavListItem>", {
      strictMode: true,
      scope: () => ({
        HdsAppSideNavListItem,
        didInsert
      })
    }), this);
  }
}

export { HdsAppSideNavListTitle as default };
//# sourceMappingURL=title.js.map