@ember-eui/core 16.1.2 → 16.2.0

package/dist/components/eui-checkable-card.js

@@ -15,7 +15,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
 import { euiCheckableCardStyles } from '../utils/eui/styles.generated/components/card/checkable_card/checkable_card.styles.js';
-import { euiPanelStyles } from '../utils/eui/styles.generated/shared/5EH4B2MX.js';
+import { euiPanelStyles } from '../utils/eui/styles.generated/shared/Z6EMFMWG.js';
 
 /** Elements that handle their own clicks inside the card's details. */const INTERACTIVE = 'a[href], button, input, select, textarea, label, summary, [contenteditable], [tabindex]:not([tabindex="-1"])';
 function cardLabel(element) {

package/dist/components/eui-collapsible-nav-group.js

@@ -12,7 +12,7 @@ import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { euiCollapsibleNavGroupStyles } from '../utils/eui/styles.generated/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js';
-import { euiTitleStyles } from '../utils/eui/styles.generated/shared/SORCSWXI.js';
+import { euiTitleStyles } from '../utils/eui/styles.generated/shared/4GT53OH2.js';
 
 /**
  * EuiAccordion args a collapsible group passes on (upstream spreads the

package/dist/components/eui-combo-box/create-option.js

@@ -13,7 +13,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
 import { euiComboBoxOptionListStyles } from '../../utils/eui/styles.generated/components/combo_box/combo_box_options_list/combo_box_options_list.styles.js';
-import { euiListItemLayoutStyles } from '../../utils/eui/styles.generated/shared/ISD4LC5N.js';
+import { euiListItemLayoutStyles } from '../../utils/eui/styles.generated/shared/3D6AVV45.js';
 
 function escapeHtml(text) {
   return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');

package/dist/components/eui-combo-box/options.js

@@ -24,7 +24,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
 import { euiComboBoxOptionListStyles } from '../../utils/eui/styles.generated/components/combo_box/combo_box_options_list/combo_box_options_list.styles.js';
-import { euiListItemLayoutStyles } from '../../utils/eui/styles.generated/shared/ISD4LC5N.js';
+import { euiListItemLayoutStyles } from '../../utils/eui/styles.generated/shared/3D6AVV45.js';
 
 const TOOLTIP_ANCHOR_CSS = {
   inlineSize: '100%'

package/dist/components/eui-combo-box/trigger.js

@@ -18,9 +18,9 @@ import { comboBoxOptionLabel, comboBoxAppendPrependStyles, isTextNode } from '..
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
-import { euiFontSize } from '../../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiFontSize } from '../../utils/eui/styles.generated/shared/AOVHFF5R.js';
 import { euiComboBoxInputStyles } from '../../utils/eui/styles.generated/components/combo_box/combo_box_input/combo_box_input.styles.js';
-import { euiFormVariables } from '../../utils/eui/styles.generated/shared/FF2BUTYE.js';
+import { euiFormVariables } from '../../utils/eui/styles.generated/shared/C3LC2DKX.js';
 
 /** The chevron (`comboBoxToggleListButton`) or an element in it. */const isToggleButton = target => Boolean(target?.closest?.('[data-test-subj="comboBoxToggleListButton"]'));
 /** Upstream side nodes: one string is an EuiFormPrepend/Append label. */

package/dist/components/eui-combo-box-pill.js

@@ -14,9 +14,9 @@ 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';
-import { euiTextTruncate, euiFontSize } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiTextTruncate, euiFontSize } from '../utils/eui/styles.generated/shared/AOVHFF5R.js';
 import { euiComboBoxPillStyles } from '../utils/eui/styles.generated/components/combo_box/combo_box_input/combo_box_pill.styles.js';
-import { euiFormVariables } from '../utils/eui/styles.generated/shared/FF2BUTYE.js';
+import { euiFormVariables } from '../utils/eui/styles.generated/shared/C3LC2DKX.js';
 
 const TEXT_TRUNCATE = euiTextTruncate();
 /** Plain text with a prepend/append: lay them out on the text's line. */

package/dist/components/eui-combo-box.js

@@ -32,11 +32,11 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
 import { euiComboBoxStyles } from '../utils/eui/styles.generated/components/combo_box/combo_box.styles.js';
 import { euiScreenReaderOnly } from '../utils/eui/styles.generated/components/accessibility/screen_reader_only/screen_reader_only.styles.js';
