@ember-eui/core 14.1.4 → 15.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"eui-collapsible-nav-group.js","sources":["../../src/components/eui-collapsible-nav-group.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport { and, 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 EuiAccordion from './eui-accordion.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiAccordionSignature } from './eui-accordion';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCollapsibleNavGroupSignature {\n  Element: EuiAccordionSignature['Element'];\n  Args: {\n    /** Id of the group. Defaults to a random id. */\n    id?: string;\n    /** Tag of the title, e.g. `'h2'` or `'div'`. Defaults to `'h3'`. */\n    titleElement?: string;\n    /**\n     * Makes the group an accordion that opens and closes from its title\n     * (needs a `<:title>` block).\n     */\n    isCollapsible?: boolean;\n    /** Whether a collapsible group starts open. Defaults to `true`. */\n    initialIsOpen?: boolean;\n    /** Icon before the title; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon. Defaults to `'l'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Same as `@titleElement`, limited to `EuiTitle`'s tags. Defaults to `'h3'`. */\n    titleTagName?: EuiTitleSignature['Args']['tagName'];\n    /** Size of the title, any `EuiTitle` size. Defaults to `'xxs'`. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /**\n     * Background of the group: `'none'`, `'light'` or `'dark'`.\n     * Defaults to `'none'`.\n     */\n    background?: string;\n  };\n  Blocks: {\n    /** Unused, use `<:title>` and `<:content>`. */\n    default: [];\n    /** The group's title; without it the group has no heading. */\n    title: [];\n    /** The group's links, e.g. an `EuiListGroup`. */\n    content: [];\n  };\n}\n\nconst EuiCollapsibleNavGroup: TemplateOnlyComponent<EuiCollapsibleNavGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @id (randomId)) (or @titleElement @titleTagName \"h3\")\n      as |groupID titleElement|\n    }}\n      {{#let (concat groupID \"__title\") as |titleID|}}\n        {{#if (and @isCollapsible (has-block \"title\"))}}\n          <EuiAccordion\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            @buttonClassName=\"euiCollapsibleNavGroup__heading\"\n            @initialIsOpen={{argOrDefault @initialIsOpen true}}\n            @arrowDisplay=\"right\"\n            ...attributes\n          >\n            <:buttonContent>\n              <EuiFlexGroup\n                @gutterSize=\"m\"\n                @alignItems=\"center\"\n                @responsive={{false}}\n              >\n                {{#if @iconType}}\n                  <EuiFlexItem @grow={{false}}>\n                    <EuiIcon\n                      @type={{@iconType}}\n                      @size={{argOrDefault @iconSize \"l\"}}\n                    />\n                  </EuiFlexItem>\n                {{/if}}\n                <EuiFlexItem>\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement\n                      id={{titleID}}\n                      class={{classNames\n                        \"euiCollapsibleNavGroup__title\"\n                        componentName=\"EuiTitle\"\n                        size=(argOrDefault @titleSize \"xxs\")\n                      }}\n                    >\n                      {{yield to=\"title\"}}\n                    </TitleElement>\n                  {{/let}}\n                </EuiFlexItem>\n              </EuiFlexGroup>\n            </:buttonContent>\n            <:content>\n              {{#if (has-block \"content\")}}\n                <div class=\"euiCollapsibleNavGroup__children\">\n                  {{yield to=\"content\"}}\n                </div>\n              {{/if}}\n            </:content>\n          </EuiAccordion>\n        {{else}}\n          <div\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            ...attributes\n          >\n            {{#if (has-block \"title\")}}\n              <div class=\"euiCollapsibleNavGroup__heading\">\n                <EuiFlexGroup\n                  @gutterSize=\"m\"\n                  @alignItems=\"center\"\n                  @responsive={{false}}\n                >\n                  {{#if @iconType}}\n                    <EuiFlexItem @grow={{false}}>\n                      <EuiIcon\n                        @type={{@iconType}}\n                        @size={{argOrDefault @iconSize \"l\"}}\n                      />\n                    </EuiFlexItem>\n                  {{/if}}\n                  <EuiFlexItem>\n                    {{#let (element titleElement) as |TitleElement|}}\n                      <TitleElement\n                        id={{titleID}}\n                        class={{classNames\n                          \"euiCollapsibleNavGroup__title\"\n                          componentName=\"EuiTitle\"\n                          size=(argOrDefault @titleSize \"xxs\")\n                        }}\n                      >\n                        {{yield to=\"title\"}}\n                      </TitleElement>\n                    {{/let}}\n                  </EuiFlexItem>\n                </EuiFlexGroup>\n              </div>\n            {{/if}}\n            {{#if (has-block \"content\")}}\n              <div class=\"euiCollapsibleNavGroup__children\">\n                {{yield to=\"content\"}}\n              </div>\n            {{/if}}\n          </div>\n        {{/if}}\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiCollapsibleNavGroup;\n"],"names":["EuiCollapsibleNavGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","or","concat","and","EuiAccordion","classNames","EuiFlexGroup","EuiFlexItem","EuiIcon","element","templateOnly"],"mappings":";;;;;;;;;;;;;;AAwDA,MAAMA,sBAA8C,GAAAC,oBAAA,CAClDC,kBAAA,CAAA,u3FAAA,EA4GA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,GAAA;kBAAAC,qBAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-collapsible-nav-group.js","sources":["../../src/components/eui-collapsible-nav-group.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { and, 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 EuiAccordion from './eui-accordion.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiAccordionSignature } from './eui-accordion';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCollapsibleNavGroupSignature {\n  Element: EuiAccordionSignature['Element'];\n  Args: {\n    /** Id of the group. Defaults to a random id. */\n    id?: string;\n    /** Tag of the title, e.g. `'h2'` or `'div'`. Defaults to `'h3'`. */\n    titleElement?: string;\n    /**\n     * Makes the group an accordion that opens and closes from its title\n     * (needs a `<:title>` block).\n     */\n    isCollapsible?: boolean;\n    /** Whether a collapsible group starts open. Defaults to `true`. */\n    initialIsOpen?: boolean;\n    /** Icon before the title; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Size of the icon. Defaults to `'l'`. */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /** Same as `@titleElement`, limited to `EuiTitle`'s tags. Defaults to `'h3'`. */\n    titleTagName?: EuiTitleSignature['Args']['tagName'];\n    /** Size of the title, any `EuiTitle` size. Defaults to `'xxs'`. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /**\n     * Background of the group: `'none'`, `'light'` or `'dark'`.\n     * Defaults to `'none'`.\n     */\n    background?: string;\n  };\n  Blocks: {\n    /** Unused, use `<:title>` and `<:content>`. */\n    default: [];\n    /** The group's title; without it the group has no heading. */\n    title: [];\n    /** The group's links, e.g. an `EuiListGroup`. */\n    content: [];\n  };\n}\n\nconst EuiCollapsibleNavGroup: TemplateOnlyComponent<EuiCollapsibleNavGroupSignature> =\n  <template>\n    {{#let\n      (argOrDefault @id (randomId)) (or @titleElement @titleTagName \"h3\")\n      as |groupID titleElement|\n    }}\n      {{#let (concat groupID \"__title\") as |titleID|}}\n        {{#if (and @isCollapsible (has-block \"title\"))}}\n          <EuiAccordion\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            @buttonClassName=\"euiCollapsibleNavGroup__heading\"\n            @initialIsOpen={{argOrDefault @initialIsOpen true}}\n            @arrowDisplay=\"right\"\n            ...attributes\n          >\n            <:buttonContent>\n              <EuiFlexGroup\n                @gutterSize=\"m\"\n                @alignItems=\"center\"\n                @responsive={{false}}\n              >\n                {{#if @iconType}}\n                  <EuiFlexItem @grow={{false}}>\n                    <EuiIcon\n                      @type={{@iconType}}\n                      @size={{argOrDefault @iconSize \"l\"}}\n                    />\n                  </EuiFlexItem>\n                {{/if}}\n                <EuiFlexItem>\n                  {{#let (element titleElement) as |TitleElement|}}\n                    <TitleElement\n                      id={{titleID}}\n                      class={{classNames\n                        \"euiCollapsibleNavGroup__title\"\n                        componentName=\"EuiTitle\"\n                        size=(argOrDefault @titleSize \"xxs\")\n                      }}\n                    >\n                      {{yield to=\"title\"}}\n                    </TitleElement>\n                  {{/let}}\n                </EuiFlexItem>\n              </EuiFlexGroup>\n            </:buttonContent>\n            <:content>\n              {{#if (has-block \"content\")}}\n                <div class=\"euiCollapsibleNavGroup__children\">\n                  {{yield to=\"content\"}}\n                </div>\n              {{/if}}\n            </:content>\n          </EuiAccordion>\n        {{else}}\n          <div\n            id={{groupID}}\n            class={{classNames\n              (if (has-block \"title\") \"euiCollapsibleNavGroup--withHeading\")\n              componentName=\"EuiCollapsibleNavGroup\"\n              backgroundColor=(argOrDefault @background \"none\")\n            }}\n            ...attributes\n          >\n            {{#if (has-block \"title\")}}\n              <div class=\"euiCollapsibleNavGroup__heading\">\n                <EuiFlexGroup\n                  @gutterSize=\"m\"\n                  @alignItems=\"center\"\n                  @responsive={{false}}\n                >\n                  {{#if @iconType}}\n                    <EuiFlexItem @grow={{false}}>\n                      <EuiIcon\n                        @type={{@iconType}}\n                        @size={{argOrDefault @iconSize \"l\"}}\n                      />\n                    </EuiFlexItem>\n                  {{/if}}\n                  <EuiFlexItem>\n                    {{#let (element titleElement) as |TitleElement|}}\n                      <TitleElement\n                        id={{titleID}}\n                        class={{classNames\n                          \"euiCollapsibleNavGroup__title\"\n                          componentName=\"EuiTitle\"\n                          size=(argOrDefault @titleSize \"xxs\")\n                        }}\n                      >\n                        {{yield to=\"title\"}}\n                      </TitleElement>\n                    {{/let}}\n                  </EuiFlexItem>\n                </EuiFlexGroup>\n              </div>\n            {{/if}}\n            {{#if (has-block \"content\")}}\n              <div class=\"euiCollapsibleNavGroup__children\">\n                {{yield to=\"content\"}}\n              </div>\n            {{/if}}\n          </div>\n        {{/if}}\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiCollapsibleNavGroup;\n"],"names":["EuiCollapsibleNavGroup","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","or","concat","and","EuiAccordion","classNames","EuiFlexGroup","EuiFlexItem","EuiIcon","templateOnly"],"mappings":";;;;;;;;;;;;;AAuDA,MAAMA,sBAA8C,GAAAC,oBAAA,CAClDC,kBAAA,CAAA,u3FAAA,EA4GA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,GAAA;kBAAAC,qBAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,WAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-expression.js

@@ -1,6 +1,5 @@
 import { hash } from '@ember/helper';
 import { on } from '@ember/modifier';
-import { element } from 'ember-element-helper';
 import cssStyle from '../-private/css-style.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
