@ember-eui/core 14.1.4 → 16.0.0

package/dist/components/eui-color-stops.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-color-stops.js","sources":["../../src/components/eui-color-stops.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport {\n  addDefinedStop,\n  addStop,\n  DEFAULT_VISUALIZATION_COLOR,\n  getChromaColor,\n  getPositionFromStop,\n  getSteppedGradient,\n  getStopFromMouseLocation,\n  isStopsInvalid,\n  removeStop\n} from '../-private/color.ts';\nimport cssStyle from '../-private/css-style.ts';\nimport EuiColorStopThumb from './eui-color-stops/thumb.gts';\nimport EuiRangeWrapper from './eui-range-wrapper.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { ColorStop } from '../-private/color.ts';\n\nexport type { ColorStop };\n\nconst DEFAULT_MIN = 0;\nconst DEFAULT_MAX = 100;\nconst STOP_ATTR = 'euiColorStop_';\n\ntype IndexedStop = ColorStop & { id: number };\n\n/**\n * An editable gradient: a track with color stops (a value and a color\n * each) to drag, click to edit, add (click the track) and remove, e.g. to\n * color a map or a chart by value. You keep the stops: `@onChange` gets\n * the new ones and whether any is invalid.\n */\nexport interface EuiColorStopsSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** The stops: `[{ stop: 0, color: '#54B399' }, …]`. */\n    colorStops: ColorStop[];\n    /** Called with the new stops and whether any stop is invalid. */\n    onChange: (colorStops: ColorStop[], isInvalid: boolean) => void;\n    /** Accessible name, e.g. \"Map colors\". */\n    label: string;\n    /** Lowest stop value; by default the track follows the stops. */\n    min?: number;\n    /** Highest stop value; by default the track follows the stops. */\n    max?: number;\n    /**\n     * `'gradient'` (colors blend), `'fixed'` (each color until the next\n     * stop) or `'stepped'` (`@stepNumber` blended steps). Defaults to\n     * `'gradient'`.\n     */\n    stopType?: 'gradient' | 'fixed' | 'stepped';\n    /** Number of steps with `@stopType=\"stepped\"`. Defaults to `10`. */\n    stepNumber?: number;\n    /** Color of new stops. Defaults to EUI's second visualization color. */\n    addColor?: string;\n    /** Color picker of each stop: `'default'`, `'swatch'` or `'picker'`. */\n    mode?: 'default' | 'swatch' | 'picker';\n    /** Swatches of the stops' color pickers. */\n    swatches?: string[];\n    /** Colors may have an alpha channel. */\n    showAlpha?: boolean;\n    /** Disables it. */\n    disabled?: boolean;\n    /** Stops can be inspected but not changed. */\n    readOnly?: boolean;\n    /** Smaller track. */\n    compressed?: boolean;\n    /** Takes the container's full width. */\n    fullWidth?: boolean;\n  };\n}\n\nfunction sortStops(colorStops: ColorStop[]): IndexedStop[] {\n  return colorStops.map((el, index) => ({ ...el, id: index })).sort((a, b) => a.stop - b.stop);\n}\n\nfunction validStops(colorStops: ColorStop[]): number[] {\n  return colorStops.map((el) => el.stop).filter((stop) => !isNaN(stop));\n}\n\nexport default class EuiColorStops extends Component<EuiColorStopsSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked wrapper?: HTMLElement;\n  @tracked trackWidth = 0;\n  @tracked hasFocus = false;\n  @tracked focusedStopIndex: number | null = null;\n  @tracked openedStopId: number | null = null;\n  @tracked addTargetPosition = 0;\n  @tracked isHoverDisabled = false;\n\n  // after adding a stop, focus it and open it once rendered\n  focusStopOnUpdate: number | null = null;\n\n  get sortedStops(): IndexedStop[] {\n    return sortStops(this.args.colorStops);\n  }\n\n  get rangeMax(): number {\n    const { max, colorStops } = this.args;\n\n    if (max !== undefined) return max;\n\n    const stops = validStops(colorStops);\n    const last = Math.max(...stops);\n    let result = DEFAULT_MAX;\n\n    if (last > DEFAULT_MAX) result = stops.length === 1 ? last + DEFAULT_MAX : last;\n\n    return isNaN(result) ? DEFAULT_MAX : result + Math.round(result * 0.05);\n  }\n\n  get rangeMin(): number {\n    const { min, colorStops } = this.args;\n\n    if (min !== undefined) return min;\n\n    const stops = validStops(colorStops);\n    const first = Math.min(...stops);\n    let result = DEFAULT_MIN;\n\n    if (first < DEFAULT_MIN) result = stops.length === 1 ? first - DEFAULT_MIN : first;\n\n    return isNaN(result) ? DEFAULT_MIN : result - Math.round(this.rangeMax * 0.05);\n  }\n\n  get globalMin(): number {\n    return this.args.min ?? this.rangeMin;\n  }\n\n  get globalMax(): number {\n    return this.args.max ?? this.rangeMax;\n  }\n\n  get isNotInteractive(): boolean {\n    return Boolean(this.args.disabled || this.args.readOnly);\n  }\n\n  get classes(): string {\n    return [\n      'euiColorStops',\n      this.isHoverDisabled && 'euiColorStops-isDragging',\n      this.args.disabled && 'euiColorStops-isDisabled',\n      this.args.readOnly && 'euiColorStops-isReadOnly'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get announcement(): string {\n    return this.euiI18n.lookupToken(\n      'euiColorStops.screenReaderAnnouncement',\n      '{label}: {readOnly} {disabled} Color stop picker. Each stop consists of a number and corresponding color value. Use the Down and Up arrow keys to select individual stops. Press the Enter key to create a new stop.',\n      {\n        label: this.args.label,\n        disabled: this.args.disabled ? 'Disabled.' : '',\n        readOnly: this.args.readOnly ? 'Read-only.' : ''\n      }\n    );\n  }\n\n  positionOf = (stop: number): number =>\n    getPositionFromStop(stop, this.trackWidth, this.globalMin, this.globalMax);\n\n  get gradient(): string {\n    const stops = this.sortedStops;\n    const positions = stops.map((stop) => this.positionOf(stop.stop));\n    const colorAt = (index: number) =>\n      getChromaColor(stops[index]!.color, this.args.showAlpha)?.css() ?? 'currentColor';\n    const gradientStop = (index: number) =>\n      index === 0\n        ? `currentColor, currentColor ${positions[0]}%, ${colorAt(0)} ${positions[0]}%`\n        : `${colorAt(index)} ${positions[index]}%`;\n\n    if (this.args.stopType === 'stepped' && positions.length > 0) {\n      const start = positions[0]!;\n      const end = positions[positions.length - 1]!;\n      const colors = getSteppedGradient(this.args.colorStops, this.args.stepNumber ?? 10);\n      const width = (end - start) / colors.length;\n      const steps = colors\n        .map((color, i) => `${color} ${start + width * i}% ${start + width * (i + 1)}%`)\n        .join(', ');\n\n      return `linear-gradient(to right, currentColor ${start}%, ${steps})`;\n    }\n\n    const parts = stops.map((_, index) =>\n      this.args.stopType === 'fixed' && index < stops.length - 1\n        ? `${gradientStop(index)}, ${gradientStop(index + 1)}`\n        : gradientStop(index)\n    );\n\n    return `linear-gradient(to right,${parts.join(',')})`;\n  }\n\n  change(colorStops: ColorStop[]): void {\n    this.args.onChange(colorStops, isStopsInvalid(colorStops, this.args.showAlpha));\n  }\n\n  focusStop(index: number): void {\n    if (this.args.disabled || !this.wrapper) return;\n\n    const thumb = this.wrapper.querySelector<HTMLElement>(`[data-index=\"${STOP_ATTR}${index}\"]`);\n\n    if (thumb) {\n      this.hasFocus = false;\n      this.focusedStopIndex = index;\n      thumb.focus();\n    }\n  }\n\n  @action\n  focusWrapper(): void {\n    this.focusedStopIndex = null;\n    this.wrapper?.focus();\n  }\n\n  @action\n  onAdd(): void {\n    const stops = this.sortedStops.map(({ color, stop }) => ({ color, stop }));\n    const newStops = addStop(stops, this.args.addColor ?? DEFAULT_VISUALIZATION_COLOR, this.globalMax);\n\n    this.focusStopOnUpdate = newStops[this.args.colorStops.length]!.stop;\n    this.change(newStops);\n  }\n\n  @action\n  onRemove(id: number): void {\n    this.focusWrapper();\n    this.change(removeStop(this.args.colorStops, id));\n  }\n\n  @action\n  onStopChange(id: number, colorStop: ColorStop): void {\n    const colorStops = [...this.args.colorStops];\n\n    colorStops.splice(id, 1, colorStop);\n    this.change(colorStops);\n  }\n\n  @action\n  onAddHover(event: MouseEvent): void {\n    if (this.isNotInteractive || !this.wrapper) return;\n\n    const stop = getStopFromMouseLocation(\n      { x: event.clientX, y: event.clientY },\n      this.wrapper,\n      this.globalMin,\n      this.globalMax\n    );\n\n    this.addTargetPosition = this.positionOf(stop);\n  }\n\n  @action\n  onAddClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement;\n\n    if (this.isNotInteractive || !this.wrapper || target.closest('.euiColorStopThumb')) return;\n\n    const stop = getStopFromMouseLocation(\n      { x: event.clientX, y: event.clientY },\n      this.wrapper,\n      this.globalMin,\n      this.globalMax\n    );\n\n    this.focusStopOnUpdate = stop;\n    this.change(addDefinedStop(this.args.colorStops, stop, this.args.addColor ?? DEFAULT_VISUALIZATION_COLOR));\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    if (this.args.disabled) return;\n\n    const target = event.target as HTMLElement;\n    const isThumb = (target.getAttribute('data-index') ?? '').startsWith(STOP_ATTR);\n    const index = this.focusedStopIndex;\n\n    switch (event.key) {\n      case 'Escape':\n        this.focusWrapper();\n        break;\n      case 'Enter':\n        if (this.args.readOnly || !this.hasFocus) return;\n        this.onAdd();\n        break;\n      case 'Backspace': {\n        if (this.args.readOnly || this.hasFocus || index === null || !isThumb) return;\n\n        const isFirst = this.args.min === undefined && index === 0;\n        const isLast = this.args.max === undefined && index === this.sortedStops.length - 1;\n\n        if (!isFirst && !isLast) this.onRemove(this.sortedStops[index]!.id);\n        break;\n      }\n      case 'ArrowDown':\n      case 'ArrowUp':\n        if (target !== this.wrapper && !isThumb) return;\n\n        event.preventDefault();\n\n        if (index === null) {\n          this.focusStop(0);\n        } else if (event.key === 'ArrowDown') {\n          this.focusStop(Math.min(index + 1, this.sortedStops.length - 1));\n        } else {\n          this.focusStop(Math.max(index - 1, 0));\n        }\n        break;\n    }\n  }\n\n  @action\n  onWrapperFocus(event: FocusEvent): void {\n    if (event.target === this.wrapper) this.hasFocus = true;\n  }\n\n  @action\n  onWrapperBlur(): void {\n    this.hasFocus = false;\n  }\n\n  @action\n  setHoverDisabled(value: boolean): void {\n    if (!this.args.disabled) this.isHoverDisabled = value;\n  }\n\n  @action\n  setFocusedStop(index: number): void {\n    this.focusedStopIndex = index;\n  }\n\n  @action\n  openStop(id: number): void {\n    this.openedStopId = id;\n  }\n\n  @action\n  closeStop(): void {\n    this.openedStopId = null;\n  }\n\n  isRangeMin = (stop: number): boolean => this.args.min === undefined && stop === this.rangeMin;\n\n  isRangeMax = (stop: number): boolean => this.args.max === undefined && stop === this.rangeMax;\n\n  localMin = (index: number): number =>\n    index === 0 ? this.globalMin : this.sortedStops[index - 1]!.stop + 1;\n\n  localMax = (index: number): number =>\n    index === this.sortedStops.length - 1 ? this.globalMax : this.sortedStops[index + 1]!.stop - 1;\n\n  registerWrapper = modifier((element: HTMLElement, [colorStops]: [ColorStop[]]) => {\n    schedule('afterRender', () => {\n      this.wrapper = element;\n\n      if (element.clientWidth !== this.trackWidth) this.trackWidth = element.clientWidth;\n\n      // a stop was just added: focus it and open its popover\n      if (this.focusStopOnUpdate !== null) {\n        const index = this.sortedStops.map((el) => el.stop).indexOf(this.focusStopOnUpdate);\n\n        this.focusStopOnUpdate = null;\n\n        if (index > -1) {\n          this.focusStop(index);\n          this.openedStopId = this.sortedStops[index]!.id;\n        }\n      }\n    });\n\n    void colorStops;\n  });\n\n  <template>\n    <EuiRangeWrapper\n      class={{this.classes}}\n      data-test-subj=\"euiColorStops\"\n      tabindex={{if @disabled \"-1\" \"0\"}}\n      @fullWidth={{@fullWidth}}\n      @compressed={{@compressed}}\n      {{this.registerWrapper @colorStops}}\n      {{on \"mousedown\" (fn this.setHoverDisabled true)}}\n      {{on \"mouseup\" (fn this.setHoverDisabled false)}}\n      {{on \"mouseleave\" (fn this.setHoverDisabled false)}}\n      {{on \"keydown\" this.onKeyDown}}\n      {{on \"focus\" this.onWrapperFocus}}\n      {{on \"blur\" this.onWrapperBlur}}\n      ...attributes\n    >\n      <EuiScreenReaderOnly><p aria-live=\"polite\">{{this.announcement}}</p></EuiScreenReaderOnly>\n      <div class=\"euiRangeTrack {{if @disabled 'euiRangeTrack--disabled'}}\">\n        <div\n          class=\"euiRangeHighlight euiColorStops__highlight\n            {{if @compressed 'euiRangeHighlight--compressed'}}\"\n        >\n          <div\n            class=\"euiRangeHighlight__progress\"\n            style={{cssStyle\n              (hash marginLeft=\"0%\" width=\"100%\" background=this.gradient)\n            }}\n          ></div>\n        </div>\n        {{! template-lint-disable no-invalid-interactive }}\n        <div\n          class=\"euiColorStops__addContainer\n            {{if\n              (or2 this.isHoverDisabled this.isNotInteractive)\n              'euiColorStops__addContainer-isDisabled'\n            }}\"\n          data-test-subj=\"euiColorStopsAdd\"\n          {{on \"click\" this.onAddClick}}\n          {{on \"mousemove\" this.onAddHover}}\n        >\n          <div\n            class=\"euiColorStops__addTarget\"\n            style={{cssStyle (hash left=(percent this.addTargetPosition))}}\n          ></div>\n        </div>\n        {{#each this.sortedStops key=\"id\" as |colorStop index|}}\n          <EuiColorStopThumb\n            @stop={{colorStop.stop}}\n            @color={{colorStop.color}}\n            @index={{index}}\n            @count={{@colorStops.length}}\n            @onChange={{fn this.onStopChange colorStop.id}}\n            @onFocus={{fn this.setFocusedStop index}}\n            @onRemove={{if\n              (gt1 this.sortedStops.length)\n              (fn this.onRemove colorStop.id)\n            }}\n            @globalMin={{this.globalMin}}\n            @globalMax={{this.globalMax}}\n            @localMin={{this.localMin index}}\n            @localMax={{this.localMax index}}\n            @min={{@min}}\n            @max={{@max}}\n            @isRangeMin={{this.isRangeMin colorStop.stop}}\n            @isRangeMax={{this.isRangeMax colorStop.stop}}\n            @trackWidth={{this.trackWidth}}\n            @parent={{this.wrapper}}\n            @mode={{@mode}}\n            @showAlpha={{@showAlpha}}\n            @swatches={{@swatches}}\n            @disabled={{@disabled}}\n            @readOnly={{@readOnly}}\n            @isPopoverOpen={{isEqual colorStop.id this.openedStopId}}\n            @openPopover={{fn this.openStop colorStop.id}}\n            @closePopover={{this.closeStop}}\n          />\n        {{/each}}\n      </div>\n    </EuiRangeWrapper>\n  </template>\n}\n\nfunction or2(a: unknown, b: unknown): boolean {\n  return Boolean(a || b);\n}\n\nfunction gt1(n: number): boolean {\n  return n > 1;\n}\n\nfunction isEqual(a: unknown, b: unknown): boolean {\n  return a === b;\n}\n\nfunction percent(value: number): string {\n  return `${value}%`;\n}\n"],"names":["DEFAULT_MIN","DEFAULT_MAX","STOP_ATTR","sortStops","colorStops","map","el","index","id","sort","a","b","stop","validStops","filter","isNaN","EuiColorStops","Component","g","prototype","service","i","tracked","focusStopOnUpdate","sortedStops","args","rangeMax","max","undefined","stops","last","Math","result","length","round","rangeMin","min","first","globalMin","globalMax","isNotInteractive","Boolean","disabled","readOnly","classes","isHoverDisabled","join","announcement","euiI18n","lookupToken","label","positionOf","getPositionFromStop","trackWidth","gradient","positions","colorAt","getChromaColor","color","showAlpha","css","gradientStop","stopType","start","end","colors","getSteppedGradient","stepNumber","width","steps","parts","_","change","onChange","isStopsInvalid","focusStop","wrapper","thumb","querySelector","hasFocus","focusedStopIndex","focus","focusWrapper","n","action","onAdd","newStops","addStop","addColor","DEFAULT_VISUALIZATION_COLOR","onRemove","removeStop","onStopChange","colorStop","splice","onAddHover","event","getStopFromMouseLocation","x","clientX","y","clientY","addTargetPosition","onAddClick","target","closest","addDefinedStop","onKeyDown","isThumb","getAttribute","startsWith","key","isFirst","isLast","preventDefault","onWrapperFocus","onWrapperBlur","setHoverDisabled","value","setFocusedStop","openStop","openedStopId","closeStop","isRangeMin","isRangeMax","localMin","localMax","registerWrapper","modifier","element","schedule","clientWidth","indexOf","setComponentTemplate","precompileTemplate","strictMode","scope","EuiRangeWrapper","on","fn","EuiScreenReaderOnly","cssStyle","hash","or2","percent","EuiColorStopThumb","gt1","isEqual"],"mappings":"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"}
+{"version":3,"file":"eui-color-stops.js","sources":["../../src/components/eui-color-stops.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport {\n  addDefinedStop,\n  addStop,\n  DEFAULT_VISUALIZATION_COLOR,\n  getChromaColor,\n  getPositionFromStop,\n  getSteppedGradient,\n  getStopFromMouseLocation,\n  isStopsInvalid,\n  removeStop\n} from '../-private/color.ts';\nimport { deprecateRemovedUpstream } from '../-private/removed-upstream.ts';\nimport cssStyle from '../-private/css-style.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  boxReset,\n  euiColorStopsAddContainerStyles,\n  euiColorStopsStyles\n} from '../utils/eui/color-picker.ts';\nimport {\n  euiRangeHighlightProgressStyles,\n  euiRangeHighlightStyles,\n  euiRangeTrackStyles,\n  euiRangeWrapperStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiColorStopThumb from './eui-color-stops/thumb.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { ColorStop } from '../-private/color.ts';\nimport type Owner from '@ember/owner';\n\nexport type { ColorStop };\n\nconst DEFAULT_MIN = 0;\nconst DEFAULT_MAX = 100;\nconst STOP_ATTR = 'euiColorStop_';\n\ntype IndexedStop = ColorStop & { id: number };\n\n/**\n * An editable gradient: a track with color stops (a value and a color\n * each) to drag, click to edit, add (click the track) and remove, e.g. to\n * color a map or a chart by value. You keep the stops: `@onChange` gets\n * the new ones and whether any is invalid.\n */\nexport interface EuiColorStopsSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** The stops: `[{ stop: 0, color: '#54B399' }, …]`. */\n    colorStops: ColorStop[];\n    /** Called with the new stops and whether any stop is invalid. */\n    onChange: (colorStops: ColorStop[], isInvalid: boolean) => void;\n    /** Accessible name, e.g. \"Map colors\". */\n    label: string;\n    /** Lowest stop value; by default the track follows the stops. */\n    min?: number;\n    /** Highest stop value; by default the track follows the stops. */\n    max?: number;\n    /**\n     * `'gradient'` (colors blend), `'fixed'` (each color until the next\n     * stop) or `'stepped'` (`@stepNumber` blended steps). Defaults to\n     * `'gradient'`.\n     */\n    stopType?: 'gradient' | 'fixed' | 'stepped';\n    /** Number of steps with `@stopType=\"stepped\"`. Defaults to `10`. */\n    stepNumber?: number;\n    /** Color of new stops. Defaults to EUI's second visualization color. */\n    addColor?: string;\n    /** Color picker of each stop: `'default'`, `'swatch'` or `'picker'`. */\n    mode?: 'default' | 'swatch' | 'picker';\n    /** Swatches of the stops' color pickers. */\n    swatches?: string[];\n    /** Colors may have an alpha channel. */\n    showAlpha?: boolean;\n    /** Disables it. */\n    disabled?: boolean;\n    /** Stops can be inspected but not changed. */\n    readOnly?: boolean;\n    /** Smaller track. */\n    compressed?: boolean;\n    /** Takes the container's full width. */\n    fullWidth?: boolean;\n  };\n}\n\nfunction sortStops(colorStops: ColorStop[]): IndexedStop[] {\n  return colorStops.map((el, index) => ({ ...el, id: index })).sort((a, b) => a.stop - b.stop);\n}\n\nfunction validStops(colorStops: ColorStop[]): number[] {\n  return colorStops.map((el) => el.stop).filter((stop) => !isNaN(stop));\n}\n\nexport default class EuiColorStops extends Component<EuiColorStopsSignature> {\n  constructor(owner: Owner, args: EuiColorStopsSignature['Args']) {\n    super(owner, args);\n    deprecateRemovedUpstream(\n      'eui-color-stops',\n      'EuiColorStops',\n      'There is no direct upstream replacement; for predefined gradients use EuiColorPalettePicker.'\n    );\n  }\n\n  @service declare euiI18n: EuiI18n;\n\n  @tracked wrapper?: HTMLElement;\n  @tracked trackWidth = 0;\n  @tracked hasFocus = false;\n  @tracked focusedStopIndex: number | null = null;\n  @tracked openedStopId: number | null = null;\n  @tracked addTargetPosition = 0;\n  @tracked isHoverDisabled = false;\n\n  // after adding a stop, focus it and open it once rendered\n  focusStopOnUpdate: number | null = null;\n\n  get sortedStops(): IndexedStop[] {\n    return sortStops(this.args.colorStops);\n  }\n\n  get rangeMax(): number {\n    const { max, colorStops } = this.args;\n\n    if (max !== undefined) return max;\n\n    const stops = validStops(colorStops);\n    const last = Math.max(...stops);\n    let result = DEFAULT_MAX;\n\n    if (last > DEFAULT_MAX) result = stops.length === 1 ? last + DEFAULT_MAX : last;\n\n    return isNaN(result) ? DEFAULT_MAX : result + Math.round(result * 0.05);\n  }\n\n  get rangeMin(): number {\n    const { min, colorStops } = this.args;\n\n    if (min !== undefined) return min;\n\n    const stops = validStops(colorStops);\n    const first = Math.min(...stops);\n    let result = DEFAULT_MIN;\n\n    if (first < DEFAULT_MIN) result = stops.length === 1 ? first - DEFAULT_MIN : first;\n\n    return isNaN(result) ? DEFAULT_MIN : result - Math.round(this.rangeMax * 0.05);\n  }\n\n  get globalMin(): number {\n    return this.args.min ?? this.rangeMin;\n  }\n\n  get globalMax(): number {\n    return this.args.max ?? this.rangeMax;\n  }\n\n  get isNotInteractive(): boolean {\n    return Boolean(this.args.disabled || this.args.readOnly);\n  }\n\n  /**\n   * The root: upstream EuiRangeWrapper styles (height, form width) with\n   * the EUI 88.5.4 color stops states composed last. The range pieces are\n   * rendered here (not through EuiRangeWrapper/Track/Highlight/Thumb) so\n   * each element keeps a single Emotion class, as upstream composes them\n   * through `css`.\n   */\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const wrapper = useEuiBorealisStyles(context, euiRangeWrapperStyles);\n    const styles = useEuiBorealisStyles(context, euiColorStopsStyles);\n    const { compressed, fullWidth, disabled, readOnly } = this.args;\n\n    return `euiRangeWrapper euiColorStops ${euiClass(\n      context,\n      boxReset,\n      wrapper.euiRangeWrapper,\n      compressed ? wrapper.compressed : wrapper.uncompressed,\n      fullWidth ? wrapper.fullWidth : wrapper.formWidth,\n      styles.euiColorStops,\n      disabled ? styles.isDisabled : styles.isEnabled,\n      readOnly && styles.isReadOnly,\n      this.isHoverDisabled && styles.isDragging\n    )}`;\n  }\n\n  @cached\n  get trackClasses(): string {\n    const context = getEuiThemeContext(this);\n    const track = useEuiBorealisStyles(context, euiRangeTrackStyles);\n    const styles = useEuiBorealisStyles(context, euiColorStopsStyles);\n\n    return `euiRangeTrack euiColorStops__track ${euiClass(\n      context,\n      track.euiRangeTrack,\n      this.args.disabled && track.disabled,\n      styles.euiColorStops__track\n    )}`;\n  }\n\n  @cached\n  get highlightClasses() {\n    const context = getEuiThemeContext(this);\n    const highlight = useEuiBorealisStyles(context, euiRangeHighlightStyles);\n    const progress = useEuiBorealisStyles(context, euiRangeHighlightProgressStyles);\n\n    return {\n      highlight: `euiRangeHighlight euiColorStops__highlight ${euiClass(context, highlight.euiRangeHighlight)}`,\n      progress: `euiRangeHighlight__progress ${euiClass(context, progress.euiRangeHighlight__progress)}`\n    };\n  }\n\n  get isAddDisabled(): boolean {\n    return this.isHoverDisabled || this.isNotInteractive;\n  }\n\n  @cached\n  get addContainerClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiColorStopsAddContainerStyles);\n\n    return `euiColorStops__addContainer ${euiClass(\n      context,\n      styles.euiColorStopsAddContainer,\n      this.isAddDisabled ? styles.isDisabled : styles.isEnabled\n    )}`;\n  }\n\n  @cached\n  get addTargetClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiColorStopsStyles);\n\n    return `euiColorStops__addTarget ${euiClass(context, styles.euiColorStops__addTarget)}`;\n  }\n\n  get announcement(): string {\n    return this.euiI18n.lookupToken(\n      'euiColorStops.screenReaderAnnouncement',\n      '{label}: {readOnly} {disabled} Color stop picker. Each stop consists of a number and corresponding color value. Use the Down and Up arrow keys to select individual stops. Press the Enter key to create a new stop.',\n      {\n        label: this.args.label,\n        disabled: this.args.disabled ? 'Disabled.' : '',\n        readOnly: this.args.readOnly ? 'Read-only.' : ''\n      }\n    );\n  }\n\n  positionOf = (stop: number): number =>\n    getPositionFromStop(stop, this.trackWidth, this.globalMin, this.globalMax);\n\n  get gradient(): string {\n    const stops = this.sortedStops;\n    const positions = stops.map((stop) => this.positionOf(stop.stop));\n    const colorAt = (index: number) =>\n      getChromaColor(stops[index]!.color, this.args.showAlpha)?.css() ?? 'transparent';\n    // before the first stop the track (stripes) shows through, as upstream\n    const gradientStop = (index: number) =>\n      index === 0\n        ? `transparent, transparent ${positions[0]}%, ${colorAt(0)} ${positions[0]}%`\n        : `${colorAt(index)} ${positions[index]}%`;\n\n    if (this.args.stopType === 'stepped' && positions.length > 0) {\n      const start = positions[0]!;\n      const end = positions[positions.length - 1]!;\n      const colors = getSteppedGradient(this.args.colorStops, this.args.stepNumber ?? 10);\n      const width = (end - start) / colors.length;\n      const steps = colors\n        .map((color, i) => `${color} ${start + width * i}% ${start + width * (i + 1)}%`)\n        .join(', ');\n\n      return `linear-gradient(to right, transparent ${start}%, ${steps})`;\n    }\n\n    // fixed: each color holds until the next stop (upstream `fixedStop`)\n    const parts = stops.map((_, index) =>\n      this.args.stopType === 'fixed' && index < stops.length - 1\n        ? `${gradientStop(index)}, ${colorAt(index)} ${positions[index + 1]}%`\n        : gradientStop(index)\n    );\n\n    return `linear-gradient(to right,${parts.join(',')})`;\n  }\n\n  change(colorStops: ColorStop[]): void {\n    this.args.onChange(colorStops, isStopsInvalid(colorStops, this.args.showAlpha));\n  }\n\n  focusStop(index: number): void {\n    if (this.args.disabled || !this.wrapper) return;\n\n    const thumb = this.wrapper.querySelector<HTMLElement>(`[data-index=\"${STOP_ATTR}${index}\"]`);\n\n    if (thumb) {\n      this.hasFocus = false;\n      this.focusedStopIndex = index;\n      thumb.focus();\n    }\n  }\n\n  @action\n  focusWrapper(): void {\n    this.focusedStopIndex = null;\n    this.wrapper?.focus();\n  }\n\n  @action\n  onAdd(): void {\n    const stops = this.sortedStops.map(({ color, stop }) => ({ color, stop }));\n    const newStops = addStop(stops, this.args.addColor ?? DEFAULT_VISUALIZATION_COLOR, this.globalMax);\n\n    this.focusStopOnUpdate = newStops[this.args.colorStops.length]!.stop;\n    this.change(newStops);\n  }\n\n  @action\n  onRemove(id: number): void {\n    this.focusWrapper();\n    this.change(removeStop(this.args.colorStops, id));\n  }\n\n  @action\n  onStopChange(id: number, colorStop: ColorStop): void {\n    const colorStops = [...this.args.colorStops];\n\n    colorStops.splice(id, 1, colorStop);\n    this.change(colorStops);\n  }\n\n  @action\n  onAddHover(event: MouseEvent): void {\n    if (this.isNotInteractive || !this.wrapper) return;\n\n    const stop = getStopFromMouseLocation(\n      { x: event.clientX, y: event.clientY },\n      this.wrapper,\n      this.globalMin,\n      this.globalMax\n    );\n\n    this.addTargetPosition = this.positionOf(stop);\n  }\n\n  @action\n  onAddClick(event: MouseEvent): void {\n    const target = event.target as HTMLElement;\n\n    if (this.isNotInteractive || !this.wrapper || target.closest('.euiColorStopThumb')) return;\n\n    const stop = getStopFromMouseLocation(\n      { x: event.clientX, y: event.clientY },\n      this.wrapper,\n      this.globalMin,\n      this.globalMax\n    );\n\n    this.focusStopOnUpdate = stop;\n    this.change(addDefinedStop(this.args.colorStops, stop, this.args.addColor ?? DEFAULT_VISUALIZATION_COLOR));\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    if (this.args.disabled) return;\n\n    const target = event.target as HTMLElement;\n    const isThumb = (target.getAttribute('data-index') ?? '').startsWith(STOP_ATTR);\n    const index = this.focusedStopIndex;\n\n    switch (event.key) {\n      case 'Escape':\n        this.focusWrapper();\n        break;\n      case 'Enter':\n        if (this.args.readOnly || !this.hasFocus) return;\n        this.onAdd();\n        break;\n      case 'Backspace': {\n        if (this.args.readOnly || this.hasFocus || index === null || !isThumb) return;\n\n        const isFirst = this.args.min === undefined && index === 0;\n        const isLast = this.args.max === undefined && index === this.sortedStops.length - 1;\n\n        if (!isFirst && !isLast) this.onRemove(this.sortedStops[index]!.id);\n        break;\n      }\n      case 'ArrowDown':\n      case 'ArrowUp':\n        if (target !== this.wrapper && !isThumb) return;\n\n        event.preventDefault();\n\n        if (index === null) {\n          this.focusStop(0);\n        } else if (event.key === 'ArrowDown') {\n          this.focusStop(Math.min(index + 1, this.sortedStops.length - 1));\n        } else {\n          this.focusStop(Math.max(index - 1, 0));\n        }\n        break;\n    }\n  }\n\n  @action\n  onWrapperFocus(event: FocusEvent): void {\n    if (event.target === this.wrapper) this.hasFocus = true;\n  }\n\n  @action\n  onWrapperBlur(): void {\n    this.hasFocus = false;\n  }\n\n  @action\n  setHoverDisabled(value: boolean): void {\n    if (!this.args.disabled) this.isHoverDisabled = value;\n  }\n\n  @action\n  setFocusedStop(index: number): void {\n    this.focusedStopIndex = index;\n  }\n\n  @action\n  openStop(id: number): void {\n    this.openedStopId = id;\n  }\n\n  @action\n  closeStop(): void {\n    this.openedStopId = null;\n  }\n\n  isRangeMin = (stop: number): boolean => this.args.min === undefined && stop === this.rangeMin;\n\n  isRangeMax = (stop: number): boolean => this.args.max === undefined && stop === this.rangeMax;\n\n  localMin = (index: number): number =>\n    index === 0 ? this.globalMin : this.sortedStops[index - 1]!.stop + 1;\n\n  localMax = (index: number): number =>\n    index === this.sortedStops.length - 1 ? this.globalMax : this.sortedStops[index + 1]!.stop - 1;\n\n  registerWrapper = modifier((element: HTMLElement, [colorStops]: [ColorStop[]]) => {\n    schedule('afterRender', () => {\n      this.wrapper = element;\n\n      if (element.clientWidth !== this.trackWidth) this.trackWidth = element.clientWidth;\n\n      // a stop was just added: focus it and open its popover\n      if (this.focusStopOnUpdate !== null) {\n        const index = this.sortedStops.map((el) => el.stop).indexOf(this.focusStopOnUpdate);\n\n        this.focusStopOnUpdate = null;\n\n        if (index > -1) {\n          this.focusStop(index);\n          this.openedStopId = this.sortedStops[index]!.id;\n        }\n      }\n    });\n\n    void colorStops;\n  });\n\n  <template>\n    <div\n      class={{this.classes}}\n      data-test-subj=\"euiColorStops\"\n      tabindex={{if @disabled \"-1\" \"0\"}}\n      {{this.registerWrapper @colorStops}}\n      {{on \"mousedown\" (fn this.setHoverDisabled true)}}\n      {{on \"mouseup\" (fn this.setHoverDisabled false)}}\n      {{on \"mouseleave\" (fn this.setHoverDisabled false)}}\n      {{on \"keydown\" this.onKeyDown}}\n      {{on \"focus\" this.onWrapperFocus}}\n      {{on \"blur\" this.onWrapperBlur}}\n      ...attributes\n    >\n      <EuiScreenReaderOnly><p aria-live=\"polite\">{{this.announcement}}</p></EuiScreenReaderOnly>\n      <div class={{this.trackClasses}}>\n        <div class={{this.highlightClasses.highlight}}>\n          <div\n            class={{this.highlightClasses.progress}}\n            data-test-subj=\"euiRangeHighlightProgress\"\n            style={{cssStyle\n              (hash background=this.gradient marginInlineStart=\"0%\" width=\"100%\")\n            }}\n          ></div>\n        </div>\n        {{! template-lint-disable no-invalid-interactive }}\n        <div\n          class={{this.addContainerClasses}}\n          data-test-subj=\"euiColorStopsAdd\"\n          {{on \"click\" this.onAddClick}}\n          {{on \"mousemove\" this.onAddHover}}\n        >\n          <div\n            class={{this.addTargetClasses}}\n            style={{cssStyle (hash left=(percent this.addTargetPosition))}}\n          ></div>\n        </div>\n        {{#each this.sortedStops key=\"id\" as |colorStop index|}}\n          <EuiColorStopThumb\n            @stop={{colorStop.stop}}\n            @color={{colorStop.color}}\n            @index={{index}}\n            @count={{@colorStops.length}}\n            @onChange={{fn this.onStopChange colorStop.id}}\n            @onFocus={{fn this.setFocusedStop index}}\n            @onRemove={{if\n              (gt1 this.sortedStops.length)\n              (fn this.onRemove colorStop.id)\n            }}\n            @globalMin={{this.globalMin}}\n            @globalMax={{this.globalMax}}\n            @localMin={{this.localMin index}}\n            @localMax={{this.localMax index}}\n            @min={{@min}}\n            @max={{@max}}\n            @isRangeMin={{this.isRangeMin colorStop.stop}}\n            @isRangeMax={{this.isRangeMax colorStop.stop}}\n            @trackWidth={{this.trackWidth}}\n            @parent={{this.wrapper}}\n            @mode={{@mode}}\n            @showAlpha={{@showAlpha}}\n            @swatches={{@swatches}}\n            @disabled={{@disabled}}\n            @readOnly={{@readOnly}}\n            @isPopoverOpen={{isEqual colorStop.id this.openedStopId}}\n            @openPopover={{fn this.openStop colorStop.id}}\n            @closePopover={{this.closeStop}}\n          />\n        {{/each}}\n      </div>\n    </div>\n  </template>\n}\n\nfunction gt1(n: number): boolean {\n  return n > 1;\n}\n\nfunction isEqual(a: unknown, b: unknown): boolean {\n  return a === b;\n}\n\nfunction percent(value: number): string {\n  return `${value}%`;\n}\n"],"names":["DEFAULT_MIN","DEFAULT_MAX","STOP_ATTR","sortStops","colorStops","map","el","index","id","sort","a","b","stop","validStops","filter","isNaN","EuiColorStops","Component","constructor","owner","args","deprecateRemovedUpstream","g","prototype","service","i","tracked","focusStopOnUpdate","sortedStops","rangeMax","max","undefined","stops","last","Math","result","length","round","rangeMin","min","first","globalMin","globalMax","isNotInteractive","Boolean","disabled","readOnly","classes","context","getEuiThemeContext","wrapper","useEuiBorealisStyles","euiRangeWrapperStyles","styles","euiColorStopsStyles","compressed","fullWidth","euiClass","boxReset","euiRangeWrapper","uncompressed","formWidth","euiColorStops","isDisabled","isEnabled","isReadOnly","isHoverDisabled","isDragging","n","cached","trackClasses","track","euiRangeTrackStyles","euiRangeTrack","euiColorStops__track","highlightClasses","highlight","euiRangeHighlightStyles","progress","euiRangeHighlightProgressStyles","euiRangeHighlight","euiRangeHighlight__progress","isAddDisabled","addContainerClasses","euiColorStopsAddContainerStyles","euiColorStopsAddContainer","addTargetClasses","euiColorStops__addTarget","announcement","euiI18n","lookupToken","label","positionOf","getPositionFromStop","trackWidth","gradient","positions","colorAt","getChromaColor","color","showAlpha","css","gradientStop","stopType","start","end","colors","getSteppedGradient","stepNumber","width","steps","join","parts","_","change","onChange","isStopsInvalid","focusStop","thumb","querySelector","hasFocus","focusedStopIndex","focus","focusWrapper","action","onAdd","newStops","addStop","addColor","DEFAULT_VISUALIZATION_COLOR","onRemove","removeStop","onStopChange","colorStop","splice","onAddHover","event","getStopFromMouseLocation","x","clientX","y","clientY","addTargetPosition","onAddClick","target","closest","addDefinedStop","onKeyDown","isThumb","getAttribute","startsWith","key","isFirst","isLast","preventDefault","onWrapperFocus","onWrapperBlur","setHoverDisabled","value","setFocusedStop","openStop","openedStopId","closeStop","isRangeMin","isRangeMax","localMin","localMax","registerWrapper","modifier","element","schedule","clientWidth","indexOf","setComponentTemplate","precompileTemplate","strictMode","scope","on","fn","EuiScreenReaderOnly","cssStyle","hash","percent","EuiColorStopThumb","gt1","isEqual"],"mappings":"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"}

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

