@hashicorp/design-system-components/dist/components/hds/breadcrumb/truncation.js

Helios Design System Components

import Component from '@glimmer/component';
import { hash } from '@ember/helper';
import HdsPopoverPrimitive from '../popover-primitive/index.js';
import HdsIcon from '../icon/index.js';
import { precompileTemplate } from '@ember/template-compilation';
import { setComponentTemplate } from '@ember/component';

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
class HdsBreadcrumbTruncation extends Component {
  get ariaLabel() {
    return this.args.ariaLabel ?? 'show more';
  }
  static {
    setComponentTemplate(precompileTemplate("<li class=\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\" ...attributes>\n  <HdsPopoverPrimitive @enableClickEvents={{true}} as |PP|>\n    <div {{PP.setupPrimitiveContainer}}>\n      <button type=\"button\" class=\"hds-breadcrumb__truncation-toggle\" aria-label={{this.ariaLabel}} aria-expanded={{if PP.isOpen \"true\" \"false\"}} {{PP.setupPrimitiveToggle}}>\n        <HdsIcon @name=\"more-horizontal\" @size=\"16\" />\n      </button>\n      <div class=\"hds-breadcrumb__truncation-content\" {{PP.setupPrimitivePopover anchoredPositionOptions=(hash placement=\"bottom-start\" offsetOptions=4)}}>\n        <ol class=\"hds-breadcrumb__sublist\">\n          {{yield}}\n        </ol>\n      </div>\n    </div>\n  </HdsPopoverPrimitive>\n</li>", {
      strictMode: true,
      scope: () => ({
        HdsPopoverPrimitive,
        HdsIcon,
        hash
      })
    }), this);
  }
}

export { HdsBreadcrumbTruncation as default };
//# sourceMappingURL=truncation.js.map