@@ -28,7 +27,6 @@ function noop() {}
 const EuiExpression = setComponentTemplate(precompileTemplate("{{#let (element (if @onClick \"button\" \"span\")) as |Tag|}}\n  <Tag class={{classes @color @isInvalid @isActive (if @onClick true false) @uppercase @display @textWrap}} type={{if @onClick \"button\"}} {{on \"click\" (if @onClick @onClick noop)}} ...attributes>\n    <span class=\"euiExpression__description\" style={{if (isColumns @display) (cssStyle (hash flexBasis=(if @descriptionWidth @descriptionWidth \"20%\")))}}>\n      {{~#if (has-block \"description\")~}}\n        {{yield to=\"description\"}}\n      {{~else~}}\n        {{@description}}\n      {{~/if~}}\n    </span>\n    {{#if (has-block \"value\")}}\n      <span class=\"euiExpression__value\">{{yield to=\"value\"}}</span>\n    {{else if @value}}\n      <span class=\"euiExpression__value\">{{@value}}</span>\n    {{/if}}\n    {{#if @isInvalid}}\n      <EuiIcon class=\"euiExpression__icon\" @type=\"alert\" @color=\"danger\" />\n    {{/if}}\n  </Tag>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
-    element,
     classes,
     on,
     noop,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-expression.js","sources":["../../src/components/eui-expression.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { element } from 'ember-element-helper';\n\nimport cssStyle from '../-private/css-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst COLORS = {\n  subdued: 'euiExpression--subdued',\n  primary: 'euiExpression--primary',\n  success: 'euiExpression--success',\n  accent: 'euiExpression--accent',\n  warning: 'euiExpression--warning',\n  danger: 'euiExpression--danger'\n};\n\n/**\n * One part of a sentence-like query or rule, e.g. **WHEN** `avg()` or\n * **IS ABOVE** `100`: a description and a value. With `@onClick` it is a\n * button, usually opening a popover to edit the value.\n */\nexport interface EuiExpressionSignature {\n  Element: HTMLButtonElement | HTMLSpanElement;\n  Args: {\n    /** First part, e.g. \"when\". Use the `<:description>` block for markup. */\n    description?: string;\n    /** Second part, e.g. \"avg()\". Use the `<:value>` block for markup. */\n    value?: string;\n    /**\n     * Color of the description: `'subdued'`, `'primary'`, `'success'`,\n     * `'accent'`, `'warning'` or `'danger'`. Defaults to `'success'`.\n     */\n    color?: 'subdued' | 'primary' | 'success' | 'accent' | 'warning' | 'danger';\n    /** Uppercases the description. Defaults to `true`. */\n    uppercase?: boolean;\n    /** Solid underline, e.g. while its popover is open. */\n    isActive?: boolean;\n    /** Shows it in danger color with an alert icon. */\n    isInvalid?: boolean;\n    /** Makes it a `<button>` with a dashed underline. */\n    onClick?: (event: MouseEvent) => void;\n    /**\n     * `'inline'` (in a sentence) or `'columns'` (description and value in\n     * two columns, to stack several). Defaults to `'inline'`.\n     */\n    display?: 'inline' | 'columns';\n    /** Width of the description in columns display. Defaults to `'20%'`. */\n    descriptionWidth?: number | string;\n    /** `'break-word'` or `'truncate'` long values. Defaults to `'break-word'`. */\n    textWrap?: 'break-word' | 'truncate';\n  };\n  Blocks: {\n    /** Markup for the description, instead of `@description`. */\n    description: [];\n    /** Markup for the value, instead of `@value`. */\n    value: [];\n  };\n}\n\nfunction classes(\n  color: keyof typeof COLORS = 'success',\n  isInvalid?: boolean,\n  isActive?: boolean,\n  clickable?: boolean,\n  uppercase = true,\n  display?: string,\n  textWrap?: string\n): string {\n  return [\n    'euiExpression',\n    isActive && 'euiExpression-isActive',\n    clickable && 'euiExpression-isClickable',\n    uppercase && 'euiExpression-isUppercase',\n    display === 'columns' && 'euiExpression--columns',\n    COLORS[isInvalid ? 'danger' : color],\n    textWrap === 'truncate' && 'euiExpression--truncate'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction noop(): void {}\n\nconst EuiExpression: TemplateOnlyComponent<EuiExpressionSignature> = <template>\n  {{#let (element (if @onClick \"button\" \"span\")) as |Tag|}}\n    <Tag\n      class={{classes\n        @color\n        @isInvalid\n        @isActive\n        (if @onClick true false)\n        @uppercase\n        @display\n        @textWrap\n      }}\n      type={{if @onClick \"button\"}}\n      {{on \"click\" (if @onClick @onClick noop)}}\n      ...attributes\n    >\n      <span\n        class=\"euiExpression__description\"\n        style={{if\n          (isColumns @display)\n          (cssStyle\n            (hash flexBasis=(if @descriptionWidth @descriptionWidth \"20%\"))\n          )\n        }}\n      >\n        {{~#if (has-block \"description\")~}}\n          {{yield to=\"description\"}}\n        {{~else~}}\n          {{@description}}\n        {{~/if~}}\n      </span>\n      {{#if (has-block \"value\")}}\n        <span class=\"euiExpression__value\">{{yield to=\"value\"}}</span>\n      {{else if @value}}\n        <span class=\"euiExpression__value\">{{@value}}</span>\n      {{/if}}\n      {{#if @isInvalid}}\n        <EuiIcon class=\"euiExpression__icon\" @type=\"alert\" @color=\"danger\" />\n      {{/if}}\n    </Tag>\n  {{/let}}\n</template>;\n\nfunction isColumns(display?: string): boolean {\n  return display === 'columns';\n}\n\nexport default EuiExpression;\n"],"names":["COLORS","subdued","primary","success","accent","warning","danger","classes","color","isInvalid","isActive","clickable","uppercase","display","textWrap","filter","Boolean","join","noop","EuiExpression","setComponentTemplate","precompileTemplate","strictMode","scope","element","on","isColumns","cssStyle","hash","EuiIcon","templateOnly"],"mappings":";;;;;;;;;AAUA,MAAMA,MAAA,GAAS;AACbC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,MAAA,EAAQ,uBAAA;AACRC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,MAAA,EAAQ;AACV,CAAA;AAEA;;;;AAIC;;AAuCD,SAASC,OAAAA,CACPC,KAAoB,GAAS,SAAS,EACtCC,SAAmB,EACnBC,QAAkB,EAClBC,SAAmB,EACnBC,SAAA,GAAY,IAAI,EAChBC,OAAgB,EAChBC,QAAiB,EACV;EACP,OAAO,CACL,eAAA,EACAJ,QAAA,IAAY,wBAAA,EACZC,SAAA,IAAa,2BAAA,EACbC,SAAA,IAAa,2BAAA,EACbC,OAAA,KAAY,SAAA,IAAa,wBAAA,EACzBb,MAAM,CAACS,SAAA,GAAY,QAAA,GAAWD,KAAA,CAAM,EACpCM,QAAA,KAAa,UAAA,IAAc,yBAAA,CAC5B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,IAAAA,GAAY,CAAE;AAEvB,MAAMC,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,i6BAAA,EAyCrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;IAAAjB,OAAA;IAAAkB,EAAA;IAAAP,IAAA;IAAAQ,SAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;AAEV,SAASJ,SAAAA,CAAUb,OAAgB,EAAU;EAC3C,OAAOA,OAAA,KAAY,SAAA;AACrB;;"}
+{"version":3,"file":"eui-expression.js","sources":["../../src/components/eui-expression.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\n\nimport cssStyle from '../-private/css-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst COLORS = {\n  subdued: 'euiExpression--subdued',\n  primary: 'euiExpression--primary',\n  success: 'euiExpression--success',\n  accent: 'euiExpression--accent',\n  warning: 'euiExpression--warning',\n  danger: 'euiExpression--danger'\n};\n\n/**\n * One part of a sentence-like query or rule, e.g. **WHEN** `avg()` or\n * **IS ABOVE** `100`: a description and a value. With `@onClick` it is a\n * button, usually opening a popover to edit the value.\n */\nexport interface EuiExpressionSignature {\n  Element: HTMLButtonElement | HTMLSpanElement;\n  Args: {\n    /** First part, e.g. \"when\". Use the `<:description>` block for markup. */\n    description?: string;\n    /** Second part, e.g. \"avg()\". Use the `<:value>` block for markup. */\n    value?: string;\n    /**\n     * Color of the description: `'subdued'`, `'primary'`, `'success'`,\n     * `'accent'`, `'warning'` or `'danger'`. Defaults to `'success'`.\n     */\n    color?: 'subdued' | 'primary' | 'success' | 'accent' | 'warning' | 'danger';\n    /** Uppercases the description. Defaults to `true`. */\n    uppercase?: boolean;\n    /** Solid underline, e.g. while its popover is open. */\n    isActive?: boolean;\n    /** Shows it in danger color with an alert icon. */\n    isInvalid?: boolean;\n    /** Makes it a `<button>` with a dashed underline. */\n    onClick?: (event: MouseEvent) => void;\n    /**\n     * `'inline'` (in a sentence) or `'columns'` (description and value in\n     * two columns, to stack several). Defaults to `'inline'`.\n     */\n    display?: 'inline' | 'columns';\n    /** Width of the description in columns display. Defaults to `'20%'`. */\n    descriptionWidth?: number | string;\n    /** `'break-word'` or `'truncate'` long values. Defaults to `'break-word'`. */\n    textWrap?: 'break-word' | 'truncate';\n  };\n  Blocks: {\n    /** Markup for the description, instead of `@description`. */\n    description: [];\n    /** Markup for the value, instead of `@value`. */\n    value: [];\n  };\n}\n\nfunction classes(\n  color: keyof typeof COLORS = 'success',\n  isInvalid?: boolean,\n  isActive?: boolean,\n  clickable?: boolean,\n  uppercase = true,\n  display?: string,\n  textWrap?: string\n): string {\n  return [\n    'euiExpression',\n    isActive && 'euiExpression-isActive',\n    clickable && 'euiExpression-isClickable',\n    uppercase && 'euiExpression-isUppercase',\n    display === 'columns' && 'euiExpression--columns',\n    COLORS[isInvalid ? 'danger' : color],\n    textWrap === 'truncate' && 'euiExpression--truncate'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction noop(): void {}\n\nconst EuiExpression: TemplateOnlyComponent<EuiExpressionSignature> = <template>\n  {{#let (element (if @onClick \"button\" \"span\")) as |Tag|}}\n    <Tag\n      class={{classes\n        @color\n        @isInvalid\n        @isActive\n        (if @onClick true false)\n        @uppercase\n        @display\n        @textWrap\n      }}\n      type={{if @onClick \"button\"}}\n      {{on \"click\" (if @onClick @onClick noop)}}\n      ...attributes\n    >\n      <span\n        class=\"euiExpression__description\"\n        style={{if\n          (isColumns @display)\n          (cssStyle\n            (hash flexBasis=(if @descriptionWidth @descriptionWidth \"20%\"))\n          )\n        }}\n      >\n        {{~#if (has-block \"description\")~}}\n          {{yield to=\"description\"}}\n        {{~else~}}\n          {{@description}}\n        {{~/if~}}\n      </span>\n      {{#if (has-block \"value\")}}\n        <span class=\"euiExpression__value\">{{yield to=\"value\"}}</span>\n      {{else if @value}}\n        <span class=\"euiExpression__value\">{{@value}}</span>\n      {{/if}}\n      {{#if @isInvalid}}\n        <EuiIcon class=\"euiExpression__icon\" @type=\"alert\" @color=\"danger\" />\n      {{/if}}\n    </Tag>\n  {{/let}}\n</template>;\n\nfunction isColumns(display?: string): boolean {\n  return display === 'columns';\n}\n\nexport default EuiExpression;\n"],"names":["COLORS","subdued","primary","success","accent","warning","danger","classes","color","isInvalid","isActive","clickable","uppercase","display","textWrap","filter","Boolean","join","noop","EuiExpression","setComponentTemplate","precompileTemplate","strictMode","scope","on","isColumns","cssStyle","hash","EuiIcon","templateOnly"],"mappings":";;;;;;;;AASA,MAAMA,MAAA,GAAS;AACbC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,MAAA,EAAQ,uBAAA;AACRC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,MAAA,EAAQ;AACV,CAAA;AAEA;;;;AAIC;;AAuCD,SAASC,OAAAA,CACPC,KAAoB,GAAS,SAAS,EACtCC,SAAmB,EACnBC,QAAkB,EAClBC,SAAmB,EACnBC,SAAA,GAAY,IAAI,EAChBC,OAAgB,EAChBC,QAAiB,EACV;EACP,OAAO,CACL,eAAA,EACAJ,QAAA,IAAY,wBAAA,EACZC,SAAA,IAAa,2BAAA,EACbC,SAAA,IAAa,2BAAA,EACbC,OAAA,KAAY,SAAA,IAAa,wBAAA,EACzBb,MAAM,CAACS,SAAA,GAAY,QAAA,GAAWD,KAAA,CAAM,EACpCM,QAAA,KAAa,UAAA,IAAc,yBAAA,CAC5B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,IAAAA,GAAY,CAAE;AAEvB,MAAMC,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,i6BAAA,EAyCrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAhB,OAAA;IAAAiB,EAAA;IAAAN,IAAA;IAAAO,SAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;AAEV,SAASJ,SAAAA,CAAUZ,OAAgB,EAAU;EAC3C,OAAOA,OAAA,KAAY,SAAA;AACrB;;"}

package/dist/components/eui-flex-grid.js

@@ -1,4 +1,3 @@
-import { element } from 'ember-element-helper';
 import { eq } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
@@ -11,8 +10,7 @@ const EuiFlexGrid = setComponentTemplate(precompileTemplate("{{#let (argOrDefaul
   scope: () => ({
     argOrDefault,
     eq,
-    classNames,
-    element
+    classNames
   })
 }), templateOnly());
 

package/dist/components/eui-flex-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-flex-grid.js","sources":["../../src/components/eui-flex-grid.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n  directionMapping,\n  gutterSizeMapping} from '../utils/css-mappings/eui-flex-grid.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexGridSignature {\n  Element: HTMLDivElement | any;\n  Args: {\n    /**\n     * Passes the HTML tag to the wrapping element. Defaults to `'div'`.\n     */\n    tagName?: string;\n    /**\n     * `'row'` fills the grid row by row, `'column'` column by column.\n     * Defaults to `'row'`.\n     */\n    direction?: keyof typeof directionMapping;\n    /**\n     * Number of columns, `1` to `4`. `0` lets the items wrap at their own\n     * width. Defaults to `0`.\n     */\n    columns?: number;\n    /**\n     * Space between items: `'none'`, `'s'`, `'m'`, `'l'` or `'xl'`.\n     * Defaults to `'l'`.\n     */\n    gutterSize?: keyof typeof gutterSizeMapping;\n    /**\n     * Stacks the items in one column on small screens. Defaults to `true`.\n     */\n    responsive?: boolean;\n  };\n  Blocks: {\n    /** The `EuiFlexItem`s, laid out in a grid. */\n    default: [];\n  };\n}\n\nconst EuiFlexGrid: TemplateOnlyComponent<EuiFlexGridSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames\n          (unless (eq @responsive false) \"euiFlexGrid--responsive\")\n          componentName=\"EuiFlexGrid\"\n          gutterSize=(argOrDefault @gutterSize \"l\")\n          direction=(argOrDefault @direction \"row\")\n          columns=(argOrDefault @columns 0)\n        }}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else}}\n      {{#let (element tagName) as |Element|}}\n        <Element\n          class={{classNames\n            (unless (eq @responsive false) \"euiFlexGrid--responsive\")\n            componentName=\"EuiFlexGrid\"\n            gutterSize=(argOrDefault @gutterSize \"l\")\n            direction=(argOrDefault @direction \"row\")\n            columns=(argOrDefault @columns 0)\n          }}\n          ...attributes\n        >\n          {{yield}}\n        </Element>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexGrid;\n"],"names":["EuiFlexGrid","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;AA4CA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,+vBAAA,EAgCjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-flex-grid.js","sources":["../../src/components/eui-flex-grid.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type {\n  directionMapping,\n  gutterSizeMapping} from '../utils/css-mappings/eui-flex-grid.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexGridSignature {\n  Element: HTMLDivElement | any;\n  Args: {\n    /**\n     * Passes the HTML tag to the wrapping element. Defaults to `'div'`.\n     */\n    tagName?: string;\n    /**\n     * `'row'` fills the grid row by row, `'column'` column by column.\n     * Defaults to `'row'`.\n     */\n    direction?: keyof typeof directionMapping;\n    /**\n     * Number of columns, `1` to `4`. `0` lets the items wrap at their own\n     * width. Defaults to `0`.\n     */\n    columns?: number;\n    /**\n     * Space between items: `'none'`, `'s'`, `'m'`, `'l'` or `'xl'`.\n     * Defaults to `'l'`.\n     */\n    gutterSize?: keyof typeof gutterSizeMapping;\n    /**\n     * Stacks the items in one column on small screens. Defaults to `true`.\n     */\n    responsive?: boolean;\n  };\n  Blocks: {\n    /** The `EuiFlexItem`s, laid out in a grid. */\n    default: [];\n  };\n}\n\nconst EuiFlexGrid: TemplateOnlyComponent<EuiFlexGridSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames\n          (unless (eq @responsive false) \"euiFlexGrid--responsive\")\n          componentName=\"EuiFlexGrid\"\n          gutterSize=(argOrDefault @gutterSize \"l\")\n          direction=(argOrDefault @direction \"row\")\n          columns=(argOrDefault @columns 0)\n        }}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else}}\n      {{#let (element tagName) as |Element|}}\n        <Element\n          class={{classNames\n            (unless (eq @responsive false) \"euiFlexGrid--responsive\")\n            componentName=\"EuiFlexGrid\"\n            gutterSize=(argOrDefault @gutterSize \"l\")\n            direction=(argOrDefault @direction \"row\")\n            columns=(argOrDefault @columns 0)\n          }}\n          ...attributes\n        >\n          {{yield}}\n        </Element>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexGrid;\n"],"names":["EuiFlexGrid","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","templateOnly"],"mappings":";;;;;;;AA2CA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,+vBAAA,EAgCjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-flex-item.js

@@ -1,4 +1,3 @@
-import { element } from 'ember-element-helper';
 import { eq } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
@@ -11,8 +10,7 @@ const EuiFlexItem = setComponentTemplate(precompileTemplate("{{#let (argOrDefaul
   scope: () => ({
     argOrDefault,
     eq,
-    classNames,
-    element
+    classNames
   })
 }), templateOnly());
 

