@ember-eui/core 14.1.4 → 16.0.0

package/dist/components/eui-focus-trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-focus-trap.js","sources":["../../src/components/eui-focus-trap.gts"],"sourcesContent":["/*\n * Ported from @elastic/eui 123.1.0 `components/focus_trap/focus_trap.tsx`.\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under\n * one or more contributor license agreements. Licensed under the Elastic\n * License 2.0 or the Server Side Public License, v 1; see vendor/eui-latest.\n */\nimport Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\n\nimport { focusTrap } from 'ember-focus-trap';\nimport { modifier } from 'ember-modifier';\n\nimport {\n  createRegisteredFocusTrap,\n  focusTrapContains,\n  setFocusTrapContainers\n} from '../-private/focus-trap-registry.ts';\nimport {\n  isolateOutside,\n  lockBodyScroll\n} from '../-private/focus-trap-effects.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass } from '../utils/eui/styles.ts';\n\nimport type { FocusTrap } from 'focus-trap';\nimport type { EuiCss } from '../utils/eui/styles.ts';\n\n/** An element, a selector, or a function returning an element. */\nexport type EuiFocusTarget =\n  | string\n  | HTMLElement\n  | SVGElement\n  | (() => HTMLElement | SVGElement | null | undefined);\n\nexport interface EuiFocusTrapSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Turns the trap off. Defaults to `false`. */\n    disabled?: boolean;\n    /**\n     * Where focus goes when the trap is deactivated: `true` returns it to the\n     * element focused before activation, `false` leaves it, `FocusOptions`\n     * return it with those options and a function receives that element and\n     * returns any of these. Defaults to `true`.\n     */\n    returnFocus?:\n      | boolean\n      | FocusOptions\n      | ((returnTo: Element) => boolean | FocusOptions);\n    /**\n     * The element focused when the trap activates (selector, element or a\n     * function). Otherwise the first `[data-autofocus]` element, then the\n     * first tabbable one.\n     */\n    initialFocus?: EuiFocusTarget;\n    /** Set to `false` to not move focus into the trap on activation. */\n    autoFocus?: boolean;\n    /**\n     * Called on a mouse or touch press outside the trap (and its shards and\n     * portalled surfaces).\n     */\n    onClickOutside?: (event: MouseEvent | TouchEvent) => void;\n    /** Call `@onClickOutside` on mouseup/touchend instead of on press. */\n    closeOnMouseup?: boolean;\n    /** The first outside click disables the trap until `@disabled` changes. */\n    clickOutsideDisables?: boolean;\n    /** Called when Escape is pressed while focus is inside the trap. */\n    onEscapeKey?: (event: KeyboardEvent) => void;\n    /** Called with the trap element after activation. */\n    onActivation?: (node: HTMLElement) => void;\n    /** Called after deactivation. */\n    onDeactivation?: () => void;\n    /**\n     * Extra containers that count as inside the trap, as elements, selectors\n     * or functions returning an element (upstream's ref objects).\n     */\n    shards?: EuiFocusTarget[];\n    /**\n     * Keep focus trapped inside iframes too. By default (`false`) focus may\n     * move into an iframe outside the trap.\n     */\n    crossFrame?: boolean;\n    /** Locks body scrolling while the trap is active. Defaults to `false`. */\n    scrollLock?: boolean;\n    /** How the scrollbar width is kept on lock. Defaults to `'padding'`. */\n    gapMode?: 'padding' | 'margin';\n    /**\n     * `false` hides the content outside the trap from assistive technology\n     * and disables pointer events on it. Defaults to `true`.\n     */\n    noIsolation?: boolean;\n    /** Extra styles composed into the wrapper's class. */\n    css?: EuiCss;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst resolve = (target: EuiFocusTarget | undefined) => {\n  if (!target) return null;\n  if (typeof target === 'string') {\n    return document.querySelector<HTMLElement>(target);\n  }\n  if (typeof target === 'function') return (target() as HTMLElement) ?? null;\n  return target as HTMLElement;\n};\n\n/** Everything that happens around the trap itself, as one effect. */\nconst trapEffects = modifier(\n  (element: HTMLElement, [owner]: [EuiFocusTrapComponent]) => {\n    const { enabled } = owner;\n    if (!enabled) return;\n\n    const cleanups: Array<() => void> = [];\n    const inside = (target: EventTarget | null) => {\n      if (!(target instanceof Node)) return false;\n      const trap = owner.trap;\n      if (trap) return focusTrapContains(trap, target);\n      return element.contains(target);\n    };\n\n    // click outside\n    const press = (event: MouseEvent | TouchEvent) => {\n      if (inside(event.target)) return;\n      owner.handleOutsideClick(event);\n    };\n    document.addEventListener('mousedown', press);\n    document.addEventListener('touchstart', press);\n    cleanups.push(() => {\n      document.removeEventListener('mousedown', press);\n      document.removeEventListener('touchstart', press);\n    });\n\n    // escape\n    const keydown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape' || event.defaultPrevented) return;\n      if (!inside(event.target) && !inside(document.activeElement)) return;\n      owner.args.onEscapeKey?.(event);\n    };\n    document.addEventListener('keydown', keydown);\n    cleanups.push(() => document.removeEventListener('keydown', keydown));\n\n    // `crossFrame` false (the default): focus may move into an iframe that\n    // is outside the trap, so the trap pauses while that iframe has focus\n    // and resumes when focus returns to the page.\n    if (!owner.args.crossFrame) {\n      let paused = false;\n      const focusin = (event: FocusEvent) => {\n        const trap = owner.trap;\n        if (!trap) return;\n        const target = event.target;\n        if (\n          target instanceof HTMLIFrameElement &&\n          !inside(target) &&\n          !paused\n        ) {\n          paused = true;\n          trap.pause();\n        } else if (paused && !(target instanceof HTMLIFrameElement)) {\n          paused = false;\n          trap.unpause();\n        }\n      };\n      const refocus = () => {\n        if (!paused) return;\n        paused = false;\n        owner.trap?.unpause();\n      };\n      window.addEventListener('focusin', focusin, true);\n      window.addEventListener('focus', refocus);\n      cleanups.push(() => {\n        window.removeEventListener('focusin', focusin, true);\n        window.removeEventListener('focus', refocus);\n        if (paused) owner.trap?.unpause();\n      });\n    }\n\n    if (owner.args.scrollLock) {\n      cleanups.push(lockBodyScroll(owner.args.gapMode ?? 'padding'));\n    }\n\n    if (owner.args.noIsolation === false) {\n      cleanups.push(\n        isolateOutside([\n          element,\n          ...(owner.args.shards ?? [])\n            .map(resolve)\n            .filter((el): el is HTMLElement => Boolean(el))\n        ])\n      );\n    }\n\n    return () => cleanups.forEach((fn) => fn());\n  }\n);\n\n/** Keeps the trap's containers in sync with `@shards`. */\nconst syncShards = modifier(\n  (element: HTMLElement, [owner]: [EuiFocusTrapComponent]) => {\n    const shards = owner.resolvedShards;\n    if (owner.trap) setFocusTrapContainers(owner.trap, [element, ...shards]);\n  }\n);\n\n/** Resets a click-outside disable when `@disabled` goes back to false. */\nconst resetOnEnable = modifier(\n  (_el: HTMLElement, [owner]: [EuiFocusTrapComponent]) => {\n    const disabled = Boolean(owner.args.disabled);\n    const was = owner.lastDisabled;\n    owner.lastDisabled = disabled;\n    if (was && !disabled) {\n      queueMicrotask(() => (owner.disabledByClick = false));\n    }\n  }\n);\n\n/**\n * Keeps keyboard focus inside its content (focus-trap, through\n * ember-focus-trap). Portalled surfaces opened from inside the trap, such as\n * popovers and combo box lists, stay usable.\n */\nexport default class EuiFocusTrapComponent extends Component<EuiFocusTrapSignature> {\n  @tracked disabledByClick = false;\n  trap: FocusTrap | undefined;\n  lastDisabled = false;\n  private mouseupCleanup: (() => void) | undefined;\n\n  willDestroy() {\n    super.willDestroy();\n    this.mouseupCleanup?.();\n  }\n\n  get enabled() {\n    return !this.args.disabled && !this.disabledByClick;\n  }\n\n  get resolvedShards() {\n    return (this.args.shards ?? [])\n      .map(resolve)\n      .filter((el): el is HTMLElement => Boolean(el));\n  }\n\n  @cached\n  get classes() {\n    return this.args.css\n      ? euiClass(getEuiThemeContext(this), this.args.css)\n      : undefined;\n  }\n\n  createTrap = (elements: HTMLElement | HTMLElement[], options = {}) => {\n    const base = Array.isArray(elements) ? elements : [elements];\n    const trap = createRegisteredFocusTrap(\n      [...base, ...this.resolvedShards],\n      options\n    );\n    this.trap = trap;\n    return trap;\n  };\n\n  get createTrapFactory() {\n    return this.createTrap as unknown as () => void;\n  }\n\n  handleOutsideClick = (event: MouseEvent | TouchEvent) => {\n    if (this.args.clickOutsideDisables) this.disabledByClick = true;\n    if (!this.args.onClickOutside) return;\n    if (!this.args.closeOnMouseup) {\n      this.args.onClickOutside(event);\n      return;\n    }\n    this.mouseupCleanup?.();\n    const release = (e: MouseEvent | TouchEvent) => {\n      this.mouseupCleanup?.();\n      // Gives a toggling consumer precedence, like upstream.\n      setTimeout(() => this.args.onClickOutside?.(e));\n    };\n    document.addEventListener('mouseup', release);\n    document.addEventListener('touchend', release);\n    this.mouseupCleanup = () => {\n      document.removeEventListener('mouseup', release);\n      document.removeEventListener('touchend', release);\n      this.mouseupCleanup = undefined;\n    };\n  };\n\n  @cached\n  get focusTrapOptions() {\n    const { args } = this;\n    const returnFocus = args.returnFocus;\n\n    const options: Record<string, unknown> = {\n      allowOutsideClick: true,\n      clickOutsideDeactivates: false,\n      escapeDeactivates: false,\n      onPostActivate: () => {\n        if (this.container) args.onActivation?.(this.container);\n      },\n      onPostDeactivate: () => args.onDeactivation?.(),\n      fallbackFocus: () => {\n        const el = this.container as HTMLElement;\n        if (!el.hasAttribute('tabindex')) el.setAttribute('tabindex', '-1');\n        return el;\n      }\n    };\n\n    if (args.autoFocus === false) {\n      options['initialFocus'] = false;\n    } else if (args.initialFocus) {\n      options['initialFocus'] = () =>\n        resolve(args.initialFocus) ?? this.autofocusTarget();\n    } else {\n      options['initialFocus'] = () => this.autofocusTarget();\n    }\n\n    if (returnFocus === false) {\n      options['returnFocusOnDeactivate'] = false;\n    } else if (typeof returnFocus === 'function') {\n      options['setReturnFocus'] = (previous: HTMLElement) =>\n        this.applyReturn(returnFocus(previous), previous);\n    } else if (returnFocus && typeof returnFocus === 'object') {\n      options['setReturnFocus'] = (previous: HTMLElement) =>\n        this.applyReturn(returnFocus, previous);\n    }\n\n    return options;\n  }\n\n  container: HTMLElement | undefined;\n\n  autofocusTarget() {\n    // `data-autofocus` is react-focus-on's API; undefined falls back to the\n    // first tabbable element.\n    return (\n      this.container?.querySelector<HTMLElement>('[data-autofocus]') ??\n      undefined\n    );\n  }\n\n  applyReturn(\n    result: boolean | FocusOptions,\n    previous: HTMLElement\n  ): HTMLElement | false {\n    if (result === false) return false;\n    if (result === true) return previous;\n    previous.focus(result);\n    return false;\n  }\n\n  capture = modifier((element: HTMLElement) => {\n    this.container = element;\n  });\n\n  <template>\n    <div\n      class={{this.classes}}\n      data-focus-lock-disabled={{if this.enabled \"false\" \"disabled\"}}\n      ...attributes\n      {{this.capture}}\n      {{focusTrap\n        _createFocusTrap=this.createTrapFactory\n        isActive=this.enabled\n        focusTrapOptions=this.focusTrapOptions\n      }}\n      {{trapEffects this}}\n      {{syncShards this}}\n      {{resetOnEnable this}}\n    >{{yield}}</div>\n  </template>\n}\n"],"names":["resolve","target","document","querySelector","trapEffects","modifier","element","owner","enabled","cleanups","inside","Node","trap","focusTrapContains","contains","press","event","handleOutsideClick","addEventListener","push","removeEventListener","keydown","key","defaultPrevented","activeElement","args","onEscapeKey","crossFrame","paused","focusin","HTMLIFrameElement","pause","unpause","refocus","window","scrollLock","lockBodyScroll","gapMode","noIsolation","isolateOutside","shards","map","filter","el","Boolean","forEach","fn","syncShards","resolvedShards","setFocusTrapContainers","resetOnEnable","_el","disabled","was","lastDisabled","queueMicrotask","disabledByClick","EuiFocusTrapComponent","Component","g","prototype","tracked","i","mouseupCleanup","willDestroy","classes","css","euiClass","getEuiThemeContext","undefined","n","cached","createTrap","elements","options","base","Array","isArray","createRegisteredFocusTrap","createTrapFactory","clickOutsideDisables","onClickOutside","closeOnMouseup","release","e","setTimeout","focusTrapOptions","returnFocus","allowOutsideClick","clickOutsideDeactivates","escapeDeactivates","onPostActivate","container","onActivation","onPostDeactivate","onDeactivation","fallbackFocus","hasAttribute","setAttribute","autoFocus","initialFocus","autofocusTarget","previous","applyReturn","result","focus","capture","setComponentTemplate","precompileTemplate","strictMode","scope","focusTrap"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import EuiFormAppendPrepend from './eui-form-control-layout/eui-form-append-prepend.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/**
+ * Content shown after a form control, for an `EuiFormControlLayout` (or
+ * field) `<:append>` block: a label, icons and/or a button. It inherits
+ * `@compressed`, the disabled state and the control id from the layout.
+ */
+const EuiFormAppend = setComponentTemplate(precompileTemplate("<EuiFormAppendPrepend @side=\"append\" @element={{@element}} @label={{@label}} @iconLeft={{@iconLeft}} @iconRight={{@iconRight}} @inputId={{@inputId}} @id={{@id}} @compressed={{@compressed}} @isDisabled={{@isDisabled}} @disabled={{@disabled}} @onClick={{@onClick}} @css={{@css}} ...attributes>{{yield}}</EuiFormAppendPrepend>", {
+  strictMode: true,
+  scope: () => ({
+    EuiFormAppendPrepend
+  })
+}), templateOnly());
+
+export { EuiFormAppend as default };
+//# sourceMappingURL=eui-form-append.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-form-append.js","sources":["../../src/components/eui-form-append.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\n\nimport EuiFormAppendPrepend from './eui-form-control-layout/eui-form-append-prepend.gts';\n\nimport type {\n  EuiFormAppendPrependArgs,\n  EuiFormAppendPrependSignature\n} from './eui-form-control-layout/eui-form-append-prepend';\n\nexport interface EuiFormAppendSignature {\n  Element: EuiFormAppendPrependSignature['Element'];\n  Args: EuiFormAppendPrependArgs;\n  Blocks: {\n    /** Content after the label and icons. */\n    default: [];\n  };\n}\n\n/**\n * Content shown after a form control, for an `EuiFormControlLayout` (or\n * field) `<:append>` block: a label, icons and/or a button. It inherits\n * `@compressed`, the disabled state and the control id from the layout.\n */\nconst EuiFormAppend: TOC<EuiFormAppendSignature> = <template>\n  <EuiFormAppendPrepend\n    @side=\"append\"\n    @element={{@element}}\n    @label={{@label}}\n    @iconLeft={{@iconLeft}}\n    @iconRight={{@iconRight}}\n    @inputId={{@inputId}}\n    @id={{@id}}\n    @compressed={{@compressed}}\n    @isDisabled={{@isDisabled}}\n    @disabled={{@disabled}}\n    @onClick={{@onClick}}\n    @css={{@css}}\n    ...attributes\n  >{{yield}}</EuiFormAppendPrepend>\n</template>;\n\nexport default EuiFormAppend;\n"],"names":["EuiFormAppend","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormAppendPrepend","templateOnly"],"mappings":";;;;;AAkBA;;;;AAIC;AACD,MAAMA,aAAmB,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,uUAAA,EAgBnD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,87 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { formControlLayoutContext } from '../-private/eui-form-control-layout-context.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { az as euiTextTruncate, bs as euiFormControlButtonStyles } from '../styles.generated-SYAxYhey.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import euiApplyProps, { propsClasses } from '../-private/eui-apply-props.js';
+import EuiButtonEmpty from './eui-button-empty.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { n } from 'decorator-transforms/runtime-esm';
+
+const NO_TEXT_WRAPPER = {
+  '& > .euiButtonEmpty__text': {
+    display: 'contents'
+  }
+};
+/**
+ * A button that looks like a form control (upstream `EuiFormControlButton`),
+ * e.g. to open a picker from a form row.
+ */
+class EuiFormControlButton extends Component {
+  get context() {
+    return getEuiThemeContext(this);
+  }
+  get layout() {
+    return formControlLayoutContext(this);
+  }
+  get isDisabled() {
+    return this.args.isDisabled ?? this.layout.isDisabled;
+  }
+  get isInvalid() {
+    return this.args.isInvalid ?? this.layout.isInvalid;
+  }
+  get compressed() {
+    return this.args.compressed ?? this.layout.compressed;
+  }
+  get isLoading() {
+    return this.layout.isLoading === true ? false : this.args.isLoading;
+  }
+  get iconSide() {
+    return this.isLoading ? 'right' : this.args.iconSide;
+  }
+  get hasText() {
+    return Boolean(this.args.value || this.args.placeholder);
+  }
+  get value() {
+    return this.args.value || undefined;
+  }
+  get css() {
+    const styles = useEuiBorealisStyles(this.context, euiFormControlButtonStyles);
+    return [styles.euiFormControlButton, this.isInvalid && styles.isInvalid, this.isLoading && styles.isLoading, this.layout.readOnly && styles.readOnly, this.compressed && styles.compressed, this.args.fullWidth ?? true ? styles.fullWidth : styles.formWidth, this.args.css];
+  }
+  static {
+    n(this.prototype, "css", [cached]);
+  }
+  get contentCss() {
+    const styles = useEuiBorealisStyles(this.context, euiFormControlButtonStyles);
+    return [NO_TEXT_WRAPPER, styles.euiFormControlButton__content, !this.hasText && this.iconSide === 'right' && styles.alignEnd, this.args.contentCss];
+  }
+  static {
+    n(this.prototype, "contentCss", [cached]);
+  }
+  get textClass() {
+    const context = this.context;
+    const styles = useEuiBorealisStyles(context, euiFormControlButtonStyles);
+    return `eui-textTruncate ${euiClass(context, euiTextTruncate(), styles.textContent, !this.args.value && styles.placeholder, this.args.textCss, this.args.textProps?.css)}`;
+  }
+  static {
+    n(this.prototype, "textClass", [cached]);
+  }
+  get textClasses() {
+    return [this.textClass, propsClasses(this.args.textProps)].filter(Boolean).join(' ');
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiButtonEmpty class=\"euiFormControlButton\" value={{this.value}} @color=\"text\" @css={{this.css}} @contentCss={{this.contentCss}} @isDisabled={{this.isDisabled}} @isLoading={{this.isLoading}} @hasAriaDisabled={{@hasAriaDisabled}} @contentProps={{@contentProps}} @iconType={{@iconType}} @iconSide={{this.iconSide}} @iconSize={{@iconSize}} @href={{@href}} @target={{@target}} @type={{@type}} ...attributes>\n  {{#if this.hasText}}\n    <span class={{this.textClasses}} {{euiApplyProps @textProps}}>{{if @value @value @placeholder}}</span>\n  {{/if}}\n  {{yield}}\n</EuiButtonEmpty>", {
+      strictMode: true,
+      scope: () => ({
+        EuiButtonEmpty,
+        euiApplyProps
+      })
+    }), this);
+  }
+}
+
+export { EuiFormControlButton as default };
+//# sourceMappingURL=eui-form-control-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-form-control-button.js","sources":["../../src/components/eui-form-control-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { formControlLayoutContext } from '../-private/eui-form-control-layout-context.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiFormControlButtonStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport euiApplyProps, { propsClasses } from '../-private/eui-apply-props.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiElementProps } from '../-private/eui-apply-props.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\n\n/**\n * Upstream renders the button content without a text wrapper\n * (`textProps={false}`): EuiButtonEmpty always wraps its block, so the\n * wrapper is taken out of the layout and its children become the content's\n * flex items.\n */\nconst NO_TEXT_WRAPPER = {\n  '& > .euiButtonEmpty__text': { display: 'contents' }\n};\n\nexport interface EuiFormControlButtonSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: {\n    /**\n     * Text shown like an input value. It is also the `<button>`'s `value`.\n     */\n    value?: string;\n    /** Text shown (in the placeholder color) while there is no `@value`. */\n    placeholder?: string;\n    /**\n     * Shorter control. Defaults to the surrounding `EuiFormControlLayout`'s\n     * `@compressed`.\n     */\n    compressed?: boolean;\n    /**\n     * Invalid styling. Defaults to the surrounding `EuiFormControlLayout`'s\n     * `@isInvalid`.\n     */\n    isInvalid?: boolean;\n    /** Stretches to the container's width. Defaults to `true` (upstream). */\n    fullWidth?: boolean;\n    /**\n     * Disables the button. Defaults to the surrounding\n     * `EuiFormControlLayout`'s disabled state.\n     */\n    isDisabled?: boolean;\n    /**\n     * Shows a spinner on the right and disables the button (not shown when\n     * the surrounding layout already shows its own spinner).\n     */\n    isLoading?: boolean;\n    /** Icon next to the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiButtonEmptySignature['Args']['iconType'];\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: 'left' | 'right';\n    /** Size of the icon. Defaults to `'m'`. */\n    iconSize?: EuiButtonEmptySignature['Args']['iconSize'];\n    /** Renders an `<a>` link instead of a `<button>`. */\n    href?: string;\n    /** `target` of the `@href` link. */\n    target?: string;\n    /** `type` of the `<button>`. Defaults to `'button'`. */\n    type?: string;\n    /** Beta: renders `aria-disabled` instead of `disabled`, see `EuiButtonEmpty`. */\n    hasAriaDisabled?: boolean;\n    /**\n     * Upstream's `contentProps`: `class`/`className`, `css` and HTML\n     * attributes for the element wrapping the icon and text.\n     */\n    contentProps?: EuiElementProps;\n    /**\n     * Upstream's `textProps`: `class`/`className`, `css` and HTML attributes\n     * for the element holding the value or placeholder.\n     */\n    textProps?: EuiElementProps;\n    /**\n     * Extra styles composed last into the content element's class (upstream\n     * `contentProps.css`).\n     */\n    contentCss?: EuiCss;\n    /**\n     * Extra styles composed last into the value/placeholder text's class\n     * (upstream `textProps.css`).\n     */\n    textCss?: EuiCss;\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop). Prefer this to an extra class when styling it from a parent.\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** Content after the value/placeholder text, e.g. a badge. */\n    default: [];\n  };\n}\n\n/**\n * A button that looks like a form control (upstream `EuiFormControlButton`),\n * e.g. to open a picker from a form row.\n */\nexport default class EuiFormControlButton extends Component<EuiFormControlButtonSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get layout() {\n    return formControlLayoutContext(this);\n  }\n  get isDisabled() {\n    return this.args.isDisabled ?? this.layout.isDisabled;\n  }\n  get isInvalid() {\n    return this.args.isInvalid ?? this.layout.isInvalid;\n  }\n  get compressed() {\n    return this.args.compressed ?? this.layout.compressed;\n  }\n  get isLoading() {\n    return this.layout.isLoading === true ? false : this.args.isLoading;\n  }\n  get iconSide() {\n    return this.isLoading ? 'right' : this.args.iconSide;\n  }\n  get hasText() {\n    return Boolean(this.args.value || this.args.placeholder);\n  }\n  get value() {\n    return this.args.value || undefined;\n  }\n\n  @cached\n  get css() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiFormControlButtonStyles\n    );\n    return [\n      styles.euiFormControlButton,\n      this.isInvalid && styles.isInvalid,\n      this.isLoading && styles.isLoading,\n      this.layout.readOnly && styles.readOnly,\n      this.compressed && styles.compressed,\n      (this.args.fullWidth ?? true) ? styles.fullWidth : styles.formWidth,\n      this.args.css\n    ];\n  }\n\n  @cached\n  get contentCss() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiFormControlButtonStyles\n    );\n    return [\n      NO_TEXT_WRAPPER,\n      styles.euiFormControlButton__content,\n      !this.hasText && this.iconSide === 'right' && styles.alignEnd,\n      this.args.contentCss\n    ];\n  }\n\n  @cached\n  get textClass() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiFormControlButtonStyles);\n    return `eui-textTruncate ${euiClass(\n      context,\n      euiTextTruncate(),\n      styles.textContent,\n      !this.args.value && styles.placeholder,\n      this.args.textCss,\n      this.args.textProps?.css\n    )}`;\n  }\n\n  get textClasses() {\n    return [this.textClass, propsClasses(this.args.textProps)].filter(Boolean).join(' ');\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class=\"euiFormControlButton\"\n      value={{this.value}}\n      @color=\"text\"\n      @css={{this.css}}\n      @contentCss={{this.contentCss}}\n      @isDisabled={{this.isDisabled}}\n      @isLoading={{this.isLoading}}\n      @hasAriaDisabled={{@hasAriaDisabled}}\n      @contentProps={{@contentProps}}\n      @iconType={{@iconType}}\n      @iconSide={{this.iconSide}}\n      @iconSize={{@iconSize}}\n      @href={{@href}}\n      @target={{@target}}\n      @type={{@type}}\n      ...attributes\n    >\n      {{#if this.hasText}}\n        <span class={{this.textClasses}} {{euiApplyProps @textProps}}>{{if @value @value @placeholder}}</span>\n      {{/if}}\n      {{yield}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["NO_TEXT_WRAPPER","display","EuiFormControlButton","Component","context","getEuiThemeContext","layout","formControlLayoutContext","isDisabled","args","isInvalid","compressed","isLoading","iconSide","hasText","Boolean","value","placeholder","undefined","css","styles","useEuiBorealisStyles","euiFormControlButtonStyles","euiFormControlButton","readOnly","fullWidth","formWidth","n","prototype","cached","contentCss","euiFormControlButton__content","alignEnd","textClass","euiClass","euiTextTruncate","textContent","textCss","textProps","textClasses","propsClasses","filter","join","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","euiApplyProps"],"mappings":";;;;;;;;;;;;AAuBA,MAAMA,eAAA,GAAkB;AACtB,EAAA,2BAAA,EAA6B;AAAEC,IAAAA,OAAA,EAAS;AAAW;AACrD,CAAA;AA+EA;;;;AAIe,MAAMC,oBAAA,SAA6BC,SAAA,CAAU;EAC1D,IAAIC,OAAAA,GAAU;IACZ,OAAOC,mBAAmB,IAAI,CAAA;AAChC,EAAA;EACA,IAAIC,MAAAA,GAAS;IACX,OAAOC,yBAAyB,IAAI,CAAA;AACtC,EAAA;EACA,IAAIC,UAAAA,GAAa;IACf,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU,IAAI,IAAI,CAACF,MAAM,CAACE,UAAU;AACvD,EAAA;EACA,IAAIE,SAAAA,GAAY;IACd,OAAO,IAAI,CAACD,IAAI,CAACC,SAAS,IAAI,IAAI,CAACJ,MAAM,CAACI,SAAS;AACrD,EAAA;EACA,IAAIC,UAAAA,GAAa;IACf,OAAO,IAAI,CAACF,IAAI,CAACE,UAAU,IAAI,IAAI,CAACL,MAAM,CAACK,UAAU;AACvD,EAAA;EACA,IAAIC,SAAAA,GAAY;AACd,IAAA,OAAO,IAAI,CAACN,MAAM,CAACM,SAAS,KAAK,IAAA,GAAO,KAAA,GAAQ,IAAI,CAACH,IAAI,CAACG,SAAS;AACrE,EAAA;EACA,IAAIC,QAAAA,GAAW;IACb,OAAO,IAAI,CAACD,SAAS,GAAG,UAAU,IAAI,CAACH,IAAI,CAACI,QAAQ;AACtD,EAAA;EACA,IAAIC,OAAAA,GAAU;AACZ,IAAA,OAAOC,OAAA,CAAQ,IAAI,CAACN,IAAI,CAACO,KAAK,IAAI,IAAI,CAACP,IAAI,CAACQ,WAAW,CAAA;AACzD,EAAA;EACA,IAAID,KAAAA,GAAQ;AACV,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,KAAK,IAAIE,SAAA;AAC5B,EAAA;EAEA,IACIC,GAAAA,GAAM;IACR,MAAMC,MAAA,GAASC,oBAAA,CACb,IAAI,CAACjB,OAAO,EACZkB,0BAAA,CAAA;AAEF,IAAA,OAAO,CACLF,MAAA,CAAOG,oBAAoB,EAC3B,IAAI,CAACb,SAAS,IAAIU,MAAA,CAAOV,SAAS,EAClC,IAAI,CAACE,SAAS,IAAIQ,MAAA,CAAOR,SAAS,EAClC,IAAI,CAACN,MAAM,CAACkB,QAAQ,IAAIJ,OAAOI,QAAQ,EACvC,IAAI,CAACb,UAAU,IAAIS,MAAA,CAAOT,UAAU,EACnC,IAAI,CAACF,IAAI,CAACgB,SAAS,IAAI,IAAI,GAAIL,MAAA,CAAOK,SAAS,GAAGL,MAAA,CAAOM,SAAS,EACnE,IAAI,CAACjB,IAAI,CAACU,GAAG,CACd;AACH,EAAA;AAAA,EAAA;IAAAQ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAfCC,MAAA,CAAA,CAAA;AAAA;EAiBD,IACIC,UAAAA,GAAa;IACf,MAAMV,MAAA,GAASC,oBAAA,CACb,IAAI,CAACjB,OAAO,EACZkB,0BAAA,CAAA;IAEF,OAAO,CACLtB,eAAA,EACAoB,MAAA,CAAOW,6BAA6B,EACpC,CAAC,IAAI,CAACjB,OAAO,IAAI,IAAI,CAACD,QAAQ,KAAK,OAAA,IAAWO,MAAA,CAAOY,QAAQ,EAC7D,IAAI,CAACvB,IAAI,CAACqB,UAAU,CACrB;AACH,EAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CAZCC,MAAA,CAAA,CAAA;AAAA;EAcD,IACII,SAAAA,GAAY;AACd,IAAA,MAAM7B,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMgB,MAAA,GAASC,qBAAqBjB,OAAA,EAASkB,0BAAA,CAAA;AAC7C,IAAA,OAAO,oBAAoBY,QAAA,CACzB9B,OAAA,EACA+B,eAAA,EAAA,EACAf,MAAA,CAAOgB,WAAW,EAClB,CAAC,IAAI,CAAC3B,IAAI,CAACO,KAAK,IAAII,MAAA,CAAOH,WAAW,EACtC,IAAI,CAACR,IAAI,CAAC4B,OAAO,EACjB,IAAI,CAAC5B,IAAI,CAAC6B,SAAS,EAAEnB,GAAA,CAAA,CAAA,CACpB;AACL,EAAA;AAAA,EAAA;IAAAQ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAZCC,MAAA,CAAA,CAAA;AAAA;EAcD,IAAIU,WAAAA,GAAc;IAChB,OAAO,CAAC,IAAI,CAACN,SAAS,EAAEO,YAAA,CAAa,IAAI,CAAC/B,IAAI,CAAC6B,SAAS,CAAA,CAAE,CAACG,MAAM,CAAC1B,OAAA,CAAA,CAAS2B,IAAI,CAAC,GAAA,CAAA;AAClF,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,ykBAAA,EAwBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -0,0 +1,96 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { formControlLayoutContext } from '../../-private/eui-form-control-layout-context.js';
+import { getEuiThemeContext } from '../../utils/emotion/consume.js';
+import { buttonReset } from '../../utils/eui/form-controls.js';
+import { az as euiTextTruncate, J as euiFormAppendPrependStyles, K as euiFormLabelStyles } from '../../styles.generated-SYAxYhey.js';
+import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
+import EuiFormLabel, { euiFormLabelReset } from '../eui-form-label.js';
+import EuiIcon from '../eui-icon.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { n } from 'decorator-transforms/runtime-esm';
+
+/**
+ * @private Upstream `EuiFormAppendPrepend`: the shared implementation of
+ * `EuiFormAppend` / `EuiFormPrepend`.
+ */
+class EuiFormAppendPrepend extends Component {
+  get context() {
+    return getEuiThemeContext(this);
+  }
+  get layout() {
+    return formControlLayoutContext(this);
+  }
+  get rootClass() {
+    return this.args.side === 'append' ? 'euiFormAppend' : 'euiFormPrepend';
+  }
+  get isButton() {
+    return this.args.element === 'button' || typeof this.args.onClick === 'function';
+  }
+  get compressed() {
+    return this.args.compressed ?? this.layout.compressed;
+  }
+  get inputId() {
+    return this.args.inputId ?? (this.layout.inputId || undefined);
+  }
+  get isDisabled() {
+    return Boolean(this.args.isDisabled || this.args.disabled || !this.isButton && this.layout.isDisabled);
+  }
+  /** Upstream wrapper: draws the focus ring around a focused button side. */
+  get wrapperClass() {
+    const styles = useEuiBorealisStyles(this.context, euiFormAppendPrependStyles);
+    return euiClass(this.context, {
+      boxSizing: 'border-box'
+    }, styles.wrapper);
+  }
+  static {
+    n(this.prototype, "wrapperClass", [cached]);
+  }
+  get classes() {
+    const context = this.context;
+    const styles = useEuiBorealisStyles(context, euiFormAppendPrependStyles);
+    const isButton = this.isButton;
+    const isDisabled = this.isDisabled;
+    return `${this.rootClass} ${euiClass(context,
+    // React's global reset: border-box everywhere, and the button reset.
+    {
+      boxSizing: 'border-box'
+    }, isButton && buttonReset, isButton && {
+      fontFamily: context.upstream.euiTheme.font.family
+    }, styles.side, this.compressed ? styles.compressed : styles.uncompressed, isButton && !isDisabled && styles.isInteractive, isDisabled && styles.disabled, this.args.css)}`;
+  }
+  /** `EuiFormLabel type="span"` (with the truncation utility) in a button. */
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  get spanLabelClass() {
+    const context = this.context;
+    const styles = useEuiBorealisStyles(context, euiFormLabelStyles);
+    return `euiFormLabel eui-textTruncate ${euiClass(context, euiFormLabelReset(context.upstream), styles.euiFormLabel, styles.notDisabled, euiTextTruncate())}`;
+  }
+  static {
+    n(this.prototype, "spanLabelClass", [cached]);
+  }
+  onClick(event) {
+    this.args.onClick?.(event);
+  }
+  static {
+    n(this.prototype, "onClick", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div class={{this.wrapperClass}}>\n  {{#if this.isButton}}\n    <button type=\"button\" class={{this.classes}} disabled={{this.isDisabled}} ...attributes {{on \"click\" this.onClick}}>\n      {{#if @iconLeft}}\n        <EuiIcon @type={{@iconLeft}} />\n      {{/if}}\n      {{#if @label}}\n        <span id={{@id}} class={{this.spanLabelClass}}>{{@label}}</span>\n      {{/if}}\n      {{#if @iconRight}}\n        <EuiIcon @type={{@iconRight}} />\n      {{/if}}\n      {{yield}}\n    </button>\n  {{else}}\n    <div class={{this.classes}} ...attributes>\n      {{#if @iconLeft}}\n        <EuiIcon @type={{@iconLeft}} />\n      {{/if}}\n      {{#if @label}}\n        <EuiFormLabel id={{@id}} @for={{this.inputId}}>{{@label}}</EuiFormLabel>\n      {{/if}}\n      {{#if @iconRight}}\n        <EuiIcon @type={{@iconRight}} />\n      {{/if}}\n      {{yield}}\n    </div>\n  {{/if}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        EuiIcon,
+        EuiFormLabel
+      })
+    }), this);
+  }
+}
+
+export { EuiFormAppendPrepend as default };
+//# sourceMappingURL=eui-form-append-prepend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-form-append-prepend.js","sources":["../../../src/components/eui-form-control-layout/eui-form-append-prepend.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport { formControlLayoutContext } from '../../-private/eui-form-control-layout-context.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { buttonReset } from '../../utils/eui/form-controls.ts';\nimport {\n  euiFormAppendPrependStyles,\n  euiFormLabelStyles,\n  euiTextTruncate\n} from '../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiFormLabel, { euiFormLabelReset } from '../eui-form-label.gts';\nimport EuiIcon from '../eui-icon.gts';\n\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiIconSignature } from '../eui-icon';\n\n/** Arguments shared by `EuiFormAppend` and `EuiFormPrepend`. */\nexport interface EuiFormAppendPrependArgs {\n  /**\n   * `'button'` renders a `<button>` (interactive styles, label as text);\n   * `'div'` a static node whose label is a `<label>` for `@inputId`.\n   * Defaults to `'button'` when `@onClick` is passed, `'div'` otherwise.\n   */\n  element?: 'div' | 'button';\n  /** Main text, rendered as an `EuiFormLabel` (a `<span>` in a button). */\n  label?: string;\n  /** Icon before the label; anything `EuiIcon`'s `@type` accepts. */\n  iconLeft?: EuiIconSignature['Args']['type'];\n  /** Icon after the label; anything `EuiIcon`'s `@type` accepts. */\n  iconRight?: EuiIconSignature['Args']['type'];\n  /**\n   * Id of the control the `<label>` points to (`for`). Defaults to the\n   * surrounding `EuiFormControlLayout`'s `@inputId`.\n   */\n  inputId?: string;\n  /** Id of the label element (upstream passes `id` to the label). */\n  id?: string;\n  /**\n   * Smaller padding. Defaults to the surrounding `EuiFormControlLayout`'s\n   * `@compressed`.\n   */\n  compressed?: boolean;\n  /**\n   * Disables the button / greys out the node. A static node also follows\n   * the surrounding layout's disabled state.\n   */\n  isDisabled?: boolean;\n  /** Same as `@isDisabled`. */\n  disabled?: boolean;\n  /** Click handler; renders a `<button>` (upstream `onClick`). */\n  onClick?: (event: MouseEvent) => void;\n  /**\n   * Extra styles composed last into this component's class (like upstream's\n   * `css` prop). Prefer this to an extra class when styling it from a parent.\n   */\n  css?: EuiCss;\n}\n\nexport interface EuiFormAppendPrependSignature {\n  Element: HTMLDivElement | HTMLButtonElement;\n  Args: EuiFormAppendPrependArgs & {\n    /** @private Which side of the control: sets the root class. */\n    side: 'append' | 'prepend';\n  };\n  Blocks: {\n    /** Content after the label and icons. */\n    default: [];\n  };\n}\n\n/**\n * @private Upstream `EuiFormAppendPrepend`: the shared implementation of\n * `EuiFormAppend` / `EuiFormPrepend`.\n */\nexport default class EuiFormAppendPrepend extends Component<EuiFormAppendPrependSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get layout() {\n    return formControlLayoutContext(this);\n  }\n  get rootClass() {\n    return this.args.side === 'append' ? 'euiFormAppend' : 'euiFormPrepend';\n  }\n  get isButton() {\n    return (\n      this.args.element === 'button' || typeof this.args.onClick === 'function'\n    );\n  }\n  get compressed() {\n    return this.args.compressed ?? this.layout.compressed;\n  }\n  get inputId() {\n    return this.args.inputId ?? (this.layout.inputId || undefined);\n  }\n  get isDisabled() {\n    return Boolean(\n      this.args.isDisabled ||\n        this.args.disabled ||\n        (!this.isButton && this.layout.isDisabled)\n    );\n  }\n\n  /** Upstream wrapper: draws the focus ring around a focused button side. */\n  @cached\n  get wrapperClass() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiFormAppendPrependStyles\n    );\n    return euiClass(this.context, { boxSizing: 'border-box' }, styles.wrapper);\n  }\n\n  @cached\n  get classes() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiFormAppendPrependStyles);\n    const isButton = this.isButton;\n    const isDisabled = this.isDisabled;\n    return `${this.rootClass} ${euiClass(\n      context,\n      // React's global reset: border-box everywhere, and the button reset.\n      { boxSizing: 'border-box' },\n      isButton && buttonReset,\n      isButton && { fontFamily: context.upstream.euiTheme.font.family },\n      styles.side,\n      this.compressed ? styles.compressed : styles.uncompressed,\n      isButton && !isDisabled && styles.isInteractive,\n      isDisabled && styles.disabled,\n      this.args.css\n    )}`;\n  }\n\n  /** `EuiFormLabel type=\"span\"` (with the truncation utility) in a button. */\n  @cached\n  get spanLabelClass() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiFormLabelStyles);\n    return `euiFormLabel eui-textTruncate ${euiClass(\n      context,\n      euiFormLabelReset(context.upstream),\n      styles.euiFormLabel,\n      styles.notDisabled,\n      euiTextTruncate()\n    )}`;\n  }\n\n  @action\n  onClick(event: MouseEvent) {\n    this.args.onClick?.(event);\n  }\n\n  <template>\n    <div class={{this.wrapperClass}}>\n      {{#if this.isButton}}\n        <button\n          type=\"button\"\n          class={{this.classes}}\n          disabled={{this.isDisabled}}\n          ...attributes\n          {{on \"click\" this.onClick}}\n        >\n          {{#if @iconLeft}}\n            <EuiIcon @type={{@iconLeft}} />\n          {{/if}}\n          {{#if @label}}\n            <span id={{@id}} class={{this.spanLabelClass}}>{{@label}}</span>\n          {{/if}}\n          {{#if @iconRight}}\n            <EuiIcon @type={{@iconRight}} />\n          {{/if}}\n          {{yield}}\n        </button>\n      {{else}}\n        <div class={{this.classes}} ...attributes>\n          {{#if @iconLeft}}\n            <EuiIcon @type={{@iconLeft}} />\n          {{/if}}\n          {{#if @label}}\n            <EuiFormLabel id={{@id}} @for={{this.inputId}}>{{@label}}</EuiFormLabel>\n          {{/if}}\n          {{#if @iconRight}}\n            <EuiIcon @type={{@iconRight}} />\n          {{/if}}\n          {{yield}}\n        </div>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["EuiFormAppendPrepend","Component","context","getEuiThemeContext","layout","formControlLayoutContext","rootClass","args","side","isButton","element","onClick","compressed","inputId","undefined","isDisabled","Boolean","disabled","wrapperClass","styles","useEuiBorealisStyles","euiFormAppendPrependStyles","euiClass","boxSizing","wrapper","n","prototype","cached","classes","buttonReset","fontFamily","upstream","euiTheme","font","family","uncompressed","isInteractive","css","spanLabelClass","euiFormLabelStyles","euiFormLabelReset","euiFormLabel","notDisabled","euiTextTruncate","event","action","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","EuiFormLabel"],"mappings":"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"}

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

