@ember-eui/core 14.0.0 → 14.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { colorMapping } from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst keyframes: Keyframe[] = [\n  { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.01,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.03,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(34deg)',\n    offset: 0.05,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-32deg)',\n    offset: 0.07,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.09,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.11,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(26deg)',\n    offset: 0.13,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-24deg)',\n    offset: 0.15,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(22deg)',\n    offset: 0.17,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-20deg)',\n    offset: 0.19,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(18deg)',\n    offset: 0.21,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-16deg)',\n    offset: 0.23,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(14deg)',\n    offset: 0.25,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-12deg)',\n    offset: 0.27,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(10deg)',\n    offset: 0.29,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-8deg)',\n    offset: 0.31,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(6deg)',\n    offset: 0.33,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-4deg)',\n    offset: 0.35,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(2deg)',\n    offset: 0.37,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-1deg)',\n    offset: 0.39,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(1deg)',\n    offset: 0.41,\n    easing: 'ease-in-out'\n  },\n  { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n  { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\nexport interface EuiHeaderSectionItemButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    ref?: (api: { euiAnimate: () => void }) => void;\n    disabled?: boolean;\n    href?: string;\n    onClick?: (event: MouseEvent) => void;\n    notification?: boolean | number;\n    notificationColor?: keyof typeof colorMapping;\n  };\n  Blocks: { default: [] };\n}\n\nconst sizes: EuiHideForBreakpoints[] = ['xs'];\n\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n  @tracked buttonRef: HTMLButtonElement | HTMLAnchorElement | undefined;\n  @tracked animationTargetRef: HTMLSpanElement | undefined;\n\n  setAnimationTargetRef = (ele: HTMLSpanElement) => {\n    this.animationTargetRef = ele;\n    this.args.ref?.({ euiAnimate: this.animate });\n  };\n\n  animate = () => {\n    this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n  };\n\n  setButtonRef = (ele: HTMLButtonElement | HTMLAnchorElement) => {\n    this.buttonRef = ele;\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n    \n    this.buttonRef = undefined;\n    this.animationTargetRef = undefined;\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class=\"euiHeaderSectionItemButton\"\n      @isDisabled={{@disabled}}\n      @href={{@href}}\n      @color=\"text\"\n      {{didInsert this.setButtonRef}}\n      {{on \"click\" (optional @onClick)}}\n      ...attributes\n    >\n      <span\n        {{didInsert this.setAnimationTargetRef}}\n        class=\"euiHeaderSectionItemButton__content\"\n      >\n        {{yield}}\n      </span>\n      {{#if @notification}}\n        {{#if (eq @notification true)}}\n          <EuiIcon\n            @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n            @color={{argOrDefault @notificationColor \"accent\"}}\n            @type=\"dot\"\n            @size=\"l\"\n          />\n        {{else if @notification}}\n          <EuiHideFor @sizes={{sizes}}>\n            <EuiNotificationBadge\n              class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n              @color={{argOrDefault @notificationColor \"accent\"}}\n            >\n              {{@notification}}\n            </EuiNotificationBadge>\n          </EuiHideFor>\n          <EuiShowFor @sizes={{sizes}}>\n            <EuiIcon\n              @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n              @color={{argOrDefault @notificationColor \"accent\"}}\n              @type=\"dot\"\n              @size=\"l\"\n            />\n          </EuiShowFor>\n        {{/if}}\n      {{/if}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["keyframes","transform","offset","easing","sizes","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","argOrDefault","EuiHideFor","EuiNotificationBadge","EuiShowFor"],"mappings":"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"}
+{"version":3,"file":"eui-header-section-item-button.js","sources":["../../src/components/eui-header-section-item-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { colorMapping } from '../utils/css-mappings/eui-notification-badge.ts';\nimport type { EuiHideForBreakpoints } from './eui-hide-for';\n\nconst keyframes: Keyframe[] = [\n  { transform: 'rotate(0)', offset: 0, easing: 'ease-in-out' },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.01,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.03,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(34deg)',\n    offset: 0.05,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-32deg)',\n    offset: 0.07,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(30deg)',\n    offset: 0.09,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-28deg)',\n    offset: 0.11,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(26deg)',\n    offset: 0.13,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-24deg)',\n    offset: 0.15,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(22deg)',\n    offset: 0.17,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-20deg)',\n    offset: 0.19,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(18deg)',\n    offset: 0.21,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-16deg)',\n    offset: 0.23,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(14deg)',\n    offset: 0.25,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-12deg)',\n    offset: 0.27,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(10deg)',\n    offset: 0.29,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-8deg)',\n    offset: 0.31,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(6deg)',\n    offset: 0.33,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-4deg)',\n    offset: 0.35,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(2deg)',\n    offset: 0.37,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(-1deg)',\n    offset: 0.39,\n    easing: 'ease-in-out'\n  },\n  {\n    transform: 'rotate(1deg)',\n    offset: 0.41,\n    easing: 'ease-in-out'\n  },\n  { transform: 'rotate(0)', offset: 0.43, easing: 'ease-in-out' },\n  { transform: 'rotate(0)', offset: 1, easing: 'ease-in-out' }\n];\n\n/**\n * An icon button for the header (e.g. help, notifications, user menu),\n * with an optional notification dot or count. Give it an `aria-label`.\n */\nexport interface EuiHeaderSectionItemButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    /**\n     * Called with `{ euiAnimate }`; call `euiAnimate()` to wiggle the\n     * button, e.g. when a new notification arrives.\n     */\n    ref?: (api: { euiAnimate: () => void }) => void;\n    /** Disables the button. */\n    disabled?: boolean;\n    /** Renders a link instead of a button. */\n    href?: string;\n    /** Called on click. */\n    onClick?: (event: MouseEvent) => void;\n    /**\n     * `true` shows a dot; a number shows a count badge (a dot on small\n     * screens).\n     */\n    notification?: boolean | number;\n    /** `'accent'` or `'subdued'`. Defaults to `'accent'`. */\n    notificationColor?: keyof typeof colorMapping;\n  };\n  Blocks: {\n    /** The button's content, usually an `EuiIcon` or `EuiAvatar`. */\n    default: [];\n  };\n}\n\nconst sizes: EuiHideForBreakpoints[] = ['xs'];\n\nexport default class EuiHeaderSectionItemButtonComponent extends Component<EuiHeaderSectionItemButtonSignature> {\n  @tracked buttonRef: HTMLButtonElement | HTMLAnchorElement | undefined;\n  @tracked animationTargetRef: HTMLSpanElement | undefined;\n\n  setAnimationTargetRef = (ele: HTMLSpanElement) => {\n    this.animationTargetRef = ele;\n    this.args.ref?.({ euiAnimate: this.animate });\n  };\n\n  animate = () => {\n    this.animationTargetRef?.animate(keyframes, { duration: 5000 });\n  };\n\n  setButtonRef = (ele: HTMLButtonElement | HTMLAnchorElement) => {\n    this.buttonRef = ele;\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n    \n    this.buttonRef = undefined;\n    this.animationTargetRef = undefined;\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class=\"euiHeaderSectionItemButton\"\n      @isDisabled={{@disabled}}\n      @href={{@href}}\n      @color=\"text\"\n      {{didInsert this.setButtonRef}}\n      {{on \"click\" (optional @onClick)}}\n      ...attributes\n    >\n      <span\n        {{didInsert this.setAnimationTargetRef}}\n        class=\"euiHeaderSectionItemButton__content\"\n      >\n        {{yield}}\n      </span>\n      {{#if @notification}}\n        {{#if (eq @notification true)}}\n          <EuiIcon\n            @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n            @color={{argOrDefault @notificationColor \"accent\"}}\n            @type=\"dot\"\n            @size=\"l\"\n          />\n        {{else if @notification}}\n          <EuiHideFor @sizes={{sizes}}>\n            <EuiNotificationBadge\n              class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\"\n              @color={{argOrDefault @notificationColor \"accent\"}}\n            >\n              {{@notification}}\n            </EuiNotificationBadge>\n          </EuiHideFor>\n          <EuiShowFor @sizes={{sizes}}>\n            <EuiIcon\n              @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\"\n              @color={{argOrDefault @notificationColor \"accent\"}}\n              @type=\"dot\"\n              @size=\"l\"\n            />\n          </EuiShowFor>\n        {{/if}}\n      {{/if}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["keyframes","transform","offset","easing","sizes","EuiHeaderSectionItemButtonComponent","Component","g","prototype","tracked","i","setAnimationTargetRef","ele","animationTargetRef","args","ref","euiAnimate","animate","duration","setButtonRef","buttonRef","willDestroy","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","didInsert","on","optional","eq","EuiIcon","argOrDefault","EuiHideFor","EuiNotificationBadge","EuiShowFor"],"mappings":"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"}

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,iJAAA,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.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,2KAAA,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,6 +23,11 @@ const fixedHeaderModifier = modifier(function fixedHeader(_, [position]) {
     };
   }
 });
+/**
+ * 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: () => ({

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,snBAAA,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.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,2cAAA,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 {

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,+CAAA,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.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,sJAAA,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,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** @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,MAA8B,GAAAC,oBAAA,CAA0BC,kBAAA,CAE9D,kBAAA,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.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 { 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  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    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":";;;;;;;;;;AA4Be,MAAMA,yBAAyBC,SAAU,CAAA;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,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;AAC/C,IAAA,OAAO,IAAI,CAACP,IAAI,CAACE,IAAI,EAAEM,eAAA;AACzB;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAkBA,kaAAA,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("{{#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}}", {
+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,y4BAAA,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

@@ -9,7 +9,7 @@ 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-esm';
@@ -135,23 +135,23 @@ 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({});
+    if (!title || this.args['aria-label'] || this.args['aria-labelledby']) {
+      return undefined;
     }
-    return titleId;
+    return this.args.titleId ?? `${guidFor(this)}-title`;
   }
   static {
-    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={{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 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={{if @aria-label @aria-label this.titleId}} aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}} {{!-- @glint-expect-error --}} tabindex={{@tabIndex}} style={{this.optionalCustomStyles}} ...attributes />\n  {{/if}}\n{{/if}}", {
+    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,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-icon.js","sources":["../../src/components/eui-icon.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { warn } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport { loadedIcon } from '../-private/icon-loader.ts';\nimport { emptyIcon, iconDataTypes } from '../-private/icons.ts';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport {\n  colorToClassMap,\n  typeToPathMap\n} from '../utils/css-mappings/eui-icon.ts';\nimport { keysOf } from './common.ts';\n\nimport type { EuiIconComponent } from '../-private/icons.ts';\nimport type EuiConfigService from '../services/eui-config';\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-icon.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { ComponentLike } from '@glint/template';\n\nexport const TYPES = keysOf(typeToPathMap);\n\nexport type EuiIconType = keyof typeof typeToPathMap;\n\nexport type IconType = EuiIconType | string | ComponentLike;\n\nexport const COLORS: NamedColor[] = keysOf(colorToClassMap);\n\ntype NamedColor = keyof typeof colorToClassMap;\n\nfunction isNamedColor(name: NamedColor | string): name is NamedColor {\n  return Object.prototype.hasOwnProperty.call(colorToClassMap, name);\n}\n\n// We accept arbitrary color strings, which are impossible to type.\ntype IconColor = string | NamedColor;\n\nexport type IconSize = keyof typeof sizeToClassNameMap;\n\nexport type EuiIconArgs = CommonArgs & {\n  /**\n   * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any Ember Icon SVG component\n   */\n  type: IconType;\n\n  /**\n   * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.\n   * Note that coloring only works if your SVG is removed of fill attributes.\n   */\n  color?: IconColor;\n  /**\n   * Note that every size other than `original` assumes the provided SVG sits on a square viewbox.\n   */\n  size?: IconSize;\n\n  /**\n   * If the type is not a named eui icon, render as Svg, not as img.\n   */\n  /**\n   * @deprecated No longer has any effect. EUI icons are always inline svgs,\n   * icons registered through the `euiIcon.icons` config are rendered as\n   * components and any other string is treated as an image URL.\n   */\n  useSvg?: boolean;\n\n  /**\n   * Descriptive title for naming the icon based on its use\n   */\n  title?: string;\n  /**\n   * A unique identifier for the title element\n   */\n  titleId?: string;\n\n  tabIndex?: unknown;\n\n  /**\n   * Its value should be one or more element IDs\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Callback when the icon has been loaded & rendered\n   */\n  onIconLoad?: () => void;\n\n  /**\n   * @deprecated Not needed anymore: a component passed as `@type` is\n   * always rendered as a component.\n   */\n  useComponent?: boolean;\n\n  /**\n   * Classes to pass to the icon\n   */\n  iconClasses?: string;\n};\n\nexport interface EuiIconSignature {\n  Element: HTMLImageElement | Element;\n  Args: EuiIconArgs;\n}\n\nfunction isEuiIconType(x: EuiIconArgs['type']): x is EuiIconType {\n  return (\n    typeof x === 'string' &&\n    Object.prototype.hasOwnProperty.call(typeToPathMap, x)\n  );\n}\n\nexport default class EuiIcon extends Component<EuiIconSignature> {\n  @service declare euiConfig: EuiConfigService;\n\n  @argOrDefaultDecorator('m') size!: IconSize;\n\n  /**\n   * The component rendering the svg: for EUI icon names, for names\n   * registered by the app through the `euiIcon.icons` config, and for\n   * components passed directly as `@type` (e.g. `@iconType={{MyLogo}}`).\n   * EUI icons load the first time they render (see preloadIcons); the empty\n   * icon takes their place meanwhile.\n   */\n  get iconComponent(): EuiIconComponent | undefined {\n    const { type } = this.args;\n\n    if (type && (typeof type === 'object' || typeof type === 'function')) {\n      return type as EuiIconComponent;\n    }\n\n    if (typeof type !== 'string') return undefined;\n\n    if (isEuiIconType(type)) return loadedIcon(type) ?? emptyIcon;\n\n    return this.euiConfig.getConfig('euiIcon.icons')?.[type];\n  }\n\n  get dataType(): string | undefined {\n    const { type } = this.args;\n\n    return isEuiIconType(type) ? iconDataTypes[type] : undefined;\n  }\n\n  get useImage(): boolean {\n    const { type } = this.args;\n\n    if (typeof type !== 'string' || this.iconComponent) return false;\n\n    warn(\n      `<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. ` +\n        `If this used to be an ember-svg-jar asset, register it instead, e.g. euiConfig.updateConfig({ 'euiIcon.icons': { '${type}': MyIconComponent } }).`,\n      /[/.:]/.test(type),\n      { id: 'ember-eui.eui-icon.unknown-type' }\n    );\n\n    return true;\n  }\n\n  get icon(): IconType | ComponentLike | undefined {\n    const { type } = this.args;\n\n    if (type === null) {\n      return undefined;\n    }\n\n    //We should probably find a better way to always\n    if (isEuiIconType(type)) {\n      return this.getEuiIconSvgPath(type);\n    }\n\n    if (typeof type === 'string') {\n      return type;\n    }\n\n    return undefined;\n  }\n\n  get emptyIcon(): string {\n    return this.getEuiIconSvgPath('empty');\n  }\n\n  getEuiIconSvgPath(type: EuiIconType): string {\n    return typeToPathMap[type];\n  }\n\n  get isAppIcon(): string | boolean {\n    const { type } = this.args;\n\n    return (\n      type &&\n      typeof type === 'string' &&\n      (/.+App$/.test(type) || /.+Job$/.test(type) || type === 'dataVisualizer')\n    );\n  }\n\n  get appIconHasColor() {\n    return this.args.color && this.args.color !== 'default';\n  }\n\n  get focusable(): string {\n    const { tabIndex } = this.args;\n\n    return tabIndex == null || tabIndex === -1 ? 'false' : 'true';\n  }\n\n  // undefined (not '') when there is no custom color, so no `style`\n  // attribute is bound (a plain string triggers Ember's style binding warning)\n  get optionalCustomStyles(): ReturnType<typeof htmlSafe> | undefined {\n    const { color } = this.args;\n\n    if (color && typeof color === 'string') {\n      if (!isNamedColor(color)) {\n        return htmlSafe(`fill: ${color}`);\n      }\n    }\n\n    return undefined;\n  }\n\n  get optionalColorClass(): NamedColor | string {\n    const { color } = this.args;\n\n    if (color && typeof color === 'string') {\n      if (isNamedColor(color)) {\n        return colorToClassMap[color];\n      } else {\n        return 'euiIcon--customColor';\n      }\n    }\n\n    return '';\n  }\n\n  // If it's an empty icon, or if there is no aria-label, aria-labelledby, or title it gets aria-hidden true\n  get isAriaHidden(): boolean {\n    const { icon } = this;\n\n    return (\n      icon === 'empty' ||\n      !(this.args['aria-label'], this.args['aria-labelledby'], this.args.title)\n    );\n  }\n\n  get titleId(): string | undefined {\n    const { title } = this.args;\n    let titleId;\n\n    // If no aria-label or aria-labelledby is provided but there's a title, a titleId is generated\n    //  The svg aria-labelledby attribute gets this titleId\n    //  The svg title element gets this titleId as an id\n    if (!this.args['aria-label'] && !this.args['aria-labelledby'] && title) {\n      titleId = guidFor({});\n    }\n\n    return titleId;\n  }\n\n  <template>\n    {{#if @useComponent}}\n      {{!@glint-expect-error}}\n      {{#let (component @type) as |IconComponent|}}\n        {{!template-lint-disable}}\n        <IconComponent\n          class={{classNames\n            @iconClasses\n            this.optionalColorClass\n            (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n            componentName=\"EuiIcon\"\n            size=this.size\n          }}\n          role=\"image\"\n          aria-hidden={{if this.isAriaHidden \"true\"}}\n          aria-label={{if @aria-label @aria-label this.titleId}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          style={{this.optionalCustomStyles}}\n          color={{@color}}\n          ...attributes\n        />\n      {{/let}}\n    {{else}}\n      {{#if this.useImage}}\n        <img\n          {{! @glint-expect-error }}\n          src={{this.icon}}\n          class={{classNames\n            @iconClasses\n            this.optionalColorClass\n            (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n            componentName=\"EuiIcon\"\n            size=this.size\n          }}\n          color={{@color}}\n          alt={{if @title @title}}\n          {{! @glint-expect-error }}\n          tabIndex={{@tabIndex}}\n          ...attributes\n        />\n      {{else if this.iconComponent}}\n        <this.iconComponent\n          class={{classNames\n            @iconClasses\n            this.optionalColorClass\n            (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n            componentName=\"EuiIcon\"\n            size=this.size\n          }}\n          color={{@color}}\n          data-type={{this.dataType}}\n          role=\"image\"\n          aria-hidden={{if this.isAriaHidden \"true\"}}\n          aria-label={{if @aria-label @aria-label this.titleId}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          style={{this.optionalCustomStyles}}\n          ...attributes\n        />\n      {{/if}}\n    {{/if}}\n  </template>\n}\n"],"names":["TYPES","keysOf","typeToPathMap","COLORS","colorToClassMap","isNamedColor","name","Object","prototype","hasOwnProperty","call","isEuiIconType","x","EuiIcon","Component","g","service","i","argOrDefaultDecorator","iconComponent","type","args","undefined","loadedIcon","emptyIcon","euiConfig","getConfig","dataType","iconDataTypes","useImage","warn","test","id","icon","getEuiIconSvgPath","isAppIcon","appIconHasColor","color","focusable","tabIndex","optionalCustomStyles","htmlSafe","optionalColorClass","isAriaHidden","title","titleId","guidFor","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","not"],"mappings":"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"}
+{"version":3,"file":"eui-icon.js","sources":["../../src/components/eui-icon.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { warn } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport { loadedIcon } from '../-private/icon-loader.ts';\nimport { emptyIcon, iconDataTypes } from '../-private/icons.ts';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport {\n  colorToClassMap,\n  typeToPathMap\n} from '../utils/css-mappings/eui-icon.ts';\nimport { keysOf } from './common.ts';\n\nimport type { EuiIconComponent } from '../-private/icons.ts';\nimport type EuiConfigService from '../services/eui-config';\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-icon.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { ComponentLike } from '@glint/template';\n\nexport const TYPES = keysOf(typeToPathMap);\n\nexport type EuiIconType = keyof typeof typeToPathMap;\n\nexport type IconType = EuiIconType | string | ComponentLike;\n\nexport const COLORS: NamedColor[] = keysOf(colorToClassMap);\n\ntype NamedColor = keyof typeof colorToClassMap;\n\nfunction isNamedColor(name: NamedColor | string): name is NamedColor {\n  return Object.prototype.hasOwnProperty.call(colorToClassMap, name);\n}\n\n// We accept arbitrary color strings, which are impossible to type.\ntype IconColor = string | NamedColor;\n\nexport type IconSize = keyof typeof sizeToClassNameMap;\n\nexport type EuiIconArgs = CommonArgs & {\n  /**\n   * `Enum` is any of the named icons listed in the docs, `string` is usually a URL to an SVG file, and `elementType` is any Ember Icon SVG component\n   */\n  type: IconType;\n\n  /**\n   * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value.\n   * Note that coloring only works if your SVG is removed of fill attributes.\n   */\n  color?: IconColor;\n  /**\n   * Note that every size other than `original` assumes the provided SVG sits on a square viewbox.\n   */\n  size?: IconSize;\n\n  /**\n   * If the type is not a named eui icon, render as Svg, not as img.\n   */\n  /**\n   * @deprecated No longer has any effect. EUI icons are always inline svgs,\n   * icons registered through the `euiIcon.icons` config are rendered as\n   * components and any other string is treated as an image URL.\n   */\n  useSvg?: boolean;\n\n  /**\n   * Descriptive title for naming the icon based on its use\n   */\n  title?: string;\n  /**\n   * A unique identifier for the title element\n   */\n  titleId?: string;\n\n  tabIndex?: unknown;\n\n  /**\n   * Its value should be one or more element IDs\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Callback when the icon has been loaded & rendered\n   */\n  onIconLoad?: () => void;\n\n  /**\n   * @deprecated Not needed anymore: a component passed as `@type` is\n   * always rendered as a component.\n   */\n  useComponent?: boolean;\n\n  /**\n   * Classes to pass to the icon\n   */\n  iconClasses?: string;\n};\n\nexport interface EuiIconSignature {\n  Element: HTMLImageElement | Element;\n  Args: EuiIconArgs;\n}\n\nfunction isEuiIconType(x: EuiIconArgs['type']): x is EuiIconType {\n  return (\n    typeof x === 'string' &&\n    Object.prototype.hasOwnProperty.call(typeToPathMap, x)\n  );\n}\n\nexport default class EuiIcon extends Component<EuiIconSignature> {\n  @service declare euiConfig: EuiConfigService;\n\n  @argOrDefaultDecorator('m') size!: IconSize;\n\n  /**\n   * The component rendering the svg: for EUI icon names, for names\n   * registered by the app through the `euiIcon.icons` config, and for\n   * components passed directly as `@type` (e.g. `@iconType={{MyLogo}}`).\n   * EUI icons load the first time they render (see preloadIcons); the empty\n   * icon takes their place meanwhile.\n   */\n  get iconComponent(): EuiIconComponent | undefined {\n    const { type } = this.args;\n\n    if (type && (typeof type === 'object' || typeof type === 'function')) {\n      return type as EuiIconComponent;\n    }\n\n    if (typeof type !== 'string') return undefined;\n\n    if (isEuiIconType(type)) return loadedIcon(type) ?? emptyIcon;\n\n    return this.euiConfig.getConfig('euiIcon.icons')?.[type];\n  }\n\n  get dataType(): string | undefined {\n    const { type } = this.args;\n\n    return isEuiIconType(type) ? iconDataTypes[type] : undefined;\n  }\n\n  get useImage(): boolean {\n    const { type } = this.args;\n\n    if (typeof type !== 'string' || this.iconComponent) return false;\n\n    warn(\n      `<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. ` +\n        `If this used to be an ember-svg-jar asset, register it instead, e.g. euiConfig.updateConfig({ 'euiIcon.icons': { '${type}': MyIconComponent } }).`,\n      /[/.:]/.test(type),\n      { id: 'ember-eui.eui-icon.unknown-type' }\n    );\n\n    return true;\n  }\n\n  get icon(): IconType | ComponentLike | undefined {\n    const { type } = this.args;\n\n    if (type === null) {\n      return undefined;\n    }\n\n    //We should probably find a better way to always\n    if (isEuiIconType(type)) {\n      return this.getEuiIconSvgPath(type);\n    }\n\n    if (typeof type === 'string') {\n      return type;\n    }\n\n    return undefined;\n  }\n\n  get emptyIcon(): string {\n    return this.getEuiIconSvgPath('empty');\n  }\n\n  getEuiIconSvgPath(type: EuiIconType): string {\n    return typeToPathMap[type];\n  }\n\n  get isAppIcon(): string | boolean {\n    const { type } = this.args;\n\n    return (\n      type &&\n      typeof type === 'string' &&\n      (/.+App$/.test(type) || /.+Job$/.test(type) || type === 'dataVisualizer')\n    );\n  }\n\n  get appIconHasColor() {\n    return this.args.color && this.args.color !== 'default';\n  }\n\n  get focusable(): string {\n    const { tabIndex } = this.args;\n\n    return tabIndex == null || tabIndex === -1 ? 'false' : 'true';\n  }\n\n  // undefined (not '') when there is no custom color, so no `style`\n  // attribute is bound (a plain string triggers Ember's style binding warning)\n  get optionalCustomStyles(): ReturnType<typeof htmlSafe> | undefined {\n    const { color } = this.args;\n\n    if (color && typeof color === 'string') {\n      if (!isNamedColor(color)) {\n        return htmlSafe(`fill: ${color}`);\n      }\n    }\n\n    return undefined;\n  }\n\n  get optionalColorClass(): NamedColor | string {\n    const { color } = this.args;\n\n    if (color && typeof color === 'string') {\n      if (isNamedColor(color)) {\n        return colorToClassMap[color];\n      } else {\n        return 'euiIcon--customColor';\n      }\n    }\n\n    return '';\n  }\n\n  // If it's an empty icon, or if there is no aria-label, aria-labelledby, or title it gets aria-hidden true\n  get isAriaHidden(): boolean {\n    const { icon } = this;\n\n    return (\n      icon === 'empty' ||\n      !(\n        this.args['aria-label'] ||\n        this.args['aria-labelledby'] ||\n        this.args.title\n      )\n    );\n  }\n\n  /**\n   * With a `@title` (and no `@aria-label` / `@aria-labelledby`), the svg\n   * gets a `<title>` with this id and is labelled by it.\n   */\n  get titleId(): string | undefined {\n    const { title } = this.args;\n\n    if (!title || this.args['aria-label'] || this.args['aria-labelledby']) {\n      return undefined;\n    }\n\n    return this.args.titleId ?? `${guidFor(this)}-title`;\n  }\n\n  <template>\n    {{#if @useComponent}}\n      {{!@glint-expect-error}}\n      {{#let (component @type) as |IconComponent|}}\n        {{!template-lint-disable}}\n        <IconComponent\n          class={{classNames\n            @iconClasses\n            this.optionalColorClass\n            (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n            componentName=\"EuiIcon\"\n            size=this.size\n          }}\n          role=\"image\"\n          aria-hidden={{if this.isAriaHidden \"true\"}}\n          aria-label={{@aria-label}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          style={{this.optionalCustomStyles}}\n          color={{@color}}\n          ...attributes\n        >\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\n          {{! @glint-expect-error }}\n          src={{this.icon}}\n          class={{classNames\n            @iconClasses\n            this.optionalColorClass\n            (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n            componentName=\"EuiIcon\"\n            size=this.size\n          }}\n          color={{@color}}\n          alt={{if @title @title}}\n          {{! @glint-expect-error }}\n          tabIndex={{@tabIndex}}\n          ...attributes\n        />\n      {{else if this.iconComponent}}\n        <this.iconComponent\n          class={{classNames\n            @iconClasses\n            this.optionalColorClass\n            (if (and this.isAppIcon (not this.appIconHasColor)) \"euiIcon--app\")\n            componentName=\"EuiIcon\"\n            size=this.size\n          }}\n          color={{@color}}\n          data-type={{this.dataType}}\n          role=\"image\"\n          aria-hidden={{if this.isAriaHidden \"true\"}}\n          aria-label={{@aria-label}}\n          aria-labelledby={{if @aria-labelledby @aria-labelledby this.titleId}}\n          {{! @glint-expect-error }}\n          tabindex={{@tabIndex}}\n          style={{this.optionalCustomStyles}}\n          ...attributes\n        >\n          {{#if this.titleId}}\n            <title id={{this.titleId}}>{{@title}}</title>\n          {{/if}}\n        </this.iconComponent>\n      {{/if}}\n    {{/if}}\n  </template>\n}\n"],"names":["TYPES","keysOf","typeToPathMap","COLORS","colorToClassMap","isNamedColor","name","Object","prototype","hasOwnProperty","call","isEuiIconType","x","EuiIcon","Component","g","service","i","argOrDefaultDecorator","iconComponent","type","args","undefined","loadedIcon","emptyIcon","euiConfig","getConfig","dataType","iconDataTypes","useImage","warn","test","id","icon","getEuiIconSvgPath","isAppIcon","appIconHasColor","color","focusable","tabIndex","optionalCustomStyles","htmlSafe","optionalColorClass","isAriaHidden","title","titleId","guidFor","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","not"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-image.js","sources":["../../src/components/eui-image.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { htmlSafe } from '@ember/template';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { eq, notEq, or } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-image.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\n\ntype EuiImageSize = keyof typeof sizeMapping;\n\ntype ImageSize = EuiImageSize | number;\n\ntype FullScreenIconColor = 'light' | 'dark';\n\ntype ImageArgs = {\n  /**\n   * Separate from the caption is a title on the alt tag itself.\n   * This one is required for accessibility.\n   */\n  alt: string;\n\n  /*\n    Determines the size of the image itself, can be a number or a string\n    Default: 'm'\n  */\n  size?: ImageSize | number | string;\n\n  /**\n   * Changes the color of the icon that floats above the image when it can be clicked to fullscreen.\n   * The default value of `light` is fine unless your image has a white background, in which case you should change it to `dark`.\n   */\n  fullScreenIconColor?: FullScreenIconColor;\n\n  url: string;\n\n  /**\n   * Provides the visible caption to the image\n   */\n  caption?: string;\n  /**\n   * When set to `true` (default) will apply a slight shadow to the image\n   */\n  hasShadow?: boolean;\n  /**\n   * When set to `true` will make the image clickable to a larger version\n   */\n  allowFullScreen?: boolean;\n\n  /**\n   * When set to `true` will make the image clickable to a larger version\n   */\n  float?: 'left' | 'right' | 'none';\n\n  /**\n   * When set to `true` will make the image clickable to a larger version\n   */\n  margin?: 'none' | 's' | 'm' | 'l' | 'xl';\n\n  /**\n   * When set to `true` will make the image clickable to a larger version\n   */\n  ariaLabel?: string;\n\n  src?: string;\n};\n\nexport interface EuiImageSignature {\n  Element: HTMLElement;\n  Args: ImageArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiImage extends Component<ImageArgs> {\n  @tracked isFullscreen = false;\n  @argOrDefaultDecorator('original') size!: ImageArgs['size'];\n\n  get sizeClass(): string | undefined {\n    return sizeMapping[this.size as EuiImageSize];\n  }\n\n  // undefined (not '') without a size: a plain string bound to `style`\n  // makes Ember warn about XSS\n  get sizeStyle(): ReturnType<typeof htmlSafe> | undefined {\n    const size = this.args.size;\n\n    if (\n      (typeof size === 'string' || typeof size === 'number') &&\n      !this.sizeClass\n    ) {\n      return htmlSafe(\n        `max-height:${this.args.size}px; max-width:${this.args.size}px; width:auto;`\n      );\n    }\n\n    return undefined;\n  }\n\n  @action\n  toggleFullscreen(e: Event): void {\n    e.stopPropagation();\n    e.preventDefault();\n    this.isFullscreen = !this.isFullscreen;\n  }\n\n  get sizeString() {\n    if (typeof this.args.size === 'string') {\n      return this.args.size;\n    }\n  }\n\n  <template>\n    {{#if @allowFullScreen}}\n      <figure\n        class={{classNames\n          \"euiImage--allowFullScreen\"\n          (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n          float=@float\n          margin=@margin\n          componentName=\"EuiImage\"\n          size=this.sizeString\n        }}\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n\n        <button\n          class=\"euiImage__button\"\n          type=\"button\"\n          aria-label={{@ariaLabel}}\n          {{on \"click\" this.toggleFullscreen}}\n        >\n          <img\n            src={{or @src @url}}\n            class=\"euiImage__img\"\n            style={{this.sizeStyle}}\n            alt={{@alt}}\n          />\n          <EuiIcon\n            @iconClasses=\"euiImage__icon\"\n            @type=\"fullScreen\"\n            @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n          />\n        </button>\n\n        {{#if @caption}}\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        {{/if}}\n      </figure>\n\n    {{else}}\n\n      <figure\n        class={{classNames\n          (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n          float=@float\n          margin=@margin\n          componentName=\"EuiImage\"\n          size=this.sizeString\n        }}\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n\n        <img\n          src={{or @src @url}}\n          class=\"euiImage__img\"\n          style={{this.sizeStyle}}\n          alt={{@alt}}\n        />\n\n        {{#if @caption}}\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        {{/if}}\n      </figure>\n\n    {{/if}}\n\n    {{#if this.isFullscreen}}\n      <EuiOverlayMask\n        @headerZindexLocation=\"above\"\n        @onClick={{this.toggleFullscreen}}\n      >\n        <figure\n          class=\"euiImage euiImage-isFullScreen\"\n          {{focusTrap focusTrapOptions=(hash clickOutsideDeactivates=true)}}\n        >\n          <button\n            class=\"euiImage__button\"\n            type=\"button\"\n            {{on \"click\" this.toggleFullscreen}}\n            {{onKey \"Escape\" this.toggleFullscreen}}\n          >\n            <img\n              class=\"euiImage-isFullScreen__img\"\n              src={{or @src @url}}\n              alt={{@alt}}\n            />\n          </button>\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        </figure>\n        <EuiIcon\n          @iconClasses=\"euiImage-isFullScreenCloseIcon\"\n          @type=\"cross\"\n          @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n        />\n      </EuiOverlayMask>\n    {{/if}}\n  </template>\n}\n"],"names":["EuiImage","Component","g","prototype","tracked","i","argOrDefaultDecorator","sizeClass","sizeMapping","size","sizeStyle","args","htmlSafe","undefined","toggleFullscreen","e","stopPropagation","preventDefault","isFullscreen","n","action","sizeString","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","on","or","EuiIcon","notEq","EuiOverlayMask","focusTrap","hash","onKey"],"mappings":";;;;;;;;;;;;;;;;;;AAmFe,MAAMA,iBAAiBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAC7CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAuB,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,aAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,MAAA,EAAA,CAC7BG,qBAAsB,CAAA,UAAA,CAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEvB,IAAIE,SAAaA,GAAmB;AAClC,IAAA,OAAOC,WAAW,CAAC,IAAI,CAACC,IAAI,CAAiB;AAC/C;AAEA;AACA;EACA,IAAIC,SAAaA,GAAwC;AACvD,IAAA,MAAMD,IAAO,GAAA,IAAI,CAACE,IAAI,CAACF,IAAI;AAE3B,IAAA,IACE,CAAC,OAAOA,IAAS,KAAA,QAAA,IAAY,OAAOA,IAAA,KAAS,QAAQ,KACrD,CAAC,IAAI,CAACF,SAAS,EACf;AACA,MAAA,OAAOK,SACL,CAAc,WAAA,EAAA,IAAI,CAACD,IAAI,CAACF,IAAI,CAAA,cAAA,EAAiB,IAAI,CAACE,IAAI,CAACF,IAAI,iBAAiB,CAAA;AAEhF;AAEA,IAAA,OAAOI,SAAA;AACT;EAGAC,gBAAAA,CAAiBC,CAAQ,EAAQ;IAC/BA,CAAA,CAAEC,eAAe,EAAA;IACjBD,CAAA,CAAEE,cAAc,EAAA;AAChB,IAAA,IAAI,CAACC,YAAY,GAAG,CAAC,IAAI,CAACA,YAAY;AACxC;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,kBAAA,EAAA,CALCiB,MAAA,CAAA,CAAA;AAAA;EAOD,IAAIC,UAAaA,GAAA;IACf,IAAI,OAAO,IAAI,CAACV,IAAI,CAACF,IAAI,KAAK,QAAU,EAAA;AACtC,MAAA,OAAO,IAAI,CAACE,IAAI,CAACF,IAAI;AACvB;AACF;AAEA,EAAA;IAAAa,oBAAA,CAAAC,kBAAA,CAuGA,y9DAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,KAAA;wBAAAC,uBAAA;QAAAC,SAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-image.js","sources":["../../src/components/eui-image.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { htmlSafe } from '@ember/template';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { eq, notEq, or } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-image.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\n\ntype EuiImageSize = keyof typeof sizeMapping;\n\ntype ImageSize = EuiImageSize | number;\n\ntype FullScreenIconColor = 'light' | 'dark';\n\ntype ImageArgs = {\n  /**\n   * Separate from the caption is a title on the alt tag itself.\n   * This one is required for accessibility.\n   */\n  alt: string;\n\n  /**\n   * `'s'` (100px), `'m'` (200px), `'l'` (360px), `'xl'` (600px),\n   * `'fullWidth'`, `'original'`, or a number for a max size in px.\n   * Defaults to `'original'`.\n   */\n  size?: ImageSize | number | string;\n\n  /**\n   * Changes the color of the icon that floats above the image when it can be clicked to fullscreen.\n   * The default value of `light` is fine unless your image has a white background, in which case you should change it to `dark`.\n   */\n  fullScreenIconColor?: FullScreenIconColor;\n\n  /** URL of the image. */\n  url: string;\n\n  /**\n   * Provides the visible caption to the image\n   */\n  caption?: string;\n  /**\n   * When set to `true` (default) will apply a slight shadow to the image\n   */\n  hasShadow?: boolean;\n  /**\n   * When set to `true` will make the image clickable to a larger version\n   */\n  allowFullScreen?: boolean;\n\n  /** Floats the image `'left'` or `'right'` of the text around it. */\n  float?: 'left' | 'right' | 'none';\n\n  /** Space around the image: `'none'`, `'s'`, `'m'`, `'l'` or `'xl'`. */\n  margin?: 'none' | 's' | 'm' | 'l' | 'xl';\n\n  /** Accessible label of the full screen button (`@allowFullScreen`). */\n  ariaLabel?: string;\n\n  /** Same as `@url`. */\n  src?: string;\n};\n\n/** An image with an optional caption, shadow and full screen view. */\nexport interface EuiImageSignature {\n  Element: HTMLElement;\n  Args: ImageArgs;\n  Blocks: {\n    /** Unused. */\n    default: [];\n  };\n}\n\nexport default class EuiImage extends Component<ImageArgs> {\n  @tracked isFullscreen = false;\n  @argOrDefaultDecorator('original') size!: ImageArgs['size'];\n\n  get sizeClass(): string | undefined {\n    return sizeMapping[this.size as EuiImageSize];\n  }\n\n  // undefined (not '') without a size: a plain string bound to `style`\n  // makes Ember warn about XSS\n  get sizeStyle(): ReturnType<typeof htmlSafe> | undefined {\n    const size = this.args.size;\n\n    if (\n      (typeof size === 'string' || typeof size === 'number') &&\n      !this.sizeClass\n    ) {\n      return htmlSafe(\n        `max-height:${this.args.size}px; max-width:${this.args.size}px; width:auto;`\n      );\n    }\n\n    return undefined;\n  }\n\n  @action\n  toggleFullscreen(e: Event): void {\n    e.stopPropagation();\n    e.preventDefault();\n    this.isFullscreen = !this.isFullscreen;\n  }\n\n  get sizeString() {\n    if (typeof this.args.size === 'string') {\n      return this.args.size;\n    }\n  }\n\n  <template>\n    {{#if @allowFullScreen}}\n      <figure\n        class={{classNames\n          \"euiImage--allowFullScreen\"\n          (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n          float=@float\n          margin=@margin\n          componentName=\"EuiImage\"\n          size=this.sizeString\n        }}\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n\n        <button\n          class=\"euiImage__button\"\n          type=\"button\"\n          aria-label={{@ariaLabel}}\n          {{on \"click\" this.toggleFullscreen}}\n        >\n          <img\n            src={{or @src @url}}\n            class=\"euiImage__img\"\n            style={{this.sizeStyle}}\n            alt={{@alt}}\n          />\n          <EuiIcon\n            @iconClasses=\"euiImage__icon\"\n            @type=\"fullScreen\"\n            @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n          />\n        </button>\n\n        {{#if @caption}}\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        {{/if}}\n      </figure>\n\n    {{else}}\n\n      <figure\n        class={{classNames\n          (unless (eq @hasShadow false) \"euiImage--hasShadow\")\n          float=@float\n          margin=@margin\n          componentName=\"EuiImage\"\n          size=this.sizeString\n        }}\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n\n        <img\n          src={{or @src @url}}\n          class=\"euiImage__img\"\n          style={{this.sizeStyle}}\n          alt={{@alt}}\n        />\n\n        {{#if @caption}}\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        {{/if}}\n      </figure>\n\n    {{/if}}\n\n    {{#if this.isFullscreen}}\n      <EuiOverlayMask\n        @headerZindexLocation=\"above\"\n        @onClick={{this.toggleFullscreen}}\n      >\n        <figure\n          class=\"euiImage euiImage-isFullScreen\"\n          {{focusTrap focusTrapOptions=(hash clickOutsideDeactivates=true)}}\n        >\n          <button\n            class=\"euiImage__button\"\n            type=\"button\"\n            {{on \"click\" this.toggleFullscreen}}\n            {{onKey \"Escape\" this.toggleFullscreen}}\n          >\n            <img\n              class=\"euiImage-isFullScreen__img\"\n              src={{or @src @url}}\n              alt={{@alt}}\n            />\n          </button>\n          <figcaption class=\"euiImage__caption\">\n            {{@caption}}\n          </figcaption>\n        </figure>\n        <EuiIcon\n          @iconClasses=\"euiImage-isFullScreenCloseIcon\"\n          @type=\"cross\"\n          @color={{if (notEq @fullScreenIconColor \"dark\") \"ghost\"}}\n        />\n      </EuiOverlayMask>\n    {{/if}}\n  </template>\n}\n"],"names":["EuiImage","Component","g","prototype","tracked","i","argOrDefaultDecorator","sizeClass","sizeMapping","size","sizeStyle","args","htmlSafe","undefined","toggleFullscreen","e","stopPropagation","preventDefault","isFullscreen","n","action","sizeString","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","on","or","EuiIcon","notEq","EuiOverlayMask","focusTrap","hash","onKey"],"mappings":";;;;;;;;;;;;;;;;;;AAkFe,MAAMA,iBAAiBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAC7CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAuB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,aAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,MAAA,EAAA,CACvBG,qBAAA,CAAsB,UAAA,CAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEvB,IAAIE,SAAAA,GAAgC;AAClC,IAAA,OAAOC,WAAW,CAAC,IAAI,CAACC,IAAI,CAAiB;AAC/C,EAAA;AAEA;AACA;EACA,IAAIC,SAAAA,GAAqD;AACvD,IAAA,MAAMD,IAAA,GAAO,IAAI,CAACE,IAAI,CAACF,IAAI;AAE3B,IAAA,IACE,CAAC,OAAOA,IAAA,KAAS,QAAA,IAAY,OAAOA,IAAA,KAAS,QAAQ,KACrD,CAAC,IAAI,CAACF,SAAS,EACf;AACA,MAAA,OAAOK,SACL,CAAA,WAAA,EAAc,IAAI,CAACD,IAAI,CAACF,IAAI,CAAA,cAAA,EAAiB,IAAI,CAACE,IAAI,CAACF,IAAI,iBAAiB,CAAA;AAEhF,IAAA;AAEA,IAAA,OAAOI,SAAA;AACT,EAAA;EAGAC,gBAAAA,CAAiBC,CAAQ,EAAQ;IAC/BA,CAAA,CAAEC,eAAe,EAAA;IACjBD,CAAA,CAAEE,cAAc,EAAA;AAChB,IAAA,IAAI,CAACC,YAAY,GAAG,CAAC,IAAI,CAACA,YAAY;AACxC,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,kBAAA,EAAA,CALCiB,MAAA,CAAA,CAAA;AAAA;EAOD,IAAIC,UAAAA,GAAa;IACf,IAAI,OAAO,IAAI,CAACV,IAAI,CAACF,IAAI,KAAK,QAAA,EAAU;AACtC,MAAA,OAAO,IAAI,CAACE,IAAI,CAACF,IAAI;AACvB,IAAA;AACF,EAAA;AAEA,EAAA;IAAAa,oBAAA,CAAAC,kBAAA,CAAA,y9DAAA,EAuGA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,KAAA;wBAAAC,uBAAA;QAAAC,SAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}