package/dist/components/eui-flex-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-flex-item.js","sources":["../../src/components/eui-flex-item.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { growMapping } from '../utils/css-mappings/eui-flex-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexItemSignature {\n  Element: Element;\n  Args: {\n    /**\n     * How the item grows: `true` (default) takes an equal share of the\n     * space, `false` only takes its content's width, `1`–`10` take that\n     * many shares.\n     */\n    grow?: keyof typeof growMapping | boolean;\n    /** Tag of the item. Defaults to `'div'`. */\n    tagName?: string;\n  };\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nconst EuiFlexItem: TemplateOnlyComponent<EuiFlexItemSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else if (eq tagName \"span\")}}\n      <span\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </span>\n    {{else}}\n      {{#let (element tagName) as |TagElement|}}\n        <TagElement\n          class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n          ...attributes\n        >\n          {{yield}}\n        </TagElement>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexItem;\n"],"names":["EuiFlexItem","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","element","templateOnly"],"mappings":";;;;;;;;AA2BA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,6kBAAA,EA2BjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-flex-item.js","sources":["../../src/components/eui-flex-item.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { growMapping } from '../utils/css-mappings/eui-flex-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFlexItemSignature {\n  Element: Element;\n  Args: {\n    /**\n     * How the item grows: `true` (default) takes an equal share of the\n     * space, `false` only takes its content's width, `1`–`10` take that\n     * many shares.\n     */\n    grow?: keyof typeof growMapping | boolean;\n    /** Tag of the item. Defaults to `'div'`. */\n    tagName?: string;\n  };\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nconst EuiFlexItem: TemplateOnlyComponent<EuiFlexItemSignature> = <template>\n  {{#let (argOrDefault @tagName \"div\") as |tagName|}}\n    {{#if (eq tagName \"div\")}}\n      <div\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </div>\n    {{else if (eq tagName \"span\")}}\n      <span\n        class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n        ...attributes\n      >\n        {{yield}}\n      </span>\n    {{else}}\n      {{#let (element tagName) as |TagElement|}}\n        <TagElement\n          class={{classNames componentName=\"EuiFlexItem\" grow=@grow}}\n          ...attributes\n        >\n          {{yield}}\n        </TagElement>\n      {{/let}}\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFlexItem;\n"],"names":["EuiFlexItem","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","templateOnly"],"mappings":";;;;;;;AA0BA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,6kBAAA,EA2BjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-flyout.js

@@ -4,7 +4,6 @@ import { hash, concat } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { action } from '@ember/object';
 import { throttle } from '@ember/runloop';
-import { element } from 'ember-element-helper';
 import { focusTrap } from 'ember-focus-trap';
 import onKey from 'ember-keyboard/modifiers/on-key';
 import { modifier } from 'ember-modifier';