@@ -1,19 +1,68 @@
-import argOrDefault from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { service } from '@ember/service';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { buttonReset } from '../utils/eui/form-controls.js';
+import { e5 as EuiFormControlLayoutClearButtonStyles } from '../styles.generated-SYAxYhey.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
-/** @private The clear ("x") button of EuiFormControlLayout; add `{{on "click" …}}`. */
-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,
-    argOrDefault,
-    EuiIcon
-  })
-}), templateOnly());
+class EuiFormControlLayoutClearButton extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service('eui-i18n')]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get size() {
+    return this.args.size === 's' ? 's' : 'm';
+  }
+  get label() {
+    return this.args.label ?? this.euiI18n.lookupToken('euiFormControlLayoutClearButton.label', 'Clear input');
+  }
+  get styles() {
+    const context = getEuiThemeContext(this);
+    return {
+      context,
+      styles: useEuiBorealisStyles(context, EuiFormControlLayoutClearButtonStyles)
+    };
+  }
+  static {
+    n(this.prototype, "styles", [cached]);
+  }
+  get classes() {
+    const {
+      context,
+      styles
+    } = this.styles;
+    return euiClass(context, buttonReset, styles.euiFormControlLayoutClearButton, styles.size[this.size]);
+  }
+  /**
+  * Upstream's `css` on the icon, composed last into EuiIcon's own class so
+  * the 8px/6px cross wins over EuiIcon's size (a separate class does not).
+  */
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  get iconCss() {
+    const {
+      styles
+    } = this.styles;
+    return [styles.icon.euiFormControlLayoutClearButton__icon, styles.icon.size[this.size]];
+  }
+  static {
+    n(this.prototype, "iconCss", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<button class=\"euiFormControlLayoutClearButton {{this.classes}}\" type=\"button\" aria-label={{this.label}} ...attributes>\n  <EuiIcon @iconClasses=\"euiFormControlLayoutClearButton__icon\" @css={{this.iconCss}} @type=\"cross\" @size={{this.size}} />\n</button>", {
+      strictMode: true,
+      scope: () => ({
+        EuiIcon
+      })
+    }), this);
+  }
+}
 
 export { EuiFormControlLayoutClearButton as default };
 //# sourceMappingURL=eui-form-control-layout-clear-button.js.map

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  /** `'s'` or `'m'`. Defaults to `'m'`. */\n  size?: keyof typeof sizeMapping;\n  /** Accessible label of the button. */\n  label?: string;\n};\n\n/** @private The clear (\"x\") button of EuiFormControlLayout; add `{{on \"click\" …}}`. */\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":";;;;;;;AAeA;AAMA,MAAMA,+BAAuD,GAAAC,oBAAA,CAC3DC,kBAAA,CAAA,sQAAA,EAeA;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 Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { service } from '@ember/service';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { buttonReset } from '../utils/eui/form-controls.ts';\nimport { EuiFormControlLayoutClearButtonStyles } from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { CommonArgs } from './common.ts';\n\nexport type EuiFormControlLayoutClearButtonArgs = CommonArgs & {\n  /** `'s'` (12px) or `'m'` (16px). Defaults to `'m'`. */\n  size?: 's' | 'm';\n  /**\n   * Accessible label of the button. Defaults to the\n   * `euiFormControlLayoutClearButton.label` token (\"Clear input\").\n   */\n  label?: string;\n};\n\n/** @private The clear (\"x\") button of EuiFormControlLayout; add `{{on \"click\" …}}`. */\nexport interface EuiFormControlLayoutClearButtonSignature {\n  Element: HTMLButtonElement;\n  Args: EuiFormControlLayoutClearButtonArgs;\n}\n\nexport default class EuiFormControlLayoutClearButton extends Component<EuiFormControlLayoutClearButtonSignature> {\n  @service('eui-i18n') declare euiI18n: EuiI18n;\n\n  get size(): 's' | 'm' {\n    return this.args.size === 's' ? 's' : 'm';\n  }\n  get label() {\n    return (\n      this.args.label ??\n      this.euiI18n.lookupToken(\n        'euiFormControlLayoutClearButton.label',\n        'Clear input'\n      )\n    );\n  }\n  @cached\n  get styles() {\n    const context = getEuiThemeContext(this);\n    return {\n      context,\n      styles: useEuiBorealisStyles(\n        context,\n        EuiFormControlLayoutClearButtonStyles\n      )\n    };\n  }\n  @cached\n  get classes() {\n    const { context, styles } = this.styles;\n    return euiClass(\n      context,\n      buttonReset,\n      styles.euiFormControlLayoutClearButton,\n      styles.size[this.size]\n    );\n  }\n  /**\n   * Upstream's `css` on the icon, composed last into EuiIcon's own class so\n   * the 8px/6px cross wins over EuiIcon's size (a separate class does not).\n   */\n  @cached\n  get iconCss(): EuiCss {\n    const { styles } = this.styles;\n    return [\n      styles.icon.euiFormControlLayoutClearButton__icon,\n      styles.icon.size[this.size]\n    ];\n  }\n\n  <template>\n    <button\n      class=\"euiFormControlLayoutClearButton {{this.classes}}\"\n      type=\"button\"\n      aria-label={{this.label}}\n      ...attributes\n    >\n      <EuiIcon\n        @iconClasses=\"euiFormControlLayoutClearButton__icon\"\n        @css={{this.iconCss}}\n        @type=\"cross\"\n        @size={{this.size}}\n      />\n    </button>\n  </template>\n}\n"],"names":["EuiFormControlLayoutClearButton","Component","g","prototype","service","i","size","args","label","euiI18n","lookupToken","styles","context","getEuiThemeContext","useEuiBorealisStyles","EuiFormControlLayoutClearButtonStyles","n","cached","classes","euiClass","buttonReset","euiFormControlLayoutClearButton","iconCss","icon","euiFormControlLayoutClearButton__icon","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon"],"mappings":";;;;;;;;;;;;AA8Be,MAAMA,wCAAwCC,SAAA,CAAU;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,SAAA,EAAA,CACpEC,OAAA,CAAQ,UAAA,CAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAET,IAAIC,IAAAA,GAAkB;IACpB,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,KAAK,MAAM,GAAA,GAAM,GAAA;AACxC,EAAA;EACA,IAAIE,KAAAA,GAAQ;AACV,IAAA,OACE,IAAI,CAACD,IAAI,CAACC,KAAK,IACf,IAAI,CAACC,OAAO,CAACC,WAAW,CACtB,yCACA,aAAA,CAEJ;AACF,EAAA;EACA,IACIC,MAAAA,GAAS;AACX,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;IACvC,OAAO;MACLD,OAAA;AACAD,MAAAA,MAAA,EAAQG,qBACNF,OAAA,EACAG,qCAAA;KAEJ;AACF,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAb,SAAA,EAAA,QAAA,EAAA,CAVCc,MAAA,CAAA,CAAA;AAAA;EAWD,IACIC,OAAAA,GAAU;IACZ,MAAM;MAAEN,OAAO;AAAED,MAAAA;KAAQ,GAAG,IAAI,CAACA,MAAM;AACvC,IAAA,OAAOQ,QAAA,CACLP,OAAA,EACAQ,WAAA,EACAT,MAAA,CAAOU,+BAA+B,EACtCV,MAAA,CAAOL,IAAI,CAAC,IAAI,CAACA,IAAI,CAAC,CAAA;AAE1B,EAAA;AACA;;;AAGC;AAHD,EAAA;IAAAU,CAAA,CAAA,IAAA,CAAAb,SAAA,EAAA,SAAA,EAAA,CAVCc,MAAA,CAAA,CAAA;AAAA;EAcD,IACIK,UAAkB;IACpB,MAAM;AAAEX,MAAAA;KAAQ,GAAG,IAAI,CAACA,MAAM;AAC9B,IAAA,OAAO,CACLA,MAAA,CAAOY,IAAI,CAACC,qCAAqC,EACjDb,MAAA,CAAOY,IAAI,CAACjB,IAAI,CAAC,IAAI,CAACA,IAAI,CAAC,CAC5B;AACH,EAAA;AAAA,EAAA;IAAAU,CAAA,CAAA,IAAA,CAAAb,SAAA,EAAA,SAAA,EAAA,CAPCc,MAAA,CAAA,CAAA;AAAA;AASD,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAAA,wQAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -1,17 +1,33 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
 import { on } from '@ember/modifier';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { euiFormControlLayoutCustomIconStyles, buttonReset } from '../utils/eui/form-controls.js';
