@ember-eui/core 15.0.0 → 16.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"eui-tree-view.js","sources":["../../src/components/eui-tree-view.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport { randomId } from '../-private/random-id.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiIconSignature } from './eui-icon';\n\nexport interface EuiTreeViewNode {\n  /** Unique id, also the id of the node's button. */\n  id: string;\n  /** The node's text. Use the `<:label>` block for markup. */\n  label: string;\n  /** Icon before the label, any `EuiIcon` type, e.g. `'folderClosed'`. */\n  icon?: EuiIconSignature['Args']['type'];\n  /** Icon while the node is open, e.g. `'folderOpen'`. */\n  iconWhenExpanded?: EuiIconSignature['Args']['type'];\n  /** Keeps the icon's space without an icon, to align with siblings. */\n  useEmptyIcon?: boolean;\n  /** Child nodes: the node opens and closes them. */\n  children?: EuiTreeViewNode[];\n  /** Starts open. */\n  isExpanded?: boolean;\n  /** Called when the node is clicked. */\n  callback?: () => void;\n  /** Extra classes for the node's button. */\n  className?: string;\n}\n\n/**\n * A hierarchy of nodes (folders and files, sections and pages) that open\n * and close. Arrow keys move between nodes (up and down) and open or close\n * them (right and left). Give it an `aria-label`.\n */\nexport interface EuiTreeViewSignature {\n  Element: HTMLUListElement;\n  Args: {\n    /** The top-level nodes; each may have `children`. */\n    items: EuiTreeViewNode[];\n    /** `'default'` or `'compressed'` (smaller text and spacing). */\n    display?: 'default' | 'compressed';\n    /** Opens every node that has children. */\n    expandByDefault?: boolean;\n    /** Shows an arrow before nodes that have children. */\n    showExpansionArrows?: boolean;\n    /** @private The root tree's id, for nested levels. */\n    treeId?: string;\n  };\n  Blocks: {\n    /** Renders a node's label yourself; yields the node. */\n    label: [node: EuiTreeViewNode];\n  };\n}\n\nfunction initiallyOpen(items: EuiTreeViewNode[], expandByDefault?: boolean): string[] {\n  return items\n    .filter((node) => node.children && (expandByDefault || node.isExpanded))\n    .map((node) => node.id);\n}\n\nexport default class EuiTreeView extends Component<EuiTreeViewSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked openItems: string[] = initiallyOpen(this.args.items, this.args.expandByDefault);\n  @tracked activeItem?: string;\n  // only the levels shown at first follow @expandByDefault\n  @tracked expandChildNodes = this.args.expandByDefault ?? false;\n\n  ownTreeId = this.args.treeId ?? `euiTreeView_${randomId()}`;\n\n  get isNested(): boolean {\n    return Boolean(this.args.treeId);\n  }\n\n  get treeId(): string {\n    return this.args.treeId ?? this.ownTreeId;\n  }\n\n  get instructionsId(): string {\n    return `${this.treeId}--instruction`;\n  }\n\n  get instructions(): string {\n    return this.euiI18n.lookupToken(\n      'euiTreeView.listNavigationInstructions',\n      'You can quickly navigate this list using arrow keys.'\n    );\n  }\n\n  get isCompressed(): boolean {\n    return this.args.display === 'compressed';\n  }\n\n  get classes(): string {\n    return [\n      'euiTreeView',\n      this.isCompressed && 'euiTreeView--compressed',\n      this.args.showExpansionArrows && 'euiTreeView--withArrows'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  isOpen = (node: EuiTreeViewNode): boolean => this.openItems.includes(node.id);\n\n  nodeClasses = (node: EuiTreeViewNode): string =>\n    [\n      'euiTreeView__node',\n      this.isCompressed && 'euiTreeView--compressed',\n      this.isOpen(node) && 'euiTreeView__node--expanded'\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n  buttonClasses = (node: EuiTreeViewNode): string =>\n    [\n      'euiTreeView__nodeInner',\n      this.args.showExpansionArrows && node.children && 'euiTreeView__nodeInner--withArrows',\n      this.activeItem === node.id && 'euiTreeView__node--active',\n      node.className\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n  iconOf = (node: EuiTreeViewNode): EuiIconSignature['Args']['type'] =>\n    (this.isOpen(node) && node.iconWhenExpanded) || node.icon || 'empty';\n\n  childrenId = (node: EuiTreeViewNode): string => `${this.treeId}_${node.id}_children`;\n\n  toggle(node: EuiTreeViewNode): void {\n    this.expandChildNodes = false;\n\n    if (this.isOpen(node)) {\n      this.openItems = this.openItems.filter((id) => id !== node.id);\n    } else {\n      this.openItems = [...this.openItems, node.id];\n      this.activeItem = node.id;\n    }\n  }\n\n  @action\n  onClick(node: EuiTreeViewNode): void {\n    this.toggle(node);\n    node.callback?.();\n  }\n\n  @action\n  onKeyDown(node: EuiTreeViewNode, event: KeyboardEvent): void {\n    const button = event.currentTarget as HTMLElement;\n\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'ArrowUp': {\n        const buttons = Array.from(\n          document.querySelectorAll<HTMLElement>(\n            `[data-test-subj=\"euiTreeViewButton-${this.treeId}\"]`\n          )\n        );\n        const index = buttons.indexOf(button);\n        const next = buttons[index + (event.key === 'ArrowDown' ? 1 : -1)];\n\n        if (index > -1 && next) {\n          event.preventDefault();\n          event.stopPropagation();\n          next.focus();\n        }\n        break;\n      }\n      case 'ArrowRight':\n        if (!this.isOpen(node)) {\n          event.preventDefault();\n          event.stopPropagation();\n          this.toggle(node);\n        }\n        break;\n      case 'ArrowLeft':\n        if (this.isOpen(node)) {\n          event.preventDefault();\n          event.stopPropagation();\n          this.toggle(node);\n        }\n        break;\n    }\n  }\n\n  /** Arrow left inside a node's children moves back to that node. */\n  @action\n  onChildrenKeyDown(node: EuiTreeViewNode, event: KeyboardEvent): void {\n    if (event.key !== 'ArrowLeft') return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    document.getElementById(node.id)?.focus();\n  }\n\n  <template>\n    <div class=\"euiText {{if this.isCompressed 'euiText--small' 'euiText--medium'}} euiTreeView__wrapper\">\n      {{#unless this.isNested}}\n        <EuiScreenReaderOnly>\n          <p id={{this.instructionsId}}>{{this.instructions}}</p>\n        </EuiScreenReaderOnly>\n      {{/unless}}\n      <ul\n        class={{this.classes}}\n        id={{unless this.isNested this.treeId}}\n        aria-describedby={{unless this.isNested this.instructionsId}}\n        ...attributes\n      >\n        {{#each @items as |node|}}\n          <li class={{this.nodeClasses node}}>\n            <button\n              type=\"button\"\n              id={{node.id}}\n              class={{this.buttonClasses node}}\n              aria-controls={{this.childrenId node}}\n              aria-expanded={{if (this.isOpen node) \"true\" \"false\"}}\n              data-test-subj=\"euiTreeViewButton-{{this.treeId}}\"\n              {{on \"click\" (fn this.onClick node)}}\n              {{on \"keydown\" (fn this.onKeyDown node)}}\n            >\n              {{#if (and2 @showExpansionArrows node.children)}}\n                <EuiIcon\n                  class=\"euiTreeView__expansionArrow\"\n                  @size={{if this.isCompressed \"s\" \"m\"}}\n                  @type={{if (this.isOpen node) \"arrowDown\" \"arrowRight\"}}\n                />\n              {{/if}}\n              {{#if node.icon}}\n                <span class=\"euiTreeView__iconWrapper\">\n                  <EuiIcon @type={{this.iconOf node}} />\n                </span>\n              {{else if node.useEmptyIcon}}\n                <span class=\"euiTreeView__iconPlaceholder\"></span>\n              {{/if}}\n              <span class=\"euiTreeView__nodeLabel\">\n                {{~#if (has-block \"label\")~}}\n                  {{yield node to=\"label\"}}\n                {{~else~}}\n                  {{node.label}}\n                {{~/if~}}\n              </span>\n            </button>\n            <div\n              id={{this.childrenId node}}\n              {{on \"keydown\" (fn this.onChildrenKeyDown node)}}\n            >\n              {{#if (and2 node.children (this.isOpen node))}}\n                <EuiTreeView\n                  @items={{childrenOf node}}\n                  @display={{@display}}\n                  @showExpansionArrows={{@showExpansionArrows}}\n                  @expandByDefault={{this.expandChildNodes}}\n                  @treeId={{this.treeId}}\n                  aria-labelledby={{node.id}}\n                >\n                  <:label as |child|>\n                    {{~#if (has-block \"label\")~}}\n                      {{yield child to=\"label\"}}\n                    {{~else~}}\n                      {{child.label}}\n                    {{~/if~}}\n                  </:label>\n                </EuiTreeView>\n              {{/if}}\n            </div>\n          </li>\n        {{/each}}\n      </ul>\n    </div>\n  </template>\n}\n\nfunction childrenOf(node: EuiTreeViewNode): EuiTreeViewNode[] {\n  return node.children ?? [];\n}\n\nfunction and2(a: unknown, b: unknown): boolean {\n  return Boolean(a && b);\n}\n"],"names":["initiallyOpen","items","expandByDefault","filter","node","children","isExpanded","map","id","EuiTreeView","Component","g","prototype","service","i","tracked","args","ownTreeId","treeId","randomId","isNested","Boolean","instructionsId","instructions","euiI18n","lookupToken","isCompressed","display","classes","showExpansionArrows","join","isOpen","openItems","includes","nodeClasses","buttonClasses","activeItem","className","iconOf","iconWhenExpanded","icon","childrenId","toggle","expandChildNodes","onClick","callback","n","action","onKeyDown","event","button","currentTarget","key","buttons","Array","from","document","querySelectorAll","index","indexOf","next","preventDefault","stopPropagation","focus","onChildrenKeyDown","getElementById","setComponentTemplate","precompileTemplate","strictMode","scope","EuiScreenReaderOnly","on","fn","and2","EuiIcon","childrenOf","a","b"],"mappings":"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"}
+{"version":3,"file":"eui-tree-view.js","sources":["../../src/components/eui-tree-view.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport EuiRenderNode from '../-private/eui-render-node.gts';\nimport { randomId } from '../-private/random-id.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiTextTruncate,\n  euiTreeViewItemStyles,\n  euiTreeViewStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type { EuiRenderNode as EuiRenderNodeType } from '../-private/eui-render-node.gts';\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiIconSignature } from './eui-icon';\n\nexport interface EuiTreeViewNode {\n  /** Unique id, also the id of the node's button. */\n  id: string;\n  /** The node's text. Use the `<:label>` block for markup. */\n  label: string;\n  /**\n   * Icon before the label: any `EuiIcon` type, e.g. `'folder'`, or a\n   * component for a custom icon (upstream's element), e.g.\n   * `(component EuiToken iconType=\"tokenString\")`.\n   */\n  icon?: EuiIconSignature['Args']['type'] | EuiRenderNodeType;\n  /** Icon while the node is open, e.g. `'folderOpen'`; or a component. */\n  iconWhenExpanded?: EuiIconSignature['Args']['type'] | EuiRenderNodeType;\n  /** Keeps the icon's space without an icon, to align with siblings. */\n  useEmptyIcon?: boolean;\n  /** Child nodes: the node opens and closes them. */\n  children?: EuiTreeViewNode[];\n  /** Starts open. */\n  isExpanded?: boolean;\n  /** Called when the node is clicked. */\n  callback?: () => void;\n  /** Extra classes for the node's button. */\n  className?: string;\n}\n\n/**\n * A hierarchy of nodes (folders and files, sections and pages) that open\n * and close. Arrow keys move between nodes (up and down) and open or close\n * them (right and left). Give it an `aria-label`.\n */\nexport interface EuiTreeViewSignature {\n  Element: HTMLUListElement;\n  Args: {\n    /** The top-level nodes; each may have `children`. */\n    items: EuiTreeViewNode[];\n    /** `'default'` or `'compressed'` (smaller text and spacing). */\n    display?: 'default' | 'compressed';\n    /** Opens every node that has children. */\n    expandByDefault?: boolean;\n    /** Shows an arrow before nodes that have children. */\n    showExpansionArrows?: boolean;\n    /** @private The root tree's id, for nested levels. */\n    treeId?: string;\n    /** @private Whether the root tree has an `<:icon>` block. */\n    hasIconBlock?: boolean;\n  };\n  Blocks: {\n    /** Renders a node's label yourself; yields the node. */\n    label: [node: EuiTreeViewNode];\n    /**\n     * Renders the icon of each node that has an `icon` (or an\n     * `iconWhenExpanded`) yourself, inside its icon wrapper (upstream's\n     * per-node icon element). Yields the node and whether it is open.\n     */\n    icon: [node: EuiTreeViewNode, isExpanded: boolean];\n  };\n}\n\n/** Scoped stand-ins for React's global reset; upstream rules follow. */\nconst LIST_RESET = { boxSizing: 'border-box', padding: 0 } as const;\nconst ITEM_RESET = { boxSizing: 'border-box', margin: 0, padding: 0 } as const;\nconst BUTTON_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  color: 'inherit',\n  font: 'inherit',\n  borderRadius: 0,\n  textAlign: 'start',\n  cursor: 'pointer'\n} as const;\n// upstream's `eui-textTruncate` utility class\nconst LABEL_TRUNCATE = euiTextTruncate();\n\nfunction initiallyOpen(items: EuiTreeViewNode[], expandByDefault?: boolean): string[] {\n  return items\n    .filter((node) => node.children && (expandByDefault || node.isExpanded))\n    .map((node) => node.id);\n}\n\nexport default class EuiTreeView extends Component<EuiTreeViewSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked openItems: string[] = initiallyOpen(this.args.items, this.args.expandByDefault);\n  @tracked activeItem?: string;\n  // only the levels shown at first follow @expandByDefault\n  @tracked expandChildNodes = this.args.expandByDefault ?? false;\n\n  ownTreeId = this.args.treeId ?? `euiTreeView_${randomId()}`;\n\n  get isNested(): boolean {\n    return Boolean(this.args.treeId);\n  }\n\n  get treeId(): string {\n    return this.args.treeId ?? this.ownTreeId;\n  }\n\n  get instructionsId(): string {\n    return `${this.treeId}--instruction`;\n  }\n\n  get instructions(): string {\n    return this.euiI18n.lookupToken(\n      'euiTreeView.listNavigationInstructions',\n      'You can quickly navigate this list using arrow keys.'\n    );\n  }\n\n  get display(): 'default' | 'compressed' {\n    return this.args.display === 'compressed' ? 'compressed' : 'default';\n  }\n\n  get isCompressed(): boolean {\n    return this.display === 'compressed';\n  }\n\n  /** Upstream `euiTreeViewStyles`: list reset, nested indent, font size. */\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTreeViewStyles);\n\n    return `euiTreeView ${euiClass(\n      context,\n      LIST_RESET,\n      styles.euiTreeView,\n      styles[this.display]\n    )}`;\n  }\n\n  @cached\n  get nodeStyles(): { closed: string; expanded: string } {\n    const context = getEuiThemeContext(this);\n    const { li } = useEuiBorealisStyles(context, euiTreeViewItemStyles);\n    const base = [ITEM_RESET, li.euiTreeView__node, li[this.display]];\n\n    return {\n      closed: euiClass(context, ...base),\n      expanded: euiClass(context, ...base, li.expanded)\n    };\n  }\n\n  @cached\n  get buttonStyles(): string {\n    const context = getEuiThemeContext(this);\n    const { button } = useEuiBorealisStyles(context, euiTreeViewItemStyles);\n\n    return euiClass(\n      context,\n      BUTTON_RESET,\n      button.euiTreeView__nodeInner,\n      button[this.display]\n    );\n  }\n\n  /** Icon wrapper and arrow placeholder (upstream `icon` slots). */\n  @cached\n  get iconWrapperStyles(): string {\n    const context = getEuiThemeContext(this);\n    const { icon } = useEuiBorealisStyles(context, euiTreeViewItemStyles);\n\n    return euiClass(context, icon.euiTreeView__iconWrapper, icon[this.display]);\n  }\n\n  @cached\n  get labelStyles(): string {\n    const context = getEuiThemeContext(this);\n\n    return `euiTreeView__nodeLabel eui-textTruncate ${euiClass(context, LABEL_TRUNCATE)}`;\n  }\n\n  isOpen = (node: EuiTreeViewNode): boolean => this.openItems.includes(node.id);\n\n  /** `aria-expanded` only for nodes with children (upstream). */\n  ariaExpanded = (node: EuiTreeViewNode): 'true' | 'false' | undefined =>\n    node.children ? (this.isOpen(node) ? 'true' : 'false') : undefined;\n\n  nodeClasses = (node: EuiTreeViewNode): string => {\n    const expanded = Boolean(node.children) && this.isOpen(node);\n\n    return expanded\n      ? `euiTreeView__node euiTreeView__node--expanded ${this.nodeStyles.expanded}`\n      : `euiTreeView__node ${this.nodeStyles.closed}`;\n  };\n\n  buttonClasses = (node: EuiTreeViewNode): string =>\n    [\n      'euiTreeView__nodeInner',\n      node.className,\n      this.activeItem === node.id && 'euiTreeView__node--active',\n      this.buttonStyles\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n  hasIcon = (node: EuiTreeViewNode): boolean =>\n    Boolean(node.icon || (node.iconWhenExpanded && this.isOpen(node)));\n\n  iconOf = (node: EuiTreeViewNode): NonNullable<EuiTreeViewNode['icon']> =>\n    (this.isOpen(node) && node.iconWhenExpanded) || node.icon || 'empty';\n\n  /** Icon types render through `EuiIcon`; components as they are. */\n  iconType = (node: EuiTreeViewNode): EuiIconSignature['Args']['type'] | undefined => {\n    const icon = this.iconOf(node);\n    return typeof icon === 'string' ? icon : undefined;\n  };\n\n  iconNode = (node: EuiTreeViewNode): EuiRenderNodeType | undefined => {\n    const icon = this.iconOf(node);\n    return typeof icon === 'string' ? undefined : (icon as EuiRenderNodeType);\n  };\n\n  childrenId = (node: EuiTreeViewNode): string => `${this.treeId}_${node.id}_children`;\n\n  toggle(node: EuiTreeViewNode): void {\n    this.expandChildNodes = false;\n\n    if (this.isOpen(node)) {\n      this.openItems = this.openItems.filter((id) => id !== node.id);\n    } else {\n      this.openItems = [...this.openItems, node.id];\n      this.activeItem = node.id;\n    }\n  }\n\n  @action\n  onClick(node: EuiTreeViewNode): void {\n    this.toggle(node);\n    node.callback?.();\n  }\n\n  @action\n  onKeyDown(node: EuiTreeViewNode, event: KeyboardEvent): void {\n    const button = event.currentTarget as HTMLElement;\n\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'ArrowUp': {\n        const buttons = Array.from(\n          document.querySelectorAll<HTMLElement>(\n            `[data-test-subj=\"euiTreeViewButton-${this.treeId}\"]`\n          )\n        );\n        const index = buttons.indexOf(button);\n        const next = buttons[index + (event.key === 'ArrowDown' ? 1 : -1)];\n\n        if (index > -1 && next) {\n          event.preventDefault();\n          event.stopPropagation();\n          next.focus();\n        }\n        break;\n      }\n      case 'ArrowRight':\n        if (!this.isOpen(node)) {\n          event.preventDefault();\n          event.stopPropagation();\n          this.toggle(node);\n        }\n        break;\n      case 'ArrowLeft':\n        if (this.isOpen(node)) {\n          event.preventDefault();\n          event.stopPropagation();\n          this.toggle(node);\n        }\n        break;\n    }\n  }\n\n  /** Arrow left inside a node's children moves back to that node. */\n  @action\n  onChildrenKeyDown(node: EuiTreeViewNode, event: KeyboardEvent): void {\n    if (event.key !== 'ArrowLeft') return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    document.getElementById(node.id)?.focus();\n  }\n\n  <template>\n    {{#unless this.isNested}}\n      <EuiScreenReaderOnly>\n        <p id={{this.instructionsId}}>{{this.instructions}}</p>\n      </EuiScreenReaderOnly>\n    {{/unless}}\n    {{! role=\"list\": VoiceOver drops the list role with list-style none (upstream) }}\n    <ul\n      class={{this.classes}}\n      id={{unless this.isNested this.treeId}}\n      aria-describedby={{unless this.isNested this.instructionsId}}\n      role=\"list\"\n      ...attributes\n    >\n      {{#each @items as |node|}}\n        <li class={{this.nodeClasses node}}>\n          <button\n            type=\"button\"\n            id={{node.id}}\n            class={{this.buttonClasses node}}\n            aria-controls={{if node.children (this.childrenId node)}}\n            aria-expanded={{this.ariaExpanded node}}\n            data-test-subj=\"euiTreeViewButton-{{this.treeId}}\"\n            {{on \"click\" (fn this.onClick node)}}\n            {{on \"keydown\" (fn this.onKeyDown node)}}\n          >\n            {{#if @showExpansionArrows}}\n              {{#if node.children}}\n                <EuiIcon\n                  class=\"euiTreeView__expansionArrow\"\n                  @size={{if this.isCompressed \"s\" \"m\"}}\n                  @type={{if (this.isOpen node) \"chevronSingleDown\" \"chevronSingleRight\"}}\n                />\n              {{else}}\n                <span\n                  class=\"euiTreeView__arrowPlaceholder {{this.iconWrapperStyles}}\"\n                ></span>\n              {{/if}}\n            {{/if}}\n            {{#if (this.hasIcon node)}}\n              <span class=\"euiTreeView__iconWrapper {{this.iconWrapperStyles}}\">\n                {{#if\n                  (if (isBoolean @hasIconBlock) @hasIconBlock (has-block \"icon\"))\n                }}\n                  {{yield node (this.isOpen node) to=\"icon\"}}\n                {{else}}\n                  {{#let (this.iconType node) as |type|}}\n                    {{#if type}}\n                      <EuiIcon @type={{type}} />\n                    {{else}}\n                      <EuiRenderNode @value={{this.iconNode node}} />\n                    {{/if}}\n                  {{/let}}\n                {{/if}}\n              </span>\n            {{else if node.useEmptyIcon}}\n              <span\n                class=\"euiTreeView__iconWrapper {{this.iconWrapperStyles}}\"\n              ></span>\n            {{/if}}\n            <span class={{this.labelStyles}}>\n              {{~#if (has-block \"label\")~}}\n                {{yield node to=\"label\"}}\n              {{~else~}}\n                {{node.label}}\n              {{~/if~}}\n            </span>\n          </button>\n          {{#if node.children}}\n            <div\n              id={{this.childrenId node}}\n              {{on \"keydown\" (fn this.onChildrenKeyDown node)}}\n            >\n              {{#if (this.isOpen node)}}\n                <EuiTreeView\n                  @items={{childrenOf node}}\n                  @display={{@display}}\n                  @showExpansionArrows={{@showExpansionArrows}}\n                  @expandByDefault={{this.expandChildNodes}}\n                  @treeId={{this.treeId}}\n                  @hasIconBlock={{if\n                    (isBoolean @hasIconBlock)\n                    @hasIconBlock\n                    (has-block \"icon\")\n                  }}\n                  aria-labelledby={{node.id}}\n                >\n                  <:icon as |child isExpanded|>\n                    {{yield child isExpanded to=\"icon\"}}\n                  </:icon>\n                  <:label as |child|>\n                    {{~#if (has-block \"label\")~}}\n                      {{yield child to=\"label\"}}\n                    {{~else~}}\n                      {{child.label}}\n                    {{~/if~}}\n                  </:label>\n                </EuiTreeView>\n              {{/if}}\n            </div>\n          {{/if}}\n        </li>\n      {{/each}}\n    </ul>\n  </template>\n}\n\nfunction isBoolean(value: unknown): boolean {\n  return typeof value === 'boolean';\n}\n\nfunction childrenOf(node: EuiTreeViewNode): EuiTreeViewNode[] {\n  return node.children ?? [];\n}\n"],"names":["LIST_RESET","boxSizing","padding","ITEM_RESET","margin","BUTTON_RESET","border","background","color","font","borderRadius","textAlign","cursor","LABEL_TRUNCATE","euiTextTruncate","initiallyOpen","items","expandByDefault","filter","node","children","isExpanded","map","id","EuiTreeView","Component","g","prototype","service","i","tracked","args","ownTreeId","treeId","randomId","isNested","Boolean","instructionsId","instructions","euiI18n","lookupToken","display","isCompressed","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiTreeViewStyles","euiClass","euiTreeView","n","cached","nodeStyles","li","euiTreeViewItemStyles","base","euiTreeView__node","closed","expanded","buttonStyles","button","euiTreeView__nodeInner","iconWrapperStyles","icon","euiTreeView__iconWrapper","labelStyles","isOpen","openItems","includes","ariaExpanded","undefined","nodeClasses","buttonClasses","className","activeItem","join","hasIcon","iconWhenExpanded","iconOf","iconType","iconNode","childrenId","toggle","expandChildNodes","onClick","callback","action","onKeyDown","event","currentTarget","key","buttons","Array","from","document","querySelectorAll","index","indexOf","next","preventDefault","stopPropagation","focus","onChildrenKeyDown","getElementById","setComponentTemplate","precompileTemplate","strictMode","scope","EuiScreenReaderOnly","on","fn","EuiIcon","isBoolean","EuiRenderNode","childrenOf","value"],"mappings":"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"}

