@ember-eui/core 16.0.4 → 16.0.6

package/dist/components/eui-comment-list.js

@@ -3,11 +3,11 @@ import { cached } from '@glimmer/tracking';
 import EuiRenderNodeView from '../-private/eui-render-node.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { aC as euiTimelineStyles } from '../styles.generated-SYAxYhey.js';
 import { EuiCommentItem } from '../-private/eui-comment-item.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTimelineStyles } from '../utils/eui/styles.generated/components/timeline/timeline.styles.js';
 
 const truthy = value => Boolean(value);
 /** A string `timelineIcon` is an icon type; anything else is custom content. */

package/dist/components/eui-confirm-modal.js

@@ -6,7 +6,6 @@ import { or } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { aD as euiModalStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButton from './eui-button.js';
 import EuiButtonEmpty from './eui-button-empty.js';
 import EuiModal from './eui-modal.js';
@@ -18,6 +17,7 @@ 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 { euiModalStyles } from '../utils/eui/styles.generated/components/modal/modal.styles.js';
 
 const CONFIRM_BUTTON = 'confirm';
 const CANCEL_BUTTON = 'cancel';

package/dist/components/eui-context-menu-item.js

@@ -7,7 +7,6 @@ import { not, and } from 'ember-truth-helpers';
 import euiDisabledElement from '../-private/eui-disabled-element.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { o as euiScreenReaderOnly, p as euiListItemLayoutStyles, q as euiContextMenuItemStyles } from '../styles.generated-SYAxYhey.js';
 import EuiIcon from './eui-icon.js';
 import { getSecureRelForTarget } from './eui-link.js';
 import EuiLoadingSpinner from './eui-loading-spinner.js';
@@ -15,6 +14,9 @@ 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 { euiScreenReaderOnly } from '../utils/eui/styles.generated/components/accessibility/screen_reader_only/screen_reader_only.styles.js';
+import { euiListItemLayoutStyles } from '../utils/eui/styles.generated/shared/ISD4LC5N.js';
+import { euiContextMenuItemStyles } from '../utils/eui/styles.generated/components/context_menu/context_menu_item.styles.js';
 
 const ITEM_RESET = {
   boxSizing: 'border-box',

package/dist/components/eui-context-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-context-menu-item.js","sources":["../../src/components/eui-context-menu-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { service } from '@ember/service';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport euiDisabledElement from '../-private/eui-disabled-element.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  euiContextMenuItemStyles,\n  euiListItemLayoutStyles,\n  euiScreenReaderOnly\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport { getSecureRelForTarget } from './eui-link.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type EuiI18n from '../services/eui-i18n.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTooltipArgs } from './eui-tool-tip';\nimport type { ComponentLike } from '@glint/template';\n\n/** Scoped button/link reset (no React global reset); upstream rules follow. */\nconst ITEM_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  font: 'inherit',\n  textDecoration: 'none',\n  textAlign: 'start'\n} as const;\n\n/**\n * An action in a menu, usually inside an `EuiContextMenuPanel` in an\n * `EuiPopover`. Add `{{on \"click\" …}}` for the action.\n */\nexport interface EuiContextMenuItemSignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    /**\n     * @deprecated Upstream will always center. Vertical alignment of the\n     * icon with the text: `'center'`, `'top'` or `'bottom'`. Defaults to\n     * `'center'`.\n     */\n    layoutAlign?: 'center' | 'top' | 'bottom';\n    /** Disables the item. */\n    disabled?: boolean;\n    /**\n     * @deprecated Has no effect: latest EUI has a single item size.\n     */\n    size?: 's' | 'm';\n    /** Renders the item as a link. */\n    href?: string;\n    /** `target` of the `@href` link, e.g. `'_blank'`. */\n    target?: string;\n    /**\n     * `rel` of the `@href` link; `noreferrer` (and `noopener` for\n     * `'_blank'`) is added, as upstream.\n     */\n    rel?: string;\n    /**\n     * Shows the external link icon after the text of an `@href` link.\n     * Defaults to `true` when `@target` is `'_blank'`.\n     */\n    external?: boolean;\n    /**\n     * With `@disabled`, keeps the item focusable and sets `aria-disabled`\n     * instead of `disabled` (e.g. so its tooltip still shows); clicks and\n     * key presses are blocked.\n     */\n    hasAriaDisabled?: boolean;\n    /** Shows a spinner instead of the icon. */\n    isLoading?: boolean;\n    /**\n     * Icon before the text: an icon type name for `EuiIcon` (pass\n     * `'empty'` to align items without an icon with the others), or a\n     * component rendered as is, with the item's icon class and styles\n     * (e.g. `(component EuiIcon type=\"check\" color=\"success\" size=\"l\")`).\n     */\n    icon?: EuiIconSignature['Args']['type'] | ComponentLike<any>;\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Shows an arrow on the right, for items opening another panel. */\n    hasPanel?: boolean;\n    /**\n     * Color of the text and icon: `'text'` (default) or a button color\n     * such as `'danger'` (upstream recommends `'text'` and `'danger'`).\n     */\n    color?: string;\n    /** Shows a tooltip on the right of the item on hover and focus. */\n    toolTipContent?: string;\n    /** Title of the `@toolTipContent` tooltip. */\n    toolTipTitle?: string;\n    /**\n     * More args for the tooltip, any `EuiToolTip` arg except `content`\n     * (`title`, `delay`, `offset`, `anchorClassName`, `css`, …). The\n     * position is always `'right'`, as upstream.\n     */\n    toolTipProps?: Partial<Omit<EuiTooltipArgs, 'content'>>;\n  };\n\n  Blocks: {\n    /** The item's text. */\n    default: [];\n  };\n}\n\nexport default class EuiContextMenuItemComponent extends Component<EuiContextMenuItemSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked link: HTMLAnchorElement | HTMLButtonElement | null = null;\n\n  @action\n  registerLink(e: HTMLAnchorElement | HTMLButtonElement) {\n    this.link = e;\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.link = null;\n  }\n\n  /**\n   * Upstream renders the item through the internal `EuiListItemLayout`\n   * (interactive, no indicator, wrapping text) with the context menu item\n   * styles composed after it.\n   */\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);\n    const styles = useEuiBorealisStyles(context, euiContextMenuItemStyles);\n    const disabled = !!this.args.disabled;\n    const hasAriaDisabled = !!this.args.hasAriaDisabled;\n    const color = this.args.color ?? 'text';\n\n    return `euiContextMenuItem euiListItemLayout ${euiClass(\n      context,\n      ITEM_RESET,\n      layout.euiListItemLayout,\n      // upstream `canHaveInteractiveStyles`\n      (!disabled || hasAriaDisabled) && layout.isInteractive,\n      styles.euiContextMenuItem,\n      styles.layoutAlign[this.args.layoutAlign ?? 'center'],\n      !disabled && color !== 'text' && styles.colors[color],\n      disabled && layout.isDisabled,\n      disabled &&\n        hasAriaDisabled &&\n        Boolean(this.args.toolTipContent) &&\n        layout.buttonIsDisabled\n    )}`;\n  }\n\n  @cached\n  get parts(): {\n    content: string;\n    prepend: string;\n    text: string;\n    append: string;\n    icon: string;\n    arrow: string;\n  } {\n    const context = getEuiThemeContext(this);\n    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);\n    const styles = useEuiBorealisStyles(context, euiContextMenuItemStyles);\n\n    return {\n      content: `euiListItemLayout__content ${euiClass(context, layout.euiListItemLayout__content)}`,\n      prepend: `euiListItemLayout__prepend ${euiClass(context, layout.euiListItemLayout__prepend)}`,\n      text: `euiListItemLayout__text euiContextMenuItem__text ${euiClass(\n        context,\n        layout.euiListItemLayout__text,\n        layout.textWrap.wrap,\n        styles.text.euiContextMenuItem__text\n      )}`,\n      append: `euiListItemLayout__append ${euiClass(context, layout.euiListItemLayout__append)}`,\n      icon: 'euiContextMenu__icon',\n      arrow: 'euiContextMenu__arrow'\n    };\n  }\n\n  /**\n   * Upstream's `css` on the icon/spinner (`euiContextMenu__icon`) and the\n   * panel arrow (`euiContextMenuItem__arrow`), composed into the children's\n   * own classes.\n   */\n  @cached\n  get childCss(): { icon: EuiCss; arrow: EuiCss } {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiContextMenuItemStyles);\n    return {\n      icon: styles.euiContextMenu__icon,\n      arrow: styles.euiContextMenuItem__arrow\n    };\n  }\n\n  get iconClasses(): string {\n    return [this.parts.icon, this.args.iconClasses].filter(Boolean).join(' ');\n  }\n\n  get iconIsType(): boolean {\n    return typeof this.args.icon === 'string';\n  }\n\n  /** Classes for an icon given as a component (upstream clones `css` onto it). */\n  @cached\n  get elementIconClasses(): string {\n    const context = getEuiThemeContext(this);\n    return [\n      this.iconClasses,\n      euiClass(context, this.childCss.icon)\n    ].join(' ');\n  }\n\n  get isLink(): boolean {\n    return Boolean(this.args.href && !this.args.disabled);\n  }\n\n  get rel(): string {\n    return getSecureRelForTarget(this.args.target, this.args.rel);\n  }\n\n  /** Native `disabled`, unless `@hasAriaDisabled` swaps it for `aria-disabled`. */\n  get nativeDisabled(): boolean | undefined {\n    return this.args.hasAriaDisabled ? undefined : this.args.disabled;\n  }\n\n  get ariaDisabled(): 'true' | undefined {\n    return this.args.hasAriaDisabled && this.args.disabled ? 'true' : undefined;\n  }\n\n  /** Upstream `EuiExternalLinkIcon` in the text of an enabled link. */\n  get showExternal(): boolean {\n    const { external, target } = this.args;\n    return (\n      this.isLink &&\n      ((target === '_blank' && external !== false) || external === true)\n    );\n  }\n\n  get externalText(): string {\n    return this.args.target === '_blank'\n      ? this.euiI18n.lookupToken(\n          'euiExternalLinkIcon.newTarget.screenReaderOnlyText',\n          '(external, opens in a new tab or window)'\n        )\n      : this.euiI18n.lookupToken(\n          'euiExternalLinkIcon.externalTarget.screenReaderOnlyText',\n          '(external)'\n        );\n  }\n\n  /** Upstream `EuiExternalLinkIcon` margin plus the layout's `externalIcon`. */\n  @cached\n  get externalIconCss(): EuiCss {\n    const context = getEuiThemeContext(this);\n    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);\n    return [\n      { marginInlineStart: context.upstream.euiTheme.size.xs },\n      layout.externalIcon\n    ];\n  }\n\n  @cached\n  get srOnlyClass(): string {\n    return euiClass(getEuiThemeContext(this), euiScreenReaderOnly());\n  }\n\n  get toolTipAnchorClass(): string {\n    return ['eui-displayBlock', this.args.toolTipProps?.anchorClassName]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    {{#if @toolTipContent}}\n      <EuiToolTip\n        @title={{if @toolTipProps.title @toolTipProps.title @toolTipTitle}}\n        @id={{@toolTipProps.id}}\n        @delay={{@toolTipProps.delay}}\n        @offset={{@toolTipProps.offset}}\n        @disableScreenReaderOutput={{@toolTipProps.disableScreenReaderOutput}}\n        @attachTo={{@toolTipProps.attachTo}}\n        @isShown={{@toolTipProps.isShown}}\n        @hasTitle={{@toolTipProps.hasTitle}}\n        @onMouseOut={{@toolTipProps.onMouseOut}}\n        @onFocus={{@toolTipProps.onFocus}}\n        @onBlur={{@toolTipProps.onBlur}}\n        @css={{@toolTipProps.css}}\n        @anchorCss={{@toolTipProps.anchorCss}}\n        @anchorClassName={{this.toolTipAnchorClass}}\n        @display={{if @toolTipProps.display @toolTipProps.display \"block\"}}\n        @className={{@toolTipProps.className}}\n        @content={{@toolTipContent}}\n        @position=\"right\"\n      >\n        {{#if (and @href (not @disabled))}}\n          <a\n            class={{this.classes}}\n            href={{@href}}\n            target={{@target}}\n            rel={{this.rel}}\n            {{didInsert this.registerLink}}\n            ...attributes\n          />\n        {{else}}\n          <button\n            class={{this.classes}}\n            disabled={{this.nativeDisabled}}\n            aria-disabled={{this.ariaDisabled}}\n            type=\"button\"\n            {{didInsert this.registerLink}}\n            {{euiDisabledElement @disabled @hasAriaDisabled}}\n            ...attributes\n          />\n        {{/if}}\n      </EuiToolTip>\n    {{else if (and @href (not @disabled))}}\n      <a\n        class={{this.classes}}\n        href={{@href}}\n        target={{@target}}\n        rel={{this.rel}}\n        {{didInsert this.registerLink}}\n        ...attributes\n      />\n    {{else}}\n      <button\n        class={{this.classes}}\n        disabled={{this.nativeDisabled}}\n        aria-disabled={{this.ariaDisabled}}\n        type=\"button\"\n        {{didInsert this.registerLink}}\n        {{euiDisabledElement @disabled @hasAriaDisabled}}\n        ...attributes\n      />\n    {{/if}}\n\n    {{! shared content rendered inside the button or anchor }}\n    {{#if this.link}}\n      {{#in-element this.link}}\n        <span class={{this.parts.content}}>\n          {{#if @isLoading}}\n            <span class={{this.parts.prepend}}>\n              {{! spinner is not part of eui spec }}\n              <EuiLoadingSpinner\n                class={{this.parts.icon}}\n                @css={{this.childCss.icon}}\n              />\n            </span>\n          {{else if @icon}}\n            <span class={{this.parts.prepend}}>\n              {{#if this.iconIsType}}\n                <EuiIcon\n                  @iconClasses={{this.iconClasses}}\n                  @css={{this.childCss.icon}}\n                  @type={{@icon}}\n                  @size=\"m\"\n                  @color=\"inherit\"\n                />\n              {{else}}\n                <@icon class={{this.elementIconClasses}} />\n              {{/if}}\n            </span>\n          {{/if}}\n          <span class={{this.parts.text}}>\n            {{yield}}\n            {{#if this.showExternal}}\n              <EuiIcon\n                @type=\"external\"\n                @size=\"m\"\n                @css={{this.externalIconCss}}\n                role=\"presentation\"\n              />\n              <span class={{this.srOnlyClass}}>{{this.externalText}}</span>\n            {{/if}}\n          </span>\n          {{#if @hasPanel}}\n            <span class={{this.parts.append}}>\n              <EuiIcon\n                @type=\"chevronSingleRight\"\n                @size=\"m\"\n                @iconClasses={{this.parts.arrow}}\n                @css={{this.childCss.arrow}}\n              />\n            </span>\n          {{/if}}\n        </span>\n      {{/in-element}}\n    {{/if}}\n  </template>\n}\n"],"names":["ITEM_RESET","boxSizing","margin","padding","border","background","font","textDecoration","textAlign","EuiContextMenuItemComponent","Component","g","prototype","service","i","tracked","registerLink","e","link","n","action","willDestroy","classes","context","getEuiThemeContext","layout","useEuiBorealisStyles","euiListItemLayoutStyles","styles","euiContextMenuItemStyles","disabled","args","hasAriaDisabled","color","euiClass","euiListItemLayout","isInteractive","euiContextMenuItem","layoutAlign","colors","isDisabled","Boolean","toolTipContent","buttonIsDisabled","cached","parts","content","euiListItemLayout__content","prepend","euiListItemLayout__prepend","text","euiListItemLayout__text","textWrap","wrap","euiContextMenuItem__text","append","euiListItemLayout__append","icon","arrow","childCss","euiContextMenu__icon","euiContextMenuItem__arrow","iconClasses","filter","join","iconIsType","elementIconClasses","isLink","href","rel","getSecureRelForTarget","target","nativeDisabled","undefined","ariaDisabled","showExternal","external","externalText","euiI18n","lookupToken","externalIconCss","marginInlineStart","upstream","euiTheme","size","xs","externalIcon","srOnlyClass","euiScreenReaderOnly","toolTipAnchorClass","toolTipProps","anchorClassName","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","and","not","didInsert","euiDisabledElement","EuiLoadingSpinner","EuiIcon"],"mappings":"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"}
+{"version":3,"file":"eui-context-menu-item.js","sources":["../../src/components/eui-context-menu-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { service } from '@ember/service';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport euiDisabledElement from '../-private/eui-disabled-element.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  euiContextMenuItemStyles,\n  euiListItemLayoutStyles,\n  euiScreenReaderOnly\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport { getSecureRelForTarget } from './eui-link.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type EuiI18n from '../services/eui-i18n.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTooltipArgs } from './eui-tool-tip';\nimport type { ComponentLike } from '@glint/template';\n\n/** Scoped button/link reset (no React global reset); upstream rules follow. */\nconst ITEM_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  font: 'inherit',\n  textDecoration: 'none',\n  textAlign: 'start'\n} as const;\n\n/**\n * An action in a menu, usually inside an `EuiContextMenuPanel` in an\n * `EuiPopover`. Add `{{on \"click\" …}}` for the action.\n */\nexport interface EuiContextMenuItemSignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    /**\n     * @deprecated Upstream will always center. Vertical alignment of the\n     * icon with the text: `'center'`, `'top'` or `'bottom'`. Defaults to\n     * `'center'`.\n     */\n    layoutAlign?: 'center' | 'top' | 'bottom';\n    /** Disables the item. */\n    disabled?: boolean;\n    /**\n     * @deprecated Has no effect: latest EUI has a single item size.\n     */\n    size?: 's' | 'm';\n    /** Renders the item as a link. */\n    href?: string;\n    /** `target` of the `@href` link, e.g. `'_blank'`. */\n    target?: string;\n    /**\n     * `rel` of the `@href` link; `noreferrer` (and `noopener` for\n     * `'_blank'`) is added, as upstream.\n     */\n    rel?: string;\n    /**\n     * Shows the external link icon after the text of an `@href` link.\n     * Defaults to `true` when `@target` is `'_blank'`.\n     */\n    external?: boolean;\n    /**\n     * With `@disabled`, keeps the item focusable and sets `aria-disabled`\n     * instead of `disabled` (e.g. so its tooltip still shows); clicks and\n     * key presses are blocked.\n     */\n    hasAriaDisabled?: boolean;\n    /** Shows a spinner instead of the icon. */\n    isLoading?: boolean;\n    /**\n     * Icon before the text: an icon type name for `EuiIcon` (pass\n     * `'empty'` to align items without an icon with the others), or a\n     * component rendered as is, with the item's icon class and styles\n     * (e.g. `(component EuiIcon type=\"check\" color=\"success\" size=\"l\")`).\n     */\n    icon?: EuiIconSignature['Args']['type'] | ComponentLike<any>;\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Shows an arrow on the right, for items opening another panel. */\n    hasPanel?: boolean;\n    /**\n     * Color of the text and icon: `'text'` (default) or a button color\n     * such as `'danger'` (upstream recommends `'text'` and `'danger'`).\n     */\n    color?: string;\n    /** Shows a tooltip on the right of the item on hover and focus. */\n    toolTipContent?: string;\n    /** Title of the `@toolTipContent` tooltip. */\n    toolTipTitle?: string;\n    /**\n     * More args for the tooltip, any `EuiToolTip` arg except `content`\n     * (`title`, `delay`, `offset`, `anchorClassName`, `css`, …). The\n     * position is always `'right'`, as upstream.\n     */\n    toolTipProps?: Partial<Omit<EuiTooltipArgs, 'content'>>;\n  };\n\n  Blocks: {\n    /** The item's text. */\n    default: [];\n  };\n}\n\nexport default class EuiContextMenuItemComponent extends Component<EuiContextMenuItemSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked link: HTMLAnchorElement | HTMLButtonElement | null = null;\n\n  @action\n  registerLink(e: HTMLAnchorElement | HTMLButtonElement) {\n    this.link = e;\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.link = null;\n  }\n\n  /**\n   * Upstream renders the item through the internal `EuiListItemLayout`\n   * (interactive, no indicator, wrapping text) with the context menu item\n   * styles composed after it.\n   */\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);\n    const styles = useEuiBorealisStyles(context, euiContextMenuItemStyles);\n    const disabled = !!this.args.disabled;\n    const hasAriaDisabled = !!this.args.hasAriaDisabled;\n    const color = this.args.color ?? 'text';\n\n    return `euiContextMenuItem euiListItemLayout ${euiClass(\n      context,\n      ITEM_RESET,\n      layout.euiListItemLayout,\n      // upstream `canHaveInteractiveStyles`\n      (!disabled || hasAriaDisabled) && layout.isInteractive,\n      styles.euiContextMenuItem,\n      styles.layoutAlign[this.args.layoutAlign ?? 'center'],\n      !disabled && color !== 'text' && styles.colors[color],\n      disabled && layout.isDisabled,\n      disabled &&\n        hasAriaDisabled &&\n        Boolean(this.args.toolTipContent) &&\n        layout.buttonIsDisabled\n    )}`;\n  }\n\n  @cached\n  get parts(): {\n    content: string;\n    prepend: string;\n    text: string;\n    append: string;\n    icon: string;\n    arrow: string;\n  } {\n    const context = getEuiThemeContext(this);\n    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);\n    const styles = useEuiBorealisStyles(context, euiContextMenuItemStyles);\n\n    return {\n      content: `euiListItemLayout__content ${euiClass(context, layout.euiListItemLayout__content)}`,\n      prepend: `euiListItemLayout__prepend ${euiClass(context, layout.euiListItemLayout__prepend)}`,\n      text: `euiListItemLayout__text euiContextMenuItem__text ${euiClass(\n        context,\n        layout.euiListItemLayout__text,\n        layout.textWrap.wrap,\n        styles.text.euiContextMenuItem__text\n      )}`,\n      append: `euiListItemLayout__append ${euiClass(context, layout.euiListItemLayout__append)}`,\n      icon: 'euiContextMenu__icon',\n      arrow: 'euiContextMenu__arrow'\n    };\n  }\n\n  /**\n   * Upstream's `css` on the icon/spinner (`euiContextMenu__icon`) and the\n   * panel arrow (`euiContextMenuItem__arrow`), composed into the children's\n   * own classes.\n   */\n  @cached\n  get childCss(): { icon: EuiCss; arrow: EuiCss } {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiContextMenuItemStyles);\n    return {\n      icon: styles.euiContextMenu__icon,\n      arrow: styles.euiContextMenuItem__arrow\n    };\n  }\n\n  get iconClasses(): string {\n    return [this.parts.icon, this.args.iconClasses].filter(Boolean).join(' ');\n  }\n\n  get iconIsType(): boolean {\n    return typeof this.args.icon === 'string';\n  }\n\n  /** Classes for an icon given as a component (upstream clones `css` onto it). */\n  @cached\n  get elementIconClasses(): string {\n    const context = getEuiThemeContext(this);\n    return [\n      this.iconClasses,\n      euiClass(context, this.childCss.icon)\n    ].join(' ');\n  }\n\n  get isLink(): boolean {\n    return Boolean(this.args.href && !this.args.disabled);\n  }\n\n  get rel(): string {\n    return getSecureRelForTarget(this.args.target, this.args.rel);\n  }\n\n  /** Native `disabled`, unless `@hasAriaDisabled` swaps it for `aria-disabled`. */\n  get nativeDisabled(): boolean | undefined {\n    return this.args.hasAriaDisabled ? undefined : this.args.disabled;\n  }\n\n  get ariaDisabled(): 'true' | undefined {\n    return this.args.hasAriaDisabled && this.args.disabled ? 'true' : undefined;\n  }\n\n  /** Upstream `EuiExternalLinkIcon` in the text of an enabled link. */\n  get showExternal(): boolean {\n    const { external, target } = this.args;\n    return (\n      this.isLink &&\n      ((target === '_blank' && external !== false) || external === true)\n    );\n  }\n\n  get externalText(): string {\n    return this.args.target === '_blank'\n      ? this.euiI18n.lookupToken(\n          'euiExternalLinkIcon.newTarget.screenReaderOnlyText',\n          '(external, opens in a new tab or window)'\n        )\n      : this.euiI18n.lookupToken(\n          'euiExternalLinkIcon.externalTarget.screenReaderOnlyText',\n          '(external)'\n        );\n  }\n\n  /** Upstream `EuiExternalLinkIcon` margin plus the layout's `externalIcon`. */\n  @cached\n  get externalIconCss(): EuiCss {\n    const context = getEuiThemeContext(this);\n    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);\n    return [\n      { marginInlineStart: context.upstream.euiTheme.size.xs },\n      layout.externalIcon\n    ];\n  }\n\n  @cached\n  get srOnlyClass(): string {\n    return euiClass(getEuiThemeContext(this), euiScreenReaderOnly());\n  }\n\n  get toolTipAnchorClass(): string {\n    return ['eui-displayBlock', this.args.toolTipProps?.anchorClassName]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    {{#if @toolTipContent}}\n      <EuiToolTip\n        @title={{if @toolTipProps.title @toolTipProps.title @toolTipTitle}}\n        @id={{@toolTipProps.id}}\n        @delay={{@toolTipProps.delay}}\n        @offset={{@toolTipProps.offset}}\n        @disableScreenReaderOutput={{@toolTipProps.disableScreenReaderOutput}}\n        @attachTo={{@toolTipProps.attachTo}}\n        @isShown={{@toolTipProps.isShown}}\n        @hasTitle={{@toolTipProps.hasTitle}}\n        @onMouseOut={{@toolTipProps.onMouseOut}}\n        @onFocus={{@toolTipProps.onFocus}}\n        @onBlur={{@toolTipProps.onBlur}}\n        @css={{@toolTipProps.css}}\n        @anchorCss={{@toolTipProps.anchorCss}}\n        @anchorClassName={{this.toolTipAnchorClass}}\n        @display={{if @toolTipProps.display @toolTipProps.display \"block\"}}\n        @className={{@toolTipProps.className}}\n        @content={{@toolTipContent}}\n        @position=\"right\"\n      >\n        {{#if (and @href (not @disabled))}}\n          <a\n            class={{this.classes}}\n            href={{@href}}\n            target={{@target}}\n            rel={{this.rel}}\n            {{didInsert this.registerLink}}\n            ...attributes\n          />\n        {{else}}\n          <button\n            class={{this.classes}}\n            disabled={{this.nativeDisabled}}\n            aria-disabled={{this.ariaDisabled}}\n            type=\"button\"\n            {{didInsert this.registerLink}}\n            {{euiDisabledElement @disabled @hasAriaDisabled}}\n            ...attributes\n          />\n        {{/if}}\n      </EuiToolTip>\n    {{else if (and @href (not @disabled))}}\n      <a\n        class={{this.classes}}\n        href={{@href}}\n        target={{@target}}\n        rel={{this.rel}}\n        {{didInsert this.registerLink}}\n        ...attributes\n      />\n    {{else}}\n      <button\n        class={{this.classes}}\n        disabled={{this.nativeDisabled}}\n        aria-disabled={{this.ariaDisabled}}\n        type=\"button\"\n        {{didInsert this.registerLink}}\n        {{euiDisabledElement @disabled @hasAriaDisabled}}\n        ...attributes\n      />\n    {{/if}}\n\n    {{! shared content rendered inside the button or anchor }}\n    {{#if this.link}}\n      {{#in-element this.link}}\n        <span class={{this.parts.content}}>\n          {{#if @isLoading}}\n            <span class={{this.parts.prepend}}>\n              {{! spinner is not part of eui spec }}\n              <EuiLoadingSpinner\n                class={{this.parts.icon}}\n                @css={{this.childCss.icon}}\n              />\n            </span>\n          {{else if @icon}}\n            <span class={{this.parts.prepend}}>\n              {{#if this.iconIsType}}\n                <EuiIcon\n                  @iconClasses={{this.iconClasses}}\n                  @css={{this.childCss.icon}}\n                  @type={{@icon}}\n                  @size=\"m\"\n                  @color=\"inherit\"\n                />\n              {{else}}\n                <@icon class={{this.elementIconClasses}} />\n              {{/if}}\n            </span>\n          {{/if}}\n          <span class={{this.parts.text}}>\n            {{yield}}\n            {{#if this.showExternal}}\n              <EuiIcon\n                @type=\"external\"\n                @size=\"m\"\n                @css={{this.externalIconCss}}\n                role=\"presentation\"\n              />\n              <span class={{this.srOnlyClass}}>{{this.externalText}}</span>\n            {{/if}}\n          </span>\n          {{#if @hasPanel}}\n            <span class={{this.parts.append}}>\n              <EuiIcon\n                @type=\"chevronSingleRight\"\n                @size=\"m\"\n                @iconClasses={{this.parts.arrow}}\n                @css={{this.childCss.arrow}}\n              />\n            </span>\n          {{/if}}\n        </span>\n      {{/in-element}}\n    {{/if}}\n  </template>\n}\n"],"names":["ITEM_RESET","boxSizing","margin","padding","border","background","font","textDecoration","textAlign","EuiContextMenuItemComponent","Component","g","prototype","service","i","tracked","registerLink","e","link","n","action","willDestroy","classes","context","getEuiThemeContext","layout","useEuiBorealisStyles","euiListItemLayoutStyles","styles","euiContextMenuItemStyles","disabled","args","hasAriaDisabled","color","euiClass","euiListItemLayout","isInteractive","euiContextMenuItem","layoutAlign","colors","isDisabled","Boolean","toolTipContent","buttonIsDisabled","cached","parts","content","euiListItemLayout__content","prepend","euiListItemLayout__prepend","text","euiListItemLayout__text","textWrap","wrap","euiContextMenuItem__text","append","euiListItemLayout__append","icon","arrow","childCss","euiContextMenu__icon","euiContextMenuItem__arrow","iconClasses","filter","join","iconIsType","elementIconClasses","isLink","href","rel","getSecureRelForTarget","target","nativeDisabled","undefined","ariaDisabled","showExternal","external","externalText","euiI18n","lookupToken","externalIconCss","marginInlineStart","upstream","euiTheme","size","xs","externalIcon","srOnlyClass","euiScreenReaderOnly","toolTipAnchorClass","toolTipProps","anchorClassName","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","and","not","didInsert","euiDisabledElement","EuiLoadingSpinner","EuiIcon"],"mappings":"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"}

package/dist/components/eui-context-menu-panel.js

@@ -12,11 +12,12 @@ import { randomId } from '../-private/random-id.js';
 import ResizeObserver from '../modifiers/resize-observer.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { aF as euiContextMenuPanelStyles, aG as euiContextMenuPanelTitleStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButtonIcon from './eui-button-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiContextMenuPanelStyles } from '../utils/eui/styles.generated/components/context_menu/context_menu_panel.styles.js';
+import { euiContextMenuPanelTitleStyles } from '../utils/eui/styles.generated/components/context_menu/context_menu_panel_title.styles.js';
 
 const HEADING_RESET = {
   margin: 0,

package/dist/components/eui-context-menu-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-context-menu-panel.js","sources":["../../src/components/eui-context-menu-panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\nimport { schedule } from '@ember/runloop';\n\nimport { modifier } from 'ember-modifier';\nimport { and } from 'ember-truth-helpers';\nimport { tabbable } from 'tabbable';\n\nimport type Owner from '@ember/owner';\n\nimport EuiContextMenuEntry from '../-private/eui-context-menu-entry.gts';\nimport { randomId } from '../-private/random-id.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiContextMenuPanelStyles,\n  euiContextMenuPanelTitleStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\n\nimport type EuiI18n from '../services/eui-i18n.ts';\nimport type { EuiContextMenuPanelItem } from './eui-context-menu.gts';\n\ntype TransitionType = 'in' | 'out';\ntype TransitionDirection = 'next' | 'previous';\n\nconst HEADING_RESET = {\n  margin: 0,\n  fontSize: 'inherit',\n  fontWeight: 'inherit',\n  lineHeight: 'inherit'\n} as const;\n\n/**\n * A list of `EuiContextMenuItem`s, usually as a popover's content, with\n * an optional title. Arrow keys move between the items. For menus with\n * several panels (items opening sub-menus), use `EuiContextMenu`, which\n * renders these panels for you.\n */\nexport interface EuiContextMenuPanelSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Title above the items. */\n    title?: string;\n    /**\n     * The items as data (upstream's `items`), like a panel's `items` in\n     * `EuiContextMenu`: `{ name, icon, onClick, href, … }`, separators\n     * (`{ isSeparator: true }`) and `{ renderItem }` entries. The list gets\n     * `role=\"menu\"` and the items `role=\"menuitem\"`. When there are any,\n     * they are rendered instead of the block's content.\n     */\n    items?: EuiContextMenuPanelItem[];\n    /**\n     * Makes the title a \"back\" button calling this function, e.g. to\n     * return to the previous panel.\n     */\n    onClose?: () => void;\n    /** @deprecated Has no effect: latest EUI has a single title size. */\n    size?: 's' | 'm';\n    /**\n     * @private Set by `EuiContextMenu` for panels of `items`: the list gets\n     * `role=\"menu\"` (labelled by the title), as upstream.\n     */\n    isMenu?: boolean;\n    /**\n     * Moves focus into the panel once rendered: to the item at\n     * `@initialFocusedItemIndex`, else to its first focusable element when\n     * it has no items, else to the panel itself.\n     */\n    hasFocus?: boolean;\n    /** Index of the item to focus with `@hasFocus`; `-1` focuses the panel. */\n    initialFocusedItemIndex?: number;\n    /** @private Slide animation, set by `EuiContextMenu`. */\n    transitionType?: TransitionType;\n    /** @private Slide direction, set by `EuiContextMenu`. */\n    transitionDirection?: TransitionDirection;\n    /** @private Called when the slide animation ends. */\n    onTransitionComplete?: () => void;\n    /** @private Called with the panel's height when it changes. */\n    onHeightChange?: (height: number) => void;\n    /** @private Arrow right on an item: opens its panel. */\n    showNextPanel?: (itemIndex?: number) => void;\n    /** @private Arrow left: back to the previous panel. */\n    showPreviousPanel?: () => void;\n    /** @private Called once the keyboard is used to move around. */\n    onUseKeyboardToNavigate?: () => void;\n  };\n  Blocks: {\n    /** The `EuiContextMenuItem`s (and e.g. `EuiHorizontalRule`s), or any content. */\n    default: [];\n  };\n}\n\nexport default class EuiContextMenuPanel extends Component<EuiContextMenuPanelSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked focusedItemIndex?: number;\n\n  titleId = randomId();\n\n  constructor(owner: Owner, args: EuiContextMenuPanelSignature['Args']) {\n    super(owner, args);\n    // only the starting point: moving with the keyboard changes it\n    this.focusedItemIndex = args.initialFocusedItemIndex;\n  }\n\n  panel?: HTMLElement;\n  content?: HTMLElement;\n  backButton?: HTMLElement;\n\n  /** Upstream panel styles plus the slide animation (none under reduced motion). */\n  @cached\n  get classes(): string {\n    const { transitionType, transitionDirection } = this.args;\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiContextMenuPanelStyles);\n\n    return `euiContextMenuPanel ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiContextMenuPanel,\n      transitionType &&\n        transitionDirection &&\n        styles[transitionDirection][transitionType]\n    )}`;\n  }\n\n  @cached\n  get titleParts(): { title: string; text: string } {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiContextMenuPanelTitleStyles);\n\n    return {\n      title: `euiContextMenuPanelTitle euiContextMenuPanel__title ${euiClass(\n        context,\n        styles.euiContextMenuPanelTitle\n      )}`,\n      // the heading inherits the title type (React's global reset)\n      text: `euiContextMenuPanelTitle__text ${euiClass(context, HEADING_RESET, styles.text)}`\n    };\n  }\n\n  /** Upstream `isMenu`: a panel with `items` is a menu. */\n  get isMenu(): boolean {\n    return Boolean(this.args.isMenu || this.args.items?.length);\n  }\n\n  /** `@items` entries only call their own `onClick` (no sub-panels here). */\n  onItemClick = (\n    item: EuiContextMenuPanelItem,\n    _index: number,\n    event: MouseEvent\n  ): void => {\n    if ('onClick' in item && typeof item.onClick === 'function') {\n      item.onClick(event);\n    }\n  };\n\n  get backButtonLabel(): string {\n    return this.euiI18n.lookupToken(\n      'euiContextMenuPanelTitle.ariaLabel',\n      'Close current panel:'\n    );\n  }\n\n  get backButtonId(): string {\n    return `${this.titleId}-closeButton`;\n  }\n\n  /** The panel's own menu items (not those of a nested panel). */\n  get menuItems(): HTMLElement[] {\n    if (!this.content) return [];\n\n    return Array.from(\n      this.content.querySelectorAll<HTMLElement>('.euiContextMenuItem')\n    ).filter((item) => item.closest('.euiContextMenuPanel') === this.panel);\n  }\n\n  focusItem(index: number): void {\n    this.focusedItemIndex = index;\n    this.menuItems[index]?.focus();\n  }\n\n  moveFocus(amount: number): void {\n    const items = this.menuItems;\n    const count = items.length;\n    // start from the focused item (e.g. focused by the popover on open)\n    const focused = items.indexOf(document.activeElement as HTMLElement);\n    const current = focused !== -1 ? focused : this.focusedItemIndex;\n\n    // starting to use the keyboard: the first or the last item\n    const next =\n      current === undefined || current < 0\n        ? amount < 0\n          ? count - 1\n          : 0\n        : (current + amount + count) % count;\n\n    this.focusItem(next);\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    const items = this.menuItems;\n    const active = document.activeElement;\n\n    // with items, arrow left always goes back; otherwise only from the\n    // title or the panel, as the content (e.g. a text field) may need it\n    if (items.length || active === this.backButton || active === this.panel) {\n      if (event.key === 'ArrowLeft' && this.args.showPreviousPanel) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.args.showPreviousPanel();\n        this.args.onUseKeyboardToNavigate?.();\n\n        return;\n      }\n    }\n\n    if (!items.length) return;\n\n    switch (event.key) {\n      case 'Tab': {\n        const index = items.indexOf(active as HTMLElement);\n\n        this.focusedItemIndex = index >= 0 ? index : undefined;\n        break;\n      }\n      case 'ArrowUp':\n        event.preventDefault();\n        this.moveFocus(-1);\n        this.args.onUseKeyboardToNavigate?.();\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        this.moveFocus(1);\n        this.args.onUseKeyboardToNavigate?.();\n        break;\n      case 'ArrowRight':\n        if (this.args.showNextPanel) {\n          event.preventDefault();\n          this.args.showNextPanel(this.focusedItemIndex);\n          this.args.onUseKeyboardToNavigate?.();\n        }\n        break;\n    }\n  }\n\n  @action\n  onAnimationEnd(event: AnimationEvent): void {\n    if (event.target === this.panel) this.args.onTransitionComplete?.();\n  }\n\n  @action\n  onResize({ height }: { height: number }): void {\n    this.reportHeight(height);\n  }\n\n  // the menu sizes itself from this, so report it after rendering\n  reportHeight(height: number): void {\n    schedule('afterRender', () => this.args.onHeightChange?.(height));\n  }\n\n  /** Registers the elements, and handles focus and transitions once rendered. */\n  setup = modifier(\n    (\n      panel: HTMLElement,\n      [hasFocus, transitionType]: [boolean | undefined, TransitionType | undefined]\n    ) => {\n      this.panel = panel;\n      this.reportHeight(panel.clientHeight);\n\n      schedule('afterRender', () => {\n        if (!panel.isConnected) return;\n\n        // without an animation (no CSS, or reduced motion: 0s), the\n        // transition ends at once\n        if (transitionType) {\n          const { animationName, animationDuration } = getComputedStyle(panel);\n\n          if (\n            animationName === 'none' ||\n            animationDuration.split(',').every((d) => parseFloat(d) === 0)\n          ) {\n            this.args.onTransitionComplete?.();\n          }\n        }\n\n        if (!hasFocus) {\n          if (panel.contains(document.activeElement)) {\n            (document.activeElement as HTMLElement).blur();\n          }\n\n          return;\n        }\n\n        // focusing while sliding makes the animation glitch\n        if (transitionType) return;\n\n        this.updateFocus(panel);\n      });\n    }\n  );\n\n  updateFocus(panel: HTMLElement): void {\n    const items = this.menuItems;\n\n    if (this.focusedItemIndex === -1) {\n      panel.focus();\n\n      return;\n    }\n\n    if (!items.length) {\n      if (panel.contains(document.activeElement)) return;\n\n      const [first] = this.content ? tabbable(this.content) : [];\n\n      if (first) first.focus();\n      else panel.focus();\n\n      return;\n    }\n\n    if (this.focusedItemIndex !== undefined && items[this.focusedItemIndex]) {\n      items[this.focusedItemIndex]!.focus();\n\n      return;\n    }\n\n    if (!panel.contains(document.activeElement)) panel.focus();\n  }\n\n  registerContent = modifier((element: HTMLElement) => {\n    this.content = element;\n  });\n\n  registerBackButton = modifier((element: HTMLElement) => {\n    this.backButton = element;\n  });\n\n  <template>\n    <div\n      class={{this.classes}}\n      tabindex=\"-1\"\n      {{this.setup @hasFocus @transitionType}}\n      {{on \"keydown\" this.onKeyDown}}\n      {{on \"animationend\" this.onAnimationEnd}}\n      ...attributes\n    >\n      {{#if @title}}\n        <div class={{this.titleParts.title}} data-test-subj=\"contextMenuPanelTitle\">\n          {{#if @onClose}}\n            <EuiButtonIcon\n              id={{this.backButtonId}}\n              @iconType=\"chevronSingleLeft\"\n              @color=\"text\"\n              aria-label={{this.backButtonLabel}}\n              aria-labelledby=\"{{this.backButtonId}} {{this.titleId}}\"\n              data-test-subj=\"contextMenuPanelTitleButton\"\n              {{on \"click\" @onClose}}\n              {{this.registerBackButton}}\n            />\n          {{/if}}\n          <h2 class={{this.titleParts.text}} id={{this.titleId}}>{{@title}}</h2>\n        </div>\n      {{/if}}\n      <div\n        class=\"euiContextMenuPanel__list\"\n        role={{if this.isMenu \"menu\"}}\n        aria-labelledby={{if (and this.isMenu @title) this.titleId}}\n        {{this.registerContent}}\n      >\n        <div {{resizeObserver onResize=this.onResize}}>\n          {{#if @items.length}}\n            {{#each @items as |item index|}}\n              <EuiContextMenuEntry\n                @item={{item}}\n                @index={{index}}\n                @onItemClick={{this.onItemClick}}\n              />\n            {{/each}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n        </div>\n      </div>\n    </div>\n  </template>\n}\n"],"names":["HEADING_RESET","margin","fontSize","fontWeight","lineHeight","EuiContextMenuPanel","Component","g","prototype","service","i","tracked","titleId","randomId","constructor","owner","args","focusedItemIndex","initialFocusedItemIndex","panel","content","backButton","classes","transitionType","transitionDirection","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiContextMenuPanelStyles","euiClass","boxSizing","euiContextMenuPanel","n","cached","titleParts","euiContextMenuPanelTitleStyles","title","euiContextMenuPanelTitle","text","isMenu","Boolean","items","length","onItemClick","item","_index","event","onClick","backButtonLabel","euiI18n","lookupToken","backButtonId","menuItems","Array","from","querySelectorAll","filter","closest","focusItem","index","focus","moveFocus","amount","count","focused","indexOf","document","activeElement","current","next","undefined","onKeyDown","active","key","showPreviousPanel","preventDefault","stopPropagation","onUseKeyboardToNavigate","showNextPanel","action","onAnimationEnd","target","onTransitionComplete","onResize","height","reportHeight","schedule","onHeightChange","setup","modifier","hasFocus","clientHeight","isConnected","animationName","animationDuration","getComputedStyle","split","every","d","parseFloat","contains","blur","updateFocus","first","tabbable","registerContent","element","registerBackButton","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiButtonIcon","and","resizeObserver","EuiContextMenuEntry"],"mappings":"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"}
+{"version":3,"file":"eui-context-menu-panel.js","sources":["../../src/components/eui-context-menu-panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\nimport { schedule } from '@ember/runloop';\n\nimport { modifier } from 'ember-modifier';\nimport { and } from 'ember-truth-helpers';\nimport { tabbable } from 'tabbable';\n\nimport type Owner from '@ember/owner';\n\nimport EuiContextMenuEntry from '../-private/eui-context-menu-entry.gts';\nimport { randomId } from '../-private/random-id.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiContextMenuPanelStyles,\n  euiContextMenuPanelTitleStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\n\nimport type EuiI18n from '../services/eui-i18n.ts';\nimport type { EuiContextMenuPanelItem } from './eui-context-menu.gts';\n\ntype TransitionType = 'in' | 'out';\ntype TransitionDirection = 'next' | 'previous';\n\nconst HEADING_RESET = {\n  margin: 0,\n  fontSize: 'inherit',\n  fontWeight: 'inherit',\n  lineHeight: 'inherit'\n} as const;\n\n/**\n * A list of `EuiContextMenuItem`s, usually as a popover's content, with\n * an optional title. Arrow keys move between the items. For menus with\n * several panels (items opening sub-menus), use `EuiContextMenu`, which\n * renders these panels for you.\n */\nexport interface EuiContextMenuPanelSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Title above the items. */\n    title?: string;\n    /**\n     * The items as data (upstream's `items`), like a panel's `items` in\n     * `EuiContextMenu`: `{ name, icon, onClick, href, … }`, separators\n     * (`{ isSeparator: true }`) and `{ renderItem }` entries. The list gets\n     * `role=\"menu\"` and the items `role=\"menuitem\"`. When there are any,\n     * they are rendered instead of the block's content.\n     */\n    items?: EuiContextMenuPanelItem[];\n    /**\n     * Makes the title a \"back\" button calling this function, e.g. to\n     * return to the previous panel.\n     */\n    onClose?: () => void;\n    /** @deprecated Has no effect: latest EUI has a single title size. */\n    size?: 's' | 'm';\n    /**\n     * @private Set by `EuiContextMenu` for panels of `items`: the list gets\n     * `role=\"menu\"` (labelled by the title), as upstream.\n     */\n    isMenu?: boolean;\n    /**\n     * Moves focus into the panel once rendered: to the item at\n     * `@initialFocusedItemIndex`, else to its first focusable element when\n     * it has no items, else to the panel itself.\n     */\n    hasFocus?: boolean;\n    /** Index of the item to focus with `@hasFocus`; `-1` focuses the panel. */\n    initialFocusedItemIndex?: number;\n    /** @private Slide animation, set by `EuiContextMenu`. */\n    transitionType?: TransitionType;\n    /** @private Slide direction, set by `EuiContextMenu`. */\n    transitionDirection?: TransitionDirection;\n    /** @private Called when the slide animation ends. */\n    onTransitionComplete?: () => void;\n    /** @private Called with the panel's height when it changes. */\n    onHeightChange?: (height: number) => void;\n    /** @private Arrow right on an item: opens its panel. */\n    showNextPanel?: (itemIndex?: number) => void;\n    /** @private Arrow left: back to the previous panel. */\n    showPreviousPanel?: () => void;\n    /** @private Called once the keyboard is used to move around. */\n    onUseKeyboardToNavigate?: () => void;\n  };\n  Blocks: {\n    /** The `EuiContextMenuItem`s (and e.g. `EuiHorizontalRule`s), or any content. */\n    default: [];\n  };\n}\n\nexport default class EuiContextMenuPanel extends Component<EuiContextMenuPanelSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked focusedItemIndex?: number;\n\n  titleId = randomId();\n\n  constructor(owner: Owner, args: EuiContextMenuPanelSignature['Args']) {\n    super(owner, args);\n    // only the starting point: moving with the keyboard changes it\n    this.focusedItemIndex = args.initialFocusedItemIndex;\n  }\n\n  panel?: HTMLElement;\n  content?: HTMLElement;\n  backButton?: HTMLElement;\n\n  /** Upstream panel styles plus the slide animation (none under reduced motion). */\n  @cached\n  get classes(): string {\n    const { transitionType, transitionDirection } = this.args;\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiContextMenuPanelStyles);\n\n    return `euiContextMenuPanel ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiContextMenuPanel,\n      transitionType &&\n        transitionDirection &&\n        styles[transitionDirection][transitionType]\n    )}`;\n  }\n\n  @cached\n  get titleParts(): { title: string; text: string } {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiContextMenuPanelTitleStyles);\n\n    return {\n      title: `euiContextMenuPanelTitle euiContextMenuPanel__title ${euiClass(\n        context,\n        styles.euiContextMenuPanelTitle\n      )}`,\n      // the heading inherits the title type (React's global reset)\n      text: `euiContextMenuPanelTitle__text ${euiClass(context, HEADING_RESET, styles.text)}`\n    };\n  }\n\n  /** Upstream `isMenu`: a panel with `items` is a menu. */\n  get isMenu(): boolean {\n    return Boolean(this.args.isMenu || this.args.items?.length);\n  }\n\n  /** `@items` entries only call their own `onClick` (no sub-panels here). */\n  onItemClick = (\n    item: EuiContextMenuPanelItem,\n    _index: number,\n    event: MouseEvent\n  ): void => {\n    if ('onClick' in item && typeof item.onClick === 'function') {\n      item.onClick(event);\n    }\n  };\n\n  get backButtonLabel(): string {\n    return this.euiI18n.lookupToken(\n      'euiContextMenuPanelTitle.ariaLabel',\n      'Close current panel:'\n    );\n  }\n\n  get backButtonId(): string {\n    return `${this.titleId}-closeButton`;\n  }\n\n  /** The panel's own menu items (not those of a nested panel). */\n  get menuItems(): HTMLElement[] {\n    if (!this.content) return [];\n\n    return Array.from(\n      this.content.querySelectorAll<HTMLElement>('.euiContextMenuItem')\n    ).filter((item) => item.closest('.euiContextMenuPanel') === this.panel);\n  }\n\n  focusItem(index: number): void {\n    this.focusedItemIndex = index;\n    this.menuItems[index]?.focus();\n  }\n\n  moveFocus(amount: number): void {\n    const items = this.menuItems;\n    const count = items.length;\n    // start from the focused item (e.g. focused by the popover on open)\n    const focused = items.indexOf(document.activeElement as HTMLElement);\n    const current = focused !== -1 ? focused : this.focusedItemIndex;\n\n    // starting to use the keyboard: the first or the last item\n    const next =\n      current === undefined || current < 0\n        ? amount < 0\n          ? count - 1\n          : 0\n        : (current + amount + count) % count;\n\n    this.focusItem(next);\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    const items = this.menuItems;\n    const active = document.activeElement;\n\n    // with items, arrow left always goes back; otherwise only from the\n    // title or the panel, as the content (e.g. a text field) may need it\n    if (items.length || active === this.backButton || active === this.panel) {\n      if (event.key === 'ArrowLeft' && this.args.showPreviousPanel) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.args.showPreviousPanel();\n        this.args.onUseKeyboardToNavigate?.();\n\n        return;\n      }\n    }\n\n    if (!items.length) return;\n\n    switch (event.key) {\n      case 'Tab': {\n        const index = items.indexOf(active as HTMLElement);\n\n        this.focusedItemIndex = index >= 0 ? index : undefined;\n        break;\n      }\n      case 'ArrowUp':\n        event.preventDefault();\n        this.moveFocus(-1);\n        this.args.onUseKeyboardToNavigate?.();\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        this.moveFocus(1);\n        this.args.onUseKeyboardToNavigate?.();\n        break;\n      case 'ArrowRight':\n        if (this.args.showNextPanel) {\n          event.preventDefault();\n          this.args.showNextPanel(this.focusedItemIndex);\n          this.args.onUseKeyboardToNavigate?.();\n        }\n        break;\n    }\n  }\n\n  @action\n  onAnimationEnd(event: AnimationEvent): void {\n    if (event.target === this.panel) this.args.onTransitionComplete?.();\n  }\n\n  @action\n  onResize({ height }: { height: number }): void {\n    this.reportHeight(height);\n  }\n\n  // the menu sizes itself from this, so report it after rendering\n  reportHeight(height: number): void {\n    schedule('afterRender', () => this.args.onHeightChange?.(height));\n  }\n\n  /** Registers the elements, and handles focus and transitions once rendered. */\n  setup = modifier(\n    (\n      panel: HTMLElement,\n      [hasFocus, transitionType]: [boolean | undefined, TransitionType | undefined]\n    ) => {\n      this.panel = panel;\n      this.reportHeight(panel.clientHeight);\n\n      schedule('afterRender', () => {\n        if (!panel.isConnected) return;\n\n        // without an animation (no CSS, or reduced motion: 0s), the\n        // transition ends at once\n        if (transitionType) {\n          const { animationName, animationDuration } = getComputedStyle(panel);\n\n          if (\n            animationName === 'none' ||\n            animationDuration.split(',').every((d) => parseFloat(d) === 0)\n          ) {\n            this.args.onTransitionComplete?.();\n          }\n        }\n\n        if (!hasFocus) {\n          if (panel.contains(document.activeElement)) {\n            (document.activeElement as HTMLElement).blur();\n          }\n\n          return;\n        }\n\n        // focusing while sliding makes the animation glitch\n        if (transitionType) return;\n\n        this.updateFocus(panel);\n      });\n    }\n  );\n\n  updateFocus(panel: HTMLElement): void {\n    const items = this.menuItems;\n\n    if (this.focusedItemIndex === -1) {\n      panel.focus();\n\n      return;\n    }\n\n    if (!items.length) {\n      if (panel.contains(document.activeElement)) return;\n\n      const [first] = this.content ? tabbable(this.content) : [];\n\n      if (first) first.focus();\n      else panel.focus();\n\n      return;\n    }\n\n    if (this.focusedItemIndex !== undefined && items[this.focusedItemIndex]) {\n      items[this.focusedItemIndex]!.focus();\n\n      return;\n    }\n\n    if (!panel.contains(document.activeElement)) panel.focus();\n  }\n\n  registerContent = modifier((element: HTMLElement) => {\n    this.content = element;\n  });\n\n  registerBackButton = modifier((element: HTMLElement) => {\n    this.backButton = element;\n  });\n\n  <template>\n    <div\n      class={{this.classes}}\n      tabindex=\"-1\"\n      {{this.setup @hasFocus @transitionType}}\n      {{on \"keydown\" this.onKeyDown}}\n      {{on \"animationend\" this.onAnimationEnd}}\n      ...attributes\n    >\n      {{#if @title}}\n        <div class={{this.titleParts.title}} data-test-subj=\"contextMenuPanelTitle\">\n          {{#if @onClose}}\n            <EuiButtonIcon\n              id={{this.backButtonId}}\n              @iconType=\"chevronSingleLeft\"\n              @color=\"text\"\n              aria-label={{this.backButtonLabel}}\n              aria-labelledby=\"{{this.backButtonId}} {{this.titleId}}\"\n              data-test-subj=\"contextMenuPanelTitleButton\"\n              {{on \"click\" @onClose}}\n              {{this.registerBackButton}}\n            />\n          {{/if}}\n          <h2 class={{this.titleParts.text}} id={{this.titleId}}>{{@title}}</h2>\n        </div>\n      {{/if}}\n      <div\n        class=\"euiContextMenuPanel__list\"\n        role={{if this.isMenu \"menu\"}}\n        aria-labelledby={{if (and this.isMenu @title) this.titleId}}\n        {{this.registerContent}}\n      >\n        <div {{resizeObserver onResize=this.onResize}}>\n          {{#if @items.length}}\n            {{#each @items as |item index|}}\n              <EuiContextMenuEntry\n                @item={{item}}\n                @index={{index}}\n                @onItemClick={{this.onItemClick}}\n              />\n            {{/each}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n        </div>\n      </div>\n    </div>\n  </template>\n}\n"],"names":["HEADING_RESET","margin","fontSize","fontWeight","lineHeight","EuiContextMenuPanel","Component","g","prototype","service","i","tracked","titleId","randomId","constructor","owner","args","focusedItemIndex","initialFocusedItemIndex","panel","content","backButton","classes","transitionType","transitionDirection","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiContextMenuPanelStyles","euiClass","boxSizing","euiContextMenuPanel","n","cached","titleParts","euiContextMenuPanelTitleStyles","title","euiContextMenuPanelTitle","text","isMenu","Boolean","items","length","onItemClick","item","_index","event","onClick","backButtonLabel","euiI18n","lookupToken","backButtonId","menuItems","Array","from","querySelectorAll","filter","closest","focusItem","index","focus","moveFocus","amount","count","focused","indexOf","document","activeElement","current","next","undefined","onKeyDown","active","key","showPreviousPanel","preventDefault","stopPropagation","onUseKeyboardToNavigate","showNextPanel","action","onAnimationEnd","target","onTransitionComplete","onResize","height","reportHeight","schedule","onHeightChange","setup","modifier","hasFocus","clientHeight","isConnected","animationName","animationDuration","getComputedStyle","split","every","d","parseFloat","contains","blur","updateFocus","first","tabbable","registerContent","element","registerBackButton","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiButtonIcon","and","resizeObserver","EuiContextMenuEntry"],"mappings":"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"}

package/dist/components/eui-context-menu.js

@@ -5,12 +5,12 @@ import { action } from '@ember/object';
 import cssStyle from '../-private/css-style.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { aE as euiContextMenuStyles } from '../styles.generated-SYAxYhey.js';
 import EuiContextMenuEntry from '../-private/eui-context-menu-entry.js';
 import EuiContextMenuPanel from './eui-context-menu-panel.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiContextMenuStyles } from '../utils/eui/styles.generated/shared/DRBXG4RG.js';
 
 function isItem(item) {
   return item.isSeparator !== true && !('renderItem' in item);

package/dist/components/eui-data-grid/body.js

@@ -5,7 +5,6 @@ import { htmlSafe } from '@ember/template';
 import { modifier } from 'ember-modifier';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
-import { d$ as euiDataGridScrollBarStyles, e0 as euiDataGridBodyStyles } from '../../styles.generated-SYAxYhey.js';
 import { afterRender, observeResize } from '../../utils/data-grid/scheduling.js';
 import EuiDataGridBodyBase from './body-base.js';
 import EuiDataGridFooterRow from './footer-row.js';
@@ -14,6 +13,8 @@ import EuiDataGridRow from './row.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiDataGridScrollBarStyles } from '../../utils/eui/styles.generated/components/datagrid/utils/scrolling.styles.js';
+import { euiDataGridBodyStyles } from '../../utils/eui/styles.generated/components/datagrid/body/data_grid_body.styles.js';
 
 const clampScrollOffset = (offset, max) => Math.max(0, Math.min(offset, max));
 const UNITLESS = new Set(['opacity', 'z-index', 'flex-grow', 'flex-shrink', 'line-height', 'order']);