@ember-eui/core 12.0.1 → 12.0.2

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

@@ -90,35 +90,35 @@ class EuiCodeBlockComponent extends Component {
   static {
     g(this.prototype, "codeTarget", [tracked]);
   }
-  #codeTarget = (i(this, "codeTarget"), undefined); //fake element where yield writes to, so we can observe and clone a highlighted version to code and codeFullSceen
+  #codeTarget = (i(this, "codeTarget"), void 0); //fake element where yield writes to, so we can observe and clone a highlighted version to code and codeFullSceen
   static {
     g(this.prototype, "code", [tracked]);
   }
-  #code = (i(this, "code"), undefined); //<code> Element for non fullscreen
+  #code = (i(this, "code"), void 0); //<code> Element for non fullscreen
   static {
     g(this.prototype, "codeFullScreen", [tracked]);
   }
-  #codeFullScreen = (i(this, "codeFullScreen"), undefined); //<code> Element for fullscreen modal
+  #codeFullScreen = (i(this, "codeFullScreen"), void 0); //<code> Element for fullscreen modal
   static {
     g(this.prototype, "wrapperRef", [tracked]);
   }
-  #wrapperRef = (i(this, "wrapperRef"), undefined);
+  #wrapperRef = (i(this, "wrapperRef"), void 0);
   static {
     g(this.prototype, "tabIndex", [tracked], function () {
       return 1;
     });
   }
-  #tabIndex = (i(this, "tabIndex"), undefined);
+  #tabIndex = (i(this, "tabIndex"), void 0);
   static {
     g(this.prototype, "isFullScreen", [tracked], function () {
       return false;
     });
   }
-  #isFullScreen = (i(this, "isFullScreen"), undefined);
+  #isFullScreen = (i(this, "isFullScreen"), void 0);
   static {
     g(this.prototype, "data", [tracked]);
   }
-  #data = (i(this, "data"), undefined);
+  #data = (i(this, "data"), void 0);
   get language() {
     return checkSupportedLanguage(this.args.language || '');
   }

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 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';\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  paddingSize?: PaddingSize;\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   */\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\nexport interface EuiCodeBlockSignature {\n  Element: HTMLElement;\n  Args: EuiCodeBlockArgs;\n  Blocks: {\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  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  <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        )\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.language\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","void 0","checkSupportedLanguage","args","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","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 { 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 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';\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  paddingSize?: PaddingSize;\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   */\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\nexport interface EuiCodeBlockSignature {\n  Element: HTMLElement;\n  Args: EuiCodeBlockArgs;\n  Blocks: {\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  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  <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        )\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.language\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","void 0","checkSupportedLanguage","args","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","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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"}

package/dist/components/eui-code.js

@@ -17,11 +17,11 @@ class EuiCodeComponent extends Component {
   static {
     g(this.prototype, "codeTarget", [tracked]);
   }
-  #codeTarget = (i(this, "codeTarget"), undefined);
+  #codeTarget = (i(this, "codeTarget"), void 0);
   static {
     g(this.prototype, "code", [tracked]);
   }
-  #code = (i(this, "code"), undefined);
+  #code = (i(this, "code"), void 0);
   observer = null;
   constructor(owner, args) {
     super(owner, args);

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';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { checkSupportedLanguage,getHtmlContent } from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor';\n\nexport type EuiCodeArgs = EuiCodeSharedProps & {\n  //comments\n};\n\nexport interface EuiCodeSignature {\n  Args: EuiCodeArgs;\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class EuiCodeComponent extends Component<EuiCodeSignature> {\n  @tracked codeTarget: HTMLElement;\n  @tracked code: undefined | 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  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.language);\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    this.observer?.disconnect();\n  }\n\n  <template>\n    {{#in-element this.codeTarget}}\n      {{yield}}\n    {{/in-element}}\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.language}}\n      {{didUpdate this.update this.language}}\n      ...attributes\n    ></code>\n  </template>\n}\n"],"names":["EuiCodeComponent","Component","g","prototype","tracked","i","void 0","observer","constructor","owner","args","codeTarget","document","createElement","setupObserver","language","checkSupportedLanguage","disconnect","MutationObserver","mutationsList","length","update","observe","characterData","subtree","childList","render","html","textContent","trim","data","highlight","code","innerHTML","getHtmlContent","element","scheduleOnce","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","didInsert","set","didUpdate"],"mappings":";;;;;;;;;;;;;;;AA8Be,MAAMA,yBAAyBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACrDC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,SAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,SAAA;AACDC,EAAAA,QAAU,GAA0B,IAAK;AAEzCC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAiB,EAAE;AAC3C,IAAA,KAAK,CAACD,KAAO,EAAAC,IAAA,CAAA;IACb,IAAI,CAACC,UAAU,GAAGC,QAAA,CAASC,aAAa,CAAC,KAAA,CAAA;IACzC,IAAI,CAACC,aAAa,EAAA;AACpB;EAEA,IAAIC,QAAWA,GAAA;IACb,OAAOC,uBAAuB,IAAI,CAACN,IAAI,CAACK,QAAQ,IAAI,EAAA,CAAA;AACtD;AAEAD,EAAAA,aAAgBA,GAAA;AACd,IAAA,IAAI,CAACP,QAAQ,EAAEU,UAAA,EAAA;AACf,IAAA,IAAI,CAACV,QAAQ,GAAG,IAAIW,iBAAkBC,aAAA,IAAA;MACpC,IAAIA,aAAc,CAAAC,MAAM,EAAE,IAAI,CAACC,MAAM,EAAA;AACvC,KAAA,CAAA;IAEA,IAAI,IAAI,CAACV,UAAU,EAAE;MACnB,IAAI,CAACU,MAAM,EAAA;MACX,IAAI,CAACd,QAAQ,CAACe,OAAO,CAAC,IAAI,CAACX,UAAU,EAAE;AACrCY,QAAAA,aAAe,EAAA,IAAA;AACfC,QAAAA,OAAS,EAAA,IAAA;AACTC,QAAAA,SAAW,EAAA;AACb,OAAA,CAAA;AACF;AACF;AAGAJ,EAAAA,MAASA,GAAA;IACP,MAAMK,MAAS,GAAAA,MAAA;AACb,MAAA,MAAMC,IAAO,GAAA,CACX,IAAI,CAAChB,UAAU,EAAEiB,WAAA,GAAc,IAAI,CAACjB,UAAU,CAACiB,WAAW,GAAG,EAC/D,EAAEC,IAAI,EAAA;AAEN,MAAA,IAAIC,IAAM;AAEV,MAAA,IAAI,OAAOH,SAAS,QAAU,EAAA;AAC5BG,QAAAA,IAAA,GAAO,EAAE;AACX,OAAO,MAAA;QACLA,IAAA,GAAOC,SAAU,CAAAJ,IAAA,EAAM,IAAI,CAACZ,QAAQ,CAAA;AACtC;AAEA,MAAA,MAAMiB,IAAA,GAAO,IAAI,CAACA,IAAI;AAEtB,MAAA,IAAIA,IAAM,EAAA;QACRA,IAAA,CAAKC,SAAS,GAAGC,cAAA,CAAeJ,IAAM,CAAA,CAAAK,OAAO,CAACF,SAAS;AACzD;KACF;AAEAG,IAAAA,YAAa,CAAA,aAAA,EAAe,IAAI,EAAEV,MAAA,CAAA;AACpC;AAAA,EAAA;IAAAW,CAAA,CAAA,IAAA,CAAAlC,SAAA,EAAA,QAAA,EAAA,CAvBCmC,MAAA,CAAA,CAAA;AAAA;AAyBDC,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;AACN,IAAA,IAAI,CAAChC,QAAQ,EAAEU,UAAA,EAAA;AACjB;AAEA,EAAA;IAAAuB,oBAAA,CAAAC,kBAAA,CAgBA,qZAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,SAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"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';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { checkSupportedLanguage,getHtmlContent } from '../utils/code/utils.ts';\n\nimport type { EuiCodeSharedProps } from '../utils/code/utils.ts';\nimport type { RefractorNode } from 'refractor';\n\nexport type EuiCodeArgs = EuiCodeSharedProps & {\n  //comments\n};\n\nexport interface EuiCodeSignature {\n  Args: EuiCodeArgs;\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class EuiCodeComponent extends Component<EuiCodeSignature> {\n  @tracked codeTarget: HTMLElement;\n  @tracked code: undefined | 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  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.language);\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    this.observer?.disconnect();\n  }\n\n  <template>\n    {{#in-element this.codeTarget}}\n      {{yield}}\n    {{/in-element}}\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.language}}\n      {{didUpdate this.update this.language}}\n      ...attributes\n    ></code>\n  </template>\n}\n"],"names":["EuiCodeComponent","Component","g","prototype","tracked","i","void 0","observer","constructor","owner","args","codeTarget","document","createElement","setupObserver","language","checkSupportedLanguage","disconnect","MutationObserver","mutationsList","length","update","observe","characterData","subtree","childList","render","html","textContent","trim","data","highlight","code","innerHTML","getHtmlContent","element","scheduleOnce","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","didInsert","set","didUpdate"],"mappings":";;;;;;;;;;;;;;;AA8Be,MAAMA,yBAAyBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACrDC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,MAAA;AACDC,EAAAA,QAAU,GAA0B,IAAK;AAEzCC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAiB,EAAE;AAC3C,IAAA,KAAK,CAACD,KAAO,EAAAC,IAAA,CAAA;IACb,IAAI,CAACC,UAAU,GAAGC,QAAA,CAASC,aAAa,CAAC,KAAA,CAAA;IACzC,IAAI,CAACC,aAAa,EAAA;AACpB;EAEA,IAAIC,QAAWA,GAAA;IACb,OAAOC,uBAAuB,IAAI,CAACN,IAAI,CAACK,QAAQ,IAAI,EAAA,CAAA;AACtD;AAEAD,EAAAA,aAAgBA,GAAA;AACd,IAAA,IAAI,CAACP,QAAQ,EAAEU,UAAA,EAAA;AACf,IAAA,IAAI,CAACV,QAAQ,GAAG,IAAIW,iBAAkBC,aAAA,IAAA;MACpC,IAAIA,aAAc,CAAAC,MAAM,EAAE,IAAI,CAACC,MAAM,EAAA;AACvC,KAAA,CAAA;IAEA,IAAI,IAAI,CAACV,UAAU,EAAE;MACnB,IAAI,CAACU,MAAM,EAAA;MACX,IAAI,CAACd,QAAQ,CAACe,OAAO,CAAC,IAAI,CAACX,UAAU,EAAE;AACrCY,QAAAA,aAAe,EAAA,IAAA;AACfC,QAAAA,OAAS,EAAA,IAAA;AACTC,QAAAA,SAAW,EAAA;AACb,OAAA,CAAA;AACF;AACF;AAGAJ,EAAAA,MAASA,GAAA;IACP,MAAMK,MAAS,GAAAA,MAAA;AACb,MAAA,MAAMC,IAAO,GAAA,CACX,IAAI,CAAChB,UAAU,EAAEiB,WAAA,GAAc,IAAI,CAACjB,UAAU,CAACiB,WAAW,GAAG,EAC/D,EAAEC,IAAI,EAAA;AAEN,MAAA,IAAIC,IAAM;AAEV,MAAA,IAAI,OAAOH,SAAS,QAAU,EAAA;AAC5BG,QAAAA,IAAA,GAAO,EAAE;AACX,OAAO,MAAA;QACLA,IAAA,GAAOC,SAAU,CAAAJ,IAAA,EAAM,IAAI,CAACZ,QAAQ,CAAA;AACtC;AAEA,MAAA,MAAMiB,IAAA,GAAO,IAAI,CAACA,IAAI;AAEtB,MAAA,IAAIA,IAAM,EAAA;QACRA,IAAA,CAAKC,SAAS,GAAGC,cAAA,CAAeJ,IAAM,CAAA,CAAAK,OAAO,CAACF,SAAS;AACzD;KACF;AAEAG,IAAAA,YAAa,CAAA,aAAA,EAAe,IAAI,EAAEV,MAAA,CAAA;AACpC;AAAA,EAAA;IAAAW,CAAA,CAAA,IAAA,CAAAlC,SAAA,EAAA,QAAA,EAAA,CAvBCmC,MAAA,CAAA,CAAA;AAAA;AAyBDC,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;AACN,IAAA,IAAI,CAAChC,QAAQ,EAAEU,UAAA,EAAA;AACjB;AAEA,EAAA;IAAAuB,oBAAA,CAAAC,kBAAA,CAgBA,qZAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,SAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -48,7 +48,7 @@ class EuiCollapsibleNavComponent extends Component {
       return isWithinMinBreakpoint(typeof window === 'undefined' ? -Infinity : window.innerWidth, this.dockedBreakpoint);
     });
   }
-  #windowIsLargeEnoughToPush = (i(this, "windowIsLargeEnoughToPush"), undefined);
+  #windowIsLargeEnoughToPush = (i(this, "windowIsLargeEnoughToPush"), void 0);
   get isDocked() {
     return this.args.isDocked ?? false;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"eui-collapsible-nav.js","sources":["../../src/components/eui-collapsible-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { modifier as modBuilder } from 'ember-modifier';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport EuiFlyout from './eui-flyout.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type { EuiFlyoutSignature } from './eui-flyout';\nimport type { ModifierLike } from '@glint/template';\n\nexport type EuiCollapsibleNavArgs = {\n  id?: string;\n  /**\n   * ReactNode to render as this component's content\n   */\n  children?: Component;\n  /**\n   * Shows the navigation flyout\n   */\n  isOpen?: boolean;\n  /**\n   * Keeps navigation flyout visible and push `<body>` content via padding\n   */\n  isDocked?: boolean;\n  /**\n   * Named breakpoint or pixel value for customizing the minimum window width to enable docking\n   */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /**\n   * Keeps the display of toggle button when in docked state\n   */\n  showButtonIfDocked?: boolean;\n\n  as: string;\n\n  size?: EuiFlyoutSignature['Args']['size'];\n\n  side?: 'left' | 'right';\n\n  role?: null | string;\n\n  ownFocus?: boolean;\n\n  outsideClickCloses?: boolean;\n\n  closeButtonPosition?: 'outside' | 'inside';\n\n  paddingSize?: string;\n\n  onClose: EuiFlyoutSignature['Args']['onClose'];\n};\n\nconst triggerHandlersModifier = modBuilder(\n  (\n    element: Element,\n    _pos,\n    { flyoutID, isOpen }: { flyoutID: string; isOpen: boolean }\n  ) => {\n    element.setAttribute('aria-controls', flyoutID);\n    element.setAttribute('aria-expanded', isOpen ? 'true' : '');\n    element.setAttribute('aria-pressed', isOpen ? 'true' : '');\n\n    const fn = (e: Event) => {\n      e.stopImmediatePropagation();\n    };\n\n    element.addEventListener('touchend', fn);\n    element.addEventListener('mouseup', fn, true);\n\n    return () => {\n      element.removeEventListener('touchend', fn);\n      element.removeEventListener('mouseup', fn, true);\n    };\n  }\n);\n\nconst onWindowResizeModifier = modBuilder(\n  (\n    _ele: HTMLElement,\n    _pos,\n    {\n      isDocked = false,\n      functionToCallOnWindowResize\n    }: { isDocked?: boolean; functionToCallOnWindowResize: () => void }\n  ) => {\n    if (isDocked) {\n      window.addEventListener('resize', functionToCallOnWindowResize);\n    }\n\n    return () => {\n      if (isDocked) {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n      }\n    };\n  }\n);\n\nexport interface EuiCollapsibleNavSignature {\n  Element: EuiFlyoutSignature['Element'];\n  Args: EuiCollapsibleNavArgs;\n  Blocks: {\n    default: [];\n    button: [\n      ModifierLike<{\n        Element: Element;\n      }>\n    ];\n    content: [];\n  };\n}\nexport default class EuiCollapsibleNavComponent extends Component<EuiCollapsibleNavSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.dockedBreakpoint\n  );\n\n  get isDocked() {\n    return this.args.isDocked ?? false;\n  }\n\n  get navIsDocked() {\n    return this.isDocked && this.windowIsLargeEnoughToPush;\n  }\n\n  get dockedBreakpoint() {\n    return this.args.dockedBreakpoint ?? 'l';\n  }\n\n  get showButtonIfDocked() {\n    return this.args.showButtonIfDocked ?? false;\n  }\n\n  get as() {\n    return this.args.as ?? 'nav';\n  }\n\n  get size() {\n    if (this.args.size && typeof this.args.size !== 'string') {\n      return `${this.args.size}px`;\n    }\n\n    return this.args.size ?? '320px';\n  }\n\n  get side() {\n    return this.args.side ?? 'left';\n  }\n\n  get role() {\n    return this.args.role ?? null;\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? true;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'outside';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'none';\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.dockedBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  <template>\n    <span\n      {{onWindowResizeModifier\n        isDocked=this.isDocked\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      }}\n    ></span>\n    {{#let (argOrDefault @id (randomId)) as |flyoutID|}}\n\n      {{#if (not (and this.navIsDocked (not this.showButtonIfDocked)))}}\n        {{yield\n          (modifier triggerHandlersModifier isOpen=@isOpen flyoutID=flyoutID)\n          to=\"button\"\n        }}\n      {{/if}}\n\n      {{#if (or @isOpen this.navIsDocked)}}\n        <EuiFlyout\n          id={{flyoutID}}\n          class=\"euiCollapsibleNav\"\n          @as={{this.as}}\n          @size={{this.size}}\n          @side={{this.side}}\n          @role={{this.role}}\n          @ownFocus={{this.ownFocus}}\n          @outsideClickCloses={{this.outsideClickCloses}}\n          @closeButtonPosition={{this.closeButtonPosition}}\n          @paddingSize={{this.paddingSize}}\n          @type={{if this.navIsDocked \"push\" \"overlay\"}}\n          @hideCloseButton={{this.navIsDocked}}\n          @pushMinBreakpoint={{this.dockedBreakpoint}}\n          @onClose={{@onClose}}\n          ...attributes\n        >\n          {{yield to=\"content\"}}\n        </EuiFlyout>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["triggerHandlersModifier","modBuilder","element","_pos","flyoutID","isOpen","setAttribute","fn","e","stopImmediatePropagation","addEventListener","removeEventListener","onWindowResizeModifier","_ele","isDocked","functionToCallOnWindowResize","window","EuiCollapsibleNavComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","dockedBreakpoint","i","void 0","args","navIsDocked","windowIsLargeEnoughToPush","showButtonIfDocked","as","size","side","role","ownFocus","outsideClickCloses","closeButtonPosition","paddingSize","throttle","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","not","and","or","EuiFlyout"],"mappings":"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"}
+{"version":3,"file":"eui-collapsible-nav.js","sources":["../../src/components/eui-collapsible-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { modifier as modBuilder } from 'ember-modifier';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport EuiFlyout from './eui-flyout.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type { EuiFlyoutSignature } from './eui-flyout';\nimport type { ModifierLike } from '@glint/template';\n\nexport type EuiCollapsibleNavArgs = {\n  id?: string;\n  /**\n   * ReactNode to render as this component's content\n   */\n  children?: Component;\n  /**\n   * Shows the navigation flyout\n   */\n  isOpen?: boolean;\n  /**\n   * Keeps navigation flyout visible and push `<body>` content via padding\n   */\n  isDocked?: boolean;\n  /**\n   * Named breakpoint or pixel value for customizing the minimum window width to enable docking\n   */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /**\n   * Keeps the display of toggle button when in docked state\n   */\n  showButtonIfDocked?: boolean;\n\n  as: string;\n\n  size?: EuiFlyoutSignature['Args']['size'];\n\n  side?: 'left' | 'right';\n\n  role?: null | string;\n\n  ownFocus?: boolean;\n\n  outsideClickCloses?: boolean;\n\n  closeButtonPosition?: 'outside' | 'inside';\n\n  paddingSize?: string;\n\n  onClose: EuiFlyoutSignature['Args']['onClose'];\n};\n\nconst triggerHandlersModifier = modBuilder(\n  (\n    element: Element,\n    _pos,\n    { flyoutID, isOpen }: { flyoutID: string; isOpen: boolean }\n  ) => {\n    element.setAttribute('aria-controls', flyoutID);\n    element.setAttribute('aria-expanded', isOpen ? 'true' : '');\n    element.setAttribute('aria-pressed', isOpen ? 'true' : '');\n\n    const fn = (e: Event) => {\n      e.stopImmediatePropagation();\n    };\n\n    element.addEventListener('touchend', fn);\n    element.addEventListener('mouseup', fn, true);\n\n    return () => {\n      element.removeEventListener('touchend', fn);\n      element.removeEventListener('mouseup', fn, true);\n    };\n  }\n);\n\nconst onWindowResizeModifier = modBuilder(\n  (\n    _ele: HTMLElement,\n    _pos,\n    {\n      isDocked = false,\n      functionToCallOnWindowResize\n    }: { isDocked?: boolean; functionToCallOnWindowResize: () => void }\n  ) => {\n    if (isDocked) {\n      window.addEventListener('resize', functionToCallOnWindowResize);\n    }\n\n    return () => {\n      if (isDocked) {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n      }\n    };\n  }\n);\n\nexport interface EuiCollapsibleNavSignature {\n  Element: EuiFlyoutSignature['Element'];\n  Args: EuiCollapsibleNavArgs;\n  Blocks: {\n    default: [];\n    button: [\n      ModifierLike<{\n        Element: Element;\n      }>\n    ];\n    content: [];\n  };\n}\nexport default class EuiCollapsibleNavComponent extends Component<EuiCollapsibleNavSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.dockedBreakpoint\n  );\n\n  get isDocked() {\n    return this.args.isDocked ?? false;\n  }\n\n  get navIsDocked() {\n    return this.isDocked && this.windowIsLargeEnoughToPush;\n  }\n\n  get dockedBreakpoint() {\n    return this.args.dockedBreakpoint ?? 'l';\n  }\n\n  get showButtonIfDocked() {\n    return this.args.showButtonIfDocked ?? false;\n  }\n\n  get as() {\n    return this.args.as ?? 'nav';\n  }\n\n  get size() {\n    if (this.args.size && typeof this.args.size !== 'string') {\n      return `${this.args.size}px`;\n    }\n\n    return this.args.size ?? '320px';\n  }\n\n  get side() {\n    return this.args.side ?? 'left';\n  }\n\n  get role() {\n    return this.args.role ?? null;\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? true;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'outside';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'none';\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.dockedBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  <template>\n    <span\n      {{onWindowResizeModifier\n        isDocked=this.isDocked\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      }}\n    ></span>\n    {{#let (argOrDefault @id (randomId)) as |flyoutID|}}\n\n      {{#if (not (and this.navIsDocked (not this.showButtonIfDocked)))}}\n        {{yield\n          (modifier triggerHandlersModifier isOpen=@isOpen flyoutID=flyoutID)\n          to=\"button\"\n        }}\n      {{/if}}\n\n      {{#if (or @isOpen this.navIsDocked)}}\n        <EuiFlyout\n          id={{flyoutID}}\n          class=\"euiCollapsibleNav\"\n          @as={{this.as}}\n          @size={{this.size}}\n          @side={{this.side}}\n          @role={{this.role}}\n          @ownFocus={{this.ownFocus}}\n          @outsideClickCloses={{this.outsideClickCloses}}\n          @closeButtonPosition={{this.closeButtonPosition}}\n          @paddingSize={{this.paddingSize}}\n          @type={{if this.navIsDocked \"push\" \"overlay\"}}\n          @hideCloseButton={{this.navIsDocked}}\n          @pushMinBreakpoint={{this.dockedBreakpoint}}\n          @onClose={{@onClose}}\n          ...attributes\n        >\n          {{yield to=\"content\"}}\n        </EuiFlyout>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["triggerHandlersModifier","modBuilder","element","_pos","flyoutID","isOpen","setAttribute","fn","e","stopImmediatePropagation","addEventListener","removeEventListener","onWindowResizeModifier","_ele","isDocked","functionToCallOnWindowResize","window","EuiCollapsibleNavComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","dockedBreakpoint","i","void 0","args","navIsDocked","windowIsLargeEnoughToPush","showButtonIfDocked","as","size","side","role","ownFocus","outsideClickCloses","closeButtonPosition","paddingSize","throttle","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","not","and","or","EuiFlyout"],"mappings":"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"}

package/dist/components/eui-combo-box/create-option.js

@@ -19,7 +19,7 @@ class EuiAccordionAccordionComponent extends Component {
   static {
     g(this.prototype, "euiI18n", [inject]);
   }
-  #euiI18n = (i(this, "euiI18n"), undefined);
+  #euiI18n = (i(this, "euiI18n"), void 0);
   _regex = /\{\s*(.*?)\s*\}/g;
   get formattedString() {
     let str = unwrap(this.args.customOptionText || this.euiI18n.lookupToken('euiComboBox.customOptionText', 'Add&nbsp;<strong>{searchText}</strong>&nbsp;as custom option'));

package/dist/components/eui-combo-box/create-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-option.js","sources":["../../../src/components/eui-combo-box/create-option.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { get } from '@ember/object';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe, isHTMLSafe } from '@ember/template';\n\nimport EuiBadge from '../eui-badge.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiI18n from '../../services/eui-i18n';\n\nfunction unwrap(input: string) {\n  if (isHTMLSafe(input)) {\n    return input.toString();\n  }\n\n  return input;\n}\n\nexport interface EuiComboBoxCreateOptionSignature {\n  Args: {\n    customOptionText?: string;\n    select: { searchText: string };\n    onCreateOption: () => void;\n  };\n}\n\nexport default class EuiAccordionAccordionComponent extends Component<EuiComboBoxCreateOptionSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  _regex = /\\{\\s*(.*?)\\s*\\}/g;\n\n  get formattedString(): ReturnType<typeof htmlSafe> {\n    let str = unwrap(\n      this.args.customOptionText ||\n        this.euiI18n.lookupToken(\n          'euiComboBox.customOptionText',\n          'Add&nbsp;<strong>{searchText}</strong>&nbsp;as custom option'\n        )\n    );\n\n    let context = {\n      searchText: this.args.select.searchText\n    };\n\n    return htmlSafe(\n      str.replace(this._regex, (_s, p1, p2) => {\n        return get(context, p1 || p2);\n      })\n    );\n  }\n\n  <template>\n    <div\n      role=\"button\"\n      class=\"euiComboBoxOptionsList__rowWrap\"\n      {{on \"click\" @onCreateOption}}\n    >\n      <EuiText class=\"euiComboBoxOptionsList__empty\" @size=\"xs\">\n        <div class=\"euiComboBoxOption__contentWrapper\">\n          <p class=\"euiComboBoxOption__emptyStateText\">\n            {{this.formattedString}}\n          </p>\n          <EuiBadge\n            @iconType=\"returnKey\"\n            class=\"euiComboBoxOption__enterBadge\"\n            @color=\"hollow\"\n          />\n        </div>\n      </EuiText>\n    </div>\n  </template>\n}\n"],"names":["unwrap","input","isHTMLSafe","toString","EuiAccordionAccordionComponent","Component","g","prototype","service","i","void 0","_regex","formattedString","str","args","customOptionText","euiI18n","lookupToken","context","searchText","select","htmlSafe","replace","_s","p1","p2","get","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiText","EuiBadge"],"mappings":";;;;;;;;;;;AAWA,SAASA,MAAAA,CAAOC,KAAa,EAAA;AAC3B,EAAA,IAAIC,WAAWD,KAAQ,CAAA,EAAA;AACrB,IAAA,OAAOA,MAAME,QAAQ,EAAA;AACvB;AAEA,EAAA,OAAOF,KAAA;AACT;AAUe,MAAMG,uCAAuCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACnEC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,SAAA;AAEDC,EAAAA,MAAA,GAAS,kBAAmB;EAE5B,IAAIC,eAAAA,GAA+C;IACjD,IAAIC,GAAM,GAAAb,MAAA,CACR,IAAI,CAACc,IAAI,CAACC,gBAAgB,IACxB,IAAI,CAACC,OAAO,CAACC,WAAW,CACtB,8BACA,EAAA,8DAAA,CAAA,CAAA;AAIN,IAAA,IAAIC,OAAU,GAAA;AACZC,MAAAA,UAAA,EAAY,IAAI,CAACL,IAAI,CAACM,MAAM,CAACD;KAC/B;AAEA,IAAA,OAAOE,QAAA,CACLR,GAAI,CAAAS,OAAO,CAAC,IAAI,CAACX,MAAM,EAAE,CAACY,EAAA,EAAIC,EAAI,EAAAC,EAAA,KAAA;AAChC,MAAA,OAAOC,GAAA,CAAIR,SAASM,EAAM,IAAAC,EAAA,CAAA;AAC5B,KAAA,CAAA,CAAA;AAEJ;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAmBA,sfAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;iBAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"create-option.js","sources":["../../../src/components/eui-combo-box/create-option.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { get } from '@ember/object';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe, isHTMLSafe } from '@ember/template';\n\nimport EuiBadge from '../eui-badge.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiI18n from '../../services/eui-i18n';\n\nfunction unwrap(input: string) {\n  if (isHTMLSafe(input)) {\n    return input.toString();\n  }\n\n  return input;\n}\n\nexport interface EuiComboBoxCreateOptionSignature {\n  Args: {\n    customOptionText?: string;\n    select: { searchText: string };\n    onCreateOption: () => void;\n  };\n}\n\nexport default class EuiAccordionAccordionComponent extends Component<EuiComboBoxCreateOptionSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  _regex = /\\{\\s*(.*?)\\s*\\}/g;\n\n  get formattedString(): ReturnType<typeof htmlSafe> {\n    let str = unwrap(\n      this.args.customOptionText ||\n        this.euiI18n.lookupToken(\n          'euiComboBox.customOptionText',\n          'Add&nbsp;<strong>{searchText}</strong>&nbsp;as custom option'\n        )\n    );\n\n    let context = {\n      searchText: this.args.select.searchText\n    };\n\n    return htmlSafe(\n      str.replace(this._regex, (_s, p1, p2) => {\n        return get(context, p1 || p2);\n      })\n    );\n  }\n\n  <template>\n    <div\n      role=\"button\"\n      class=\"euiComboBoxOptionsList__rowWrap\"\n      {{on \"click\" @onCreateOption}}\n    >\n      <EuiText class=\"euiComboBoxOptionsList__empty\" @size=\"xs\">\n        <div class=\"euiComboBoxOption__contentWrapper\">\n          <p class=\"euiComboBoxOption__emptyStateText\">\n            {{this.formattedString}}\n          </p>\n          <EuiBadge\n            @iconType=\"returnKey\"\n            class=\"euiComboBoxOption__enterBadge\"\n            @color=\"hollow\"\n          />\n        </div>\n      </EuiText>\n    </div>\n  </template>\n}\n"],"names":["unwrap","input","isHTMLSafe","toString","EuiAccordionAccordionComponent","Component","g","prototype","service","i","void 0","_regex","formattedString","str","args","customOptionText","euiI18n","lookupToken","context","searchText","select","htmlSafe","replace","_s","p1","p2","get","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiText","EuiBadge"],"mappings":";;;;;;;;;;;AAWA,SAASA,MAAAA,CAAOC,KAAa,EAAA;AAC3B,EAAA,IAAIC,WAAWD,KAAQ,CAAA,EAAA;AACrB,IAAA,OAAOA,MAAME,QAAQ,EAAA;AACvB;AAEA,EAAA,OAAOF,KAAA;AACT;AAUe,MAAMG,uCAAuCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACnEC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;AAEDC,EAAAA,MAAA,GAAS,kBAAmB;EAE5B,IAAIC,eAAAA,GAA+C;IACjD,IAAIC,GAAM,GAAAb,MAAA,CACR,IAAI,CAACc,IAAI,CAACC,gBAAgB,IACxB,IAAI,CAACC,OAAO,CAACC,WAAW,CACtB,8BACA,EAAA,8DAAA,CAAA,CAAA;AAIN,IAAA,IAAIC,OAAU,GAAA;AACZC,MAAAA,UAAA,EAAY,IAAI,CAACL,IAAI,CAACM,MAAM,CAACD;KAC/B;AAEA,IAAA,OAAOE,QAAA,CACLR,GAAI,CAAAS,OAAO,CAAC,IAAI,CAACX,MAAM,EAAE,CAACY,EAAA,EAAIC,EAAI,EAAAC,EAAA,KAAA;AAChC,MAAA,OAAOC,GAAA,CAAIR,SAASM,EAAM,IAAAC,EAAA,CAAA;AAC5B,KAAA,CAAA,CAAA;AAEJ;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAmBA,sfAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;iBAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-combo-box/options.js

@@ -21,7 +21,7 @@ class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {
   static {
     g(this.prototype, "euiConfig", [inject]);
   }
-  #euiConfig = (i(this, "euiConfig"), undefined);
+  #euiConfig = (i(this, "euiConfig"), void 0);
   _optionsCache = [];
   get flattedOptions() {
     if (this._optionsCache !== this.args.options) {

package/dist/components/eui-combo-box/options.js.map

@@ -1 +1 @@
-{"version":3,"file":"options.js","sources":["../../../src/components/eui-combo-box/options.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport willDestroy from '@ember/render-modifiers/modifiers/will-destroy';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\nimport { EnsureSafeComponentHelper } from '@embroider/util';\n\n//@ts-expect-error\nimport VerticalCollection from '@html-next/vertical-collection/components/vertical-collection/component';\nimport EmberPowerSelectOptions from 'ember-power-select/components/power-select/options';\nimport emberPowerSelectIsGroupHelper, {\n  emberPowerSelectIsGroup\n} from 'ember-power-select/helpers/ember-power-select-is-group';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport EuiBadge from '../eui-badge.gts';\nimport EuiFlexGroup from '../eui-flex-group.gts';\nimport EuiFlexItem from '../eui-flex-item.gts';\nimport EuiLoadingSpinner from '../eui-loading-spinner.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiConfigService from '../../services/eui-config';\nimport emberPowerSelectIsEqual from 'ember-power-select/helpers/ember-power-select-is-equal';\n\nexport default class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {\n  @service declare euiConfig: EuiConfigService;\n  _optionsCache: any[] = [];\n\n  get flattedOptions() {\n    if (this._optionsCache !== this.args.options) {\n      this._optionsCache = this.args.options;\n\n      return this.args.options?.reduce((acc, curr) => {\n        if (emberPowerSelectIsGroup([curr])) {\n          acc.push(curr, ...curr.options);\n        } else {\n          acc.push(curr);\n        }\n\n        return acc;\n      }, []);\n    }\n\n    return this._optionsCache;\n  }\n\n  _optionFromIndex(index: string) {\n    let parts = index.split('.');\n    let option = this.flattedOptions.at?.(parseInt(parts[0]!, 10));\n\n    for (let i = 1; i < parts.length; i++) {\n      option = option.options[parseInt(parts[i]!, 10)];\n    }\n\n    return option;\n  }\n\n  get configRowHeight() {\n    return (\n      (this.euiConfig.getConfig('euiComboBoxOptionsHeight') as number) || 29\n    );\n  }\n\n  get rowHeight() {\n    //@ts-expect-error\n    return this.args.rowHeight ?? this.configRowHeight;\n  }\n\n  get rowHeightString() {\n    return htmlSafe(`height:${this.rowHeight}px;`);\n  }\n\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    {{#let (component (EnsureSafeComponentHelper @groupComponent)) as |Group|}}\n      {{#if @select.loading}}\n        <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n          <EuiFlexGroup\n            @gutterSize=\"s\"\n            @justifyContent=\"center\"\n            @responsive={{false}}\n          >\n            <EuiFlexItem @grow={{false}}>\n              <EuiLoadingSpinner @size=\"m\" />\n            </EuiFlexItem>\n            <EuiFlexItem @grow={{false}}>\n              {{@loadingMessage}}\n            </EuiFlexItem>\n          </EuiFlexGroup>\n        </EuiText>\n      {{else}}\n        {{! template-lint-disable }}\n        <VerticalCollection\n          @items={{this.flattedOptions}}\n          @tagName=\"div\"\n          @estimateHeight={{this.rowHeight}}\n          @staticHeight={{true}}\n          @bufferSize={{3}}\n          style=\"max-height: 200px; overflow-y: auto;\"\n          role=\"listbox\"\n          aria-controls=\"ember-power-select-trigger-{{@select.uniqueId}}\"\n          class={{@class}}\n          {{didInsert this.addHandlers}}\n          {{willDestroy this.removeHandlers}}\n          ...attributes\n          as |opt index|\n        >\n          {{! template-lint-enable }}\n          {{#if (emberPowerSelectIsGroupHelper opt)}}\n            <Group\n              @group={{opt}}\n              @select={{@select}}\n              @extra={{@extra}}\n              style={{this.rowHeightString}}\n              data-option-index=\"{{index}}\"\n            />\n          {{else}}\n            <li\n              style={{this.rowHeightString}}\n              class=\"euiFilterSelectItem\n                {{if\n                  (eq opt @select.highlighted)\n                  ' euiFilterSelectItem-isFocused'\n                }}\"\n              aria-selected=\"{{emberPowerSelectIsEqual opt @select.selected}}\"\n              aria-disabled={{if opt.disabled \"true\"}}\n              aria-current=\"{{eq opt @select.highlighted}}\"\n              data-option-index=\"{{index}}\"\n              role=\"option\"\n              tabindex={{if opt.disabled \"-1\" \"0\"}}\n            >\n              <span class=\"euiComboBoxOption__contentWrapper\">\n                <span class=\"euiComboBoxOption__content\">\n                  {{yield opt index @select}}\n                </span>\n                {{#if (and (eq opt @select.highlighted) (not opt.disabled))}}\n                  <EuiBadge\n                    class=\"euiComboBoxOption__enterBadge\"\n                    @color=\"hollow\"\n                    @iconType=\"returnKey\"\n                    aria-hidden=\"true\"\n                  />\n                {{/if}}\n              </span>\n            </li>\n          {{/if}}\n        </VerticalCollection>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiComboBoxOptionsComponent","EmberPowerSelectOptions","g","prototype","service","i","void 0","_optionsCache","flattedOptions","args","options","reduce","acc","curr","emberPowerSelectIsGroup","push","_optionFromIndex","index","parts","split","option","at","parseInt","length","configRowHeight","euiConfig","getConfig","rowHeight","rowHeightString","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","EnsureSafeComponentHelper","EuiText","EuiFlexGroup","EuiFlexItem","EuiLoadingSpinner","VerticalCollection","didInsert","willDestroy","emberPowerSelectIsGroupHelper","eq","emberPowerSelectIsEqual","and","not","EuiBadge"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBe,MAAMA,2BAAoC,SAAAC,uBAAA,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACtDC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAAC,SAAA;AACDC,EAAAA,aAAe,GAAQ,EAAE;EAEzB,IAAIC,cAAiBA,GAAA;IACnB,IAAI,IAAI,CAACD,aAAa,KAAK,IAAI,CAACE,IAAI,CAACC,OAAO,EAAE;AAC5C,MAAA,IAAI,CAACH,aAAa,GAAG,IAAI,CAACE,IAAI,CAACC,OAAO;AAEtC,MAAA,OAAO,IAAI,CAACD,IAAI,CAACC,OAAO,EAAEC,MAAA,CAAO,CAACC,GAAK,EAAAC,IAAA,KAAA;AACrC,QAAA,IAAIC,uBAAwB,CAAA,CAACD,IAAA,CAAK,CAAG,EAAA;UACnCD,GAAA,CAAIG,IAAI,CAACF,IAAS,EAAA,GAAAA,IAAA,CAAKH,OAAO,CAAA;AAChC,SAAO,MAAA;AACLE,UAAAA,GAAA,CAAIG,IAAI,CAACF,IAAA,CAAA;AACX;AAEA,QAAA,OAAOD,GAAA;OACT,EAAG,EAAE,CAAA;AACP;IAEA,OAAO,IAAI,CAACL,aAAa;AAC3B;EAEAS,gBAAiBA,CAAAC,KAAa,EAAE;AAC9B,IAAA,IAAIC,KAAA,GAAQD,KAAM,CAAAE,KAAK,CAAC,GAAA,CAAA;AACxB,IAAA,IAAIC,MAAA,GAAS,IAAI,CAACZ,cAAc,CAACa,EAAE,GAAGC,QAAS,CAAAJ,KAAK,CAAC,CAAA,CAAE,EAAG,EAAA,CAAA,CAAA;AAE1D,IAAA,KAAK,IAAIb,CAAI,GAAA,CAAA,EAAGA,IAAIa,KAAM,CAAAK,MAAM,EAAElB,CAAK,EAAA,EAAA;AACrCe,MAAAA,MAAS,GAAAA,MAAA,CAAOV,OAAO,CAACY,QAAA,CAASJ,KAAK,CAACb,CAAA,CAAE,EAAG,EAAI,CAAA,CAAA;AAClD;AAEA,IAAA,OAAOe,MAAA;AACT;EAEA,IAAII,eAAkBA,GAAA;IACpB,OACG,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,0BAAA,CAAA,IAA0C,EACtE;AACF;EAEA,IAAIC,SAAYA,GAAA;AACd;IACA,OAAO,IAAI,CAAClB,IAAI,CAACkB,SAAS,IAAI,IAAI,CAACH,eAAe;AACpD;EAEA,IAAII,eAAkBA,GAAA;AACpB,IAAA,OAAOC,QAAA,CAAS,CAAA,OAAA,EAAU,IAAI,CAACF,SAAS,KAAK,CAAA;AAC/C;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CA6EA,mvEAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,yBAAA;iBAAAC,gBAAA;QAAAC,YAAA;QAAAC,WAAA;QAAAC,iBAAA;QAAAC,kBAAA;QAAAC,SAAA;QAAAC,WAAA;QAAAC,6BAAA;QAAAC,EAAA;QAAAC,uBAAA;QAAAC,GAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"options.js","sources":["../../../src/components/eui-combo-box/options.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport willDestroy from '@ember/render-modifiers/modifiers/will-destroy';\nimport { inject as service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\nimport { EnsureSafeComponentHelper } from '@embroider/util';\n\n//@ts-expect-error\nimport VerticalCollection from '@html-next/vertical-collection/components/vertical-collection/component';\nimport EmberPowerSelectOptions from 'ember-power-select/components/power-select/options';\nimport emberPowerSelectIsGroupHelper, {\n  emberPowerSelectIsGroup\n} from 'ember-power-select/helpers/ember-power-select-is-group';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport EuiBadge from '../eui-badge.gts';\nimport EuiFlexGroup from '../eui-flex-group.gts';\nimport EuiFlexItem from '../eui-flex-item.gts';\nimport EuiLoadingSpinner from '../eui-loading-spinner.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiConfigService from '../../services/eui-config';\nimport emberPowerSelectIsEqual from 'ember-power-select/helpers/ember-power-select-is-equal';\n\nexport default class EuiComboBoxOptionsComponent extends EmberPowerSelectOptions {\n  @service declare euiConfig: EuiConfigService;\n  _optionsCache: any[] = [];\n\n  get flattedOptions() {\n    if (this._optionsCache !== this.args.options) {\n      this._optionsCache = this.args.options;\n\n      return this.args.options?.reduce((acc, curr) => {\n        if (emberPowerSelectIsGroup([curr])) {\n          acc.push(curr, ...curr.options);\n        } else {\n          acc.push(curr);\n        }\n\n        return acc;\n      }, []);\n    }\n\n    return this._optionsCache;\n  }\n\n  _optionFromIndex(index: string) {\n    let parts = index.split('.');\n    let option = this.flattedOptions.at?.(parseInt(parts[0]!, 10));\n\n    for (let i = 1; i < parts.length; i++) {\n      option = option.options[parseInt(parts[i]!, 10)];\n    }\n\n    return option;\n  }\n\n  get configRowHeight() {\n    return (\n      (this.euiConfig.getConfig('euiComboBoxOptionsHeight') as number) || 29\n    );\n  }\n\n  get rowHeight() {\n    //@ts-expect-error\n    return this.args.rowHeight ?? this.configRowHeight;\n  }\n\n  get rowHeightString() {\n    return htmlSafe(`height:${this.rowHeight}px;`);\n  }\n\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    {{#let (component (EnsureSafeComponentHelper @groupComponent)) as |Group|}}\n      {{#if @select.loading}}\n        <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n          <EuiFlexGroup\n            @gutterSize=\"s\"\n            @justifyContent=\"center\"\n            @responsive={{false}}\n          >\n            <EuiFlexItem @grow={{false}}>\n              <EuiLoadingSpinner @size=\"m\" />\n            </EuiFlexItem>\n            <EuiFlexItem @grow={{false}}>\n              {{@loadingMessage}}\n            </EuiFlexItem>\n          </EuiFlexGroup>\n        </EuiText>\n      {{else}}\n        {{! template-lint-disable }}\n        <VerticalCollection\n          @items={{this.flattedOptions}}\n          @tagName=\"div\"\n          @estimateHeight={{this.rowHeight}}\n          @staticHeight={{true}}\n          @bufferSize={{3}}\n          style=\"max-height: 200px; overflow-y: auto;\"\n          role=\"listbox\"\n          aria-controls=\"ember-power-select-trigger-{{@select.uniqueId}}\"\n          class={{@class}}\n          {{didInsert this.addHandlers}}\n          {{willDestroy this.removeHandlers}}\n          ...attributes\n          as |opt index|\n        >\n          {{! template-lint-enable }}\n          {{#if (emberPowerSelectIsGroupHelper opt)}}\n            <Group\n              @group={{opt}}\n              @select={{@select}}\n              @extra={{@extra}}\n              style={{this.rowHeightString}}\n              data-option-index=\"{{index}}\"\n            />\n          {{else}}\n            <li\n              style={{this.rowHeightString}}\n              class=\"euiFilterSelectItem\n                {{if\n                  (eq opt @select.highlighted)\n                  ' euiFilterSelectItem-isFocused'\n                }}\"\n              aria-selected=\"{{emberPowerSelectIsEqual opt @select.selected}}\"\n              aria-disabled={{if opt.disabled \"true\"}}\n              aria-current=\"{{eq opt @select.highlighted}}\"\n              data-option-index=\"{{index}}\"\n              role=\"option\"\n              tabindex={{if opt.disabled \"-1\" \"0\"}}\n            >\n              <span class=\"euiComboBoxOption__contentWrapper\">\n                <span class=\"euiComboBoxOption__content\">\n                  {{yield opt index @select}}\n                </span>\n                {{#if (and (eq opt @select.highlighted) (not opt.disabled))}}\n                  <EuiBadge\n                    class=\"euiComboBoxOption__enterBadge\"\n                    @color=\"hollow\"\n                    @iconType=\"returnKey\"\n                    aria-hidden=\"true\"\n                  />\n                {{/if}}\n              </span>\n            </li>\n          {{/if}}\n        </VerticalCollection>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiComboBoxOptionsComponent","EmberPowerSelectOptions","g","prototype","service","i","void 0","_optionsCache","flattedOptions","args","options","reduce","acc","curr","emberPowerSelectIsGroup","push","_optionFromIndex","index","parts","split","option","at","parseInt","length","configRowHeight","euiConfig","getConfig","rowHeight","rowHeightString","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","EnsureSafeComponentHelper","EuiText","EuiFlexGroup","EuiFlexItem","EuiLoadingSpinner","VerticalCollection","didInsert","willDestroy","emberPowerSelectIsGroupHelper","eq","emberPowerSelectIsEqual","and","not","EuiBadge"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBe,MAAMA,2BAAoC,SAAAC,uBAAA,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACtDC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAAC,MAAA;AACDC,EAAAA,aAAe,GAAQ,EAAE;EAEzB,IAAIC,cAAiBA,GAAA;IACnB,IAAI,IAAI,CAACD,aAAa,KAAK,IAAI,CAACE,IAAI,CAACC,OAAO,EAAE;AAC5C,MAAA,IAAI,CAACH,aAAa,GAAG,IAAI,CAACE,IAAI,CAACC,OAAO;AAEtC,MAAA,OAAO,IAAI,CAACD,IAAI,CAACC,OAAO,EAAEC,MAAA,CAAO,CAACC,GAAK,EAAAC,IAAA,KAAA;AACrC,QAAA,IAAIC,uBAAwB,CAAA,CAACD,IAAA,CAAK,CAAG,EAAA;UACnCD,GAAA,CAAIG,IAAI,CAACF,IAAS,EAAA,GAAAA,IAAA,CAAKH,OAAO,CAAA;AAChC,SAAO,MAAA;AACLE,UAAAA,GAAA,CAAIG,IAAI,CAACF,IAAA,CAAA;AACX;AAEA,QAAA,OAAOD,GAAA;OACT,EAAG,EAAE,CAAA;AACP;IAEA,OAAO,IAAI,CAACL,aAAa;AAC3B;EAEAS,gBAAiBA,CAAAC,KAAa,EAAE;AAC9B,IAAA,IAAIC,KAAA,GAAQD,KAAM,CAAAE,KAAK,CAAC,GAAA,CAAA;AACxB,IAAA,IAAIC,MAAA,GAAS,IAAI,CAACZ,cAAc,CAACa,EAAE,GAAGC,QAAS,CAAAJ,KAAK,CAAC,CAAA,CAAE,EAAG,EAAA,CAAA,CAAA;AAE1D,IAAA,KAAK,IAAIb,CAAI,GAAA,CAAA,EAAGA,IAAIa,KAAM,CAAAK,MAAM,EAAElB,CAAK,EAAA,EAAA;AACrCe,MAAAA,MAAS,GAAAA,MAAA,CAAOV,OAAO,CAACY,QAAA,CAASJ,KAAK,CAACb,CAAA,CAAE,EAAG,EAAI,CAAA,CAAA;AAClD;AAEA,IAAA,OAAOe,MAAA;AACT;EAEA,IAAII,eAAkBA,GAAA;IACpB,OACG,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,0BAAA,CAAA,IAA0C,EACtE;AACF;EAEA,IAAIC,SAAYA,GAAA;AACd;IACA,OAAO,IAAI,CAAClB,IAAI,CAACkB,SAAS,IAAI,IAAI,CAACH,eAAe;AACpD;EAEA,IAAII,eAAkBA,GAAA;AACpB,IAAA,OAAOC,QAAA,CAAS,CAAA,OAAA,EAAU,IAAI,CAACF,SAAS,KAAK,CAAA;AAC/C;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CA6EA,mvEAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,yBAAA;iBAAAC,gBAAA;QAAAC,YAAA;QAAAC,WAAA;QAAAC,iBAAA;QAAAC,kBAAA;QAAAC,SAAA;QAAAC,WAAA;QAAAC,6BAAA;QAAAC,EAAA;QAAAC,uBAAA;QAAAC,GAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-combo-box/trigger.js

@@ -2,7 +2,7 @@ import { array, fn } from '@ember/helper';
 import { on } from '@ember/modifier';
 import didUpdate from '@ember/render-modifiers/modifiers/did-update';
 import { EnsureSafeComponentHelper } from '@embroider/util';
-import optional from 'ember-composable-helpers/helpers/optional';
+import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import EmberPowerSelectMultipleTrigger from 'ember-power-select/components/power-select-multiple/trigger';
 import { not, or, and } from 'ember-truth-helpers';
 import argOrDefault from '../../helpers/arg-or-default.js';

package/dist/components/eui-combo-box/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","sources":["../../../src/components/eui-combo-box/trigger.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { array } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { EnsureSafeComponentHelper } from '@embroider/util';\n\nimport optional from 'ember-composable-helpers/helpers/optional';\nimport EmberPowerSelectMultipleTrigger from 'ember-power-select/components/power-select-multiple/trigger';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport classNames from '../../helpers/class-names.ts';\nimport EuiComboBoxPill from '../eui-combo-box-pill.gts';\nimport EuiFormControlLayout from '../eui-form-control-layout.gts';\nimport EuiComboBoxTriggerInput from './trigger/input.gts';\n\nexport default class EuiComboBoxTriggerComponent extends EmberPowerSelectMultipleTrigger {\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    <EuiFormControlLayout\n      @icon={{argOrDefault @icon \"arrowDown\"}}\n      @iconSide=\"right\"\n      @fullWidth={{@fullWidth}}\n      @compressed={{@compressed}}\n      @readOnly={{@readOnly}}\n      @clear={{if\n        (and @select.selected @allowClear)\n        (fn @select.actions.select (array))\n      }}\n      @isLoading={{@isLoading}}\n      @disabled={{@select.disabled}}\n    >\n      <:field>\n        {{! template-lint-disable }}\n        <ul\n          id=\"ember-power-select-multiple-options-{{@select.uniqueId}}\"\n          class={{classNames\n            \"euiComboBox__inputWrap ember-power-select-multiple-options\"\n            (if @compressed \"euiComboBox__inputWrap--compressed\")\n            (if @fullWidth \"euiComboBox__inputWrap--fullWidth\")\n            (if @singleSelection \"euiComboBox__inputWrap--noWrap\")\n            (if @isLoading \"euiComboBox__inputWrap--isLoading\")\n            (if @allowClear \"euiComboBox__inputWrap-isClearable\")\n          }}\n          ...attributes\n          {{didUpdate this.openChanged @select.isOpen}}\n          {{on \"touchstart\" this.chooseOption}}\n          {{on \"mousedown\" this.chooseOption}}\n        >\n          {{! template-lint-enable }}\n          {{#if\n            (or\n              (and @singleSelection (not @select.searchText))\n              (not @singleSelection)\n            )\n          }}\n            {{#each @select.selected as |opt idx|}}\n              {{#if @selectedItemComponent}}\n                {{#let\n                  (component\n                    (EnsureSafeComponentHelper @selectedItemComponent)\n                    extra=@extra\n                    option=opt\n                    select=@select\n                  )\n                  as |SelectedItemComponent|\n                }}\n                  <SelectedItemComponent />\n                {{/let}}\n              {{else}}\n                <EuiComboBoxPill\n                  class=\"ember-power-select-multiple-option\n                    {{if\n                      opt.disabled\n                      'ember-power-select-multiple-option--disabled'\n                    }}\"\n                  @option={{opt}}\n                  @onClose={{if\n                    (or @select.disabled @singleSelection)\n                    false\n                    (if @onClose (fn (optional @onClose) opt) true)\n                  }}\n                  @dataSelectedIconIndex={{idx}}\n                  @color={{opt.color}}\n                  @asPlainText={{@singleSelection.asPlainText}}\n                >\n                  {{yield opt @select}}\n                </EuiComboBoxPill>\n              {{/if}}\n            {{else}}{{#if (and @placeholder (not @searchEnabled))}}\n                <span class=\"ember-power-select-placeholder\">\n                  {{@placeholder}}\n                </span>\n              {{/if}}{{/each}}\n          {{/if}}\n          {{#if @searchEnabled}}\n            {{#if (and this.maybePlaceholder (not @select.searchText))}}\n              <p class=\"euiComboBoxPlaceholder\">\n                {{this.maybePlaceholder}}\n              </p>\n            {{/if}}\n            {{#let\n              (component\n                EuiComboBoxTriggerInput\n                select=@select\n                ariaActiveDescendant=@ariaActiveDescendant\n                ariaLabelledBy=@ariaLabelledBy\n                ariaLabel=@ariaLabel\n                listboxId=@listboxId\n                tabindex=@tabindex\n                buildSelection=@buildSelection\n                placeholder=@placeholder\n                placeholderComponent=@placeholderComponent\n                searchField=@searchField\n                onFocus=@onFocus\n                isInvalid=@isInvalid\n                onBlur=@onBlur\n                onKeydown=@onKeydown\n                onInput=@onInput\n                onCreateOption=@onCreateOption\n              )\n              as |InputComponent|\n            }}\n              {{#let\n                (component\n                  (EnsureSafeComponentHelper @placeholderComponent)\n                  select=@select\n                  placeholder=@placeholder\n                  isMultipleWithSearch=true\n                  inputComponent=InputComponent\n                  displayPlaceholder=(and\n                    (not @select.searchText) (not @select.selected)\n                  )\n                )\n                as |PlaceholderComponent|\n              }}\n                <PlaceholderComponent />\n              {{/let}}\n            {{/let}}\n          {{else}}\n            {{! template-lint-disable }}\n            <div\n              class=\"euiComboBox__input\"\n              style=\"font-size: 14px; display: inline-block;\"\n            ></div>\n            {{! template-lint-enable }}\n          {{/if}}\n        </ul>\n      </:field>\n    </EuiFormControlLayout>\n  </template>\n}\n"],"names":["EuiComboBoxTriggerComponent","EmberPowerSelectMultipleTrigger","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","argOrDefault","and","fn","array","classNames","didUpdate","on","or","not","EnsureSafeComponentHelper","EuiComboBoxPill","optional","EuiComboBoxTriggerInput"],"mappings":";;;;;;;;;;;;;;;AAgBe,MAAMA,2BAAoC,SAAAC,+BAAA,CAAA;AACvD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAqIA,0hHAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,oBAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,yBAAA;QAAAC,eAAA;QAAAC,QAAA;AAAAC,iCAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"trigger.js","sources":["../../../src/components/eui-combo-box/trigger.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { array } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { EnsureSafeComponentHelper } from '@embroider/util';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport EmberPowerSelectMultipleTrigger from 'ember-power-select/components/power-select-multiple/trigger';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport classNames from '../../helpers/class-names.ts';\nimport EuiComboBoxPill from '../eui-combo-box-pill.gts';\nimport EuiFormControlLayout from '../eui-form-control-layout.gts';\nimport EuiComboBoxTriggerInput from './trigger/input.gts';\n\nexport default class EuiComboBoxTriggerComponent extends EmberPowerSelectMultipleTrigger {\n  <template>\n    {{! @glint-nocheck: not typesafe yet }}\n    <EuiFormControlLayout\n      @icon={{argOrDefault @icon \"arrowDown\"}}\n      @iconSide=\"right\"\n      @fullWidth={{@fullWidth}}\n      @compressed={{@compressed}}\n      @readOnly={{@readOnly}}\n      @clear={{if\n        (and @select.selected @allowClear)\n        (fn @select.actions.select (array))\n      }}\n      @isLoading={{@isLoading}}\n      @disabled={{@select.disabled}}\n    >\n      <:field>\n        {{! template-lint-disable }}\n        <ul\n          id=\"ember-power-select-multiple-options-{{@select.uniqueId}}\"\n          class={{classNames\n            \"euiComboBox__inputWrap ember-power-select-multiple-options\"\n            (if @compressed \"euiComboBox__inputWrap--compressed\")\n            (if @fullWidth \"euiComboBox__inputWrap--fullWidth\")\n            (if @singleSelection \"euiComboBox__inputWrap--noWrap\")\n            (if @isLoading \"euiComboBox__inputWrap--isLoading\")\n            (if @allowClear \"euiComboBox__inputWrap-isClearable\")\n          }}\n          ...attributes\n          {{didUpdate this.openChanged @select.isOpen}}\n          {{on \"touchstart\" this.chooseOption}}\n          {{on \"mousedown\" this.chooseOption}}\n        >\n          {{! template-lint-enable }}\n          {{#if\n            (or\n              (and @singleSelection (not @select.searchText))\n              (not @singleSelection)\n            )\n          }}\n            {{#each @select.selected as |opt idx|}}\n              {{#if @selectedItemComponent}}\n                {{#let\n                  (component\n                    (EnsureSafeComponentHelper @selectedItemComponent)\n                    extra=@extra\n                    option=opt\n                    select=@select\n                  )\n                  as |SelectedItemComponent|\n                }}\n                  <SelectedItemComponent />\n                {{/let}}\n              {{else}}\n                <EuiComboBoxPill\n                  class=\"ember-power-select-multiple-option\n                    {{if\n                      opt.disabled\n                      'ember-power-select-multiple-option--disabled'\n                    }}\"\n                  @option={{opt}}\n                  @onClose={{if\n                    (or @select.disabled @singleSelection)\n                    false\n                    (if @onClose (fn (optional @onClose) opt) true)\n                  }}\n                  @dataSelectedIconIndex={{idx}}\n                  @color={{opt.color}}\n                  @asPlainText={{@singleSelection.asPlainText}}\n                >\n                  {{yield opt @select}}\n                </EuiComboBoxPill>\n              {{/if}}\n            {{else}}{{#if (and @placeholder (not @searchEnabled))}}\n                <span class=\"ember-power-select-placeholder\">\n                  {{@placeholder}}\n                </span>\n              {{/if}}{{/each}}\n          {{/if}}\n          {{#if @searchEnabled}}\n            {{#if (and this.maybePlaceholder (not @select.searchText))}}\n              <p class=\"euiComboBoxPlaceholder\">\n                {{this.maybePlaceholder}}\n              </p>\n            {{/if}}\n            {{#let\n              (component\n                EuiComboBoxTriggerInput\n                select=@select\n                ariaActiveDescendant=@ariaActiveDescendant\n                ariaLabelledBy=@ariaLabelledBy\n                ariaLabel=@ariaLabel\n                listboxId=@listboxId\n                tabindex=@tabindex\n                buildSelection=@buildSelection\n                placeholder=@placeholder\n                placeholderComponent=@placeholderComponent\n                searchField=@searchField\n                onFocus=@onFocus\n                isInvalid=@isInvalid\n                onBlur=@onBlur\n                onKeydown=@onKeydown\n                onInput=@onInput\n                onCreateOption=@onCreateOption\n              )\n              as |InputComponent|\n            }}\n              {{#let\n                (component\n                  (EnsureSafeComponentHelper @placeholderComponent)\n                  select=@select\n                  placeholder=@placeholder\n                  isMultipleWithSearch=true\n                  inputComponent=InputComponent\n                  displayPlaceholder=(and\n                    (not @select.searchText) (not @select.selected)\n                  )\n                )\n                as |PlaceholderComponent|\n              }}\n                <PlaceholderComponent />\n              {{/let}}\n            {{/let}}\n          {{else}}\n            {{! template-lint-disable }}\n            <div\n              class=\"euiComboBox__input\"\n              style=\"font-size: 14px; display: inline-block;\"\n            ></div>\n            {{! template-lint-enable }}\n          {{/if}}\n        </ul>\n      </:field>\n    </EuiFormControlLayout>\n  </template>\n}\n"],"names":["EuiComboBoxTriggerComponent","EmberPowerSelectMultipleTrigger","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","argOrDefault","and","fn","array","classNames","didUpdate","on","or","not","EnsureSafeComponentHelper","EuiComboBoxPill","optional","EuiComboBoxTriggerInput"],"mappings":";;;;;;;;;;;;;;;AAgBe,MAAMA,2BAAoC,SAAAC,+BAAA,CAAA;AACvD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAqIA,0hHAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,oBAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,yBAAA;QAAAC,eAAA;QAAAC,QAAA;AAAAC,iCAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-combo-box-pill.js

@@ -1,5 +1,5 @@
 import { fn, hash } from '@ember/helper';
-import optional from 'ember-composable-helpers/helpers/optional';
+import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import classNames from '../helpers/class-names.js';
 import EuiBadge from './eui-badge.js';
 import { precompileTemplate } from '@ember/template-compilation';

package/dist/components/eui-combo-box-pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-combo-box-pill.js","sources":["../../src/components/eui-combo-box-pill.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { fn } from '@ember/helper';\n\nimport optional from 'ember-composable-helpers/helpers/optional';\n\nimport classNames from '../helpers/class-names.ts';\nimport EuiBadge from './eui-badge.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiComboBoxPill {\n  Element: EuiBadgeSignature['Element'];\n  Args: {\n    /**\n     * The color of the pill\n     */\n    asPlainText?: boolean;\n\n    onClose?: (option: unknown) => void;\n\n    color?: EuiBadgeSignature['Args']['color'];\n\n    dataSelectedIconIndex?: number;\n\n    iconOnClickAriaLabel?: string;\n\n    option?: unknown;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiComboBoxPill: TemplateOnlyComponent<EuiComboBoxPill> = <template>\n  {{#let\n    (classNames\n      \"euiComboBoxPill\" (if @asPlainText \"euiComboBoxPill--plainText\")\n    )\n    (optional @onClose)\n    as |classes onClose|\n  }}\n    {{#if @onClose}}\n      <EuiBadge\n        class={{classes}}\n        @closeButtonProps={{hash\n          tabIndex=-1\n          dataSelectedIconIndex=@dataSelectedIconIndex\n        }}\n        @color={{@color}}\n        @iconOnClick={{fn onClose @option}}\n        @iconOnClickAriaLabel={{@iconOnClickAriaLabel}}\n        @iconSide=\"right\"\n        @iconType=\"cross\"\n        ...attributes\n      >\n        {{yield}}\n      </EuiBadge>\n    {{else if @asPlainText}}\n      <span class={{classes}}>\n        {{yield}}\n      </span>\n    {{else}}\n      <EuiBadge\n        class={{classes}}\n        @color={{@color}}\n        @closeButtonProps={{hash dataSelectedIconIndex=@dataSelectedIconIndex}}\n        ...attributes\n      >\n        {{yield}}\n      </EuiBadge>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiComboBoxPill;\n"],"names":["EuiComboBoxPill","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","optional","EuiBadge","hash","fn","templateOnly"],"mappings":";;;;;;;;AAkCA,MAAMA,eAA0D,GAAAC,oBAAA,CAAAC,kBAAA,CAuChE,oxBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-combo-box-pill.js","sources":["../../src/components/eui-combo-box-pill.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { fn } from '@ember/helper';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport classNames from '../helpers/class-names.ts';\nimport EuiBadge from './eui-badge.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiComboBoxPill {\n  Element: EuiBadgeSignature['Element'];\n  Args: {\n    /**\n     * The color of the pill\n     */\n    asPlainText?: boolean;\n\n    onClose?: (option: unknown) => void;\n\n    color?: EuiBadgeSignature['Args']['color'];\n\n    dataSelectedIconIndex?: number;\n\n    iconOnClickAriaLabel?: string;\n\n    option?: unknown;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiComboBoxPill: TemplateOnlyComponent<EuiComboBoxPill> = <template>\n  {{#let\n    (classNames\n      \"euiComboBoxPill\" (if @asPlainText \"euiComboBoxPill--plainText\")\n    )\n    (optional @onClose)\n    as |classes onClose|\n  }}\n    {{#if @onClose}}\n      <EuiBadge\n        class={{classes}}\n        @closeButtonProps={{hash\n          tabIndex=-1\n          dataSelectedIconIndex=@dataSelectedIconIndex\n        }}\n        @color={{@color}}\n        @iconOnClick={{fn onClose @option}}\n        @iconOnClickAriaLabel={{@iconOnClickAriaLabel}}\n        @iconSide=\"right\"\n        @iconType=\"cross\"\n        ...attributes\n      >\n        {{yield}}\n      </EuiBadge>\n    {{else if @asPlainText}}\n      <span class={{classes}}>\n        {{yield}}\n      </span>\n    {{else}}\n      <EuiBadge\n        class={{classes}}\n        @color={{@color}}\n        @closeButtonProps={{hash dataSelectedIconIndex=@dataSelectedIconIndex}}\n        ...attributes\n      >\n        {{yield}}\n      </EuiBadge>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiComboBoxPill;\n"],"names":["EuiComboBoxPill","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","optional","EuiBadge","hash","fn","templateOnly"],"mappings":";;;;;;;;AAkCA,MAAMA,eAA0D,GAAAC,oBAAA,CAAAC,kBAAA,CAuChE,oxBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-combo-box.js

@@ -5,9 +5,8 @@ import { action } from '@ember/object';
 import { inject } from '@ember/service';
 import { isEqual } from '@ember/utils';
 import 'ember-basic-dropdown/styles';
-import optional from 'ember-composable-helpers/helpers/optional';
-import pipe from 'ember-composable-helpers/helpers/pipe';
-import queue from 'ember-composable-helpers/helpers/queue';
+import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
+import queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';
 import PowerSelectMultiple from 'ember-power-select/components/power-select-multiple';
 import { emberPowerSelectIsGroup } from 'ember-power-select/helpers/ember-power-select-is-group';
 import { not, and } from 'ember-truth-helpers';
@@ -37,27 +36,27 @@ class EuiComboBoxComponent extends Component {
   static {
     g(this.prototype, "euiI18n", [inject]);
   }
-  #euiI18n = (i(this, "euiI18n"), undefined);
+  #euiI18n = (i(this, "euiI18n"), void 0);
   static {
     g(this.prototype, "select", [tracked], function () {
       return null;
     });
   }
-  #select = (i(this, "select"), undefined);
+  #select = (i(this, "select"), void 0);
   static {
     g(this.prototype, "_resolvedOptions", [tracked]);
   }
-  #_resolvedOptions = (i(this, "_resolvedOptions"), undefined);
+  #_resolvedOptions = (i(this, "_resolvedOptions"), void 0);
   static {
     g(this.prototype, "searchText", [tracked], function () {
       return '';
     });
   }
-  #searchText = (i(this, "searchText"), undefined);
+  #searchText = (i(this, "searchText"), void 0);
   static {
     g(this.prototype, "_searchResult", [tracked]);
   }
-  #_searchResult = (i(this, "_searchResult"), undefined);
+  #_searchResult = (i(this, "_searchResult"), void 0);
   _filterResultsCache = {
     results: [],
     options: [],
@@ -73,11 +72,10 @@ class EuiComboBoxComponent extends Component {
     return this.args.searchMessage || this.euiI18n.lookupToken('euiComboBox.searchMessage', 'Type to search');
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{!-- @glint-nocheck: not typesafe yet --}}\n    <PowerSelectMultiple ...attributes @onChange={{pipe this.onChange @onChange}} @onFocus={{@onFocus}} @onBlur={{@onBlur}} @onOpen={{@onOpen}} @onClose={{@onClose}} @placeholderComponent={{@placeholderComponent}} @searchMessage={{this.searchMessage}} @searchMessageComponent={{if @searchMessageComponent @searchMessageComponent EuiComboBoxSearchMessage}} @noMatchesMessage={{this.noMatchesMessage}} @matchTriggerWidth={{@matchTriggerWidth}} @options={{this.options}} @selected={{@selectedOptions}} @closeOnSelect={{@closeOnSelect}} @defaultHighlighted={{@defaultHighlighted}} @searchField={{@searchField}} @searchEnabled={{argOrDefault @searchEnabled true}} @tabindex={{@tabindex}} @initiallyOpened={{and (not @isDisabled) @autoFocus}} @triggerComponent={{component EuiComboBoxTrigger fullWidth=@fullWidth compressed=@compressed isInvalid=@isInvalid singleSelection=@singleSelection onClose=@removeTag onCreateOption=(if @onCreateOption this.onCreateOption) isLoading=@isLoading autoFocus=(and (not @isDisabled) @autoFocus) icon=@triggerIcon}} @matcher={{@matcher}} @initiallyOpen={{@initiallyOpen}} @typeAheadOptionMatcher={{@typeAheadOptionMatcher}} @buildSelection={{this.buildSelection}} @search={{@search}} @onInput={{@onInput}} @onKeydown={{@onKeydown}} @scrollTo={{this.scrollTo}} @registerAPI={{queue this.registerAPI (optional @registerApi)}} @horizontalPosition={{@horizontalPosition}} @destination={{@destination}} @preventScroll={{@preventScroll}} @renderInPlace={{@renderInPlace}} @verticalPosition={{@verticalPosition}} @disabled={{@isDisabled}} @calculatePosition={{@calculatePosition}} @eventType={{@eventType}} @ariaLabel={{@ariaLabel}} @ariaLabelledBy={{@ariaLabelledBy}} @required={{@required}} @triggerRole={{@triggerRole}} @title={{@title}} @triggerId={{@triggerId}} @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}} @loadingMessage={{this.loadingMessage}} @selectedItemComponent={{@selectedItemComponent}} @beforeOptionsComponent={{@beforeOptionsComponent}} @afterOptionsComponent={{@afterOptionsComponent}} @placeholder={{@placeholder}} @searchPlaceholder={{@searchPlaceholder}} @optionsComponent={{component EuiComboBoxOptions rowHeight=@rowHeight class=@optionsClass}} @extra={{@extra}} @groupComponent={{component EuiComboBoxGroup}} @triggerClass={{classNames \"euiComboBox\" (if @compressed \"euiComboBox--compressed\") (if @fullWidth \"euiComboBox--fullWidth\") (if @isDisabled \"euiComboBox-isDisabled\") (if @isInvalid \"euiComboBox-isInvalid\") (if this.select.isOpen \"euiComboBox-isOpen\")}} @noMatchesMessageComponent={{if @onCreateOption (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select) (component EuiComboBoxNoMatchesMessage)}} @dropdownClass=\"euiComboBoxOptionsList euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel-isAttached euiPopover__panel euiPopover__panel-noArrow euiPopover__panel--bottom euiPopover__panel-isOpen euiComboBoxOptionsList__rowWrap {{@dropdownClass}}\" as |option i|>\n      {{yield option i}}\n    </PowerSelectMultiple>\n  ", {
+    setComponentTemplate(precompileTemplate("\n    {{!-- @glint-nocheck: not typesafe yet --}}\n    <PowerSelectMultiple ...attributes @onChange={{this.onChange}} @onFocus={{@onFocus}} @onBlur={{@onBlur}} @onOpen={{@onOpen}} @onClose={{@onClose}} @placeholderComponent={{@placeholderComponent}} @searchMessage={{this.searchMessage}} @searchMessageComponent={{if @searchMessageComponent @searchMessageComponent EuiComboBoxSearchMessage}} @noMatchesMessage={{this.noMatchesMessage}} @matchTriggerWidth={{@matchTriggerWidth}} @options={{this.options}} @selected={{@selectedOptions}} @closeOnSelect={{@closeOnSelect}} @defaultHighlighted={{@defaultHighlighted}} @searchField={{@searchField}} @searchEnabled={{argOrDefault @searchEnabled true}} @tabindex={{@tabindex}} @initiallyOpened={{and (not @isDisabled) @autoFocus}} @triggerComponent={{component EuiComboBoxTrigger fullWidth=@fullWidth compressed=@compressed isInvalid=@isInvalid singleSelection=@singleSelection onClose=@removeTag onCreateOption=(if @onCreateOption this.onCreateOption) isLoading=@isLoading autoFocus=(and (not @isDisabled) @autoFocus) icon=@triggerIcon}} @matcher={{@matcher}} @initiallyOpen={{@initiallyOpen}} @typeAheadOptionMatcher={{@typeAheadOptionMatcher}} @buildSelection={{this.buildSelection}} @search={{@search}} @onInput={{@onInput}} @onKeydown={{@onKeydown}} @scrollTo={{this.scrollTo}} @registerAPI={{queue this.registerAPI (optional @registerApi)}} @horizontalPosition={{@horizontalPosition}} @destination={{@destination}} @preventScroll={{@preventScroll}} @renderInPlace={{@renderInPlace}} @verticalPosition={{@verticalPosition}} @disabled={{@isDisabled}} @calculatePosition={{@calculatePosition}} @eventType={{@eventType}} @ariaLabel={{@ariaLabel}} @ariaLabelledBy={{@ariaLabelledBy}} @required={{@required}} @triggerRole={{@triggerRole}} @title={{@title}} @triggerId={{@triggerId}} @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}} @loadingMessage={{this.loadingMessage}} @selectedItemComponent={{@selectedItemComponent}} @beforeOptionsComponent={{@beforeOptionsComponent}} @afterOptionsComponent={{@afterOptionsComponent}} @placeholder={{@placeholder}} @searchPlaceholder={{@searchPlaceholder}} @optionsComponent={{component EuiComboBoxOptions rowHeight=@rowHeight class=@optionsClass}} @extra={{@extra}} @groupComponent={{component EuiComboBoxGroup}} @triggerClass={{classNames \"euiComboBox\" (if @compressed \"euiComboBox--compressed\") (if @fullWidth \"euiComboBox--fullWidth\") (if @isDisabled \"euiComboBox-isDisabled\") (if @isInvalid \"euiComboBox-isInvalid\") (if this.select.isOpen \"euiComboBox-isOpen\")}} @noMatchesMessageComponent={{if @onCreateOption (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select) (component EuiComboBoxNoMatchesMessage)}} @dropdownClass=\"euiComboBoxOptionsList euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel-isAttached euiPopover__panel euiPopover__panel-noArrow euiPopover__panel--bottom euiPopover__panel-isOpen euiComboBoxOptionsList__rowWrap {{@dropdownClass}}\" as |option i|>\n      {{yield option i}}\n    </PowerSelectMultiple>\n  ", {
       strictMode: true,
       scope: () => ({
         PowerSelectMultiple,
-        pipe,
         EuiComboBoxSearchMessage: SearchMessageComponent,
         argOrDefault,
         and,
@@ -179,7 +177,7 @@ class EuiComboBoxComponent extends Component {
     if (this.args.singleSelection) {
       return selected.length > 0 ? [selected[selected.length - 1]] : [];
     }
-    return selected;
+    this.args.onChange(selected);
   }
   static {
     n(this.prototype, "onChange", [action]);