-import { euiBorderColor, euiBackgroundColor } from '../utils/eui/styles.generated/shared/LXBSAITL.js';
-import { euiPaddingSize } from '../utils/eui/styles.generated/shared/OB4N5SEF.js';
-import { euiFormVariables } from '../utils/eui/styles.generated/shared/FF2BUTYE.js';
-import { euiPanelStyles } from '../utils/eui/styles.generated/shared/5EH4B2MX.js';
-import { euiPopoverPanelStyles } from '../utils/eui/styles.generated/shared/U7GEKFI5.js';
+import { euiBorderColor, euiBackgroundColor } from '../utils/eui/styles.generated/shared/7O3SAKKX.js';
+import { euiPaddingSize } from '../utils/eui/styles.generated/shared/ZZV4XTLA.js';
+import { euiFormVariables } from '../utils/eui/styles.generated/shared/C3LC2DKX.js';
+import { euiPanelStyles } from '../utils/eui/styles.generated/shared/Z6EMFMWG.js';
+import { euiPopoverPanelStyles } from '../utils/eui/styles.generated/shared/R6ZH7LLJ.js';
 
 /** `inputPopoverProps` keys that are not attributes of the root. */const INPUT_POPOVER_ARGS = ['panelClassName', 'panelPaddingSize', 'panelStyle', 'panelMinWidth', 'panelCss', 'panelProps', 'zIndex', 'anchorPosition', 'closeOnScroll', 'repositionOnScroll', 'offset', 'buffer', 'container', 'onPanelResize', 'panelRef', 'popoverRef', 'inputRef', 'input', 'isOpen', 'closePopover', 'fullWidth', 'disableFocusTrap', 'ownFocus', 'initialFocus', 'focusTrapProps', 'attachToAnchor', 'display', 'hasArrow', 'insert', 'repositionToCrossAxis', 'popoverScreenReaderText', 'onPositionChange', 'onTrapDeactivation', 'shouldAccountForOtherPopovers', 'style'];
 /** Upstream waits before listening, as opening may scroll (Firefox). */