+import { euiClass } from '../utils/eui/styles.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { n } from 'decorator-transforms/runtime-esm';
 
-/** @private An icon inside EuiFormControlLayout. */
-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,
-    EuiIcon
-  })
-}), templateOnly());
+class EuiFormControlLayoutCustomIcon extends Component {
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const clickable = Boolean(this.args.onClick);
+    return euiClass(context, clickable && buttonReset, euiFormControlLayoutCustomIconStyles.euiFormControlLayoutCustomIcon, clickable ? euiFormControlLayoutCustomIconStyles.clickable : euiFormControlLayoutCustomIconStyles.unclickable);
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{#if @onClick}}\n  <button type=\"button\" class=\"euiFormControlLayoutCustomIcon {{this.classes}}\" disabled={{@disabled}} ...attributes {{on \"click\" @onClick}}>\n    <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} @color={{@color}} @css={{@iconCss}} aria-hidden=\"true\" />\n  </button>\n{{else}}\n  <span class=\"euiFormControlLayoutCustomIcon {{this.classes}}\" ...attributes>\n    <EuiIcon @iconClasses=\"euiFormControlLayoutCustomIcon__icon\" @type={{@type}} @size={{@size}} @color={{@color}} @css={{@iconCss}} aria-hidden=\"true\" />\n  </span>\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        EuiIcon
+      })
+    }), this);
+  }
+}
 
 export { EuiFormControlLayoutCustomIcon as default };
 //# sourceMappingURL=eui-form-control-layout-custom-icon.js.map

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  /** Makes the icon a button calling this function. */\n  onClick?: (event: MouseEvent) => void;\n  /** The icon; anything `EuiIcon`'s `@type` accepts. */\n  type: EuiIconSignature['Args']['type'];\n  /** Size of the icon. */\n  size?: EuiIconSignature['Args']['size'];\n  /** @deprecated Has no effect. */\n  iconRef?: string | ((el: HTMLButtonElement | HTMLSpanElement | null) => void);\n};\n\n/** @private An icon inside EuiFormControlLayout. */\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":";;;;;;AAmBA;AAMA,MAAMA,8BAAsD,GAAAC,oBAAA,CAC1DC,kBAAA,CAAA,6gBAAA,EAyBA;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 Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  buttonReset,\n  euiFormControlLayoutCustomIconStyles as styles\n} from '../utils/eui/form-controls.ts';\nimport { euiClass } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiIconSignature } from './eui-icon.gts';\n\nexport type EuiFormControlLayoutCustomIconArgs = CommonArgs & {\n  /** Makes the icon a button calling this function. */\n  onClick?: (event: MouseEvent) => void;\n  /** The icon; anything `EuiIcon`'s `@type` accepts. */\n  type: EuiIconSignature['Args']['type'];\n  /** Size of the icon. */\n  size?: EuiIconSignature['Args']['size'];\n  /** Color of the icon, anything `EuiIcon`'s `@color` accepts. */\n  color?: EuiIconSignature['Args']['color'];\n  /** Extra styles composed last into the EuiIcon's class (its `@css`). */\n  iconCss?: EuiCss;\n  /** Disables the `@onClick` button. */\n  disabled?: boolean;\n  /** @deprecated Has no effect. */\n  iconRef?: string | ((el: HTMLButtonElement | HTMLSpanElement | null) => void);\n};\n\n/** @private An icon inside EuiFormControlLayout. */\nexport interface EuiFormControlLayoutCustomIconSignature {\n  Element: HTMLButtonElement | HTMLSpanElement;\n  Args: EuiFormControlLayoutCustomIconArgs;\n}\n\nexport default class EuiFormControlLayoutCustomIcon extends Component<EuiFormControlLayoutCustomIconSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const clickable = Boolean(this.args.onClick);\n    return euiClass(\n      context,\n      clickable && buttonReset,\n      styles.euiFormControlLayoutCustomIcon,\n      clickable ? styles.clickable : styles.unclickable\n    );\n  }\n\n  <template>\n    {{#if @onClick}}\n      <button\n        type=\"button\"\n        class=\"euiFormControlLayoutCustomIcon {{this.classes}}\"\n        disabled={{@disabled}}\n        ...attributes\n        {{on \"click\" @onClick}}\n      >\n        <EuiIcon\n          @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n          @type={{@type}}\n          @size={{@size}}\n          @color={{@color}}\n          @css={{@iconCss}}\n          aria-hidden=\"true\"\n        />\n      </button>\n    {{else}}\n      <span\n        class=\"euiFormControlLayoutCustomIcon {{this.classes}}\"\n        ...attributes\n      >\n        <EuiIcon\n          @iconClasses=\"euiFormControlLayoutCustomIcon__icon\"\n          @type={{@type}}\n          @size={{@size}}\n          @color={{@color}}\n          @css={{@iconCss}}\n          aria-hidden=\"true\"\n        />\n      </span>\n    {{/if}}\n  </template>\n}\n"],"names":["EuiFormControlLayoutCustomIcon","Component","classes","context","getEuiThemeContext","clickable","Boolean","args","onClick","euiClass","buttonReset","styles","euiFormControlLayoutCustomIcon","unclickable","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon"],"mappings":";;;;;;;;;;;AAuCe,MAAMA,uCAAuCC,SAAA,CAAU;EACpE,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;IACvC,MAAMC,YAAYC,OAAA,CAAQ,IAAI,CAACC,IAAI,CAACC,OAAO,CAAA;IAC3C,OAAOC,QAAA,CACLN,OAAA,EACAE,SAAA,IAAaK,WAAA,EACbC,oCAAA,CAAOC,8BAA8B,EACrCP,SAAA,GAAYM,oCAAA,CAAON,SAAS,GAAGM,oCAAA,CAAOE,WAAW,CAAA;AAErD,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAVCC,MAAA,CAAA,CAAA;AAAA;AAYD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,omBAAA,EAiCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -1,21 +1,95 @@
-import { or, and } from 'ember-truth-helpers';
-import argOrDefault from '../helpers/arg-or-default.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { service } from '@ember/service';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { bv as euiFormControlLayoutDelimited__input, bw as euiFormControlLayoutDelimited__delimiter, bx as euiFormControlLayoutDelimitedStyles, by as euiTextStyles } from '../styles.generated-SYAxYhey.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiFormControlLayout from './eui-form-control-layout.js';
-import EuiTextComponent from './eui-text.js';
+import EuiIcon from './eui-icon.js';
+import { euiTextColorCss } from './eui-text-color.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
-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,
-    EuiFormControlLayout,
-    and,
-    or,
-    EuiText: EuiTextComponent
-  })
-}), templateOnly());
+class EuiFormControlLayoutDelimited extends Component {
+  get context() {
+    return getEuiThemeContext(this);
+  }
+  get isDisabled() {
+    return Boolean(this.args.disabled || this.args.isDisabled);
+  }
+  get showInvalidState() {
+    return Boolean(this.args.isInvalid && !this.isDisabled && !this.args.readOnly);
+  }
+  /** A side shows when its block is passed and not switched off. */
+  provided = (hasBlock, isProvided) => hasBlock && isProvided !== false;
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  /** A given `@delimiter`, even `''` (upstream `delimiter ?? icon`). */get hasDelimiter() {
+    return this.args.delimiter !== undefined && this.args.delimiter !== null;
+  }
+  /** Upstream's default delimiter: a `sortRight` icon labelled "to". */
+  get delimiterLabel() {
+    return this.euiI18n.lookupToken('euiFormControlLayoutDelimited.delimiterLabel', 'to');
+  }
+  get styles() {
+    return useEuiBorealisStyles(this.context, euiFormControlLayoutDelimitedStyles);
+  }
+  static {
+    n(this.prototype, "styles", [cached]);
+  }
+  get rootCss() {
+    const styles = this.styles;
+    return [styles.delimited, this.isDisabled && styles.disabled, this.args.readOnly && styles.readOnly];
+  }
+  get wrapperCss() {
+    const styles = this.styles;
+    return [styles.childrenWrapper.delimited, this.showInvalidState && styles.childrenWrapper.invalid,
+    // upstream order: the consumer's css before the read-only styles
+    this.args.wrapperProps?.css, this.args.readOnly && styles.childrenWrapper.readOnly];
+  }
+  /** `@wrapperProps` without `css`, which `wrapperCss` already composes. */
+  get wrapperProps() {
+    const props = this.args.wrapperProps;
+    if (!props) return undefined;
+    return {
+      ...props,
+      css: undefined
+    };
+  }
+  /** The class yielded to each control: upstream's cloned input styles. */
+  static {
+    n(this.prototype, "wrapperProps", [cached]);
+  }
+  get inputClass() {
+    return `euiFormControlLayoutDelimited__input ${euiClass(this.context, euiFormControlLayoutDelimited__input)}`;
+  }
+  /** Upstream renders the delimiter as `EuiText size="s"` with these styles last. */
+  static {
+    n(this.prototype, "inputClass", [cached]);
+  }
+  get delimiterClass() {
+    const context = this.context;
+    const text = useEuiBorealisStyles(context, euiTextStyles);
+    return euiClass(context, {
+      boxSizing: 'border-box'
+    }, text.euiText, text.s, euiTextColorCss(context, this.showInvalidState ? 'danger' : 'subdued'), euiFormControlLayoutDelimited__delimiter(context.upstream));
+  }
+  static {
+    n(this.prototype, "delimiterClass", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiFormControlLayout class=\"euiFormControlLayoutDelimited\n    {{if this.showInvalidState \"euiFormControlLayoutDelimited--isInvalid\"}}\" @isDelimited={{true}} @iconsPosition={{if @iconsPosition @iconsPosition \"static\"}} @isDropdown={{@isDropdown}} @inputId={{@inputId}} @wrapperProps={{this.wrapperProps}} @css={{this.rootCss}} @wrapperCss={{this.wrapperCss}} @icon={{@icon}} @iconSide={{@iconSide}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @isInvalid={{@isInvalid}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{this.isDisabled}} @isPrependProvided={{this.provided (has-block \"prepend\") @isPrependProvided}} @isAppendProvided={{this.provided (has-block \"append\") @isAppendProvided}} ...attributes>\n  <:prepend as |prependClasses|>\n    {{yield prependClasses to=\"prepend\"}}\n  </:prepend>\n  <:field>\n    {{yield this.inputClass to=\"startControl\"}}\n    <div class=\"euiText euiFormControlLayoutDelimited__delimiter\n        {{this.delimiterClass}}\">\n      {{#if (has-block \"delimiter\")}}\n        {{yield to=\"delimiter\"}}\n      {{else if this.hasDelimiter}}\n        {{@delimiter}}\n      {{else}}\n        <EuiIcon @type=\"sortRight\" @aria-label={{this.delimiterLabel}} />\n      {{/if}}\n    </div>\n    {{yield this.inputClass to=\"endControl\"}}\n  </:field>\n  <:append as |appendClasses|>\n    {{yield appendClasses to=\"append\"}}\n  </:append>\n</EuiFormControlLayout>", {
+      strictMode: true,
+      scope: () => ({
+        EuiFormControlLayout,
+        EuiIcon
+      })
+    }), this);
+  }
+}
 
 export { EuiFormControlLayoutDelimited as default };
 //# sourceMappingURL=eui-form-control-layout-delimited.js.map