@@ -1,14 +1,18 @@
 import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
 import { on } from '@ember/modifier';
 import { get } from '@ember/object';
 import { service } from '@ember/service';
 import { htmlSafe, isHTMLSafe } from '@ember/template';
-import style from 'ember-style-modifier/modifiers/style';
+import { getEuiThemeContext } from '../../utils/emotion/consume.js';
+import { comboBoxBoxReset } from '../../utils/eui/combo-box.js';
+import { dV as euiComboBoxOptionListStyles, p as euiListItemLayoutStyles } from '../../styles.generated-SYAxYhey.js';
+import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
 import EuiBadge from '../eui-badge.js';
-import EuiTextComponent from '../eui-text.js';
+import EuiText from '../eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime-esm';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 function escapeHtml(text) {
   return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
@@ -26,15 +30,35 @@ class EuiComboBoxCreateOptionComponent extends Component {
     g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
+  /** The list keeps the focus in the input (upstream). */keepFocus = event => event.preventDefault();
   _regex = /\{\s*(.*?)\s*\}/g;
   get createLabel() {
     return this.euiI18n.lookupToken('euiComboBox.createLabel', 'Create');
   }
+  /**
+  * Upstream: text with the delimiter will be split into several options,
+  * so the message says so instead of offering it as one.
+  */
+  get hasDelimiter() {
+    const {
+      delimiter,
+      select
+    } = this.args;
+    return Boolean(delimiter && (select.searchText ?? '').includes(delimiter));
+  }
+  get delimiterMessage() {
+    return htmlSafe(unwrap(this.euiI18n.lookupToken('euiComboBoxOptionsList.delimiterMessage', 'Add each item separated by {delimiter}', {
+      delimiter: `<strong>${escapeHtml(this.args.delimiter ?? '')}</strong>`
+    })));
+  }
   get formattedString() {
     if (this.args.customOptionText && typeof this.args.customOptionText === 'string') {
       const str = unwrap(this.args.customOptionText);
+      const searchText = escapeHtml(this.args.select.searchText ?? '');
+      // `{searchText}` as typed; upstream's `{searchValue}` in bold
       const context = {
-        searchText: escapeHtml(this.args.select.searchText ?? '')
+        searchText,
+        searchValue: `<strong>${searchText}</strong>`
       };
       return htmlSafe(str.replace(this._regex, (_s, p1, p2) => {
         return get(context, p1 || p2);
@@ -46,31 +70,34 @@ class EuiComboBoxCreateOptionComponent extends Component {
       return htmlSafe(str);
     }
   }
-  get extraStyling() {
-    if (this.args.alwaysShow) {
-      return {
-        container: {
-          padding: '4px 12px',
-          cursor: 'pointer'
-        },
-        content: {
-          padding: '0px'
-        }
-      };
-    }
-    return {
-      container: {
-        cursor: 'pointer'
-      }
-    };
+  /**
+  * Upstream empty state with the "add" text and the enter badge. With
+  * `@alwaysShow` it sits below the options as a row (start aligned, option
+  * padding and hover) instead of the centered empty state.
+  */
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiComboBoxOptionListStyles);
+    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);
+    const size = context.upstream.euiTheme.size;
+    return euiClass(context, comboBoxBoxReset, styles.euiComboBoxOptionList, styles.euiComboBoxOptionsList__empty, {
+      cursor: 'pointer'
+    }, this.args.alwaysShow && [{
+      paddingBlock: size.xs,
+      paddingInline: size.s,
+      textAlign: 'start',
+      borderRadius: context.upstream.euiTheme.border.radius.control
+    }, layout.isInteractive]);
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
   }
   static {
-    setComponentTemplate(precompileTemplate("<div class=\"euiComboBoxOptionsList__rowWrap\" {{style this.extraStyling.container}} {{!--template-lint-disable no-invalid-interactive--}} {{on \"pointerup\" @onCreateOption}}>\n  <EuiText class=\"euiComboBoxOptionsList__empty\" @size=\"xs\" {{style this.extraStyling.content}}>\n    <div class=\"euiComboBoxOption__contentWrapper\">\n      <p class=\"euiComboBoxOption__emptyStateText\">\n        {{this.formattedString}}\n      </p>\n\n      <EuiBadge class=\"euiComboBoxOption__enterBadge\" @color=\"hollow\" @iconType={{unless @alwaysShow \"returnKey\"}}>\n        {{#if @alwaysShow}}\n          {{this.createLabel}}\n        {{/if}}\n      </EuiBadge>\n    </div>\n  </EuiText>\n</div>", {
+    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-invalid-interactive --}}\n<div class=\"euiComboBoxOptionsList euiComboBoxOptionsList__rowWrap\n    {{this.classes}}\" data-test-subj=\"comboBoxCreateOption\" {{on \"mousedown\" this.keepFocus}} {{on \"pointerup\" @onCreateOption}}>\n  <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n    <div class=\"euiComboBoxOption__contentWrapper\">\n      {{#if this.hasDelimiter}}\n        <p class=\"euiComboBoxOption__emptyStateText\">\n          {{this.delimiterMessage}}\n        </p>\n        <EuiBadge class=\"euiComboBoxOption__enterBadge\" @color=\"hollow\" @iconType=\"return\" aria-hidden=\"true\" />\n      {{else}}\n        <p class=\"euiComboBoxOption__emptyStateText\">\n          {{this.formattedString}}\n        </p>\n\n        <EuiBadge class=\"euiComboBoxOption__enterBadge\" @color=\"hollow\" @iconType={{unless @alwaysShow \"return\"}} aria-hidden={{unless @alwaysShow \"true\"}}>\n          {{#if @alwaysShow}}\n            {{this.createLabel}}\n          {{/if}}\n        </EuiBadge>\n      {{/if}}\n    </div>\n  </EuiText>\n</div>", {
       strictMode: true,
       scope: () => ({
-        style,
         on,
-        EuiText: EuiTextComponent,
+        EuiText,
         EuiBadge
       })
     }), this);

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 { service } from '@ember/service';\nimport { htmlSafe, isHTMLSafe } from '@ember/template';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport EuiBadge from '../eui-badge.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiI18n from '../../services/eui-i18n';\n\n/** The typed text is user input: escape it before building HTML with it. */\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;');\n}\n\nfunction unwrap(input: string) {\n  if (isHTMLSafe(input)) {\n    return input.toString();\n  }\n\n  return input;\n}\n\n/** @private The \"add as custom option\" row of EuiComboBox. */\nexport interface EuiComboBoxCreateOptionSignature {\n  Args: {\n    /** EuiComboBox's `@customOptionText`. */\n    customOptionText?: string;\n    /** ember-power-select's API, for the search text. */\n    select: { searchText: string };\n    /** Adds the typed text as an option. */\n    onCreateOption: () => void;\n    /** Rendered above matching options (`@alwaysShowCreateOption`). */\n    alwaysShow?: boolean;\n  };\n}\n\nexport default class EuiComboBoxCreateOptionComponent extends Component<EuiComboBoxCreateOptionSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  _regex = /\\{\\s*(.*?)\\s*\\}/g;\n\n  get createLabel() {\n    return this.euiI18n.lookupToken('euiComboBox.createLabel', 'Create');\n  }\n\n  get formattedString(): ReturnType<typeof htmlSafe> {\n    if (\n      this.args.customOptionText &&\n      typeof this.args.customOptionText === 'string'\n    ) {\n      const str = unwrap(this.args.customOptionText);\n\n      const context = {\n        searchText: escapeHtml(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    } else {\n      const str = unwrap(\n        this.euiI18n.lookupToken(\n          'euiComboBox.customOptionText',\n          'Add&nbsp;<strong>{searchText}</strong>&nbsp;as custom option',\n          {\n            searchText: escapeHtml(this.args.select.searchText ?? '')\n          }\n        )\n      );\n\n      return htmlSafe(str);\n    }\n  }\n\n  get extraStyling() {\n    if (this.args.alwaysShow) {\n      return {\n        container: {\n          padding: '4px 12px',\n          cursor: 'pointer'\n        },\n        content: {\n          padding: '0px'\n        }\n      };\n    }\n\n    return {\n      container: {\n        cursor: 'pointer'\n      }\n    };\n  }\n\n  <template>\n    <div\n      class=\"euiComboBoxOptionsList__rowWrap\"\n      {{style this.extraStyling.container}}\n      {{!template-lint-disable no-invalid-interactive}}\n      {{on \"pointerup\" @onCreateOption}}\n    >\n      <EuiText\n        class=\"euiComboBoxOptionsList__empty\"\n        @size=\"xs\"\n        {{style this.extraStyling.content}}\n      >\n        <div class=\"euiComboBoxOption__contentWrapper\">\n          <p class=\"euiComboBoxOption__emptyStateText\">\n            {{this.formattedString}}\n          </p>\n\n          <EuiBadge\n            class=\"euiComboBoxOption__enterBadge\"\n            @color=\"hollow\"\n            @iconType={{unless @alwaysShow \"returnKey\"}}\n          >\n            {{#if @alwaysShow}}\n              {{this.createLabel}}\n            {{/if}}\n          </EuiBadge>\n        </div>\n      </EuiText>\n    </div>\n  </template>\n}\n"],"names":["escapeHtml","text","replace","unwrap","input","isHTMLSafe","toString","EuiComboBoxCreateOptionComponent","Component","g","prototype","service","i","_regex","createLabel","euiI18n","lookupToken","formattedString","args","customOptionText","str","context","searchText","select","htmlSafe","_s","p1","p2","get","extraStyling","alwaysShow","container","padding","cursor","content","setComponentTemplate","precompileTemplate","strictMode","scope","style","on","EuiText","EuiBadge"],"mappings":";;;;;;;;;;;;AAcA,SAASA,UAAAA,CAAWC,IAAY,EAAS;AACvC,EAAA,OAAOA,KACJC,OAAO,CAAC,MAAM,OAAA,CAAA,CACdA,OAAO,CAAC,IAAA,EAAM,MAAA,CAAA,CACdA,OAAO,CAAC,IAAA,EAAM,QACdA,OAAO,CAAC,MAAM,QAAA,CAAA,CACdA,OAAO,CAAC,IAAA,EAAM,OAAA,CAAA;AACnB;AAEA,SAASC,MAAAA,CAAOC,KAAa,EAAA;AAC3B,EAAA,IAAIC,WAAWD,KAAA,CAAA,EAAQ;AACrB,IAAA,OAAOA,MAAME,QAAQ,EAAA;AACvB,EAAA;AAEA,EAAA,OAAOF,KAAA;AACT;AAEA;;AAce,MAAMG,yCAAyCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAEDC,EAAAA,MAAA,GAAS,kBAAA;EAET,IAAIC,WAAAA,GAAc;IAChB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,yBAAA,EAA2B,QAAA,CAAA;AAC7D,EAAA;EAEA,IAAIC,eAAAA,GAA+C;AACjD,IAAA,IACE,IAAI,CAACC,IAAI,CAACC,gBAAgB,IAC1B,OAAO,IAAI,CAACD,IAAI,CAACC,gBAAgB,KAAK,QAAA,EACtC;MACA,MAAMC,MAAMjB,MAAA,CAAO,IAAI,CAACe,IAAI,CAACC,gBAAgB,CAAA;AAE7C,MAAA,MAAME,OAAA,GAAU;QACdC,UAAA,EAAYtB,UAAA,CAAW,IAAI,CAACkB,IAAI,CAACK,MAAM,CAACD,UAAU,IAAI,EAAA;OACxD;AAEA,MAAA,OAAOE,QAAA,CACLJ,GAAA,CAAIlB,OAAO,CAAC,IAAI,CAACW,MAAM,EAAE,CAACY,EAAA,EAAIC,EAAA,EAAIC,EAAA,KAAA;AAChC,QAAA,OAAOC,GAAA,CAAIP,SAASK,EAAA,IAAMC,EAAA,CAAA;AAC5B,MAAA,CAAA,CAAA,CAAA;AAEJ,IAAA,CAAA,MAAO;AACL,MAAA,MAAMP,GAAA,GAAMjB,OACV,IAAI,CAACY,OAAO,CAACC,WAAW,CACtB,8BAAA,EACA,8DAAA,EACA;QACEM,UAAA,EAAYtB,UAAA,CAAW,IAAI,CAACkB,IAAI,CAACK,MAAM,CAACD,UAAU,IAAI,EAAA;AACxD,OAAA,CAAA,CAAA;MAIJ,OAAOE,QAAA,CAASJ,GAAA,CAAA;AAClB,IAAA;AACF,EAAA;EAEA,IAAIS,YAAAA,GAAe;AACjB,IAAA,IAAI,IAAI,CAACX,IAAI,CAACY,UAAU,EAAE;MACxB,OAAO;AACLC,QAAAA,SAAA,EAAW;AACTC,UAAAA,OAAA,EAAS,UAAA;AACTC,UAAAA,MAAA,EAAQ;SACV;AACAC,QAAAA,OAAA,EAAS;AACPF,UAAAA,OAAA,EAAS;AACX;OACF;AACF,IAAA;IAEA,OAAO;AACLD,MAAAA,SAAA,EAAW;AACTE,QAAAA,MAAA,EAAQ;AACV;KACF;AACF,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,orBAAA,EA6BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;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 { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { get } from '@ember/object';\nimport { service } from '@ember/service';\nimport { htmlSafe, isHTMLSafe } from '@ember/template';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { comboBoxBoxReset } from '../../utils/eui/combo-box.ts';\nimport {\n  euiComboBoxOptionListStyles,\n  euiListItemLayoutStyles\n} from '../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiBadge from '../eui-badge.gts';\nimport EuiText from '../eui-text.gts';\n\nimport type EuiI18n from '../../services/eui-i18n';\n\n/** The typed text is user input: escape it before building HTML with it. */\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;');\n}\n\nfunction unwrap(input: string) {\n  if (isHTMLSafe(input)) {\n    return input.toString();\n  }\n\n  return input;\n}\n\n/** @private The \"add as custom option\" row of EuiComboBox. */\nexport interface EuiComboBoxCreateOptionSignature {\n  Args: {\n    /** EuiComboBox's `@customOptionText`. */\n    customOptionText?: string;\n    /** ember-power-select's API, for the search text. */\n    select: { searchText: string };\n    /** Adds the typed text as an option. */\n    onCreateOption: () => void;\n    /** Rendered above matching options (`@alwaysShowCreateOption`). */\n    alwaysShow?: boolean;\n    /** EuiComboBox's `@delimiter`. */\n    delimiter?: string;\n  };\n}\n\nexport default class EuiComboBoxCreateOptionComponent extends Component<EuiComboBoxCreateOptionSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  /** The list keeps the focus in the input (upstream). */\n  keepFocus = (event: MouseEvent) => event.preventDefault();\n\n  _regex = /\\{\\s*(.*?)\\s*\\}/g;\n\n  get createLabel() {\n    return this.euiI18n.lookupToken('euiComboBox.createLabel', 'Create');\n  }\n\n  /**\n   * Upstream: text with the delimiter will be split into several options,\n   * so the message says so instead of offering it as one.\n   */\n  get hasDelimiter(): boolean {\n    const { delimiter, select } = this.args;\n\n    return Boolean(delimiter && (select.searchText ?? '').includes(delimiter));\n  }\n\n  get delimiterMessage(): ReturnType<typeof htmlSafe> {\n    return htmlSafe(\n      unwrap(\n        this.euiI18n.lookupToken(\n          'euiComboBoxOptionsList.delimiterMessage',\n          'Add each item separated by {delimiter}',\n          {\n            delimiter: `<strong>${escapeHtml(this.args.delimiter ?? '')}</strong>`\n          }\n        )\n      )\n    );\n  }\n\n  get formattedString(): ReturnType<typeof htmlSafe> {\n    if (\n      this.args.customOptionText &&\n      typeof this.args.customOptionText === 'string'\n    ) {\n      const str = unwrap(this.args.customOptionText);\n\n      const searchText = escapeHtml(this.args.select.searchText ?? '');\n      // `{searchText}` as typed; upstream's `{searchValue}` in bold\n      const context = {\n        searchText,\n        searchValue: `<strong>${searchText}</strong>`\n      };\n\n      return htmlSafe(\n        str.replace(this._regex, (_s, p1, p2) => {\n          return get(context, p1 || p2);\n        })\n      );\n    } else {\n      const str = unwrap(\n        this.euiI18n.lookupToken(\n          'euiComboBox.customOptionText',\n          'Add&nbsp;<strong>{searchText}</strong>&nbsp;as custom option',\n          {\n            searchText: escapeHtml(this.args.select.searchText ?? '')\n          }\n        )\n      );\n\n      return htmlSafe(str);\n    }\n  }\n\n  /**\n   * Upstream empty state with the \"add\" text and the enter badge. With\n   * `@alwaysShow` it sits below the options as a row (start aligned, option\n   * padding and hover) instead of the centered empty state.\n   */\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiComboBoxOptionListStyles);\n    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);\n    const size = context.upstream.euiTheme.size;\n\n    return euiClass(\n      context,\n      comboBoxBoxReset,\n      styles.euiComboBoxOptionList,\n      styles.euiComboBoxOptionsList__empty,\n      { cursor: 'pointer' },\n      this.args.alwaysShow && [\n        {\n          paddingBlock: size.xs,\n          paddingInline: size.s,\n          textAlign: 'start',\n          borderRadius: context.upstream.euiTheme.border.radius.control\n        },\n        layout.isInteractive\n      ]\n    );\n  }\n\n  <template>\n    {{! template-lint-disable no-invalid-interactive }}\n    <div\n      class=\"euiComboBoxOptionsList euiComboBoxOptionsList__rowWrap\n        {{this.classes}}\"\n      data-test-subj=\"comboBoxCreateOption\"\n      {{on \"mousedown\" this.keepFocus}}\n      {{on \"pointerup\" @onCreateOption}}\n    >\n      <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n        <div class=\"euiComboBoxOption__contentWrapper\">\n          {{#if this.hasDelimiter}}\n            <p class=\"euiComboBoxOption__emptyStateText\">\n              {{this.delimiterMessage}}\n            </p>\n            <EuiBadge\n              class=\"euiComboBoxOption__enterBadge\"\n              @color=\"hollow\"\n              @iconType=\"return\"\n              aria-hidden=\"true\"\n            />\n          {{else}}\n            <p class=\"euiComboBoxOption__emptyStateText\">\n              {{this.formattedString}}\n            </p>\n\n            <EuiBadge\n              class=\"euiComboBoxOption__enterBadge\"\n              @color=\"hollow\"\n              @iconType={{unless @alwaysShow \"return\"}}\n              aria-hidden={{unless @alwaysShow \"true\"}}\n            >\n              {{#if @alwaysShow}}\n                {{this.createLabel}}\n              {{/if}}\n            </EuiBadge>\n          {{/if}}\n        </div>\n      </EuiText>\n    </div>\n  </template>\n}\n"],"names":["escapeHtml","text","replace","unwrap","input","isHTMLSafe","toString","EuiComboBoxCreateOptionComponent","Component","g","prototype","service","i","keepFocus","event","preventDefault","_regex","createLabel","euiI18n","lookupToken","hasDelimiter","delimiter","select","args","Boolean","searchText","includes","delimiterMessage","htmlSafe","formattedString","customOptionText","str","context","searchValue","_s","p1","p2","get","classes","getEuiThemeContext","styles","useEuiBorealisStyles","euiComboBoxOptionListStyles","layout","euiListItemLayoutStyles","size","upstream","euiTheme","euiClass","comboBoxBoxReset","euiComboBoxOptionList","euiComboBoxOptionsList__empty","cursor","alwaysShow","paddingBlock","xs","paddingInline","s","textAlign","borderRadius","border","radius","control","isInteractive","n","cached","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiText","EuiBadge"],"mappings":";;;;;;;;;;;;;;;;AAoBA,SAASA,UAAAA,CAAWC,IAAY,EAAS;AACvC,EAAA,OAAOA,KACJC,OAAO,CAAC,MAAM,OAAA,CAAA,CACdA,OAAO,CAAC,IAAA,EAAM,MAAA,CAAA,CACdA,OAAO,CAAC,IAAA,EAAM,QACdA,OAAO,CAAC,MAAM,QAAA,CAAA,CACdA,OAAO,CAAC,IAAA,EAAM,OAAA,CAAA;AACnB;AAEA,SAASC,MAAAA,CAAOC,KAAa,EAAA;AAC3B,EAAA,IAAIC,WAAWD,KAAA,CAAA,EAAQ;AACrB,IAAA,OAAOA,MAAME,QAAQ,EAAA;AACvB,EAAA;AAEA,EAAA,OAAOF,KAAA;AACT;AAEA;;AAgBe,MAAMG,yCAAyCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;0DAGDC,SAAA,GAAaC,KAAO,IAAeA,KAAA,CAAMC,cAAc,EAAA;AAEvDC,EAAAA,MAAA,GAAS,kBAAA;EAET,IAAIC,WAAAA,GAAc;IAChB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,yBAAA,EAA2B,QAAA,CAAA;AAC7D,EAAA;AAEA;;;;EAIA,IAAIC,YAAAA,GAAwB;IAC1B,MAAM;MAAEC,SAAS;AAAEC,MAAAA;KAAQ,GAAG,IAAI,CAACC,IAAI;AAEvC,IAAA,OAAOC,OAAA,CAAQH,aAAa,CAACC,MAAA,CAAOG,UAAU,IAAI,EAAE,EAAEC,QAAQ,CAACL,SAAA,CAAA,CAAA;AACjE,EAAA;EAEA,IAAIM,gBAAAA,GAAgD;AAClD,IAAA,OAAOC,QAAA,CACLzB,OACE,IAAI,CAACe,OAAO,CAACC,WAAW,CACtB,yCAAA,EACA,wCAAA,EACA;MACEE,SAAA,EAAW,CAAA,QAAA,EAAWrB,UAAA,CAAW,IAAI,CAACuB,IAAI,CAACF,SAAS,IAAI,EAAA,CAAA,CAAA,SAAA;KAC1D,CAAA,CAAA,CAAA;AAIR,EAAA;EAEA,IAAIQ,eAAAA,GAA+C;AACjD,IAAA,IACE,IAAI,CAACN,IAAI,CAACO,gBAAgB,IAC1B,OAAO,IAAI,CAACP,IAAI,CAACO,gBAAgB,KAAK,QAAA,EACtC;MACA,MAAMC,MAAM5B,MAAA,CAAO,IAAI,CAACoB,IAAI,CAACO,gBAAgB,CAAA;AAE7C,MAAA,MAAML,UAAA,GAAazB,WAAW,IAAI,CAACuB,IAAI,CAACD,MAAM,CAACG,UAAU,IAAI,EAAA,CAAA;AAC7D;AACA,MAAA,MAAMO,OAAA,GAAU;QACdP,UAAA;QACAQ,WAAA,EAAa,WAAWR,UAAA,CAAA,SAAA;OAC1B;AAEA,MAAA,OAAOG,QAAA,CACLG,GAAA,CAAI7B,OAAO,CAAC,IAAI,CAACc,MAAM,EAAE,CAACkB,EAAA,EAAIC,EAAA,EAAIC,EAAA,KAAA;AAChC,QAAA,OAAOC,GAAA,CAAIL,SAASG,EAAA,IAAMC,EAAA,CAAA;AAC5B,MAAA,CAAA,CAAA,CAAA;AAEJ,IAAA,CAAA,MAAO;AACL,MAAA,MAAML,GAAA,GAAM5B,OACV,IAAI,CAACe,OAAO,CAACC,WAAW,CACtB,8BAAA,EACA,8DAAA,EACA;QACEM,UAAA,EAAYzB,UAAA,CAAW,IAAI,CAACuB,IAAI,CAACD,MAAM,CAACG,UAAU,IAAI,EAAA;AACxD,OAAA,CAAA,CAAA;MAIJ,OAAOG,QAAA,CAASG,GAAA,CAAA;AAClB,IAAA;AACF,EAAA;AAEA;;;;AAIC;EACD,IACIO,OAAAA,GAAkB;AACpB,IAAA,MAAMN,OAAA,GAAUO,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBT,OAAA,EAASU,2BAAA,CAAA;AAC7C,IAAA,MAAMC,MAAA,GAASF,qBAAqBT,OAAA,EAASY,uBAAA,CAAA;IAC7C,MAAMC,OAAOb,OAAA,CAAQc,QAAQ,CAACC,QAAQ,CAACF,IAAI;AAE3C,IAAA,OAAOG,QAAA,CACLhB,SACAiB,gBAAA,EACAT,MAAA,CAAOU,qBAAqB,EAC5BV,MAAA,CAAOW,6BAA6B,EACpC;AAAEC,MAAAA,MAAA,EAAQ;AAAU,KAAA,EACpB,IAAI,CAAC7B,IAAI,CAAC8B,UAAU,IAAI,CACtB;MACEC,YAAA,EAAcT,KAAKU,EAAE;MACrBC,aAAA,EAAeX,KAAKY,CAAC;AACrBC,MAAAA,SAAA,EAAW,OAAA;MACXC,YAAA,EAAc3B,OAAA,CAAQc,QAAQ,CAACC,QAAQ,CAACa,MAAM,CAACC,MAAM,CAACC;AACxD,KAAA,EACAnB,MAAA,CAAOoB,aAAa,CACrB,CAAA;AAEL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAtD,SAAA,EAAA,SAAA,EAAA,CAvBCuD,MAAA,CAAA,CAAA;AAAA;AAyBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,qkCAAA,EAwCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -1,11 +1,41 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { getEuiThemeContext } from '../../utils/emotion/consume.js';
+import { euiSelectableListGroupLabelStyles } from '../../utils/eui/selectable.js';
+import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
+import EuiComboBoxNodeComponent from './node.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { n } from 'decorator-transforms/runtime-esm';
 
-/** @private Title row of an option group in EuiComboBox. */
-const EuiComboBoxGroup = setComponentTemplate(precompileTemplate("<div class=\"ember-power-select-group\" aria-disabled={{if @group.disabled \"true\"}} ...attributes>\n  <div class=\"ember-power-select-group-name euiComboBoxTitle\">{{@group.groupName}}</div>\n  {{yield}}\n</div>", {
-  strictMode: true
-}), templateOnly());
+class EuiComboBoxGroup extends Component {
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiSelectableListGroupLabelStyles);
+    return euiClass(context, {
+      boxSizing: 'border-box',
+      margin: 0
+    }, styles.groupLabel, this.args.isFirst && {
+      '&:not(:first-child)': {
+        paddingTop: context.upstream.euiTheme.size.s,
+        '&::before': {
+          content: 'none'
+        }
+      }
+    });
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div class=\"ember-power-select-group euiComboBoxTitle {{this.classes}}\" role=\"presentation\" aria-disabled={{if @group.disabled \"true\"}} ...attributes>\n  {{#if @group.prepend}}<EuiComboBoxNode @node={{@group.prepend}} @option={{@group}} />{{/if}}<span class=\"ember-power-select-group-name\">{{@group.groupName}}</span>{{#if @group.append}}<EuiComboBoxNode @node={{@group.append}} @option={{@group}} />{{/if}}\n  {{yield}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        EuiComboBoxNode: EuiComboBoxNodeComponent
+      })
+    }), this);
+  }
+}
 
 export { EuiComboBoxGroup as default };
 //# sourceMappingURL=group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"group.js","sources":["../../../src/components/eui-combo-box/group.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Title row of an option group in EuiComboBox. */\nexport interface EuiComboBoxGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** The group: `{ groupName, disabled }`. */\n    group: {\n      groupName: string;\n      disabled: boolean;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiComboBoxGroup: TemplateOnlyComponent<EuiComboBoxGroupSignature> =\n  <template>\n    <div\n      class=\"ember-power-select-group\"\n      aria-disabled={{if @group.disabled \"true\"}}\n      ...attributes\n    >\n      <div\n        class=\"ember-power-select-group-name euiComboBoxTitle\"\n      >{{@group.groupName}}</div>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiComboBoxGroup;\n"],"names":["EuiComboBoxGroup","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AAeA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,uNAAA,EAWA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"group.js","sources":["../../../src/components/eui-combo-box/group.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { euiSelectableListGroupLabelStyles } from '../../utils/eui/selectable.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiComboBoxNode from './node.gts';\n\n/**\n * @private Title row of an option group in EuiComboBox: upstream\n * `euiComboBoxTitle` with the selectable list group label styles (xxxs\n * title, divider line above every group but the first).\n */\nexport interface EuiComboBoxGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** The group: `{ groupName, disabled, prepend, append }`. */\n    group: {\n      groupName: string;\n      disabled: boolean;\n      prepend?: unknown;\n      append?: unknown;\n    };\n    /**\n     * @private The first row of the list. The virtualized list renders a\n     * spacer before it, so upstream's `:first-child` (no divider) is set\n     * from the row index instead.\n     */\n    isFirst?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiComboBoxGroup extends Component<EuiComboBoxGroupSignature> {\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(\n      context,\n      euiSelectableListGroupLabelStyles\n    );\n\n    return euiClass(\n      context,\n      { boxSizing: 'border-box', margin: 0 },\n      styles.groupLabel,\n      this.args.isFirst && {\n        '&:not(:first-child)': {\n          paddingTop: context.upstream.euiTheme.size.s,\n          '&::before': { content: 'none' }\n        }\n      }\n    );\n  }\n\n  <template>\n    <div\n      class=\"ember-power-select-group euiComboBoxTitle {{this.classes}}\"\n      role=\"presentation\"\n      aria-disabled={{if @group.disabled \"true\"}}\n      ...attributes\n    >\n      {{#if @group.prepend}}<EuiComboBoxNode\n          @node={{@group.prepend}}\n          @option={{@group}}\n        />{{/if}}<span\n        class=\"ember-power-select-group-name\"\n      >{{@group.groupName}}</span>{{#if @group.append}}<EuiComboBoxNode\n          @node={{@group.append}}\n          @option={{@group}}\n        />{{/if}}\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["EuiComboBoxGroup","Component","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiSelectableListGroupLabelStyles","euiClass","boxSizing","margin","groupLabel","args","isFirst","paddingTop","upstream","euiTheme","size","s","content","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiComboBoxNode"],"mappings":";;;;;;;;;;AAmCe,MAAMA,yBAAyBC,SAAA,CAAU;EACtD,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBACbH,OAAA,EACAI,iCAAA,CAAA;IAGF,OAAOC,SACLL,OAAA,EACA;AAAEM,MAAAA,SAAA,EAAW,YAAA;AAAcC,MAAAA,MAAA,EAAQ;KAAE,EACrCL,MAAA,CAAOM,UAAU,EACjB,IAAI,CAACC,IAAI,CAACC,OAAO,IAAI;AACnB,MAAA,qBAAA,EAAuB;QACrBC,UAAA,EAAYX,QAAQY,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC,CAAC;AAC5C,QAAA,WAAA,EAAa;AAAEC,UAAAA,OAAA,EAAS;AAAO;AACjC;AACF,KAAA,CAAA;AAEJ,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAnBCC,MAAA,CAAA,CAAA;AAAA;AAqBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,sbAAA,EAkBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,yBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-combo-box/no-matches-message.js

