@ember-eui/core 14.1.4 → 16.0.0

package/dist/components/eui-code-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-code-block.js","sources":["../../src/components/eui-code-block.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier } from 'ember-modifier';\nimport set from 'ember-set-helper/helpers/set';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not,or } from 'ember-truth-helpers';\n\nimport { highlightLanguage } from '../-private/language-loader.ts';\nimport Controls from '../components/eui-code-block/controls.gts';\nimport FullScreenDisplay from '../components/eui-code-block/full-screen-display.gts';\nimport VirtualizedCodeBlock from '../components/eui-code-block/virtualized.gts';\nimport EuiInnerText from '../components/eui-inner-text.gts';\nimport classNames from '../helpers/class-names.ts';\nimport mutationObserver from '../modifiers/mutation-observer.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport {\n  checkSupportedLanguage,\n  getHtmlContent,\n  highlightByLine\n} from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor/core';\n\ninterface LineNumbersConfig {\n  start?: number;\n  highlight?: string;\n  show?: boolean;\n}\n\nexport type PaddingSize = 'none' | 's' | 'm' | 'l';\nexport type FontSize = 's' | 'm' | 'l';\n\nconst fontSizeToRowHeightMap = {\n  s: 18,\n  m: 21,\n  l: 24\n};\n\nexport type EuiCodeBlockArgs = EuiCodeSharedProps & {\n  /** Padding around the code: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`. */\n  paddingSize?: PaddingSize;\n  /** `'s'`, `'m'` or `'l'`. Defaults to `'s'`. */\n  fontSize?: FontSize;\n\n  /**\n   * Specify how `white-space` inside the element is handled.\n   * `pre` respects line breaks/white space but doesn't force them to wrap the line\n   * `pre-wrap` respects line breaks/white space but does force them to wrap the line when necessary.\n   * Defaults to `'pre-wrap'`.\n   */\n  whiteSpace?: 'pre' | 'pre-wrap';\n\n  /**\n   * Displays an icon button to copy the code snippet to the clipboard.\n   */\n  isCopyable?: boolean;\n\n  /**\n   * Displays line numbers.\n   * Optionally accepts a configuration object for setting the starting number and visual highlighting ranges:\n   * `{ start: 100, highlight: '1, 5-10, 20-30, 40' }`\n   */\n  lineNumbers?: boolean | LineNumbersConfig;\n\n  /**\n   * Sets the maximum container height.\n   * Accepts a pixel value (`300`) or a percentage (`'100%'`)\n   * Ensure the container has calcuable height when using a percentage\n   */\n  overflowHeight?: number | string;\n\n  /**\n   * Renders code block lines virtually.\n   * Useful for improving load times of large code blocks.\n   *\n   * When using this configuration, `overflowHeight` is required and\n   * `whiteSpace` can only be `pre`.\n   */\n  isVirtualized?: boolean;\n};\n\n/**\n * Multi-line code with syntax highlighting, optional copy button, line\n * numbers and full screen view:\n * `<EuiCodeBlock @language=\"js\" @isCopyable={{true}}>{{this.code}}</EuiCodeBlock>`.\n */\nexport interface EuiCodeBlockSignature {\n  Element: HTMLElement;\n  Args: EuiCodeBlockArgs;\n  Blocks: {\n    /** The code, as text (e.g. a string from your component). */\n    default: [];\n  };\n}\n\ninterface LineNumbersFinal {\n  start: number;\n  show: boolean;\n  highlight?: string;\n}\n\nconst highlightTargetModifier = modifier(\n  (\n    _e,\n    _pos: unknown[],\n    {\n      element: targetEle,\n      language = 'text',\n      lineNumbersConfig = { start: 1, show: false },\n      onChange\n    }: {\n      element: Element | undefined;\n      language: EuiCodeSharedProps['language'];\n      lineNumbersConfig: LineNumbersFinal;\n      onChange: ({\n        data,\n        element\n      }: {\n        data: RefractorNode[];\n        element: HTMLElement;\n      }) => void;\n    }\n  ) => {\n    let observer: undefined | MutationObserver;\n\n    const getHighlighedHtml = () => {\n      const html = (targetEle?.textContent ? targetEle.textContent : '').trim();\n\n      let data: RefractorNode[];\n\n      if (typeof html !== 'string') {\n        data = [];\n      } else {\n        data = highlightByLine(html, language, lineNumbersConfig);\n      }\n\n      return {\n        data,\n        element: getHtmlContent(data).element\n      };\n    };\n\n    const setupObserver = () => {\n      const newObserver = new MutationObserver((mutationsList) => {\n        if (mutationsList.length) {\n          onChange(getHighlighedHtml());\n        }\n      });\n\n      if (targetEle) {\n        onChange(getHighlighedHtml());\n        newObserver.observe(targetEle, {\n          characterData: true,\n          subtree: true,\n          childList: true\n        });\n      }\n\n      return newObserver;\n    };\n\n    if (targetEle) {\n      observer = setupObserver();\n    }\n\n    return () => {\n      observer?.disconnect();\n    };\n  }\n);\n\nconst cleanTextHelper = helper(function ([text]: [string]) {\n  return text?.replace(/[\\r\\n?]{2}|\\n\\n/g, '\\n') || '';\n});\n\nconst textToCopyHelper = helper(function (\n  _pos,\n  {\n    isVirtualized,\n    element,\n    innerText\n  }: {\n    isVirtualized: boolean;\n    element: HTMLElement | undefined;\n    innerText: string;\n  }\n) {\n  if (element) {\n    return isVirtualized\n      ? element.textContent\n        ? element.textContent\n        : ''\n      : innerText;\n  }\n\n  return '';\n});\n\nexport default class EuiCodeBlockComponent extends Component<EuiCodeBlockSignature> {\n  //fake element where yield writes to, so we can observe and clone a highlighted version to code and codeFullSceen\n  @tracked codeTarget?: HTMLElement;\n  //<code> Element for non fullscreen\n  @tracked code?: HTMLElement;\n  //<code> Element for fullscreen modal\n  @tracked codeFullScreen?: HTMLElement;\n  @tracked wrapperRef?: HTMLElement;\n  @tracked tabIndex = 1;\n  @tracked isFullScreen = false;\n  @tracked data?: { data: RefractorNode[]; element: HTMLElement };\n\n  get language() {\n    return checkSupportedLanguage(this.args.language || '');\n  }\n\n  /** Plain text until the language has loaded. */\n  get highlightLanguage() {\n    return highlightLanguage(this.language);\n  }\n\n  get transparentBackground() {\n    return this.args.transparentBackground ?? false;\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get fontSize() {\n    return this.args.fontSize ?? 's';\n  }\n\n  get isCopyable() {\n    return this.args.isCopyable ?? false;\n  }\n\n  get whiteSpace() {\n    return this.args.whiteSpace ?? 'pre-wrap';\n  }\n\n  get isVirtualized() {\n    return !!(this.args.isVirtualized && Array.isArray(this.data?.data));\n  }\n\n  get lineNumbers() {\n    return this.args.lineNumbers ?? false;\n  }\n\n  get lineNumbersConfig() {\n    const { lineNumbers } = this;\n    const config = typeof lineNumbers === 'object' ? lineNumbers : {};\n\n    return lineNumbers\n      ? { start: 1, show: true, ...config }\n      : { start: 1, show: false };\n  }\n\n  get optionalStyles() {\n    const overflowHeight = this.args.overflowHeight;\n\n    if (overflowHeight) {\n      const property =\n        typeof overflowHeight === 'string' ? 'height' : 'maxHeight';\n\n      return {\n        [property]:\n          typeof overflowHeight === 'string'\n            ? overflowHeight\n            : `${overflowHeight}px`\n      };\n    }\n\n    return {};\n  }\n\n  get showCopyButton() {\n    return this.isCopyable && true;\n  }\n\n  get rowHeight() {\n    return fontSizeToRowHeightMap[this.fontSize];\n  }\n\n  get showFullScreenButton() {\n    return !!this.args.overflowHeight;\n  }\n\n  constructor(owner: Owner, args: EuiCodeBlockArgs) {\n    super(owner, args);\n    this.codeTarget = document.createElement('div');\n  }\n\n  @action\n  toggleFullScreen() {\n    this.isFullScreen = !this.isFullScreen;\n  }\n\n  @action\n  closeFullScreen(e: KeyboardEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isFullScreen = false;\n  }\n\n  @action\n  doesOverflow() {\n    if (!this.wrapperRef) return;\n\n    const { clientWidth, clientHeight, scrollWidth, scrollHeight } =\n      this.wrapperRef;\n    const doesOverflow =\n      scrollHeight > clientHeight || scrollWidth > clientWidth;\n\n    this.tabIndex = doesOverflow ? 0 : -1;\n  }\n\n  @action\n  updateCode(resp: { data: RefractorNode[]; element: HTMLElement }) {\n    const render = () => {\n      const code = this.code;\n      const codeFullScreen = this.codeFullScreen;\n\n      if (code && !this.isFullScreen) {\n        this.data = resp;\n        code.innerHTML = resp.element.innerHTML;\n      }\n\n      if (codeFullScreen && this.isFullScreen) {\n        this.data = resp;\n        codeFullScreen.innerHTML = resp.element.innerHTML;\n      }\n    };\n\n    scheduleOnce('afterRender', this, render);\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.codeTarget = undefined;\n    this.code = undefined;\n    this.codeFullScreen = undefined;\n    this.wrapperRef = undefined;\n  }\n\n  <template>\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <EuiInnerText as |setInnerTextRef innerText|>\n      {{#let\n        (classNames\n          \"euiCodeBlock\"\n          (if\n            (or this.showCopyButton this.showFullScreenButton)\n            \"euiCodeBlock--hasControl\"\n          )\n          (if\n            (and this.showCopyButton this.showFullScreenButton)\n            \"euiCodeBlock--hasBothControls\"\n          )\n          (if this.lineNumbersConfig.show \"euiCodeBlock--hasLineNumbers\")\n          @className\n        )\n        (classNames\n          \"euiCodeBlock__pre\"\n          (if\n            (or (eq this.whiteSpace \"pre\") this.isVirtualized)\n            \"euiCodeBlock__pre--whiteSpacePre\"\n          )\n          (if\n            (and (eq this.whiteSpace \"pre-wrap\") (not this.isVirtualized))\n            \"euiCodeBlock__pre--whiteSpacePreWrap\"\n          )\n          (if this.isVirtualized \"euiCodeBlock__pre--isVirtualized\")\n        )\n        as |wrapperClasses preClasses|\n      }}\n        <div\n          class={{classNames\n            wrapperClasses\n            (if\n              this.transparentBackground \"euiCodeBlock--transparentBackground\"\n            )\n            componentName=\"EuiCodeBlock\"\n            fontSize=this.fontSize\n            paddingSize=this.paddingSize\n          }}\n          {{style this.optionalStyles}}\n          {{highlightTargetModifier\n            element=this.codeTarget\n            language=this.highlightLanguage\n            lineNumbersConfig=this.lineNumbersConfig\n            onChange=this.updateCode\n          }}\n        >\n          {{#if this.isVirtualized}}\n            {{!virtualized}}\n            <VirtualizedCodeBlock\n              class={{preClasses}}\n              tabindex=\"0\"\n              {{onKey \"Escape\" this.closeFullScreen}}\n              @language={{this.language}}\n              @data={{this.data.data}}\n              @rowHeight={{this.rowHeight}}\n            />\n          {{else}}\n            {{!template-lint-disable}}\n            <pre\n              class={{preClasses}}\n              {{style this.optionalStyles}}\n              tabindex={{this.tabIndex}}\n              {{didInsert (set this \"wrapperRef\")}}\n              {{resizeObserver onResize=this.doesOverflow}}\n              {{mutationObserver\n                onMutation=this.doesOverflow\n                observerOptions=(hash subtree=true childList=true)\n              }}\n              {{didInsert setInnerTextRef}}\n            ><code\n                class=\"euiCodeBlock__code\"\n                data-code-language={{this.language}}\n                {{didInsert (set this \"code\")}}\n                ...attributes\n              ></code></pre>\n\n          {{/if}}\n\n          <Controls\n            @isFullScreen={{this.isFullScreen}}\n            @showFullScreenButton={{this.showFullScreenButton}}\n            @toggleFullScreen={{this.toggleFullScreen}}\n            @showCopyButton={{this.showCopyButton}}\n            @textToCopy={{textToCopyHelper\n              isVirtualized=this.isVirtualized\n              innerText=(cleanTextHelper innerText)\n              element=this.data.element\n            }}\n          />\n\n          {{#if this.isFullScreen}}\n            <FullScreenDisplay class={{wrapperClasses}}>\n              {{#if this.isVirtualized}}\n                <VirtualizedCodeBlock\n                  class={{preClasses}}\n                  tabindex=\"0\"\n                  {{onKey \"Escape\" this.closeFullScreen}}\n                  @language={{this.language}}\n                  @data={{this.data.data}}\n                  @rowHeight={{fontSizeToRowHeightMap.l}}\n                />\n              {{else}}\n                <pre\n                  class={{preClasses}}\n                  tabindex=\"0\"\n                  {{onKey \"Escape\" this.closeFullScreen}}\n                ><code\n                    class=\"euiCodeBlock__code\"\n                    data-code-language={{this.language}}\n                    {{didInsert (set this \"codeFullScreen\")}}\n                  ></code></pre>\n              {{/if}}\n              <Controls\n                @isFullScreen={{this.isFullScreen}}\n                @showFullScreenButton={{this.showFullScreenButton}}\n                @showCopyButton={{this.showCopyButton}}\n                @toggleFullScreen={{this.toggleFullScreen}}\n                @textToCopy={{textToCopyHelper\n                  isVirtualized=this.isVirtualized\n                  innerText=(cleanTextHelper innerText)\n                  element=this.data.element\n                }}\n              />\n            </FullScreenDisplay>\n          {{/if}}\n        </div>\n      {{/let}}\n    </EuiInnerText>\n  </template>\n}\n"],"names":["fontSizeToRowHeightMap","s","m","l","highlightTargetModifier","modifier","_e","_pos","element","targetEle","language","lineNumbersConfig","start","show","onChange","observer","getHighlighedHtml","html","textContent","trim","data","highlightByLine","getHtmlContent","setupObserver","newObserver","MutationObserver","mutationsList","length","observe","characterData","subtree","childList","disconnect","cleanTextHelper","helper","text","replace","textToCopyHelper","isVirtualized","innerText","EuiCodeBlockComponent","Component","g","prototype","tracked","i","checkSupportedLanguage","args","highlightLanguage","transparentBackground","paddingSize","fontSize","isCopyable","whiteSpace","Array","isArray","lineNumbers","config","optionalStyles","overflowHeight","property","showCopyButton","rowHeight","showFullScreenButton","constructor","owner","codeTarget","document","createElement","toggleFullScreen","isFullScreen","n","action","closeFullScreen","e","preventDefault","stopPropagation","doesOverflow","wrapperRef","clientWidth","clientHeight","scrollWidth","scrollHeight","tabIndex","updateCode","resp","render","code","codeFullScreen","innerHTML","scheduleOnce","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","classNames","or","and","eq","not","style","VirtualizedCodeBlock","onKey","didInsert","set","resizeObserver","mutationObserver","hash","Controls","FullScreenDisplay"],"mappings":"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"}
+{"version":3,"file":"eui-code-block.js","sources":["../../src/components/eui-code-block.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { later, scheduleOnce } from '@ember/runloop';\nimport { service } from '@ember/service';\nimport type Owner from '@ember/owner';\n\nimport { modifier } from 'ember-modifier';\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport EuiRenderNode from '../-private/eui-render-node.gts';\nimport { highlightLanguage } from '../-private/language-loader.ts';\nimport Annotation from '../components/eui-code-block/annotation.gts';\nimport Controls from '../components/eui-code-block/controls.gts';\nimport FullScreenDisplay from '../components/eui-code-block/full-screen-display.gts';\nimport VirtualizedCodeBlock from '../components/eui-code-block/virtualized.gts';\nimport mutationObserver from '../modifiers/mutation-observer.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport {\n  checkSupportedLanguage,\n  getHtmlContent,\n  highlightByLine\n} from '../utils/code/utils.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiCodeBlockLineStyles } from '../utils/eui/code-block.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiCodeBlockCodeStyles,\n  euiCodeBlockPreStyles,\n  euiCodeBlockStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiScreenReaderOnlyClass } from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n.ts';\nimport type {\n  EuiCodeSharedProps,\n  LineClasses,\n  LineNumbersConfig as LineNumbersFinal\n} from '../utils/code/utils.ts';\nimport type { EuiRenderNode as EuiRenderNodeType } from '../-private/eui-render-node.gts';\nimport type { RefractorNode } from 'refractor/core';\n\ninterface LineNumbersConfig {\n  /** First line number. Defaults to `1`. */\n  start?: number;\n  /** Lines to highlight, e.g. `'1, 5-10, 20-30, 40'`. */\n  highlight?: string;\n  /**\n   * Notes shown in a popover from a button next to a line number, keyed\n   * by line number: `{ 6: 'A special note about this line' }`. A note is\n   * text or a component for rich content (a template-only component or\n   * `(component …)`).\n   */\n  annotations?: Record<number, string | EuiRenderNodeType>;\n  show?: boolean;\n}\n\nexport type PaddingSize = 'none' | 's' | 'm' | 'l';\nexport type FontSize = 's' | 'm' | 'l';\n\n// Based on observed line height for non-virtualized code blocks (upstream)\nconst fontSizeToRowHeightMap = {\n  s: 18,\n  m: 21,\n  l: 24\n};\n\nexport type EuiCodeBlockArgs = EuiCodeSharedProps & {\n  /** Padding around the code: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`. */\n  paddingSize?: PaddingSize;\n  /** `'s'`, `'m'` or `'l'`. Defaults to `'s'`. */\n  fontSize?: FontSize;\n\n  /**\n   * Specify how `white-space` inside the element is handled.\n   * `pre` respects line breaks/white space but doesn't force them to wrap the line\n   * `pre-wrap` respects line breaks/white space but does force them to wrap the line when necessary.\n   * Defaults to `'pre-wrap'`.\n   */\n  whiteSpace?: 'pre' | 'pre-wrap';\n\n  /**\n   * Displays an icon button to copy the code snippet to the clipboard\n   * (only when there is code to copy).\n   */\n  isCopyable?: boolean;\n\n  /** `aria-label` of the copy button. Defaults to `'Copy'`. */\n  copyAriaLabel?: string;\n\n  /**\n   * Prefixes the code block's screen reader label\n   * (`\"<ariaLabel>, <language> code block:\"`).\n   */\n  ariaLabel?: string;\n\n  /**\n   * Displays line numbers.\n   * Optionally accepts a configuration object for setting the starting number,\n   * visually highlighting ranges, or annotating specific lines:\n   * `{ start: 100, highlight: '1, 5-10, 20-30, 40', annotations: { 6: 'A special note about this line' } }`\n   */\n  lineNumbers?: boolean | LineNumbersConfig;\n\n  /**\n   * Sets the maximum container height.\n   * Accepts a pixel value (`300`) or a percentage (`'100%'`)\n   * Ensure the container has calcuable height when using a percentage\n   */\n  overflowHeight?: number | string;\n\n  /**\n   * Renders code block lines virtually.\n   * Useful for improving load times of large code blocks.\n   *\n   * When using this configuration, `overflowHeight` is required and\n   * `whiteSpace` can only be `pre`.\n   */\n  isVirtualized?: boolean;\n};\n\n/**\n * Multi-line code with syntax highlighting, optional copy button, line\n * numbers and full screen view:\n * `<EuiCodeBlock @language=\"js\" @isCopyable={{true}}>{{this.code}}</EuiCodeBlock>`.\n * `...attributes` go on the `<code>` element.\n *\n * Text or rich content. Upstream highlights `children` when it is a string\n * and renders anything else as-is. Glimmer blocks have no such type, so the\n * block is rendered into a detached element first and its DOM decides:\n *\n * - **Text**: only text nodes, or a single `<pre>`, `<code>` or\n *   `<pre><code>` wrapper around text (whitespace-only text and comments\n *   beside the wrapper are ignored). The wrapper's attributes, such as\n *   `class=\"language-js\"`, are ignored. This is the shape of docfy's fenced\n *   code and demo snippets and of markdown code. The text is highlighted,\n *   gets line numbers and can be virtualized. Copy copies that source text.\n * - **Rich**: any other element (a component such as EuiTitle or EuiLink, an\n *   icon, a `<span>` or `<b>`, two wrappers, or text beside a wrapper). The\n *   block is rendered as-is in the visible `<code>`, with no highlighting,\n *   line numbers, annotations or virtualization. Copy copies the rendered\n *   text (`innerText`, consecutive blank lines collapsed, as upstream).\n *   With `@isVirtualized` upstream renders an empty list for non-string\n *   children; ours renders the content instead.\n *\n * Edge cases: markup that has already been highlighted (`<code>` with\n * `<span class=\"token\">` inside) counts as rich and is shown as given.\n * Whitespace between tags in your template is rendered too (JSX drops it),\n * so keep rich blocks tight: `<EuiCodeBlock><b>a</b> b</EuiCodeBlock>`. A\n * rich block is rendered twice when it first appears (once to detect it,\n * once visibly), and again in the full screen view, as upstream renders\n * `children` there too. Content switching between text and rich updates in\n * place.\n */\nexport interface EuiCodeBlockSignature {\n  Element: HTMLElement;\n  Args: EuiCodeBlockArgs;\n  Blocks: {\n    /**\n     * The code as text (e.g. a string from your component), or rich content\n     * rendered as-is (see above).\n     */\n    default: [];\n  };\n}\n\nconst TEXT_WRAPPERS: Record<string, string[]> = {\n  '': ['PRE', 'CODE'],\n  PRE: ['CODE'],\n  CODE: []\n};\n\nfunction hasText(parent: Element) {\n  return Array.from(parent.childNodes).some(\n    (node) => node.nodeType === Node.TEXT_NODE && node.textContent?.trim()\n  );\n}\n\n/**\n * Whether the rendered block is rich content (rendered as-is) rather than\n * text (highlighted): any element other than one `<pre>`, `<code>` or\n * `<pre><code>` wrapper around text.\n */\nexport function isRichCodeContent(root: Element): boolean {\n  let parent = root;\n  let allowed = TEXT_WRAPPERS[''];\n\n  for (;;) {\n    const elements = parent.children;\n\n    if (elements.length === 0) return false;\n    if (elements.length > 1 || hasText(parent)) return true;\n\n    const wrapper = elements[0]!;\n    if (!allowed!.includes(wrapper.tagName)) return true;\n\n    parent = wrapper;\n    allowed = TEXT_WRAPPERS[wrapper.tagName];\n  }\n}\n\n/** Upstream's copy normalization of the rendered `innerText`. */\nfunction renderedText(element: HTMLElement) {\n  return (\n    element.innerText\n      .replace(/\\r\\n|\\r|\\n/g, '\\n')\n      .replace(/^\\n/, '')\n      .replace(/\\n{2,}/g, '\\n') || ''\n  );\n}\n\ntype HighlightResult = {\n  data: RefractorNode[];\n  element: HTMLElement;\n  text: string;\n  isRich: boolean;\n};\n\nconst highlightTargetModifier = modifier(\n  (\n    _e,\n    _pos: unknown[],\n    {\n      element: targetEle,\n      language = 'text',\n      lineNumbersConfig = { start: 1, show: false },\n      lineClasses,\n      onChange\n    }: {\n      element: Element | undefined;\n      language: EuiCodeSharedProps['language'];\n      lineNumbersConfig: LineNumbersFinal;\n      lineClasses: LineClasses;\n      onChange: (result: HighlightResult) => void;\n    }\n  ) => {\n    const getHighlighted = (): HighlightResult => {\n      if (targetEle && isRichCodeContent(targetEle)) {\n        return {\n          data: [],\n          element: document.createElement('div'),\n          text: '',\n          isRich: true\n        };\n      }\n\n      const text = (targetEle?.textContent ? targetEle.textContent : '').trim();\n      const data = highlightByLine(\n        text,\n        language,\n        lineNumbersConfig,\n        lineClasses\n      );\n\n      return {\n        data,\n        element: getHtmlContent(data).element,\n        text,\n        isRich: false\n      };\n    };\n\n    const observer = new MutationObserver((mutationsList) => {\n      if (mutationsList.length) onChange(getHighlighted());\n    });\n\n    if (targetEle) {\n      onChange(getHighlighted());\n      observer.observe(targetEle, {\n        characterData: true,\n        subtree: true,\n        childList: true\n      });\n    }\n\n    return () => observer.disconnect();\n  }\n);\n\n/**\n * Watches the visible rich content: reports its rendered text for copy, and\n * when it has become text again.\n */\nconst richContentModifier = modifier(\n  (\n    element: HTMLElement,\n    _pos: unknown[],\n    { onChange }: { onChange: (isRich: boolean, text: string) => void }\n  ) => {\n    const report = () =>\n      onChange(isRichCodeContent(element), renderedText(element));\n    const observer = new MutationObserver(report);\n\n    report();\n    observer.observe(element, {\n      characterData: true,\n      subtree: true,\n      childList: true\n    });\n\n    return () => observer.disconnect();\n  }\n);\n\nexport interface AnnotationTarget {\n  element: HTMLElement;\n  lineNumber: number;\n  content: string | EuiRenderNodeType;\n}\n\ntype PaddingKey = 'none' | 's' | 'm' | 'l' | 'xl';\n\n/**\n * Scoped stand-in for upstream's global reset (`pre { margin: 0 }`),\n * composed first so upstream's `controlsOffset` margin still wins.\n */\nconst PRE_RESET = { margin: 0 };\n\n/** The highlighted HTML last written into each <code> element. */\nconst renderedHtml = new WeakMap<HTMLElement, string>();\n\n/** Upstream EUI 123 / Borealis code block. */\nexport default class EuiCodeBlockComponent extends Component<EuiCodeBlockSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  // Detached element the block yields into; its text is highlighted and\n  // rendered into the visible (and full screen) <code>.\n  @tracked codeTarget?: HTMLElement;\n  // <code> element of the inline view\n  @tracked code?: HTMLElement;\n  // <code> element of the full screen view\n  @tracked codeFullScreen?: HTMLElement;\n  @tracked wrapperRef?: HTMLElement;\n  rootElement?: HTMLElement;\n  @tracked tabIndex = -1;\n  @tracked isFullScreen = false;\n  @tracked data?: HighlightResult;\n  @tracked annotationTargets: AnnotationTarget[] = [];\n  // the block is rich content, rendered as-is in the visible <code>\n  @tracked isRich = false;\n  // rendered text of rich content, for copy\n  @tracked richText = '';\n\n  constructor(owner: Owner, args: EuiCodeBlockArgs) {\n    super(owner, args);\n    this.codeTarget = document.createElement('div');\n  }\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  get language() {\n    return checkSupportedLanguage(this.args.language || '');\n  }\n\n  /** Plain text until the language has loaded. */\n  get highlightLanguage() {\n    return highlightLanguage(this.language);\n  }\n\n  get paddingSize(): PaddingSize {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get fontSize(): FontSize {\n    return this.args.fontSize ?? 's';\n  }\n\n  get whiteSpace() {\n    return this.args.whiteSpace ?? 'pre-wrap';\n  }\n\n  get isVirtualized() {\n    return !!(\n      this.args.isVirtualized &&\n      !this.isRich &&\n      Array.isArray(this.data?.data)\n    );\n  }\n\n  @cached\n  get lineNumbersConfig(): LineNumbersFinal {\n    const lineNumbers = this.args.lineNumbers ?? false;\n    const config = typeof lineNumbers === 'object' ? lineNumbers : {};\n    return lineNumbers\n      ? { start: 1, show: true, ...config }\n      : { start: 1, show: false };\n  }\n\n  /** Upstream's `{language} code block:` screen reader label. */\n  get label() {\n    const label = this.euiI18n.lookupToken(\n      'euiCodeBlock.label',\n      ({ language }) => `${language as string} code block:`,\n      { language: this.language }\n    );\n\n    return this.args.ariaLabel ? `${this.args.ariaLabel}, ${label}` : label;\n  }\n\n  get textToCopy() {\n    // Rich content: the rendered text, as upstream. Text: the source, as\n    // upstream copies for virtualized blocks (the rendered `innerText`\n    // would lose blank lines).\n    if (this.isRich) return this.richText;\n    return this.data?.text ?? '';\n  }\n\n  /** The annotation notes, for the virtualized rows. */\n  get annotations() {\n    return this.lineNumbersConfig.annotations as\n      | Record<number, string | EuiRenderNodeType>\n      | undefined;\n  }\n\n  get showCopyButton() {\n    return !!(this.args.isCopyable && this.textToCopy);\n  }\n\n  get showFullScreenButton() {\n    return !!this.args.overflowHeight;\n  }\n\n  get hasControls() {\n    return this.showCopyButton || this.showFullScreenButton;\n  }\n\n  get rowHeight() {\n    return fontSizeToRowHeightMap[this.fontSize] ?? fontSizeToRowHeightMap.s;\n  }\n\n  get fullScreenRowHeight() {\n    return fontSizeToRowHeightMap.l;\n  }\n\n  @cached\n  get overflowHeightStyles() {\n    const overflowHeight = this.args.overflowHeight;\n\n    if (!overflowHeight) return {};\n\n    return typeof overflowHeight === 'string'\n      ? { 'block-size': overflowHeight }\n      : { 'max-block-size': `${overflowHeight}px` };\n  }\n\n  @cached\n  get classes() {\n    const { context, paddingSize } = this;\n    const styles = useEuiBorealisStyles(context, euiCodeBlockStyles);\n    const controls = this.hasControls\n      ? this.showCopyButton && this.showFullScreenButton\n        ? styles.hasBothControls[paddingSize]\n        : styles.hasControls[paddingSize]\n      : undefined;\n\n    return [\n      'euiCodeBlock',\n      euiClass(\n        context,\n        styles.euiCodeBlock,\n        styles[this.fontSize] ?? styles.s,\n        this.args.transparentBackground\n          ? styles.transparentBackground\n          : undefined,\n        controls\n      ),\n      this.args.className\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  preClassFor(paddingSize: PaddingKey) {\n    const { context } = this;\n    const styles = useEuiBorealisStyles(context, euiCodeBlockPreStyles);\n    const isWhiteSpacePre = this.whiteSpace === 'pre' || this.isVirtualized;\n    const whiteSpace = isWhiteSpacePre\n      ? styles.whiteSpace.pre\n      : styles.whiteSpace.preWrap;\n\n    return `euiCodeBlock__pre ${euiClass(\n      context,\n      PRE_RESET,\n      styles.euiCodeBlock__pre,\n      isWhiteSpacePre ? styles.whiteSpace.pre.pre : styles.whiteSpace.preWrap.preWrap,\n      styles.padding[paddingSize],\n      this.hasControls ? whiteSpace.controlsOffset[paddingSize] : undefined\n    )}`;\n  }\n\n  @cached\n  get preClasses() {\n    return this.preClassFor(this.paddingSize);\n  }\n\n  /** Full screen always uses xl padding (upstream). */\n  @cached\n  get preFullScreenClasses() {\n    return this.preClassFor('xl');\n  }\n\n  @cached\n  get codeClasses() {\n    const { context } = this;\n    const styles = useEuiBorealisStyles(context, euiCodeBlockCodeStyles);\n    return `euiCodeBlock__code ${euiClass(\n      context,\n      styles.euiCodeBlock__code,\n      this.isVirtualized ? styles.isVirtualized : undefined\n    )}`;\n  }\n\n  @cached\n  get labelClasses() {\n    return euiScreenReaderOnlyClass(this.context);\n  }\n\n  /** Line node classes, registered in the nearest provider's cache. */\n  @cached\n  get lineClasses(): LineClasses {\n    const { context } = this;\n    const styles = useEuiBorealisStyles(context, euiCodeBlockLineStyles);\n    return {\n      line: euiClass(context, styles.euiCodeBlock__line),\n      lineWithNumbers: euiClass(\n        context,\n        styles.euiCodeBlock__line,\n        styles.hasLineNumbers\n      ),\n      lineText: euiClass(context, styles.lineText.euiCodeBlock__lineText),\n      lineTextHighlighted: euiClass(\n        context,\n        styles.lineText.euiCodeBlock__lineText,\n        styles.lineText.isHighlighted\n      ),\n      lineNumberWrapper: euiClass(\n        context,\n        styles.lineNumber.euiCodeBlock__lineNumberWrapper\n      ),\n      lineNumber: euiClass(context, styles.lineNumber.euiCodeBlock__lineNumber)\n    };\n  }\n\n  @action\n  setRoot(element: HTMLElement) {\n    this.rootElement = element;\n  }\n\n  @action\n  setWrapperRef(element: HTMLElement) {\n    this.wrapperRef = element;\n    scheduleOnce('afterRender', this, this.doesOverflow);\n  }\n\n  @action\n  setCode(element: HTMLElement) {\n    this.code = element;\n    scheduleOnce('afterRender', this, this.renderCode);\n  }\n\n  @action\n  setCodeFullScreen(element: HTMLElement) {\n    this.codeFullScreen = element;\n    scheduleOnce('afterRender', this, this.renderCode);\n  }\n\n  returnFocus() {\n    // after the full screen view (and its focus trap) is gone, as upstream\n    later(\n      this,\n      () => {\n        if (this.isDestroying || this.isDestroyed) return;\n        this.rootElement\n          ?.querySelector<HTMLElement>('.euiCodeBlock__fullScreenButton')\n          ?.focus();\n      },\n      0\n    );\n  }\n\n  @action\n  toggleFullScreen() {\n    const wasFullScreen = this.isFullScreen;\n\n    this.isFullScreen = !wasFullScreen;\n    if (wasFullScreen) this.returnFocus();\n  }\n\n  @action\n  onFullScreenKeyDown(event: KeyboardEvent) {\n    if (event.key !== 'Escape') return;\n\n    // Escape in an annotation popover only closes the popover\n    const focus = document.activeElement as HTMLElement | null;\n    const inPopover =\n      !!focus?.dataset['popoverOpen'] || !!focus?.closest('[data-popover-open]');\n\n    if (inPopover) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.isFullScreen = false;\n    this.returnFocus();\n  }\n\n  @action\n  doesOverflow() {\n    if (!this.wrapperRef || this.isDestroying || this.isDestroyed) return;\n\n    const { clientWidth, clientHeight, scrollWidth, scrollHeight } =\n      this.wrapperRef;\n    const doesOverflow =\n      scrollHeight > clientHeight || scrollWidth > clientWidth;\n\n    this.tabIndex = doesOverflow ? 0 : -1;\n  }\n\n  /** Copies the highlighted HTML into the rendered <code> elements. */\n  renderCode() {\n    const html = this.data?.element.innerHTML;\n\n    if (html === undefined || this.isDestroying || this.isDestroyed) return;\n\n    const targets: AnnotationTarget[] = [];\n    const annotations = (this.lineNumbersConfig.annotations ?? {}) as Record<number, string | EuiRenderNodeType>;\n\n    for (const code of [this.code, this.codeFullScreen]) {\n      if (!code?.isConnected) continue;\n      // rewriting unchanged code would drop rendered annotations\n      if (renderedHtml.get(code) !== html) {\n        code.innerHTML = html;\n        renderedHtml.set(code, html);\n      }\n\n      code\n        .querySelectorAll<HTMLElement>('[data-annotation-line]')\n        .forEach((element) => {\n          const lineNumber = Number(element.dataset['annotationLine']);\n          targets.push({\n            element,\n            lineNumber,\n            content: annotations[lineNumber] ?? ''\n          });\n        });\n    }\n\n    this.annotationTargets = targets;\n  }\n\n  @action\n  updateCode(result: HighlightResult) {\n    scheduleOnce('afterRender', this, this.applyUpdate, result);\n  }\n\n  applyUpdate(result: HighlightResult) {\n    // while rich, the hidden copy is not rendered; the visible one reports\n    if (this.isDestroying || this.isDestroyed || this.isRich) return;\n    if (result.isRich) {\n      this.isRich = true;\n      this.annotationTargets = [];\n      return;\n    }\n    this.data = result;\n    this.renderCode();\n  }\n\n  @action\n  updateRich(isRich: boolean, text: string) {\n    scheduleOnce('afterRender', this, this.applyRich, isRich, text);\n  }\n\n  applyRich(isRich: boolean, text: string) {\n    if (this.isDestroying || this.isDestroyed || !this.isRich) return;\n    if (isRich) {\n      if (this.richText !== text) this.richText = text;\n      return;\n    }\n    // became text: render the hidden copy again, which highlights it\n    this.isRich = false;\n    this.richText = '';\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.codeTarget = undefined;\n    this.code = undefined;\n    this.codeFullScreen = undefined;\n    this.wrapperRef = undefined;\n    this.rootElement = undefined;\n  }\n\n  <template>\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{#if this.codeTarget}}{{#unless this.isRich}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/unless}}{{/if}}\n    <div\n      class={{this.classes}}\n      {{style this.overflowHeightStyles}}\n      {{didInsert this.setRoot}}\n      {{highlightTargetModifier\n        element=this.codeTarget\n        language=this.highlightLanguage\n        lineNumbersConfig=this.lineNumbersConfig\n        lineClasses=this.lineClasses\n        onChange=this.updateCode\n      }}\n    >\n      {{#if this.isVirtualized}}\n        <VirtualizedCodeBlock\n          tabindex=\"0\"\n          @preClass={{this.preClasses}}\n          @codeClass={{this.codeClasses}}\n          @label={{this.label}}\n          @labelClass={{this.labelClasses}}\n          @language={{this.language}}\n          @data={{this.data.data}}\n          @annotations={{this.annotations}}\n          @rowHeight={{this.rowHeight}}\n          @overflowHeight={{@overflowHeight}}\n        />\n      {{else}}\n        {{!template-lint-disable}}\n        <pre\n          class={{this.preClasses}}\n          {{style this.overflowHeightStyles}}\n          tabindex={{this.tabIndex}}\n          {{didInsert this.setWrapperRef}}\n          {{resizeObserver onResize=this.doesOverflow}}\n          {{mutationObserver\n            onMutation=this.doesOverflow\n            observerOptions=(hash subtree=true childList=true)\n          }}\n        ><div class={{this.labelClasses}}>{{this.label}}</div>{{#if this.isRich}}<code\n            class={{this.codeClasses}}\n            data-code-language={{this.language}}\n            {{richContentModifier onChange=this.updateRich}}\n            ...attributes\n          >{{yield}}</code>{{else}}<code\n            class={{this.codeClasses}}\n            data-code-language={{this.language}}\n            {{didInsert this.setCode}}\n            ...attributes\n          ></code>{{/if}}</pre>\n      {{/if}}\n\n      <Controls\n        @paddingSize={{this.paddingSize}}\n        @isFullScreen={{this.isFullScreen}}\n        @showFullScreenButton={{this.showFullScreenButton}}\n        @toggleFullScreen={{this.toggleFullScreen}}\n        @showCopyButton={{this.showCopyButton}}\n        @copyAriaLabel={{@copyAriaLabel}}\n        @textToCopy={{this.textToCopy}}\n      />\n\n      {{#if this.isFullScreen}}\n        <FullScreenDisplay @onKeyDown={{this.onFullScreenKeyDown}}>\n          {{#if this.isVirtualized}}\n            <VirtualizedCodeBlock\n              tabindex=\"0\"\n              @preClass={{this.preFullScreenClasses}}\n              @codeClass={{this.codeClasses}}\n              @label={{this.label}}\n              @labelClass={{this.labelClasses}}\n              @language={{this.language}}\n              @data={{this.data.data}}\n              @annotations={{this.annotations}}\n              @rowHeight={{this.fullScreenRowHeight}}\n            />\n          {{else}}\n            <pre\n              class={{this.preFullScreenClasses}}\n              tabindex=\"0\"\n            ><div class={{this.labelClasses}}>{{this.label}}</div>{{#if this.isRich}}<code\n                class={{this.codeClasses}}\n                data-code-language={{this.language}}\n              >{{yield}}</code>{{else}}<code\n                class={{this.codeClasses}}\n                data-code-language={{this.language}}\n                {{didInsert this.setCodeFullScreen}}\n              ></code>{{/if}}</pre>\n          {{/if}}\n          <Controls\n            @paddingSize=\"l\"\n            @isFullScreen={{this.isFullScreen}}\n            @showFullScreenButton={{this.showFullScreenButton}}\n            @showCopyButton={{this.showCopyButton}}\n            @copyAriaLabel={{@copyAriaLabel}}\n            @toggleFullScreen={{this.toggleFullScreen}}\n            @textToCopy={{this.textToCopy}}\n          />\n        </FullScreenDisplay>\n      {{/if}}\n    </div>\n    {{#each this.annotationTargets as |target|}}\n      {{#in-element target.element insertBefore=null}}\n        <Annotation @lineNumber={{target.lineNumber}}><EuiRenderNode @value={{target.content}} /></Annotation>\n      {{/in-element}}\n    {{/each}}\n  </template>\n}\n"],"names":["fontSizeToRowHeightMap","s","m","l","TEXT_WRAPPERS","PRE","CODE","hasText","parent","Array","from","childNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","isRichCodeContent","root","allowed","elements","children","length","wrapper","includes","tagName","renderedText","element","innerText","replace","highlightTargetModifier","modifier","_e","_pos","targetEle","language","lineNumbersConfig","start","show","lineClasses","onChange","getHighlighted","data","document","createElement","text","isRich","highlightByLine","getHtmlContent","observer","MutationObserver","mutationsList","observe","characterData","subtree","childList","disconnect","richContentModifier","report","PRE_RESET","margin","renderedHtml","WeakMap","EuiCodeBlockComponent","Component","g","prototype","service","i","tracked","rootElement","constructor","owner","args","codeTarget","context","getEuiThemeContext","checkSupportedLanguage","highlightLanguage","paddingSize","fontSize","whiteSpace","isVirtualized","isArray","lineNumbers","config","n","cached","label","euiI18n","lookupToken","ariaLabel","textToCopy","richText","annotations","showCopyButton","isCopyable","showFullScreenButton","overflowHeight","hasControls","rowHeight","fullScreenRowHeight","overflowHeightStyles","classes","styles","useEuiBorealisStyles","euiCodeBlockStyles","controls","hasBothControls","undefined","euiClass","euiCodeBlock","transparentBackground","className","filter","Boolean","join","preClassFor","euiCodeBlockPreStyles","isWhiteSpacePre","pre","preWrap","euiCodeBlock__pre","padding","controlsOffset","preClasses","preFullScreenClasses","codeClasses","euiCodeBlockCodeStyles","euiCodeBlock__code","labelClasses","euiScreenReaderOnlyClass","euiCodeBlockLineStyles","line","euiCodeBlock__line","lineWithNumbers","hasLineNumbers","lineText","euiCodeBlock__lineText","lineTextHighlighted","isHighlighted","lineNumberWrapper","lineNumber","euiCodeBlock__lineNumberWrapper","euiCodeBlock__lineNumber","setRoot","action","setWrapperRef","wrapperRef","scheduleOnce","doesOverflow","setCode","code","renderCode","setCodeFullScreen","codeFullScreen","returnFocus","later","isDestroying","isDestroyed","querySelector","focus","toggleFullScreen","wasFullScreen","isFullScreen","onFullScreenKeyDown","event","key","activeElement","inPopover","dataset","closest","preventDefault","stopPropagation","clientWidth","clientHeight","scrollWidth","scrollHeight","tabIndex","html","innerHTML","targets","isConnected","get","set","querySelectorAll","forEach","Number","push","content","annotationTargets","updateCode","result","applyUpdate","updateRich","applyRich","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","style","didInsert","VirtualizedCodeBlock","resizeObserver","mutationObserver","hash","Controls","FullScreenDisplay","Annotation","EuiRenderNode"],"mappings":"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"}

package/dist/components/eui-code.js

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
+import { tracked, cached } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import didInsert from '@ember/render-modifiers/modifiers/did-insert';
 import didUpdate from '@ember/render-modifiers/modifiers/did-update';
@@ -7,8 +7,10 @@ import { scheduleOnce } from '@ember/runloop';
 import set from 'ember-set-helper/helpers/set';
 import { highlight } from 'refractor/core';
 import argOrDefault from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
 import { highlightLanguage } from '../-private/language-loader.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { aj as euiCodeStyles } from '../styles.generated-SYAxYhey.js';
 import { checkSupportedLanguage, getHtmlContent } from '../utils/code/utils.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
@@ -32,7 +34,15 @@ class EuiCodeComponent extends Component {
   get language() {
     return checkSupportedLanguage(this.args.language || '');
   }
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiCodeStyles);
+    return `euiCode ${euiClass(context, styles.euiCode, this.args.transparentBackground ? styles.transparentBackground : undefined)}`;
+  }
   /** Plain text until the language has loaded. */
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
   get highlightLanguage() {
     return highlightLanguage(this.language);
   }
