@ember-eui/core 13.0.5 → 14.1.0

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

@@ -1,4 +1,4 @@
-import { eq, or, not, and } from 'ember-truth-helpers';
+import { notEq, eq, or, not, and } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
 import EuiButtonContent from './eui-button-content.js';
@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiButtonEmpty = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @size \"m\") (argOrDefault @iconSize \"m\") as |size iconSize|}}\n      {{#if (and @href (not (or @isLoading @isDisabled)))}}\n        <a class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} href={{@href}} target={{@target}} ...attributes>\n          <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n            {{yield}}\n          </EuiButtonContent>\n        </a>\n      {{else}}\n        <button class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} disabled={{or @isLoading @isDisabled @disabled}} type={{if @type @type \"button\"}} aria-pressed={{@isSelected}} ...attributes>\n          <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n            {{yield}}\n          </EuiButtonContent>\n        </button>\n      {{/if}}\n    {{/let}}\n  ", {
+const EuiButtonEmpty = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @size \"m\") (argOrDefault @iconSize \"m\") as |size iconSize|}}\n  {{#if (and @href (not (or @isLoading @isDisabled)))}}\n    <a class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} href={{@href}} target={{@target}} ...attributes>\n      <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n        {{yield}}\n      </EuiButtonContent>\n    </a>\n  {{else}}\n    <button class={{classNames (if (or @isLoading @isDisabled) \"euiButtonEmpty-isDisabled\") componentName=\"EuiButtonEmpty\" color=(argOrDefault @color \"primary\") size=size flush=@flush}} disabled={{or @isLoading @isDisabled @disabled}} type={{if @type @type \"button\"}} aria-pressed={{if (notEq @isSelected undefined) (if @isSelected \"true\" \"false\")}} ...attributes>\n      <EuiButtonContent class=\"euiButtonEmpty__content {{@contentClasses}}\" @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconSize={{if (eq size \"xs\") \"s\" iconSize}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButtonEmpty__text\" @textClasses}}>\n        {{yield}}\n      </EuiButtonContent>\n    </button>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,
@@ -15,7 +15,8 @@ const EuiButtonEmpty = setComponentTemplate(precompileTemplate("\n    {{#let (ar
     or,
     classNames,
     EuiButtonContent,
-    eq
+    eq,
+    notEq
   })
 }), templateOnly());
 

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, 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={{@isSelected}}\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","templateOnly"],"mappings":";;;;;;;;AA0CA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA8DA,olDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,gBAAA;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

@@ -15,7 +15,7 @@ const handleClick = (isNotLabel, onChange, id) => {
     onChange(id);
   }
 };
