@ember-eui/core 14.1.4 → 16.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"eui-breadcrumbs.js","sources":["../../src/components/eui-breadcrumbs.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { throttle } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport sub from 'ember-math-helpers/helpers/sub';\nimport { modifier } from 'ember-modifier';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport { getBreakpoint } from '../utils/breakpoint.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiLink from './eui-link.gts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiBreadcrumbResponsiveMaxCount = {\n  /**\n   * Any of the following keys are allowed: `'xs' | 's' | 'm' | 'l' | 'xl'`\n   * Omitting a key will display all breadcrumbs at that breakpoint\n   */\n  [key in EuiBreakpointSize]?: number;\n};\n\nconst responsiveDefault: EuiBreadcrumbResponsiveMaxCount = {\n  xs: 1,\n  s: 2,\n  m: 4\n};\n\nexport type EuiBreadcrumb = {\n  /**\n   * Visible label of the breadcrumb\n   */\n  text: string;\n  /**\n   * Makes the breadcrumb a link.\n   */\n  href?: string;\n  /**\n   * Makes the breadcrumb clickable, e.g. to transition with the router.\n   */\n  onClick?: (e: MouseEvent) => void;\n\n  /**\n   * Class for the breadcrumb's text element.\n   */\n  className?: string;\n  /**\n   * Force a max-width on the breadcrumb text\n   */\n  truncate?: boolean;\n\n  /**\n   * Set internally on the \"…\" item holding collapsed breadcrumbs.\n   */\n  ellipsis?: boolean;\n\n  /**\n   * `EuiLink` color of a clickable breadcrumb. Defaults to `'subdued'`, and\n   * `'text'` for the last one.\n   */\n  color?: string;\n\n  /**\n   * Set internally; the last breadcrumb gets `aria-current=\"page\"`.\n   */\n  'aria-current'?: string;\n};\n\nconst onWindowResizeModifier = modifier(\n  (\n    _ele: HTMLElement,\n    _pos,\n    {\n      functionToCallOnWindowResize\n    }: { functionToCallOnWindowResize: () => void }\n  ) => {\n    window.addEventListener('resize', functionToCallOnWindowResize);\n\n    return () => {\n      window.removeEventListener('resize', functionToCallOnWindowResize);\n    };\n  }\n);\n\nconst limitedBreadcrumbs = (max: number, breadcrumbs: EuiBreadcrumb[]) => {\n  const breadcrumbsAtStart = [];\n  const breadcrumbsAtEnd = [];\n  const limit = Math.min(max, breadcrumbs.length);\n  const start = Math.floor(limit / 2);\n  const overflowBreadcrumbs = breadcrumbs.slice(\n    start,\n    start + breadcrumbs.length - limit\n  );\n\n  if (\n    overflowBreadcrumbs.length &&\n    overflowBreadcrumbs[overflowBreadcrumbs.length - 1]\n  ) {\n    overflowBreadcrumbs[overflowBreadcrumbs.length - 1]!['aria-current'] =\n      'false';\n  }\n\n  for (let i = 0; i < limit; i++) {\n    // We'll alternate with displaying breadcrumbs at the end and at the start, but be biased\n    // towards breadcrumbs the end so that if max is an odd number, we'll have one more\n    // breadcrumb visible at the end than at the beginning.\n    const isEven = i % 2 === 0;\n\n    // We're picking breadcrumbs from the front AND the back, so we treat each iteration as a\n    // half-iteration.\n    const normalizedIndex = Math.floor(i * 0.5);\n    const indexOfBreadcrumb = isEven\n      ? breadcrumbs.length - 1 - normalizedIndex\n      : normalizedIndex;\n    const breadcrumb = breadcrumbs[indexOfBreadcrumb];\n\n    if (isEven && breadcrumb) {\n      breadcrumbsAtEnd.unshift(breadcrumb);\n    } else if (breadcrumb) {\n      breadcrumbsAtStart.push(breadcrumb);\n    }\n  }\n\n  if (max < breadcrumbs.length) {\n    breadcrumbsAtStart.push({ ellipsis: true } as EuiBreadcrumb);\n  }\n\n  return {\n    breadcrumbs: [...breadcrumbsAtStart, ...breadcrumbsAtEnd],\n    overflowBreadcrumbs\n  };\n};\n\ninterface EuiBreadcrumbsComponentArgs {\n  /**\n   * Shows fewer breadcrumbs on smaller screens, collapsing the ones in the\n   * middle into a \"…\" popover. `true` uses `{ xs: 1, s: 2, m: 4 }` (at most\n   * 1 breadcrumb on extra small screens, 2 on small, 4 on medium); pass an\n   * object with any of the `xs`, `s`, `m`, `l`, `xl` keys for your own\n   * limits (a missing key falls back to `@max`). Never shows more than\n   * `@max`. Defaults to off.\n   */\n  responsive?: boolean | EuiBreadcrumbResponsiveMaxCount;\n\n  /**\n   * Forces all breadcrumbs to single line and\n   * truncates each breadcrumb to a particular width,\n   * except for the last item. Defaults to `true`.\n   */\n  truncate?: boolean;\n\n  /**\n   * Collapses the breadcrumbs in the middle past this number into a single\n   * \"…\" item that opens a popover with them. Defaults to `5`; pass `0` or\n   * `null` to always show all breadcrumbs.\n   */\n  max?: number | null;\n\n  /**\n   * The breadcrumbs, from the root to the current page:\n   * `[{ text: 'Home', href: '/' }, { text: 'Users', onClick: … }, { text: 'Jane' }]`.\n   * The last one is the current page.\n   */\n  breadcrumbs: EuiBreadcrumb[];\n}\n\nexport interface EuiBreadcrumbsSignature {\n  Element: HTMLElement;\n  Args: EuiBreadcrumbsComponentArgs;\n  Blocks: { default: [] };\n}\n\nexport default class EuiBreadcrumbs extends Component<EuiBreadcrumbsSignature> {\n  @tracked currentBreakpoint;\n\n  constructor(owner: Owner, args: EuiBreadcrumbsComponentArgs) {\n    super(owner, args);\n    this.currentBreakpoint = getBreakpoint(\n      typeof window === 'undefined' ? -Infinity : window.innerWidth\n    );\n  }\n\n  functionToCallOnWindowResize = () => {\n    throttle(() => {\n      const newBreakpoint = getBreakpoint(window.innerWidth);\n\n      if (newBreakpoint !== this.currentBreakpoint) {\n        this.currentBreakpoint = newBreakpoint;\n      }\n    }, 50);\n  };\n\n  get responsiveObject() {\n    return typeof this.args.responsive === 'object'\n      ? this.args.responsive\n      : responsiveDefault;\n  }\n\n  get max() {\n    if (this.args.max === null) {\n      return null;\n    }\n\n    return this.args.max ?? 5;\n  }\n\n  get truncate() {\n    return this.args.truncate ?? true;\n  }\n\n  get calculatedMax(): EuiBreadcrumbsComponentArgs['max'] {\n    // The max property collapses any breadcrumbs past the max quantity.\n    // This is the same behavior we want for responsiveness.\n    // So calculate the max value based on the combination of `max` and `responsive`\n    let calculatedMax: EuiBreadcrumbsComponentArgs['max'] = this.max;\n\n    // Set the calculated max to the number associated with the currentBreakpoint key if it exists\n    if (\n      this.args.responsive &&\n      this.responsiveObject[this.currentBreakpoint as EuiBreakpointSize]\n    ) {\n      calculatedMax =\n        this.responsiveObject[this.currentBreakpoint as EuiBreakpointSize];\n    }\n\n    // Final check is to make sure max is used over a larger breakpoint value\n    if (this.max && calculatedMax) {\n      calculatedMax = this.max < calculatedMax ? this.max : calculatedMax;\n    }\n\n    return calculatedMax;\n  }\n\n  @cached\n  get limitedBreadcrumbs() {\n    const calculatedMax = this.calculatedMax;\n\n    return calculatedMax\n      ? limitedBreadcrumbs(calculatedMax, this.args.breadcrumbs)\n      : {\n          breadcrumbs: this.args.breadcrumbs,\n          overflowBreadcrumbs: [] as EuiBreadcrumb[]\n        };\n  }\n\n  <template>\n    <nav\n      {{onWindowResizeModifier\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      }}\n      class={{classNames\n        \"euiBreadcrumbs\"\n        (if this.truncate \"euiBreadcrumbs--truncate\")\n      }}\n      ...attributes\n    >\n      <ol class=\"euiBreadcrumbs__list\">\n\n        {{#each this.limitedBreadcrumbs.breadcrumbs as |breadcrumb index|}}\n\n          {{#if breadcrumb.ellipsis}}\n            {{#let (useState false) as |popOverState|}}\n              <li class=\"euiBreadcrumb euiBreadcrumb--collapsed\">\n                <EuiPopover\n                  @isOpen={{popOverState.value}}\n                  @closePopover={{fn popOverState.setState false}}\n                >\n                  <:button>\n                    <EuiLink\n                      class=\"euiBreadcrumb__content\"\n                      @color=\"subdued\"\n                      aria-label=\"See collapsed breadcrumbs\"\n                      title=\"See collapsed breadcrumbs\"\n                      {{on \"click\" (fn popOverState.setState true)}}\n                    >\n                      &hellip;<EuiIcon @type=\"arrowDown\" @size=\"s\" />\n                    </EuiLink>\n                  </:button>\n                  <:content>\n                    <EuiBreadcrumbs\n                      class=\"euiBreadcrumbs__inPopover\"\n                      @breadcrumbs={{this.limitedBreadcrumbs.overflowBreadcrumbs}}\n                      @responsive={{false}}\n                      @truncate={{false}}\n                      @max={{0}}\n                    />\n                  </:content>\n                </EuiPopover>\n\n              </li>\n\n            {{/let}}\n          {{else}}\n            <EuiInnerText as |setInnerTextRef innerText|>\n              {{#let\n                (eq index (sub this.limitedBreadcrumbs.breadcrumbs.length 1))\n                (if (eq innerText \"\") undefined innerText)\n                as |isLastBreadcrumb title|\n              }}\n                <li\n                  class={{classNames\n                    \"euiBreadcrumb\"\n                    (if isLastBreadcrumb \"euiBreadcrumb--last\")\n                    (if breadcrumb.truncate \"euiBreadcrumb--truncate\")\n                  }}\n                >\n                  {{#if (and (not breadcrumb.href) (not breadcrumb.onClick))}}\n                    <span\n                      {{didInsert setInnerTextRef}}\n                      title={{title}}\n                      class={{classNames\n                        \"euiBreadcrumb__content\"\n                        breadcrumb.className\n                      }}\n                      aria-current={{if isLastBreadcrumb \"page\" undefined}}\n                    >\n                      {{breadcrumb.text}}\n                    </span>\n                  {{else}}\n                    <EuiLink\n                      {{didInsert setInnerTextRef}}\n                      @color={{if\n                        breadcrumb.color\n                        breadcrumb.color\n                        (if isLastBreadcrumb \"text\" \"subdued\")\n                      }}\n                      @href={{breadcrumb.href}}\n                      title={{title}}\n                      class={{classNames\n                        \"euiBreadcrumb__content\"\n                        breadcrumb.className\n                      }}\n                      {{on \"click\" (optional breadcrumb.onClick)}}\n                      aria-current={{if isLastBreadcrumb \"page\" undefined}}\n                    >\n                      {{breadcrumb.text}}\n                    </EuiLink>\n                  {{/if}}\n\n                </li>\n              {{/let}}\n            </EuiInnerText>\n          {{/if}}\n\n        {{/each}}\n\n      </ol>\n    </nav>\n  </template>\n}\n"],"names":["responsiveDefault","xs","s","m","onWindowResizeModifier","modifier","_ele","_pos","functionToCallOnWindowResize","window","addEventListener","removeEventListener","limitedBreadcrumbs","max","breadcrumbs","breadcrumbsAtStart","breadcrumbsAtEnd","limit","Math","min","length","start","floor","overflowBreadcrumbs","slice","i","isEven","normalizedIndex","indexOfBreadcrumb","breadcrumb","unshift","push","ellipsis","EuiBreadcrumbs","Component","g","prototype","tracked","constructor","owner","args","currentBreakpoint","getBreakpoint","Infinity","innerWidth","throttle","newBreakpoint","responsiveObject","responsive","truncate","calculatedMax","n","cached","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","useState","EuiPopover","fn","EuiLink","on","EuiIcon","EuiInnerText","eq","sub","and","not","didInsert","optional"],"mappings":"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"}
+{"version":3,"file":"eui-breadcrumbs.js","sources":["../../src/components/eui-breadcrumbs.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { throttle } from '@ember/runloop';\nimport { service } from '@ember/service';\nimport type Owner from '@ember/owner';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport onWindowResize from '../-private/window-resize.ts';\nimport useState from '../helpers/use-state.ts';\nimport { getBreakpoint } from '../utils/breakpoint.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiBreadcrumbContentStyles,\n  euiBreadcrumbPopoverStyles,\n  euiBreadcrumbsListStyles,\n  euiBreadcrumbStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiLink from './eui-link.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { EuiPopoverArgs } from './eui-popover.gts';\nimport type EuiI18nService from '../services/eui-i18n.ts';\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\nimport type { CSSInterpolation } from '@emotion/css/create-instance';\n\nexport type EuiBreadcrumbResponsiveMaxCount = {\n  /**\n   * Any of the following keys are allowed: `'xs' | 's' | 'm' | 'l' | 'xl'`\n   * Omitting a key will display all breadcrumbs at that breakpoint\n   */\n  [key in EuiBreakpointSize]?: number;\n};\n\nconst responsiveDefault: EuiBreadcrumbResponsiveMaxCount = {\n  xs: 1,\n  s: 2,\n  m: 4\n};\n\n/**\n * Args the `popoverContent` component receives.\n */\nexport type EuiBreadcrumbPopoverContentArgs = {\n  /** Closes the breadcrumb's popover. */\n  closePopover: () => void;\n  /** The breadcrumb the popover belongs to. */\n  breadcrumb: EuiBreadcrumb;\n};\n\n/**\n * `EuiPopover` args accepted by a breadcrumb's `popoverProps`: everything\n * except the ones that control its state, which `EuiBreadcrumbs` owns.\n */\nexport type EuiBreadcrumbPopoverProps = Omit<\n  EuiPopoverArgs,\n  'button' | 'closePopover' | 'isOpen' | 'buttonRef' | 'insert'\n>;\n\nexport type EuiBreadcrumb = {\n  /**\n   * Visible label of the breadcrumb\n   */\n  text: string;\n  /**\n   * Makes the breadcrumb a link.\n   */\n  href?: string;\n  /** `rel` of a link breadcrumb (`noreferrer` is always added). */\n  rel?: string;\n  /**\n   * Makes the breadcrumb clickable, e.g. to transition with the router.\n   */\n  onClick?: (e: MouseEvent) => void;\n\n  /**\n   * Class for the breadcrumb's text element.\n   */\n  className?: string;\n  /**\n   * Overrides `@truncate` for this breadcrumb: `true` limits its text to\n   * 160px with an ellipsis, `false` never truncates it.\n   */\n  truncate?: boolean;\n\n  /**\n   * `EuiLink` color of a clickable breadcrumb. Defaults to `'subdued'`\n   * (upstream; it used to be `'text'` for the last one).\n   */\n  color?: string;\n\n  /**\n   * Makes the breadcrumb a button that toggles a popover (with a\n   * `chevronSingleDown` icon). A string is shown as text. A component\n   * is rendered inside the popover with `@closePopover` and `@breadcrumb`.\n   * `true` renders the `<:popoverContent as |breadcrumb closePopover|>` block\n   * of `EuiBreadcrumbs`. `href` and `onClick` are ignored.\n   */\n  popoverContent?:\n    | string\n    | true\n    | ComponentLike<{ Args: EuiBreadcrumbPopoverContentArgs }>;\n  /**\n   * `EuiPopover` args for the popover (e.g. `{ panelPaddingSize: 'none' }`),\n   * except the ones controlling its state.\n   */\n  popoverProps?: EuiBreadcrumbPopoverProps;\n\n  /** @deprecated Ignored. It used to mark the internal \"…\" item. */\n  ellipsis?: boolean;\n\n  /**\n   * @deprecated Ignored. The last breadcrumb gets `aria-current=\"page\"`;\n   * see `@lastBreadcrumbIsCurrentPage`.\n   */\n  'aria-current'?: string;\n};\n\nexport type EuiBreadcrumbsType = 'page' | 'application';\n\ntype Item = {\n  breadcrumb?: EuiBreadcrumb;\n  overflow?: EuiBreadcrumb[];\n  isFirst: boolean;\n  isLast: boolean;\n  isOnly: boolean;\n};\n\nconst LIST_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  listStyle: 'none'\n} as const;\nconst ITEM_RESET = { boxSizing: 'border-box', margin: 0, padding: 0 } as const;\n\n/**\n * Upstream `limitBreadcrumbs`: keeps `max` breadcrumbs (biased to the end)\n * and collapses the rest into one item.\n */\nfunction limitBreadcrumbs(breadcrumbs: EuiBreadcrumb[], max: number) {\n  const atStart: EuiBreadcrumb[] = [];\n  const atEnd: EuiBreadcrumb[] = [];\n  const limit = Math.min(max, breadcrumbs.length);\n  const start = Math.floor(limit / 2);\n  const overflow = breadcrumbs.slice(start, start + breadcrumbs.length - limit);\n\n  for (let i = 0; i < limit; i++) {\n    const isEven = i % 2 === 0;\n    const normalizedIndex = Math.floor(i * 0.5);\n    const index = isEven\n      ? breadcrumbs.length - 1 - normalizedIndex\n      : normalizedIndex;\n    const breadcrumb = breadcrumbs[index]!;\n\n    if (isEven) {\n      atEnd.unshift(breadcrumb);\n    } else {\n      atStart.push(breadcrumb);\n    }\n  }\n\n  return [\n    ...atStart.map((breadcrumb) => ({ breadcrumb })),\n    { overflow },\n    ...atEnd.map((breadcrumb) => ({ breadcrumb }))\n  ];\n}\n\ninterface EuiBreadcrumbsComponentArgs {\n  /**\n   * Shows fewer breadcrumbs on smaller screens, collapsing the ones in the\n   * middle into a \"…\" popover. `true` uses `{ xs: 1, s: 2, m: 4 }` (at most\n   * 1 breadcrumb on extra small screens, 2 on small, 4 on medium); pass an\n   * object with any of the `xs`, `s`, `m`, `l`, `xl` keys for your own\n   * limits (a missing key falls back to `@max`). Never shows more than\n   * `@max`. Defaults to `true`, as upstream; `false` turns it off.\n   */\n  responsive?: boolean | EuiBreadcrumbResponsiveMaxCount;\n\n  /**\n   * Forces all breadcrumbs to a single line and truncates each breadcrumb\n   * to 160px, except the last one, which fills the remaining space.\n   * Defaults to `true`.\n   */\n  truncate?: boolean;\n\n  /**\n   * Collapses the breadcrumbs in the middle past this number into a single\n   * \"…\" item that opens a popover with them. Defaults to `5`; pass `0` or\n   * `null` to always show all breadcrumbs.\n   */\n  max?: number | null;\n\n  /**\n   * `'page'` (default) separates breadcrumbs with slashes; `'application'`\n   * renders them as connected arrow-shaped chips, for the top of an app.\n   */\n  type?: EuiBreadcrumbsType;\n\n  /**\n   * Extra styles composed last into this component's class (like upstream's\n   * `css` prop). Prefer this to an extra class when styling it from a parent.\n   */\n  css?: EuiCss;\n\n  /**\n   * Marks the last breadcrumb as the current page (`aria-current=\"page\"`).\n   * Defaults to `true`.\n   */\n  lastBreadcrumbIsCurrentPage?: boolean;\n\n  /**\n   * The breadcrumbs, from the root to the current page:\n   * `[{ text: 'Home', href: '/' }, { text: 'Users', onClick: … }, { text: 'Jane' }]`.\n   */\n  breadcrumbs: EuiBreadcrumb[];\n}\n\n/**\n * A `<nav aria-label=\"Breadcrumbs\">` trail of links to the current page.\n */\nexport interface EuiBreadcrumbsSignature {\n  Element: HTMLElement;\n  Args: EuiBreadcrumbsComponentArgs;\n  Blocks: {\n    default: [];\n    /**\n     * Content of the popover of every breadcrumb with `popoverContent: true`;\n     * yields the breadcrumb and a `closePopover` function.\n     */\n    popoverContent: [breadcrumb: EuiBreadcrumb, closePopover: () => void];\n  };\n}\n\nexport default class EuiBreadcrumbs extends Component<EuiBreadcrumbsSignature> {\n  @service declare euiI18n: EuiI18nService;\n  @tracked currentBreakpoint: EuiBreakpointSize | undefined;\n\n  constructor(owner: Owner, args: EuiBreadcrumbsComponentArgs) {\n    super(owner, args);\n    this.currentBreakpoint = getBreakpoint(\n      typeof window === 'undefined' ? -Infinity : window.innerWidth\n    );\n  }\n\n  updateBreakpoint = () => {\n    const breakpoint = getBreakpoint(window.innerWidth);\n    if (breakpoint !== this.currentBreakpoint) {\n      this.currentBreakpoint = breakpoint;\n    }\n  };\n\n  onResize = () => {\n    throttle(this, this.updateBreakpoint, 50);\n  };\n\n  get ariaLabel(): string {\n    return this.euiI18n.lookupToken('euiBreadcrumbs.nav.ariaLabel', 'Breadcrumbs');\n  }\n\n  get collapsedLabel(): string {\n    return this.euiI18n.lookupToken(\n      'euiBreadcrumb.collapsedBadge.ariaLabel',\n      'See collapsed breadcrumbs'\n    );\n  }\n\n  get type(): EuiBreadcrumbsType {\n    return this.args.type ?? 'page';\n  }\n\n  get lastBreadcrumbIsCurrentPage(): boolean {\n    return this.args.lastBreadcrumbIsCurrentPage ?? true;\n  }\n\n  get truncate(): boolean {\n    return this.args.truncate ?? true;\n  }\n\n  get max(): number | null {\n    return this.args.max === null ? null : (this.args.max ?? 5);\n  }\n\n  /** Upstream `useResponsiveMax`. */\n  get responsiveMax(): number | null {\n    const responsive = this.args.responsive ?? true;\n    const responsiveObject =\n      typeof responsive === 'object' ? responsive : responsiveDefault;\n    const max = this.max;\n    let responsiveMax = max;\n    const breakpoint = this.currentBreakpoint;\n\n    if (responsive && breakpoint && responsiveObject[breakpoint]) {\n      responsiveMax = responsiveObject[breakpoint]!;\n    }\n\n    if (max && responsiveMax) {\n      responsiveMax = max < responsiveMax ? max : responsiveMax;\n    }\n\n    return responsiveMax;\n  }\n\n  @cached\n  get classes(): string {\n    if (!this.args.css) return 'euiBreadcrumbs';\n    return `euiBreadcrumbs ${euiClass(getEuiThemeContext(this), this.args.css)}`;\n  }\n\n  @cached\n  get listClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbsListStyles);\n    return `euiBreadcrumbs__list ${euiClass(\n      context,\n      // Scoped stand-in for React's global list reset.\n      LIST_RESET,\n      styles.euiBreadcrumbs__list,\n      this.truncate && styles.isTruncated\n    )}`;\n  }\n\n  @cached\n  get items(): Item[] {\n    const { breadcrumbs } = this.args;\n    const max = this.responsiveMax;\n    const visible: { breadcrumb?: EuiBreadcrumb; overflow?: EuiBreadcrumb[] }[] =\n      max && breadcrumbs.length > max\n        ? limitBreadcrumbs(breadcrumbs, max)\n        : breadcrumbs.map((breadcrumb) => ({ breadcrumb }));\n\n    return visible.map(({ breadcrumb, overflow }, index) => ({\n      breadcrumb,\n      overflow,\n      isFirst: index === 0,\n      isLast: index === visible.length - 1,\n      isOnly: visible.length === 1\n    }));\n  }\n\n  <template>\n    <nav\n      aria-label={{this.ariaLabel}}\n      class={{this.classes}}\n      {{onWindowResize this.onResize}}\n      ...attributes\n    >\n      <ol class={{this.listClasses}}>\n        {{#each this.items as |item|}}\n          <BreadcrumbItem\n            @item={{item}}\n            @type={{this.type}}\n            @truncate={{this.truncate}}\n            @lastBreadcrumbIsCurrentPage={{this.lastBreadcrumbIsCurrentPage}}\n            @collapsedLabel={{this.collapsedLabel}}\n          >\n            <:popoverContent as |breadcrumb closePopover|>\n              {{yield breadcrumb closePopover to=\"popoverContent\"}}\n            </:popoverContent>\n          </BreadcrumbItem>\n        {{/each}}\n      </ol>\n    </nav>\n  </template>\n}\n\ninterface BreadcrumbItemSignature {\n  Args: {\n    item: Item;\n    type: EuiBreadcrumbsType;\n    truncate: boolean;\n    lastBreadcrumbIsCurrentPage: boolean;\n    collapsedLabel: string;\n  };\n  Blocks: {\n    popoverContent: [breadcrumb: EuiBreadcrumb, closePopover: () => void];\n  };\n}\n\n/**\n * One breadcrumb (or the collapsed \"…\" item). Its link styles go through\n * EuiLink's `@css`, composed last into the link's own class (like upstream\n * `css`).\n */\nclass BreadcrumbItem extends Component<BreadcrumbItemSignature> {\n  @service declare euiI18n: EuiI18nService;\n\n  get isCollapsed(): boolean {\n    return Boolean(this.args.item.overflow);\n  }\n\n  get breadcrumb(): EuiBreadcrumb | undefined {\n    return this.args.item.breadcrumb;\n  }\n\n  get itemTruncate(): boolean {\n    return this.isCollapsed\n      ? this.args.truncate\n      : (this.breadcrumb!.truncate ?? this.args.truncate);\n  }\n\n  get truncateLast(): boolean {\n    return (\n      !this.isCollapsed &&\n      this.args.item.isLast &&\n      this.args.truncate &&\n      this.breadcrumb!.truncate == null\n    );\n  }\n\n  /** The breadcrumb of a popover item (never the \"…\" item). */\n  get popoverBreadcrumb(): EuiBreadcrumb {\n    return this.breadcrumb!;\n  }\n\n  get overflow(): EuiBreadcrumb[] | undefined {\n    return this.args.item.overflow;\n  }\n\n  /** `popoverContent` given as a string. */\n  get popoverText(): string | undefined {\n    const content = this.breadcrumb?.popoverContent;\n    return typeof content === 'string' ? content : undefined;\n  }\n\n  /** `popoverContent` given as a component. */\n  get popoverComponent():\n    | ComponentLike<{ Args: EuiBreadcrumbPopoverContentArgs }>\n    | undefined {\n    const content = this.breadcrumb?.popoverContent;\n    return typeof content === 'string' || content === true\n      ? undefined\n      : content;\n  }\n\n  /** A breadcrumb that toggles a popover (it ignores `href`/`onClick`). */\n  get hasPopover(): boolean {\n    return !this.isCollapsed && Boolean(this.breadcrumb!.popoverContent);\n  }\n\n  /** The \"…\" item or a breadcrumb with `popoverContent`. */\n  get isPopover(): boolean {\n    return this.isCollapsed || this.hasPopover;\n  }\n\n  get popoverAriaLabel(): string {\n    return ` - ${this.euiI18n.lookupToken(\n      'euiBreadcrumb.popoverAriaLabel',\n      'Clicking this button will toggle a popover dialog.'\n    )}`;\n  }\n\n  get isInteractive(): boolean {\n    return (\n      !this.isCollapsed &&\n      !this.hasPopover &&\n      Boolean(this.breadcrumb!.href || this.breadcrumb!.onClick)\n    );\n  }\n\n  get ariaCurrent(): 'page' | undefined {\n    const { item, lastBreadcrumbIsCurrentPage } = this.args;\n    return !this.isCollapsed && item.isLast && lastBreadcrumbIsCurrentPage\n      ? 'page'\n      : undefined;\n  }\n\n  get linkColor(): string {\n    return this.breadcrumb?.color ?? 'subdued';\n  }\n\n  @cached\n  get liClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbStyles);\n    return `euiBreadcrumb ${euiClass(\n      context,\n      ITEM_RESET,\n      styles.euiBreadcrumb,\n      styles[this.args.type],\n      this.itemTruncate && styles.isTruncated,\n      this.isCollapsed && styles.isCollapsed\n    )}`;\n  }\n\n  @cached\n  get contentCss(): CSSInterpolation[] {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbContentStyles);\n    const { type, item } = this.args;\n    const isApplication = type === 'application';\n    const css: CSSInterpolation[] = [styles.euiBreadcrumb__content, styles[type]];\n    if (isApplication) {\n      css.push(\n        item.isOnly\n          ? styles.applicationStyles.onlyChild\n          : item.isFirst\n            ? styles.applicationStyles.firstChild\n            : item.isLast\n              ? styles.applicationStyles.lastChild\n              : styles.applicationStyles.intermediateChild\n      );\n    }\n    return css;\n  }\n\n  @cached\n  get truncationCss(): CSSInterpolation[] {\n    // The collapsed item never truncates (upstream `truncate: false`).\n    if (this.isCollapsed) return [];\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbContentStyles);\n    return [\n      this.itemTruncate && !this.truncateLast && styles.isTruncated,\n      this.truncateLast && styles.isTruncatedLast\n    ];\n  }\n\n  @cached\n  get interactionCss(): CSSInterpolation {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiBreadcrumbContentStyles);\n    return (this.isInteractive || this.isPopover) &&\n      this.args.type !== 'application'\n      ? styles.isInteractive\n      : undefined;\n  }\n\n  /** The content's styles: EuiLink's `@css`, or the plain span's class. */\n  @cached\n  get contentStyles(): CSSInterpolation[] {\n    const context = getEuiThemeContext(this);\n    const popoverStyles = useEuiBorealisStyles(\n      context,\n      euiBreadcrumbPopoverStyles\n    );\n    return this.isPopover\n      ? [\n          popoverStyles.euiBreadcrumb__popoverButton,\n          ...this.contentCss,\n          this.interactionCss\n        ]\n      : [...this.contentCss, ...this.truncationCss, this.interactionCss];\n  }\n\n  /** Upstream's `popoverProps.css`, composed after the wrapper styles. */\n  get popoverUserCss(): EuiCss {\n    return this.breadcrumb?.popoverProps?.css;\n  }\n\n  get contentClassNames(): string {\n    return ['euiBreadcrumb__content', this.breadcrumb?.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get contentClass(): string {\n    return `${this.contentClassNames} ${euiClass(\n      getEuiThemeContext(this),\n      ...this.contentStyles\n    )}`;\n  }\n\n  @cached\n  get truncationClass(): string {\n    const context = getEuiThemeContext(this);\n    const popoverStyles = useEuiBorealisStyles(\n      context,\n      euiBreadcrumbPopoverStyles\n    );\n    return euiClass(\n      context,\n      popoverStyles.euiBreadcrumb__popoverTruncation,\n      ...this.truncationCss\n    );\n  }\n\n  /** Upstream's `css` on the collapsed item's EuiPopover. */\n  @cached\n  get popoverCss(): EuiCss[] {\n    const context = getEuiThemeContext(this);\n    const popoverStyles = useEuiBorealisStyles(\n      context,\n      euiBreadcrumbPopoverStyles\n    );\n    return [\n      popoverStyles.popoverWrapper.euiBreadcrumb__popoverWrapper,\n      !this.args.item.isLast && popoverStyles.popoverWrapper[this.args.type],\n      this.popoverUserCss\n    ];\n  }\n\n  <template>\n    {{#if this.isPopover}}\n      {{#let (useState false) this.breadcrumb.popoverProps as |popover props|}}\n        <li class={{this.liClass}} data-test-subj=\"euiBreadcrumb\">\n          <EuiPopover\n            @css={{this.popoverCss}}\n            @isOpen={{popover.value}}\n            @closePopover={{fn popover.setState false}}\n            @anchorPosition={{props.anchorPosition}}\n            @anchorClassName={{props.anchorClassName}}\n            @panelPaddingSize={{props.panelPaddingSize}}\n            @panelClassName={{props.panelClassName}}\n            @panelStyle={{props.panelStyle}}\n            @panelCss={{props.panelCss}}\n            @rootCss={{props.rootCss}}\n            @ownFocus={{props.ownFocus}}\n            @display={{props.display}}\n            @hasArrow={{props.hasArrow}}\n            @initialFocus={{props.initialFocus}}\n            @ariaLabel={{props.ariaLabel}}\n            @ariaLabelledBy={{props.ariaLabelledBy}}\n            @repositionOnScroll={{props.repositionOnScroll}}\n            @repositionToCrossAxis={{props.repositionToCrossAxis}}\n            @popoverScreenReaderText={{props.popoverScreenReaderText}}\n            @attachToAnchor={{props.attachToAnchor}}\n            @container={{props.container}}\n            @zIndex={{props.zIndex}}\n            @offset={{props.offset}}\n            @buffer={{props.buffer}}\n            @shouldSelfFocus={{props.shouldSelfFocus}}\n            @isFocusTrapPaused={{props.isFocusTrapPaused}}\n            @focusTrapOptions={{props.focusTrapOptions}}\n            @popoverRef={{props.popoverRef}}\n            @panelRef={{props.panelRef}}\n            @portalRef={{props.portalRef}}\n            @onTrapDeactivation={{props.onTrapDeactivation}}\n          >\n            <:button>\n              {{#if this.isCollapsed}}\n                <EuiLink\n                  class={{this.contentClassNames}}\n                  @css={{this.contentStyles}}\n                  @color=\"subdued\"\n                  aria-label={{@collapsedLabel}}\n                  title={{@collapsedLabel}}\n                  {{on \"click\" (fn popover.setState (if popover.value false true))}}\n                >\n                  <span class={{this.truncationClass}}>&hellip;</span>\n                  <EuiIcon @type=\"chevronSingleDown\" @size=\"s\" />\n                </EuiLink>\n              {{else if this.breadcrumb.text}}\n                {{! Upstream wraps the button in a tooltip with its text. }}\n                <EuiToolTip\n                  @content={{this.breadcrumb.text}}\n                  @disableScreenReaderOutput={{true}}\n                >\n                  <:anchor>\n                    <EuiLink\n                      class={{this.contentClassNames}}\n                      @css={{this.contentStyles}}\n                      @color={{this.linkColor}}\n                      aria-current={{this.ariaCurrent}}\n                      {{on \"click\" (fn popover.setState (if popover.value false true))}}\n                    >\n                      <span class={{this.truncationClass}}>{{this.breadcrumb.text}}</span>\n                      <EuiIcon\n                        @type=\"chevronSingleDown\"\n                        @size=\"s\"\n                        aria-label={{this.popoverAriaLabel}}\n                      />\n                    </EuiLink>\n                  </:anchor>\n                </EuiToolTip>\n              {{else}}\n                <EuiLink\n                  class={{this.contentClassNames}}\n                  @css={{this.contentStyles}}\n                  @color={{this.linkColor}}\n                  aria-current={{this.ariaCurrent}}\n                  {{on \"click\" (fn popover.setState (if popover.value false true))}}\n                >\n                  <span class={{this.truncationClass}}></span>\n                  <EuiIcon\n                    @type=\"chevronSingleDown\"\n                    @size=\"s\"\n                    aria-label={{this.popoverAriaLabel}}\n                  />\n                </EuiLink>\n              {{/if}}\n            </:button>\n            <:content>\n              {{#if this.overflow}}\n                <EuiBreadcrumbs\n                  @breadcrumbs={{this.overflow}}\n                  @lastBreadcrumbIsCurrentPage={{false}}\n                  @responsive={{false}}\n                  @truncate={{false}}\n                  @max={{0}}\n                >\n                  <:popoverContent as |breadcrumb closePopover|>\n                    {{yield breadcrumb closePopover to=\"popoverContent\"}}\n                  </:popoverContent>\n                </EuiBreadcrumbs>\n              {{else if this.popoverText}}\n                {{this.popoverText}}\n              {{else if this.popoverComponent}}\n                {{#let this.popoverComponent as |Content|}}\n                  <Content\n                    @closePopover={{fn popover.setState false}}\n                    @breadcrumb={{this.popoverBreadcrumb}}\n                  />\n                {{/let}}\n              {{else}}\n                {{yield this.popoverBreadcrumb (fn popover.setState false) to=\"popoverContent\"}}\n              {{/if}}\n            </:content>\n          </EuiPopover>\n        </li>\n      {{/let}}\n    {{else if this.breadcrumb}}\n      <li class={{this.liClass}} data-test-subj=\"euiBreadcrumb\">\n        <EuiInnerText as |setInnerTextRef innerText|>\n          {{#if this.isInteractive}}\n            <EuiLink\n              {{didInsert setInnerTextRef}}\n              @color={{this.linkColor}}\n              @href={{this.breadcrumb.href}}\n              @rel={{this.breadcrumb.rel}}\n              title={{if innerText innerText}}\n              class={{this.contentClassNames}}\n              @css={{this.contentStyles}}\n              aria-current={{this.ariaCurrent}}\n              {{on \"click\" (optional this.breadcrumb.onClick)}}\n            >\n              {{this.breadcrumb.text}}\n            </EuiLink>\n          {{else}}\n            <span\n              {{didInsert setInnerTextRef}}\n              title={{if innerText innerText}}\n              class={{this.contentClass}}\n              aria-current={{this.ariaCurrent}}\n            >\n              {{this.breadcrumb.text}}\n            </span>\n          {{/if}}\n        </EuiInnerText>\n      </li>\n    {{/if}}\n  </template>\n}\n"],"names":["responsiveDefault","xs","s","m","LIST_RESET","boxSizing","margin","padding","listStyle","ITEM_RESET","limitBreadcrumbs","breadcrumbs","max","atStart","atEnd","limit","Math","min","length","start","floor","overflow","slice","i","isEven","normalizedIndex","index","breadcrumb","unshift","push","map","EuiBreadcrumbs","Component","g","prototype","service","tracked","constructor","owner","args","currentBreakpoint","getBreakpoint","window","Infinity","innerWidth","updateBreakpoint","breakpoint","onResize","throttle","ariaLabel","euiI18n","lookupToken","collapsedLabel","type","lastBreadcrumbIsCurrentPage","truncate","responsiveMax","responsive","responsiveObject","classes","css","euiClass","getEuiThemeContext","n","cached","listClasses","context","styles","useEuiBorealisStyles","euiBreadcrumbsListStyles","euiBreadcrumbs__list","isTruncated","items","visible","isFirst","isLast","isOnly","setComponentTemplate","precompileTemplate","strictMode","scope","onWindowResize","BreadcrumbItem","isCollapsed","Boolean","item","itemTruncate","truncateLast","popoverBreadcrumb","popoverText","content","popoverContent","undefined","popoverComponent","hasPopover","isPopover","popoverAriaLabel","isInteractive","href","onClick","ariaCurrent","linkColor","color","liClass","euiBreadcrumbStyles","euiBreadcrumb","contentCss","euiBreadcrumbContentStyles","isApplication","euiBreadcrumb__content","applicationStyles","onlyChild","firstChild","lastChild","intermediateChild","truncationCss","isTruncatedLast","interactionCss","contentStyles","popoverStyles","euiBreadcrumbPopoverStyles","euiBreadcrumb__popoverButton","popoverUserCss","popoverProps","contentClassNames","className","filter","join","contentClass","truncationClass","euiBreadcrumb__popoverTruncation","popoverCss","popoverWrapper","euiBreadcrumb__popoverWrapper","useState","EuiPopover","fn","EuiLink","on","EuiIcon","EuiToolTip","EuiInnerText","didInsert","optional"],"mappings":"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"}

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

