@ember-eui/core 13.0.4 → 14.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"eui-flyout.js","sources":["../../src/components/eui-flyout.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { element } from 'ember-element-helper';\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier as modBuilder } from 'ember-modifier';\nimport styleModifier from 'ember-style-modifier/modifiers/style';\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 outsideClickDetectorModifier from '../modifiers/outside-click-detector.ts';\nimport resizeObserverModifier from '../modifiers/resize-observer.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-flyout.ts';\nimport { keysOf } from './common.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiFlyoutArgs = {\n  closeAriaLabel?: string;\n  /**\n   * Shows the navigation flyout\n   */\n  isOpen?: boolean;\n  /**\n   * Keeps navigation flyout visible and push `<body>` content via padding\n   */\n  isDocked?: boolean;\n  /**\n   * Named breakpoint or pixel value for customizing the minimum window width to enable docking\n   */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /**\n   * Keeps the display of toggle button when in docked state\n   */\n  showButtonIfDocked?: boolean;\n\n  isFocusTrapActive?: boolean;\n\n  as?: string;\n\n  size?: number | string;\n\n  side?: 'left' | 'right';\n\n  role?: null | string;\n\n  ownFocus?: boolean;\n\n  outsideClickCloses?: boolean;\n\n  closeButtonPosition?: 'outside' | 'inside';\n\n  paddingSize?: string;\n\n  hideCloseButton?: boolean;\n\n  closeButtonProps?: {\n    className?: string;\n    onClick?: (e: MouseEvent) => void;\n    classes?: string;\n  };\n\n  closeButtonAriaLabel?: string;\n\n  onClose?: () => void;\n\n  maxWidth?: boolean | number;\n\n  maskProps?: Record<string, unknown>;\n\n  type?: string;\n\n  pushMinBreakpoint?: number | EuiBreakpointSize;\n\n  shouldSelfFocus?: boolean;\n\n  focusTrapOptions?: {\n    allowOutsideClick?: boolean;\n    clickOutsideDeactivates?: boolean;\n    initialFocus?: string | HTMLElement | (() => HTMLElement);\n    fallbackFocus?: string | HTMLElement | (() => HTMLElement);\n    escapeDeactivates?: boolean;\n    returnFocusOnDeactivate?: boolean;\n    preventScroll?: boolean;\n  };\n};\n\nconst classesModifier = modBuilder(\n  (\n    _element: Element,\n    _pos,\n    {\n      type,\n      isPushed,\n      side,\n      dimensions = {},\n      functionToCallOnWindowResize\n    }: {\n      type: string;\n      isPushed: boolean;\n      side: string;\n      dimensions?: { width?: number };\n      functionToCallOnWindowResize: () => void;\n    }\n  ) => {\n    // This class doesn't actually do anything by EUI, but is nice to add for consumers (JIC)\n    document.body.classList.add('euiBody--hasFlyout');\n\n    /**\n     * Accomodate for the `isPushed` state by adding padding to the body equal to the width of the element\n     */\n    if (type === 'push') {\n      // Only add the event listener if we'll need to accommodate with padding\n      window.addEventListener('resize', functionToCallOnWindowResize);\n\n      if (isPushed && dimensions.width) {\n        if (side === 'right') {\n          document.body.style.paddingRight = `${dimensions.width}px`;\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = `${dimensions.width}px`;\n        }\n      }\n    }\n\n    return () => {\n      document.body.classList.remove('euiBody--hasFlyout');\n\n      if (type === 'push') {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n\n        if (side === 'right') {\n          document.body.style.paddingRight = '';\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = '';\n        }\n      }\n    };\n  }\n);\n\nexport const SIZES = keysOf(sizeMapping);\nexport type EuiFlyoutSize = (typeof SIZES)[number];\n\nfunction isEuiFlyoutSizeNamed(value: any): value is EuiFlyoutSize {\n  return SIZES.includes(value);\n}\n\nexport interface EuiFlyoutSignature {\n  Element: any;\n  Args: EuiFlyoutArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiFlyoutComponent extends Component<EuiFlyoutSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.pushMinBreakpoint\n  );\n\n  @tracked dimensions?: { width?: number; height?: number };\n\n  get as() {\n    return this.args.as ?? 'div';\n  }\n\n  get hideCloseButton() {\n    return this.args.hideCloseButton ?? false;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'inside';\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get side() {\n    return this.args.side ?? 'right';\n  }\n\n  get size() {\n    return this.args.size ?? 'm';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get maxWidth() {\n    return this.args.maxWidth ?? false;\n  }\n\n  get type() {\n    return this.args.type ?? 'overlay';\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? false;\n  }\n\n  get role() {\n    return this.args.role ?? 'dialog';\n  }\n\n  get pushMinBreakpoint() {\n    return this.args.pushMinBreakpoint ?? 'l';\n  }\n\n  get isPushed() {\n    return this.type === 'push' && this.windowIsLargeEnoughToPush;\n  }\n\n  get styles() {\n    let newStyle: { [key: string]: unknown } = {};\n\n    if (this.maxWidth !== false) {\n      const value =\n        typeof this.maxWidth === 'number'\n          ? `${this.maxWidth}px`\n          : this.maxWidth;\n\n      newStyle = { maxWidth: value };\n    }\n\n    if (!isEuiFlyoutSizeNamed(this.size) && newStyle) {\n      newStyle['width'] = this.size;\n    } else {\n      newStyle = { width: this.size };\n    }\n\n    return newStyle;\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.pushMinBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  @action\n  onClose() {\n    this.args.onClose?.();\n  }\n\n  @action\n  onButtonCloseClicked(e: MouseEvent) {\n    this.onClose();\n    this.args.closeButtonProps?.onClick?.(e);\n  }\n\n  @action\n  onResize(dimensions: { width: number; height: number }) {\n    this.dimensions = dimensions;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\")\n        componentName=\"EuiFlyout\"\n        type=this.type\n        side=this.side\n        size=this.size\n        padding=this.paddingSize\n      )\n      (classNames\n        \"euiFlyout__closeButton\"\n        (concat \"euiFlyout__closeButton--\" this.closeButtonPosition)\n        (or @closeButtonProps.className @closeButtonProps.classes)\n      )\n      (modifier\n        focusTrap\n        isActive=(argOrDefault @isFocusTrapActive true)\n        shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n        isPaused=this.isPushed\n        focusTrapOptions=(argOrDefault\n          @focusTrapOptions\n          (hash\n            allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)\n          )\n        )\n      )\n      (modifier\n        outsideClickDetectorModifier\n        isDisabled=(or this.isPushed (not this.outsideClickCloses))\n        onOutsideClick=this.onClose\n      )\n      (modifier styleModifier this.styles)\n      (modifier onKey \"Escape\" this.onClose)\n      (modifier\n        classesModifier\n        type=this.type\n        isPushed=this.isPushed\n        side=this.side\n        dimensions=this.dimensions\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      )\n      (modifier resizeObserverModifier onResize=this.onResize)\n      (element this.as)\n      as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|\n    }}\n\n      {{#if (and this.ownFocus (not this.isPushed))}}\n        <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{!@glint-expect-error}}\n            {{currentStyles}}\n            {{!@glint-expect-error}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiOverlayMask>\n      {{else if (not this.isPushed)}}\n        <EuiPortal>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{currentStyles}}\n            {{!@glint-expect-error}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiPortal>\n      {{else}}\n        <TheElement\n          role={{this.role}}\n          class={{classes}}\n          tabindex={{-1}}\n          {{currentStyles}}\n          {{!@glint-expect-error}}\n          {{focusTrapModifier}}\n          {{outsideClickDetector}}\n          {{onEscape}}\n          {{classesModifier}}\n          {{resizeObserver}}\n          ...attributes\n        >\n          {{#if (and @onClose (not @hideCloseButton))}}\n            <EuiButtonIcon\n              @display={{if\n                (eq this.closeButtonPosition \"outside\")\n                \"fill\"\n                \"empty\"\n              }}\n              @iconType=\"cross\"\n              @color=\"text\"\n              aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n              data-test-subj=\"euiFlyoutCloseButton\"\n              class={{closeButtonClasses}}\n              {{on \"click\" this.onButtonCloseClicked}}\n            />\n          {{/if}}\n          {{yield}}\n        </TheElement>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["classesModifier","modBuilder","_element","_pos","type","isPushed","side","dimensions","functionToCallOnWindowResize","document","body","classList","add","window","addEventListener","width","style","paddingRight","paddingLeft","remove","removeEventListener","SIZES","keysOf","sizeMapping","isEuiFlyoutSizeNamed","value","includes","EuiFlyoutComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","pushMinBreakpoint","i","void 0","as","args","hideCloseButton","closeButtonPosition","ownFocus","size","paddingSize","maxWidth","outsideClickCloses","role","windowIsLargeEnoughToPush","styles","newStyle","throttle","n","action","onClose","onButtonCloseClicked","e","closeButtonProps","onClick","onResize","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","concat","or","focusTrap","argOrDefault","hash","not","outsideClickDetectorModifier","styleModifier","onKey","resizeObserverModifier","element","and","EuiOverlayMask","EuiButtonIcon","on","EuiPortal"],"mappings":"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"}
+{"version":3,"file":"eui-flyout.js","sources":["../../src/components/eui-flyout.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { throttle } from '@ember/runloop';\n\nimport { element } from 'ember-element-helper';\nimport { focusTrap } from 'ember-focus-trap';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { modifier as modBuilder } from 'ember-modifier';\nimport styleModifier from 'ember-style-modifier/modifiers/style';\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 outsideClickDetectorModifier from '../modifiers/outside-click-detector.ts';\nimport resizeObserverModifier from '../modifiers/resize-observer.ts';\nimport { isWithinMinBreakpoint } from '../utils/breakpoint.ts';\nimport { sizeMapping } from '../utils/css-mappings/eui-flyout.ts';\nimport { keysOf } from './common.ts';\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiOverlayMask from './eui-overlay-mask.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type EuiFlyoutArgs = {\n  closeAriaLabel?: string;\n  /**\n   * Shows the navigation flyout\n   */\n  isOpen?: boolean;\n  /**\n   * Keeps navigation flyout visible and push `<body>` content via padding\n   */\n  isDocked?: boolean;\n  /**\n   * Named breakpoint or pixel value for customizing the minimum window width to enable docking\n   */\n  dockedBreakpoint?: EuiBreakpointSize | number;\n  /**\n   * Keeps the display of toggle button when in docked state\n   */\n  showButtonIfDocked?: boolean;\n\n  isFocusTrapActive?: boolean;\n\n  as?: string;\n\n  size?: number | string;\n\n  side?: 'left' | 'right';\n\n  role?: null | string;\n\n  ownFocus?: boolean;\n\n  outsideClickCloses?: boolean;\n\n  closeButtonPosition?: 'outside' | 'inside';\n\n  paddingSize?: string;\n\n  hideCloseButton?: boolean;\n\n  closeButtonProps?: {\n    className?: string;\n    onClick?: (e: MouseEvent) => void;\n    classes?: string;\n  };\n\n  closeButtonAriaLabel?: string;\n\n  onClose?: () => void;\n\n  maxWidth?: boolean | number;\n\n  maskProps?: Record<string, unknown>;\n\n  type?: string;\n\n  pushMinBreakpoint?: number | EuiBreakpointSize;\n\n  shouldSelfFocus?: boolean;\n\n  focusTrapOptions?: {\n    allowOutsideClick?: boolean;\n    clickOutsideDeactivates?: boolean;\n    initialFocus?: string | HTMLElement | (() => HTMLElement);\n    fallbackFocus?: string | HTMLElement | (() => HTMLElement);\n    escapeDeactivates?: boolean;\n    returnFocusOnDeactivate?: boolean;\n    preventScroll?: boolean;\n  };\n};\n\nconst classesModifier = modBuilder(\n  (\n    _element: Element,\n    _pos,\n    {\n      type,\n      isPushed,\n      side,\n      dimensions = {},\n      functionToCallOnWindowResize\n    }: {\n      type: string;\n      isPushed: boolean;\n      side: string;\n      dimensions?: { width?: number };\n      functionToCallOnWindowResize: () => void;\n    }\n  ) => {\n    // This class doesn't actually do anything by EUI, but is nice to add for consumers (JIC)\n    document.body.classList.add('euiBody--hasFlyout');\n\n    /**\n     * Accomodate for the `isPushed` state by adding padding to the body equal to the width of the element\n     */\n    if (type === 'push') {\n      // Only add the event listener if we'll need to accommodate with padding\n      window.addEventListener('resize', functionToCallOnWindowResize);\n\n      if (isPushed && dimensions.width) {\n        if (side === 'right') {\n          document.body.style.paddingRight = `${dimensions.width}px`;\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = `${dimensions.width}px`;\n        }\n      }\n    }\n\n    return () => {\n      document.body.classList.remove('euiBody--hasFlyout');\n\n      if (type === 'push') {\n        window.removeEventListener('resize', functionToCallOnWindowResize);\n\n        if (side === 'right') {\n          document.body.style.paddingRight = '';\n        } else if (side === 'left') {\n          document.body.style.paddingLeft = '';\n        }\n      }\n    };\n  }\n);\n\nexport const SIZES = keysOf(sizeMapping);\nexport type EuiFlyoutSize = (typeof SIZES)[number];\n\nfunction isEuiFlyoutSizeNamed(value: any): value is EuiFlyoutSize {\n  return SIZES.includes(value);\n}\n\nexport interface EuiFlyoutSignature {\n  Element: any;\n  Args: EuiFlyoutArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiFlyoutComponent extends Component<EuiFlyoutSignature> {\n  @tracked windowIsLargeEnoughToPush = isWithinMinBreakpoint(\n    typeof window === 'undefined' ? -Infinity : window.innerWidth,\n    this.pushMinBreakpoint\n  );\n\n  @tracked dimensions?: { width?: number; height?: number };\n\n  get as() {\n    return this.args.as ?? 'div';\n  }\n\n  get hideCloseButton() {\n    return this.args.hideCloseButton ?? false;\n  }\n\n  get closeButtonPosition() {\n    return this.args.closeButtonPosition ?? 'inside';\n  }\n\n  get ownFocus() {\n    return this.args.ownFocus ?? true;\n  }\n\n  get side() {\n    return this.args.side ?? 'right';\n  }\n\n  get size() {\n    return this.args.size ?? 'm';\n  }\n\n  get paddingSize() {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  get maxWidth() {\n    return this.args.maxWidth ?? false;\n  }\n\n  get type() {\n    return this.args.type ?? 'overlay';\n  }\n\n  get outsideClickCloses() {\n    return this.args.outsideClickCloses ?? false;\n  }\n\n  get role() {\n    return this.args.role ?? 'dialog';\n  }\n\n  get pushMinBreakpoint() {\n    return this.args.pushMinBreakpoint ?? 'l';\n  }\n\n  get isPushed() {\n    return this.type === 'push' && this.windowIsLargeEnoughToPush;\n  }\n\n  get styles() {\n    let newStyle: { [key: string]: unknown } = {};\n\n    if (this.maxWidth !== false) {\n      const value =\n        typeof this.maxWidth === 'number'\n          ? `${this.maxWidth}px`\n          : this.maxWidth;\n\n      newStyle = { maxWidth: value };\n    }\n\n    if (!isEuiFlyoutSizeNamed(this.size) && newStyle) {\n      newStyle['width'] = this.size;\n    } else {\n      newStyle = { width: this.size };\n    }\n\n    return newStyle;\n  }\n\n  @action\n  functionToCallOnWindowResize() {\n    throttle(() => {\n      if (isWithinMinBreakpoint(window.innerWidth, this.pushMinBreakpoint)) {\n        this.windowIsLargeEnoughToPush = true;\n      } else {\n        this.windowIsLargeEnoughToPush = false;\n      }\n    }, 50);\n  }\n\n  @action\n  onClose() {\n    this.args.onClose?.();\n  }\n\n  @action\n  onButtonCloseClicked(e: MouseEvent) {\n    this.onClose();\n    this.args.closeButtonProps?.onClick?.(e);\n  }\n\n  @action\n  onResize(dimensions: { width: number; height: number }) {\n    this.dimensions = dimensions;\n  }\n\n  <template>\n    {{#let\n      (classNames\n        (if (eq this.maxWidth true) \"euiFlyout--maxWidth-default\")\n        componentName=\"EuiFlyout\"\n        type=this.type\n        side=this.side\n        size=this.size\n        padding=this.paddingSize\n      )\n      (classNames\n        \"euiFlyout__closeButton\"\n        (concat \"euiFlyout__closeButton--\" this.closeButtonPosition)\n        (or @closeButtonProps.className @closeButtonProps.classes)\n      )\n      (modifier\n        focusTrap\n        isActive=(argOrDefault @isFocusTrapActive true)\n        shouldSelfFocus=(argOrDefault @shouldSelfFocus true)\n        isPaused=this.isPushed\n        focusTrapOptions=(argOrDefault\n          @focusTrapOptions\n          (hash\n            allowOutsideClick=true clickOutsideDeactivates=(not this.ownFocus)\n          )\n        )\n      )\n      (modifier\n        outsideClickDetectorModifier\n        isDisabled=(or this.isPushed (not this.outsideClickCloses))\n        onOutsideClick=this.onClose\n      )\n      (modifier styleModifier this.styles)\n      (modifier onKey \"Escape\" this.onClose)\n      (modifier\n        classesModifier\n        type=this.type\n        isPushed=this.isPushed\n        side=this.side\n        dimensions=this.dimensions\n        functionToCallOnWindowResize=this.functionToCallOnWindowResize\n      )\n      (modifier resizeObserverModifier onResize=this.onResize)\n      (element this.as)\n      as |classes closeButtonClasses focusTrapModifier outsideClickDetector currentStyles onEscape classesModifier resizeObserver TheElement|\n    }}\n\n      {{#if (and this.ownFocus (not this.isPushed))}}\n        <EuiOverlayMask @headerZindexLocation=\"below\" @onClick={{this.onClose}}>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{!@glint-expect-error}}\n            {{currentStyles}}\n            {{!@glint-expect-error}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiOverlayMask>\n      {{else if (not this.isPushed)}}\n        <EuiPortal>\n          <TheElement\n            role={{this.role}}\n            class={{classes}}\n            tabindex={{-1}}\n            {{currentStyles}}\n            {{!@glint-expect-error}}\n            {{focusTrapModifier}}\n            {{outsideClickDetector}}\n            {{onEscape}}\n            {{classesModifier}}\n            {{resizeObserver}}\n            ...attributes\n          >\n            {{#if (and @onClose (not @hideCloseButton))}}\n              <EuiButtonIcon\n                @display={{if\n                  (eq this.closeButtonPosition \"outside\")\n                  \"fill\"\n                  \"empty\"\n                }}\n                @iconType=\"cross\"\n                @color=\"text\"\n                aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n                data-test-subj=\"euiFlyoutCloseButton\"\n                class={{closeButtonClasses}}\n                {{on \"click\" this.onButtonCloseClicked}}\n              />\n            {{/if}}\n            {{yield}}\n          </TheElement>\n        </EuiPortal>\n      {{else}}\n        <TheElement\n          role={{this.role}}\n          class={{classes}}\n          tabindex={{-1}}\n          {{currentStyles}}\n          {{!@glint-expect-error}}\n          {{focusTrapModifier}}\n          {{outsideClickDetector}}\n          {{onEscape}}\n          {{classesModifier}}\n          {{resizeObserver}}\n          ...attributes\n        >\n          {{#if (and @onClose (not @hideCloseButton))}}\n            <EuiButtonIcon\n              @display={{if\n                (eq this.closeButtonPosition \"outside\")\n                \"fill\"\n                \"empty\"\n              }}\n              @iconType=\"cross\"\n              @color=\"text\"\n              aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}\n              data-test-subj=\"euiFlyoutCloseButton\"\n              class={{closeButtonClasses}}\n              {{on \"click\" this.onButtonCloseClicked}}\n            />\n          {{/if}}\n          {{yield}}\n        </TheElement>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["classesModifier","modBuilder","_element","_pos","type","isPushed","side","dimensions","functionToCallOnWindowResize","document","body","classList","add","window","addEventListener","width","style","paddingRight","paddingLeft","remove","removeEventListener","SIZES","keysOf","sizeMapping","isEuiFlyoutSizeNamed","value","includes","EuiFlyoutComponent","Component","g","prototype","tracked","isWithinMinBreakpoint","Infinity","innerWidth","pushMinBreakpoint","i","as","args","hideCloseButton","closeButtonPosition","ownFocus","size","paddingSize","maxWidth","outsideClickCloses","role","windowIsLargeEnoughToPush","styles","newStyle","throttle","n","action","onClose","onButtonCloseClicked","e","closeButtonProps","onClick","onResize","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","concat","or","focusTrap","argOrDefault","hash","not","outsideClickDetectorModifier","styleModifier","onKey","resizeObserverModifier","element","and","EuiOverlayMask","EuiButtonIcon","on","EuiPortal"],"mappings":"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"}

package/dist/components/eui-form-control-layout-clear-button.js

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormControlLayoutClearButton = setComponentTemplate(precompileTemplate("\n    <button class={{classNames componentName=\"EuiFormControlLayoutClearButton\" size=(argOrDefault @size \"m\")}} type=\"button\" aria-label={{@label}} ...attributes>\n      <EuiIcon @iconClasses=\"euiFormControlLayoutClearButton__icon\" @type=\"cross\" />\n    </button>\n  ", {
+const EuiFormControlLayoutClearButton = setComponentTemplate(precompileTemplate("<button class={{classNames componentName=\"EuiFormControlLayoutClearButton\" size=(argOrDefault @size \"m\")}} type=\"button\" aria-label={{@label}} ...attributes>\n  <EuiIcon @iconClasses=\"euiFormControlLayoutClearButton__icon\" @type=\"cross\" />\n</button>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-form-control-layout-clear-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-layout-clear-button.js","sources":["../../src/components/eui-form-control-layout-clear-button.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-form-control-layout-clear-button.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFormControlLayoutClearButtonArgs = CommonArgs & {\n  size?: keyof typeof sizeMapping;\n  label?: string;\n};\n\nexport interface EuiFormControlLayoutClearButtonSignature {\n  Element: HTMLButtonElement;\n  Args: EuiFormControlLayoutClearButtonArgs;\n}\n\nconst EuiFormControlLayoutClearButton: TemplateOnlyComponent<EuiFormControlLayoutClearButtonSignature> =\n  <template>\n    <button\n      class={{classNames\n        componentName=\"EuiFormControlLayoutClearButton\"\n        size=(argOrDefault @size \"m\")\n      }}\n      type=\"button\"\n      aria-label={{@label}}\n      ...attributes\n    >\n      <EuiIcon\n        @iconClasses=\"euiFormControlLayoutClearButton__icon\"\n        @type=\"cross\"\n      />\n    </button>\n  </template>;\n\nexport default EuiFormControlLayoutClearButton;\n"],"names":["EuiFormControlLayoutClearButton","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;AAkBA,MAAMA,+BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAeA,wRAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-control-layout-clear-button.js","sources":["../../src/components/eui-form-control-layout-clear-button.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { sizeMapping } from '../utils/css-mappings/eui-form-control-layout-clear-button.ts';\nimport type { CommonArgs } from './common.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFormControlLayoutClearButtonArgs = CommonArgs & {\n  size?: keyof typeof sizeMapping;\n  label?: string;\n};\n\nexport interface EuiFormControlLayoutClearButtonSignature {\n  Element: HTMLButtonElement;\n  Args: EuiFormControlLayoutClearButtonArgs;\n}\n\nconst EuiFormControlLayoutClearButton: TemplateOnlyComponent<EuiFormControlLayoutClearButtonSignature> =\n  <template>\n    <button\n      class={{classNames\n        componentName=\"EuiFormControlLayoutClearButton\"\n        size=(argOrDefault @size \"m\")\n      }}\n      type=\"button\"\n      aria-label={{@label}}\n      ...attributes\n    >\n      <EuiIcon\n        @iconClasses=\"euiFormControlLayoutClearButton__icon\"\n        @type=\"cross\"\n      />\n    </button>\n  </template>;\n\nexport default EuiFormControlLayoutClearButton;\n"],"names":["EuiFormControlLayoutClearButton","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","EuiIcon","templateOnly"],"mappings":";;;;;;;AAkBA,MAAMA,+BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAeA,sQAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-control-layout-custom-icon.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormControlLayoutCustomIcon = setComponentTemplate(precompileTemplate("\n    {{#if @onClick}}\n      <button type=\"button\" class=\"euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable\" ...attributes {{on \"click\" @onClick}}>\n        <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} aria-hidden=\"true\" />\n      </button>\n    {{else}}\n      <span class=\"euiFormControlLayoutCustomIcon\" ...attributes>\n        <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} aria-hidden=\"true\" />\n      </span>\n    {{/if}}\n  ", {
+const EuiFormControlLayoutCustomIcon = setComponentTemplate(precompileTemplate("{{#if @onClick}}\n  <button type=\"button\" class=\"euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable\" ...attributes {{on \"click\" @onClick}}>\n    <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} aria-hidden=\"true\" />\n  </button>\n{{else}}\n  <span class=\"euiFormControlLayoutCustomIcon\" ...attributes>\n    <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} aria-hidden=\"true\" />\n  </span>\n{{/if}}", {
   strictMode: true,
   scope: () => ({
     on,

package/dist/components/eui-form-control-layout-custom-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-layout-custom-icon.js","sources":["../../src/components/eui-form-control-layout-custom-icon.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport EuiIcon from './eui-icon.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiIconSignature } from './eui-icon.gts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFormControlLayoutCustomIconArgs = CommonArgs & {\n  onClick?: (event: MouseEvent) => void;\n  type: EuiIconSignature['Args']['type'];\n  size?: EuiIconSignature['Args']['size'];\n  iconRef?: string | ((el: HTMLButtonElement | HTMLSpanElement | null) => void);\n};\n\nexport interface EuiFormControlLayoutCustomIconSignature {\n  Element: HTMLButtonElement | HTMLSpanElement;\n  Args: EuiFormControlLayoutCustomIconArgs;\n}\n\nconst EuiFormControlLayoutCustomIcon: TemplateOnlyComponent<EuiFormControlLayoutCustomIconSignature> =\n  <template>\n    {{#if @onClick}}\n      <button\n        type=\"button\"\n        class=\"euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable\"\n        ...attributes\n        {{on \"click\" @onClick}}\n      >\n        <EuiIcon\n          @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n          @type={{@type}}\n          @size={{@size}}\n          aria-hidden=\"true\"\n        />\n      </button>\n    {{else}}\n      <span class=\"euiFormControlLayoutCustomIcon\" ...attributes>\n        <EuiIcon\n          @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n          @type={{@type}}\n          @size={{@size}}\n          aria-hidden=\"true\"\n        />\n      </span>\n    {{/if}}\n  </template>;\n\nexport default EuiFormControlLayoutCustomIcon;\n"],"names":["EuiFormControlLayoutCustomIcon","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,8BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAyBA,ujBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-control-layout-custom-icon.js","sources":["../../src/components/eui-form-control-layout-custom-icon.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport EuiIcon from './eui-icon.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiIconSignature } from './eui-icon.gts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiFormControlLayoutCustomIconArgs = CommonArgs & {\n  onClick?: (event: MouseEvent) => void;\n  type: EuiIconSignature['Args']['type'];\n  size?: EuiIconSignature['Args']['size'];\n  iconRef?: string | ((el: HTMLButtonElement | HTMLSpanElement | null) => void);\n};\n\nexport interface EuiFormControlLayoutCustomIconSignature {\n  Element: HTMLButtonElement | HTMLSpanElement;\n  Args: EuiFormControlLayoutCustomIconArgs;\n}\n\nconst EuiFormControlLayoutCustomIcon: TemplateOnlyComponent<EuiFormControlLayoutCustomIconSignature> =\n  <template>\n    {{#if @onClick}}\n      <button\n        type=\"button\"\n        class=\"euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable\"\n        ...attributes\n        {{on \"click\" @onClick}}\n      >\n        <EuiIcon\n          @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n          @type={{@type}}\n          @size={{@size}}\n          aria-hidden=\"true\"\n        />\n      </button>\n    {{else}}\n      <span class=\"euiFormControlLayoutCustomIcon\" ...attributes>\n        <EuiIcon\n          @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n          @type={{@type}}\n          @size={{@size}}\n          aria-hidden=\"true\"\n        />\n      </span>\n    {{/if}}\n  </template>;\n\nexport default EuiFormControlLayoutCustomIcon;\n"],"names":["EuiFormControlLayoutCustomIcon","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,8BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAyBA,6gBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-control-layout-delimited.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormControlLayoutDelimited = setComponentTemplate(precompileTemplate("\n    {{#let (has-block \"prepend\") (has-block \"append\") (has-block \"delimiter\") (argOrDefault @delimiter \"\u2192\") (argOrDefault @useGroup true) as |hasPrepend hasAppend hasDelimeterBlock delimiter useGroup|}}\n      <EuiFormControlLayout class=\"euiFormControlLayoutDelimited\" @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{and useGroup (or hasPrepend hasAppend)}}>\n        <:prepend as |prependClasses|>\n          {{yield prependClasses to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n          <EuiText class=\"euiFormControlLayoutDelimited__delimeter\" @size=\"s\" @color=\"subdued\">\n            {{#if (or delimiter hasDelimeterBlock)}}\n              {{#if hasDelimeterBlock}}\n                {{yield to=\"delimiter\"}}\n              {{else}}\n                {{delimiter}}\n              {{/if}}\n            {{/if}}\n          </EuiText>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/let}}\n  ", {
+const EuiFormControlLayoutDelimited = setComponentTemplate(precompileTemplate("{{#let (has-block \"prepend\") (has-block \"append\") (has-block \"delimiter\") (argOrDefault @delimiter \"\u2192\") (argOrDefault @useGroup true) as |hasPrepend hasAppend hasDelimeterBlock delimiter useGroup|}}\n  <EuiFormControlLayout class=\"euiFormControlLayoutDelimited\" @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{and useGroup (or hasPrepend hasAppend)}}>\n    <:prepend as |prependClasses|>\n      {{yield prependClasses to=\"prepend\"}}\n    </:prepend>\n    <:field>\n      {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n      <EuiText class=\"euiFormControlLayoutDelimited__delimeter\" @size=\"s\" @color=\"subdued\">\n        {{#if (or delimiter hasDelimeterBlock)}}\n          {{#if hasDelimeterBlock}}\n            {{yield to=\"delimiter\"}}\n          {{else}}\n            {{delimiter}}\n          {{/if}}\n        {{/if}}\n      </EuiText>\n      {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n    </:field>\n    <:append as |appendClasses|>\n      {{yield appendClasses to=\"append\"}}\n    </:append>\n  </EuiFormControlLayout>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-form-control-layout-delimited.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-layout-delimited.js","sources":["../../src/components/eui-form-control-layout-delimited.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormControlLayoutDelimitedSignature {\n  Args: {\n    icon?: string;\n    clear?: EuiFormControlLayoutSignature['Args']['clear'];\n    fullWidth?: EuiFormControlLayoutSignature['Args']['fullWidth'];\n    isLoading?: EuiFormControlLayoutSignature['Args']['isLoading'];\n    compressed?: EuiFormControlLayoutSignature['Args']['compressed'];\n    readOnly?: EuiFormControlLayoutSignature['Args']['readOnly'];\n    disabled?: EuiFormControlLayoutSignature['Args']['disabled'];\n    delimiter?: string;\n    useGroup?: boolean;\n  };\n  Blocks: {\n    prepend: EuiFormControlLayoutSignature['Blocks']['prepend'];\n    startControl: [classes: string];\n    delimiter: [];\n    endControl: [classes: string];\n    append: EuiFormControlLayoutSignature['Blocks']['append'];\n  };\n}\n\nconst EuiFormControlLayoutDelimited: TemplateOnlyComponent<EuiFormControlLayoutDelimitedSignature> =\n  <template>\n    {{#let\n      (has-block \"prepend\")\n      (has-block \"append\")\n      (has-block \"delimiter\")\n      (argOrDefault @delimiter \"→\")\n      (argOrDefault @useGroup true)\n      as |hasPrepend hasAppend hasDelimeterBlock delimiter useGroup|\n    }}\n      <EuiFormControlLayout\n        class=\"euiFormControlLayoutDelimited\"\n        @icon={{@icon}}\n        @clear={{@clear}}\n        @fullWidth={{@fullWidth}}\n        @isLoading={{@isLoading}}\n        @compressed={{@compressed}}\n        @readOnly={{@readOnly}}\n        @disabled={{@disabled}}\n        @useGroup={{and useGroup (or hasPrepend hasAppend)}}\n      >\n        <:prepend as |prependClasses|>\n          {{yield prependClasses to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n          <EuiText\n            class=\"euiFormControlLayoutDelimited__delimeter\"\n            @size=\"s\"\n            @color=\"subdued\"\n          >\n            {{#if (or delimiter hasDelimeterBlock)}}\n              {{#if hasDelimeterBlock}}\n                {{yield to=\"delimiter\"}}\n              {{else}}\n                {{delimiter}}\n              {{/if}}\n            {{/if}}\n          </EuiText>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/let}}\n  </template>;\n\nexport default EuiFormControlLayoutDelimited;\n"],"names":["EuiFormControlLayoutDelimited","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiFormControlLayout","and","or","EuiText","templateOnly"],"mappings":";;;;;;;;AA8BA,MAAMA,6BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA6CA,szCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-control-layout-delimited.js","sources":["../../src/components/eui-form-control-layout-delimited.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormControlLayoutDelimitedSignature {\n  Args: {\n    icon?: string;\n    clear?: EuiFormControlLayoutSignature['Args']['clear'];\n    fullWidth?: EuiFormControlLayoutSignature['Args']['fullWidth'];\n    isLoading?: EuiFormControlLayoutSignature['Args']['isLoading'];\n    compressed?: EuiFormControlLayoutSignature['Args']['compressed'];\n    readOnly?: EuiFormControlLayoutSignature['Args']['readOnly'];\n    disabled?: EuiFormControlLayoutSignature['Args']['disabled'];\n    delimiter?: string;\n    useGroup?: boolean;\n  };\n  Blocks: {\n    prepend: EuiFormControlLayoutSignature['Blocks']['prepend'];\n    startControl: [classes: string];\n    delimiter: [];\n    endControl: [classes: string];\n    append: EuiFormControlLayoutSignature['Blocks']['append'];\n  };\n}\n\nconst EuiFormControlLayoutDelimited: TemplateOnlyComponent<EuiFormControlLayoutDelimitedSignature> =\n  <template>\n    {{#let\n      (has-block \"prepend\")\n      (has-block \"append\")\n      (has-block \"delimiter\")\n      (argOrDefault @delimiter \"→\")\n      (argOrDefault @useGroup true)\n      as |hasPrepend hasAppend hasDelimeterBlock delimiter useGroup|\n    }}\n      <EuiFormControlLayout\n        class=\"euiFormControlLayoutDelimited\"\n        @icon={{@icon}}\n        @clear={{@clear}}\n        @fullWidth={{@fullWidth}}\n        @isLoading={{@isLoading}}\n        @compressed={{@compressed}}\n        @readOnly={{@readOnly}}\n        @disabled={{@disabled}}\n        @useGroup={{and useGroup (or hasPrepend hasAppend)}}\n      >\n        <:prepend as |prependClasses|>\n          {{yield prependClasses to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"startControl\"}}\n          <EuiText\n            class=\"euiFormControlLayoutDelimited__delimeter\"\n            @size=\"s\"\n            @color=\"subdued\"\n          >\n            {{#if (or delimiter hasDelimeterBlock)}}\n              {{#if hasDelimeterBlock}}\n                {{yield to=\"delimiter\"}}\n              {{else}}\n                {{delimiter}}\n              {{/if}}\n            {{/if}}\n          </EuiText>\n          {{yield \"euiFormControlLayoutDelimited__input\" to=\"endControl\"}}\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/let}}\n  </template>;\n\nexport default EuiFormControlLayoutDelimited;\n"],"names":["EuiFormControlLayoutDelimited","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiFormControlLayout","and","or","EuiText","templateOnly"],"mappings":";;;;;;;;AA8BA,MAAMA,6BACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA6CA,otCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,aAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-control-layout-icons.js

@@ -9,7 +9,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 const ICON_SIDES = ['left', 'right'];
-const EuiFormControlLayoutIcons = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n      {{#if (eq iconSide \"left\")}}\n        <div class=\"euiFormControlLayoutIcons\">\n          {{#if @icon}}\n            <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n          {{/if}}\n        </div>\n      {{/if}}\n      {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n        <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n          {{#if @clear}}\n            <EuiFormControlLayoutClearButton @size={{if @compressed \"s\" \"m\"}} {{on \"click\" @clear}} ...attributes />\n          {{/if}}\n          {{#if @isLoading}}\n            <EuiLoadingSpinner @size=\"m\" />\n          {{/if}}\n          {{#if (eq iconSide \"right\")}}\n            {{#if @icon}}\n              <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n            {{/if}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  ", {
+const EuiFormControlLayoutIcons = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n  {{#if (eq iconSide \"left\")}}\n    <div class=\"euiFormControlLayoutIcons\">\n      {{#if @icon}}\n        <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n      {{/if}}\n    </div>\n  {{/if}}\n  {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n    <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n      {{#if @clear}}\n        <EuiFormControlLayoutClearButton @size={{if @compressed \"s\" \"m\"}} {{on \"click\" @clear}} ...attributes />\n      {{/if}}\n      {{#if @isLoading}}\n        <EuiLoadingSpinner @size=\"m\" />\n      {{/if}}\n      {{#if (eq iconSide \"right\")}}\n        {{#if @icon}}\n          <EuiFormControlLayoutCustomIcon @size={{if @compressed \"s\" \"m\"}} @type={{@icon}} ...attributes />\n        {{/if}}\n      {{/if}}\n    </div>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-form-control-layout-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-layout-icons.js","sources":["../../src/components/eui-form-control-layout-icons.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { and, eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayoutClearButton from './eui-form-control-layout-clear-button.gts';\nimport EuiFormControlLayoutCustomIcon from './eui-form-control-layout-custom-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiFormControlLayoutCustomIconSignature } from './eui-form-control-layout-custom-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport const ICON_SIDES: ['left', 'right'] = ['left', 'right'];\n\nexport interface EuiFormControlLayoutIconsArgs {\n  icon?: EuiFormControlLayoutCustomIconSignature['Args']['type'];\n  iconSide?: (typeof ICON_SIDES)[number];\n  clear?: (v: any) => void;\n  isLoading?: boolean;\n  compressed?: boolean;\n}\n\nexport interface EuiFormControlLayoutIconsSignature {\n  Element: EuiFormControlLayoutCustomIconSignature['Element'];\n  Args: EuiFormControlLayoutIconsArgs;\n}\n\nconst EuiFormControlLayoutIcons: TemplateOnlyComponent<EuiFormControlLayoutIconsSignature> =\n  <template>\n    {{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n      {{#if (eq iconSide \"left\")}}\n        <div class=\"euiFormControlLayoutIcons\">\n          {{#if @icon}}\n            <EuiFormControlLayoutCustomIcon\n              @size={{if @compressed \"s\" \"m\"}}\n              @type={{@icon}}\n              ...attributes\n            />\n          {{/if}}\n        </div>\n      {{/if}}\n      {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n        <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n          {{#if @clear}}\n            <EuiFormControlLayoutClearButton\n              @size={{if @compressed \"s\" \"m\"}}\n              {{on \"click\" @clear}}\n              ...attributes\n            />\n          {{/if}}\n          {{#if @isLoading}}\n            <EuiLoadingSpinner @size=\"m\" />\n          {{/if}}\n          {{#if (eq iconSide \"right\")}}\n            {{#if @icon}}\n              <EuiFormControlLayoutCustomIcon\n                @size={{if @compressed \"s\" \"m\"}}\n                @type={{@icon}}\n                ...attributes\n              />\n            {{/if}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </template>;\n\nexport default EuiFormControlLayoutIcons;\n"],"names":["ICON_SIDES","EuiFormControlLayoutIcons","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","EuiFormControlLayoutCustomIcon","or","and","EuiFormControlLayoutClearButton","on","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;MAYaA,UAAgC,GAAA,CAAC,MAAA,EAAQ,OAAA;AAetD,MAAMC,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqCA,khCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,+BAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-control-layout-icons.js","sources":["../../src/components/eui-form-control-layout-icons.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { and, eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiFormControlLayoutClearButton from './eui-form-control-layout-clear-button.gts';\nimport EuiFormControlLayoutCustomIcon from './eui-form-control-layout-custom-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { EuiFormControlLayoutCustomIconSignature } from './eui-form-control-layout-custom-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport const ICON_SIDES: ['left', 'right'] = ['left', 'right'];\n\nexport interface EuiFormControlLayoutIconsArgs {\n  icon?: EuiFormControlLayoutCustomIconSignature['Args']['type'];\n  iconSide?: (typeof ICON_SIDES)[number];\n  clear?: (v: any) => void;\n  isLoading?: boolean;\n  compressed?: boolean;\n}\n\nexport interface EuiFormControlLayoutIconsSignature {\n  Element: EuiFormControlLayoutCustomIconSignature['Element'];\n  Args: EuiFormControlLayoutIconsArgs;\n}\n\nconst EuiFormControlLayoutIcons: TemplateOnlyComponent<EuiFormControlLayoutIconsSignature> =\n  <template>\n    {{#let (argOrDefault @iconSide \"left\") as |iconSide|}}\n      {{#if (eq iconSide \"left\")}}\n        <div class=\"euiFormControlLayoutIcons\">\n          {{#if @icon}}\n            <EuiFormControlLayoutCustomIcon\n              @size={{if @compressed \"s\" \"m\"}}\n              @type={{@icon}}\n              ...attributes\n            />\n          {{/if}}\n        </div>\n      {{/if}}\n      {{#if (or @clear @isLoading (and @icon (eq iconSide \"right\")))}}\n        <div class=\"euiFormControlLayoutIcons euiFormControlLayoutIcons--right\">\n          {{#if @clear}}\n            <EuiFormControlLayoutClearButton\n              @size={{if @compressed \"s\" \"m\"}}\n              {{on \"click\" @clear}}\n              ...attributes\n            />\n          {{/if}}\n          {{#if @isLoading}}\n            <EuiLoadingSpinner @size=\"m\" />\n          {{/if}}\n          {{#if (eq iconSide \"right\")}}\n            {{#if @icon}}\n              <EuiFormControlLayoutCustomIcon\n                @size={{if @compressed \"s\" \"m\"}}\n                @type={{@icon}}\n                ...attributes\n              />\n            {{/if}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </template>;\n\nexport default EuiFormControlLayoutIcons;\n"],"names":["ICON_SIDES","EuiFormControlLayoutIcons","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","EuiFormControlLayoutCustomIcon","or","and","EuiFormControlLayoutClearButton","on","EuiLoadingSpinner","templateOnly"],"mappings":";;;;;;;;;;MAYaA,UAAgC,GAAA,CAAC,MAAA,EAAQ,OAAA;AAetD,MAAMC,yBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAqCA,46BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,8BAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,+BAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-control-layout.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormControlLayout = setComponentTemplate(precompileTemplate("\n    <div class={{classNames (if @fullWidth \"euiFormControlLayout--fullWidth\") (if @compressed \"euiFormControlLayout--compressed\") (if @readOnly \"euiFormControlLayout--readOnly\") (if (and (argOrDefault @useGroup true) (or (has-block \"append\") (has-block \"prepend\"))) \"euiFormControlLayout--group\") (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\") \"euiFormControlLayout\"}} ...attributes>\n      {{#if (has-block \"prepend\")}}\n        {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n      {{/if}}\n      <div class=\"euiFormControlLayout__childrenWrapper\">\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        <EuiFormControlLayoutIcons @icon={{@icon}} @iconSide={{@iconSide}} @clear={{@clear}} @compressed={{@compressed}} @isLoading={{@isLoading}} />\n      </div>\n      {{#if (has-block \"append\")}}\n        {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n      {{/if}}\n    </div>\n  ", {
+const EuiFormControlLayout = setComponentTemplate(precompileTemplate("<div class={{classNames (if @fullWidth \"euiFormControlLayout--fullWidth\") (if @compressed \"euiFormControlLayout--compressed\") (if @readOnly \"euiFormControlLayout--readOnly\") (if (and (argOrDefault @useGroup true) (or (has-block \"append\") (has-block \"prepend\"))) \"euiFormControlLayout--group\") (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\") \"euiFormControlLayout\"}} ...attributes>\n  {{#if (has-block \"prepend\")}}\n    {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n  {{/if}}\n  <div class=\"euiFormControlLayout__childrenWrapper\">\n    {{#if (has-block \"field\")}}\n      {{yield to=\"field\"}}\n    {{else}}\n      {{yield}}\n    {{/if}}\n    <EuiFormControlLayoutIcons @icon={{@icon}} @iconSide={{@iconSide}} @clear={{@clear}} @compressed={{@compressed}} @isLoading={{@isLoading}} />\n  </div>\n  {{#if (has-block \"append\")}}\n    {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-form-control-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-layout.js","sources":["../../src/components/eui-form-control-layout.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFormControlLayoutIcons from './eui-form-control-layout-icons.gts';\n\nimport type { EuiFormControlLayoutIconsSignature } from './eui-form-control-layout-icons';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type Component from '@glimmer/component';\n\ntype StringOrComponent = string | Component;\ntype PrependAppendType = StringOrComponent | StringOrComponent[];\n\nexport interface EuiFormControlLayoutSignature {\n  Element: HTMLDivElement;\n  Args: {\n    fullWidth?: boolean;\n    /**\n     * Creates an input group with element(s) coming before children.\n     * */\n    compressed?: boolean;\n    readOnly?: boolean;\n    useGroup?: boolean;\n    disabled?: boolean;\n    isDisabled?: boolean;\n    icon?: EuiFormControlLayoutIconsSignature['Args']['icon'];\n    iconSide?: EuiFormControlLayoutIconsSignature['Args']['iconSide'];\n    clear?: EuiFormControlLayoutIconsSignature['Args']['clear'];\n    isLoading?: boolean;\n    inputId?: string;\n  };\n  Blocks: {\n    prepend: [classes: 'euiFormControlLayout__prepend'];\n    field: [];\n    default: [];\n    append: [classes: 'euiFormControlLayout__append'];\n  };\n}\n\nconst EuiFormControlLayout: TemplateOnlyComponent<EuiFormControlLayoutSignature> =\n  <template>\n    <div\n      class={{classNames\n        (if @fullWidth \"euiFormControlLayout--fullWidth\")\n        (if @compressed \"euiFormControlLayout--compressed\")\n        (if @readOnly \"euiFormControlLayout--readOnly\")\n        (if\n          (and\n            (argOrDefault @useGroup true)\n            (or (has-block \"append\") (has-block \"prepend\"))\n          )\n          \"euiFormControlLayout--group\"\n        )\n        (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\")\n        \"euiFormControlLayout\"\n      }}\n      ...attributes\n    >\n      {{#if (has-block \"prepend\")}}\n        {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n      {{/if}}\n      <div class=\"euiFormControlLayout__childrenWrapper\">\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        <EuiFormControlLayoutIcons\n          @icon={{@icon}}\n          @iconSide={{@iconSide}}\n          @clear={{@clear}}\n          @compressed={{@compressed}}\n          @isLoading={{@isLoading}}\n        />\n      </div>\n      {{#if (has-block \"append\")}}\n        {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n      {{/if}}\n    </div>\n  </template>;\n\nexport default EuiFormControlLayout;\n"],"names":["EuiFormControlLayout","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","argOrDefault","or","EuiFormControlLayoutIcons","templateOnly"],"mappings":";;;;;;;;AAuCA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAuCA,2gCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-control-layout.js","sources":["../../src/components/eui-form-control-layout.gts"],"sourcesContent":["import { and, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFormControlLayoutIcons from './eui-form-control-layout-icons.gts';\n\nimport type { EuiFormControlLayoutIconsSignature } from './eui-form-control-layout-icons';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n\nexport interface EuiFormControlLayoutSignature {\n  Element: HTMLDivElement;\n  Args: {\n    fullWidth?: boolean;\n    /**\n     * Creates an input group with element(s) coming before children.\n     * */\n    compressed?: boolean;\n    readOnly?: boolean;\n    useGroup?: boolean;\n    disabled?: boolean;\n    isDisabled?: boolean;\n    icon?: EuiFormControlLayoutIconsSignature['Args']['icon'];\n    iconSide?: EuiFormControlLayoutIconsSignature['Args']['iconSide'];\n    clear?: EuiFormControlLayoutIconsSignature['Args']['clear'];\n    isLoading?: boolean;\n    inputId?: string;\n  };\n  Blocks: {\n    prepend: [classes: 'euiFormControlLayout__prepend'];\n    field: [];\n    default: [];\n    append: [classes: 'euiFormControlLayout__append'];\n  };\n}\n\nconst EuiFormControlLayout: TemplateOnlyComponent<EuiFormControlLayoutSignature> =\n  <template>\n    <div\n      class={{classNames\n        (if @fullWidth \"euiFormControlLayout--fullWidth\")\n        (if @compressed \"euiFormControlLayout--compressed\")\n        (if @readOnly \"euiFormControlLayout--readOnly\")\n        (if\n          (and\n            (argOrDefault @useGroup true)\n            (or (has-block \"append\") (has-block \"prepend\"))\n          )\n          \"euiFormControlLayout--group\"\n        )\n        (if (or @disabled @isDisabled) \"euiFormControlLayout--isDisabled\")\n        \"euiFormControlLayout\"\n      }}\n      ...attributes\n    >\n      {{#if (has-block \"prepend\")}}\n        {{yield \"euiFormControlLayout__prepend\" to=\"prepend\"}}\n      {{/if}}\n      <div class=\"euiFormControlLayout__childrenWrapper\">\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        <EuiFormControlLayoutIcons\n          @icon={{@icon}}\n          @iconSide={{@iconSide}}\n          @clear={{@clear}}\n          @compressed={{@compressed}}\n          @isLoading={{@isLoading}}\n        />\n      </div>\n      {{#if (has-block \"append\")}}\n        {{yield \"euiFormControlLayout__append\" to=\"append\"}}\n      {{/if}}\n    </div>\n  </template>;\n\nexport default EuiFormControlLayout;\n"],"names":["EuiFormControlLayout","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","argOrDefault","or","EuiFormControlLayoutIcons","templateOnly"],"mappings":";;;;;;;;AAoCA,MAAMA,oBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAuCA,q8BAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-error-text.js

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormErrorText = setComponentTemplate(precompileTemplate("\n    <div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiFormErrorText = setComponentTemplate(precompileTemplate("<div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());
 

package/dist/components/eui-form-error-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-error-text.js","sources":["../../src/components/eui-form-error-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormErrorTextSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormErrorText: TemplateOnlyComponent<EuiFormErrorTextSignature> =\n  <template>\n    <div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFormErrorText;\n"],"names":["EuiFormErrorText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,4GAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-error-text.js","sources":["../../src/components/eui-form-error-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormErrorTextSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormErrorText: TemplateOnlyComponent<EuiFormErrorTextSignature> =\n  <template>\n    <div class=\"euiFormErrorText\" aria-live=\"polite\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFormErrorText;\n"],"names":["EuiFormErrorText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,gBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,0FAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-fieldset.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormFieldset = setComponentTemplate(precompileTemplate("\n    <fieldset ...attributes>\n      {{#if (or @legend (has-block \"legend\"))}}\n        <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n          {{#if (has-block \"legend\")}}\n            {{yield to=\"legend\"}}\n          {{else}}\n            {{@legend}}\n          {{/if}}\n        </EuiFormLegend>\n      {{/if}}\n      {{#if (has-block \"fieldset\")}}\n        {{yield to=\"fieldset\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </fieldset>\n  ", {
+const EuiFormFieldset = setComponentTemplate(precompileTemplate("<fieldset ...attributes>\n  {{#if (or @legend (has-block \"legend\"))}}\n    <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n      {{#if (has-block \"legend\")}}\n        {{yield to=\"legend\"}}\n      {{else}}\n        {{@legend}}\n      {{/if}}\n    </EuiFormLegend>\n  {{/if}}\n  {{#if (has-block \"fieldset\")}}\n    {{yield to=\"fieldset\"}}\n  {{else}}\n    {{yield}}\n  {{/if}}\n</fieldset>", {
   strictMode: true,
   scope: () => ({
     or,

package/dist/components/eui-form-fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-fieldset.js","sources":["../../src/components/eui-form-fieldset.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport EuiFormLegend from './eui-form-legend.gts';\n\nimport type { EuiFormLegendSignature } from './eui-form-legend';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormFieldsetSignature {\n  Element: HTMLFieldSetElement;\n  Args: {\n    legend?: string;\n    compressed?: boolean;\n    display?: EuiFormLegendSignature['Args']['display'];\n  };\n  Blocks: {\n    default?: [];\n    legend?: [];\n    fieldset?: [];\n  };\n}\n\nconst EuiFormFieldset: TemplateOnlyComponent<EuiFormFieldsetSignature> =\n  <template>\n    <fieldset ...attributes>\n      {{#if (or @legend (has-block \"legend\"))}}\n        <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n          {{#if (has-block \"legend\")}}\n            {{yield to=\"legend\"}}\n          {{else}}\n            {{@legend}}\n          {{/if}}\n        </EuiFormLegend>\n      {{/if}}\n      {{#if (has-block \"fieldset\")}}\n        {{yield to=\"fieldset\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </fieldset>\n  </template>;\n\nexport default EuiFormFieldset;\n"],"names":["EuiFormFieldset","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiFormLegend","templateOnly"],"mappings":";;;;;;AAqBA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,weAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-fieldset.js","sources":["../../src/components/eui-form-fieldset.gts"],"sourcesContent":["import { or } from 'ember-truth-helpers';\n\nimport EuiFormLegend from './eui-form-legend.gts';\n\nimport type { EuiFormLegendSignature } from './eui-form-legend';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormFieldsetSignature {\n  Element: HTMLFieldSetElement;\n  Args: {\n    legend?: string;\n    compressed?: boolean;\n    display?: EuiFormLegendSignature['Args']['display'];\n  };\n  Blocks: {\n    default?: [];\n    legend?: [];\n    fieldset?: [];\n  };\n}\n\nconst EuiFormFieldset: TemplateOnlyComponent<EuiFormFieldsetSignature> =\n  <template>\n    <fieldset ...attributes>\n      {{#if (or @legend (has-block \"legend\"))}}\n        <EuiFormLegend @compressed={{@compressed}} @display={{@display}}>\n          {{#if (has-block \"legend\")}}\n            {{yield to=\"legend\"}}\n          {{else}}\n            {{@legend}}\n          {{/if}}\n        </EuiFormLegend>\n      {{/if}}\n      {{#if (has-block \"fieldset\")}}\n        {{yield to=\"fieldset\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </fieldset>\n  </template>;\n\nexport default EuiFormFieldset;\n"],"names":["EuiFormFieldset","setComponentTemplate","precompileTemplate","strictMode","scope","or","EuiFormLegend","templateOnly"],"mappings":";;;;;;AAqBA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAiBA,kaAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-help-text.js

@@ -2,7 +2,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormHelpText = setComponentTemplate(precompileTemplate("\n    <div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiFormHelpText = setComponentTemplate(precompileTemplate("<div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true
 }), templateOnly());
 

package/dist/components/eui-form-help-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-help-text.js","sources":["../../src/components/eui-form-help-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormHelpTextSignature {\n  Element: HTMLDivElement;\n  Args: {\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormHelpText: TemplateOnlyComponent<EuiFormHelpTextSignature> =\n  <template>\n    <div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFormHelpText;\n"],"names":["EuiFormHelpText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAYA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,iGAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-help-text.js","sources":["../../src/components/eui-form-help-text.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormHelpTextSignature {\n  Element: HTMLDivElement;\n  Args: {\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormHelpText: TemplateOnlyComponent<EuiFormHelpTextSignature> =\n  <template>\n    <div class=\"euiFormHelpText\" id={{@id}} ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiFormHelpText;\n"],"names":["EuiFormHelpText","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAYA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAIA,+EAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-label.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormLabel = setComponentTemplate(precompileTemplate("\n  {{#let (classNames (if @isFocused \"euiFormLabel-isFocused\") (if @isInvalid \"euiFormLabel-isInvalid\") \"euiFormLabel\") as |classes|}}\n    {{#if (eq @type \"legend\")}}\n      <legend class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </legend>\n    {{else}}\n      <label class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </label>\n    {{/if}}\n  {{/let}}\n", {
+const EuiFormLabel = setComponentTemplate(precompileTemplate("{{#let (classNames (if @isFocused \"euiFormLabel-isFocused\") (if @isInvalid \"euiFormLabel-isInvalid\") \"euiFormLabel\") as |classes|}}\n  {{#if (eq @type \"legend\")}}\n    <legend class={{classes}} for={{@for}} ...attributes>\n      {{@label}}\n      {{yield}}\n    </legend>\n  {{else}}\n    <label class={{classes}} for={{@for}} ...attributes>\n      {{@label}}\n      {{yield}}\n    </label>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-form-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-label.js","sources":["../../src/components/eui-form-label.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLabelSignature {\n  Element: HTMLLabelElement | HTMLLegendElement;\n  Args: {\n    isFocused?: boolean;\n    isInvalid?: boolean;\n    type?: 'legend' | 'label';\n    for?: string;\n    label?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormLabel: TemplateOnlyComponent<EuiFormLabelSignature> = <template>\n  {{#let\n    (classNames\n      (if @isFocused \"euiFormLabel-isFocused\")\n      (if @isInvalid \"euiFormLabel-isInvalid\")\n      \"euiFormLabel\"\n    )\n    as |classes|\n  }}\n    {{#if (eq @type \"legend\")}}\n      <legend class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </legend>\n    {{else}}\n      <label class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </label>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFormLabel;\n"],"names":["EuiFormLabel","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAqBnE,mcAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-label.js","sources":["../../src/components/eui-form-label.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLabelSignature {\n  Element: HTMLLabelElement | HTMLLegendElement;\n  Args: {\n    isFocused?: boolean;\n    isInvalid?: boolean;\n    type?: 'legend' | 'label';\n    for?: string;\n    label?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormLabel: TemplateOnlyComponent<EuiFormLabelSignature> = <template>\n  {{#let\n    (classNames\n      (if @isFocused \"euiFormLabel-isFocused\")\n      (if @isInvalid \"euiFormLabel-isInvalid\")\n      \"euiFormLabel\"\n    )\n    as |classes|\n  }}\n    {{#if (eq @type \"legend\")}}\n      <legend class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </legend>\n    {{else}}\n      <label class={{classes}} for={{@for}} ...attributes>\n        {{@label}}\n        {{yield}}\n      </label>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFormLabel;\n"],"names":["EuiFormLabel","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,YAA6D,GAAAC,oBAAA,CAAAC,kBAAA,CAqBnE,qaAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-legend.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFormLegend = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @display \"visible\") as |display|}}\n    <legend class={{classNames (if (eq display \"hiddden\") \"euiFormLengend--isHidden\") (if @compressed \"euiFormLegend--compresed\") \"euiFormLegend\"}} ...attributes>\n      {{#if (eq display \"hidden\")}}\n        <span {{screenReaderOnly}}>\n          {{yield}}\n        </span>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </legend>\n  {{/let}}\n", {
+const EuiFormLegend = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @display \"visible\") as |display|}}\n  <legend class={{classNames (if (eq display \"hidden\") \"euiFormLegend-isHidden\") (if @compressed \"euiFormLegend--compressed\") \"euiFormLegend\"}} ...attributes>\n    {{#if (eq display \"hidden\")}}\n      <span {{screenReaderOnly}}>\n        {{yield}}\n      </span>\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </legend>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-form-legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-legend.js","sources":["../../src/components/eui-form-legend.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLegendSignature {\n  Element: HTMLLegendElement;\n  Args: {\n    display?: 'hidden' | 'visible';\n    compressed?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormLegend: TemplateOnlyComponent<EuiFormLegendSignature> = <template>\n  {{#let (argOrDefault @display \"visible\") as |display|}}\n    <legend\n      class={{classNames\n        (if (eq display \"hiddden\") \"euiFormLengend--isHidden\")\n        (if @compressed \"euiFormLegend--compresed\")\n        \"euiFormLegend\"\n      }}\n      ...attributes\n    >\n      {{#if (eq display \"hidden\")}}\n        <span {{screenReaderOnly}}>\n          {{yield}}\n        </span>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </legend>\n  {{/let}}\n</template>;\n\nexport default EuiFormLegend;\n"],"names":["EuiFormLegend","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;AAmBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAmBrE,4aAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-legend.js","sources":["../../src/components/eui-form-legend.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport screenReaderOnly from '../modifiers/screen-reader-only.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormLegendSignature {\n  Element: HTMLLegendElement;\n  Args: {\n    display?: 'hidden' | 'visible';\n    compressed?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiFormLegend: TemplateOnlyComponent<EuiFormLegendSignature> = <template>\n  {{#let (argOrDefault @display \"visible\") as |display|}}\n    <legend\n      class={{classNames\n        (if (eq display \"hidden\") \"euiFormLegend-isHidden\")\n        (if @compressed \"euiFormLegend--compressed\")\n        \"euiFormLegend\"\n      }}\n      ...attributes\n    >\n      {{#if (eq display \"hidden\")}}\n        <span {{screenReaderOnly}}>\n          {{yield}}\n        </span>\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </legend>\n  {{/let}}\n</template>;\n\nexport default EuiFormLegend;\n"],"names":["EuiFormLegend","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","classNames","eq","screenReaderOnly","templateOnly"],"mappings":";;;;;;;;AAmBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAmBrE,gZAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form-row.js

@@ -3,6 +3,7 @@ import { fn, array } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { gt, or, not, eq, and } from 'ember-truth-helpers';
 import isArray from 'ember-truth-helpers/helpers/is-array';
+import associateFormRowLabel from '../-private/associate-form-row-label.js';
 import randomId from '../-private/random-id.js';
 import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
@@ -18,7 +19,7 @@ function startsWith([needle, word]) {
   return word?.startsWith(needle) || false;
 }
 const startWith = helper(startsWith);
-const EuiFormRow = setComponentTemplate(precompileTemplate("\n  {{#let (classNames \"euiFormRow\" (if @hasEmptyLabelSpace \"euiFormRow--hasEmptyLabelSpace\") (if @fullWidth \"euiFormRow--fullWidth\") componentName=\"EuiFormRow\" display=@display) (classNames \"euiFormRow__fieldWrapper\" (if (startWith \"center\" @display) \"euiFormRow__fieldWrapperDisplayOnly\")) (if (isArray @error) @error (array @error)) (and @label (eq @labelType \"legend\")) (useState false) (argOrDefault @id (randomId)) (argOrDefault @hasChildLabel true) (and (not (argOrDefault @isFakeLabelBlock false)) (has-block \"label\")) (and (not (argOrDefault @isFakeHelpTextBlock false)) (has-block \"helpText\")) as |classes fieldWrapperClasses errors isLegend focusedState rowId hasChildLabel hasLabelBlock hasHelpTextBlock|}}\n    {{#if (eq @legendType \"legend\")}}\n      <fieldset class={{classes}} id=\"{{rowId}}-row\" ...attributes>\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{@isInvalid}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{@isInvalid}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{@isInvalid}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{@isInvalid}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div class={{fieldWrapperClasses}} {{on \"focusin\" (fn focusedState.setState true)}} {{on \"focusout\" (fn focusedState.setState false)}}>\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if (or (and (has-block \"errors\") @isInvalid) (and (gt errors.length 0) @isInvalid))}}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                  {{!--@glint-ignore--}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                  {{!--@glint-ignore--}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield @helpText to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{@helpText}}\n              </EuiFormHelpText>\n            {{/if}}\n          {{/if}}\n        </div>\n      </fieldset>\n    {{else}}\n      <div class={{classes}} id=\"{{rowId}}-row\" ...attributes>\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{@isInvalid}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{@isInvalid}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{@isInvalid}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{@isInvalid}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div class={{fieldWrapperClasses}} {{on \"focusin\" (fn focusedState.setState true)}} {{on \"focusout\" (fn focusedState.setState false)}}>\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if (or (and (has-block \"errors\") @isInvalid) (and (gt errors.length 0) @isInvalid))}}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                  {{!--@glint-ignore--}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                  {{!--@glint-ignore--}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              {{#let (if (isArray @helpText) @helpText (array @helpText)) as |helpTexts|}}\n                {{#each helpTexts as |helpText i|}}\n                  <EuiFormHelpText id=\"{{rowId}}-help-{{i}}\" class={{@helpTextClasses}}>\n                    {{helpText}}\n                  </EuiFormHelpText>\n                {{/each}}\n              {{/let}}\n            {{/if}}\n          {{/if}}\n        </div>\n      </div>\n    {{/if}}\n  {{/let}}\n", {
+const EuiFormRow = setComponentTemplate(precompileTemplate("{{#let (classNames \"euiFormRow\" (if @hasEmptyLabelSpace \"euiFormRow--hasEmptyLabelSpace\") (if @fullWidth \"euiFormRow--fullWidth\") componentName=\"EuiFormRow\" display=@display) (classNames \"euiFormRow__fieldWrapper\" (if (startWith \"center\" @display) \"euiFormRow__fieldWrapperDisplayOnly\")) (if (isArray @error) @error (array @error)) (and @label (eq @labelType \"legend\")) (useState false) (argOrDefault @id (randomId)) (argOrDefault @hasChildLabel true) (and (not (argOrDefault @isFakeLabelBlock false)) (has-block \"label\")) (and (not (argOrDefault @isFakeHelpTextBlock false)) (has-block \"helpText\")) as |classes fieldWrapperClasses errors isLegend focusedState rowId hasChildLabel hasLabelBlock hasHelpTextBlock|}}\n  {{#if (eq @legendType \"legend\")}}\n    <fieldset class={{classes}} id=\"{{rowId}}-row\" ...attributes {{associateFormRowLabel rowId}}>\n      {{#if (or @label @labelAppend hasLabelBlock)}}\n        <div class=\"euiFormRow__labelWrapper\">\n          {{#if isLegend}}\n            {{#if hasLabelBlock}}\n              <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{if @isInvalid \"true\"}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{if @isInvalid \"true\"}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          {{else if hasLabelBlock}}\n            <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{if @isInvalid \"true\"}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n              {{yield @label to=\"label\"}}\n            </EuiFormLabel>\n          {{else}}\n            <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{if @isInvalid \"true\"}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n              {{@label}}\n            </EuiFormLabel>\n          {{/if}}\n        </div>\n      {{/if}}\n      <div class={{fieldWrapperClasses}} {{on \"focusin\" (fn focusedState.setState true)}} {{on \"focusout\" (fn focusedState.setState false)}}>\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        {{#if (or (and (has-block \"errors\") @isInvalid) (and (gt errors.length 0) @isInvalid))}}\n          {{#if (has-block \"errors\")}}\n            {{#each errors as |error i|}}\n              <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                {{!--@glint-ignore--}}\n                {{yield error to=\"errors\"}}\n              </EuiFormErrorText>\n            {{/each}}\n          {{else}}\n            {{#each errors as |error i|}}\n              <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                {{!--@glint-ignore--}}\n                {{error}}\n              </EuiFormErrorText>\n            {{/each}}\n          {{/if}}\n        {{/if}}\n        {{#if (or @helpText hasHelpTextBlock)}}\n          {{#if hasHelpTextBlock}}\n            <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n              {{yield @helpText to=\"helpText\"}}\n            </EuiFormHelpText>\n          {{else}}\n            <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n              {{@helpText}}\n            </EuiFormHelpText>\n          {{/if}}\n        {{/if}}\n      </div>\n    </fieldset>\n  {{else}}\n    <div class={{classes}} id=\"{{rowId}}-row\" ...attributes {{associateFormRowLabel rowId}}>\n      {{#if (or @label @labelAppend hasLabelBlock)}}\n        <div class=\"euiFormRow__labelWrapper\">\n          {{#if isLegend}}\n            {{#if hasLabelBlock}}\n              <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{if @isInvalid \"true\"}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel class=\"euiFormRow__label\" for={{rowId}} aria-invalid={{if @isInvalid \"true\"}} @isInvalid={{@isInvalid}} @type={{@labelType}}>\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          {{else if hasLabelBlock}}\n            <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{if @isInvalid \"true\"}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n              {{yield @label to=\"label\"}}\n            </EuiFormLabel>\n          {{else}}\n            <EuiFormLabel class=\"euiFormRow__label\" aria-invalid={{if @isInvalid \"true\"}} for={{if hasChildLabel rowId}} @isInvalid={{@isInvalid}} @type={{@labelType}} @isFocused={{and (not @isDisabled) (not isLegend) focusedState.value}}>\n              {{@label}}\n            </EuiFormLabel>\n          {{/if}}\n        </div>\n      {{/if}}\n      <div class={{fieldWrapperClasses}} {{on \"focusin\" (fn focusedState.setState true)}} {{on \"focusout\" (fn focusedState.setState false)}}>\n        {{#if (has-block \"field\")}}\n          {{yield to=\"field\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n        {{#if (or (and (has-block \"errors\") @isInvalid) (and (gt errors.length 0) @isInvalid))}}\n          {{#if (has-block \"errors\")}}\n            {{#each errors as |error i|}}\n              <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                {{!--@glint-ignore--}}\n                {{yield error to=\"errors\"}}\n              </EuiFormErrorText>\n            {{/each}}\n          {{else}}\n            {{#each errors as |error i|}}\n              <EuiFormErrorText class=\"euiFormRow__text {{@errorClasses}}\" id=\"{{rowId}}-error-{{i}}\">\n                {{!--@glint-ignore--}}\n                {{error}}\n              </EuiFormErrorText>\n            {{/each}}\n          {{/if}}\n        {{/if}}\n\n        {{#if (or @helpText hasHelpTextBlock)}}\n          {{#if hasHelpTextBlock}}\n            <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n              {{yield to=\"helpText\"}}\n            </EuiFormHelpText>\n          {{else}}\n            {{#let (if (isArray @helpText) @helpText (array @helpText)) as |helpTexts|}}\n              {{#each helpTexts as |helpText i|}}\n                <EuiFormHelpText id=\"{{rowId}}-help-{{i}}\" class={{@helpTextClasses}}>\n                  {{helpText}}\n                </EuiFormHelpText>\n              {{/each}}\n            {{/let}}\n          {{/if}}\n        {{/if}}\n      </div>\n    </div>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     classNames,
@@ -31,6 +32,7 @@ const EuiFormRow = setComponentTemplate(precompileTemplate("\n  {{#let (classNam
     argOrDefault,
     randomId,
     not,
+    associateFormRowLabel,
     or,
     EuiFormLabel,
     on,

package/dist/components/eui-form-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-row.js","sources":["../../src/components/eui-form-row.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { fn } from '@ember/helper';\nimport { array } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { and, eq, gt, not, or } from 'ember-truth-helpers';\nimport isArray from 'ember-truth-helpers/helpers/is-array';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport EuiFormErrorText from './eui-form-error-text.gts';\nimport EuiFormHelpText from './eui-form-help-text.gts';\nimport EuiFormLabel from './eui-form-label.gts';\n\nimport type { displayMappingToClassMapping } from '../utils/css-mappings/eui-form-row.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormRowSignature {\n  Element: HTMLDivElement | HTMLFieldSetElement;\n  Args: {\n    label?: string;\n    labelAppend?: string;\n    labelType?: 'label' | 'legend';\n    legendType?: 'legend' | 'fieldset';\n    fullWidth?: boolean;\n    isInvalid?: boolean;\n    isDisabled?: boolean;\n    hasEmptyLabelSpace?: boolean;\n    hasChildLabel?: boolean;\n    isFakeLabelBlock?: boolean;\n    isFakeHelpTextBlock?: boolean;\n    helpText?: string;\n    error?: string | string[] | null;\n    errorClasses?: string;\n    helpTextClasses?: string;\n    id?: string;\n    display?: keyof typeof displayMappingToClassMapping;\n    extra?: unknown;\n  };\n  Blocks: {\n    default: [];\n    label: [string?];\n    field: [];\n    errors: [string?];\n    helpText: [string?];\n  };\n}\n\nexport function startsWith(\n  [needle, word]: [string, string | undefined] /*, hash*/\n): boolean {\n  return word?.startsWith(needle) || false;\n}\n\nconst startWith = helper(startsWith);\n\nconst EuiFormRow: TemplateOnlyComponent<EuiFormRowSignature> = <template>\n  {{#let\n    (classNames\n      \"euiFormRow\"\n      (if @hasEmptyLabelSpace \"euiFormRow--hasEmptyLabelSpace\")\n      (if @fullWidth \"euiFormRow--fullWidth\")\n      componentName=\"EuiFormRow\"\n      display=@display\n    )\n    (classNames\n      \"euiFormRow__fieldWrapper\"\n      (if (startWith \"center\" @display) \"euiFormRow__fieldWrapperDisplayOnly\")\n    )\n    (if (isArray @error) @error (array @error))\n    (and @label (eq @labelType \"legend\"))\n    (useState false)\n    (argOrDefault @id (randomId))\n    (argOrDefault @hasChildLabel true)\n    (and (not (argOrDefault @isFakeLabelBlock false)) (has-block \"label\"))\n    (and (not (argOrDefault @isFakeHelpTextBlock false)) (has-block \"helpText\"))\n    as |classes fieldWrapperClasses errors isLegend focusedState rowId hasChildLabel hasLabelBlock hasHelpTextBlock|\n  }}\n    {{#if (eq @legendType \"legend\")}}\n      <fieldset class={{classes}} id=\"{{rowId}}-row\" ...attributes>\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{@isInvalid}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{@isInvalid}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{@isInvalid}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{@isInvalid}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div\n          class={{fieldWrapperClasses}}\n          {{on \"focusin\" (fn focusedState.setState true)}}\n          {{on \"focusout\" (fn focusedState.setState false)}}\n        >\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if\n            (or\n              (and (has-block \"errors\") @isInvalid)\n              (and (gt errors.length 0) @isInvalid)\n            )\n          }}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield @helpText to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{@helpText}}\n              </EuiFormHelpText>\n            {{/if}}\n          {{/if}}\n        </div>\n      </fieldset>\n    {{else}}\n      <div class={{classes}} id=\"{{rowId}}-row\" ...attributes>\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{@isInvalid}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{@isInvalid}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{@isInvalid}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{@isInvalid}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div\n          class={{fieldWrapperClasses}}\n          {{on \"focusin\" (fn focusedState.setState true)}}\n          {{on \"focusout\" (fn focusedState.setState false)}}\n        >\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if\n            (or\n              (and (has-block \"errors\") @isInvalid)\n              (and (gt errors.length 0) @isInvalid)\n            )\n          }}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              {{#let\n                (if (isArray @helpText) @helpText (array @helpText))\n                as |helpTexts|\n              }}\n                {{#each helpTexts as |helpText i|}}\n                  <EuiFormHelpText\n                    id=\"{{rowId}}-help-{{i}}\"\n                    class={{@helpTextClasses}}\n                  >\n                    {{helpText}}\n                  </EuiFormHelpText>\n                {{/each}}\n              {{/let}}\n            {{/if}}\n          {{/if}}\n        </div>\n      </div>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFormRow;\n"],"names":["startsWith","needle","word","startWith","helper","EuiFormRow","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","isArray","array","and","eq","useState","argOrDefault","randomId","not","or","EuiFormLabel","on","fn","gt","EuiFormErrorText","EuiFormHelpText","templateOnly"],"mappings":";;;;;;;;;;;;;;;;AAkDO,SAASA,UAAAA,CACd,CAACC,MAAA,EAAQC,IAAQ,CAA2B,EACpC;AACR,EAAA,OAAOA,IAAA,EAAMF,WAAWC,MAAW,CAAA,IAAA,KAAA;AACrC;AAEA,MAAME,YAAYC,MAAO,CAAAJ,UAAA,CAAA;AAEzB,MAAMK,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,CA+P/D,q9NAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAP,SAAA;IAAAQ,OAAA;IAAAC,KAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form-row.js","sources":["../../src/components/eui-form-row.gts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { fn } from '@ember/helper';\nimport { array } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { and, eq, gt, not, or } from 'ember-truth-helpers';\nimport isArray from 'ember-truth-helpers/helpers/is-array';\n\nimport associateFormRowLabel from '../-private/associate-form-row-label.ts';\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport useState from '../helpers/use-state.ts';\nimport EuiFormErrorText from './eui-form-error-text.gts';\nimport EuiFormHelpText from './eui-form-help-text.gts';\nimport EuiFormLabel from './eui-form-label.gts';\n\nimport type { displayMappingToClassMapping } from '../utils/css-mappings/eui-form-row.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormRowSignature {\n  Element: HTMLDivElement | HTMLFieldSetElement;\n  Args: {\n    label?: string;\n    labelAppend?: string;\n    labelType?: 'label' | 'legend';\n    legendType?: 'legend' | 'fieldset';\n    fullWidth?: boolean;\n    isInvalid?: boolean;\n    isDisabled?: boolean;\n    hasEmptyLabelSpace?: boolean;\n    hasChildLabel?: boolean;\n    isFakeLabelBlock?: boolean;\n    isFakeHelpTextBlock?: boolean;\n    helpText?: string;\n    error?: string | string[] | null;\n    errorClasses?: string;\n    helpTextClasses?: string;\n    id?: string;\n    display?: keyof typeof displayMappingToClassMapping;\n    extra?: unknown;\n  };\n  Blocks: {\n    default: [];\n    label: [string?];\n    field: [];\n    errors: [string?];\n    helpText: [string?];\n  };\n}\n\nexport function startsWith(\n  [needle, word]: [string, string | undefined] /*, hash*/\n): boolean {\n  return word?.startsWith(needle) || false;\n}\n\nconst startWith = helper(startsWith);\n\nconst EuiFormRow: TemplateOnlyComponent<EuiFormRowSignature> = <template>\n  {{#let\n    (classNames\n      \"euiFormRow\"\n      (if @hasEmptyLabelSpace \"euiFormRow--hasEmptyLabelSpace\")\n      (if @fullWidth \"euiFormRow--fullWidth\")\n      componentName=\"EuiFormRow\"\n      display=@display\n    )\n    (classNames\n      \"euiFormRow__fieldWrapper\"\n      (if (startWith \"center\" @display) \"euiFormRow__fieldWrapperDisplayOnly\")\n    )\n    (if (isArray @error) @error (array @error))\n    (and @label (eq @labelType \"legend\"))\n    (useState false)\n    (argOrDefault @id (randomId))\n    (argOrDefault @hasChildLabel true)\n    (and (not (argOrDefault @isFakeLabelBlock false)) (has-block \"label\"))\n    (and (not (argOrDefault @isFakeHelpTextBlock false)) (has-block \"helpText\"))\n    as |classes fieldWrapperClasses errors isLegend focusedState rowId hasChildLabel hasLabelBlock hasHelpTextBlock|\n  }}\n    {{#if (eq @legendType \"legend\")}}\n      <fieldset\n        class={{classes}}\n        id=\"{{rowId}}-row\"\n        ...attributes\n        {{associateFormRowLabel rowId}}\n      >\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{if @isInvalid \"true\"}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{if @isInvalid \"true\"}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div\n          class={{fieldWrapperClasses}}\n          {{on \"focusin\" (fn focusedState.setState true)}}\n          {{on \"focusout\" (fn focusedState.setState false)}}\n        >\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if\n            (or\n              (and (has-block \"errors\") @isInvalid)\n              (and (gt errors.length 0) @isInvalid)\n            )\n          }}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield @helpText to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{@helpText}}\n              </EuiFormHelpText>\n            {{/if}}\n          {{/if}}\n        </div>\n      </fieldset>\n    {{else}}\n      <div\n        class={{classes}}\n        id=\"{{rowId}}-row\"\n        ...attributes\n        {{associateFormRowLabel rowId}}\n      >\n        {{#if (or @label @labelAppend hasLabelBlock)}}\n          <div class=\"euiFormRow__labelWrapper\">\n            {{#if isLegend}}\n              {{#if hasLabelBlock}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{yield @label to=\"label\"}}\n                </EuiFormLabel>\n              {{else}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  for={{rowId}}\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @isInvalid={{@isInvalid}}\n                  @type={{@labelType}}\n                >\n                  {{@label}}\n                </EuiFormLabel>\n              {{/if}}\n            {{else if hasLabelBlock}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{if @isInvalid \"true\"}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{yield @label to=\"label\"}}\n              </EuiFormLabel>\n            {{else}}\n              <EuiFormLabel\n                class=\"euiFormRow__label\"\n                aria-invalid={{if @isInvalid \"true\"}}\n                for={{if hasChildLabel rowId}}\n                @isInvalid={{@isInvalid}}\n                @type={{@labelType}}\n                @isFocused={{and\n                  (not @isDisabled)\n                  (not isLegend)\n                  focusedState.value\n                }}\n              >\n                {{@label}}\n              </EuiFormLabel>\n            {{/if}}\n          </div>\n        {{/if}}\n        <div\n          class={{fieldWrapperClasses}}\n          {{on \"focusin\" (fn focusedState.setState true)}}\n          {{on \"focusout\" (fn focusedState.setState false)}}\n        >\n          {{#if (has-block \"field\")}}\n            {{yield to=\"field\"}}\n          {{else}}\n            {{yield}}\n          {{/if}}\n          {{#if\n            (or\n              (and (has-block \"errors\") @isInvalid)\n              (and (gt errors.length 0) @isInvalid)\n            )\n          }}\n            {{#if (has-block \"errors\")}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{yield error to=\"errors\"}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{else}}\n              {{#each errors as |error i|}}\n                <EuiFormErrorText\n                  class=\"euiFormRow__text {{@errorClasses}}\"\n                  id=\"{{rowId}}-error-{{i}}\"\n                >\n                  {{!@glint-ignore}}\n                  {{error}}\n                </EuiFormErrorText>\n              {{/each}}\n            {{/if}}\n          {{/if}}\n\n          {{#if (or @helpText hasHelpTextBlock)}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText id=\"{{rowId}}-help\" class={{@helpTextClasses}}>\n                {{yield to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else}}\n              {{#let\n                (if (isArray @helpText) @helpText (array @helpText))\n                as |helpTexts|\n              }}\n                {{#each helpTexts as |helpText i|}}\n                  <EuiFormHelpText\n                    id=\"{{rowId}}-help-{{i}}\"\n                    class={{@helpTextClasses}}\n                  >\n                    {{helpText}}\n                  </EuiFormHelpText>\n                {{/each}}\n              {{/let}}\n            {{/if}}\n          {{/if}}\n        </div>\n      </div>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiFormRow;\n"],"names":["startsWith","needle","word","startWith","helper","EuiFormRow","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","isArray","array","and","eq","useState","argOrDefault","randomId","not","associateFormRowLabel","or","EuiFormLabel","on","fn","gt","EuiFormErrorText","EuiFormHelpText","templateOnly"],"mappings":";;;;;;;;;;;;;;;;;AAmDO,SAASA,UAAAA,CACd,CAACC,MAAA,EAAQC,IAAQ,CAA2B,EACpC;AACR,EAAA,OAAOA,IAAA,EAAMF,WAAWC,MAAW,CAAA,IAAA,KAAA;AACrC;AAEA,MAAME,YAAYC,MAAO,CAAAJ,UAAA,CAAA;AAEzB,MAAMK,UAAyD,GAAAC,oBAAA,CAAAC,kBAAA,CAyQ/D,+2NAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAP,SAAA;IAAAQ,OAAA;IAAAC,KAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,GAAA;IAAAC,qBAAA;IAAAC,EAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,gBAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/eui-form.js

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiForm = setComponentTemplate(precompileTemplate("\n  {{#let (argOrDefault @invalidCallout \"above\") (if (isArray @error) @error (if @array (array @error))) as |invalidCallout errors|}}\n    {{#if (eq @tagName \"form\")}}\n      <form class=\"euiForm\" ...attributes>\n        {{#if (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)}}\n          <EuiCallOut class=\"euiForm__errors\" role=\"alert\" aria-live=\"assertive\" @title={{argOrDefault @errorTitle \"Please correct the fields\"}} @color=\"danger\">\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!--@glint-expect-error--}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!--@glint-expect-error--}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </form>\n    {{else}}\n      <div class=\"euiForm\" ...attributes>\n        {{#if (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)}}\n          <EuiCallOut class=\"euiForm__errors\" role=\"alert\" aria-live=\"assertive\" @title={{argOrDefault @errorTitle \"Please correct the fields\"}} @color=\"danger\">\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!--@glint-expect-error--}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!--@glint-expect-error--}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </div>\n    {{/if}}\n  {{/let}}\n", {
+const EuiForm = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @invalidCallout \"above\") (if (isArray @error) @error (if @array (array @error))) as |invalidCallout errors|}}\n  {{#if (eq @tagName \"form\")}}\n    <form class=\"euiForm\" ...attributes>\n      {{#if (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)}}\n        <EuiCallOut class=\"euiForm__errors\" role=\"alert\" aria-live=\"assertive\" @title={{argOrDefault @errorTitle \"Please correct the fields\"}} @color=\"danger\">\n          <:body>\n            {{#each errors as |error|}}\n              <li class=\"euiForm__error\">\n                {{#if (has-block \"error\")}}\n                  {{!--@glint-expect-error--}}\n                  {{yield error to=\"error\"}}\n                {{else}}\n                  {{!--@glint-expect-error--}}\n                  {{error}}\n                {{/if}}\n              </li>\n            {{/each}}\n          </:body>\n        </EuiCallOut>\n      {{/if}}\n      {{#if (has-block \"content\")}}\n        {{yield to=\"content\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </form>\n  {{else}}\n    <div class=\"euiForm\" ...attributes>\n      {{#if (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)}}\n        <EuiCallOut class=\"euiForm__errors\" role=\"alert\" aria-live=\"assertive\" @title={{argOrDefault @errorTitle \"Please correct the fields\"}} @color=\"danger\">\n          <:body>\n            {{#each errors as |error|}}\n              <li class=\"euiForm__error\">\n                {{#if (has-block \"error\")}}\n                  {{!--@glint-expect-error--}}\n                  {{yield error to=\"error\"}}\n                {{else}}\n                  {{!--@glint-expect-error--}}\n                  {{error}}\n                {{/if}}\n              </li>\n            {{/each}}\n          </:body>\n        </EuiCallOut>\n      {{/if}}\n      {{#if (has-block \"content\")}}\n        {{yield to=\"content\"}}\n      {{else}}\n        {{yield}}\n      {{/if}}\n    </div>\n  {{/if}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-form.js","sources":["../../src/components/eui-form.gts"],"sourcesContent":["import { array } from '@ember/helper';\n\nimport { and, eq, gt } from 'ember-truth-helpers';\nimport isArray from 'ember-truth-helpers/helpers/is-array';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiCallOut from './eui-call-out.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormSignature {\n  Element: HTMLDivElement | HTMLFormElement;\n  Args: {\n    errorTitle?: string;\n    invalidCallout?: 'above' | 'none';\n    error?: string | string[];\n    isInvalid?: boolean;\n    array?: boolean;\n    tagName?: 'form' | 'div';\n  };\n  Blocks: {\n    default?: [];\n    content?: [];\n    error?: [string];\n  };\n}\n\nconst EuiForm: TemplateOnlyComponent<EuiFormSignature> = <template>\n  {{#let\n    (argOrDefault @invalidCallout \"above\")\n    (if (isArray @error) @error (if @array (array @error)))\n    as |invalidCallout errors|\n  }}\n    {{#if (eq @tagName \"form\")}}\n      <form class=\"euiForm\" ...attributes>\n        {{#if\n          (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)\n        }}\n          <EuiCallOut\n            class=\"euiForm__errors\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n            @title={{argOrDefault @errorTitle \"Please correct the fields\"}}\n            @color=\"danger\"\n          >\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!@glint-expect-error}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!@glint-expect-error}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </form>\n    {{else}}\n      <div class=\"euiForm\" ...attributes>\n        {{#if\n          (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)\n        }}\n          <EuiCallOut\n            class=\"euiForm__errors\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n            @title={{argOrDefault @errorTitle \"Please correct the fields\"}}\n            @color=\"danger\"\n          >\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!@glint-expect-error}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!@glint-expect-error}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </div>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiForm;\n"],"names":["EuiForm","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","isArray","array","eq","and","gt","EuiCallOut","templateOnly"],"mappings":";;;;;;;;;AA2BA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CA0EzD,qlEAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-form.js","sources":["../../src/components/eui-form.gts"],"sourcesContent":["import { array } from '@ember/helper';\n\nimport { and, eq, gt } from 'ember-truth-helpers';\nimport isArray from 'ember-truth-helpers/helpers/is-array';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport EuiCallOut from './eui-call-out.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiFormSignature {\n  Element: HTMLDivElement | HTMLFormElement;\n  Args: {\n    errorTitle?: string;\n    invalidCallout?: 'above' | 'none';\n    error?: string | string[];\n    isInvalid?: boolean;\n    array?: boolean;\n    tagName?: 'form' | 'div';\n  };\n  Blocks: {\n    default?: [];\n    content?: [];\n    error?: [string];\n  };\n}\n\nconst EuiForm: TemplateOnlyComponent<EuiFormSignature> = <template>\n  {{#let\n    (argOrDefault @invalidCallout \"above\")\n    (if (isArray @error) @error (if @array (array @error)))\n    as |invalidCallout errors|\n  }}\n    {{#if (eq @tagName \"form\")}}\n      <form class=\"euiForm\" ...attributes>\n        {{#if\n          (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)\n        }}\n          <EuiCallOut\n            class=\"euiForm__errors\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n            @title={{argOrDefault @errorTitle \"Please correct the fields\"}}\n            @color=\"danger\"\n          >\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!@glint-expect-error}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!@glint-expect-error}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </form>\n    {{else}}\n      <div class=\"euiForm\" ...attributes>\n        {{#if\n          (and (eq invalidCallout \"above\") (gt errors.length 0) @isInvalid)\n        }}\n          <EuiCallOut\n            class=\"euiForm__errors\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n            @title={{argOrDefault @errorTitle \"Please correct the fields\"}}\n            @color=\"danger\"\n          >\n            <:body>\n              {{#each errors as |error|}}\n                <li class=\"euiForm__error\">\n                  {{#if (has-block \"error\")}}\n                    {{!@glint-expect-error}}\n                    {{yield error to=\"error\"}}\n                  {{else}}\n                    {{!@glint-expect-error}}\n                    {{error}}\n                  {{/if}}\n                </li>\n              {{/each}}\n            </:body>\n          </EuiCallOut>\n        {{/if}}\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </div>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiForm;\n"],"names":["EuiForm","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","isArray","array","eq","and","gt","EuiCallOut","templateOnly"],"mappings":";;;;;;;;;AA2BA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CA0EzD,u+DAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}