-const EuiButtonGroupButton = setComponentTemplate(precompileTemplate("\n    {{#let (if @isDisabled \"button\" @element) (randomId) (classNames (if @isSelected \"euiButtonGroupButton-isSelected\") (if @isIconOnly \"euiButtonGroupButton-isIconOnly\")) as |element newId classes|}}\n      {{#let (notEq @element \"label\") as |isNotLabel|}}\n        <EuiInnerText as |setInnerTextRef innerText|>\n          <EuiButton @baseClassName=\"euiButtonGroupButton\" class={{classes}} @element={{element}} @fill={{and (notEq @size \"compressed\") @isSelected}} @isDisabled={{@isDisabled}} @size={{if (eq @size \"compressed\") \"s\" @size}} @color={{@color}} @contentClasses={{@contentClasses}} @iconSide={{@iconSide}} @iconType={{@iconType}} @iconSize={{@iconSize}} @iconClasses={{@iconClasses}} @isLoading={{@isLoading}} @textClasses={{classNames @textClasses (if @isIconOnly \"euiScreenReaderOnly\" \"euiButtonGroupButton__textShift\")}} @isSelected={{if isNotLabel @isSelected}} type={{if isNotLabel @type}} for={{if (eq element \"label\") newId}} id={{if isNotLabel newId}} title={{innerText}} {{on \"click\" (fn handleClick isNotLabel @onChange @id)}} {{didInsert setInnerTextRef}} ...attributes>\n            {{#if (eq element \"label\")}}\n              <input id={{newId}} class=\"euiScreenReaderOnly\" name={{@name}} checked={{@isSelected}} disabled={{@isDisabled}} value={{@value}} type=\"radio\" {{on \"change\" (fn @onChange @id @value)}} />\n            {{/if}}\n            {{@label}}\n          </EuiButton>\n        </EuiInnerText>\n      {{/let}}\n    {{/let}}\n  ", {
+const EuiButtonGroupButton = setComponentTemplate(precompileTemplate("{{#let (if @isDisabled \"button\" @element) (randomId) (classNames (if @isSelected \"euiButtonGroupButton-isSelected\") (if @isIconOnly \"euiButtonGroupButton-isIconOnly\")) as |element newId classes|}}\n  {{#let (notEq @element \"label\") as |isNotLabel|}}\n    <EuiInnerText as |setInnerTextRef innerText|>\n      <EuiButton @baseClassName=\"euiButtonGroupButton\" class={{classes}} @element={{element}} @fill={{and (notEq @size \"compressed\") @isSelected}} @isDisabled={{@isDisabled}} @size={{if (eq @size \"compressed\") \"s\" @size}} @color={{@color}} @contentClasses={{@contentClasses}} @iconSide={{@iconSide}} @iconType={{@iconType}} @iconSize={{@iconSize}} @iconClasses={{@iconClasses}} @isLoading={{@isLoading}} @textClasses={{classNames @textClasses (if @isIconOnly \"euiScreenReaderOnly\" \"euiButtonGroupButton__textShift\")}} @isSelected={{if isNotLabel @isSelected}} type={{if isNotLabel @type}} for={{if (eq element \"label\") newId}} id={{if isNotLabel newId}} title={{innerText}} {{on \"click\" (fn handleClick isNotLabel @onChange @id)}} {{didInsert setInnerTextRef}} ...attributes>\n        {{#if (eq element \"label\")}}\n          <input id={{newId}} class=\"euiScreenReaderOnly\" name={{@name}} checked={{@isSelected}} disabled={{@isDisabled}} value={{@value}} type=\"radio\" {{on \"change\" (fn @onChange @id @value)}} />\n        {{/if}}\n        {{@label}}\n      </EuiButton>\n    </EuiInnerText>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     randomId,

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,69CAAA,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

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiButtonGroup = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @buttonSize \"s\") (argOrDefault @color \"text\") (argOrDefault @isFullWidth false) (argOrDefault @isDisabled false) (argOrDefault @type \"single\") as |buttonSize color isFullWidth isDisabled type|}}\n      {{#let (if (and (eq buttonSize \"compressed\") (eq color \"ghost\")) \"text\" color) (eq type \"single\") as |resolvedColor typeIsSingle|}}\n\n        <fieldset class={{classNames \"euiButtonGroup\" (if isFullWidth \"euiButtonGroup--fullWidth\") (if isDisabled \"euiButtonGroup--fullWidth\") @className componentName=\"EuiButtonGroup\" size=(argOrDefault buttonSize \"s\") color=resolvedColor}} disabled={{isDisabled}} ...attributes>\n          <legend {{screenReaderOnly}}>{{@legend}}</legend>\n          <div class=\"euiButtonGroup__buttons\">\n            {{#let (argOrDefault @name (randomId)) as |name|}}\n              {{#each @options as |option|}}\n                <EuiButtonGroupButton @name={{name}} @isDisabled={{if (notEq option.isDisabled undefined) option.isDisabled isDisabled}} @element={{if typeIsSingle \"label\" \"button\"}} @isSelected={{if typeIsSingle (eq option.id @idSelected) (get @idToSelectedMap option.id)}} @color={{resolvedColor}} @size={{buttonSize}} @isIconOnly={{@isIconOnly}} @onChange={{@onChange}} @iconType={{option.iconType}} @value={{option.value}} @label={{option.label}} @id={{option.id}} @isLoading={{option.isLoading}} @iconSide={{option.iconSide}} @iconSize={{option.iconSize}} @textClasses={{option.textClasses}} @contentClasses={{option.contentClasses}} @iconClasses={{option.iconClasses}} @type={{option.type}} class={{option.className}} aria-label={{option.aria-label}} />\n              {{/each}}\n            {{/let}}\n          </div>\n        </fieldset>\n      {{/let}}\n    {{/let}}\n  ", {
+const EuiButtonGroup = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @buttonSize \"s\") (argOrDefault @color \"text\") (argOrDefault @isFullWidth false) (argOrDefault @isDisabled false) (argOrDefault @type \"single\") as |buttonSize color isFullWidth isDisabled type|}}\n  {{#let (if (and (eq buttonSize \"compressed\") (eq color \"ghost\")) \"text\" color) (eq type \"single\") as |resolvedColor typeIsSingle|}}\n\n    <fieldset class={{classNames \"euiButtonGroup\" (if isFullWidth \"euiButtonGroup--fullWidth\") (if isDisabled \"euiButtonGroup--isDisabled\") @className componentName=\"EuiButtonGroup\" size=(argOrDefault buttonSize \"s\") color=resolvedColor}} disabled={{isDisabled}} ...attributes>\n      <legend {{screenReaderOnly}}>{{@legend}}</legend>\n      <div class=\"euiButtonGroup__buttons\">\n        {{#let (argOrDefault @name (randomId)) as |name|}}\n          {{#each @options as |option|}}\n            <EuiButtonGroupButton @name={{name}} @isDisabled={{if (notEq option.isDisabled undefined) option.isDisabled isDisabled}} @element={{if typeIsSingle \"label\" \"button\"}} @isSelected={{if typeIsSingle (eq option.id @idSelected) (get @idToSelectedMap option.id)}} @color={{resolvedColor}} @size={{buttonSize}} @isIconOnly={{@isIconOnly}} @onChange={{@onChange}} @iconType={{option.iconType}} @value={{option.value}} @label={{option.label}} @id={{option.id}} @isLoading={{option.isLoading}} @iconSide={{option.iconSide}} @iconSize={{option.iconSize}} @textClasses={{option.textClasses}} @contentClasses={{option.contentClasses}} @iconClasses={{option.iconClasses}} @type={{option.type}} class={{option.className}} aria-label={{option.aria-label}} />\n          {{/each}}\n        {{/let}}\n      </div>\n    </fieldset>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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--fullWidth\")\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,ivDAAA,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

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiButtonIcon = setComponentTemplate(precompileTemplate("\n  {{#let (getEuiConfig \"euiButtonIcon.size\") as |buttonSizeConfig|}}\n    {{#if (and @href (not @isDisabled))}}\n      <a class={{classNames (if @isDisabled \"euiButtonIcon-isDisabled\") componentName=\"EuiButtonIcon\" display=(argOrDefault @display \"empty\") color=(argOrDefault @color \"primary\") size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))}} href={{@href}} target={{@target}} ...attributes>\n        {{#if @iconType}}\n          <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @color=\"inherit\" aria-hidden=\"true\" />\n        {{/if}}\n      </a>\n    {{else}}\n      <button class={{classNames (if @isDisabled \"euiButtonIcon-isDisabled\") componentName=\"EuiButtonIcon\" display=(argOrDefault @display \"empty\") color=(argOrDefault @color \"primary\") size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))}} disabled={{or @isDisabled @disabled}} aria-pressed={{if @isSelected \"true\" \"false\"}} type={{if @type @type \"button\"}} ...attributes>\n        {{#if @iconType}}\n          <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @color=\"inherit\" @useComponent={{@useComponent}} aria-hidden=\"true\" />\n        {{/if}}\n      </button>\n    {{/if}}\n  {{/let}}\n", {
+const EuiButtonIcon = setComponentTemplate(precompileTemplate("{{#let (getEuiConfig \"euiButtonIcon.size\") as |buttonSizeConfig|}}\n  {{#if (and @href (not @isDisabled))}}\n    <a class={{classNames (if @isDisabled \"euiButtonIcon-isDisabled\") componentName=\"EuiButtonIcon\" display=(argOrDefault @display \"empty\") color=(argOrDefault @color \"primary\") size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))}} href={{@href}} target={{@target}} ...attributes>\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @color=\"inherit\" aria-hidden=\"true\" />\n      {{/if}}\n    </a>\n  {{else}}\n    <button class={{classNames (if @isDisabled \"euiButtonIcon-isDisabled\") componentName=\"EuiButtonIcon\" display=(argOrDefault @display \"empty\") color=(argOrDefault @color \"primary\") size=(argOrDefault @size (if buttonSizeConfig buttonSizeConfig \"xs\"))}} disabled={{or @isDisabled @disabled}} aria-pressed={{if @isSelected \"true\" \"false\"}} type={{if @type @type \"button\"}} ...attributes>\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} @useSvg={{@useSvg}} @color=\"inherit\" @useComponent={{@useComponent}} aria-hidden=\"true\" />\n      {{/if}}\n    </button>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     getEuiConfig: GetEuiConfig,

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,06CAAA,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

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiButton = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @baseClassName \"euiButton\") (if @element @element (if (and @href (not (or @isLoading @isDisabled))) \"a\" \"button\")) as |baseClassName theElement|}}\n    {{#let (element theElement) as |Element|}}\n      <Element class={{classNames (if @fill (concat baseClassName \"--fill\")) (if @fullWidth (concat baseClassName \"--fullWidth\")) (if (or @isLoading @isDisabled @disabled) (concat baseClassName \"-isDisabled\")) componentName=(classify baseClassName) color=(argOrDefault @color \"primary\") size=@size}} disabled={{or @isLoading @isDisabled @disabled}} href={{@href}} target={{@target}} aria-pressed={{if @isSelected \"true\" null}} type={{if (eq theElement \"button\") (argOrDefault @type \"button\") null}} {{!--@glint-expect-error--}} ...attributes>\n        <EuiButtonContent class={{classNames \"euiButton__content\" @contentClasses}} @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSize={{@iconSize}} @iconSide={{@iconSide}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButton__text\" @textClasses}}>\n          {{yield}}\n        </EuiButtonContent>\n      </Element>\n    {{/let}}\n  {{/let}}\n", {
+const EuiButton = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @baseClassName \"euiButton\") (if @element @element (if (and @href (not (or @isLoading @isDisabled))) \"a\" \"button\")) as |baseClassName theElement|}}\n  {{#let (element theElement) as |Element|}}\n    <Element class={{classNames (if @fill (concat baseClassName \"--fill\")) (if @fullWidth (concat baseClassName \"--fullWidth\")) (if (or @isLoading @isDisabled @disabled) (concat baseClassName \"-isDisabled\")) componentName=(classify baseClassName) color=(argOrDefault @color \"primary\") size=@size}} disabled={{or @isLoading @isDisabled @disabled}} href={{@href}} target={{@target}} aria-pressed={{if @isSelected \"true\" null}} type={{if (eq theElement \"button\") (argOrDefault @type \"button\") null}} {{!--@glint-expect-error--}} ...attributes>\n      <EuiButtonContent class={{classNames \"euiButton__content\" @contentClasses}} @isLoading={{@isLoading}} @iconType={{@iconType}} @iconSize={{@iconSize}} @iconSide={{@iconSide}} @iconClasses={{@iconClasses}} @useSvg={{@useSvg}} @useComponent={{@useComponent}} @textClasses={{classNames \"euiButton__text\" @textClasses}}>\n        {{yield}}\n      </EuiButtonContent>\n    </Element>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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,0rCAAA,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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiCallOut = setComponentTemplate(precompileTemplate("\n  <div class={{classNames componentName=\"EuiCallOut\" size=(argOrDefault @size \"m\") color=(argOrDefault @color \"primary\")}} ...attributes>\n    {{#if (or @title (has-block \"title\"))}}\n      <div class=\"euiCallOutHeader\">\n        {{#if @iconType}}\n          <EuiIcon @iconClasses=\"euiCallOutHeader__icon\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} aria-hidden=\"true\" @color=\"inherit\" />\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", {
+const EuiCallOut = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiCallOut\" size=(argOrDefault @size \"m\") color=(argOrDefault @color \"primary\")}} ...attributes>\n  {{#if (or @title (has-block \"title\"))}}\n    <div class=\"euiCallOutHeader\">\n      {{#if @iconType}}\n        <EuiIcon @iconClasses=\"euiCallOutHeader__icon\" @type={{@iconType}} @size={{argOrDefault @iconSize \"m\"}} aria-hidden=\"true\" @color=\"inherit\" />\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>", {
   strictMode: true,
   scope: () => ({
     classNames,

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,yxCAAA,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

@@ -23,7 +23,7 @@ class EuiCardSelectComponent extends Component {
     return `euiCardSelect--${euiCardSelectableColor(this.args.color, this.args.isSelected)}`;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiButtonEmpty class={{classNames this.selectColorClass componentName=\"EuiCardSelect\"}} id={{@buttonId}} @color={{argOrDefault @color \"text\"}} @size=\"xs\" @isDisabled={{@isDisabled}} @iconType={{if @isSelected \"check\" undefined}} @isLoading={{@isLoading}} @href={{@href}} @iconSide={{@iconSide}} @flush={{@flush}} @type={{@type}} role=\"switch\" aria-checked={{@isSelected}} {{on \"click\" (optional @onClick)}} ...attributes>\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  ", {
+    setComponentTemplate(precompileTemplate("<EuiButtonEmpty class={{classNames this.selectColorClass componentName=\"EuiCardSelect\"}} id={{@buttonId}} @color={{argOrDefault @color \"text\"}} @size=\"xs\" @isDisabled={{@isDisabled}} @iconType={{if @isSelected \"check\" undefined}} @isLoading={{@isLoading}} @href={{@href}} @iconSide={{@iconSide}} @flush={{@flush}} @type={{@type}} role=\"switch\" aria-checked={{if @isSelected \"true\" \"false\"}} {{on \"click\" (optional @onClick)}} ...attributes>\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>", {
       strictMode: true,
       scope: () => ({
         EuiButtonEmpty,

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={{@isSelected}}\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,sBACvB,CAAA,IAAI,CAACO,IAAI,CAACN,KAAK,EACf,IAAI,CAACM,IAAI,CAACL,UAAU,EACnB,CAAA;AACL;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CA4BA,upBAAA,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

@@ -17,7 +17,7 @@ import EuiTextComponent from './eui-text.js';
 import EuiTitle from './eui-title.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 class EuiCardComponent extends Component {
   static {
@@ -49,7 +49,7 @@ class EuiCardComponent extends Component {
     this.link = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (if @selectable (randomId)) (and (not @isDisabled) (or @onClick @href (and @selectable (not @selectable.isDisabled)))) (argOrDefault @titleElement \"span\") (argOrDefault @layout \"vertical\") as |selectableId isClickable titleElement layout|}}\n      <EuiPanel class={{classNames (if (eq layout \"horizontal\") \"euiCard--horizontal\") (if isClickable \"euiCard--isClickable\") (if @betaBadgeProps.label \"euiCard--hasBetaBadge\") (if @icon \"euiCard--hasIcon\" (if (has-block \"icon\") \"euiCard--hasIcon\")) (if @selectable \"euiCard--isSelectable\") (if (and @selectable @selectable.isSelected) \"euiCard-isSelected\") (if @isDisabled \"euiCard-isDisabled\") this.selectableColorClass componentName=\"EuiCard\" textAlign=(argOrDefault @textAlign \"center\")}} @color={{if @isDisabled \"subdued\" @display}} @onClick={{if isClickable this.outerOnClick}} @hasShadow={{if (or @isDisabled @display) true}} @hasBorder={{if @display true undefined}} @paddingSize={{@paddingSize}} ...attributes>\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 @iconClasses=\"euiCard__icon\" @type={{@icon}} @size={{@iconSize}} />\n                {{/if}}\n              {{/if}}\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class={{this.contentClasses}}>\n          <EuiTitle class=\"euiCard__title\" @size={{argOrDefault @titleSize \"s\"}}>\n            {{#if (has-block \"title\")}}\n              {{yield (set this \"link\") to=\"title\"}}\n            {{else if (and (not @isDisabled) @href)}}\n              <a class=\"euiCard__titleAnchor\" target={{@target}} disabled={{@isDisabled}} href={{@href}} {{didInsert (set this \"link\")}}>\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 type=\"button\" class=\"euiCard__titleButton\" disabled={{@isDisabled}} {{didInsert (set this \"link\")}} {{on \"click\" (optional @onClick)}}>\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 class=\"euiCard__betaBadge\" @label={{@betaBadgeProps.label}} @title={{@betaBadgeProps.title}} @tooltipContent={{@betaBadgeProps.tooltipContent}} />\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 @type={{@selectable.type}} @buttonId={{selectableId}} @isSelected={{@selectable.isSelected}} @isDisabled={{@selectable.isDisabled}} @color={{@selectable.color}} @isLoading={{@selectable.isLoading}} @href={{@selectable.href}} @iconSide={{@selectable.iconSide}} @flush={{@selectable.flush}} {{didInsert (set this \"link\")}} @onClick={{optional @selectable.onClick}} />\n        {{/if}}\n      </EuiPanel>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (if @selectable (randomId)) (and (not @isDisabled) (or @onClick @href (and @selectable (not @selectable.isDisabled)))) (argOrDefault @titleElement \"span\") (argOrDefault @layout \"vertical\") as |selectableId isClickable titleElement layout|}}\n  <EuiPanel class={{classNames (if (eq layout \"horizontal\") \"euiCard--horizontal\") (if isClickable \"euiCard--isClickable\") (if @betaBadgeProps.label \"euiCard--hasBetaBadge\") (if @icon \"euiCard--hasIcon\" (if (has-block \"icon\") \"euiCard--hasIcon\")) (if @selectable \"euiCard--isSelectable\") (if (and @selectable @selectable.isSelected) \"euiCard-isSelected\") (if @isDisabled \"euiCard-isDisabled\") this.selectableColorClass componentName=\"EuiCard\" textAlign=(argOrDefault @textAlign \"center\")}} @color={{if @isDisabled \"subdued\" @display}} @onClick={{if isClickable this.outerOnClick}} @hasShadow={{if (or @isDisabled @display) true}} @hasBorder={{if @display true undefined}} @paddingSize={{@paddingSize}} ...attributes>\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 @iconClasses=\"euiCard__icon\" @type={{@icon}} @size={{@iconSize}} />\n            {{/if}}\n          {{/if}}\n        {{/if}}\n      </div>\n    {{/if}}\n\n    <div class={{this.contentClasses}}>\n      <EuiTitle class=\"euiCard__title\" @size={{argOrDefault @titleSize \"s\"}}>\n        {{#if (has-block \"title\")}}\n          {{yield (set this \"link\") to=\"title\"}}\n        {{else if (and (not @isDisabled) @href)}}\n          <a class=\"euiCard__titleAnchor\" target={{@target}} disabled={{@isDisabled}} href={{@href}} {{didInsert (set this \"link\")}}>\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 type=\"button\" class=\"euiCard__titleButton\" disabled={{@isDisabled}} {{didInsert (set this \"link\")}} {{on \"click\" (optional @onClick)}}>\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 class=\"euiCard__betaBadge\" @label={{@betaBadgeProps.label}} @title={{@betaBadgeProps.title}} @tooltipContent={{@betaBadgeProps.tooltipContent}} />\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 @type={{@selectable.type}} @buttonId={{selectableId}} @isSelected={{@selectable.isSelected}} @isDisabled={{@selectable.isDisabled}} @color={{@selectable.color}} @isLoading={{@selectable.isLoading}} @href={{@selectable.href}} @iconSide={{@selectable.iconSide}} @flush={{@selectable.flush}} {{didInsert (set this \"link\")}} @onClick={{optional @selectable.onClick}} />\n    {{/if}}\n  </EuiPanel>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         randomId,

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","void 0","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;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,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,UACH,GAAA,CAA0BE,uBAAAA,EAAAA,sBACxB,CAAAF,UAAA,CAAWG,KAAK,EAChBH,UAAW,CAAAI,UAAU,CACrB,CAAA,CAAC,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,y0JAAA,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

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiCheckableCard = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @id (randomId)) as |id|}}\n      <div class={{classNames \"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--hasBorder euiPanel--flexGrowZero euiSplitPanel euiSplitPanel--row euiCheckableCard\" (if @checked \"euiCheckableCard-isChecked\") (if @disabled \"euiCheckableCard__label-isDisabled\")}}>\n        <div class={{classNames \"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiPanel--flexGrowZero euiPanel--isClickable euiSplitPanel__inner\" (if @checked \"euiPanel--primary\")}}>\n          {{#if (eq @checkableType \"checkbox\")}}\n            <EuiCheckbox @id={{id}} @checked={{@checked}} disabled={{@disabled}} ...attributes />\n          {{else}}\n            <EuiRadio @id={{id}} @checked={{@checked}} disabled={{@disabled}} ...attributes />\n          {{/if}}\n        </div>\n        <div class=\"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow euiPanel--noBorder euiSplitPanel__inner\">\n          <label class={{classNames \"euiCheckableCard__label\" (if @disabled \"euiCheckableCard__label-isDisabled\")}} for={{id}} aria-describedby={{if (has-block \"content\") (concat id \"-details\")}}>\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  ", {
+const EuiCheckableCard = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @id (randomId)) as |id|}}\n  <div class={{classNames \"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--hasBorder euiPanel--flexGrowZero euiSplitPanel euiSplitPanel--row euiCheckableCard\" (if @checked \"euiCheckableCard-isChecked\") (if @disabled \"euiCheckableCard__label-isDisabled\")}}>\n    <div class={{classNames \"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiPanel--flexGrowZero euiPanel--isClickable euiSplitPanel__inner\" (if @checked \"euiPanel--primary\")}}>\n      {{#if (eq @checkableType \"checkbox\")}}\n        <EuiCheckbox @id={{id}} @checked={{@checked}} disabled={{@disabled}} ...attributes />\n      {{else}}\n        <EuiRadio @id={{id}} @checked={{@checked}} disabled={{@disabled}} ...attributes />\n      {{/if}}\n    </div>\n    <div class=\"euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow euiPanel--noBorder euiSplitPanel__inner\">\n      <label class={{classNames \"euiCheckableCard__label\" (if @disabled \"euiCheckableCard__label-isDisabled\")}} for={{id}} aria-describedby={{if (has-block \"content\") (concat id \"-details\")}}>\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}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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 { EuiRadioSignature } from './eui-radio';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCheckableCardSignature {\n  Element: EuiCheckboxSignature['Element'] | EuiRadioSignature['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":";;;;;;;;;;;AA8BA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA8DA,owDAAA,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

@@ -1,4 +1,4 @@
-import { fn, get, concat } from '@ember/helper';
+import { fn, get } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { or } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -9,14 +9,13 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiCheckboxGroup = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @valueKey \"id\") (argOrDefault @labelKey \"label\") as |valueKey labelKey|}}\n      {{!--template-lint-disable--}}\n      <input tabindex=\"-1\" style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\" class=\"fake-input-for-html-form-validity\" {{validatableControl @isInvalid}} />\n      {{!--template-lint-enable--}}\n      {{#if @legend}}\n        <EuiFormFieldset @legend={{@legend}} @compressed={{@compressed}}>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox form={{@formId}} class={{concat \"euiCheckboxGroup__item\" option.className}} {{!--@glint-expect-error--}} @checked={{get @idToSelectedMap (get option valueKey)}} @disabled={{or @disabled option.disabled}} @compressed={{@compressed}} {{!--@glint-expect-error--}} @label={{get option labelKey}} {{on \"change\" (fn @onChange (get option valueKey))}} />\n          {{/each}}\n        </EuiFormFieldset>\n      {{else}}\n        <div ...attributes>\n          {{#each @options key=valueKey as |option|}}\n            <EuiCheckbox form={{@formId}} class={{concat \"euiCheckboxGroup__item\" option.className}} {{!--@glint-expect-error--}} @checked={{get @idToSelectedMap (get option valueKey)}} @disabled={{or @disabled option.disabled}} @compressed={{@compressed}} {{!--@glint-expect-error--}} @label={{get option labelKey}} {{on \"change\" (fn @onChange (get option valueKey))}} />\n          {{/each}}\n        </div>\n      {{/if}}\n    {{/let}}\n  ", {
+const EuiCheckboxGroup = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @valueKey \"id\") (argOrDefault @labelKey \"label\") as |valueKey labelKey|}}\n  {{!--template-lint-disable--}}\n  <input tabindex=\"-1\" style=\"opacity: 0px; width:0px; height:0px; position: absolute; top: 40%; border:solid 1px transparent !important; margin:0px !important;\" class=\"fake-input-for-html-form-validity\" {{validatableControl @isInvalid}} />\n  {{!--template-lint-enable--}}\n  {{#if @legend}}\n    <EuiFormFieldset @legend={{@legend}} @compressed={{@compressed}}>\n      {{#each @options key=valueKey as |option|}}\n        <EuiCheckbox form={{@formId}} class=\"euiCheckboxGroup__item {{option.className}}\" {{!--@glint-expect-error--}} @checked={{get @idToSelectedMap (get option valueKey)}} @disabled={{or @disabled option.disabled}} @compressed={{@compressed}} {{!--@glint-expect-error--}} @label={{get option labelKey}} {{on \"change\" (fn @onChange (get option valueKey))}} />\n      {{/each}}\n    </EuiFormFieldset>\n  {{else}}\n    <div ...attributes>\n      {{#each @options key=valueKey as |option|}}\n        <EuiCheckbox form={{@formId}} class=\"euiCheckboxGroup__item {{option.className}}\" {{!--@glint-expect-error--}} @checked={{get @idToSelectedMap (get option valueKey)}} @disabled={{or @disabled option.disabled}} @compressed={{@compressed}} {{!--@glint-expect-error--}} @label={{get option labelKey}} {{on \"change\" (fn @onChange (get option valueKey))}} />\n      {{/each}}\n    </div>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,
     validatableControl,
     EuiFormFieldset,
     EuiCheckbox,
-    concat,
     get,
     or,
     on,

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 { concat } from '@ember/helper';\nimport { 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={{concat \"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={{concat \"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","concat","get","or","on","fn","templateOnly"],"mappings":";;;;;;;;;;;AAsCA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA+CA,yhDAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,kBAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC,MAAA;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;;"}