@@ -1,22 +1,71 @@
-import { eq } from 'ember-truth-helpers';
-import argOrDefault from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { az as euiTextTruncate, a5 as euiButtonDisplayContentStyles } from '../styles.generated-SYAxYhey.js';
+import euiApplyProps from '../-private/eui-apply-props.js';
 import EuiIcon from './eui-icon.js';
 import EuiLoadingSpinner from './eui-loading-spinner.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 EuiButtonContent = setComponentTemplate(precompileTemplate("<span class={{classNames \"euiButtonContent\" (if (eq @iconSide \"right\") \"euiButtonContent--iconRight\")}} ...attributes>\n  {{#if @isLoading}}\n    <EuiLoadingSpinner class=\"euiButtonContent__spinner\" {{!--@glint-expect-error--}} @size={{argOrDefault @iconSize \"m\"}} />\n  {{else if @iconType}}\n    <EuiIcon @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @color=\"inherit\" />\n  {{/if}}\n  <span class={{@textClasses}}>\n    {{yield}}\n  </span>\n</span>", {
-  strictMode: true,
-  scope: () => ({
-    classNames,
-    eq,
-    EuiLoadingSpinner,
-    argOrDefault,
-    EuiIcon
-  })
-}), templateOnly());
+const DISABLED_SPINNER = {
+  border: 'currentcolor'
+};
+/**
+ * The icon/spinner and text of a button: upstream
+ * `EuiButtonDisplayContent`.
+ */
+class EuiButtonContent extends Component {
+  get styled() {
+    return this.args.size !== undefined;
+  }
+  get iconSize() {
+    return this.args.iconSize ?? 'm';
+  }
+  get spinnerSize() {
+    const size = this.iconSize;
+    return size === 's' || size === 'm' || size === 'l' || size === 'xl' || size === 'xxl' ? size : 'm';
+  }
+  get iconAfter() {
+    return this.styled && this.args.iconSide === 'right';
+  }
+  get spinnerColor() {
+    return this.styled && this.args.isDisabled ? DISABLED_SPINNER : undefined;
+  }
+  get classes() {
+    if (!this.styled) return 'euiButtonContent';
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);
+    return `euiButtonContent ${euiClass(context, {
+      boxSizing: 'border-box'
+    }, styles.euiButtonDisplayContent)}`;
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  get textClasses() {
+    if (!this.styled) return this.args.textClasses;
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);
+    const size = this.args.size ?? 'm';
+    return ['eui-textTruncate', this.args.textClasses, euiClass(context, styles.content[size] ?? styles.content.m, euiTextTruncate(), this.args.textCss)].filter(Boolean).join(' ');
+  }
+  static {
+    n(this.prototype, "textClasses", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<span class={{this.classes}} ...attributes>\n  {{#unless this.iconAfter}}\n    {{#if @isLoading}}\n      <EuiLoadingSpinner class=\"euiButtonContent__spinner\" @size={{this.spinnerSize}} @color={{this.spinnerColor}} />\n    {{else if @iconType}}\n      <EuiIcon @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\" @type={{@iconType}} @size={{this.iconSize}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @color=\"inherit\" />\n    {{/if}}\n  {{/unless}}\n  <span class={{this.textClasses}} data-text={{@textDataText}} {{euiApplyProps @textProps}}>{{yield}}</span>\n  {{#if this.iconAfter}}\n    {{#if @isLoading}}\n      <EuiLoadingSpinner class=\"euiButtonContent__spinner\" @size={{this.spinnerSize}} @color={{this.spinnerColor}} />\n    {{else if @iconType}}\n      <EuiIcon @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\" @type={{@iconType}} @size={{this.iconSize}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @color=\"inherit\" />\n    {{/if}}\n  {{/if}}\n</span>", {
+      strictMode: true,
+      scope: () => ({
+        EuiLoadingSpinner,
+        EuiIcon,
+        euiApplyProps
+      })
+    }), this);
+  }
+}
 
 export { EuiButtonContent as default };
 //# sourceMappingURL=eui-button-content.js.map