@@ -76,10 +86,9 @@ class EuiCodeComponent extends Component {
     this.code = undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("{{#if this.codeTarget}}\n  {{#in-element this.codeTarget}}\n    {{yield}}\n  {{/in-element}}\n{{/if}}\n<code class={{classNames \"euiCode\" (if @transparentBackground \"euiCode--transparentBackground\")}} data-code-language={{argOrDefault @language \"text\"}} {{didInsert (set this \"code\")}} {{didInsert this.update}} {{didUpdate this.update this.highlightLanguage}} ...attributes></code>", {
+    setComponentTemplate(precompileTemplate("{{#if this.codeTarget}}\n  {{#in-element this.codeTarget}}\n    {{yield}}\n  {{/in-element}}\n{{/if}}\n<code class={{this.classes}} data-code-language={{argOrDefault @language \"text\"}} {{didInsert (set this \"code\")}} {{didInsert this.update}} {{didUpdate this.update this.highlightLanguage}} ...attributes></code>", {
       strictMode: true,
       scope: () => ({
-        classNames,
         argOrDefault,
         didInsert,
         set,

package/dist/components/eui-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-code.js","sources":["../../src/components/eui-code.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { highlight } from 'refractor/core';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { highlightLanguage } from '../-private/language-loader.ts';\nimport { checkSupportedLanguage,getHtmlContent } from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor/core';\n\nexport type EuiCodeArgs = EuiCodeSharedProps;\n\n/**\n * Inline code with syntax highlighting: `<EuiCode @language=\"js\">const a = 1;</EuiCode>`.\n * For multi-line code use EuiCodeBlock.\n */\nexport interface EuiCodeSignature {\n  Args: EuiCodeArgs;\n  Blocks: {\n    /** The code, as text. */\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class EuiCodeComponent extends Component<EuiCodeSignature> {\n  @tracked codeTarget?: HTMLElement;\n  @tracked code?: HTMLElement;\n  observer: MutationObserver | null = null;\n\n  constructor(owner: Owner, args: EuiCodeArgs) {\n    super(owner, args);\n    this.codeTarget = document.createElement('div');\n    this.setupObserver();\n  }\n\n  get language() {\n    return checkSupportedLanguage(this.args.language || '');\n  }\n\n  /** Plain text until the language has loaded. */\n  get highlightLanguage() {\n    return highlightLanguage(this.language);\n  }\n\n  setupObserver() {\n    this.observer?.disconnect();\n    this.observer = new MutationObserver((mutationsList) => {\n      if (mutationsList.length) this.update();\n    });\n\n    if (this.codeTarget) {\n      this.update();\n      this.observer.observe(this.codeTarget, {\n        characterData: true,\n        subtree: true,\n        childList: true\n      });\n    }\n  }\n\n  @action\n  update() {\n    const render = () => {\n      const html = (\n        this.codeTarget?.textContent ? this.codeTarget.textContent : ''\n      ).trim();\n\n      let data: RefractorNode[];\n\n      if (typeof html !== 'string') {\n        data = [];\n      } else {\n        data = highlight(html, this.highlightLanguage);\n      }\n\n      const code = this.code;\n\n      if (code) {\n        code.innerHTML = getHtmlContent(data).element.innerHTML;\n      }\n    };\n\n    scheduleOnce('afterRender', this, render);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.observer?.disconnect();\n    this.codeTarget = undefined;\n    this.code = undefined;\n  }\n\n  <template>\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <code\n      class={{classNames\n        \"euiCode\"\n        (if @transparentBackground \"euiCode--transparentBackground\")\n      }}\n      data-code-language={{argOrDefault @language \"text\"}}\n      {{didInsert (set this \"code\")}}\n      {{didInsert this.update}}\n      {{didUpdate this.update this.highlightLanguage}}\n      ...attributes\n    ></code>\n  </template>\n}\n"],"names":["EuiCodeComponent","Component","g","prototype","tracked","i","observer","constructor","owner","args","codeTarget","document","createElement","setupObserver","language","checkSupportedLanguage","highlightLanguage","disconnect","MutationObserver","mutationsList","length","update","observe","characterData","subtree","childList","render","html","textContent","trim","data","highlight","code","innerHTML","getHtmlContent","element","scheduleOnce","n","action","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","didInsert","set","didUpdate"],"mappings":"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"}
+{"version":3,"file":"eui-code.js","sources":["../../src/components/eui-code.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 didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { highlight } from 'refractor/core';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport { highlightLanguage } from '../-private/language-loader.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { euiCodeStyles } from '../utils/eui/styles.generated.ts';\nimport { checkSupportedLanguage,getHtmlContent } from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor/core';\n\nexport type EuiCodeArgs = EuiCodeSharedProps;\n\n/**\n * Inline code with syntax highlighting: `<EuiCode @language=\"js\">const a = 1;</EuiCode>`.\n * For multi-line code use EuiCodeBlock.\n */\nexport interface EuiCodeSignature {\n  Args: EuiCodeArgs;\n  Blocks: {\n    /** The code, as text. */\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class EuiCodeComponent extends Component<EuiCodeSignature> {\n  @tracked codeTarget?: HTMLElement;\n  @tracked code?: HTMLElement;\n  observer: MutationObserver | null = null;\n\n  constructor(owner: Owner, args: EuiCodeArgs) {\n    super(owner, args);\n    this.codeTarget = document.createElement('div');\n    this.setupObserver();\n  }\n\n  get language() {\n    return checkSupportedLanguage(this.args.language || '');\n  }\n\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiCodeStyles);\n    return `euiCode ${euiClass(\n      context,\n      styles.euiCode,\n      this.args.transparentBackground ? styles.transparentBackground : undefined\n    )}`;\n  }\n\n  /** Plain text until the language has loaded. */\n  get highlightLanguage() {\n    return highlightLanguage(this.language);\n  }\n\n  setupObserver() {\n    this.observer?.disconnect();\n    this.observer = new MutationObserver((mutationsList) => {\n      if (mutationsList.length) this.update();\n    });\n\n    if (this.codeTarget) {\n      this.update();\n      this.observer.observe(this.codeTarget, {\n        characterData: true,\n        subtree: true,\n        childList: true\n      });\n    }\n  }\n\n  @action\n  update() {\n    const render = () => {\n      const html = (\n        this.codeTarget?.textContent ? this.codeTarget.textContent : ''\n      ).trim();\n\n      let data: RefractorNode[];\n\n      if (typeof html !== 'string') {\n        data = [];\n      } else {\n        data = highlight(html, this.highlightLanguage);\n      }\n\n      const code = this.code;\n\n      if (code) {\n        code.innerHTML = getHtmlContent(data).element.innerHTML;\n      }\n    };\n\n    scheduleOnce('afterRender', this, render);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.observer?.disconnect();\n    this.codeTarget = undefined;\n    this.code = undefined;\n  }\n\n  <template>\n    {{#if this.codeTarget}}\n      {{#in-element this.codeTarget}}\n        {{yield}}\n      {{/in-element}}\n    {{/if}}\n    <code\n      class={{this.classes}}\n      data-code-language={{argOrDefault @language \"text\"}}\n      {{didInsert (set this \"code\")}}\n      {{didInsert this.update}}\n      {{didUpdate this.update this.highlightLanguage}}\n      ...attributes\n    ></code>\n  </template>\n}\n"],"names":["EuiCodeComponent","Component","g","prototype","tracked","i","observer","constructor","owner","args","codeTarget","document","createElement","setupObserver","language","checkSupportedLanguage","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiCodeStyles","euiClass","euiCode","transparentBackground","undefined","n","cached","highlightLanguage","disconnect","MutationObserver","mutationsList","length","update","observe","characterData","subtree","childList","render","html","textContent","trim","data","highlight","code","innerHTML","getHtmlContent","element","scheduleOnce","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","didInsert","set","didUpdate"],"mappings":"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"}

package/dist/components/eui-collapsible-nav-group.js

@@ -1,33 +1,109 @@
+import Component from '@glimmer/component';
 import { concat } from '@ember/helper';
-import { element } from 'ember-element-helper';
-import { and, or } from 'ember-truth-helpers';
+import { eq, and } from 'ember-truth-helpers';
+import spreadAttributes from '../-private/eui-spread-attributes.js';
 import randomId from '../-private/random-id.js';
-import argOrDefault from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { ao as euiCollapsibleNavGroupStyles, D as euiTitleStyles } from '../styles.generated-SYAxYhey.js';
 import EuiAccordionComponent from './eui-accordion.js';
+import EuiEmotionProvider from './eui-emotion-provider.js';
 import EuiFlexGroup from './eui-flex-group.js';
 import EuiFlexItem from './eui-flex-item.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
 
-const EuiCollapsibleNavGroup = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @id (randomId)) (or @titleElement @titleTagName \"h3\") as |groupID titleElement|}}\n  {{#let (concat groupID \"__title\") as |titleID|}}\n    {{#if (and @isCollapsible (has-block \"title\"))}}\n      <EuiAccordion id={{groupID}} class={{classNames (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\") componentName=\"EuiCollapsibleNavGroup\" backgroundColor=(argOrDefault @background \"none\")}} @buttonClassName=\"euiCollapsibleNavGroup__heading\" @initialIsOpen={{argOrDefault @initialIsOpen true}} @arrowDisplay=\"right\" ...attributes>\n        <:buttonContent>\n          <EuiFlexGroup @gutterSize=\"m\" @alignItems=\"center\" @responsive={{false}}>\n            {{#if @iconType}}\n              <EuiFlexItem @grow={{false}}>\n                <EuiIcon @type={{@iconType}} @size={{argOrDefault @iconSize \"l\"}} />\n              </EuiFlexItem>\n            {{/if}}\n            <EuiFlexItem>\n              {{#let (element titleElement) as |TitleElement|}}\n                <TitleElement id={{titleID}} class={{classNames \"euiCollapsibleNavGroup__title\" componentName=\"EuiTitle\" size=(argOrDefault @titleSize \"xxs\")}}>\n                  {{yield to=\"title\"}}\n                </TitleElement>\n              {{/let}}\n            </EuiFlexItem>\n          </EuiFlexGroup>\n        </:buttonContent>\n        <:content>\n          {{#if (has-block \"content\")}}\n            <div class=\"euiCollapsibleNavGroup__children\">\n              {{yield to=\"content\"}}\n            </div>\n          {{/if}}\n        </:content>\n      </EuiAccordion>\n    {{else}}\n      <div id={{groupID}} class={{classNames (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\") componentName=\"EuiCollapsibleNavGroup\" backgroundColor=(argOrDefault @background \"none\")}} ...attributes>\n        {{#if (has-block \"title\")}}\n          <div class=\"euiCollapsibleNavGroup__heading\">\n            <EuiFlexGroup @gutterSize=\"m\" @alignItems=\"center\" @responsive={{false}}>\n              {{#if @iconType}}\n                <EuiFlexItem @grow={{false}}>\n                  <EuiIcon @type={{@iconType}} @size={{argOrDefault @iconSize \"l\"}} />\n                </EuiFlexItem>\n              {{/if}}\n              <EuiFlexItem>\n                {{#let (element titleElement) as |TitleElement|}}\n                  <TitleElement id={{titleID}} class={{classNames \"euiCollapsibleNavGroup__title\" componentName=\"EuiTitle\" size=(argOrDefault @titleSize \"xxs\")}}>\n                    {{yield to=\"title\"}}\n                  </TitleElement>\n                {{/let}}\n              </EuiFlexItem>\n            </EuiFlexGroup>\n          </div>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          <div class=\"euiCollapsibleNavGroup__children\">\n            {{yield to=\"content\"}}\n          </div>\n        {{/if}}\n      </div>\n    {{/if}}\n  {{/let}}\n{{/let}}", {
-  strictMode: true,
-  scope: () => ({
-    argOrDefault,
-    randomId,
-    or,
-    concat,
-    and,
-    EuiAccordion: EuiAccordionComponent,
-    classNames,
-    EuiFlexGroup,
-    EuiFlexItem,
-    EuiIcon,
-    element
-  })
-}), templateOnly());
+/**
+ * EuiAccordion args a collapsible group passes on (upstream spreads the
+ * accordion props). `buttonClassName` replaces
+ * `euiCollapsibleNavGroup__heading` and `buttonContent` replaces the
+ * title row, as upstream.
+ */
+/** `iconProps` keys that are EuiIcon args, not attributes. */const ICON_ARGS = ['color', 'title', 'titleId', 'useSvg', 'onIconLoad', 'iconClasses'];
+/**
+ * Upstream `EuiCollapsibleNavGroup` (`euiCollapsibleNavGroupStyles`). Like
+ * upstream, a `'dark'` group sits in a dark theme provider whose paragraph
+ * color goes on the group itself (no wrapper element).
+ */
+class EuiCollapsibleNavGroup extends Component {
+  get background() {
+    const {
+      background
+    } = this.args;
+    return background === 'light' || background === 'dark' ? background : 'none';
+  }
+  get colorMode() {
+    return this.background === 'dark' ? 'dark' : undefined;
+  }
+  get iconArgs() {
+    return ICON_ARGS;
+  }
+  get iconClasses() {
+    const {
+      className,
+      iconClasses
+    } = this.args.iconProps ?? {};
+    return [iconClasses, className].filter(Boolean).join(' ') || undefined;
+  }
+  get titleElement() {
+    return this.args.titleElement ?? this.args.titleTagName ?? 'h3';
+  }
+  /**
+  * Classes from the group's own theme context (dark for a dark group).
+  * Called from the template, so Glimmer only re-runs it when the context
+  * or the args it reads change.
+  */
+  classesFor = context => {
+    const styles = useEuiBorealisStyles(context, euiCollapsibleNavGroupStyles);
+    const title = useEuiBorealisStyles(context, euiTitleStyles);
+    const {
+      childrenWrapper
+    } = styles;
+    // Upstream's `css` on EuiAccordion (or the plain div).
+    const rootCss = [{
+      boxSizing: 'border-box'
+    }, styles.euiCollapsibleNavGroup, this.args.isCollapsible ? styles.isCollapsible : styles.notCollapsible, styles[this.background],
+    // Upstream's dark provider clones its paragraph color onto the group.
+    this.background === 'dark' && {
+      color: context.upstream.euiTheme.colors.textParagraph
+    }];
+    return {
+      rootCss,
+      root: euiClass(context, rootCss),
+      children: euiClass(context, {
+        boxSizing: 'border-box'
+      }, childrenWrapper.euiCollapsibleNavGroup__children),
+      childrenWithHeading: euiClass(context, {
+        boxSizing: 'border-box'
+      }, childrenWrapper.euiCollapsibleNavGroup__children, childrenWrapper.withHeading),
+      title: euiClass(context,
+      // React's global reset for headings.
+      {
+        boxSizing: 'border-box',
+        margin: 0,
+        padding: 0,
+        fontFamily: context.upstream.euiTheme.font.family
+      }, title.euiTitle, title[this.args.titleSize ?? 'xxs'])
+    };
+  };
+  static {
+    setComponentTemplate(precompileTemplate("{{#let (if @id @id (randomId)) (element this.titleElement) as |groupID TitleElement|}}\n  {{#let (concat groupID \"__title\") as |titleID|}}\n    <EuiEmotionProvider @colorMode={{this.colorMode}} @wrapper={{false}} @globalStyles={{false}} as |provider|>\n      {{#let (this.classesFor provider.context) as |classes|}}\n        {{#if (and @isCollapsible (has-block \"title\"))}}\n          <EuiAccordion id={{groupID}} class=\"euiCollapsibleNavGroup\" @css={{classes.rootCss}} @buttonClassName={{if @buttonClassName @buttonClassName \"euiCollapsibleNavGroup__heading\"}} @arrowProps={{@arrowProps}} @borders={{@borders}} @buttonContentClassName={{@buttonContentClassName}} @buttonProps={{@buttonProps}} @element={{@element}} @forceState={{@forceState}} @isDisabled={{@isDisabled}} @isLoading={{@isLoading}} @isLoadingMessage={{@isLoadingMessage}} @role={{@role}} @childClassName={{@childClassName}} @triggerClassName={{@triggerClassName}} @initialIsOpen={{if (eq @initialIsOpen undefined) true @initialIsOpen}} @arrowDisplay={{if @arrowDisplay @arrowDisplay \"right\"}} @paddingSize={{@paddingSize}} @buttonElement={{@buttonElement}} @onToggle={{@onToggle}} @extraAction={{has-block \"extraAction\"}} ...attributes>\n            <:buttonContent>\n              {{#if @buttonContent}}\n                {{@buttonContent}}\n              {{else}}\n                <EuiFlexGroup @gutterSize=\"m\" @alignItems=\"center\" @responsive={{false}}>\n                  {{#if @iconType}}\n                    <EuiFlexItem @grow={{false}}>\n                      <EuiIcon @type={{@iconType}} @size={{if @iconSize @iconSize \"l\"}} @color={{@iconProps.color}} @css={{@iconProps.css}} @title={{@iconProps.title}} @iconClasses={{this.iconClasses}} {{spreadAttributes @iconProps this.iconArgs}} />\n                    </EuiFlexItem>\n                  {{/if}}\n                  <EuiFlexItem>\n                    <TitleElement id={{titleID}} class=\"euiTitle euiCollapsibleNavGroup__title\n                        {{classes.title}}\">\n                      {{yield to=\"title\"}}\n                    </TitleElement>\n                  </EuiFlexItem>\n                </EuiFlexGroup>\n              {{/if}}\n            </:buttonContent>\n            <:extraAction as |isOpen|>\n              {{yield isOpen to=\"extraAction\"}}\n            </:extraAction>\n            <:content>\n              {{#if (has-block \"content\")}}\n                <div class=\"euiCollapsibleNavGroup__children\n                    {{classes.childrenWithHeading}}\">\n                  {{yield to=\"content\"}}\n                </div>\n              {{/if}}\n            </:content>\n          </EuiAccordion>\n        {{else}}\n          <div id={{groupID}} class=\"euiCollapsibleNavGroup {{classes.root}}\" ...attributes>\n            {{#if (has-block \"title\")}}\n              <div class=\"euiCollapsibleNavGroup__heading\">\n                <EuiFlexGroup @gutterSize=\"m\" @alignItems=\"center\" @responsive={{false}}>\n                  {{#if @iconType}}\n                    <EuiFlexItem @grow={{false}}>\n                      <EuiIcon @type={{@iconType}} @size={{if @iconSize @iconSize \"l\"}} @color={{@iconProps.color}} @css={{@iconProps.css}} @title={{@iconProps.title}} @iconClasses={{this.iconClasses}} {{spreadAttributes @iconProps this.iconArgs}} />\n                    </EuiFlexItem>\n                  {{/if}}\n                  <EuiFlexItem>\n                    <TitleElement id={{titleID}} class=\"euiTitle euiCollapsibleNavGroup__title\n                        {{classes.title}}\">\n                      {{yield to=\"title\"}}\n                    </TitleElement>\n                  </EuiFlexItem>\n                </EuiFlexGroup>\n              </div>\n            {{/if}}\n            {{#if (has-block \"content\")}}\n              <div class=\"euiCollapsibleNavGroup__children\n                  {{if (has-block \"title\") classes.childrenWithHeading classes.children}}\">\n                {{yield to=\"content\"}}\n              </div>\n            {{/if}}\n          </div>\n        {{/if}}\n      {{/let}}\n    </EuiEmotionProvider>\n  {{/let}}\n{{/let}}", {
+      strictMode: true,
+      scope: () => ({
+        randomId,
+        concat,
+        EuiEmotionProvider,
+        and,
+        EuiAccordion: EuiAccordionComponent,
+        eq,
+        EuiFlexGroup,
+        EuiFlexItem,
+        EuiIcon,
+        spreadAttributes
+      })
+    }), this);
+  }
+}
 
 export { EuiCollapsibleNavGroup as default };
 //# sourceMappingURL=eui-collapsible-nav-group.js.map

package/dist/components/eui-collapsible-nav-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-collapsible-nav-group.js","sources":["../../src/components/eui-collapsible-nav-group.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport { and, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiAccordion from './eui-accordion.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiAccordionSignature } from './eui-accordion';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCollapsibleNavGroupSignature {\n  Element: EuiAccordionSignature['Element'];\n  Args: {\n    /** Id of the group. Defaults to a random id. */\n    id?: string;\n    /** Tag of the title, e.g. `'h2'` or `'div'`. Defaults to `'h3'`. */\n    titleElement?: string;\n    /**\n     * Makes the group an accordion that opens and closes from its title\n     * (needs a `<:title>` block).\n     */\n    isCollapsible?: boolean;\n    /** Whether a collapsible group starts open. Defaults to `true`. */\n    initialIsOpen?: boolean;\n    /** Icon before the title; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon. Defaults to `'l'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Same as `@titleElement`, limited to `EuiTitle`'s tags. Defaults to `'h3'`. */\n    titleTagName?: EuiTitleSignature['Args']['tagName'];\n    /** Size of the title, any `EuiTitle` size. Defaults to `'xxs'`. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /**\n     * Background of the group: `'none'`, `'light'` or `'dark'`.\n     * Defaults to `'none'`.\n     */\n    background?: string;\n  };\n  Blocks: {\n    /** Unused, use `<:title>` and `<:content>`. */\n    default: [];\n    /** The group's title; without it the group has no heading. */\n    title: [];\n    /** The group's links, e.g. an `EuiListGroup`. */\n    content: [];\n  };\n}\n\nconst EuiCollapsibleNavGroup: TemplateOnlyComponent<EuiCollapsibleNavGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @id (randomId)) (or @titleElement @titleTagName \"h3\")\n      as |groupID titleElement|\n    }}\n      {{#let (concat groupID \"__title\") as |titleID|}}\n        {{#if (and @isCollapsible (has-block \"title\"))}}\n          <EuiAccordion\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            @buttonClassName=\"euiCollapsibleNavGroup__heading\"\n            @initialIsOpen={{argOrDefault @initialIsOpen true}}\n            @arrowDisplay=\"right\"\n            ...attributes\n          >\n            <:buttonContent>\n              <EuiFlexGroup\n                @gutterSize=\"m\"\n                @alignItems=\"center\"\n                @responsive={{false}}\n              >\n                {{#if @iconType}}\n                  <EuiFlexItem @grow={{false}}>\n                    <EuiIcon\n                      @type={{@iconType}}\n                      @size={{argOrDefault @iconSize \"l\"}}\n                    />\n                  </EuiFlexItem>\n                {{/if}}\n                <EuiFlexItem>\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement\n                      id={{titleID}}\n                      class={{classNames\n                        \"euiCollapsibleNavGroup__title\"\n                        componentName=\"EuiTitle\"\n                        size=(argOrDefault @titleSize \"xxs\")\n                      }}\n                    >\n                      {{yield to=\"title\"}}\n                    </TitleElement>\n                  {{/let}}\n                </EuiFlexItem>\n              </EuiFlexGroup>\n            </:buttonContent>\n            <:content>\n              {{#if (has-block \"content\")}}\n                <div class=\"euiCollapsibleNavGroup__children\">\n                  {{yield to=\"content\"}}\n                </div>\n              {{/if}}\n            </:content>\n          </EuiAccordion>\n        {{else}}\n          <div\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            ...attributes\n          >\n            {{#if (has-block \"title\")}}\n              <div class=\"euiCollapsibleNavGroup__heading\">\n                <EuiFlexGroup\n                  @gutterSize=\"m\"\n                  @alignItems=\"center\"\n                  @responsive={{false}}\n                >\n                  {{#if @iconType}}\n                    <EuiFlexItem @grow={{false}}>\n                      <EuiIcon\n                        @type={{@iconType}}\n                        @size={{argOrDefault @iconSize \"l\"}}\n                      />\n                    </EuiFlexItem>\n                  {{/if}}\n                  <EuiFlexItem>\n                    {{#let (element titleElement) as |TitleElement|}}\n                      <TitleElement\n                        id={{titleID}}\n                        class={{classNames\n                          \"euiCollapsibleNavGroup__title\"\n                          componentName=\"EuiTitle\"\n                          size=(argOrDefault @titleSize \"xxs\")\n                        }}\n                      >\n                        {{yield to=\"title\"}}\n                      </TitleElement>\n                    {{/let}}\n                  </EuiFlexItem>\n                </EuiFlexGroup>\n              </div>\n            {{/if}}\n            {{#if (has-block \"content\")}}\n              <div class=\"euiCollapsibleNavGroup__children\">\n                {{yield to=\"content\"}}\n              </div>\n            {{/if}}\n          </div>\n        {{/if}}\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiCollapsibleNavGroup;\n"],"names":["EuiCollapsibleNavGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","or","concat","and","EuiAccordion","classNames","EuiFlexGroup","EuiFlexItem","EuiIcon","element","templateOnly"],"mappings":";;;;;;;;;;;;;;AAwDA,MAAMA,sBAA8C,GAAAC,oBAAA,CAClDC,kBAAA,CAAA,u3FAAA,EA4GA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,GAAA;kBAAAC,qBAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-collapsible-nav-group.js","sources":["../../src/components/eui-collapsible-nav-group.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { concat } from '@ember/helper';\n\nimport { and, eq } from 'ember-truth-helpers';\n\nimport spreadAttributes from '../-private/eui-spread-attributes.ts';\nimport randomId from '../-private/random-id.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiCollapsibleNavGroupStyles,\n  euiTitleStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiAccordion from './eui-accordion.gts';\nimport EuiEmotionProvider from './eui-emotion-provider.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiThemeContext } from '../utils/emotion/context.ts';\nimport type { EuiAccordionSignature } from './eui-accordion';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTitleSignature } from './eui-title';\n\nexport type EuiCollapsibleNavGroupBackground = 'none' | 'light' | 'dark';\n\n/**\n * EuiAccordion args a collapsible group passes on (upstream spreads the\n * accordion props). `buttonClassName` replaces\n * `euiCollapsibleNavGroup__heading` and `buttonContent` replaces the\n * title row, as upstream.\n */\nexport type EuiCollapsibleNavGroupAccordionArgs = Pick<\n  EuiAccordionSignature['Args'],\n  | 'arrowProps'\n  | 'borders'\n  | 'buttonClassName'\n  | 'buttonContent'\n  | 'buttonContentClassName'\n  | 'buttonProps'\n  | 'element'\n  | 'forceState'\n  | 'isDisabled'\n  | 'isLoading'\n  | 'isLoadingMessage'\n  | 'role'\n  | 'childClassName'\n  | 'triggerClassName'\n>;\n\n/** `iconProps` keys that are EuiIcon args, not attributes. */\nconst ICON_ARGS = ['color', 'title', 'titleId', 'useSvg', 'onIconLoad', 'iconClasses'];\n\nexport interface EuiCollapsibleNavGroupSignature {\n  Element: EuiAccordionSignature['Element'];\n  Args: {\n    /** Id of the group. Defaults to a random id. */\n    id?: string;\n    /** Tag of the title, e.g. `'h2'` or `'div'`. Defaults to `'h3'`. */\n    titleElement?: string;\n    /**\n     * Makes the group an accordion that opens and closes from its title\n     * (needs a `<:title>` block).\n     */\n    isCollapsible?: boolean;\n    /** Whether a collapsible group starts open. Defaults to `true`. */\n    initialIsOpen?: boolean;\n    /** Icon before the title; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon. Defaults to `'l'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Same as `@titleElement`, limited to `EuiTitle`'s tags. Defaults to `'h3'`. */\n    titleTagName?: EuiTitleSignature['Args']['tagName'];\n    /** Size of the title, any `EuiTitle` size. Defaults to `'xxs'`. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /**\n     * Background of the group: `'none'`, `'light'` or `'dark'`. A dark\n     * group renders its content in dark mode (a nested dark provider), as\n     * upstream. Defaults to `'none'`.\n     */\n    background?: EuiCollapsibleNavGroupBackground | (string & {});\n    /**\n     * Side of the title the open/close arrow is on, for a collapsible group:\n     * `'right'`, `'left'` or `'none'`. Defaults to `'right'`.\n     */\n    arrowDisplay?: EuiAccordionSignature['Args']['arrowDisplay'];\n    /** Padding of a collapsible group's content, see `EuiAccordion`. */\n    paddingSize?: EuiAccordionSignature['Args']['paddingSize'];\n    /** Tag of a collapsible group's title button, see `EuiAccordion`. */\n    buttonElement?: EuiAccordionSignature['Args']['buttonElement'];\n    /** Called with the new open state when a collapsible group toggles. */\n    onToggle?: EuiAccordionSignature['Args']['onToggle'];\n    /**\n     * More props for the title's EuiIcon (upstream `iconProps`, without\n     * `type` and `size`): `className`, `color`, `css`, `title`,\n     * `aria-label` and other keys as attributes.\n     */\n    iconProps?: Omit<Partial<EuiIconSignature['Args']>, 'type' | 'size'> & {\n      className?: string;\n      [key: string]: unknown;\n    };\n  } & EuiCollapsibleNavGroupAccordionArgs;\n  Blocks: {\n    /** Unused, use `<:title>` and `<:content>`. */\n    default: [];\n    /** The group's title; without it the group has no heading. */\n    title: [];\n    /** The group's links, e.g. an `EuiListGroup`. */\n    content: [];\n    /**\n     * An action next to the title of a collapsible group, e.g. a button\n     * icon; yields whether the group is open (see `EuiAccordion`).\n     */\n    extraAction: EuiAccordionSignature['Blocks']['extraAction'];\n  };\n}\n\n/**\n * Upstream `EuiCollapsibleNavGroup` (`euiCollapsibleNavGroupStyles`). Like\n * upstream, a `'dark'` group sits in a dark theme provider whose paragraph\n * color goes on the group itself (no wrapper element).\n */\nexport default class EuiCollapsibleNavGroup extends Component<EuiCollapsibleNavGroupSignature> {\n  get background(): EuiCollapsibleNavGroupBackground {\n    const { background } = this.args;\n    return background === 'light' || background === 'dark'\n      ? (background as EuiCollapsibleNavGroupBackground)\n      : 'none';\n  }\n\n  get colorMode() {\n    return this.background === 'dark' ? 'dark' : undefined;\n  }\n\n  get iconArgs(): readonly string[] {\n    return ICON_ARGS;\n  }\n\n  get iconClasses(): string | undefined {\n    const { className, iconClasses } = this.args.iconProps ?? {};\n    return [iconClasses, className].filter(Boolean).join(' ') || undefined;\n  }\n\n  get titleElement() {\n    return this.args.titleElement ?? this.args.titleTagName ?? 'h3';\n  }\n\n  /**\n   * Classes from the group's own theme context (dark for a dark group).\n   * Called from the template, so Glimmer only re-runs it when the context\n   * or the args it reads change.\n   */\n  classesFor = (context: EuiThemeContext) => {\n    const styles = useEuiBorealisStyles(context, euiCollapsibleNavGroupStyles);\n    const title = useEuiBorealisStyles(context, euiTitleStyles);\n    const { childrenWrapper } = styles;\n    // Upstream's `css` on EuiAccordion (or the plain div).\n    const rootCss: EuiCss = [\n      { boxSizing: 'border-box' },\n      styles.euiCollapsibleNavGroup,\n      this.args.isCollapsible ? styles.isCollapsible : styles.notCollapsible,\n      styles[this.background],\n      // Upstream's dark provider clones its paragraph color onto the group.\n      this.background === 'dark' && {\n        color: context.upstream.euiTheme.colors.textParagraph\n      }\n    ];\n    return {\n      rootCss,\n      root: euiClass(context, rootCss),\n      children: euiClass(\n        context,\n        { boxSizing: 'border-box' },\n        childrenWrapper.euiCollapsibleNavGroup__children\n      ),\n      childrenWithHeading: euiClass(\n        context,\n        { boxSizing: 'border-box' },\n        childrenWrapper.euiCollapsibleNavGroup__children,\n        childrenWrapper.withHeading\n      ),\n      title: euiClass(\n        context,\n        // React's global reset for headings.\n        {\n          boxSizing: 'border-box',\n          margin: 0,\n          padding: 0,\n          fontFamily: context.upstream.euiTheme.font.family\n        },\n        title.euiTitle,\n        title[this.args.titleSize ?? 'xxs']\n      )\n    };\n  };\n\n  <template>\n    {{#let\n      (if @id @id (randomId)) (element this.titleElement)\n      as |groupID TitleElement|\n    }}\n      {{#let (concat groupID \"__title\") as |titleID|}}\n        <EuiEmotionProvider\n          @colorMode={{this.colorMode}}\n          @wrapper={{false}}\n          @globalStyles={{false}}\n          as |provider|\n        >\n          {{#let (this.classesFor provider.context) as |classes|}}\n            {{#if (and @isCollapsible (has-block \"title\"))}}\n              <EuiAccordion\n                id={{groupID}}\n                class=\"euiCollapsibleNavGroup\"\n                @css={{classes.rootCss}}\n                @buttonClassName={{if\n                  @buttonClassName\n                  @buttonClassName\n                  \"euiCollapsibleNavGroup__heading\"\n                }}\n                @arrowProps={{@arrowProps}}\n                @borders={{@borders}}\n                @buttonContentClassName={{@buttonContentClassName}}\n                @buttonProps={{@buttonProps}}\n                @element={{@element}}\n                @forceState={{@forceState}}\n                @isDisabled={{@isDisabled}}\n                @isLoading={{@isLoading}}\n                @isLoadingMessage={{@isLoadingMessage}}\n                @role={{@role}}\n                @childClassName={{@childClassName}}\n                @triggerClassName={{@triggerClassName}}\n                @initialIsOpen={{if\n                  (eq @initialIsOpen undefined)\n                  true\n                  @initialIsOpen\n                }}\n                @arrowDisplay={{if @arrowDisplay @arrowDisplay \"right\"}}\n                @paddingSize={{@paddingSize}}\n                @buttonElement={{@buttonElement}}\n                @onToggle={{@onToggle}}\n                @extraAction={{has-block \"extraAction\"}}\n                ...attributes\n              >\n                <:buttonContent>\n                  {{#if @buttonContent}}\n                    {{@buttonContent}}\n                  {{else}}\n                    <EuiFlexGroup\n                      @gutterSize=\"m\"\n                      @alignItems=\"center\"\n                      @responsive={{false}}\n                    >\n                      {{#if @iconType}}\n                        <EuiFlexItem @grow={{false}}>\n                          <EuiIcon\n                            @type={{@iconType}}\n                            @size={{if @iconSize @iconSize \"l\"}}\n                            @color={{@iconProps.color}}\n                            @css={{@iconProps.css}}\n                            @title={{@iconProps.title}}\n                            @iconClasses={{this.iconClasses}}\n                            {{spreadAttributes @iconProps this.iconArgs}}\n                          />\n                        </EuiFlexItem>\n                      {{/if}}\n                      <EuiFlexItem>\n                        <TitleElement\n                          id={{titleID}}\n                          class=\"euiTitle euiCollapsibleNavGroup__title\n                            {{classes.title}}\"\n                        >\n                          {{yield to=\"title\"}}\n                        </TitleElement>\n                      </EuiFlexItem>\n                    </EuiFlexGroup>\n                  {{/if}}\n                </:buttonContent>\n                <:extraAction as |isOpen|>\n                  {{yield isOpen to=\"extraAction\"}}\n                </:extraAction>\n                <:content>\n                  {{#if (has-block \"content\")}}\n                    <div\n                      class=\"euiCollapsibleNavGroup__children\n                        {{classes.childrenWithHeading}}\"\n                    >\n                      {{yield to=\"content\"}}\n                    </div>\n                  {{/if}}\n                </:content>\n              </EuiAccordion>\n            {{else}}\n              <div\n                id={{groupID}}\n                class=\"euiCollapsibleNavGroup {{classes.root}}\"\n                ...attributes\n              >\n                {{#if (has-block \"title\")}}\n                  <div class=\"euiCollapsibleNavGroup__heading\">\n                    <EuiFlexGroup\n                      @gutterSize=\"m\"\n                      @alignItems=\"center\"\n                      @responsive={{false}}\n                    >\n                      {{#if @iconType}}\n                        <EuiFlexItem @grow={{false}}>\n                          <EuiIcon\n                            @type={{@iconType}}\n                            @size={{if @iconSize @iconSize \"l\"}}\n                            @color={{@iconProps.color}}\n                            @css={{@iconProps.css}}\n                            @title={{@iconProps.title}}\n                            @iconClasses={{this.iconClasses}}\n                            {{spreadAttributes @iconProps this.iconArgs}}\n                          />\n                        </EuiFlexItem>\n                      {{/if}}\n                      <EuiFlexItem>\n                        <TitleElement\n                          id={{titleID}}\n                          class=\"euiTitle euiCollapsibleNavGroup__title\n                            {{classes.title}}\"\n                        >\n                          {{yield to=\"title\"}}\n                        </TitleElement>\n                      </EuiFlexItem>\n                    </EuiFlexGroup>\n                  </div>\n                {{/if}}\n                {{#if (has-block \"content\")}}\n                  <div\n                    class=\"euiCollapsibleNavGroup__children\n                      {{if\n                        (has-block 'title')\n                        classes.childrenWithHeading\n                        classes.children\n                      }}\"\n                  >\n                    {{yield to=\"content\"}}\n                  </div>\n                {{/if}}\n              </div>\n            {{/if}}\n          {{/let}}\n        </EuiEmotionProvider>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["ICON_ARGS","EuiCollapsibleNavGroup","Component","background","args","colorMode","undefined","iconArgs","iconClasses","className","iconProps","filter","Boolean","join","titleElement","titleTagName","classesFor","context","styles","useEuiBorealisStyles","euiCollapsibleNavGroupStyles","title","euiTitleStyles","childrenWrapper","rootCss","boxSizing","euiCollapsibleNavGroup","isCollapsible","notCollapsible","color","upstream","euiTheme","colors","textParagraph","root","euiClass","children","euiCollapsibleNavGroup__children","childrenWithHeading","withHeading","margin","padding","fontFamily","font","family","euiTitle","titleSize","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","concat","EuiEmotionProvider","and","EuiAccordion","eq","EuiFlexGroup","EuiFlexItem","EuiIcon","spreadAttributes"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
+import { tracked, cached } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { throttle } from '@ember/runloop';
 import { modifier } from 'ember-modifier';
@@ -7,6 +7,9 @@ import { or, and, not } from 'ember-truth-helpers';
 import randomId from '../-private/random-id.js';
 import argOrDefault from '../helpers/arg-or-default.js';
 import { isWithinMinBreakpoint } from '../utils/breakpoint.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles } from '../utils/eui/styles.js';
+import { an as euiCollapsibleNavStyles } from '../styles.generated-SYAxYhey.js';
 import EuiFlyoutComponent from './eui-flyout.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
@@ -14,8 +17,10 @@ import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 const triggerHandlersModifier = modifier((element, _pos, {
   flyoutID,
-  isOpen
+  isOpen,
+  register
 }) => {
+  register?.(element);
   element.setAttribute('aria-controls', flyoutID);
   element.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
   element.setAttribute('aria-pressed', isOpen ? 'true' : 'false');
@@ -25,6 +30,7 @@ const triggerHandlersModifier = modifier((element, _pos, {
   element.addEventListener('touchend', fn);
   element.addEventListener('mouseup', fn, true);
   return () => {
+    register?.(null);
     element.removeEventListener('touchend', fn);
     element.removeEventListener('mouseup', fn, true);
   };
@@ -42,13 +48,38 @@ const onWindowResizeModifier = modifier((_ele, _pos, {
     }
   };
 });
+/**
+ * Upstream `EuiCollapsibleNav` (the flyout-based nav, not
+ * `EuiCollapsibleNavBeta`): an `EuiFlyout` with `euiCollapsibleNavStyles`
+ * composed over it (`push` while docked, `overlay` with
+ * `levels.navigation` z-index otherwise). Docking follows the nearest
+ * theme's breakpoints, like upstream `useIsWithinMinBreakpoint`.
+ */
 class EuiCollapsibleNavComponent extends Component {
   static {
-    g(this.prototype, "windowIsLargeEnoughToPush", [tracked], function () {
-      return isWithinMinBreakpoint(typeof window === 'undefined' ? -Infinity : window.innerWidth, this.dockedBreakpoint);
+    g(this.prototype, "windowWidth", [tracked], function () {
+      return typeof window === 'undefined' ? -Infinity : window.innerWidth;
     });
   }
-  #windowIsLargeEnoughToPush = (i(this, "windowIsLargeEnoughToPush"), void 0);
+  #windowWidth = (i(this, "windowWidth"), void 0);
+  get windowIsLargeEnoughToPush() {
+    return isWithinMinBreakpoint(this.windowWidth, this.dockedBreakpoint, this.breakpoints);
+  }
+  get breakpoints() {
+    return getEuiThemeContext(this).upstream.euiTheme.breakpoint;
+  }
+  get flyoutType() {
+    return this.navIsDocked ? 'push' : 'overlay';
+  }
+  /** Composed into EuiFlyout's own class through `@css`, as upstream. */
+  get flyoutCss() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiCollapsibleNavStyles);
+    return [styles.euiCollapsibleNav, styles[this.flyoutType]];
+  }
+  static {
+    n(this.prototype, "flyoutCss", [cached]);
+  }
   get isDocked() {
     return this.args.isDocked ?? false;
   }
@@ -88,20 +119,35 @@ class EuiCollapsibleNavComponent extends Component {
   get paddingSize() {
     return this.args.paddingSize ?? 'none';
   }
+  /** The toggle button, a focus trap shard (upstream `buttonRef`). */
+  buttonElement = null;
+  registerButton = element => {
+    this.buttonElement = element;
+  };
+  /** Read when the flyout's focus trap is created, after the button. */
+  get focusTrapProps() {
+    const own = this.args.focusTrapProps;
+    const button = this.buttonElement;
+    return {
+      ...own,
+      shards: [...(button ? [button] : []), ...(own?.shards ?? [])]
+    };
+  }
+  get session() {
+    return this.args.session ?? 'never';
+  }
   functionToCallOnWindowResize() {
-    throttle(() => {
-      if (isWithinMinBreakpoint(window.innerWidth, this.dockedBreakpoint)) {
-        this.windowIsLargeEnoughToPush = true;
-      } else {
-        this.windowIsLargeEnoughToPush = false;
-      }
-    }, 50);
+    throttle(this, this.measureWindow, 50);
   }
   static {
     n(this.prototype, "functionToCallOnWindowResize", [action]);
   }
+  measureWindow() {
+    if (this.isDestroying || this.isDestroyed) return;
+    this.windowWidth = window.innerWidth;
+  }
   static {
-    setComponentTemplate(precompileTemplate("<span {{onWindowResizeModifier isDocked=this.isDocked functionToCallOnWindowResize=this.functionToCallOnWindowResize}}></span>\n{{#let (argOrDefault @id (randomId)) as |flyoutID|}}\n\n  {{#if (not (and this.navIsDocked (not this.showButtonIfDocked)))}}\n    {{yield (modifier triggerHandlersModifier isOpen=@isOpen flyoutID=flyoutID) to=\"button\"}}\n  {{/if}}\n\n  {{#if (or @isOpen this.navIsDocked)}}\n    <EuiFlyout id={{flyoutID}} class=\"euiCollapsibleNav\" @as={{this.as}} @size={{this.size}} @side={{this.side}} @role={{this.role}} @ownFocus={{this.ownFocus}} @outsideClickCloses={{this.outsideClickCloses}} @closeButtonPosition={{this.closeButtonPosition}} @paddingSize={{this.paddingSize}} @type={{if this.navIsDocked \"push\" \"overlay\"}} @hideCloseButton={{this.navIsDocked}} @pushMinBreakpoint={{this.dockedBreakpoint}} @onClose={{@onClose}} ...attributes>\n      {{yield to=\"content\"}}\n    </EuiFlyout>\n  {{/if}}\n{{/let}}", {
+    setComponentTemplate(precompileTemplate("<span {{onWindowResizeModifier isDocked=this.isDocked functionToCallOnWindowResize=this.functionToCallOnWindowResize}}></span>\n{{#let (argOrDefault @id (randomId)) as |flyoutID|}}\n\n  {{#if (not (and this.navIsDocked (not this.showButtonIfDocked)))}}\n    {{yield (modifier triggerHandlersModifier isOpen=@isOpen flyoutID=flyoutID register=this.registerButton) to=\"button\"}}\n  {{/if}}\n\n  {{#if (or @isOpen this.navIsDocked)}}\n    <EuiFlyout id={{flyoutID}} class=\"euiCollapsibleNav\" @css={{this.flyoutCss}} @as={{this.as}} @size={{this.size}} @side={{this.side}} @role={{this.role}} @ownFocus={{this.ownFocus}} @outsideClickCloses={{this.outsideClickCloses}} @closeButtonPosition={{this.closeButtonPosition}} @paddingSize={{this.paddingSize}} @type={{this.flyoutType}} @hideCloseButton={{this.navIsDocked}} @pushMinBreakpoint={{this.dockedBreakpoint}} @onClose={{@onClose}} @session={{this.session}} @focusTrapProps={{this.focusTrapProps}} @closeButtonProps={{@closeButtonProps}} @container={{@container}} @flyoutMenuDisplayMode={{@flyoutMenuDisplayMode}} @flyoutMenuProps={{@flyoutMenuProps}} @hasAnimation={{@hasAnimation}} @hasChildBackground={{@hasChildBackground}} @historyKey={{@historyKey}} @includeFixedHeadersInFocusTrap={{@includeFixedHeadersInFocusTrap}} @includeSelectorInFocusTrap={{@includeSelectorInFocusTrap}} @maskProps={{@maskProps}} @maxWidth={{@maxWidth}} @minWidth={{@minWidth}} @onActive={{@onActive}} @onResize={{@onResize}} @pushAnimation={{@pushAnimation}} @resizable={{@resizable}} ...attributes>\n      {{yield to=\"content\"}}\n    </EuiFlyout>\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         onWindowResizeModifier,