@@ -184,7 +183,6 @@ class EuiFlyoutComponent extends Component {
         onKey,
         classesModifier,
         resizeObserverModifier: ResizeObserver,
-        element,
         and,
         EuiOverlayMask: EuiOverlayMaskComponent,
         EuiButtonIcon,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-flyout.js","sources":["../../src/components/eui-flyout.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { element } from 'ember-element-helper';\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier as modBuilder } from 'ember-modifier';\nimport styleModifier from 'ember-style-modifier/modifiers/style';\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 outsideClickDetectorModifier from '../modifiers/outside-click-detector.ts';\nimport resizeObserverModifier from '../modifiers/resize-observer.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-flyout.ts';\nimport { keysOf } from './common.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiFlyoutArgs = {\n  /** Same as `@closeButtonAriaLabel`. */\n  closeAriaLabel?: string;\n  /** @deprecated Has no effect: render the flyout only while it is open. */\n  isOpen?: boolean;\n  /** @deprecated Has no effect, see EuiCollapsibleNav; use `@type=\"push\"`. */\n  isDocked?: boolean;\n  /** @deprecated Has no effect; use `@pushMinBreakpoint`. */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /** @deprecated Has no effect. */\n  showButtonIfDocked?: boolean;\n\n  /** Traps keyboard focus inside the flyout. Defaults to `true`. */\n  isFocusTrapActive?: boolean;\n\n  /** Tag of the flyout, e.g. `'nav'` or `'aside'`. Defaults to `'div'`. */\n  as?: string;\n\n  /**\n   * Width: `'s'`, `'m'` or `'l'`, a number in px or any CSS width.\n   * Defaults to `'m'`.\n   */\n  size?: number | string;\n\n  /** Side of the window it slides in from. Defaults to `'right'`. */\n  side?: 'left' | 'right';\n\n  /** `role` of the flyout. Defaults to `'dialog'`. */\n  role?: null | string;\n\n  /**\n   * Renders a mask over the page behind the flyout, which closes it when\n   * clicked. Without it, the page stays usable. Defaults to `true`.\n   */\n  ownFocus?: boolean;\n\n  /** Clicking outside the flyout calls `@onClose`. Defaults to `false`. */\n  outsideClickCloses?: boolean;\n\n  /**\n   * Close button `'inside'` the flyout's corner or `'outside'` next to it.\n   * Defaults to `'inside'`.\n   */\n  closeButtonPosition?: 'outside' | 'inside';\n\n  /**\n   * Padding of `EuiFlyoutHeader`, `EuiFlyoutBody` and `EuiFlyoutFooter`:\n   * `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`.\n   */\n  paddingSize?: string;\n\n  /** Hides the close button (e.g. when the flyout has its own). */\n  hideCloseButton?: boolean;\n\n  /** Props for the close button: `{ className, onClick }`. */\n  closeButtonProps?: {\n    className?: string;\n    onClick?: (e: MouseEvent) => void;\n    classes?: string;\n  };\n\n  /** Accessible label of the close button. Defaults to \"Close this dialog\". */\n  closeButtonAriaLabel?: string;\n\n  /**\n   * Called by the close button, Escape, the mask and outside clicks. Stop\n   * rendering the flyout here. Without it there is no close button.\n   */\n  onClose?: () => void;\n\n  /**\n   * Caps the width: `true` for EUI's default max width, or a number in px.\n   * Defaults to `false`.\n   */\n  maxWidth?: boolean | number;\n\n  /** @deprecated Has no effect. */\n  maskProps?: Record<string, unknown>;\n\n  /**\n   * `'overlay'` covers the page; `'push'` pads the page so the flyout sits\n   * beside it (on windows at least `@pushMinBreakpoint` wide).\n   * Defaults to `'overlay'`.\n   */\n  type?: string;\n\n  /**\n   * Minimum window width for `@type=\"push\"`: a named breakpoint (`'xs'`\n   * to `'xl'`) or px. Smaller windows get an overlay. Defaults to `'l'`.\n   */\n  pushMinBreakpoint?: number | EuiBreakpointSize;\n\n  /** Focuses the flyout itself when it opens. Defaults to `true`. */\n  shouldSelfFocus?: boolean;\n\n  /**\n   * Options for the focus trap (focus-trap library), e.g.\n   * `{ initialFocus: '#name' }`. Defaults to allowing outside clicks.\n   */\n  focusTrapOptions?: {\n    allowOutsideClick?: boolean;\n    clickOutsideDeactivates?: boolean;\n    initialFocus?: string | HTMLElement | (() => HTMLElement);\n    fallbackFocus?: string | HTMLElement | (() => HTMLElement);\n    escapeDeactivates?: boolean;\n    returnFocusOnDeactivate?: boolean;\n    preventScroll?: boolean;\n  };\n};\n\nconst classesModifier = modBuilder(\n  (\n    _element: Element,\n    _pos,\n    {\n      type,\n      isPushed,\n      side,\n      dimensions = {},\n      functionToCallOnWindowResize\n    }: {\n      type: string;\n      isPushed: boolean;\n      side: string;\n      dimensions?: { width?: number };\n      functionToCallOnWindowResize: () => void;\n    }\n  ) => {\n    // This class doesn't actually do anything by EUI, but is nice to add for consumers (JIC)\n    document.body.classList.add('euiBody--hasFlyout');\n\n    /**\n     * Accomodate for the `isPushed` state by adding padding to the body equal to the width of the element\n     */\n    if (type === 'push') {\n      // Only add the event listener if we'll need to accommodate with padding\n      window.addEventListener('resize', functionToCallOnWindowResize);\n\n      if (isPushed && dimensions.width) {\n        if (side === 'right') {\n          document.body.style.paddingRight = `${dimensions.width}px`;\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = `${dimensions.width}px`;\n        }\n      }\n    }\n\n    return () => {\n      document.body.classList.remove('euiBody--hasFlyout');\n\n      if (type === 'push') {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n\n        if (side === 'right') {\n          document.body.style.paddingRight = '';\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = '';\n        }\n      }\n    };\n  }\n);\n\nexport const SIZES = keysOf(sizeMapping);\nexport type EuiFlyoutSize = (typeof SIZES)[number];\n\nfunction isEuiFlyoutSizeNamed(value: any): value is EuiFlyoutSize {\n  return SIZES.includes(value);\n}\n\n/**\n * A panel sliding in from the side of the window, for details or forms\n * that keep the page context. Render it only while open:\n * `{{#if this.isOpen}}<EuiFlyout @onClose={{…}}>…</EuiFlyout>{{/if}}`.\n */\nexport interface EuiFlyoutSignature {\n  Element: any;\n  Args: EuiFlyoutArgs;\n  Blocks: {\n    /** Usually `EuiFlyoutHeader`, `EuiFlyoutBody` and `EuiFlyoutFooter`. */\n    default: [];\n  };\n}\n\nexport default class EuiFlyoutComponent extends Component<EuiFlyoutSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.pushMinBreakpoint\n  );\n\n  @tracked dimensions?: { width?: number; height?: number };\n\n  get as() {\n    return this.args.as ?? 'div';\n  }\n\n  get hideCloseButton() {\n    return this.args.hideCloseButton ?? false;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'inside';\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get side() {\n    return this.args.side ?? 'right';\n  }\n\n  get size() {\n    return this.args.size ?? 'm';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get maxWidth() {\n    return this.args.maxWidth ?? false;\n  }\n\n  get type() {\n    return this.args.type ?? 'overlay';\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? false;\n  }\n\n  get role() {\n    return this.args.role ?? 'dialog';\n  }\n\n  get pushMinBreakpoint() {\n    return this.args.pushMinBreakpoint ?? 'l';\n  }\n\n  get isPushed() {\n    return this.type === 'push' && this.windowIsLargeEnoughToPush;\n  }\n\n  get styles() {\n    let newStyle: { [key: string]: unknown } = {};\n\n    if (this.maxWidth !== false) {\n      const value =\n        typeof this.maxWidth === 'number'\n          ? `${this.maxWidth}px`\n          : this.maxWidth;\n\n      newStyle = { maxWidth: value };\n    }\n\n    if (!isEuiFlyoutSizeNamed(this.size) && newStyle) {\n      newStyle['width'] = this.size;\n    } else {\n      newStyle = { width: this.size };\n    }\n\n    return newStyle;\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.pushMinBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  @action\n  onClose() {\n    this.args.onClose?.();\n  }\n\n  @action\n  onButtonCloseClicked(e: MouseEvent) {\n    this.onClose();\n    this.args.closeButtonProps?.onClick?.(e);\n  }\n\n  @action\n  onResize(dimensions: { width: number; height: number }) {\n    this.dimensions = dimensions;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\")\n        componentName=\"EuiFlyout\"\n        type=this.type\n        side=this.side\n        size=this.size\n        padding=this.paddingSize\n      )\n      (classNames\n        \"euiFlyout__closeButton\"\n        (concat \"euiFlyout__closeButton--\" this.closeButtonPosition)\n        (or @closeButtonProps.className @closeButtonProps.classes)\n      )\n      (modifier\n        focusTrap\n        isActive=(argOrDefault @isFocusTrapActive true)\n        shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n        isPaused=this.isPushed\n        focusTrapOptions=(argOrDefault\n          @focusTrapOptions\n          (hash\n            allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)\n          )\n        )\n      )\n      (modifier\n        outsideClickDetectorModifier\n        isDisabled=(or this.isPushed (not this.outsideClickCloses))\n        onOutsideClick=this.onClose\n      )\n      (modifier styleModifier this.styles)\n      (modifier onKey \"Escape\" this.onClose)\n      (modifier\n        classesModifier\n        type=this.type\n        isPushed=this.isPushed\n        side=this.side\n        dimensions=this.dimensions\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      )\n      (modifier resizeObserverModifier onResize=this.onResize)\n      (element this.as)\n      as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|\n    }}\n\n      {{#if (and this.ownFocus (not this.isPushed))}}\n        <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{!@glint-expect-error}}\n            {{currentStyles}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiOverlayMask>\n      {{else if (not this.isPushed)}}\n        <EuiPortal>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{currentStyles}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiPortal>\n      {{else}}\n        <TheElement\n          role={{this.role}}\n          class={{classes}}\n          tabindex={{-1}}\n          {{currentStyles}}\n          {{focusTrapModifier}}\n          {{outsideClickDetector}}\n          {{onEscape}}\n          {{classesModifier}}\n          {{resizeObserver}}\n          ...attributes\n        >\n          {{#if (and @onClose (not @hideCloseButton))}}\n            <EuiButtonIcon\n              @display={{if\n                (eq this.closeButtonPosition \"outside\")\n                \"fill\"\n                \"empty\"\n              }}\n              @iconType=\"cross\"\n              @color=\"text\"\n              aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n              data-test-subj=\"euiFlyoutCloseButton\"\n              class={{closeButtonClasses}}\n              {{on \"click\" this.onButtonCloseClicked}}\n            />\n          {{/if}}\n          {{yield}}\n        </TheElement>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["classesModifier","modBuilder","_element","_pos","type","isPushed","side","dimensions","functionToCallOnWindowResize","document","body","classList","add","window","addEventListener","width","style","paddingRight","paddingLeft","remove","removeEventListener","SIZES","keysOf","sizeMapping","isEuiFlyoutSizeNamed","value","includes","EuiFlyoutComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","pushMinBreakpoint","i","as","args","hideCloseButton","closeButtonPosition","ownFocus","size","paddingSize","maxWidth","outsideClickCloses","role","windowIsLargeEnoughToPush","styles","newStyle","throttle","n","action","onClose","onButtonCloseClicked","e","closeButtonProps","onClick","onResize","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","concat","or","focusTrap","argOrDefault","hash","not","outsideClickDetectorModifier","styleModifier","onKey","resizeObserverModifier","element","and","EuiOverlayMask","EuiButtonIcon","on","EuiPortal"],"mappings":"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"}
+{"version":3,"file":"eui-flyout.js","sources":["../../src/components/eui-flyout.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier as modBuilder } from 'ember-modifier';\nimport styleModifier from 'ember-style-modifier/modifiers/style';\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 outsideClickDetectorModifier from '../modifiers/outside-click-detector.ts';\nimport resizeObserverModifier from '../modifiers/resize-observer.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-flyout.ts';\nimport { keysOf } from './common.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiFlyoutArgs = {\n  /** Same as `@closeButtonAriaLabel`. */\n  closeAriaLabel?: string;\n  /** @deprecated Has no effect: render the flyout only while it is open. */\n  isOpen?: boolean;\n  /** @deprecated Has no effect, see EuiCollapsibleNav; use `@type=\"push\"`. */\n  isDocked?: boolean;\n  /** @deprecated Has no effect; use `@pushMinBreakpoint`. */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /** @deprecated Has no effect. */\n  showButtonIfDocked?: boolean;\n\n  /** Traps keyboard focus inside the flyout. Defaults to `true`. */\n  isFocusTrapActive?: boolean;\n\n  /** Tag of the flyout, e.g. `'nav'` or `'aside'`. Defaults to `'div'`. */\n  as?: string;\n\n  /**\n   * Width: `'s'`, `'m'` or `'l'`, a number in px or any CSS width.\n   * Defaults to `'m'`.\n   */\n  size?: number | string;\n\n  /** Side of the window it slides in from. Defaults to `'right'`. */\n  side?: 'left' | 'right';\n\n  /** `role` of the flyout. Defaults to `'dialog'`. */\n  role?: null | string;\n\n  /**\n   * Renders a mask over the page behind the flyout, which closes it when\n   * clicked. Without it, the page stays usable. Defaults to `true`.\n   */\n  ownFocus?: boolean;\n\n  /** Clicking outside the flyout calls `@onClose`. Defaults to `false`. */\n  outsideClickCloses?: boolean;\n\n  /**\n   * Close button `'inside'` the flyout's corner or `'outside'` next to it.\n   * Defaults to `'inside'`.\n   */\n  closeButtonPosition?: 'outside' | 'inside';\n\n  /**\n   * Padding of `EuiFlyoutHeader`, `EuiFlyoutBody` and `EuiFlyoutFooter`:\n   * `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`.\n   */\n  paddingSize?: string;\n\n  /** Hides the close button (e.g. when the flyout has its own). */\n  hideCloseButton?: boolean;\n\n  /** Props for the close button: `{ className, onClick }`. */\n  closeButtonProps?: {\n    className?: string;\n    onClick?: (e: MouseEvent) => void;\n    classes?: string;\n  };\n\n  /** Accessible label of the close button. Defaults to \"Close this dialog\". */\n  closeButtonAriaLabel?: string;\n\n  /**\n   * Called by the close button, Escape, the mask and outside clicks. Stop\n   * rendering the flyout here. Without it there is no close button.\n   */\n  onClose?: () => void;\n\n  /**\n   * Caps the width: `true` for EUI's default max width, or a number in px.\n   * Defaults to `false`.\n   */\n  maxWidth?: boolean | number;\n\n  /** @deprecated Has no effect. */\n  maskProps?: Record<string, unknown>;\n\n  /**\n   * `'overlay'` covers the page; `'push'` pads the page so the flyout sits\n   * beside it (on windows at least `@pushMinBreakpoint` wide).\n   * Defaults to `'overlay'`.\n   */\n  type?: string;\n\n  /**\n   * Minimum window width for `@type=\"push\"`: a named breakpoint (`'xs'`\n   * to `'xl'`) or px. Smaller windows get an overlay. Defaults to `'l'`.\n   */\n  pushMinBreakpoint?: number | EuiBreakpointSize;\n\n  /** Focuses the flyout itself when it opens. Defaults to `true`. */\n  shouldSelfFocus?: boolean;\n\n  /**\n   * Options for the focus trap (focus-trap library), e.g.\n   * `{ initialFocus: '#name' }`. Defaults to allowing outside clicks.\n   */\n  focusTrapOptions?: {\n    allowOutsideClick?: boolean;\n    clickOutsideDeactivates?: boolean;\n    initialFocus?: string | HTMLElement | (() => HTMLElement);\n    fallbackFocus?: string | HTMLElement | (() => HTMLElement);\n    escapeDeactivates?: boolean;\n    returnFocusOnDeactivate?: boolean;\n    preventScroll?: boolean;\n  };\n};\n\nconst classesModifier = modBuilder(\n  (\n    _element: Element,\n    _pos,\n    {\n      type,\n      isPushed,\n      side,\n      dimensions = {},\n      functionToCallOnWindowResize\n    }: {\n      type: string;\n      isPushed: boolean;\n      side: string;\n      dimensions?: { width?: number };\n      functionToCallOnWindowResize: () => void;\n    }\n  ) => {\n    // This class doesn't actually do anything by EUI, but is nice to add for consumers (JIC)\n    document.body.classList.add('euiBody--hasFlyout');\n\n    /**\n     * Accomodate for the `isPushed` state by adding padding to the body equal to the width of the element\n     */\n    if (type === 'push') {\n      // Only add the event listener if we'll need to accommodate with padding\n      window.addEventListener('resize', functionToCallOnWindowResize);\n\n      if (isPushed && dimensions.width) {\n        if (side === 'right') {\n          document.body.style.paddingRight = `${dimensions.width}px`;\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = `${dimensions.width}px`;\n        }\n      }\n    }\n\n    return () => {\n      document.body.classList.remove('euiBody--hasFlyout');\n\n      if (type === 'push') {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n\n        if (side === 'right') {\n          document.body.style.paddingRight = '';\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = '';\n        }\n      }\n    };\n  }\n);\n\nexport const SIZES = keysOf(sizeMapping);\nexport type EuiFlyoutSize = (typeof SIZES)[number];\n\nfunction isEuiFlyoutSizeNamed(value: any): value is EuiFlyoutSize {\n  return SIZES.includes(value);\n}\n\n/**\n * A panel sliding in from the side of the window, for details or forms\n * that keep the page context. Render it only while open:\n * `{{#if this.isOpen}}<EuiFlyout @onClose={{…}}>…</EuiFlyout>{{/if}}`.\n */\nexport interface EuiFlyoutSignature {\n  Element: any;\n  Args: EuiFlyoutArgs;\n  Blocks: {\n    /** Usually `EuiFlyoutHeader`, `EuiFlyoutBody` and `EuiFlyoutFooter`. */\n    default: [];\n  };\n}\n\nexport default class EuiFlyoutComponent extends Component<EuiFlyoutSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.pushMinBreakpoint\n  );\n\n  @tracked dimensions?: { width?: number; height?: number };\n\n  get as() {\n    return this.args.as ?? 'div';\n  }\n\n  get hideCloseButton() {\n    return this.args.hideCloseButton ?? false;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'inside';\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get side() {\n    return this.args.side ?? 'right';\n  }\n\n  get size() {\n    return this.args.size ?? 'm';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get maxWidth() {\n    return this.args.maxWidth ?? false;\n  }\n\n  get type() {\n    return this.args.type ?? 'overlay';\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? false;\n  }\n\n  get role() {\n    return this.args.role ?? 'dialog';\n  }\n\n  get pushMinBreakpoint() {\n    return this.args.pushMinBreakpoint ?? 'l';\n  }\n\n  get isPushed() {\n    return this.type === 'push' && this.windowIsLargeEnoughToPush;\n  }\n\n  get styles() {\n    let newStyle: { [key: string]: unknown } = {};\n\n    if (this.maxWidth !== false) {\n      const value =\n        typeof this.maxWidth === 'number'\n          ? `${this.maxWidth}px`\n          : this.maxWidth;\n\n      newStyle = { maxWidth: value };\n    }\n\n    if (!isEuiFlyoutSizeNamed(this.size) && newStyle) {\n      newStyle['width'] = this.size;\n    } else {\n      newStyle = { width: this.size };\n    }\n\n    return newStyle;\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.pushMinBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  @action\n  onClose() {\n    this.args.onClose?.();\n  }\n\n  @action\n  onButtonCloseClicked(e: MouseEvent) {\n    this.onClose();\n    this.args.closeButtonProps?.onClick?.(e);\n  }\n\n  @action\n  onResize(dimensions: { width: number; height: number }) {\n    this.dimensions = dimensions;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\")\n        componentName=\"EuiFlyout\"\n        type=this.type\n        side=this.side\n        size=this.size\n        padding=this.paddingSize\n      )\n      (classNames\n        \"euiFlyout__closeButton\"\n        (concat \"euiFlyout__closeButton--\" this.closeButtonPosition)\n        (or @closeButtonProps.className @closeButtonProps.classes)\n      )\n      (modifier\n        focusTrap\n        isActive=(argOrDefault @isFocusTrapActive true)\n        shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n        isPaused=this.isPushed\n        focusTrapOptions=(argOrDefault\n          @focusTrapOptions\n          (hash\n            allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)\n          )\n        )\n      )\n      (modifier\n        outsideClickDetectorModifier\n        isDisabled=(or this.isPushed (not this.outsideClickCloses))\n        onOutsideClick=this.onClose\n      )\n      (modifier styleModifier this.styles)\n      (modifier onKey \"Escape\" this.onClose)\n      (modifier\n        classesModifier\n        type=this.type\n        isPushed=this.isPushed\n        side=this.side\n        dimensions=this.dimensions\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      )\n      (modifier resizeObserverModifier onResize=this.onResize)\n      (element this.as)\n      as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|\n    }}\n\n      {{#if (and this.ownFocus (not this.isPushed))}}\n        <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{!@glint-expect-error}}\n            {{currentStyles}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiOverlayMask>\n      {{else if (not this.isPushed)}}\n        <EuiPortal>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{currentStyles}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiPortal>\n      {{else}}\n        <TheElement\n          role={{this.role}}\n          class={{classes}}\n          tabindex={{-1}}\n          {{currentStyles}}\n          {{focusTrapModifier}}\n          {{outsideClickDetector}}\n          {{onEscape}}\n          {{classesModifier}}\n          {{resizeObserver}}\n          ...attributes\n        >\n          {{#if (and @onClose (not @hideCloseButton))}}\n            <EuiButtonIcon\n              @display={{if\n                (eq this.closeButtonPosition \"outside\")\n                \"fill\"\n                \"empty\"\n              }}\n              @iconType=\"cross\"\n              @color=\"text\"\n              aria-label={{or @closeButtonAriaLabel @closeAriaLabel \"Close this dialog\"}}\n              data-test-subj=\"euiFlyoutCloseButton\"\n              class={{closeButtonClasses}}\n              {{on \"click\" this.onButtonCloseClicked}}\n            />\n          {{/if}}\n          {{yield}}\n        </TheElement>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["classesModifier","modBuilder","_element","_pos","type","isPushed","side","dimensions","functionToCallOnWindowResize","document","body","classList","add","window","addEventListener","width","style","paddingRight","paddingLeft","remove","removeEventListener","SIZES","keysOf","sizeMapping","isEuiFlyoutSizeNamed","value","includes","EuiFlyoutComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","pushMinBreakpoint","i","as","args","hideCloseButton","closeButtonPosition","ownFocus","size","paddingSize","maxWidth","outsideClickCloses","role","windowIsLargeEnoughToPush","styles","newStyle","throttle","n","action","onClose","onButtonCloseClicked","e","closeButtonProps","onClick","onResize","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","concat","or","focusTrap","argOrDefault","hash","not","outsideClickDetectorModifier","styleModifier","onKey","resizeObserverModifier","and","EuiOverlayMask","EuiButtonIcon","on","EuiPortal"],"mappings":"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"}

package/dist/components/eui-key-pad-menu-item.js

@@ -1,7 +1,6 @@
 import { helper } from '@ember/component/helper';
 import { fn } from '@ember/helper';
 import { on } from '@ember/modifier';
-import { element } from 'ember-element-helper';
 import { eq, not, and } from 'ember-truth-helpers';
 import randomId from '../-private/random-id.js';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -23,7 +22,6 @@ const EuiKeyPadMenuItem = setComponentTemplate(precompileTemplate("{{#let (if @c
     not,
     argOrDefault,
     randomId,
-    element,
     classNames,
     eq,
     EuiRadio,

package/dist/components/eui-key-pad-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-key-pad-menu-item.js","sources":["../../src/components/eui-key-pad-menu-item.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { element } from 'ember-element-helper';\nimport { and, eq, not } 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 EuiCheckbox from './eui-checkbox.gts';\nimport EuiRadio from './eui-radio.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst charAt = helper(function ([str, num]: [string | undefined, number]) {\n  return str?.charAt?.(num);\n});\n\nexport interface EuiKeyPadMenuItemSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    /**\n     * Makes the item a checkbox (`'label'`) or a radio (`'single'`, share a\n     * `@name`) inside a checkable EuiKeyPadMenu.\n     */\n    checkable?: 'label' | 'single';\n    /** Makes the item a link. */\n    href?: string;\n    /** Disables the item. */\n    isDisabled?: boolean;\n    /** Selected (pressed, current page, or checked) state. */\n    isSelected?: boolean;\n    /** Text under the icon. */\n    label?: string;\n    /** `name` of the radio or checkbox. */\n    name?: string;\n    /** `value` of the radio. */\n    value?: string;\n    /**\n     * Called when a checkable item changes, with its id (and value for\n     * radios). Buttons use `{{on \"click\" …}}`.\n     */\n    onChange: (id: string, value?: string | Event) => void;\n    /** Shows a beta badge with the first letter of this label (full label on hover). */\n    betaBadgeLabel?: string;\n    /** Icon in the beta badge instead of the letter. */\n    betaBadgeIconType?: EuiIconSignature['Args']['type'];\n    /** Tooltip of the beta badge. */\n    betaBadgeTooltipContent?: string;\n    /** Id of the checkable input. Defaults to a random id. */\n    id?: string;\n    /** `target` of the `@href` link. */\n    target?: string;\n  };\n  Blocks: {\n    /** The icon, e.g. `<EuiIcon @type=\"discoverApp\" @size=\"l\" />`. */\n    default: [];\n  };\n}\n\nconst EuiKeyPadMenuItem: TemplateOnlyComponent<EuiKeyPadMenuItemSignature> =\n  <template>\n    {{#let\n      (if @checkable \"label\" (if (and @href (not @isDisabled)) \"a\" \"button\"))\n      (argOrDefault @id (randomId))\n      (and @href (not @isDisabled))\n      as |ElementTag itemId useHref|\n    }}\n      {{#let (element ElementTag) as |TagElement|}}\n        <TagElement\n          href={{if useHref @href}}\n          target={{if useHref @target}}\n          aria-current={{if (and useHref @isSelected) \"true\"}}\n          for={{if @checkable itemId}}\n          disabled={{if (and (not useHref) (not @checkable)) @isDisabled}}\n          type={{if (and (not useHref) (not @checkable)) \"button\"}}\n          aria-pressed={{if\n            (and (not useHref) (not @checkable))\n            (if @isSelected \"true\" \"false\")\n          }}\n          class={{classNames\n            \"euiKeyPadMenuItem\"\n            (if @betaBadgeLabel \"euiKeyPadMenuItem--hasBetaBadge\")\n            (if @checkable \"euiKeyPadMenuItem--checkable\")\n            (if @isDisabled \"euiKeyPadMenuItem-isDisabled\")\n            (if @isSelected \"euiKeyPadMenuItem-isSelected\")\n          }}\n          rel={{if useHref \"noreferrer\"}}\n          {{!@glint-expect-error}}\n          ...attributes\n        >\n          <span class=\"euiKeyPadMenuItem__inner\">\n            {{#if @checkable}}\n              {{#if (eq @checkable \"single\")}}\n                {{! template-lint-disable no-duplicate-id }}\n                <EuiRadio\n                  id={{itemId}}\n                  @containerClass=\"euiKeyPadMenuItem__checkableInput\"\n                  @checked={{@isSelected}}\n                  @disabled={{@isDisabled}}\n                  @name={{@name}}\n                  value={{@value}}\n                  {{on \"change\" (fn @onChange itemId @value)}}\n                />\n              {{else}}\n                <EuiCheckbox\n                  id={{itemId}}\n                  @containerClass=\"euiKeyPadMenuItem__checkableInput\"\n                  @checked={{@isSelected}}\n                  @disabled={{@isDisabled}}\n                  @name={{@name}}\n                  {{on \"change\" (fn @onChange itemId)}}\n                />\n              {{/if}}\n            {{else if @betaBadgeLabel}}\n              <EuiBetaBadge\n                @size=\"s\"\n                @color=\"subdued\"\n                class=\"euiKeyPadMenuItem__betaBadge\"\n                @label={{charAt @betaBadgeLabel 0}}\n                @title={{@betaBadgeLabel}}\n                @iconType={{@betaBadgeIconType}}\n                @tooltipContent={{@betaBadgeTooltipContent}}\n              />\n            {{/if}}\n            <span class=\"euiKeyPadMenuItem__icon\">{{yield}}</span>\n            <span class=\"euiKeyPadMenuItem__label\">{{@label}}</span>\n          </span>\n        </TagElement>\n\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiKeyPadMenuItem;\n"],"names":["charAt","helper","str","num","EuiKeyPadMenuItem","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","element","classNames","eq","EuiRadio","on","fn","EuiCheckbox","EuiBetaBadge","templateOnly"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAMA,MAAA,GAASC,MAAA,CAAO,UAAU,CAACC,GAAA,EAAKC,GAAA,CAAkC,EAAA;AACtE,EAAA,OAAOD,KAAKF,MAAA,GAASG,GAAA,CAAA;AACvB,CAAA,CAAA;AA4CA,MAAMC,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,ohEAAA,EAuEA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,YAAA;AAAApB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAqB,YAAA,EAAA;;"}
+{"version":3,"file":"eui-key-pad-menu-item.js","sources":["../../src/components/eui-key-pad-menu-item.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { and, eq, not } 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 EuiCheckbox from './eui-checkbox.gts';\nimport EuiRadio from './eui-radio.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst charAt = helper(function ([str, num]: [string | undefined, number]) {\n  return str?.charAt?.(num);\n});\n\nexport interface EuiKeyPadMenuItemSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    /**\n     * Makes the item a checkbox (`'label'`) or a radio (`'single'`, share a\n     * `@name`) inside a checkable EuiKeyPadMenu.\n     */\n    checkable?: 'label' | 'single';\n    /** Makes the item a link. */\n    href?: string;\n    /** Disables the item. */\n    isDisabled?: boolean;\n    /** Selected (pressed, current page, or checked) state. */\n    isSelected?: boolean;\n    /** Text under the icon. */\n    label?: string;\n    /** `name` of the radio or checkbox. */\n    name?: string;\n    /** `value` of the radio. */\n    value?: string;\n    /**\n     * Called when a checkable item changes, with its id (and value for\n     * radios). Buttons use `{{on \"click\" …}}`.\n     */\n    onChange: (id: string, value?: string | Event) => void;\n    /** Shows a beta badge with the first letter of this label (full label on hover). */\n    betaBadgeLabel?: string;\n    /** Icon in the beta badge instead of the letter. */\n    betaBadgeIconType?: EuiIconSignature['Args']['type'];\n    /** Tooltip of the beta badge. */\n    betaBadgeTooltipContent?: string;\n    /** Id of the checkable input. Defaults to a random id. */\n    id?: string;\n    /** `target` of the `@href` link. */\n    target?: string;\n  };\n  Blocks: {\n    /** The icon, e.g. `<EuiIcon @type=\"discoverApp\" @size=\"l\" />`. */\n    default: [];\n  };\n}\n\nconst EuiKeyPadMenuItem: TemplateOnlyComponent<EuiKeyPadMenuItemSignature> =\n  <template>\n    {{#let\n      (if @checkable \"label\" (if (and @href (not @isDisabled)) \"a\" \"button\"))\n      (argOrDefault @id (randomId))\n      (and @href (not @isDisabled))\n      as |ElementTag itemId useHref|\n    }}\n      {{#let (element ElementTag) as |TagElement|}}\n        <TagElement\n          href={{if useHref @href}}\n          target={{if useHref @target}}\n          aria-current={{if (and useHref @isSelected) \"true\"}}\n          for={{if @checkable itemId}}\n          disabled={{if (and (not useHref) (not @checkable)) @isDisabled}}\n          type={{if (and (not useHref) (not @checkable)) \"button\"}}\n          aria-pressed={{if\n            (and (not useHref) (not @checkable))\n            (if @isSelected \"true\" \"false\")\n          }}\n          class={{classNames\n            \"euiKeyPadMenuItem\"\n            (if @betaBadgeLabel \"euiKeyPadMenuItem--hasBetaBadge\")\n            (if @checkable \"euiKeyPadMenuItem--checkable\")\n            (if @isDisabled \"euiKeyPadMenuItem-isDisabled\")\n            (if @isSelected \"euiKeyPadMenuItem-isSelected\")\n          }}\n          rel={{if useHref \"noreferrer\"}}\n          {{!@glint-expect-error}}\n          ...attributes\n        >\n          <span class=\"euiKeyPadMenuItem__inner\">\n            {{#if @checkable}}\n              {{#if (eq @checkable \"single\")}}\n                {{! template-lint-disable no-duplicate-id }}\n                <EuiRadio\n                  id={{itemId}}\n                  @containerClass=\"euiKeyPadMenuItem__checkableInput\"\n                  @checked={{@isSelected}}\n                  @disabled={{@isDisabled}}\n                  @name={{@name}}\n                  value={{@value}}\n                  {{on \"change\" (fn @onChange itemId @value)}}\n                />\n              {{else}}\n                <EuiCheckbox\n                  id={{itemId}}\n                  @containerClass=\"euiKeyPadMenuItem__checkableInput\"\n                  @checked={{@isSelected}}\n                  @disabled={{@isDisabled}}\n                  @name={{@name}}\n                  {{on \"change\" (fn @onChange itemId)}}\n                />\n              {{/if}}\n            {{else if @betaBadgeLabel}}\n              <EuiBetaBadge\n                @size=\"s\"\n                @color=\"subdued\"\n                class=\"euiKeyPadMenuItem__betaBadge\"\n                @label={{charAt @betaBadgeLabel 0}}\n                @title={{@betaBadgeLabel}}\n                @iconType={{@betaBadgeIconType}}\n                @tooltipContent={{@betaBadgeTooltipContent}}\n              />\n            {{/if}}\n            <span class=\"euiKeyPadMenuItem__icon\">{{yield}}</span>\n            <span class=\"euiKeyPadMenuItem__label\">{{@label}}</span>\n          </span>\n        </TagElement>\n\n      {{/let}}\n    {{/let}}\n  </template>;\n\nexport default EuiKeyPadMenuItem;\n"],"names":["charAt","helper","str","num","EuiKeyPadMenuItem","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","classNames","eq","EuiRadio","on","fn","EuiCheckbox","EuiBetaBadge","templateOnly"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,MAAA,GAASC,MAAA,CAAO,UAAU,CAACC,GAAA,EAAKC,GAAA,CAAkC,EAAA;AACtE,EAAA,OAAOD,KAAKF,MAAA,GAASG,GAAA,CAAA;AACvB,CAAA,CAAA;AA4CA,MAAMC,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,ohEAAA,EAuEA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,YAAA;AAAAnB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAoB,YAAA,EAAA;;"}

package/dist/components/eui-notification-event.js

@@ -1,6 +1,5 @@
 import { on } from '@ember/modifier';
 import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
-import { element } from 'ember-element-helper';
 import { or, eq, and } from 'ember-truth-helpers';
 import randomId from '../-private/random-id.js';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -20,7 +19,6 @@ const EuiNotificationEvent = setComponentTemplate(precompileTemplate("{{#let (ra
   strictMode: true,
   scope: () => ({
     randomId,
-    element,
     argOrDefault,
     and,
     classNames,

package/dist/components/eui-notification-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-notification-event.js","sources":["../../src/components/eui-notification-event.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport { and, eq, 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 typeOf from '../helpers/type-of.ts';\nimport EuiLink from './eui-link.gts';\nimport EuiNotificationEventMessages from './eui-notification-event-messages.gts';\nimport EuiNotificationEventMeta from './eui-notification-event-meta.gts';\nimport EuiNotificationEventReadButton from './eui-notification-event-read-button.gts';\nimport EuiNotificationEventReadIcon from './eui-notification-event-read-icon.gts';\nimport TextBlock from './text-block.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiNotificationEventMessagesSignature } from './eui-notification-event-messages';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * One notification in a list (e.g. a flyout from the header): title,\n * source, time, messages, read state and actions.\n */\nexport interface EuiNotificationEventSignature {\n  Element: any;\n  Args: {\n    /** Id of the event, for its read button/icon. */\n    id?: string;\n    /** Tag of the event. Defaults to `'article'`. */\n    tagName?: string;\n    /** @private Render the `<:contextMenu>` block. Defaults to `true`. */\n    hasContextMenuBlock?: boolean;\n    /** @private Render the `<:primaryAction>` block. Defaults to `true`. */\n    hasPrimaryActionBlock?: boolean;\n    /**\n     * Read state. When a boolean, shows a read indicator (a button with\n     * `@onRead`, otherwise an icon); leave it undefined to show none.\n     */\n    isRead?: boolean;\n    /** Makes the title a link. */\n    href?: string;\n    /** Makes the title a button calling this function. */\n    onClickTitle?: (event: MouseEvent) => void;\n    /** Called by the read button; toggle `@isRead` here. */\n    onRead?: (event: MouseEvent) => void;\n    /** Called when the context menu button is clicked. */\n    onOpenContextMenu?: (event: MouseEvent) => void;\n    /** The event's title. */\n    title?: string;\n    /** Kind of event shown in a badge, e.g. \"Alert\" or \"Report\". */\n    type?: string;\n    /** Severity appended to the badge, e.g. \"Critical\" (\"Alert: Critical\"). */\n    severity?: string;\n    /** Color of the type badge, any `EuiBadge` color. */\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    /** Icon before the badge, e.g. the app it comes from. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Accessible label of `@iconType`; without it the icon is decorative. */\n    iconAriaLabel?: string;\n    /** When it happened, e.g. \"2 min ago\". */\n    time?: string;\n    /** Color of `@iconType`. */\n    iconColor?: string;\n    /** Color of the read indicator. Defaults to `'primary'`. */\n    readIconColor?: string;\n    /** Heading tag of the title. Defaults to `'h2'`. */\n    headingLevel?: TextBlockSignature['Args']['tagName'];\n    /**\n     * The event's messages: the first is shown, the rest behind a\n     * \"show more\" accordion.\n     */\n    messages: EuiNotificationEventMessagesSignature['Args']['messages'];\n    /** Text of the button revealing the other messages, e.g. \"+ 2 more\". */\n    accordionButtonText?: EuiNotificationEventMessagesSignature['Args']['accordionButtonText'];\n    /** Text shown next to it while closed, e.g. \"Show\". */\n    accordionHideText?: EuiNotificationEventMessagesSignature['Args']['accordionHideText'];\n  };\n  Blocks: {\n    /** Unused. */\n    default: [];\n    /** Context menu content, e.g. an `EuiContextMenuPanel` of actions. */\n    contextMenu: [];\n    /** A primary action below the messages, e.g. a \"View\" button. */\n    primaryAction: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (randomId)\n      (element (argOrDefault @tagName \"article\"))\n      (and (argOrDefault @hasContextMenuBlock true) (has-block \"contextMenu\"))\n      (and\n        (argOrDefault @hasPrimaryActionBlock true) (has-block \"primaryAction\")\n      )\n      as |id Element hasContextMenuBlock hasPrimaryActionBlock|\n    }}\n      <Element\n        aria-labelledby={{id}}\n        key={{@id}}\n        class={{classNames\n          \"euiNotificationEvent\"\n          (if\n            (eq (typeOf @isRead) \"boolean\")\n            \"euiNotificationEvent--withReadState\"\n          )\n        }}\n        ...attributes\n      >\n\n        {{#if (eq (typeOf @isRead) \"boolean\")}}\n          <div class=\"euiNotificationEvent__readButton\">\n            {{#if @onRead}}\n              <EuiNotificationEventReadButton\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                {{on \"click\" @onRead}}\n              />\n            {{else}}\n              <EuiNotificationEventReadIcon\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                @readIconColor={{@readIconColor}}\n              />\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class=\"euiNotificationEvent__content\">\n          <EuiNotificationEventMeta\n            @id={{@id}}\n            @type={{@type}}\n            @severity={{@severity}}\n            @badgeColor={{@badgeColor}}\n            @iconType={{@iconType}}\n            @iconAriaLabel={{@iconAriaLabel}}\n            @time={{@time}}\n            @onOpenContextMenu={{@onOpenContextMenu}}\n            @hasDefaultBlock={{hasContextMenuBlock}}\n            @iconColor={{@iconColor}}\n          >\n            {{yield to=\"contextMenu\"}}\n          </EuiNotificationEventMeta>\n\n          {{#let\n            (classNames\n              \"euiNotificationEvent__title\"\n              (if @isRead \"euiNotificationEvent__title--isRead\")\n            )\n            (argOrDefault @headingLevel \"h2\")\n            as |classNames headingLevel|\n          }}\n            {{#if (or @href @onClickTitle)}}\n              <EuiLink\n                class={{classNames}}\n                id={{id}}\n                @href={{@href}}\n                {{on \"click\" (optional @onClickTitle)}}\n              >\n                <TextBlock @tagName={{headingLevel}}>\n                  {{@title}}\n                </TextBlock>\n              </EuiLink>\n            {{else if @title}}\n              <TextBlock\n                id={{id}}\n                class={{classNames}}\n                @tagName={{headingLevel}}\n              >\n                {{@title}}\n              </TextBlock>\n            {{/if}}\n          {{/let}}\n\n          <EuiNotificationEventMessages\n            @messages={{@messages}}\n            @accordionButtonText={{@accordionButtonText}}\n            @accordionHideText={{@accordionHideText}}\n          />\n\n          {{#if hasPrimaryActionBlock}}\n            <div class=\"euiNotificationEvent__primaryAction\">\n              {{yield to=\"primaryAction\"}}\n            </div>\n          {{/if}}\n\n        </div>\n\n      </Element>\n    {{/let}}\n  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","element","argOrDefault","and","classNames","eq","typeOf","EuiNotificationEventReadButton","on","EuiNotificationEventReadIcon","EuiNotificationEventMeta","or","EuiLink","optional","TextBlock","EuiNotificationEventMessages","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;;AA2FA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,gzEAAA,EAyGA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,4BAAA;8BAAAC,sBAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-notification-event.js","sources":["../../src/components/eui-notification-event.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, 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 typeOf from '../helpers/type-of.ts';\nimport EuiLink from './eui-link.gts';\nimport EuiNotificationEventMessages from './eui-notification-event-messages.gts';\nimport EuiNotificationEventMeta from './eui-notification-event-meta.gts';\nimport EuiNotificationEventReadButton from './eui-notification-event-read-button.gts';\nimport EuiNotificationEventReadIcon from './eui-notification-event-read-icon.gts';\nimport TextBlock from './text-block.gts';\n\nimport type { EuiBadgeSignature } from './eui-badge';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiNotificationEventMessagesSignature } from './eui-notification-event-messages';\nimport type { TextBlockSignature } from './text-block';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * One notification in a list (e.g. a flyout from the header): title,\n * source, time, messages, read state and actions.\n */\nexport interface EuiNotificationEventSignature {\n  Element: any;\n  Args: {\n    /** Id of the event, for its read button/icon. */\n    id?: string;\n    /** Tag of the event. Defaults to `'article'`. */\n    tagName?: string;\n    /** @private Render the `<:contextMenu>` block. Defaults to `true`. */\n    hasContextMenuBlock?: boolean;\n    /** @private Render the `<:primaryAction>` block. Defaults to `true`. */\n    hasPrimaryActionBlock?: boolean;\n    /**\n     * Read state. When a boolean, shows a read indicator (a button with\n     * `@onRead`, otherwise an icon); leave it undefined to show none.\n     */\n    isRead?: boolean;\n    /** Makes the title a link. */\n    href?: string;\n    /** Makes the title a button calling this function. */\n    onClickTitle?: (event: MouseEvent) => void;\n    /** Called by the read button; toggle `@isRead` here. */\n    onRead?: (event: MouseEvent) => void;\n    /** Called when the context menu button is clicked. */\n    onOpenContextMenu?: (event: MouseEvent) => void;\n    /** The event's title. */\n    title?: string;\n    /** Kind of event shown in a badge, e.g. \"Alert\" or \"Report\". */\n    type?: string;\n    /** Severity appended to the badge, e.g. \"Critical\" (\"Alert: Critical\"). */\n    severity?: string;\n    /** Color of the type badge, any `EuiBadge` color. */\n    badgeColor?: EuiBadgeSignature['Args']['color'];\n    /** Icon before the badge, e.g. the app it comes from. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Accessible label of `@iconType`; without it the icon is decorative. */\n    iconAriaLabel?: string;\n    /** When it happened, e.g. \"2 min ago\". */\n    time?: string;\n    /** Color of `@iconType`. */\n    iconColor?: string;\n    /** Color of the read indicator. Defaults to `'primary'`. */\n    readIconColor?: string;\n    /** Heading tag of the title. Defaults to `'h2'`. */\n    headingLevel?: TextBlockSignature['Args']['tagName'];\n    /**\n     * The event's messages: the first is shown, the rest behind a\n     * \"show more\" accordion.\n     */\n    messages: EuiNotificationEventMessagesSignature['Args']['messages'];\n    /** Text of the button revealing the other messages, e.g. \"+ 2 more\". */\n    accordionButtonText?: EuiNotificationEventMessagesSignature['Args']['accordionButtonText'];\n    /** Text shown next to it while closed, e.g. \"Show\". */\n    accordionHideText?: EuiNotificationEventMessagesSignature['Args']['accordionHideText'];\n  };\n  Blocks: {\n    /** Unused. */\n    default: [];\n    /** Context menu content, e.g. an `EuiContextMenuPanel` of actions. */\n    contextMenu: [];\n    /** A primary action below the messages, e.g. a \"View\" button. */\n    primaryAction: [];\n  };\n}\n\nconst EuiNotificationEvent: TemplateOnlyComponent<EuiNotificationEventSignature> =\n  <template>\n    {{#let\n      (randomId)\n      (element (argOrDefault @tagName \"article\"))\n      (and (argOrDefault @hasContextMenuBlock true) (has-block \"contextMenu\"))\n      (and\n        (argOrDefault @hasPrimaryActionBlock true) (has-block \"primaryAction\")\n      )\n      as |id Element hasContextMenuBlock hasPrimaryActionBlock|\n    }}\n      <Element\n        aria-labelledby={{id}}\n        key={{@id}}\n        class={{classNames\n          \"euiNotificationEvent\"\n          (if\n            (eq (typeOf @isRead) \"boolean\")\n            \"euiNotificationEvent--withReadState\"\n          )\n        }}\n        ...attributes\n      >\n\n        {{#if (eq (typeOf @isRead) \"boolean\")}}\n          <div class=\"euiNotificationEvent__readButton\">\n            {{#if @onRead}}\n              <EuiNotificationEventReadButton\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                {{on \"click\" @onRead}}\n              />\n            {{else}}\n              <EuiNotificationEventReadIcon\n                @id={{@id}}\n                @isRead={{@isRead}}\n                @eventName={{@title}}\n                @readIconColor={{@readIconColor}}\n              />\n            {{/if}}\n          </div>\n        {{/if}}\n\n        <div class=\"euiNotificationEvent__content\">\n          <EuiNotificationEventMeta\n            @id={{@id}}\n            @type={{@type}}\n            @severity={{@severity}}\n            @badgeColor={{@badgeColor}}\n            @iconType={{@iconType}}\n            @iconAriaLabel={{@iconAriaLabel}}\n            @time={{@time}}\n            @onOpenContextMenu={{@onOpenContextMenu}}\n            @hasDefaultBlock={{hasContextMenuBlock}}\n            @iconColor={{@iconColor}}\n          >\n            {{yield to=\"contextMenu\"}}\n          </EuiNotificationEventMeta>\n\n          {{#let\n            (classNames\n              \"euiNotificationEvent__title\"\n              (if @isRead \"euiNotificationEvent__title--isRead\")\n            )\n            (argOrDefault @headingLevel \"h2\")\n            as |classNames headingLevel|\n          }}\n            {{#if (or @href @onClickTitle)}}\n              <EuiLink\n                class={{classNames}}\n                id={{id}}\n                @href={{@href}}\n                {{on \"click\" (optional @onClickTitle)}}\n              >\n                <TextBlock @tagName={{headingLevel}}>\n                  {{@title}}\n                </TextBlock>\n              </EuiLink>\n            {{else if @title}}\n              <TextBlock\n                id={{id}}\n                class={{classNames}}\n                @tagName={{headingLevel}}\n              >\n                {{@title}}\n              </TextBlock>\n            {{/if}}\n          {{/let}}\n\n          <EuiNotificationEventMessages\n            @messages={{@messages}}\n            @accordionButtonText={{@accordionButtonText}}\n            @accordionHideText={{@accordionHideText}}\n          />\n\n          {{#if hasPrimaryActionBlock}}\n            <div class=\"euiNotificationEvent__primaryAction\">\n              {{yield to=\"primaryAction\"}}\n            </div>\n          {{/if}}\n\n        </div>\n\n      </Element>\n    {{/let}}\n  </template>;\n\nexport default EuiNotificationEvent;\n"],"names":["EuiNotificationEvent","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","argOrDefault","and","classNames","eq","typeOf","EuiNotificationEventReadButton","on","EuiNotificationEventReadIcon","EuiNotificationEventMeta","or","EuiLink","optional","TextBlock","EuiNotificationEventMessages","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;AA0FA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,gzEAAA,EAyGA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,4BAAA;8BAAAC,sBAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-page-body.js

@@ -1,5 +1,4 @@
 import { concat } from '@ember/helper';
-import { element } from 'ember-element-helper';
 import style from 'ember-style-modifier/modifiers/style';
 import { eq } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -19,8 +18,7 @@ const EuiPageBody = setComponentTemplate(precompileTemplate("{{#let (argOrDefaul
     classNames,
     eq,
     concat,
-    style,
-    element
+    style
   })
 }), templateOnly());
 

package/dist/components/eui-page-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-body.js","sources":["../../src/components/eui-page-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport EuiPanel from './eui-panel.gts';\n\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The main column of an EuiPage: header, content and so on. */\nexport interface EuiPageBodySignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    /**\n     * Max width of the content: `true` for the bundled Amsterdam theme's\n     * default (1200px), a\n     * number in px, or any CSS width. Defaults to `false` (no limit).\n     */\n    restrictWidth?: boolean | number | string;\n    /** Tag of the body (without `@panelled`). Defaults to `'div'`. */\n    tagName?: string;\n    /** Border radius of the panel: `'none'` or `'m'`. Defaults to `'none'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /**\n     * Padding: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'` when\n     * `@panelled`, `'none'` otherwise.\n     */\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    /** Renders the body as an `EuiPanel` (white background with padding). */\n    panelled?: boolean;\n    /** Panel background: `'subdued'` or `'transparent'`. */\n    color?: 'subdued' | 'transparent';\n    /** Adds a border to the panel. */\n    hasBorder?: boolean;\n    /** Adds a shadow to the panel. */\n    hasShadow?: boolean;\n    /** Inline styles, merged with the max width. */\n    style?: Record<string, string>;\n  };\n  Blocks: {\n    /** Usually an `EuiPageHeader` and `EuiPageContent`. */\n    default: [];\n  };\n}\n\nconst EuiPageBody: TemplateOnlyComponent<EuiPageBodySignature> = <template>\n  {{#let\n    (argOrDefault @restrictWidth false)\n    (argOrDefault @tagName \"div\")\n    (argOrDefault @borderRadius \"none\")\n    (argOrDefault @paddingSize (if @panelled \"l\" \"none\"))\n    as |restrictWidth tagName borderRadius paddingSize|\n  }}\n\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      {{#if @panelled}}\n        <EuiPanel\n          class={{classNames\n            (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n            (if\n              styling.widthClassName\n              (concat \"euiPageBody--\" styling.widthClassName)\n            )\n            componentName=\"EuiPageBody\"\n            paddingSize=@paddingSize\n          }}\n          @paddingSize={{paddingSize}}\n          @borderRadius={{borderRadius}}\n          @color={{@color}}\n          @hasBorder={{@hasBorder}}\n          @hasShadow={{@hasShadow}}\n          {{style styling.newStyle}}\n          ...attributes\n        >\n          {{yield}}\n        </EuiPanel>\n      {{else}}\n        {{#let (element tagName) as |Tag|}}\n          <Tag\n            class={{classNames\n              (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n              (if\n                styling.widthClassName\n                (concat \"euiPageBody--\" styling.widthClassName)\n              )\n              componentName=\"EuiPageBody\"\n              paddingSize=@paddingSize\n            }}\n            {{style styling.newStyle}}\n            {{!@glint-expect-error}}\n            ...attributes\n          >\n            {{yield}}\n          </Tag>\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPageBody;\n"],"names":["EuiPageBody","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","euiPageRestrictWidth","EuiPanel","classNames","eq","concat","style","element","templateOnly"],"mappings":";;;;;;;;;;;;AAkDA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,isCAAA,EAqDjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-page-body.js","sources":["../../src/components/eui-page-body.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport euiPageRestrictWidth from '../helpers/eui-page-restrict-width.ts';\nimport EuiPanel from './eui-panel.gts';\n\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The main column of an EuiPage: header, content and so on. */\nexport interface EuiPageBodySignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    /**\n     * Max width of the content: `true` for the bundled Amsterdam theme's\n     * default (1200px), a\n     * number in px, or any CSS width. Defaults to `false` (no limit).\n     */\n    restrictWidth?: boolean | number | string;\n    /** Tag of the body (without `@panelled`). Defaults to `'div'`. */\n    tagName?: string;\n    /** Border radius of the panel: `'none'` or `'m'`. Defaults to `'none'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /**\n     * Padding: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'` when\n     * `@panelled`, `'none'` otherwise.\n     */\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    /** Renders the body as an `EuiPanel` (white background with padding). */\n    panelled?: boolean;\n    /** Panel background: `'subdued'` or `'transparent'`. */\n    color?: 'subdued' | 'transparent';\n    /** Adds a border to the panel. */\n    hasBorder?: boolean;\n    /** Adds a shadow to the panel. */\n    hasShadow?: boolean;\n    /** Inline styles, merged with the max width. */\n    style?: Record<string, string>;\n  };\n  Blocks: {\n    /** Usually an `EuiPageHeader` and `EuiPageContent`. */\n    default: [];\n  };\n}\n\nconst EuiPageBody: TemplateOnlyComponent<EuiPageBodySignature> = <template>\n  {{#let\n    (argOrDefault @restrictWidth false)\n    (argOrDefault @tagName \"div\")\n    (argOrDefault @borderRadius \"none\")\n    (argOrDefault @paddingSize (if @panelled \"l\" \"none\"))\n    as |restrictWidth tagName borderRadius paddingSize|\n  }}\n\n    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}\n      {{#if @panelled}}\n        <EuiPanel\n          class={{classNames\n            (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n            (if\n              styling.widthClassName\n              (concat \"euiPageBody--\" styling.widthClassName)\n            )\n            componentName=\"EuiPageBody\"\n            paddingSize=@paddingSize\n          }}\n          @paddingSize={{paddingSize}}\n          @borderRadius={{borderRadius}}\n          @color={{@color}}\n          @hasBorder={{@hasBorder}}\n          @hasShadow={{@hasShadow}}\n          {{style styling.newStyle}}\n          ...attributes\n        >\n          {{yield}}\n        </EuiPanel>\n      {{else}}\n        {{#let (element tagName) as |Tag|}}\n          <Tag\n            class={{classNames\n              (if (eq borderRadius \"none\") \"euiPageBody--borderRadiusNone\")\n              (if\n                styling.widthClassName\n                (concat \"euiPageBody--\" styling.widthClassName)\n              )\n              componentName=\"EuiPageBody\"\n              paddingSize=@paddingSize\n            }}\n            {{style styling.newStyle}}\n            {{!@glint-expect-error}}\n            ...attributes\n          >\n            {{yield}}\n          </Tag>\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  {{/let}}\n</template>;\n\nexport default EuiPageBody;\n"],"names":["EuiPageBody","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","euiPageRestrictWidth","EuiPanel","classNames","eq","concat","style","templateOnly"],"mappings":";;;;;;;;;;;AAiDA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,isCAAA,EAqDjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -2,7 +2,6 @@ import Component from '@glimmer/component';
 import { fn } from '@ember/helper';
 import { on } from '@ember/modifier';
 import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
-import { element } from 'ember-element-helper';
 import { eq, and, not, or } from 'ember-truth-helpers';
 import randomId from '../-private/random-id.js';
 import EuiButtonEmpty from './eui-button-empty.js';
@@ -36,7 +35,6 @@ class EuiSideNavComponent extends Component {
       strictMode: true,
       scope: () => ({
         classNames,
-        element,
         argOrDefault,
         randomId,
         or,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-side-nav.js","sources":["../../src/components/eui-side-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { element } from 'ember-element-helper';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiButtonEmpty from '../components/eui-button-empty.gts';\nimport EuiHideFor from '../components/eui-hide-for.gts';\nimport EuiShowFor from '../components/eui-show-for.gts';\nimport EuiSideNavItem from '../components/eui-side-nav-item.gts';\nimport EuiTitle from '../components/eui-title.gts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport isItemOpen from '../helpers/is-item-open.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { EuiHideForSignature } from '../components/eui-hide-for';\n\nexport interface Item {\n  /** Unique id, matched against `@selectedItem`. */\n  id: string;\n  /** Icon before the name; anything `EuiIcon`'s `@type` accepts. */\n  icon?: string;\n  /** Makes the item a button calling this function. */\n  onClick?: () => void;\n  /** Makes the item a link. */\n  href?: string;\n  /** Class for the item. */\n  className?: string;\n  /** `rel` of the link. */\n  rel?: string;\n  /** `target` of the link. */\n  target?: string;\n  /**\n   * Nested items. An item with children but no `href`/`onClick` is a\n   * section title; nested levels open while one of them is selected.\n   */\n  items?: Item[];\n  /** @private Nesting level. */\n  depth?: number;\n  /** The item's text. */\n  name?: string;\n  /** @deprecated Has no effect. */\n  renderItem?: unknown;\n  /** @deprecated Has no effect, use the side nav's `@selectedItem`. */\n  isSelected?: boolean;\n  /** Disables the item. */\n  disabled?: boolean;\n  /** Truncates a long name instead of wrapping. */\n  truncate?: boolean;\n  /** Bolder style, e.g. for the top level. */\n  emphasize?: boolean;\n  /** Class for the item's button or link. */\n  buttonClassName?: string;\n}\n\n/** A hierarchical navigation tree for a page's side bar. */\nexport interface EuiSideNavSignature {\n  Element: HTMLDivElement | HTMLUListElement | HTMLElement;\n  Args: {\n    /**\n     * Screen sizes showing the nav collapsed behind a toggle button.\n     * Defaults to `['xs', 's']`; pass `[]` to never collapse.\n     */\n    mobileBreakpoints?: EuiHideForSignature['Args']['sizes'];\n    /** Whether the collapsed (mobile) nav is open. */\n    isOpenMobile?: boolean;\n    /** Called by the mobile toggle button with the new open state. */\n    toggleOpenOnMobile?: () => void;\n    /** Heading above the items (and the toggle text on mobile). */\n    heading?: string;\n    /**\n     * Props for the heading: `{ element: 'h2', id, className,\n     * screenReaderOnly }`.\n     */\n    headingProps?: {\n      element?: string;\n      id?: string;\n      className?: string;\n      screenReaderOnly?: boolean;\n    };\n    /** Text of the mobile toggle button. Defaults to the heading. */\n    mobileTitle?: string;\n    /** The navigation tree, see `Item`. */\n    items?: Item[];\n    /** Id of the current item: it is highlighted and its parents open. */\n    selectedItem?: string;\n  };\n  Blocks: {\n    /** Unused. */\n    default: [Item];\n    /** Custom heading, instead of `@heading`. */\n    heading: [];\n  };\n}\n\nexport default class EuiSideNavComponent extends Component<EuiSideNavSignature> {\n  get mobileBreakpoints() {\n    return this.args.mobileBreakpoints || ['xs', 's'];\n  }\n\n  get contentClasses() {\n    const mobileBreakpoints = Array.isArray(this.mobileBreakpoints)\n      ? this.mobileBreakpoints\n      : [this.mobileBreakpoints];\n\n    return `euiSideNav__content ${mobileBreakpoints\n      .map?.((breakpointName) => {\n        return `euiSideNav__contentMobile-${breakpointName}`;\n      })\n      .join(' ')}`;\n  }\n\n  get hasMobileVersion() {\n    return this.mobileBreakpoints?.length > 0;\n  }\n\n  <template>\n    {{#let\n      (classNames \"euiSideNav\" (if @isOpenMobile \"euiSideNav-isOpenMobile\"))\n      (element (argOrDefault @headingProps.element \"h2\"))\n      (argOrDefault @headingProps.id (randomId))\n      (randomId)\n      (or (has-block \"heading\") (not (not @heading)))\n      as |classes HeadingElement headingId sideNavContentId hasHeader|\n    }}\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.mobileBreakpoints}}>\n          <nav aria-labelledby={{headingId}} class={{classes}} ...attributes>\n            <HeadingElement id={{headingId}} class={{@headingProps.className}}>\n              <EuiButtonEmpty\n                type=\"button\"\n                class=\"euiSideNav__mobileToggle\"\n                @contentClasses=\"euiSideNav__mobileToggleContent\"\n                @textClasses=\"euiSideNav__mobileToggleText\"\n                {{on\n                  \"click\"\n                  (fn (optional @toggleOpenOnMobile) (not @isOpenMobile))\n                }}\n                @iconType=\"apps\"\n                @iconSide=\"right\"\n                aria-controls={{sideNavContentId}}\n                aria-expanded={{if @isOpenMobile \"true\" \"false\"}}\n              >\n                {{#if @mobileTitle}}\n                  {{@mobileTitle}}\n                {{else if (has-block \"heading\")}}\n                  {{yield to=\"heading\"}}\n                {{else}}\n                  {{@heading}}\n                {{/if}}\n              </EuiButtonEmpty>\n            </HeadingElement>\n            <div id={{sideNavContentId}} class={{this.contentClasses}}>\n              {{#each @items as |item|}}\n                {{#let\n                  (and\n                    (not item.onClick) (not item.href) (not (not item.items))\n                  )\n                  as |childrenOnly|\n                }}\n                  <EuiSideNavItem\n                    @selectedItem={{@selectedItem}}\n                    @isOpen={{isItemOpen item @selectedItem}}\n                    @isSelected={{and\n                      (not childrenOnly)\n                      (eq item.id @selectedItem)\n                    }}\n                    @isParent={{not (not item.items)}}\n                    @icon={{item.icon}}\n                    @onClick={{item.onClick}}\n                    @href={{item.href}}\n                    @className={{item.className}}\n                    @rel={{item.rel}}\n                    @target={{item.target}}\n                    @items={{item.items}}\n                    @depth={{0}}\n                    @renderItem={{item.renderItem}}\n                    @disabled={{item.disabled}}\n                    @truncate={{item.truncate}}\n                    @emphasize={{item.emphasize}}\n                    @buttonClassName={{item.buttonClassName}}\n                    @childrenOnly={{childrenOnly}}\n                  >\n                    {{item.name}}\n                  </EuiSideNavItem>\n                {{/let}}\n              {{/each}}\n            </div>\n          </nav>\n        </EuiShowFor>\n      {{/if}}\n\n      <EuiHideFor @sizes={{this.mobileBreakpoints}}>\n        <nav\n          aria-labelledby={{if hasHeader headingId}}\n          class={{classes}}\n          ...attributes\n        >\n          {{#if hasHeader}}\n            {{#let\n              (argOrDefault @headingProps.screenReaderOnly false)\n              as |shouldScreenReader|\n            }}\n              {{#if (has-block \"heading\")}}\n                {{#if shouldScreenReader}}\n                  <HeadingElement {{screenReaderOnly}}>\n                    {{yield to=\"heading\"}}\n                  </HeadingElement>\n                {{else}}\n                  <EuiTitle\n                    class={{classNames\n                      \"euiSideNav__heading\"\n                      @headingProps.className\n                    }}\n                    @size=\"xs\"\n                  >\n                    <HeadingElement>\n                      {{yield to=\"heading\"}}\n                    </HeadingElement>\n                  </EuiTitle>\n                {{/if}}\n              {{else}}\n                {{#if shouldScreenReader}}\n                  <HeadingElement {{screenReaderOnly}}>\n                    {{@heading}}\n                  </HeadingElement>\n                {{else}}\n                  <EuiTitle\n                    class={{classNames\n                      \"euiSideNav__heading\"\n                      @headingProps.className\n                    }}\n                    @size=\"xs\"\n                  >\n                    {{@heading}}\n                  </EuiTitle>\n                {{/if}}\n              {{/if}}\n            {{/let}}\n          {{/if}}\n          <div id={{sideNavContentId}} class={{this.contentClasses}}>\n            {{#each @items as |item|}}\n              {{#let\n                (and (not item.onClick) (not item.href) (not (not item.items)))\n                as |childrenOnly|\n              }}\n                <EuiSideNavItem\n                  @selectedItem={{@selectedItem}}\n                  @isOpen={{isItemOpen item @selectedItem}}\n                  @isSelected={{and\n                    (not childrenOnly)\n                    (eq item.id @selectedItem)\n                  }}\n                  @isParent={{not (not item.items)}}\n                  @icon={{item.icon}}\n                  @onClick={{item.onClick}}\n                  @href={{item.href}}\n                  @className={{item.className}}\n                  @rel={{item.rel}}\n                  @target={{item.target}}\n                  @items={{item.items}}\n                  @depth={{0}}\n                  @renderItem={{item.renderItem}}\n                  @disabled={{item.disabled}}\n                  @truncate={{item.truncate}}\n                  @emphasize={{item.emphasize}}\n                  @buttonClassName={{item.buttonClassName}}\n                  @childrenOnly={{childrenOnly}}\n                >\n                  {{item.name}}\n                </EuiSideNavItem>\n              {{/let}}\n            {{/each}}\n          </div>\n        </nav>\n      </EuiHideFor>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiSideNavComponent","Component","mobileBreakpoints","args","contentClasses","Array","isArray","map","breakpointName","join","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","element","argOrDefault","randomId","or","not","EuiShowFor","EuiButtonEmpty","on","fn","optional","and","EuiSideNavItem","isItemOpen","eq","EuiHideFor","screenReaderOnly","EuiTitle"],"mappings":";;;;;;;;;;;;;;;;;;;AA2DA;AAwCe,MAAMA,4BAA4BC,SAAA,CAAU;EACzD,IAAIC,iBAAAA,GAAoB;IACtB,OAAO,IAAI,CAACC,IAAI,CAACD,iBAAiB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACnD,EAAA;EAEA,IAAIE,cAAAA,GAAiB;AACnB,IAAA,MAAMF,iBAAA,GAAoBG,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACJ,iBAAiB,CAAA,GAC1D,IAAI,CAACA,iBAAiB,GACtB,CAAC,IAAI,CAACA,iBAAiB,CAAC;AAE5B,IAAA,OAAO,uBAAuBA,iBAAA,CAC3BK,GAAG,GAAIC,cAAA,IAAA;MACN,OAAO,CAAA,0BAAA,EAA6BA,cAAA,CAAA,CAAgB;AACtD,IAAA,CAAA,CAAA,CACCC,KAAK,GAAA,CAAA,CAAA,CAAM;AAChB,EAAA;EAEA,IAAIC,gBAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACR,iBAAiB,EAAES,MAAA,GAAS,CAAA;AAC1C,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,mrIAAA,EAiKA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,OAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,EAAA;QAAAC,GAAA;oBAAAC,mBAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,EAAA;oBAAAC,mBAAA;QAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-side-nav.js","sources":["../../src/components/eui-side-nav.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiButtonEmpty from '../components/eui-button-empty.gts';\nimport EuiHideFor from '../components/eui-hide-for.gts';\nimport EuiShowFor from '../components/eui-show-for.gts';\nimport EuiSideNavItem from '../components/eui-side-nav-item.gts';\nimport EuiTitle from '../components/eui-title.gts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport isItemOpen from '../helpers/is-item-open.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { EuiHideForSignature } from '../components/eui-hide-for';\n\nexport interface Item {\n  /** Unique id, matched against `@selectedItem`. */\n  id: string;\n  /** Icon before the name; anything `EuiIcon`'s `@type` accepts. */\n  icon?: string;\n  /** Makes the item a button calling this function. */\n  onClick?: () => void;\n  /** Makes the item a link. */\n  href?: string;\n  /** Class for the item. */\n  className?: string;\n  /** `rel` of the link. */\n  rel?: string;\n  /** `target` of the link. */\n  target?: string;\n  /**\n   * Nested items. An item with children but no `href`/`onClick` is a\n   * section title; nested levels open while one of them is selected.\n   */\n  items?: Item[];\n  /** @private Nesting level. */\n  depth?: number;\n  /** The item's text. */\n  name?: string;\n  /** @deprecated Has no effect. */\n  renderItem?: unknown;\n  /** @deprecated Has no effect, use the side nav's `@selectedItem`. */\n  isSelected?: boolean;\n  /** Disables the item. */\n  disabled?: boolean;\n  /** Truncates a long name instead of wrapping. */\n  truncate?: boolean;\n  /** Bolder style, e.g. for the top level. */\n  emphasize?: boolean;\n  /** Class for the item's button or link. */\n  buttonClassName?: string;\n}\n\n/** A hierarchical navigation tree for a page's side bar. */\nexport interface EuiSideNavSignature {\n  Element: HTMLDivElement | HTMLUListElement | HTMLElement;\n  Args: {\n    /**\n     * Screen sizes showing the nav collapsed behind a toggle button.\n     * Defaults to `['xs', 's']`; pass `[]` to never collapse.\n     */\n    mobileBreakpoints?: EuiHideForSignature['Args']['sizes'];\n    /** Whether the collapsed (mobile) nav is open. */\n    isOpenMobile?: boolean;\n    /** Called by the mobile toggle button with the new open state. */\n    toggleOpenOnMobile?: () => void;\n    /** Heading above the items (and the toggle text on mobile). */\n    heading?: string;\n    /**\n     * Props for the heading: `{ element: 'h2', id, className,\n     * screenReaderOnly }`.\n     */\n    headingProps?: {\n      element?: string;\n      id?: string;\n      className?: string;\n      screenReaderOnly?: boolean;\n    };\n    /** Text of the mobile toggle button. Defaults to the heading. */\n    mobileTitle?: string;\n    /** The navigation tree, see `Item`. */\n    items?: Item[];\n    /** Id of the current item: it is highlighted and its parents open. */\n    selectedItem?: string;\n  };\n  Blocks: {\n    /** Unused. */\n    default: [Item];\n    /** Custom heading, instead of `@heading`. */\n    heading: [];\n  };\n}\n\nexport default class EuiSideNavComponent extends Component<EuiSideNavSignature> {\n  get mobileBreakpoints() {\n    return this.args.mobileBreakpoints || ['xs', 's'];\n  }\n\n  get contentClasses() {\n    const mobileBreakpoints = Array.isArray(this.mobileBreakpoints)\n      ? this.mobileBreakpoints\n      : [this.mobileBreakpoints];\n\n    return `euiSideNav__content ${mobileBreakpoints\n      .map?.((breakpointName) => {\n        return `euiSideNav__contentMobile-${breakpointName}`;\n      })\n      .join(' ')}`;\n  }\n\n  get hasMobileVersion() {\n    return this.mobileBreakpoints?.length > 0;\n  }\n\n  <template>\n    {{#let\n      (classNames \"euiSideNav\" (if @isOpenMobile \"euiSideNav-isOpenMobile\"))\n      (element (argOrDefault @headingProps.element \"h2\"))\n      (argOrDefault @headingProps.id (randomId))\n      (randomId)\n      (or (has-block \"heading\") (not (not @heading)))\n      as |classes HeadingElement headingId sideNavContentId hasHeader|\n    }}\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.mobileBreakpoints}}>\n          <nav aria-labelledby={{headingId}} class={{classes}} ...attributes>\n            <HeadingElement id={{headingId}} class={{@headingProps.className}}>\n              <EuiButtonEmpty\n                type=\"button\"\n                class=\"euiSideNav__mobileToggle\"\n                @contentClasses=\"euiSideNav__mobileToggleContent\"\n                @textClasses=\"euiSideNav__mobileToggleText\"\n                {{on\n                  \"click\"\n                  (fn (optional @toggleOpenOnMobile) (not @isOpenMobile))\n                }}\n                @iconType=\"apps\"\n                @iconSide=\"right\"\n                aria-controls={{sideNavContentId}}\n                aria-expanded={{if @isOpenMobile \"true\" \"false\"}}\n              >\n                {{#if @mobileTitle}}\n                  {{@mobileTitle}}\n                {{else if (has-block \"heading\")}}\n                  {{yield to=\"heading\"}}\n                {{else}}\n                  {{@heading}}\n                {{/if}}\n              </EuiButtonEmpty>\n            </HeadingElement>\n            <div id={{sideNavContentId}} class={{this.contentClasses}}>\n              {{#each @items as |item|}}\n                {{#let\n                  (and\n                    (not item.onClick) (not item.href) (not (not item.items))\n                  )\n                  as |childrenOnly|\n                }}\n                  <EuiSideNavItem\n                    @selectedItem={{@selectedItem}}\n                    @isOpen={{isItemOpen item @selectedItem}}\n                    @isSelected={{and\n                      (not childrenOnly)\n                      (eq item.id @selectedItem)\n                    }}\n                    @isParent={{not (not item.items)}}\n                    @icon={{item.icon}}\n                    @onClick={{item.onClick}}\n                    @href={{item.href}}\n                    @className={{item.className}}\n                    @rel={{item.rel}}\n                    @target={{item.target}}\n                    @items={{item.items}}\n                    @depth={{0}}\n                    @renderItem={{item.renderItem}}\n                    @disabled={{item.disabled}}\n                    @truncate={{item.truncate}}\n                    @emphasize={{item.emphasize}}\n                    @buttonClassName={{item.buttonClassName}}\n                    @childrenOnly={{childrenOnly}}\n                  >\n                    {{item.name}}\n                  </EuiSideNavItem>\n                {{/let}}\n              {{/each}}\n            </div>\n          </nav>\n        </EuiShowFor>\n      {{/if}}\n\n      <EuiHideFor @sizes={{this.mobileBreakpoints}}>\n        <nav\n          aria-labelledby={{if hasHeader headingId}}\n          class={{classes}}\n          ...attributes\n        >\n          {{#if hasHeader}}\n            {{#let\n              (argOrDefault @headingProps.screenReaderOnly false)\n              as |shouldScreenReader|\n            }}\n              {{#if (has-block \"heading\")}}\n                {{#if shouldScreenReader}}\n                  <HeadingElement {{screenReaderOnly}}>\n                    {{yield to=\"heading\"}}\n                  </HeadingElement>\n                {{else}}\n                  <EuiTitle\n                    class={{classNames\n                      \"euiSideNav__heading\"\n                      @headingProps.className\n                    }}\n                    @size=\"xs\"\n                  >\n                    <HeadingElement>\n                      {{yield to=\"heading\"}}\n                    </HeadingElement>\n                  </EuiTitle>\n                {{/if}}\n              {{else}}\n                {{#if shouldScreenReader}}\n                  <HeadingElement {{screenReaderOnly}}>\n                    {{@heading}}\n                  </HeadingElement>\n                {{else}}\n                  <EuiTitle\n                    class={{classNames\n                      \"euiSideNav__heading\"\n                      @headingProps.className\n                    }}\n                    @size=\"xs\"\n                  >\n                    {{@heading}}\n                  </EuiTitle>\n                {{/if}}\n              {{/if}}\n            {{/let}}\n          {{/if}}\n          <div id={{sideNavContentId}} class={{this.contentClasses}}>\n            {{#each @items as |item|}}\n              {{#let\n                (and (not item.onClick) (not item.href) (not (not item.items)))\n                as |childrenOnly|\n              }}\n                <EuiSideNavItem\n                  @selectedItem={{@selectedItem}}\n                  @isOpen={{isItemOpen item @selectedItem}}\n                  @isSelected={{and\n                    (not childrenOnly)\n                    (eq item.id @selectedItem)\n                  }}\n                  @isParent={{not (not item.items)}}\n                  @icon={{item.icon}}\n                  @onClick={{item.onClick}}\n                  @href={{item.href}}\n                  @className={{item.className}}\n                  @rel={{item.rel}}\n                  @target={{item.target}}\n                  @items={{item.items}}\n                  @depth={{0}}\n                  @renderItem={{item.renderItem}}\n                  @disabled={{item.disabled}}\n                  @truncate={{item.truncate}}\n                  @emphasize={{item.emphasize}}\n                  @buttonClassName={{item.buttonClassName}}\n                  @childrenOnly={{childrenOnly}}\n                >\n                  {{item.name}}\n                </EuiSideNavItem>\n              {{/let}}\n            {{/each}}\n          </div>\n        </nav>\n      </EuiHideFor>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiSideNavComponent","Component","mobileBreakpoints","args","contentClasses","Array","isArray","map","breakpointName","join","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","randomId","or","not","EuiShowFor","EuiButtonEmpty","on","fn","optional","and","EuiSideNavItem","isItemOpen","eq","EuiHideFor","screenReaderOnly","EuiTitle"],"mappings":";;;;;;;;;;;;;;;;;;AA0DA;AAwCe,MAAMA,4BAA4BC,SAAA,CAAU;EACzD,IAAIC,iBAAAA,GAAoB;IACtB,OAAO,IAAI,CAACC,IAAI,CAACD,iBAAiB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACnD,EAAA;EAEA,IAAIE,cAAAA,GAAiB;AACnB,IAAA,MAAMF,iBAAA,GAAoBG,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACJ,iBAAiB,CAAA,GAC1D,IAAI,CAACA,iBAAiB,GACtB,CAAC,IAAI,CAACA,iBAAiB,CAAC;AAE5B,IAAA,OAAO,uBAAuBA,iBAAA,CAC3BK,GAAG,GAAIC,cAAA,IAAA;MACN,OAAO,CAAA,0BAAA,EAA6BA,cAAA,CAAA,CAAgB;AACtD,IAAA,CAAA,CAAA,CACCC,KAAK,GAAA,CAAA,CAAA,CAAM;AAChB,EAAA;EAEA,IAAIC,gBAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACR,iBAAiB,EAAES,MAAA,GAAS,CAAA;AAC1C,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,mrIAAA,EAiKA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,EAAA;QAAAC,GAAA;oBAAAC,mBAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,EAAA;oBAAAC,mBAAA;QAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-stat/description.js

@@ -1,4 +1,3 @@
-import { element } from 'ember-element-helper';
 import EuiTextComponent from '../eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
@@ -7,7 +6,6 @@ import templateOnly from '@ember/component/template-only';
 const EuiStatDescription = setComponentTemplate(precompileTemplate("{{#if @descriptionElement}}\n  {{#let (element @descriptionElement) as |DescriptionElement|}}\n    <EuiText class=\"euiStat__description\" @size=\"s\">\n      <DescriptionElement aria-hidden=\"true\">\n        {{yield}}\n      </DescriptionElement>\n    </EuiText>\n  {{/let}}\n\n{{else}}\n  <EuiText class=\"euiStat__description\" @size=\"s\">\n    <p aria-hidden=\"true\">\n      {{yield}}\n    </p>\n  </EuiText>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
-    element,
     EuiText: EuiTextComponent
   })
 }), templateOnly());

package/dist/components/eui-stat/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../src/components/eui-stat/description.gts"],"sourcesContent":["\nimport { element } from 'ember-element-helper';\n\nimport EuiText from '../eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The description of an EuiStat. */\nexport interface EuiStatDescriptionSignature {\n  Args: {\n    /**\n     * The element to use for the description. Defaults to `p`.\n     */\n    descriptionElement?: keyof HTMLElementTagNameMap;\n  };\n  Blocks: {\n    /** The text. */\n    default: [];\n  };\n}\n\nconst EuiStatDescription: TemplateOnlyComponent<EuiStatDescriptionSignature> =\n  <template>\n    {{#if @descriptionElement}}\n      {{#let (element @descriptionElement) as |DescriptionElement|}}\n        <EuiText class=\"euiStat__description\" @size=\"s\">\n          <DescriptionElement aria-hidden=\"true\">\n            {{yield}}\n          </DescriptionElement>\n        </EuiText>\n      {{/let}}\n\n    {{else}}\n      <EuiText class=\"euiStat__description\" @size=\"s\">\n        <p aria-hidden=\"true\">\n          {{yield}}\n        </p>\n      </EuiText>\n    {{/if}}\n  </template>;\n\nexport default EuiStatDescription;\n"],"names":["EuiStatDescription","setComponentTemplate","precompileTemplate","strictMode","scope","element","EuiText","templateOnly"],"mappings":";;;;;;AAqBA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,0aAAA,EAiBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"description.js","sources":["../../../src/components/eui-stat/description.gts"],"sourcesContent":["\n\nimport EuiText from '../eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The description of an EuiStat. */\nexport interface EuiStatDescriptionSignature {\n  Args: {\n    /**\n     * The element to use for the description. Defaults to `p`.\n     */\n    descriptionElement?: keyof HTMLElementTagNameMap;\n  };\n  Blocks: {\n    /** The text. */\n    default: [];\n  };\n}\n\nconst EuiStatDescription: TemplateOnlyComponent<EuiStatDescriptionSignature> =\n  <template>\n    {{#if @descriptionElement}}\n      {{#let (element @descriptionElement) as |DescriptionElement|}}\n        <EuiText class=\"euiStat__description\" @size=\"s\">\n          <DescriptionElement aria-hidden=\"true\">\n            {{yield}}\n          </DescriptionElement>\n        </EuiText>\n      {{/let}}\n\n    {{else}}\n      <EuiText class=\"euiStat__description\" @size=\"s\">\n        <p aria-hidden=\"true\">\n          {{yield}}\n        </p>\n      </EuiText>\n    {{/if}}\n  </template>;\n\nexport default EuiStatDescription;\n"],"names":["EuiStatDescription","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","templateOnly"],"mappings":";;;;;AAoBA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,0aAAA,EAiBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-stat/title.js

@@ -1,5 +1,4 @@
 import { hash } from '@ember/helper';
-import { element } from 'ember-element-helper';
 import style from 'ember-style-modifier/modifiers/style';
 import EuiTitle from '../eui-title.js';
 import { precompileTemplate } from '@ember/template-compilation';
@@ -9,7 +8,6 @@ import templateOnly from '@ember/component/template-only';
 const EuiStatTitle = setComponentTemplate(precompileTemplate("{{#if @titleElement}}\n  {{#let (element @titleElement) as |TitleElement|}}\n    <EuiTitle @size={{@titleSize}} ...attributes>\n      <TitleElement aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n        {{yield}}\n      </TitleElement>\n    </EuiTitle>\n  {{/let}}\n{{else}}\n  <EuiTitle @size={{@titleSize}} ...attributes>\n    <p aria-hidden=\"true\" {{style (if @isColorClass (hash color=@titleColor))}}>\n      {{yield}}\n    </p>\n  </EuiTitle>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
-    element,
     EuiTitle,
     style,
     hash

package/dist/components/eui-stat/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../src/components/eui-stat/title.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport EuiTitle from '../eui-title.gts';\n\nimport type { EuiTitleSignature } from '../eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The title of an EuiStat. */\nexport interface EuiStatTitleSignature {\n  Element: any;\n  Args: {\n    /** Size, any `EuiTitle` size. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /** A CSS color, when it is not one of the named colors. */\n    titleColor?: string;\n    /** Tag of the title. Defaults to `'p'`. */\n    titleElement?: string;\n    /** Whether `@titleColor` is a named color (a class). */\n    isColorClass?: boolean;\n  };\n  Blocks: {\n    /** The text. */\n    default: [];\n  };\n}\n\nconst EuiStatTitle: TemplateOnlyComponent<EuiStatTitleSignature> = <template>\n  {{#if @titleElement}}\n    {{#let (element @titleElement) as |TitleElement|}}\n      <EuiTitle @size={{@titleSize}} ...attributes>\n        <TitleElement\n          aria-hidden=\"true\"\n          {{style (if @isColorClass (hash color=@titleColor))}}\n        >\n          {{yield}}\n        </TitleElement>\n      </EuiTitle>\n    {{/let}}\n  {{else}}\n    <EuiTitle @size={{@titleSize}} ...attributes>\n      <p\n        aria-hidden=\"true\"\n        {{style (if @isColorClass (hash color=@titleColor))}}\n      >\n        {{yield}}\n      </p>\n    </EuiTitle>\n  {{/if}}\n</template>;\n\nexport default EuiStatTitle;\n"],"names":["EuiStatTitle","setComponentTemplate","precompileTemplate","strictMode","scope","element","EuiTitle","style","hash","templateOnly"],"mappings":";;;;;;;;AA6BA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,0eAAA,EAsBnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"title.js","sources":["../../../src/components/eui-stat/title.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport EuiTitle from '../eui-title.gts';\n\nimport type { EuiTitleSignature } from '../eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The title of an EuiStat. */\nexport interface EuiStatTitleSignature {\n  Element: any;\n  Args: {\n    /** Size, any `EuiTitle` size. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /** A CSS color, when it is not one of the named colors. */\n    titleColor?: string;\n    /** Tag of the title. Defaults to `'p'`. */\n    titleElement?: string;\n    /** Whether `@titleColor` is a named color (a class). */\n    isColorClass?: boolean;\n  };\n  Blocks: {\n    /** The text. */\n    default: [];\n  };\n}\n\nconst EuiStatTitle: TemplateOnlyComponent<EuiStatTitleSignature> = <template>\n  {{#if @titleElement}}\n    {{#let (element @titleElement) as |TitleElement|}}\n      <EuiTitle @size={{@titleSize}} ...attributes>\n        <TitleElement\n          aria-hidden=\"true\"\n          {{style (if @isColorClass (hash color=@titleColor))}}\n        >\n          {{yield}}\n        </TitleElement>\n      </EuiTitle>\n    {{/let}}\n  {{else}}\n    <EuiTitle @size={{@titleSize}} ...attributes>\n      <p\n        aria-hidden=\"true\"\n        {{style (if @isColorClass (hash color=@titleColor))}}\n      >\n        {{yield}}\n      </p>\n    </EuiTitle>\n  {{/if}}\n</template>;\n\nexport default EuiStatTitle;\n"],"names":["EuiStatTitle","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTitle","style","hash","templateOnly"],"mappings":";;;;;;;AA4BA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,0eAAA,EAsBnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-suggest-item.js

@@ -1,5 +1,4 @@
 import { on } from '@ember/modifier';
-import { element } from 'ember-element-helper';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
@@ -23,7 +22,6 @@ function noop() {}
 const EuiSuggestItem = setComponentTemplate(precompileTemplate("{{#let (element (if @onClick \"button\" \"div\")) as |Tag|}}\n  <Tag class=\"euiSuggestItem {{if @onClick \"euiSuggestItem-isClickable\"}}\" type={{if @onClick \"button\"}} {{on \"click\" (if @onClick @onClick noop)}} ...attributes>\n    <span class={{typeClass @type}}>\n      <EuiIcon @type={{@type.iconType}} @color=\"inherit\" />\n    </span>\n    <span class={{labelClass @labelDisplay @labelWidth @description}}>{{@label}}</span>\n    {{#if @description}}\n      <span class=\"euiSuggestItem__description euiSuggestItem__description--{{if @descriptionDisplay @descriptionDisplay \"truncate\"}}\">{{@description}}</span>\n    {{/if}}\n  </Tag>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
-    element,
     on,
     noop,
     typeClass,