package/dist/components/eui-button-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-button-content.js","sources":["../../src/components/eui-button-content.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonContentSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: 'right';\n    /** Replaces the icon with a loading spinner. */\n    isLoading?: boolean;\n    /** Icon before (or after) the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon (and spinner). Defaults to `'m'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** @deprecated Has no effect, see `EuiIcon`. */\n    useSvg?: boolean;\n    /** @deprecated Not needed: a component passed as `@iconType` is rendered. */\n    useComponent?: boolean;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n  };\n  Blocks: {\n    /** The button's text. */\n    default: [];\n  };\n}\n\nconst EuiButtonContent: TemplateOnlyComponent<EuiButtonContentSignature> =\n  <template>\n    <span\n      class={{classNames\n        \"euiButtonContent\"\n        (if (eq @iconSide \"right\") \"euiButtonContent--iconRight\")\n      }}\n      ...attributes\n    >\n      {{#if @isLoading}}\n        <EuiLoadingSpinner\n          class=\"euiButtonContent__spinner\"\n          {{!@glint-expect-error}}\n          @size={{argOrDefault @iconSize \"m\"}}\n        />\n      {{else if @iconType}}\n        <EuiIcon\n          @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\"\n          @type={{@iconType}}\n          @size={{argOrDefault @iconSize \"m\"}}\n          @useSvg={{@useSvg}}\n          @useComponent={{@useComponent}}\n          @color=\"inherit\"\n        />\n      {{/if}}\n      <span class={{@textClasses}}>\n        {{yield}}\n      </span>\n    </span>\n  </template>;\n\nexport default EuiButtonContent;\n"],"names":["EuiButtonContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiLoadingSpinner","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;;;AAoCA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,2kBAAA,EA4BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,iBAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-button-content.js","sources":["../../src/components/eui-button-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiButtonDisplayContentStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport euiApplyProps from '../-private/eui-apply-props.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiElementProps } from '../-private/eui-apply-props.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiLoadingSpinnerSignature } from './eui-loading-spinner';\n\nexport interface EuiButtonContentSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: 'left' | 'right';\n    /** Replaces the icon with a loading spinner. */\n    isLoading?: boolean;\n    /** Icon before (or after) the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon (and spinner). Defaults to `'m'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** @deprecated Has no effect, see `EuiIcon`. */\n    useSvg?: boolean;\n    /** @deprecated Not needed: a component passed as `@iconType` is rendered. */\n    useComponent?: boolean;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /**\n     * HTML attributes for the element wrapping the text (upstream's\n     * `textProps`); `class`/`className`/`css` are handled by the owner.\n     */\n    textProps?: EuiElementProps | false;\n    /**\n     * Button size (`'xs'`, `'s'` or `'m'`). When set, the content styles\n     * itself with upstream `EuiButtonDisplayContent` styles: a centered flex\n     * row with an `xs` gap, the icon placed after the text for\n     * `@iconSide=\"right\"`, and a padded, truncated text wrapper. Without it\n     * the caller styles the content (legacy contract of `EuiButton` and\n     * `EuiButtonEmpty`, which pass their own classes).\n     */\n    size?: 'xs' | 's' | 'm';\n    /**\n     * The owning button is disabled: like upstream, the loading spinner then\n     * takes the text color (`border: currentcolor`). Only used with `@size`.\n     */\n    isDisabled?: boolean;\n    /** Extra styles composed last into the text wrapper's class (`@size` only). */\n    textCss?: EuiCss;\n    /** `data-text` of the text wrapper, for `euiTextShift` (`@size` only). */\n    textDataText?: string;\n  };\n  Blocks: {\n    /** The button's text. */\n    default: [];\n  };\n}\n\nconst DISABLED_SPINNER: EuiLoadingSpinnerSignature['Args']['color'] = {\n  border: 'currentcolor'\n};\n\n/**\n * The icon/spinner and text of a button: upstream\n * `EuiButtonDisplayContent`.\n */\nexport default class EuiButtonContent extends Component<EuiButtonContentSignature> {\n  get styled() {\n    return this.args.size !== undefined;\n  }\n  get iconSize() {\n    return this.args.iconSize ?? 'm';\n  }\n  get spinnerSize(): EuiLoadingSpinnerSignature['Args']['size'] {\n    const size = this.iconSize;\n    return size === 's' ||\n      size === 'm' ||\n      size === 'l' ||\n      size === 'xl' ||\n      size === 'xxl'\n      ? size\n      : 'm';\n  }\n  get iconAfter() {\n    return this.styled && this.args.iconSide === 'right';\n  }\n  get spinnerColor() {\n    return this.styled && this.args.isDisabled ? DISABLED_SPINNER : undefined;\n  }\n  @cached\n  get classes() {\n    if (!this.styled) return 'euiButtonContent';\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    return `euiButtonContent ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiButtonDisplayContent\n    )}`;\n  }\n  @cached\n  get textClasses() {\n    if (!this.styled) return this.args.textClasses;\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    const size = this.args.size ?? 'm';\n    return [\n      'eui-textTruncate',\n      this.args.textClasses,\n      euiClass(\n        context,\n        styles.content[size] ?? styles.content.m,\n        euiTextTruncate(),\n        this.args.textCss\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    <span class={{this.classes}} ...attributes>\n      {{#unless this.iconAfter}}\n        {{#if @isLoading}}\n          <EuiLoadingSpinner\n            class=\"euiButtonContent__spinner\"\n            @size={{this.spinnerSize}}\n            @color={{this.spinnerColor}}\n          />\n        {{else if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{this.iconSize}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @color=\"inherit\"\n          />\n        {{/if}}\n      {{/unless}}\n      <span\n        class={{this.textClasses}}\n        data-text={{@textDataText}}\n        {{euiApplyProps @textProps}}\n      >{{yield}}</span>\n      {{#if this.iconAfter}}\n        {{#if @isLoading}}\n          <EuiLoadingSpinner\n            class=\"euiButtonContent__spinner\"\n            @size={{this.spinnerSize}}\n            @color={{this.spinnerColor}}\n          />\n        {{else if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonContent__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{this.iconSize}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @color=\"inherit\"\n          />\n        {{/if}}\n      {{/if}}\n    </span>\n  </template>\n}\n"],"names":["DISABLED_SPINNER","border","EuiButtonContent","Component","styled","args","size","undefined","iconSize","spinnerSize","iconAfter","iconSide","spinnerColor","isDisabled","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiButtonDisplayContentStyles","euiClass","boxSizing","euiButtonDisplayContent","n","prototype","cached","textClasses","content","m","euiTextTruncate","textCss","filter","Boolean","join","setComponentTemplate","precompileTemplate","strictMode","scope","EuiLoadingSpinner","EuiIcon","euiApplyProps"],"mappings":";;;;;;;;;;;;AAmEA,MAAMA,gBAAqD,GAAW;AACpEC,EAAAA,MAAA,EAAQ;AACV,CAAA;AAEA;;;;AAIe,MAAMC,gBAAA,SAAyBC,SAAA,CAAU;EACtD,IAAIC,MAAAA,GAAS;AACX,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,IAAI,KAAKC,SAAA;AAC5B,EAAA;EACA,IAAIC,QAAAA,GAAW;AACb,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,QAAQ,IAAI,GAAA;AAC/B,EAAA;EACA,IAAIC,WAAAA,GAA0D;AAC5D,IAAA,MAAMH,IAAA,GAAO,IAAI,CAACE,QAAQ;IAC1B,OAAOF,IAAA,KAAS,GAAA,IACdA,IAAA,KAAS,GAAA,IACTA,IAAA,KAAS,OACTA,IAAA,KAAS,IAAA,IACTA,IAAA,KAAS,KAAA,GACPA,IAAA,GACA,GAAA;AACN,EAAA;EACA,IAAII,SAAAA,GAAY;IACd,OAAO,IAAI,CAACN,MAAM,IAAI,IAAI,CAACC,IAAI,CAACM,QAAQ,KAAK,OAAA;AAC/C,EAAA;EACA,IAAIC,YAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACR,MAAM,IAAI,IAAI,CAACC,IAAI,CAACQ,UAAU,GAAGb,gBAAA,GAAmBO,SAAA;AAClE,EAAA;EACA,IACIO,OAAAA,GAAU;AACZ,IAAA,IAAI,CAAC,IAAI,CAACV,MAAM,EAAE,OAAO,kBAAA;AACzB,IAAA,MAAMW,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,6BAAA,CAAA;AAC7C,IAAA,OAAO,CAAA,iBAAA,EAAoBC,QAAA,CACzBL,OAAA,EACA;AAAEM,MAAAA,SAAA,EAAW;AAAa,KAAA,EAC1BJ,MAAA,CAAOK,uBAAuB,CAAA,CAAA,CAC7B;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAVCC,MAAA,CAAA,CAAA;AAAA;EAWD,IACIC,WAAAA,GAAc;IAChB,IAAI,CAAC,IAAI,CAACtB,MAAM,EAAE,OAAO,IAAI,CAACC,IAAI,CAACqB,WAAW;AAC9C,IAAA,MAAMX,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,6BAAA,CAAA;IAC7C,MAAMb,OAAO,IAAI,CAACD,IAAI,CAACC,IAAI,IAAI,GAAA;IAC/B,OAAO,CACL,kBAAA,EACA,IAAI,CAACD,IAAI,CAACqB,WAAW,EACrBN,QAAA,CACEL,SACAE,MAAA,CAAOU,OAAO,CAACrB,IAAA,CAAK,IAAIW,MAAA,CAAOU,OAAO,CAACC,CAAC,EACxCC,eAAA,EAAA,EACA,IAAI,CAACxB,IAAI,CAACyB,OAAO,CAAA,CAEpB,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;AAAA,EAAA;IAAAV,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAlBCC,MAAA,CAAA,CAAA;AAAA;AAoBD,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAAA,s+BAAA,EA4CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,iBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -1,24 +1,140 @@
-import { notEq, eq, or, not, and } from 'ember-truth-helpers';
-import argOrDefault from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { resolveButtonCommonProps } from '../-private/eui-button-context.js';
+import EuiButtonGroupItem from '../-private/eui-button-group-item.js';
+import euiApplyProps, { propsClasses } from '../-private/eui-apply-props.js';
+import euiDisabledElement from '../-private/eui-disabled-element.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { a2 as euiFocusRing, a6 as euiButtonEmptyStyles, a4 as euiButtonDisplaysColors, a5 as euiButtonDisplayContentStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButtonContent from './eui-button-content.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 EuiButtonEmpty = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @size \"m\") (argOrDefault @iconSize \"m\") as |size iconSize|}}\n  {{#if (and @href (not (or @isLoading @isDisabled)))}}\n    <a class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} href={{@href}} target={{@target}} ...attributes>\n      <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n        {{yield}}\n      </EuiButtonContent>\n    </a>\n  {{else}}\n    <button class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} disabled={{or @isLoading @isDisabled @disabled}} type={{if @type @type \"button\"}} aria-pressed={{if (notEq @isSelected undefined) (if @isSelected \"true\" \"false\")}} ...attributes>\n      <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n        {{yield}}\n      </EuiButtonContent>\n    </button>\n  {{/if}}\n{{/let}}", {
-  strictMode: true,
-  scope: () => ({
-    argOrDefault,
-    and,
-    not,
-    or,
-    classNames,
-    EuiButtonContent,
-    eq,
-    notEq
-  })
-}), templateOnly());
+/** Native Ember empty button using the upstream EUI 123 / Borealis factories. */class EuiButtonEmpty extends Component {
+  get context() {
+    return getEuiThemeContext(this);
+  }
+  get common() {
+    const args = this.args;
+    return resolveButtonCommonProps({
+      context: args.buttonContext,
+      size: args.size,
+      color: args.color,
+      isDisabled: args.isDisabled,
+      disabled: args.disabled,
+      isLoading: args.isLoading,
+      hasAriaDisabled: args.hasAriaDisabled
+    });
+  }
+  static {
+    n(this.prototype, "common", [cached]);
+  }
+  get isDisabled() {
+    return this.common.isDisabled;
+  }
+  get hasAriaDisabled() {
+    return this.common.hasAriaDisabled;
+  }
+  /** Native `disabled`, unless `@hasAriaDisabled` swaps it for `aria-disabled`. */
+  get disabledAttr() {
+    return this.hasAriaDisabled ? undefined : this.isDisabled;
+  }
+  get ariaDisabled() {
+    return this.hasAriaDisabled && this.isDisabled ? 'true' : undefined;
+  }
+  get tagName() {
+    return this.args.href && !this.isDisabled ? 'a' : 'button';
+  }
+  get href() {
+    return this.tagName === 'a' ? this.args.href : undefined;
+  }
+  get target() {
+    return this.tagName === 'a' ? this.args.target : undefined;
+  }
+  get type() {
+    return this.tagName === 'button' ? this.args.type ?? 'button' : undefined;
+  }
+  get pressed() {
+    return this.tagName === 'button' && this.args.isSelected !== undefined ? String(this.args.isSelected) : undefined;
+  }
+  get size() {
+    const size = this.common.size;
+    return size === 'xs' || size === 's' ? size : 'm';
+  }
+  get iconSize() {
+    return this.size === 'xs' ? 's' : this.args.iconSize ?? 'm';
+  }
+  get classes() {
+    const context = this.context;
+    const theme = context.upstream.euiTheme;
+    const styles = useEuiBorealisStyles(context, euiButtonEmptyStyles);
+    const colors = useEuiBorealisStyles(context, euiButtonDisplaysColors)['empty'];
+    const color = this.common.color;
+    const colorName = color === 'ghost' ? 'text' : color ?? 'primary';
+    const flush = this.args.flush;
+    // A scoped equivalent of the React global reset. Deliberately no global injection.
+    const reset = {
+      boxSizing: 'border-box',
+      border: 'none',
+      margin: 0,
+      padding: 0,
+      background: 'none',
+      fontFamily: theme.font.family,
+      textDecoration: 'none'
+    };
+    const css = euiClass(context, reset, `&:focus { ${euiFocusRing(context.upstream)} }`, styles.euiButtonEmpty, styles[this.size], colors[this.isDisabled ? 'disabled' : colorName] ?? colors['primary'], flush && styles.flush, flush && styles[flush], this.isDisabled && styles.isDisabled, this.args.css);
+    return `euiButtonEmpty ${css}`;
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  get contentClasses() {
+    const context = this.context;
+    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);
+    return ['euiButtonEmpty__content', this.args.contentClasses, propsClasses(this.args.contentProps), euiClass(context, styles.euiButtonDisplayContent, {
+      boxSizing: 'border-box',
+      flexDirection: this.args.iconSide === 'right' ? 'row-reverse' : 'row',
+      '& .euiButtonContent__icon': {
+        flexShrink: 0,
+        margin: 0
+      },
+      '& .euiButtonContent__spinner': {
+        margin: 0,
+        borderColor: 'currentColor',
+        borderRightColor: 'transparent'
+      }
+    }, this.args.contentCss, this.args.contentProps?.css)].filter(Boolean).join(' ');
+  }
+  static {
+    n(this.prototype, "contentClasses", [cached]);
+  }
+  get textClasses() {
+    const context = this.context;
+    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);
+    return ['euiButtonEmpty__text', this.args.textClasses, propsClasses(this.args.textProps), euiClass(context, styles.content[this.size], {
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      minInlineSize: 0
+    }, this.args.textProps?.css)].filter(Boolean).join(' ');
+  }
+  static {
+    n(this.prototype, "textClasses", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiButtonGroupItem @wrap={{@buttonContext.wrapInItem}}>\n  {{#let (element this.tagName) as |Element|}}\n    <Element class={{this.classes}} disabled={{this.disabledAttr}} aria-disabled={{this.ariaDisabled}} href={{this.href}} target={{this.target}} aria-busy={{if @isLoading \"true\" null}} aria-pressed={{this.pressed}} type={{this.type}} {{euiDisabledElement this.isDisabled this.hasAriaDisabled}} ...attributes>\n      <EuiButtonContent class={{this.contentClasses}} @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{this.iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{this.textClasses}} @textProps={{@textProps}} {{euiApplyProps @contentProps}}>{{yield}}</EuiButtonContent>\n    </Element>\n  {{/let}}\n</EuiButtonGroupItem>", {
+      strictMode: true,
+      scope: () => ({
+        EuiButtonGroupItem,
+        euiDisabledElement,
+        EuiButtonContent,
+        euiApplyProps
+      })
+    }), this);
+  }
+}
 
 export { EuiButtonEmpty as default };
 //# sourceMappingURL=eui-button-empty.js.map