@@ -1,14 +1,44 @@
-import EuiTextComponent from '../eui-text.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import { or } from 'ember-truth-helpers';
+import { getEuiThemeContext } from '../../utils/emotion/consume.js';
+import { comboBoxBoxReset } from '../../utils/eui/combo-box.js';
+import { dV as euiComboBoxOptionListStyles } from '../../styles.generated-SYAxYhey.js';
+import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
+import EuiText from '../eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { n } from 'decorator-transforms/runtime-esm';
 
-const NoMatchesMessageComponent = setComponentTemplate(precompileTemplate("{{#if @noMatchesMessage}}\n  <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n    <p>\n      {{@noMatchesMessage}}\n    </p>\n  </EuiText>\n{{/if}}", {
-  strictMode: true,
-  scope: () => ({
-    EuiText: EuiTextComponent
-  })
-}), templateOnly());
+function comboBoxMessageClass(component) {
+  const context = getEuiThemeContext(component);
+  const styles = useEuiBorealisStyles(context, euiComboBoxOptionListStyles);
+  return euiClass(context, comboBoxBoxReset, styles.euiComboBoxOptionList, styles.euiComboBoxOptionsList__empty);
+}
+/** The list keeps the focus in the input (upstream). */
+const keepFocus = event => event.preventDefault();
+/** @private Shown in EuiComboBox's options list. */
 