package/dist/components/eui-window-event.js

@@ -0,0 +1,45 @@
+import Helper from '@ember/component/helper';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/**
+ * Subscribes while rendered; changing the event or the handler
+ * re-subscribes, and unrendering removes the listener.
+ */
+class Subscription extends Helper {
+  current;
+  compute([event, handler]) {
+    this.detach();
+    if (event && handler) {
+      window.addEventListener(event, handler);
+      this.current = {
+        event,
+        handler
+      };
+    }
+    return undefined;
+  }
+  willDestroy() {
+    super.willDestroy();
+    this.detach();
+  }
+  detach() {
+    if (!this.current) return;
+    window.removeEventListener(this.current.event, this.current.handler);
+    this.current = undefined;
+  }
+}
+/**
+ * Declaratively adds a `window` event listener that is removed when the
+ * component is no longer rendered. Renders nothing.
+ */
+const EuiWindowEvent = setComponentTemplate(precompileTemplate("{{Subscription @event @handler}}", {
+  strictMode: true,
+  scope: () => ({
+    Subscription
+  })
+}), templateOnly());
+
+export { EuiWindowEvent as default };
+//# sourceMappingURL=eui-window-event.js.map

package/dist/components/eui-window-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-window-event.js","sources":["../../src/components/eui-window-event.gts"],"sourcesContent":["/*\n * Ported from @elastic/eui 123.1.0 `services/window_event/window_event.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 Helper from '@ember/component/helper';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ntype Handler = (event: any) => void;\n\n/**\n * Subscribes while rendered; changing the event or the handler\n * re-subscribes, and unrendering removes the listener.\n */\nclass Subscription extends Helper<{\n  Args: { Positional: [string, Handler] };\n  Return: undefined;\n}> {\n  private current?: { event: string; handler: Handler };\n\n  compute([event, handler]: [string, Handler]) {\n    this.detach();\n    if (event && handler) {\n      window.addEventListener(event, handler);\n      this.current = { event, handler };\n    }\n    return undefined;\n  }\n\n  willDestroy() {\n    super.willDestroy();\n    this.detach();\n  }\n\n  private detach() {\n    if (!this.current) return;\n    window.removeEventListener(this.current.event, this.current.handler);\n    this.current = undefined;\n  }\n}\n\nexport interface EuiWindowEventSignature {\n  Args: {\n    /** The window event name, e.g. `'keydown'` or `'mousemove'`. */\n    event: keyof WindowEventMap | (string & {});\n    /** Called with the event for as long as the component is rendered. */\n    handler: (event: any) => void;\n  };\n}\n\n/**\n * Declaratively adds a `window` event listener that is removed when the\n * component is no longer rendered. Renders nothing.\n */\nconst EuiWindowEvent: TemplateOnlyComponent<EuiWindowEventSignature> = <template>\n  {{Subscription @event @handler}}\n</template>;\n\nexport default EuiWindowEvent;\n"],"names":["Subscription","Helper","current","compute","event","handler","detach","window","addEventListener","undefined","willDestroy","removeEventListener","EuiWindowEvent","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;;AAYA;;;AAGC;AACD,MAAMA,YAAA,SAAqBC,MAAA;EAIjBC,OAAA;AAERC,EAAAA,OAAAA,CAAQ,CAACC,KAAA,EAAOC,OAAA,CAA2B,EAAE;IAC3C,IAAI,CAACC,MAAM,EAAA;IACX,IAAIF,SAASC,OAAA,EAAS;AACpBE,MAAAA,MAAA,CAAOC,gBAAgB,CAACJ,KAAA,EAAOC,OAAA,CAAA;MAC/B,IAAI,CAACH,OAAO,GAAG;QAAEE,KAAA;AAAOC,QAAAA;OAAQ;AAClC,IAAA;AACA,IAAA,OAAOI,SAAA;AACT,EAAA;AAEAC,EAAAA,WAAAA,GAAc;IACZ,KAAK,CAACA,WAAA,EAAA;IACN,IAAI,CAACJ,MAAM,EAAA;AACb,EAAA;AAEQA,EAAAA,MAAAA,GAAS;AACf,IAAA,IAAI,CAAC,IAAI,CAACJ,OAAO,EAAE;AACnBK,IAAAA,MAAA,CAAOI,mBAAmB,CAAC,IAAI,CAACT,OAAO,CAACE,KAAK,EAAE,IAAI,CAACF,OAAO,CAACG,OAAO,CAAA;IACnE,IAAI,CAACH,OAAO,GAAGO,SAAA;AACjB,EAAA;AACF;AAWA;;;;AAIA,MAAMG,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,kCAAA,EAEvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAhB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAiB,YAAA,EAAA;;"}

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