package/dist/components/eui-button-empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-button-empty.js","sources":["../../src/components/eui-button-empty.gts"],"sourcesContent":["import { and, eq, not, notEq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonContent from './eui-button-content.gts';\n\nimport type {\n  colorMapping,\n  flushMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-button-empty.ts';\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonEmptySignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    /** Shows a spinner instead of the icon and disables the button. */\n    isLoading?: boolean;\n    /** `'xs'`, `'s'` or `'m'`. Defaults to `'m'`. */\n    size?: keyof typeof sizeMapping;\n    /** Size of the icon. Defaults to `'m'` (`'s'` for `@size=\"xs\"`). */\n    iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n    /**\n     * `'primary'`, `'danger'`, `'text'`, `'ghost'`, `'warning'` or\n     * `'success'`. Defaults to `'primary'`.\n     */\n    color?: keyof typeof colorMapping;\n    /** Icon next to the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /** Classes for the element wrapping the icon and text. */\n    contentClasses?: string;\n    /**\n     * Removes the padding on `'left'`, `'right'` or `'both'` sides, to align\n     * the text with content above or below it.\n     */\n    flush?: keyof typeof flushMapping;\n    /**\n     * Renders an `<a>` link instead of a `<button>` (a disabled or loading\n     * button stays a `<button>`).\n     */\n    href?: string;\n    /** `target` of the `@href` link, e.g. `'_blank'`. */\n    target?: string;\n    /** Disables the button and greys it out. */\n    isDisabled?: boolean;\n    /** @deprecated Has no effect, see `EuiIcon`. */\n    useSvg?: boolean;\n    /** @deprecated Not needed: a component passed as `@iconType` is rendered. */\n    useComponent?: boolean;\n    /** `type` of the `<button>`, e.g. `'submit'`. Defaults to `'button'`. */\n    type?: string;\n    /**\n     * For toggle buttons: sets `aria-pressed` to `\"true\"` / `\"false\"`. Leave\n     * it undefined for regular buttons.\n     */\n    isSelected?: boolean;\n    /** Same as `@isDisabled`. */\n    disabled?: boolean;\n  };\n  Blocks: {\n    /** The button's text. */\n    default: [];\n  };\n}\n\nconst EuiButtonEmpty: TemplateOnlyComponent<EuiButtonEmptySignature> =\n  <template>\n    {{#let\n      (argOrDefault @size \"m\") (argOrDefault @iconSize \"m\")\n      as |size iconSize|\n    }}\n      {{#if (and @href (not (or @isLoading @isDisabled)))}}\n        <a\n          class={{classNames\n            (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\")\n            componentName=\"EuiButtonEmpty\"\n            color=(argOrDefault @color \"primary\")\n            size=size\n            flush=@flush\n          }}\n          href={{@href}}\n          target={{@target}}\n          ...attributes\n        >\n          <EuiButtonContent\n            class=\"euiButtonEmpty__content {{@contentClasses}}\"\n            @isLoading={{@isLoading}}\n            @iconType={{@iconType}}\n            @iconSide={{@iconSide}}\n            @iconSize={{if (eq size \"xs\") \"s\" iconSize}}\n            @iconClasses={{@iconClasses}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}\n          >\n            {{yield}}\n          </EuiButtonContent>\n        </a>\n      {{else}}\n        <button\n          class={{classNames\n            (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\")\n            componentName=\"EuiButtonEmpty\"\n            color=(argOrDefault @color \"primary\")\n            size=size\n            flush=@flush\n          }}\n          disabled={{or @isLoading @isDisabled @disabled}}\n          type={{if @type @type \"button\"}}\n          aria-pressed={{if\n            (notEq @isSelected undefined)\n            (if @isSelected \"true\" \"false\")\n          }}\n          ...attributes\n        >\n          <EuiButtonContent\n            class=\"euiButtonEmpty__content {{@contentClasses}}\"\n            @isLoading={{@isLoading}}\n            @iconType={{@iconType}}\n            @iconSide={{@iconSide}}\n            @iconSize={{if (eq size \"xs\") \"s\" iconSize}}\n            @iconClasses={{@iconClasses}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}\n          >\n            {{yield}}\n          </EuiButtonContent>\n        </button>\n      {{/if}}\n    {{/let}}\n  </template>;\n\nexport default EuiButtonEmpty;\n"],"names":["EuiButtonEmpty","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","or","classNames","EuiButtonContent","eq","notEq","templateOnly"],"mappings":";;;;;;;;AAyEA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,2kDAAA,EAiEA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,gBAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-button-empty.js","sources":["../../src/components/eui-button-empty.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport type { CSSObject } from '@emotion/css/create-instance';\nimport { resolveButtonCommonProps } from '../-private/eui-button-context.ts';\nimport EuiButtonGroupItem from '../-private/eui-button-group-item.gts';\nimport euiApplyProps, { propsClasses } from '../-private/eui-apply-props.ts';\nimport type { EuiElementProps } from '../-private/eui-apply-props.ts';\nimport euiDisabledElement from '../-private/eui-disabled-element.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiButtonDisplayContentStyles,\n  euiButtonDisplaysColors,\n  euiButtonEmptyStyles,\n  euiFocusRing\n} from '../utils/eui/styles.generated.ts';\nimport EuiButtonContent from './eui-button-content.gts';\n\nimport type { EuiButtonContentSignature } from './eui-button-content';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiButtonContext } from '../-private/eui-button-context.ts';\n\n\nexport interface EuiButtonEmptySignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    /** Shows a spinner instead of the icon and disables the button. */\n    isLoading?: boolean;\n    /** `'xs'`, `'s'` or `'m'`. Defaults to `'m'`. */\n    size?: 'xs' | 's' | 'm';\n    /** Size of the icon. Defaults to `'m'` (always `'s'` for `@size=\"xs\"`). */\n    iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n    /**\n     * `'primary'`, `'accent'`, `'accentSecondary'`, `'success'`,\n     * `'warning'`, `'danger'`, `'text'`, `'neutral'` or `'risk'`. `'ghost'`\n     * is still accepted and renders as `'text'` (latest EUI dropped it): wrap\n     * it in a dark `EuiEmotionProvider`. Defaults to `'primary'`.\n     */\n    color?: string;\n    /** Icon next to the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /** Classes for the element wrapping the icon and text. */\n    contentClasses?: string;\n    /**\n     * Extra styles composed last into the class of the element wrapping the\n     * icon and text (upstream's `contentProps.css`).\n     */\n    contentCss?: EuiCss;\n    /**\n     * Removes the padding on `'left'`, `'right'` or `'both'` sides, to align\n     * the text with content above or below it.\n     */\n    flush?: 'left' | 'right' | 'both';\n    /**\n     * Renders an `<a>` link instead of a `<button>` (a disabled or loading\n     * button stays a `<button>`).\n     */\n    href?: string;\n    /** `target` of the `@href` link, e.g. `'_blank'`. */\n    target?: string;\n    /** Disables the button and greys it out. */\n    isDisabled?: boolean;\n    /**\n     * Beta: with `@isDisabled`, renders `aria-disabled=\"true\"` instead of the\n     * native `disabled` attribute. The button keeps focus (e.g. for a\n     * tooltip) while clicks, pointer and key events (except Tab and Escape)\n     * are blocked. Style it with `[aria-disabled=\"true\"]`, not `:disabled`.\n     */\n    hasAriaDisabled?: boolean;\n    /**\n     * @private Props cascaded by a parent `EuiButtonGroup` (curried into\n     * the buttons it yields).\n     */\n    buttonContext?: EuiButtonContext;\n    /** @deprecated Has no effect, see `EuiIcon`. */\n    useSvg?: boolean;\n    /** @deprecated Not needed: a component passed as `@iconType` is rendered. */\n    useComponent?: boolean;\n    /** `type` of the `<button>`, e.g. `'submit'`. Defaults to `'button'`. */\n    type?: string;\n    /**\n     * For toggle buttons: sets `aria-pressed` to `\"true\"` / `\"false\"`. Leave\n     * it undefined for regular buttons.\n     */\n    isSelected?: boolean;\n    /** Same as `@isDisabled`. */\n    disabled?: boolean;\n    /**\n     * Upstream's `contentProps`, for the element wrapping the icon and\n     * text: `class`/`className`, `css` and HTML attributes (`data-*`,\n     * `aria-*`, `title`, ...). Event handlers are not supported.\n     */\n    contentProps?: EuiElementProps;\n    /**\n     * Upstream's `textProps`, for the element wrapping the text, with the\n     * same keys as `@contentProps`. `false` is not supported.\n     */\n    textProps?: EuiElementProps;\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop). Prefer this to an extra class when styling it from a parent.\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** The button's text. */\n    default: [];\n  };\n}\n\n/** Native Ember empty button using the upstream EUI 123 / Borealis factories. */\nexport default class EuiButtonEmpty extends Component<EuiButtonEmptySignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  @cached\n  get common() {\n    const args = this.args;\n    return resolveButtonCommonProps({\n      context: args.buttonContext,\n      size: args.size,\n      color: args.color,\n      isDisabled: args.isDisabled,\n      disabled: args.disabled,\n      isLoading: args.isLoading,\n      hasAriaDisabled: args.hasAriaDisabled\n    });\n  }\n  get isDisabled() {\n    return this.common.isDisabled;\n  }\n  get hasAriaDisabled() {\n    return this.common.hasAriaDisabled;\n  }\n  /** Native `disabled`, unless `@hasAriaDisabled` swaps it for `aria-disabled`. */\n  get disabledAttr() {\n    return this.hasAriaDisabled ? undefined : this.isDisabled;\n  }\n  get ariaDisabled() {\n    return this.hasAriaDisabled && this.isDisabled ? 'true' : undefined;\n  }\n  get tagName() {\n    return this.args.href && !this.isDisabled ? 'a' : 'button';\n  }\n  get href() {\n    return this.tagName === 'a' ? this.args.href : undefined;\n  }\n  get target() {\n    return this.tagName === 'a' ? this.args.target : undefined;\n  }\n  get type() {\n    return this.tagName === 'button' ? (this.args.type ?? 'button') : undefined;\n  }\n  get pressed() {\n    return this.tagName === 'button' && this.args.isSelected !== undefined\n      ? String(this.args.isSelected)\n      : undefined;\n  }\n  get size(): 'xs' | 's' | 'm' {\n    const size = this.common.size;\n    return size === 'xs' || size === 's' ? size : 'm';\n  }\n  get iconSize() {\n    return this.size === 'xs' ? 's' : (this.args.iconSize ?? 'm');\n  }\n  @cached\n  get classes() {\n    const context = this.context;\n    const theme = context.upstream.euiTheme;\n    const styles = useEuiBorealisStyles(context, euiButtonEmptyStyles);\n    const colors = useEuiBorealisStyles(context, euiButtonDisplaysColors)[\n      'empty'\n    ]!;\n    const color = this.common.color;\n    const colorName = color === 'ghost' ? 'text' : (color ?? 'primary');\n    const flush = this.args.flush;\n    // A scoped equivalent of the React global reset. Deliberately no global injection.\n    const reset: CSSObject = {\n      boxSizing: 'border-box',\n      border: 'none',\n      margin: 0,\n      padding: 0,\n      background: 'none',\n      fontFamily: theme.font.family,\n      textDecoration: 'none'\n    };\n    const css = euiClass(\n      context,\n      reset,\n      `&:focus { ${euiFocusRing(context.upstream)} }`,\n      styles.euiButtonEmpty,\n      styles[this.size],\n      colors[this.isDisabled ? 'disabled' : colorName] ?? colors['primary'],\n      flush && styles.flush,\n      flush && styles[flush],\n      this.isDisabled && styles.isDisabled,\n      this.args.css\n    );\n    return `euiButtonEmpty ${css}`;\n  }\n  @cached\n  get contentClasses() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    return [\n      'euiButtonEmpty__content',\n      this.args.contentClasses,\n      propsClasses(this.args.contentProps),\n      euiClass(context, styles.euiButtonDisplayContent, {\n        boxSizing: 'border-box',\n        flexDirection: this.args.iconSide === 'right' ? 'row-reverse' : 'row',\n        '& .euiButtonContent__icon': {\n          flexShrink: 0,\n          margin: 0\n        },\n        '& .euiButtonContent__spinner': {\n          margin: 0,\n          borderColor: 'currentColor',\n          borderRightColor: 'transparent'\n        }\n      }, this.args.contentCss, this.args.contentProps?.css)\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n  @cached\n  get textClasses() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiButtonDisplayContentStyles);\n    return [\n      'euiButtonEmpty__text',\n      this.args.textClasses,\n      propsClasses(this.args.textProps),\n      euiClass(context, styles.content[this.size], {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n        minInlineSize: 0\n      }, this.args.textProps?.css)\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  <template>\n    <EuiButtonGroupItem @wrap={{@buttonContext.wrapInItem}}>\n      {{#let (element this.tagName) as |Element|}}\n        <Element\n          class={{this.classes}}\n          disabled={{this.disabledAttr}}\n          aria-disabled={{this.ariaDisabled}}\n          href={{this.href}}\n          target={{this.target}}\n          aria-busy={{if @isLoading \"true\" null}}\n          aria-pressed={{this.pressed}}\n          type={{this.type}}\n          {{euiDisabledElement this.isDisabled this.hasAriaDisabled}}\n          ...attributes\n        >\n          <EuiButtonContent\n            class={{this.contentClasses}}\n            @isLoading={{@isLoading}}\n            @iconType={{@iconType}}\n            @iconSide={{@iconSide}}\n            @iconSize={{this.iconSize}}\n            @iconClasses={{@iconClasses}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @textClasses={{this.textClasses}}\n            @textProps={{@textProps}}\n            {{euiApplyProps @contentProps}}\n          >{{yield}}</EuiButtonContent>\n        </Element>\n      {{/let}}\n    </EuiButtonGroupItem>\n  </template>\n}\n"],"names":["EuiButtonEmpty","Component","context","getEuiThemeContext","common","args","resolveButtonCommonProps","buttonContext","size","color","isDisabled","disabled","isLoading","hasAriaDisabled","n","prototype","cached","disabledAttr","undefined","ariaDisabled","tagName","href","target","type","pressed","isSelected","String","iconSize","classes","theme","upstream","euiTheme","styles","useEuiBorealisStyles","euiButtonEmptyStyles","colors","euiButtonDisplaysColors","colorName","flush","reset","boxSizing","border","margin","padding","background","fontFamily","font","family","textDecoration","css","euiClass","euiFocusRing","euiButtonEmpty","contentClasses","euiButtonDisplayContentStyles","propsClasses","contentProps","euiButtonDisplayContent","flexDirection","iconSide","flexShrink","borderColor","borderRightColor","contentCss","filter","Boolean","join","textClasses","textProps","content","overflow","textOverflow","whiteSpace","minInlineSize","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonGroupItem","euiDisabledElement","EuiButtonContent","euiApplyProps"],"mappings":"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"}