@ember-eui/core 14.0.0 → 14.1.0

package/dist/components/eui-inner-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-inner-text.js","sources":["../../src/components/eui-inner-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\n\nexport interface EuiInnerTextSignature {\n  Args: {\n    fallback?: string;\n  };\n\n  Blocks: {\n    default: [(ref: HTMLElement) => void, string];\n  };\n}\n\nexport default class EuiImage extends Component<EuiInnerTextSignature> {\n  @tracked ref: HTMLElement | null = null;\n  @tracked innerText = '';\n  observer: MutationObserver | null = null;\n\n  get innerTextFallback() {\n    return this.args.fallback ?? '';\n  }\n\n  setupObserver() {\n    this.observer?.disconnect();\n    this.observer = new MutationObserver((mutationsList) => {\n      if (mutationsList.length) this.updateInnerText(this.ref);\n    });\n\n    if (this.ref) {\n      this.updateInnerText(this.ref);\n      this.observer.observe(this.ref, {\n        characterData: true,\n        subtree: true,\n        childList: true\n      });\n    }\n  }\n\n  updateInnerText(node: HTMLElement | null) {\n    if (!node) return;\n    this.setInnerText(\n      // Check for `innerText` implementation rather than a simple OR check\n      // because in real cases the result of `innerText` could correctly be `null`\n      // while the result of `textContent` could correctly be non-`null` due to\n      // differing reliance on browser layout calculations.\n      // We prefer the result of `innerText`, if available.\n      'innerText' in node\n        ? node.innerText\n        : (node as HTMLElement).textContent || this.innerTextFallback\n    );\n  }\n\n  setInnerText(text: string) {\n    this.innerText = text;\n  }\n\n  @action\n  setRef(ref: HTMLElement): void {\n    this.ref = ref;\n    this.setupObserver();\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n    this.observer?.disconnect();\n    this.ref = null;\n  }\n\n  <template>\n    {{yield this.setRef this.innerText}}\n  </template>\n}\n"],"names":["EuiImage","Component","g","prototype","tracked","i","observer","innerTextFallback","args","fallback","setupObserver","disconnect","MutationObserver","mutationsList","length","updateInnerText","ref","observe","characterData","subtree","childList","node","setInnerText","innerText","textContent","text","setRef","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;AAee,MAAMA,iBAAiBC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAC7CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAkC,IAAK;AAAA,KAAA,CAAA;AAAA;EAAA,IAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,KAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACvCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoB,EAAG;AAAA,KAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AACxBC,EAAAA,QAAU,GAA0B,IAAK;EAEzC,IAAIC,iBAAoBA,GAAA;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,QAAQ,IAAI,EAAA;AAC/B;AAEAC,EAAAA,aAAgBA,GAAA;AACd,IAAA,IAAI,CAACJ,QAAQ,EAAEK,UAAA,EAAA;AACf,IAAA,IAAI,CAACL,QAAQ,GAAG,IAAIM,iBAAkBC,aAAA,IAAA;MACpC,IAAIA,aAAA,CAAcC,MAAM,EAAE,IAAI,CAACC,eAAe,CAAC,IAAI,CAACC,GAAG,CAAA;AACzD,KAAA,CAAA;IAEA,IAAI,IAAI,CAACA,GAAG,EAAE;AACZ,MAAA,IAAI,CAACD,eAAe,CAAC,IAAI,CAACC,GAAG,CAAA;MAC7B,IAAI,CAACV,QAAQ,CAACW,OAAO,CAAC,IAAI,CAACD,GAAG,EAAE;AAC9BE,QAAAA,aAAe,EAAA,IAAA;AACfC,QAAAA,OAAS,EAAA,IAAA;AACTC,QAAAA,SAAW,EAAA;AACb,OAAA,CAAA;AACF;AACF;EAEAL,eAAgBA,CAAAM,IAAwB,EAAE;IACxC,IAAI,CAACA,IAAM,EAAA;AACX,IAAA,IAAI,CAACC,YAAY;AACf;AACA;AACA;AACA;AACA;AACA,IAAA,WAAA,IAAeD,IACX,GAAAA,IAAA,CAAKE,SAAS,GACbF,IAAA,CAAqBG,WAAW,IAAI,IAAI,CAACjB,iBAAiB,CAAA;AAEnE;EAEAe,YAAaA,CAAAG,IAAY,EAAE;IACzB,IAAI,CAACF,SAAS,GAAGE,IAAA;AACnB;EAGAC,MAAAA,CAAOV,GAAgB,EAAQ;IAC7B,IAAI,CAACA,GAAG,GAAGA,GAAA;IACX,IAAI,CAACN,aAAa,EAAA;AACpB;AAAA,EAAA;IAAAiB,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,QAAA,EAAA,CAJCyB,MAAA,CAAA,CAAA;AAAA;AAMDC,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;AACN,IAAA,IAAI,CAACvB,QAAQ,EAAEK,UAAA,EAAA;IACf,IAAI,CAACK,GAAG,GAAG,IAAA;AACb;AAEA,EAAA;IAAAc,oBAAA,CAAAC,kBAAA,CAEA,sCAAA,EAAA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-inner-text.js","sources":["../../src/components/eui-inner-text.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\n\n/**\n * Tracks the text content of an element, e.g. to use a truncated label's\n * full text as its `title`.\n */\nexport interface EuiInnerTextSignature {\n  Args: {\n    /** Text used when the element's text cannot be read. Defaults to `''`. */\n    fallback?: string;\n  };\n\n  Blocks: {\n    /**\n     * Yields a function to call with the element to track (e.g. with\n     * `did-insert`) and its current text.\n     */\n    default: [(ref: HTMLElement) => void, string];\n  };\n}\n\nexport default class EuiImage extends Component<EuiInnerTextSignature> {\n  @tracked ref: HTMLElement | null = null;\n  @tracked innerText = '';\n  observer: MutationObserver | null = null;\n\n  get innerTextFallback() {\n    return this.args.fallback ?? '';\n  }\n\n  setupObserver() {\n    this.observer?.disconnect();\n    this.observer = new MutationObserver((mutationsList) => {\n      if (mutationsList.length) this.updateInnerText(this.ref);\n    });\n\n    if (this.ref) {\n      this.updateInnerText(this.ref);\n      this.observer.observe(this.ref, {\n        characterData: true,\n        subtree: true,\n        childList: true\n      });\n    }\n  }\n\n  updateInnerText(node: HTMLElement | null) {\n    if (!node) return;\n    this.setInnerText(\n      // Check for `innerText` implementation rather than a simple OR check\n      // because in real cases the result of `innerText` could correctly be `null`\n      // while the result of `textContent` could correctly be non-`null` due to\n      // differing reliance on browser layout calculations.\n      // We prefer the result of `innerText`, if available.\n      'innerText' in node\n        ? node.innerText\n        : (node as HTMLElement).textContent || this.innerTextFallback\n    );\n  }\n\n  setInnerText(text: string) {\n    this.innerText = text;\n  }\n\n  @action\n  setRef(ref: HTMLElement): void {\n    this.ref = ref;\n    this.setupObserver();\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n    this.observer?.disconnect();\n    this.ref = null;\n  }\n\n  <template>\n    {{yield this.setRef this.innerText}}\n  </template>\n}\n"],"names":["EuiImage","Component","g","prototype","tracked","i","observer","innerTextFallback","args","fallback","setupObserver","disconnect","MutationObserver","mutationsList","length","updateInnerText","ref","observe","characterData","subtree","childList","node","setInnerText","innerText","textContent","text","setRef","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;AAwBe,MAAMA,iBAAiBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAC7CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAkC,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,IAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,KAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAClCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoB,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AACrBC,EAAAA,QAAA,GAAoC,IAAA;EAEpC,IAAIC,iBAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,QAAQ,IAAI,EAAA;AAC/B,EAAA;AAEAC,EAAAA,aAAAA,GAAgB;AACd,IAAA,IAAI,CAACJ,QAAQ,EAAEK,UAAA,EAAA;AACf,IAAA,IAAI,CAACL,QAAQ,GAAG,IAAIM,iBAAkBC,aAAA,IAAA;MACpC,IAAIA,aAAA,CAAcC,MAAM,EAAE,IAAI,CAACC,eAAe,CAAC,IAAI,CAACC,GAAG,CAAA;AACzD,IAAA,CAAA,CAAA;IAEA,IAAI,IAAI,CAACA,GAAG,EAAE;AACZ,MAAA,IAAI,CAACD,eAAe,CAAC,IAAI,CAACC,GAAG,CAAA;MAC7B,IAAI,CAACV,QAAQ,CAACW,OAAO,CAAC,IAAI,CAACD,GAAG,EAAE;AAC9BE,QAAAA,aAAA,EAAe,IAAA;AACfC,QAAAA,OAAA,EAAS,IAAA;AACTC,QAAAA,SAAA,EAAW;AACb,OAAA,CAAA;AACF,IAAA;AACF,EAAA;EAEAL,eAAAA,CAAgBM,IAAwB,EAAE;IACxC,IAAI,CAACA,IAAA,EAAM;AACX,IAAA,IAAI,CAACC,YAAY;AACf;AACA;AACA;AACA;AACA;AACA,IAAA,WAAA,IAAeD,IAAA,GACXA,IAAA,CAAKE,SAAS,GACbF,IAAA,CAAqBG,WAAW,IAAI,IAAI,CAACjB,iBAAiB,CAAA;AAEnE,EAAA;EAEAe,YAAAA,CAAaG,IAAY,EAAE;IACzB,IAAI,CAACF,SAAS,GAAGE,IAAA;AACnB,EAAA;EAGAC,MAAAA,CAAOV,GAAgB,EAAQ;IAC7B,IAAI,CAACA,GAAG,GAAGA,GAAA;IACX,IAAI,CAACN,aAAa,EAAA;AACpB,EAAA;AAAA,EAAA;IAAAiB,CAAA,CAAA,IAAA,CAAAxB,SAAA,EAAA,QAAA,EAAA,CAJCyB,MAAA,CAAA,CAAA;AAAA;AAMDC,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;AACN,IAAA,IAAI,CAACvB,QAAQ,EAAEK,UAAA,EAAA;IACf,IAAI,CAACK,GAAG,GAAG,IAAA;AACb,EAAA;AAEA,EAAA;IAAAc,oBAAA,CAAAC,kBAAA,CAAA,sCAAA,EAEA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-input-popover.js

@@ -120,7 +120,7 @@ class EuiInputPopoverComponent extends Component {
     this.input = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("{{#let (randomId) as |id|}}\n  <EuiPopover class=\"euiInputPopover\n      {{if this.fullWidth \"euiInputPopover--fullWidth\"}}\" @ownFocus={{false}} @buttonRef={{this.didInsertInput}} @panelRef={{this.didInsertPanel}} @anchorPosition={{this.anchorPosition}} @panelPaddingSize={{this.panelPaddingSize}} @attachToAnchor={{this.attachToAnchor}} @display={{this.display}} @closePopover={{@closePopover}} @isOpen={{@isOpen}} ...attributes>\n    <:button>\n      <div {{resizeObserver onResize=this.onResize}}>\n        {{yield to=\"input\"}}\n      </div>\n    </:button>\n    <:content>\n      <div id={{id}} {{onKey \"_all\" this.onKeyDown}} {{focusTrap isActive=(not this.disableFocusTrap) focusTrapOptions=(hash clickOutsideDeactivates=true returnFocusOnDeactivate=false fallbackFocus=(concat \"#\" id))}}>\n        {{yield to=\"content\"}}\n      </div>\n    </:content>\n  </EuiPopover>\n{{/let}}", {
+    setComponentTemplate(precompileTemplate("{{#let (randomId) as |id|}}\n  <EuiPopover class=\"euiInputPopover\n      {{if this.fullWidth \"euiInputPopover--fullWidth\"}}\" @ownFocus={{false}} @initialFocus={{@initialFocus}} @buttonRef={{this.didInsertInput}} @panelRef={{this.didInsertPanel}} @anchorPosition={{this.anchorPosition}} @panelPaddingSize={{this.panelPaddingSize}} @attachToAnchor={{this.attachToAnchor}} @display={{this.display}} @closePopover={{@closePopover}} @isOpen={{@isOpen}} ...attributes>\n    <:button>\n      <div {{resizeObserver onResize=this.onResize}}>\n        {{yield to=\"input\"}}\n      </div>\n    </:button>\n    <:content>\n      <div id={{id}} {{onKey \"_all\" this.onKeyDown}} {{focusTrap isActive=(not this.disableFocusTrap) focusTrapOptions=(hash clickOutsideDeactivates=true returnFocusOnDeactivate=false fallbackFocus=(concat \"#\" id))}}>\n        {{yield to=\"content\"}}\n      </div>\n    </:content>\n  </EuiPopover>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         randomId,

package/dist/components/eui-input-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-input-popover.js","sources":["../../src/components/eui-input-popover.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { not } from 'ember-truth-helpers';\nimport { tabbable } from 'tabbable';\n\nimport randomId from '../-private/random-id.ts';\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport { cascadingMenuKeys } from '../utils/accesibility/index.ts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiPopoverArgs } from './eui-popover';\n\nexport interface EuiInputPopoverArgs\n  extends Omit<EuiPopoverArgs, 'button' | 'buttonRef'> {\n  disableFocusTrap?: boolean;\n  fullWidth?: boolean;\n  input?: EuiPopoverArgs['button'];\n  inputRef?: EuiPopoverArgs['buttonRef'];\n  onPanelResize?: (width?: number) => void;\n}\n\nexport interface EuiInputPopoverSignature {\n  Element: HTMLElement;\n  Args: EuiInputPopoverArgs;\n  Blocks: {\n    default: [\n      {\n        closePopover: () => void;\n        isOpen: boolean;\n      },\n      {\n        input: HTMLElement;\n        content: HTMLElement;\n      }\n    ];\n    input: [];\n    content: [];\n  };\n}\n\nexport default class EuiInputPopoverComponent extends Component<EuiInputPopoverSignature> {\n  // Defaults\n  @argOrDefaultDecorator('downLeft') anchorPosition!: EuiPopoverArgs['anchorPosition'];\n  @argOrDefaultDecorator(true) attachToAnchor!: boolean;\n  @argOrDefaultDecorator('block') display!: EuiPopoverArgs['display'];\n  @argOrDefaultDecorator('s') panelPaddingSize!: EuiPopoverArgs['panelPaddingSize'];\n  @argOrDefaultDecorator(false) fullWidth!: boolean;\n  @argOrDefaultDecorator(false) disableFocusTrap!: boolean;\n\n  //State\n  @tracked panel: HTMLElement | null = null;\n  @tracked input: HTMLElement | null = null;\n  @tracked inputWidth!: number;\n  ///\n\n  @action\n  didInsertPanel(panel: HTMLElement | null): void {\n    this.panel = panel;\n    this.setPanelWidth();\n  }\n\n  @action\n  didInsertInput(input: HTMLElement): void {\n    this.input = input;\n    this.onResize();\n  }\n\n  @action\n  setPanelWidth(width?: number): void {\n    const { panel, inputWidth } = this;\n    const newWidth = width || inputWidth;\n\n    if (panel && !!newWidth) {\n      panel.style.width = `${newWidth}px`;\n      this.args.onPanelResize?.(newWidth);\n    }\n  }\n\n  @action\n  onResize(): void {\n    const { input } = this;\n\n    if (input) {\n      const width = input.getBoundingClientRect().width;\n\n      this.inputWidth = width;\n      this.setPanelWidth(width);\n    }\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    const { panel } = this;\n\n    if (panel && event.key === cascadingMenuKeys.TAB) {\n      const tabbableItems = tabbable(panel).filter(\n        (el: HTMLElement | SVGElement) => {\n          return (\n            Array.from(el.attributes)\n              .map((el) => el.name)\n              .indexOf('data-focus-guard') < 0\n          );\n        }\n      );\n\n      if (\n        this.args.disableFocusTrap ||\n        (tabbableItems.length &&\n          tabbableItems[tabbableItems.length - 1] === document.activeElement)\n      ) {\n        this.args.closePopover?.();\n      }\n    }\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.panel = null;\n    this.input = null;\n  }\n\n  <template>\n    {{#let (randomId) as |id|}}\n      <EuiPopover\n        class=\"euiInputPopover\n          {{if this.fullWidth 'euiInputPopover--fullWidth'}}\"\n        @ownFocus={{false}}\n        @buttonRef={{this.didInsertInput}}\n        @panelRef={{this.didInsertPanel}}\n        @anchorPosition={{this.anchorPosition}}\n        @panelPaddingSize={{this.panelPaddingSize}}\n        @attachToAnchor={{this.attachToAnchor}}\n        @display={{this.display}}\n        @closePopover={{@closePopover}}\n        @isOpen={{@isOpen}}\n        ...attributes\n      >\n        <:button>\n          <div {{resizeObserver onResize=this.onResize}}>\n            {{yield to=\"input\"}}\n          </div>\n        </:button>\n        <:content>\n          <div\n            id={{id}}\n            {{onKey \"_all\" this.onKeyDown}}\n            {{focusTrap\n              isActive=(not this.disableFocusTrap)\n              focusTrapOptions=(hash\n                clickOutsideDeactivates=true\n                returnFocusOnDeactivate=false\n                fallbackFocus=(concat \"#\" id)\n              )\n            }}\n          >\n            {{yield to=\"content\"}}\n          </div>\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiInputPopoverComponent","Component","g","prototype","argOrDefaultDecorator","i","tracked","didInsertPanel","panel","setPanelWidth","n","action","didInsertInput","input","onResize","width","inputWidth","newWidth","style","args","onPanelResize","getBoundingClientRect","onKeyDown","event","key","cascadingMenuKeys","TAB","tabbableItems","tabbable","filter","el","Array","from","attributes","map","name","indexOf","disableFocusTrap","length","document","activeElement","closePopover","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiPopover","resizeObserver","onKey","focusTrap","not","hash","concat"],"mappings":"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"}
+{"version":3,"file":"eui-input-popover.js","sources":["../../src/components/eui-input-popover.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { not } from 'ember-truth-helpers';\nimport { tabbable } from 'tabbable';\n\nimport randomId from '../-private/random-id.ts';\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport { cascadingMenuKeys } from '../utils/accesibility/index.ts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type { EuiPopoverArgs } from './eui-popover';\n\nexport interface EuiInputPopoverArgs\n  extends Omit<EuiPopoverArgs, 'button' | 'buttonRef'> {\n  /**\n   * Lets focus leave the popover; Tab then closes it. Defaults to `false`\n   * (Tab cycles through the popover, closing after its last element).\n   */\n  disableFocusTrap?: boolean;\n  /** Stretches the input (and popover) to its container's width. */\n  fullWidth?: boolean;\n  /** @deprecated Has no effect, use the `<:input>` block. */\n  input?: EuiPopoverArgs['button'];\n  /** @deprecated Has no effect. */\n  inputRef?: EuiPopoverArgs['buttonRef'];\n  /** Called with the popover's new width when the input resizes. */\n  onPanelResize?: (width?: number) => void;\n}\n\n/**\n * A popover attached below an input and as wide as it, e.g. for a custom\n * picker. Takes EuiPopover's args (`@isOpen`, `@closePopover`, …).\n */\nexport interface EuiInputPopoverSignature {\n  Element: HTMLElement;\n  Args: EuiInputPopoverArgs;\n  Blocks: {\n    /** Unused, use `<:input>` and `<:content>`. */\n    default: [\n      {\n        closePopover: () => void;\n        isOpen: boolean;\n      },\n      {\n        input: HTMLElement;\n        content: HTMLElement;\n      }\n    ];\n    /** The input the popover attaches to; open it on focus or typing. */\n    input: [];\n    /** The popover's content, as wide as the input. */\n    content: [];\n  };\n}\n\nexport default class EuiInputPopoverComponent extends Component<EuiInputPopoverSignature> {\n  // Defaults\n  @argOrDefaultDecorator('downLeft') anchorPosition!: EuiPopoverArgs['anchorPosition'];\n  @argOrDefaultDecorator(true) attachToAnchor!: boolean;\n  @argOrDefaultDecorator('block') display!: EuiPopoverArgs['display'];\n  @argOrDefaultDecorator('s') panelPaddingSize!: EuiPopoverArgs['panelPaddingSize'];\n  @argOrDefaultDecorator(false) fullWidth!: boolean;\n  @argOrDefaultDecorator(false) disableFocusTrap!: boolean;\n\n  //State\n  @tracked panel: HTMLElement | null = null;\n  @tracked input: HTMLElement | null = null;\n  @tracked inputWidth!: number;\n  ///\n\n  @action\n  didInsertPanel(panel: HTMLElement | null): void {\n    this.panel = panel;\n    this.setPanelWidth();\n  }\n\n  @action\n  didInsertInput(input: HTMLElement): void {\n    this.input = input;\n    this.onResize();\n  }\n\n  @action\n  setPanelWidth(width?: number): void {\n    const { panel, inputWidth } = this;\n    const newWidth = width || inputWidth;\n\n    if (panel && !!newWidth) {\n      panel.style.width = `${newWidth}px`;\n      this.args.onPanelResize?.(newWidth);\n    }\n  }\n\n  @action\n  onResize(): void {\n    const { input } = this;\n\n    if (input) {\n      const width = input.getBoundingClientRect().width;\n\n      this.inputWidth = width;\n      this.setPanelWidth(width);\n    }\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    const { panel } = this;\n\n    if (panel && event.key === cascadingMenuKeys.TAB) {\n      const tabbableItems = tabbable(panel).filter(\n        (el: HTMLElement | SVGElement) => {\n          return (\n            Array.from(el.attributes)\n              .map((el) => el.name)\n              .indexOf('data-focus-guard') < 0\n          );\n        }\n      );\n\n      if (\n        this.args.disableFocusTrap ||\n        (tabbableItems.length &&\n          tabbableItems[tabbableItems.length - 1] === document.activeElement)\n      ) {\n        this.args.closePopover?.();\n      }\n    }\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.panel = null;\n    this.input = null;\n  }\n\n  <template>\n    {{#let (randomId) as |id|}}\n      <EuiPopover\n        class=\"euiInputPopover\n          {{if this.fullWidth 'euiInputPopover--fullWidth'}}\"\n        @ownFocus={{false}}\n        @initialFocus={{@initialFocus}}\n        @buttonRef={{this.didInsertInput}}\n        @panelRef={{this.didInsertPanel}}\n        @anchorPosition={{this.anchorPosition}}\n        @panelPaddingSize={{this.panelPaddingSize}}\n        @attachToAnchor={{this.attachToAnchor}}\n        @display={{this.display}}\n        @closePopover={{@closePopover}}\n        @isOpen={{@isOpen}}\n        ...attributes\n      >\n        <:button>\n          <div {{resizeObserver onResize=this.onResize}}>\n            {{yield to=\"input\"}}\n          </div>\n        </:button>\n        <:content>\n          <div\n            id={{id}}\n            {{onKey \"_all\" this.onKeyDown}}\n            {{focusTrap\n              isActive=(not this.disableFocusTrap)\n              focusTrapOptions=(hash\n                clickOutsideDeactivates=true\n                returnFocusOnDeactivate=false\n                fallbackFocus=(concat \"#\" id)\n              )\n            }}\n          >\n            {{yield to=\"content\"}}\n          </div>\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiInputPopoverComponent","Component","g","prototype","argOrDefaultDecorator","i","tracked","didInsertPanel","panel","setPanelWidth","n","action","didInsertInput","input","onResize","width","inputWidth","newWidth","style","args","onPanelResize","getBoundingClientRect","onKeyDown","event","key","cascadingMenuKeys","TAB","tabbableItems","tabbable","filter","el","Array","from","attributes","map","name","indexOf","disableFocusTrap","length","document","activeElement","closePopover","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiPopover","resizeObserver","onKey","focusTrap","not","hash","concat"],"mappings":";;;;;;;;;;;;;;;;;AA8De,MAAMA,iCAAiCC,SAAA,CAAU;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,gBAAA,EAAA,CAE7DC,qBAAA,CAAsB,UAAA,CAAA,CAAA,CAAA;AAAA;EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAA,MAAA,EAAA;AADvB,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,gBAAA,EAAA,CAECC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,SAAA,EAAA,CACtBC,qBAAA,CAAsB,OAAA,CAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CACtBC,qBAAA,CAAsB,GAAA,CAAA,CAAA,CAAA;AAAA;EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,WAAA,EAAA,CACtBC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CACtBC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAGtBG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoC,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA,EAAA;AADrC,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAECG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoC,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACpCG,OAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AACD;EAGAE,cAAAA,CAAeC,KAAyB,EAAQ;IAC9C,IAAI,CAACA,KAAK,GAAGA,KAAA;IACb,IAAI,CAACC,aAAa,EAAA;AACpB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,gBAAA,EAAA,CAJCQ,MAAA,CAAA,CAAA;AAAA;EAODC,cAAAA,CAAeC,KAAkB,EAAQ;IACvC,IAAI,CAACA,KAAK,GAAGA,KAAA;IACb,IAAI,CAACC,QAAQ,EAAA;AACf,EAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,gBAAA,EAAA,CAJCQ,MAAA,CAAA,CAAA;AAAA;EAODF,aAAAA,CAAcM,KAAc,EAAQ;IAClC,MAAM;MAAEP,KAAK;AAAEQ,MAAAA;AAAU,KAAE,GAAG,IAAI;AAClC,IAAA,MAAMC,WAAWF,KAAA,IAASC,UAAA;AAE1B,IAAA,IAAIR,KAAA,IAAS,CAAC,CAACS,QAAA,EAAU;AACvBT,MAAAA,KAAA,CAAMU,KAAK,CAACH,KAAK,GAAG,CAAA,EAAGE,QAAA,CAAA,EAAA,CAAY;AACnC,MAAA,IAAI,CAACE,IAAI,CAACC,aAAa,GAAGH,QAAA,CAAA;AAC5B,IAAA;AACF,EAAA;AAAA,EAAA;IAAAP,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,eAAA,EAAA,CATCQ,MAAA,CAAA,CAAA;AAAA;AAYDG,EAAAA,QAAAA,GAAiB;IACf,MAAM;AAAED,MAAAA;AAAK,KAAE,GAAG,IAAI;AAEtB,IAAA,IAAIA,KAAA,EAAO;MACT,MAAME,KAAA,GAAQF,KAAA,CAAMQ,qBAAqB,EAAA,CAAGN,KAAK;MAEjD,IAAI,CAACC,UAAU,GAAGD,KAAA;AAClB,MAAA,IAAI,CAACN,aAAa,CAACM,KAAA,CAAA;AACrB,IAAA;AACF,EAAA;AAAA,EAAA;IAAAL,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,UAAA,EAAA,CAVCQ,MAAA,CAAA,CAAA;AAAA;EAaDW,SAAAA,CAAUC,KAAoB,EAAQ;IACpC,MAAM;AAAEf,MAAAA;AAAK,KAAE,GAAG,IAAI;IAEtB,IAAIA,SAASe,KAAA,CAAMC,GAAG,KAAKC,iBAAA,CAAkBC,GAAG,EAAE;MAChD,MAAMC,gBAAgBC,QAAA,CAASpB,KAAA,CAAA,CAAOqB,MAAM,CACzCC,EAAkB,IAAA;QACjB,OACEC,KAAA,CAAMC,IAAI,CAACF,EAAA,CAAGG,UAAU,CAAA,CACrBC,GAAG,CAAEJ,MAAOA,EAAA,CAAGK,IAAI,EACnBC,OAAO,CAAC,sBAAsB,CACnC;AACF,MAAA,CAAA,CAAA;MAGF,IACE,IAAI,CAACjB,IAAI,CAACkB,gBAAgB,IACzBV,aAAA,CAAcW,MAAM,IACnBX,aAAa,CAACA,cAAcW,MAAM,GAAG,EAAE,KAAKC,QAAA,CAASC,aAAa,EACpE;AACA,QAAA,IAAI,CAACrB,IAAI,CAACsB,YAAY,IAAA;AACxB,MAAA;AACF,IAAA;AACF,EAAA;AAAA,EAAA;IAAA/B,CAAA,CAAA,IAAA,CAAAP,SAAA,EAAA,WAAA,EAAA,CAvBCQ,MAAA,CAAA,CAAA;AAAA;AAyBD+B,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAAClC,KAAK,GAAG,IAAA;IACb,IAAI,CAACK,KAAK,GAAG,IAAA;AACf,EAAA;AAEA,EAAA;IAAA8B,oBAAA,CAAAC,kBAAA,CAAA,m6BAAA,EAwCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;oBAAAC,mBAAA;wBAAAC,cAAA;QAAAC,KAAA;QAAAC,SAAA;QAAAC,GAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -16,7 +16,7 @@ import templateOnly from '@ember/component/template-only';
 const charAt = helper(function ([str, num]) {
   return str?.charAt?.(num);
 });
-const EuiKeyPadMenuItem = setComponentTemplate(precompileTemplate("{{#let (if @checkable \"label\" (if (and @href (not @isDisabled)) \"a\" \"button\")) (argOrDefault @id (randomId)) (and @href (not @isDisabled)) as |ElementTag itemId useHref|}}\n  {{#let (element ElementTag) as |TagElement|}}\n    <TagElement href={{if useHref @href}} target={{if useHref @target}} aria-current={{if (and useHref @isSelected) \"true\"}} for={{if @checkable itemId}} disabled={{if (and (not useHref) (not @checkable)) @isDisabled}} type={{if (and (not useHref) (not @checkable)) \"button\"}} aria-pressed={{if (and (not useHref) (not @checkable)) (if @isSelected \"true\" \"false\")}} class={{classNames \"euiKeyPadMenuItem\" (if @betaBadgeLabel \"euiKeyPadMenuItem--hasBetaBadge\") (if @checkable \"euiKeyPadMenuItem--checkable\") (if @isDisabled \"euiKeyPadMenuItem-isDisabled\") (if @isSelected \"euiKeyPadMenuItem-isSelected\")}} rel={{if useHref \"noreferrer\"}} {{!--@glint-expect-error--}} ...attributes>\n      <span class=\"euiKeyPadMenuItem__inner\">\n        {{#if @checkable}}\n          {{#if (eq @checkable \"single\")}}\n            {{!-- template-lint-disable no-duplicate-id --}}\n            <EuiRadio id={{itemId}} @containerClass=\"euiKeyPadMenuItem__checkableInput\" @checked={{@isSelected}} @disabled={{@isDisabled}} @name={{@name}} value={{@value}} {{on \"change\" (fn @onChange itemId @value)}} />\n          {{else}}\n            <EuiCheckbox id={{itemId}} @containerClass=\"euiKeyPadMenuItem__checkableInput\" @checked={{@isSelected}} @disabled={{@isDisabled}} @name={{@name}} {{on \"change\" (fn @onChange itemId)}} />\n          {{/if}}\n        {{else}}\n          <EuiBetaBadge @size=\"s\" @color=\"subdued\" class=\"euiKeyPadMenuItem__betaBadge\" @label={{charAt @betaBadgeLabel 0}} @title={{@betaBadgeLabel}} @iconType={{@betaBadgeIconType}} @tooltipContent={{@betaBadgeTooltipContent}} />\n        {{/if}}\n        <span class=\"euiKeyPadMenuItem__icon\">{{yield}}</span>\n        <span class=\"euiKeyPadMenuItem__label\">{{@label}}</span>\n      </span>\n    </TagElement>\n\n  {{/let}}\n{{/let}}", {
+const EuiKeyPadMenuItem = setComponentTemplate(precompileTemplate("{{#let (if @checkable \"label\" (if (and @href (not @isDisabled)) \"a\" \"button\")) (argOrDefault @id (randomId)) (and @href (not @isDisabled)) as |ElementTag itemId useHref|}}\n  {{#let (element ElementTag) as |TagElement|}}\n    <TagElement href={{if useHref @href}} target={{if useHref @target}} aria-current={{if (and useHref @isSelected) \"true\"}} for={{if @checkable itemId}} disabled={{if (and (not useHref) (not @checkable)) @isDisabled}} type={{if (and (not useHref) (not @checkable)) \"button\"}} aria-pressed={{if (and (not useHref) (not @checkable)) (if @isSelected \"true\" \"false\")}} class={{classNames \"euiKeyPadMenuItem\" (if @betaBadgeLabel \"euiKeyPadMenuItem--hasBetaBadge\") (if @checkable \"euiKeyPadMenuItem--checkable\") (if @isDisabled \"euiKeyPadMenuItem-isDisabled\") (if @isSelected \"euiKeyPadMenuItem-isSelected\")}} rel={{if useHref \"noreferrer\"}} {{!--@glint-expect-error--}} ...attributes>\n      <span class=\"euiKeyPadMenuItem__inner\">\n        {{#if @checkable}}\n          {{#if (eq @checkable \"single\")}}\n            {{!-- template-lint-disable no-duplicate-id --}}\n            <EuiRadio id={{itemId}} @containerClass=\"euiKeyPadMenuItem__checkableInput\" @checked={{@isSelected}} @disabled={{@isDisabled}} @name={{@name}} value={{@value}} {{on \"change\" (fn @onChange itemId @value)}} />\n          {{else}}\n            <EuiCheckbox id={{itemId}} @containerClass=\"euiKeyPadMenuItem__checkableInput\" @checked={{@isSelected}} @disabled={{@isDisabled}} @name={{@name}} {{on \"change\" (fn @onChange itemId)}} />\n          {{/if}}\n        {{else if @betaBadgeLabel}}\n          <EuiBetaBadge @size=\"s\" @color=\"subdued\" class=\"euiKeyPadMenuItem__betaBadge\" @label={{charAt @betaBadgeLabel 0}} @title={{@betaBadgeLabel}} @iconType={{@betaBadgeIconType}} @tooltipContent={{@betaBadgeTooltipContent}} />\n        {{/if}}\n        <span class=\"euiKeyPadMenuItem__icon\">{{yield}}</span>\n        <span class=\"euiKeyPadMenuItem__label\">{{@label}}</span>\n      </span>\n    </TagElement>\n\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

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

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

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

@@ -6,6 +6,11 @@ import templateOnly from '@ember/component/template-only';
 const KeyComponent = setComponentTemplate(precompileTemplate("<li>{{yield}}</li>", {
   strictMode: true
 }), templateOnly());
+/**
+ * A grid of large square buttons (`EuiKeyPadMenuItem`s), e.g. an app
+ * switcher in a header popover.
+ */
+
 const EuiKeyPadMenu = setComponentTemplate(precompileTemplate("{{#if @checkable.legend}}\n  <fieldset class=\"euiKeyPadMenu\" aria-label={{@checkable.ariaLegend}} ...attributes>\n    <EuiFormLabel @type=\"legend\">\n      {{@checkable.legend}}\n    </EuiFormLabel>\n    {{yield}}\n  </fieldset>\n{{else}}\n  <ul class=\"euiKeyPadMenu\" ...attributes>\n    {{yield KeyComponent}}\n  </ul>\n{{/if}}", {
   strictMode: true,
   scope: () => ({

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

@@ -1 +1 @@
-{"version":3,"file":"eui-key-pad-menu.js","sources":["../../src/components/eui-key-pad-menu.gts"],"sourcesContent":["import EuiFormLabel from './eui-form-label.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst KeyComponent: TemplateOnlyComponent<{\n  Blocks: {\n    default: [];\n  };\n}> = <template><li>{{yield}}</li></template>;\n\nexport interface EuiKeyPadMenuSignature {\n  Element: HTMLUListElement | HTMLFieldSetElement;\n  Args: {\n    checkable?: {\n      legend?: string;\n      ariaLegend?: string;\n    };\n    iconType?: EuiIconSignature['Args']['type'];\n  };\n  Blocks: {\n    default: [typeof KeyComponent?];\n  };\n}\n\nconst EuiKeyPadMenu: TemplateOnlyComponent<EuiKeyPadMenuSignature> = <template>\n  {{#if @checkable.legend}}\n    <fieldset\n      class=\"euiKeyPadMenu\"\n      aria-label={{@checkable.ariaLegend}}\n      ...attributes\n    >\n      <EuiFormLabel @type=\"legend\">\n        {{@checkable.legend}}\n      </EuiFormLabel>\n      {{yield}}\n    </fieldset>\n  {{else}}\n    <ul class=\"euiKeyPadMenu\" ...attributes>\n      {{yield KeyComponent}}\n    </ul>\n  {{/if}}\n</template>;\n\nexport default EuiKeyPadMenu;\n"],"names":["KeyComponent","precompileTemplate","strictMode","templateOnly","EuiKeyPadMenu","setComponentTemplate","scope","EuiFormLabel"],"mappings":";;;;;AAKA,MAAMA,oCAIDC,kBAAA,CAA4B,oBAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAgB3C,MAAMC,aAA+D,GAAAC,oBAAA,CAAAJ,kBAAA,CAiBrE,+UAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAI,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;AAAAP,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAG,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-key-pad-menu.js","sources":["../../src/components/eui-key-pad-menu.gts"],"sourcesContent":["import EuiFormLabel from './eui-form-label.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst KeyComponent: TemplateOnlyComponent<{\n  Blocks: {\n    default: [];\n  };\n}> = <template><li>{{yield}}</li></template>;\n\n/**\n * A grid of large square buttons (`EuiKeyPadMenuItem`s), e.g. an app\n * switcher in a header popover.\n */\nexport interface EuiKeyPadMenuSignature {\n  Element: HTMLUListElement | HTMLFieldSetElement;\n  Args: {\n    /**\n     * Makes the menu a group of radios or checkboxes (items with\n     * `@checkable`) under a visible `legend`, or an invisible `ariaLegend`.\n     */\n    checkable?: {\n      legend?: string;\n      ariaLegend?: string;\n    };\n    /** @deprecated Has no effect. */\n    iconType?: EuiIconSignature['Args']['type'];\n  };\n  Blocks: {\n    /**\n     * The items. Wrap each in the yielded `<Key>` (an `<li>`), except for\n     * checkable menus: `as |Key|` → `<Key><EuiKeyPadMenuItem …/></Key>`.\n     */\n    default: [typeof KeyComponent?];\n  };\n}\n\nconst EuiKeyPadMenu: TemplateOnlyComponent<EuiKeyPadMenuSignature> = <template>\n  {{#if @checkable.legend}}\n    <fieldset\n      class=\"euiKeyPadMenu\"\n      aria-label={{@checkable.ariaLegend}}\n      ...attributes\n    >\n      <EuiFormLabel @type=\"legend\">\n        {{@checkable.legend}}\n      </EuiFormLabel>\n      {{yield}}\n    </fieldset>\n  {{else}}\n    <ul class=\"euiKeyPadMenu\" ...attributes>\n      {{yield KeyComponent}}\n    </ul>\n  {{/if}}\n</template>;\n\nexport default EuiKeyPadMenu;\n"],"names":["KeyComponent","precompileTemplate","strictMode","templateOnly","EuiKeyPadMenu","setComponentTemplate","scope","EuiFormLabel"],"mappings":";;;;;AAKA,MAAMA,oCAIDC,kBAAA,CAAA,oBAAA,EAA4B;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAE3C;;;AAGC;;AAwBD,MAAMC,aAAqC,GAAAC,oBAAA,CAA0BJ,kBAAA,CAAA,+UAAA,EAiBrE;EAAAC,UAAA,EAAA,IAAA;AAAAI,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;AAAAP,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAG,YAAA,EAAA;;"}

package/dist/components/eui-link.js

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiLink = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @color \"primary\") as |color|}}\n  {{#if @href}}\n    <a href={{@href}} class={{classNames (if @disabled \"euiLink--disabled\") componentName=\"EuiLink\" color=(unless @disabled color)}} target={{@target}} disabled={{@disabled}} ...attributes>\n\n      {{yield}}\n      {{#if (or (and (eq @target \"_blank\") (notEq @external false)) (eq @external true))}}\n        <EuiIcon @type=\"popout\" aria-label=\"External link\" @size=\"s\" class=\"euiLink__externalIcon\" />\n      {{/if}}\n      {{#if (eq @target \"_blank\")}}\n        <span {{screenReaderOnly}}>\n          (opens in a new tab or window)\n        </span>\n      {{/if}}\n    </a>\n  {{else}}\n    <button type={{argOrDefault @type \"button\"}} class={{classNames (if @disabled \"euiLink-disabled\") componentName=\"EuiLink\" color=(unless @disabled color)}} disabled={{@disabled}} ...attributes>\n      {{yield}}\n    </button>\n\n  {{/if}}\n{{/let}}", {
+const EuiLink = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @color \"primary\") as |color|}}\n  {{#if @href}}\n    <a href={{@href}} class={{classNames (if @disabled \"euiLink--disabled\") componentName=\"EuiLink\" color=(unless @disabled color)}} target={{@target}} disabled={{@disabled}} ...attributes>\n\n      {{yield}}\n      {{#if (or (and (eq @target \"_blank\") (notEq @external false)) (eq @external true))}}\n        <EuiIcon @type=\"popout\" @aria-label=\"External link\" @size=\"s\" class=\"euiLink__externalIcon\" />\n      {{/if}}\n      {{#if (eq @target \"_blank\")}}\n        <span {{screenReaderOnly}}>\n          (opens in a new tab or window)\n        </span>\n      {{/if}}\n    </a>\n  {{else}}\n    <button type={{argOrDefault @type \"button\"}} class={{classNames (if @disabled \"euiLink-disabled\") componentName=\"EuiLink\" color=(unless @disabled color)}} disabled={{@disabled}} ...attributes>\n      {{yield}}\n    </button>\n\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-link.js","sources":["../../src/components/eui-link.gts"],"sourcesContent":["import { and,eq, notEq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLinkSignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    color?: string;\n    disabled?: boolean;\n    external?: boolean;\n    href?: string;\n    target?: string;\n    type?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiLink: TemplateOnlyComponent<EuiLinkSignature> = <template>\n  {{#let (argOrDefault @color \"primary\") as |color|}}\n    {{#if @href}}\n      <a\n        href={{@href}}\n        class={{classNames\n          (if @disabled \"euiLink--disabled\")\n          componentName=\"EuiLink\"\n          color=(unless @disabled color)\n        }}\n        target={{@target}}\n        disabled={{@disabled}}\n        ...attributes\n      >\n\n        {{yield}}\n        {{#if\n          (or\n            (and (eq @target \"_blank\") (notEq @external false))\n            (eq @external true)\n          )\n        }}\n          <EuiIcon\n            @type=\"popout\"\n            aria-label=\"External link\"\n            @size=\"s\"\n            class=\"euiLink__externalIcon\"\n          />\n        {{/if}}\n        {{#if (eq @target \"_blank\")}}\n          <span {{screenReaderOnly}}>\n            (opens in a new tab or window)\n          </span>\n        {{/if}}\n      </a>\n    {{else}}\n      <button\n        type={{argOrDefault @type \"button\"}}\n        class={{classNames\n          (if @disabled \"euiLink-disabled\")\n          componentName=\"EuiLink\"\n          color=(unless @disabled color)\n        }}\n        disabled={{@disabled}}\n        ...attributes\n      >\n        {{yield}}\n      </button>\n\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiLink;\n"],"names":["EuiLink","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","or","and","eq","notEq","EuiIcon","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;;AAwBA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CAmDzD,y6BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,KAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-link.js","sources":["../../src/components/eui-link.gts"],"sourcesContent":["import { and,eq, notEq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A text link: an `<a>` with `@href`, otherwise a `<button>` styled as a\n * link (add `{{on \"click\" …}}`).\n */\nexport interface EuiLinkSignature {\n  Element: HTMLAnchorElement | HTMLButtonElement;\n  Args: {\n    /**\n     * `'primary'`, `'subdued'`, `'success'`, `'accent'`, `'danger'`,\n     * `'warning'`, `'ghost'` or `'text'`. Defaults to `'primary'`.\n     */\n    color?: string;\n    /** Disables the link. */\n    disabled?: boolean;\n    /**\n     * Shows the external link icon. Defaults to `true` for\n     * `@target=\"_blank\"`.\n     */\n    external?: boolean;\n    /** Where it links to; without it the link is a button. */\n    href?: string;\n    /**\n     * `target` of the link. `'_blank'` also adds the external icon and a\n     * screen reader note that it opens a new tab.\n     */\n    target?: string;\n    /** `type` of the button (without `@href`). Defaults to `'button'`. */\n    type?: string;\n  };\n  Blocks: {\n    /** The link's text. */\n    default: [];\n  };\n}\n\nconst EuiLink: TemplateOnlyComponent<EuiLinkSignature> = <template>\n  {{#let (argOrDefault @color \"primary\") as |color|}}\n    {{#if @href}}\n      <a\n        href={{@href}}\n        class={{classNames\n          (if @disabled \"euiLink--disabled\")\n          componentName=\"EuiLink\"\n          color=(unless @disabled color)\n        }}\n        target={{@target}}\n        disabled={{@disabled}}\n        ...attributes\n      >\n\n        {{yield}}\n        {{#if\n          (or\n            (and (eq @target \"_blank\") (notEq @external false))\n            (eq @external true)\n          )\n        }}\n          <EuiIcon\n            @type=\"popout\"\n            @aria-label=\"External link\"\n            @size=\"s\"\n            class=\"euiLink__externalIcon\"\n          />\n        {{/if}}\n        {{#if (eq @target \"_blank\")}}\n          <span {{screenReaderOnly}}>\n            (opens in a new tab or window)\n          </span>\n        {{/if}}\n      </a>\n    {{else}}\n      <button\n        type={{argOrDefault @type \"button\"}}\n        class={{classNames\n          (if @disabled \"euiLink-disabled\")\n          componentName=\"EuiLink\"\n          color=(unless @disabled color)\n        }}\n        disabled={{@disabled}}\n        ...attributes\n      >\n        {{yield}}\n      </button>\n\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiLink;\n"],"names":["EuiLink","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","or","and","eq","notEq","EuiIcon","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;;AA4CA,MAAMA,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,06BAAA,EAmDzD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,KAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-list-group-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-list-group-item.js","sources":["../../src/components/eui-list-group-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n  colorMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-list-group-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiListGroupItemSignature {\n  Element:\n    | HTMLLIElement\n    | HTMLAnchorElement\n    | HTMLButtonElement\n    | HTMLSpanElement;\n  Args: {\n    href?: string;\n    target?: string;\n    onClick?: (event: MouseEvent) => void;\n    label?: string;\n    iconType?: EuiIconSignature['Args']['type'];\n    isActive?: boolean;\n    isDisabled?: boolean;\n    wrapText?: boolean;\n    extraAction?: ComponentLike;\n    size?: keyof typeof sizeMapping;\n    color?: keyof typeof colorMapping;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiListGroupItem: TemplateOnlyComponent<EuiListGroupItemSignature> =\n  <template>\n    <li\n      class={{classNames\n        (if (or @href @onClick) \"euiListGroupItem-isClickable\")\n        (if @isActive \"euiListGroupItem-isActive\")\n        (if @isDisabled \"euiListGroupItem-isDisabled\")\n        (if @wrapText \"euiListGroupItem-wrapText\")\n        componentName=\"EuiListGroupItem\"\n        size=(argOrDefault @size \"m\")\n        color=(argOrDefault @color \"inherit\")\n      }}\n    >\n      {{#if (and @href (not @isDisabled))}}\n        <a\n          class=\"euiListGroupItem__button\"\n          href={{@href}}\n          target={{@target}}\n          {{on \"click\" (optional @onClick)}}\n          ...attributes\n        >\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiListGroupItem__icon\"\n              @type={{@iconType}}\n            />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </a>\n      {{else if (or @onClick (and @href @isDisabled))}}\n        <button\n          class=\"euiListGroupItem__button\"\n          type=\"button\"\n          disabled={{eq @isDisabled true}}\n          {{on \"click\" (optional @onClick)}}\n          ...attributes\n        >\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiListGroupItem__icon\"\n              @type={{@iconType}}\n              @color=\"inherit\"\n            />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </button>\n      {{else}}\n        <span class=\"euiListGroupItem__text\" ...attributes>\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiListGroupItem__icon\"\n              @type={{@iconType}}\n              @color=\"inherit\"\n            />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </span>\n      {{/if}}\n      {{#if @extraAction}}\n        {{#let\n          (component @extraAction)\n          as |ExtraAction|\n        }}\n          <ExtraAction />\n        {{/let}}\n\n      {{/if}}\n    </li>\n  </template>;\n\nexport default EuiListGroupItem;\n"],"names":["EuiListGroupItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","argOrDefault","and","not","on","optional","EuiIcon","eq","templateOnly"],"mappings":";;;;;;;;;;AAyCA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqFA,+0DAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-list-group-item.js","sources":["../../src/components/eui-list-group-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n  colorMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-list-group-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiListGroupItemSignature {\n  Element:\n    | HTMLLIElement\n    | HTMLAnchorElement\n    | HTMLButtonElement\n    | HTMLSpanElement;\n  Args: {\n    /** Makes the item a link. */\n    href?: string;\n    /** `target` of the `@href` link. */\n    target?: string;\n    /** Makes the item a button calling this function. */\n    onClick?: (event: MouseEvent) => void;\n    /** The item's text. */\n    label?: string;\n    /** Icon before the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Highlights the item, e.g. the current page. */\n    isActive?: boolean;\n    /** Disables the item. */\n    isDisabled?: boolean;\n    /** Wraps long text instead of truncating it. */\n    wrapText?: boolean;\n    /**\n     * A component rendered at the end of the item, e.g. an\n     * `EuiButtonIcon` to pin it (use `(component EuiButtonIcon …)`).\n     */\n    extraAction?: ComponentLike;\n    /** `'xs'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. */\n    size?: keyof typeof sizeMapping;\n    /**\n     * `'inherit'`, `'primary'`, `'text'`, `'subdued'` or `'ghost'`.\n     * Defaults to `'inherit'`.\n     */\n    color?: keyof typeof colorMapping;\n  };\n  Blocks: {\n    /** Custom content instead of `@label`. */\n    default: [];\n  };\n}\n\nconst EuiListGroupItem: TemplateOnlyComponent<EuiListGroupItemSignature> =\n  <template>\n    <li\n      class={{classNames\n        (if (or @href @onClick) \"euiListGroupItem-isClickable\")\n        (if @isActive \"euiListGroupItem-isActive\")\n        (if @isDisabled \"euiListGroupItem-isDisabled\")\n        (if @wrapText \"euiListGroupItem-wrapText\")\n        componentName=\"EuiListGroupItem\"\n        size=(argOrDefault @size \"m\")\n        color=(argOrDefault @color \"inherit\")\n      }}\n    >\n      {{#if (and @href (not @isDisabled))}}\n        <a\n          class=\"euiListGroupItem__button\"\n          href={{@href}}\n          target={{@target}}\n          {{on \"click\" (optional @onClick)}}\n          ...attributes\n        >\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiListGroupItem__icon\"\n              @type={{@iconType}}\n            />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </a>\n      {{else if (or @onClick (and @href @isDisabled))}}\n        <button\n          class=\"euiListGroupItem__button\"\n          type=\"button\"\n          disabled={{eq @isDisabled true}}\n          {{on \"click\" (optional @onClick)}}\n          ...attributes\n        >\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiListGroupItem__icon\"\n              @type={{@iconType}}\n              @color=\"inherit\"\n            />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </button>\n      {{else}}\n        <span class=\"euiListGroupItem__text\" ...attributes>\n          {{#if @iconType}}\n            <EuiIcon\n              @iconClasses=\"euiListGroupItem__icon\"\n              @type={{@iconType}}\n              @color=\"inherit\"\n            />\n          {{/if}}\n          <span class=\"euiListGroupItem__label\">\n            {{#if (has-block)}}\n              {{yield}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </span>\n      {{/if}}\n      {{#if @extraAction}}\n        {{#let\n          (component @extraAction)\n          as |ExtraAction|\n        }}\n          <ExtraAction />\n        {{/let}}\n\n      {{/if}}\n    </li>\n  </template>;\n\nexport default EuiListGroupItem;\n"],"names":["EuiListGroupItem","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","argOrDefault","and","not","on","optional","EuiIcon","eq","templateOnly"],"mappings":";;;;;;;;;;AA2DA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,+0DAAA,EAqFA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-list-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-list-group.js","sources":["../../src/components/eui-list-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and } from 'ember-truth-helpers';\nimport { eq,notEq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiListGroupSignature {\n  Element: HTMLUListElement;\n  Args: {\n    maxWidth?: boolean | string;\n    bordered?: boolean;\n    flush?: boolean;\n    gutterSize?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiListGroup: TemplateOnlyComponent<EuiListGroupSignature> = <template>\n  {{#let\n    (if\n      (and @maxWidth (notEq @maxWidth true))\n      (inlineStyles\n        componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)\n      )\n      (hash)\n    )\n    as |inlineStyles|\n  }}\n    <ul\n      class={{classNames\n        (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\")\n        (if @bordered \"euiListGroup-bordered\")\n        (if @flush \"euiListGroup-flush\")\n        componentName=\"EuiListGroup\"\n        gutterSize=(argOrDefault @gutterSize \"s\")\n      }}\n      ...attributes\n      {{style inlineStyles}}\n    >\n      {{yield}}\n    </ul>\n  {{/let}}\n</template>;\n\nexport default EuiListGroup;\n"],"names":["EuiListGroup","setComponentTemplate","precompileTemplate","strictMode","scope","and","notEq","inlineStyles","hash","classNames","eq","argOrDefault","style","templateOnly"],"mappings":";;;;;;;;;;AAyBA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAyBnE,0dAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-list-group.js","sources":["../../src/components/eui-list-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and } from 'ember-truth-helpers';\nimport { eq,notEq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A list of `EuiListGroupItem`s, e.g. navigation links in a side bar. */\nexport interface EuiListGroupSignature {\n  Element: HTMLUListElement;\n  Args: {\n    /** `true` for EUI's default max width, or any CSS width. */\n    maxWidth?: boolean | string;\n    /** Adds a border around the list. */\n    bordered?: boolean;\n    /** Removes the list's padding. */\n    flush?: boolean;\n    /** Space between items: `'none'`, `'s'` or `'m'`. Defaults to `'s'`. */\n    gutterSize?: string;\n  };\n  Blocks: {\n    /** The `EuiListGroupItem`s. */\n    default: [];\n  };\n}\n\nconst EuiListGroup: TemplateOnlyComponent<EuiListGroupSignature> = <template>\n  {{#let\n    (if\n      (and @maxWidth (notEq @maxWidth true))\n      (inlineStyles\n        componentName=\"EuiListGroup\" componentArgs=(hash maxWidth=@maxWidth)\n      )\n      (hash)\n    )\n    as |inlineStyles|\n  }}\n    <ul\n      class={{classNames\n        (if (eq @maxWidth true) \"euiListGroup-maxWidthDefault\")\n        (if @bordered \"euiListGroup-bordered\")\n        (if @flush \"euiListGroup-flush\")\n        componentName=\"EuiListGroup\"\n        gutterSize=(argOrDefault @gutterSize \"s\")\n      }}\n      ...attributes\n      {{style inlineStyles}}\n    >\n      {{yield}}\n    </ul>\n  {{/let}}\n</template>;\n\nexport default EuiListGroup;\n"],"names":["EuiListGroup","setComponentTemplate","precompileTemplate","strictMode","scope","and","notEq","inlineStyles","hash","classNames","eq","argOrDefault","style","templateOnly"],"mappings":";;;;;;;;;;AA+BA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,0dAAA,EAyBnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-loading-chart.js

@@ -0,0 +1,26 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const SIZES = {
+  m: 'euiLoadingChart--medium',
+  l: 'euiLoadingChart--large',
+  xl: 'euiLoadingChart--xLarge'
+};
+/**
+ * Animated bars, for a chart or visualization that is loading. Give it an
+ * `aria-label` (e.g. "Loading chart").
+ */
+
+function classes(size = 'm', mono) {
+  return ['euiLoadingChart', mono && 'euiLoadingChart--mono', SIZES[size]].filter(Boolean).join(' ');
+}
+const EuiLoadingChart = setComponentTemplate(precompileTemplate("<span class={{classes @size @mono}} ...attributes>\n  <span class=\"euiLoadingChart__bar\"></span>\n  <span class=\"euiLoadingChart__bar\"></span>\n  <span class=\"euiLoadingChart__bar\"></span>\n  <span class=\"euiLoadingChart__bar\"></span>\n</span>", {
+  strictMode: true,
+  scope: () => ({
+    classes
+  })
+}), templateOnly());
+
+export { EuiLoadingChart as default };
+//# sourceMappingURL=eui-loading-chart.js.map

package/dist/components/eui-loading-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-loading-chart.js","sources":["../../src/components/eui-loading-chart.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst SIZES = {\n  m: 'euiLoadingChart--medium',\n  l: 'euiLoadingChart--large',\n  xl: 'euiLoadingChart--xLarge'\n};\n\n/**\n * Animated bars, for a chart or visualization that is loading. Give it an\n * `aria-label` (e.g. \"Loading chart\").\n */\nexport interface EuiLoadingChartSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. */\n    size?: 'm' | 'l' | 'xl';\n    /** Gray bars instead of colored ones. */\n    mono?: boolean;\n  };\n}\n\nfunction classes(size: keyof typeof SIZES = 'm', mono?: boolean): string {\n  return ['euiLoadingChart', mono && 'euiLoadingChart--mono', SIZES[size]]\n    .filter(Boolean)\n    .join(' ');\n}\n\nconst EuiLoadingChart: TemplateOnlyComponent<EuiLoadingChartSignature> = <template>\n  <span class={{classes @size @mono}} ...attributes>\n    <span class=\"euiLoadingChart__bar\"></span>\n    <span class=\"euiLoadingChart__bar\"></span>\n    <span class=\"euiLoadingChart__bar\"></span>\n    <span class=\"euiLoadingChart__bar\"></span>\n  </span>\n</template>;\n\nexport default EuiLoadingChart;\n"],"names":["SIZES","m","l","xl","classes","size","mono","filter","Boolean","join","EuiLoadingChart","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;AAEA,MAAMA,KAAA,GAAQ;AACZC,EAAAA,CAAA,EAAG,yBAAA;AACHC,EAAAA,CAAA,EAAG,wBAAA;AACHC,EAAAA,EAAA,EAAI;AACN,CAAA;AAEA;;;AAGC;;AAWD,SAASC,OAAAA,CAAQC,IAAmB,GAAQ,GAAG,EAAEC,IAAc,EAAS;EACtE,OAAO,CAAC,iBAAA,EAAmBA,IAAA,IAAQ,uBAAA,EAAyBN,KAAK,CAACK,IAAA,CAAK,CAAC,CACrEE,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,MAAMC,eAAuC,GAAAC,oBAAA,CAA4BC,kBAAA,CAAA,6PAAA,EAOzE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAV,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAW,YAAA,EAAA;;"}

package/dist/components/eui-loading-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-loading-content.js","sources":["../../src/components/eui-loading-content.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingContentSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    lines?: number;\n    singleLineClasses?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst repeat = (count: number) => Array.from({ length: count });\n\nconst getLength = (lines: number | undefined) => {\n  if (lines === undefined) {\n    return 1;\n  }\n\n  if (lines > 10) {\n    return 10;\n  } else if (lines < 1) {\n    return 1;\n  } else {\n    return lines;\n  }\n};\n\nconst EuiLoadingContent: TemplateOnlyComponent<EuiLoadingContentSignature> =\n  <template>\n    <span class=\"euiLoadingContent\" ...attributes>\n      {{#each (repeat (getLength @lines))}}\n        <span\n          class={{classNames\n            \"euiLoadingContent__singleLine\"\n            @singleLineClasses\n          }}\n        >\n          <span class=\"euiLoadingContent__singleLineBackground\" />\n        </span>\n      {{/each}}\n    </span>\n  </template>;\n\nexport default EuiLoadingContent;\n"],"names":["repeat","count","Array","from","length","getLength","lines","undefined","EuiLoadingContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAeA,MAAMA,SAAUC,KAAa,IAAKC,KAAA,CAAMC,IAAI,CAAC;AAAEC,EAAAA,MAAQ,EAAAH;AAAM,CAAA,CAAA;AAE7D,MAAMI,SAAY,GAACC,KAAyB,IAAA;EAC1C,IAAIA,UAAUC,SAAW,EAAA;AACvB,IAAA,OAAO,CAAA;AACT;EAEA,IAAID,QAAQ,EAAI,EAAA;AACd,IAAA,OAAO,EAAA;AACT,GAAO,MAAA,IAAIA,QAAQ,CAAG,EAAA;AACpB,IAAA,OAAO,CAAA;AACT,GAAO,MAAA;AACL,IAAA,OAAOA,KAAA;AACT;AACF,CAAA;AAEA,MAAME,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,sRAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAZ,MAAA;IAAAK,SAAA;AAAAQ,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-loading-content.js","sources":["../../src/components/eui-loading-content.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** Animated placeholder lines shown while text content loads. */\nexport interface EuiLoadingContentSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** Number of lines, 1 to 10. Defaults to `1`. */\n    lines?: number;\n    /** Extra classes for each line. */\n    singleLineClasses?: string;\n  };\n  Blocks: {\n    /** Unused. */\n    default: [];\n  };\n}\n\nconst repeat = (count: number) => Array.from({ length: count });\n\nconst getLength = (lines: number | undefined) => {\n  if (lines === undefined) {\n    return 1;\n  }\n\n  if (lines > 10) {\n    return 10;\n  } else if (lines < 1) {\n    return 1;\n  } else {\n    return lines;\n  }\n};\n\nconst EuiLoadingContent: TemplateOnlyComponent<EuiLoadingContentSignature> =\n  <template>\n    <span class=\"euiLoadingContent\" ...attributes>\n      {{#each (repeat (getLength @lines))}}\n        <span\n          class={{classNames\n            \"euiLoadingContent__singleLine\"\n            @singleLineClasses\n          }}\n        >\n          <span class=\"euiLoadingContent__singleLineBackground\" />\n        </span>\n      {{/each}}\n    </span>\n  </template>;\n\nexport default EuiLoadingContent;\n"],"names":["repeat","count","Array","from","length","getLength","lines","undefined","EuiLoadingContent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAmBA,MAAMA,SAAUC,KAAa,IAAKC,KAAA,CAAMC,IAAI,CAAC;AAAEC,EAAAA,MAAA,EAAQH;AAAM,CAAA,CAAA;AAE7D,MAAMI,SAAA,GAAaC,KAAyB,IAAA;EAC1C,IAAIA,UAAUC,SAAA,EAAW;AACvB,IAAA,OAAO,CAAA;AACT,EAAA;EAEA,IAAID,QAAQ,EAAA,EAAI;AACd,IAAA,OAAO,EAAA;AACT,EAAA,CAAA,MAAO,IAAIA,QAAQ,CAAA,EAAG;AACpB,IAAA,OAAO,CAAA;AACT,EAAA,CAAA,MAAO;AACL,IAAA,OAAOA,KAAA;AACT,EAAA;AACF,CAAA;AAEA,MAAME,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,sRAAA,EAaA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAZ,MAAA;IAAAK,SAAA;AAAAQ,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-loading-elastic.js

@@ -0,0 +1,29 @@
+import EuiIcon from './eui-icon.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const SIZES = {
+  m: 'euiLoadingElastic--medium',
+  l: 'euiLoadingElastic--large',
+  xl: 'euiLoadingElastic--xLarge',
+  xxl: 'euiLoadingElastic--xxLarge'
+};
+/**
+ * The Elastic logo, animated, for a full page or app that is loading.
+ * Give it an `aria-label` (e.g. "Loading").
+ */
+
+function sizeClass(size = 'm') {
+  return SIZES[size];
+}
+const EuiLoadingElastic = setComponentTemplate(precompileTemplate("<span class=\"euiLoadingElastic {{sizeClass @size}}\" ...attributes>\n  <EuiIcon @type=\"logoElastic\" @size={{if @size @size \"m\"}} />\n</span>", {
+  strictMode: true,
+  scope: () => ({
+    sizeClass,
+    EuiIcon
+  })
+}), templateOnly());
+
+export { EuiLoadingElastic as default };
+//# sourceMappingURL=eui-loading-elastic.js.map

package/dist/components/eui-loading-elastic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-loading-elastic.js","sources":["../../src/components/eui-loading-elastic.gts"],"sourcesContent":["import EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst SIZES = {\n  m: 'euiLoadingElastic--medium',\n  l: 'euiLoadingElastic--large',\n  xl: 'euiLoadingElastic--xLarge',\n  xxl: 'euiLoadingElastic--xxLarge'\n};\n\n/**\n * The Elastic logo, animated, for a full page or app that is loading.\n * Give it an `aria-label` (e.g. \"Loading\").\n */\nexport interface EuiLoadingElasticSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'m'`, `'l'`, `'xl'` or `'xxl'`. Defaults to `'m'`. */\n    size?: 'm' | 'l' | 'xl' | 'xxl';\n  };\n}\n\nfunction sizeClass(size: keyof typeof SIZES = 'm'): string {\n  return SIZES[size];\n}\n\nconst EuiLoadingElastic: TemplateOnlyComponent<EuiLoadingElasticSignature> =\n  <template>\n    <span class=\"euiLoadingElastic {{sizeClass @size}}\" ...attributes>\n      <EuiIcon @type=\"logoElastic\" @size={{if @size @size \"m\"}} />\n    </span>\n  </template>;\n\nexport default EuiLoadingElastic;\n"],"names":["SIZES","m","l","xl","xxl","sizeClass","size","EuiLoadingElastic","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","templateOnly"],"mappings":";;;;;AAIA,MAAMA,KAAA,GAAQ;AACZC,EAAAA,CAAA,EAAG,2BAAA;AACHC,EAAAA,CAAA,EAAG,0BAAA;AACHC,EAAAA,EAAA,EAAI,2BAAA;AACJC,EAAAA,GAAA,EAAK;AACP,CAAA;AAEA;;;AAGC;;AASD,SAASC,SAAAA,CAAUC,IAAmB,GAAQ,GAAG,EAAS;EACxD,OAAON,KAAK,CAACM,IAAA,CAAK;AACpB;AAEA,MAAMC,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,mJAAA,EAIA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAN,SAAA;AAAAO,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-loading-logo.js","sources":["../../src/components/eui-loading-logo.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingLogoSignature {\n  Args: {\n    logo?: string;\n    size?: 'm' | 'l' | 'xl';\n  };\n  Yields: {\n    default: [];\n  };\n}\n\nconst EuiLoadingLogo: TemplateOnlyComponent<EuiLoadingLogoSignature> =\n  <template>\n    <span\n      class={{classNames\n        \"euiLoadingLogo\"\n        (if\n          (eq @size \"m\")\n          \"euiLoadingLogo--medium\"\n          (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\")\n        )\n      }}\n    >\n      <span class=\"euiLoadingLogo__icon\">\n        <EuiIcon\n          @type={{argOrDefault @logo \"logoKibana\"}}\n          @size={{argOrDefault @size \"m\"}}\n        />\n      </span>\n    </span>\n  </template>;\n\nexport default EuiLoadingLogo;\n"],"names":["EuiLoadingLogo","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAkBA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAkBA,yUAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-loading-logo.js","sources":["../../src/components/eui-loading-logo.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A bouncing logo, for loading a whole page or app. */\nexport interface EuiLoadingLogoSignature {\n  Args: {\n    /** The logo, anything `EuiIcon`'s `@type` accepts. Defaults to `'logoKibana'`. */\n    logo?: string;\n    /** `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. */\n    size?: 'm' | 'l' | 'xl';\n  };\n  Yields: {\n    default: [];\n  };\n}\n\nconst EuiLoadingLogo: TemplateOnlyComponent<EuiLoadingLogoSignature> =\n  <template>\n    <span\n      class={{classNames\n        \"euiLoadingLogo\"\n        (if\n          (eq @size \"m\")\n          \"euiLoadingLogo--medium\"\n          (if (eq @size \"l\") \"euiLoadingLogo--large\" \"euiLoadingLogo--xLarge\")\n        )\n      }}\n    >\n      <span class=\"euiLoadingLogo__icon\">\n        <EuiIcon\n          @type={{argOrDefault @logo \"logoKibana\"}}\n          @size={{argOrDefault @size \"m\"}}\n        />\n      </span>\n    </span>\n  </template>;\n\nexport default EuiLoadingLogo;\n"],"names":["EuiLoadingLogo","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiIcon","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAqBA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,yUAAA,EAkBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-loading-spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-loading-spinner.js","sources":["../../src/components/eui-loading-spinner.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-loading-spinner.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiLoadingSpinnerSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    size?: keyof typeof sizeMapping;\n  };\n}\n\nconst EuiLoadingSpinner: TemplateOnlyComponent<EuiLoadingSpinnerSignature> =\n  <template>\n    <span\n      class={{classNames\n        componentName=\"EuiLoadingSpinner\"\n        size=(argOrDefault @size \"m\")\n      }}\n      ...attributes\n    ></span>\n  </template>;\n\nexport default EuiLoadingSpinner;\n"],"names":["EuiLoadingSpinner","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAaA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAQA,sHAAA,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-loading-spinner.js","sources":["../../src/components/eui-loading-spinner.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-loading-spinner.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A spinning circle, for loading content or actions in progress. */\nexport interface EuiLoadingSpinnerSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /** `'s'`, `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. */\n    size?: keyof typeof sizeMapping;\n  };\n}\n\nconst EuiLoadingSpinner: TemplateOnlyComponent<EuiLoadingSpinnerSignature> =\n  <template>\n    <span\n      class={{classNames\n        componentName=\"EuiLoadingSpinner\"\n        size=(argOrDefault @size \"m\")\n      }}\n      ...attributes\n    ></span>\n  </template>;\n\nexport default EuiLoadingSpinner;\n"],"names":["EuiLoadingSpinner","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAeA,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,sHAAA,EAQA;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-mark.js

@@ -0,0 +1,14 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/**
+ * Highlights text with a `<mark>`, e.g. the part of a result that matches
+ * a search. To highlight the matches in a string, use `EuiHighlight`.
+ */
+const EuiMark = setComponentTemplate(precompileTemplate("<mark class=\"euiMark\" ...attributes>{{yield}}</mark>", {
+  strictMode: true
+}), templateOnly());
+
+export { EuiMark as default };
+//# sourceMappingURL=eui-mark.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-mark.js","sources":["../../src/components/eui-mark.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * Highlights text with a `<mark>`, e.g. the part of a result that matches\n * a search. To highlight the matches in a string, use `EuiHighlight`.\n */\nexport interface EuiMarkSignature {\n  Element: HTMLElement;\n  Blocks: {\n    /** The highlighted text. */\n    default: [];\n  };\n}\n\nconst EuiMark: TemplateOnlyComponent<EuiMarkSignature> = <template>\n  <mark class=\"euiMark\" ...attributes>{{yield}}</mark>\n</template>;\n\nexport default EuiMark;\n"],"names":["EuiMark","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;;;AAGC;AASD,MAAMA,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,wDAAA,EAEzD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-markdown-editor-drop-zone.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-markdown-editor-drop-zone.js","sources":["../../src/components/eui-markdown-editor-drop-zone.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiMarkdownEditorFooter from './eui-markdown-editor-footer.gts';\n\nimport type { EuiMarkdownEditorFooterSignature } from './eui-markdown-editor-footer';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownEditorDropZoneSignature {\n  Element: HTMLDivElement;\n  Args: {\n    uiPlugins?: EuiMarkdownEditorFooterSignature['Args']['uiPlugins'];\n    isUploadingFiles?: boolean;\n    hasUnacceptedItems?: boolean;\n    errors?: EuiMarkdownEditorFooterSignature['Args']['errors'];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiMarkdownEditorDropZone: TemplateOnlyComponent<EuiMarkdownEditorDropZoneSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiMarkdownEditorDropZone\"\n        (if false \"euiMarkdownEditorDropZone--isDragging\")\n        (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\")\n        (if false \"euiMarkdownEditorDropZone--isDraggingError\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n      <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n    </div>\n  </template>;\n\nexport default EuiMarkdownEditorDropZone;\n"],"names":["EuiMarkdownEditorDropZone","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiMarkdownEditorFooter","templateOnly"],"mappings":";;;;;;AAmBA,MAAMA,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAaA,0VAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,6BAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-markdown-editor-drop-zone.js","sources":["../../src/components/eui-markdown-editor-drop-zone.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\nimport EuiMarkdownEditorFooter from './eui-markdown-editor-footer.gts';\n\nimport type { EuiMarkdownEditorFooterSignature } from './eui-markdown-editor-footer';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private EuiMarkdownEditor's area accepting dropped or pasted files. */\nexport interface EuiMarkdownEditorDropZoneSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** The editor's plugins, for the footer's help. */\n    uiPlugins?: EuiMarkdownEditorFooterSignature['Args']['uiPlugins'];\n    /** Shows the upload spinner. */\n    isUploadingFiles?: boolean;\n    /** Highlights dropped files no plugin accepts. */\n    hasUnacceptedItems?: boolean;\n    /** Errors to list in the footer. */\n    errors?: EuiMarkdownEditorFooterSignature['Args']['errors'];\n  };\n  Blocks: {\n    /** The textarea or preview. */\n    default: [];\n  };\n}\n\nconst EuiMarkdownEditorDropZone: TemplateOnlyComponent<EuiMarkdownEditorDropZoneSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiMarkdownEditorDropZone\"\n        (if false \"euiMarkdownEditorDropZone--isDragging\")\n        (if @hasUnacceptedItems \"euiMarkdownEditorDropZone--hasError\")\n        (if false \"euiMarkdownEditorDropZone--isDraggingError\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n      <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />\n    </div>\n  </template>;\n\nexport default EuiMarkdownEditorDropZone;\n"],"names":["EuiMarkdownEditorDropZone","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiMarkdownEditorFooter","templateOnly"],"mappings":";;;;;;AAyBA,MAAMA,yBAAiD,GAAAC,oBAAA,CACrDC,kBAAA,CAAA,0VAAA,EAaA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,6BAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-markdown-editor-footer/icons/markdown-logo.js

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** @private The markdown logo in EuiMarkdownEditor's footer. */
 const MarkdownLogo = setComponentTemplate(precompileTemplate("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"16\" fill=\"none\" viewBox=\"0 0 26 16\" aria-labelledby={{@titleId}} ...attributes>\n  {{#if @title}}\n    <title id={{@titleId}}>{{@title}}</title>\n  {{/if}}\n  <path d=\"M1.25 1.875c0-.345.28-.625.625-.625h22.25c.345 0 .625.28.625.625v12.25c0 .345-.28.625-.625.625H1.875a.625.625 0 01-.625-.625V1.875zM1.875 0C.839 0 0 .84 0 1.875v12.25C0 15.161.84 16 1.875 16h22.25C25.16 16 26 15.16 26 14.125V1.875C26 .839 25.16 0 24.125 0H1.875zM3.75 3.75v8.5h2.5V7.375l2.5 3.125 2.5-3.125v4.875h2.5v-8.5h-2.5l-2.5 3.125-2.5-3.125h-2.5zm11.875 4.375l3.75 4.125 3.75-4.125h-2.5V3.75h-2.5v4.375h-2.5z\"></path>\n</svg>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-markdown-editor-footer/icons/markdown-logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-logo.js","sources":["../../../../src/components/eui-markdown-editor-footer/icons/markdown-logo.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst MarkdownLogo: TemplateOnlyComponent<{\n  Element: SVGElement;\n  Args: {\n    title?: string;\n    titleId?: string;\n  };\n}> = <template>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"26\"\n    height=\"16\"\n    fill=\"none\"\n    viewBox=\"0 0 26 16\"\n    aria-labelledby={{@titleId}}\n    ...attributes\n  >\n    {{#if @title}}\n      <title id={{@titleId}}>{{@title}}</title>\n    {{/if}}\n    <path\n      d=\"M1.25 1.875c0-.345.28-.625.625-.625h22.25c.345 0 .625.28.625.625v12.25c0 .345-.28.625-.625.625H1.875a.625.625 0 01-.625-.625V1.875zM1.875 0C.839 0 0 .84 0 1.875v12.25C0 15.161.84 16 1.875 16h22.25C25.16 16 26 15.16 26 14.125V1.875C26 .839 25.16 0 24.125 0H1.875zM3.75 3.75v8.5h2.5V7.375l2.5 3.125 2.5-3.125v4.875h2.5v-8.5h-2.5l-2.5 3.125-2.5-3.125h-2.5zm11.875 4.375l3.75 4.125 3.75-4.125h-2.5V3.75h-2.5v4.375h-2.5z\"\n    ></path>\n  </svg>\n</template>;\n\nexport default MarkdownLogo;\n"],"names":["MarkdownLogo","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA,MAAMA,YAMD,GAAAC,oBAAA,CAAAC,kBAAA,CAiBL,iqBAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"markdown-logo.js","sources":["../../../../src/components/eui-markdown-editor-footer/icons/markdown-logo.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The markdown logo in EuiMarkdownEditor's footer. */\nconst MarkdownLogo: TemplateOnlyComponent<{\n  Element: SVGElement;\n  Args: {\n    /** Accessible title. */\n    title?: string;\n    /** Id of the title element. */\n    titleId?: string;\n  };\n}> = <template>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"26\"\n    height=\"16\"\n    fill=\"none\"\n    viewBox=\"0 0 26 16\"\n    aria-labelledby={{@titleId}}\n    ...attributes\n  >\n    {{#if @title}}\n      <title id={{@titleId}}>{{@title}}</title>\n    {{/if}}\n    <path\n      d=\"M1.25 1.875c0-.345.28-.625.625-.625h22.25c.345 0 .625.28.625.625v12.25c0 .345-.28.625-.625.625H1.875a.625.625 0 01-.625-.625V1.875zM1.875 0C.839 0 0 .84 0 1.875v12.25C0 15.161.84 16 1.875 16h22.25C25.16 16 26 15.16 26 14.125V1.875C26 .839 25.16 0 24.125 0H1.875zM3.75 3.75v8.5h2.5V7.375l2.5 3.125 2.5-3.125v4.875h2.5v-8.5h-2.5l-2.5 3.125-2.5-3.125h-2.5zm11.875 4.375l3.75 4.125 3.75-4.125h-2.5V3.75h-2.5v4.375h-2.5z\"\n    ></path>\n  </svg>\n</template>;\n\nexport default MarkdownLogo;\n"],"names":["MarkdownLogo","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AACA,MAAMA,YAQD,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,iqBAAA,EAiBL;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-markdown-editor-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-markdown-editor-footer.js","sources":["../../src/components/eui-markdown-editor-footer.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';\nimport { and, not } from 'ember-truth-helpers';\n\nimport MarkdownLogo from '../components/eui-markdown-editor-footer/icons/markdown-logo.gts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiHorizontalRule from './eui-horizontal-rule.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiMarkdownFormat from './eui-markdown-format.gts';\nimport EuiModal from './eui-modal.gts';\nimport EuiModalBody from './eui-modal-body.gts';\nimport EuiModalHeader from './eui-modal-header.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiTitle from './eui-title.gts';\n\nexport interface EuiMarkdownEditorFooterSignature {\n  Args: {\n    isUploadingFiles?: boolean;\n    errors?: string[];\n    uiPlugins?: any[];\n  };\n}\n\nconst defaultMarkdownSyntaxHelp = `\nThe editor uses \n\n[Github flavored markdown](https://github.github.com/gfm/).\n\nYou can also utilize these additional syntax plugins to add rich content to your text.\n`;\n\nexport default class EuiMarkdownEditorFooterComponent extends Component<EuiMarkdownEditorFooterSignature> {\n  @tracked isPopoverOpen = false;\n  @tracked isShowingHelp = false;\n\n  <template>\n    <div class=\"euiMarkdownEditorFooter\">\n      <div class=\"euiMarkdownEditorFooter__actions\">\n\n        {{#if @isUploadingFiles}}\n          {{! pending implementation}}\n          <EuiButtonIcon\n            @iconType={{component EuiLoadingSpinner}}\n            @useComponent={{true}}\n            {{! aria-label={ariaLabels.uploadingFiles} }}\n          />\n        {{/if}}\n        {{#if (and @errors @errors.length)}}\n          <EuiPopover\n            @isOpen={{this.isPopoverOpen}}\n            @closePopover={{set this \"isPopoverOpen\" false}}\n          >\n            <:button>\n              <EuiButtonEmpty\n                @iconType=\"error\"\n                @size=\"s\"\n                @color=\"danger\"\n                {{! aria-label={ariaLabels.showSyntaxErrors} }}\n                {{on\n                  \"click\"\n                  (set this \"isPopoverOpen\" (not this.isPopoverOpen))\n                }}\n              >\n                {{@errors.length}}\n              </EuiButtonEmpty>\n            </:button>\n          </EuiPopover>\n        {{/if}}\n      </div>\n      <EuiButtonIcon\n        class=\"euiMarkdownEditorFooter__help\"\n        @iconType={{component MarkdownLogo}}\n        @useComponent={{true}}\n        @color=\"text\"\n        @useSvg={{true}}\n        {{! aria-label={ariaLabels.showMarkdownHelp} }}\n        {{on \"click\" (set this \"isShowingHelp\" (not this.isShowingHelp))}}\n      />\n\n      {{#if this.isShowingHelp}}\n\n        <EuiModal @onClose={{set this \"isShowingHelp\" false}}>\n          <EuiModalHeader>\n            <EuiTitle>\n              <h3>\n                <EuiI18n\n                  @token=\"euiMarkdownEditorFooter.syntaxTitle\"\n                  @default=\"Syntax Help\"\n                  as |Token|\n                >\n                  <Token as |value|>\n                    {{value}}\n                  </Token>\n                </EuiI18n>\n              </h3>\n            </EuiTitle>\n          </EuiModalHeader>\n          <EuiModalBody>\n\n            <EuiI18n\n              @token=\"euiMarkdownEditorFooter.syntaxHelp\"\n              @default={{defaultMarkdownSyntaxHelp}}\n              as |Token|\n            >\n              <Token as |value|>\n                <EuiMarkdownFormat @value={{value}} />\n              </Token>\n            </EuiI18n>\n\n            <EuiHorizontalRule />\n            {{#each @uiPlugins as |uiPlugin|}}\n              {{#if uiPlugin.helpText}}\n                <EuiTitle size=\"xxs\">\n                  <p>\n                    <strong>{{uiPlugin.name}}</strong>\n                  </p>\n                </EuiTitle>\n                <EuiSpacer size=\"s\" />\n                <EuiMarkdownFormat @value={{uiPlugin.helpText}} />\n                <EuiSpacer size=\"l\" />\n\n              {{/if}}\n            {{/each}}\n          </EuiModalBody>\n        </EuiModal>\n\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["defaultMarkdownSyntaxHelp","EuiMarkdownEditorFooterComponent","Component","g","prototype","tracked","i","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon","EuiLoadingSpinner","and","EuiPopover","set","EuiButtonEmpty","on","not","MarkdownLogo","EuiModal","EuiModalHeader","EuiTitle","EuiI18n","EuiModalBody","EuiMarkdownFormat","EuiHorizontalRule","EuiSpacer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,4BAA4B;;;;;;AAMlC,CAAC;AAEc,MAAMC,yCAAyCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACrEC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAC9BC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAM;AAAA,KAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAE/B,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA6FA,gvEAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,aAAA;QAAAC,iBAAA;QAAAC,GAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,cAAA;QAAAC,QAAA;iBAAAC,gBAAA;QAAAC,YAAA;QAAAxB,yBAAA;2BAAAyB,iCAAA;QAAAC,iBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-markdown-editor-footer.js","sources":["../../src/components/eui-markdown-editor-footer.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';\nimport { and, not } from 'ember-truth-helpers';\n\nimport MarkdownLogo from '../components/eui-markdown-editor-footer/icons/markdown-logo.gts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiHorizontalRule from './eui-horizontal-rule.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiMarkdownFormat from './eui-markdown-format.gts';\nimport EuiModal from './eui-modal.gts';\nimport EuiModalBody from './eui-modal-body.gts';\nimport EuiModalHeader from './eui-modal-header.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiTitle from './eui-title.gts';\n\n/** @private EuiMarkdownEditor's footer: upload status, errors and syntax help. */\nexport interface EuiMarkdownEditorFooterSignature {\n  Args: {\n    /** Shows the upload spinner. */\n    isUploadingFiles?: boolean;\n    /** Errors shown in a popover. */\n    errors?: string[];\n    /** The editor's plugins, whose help text the help popover lists. */\n    uiPlugins?: any[];\n  };\n}\n\nconst defaultMarkdownSyntaxHelp = `\nThe editor uses \n\n[Github flavored markdown](https://github.github.com/gfm/).\n\nYou can also utilize these additional syntax plugins to add rich content to your text.\n`;\n\nexport default class EuiMarkdownEditorFooterComponent extends Component<EuiMarkdownEditorFooterSignature> {\n  @tracked isPopoverOpen = false;\n  @tracked isShowingHelp = false;\n\n  <template>\n    <div class=\"euiMarkdownEditorFooter\">\n      <div class=\"euiMarkdownEditorFooter__actions\">\n\n        {{#if @isUploadingFiles}}\n          {{! pending implementation}}\n          <EuiButtonIcon\n            @iconType={{component EuiLoadingSpinner}}\n            @useComponent={{true}}\n            {{! aria-label={ariaLabels.uploadingFiles} }}\n          />\n        {{/if}}\n        {{#if (and @errors @errors.length)}}\n          <EuiPopover\n            @isOpen={{this.isPopoverOpen}}\n            @closePopover={{set this \"isPopoverOpen\" false}}\n          >\n            <:button>\n              <EuiButtonEmpty\n                @iconType=\"error\"\n                @size=\"s\"\n                @color=\"danger\"\n                {{! aria-label={ariaLabels.showSyntaxErrors} }}\n                {{on\n                  \"click\"\n                  (set this \"isPopoverOpen\" (not this.isPopoverOpen))\n                }}\n              >\n                {{@errors.length}}\n              </EuiButtonEmpty>\n            </:button>\n          </EuiPopover>\n        {{/if}}\n      </div>\n      <EuiButtonIcon\n        class=\"euiMarkdownEditorFooter__help\"\n        @iconType={{component MarkdownLogo}}\n        @useComponent={{true}}\n        @color=\"text\"\n        @useSvg={{true}}\n        {{! aria-label={ariaLabels.showMarkdownHelp} }}\n        {{on \"click\" (set this \"isShowingHelp\" (not this.isShowingHelp))}}\n      />\n\n      {{#if this.isShowingHelp}}\n\n        <EuiModal @onClose={{set this \"isShowingHelp\" false}}>\n          <EuiModalHeader>\n            <EuiTitle>\n              <h3>\n                <EuiI18n\n                  @token=\"euiMarkdownEditorFooter.syntaxTitle\"\n                  @default=\"Syntax Help\"\n                  as |Token|\n                >\n                  <Token as |value|>\n                    {{value}}\n                  </Token>\n                </EuiI18n>\n              </h3>\n            </EuiTitle>\n          </EuiModalHeader>\n          <EuiModalBody>\n\n            <EuiI18n\n              @token=\"euiMarkdownEditorFooter.syntaxHelp\"\n              @default={{defaultMarkdownSyntaxHelp}}\n              as |Token|\n            >\n              <Token as |value|>\n                <EuiMarkdownFormat @value={{value}} />\n              </Token>\n            </EuiI18n>\n\n            <EuiHorizontalRule />\n            {{#each @uiPlugins as |uiPlugin|}}\n              {{#if uiPlugin.helpText}}\n                <EuiTitle size=\"xxs\">\n                  <p>\n                    <strong>{{uiPlugin.name}}</strong>\n                  </p>\n                </EuiTitle>\n                <EuiSpacer size=\"s\" />\n                <EuiMarkdownFormat @value={{uiPlugin.helpText}} />\n                <EuiSpacer size=\"l\" />\n\n              {{/if}}\n            {{/each}}\n          </EuiModalBody>\n        </EuiModal>\n\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["defaultMarkdownSyntaxHelp","EuiMarkdownEditorFooterComponent","Component","g","prototype","tracked","i","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon","EuiLoadingSpinner","and","EuiPopover","set","EuiButtonEmpty","on","not","MarkdownLogo","EuiModal","EuiModalHeader","EuiTitle","EuiI18n","EuiModalBody","EuiMarkdownFormat","EuiHorizontalRule","EuiSpacer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAMA,4BAA4B;;;;;;AAMlC,CAAC;AAEc,MAAMC,yCAAyCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACrEC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACxBC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;AAEzB,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,gvEAAA,EA6FA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,aAAA;QAAAC,iBAAA;QAAAC,GAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,GAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,cAAA;QAAAC,QAAA;iBAAAC,gBAAA;QAAAC,YAAA;QAAAxB,yBAAA;2BAAAyB,iCAAA;QAAAC,iBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-markdown-editor-text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-markdown-editor-text-area.js","sources":["../../src/components/eui-markdown-editor-text-area.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownEditorTextAreaSignature {\n  Element: HTMLTextAreaElement;\n  Args: {\n    height?: string;\n    maxHeight?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiMarkdownEditorTextArea: TemplateOnlyComponent<EuiMarkdownEditorTextAreaSignature> =\n  <template>\n    <textarea\n      class=\"euiMarkdownEditorTextArea\"\n      rows=\"6\"\n      ...attributes\n      {{style (hash height=@height maxHeight=@maxHeight)}}\n    >\n      {{yield}}\n    </textarea>\n  </template>;\n\nexport default EuiMarkdownEditorTextArea;"],"names":["EuiMarkdownEditorTextArea","setComponentTemplate","precompileTemplate","strictMode","scope","style","hash","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CASA,wJAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-markdown-editor-text-area.js","sources":["../../src/components/eui-markdown-editor-text-area.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private EuiMarkdownEditor's textarea. */\nexport interface EuiMarkdownEditorTextAreaSignature {\n  Element: HTMLTextAreaElement;\n  Args: {\n    /** CSS height of the textarea. */\n    height?: string;\n    /** CSS max height of the textarea. */\n    maxHeight?: string;\n  };\n  Blocks: {\n    /** Unused. */\n    default: [];\n  };\n}\n\nconst EuiMarkdownEditorTextArea: TemplateOnlyComponent<EuiMarkdownEditorTextAreaSignature> =\n  <template>\n    <textarea\n      class=\"euiMarkdownEditorTextArea\"\n      rows=\"6\"\n      ...attributes\n      {{style (hash height=@height maxHeight=@maxHeight)}}\n    >\n      {{yield}}\n    </textarea>\n  </template>;\n\nexport default EuiMarkdownEditorTextArea;"],"names":["EuiMarkdownEditorTextArea","setComponentTemplate","precompileTemplate","strictMode","scope","style","hash","templateOnly"],"mappings":";;;;;;AAqBA,MAAMA,yBAAiD,GAAAC,oBAAA,CACrDC,kBAAA,CAAA,wJAAA,EASA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-markdown-editor-toolbar/icons/markdown-checkmark.js

@@ -2,6 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+/** @private The task list icon of the markdown toolbar. */
 const MarkdownCheckmark = setComponentTemplate(precompileTemplate("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" aria-labelledby={{@titleId}} ...attributes>\n  {{#if @title}}\n    <title id={{@titleId}}>{{@title}}</title>\n  {{/if}}\n  <path d=\"M11.828 13H4.172A1.173 1.173 0 013 11.828V4.172C3 3.526 3.526 3 4.172 3h7.656C12.474 3 13 3.526 13 4.172v7.656c0 .646-.526 1.172-1.172 1.172zM4.172 3.781a.391.391 0 00-.39.39v7.657c0 .216.175.39.39.39h7.656a.39.39 0 00.39-.39V4.172a.391.391 0 00-.39-.39H4.172zm7.244 2.175l-.582-.521L7.22 9.469 5.125 7.476l-.539.566 2.68 2.548 4.15-4.634z\"></path>\n</svg>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-markdown-editor-toolbar/icons/markdown-checkmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-checkmark.js","sources":["../../../../src/components/eui-markdown-editor-toolbar/icons/markdown-checkmark.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiMarkdownToolbarIconsMarkdownCheckmarkSignature {\n  Element: SVGElement;\n  Args: {\n    title?: string;\n    titleId?: string;\n  };\n}\n\nconst MarkdownCheckmark: TemplateOnlyComponent<EuiMarkdownToolbarIconsMarkdownCheckmarkSignature> =\n  <template>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      viewBox=\"0 0 16 16\"\n      aria-labelledby={{@titleId}}\n      ...attributes\n    >\n      {{#if @title}}\n        <title id={{@titleId}}>{{@title}}</title>\n      {{/if}}\n      <path\n        d=\"M11.828 13H4.172A1.173 1.173 0 013 11.828V4.172C3 3.526 3.526 3 4.172 3h7.656C12.474 3 13 3.526 13 4.172v7.656c0 .646-.526 1.172-1.172 1.172zM4.172 3.781a.391.391 0 00-.39.39v7.657c0 .216.175.39.39.39h7.656a.39.39 0 00.39-.39V4.172a.391.391 0 00-.39-.39H4.172zm7.244 2.175l-.582-.521L7.22 9.469 5.125 7.476l-.539.566 2.68 2.548 4.15-4.634z\"\n      ></path>\n    </svg>\n  </template>;\n\nexport default MarkdownCheckmark;\n"],"names":["MarkdownCheckmark","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAUA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,qlBAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"markdown-checkmark.js","sources":["../../../../src/components/eui-markdown-editor-toolbar/icons/markdown-checkmark.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The task list icon of the markdown toolbar. */\nexport interface EuiMarkdownToolbarIconsMarkdownCheckmarkSignature {\n  Element: SVGElement;\n  Args: {\n    /** Accessible title. */\n    title?: string;\n    /** Id of the title element. */\n    titleId?: string;\n  };\n}\n\nconst MarkdownCheckmark: TemplateOnlyComponent<EuiMarkdownToolbarIconsMarkdownCheckmarkSignature> =\n  <template>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      viewBox=\"0 0 16 16\"\n      aria-labelledby={{@titleId}}\n      ...attributes\n    >\n      {{#if @title}}\n        <title id={{@titleId}}>{{@title}}</title>\n      {{/if}}\n      <path\n        d=\"M11.828 13H4.172A1.173 1.173 0 013 11.828V4.172C3 3.526 3.526 3 4.172 3h7.656C12.474 3 13 3.526 13 4.172v7.656c0 .646-.526 1.172-1.172 1.172zM4.172 3.781a.391.391 0 00-.39.39v7.657c0 .216.175.39.39.39h7.656a.39.39 0 00.39-.39V4.172a.391.391 0 00-.39-.39H4.172zm7.244 2.175l-.582-.521L7.22 9.469 5.125 7.476l-.539.566 2.68 2.548 4.15-4.634z\"\n      ></path>\n    </svg>\n  </template>;\n\nexport default MarkdownCheckmark;\n"],"names":["MarkdownCheckmark","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AAWA,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,qlBAAA,EAiBA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-markdown-editor-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-markdown-editor-toolbar.js","sources":["../../src/components/eui-markdown-editor-toolbar.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, gte } from 'ember-truth-helpers';\n\nimport { MODE_VIEWING } from '../utils/markdown/markdown-modes.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport MarkdownCheckmark from './eui-markdown-editor-toolbar/icons/markdown-checkmark.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type MarkdownActions from '../utils/markdown/markdown-actions';\nimport type { EuiMarkdownEditorUiPlugin } from '../utils/markdown/markdown-types';\n\nexport interface EuiMarkdownEditorToolbarArgs {\n  viewMode?: string;\n  markdownActions: MarkdownActions;\n  uiPlugins: any[];\n  openPluginEditor?: (plugin: EuiMarkdownEditorUiPlugin) => void;\n  onClickPreview: () => void;\n  selectedNode: any;\n}\n\nexport interface EuiMarkdownEditorToolbarSignature {\n  Element: HTMLDivElement;\n  Args: EuiMarkdownEditorToolbarArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport interface EuiMarkdownEditorToolbarItem {\n  id: string;\n  label: string;\n  name: string;\n  iconType:\n    | string\n    | {\n        component: any;\n      };\n  useSvg?: boolean;\n}\n\nexport default class EuiMarkdownEditorToolbarComponent extends Component<EuiMarkdownEditorToolbarSignature> {\n  boldItalicsButtons = [\n    {\n      id: 'mdBold',\n      label: 'Bold',\n      name: 'bold',\n      iconType: 'editorBold'\n    },\n    {\n      id: 'mdItalic',\n      label: 'Italic',\n      name: 'italic',\n      iconType: 'editorItalic'\n    }\n  ];\n\n  @cached\n  get listButtons() {\n    return [\n      {\n        id: 'mdUl',\n        label: 'Unordered list',\n        name: 'ul',\n        iconType: 'editorUnorderedList'\n      },\n      {\n        id: 'mdOl',\n        label: 'Ordered list',\n        name: 'ol',\n        iconType: 'editorOrderedList'\n      },\n      {\n        id: 'mdTl',\n        label: 'Task list',\n        name: 'tl',\n        useSvg: true,\n        iconType: {\n          component: MarkdownCheckmark\n        }\n      }\n    ];\n  }\n\n  quoteCodeLinkButtons = [\n    {\n      id: 'mdQuote',\n      label: 'Quote',\n      name: 'quote',\n      iconType: 'quote'\n    },\n    {\n      id: 'mdCode',\n      label: 'Code',\n      name: 'code',\n      iconType: 'editorCodeBlock'\n    },\n    {\n      id: 'mdLink',\n      label: 'Link',\n      name: 'link',\n      iconType: 'editorLink'\n    }\n  ];\n\n  get uiPlugins() {\n    return this.args.uiPlugins || [];\n  }\n\n  get isPreviewing() {\n    return this.args.viewMode === MODE_VIEWING;\n  }\n\n  @action\n  handleMdButtonClick(mdButtonId: string) {\n    const actionResult = this.args.markdownActions.do(mdButtonId);\n\n    if (actionResult !== true) this.args.openPluginEditor?.(actionResult!);\n  }\n\n  itemComponent(item: EuiMarkdownEditorToolbarItem) {\n    if (typeof item.iconType === 'string') return item.iconType;\n\n    return item.iconType.component;\n  }\n\n  <template>\n    <div class=\"euiMarkdownEditorToolbar\" ...attributes>\n      <div class=\"euiMarkdownEditorToolbar__buttons\">\n        {{#each this.boldItalicsButtons as |item|}}\n          <EuiToolTip @content={{item.label}} @delay=\"long\">\n            <EuiButtonIcon\n              @color=\"text\"\n              {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n              @iconType={{item.iconType}}\n              aria-label={{item.label}}\n              @isDisabled={{this.isPreviewing}}\n            />\n          </EuiToolTip>\n\n        {{/each}}\n        <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n        {{#each this.listButtons as |item|}}\n          <EuiToolTip @content={{item.label}} @delay=\"long\">\n            <EuiButtonIcon\n              @color=\"text\"\n              {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n              @iconType={{this.itemComponent item}}\n              {{!@glint-expect-error}}\n              @useComponent={{if item.iconType.component true}}\n              aria-label={{item.label}}\n              @useSvg={{item.useSvg}}\n              @isDisabled={{this.isPreviewing}}\n            />\n          </EuiToolTip>\n\n        {{/each}}\n        <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n        {{#each this.quoteCodeLinkButtons as |item|}}\n          <EuiToolTip @content={{item.label}} @delay=\"long\">\n            <EuiButtonIcon\n              @color=\"text\"\n              {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n              @iconType={{item.iconType}}\n              aria-label={{item.label}}\n              @isDisabled={{this.isPreviewing}}\n            />\n          </EuiToolTip>\n\n        {{/each}}\n        {{#if (gte this.uiPlugins.length 0)}}\n          <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n          {{#each this.uiPlugins as |plugin|}}\n            {{#let\n              (and @selectedNode (eq @selectedNode.type plugin.name))\n              as |isSelectedNodeType|\n            }}\n              <EuiToolTip @content={{plugin.button.label}} @delay=\"long\">\n                <EuiButtonIcon\n                  @color=\"text\"\n                  {{style\n                    (if\n                      isSelectedNodeType (hash background=\"rgba(0, 0, 0, 0.15)\")\n                    )\n                  }}\n                  {{on \"click\" (fn this.handleMdButtonClick plugin.name)}}\n                  @iconType={{plugin.button.iconType}}\n                  aria-label={{plugin.button.label}}\n                  @isDisabled={{this.isPreviewing}}\n                />\n              </EuiToolTip>\n            {{/let}}\n          {{/each}}\n        {{/if}}\n      </div>\n\n      {{#if this.isPreviewing}}\n        <EuiButtonEmpty\n          @iconType=\"editorCodeBlock\"\n          @color=\"text\"\n          @size=\"s\"\n          {{on \"click\" @onClickPreview}}\n        >\n\n          <EuiI18n\n            @token=\"euiMarkdownEditorToolbar.editor\"\n            @default=\"Editor\"\n            as |Token|\n          >\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        </EuiButtonEmpty>\n\n      {{else}}\n        <EuiButtonEmpty\n          @iconType=\"eye\"\n          @color=\"text\"\n          @size=\"s\"\n          {{on \"click\" @onClickPreview}}\n        >\n          <EuiI18n\n            @token=\"euiMarkdownEditorToolbar.preview\"\n            @default=\"Preview\"\n            as |Token|\n          >\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        </EuiButtonEmpty>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["EuiMarkdownEditorToolbarComponent","Component","boldItalicsButtons","id","label","name","iconType","listButtons","useSvg","component","MarkdownCheckmark","n","prototype","cached","quoteCodeLinkButtons","uiPlugins","args","isPreviewing","viewMode","MODE_VIEWING","handleMdButtonClick","mdButtonId","actionResult","markdownActions","do","openPluginEditor","action","itemComponent","item","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","EuiButtonIcon","on","fn","gte","and","eq","style","hash","EuiButtonEmpty","EuiI18n"],"mappings":"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"}
+{"version":3,"file":"eui-markdown-editor-toolbar.js","sources":["../../src/components/eui-markdown-editor-toolbar.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, gte } from 'ember-truth-helpers';\n\nimport { MODE_VIEWING } from '../utils/markdown/markdown-modes.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiI18n from './eui-i18n.gts';\nimport MarkdownCheckmark from './eui-markdown-editor-toolbar/icons/markdown-checkmark.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type MarkdownActions from '../utils/markdown/markdown-actions';\nimport type { EuiMarkdownEditorUiPlugin } from '../utils/markdown/markdown-types';\n\n/** @private Args of EuiMarkdownEditor's toolbar. */\nexport interface EuiMarkdownEditorToolbarArgs {\n  /** `'editing'` or `'viewing'`; formatting buttons are disabled while viewing. */\n  viewMode?: string;\n  /** Applies a formatting button to the textarea. */\n  markdownActions: MarkdownActions;\n  /** Plugins adding toolbar buttons. */\n  uiPlugins: any[];\n  /** Opens a plugin's editor (plugins with `editor`). */\n  openPluginEditor?: (plugin: EuiMarkdownEditorUiPlugin) => void;\n  /** Toggles the preview. */\n  onClickPreview: () => void;\n  /** The node under the cursor, to highlight its button. */\n  selectedNode: any;\n}\n\n/** @private EuiMarkdownEditor's toolbar. */\nexport interface EuiMarkdownEditorToolbarSignature {\n  Element: HTMLDivElement;\n  Args: EuiMarkdownEditorToolbarArgs;\n  Blocks: {\n    /** Unused. */\n    default: [];\n  };\n}\n\nexport interface EuiMarkdownEditorToolbarItem {\n  id: string;\n  label: string;\n  name: string;\n  iconType:\n    | string\n    | {\n        component: any;\n      };\n  useSvg?: boolean;\n}\n\nexport default class EuiMarkdownEditorToolbarComponent extends Component<EuiMarkdownEditorToolbarSignature> {\n  boldItalicsButtons = [\n    {\n      id: 'mdBold',\n      label: 'Bold',\n      name: 'bold',\n      iconType: 'editorBold'\n    },\n    {\n      id: 'mdItalic',\n      label: 'Italic',\n      name: 'italic',\n      iconType: 'editorItalic'\n    }\n  ];\n\n  @cached\n  get listButtons() {\n    return [\n      {\n        id: 'mdUl',\n        label: 'Unordered list',\n        name: 'ul',\n        iconType: 'editorUnorderedList'\n      },\n      {\n        id: 'mdOl',\n        label: 'Ordered list',\n        name: 'ol',\n        iconType: 'editorOrderedList'\n      },\n      {\n        id: 'mdTl',\n        label: 'Task list',\n        name: 'tl',\n        useSvg: true,\n        iconType: {\n          component: MarkdownCheckmark\n        }\n      }\n    ];\n  }\n\n  quoteCodeLinkButtons = [\n    {\n      id: 'mdQuote',\n      label: 'Quote',\n      name: 'quote',\n      iconType: 'quote'\n    },\n    {\n      id: 'mdCode',\n      label: 'Code',\n      name: 'code',\n      iconType: 'editorCodeBlock'\n    },\n    {\n      id: 'mdLink',\n      label: 'Link',\n      name: 'link',\n      iconType: 'editorLink'\n    }\n  ];\n\n  get uiPlugins() {\n    return this.args.uiPlugins || [];\n  }\n\n  get isPreviewing() {\n    return this.args.viewMode === MODE_VIEWING;\n  }\n\n  @action\n  handleMdButtonClick(mdButtonId: string) {\n    const actionResult = this.args.markdownActions.do(mdButtonId);\n\n    if (actionResult !== true) this.args.openPluginEditor?.(actionResult!);\n  }\n\n  itemComponent(item: EuiMarkdownEditorToolbarItem) {\n    if (typeof item.iconType === 'string') return item.iconType;\n\n    return item.iconType.component;\n  }\n\n  <template>\n    <div class=\"euiMarkdownEditorToolbar\" ...attributes>\n      <div class=\"euiMarkdownEditorToolbar__buttons\">\n        {{#each this.boldItalicsButtons as |item|}}\n          <EuiToolTip @content={{item.label}} @delay=\"long\">\n            <EuiButtonIcon\n              @color=\"text\"\n              {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n              @iconType={{item.iconType}}\n              aria-label={{item.label}}\n              @isDisabled={{this.isPreviewing}}\n            />\n          </EuiToolTip>\n\n        {{/each}}\n        <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n        {{#each this.listButtons as |item|}}\n          <EuiToolTip @content={{item.label}} @delay=\"long\">\n            <EuiButtonIcon\n              @color=\"text\"\n              {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n              @iconType={{this.itemComponent item}}\n              {{!@glint-expect-error}}\n              @useComponent={{if item.iconType.component true}}\n              aria-label={{item.label}}\n              @useSvg={{item.useSvg}}\n              @isDisabled={{this.isPreviewing}}\n            />\n          </EuiToolTip>\n\n        {{/each}}\n        <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n        {{#each this.quoteCodeLinkButtons as |item|}}\n          <EuiToolTip @content={{item.label}} @delay=\"long\">\n            <EuiButtonIcon\n              @color=\"text\"\n              {{on \"click\" (fn this.handleMdButtonClick item.id)}}\n              @iconType={{item.iconType}}\n              aria-label={{item.label}}\n              @isDisabled={{this.isPreviewing}}\n            />\n          </EuiToolTip>\n\n        {{/each}}\n        {{#if (gte this.uiPlugins.length 0)}}\n          <span class=\"euiMarkdownEditorToolbar__divider\"></span>\n          {{#each this.uiPlugins as |plugin|}}\n            {{#let\n              (and @selectedNode (eq @selectedNode.type plugin.name))\n              as |isSelectedNodeType|\n            }}\n              <EuiToolTip @content={{plugin.button.label}} @delay=\"long\">\n                <EuiButtonIcon\n                  @color=\"text\"\n                  {{style\n                    (if\n                      isSelectedNodeType (hash background=\"rgba(0, 0, 0, 0.15)\")\n                    )\n                  }}\n                  {{on \"click\" (fn this.handleMdButtonClick plugin.name)}}\n                  @iconType={{plugin.button.iconType}}\n                  aria-label={{plugin.button.label}}\n                  @isDisabled={{this.isPreviewing}}\n                />\n              </EuiToolTip>\n            {{/let}}\n          {{/each}}\n        {{/if}}\n      </div>\n\n      {{#if this.isPreviewing}}\n        <EuiButtonEmpty\n          @iconType=\"editorCodeBlock\"\n          @color=\"text\"\n          @size=\"s\"\n          {{on \"click\" @onClickPreview}}\n        >\n\n          <EuiI18n\n            @token=\"euiMarkdownEditorToolbar.editor\"\n            @default=\"Editor\"\n            as |Token|\n          >\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        </EuiButtonEmpty>\n\n      {{else}}\n        <EuiButtonEmpty\n          @iconType=\"eye\"\n          @color=\"text\"\n          @size=\"s\"\n          {{on \"click\" @onClickPreview}}\n        >\n          <EuiI18n\n            @token=\"euiMarkdownEditorToolbar.preview\"\n            @default=\"Preview\"\n            as |Token|\n          >\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        </EuiButtonEmpty>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["EuiMarkdownEditorToolbarComponent","Component","boldItalicsButtons","id","label","name","iconType","listButtons","useSvg","component","MarkdownCheckmark","n","prototype","cached","quoteCodeLinkButtons","uiPlugins","args","isPreviewing","viewMode","MODE_VIEWING","handleMdButtonClick","mdButtonId","actionResult","markdownActions","do","openPluginEditor","action","itemComponent","item","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","EuiButtonIcon","on","fn","gte","and","eq","style","hash","EuiButtonEmpty","EuiI18n"],"mappings":"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"}