@hashicorp/design-system-components/dist/components/hds/dropdown/list-item/checkbox.js

Helios Design System Components

import Component from '@glimmer/component';
import { getElementId } from '../../../../utils/hds-get-element-id.js';
import HdsFormCheckboxBase from '../../form/checkbox/base.js';
import HdsIcon from '../../icon/index.js';
import HdsTextBody from '../../text/body.js';
import { precompileTemplate } from '@ember/template-compilation';
import { setComponentTemplate } from '@ember/component';

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
class HdsDropdownListItemCheckbox extends Component {
  get id() {
    return getElementId(this);
  }
  static {
    setComponentTemplate(precompileTemplate("<li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-checkbox\">\n  <label class=\"hds-dropdown-list-item__label hds-typography-body-200\" for={{this.id}}>\n    <HdsFormCheckboxBase class=\"hds-dropdown-list-item__control\" id={{this.id}} @value={{@value}} ...attributes />\n    {{#if @icon}}\n      <span class=\"hds-dropdown-list-item__icon\">\n        <HdsIcon @name={{@icon}} />\n      </span>\n    {{/if}}\n    <HdsTextBody @tag=\"span\" @size=\"200\" @weight=\"medium\" class=\"hds-dropdown-list-item__text-content\">{{yield}}</HdsTextBody>\n    {{#if @count}}\n      <HdsTextBody @tag=\"span\" @size=\"100\" @weight=\"medium\" class=\"hds-dropdown-list-item__count\">{{@count}}</HdsTextBody>\n    {{/if}}\n  </label>\n</li>", {
      strictMode: true,
      scope: () => ({
        HdsFormCheckboxBase,
        HdsIcon,
        HdsTextBody
      })
    }), this);
  }
}

export { HdsDropdownListItemCheckbox as default };
//# sourceMappingURL=checkbox.js.map