@ember-eui/core 16.0.3 → 16.0.5

package/dist/components/eui-search-bar/field-value-selection-filter.js

@@ -8,7 +8,6 @@ import { waitForPromise } from '@ember/test-waiters';
 import { modifier } from 'ember-modifier';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../../utils/eui/styles.js';
-import { be as euiFilterGroupStyles } from '../../styles.generated-SYAxYhey.js';
 import { Operator } from '../../utils/eui/search-bar/ast.js';
 import { Query } from '../../utils/eui/search-bar/query.js';
 import EuiFilterButton from '../eui-filter-button.js';
@@ -19,6 +18,7 @@ import EuiRenderNodeView from '../../-private/eui-render-node.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiFilterGroupStyles } from '../../utils/eui/styles.generated/components/filter_group/filter_group.styles.js';
 
 const defaults = {
   config: {

package/dist/components/eui-search-bar.js

@@ -4,7 +4,6 @@ import { action } from '@ember/object';
 import { randomId } from '../-private/random-id.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { cS as euiSearchBar__filtersHolder, cT as euiSearchBar__searchHolder } from '../styles.generated-SYAxYhey.js';
 export { AST as Ast } from '../utils/eui/search-bar/ast.js';
 import { Query } from '../utils/eui/search-bar/query.js';
 import EuiFlexGroup from './eui-flex-group.js';
@@ -15,6 +14,7 @@ import EuiToolTip from './eui-tool-tip.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiSearchBar__filtersHolder, euiSearchBar__searchHolder } from '../utils/eui/styles.generated/components/search_bar/search_bar.styles.js';
 
 /** The query schema of `@box.schema`. */
 

package/dist/components/eui-select.js

@@ -8,10 +8,10 @@ import argOrDefault from '../helpers/arg-or-default.js';
 import validatableControl from '../modifiers/validatable-control.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { formControlReset } from '../utils/eui/form-controls.js';
-import { cU as euiSelectStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
+import { euiSelectStyles } from '../utils/eui/styles.generated/components/form/select/select.styles.js';
 
 /** A native `<select>` on the upstream EUI 123 / Borealis form control styles. */class EuiSelect extends Component {
   selectClasses = inGroup => {

package/dist/components/eui-selectable-list-item.js

@@ -3,7 +3,6 @@ import { cached } from '@glimmer/tracking';
 import { service } from '@ember/service';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { p as euiListItemLayoutStyles, ah as euiCheckboxControlStyles } from '../styles.generated-SYAxYhey.js';
 import EuiBadge from './eui-badge.js';
 import EuiIcon from './eui-icon.js';
 import EuiScreenReaderOnly from './eui-screen-reader-only.js';
@@ -13,6 +12,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiListItemLayoutStyles } from '../utils/eui/styles.generated/shared/ISD4LC5N.js';
+import { euiCheckboxControlStyles } from '../utils/eui/styles.generated/components/form/checkbox/checkbox_control.styles.js';
 
 /** Roles that take `aria-checked` (upstream EuiListItemLayout). */const ROLES_THAT_CAN_USE_ARIA_CHECKED = ['option', 'checkbox', 'menuitemcheckbox', 'radio', 'menuitemradio', 'switch'];
 const NATIVELY_CHECKABLE_ROLES = ROLES_THAT_CAN_USE_ARIA_CHECKED.slice(1);

package/dist/components/eui-selectable-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-selectable-list-item.js","sources":["../../src/components/eui-selectable-list-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { service } from '@ember/service';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiCheckboxControlStyles,\n  euiListItemLayoutStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiBadge from './eui-badge.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\nimport { randomId } from '../-private/random-id.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiSelectableToolTipProps } from '../-private/selectable-options.ts';\nimport type { CSSInterpolation } from '@emotion/css/create-instance';\nimport type { TOC } from '@ember/component/template-only';\n\nexport type EuiSelectableOptionCheckedType = 'on' | 'off' | 'mixed' | undefined;\n\n/** Roles that take `aria-checked` (upstream EuiListItemLayout). */\nconst ROLES_THAT_CAN_USE_ARIA_CHECKED = [\n  'option',\n  'checkbox',\n  'menuitemcheckbox',\n  'radio',\n  'menuitemradio',\n  'switch'\n];\nconst NATIVELY_CHECKABLE_ROLES = ROLES_THAT_CAN_USE_ARIA_CHECKED.slice(1);\nconst ROLES_THAT_CAN_BE_MIXED = ['option', 'checkbox', 'menuitemcheckbox'];\nconst ROLES_THAT_CAN_USE_ARIA_SELECTED = [\n  'tab',\n  'gridcell',\n  'option',\n  'row',\n  'treeitem'\n];\n\n/**\n * One option of an `EuiSelectable` list: a selection indicator, the label,\n * and optional prepend / append content. Usually rendered for you by\n * `EuiSelectable`.\n */\nexport interface EuiSelectableListItemSignature {\n  Element: HTMLLIElement;\n  Args: {\n    /** Highlights it as the keyboard's current option. */\n    isFocused?: boolean;\n    /** Disables the option. */\n    disabled?: boolean;\n    /**\n     * With `@disabled`: keeps focus styles, the focus badge and the tooltip\n     * (upstream `hasAriaDisabled`); the option still cannot be selected.\n     */\n    hasAriaDisabled?: boolean;\n    /**\n     * `'truncate'` (default, CSS ellipsis) or `'wrap'` the label (upstream\n     * `textWrap`; EuiSelectable only wraps when not virtualized).\n     */\n    textWrap?: 'truncate' | 'wrap';\n    /** Tooltip text, shown on hover and while `@isFocused` (upstream). */\n    toolTipContent?: string;\n    /** EuiToolTip arguments of that tooltip; `position` defaults to `'left'`. */\n    toolTipProps?: EuiSelectableToolTipProps;\n    /**\n     * `'on'` (checked), `'off'` (excluded), `'mixed'` (checked for some) or\n     * nothing. `true` is treated as `'on'`.\n     */\n    checked?: boolean | 'on' | 'off' | 'mixed';\n    /**\n     * Shows the selection indicator: a check box for multiple selection,\n     * else a check mark / cross / dash. Defaults to `true`.\n     */\n    showIcons?: boolean;\n    /** Text before the label. Use the `<:prepend>` block for markup. */\n    prepend?: string;\n    /** Text after the label. Use the `<:append>` block for markup. */\n    append?: string;\n    /** Tells screen readers that Enter excludes the option. */\n    allowExclusions?: boolean;\n    /**\n     * `false` for an option of a multiple selection list: a check box\n     * indicator and `aria-checked`. Otherwise (the default, as upstream)\n     * a single selection option: an icon indicator, the selected\n     * background and `aria-selected`.\n     */\n    singleSelection?: boolean | 'always';\n    /**\n     * The list is driven from a search field: adds the \"press Enter\"\n     * instructions for screen readers.\n     */\n    searchable?: boolean;\n    /**\n     * Shows a \"return key\" badge on the focused option, to hint that\n     * Enter selects it: `true`, `false`, or `{ text, iconSide }` for a\n     * badge with text (e.g. \"Go to\"). Defaults to `false` (upstream).\n     */\n    onFocusBadge?: boolean | { text?: string; iconSide?: 'left' | 'right' };\n    /** `role` of the `<li>`. Defaults to `'option'`. */\n    role?: string;\n    /** Hover styles and pointer cursor (set when the list handles clicks). */\n    isInteractive?: boolean;\n    /** Text of the label's `title` (on the text, not the option). */\n    title?: string;\n    /** Renders the prepend wrapper (for blocks that may be empty). */\n    hasPrepend?: boolean;\n    /** Renders the append wrapper (for blocks that may be empty). */\n    hasAppend?: boolean;\n  };\n  Blocks: {\n    /** The label. */\n    default: [];\n    /** Content before the label, e.g. an icon or avatar. */\n    prepend: [];\n    /** Content after the label, e.g. a count badge. */\n    append: [];\n  };\n}\n\n// Scoped stand-in for React's global reset; upstream styles come after.\nconst ITEM_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  listStyle: 'none',\n  '& :where(*, *::before, *::after)': { boxSizing: 'border-box' }\n} as const;\n\nconst HIDDEN_ICON = { display: 'none' } as const;\n/** Upstream `anchorClassName=\"eui-fullWidth\"` of the option tooltip. */\nconst TOOLTIP_ANCHOR = { display: 'block', inlineSize: '100%' } as const;\n\n/**\n * @private Upstream EuiListItemLayout's internal tooltip: wraps the\n * option's content in an EuiToolTip (position `left` by default), shown on\n * hover and while the option is the current one.\n */\nconst MaybeToolTip: TOC<{\n  Args: {\n    show: boolean;\n    id: string;\n    content?: string;\n    props?: EuiSelectableToolTipProps;\n    anchorCss: EuiCss;\n    isShown: boolean;\n  };\n  Blocks: { default: [] };\n}> = <template>\n  {{#if @show}}\n    <EuiToolTip\n      @id={{@id}}\n      @content={{@content}}\n      @position={{if @props.position @props.position \"left\"}}\n      @title={{@props.title}}\n      @delay={{@props.delay}}\n      @offset={{@props.offset}}\n      @className={{@props.className}}\n      @css={{@props.css}}\n      @anchorClassName={{@props.anchorClassName}}\n      @anchorCss={{@anchorCss}}\n      @isShown={{@isShown}}\n    >{{yield}}</EuiToolTip>\n  {{else}}\n    {{yield}}\n  {{/if}}\n</template>;\n\nexport default class EuiSelectableListItem extends Component<EuiSelectableListItemSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  /** `true` is a legacy alias of `'on'`. */\n  get checked(): EuiSelectableOptionCheckedType {\n    const { checked } = this.args;\n    if (checked === true) return 'on';\n    return checked || undefined;\n  }\n\n  get role(): string {\n    return this.args.role ?? 'option';\n  }\n\n  get isSingleSelection(): boolean {\n    return this.args.singleSelection !== false;\n  }\n\n  get showIcons(): boolean {\n    return this.args.showIcons !== false;\n  }\n\n  get isSelected(): boolean {\n    return this.checked !== undefined;\n  }\n\n  get isDisabled(): boolean {\n    return Boolean(this.args.disabled);\n  }\n\n  /** Disabled without `@hasAriaDisabled`: no interactive states. */\n  get isInert(): boolean {\n    return this.isDisabled && !this.args.hasAriaDisabled;\n  }\n\n  get isFocused(): boolean {\n    return Boolean(this.args.isFocused) && !this.isInert;\n  }\n\n  toolTipId = `euiSelectableListItem_${randomId()}_tooltip`;\n\n  /** Upstream: no tooltip on (natively) disabled options. */\n  get hasToolTip(): boolean {\n    return Boolean(this.args.toolTipContent) && !this.isInert;\n  }\n\n  @cached\n  get toolTipAnchorCss(): EuiCss {\n    return [TOOLTIP_ANCHOR, this.isDisabled && this.layout.tooltip.isDisabled];\n  }\n\n  /** Upstream `selectionMode`: `'checked'` uses `aria-checked`. */\n  get selectionMode(): 'checked' | 'selected' {\n    if (this.args.allowExclusions || this.checked === 'mixed') return 'checked';\n    if (!this.isSingleSelection) return 'checked';\n    if (NATIVELY_CHECKABLE_ROLES.includes(this.role)) return 'checked';\n    return 'selected';\n  }\n\n  get ariaChecked(): 'true' | 'false' | 'mixed' | undefined {\n    if (this.selectionMode !== 'checked') return undefined;\n    if (!ROLES_THAT_CAN_USE_ARIA_CHECKED.includes(this.role)) return undefined;\n    switch (this.checked) {\n      case 'on':\n      case 'off':\n        return 'true';\n      case 'mixed':\n        return ROLES_THAT_CAN_BE_MIXED.includes(this.role) ? 'mixed' : 'false';\n      default:\n        return 'false';\n    }\n  }\n\n  get ariaSelected(): 'true' | 'false' | undefined {\n    if (this.ariaChecked !== undefined) return undefined;\n    if (!ROLES_THAT_CAN_USE_ARIA_SELECTED.includes(this.role)) return undefined;\n    return this.isSelected ? 'true' : 'false';\n  }\n\n  get ariaCurrent(): 'true' | undefined {\n    return this.ariaChecked === undefined &&\n      this.ariaSelected === undefined &&\n      this.isSelected\n      ? 'true'\n      : undefined;\n  }\n\n  /** Upstream `resolveIconAndColor` for the single selection indicator. */\n  get indicatorIcon(): {\n    type: EuiIconSignature['Args']['type'];\n    color: EuiIconSignature['Args']['color'];\n  } {\n    const color = this.isDisabled\n      ? 'subdued'\n      : this.isSelected\n        ? 'primary'\n        : 'text';\n    switch (this.checked) {\n      case 'on':\n        return { type: 'check', color };\n      case 'off':\n        return { type: 'cross', color };\n      case 'mixed':\n        return { type: 'minus', color };\n      default:\n        return { type: 'empty', color: this.isDisabled ? 'subdued' : 'text' };\n    }\n  }\n\n  get focusBadge(): { text?: string; iconSide?: 'left' | 'right' } | undefined {\n    const badge = this.args.onFocusBadge;\n    if (badge === true) return {};\n    if (badge && typeof badge === 'object') return badge;\n    return undefined;\n  }\n\n  get showFocusBadge(): boolean {\n    return this.isFocused && this.focusBadge !== undefined;\n  }\n\n  get hasPrepend(): boolean {\n    return this.args.hasPrepend ?? Boolean(this.args.prepend);\n  }\n\n  get hasAppend(): boolean {\n    return this.args.hasAppend ?? Boolean(this.args.append);\n  }\n\n  /** Upstream screen reader state and instructions. */\n  get screenReaderText(): { state?: string; instructions?: string } | undefined {\n    const t = (token: string, fallback: string) =>\n      this.euiI18n.lookupToken(token, fallback);\n    const { allowExclusions, searchable } = this.args;\n    const checkInstructions = () =>\n      t('euiSelectableListItem.checkOptionInstructions', 'To check this option, press Enter.');\n    const uncheckInstructions = () =>\n      t('euiSelectableListItem.uncheckOptionInstructions', 'To uncheck this option, press Enter.');\n    const excludeInstructions = () =>\n      t('euiSelectableListItem.excludeOptionInstructions', 'To exclude this option, press Enter.');\n    let state: string | undefined;\n    let instructions: string | undefined;\n\n    switch (this.checked) {\n      case 'on':\n        instructions = allowExclusions\n          ? excludeInstructions()\n          : searchable\n            ? uncheckInstructions()\n            : undefined;\n        break;\n      case 'off':\n        state = t('euiSelectableListItem.excludedOption', 'Excluded option.');\n        instructions = uncheckInstructions();\n        break;\n      case 'mixed':\n        state = t('euiSelectableListItem.mixedOption', 'Mixed (indeterminate) option.');\n        instructions = `${t(\n          'euiSelectableListItem.mixedOptionInstructions',\n          'To check this option for all, press Enter once.'\n        )} ${\n          allowExclusions\n            ? t(\n                'euiSelectableListItem.mixedOptionExcludeInstructions',\n                'To exclude this option for all, press Enter twice.'\n              )\n            : t(\n                'euiSelectableListItem.mixedOptionUncheckInstructions',\n                'To uncheck this option for all, press Enter twice.'\n              )\n        }`;\n        break;\n      default:\n        instructions =\n          allowExclusions || searchable ? checkInstructions() : undefined;\n    }\n\n    const enabledInstructions = this.isDisabled ? undefined : instructions;\n    if (!state && !enabledInstructions) return undefined;\n    return { state, instructions: enabledInstructions };\n  }\n\n  get screenReaderString(): string | undefined {\n    const text = this.screenReaderText;\n    if (!text) return undefined;\n    return ['.', text.state, text.instructions].filter(Boolean).join(' ');\n  }\n\n  @cached\n  get layout() {\n    return useEuiBorealisStyles(this.context, euiListItemLayoutStyles);\n  }\n\n  @cached\n  get itemClass(): string {\n    const layout = this.layout;\n    const interactive: CSSInterpolation[] = this.isInert\n      ? []\n      : [\n          this.args.isInteractive && layout.isInteractive,\n          this.isFocused && layout.isFocused,\n          (this.isSingleSelection || !this.showIcons) &&\n            this.isSelected &&\n            layout.isSelected,\n          (this.isSingleSelection || !this.showIcons) &&\n            this.isSelected &&\n            this.isFocused &&\n            layout.isSelectedFocused\n        ];\n    return euiClass(\n      this.context,\n      ITEM_RESET,\n      { fontFamily: this.context.upstream.euiTheme.font.family },\n      layout.euiListItemLayout,\n      ...interactive,\n      this.isDisabled && layout.isDisabled\n    );\n  }\n\n  @cached\n  get partClasses() {\n    const context = this.context;\n    const layout = this.layout;\n    return {\n      content: euiClass(context, layout.euiListItemLayout__content),\n      prepend: euiClass(context, layout.euiListItemLayout__prepend),\n      append: euiClass(context, layout.euiListItemLayout__append),\n      text: euiClass(\n        context,\n        layout.euiListItemLayout__text,\n        this.args.textWrap === 'wrap'\n          ? layout.textWrap.wrap\n          : layout.textWrap.truncate\n      )\n    };\n  }\n\n  @cached\n  get iconCss(): EuiCss {\n    return this.layout.euiListItemLayout__icon;\n  }\n\n  /** Upstream EuiCheckboxControl for multiple selection. */\n  @cached\n  get checkbox(): { className: string; icon: EuiIconSignature['Args']['type']; iconCss: EuiCss } {\n    const control = useEuiBorealisStyles(this.context, euiCheckboxControlStyles);\n    const checked = this.checked;\n    const indeterminate = checked === 'mixed';\n    const excluded = checked === 'off';\n    const isSelected = checked === 'on' || indeterminate || excluded;\n    const isExcluded = excluded && !indeterminate;\n    const state = this.isDisabled\n      ? isSelected\n        ? control.disabled.selected\n        : control.disabled.unselected\n      : isExcluded\n        ? control.enabled.excluded\n        : isSelected\n          ? control.enabled.selected\n          : control.enabled.unselected;\n    const icon = indeterminate\n      ? 'stopFill'\n      : excluded\n        ? 'cross'\n        : checked === 'on'\n          ? 'check'\n          : 'empty';\n    return {\n      className: euiClass(\n        this.context,\n        { boxSizing: 'border-box' },\n        control.euiCheckboxControl,\n        state\n      ),\n      icon,\n      iconCss: [\n        control.icon.euiCheckbox__icon,\n        indeterminate ? control.icon.indeterminate : control.icon.check,\n        // nothing to draw: keep forced colors from revealing an empty glyph\n        icon === 'empty' ? HIDDEN_ICON : undefined\n      ]\n    };\n  }\n\n  <template>\n    <li\n      role={{this.role}}\n      class=\"euiListItemLayout euiSelectableListItem\n        {{if @isFocused 'euiSelectableListItem-isFocused'}}\n        {{this.itemClass}}\"\n      aria-checked={{this.ariaChecked}}\n      aria-selected={{this.ariaSelected}}\n      aria-current={{this.ariaCurrent}}\n      aria-disabled={{if this.isDisabled \"true\"}}\n      aria-describedby={{if this.hasToolTip this.toolTipId}}\n      data-test-subj=\"euiListItemLayout\"\n      ...attributes\n    >\n      <MaybeToolTip\n        @show={{this.hasToolTip}}\n        @id={{this.toolTipId}}\n        @content={{@toolTipContent}}\n        @props={{@toolTipProps}}\n        @anchorCss={{this.toolTipAnchorCss}}\n        @isShown={{this.isFocused}}\n      >\n      <span\n        class=\"euiListItemLayout__content euiSelectableListItem__content\n          {{this.partClasses.content}}\"\n      >\n        {{#if this.showIcons}}\n          {{#if this.isSingleSelection}}\n            <EuiIcon\n              class=\"euiListItemLayout__icon euiSelectableListItem__icon\"\n              @type={{this.indicatorIcon.type}}\n              @color={{this.indicatorIcon.color}}\n              @css={{this.iconCss}}\n            />\n          {{else}}\n            <span\n              class=\"euiCheckboxControl euiListItemLayout__checkbox euiSelectableListItem__icon\n                {{this.checkbox.className}}\"\n            >\n              <EuiIcon\n                role=\"presentation\"\n                @type={{this.checkbox.icon}}\n                @size=\"m\"\n                @css={{this.checkbox.iconCss}}\n              />\n            </span>\n          {{/if}}\n        {{/if}}\n        {{#if\n          (or2 this.hasPrepend (and2 (has-block \"prepend\") (isUndefined @hasPrepend)))\n        }}\n          <span\n            class=\"euiListItemLayout__prepend euiSelectableListItem__prepend\n              {{this.partClasses.prepend}}\"\n          >\n            {{~#if (has-block \"prepend\")}}{{yield to=\"prepend\"}}{{else}}{{@prepend}}{{/if~}}\n          </span>\n        {{/if}}\n        <span\n          class=\"euiListItemLayout__text euiSelectableListItem__text\n            {{this.partClasses.text}}\"\n          title={{@title}}\n        >\n          {{yield}}\n          {{#if this.screenReaderString}}\n            <EuiScreenReaderOnly>\n              <div>{{this.screenReaderString}}</div>\n            </EuiScreenReaderOnly>\n          {{/if}}\n        </span>\n        {{#if\n          (or2\n            (or2 this.hasAppend (and2 (has-block \"append\") (isUndefined @hasAppend)))\n            this.showFocusBadge\n          )\n        }}\n          <span\n            class=\"euiListItemLayout__append euiSelectableListItem__append\n              {{this.partClasses.append}}\"\n          >\n            {{#if (has-block \"append\")}}\n              {{yield to=\"append\"}}\n            {{else}}\n              {{@append}}\n            {{/if}}\n            {{#if this.showFocusBadge}}\n              <EuiBadge\n                class=\"euiSelectableListItem__onFocusBadge\"\n                @iconType=\"return\"\n                @iconSide={{if this.focusBadge.iconSide this.focusBadge.iconSide \"left\"}}\n                @color=\"hollow\"\n                aria-hidden=\"true\"\n              >{{this.focusBadge.text}}</EuiBadge>\n            {{/if}}\n          </span>\n        {{/if}}\n      </span>\n      </MaybeToolTip>\n    </li>\n  </template>\n}\n\nfunction and2(a: unknown, b: unknown): boolean {\n  return Boolean(a && b);\n}\n\nfunction or2(a: unknown, b: unknown): boolean {\n  return Boolean(a || b);\n}\n\nfunction isUndefined(a: unknown): boolean {\n  return a === undefined;\n}\n"],"names":["ROLES_THAT_CAN_USE_ARIA_CHECKED","NATIVELY_CHECKABLE_ROLES","slice","ROLES_THAT_CAN_BE_MIXED","ROLES_THAT_CAN_USE_ARIA_SELECTED","ITEM_RESET","boxSizing","margin","listStyle","HIDDEN_ICON","display","TOOLTIP_ANCHOR","inlineSize","MaybeToolTip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","templateOnly","EuiSelectableListItem","Component","g","prototype","service","i","context","getEuiThemeContext","checked","args","undefined","role","isSingleSelection","singleSelection","showIcons","isSelected","isDisabled","Boolean","disabled","isInert","hasAriaDisabled","isFocused","toolTipId","randomId","hasToolTip","toolTipContent","toolTipAnchorCss","layout","tooltip","n","cached","selectionMode","allowExclusions","includes","ariaChecked","ariaSelected","ariaCurrent","indicatorIcon","color","type","focusBadge","badge","onFocusBadge","showFocusBadge","hasPrepend","prepend","hasAppend","append","screenReaderText","t","token","fallback","euiI18n","lookupToken","searchable","checkInstructions","uncheckInstructions","excludeInstructions","state","instructions","enabledInstructions","screenReaderString","text","filter","join","useEuiBorealisStyles","euiListItemLayoutStyles","itemClass","interactive","isInteractive","isSelectedFocused","euiClass","fontFamily","upstream","euiTheme","font","family","euiListItemLayout","partClasses","content","euiListItemLayout__content","euiListItemLayout__prepend","euiListItemLayout__append","euiListItemLayout__text","textWrap","wrap","truncate","iconCss","euiListItemLayout__icon","checkbox","control","euiCheckboxControlStyles","indeterminate","excluded","isExcluded","selected","unselected","enabled","icon","className","euiCheckboxControl","euiCheckbox__icon","check","EuiIcon","or2","and2","isUndefined","EuiScreenReaderOnly","EuiBadge","a","b"],"mappings":";;;;;;;;;;;;;;;;AAyBA,mEACA,MAAMA,+BAAA,GAAkC,CACtC,QAAA,EACA,UAAA,EACA,kBAAA,EACA,OAAA,EACA,eAAA,EACA,QAAA,CACD;AACD,MAAMC,wBAAA,GAA2BD,+BAAA,CAAgCE,KAAK,CAAC,CAAA,CAAA;AACvE,MAAMC,uBAAA,GAA0B,CAAC,QAAA,EAAU,UAAA,EAAY,kBAAA,CAAmB;AAC1E,MAAMC,gCAAA,GAAmC,CACvC,KAAA,EACA,UAAA,EACA,QAAA,EACA,KAAA,EACA,UAAA,CACD;AAED;;;;AAIC;;AA6ED;AACA,MAAMC,UAAA,GAAa;AACjBC,EAAAA,SAAA,EAAW,YAAA;AACXC,EAAAA,MAAA,EAAQ,CAAA;AACRC,EAAAA,SAAA,EAAW,MAAA;AACX,EAAA,kCAAA,EAAoC;AAAEF,IAAAA,SAAA,EAAW;AAAa;AAChE,CAAA;AAEA,MAAMG,WAAA,GAAc;AAAEC,EAAAA,OAAA,EAAS;AAAO,CAAA;AACtC;AACA,MAAMC,cAAA,GAAiB;AAAED,EAAAA,OAAA,EAAS,OAAA;AAASE,EAAAA,UAAA,EAAY;AAAO,CAAA;AAE9D;;;;AAIC;AACD,MAAMC,YAUD,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,2YAAA,EAkBL;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAEK,MAAMC,8BAA8BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC1DC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,OAAAA,GAAU;IACZ,OAAOC,mBAAmB,IAAI,CAAA;AAChC,EAAA;AAEA;EACA,IAAIC,OAAAA,GAA0C;IAC5C,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACC,IAAI;AAC7B,IAAA,IAAID,OAAA,KAAY,MAAM,OAAO,IAAA;IAC7B,OAAOA,OAAA,IAAWE,SAAA;AACpB,EAAA;EAEA,IAAIC,IAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,IAAI,IAAI,QAAA;AAC3B,EAAA;EAEA,IAAIC,iBAAAA,GAA6B;AAC/B,IAAA,OAAO,IAAI,CAACH,IAAI,CAACI,eAAe,KAAK,KAAA;AACvC,EAAA;EAEA,IAAIC,SAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,SAAS,KAAK,KAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACP,OAAO,KAAKE,SAAA;AAC1B,EAAA;EAEA,IAAIM,UAAAA,GAAsB;AACxB,IAAA,OAAOC,OAAA,CAAQ,IAAI,CAACR,IAAI,CAACS,QAAQ,CAAA;AACnC,EAAA;AAEA;EACA,IAAIC,OAAAA,GAAmB;IACrB,OAAO,IAAI,CAACH,UAAU,IAAI,CAAC,IAAI,CAACP,IAAI,CAACW,eAAe;AACtD,EAAA;EAEA,IAAIC,SAAAA,GAAqB;AACvB,IAAA,OAAOJ,OAAA,CAAQ,IAAI,CAACR,IAAI,CAACY,SAAS,CAAA,IAAK,CAAC,IAAI,CAACF,OAAO;AACtD,EAAA;AAEAG,EAAAA,SAAA,GAAY,CAAA,sBAAA,EAAyBC,QAAA,EAAA,CAAA,QAAA,CAAoB;AAEzD;EACA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAOP,OAAA,CAAQ,IAAI,CAACR,IAAI,CAACgB,cAAc,CAAA,IAAK,CAAC,IAAI,CAACN,OAAO;AAC3D,EAAA;EAEA,IACIO,mBAA2B;AAC7B,IAAA,OAAO,CAACnC,cAAA,EAAgB,IAAI,CAACyB,UAAU,IAAI,IAAI,CAACW,MAAM,CAACC,OAAO,CAACZ,UAAU,CAAC;AAC5E,EAAA;AAEA;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,kBAAA,EAAA,CALC2B,MAAA,CAAA,CAAA;AAAA;EAMD,IAAIC,aAAAA,GAAwC;AAC1C,IAAA,IAAI,IAAI,CAACtB,IAAI,CAACuB,eAAe,IAAI,IAAI,CAACxB,OAAO,KAAK,OAAA,EAAS,OAAO,SAAA;AAClE,IAAA,IAAI,CAAC,IAAI,CAACI,iBAAiB,EAAE,OAAO,SAAA;IACpC,IAAI/B,yBAAyBoD,QAAQ,CAAC,IAAI,CAACtB,IAAI,GAAG,OAAO,SAAA;AACzD,IAAA,OAAO,UAAA;AACT,EAAA;EAEA,IAAIuB,WAAAA,GAAsD;AACxD,IAAA,IAAI,IAAI,CAACH,aAAa,KAAK,WAAW,OAAOrB,SAAA;IAC7C,IAAI,CAAC9B,gCAAgCqD,QAAQ,CAAC,IAAI,CAACtB,IAAI,GAAG,OAAOD,SAAA;IACjE,QAAQ,IAAI,CAACF,OAAO;AAClB,MAAA,KAAK,IAAA;AACL,MAAA,KAAK,KAAA;AACH,QAAA,OAAO,MAAA;AACT,MAAA,KAAK,OAAA;QACH,OAAOzB,wBAAwBkD,QAAQ,CAAC,IAAI,CAACtB,IAAI,IAAI,OAAA,GAAU,OAAA;AACjE,MAAA;AACE,QAAA,OAAO,OAAA;AACX;AACF,EAAA;EAEA,IAAIwB,YAAAA,GAA6C;AAC/C,IAAA,IAAI,IAAI,CAACD,WAAW,KAAKxB,WAAW,OAAOA,SAAA;IAC3C,IAAI,CAAC1B,iCAAiCiD,QAAQ,CAAC,IAAI,CAACtB,IAAI,GAAG,OAAOD,SAAA;AAClE,IAAA,OAAO,IAAI,CAACK,UAAU,GAAG,MAAA,GAAS,OAAA;AACpC,EAAA;EAEA,IAAIqB,WAAAA,GAAkC;AACpC,IAAA,OAAO,IAAI,CAACF,WAAW,KAAKxB,aAC1B,IAAI,CAACyB,YAAY,KAAKzB,SAAA,IACtB,IAAI,CAACK,UAAU,GACb,MAAA,GACAL,SAAA;AACN,EAAA;AAEA;EACA,IAAI2B,aAAAA,GAGF;AACA,IAAA,MAAMC,KAAA,GAAQ,IAAI,CAACtB,UAAU,GACzB,YACA,IAAI,CAACD,UAAU,GACb,SAAA,GACA,MAAA;IACN,QAAQ,IAAI,CAACP,OAAO;AAClB,MAAA,KAAK,IAAA;QACH,OAAO;AAAE+B,UAAAA,IAAA,EAAM,OAAA;AAASD,UAAAA;SAAM;AAChC,MAAA,KAAK,KAAA;QACH,OAAO;AAAEC,UAAAA,IAAA,EAAM,OAAA;AAASD,UAAAA;SAAM;AAChC,MAAA,KAAK,OAAA;QACH,OAAO;AAAEC,UAAAA,IAAA,EAAM,OAAA;AAASD,UAAAA;SAAM;AAChC,MAAA;QACE,OAAO;AAAEC,UAAAA,IAAA,EAAM,OAAA;AAASD,UAAAA,KAAA,EAAO,IAAI,CAACtB,UAAU,GAAG,SAAA,GAAY;SAAO;AACxE;AACF,EAAA;EAEA,IAAIwB,UAAAA,GAAyE;AAC3E,IAAA,MAAMC,KAAA,GAAQ,IAAI,CAAChC,IAAI,CAACiC,YAAY;AACpC,IAAA,IAAID,KAAA,KAAU,IAAA,EAAM,OAAO,EAAC;IAC5B,IAAIA,KAAA,IAAS,OAAOA,KAAA,KAAU,QAAA,EAAU,OAAOA,KAAA;AAC/C,IAAA,OAAO/B,SAAA;AACT,EAAA;EAEA,IAAIiC,cAAAA,GAA0B;IAC5B,OAAO,IAAI,CAACtB,SAAS,IAAI,IAAI,CAACmB,UAAU,KAAK9B,SAAA;AAC/C,EAAA;EAEA,IAAIkC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACnC,IAAI,CAACmC,UAAU,IAAI3B,OAAA,CAAQ,IAAI,CAACR,IAAI,CAACoC,OAAO,CAAA;AAC1D,EAAA;EAEA,IAAIC,SAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACrC,IAAI,CAACqC,SAAS,IAAI7B,OAAA,CAAQ,IAAI,CAACR,IAAI,CAACsC,MAAM,CAAA;AACxD,EAAA;AAEA;EACA,IAAIC,gBAAAA,GAA0E;AAC5E,IAAA,MAAMC,CAAA,GAAIA,CAACC,KAAa,EAAEC,QAAgB,KACxC,IAAI,CAACC,OAAO,CAACC,WAAW,CAACH,KAAA,EAAOC,QAAA,CAAA;IAClC,MAAM;MAAEnB,eAAe;AAAEsB,MAAAA;KAAY,GAAG,IAAI,CAAC7C,IAAI;IACjD,MAAM8C,iBAAA,GAAoBA,MACxBN,CAAA,CAAE,+CAAA,EAAiD,oCAAA,CAAA;IACrD,MAAMO,mBAAA,GAAsBA,MAC1BP,CAAA,CAAE,iDAAA,EAAmD,sCAAA,CAAA;IACvD,MAAMQ,mBAAA,GAAsBA,MAC1BR,CAAA,CAAE,iDAAA,EAAmD,sCAAA,CAAA;AACvD,IAAA,IAAIS,KAAyB;AAC7B,IAAA,IAAIC,YAAgC;IAEpC,QAAQ,IAAI,CAACnD,OAAO;AAClB,MAAA,KAAK,IAAA;AACHmD,QAAAA,YAAA,GAAe3B,eAAA,GACXyB,mBAAA,EAAA,GACAH,UAAA,GACEE,mBAAA,EAAA,GACA9C,SAAA;AACN,QAAA;AACF,MAAA,KAAK,KAAA;AACHgD,QAAAA,KAAA,GAAQT,EAAE,sCAAA,EAAwC,kBAAA,CAAA;QAClDU,YAAA,GAAeH,mBAAA,EAAA;AACf,QAAA;AACF,MAAA,KAAK,OAAA;AACHE,QAAAA,KAAA,GAAQT,EAAE,mCAAA,EAAqC,+BAAA,CAAA;QAC/CU,YAAA,GAAe,CAAA,EAAGV,CAAA,CAChB,+CAAA,EACA,iDAAA,CAAA,CAAA,CAAA,EAEAjB,eAAA,GACIiB,CAAA,CACE,sDAAA,EACA,oDAAA,CAAA,GAEFA,CAAA,CACE,sDAAA,EACA,oDAAA,CAAA,CAAA,CAEN;AACF,QAAA;AACF,MAAA;QACEU,YAAA,GACE3B,eAAA,IAAmBsB,aAAaC,iBAAA,EAAA,GAAsB7C,SAAA;AAC5D;IAEA,MAAMkD,mBAAA,GAAsB,IAAI,CAAC5C,UAAU,GAAGN,SAAA,GAAYiD,YAAA;AAC1D,IAAA,IAAI,CAACD,KAAA,IAAS,CAACE,mBAAA,EAAqB,OAAOlD,SAAA;IAC3C,OAAO;MAAEgD,KAAA;AAAOC,MAAAA,YAAA,EAAcC;KAAoB;AACpD,EAAA;EAEA,IAAIC,kBAAAA,GAAyC;AAC3C,IAAA,MAAMC,IAAA,GAAO,IAAI,CAACd,gBAAgB;AAClC,IAAA,IAAI,CAACc,MAAM,OAAOpD,SAAA;IAClB,OAAO,CAAC,GAAA,EAAKoD,IAAA,CAAKJ,KAAK,EAAEI,IAAA,CAAKH,YAAY,CAAC,CAACI,MAAM,CAAC9C,OAAA,CAAA,CAAS+C,IAAI,CAAC,GAAA,CAAA;AACnE,EAAA;EAEA,IACIrC,MAAAA,GAAS;AACX,IAAA,OAAOsC,oBAAA,CAAqB,IAAI,CAAC3D,OAAO,EAAE4D,uBAAA,CAAA;AAC5C,EAAA;AAAA,EAAA;IAAArC,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,QAAA,EAAA,CAHC2B,MAAA,CAAA,CAAA;AAAA;EAKD,IACIqC,SAAAA,GAAoB;AACtB,IAAA,MAAMxC,MAAA,GAAS,IAAI,CAACA,MAAM;AAC1B,IAAA,MAAMyC,WAAa,GAAqB,IAAI,CAACjD,OAAO,GAChD,EAAE,GACF,CACE,IAAI,CAACV,IAAI,CAAC4D,aAAa,IAAI1C,OAAO0C,aAAa,EAC/C,IAAI,CAAChD,SAAS,IAAIM,MAAA,CAAON,SAAS,EAClC,CAAC,IAAI,CAACT,iBAAiB,IAAI,CAAC,IAAI,CAACE,SAAS,KACxC,IAAI,CAACC,UAAU,IACfY,OAAOZ,UAAU,EACnB,CAAC,IAAI,CAACH,iBAAiB,IAAI,CAAC,IAAI,CAACE,SAAS,KACxC,IAAI,CAACC,UAAU,IACf,IAAI,CAACM,SAAS,IACdM,OAAO2C,iBAAiB,CAC3B;AACL,IAAA,OAAOC,QAAA,CACL,IAAI,CAACjE,OAAO,EACZrB,UAAA,EACA;MAAEuF,UAAA,EAAY,IAAI,CAAClE,OAAO,CAACmE,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC;AAAO,KAAA,EACzDjD,MAAA,CAAOkD,iBAAiB,EAAA,GACrBT,WAAA,EACH,IAAI,CAACpD,UAAU,IAAIW,MAAA,CAAOX,UAAU,CAAA;AAExC,EAAA;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,WAAA,EAAA,CAxBC2B,MAAA,CAAA,CAAA;AAAA;EA0BD,IACIgD,WAAAA,GAAc;AAChB,IAAA,MAAMxE,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMqB,MAAA,GAAS,IAAI,CAACA,MAAM;IAC1B,OAAO;MACLoD,OAAA,EAASR,QAAA,CAASjE,OAAA,EAASqB,MAAA,CAAOqD,0BAA0B,CAAA;MAC5DnC,OAAA,EAAS0B,QAAA,CAASjE,OAAA,EAASqB,MAAA,CAAOsD,0BAA0B,CAAA;MAC5DlC,MAAA,EAAQwB,QAAA,CAASjE,OAAA,EAASqB,MAAA,CAAOuD,yBAAyB,CAAA;MAC1DpB,IAAA,EAAMS,QAAA,CACJjE,SACAqB,MAAA,CAAOwD,uBAAuB,EAC9B,IAAI,CAAC1E,IAAI,CAAC2E,QAAQ,KAAK,MAAA,GACnBzD,MAAA,CAAOyD,QAAQ,CAACC,IAAI,GACpB1D,MAAA,CAAOyD,QAAQ,CAACE,QAAQ;KAEhC;AACF,EAAA;AAAA,EAAA;IAAAzD,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,aAAA,EAAA,CAhBC2B,MAAA,CAAA,CAAA;AAAA;EAkBD,IACIyD,UAAkB;AACpB,IAAA,OAAO,IAAI,CAAC5D,MAAM,CAAC6D,uBAAuB;AAC5C,EAAA;AAEA;AAAA,EAAA;IAAA3D,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,SAAA,EAAA,CALC2B,MAAA,CAAA,CAAA;AAAA;EAMD,IACI2D,QAAAA,GAA2F;IAC7F,MAAMC,OAAA,GAAUzB,oBAAA,CAAqB,IAAI,CAAC3D,OAAO,EAAEqF,wBAAA,CAAA;AACnD,IAAA,MAAMnF,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMoF,gBAAgBpF,OAAA,KAAY,OAAA;AAClC,IAAA,MAAMqF,WAAWrF,OAAA,KAAY,KAAA;IAC7B,MAAMO,UAAA,GAAaP,OAAA,KAAY,IAAA,IAAQoF,aAAA,IAAiBC,QAAA;AACxD,IAAA,MAAMC,UAAA,GAAaD,YAAY,CAACD,aAAA;AAChC,IAAA,MAAMlC,KAAA,GAAQ,IAAI,CAAC1C,UAAU,GACzBD,UAAA,GACE2E,OAAA,CAAQxE,QAAQ,CAAC6E,QAAQ,GACzBL,OAAA,CAAQxE,QAAQ,CAAC8E,UAAU,GAC7BF,UAAA,GACEJ,OAAA,CAAQO,OAAO,CAACJ,QAAQ,GACxB9E,UAAA,GACE2E,OAAA,CAAQO,OAAO,CAACF,QAAQ,GACxBL,OAAA,CAAQO,OAAO,CAACD,UAAU;AAClC,IAAA,MAAME,OAAON,aAAA,GACT,UAAA,GACAC,WACE,OAAA,GACArF,OAAA,KAAY,OACV,OAAA,GACA,OAAA;IACR,OAAO;AACL2F,MAAAA,SAAA,EAAW5B,QAAA,CACT,IAAI,CAACjE,OAAO,EACZ;AAAEpB,QAAAA,SAAA,EAAW;AAAa,OAAA,EAC1BwG,OAAA,CAAQU,kBAAkB,EAC1B1C,KAAA,CAAA;MAEFwC,IAAA;MACAX,OAAA,EAAS,CACPG,OAAA,CAAQQ,IAAI,CAACG,iBAAiB,EAC9BT,aAAA,GAAgBF,OAAA,CAAQQ,IAAI,CAACN,aAAa,GAAGF,OAAA,CAAQQ,IAAI,CAACI,KAAK;AAC/D;AACAJ,MAAAA,IAAA,KAAS,UAAU7G,WAAA,GAAcqB,SAAA;KAErC;AACF,EAAA;AAAA,EAAA;IAAAmB,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,UAAA,EAAA,CAvCC2B,MAAA,CAAA,CAAA;AAAA;AAyCD,EAAA;IAAApC,oBAAA,CAAAC,kBAAA,CAAA,mmFAAA,EAmGA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAJ,YAAA;QAAA8G,OAAA;QAAAC,GAAA;QAAAC,IAAA;QAAAC,WAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASH,KAAKI,CAAU,EAAEC,CAAU,EAAU;AAC5C,EAAA,OAAO7F,QAAQ4F,CAAA,IAAKC,CAAA,CAAA;AACtB;AAEA,SAASN,IAAIK,CAAU,EAAEC,CAAU,EAAU;AAC3C,EAAA,OAAO7F,QAAQ4F,CAAA,IAAKC,CAAA,CAAA;AACtB;AAEA,SAASJ,WAAAA,CAAYG,CAAU,EAAU;EACvC,OAAOA,CAAA,KAAMnG,SAAA;AACf;;"}
+{"version":3,"file":"eui-selectable-list-item.js","sources":["../../src/components/eui-selectable-list-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { service } from '@ember/service';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiCheckboxControlStyles,\n  euiListItemLayoutStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiBadge from './eui-badge.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\nimport { randomId } from '../-private/random-id.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiSelectableToolTipProps } from '../-private/selectable-options.ts';\nimport type { CSSInterpolation } from '@emotion/css/create-instance';\nimport type { TOC } from '@ember/component/template-only';\n\nexport type EuiSelectableOptionCheckedType = 'on' | 'off' | 'mixed' | undefined;\n\n/** Roles that take `aria-checked` (upstream EuiListItemLayout). */\nconst ROLES_THAT_CAN_USE_ARIA_CHECKED = [\n  'option',\n  'checkbox',\n  'menuitemcheckbox',\n  'radio',\n  'menuitemradio',\n  'switch'\n];\nconst NATIVELY_CHECKABLE_ROLES = ROLES_THAT_CAN_USE_ARIA_CHECKED.slice(1);\nconst ROLES_THAT_CAN_BE_MIXED = ['option', 'checkbox', 'menuitemcheckbox'];\nconst ROLES_THAT_CAN_USE_ARIA_SELECTED = [\n  'tab',\n  'gridcell',\n  'option',\n  'row',\n  'treeitem'\n];\n\n/**\n * One option of an `EuiSelectable` list: a selection indicator, the label,\n * and optional prepend / append content. Usually rendered for you by\n * `EuiSelectable`.\n */\nexport interface EuiSelectableListItemSignature {\n  Element: HTMLLIElement;\n  Args: {\n    /** Highlights it as the keyboard's current option. */\n    isFocused?: boolean;\n    /** Disables the option. */\n    disabled?: boolean;\n    /**\n     * With `@disabled`: keeps focus styles, the focus badge and the tooltip\n     * (upstream `hasAriaDisabled`); the option still cannot be selected.\n     */\n    hasAriaDisabled?: boolean;\n    /**\n     * `'truncate'` (default, CSS ellipsis) or `'wrap'` the label (upstream\n     * `textWrap`; EuiSelectable only wraps when not virtualized).\n     */\n    textWrap?: 'truncate' | 'wrap';\n    /** Tooltip text, shown on hover and while `@isFocused` (upstream). */\n    toolTipContent?: string;\n    /** EuiToolTip arguments of that tooltip; `position` defaults to `'left'`. */\n    toolTipProps?: EuiSelectableToolTipProps;\n    /**\n     * `'on'` (checked), `'off'` (excluded), `'mixed'` (checked for some) or\n     * nothing. `true` is treated as `'on'`.\n     */\n    checked?: boolean | 'on' | 'off' | 'mixed';\n    /**\n     * Shows the selection indicator: a check box for multiple selection,\n     * else a check mark / cross / dash. Defaults to `true`.\n     */\n    showIcons?: boolean;\n    /** Text before the label. Use the `<:prepend>` block for markup. */\n    prepend?: string;\n    /** Text after the label. Use the `<:append>` block for markup. */\n    append?: string;\n    /** Tells screen readers that Enter excludes the option. */\n    allowExclusions?: boolean;\n    /**\n     * `false` for an option of a multiple selection list: a check box\n     * indicator and `aria-checked`. Otherwise (the default, as upstream)\n     * a single selection option: an icon indicator, the selected\n     * background and `aria-selected`.\n     */\n    singleSelection?: boolean | 'always';\n    /**\n     * The list is driven from a search field: adds the \"press Enter\"\n     * instructions for screen readers.\n     */\n    searchable?: boolean;\n    /**\n     * Shows a \"return key\" badge on the focused option, to hint that\n     * Enter selects it: `true`, `false`, or `{ text, iconSide }` for a\n     * badge with text (e.g. \"Go to\"). Defaults to `false` (upstream).\n     */\n    onFocusBadge?: boolean | { text?: string; iconSide?: 'left' | 'right' };\n    /** `role` of the `<li>`. Defaults to `'option'`. */\n    role?: string;\n    /** Hover styles and pointer cursor (set when the list handles clicks). */\n    isInteractive?: boolean;\n    /** Text of the label's `title` (on the text, not the option). */\n    title?: string;\n    /** Renders the prepend wrapper (for blocks that may be empty). */\n    hasPrepend?: boolean;\n    /** Renders the append wrapper (for blocks that may be empty). */\n    hasAppend?: boolean;\n  };\n  Blocks: {\n    /** The label. */\n    default: [];\n    /** Content before the label, e.g. an icon or avatar. */\n    prepend: [];\n    /** Content after the label, e.g. a count badge. */\n    append: [];\n  };\n}\n\n// Scoped stand-in for React's global reset; upstream styles come after.\nconst ITEM_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  listStyle: 'none',\n  '& :where(*, *::before, *::after)': { boxSizing: 'border-box' }\n} as const;\n\nconst HIDDEN_ICON = { display: 'none' } as const;\n/** Upstream `anchorClassName=\"eui-fullWidth\"` of the option tooltip. */\nconst TOOLTIP_ANCHOR = { display: 'block', inlineSize: '100%' } as const;\n\n/**\n * @private Upstream EuiListItemLayout's internal tooltip: wraps the\n * option's content in an EuiToolTip (position `left` by default), shown on\n * hover and while the option is the current one.\n */\nconst MaybeToolTip: TOC<{\n  Args: {\n    show: boolean;\n    id: string;\n    content?: string;\n    props?: EuiSelectableToolTipProps;\n    anchorCss: EuiCss;\n    isShown: boolean;\n  };\n  Blocks: { default: [] };\n}> = <template>\n  {{#if @show}}\n    <EuiToolTip\n      @id={{@id}}\n      @content={{@content}}\n      @position={{if @props.position @props.position \"left\"}}\n      @title={{@props.title}}\n      @delay={{@props.delay}}\n      @offset={{@props.offset}}\n      @className={{@props.className}}\n      @css={{@props.css}}\n      @anchorClassName={{@props.anchorClassName}}\n      @anchorCss={{@anchorCss}}\n      @isShown={{@isShown}}\n    >{{yield}}</EuiToolTip>\n  {{else}}\n    {{yield}}\n  {{/if}}\n</template>;\n\nexport default class EuiSelectableListItem extends Component<EuiSelectableListItemSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  /** `true` is a legacy alias of `'on'`. */\n  get checked(): EuiSelectableOptionCheckedType {\n    const { checked } = this.args;\n    if (checked === true) return 'on';\n    return checked || undefined;\n  }\n\n  get role(): string {\n    return this.args.role ?? 'option';\n  }\n\n  get isSingleSelection(): boolean {\n    return this.args.singleSelection !== false;\n  }\n\n  get showIcons(): boolean {\n    return this.args.showIcons !== false;\n  }\n\n  get isSelected(): boolean {\n    return this.checked !== undefined;\n  }\n\n  get isDisabled(): boolean {\n    return Boolean(this.args.disabled);\n  }\n\n  /** Disabled without `@hasAriaDisabled`: no interactive states. */\n  get isInert(): boolean {\n    return this.isDisabled && !this.args.hasAriaDisabled;\n  }\n\n  get isFocused(): boolean {\n    return Boolean(this.args.isFocused) && !this.isInert;\n  }\n\n  toolTipId = `euiSelectableListItem_${randomId()}_tooltip`;\n\n  /** Upstream: no tooltip on (natively) disabled options. */\n  get hasToolTip(): boolean {\n    return Boolean(this.args.toolTipContent) && !this.isInert;\n  }\n\n  @cached\n  get toolTipAnchorCss(): EuiCss {\n    return [TOOLTIP_ANCHOR, this.isDisabled && this.layout.tooltip.isDisabled];\n  }\n\n  /** Upstream `selectionMode`: `'checked'` uses `aria-checked`. */\n  get selectionMode(): 'checked' | 'selected' {\n    if (this.args.allowExclusions || this.checked === 'mixed') return 'checked';\n    if (!this.isSingleSelection) return 'checked';\n    if (NATIVELY_CHECKABLE_ROLES.includes(this.role)) return 'checked';\n    return 'selected';\n  }\n\n  get ariaChecked(): 'true' | 'false' | 'mixed' | undefined {\n    if (this.selectionMode !== 'checked') return undefined;\n    if (!ROLES_THAT_CAN_USE_ARIA_CHECKED.includes(this.role)) return undefined;\n    switch (this.checked) {\n      case 'on':\n      case 'off':\n        return 'true';\n      case 'mixed':\n        return ROLES_THAT_CAN_BE_MIXED.includes(this.role) ? 'mixed' : 'false';\n      default:\n        return 'false';\n    }\n  }\n\n  get ariaSelected(): 'true' | 'false' | undefined {\n    if (this.ariaChecked !== undefined) return undefined;\n    if (!ROLES_THAT_CAN_USE_ARIA_SELECTED.includes(this.role)) return undefined;\n    return this.isSelected ? 'true' : 'false';\n  }\n\n  get ariaCurrent(): 'true' | undefined {\n    return this.ariaChecked === undefined &&\n      this.ariaSelected === undefined &&\n      this.isSelected\n      ? 'true'\n      : undefined;\n  }\n\n  /** Upstream `resolveIconAndColor` for the single selection indicator. */\n  get indicatorIcon(): {\n    type: EuiIconSignature['Args']['type'];\n    color: EuiIconSignature['Args']['color'];\n  } {\n    const color = this.isDisabled\n      ? 'subdued'\n      : this.isSelected\n        ? 'primary'\n        : 'text';\n    switch (this.checked) {\n      case 'on':\n        return { type: 'check', color };\n      case 'off':\n        return { type: 'cross', color };\n      case 'mixed':\n        return { type: 'minus', color };\n      default:\n        return { type: 'empty', color: this.isDisabled ? 'subdued' : 'text' };\n    }\n  }\n\n  get focusBadge(): { text?: string; iconSide?: 'left' | 'right' } | undefined {\n    const badge = this.args.onFocusBadge;\n    if (badge === true) return {};\n    if (badge && typeof badge === 'object') return badge;\n    return undefined;\n  }\n\n  get showFocusBadge(): boolean {\n    return this.isFocused && this.focusBadge !== undefined;\n  }\n\n  get hasPrepend(): boolean {\n    return this.args.hasPrepend ?? Boolean(this.args.prepend);\n  }\n\n  get hasAppend(): boolean {\n    return this.args.hasAppend ?? Boolean(this.args.append);\n  }\n\n  /** Upstream screen reader state and instructions. */\n  get screenReaderText(): { state?: string; instructions?: string } | undefined {\n    const t = (token: string, fallback: string) =>\n      this.euiI18n.lookupToken(token, fallback);\n    const { allowExclusions, searchable } = this.args;\n    const checkInstructions = () =>\n      t('euiSelectableListItem.checkOptionInstructions', 'To check this option, press Enter.');\n    const uncheckInstructions = () =>\n      t('euiSelectableListItem.uncheckOptionInstructions', 'To uncheck this option, press Enter.');\n    const excludeInstructions = () =>\n      t('euiSelectableListItem.excludeOptionInstructions', 'To exclude this option, press Enter.');\n    let state: string | undefined;\n    let instructions: string | undefined;\n\n    switch (this.checked) {\n      case 'on':\n        instructions = allowExclusions\n          ? excludeInstructions()\n          : searchable\n            ? uncheckInstructions()\n            : undefined;\n        break;\n      case 'off':\n        state = t('euiSelectableListItem.excludedOption', 'Excluded option.');\n        instructions = uncheckInstructions();\n        break;\n      case 'mixed':\n        state = t('euiSelectableListItem.mixedOption', 'Mixed (indeterminate) option.');\n        instructions = `${t(\n          'euiSelectableListItem.mixedOptionInstructions',\n          'To check this option for all, press Enter once.'\n        )} ${\n          allowExclusions\n            ? t(\n                'euiSelectableListItem.mixedOptionExcludeInstructions',\n                'To exclude this option for all, press Enter twice.'\n              )\n            : t(\n                'euiSelectableListItem.mixedOptionUncheckInstructions',\n                'To uncheck this option for all, press Enter twice.'\n              )\n        }`;\n        break;\n      default:\n        instructions =\n          allowExclusions || searchable ? checkInstructions() : undefined;\n    }\n\n    const enabledInstructions = this.isDisabled ? undefined : instructions;\n    if (!state && !enabledInstructions) return undefined;\n    return { state, instructions: enabledInstructions };\n  }\n\n  get screenReaderString(): string | undefined {\n    const text = this.screenReaderText;\n    if (!text) return undefined;\n    return ['.', text.state, text.instructions].filter(Boolean).join(' ');\n  }\n\n  @cached\n  get layout() {\n    return useEuiBorealisStyles(this.context, euiListItemLayoutStyles);\n  }\n\n  @cached\n  get itemClass(): string {\n    const layout = this.layout;\n    const interactive: CSSInterpolation[] = this.isInert\n      ? []\n      : [\n          this.args.isInteractive && layout.isInteractive,\n          this.isFocused && layout.isFocused,\n          (this.isSingleSelection || !this.showIcons) &&\n            this.isSelected &&\n            layout.isSelected,\n          (this.isSingleSelection || !this.showIcons) &&\n            this.isSelected &&\n            this.isFocused &&\n            layout.isSelectedFocused\n        ];\n    return euiClass(\n      this.context,\n      ITEM_RESET,\n      { fontFamily: this.context.upstream.euiTheme.font.family },\n      layout.euiListItemLayout,\n      ...interactive,\n      this.isDisabled && layout.isDisabled\n    );\n  }\n\n  @cached\n  get partClasses() {\n    const context = this.context;\n    const layout = this.layout;\n    return {\n      content: euiClass(context, layout.euiListItemLayout__content),\n      prepend: euiClass(context, layout.euiListItemLayout__prepend),\n      append: euiClass(context, layout.euiListItemLayout__append),\n      text: euiClass(\n        context,\n        layout.euiListItemLayout__text,\n        this.args.textWrap === 'wrap'\n          ? layout.textWrap.wrap\n          : layout.textWrap.truncate\n      )\n    };\n  }\n\n  @cached\n  get iconCss(): EuiCss {\n    return this.layout.euiListItemLayout__icon;\n  }\n\n  /** Upstream EuiCheckboxControl for multiple selection. */\n  @cached\n  get checkbox(): { className: string; icon: EuiIconSignature['Args']['type']; iconCss: EuiCss } {\n    const control = useEuiBorealisStyles(this.context, euiCheckboxControlStyles);\n    const checked = this.checked;\n    const indeterminate = checked === 'mixed';\n    const excluded = checked === 'off';\n    const isSelected = checked === 'on' || indeterminate || excluded;\n    const isExcluded = excluded && !indeterminate;\n    const state = this.isDisabled\n      ? isSelected\n        ? control.disabled.selected\n        : control.disabled.unselected\n      : isExcluded\n        ? control.enabled.excluded\n        : isSelected\n          ? control.enabled.selected\n          : control.enabled.unselected;\n    const icon = indeterminate\n      ? 'stopFill'\n      : excluded\n        ? 'cross'\n        : checked === 'on'\n          ? 'check'\n          : 'empty';\n    return {\n      className: euiClass(\n        this.context,\n        { boxSizing: 'border-box' },\n        control.euiCheckboxControl,\n        state\n      ),\n      icon,\n      iconCss: [\n        control.icon.euiCheckbox__icon,\n        indeterminate ? control.icon.indeterminate : control.icon.check,\n        // nothing to draw: keep forced colors from revealing an empty glyph\n        icon === 'empty' ? HIDDEN_ICON : undefined\n      ]\n    };\n  }\n\n  <template>\n    <li\n      role={{this.role}}\n      class=\"euiListItemLayout euiSelectableListItem\n        {{if @isFocused 'euiSelectableListItem-isFocused'}}\n        {{this.itemClass}}\"\n      aria-checked={{this.ariaChecked}}\n      aria-selected={{this.ariaSelected}}\n      aria-current={{this.ariaCurrent}}\n      aria-disabled={{if this.isDisabled \"true\"}}\n      aria-describedby={{if this.hasToolTip this.toolTipId}}\n      data-test-subj=\"euiListItemLayout\"\n      ...attributes\n    >\n      <MaybeToolTip\n        @show={{this.hasToolTip}}\n        @id={{this.toolTipId}}\n        @content={{@toolTipContent}}\n        @props={{@toolTipProps}}\n        @anchorCss={{this.toolTipAnchorCss}}\n        @isShown={{this.isFocused}}\n      >\n      <span\n        class=\"euiListItemLayout__content euiSelectableListItem__content\n          {{this.partClasses.content}}\"\n      >\n        {{#if this.showIcons}}\n          {{#if this.isSingleSelection}}\n            <EuiIcon\n              class=\"euiListItemLayout__icon euiSelectableListItem__icon\"\n              @type={{this.indicatorIcon.type}}\n              @color={{this.indicatorIcon.color}}\n              @css={{this.iconCss}}\n            />\n          {{else}}\n            <span\n              class=\"euiCheckboxControl euiListItemLayout__checkbox euiSelectableListItem__icon\n                {{this.checkbox.className}}\"\n            >\n              <EuiIcon\n                role=\"presentation\"\n                @type={{this.checkbox.icon}}\n                @size=\"m\"\n                @css={{this.checkbox.iconCss}}\n              />\n            </span>\n          {{/if}}\n        {{/if}}\n        {{#if\n          (or2 this.hasPrepend (and2 (has-block \"prepend\") (isUndefined @hasPrepend)))\n        }}\n          <span\n            class=\"euiListItemLayout__prepend euiSelectableListItem__prepend\n              {{this.partClasses.prepend}}\"\n          >\n            {{~#if (has-block \"prepend\")}}{{yield to=\"prepend\"}}{{else}}{{@prepend}}{{/if~}}\n          </span>\n        {{/if}}\n        <span\n          class=\"euiListItemLayout__text euiSelectableListItem__text\n            {{this.partClasses.text}}\"\n          title={{@title}}\n        >\n          {{yield}}\n          {{#if this.screenReaderString}}\n            <EuiScreenReaderOnly>\n              <div>{{this.screenReaderString}}</div>\n            </EuiScreenReaderOnly>\n          {{/if}}\n        </span>\n        {{#if\n          (or2\n            (or2 this.hasAppend (and2 (has-block \"append\") (isUndefined @hasAppend)))\n            this.showFocusBadge\n          )\n        }}\n          <span\n            class=\"euiListItemLayout__append euiSelectableListItem__append\n              {{this.partClasses.append}}\"\n          >\n            {{#if (has-block \"append\")}}\n              {{yield to=\"append\"}}\n            {{else}}\n              {{@append}}\n            {{/if}}\n            {{#if this.showFocusBadge}}\n              <EuiBadge\n                class=\"euiSelectableListItem__onFocusBadge\"\n                @iconType=\"return\"\n                @iconSide={{if this.focusBadge.iconSide this.focusBadge.iconSide \"left\"}}\n                @color=\"hollow\"\n                aria-hidden=\"true\"\n              >{{this.focusBadge.text}}</EuiBadge>\n            {{/if}}\n          </span>\n        {{/if}}\n      </span>\n      </MaybeToolTip>\n    </li>\n  </template>\n}\n\nfunction and2(a: unknown, b: unknown): boolean {\n  return Boolean(a && b);\n}\n\nfunction or2(a: unknown, b: unknown): boolean {\n  return Boolean(a || b);\n}\n\nfunction isUndefined(a: unknown): boolean {\n  return a === undefined;\n}\n"],"names":["ROLES_THAT_CAN_USE_ARIA_CHECKED","NATIVELY_CHECKABLE_ROLES","slice","ROLES_THAT_CAN_BE_MIXED","ROLES_THAT_CAN_USE_ARIA_SELECTED","ITEM_RESET","boxSizing","margin","listStyle","HIDDEN_ICON","display","TOOLTIP_ANCHOR","inlineSize","MaybeToolTip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","templateOnly","EuiSelectableListItem","Component","g","prototype","service","i","context","getEuiThemeContext","checked","args","undefined","role","isSingleSelection","singleSelection","showIcons","isSelected","isDisabled","Boolean","disabled","isInert","hasAriaDisabled","isFocused","toolTipId","randomId","hasToolTip","toolTipContent","toolTipAnchorCss","layout","tooltip","n","cached","selectionMode","allowExclusions","includes","ariaChecked","ariaSelected","ariaCurrent","indicatorIcon","color","type","focusBadge","badge","onFocusBadge","showFocusBadge","hasPrepend","prepend","hasAppend","append","screenReaderText","t","token","fallback","euiI18n","lookupToken","searchable","checkInstructions","uncheckInstructions","excludeInstructions","state","instructions","enabledInstructions","screenReaderString","text","filter","join","useEuiBorealisStyles","euiListItemLayoutStyles","itemClass","interactive","isInteractive","isSelectedFocused","euiClass","fontFamily","upstream","euiTheme","font","family","euiListItemLayout","partClasses","content","euiListItemLayout__content","euiListItemLayout__prepend","euiListItemLayout__append","euiListItemLayout__text","textWrap","wrap","truncate","iconCss","euiListItemLayout__icon","checkbox","control","euiCheckboxControlStyles","indeterminate","excluded","isExcluded","selected","unselected","enabled","icon","className","euiCheckboxControl","euiCheckbox__icon","check","EuiIcon","or2","and2","isUndefined","EuiScreenReaderOnly","EuiBadge","a","b"],"mappings":"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"}

package/dist/components/eui-selectable-message.js

@@ -2,11 +2,11 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { cW as euiSelectableMessageStyles } from '../styles.generated-SYAxYhey.js';
 import EuiText from './eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSelectableMessageStyles } from '../utils/eui/styles.generated/components/selectable/selectable_message/selectable_message.styles.js';
 
 /** Upstream: `<EuiText color="subdued" size="xs" css={message}>`. */class EuiSelectableMessage extends Component {
   get css() {

package/dist/components/eui-selectable.js

@@ -11,7 +11,6 @@ import cssStyle from '../-private/css-style.js';
 import { randomId } from '../-private/random-id.js';
 import { getMatchingOptions, isNavigable, toggleOptionWithChange, createPartialStringEqualityOptionMatcher } from '../-private/selectable-options.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
-import { cV as euiSelectableStyles } from '../styles.generated-SYAxYhey.js';
 import { euiClass } from '../utils/eui/styles.js';
 import EuiLoadingSpinner from './eui-loading-spinner.js';
 import EuiScreenReaderLive from './eui-screen-reader-live.js';
@@ -22,6 +21,7 @@ import EuiSpacer from './eui-spacer.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiSelectableStyles } from '../utils/eui/styles.generated/components/selectable/selectable.styles.js';
 
 /** Upstream default matcher (module scope: one instance). */
 const DEFAULT_OPTION_MATCHER = createPartialStringEqualityOptionMatcher();

package/dist/components/eui-side-nav-item.js

@@ -8,11 +8,12 @@ import nullish from '../helpers/nullish.js';
 import { isItemOpen, isItemSelected } from '../helpers/is-item-open.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { az as euiTextTruncate, eq as euiSideNavItemStyles, er as euiSideNavItemButtonStyles } from '../styles.generated-SYAxYhey.js';
 import { isValidHref, getSecureRelForTarget } from './eui-link.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiSideNavItemStyles, euiSideNavItemButtonStyles } from '../utils/eui/styles.generated/components/side_nav/side_nav_item.styles.js';
 
 /** Upstream renders a section item below the root as an accordion. */function isChildrenOnly(item, depth) {
   return depth > 0 && !item.onClick && !item.href && Boolean(item.items);

package/dist/components/eui-side-nav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-side-nav-item.js","sources":["../../src/components/eui-side-nav-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport add from 'ember-math-helpers/helpers/add';\n\nimport Button from '../components/eui-side-nav-item/button.gts';\nimport nullish from '../helpers/nullish.ts';\nimport { isItemOpen, isItemSelected } from '../helpers/is-item-open.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiSideNavItemButtonStyles,\n  euiSideNavItemStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { getSecureRelForTarget, isValidHref } from './eui-link.gts';\n\nimport type { Item, EuiSideNavRenderItem } from './eui-side-nav';\nimport type { ComponentLike } from '@glint/template';\n\n/** @private One item of an EuiSideNav (rendered from its `@items`). */\nexport interface EuiSideNavItemSignature {\n  Args: {\n    /** The side nav's `@selectedItem`, passed down to children. */\n    selectedItem?: string;\n    /** Shows the children. */\n    isOpen?: boolean;\n    /** Highlights the item. */\n    isSelected?: boolean;\n    /** Has children. */\n    isParent?: boolean;\n    /** Icon before the name: an icon type, or a component rendered as is. */\n    icon?: string | ComponentLike<any>;\n    /** Makes the item a button calling this function. */\n    onClick?: () => void;\n    /** Makes the item a link. */\n    href?: string;\n    /** Class for the item. */\n    className?: string;\n    /** `rel` of the link; `noreferrer` (and `noopener` for `_blank`) is added. */\n    rel?: string;\n    /** `target` of the link. */\n    target?: string;\n    /** Nested items. */\n    items?: Item[];\n    /** Nesting level. */\n    depth?: number;\n    /** @deprecated Has no effect; the name is the block content. */\n    name?: string;\n    /** Replaces the item's link, button or text, see `Item.renderItem`. */\n    renderItem?: EuiSideNavRenderItem;\n    /** Disables the item. */\n    disabled?: boolean;\n    /** Truncates a long name. Defaults to `@navTruncate`, else `true`. */\n    truncate?: boolean;\n    /** The side nav's `@truncate`, passed down to children. */\n    navTruncate?: boolean;\n    /** Bolder style with a background band. */\n    emphasize?: boolean;\n    /** Class for the item's button or link. */\n    buttonClassName?: string;\n    /**\n     * A section item (children, no `href`/`onClick`) below the root: it\n     * renders a button that opens and closes its children.\n     */\n    childrenOnly?: boolean;\n    /** Extra classes for the icon. */\n    buttonIconClasses?: string;\n  };\n  Blocks: {\n    /** The item's name. */\n    default: [];\n  };\n}\n\n/** Upstream renders a section item below the root as an accordion. */\nexport function isChildrenOnly(item: Item, depth: number): boolean {\n  return depth > 0 && !item.onClick && !item.href && Boolean(item.items);\n}\n\n/** Native Ember side nav item using the upstream EUI 123 / Borealis factories. */\nexport default class EuiSideNavItem extends Component<EuiSideNavItemSignature> {\n  /** Accordion state toggled by the user; reset when `@isOpen` changes. */\n  @tracked toggled?: { open: boolean; from: boolean };\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  get depth(): number {\n    return this.args.depth ?? 0;\n  }\n\n  get isRoot(): boolean {\n    return this.depth === 0;\n  }\n\n  get isTrunk(): boolean {\n    return this.depth === 1;\n  }\n\n  get isBranch(): boolean {\n    return this.depth > 1;\n  }\n\n  get itemIsOpen(): boolean {\n    const isOpen = Boolean(this.args.isOpen);\n    const toggled = this.toggled;\n    return toggled && toggled.from === isOpen ? toggled.open : isOpen;\n  }\n\n  get hasChildItems(): boolean {\n    return Boolean(this.args.items?.length) && this.itemIsOpen;\n  }\n\n  get hasCaret(): boolean {\n    return this.depth > 0 && Boolean(this.args.childrenOnly);\n  }\n\n  get href(): string | undefined {\n    const { href } = this.args;\n    return href && isValidHref(href) ? href : undefined;\n  }\n\n  get onClick(): (() => void) | undefined {\n    return this.args.childrenOnly ? this.toggleOpen : this.args.onClick;\n  }\n\n  get kind(): 'a' | 'button' | 'div' {\n    if (this.href && !this.args.disabled) return 'a';\n    if (this.onClick || this.args.disabled) return 'button';\n    return 'div';\n  }\n\n  get isLink(): boolean {\n    return this.kind === 'a';\n  }\n\n  get isButton(): boolean {\n    return this.kind === 'button';\n  }\n\n  get rel(): string {\n    return getSecureRelForTarget(this.args.target, this.args.rel);\n  }\n\n  toggleOpen = (): void => {\n    this.toggled = {\n      open: !this.itemIsOpen,\n      from: Boolean(this.args.isOpen)\n    };\n  };\n\n  @cached\n  get classes(): string {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiSideNavItemStyles);\n    const names = [\n      'euiSideNavItem',\n      this.isRoot && 'euiSideNavItem--root',\n      this.isTrunk && 'euiSideNavItem--trunk',\n      this.isBranch && 'euiSideNavItem--branch',\n      this.args.emphasize && 'euiSideNavItem--emphasized',\n      this.hasChildItems && 'euiSideNavItem-hasChildItems',\n      this.args.className\n    ];\n    return [\n      ...names,\n      euiClass(\n        context,\n        { boxSizing: 'border-box' },\n        styles.euiSideNavItem,\n        this.isRoot && styles.root,\n        this.isTrunk && styles.trunk,\n        this.isBranch && styles.branch,\n        this.args.emphasize && styles.emphasized\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get buttonStyles() {\n    return useEuiBorealisStyles(this.context, euiSideNavItemButtonStyles);\n  }\n\n  @cached\n  get buttonClasses(): string {\n    const context = this.context;\n    const theme = context.upstream.euiTheme;\n    const styles = this.buttonStyles;\n    const { isSelected, emphasize } = this.args;\n    // Scoped stand-in for React's global button/link reset; upstream after.\n    const reset = {\n      boxSizing: 'border-box' as const,\n      margin: 0,\n      padding: 0,\n      border: 0,\n      borderRadius: 0,\n      background: 'none',\n      fontFamily: theme.font.family,\n      textDecoration: 'none'\n    };\n    return [\n      'euiSideNavItemButton',\n      this.depth > 0 &&\n        this.itemIsOpen &&\n        !isSelected &&\n        'euiSideNavItemButton-isOpen',\n      isSelected && 'euiSideNavItemButton-isSelected',\n      this.args.buttonClassName,\n      euiClass(\n        context,\n        reset,\n        styles.euiSideNavItemButton,\n        isSelected && styles.selected,\n        emphasize && styles.emphasized,\n        this.isRoot && styles.root,\n        this.isTrunk && styles.trunk,\n        this.isBranch && styles.branch\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get contentClass(): string {\n    return euiClass(this.context, this.buttonStyles.euiSideNavItemButton__content);\n  }\n\n  get truncate(): boolean {\n    return this.args.truncate ?? this.args.navTruncate ?? true;\n  }\n\n  @cached\n  get labelClass(): string {\n    const label = this.buttonStyles.label;\n    return [\n      this.truncate && 'eui-textTruncate',\n      euiClass(\n        this.context,\n        label.euiSideNavItemButton__label,\n        this.isRoot && label.root,\n        // Upstream's `eui-textTruncate` utility class.\n        this.truncate && euiTextTruncate()\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get itemsClass(): string {\n    const items = useEuiBorealisStyles(this.context, euiSideNavItemStyles).items;\n    return `euiSideNavItem__items ${euiClass(\n      this.context,\n      items.euiSideNavItem__items,\n      this.isRoot && this.args.icon && items.rootWithIcon,\n      this.isTrunk && items.trunk,\n      this.isBranch && items.branch\n    )}`;\n  }\n\n  isChildrenOnly = (item: Item): boolean => isChildrenOnly(item, this.depth + 1);\n\n  isItemOpen = (item: Item): boolean => isItemOpen(item, this.args.selectedItem);\n\n  isItemSelected = (item: Item): boolean =>\n    !isChildrenOnly(item, this.depth + 1) &&\n    isItemSelected(item, this.args.selectedItem);\n\n  <template>\n    <div class={{this.classes}}>\n      {{#if @renderItem}}\n        <@renderItem\n          @href={{this.href}}\n          @target={{@target}}\n          @rel={{@rel}}\n          @onClick={{this.onClick}}\n          @disabled={{@disabled}}\n          class={{this.buttonClasses}}\n        >\n          <Button\n            @icon={{@icon}}\n            @truncate={{this.truncate}}\n            @buttonIconClasses={{@buttonIconClasses}}\n            @caret={{this.hasCaret}}\n            @isOpen={{this.itemIsOpen}}\n            @contentClass={{this.contentClass}}\n            @labelClass={{this.labelClass}}\n          >\n            {{yield}}\n          </Button>\n        </@renderItem>\n      {{else if this.isLink}}\n        <a\n          class={{this.buttonClasses}}\n          href={{this.href}}\n          target={{@target}}\n          rel={{this.rel}}\n          {{on \"click\" (optional @onClick)}}\n        >\n          <Button\n            @icon={{@icon}}\n            @truncate={{this.truncate}}\n            @buttonIconClasses={{@buttonIconClasses}}\n            @contentClass={{this.contentClass}}\n            @labelClass={{this.labelClass}}\n          >\n            {{yield}}\n          </Button>\n        </a>\n      {{else if this.isButton}}\n        <button\n          type=\"button\"\n          class={{this.buttonClasses}}\n          disabled={{@disabled}}\n          aria-expanded={{if this.hasCaret (if this.itemIsOpen \"true\" \"false\")}}\n          {{on \"click\" (optional this.onClick)}}\n        >\n          <Button\n            @icon={{@icon}}\n            @truncate={{this.truncate}}\n            @buttonIconClasses={{@buttonIconClasses}}\n            @caret={{this.hasCaret}}\n            @isOpen={{this.itemIsOpen}}\n            @contentClass={{this.contentClass}}\n            @labelClass={{this.labelClass}}\n          >\n            {{yield}}\n          </Button>\n        </button>\n      {{else}}\n        <div class={{this.buttonClasses}}>\n          <Button\n            @icon={{@icon}}\n            @truncate={{this.truncate}}\n            @buttonIconClasses={{@buttonIconClasses}}\n            @contentClass={{this.contentClass}}\n            @labelClass={{this.labelClass}}\n          >\n            {{yield}}\n          </Button>\n        </div>\n      {{/if}}\n      {{#if this.hasChildItems}}\n        <div class={{this.itemsClass}}>\n          {{#each @items as |item|}}\n            <EuiSideNavItem\n              @selectedItem={{@selectedItem}}\n              @isOpen={{nullish item.isOpen (this.isItemOpen item)}}\n              @isSelected={{this.isItemSelected item}}\n              @isParent={{if item.items true false}}\n              @icon={{item.icon}}\n              @onClick={{item.onClick}}\n              @href={{item.href}}\n              @className={{item.className}}\n              @rel={{item.rel}}\n              @target={{item.target}}\n              @items={{item.items}}\n              @depth={{add this.depth 1}}\n              @disabled={{item.disabled}}\n              @truncate={{item.truncate}}\n              @navTruncate={{@navTruncate}}\n              @emphasize={{item.emphasize}}\n              @buttonClassName={{item.buttonClassName}}\n              @childrenOnly={{this.isChildrenOnly item}}\n              @renderItem={{if item.renderItem item.renderItem @renderItem}}\n            >\n              {{item.name}}\n            </EuiSideNavItem>\n          {{/each}}\n        </div>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["isChildrenOnly","item","depth","onClick","href","Boolean","items","EuiSideNavItem","Component","g","prototype","tracked","i","context","getEuiThemeContext","args","isRoot","isTrunk","isBranch","itemIsOpen","isOpen","toggled","from","open","hasChildItems","length","hasCaret","childrenOnly","isValidHref","undefined","toggleOpen","kind","disabled","isLink","isButton","rel","getSecureRelForTarget","target","classes","styles","useEuiBorealisStyles","euiSideNavItemStyles","names","emphasize","className","euiClass","boxSizing","euiSideNavItem","root","trunk","branch","emphasized","filter","join","n","cached","buttonStyles","euiSideNavItemButtonStyles","buttonClasses","theme","upstream","euiTheme","isSelected","reset","margin","padding","border","borderRadius","background","fontFamily","font","family","textDecoration","buttonClassName","euiSideNavItemButton","selected","contentClass","euiSideNavItemButton__content","truncate","navTruncate","labelClass","label","euiSideNavItemButton__label","euiTextTruncate","itemsClass","euiSideNavItem__items","icon","rootWithIcon","isItemOpen","selectedItem","isItemSelected","setComponentTemplate","precompileTemplate","strictMode","scope","Button","on","optional","nullish","add"],"mappings":"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"}
+{"version":3,"file":"eui-side-nav-item.js","sources":["../../src/components/eui-side-nav-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport add from 'ember-math-helpers/helpers/add';\n\nimport Button from '../components/eui-side-nav-item/button.gts';\nimport nullish from '../helpers/nullish.ts';\nimport { isItemOpen, isItemSelected } from '../helpers/is-item-open.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiSideNavItemButtonStyles,\n  euiSideNavItemStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { getSecureRelForTarget, isValidHref } from './eui-link.gts';\n\nimport type { Item, EuiSideNavRenderItem } from './eui-side-nav';\nimport type { ComponentLike } from '@glint/template';\n\n/** @private One item of an EuiSideNav (rendered from its `@items`). */\nexport interface EuiSideNavItemSignature {\n  Args: {\n    /** The side nav's `@selectedItem`, passed down to children. */\n    selectedItem?: string;\n    /** Shows the children. */\n    isOpen?: boolean;\n    /** Highlights the item. */\n    isSelected?: boolean;\n    /** Has children. */\n    isParent?: boolean;\n    /** Icon before the name: an icon type, or a component rendered as is. */\n    icon?: string | ComponentLike<any>;\n    /** Makes the item a button calling this function. */\n    onClick?: () => void;\n    /** Makes the item a link. */\n    href?: string;\n    /** Class for the item. */\n    className?: string;\n    /** `rel` of the link; `noreferrer` (and `noopener` for `_blank`) is added. */\n    rel?: string;\n    /** `target` of the link. */\n    target?: string;\n    /** Nested items. */\n    items?: Item[];\n    /** Nesting level. */\n    depth?: number;\n    /** @deprecated Has no effect; the name is the block content. */\n    name?: string;\n    /** Replaces the item's link, button or text, see `Item.renderItem`. */\n    renderItem?: EuiSideNavRenderItem;\n    /** Disables the item. */\n    disabled?: boolean;\n    /** Truncates a long name. Defaults to `@navTruncate`, else `true`. */\n    truncate?: boolean;\n    /** The side nav's `@truncate`, passed down to children. */\n    navTruncate?: boolean;\n    /** Bolder style with a background band. */\n    emphasize?: boolean;\n    /** Class for the item's button or link. */\n    buttonClassName?: string;\n    /**\n     * A section item (children, no `href`/`onClick`) below the root: it\n     * renders a button that opens and closes its children.\n     */\n    childrenOnly?: boolean;\n    /** Extra classes for the icon. */\n    buttonIconClasses?: string;\n  };\n  Blocks: {\n    /** The item's name. */\n    default: [];\n  };\n}\n\n/** Upstream renders a section item below the root as an accordion. */\nexport function isChildrenOnly(item: Item, depth: number): boolean {\n  return depth > 0 && !item.onClick && !item.href && Boolean(item.items);\n}\n\n/** Native Ember side nav item using the upstream EUI 123 / Borealis factories. */\nexport default class EuiSideNavItem extends Component<EuiSideNavItemSignature> {\n  /** Accordion state toggled by the user; reset when `@isOpen` changes. */\n  @tracked toggled?: { open: boolean; from: boolean };\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  get depth(): number {\n    return this.args.depth ?? 0;\n  }\n\n  get isRoot(): boolean {\n    return this.depth === 0;\n  }\n\n  get isTrunk(): boolean {\n    return this.depth === 1;\n  }\n\n  get isBranch(): boolean {\n    return this.depth > 1;\n  }\n\n  get itemIsOpen(): boolean {\n    const isOpen = Boolean(this.args.isOpen);\n    const toggled = this.toggled;\n    return toggled && toggled.from === isOpen ? toggled.open : isOpen;\n  }\n\n  get hasChildItems(): boolean {\n    return Boolean(this.args.items?.length) && this.itemIsOpen;\n  }\n\n  get hasCaret(): boolean {\n    return this.depth > 0 && Boolean(this.args.childrenOnly);\n  }\n\n  get href(): string | undefined {\n    const { href } = this.args;\n    return href && isValidHref(href) ? href : undefined;\n  }\n\n  get onClick(): (() => void) | undefined {\n    return this.args.childrenOnly ? this.toggleOpen : this.args.onClick;\n  }\n\n  get kind(): 'a' | 'button' | 'div' {\n    if (this.href && !this.args.disabled) return 'a';\n    if (this.onClick || this.args.disabled) return 'button';\n    return 'div';\n  }\n\n  get isLink(): boolean {\n    return this.kind === 'a';\n  }\n\n  get isButton(): boolean {\n    return this.kind === 'button';\n  }\n\n  get rel(): string {\n    return getSecureRelForTarget(this.args.target, this.args.rel);\n  }\n\n  toggleOpen = (): void => {\n    this.toggled = {\n      open: !this.itemIsOpen,\n      from: Boolean(this.args.isOpen)\n    };\n  };\n\n  @cached\n  get classes(): string {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiSideNavItemStyles);\n    const names = [\n      'euiSideNavItem',\n      this.isRoot && 'euiSideNavItem--root',\n      this.isTrunk && 'euiSideNavItem--trunk',\n      this.isBranch && 'euiSideNavItem--branch',\n      this.args.emphasize && 'euiSideNavItem--emphasized',\n      this.hasChildItems && 'euiSideNavItem-hasChildItems',\n      this.args.className\n    ];\n    return [\n      ...names,\n      euiClass(\n        context,\n        { boxSizing: 'border-box' },\n        styles.euiSideNavItem,\n        this.isRoot && styles.root,\n        this.isTrunk && styles.trunk,\n        this.isBranch && styles.branch,\n        this.args.emphasize && styles.emphasized\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get buttonStyles() {\n    return useEuiBorealisStyles(this.context, euiSideNavItemButtonStyles);\n  }\n\n  @cached\n  get buttonClasses(): string {\n    const context = this.context;\n    const theme = context.upstream.euiTheme;\n    const styles = this.buttonStyles;\n    const { isSelected, emphasize } = this.args;\n    // Scoped stand-in for React's global button/link reset; upstream after.\n    const reset = {\n      boxSizing: 'border-box' as const,\n      margin: 0,\n      padding: 0,\n      border: 0,\n      borderRadius: 0,\n      background: 'none',\n      fontFamily: theme.font.family,\n      textDecoration: 'none'\n    };\n    return [\n      'euiSideNavItemButton',\n      this.depth > 0 &&\n        this.itemIsOpen &&\n        !isSelected &&\n        'euiSideNavItemButton-isOpen',\n      isSelected && 'euiSideNavItemButton-isSelected',\n      this.args.buttonClassName,\n      euiClass(\n        context,\n        reset,\n        styles.euiSideNavItemButton,\n        isSelected && styles.selected,\n        emphasize && styles.emphasized,\n        this.isRoot && styles.root,\n        this.isTrunk && styles.trunk,\n        this.isBranch && styles.branch\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get contentClass(): string {\n    return euiClass(this.context, this.buttonStyles.euiSideNavItemButton__content);\n  }\n\n  get truncate(): boolean {\n    return this.args.truncate ?? this.args.navTruncate ?? true;\n  }\n\n  @cached\n  get labelClass(): string {\n    const label = this.buttonStyles.label;\n    return [\n      this.truncate && 'eui-textTruncate',\n      euiClass(\n        this.context,\n        label.euiSideNavItemButton__label,\n        this.isRoot && label.root,\n        // Upstream's `eui-textTruncate` utility class.\n        this.truncate && euiTextTruncate()\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get itemsClass(): string {\n    const items = useEuiBorealisStyles(this.context, euiSideNavItemStyles).items;\n    return `euiSideNavItem__items ${euiClass(\n      this.context,\n      items.euiSideNavItem__items,\n      this.isRoot && this.args.icon && items.rootWithIcon,\n      this.isTrunk && items.trunk,\n      this.isBranch && items.branch\n    )}`;\n  }\n\n  isChildrenOnly = (item: Item): boolean => isChildrenOnly(item, this.depth + 1);\n\n  isItemOpen = (item: Item): boolean => isItemOpen(item, this.args.selectedItem);\n\n  isItemSelected = (item: Item): boolean =>\n    !isChildrenOnly(item, this.depth + 1) &&\n    isItemSelected(item, this.args.selectedItem);\n\n  <template>\n    <div class={{this.classes}}>\n      {{#if @renderItem}}\n        <@renderItem\n          @href={{this.href}}\n          @target={{@target}}\n          @rel={{@rel}}\n          @onClick={{this.onClick}}\n          @disabled={{@disabled}}\n          class={{this.buttonClasses}}\n        >\n          <Button\n            @icon={{@icon}}\n            @truncate={{this.truncate}}\n            @buttonIconClasses={{@buttonIconClasses}}\n            @caret={{this.hasCaret}}\n            @isOpen={{this.itemIsOpen}}\n            @contentClass={{this.contentClass}}\n            @labelClass={{this.labelClass}}\n          >\n            {{yield}}\n          </Button>\n        </@renderItem>\n      {{else if this.isLink}}\n        <a\n          class={{this.buttonClasses}}\n          href={{this.href}}\n          target={{@target}}\n          rel={{this.rel}}\n          {{on \"click\" (optional @onClick)}}\n        >\n          <Button\n            @icon={{@icon}}\n            @truncate={{this.truncate}}\n            @buttonIconClasses={{@buttonIconClasses}}\n            @contentClass={{this.contentClass}}\n            @labelClass={{this.labelClass}}\n          >\n            {{yield}}\n          </Button>\n        </a>\n      {{else if this.isButton}}\n        <button\n          type=\"button\"\n          class={{this.buttonClasses}}\n          disabled={{@disabled}}\n          aria-expanded={{if this.hasCaret (if this.itemIsOpen \"true\" \"false\")}}\n          {{on \"click\" (optional this.onClick)}}\n        >\n          <Button\n            @icon={{@icon}}\n            @truncate={{this.truncate}}\n            @buttonIconClasses={{@buttonIconClasses}}\n            @caret={{this.hasCaret}}\n            @isOpen={{this.itemIsOpen}}\n            @contentClass={{this.contentClass}}\n            @labelClass={{this.labelClass}}\n          >\n            {{yield}}\n          </Button>\n        </button>\n      {{else}}\n        <div class={{this.buttonClasses}}>\n          <Button\n            @icon={{@icon}}\n            @truncate={{this.truncate}}\n            @buttonIconClasses={{@buttonIconClasses}}\n            @contentClass={{this.contentClass}}\n            @labelClass={{this.labelClass}}\n          >\n            {{yield}}\n          </Button>\n        </div>\n      {{/if}}\n      {{#if this.hasChildItems}}\n        <div class={{this.itemsClass}}>\n          {{#each @items as |item|}}\n            <EuiSideNavItem\n              @selectedItem={{@selectedItem}}\n              @isOpen={{nullish item.isOpen (this.isItemOpen item)}}\n              @isSelected={{this.isItemSelected item}}\n              @isParent={{if item.items true false}}\n              @icon={{item.icon}}\n              @onClick={{item.onClick}}\n              @href={{item.href}}\n              @className={{item.className}}\n              @rel={{item.rel}}\n              @target={{item.target}}\n              @items={{item.items}}\n              @depth={{add this.depth 1}}\n              @disabled={{item.disabled}}\n              @truncate={{item.truncate}}\n              @navTruncate={{@navTruncate}}\n              @emphasize={{item.emphasize}}\n              @buttonClassName={{item.buttonClassName}}\n              @childrenOnly={{this.isChildrenOnly item}}\n              @renderItem={{if item.renderItem item.renderItem @renderItem}}\n            >\n              {{item.name}}\n            </EuiSideNavItem>\n          {{/each}}\n        </div>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["isChildrenOnly","item","depth","onClick","href","Boolean","items","EuiSideNavItem","Component","g","prototype","tracked","i","context","getEuiThemeContext","args","isRoot","isTrunk","isBranch","itemIsOpen","isOpen","toggled","from","open","hasChildItems","length","hasCaret","childrenOnly","isValidHref","undefined","toggleOpen","kind","disabled","isLink","isButton","rel","getSecureRelForTarget","target","classes","styles","useEuiBorealisStyles","euiSideNavItemStyles","names","emphasize","className","euiClass","boxSizing","euiSideNavItem","root","trunk","branch","emphasized","filter","join","n","cached","buttonStyles","euiSideNavItemButtonStyles","buttonClasses","theme","upstream","euiTheme","isSelected","reset","margin","padding","border","borderRadius","background","fontFamily","font","family","textDecoration","buttonClassName","euiSideNavItemButton","selected","contentClass","euiSideNavItemButton__content","truncate","navTruncate","labelClass","label","euiSideNavItemButton__label","euiTextTruncate","itemsClass","euiSideNavItem__items","icon","rootWithIcon","isItemOpen","selectedItem","isItemSelected","setComponentTemplate","precompileTemplate","strictMode","scope","Button","on","optional","nullish","add"],"mappings":"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"}

package/dist/components/eui-side-nav.js

@@ -15,10 +15,11 @@ import nullish from '../helpers/nullish.js';
 import { isItemOpen, isItemSelected } from '../helpers/is-item-open.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { o as euiScreenReaderOnly, cX as euiSideNavMobileStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiScreenReaderOnly } from '../utils/eui/styles.generated/components/accessibility/screen_reader_only/screen_reader_only.styles.js';
+import { euiSideNavMobileStyles } from '../utils/eui/styles.generated/components/side_nav/side_nav.styles.js';
 
 const MOBILE_HEADING_CSS = {
   marginBlockEnd: 0

package/dist/components/eui-side-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-side-nav.js","sources":["../../src/components/eui-side-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { not } from 'ember-truth-helpers';\n\nimport { randomId } from '../-private/random-id.ts';\nimport EuiButtonEmpty from '../components/eui-button-empty.gts';\nimport EuiHideFor from '../components/eui-hide-for.gts';\nimport EuiShowFor from '../components/eui-show-for.gts';\nimport EuiSideNavItem, { isChildrenOnly } from '../components/eui-side-nav-item.gts';\nimport EuiTitle from '../components/eui-title.gts';\nimport nullish from '../helpers/nullish.ts';\nimport { isItemOpen, isItemSelected } from '../helpers/is-item-open.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiScreenReaderOnly,\n  euiSideNavMobileStyles\n} from '../utils/eui/styles.generated.ts';\n\nimport type { EuiHideForSignature } from '../components/eui-hide-for';\nimport type EuiI18n from '../services/eui-i18n';\nimport type { ComponentLike } from '@glint/template';\n\n/** Props a `renderItem` component receives for the item it replaces. */\nexport interface EuiSideNavRenderItemSignature {\n  Element: HTMLElement;\n  Args: {\n    href?: string;\n    target?: string;\n    rel?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n  };\n  Blocks: { default: [] };\n}\n\nexport type EuiSideNavRenderItem = ComponentLike<EuiSideNavRenderItemSignature>;\n\nexport interface Item {\n  /** Unique id, matched against `@selectedItem`. */\n  id: string;\n  /**\n   * Icon before the name: a type name for `EuiIcon`, or a component\n   * rendered as is (e.g. `EuiIcon` curried with a color:\n   * `(component EuiIcon type=\"clock\" color=\"success\")`).\n   */\n  icon?: string | ComponentLike<any>;\n  /** Makes the item a button calling this function. */\n  onClick?: () => void;\n  /** Makes the item a link. */\n  href?: string;\n  /** Class for the item. */\n  className?: string;\n  /** `rel` of the link. */\n  rel?: string;\n  /** `target` of the link. */\n  target?: string;\n  /**\n   * Nested items. An item with children but no `href`/`onClick` is a\n   * section title; nested levels open while one of them is selected.\n   */\n  items?: Item[];\n  /** @private Nesting level. */\n  depth?: number;\n  /** The item's text. */\n  name?: string;\n  /**\n   * Replaces the item's link, button or text: a component (see\n   * `EuiSideNavRenderItemSignature`) getting `@href`, `@target`, `@rel`,\n   * `@onClick` and `@disabled`, the item's classes as `class`, and the\n   * item's content as its block. Wins over the nav's `@renderItem`.\n   */\n  renderItem?: EuiSideNavRenderItem;\n  /**\n   * Opens or closes this item's children, overriding what its selection\n   * and `forceOpen` imply (upstream passes it through to the item).\n   */\n  isOpen?: boolean;\n  /**\n   * Marks the item as the current one, like matching `@selectedItem`:\n   * highlighted, with its parents open.\n   */\n  isSelected?: boolean;\n  /** Keeps a nested item's children open. */\n  forceOpen?: boolean;\n  /** Disables the item. */\n  disabled?: boolean;\n  /** Truncates a long name instead of wrapping. Defaults to `true`. */\n  truncate?: boolean;\n  /** Bolder style with a background band, e.g. for the current section. */\n  emphasize?: boolean;\n  /** Class for the item's button or link. */\n  buttonClassName?: string;\n}\n\n/** A hierarchical navigation tree for a page's side bar. */\nexport interface EuiSideNavSignature {\n  Element: HTMLDivElement | HTMLUListElement | HTMLElement;\n  Args: {\n    /**\n     * Screen sizes showing the nav collapsed behind a toggle button.\n     * Defaults to `['xs', 's']`; pass `[]` to never collapse.\n     */\n    mobileBreakpoints?: EuiHideForSignature['Args']['sizes'];\n    /**\n     * Whether the collapsed (mobile) nav is open; flip it in\n     * `@toggleOpenOnMobile`.\n     */\n    isOpenOnMobile?: boolean;\n    /** @deprecated Use `@isOpenOnMobile` (upstream's name). */\n    isOpenMobile?: boolean;\n    /**\n     * Truncates the names of all items to one line (`false` wraps them). An\n     * item's own `truncate` wins. Items truncate by default.\n     */\n    truncate?: boolean;\n    /** Called by the mobile toggle button with the new open state. */\n    toggleOpenOnMobile?: (isOpen: boolean) => void;\n    /** Heading above the items (and the toggle text on mobile). */\n    heading?: string;\n    /**\n     * Props for the heading: `{ element: 'h2', id, className,\n     * screenReaderOnly }`. The heading labels the `<nav>`.\n     */\n    headingProps?: {\n      element?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';\n      id?: string;\n      className?: string;\n      screenReaderOnly?: boolean;\n    };\n    /** Text of the mobile toggle button. Defaults to the heading. */\n    mobileTitle?: string;\n    /** The navigation tree, see `Item`. */\n    items?: Item[];\n    /** Id of the current item: it is highlighted and its parents open. */\n    selectedItem?: string;\n    /**\n     * Replaces the rendering of every item's link, button or text with a\n     * component, see `Item.renderItem`.\n     */\n    renderItem?: EuiSideNavRenderItem;\n  };\n  Blocks: {\n    /** Unused. */\n    default: [Item];\n    /** Custom heading, instead of `@heading`. */\n    heading: [];\n  };\n}\n\nconst MOBILE_HEADING_CSS = { marginBlockEnd: 0 };\n\n/** Native Ember side nav using the upstream EUI 123 / Borealis factories. */\nexport default class EuiSideNavComponent extends Component<EuiSideNavSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  generatedHeadingId = randomId();\n  contentId = randomId();\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  @cached\n  get mobileStyles() {\n    return useEuiBorealisStyles(this.context, euiSideNavMobileStyles);\n  }\n\n  get mobileBreakpoints() {\n    return this.args.mobileBreakpoints ?? ['xs', 's'];\n  }\n\n  get hasMobileVersion() {\n    return this.mobileBreakpoints.length > 0;\n  }\n\n  get headingId(): string {\n    return this.args.headingProps?.id ?? this.generatedHeadingId;\n  }\n\n  get headingElement() {\n    return this.args.headingProps?.element ?? 'h2';\n  }\n\n  get headingScreenReaderOnly(): boolean {\n    return Boolean(this.args.headingProps?.screenReaderOnly);\n  }\n\n  get isOpenOnMobile(): boolean {\n    return Boolean(this.args.isOpenOnMobile ?? this.args.isOpenMobile);\n  }\n\n  get classes(): string {\n    return this.isOpenOnMobile\n      ? 'euiSideNav euiSideNav-isOpenMobile'\n      : 'euiSideNav';\n  }\n\n  get headingClassNames(): string {\n    return ['euiSideNav__heading', this.args.headingProps?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /** Upstream EuiSideNavHeading: `xs` title with an `l` bottom margin. */\n  @cached\n  get headingCss(): EuiCss {\n    return { marginBlockEnd: this.context.upstream.euiTheme.size.l };\n  }\n\n  @cached\n  get srHeadingClass(): string {\n    return [\n      'euiSideNav__heading euiScreenReaderOnly',\n      this.args.headingProps?.className,\n      euiClass(this.context, euiScreenReaderOnly())\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /** The mobile heading drops the bottom margin (upstream `mobileHeadingUnset`). */\n  get mobileHeadingCss(): EuiCss {\n    return MOBILE_HEADING_CSS;\n  }\n\n  @cached\n  get mobileContentClass(): string {\n    const content = this.mobileStyles.content;\n    return `euiSideNav__content ${euiClass(\n      this.context,\n      { boxSizing: 'border-box' },\n      content.euiSideNav__mobileContent,\n      this.isOpenOnMobile ? content.open : content.hidden\n    )}`;\n  }\n\n  /** Upstream labels the toggle when it has no visible text. */\n  get mobileToggleAriaLabel(): string | undefined {\n    const hasText = Boolean(this.args.mobileTitle || this.args.heading);\n    return !hasText || this.headingScreenReaderOnly\n      ? this.euiI18n.lookupToken(\n          'euiSideNav.mobileToggleAriaLabel',\n          'Toggle navigation'\n        )\n      : undefined;\n  }\n\n  isItemOpen = (item: Item): boolean => isItemOpen(item, this.args.selectedItem);\n\n  isItemSelected = (item: Item): boolean =>\n    !isChildrenOnly(item, 0) && isItemSelected(item, this.args.selectedItem);\n\n  <template>\n    {{#let\n      (if (has-block \"heading\") true (if @heading true false))\n      as |hasHeading|\n    }}\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.mobileBreakpoints}}>\n          <nav\n            aria-labelledby={{this.headingId}}\n            class={{this.classes}}\n            ...attributes\n          >\n            <EuiTitle\n              @size=\"xs\"\n              @tagName={{this.headingElement}}\n              id={{this.headingId}}\n              class={{this.headingClassNames}}\n              @css={{this.mobileHeadingCss}}\n            >\n              <EuiButtonEmpty\n                class=\"euiSideNav__mobileToggle\"\n                @css={{this.mobileStyles.euiSideNav__mobileToggle}}\n                @contentClasses=\"euiSideNav__mobileToggleContent\"\n                @contentCss={{this.mobileStyles.euiSideNav__mobileToggleContent}}\n                @iconType=\"apps\"\n                @iconSide=\"right\"\n                aria-controls={{this.contentId}}\n                aria-expanded={{if this.isOpenOnMobile \"true\" \"false\"}}\n                aria-label={{this.mobileToggleAriaLabel}}\n                {{on\n                  \"click\"\n                  (fn (optional @toggleOpenOnMobile) (not this.isOpenOnMobile))\n                }}\n              >\n                {{#unless this.headingScreenReaderOnly}}\n                  {{#if @mobileTitle}}\n                    {{@mobileTitle}}\n                  {{else if (has-block \"heading\")}}\n                    {{yield to=\"heading\"}}\n                  {{else}}\n                    {{@heading}}\n                  {{/if}}\n                {{/unless}}\n              </EuiButtonEmpty>\n            </EuiTitle>\n            <div id={{this.contentId}} class={{this.mobileContentClass}}>\n              {{#each @items as |item|}}\n                <EuiSideNavItem\n                  @selectedItem={{@selectedItem}}\n                  @isOpen={{nullish item.isOpen true}}\n                  @isSelected={{this.isItemSelected item}}\n                  @isParent={{if item.items true false}}\n                  @icon={{item.icon}}\n                  @onClick={{item.onClick}}\n                  @href={{item.href}}\n                  @className={{item.className}}\n                  @rel={{item.rel}}\n                  @target={{item.target}}\n                  @items={{item.items}}\n                  @depth={{0}}\n                  @disabled={{item.disabled}}\n                  @truncate={{item.truncate}}\n                  @navTruncate={{@truncate}}\n                  @emphasize={{item.emphasize}}\n                  @buttonClassName={{item.buttonClassName}}\n                  @childrenOnly={{false}}\n                  @renderItem={{if item.renderItem item.renderItem @renderItem}}\n                >\n                  {{item.name}}\n                </EuiSideNavItem>\n              {{/each}}\n            </div>\n          </nav>\n        </EuiShowFor>\n      {{/if}}\n\n      <EuiHideFor @sizes={{this.mobileBreakpoints}}>\n        <nav\n          aria-labelledby={{if hasHeading this.headingId}}\n          class={{this.classes}}\n          ...attributes\n        >\n          {{#if hasHeading}}\n            {{#if this.headingScreenReaderOnly}}\n              {{#let (element this.headingElement) as |Heading|}}\n                <Heading id={{this.headingId}} class={{this.srHeadingClass}}>\n                  {{#if (has-block \"heading\")}}\n                    {{yield to=\"heading\"}}\n                  {{else}}\n                    {{@heading}}\n                  {{/if}}\n                </Heading>\n              {{/let}}\n            {{else}}\n              <EuiTitle\n                @size=\"xs\"\n                @tagName={{this.headingElement}}\n                id={{this.headingId}}\n                class={{this.headingClassNames}}\n                @css={{this.headingCss}}\n              >\n                {{#if (has-block \"heading\")}}\n                  {{yield to=\"heading\"}}\n                {{else}}\n                  {{@heading}}\n                {{/if}}\n              </EuiTitle>\n            {{/if}}\n          {{/if}}\n          <div id={{this.contentId}} class=\"euiSideNav__content\">\n            {{#each @items as |item|}}\n              <EuiSideNavItem\n                @selectedItem={{@selectedItem}}\n                @isOpen={{nullish item.isOpen true}}\n                @isSelected={{this.isItemSelected item}}\n                @isParent={{if item.items true false}}\n                @icon={{item.icon}}\n                @onClick={{item.onClick}}\n                @href={{item.href}}\n                @className={{item.className}}\n                @rel={{item.rel}}\n                @target={{item.target}}\n                @items={{item.items}}\n                @depth={{0}}\n                @disabled={{item.disabled}}\n                @truncate={{item.truncate}}\n                @navTruncate={{@truncate}}\n                @emphasize={{item.emphasize}}\n                @buttonClassName={{item.buttonClassName}}\n                @childrenOnly={{false}}\n                  @renderItem={{if item.renderItem item.renderItem @renderItem}}\n              >\n                {{item.name}}\n              </EuiSideNavItem>\n            {{/each}}\n          </div>\n        </nav>\n      </EuiHideFor>\n    {{/let}}\n  </template>\n}\n"],"names":["MOBILE_HEADING_CSS","marginBlockEnd","EuiSideNavComponent","Component","g","prototype","service","i","generatedHeadingId","randomId","contentId","context","getEuiThemeContext","mobileStyles","useEuiBorealisStyles","euiSideNavMobileStyles","n","cached","mobileBreakpoints","args","hasMobileVersion","length","headingId","headingProps","id","headingElement","element","headingScreenReaderOnly","Boolean","screenReaderOnly","isOpenOnMobile","isOpenMobile","classes","headingClassNames","className","filter","join","headingCss","upstream","euiTheme","size","l","srHeadingClass","euiClass","euiScreenReaderOnly","mobileHeadingCss","mobileContentClass","content","boxSizing","euiSideNav__mobileContent","open","hidden","mobileToggleAriaLabel","hasText","mobileTitle","heading","euiI18n","lookupToken","undefined","isItemOpen","item","selectedItem","isItemSelected","isChildrenOnly","setComponentTemplate","precompileTemplate","strictMode","scope","EuiShowFor","EuiTitle","EuiButtonEmpty","on","fn","optional","not","EuiSideNavItem","nullish","EuiHideFor"],"mappings":"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"}
+{"version":3,"file":"eui-side-nav.js","sources":["../../src/components/eui-side-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { not } from 'ember-truth-helpers';\n\nimport { randomId } from '../-private/random-id.ts';\nimport EuiButtonEmpty from '../components/eui-button-empty.gts';\nimport EuiHideFor from '../components/eui-hide-for.gts';\nimport EuiShowFor from '../components/eui-show-for.gts';\nimport EuiSideNavItem, { isChildrenOnly } from '../components/eui-side-nav-item.gts';\nimport EuiTitle from '../components/eui-title.gts';\nimport nullish from '../helpers/nullish.ts';\nimport { isItemOpen, isItemSelected } from '../helpers/is-item-open.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiScreenReaderOnly,\n  euiSideNavMobileStyles\n} from '../utils/eui/styles.generated.ts';\n\nimport type { EuiHideForSignature } from '../components/eui-hide-for';\nimport type EuiI18n from '../services/eui-i18n';\nimport type { ComponentLike } from '@glint/template';\n\n/** Props a `renderItem` component receives for the item it replaces. */\nexport interface EuiSideNavRenderItemSignature {\n  Element: HTMLElement;\n  Args: {\n    href?: string;\n    target?: string;\n    rel?: string;\n    onClick?: () => void;\n    disabled?: boolean;\n  };\n  Blocks: { default: [] };\n}\n\nexport type EuiSideNavRenderItem = ComponentLike<EuiSideNavRenderItemSignature>;\n\nexport interface Item {\n  /** Unique id, matched against `@selectedItem`. */\n  id: string;\n  /**\n   * Icon before the name: a type name for `EuiIcon`, or a component\n   * rendered as is (e.g. `EuiIcon` curried with a color:\n   * `(component EuiIcon type=\"clock\" color=\"success\")`).\n   */\n  icon?: string | ComponentLike<any>;\n  /** Makes the item a button calling this function. */\n  onClick?: () => void;\n  /** Makes the item a link. */\n  href?: string;\n  /** Class for the item. */\n  className?: string;\n  /** `rel` of the link. */\n  rel?: string;\n  /** `target` of the link. */\n  target?: string;\n  /**\n   * Nested items. An item with children but no `href`/`onClick` is a\n   * section title; nested levels open while one of them is selected.\n   */\n  items?: Item[];\n  /** @private Nesting level. */\n  depth?: number;\n  /** The item's text. */\n  name?: string;\n  /**\n   * Replaces the item's link, button or text: a component (see\n   * `EuiSideNavRenderItemSignature`) getting `@href`, `@target`, `@rel`,\n   * `@onClick` and `@disabled`, the item's classes as `class`, and the\n   * item's content as its block. Wins over the nav's `@renderItem`.\n   */\n  renderItem?: EuiSideNavRenderItem;\n  /**\n   * Opens or closes this item's children, overriding what its selection\n   * and `forceOpen` imply (upstream passes it through to the item).\n   */\n  isOpen?: boolean;\n  /**\n   * Marks the item as the current one, like matching `@selectedItem`:\n   * highlighted, with its parents open.\n   */\n  isSelected?: boolean;\n  /** Keeps a nested item's children open. */\n  forceOpen?: boolean;\n  /** Disables the item. */\n  disabled?: boolean;\n  /** Truncates a long name instead of wrapping. Defaults to `true`. */\n  truncate?: boolean;\n  /** Bolder style with a background band, e.g. for the current section. */\n  emphasize?: boolean;\n  /** Class for the item's button or link. */\n  buttonClassName?: string;\n}\n\n/** A hierarchical navigation tree for a page's side bar. */\nexport interface EuiSideNavSignature {\n  Element: HTMLDivElement | HTMLUListElement | HTMLElement;\n  Args: {\n    /**\n     * Screen sizes showing the nav collapsed behind a toggle button.\n     * Defaults to `['xs', 's']`; pass `[]` to never collapse.\n     */\n    mobileBreakpoints?: EuiHideForSignature['Args']['sizes'];\n    /**\n     * Whether the collapsed (mobile) nav is open; flip it in\n     * `@toggleOpenOnMobile`.\n     */\n    isOpenOnMobile?: boolean;\n    /** @deprecated Use `@isOpenOnMobile` (upstream's name). */\n    isOpenMobile?: boolean;\n    /**\n     * Truncates the names of all items to one line (`false` wraps them). An\n     * item's own `truncate` wins. Items truncate by default.\n     */\n    truncate?: boolean;\n    /** Called by the mobile toggle button with the new open state. */\n    toggleOpenOnMobile?: (isOpen: boolean) => void;\n    /** Heading above the items (and the toggle text on mobile). */\n    heading?: string;\n    /**\n     * Props for the heading: `{ element: 'h2', id, className,\n     * screenReaderOnly }`. The heading labels the `<nav>`.\n     */\n    headingProps?: {\n      element?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';\n      id?: string;\n      className?: string;\n      screenReaderOnly?: boolean;\n    };\n    /** Text of the mobile toggle button. Defaults to the heading. */\n    mobileTitle?: string;\n    /** The navigation tree, see `Item`. */\n    items?: Item[];\n    /** Id of the current item: it is highlighted and its parents open. */\n    selectedItem?: string;\n    /**\n     * Replaces the rendering of every item's link, button or text with a\n     * component, see `Item.renderItem`.\n     */\n    renderItem?: EuiSideNavRenderItem;\n  };\n  Blocks: {\n    /** Unused. */\n    default: [Item];\n    /** Custom heading, instead of `@heading`. */\n    heading: [];\n  };\n}\n\nconst MOBILE_HEADING_CSS = { marginBlockEnd: 0 };\n\n/** Native Ember side nav using the upstream EUI 123 / Borealis factories. */\nexport default class EuiSideNavComponent extends Component<EuiSideNavSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  generatedHeadingId = randomId();\n  contentId = randomId();\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  @cached\n  get mobileStyles() {\n    return useEuiBorealisStyles(this.context, euiSideNavMobileStyles);\n  }\n\n  get mobileBreakpoints() {\n    return this.args.mobileBreakpoints ?? ['xs', 's'];\n  }\n\n  get hasMobileVersion() {\n    return this.mobileBreakpoints.length > 0;\n  }\n\n  get headingId(): string {\n    return this.args.headingProps?.id ?? this.generatedHeadingId;\n  }\n\n  get headingElement() {\n    return this.args.headingProps?.element ?? 'h2';\n  }\n\n  get headingScreenReaderOnly(): boolean {\n    return Boolean(this.args.headingProps?.screenReaderOnly);\n  }\n\n  get isOpenOnMobile(): boolean {\n    return Boolean(this.args.isOpenOnMobile ?? this.args.isOpenMobile);\n  }\n\n  get classes(): string {\n    return this.isOpenOnMobile\n      ? 'euiSideNav euiSideNav-isOpenMobile'\n      : 'euiSideNav';\n  }\n\n  get headingClassNames(): string {\n    return ['euiSideNav__heading', this.args.headingProps?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /** Upstream EuiSideNavHeading: `xs` title with an `l` bottom margin. */\n  @cached\n  get headingCss(): EuiCss {\n    return { marginBlockEnd: this.context.upstream.euiTheme.size.l };\n  }\n\n  @cached\n  get srHeadingClass(): string {\n    return [\n      'euiSideNav__heading euiScreenReaderOnly',\n      this.args.headingProps?.className,\n      euiClass(this.context, euiScreenReaderOnly())\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /** The mobile heading drops the bottom margin (upstream `mobileHeadingUnset`). */\n  get mobileHeadingCss(): EuiCss {\n    return MOBILE_HEADING_CSS;\n  }\n\n  @cached\n  get mobileContentClass(): string {\n    const content = this.mobileStyles.content;\n    return `euiSideNav__content ${euiClass(\n      this.context,\n      { boxSizing: 'border-box' },\n      content.euiSideNav__mobileContent,\n      this.isOpenOnMobile ? content.open : content.hidden\n    )}`;\n  }\n\n  /** Upstream labels the toggle when it has no visible text. */\n  get mobileToggleAriaLabel(): string | undefined {\n    const hasText = Boolean(this.args.mobileTitle || this.args.heading);\n    return !hasText || this.headingScreenReaderOnly\n      ? this.euiI18n.lookupToken(\n          'euiSideNav.mobileToggleAriaLabel',\n          'Toggle navigation'\n        )\n      : undefined;\n  }\n\n  isItemOpen = (item: Item): boolean => isItemOpen(item, this.args.selectedItem);\n\n  isItemSelected = (item: Item): boolean =>\n    !isChildrenOnly(item, 0) && isItemSelected(item, this.args.selectedItem);\n\n  <template>\n    {{#let\n      (if (has-block \"heading\") true (if @heading true false))\n      as |hasHeading|\n    }}\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.mobileBreakpoints}}>\n          <nav\n            aria-labelledby={{this.headingId}}\n            class={{this.classes}}\n            ...attributes\n          >\n            <EuiTitle\n              @size=\"xs\"\n              @tagName={{this.headingElement}}\n              id={{this.headingId}}\n              class={{this.headingClassNames}}\n              @css={{this.mobileHeadingCss}}\n            >\n              <EuiButtonEmpty\n                class=\"euiSideNav__mobileToggle\"\n                @css={{this.mobileStyles.euiSideNav__mobileToggle}}\n                @contentClasses=\"euiSideNav__mobileToggleContent\"\n                @contentCss={{this.mobileStyles.euiSideNav__mobileToggleContent}}\n                @iconType=\"apps\"\n                @iconSide=\"right\"\n                aria-controls={{this.contentId}}\n                aria-expanded={{if this.isOpenOnMobile \"true\" \"false\"}}\n                aria-label={{this.mobileToggleAriaLabel}}\n                {{on\n                  \"click\"\n                  (fn (optional @toggleOpenOnMobile) (not this.isOpenOnMobile))\n                }}\n              >\n                {{#unless this.headingScreenReaderOnly}}\n                  {{#if @mobileTitle}}\n                    {{@mobileTitle}}\n                  {{else if (has-block \"heading\")}}\n                    {{yield to=\"heading\"}}\n                  {{else}}\n                    {{@heading}}\n                  {{/if}}\n                {{/unless}}\n              </EuiButtonEmpty>\n            </EuiTitle>\n            <div id={{this.contentId}} class={{this.mobileContentClass}}>\n              {{#each @items as |item|}}\n                <EuiSideNavItem\n                  @selectedItem={{@selectedItem}}\n                  @isOpen={{nullish item.isOpen true}}\n                  @isSelected={{this.isItemSelected item}}\n                  @isParent={{if item.items true false}}\n                  @icon={{item.icon}}\n                  @onClick={{item.onClick}}\n                  @href={{item.href}}\n                  @className={{item.className}}\n                  @rel={{item.rel}}\n                  @target={{item.target}}\n                  @items={{item.items}}\n                  @depth={{0}}\n                  @disabled={{item.disabled}}\n                  @truncate={{item.truncate}}\n                  @navTruncate={{@truncate}}\n                  @emphasize={{item.emphasize}}\n                  @buttonClassName={{item.buttonClassName}}\n                  @childrenOnly={{false}}\n                  @renderItem={{if item.renderItem item.renderItem @renderItem}}\n                >\n                  {{item.name}}\n                </EuiSideNavItem>\n              {{/each}}\n            </div>\n          </nav>\n        </EuiShowFor>\n      {{/if}}\n\n      <EuiHideFor @sizes={{this.mobileBreakpoints}}>\n        <nav\n          aria-labelledby={{if hasHeading this.headingId}}\n          class={{this.classes}}\n          ...attributes\n        >\n          {{#if hasHeading}}\n            {{#if this.headingScreenReaderOnly}}\n              {{#let (element this.headingElement) as |Heading|}}\n                <Heading id={{this.headingId}} class={{this.srHeadingClass}}>\n                  {{#if (has-block \"heading\")}}\n                    {{yield to=\"heading\"}}\n                  {{else}}\n                    {{@heading}}\n                  {{/if}}\n                </Heading>\n              {{/let}}\n            {{else}}\n              <EuiTitle\n                @size=\"xs\"\n                @tagName={{this.headingElement}}\n                id={{this.headingId}}\n                class={{this.headingClassNames}}\n                @css={{this.headingCss}}\n              >\n                {{#if (has-block \"heading\")}}\n                  {{yield to=\"heading\"}}\n                {{else}}\n                  {{@heading}}\n                {{/if}}\n              </EuiTitle>\n            {{/if}}\n          {{/if}}\n          <div id={{this.contentId}} class=\"euiSideNav__content\">\n            {{#each @items as |item|}}\n              <EuiSideNavItem\n                @selectedItem={{@selectedItem}}\n                @isOpen={{nullish item.isOpen true}}\n                @isSelected={{this.isItemSelected item}}\n                @isParent={{if item.items true false}}\n                @icon={{item.icon}}\n                @onClick={{item.onClick}}\n                @href={{item.href}}\n                @className={{item.className}}\n                @rel={{item.rel}}\n                @target={{item.target}}\n                @items={{item.items}}\n                @depth={{0}}\n                @disabled={{item.disabled}}\n                @truncate={{item.truncate}}\n                @navTruncate={{@truncate}}\n                @emphasize={{item.emphasize}}\n                @buttonClassName={{item.buttonClassName}}\n                @childrenOnly={{false}}\n                  @renderItem={{if item.renderItem item.renderItem @renderItem}}\n              >\n                {{item.name}}\n              </EuiSideNavItem>\n            {{/each}}\n          </div>\n        </nav>\n      </EuiHideFor>\n    {{/let}}\n  </template>\n}\n"],"names":["MOBILE_HEADING_CSS","marginBlockEnd","EuiSideNavComponent","Component","g","prototype","service","i","generatedHeadingId","randomId","contentId","context","getEuiThemeContext","mobileStyles","useEuiBorealisStyles","euiSideNavMobileStyles","n","cached","mobileBreakpoints","args","hasMobileVersion","length","headingId","headingProps","id","headingElement","element","headingScreenReaderOnly","Boolean","screenReaderOnly","isOpenOnMobile","isOpenMobile","classes","headingClassNames","className","filter","join","headingCss","upstream","euiTheme","size","l","srHeadingClass","euiClass","euiScreenReaderOnly","mobileHeadingCss","mobileContentClass","content","boxSizing","euiSideNav__mobileContent","open","hidden","mobileToggleAriaLabel","hasText","mobileTitle","heading","euiI18n","lookupToken","undefined","isItemOpen","item","selectedItem","isItemSelected","isChildrenOnly","setComponentTemplate","precompileTemplate","strictMode","scope","EuiShowFor","EuiTitle","EuiButtonEmpty","on","fn","optional","not","EuiSideNavItem","nullish","EuiHideFor"],"mappings":"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"}

package/dist/components/eui-skeleton-circle.js

@@ -3,10 +3,10 @@ import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiSkeletonLoading, { applyAttributes } from './eui-skeleton-loading.js';
-import { cY as euiSkeletonCircleStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSkeletonCircleStyles } from '../utils/eui/styles.generated/components/skeleton/skeleton_circle.styles.js';
 
 class EuiSkeletonCircle extends Component {
   get classes() {

package/dist/components/eui-skeleton-rectangle.js

@@ -4,10 +4,10 @@ import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiSkeletonLoading, { applyAttributes } from './eui-skeleton-loading.js';
 import { modifier } from 'ember-modifier';
-import { cZ as euiSkeletonRectangleStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSkeletonRectangleStyles } from '../utils/eui/styles.generated/components/skeleton/skeleton_rectangle.styles.js';
 
 function cssLength(value) {
   return typeof value === 'number' ? `${value}px` : value;

package/dist/components/eui-skeleton-text.js

@@ -3,10 +3,10 @@ import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiSkeletonLoading, { applyAttributes } from './eui-skeleton-loading.js';
-import { c9 as euiSkeletonTextStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSkeletonTextStyles } from '../utils/eui/styles.generated/components/skeleton/skeleton_text.styles.js';
 
 class EuiSkeletonText extends Component {
   get lines() {

package/dist/components/eui-skeleton-title.js

@@ -3,10 +3,10 @@ import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiSkeletonLoading, { applyAttributes } from './eui-skeleton-loading.js';
-import { c_ as euiSkeletonTitleStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSkeletonTitleStyles } from '../utils/eui/styles.generated/components/skeleton/skeleton_title.styles.js';
 
 class EuiSkeletonTitle extends Component {
   get classes() {

package/dist/components/eui-skip-link.js

@@ -4,12 +4,12 @@ import { on } from '@ember/modifier';
 import { isTabbable } from 'tabbable';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { c$ as euiSkipLinkStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButton from './eui-button.js';
 import { euiScreenReaderOnlyCss } from './eui-screen-reader-only.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSkipLinkStyles } from '../utils/eui/styles.generated/components/accessibility/skip_link/skip_link.styles.js';
 
 class EuiSkipLink extends Component {
   get position() {

package/dist/components/eui-spacer.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { d0 as euiSpacerStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSpacerStyles } from '../utils/eui/styles.generated/components/spacer/spacer.styles.js';
 
 class EuiSpacer extends Component {
   get size() {

package/dist/components/eui-split-button.js

@@ -1,18 +1,18 @@
 import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { htmlSafe } from '@ember/template';
-import { getTokenName } from '@elastic/eui-theme-common';
 import { provide } from 'ember-provide-consume-context';
 import { EUI_SPLIT_BUTTON_CONTEXT } from '../-private/eui-split-button-context.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { splitButtonStyles, splitButtonDividerStyles } from '../utils/eui/split-button.js';
-import { d1 as getEuiButtonColorValues, d2 as getEuiFilledButtonColorValues } from '../styles.generated-SYAxYhey.js';
 import { euiClass } from '../utils/eui/styles.js';
 import EuiSplitButtonActionPrimary from './eui-split-button/eui-split-button-action-primary.js';
 import EuiSplitButtonActionSecondary from './eui-split-button/eui-split-button-action-secondary.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { getEuiButtonColorValues, getEuiFilledButtonColorValues } from '../utils/eui/styles.generated/shared/OMXYFSPG.js';
+import { a as getTokenName } from '../eui-theme/utils-BRBkLo19.js';
 
 /**
  * A primary action and a secondary icon action (often opening a popover of