@@ -458,7 +458,7 @@ class EuiComboBoxComponent extends Component {
   /** ember-power-select must not filter the matches again. */
   matchAll = () => 0;
   static {
-    setComponentTemplate(precompileTemplate("{{!-- @glint-nocheck: not typesafe yet --}}\n\n<PowerSelect @multiple={{true}} {{spreadAttributes @inputPopoverProps this.inputPopoverArgs}} ...attributes @onChange={{this.onChange}} @onFocus={{this.onFocus}} @onBlur={{this.onBlur}} @onOpen={{this.onOpen}} @onClose={{this.onClose}} @placeholderComponent={{@placeholderComponent}} @searchMessage={{this.searchMessage}} @searchMessageComponent={{if @searchMessageComponent @searchMessageComponent EuiComboBoxSearchMessage}} @noMatchesMessage={{this.noMatchesMessage}} @matchTriggerWidth={{@matchTriggerWidth}} @options={{this.powerSelectOptions}} @selected={{@selectedOptions}} @closeOnSelect={{this.closeOnSelect}} @defaultHighlighted={{if @defaultHighlighted @defaultHighlighted this.defaultHighlighted}} @highlightOnHover={{false}} @searchField={{@searchField}} @searchEnabled={{argOrDefault @searchEnabled true}} @tabindex={{if (argOrDefault @searchEnabled true) \"-1\" @tabindex}} @initiallyOpened={{and (not @isDisabled) @autoFocus (not @noSuggestions)}} @triggerComponent={{component EuiComboBoxTrigger fullWidth=@fullWidth compressed=@compressed isInvalid=this.markAsInvalid singleSelection=@singleSelection hasOptionBlock=(has-block) onClose=@removeTag isLoading=@isLoading autoFocus=(and (not @isDisabled) @autoFocus) icon=@triggerIcon prepend=@prepend append=@append noSuggestions=@noSuggestions inputTabindex=@tabindex inputRef=@inputRef inputRole=@triggerRole inputAriaLabel=@ariaLabel inputAriaLabelledBy=@ariaLabelledBy inputRequired=@required onClear=this.clearSelectedOptions onToggleList=this.onToggleListClick onToggleBlur=this.onToggleBlur onToggleKeydown=this.onToggleKeydown onPlainTextClick=this.onPlainTextClick screenReaderInstructions=this.screenReaderInstructions}} @matcher={{this.matchAll}} @initiallyOpen={{@initiallyOpen}} @typeAheadOptionMatcher={{@typeAheadOptionMatcher}} @buildSelection={{this.buildSelection}} @search={{this.search}} @onInput={{this.onInput}} @onKeydown={{this.onKeydown}} @scrollTo={{this.scrollTo}} @registerAPI={{queue this.registerAPI (optional @registerApi)}} @horizontalPosition={{@horizontalPosition}} @destination={{@destination}} @preventScroll={{@preventScroll}} @renderInPlace={{@renderInPlace}} @verticalPosition={{this.verticalPosition}} @disabled={{@isDisabled}} @calculatePosition={{this.calculatePosition}} @eventType={{@eventType}} @ariaLabel={{unless (argOrDefault @searchEnabled true) @ariaLabel}} @ariaLabelledBy={{unless (argOrDefault @searchEnabled true) @ariaLabelledBy}} @required={{unless (argOrDefault @searchEnabled true) @required}} @triggerRole={{if (argOrDefault @searchEnabled true) \"presentation\" @triggerRole}} @title={{@title}} @triggerId={{@triggerId}} @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}} @loadingMessage={{this.loadingMessage}} @selectedItemComponent={{@selectedItemComponent}} @beforeOptionsComponent={{@beforeOptionsComponent}} @afterOptionsComponent={{if @afterOptionsComponent @afterOptionsComponent (if (and @onCreateOption (not this.select.loading) (not this.isLoadingOptions) this.searchValue this.alwaysShowCreateOption (not this.alreadyAddedMessage)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=true delimiter=@delimiter))}} @placeholder={{@placeholder}} @searchPlaceholder={{@searchPlaceholder}} @optionsComponent={{component EuiComboBoxOptions rowHeight=@rowHeight truncationProps=@truncationProps class=@optionsClass singleSelection=(if @singleSelection true false) selectedOptions=this.selectedOptions searchField=@searchField isLoading=this.isLoadingOptions onFocusBadge=@onFocusBadge listboxAriaLabel=this.listboxAriaLabel}} @extra={{@extra}} @groupComponent={{component EuiComboBoxGroup}} @triggerClass={{classNames \"euiComboBox\" this.rootClass @inputPopoverProps.className (if @isDisabled \"euiComboBox-isDisabled\") (if this.markAsInvalid \"euiComboBox-isInvalid\") (if this.select.isOpen \"euiComboBox-isOpen\")}} @noMatchesMessageComponent={{if this.isLoadingOptions (component EuiComboBoxOptions isLoading=true loadingMessage=this.loadingMessage) (if (and @onCreateOption this.searchValue (not this.alwaysShowCreateOption) (not this.alreadyAddedMessage)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=false delimiter=@delimiter) (component EuiComboBoxNoMatchesMessage message=(if this.alreadyAddedMessage this.alreadyAddedMessage this.emptyStateMessage)))}} @dropdownClass={{this.dropdownClass}} as |option i|>\n  {{#if (has-block)}}\n    {{yield option i (if (this.isOptionRow i) this.searchValue \"\")}}\n  {{else if (this.isOptionRow i)}}\n    <EuiComboBoxOptionText @text={{this.labelFor option}} @search={{this.searchValue}} @isCaseSensitive={{@isCaseSensitive}} @ignoreAccents={{this.ignoreAccents}} @rowHeight={{@rowHeight}} @truncationProps={{this.truncationFor option}} @width={{this.optionWidth}} @onResize={{this.setOptionWidth}} />\n  {{else}}\n    {{this.labelFor option}}\n  {{/if}}\n</PowerSelect>", {
+    setComponentTemplate(precompileTemplate("{{!-- @glint-nocheck: not typesafe yet --}}\n\n<PowerSelect @multiple={{true}} {{spreadAttributes @inputPopoverProps this.inputPopoverArgs}} ...attributes @onChange={{this.onChange}} @onFocus={{this.onFocus}} @onBlur={{this.onBlur}} @onOpen={{this.onOpen}} @onClose={{this.onClose}} @placeholderComponent={{@placeholderComponent}} @searchMessage={{this.searchMessage}} @searchMessageComponent={{if @searchMessageComponent @searchMessageComponent EuiComboBoxSearchMessage}} @noMatchesMessage={{this.noMatchesMessage}} @matchTriggerWidth={{@matchTriggerWidth}} @options={{this.powerSelectOptions}} @selected={{this.selectedOptions}} @closeOnSelect={{this.closeOnSelect}} @defaultHighlighted={{if @defaultHighlighted @defaultHighlighted this.defaultHighlighted}} @highlightOnHover={{false}} @searchField={{@searchField}} @searchEnabled={{argOrDefault @searchEnabled true}} @tabindex={{if (argOrDefault @searchEnabled true) \"-1\" @tabindex}} @initiallyOpened={{and (not @isDisabled) @autoFocus (not @noSuggestions)}} @triggerComponent={{component EuiComboBoxTrigger fullWidth=@fullWidth compressed=@compressed isInvalid=this.markAsInvalid singleSelection=@singleSelection hasOptionBlock=(has-block) onClose=@removeTag isLoading=@isLoading autoFocus=(and (not @isDisabled) @autoFocus) icon=@triggerIcon prepend=@prepend append=@append noSuggestions=@noSuggestions inputTabindex=@tabindex inputRef=@inputRef inputRole=@triggerRole inputAriaLabel=@ariaLabel inputAriaLabelledBy=@ariaLabelledBy inputRequired=@required onClear=this.clearSelectedOptions onToggleList=this.onToggleListClick onToggleBlur=this.onToggleBlur onToggleKeydown=this.onToggleKeydown onPlainTextClick=this.onPlainTextClick screenReaderInstructions=this.screenReaderInstructions}} @matcher={{this.matchAll}} @initiallyOpen={{@initiallyOpen}} @typeAheadOptionMatcher={{@typeAheadOptionMatcher}} @buildSelection={{this.buildSelection}} @search={{this.search}} @onInput={{this.onInput}} @onKeydown={{this.onKeydown}} @scrollTo={{this.scrollTo}} @registerAPI={{queue this.registerAPI (optional @registerApi)}} @horizontalPosition={{@horizontalPosition}} @destination={{@destination}} @preventScroll={{@preventScroll}} @renderInPlace={{@renderInPlace}} @verticalPosition={{this.verticalPosition}} @disabled={{@isDisabled}} @calculatePosition={{this.calculatePosition}} @eventType={{@eventType}} @ariaLabel={{unless (argOrDefault @searchEnabled true) @ariaLabel}} @ariaLabelledBy={{unless (argOrDefault @searchEnabled true) @ariaLabelledBy}} @required={{unless (argOrDefault @searchEnabled true) @required}} @triggerRole={{if (argOrDefault @searchEnabled true) \"presentation\" @triggerRole}} @title={{@title}} @triggerId={{@triggerId}} @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}} @loadingMessage={{this.loadingMessage}} @selectedItemComponent={{@selectedItemComponent}} @beforeOptionsComponent={{@beforeOptionsComponent}} @afterOptionsComponent={{if @afterOptionsComponent @afterOptionsComponent (if (and @onCreateOption (not this.select.loading) (not this.isLoadingOptions) this.searchValue this.alwaysShowCreateOption (not this.alreadyAddedMessage)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=true delimiter=@delimiter))}} @placeholder={{@placeholder}} @searchPlaceholder={{@searchPlaceholder}} @optionsComponent={{component EuiComboBoxOptions rowHeight=@rowHeight truncationProps=@truncationProps class=@optionsClass singleSelection=(if @singleSelection true false) selectedOptions=this.selectedOptions searchField=@searchField isLoading=this.isLoadingOptions onFocusBadge=@onFocusBadge listboxAriaLabel=this.listboxAriaLabel}} @extra={{@extra}} @groupComponent={{component EuiComboBoxGroup}} @triggerClass={{classNames \"euiComboBox\" this.rootClass @inputPopoverProps.className (if @isDisabled \"euiComboBox-isDisabled\") (if this.markAsInvalid \"euiComboBox-isInvalid\") (if this.select.isOpen \"euiComboBox-isOpen\")}} @noMatchesMessageComponent={{if this.isLoadingOptions (component EuiComboBoxOptions isLoading=true loadingMessage=this.loadingMessage) (if (and @onCreateOption this.searchValue (not this.alwaysShowCreateOption) (not this.alreadyAddedMessage)) (component EuiComboBoxCreateOption customOptionText=@customOptionText onCreateOption=this.onCreateOption select=this.select alwaysShow=false delimiter=@delimiter) (component EuiComboBoxNoMatchesMessage message=(if this.alreadyAddedMessage this.alreadyAddedMessage this.emptyStateMessage)))}} @dropdownClass={{this.dropdownClass}} as |option i|>\n  {{#if (has-block)}}\n    {{yield option i (if (this.isOptionRow i) this.searchValue \"\")}}\n  {{else if (this.isOptionRow i)}}\n    <EuiComboBoxOptionText @text={{this.labelFor option}} @search={{this.searchValue}} @isCaseSensitive={{@isCaseSensitive}} @ignoreAccents={{this.ignoreAccents}} @rowHeight={{@rowHeight}} @truncationProps={{this.truncationFor option}} @width={{this.optionWidth}} @onResize={{this.setOptionWidth}} />\n  {{else}}\n    {{this.labelFor option}}\n  {{/if}}\n</PowerSelect>", {
       strictMode: true,
       scope: () => ({
         PowerSelect,