-export { NoMatchesMessageComponent as default };
+class NoMatchesMessageComponent extends Component {
+  get classes() {
+    return comboBoxMessageClass(this);
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{#if (or @message @noMatchesMessage)}}\n  <div class=\"euiComboBoxOptionsList {{this.classes}}\" data-test-subj=\"comboBoxOptionsList\" ...attributes {{on \"mousedown\" keepFocus}}>\n    <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n      <p>\n        {{if @message @message @noMatchesMessage}}\n      </p>\n    </EuiText>\n  </div>\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        or,
+        on,
+        keepFocus,
+        EuiText
+      })
+    }), this);
+  }
+}
+
+export { comboBoxMessageClass, NoMatchesMessageComponent as default };
 //# sourceMappingURL=no-matches-message.js.map

package/dist/components/eui-combo-box/no-matches-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-matches-message.js","sources":["../../../src/components/eui-combo-box/no-matches-message.gts"],"sourcesContent":["import EuiText from '../eui-text.gts';\n\nimport type { EuiTextSignature } from '../eui-text';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Shown in EuiComboBox's options list. */\ninterface Signature {\n  Element: EuiTextSignature['Element'];\n  Args: {\n    /** EuiComboBox's `@noMatchesMessage`. */\n    noMatchesMessage?: string;\n  };\n}\n\nconst NoMatchesMessageComponent: TemplateOnlyComponent<Signature> = <template>\n  {{#if @noMatchesMessage}}\n    <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\" ...attributes>\n      <p>\n        {{@noMatchesMessage}}\n      </p>\n    </EuiText>\n  {{/if}}\n</template>;\n\nexport default NoMatchesMessageComponent;\n"],"names":["NoMatchesMessageComponent","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","templateOnly"],"mappings":";;;;;AAcA,MAAMA,yBAAiD,GAAAC,oBAAA,CAAaC,kBAAA,CAAA,kLAAA,EAQpE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"no-matches-message.js","sources":["../../../src/components/eui-combo-box/no-matches-message.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport type { htmlSafe } from '@ember/template';\n\nimport { or } from 'ember-truth-helpers';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { comboBoxBoxReset } from '../../utils/eui/combo-box.ts';\nimport { euiComboBoxOptionListStyles } from '../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiText from '../eui-text.gts';\n\n/**\n * Upstream empty state of the options list: `.euiComboBoxOptionsList`\n * around an xs `EuiText.euiComboBoxOptionsList__empty`. The empty state\n * styles (padding, centered, word breaks) are composed into the wrapper so\n * EuiText keeps a single Emotion class.\n */\nexport function comboBoxMessageClass(component: object): string {\n  const context = getEuiThemeContext(component);\n  const styles = useEuiBorealisStyles(context, euiComboBoxOptionListStyles);\n\n  return euiClass(\n    context,\n    comboBoxBoxReset,\n    styles.euiComboBoxOptionList,\n    styles.euiComboBoxOptionsList__empty\n  );\n}\n\n/** The list keeps the focus in the input (upstream). */\nconst keepFocus = (event: MouseEvent) => event.preventDefault();\n\n/** @private Shown in EuiComboBox's options list. */\ninterface Signature {\n  Element: HTMLDivElement;\n  Args: {\n    /** EuiComboBox's `@noMatchesMessage`. */\n    noMatchesMessage?: string;\n    /**\n     * The upstream empty state message (no match for the search, no\n     * options, all selected, already added), shown instead.\n     */\n    message?: string | ReturnType<typeof htmlSafe>;\n  };\n}\n\nexport default class NoMatchesMessageComponent extends Component<Signature> {\n  @cached\n  get classes(): string {\n    return comboBoxMessageClass(this);\n  }\n\n  <template>\n    {{#if (or @message @noMatchesMessage)}}\n      <div\n        class=\"euiComboBoxOptionsList {{this.classes}}\"\n        data-test-subj=\"comboBoxOptionsList\"\n        ...attributes\n        {{on \"mousedown\" keepFocus}}\n      >\n        <EuiText @size=\"xs\" class=\"euiComboBoxOptionsList__empty\">\n          <p>\n            {{if @message @message @noMatchesMessage}}\n          </p>\n        </EuiText>\n      </div>\n    {{/if}}\n  </template>\n}\n"],"names":["comboBoxMessageClass","component","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiComboBoxOptionListStyles","euiClass","comboBoxBoxReset","euiComboBoxOptionList","euiComboBoxOptionsList__empty","keepFocus","event","preventDefault","NoMatchesMessageComponent","Component","classes","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","or","on","EuiText"],"mappings":";;;;;;;;;;;;;AAoBO,SAASA,oBAAAA,CAAqBC,SAAiB,EAAS;AAC7D,EAAA,MAAMC,UAAUC,kBAAA,CAAmBF,SAAA,CAAA;AACnC,EAAA,MAAMG,MAAA,GAASC,qBAAqBH,OAAA,EAASI,2BAAA,CAAA;AAE7C,EAAA,OAAOC,SACLL,OAAA,EACAM,gBAAA,EACAJ,OAAOK,qBAAqB,EAC5BL,OAAOM,6BAA6B,CAAA;AAExC;AAEA;AACA,MAAMC,SAAA,GAAaC,KAAO,IAAeA,MAAMC,cAAc,EAAA;AAE7D;;AAce,MAAMC,kCAAkCC,SAAA,CAAU;EAC/D,IACIC,OAAAA,GAAkB;IACpB,OAAOhB,qBAAqB,IAAI,CAAA;AAClC,EAAA;AAAA,EAAA;IAAAiB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0WAAA,EAeA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAd,SAAA;AAAAe,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -0,0 +1,19 @@
+import { isTextNode } from '../../utils/eui/combo-box.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const asComponent = node => node;
+const asText = node => node;
+/** @private Renders an `EuiComboBoxNode`. */
+const EuiComboBoxNodeComponent = setComponentTemplate(precompileTemplate("{{#if (isTextNode @node)}}{{asText @node}}{{else}}{{#let (asComponent @node) as |Node|}}<Node @option={{@option}} />{{/let}}{{/if}}", {
+  strictMode: true,
+  scope: () => ({
+    isTextNode,
+    asText,
+    asComponent
+  })
+}), templateOnly());
+
+export { EuiComboBoxNodeComponent as default };
+//# sourceMappingURL=node.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sources":["../../../src/components/eui-combo-box/node.gts"],"sourcesContent":["import { isTextNode } from '../../utils/eui/combo-box.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\n/**\n * Text or a component: option `prepend` / `append` and EuiComboBox's\n * `@prepend` / `@append` (upstream React nodes). Components get the\n * option as `@option`.\n */\nexport type EuiComboBoxNode =\n  | string\n  | number\n  | ComponentLike<{ Args: { option?: unknown } }>;\n\nconst asComponent = (node: unknown) =>\n  node as ComponentLike<{ Args: { option?: unknown } }>;\n\nconst asText = (node: unknown) => node as string;\n\n/** @private Renders an `EuiComboBoxNode`. */\nconst EuiComboBoxNodeComponent: TOC<{\n  Args: { node: unknown; option?: unknown };\n}> = <template>{{#if (isTextNode @node)}}{{asText @node}}{{else}}{{#let (asComponent @node) as |Node|}}<Node @option={{@option}} />{{/let}}{{/if}}</template>;\n\nexport default EuiComboBoxNodeComponent;\n"],"names":["asComponent","node","asText","EuiComboBoxNodeComponent","precompileTemplate","strictMode","scope","isTextNode","templateOnly"],"mappings":";;;;;AAeA,MAAMA,WAAA,GAAeC,IAAa,IAChCA;AAEF,MAAMC,SAAUD,IAAa,IAAKA,IAAc;AAEhD;AACA,MAAME,gDAEDC,kBAAA,CAAA,qIAAA,EAA6I;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAL,MAAA;AAAAF,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAQ,YAAA,EAAA;;"}

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

@@ -0,0 +1,47 @@
+import Component from '@glimmer/component';
+import EuiHighlight from '../eui-highlight.js';
+import EuiMark from '../eui-mark.js';
+import EuiTextTruncate from '../eui-text-truncate.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+/**
+ * @private The default option content of EuiComboBox's list, upstream
+ * `renderTruncatedOption` / `renderVariableHeightOption`: CSS truncation
+ * by default, EuiTextTruncate with `truncationProps`, and while searching
+ * the match is highlighted and kept visible (`startEnd` truncation
+ * around it).
+ */
+class EuiComboBoxOptionText extends Component {
+  get search() {
+    return (this.args.search ?? '').trim();
+  }
+  get isAuto() {
+    return this.args.rowHeight === 'auto';
+  }
+  /** Upstream `searchPositionCenter`. */
+  get truncationPosition() {
+    const {
+      text,
+      isCaseSensitive
+    } = this.args;
+    const search = this.search;
+    const start = isCaseSensitive ? text.indexOf(search) : text.toLowerCase().indexOf(search.toLowerCase());
+    return start + Math.floor(search.length / 2);
+  }
+  /** Shorter truncated text than the search: mark all of it (upstream). */
+  isShort = text => text.length < this.search.length;
+  static {
+    setComponentTemplate(precompileTemplate("{{#if this.isAuto}}\n  {{#if this.search}}\n    <EuiHighlight @text={{@text}} @search={{this.search}} @strict={{@isCaseSensitive}} />\n  {{else}}\n    {{@text}}\n  {{/if}}\n{{else if this.search}}\n  <EuiTextTruncate @text={{@text}} @width={{if @truncationProps.width @truncationProps.width @width}} @onResize={{@onResize}} @truncationOffset={{@truncationProps.truncationOffset}} @ellipsis={{@truncationProps.ellipsis}} @calculationDelayMs={{@truncationProps.calculationDelayMs}} @toolTipProps={{@truncationProps.toolTipProps}} @truncation=\"startEnd\" @truncationPosition={{this.truncationPosition}} as |text|>\n    {{#if (this.isShort text)}}\n      <EuiMark>{{text}}</EuiMark>\n    {{else}}\n      <EuiHighlight @text={{text}} @search={{this.search}} @strict={{@isCaseSensitive}} />\n    {{/if}}\n  </EuiTextTruncate>\n{{else if @truncationProps}}\n  <EuiTextTruncate @text={{@text}} @width={{if @truncationProps.width @truncationProps.width @width}} @onResize={{@onResize}} @truncation={{@truncationProps.truncation}} @truncationOffset={{@truncationProps.truncationOffset}} @truncationPosition={{@truncationProps.truncationPosition}} @ellipsis={{@truncationProps.ellipsis}} @calculationDelayMs={{@truncationProps.calculationDelayMs}} @toolTipProps={{@truncationProps.toolTipProps}} />\n{{else}}\n  {{@text}}\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        EuiHighlight,
+        EuiTextTruncate,
+        EuiMark
+      })
+    }), this);
+  }
+}
+
+export { EuiComboBoxOptionText as default };
+//# sourceMappingURL=option-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option-text.js","sources":["../../../src/components/eui-combo-box/option-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport EuiHighlight from '../eui-highlight.gts';\nimport EuiMark from '../eui-mark.gts';\nimport EuiTextTruncate from '../eui-text-truncate.gts';\n\nimport type { EuiTextTruncateSignature } from '../eui-text-truncate';\n\n/** EuiTextTruncate arguments for options (upstream `truncationProps`). */\nexport type EuiComboBoxTruncationProps = Partial<\n  Omit<EuiTextTruncateSignature['Args'], 'text'>\n>;\n\ninterface Signature {\n  Args: {\n    /** The option's label. */\n    text: string;\n    /** The search text (untrimmed). */\n    search?: string;\n    isCaseSensitive?: boolean;\n    /** `'auto'` wraps the text instead of truncating it. */\n    rowHeight?: number | 'auto';\n    /** EuiComboBox's `@truncationProps` merged with the option's own. */\n    truncationProps?: EuiComboBoxTruncationProps;\n    /** Width shared by the rows, so only the first ones measure. */\n    width?: number;\n    onResize?: (width: number) => void;\n  };\n}\n\n/**\n * @private The default option content of EuiComboBox's list, upstream\n * `renderTruncatedOption` / `renderVariableHeightOption`: CSS truncation\n * by default, EuiTextTruncate with `truncationProps`, and while searching\n * the match is highlighted and kept visible (`startEnd` truncation\n * around it).\n */\nexport default class EuiComboBoxOptionText extends Component<Signature> {\n  get search(): string {\n    return (this.args.search ?? '').trim();\n  }\n\n  get isAuto(): boolean {\n    return this.args.rowHeight === 'auto';\n  }\n\n  /** Upstream `searchPositionCenter`. */\n  get truncationPosition(): number {\n    const { text, isCaseSensitive } = this.args;\n    const search = this.search;\n    const start = isCaseSensitive\n      ? text.indexOf(search)\n      : text.toLowerCase().indexOf(search.toLowerCase());\n\n    return start + Math.floor(search.length / 2);\n  }\n\n  /** Shorter truncated text than the search: mark all of it (upstream). */\n  isShort = (text: string) => text.length < this.search.length;\n\n  <template>\n    {{#if this.isAuto}}\n      {{#if this.search}}\n        <EuiHighlight\n          @text={{@text}}\n          @search={{this.search}}\n          @strict={{@isCaseSensitive}}\n        />\n      {{else}}\n        {{@text}}\n      {{/if}}\n    {{else if this.search}}\n      <EuiTextTruncate\n        @text={{@text}}\n        @width={{if @truncationProps.width @truncationProps.width @width}}\n        @onResize={{@onResize}}\n        @truncationOffset={{@truncationProps.truncationOffset}}\n        @ellipsis={{@truncationProps.ellipsis}}\n        @calculationDelayMs={{@truncationProps.calculationDelayMs}}\n        @toolTipProps={{@truncationProps.toolTipProps}}\n        @truncation=\"startEnd\"\n        @truncationPosition={{this.truncationPosition}}\n        as |text|\n      >\n        {{#if (this.isShort text)}}\n          <EuiMark>{{text}}</EuiMark>\n        {{else}}\n          <EuiHighlight\n            @text={{text}}\n            @search={{this.search}}\n            @strict={{@isCaseSensitive}}\n          />\n        {{/if}}\n      </EuiTextTruncate>\n    {{else if @truncationProps}}\n      <EuiTextTruncate\n        @text={{@text}}\n        @width={{if @truncationProps.width @truncationProps.width @width}}\n        @onResize={{@onResize}}\n        @truncation={{@truncationProps.truncation}}\n        @truncationOffset={{@truncationProps.truncationOffset}}\n        @truncationPosition={{@truncationProps.truncationPosition}}\n        @ellipsis={{@truncationProps.ellipsis}}\n        @calculationDelayMs={{@truncationProps.calculationDelayMs}}\n        @toolTipProps={{@truncationProps.toolTipProps}}\n      />\n    {{else}}\n      {{@text}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiComboBoxOptionText","Component","search","args","trim","isAuto","rowHeight","truncationPosition","text","isCaseSensitive","start","indexOf","toLowerCase","Math","floor","length","isShort","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHighlight","EuiTextTruncate","EuiMark"],"mappings":";;;;;;;AA8BA;;;;;;;AAOe,MAAMA,qBAAA,SAA8BC,SAAA,CAAU;EAC3D,IAAIC,MAAAA,GAAiB;IACnB,OAAO,CAAC,IAAI,CAACC,IAAI,CAACD,MAAM,IAAI,EAAE,EAAEE,IAAI,EAAA;AACtC,EAAA;EAEA,IAAIC,MAAAA,GAAkB;AACpB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACG,SAAS,KAAK,MAAA;AACjC,EAAA;AAEA;EACA,IAAIC,kBAAAA,GAA6B;IAC/B,MAAM;MAAEC,IAAI;AAAEC,MAAAA;KAAiB,GAAG,IAAI,CAACN,IAAI;AAC3C,IAAA,MAAMD,MAAA,GAAS,IAAI,CAACA,MAAM;IAC1B,MAAMQ,KAAA,GAAQD,eAAA,GACVD,IAAA,CAAKG,OAAO,CAACT,MAAA,CAAA,GACbM,IAAA,CAAKI,WAAW,EAAA,CAAGD,OAAO,CAACT,MAAA,CAAOU,WAAW,EAAA,CAAA;IAEjD,OAAOF,QAAQG,IAAA,CAAKC,KAAK,CAACZ,MAAA,CAAOa,MAAM,GAAG,CAAA,CAAA;AAC5C,EAAA;AAEA;EACAC,OAAA,GAAWR,IAAY,IAAKA,IAAA,CAAKO,MAAM,GAAG,IAAI,CAACb,MAAM,CAACa,MAAM;AAE5D,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,0yCAAA,EAiDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,eAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}