@ember-eui/core 14.0.0 → 14.1.0

package/dist/_app_/components/eui-tour-step-indicator.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-tour-step-indicator";

package/dist/_app_/components/eui-tour-step.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-tour-step";

package/dist/_app_/components/eui-tour.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-tour";

package/dist/_app_/components/eui-tree-view.js

@@ -0,0 +1 @@
+export { default } from "@ember-eui/core/components/eui-tree-view";

package/dist/components/common.js

@@ -9,6 +9,12 @@
  * Example: OneOf<Type, 'aria-label' | 'aria-labelledby'>
  */
 
+/**
+ * Args some components accept on top of their own. Prefer plain HTML
+ * attributes (`id=`, `class=`, `aria-label=`) where a component passes
+ * `...attributes` to its element.
+ */
+
 /**
  * Wraps Object.keys with proper typescript definition of the resulting array
  */

package/dist/components/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sources":["../../src/components/common.ts"],"sourcesContent":["// utility types:\n/**\n * XOR for some properties applied to a type\n * (XOR is one of these but not both or neither)\n *\n * Usage: OneOf<typeToExtend, one | but | not | multiple | of | these | are | required>\n *\n * To require aria-label or aria-labelledby but not both\n * Example: OneOf<Type, 'aria-label' | 'aria-labelledby'>\n */\nexport type OneOf<T, K extends keyof T> = Omit<T, K> &\n  { [k in K]: Pick<Required<T>, k> & { [k1 in Exclude<K, k>]?: never } }[K];\n\nexport interface CommonArgs {\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'data-test-subj'?: string;\n}\n\n/**\n * Wraps Object.keys with proper typescript definition of the resulting array\n */\nexport function keysOf<T extends Record<string, unknown>, K extends keyof T>(\n  obj: T\n): K[] {\n  return Object.keys(obj) as K[];\n}\n\n/**\n * Returns member keys in U not present in T set to never\n * T = { 'one', 'two', 'three' }\n * U = { 'three', 'four', 'five' }\n * returns { 'four': never, 'five': never }\n */\nexport type DisambiguateSet<T, U> = {\n  [P in Exclude<keyof T, keyof U>]?: never;\n};\n\n/**\n * Allow either T or U, preventing any additional keys of the other type from being present\n */\nexport type ExclusiveUnion<T, U> = T | U extends Record<string, unknown> // if there are any shared keys between T and U\n  ? (DisambiguateSet<T, U> & U) | (DisambiguateSet<U, T> & T) // otherwise the TS union is already unique\n  : T | U;\n\n/*\nhttps://github.com/Microsoft/TypeScript/issues/28339\nProblem: Pick and Omit do not distribute over union types, which manifests when\noptional values become required after a Pick or Omit operation. These\nDistributive forms correctly operate on union types, preserving optionality.\n */\ntype UnionKeys<T> = T extends any ? keyof T : never;\nexport type DistributivePick<T, K extends UnionKeys<T>> = T extends any\n  ? Pick<T, Extract<keyof T, K>>\n  : never;\nexport type DistributiveOmit<T, K extends UnionKeys<T>> = T extends any\n  ? Omit<T, Extract<keyof T, K>>\n  : never;\n\n\nexport default keysOf;"],"names":["keysOf","obj","Object","keys"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWA;AACA;AACA;AACO,SAASA,MAAMA,CACpBC,GAAM,EACD;AACL,EAAA,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC;AACzB;;;;"}
+{"version":3,"file":"common.js","sources":["../../src/components/common.ts"],"sourcesContent":["// utility types:\n/**\n * XOR for some properties applied to a type\n * (XOR is one of these but not both or neither)\n *\n * Usage: OneOf<typeToExtend, one | but | not | multiple | of | these | are | required>\n *\n * To require aria-label or aria-labelledby but not both\n * Example: OneOf<Type, 'aria-label' | 'aria-labelledby'>\n */\nexport type OneOf<T, K extends keyof T> = Omit<T, K> &\n  { [k in K]: Pick<Required<T>, k> & { [k1 in Exclude<K, k>]?: never } }[K];\n\n/**\n * Args some components accept on top of their own. Prefer plain HTML\n * attributes (`id=`, `class=`, `aria-label=`) where a component passes\n * `...attributes` to its element.\n */\nexport interface CommonArgs {\n  /** Id of the component's main element. */\n  id?: string;\n  /** Extra class(es) for the component's main element. */\n  className?: string;\n  /** Accessible label of the component's main element. */\n  'aria-label'?: string;\n  /** `data-test-subj` attribute, the EUI convention for test selectors. */\n  'data-test-subj'?: string;\n}\n\n/**\n * Wraps Object.keys with proper typescript definition of the resulting array\n */\nexport function keysOf<T extends Record<string, unknown>, K extends keyof T>(\n  obj: T\n): K[] {\n  return Object.keys(obj) as K[];\n}\n\n/**\n * Returns member keys in U not present in T set to never\n * T = { 'one', 'two', 'three' }\n * U = { 'three', 'four', 'five' }\n * returns { 'four': never, 'five': never }\n */\nexport type DisambiguateSet<T, U> = {\n  [P in Exclude<keyof T, keyof U>]?: never;\n};\n\n/**\n * Allow either T or U, preventing any additional keys of the other type from being present\n */\nexport type ExclusiveUnion<T, U> = T | U extends Record<string, unknown> // if there are any shared keys between T and U\n  ? (DisambiguateSet<T, U> & U) | (DisambiguateSet<U, T> & T) // otherwise the TS union is already unique\n  : T | U;\n\n/*\nhttps://github.com/Microsoft/TypeScript/issues/28339\nProblem: Pick and Omit do not distribute over union types, which manifests when\noptional values become required after a Pick or Omit operation. These\nDistributive forms correctly operate on union types, preserving optionality.\n */\ntype UnionKeys<T> = T extends any ? keyof T : never;\nexport type DistributivePick<T, K extends UnionKeys<T>> = T extends any\n  ? Pick<T, Extract<keyof T, K>>\n  : never;\nexport type DistributiveOmit<T, K extends UnionKeys<T>> = T extends any\n  ? Omit<T, Extract<keyof T, K>>\n  : never;\n\n\nexport default keysOf;"],"names":["keysOf","obj","Object","keys"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACO,SAASA,MAAMA,CACpBC,GAAM,EACD;AACL,EAAA,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC;AACzB;;"}

package/dist/components/eui-accordion.js

@@ -109,17 +109,17 @@ class EuiAccordionComponent extends Component {
     this.childContent = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("{{#let (argOrDefault @element \"div\") as |tagName|}}\n  {{#if tagName}}\n    {{#let (element tagName) (element this.buttonElement) as |Accordion ButtonElement|}}\n      {{#if (and Accordion ButtonElement)}}\n        <Accordion class={{classNames (if this.isOpen \"euiAccordion-isOpen\") componentName=\"EuiAccordion\"}} ...attributes>\n          <div class={{classNames \"euiAccordion__triggerWrapper\" @triggerClassName}}>\n            {{#if (eq this._arrowDisplay \"left\")}}\n              <EuiButtonIcon class={{classNames \"euiAccordion__iconButton\" (if this.isOpen \"euiAccordion__iconButton-isOpen\") (if (eq this._arrowDisplay \"right\") \"euiAccordion__iconButton--right\") (if @arrowProps.className @arrowProps.className)}} @iconType=\"arrowRight\" {{on \"click\" this.onToggle}} aria-controls={{@id}} aria-expanded={{if this.isOpen \"true\" \"false\"}} tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}} />\n            {{/if}}\n            <ButtonElement type=\"button\" id={{argOrDefault @buttonProps.id (randomId)}} class={{this.buttonClasses}} aria-controls={{@id}} aria-expanded={{if this.isOpen \"true\" \"false\"}} aria-labelledby={{argOrDefault @buttonProps.id (randomId)}} {{on \"click\" this.onToggle}}>\n              <span class={{this.buttonContentClasses}}>\n                {{yield this.isOpen to=\"buttonContent\"}}\n              </span>\n            </ButtonElement>\n            {{#if (and @extraAction (has-block \"extraAction\") (not this.isLoading))}}\n              <div class=\"euiAccordion__optionalAction\">\n                {{yield this.isOpen to=\"extraAction\"}}\n              </div>\n            {{else if this.isLoading}}\n              <div class=\"euiAccordion__optionalAction\">\n                <EuiLoadingSpinner />\n              </div>\n            {{/if}}\n            {{#if (eq this._arrowDisplay \"right\")}}\n              <EuiButtonIcon @color=\"text\" class={{classNames \"euiAccordion__iconButton\" (if this.isOpen \"euiAccordion__iconButton-isOpen\") (if (eq this._arrowDisplay \"right\") \"euiAccordion__iconButton--right\") (if @arrowProps.className @arrowProps.className)}} @iconType=\"arrowRight\" {{on \"click\" this.onToggle}} aria-controls={{@id}} aria-expanded={{if this.isOpen \"true\" \"false\"}} tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}} />\n            {{/if}}\n          </div>\n          <div class=\"euiAccordion__childWrapper\" style={{this.childContentStyle}} id={{@id}} {{didInsert (set this \"childWrapper\")}} tabindex=\"-1\" role=\"region\">\n            <div class={{classNames (if this.isLoading \"euiAccordion__children-isLoading\") @childClassName}} {{didInsert (queue (set this \"childContent\") this.setChildContentHeight)}} {{resizeObserver onResize=this.setChildContentHeight}} {{didUpdate this.setChildContentHeight @forceState}}>\n              {{#if (and this.isLoading this.isLoadingMessage)}}\n                <EuiLoadingSpinner class=\"euiAccordion__spinner\" />\n                <span>\n                  {{#if this.hasLoadingMessage}}\n                    {{this.isLoadingMessage}}\n                  {{else}}\n                    {{!-- <EuiI18n @token=\"euiAccordion.isLoading\" @default=\"Loading\" /> --}}\n                    Loading...\n                  {{/if}}\n                </span>\n              {{else}}\n                <div class={{classNames componentName=\"EuiAccordion\" paddingSize=this.paddingSize}}>\n                  {{yield to=\"content\"}}\n                </div>\n              {{/if}}\n            </div>\n          </div>\n        </Accordion>\n      {{/if}}\n    {{/let}}\n  {{/if}}\n{{/let}}", {
+    setComponentTemplate(precompileTemplate("{{#let (argOrDefault @element \"div\") (argOrDefault @id (randomId)) (argOrDefault @buttonProps.id (randomId)) as |tagName regionId buttonId|}}\n  {{#if tagName}}\n    {{#let (element tagName) (element this.buttonElement) as |Accordion ButtonElement|}}\n      {{#if (and Accordion ButtonElement)}}\n        <Accordion class={{classNames (if this.isOpen \"euiAccordion-isOpen\") componentName=\"EuiAccordion\"}} ...attributes>\n          <div class={{classNames \"euiAccordion__triggerWrapper\" @triggerClassName}}>\n            {{#if (eq this._arrowDisplay \"left\")}}\n              <EuiButtonIcon class={{classNames \"euiAccordion__iconButton\" (if this.isOpen \"euiAccordion__iconButton-isOpen\") (if (eq this._arrowDisplay \"right\") \"euiAccordion__iconButton--right\") (if @arrowProps.className @arrowProps.className)}} @iconType=\"arrowRight\" {{on \"click\" this.onToggle}} aria-controls={{regionId}} aria-expanded={{if this.isOpen \"true\" \"false\"}} tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}} />\n            {{/if}}\n            <ButtonElement type=\"button\" id={{buttonId}} class={{this.buttonClasses}} aria-controls={{regionId}} aria-expanded={{if this.isOpen \"true\" \"false\"}} {{on \"click\" this.onToggle}}>\n              <span class={{this.buttonContentClasses}}>\n                {{yield this.isOpen to=\"buttonContent\"}}\n              </span>\n            </ButtonElement>\n            {{#if (and @extraAction (has-block \"extraAction\") (not this.isLoading))}}\n              <div class=\"euiAccordion__optionalAction\">\n                {{yield this.isOpen to=\"extraAction\"}}\n              </div>\n            {{else if this.isLoading}}\n              <div class=\"euiAccordion__optionalAction\">\n                <EuiLoadingSpinner />\n              </div>\n            {{/if}}\n            {{#if (eq this._arrowDisplay \"right\")}}\n              <EuiButtonIcon @color=\"text\" class={{classNames \"euiAccordion__iconButton\" (if this.isOpen \"euiAccordion__iconButton-isOpen\") (if (eq this._arrowDisplay \"right\") \"euiAccordion__iconButton--right\") (if @arrowProps.className @arrowProps.className)}} @iconType=\"arrowRight\" {{on \"click\" this.onToggle}} aria-controls={{regionId}} aria-expanded={{if this.isOpen \"true\" \"false\"}} tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}} />\n            {{/if}}\n          </div>\n          <div class=\"euiAccordion__childWrapper\" style={{this.childContentStyle}} id={{regionId}} aria-labelledby={{buttonId}} {{didInsert (set this \"childWrapper\")}} tabindex=\"-1\" role=\"region\">\n            <div class={{classNames (if this.isLoading \"euiAccordion__children-isLoading\") @childClassName}} {{didInsert (queue (set this \"childContent\") this.setChildContentHeight)}} {{resizeObserver onResize=this.setChildContentHeight}} {{didUpdate this.setChildContentHeight @forceState}}>\n              {{#if (and this.isLoading this.isLoadingMessage)}}\n                <EuiLoadingSpinner class=\"euiAccordion__spinner\" />\n                <span>\n                  {{#if this.hasLoadingMessage}}\n                    {{this.isLoadingMessage}}\n                  {{else}}\n                    {{!-- <EuiI18n @token=\"euiAccordion.isLoading\" @default=\"Loading\" /> --}}\n                    Loading...\n                  {{/if}}\n                </span>\n              {{else}}\n                <div class={{classNames componentName=\"EuiAccordion\" paddingSize=this.paddingSize}}>\n                  {{yield to=\"content\"}}\n                </div>\n              {{/if}}\n            </div>\n          </div>\n        </Accordion>\n      {{/if}}\n    {{/let}}\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         argOrDefault,
+        randomId,
         element,
         and,
         classNames,
         eq,
         EuiButtonIcon,
         on,
-        randomId,
         not,
         EuiLoadingSpinner,
         didInsert,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-accordion.js","sources":["../../src/components/eui-accordion.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { htmlSafe } from '@ember/template';\nimport type Owner from '@ember/owner';\n\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport { element } from 'ember-element-helper';\nimport set from 'ember-set-helper/helpers/set';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-accordion.ts';\nimport type { CommonArgs } from './common.ts';\n\ntype EuiAccordionPaddingSize = keyof typeof paddingMapping;\n\ntype AccordionArgs = {\n  id?: string;\n\n  element?: 'div' | 'fieldset';\n  /**\n   * Class that will apply to the trigger for the accordion.\n   */\n  buttonClassName?: string;\n\n  buttonProps?: CommonArgs;\n\n  /**\n   * Applied to the main button receiving the `onToggle` event.\n   * Anything other than the default `button` does not support removing the arrow display (for accessibility of focus).\n   */\n  buttonElement?: 'div' | 'legend' | 'button';\n  /**\n   * Extra props to pass to the EuiButtonIcon containing the arrow.\n   */\n  arrowProps?: {\n    className?: string;\n  };\n\n  /**\n   * Class that will apply to the trigger content for the accordion.\n   */\n  buttonContentClassName?: string;\n  /**\n   * The content of the clickable trigger\n   */\n  buttonContent?: Component;\n  /**\n   * Will appear right aligned against the button. Useful for separate actions like deletions.\n   */\n  extraAction?: Component | boolean;\n  /**\n   * The accordion will start in the open state.\n   */\n  initialIsOpen?: boolean;\n  /**\n   * Optional callback method called on open and close with a single `isOpen` parameter\n   */\n  onToggle?: (isOpen: boolean) => void;\n  /**\n   * The padding around the exposed accordion content.\n   */\n  paddingSize?: EuiAccordionPaddingSize;\n  /**\n   * Placement of the arrow indicator, or 'none' to hide it.\n   */\n  arrowDisplay?: 'left' | 'right' | 'none';\n  /**\n   * Control the opening of accordion via prop\n   */\n  forceState?: 'closed' | 'open';\n  /**\n   * Change `extraAction` and children into a loading spinner\n   */\n  isLoading?: boolean;\n  /**\n   * Choose whether the loading message replaces the content. Customize the message by passing a node\n   */\n  isLoadingMessage?: boolean | Component;\n\n  isOpen?: boolean;\n\n  childClassName?: string;\n  triggerClassName?: string;\n  childContentClassName?: string;\n};\n\nexport interface EuiAccordionSignature {\n  Element: any;\n  Args: AccordionArgs;\n  Blocks: {\n    buttonContent: [boolean | undefined];\n    content: [];\n    extraAction: [boolean | undefined];\n  };\n}\n\nexport default class EuiAccordionComponent extends Component<EuiAccordionSignature> {\n  // Defaults\n  @argOrDefaultDecorator(false) isLoading!: boolean;\n  @argOrDefaultDecorator(false) isLoadingMessage!: boolean;\n  @argOrDefaultDecorator(false) initialIsOpen!: boolean;\n  @argOrDefaultDecorator('none') paddingSize!: EuiAccordionPaddingSize;\n  @argOrDefaultDecorator('left') arrowDisplay!: AccordionArgs['arrowDisplay'];\n\n  @tracked _opened;\n  @tracked childWrapper: HTMLDivElement | null = null;\n  @tracked childContent: HTMLDivElement | null = null;\n\n  constructor(owner: Owner, args: AccordionArgs) {\n    super(owner, args);\n\n    this._opened = this.args.forceState\n      ? this.args.forceState === 'open'\n      : this.args.initialIsOpen;\n  }\n\n  get buttonElement() {\n    return this.args.element === 'fieldset' ? 'legend' : 'button';\n  }\n\n  get buttonElementIsFocusable() {\n    return this.buttonElement === 'button';\n  }\n\n  get _arrowDisplay() {\n    return this.arrowDisplay === 'none' && !this.buttonElementIsFocusable\n      ? 'left'\n      : this.arrowDisplay;\n  }\n\n  get isOpen(): boolean | undefined {\n    return this.args.forceState\n      ? this.args.forceState === 'open'\n      : this._opened;\n  }\n\n  get hasLoadingMessage(): boolean {\n    return this.isLoadingMessage && this.isLoadingMessage !== true;\n  }\n\n  get buttonClasses(): string {\n    return [\n      'euiAccordion__button',\n      this.args.buttonClassName,\n      this.args.buttonProps?.className\n    ].join(' ');\n  }\n\n  get buttonContentClasses(): string {\n    return [\n      'euiAccordion__buttonContent',\n      this.args.buttonContentClassName\n    ].join(' ');\n  }\n\n  // undefined (not '') when open: a plain string bound to `style` makes\n  // Ember warn about XSS\n  get childContentStyle(): ReturnType<typeof htmlSafe> | undefined {\n    return this._opened ? undefined : htmlSafe(`height: 0px;`);\n  }\n\n  setChildContentHeight = () => {\n    const forceState = this.args.forceState;\n\n    requestAnimationFrame(() => {\n      const height =\n        this.childContent && (forceState ? forceState === 'open' : this._opened)\n          ? this.childContent.clientHeight\n          : 0;\n\n      this.childWrapper?.setAttribute('style', `height: ${height}px`);\n    });\n  };\n\n  onToggle = (): void => {\n    if (this.args.forceState) {\n      this.args.onToggle?.(this.args.forceState === 'open' ? false : true);\n    } else {\n      this._opened = !this._opened;\n\n      if (this._opened && this.childWrapper) {\n        this.childWrapper.focus();\n      }\n\n      this.args.onToggle?.(this._opened);\n    }\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.childWrapper = null;\n    this.childContent = null;\n  }\n\n  <template>\n    {{#let (argOrDefault @element \"div\") as |tagName|}}\n      {{#if tagName}}\n        {{#let\n          (element tagName) (element this.buttonElement)\n          as |Accordion ButtonElement|\n        }}\n          {{#if (and Accordion ButtonElement)}}\n            <Accordion\n              class={{classNames\n                (if this.isOpen \"euiAccordion-isOpen\")\n                componentName=\"EuiAccordion\"\n              }}\n              ...attributes\n            >\n              <div\n                class={{classNames\n                  \"euiAccordion__triggerWrapper\"\n                  @triggerClassName\n                }}\n              >\n                {{#if (eq this._arrowDisplay \"left\")}}\n                  <EuiButtonIcon\n                    class={{classNames\n                      \"euiAccordion__iconButton\"\n                      (if this.isOpen \"euiAccordion__iconButton-isOpen\")\n                      (if\n                        (eq this._arrowDisplay \"right\")\n                        \"euiAccordion__iconButton--right\"\n                      )\n                      (if @arrowProps.className @arrowProps.className)\n                    }}\n                    @iconType=\"arrowRight\"\n                    {{on \"click\" this.onToggle}}\n                    aria-controls={{@id}}\n                    aria-expanded={{if this.isOpen \"true\" \"false\"}}\n                    tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}}\n                  />\n                {{/if}}\n                <ButtonElement\n                  type=\"button\"\n                  id={{argOrDefault @buttonProps.id (randomId)}}\n                  class={{this.buttonClasses}}\n                  aria-controls={{@id}}\n                  aria-expanded={{if this.isOpen \"true\" \"false\"}}\n                  aria-labelledby={{argOrDefault @buttonProps.id (randomId)}}\n                  {{on \"click\" this.onToggle}}\n                >\n                  <span class={{this.buttonContentClasses}}>\n                    {{yield this.isOpen to=\"buttonContent\"}}\n                  </span>\n                </ButtonElement>\n                {{#if\n                  (and\n                    @extraAction (has-block \"extraAction\") (not this.isLoading)\n                  )\n                }}\n                  <div class=\"euiAccordion__optionalAction\">\n                    {{yield this.isOpen to=\"extraAction\"}}\n                  </div>\n                {{else if this.isLoading}}\n                  <div class=\"euiAccordion__optionalAction\">\n                    <EuiLoadingSpinner />\n                  </div>\n                {{/if}}\n                {{#if (eq this._arrowDisplay \"right\")}}\n                  <EuiButtonIcon\n                    @color=\"text\"\n                    class={{classNames\n                      \"euiAccordion__iconButton\"\n                      (if this.isOpen \"euiAccordion__iconButton-isOpen\")\n                      (if\n                        (eq this._arrowDisplay \"right\")\n                        \"euiAccordion__iconButton--right\"\n                      )\n                      (if @arrowProps.className @arrowProps.className)\n                    }}\n                    @iconType=\"arrowRight\"\n                    {{on \"click\" this.onToggle}}\n                    aria-controls={{@id}}\n                    aria-expanded={{if this.isOpen \"true\" \"false\"}}\n                    tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}}\n                  />\n                {{/if}}\n              </div>\n              <div\n                class=\"euiAccordion__childWrapper\"\n                style={{this.childContentStyle}}\n                id={{@id}}\n                {{didInsert (set this \"childWrapper\")}}\n                tabindex=\"-1\"\n                role=\"region\"\n              >\n                <div\n                  class={{classNames\n                    (if this.isLoading \"euiAccordion__children-isLoading\")\n                    @childClassName\n                  }}\n                  {{didInsert\n                    (queue (set this \"childContent\") this.setChildContentHeight)\n                  }}\n                  {{resizeObserver onResize=this.setChildContentHeight}}\n                  {{didUpdate this.setChildContentHeight @forceState}}\n                >\n                  {{#if (and this.isLoading this.isLoadingMessage)}}\n                    <EuiLoadingSpinner class=\"euiAccordion__spinner\" />\n                    <span>\n                      {{#if this.hasLoadingMessage}}\n                        {{this.isLoadingMessage}}\n                      {{else}}\n                        {{! <EuiI18n @token=\"euiAccordion.isLoading\" @default=\"Loading\" /> }}\n                        Loading...\n                      {{/if}}\n                    </span>\n                  {{else}}\n                    <div\n                      class={{classNames\n                        componentName=\"EuiAccordion\"\n                        paddingSize=this.paddingSize\n                      }}\n                    >\n                      {{yield to=\"content\"}}\n                    </div>\n                  {{/if}}\n                </div>\n              </div>\n            </Accordion>\n          {{/if}}\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiAccordionComponent","Component","g","prototype","argOrDefaultDecorator","i","tracked","constructor","owner","args","_opened","forceState","initialIsOpen","buttonElement","element","buttonElementIsFocusable","_arrowDisplay","arrowDisplay","isOpen","hasLoadingMessage","isLoadingMessage","buttonClasses","buttonClassName","buttonProps","className","join","buttonContentClasses","buttonContentClassName","childContentStyle","undefined","htmlSafe","setChildContentHeight","requestAnimationFrame","height","childContent","clientHeight","childWrapper","setAttribute","onToggle","focus","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","classNames","eq","EuiButtonIcon","on","randomId","not","EuiLoadingSpinner","didInsert","set","queue","resizeObserver","didUpdate"],"mappings":"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"}
+{"version":3,"file":"eui-accordion.js","sources":["../../src/components/eui-accordion.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { htmlSafe } from '@ember/template';\nimport type Owner from '@ember/owner';\n\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport { element } from 'ember-element-helper';\nimport set from 'ember-set-helper/helpers/set';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-accordion.ts';\nimport type { CommonArgs } from './common.ts';\n\ntype EuiAccordionPaddingSize = keyof typeof paddingMapping;\n\ntype AccordionArgs = {\n  /**\n   * Id of the collapsible content region; the trigger's `aria-controls`\n   * points to it. Defaults to a random id.\n   */\n  id?: string;\n\n  /**\n   * Element wrapping the accordion. With `'fieldset'` the trigger renders as\n   * a `<legend>`, for accordions that group form controls.\n   * Defaults to `'div'`.\n   */\n  element?: 'div' | 'fieldset';\n  /**\n   * Class that will apply to the trigger for the accordion.\n   */\n  buttonClassName?: string;\n\n  /**\n   * Extra props for the trigger: `id` (defaults to a generated id) and\n   * `className`.\n   */\n  buttonProps?: CommonArgs;\n\n  /**\n   * @deprecated Has no effect: the trigger is a `<button>`, or a `<legend>`\n   * when `@element=\"fieldset\"`.\n   */\n  buttonElement?: 'div' | 'legend' | 'button';\n  /**\n   * Extra props to pass to the EuiButtonIcon containing the arrow.\n   */\n  arrowProps?: {\n    className?: string;\n  };\n\n  /**\n   * Class that will apply to the trigger content for the accordion.\n   */\n  buttonContentClassName?: string;\n  /**\n   * @deprecated Has no effect, use the `<:buttonContent>` block for the\n   * trigger's content.\n   */\n  buttonContent?: Component;\n  /**\n   * Set to `true` to render the `<:extraAction>` block, right aligned next\n   * to the trigger (e.g. a delete button). The block is ignored without it.\n   */\n  extraAction?: Component | boolean;\n  /**\n   * The accordion will start in the open state. Defaults to `false`.\n   */\n  initialIsOpen?: boolean;\n  /**\n   * Called with the new open state (`true` = open) when the trigger or arrow\n   * is clicked. With `@forceState`, use it to update the state you control.\n   */\n  onToggle?: (isOpen: boolean) => void;\n  /**\n   * Padding around the content: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or\n   * `'xl'`. Defaults to `'none'`.\n   */\n  paddingSize?: EuiAccordionPaddingSize;\n  /**\n   * Placement of the arrow indicator, or `'none'` to hide it (only possible\n   * when the trigger is a button). Defaults to `'left'`.\n   */\n  arrowDisplay?: 'left' | 'right' | 'none';\n  /**\n   * Controls the open state from outside: `'open'` or `'closed'`. Clicking\n   * the trigger then only calls `@onToggle`; update `@forceState` there.\n   */\n  forceState?: 'closed' | 'open';\n  /**\n   * Shows a loading spinner in place of the `<:extraAction>` block.\n   * Defaults to `false`.\n   */\n  isLoading?: boolean;\n  /**\n   * While `@isLoading`, replace the content with a spinner and a message:\n   * `true` for \"Loading...\", or a string for your own message.\n   * Defaults to `false` (the content stays visible).\n   */\n  isLoadingMessage?: boolean | Component;\n\n  /**\n   * @deprecated Has no effect, use `@initialIsOpen` or `@forceState`.\n   */\n  isOpen?: boolean;\n\n  /**\n   * Class for the element wrapping the content.\n   */\n  childClassName?: string;\n  /**\n   * Class for the row holding the arrow, trigger and extra action.\n   */\n  triggerClassName?: string;\n  /**\n   * @deprecated Has no effect, use `@childClassName`.\n   */\n  childContentClassName?: string;\n};\n\nexport interface EuiAccordionSignature {\n  Element: any;\n  Args: AccordionArgs;\n  Blocks: {\n    /** The trigger's content (usually a title); yields whether it is open. */\n    buttonContent: [boolean | undefined];\n    /** The collapsible content. */\n    content: [];\n    /**\n     * Rendered next to the trigger when `@extraAction={{true}}`; yields\n     * whether it is open.\n     */\n    extraAction: [boolean | undefined];\n  };\n}\n\nexport default class EuiAccordionComponent extends Component<EuiAccordionSignature> {\n  // Defaults\n  @argOrDefaultDecorator(false) isLoading!: boolean;\n  @argOrDefaultDecorator(false) isLoadingMessage!: boolean;\n  @argOrDefaultDecorator(false) initialIsOpen!: boolean;\n  @argOrDefaultDecorator('none') paddingSize!: EuiAccordionPaddingSize;\n  @argOrDefaultDecorator('left') arrowDisplay!: AccordionArgs['arrowDisplay'];\n\n  @tracked _opened;\n  @tracked childWrapper: HTMLDivElement | null = null;\n  @tracked childContent: HTMLDivElement | null = null;\n\n  constructor(owner: Owner, args: AccordionArgs) {\n    super(owner, args);\n\n    this._opened = this.args.forceState\n      ? this.args.forceState === 'open'\n      : this.args.initialIsOpen;\n  }\n\n  get buttonElement() {\n    return this.args.element === 'fieldset' ? 'legend' : 'button';\n  }\n\n  get buttonElementIsFocusable() {\n    return this.buttonElement === 'button';\n  }\n\n  get _arrowDisplay() {\n    return this.arrowDisplay === 'none' && !this.buttonElementIsFocusable\n      ? 'left'\n      : this.arrowDisplay;\n  }\n\n  get isOpen(): boolean | undefined {\n    return this.args.forceState\n      ? this.args.forceState === 'open'\n      : this._opened;\n  }\n\n  get hasLoadingMessage(): boolean {\n    return this.isLoadingMessage && this.isLoadingMessage !== true;\n  }\n\n  get buttonClasses(): string {\n    return [\n      'euiAccordion__button',\n      this.args.buttonClassName,\n      this.args.buttonProps?.className\n    ].join(' ');\n  }\n\n  get buttonContentClasses(): string {\n    return [\n      'euiAccordion__buttonContent',\n      this.args.buttonContentClassName\n    ].join(' ');\n  }\n\n  // undefined (not '') when open: a plain string bound to `style` makes\n  // Ember warn about XSS\n  get childContentStyle(): ReturnType<typeof htmlSafe> | undefined {\n    return this._opened ? undefined : htmlSafe(`height: 0px;`);\n  }\n\n  setChildContentHeight = () => {\n    const forceState = this.args.forceState;\n\n    requestAnimationFrame(() => {\n      const height =\n        this.childContent && (forceState ? forceState === 'open' : this._opened)\n          ? this.childContent.clientHeight\n          : 0;\n\n      this.childWrapper?.setAttribute('style', `height: ${height}px`);\n    });\n  };\n\n  onToggle = (): void => {\n    if (this.args.forceState) {\n      this.args.onToggle?.(this.args.forceState === 'open' ? false : true);\n    } else {\n      this._opened = !this._opened;\n\n      if (this._opened && this.childWrapper) {\n        this.childWrapper.focus();\n      }\n\n      this.args.onToggle?.(this._opened);\n    }\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    this.childWrapper = null;\n    this.childContent = null;\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @element \"div\")\n      (argOrDefault @id (randomId))\n      (argOrDefault @buttonProps.id (randomId))\n      as |tagName regionId buttonId|\n    }}\n      {{#if tagName}}\n        {{#let\n          (element tagName) (element this.buttonElement)\n          as |Accordion ButtonElement|\n        }}\n          {{#if (and Accordion ButtonElement)}}\n            <Accordion\n              class={{classNames\n                (if this.isOpen \"euiAccordion-isOpen\")\n                componentName=\"EuiAccordion\"\n              }}\n              ...attributes\n            >\n              <div\n                class={{classNames\n                  \"euiAccordion__triggerWrapper\"\n                  @triggerClassName\n                }}\n              >\n                {{#if (eq this._arrowDisplay \"left\")}}\n                  <EuiButtonIcon\n                    class={{classNames\n                      \"euiAccordion__iconButton\"\n                      (if this.isOpen \"euiAccordion__iconButton-isOpen\")\n                      (if\n                        (eq this._arrowDisplay \"right\")\n                        \"euiAccordion__iconButton--right\"\n                      )\n                      (if @arrowProps.className @arrowProps.className)\n                    }}\n                    @iconType=\"arrowRight\"\n                    {{on \"click\" this.onToggle}}\n                    aria-controls={{regionId}}\n                    aria-expanded={{if this.isOpen \"true\" \"false\"}}\n                    tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}}\n                  />\n                {{/if}}\n                <ButtonElement\n                  type=\"button\"\n                  id={{buttonId}}\n                  class={{this.buttonClasses}}\n                  aria-controls={{regionId}}\n                  aria-expanded={{if this.isOpen \"true\" \"false\"}}\n                  {{on \"click\" this.onToggle}}\n                >\n                  <span class={{this.buttonContentClasses}}>\n                    {{yield this.isOpen to=\"buttonContent\"}}\n                  </span>\n                </ButtonElement>\n                {{#if\n                  (and\n                    @extraAction (has-block \"extraAction\") (not this.isLoading)\n                  )\n                }}\n                  <div class=\"euiAccordion__optionalAction\">\n                    {{yield this.isOpen to=\"extraAction\"}}\n                  </div>\n                {{else if this.isLoading}}\n                  <div class=\"euiAccordion__optionalAction\">\n                    <EuiLoadingSpinner />\n                  </div>\n                {{/if}}\n                {{#if (eq this._arrowDisplay \"right\")}}\n                  <EuiButtonIcon\n                    @color=\"text\"\n                    class={{classNames\n                      \"euiAccordion__iconButton\"\n                      (if this.isOpen \"euiAccordion__iconButton-isOpen\")\n                      (if\n                        (eq this._arrowDisplay \"right\")\n                        \"euiAccordion__iconButton--right\"\n                      )\n                      (if @arrowProps.className @arrowProps.className)\n                    }}\n                    @iconType=\"arrowRight\"\n                    {{on \"click\" this.onToggle}}\n                    aria-controls={{regionId}}\n                    aria-expanded={{if this.isOpen \"true\" \"false\"}}\n                    tabindex={{if this.buttonElementIsFocusable \"-1\" \"0\"}}\n                  />\n                {{/if}}\n              </div>\n              <div\n                class=\"euiAccordion__childWrapper\"\n                style={{this.childContentStyle}}\n                id={{regionId}}\n                aria-labelledby={{buttonId}}\n                {{didInsert (set this \"childWrapper\")}}\n                tabindex=\"-1\"\n                role=\"region\"\n              >\n                <div\n                  class={{classNames\n                    (if this.isLoading \"euiAccordion__children-isLoading\")\n                    @childClassName\n                  }}\n                  {{didInsert\n                    (queue (set this \"childContent\") this.setChildContentHeight)\n                  }}\n                  {{resizeObserver onResize=this.setChildContentHeight}}\n                  {{didUpdate this.setChildContentHeight @forceState}}\n                >\n                  {{#if (and this.isLoading this.isLoadingMessage)}}\n                    <EuiLoadingSpinner class=\"euiAccordion__spinner\" />\n                    <span>\n                      {{#if this.hasLoadingMessage}}\n                        {{this.isLoadingMessage}}\n                      {{else}}\n                        {{! <EuiI18n @token=\"euiAccordion.isLoading\" @default=\"Loading\" /> }}\n                        Loading...\n                      {{/if}}\n                    </span>\n                  {{else}}\n                    <div\n                      class={{classNames\n                        componentName=\"EuiAccordion\"\n                        paddingSize=this.paddingSize\n                      }}\n                    >\n                      {{yield to=\"content\"}}\n                    </div>\n                  {{/if}}\n                </div>\n              </div>\n            </Accordion>\n          {{/if}}\n        {{/let}}\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiAccordionComponent","Component","g","prototype","argOrDefaultDecorator","i","tracked","constructor","owner","args","_opened","forceState","initialIsOpen","buttonElement","element","buttonElementIsFocusable","_arrowDisplay","arrowDisplay","isOpen","hasLoadingMessage","isLoadingMessage","buttonClasses","buttonClassName","buttonProps","className","join","buttonContentClasses","buttonContentClassName","childContentStyle","undefined","htmlSafe","setChildContentHeight","requestAnimationFrame","height","childContent","clientHeight","childWrapper","setAttribute","onToggle","focus","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","randomId","and","classNames","eq","EuiButtonIcon","on","not","EuiLoadingSpinner","didInsert","set","queue","resizeObserver","didUpdate"],"mappings":"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"}

package/dist/components/eui-aspect-ratio.js

@@ -0,0 +1,20 @@
+import { hash } from '@ember/helper';
+import cssStyle from '../-private/css-style.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function paddingBottom(height, width) {
+  return `${height / width * 100}%`;
+}
+const EuiAspectRatio = setComponentTemplate(precompileTemplate("{{#if @maxWidth}}\n  <div style={{cssStyle (hash maxWidth=@maxWidth)}}>\n    <div class=\"euiAspectRatio\" style={{cssStyle (hash paddingBottom=(paddingBottom @height @width) maxWidth=@maxWidth)}} ...attributes>{{yield}}</div>\n  </div>\n{{else}}\n  <div class=\"euiAspectRatio\" style={{cssStyle (hash paddingBottom=(paddingBottom @height @width))}} ...attributes>{{yield}}</div>\n{{/if}}", {
+  strictMode: true,
+  scope: () => ({
+    cssStyle,
+    hash,
+    paddingBottom
+  })
+}), templateOnly());
+
+export { EuiAspectRatio as default };
+//# sourceMappingURL=eui-aspect-ratio.js.map

package/dist/components/eui-aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-aspect-ratio.js","sources":["../../src/components/eui-aspect-ratio.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport cssStyle from '../-private/css-style.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * Keeps its content (an iframe, video, image or map) at a fixed aspect\n * ratio while it takes the available width.\n */\nexport interface EuiAspectRatioSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Width part of the ratio, e.g. `16` for 16:9. */\n    width: number;\n    /** Height part of the ratio, e.g. `9` for 16:9. */\n    height: number;\n    /** Maximum width, e.g. `500` (px) or `'50%'`. */\n    maxWidth?: number | string;\n  };\n  Blocks: {\n    /** One element that fills the box, e.g. an `<iframe>`. */\n    default: [];\n  };\n}\n\nfunction paddingBottom(height: number, width: number): string {\n  return `${(height / width) * 100}%`;\n}\n\nconst EuiAspectRatio: TemplateOnlyComponent<EuiAspectRatioSignature> = <template>\n  {{#if @maxWidth}}\n    <div style={{cssStyle (hash maxWidth=@maxWidth)}}>\n      <div\n        class=\"euiAspectRatio\"\n        style={{cssStyle\n          (hash\n            paddingBottom=(paddingBottom @height @width) maxWidth=@maxWidth\n          )\n        }}\n        ...attributes\n      >{{yield}}</div>\n    </div>\n  {{else}}\n    <div\n      class=\"euiAspectRatio\"\n      style={{cssStyle (hash paddingBottom=(paddingBottom @height @width))}}\n      ...attributes\n    >{{yield}}</div>\n  {{/if}}\n</template>;\n\nexport default EuiAspectRatio;\n"],"names":["paddingBottom","height","width","EuiAspectRatio","setComponentTemplate","precompileTemplate","strictMode","scope","cssStyle","hash","templateOnly"],"mappings":";;;;;;AA0BA,SAASA,cAAcC,MAAc,EAAEC,KAAa,EAAS;AAC3D,EAAA,OAAO,GAAID,MAAA,GAASC,KAAK,GAAI,GAAA,CAAA,CAAA,CAAM;AACrC;AAEA,MAAMC,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,uYAAA,EAoBvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAT,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAU,YAAA,EAAA;;"}

package/dist/components/eui-auto-sizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-auto-sizer.js","sources":["../../src/components/eui-auto-sizer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport createDetectElementResize from '../utils/detect-element-resize.js';\n\ntype Size = {\n  height: number;\n  width: number;\n};\n\ninterface EuiAutoSizerComponentArgs {\n  /** Function responsible for rendering children.*/\n\n  /** Optional custom CSS class name to attach to root AutoSizer element.  */\n  className?: string;\n\n  /** Default height to use for initial render; useful for SSR */\n  defaultHeight?: number;\n\n  /** Default width to use for initial render; useful for SSR */\n  defaultWidth?: number;\n\n  /** Disable dynamic :height property */\n  disableHeight?: boolean;\n\n  /** Disable dynamic :width property */\n  disableWidth?: boolean;\n\n  /** Nonce of the inlined stylesheet for Content Security Policy */\n  nonce?: string;\n\n  /** Callback to be invoked on-resize */\n  onResize?: (size: Size) => void;\n\n  /** Optional inline style */\n  style?: Record<string, string>;\n}\n\ntype ResizeHandler = (element: HTMLElement, onResize: () => void) => void;\n\ntype DetectElementResize = {\n  addResizeListener: ResizeHandler;\n  removeResizeListener: ResizeHandler;\n};\n\ntype DynamicStyle = {\n  outerStyle: {\n    height?: number | string;\n    width?: number | string;\n    overflow?: string;\n  };\n  childStyle?: {\n    height?: number | string;\n    width?: number | string;\n  };\n};\n\nexport interface EuiAutoSizerSignature {\n  Args: EuiAutoSizerComponentArgs;\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [DynamicStyle['childStyle']];\n  };\n}\n\nexport default class EuiAutoSizerComponent extends Component<EuiAutoSizerSignature> {\n  _autoSizer?: HTMLElement;\n  _parentNode?: HTMLElement;\n  _window?: any; // uses any instead of Window because Flow doesn't have window type\n  _detectElementResize?: DetectElementResize;\n\n  @tracked height: number | undefined;\n  @tracked width: number | undefined;\n\n  get disableHeight() {\n    return this.args.disableHeight ?? false;\n  }\n\n  get disableWidth() {\n    return this.args.disableWidth ?? false;\n  }\n\n  get style() {\n    const style: DynamicStyle = {\n      outerStyle: { overflow: 'visible' },\n      childStyle: {}\n    };\n\n    if (!this.disableHeight) {\n      style.outerStyle.height = `0px`;\n\n      if (style.childStyle) {\n        style.childStyle.height = `${this.height}px`;\n      }\n    }\n\n    if (!this.disableWidth) {\n      style.outerStyle.width = `0px`;\n\n      if (style.childStyle) {\n        style.childStyle.width = `${this.width}px`;\n      }\n    }\n\n    return style;\n  }\n\n  setup() {\n    const { nonce } = this.args;\n\n    if (\n      this._autoSizer &&\n      this._autoSizer.parentNode &&\n      this._autoSizer.parentNode.ownerDocument &&\n      this._autoSizer.parentNode.ownerDocument.defaultView &&\n      this._autoSizer.parentNode instanceof\n        this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement\n    ) {\n      // Delay access of parentNode until mount.\n      // This handles edge-cases where the component has already been unmounted before its ref has been set,\n      // As well as libraries like react-lite which have a slightly different lifecycle.\n      this._parentNode = this._autoSizer.parentNode;\n      this._window = this._autoSizer.parentNode.ownerDocument.defaultView;\n\n      // Defer requiring resize handler in order to support server-side rendering.\n      // See issue #41\n      this._detectElementResize = createDetectElementResize(\n        nonce,\n        this._window\n      );\n      this._detectElementResize?.addResizeListener(\n        this._parentNode,\n        this._onResize\n      );\n\n      this._onResize();\n    }\n  }\n\n  _onResize = () => {\n    const { disableHeight, disableWidth } = this;\n\n    if (this._parentNode) {\n      // Guard against AutoSizer component being removed from the DOM immediately after being added.\n      // This can result in invalid style values which can result in NaN values if we don't handle them.\n      // See issue #150 for more context.\n\n      const height = this._parentNode.offsetHeight || 0;\n      const width = this._parentNode.offsetWidth || 0;\n\n      const win = this._window || window;\n      const style = win.getComputedStyle(this._parentNode) || {};\n      const paddingLeft = parseInt(style.paddingLeft, 10) || 0;\n      const paddingRight = parseInt(style.paddingRight, 10) || 0;\n      const paddingTop = parseInt(style.paddingTop, 10) || 0;\n      const paddingBottom = parseInt(style.paddingBottom, 10) || 0;\n\n      const newHeight = height - paddingTop - paddingBottom;\n      const newWidth = width - paddingLeft - paddingRight;\n\n      if (\n        (!disableHeight && this.height !== newHeight) ||\n        (!disableWidth && this.width !== newWidth)\n      ) {\n        this.height = height - paddingTop - paddingBottom;\n        this.width = width - paddingLeft - paddingRight;\n\n        this.args.onResize?.({ height, width });\n      }\n    }\n  };\n\n  setRef = (ele: HTMLElement) => {\n    this._autoSizer = ele;\n    this.setup();\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    if (this._detectElementResize && this._parentNode) {\n      this._detectElementResize.removeResizeListener(\n        this._parentNode,\n        this._onResize\n      );\n    }\n\n    this._autoSizer = undefined;\n    this._parentNode = undefined;\n    this._window = undefined;\n    this._detectElementResize = undefined;\n  }\n\n  <template>\n    <div\n      {{didInsert this.setRef}}\n      {{style this.style.outerStyle}}\n      ...attributes\n    >\n      {{yield this.style.childStyle}}\n    </div>\n  </template>\n}\n"],"names":["EuiAutoSizerComponent","Component","_autoSizer","_parentNode","_window","_detectElementResize","g","prototype","tracked","i","disableHeight","args","disableWidth","style","outerStyle","overflow","childStyle","height","width","setup","nonce","parentNode","ownerDocument","defaultView","HTMLElement","createDetectElementResize","addResizeListener","_onResize","offsetHeight","offsetWidth","win","window","getComputedStyle","paddingLeft","parseInt","paddingRight","paddingTop","paddingBottom","newHeight","newWidth","onResize","setRef","ele","willDestroy","removeResizeListener","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","didInsert"],"mappings":"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"}
+{"version":3,"file":"eui-auto-sizer.js","sources":["../../src/components/eui-auto-sizer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport createDetectElementResize from '../utils/detect-element-resize.js';\n\ntype Size = {\n  height: number;\n  width: number;\n};\n\ninterface EuiAutoSizerComponentArgs {\n  /** Function responsible for rendering children.*/\n\n  /** Optional custom CSS class name to attach to root AutoSizer element.  */\n  className?: string;\n\n  /** Default height to use for initial render; useful for SSR */\n  defaultHeight?: number;\n\n  /** Default width to use for initial render; useful for SSR */\n  defaultWidth?: number;\n\n  /** Disable dynamic :height property */\n  disableHeight?: boolean;\n\n  /** Disable dynamic :width property */\n  disableWidth?: boolean;\n\n  /** Nonce of the inlined stylesheet for Content Security Policy */\n  nonce?: string;\n\n  /** Callback to be invoked on-resize */\n  onResize?: (size: Size) => void;\n\n  /** Optional inline style */\n  style?: Record<string, string>;\n}\n\ntype ResizeHandler = (element: HTMLElement, onResize: () => void) => void;\n\ntype DetectElementResize = {\n  addResizeListener: ResizeHandler;\n  removeResizeListener: ResizeHandler;\n};\n\ntype DynamicStyle = {\n  outerStyle: {\n    height?: number | string;\n    width?: number | string;\n    overflow?: string;\n  };\n  childStyle?: {\n    height?: number | string;\n    width?: number | string;\n  };\n};\n\nexport interface EuiAutoSizerSignature {\n  Args: EuiAutoSizerComponentArgs;\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [DynamicStyle['childStyle']];\n  };\n}\n\nexport default class EuiAutoSizerComponent extends Component<EuiAutoSizerSignature> {\n  _autoSizer?: HTMLElement;\n  _parentNode?: HTMLElement;\n  _window?: any; // uses any instead of Window because Flow doesn't have window type\n  _detectElementResize?: DetectElementResize;\n\n  @tracked height: number | undefined;\n  @tracked width: number | undefined;\n\n  get disableHeight() {\n    return this.args.disableHeight ?? false;\n  }\n\n  get disableWidth() {\n    return this.args.disableWidth ?? false;\n  }\n\n  get style() {\n    const style: DynamicStyle = {\n      outerStyle: { overflow: 'visible' },\n      childStyle: {}\n    };\n\n    if (!this.disableHeight) {\n      style.outerStyle.height = `0px`;\n\n      if (style.childStyle) {\n        style.childStyle.height = `${this.height}px`;\n      }\n    }\n\n    if (!this.disableWidth) {\n      style.outerStyle.width = `0px`;\n\n      if (style.childStyle) {\n        style.childStyle.width = `${this.width}px`;\n      }\n    }\n\n    return style;\n  }\n\n  setup() {\n    const { nonce } = this.args;\n\n    if (\n      this._autoSizer &&\n      this._autoSizer.parentNode &&\n      this._autoSizer.parentNode.ownerDocument &&\n      this._autoSizer.parentNode.ownerDocument.defaultView &&\n      this._autoSizer.parentNode instanceof\n        this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement\n    ) {\n      // Delay access of parentNode until mount.\n      // This handles edge-cases where the component has already been unmounted before its ref has been set,\n      // As well as libraries like react-lite which have a slightly different lifecycle.\n      this._parentNode = this._autoSizer.parentNode;\n      this._window = this._autoSizer.parentNode.ownerDocument.defaultView;\n\n      // Defer requiring resize handler in order to support server-side rendering.\n      // See issue #41\n      this._detectElementResize = createDetectElementResize(\n        nonce,\n        this._window\n      );\n      this._detectElementResize?.addResizeListener(\n        this._parentNode,\n        this._onResize\n      );\n\n      this._onResize();\n    }\n  }\n\n  _onResize = () => {\n    const { disableHeight, disableWidth } = this;\n\n    if (this._parentNode) {\n      // Guard against AutoSizer component being removed from the DOM immediately after being added.\n      // This can result in invalid style values which can result in NaN values if we don't handle them.\n      // See issue #150 for more context.\n\n      const height = this._parentNode.offsetHeight || 0;\n      const width = this._parentNode.offsetWidth || 0;\n\n      const win = this._window || window;\n      const style = win.getComputedStyle(this._parentNode) || {};\n      const paddingLeft = parseInt(style.paddingLeft, 10) || 0;\n      const paddingRight = parseInt(style.paddingRight, 10) || 0;\n      const paddingTop = parseInt(style.paddingTop, 10) || 0;\n      const paddingBottom = parseInt(style.paddingBottom, 10) || 0;\n\n      const newHeight = height - paddingTop - paddingBottom;\n      const newWidth = width - paddingLeft - paddingRight;\n\n      if (\n        (!disableHeight && this.height !== newHeight) ||\n        (!disableWidth && this.width !== newWidth)\n      ) {\n        this.height = height - paddingTop - paddingBottom;\n        this.width = width - paddingLeft - paddingRight;\n\n        this.args.onResize?.({ height, width });\n      }\n    }\n  };\n\n  setRef = (ele: HTMLElement) => {\n    this._autoSizer = ele;\n    this.setup();\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    if (this._detectElementResize && this._parentNode) {\n      this._detectElementResize.removeResizeListener(\n        this._parentNode,\n        this._onResize\n      );\n    }\n\n    this._autoSizer = undefined;\n    this._parentNode = undefined;\n    this._window = undefined;\n    this._detectElementResize = undefined;\n  }\n\n  <template>\n    <div\n      {{didInsert this.setRef}}\n      {{style this.style.outerStyle}}\n      ...attributes\n    >\n      {{yield this.style.childStyle}}\n    </div>\n  </template>\n}\n"],"names":["EuiAutoSizerComponent","Component","_autoSizer","_parentNode","_window","_detectElementResize","g","prototype","tracked","i","disableHeight","args","disableWidth","style","outerStyle","overflow","childStyle","height","width","setup","nonce","parentNode","ownerDocument","defaultView","HTMLElement","createDetectElementResize","addResizeListener","_onResize","offsetHeight","offsetWidth","win","window","getComputedStyle","paddingLeft","parseInt","paddingRight","paddingTop","paddingBottom","newHeight","newWidth","onResize","setRef","ele","willDestroy","removeResizeListener","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","didInsert"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-avatar.js","sources":["../../src/components/eui-avatar.gts"],"sourcesContent":["import { get,hash } from '@ember/helper';\n\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 inlineStyles from '../helpers/inline-styles.ts';\nimport { toInitials } from '../helpers/to-initials.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeMapping, typeMapping } from '../utils/css-mappings/eui-avatar.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiAvatarSignature {\n  Element: HTMLDivElement;\n  Args: {\n    name?: string;\n    color?: EuiIconSignature['Args']['color'];\n    iconColor?: string;\n    iconSize?: EuiIconSignature['Args']['size'];\n    iconType?: EuiIconSignature['Args']['type'];\n    imageUrl?: string;\n    initials?: string;\n    isDisabled?: boolean;\n    size?: keyof typeof sizeMapping;\n    type?: keyof typeof typeMapping;\n    initialLength?: 1 | 2;\n  };\n}\n\nconst EuiAvatar: TemplateOnlyComponent<EuiAvatarSignature> = <template>\n  {{#let\n    (inlineStyles\n      componentName=\"EuiAvatar\"\n      componentArgs=(hash\n        name=@name\n        color=@color\n        iconColor=@iconColor\n        iconSize=@iconSize\n        iconType=@iconType\n        imageUrl=@imageUrl\n        initials=@initials\n      )\n    )\n    as |inlineStyles|\n  }}\n    <div\n      class={{classNames\n        (if @isDisabled \"euiAvatar-isDisabled\")\n        (if (eq @color \"plain\") \"euiAvatar--plain\")\n        componentName=\"EuiAvatar\"\n        size=(argOrDefault @size \"m\")\n        type=(argOrDefault @type \"user\")\n      }}\n      aria-label={{if @isDisabled undefined @name}}\n      title={{@name}}\n      role={{if @isDisabled \"presentation\" \"img\"}}\n      ...attributes\n      {{simpleStyle inlineStyles}}\n    >\n      {{#if (and (not @imageUrl) (not @iconType))}}\n        <span aria-hidden=\"true\">\n          {{#if @name}}\n            {{toInitials @name @initialLength @initials}}\n          {{/if}}\n        </span>\n      {{else if @iconType}}\n        <EuiIcon\n          @iconClasses=\"euiAvatar__icon\"\n          @size={{or @iconSize @size}}\n          @type={{@iconType}}\n          aria-label={{@name}}\n          role={{if @isDisabled \"presentation\" \"img\"}}\n          @color={{or\n            @iconColor\n            (if (eq @iconColor null) @iconColor (get inlineStyles \"color\"))\n          }}\n        />\n      {{/if}}\n    </div>\n  {{/let}}\n</template>;\n\nexport default EuiAvatar;\n"],"names":["EuiAvatar","setComponentTemplate","precompileTemplate","strictMode","scope","inlineStyles","hash","classNames","eq","argOrDefault","simpleStyle","and","not","toInitials","EuiIcon","or","get","templateOnly"],"mappings":";;;;;;;;;;;;AAgCA,MAAMA,SAAuD,GAAAC,oBAAA,CAAAC,kBAAA,CAmD7D,8kCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-avatar.js","sources":["../../src/components/eui-avatar.gts"],"sourcesContent":["import { get,hash } from '@ember/helper';\n\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 inlineStyles from '../helpers/inline-styles.ts';\nimport { toInitials } from '../helpers/to-initials.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeMapping, typeMapping } from '../utils/css-mappings/eui-avatar.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiAvatarSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Full name of the user or space. Used as the accessible label and the\n     * hover title, for the initials and to pick a background color.\n     */\n    name?: string;\n    /**\n     * Background color as a hex value (`'#DA8B45'`), or `'plain'` for the\n     * page's background color. Defaults to one of EUI's visualization colors,\n     * picked from `@name`; the text color is chosen for contrast.\n     */\n    color?: EuiIconSignature['Args']['color'];\n    /**\n     * Color of the `@iconType` icon, any `EuiIcon` color. Defaults to the\n     * text color picked for the background; `null` keeps the icon's own\n     * colors (for multi-color logos).\n     */\n    iconColor?: string;\n    /**\n     * Size of the `@iconType` icon. Defaults to `@size`.\n     */\n    iconSize?: EuiIconSignature['Args']['size'];\n    /**\n     * Shows an icon instead of initials, e.g. `'logoElastic'` for a space.\n     * Anything `EuiIcon`'s `@type` accepts.\n     */\n    iconType?: EuiIconSignature['Args']['type'];\n    /**\n     * Image shown as the avatar (as a background image), instead of initials.\n     */\n    imageUrl?: string;\n    /**\n     * Custom initials (max 2 characters) instead of the ones computed from\n     * `@name`. Only shown when `@name` is set.\n     */\n    initials?: string;\n    /**\n     * Greys the avatar out and hides it from assistive technology.\n     */\n    isDisabled?: boolean;\n    /**\n     * `'s'`, `'m'`, `'l'` or `'xl'`. Defaults to `'m'`.\n     */\n    size?: keyof typeof sizeMapping;\n    /**\n     * `'user'` renders a circle, `'space'` a rounded square.\n     * Defaults to `'user'`.\n     */\n    type?: keyof typeof typeMapping;\n    /**\n     * Number of initials to compute from `@name`, `1` or `2`. Defaults to\n     * the number of words in the name, up to 2.\n     */\n    initialLength?: 1 | 2;\n  };\n}\n\nconst EuiAvatar: TemplateOnlyComponent<EuiAvatarSignature> = <template>\n  {{#let\n    (inlineStyles\n      componentName=\"EuiAvatar\"\n      componentArgs=(hash\n        name=@name\n        color=@color\n        iconColor=@iconColor\n        iconSize=@iconSize\n        iconType=@iconType\n        imageUrl=@imageUrl\n        initials=@initials\n      )\n    )\n    as |inlineStyles|\n  }}\n    <div\n      class={{classNames\n        (if @isDisabled \"euiAvatar-isDisabled\")\n        (if (eq @color \"plain\") \"euiAvatar--plain\")\n        componentName=\"EuiAvatar\"\n        size=(argOrDefault @size \"m\")\n        type=(argOrDefault @type \"user\")\n      }}\n      aria-label={{if @isDisabled undefined @name}}\n      title={{@name}}\n      role={{if @isDisabled \"presentation\" \"img\"}}\n      ...attributes\n      {{simpleStyle inlineStyles}}\n    >\n      {{#if (and (not @imageUrl) (not @iconType))}}\n        <span aria-hidden=\"true\">\n          {{#if @name}}\n            {{toInitials @name @initialLength @initials}}\n          {{/if}}\n        </span>\n      {{else if @iconType}}\n        <EuiIcon\n          @iconClasses=\"euiAvatar__icon\"\n          @size={{or @iconSize @size}}\n          @type={{@iconType}}\n          aria-label={{@name}}\n          role={{if @isDisabled \"presentation\" \"img\"}}\n          @color={{or\n            @iconColor\n            (if (eq @iconColor null) @iconColor (get inlineStyles \"color\"))\n          }}\n        />\n      {{/if}}\n    </div>\n  {{/let}}\n</template>;\n\nexport default EuiAvatar;\n"],"names":["EuiAvatar","setComponentTemplate","precompileTemplate","strictMode","scope","inlineStyles","hash","classNames","eq","argOrDefault","simpleStyle","and","not","toInitials","EuiIcon","or","get","templateOnly"],"mappings":";;;;;;;;;;;;AA0EA,MAAMA,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,8kCAAA,EAmD7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-badge-group.js","sources":["../../src/components/eui-badge-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { gutterSize } from '../utils/css-mappings/eui-badge-group.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst BadgeGroupItem: TemplateOnlyComponent<{\n  Blocks: {\n    default: [];\n  };\n}> = <template>\n  <span class=\"euiBadgeGroup__item\">\n    {{yield}}\n  </span>\n</template>;\n\nexport interface EuiBadgeGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    gutterSize: keyof typeof gutterSize;\n  };\n  Blocks: {\n    default: [\n      {\n        item: typeof BadgeGroupItem;\n      }\n    ];\n  };\n}\n\nconst EuiBadgeGroup: TemplateOnlyComponent<EuiBadgeGroupSignature> = <template>\n  <div\n    class={{classNames\n      componentName=\"EuiBadgeGroup\"\n      gutterSize=(argOrDefault @gutterSize \"xs\")\n    }}\n    ...attributes\n  >\n    {{yield (hash item=BadgeGroupItem)}}\n  </div>\n</template>;\n\nexport default EuiBadgeGroup;\n"],"names":["BadgeGroupItem","setComponentTemplate","precompileTemplate","strictMode","templateOnly","EuiBadgeGroup","scope","classNames","argOrDefault","hash"],"mappings":";;;;;;;AAQA,MAAMA,cAID,GAAAC,oBAAA,CAAAC,kBAAA,CAIL,4DAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAgBV,MAAMC,aAA+D,GAAAJ,oBAAA,CAAAC,kBAAA,CAUrE,uKAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAT,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-badge-group.js","sources":["../../src/components/eui-badge-group.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { gutterSize } from '../utils/css-mappings/eui-badge-group.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst BadgeGroupItem: TemplateOnlyComponent<{\n  Blocks: {\n    default: [];\n  };\n}> = <template>\n  <span class=\"euiBadgeGroup__item\">\n    {{yield}}\n  </span>\n</template>;\n\nexport interface EuiBadgeGroupSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Space between the badges, `'xs'` or `'s'`. Defaults to `'xs'`.\n     */\n    gutterSize?: keyof typeof gutterSize;\n  };\n  Blocks: {\n    /**\n     * Wrap each badge in the yielded `item` so the group can space and wrap\n     * them: `<group.item><EuiBadge>…</EuiBadge></group.item>`.\n     */\n    default: [\n      {\n        item: typeof BadgeGroupItem;\n      }\n    ];\n  };\n}\n\nconst EuiBadgeGroup: TemplateOnlyComponent<EuiBadgeGroupSignature> = <template>\n  <div\n    class={{classNames\n      componentName=\"EuiBadgeGroup\"\n      gutterSize=(argOrDefault @gutterSize \"xs\")\n    }}\n    ...attributes\n  >\n    {{yield (hash item=BadgeGroupItem)}}\n  </div>\n</template>;\n\nexport default EuiBadgeGroup;\n"],"names":["BadgeGroupItem","setComponentTemplate","precompileTemplate","strictMode","templateOnly","EuiBadgeGroup","scope","classNames","argOrDefault","hash"],"mappings":";;;;;;;AAQA,MAAMA,cAID,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,4DAAA,EAIL;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAuBV,MAAMC,aAAqC,GAAAJ,oBAAA,CAA0BC,kBAAA,CAAA,uKAAA,EAUrE;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAT,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA;;"}

package/dist/components/eui-badge.js

@@ -11,7 +11,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiBadge = setComponentTemplate(precompileTemplate("{{#if (and (or @onClick @href) (not @iconType))}}\n  {{#if @onClick}}\n    <button type=\"button\" class={{classNames \"euiBadge-isClickable\" (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" color=(argOrDefault @color \"default\")}} aria-label={{@onClickAriaLabel}} disabled={{@isDisabled}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}} {{on \"click\" (optional @onClick)}}>\n      <span class=\"euiBadge__content\">\n        <span class=\"euiBadge__text\">\n          {{yield}}\n        </span>\n      </span>\n    </button>\n  {{else}}\n    <a class={{classNames \"euiBadge-isClickable\" (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" color=(argOrDefault @color \"default\")}} target={{@target}} href={{@href}} aria-label={{if @onClick @onClickAriaLabel}} disabled={{@isDisabled}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n      <span class=\"euiBadge__content\">\n        <span class=\"euiBadge__text\">\n          {{yield}}\n        </span>\n      </span>\n    </a>\n  {{/if}}\n{{else if @iconType}}\n  <span class={{classNames (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" iconSide=(argOrDefault @iconSide \"left\") color=(argOrDefault @color \"default\")}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n    <span class=\"euiBadge__content\">\n      {{#if (has-block)}}\n        {{#if @onClick}}\n          <button class=\"euiBadge__childButton\" type=\"button\" disabled={{@isDisabled}} {{on \"click\" (optional @onClick)}}>\n            {{yield}}\n          </button>\n        {{else if @href}}\n          <a class=\"euiBadge__childButton\" href={{@href}} disabled={{@isDisabled}}>\n            {{yield}}\n          </a>\n        {{else}}\n          <span class=\"euiBadge__text\">\n            {{yield}}\n          </span>\n        {{/if}}\n      {{/if}}\n      {{#if @iconOnClick}}\n        {{!-- template-lint-disable --}}\n        <button type=\"button\" class=\"euiBadge__iconButton\" aria-label={{@iconOnClickAriaLabel}} disabled={{@isDisabled}} title={{@iconOnClickAriaLabel}} tabindex={{@closeButtonProps.tabIndex}} data-selected-index={{@closeButtonProps.dataSelectedIconIndex}} {{on \"click\" (optional @iconOnClick)}}>\n          <EuiIcon @color=\"inherit\" @iconClasses={{classNames \"euiBadge__icon\" @closeButtonProps.iconClasses}} @type={{@iconType}} @useSvg={{@iconUseSvg}} @size={{if (has-block) \"s\" \"m\"}} />\n        </button>\n        {{!-- tempalte-lint-enable--}}\n      {{else}}\n        <EuiIcon @color=\"inherit\" @type={{@iconType}} @useSvg={{@iconUseSvg}} @size={{if (has-block) \"s\" \"m\"}} @iconClasses=\"euiBadge__icon\" />\n      {{/if}}\n    </span>\n  </span>\n{{else}}\n  <span class={{classNames (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" iconSide=(argOrDefault @iconSide \"left\") color=(argOrDefault @color \"default\")}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n    <span class=\"euiBadge__content\">\n      <span class=\"euiBadge__text\">\n        {{yield}}\n      </span>\n    </span>\n  </span>\n{{/if}}", {
+const EuiBadge = setComponentTemplate(precompileTemplate("{{#if (and (or @onClick @href) (not @iconType))}}\n  {{#if @onClick}}\n    <button type=\"button\" class={{classNames \"euiBadge-isClickable\" (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" color=(argOrDefault @color \"default\")}} aria-label={{@onClickAriaLabel}} disabled={{@isDisabled}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}} {{on \"click\" (optional @onClick)}}>\n      <span class=\"euiBadge__content\">\n        <span class=\"euiBadge__text\">\n          {{yield}}\n        </span>\n      </span>\n    </button>\n  {{else}}\n    <a class={{classNames \"euiBadge-isClickable\" (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" color=(argOrDefault @color \"default\")}} target={{@target}} href={{@href}} aria-label={{if @onClick @onClickAriaLabel}} disabled={{@isDisabled}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n      <span class=\"euiBadge__content\">\n        <span class=\"euiBadge__text\">\n          {{yield}}\n        </span>\n      </span>\n    </a>\n  {{/if}}\n{{else if @iconType}}\n  <span class={{classNames (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" iconSide=(argOrDefault @iconSide \"left\") color=(argOrDefault @color \"default\")}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n    <span class=\"euiBadge__content\">\n      {{#if (has-block)}}\n        {{#if @onClick}}\n          <button class=\"euiBadge__childButton\" type=\"button\" disabled={{@isDisabled}} {{on \"click\" (optional @onClick)}}>\n            {{yield}}\n          </button>\n        {{else if @href}}\n          <a class=\"euiBadge__childButton\" href={{@href}} target={{@target}} disabled={{@isDisabled}}>\n            {{yield}}\n          </a>\n        {{else}}\n          <span class=\"euiBadge__text\">\n            {{yield}}\n          </span>\n        {{/if}}\n      {{/if}}\n      {{#if @iconOnClick}}\n        {{!-- template-lint-disable --}}\n        <button type=\"button\" class=\"euiBadge__iconButton\" aria-label={{@iconOnClickAriaLabel}} disabled={{@isDisabled}} title={{@iconOnClickAriaLabel}} tabindex={{@closeButtonProps.tabIndex}} data-selected-index={{@closeButtonProps.dataSelectedIconIndex}} {{on \"click\" (optional @iconOnClick)}}>\n          <EuiIcon @color=\"inherit\" @iconClasses={{classNames \"euiBadge__icon\" @closeButtonProps.iconClasses}} @type={{@iconType}} @useSvg={{@iconUseSvg}} @size={{if (has-block) \"s\" \"m\"}} />\n        </button>\n        {{!-- tempalte-lint-enable--}}\n      {{else}}\n        <EuiIcon @color=\"inherit\" @type={{@iconType}} @useSvg={{@iconUseSvg}} @size={{if (has-block) \"s\" \"m\"}} @iconClasses=\"euiBadge__icon\" />\n      {{/if}}\n    </span>\n  </span>\n{{else}}\n  <span class={{classNames (if @isDisabled \"euiBadge-isDisabled\") componentName=\"EuiBadge\" iconSide=(argOrDefault @iconSide \"left\") color=(argOrDefault @color \"default\")}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiBadge\" componentArgs=(hash badgeColor=(argOrDefault @color \"default\")))}}>\n    <span class=\"euiBadge__content\">\n      <span class=\"euiBadge__text\">\n        {{yield}}\n      </span>\n    </span>\n  </span>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     and,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-badge.js","sources":["../../src/components/eui-badge.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, not, or } 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';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n  colorMapping,\n  EuiBadgeColorType\n} from '../utils/css-mappings/eui-badge.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiBadgeSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement;\n  Args: {\n    color?: keyof typeof colorMapping | EuiBadgeColorType | string;\n    iconType?: EuiIconSignature['Args']['type'];\n    iconSide?: 'left' | 'right';\n    iconOnClick?: () => void;\n    iconOnClickAriaLabel?: string;\n    iconUseSvg?: boolean;\n    isDisabled?: boolean;\n    onClick?: () => void;\n    onClickAriaLabel?: string;\n    href?: string;\n    target?: string;\n    closeButtonProps?: {\n      tabIndex?: number;\n      dataSelectedIconIndex?: number;\n      iconClasses?: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiBadge: TemplateOnlyComponent<EuiBadgeSignature> = <template>\n  {{#if (and (or @onClick @href) (not @iconType))}}\n    {{#if @onClick}}\n      <button\n        type=\"button\"\n        class={{classNames\n          \"euiBadge-isClickable\"\n          (if @isDisabled \"euiBadge-isDisabled\")\n          componentName=\"EuiBadge\"\n          color=(argOrDefault @color \"default\")\n        }}\n        aria-label={{@onClickAriaLabel}}\n        disabled={{@isDisabled}}\n        ...attributes\n        {{simpleStyle\n          (inlineStyles\n            componentName=\"EuiBadge\"\n            componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n          )\n        }}\n        {{on \"click\" (optional @onClick)}}\n      >\n        <span class=\"euiBadge__content\">\n          <span class=\"euiBadge__text\">\n            {{yield}}\n          </span>\n        </span>\n      </button>\n    {{else}}\n      <a\n        class={{classNames\n          \"euiBadge-isClickable\"\n          (if @isDisabled \"euiBadge-isDisabled\")\n          componentName=\"EuiBadge\"\n          color=(argOrDefault @color \"default\")\n        }}\n        target={{@target}}\n        href={{@href}}\n        aria-label={{if @onClick @onClickAriaLabel}}\n        disabled={{@isDisabled}}\n        ...attributes\n        {{simpleStyle\n          (inlineStyles\n            componentName=\"EuiBadge\"\n            componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n          )\n        }}\n      >\n        <span class=\"euiBadge__content\">\n          <span class=\"euiBadge__text\">\n            {{yield}}\n          </span>\n        </span>\n      </a>\n    {{/if}}\n  {{else if @iconType}}\n    <span\n      class={{classNames\n        (if @isDisabled \"euiBadge-isDisabled\")\n        componentName=\"EuiBadge\"\n        iconSide=(argOrDefault @iconSide \"left\")\n        color=(argOrDefault @color \"default\")\n      }}\n      ...attributes\n      {{simpleStyle\n        (inlineStyles\n          componentName=\"EuiBadge\"\n          componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n        )\n      }}\n    >\n      <span class=\"euiBadge__content\">\n        {{#if (has-block)}}\n          {{#if @onClick}}\n            <button\n              class=\"euiBadge__childButton\"\n              type=\"button\"\n              disabled={{@isDisabled}}\n              {{on \"click\" (optional @onClick)}}\n            >\n              {{yield}}\n            </button>\n          {{else if @href}}\n            <a\n              class=\"euiBadge__childButton\"\n              href={{@href}}\n              disabled={{@isDisabled}}\n            >\n              {{yield}}\n            </a>\n          {{else}}\n            <span class=\"euiBadge__text\">\n              {{yield}}\n            </span>\n          {{/if}}\n        {{/if}}\n        {{#if @iconOnClick}}\n          {{! template-lint-disable }}\n          <button\n            type=\"button\"\n            class=\"euiBadge__iconButton\"\n            aria-label={{@iconOnClickAriaLabel}}\n            disabled={{@isDisabled}}\n            title={{@iconOnClickAriaLabel}}\n            tabindex={{@closeButtonProps.tabIndex}}\n            data-selected-index={{@closeButtonProps.dataSelectedIconIndex}}\n            {{on \"click\" (optional @iconOnClick)}}\n          >\n            <EuiIcon\n              @color=\"inherit\"\n              @iconClasses={{classNames\n                \"euiBadge__icon\"\n                @closeButtonProps.iconClasses\n              }}\n              @type={{@iconType}}\n              @useSvg={{@iconUseSvg}}\n              @size={{if (has-block) \"s\" \"m\"}}\n            />\n          </button>\n          {{! tempalte-lint-enable}}\n        {{else}}\n          <EuiIcon\n            @color=\"inherit\"\n            @type={{@iconType}}\n            @useSvg={{@iconUseSvg}}\n            @size={{if (has-block) \"s\" \"m\"}}\n            @iconClasses=\"euiBadge__icon\"\n          />\n        {{/if}}\n      </span>\n    </span>\n  {{else}}\n    <span\n      class={{classNames\n        (if @isDisabled \"euiBadge-isDisabled\")\n        componentName=\"EuiBadge\"\n        iconSide=(argOrDefault @iconSide \"left\")\n        color=(argOrDefault @color \"default\")\n      }}\n      ...attributes\n      {{simpleStyle\n        (inlineStyles\n          componentName=\"EuiBadge\"\n          componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n        )\n      }}\n    >\n      <span class=\"euiBadge__content\">\n        <span class=\"euiBadge__text\">\n          {{yield}}\n        </span>\n      </span>\n    </span>\n  {{/if}}\n</template>;\n\nexport default EuiBadge;\n"],"names":["EuiBadge","setComponentTemplate","precompileTemplate","strictMode","scope","and","or","not","classNames","argOrDefault","simpleStyle","inlineStyles","hash","on","optional","EuiIcon","templateOnly"],"mappings":";;;;;;;;;;;;;AA4CA,MAAMA,QAAqD,GAAAC,oBAAA,CAAAC,kBAAA,CA0J3D,o2GAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,EAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-badge.js","sources":["../../src/components/eui-badge.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, not, or } 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';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type {\n  colorMapping,\n  EuiBadgeColorType\n} from '../utils/css-mappings/eui-badge.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiBadgeSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement;\n  Args: {\n    /**\n     * `'default'`, `'hollow'`, `'primary'`, `'success'`, `'accent'`,\n     * `'warning'`, `'danger'` or any hex color (`'#DA8B45'`); the text color\n     * is picked for contrast. Defaults to `'default'`.\n     */\n    color?: keyof typeof colorMapping | EuiBadgeColorType | string;\n    /**\n     * Icon shown in the badge, anything `EuiIcon`'s `@type` accepts.\n     */\n    iconType?: EuiIconSignature['Args']['type'];\n    /**\n     * Side of the text the icon is on. Defaults to `'left'`.\n     */\n    iconSide?: 'left' | 'right';\n    /**\n     * Makes the icon a separate button calling this function, e.g. an \"x\" to\n     * remove the badge. Requires `@iconType` and `@iconOnClickAriaLabel`.\n     */\n    iconOnClick?: () => void;\n    /**\n     * Accessible label (and hover title) of the `@iconOnClick` button.\n     */\n    iconOnClickAriaLabel?: string;\n    /**\n     * @deprecated Has no effect, see `EuiIcon`.\n     */\n    iconUseSvg?: boolean;\n    /**\n     * Disables the badge's buttons and links and greys it out.\n     */\n    isDisabled?: boolean;\n    /**\n     * Makes the badge (or its text, when it has an `@iconType`) a button\n     * calling this function.\n     */\n    onClick?: () => void;\n    /**\n     * Accessible label of the `@onClick` button, when the text alone does not\n     * describe the action.\n     */\n    onClickAriaLabel?: string;\n    /**\n     * Makes the badge (or its text, when it has an `@iconType`) a link.\n     */\n    href?: string;\n    /**\n     * `target` of the `@href` link, e.g. `'_blank'`.\n     */\n    target?: string;\n    /**\n     * Extra props for the `@iconOnClick` button.\n     */\n    closeButtonProps?: {\n      tabIndex?: number;\n      dataSelectedIconIndex?: number;\n      iconClasses?: string;\n    };\n  };\n  Blocks: {\n    /** The badge's text. */\n    default: [];\n  };\n}\n\nconst EuiBadge: TemplateOnlyComponent<EuiBadgeSignature> = <template>\n  {{#if (and (or @onClick @href) (not @iconType))}}\n    {{#if @onClick}}\n      <button\n        type=\"button\"\n        class={{classNames\n          \"euiBadge-isClickable\"\n          (if @isDisabled \"euiBadge-isDisabled\")\n          componentName=\"EuiBadge\"\n          color=(argOrDefault @color \"default\")\n        }}\n        aria-label={{@onClickAriaLabel}}\n        disabled={{@isDisabled}}\n        ...attributes\n        {{simpleStyle\n          (inlineStyles\n            componentName=\"EuiBadge\"\n            componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n          )\n        }}\n        {{on \"click\" (optional @onClick)}}\n      >\n        <span class=\"euiBadge__content\">\n          <span class=\"euiBadge__text\">\n            {{yield}}\n          </span>\n        </span>\n      </button>\n    {{else}}\n      <a\n        class={{classNames\n          \"euiBadge-isClickable\"\n          (if @isDisabled \"euiBadge-isDisabled\")\n          componentName=\"EuiBadge\"\n          color=(argOrDefault @color \"default\")\n        }}\n        target={{@target}}\n        href={{@href}}\n        aria-label={{if @onClick @onClickAriaLabel}}\n        disabled={{@isDisabled}}\n        ...attributes\n        {{simpleStyle\n          (inlineStyles\n            componentName=\"EuiBadge\"\n            componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n          )\n        }}\n      >\n        <span class=\"euiBadge__content\">\n          <span class=\"euiBadge__text\">\n            {{yield}}\n          </span>\n        </span>\n      </a>\n    {{/if}}\n  {{else if @iconType}}\n    <span\n      class={{classNames\n        (if @isDisabled \"euiBadge-isDisabled\")\n        componentName=\"EuiBadge\"\n        iconSide=(argOrDefault @iconSide \"left\")\n        color=(argOrDefault @color \"default\")\n      }}\n      ...attributes\n      {{simpleStyle\n        (inlineStyles\n          componentName=\"EuiBadge\"\n          componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n        )\n      }}\n    >\n      <span class=\"euiBadge__content\">\n        {{#if (has-block)}}\n          {{#if @onClick}}\n            <button\n              class=\"euiBadge__childButton\"\n              type=\"button\"\n              disabled={{@isDisabled}}\n              {{on \"click\" (optional @onClick)}}\n            >\n              {{yield}}\n            </button>\n          {{else if @href}}\n            <a\n              class=\"euiBadge__childButton\"\n              href={{@href}}\n              target={{@target}}\n              disabled={{@isDisabled}}\n            >\n              {{yield}}\n            </a>\n          {{else}}\n            <span class=\"euiBadge__text\">\n              {{yield}}\n            </span>\n          {{/if}}\n        {{/if}}\n        {{#if @iconOnClick}}\n          {{! template-lint-disable }}\n          <button\n            type=\"button\"\n            class=\"euiBadge__iconButton\"\n            aria-label={{@iconOnClickAriaLabel}}\n            disabled={{@isDisabled}}\n            title={{@iconOnClickAriaLabel}}\n            tabindex={{@closeButtonProps.tabIndex}}\n            data-selected-index={{@closeButtonProps.dataSelectedIconIndex}}\n            {{on \"click\" (optional @iconOnClick)}}\n          >\n            <EuiIcon\n              @color=\"inherit\"\n              @iconClasses={{classNames\n                \"euiBadge__icon\"\n                @closeButtonProps.iconClasses\n              }}\n              @type={{@iconType}}\n              @useSvg={{@iconUseSvg}}\n              @size={{if (has-block) \"s\" \"m\"}}\n            />\n          </button>\n          {{! tempalte-lint-enable}}\n        {{else}}\n          <EuiIcon\n            @color=\"inherit\"\n            @type={{@iconType}}\n            @useSvg={{@iconUseSvg}}\n            @size={{if (has-block) \"s\" \"m\"}}\n            @iconClasses=\"euiBadge__icon\"\n          />\n        {{/if}}\n      </span>\n    </span>\n  {{else}}\n    <span\n      class={{classNames\n        (if @isDisabled \"euiBadge-isDisabled\")\n        componentName=\"EuiBadge\"\n        iconSide=(argOrDefault @iconSide \"left\")\n        color=(argOrDefault @color \"default\")\n      }}\n      ...attributes\n      {{simpleStyle\n        (inlineStyles\n          componentName=\"EuiBadge\"\n          componentArgs=(hash badgeColor=(argOrDefault @color \"default\"))\n        )\n      }}\n    >\n      <span class=\"euiBadge__content\">\n        <span class=\"euiBadge__text\">\n          {{yield}}\n        </span>\n      </span>\n    </span>\n  {{/if}}\n</template>;\n\nexport default EuiBadge;\n"],"names":["EuiBadge","setComponentTemplate","precompileTemplate","strictMode","scope","and","or","not","classNames","argOrDefault","simpleStyle","inlineStyles","hash","on","optional","EuiIcon","templateOnly"],"mappings":";;;;;;;;;;;;;AAsFA,MAAMA,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,u3GAAA,EA2J3D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,EAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-beacon.js

@@ -0,0 +1,16 @@
+import { hash } from '@ember/helper';
+import cssStyle from '../-private/css-style.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const EuiBeacon = setComponentTemplate(precompileTemplate("<div class=\"euiBeacon\" style={{cssStyle (hash height=(if @size @size 12) width=(if @size @size 12))}} ...attributes></div>", {
+  strictMode: true,
+  scope: () => ({
+    cssStyle,
+    hash
+  })
+}), templateOnly());
+
+export { EuiBeacon as default };
+//# sourceMappingURL=eui-beacon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-beacon.js","sources":["../../src/components/eui-beacon.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport cssStyle from '../-private/css-style.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A pulsing dot that draws attention to something new, e.g. next to a\n * feature a tour points at.\n */\nexport interface EuiBeaconSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Diameter of the center dot in px. Defaults to `12`. */\n    size?: number;\n  };\n}\n\nconst EuiBeacon: TemplateOnlyComponent<EuiBeaconSignature> = <template>\n  <div\n    class=\"euiBeacon\"\n    style={{cssStyle\n      (hash height=(if @size @size 12) width=(if @size @size 12))\n    }}\n    ...attributes\n  ></div>\n</template>;\n\nexport default EuiBeacon;\n"],"names":["EuiBeacon","setComponentTemplate","precompileTemplate","strictMode","scope","cssStyle","hash","templateOnly"],"mappings":";;;;;;AAkBA,MAAMA,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,8HAAA,EAQ7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-beta-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-beta-badge.js","sources":["../../src/components/eui-beta-badge.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { eq, 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';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type {\n  colorMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-beta-badge.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiBetaBadgeSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * The label to use for the beta badge. Usually a single letter.\n     */\n    label?: string;\n    /**\n     * The title to use for the beta badge. Usually a full word.\n     */\n    title?: string;\n    /**\n     * The icon to use for the beta badge.\n     */\n    iconType?: EuiIconSignature['Args']['type'];\n    /**\n     * The color of the beta badge.\n     */\n    color?: keyof typeof colorMapping;\n\n    /**\n     * The size of the beta badge.\n     */\n    size?: keyof typeof sizeMapping;\n    /**\n     * The position of the tooltip for the beta badge.\n     */\n    tooltipPosition?: EuiToolTipSignature['Args']['position'];\n    /**\n     * The content of the tooltip for the beta badge.\n     */\n    tooltipContent?: string;\n    /**\n     * The aria-label for the beta badge.\n     */\n    onClickAriaLabel?: string;\n    /**\n     * The href for the beta badge.\n     */\n    href?: string;\n    /**\n     * The target for the beta badge.\n     */\n    target?: string;\n    /**\n     * The rel for the beta badge.\n     */\n    rel?: string;\n    /**\n     * The action to call when the beta badge is clicked.\n     */\n    onClick?: (event: MouseEvent) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiBetaBadge: TemplateOnlyComponent<EuiBetaBadgeSignature> = <template>\n  {{#let\n    (argOrDefault @size \"m\")\n    (eq @label.length 1)\n    (argOrDefault @tooltipPosition \"top\")\n    as |size singleLetter tooltipPosition|\n  }}\n\n    {{#let\n      (classNames\n        (if @iconType \"euiBetaBadge--iconOnly\")\n        (if singleLetter \"euiBetaBadge--singleLetter\")\n        (if (or @onClick @href) \"euiBetaBadge-isClickable\")\n        componentName=\"EuiBetaBadge\"\n        color=(argOrDefault @color \"hollow\")\n        size=size\n      )\n      as |classes|\n    }}\n\n      {{#if (or @href @onClick)}}\n        {{#if @href}}\n          <a\n            aria-label={{@onClickAriaLabel}}\n            title={{if @label @label @title}}\n            class={{classes}}\n            href={{@href}}\n            target={{@target}}\n            rel={{@rel}}\n            ...attributes\n          >\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon\n                @iconClasses=\"euiBetaBadge__icon\"\n                @type={{@iconType}}\n                @size={{if (eq size \"m\") \"m\" \"s\"}}\n                aria-hidden=\"true\"\n                @color=\"inherit\"\n              />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </a>\n        {{else if @onClick}}\n          <button\n            type=\"button\"\n            aria-label={{@onClickAriaLabel}}\n            title={{if @label @label @title}}\n            class={{classes}}\n            {{on \"click\" @onClick}}\n            ...attributes\n          >\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon\n                @iconClasses=\"euiBetaBadge__icon\"\n                @type={{@iconType}}\n                @size={{if (eq size \"m\") \"m\" \"s\"}}\n                aria-hidden=\"true\"\n                @color=\"inherit\"\n              />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </button>\n        {{/if}}\n\n        {{#if @tooltipContent}}\n          <EuiToolTip\n            @position={{tooltipPosition}}\n            @title={{or @title @label}}\n            @content={{@tooltipContent}}\n          >\n            {{#if @href}}\n              <a\n                aria-label={{@onClickAriaLabel}}\n                title={{if @label @label @title}}\n                class={{classes}}\n                href={{@href}}\n                target={{@target}}\n                rel={{@rel}}\n                ...attributes\n              >\n                {{#if (has-block)}}\n                  {{yield}}\n                {{else if @iconType}}\n                  <EuiIcon\n                    @iconClasses=\"euiBetaBadge__icon\"\n                    @type={{@iconType}}\n                    @size={{if (eq size \"m\") \"m\" \"s\"}}\n                    aria-hidden=\"true\"\n                    @color=\"inherit\"\n                  />\n                {{else}}\n                  {{@label}}\n                {{/if}}\n              </a>\n            {{else if @onClick}}\n              <button\n                type=\"button\"\n                aria-label={{@onClickAriaLabel}}\n                title={{if @label @label @title}}\n                class={{classes}}\n                {{on \"click\" @onClick}}\n                ...attributes\n              >\n                {{#if (has-block)}}\n                  {{yield}}\n                {{else if @iconType}}\n                  <EuiIcon\n                    @iconClasses=\"euiBetaBadge__icon\"\n                    @type={{@iconType}}\n                    @size={{if (eq size \"m\") \"m\" \"s\"}}\n                    aria-hidden=\"true\"\n                    @color=\"inherit\"\n                  />\n                {{else}}\n                  {{@label}}\n                {{/if}}\n              </button>\n            {{/if}}\n          </EuiToolTip>\n        {{/if}}\n      {{else}}\n        {{#if @tooltipContent}}\n          <EuiToolTip\n            @position={{tooltipPosition}}\n            @title={{or @title @label}}\n            @content={{@tooltipContent}}\n          >\n            <span tabindex=\"0\" class={{classes}} ...attributes>\n              {{#if (has-block)}}\n                {{yield}}\n              {{else if @iconType}}\n                <EuiIcon\n                  @iconClasses=\"euiBetaBadge__icon\"\n                  @type={{@iconType}}\n                  @size={{if (eq size \"m\") \"m\" \"s\"}}\n                  aria-hidden=\"true\"\n                  @color=\"inherit\"\n                />\n              {{else}}\n                {{@label}}\n              {{/if}}\n            </span>\n          </EuiToolTip>\n        {{else}}\n          <span class={{classes}} title={{@title}} ...attributes>\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon\n                @iconClasses=\"euiBetaBadge__icon\"\n                @type={{@iconType}}\n                @size={{if (eq size \"m\") \"m\" \"s\"}}\n                aria-hidden=\"true\"\n                @color=\"inherit\"\n              />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        {{/if}}\n\n      {{/if}}\n\n    {{/let}}\n\n  {{/let}}\n</template>;\n\nexport default EuiBetaBadge;\n"],"names":["EuiBetaBadge","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","or","EuiIcon","on","EuiToolTip","templateOnly"],"mappings":";;;;;;;;;;AA2EA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CA4KnE,wvHAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-beta-badge.js","sources":["../../src/components/eui-beta-badge.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { eq, 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';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type {\n  colorMapping,\n  sizeMapping\n} from '../utils/css-mappings/eui-beta-badge.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiToolTipSignature } from './eui-tool-tip';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiBetaBadgeSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * The badge's text, e.g. `'Beta'`, or a single letter (rendered as a\n     * circle). Also its hover title. The default block replaces it.\n     */\n    label?: string;\n    /**\n     * Hover title when there is no `@label` (e.g. with `@iconType`), and the\n     * title of the `@tooltipContent` tooltip.\n     */\n    title?: string;\n    /**\n     * Renders an icon instead of `@label` (icon-only badge). Give it a\n     * `@title` so it has a name.\n     */\n    iconType?: EuiIconSignature['Args']['type'];\n    /**\n     * `'hollow'`, `'accent'` or `'subdued'`. Defaults to `'hollow'`.\n     */\n    color?: keyof typeof colorMapping;\n\n    /**\n     * `'s'` or `'m'`. Defaults to `'m'`.\n     */\n    size?: keyof typeof sizeMapping;\n    /**\n     * Where the `@tooltipContent` tooltip appears: `'top'`, `'right'`,\n     * `'bottom'` or `'left'`. Defaults to `'top'`.\n     */\n    tooltipPosition?: EuiToolTipSignature['Args']['position'];\n    /**\n     * Shows a tooltip with this text on hover, e.g. what \"Beta\" means here.\n     */\n    tooltipContent?: string;\n    /**\n     * Accessible label of the badge when it is a link or button\n     * (`@href` / `@onClick`).\n     */\n    onClickAriaLabel?: string;\n    /**\n     * Makes the badge a link.\n     */\n    href?: string;\n    /**\n     * `target` of the `@href` link, e.g. `'_blank'`.\n     */\n    target?: string;\n    /**\n     * `rel` of the `@href` link, e.g. `'noopener'`.\n     */\n    rel?: string;\n    /**\n     * Makes the badge a button calling this function.\n     */\n    onClick?: (event: MouseEvent) => void;\n  };\n  Blocks: {\n    /** Custom content instead of `@label` / `@iconType`. */\n    default: [];\n  };\n}\n\nconst EuiBetaBadge: TemplateOnlyComponent<EuiBetaBadgeSignature> = <template>\n  {{#let\n    (argOrDefault @size \"m\")\n    (eq @label.length 1)\n    (argOrDefault @tooltipPosition \"top\")\n    as |size singleLetter tooltipPosition|\n  }}\n\n    {{#let\n      (classNames\n        (if @iconType \"euiBetaBadge--iconOnly\")\n        (if singleLetter \"euiBetaBadge--singleLetter\")\n        (if (or @onClick @href) \"euiBetaBadge-isClickable\")\n        componentName=\"EuiBetaBadge\"\n        color=(argOrDefault @color \"hollow\")\n        size=size\n      )\n      as |classes|\n    }}\n\n      {{#if (or @href @onClick)}}\n        {{#if @href}}\n          <a\n            aria-label={{@onClickAriaLabel}}\n            title={{if @label @label @title}}\n            class={{classes}}\n            href={{@href}}\n            target={{@target}}\n            rel={{@rel}}\n            ...attributes\n          >\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon\n                @iconClasses=\"euiBetaBadge__icon\"\n                @type={{@iconType}}\n                @size={{if (eq size \"m\") \"m\" \"s\"}}\n                aria-hidden=\"true\"\n                @color=\"inherit\"\n              />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </a>\n        {{else if @onClick}}\n          <button\n            type=\"button\"\n            aria-label={{@onClickAriaLabel}}\n            title={{if @label @label @title}}\n            class={{classes}}\n            {{on \"click\" @onClick}}\n            ...attributes\n          >\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon\n                @iconClasses=\"euiBetaBadge__icon\"\n                @type={{@iconType}}\n                @size={{if (eq size \"m\") \"m\" \"s\"}}\n                aria-hidden=\"true\"\n                @color=\"inherit\"\n              />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </button>\n        {{/if}}\n\n        {{#if @tooltipContent}}\n          <EuiToolTip\n            @position={{tooltipPosition}}\n            @title={{or @title @label}}\n            @content={{@tooltipContent}}\n          >\n            {{#if @href}}\n              <a\n                aria-label={{@onClickAriaLabel}}\n                title={{if @label @label @title}}\n                class={{classes}}\n                href={{@href}}\n                target={{@target}}\n                rel={{@rel}}\n                ...attributes\n              >\n                {{#if (has-block)}}\n                  {{yield}}\n                {{else if @iconType}}\n                  <EuiIcon\n                    @iconClasses=\"euiBetaBadge__icon\"\n                    @type={{@iconType}}\n                    @size={{if (eq size \"m\") \"m\" \"s\"}}\n                    aria-hidden=\"true\"\n                    @color=\"inherit\"\n                  />\n                {{else}}\n                  {{@label}}\n                {{/if}}\n              </a>\n            {{else if @onClick}}\n              <button\n                type=\"button\"\n                aria-label={{@onClickAriaLabel}}\n                title={{if @label @label @title}}\n                class={{classes}}\n                {{on \"click\" @onClick}}\n                ...attributes\n              >\n                {{#if (has-block)}}\n                  {{yield}}\n                {{else if @iconType}}\n                  <EuiIcon\n                    @iconClasses=\"euiBetaBadge__icon\"\n                    @type={{@iconType}}\n                    @size={{if (eq size \"m\") \"m\" \"s\"}}\n                    aria-hidden=\"true\"\n                    @color=\"inherit\"\n                  />\n                {{else}}\n                  {{@label}}\n                {{/if}}\n              </button>\n            {{/if}}\n          </EuiToolTip>\n        {{/if}}\n      {{else}}\n        {{#if @tooltipContent}}\n          <EuiToolTip\n            @position={{tooltipPosition}}\n            @title={{or @title @label}}\n            @content={{@tooltipContent}}\n          >\n            <span tabindex=\"0\" class={{classes}} ...attributes>\n              {{#if (has-block)}}\n                {{yield}}\n              {{else if @iconType}}\n                <EuiIcon\n                  @iconClasses=\"euiBetaBadge__icon\"\n                  @type={{@iconType}}\n                  @size={{if (eq size \"m\") \"m\" \"s\"}}\n                  aria-hidden=\"true\"\n                  @color=\"inherit\"\n                />\n              {{else}}\n                {{@label}}\n              {{/if}}\n            </span>\n          </EuiToolTip>\n        {{else}}\n          <span class={{classes}} title={{@title}} ...attributes>\n            {{#if (has-block)}}\n              {{yield}}\n            {{else if @iconType}}\n              <EuiIcon\n                @iconClasses=\"euiBetaBadge__icon\"\n                @type={{@iconType}}\n                @size={{if (eq size \"m\") \"m\" \"s\"}}\n                aria-hidden=\"true\"\n                @color=\"inherit\"\n              />\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        {{/if}}\n\n      {{/if}}\n\n    {{/let}}\n\n  {{/let}}\n</template>;\n\nexport default EuiBetaBadge;\n"],"names":["EuiBetaBadge","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","classNames","or","EuiIcon","on","EuiToolTip","templateOnly"],"mappings":";;;;;;;;;;AAiFA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,wvHAAA,EA4KnE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-bottom-bar.js

@@ -67,7 +67,7 @@ class EuiBottomBarComponent extends Component {
     }
   }
   static {
-    setComponentTemplate(precompileTemplate("{{#if this.usePortal}}\n  <EuiPortal>\n    <section style={{this.bottomBarStyles}} {{resizeObserver onResize=(set this \"dimensions\")}} class={{classNames componentName=\"EuiBottomBar\" paddingSize=(argOrDefault @paddingSize \"m\") positionType=(argOrDefault this.position \"fixed\")}} {{updateDisplacementModifier affordForDisplacement=this.affordForDisplacement usePortal=this.usePortal dimensions=this.dimensions bodyClassName=@bodyClassName}} ...attributes>\n      {{yield}}\n    </section>\n  </EuiPortal>\n{{else}}\n  <section style={{this.bottomBarStyles}} {{resizeObserver onResize=(set this \"dimensions\")}} class={{classNames componentName=\"EuiBottomBar\" paddingSize=(argOrDefault @paddingSize \"m\") positionType=(argOrDefault this.position \"fixed\")}} aria-label={{if @landmarkHeading @landmarkHeading \"Page level controls\"}} {{updateDisplacementModifier affordForDisplacement=this.affordForDisplacement usePortal=this.usePortal dimensions=this.dimensions bodyClassName=@bodyClassName}} ...attributes>\n    <div {{screenReaderOnly}}>\n      <h2>\n        {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n      </h2>\n    </div>\n    {{yield}}\n  </section>\n  <div {{screenReaderOnly}}>\n    <p aria-live=\"assertive\">\n      {{#if @landmarkHeading}}\n        There is a new region landmark called\n        {{@landmarkHeading}}\n        with page level controls at the end of the document.\n      {{else}}\n        There is a new region landmark with page level controls at the end\n        of the document.\n      {{/if}}\n    </p>\n  </div>\n{{/if}}", {
+    setComponentTemplate(precompileTemplate("{{#if this.usePortal}}\n  <EuiPortal>\n    <section style={{this.bottomBarStyles}} {{resizeObserver onResize=(set this \"dimensions\")}} class={{classNames componentName=\"EuiBottomBar\" paddingSize=(argOrDefault @paddingSize \"m\") positionType=(argOrDefault this.position \"fixed\")}} {{updateDisplacementModifier affordForDisplacement=this.affordForDisplacement usePortal=this.usePortal dimensions=this.dimensions bodyClassName=@bodyClassName}} aria-label={{if @landmarkHeading @landmarkHeading \"Page level controls\"}} ...attributes>\n      <div {{screenReaderOnly}}>\n        <h2>\n          {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n        </h2>\n      </div>\n      {{yield}}\n    </section>\n    <div {{screenReaderOnly}}>\n      <p aria-live=\"assertive\">\n        {{#if @landmarkHeading}}\n          There is a new region landmark called\n          {{@landmarkHeading}}\n          with page level controls at the end of the document.\n        {{else}}\n          There is a new region landmark with page level controls at the end\n          of the document.\n        {{/if}}\n      </p>\n    </div>\n  </EuiPortal>\n{{else}}\n  <section style={{this.bottomBarStyles}} {{resizeObserver onResize=(set this \"dimensions\")}} class={{classNames componentName=\"EuiBottomBar\" paddingSize=(argOrDefault @paddingSize \"m\") positionType=(argOrDefault this.position \"fixed\")}} aria-label={{if @landmarkHeading @landmarkHeading \"Page level controls\"}} {{updateDisplacementModifier affordForDisplacement=this.affordForDisplacement usePortal=this.usePortal dimensions=this.dimensions bodyClassName=@bodyClassName}} ...attributes>\n    <div {{screenReaderOnly}}>\n      <h2>\n        {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n      </h2>\n    </div>\n    {{yield}}\n  </section>\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         EuiPortal,

package/dist/components/eui-bottom-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-bottom-bar.js","sources":["../../src/components/eui-bottom-bar.gts"],"sourcesContent":["import GlimmerComponent from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { htmlSafe } from '@ember/template';\n\nimport { modifier } from 'ember-modifier';\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiPortal from './eui-portal.gts';\n\nexport interface EuiButtomBarArgs {\n  affordForDisplacement?: boolean;\n  bodyClassName?: string;\n  position?: 'fixed' | 'static' | 'sticky';\n  usePortal?: boolean;\n  paddingSize?: 'none' | 's' | 'm' | 'l';\n  landmarkHeading?: string;\n  top?: number;\n  right?: number;\n  left?: number;\n  bottom?: number;\n}\n\nconst updateDisplacementModifier = modifier(function (\n  _element: Element,\n  _pos: unknown[],\n  {\n    affordForDisplacement,\n    usePortal,\n    bodyClassName,\n    dimensions\n  }: {\n    affordForDisplacement: boolean;\n    usePortal: boolean;\n    bodyClassName?: string;\n    dimensions?: { height: number };\n  }\n) {\n  if (affordForDisplacement && usePortal && dimensions) {\n    document.body.style.paddingBottom = `${dimensions.height}px`;\n  }\n\n  if (bodyClassName) {\n    document.body.classList.add(bodyClassName);\n  }\n\n  return () => {\n    if (affordForDisplacement && usePortal) {\n      document.body.style.paddingBottom = '';\n    }\n\n    if (bodyClassName) {\n      document.body.classList.remove(bodyClassName);\n    }\n  };\n});\n\nexport interface EuiBottomBarSignature {\n  Element: HTMLElement;\n  Args: EuiButtomBarArgs;\n  Blocks: { default: [] };\n}\n\nexport default class EuiBottomBarComponent extends GlimmerComponent<EuiBottomBarSignature> {\n  @tracked dimensions: { height: number; width: number } | undefined;\n\n  get affordForDisplacement(): boolean {\n    return this.position !== 'fixed'\n      ? false\n      : this.args.affordForDisplacement ?? true;\n  }\n\n  get usePortal(): boolean {\n    return this.position !== 'fixed' ? false : true;\n  }\n\n  get position(): string {\n    return this.args.position || 'fixed';\n  }\n\n  get top(): number {\n    return this.args.top ? this.args.top : 0;\n  }\n\n  get right(): number {\n    return this.args.right ? this.args.right : 0;\n  }\n\n  get left(): number {\n    return this.args.left ? this.args.left : 0;\n  }\n\n  get bottom(): number {\n    return this.args.bottom ? this.args.bottom : 0;\n  }\n\n  get bottomBarStyles(): ReturnType<typeof htmlSafe> {\n    if (this.position === 'fixed') {\n      return htmlSafe(\n        `left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`\n      );\n    } else {\n      return htmlSafe(\n        `top:${this.top}px;left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`\n      );\n    }\n  }\n\n  <template>\n    {{#if this.usePortal}}\n      <EuiPortal>\n        <section\n          style={{this.bottomBarStyles}}\n          {{resizeObserver onResize=(set this \"dimensions\")}}\n          class={{classNames\n            componentName=\"EuiBottomBar\"\n            paddingSize=(argOrDefault @paddingSize \"m\")\n            positionType=(argOrDefault this.position \"fixed\")\n          }}\n          {{updateDisplacementModifier\n            affordForDisplacement=this.affordForDisplacement\n            usePortal=this.usePortal\n            dimensions=this.dimensions\n            bodyClassName=@bodyClassName\n          }}\n          ...attributes\n        >\n          {{yield}}\n        </section>\n      </EuiPortal>\n    {{else}}\n      <section\n        style={{this.bottomBarStyles}}\n        {{resizeObserver onResize=(set this \"dimensions\")}}\n        class={{classNames\n          componentName=\"EuiBottomBar\"\n          paddingSize=(argOrDefault @paddingSize \"m\")\n          positionType=(argOrDefault this.position \"fixed\")\n        }}\n        aria-label={{if\n          @landmarkHeading\n          @landmarkHeading\n          \"Page level controls\"\n        }}\n        {{updateDisplacementModifier\n          affordForDisplacement=this.affordForDisplacement\n          usePortal=this.usePortal\n          dimensions=this.dimensions\n          bodyClassName=@bodyClassName\n        }}\n        ...attributes\n      >\n        <div {{screenReaderOnly}}>\n          <h2>\n            {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n          </h2>\n        </div>\n        {{yield}}\n      </section>\n      <div {{screenReaderOnly}}>\n        <p aria-live=\"assertive\">\n          {{#if @landmarkHeading}}\n            There is a new region landmark called\n            {{@landmarkHeading}}\n            with page level controls at the end of the document.\n          {{else}}\n            There is a new region landmark with page level controls at the end\n            of the document.\n          {{/if}}\n        </p>\n      </div>\n    {{/if}}\n  </template>\n}\n"],"names":["updateDisplacementModifier","modifier","_element","_pos","affordForDisplacement","usePortal","bodyClassName","dimensions","document","body","style","paddingBottom","height","classList","add","remove","EuiBottomBarComponent","GlimmerComponent","g","prototype","tracked","i","position","args","top","right","left","bottom","bottomBarStyles","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPortal","classNames","argOrDefault","resizeObserver","set","screenReaderOnly"],"mappings":"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"}
+{"version":3,"file":"eui-bottom-bar.js","sources":["../../src/components/eui-bottom-bar.gts"],"sourcesContent":["import GlimmerComponent from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { htmlSafe } from '@ember/template';\n\nimport { modifier } from 'ember-modifier';\nimport set from 'ember-set-helper/helpers/set';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\nimport EuiPortal from './eui-portal.gts';\n\nexport interface EuiButtomBarArgs {\n  /**\n   * With `@position=\"fixed\"`, pads the bottom of `<body>` by the bar's height\n   * so it does not cover the end of the page. Defaults to `true`.\n   */\n  affordForDisplacement?: boolean;\n  /**\n   * Class added to `<body>` while the bar is rendered.\n   */\n  bodyClassName?: string;\n  /**\n   * `'fixed'` renders the bar in a portal, fixed to the bottom of the\n   * window. `'sticky'` keeps it at the bottom of its scrolling container,\n   * `'static'` renders it in place. Defaults to `'fixed'`.\n   */\n  position?: 'fixed' | 'static' | 'sticky';\n  /**\n   * @deprecated Has no effect: the bar uses a portal when `@position` is\n   * `'fixed'`.\n   */\n  usePortal?: boolean;\n  /**\n   * Padding inside the bar: `'none'`, `'s'`, `'m'` or `'l'`.\n   * Defaults to `'m'`.\n   */\n  paddingSize?: 'none' | 's' | 'm' | 'l';\n  /**\n   * Accessible name of the bar's region landmark (announced to screen\n   * readers). Defaults to \"Page level controls\". With `@position=\"fixed\"`,\n   * screen readers are also told the bar appeared at the end of the page.\n   */\n  landmarkHeading?: string;\n  /**\n   * Distance from the top in px (only for `'sticky'` / `'static'`).\n   * Defaults to `0`.\n   */\n  top?: number;\n  /**\n   * Distance from the right edge in px. Defaults to `0`.\n   */\n  right?: number;\n  /**\n   * Distance from the left edge in px, e.g. the width of a side nav.\n   * Defaults to `0`.\n   */\n  left?: number;\n  /**\n   * Distance from the bottom in px. Defaults to `0`.\n   */\n  bottom?: number;\n}\n\nconst updateDisplacementModifier = modifier(function (\n  _element: Element,\n  _pos: unknown[],\n  {\n    affordForDisplacement,\n    usePortal,\n    bodyClassName,\n    dimensions\n  }: {\n    affordForDisplacement: boolean;\n    usePortal: boolean;\n    bodyClassName?: string;\n    dimensions?: { height: number };\n  }\n) {\n  if (affordForDisplacement && usePortal && dimensions) {\n    document.body.style.paddingBottom = `${dimensions.height}px`;\n  }\n\n  if (bodyClassName) {\n    document.body.classList.add(bodyClassName);\n  }\n\n  return () => {\n    if (affordForDisplacement && usePortal) {\n      document.body.style.paddingBottom = '';\n    }\n\n    if (bodyClassName) {\n      document.body.classList.remove(bodyClassName);\n    }\n  };\n});\n\nexport interface EuiBottomBarSignature {\n  Element: HTMLElement;\n  Args: EuiButtomBarArgs;\n  Blocks: {\n    /** The bar's content, usually buttons in an EuiFlexGroup. */\n    default: [];\n  };\n}\n\nexport default class EuiBottomBarComponent extends GlimmerComponent<EuiBottomBarSignature> {\n  @tracked dimensions: { height: number; width: number } | undefined;\n\n  get affordForDisplacement(): boolean {\n    return this.position !== 'fixed'\n      ? false\n      : this.args.affordForDisplacement ?? true;\n  }\n\n  get usePortal(): boolean {\n    return this.position !== 'fixed' ? false : true;\n  }\n\n  get position(): string {\n    return this.args.position || 'fixed';\n  }\n\n  get top(): number {\n    return this.args.top ? this.args.top : 0;\n  }\n\n  get right(): number {\n    return this.args.right ? this.args.right : 0;\n  }\n\n  get left(): number {\n    return this.args.left ? this.args.left : 0;\n  }\n\n  get bottom(): number {\n    return this.args.bottom ? this.args.bottom : 0;\n  }\n\n  get bottomBarStyles(): ReturnType<typeof htmlSafe> {\n    if (this.position === 'fixed') {\n      return htmlSafe(\n        `left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`\n      );\n    } else {\n      return htmlSafe(\n        `top:${this.top}px;left:${this.left}px;right:${this.right}px;bottom:${this.bottom}px`\n      );\n    }\n  }\n\n  <template>\n    {{#if this.usePortal}}\n      <EuiPortal>\n        <section\n          style={{this.bottomBarStyles}}\n          {{resizeObserver onResize=(set this \"dimensions\")}}\n          class={{classNames\n            componentName=\"EuiBottomBar\"\n            paddingSize=(argOrDefault @paddingSize \"m\")\n            positionType=(argOrDefault this.position \"fixed\")\n          }}\n          {{updateDisplacementModifier\n            affordForDisplacement=this.affordForDisplacement\n            usePortal=this.usePortal\n            dimensions=this.dimensions\n            bodyClassName=@bodyClassName\n          }}\n          aria-label={{if\n            @landmarkHeading\n            @landmarkHeading\n            \"Page level controls\"\n          }}\n          ...attributes\n        >\n          <div {{screenReaderOnly}}>\n            <h2>\n              {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n            </h2>\n          </div>\n          {{yield}}\n        </section>\n        <div {{screenReaderOnly}}>\n          <p aria-live=\"assertive\">\n            {{#if @landmarkHeading}}\n              There is a new region landmark called\n              {{@landmarkHeading}}\n              with page level controls at the end of the document.\n            {{else}}\n              There is a new region landmark with page level controls at the end\n              of the document.\n            {{/if}}\n          </p>\n        </div>\n      </EuiPortal>\n    {{else}}\n      <section\n        style={{this.bottomBarStyles}}\n        {{resizeObserver onResize=(set this \"dimensions\")}}\n        class={{classNames\n          componentName=\"EuiBottomBar\"\n          paddingSize=(argOrDefault @paddingSize \"m\")\n          positionType=(argOrDefault this.position \"fixed\")\n        }}\n        aria-label={{if\n          @landmarkHeading\n          @landmarkHeading\n          \"Page level controls\"\n        }}\n        {{updateDisplacementModifier\n          affordForDisplacement=this.affordForDisplacement\n          usePortal=this.usePortal\n          dimensions=this.dimensions\n          bodyClassName=@bodyClassName\n        }}\n        ...attributes\n      >\n        <div {{screenReaderOnly}}>\n          <h2>\n            {{if @landmarkHeading @landmarkHeading \"Page level controls\"}}\n          </h2>\n        </div>\n        {{yield}}\n      </section>\n    {{/if}}\n  </template>\n}\n"],"names":["updateDisplacementModifier","modifier","_element","_pos","affordForDisplacement","usePortal","bodyClassName","dimensions","document","body","style","paddingBottom","height","classList","add","remove","EuiBottomBarComponent","GlimmerComponent","g","prototype","tracked","i","position","args","top","right","left","bottom","bottomBarStyles","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPortal","classNames","argOrDefault","resizeObserver","set","screenReaderOnly"],"mappings":"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"}