@ember-eui/core 13.0.5 → 14.1.0

package/dist/components/eui-header-section-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-header-section-item.js","sources":["../../src/components/eui-header-section-item.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { borderSizeMappping } from '../utils/css-mappings/eui-header-section-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionItemSignature {\n  Element: HTMLDivElement;\n  Args: {\n    border?: keyof typeof borderSizeMappping;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderSectionItem: TemplateOnlyComponent<EuiHeaderSectionItemSignature> =\n  <template>\n    <div\n      class={{classNames\n        componentName=\"EuiHeaderSectionItem\"\n        borderSide=(argOrDefault @border \"left\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiHeaderSectionItem;\n"],"names":["EuiHeaderSectionItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,mKAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-section-item.js","sources":["../../src/components/eui-header-section-item.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { borderSizeMappping } from '../utils/css-mappings/eui-header-section-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** One item of an EuiHeaderSection, e.g. a logo, links or a button. */\nexport interface EuiHeaderSectionItemSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Divider on the `'left'`, `'right'` or `'none'`. Defaults to `'left'`. */\n    border?: keyof typeof borderSizeMappping;\n  };\n  Blocks: {\n    /** The item's content. */\n    default: [];\n  };\n}\n\nconst EuiHeaderSectionItem: TemplateOnlyComponent<EuiHeaderSectionItemSignature> =\n  <template>\n    <div\n      class={{classNames\n        componentName=\"EuiHeaderSectionItem\"\n        borderSide=(argOrDefault @border \"left\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiHeaderSectionItem;\n"],"names":["EuiHeaderSectionItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,iJAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-header-section.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderSection = setComponentTemplate(precompileTemplate("\n    <div class={{classNames componentName=\"EuiHeaderSection\" alignItems=(argOrDefault @side \"left\") grow=(argOrDefault @grow false)}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiHeaderSection = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiHeaderSection\" alignItems=(argOrDefault @side \"left\") grow=(argOrDefault @grow false)}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-header-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-header-section.js","sources":["../../src/components/eui-header-section.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { alignMapping } from '../utils/css-mappings/eui-header-section.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionSignature {\n  Element: HTMLDivElement;\n  Args: {\n    side?: keyof typeof alignMapping;\n    grow?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderSection: TemplateOnlyComponent<EuiHeaderSectionSignature> =\n  <template>\n    <div\n      class={{classNames\n        componentName=\"EuiHeaderSection\"\n        alignItems=(argOrDefault @side \"left\")\n        grow=(argOrDefault @grow false)\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiHeaderSection;\n"],"names":["EuiHeaderSection","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,6LAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-section.js","sources":["../../src/components/eui-header-section.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { alignMapping } from '../utils/css-mappings/eui-header-section.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A group of `EuiHeaderSectionItem`s on one side of the header. */\nexport interface EuiHeaderSectionSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** `'left'` or `'right'`. Defaults to `'left'`. */\n    side?: keyof typeof alignMapping;\n    /** Takes the remaining space, e.g. for a search bar. Defaults to `false`. */\n    grow?: boolean;\n  };\n  Blocks: {\n    /** The `EuiHeaderSectionItem`s. */\n    default: [];\n  };\n}\n\nconst EuiHeaderSection: TemplateOnlyComponent<EuiHeaderSectionSignature> =\n  <template>\n    <div\n      class={{classNames\n        componentName=\"EuiHeaderSection\"\n        alignItems=(argOrDefault @side \"left\")\n        grow=(argOrDefault @grow false)\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiHeaderSection;\n"],"names":["EuiHeaderSection","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAqBA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,2KAAA,EAWA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-header.js

@@ -23,7 +23,12 @@ const fixedHeaderModifier = modifier(function fixedHeader(_, [position]) {
     };
   }
 });
-const EuiHeader = setComponentTemplate(precompileTemplate("\n  <div {{fixedHeaderModifier @position}} class={{classNames componentName=\"EuiHeader\" theme=(argOrDefault @theme \"default\") position=(argOrDefault @position \"static\")}} ...attributes>\n    {{#if @sections}}\n      {{#each @sections as |section|}}\n        {{#each section.items as |itemSection|}}\n          <EuiHeaderSection>\n            <EuiHeaderSectionItem @border={{section.border}}>\n              {{itemSection.text}}\n            </EuiHeaderSectionItem>\n          </EuiHeaderSection>\n        {{/each}}\n        <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n      {{/each}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </div>\n", {
+/**
+ * The app's top bar: logo, breadcrumbs, links and actions, arranged in
+ * `EuiHeaderSection`s of `EuiHeaderSectionItem`s.
+ */
+
+const EuiHeader = setComponentTemplate(precompileTemplate("<div {{fixedHeaderModifier @position}} class={{classNames componentName=\"EuiHeader\" theme=(argOrDefault @theme \"default\") position=(argOrDefault @position \"static\")}} ...attributes>\n  {{#if @sections}}\n    {{#each @sections as |section|}}\n      {{#each section.items as |itemSection|}}\n        <EuiHeaderSection>\n          <EuiHeaderSectionItem @border={{section.border}}>\n            {{itemSection.text}}\n          </EuiHeaderSectionItem>\n        </EuiHeaderSection>\n      {{/each}}\n      <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n    {{/each}}\n  {{else}}\n    {{yield}}\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header.js","sources":["../../src/components/eui-header.gts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiHeaderBreadcrumbs from './eui-header-breadcrumbs.gts';\nimport EuiHeaderSection from './eui-header-section.gts';\nimport EuiHeaderSectionItem from './eui-header-section-item.gts';\n\nimport type { EuiHeaderBreadcrumbsSignature } from './eui-header-breadcrumbs';\nimport type { EuiHeaderSectionItemSignature } from './eui-header-section-item';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nlet euiHeaderFixedCounter = 0;\n\nconst fixedHeaderModifier = modifier(function fixedHeader(\n  _,\n  [position]: [string | undefined]\n): void | (() => unknown) {\n  if (position === 'fixed') {\n    // Increment fixed header counter for each fixed header\n    euiHeaderFixedCounter++;\n    document.body.classList.add('euiBody--headerIsFixed');\n\n    return () => {\n      // Both decrement the fixed counter AND then check if there are none\n      if (--euiHeaderFixedCounter === 0) {\n        // If there are none, THEN remove class\n        document.body.classList.remove('euiBody--headerIsFixed');\n      }\n    };\n  }\n});\n\nexport interface EuiHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    theme?: string;\n    position?: string;\n    sections?: {\n      items: {\n        text: string;\n      }[];\n      breadcrumbs: EuiHeaderBreadcrumbsSignature['Args']['breadcrumbs'];\n      border: EuiHeaderSectionItemSignature['Args']['border'];\n    }[];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeader: TemplateOnlyComponent<EuiHeaderSignature> = <template>\n  <div\n    {{fixedHeaderModifier @position}}\n    class={{classNames\n      componentName=\"EuiHeader\"\n      theme=(argOrDefault @theme \"default\")\n      position=(argOrDefault @position \"static\")\n    }}\n    ...attributes\n  >\n    {{#if @sections}}\n      {{#each @sections as |section|}}\n        {{#each section.items as |itemSection|}}\n          <EuiHeaderSection>\n            <EuiHeaderSectionItem @border={{section.border}}>\n              {{itemSection.text}}\n            </EuiHeaderSectionItem>\n          </EuiHeaderSection>\n        {{/each}}\n        <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n      {{/each}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </div>\n</template>;\n\nexport default EuiHeader;\n"],"names":["euiHeaderFixedCounter","fixedHeaderModifier","modifier","fixedHeader","_","position","document","body","classList","add","remove","EuiHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiHeaderSection","EuiHeaderSectionItem","EuiHeaderBreadcrumbs","templateOnly"],"mappings":";;;;;;;;;;AAYA,IAAIA,qBAAwB,GAAA,CAAA;AAE5B,MAAMC,mBAAsB,GAAAC,QAAA,CAAS,SAASC,WAAAA,CAC5CC,CAAC,EACD,CAACC,QAAY,CAAmB,EACV;EACtB,IAAIA,aAAa,OAAS,EAAA;AACxB;AACAL,IAAAA,qBAAA,EAAA;IACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAA,CAAA;AAE5B,IAAA,OAAO,MAAA;AACL;AACA,MAAA,IAAI,EAAET,0BAA0B,CAAG,EAAA;AACjC;QACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,wBAAA,CAAA;AACjC;KACF;AACF;AACF,CAAA,CAAA;AAoBA,MAAMC,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAyB7D,0pBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAhB,mBAAA;IAAAiB,gBAAA;IAAAC,oBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header.js","sources":["../../src/components/eui-header.gts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiHeaderBreadcrumbs from './eui-header-breadcrumbs.gts';\nimport EuiHeaderSection from './eui-header-section.gts';\nimport EuiHeaderSectionItem from './eui-header-section-item.gts';\n\nimport type { EuiHeaderBreadcrumbsSignature } from './eui-header-breadcrumbs';\nimport type { EuiHeaderSectionItemSignature } from './eui-header-section-item';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nlet euiHeaderFixedCounter = 0;\n\nconst fixedHeaderModifier = modifier(function fixedHeader(\n  _,\n  [position]: [string | undefined]\n): void | (() => unknown) {\n  if (position === 'fixed') {\n    // Increment fixed header counter for each fixed header\n    euiHeaderFixedCounter++;\n    document.body.classList.add('euiBody--headerIsFixed');\n\n    return () => {\n      // Both decrement the fixed counter AND then check if there are none\n      if (--euiHeaderFixedCounter === 0) {\n        // If there are none, THEN remove class\n        document.body.classList.remove('euiBody--headerIsFixed');\n      }\n    };\n  }\n});\n\n/**\n * The app's top bar: logo, breadcrumbs, links and actions, arranged in\n * `EuiHeaderSection`s of `EuiHeaderSectionItem`s.\n */\nexport interface EuiHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** `'default'` (light) or `'dark'`. Defaults to `'default'`. */\n    theme?: string;\n    /**\n     * `'static'` scrolls with the page; `'fixed'` stays at the top and pads\n     * `<body>` for it (the body gets `euiBody--headerIsFixed`).\n     * Defaults to `'static'`.\n     */\n    position?: string;\n    /**\n     * Builds the header from data instead of the block: sections of text\n     * `items` and `breadcrumbs`. Most apps compose it with\n     * `EuiHeaderSection`s instead.\n     */\n    sections?: {\n      items: {\n        text: string;\n      }[];\n      breadcrumbs: EuiHeaderBreadcrumbsSignature['Args']['breadcrumbs'];\n      border: EuiHeaderSectionItemSignature['Args']['border'];\n    }[];\n  };\n  Blocks: {\n    /** `EuiHeaderSection`s (left and right), ignored with `@sections`. */\n    default: [];\n  };\n}\n\nconst EuiHeader: TemplateOnlyComponent<EuiHeaderSignature> = <template>\n  <div\n    {{fixedHeaderModifier @position}}\n    class={{classNames\n      componentName=\"EuiHeader\"\n      theme=(argOrDefault @theme \"default\")\n      position=(argOrDefault @position \"static\")\n    }}\n    ...attributes\n  >\n    {{#if @sections}}\n      {{#each @sections as |section|}}\n        {{#each section.items as |itemSection|}}\n          <EuiHeaderSection>\n            <EuiHeaderSectionItem @border={{section.border}}>\n              {{itemSection.text}}\n            </EuiHeaderSectionItem>\n          </EuiHeaderSection>\n        {{/each}}\n        <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n      {{/each}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </div>\n</template>;\n\nexport default EuiHeader;\n"],"names":["euiHeaderFixedCounter","fixedHeaderModifier","modifier","fixedHeader","_","position","document","body","classList","add","remove","EuiHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiHeaderSection","EuiHeaderSectionItem","EuiHeaderBreadcrumbs","templateOnly"],"mappings":";;;;;;;;;;AAYA,IAAIA,qBAAA,GAAwB,CAAA;AAE5B,MAAMC,mBAAA,GAAsBC,QAAA,CAAS,SAASC,WAAAA,CAC5CC,CAAC,EACD,CAACC,QAAA,CAA+B,EACV;EACtB,IAAIA,aAAa,OAAA,EAAS;AACxB;AACAL,IAAAA,qBAAA,EAAA;IACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAA,CAAA;AAE5B,IAAA,OAAO,MAAA;AACL;AACA,MAAA,IAAI,EAAET,0BAA0B,CAAA,EAAG;AACjC;QACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,wBAAA,CAAA;AACjC,MAAA;IACF,CAAA;AACF,EAAA;AACF,CAAA,CAAA;AAEA;;;AAGC;;AA+BD,MAAMC,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,snBAAA,EAyB7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAhB,mBAAA;IAAAiB,gBAAA;IAAAC,oBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-health.js

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHealth = setComponentTemplate(precompileTemplate("\n  <div class={{classNames componentName=\"EuiHealth\" textSize=(argOrDefault @textSize \"m\")}} ...attributes>\n    <div class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\">\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        <EuiIcon @type=\"dot\" @color={{@color}} />\n      </div>\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        {{yield}}\n      </div>\n    </div>\n  </div>\n", {
+const EuiHealth = setComponentTemplate(precompileTemplate("<div class={{classNames componentName=\"EuiHealth\" textSize=(argOrDefault @textSize \"m\")}} ...attributes>\n  <div class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\">\n    <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n      <EuiIcon @type=\"dot\" @color={{@color}} />\n    </div>\n    <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n      {{yield}}\n    </div>\n  </div>\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-health.js","sources":["../../src/components/eui-health.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-health.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHealthSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * The color of the health indicator.\n     */\n    color?: string;\n\n    /**\n     * The size of the health indicator.\n     */\n    textSize?: keyof typeof sizeToClassNameMap;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHealth: TemplateOnlyComponent<EuiHealthSignature> = <template>\n  <div\n    class={{classNames\n      componentName=\"EuiHealth\"\n      textSize=(argOrDefault @textSize \"m\")\n    }}\n    ...attributes\n  >\n    <div\n      class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\"\n    >\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        <EuiIcon @type=\"dot\" @color={{@color}} />\n      </div>\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        {{yield}}\n      </div>\n    </div>\n  </div>\n</template>;\n\nexport default EuiHealth;\n"],"names":["EuiHealth","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;AAyBA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAmB7D,meAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-health.js","sources":["../../src/components/eui-health.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-health.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A status: a colored dot followed by text, e.g. \"Healthy\" or \"Down\". */\nexport interface EuiHealthSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Color of the dot: `'success'`, `'warning'`, `'danger'`, `'subdued'`,\n     * any `EuiIcon` color or a CSS color.\n     */\n    color?: string;\n\n    /**\n     * Text size: `'xs'`, `'s'`, `'m'` or `'inherit'`. Defaults to `'m'`.\n     */\n    textSize?: keyof typeof sizeToClassNameMap;\n  };\n  Blocks: {\n    /** The status text. */\n    default: [];\n  };\n}\n\nconst EuiHealth: TemplateOnlyComponent<EuiHealthSignature> = <template>\n  <div\n    class={{classNames\n      componentName=\"EuiHealth\"\n      textSize=(argOrDefault @textSize \"m\")\n    }}\n    ...attributes\n  >\n    <div\n      class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\"\n    >\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        <EuiIcon @type=\"dot\" @color={{@color}} />\n      </div>\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        {{yield}}\n      </div>\n    </div>\n  </div>\n</template>;\n\nexport default EuiHealth;\n"],"names":["EuiHealth","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;AA4BA,MAAMA,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,2cAAA,EAmB7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-hide-for.js

@@ -5,6 +5,7 @@ import { CurrentBreakPointHelper } from './eui-show-for.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
+/** Renders its content except on the given screen sizes. See EuiShowFor. */
 class EuiHideForComponent extends Component {
   currentBreakpointHelper = invokeHelper(this, CurrentBreakPointHelper, () => {
     return {
@@ -15,7 +16,7 @@ class EuiHideForComponent extends Component {
     return !getValue(this.currentBreakpointHelper);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if this.shouldShow}}\n      {{yield}}\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if this.shouldShow}}\n  {{yield}}\n{{/if}}", {
       strictMode: true
     }), this);
   }

package/dist/components/eui-hide-for.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-hide-for.js","sources":["../../src/components/eui-hide-for.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { getValue } from '@glimmer/tracking/primitives/cache';\nimport { invokeHelper } from '@ember/helper';\n\nimport { CurrentBreakPointHelper } from './eui-show-for.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiHideForBreakpoints = EuiBreakpointSize;\n\nexport interface EuiHideForArgs {\n  /**\n   * List of all the responsive sizes to hide the children for.\n   * Array of #EuiBreakpointSize\n   */\n  sizes: EuiHideForBreakpoints[] | 'all' | 'none';\n}\n\nexport interface EuiHideForSignature {\n  Args: EuiHideForArgs;\n  Blocks: { default: [] };\n}\n\nexport default class EuiHideForComponent extends Component<EuiHideForSignature> {\n  currentBreakpointHelper: any = invokeHelper(\n    this,\n    CurrentBreakPointHelper,\n    () => {\n      return {\n        positional: [this.args.sizes]\n      };\n    }\n  );\n\n  get shouldShow() {\n    return !getValue(this.currentBreakpointHelper);\n  }\n\n  <template>\n    {{#if this.shouldShow}}\n      {{yield}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiHideForComponent","Component","currentBreakpointHelper","invokeHelper","CurrentBreakPointHelper","positional","args","sizes","shouldShow","getValue","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;AAuBe,MAAMA,4BAA4BC,SAAU,CAAA;AACzDC,EAAAA,uBAAA,GAA+BC,YAC7B,CAAA,IAAI,EACJC,uBACA,EAAA,MAAA;IACE,OAAO;AACLC,MAAAA,UAAY,EAAA,CAAC,IAAI,CAACC,IAAI,CAACC,KAAK;KAC9B;AACF,GACA,CAAA;EAEF,IAAIC,UAAaA,GAAA;AACf,IAAA,OAAO,CAACC,QAAA,CAAS,IAAI,CAACP,uBAAuB,CAAA;AAC/C;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAIA,iEAAA,EAAA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-hide-for.js","sources":["../../src/components/eui-hide-for.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { getValue } from '@glimmer/tracking/primitives/cache';\nimport { invokeHelper } from '@ember/helper';\n\nimport { CurrentBreakPointHelper } from './eui-show-for.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiHideForBreakpoints = EuiBreakpointSize;\n\nexport interface EuiHideForArgs {\n  /**\n   * Screen sizes to hide the content on: any of `'xs'`, `'s'`, `'m'`,\n   * `'l'`, `'xl'`, or `'all'`. E.g. `(array \"xs\" \"s\")` hides it on phones.\n   */\n  sizes: EuiHideForBreakpoints[] | 'all' | 'none';\n}\n\n/** Renders its content except on the given screen sizes. See EuiShowFor. */\nexport interface EuiHideForSignature {\n  Args: EuiHideForArgs;\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nexport default class EuiHideForComponent extends Component<EuiHideForSignature> {\n  currentBreakpointHelper: any = invokeHelper(\n    this,\n    CurrentBreakPointHelper,\n    () => {\n      return {\n        positional: [this.args.sizes]\n      };\n    }\n  );\n\n  get shouldShow() {\n    return !getValue(this.currentBreakpointHelper);\n  }\n\n  <template>\n    {{#if this.shouldShow}}\n      {{yield}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiHideForComponent","Component","currentBreakpointHelper","invokeHelper","CurrentBreakPointHelper","positional","args","sizes","shouldShow","getValue","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;AAkBA;AASe,MAAMA,4BAA4BC,SAAA,CAAU;AACzDC,EAAAA,uBAAA,GAA+BC,YAAA,CAC7B,IAAI,EACJC,uBAAA,EACA,MAAA;IACE,OAAO;AACLC,MAAAA,UAAA,EAAY,CAAC,IAAI,CAACC,IAAI,CAACC,KAAK;KAC9B;AACF,EAAA,CAAA,CAAA;EAGF,IAAIC,UAAAA,GAAa;AACf,IAAA,OAAO,CAACC,QAAA,CAAS,IAAI,CAACP,uBAAuB,CAAA;AAC/C,EAAA;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAAA,+CAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-highlight.js

@@ -0,0 +1,46 @@
+import EuiMark from './eui-mark.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function escapeRegExp(text) {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+function highlightChunks(text, search, strict = false, highlightAll = false) {
+  if (!text) return [];
+  if (!search) return [{
+    text,
+    highlight: false
+  }];
+  const regex = new RegExp(escapeRegExp(search), strict ? 'g' : 'gi');
+  const chunks = [];
+  let last = 0;
+  for (const match of text.matchAll(regex)) {
+    const start = match.index;
+    if (start > last) chunks.push({
+      text: text.slice(last, start),
+      highlight: false
+    });
+    chunks.push({
+      text: match[0],
+      highlight: true
+    });
+    last = start + match[0].length;
+    if (!highlightAll) break;
+  }
+  if (last < text.length) chunks.push({
+    text: text.slice(last),
+    highlight: false
+  });
+  return chunks;
+}
+const EuiHighlight = setComponentTemplate(precompileTemplate("<span ...attributes>\n  {{~#each (highlightChunks @text @search @strict @highlightAll) as |chunk|~}}\n    {{~#if chunk.highlight~}}\n      <EuiMark>{{chunk.text}}</EuiMark>\n    {{~else~}}\n      {{chunk.text}}\n    {{~/if~}}\n  {{~/each~}}\n</span>", {
+  strictMode: true,
+  scope: () => ({
+    highlightChunks,
+    EuiMark
+  })
+}), templateOnly());
+
+export { EuiHighlight as default, highlightChunks };
+//# sourceMappingURL=eui-highlight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-highlight.js","sources":["../../src/components/eui-highlight.gts"],"sourcesContent":["import EuiMark from './eui-mark.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * Renders a string with the parts matching `@search` highlighted, e.g.\n * search results or the options of a filtered list.\n */\nexport interface EuiHighlightSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** The text to show. */\n    text: string;\n    /** What to highlight in it. Nothing is highlighted when empty. */\n    search?: string;\n    /** Match case exactly (by default \"app\" also matches \"Apple\"). */\n    strict?: boolean;\n    /** Highlight every match instead of only the first one. */\n    highlightAll?: boolean;\n  };\n}\n\ninterface Chunk {\n  text: string;\n  highlight: boolean;\n}\n\nfunction escapeRegExp(text: string): string {\n  return text.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\nexport function highlightChunks(\n  text: string,\n  search?: string,\n  strict = false,\n  highlightAll = false\n): Chunk[] {\n  if (!text) return [];\n  if (!search) return [{ text, highlight: false }];\n\n  const regex = new RegExp(escapeRegExp(search), strict ? 'g' : 'gi');\n  const chunks: Chunk[] = [];\n  let last = 0;\n\n  for (const match of text.matchAll(regex)) {\n    const start = match.index;\n\n    if (start > last) chunks.push({ text: text.slice(last, start), highlight: false });\n    chunks.push({ text: match[0], highlight: true });\n    last = start + match[0].length;\n\n    if (!highlightAll) break;\n  }\n\n  if (last < text.length) chunks.push({ text: text.slice(last), highlight: false });\n\n  return chunks;\n}\n\nconst EuiHighlight: TemplateOnlyComponent<EuiHighlightSignature> = <template>\n  <span ...attributes>\n    {{~#each (highlightChunks @text @search @strict @highlightAll) as |chunk|~}}\n      {{~#if chunk.highlight~}}\n        <EuiMark>{{chunk.text}}</EuiMark>\n      {{~else~}}\n        {{chunk.text}}\n      {{~/if~}}\n    {{~/each~}}\n  </span>\n</template>;\n\nexport default EuiHighlight;\n"],"names":["escapeRegExp","text","replace","highlightChunks","search","strict","highlightAll","highlight","regex","RegExp","chunks","last","match","matchAll","start","index","push","slice","length","EuiHighlight","setComponentTemplate","precompileTemplate","strictMode","scope","EuiMark","templateOnly"],"mappings":";;;;;AA2BA,SAASA,YAAAA,CAAaC,IAAY,EAAS;AACzC,EAAA,OAAOA,IAAA,CAAKC,OAAO,CAAC,qBAAA,EAAuB,MAAA,CAAA;AAC7C;AAEO,SAASC,eAAAA,CACdF,IAAY,EACZG,MAAe,EACfC,MAAA,GAAS,KAAK,EACdC,YAAA,GAAe,KAAK,EACnB;AACD,EAAA,IAAI,CAACL,IAAA,EAAM,OAAO,EAAE;AACpB,EAAA,IAAI,CAACG,QAAQ,OAAO,CAAC;IAAEH,IAAA;AAAMM,IAAAA,SAAA,EAAW;AAAM,GAAA,CAAE;AAEhD,EAAA,MAAMC,QAAQ,IAAIC,MAAA,CAAOT,YAAA,CAAaI,MAAA,CAAA,EAASC,SAAS,GAAA,GAAM,IAAA,CAAA;EAC9D,MAAMK,SAAkB,EAAE;EAC1B,IAAIC,IAAA,GAAO,CAAA;EAEX,KAAK,MAAMC,KAAA,IAASX,IAAA,CAAKY,QAAQ,CAACL,KAAA,CAAA,EAAQ;AACxC,IAAA,MAAMM,KAAA,GAAQF,MAAMG,KAAK;AAEzB,IAAA,IAAID,KAAA,GAAQH,IAAA,EAAMD,MAAA,CAAOM,IAAI,CAAC;MAAEf,IAAA,EAAMA,IAAA,CAAKgB,KAAK,CAACN,IAAA,EAAMG,KAAA,CAAA;AAAQP,MAAAA,SAAA,EAAW;AAAM,KAAA,CAAA;IAChFG,MAAA,CAAOM,IAAI,CAAC;AAAEf,MAAAA,IAAA,EAAMW,KAAK,CAAC,CAAA,CAAE;AAAEL,MAAAA,SAAA,EAAW;AAAK,KAAA,CAAA;IAC9CI,IAAA,GAAOG,KAAA,GAAQF,KAAK,CAAC,CAAA,CAAE,CAACM,MAAM;IAE9B,IAAI,CAACZ,YAAA,EAAc;AACrB,EAAA;EAEA,IAAIK,OAAOV,IAAA,CAAKiB,MAAM,EAAER,MAAA,CAAOM,IAAI,CAAC;AAAEf,IAAAA,IAAA,EAAMA,IAAA,CAAKgB,KAAK,CAACN,IAAA,CAAA;AAAOJ,IAAAA,SAAA,EAAW;AAAM,GAAA,CAAA;AAE/E,EAAA,OAAOG,MAAA;AACT;AAEA,MAAMS,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,2PAAA,EAUnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAApB,eAAA;AAAAqB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-horizontal-rule.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHorizontalRule = setComponentTemplate(precompileTemplate("\n    <hr class={{classNames componentName=\"EuiHorizontalRule\" margin=(argOrDefault @margin \"l\") size=(argOrDefault @size \"full\")}} ...attributes />\n  ", {
+const EuiHorizontalRule = setComponentTemplate(precompileTemplate("<hr class={{classNames componentName=\"EuiHorizontalRule\" margin=(argOrDefault @margin \"l\") size=(argOrDefault @size \"full\")}} ...attributes />", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-horizontal-rule.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-horizontal-rule.js","sources":["../../src/components/eui-horizontal-rule.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { marginMapping, sizeMapping } from '../utils/css-mappings/eui-horizontal-rule.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHorizontalRuleSignature {\n  Element: HTMLHRElement;\n  Args: {\n    margin?: keyof typeof marginMapping;\n    size?: keyof typeof sizeMapping;\n  };\n}\n\nconst EuiHorizontalRule: TemplateOnlyComponent<EuiHorizontalRuleSignature> =\n  <template>\n    <hr\n      class={{classNames\n        componentName=\"EuiHorizontalRule\"\n        margin=(argOrDefault @margin \"l\")\n        size=(argOrDefault @size \"full\")\n      }}\n      ...attributes\n    />\n  </template>;\n\nexport default EuiHorizontalRule;\n"],"names":["EuiHorizontalRule","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAcA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CASA,gKAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-horizontal-rule.js","sources":["../../src/components/eui-horizontal-rule.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { marginMapping, sizeMapping } from '../utils/css-mappings/eui-horizontal-rule.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A divider line between sections. */\nexport interface EuiHorizontalRuleSignature {\n  Element: HTMLHRElement;\n  Args: {\n    /**\n     * Space above and below: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'`, `'xl'`\n     * or `'xxl'`. Defaults to `'l'`.\n     */\n    margin?: keyof typeof marginMapping;\n    /** Width: `'full'`, `'half'` or `'quarter'`. Defaults to `'full'`. */\n    size?: keyof typeof sizeMapping;\n  };\n}\n\nconst EuiHorizontalRule: TemplateOnlyComponent<EuiHorizontalRuleSignature> =\n  <template>\n    <hr\n      class={{classNames\n        componentName=\"EuiHorizontalRule\"\n        margin=(argOrDefault @margin \"l\")\n        size=(argOrDefault @size \"full\")\n      }}\n      ...attributes\n    />\n  </template>;\n\nexport default EuiHorizontalRule;\n"],"names":["EuiHorizontalRule","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,sJAAA,EASA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-hue.js

@@ -0,0 +1,36 @@
+import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { service } from '@ember/service';
+import EuiScreenReaderOnly from './eui-screen-reader-only.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+class EuiHue extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get label() {
+    return this.euiI18n.lookupToken('euiHue.label', "Select the HSV color mode 'hue' value");
+  }
+  onInput(event) {
+    this.args.onChange(Number(event.target.value));
+  }
+  static {
+    n(this.prototype, "onInput", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiScreenReaderOnly><label for=\"{{@id}}-hue\">{{this.label}}</label></EuiScreenReaderOnly>\n<EuiScreenReaderOnly><p aria-live=\"polite\">{{@hex}}</p></EuiScreenReaderOnly>\n<div class=\"euiHue\">\n  <input id=\"{{@id}}-hue\" class=\"euiHue__range\" type=\"range\" min=\"0\" max=\"359\" step=\"1\" value={{if @hue @hue 1}} {{on \"input\" this.onInput}} ...attributes />\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        EuiScreenReaderOnly,
+        on
+      })
+    }), this);
+  }
+}
+
+export { EuiHue as default };
+//# sourceMappingURL=eui-hue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-hue.js","sources":["../../src/components/eui-hue.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\n\n/**\n * The hue slider of `EuiColorPicker` (0 to 359), with the rainbow track.\n * Rendered for you by the color picker.\n */\nexport interface EuiHueSignature {\n  Element: HTMLInputElement;\n  Args: {\n    /** The hue, 0 to 359. Defaults to `1`. */\n    hue?: number;\n    /** The current color as hex, announced to screen readers. */\n    hex?: string;\n    /** Prefix of the input's id. */\n    id?: string;\n    /** Called with the new hue. */\n    onChange: (hue: number) => void;\n  };\n}\n\nexport default class EuiHue extends Component<EuiHueSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get label(): string {\n    return this.euiI18n.lookupToken('euiHue.label', \"Select the HSV color mode 'hue' value\");\n  }\n\n  @action\n  onInput(event: Event): void {\n    this.args.onChange(Number((event.target as HTMLInputElement).value));\n  }\n\n  <template>\n    <EuiScreenReaderOnly><label for=\"{{@id}}-hue\">{{this.label}}</label></EuiScreenReaderOnly>\n    <EuiScreenReaderOnly><p aria-live=\"polite\">{{@hex}}</p></EuiScreenReaderOnly>\n    <div class=\"euiHue\">\n      <input\n        id=\"{{@id}}-hue\"\n        class=\"euiHue__range\"\n        type=\"range\"\n        min=\"0\"\n        max=\"359\"\n        step=\"1\"\n        value={{if @hue @hue 1}}\n        {{on \"input\" this.onInput}}\n        ...attributes\n      />\n    </div>\n  </template>\n}\n"],"names":["EuiHue","Component","g","prototype","service","i","label","euiI18n","lookupToken","onInput","event","args","onChange","Number","target","value","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","EuiScreenReaderOnly","on"],"mappings":";;;;;;;;;AA2Be,MAAMA,eAAeC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC3CC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,KAAAA,GAAgB;IAClB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,cAAA,EAAgB,uCAAA,CAAA;AAClD,EAAA;EAGAC,OAAAA,CAAQC,KAAY,EAAQ;AAC1B,IAAA,IAAI,CAACC,IAAI,CAACC,QAAQ,CAACC,MAAA,CAAQH,KAAA,CAAMI,MAAM,CAAsBC,KAAK,CAAA,CAAA;AACpE,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAb,SAAA,EAAA,SAAA,EAAA,CAHCc,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,4XAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-i18n/render.js

@@ -2,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const Render = setComponentTemplate(precompileTemplate("\n  {{yield @token}}\n", {
+/** @private Renders a string looked up by EuiI18n. */
+const Render = setComponentTemplate(precompileTemplate("{{yield @token}}", {
   strictMode: true
 }), templateOnly());
 

package/dist/components/eui-i18n/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["../../../src/components/eui-i18n/render.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiI18nRenderSignature {\n  Args: {\n    token: string;\n  };\n  Blocks: {\n    default: [string];\n  };\n}\n\nconst Render: TemplateOnlyComponent<EuiI18nRenderSignature> = <template>\n  {{yield @token}}\n</template>;\n\nexport default Render;\n"],"names":["Render","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAWA,MAAMA,MAAwD,GAAAC,oBAAA,CAAAC,kBAAA,CAE9D,wBAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"render.js","sources":["../../../src/components/eui-i18n/render.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Renders a string looked up by EuiI18n. */\nexport interface EuiI18nRenderSignature {\n  Args: {\n    /** The translated text. */\n    token: string;\n  };\n  Blocks: {\n    /** Custom rendering; yields the text. */\n    default: [string];\n  };\n}\n\nconst Render: TemplateOnlyComponent<EuiI18nRenderSignature> = <template>\n  {{yield @token}}\n</template>;\n\nexport default Render;\n"],"names":["Render","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AAYA,MAAMA,MAA8B,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,kBAAA,EAE9D;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-i18n-number.js

@@ -0,0 +1,28 @@
+import Component from '@glimmer/component';
+import { service } from '@ember/service';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+class EuiI18nNumber extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get formatted() {
+    const format = value => this.euiI18n.formatNumber(value);
+    return this.args.values ? this.args.values.map(format) : format(this.args.value ?? 0);
+  }
+  get text() {
+    const formatted = this.formatted;
+    return Array.isArray(formatted) ? formatted.join(', ') : formatted;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{~#if (has-block)~}}\n  {{yield this.formatted}}\n{{~else~}}\n  {{this.text}}\n{{~/if~}}", {
+      strictMode: true
+    }), this);
+  }
+}
+
+export { EuiI18nNumber as default };
+//# sourceMappingURL=eui-i18n-number.js.map

package/dist/components/eui-i18n-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-i18n-number.js","sources":["../../src/components/eui-i18n-number.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { service } from '@ember/service';\n\nimport type EuiI18n from '../services/eui-i18n';\n\n/**\n * Formats a number for the reader, e.g. `1234567` as \"1,234,567\", with\n * the `euiI18n` service's `formatNumber` (English by default; set it to\n * use your app's locale).\n */\nexport interface EuiI18nNumberSignature {\n  Args: {\n    /** The number to format. */\n    value?: number;\n    /** Several numbers to format; yielded as an array. */\n    values?: number[];\n  };\n  Blocks: {\n    /** Renders the formatted text yourself: yields it (or an array for `@values`). */\n    default: [string | string[]];\n  };\n}\n\nexport default class EuiI18nNumber extends Component<EuiI18nNumberSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get formatted(): string | string[] {\n    const format = (value: number) => this.euiI18n.formatNumber(value);\n\n    return this.args.values ? this.args.values.map(format) : format(this.args.value ?? 0);\n  }\n\n  get text(): string {\n    const formatted = this.formatted;\n\n    return Array.isArray(formatted) ? formatted.join(', ') : formatted;\n  }\n\n  <template>\n    {{~#if (has-block)~}}\n      {{yield this.formatted}}\n    {{~else~}}\n      {{this.text}}\n    {{~/if~}}\n  </template>\n}\n"],"names":["EuiI18nNumber","Component","g","prototype","service","i","formatted","format","value","euiI18n","formatNumber","args","values","map","text","Array","isArray","join","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;AAuBe,MAAMA,sBAAsBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAClDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,SAAAA,GAA+B;IACjC,MAAMC,MAAA,GAAUC,KAAa,IAAK,IAAI,CAACC,OAAO,CAACC,YAAY,CAACF,KAAA,CAAA;IAE5D,OAAO,IAAI,CAACG,IAAI,CAACC,MAAM,GAAG,IAAI,CAACD,IAAI,CAACC,MAAM,CAACC,GAAG,CAACN,MAAA,CAAA,GAAUA,MAAA,CAAO,IAAI,CAACI,IAAI,CAACH,KAAK,IAAI,CAAA,CAAA;AACrF,EAAA;EAEA,IAAIM,IAAAA,GAAe;AACjB,IAAA,MAAMR,SAAA,GAAY,IAAI,CAACA,SAAS;AAEhC,IAAA,OAAOS,MAAMC,OAAO,CAACV,aAAaA,SAAA,CAAUW,IAAI,CAAC,IAAA,CAAA,GAAQX,SAAA;AAC3D,EAAA;AAEA,EAAA;IAAAY,oBAAA,CAAAC,kBAAA,CAAA,2FAAA,EAMA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-i18n.js

@@ -1,17 +1,16 @@
 import Component from '@glimmer/component';
 import { array } from '@ember/helper';
-import { inject } from '@ember/service';
-import { ensureSafeComponent } from '@embroider/util';
+import { service } from '@ember/service';
 import { notEq } from 'ember-truth-helpers';
 import typeOf from '../helpers/type-of.js';
 import Render from './eui-i18n/render.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 class EuiI18nComponent extends Component {
   static {
-    g(this.prototype, "euiI18n", [inject]);
+    g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
   get lookupToken() {
@@ -24,11 +23,10 @@ class EuiI18nComponent extends Component {
     });
   }
   get customComponent() {
-    if (!this.args.i18n?.renderComponent) return undefined;
-    return ensureSafeComponent(this.args.i18n?.renderComponent, this);
+    return this.args.i18n?.renderComponent;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let this.lookupToken as |result|}}\n      {{#if this.customComponent}}\n        {{#each (if (notEq (typeOf result) \"array\") (array result) result) as |token|}}\n          {{yield (component this.customComponent token=token)}}\n        {{/each}}\n      {{else}}\n        {{#each (if (notEq (typeOf result) \"array\") (array result) result) as |token|}}\n          {{yield (component Render token=token)}}\n        {{/each}}\n      {{/if}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let this.lookupToken as |result|}}\n  {{#if this.customComponent}}\n    {{#each (if (notEq (typeOf result) \"array\") (array result) result) as |token|}}\n      {{yield (component this.customComponent token=token)}}\n    {{/each}}\n  {{else}}\n    {{#each (if (notEq (typeOf result) \"array\") (array result) result) as |token|}}\n      {{yield (component Render token=token)}}\n    {{/each}}\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         notEq,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-i18n.js","sources":["../../src/components/eui-i18n.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { inject as service } from '@ember/service';\nimport { ensureSafeComponent } from '@embroider/util';\n\nimport { notEq } from 'ember-truth-helpers';\n\nimport typeOf from '../helpers/type-of.ts';\nimport Render from './eui-i18n/render.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface Args {\n  tokens?: string[];\n  defaults?: string[];\n  token?: string;\n  default?: string;\n  values?: { [key: string]: any };\n  i18n?: { mapping: { [key: string]: any }; renderComponent?: typeof Render };\n}\n\nexport interface EuiI18nSignature {\n  Args: Args;\n  Blocks: {\n    default: [WithBoundArgs<typeof Render, 'token'>];\n  };\n}\n\nexport default class EuiI18nComponent extends Component<EuiI18nSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get lookupToken() {\n    const lookupToken = this.euiI18n._lookupToken;\n\n    return lookupToken({\n      token: this.args.token!,\n      i18nMapping: this.args.i18n?.mapping,\n      valueDefault: this.args.default!,\n      values: this.args.values\n    });\n  }\n\n  get customComponent(): typeof Render | undefined {\n    if (!this.args.i18n?.renderComponent) return undefined;\n\n    return ensureSafeComponent(this.args.i18n?.renderComponent, this);\n  }\n\n  <template>\n    {{#let this.lookupToken as |result|}}\n      {{#if this.customComponent}}\n        {{#each\n          (if (notEq (typeOf result) \"array\") (array result) result)\n          as |token|\n        }}\n          {{yield (component this.customComponent token=token)}}\n        {{/each}}\n      {{else}}\n        {{#each\n          (if (notEq (typeOf result) \"array\") (array result) result)\n          as |token|\n        }}\n          {{yield (component Render token=token)}}\n        {{/each}}\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiI18nComponent","Component","g","prototype","service","i","void 0","lookupToken","euiI18n","_lookupToken","token","args","i18nMapping","i18n","mapping","valueDefault","default","values","customComponent","renderComponent","undefined","ensureSafeComponent","setComponentTemplate","precompileTemplate","strictMode","scope","notEq","typeOf","array","Render"],"mappings":";;;;;;;;;;;AA6Be,MAAMA,yBAAyBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrDC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;EAED,IAAIC,WAAcA,GAAA;AAChB,IAAA,MAAMA,WAAc,GAAA,IAAI,CAACC,OAAO,CAACC,YAAY;AAE7C,IAAA,OAAOF,WAAY,CAAA;AACjBG,MAAAA,KAAA,EAAO,IAAI,CAACC,IAAI,CAACD,KAAK;AACtBE,MAAAA,WAAA,EAAa,IAAI,CAACD,IAAI,CAACE,IAAI,EAAEC,OAAA;AAC7BC,MAAAA,YAAA,EAAc,IAAI,CAACJ,IAAI,CAACK,OAAO;AAC/BC,MAAAA,MAAA,EAAQ,IAAI,CAACN,IAAI,CAACM;AACpB,KAAA,CAAA;AACF;EAEA,IAAIC,eAAAA,GAA6C;IAC/C,IAAI,CAAC,IAAI,CAACP,IAAI,CAACE,IAAI,EAAEM,iBAAiB,OAAOC,SAAA;IAE7C,OAAOC,mBAAA,CAAoB,IAAI,CAACV,IAAI,CAACE,IAAI,EAAEM,iBAAiB,IAAI,CAAA;AAClE;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAkBA,odAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,MAAA;QAAAC,KAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-i18n.js","sources":["../../src/components/eui-i18n.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { service } from '@ember/service';\n\nimport { notEq } from 'ember-truth-helpers';\n\nimport typeOf from '../helpers/type-of.ts';\nimport Render from './eui-i18n/render.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface Args {\n  /** @deprecated Has no effect, use one `EuiI18n` per token. */\n  tokens?: string[];\n  /** @deprecated Has no effect. */\n  defaults?: string[];\n  /** Translation key, e.g. `'euiComboBox.noMatchesMessage'`. */\n  token?: string;\n  /** Text used when the token has no translation; may contain `{placeholders}`. */\n  default?: string;\n  /** Values for the `{placeholders}` in the text. */\n  values?: { [key: string]: any };\n  /**\n   * Translations for this instance, `{ mapping: { token: 'text' } }`, and\n   * an optional component to render the text with.\n   */\n  i18n?: { mapping: { [key: string]: any }; renderComponent?: typeof Render };\n}\n\n/**\n * Looks up a translated string in the `euiI18n` service (see the i18n docs\n * page) and yields a component rendering it.\n */\nexport interface EuiI18nSignature {\n  Args: Args;\n  Blocks: {\n    /** Yields a component rendering the text: `as |Text|` → `<Text />`. */\n    default: [WithBoundArgs<typeof Render, 'token'>];\n  };\n}\n\nexport default class EuiI18nComponent extends Component<EuiI18nSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get lookupToken() {\n    const lookupToken = this.euiI18n._lookupToken;\n\n    return lookupToken({\n      token: this.args.token!,\n      i18nMapping: this.args.i18n?.mapping,\n      valueDefault: this.args.default!,\n      values: this.args.values\n    });\n  }\n\n  get customComponent(): typeof Render | undefined {\n    return this.args.i18n?.renderComponent;\n  }\n\n  <template>\n    {{#let this.lookupToken as |result|}}\n      {{#if this.customComponent}}\n        {{#each\n          (if (notEq (typeOf result) \"array\") (array result) result)\n          as |token|\n        }}\n          {{yield (component this.customComponent token=token)}}\n        {{/each}}\n      {{else}}\n        {{#each\n          (if (notEq (typeOf result) \"array\") (array result) result)\n          as |token|\n        }}\n          {{yield (component Render token=token)}}\n        {{/each}}\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiI18nComponent","Component","g","prototype","service","i","lookupToken","euiI18n","_lookupToken","token","args","i18nMapping","i18n","mapping","valueDefault","default","values","customComponent","renderComponent","setComponentTemplate","precompileTemplate","strictMode","scope","notEq","typeOf","array","Render"],"mappings":";;;;;;;;;;AA0Ce,MAAMA,yBAAyBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,WAAAA,GAAc;AAChB,IAAA,MAAMA,WAAA,GAAc,IAAI,CAACC,OAAO,CAACC,YAAY;AAE7C,IAAA,OAAOF,WAAA,CAAY;AACjBG,MAAAA,KAAA,EAAO,IAAI,CAACC,IAAI,CAACD,KAAK;AACtBE,MAAAA,WAAA,EAAa,IAAI,CAACD,IAAI,CAACE,IAAI,EAAEC,OAAA;AAC7BC,MAAAA,YAAA,EAAc,IAAI,CAACJ,IAAI,CAACK,OAAO;AAC/BC,MAAAA,MAAA,EAAQ,IAAI,CAACN,IAAI,CAACM;AACpB,KAAA,CAAA;AACF,EAAA;EAEA,IAAIC,eAAAA,GAA6C;AAC/C,IAAA,OAAO,IAAI,CAACP,IAAI,CAACE,IAAI,EAAEM,eAAA;AACzB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kaAAA,EAkBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,MAAA;QAAAC,KAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-icon-tip.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiIconTip = setComponentTemplate(precompileTemplate("\n  {{#let (has-block \"content\") (has-block \"title\") as |hasContentBlock hasTitleBlock|}}\n    <EuiToolTip @position={{argOrDefault @position \"top\"}} @delay={{argOrDefault @delay \"regular\"}} @hasTitle={{if (or hasTitleBlock @title) true false}} @anchorClassName={{@anchorClassName}} @onMouseOut={{@onMouseOut}} @display={{@display}} ...attributes>\n      <:anchor>\n        <EuiIcon tabindex=\"0\" @iconClasses={{@iconProps.className}} @type={{argOrDefault @type \"questionInCircle\"}} @color={{@color}} @size={{@size}} aria-label={{argOrDefault @ariaLabel \"Info\"}} />\n      </:anchor>\n      <:title>\n        {{#if hasTitleBlock}}\n          {{yield to=\"title\"}}\n        {{else}}\n          {{@title}}\n        {{/if}}\n      </:title>\n      <:content>\n        {{#if hasContentBlock}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{@content}}\n        {{/if}}\n      </:content>\n    </EuiToolTip>\n  {{/let}}\n", {
+const EuiIconTip = setComponentTemplate(precompileTemplate("{{#let (has-block \"content\") (has-block \"title\") as |hasContentBlock hasTitleBlock|}}\n  <EuiToolTip @position={{argOrDefault @position \"top\"}} @delay={{argOrDefault @delay \"regular\"}} @hasTitle={{if (or hasTitleBlock @title) true false}} @anchorClassName={{@anchorClassName}} @onMouseOut={{@onMouseOut}} @display={{@display}} ...attributes>\n    <:anchor>\n      <EuiIcon tabindex=\"0\" @iconClasses={{@iconProps.className}} @type={{argOrDefault @type \"questionInCircle\"}} @color={{@color}} @size={{@size}} @aria-label={{argOrDefault @ariaLabel \"Info\"}} />\n    </:anchor>\n    <:title>\n      {{#if hasTitleBlock}}\n        {{yield to=\"title\"}}\n      {{else}}\n        {{@title}}\n      {{/if}}\n    </:title>\n    <:content>\n      {{#if hasContentBlock}}\n        {{yield to=\"content\"}}\n      {{else}}\n        {{@content}}\n      {{/if}}\n    </:content>\n  </EuiToolTip>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     EuiToolTip,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-icon-tip.js","sources":["../../src/components/eui-icon-tip.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiIconTipSignature {\n  Element: EuiToolTipSignature['Element'];\n  Args: {\n    position?: 'top' | 'right' | 'bottom' | 'left';\n    delay?: 'regular' | 'long';\n    title?: string;\n    content?: string;\n    iconProps?: {\n      className?: string;\n    };\n    type?: string;\n    color?: string;\n    size?: EuiIconSignature['Args']['size'];\n    ariaLabel?: string;\n    anchorClassName?: string;\n    onMouseOut?: (event: MouseEvent) => void;\n    display?: EuiToolTipSignature['Args']['display'];\n  };\n  Blocks: {\n    content: [];\n    title: [];\n  };\n}\n\nconst EuiIconTip: TemplateOnlyComponent<EuiIconTipSignature> = <template>\n  {{#let\n    (has-block \"content\") (has-block \"title\")\n    as |hasContentBlock hasTitleBlock|\n  }}\n    <EuiToolTip\n      @position={{argOrDefault @position \"top\"}}\n      @delay={{argOrDefault @delay \"regular\"}}\n      @hasTitle={{if (or hasTitleBlock @title) true false}}\n      @anchorClassName={{@anchorClassName}}\n      @onMouseOut={{@onMouseOut}}\n      @display={{@display}}\n      ...attributes\n    >\n      <:anchor>\n        <EuiIcon\n          tabindex=\"0\"\n          @iconClasses={{@iconProps.className}}\n          @type={{argOrDefault @type \"questionInCircle\"}}\n          @color={{@color}}\n          @size={{@size}}\n          aria-label={{argOrDefault @ariaLabel \"Info\"}}\n        />\n      </:anchor>\n      <:title>\n        {{#if hasTitleBlock}}\n          {{yield to=\"title\"}}\n        {{else}}\n          {{@title}}\n        {{/if}}\n      </:title>\n      <:content>\n        {{#if hasContentBlock}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{@content}}\n        {{/if}}\n      </:content>\n    </EuiToolTip>\n  {{/let}}\n</template>;\n\nexport default EuiIconTip;\n"],"names":["EuiIconTip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","argOrDefault","or","EuiIcon","templateOnly"],"mappings":";;;;;;;;AAkCA,MAAMA,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,CAwC/D,u7BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-icon-tip.js","sources":["../../src/components/eui-icon-tip.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A focusable icon (a \"?\" by default) showing a tooltip, e.g. to explain a\n * setting next to its label.\n */\nexport interface EuiIconTipSignature {\n  Element: EuiToolTipSignature['Element'];\n  Args: {\n    /** Where the tooltip appears. Defaults to `'top'`. */\n    position?: 'top' | 'right' | 'bottom' | 'left';\n    /** `'regular'` or `'long'` delay before showing. Defaults to `'regular'`. */\n    delay?: 'regular' | 'long';\n    /** Bold title of the tooltip. */\n    title?: string;\n    /** The tooltip's text. */\n    content?: string;\n    /** Props for the icon: `{ className }`. */\n    iconProps?: {\n      className?: string;\n    };\n    /** The icon. Defaults to `'questionInCircle'`. */\n    type?: string;\n    /** Color of the icon, any `EuiIcon` color. */\n    color?: string;\n    /** Size of the icon. */\n    size?: EuiIconSignature['Args']['size'];\n    /** Accessible name of the icon. Defaults to \"Info\". */\n    ariaLabel?: string;\n    /** Class for the element wrapping the icon. */\n    anchorClassName?: string;\n    /** Called when the pointer leaves the icon. */\n    onMouseOut?: (event: MouseEvent) => void;\n    /** Display of the wrapper: `'inlineBlock'` or `'block'`. */\n    display?: EuiToolTipSignature['Args']['display'];\n  };\n  Blocks: {\n    /** The tooltip's content, instead of `@content`. */\n    content: [];\n    /** The tooltip's title, instead of `@title`. */\n    title: [];\n  };\n}\n\nconst EuiIconTip: TemplateOnlyComponent<EuiIconTipSignature> = <template>\n  {{#let\n    (has-block \"content\") (has-block \"title\")\n    as |hasContentBlock hasTitleBlock|\n  }}\n    <EuiToolTip\n      @position={{argOrDefault @position \"top\"}}\n      @delay={{argOrDefault @delay \"regular\"}}\n      @hasTitle={{if (or hasTitleBlock @title) true false}}\n      @anchorClassName={{@anchorClassName}}\n      @onMouseOut={{@onMouseOut}}\n      @display={{@display}}\n      ...attributes\n    >\n      <:anchor>\n        <EuiIcon\n          tabindex=\"0\"\n          @iconClasses={{@iconProps.className}}\n          @type={{argOrDefault @type \"questionInCircle\"}}\n          @color={{@color}}\n          @size={{@size}}\n          @aria-label={{argOrDefault @ariaLabel \"Info\"}}\n        />\n      </:anchor>\n      <:title>\n        {{#if hasTitleBlock}}\n          {{yield to=\"title\"}}\n        {{else}}\n          {{@title}}\n        {{/if}}\n      </:title>\n      <:content>\n        {{#if hasContentBlock}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{@content}}\n        {{/if}}\n      </:content>\n    </EuiToolTip>\n  {{/let}}\n</template>;\n\nexport default EuiIconTip;\n"],"names":["EuiIconTip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","argOrDefault","or","EuiIcon","templateOnly"],"mappings":";;;;;;;;AAoDA,MAAMA,UAAkC,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,04BAAA,EAwC/D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-icon.js

@@ -1,16 +1,18 @@
 import Component from '@glimmer/component';
+import { warn } from '@ember/debug';
 import { guidFor } from '@ember/object/internals';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
 import { htmlSafe } from '@ember/template';
-import svgJar from 'ember-svg-jar/helpers/svg-jar';
 import { not, and } from 'ember-truth-helpers';
+import { loadedIcon } from '../-private/icon-loader.js';
+import { e as emptyIcon, a as iconDataTypes } from '../icons-CQELx6Ce.js';
 import { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
 import { typeToPathMap, colorToClassMap } from '../utils/css-mappings/eui-icon.js';
-import { keysOf } from './common.js';
+import keysOf from './common.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 const TYPES = keysOf(typeToPathMap);
 const COLORS = keysOf(colorToClassMap);
@@ -24,21 +26,46 @@ function isEuiIconType(x) {
 }
 class EuiIcon extends Component {
   static {
-    g(this.prototype, "euiConfig", [inject]);
+    g(this.prototype, "euiConfig", [service]);
   }
   #euiConfig = (i(this, "euiConfig"), void 0);
   static {
     g(this.prototype, "size", [argOrDefaultDecorator('m')]);
   }
   #size = (i(this, "size"), void 0);
-  get useImage() {
+  /**
+  * The component rendering the svg: for EUI icon names, for names
+  * registered by the app through the `euiIcon.icons` config, and for
+  * components passed directly as `@type` (e.g. `@iconType={{MyLogo}}`).
+  * EUI icons load the first time they render (see preloadIcons); the empty
+  * icon takes their place meanwhile.
+  */
+  get iconComponent() {
     const {
       type
     } = this.args;
-    return typeof type === 'string' && !isEuiIconType(type) && !this.useSvg;
+    if (type && (typeof type === 'object' || typeof type === 'function')) {
+      return type;
+    }
+    if (typeof type !== 'string') return undefined;
+    if (isEuiIconType(type)) return loadedIcon(type) ?? emptyIcon;
+    return this.euiConfig.getConfig('euiIcon.icons')?.[type];
   }
-  get useSvg() {
-    return this.args.useSvg ?? this.euiConfig.getConfig('euiIcon.useSvg') ?? false;
+  get dataType() {
+    const {
+      type
+    } = this.args;
+    return isEuiIconType(type) ? iconDataTypes[type] : undefined;
+  }
+  get useImage() {
+    const {
+      type
+    } = this.args;
+    if (typeof type !== 'string' || this.iconComponent) return false;
+    warn(`<EuiIcon @type="${type}"> is not an EUI icon nor an icon registered in the \`euiIcon.icons\` config, so it is rendered as an <img> with that URL. ` + `If this used to be an ember-svg-jar asset, register it instead, e.g. euiConfig.updateConfig({ 'euiIcon.icons': { '${type}': MyIconComponent } }).`, /[/.:]/.test(type), {
+      id: 'ember-eui.eui-icon.unknown-type'
+    });
+    return true;
   }
   get icon() {
     const {
@@ -77,6 +104,8 @@ class EuiIcon extends Component {
     } = this.args;
     return tabIndex == null || tabIndex === -1 ? 'false' : 'true';
   }
+  // undefined (not '') when there is no custom color, so no `style`
+  // attribute is bound (a plain string triggers Ember's style binding warning)
   get optionalCustomStyles() {
     const {
       color
@@ -86,7 +115,7 @@ class EuiIcon extends Component {
         return htmlSafe(`fill: ${color}`);
       }
     }
-    return '';
+    return undefined;
   }
   get optionalColorClass() {
     const {
@@ -106,35 +135,28 @@ class EuiIcon extends Component {
     const {
       icon
     } = this;
-    return icon === 'empty' || !(this.args['aria-label'], this.args['aria-labelledby'], this.args.title);
+    return icon === 'empty' || !(this.args['aria-label'] || this.args['aria-labelledby'] || this.args.title);
   }
+  /**
+  * With a `@title` (and no `@aria-label` / `@aria-labelledby`), the svg
+  * gets a `<title>` with this id and is labelled by it.
+  */
   get titleId() {
     const {
       title
     } = this.args;
-    let titleId;
-    // If no aria-label or aria-labelledby is provided but there's a title, a titleId is generated
-    //  The svg aria-labelledby attribute gets this titleId
-    //  The svg title element gets this titleId as an id
-    if (!this.args['aria-label'] && !this.args['aria-labelledby'] && title) {
-      titleId = guidFor({});
-    }
-    return titleId;
-  }
-  get iconAsString() {
-    if (this.icon) {
-      return this.icon;
+    if (!title || this.args['aria-label'] || this.args['aria-labelledby']) {
+      return undefined;
     }
-    return undefined;
+    return this.args.titleId ?? `${guidFor(this)}-title`;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if @useComponent}}\n      {{!--@glint-expect-error--}}\n      {{#let (component @type) as |IconComponent|}}\n        {{!--template-lint-disable--}}\n        <IconComponent class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} role=\"image\" aria-hidden={{if this.isAriaHidden \"true\"}} aria-label={{if @aria-label @aria-label this.titleId}} aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}} {{!-- @glint-expect-error --}} tabindex={{@tabIndex}} style={{this.optionalCustomStyles}} color={{@color}} ...attributes />\n      {{/let}}\n    {{else}}\n      {{#if this.useImage}}\n        <img {{!-- @glint-expect-error --}} src={{this.icon}} class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} color={{@color}} alt={{if @title @title}} {{!-- @glint-expect-error --}} tabIndex={{@tabIndex}} ...attributes />\n      {{else}}\n        {{#if this.iconAsString}}\n          {{svgJar this.iconAsString class=(classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size) color=@color role=\"image\" aria-hidden=(if this.isAriaHidden \"true\") aria-label=(if @aria-label @aria-label this.titleId) aria-labelledby=(if @aria-labelledby @aria-labelledby this.titleId) tabindex=@tabIndex style=this.optionalCustomStyles}}\n        {{/if}}\n      {{/if}}\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if @useComponent}}\n  {{!--@glint-expect-error--}}\n  {{#let (component @type) as |IconComponent|}}\n    {{!--template-lint-disable--}}\n    <IconComponent class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} role=\"image\" aria-hidden={{if this.isAriaHidden \"true\"}} aria-label={{@aria-label}} aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}} {{!-- @glint-expect-error --}} tabindex={{@tabIndex}} style={{this.optionalCustomStyles}} color={{@color}} ...attributes>\n      {{#if this.titleId}}\n        <title id={{this.titleId}}>{{@title}}</title>\n      {{/if}}\n    </IconComponent>\n  {{/let}}\n{{else}}\n  {{#if this.useImage}}\n    <img {{!-- @glint-expect-error --}} src={{this.icon}} class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} color={{@color}} alt={{if @title @title}} {{!-- @glint-expect-error --}} tabIndex={{@tabIndex}} ...attributes />\n  {{else if this.iconComponent}}\n    <this.iconComponent class={{classNames @iconClasses this.optionalColorClass (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\") componentName=\"EuiIcon\" size=this.size}} color={{@color}} data-type={{this.dataType}} role=\"image\" aria-hidden={{if this.isAriaHidden \"true\"}} aria-label={{@aria-label}} aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}} {{!-- @glint-expect-error --}} tabindex={{@tabIndex}} style={{this.optionalCustomStyles}} ...attributes>\n      {{#if this.titleId}}\n        <title id={{this.titleId}}>{{@title}}</title>\n      {{/if}}\n    </this.iconComponent>\n  {{/if}}\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         classNames,
         and,
-        not,
-        svgJar
+        not
       })
     }), this);
   }