@ember-eui/core 13.0.4 → 14.0.0

package/dist/components/eui-global-toast-list.js

@@ -4,7 +4,8 @@ import { fn, get } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { action } from '@ember/object';
 import didInsert from '@ember/render-modifiers/modifiers/did-insert';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
+import { htmlSafe } from '@ember/template';
 import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -13,12 +14,12 @@ import Timer from '../utils/timer.js';
 import EuiToast from './eui-toast.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 const TOAST_FADE_OUT_MS = 250;
 class EuiGlobalToastList extends Component {
   static {
-    g(this.prototype, "euiToaster", [inject]);
+    g(this.prototype, "euiToaster", [service]);
   }
   #euiToaster = (i(this, "euiToaster"), void 0);
   dismissTimeoutIds = [];
@@ -179,8 +180,11 @@ class EuiGlobalToastList extends Component {
     }
     this.listElement = null;
   }
+  get listStyle() {
+    return this.euiToaster.toasts.length ? undefined : htmlSafe('padding:0px;');
+  }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div aria-live=\"polite\" role=\"region\" class={{classNames componentName=\"EuiGlobalToastList\" side=(argOrDefault @side \"right\")}} style={{unless this.euiToaster.toasts.length \"padding:0px;\"}} {{didInsert this.didInsert}} {{on \"scroll\" this.onScroll}} {{on \"mouseenter\" this.onMouseEnter}} {{on \"mouseleave\" this.onMouseLeave}} ...attributes>\n      {{#each this.euiToaster.toasts as |toast|}}\n        <EuiToast class={{classNames \"euiGlobalToastListItem\" (if (get this.toastIdToDismissedMap toast.id) \"euiGlobalToastListItem-isDismissed\")}} @title={{toast.title}} @useMarkdownFormat={{toast.useMarkdownFormat}} @body={{toast.body}} @color={{toast.color}} @iconType={{toast.iconType}} @onClose={{queue (fn this.dismissToast toast) (optional toast.onClose)}} {{didInsert (fn this.didInsertToast toast)}} {{on \"focus\" this.onMouseEnter}} {{on \"blur\" this.onMouseLeave}} />\n      {{/each}}\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div aria-live=\"polite\" role=\"region\" class={{classNames componentName=\"EuiGlobalToastList\" side=(argOrDefault @side \"right\")}} style={{this.listStyle}} {{didInsert this.didInsert}} {{on \"scroll\" this.onScroll}} {{on \"mouseenter\" this.onMouseEnter}} {{on \"mouseleave\" this.onMouseLeave}} ...attributes>\n  {{#each this.euiToaster.toasts as |toast|}}\n    <EuiToast class={{classNames \"euiGlobalToastListItem\" (if (get this.toastIdToDismissedMap toast.id) \"euiGlobalToastListItem-isDismissed\")}} @title={{toast.title}} @useMarkdownFormat={{toast.useMarkdownFormat}} @body={{toast.body}} @color={{toast.color}} @iconType={{toast.iconType}} @onClose={{queue (fn this.dismissToast toast) (optional toast.onClose)}} {{didInsert (fn this.didInsertToast toast)}} {{on \"focus\" this.onMouseEnter}} {{on \"blur\" this.onMouseLeave}} />\n  {{/each}}\n</div>", {
       strictMode: true,
       scope: () => ({
         classNames,

package/dist/components/eui-global-toast-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-global-toast-list.js","sources":["../../src/components/eui-global-toast-list.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { inject as service } from '@ember/service';\nimport type Owner from '@ember/owner';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport Timer from '../utils/timer.ts';\nimport EuiToast from './eui-toast.gts';\n\nimport type EuiToasterService from '../services/eui-toaster';\nimport type {\n  EuiToastProps,\n  EuiToastPropsWithId\n} from '../services/eui-toaster';\nimport type { sideMapping } from '../utils/css-mappings/eui-global-toast-list.ts';\n\ntype EuiToastSide = keyof typeof sideMapping;\n\ntype GlobalToastListArgs = {\n  dismissToast?: (this: EuiGlobalToastList, toast: EuiToastProps) => void;\n  toastLifeTimeMs: number;\n\n  /*\n    Determines which side of the browser window the toasts should appear\n    Default: 'right'\n\n  */\n  side?: EuiToastSide;\n};\n\nconst TOAST_FADE_OUT_MS = 250;\n\nexport interface EuiGlobalToastListItemSignature {\n  Element: HTMLDivElement;\n  Args: GlobalToastListArgs;\n}\n\nexport default class EuiGlobalToastList extends Component<EuiGlobalToastListItemSignature> {\n  @service declare euiToaster: EuiToasterService;\n\n  dismissTimeoutIds: number[] = [];\n  toastIdToTimerMap: { [toastId: string]: Timer } = {};\n\n  isScrollingToBottom = false;\n  isScrolledToBottom = true;\n  isUserInteracting = false;\n\n  // See [Return Value](https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#Return_value)\n  // for information on initial value of 0\n  isScrollingAnimationFrame = 0;\n  startScrollingAnimationFrame = 0;\n\n  listElement: Element | null = null;\n  @tracked toastIdToDismissedMap: {\n    [toastId: string]: boolean;\n  } = {};\n\n  startScrollingToBottom(): void {\n    this.isScrollingToBottom = true;\n\n    const scrollToBottom = () => {\n      // Although we cancel the requestAnimationFrame in componentWillUnmount,\n      // it's possible for this.listElement to become null in the meantime\n      if (!this.listElement) {\n        return;\n      }\n\n      const position = this.listElement.scrollTop;\n      const destination =\n        this.listElement.scrollHeight - this.listElement.clientHeight;\n      const distanceToDestination = destination - position;\n\n      if (distanceToDestination < 5) {\n        this.listElement.scrollTop = destination;\n        this.isScrollingToBottom = false;\n        this.isScrolledToBottom = true;\n\n        return;\n      }\n\n      this.listElement.scrollTop = position + distanceToDestination * 0.25;\n\n      if (this.isScrollingToBottom) {\n        this.isScrollingAnimationFrame =\n          window.requestAnimationFrame(scrollToBottom);\n      }\n    };\n\n    this.startScrollingAnimationFrame =\n      window.requestAnimationFrame(scrollToBottom);\n  }\n\n  @action\n  didInsertToast(toast: EuiToastPropsWithId): void {\n    this.scheduleToastForDismissal(toast);\n\n    if (!this.isUserInteracting) {\n      // If the user has scrolled up the toast list then we don't want to annoy them by scrolling\n      // all the way back to the bottom.\n      if (this.isScrolledToBottom) {\n        this.startScrollingToBottom();\n      }\n    }\n  }\n\n  @action\n  onMouseEnter(): void {\n    // Stop scrolling to bottom if we're in mid-scroll, because the user wants to interact with\n    // the list.\n    this.isScrollingToBottom = false;\n    this.isUserInteracting = true;\n\n    // Don't let toasts dismiss themselves while the user is interacting with them.\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.pause();\n      }\n    }\n  }\n\n  @action\n  onMouseLeave(): void {\n    this.isUserInteracting = false;\n\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.resume();\n      }\n    }\n  }\n\n  @action\n  onScroll(): void {\n    if (this.listElement) {\n      this.isScrolledToBottom =\n        this.listElement.scrollHeight - this.listElement.scrollTop ===\n        this.listElement.clientHeight;\n    }\n  }\n\n  scheduleAllToastsForDismissal(): void {\n    this.euiToaster.toasts.forEach((toast) => {\n      if (!this.toastIdToTimerMap[toast.id]) {\n        this.scheduleToastForDismissal(toast);\n      }\n    });\n  }\n\n  @action\n  scheduleToastForDismissal(toast: EuiToastPropsWithId): void {\n    // Start fading the toast out once its lifetime elapses.\n    this.toastIdToTimerMap[toast.id] = new Timer(\n      this.dismissToast.bind(this, toast),\n      toast.toastLifeTimeMs != null\n        ? toast.toastLifeTimeMs\n        : this.args.toastLifeTimeMs\n    );\n  }\n\n  @action\n  dismissToast(toast: EuiToastPropsWithId): void {\n    // Remove the toast after it's done fading out.\n    this.dismissTimeoutIds.push(\n      window.setTimeout(() => {\n        // Because this is wrapped in a setTimeout, and because React does not guarantee when\n        // state updates happen, it is possible to double-dismiss a toast\n        // including by double-clicking the \"x\" button on the toast\n        // so, first check to make sure we haven't already dismissed this toast\n        if (this.toastIdToTimerMap.hasOwnProperty(toast.id)) {\n          if (this.args.dismissToast) {\n            this.args.dismissToast.apply(this, [toast]);\n          }\n\n          this.toastIdToTimerMap[toast.id]!.clear();\n          delete this.toastIdToTimerMap[toast.id];\n\n          delete this.toastIdToDismissedMap[toast.id];\n          this.toastIdToDismissedMap = {\n            ...this.toastIdToDismissedMap\n          };\n          this.euiToaster.remove(toast);\n        }\n      }, TOAST_FADE_OUT_MS)\n    );\n\n    this.toastIdToDismissedMap = {\n      ...this.toastIdToDismissedMap,\n      [toast.id]: true\n    };\n  }\n\n  constructor(owner: Owner, args: GlobalToastListArgs) {\n    super(owner, args);\n    this.scheduleAllToastsForDismissal();\n  }\n\n  @action\n  didInsert(element: Element): void {\n    this.listElement = element;\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    if (this.isScrollingAnimationFrame !== 0) {\n      window.cancelAnimationFrame(this.isScrollingAnimationFrame);\n    }\n\n    if (this.startScrollingAnimationFrame !== 0) {\n      window.cancelAnimationFrame(this.startScrollingAnimationFrame);\n    }\n\n    this.dismissTimeoutIds.forEach(clearTimeout);\n\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.clear();\n      }\n    }\n\n    this.listElement = null;\n  }\n\n  <template>\n    <div\n      aria-live=\"polite\"\n      role=\"region\"\n      class={{classNames\n        componentName=\"EuiGlobalToastList\"\n        side=(argOrDefault @side \"right\")\n      }}\n      style={{unless this.euiToaster.toasts.length \"padding:0px;\"}}\n      {{didInsert this.didInsert}}\n      {{on \"scroll\" this.onScroll}}\n      {{on \"mouseenter\" this.onMouseEnter}}\n      {{on \"mouseleave\" this.onMouseLeave}}\n      ...attributes\n    >\n      {{#each this.euiToaster.toasts as |toast|}}\n        <EuiToast\n          class={{classNames\n            \"euiGlobalToastListItem\"\n            (if\n              (get this.toastIdToDismissedMap toast.id)\n              \"euiGlobalToastListItem-isDismissed\"\n            )\n          }}\n          @title={{toast.title}}\n          @useMarkdownFormat={{toast.useMarkdownFormat}}\n          @body={{toast.body}}\n          @color={{toast.color}}\n          @iconType={{toast.iconType}}\n          @onClose={{queue\n            (fn this.dismissToast toast)\n            (optional toast.onClose)\n          }}\n          {{didInsert (fn this.didInsertToast toast)}}\n          {{on \"focus\" this.onMouseEnter}}\n          {{on \"blur\" this.onMouseLeave}}\n        />\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["TOAST_FADE_OUT_MS","EuiGlobalToastList","Component","g","prototype","service","i","void 0","dismissTimeoutIds","toastIdToTimerMap","isScrollingToBottom","isScrolledToBottom","isUserInteracting","isScrollingAnimationFrame","startScrollingAnimationFrame","listElement","tracked","startScrollingToBottom","scrollToBottom","position","scrollTop","destination","scrollHeight","clientHeight","distanceToDestination","window","requestAnimationFrame","didInsertToast","toast","scheduleToastForDismissal","n","action","onMouseEnter","toastId","hasOwnProperty","timer","pause","onMouseLeave","resume","onScroll","scheduleAllToastsForDismissal","euiToaster","toasts","forEach","id","Timer","dismissToast","bind","toastLifeTimeMs","args","push","setTimeout","apply","clear","toastIdToDismissedMap","remove","constructor","owner","didInsert","element","willDestroy","cancelAnimationFrame","clearTimeout","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","on","EuiToast","get","queue","fn","optional"],"mappings":";;;;;;;;;;;;;;;;;AAuCA,MAAMA,iBAAoB,GAAA,GAAA;AAOX,MAAMC,2BAA2BC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACvDC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA;AAEDC,EAAAA,iBAAmB,GAAW,EAAE;EAChCC,iBAAA,GAAkD,EAAG;AAErDC,EAAAA,mBAAA,GAAsB,KAAM;AAC5BC,EAAAA,kBAAA,GAAqB,IAAK;AAC1BC,EAAAA,iBAAA,GAAoB,KAAM;AAE1B;AACA;AACAC,EAAAA,yBAAA,GAA4B,CAAE;AAC9BC,EAAAA,4BAAA,GAA+B,CAAE;AAEjCC,EAAAA,WAAa,GAAiB,IAAK;AAAA,EAAA;IAAAZ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,uBAAA,EAAA,CAClCY,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAEG,EAAG;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,sBAAA,IAAAV,CAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAAC,MAAA;AAEPU,EAAAA,sBAAAA,GAA+B;IAC7B,IAAI,CAACP,mBAAmB,GAAG,IAAA;IAE3B,MAAMQ,cAAiB,GAAAA,MAAA;AACrB;AACA;AACA,MAAA,IAAI,CAAC,IAAI,CAACH,WAAW,EAAE;AACrB,QAAA;AACF;AAEA,MAAA,MAAMI,QAAW,GAAA,IAAI,CAACJ,WAAW,CAACK,SAAS;AAC3C,MAAA,MAAMC,WAAA,GACJ,IAAI,CAACN,WAAW,CAACO,YAAY,GAAG,IAAI,CAACP,WAAW,CAACQ,YAAY;AAC/D,MAAA,MAAMC,wBAAwBH,WAAc,GAAAF,QAAA;MAE5C,IAAIK,wBAAwB,CAAG,EAAA;AAC7B,QAAA,IAAI,CAACT,WAAW,CAACK,SAAS,GAAGC,WAAA;QAC7B,IAAI,CAACX,mBAAmB,GAAG,KAAA;QAC3B,IAAI,CAACC,kBAAkB,GAAG,IAAA;AAE1B,QAAA;AACF;MAEA,IAAI,CAACI,WAAW,CAACK,SAAS,GAAGD,WAAWK,qBAAwB,GAAA,IAAA;MAEhE,IAAI,IAAI,CAACd,mBAAmB,EAAE;QAC5B,IAAI,CAACG,yBAAyB,GAC5BY,MAAA,CAAOC,qBAAqB,CAACR,cAAA,CAAA;AACjC;KACF;IAEA,IAAI,CAACJ,4BAA4B,GAC/BW,MAAA,CAAOC,qBAAqB,CAACR,cAAA,CAAA;AACjC;EAGAS,cAAAA,CAAeC,KAA0B,EAAQ;AAC/C,IAAA,IAAI,CAACC,yBAAyB,CAACD,KAAA,CAAA;AAE/B,IAAA,IAAI,CAAC,IAAI,CAAChB,iBAAiB,EAAE;AAC3B;AACA;MACA,IAAI,IAAI,CAACD,kBAAkB,EAAE;QAC3B,IAAI,CAACM,sBAAsB,EAAA;AAC7B;AACF;AACF;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,gBAAA,EAAA,CAXC2B,MAAA,CAAA,CAAA;AAAA;AAcDC,EAAAA,YAAAA,GAAqB;AACnB;AACA;IACA,IAAI,CAACtB,mBAAmB,GAAG,KAAA;IAC3B,IAAI,CAACE,iBAAiB,GAAG,IAAA;AAEzB;AACA,IAAA,KAAK,MAAMqB,OAAA,IAAW,IAAI,CAACxB,iBAAiB,EAAE;MAC5C,IAAI,IAAI,CAACA,iBAAiB,CAACyB,cAAc,CAACD,OAAU,CAAA,EAAA;AAClD,QAAA,MAAME,KAAQ,GAAA,IAAI,CAAC1B,iBAAiB,CAACwB,OAAQ,CAAA;QAE7CE,KAAO,EAAAC,KAAA,EAAA;AACT;AACF;AACF;AAAA,EAAA;IAAAN,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,cAAA,EAAA,CAfC2B,MAAA,CAAA,CAAA;AAAA;AAkBDM,EAAAA,YAAAA,GAAqB;IACnB,IAAI,CAACzB,iBAAiB,GAAG,KAAA;AAEzB,IAAA,KAAK,MAAMqB,OAAA,IAAW,IAAI,CAACxB,iBAAiB,EAAE;MAC5C,IAAI,IAAI,CAACA,iBAAiB,CAACyB,cAAc,CAACD,OAAU,CAAA,EAAA;AAClD,QAAA,MAAME,KAAQ,GAAA,IAAI,CAAC1B,iBAAiB,CAACwB,OAAQ,CAAA;QAE7CE,KAAO,EAAAG,MAAA,EAAA;AACT;AACF;AACF;AAAA,EAAA;IAAAR,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,cAAA,EAAA,CAXC2B,MAAA,CAAA,CAAA;AAAA;AAcDQ,EAAAA,QAAAA,GAAiB;IACf,IAAI,IAAI,CAACxB,WAAW,EAAE;AACpB,MAAA,IAAI,CAACJ,kBAAkB,GACrB,IAAI,CAACI,WAAW,CAACO,YAAY,GAAG,IAAI,CAACP,WAAW,CAACK,SAAS,KAC1D,IAAI,CAACL,WAAW,CAACQ,YAAY;AACjC;AACF;AAAA,EAAA;IAAAO,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,UAAA,EAAA,CAPC2B,MAAA,CAAA,CAAA;AAAA;AASDS,EAAAA,6BAAAA,GAAsC;IACpC,IAAI,CAACC,UAAU,CAACC,MAAM,CAACC,OAAO,CAAEf,KAAA,IAAA;MAC9B,IAAI,CAAC,IAAI,CAACnB,iBAAiB,CAACmB,KAAM,CAAAgB,EAAE,CAAC,EAAE;AACrC,QAAA,IAAI,CAACf,yBAAyB,CAACD,KAAA,CAAA;AACjC;AACF,KAAA,CAAA;AACF;EAGAC,yBAAAA,CAA0BD,KAA0B,EAAQ;AAC1D;AACA,IAAA,IAAI,CAACnB,iBAAiB,CAACmB,KAAA,CAAMgB,EAAE,CAAC,GAAG,IAAIC,KACrC,CAAA,IAAI,CAACC,YAAY,CAACC,IAAI,CAAC,IAAI,EAAEnB,KAAA,CAAA,EAC7BA,KAAM,CAAAoB,eAAe,IAAI,IAAA,GACrBpB,KAAM,CAAAoB,eAAe,GACrB,IAAI,CAACC,IAAI,CAACD,eAAe,CAAA;AAEjC;AAAA,EAAA;IAAAlB,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,2BAAA,EAAA,CATC2B,MAAA,CAAA,CAAA;AAAA;EAYDe,YAAAA,CAAalB,KAA0B,EAAQ;AAC7C;IACA,IAAI,CAACpB,iBAAiB,CAAC0C,IAAI,CACzBzB,MAAA,CAAO0B,UAAU,CAAC,MAAA;AAChB;AACA;AACA;AACA;MACA,IAAI,IAAI,CAAC1C,iBAAiB,CAACyB,cAAc,CAACN,KAAA,CAAMgB,EAAE,CAAG,EAAA;AACnD,QAAA,IAAI,IAAI,CAACK,IAAI,CAACH,YAAY,EAAE;AAC1B,UAAA,IAAI,CAACG,IAAI,CAACH,YAAY,CAACM,KAAK,CAAC,IAAI,EAAE,CAACxB,KAAA,CAAM,CAAA;AAC5C;QAEA,IAAI,CAACnB,iBAAiB,CAACmB,MAAMgB,EAAE,CAAC,CAAES,KAAK,EAAA;AACvC,QAAA,OAAO,IAAI,CAAC5C,iBAAiB,CAACmB,KAAA,CAAMgB,EAAE,CAAC;AAEvC,QAAA,OAAO,IAAI,CAACU,qBAAqB,CAAC1B,KAAA,CAAMgB,EAAE,CAAC;QAC3C,IAAI,CAACU,qBAAqB,GAAG;AAC3B,UAAA,GAAG,IAAI,CAACA;SACV;AACA,QAAA,IAAI,CAACb,UAAU,CAACc,MAAM,CAAC3B,KAAA,CAAA;AACzB;KACC,EAAA5B,iBAAA,CAAA,CAAA;IAGL,IAAI,CAACsD,qBAAqB,GAAG;MAC3B,GAAG,IAAI,CAACA,qBAAqB;MAC7B,CAAC1B,KAAA,CAAMgB,EAAE,GAAG;KACd;AACF;AAAA,EAAA;IAAAd,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,cAAA,EAAA,CA9BC2B,MAAA,CAAA,CAAA;AAAA;AAgCDyB,EAAAA,WAAAA,CAAYC,KAAY,EAAER,IAAyB,EAAE;AACnD,IAAA,KAAK,CAACQ,KAAO,EAAAR,IAAA,CAAA;IACb,IAAI,CAACT,6BAA6B,EAAA;AACpC;EAGAkB,SAAAA,CAAUC,OAAgB,EAAQ;IAChC,IAAI,CAAC5C,WAAW,GAAG4C,OAAA;AACrB;AAAA,EAAA;IAAA7B,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,WAAA,EAAA,CAHC2B,MAAA,CAAA,CAAA;AAAA;AAKD6B,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;AAEN,IAAA,IAAI,IAAI,CAAC/C,yBAAyB,KAAK,CAAG,EAAA;AACxCY,MAAAA,MAAA,CAAOoC,oBAAoB,CAAC,IAAI,CAAChD,yBAAyB,CAAA;AAC5D;AAEA,IAAA,IAAI,IAAI,CAACC,4BAA4B,KAAK,CAAG,EAAA;AAC3CW,MAAAA,MAAA,CAAOoC,oBAAoB,CAAC,IAAI,CAAC/C,4BAA4B,CAAA;AAC/D;AAEA,IAAA,IAAI,CAACN,iBAAiB,CAACmC,OAAO,CAACmB,YAAA,CAAA;AAE/B,IAAA,KAAK,MAAM7B,OAAA,IAAW,IAAI,CAACxB,iBAAiB,EAAE;MAC5C,IAAI,IAAI,CAACA,iBAAiB,CAACyB,cAAc,CAACD,OAAU,CAAA,EAAA;AAClD,QAAA,MAAME,KAAQ,GAAA,IAAI,CAAC1B,iBAAiB,CAACwB,OAAQ,CAAA;QAE7CE,KAAO,EAAAkB,KAAA,EAAA;AACT;AACF;IAEA,IAAI,CAACtC,WAAW,GAAG,IAAA;AACrB;AAEA,EAAA;IAAAgD,oBAAA,CAAAC,kBAAA,CAuCA,q6BAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,YAAA;QAAAV,SAAA;QAAAW,EAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,KAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-global-toast-list.js","sources":["../../src/components/eui-global-toast-list.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { get } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { service } from '@ember/service';\nimport type Owner from '@ember/owner';\nimport { htmlSafe } from '@ember/template';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport Timer from '../utils/timer.ts';\nimport EuiToast from './eui-toast.gts';\n\nimport type EuiToasterService from '../services/eui-toaster';\nimport type {\n  EuiToastProps,\n  EuiToastPropsWithId\n} from '../services/eui-toaster';\nimport type { sideMapping } from '../utils/css-mappings/eui-global-toast-list.ts';\n\ntype EuiToastSide = keyof typeof sideMapping;\n\ntype GlobalToastListArgs = {\n  dismissToast?: (this: EuiGlobalToastList, toast: EuiToastProps) => void;\n  toastLifeTimeMs: number;\n\n  /*\n    Determines which side of the browser window the toasts should appear\n    Default: 'right'\n\n  */\n  side?: EuiToastSide;\n};\n\nconst TOAST_FADE_OUT_MS = 250;\n\nexport interface EuiGlobalToastListItemSignature {\n  Element: HTMLDivElement;\n  Args: GlobalToastListArgs;\n}\n\nexport default class EuiGlobalToastList extends Component<EuiGlobalToastListItemSignature> {\n  @service declare euiToaster: EuiToasterService;\n\n  dismissTimeoutIds: number[] = [];\n  toastIdToTimerMap: { [toastId: string]: Timer } = {};\n\n  isScrollingToBottom = false;\n  isScrolledToBottom = true;\n  isUserInteracting = false;\n\n  // See [Return Value](https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#Return_value)\n  // for information on initial value of 0\n  isScrollingAnimationFrame = 0;\n  startScrollingAnimationFrame = 0;\n\n  listElement: Element | null = null;\n  @tracked toastIdToDismissedMap: {\n    [toastId: string]: boolean;\n  } = {};\n\n  startScrollingToBottom(): void {\n    this.isScrollingToBottom = true;\n\n    const scrollToBottom = () => {\n      // Although we cancel the requestAnimationFrame in componentWillUnmount,\n      // it's possible for this.listElement to become null in the meantime\n      if (!this.listElement) {\n        return;\n      }\n\n      const position = this.listElement.scrollTop;\n      const destination =\n        this.listElement.scrollHeight - this.listElement.clientHeight;\n      const distanceToDestination = destination - position;\n\n      if (distanceToDestination < 5) {\n        this.listElement.scrollTop = destination;\n        this.isScrollingToBottom = false;\n        this.isScrolledToBottom = true;\n\n        return;\n      }\n\n      this.listElement.scrollTop = position + distanceToDestination * 0.25;\n\n      if (this.isScrollingToBottom) {\n        this.isScrollingAnimationFrame =\n          window.requestAnimationFrame(scrollToBottom);\n      }\n    };\n\n    this.startScrollingAnimationFrame =\n      window.requestAnimationFrame(scrollToBottom);\n  }\n\n  @action\n  didInsertToast(toast: EuiToastPropsWithId): void {\n    this.scheduleToastForDismissal(toast);\n\n    if (!this.isUserInteracting) {\n      // If the user has scrolled up the toast list then we don't want to annoy them by scrolling\n      // all the way back to the bottom.\n      if (this.isScrolledToBottom) {\n        this.startScrollingToBottom();\n      }\n    }\n  }\n\n  @action\n  onMouseEnter(): void {\n    // Stop scrolling to bottom if we're in mid-scroll, because the user wants to interact with\n    // the list.\n    this.isScrollingToBottom = false;\n    this.isUserInteracting = true;\n\n    // Don't let toasts dismiss themselves while the user is interacting with them.\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.pause();\n      }\n    }\n  }\n\n  @action\n  onMouseLeave(): void {\n    this.isUserInteracting = false;\n\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.resume();\n      }\n    }\n  }\n\n  @action\n  onScroll(): void {\n    if (this.listElement) {\n      this.isScrolledToBottom =\n        this.listElement.scrollHeight - this.listElement.scrollTop ===\n        this.listElement.clientHeight;\n    }\n  }\n\n  scheduleAllToastsForDismissal(): void {\n    this.euiToaster.toasts.forEach((toast) => {\n      if (!this.toastIdToTimerMap[toast.id]) {\n        this.scheduleToastForDismissal(toast);\n      }\n    });\n  }\n\n  @action\n  scheduleToastForDismissal(toast: EuiToastPropsWithId): void {\n    // Start fading the toast out once its lifetime elapses.\n    this.toastIdToTimerMap[toast.id] = new Timer(\n      this.dismissToast.bind(this, toast),\n      toast.toastLifeTimeMs != null\n        ? toast.toastLifeTimeMs\n        : this.args.toastLifeTimeMs\n    );\n  }\n\n  @action\n  dismissToast(toast: EuiToastPropsWithId): void {\n    // Remove the toast after it's done fading out.\n    this.dismissTimeoutIds.push(\n      window.setTimeout(() => {\n        // Because this is wrapped in a setTimeout, and because React does not guarantee when\n        // state updates happen, it is possible to double-dismiss a toast\n        // including by double-clicking the \"x\" button on the toast\n        // so, first check to make sure we haven't already dismissed this toast\n        if (this.toastIdToTimerMap.hasOwnProperty(toast.id)) {\n          if (this.args.dismissToast) {\n            this.args.dismissToast.apply(this, [toast]);\n          }\n\n          this.toastIdToTimerMap[toast.id]!.clear();\n          delete this.toastIdToTimerMap[toast.id];\n\n          delete this.toastIdToDismissedMap[toast.id];\n          this.toastIdToDismissedMap = {\n            ...this.toastIdToDismissedMap\n          };\n          this.euiToaster.remove(toast);\n        }\n      }, TOAST_FADE_OUT_MS)\n    );\n\n    this.toastIdToDismissedMap = {\n      ...this.toastIdToDismissedMap,\n      [toast.id]: true\n    };\n  }\n\n  constructor(owner: Owner, args: GlobalToastListArgs) {\n    super(owner, args);\n    this.scheduleAllToastsForDismissal();\n  }\n\n  @action\n  didInsert(element: Element): void {\n    this.listElement = element;\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    if (this.isScrollingAnimationFrame !== 0) {\n      window.cancelAnimationFrame(this.isScrollingAnimationFrame);\n    }\n\n    if (this.startScrollingAnimationFrame !== 0) {\n      window.cancelAnimationFrame(this.startScrollingAnimationFrame);\n    }\n\n    this.dismissTimeoutIds.forEach(clearTimeout);\n\n    for (const toastId in this.toastIdToTimerMap) {\n      if (this.toastIdToTimerMap.hasOwnProperty(toastId)) {\n        const timer = this.toastIdToTimerMap[toastId];\n\n        timer?.clear();\n      }\n    }\n\n    this.listElement = null;\n  }\n\n  get listStyle(): ReturnType<typeof htmlSafe> | undefined {\n    return this.euiToaster.toasts.length ? undefined : htmlSafe('padding:0px;');\n  }\n\n  <template>\n    <div\n      aria-live=\"polite\"\n      role=\"region\"\n      class={{classNames\n        componentName=\"EuiGlobalToastList\"\n        side=(argOrDefault @side \"right\")\n      }}\n      style={{this.listStyle}}\n      {{didInsert this.didInsert}}\n      {{on \"scroll\" this.onScroll}}\n      {{on \"mouseenter\" this.onMouseEnter}}\n      {{on \"mouseleave\" this.onMouseLeave}}\n      ...attributes\n    >\n      {{#each this.euiToaster.toasts as |toast|}}\n        <EuiToast\n          class={{classNames\n            \"euiGlobalToastListItem\"\n            (if\n              (get this.toastIdToDismissedMap toast.id)\n              \"euiGlobalToastListItem-isDismissed\"\n            )\n          }}\n          @title={{toast.title}}\n          @useMarkdownFormat={{toast.useMarkdownFormat}}\n          @body={{toast.body}}\n          @color={{toast.color}}\n          @iconType={{toast.iconType}}\n          @onClose={{queue\n            (fn this.dismissToast toast)\n            (optional toast.onClose)\n          }}\n          {{didInsert (fn this.didInsertToast toast)}}\n          {{on \"focus\" this.onMouseEnter}}\n          {{on \"blur\" this.onMouseLeave}}\n        />\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["TOAST_FADE_OUT_MS","EuiGlobalToastList","Component","g","prototype","service","i","dismissTimeoutIds","toastIdToTimerMap","isScrollingToBottom","isScrolledToBottom","isUserInteracting","isScrollingAnimationFrame","startScrollingAnimationFrame","listElement","tracked","startScrollingToBottom","scrollToBottom","position","scrollTop","destination","scrollHeight","clientHeight","distanceToDestination","window","requestAnimationFrame","didInsertToast","toast","scheduleToastForDismissal","n","action","onMouseEnter","toastId","hasOwnProperty","timer","pause","onMouseLeave","resume","onScroll","scheduleAllToastsForDismissal","euiToaster","toasts","forEach","id","Timer","dismissToast","bind","toastLifeTimeMs","args","push","setTimeout","apply","clear","toastIdToDismissedMap","remove","constructor","owner","didInsert","element","willDestroy","cancelAnimationFrame","clearTimeout","listStyle","length","undefined","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","on","EuiToast","get","queue","fn","optional"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderAlert = setComponentTemplate(precompileTemplate("\n    {{#let (randomId) as |ariaId|}}\n      <article aria-labelledby=\"{{ariaId}}-title\" class=\"euiHeaderAlert\" ...attributes>\n        <EuiFlexGroup @justifyContent=\"spaceBetween\">\n          <EuiFlexItem>\n            <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n          </EuiFlexItem>\n          {{#if (has-block \"badge\")}}\n            <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n          {{/if}}\n\n        </EuiFlexGroup>\n\n        <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n          {{yield to=\"title\"}}\n        </h3>\n        <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n        {{#if (has-block \"action\")}}\n          <div class=\"euiHeaderAlert__action euiLink\">{{yield to=\"action\"}}</div>\n        {{/if}}\n      </article>\n    {{/let}}\n  ", {
+const EuiHeaderAlert = setComponentTemplate(precompileTemplate("{{#let (randomId) as |ariaId|}}\n  <article aria-labelledby=\"{{ariaId}}-title\" class=\"euiHeaderAlert\" ...attributes>\n    <EuiFlexGroup @justifyContent=\"spaceBetween\">\n      <EuiFlexItem>\n        <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n      </EuiFlexItem>\n      {{#if (has-block \"badge\")}}\n        <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n      {{/if}}\n\n    </EuiFlexGroup>\n\n    <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n      {{yield to=\"title\"}}\n    </h3>\n    <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n    {{#if (has-block \"action\")}}\n      <div class=\"euiHeaderAlert__action euiLink\">{{yield to=\"action\"}}</div>\n    {{/if}}\n  </article>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     randomId,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-alert.js","sources":["../../src/components/eui-header-alert.gts"],"sourcesContent":["import randomId from '../-private/random-id.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderAlertSignature {\n  Element: HTMLElement;\n  Blocks: {\n    date: [];\n    badge: [];\n    title: [];\n    text: [];\n    action: [];\n  };\n}\n\nconst EuiHeaderAlert: TemplateOnlyComponent<EuiHeaderAlertSignature> =\n  <template>\n    {{#let (randomId) as |ariaId|}}\n      <article\n        aria-labelledby=\"{{ariaId}}-title\"\n        class=\"euiHeaderAlert\"\n        ...attributes\n      >\n        <EuiFlexGroup @justifyContent=\"spaceBetween\">\n          <EuiFlexItem>\n            <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n          </EuiFlexItem>\n          {{#if (has-block \"badge\")}}\n            <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n          {{/if}}\n\n        </EuiFlexGroup>\n\n        <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n          {{yield to=\"title\"}}\n        </h3>\n        <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n        {{#if (has-block \"action\")}}\n          <div class=\"euiHeaderAlert__action euiLink\">{{yield\n              to=\"action\"\n            }}</div>\n        {{/if}}\n      </article>\n    {{/let}}\n  </template>;\n\nexport default EuiHeaderAlert;\n"],"names":["EuiHeaderAlert","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiFlexGroup","EuiFlexItem","templateOnly"],"mappings":";;;;;;;AAiBA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA4BA,y1BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-alert.js","sources":["../../src/components/eui-header-alert.gts"],"sourcesContent":["import randomId from '../-private/random-id.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderAlertSignature {\n  Element: HTMLElement;\n  Blocks: {\n    date: [];\n    badge: [];\n    title: [];\n    text: [];\n    action: [];\n  };\n}\n\nconst EuiHeaderAlert: TemplateOnlyComponent<EuiHeaderAlertSignature> =\n  <template>\n    {{#let (randomId) as |ariaId|}}\n      <article\n        aria-labelledby=\"{{ariaId}}-title\"\n        class=\"euiHeaderAlert\"\n        ...attributes\n      >\n        <EuiFlexGroup @justifyContent=\"spaceBetween\">\n          <EuiFlexItem>\n            <div class=\"euiHeaderAlert__date\">{{yield to=\"date\"}}</div>\n          </EuiFlexItem>\n          {{#if (has-block \"badge\")}}\n            <EuiFlexItem @grow={{false}}>{{yield to=\"badge\"}}</EuiFlexItem>\n          {{/if}}\n\n        </EuiFlexGroup>\n\n        <h3 id=\"{{ariaId}}-title\" class=\"euiHeaderAlert__title\">\n          {{yield to=\"title\"}}\n        </h3>\n        <div class=\"euiHeaderAlert__text\">{{yield to=\"text\"}}</div>\n        {{#if (has-block \"action\")}}\n          <div class=\"euiHeaderAlert__action euiLink\">{{yield\n              to=\"action\"\n            }}</div>\n        {{/if}}\n      </article>\n    {{/let}}\n  </template>;\n\nexport default EuiHeaderAlert;\n"],"names":["EuiHeaderAlert","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiFlexGroup","EuiFlexItem","templateOnly"],"mappings":";;;;;;;AAiBA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA4BA,uwBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -3,7 +3,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderBreadcrumbs = setComponentTemplate(precompileTemplate("\n    <EuiBreadcrumbs @max={{4}} @truncate={{true}} @breadcrumbs={{@breadcrumbs}} class=\"euiHeaderBreadcrumbs\" ...attributes />\n  ", {
+const EuiHeaderBreadcrumbs = setComponentTemplate(precompileTemplate("<EuiBreadcrumbs @max={{4}} @truncate={{true}} @breadcrumbs={{@breadcrumbs}} class=\"euiHeaderBreadcrumbs\" ...attributes />", {
   strictMode: true,
   scope: () => ({
     EuiBreadcrumbs

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-breadcrumbs.js","sources":["../../src/components/eui-header-breadcrumbs.gts"],"sourcesContent":["import EuiBreadcrumbs from './eui-breadcrumbs.gts';\n\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderBreadcrumbsSignature {\n  Element: EuiBreadcrumbsSignature['Element'];\n  Args: {\n    breadcrumbs: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderBreadcrumbs: TemplateOnlyComponent<EuiHeaderBreadcrumbsSignature> =\n  <template>\n    <EuiBreadcrumbs\n      @max={{4}}\n      @truncate={{true}}\n      @breadcrumbs={{@breadcrumbs}}\n      class=\"euiHeaderBreadcrumbs\"\n      ...attributes\n    />\n  </template>;\n\nexport default EuiHeaderBreadcrumbs;\n"],"names":["EuiHeaderBreadcrumbs","setComponentTemplate","precompileTemplate","strictMode","scope","EuiBreadcrumbs","templateOnly"],"mappings":";;;;;AAeA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAQA,uIAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-breadcrumbs.js","sources":["../../src/components/eui-header-breadcrumbs.gts"],"sourcesContent":["import EuiBreadcrumbs from './eui-breadcrumbs.gts';\n\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderBreadcrumbsSignature {\n  Element: EuiBreadcrumbsSignature['Element'];\n  Args: {\n    breadcrumbs: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderBreadcrumbs: TemplateOnlyComponent<EuiHeaderBreadcrumbsSignature> =\n  <template>\n    <EuiBreadcrumbs\n      @max={{4}}\n      @truncate={{true}}\n      @breadcrumbs={{@breadcrumbs}}\n      class=\"euiHeaderBreadcrumbs\"\n      ...attributes\n    />\n  </template>;\n\nexport default EuiHeaderBreadcrumbs;\n"],"names":["EuiHeaderBreadcrumbs","setComponentTemplate","precompileTemplate","strictMode","scope","EuiBreadcrumbs","templateOnly"],"mappings":";;;;;AAeA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAQA,6HAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderLink = setComponentTemplate(precompileTemplate("\n  <EuiButtonEmpty class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}} @color={{if @isActive \"primary\" \"text\"}} @href={{@href}} @isLoading={{@isLoading}} @isDisabled={{@isDisabled}} @target={{@target}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconClasses={{@iconClasses}} @textClasses={{@textClasses}} ...attributes>\n    {{yield}}\n  </EuiButtonEmpty>\n", {
+const EuiHeaderLink = setComponentTemplate(precompileTemplate("<EuiButtonEmpty class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}} @color={{if @isActive \"primary\" \"text\"}} @href={{@href}} @isLoading={{@isLoading}} @isDisabled={{@isDisabled}} @target={{@target}} @iconType={{@iconType}} @iconSide={{@iconSide}} @iconClasses={{@iconClasses}} @textClasses={{@textClasses}} ...attributes>\n  {{yield}}\n</EuiButtonEmpty>", {
   strictMode: true,
   scope: () => ({
     EuiButtonEmpty,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-link.js","sources":["../../src/components/eui-header-link.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLinkSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: EuiButtonEmptySignature['Args'] & {\n    isActive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderLink: TemplateOnlyComponent<EuiHeaderLinkSignature> = <template>\n  <EuiButtonEmpty\n    class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}}\n    @color={{if @isActive \"primary\" \"text\"}}\n    @href={{@href}}\n    @isLoading={{@isLoading}}\n    @isDisabled={{@isDisabled}}\n    @target={{@target}}\n    @iconType={{@iconType}}\n    @iconSide={{@iconSide}}\n    @iconClasses={{@iconClasses}}\n    @textClasses={{@textClasses}}\n    ...attributes\n  >\n    {{yield}}\n  </EuiButtonEmpty>\n</template>;\n\nexport default EuiHeaderLink;\n"],"names":["EuiHeaderLink","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAgBrE,8YAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-link.js","sources":["../../src/components/eui-header-link.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLinkSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: EuiButtonEmptySignature['Args'] & {\n    isActive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderLink: TemplateOnlyComponent<EuiHeaderLinkSignature> = <template>\n  <EuiButtonEmpty\n    class={{classNames \"euiHeaderLink\" (if @isActive \"euiHeaderLink-isActive\")}}\n    @color={{if @isActive \"primary\" \"text\"}}\n    @href={{@href}}\n    @isLoading={{@isLoading}}\n    @isDisabled={{@isDisabled}}\n    @target={{@target}}\n    @iconType={{@iconType}}\n    @iconSide={{@iconSide}}\n    @iconClasses={{@iconClasses}}\n    @textClasses={{@textClasses}}\n    ...attributes\n  >\n    {{yield}}\n  </EuiButtonEmpty>\n</template>;\n\nexport default EuiHeaderLink;\n"],"names":["EuiHeaderLink","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","classNames","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAgBrE,oYAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -11,7 +11,7 @@ import EuiPopoverComponent from './eui-popover.js';
 import EuiShowForComponent from './eui-show-for.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 class EuiHeaderLinksComponent extends Component {
   static {
@@ -27,7 +27,7 @@ class EuiHeaderLinksComponent extends Component {
     return this.popoverBreakpoints?.length > 0;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <nav class=\"euiHeaderLinks\">\n      <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n        <div class={{classNames \"euiHeaderLinks__list\" componentName=\"EuiHeaderLinks\" gutterSize=(argOrDefault @gutterSize \"xs\")}}>\n          {{yield}}\n        </div>\n      </EuiHideFor>\n\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n          <EuiPopover @isOpen={{this.pop1}} @anchorPosition=\"downRight\" @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}} @closePopover={{set this \"pop1\" false}}>\n            <:button>\n              <EuiButtonEmpty @color=\"text\" {{on \"click\" (set this \"pop1\" true)}}>\n                <EuiIcon @type=\"apps\" />\n              </EuiButtonEmpty>\n            </:button>\n            <:content>\n              <div class={{classNames \"euiHeaderLinks__mobileList\" componentName=\"EuiHeaderLinks\" mobileGutterSize=(argOrDefault @gutterSize \"xs\")}}>\n                {{yield}}\n              </div>\n            </:content>\n          </EuiPopover>\n        </EuiShowFor>\n      {{/if}}\n    </nav>\n  ", {
+    setComponentTemplate(precompileTemplate("<nav class=\"euiHeaderLinks\">\n  <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n    <div class={{classNames \"euiHeaderLinks__list\" componentName=\"EuiHeaderLinks\" gutterSize=(argOrDefault @gutterSize \"xs\")}}>\n      {{yield}}\n    </div>\n  </EuiHideFor>\n\n  {{#if this.hasMobileVersion}}\n    <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n      <EuiPopover @isOpen={{this.pop1}} @anchorPosition=\"downRight\" @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}} @closePopover={{set this \"pop1\" false}}>\n        <:button>\n          <EuiButtonEmpty @color=\"text\" {{on \"click\" (set this \"pop1\" true)}}>\n            <EuiIcon @type=\"apps\" />\n          </EuiButtonEmpty>\n        </:button>\n        <:content>\n          <div class={{classNames \"euiHeaderLinks__mobileList\" componentName=\"EuiHeaderLinks\" mobileGutterSize=(argOrDefault @gutterSize \"xs\")}}>\n            {{yield}}\n          </div>\n        </:content>\n      </EuiPopover>\n    </EuiShowFor>\n  {{/if}}\n</nav>", {
       strictMode: true,
       scope: () => ({
         EuiHideFor: EuiHideForComponent,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-links.js","sources":["../../src/components/eui-header-links.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { gutterSizeMapping } from '../utils/css-mappings/eui-header-links.ts';\nimport type { EuiHideForSignature } from './eui-hide-for';\nimport type { EuiPopoverSignature } from './eui-popover';\n\nexport interface EuiHeaderLinkSignature {\n  Args: {\n    popoverBreakpoints?: EuiHideForSignature['Args']['sizes'];\n    gutterSize?: keyof typeof gutterSizeMapping;\n    panelPaddingSize?: EuiPopoverSignature['Args']['panelPaddingSize'];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiHeaderLinksComponent extends Component<EuiHeaderLinkSignature> {\n  @tracked pop1 = false;\n\n  get popoverBreakpoints() {\n    return this.args.popoverBreakpoints || ['xs', 's'];\n  }\n\n  get hasMobileVersion() {\n    return this.popoverBreakpoints?.length > 0;\n  }\n\n  <template>\n    <nav class=\"euiHeaderLinks\">\n      <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n        <div\n          class={{classNames\n            \"euiHeaderLinks__list\"\n            componentName=\"EuiHeaderLinks\"\n            gutterSize=(argOrDefault @gutterSize \"xs\")\n          }}\n        >\n          {{yield}}\n        </div>\n      </EuiHideFor>\n\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n          <EuiPopover\n            @isOpen={{this.pop1}}\n            @anchorPosition=\"downRight\"\n            @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}}\n            @closePopover={{set this \"pop1\" false}}\n          >\n            <:button>\n              <EuiButtonEmpty\n                @color=\"text\"\n                {{on \"click\" (set this \"pop1\" true)}}\n              >\n                <EuiIcon @type=\"apps\" />\n              </EuiButtonEmpty>\n            </:button>\n            <:content>\n              <div\n                class={{classNames\n                  \"euiHeaderLinks__mobileList\"\n                  componentName=\"EuiHeaderLinks\"\n                  mobileGutterSize=(argOrDefault @gutterSize \"xs\")\n                }}\n              >\n                {{yield}}\n              </div>\n            </:content>\n          </EuiPopover>\n        </EuiShowFor>\n      {{/if}}\n    </nav>\n  </template>\n}\n"],"names":["EuiHeaderLinksComponent","Component","g","prototype","tracked","i","void 0","popoverBreakpoints","args","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHideFor","classNames","argOrDefault","EuiShowFor","EuiPopover","set","EuiButtonEmpty","on","EuiIcon"],"mappings":";;;;;;;;;;;;;;;AA6Be,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC5DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAe,KAAM;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,MAAA;EAEtB,IAAIC,kBAAqBA,GAAA;IACvB,OAAO,IAAI,CAACC,IAAI,CAACD,kBAAkB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACpD;EAEA,IAAIE,gBAAmBA,GAAA;AACrB,IAAA,OAAO,IAAI,CAACF,kBAAkB,EAAEG,MAAS,GAAA,CAAA;AAC3C;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA6CA,0lCAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;oBAAAC,mBAAA;QAAAC,UAAA;QAAAC,YAAA;oBAAAC,mBAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-header-links.js","sources":["../../src/components/eui-header-links.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiHideFor from './eui-hide-for.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiShowFor from './eui-show-for.gts';\n\nimport type { gutterSizeMapping } from '../utils/css-mappings/eui-header-links.ts';\nimport type { EuiHideForSignature } from './eui-hide-for';\nimport type { EuiPopoverSignature } from './eui-popover';\n\nexport interface EuiHeaderLinkSignature {\n  Args: {\n    popoverBreakpoints?: EuiHideForSignature['Args']['sizes'];\n    gutterSize?: keyof typeof gutterSizeMapping;\n    panelPaddingSize?: EuiPopoverSignature['Args']['panelPaddingSize'];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiHeaderLinksComponent extends Component<EuiHeaderLinkSignature> {\n  @tracked pop1 = false;\n\n  get popoverBreakpoints() {\n    return this.args.popoverBreakpoints || ['xs', 's'];\n  }\n\n  get hasMobileVersion() {\n    return this.popoverBreakpoints?.length > 0;\n  }\n\n  <template>\n    <nav class=\"euiHeaderLinks\">\n      <EuiHideFor @sizes={{this.popoverBreakpoints}}>\n        <div\n          class={{classNames\n            \"euiHeaderLinks__list\"\n            componentName=\"EuiHeaderLinks\"\n            gutterSize=(argOrDefault @gutterSize \"xs\")\n          }}\n        >\n          {{yield}}\n        </div>\n      </EuiHideFor>\n\n      {{#if this.hasMobileVersion}}\n        <EuiShowFor @sizes={{this.popoverBreakpoints}}>\n          <EuiPopover\n            @isOpen={{this.pop1}}\n            @anchorPosition=\"downRight\"\n            @panelPaddingSize={{argOrDefault @panelPaddingSize \"none\"}}\n            @closePopover={{set this \"pop1\" false}}\n          >\n            <:button>\n              <EuiButtonEmpty\n                @color=\"text\"\n                {{on \"click\" (set this \"pop1\" true)}}\n              >\n                <EuiIcon @type=\"apps\" />\n              </EuiButtonEmpty>\n            </:button>\n            <:content>\n              <div\n                class={{classNames\n                  \"euiHeaderLinks__mobileList\"\n                  componentName=\"EuiHeaderLinks\"\n                  mobileGutterSize=(argOrDefault @gutterSize \"xs\")\n                }}\n              >\n                {{yield}}\n              </div>\n            </:content>\n          </EuiPopover>\n        </EuiShowFor>\n      {{/if}}\n    </nav>\n  </template>\n}\n"],"names":["EuiHeaderLinksComponent","Component","g","prototype","tracked","i","popoverBreakpoints","args","hasMobileVersion","length","setComponentTemplate","precompileTemplate","strictMode","scope","EuiHideFor","classNames","argOrDefault","EuiShowFor","EuiPopover","set","EuiButtonEmpty","on","EuiIcon"],"mappings":";;;;;;;;;;;;;;;AA6Be,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAC5DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAe,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAEtB,IAAIC,kBAAqBA,GAAA;IACvB,OAAO,IAAI,CAACC,IAAI,CAACD,kBAAkB,IAAI,CAAC,IAAA,EAAM,GAAA,CAAI;AACpD;EAEA,IAAIE,gBAAmBA,GAAA;AACrB,IAAA,OAAO,IAAI,CAACF,kBAAkB,EAAEG,MAAS,GAAA,CAAA;AAC3C;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA6CA,w/BAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;oBAAAC,mBAAA;QAAAC,UAAA;QAAAC,YAAA;oBAAAC,mBAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiHeaderLogo = setComponentTemplate(precompileTemplate("\n  <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n    <EuiIcon aria-label={{@iconTitle}} @iconClasses=\"euiHeaderLogo__icon\" @size=\"l\" @type={{argOrDefault @iconType \"logoElastic\"}} />\n    {{#if (has-block)}}\n      <span class=\"euiHeaderLogo__text\">\n        {{yield}}\n      </span>\n    {{/if}}\n  </a>\n", {
+const EuiHeaderLogo = setComponentTemplate(precompileTemplate("<a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n  <EuiIcon aria-label={{@iconTitle}} @iconClasses=\"euiHeaderLogo__icon\" @size=\"l\" @type={{argOrDefault @iconType \"logoElastic\"}} />\n  {{#if (has-block)}}\n    <span class=\"euiHeaderLogo__text\">\n      {{yield}}\n    </span>\n  {{/if}}\n</a>", {
   strictMode: true,
   scope: () => ({
     EuiIcon,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLogoSignature {\n  Element: HTMLAnchorElement;\n  Args: {\n    href?: string;\n    target?: string;\n    iconTitle?: string;\n    iconType?: EuiIconSignature['Args']['type'];\n  }\n  Blocks: {\n    default: []\n  }\n}\n\nconst EuiHeaderLogo: TemplateOnlyComponent<EuiHeaderLogoSignature> = <template>\n  <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n    <EuiIcon\n      aria-label={{@iconTitle}}\n      @iconClasses=\"euiHeaderLogo__icon\"\n      @size=\"l\"\n      @type={{argOrDefault @iconType \"logoElastic\"}}\n    />\n    {{#if (has-block)}}\n      <span class=\"euiHeaderLogo__text\">\n        {{yield}}\n      </span>\n    {{/if}}\n  </a>\n</template>;\n\nexport default EuiHeaderLogo;\n"],"names":["EuiHeaderLogo","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAcrE,4VAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderLogoSignature {\n  Element: HTMLAnchorElement;\n  Args: {\n    href?: string;\n    target?: string;\n    iconTitle?: string;\n    iconType?: EuiIconSignature['Args']['type'];\n  }\n  Blocks: {\n    default: []\n  }\n}\n\nconst EuiHeaderLogo: TemplateOnlyComponent<EuiHeaderLogoSignature> = <template>\n  <a class=\"euiHeaderLogo\" href={{@href}} target={{@target}} ...attributes>\n    <EuiIcon\n      aria-label={{@iconTitle}}\n      @iconClasses=\"euiHeaderLogo__icon\"\n      @size=\"l\"\n      @type={{argOrDefault @iconType \"logoElastic\"}}\n    />\n    {{#if (has-block)}}\n      <span class=\"euiHeaderLogo__text\">\n        {{yield}}\n      </span>\n    {{/if}}\n  </a>\n</template>;\n\nexport default EuiHeaderLogo;\n"],"names":["EuiHeaderLogo","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAcrE,wUAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -12,7 +12,7 @@ import EuiNotificationBadge from './eui-notification-badge.js';
 import EuiShowForComponent from './eui-show-for.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 const keyframes = [{
   transform: 'rotate(0)',
@@ -141,7 +141,7 @@ class EuiHeaderSectionItemButtonComponent extends Component {
     this.animationTargetRef = undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiButtonEmpty class=\"euiHeaderSectionItemButton\" @isDisabled={{@disabled}} @href={{@href}} @color=\"text\" {{didInsert this.setButtonRef}} {{on \"click\" (optional @onClick)}} ...attributes>\n      <span {{didInsert this.setAnimationTargetRef}} class=\"euiHeaderSectionItemButton__content\">\n        {{yield}}\n      </span>\n      {{#if @notification}}\n        {{#if (eq @notification true)}}\n          <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n        {{else if @notification}}\n          <EuiHideFor @sizes={{sizes}}>\n            <EuiNotificationBadge class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\" @color={{argOrDefault @notificationColor \"accent\"}}>\n              {{@notification}}\n            </EuiNotificationBadge>\n          </EuiHideFor>\n          <EuiShowFor @sizes={{sizes}}>\n            <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n          </EuiShowFor>\n        {{/if}}\n      {{/if}}\n    </EuiButtonEmpty>\n  ", {
+    setComponentTemplate(precompileTemplate("<EuiButtonEmpty class=\"euiHeaderSectionItemButton\" @isDisabled={{@disabled}} @href={{@href}} @color=\"text\" {{didInsert this.setButtonRef}} {{on \"click\" (optional @onClick)}} ...attributes>\n  <span {{didInsert this.setAnimationTargetRef}} class=\"euiHeaderSectionItemButton__content\">\n    {{yield}}\n  </span>\n  {{#if @notification}}\n    {{#if (eq @notification true)}}\n      <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n    {{else if @notification}}\n      <EuiHideFor @sizes={{sizes}}>\n        <EuiNotificationBadge class=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--badge\" @color={{argOrDefault @notificationColor \"accent\"}}>\n          {{@notification}}\n        </EuiNotificationBadge>\n      </EuiHideFor>\n      <EuiShowFor @sizes={{sizes}}>\n        <EuiIcon @iconClasses=\"euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot\" @color={{argOrDefault @notificationColor \"accent\"}} @type=\"dot\" @size=\"l\" />\n      </EuiShowFor>\n    {{/if}}\n  {{/if}}\n</EuiButtonEmpty>", {
       strictMode: true,
       scope: () => ({
         EuiButtonEmpty,

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","void 0","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\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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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-section-item.js","sources":["../../src/components/eui-header-section-item.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { borderSizeMappping } from '../utils/css-mappings/eui-header-section-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionItemSignature {\n  Element: HTMLDivElement;\n  Args: {\n    border?: keyof typeof borderSizeMappping;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderSectionItem: TemplateOnlyComponent<EuiHeaderSectionItemSignature> =\n  <template>\n    <div\n      class={{classNames\n        componentName=\"EuiHeaderSectionItem\"\n        borderSide=(argOrDefault @border \"left\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiHeaderSectionItem;\n"],"names":["EuiHeaderSectionItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAUA,mKAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-section-item.js","sources":["../../src/components/eui-header-section-item.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { borderSizeMappping } from '../utils/css-mappings/eui-header-section-item.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\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;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-section.js","sources":["../../src/components/eui-header-section.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { alignMapping } from '../utils/css-mappings/eui-header-section.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHeaderSectionSignature {\n  Element: HTMLDivElement;\n  Args: {\n    side?: keyof typeof alignMapping;\n    grow?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeaderSection: TemplateOnlyComponent<EuiHeaderSectionSignature> =\n  <template>\n    <div\n      class={{classNames\n        componentName=\"EuiHeaderSection\"\n        alignItems=(argOrDefault @side \"left\")\n        grow=(argOrDefault @grow false)\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiHeaderSection;\n"],"names":["EuiHeaderSection","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,6LAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header-section.js","sources":["../../src/components/eui-header-section.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { alignMapping } from '../utils/css-mappings/eui-header-section.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\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;;;;"}

package/dist/components/eui-header.js

@@ -23,7 +23,7 @@ const fixedHeaderModifier = modifier(function fixedHeader(_, [position]) {
     };
   }
 });
-const EuiHeader = setComponentTemplate(precompileTemplate("\n  <div {{fixedHeaderModifier @position}} class={{classNames componentName=\"EuiHeader\" theme=(argOrDefault @theme \"default\") position=(argOrDefault @position \"static\")}} ...attributes>\n    {{#if @sections}}\n      {{#each @sections as |section|}}\n        {{#each section.items as |itemSection|}}\n          <EuiHeaderSection>\n            <EuiHeaderSectionItem @border={{section.border}}>\n              {{itemSection.text}}\n            </EuiHeaderSectionItem>\n          </EuiHeaderSection>\n        {{/each}}\n        <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n      {{/each}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </div>\n", {
+const EuiHeader = setComponentTemplate(precompileTemplate("<div {{fixedHeaderModifier @position}} class={{classNames componentName=\"EuiHeader\" theme=(argOrDefault @theme \"default\") position=(argOrDefault @position \"static\")}} ...attributes>\n  {{#if @sections}}\n    {{#each @sections as |section|}}\n      {{#each section.items as |itemSection|}}\n        <EuiHeaderSection>\n          <EuiHeaderSectionItem @border={{section.border}}>\n            {{itemSection.text}}\n          </EuiHeaderSectionItem>\n        </EuiHeaderSection>\n      {{/each}}\n      <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n    {{/each}}\n  {{else}}\n    {{yield}}\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header.js","sources":["../../src/components/eui-header.gts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiHeaderBreadcrumbs from './eui-header-breadcrumbs.gts';\nimport EuiHeaderSection from './eui-header-section.gts';\nimport EuiHeaderSectionItem from './eui-header-section-item.gts';\n\nimport type { EuiHeaderBreadcrumbsSignature } from './eui-header-breadcrumbs';\nimport type { EuiHeaderSectionItemSignature } from './eui-header-section-item';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nlet euiHeaderFixedCounter = 0;\n\nconst fixedHeaderModifier = modifier(function fixedHeader(\n  _,\n  [position]: [string | undefined]\n): void | (() => unknown) {\n  if (position === 'fixed') {\n    // Increment fixed header counter for each fixed header\n    euiHeaderFixedCounter++;\n    document.body.classList.add('euiBody--headerIsFixed');\n\n    return () => {\n      // Both decrement the fixed counter AND then check if there are none\n      if (--euiHeaderFixedCounter === 0) {\n        // If there are none, THEN remove class\n        document.body.classList.remove('euiBody--headerIsFixed');\n      }\n    };\n  }\n});\n\nexport interface EuiHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    theme?: string;\n    position?: string;\n    sections?: {\n      items: {\n        text: string;\n      }[];\n      breadcrumbs: EuiHeaderBreadcrumbsSignature['Args']['breadcrumbs'];\n      border: EuiHeaderSectionItemSignature['Args']['border'];\n    }[];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHeader: TemplateOnlyComponent<EuiHeaderSignature> = <template>\n  <div\n    {{fixedHeaderModifier @position}}\n    class={{classNames\n      componentName=\"EuiHeader\"\n      theme=(argOrDefault @theme \"default\")\n      position=(argOrDefault @position \"static\")\n    }}\n    ...attributes\n  >\n    {{#if @sections}}\n      {{#each @sections as |section|}}\n        {{#each section.items as |itemSection|}}\n          <EuiHeaderSection>\n            <EuiHeaderSectionItem @border={{section.border}}>\n              {{itemSection.text}}\n            </EuiHeaderSectionItem>\n          </EuiHeaderSection>\n        {{/each}}\n        <EuiHeaderBreadcrumbs @breadcrumbs={{section.breadcrumbs}} />\n      {{/each}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </div>\n</template>;\n\nexport default EuiHeader;\n"],"names":["euiHeaderFixedCounter","fixedHeaderModifier","modifier","fixedHeader","_","position","document","body","classList","add","remove","EuiHeader","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiHeaderSection","EuiHeaderSectionItem","EuiHeaderBreadcrumbs","templateOnly"],"mappings":";;;;;;;;;;AAYA,IAAIA,qBAAwB,GAAA,CAAA;AAE5B,MAAMC,mBAAsB,GAAAC,QAAA,CAAS,SAASC,WAAAA,CAC5CC,CAAC,EACD,CAACC,QAAY,CAAmB,EACV;EACtB,IAAIA,aAAa,OAAS,EAAA;AACxB;AACAL,IAAAA,qBAAA,EAAA;IACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAA,CAAA;AAE5B,IAAA,OAAO,MAAA;AACL;AACA,MAAA,IAAI,EAAET,0BAA0B,CAAG,EAAA;AACjC;QACAM,QAAA,CAASC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,wBAAA,CAAA;AACjC;KACF;AACF;AACF,CAAA,CAAA;AAoBA,MAAMC,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAyB7D,0pBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAhB,mBAAA;IAAAiB,gBAAA;IAAAC,oBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-header.js","sources":["../../src/components/eui-header.gts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiHeaderBreadcrumbs from './eui-header-breadcrumbs.gts';\nimport EuiHeaderSection from './eui-header-section.gts';\nimport EuiHeaderSectionItem from './eui-header-section-item.gts';\n\nimport type { EuiHeaderBreadcrumbsSignature } from './eui-header-breadcrumbs';\nimport type { EuiHeaderSectionItemSignature } from './eui-header-section-item';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nlet euiHeaderFixedCounter = 0;\n\nconst fixedHeaderModifier = modifier(function fixedHeader(\n  _,\n  [position]: [string | undefined]\n): void | (() => unknown) {\n  if (position === 'fixed') {\n    // Increment fixed header counter for each fixed header\n    euiHeaderFixedCounter++;\n    document.body.classList.add('euiBody--headerIsFixed');\n\n    return () => {\n      // Both decrement the fixed counter AND then check if there are none\n      if (--euiHeaderFixedCounter === 0) {\n        // If there are none, THEN remove class\n        document.body.classList.remove('euiBody--headerIsFixed');\n      }\n    };\n  }\n});\n\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;;;;"}

package/dist/components/eui-health.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-health.js","sources":["../../src/components/eui-health.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-health.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHealthSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * The color of the health indicator.\n     */\n    color?: string;\n\n    /**\n     * The size of the health indicator.\n     */\n    textSize?: keyof typeof sizeToClassNameMap;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiHealth: TemplateOnlyComponent<EuiHealthSignature> = <template>\n  <div\n    class={{classNames\n      componentName=\"EuiHealth\"\n      textSize=(argOrDefault @textSize \"m\")\n    }}\n    ...attributes\n  >\n    <div\n      class=\"euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow\"\n    >\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        <EuiIcon @type=\"dot\" @color={{@color}} />\n      </div>\n      <div class=\"euiFlexItem euiFlexItem--flexGrowZero\">\n        {{yield}}\n      </div>\n    </div>\n  </div>\n</template>;\n\nexport default EuiHealth;\n"],"names":["EuiHealth","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;AAyBA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAmB7D,meAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-health.js","sources":["../../src/components/eui-health.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeToClassNameMap } from '../utils/css-mappings/eui-health.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\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;;;;"}

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

@@ -15,7 +15,7 @@ class EuiHideForComponent extends Component {
     return !getValue(this.currentBreakpointHelper);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if this.shouldShow}}\n      {{yield}}\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#if this.shouldShow}}\n  {{yield}}\n{{/if}}", {
       strictMode: true
     }), this);
   }

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

@@ -1 +1 @@
-{"version":3,"file":"eui-hide-for.js","sources":["../../src/components/eui-hide-for.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { getValue } from '@glimmer/tracking/primitives/cache';\nimport { invokeHelper } from '@ember/helper';\n\nimport { CurrentBreakPointHelper } from './eui-show-for.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiHideForBreakpoints = EuiBreakpointSize;\n\nexport interface EuiHideForArgs {\n  /**\n   * List of all the responsive sizes to hide the children for.\n   * Array of #EuiBreakpointSize\n   */\n  sizes: EuiHideForBreakpoints[] | 'all' | 'none';\n}\n\nexport interface EuiHideForSignature {\n  Args: EuiHideForArgs;\n  Blocks: { default: [] };\n}\n\nexport default class EuiHideForComponent extends Component<EuiHideForSignature> {\n  currentBreakpointHelper: any = invokeHelper(\n    this,\n    CurrentBreakPointHelper,\n    () => {\n      return {\n        positional: [this.args.sizes]\n      };\n    }\n  );\n\n  get shouldShow() {\n    return !getValue(this.currentBreakpointHelper);\n  }\n\n  <template>\n    {{#if this.shouldShow}}\n      {{yield}}\n    {{/if}}\n  </template>\n}\n"],"names":["EuiHideForComponent","Component","currentBreakpointHelper","invokeHelper","CurrentBreakPointHelper","positional","args","sizes","shouldShow","getValue","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;AAuBe,MAAMA,4BAA4BC,SAAU,CAAA;AACzDC,EAAAA,uBAAA,GAA+BC,YAC7B,CAAA,IAAI,EACJC,uBACA,EAAA,MAAA;IACE,OAAO;AACLC,MAAAA,UAAY,EAAA,CAAC,IAAI,CAACC,IAAI,CAACC,KAAK;KAC9B;AACF,GACA,CAAA;EAEF,IAAIC,UAAaA,GAAA;AACf,IAAA,OAAO,CAACC,QAAA,CAAS,IAAI,CAACP,uBAAuB,CAAA;AAC/C;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAIA,iEAAA,EAAA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-hide-for.js","sources":["../../src/components/eui-hide-for.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { getValue } from '@glimmer/tracking/primitives/cache';\nimport { invokeHelper } from '@ember/helper';\n\nimport { CurrentBreakPointHelper } from './eui-show-for.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiHideForBreakpoints = EuiBreakpointSize;\n\nexport interface EuiHideForArgs {\n  /**\n   * 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;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-horizontal-rule.js","sources":["../../src/components/eui-horizontal-rule.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { marginMapping, sizeMapping } from '../utils/css-mappings/eui-horizontal-rule.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiHorizontalRuleSignature {\n  Element: HTMLHRElement;\n  Args: {\n    margin?: keyof typeof marginMapping;\n    size?: keyof typeof sizeMapping;\n  };\n}\n\nconst EuiHorizontalRule: TemplateOnlyComponent<EuiHorizontalRuleSignature> =\n  <template>\n    <hr\n      class={{classNames\n        componentName=\"EuiHorizontalRule\"\n        margin=(argOrDefault @margin \"l\")\n        size=(argOrDefault @size \"full\")\n      }}\n      ...attributes\n    />\n  </template>;\n\nexport default EuiHorizontalRule;\n"],"names":["EuiHorizontalRule","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAcA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CASA,gKAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-horizontal-rule.js","sources":["../../src/components/eui-horizontal-rule.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { marginMapping, sizeMapping } from '../utils/css-mappings/eui-horizontal-rule.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\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;;;;"}

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

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const Render = setComponentTemplate(precompileTemplate("\n  {{yield @token}}\n", {
+const Render = setComponentTemplate(precompileTemplate("{{yield @token}}", {
   strictMode: true
 }), templateOnly());
 

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

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["../../../src/components/eui-i18n/render.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiI18nRenderSignature {\n  Args: {\n    token: string;\n  };\n  Blocks: {\n    default: [string];\n  };\n}\n\nconst Render: TemplateOnlyComponent<EuiI18nRenderSignature> = <template>\n  {{yield @token}}\n</template>;\n\nexport default Render;\n"],"names":["Render","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAWA,MAAMA,MAAwD,GAAAC,oBAAA,CAAAC,kBAAA,CAE9D,wBAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"render.js","sources":["../../../src/components/eui-i18n/render.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\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;;;;"}

package/dist/components/eui-i18n.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"eui-i18n.js","sources":["../../src/components/eui-i18n.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { inject as service } from '@ember/service';\nimport { ensureSafeComponent } from '@embroider/util';\n\nimport { notEq } from 'ember-truth-helpers';\n\nimport typeOf from '../helpers/type-of.ts';\nimport Render from './eui-i18n/render.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface Args {\n  tokens?: string[];\n  defaults?: string[];\n  token?: string;\n  default?: string;\n  values?: { [key: string]: any };\n  i18n?: { mapping: { [key: string]: any }; renderComponent?: typeof Render };\n}\n\nexport interface EuiI18nSignature {\n  Args: Args;\n  Blocks: {\n    default: [WithBoundArgs<typeof Render, 'token'>];\n  };\n}\n\nexport default class EuiI18nComponent extends Component<EuiI18nSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get lookupToken() {\n    const lookupToken = this.euiI18n._lookupToken;\n\n    return lookupToken({\n      token: this.args.token!,\n      i18nMapping: this.args.i18n?.mapping,\n      valueDefault: this.args.default!,\n      values: this.args.values\n    });\n  }\n\n  get customComponent(): typeof Render | undefined {\n    if (!this.args.i18n?.renderComponent) return undefined;\n\n    return ensureSafeComponent(this.args.i18n?.renderComponent, this);\n  }\n\n  <template>\n    {{#let this.lookupToken as |result|}}\n      {{#if this.customComponent}}\n        {{#each\n          (if (notEq (typeOf result) \"array\") (array result) result)\n          as |token|\n        }}\n          {{yield (component this.customComponent token=token)}}\n        {{/each}}\n      {{else}}\n        {{#each\n          (if (notEq (typeOf result) \"array\") (array result) result)\n          as |token|\n        }}\n          {{yield (component Render token=token)}}\n        {{/each}}\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiI18nComponent","Component","g","prototype","service","i","void 0","lookupToken","euiI18n","_lookupToken","token","args","i18nMapping","i18n","mapping","valueDefault","default","values","customComponent","renderComponent","undefined","ensureSafeComponent","setComponentTemplate","precompileTemplate","strictMode","scope","notEq","typeOf","array","Render"],"mappings":";;;;;;;;;;;AA6Be,MAAMA,yBAAyBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACrDC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;EAED,IAAIC,WAAcA,GAAA;AAChB,IAAA,MAAMA,WAAc,GAAA,IAAI,CAACC,OAAO,CAACC,YAAY;AAE7C,IAAA,OAAOF,WAAY,CAAA;AACjBG,MAAAA,KAAA,EAAO,IAAI,CAACC,IAAI,CAACD,KAAK;AACtBE,MAAAA,WAAA,EAAa,IAAI,CAACD,IAAI,CAACE,IAAI,EAAEC,OAAA;AAC7BC,MAAAA,YAAA,EAAc,IAAI,CAACJ,IAAI,CAACK,OAAO;AAC/BC,MAAAA,MAAA,EAAQ,IAAI,CAACN,IAAI,CAACM;AACpB,KAAA,CAAA;AACF;EAEA,IAAIC,eAAAA,GAA6C;IAC/C,IAAI,CAAC,IAAI,CAACP,IAAI,CAACE,IAAI,EAAEM,iBAAiB,OAAOC,SAAA;IAE7C,OAAOC,mBAAA,CAAoB,IAAI,CAACV,IAAI,CAACE,IAAI,EAAEM,iBAAiB,IAAI,CAAA;AAClE;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAkBA,odAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,MAAA;QAAAC,KAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-i18n.js","sources":["../../src/components/eui-i18n.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { array } from '@ember/helper';\nimport { service } from '@ember/service';\n\nimport { notEq } from 'ember-truth-helpers';\n\nimport typeOf from '../helpers/type-of.ts';\nimport Render from './eui-i18n/render.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface Args {\n  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;;;;"}