@@ -37,7 +37,7 @@ class EuiWrappingPopover extends Component {
     this.anchor = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("<EuiPortal @portalRef={{this.setPortalRef}} @insert={{this.insert}}>\n  <EuiPopover @closePopover={{@closePopover}} @isOpen={{@isOpen}} @anchorClassName={{@anchorClassName}} @portalRef={{@popoverPortalRef}} @anchorPosition={{@anchorPosition}} @attachToAnchor={{@attachToAnchor}} @container={{@container}} @display={{@display}} @hasArrow={{@hasArrow}} @initialFocus={{@initialFocus}} @ownFocus={{@ownFocus}} @panelClassName={{@panelClassName}} @panelPaddingSize={{@panelPaddingSize}} @panelStyle={{@panelStyle}} @panelRef={{@panelRef}} @popoverRef={{@popoverRef}} ...attributes>\n    <:button>\n      <div {{this.setAnchorRef}} class=\"euiWrappingPopover__anchor\" />\n    </:button>\n\n    <:content>\n      {{yield}}\n    </:content>\n  </EuiPopover>\n</EuiPortal>", {
+    setComponentTemplate(precompileTemplate("<EuiPortal @portalRef={{this.setPortalRef}} @insert={{this.insert}}>\n  <EuiPopover @closePopover={{@closePopover}} @isOpen={{@isOpen}} @anchorClassName={{@anchorClassName}} @portalRef={{@popoverPortalRef}} @anchorPosition={{@anchorPosition}} @attachToAnchor={{@attachToAnchor}} @container={{@container}} @display={{@display}} @hasArrow={{@hasArrow}} @initialFocus={{@initialFocus}} @ownFocus={{@ownFocus}} @panelClassName={{@panelClassName}} @css={{@css}} @panelCss={{@panelCss}} @panelPaddingSize={{@panelPaddingSize}} @panelStyle={{@panelStyle}} @panelRef={{@panelRef}} @popoverRef={{@popoverRef}} @offset={{@offset}} @buffer={{@buffer}} @zIndex={{@zIndex}} @repositionOnScroll={{@repositionOnScroll}} @repositionToCrossAxis={{@repositionToCrossAxis}} @popoverScreenReaderText={{@popoverScreenReaderText}} @ariaLabel={{@ariaLabel}} @ariaLabelledBy={{@ariaLabelledBy}} @panelProps={{@panelProps}} @focusTrapProps={{@focusTrapProps}} @onPositionChange={{@onPositionChange}} ...attributes>\n    <:button>\n      <div {{this.setAnchorRef}} class=\"euiWrappingPopover__anchor\" />\n    </:button>\n\n    <:arrowChildren>\n      {{yield to=\"arrowChildren\"}}\n    </:arrowChildren>\n\n    <:content>\n      {{yield}}\n    </:content>\n  </EuiPopover>\n</EuiPortal>", {
       strictMode: true,
       scope: () => ({
         EuiPortal,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-wrapping-popover.js","sources":["../../src/components/eui-wrapping-popover.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport { modifier } from 'ember-modifier';\n\nimport EuiPopover from './eui-popover.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiPopoverSignature } from './eui-popover.gts';\n\n/**\n * An EuiPopover anchored to an element that already exists in the page\n * (passed as `@button`), e.g. one rendered outside Ember. Takes\n * EuiPopover's args.\n */\nexport interface EuiWrappingPopoverSignature {\n  Element: EuiPopoverSignature['Element'];\n  Args: EuiPopoverSignature['Args'] & {\n    /** The existing element to anchor the popover to. */\n    button?: HTMLElement;\n    /** Called when the popover is destroyed. */\n    onWrappingDestroy?: () => void;\n    /** Called with the portal element wrapping the button. */\n    portalRef?: (ref: HTMLElement) => void;\n    /** Called with the popover's portal element. */\n    popoverPortalRef?: (ref: HTMLElement) => void;\n  };\n  Blocks: {\n    /** The popover's content. */\n    default: [];\n  };\n}\n\nexport default class EuiWrappingPopover extends Component<EuiWrappingPopoverSignature> {\n  private portal: HTMLElement | null = null;\n  private anchor: HTMLElement | null = null;\n\n  setAnchorRef = modifier((element: HTMLElement) => {\n    this.anchor = element;\n    this.anchor.insertAdjacentElement('beforebegin', this.args.button!);\n  });\n\n  setPortalRef = (element: HTMLElement) => {\n    this.portal = element;\n    this.args.portalRef?.(element);\n  };\n\n  get insert(): { sibling: HTMLElement; position: 'after' } | undefined {\n    if (this.args.button) {\n      return {\n        sibling: this.args.button,\n        position: 'after'\n      };\n    }\n\n    return;\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    if (this.args.button && this.args.button.parentNode) {\n      if (this.portal) {\n        this.portal.insertAdjacentElement('beforebegin', this.args.button);\n      }\n    }\n\n    this.args.onWrappingDestroy?.();\n    this.portal = null;\n    this.anchor = null;\n  }\n\n  <template>\n    <EuiPortal @portalRef={{this.setPortalRef}} @insert={{this.insert}}>\n      <EuiPopover\n        @closePopover={{@closePopover}}\n        @isOpen={{@isOpen}}\n        @anchorClassName={{@anchorClassName}}\n        @portalRef={{@popoverPortalRef}}\n        @anchorPosition={{@anchorPosition}}\n        @attachToAnchor={{@attachToAnchor}}\n        @container={{@container}}\n        @display={{@display}}\n        @hasArrow={{@hasArrow}}\n        @initialFocus={{@initialFocus}}\n        @ownFocus={{@ownFocus}}\n        @panelClassName={{@panelClassName}}\n        @panelPaddingSize={{@panelPaddingSize}}\n        @panelStyle={{@panelStyle}}\n        @panelRef={{@panelRef}}\n        @popoverRef={{@popoverRef}}\n        ...attributes\n      >\n        <:button>\n          <div {{this.setAnchorRef}} class=\"euiWrappingPopover__anchor\" />\n        </:button>\n\n        <:content>\n          {{yield}}\n        </:content>\n      </EuiPopover>\n    </EuiPortal>\n  </template>\n}\n"],"names":["EuiWrappingPopover","Component","portal","anchor","setAnchorRef","modifier","element","insertAdjacentElement","args","button","setPortalRef","portalRef","insert","sibling","position","willDestroy","parentNode","onWrappingDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPortal","EuiPopover"],"mappings":";;;;;;;AAgCe,MAAMA,2BAA2BC,SAAA,CAAU;AAChDC,EAAAA,MAAA,GAA6B,IAAA;AAC7BC,EAAAA,MAAA,GAA6B,IAAA;AAErCC,EAAAA,YAAA,GAAeC,QAAA,CAAUC,OAAS,IAAA;IAChC,IAAI,CAACH,MAAM,GAAGG,OAAA;AACd,IAAA,IAAI,CAACH,MAAM,CAACI,qBAAqB,CAAC,eAAe,IAAI,CAACC,IAAI,CAACC,MAAM,CAAA;AACnE,EAAA,CAAA,CAAA;EAEAC,YAAA,GAAgBJ,OAAS,IAAA;IACvB,IAAI,CAACJ,MAAM,GAAGI,OAAA;AACd,IAAA,IAAI,CAACE,IAAI,CAACG,SAAS,GAAGL,OAAA,CAAA;EACxB,CAAA;EAEA,IAAIM,MAAAA,GAAkE;AACpE,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACC,MAAM,EAAE;MACpB,OAAO;AACLI,QAAAA,OAAA,EAAS,IAAI,CAACL,IAAI,CAACC,MAAM;AACzBK,QAAAA,QAAA,EAAU;OACZ;AACF,IAAA;AAEA,IAAA;AACF,EAAA;AAEAC,EAAAA,WAAAA,GAAc;IACZ,KAAK,CAACA,WAAA,EAAA;AAEN,IAAA,IAAI,IAAI,CAACP,IAAI,CAACC,MAAM,IAAI,IAAI,CAACD,IAAI,CAACC,MAAM,CAACO,UAAU,EAAE;MACnD,IAAI,IAAI,CAACd,MAAM,EAAE;AACf,QAAA,IAAI,CAACA,MAAM,CAACK,qBAAqB,CAAC,eAAe,IAAI,CAACC,IAAI,CAACC,MAAM,CAAA;AACnE,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,CAACD,IAAI,CAACS,iBAAiB,IAAA;IAC3B,IAAI,CAACf,MAAM,GAAG,IAAA;IACd,IAAI,CAACC,MAAM,GAAG,IAAA;AAChB,EAAA;AAEA,EAAA;IAAAe,oBAAA,CAAAC,kBAAA,CAAA,+vBAAA,EA8BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;AAAAC,oBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-wrapping-popover.js","sources":["../../src/components/eui-wrapping-popover.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport { modifier } from 'ember-modifier';\n\nimport EuiPopover from './eui-popover.gts';\nimport EuiPortal from './eui-portal.gts';\n\nimport type { EuiPopoverSignature } from './eui-popover.gts';\n\n/**\n * An EuiPopover anchored to an element that already exists in the page\n * (passed as `@button`), e.g. one rendered outside Ember. Takes\n * EuiPopover's args.\n */\nexport interface EuiWrappingPopoverSignature {\n  Element: EuiPopoverSignature['Element'];\n  Args: EuiPopoverSignature['Args'] & {\n    /** The existing element to anchor the popover to. */\n    button?: HTMLElement;\n    /** Called when the popover is destroyed. */\n    onWrappingDestroy?: () => void;\n    /** Called with the portal element wrapping the button. */\n    portalRef?: (ref: HTMLElement) => void;\n    /** Called with the popover's portal element. */\n    popoverPortalRef?: (ref: HTMLElement) => void;\n  };\n  Blocks: {\n    /** The popover's content. */\n    default: [];\n    /** Content on the popover's arrow (e.g. a beacon). */\n    arrowChildren: [];\n  };\n}\n\nexport default class EuiWrappingPopover extends Component<EuiWrappingPopoverSignature> {\n  private portal: HTMLElement | null = null;\n  private anchor: HTMLElement | null = null;\n\n  setAnchorRef = modifier((element: HTMLElement) => {\n    this.anchor = element;\n    this.anchor.insertAdjacentElement('beforebegin', this.args.button!);\n  });\n\n  setPortalRef = (element: HTMLElement) => {\n    this.portal = element;\n    this.args.portalRef?.(element);\n  };\n\n  get insert(): { sibling: HTMLElement; position: 'after' } | undefined {\n    if (this.args.button) {\n      return {\n        sibling: this.args.button,\n        position: 'after'\n      };\n    }\n\n    return;\n  }\n\n  willDestroy() {\n    super.willDestroy();\n\n    if (this.args.button && this.args.button.parentNode) {\n      if (this.portal) {\n        this.portal.insertAdjacentElement('beforebegin', this.args.button);\n      }\n    }\n\n    this.args.onWrappingDestroy?.();\n    this.portal = null;\n    this.anchor = null;\n  }\n\n  <template>\n    <EuiPortal @portalRef={{this.setPortalRef}} @insert={{this.insert}}>\n      <EuiPopover\n        @closePopover={{@closePopover}}\n        @isOpen={{@isOpen}}\n        @anchorClassName={{@anchorClassName}}\n        @portalRef={{@popoverPortalRef}}\n        @anchorPosition={{@anchorPosition}}\n        @attachToAnchor={{@attachToAnchor}}\n        @container={{@container}}\n        @display={{@display}}\n        @hasArrow={{@hasArrow}}\n        @initialFocus={{@initialFocus}}\n        @ownFocus={{@ownFocus}}\n        @panelClassName={{@panelClassName}}\n        @css={{@css}}\n        @panelCss={{@panelCss}}\n        @panelPaddingSize={{@panelPaddingSize}}\n        @panelStyle={{@panelStyle}}\n        @panelRef={{@panelRef}}\n        @popoverRef={{@popoverRef}}\n        @offset={{@offset}}\n        @buffer={{@buffer}}\n        @zIndex={{@zIndex}}\n        @repositionOnScroll={{@repositionOnScroll}}\n        @repositionToCrossAxis={{@repositionToCrossAxis}}\n        @popoverScreenReaderText={{@popoverScreenReaderText}}\n        @ariaLabel={{@ariaLabel}}\n        @ariaLabelledBy={{@ariaLabelledBy}}\n        @panelProps={{@panelProps}}\n        @focusTrapProps={{@focusTrapProps}}\n        @onPositionChange={{@onPositionChange}}\n        ...attributes\n      >\n        <:button>\n          <div {{this.setAnchorRef}} class=\"euiWrappingPopover__anchor\" />\n        </:button>\n\n        <:arrowChildren>\n          {{yield to=\"arrowChildren\"}}\n        </:arrowChildren>\n\n        <:content>\n          {{yield}}\n        </:content>\n      </EuiPopover>\n    </EuiPortal>\n  </template>\n}\n"],"names":["EuiWrappingPopover","Component","portal","anchor","setAnchorRef","modifier","element","insertAdjacentElement","args","button","setPortalRef","portalRef","insert","sibling","position","willDestroy","parentNode","onWrappingDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPortal","EuiPopover"],"mappings":";;;;;;;AAkCe,MAAMA,2BAA2BC,SAAA,CAAU;AAChDC,EAAAA,MAAA,GAA6B,IAAA;AAC7BC,EAAAA,MAAA,GAA6B,IAAA;AAErCC,EAAAA,YAAA,GAAeC,QAAA,CAAUC,OAAS,IAAA;IAChC,IAAI,CAACH,MAAM,GAAGG,OAAA;AACd,IAAA,IAAI,CAACH,MAAM,CAACI,qBAAqB,CAAC,eAAe,IAAI,CAACC,IAAI,CAACC,MAAM,CAAA;AACnE,EAAA,CAAA,CAAA;EAEAC,YAAA,GAAgBJ,OAAS,IAAA;IACvB,IAAI,CAACJ,MAAM,GAAGI,OAAA;AACd,IAAA,IAAI,CAACE,IAAI,CAACG,SAAS,GAAGL,OAAA,CAAA;EACxB,CAAA;EAEA,IAAIM,MAAAA,GAAkE;AACpE,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACC,MAAM,EAAE;MACpB,OAAO;AACLI,QAAAA,OAAA,EAAS,IAAI,CAACL,IAAI,CAACC,MAAM;AACzBK,QAAAA,QAAA,EAAU;OACZ;AACF,IAAA;AAEA,IAAA;AACF,EAAA;AAEAC,EAAAA,WAAAA,GAAc;IACZ,KAAK,CAACA,WAAA,EAAA;AAEN,IAAA,IAAI,IAAI,CAACP,IAAI,CAACC,MAAM,IAAI,IAAI,CAACD,IAAI,CAACC,MAAM,CAACO,UAAU,EAAE;MACnD,IAAI,IAAI,CAACd,MAAM,EAAE;AACf,QAAA,IAAI,CAACA,MAAM,CAACK,qBAAqB,CAAC,eAAe,IAAI,CAACC,IAAI,CAACC,MAAM,CAAA;AACnE,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,CAACD,IAAI,CAACS,iBAAiB,IAAA;IAC3B,IAAI,CAACf,MAAM,GAAG,IAAA;IACd,IAAI,CAACC,MAAM,GAAG,IAAA;AAChB,EAAA;AAEA,EAAA;IAAAe,oBAAA,CAAAC,kBAAA,CAAA,gvCAAA,EA+CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;AAAAC,oBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components.js

@@ -1,9 +1,14 @@
 export { default as EuiAccordion } from './components/eui-accordion.js';
 export { default as EuiAspectRatio } from './components/eui-aspect-ratio.js';
 export { default as EuiAutoSizer } from './components/eui-auto-sizer.js';
+export { default as EuiAutoRefresh } from './components/eui-auto-refresh.js';
+export { default as EuiAutoRefreshButton } from './components/eui-auto-refresh-button.js';
 export { default as EuiAvatar } from './components/eui-avatar.js';
 export { default as EuiBadge } from './components/eui-badge.js';
 export { default as EuiBadgeGroup } from './components/eui-badge-group.js';
+export { default as EuiBanner } from './components/eui-banner.js';
+export { default as EuiBasicTable } from './components/eui-basic-table.js';
+export { default as EuiBasicTablePanel } from './components/eui-basic-table-panel.js';
 export { default as EuiBeacon } from './components/eui-beacon.js';
 export { default as EuiBetaBadge } from './components/eui-beta-badge.js';
 export { default as EuiBottomBar } from './components/eui-bottom-bar.js';
@@ -32,11 +37,14 @@ export { default as EuiComboBoxPill } from './components/eui-combo-box-pill.js';
 export { default as EuiComment } from './components/eui-comment.js';
 export { default as EuiCommentList } from './components/eui-comment-list.js';
 export { default as EuiConfirmModal } from './components/eui-confirm-modal.js';
+export { default as EuiContainerQuery } from './components/eui-container-query.js';
 export { default as EuiContextMenu } from './components/eui-context-menu.js';
 export { default as EuiContextMenuItem } from './components/eui-context-menu-item.js';
 export { default as EuiContextMenuPanel } from './components/eui-context-menu-panel.js';
 export { default as EuiControlBar } from './components/eui-control-bar.js';
 export { default as EuiCopy } from './components/eui-copy.js';
+export { default as EuiDataGrid } from './components/eui-data-grid.js';
+export { default as EuiDataGridToolbarControl } from './components/eui-data-grid-toolbar-control.js';
 export { default as EuiDatePickerRange } from './components/eui-date-picker-range.js';
 export { default as EuiDelayHide } from './components/eui-delay-hide.js';
 export { default as EuiDelayRender } from './components/eui-delay-render.js';
@@ -48,7 +56,9 @@ export { default as EuiDragDropContext } from './components/eui-drag-drop-contex
 export { default as EuiDraggable } from './components/eui-draggable.js';
 export { default as EuiDroppable } from './components/eui-droppable.js';
 export { default as EuiDualRange } from './components/eui-dual-range.js';
+export { default as EuiEmotionProvider } from './components/eui-emotion-provider.js';
 export { default as EuiEmptyPrompt } from './components/eui-empty-prompt.js';
+export { default as EuiErrorMessage } from './components/eui-error-message.js';
 export { default as EuiExpression } from './components/eui-expression.js';
 export { default as EuiFacetButton } from './components/eui-facet-button.js';
 export { default as EuiFacetGroup } from './components/eui-facet-group.js';
@@ -64,10 +74,15 @@ export { default as EuiFlexGrid } from './components/eui-flex-grid.js';
 export { default as EuiFlexGroup } from './components/eui-flex-group.js';
 export { default as EuiFlexItem } from './components/eui-flex-item.js';
 export { default as EuiFlyout } from './components/eui-flyout.js';
+export { default as EuiFocusTrap } from './components/eui-focus-trap.js';
 export { default as EuiFlyoutBody } from './components/eui-flyout-body.js';
 export { default as EuiFlyoutFooter } from './components/eui-flyout-footer.js';
 export { default as EuiFlyoutHeader } from './components/eui-flyout-header.js';
+export { default as EuiFlyoutMenu } from './components/eui-flyout-menu.js';
+export { default as EuiFlyoutResizable } from './components/eui-flyout-resizable.js';
 export { default as EuiForm } from './components/eui-form.js';
+export { default as EuiFormAppend } from './components/eui-form-append.js';
+export { default as EuiFormControlButton } from './components/eui-form-control-button.js';
 export { default as EuiFormControlLayout } from './components/eui-form-control-layout.js';
 export { default as EuiFormControlLayoutDelimited } from './components/eui-form-control-layout-delimited.js';
 export { default as EuiFormControlLayoutIcons } from './components/eui-form-control-layout-icons.js';
@@ -76,6 +91,7 @@ export { default as EuiFormFieldset } from './components/eui-form-fieldset.js';
 export { default as EuiFormHelpText } from './components/eui-form-help-text.js';
 export { default as EuiFormLabel } from './components/eui-form-label.js';
 export { default as EuiFormLegend } from './components/eui-form-legend.js';
+export { default as EuiFormPrepend } from './components/eui-form-prepend.js';
 export { default as EuiFormRow } from './components/eui-form-row.js';
 export { default as EuiGlobalToastList } from './components/eui-global-toast-list.js';
 export { default as EuiHeader } from './components/eui-header.js';
@@ -96,13 +112,19 @@ export { default as EuiI18n } from './components/eui-i18n.js';
 export { default as EuiI18nNumber } from './components/eui-i18n-number.js';
 export { default as EuiIcon } from './components/eui-icon.js';
 export { default as EuiIconTip } from './components/eui-icon-tip.js';
+export { default as EuiIllustration } from './components/eui-illustration.js';
 export { default as EuiImage } from './components/eui-image.js';
+export { default as EuiInnerText } from './components/eui-inner-text.js';
+export { default as EuiInlineEditText } from './components/eui-inline-edit-text.js';
+export { default as EuiInlineEditTitle } from './components/eui-inline-edit-title.js';
+export { default as EuiInMemoryTable } from './components/eui-in-memory-table.js';
 export { default as EuiInputPopover } from './components/eui-input-popover.js';
 export { default as EuiKeyPadMenu } from './components/eui-key-pad-menu.js';
 export { default as EuiKeyPadMenuItem } from './components/eui-key-pad-menu-item.js';
 export { default as EuiLink } from './components/eui-link.js';
 export { default as EuiListGroup } from './components/eui-list-group.js';
 export { default as EuiListGroupItem } from './components/eui-list-group-item.js';
+export { default as EuiLiveAnnouncer } from './components/eui-live-announcer.js';
 export { default as EuiLoadingChart } from './components/eui-loading-chart.js';
 export { default as EuiLoadingContent } from './components/eui-loading-content.js';
 export { default as EuiLoadingElastic } from './components/eui-loading-elastic.js';
@@ -131,13 +153,16 @@ export { default as EuiPageContentHeader } from './components/eui-page-content-h
 export { default as EuiPageContentHeaderSection } from './components/eui-page-content-header-section.js';
 export { default as EuiPageHeader } from './components/eui-page-header.js';
 export { default as EuiPageHeaderSection } from './components/eui-page-header-section.js';
+export { default as EuiPageSection } from './components/eui-page-section.js';
 export { default as EuiPageSideBar } from './components/eui-page-side-bar.js';
+export { default as EuiPageSidebar } from './components/eui-page-sidebar.js';
 export { default as EuiPageTemplate } from './components/eui-page-template.js';
 export { default as EuiPagination } from './components/eui-pagination.js';
 export { default as EuiPaginationButton } from './components/eui-pagination-button.js';
 export { default as EuiPanel } from './components/eui-panel.js';
 export { default as EuiPinnableListGroup } from './components/eui-pinnable-list-group.js';
 export { default as EuiPopover } from './components/eui-popover.js';
+export { default as EuiPrettyDuration } from './components/eui-pretty-duration.js';
 export { default as EuiPopoverFooter } from './components/eui-popover-footer.js';
 export { default as EuiPopoverTitle } from './components/eui-popover-title.js';
 export { default as EuiPortal } from './components/eui-portal.js';
@@ -156,9 +181,13 @@ export { default as EuiRangeTooltip } from './components/eui-range-tooltip.js';
 export { default as EuiRangeTrack } from './components/eui-range-track.js';
 export { default as EuiRangeWrapper } from './components/eui-range-wrapper.js';
 export { default as EuiRefreshInterval } from './components/eui-refresh-interval.js';
+export { default as EuiResizableButton } from './components/eui-resizable-container/button.js';
 export { default as EuiResizableContainer } from './components/eui-resizable-container.js';
 export { default as EuiSaturation } from './components/eui-saturation.js';
+export { default as EuiScreenReaderLive } from './components/eui-screen-reader-live.js';
 export { default as EuiScreenReaderOnly } from './components/eui-screen-reader-only.js';
+export { default as EuiSearchBar } from './components/eui-search-bar.js';
+export { default as EuiSearchBarFilters } from './components/eui-search-bar-filters.js';
 export { default as EuiSelect } from './components/eui-select.js';
 export { default as EuiSelectable } from './components/eui-selectable.js';
 export { default as EuiSelectableList } from './components/eui-selectable-list.js';
@@ -168,8 +197,16 @@ export { default as EuiSelectableSearch } from './components/eui-selectable-sear
 export { default as EuiSelectableTemplateSitewide } from './components/eui-selectable-template-sitewide.js';
 export { default as EuiShowFor } from './components/eui-show-for.js';
 export { default as EuiSideNav } from './components/eui-side-nav.js';
+export { default as EuiSkeletonCircle } from './components/eui-skeleton-circle.js';
+export { default as EuiSkeletonLoading } from './components/eui-skeleton-loading.js';
+export { default as EuiSkeletonRectangle } from './components/eui-skeleton-rectangle.js';
+export { default as EuiSkeletonText } from './components/eui-skeleton-text.js';
+export { default as EuiSkeletonTitle } from './components/eui-skeleton-title.js';
 export { default as EuiSkipLink } from './components/eui-skip-link.js';
 export { default as EuiSpacer } from './components/eui-spacer.js';
+export { default as EuiSplitButton } from './components/eui-split-button.js';
+export { default as EuiSplitButtonActionPrimary } from './components/eui-split-button/eui-split-button-action-primary.js';
+export { default as EuiSplitButtonActionSecondary } from './components/eui-split-button/eui-split-button-action-secondary.js';
 export { default as EuiSplitPanelInner } from './components/eui-split-panel/inner.js';
 export { default as EuiSplitPanelOuter } from './components/eui-split-panel/outer.js';
 export { default as EuiStat } from './components/eui-stat.js';
@@ -207,8 +244,15 @@ export { default as EuiTabs } from './components/eui-tabs.js';
 export { default as EuiText } from './components/eui-text.js';
 export { default as EuiTextAlign } from './components/eui-text-align.js';
 export { default as EuiTextArea } from './components/eui-text-area.js';
+export { default as EuiTextBlockTruncate } from './components/eui-text-block-truncate.js';
 export { default as EuiTextColor } from './components/eui-text-color.js';
 export { default as EuiTextDiff } from './components/eui-text-diff.js';
+export { default as EuiTextTruncate } from './components/eui-text-truncate.js';
+export { default as EuiTimeline } from './components/eui-timeline.js';
+export { default as EuiWindowEvent } from './components/eui-window-event.js';
+export { default as EuiTimelineItem } from './components/eui-timeline-item.js';
+export { default as EuiTimelineItemEvent } from './components/eui-timeline-item-event.js';
+export { default as EuiTimelineItemIcon } from './components/eui-timeline-item-icon.js';
 export { default as EuiTitle } from './components/eui-title.js';
 export { default as EuiToast } from './components/eui-toast.js';
 export { default as EuiToken } from './components/eui-token.js';

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/helpers/cast-to.js

@@ -18,7 +18,7 @@ function castTo([that], {
       return Number(that);
   }
 }
-var castTo$1 = helper(castTo);
+var castTo_default = helper(castTo);
 
-export { castTo, castTo$1 as default };
+export { castTo, castTo_default as default };
 //# sourceMappingURL=cast-to.js.map

package/dist/helpers/cast-to.js.map

@@ -1 +1 @@
-{"version":3,"file":"cast-to.js","sources":["../../src/helpers/cast-to.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nconst NUMBER = 'number';\nconst BOOLEAN = 'boolean';\nconst STRING = 'string';\n\nexport function castTo(\n  [that]: [any],\n  { to = NUMBER }: { to: string }\n): number | boolean | string {\n  const toLower = to?.toLowerCase();\n\n  switch (toLower) {\n    case NUMBER:\n      return Number(that);\n    case STRING:\n      return String(that);\n    case BOOLEAN:\n      return Boolean(that);\n    default:\n      return Number(that);\n  }\n}\n\nexport default helper(castTo);\n"],"names":["NUMBER","BOOLEAN","STRING","castTo","that","to","toLower","toLowerCase","Number","String","Boolean","helper"],"mappings":";;AAEA,MAAMA,MAAM,GAAG,QAAQ;AACvB,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,MAAM,GAAG,QAAQ;AAEhB,SAASC,MAAMA,CACpB,CAACC,IAAI,CAAQ,EACb;AAAEC,EAAAA,EAAE,GAAGL;AAAuB,CAAC,EACJ;AAC3B,EAAA,MAAMM,OAAO,GAAGD,EAAE,EAAEE,WAAW,EAAE;AAEjC,EAAA,QAAQD,OAAO;AACb,IAAA,KAAKN,MAAM;MACT,OAAOQ,MAAM,CAACJ,IAAI,CAAC;AACrB,IAAA,KAAKF,MAAM;MACT,OAAOO,MAAM,CAACL,IAAI,CAAC;AACrB,IAAA,KAAKH,OAAO;MACV,OAAOS,OAAO,CAACN,IAAI,CAAC;AACtB,IAAA;MACE,OAAOI,MAAM,CAACJ,IAAI,CAAC;AACvB;AACF;AAEA,eAAeO,MAAM,CAACR,MAAM,CAAC;;"}
+{"version":3,"file":"cast-to.js","sources":["../../src/helpers/cast-to.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nconst NUMBER = 'number';\nconst BOOLEAN = 'boolean';\nconst STRING = 'string';\n\nexport function castTo(\n  [that]: [any],\n  { to = NUMBER }: { to: string }\n): number | boolean | string {\n  const toLower = to?.toLowerCase();\n\n  switch (toLower) {\n    case NUMBER:\n      return Number(that);\n    case STRING:\n      return String(that);\n    case BOOLEAN:\n      return Boolean(that);\n    default:\n      return Number(that);\n  }\n}\n\nexport default helper(castTo);\n"],"names":["NUMBER","BOOLEAN","STRING","castTo","that","to","toLower","toLowerCase","Number","String","Boolean","helper"],"mappings":";;AAEA,MAAMA,MAAM,GAAG,QAAQ;AACvB,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,MAAM,GAAG,QAAQ;AAEhB,SAASC,MAAMA,CACpB,CAACC,IAAI,CAAQ,EACb;AAAEC,EAAAA,EAAE,GAAGL;AAAuB,CAAC,EACJ;AAC3B,EAAA,MAAMM,OAAO,GAAGD,EAAE,EAAEE,WAAW,EAAE;AAEjC,EAAA,QAAQD,OAAO;AACb,IAAA,KAAKN,MAAM;MACT,OAAOQ,MAAM,CAACJ,IAAI,CAAC;AACrB,IAAA,KAAKF,MAAM;MACT,OAAOO,MAAM,CAACL,IAAI,CAAC;AACrB,IAAA,KAAKH,OAAO;MACV,OAAOS,OAAO,CAACN,IAAI,CAAC;AACtB,IAAA;MACE,OAAOI,MAAM,CAACJ,IAAI,CAAC;AACvB;AACF;AAEA,qBAAeO,MAAM,CAACR,MAAM,CAAC;;"}

package/dist/helpers/class-names.js

@@ -1,34 +1,14 @@
 import { helper } from '@ember/component/helper';
-import { assert } from '@ember/debug';
-import mapping from '../utils/css-mappings/index.js';
+import { deprecateUnusedAfterBorealis } from '../-private/unused-after-borealis.js';
 
 /**
- * Joins a list of classes
+ * Joins a list of classes, dropping `undefined` entries and extra whitespace.
  *
  * @param classes - List of classes that will be joined
  */
-function classNames(classNames = [], options) {
-  const {
-    componentName: _componentName,
-    ...rest
-  } = options;
-  const includeBase = options.addBase !== false;
-  let str = `${classNames.join(' ')}`;
-  if (options.componentName) {
-    assert(`The component '${options.componentName}' doesn't have mappings defined`, mapping[options.componentName] !== undefined);
-    const component = mapping[options.componentName];
-    if (includeBase) {
-      str = `${str} ${component.base}`;
-    }
-    for (const key in rest) {
-      //@ts-expect-error
-      if (component.properties[key] && component.properties[key]?.[rest[key]]) {
-        //@ts-expect-error
-        str = `${str} ${component.properties[key]?.[rest[key]]}`;
-      }
-    }
-  }
-  return str.replace(/\s+/g, ' ').trim();
+function classNames(classNames = [], options = {}) {
+  deprecateUnusedAfterBorealis('class-names-component-name', `The \`componentName\` option of \`class-names\` (\`${options.componentName}\`) is ignored: the legacy Amsterdam css-mappings it looked up were removed. Style components through their arguments or \`@css\` instead.`, options.componentName === undefined);
+  return classNames.join(' ').replace(/\s+/g, ' ').trim();
 }
 var classNames$1 = helper(classNames);
 

package/dist/helpers/class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-names.js","sources":["../../src/helpers/class-names.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { assert } from '@ember/debug';\n\n// Mappings registry\nimport cssMappings from '../utils/css-mappings/index.ts';\n\ninterface Options {\n  [key: string]: unknown;\n  size?: string | number | boolean | {};\n  side?: string;\n  paddingSize?: string;\n  textAlign?: string;\n  textStyle?: string;\n  color?: string;\n  verticalPosition?: string;\n  horizontalPosition?: string;\n  componentName?: keyof typeof cssMappings;\n  textTransform?: string;\n  display?: string;\n  type?: string;\n  gutterSize?: string;\n  alignItems?: string;\n  direction?: string;\n  justifyContent?: string;\n  columns?: number;\n  grow?: number | string | boolean;\n  iconSide?: string;\n  flush?: string | boolean;\n  borderSide?: string;\n  position?: string;\n  theme?: string;\n  margin?: string;\n  borderRadius?: string;\n  backgroundColor?: string;\n  resize?: string;\n  addBase?: boolean;\n}\n\n/**\n * Joins a list of classes\n *\n * @param classes - List of classes that will be joined\n */\nexport function classNames(\n  classNames: (string | undefined)[] = [],\n  options: Options\n): string {\n  const { componentName: _componentName, ...rest } = options;\n  const includeBase = options.addBase !== false;\n  let str = `${classNames.join(' ')}`;\n\n  if (options.componentName) {\n    assert(\n      `The component '${options.componentName}' doesn't have mappings defined`,\n      cssMappings[options.componentName] !== undefined\n    );\n\n    const component = cssMappings[options.componentName]!;\n\n    if (includeBase) {\n      str = `${str} ${component.base}`;\n    }\n\n    for (const key in rest) {\n      //@ts-expect-error\n      if (component.properties[key] && component.properties[key]?.[rest[key]]) {\n        //@ts-expect-error\n        str = `${str} ${component.properties[key]?.[rest[key]]}`;\n      }\n    }\n  }\n\n  return str.replace(/\\s+/g, ' ').trim();\n}\n\nexport default helper<(string | undefined)[], Options, string>(classNames);\n"],"names":["classNames","options","componentName","_componentName","rest","includeBase","addBase","str","join","assert","cssMappings","undefined","component","base","key","properties","replace","trim","helper"],"mappings":";;;;AAsCA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CACxBA,UAAkC,GAAG,EAAE,EACvCC,OAAgB,EACR;EACR,MAAM;AAAEC,IAAAA,aAAa,EAAEC,cAAc;IAAE,GAAGC;AAAK,GAAC,GAAGH,OAAO;AAC1D,EAAA,MAAMI,WAAW,GAAGJ,OAAO,CAACK,OAAO,KAAK,KAAK;EAC7C,IAAIC,GAAG,GAAG,CAAA,EAAGP,UAAU,CAACQ,IAAI,CAAC,GAAG,CAAC,CAAA,CAAE;EAEnC,IAAIP,OAAO,CAACC,aAAa,EAAE;AACzBO,IAAAA,MAAM,CACJ,CAAA,eAAA,EAAkBR,OAAO,CAACC,aAAa,CAAA,+BAAA,CAAiC,EACxEQ,OAAW,CAACT,OAAO,CAACC,aAAa,CAAC,KAAKS,SACzC,CAAC;AAED,IAAA,MAAMC,SAAS,GAAGF,OAAW,CAACT,OAAO,CAACC,aAAa,CAAE;AAErD,IAAA,IAAIG,WAAW,EAAE;AACfE,MAAAA,GAAG,GAAG,CAAA,EAAGA,GAAG,IAAIK,SAAS,CAACC,IAAI,CAAA,CAAE;AAClC,IAAA;AAEA,IAAA,KAAK,MAAMC,GAAG,IAAIV,IAAI,EAAE;AACtB;AACA,MAAA,IAAIQ,SAAS,CAACG,UAAU,CAACD,GAAG,CAAC,IAAIF,SAAS,CAACG,UAAU,CAACD,GAAG,CAAC,GAAGV,IAAI,CAACU,GAAG,CAAC,CAAC,EAAE;AACvE;AACAP,QAAAA,GAAG,GAAG,CAAA,EAAGA,GAAG,CAAA,CAAA,EAAIK,SAAS,CAACG,UAAU,CAACD,GAAG,CAAC,GAAGV,IAAI,CAACU,GAAG,CAAC,CAAC,CAAA,CAAE;AAC1D,MAAA;AACF,IAAA;AACF,EAAA;EAEA,OAAOP,GAAG,CAACS,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAACC,IAAI,EAAE;AACxC;AAEA,mBAAeC,MAAM,CAA0ClB,UAAU,CAAC;;"}
+{"version":3,"file":"class-names.js","sources":["../../src/helpers/class-names.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport { deprecateUnusedAfterBorealis } from '../-private/unused-after-borealis.ts';\n\ninterface Options {\n  [key: string]: unknown;\n  /**\n   * @deprecated Ignored since the Borealis migration: the legacy Amsterdam\n   * class mappings it looked up were removed. Removed in 16.0.0.\n   */\n  componentName?: string;\n  /** @deprecated Only applied with `componentName`; ignored. */\n  addBase?: boolean;\n}\n\n/**\n * Joins a list of classes, dropping `undefined` entries and extra whitespace.\n *\n * @param classes - List of classes that will be joined\n */\nexport function classNames(\n  classNames: (string | undefined)[] = [],\n  options: Options = {}\n): string {\n  deprecateUnusedAfterBorealis(\n    'class-names-component-name',\n    `The \\`componentName\\` option of \\`class-names\\` (\\`${options.componentName}\\`) is ignored: the legacy Amsterdam css-mappings it looked up were removed. Style components through their arguments or \\`@css\\` instead.`,\n    options.componentName === undefined\n  );\n\n  return classNames.join(' ').replace(/\\s+/g, ' ').trim();\n}\n\nexport default helper<(string | undefined)[], Options, string>(classNames);\n"],"names":["classNames","options","deprecateUnusedAfterBorealis","componentName","undefined","join","replace","trim","helper"],"mappings":";;;AAeA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CACxBA,UAAkC,GAAG,EAAE,EACvCC,OAAgB,GAAG,EAAE,EACb;AACRC,EAAAA,4BAA4B,CAC1B,4BAA4B,EAC5B,CAAA,mDAAA,EAAsDD,OAAO,CAACE,aAAa,CAAA,0IAAA,CAA4I,EACvNF,OAAO,CAACE,aAAa,KAAKC,SAC5B,CAAC;AAED,EAAA,OAAOJ,UAAU,CAACK,IAAI,CAAC,GAAG,CAAC,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAACC,IAAI,EAAE;AACzD;AAEA,mBAAeC,MAAM,CAA0CR,UAAU,CAAC;;"}

package/dist/helpers/eui-page-restrict-width.js

@@ -1,6 +1,12 @@
 import { helper } from '@ember/component/helper';
+import { deprecateUnusedAfterBorealis } from '../-private/unused-after-borealis.js';
 
+/**
+ * @deprecated Unused since the Borealis migration: page components set an
+ * inline `max-width` themselves. Removed in 16.0.0.
+ */
 function restrictWidth(restrictWidth, style) {
+  deprecateUnusedAfterBorealis('eui-page-restrict-width', 'The `eui-page-restrict-width` helper (`restrictWidth`) is deprecated; its `restrictWidth-*` classes have no styles. Pass `@restrictWidth` to the page components instead.');
   let widthClassName;
   let newStyle = {
     ...(style || {})

package/dist/helpers/eui-page-restrict-width.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-restrict-width.js","sources":["../../src/helpers/eui-page-restrict-width.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nexport type _EuiPageRestrictWidth = {\n  /**\n   * Sets the max-width of the page,\n   * set to `true` to use the default size of `1000px (1200 for Amsterdam)`,\n   * set to `false` to not restrict the width,\n   * set to a number for a custom width in px,\n   * set to a string for a custom width in custom measurement.\n   */\n  restrictWidth?: boolean | number | string;\n};\n\nexport function restrictWidth(\n  restrictWidth: _EuiPageRestrictWidth['restrictWidth'],\n  style?: Record<string, unknown>\n) {\n  let widthClassName;\n  let newStyle = {\n    ...(style || {})\n  };\n\n  if (restrictWidth === true) {\n    widthClassName = 'restrictWidth-default';\n  } else if (restrictWidth !== false) {\n    widthClassName = 'restrictWidth-custom';\n    newStyle = {\n      ...newStyle,\n      maxWidth:\n        typeof restrictWidth === 'number' ? `${restrictWidth}px` : restrictWidth\n    };\n  }\n\n  return { widthClassName, newStyle };\n}\n\nexport default helper(function ([restrict, style]: [\n  _EuiPageRestrictWidth['restrictWidth'],\n  Record<string, unknown> | undefined\n]) {\n  return restrictWidth(restrict, style);\n});\n"],"names":["restrictWidth","style","widthClassName","newStyle","maxWidth","helper","restrict"],"mappings":";;AAaO,SAASA,aAAaA,CAC3BA,aAAqD,EACrDC,KAA+B,EAC/B;AACA,EAAA,IAAIC,cAAc;AAClB,EAAA,IAAIC,QAAQ,GAAG;IACb,IAAIF,KAAK,IAAI,EAAE;GAChB;EAED,IAAID,aAAa,KAAK,IAAI,EAAE;AAC1BE,IAAAA,cAAc,GAAG,uBAAuB;AAC1C,EAAA,CAAC,MAAM,IAAIF,aAAa,KAAK,KAAK,EAAE;AAClCE,IAAAA,cAAc,GAAG,sBAAsB;AACvCC,IAAAA,QAAQ,GAAG;AACT,MAAA,GAAGA,QAAQ;MACXC,QAAQ,EACN,OAAOJ,aAAa,KAAK,QAAQ,GAAG,CAAA,EAAGA,aAAa,CAAA,EAAA,CAAI,GAAGA;KAC9D;AACH,EAAA;EAEA,OAAO;IAAEE,cAAc;AAAEC,IAAAA;GAAU;AACrC;AAEA,2BAAeE,MAAM,CAAC,UAAU,CAACC,QAAQ,EAAEL,KAAK,CAG/C,EAAE;AACD,EAAA,OAAOD,aAAa,CAACM,QAAQ,EAAEL,KAAK,CAAC;AACvC,CAAC,CAAC;;"}
+{"version":3,"file":"eui-page-restrict-width.js","sources":["../../src/helpers/eui-page-restrict-width.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport { deprecateUnusedAfterBorealis } from '../-private/unused-after-borealis.ts';\n\nexport type _EuiPageRestrictWidth = {\n  /**\n   * Sets the max-width of the page,\n   * set to `true` to use the default size of `1000px (1200 for Amsterdam)`,\n   * set to `false` to not restrict the width,\n   * set to a number for a custom width in px,\n   * set to a string for a custom width in custom measurement.\n   */\n  restrictWidth?: boolean | number | string;\n};\n\n/**\n * @deprecated Unused since the Borealis migration: page components set an\n * inline `max-width` themselves. Removed in 16.0.0.\n */\nexport function restrictWidth(\n  restrictWidth: _EuiPageRestrictWidth['restrictWidth'],\n  style?: Record<string, unknown>\n) {\n  deprecateUnusedAfterBorealis(\n    'eui-page-restrict-width',\n    'The `eui-page-restrict-width` helper (`restrictWidth`) is deprecated; its `restrictWidth-*` classes have no styles. Pass `@restrictWidth` to the page components instead.'\n  );\n\n  let widthClassName;\n  let newStyle = {\n    ...(style || {})\n  };\n\n  if (restrictWidth === true) {\n    widthClassName = 'restrictWidth-default';\n  } else if (restrictWidth !== false) {\n    widthClassName = 'restrictWidth-custom';\n    newStyle = {\n      ...newStyle,\n      maxWidth:\n        typeof restrictWidth === 'number' ? `${restrictWidth}px` : restrictWidth\n    };\n  }\n\n  return { widthClassName, newStyle };\n}\n\nexport default helper(function ([restrict, style]: [\n  _EuiPageRestrictWidth['restrictWidth'],\n  Record<string, unknown> | undefined\n]) {\n  return restrictWidth(restrict, style);\n});\n"],"names":["restrictWidth","style","deprecateUnusedAfterBorealis","widthClassName","newStyle","maxWidth","helper","restrict"],"mappings":";;;AAeA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAC3BA,aAAqD,EACrDC,KAA+B,EAC/B;AACAC,EAAAA,4BAA4B,CAC1B,yBAAyB,EACzB,2KACF,CAAC;AAED,EAAA,IAAIC,cAAc;AAClB,EAAA,IAAIC,QAAQ,GAAG;IACb,IAAIH,KAAK,IAAI,EAAE;GAChB;EAED,IAAID,aAAa,KAAK,IAAI,EAAE;AAC1BG,IAAAA,cAAc,GAAG,uBAAuB;AAC1C,EAAA,CAAC,MAAM,IAAIH,aAAa,KAAK,KAAK,EAAE;AAClCG,IAAAA,cAAc,GAAG,sBAAsB;AACvCC,IAAAA,QAAQ,GAAG;AACT,MAAA,GAAGA,QAAQ;MACXC,QAAQ,EACN,OAAOL,aAAa,KAAK,QAAQ,GAAG,CAAA,EAAGA,aAAa,CAAA,EAAA,CAAI,GAAGA;KAC9D;AACH,EAAA;EAEA,OAAO;IAAEG,cAAc;AAAEC,IAAAA;GAAU;AACrC;AAEA,2BAAeE,MAAM,CAAC,UAAU,CAACC,QAAQ,EAAEN,KAAK,CAG/C,EAAE;AACD,EAAA,OAAOD,aAAa,CAACO,QAAQ,EAAEN,KAAK,CAAC;AACvC,CAAC,CAAC;;"}

package/dist/helpers/eui-palette.js

@@ -1,5 +1,6 @@
 import { helper } from '@ember/component/helper';
-import { euiPaletteGray, euiPaletteWarm, euiPaletteCool, euiPalettePositive, euiPaletteNegative, euiPaletteComplimentary, euiPaletteForTemperature, euiPaletteForStatus, euiPaletteColorBlindBehindText, euiPaletteColorBlind, euiPaletteForDarkBackground, euiPaletteForLightBackground } from '../utils/color/eui_palettes.js';
+import { euiPaletteOrange, euiPaletteYellow, euiPaletteSkyBlue, euiPaletteGreen, euiPaletteRed, euiPaletteGray, euiPaletteWarm, euiPaletteCool, euiPaletteComplementary, euiPaletteForTemperature, euiPaletteForStatus, euiPaletteColorBlindBehindText, euiPaletteColorBlind } from '../utils/color/eui_palettes.js';
+import { euiPalettePositive, euiPaletteNegative, euiPaletteComplimentary, euiPaletteForDarkBackground, euiPaletteForLightBackground } from '../utils/color/eui_palettes_deprecated.js';
 
 const PALETTES = {
   euiPaletteForLightBackground,
@@ -8,12 +9,18 @@ const PALETTES = {
   euiPaletteColorBlindBehindText,
   euiPaletteForStatus,
   euiPaletteForTemperature,
+  euiPaletteComplementary,
   euiPaletteComplimentary,
   euiPaletteNegative,
   euiPalettePositive,
   euiPaletteCool,
   euiPaletteWarm,
-  euiPaletteGray
+  euiPaletteGray,
+  euiPaletteRed,
+  euiPaletteGreen,
+  euiPaletteSkyBlue,
+  euiPaletteYellow,
+  euiPaletteOrange
 };
 var euiPalette = helper(function ([paletteName, steps]) {
   return PALETTES[paletteName](steps);

package/dist/helpers/eui-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-palette.js","sources":["../../src/helpers/eui-palette.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport {\n  euiPaletteColorBlind,\n  euiPaletteColorBlindBehindText,\n  euiPaletteComplimentary,\n  euiPaletteCool,\n  euiPaletteForDarkBackground,\n  euiPaletteForLightBackground,\n  euiPaletteForStatus,\n  euiPaletteForTemperature,\n  euiPaletteGray,\n  euiPaletteNegative,\n  euiPalettePositive,\n  euiPaletteWarm\n} from '../utils/color/eui_palettes.ts';\n\nimport type { EuiPalette } from '../utils/color/eui_palettes.ts';\n\nexport const PALETTES = {\n  euiPaletteForLightBackground,\n  euiPaletteForDarkBackground,\n  euiPaletteColorBlind,\n  euiPaletteColorBlindBehindText,\n  euiPaletteForStatus,\n  euiPaletteForTemperature,\n  euiPaletteComplimentary,\n  euiPaletteNegative,\n  euiPalettePositive,\n  euiPaletteCool,\n  euiPaletteWarm,\n  euiPaletteGray\n};\n\nexport type palette_keys = keyof typeof PALETTES;\n\nexport default helper(function ([paletteName, steps]: [\n  palette_keys,\n  number\n]): EuiPalette {\n  return PALETTES[paletteName](steps);\n});\n"],"names":["PALETTES","euiPaletteForLightBackground","euiPaletteForDarkBackground","euiPaletteColorBlind","euiPaletteColorBlindBehindText","euiPaletteForStatus","euiPaletteForTemperature","euiPaletteComplimentary","euiPaletteNegative","euiPalettePositive","euiPaletteCool","euiPaletteWarm","euiPaletteGray","helper","paletteName","steps"],"mappings":";;;AAmBO,MAAMA,QAAQ,GAAG;EACtBC,4BAA4B;EAC5BC,2BAA2B;EAC3BC,oBAAoB;EACpBC,8BAA8B;EAC9BC,mBAAmB;EACnBC,wBAAwB;EACxBC,uBAAuB;EACvBC,kBAAkB;EAClBC,kBAAkB;EAClBC,cAAc;EACdC,cAAc;AACdC,EAAAA;AACF;AAIA,iBAAeC,MAAM,CAAC,UAAU,CAACC,WAAW,EAAEC,KAAK,CAGlD,EAAc;AACb,EAAA,OAAOf,QAAQ,CAACc,WAAW,CAAC,CAACC,KAAK,CAAC;AACrC,CAAC,CAAC;;"}
+{"version":3,"file":"eui-palette.js","sources":["../../src/helpers/eui-palette.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\n\nimport {\n  euiPaletteColorBlind,\n  euiPaletteColorBlindBehindText,\n  euiPaletteComplementary,\n  euiPaletteCool,\n  euiPaletteForStatus,\n  euiPaletteForTemperature,\n  euiPaletteGray,\n  euiPaletteGreen,\n  euiPaletteOrange,\n  euiPaletteRed,\n  euiPaletteSkyBlue,\n  euiPaletteWarm,\n  euiPaletteYellow\n} from '../utils/color/eui_palettes.ts';\nimport {\n  euiPaletteComplimentary,\n  euiPaletteForDarkBackground,\n  euiPaletteForLightBackground,\n  euiPaletteNegative,\n  euiPalettePositive\n} from '../utils/color/eui_palettes_deprecated.ts';\n\nimport type { EuiPalette } from '../utils/color/eui_palettes.ts';\n\nexport const PALETTES = {\n  euiPaletteForLightBackground,\n  euiPaletteForDarkBackground,\n  euiPaletteColorBlind,\n  euiPaletteColorBlindBehindText,\n  euiPaletteForStatus,\n  euiPaletteForTemperature,\n  euiPaletteComplementary,\n  euiPaletteComplimentary,\n  euiPaletteNegative,\n  euiPalettePositive,\n  euiPaletteCool,\n  euiPaletteWarm,\n  euiPaletteGray,\n  euiPaletteRed,\n  euiPaletteGreen,\n  euiPaletteSkyBlue,\n  euiPaletteYellow,\n  euiPaletteOrange\n};\n\nexport type palette_keys = keyof typeof PALETTES;\n\nexport default helper(function ([paletteName, steps]: [\n  palette_keys,\n  number\n]): EuiPalette {\n  return PALETTES[paletteName](steps);\n});\n"],"names":["PALETTES","euiPaletteForLightBackground","euiPaletteForDarkBackground","euiPaletteColorBlind","euiPaletteColorBlindBehindText","euiPaletteForStatus","euiPaletteForTemperature","euiPaletteComplementary","euiPaletteComplimentary","euiPaletteNegative","euiPalettePositive","euiPaletteCool","euiPaletteWarm","euiPaletteGray","euiPaletteRed","euiPaletteGreen","euiPaletteSkyBlue","euiPaletteYellow","euiPaletteOrange","helper","paletteName","steps"],"mappings":";;;;AA2BO,MAAMA,QAAQ,GAAG;EACtBC,4BAA4B;EAC5BC,2BAA2B;EAC3BC,oBAAoB;EACpBC,8BAA8B;EAC9BC,mBAAmB;EACnBC,wBAAwB;EACxBC,uBAAuB;EACvBC,uBAAuB;EACvBC,kBAAkB;EAClBC,kBAAkB;EAClBC,cAAc;EACdC,cAAc;EACdC,cAAc;EACdC,aAAa;EACbC,eAAe;EACfC,iBAAiB;EACjBC,gBAAgB;AAChBC,EAAAA;AACF;AAIA,iBAAeC,MAAM,CAAC,UAAU,CAACC,WAAW,EAAEC,KAAK,CAGlD,EAAc;AACb,EAAA,OAAOrB,QAAQ,CAACoB,WAAW,CAAC,CAACC,KAAK,CAAC;AACrC,CAAC,CAAC;;"}

package/dist/helpers/get-range-tick.js

@@ -1,5 +1,6 @@
 import { helper } from '@ember/component/helper';
 import { htmlSafe } from '@ember/template';
+import { deprecateUnusedAfterBorealis } from '../-private/unused-after-borealis.js';
 import { EUI_THUMB_SIZE } from '../utils/range/index.js';
 
 function calculateOffset(position, value, bound) {
@@ -29,7 +30,13 @@ function calculateThumbPosition(value, min, max, width, thumbSize = EUI_THUMB_SI
   const trackPositionScale = (1 - thumbToTrackRatio) * 100;
   return valuePosition * trackPositionScale;
 }
+
+/**
+ * @deprecated Unused since the Borealis migration (EuiRangeTicks positions
+ * ticks itself); removed in 16.0.0.
+ */
 function getRangeTick([ticks, tickValue, min, max, percentageWidth, trackWidth = 0]) {
+  deprecateUnusedAfterBorealis('get-range-tick', 'The `get-range-tick` helper is deprecated.');
   let tickStyle = '';
   let customTick;
   if (ticks) {
@@ -48,7 +55,7 @@ function getRangeTick([ticks, tickValue, min, max, percentageWidth, trackWidth =
     label: customTick ? customTick.label : tickValue
   };
 }
-var getRangeTick$1 = helper(getRangeTick);
+var getRangeTick_default = helper(getRangeTick);
 
-export { calculateOffset, calculateThumbPosition, getRangeTick$1 as default, getRangeTick };
+export { calculateOffset, calculateThumbPosition, getRangeTick_default as default, getRangeTick };
 //# sourceMappingURL=get-range-tick.js.map

package/dist/helpers/get-range-tick.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-range-tick.js","sources":["../../src/helpers/get-range-tick.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { htmlSafe } from '@ember/template';\n\nimport { EUI_THUMB_SIZE } from '../utils/range/index.ts';\n\nimport type { EuiRangeTick } from '../components/eui-range-ticks.gts';\n\nexport function calculateOffset(\n  position: number,\n  value: number,\n  bound: number\n) {\n  const threshold = 30;\n  let offset = value === bound ? 0 : EUI_THUMB_SIZE / 2;\n\n  if (offset !== 0) {\n    // Estimating offset by eye. Trying to account for range scaling at both ends.\n    offset =\n      position <= threshold ? offset + (1 / position) * threshold : offset;\n    offset =\n      position >= 100 - threshold\n        ? offset - (1 / (100 - position)) * threshold\n        : offset;\n  }\n\n  return offset;\n}\n\nexport function calculateThumbPosition(\n  value: number,\n  min: number,\n  max: number,\n  width: number,\n  thumbSize: number = EUI_THUMB_SIZE\n): number {\n  // Calculate the left position based on value\n  const decimal = (value - min) / (max - min);\n  // Must be between 0-100%\n  let valuePosition = decimal <= 1 ? decimal : 1;\n\n  valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n  const trackWidth = width ?? 0;\n\n  // Not measured yet (e.g. first render): don't compensate for the thumb,\n  // dividing by 0 would give an invalid `left: calc(NaN% ...)`\n  if (trackWidth <= 0) {\n    return valuePosition * 100;\n  }\n\n  const thumbToTrackRatio = thumbSize / trackWidth;\n  const trackPositionScale = (1 - thumbToTrackRatio) * 100;\n\n  return valuePosition * trackPositionScale;\n}\n\nexport function getRangeTick([\n  ticks,\n  tickValue,\n  min,\n  max,\n  percentageWidth,\n  trackWidth = 0\n]: [EuiRangeTick[] | undefined, number, number, number, number, number]) {\n  let tickStyle: string = '';\n  let customTick;\n\n  if (ticks) {\n    customTick = ticks.find((o) => o.value === tickValue);\n\n    if (customTick) {\n      tickStyle = `left: ${((customTick.value - min) / (max - min)) * 100}%;`;\n    }\n  } else {\n    const position = calculateThumbPosition(tickValue, min, max, trackWidth);\n\n    tickStyle = `left: calc(${position}% + ${EUI_THUMB_SIZE / 2}px);`;\n    tickStyle += `width: ${percentageWidth}%;`;\n  }\n\n  return {\n    style: tickStyle ? htmlSafe(tickStyle) : undefined,\n    customTick,\n    label: customTick ? customTick.label : tickValue\n  };\n}\n\nexport default helper(getRangeTick);\n"],"names":["calculateOffset","position","value","bound","threshold","offset","EUI_THUMB_SIZE","calculateThumbPosition","min","max","width","thumbSize","decimal","valuePosition","trackWidth","thumbToTrackRatio","trackPositionScale","getRangeTick","ticks","tickValue","percentageWidth","tickStyle","customTick","find","o","style","htmlSafe","undefined","label","helper"],"mappings":";;;;AAOO,SAASA,eAAeA,CAC7BC,QAAgB,EAChBC,KAAa,EACbC,KAAa,EACb;EACA,MAAMC,SAAS,GAAG,EAAE;EACpB,IAAIC,MAAM,GAAGH,KAAK,KAAKC,KAAK,GAAG,CAAC,GAAGG,cAAc,GAAG,CAAC;EAErD,IAAID,MAAM,KAAK,CAAC,EAAE;AAChB;AACAA,IAAAA,MAAM,GACJJ,QAAQ,IAAIG,SAAS,GAAGC,MAAM,GAAI,CAAC,GAAGJ,QAAQ,GAAIG,SAAS,GAAGC,MAAM;AACtEA,IAAAA,MAAM,GACJJ,QAAQ,IAAI,GAAG,GAAGG,SAAS,GACvBC,MAAM,GAAI,CAAC,IAAI,GAAG,GAAGJ,QAAQ,CAAC,GAAIG,SAAS,GAC3CC,MAAM;AACd,EAAA;AAEA,EAAA,OAAOA,MAAM;AACf;AAEO,SAASE,sBAAsBA,CACpCL,KAAa,EACbM,GAAW,EACXC,GAAW,EACXC,KAAa,EACbC,SAAiB,GAAGL,cAAc,EAC1B;AACR;EACA,MAAMM,OAAO,GAAG,CAACV,KAAK,GAAGM,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC;AAC3C;EACA,IAAIK,aAAa,GAAGD,OAAO,IAAI,CAAC,GAAGA,OAAO,GAAG,CAAC;AAE9CC,EAAAA,aAAa,GAAGA,aAAa,IAAI,CAAC,GAAGA,aAAa,GAAG,CAAC;AAEtD,EAAA,MAAMC,UAAU,GAAGJ,KAAK,IAAI,CAAC;;AAE7B;AACA;EACA,IAAII,UAAU,IAAI,CAAC,EAAE;IACnB,OAAOD,aAAa,GAAG,GAAG;AAC5B,EAAA;AAEA,EAAA,MAAME,iBAAiB,GAAGJ,SAAS,GAAGG,UAAU;AAChD,EAAA,MAAME,kBAAkB,GAAG,CAAC,CAAC,GAAGD,iBAAiB,IAAI,GAAG;EAExD,OAAOF,aAAa,GAAGG,kBAAkB;AAC3C;AAEO,SAASC,YAAYA,CAAC,CAC3BC,KAAK,EACLC,SAAS,EACTX,GAAG,EACHC,GAAG,EACHW,eAAe,EACfN,UAAU,GAAG,CAAC,CACuD,EAAE;EACvE,IAAIO,SAAiB,GAAG,EAAE;AAC1B,EAAA,IAAIC,UAAU;AAEd,EAAA,IAAIJ,KAAK,EAAE;AACTI,IAAAA,UAAU,GAAGJ,KAAK,CAACK,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACtB,KAAK,KAAKiB,SAAS,CAAC;AAErD,IAAA,IAAIG,UAAU,EAAE;AACdD,MAAAA,SAAS,GAAG,CAAA,MAAA,EAAU,CAACC,UAAU,CAACpB,KAAK,GAAGM,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG,CAAA,EAAA,CAAI;AACzE,IAAA;AACF,EAAA,CAAC,MAAM;IACL,MAAMP,QAAQ,GAAGM,sBAAsB,CAACY,SAAS,EAAEX,GAAG,EAAEC,GAAG,EAAEK,UAAU,CAAC;AAExEO,IAAAA,SAAS,GAAG,CAAA,WAAA,EAAcpB,QAAQ,OAAOK,cAAc,GAAG,CAAC,CAAA,IAAA,CAAM;IACjEe,SAAS,IAAI,CAAA,OAAA,EAAUD,eAAe,CAAA,EAAA,CAAI;AAC5C,EAAA;EAEA,OAAO;IACLK,KAAK,EAAEJ,SAAS,GAAGK,QAAQ,CAACL,SAAS,CAAC,GAAGM,SAAS;IAClDL,UAAU;AACVM,IAAAA,KAAK,EAAEN,UAAU,GAAGA,UAAU,CAACM,KAAK,GAAGT;GACxC;AACH;AAEA,qBAAeU,MAAM,CAACZ,YAAY,CAAC;;"}
+{"version":3,"file":"get-range-tick.js","sources":["../../src/helpers/get-range-tick.ts"],"sourcesContent":["import { helper } from '@ember/component/helper';\nimport { htmlSafe } from '@ember/template';\n\nimport { deprecateUnusedAfterBorealis } from '../-private/unused-after-borealis.ts';\nimport { EUI_THUMB_SIZE } from '../utils/range/index.ts';\n\nimport type { EuiRangeTick } from '../components/eui-range-ticks.gts';\n\nexport function calculateOffset(\n  position: number,\n  value: number,\n  bound: number\n) {\n  const threshold = 30;\n  let offset = value === bound ? 0 : EUI_THUMB_SIZE / 2;\n\n  if (offset !== 0) {\n    // Estimating offset by eye. Trying to account for range scaling at both ends.\n    offset =\n      position <= threshold ? offset + (1 / position) * threshold : offset;\n    offset =\n      position >= 100 - threshold\n        ? offset - (1 / (100 - position)) * threshold\n        : offset;\n  }\n\n  return offset;\n}\n\nexport function calculateThumbPosition(\n  value: number,\n  min: number,\n  max: number,\n  width: number,\n  thumbSize: number = EUI_THUMB_SIZE\n): number {\n  // Calculate the left position based on value\n  const decimal = (value - min) / (max - min);\n  // Must be between 0-100%\n  let valuePosition = decimal <= 1 ? decimal : 1;\n\n  valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n  const trackWidth = width ?? 0;\n\n  // Not measured yet (e.g. first render): don't compensate for the thumb,\n  // dividing by 0 would give an invalid `left: calc(NaN% ...)`\n  if (trackWidth <= 0) {\n    return valuePosition * 100;\n  }\n\n  const thumbToTrackRatio = thumbSize / trackWidth;\n  const trackPositionScale = (1 - thumbToTrackRatio) * 100;\n\n  return valuePosition * trackPositionScale;\n}\n\n/**\n * @deprecated Unused since the Borealis migration (EuiRangeTicks positions\n * ticks itself); removed in 16.0.0.\n */\nexport function getRangeTick([\n  ticks,\n  tickValue,\n  min,\n  max,\n  percentageWidth,\n  trackWidth = 0\n]: [EuiRangeTick[] | undefined, number, number, number, number, number]) {\n  deprecateUnusedAfterBorealis(\n    'get-range-tick',\n    'The `get-range-tick` helper is deprecated.'\n  );\n\n  let tickStyle: string = '';\n  let customTick;\n\n  if (ticks) {\n    customTick = ticks.find((o) => o.value === tickValue);\n\n    if (customTick) {\n      tickStyle = `left: ${((customTick.value - min) / (max - min)) * 100}%;`;\n    }\n  } else {\n    const position = calculateThumbPosition(tickValue, min, max, trackWidth);\n\n    tickStyle = `left: calc(${position}% + ${EUI_THUMB_SIZE / 2}px);`;\n    tickStyle += `width: ${percentageWidth}%;`;\n  }\n\n  return {\n    style: tickStyle ? htmlSafe(tickStyle) : undefined,\n    customTick,\n    label: customTick ? customTick.label : tickValue\n  };\n}\n\nexport default helper(getRangeTick);\n"],"names":["calculateOffset","position","value","bound","threshold","offset","EUI_THUMB_SIZE","calculateThumbPosition","min","max","width","thumbSize","decimal","valuePosition","trackWidth","thumbToTrackRatio","trackPositionScale","getRangeTick","ticks","tickValue","percentageWidth","deprecateUnusedAfterBorealis","tickStyle","customTick","find","o","style","htmlSafe","undefined","label","helper"],"mappings":";;;;;AAQO,SAASA,eAAeA,CAC7BC,QAAgB,EAChBC,KAAa,EACbC,KAAa,EACb;EACA,MAAMC,SAAS,GAAG,EAAE;EACpB,IAAIC,MAAM,GAAGH,KAAK,KAAKC,KAAK,GAAG,CAAC,GAAGG,cAAc,GAAG,CAAC;EAErD,IAAID,MAAM,KAAK,CAAC,EAAE;AAChB;AACAA,IAAAA,MAAM,GACJJ,QAAQ,IAAIG,SAAS,GAAGC,MAAM,GAAI,CAAC,GAAGJ,QAAQ,GAAIG,SAAS,GAAGC,MAAM;AACtEA,IAAAA,MAAM,GACJJ,QAAQ,IAAI,GAAG,GAAGG,SAAS,GACvBC,MAAM,GAAI,CAAC,IAAI,GAAG,GAAGJ,QAAQ,CAAC,GAAIG,SAAS,GAC3CC,MAAM;AACd,EAAA;AAEA,EAAA,OAAOA,MAAM;AACf;AAEO,SAASE,sBAAsBA,CACpCL,KAAa,EACbM,GAAW,EACXC,GAAW,EACXC,KAAa,EACbC,SAAiB,GAAGL,cAAc,EAC1B;AACR;EACA,MAAMM,OAAO,GAAG,CAACV,KAAK,GAAGM,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC;AAC3C;EACA,IAAIK,aAAa,GAAGD,OAAO,IAAI,CAAC,GAAGA,OAAO,GAAG,CAAC;AAE9CC,EAAAA,aAAa,GAAGA,aAAa,IAAI,CAAC,GAAGA,aAAa,GAAG,CAAC;AAEtD,EAAA,MAAMC,UAAU,GAAGJ,KAAK,IAAI,CAAC;;AAE7B;AACA;EACA,IAAII,UAAU,IAAI,CAAC,EAAE;IACnB,OAAOD,aAAa,GAAG,GAAG;AAC5B,EAAA;AAEA,EAAA,MAAME,iBAAiB,GAAGJ,SAAS,GAAGG,UAAU;AAChD,EAAA,MAAME,kBAAkB,GAAG,CAAC,CAAC,GAAGD,iBAAiB,IAAI,GAAG;EAExD,OAAOF,aAAa,GAAGG,kBAAkB;AAC3C;;AAEA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAAC,CAC3BC,KAAK,EACLC,SAAS,EACTX,GAAG,EACHC,GAAG,EACHW,eAAe,EACfN,UAAU,GAAG,CAAC,CACuD,EAAE;AACvEO,EAAAA,4BAA4B,CAC1B,gBAAgB,EAChB,4CACF,CAAC;EAED,IAAIC,SAAiB,GAAG,EAAE;AAC1B,EAAA,IAAIC,UAAU;AAEd,EAAA,IAAIL,KAAK,EAAE;AACTK,IAAAA,UAAU,GAAGL,KAAK,CAACM,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACvB,KAAK,KAAKiB,SAAS,CAAC;AAErD,IAAA,IAAII,UAAU,EAAE;AACdD,MAAAA,SAAS,GAAG,CAAA,MAAA,EAAU,CAACC,UAAU,CAACrB,KAAK,GAAGM,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG,CAAA,EAAA,CAAI;AACzE,IAAA;AACF,EAAA,CAAC,MAAM;IACL,MAAMP,QAAQ,GAAGM,sBAAsB,CAACY,SAAS,EAAEX,GAAG,EAAEC,GAAG,EAAEK,UAAU,CAAC;AAExEQ,IAAAA,SAAS,GAAG,CAAA,WAAA,EAAcrB,QAAQ,OAAOK,cAAc,GAAG,CAAC,CAAA,IAAA,CAAM;IACjEgB,SAAS,IAAI,CAAA,OAAA,EAAUF,eAAe,CAAA,EAAA,CAAI;AAC5C,EAAA;EAEA,OAAO;IACLM,KAAK,EAAEJ,SAAS,GAAGK,QAAQ,CAACL,SAAS,CAAC,GAAGM,SAAS;IAClDL,UAAU;AACVM,IAAAA,KAAK,EAAEN,UAAU,GAAGA,UAAU,CAACM,KAAK,GAAGV;GACxC;AACH;AAEA,2BAAeW,MAAM,CAACb,YAAY,CAAC;;"}

package/dist/helpers/inline-styles.js

@@ -1,22 +1,15 @@
 import { helper } from '@ember/component/helper';
-import { assert } from '@ember/debug';
-import mapping from '../utils/css-mappings/index.js';
+import { deprecateUnusedAfterBorealis } from '../-private/unused-after-borealis.js';
 
 function inlineStyles(_, params) {
   const {
     componentName,
-    componentArgs = {},
+    componentArgs: _componentArgs,
     ...properties
   } = params;
-  let componentStyles = {};
-  if (componentName) {
-    assert(`Could not find component ${componentName} in cssMappings.`, mapping[componentName]);
-    assert(`Could not find inlineStyles in ${componentName}'s cssMapping.`, mapping[componentName]?.inlineStyles);
-    componentStyles = mapping[componentName]?.inlineStyles?.(componentArgs) || {};
-  }
+  deprecateUnusedAfterBorealis('inline-styles-component-name', `The \`componentName\` option of \`inline-styles\` (\`${componentName}\`) is ignored: the legacy Amsterdam css-mappings it looked up were removed.`, componentName === undefined);
   const finalProperties = {
-    ...properties,
-    ...componentStyles
+    ...properties
   };
   for (const property in finalProperties) {
     if (property === 'background-image' && finalProperties[property] !== 'none') {