@ember-eui/core 14.0.0 → 14.1.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  href?: string;\n  onClick?: (e: MouseEvent) => void;\n\n  className?: string;\n  /**\n   * Force a max-width on the breadcrumb text\n   */\n  truncate?: boolean;\n\n  ellipsis?: boolean;\n\n  color?: string;\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   * Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.\n   * Pass a custom #EuiBreadcrumbResponsiveMaxCount object to change the number of breadcrumbs to show at the particular breakpoints.\n   *\n   * Pass `false` to turn this behavior off.\n   *\n   * Default: `{ xs: 1, s: 2, m: 4 }`\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\n   */\n  truncate?: boolean;\n\n  /**\n   * Collapses the inner items past the maximum set here\n   * into a single ellipses item.\n   * Omitting or passing a `0` value will show all breadcrumbs.\n   */\n  max?: number | null;\n\n  /**\n   * The array of individual #EuiBreadcrumb items\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 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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"}

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    iconSide?: 'right';\n    isLoading?: boolean;\n    iconType?: EuiIconSignature['Args']['type'];\n    iconSize?: EuiIconSignature['Args']['size'];\n    iconClasses?: string;\n    useSvg?: boolean;\n    useComponent?: boolean;\n    textClasses?: string;\n  };\n  Blocks: {\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":";;;;;;;;;AA2BA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA4BA,2kBAAA,EAAA;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 { 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;;"}

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    isLoading?: boolean;\n    size?: keyof typeof sizeMapping;\n    iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n    color?: keyof typeof colorMapping;\n    iconType?: EuiIconSignature['Args']['type'];\n    iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n    iconClasses?: string;\n    textClasses?: string;\n    contentClasses?: string;\n    flush?: keyof typeof flushMapping;\n    href?: string;\n    target?: string;\n    isDisabled?: boolean;\n    useSvg?: boolean;\n    useComponent?: boolean;\n    type?: string;\n    isSelected?: boolean;\n    disabled?: boolean;\n  };\n  Blocks: {\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":";;;;;;;;AA0CA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiEA,2kDAAA,EAAA;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 { 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;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-button-group-button.js","sources":["../../src/components/eui-button-group-button.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, eq, notEq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButton from './eui-button.gts';\nimport EuiInnerText from './eui-inner-text.gts';\n\nimport type { EuiButtonSignature } from './eui-button';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonGroupButtonSignature {\n  Element: EuiButtonSignature['Element'];\n  Args: {\n    id: string;\n    value?: string;\n    element?: 'label' | 'button';\n    name?: string;\n    label?: string;\n    isDisabled?: boolean;\n    isSelected?: boolean;\n    isIconOnly?: boolean;\n    size?: EuiButtonSignature['Args']['size'];\n    color?: EuiButtonSignature['Args']['color'];\n    contentClasses?: EuiButtonSignature['Args']['contentClasses'];\n    iconSide?: EuiButtonSignature['Args']['iconSide'];\n    iconType?: EuiButtonSignature['Args']['iconType'];\n    iconSize?: EuiButtonSignature['Args']['iconSize'];\n    iconClasses?: EuiButtonSignature['Args']['iconClasses'];\n    isLoading?: EuiButtonSignature['Args']['isLoading'];\n    textClasses?: EuiButtonSignature['Args']['textClasses'];\n    type?: EuiButtonSignature['Args']['type'];\n    onChange: (id: string, value?: string) => void;\n  };\n}\n\nconst handleClick = (\n  isNotLabel: boolean,\n  onChange: (id: string, value?: string) => void,\n  id: string\n) => {\n  if (isNotLabel) {\n    onChange(id);\n  }\n};\n\nconst EuiButtonGroupButton: TemplateOnlyComponent<EuiButtonGroupButtonSignature> =\n  <template>\n    {{#let\n      (if @isDisabled \"button\" @element)\n      (randomId)\n      (classNames\n        (if @isSelected \"euiButtonGroupButton-isSelected\")\n        (if @isIconOnly \"euiButtonGroupButton-isIconOnly\")\n      )\n      as |element newId classes|\n    }}\n      {{#let (notEq @element \"label\") as |isNotLabel|}}\n        <EuiInnerText as |setInnerTextRef innerText|>\n          <EuiButton\n            @baseClassName=\"euiButtonGroupButton\"\n            class={{classes}}\n            @element={{element}}\n            @fill={{and (notEq @size \"compressed\") @isSelected}}\n            @isDisabled={{@isDisabled}}\n            @size={{if (eq @size \"compressed\") \"s\" @size}}\n            @color={{@color}}\n            @contentClasses={{@contentClasses}}\n            @iconSide={{@iconSide}}\n            @iconType={{@iconType}}\n            @iconSize={{@iconSize}}\n            @iconClasses={{@iconClasses}}\n            @isLoading={{@isLoading}}\n            @textClasses={{classNames\n              @textClasses\n              (if\n                @isIconOnly\n                \"euiScreenReaderOnly\"\n                \"euiButtonGroupButton__textShift\"\n              )\n            }}\n            @isSelected={{if isNotLabel @isSelected}}\n            type={{if isNotLabel @type}}\n            for={{if (eq element \"label\") newId}}\n            id={{if isNotLabel newId}}\n            title={{innerText}}\n            {{on \"click\" (fn handleClick isNotLabel @onChange @id)}}\n            {{didInsert setInnerTextRef}}\n            ...attributes\n          >\n            {{#if (eq element \"label\")}}\n              <input\n                id={{newId}}\n                class=\"euiScreenReaderOnly\"\n                name={{@name}}\n                checked={{@isSelected}}\n                disabled={{@isDisabled}}\n                value={{@value}}\n                type=\"radio\"\n                {{on \"change\" (fn @onChange @id @value)}}\n              />\n            {{/if}}\n            {{@label}}\n          </EuiButton>\n        </EuiInnerText>\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiButtonGroupButton;\n"],"names":["handleClick","isNotLabel","onChange","id","EuiButtonGroupButton","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","classNames","notEq","EuiInnerText","EuiButton","and","eq","on","fn","didInsert","templateOnly"],"mappings":";;;;;;;;;;;;AAuCA,MAAMA,WAAc,GAAAA,CAClBC,UAAmB,EACnBC,QAA8C,EAC9CC,EAAU,KAAA;AAEV,EAAA,IAAIF,UAAY,EAAA;IACdC,QAAS,CAAAC,EAAA,CAAA;AACX;AACF,CAAA;AAEA,MAAMC,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA4DA,u6CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,KAAA;kBAAAC,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAjB,WAAA;AAAAkB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-button-group-button.js","sources":["../../src/components/eui-button-group-button.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, eq, notEq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButton from './eui-button.gts';\nimport EuiInnerText from './eui-inner-text.gts';\n\nimport type { EuiButtonSignature } from './eui-button';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonGroupButtonSignature {\n  Element: EuiButtonSignature['Element'];\n  Args: {\n    /** Id of the option, passed to `@onChange`. */\n    id: string;\n    /** Value of the option, passed to `@onChange` for single selection. */\n    value?: string;\n    /**\n     * `'label'` wraps a hidden radio input (single selection groups),\n     * `'button'` renders a toggle button (multi selection groups).\n     */\n    element?: 'label' | 'button';\n    /** `name` of the radio input, shared by the group's buttons. */\n    name?: string;\n    /** The button's text (visually hidden with `@isIconOnly`). */\n    label?: string;\n    /** Disables the button. */\n    isDisabled?: boolean;\n    /** Whether the option is selected. */\n    isSelected?: boolean;\n    /** Shows only the icon; the label is kept for screen readers. */\n    isIconOnly?: boolean;\n    /** `'s'`, `'m'` or `'compressed'`. */\n    size?: EuiButtonSignature['Args']['size'];\n    /** Color of the selected button, see `EuiButtonGroup`. */\n    color?: EuiButtonSignature['Args']['color'];\n    /** Classes for the element wrapping the icon and text. */\n    contentClasses?: EuiButtonSignature['Args']['contentClasses'];\n    /** `'right'` puts the icon after the text. */\n    iconSide?: EuiButtonSignature['Args']['iconSide'];\n    /** Icon of the button; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiButtonSignature['Args']['iconType'];\n    /** Size of the icon. */\n    iconSize?: EuiButtonSignature['Args']['iconSize'];\n    /** Extra classes for the icon. */\n    iconClasses?: EuiButtonSignature['Args']['iconClasses'];\n    /** Shows a spinner instead of the icon. */\n    isLoading?: EuiButtonSignature['Args']['isLoading'];\n    /** Classes for the element wrapping the text. */\n    textClasses?: EuiButtonSignature['Args']['textClasses'];\n    /** `type` of the button (multi selection only). */\n    type?: EuiButtonSignature['Args']['type'];\n    /**\n     * Called with the option's `id` (and `value` for single selection) when\n     * it is clicked.\n     */\n    onChange: (id: string, value?: string) => void;\n  };\n}\n\nconst handleClick = (\n  isNotLabel: boolean,\n  onChange: (id: string, value?: string) => void,\n  id: string\n) => {\n  if (isNotLabel) {\n    onChange(id);\n  }\n};\n\nconst EuiButtonGroupButton: TemplateOnlyComponent<EuiButtonGroupButtonSignature> =\n  <template>\n    {{#let\n      (if @isDisabled \"button\" @element)\n      (randomId)\n      (classNames\n        (if @isSelected \"euiButtonGroupButton-isSelected\")\n        (if @isIconOnly \"euiButtonGroupButton-isIconOnly\")\n      )\n      as |element newId classes|\n    }}\n      {{#let (notEq @element \"label\") as |isNotLabel|}}\n        <EuiInnerText as |setInnerTextRef innerText|>\n          <EuiButton\n            @baseClassName=\"euiButtonGroupButton\"\n            class={{classes}}\n            @element={{element}}\n            @fill={{and (notEq @size \"compressed\") @isSelected}}\n            @isDisabled={{@isDisabled}}\n            @size={{if (eq @size \"compressed\") \"s\" @size}}\n            @color={{@color}}\n            @contentClasses={{@contentClasses}}\n            @iconSide={{@iconSide}}\n            @iconType={{@iconType}}\n            @iconSize={{@iconSize}}\n            @iconClasses={{@iconClasses}}\n            @isLoading={{@isLoading}}\n            @textClasses={{classNames\n              @textClasses\n              (if\n                @isIconOnly\n                \"euiScreenReaderOnly\"\n                \"euiButtonGroupButton__textShift\"\n              )\n            }}\n            @isSelected={{if isNotLabel @isSelected}}\n            type={{if isNotLabel @type}}\n            for={{if (eq element \"label\") newId}}\n            id={{if isNotLabel newId}}\n            title={{innerText}}\n            {{on \"click\" (fn handleClick isNotLabel @onChange @id)}}\n            {{didInsert setInnerTextRef}}\n            ...attributes\n          >\n            {{#if (eq element \"label\")}}\n              <input\n                id={{newId}}\n                class=\"euiScreenReaderOnly\"\n                name={{@name}}\n                checked={{@isSelected}}\n                disabled={{@isDisabled}}\n                value={{@value}}\n                type=\"radio\"\n                {{on \"change\" (fn @onChange @id @value)}}\n              />\n            {{/if}}\n            {{@label}}\n          </EuiButton>\n        </EuiInnerText>\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiButtonGroupButton;\n"],"names":["handleClick","isNotLabel","onChange","id","EuiButtonGroupButton","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","classNames","notEq","EuiInnerText","EuiButton","and","eq","on","fn","didInsert","templateOnly"],"mappings":";;;;;;;;;;;;AAgEA,MAAMA,WAAA,GAAcA,CAClBC,UAAmB,EACnBC,QAA8C,EAC9CC,EAAU,KAAA;AAEV,EAAA,IAAIF,UAAA,EAAY;IACdC,QAAA,CAASC,EAAA,CAAA;AACX,EAAA;AACF,CAAA;AAEA,MAAMC,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,u6CAAA,EA4DA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,KAAA;kBAAAC,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAjB,WAAA;AAAAkB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-button-group.js","sources":["../../src/components/eui-button-group.gts"],"sourcesContent":["import { get } from '@ember/helper';\n\nimport { and, eq } from 'ember-truth-helpers';\nimport { notEq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiButtonGroupButton from './eui-button-group-button.gts';\n\nimport type { EuiButtonGroupButtonSignature } from './eui-button-group-button';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface Option {\n  isDisabled?: boolean;\n  iconType?: EuiButtonGroupButtonSignature['Args']['iconType'];\n  value?: EuiButtonGroupButtonSignature['Args']['value'];\n  label?: EuiButtonGroupButtonSignature['Args']['label'];\n  id: EuiButtonGroupButtonSignature['Args']['id'];\n  isLoading?: EuiButtonGroupButtonSignature['Args']['isLoading'];\n  iconSide?: EuiButtonGroupButtonSignature['Args']['iconSide'];\n  iconSize?: EuiButtonGroupButtonSignature['Args']['iconSize'];\n  textClasses?: EuiButtonGroupButtonSignature['Args']['textClasses'];\n  contentClasses?: EuiButtonGroupButtonSignature['Args']['contentClasses'];\n  iconClasses?: EuiButtonGroupButtonSignature['Args']['iconClasses'];\n  type?: EuiButtonGroupButtonSignature['Args']['type'];\n  className?: string;\n  'aria-label'?: string;\n}\n\nexport interface EuiButtonGroupSignature {\n  Element: HTMLFieldSetElement;\n  Args: {\n    buttonSize?: 's' | 'm' | 'compressed';\n    color?: 'primary' | 'text' | 'ghost' | 'success' | 'warning' | 'danger';\n    isFullWidth?: boolean;\n    isDisabled?: boolean;\n    type?: 'single' | 'multi';\n    legend?: string;\n    name?: string;\n    className?: string;\n    isIconOnly?: EuiButtonGroupButtonSignature['Args']['isIconOnly'];\n    onChange: EuiButtonGroupButtonSignature['Args']['onChange'];\n    idSelected?: Option['id'];\n    idToSelectedMap?: {\n      [key: string]: EuiButtonGroupButtonSignature['Args']['isSelected'];\n    };\n    options?: Array<Option>;\n  };\n}\n\nexport const EuiButtonGroup: TemplateOnlyComponent<EuiButtonGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @buttonSize \"s\")\n      (argOrDefault @color \"text\")\n      (argOrDefault @isFullWidth false)\n      (argOrDefault @isDisabled false)\n      (argOrDefault @type \"single\")\n      as |buttonSize color isFullWidth isDisabled type|\n    }}\n      {{#let\n        (if (and (eq buttonSize \"compressed\") (eq color \"ghost\")) \"text\" color)\n        (eq type \"single\")\n        as |resolvedColor typeIsSingle|\n      }}\n\n        <fieldset\n          class={{classNames\n            \"euiButtonGroup\"\n            (if isFullWidth \"euiButtonGroup--fullWidth\")\n            (if isDisabled \"euiButtonGroup--isDisabled\")\n            @className\n            componentName=\"EuiButtonGroup\"\n            size=(argOrDefault buttonSize \"s\")\n            color=resolvedColor\n          }}\n          disabled={{isDisabled}}\n          ...attributes\n        >\n          <legend {{screenReaderOnly}}>{{@legend}}</legend>\n          <div class=\"euiButtonGroup__buttons\">\n            {{#let (argOrDefault @name (randomId)) as |name|}}\n              {{#each @options as |option|}}\n                <EuiButtonGroupButton\n                  @name={{name}}\n                  @isDisabled={{if\n                    (notEq option.isDisabled undefined)\n                    option.isDisabled\n                    isDisabled\n                  }}\n                  @element={{if typeIsSingle \"label\" \"button\"}}\n                  @isSelected={{if\n                    typeIsSingle\n                    (eq option.id @idSelected)\n                    (get @idToSelectedMap option.id)\n                  }}\n                  @color={{resolvedColor}}\n                  @size={{buttonSize}}\n                  @isIconOnly={{@isIconOnly}}\n                  @onChange={{@onChange}}\n                  @iconType={{option.iconType}}\n                  @value={{option.value}}\n                  @label={{option.label}}\n                  @id={{option.id}}\n                  @isLoading={{option.isLoading}}\n                  @iconSide={{option.iconSide}}\n                  @iconSize={{option.iconSize}}\n                  @textClasses={{option.textClasses}}\n                  @contentClasses={{option.contentClasses}}\n                  @iconClasses={{option.iconClasses}}\n                  @type={{option.type}}\n                  class={{option.className}}\n                  aria-label={{option.aria-label}}\n                />\n              {{/each}}\n            {{/let}}\n          </div>\n        </fieldset>\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiButtonGroup;\n"],"names":["EuiButtonGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","eq","classNames","screenReaderOnly","randomId","EuiButtonGroupButton","notEq","get","templateOnly"],"mappings":";;;;;;;;;;;MAoDaA,cAAsC,GAAAC,oBAAA,CACjDC,kBAAA,CAqEA,orDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,gBAAA;IAAAC,QAAA;IAAAC,oBAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAE,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-button-group.js","sources":["../../src/components/eui-button-group.gts"],"sourcesContent":["import { get } from '@ember/helper';\n\nimport { and, eq } from 'ember-truth-helpers';\nimport { notEq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiButtonGroupButton from './eui-button-group-button.gts';\n\nimport type { EuiButtonGroupButtonSignature } from './eui-button-group-button';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface Option {\n  /** Disables this option. Defaults to the group's `@isDisabled`. */\n  isDisabled?: boolean;\n  /** Icon of the option; required for `@isIconOnly` groups. */\n  iconType?: EuiButtonGroupButtonSignature['Args']['iconType'];\n  /** Value passed to `@onChange` (single selection only). */\n  value?: EuiButtonGroupButtonSignature['Args']['value'];\n  /**\n   * Text of the option. Always set it: with `@isIconOnly` it is hidden but\n   * read by screen readers.\n   */\n  label?: EuiButtonGroupButtonSignature['Args']['label'];\n  /** Unique id of the option, used by `@idSelected` / `@idToSelectedMap`. */\n  id: EuiButtonGroupButtonSignature['Args']['id'];\n  /** Shows a spinner instead of the icon. */\n  isLoading?: EuiButtonGroupButtonSignature['Args']['isLoading'];\n  /** `'right'` puts the icon after the text. */\n  iconSide?: EuiButtonGroupButtonSignature['Args']['iconSide'];\n  /** Size of the icon. */\n  iconSize?: EuiButtonGroupButtonSignature['Args']['iconSize'];\n  /** Classes for the element wrapping the text. */\n  textClasses?: EuiButtonGroupButtonSignature['Args']['textClasses'];\n  /** Classes for the element wrapping the icon and text. */\n  contentClasses?: EuiButtonGroupButtonSignature['Args']['contentClasses'];\n  /** Extra classes for the icon. */\n  iconClasses?: EuiButtonGroupButtonSignature['Args']['iconClasses'];\n  /** `type` of the button (multi selection only). */\n  type?: EuiButtonGroupButtonSignature['Args']['type'];\n  /** Class for the option's button. */\n  className?: string;\n  /** Accessible label of the option's button. */\n  'aria-label'?: string;\n}\n\nexport interface EuiButtonGroupSignature {\n  Element: HTMLFieldSetElement;\n  Args: {\n    /**\n     * `'s'`, `'m'`, or `'compressed'` (for forms, e.g. inside an\n     * `EuiFormRow` with `@display=\"rowCompressed\"`). Defaults to `'s'`.\n     */\n    buttonSize?: 's' | 'm' | 'compressed';\n    /**\n     * Color of the selected buttons: `'primary'`, `'text'`, `'ghost'`,\n     * `'success'`, `'warning'` or `'danger'`. Defaults to `'text'`.\n     */\n    color?: 'primary' | 'text' | 'ghost' | 'success' | 'warning' | 'danger';\n    /** Stretches the group, and its buttons evenly, to its container's width. */\n    isFullWidth?: boolean;\n    /** Disables every option. */\n    isDisabled?: boolean;\n    /**\n     * `'single'`: one option selected at a time, set with `@idSelected`\n     * (radio buttons). `'multi'`: each option toggles, set with\n     * `@idToSelectedMap`. Defaults to `'single'`.\n     */\n    type?: 'single' | 'multi';\n    /**\n     * Describes the group for screen readers (visually hidden legend).\n     * Required for accessibility.\n     */\n    legend?: string;\n    /** `name` of the radio inputs (single selection). Defaults to a random id. */\n    name?: string;\n    /** Extra class(es) for the fieldset. */\n    className?: string;\n    /** Shows only the options' icons; their labels stay for screen readers. */\n    isIconOnly?: EuiButtonGroupButtonSignature['Args']['isIconOnly'];\n    /**\n     * Called with the clicked option's `id` (and its `value` for `'single'`).\n     * Update `@idSelected` / `@idToSelectedMap` here.\n     */\n    onChange: EuiButtonGroupButtonSignature['Args']['onChange'];\n    /** Id of the selected option (`@type=\"single\"`). */\n    idSelected?: Option['id'];\n    /**\n     * Selected state by option id, e.g. `{ bold: true, italic: false }`\n     * (`@type=\"multi\"`).\n     */\n    idToSelectedMap?: {\n      [key: string]: EuiButtonGroupButtonSignature['Args']['isSelected'];\n    };\n    /** The buttons: `[{ id: 'left', label: 'Left', iconType: 'editorAlignLeft' }]`. */\n    options?: Array<Option>;\n  };\n}\n\nexport const EuiButtonGroup: TemplateOnlyComponent<EuiButtonGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @buttonSize \"s\")\n      (argOrDefault @color \"text\")\n      (argOrDefault @isFullWidth false)\n      (argOrDefault @isDisabled false)\n      (argOrDefault @type \"single\")\n      as |buttonSize color isFullWidth isDisabled type|\n    }}\n      {{#let\n        (if (and (eq buttonSize \"compressed\") (eq color \"ghost\")) \"text\" color)\n        (eq type \"single\")\n        as |resolvedColor typeIsSingle|\n      }}\n\n        <fieldset\n          class={{classNames\n            \"euiButtonGroup\"\n            (if isFullWidth \"euiButtonGroup--fullWidth\")\n            (if isDisabled \"euiButtonGroup--isDisabled\")\n            @className\n            componentName=\"EuiButtonGroup\"\n            size=(argOrDefault buttonSize \"s\")\n            color=resolvedColor\n          }}\n          disabled={{isDisabled}}\n          ...attributes\n        >\n          <legend {{screenReaderOnly}}>{{@legend}}</legend>\n          <div class=\"euiButtonGroup__buttons\">\n            {{#let (argOrDefault @name (randomId)) as |name|}}\n              {{#each @options as |option|}}\n                <EuiButtonGroupButton\n                  @name={{name}}\n                  @isDisabled={{if\n                    (notEq option.isDisabled undefined)\n                    option.isDisabled\n                    isDisabled\n                  }}\n                  @element={{if typeIsSingle \"label\" \"button\"}}\n                  @isSelected={{if\n                    typeIsSingle\n                    (eq option.id @idSelected)\n                    (get @idToSelectedMap option.id)\n                  }}\n                  @color={{resolvedColor}}\n                  @size={{buttonSize}}\n                  @isIconOnly={{@isIconOnly}}\n                  @onChange={{@onChange}}\n                  @iconType={{option.iconType}}\n                  @value={{option.value}}\n                  @label={{option.label}}\n                  @id={{option.id}}\n                  @isLoading={{option.isLoading}}\n                  @iconSide={{option.iconSide}}\n                  @iconSize={{option.iconSize}}\n                  @textClasses={{option.textClasses}}\n                  @contentClasses={{option.contentClasses}}\n                  @iconClasses={{option.iconClasses}}\n                  @type={{option.type}}\n                  class={{option.className}}\n                  aria-label={{option.aria-label}}\n                />\n              {{/each}}\n            {{/let}}\n          </div>\n        </fieldset>\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiButtonGroup;\n"],"names":["EuiButtonGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","eq","classNames","screenReaderOnly","randomId","EuiButtonGroupButton","notEq","get","templateOnly"],"mappings":";;;;;;;;;;;MAqGaA,cAAsC,GAAAC,oBAAA,CACjDC,kBAAA,CAAA,orDAAA,EAqEA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,gBAAA;IAAAC,QAAA;IAAAC,oBAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-button-icon.js","sources":["../../src/components/eui-button-icon.gts"],"sourcesContent":["import { and, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport getEuiConfig from '../helpers/get-eui-config.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n  colorMapping,\n  displayMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-button-icon.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonIconSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    iconType?: EuiIconSignature['Args']['type'];\n    iconSize?: EuiIconSignature['Args']['size'];\n    iconClasses?: string;\n    href?: string;\n    target?: string;\n    isDisabled?: boolean;\n    isSelected?: boolean;\n    display?: keyof typeof displayMapping;\n    color?: keyof typeof colorMapping;\n    size?: keyof typeof sizeMapping;\n    type?: 'button' | 'submit' | 'reset';\n    useSvg?: boolean;\n    useComponent?: boolean;\n    disabled?: boolean;\n  };\n}\n\nconst EuiButtonIcon: TemplateOnlyComponent<EuiButtonIconSignature> = <template>\n  {{#let (getEuiConfig \"euiButtonIcon.size\") as |buttonSizeConfig|}}\n    {{#if (and @href (not @isDisabled))}}\n      <a\n        class={{classNames\n          (if @isDisabled \"euiButtonIcon-isDisabled\")\n          componentName=\"EuiButtonIcon\"\n          display=(argOrDefault @display \"empty\")\n          color=(argOrDefault @color \"primary\")\n          size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))\n        }}\n        href={{@href}}\n        target={{@target}}\n        ...attributes\n      >\n        {{#if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{argOrDefault @iconSize \"m\"}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @color=\"inherit\"\n            aria-hidden=\"true\"\n          />\n        {{/if}}\n      </a>\n    {{else}}\n      <button\n        class={{classNames\n          (if @isDisabled \"euiButtonIcon-isDisabled\")\n          componentName=\"EuiButtonIcon\"\n          display=(argOrDefault @display \"empty\")\n          color=(argOrDefault @color \"primary\")\n          size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))\n        }}\n        disabled={{or @isDisabled @disabled}}\n        aria-pressed={{if @isSelected \"true\" \"false\"}}\n        type={{if @type @type \"button\"}}\n        ...attributes\n      >\n        {{#if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{argOrDefault @iconSize \"m\"}}\n            @useSvg={{@useSvg}}\n            @color=\"inherit\"\n            @useComponent={{@useComponent}}\n            aria-hidden=\"true\"\n          />\n        {{/if}}\n      </button>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiButtonIcon;\n"],"names":["EuiButtonIcon","setComponentTemplate","precompileTemplate","strictMode","scope","getEuiConfig","and","not","classNames","argOrDefault","EuiIcon","or","templateOnly"],"mappings":";;;;;;;;;AAmCA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAuDrE,w4CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;kBAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-button-icon.js","sources":["../../src/components/eui-button-icon.gts"],"sourcesContent":["import { and, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport getEuiConfig from '../helpers/get-eui-config.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n  colorMapping,\n  displayMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-button-icon.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonIconSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    /**\n     * The icon; anything `EuiIcon`'s `@type` accepts. An icon-only button\n     * has no visible text, so always pass an `aria-label=\"…\"` describing the\n     * action.\n     */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon. Defaults to `'m'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** Renders an `<a>` link instead of a `<button>`. */\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    /** For toggle buttons: sets `aria-pressed=\"true\"` while selected. */\n    isSelected?: boolean;\n    /**\n     * `'empty'` (just the icon), `'base'` (light background) or `'fill'`\n     * (solid background). Defaults to `'empty'`.\n     */\n    display?: keyof typeof displayMapping;\n    /**\n     * `'primary'`, `'accent'`, `'success'`, `'warning'`, `'danger'`,\n     * `'ghost'` or `'text'`. Defaults to `'primary'`.\n     */\n    color?: keyof typeof colorMapping;\n    /**\n     * Size of the button: `'xs'`, `'s'` or `'m'`. Defaults to the\n     * `euiButtonIcon.size` config, or `'xs'`.\n     */\n    size?: keyof typeof sizeMapping;\n    /** `type` of the `<button>`. Defaults to `'button'`. */\n    type?: 'button' | 'submit' | 'reset';\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    /** Same as `@isDisabled`. */\n    disabled?: boolean;\n  };\n}\n\nconst EuiButtonIcon: TemplateOnlyComponent<EuiButtonIconSignature> = <template>\n  {{#let (getEuiConfig \"euiButtonIcon.size\") as |buttonSizeConfig|}}\n    {{#if (and @href (not @isDisabled))}}\n      <a\n        class={{classNames\n          (if @isDisabled \"euiButtonIcon-isDisabled\")\n          componentName=\"EuiButtonIcon\"\n          display=(argOrDefault @display \"empty\")\n          color=(argOrDefault @color \"primary\")\n          size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))\n        }}\n        href={{@href}}\n        target={{@target}}\n        ...attributes\n      >\n        {{#if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{argOrDefault @iconSize \"m\"}}\n            @useSvg={{@useSvg}}\n            @useComponent={{@useComponent}}\n            @color=\"inherit\"\n            aria-hidden=\"true\"\n          />\n        {{/if}}\n      </a>\n    {{else}}\n      <button\n        class={{classNames\n          (if @isDisabled \"euiButtonIcon-isDisabled\")\n          componentName=\"EuiButtonIcon\"\n          display=(argOrDefault @display \"empty\")\n          color=(argOrDefault @color \"primary\")\n          size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))\n        }}\n        disabled={{or @isDisabled @disabled}}\n        aria-pressed={{if @isSelected \"true\" \"false\"}}\n        type={{if @type @type \"button\"}}\n        ...attributes\n      >\n        {{#if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n            @type={{@iconType}}\n            @size={{argOrDefault @iconSize \"m\"}}\n            @useSvg={{@useSvg}}\n            @color=\"inherit\"\n            @useComponent={{@useComponent}}\n            aria-hidden=\"true\"\n          />\n        {{/if}}\n      </button>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiButtonIcon;\n"],"names":["EuiButtonIcon","setComponentTemplate","precompileTemplate","strictMode","scope","getEuiConfig","and","not","classNames","argOrDefault","EuiIcon","or","templateOnly"],"mappings":";;;;;;;;;AA8DA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,w4CAAA,EAuDrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;kBAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-button.js","sources":["../../src/components/eui-button.gts"],"sourcesContent":["import { concat } from '@ember/helper';\nimport { classify } from '@ember/string';\n\nimport { element } from 'ember-element-helper';\nimport { and, eq, not, 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 { EuiButtonContentSignature } from './eui-button-content';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonSignature {\n  Element: HTMLElement;\n  Args: {\n    baseClassName?: string;\n    color?: string;\n    contentClasses?: string;\n    disabled?: boolean;\n    fill?: boolean;\n    fullWidth?: boolean;\n    href?: string;\n    iconClasses?: string;\n    iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n    iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n    iconType?: EuiButtonContentSignature['Args']['iconType'];\n    isLoading?: boolean;\n    isSelected?: boolean;\n    size?: string;\n    target?: string;\n    textClasses?: string;\n    type?: string;\n    useComponent?: boolean;\n    useSvg?: boolean;\n    element?: string;\n    isDisabled?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiButton: TemplateOnlyComponent<EuiButtonSignature> = <template>\n  {{#let\n    (argOrDefault @baseClassName \"euiButton\")\n    (if\n      @element\n      @element\n      (if (and @href (not (or @isLoading @isDisabled))) \"a\" \"button\")\n    )\n    as |baseClassName theElement|\n  }}\n    {{#let (element theElement) as |Element|}}\n      <Element\n        class={{classNames\n          (if @fill (concat baseClassName \"--fill\"))\n          (if @fullWidth (concat baseClassName \"--fullWidth\"))\n          (if\n            (or @isLoading @isDisabled @disabled)\n            (concat baseClassName \"-isDisabled\")\n          )\n          componentName=(classify baseClassName)\n          color=(argOrDefault @color \"primary\")\n          size=@size\n        }}\n        disabled={{or @isLoading @isDisabled @disabled}}\n        href={{@href}}\n        target={{@target}}\n        aria-pressed={{if @isSelected \"true\" null}}\n        type={{if (eq theElement \"button\") (argOrDefault @type \"button\") null}}\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n        <EuiButtonContent\n          class={{classNames \"euiButton__content\" @contentClasses}}\n          @isLoading={{@isLoading}}\n          @iconType={{@iconType}}\n          @iconSize={{@iconSize}}\n          @iconSide={{@iconSide}}\n          @iconClasses={{@iconClasses}}\n          @useSvg={{@useSvg}}\n          @useComponent={{@useComponent}}\n          @textClasses={{classNames \"euiButton__text\" @textClasses}}\n        >\n          {{yield}}\n        </EuiButtonContent>\n      </Element>\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiButton;\n"],"names":["EuiButton","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","or","element","classNames","concat","classify","eq","EuiButtonContent","templateOnly"],"mappings":";;;;;;;;;;;AA2CA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CA+C7D,oqCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-button.js","sources":["../../src/components/eui-button.gts"],"sourcesContent":["import { concat } from '@ember/helper';\nimport { classify } from '@ember/string';\n\nimport { element } from 'ember-element-helper';\nimport { and, eq, not, 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 { EuiButtonContentSignature } from './eui-button-content';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiButtonSignature {\n  Element: HTMLElement;\n  Args: {\n    /**\n     * @private Class prefix, so other buttons can reuse this markup.\n     * Defaults to `'euiButton'`.\n     */\n    baseClassName?: string;\n    /**\n     * `'primary'`, `'accent'`, `'success'`, `'warning'`, `'danger'`,\n     * `'ghost'` (for dark backgrounds) or `'text'`. Defaults to `'primary'`.\n     */\n    color?: string;\n    /** Classes for the element wrapping the icon and text. */\n    contentClasses?: string;\n    /** Same as `@isDisabled`. */\n    disabled?: boolean;\n    /**\n     * Solid background, for the primary action of a page or form.\n     * Defaults to `false` (light background).\n     */\n    fill?: boolean;\n    /** Stretches the button to its container's width. */\n    fullWidth?: boolean;\n    /**\n     * Renders an `<a>` link instead of a `<button>` (a disabled or loading\n     * button stays a `<button>`).\n     */\n    href?: string;\n    /** Extra classes for the icon. */\n    iconClasses?: string;\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: EuiButtonContentSignature['Args']['iconSide'];\n    /** Size of the icon. Defaults to `'m'`. */\n    iconSize?: EuiButtonContentSignature['Args']['iconSize'];\n    /** Icon next to the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiButtonContentSignature['Args']['iconType'];\n    /** Shows a spinner instead of the icon and disables the button. */\n    isLoading?: boolean;\n    /** For toggle buttons: sets `aria-pressed=\"true\"` while selected. */\n    isSelected?: boolean;\n    /** `'s'` or `'m'`. Defaults to `'m'`. */\n    size?: string;\n    /** `target` of the `@href` link, e.g. `'_blank'`. */\n    target?: string;\n    /** Classes for the element wrapping the text. */\n    textClasses?: string;\n    /**\n     * `type` of the `<button>`, e.g. `'submit'` in a form.\n     * Defaults to `'button'`.\n     */\n    type?: string;\n    /** @deprecated Not needed: a component passed as `@iconType` is rendered. */\n    useComponent?: boolean;\n    /** @deprecated Has no effect, see `EuiIcon`. */\n    useSvg?: boolean;\n    /**\n     * Tag to render, e.g. `'label'` for a file input trigger. Defaults to\n     * `'a'` with `@href`, `'button'` otherwise.\n     */\n    element?: string;\n    /** Disables the button and greys it out. */\n    isDisabled?: boolean;\n  };\n  Blocks: {\n    /** The button's text. */\n    default: [];\n  };\n}\n\nconst EuiButton: TemplateOnlyComponent<EuiButtonSignature> = <template>\n  {{#let\n    (argOrDefault @baseClassName \"euiButton\")\n    (if\n      @element\n      @element\n      (if (and @href (not (or @isLoading @isDisabled))) \"a\" \"button\")\n    )\n    as |baseClassName theElement|\n  }}\n    {{#let (element theElement) as |Element|}}\n      <Element\n        class={{classNames\n          (if @fill (concat baseClassName \"--fill\"))\n          (if @fullWidth (concat baseClassName \"--fullWidth\"))\n          (if\n            (or @isLoading @isDisabled @disabled)\n            (concat baseClassName \"-isDisabled\")\n          )\n          componentName=(classify baseClassName)\n          color=(argOrDefault @color \"primary\")\n          size=@size\n        }}\n        disabled={{or @isLoading @isDisabled @disabled}}\n        href={{@href}}\n        target={{@target}}\n        aria-pressed={{if @isSelected \"true\" null}}\n        type={{if (eq theElement \"button\") (argOrDefault @type \"button\") null}}\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n        <EuiButtonContent\n          class={{classNames \"euiButton__content\" @contentClasses}}\n          @isLoading={{@isLoading}}\n          @iconType={{@iconType}}\n          @iconSize={{@iconSize}}\n          @iconSide={{@iconSide}}\n          @iconClasses={{@iconClasses}}\n          @useSvg={{@useSvg}}\n          @useComponent={{@useComponent}}\n          @textClasses={{classNames \"euiButton__text\" @textClasses}}\n        >\n          {{yield}}\n        </EuiButtonContent>\n      </Element>\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiButton;\n"],"names":["EuiButton","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","not","or","element","classNames","concat","classify","eq","EuiButtonContent","templateOnly"],"mappings":";;;;;;;;;;;AAmFA,MAAMA,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,oqCAAA,EA+C7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-call-out.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-call-out.js","sources":["../../src/components/eui-call-out.gts"],"sourcesContent":["import { eq, or } 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 EuiText from './eui-text.gts';\nimport TextBlock from './text-block.gts';\n\nimport type {\n  colorMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-call-out.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTextSignature } from './eui-text';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCallOutSignature {\n  Element: HTMLDivElement;\n  Args: {\n    title?: string;\n    heading?: TextBlockSignature['Args']['tagName'];\n    iconType?: EuiIconSignature['Args']['type'];\n    size?: keyof typeof sizeMapping;\n    color?: keyof typeof colorMapping;\n    textColor?: EuiTextSignature['Args']['color'];\n    iconSize?: EuiIconSignature['Args']['size'];\n  };\n  Blocks: {\n    title?: [];\n    body?: [];\n    default?: [];\n  };\n}\n\nconst EuiCallOut: TemplateOnlyComponent<EuiCallOutSignature> = <template>\n  <div\n    class={{classNames\n      componentName=\"EuiCallOut\"\n      size=(argOrDefault @size \"m\")\n      color=(argOrDefault @color \"primary\")\n    }}\n    ...attributes\n  >\n    {{#if (or @title (has-block \"title\"))}}\n      <div class=\"euiCallOutHeader\">\n        {{#if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiCallOutHeader__icon\"\n            @type={{@iconType}}\n            @size={{argOrDefault @iconSize \"m\"}}\n            aria-hidden=\"true\"\n            @color=\"inherit\"\n          />\n        {{/if}}\n        {{#if @heading}}\n          <TextBlock @tagName={{@heading}} class=\"euiCallOutHeader__title\">\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else}}\n              {{@title}}\n            {{/if}}\n          </TextBlock>\n        {{else}}\n          <span class=\"euiCallOutHeader__title\">\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else}}\n              {{@title}}\n            {{/if}}\n          </span>\n        {{/if}}\n      </div>\n    {{/if}}\n    {{#if (or (has-block \"body\") (has-block))}}\n      <EuiText @size={{if (eq @size \"s\") \"xs\" \"s\"}} @color={{@textColor}}>\n        {{#if (has-block \"body\")}}\n          {{yield to=\"body\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </EuiText>\n    {{/if}}\n  </div>\n</template>;\n\nexport default EuiCallOut;\n"],"names":["EuiCallOut","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","or","EuiIcon","TextBlock","EuiText","eq","templateOnly"],"mappings":";;;;;;;;;;AAmCA,MAAMA,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,CAiD/D,+sCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,SAAA;aAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-call-out.js","sources":["../../src/components/eui-call-out.gts"],"sourcesContent":["import { eq, or } 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 EuiText from './eui-text.gts';\nimport TextBlock from './text-block.gts';\n\nimport type {\n  colorMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-call-out.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTextSignature } from './eui-text';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCallOutSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Title in the callout's header. Use the `<:title>` block for markup. */\n    title?: string;\n    /**\n     * Renders the title as a heading element, e.g. `'h2'`, so it appears in\n     * the page outline. Defaults to a `<span>`.\n     */\n    heading?: TextBlockSignature['Args']['tagName'];\n    /**\n     * Icon before the title (only shown with a title), e.g. `'alert'`,\n     * `'check'` or `'help'`.\n     */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** `'s'` or `'m'`. Defaults to `'m'`. */\n    size?: keyof typeof sizeMapping;\n    /**\n     * `'primary'`, `'success'`, `'warning'` or `'danger'`.\n     * Defaults to `'primary'`.\n     */\n    color?: keyof typeof colorMapping;\n    /** Color of the body text, any `EuiText` color. Defaults to the text color. */\n    textColor?: EuiTextSignature['Args']['color'];\n    /** Size of the title icon. Defaults to `'m'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n  };\n  Blocks: {\n    /** The title, instead of `@title`. */\n    title?: [];\n    /** The body; same as the default block. */\n    body?: [];\n    /** The body, e.g. paragraphs and buttons. */\n    default?: [];\n  };\n}\n\nconst EuiCallOut: TemplateOnlyComponent<EuiCallOutSignature> = <template>\n  <div\n    class={{classNames\n      componentName=\"EuiCallOut\"\n      size=(argOrDefault @size \"m\")\n      color=(argOrDefault @color \"primary\")\n    }}\n    ...attributes\n  >\n    {{#if (or @title (has-block \"title\"))}}\n      <div class=\"euiCallOutHeader\">\n        {{#if @iconType}}\n          <EuiIcon\n            @iconClasses=\"euiCallOutHeader__icon\"\n            @type={{@iconType}}\n            @size={{argOrDefault @iconSize \"m\"}}\n            aria-hidden=\"true\"\n            @color=\"inherit\"\n          />\n        {{/if}}\n        {{#if @heading}}\n          <TextBlock @tagName={{@heading}} class=\"euiCallOutHeader__title\">\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else}}\n              {{@title}}\n            {{/if}}\n          </TextBlock>\n        {{else}}\n          <span class=\"euiCallOutHeader__title\">\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else}}\n              {{@title}}\n            {{/if}}\n          </span>\n        {{/if}}\n      </div>\n    {{/if}}\n    {{#if (or (has-block \"body\") (has-block))}}\n      <EuiText @size={{if (eq @size \"s\") \"xs\" \"s\"}} @color={{@textColor}}>\n        {{#if (has-block \"body\")}}\n          {{yield to=\"body\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </EuiText>\n    {{/if}}\n  </div>\n</template>;\n\nexport default EuiCallOut;\n"],"names":["EuiCallOut","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","or","EuiIcon","TextBlock","EuiText","eq","templateOnly"],"mappings":";;;;;;;;;;AAsDA,MAAMA,UAAkC,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,+sCAAA,EAiD/D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,SAAA;aAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-card-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-card-select.js","sources":["../../src/components/eui-card-select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\n\nexport type EuiCardSelectProps = {\n  /**\n   * Is in the selected state\n   */\n  isSelected?: boolean;\n  isDisabled?: boolean;\n  buttonId?: string;\n  color?: EuiButtonEmptySignature['Args']['color'];\n  isLoading?: EuiButtonEmptySignature['Args']['isLoading'];\n  href?: EuiButtonEmptySignature['Args']['href'];\n  iconSide?: EuiButtonEmptySignature['Args']['iconSide'];\n  flush?: EuiButtonEmptySignature['Args']['flush'];\n  type?: EuiButtonEmptySignature['Args']['type'];\n  onClick?: (e: MouseEvent) => void;\n};\n\nexport function euiCardSelectableColor(\n  color: string | undefined,\n  isSelected: boolean | undefined\n): string {\n  let calculatedColor;\n\n  if (color) {\n    calculatedColor = color;\n  } else if (isSelected) {\n    calculatedColor = 'success';\n  } else {\n    calculatedColor = 'text';\n  }\n\n  return calculatedColor;\n}\n\nexport interface EuiCardSelectSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: EuiCardSelectProps;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiCardSelectComponent extends Component<EuiCardSelectSignature> {\n  get selectColorClass() {\n    return `euiCardSelect--${euiCardSelectableColor(\n      this.args.color,\n      this.args.isSelected\n    )}`;\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class={{classNames this.selectColorClass componentName=\"EuiCardSelect\"}}\n      id={{@buttonId}}\n      @color={{argOrDefault @color \"text\"}}\n      @size=\"xs\"\n      @isDisabled={{@isDisabled}}\n      @iconType={{if @isSelected \"check\" undefined}}\n      @isLoading={{@isLoading}}\n      @href={{@href}}\n      @iconSide={{@iconSide}}\n      @flush={{@flush}}\n      @type={{@type}}\n      role=\"switch\"\n      aria-checked={{if @isSelected \"true\" \"false\"}}\n      {{on \"click\" (optional @onClick)}}\n      ...attributes\n    >\n      {{#if (has-block)}}\n        {{yield}}\n      {{else if @isSelected}}\n        Selected\n      {{else if @isDisabled}}\n        Unavailable\n      {{else}}\n        Select\n      {{/if}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["euiCardSelectableColor","color","isSelected","calculatedColor","EuiCardSelectComponent","Component","selectColorClass","args","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","argOrDefault","on","optional"],"mappings":";;;;;;;;;AA2BO,SAASA,sBAAAA,CACdC,KAAyB,EACzBC,UAA+B,EACxB;AACP,EAAA,IAAIC,eAAA;AAEJ,EAAA,IAAIF,KAAO,EAAA;AACTE,IAAAA,eAAkB,GAAAF,KAAA;GACpB,MAAO,IAAIC,UAAY,EAAA;AACrBC,IAAAA,eAAkB,GAAA,SAAA;AACpB,GAAO,MAAA;AACLA,IAAAA,eAAkB,GAAA,MAAA;AACpB;AAEA,EAAA,OAAOA,eAAA;AACT;AAUe,MAAMC,+BAA+BC,SAAU,CAAA;EAC5D,IAAIC,gBAAmBA,GAAA;AACrB,IAAA,OAAO,CAAkBN,eAAAA,EAAAA,sBAAA,CACvB,IAAI,CAACO,IAAI,CAACN,KAAK,EACf,IAAI,CAACM,IAAI,CAACL,UAAU,CACnB,CAAA,CAAA;AACL;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CA4BA,2nBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-card-select.js","sources":["../../src/components/eui-card-select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\n\nexport type EuiCardSelectProps = {\n  /**\n   * Is in the selected state: shows a check icon, the \"Selected\" text and\n   * the `success` color.\n   */\n  isSelected?: boolean;\n  /** Disables the button and shows \"Unavailable\". */\n  isDisabled?: boolean;\n  /** Id of the button (EuiCard sets one). */\n  buttonId?: string;\n  /**\n   * `EuiButtonEmpty` color. Defaults to `'success'` when selected, `'text'`\n   * otherwise.\n   */\n  color?: EuiButtonEmptySignature['Args']['color'];\n  /** Shows a spinner in the button. */\n  isLoading?: EuiButtonEmptySignature['Args']['isLoading'];\n  /** Makes the button a link. */\n  href?: EuiButtonEmptySignature['Args']['href'];\n  /** Side of the check icon. */\n  iconSide?: EuiButtonEmptySignature['Args']['iconSide'];\n  /** Removes the button's padding on `'left'`, `'right'` or `'both'` sides. */\n  flush?: EuiButtonEmptySignature['Args']['flush'];\n  /** `type` of the button. */\n  type?: EuiButtonEmptySignature['Args']['type'];\n  /** Called when the button (or the whole card, in EuiCard) is clicked; toggle `isSelected` here. */\n  onClick?: (e: MouseEvent) => void;\n};\n\nexport function euiCardSelectableColor(\n  color: string | undefined,\n  isSelected: boolean | undefined\n): string {\n  let calculatedColor;\n\n  if (color) {\n    calculatedColor = color;\n  } else if (isSelected) {\n    calculatedColor = 'success';\n  } else {\n    calculatedColor = 'text';\n  }\n\n  return calculatedColor;\n}\n\nexport interface EuiCardSelectSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: EuiCardSelectProps;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiCardSelectComponent extends Component<EuiCardSelectSignature> {\n  get selectColorClass() {\n    return `euiCardSelect--${euiCardSelectableColor(\n      this.args.color,\n      this.args.isSelected\n    )}`;\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class={{classNames this.selectColorClass componentName=\"EuiCardSelect\"}}\n      id={{@buttonId}}\n      @color={{argOrDefault @color \"text\"}}\n      @size=\"xs\"\n      @isDisabled={{@isDisabled}}\n      @iconType={{if @isSelected \"check\" undefined}}\n      @isLoading={{@isLoading}}\n      @href={{@href}}\n      @iconSide={{@iconSide}}\n      @flush={{@flush}}\n      @type={{@type}}\n      role=\"switch\"\n      aria-checked={{if @isSelected \"true\" \"false\"}}\n      {{on \"click\" (optional @onClick)}}\n      ...attributes\n    >\n      {{#if (has-block)}}\n        {{yield}}\n      {{else if @isSelected}}\n        Selected\n      {{else if @isDisabled}}\n        Unavailable\n      {{else}}\n        Select\n      {{/if}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["euiCardSelectableColor","color","isSelected","calculatedColor","EuiCardSelectComponent","Component","selectColorClass","args","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","argOrDefault","on","optional"],"mappings":";;;;;;;;;AAwCO,SAASA,sBAAAA,CACdC,KAAyB,EACzBC,UAA+B,EACxB;AACP,EAAA,IAAIC,eAAA;AAEJ,EAAA,IAAIF,KAAA,EAAO;AACTE,IAAAA,eAAA,GAAkBF,KAAA;EACpB,CAAA,MAAO,IAAIC,UAAA,EAAY;AACrBC,IAAAA,eAAA,GAAkB,SAAA;AACpB,EAAA,CAAA,MAAO;AACLA,IAAAA,eAAA,GAAkB,MAAA;AACpB,EAAA;AAEA,EAAA,OAAOA,eAAA;AACT;AAUe,MAAMC,+BAA+BC,SAAA,CAAU;EAC5D,IAAIC,gBAAAA,GAAmB;AACrB,IAAA,OAAO,CAAA,eAAA,EAAkBN,sBAAA,CACvB,IAAI,CAACO,IAAI,CAACN,KAAK,EACf,IAAI,CAACM,IAAI,CAACL,UAAU,CAAA,CAAA,CACnB;AACL,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,2nBAAA,EA4BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-card.js","sources":["../../src/components/eui-card.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport set from 'ember-set-helper/helpers/set';\nimport { and, eq, not, notEq, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiBetaBadge from './eui-beta-badge.gts';\nimport { euiCardSelectableColor } from './eui-card-select.gts';\nimport EuiCardSelect from './eui-card-select.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPanel from './eui-panel.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiCardSelectProps } from './eui-card-select';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { EuiTitleSignature } from './eui-title';\n\ntype EuiCardComponentArgs = {\n  footer?: string;\n  selectable?: EuiCardSelectProps;\n  /**\n   * Class that will apply to the card top section.\n   */\n  topClassName?: string;\n\n  /**\n   * Class that will apply to the card content section.\n   */\n  contentClassName?: string;\n\n  /**\n   * Class that will apply to the card footer section.\n   */\n  footerClassName?: string;\n\n  target?: string;\n\n  betaBadgeProps?: {\n    label: string;\n    title?: string;\n    tooltipContent?: string;\n  };\n\n  description?: string;\n\n  /**\n   * The title of the card.\n   */\n  title?: string;\n  titleSize?: EuiTitleSignature['Args']['size'];\n\n  /**\n   * The title element. Will wrap the title in a heading tag.\n   */\n  titleElement?: string;\n\n  href?: string;\n\n  onClick?: (e: MouseEvent) => void;\n\n  isDisabled?: boolean;\n\n  textAlign?: 'left' | 'center' | 'right';\n\n  image?: string;\n  icon?: string;\n  layout?: 'horizontal' | 'vertical';\n\n  display?: EuiPanelSignature['Args']['color'];\n  paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n\n  iconSize?: EuiIconSignature['Args']['size'];\n};\n\nexport interface EuiCardSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: EuiCardComponentArgs;\n  Blocks: {\n    icon: ['euiCard__icon'];\n    title: [() => void];\n    description: [];\n    body: [];\n    footer: [];\n  };\n}\n\nexport default class EuiCardComponent extends Component<EuiCardSignature> {\n  @tracked link: HTMLAnchorElement | HTMLButtonElement | null = null;\n\n  outerOnClick = (e: MouseEvent) => {\n    if (this.link && this.link !== e.target) {\n      this.link.click();\n    }\n  };\n\n  get selectableColorClass() {\n    const selectable = this.args.selectable;\n\n    return selectable\n      ? `euiCard--isSelectable--${euiCardSelectableColor(\n          selectable.color,\n          selectable.isSelected\n        )}`\n      : undefined;\n  }\n\n  get topClasses(): string {\n    return ['euiCard__top', this.args.topClassName].join(' ');\n  }\n\n  get contentClasses(): string {\n    return ['euiCard__content', this.args.contentClassName].join(' ');\n  }\n\n  get footerClasses(): string {\n    return ['euiCard__footer', this.args.footerClassName].join(' ');\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.link = null;\n  }\n\n  <template>\n    {{#let\n      (if @selectable (randomId))\n      (and\n        (not @isDisabled)\n        (or @onClick @href (and @selectable (not @selectable.isDisabled)))\n      )\n      (argOrDefault @titleElement \"span\")\n      (argOrDefault @layout \"vertical\")\n      as |selectableId isClickable titleElement layout|\n    }}\n      <EuiPanel\n        class={{classNames\n          (if (eq layout \"horizontal\") \"euiCard--horizontal\")\n          (if isClickable \"euiCard--isClickable\")\n          (if @betaBadgeProps.label \"euiCard--hasBetaBadge\")\n          (if\n            @icon \"euiCard--hasIcon\" (if (has-block \"icon\") \"euiCard--hasIcon\")\n          )\n          (if @selectable \"euiCard--isSelectable\")\n          (if (and @selectable @selectable.isSelected) \"euiCard-isSelected\")\n          (if @isDisabled \"euiCard-isDisabled\")\n          this.selectableColorClass\n          componentName=\"EuiCard\"\n          textAlign=(argOrDefault @textAlign \"center\")\n        }}\n        @color={{if @isDisabled \"subdued\" @display}}\n        @onClick={{if isClickable this.outerOnClick}}\n        @hasShadow={{if (or @isDisabled @display) true}}\n        @hasBorder={{if @display true undefined}}\n        @paddingSize={{@paddingSize}}\n        ...attributes\n      >\n\n        {{#if (or (has-block \"icon\") (or @image @icon))}}\n          <div class={{this.topClasses}}>\n            {{#if (has-block \"icon\")}}\n              {{yield \"euiCard__icon\" to=\"icon\"}}\n            {{else}}\n              {{#if (or @image @icon)}}\n                {{#if (and @image (notEq layout \"horizontal\"))}}\n                  <div class=\"euiCard__image\">\n                    <img src={{@image}} alt=\"card-top\" />\n                  </div>\n                {{/if}}\n                {{#if @icon}}\n                  <EuiIcon\n                    @iconClasses=\"euiCard__icon\"\n                    @type={{@icon}}\n                    @size={{@iconSize}}\n                  />\n                {{/if}}\n              {{/if}}\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class={{this.contentClasses}}>\n          <EuiTitle\n            class=\"euiCard__title\"\n            @size={{argOrDefault @titleSize \"s\"}}\n          >\n            {{#if (has-block \"title\")}}\n              {{yield (set this \"link\") to=\"title\"}}\n            {{else if (and (not @isDisabled) @href)}}\n              <a\n                class=\"euiCard__titleAnchor\"\n                target={{@target}}\n                disabled={{@isDisabled}}\n                href={{@href}}\n                {{didInsert (set this \"link\")}}\n              >\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n\n              </a>\n            {{else if (or @isDisabled @onClick)}}\n              <button\n                type=\"button\"\n                class=\"euiCard__titleButton\"\n                disabled={{@isDisabled}}\n                {{didInsert (set this \"link\")}}\n                {{on \"click\" (optional @onClick)}}\n              >\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n              </button>\n            {{else}}\n              {{#if (notEq titleElement \"span\")}}\n                {{#let (element titleElement) as |TitleElement|}}\n                  <TitleElement>{{@title}}</TitleElement>\n                {{/let}}\n              {{else}}\n                <span>{{@title}}</span>\n              {{/if}}\n            {{/if}}\n          </EuiTitle>\n          {{#if (or @description (has-block \"description\"))}}\n            <EuiText @grow={{true}} @size=\"s\" class=\"euiCard__description\">\n              {{#if (has-block \"description\")}}\n                <p>{{yield to=\"description\"}}</p>\n              {{else}}\n                <p>{{@description}}</p>\n              {{/if}}\n            </EuiText>\n          {{/if}}\n          {{yield to=\"body\"}}\n        </div>\n        {{#if @betaBadgeProps.label}}\n          <span class=\"euiCard__betaBadgeWrapper\">\n            <EuiBetaBadge\n              class=\"euiCard__betaBadge\"\n              @label={{@betaBadgeProps.label}}\n              @title={{@betaBadgeProps.title}}\n              @tooltipContent={{@betaBadgeProps.tooltipContent}}\n            />\n          </span>\n        {{/if}}\n        {{#if (and (eq layout \"vertical\") (or (has-block \"footer\") @footer))}}\n          <div class={{this.footerClasses}}>\n            {{#if (has-block \"footer\")}}\n              {{yield to=\"footer\"}}\n            {{else}}\n              {{@footer}}\n            {{/if}}\n          </div>\n        {{/if}}\n        {{#if @selectable}}\n          <EuiCardSelect\n            @type={{@selectable.type}}\n            @buttonId={{selectableId}}\n            @isSelected={{@selectable.isSelected}}\n            @isDisabled={{@selectable.isDisabled}}\n            @color={{@selectable.color}}\n            @isLoading={{@selectable.isLoading}}\n            @href={{@selectable.href}}\n            @iconSide={{@selectable.iconSide}}\n            @flush={{@selectable.flush}}\n            {{didInsert (set this \"link\")}}\n            @onClick={{optional @selectable.onClick}}\n          />\n        {{/if}}\n      </EuiPanel>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiCardComponent","Component","g","prototype","tracked","i","outerOnClick","e","link","target","click","selectableColorClass","selectable","args","euiCardSelectableColor","color","isSelected","undefined","topClasses","topClassName","join","contentClasses","contentClassName","footerClasses","footerClassName","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","and","not","or","argOrDefault","EuiPanel","classNames","eq","notEq","EuiIcon","EuiTitle","set","didInsert","element","on","optional","EuiText","EuiBetaBadge","EuiCardSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+Fe,MAAMA,yBAAyBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACrDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6D,IAAK;AAAA,KAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEnEC,YAAA,GAAgBC,CAAG,IAAA;IACjB,IAAI,IAAI,CAACC,IAAI,IAAI,IAAI,CAACA,IAAI,KAAKD,CAAE,CAAAE,MAAM,EAAE;AACvC,MAAA,IAAI,CAACD,IAAI,CAACE,KAAK,EAAA;AACjB;GACA;EAEF,IAAIC,oBAAuBA,GAAA;AACzB,IAAA,MAAMC,UAAa,GAAA,IAAI,CAACC,IAAI,CAACD,UAAU;AAEvC,IAAA,OAAOA,UAAA,GACH,CAA0BE,uBAAAA,EAAAA,sBAAA,CACxBF,UAAW,CAAAG,KAAK,EAChBH,UAAA,CAAWI,UAAU,CAAA,CAAA,CACpB,GACHC,SAAA;AACN;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,OAAO,CAAC,cAAA,EAAgB,IAAI,CAACL,IAAI,CAACM,YAAY,CAAC,CAACC,IAAI,CAAC,GAAA,CAAA;AACvD;EAEA,IAAIC,cAAAA,GAAyB;AAC3B,IAAA,OAAO,CAAC,kBAAA,EAAoB,IAAI,CAACR,IAAI,CAACS,gBAAgB,CAAC,CAACF,IAAI,CAAC,GAAA,CAAA;AAC/D;EAEA,IAAIG,aAAAA,GAAwB;AAC1B,IAAA,OAAO,CAAC,iBAAA,EAAmB,IAAI,CAACV,IAAI,CAACW,eAAe,CAAC,CAACJ,IAAI,CAAC,GAAA,CAAA;AAC7D;AAEAK,EAAAA,WAAcA,GAAA;IACZ,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACjB,IAAI,GAAG,IAAA;AACd;AAEA,EAAA;IAAAkB,oBAAA,CAAAC,kBAAA,CA0JA,m/IAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,OAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,SAAA;QAAAC,OAAA;QAAAC,EAAA;QAAAC,QAAA;iBAAAC,gBAAA;QAAAC,YAAA;AAAAC,uBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-card.js","sources":["../../src/components/eui-card.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport set from 'ember-set-helper/helpers/set';\nimport { and, eq, not, notEq, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiBetaBadge from './eui-beta-badge.gts';\nimport { euiCardSelectableColor } from './eui-card-select.gts';\nimport EuiCardSelect from './eui-card-select.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPanel from './eui-panel.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiCardSelectProps } from './eui-card-select';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { EuiTitleSignature } from './eui-title';\n\ntype EuiCardComponentArgs = {\n  /** Footer text (vertical layout only). Use the `<:footer>` block for markup. */\n  footer?: string;\n  /**\n   * Adds a \"Select\" toggle button to the bottom of the card, making the card\n   * selectable: `{ onClick, isSelected, isDisabled, color, … }` (see\n   * `EuiCardSelectProps`). Clicking anywhere on the card clicks it.\n   */\n  selectable?: EuiCardSelectProps;\n  /**\n   * Class that will apply to the card top section.\n   */\n  topClassName?: string;\n  /**\n   * Class that will apply to the card content section.\n   */\n  contentClassName?: string;\n  /**\n   * Class that will apply to the card footer section.\n   */\n  footerClassName?: string;\n  /** `target` of the `@href` link, e.g. `'_blank'`. */\n  target?: string;\n  /**\n   * Shows an `EuiBetaBadge` on the card's top edge:\n   * `{ label: 'Beta', title?, tooltipContent? }`.\n   */\n  betaBadgeProps?: {\n    label: string;\n    title?: string;\n    tooltipContent?: string;\n  };\n  /** Text under the title. Use the `<:description>` block for markup. */\n  description?: string;\n  /**\n   * The title of the card.\n   */\n  title?: string;\n  /** Size of the title, any `EuiTitle` size. Defaults to `'s'`. */\n  titleSize?: EuiTitleSignature['Args']['size'];\n  /**\n   * Tag wrapping the title, e.g. `'h3'` to include it in the page outline.\n   * Defaults to `'span'`.\n   */\n  titleElement?: string;\n  /** Makes the title a link; clicking anywhere on the card follows it. */\n  href?: string;\n  /** Makes the title a button; clicking anywhere on the card calls it. */\n  onClick?: (e: MouseEvent) => void;\n  /** Disables the card's link or button and greys it out. */\n  isDisabled?: boolean;\n  /** `'left'`, `'center'` or `'right'`. Defaults to `'center'`. */\n  textAlign?: 'left' | 'center' | 'right';\n  /** URL of an image across the top of the card (vertical layout only). */\n  image?: string;\n  /** Icon above the title; anything `EuiIcon`'s `@type` accepts. */\n  icon?: string;\n  /**\n   * `'vertical'` stacks icon, title, description and footer.\n   * `'horizontal'` puts the icon next to the text and hides the image and\n   * footer. Defaults to `'vertical'`.\n   */\n  layout?: 'horizontal' | 'vertical';\n  /**\n   * Background of the card, any `EuiPanel` color (`'plain'`, `'subdued'`,\n   * `'transparent'`, `'primary'`, …); also adds a border. Defaults to a\n   * plain panel with a shadow.\n   */\n  display?: EuiPanelSignature['Args']['color'];\n  /** Padding inside the card, any `EuiPanel` padding size. */\n  paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n  /** Size of `@icon`. */\n  iconSize?: EuiIconSignature['Args']['size'];\n};\n\nexport interface EuiCardSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: EuiCardComponentArgs;\n  Blocks: {\n    /**\n     * Custom content above the title instead of `@icon` / `@image`; yields\n     * the class to put on it.\n     */\n    icon: ['euiCard__icon'];\n    /**\n     * Custom title. Yields a function to register your link or button\n     * element (e.g. with `did-insert`) so clicks on the card trigger it.\n     */\n    title: [() => void];\n    /** Custom description, instead of `@description`. */\n    description: [];\n    /** Extra content after the description. */\n    body: [];\n    /** Custom footer, instead of `@footer` (vertical layout only). */\n    footer: [];\n  };\n}\n\nexport default class EuiCardComponent extends Component<EuiCardSignature> {\n  @tracked link: HTMLAnchorElement | HTMLButtonElement | null = null;\n\n  outerOnClick = (e: MouseEvent) => {\n    if (this.link && this.link !== e.target) {\n      this.link.click();\n    }\n  };\n\n  get selectableColorClass() {\n    const selectable = this.args.selectable;\n\n    return selectable\n      ? `euiCard--isSelectable--${euiCardSelectableColor(\n          selectable.color,\n          selectable.isSelected\n        )}`\n      : undefined;\n  }\n\n  get topClasses(): string {\n    return ['euiCard__top', this.args.topClassName].join(' ');\n  }\n\n  get contentClasses(): string {\n    return ['euiCard__content', this.args.contentClassName].join(' ');\n  }\n\n  get footerClasses(): string {\n    return ['euiCard__footer', this.args.footerClassName].join(' ');\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    this.link = null;\n  }\n\n  <template>\n    {{#let\n      (if @selectable (randomId))\n      (and\n        (not @isDisabled)\n        (or @onClick @href (and @selectable (not @selectable.isDisabled)))\n      )\n      (argOrDefault @titleElement \"span\")\n      (argOrDefault @layout \"vertical\")\n      as |selectableId isClickable titleElement layout|\n    }}\n      <EuiPanel\n        class={{classNames\n          (if (eq layout \"horizontal\") \"euiCard--horizontal\")\n          (if isClickable \"euiCard--isClickable\")\n          (if @betaBadgeProps.label \"euiCard--hasBetaBadge\")\n          (if\n            @icon \"euiCard--hasIcon\" (if (has-block \"icon\") \"euiCard--hasIcon\")\n          )\n          (if @selectable \"euiCard--isSelectable\")\n          (if (and @selectable @selectable.isSelected) \"euiCard-isSelected\")\n          (if @isDisabled \"euiCard-isDisabled\")\n          this.selectableColorClass\n          componentName=\"EuiCard\"\n          textAlign=(argOrDefault @textAlign \"center\")\n        }}\n        @color={{if @isDisabled \"subdued\" @display}}\n        @onClick={{if isClickable this.outerOnClick}}\n        @hasShadow={{if (or @isDisabled @display) true}}\n        @hasBorder={{if @display true undefined}}\n        @paddingSize={{@paddingSize}}\n        ...attributes\n      >\n\n        {{#if (or (has-block \"icon\") (or @image @icon))}}\n          <div class={{this.topClasses}}>\n            {{#if (has-block \"icon\")}}\n              {{yield \"euiCard__icon\" to=\"icon\"}}\n            {{else}}\n              {{#if (or @image @icon)}}\n                {{#if (and @image (notEq layout \"horizontal\"))}}\n                  <div class=\"euiCard__image\">\n                    <img src={{@image}} alt=\"card-top\" />\n                  </div>\n                {{/if}}\n                {{#if @icon}}\n                  <EuiIcon\n                    @iconClasses=\"euiCard__icon\"\n                    @type={{@icon}}\n                    @size={{@iconSize}}\n                  />\n                {{/if}}\n              {{/if}}\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class={{this.contentClasses}}>\n          <EuiTitle\n            class=\"euiCard__title\"\n            @size={{argOrDefault @titleSize \"s\"}}\n          >\n            {{#if (has-block \"title\")}}\n              {{yield (set this \"link\") to=\"title\"}}\n            {{else if (and (not @isDisabled) @href)}}\n              <a\n                class=\"euiCard__titleAnchor\"\n                target={{@target}}\n                disabled={{@isDisabled}}\n                href={{@href}}\n                {{didInsert (set this \"link\")}}\n              >\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n\n              </a>\n            {{else if (or @isDisabled @onClick)}}\n              <button\n                type=\"button\"\n                class=\"euiCard__titleButton\"\n                disabled={{@isDisabled}}\n                {{didInsert (set this \"link\")}}\n                {{on \"click\" (optional @onClick)}}\n              >\n                {{#if (notEq titleElement \"span\")}}\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement>{{@title}}</TitleElement>\n                  {{/let}}\n                {{else}}\n                  <span>{{@title}}</span>\n                {{/if}}\n              </button>\n            {{else}}\n              {{#if (notEq titleElement \"span\")}}\n                {{#let (element titleElement) as |TitleElement|}}\n                  <TitleElement>{{@title}}</TitleElement>\n                {{/let}}\n              {{else}}\n                <span>{{@title}}</span>\n              {{/if}}\n            {{/if}}\n          </EuiTitle>\n          {{#if (or @description (has-block \"description\"))}}\n            <EuiText @grow={{true}} @size=\"s\" class=\"euiCard__description\">\n              {{#if (has-block \"description\")}}\n                <p>{{yield to=\"description\"}}</p>\n              {{else}}\n                <p>{{@description}}</p>\n              {{/if}}\n            </EuiText>\n          {{/if}}\n          {{yield to=\"body\"}}\n        </div>\n        {{#if @betaBadgeProps.label}}\n          <span class=\"euiCard__betaBadgeWrapper\">\n            <EuiBetaBadge\n              class=\"euiCard__betaBadge\"\n              @label={{@betaBadgeProps.label}}\n              @title={{@betaBadgeProps.title}}\n              @tooltipContent={{@betaBadgeProps.tooltipContent}}\n            />\n          </span>\n        {{/if}}\n        {{#if (and (eq layout \"vertical\") (or (has-block \"footer\") @footer))}}\n          <div class={{this.footerClasses}}>\n            {{#if (has-block \"footer\")}}\n              {{yield to=\"footer\"}}\n            {{else}}\n              {{@footer}}\n            {{/if}}\n          </div>\n        {{/if}}\n        {{#if @selectable}}\n          <EuiCardSelect\n            @type={{@selectable.type}}\n            @buttonId={{selectableId}}\n            @isSelected={{@selectable.isSelected}}\n            @isDisabled={{@selectable.isDisabled}}\n            @color={{@selectable.color}}\n            @isLoading={{@selectable.isLoading}}\n            @href={{@selectable.href}}\n            @iconSide={{@selectable.iconSide}}\n            @flush={{@selectable.flush}}\n            {{didInsert (set this \"link\")}}\n            @onClick={{optional @selectable.onClick}}\n          />\n        {{/if}}\n      </EuiPanel>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiCardComponent","Component","g","prototype","tracked","i","outerOnClick","e","link","target","click","selectableColorClass","selectable","args","euiCardSelectableColor","color","isSelected","undefined","topClasses","topClassName","join","contentClasses","contentClassName","footerClasses","footerClassName","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","and","not","or","argOrDefault","EuiPanel","classNames","eq","notEq","EuiIcon","EuiTitle","set","didInsert","element","on","optional","EuiText","EuiBetaBadge","EuiCardSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4He,MAAMA,yBAAyBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACrDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6D,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAE9DC,YAAA,GAAgBC,CAAG,IAAA;IACjB,IAAI,IAAI,CAACC,IAAI,IAAI,IAAI,CAACA,IAAI,KAAKD,CAAA,CAAEE,MAAM,EAAE;AACvC,MAAA,IAAI,CAACD,IAAI,CAACE,KAAK,EAAA;AACjB,IAAA;EACF,CAAA;EAEA,IAAIC,oBAAAA,GAAuB;AACzB,IAAA,MAAMC,UAAA,GAAa,IAAI,CAACC,IAAI,CAACD,UAAU;AAEvC,IAAA,OAAOA,UAAA,GACH,CAAA,uBAAA,EAA0BE,sBAAA,CACxBF,UAAA,CAAWG,KAAK,EAChBH,UAAA,CAAWI,UAAU,CAAA,CAAA,CACpB,GACHC,SAAA;AACN,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,OAAO,CAAC,cAAA,EAAgB,IAAI,CAACL,IAAI,CAACM,YAAY,CAAC,CAACC,IAAI,CAAC,GAAA,CAAA;AACvD,EAAA;EAEA,IAAIC,cAAAA,GAAyB;AAC3B,IAAA,OAAO,CAAC,kBAAA,EAAoB,IAAI,CAACR,IAAI,CAACS,gBAAgB,CAAC,CAACF,IAAI,CAAC,GAAA,CAAA;AAC/D,EAAA;EAEA,IAAIG,aAAAA,GAAwB;AAC1B,IAAA,OAAO,CAAC,iBAAA,EAAmB,IAAI,CAACV,IAAI,CAACW,eAAe,CAAC,CAACJ,IAAI,CAAC,GAAA,CAAA;AAC7D,EAAA;AAEAK,EAAAA,WAAAA,GAAc;IACZ,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACjB,IAAI,GAAG,IAAA;AACd,EAAA;AAEA,EAAA;IAAAkB,oBAAA,CAAAC,kBAAA,CAAA,m/IAAA,EA0JA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,OAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,SAAA;QAAAC,OAAA;QAAAC,EAAA;QAAAC,QAAA;iBAAAC,gBAAA;QAAAC,YAAA;AAAAC,uBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-checkable-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-checkable-card.js","sources":["../../src/components/eui-checkable-card.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiRadio from './eui-radio.gts';\n\nimport type { EuiCheckboxSignature } from './eui-checkbox';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCheckableCardSignature {\n  Element: EuiCheckboxSignature['Element']  ;\n  Args: {\n    id?: string;\n    label?: string;\n    checked?: boolean;\n    disabled?: boolean;\n    checkableType?: 'checkbox' | 'radio';\n  };\n  Blocks: {\n    default: [];\n    label: [];\n    content: [];\n  };\n}\n\nconst EuiCheckableCard: TemplateOnlyComponent<EuiCheckableCardSignature> =\n  <template>\n    {{#let (argOrDefault @id (randomId)) as |id|}}\n      <div\n        class={{classNames\n          \"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--hasBorder euiPanel--flexGrowZero euiSplitPanel euiSplitPanel--row euiCheckableCard\"\n          (if @checked \"euiCheckableCard-isChecked\")\n          (if @disabled \"euiCheckableCard__label-isDisabled\")\n        }}\n      >\n        <div\n          class={{classNames\n            \"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiPanel--flexGrowZero euiPanel--isClickable euiSplitPanel__inner\"\n            (if @checked \"euiPanel--primary\")\n          }}\n        >\n          {{#if (eq @checkableType \"checkbox\")}}\n            <EuiCheckbox\n              @id={{id}}\n              @checked={{@checked}}\n              disabled={{@disabled}}\n              ...attributes\n            />\n          {{else}}\n            <EuiRadio\n              @id={{id}}\n              @checked={{@checked}}\n              disabled={{@disabled}}\n              ...attributes\n            />\n          {{/if}}\n        </div>\n        <div\n          class=\"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow euiPanel--noBorder euiSplitPanel__inner\"\n        >\n          <label\n            class={{classNames\n              \"euiCheckableCard__label\"\n              (if @disabled \"euiCheckableCard__label-isDisabled\")\n            }}\n            for={{id}}\n            aria-describedby={{if (has-block \"content\") (concat id \"-details\")}}\n          >\n            {{#if (has-block \"label\")}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n\n          {{#if (has-block \"content\")}}\n\n            {{! Empty div for left side background color only }}\n\n            <div id={{concat id \"-details\"}} class=\"euiCheckableCard__children\">\n              {{yield to=\"content\"}}\n            </div>\n\n          {{/if}}\n\n        </div>\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiCheckableCard;\n"],"names":["EuiCheckableCard","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","classNames","eq","EuiCheckbox","EuiRadio","concat","templateOnly"],"mappings":";;;;;;;;;;;AA6BA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA8DA,spDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-checkable-card.js","sources":["../../src/components/eui-checkable-card.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiRadio from './eui-radio.gts';\n\nimport type { EuiCheckboxSignature } from './eui-checkbox';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * Attributes and modifiers (`name`, `value`, `{{on \"change\" …}}`) go to the\n * radio or checkbox input.\n */\nexport interface EuiCheckableCardSignature {\n  Element: EuiCheckboxSignature['Element'];\n  Args: {\n    /** Id of the input, linked to the label. Defaults to a random id. */\n    id?: string;\n    /** The card's label. Use the `<:label>` block for markup. */\n    label?: string;\n    /** Whether the card's radio or checkbox is checked. */\n    checked?: boolean;\n    /** Disables the input and greys the card out. */\n    disabled?: boolean;\n    /**\n     * `'radio'` for picking one card of a group (give them the same `name`),\n     * `'checkbox'` for independent cards. Defaults to `'radio'`.\n     */\n    checkableType?: 'checkbox' | 'radio';\n  };\n  Blocks: {\n    /** Unused, use `<:label>` and `<:content>`. */\n    default: [];\n    /** The label, instead of `@label`. */\n    label: [];\n    /** Details below the label, linked to the input with `aria-describedby`. */\n    content: [];\n  };\n}\n\nconst EuiCheckableCard: TemplateOnlyComponent<EuiCheckableCardSignature> =\n  <template>\n    {{#let (argOrDefault @id (randomId)) as |id|}}\n      <div\n        class={{classNames\n          \"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--hasBorder euiPanel--flexGrowZero euiSplitPanel euiSplitPanel--row euiCheckableCard\"\n          (if @checked \"euiCheckableCard-isChecked\")\n          (if @disabled \"euiCheckableCard__label-isDisabled\")\n        }}\n      >\n        <div\n          class={{classNames\n            \"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiPanel--flexGrowZero euiPanel--isClickable euiSplitPanel__inner\"\n            (if @checked \"euiPanel--primary\")\n          }}\n        >\n          {{#if (eq @checkableType \"checkbox\")}}\n            <EuiCheckbox\n              @id={{id}}\n              @checked={{@checked}}\n              disabled={{@disabled}}\n              ...attributes\n            />\n          {{else}}\n            <EuiRadio\n              @id={{id}}\n              @checked={{@checked}}\n              disabled={{@disabled}}\n              ...attributes\n            />\n          {{/if}}\n        </div>\n        <div\n          class=\"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow euiPanel--noBorder euiSplitPanel__inner\"\n        >\n          <label\n            class={{classNames\n              \"euiCheckableCard__label\"\n              (if @disabled \"euiCheckableCard__label-isDisabled\")\n            }}\n            for={{id}}\n            aria-describedby={{if (has-block \"content\") (concat id \"-details\")}}\n          >\n            {{#if (has-block \"label\")}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n\n          {{#if (has-block \"content\")}}\n\n            {{! Empty div for left side background color only }}\n\n            <div id={{concat id \"-details\"}} class=\"euiCheckableCard__children\">\n              {{yield to=\"content\"}}\n            </div>\n\n          {{/if}}\n\n        </div>\n      </div>\n    {{/let}}\n  </template>;\n\nexport default EuiCheckableCard;\n"],"names":["EuiCheckableCard","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","classNames","eq","EuiCheckbox","EuiRadio","concat","templateOnly"],"mappings":";;;;;;;;;;;AA4CA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,spDAAA,EA8DA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-checkbox-group.js","sources":["../../src/components/eui-checkbox-group.gts"],"sourcesContent":["import { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiFormFieldset from './eui-form-fieldset.gts';\n\nimport type { EuiCheckboxSignature } from './eui-checkbox';\nimport type { EuiFormFieldsetSignature } from './eui-form-fieldset';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCheckboxGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    valueKey?: string;\n    labelKey?: string;\n    isInvalid?: boolean;\n    legend?: EuiFormFieldsetSignature['Args']['legend'];\n    compressed?: EuiFormFieldsetSignature['Args']['compressed'];\n    options: {\n      value: string;\n      label: string;\n      disabled?: boolean;\n      className?: string;\n    }[];\n    formId?: string;\n    label?: EuiCheckboxSignature['Args']['label'];\n    disabled?: EuiCheckboxSignature['Args']['disabled'];\n    onChange: (value: any) => void;\n    idToSelectedMap: Record<string, boolean>;\n  };\n}\n\nconst EuiCheckboxGroup: TemplateOnlyComponent<EuiCheckboxGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @valueKey \"id\") (argOrDefault @labelKey \"label\")\n      as |valueKey labelKey|\n    }}\n      {{!template-lint-disable}}\n      <input\n        tabindex=\"-1\"\n        style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\"\n        class=\"fake-input-for-html-form-validity\"\n        {{validatableControl @isInvalid}}\n      />\n      {{!template-lint-enable}}\n      {{#if @legend}}\n        <EuiFormFieldset @legend={{@legend}} @compressed={{@compressed}}>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox\n              form={{@formId}}\n              class=\"euiCheckboxGroup__item {{option.className}}\"\n              {{!@glint-expect-error}}\n              @checked={{get @idToSelectedMap (get option valueKey)}}\n              @disabled={{or @disabled option.disabled}}\n              @compressed={{@compressed}}\n              {{!@glint-expect-error}}\n              @label={{get option labelKey}}\n              {{on \"change\" (fn @onChange (get option valueKey))}}\n            />\n          {{/each}}\n        </EuiFormFieldset>\n      {{else}}\n        <div ...attributes>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox\n              form={{@formId}}\n              class=\"euiCheckboxGroup__item {{option.className}}\"\n              {{!@glint-expect-error}}\n              @checked={{get @idToSelectedMap (get option valueKey)}}\n              @disabled={{or @disabled option.disabled}}\n              @compressed={{@compressed}}\n              {{!@glint-expect-error}}\n              @label={{get option labelKey}}\n              {{on \"change\" (fn @onChange (get option valueKey))}}\n            />\n          {{/each}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </template>;\n\nexport default EuiCheckboxGroup;\n"],"names":["EuiCheckboxGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","validatableControl","EuiFormFieldset","EuiCheckbox","get","or","on","fn","templateOnly"],"mappings":";;;;;;;;;;;AAqCA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA+CA,67CAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,kBAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-checkbox-group.js","sources":["../../src/components/eui-checkbox-group.gts"],"sourcesContent":["import { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport EuiCheckbox from './eui-checkbox.gts';\nimport EuiFormFieldset from './eui-form-fieldset.gts';\n\nimport type { EuiCheckboxSignature } from './eui-checkbox';\nimport type { EuiFormFieldsetSignature } from './eui-form-fieldset';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCheckboxGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Key of each option holding its id, used with `@idToSelectedMap` and\n     * passed to `@onChange`. Defaults to `'id'`; pass `'value'` for options\n     * shaped like `{ value, label }`.\n     */\n    valueKey?: string;\n    /** Key of each option holding its label. Defaults to `'label'`. */\n    labelKey?: string;\n    /**\n     * Marks the group invalid for native form validation (e.g. EuiForm's\n     * `checkValidity()`).\n     */\n    isInvalid?: boolean;\n    /**\n     * Wraps the checkboxes in an `EuiFormFieldset` with this legend, e.g.\n     * \"Choose toppings\". Use it when the group is not inside an\n     * `EuiFormRow`.\n     */\n    legend?: EuiFormFieldsetSignature['Args']['legend'];\n    /** Smaller checkboxes, for dense forms. */\n    compressed?: EuiFormFieldsetSignature['Args']['compressed'];\n    /**\n     * The checkboxes: `[{ id: 'a', label: 'Option A' }, …]` (keys set by\n     * `@valueKey` / `@labelKey`). `disabled` and `className` apply to one\n     * checkbox.\n     */\n    options: {\n      value: string;\n      label: string;\n      disabled?: boolean;\n      className?: string;\n    }[];\n    /** `form` attribute of the checkboxes, to join a form by id. */\n    formId?: string;\n    /** @deprecated Has no effect; use `@legend` or an `EuiFormRow` label. */\n    label?: EuiCheckboxSignature['Args']['label'];\n    /** Disables every checkbox. */\n    disabled?: EuiCheckboxSignature['Args']['disabled'];\n    /**\n     * Called with the id (`@valueKey` value) of the checkbox that changed,\n     * then the change event. Toggle it in `@idToSelectedMap` here.\n     */\n    onChange: (value: any) => void;\n    /** Checked state by option id: `{ a: true, b: false }`. */\n    idToSelectedMap: Record<string, boolean>;\n  };\n}\n\nconst EuiCheckboxGroup: TemplateOnlyComponent<EuiCheckboxGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @valueKey \"id\") (argOrDefault @labelKey \"label\")\n      as |valueKey labelKey|\n    }}\n      {{!template-lint-disable}}\n      <input\n        tabindex=\"-1\"\n        style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\"\n        class=\"fake-input-for-html-form-validity\"\n        {{validatableControl @isInvalid}}\n      />\n      {{!template-lint-enable}}\n      {{#if @legend}}\n        <EuiFormFieldset @legend={{@legend}} @compressed={{@compressed}}>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox\n              form={{@formId}}\n              class=\"euiCheckboxGroup__item {{option.className}}\"\n              {{!@glint-expect-error}}\n              @checked={{get @idToSelectedMap (get option valueKey)}}\n              @disabled={{or @disabled option.disabled}}\n              @compressed={{@compressed}}\n              {{!@glint-expect-error}}\n              @label={{get option labelKey}}\n              {{on \"change\" (fn @onChange (get option valueKey))}}\n            />\n          {{/each}}\n        </EuiFormFieldset>\n      {{else}}\n        <div ...attributes>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox\n              form={{@formId}}\n              class=\"euiCheckboxGroup__item {{option.className}}\"\n              {{!@glint-expect-error}}\n              @checked={{get @idToSelectedMap (get option valueKey)}}\n              @disabled={{or @disabled option.disabled}}\n              @compressed={{@compressed}}\n              {{!@glint-expect-error}}\n              @label={{get option labelKey}}\n              {{on \"change\" (fn @onChange (get option valueKey))}}\n            />\n          {{/each}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </template>;\n\nexport default EuiCheckboxGroup;\n"],"names":["EuiCheckboxGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","validatableControl","EuiFormFieldset","EuiCheckbox","get","or","on","fn","templateOnly"],"mappings":";;;;;;;;;;;AAkEA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,67CAAA,EA+CA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,kBAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-checkbox.js

@@ -14,6 +14,11 @@ const indeterminateModifier = modifier(function invalidateIndeterminate(element,
     element.indeterminate = indeterminate;
   }
 });
+/**
+ * Attributes and modifiers (`value`, `{{on "change" …}}`) go to the
+ * `<input type="checkbox">`.
+ */
+
 const EuiCheckbox = setComponentTemplate(precompileTemplate("{{#let (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false))) (argOrDefault @id (randomId)) as |hasLabelBlock id|}}\n  {{#let (classNames (if @icon \"euiCheckbox--withIcon\") (if (not (or hasLabelBlock @label)) \"euiCheckbox--noLabel\") (if @compressed \"euiCheckbox--compressed\") \"euiCheckbox\" @className @containerClass) as |classes|}}\n    <div class={{classes}}>\n      <input class=\"euiCheckbox__input\" type=\"checkbox\" id={{id}} checked={{@checked}} disabled={{@disabled}} name={{@name}} ...attributes {{indeterminateModifier @indeterminate}} {{didInsert (optional @inputRef)}} />\n      <div class=\"euiCheckbox__square\"></div>\n      {{#if (or hasLabelBlock @label)}}\n        <label class={{classNames \"euiCheckbox__label\" @labelProps.className}} for={{id}}>\n          {{#if hasLabelBlock}}\n            {{yield to=\"label\"}}\n          {{else}}\n            {{@label}}\n          {{/if}}\n        </label>\n      {{/if}}\n    </div>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({

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

@@ -1 +1 @@
-{"version":3,"file":"eui-checkbox.js","sources":["../../src/components/eui-checkbox.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { modifier } from 'ember-modifier';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst indeterminateModifier = modifier(function invalidateIndeterminate(\n  element: HTMLInputElement,\n  [indeterminate]: [boolean?]\n) {\n  if (element) {\n    element.indeterminate = indeterminate!;\n  }\n});\n\nexport interface EuiCheckboxSignature {\n  Element: HTMLInputElement;\n  Args: {\n    checked?: boolean;\n    disabled?: boolean;\n    indeterminate?: boolean;\n    icon?: boolean;\n    compressed?: boolean;\n    label?: string;\n    labelProps?: {\n      className?: string;\n    };\n    containerClass?: string;\n    className?: string;\n    inputRef?: (element: HTMLInputElement) => void;\n    isFakeLabelBlock?: boolean;\n    id?: string;\n    name?: string;\n  };\n  Blocks: {\n    label?: [];\n  };\n}\n\nconst EuiCheckbox: TemplateOnlyComponent<EuiCheckboxSignature> = <template>\n  {{#let\n    (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false)))\n    (argOrDefault @id (randomId))\n    as |hasLabelBlock id|\n  }}\n    {{#let\n      (classNames\n        (if @icon \"euiCheckbox--withIcon\")\n        (if (not (or hasLabelBlock @label)) \"euiCheckbox--noLabel\")\n        (if @compressed \"euiCheckbox--compressed\")\n        \"euiCheckbox\"\n        @className\n        @containerClass\n      )\n      as |classes|\n    }}\n      <div class={{classes}}>\n        <input\n          class=\"euiCheckbox__input\"\n          type=\"checkbox\"\n          id={{id}}\n          checked={{@checked}}\n          disabled={{@disabled}}\n          name={{@name}}\n          ...attributes\n          {{indeterminateModifier @indeterminate}}\n          {{didInsert (optional @inputRef)}}\n        />\n        <div class=\"euiCheckbox__square\"></div>\n        {{#if (or hasLabelBlock @label)}}\n          <label\n            class={{classNames \"euiCheckbox__label\" @labelProps.className}}\n            for={{id}}\n          >\n            {{#if hasLabelBlock}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n        {{/if}}\n      </div>\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiCheckbox;\n"],"names":["indeterminateModifier","modifier","invalidateIndeterminate","element","indeterminate","EuiCheckbox","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","or","didInsert","optional","templateOnly"],"mappings":";;;;;;;;;;;AAYA,MAAMA,qBAAA,GAAwBC,QAAS,CAAA,SAASC,uBAC9CA,CAAAC,OAAyB,EACzB,CAACC,aAAiB,CAAS,EAAA;AAE3B,EAAA,IAAID,OAAS,EAAA;IACXA,OAAA,CAAQC,aAAa,GAAGA,aAAA;AAC1B;AACF,CAAA,CAAA;AA0BA,MAAMC,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CA6CjE,m+BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAf,qBAAA;IAAAgB,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-checkbox.js","sources":["../../src/components/eui-checkbox.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { modifier } from 'ember-modifier';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst indeterminateModifier = modifier(function invalidateIndeterminate(\n  element: HTMLInputElement,\n  [indeterminate]: [boolean?]\n) {\n  if (element) {\n    element.indeterminate = indeterminate!;\n  }\n});\n\n/**\n * Attributes and modifiers (`value`, `{{on \"change\" …}}`) go to the\n * `<input type=\"checkbox\">`.\n */\nexport interface EuiCheckboxSignature {\n  Element: HTMLInputElement;\n  Args: {\n    /** Whether it is checked. Update it from `{{on \"change\" …}}`. */\n    checked?: boolean;\n    /** Disables the checkbox. */\n    disabled?: boolean;\n    /** Shows the \"partially checked\" state, e.g. for a \"select all\" box. */\n    indeterminate?: boolean;\n    /** @private Styles the checkbox for use next to an icon. */\n    icon?: boolean;\n    /** Smaller checkbox, for dense forms. */\n    compressed?: boolean;\n    /** Label next to the checkbox. Use the `<:label>` block for markup. */\n    label?: string;\n    /** Props for the `<label>`: `{ className }`. */\n    labelProps?: {\n      className?: string;\n    };\n    /** Extra classes for the wrapper around the input and label. */\n    containerClass?: string;\n    /** Extra classes for the wrapper around the input and label. */\n    className?: string;\n    /** Called with the `<input>` element once rendered. */\n    inputRef?: (element: HTMLInputElement) => void;\n    /**\n     * @private Ignore the `<:label>` block (for wrappers that always pass\n     * one).\n     */\n    isFakeLabelBlock?: boolean;\n    /** Id of the input, linked to the label. Defaults to a random id. */\n    id?: string;\n    /** `name` of the input, for forms. */\n    name?: string;\n  };\n  Blocks: {\n    /** The label, instead of `@label`. */\n    label?: [];\n  };\n}\n\nconst EuiCheckbox: TemplateOnlyComponent<EuiCheckboxSignature> = <template>\n  {{#let\n    (and (has-block \"label\") (not (argOrDefault @isFakeLabelBlock false)))\n    (argOrDefault @id (randomId))\n    as |hasLabelBlock id|\n  }}\n    {{#let\n      (classNames\n        (if @icon \"euiCheckbox--withIcon\")\n        (if (not (or hasLabelBlock @label)) \"euiCheckbox--noLabel\")\n        (if @compressed \"euiCheckbox--compressed\")\n        \"euiCheckbox\"\n        @className\n        @containerClass\n      )\n      as |classes|\n    }}\n      <div class={{classes}}>\n        <input\n          class=\"euiCheckbox__input\"\n          type=\"checkbox\"\n          id={{id}}\n          checked={{@checked}}\n          disabled={{@disabled}}\n          name={{@name}}\n          ...attributes\n          {{indeterminateModifier @indeterminate}}\n          {{didInsert (optional @inputRef)}}\n        />\n        <div class=\"euiCheckbox__square\"></div>\n        {{#if (or hasLabelBlock @label)}}\n          <label\n            class={{classNames \"euiCheckbox__label\" @labelProps.className}}\n            for={{id}}\n          >\n            {{#if hasLabelBlock}}\n              {{yield to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </label>\n        {{/if}}\n      </div>\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiCheckbox;\n"],"names":["indeterminateModifier","modifier","invalidateIndeterminate","element","indeterminate","EuiCheckbox","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","or","didInsert","optional","templateOnly"],"mappings":";;;;;;;;;;;AAYA,MAAMA,qBAAA,GAAwBC,QAAA,CAAS,SAASC,uBAAAA,CAC9CC,OAAyB,EACzB,CAACC,aAAA,CAA0B,EAAA;AAE3B,EAAA,IAAID,OAAA,EAAS;IACXA,OAAA,CAAQC,aAAa,GAAGA,aAAA;AAC1B,EAAA;AACF,CAAA,CAAA;AAEA;;;AAGC;;AA0CD,MAAMC,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,m+BAAA,EA6CjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAf,qBAAA;IAAAgB,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sources":["../../../src/components/eui-code-block/controls.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiCopy from '../eui-copy.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface EuiCodeBlockControlsSignature {\n  Args: {\n    showCopyButton: boolean;\n    showFullScreenButton: boolean;\n    isFullScreen: boolean;\n    toggleFullScreen: () => void;\n    textToCopy: string;\n  };\n}\n\nconst EuiCodeBlockControls: TemplateOnlyComponent<EuiCodeBlockControlsSignature> =\n  <template>\n    {{#if (or @showCopyButton @showFullScreenButton)}}\n      <div class=\"euiCodeBlock__controls\">\n        {{#if @showFullScreenButton}}\n          <EuiButtonIcon\n            class=\"euiCodeBlock__fullScreenButton\"\n            @iconType={{if @isFullScreen \"fullScreenExit\" \"fullScreen\"}}\n            @color=\"text\"\n            aria-label={{if @isFullScreen \"Collapse\" \"Expand\"}}\n            {{on \"click\" @toggleFullScreen}}\n          />\n        {{/if}}\n\n        {{#if @showCopyButton}}\n          <div class=\"euiCodeBlock__copyButton\">\n            <EuiCopy\n              @textToCopy={{@textToCopy}}\n              @afterMessage=\"Copied\"\n              as |copy|\n            >\n              <EuiButtonIcon\n                {{on \"click\" copy}}\n                @iconType=\"copyClipboard\"\n                @color=\"text\"\n                aria-label=\"Copy\"\n              />\n            </EuiCopy>\n          </div>\n        {{/if}}\n      </div>\n    {{/if}}\n  </template>;\n\nexport default EuiCodeBlockControls;\n"],"names":["EuiCodeBlockControls","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiButtonIcon","on","EuiCopy","templateOnly"],"mappings":";;;;;;;;AAmBA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA+BA,ktBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"controls.js","sources":["../../../src/components/eui-code-block/controls.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport EuiButtonIcon from '../eui-button-icon.gts';\nimport EuiCopy from '../eui-copy.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The copy and full screen buttons of EuiCodeBlock. */\ninterface EuiCodeBlockControlsSignature {\n  Args: {\n    /** Shows the copy button (`@isCopyable`). */\n    showCopyButton: boolean;\n    /** Shows the full screen button (code taller than `@overflowHeight`). */\n    showFullScreenButton: boolean;\n    /** Whether the code is shown full screen (switches the button icon). */\n    isFullScreen: boolean;\n    /** Toggles the full screen view. */\n    toggleFullScreen: () => void;\n    /** The code to copy. */\n    textToCopy: string;\n  };\n}\n\nconst EuiCodeBlockControls: TemplateOnlyComponent<EuiCodeBlockControlsSignature> =\n  <template>\n    {{#if (or @showCopyButton @showFullScreenButton)}}\n      <div class=\"euiCodeBlock__controls\">\n        {{#if @showFullScreenButton}}\n          <EuiButtonIcon\n            class=\"euiCodeBlock__fullScreenButton\"\n            @iconType={{if @isFullScreen \"fullScreenExit\" \"fullScreen\"}}\n            @color=\"text\"\n            aria-label={{if @isFullScreen \"Collapse\" \"Expand\"}}\n            {{on \"click\" @toggleFullScreen}}\n          />\n        {{/if}}\n\n        {{#if @showCopyButton}}\n          <div class=\"euiCodeBlock__copyButton\">\n            <EuiCopy\n              @textToCopy={{@textToCopy}}\n              @afterMessage=\"Copied\"\n              as |copy|\n            >\n              <EuiButtonIcon\n                {{on \"click\" copy}}\n                @iconType=\"copyClipboard\"\n                @color=\"text\"\n                aria-label=\"Copy\"\n              />\n            </EuiCopy>\n          </div>\n        {{/if}}\n      </div>\n    {{/if}}\n  </template>;\n\nexport default EuiCodeBlockControls;\n"],"names":["EuiCodeBlockControls","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiButtonIcon","on","EuiCopy","templateOnly"],"mappings":";;;;;;;;AAyBA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,ktBAAA,EA+BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-code-block/full-screen-display.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-screen-display.js","sources":["../../../src/components/eui-code-block/full-screen-display.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { focusTrap } from 'ember-focus-trap';\n\nimport EuiOverlayMask from '../eui-overlay-mask.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface FullScreenDisplaySignature {\n  Element: HTMLDivElement;\n  Args: {};\n  Blocks: {\n    default: [];\n  };\n}\n\nconst FullScreenDisplay: TemplateOnlyComponent<FullScreenDisplaySignature> =\n  <template>\n    <EuiOverlayMask>\n      <div\n        class=\"euiCodeBlock--fontLarge euiCodeBlock--paddingLarge euiCodeBlock-isFullScreen\"\n        {{focusTrap\n          isActive=true\n          focusTrapOptions=(hash clickOutsideDeactivates=true)\n        }}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    </EuiOverlayMask>\n  </template>;\n\nexport default FullScreenDisplay;\n"],"names":["FullScreenDisplay","setComponentTemplate","precompileTemplate","strictMode","scope","EuiOverlayMask","focusTrap","hash","templateOnly"],"mappings":";;;;;;;AAgBA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,6PAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;oBAAAC,uBAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"full-screen-display.js","sources":["../../../src/components/eui-code-block/full-screen-display.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { focusTrap } from 'ember-focus-trap';\n\nimport EuiOverlayMask from '../eui-overlay-mask.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private EuiCodeBlock's full screen view, rendered in an overlay. */\nexport interface FullScreenDisplaySignature {\n  Element: HTMLDivElement;\n  Args: {};\n  Blocks: {\n    default: [];\n  };\n}\n\nconst FullScreenDisplay: TemplateOnlyComponent<FullScreenDisplaySignature> =\n  <template>\n    <EuiOverlayMask>\n      <div\n        class=\"euiCodeBlock--fontLarge euiCodeBlock--paddingLarge euiCodeBlock-isFullScreen\"\n        {{focusTrap\n          isActive=true\n          focusTrapOptions=(hash clickOutsideDeactivates=true)\n        }}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    </EuiOverlayMask>\n  </template>;\n\nexport default FullScreenDisplay;\n"],"names":["FullScreenDisplay","setComponentTemplate","precompileTemplate","strictMode","scope","EuiOverlayMask","focusTrap","hash","templateOnly"],"mappings":";;;;;;;AAiBA,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,6PAAA,EAaA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;oBAAAC,uBAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"virtualized.js","sources":["../../../src/components/eui-code-block/virtualized.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { helper } from '@ember/component/helper';\nimport { concat } from '@ember/helper';\n\n//@ts-expect-error\nimport { VerticalCollection } from '@html-next/vertical-collection';\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport randomId from '../../-private/random-id.ts';\nimport { getHtmlContent } from '../../utils/code/utils.ts';\nimport EuiAutoSizer from '../eui-auto-sizer.gts';\n\nimport type { RefractorNode } from 'refractor';\n\nexport interface VirtualizedCodeBlockSignature<T> {\n  Element: HTMLPreElement;\n  // We accept an array of items, one per row\n  Args: {\n    data?: T[];\n    language: string;\n    rowHeight: number;\n  };\n}\n\nexport default class EuiCodeBlockVirtualizedComponent<T> extends Component<\n  VirtualizedCodeBlockSignature<T>\n> {\n  getHtmlContent = helper(function ([node, index, rowHeight]: [\n    RefractorNode,\n    number,\n    number\n  ]) {\n    const content = getHtmlContent([node]);\n    const span = content.element.firstChild as HTMLElement;\n\n    if (span) {\n      span.style.position = 'absolute';\n      span.style.height = `${rowHeight}px`;\n      span.style.left = '0';\n      span.style.top = `${index * rowHeight}px`;\n    }\n\n    return span;\n  });\n\n  <template>\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{#let (randomId) as |theID|}}\n      <EuiAutoSizer as |styles|>\n        <pre\n          {{style styles}}\n          {{!template-lint-disable}}\n          style=\"position: relative; overflow: auto;\"\n          id={{theID}}\n          ...attributes\n        ><VerticalCollection\n            @items={{@data}}\n            @tagName=\"code\"\n            class=\"euiCodeBlock__code\"\n            data-code-language={{@language}}\n            @estimateHeight={{@rowHeight}}\n            @bufferSize={{40}}\n            @staticHeight={{true}}\n            @containerSelector={{concat \"#\" theID}}\n            as |opt index|\n          >{{this.getHtmlContent\n              opt\n              index\n              @rowHeight\n            }}</VerticalCollection></pre>\n      </EuiAutoSizer>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiCodeBlockVirtualizedComponent","Component","getHtmlContent","helper","node","index","rowHeight","content","span","element","firstChild","style","position","height","left","top","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiAutoSizer","VerticalCollection","concat"],"mappings":";;;;;;;;;;;AAwBe,MAAMA,gCAAA,SAA4CC,SAAA,CACjC;EAE9BC,cAAiB,GAAAC,MAAA,CAAO,UAAU,CAACC,IAAM,EAAAC,KAAA,EAAOC,UAI/C,EAAA;AACC,IAAA,MAAMC,UAAUL,cAAe,CAAA,CAACE,IAAA,CAAK,CAAA;AACrC,IAAA,MAAMI,IAAO,GAAAD,OAAA,CAAQE,OAAO,CAACC,UAAc;AAE3C,IAAA,IAAIF,IAAM,EAAA;AACRA,MAAAA,IAAK,CAAAG,KAAK,CAACC,QAAQ,GAAG,UAAA;AACtBJ,MAAAA,IAAA,CAAKG,KAAK,CAACE,MAAM,GAAG,CAAA,EAAGP,SAAA,CAAa,EAAA,CAAA;AACpCE,MAAAA,IAAK,CAAAG,KAAK,CAACG,IAAI,GAAG,GAAA;MAClBN,IAAK,CAAAG,KAAK,CAACI,GAAG,GAAG,CAAGV,EAAAA,KAAQ,GAAAC,SAAA,CAAa,EAAA,CAAA;AAC3C;AAEA,IAAA,OAAOE,IAAA;AACT,GAAG,CAAA;AAEH,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAmCA,qqCAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;sBAAAC,qBAAA;QAAAV,KAAA;QAAAW,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"virtualized.js","sources":["../../../src/components/eui-code-block/virtualized.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { helper } from '@ember/component/helper';\nimport { concat } from '@ember/helper';\n\n//@ts-expect-error\nimport { VerticalCollection } from '@html-next/vertical-collection';\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport randomId from '../../-private/random-id.ts';\nimport { getHtmlContent } from '../../utils/code/utils.ts';\nimport EuiAutoSizer from '../eui-auto-sizer.gts';\n\nimport type { RefractorNode } from 'refractor/core';\n\nexport interface VirtualizedCodeBlockSignature<T> {\n  Element: HTMLPreElement;\n  // We accept an array of items, one per row\n  Args: {\n    /** The highlighted lines to render. */\n    data?: T[];\n    /** Language of the code, for the `data-code-language` attribute. */\n    language: string;\n    /** Height of one line in px, from the font size. */\n    rowHeight: number;\n  };\n}\n\nexport default class EuiCodeBlockVirtualizedComponent<T> extends Component<\n  VirtualizedCodeBlockSignature<T>\n> {\n  getHtmlContent = helper(function ([node, index, rowHeight]: [\n    RefractorNode,\n    number,\n    number\n  ]) {\n    const content = getHtmlContent([node]);\n    const span = content.element.firstChild as HTMLElement;\n\n    if (span) {\n      span.style.position = 'absolute';\n      span.style.height = `${rowHeight}px`;\n      span.style.left = '0';\n      span.style.top = `${index * rowHeight}px`;\n    }\n\n    return span;\n  });\n\n  <template>\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{! DO NOT FORMAT AT ALL, PRE TAGS RESPECT WHITESPACE LITERALLY }}\n    {{#let (randomId) as |theID|}}\n      <EuiAutoSizer as |styles|>\n        <pre\n          {{style styles}}\n          {{!template-lint-disable}}\n          style=\"position: relative; overflow: auto;\"\n          id={{theID}}\n          ...attributes\n        ><VerticalCollection\n            @items={{@data}}\n            @tagName=\"code\"\n            class=\"euiCodeBlock__code\"\n            data-code-language={{@language}}\n            @estimateHeight={{@rowHeight}}\n            @bufferSize={{40}}\n            @staticHeight={{true}}\n            @containerSelector={{concat \"#\" theID}}\n            as |opt index|\n          >{{this.getHtmlContent\n              opt\n              index\n              @rowHeight\n            }}</VerticalCollection></pre>\n      </EuiAutoSizer>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiCodeBlockVirtualizedComponent","Component","getHtmlContent","helper","node","index","rowHeight","content","span","element","firstChild","style","position","height","left","top","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiAutoSizer","VerticalCollection","concat"],"mappings":";;;;;;;;;;;AA2Be,MAAMA,gCAAA,SAA4CC,SAAA,CACjC;EAE9BC,cAAA,GAAiBC,MAAA,CAAO,UAAU,CAACC,IAAA,EAAMC,KAAA,EAAOC,UAI/C,EAAA;AACC,IAAA,MAAMC,UAAUL,cAAA,CAAe,CAACE,IAAA,CAAK,CAAA;AACrC,IAAA,MAAMI,IAAA,GAAOD,OAAA,CAAQE,OAAO,CAACC,UAAc;AAE3C,IAAA,IAAIF,IAAA,EAAM;AACRA,MAAAA,IAAA,CAAKG,KAAK,CAACC,QAAQ,GAAG,UAAA;AACtBJ,MAAAA,IAAA,CAAKG,KAAK,CAACE,MAAM,GAAG,CAAA,EAAGP,SAAA,CAAA,EAAA,CAAa;AACpCE,MAAAA,IAAA,CAAKG,KAAK,CAACG,IAAI,GAAG,GAAA;MAClBN,IAAA,CAAKG,KAAK,CAACI,GAAG,GAAG,CAAA,EAAGV,KAAA,GAAQC,SAAA,CAAA,EAAA,CAAa;AAC3C,IAAA;AAEA,IAAA,OAAOE,IAAA;AACT,EAAA,CAAA,CAAA;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAAA,qqCAAA,EAmCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;sBAAAC,qBAAA;QAAAV,KAAA;QAAAW,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}