npm - @ember-eui/core - Versions diffs - 13.0.5 → 14.1.0 - Mend

@ember-eui/core 13.0.5 → 14.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2392) hide show

package/dist/components/eui-combo-box.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-combo-box.js","sources":["../../src/components/eui-combo-box.gts"],"sourcesContent":["import 'ember-basic-dropdown/styles';\n\nimport Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { isArray } from '@ember/array';\nimport { action } from '@ember/object';\nimport { inject as service } from '@ember/service';\nimport { isEqual } from '@ember/utils';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport PowerSelectMultiple from 'ember-power-select/components/power-select-multiple';\nimport { emberPowerSelectIsGroup } from 'ember-power-select/helpers/ember-power-select-is-group';\nimport { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiComboBoxCreateOption from './eui-combo-box/create-option.gts';\nimport EuiComboBoxGroup from './eui-combo-box/group.gts';\nimport EuiComboBoxNoMatchesMessage from './eui-combo-box/no-matches-message.gts';\nimport EuiComboBoxOptions from './eui-combo-box/options.gts';\nimport EuiComboBoxSearchMessage from './eui-combo-box/search-message.gts';\nimport EuiComboBoxTrigger from './eui-combo-box/trigger.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\n\ninterface PromiseProxy<T> extends Promise<T> {\n content: any;\n}\n\ninterface Select {\n selected: any;\n actions: {\n search: (str: string) => void;\n };\n}\n\nexport interface EuiComboBoxSignature {\n Element: HTMLDivElement;\n Args: {\n singleSelection?:\n \| boolean\n \| {\n asPlainText?: boolean;\n };\n onCreateOption?: (search: string) => boolean \| undefined;\n alwaysShowCreateOption?: boolean;\n options: any[];\n search?: (term: string, select: Select) => any[] \| PromiseProxy<any[]>;\n searchField?: string;\n isInvalid?: boolean;\n fullWidth?: boolean;\n searchMessage?: string;\n searchEnabled?: boolean;\n isClearable?: boolean;\n isLoading?: boolean;\n isDisabled?: boolean;\n readOnly?: boolean;\n searchMessageComponent?: any;\n compressed?: boolean;\n onFocus?: (e: FocusEvent) => void;\n onBlur?: (e: FocusEvent) => void;\n onClose?: (e: Event) => void;\n onOpen?: (e: Event) => void;\n renderInPlace?: boolean;\n customOptionText?: string;\n loadingMessage?: any;\n selectedItemComponent?: any;\n beforeOptionsComponent?: any;\n placeholderComponent?: any;\n afterOptionsComponent?: any;\n searchPlaceholder?: any;\n dropdownClass?: string;\n selectedOptions?: any[];\n onChange: (selected: any[]) => void;\n placeholder?: string;\n extra?: any;\n closeOnSelect?: boolean;\n autoFocus?: boolean;\n defaultHighlighted?: any;\n matchTriggerWidth?: boolean;\n tabindex?: number;\n initiallyOpen?: boolean;\n horizontalPosition?: string;\n verticalPosition?: string;\n destination?: string;\n preventScroll?: boolean;\n noMatchesMessage?: string;\n noMatchesMessageComponent?: any;\n optionsClass?: string;\n rowHeight?: number;\n };\n Blocks: {\n default: [any, number, Select];\n };\n}\n\ninterface Sliceable<T> {\n slice(): T[];\n}\n\nconst isSliceable = <T,>(coll: any): coll is Sliceable<T> => {\n return isArray(coll);\n};\n\nexport const toPlainArray = <T,>(collection: T[] \| Sliceable<T>): T[] => {\n if (isSliceable<T>(collection)) {\n return collection.slice();\n } else {\n return collection;\n }\n};\n\nexport default class EuiComboBoxComponent extends Component<EuiComboBoxSignature> {\n @service declare euiI18n: EuiI18n;\n\n @tracked select: any = null;\n @tracked private _resolvedOptions?: any[];\n @tracked searchText = '';\n @tracked private _searchResult?: any[];\n\n private _filterResultsCache: {\n results: any[];\n options: any[];\n searchText: string;\n } = { results: [], options: [], searchText: this.searchText };\n\n get loadingMessage() {\n return (\n this.args.loadingMessage \|\|\n this.euiI18n.lookupToken(\n 'euiComboBox.loadingMessage',\n 'Loading options...'\n )\n );\n }\n\n get noMatchesMessage() {\n return (\n this.args.noMatchesMessage \|\|\n this.euiI18n.lookupToken(\n 'euiComboBox.noMatchesMessage',\n 'No results found'\n )\n );\n }\n\n get searchMessage() {\n return (\n this.args.searchMessage \|\|\n this.euiI18n.lookupToken('euiComboBox.searchMessage', 'Type to search')\n );\n }\n\n get alwaysShowCreateOption() {\n return this.args.onCreateOption && this.args.alwaysShowCreateOption;\n }\n\n <template>\n {{! @glint-nocheck: not typesafe yet }}\n\n <PowerSelectMultiple\n ...attributes\n @onChange={{this.onChange}}\n @onFocus={{@onFocus}}\n @onBlur={{@onBlur}}\n @onOpen={{@onOpen}}\n @onClose={{@onClose}}\n @placeholderComponent={{@placeholderComponent}}\n @searchMessage={{this.searchMessage}}\n @searchMessageComponent={{if\n @searchMessageComponent\n @searchMessageComponent\n EuiComboBoxSearchMessage\n }}\n @noMatchesMessage={{this.noMatchesMessage}}\n @matchTriggerWidth={{@matchTriggerWidth}}\n @options={{this.options}}\n @selected={{@selectedOptions}}\n @closeOnSelect={{@closeOnSelect}}\n @defaultHighlighted={{@defaultHighlighted}}\n @searchField={{@searchField}}\n @searchEnabled={{argOrDefault @searchEnabled true}}\n @tabindex={{@tabindex}}\n @initiallyOpened={{and (not @isDisabled) @autoFocus}}\n @triggerComponent={{component\n EuiComboBoxTrigger\n fullWidth=@fullWidth\n compressed=@compressed\n isInvalid=@isInvalid\n singleSelection=@singleSelection\n onClose=@removeTag\n onCreateOption=(if @onCreateOption this.onCreateOption)\n isLoading=@isLoading\n autoFocus=(and (not @isDisabled) @autoFocus)\n icon=@triggerIcon\n }}\n @matcher={{@matcher}}\n @initiallyOpen={{@initiallyOpen}}\n @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n @buildSelection={{this.buildSelection}}\n @search={{@search}}\n @onInput={{@onInput}}\n @onKeydown={{@onKeydown}}\n @scrollTo={{this.scrollTo}}\n @registerAPI={{queue this.registerAPI (optional @registerApi)}}\n @horizontalPosition={{@horizontalPosition}}\n @destination={{@destination}}\n @preventScroll={{@preventScroll}}\n @renderInPlace={{@renderInPlace}}\n @verticalPosition={{@verticalPosition}}\n @disabled={{@isDisabled}}\n @calculatePosition={{@calculatePosition}}\n @eventType={{@eventType}}\n @ariaLabel={{@ariaLabel}}\n @ariaLabelledBy={{@ariaLabelledBy}}\n @required={{@required}}\n @triggerRole={{@triggerRole}}\n @title={{@title}}\n @triggerId={{@triggerId}}\n @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}}\n @loadingMessage={{this.loadingMessage}}\n @selectedItemComponent={{@selectedItemComponent}}\n @beforeOptionsComponent={{@beforeOptionsComponent}}\n @afterOptionsComponent={{if\n @afterOptionsComponent\n @afterOptionsComponent\n (if\n (and\n @onCreateOption\n (not this.select.loading)\n this.select.searchText\n this.alwaysShowCreateOption\n )\n (component\n EuiComboBoxCreateOption\n customOptionText=@customOptionText\n onCreateOption=this.onCreateOption\n select=this.select\n alwaysShow=true\n )\n )\n }}\n @placeholder={{@placeholder}}\n @searchPlaceholder={{@searchPlaceholder}}\n @optionsComponent={{component\n EuiComboBoxOptions\n rowHeight=@rowHeight\n class=@optionsClass\n }}\n @extra={{@extra}}\n @groupComponent={{component EuiComboBoxGroup}}\n @triggerClass={{classNames\n \"euiComboBox\"\n (if @compressed \"euiComboBox--compressed\")\n (if @fullWidth \"euiComboBox--fullWidth\")\n (if @isDisabled \"euiComboBox-isDisabled\")\n (if @isInvalid \"euiComboBox-isInvalid\")\n (if this.select.isOpen \"euiComboBox-isOpen\")\n }}\n @noMatchesMessageComponent={{if\n (and @onCreateOption (not this.alwaysShowCreateOption))\n (component\n EuiComboBoxCreateOption\n customOptionText=@customOptionText\n onCreateOption=this.onCreateOption\n select=this.select\n alwaysShow=false\n )\n (component EuiComboBoxNoMatchesMessage)\n }}\n @dropdownClass=\"euiComboBoxOptionsList euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel-isAttached euiPopover__panel euiPopover__panel-noArrow euiPopover__panel--bottom euiPopover__panel-isOpen {{@dropdownClass}}\"\n as \|option i\|\n >\n {{yield option i}}\n </PowerSelectMultiple>\n </template>\n\n //This is to allow scrolling between virtualized groups\n @cached\n get opts() {\n return this.results.reduce((acc, curr) => {\n if (emberPowerSelectIsGroup([curr])) {\n acc.push(curr, ...curr.options);\n } else {\n acc.push(curr);\n }\n\n return acc;\n }, []);\n }\n\n @cached\n get options(): any[] {\n if (this._resolvedOptions) return toPlainArray(this._resolvedOptions);\n\n if (this.args.options) {\n return toPlainArray(this.args.options);\n } else {\n return [];\n }\n }\n\n @cached\n get results(): any[] {\n if (this.searchText.length > 0) {\n if (this.args.search) {\n return toPlainArray(this._searchResult \|\| this.options);\n } else {\n if (\n this._filterResultsCache.options === this.options &&\n this._filterResultsCache.searchText === this.searchText\n ) {\n // This is an optimization to avoid filtering several times, which may be a bit expensive\n // if there are many options, if neither the options nor the searchtext have changed\n return this._filterResultsCache.results;\n }\n\n //@ts-ignore\n let results = this._filter(this.options, this.searchText);\n //eslint-disable-next-line\n this._filterResultsCache = {\n results,\n options: this.options,\n searchText: this.searchText\n };\n\n return results;\n }\n } else {\n return this.options;\n }\n }\n\n @action\n scrollTo(option: any, select: { results: []; uniqueId: string }): void {\n let optionsList = document.querySelector(\n `[aria-controls=\"ember-power-select-trigger-${select.uniqueId}\"]`\n ) as HTMLElement;\n\n if (!optionsList) {\n return;\n }\n\n let index = this.opts.indexOf(option);\n\n if (index === -1) {\n return;\n }\n\n let optionElement = optionsList.querySelector(\n `[data-option-index=\"${index}\"]`\n ) as HTMLElement;\n\n if (!optionElement) {\n return;\n }\n\n let optionTopScroll = optionElement.offsetTop;\n let optionBottomScroll = optionTopScroll + optionElement.offsetHeight;\n\n if (optionBottomScroll > optionsList.offsetHeight + optionsList.scrollTop) {\n optionsList.scrollTop = optionBottomScroll - optionsList.offsetHeight;\n } else if (optionTopScroll < optionsList.scrollTop) {\n optionsList.scrollTop = optionTopScroll;\n }\n }\n\n @action\n registerAPI(select: Select) {\n this.select = select;\n }\n\n @action\n onChange(selected: any[]) {\n if (this.args.singleSelection) {\n return selected.length > 0 ? [selected[selected.length - 1]] : [];\n }\n\n this.args.onChange(selected);\n }\n\n @action\n onCreateOption() {\n let option;\n\n if (\n this.args.onCreateOption &&\n typeof this.args.onCreateOption === 'function'\n ) {\n // The `onCreateOption` function can be used to sanitize the input or explicitly return `false` to reject the input\n option = this.args.onCreateOption(this.select.searchText);\n\n if (option === false) {\n return;\n }\n }\n\n let search = option \|\| this.select.searchText;\n\n this.select.actions.search('');\n this.select.actions.close();\n\n return search;\n }\n\n @action\n buildSelection(option: any, select: Select) {\n let newSelection = (select.selected \|\| []).slice(0);\n let idx = -1;\n\n for (let i = 0; i < newSelection.length; i++) {\n if (isEqual(newSelection[i], option)) {\n idx = i;\n\n break;\n }\n }\n\n if (idx > -1) {\n newSelection.splice(idx, 1);\n } else {\n newSelection.push(option);\n }\n\n if (this.args.singleSelection && newSelection.length === 0) {\n select.actions.search('');\n }\n\n if (select?.selected?.length < newSelection.length) {\n select.actions.search('');\n }\n\n return newSelection;\n }\n}\n"],"names":["isSliceable","coll","isArray","toPlainArray","collection","slice","EuiComboBoxComponent","Component","g","prototype","service","i","void 0","tracked","_filterResultsCache","results","options","searchText","loadingMessage","args","euiI18n","lookupToken","noMatchesMessage","searchMessage","alwaysShowCreateOption","onCreateOption","setComponentTemplate","precompileTemplate","strictMode","scope","PowerSelectMultiple","EuiComboBoxSearchMessage","argOrDefault","and","not","EuiComboBoxTrigger","queue","optional","EuiComboBoxCreateOption","EuiComboBoxOptions","EuiComboBoxGroup","classNames","EuiComboBoxNoMatchesMessage","opts","reduce","acc","curr","emberPowerSelectIsGroup","push","n","cached","_resolvedOptions","length","search","_searchResult","_filter","scrollTo","option","select","optionsList","document","querySelector","uniqueId","index","indexOf","optionElement","optionTopScroll","offsetTop","optionBottomScroll","offsetHeight","scrollTop","action","registerAPI","onChange","selected","singleSelection","actions","close","buildSelection","newSelection","idx","isEqual","splice"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqGA,MAAMA,cAAmBC,IAAS,IAAqB;EACrD,OAAOC,OAAQ,CAAAD,IAAA,CAAA;AACjB,CAAA;AAEaE,MAAAA,YAAe,GAAKC,UAAiC,IAAA;AAChE,EAAA,IAAIJ,WAAA,CAAeI,UAAa,CAAA,EAAA;AAC9B,IAAA,OAAOA,WAAWC,KAAK,EAAA;AACzB,GAAO,MAAA;AACL,IAAA,OAAOD,UAAA;AACT;AACF;AAEe,MAAME,6BAA6BC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACzDC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CAEAI,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsB,IAAK;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,OAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,kBAAA,EAAA,CAC3BI,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,iBAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACAI,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAqB,EAAG;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CACxBI,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,cAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAAC,MAAA;AAEOE,EAAAA,mBAAA,GAIJ;AAAEC,IAAAA,OAAA,EAAS,EAAE;AAAEC,IAAAA,OAAA,EAAS,EAAE;IAAEC,UAAY,EAAA,IAAI,CAACA;GAAa;EAE9D,IAAIC,cAAiBA,GAAA;AACnB,IAAA,OACE,IAAI,CAACC,IAAI,CAACD,cAAc,IACxB,IAAI,CAACE,OAAO,CAACC,WAAW,CACtB,8BACA,oBAEJ,CAAA;AACF;EAEA,IAAIC,gBAAmBA,GAAA;AACrB,IAAA,OACE,IAAI,CAACH,IAAI,CAACG,gBAAgB,IAC1B,IAAI,CAACF,OAAO,CAACC,WAAW,CACtB,gCACA,kBAEJ,CAAA;AACF;EAEA,IAAIE,aAAgBA,GAAA;AAClB,IAAA,OACE,IAAI,CAACJ,IAAI,CAACI,aAAa,IACvB,IAAI,CAACH,OAAO,CAACC,WAAW,CAAC,6BAA6B,gBACxD,CAAA;AACF;EAEA,IAAIG,sBAAyBA,GAAA;IAC3B,OAAO,IAAI,CAACL,IAAI,CAACM,cAAc,IAAI,IAAI,CAACN,IAAI,CAACK,sBAAsB;AACrE;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAsHA,o4GAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,mBAAA;kCAAAC,sBAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,GAAA;4BAAAC,2BAAA;QAAAC,KAAA;QAAAC,QAAA;iCAAAC,gCAAA;4BAAAC,2BAAA;QAAAC,gBAAA;QAAAC,UAAA;AAAAC,qCAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AAEV;EACA,IACIC,IAAOA,GAAA;IACT,OAAO,IAAI,CAAC5B,OAAO,CAAC6B,MAAM,CAAC,CAACC,GAAK,EAAAC,IAAA,KAAA;AAC/B,MAAA,IAAIC,uBAAwB,CAAA,CAACD,IAAA,CAAK,CAAG,EAAA;QACnCD,GAAA,CAAIG,IAAI,CAACF,IAAS,EAAA,GAAAA,IAAA,CAAK9B,OAAO,CAAA;AAChC,OAAO,MAAA;AACL6B,QAAAA,GAAA,CAAIG,IAAI,CAACF,IAAA,CAAA;AACX;AAEA,MAAA,OAAOD,GAAA;KACT,EAAG,EAAE,CAAA;AACP;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAxC,SAAA,EAAA,MAAA,EAAA,CAXCyC,MAAA,CAAA,CAAA;AAAA;EAaD,IACIlC,OAAAA,GAAiB;IACnB,IAAI,IAAI,CAACmC,gBAAgB,EAAE,OAAOhD,YAAa,CAAA,IAAI,CAACgD,gBAAgB,CAAA;AAEpE,IAAA,IAAI,IAAI,CAAChC,IAAI,CAACH,OAAO,EAAE;AACrB,MAAA,OAAOb,YAAa,CAAA,IAAI,CAACgB,IAAI,CAACH,OAAO,CAAA;AACvC,KAAO,MAAA;AACL,MAAA,OAAO,EAAE;AACX;AACF;AAAA,EAAA;IAAAiC,CAAA,CAAA,IAAA,CAAAxC,SAAA,EAAA,SAAA,EAAA,CATCyC,MAAA,CAAA,CAAA;AAAA;EAWD,IACInC,OAAAA,GAAiB;AACnB,IAAA,IAAI,IAAI,CAACE,UAAU,CAACmC,MAAM,GAAG,CAAG,EAAA;AAC9B,MAAA,IAAI,IAAI,CAACjC,IAAI,CAACkC,MAAM,EAAE;QACpB,OAAOlD,aAAa,IAAI,CAACmD,aAAa,IAAI,IAAI,CAACtC,OAAO,CAAA;AACxD,OAAO,MAAA;AACL,QAAA,IACE,IAAI,CAACF,mBAAmB,CAACE,OAAO,KAAK,IAAI,CAACA,OAAO,IACjD,IAAI,CAACF,mBAAmB,CAACG,UAAU,KAAK,IAAI,CAACA,UAAU,EACvD;AACA;AACA;AACA,UAAA,OAAO,IAAI,CAACH,mBAAmB,CAACC,OAAO;AACzC;AAEA;AACA,QAAA,IAAIA,OAAA,GAAU,IAAI,CAACwC,OAAO,CAAC,IAAI,CAACvC,OAAO,EAAE,IAAI,CAACC,UAAU,CAAA;AACxD;QACA,IAAI,CAACH,mBAAmB,GAAG;UACzBC,OAAA;UACAC,OAAS,EAAA,IAAI,CAACA,OAAO;UACrBC,UAAY,EAAA,IAAI,CAACA;SACnB;AAEA,QAAA,OAAOF,OAAA;AACT;AACF,KAAO,MAAA;MACL,OAAO,IAAI,CAACC,OAAO;AACrB;AACF;AAAA,EAAA;IAAAiC,CAAA,CAAA,IAAA,CAAAxC,SAAA,EAAA,SAAA,EAAA,CA7BCyC,MAAA,CAAA,CAAA;AAAA;AAgCDM,EAAAA,QAASA,CAAAC,MAAW,EAAEC,MAAyC,EAAQ;IACrE,IAAIC,WAAc,GAAAC,QAAA,CAASC,aAAa,CACtC,CAAA,2CAAA,EAA8CH,MAAA,CAAOI,QAAQ,CAAA,EAAA,CAAI,CAC9D;IAEL,IAAI,CAACH,WAAa,EAAA;AAChB,MAAA;AACF;IAEA,IAAII,QAAQ,IAAI,CAACpB,IAAI,CAACqB,OAAO,CAACP,MAAA,CAAA;AAE9B,IAAA,IAAIM,KAAA,KAAU,EAAI,EAAA;AAChB,MAAA;AACF;IAEA,IAAIE,aAAA,GAAgBN,WAAY,CAAAE,aAAa,CAC3C,CAAA,oBAAA,EAAuBE,KAAA,CAAA,EAAA,CAAS,CAC7B;IAEL,IAAI,CAACE,aAAe,EAAA;AAClB,MAAA;AACF;AAEA,IAAA,IAAIC,eAAA,GAAkBD,cAAcE,SAAS;AAC7C,IAAA,IAAIC,kBAAA,GAAqBF,eAAkB,GAAAD,aAAA,CAAcI,YAAY;IAErE,IAAID,qBAAqBT,WAAY,CAAAU,YAAY,GAAGV,WAAA,CAAYW,SAAS,EAAE;AACzEX,MAAAA,WAAA,CAAYW,SAAS,GAAGF,kBAAqB,GAAAT,WAAA,CAAYU,YAAY;AACvE,KAAA,MAAO,IAAIH,eAAA,GAAkBP,WAAY,CAAAW,SAAS,EAAE;MAClDX,WAAA,CAAYW,SAAS,GAAGJ,eAAA;AAC1B;AACF;AAAA,EAAA;IAAAjB,CAAA,CAAA,IAAA,CAAAxC,SAAA,EAAA,UAAA,EAAA,CAhCC8D,MAAA,CAAA,CAAA;AAAA;EAmCDC,WAAYA,CAAAd,MAAc,EAAE;IAC1B,IAAI,CAACA,MAAM,GAAGA,MAAA;AAChB;AAAA,EAAA;IAAAT,CAAA,CAAA,IAAA,CAAAxC,SAAA,EAAA,aAAA,EAAA,CAHC8D,MAAA,CAAA,CAAA;AAAA;EAMDE,QAASA,CAAAC,QAAe,EAAE;AACxB,IAAA,IAAI,IAAI,CAACvD,IAAI,CAACwD,eAAe,EAAE;AAC7B,MAAA,OAAOD,QAAA,CAAStB,MAAM,GAAG,CAAI,GAAA,CAACsB,QAAQ,CAACA,QAAA,CAAStB,MAAM,GAAG,CAAE,CAAA,CAAC,GAAG,EAAE;AACnE;AAEA,IAAA,IAAI,CAACjC,IAAI,CAACsD,QAAQ,CAACC,QAAA,CAAA;AACrB;AAAA,EAAA;IAAAzB,CAAA,CAAA,IAAA,CAAAxC,SAAA,EAAA,UAAA,EAAA,CAPC8D,MAAA,CAAA,CAAA;AAAA;AAUD9C,EAAAA,cAAiBA,GAAA;AACf,IAAA,IAAIgC,MAAA;AAEJ,IAAA,IACE,IAAI,CAACtC,IAAI,CAACM,cAAc,IACxB,OAAO,IAAI,CAACN,IAAI,CAACM,cAAc,KAAK,UACpC,EAAA;AACA;AACAgC,MAAAA,MAAS,GAAA,IAAI,CAACtC,IAAI,CAACM,cAAc,CAAC,IAAI,CAACiC,MAAM,CAACzC,UAAU,CAAA;MAExD,IAAIwC,WAAW,KAAO,EAAA;AACpB,QAAA;AACF;AACF;IAEA,IAAIJ,SAASI,MAAU,IAAA,IAAI,CAACC,MAAM,CAACzC,UAAU;IAE7C,IAAI,CAACyC,MAAM,CAACkB,OAAO,CAACvB,MAAM,CAAC,EAAA,CAAA;AAC3B,IAAA,IAAI,CAACK,MAAM,CAACkB,OAAO,CAACC,KAAK,EAAA;AAEzB,IAAA,OAAOxB,MAAA;AACT;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAxC,SAAA,EAAA,gBAAA,EAAA,CAtBC8D,MAAA,CAAA,CAAA;AAAA;AAyBDO,EAAAA,cAAAA,CAAerB,MAAW,EAAEC,MAAc,EAAE;AAC1C,IAAA,IAAIqB,YAAA,GAAe,CAACrB,MAAO,CAAAgB,QAAQ,IAAI,EAAE,EAAErE,KAAK,CAAC,CAAA,CAAA;IACjD,IAAI2E,MAAM,EAAC;AAEX,IAAA,KAAK,IAAIrE,CAAI,GAAA,CAAA,EAAGA,IAAIoE,YAAa,CAAA3B,MAAM,EAAEzC,CAAK,EAAA,EAAA;MAC5C,IAAIsE,OAAQ,CAAAF,YAAY,CAACpE,CAAA,CAAE,EAAE8C,MAAS,CAAA,EAAA;AACpCuB,QAAAA,GAAM,GAAArE,CAAA;AAEN,QAAA;AACF;AACF;AAEA,IAAA,IAAIqE,GAAA,GAAM,EAAI,EAAA;AACZD,MAAAA,YAAa,CAAAG,MAAM,CAACF,GAAK,EAAA,CAAA,CAAA;AAC3B,KAAO,MAAA;AACLD,MAAAA,YAAA,CAAa/B,IAAI,CAACS,MAAA,CAAA;AACpB;IAEA,IAAI,IAAI,CAACtC,IAAI,CAACwD,eAAe,IAAII,YAAA,CAAa3B,MAAM,KAAK,CAAG,EAAA;AAC1DM,MAAAA,MAAO,CAAAkB,OAAO,CAACvB,MAAM,CAAC,EAAA,CAAA;AACxB;IAEA,IAAIK,MAAQ,EAAAgB,QAAA,EAAUtB,MAAS,GAAA2B,YAAA,CAAa3B,MAAM,EAAE;AAClDM,MAAAA,MAAO,CAAAkB,OAAO,CAACvB,MAAM,CAAC,EAAA,CAAA;AACxB;AAEA,IAAA,OAAO0B,YAAA;AACT;AAAA,EAAA;IAAA9B,CAAA,CAAA,IAAA,CAAAxC,SAAA,EAAA,gBAAA,EAAA,CA5BC8D,MAAA,CAAA,CAAA;AAAA;AA6BH;;;;"}
1	+ {"version":3,"file":"eui-combo-box.js","sources":["../../src/components/eui-combo-box.gts"],"sourcesContent":["import 'ember-basic-dropdown/styles';\n\nimport Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { isArray } from '@ember/array';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\nimport { isEqual } from '@ember/utils';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport queue from '@nullvoxpopuli/ember-composable-helpers/helpers/queue';\nimport PowerSelect from 'ember-power-select/components/power-select';\nimport emberPowerSelectIsGroup from 'ember-power-select/helpers/ember-power-select-is-group';\nimport { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiComboBoxCreateOption from './eui-combo-box/create-option.gts';\nimport EuiComboBoxGroup from './eui-combo-box/group.gts';\nimport EuiComboBoxNoMatchesMessage from './eui-combo-box/no-matches-message.gts';\nimport EuiComboBoxOptions from './eui-combo-box/options.gts';\nimport EuiComboBoxSearchMessage from './eui-combo-box/search-message.gts';\nimport EuiComboBoxTrigger from './eui-combo-box/trigger.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\n\ninterface PromiseProxy<T> extends Promise<T> {\n content: any;\n}\n\ninterface Select {\n selected: any;\n actions: {\n search: (str: string) => void;\n };\n}\n\nexport interface EuiComboBoxSignature {\n Element: HTMLDivElement;\n Args: {\n /*\n Allows only one selected option (still passed to `@onChange` as a\n * one-item array). `{ asPlainText: true }` shows the selection as plain\n * text instead of a pill. Defaults to multiple selection.\n /\n singleSelection?:\n \| boolean\n \| {\n asPlainText?: boolean;\n };\n /\n Lets the user add the typed text as a new option: shows an \"add\"\n * option when nothing matches (or always, with\n * `@alwaysShowCreateOption`). Called with the search text; return\n * `false` to reject it, or a value to use instead of the text. Add the\n * result to `@options` / `@selectedOptions` yourself.\n /\n onCreateOption?: (search: string) => boolean \| undefined;\n /* Shows the \"add\" option even when some options match. /\n alwaysShowCreateOption?: boolean;\n /\n The options: strings, or objects shown by the default block (e.g.\n * `{{option.label}}`). Groups are `{ groupName: 'Fruits', options: [...] }`.\n * A promise is supported (shows `@loadingMessage` while pending).\n /\n options: any[];\n /\n Custom search, e.g. to query a server: `(term, select) => results`\n * (or a promise). Without it the options are filtered locally, by\n * `@searchField` for objects.\n /\n search?: (term: string, select: Select) => any[] \| PromiseProxy<any[]>;\n /* Key of object options to match the search text against, e.g. `'label'`. /\n searchField?: string;\n /* Shows the invalid state. /\n isInvalid?: boolean;\n /* Stretches the combo box to its container's width. /\n fullWidth?: boolean;\n /* Message shown before typing when `@search` is set. Defaults to \"Type to search\". /\n searchMessage?: string;\n /* Allows typing to filter options. Defaults to `true`. /\n searchEnabled?: boolean;\n /* Shows a button clearing the selection. Defaults to `true`. /\n isClearable?: boolean;\n /* Shows a spinner in the input, e.g. while options load. /\n isLoading?: boolean;\n /* Disables the combo box. /\n isDisabled?: boolean;\n /* @deprecated Has no effect; use `@isDisabled`. /\n readOnly?: boolean;\n /* Component rendered instead of `@searchMessage`. /\n searchMessageComponent?: any;\n /* Smaller combo box, for dense forms. /\n compressed?: boolean;\n /* Called when the input gets focus. /\n onFocus?: (e: FocusEvent) => void;\n /* Called when the input loses focus. /\n onBlur?: (e: FocusEvent) => void;\n /* Called when the options list closes; return `false` to keep it open. /\n onClose?: (e: Event) => void;\n /* Called when the options list opens; return `false` to keep it closed. /\n onOpen?: (e: Event) => void;\n /\n Renders the options list next to the input instead of in a portal\n * at the end of the page (e.g. inside modals with their own scrolling).\n /\n renderInPlace?: boolean;\n /\n Text (HTML) of the \"add\" option; `{searchText}` is replaced by the\n * typed text. Defaults to \"Add {searchText} as custom option\".\n /\n customOptionText?: string;\n /* Message while `@options` or `@search` load. Defaults to \"Loading options...\". /\n loadingMessage?: any;\n /* Component rendering each selected option (pill). /\n selectedItemComponent?: any;\n /* Component rendered above the options. /\n beforeOptionsComponent?: any;\n /* Component rendered instead of `@placeholder`. /\n placeholderComponent?: any;\n /* Component rendered below the options. /\n afterOptionsComponent?: any;\n /* Placeholder of the search input. /\n searchPlaceholder?: any;\n /* Extra class for the options list. /\n dropdownClass?: string;\n /* The selected options (items of `@options`). /\n selectedOptions?: any[];\n /\n Called with the new selection (an array, also with\n * `@singleSelection`). Update `@selectedOptions` here.\n /\n onChange: (selected: any[]) => void;\n /* Text shown when nothing is selected. /\n placeholder?: string;\n /* Anything, passed to custom components as `@extra`. /\n extra?: any;\n /* Closes the options list after selecting one. /\n closeOnSelect?: boolean;\n /* Focuses the combo box and opens its options on render. /\n autoFocus?: boolean;\n /* Option highlighted when the list opens. /\n defaultHighlighted?: any;\n /* Makes the options list as wide as the input. /\n matchTriggerWidth?: boolean;\n /* `tabindex` of the combo box. /\n tabindex?: number;\n /* Opens the options list on render. /\n initiallyOpen?: boolean;\n /* Horizontal alignment of the options list: `'auto'`, `'left'`, `'right'` or `'center'`. /\n horizontalPosition?: string;\n /* Vertical position of the options list: `'auto'`, `'above'` or `'below'`. /\n verticalPosition?: string;\n /* Id of the element the options list renders into. /\n destination?: string;\n /* Prevents the page from scrolling while the options list is open. /\n preventScroll?: boolean;\n /* Message when no option matches. Defaults to \"No results found\". /\n noMatchesMessage?: string;\n /* @deprecated Has no effect; the \"no matches\" / \"add\" option is built in. /\n noMatchesMessageComponent?: any;\n /* Extra class for the element wrapping the options. /\n optionsClass?: string;\n /* Height in px of each option in the (virtualized) list. /\n rowHeight?: number;\n /\n Custom matching for local filtering: `(option, searchText) => -1` for\n * no match, anything else for a match.\n /\n matcher?: (option: any, searchText: string) => number;\n /* Matching used when typing while the list is closed. /\n typeAheadOptionMatcher?: (option: any, searchText: string) => number;\n /* Icon in the input, anything `EuiIcon`'s `@type` accepts. /\n triggerIcon?: any;\n /* Called when a selected option's pill is removed. /\n removeTag?: (option: any) => void;\n /* Called on every input with the text and the select API. /\n onInput?: (text: string, select: any, event: Event) => any;\n /* Called on keydown; return `false` to prevent the default behavior. /\n onKeydown?: (select: any, event: KeyboardEvent) => any;\n /* Called with ember-power-select's API (`actions.open()`, `search`, …). /\n registerApi?: (select: any) => void;\n /* Custom positioning of the options list, see ember-basic-dropdown. /\n calculatePosition?: (...args: any[]) => any;\n /* Event that opens the list: `'click'` or `'mousedown'`. /\n eventType?: string;\n /* Accessible label of the combo box. /\n ariaLabel?: string;\n /* Id of the element labelling the combo box. /\n ariaLabelledBy?: string;\n /* Marks the combo box as required for assistive technology. /\n required?: boolean;\n /* `role` of the input. /\n triggerRole?: string;\n /* `title` of the combo box. /\n title?: string;\n /* Id of the input, e.g. for an `EuiFormRow`'s label. /\n triggerId?: string;\n };\n Blocks: {\n /\n Renders each option, with its index: `as \|option\|` →\n * `{{option.label}}`. Strings can be rendered as they are.\n */\n default: [any, number, Select];\n };\n}\n\ninterface Sliceable<T> {\n slice(): T[];\n}\n\nconst isSliceable = <T,>(coll: any): coll is Sliceable<T> => {\n return isArray(coll);\n};\n\nexport const toPlainArray = <T,>(collection: T[] \| Sliceable<T>): T[] => {\n if (isSliceable<T>(collection)) {\n return collection.slice();\n } else {\n return collection;\n }\n};\n\nexport default class EuiComboBoxComponent extends Component<EuiComboBoxSignature> {\n @service declare euiI18n: EuiI18n;\n\n @tracked select: any = null;\n @tracked private _resolvedOptions?: any[];\n @tracked searchText = '';\n @tracked private _searchResult?: any[];\n\n private _filterResultsCache: {\n results: any[];\n options: any[];\n searchText: string;\n } = { results: [], options: [], searchText: this.searchText };\n\n get loadingMessage() {\n return (\n this.args.loadingMessage \|\|\n this.euiI18n.lookupToken(\n 'euiComboBox.loadingMessage',\n 'Loading options...'\n )\n );\n }\n\n get noMatchesMessage() {\n return (\n this.args.noMatchesMessage \|\|\n this.euiI18n.lookupToken(\n 'euiComboBox.noMatchesMessage',\n 'No results found'\n )\n );\n }\n\n get searchMessage() {\n return (\n this.args.searchMessage \|\|\n this.euiI18n.lookupToken('euiComboBox.searchMessage', 'Type to search')\n );\n }\n\n get alwaysShowCreateOption() {\n return this.args.onCreateOption && this.args.alwaysShowCreateOption;\n }\n\n <template>\n {{! @glint-nocheck: not typesafe yet }}\n\n <PowerSelect\n @multiple={{true}}\n ...attributes\n @onChange={{this.onChange}}\n @onFocus={{@onFocus}}\n @onBlur={{@onBlur}}\n @onOpen={{@onOpen}}\n @onClose={{@onClose}}\n @placeholderComponent={{@placeholderComponent}}\n @searchMessage={{this.searchMessage}}\n @searchMessageComponent={{if\n @searchMessageComponent\n @searchMessageComponent\n EuiComboBoxSearchMessage\n }}\n @noMatchesMessage={{this.noMatchesMessage}}\n @matchTriggerWidth={{@matchTriggerWidth}}\n @options={{this.options}}\n @selected={{@selectedOptions}}\n @closeOnSelect={{@closeOnSelect}}\n @defaultHighlighted={{@defaultHighlighted}}\n @searchField={{@searchField}}\n @searchEnabled={{argOrDefault @searchEnabled true}}\n @tabindex={{@tabindex}}\n @initiallyOpened={{and (not @isDisabled) @autoFocus}}\n @triggerComponent={{component\n EuiComboBoxTrigger\n fullWidth=@fullWidth\n compressed=@compressed\n isInvalid=@isInvalid\n singleSelection=@singleSelection\n onClose=@removeTag\n onCreateOption=(if @onCreateOption this.onCreateOption)\n isLoading=@isLoading\n autoFocus=(and (not @isDisabled) @autoFocus)\n icon=@triggerIcon\n }}\n @matcher={{@matcher}}\n @initiallyOpen={{@initiallyOpen}}\n @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n @buildSelection={{this.buildSelection}}\n @search={{@search}}\n @onInput={{@onInput}}\n @onKeydown={{@onKeydown}}\n @scrollTo={{this.scrollTo}}\n @registerAPI={{queue this.registerAPI (optional @registerApi)}}\n @horizontalPosition={{@horizontalPosition}}\n @destination={{@destination}}\n @preventScroll={{@preventScroll}}\n @renderInPlace={{@renderInPlace}}\n @verticalPosition={{@verticalPosition}}\n @disabled={{@isDisabled}}\n @calculatePosition={{@calculatePosition}}\n @eventType={{@eventType}}\n @ariaLabel={{@ariaLabel}}\n @ariaLabelledBy={{@ariaLabelledBy}}\n @required={{@required}}\n @triggerRole={{@triggerRole}}\n @title={{@title}}\n @triggerId={{@triggerId}}\n @allowClear={{and (argOrDefault @isClearable true) (not @isDisabled)}}\n @loadingMessage={{this.loadingMessage}}\n @selectedItemComponent={{@selectedItemComponent}}\n @beforeOptionsComponent={{@beforeOptionsComponent}}\n @afterOptionsComponent={{if\n @afterOptionsComponent\n @afterOptionsComponent\n (if\n (and\n @onCreateOption\n (not this.select.loading)\n this.select.searchText\n this.alwaysShowCreateOption\n )\n (component\n EuiComboBoxCreateOption\n customOptionText=@customOptionText\n onCreateOption=this.onCreateOption\n select=this.select\n alwaysShow=true\n )\n )\n }}\n @placeholder={{@placeholder}}\n @searchPlaceholder={{@searchPlaceholder}}\n @optionsComponent={{component\n EuiComboBoxOptions\n rowHeight=@rowHeight\n class=@optionsClass\n }}\n @extra={{@extra}}\n @groupComponent={{component EuiComboBoxGroup}}\n @triggerClass={{classNames\n \"euiComboBox\"\n (if @compressed \"euiComboBox--compressed\")\n (if @fullWidth \"euiComboBox--fullWidth\")\n (if @isDisabled \"euiComboBox-isDisabled\")\n (if @isInvalid \"euiComboBox-isInvalid\")\n (if this.select.isOpen \"euiComboBox-isOpen\")\n }}\n @noMatchesMessageComponent={{if\n (and @onCreateOption (not this.alwaysShowCreateOption))\n (component\n EuiComboBoxCreateOption\n customOptionText=@customOptionText\n onCreateOption=this.onCreateOption\n select=this.select\n alwaysShow=false\n )\n (component EuiComboBoxNoMatchesMessage)\n }}\n @dropdownClass=\"euiComboBoxOptionsList euiPanel euiPanel--borderRadiusMedium euiPanel--noShadow euiPanel--plain euiPopover__panel-isAttached euiPopover__panel euiPopover__panel-noArrow euiPopover__panel--bottom euiPopover__panel-isOpen {{@dropdownClass}}\"\n as \|option i\|\n >\n {{yield option i}}\n </PowerSelect>\n </template>\n\n //This is to allow scrolling between virtualized groups\n @cached\n get opts() {\n return this.results.reduce((acc, curr) => {\n if (emberPowerSelectIsGroup(curr)) {\n acc.push(curr, ...curr.options);\n } else {\n acc.push(curr);\n }\n\n return acc;\n }, []);\n }\n\n @cached\n get options(): any[] {\n if (this._resolvedOptions) return toPlainArray(this._resolvedOptions);\n\n if (this.args.options) {\n return toPlainArray(this.args.options);\n } else {\n return [];\n }\n }\n\n @cached\n get results(): any[] {\n if (this.searchText.length > 0) {\n if (this.args.search) {\n return toPlainArray(this._searchResult \|\| this.options);\n } else {\n if (\n this._filterResultsCache.options === this.options &&\n this._filterResultsCache.searchText === this.searchText\n ) {\n // This is an optimization to avoid filtering several times, which may be a bit expensive\n // if there are many options, if neither the options nor the searchtext have changed\n return this._filterResultsCache.results;\n }\n\n //@ts-ignore\n const results = this._filter(this.options, this.searchText);\n //eslint-disable-next-line\n this._filterResultsCache = {\n results,\n options: this.options,\n searchText: this.searchText\n };\n\n return results;\n }\n } else {\n return this.options;\n }\n }\n\n @action\n scrollTo(option: any, select: { results: []; uniqueId: string }): void {\n const optionsList = document.querySelector(\n `[aria-controls=\"ember-power-select-trigger-${select.uniqueId}\"]`\n ) as HTMLElement;\n\n if (!optionsList) {\n return;\n }\n\n const index = this.opts.indexOf(option);\n\n if (index === -1) {\n return;\n }\n\n const optionElement = optionsList.querySelector(\n `[data-option-index=\"${index}\"]`\n ) as HTMLElement;\n\n if (!optionElement) {\n return;\n }\n\n const optionTopScroll = optionElement.offsetTop;\n const optionBottomScroll = optionTopScroll + optionElement.offsetHeight;\n\n if (optionBottomScroll > optionsList.offsetHeight + optionsList.scrollTop) {\n optionsList.scrollTop = optionBottomScroll - optionsList.offsetHeight;\n } else if (optionTopScroll < optionsList.scrollTop) {\n optionsList.scrollTop = optionTopScroll;\n }\n }\n\n @action\n registerAPI(select: Select) {\n this.select = select;\n }\n\n @action\n onChange(selected: any[]) {\n if (this.args.singleSelection) {\n // keep only the option that was just chosen\n this.args.onChange(\n selected.length > 0 ? [selected[selected.length - 1]] : []\n );\n\n return;\n }\n\n this.args.onChange(selected);\n }\n\n @action\n onCreateOption() {\n let option;\n\n if (\n this.args.onCreateOption &&\n typeof this.args.onCreateOption === 'function'\n ) {\n // The `onCreateOption` function can be used to sanitize the input or explicitly return `false` to reject the input\n option = this.args.onCreateOption(this.select.searchText);\n\n if (option === false) {\n return;\n }\n }\n\n const search = option \|\| this.select.searchText;\n\n this.select.actions.search('');\n this.select.actions.close();\n\n return search;\n }\n\n @action\n buildSelection(option: any, select: Select) {\n const newSelection = (select.selected \|\| []).slice(0);\n let idx = -1;\n\n for (let i = 0; i < newSelection.length; i++) {\n if (isEqual(newSelection[i], option)) {\n idx = i;\n\n break;\n }\n }\n\n if (idx > -1) {\n newSelection.splice(idx, 1);\n } else {\n newSelection.push(option);\n }\n\n if (this.args.singleSelection && newSelection.length === 0) {\n select.actions.search('');\n }\n\n if (select?.selected?.length < newSelection.length) {\n select.actions.search('');\n }\n\n return newSelection;\n }\n}\n"],"names":["isSliceable","coll","isArray","toPlainArray","collection","slice","EuiComboBoxComponent","Component","g","prototype","service","i","tracked","_filterResultsCache","results","options","searchText","loadingMessage","args","euiI18n","lookupToken","noMatchesMessage","searchMessage","alwaysShowCreateOption","onCreateOption","setComponentTemplate","precompileTemplate","strictMode","scope","PowerSelect","EuiComboBoxSearchMessage","argOrDefault","and","not","EuiComboBoxTrigger","queue","optional","EuiComboBoxCreateOption","EuiComboBoxOptions","EuiComboBoxGroup","classNames","EuiComboBoxNoMatchesMessage","opts","reduce","acc","curr","emberPowerSelectIsGroup","push","n","cached","_resolvedOptions","length","search","_searchResult","_filter","scrollTo","option","select","optionsList","document","querySelector","uniqueId","index","indexOf","optionElement","optionTopScroll","offsetTop","optionBottomScroll","offsetHeight","scrollTop","action","registerAPI","onChange","selected","singleSelection","actions","close","buildSelection","newSelection","idx","isEqual","splice"],"mappings":"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"}

package/dist/components/eui-comment-list.js CHANGED Viewed

@@ -2,7 +2,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiCommentList = setComponentTemplate(precompileTemplate("\n    {{!--\n    Comment List is basically a wrapper for various comments\n  --}}\n    <div class=\"euiCommentList\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
+/** Stacks EuiComments along a shared timeline. */
+const EuiCommentList = setComponentTemplate(precompileTemplate("  {{!--\n  Comment List is basically a wrapper for various comments\n--}}\n  <div class=\"euiCommentList\" ...attributes>\n    {{yield}}\n  </div>", {
   strictMode: true
 }), templateOnly());

package/dist/components/eui-comment-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-comment-list.js","sources":["../../src/components/eui-comment-list.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCommentListSignature {\n Element: HTMLDivElement;\n Blocks: {\n default: [];\n };\n}\n\nconst EuiCommentList: TemplateOnlyComponent<EuiCommentListSignature> =\n <template>\n {{!\n Comment List is basically a wrapper for various comments\n }}\n <div class=\"euiCommentList\" ...attributes>\n {{yield}}\n </div>\n </template>;\n\nexport default EuiCommentList;\n"],"names":["EuiCommentList","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,~~cACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAOA~~,~~sKAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-comment-list.js","sources":["../../src/components/eui-comment-list.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** Stacks EuiComments along a shared timeline. /\nexport interface EuiCommentListSignature {\n Element: HTMLDivElement;\n Blocks: {\n /* The `EuiComment`s. */\n default: [];\n };\n}\n\nconst EuiCommentList: TemplateOnlyComponent<EuiCommentListSignature> =\n <template>\n {{!\n Comment List is basically a wrapper for various comments\n }}\n <div class=\"euiCommentList\" ...attributes>\n {{yield}}\n </div>\n </template>;\n\nexport default EuiCommentList;\n"],"names":["EuiCommentList","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,oJAAA,EAOA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-comment-timeline.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiCommentTimeline = setComponentTemplate(precompileTemplate("\n    <div class=\"euiCommentTimeline\" ...attributes>\n      <div class=\"euiCommentTimeline__content\">\n        <div class={{classNames (if (or @timelineIcon (not (has-block \"timelineIcon\"))) \"euiCommentTimeline__icon--default\") componentName=\"EuiCommentTimelineIcon\" type=(argOrDefault @type \"regular\")}}>\n          {{#if @timelineIcon}}\n            <EuiIcon @size={{if (eq @type \"update\") \"m\" \"l\"}} @type={{@timelineIcon}} />\n          {{else if (has-block \"timelineIcon\")}}\n            {{yield to=\"timelineIcon\"}}\n          {{else}}\n            <EuiIcon @type={{if (eq @type \"update\") \"dot\" \"user\"}} @size={{if (eq @type \"update\") \"m\" \"l\"}} />\n          {{/if}}\n        </div>\n      </div>\n    </div>\n  ", {
+const EuiCommentTimeline = setComponentTemplate(precompileTemplate("<div class=\"euiCommentTimeline\" ...attributes>\n  <div class=\"euiCommentTimeline__content\">\n    <div class={{classNames (if (or @timelineIcon (not (has-block \"timelineIcon\"))) \"euiCommentTimeline__icon--default\") componentName=\"EuiCommentTimelineIcon\" type=(argOrDefault @type \"regular\")}}>\n      {{#if @timelineIcon}}\n        <EuiIcon @size={{if (eq @type \"update\") \"m\" \"l\"}} @type={{@timelineIcon}} />\n      {{else if (has-block \"timelineIcon\")}}\n        {{yield to=\"timelineIcon\"}}\n      {{else}}\n        <EuiIcon @type={{if (eq @type \"update\") \"dot\" \"user\"}} @size={{if (eq @type \"update\") \"m\" \"l\"}} />\n      {{/if}}\n    </div>\n  </div>\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-comment-timeline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-comment-timeline.js","sources":["../../src/components/eui-comment-timeline.gts"],"sourcesContent":["import { eq, not,or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { commentTimelineTypeMapping } from '../utils/css-mappings/eui-comment-timeline-icon.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCommentTimelineSignature {\n Element: HTMLDivElement;\n Args: {\n timelineIcon?: string;\n type?: keyof typeof commentTimelineTypeMapping;\n };\n Blocks: {\n timelineIcon: [];\n };\n}\n\nconst EuiCommentTimeline: TemplateOnlyComponent<EuiCommentTimelineSignature> =\n <template>\n <div class=\"euiCommentTimeline\" ...attributes>\n <div class=\"euiCommentTimeline__content\">\n <div\n class={{classNames\n (if\n (or @timelineIcon (not (has-block \"timelineIcon\")))\n \"euiCommentTimeline__icon--default\"\n )\n componentName=\"EuiCommentTimelineIcon\"\n type=(argOrDefault @type \"regular\")\n }}\n >\n {{#if @timelineIcon}}\n <EuiIcon\n @size={{if (eq @type \"update\") \"m\" \"l\"}}\n @type={{@timelineIcon}}\n />\n {{else if (has-block \"timelineIcon\")}}\n {{yield to=\"timelineIcon\"}}\n {{else}}\n <EuiIcon\n @type={{if (eq @type \"update\") \"dot\" \"user\"}}\n @size={{if (eq @type \"update\") \"m\" \"l\"}}\n />\n {{/if}}\n </div>\n </div>\n </div>\n </template>;\n\nexport default EuiCommentTimeline;\n"],"names":["EuiCommentTimeline","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","not","argOrDefault","EuiIcon","eq","templateOnly"],"mappings":";;;;;;;;~~AAoBA~~,MAAMA,~~kBACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CA6BA~~,~~gvBAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-comment-timeline.js","sources":["../../src/components/eui-comment-timeline.gts"],"sourcesContent":["import { eq, not,or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { commentTimelineTypeMapping } from '../utils/css-mappings/eui-comment-timeline-icon.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The icon column of an EuiComment. /\nexport interface EuiCommentTimelineSignature {\n Element: HTMLDivElement;\n Args: {\n /* Icon on the timeline. Defaults to `'user'` (`'dot'` for updates). /\n timelineIcon?: string;\n /* `'regular'` or `'update'`, see `EuiComment`. Defaults to `'regular'`. /\n type?: keyof typeof commentTimelineTypeMapping;\n };\n Blocks: {\n /* Custom content instead of the icon, e.g. an `EuiAvatar`. */\n timelineIcon: [];\n };\n}\n\nconst EuiCommentTimeline: TemplateOnlyComponent<EuiCommentTimelineSignature> =\n <template>\n <div class=\"euiCommentTimeline\" ...attributes>\n <div class=\"euiCommentTimeline__content\">\n <div\n class={{classNames\n (if\n (or @timelineIcon (not (has-block \"timelineIcon\")))\n \"euiCommentTimeline__icon--default\"\n )\n componentName=\"EuiCommentTimelineIcon\"\n type=(argOrDefault @type \"regular\")\n }}\n >\n {{#if @timelineIcon}}\n <EuiIcon\n @size={{if (eq @type \"update\") \"m\" \"l\"}}\n @type={{@timelineIcon}}\n />\n {{else if (has-block \"timelineIcon\")}}\n {{yield to=\"timelineIcon\"}}\n {{else}}\n <EuiIcon\n @type={{if (eq @type \"update\") \"dot\" \"user\"}}\n @size={{if (eq @type \"update\") \"m\" \"l\"}}\n />\n {{/if}}\n </div>\n </div>\n </div>\n </template>;\n\nexport default EuiCommentTimeline;\n"],"names":["EuiCommentTimeline","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","or","not","argOrDefault","EuiIcon","eq","templateOnly"],"mappings":";;;;;;;;AAwBA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,srBAAA,EA6BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-comment.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiComment = setComponentTemplate(precompileTemplate("\n  <div class={{classNames \"euiComment\" (if (eq @type \"update\") \"euiComment--update\") (if (has-block \"body\") \"euiComment--hasBody\")}} ...attributes>\n    {{#if (has-block \"timelineIcon\")}}\n      <EuiCommentTimeline @type={{@type}}>\n        <:timelineIcon>\n          {{yield to=\"timelineIcon\"}}\n        </:timelineIcon>\n      </EuiCommentTimeline>\n    {{else}}\n      <EuiCommentTimeline @type={{@type}} @timelineIcon={{@timelineIcon}} />\n    {{/if}}\n    {{!-- Basically the same, just to avoid using dynamic tag we use figure and figcaption instead of divs when it doesn't have body--}}\n    {{#if (and (eq @type \"update\") (not (has-block \"body\")))}}\n      <figure class={{classNames componentName=\"EuiCommentEvent\" type=(argOrDefault @type \"regular\")}}>\n        <figcaption class=\"euiCommentEvent__header\">\n          <div class=\"euiCommentEvent__headerData\">\n            <div class=\"euiCommentEvent__headerUsername\">\n              {{yield to=\"username\"}}\n            </div>\n            <div class=\"euiCommentEvent__headerEvent\">\n              {{yield to=\"event\"}}\n            </div>\n            {{#if (has-block \"timestamp\")}}\n              <div class=\"euiCommentEvent__headerTimestamp\">\n                <time>\n                  {{yield to=\"timestamp\"}}\n                </time>\n              </div>\n            {{/if}}\n          </div>\n          <div class=\"euiCommentEvent__headerActions\">\n            {{yield to=\"actions\"}}\n          </div>\n        </figcaption>\n        <div class=\"euiCommentEvent__body\">\n          {{yield to=\"body\"}}\n        </div>\n      </figure>\n    {{else}}\n      <div class={{classNames componentName=\"EuiCommentEvent\" type=(argOrDefault @type \"regular\")}}>\n        <div class=\"euiCommentEvent__header\">\n          <div class=\"euiCommentEvent__headerData\">\n            <div class=\"euiCommentEvent__headerUsername\">\n              {{yield to=\"username\"}}\n            </div>\n            <div class=\"euiCommentEvent__headerEvent\">\n              {{yield to=\"event\"}}\n            </div>\n            {{#if (has-block \"timestamp\")}}\n              <div class=\"euiCommentEvent__headerTimestamp\">\n                <time>\n                  {{yield to=\"timestamp\"}}\n                </time>\n              </div>\n            {{/if}}\n          </div>\n          <div class=\"euiCommentEvent__headerActions\">\n            {{yield to=\"actions\"}}\n          </div>\n        </div>\n        <div class=\"euiCommentEvent__body\">\n          {{yield to=\"body\"}}\n        </div>\n      </div>\n    {{/if}}\n  </div>\n", {
+const EuiComment = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiComment\" (if (eq @type \"update\") \"euiComment--update\") (if (has-block \"body\") \"euiComment--hasBody\")}} ...attributes>\n  {{#if (has-block \"timelineIcon\")}}\n    <EuiCommentTimeline @type={{@type}}>\n      <:timelineIcon>\n        {{yield to=\"timelineIcon\"}}\n      </:timelineIcon>\n    </EuiCommentTimeline>\n  {{else}}\n    <EuiCommentTimeline @type={{@type}} @timelineIcon={{@timelineIcon}} />\n  {{/if}}\n  {{!-- Basically the same, just to avoid using dynamic tag we use figure and figcaption instead of divs when it doesn't have body--}}\n  {{#if (and (eq @type \"update\") (not (has-block \"body\")))}}\n    <figure class={{classNames componentName=\"EuiCommentEvent\" type=(argOrDefault @type \"regular\")}}>\n      <figcaption class=\"euiCommentEvent__header\">\n        <div class=\"euiCommentEvent__headerData\">\n          <div class=\"euiCommentEvent__headerUsername\">\n            {{yield to=\"username\"}}\n          </div>\n          <div class=\"euiCommentEvent__headerEvent\">\n            {{yield to=\"event\"}}\n          </div>\n          {{#if (has-block \"timestamp\")}}\n            <div class=\"euiCommentEvent__headerTimestamp\">\n              <time>\n                {{yield to=\"timestamp\"}}\n              </time>\n            </div>\n          {{/if}}\n        </div>\n        <div class=\"euiCommentEvent__headerActions\">\n          {{yield to=\"actions\"}}\n        </div>\n      </figcaption>\n      <div class=\"euiCommentEvent__body\">\n        {{yield to=\"body\"}}\n      </div>\n    </figure>\n  {{else}}\n    <div class={{classNames componentName=\"EuiCommentEvent\" type=(argOrDefault @type \"regular\")}}>\n      <div class=\"euiCommentEvent__header\">\n        <div class=\"euiCommentEvent__headerData\">\n          <div class=\"euiCommentEvent__headerUsername\">\n            {{yield to=\"username\"}}\n          </div>\n          <div class=\"euiCommentEvent__headerEvent\">\n            {{yield to=\"event\"}}\n          </div>\n          {{#if (has-block \"timestamp\")}}\n            <div class=\"euiCommentEvent__headerTimestamp\">\n              <time>\n                {{yield to=\"timestamp\"}}\n              </time>\n            </div>\n          {{/if}}\n        </div>\n        <div class=\"euiCommentEvent__headerActions\">\n          {{yield to=\"actions\"}}\n        </div>\n      </div>\n      <div class=\"euiCommentEvent__body\">\n        {{yield to=\"body\"}}\n      </div>\n    </div>\n  {{/if}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-comment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-comment.js","sources":["../../src/components/eui-comment.gts"],"sourcesContent":["import { and, eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiCommentTimeline from './eui-comment-timeline.gts';\n\nimport type { EuiCommentTimelineSignature } from './eui-comment-timeline';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCommentSignature {\n Element: HTMLDivElement;\n Args: {\n type?: EuiCommentTimelineSignature['Args']['type'];\n timelineIcon?: EuiCommentTimelineSignature['Args']['timelineIcon'];\n };\n Blocks: {\n timelineIcon: [];\n username: [];\n event: [];\n timestamp: [];\n actions: [];\n body: [];\n };\n}\n\nconst EuiComment: TemplateOnlyComponent<EuiCommentSignature> = <template>\n <div\n class={{classNames\n \"euiComment\"\n (if (eq @type \"update\") \"euiComment--update\")\n (if (has-block \"body\") \"euiComment--hasBody\")\n }}\n ...attributes\n >\n {{#if (has-block \"timelineIcon\")}}\n <EuiCommentTimeline @type={{@type}}>\n <:timelineIcon>\n {{yield to=\"timelineIcon\"}}\n </:timelineIcon>\n </EuiCommentTimeline>\n {{else}}\n <EuiCommentTimeline @type={{@type}} @timelineIcon={{@timelineIcon}} />\n {{/if}}\n {{! Basically the same, just to avoid using dynamic tag we use figure and figcaption instead of divs when it doesn't have body}}\n {{#if (and (eq @type \"update\") (not (has-block \"body\")))}}\n <figure\n class={{classNames\n componentName=\"EuiCommentEvent\"\n type=(argOrDefault @type \"regular\")\n }}\n >\n <figcaption class=\"euiCommentEvent__header\">\n <div class=\"euiCommentEvent__headerData\">\n <div class=\"euiCommentEvent__headerUsername\">\n {{yield to=\"username\"}}\n </div>\n <div class=\"euiCommentEvent__headerEvent\">\n {{yield to=\"event\"}}\n </div>\n {{#if (has-block \"timestamp\")}}\n <div class=\"euiCommentEvent__headerTimestamp\">\n <time>\n {{yield to=\"timestamp\"}}\n </time>\n </div>\n {{/if}}\n </div>\n <div class=\"euiCommentEvent__headerActions\">\n {{yield to=\"actions\"}}\n </div>\n </figcaption>\n <div class=\"euiCommentEvent__body\">\n {{yield to=\"body\"}}\n </div>\n </figure>\n {{else}}\n <div\n class={{classNames\n componentName=\"EuiCommentEvent\"\n type=(argOrDefault @type \"regular\")\n }}\n >\n <div class=\"euiCommentEvent__header\">\n <div class=\"euiCommentEvent__headerData\">\n <div class=\"euiCommentEvent__headerUsername\">\n {{yield to=\"username\"}}\n </div>\n <div class=\"euiCommentEvent__headerEvent\">\n {{yield to=\"event\"}}\n </div>\n {{#if (has-block \"timestamp\")}}\n <div class=\"euiCommentEvent__headerTimestamp\">\n <time>\n {{yield to=\"timestamp\"}}\n </time>\n </div>\n {{/if}}\n </div>\n <div class=\"euiCommentEvent__headerActions\">\n {{yield to=\"actions\"}}\n </div>\n </div>\n <div class=\"euiCommentEvent__body\">\n {{yield to=\"body\"}}\n </div>\n </div>\n {{/if}}\n </div>\n</template>;\n\nexport default EuiComment;\n"],"names":["EuiComment","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiCommentTimeline","and","not","argOrDefault","templateOnly"],"mappings":";;;;;;;;~~AAyBA~~,MAAMA,~~UAAyD~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAmF~~/D~~,wlFAAA,EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,GAAA;IAAAC,GAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-comment.js","sources":["../../src/components/eui-comment.gts"],"sourcesContent":["import { and, eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiCommentTimeline from './eui-comment-timeline.gts';\n\nimport type { EuiCommentTimelineSignature } from './eui-comment-timeline';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiCommentSignature {\n Element: HTMLDivElement;\n Args: {\n /*\n `'regular'` for a comment with a body in a panel, `'update'` for a\n * compact one-line event (e.g. \"added a tag\"). Defaults to `'regular'`.\n /\n type?: EuiCommentTimelineSignature['Args']['type'];\n /\n Icon on the timeline, e.g. an `EuiAvatar` alternative. Defaults to a\n * user icon (`'dot'` for updates). Use the `<:timelineIcon>` block for\n * custom content such as `<EuiAvatar>`.\n /\n timelineIcon?: EuiCommentTimelineSignature['Args']['timelineIcon'];\n };\n Blocks: {\n /* Custom timeline content, e.g. `<EuiAvatar @name=\"Jane\" />`. /\n timelineIcon: [];\n /* Who wrote it. /\n username: [];\n /* What happened, e.g. \"added a comment\" or \"closed the issue\". /\n event: [];\n /* When, e.g. \"on Jan 1st, 2024\"; wrapped in `<time>`. /\n timestamp: [];\n /* Actions on the right of the header, e.g. an `EuiButtonIcon`. /\n actions: [];\n /* The comment's content. */\n body: [];\n };\n}\n\nconst EuiComment: TemplateOnlyComponent<EuiCommentSignature> = <template>\n <div\n class={{classNames\n \"euiComment\"\n (if (eq @type \"update\") \"euiComment--update\")\n (if (has-block \"body\") \"euiComment--hasBody\")\n }}\n ...attributes\n >\n {{#if (has-block \"timelineIcon\")}}\n <EuiCommentTimeline @type={{@type}}>\n <:timelineIcon>\n {{yield to=\"timelineIcon\"}}\n </:timelineIcon>\n </EuiCommentTimeline>\n {{else}}\n <EuiCommentTimeline @type={{@type}} @timelineIcon={{@timelineIcon}} />\n {{/if}}\n {{! Basically the same, just to avoid using dynamic tag we use figure and figcaption instead of divs when it doesn't have body}}\n {{#if (and (eq @type \"update\") (not (has-block \"body\")))}}\n <figure\n class={{classNames\n componentName=\"EuiCommentEvent\"\n type=(argOrDefault @type \"regular\")\n }}\n >\n <figcaption class=\"euiCommentEvent__header\">\n <div class=\"euiCommentEvent__headerData\">\n <div class=\"euiCommentEvent__headerUsername\">\n {{yield to=\"username\"}}\n </div>\n <div class=\"euiCommentEvent__headerEvent\">\n {{yield to=\"event\"}}\n </div>\n {{#if (has-block \"timestamp\")}}\n <div class=\"euiCommentEvent__headerTimestamp\">\n <time>\n {{yield to=\"timestamp\"}}\n </time>\n </div>\n {{/if}}\n </div>\n <div class=\"euiCommentEvent__headerActions\">\n {{yield to=\"actions\"}}\n </div>\n </figcaption>\n <div class=\"euiCommentEvent__body\">\n {{yield to=\"body\"}}\n </div>\n </figure>\n {{else}}\n <div\n class={{classNames\n componentName=\"EuiCommentEvent\"\n type=(argOrDefault @type \"regular\")\n }}\n >\n <div class=\"euiCommentEvent__header\">\n <div class=\"euiCommentEvent__headerData\">\n <div class=\"euiCommentEvent__headerUsername\">\n {{yield to=\"username\"}}\n </div>\n <div class=\"euiCommentEvent__headerEvent\">\n {{yield to=\"event\"}}\n </div>\n {{#if (has-block \"timestamp\")}}\n <div class=\"euiCommentEvent__headerTimestamp\">\n <time>\n {{yield to=\"timestamp\"}}\n </time>\n </div>\n {{/if}}\n </div>\n <div class=\"euiCommentEvent__headerActions\">\n {{yield to=\"actions\"}}\n </div>\n </div>\n <div class=\"euiCommentEvent__body\">\n {{yield to=\"body\"}}\n </div>\n </div>\n {{/if}}\n </div>\n</template>;\n\nexport default EuiComment;\n"],"names":["EuiComment","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","eq","EuiCommentTimeline","and","not","argOrDefault","templateOnly"],"mappings":";;;;;;;;AAwCA,MAAMA,UAAkC,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,k9EAAA,EAmF/D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,EAAA;IAAAC,kBAAA;IAAAC,GAAA;IAAAC,GAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-confirm-modal.js CHANGED Viewed

@@ -12,7 +12,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiConfirmModal = setComponentTemplate(precompileTemplate("\n    <EuiModal class=\"euiModal--confirmation\" @onClose={{@onCancel}} ...attributes>\n\n      {{#if (or @title (has-block \"title\"))}}\n        <EuiModalHeader>\n          <EuiModalHeaderTitle>\n            {{@title}}\n            {{yield to=\"title\"}}\n          </EuiModalHeaderTitle>\n        </EuiModalHeader>\n      {{/if}}\n\n      {{#if (or @message (has-block))}}\n        <EuiModalBody>\n          <EuiText>\n            {{@message}}\n            {{yield}}\n          </EuiText>\n        </EuiModalBody>\n      {{/if}}\n\n      <EuiModalFooter>\n        <EuiButtonEmpty {{on \"click\" @onCancel}}>\n          {{@cancelButtonText}}\n        </EuiButtonEmpty>\n        <EuiButton @fill={{true}} @color={{@buttonColor}} @isDisabled={{@confirmButtonDisabled}} @isLoading={{@isLoading}} {{on \"click\" @onConfirm}}>\n          {{@confirmButtonText}}\n        </EuiButton>\n      </EuiModalFooter>\n\n    </EuiModal>\n  ", {
+const EuiConfirmModal = setComponentTemplate(precompileTemplate("<EuiModal class=\"euiModal--confirmation\" @onClose={{@onCancel}} ...attributes>\n\n  {{#if (or @title (has-block \"title\"))}}\n    <EuiModalHeader>\n      <EuiModalHeaderTitle>\n        {{@title}}\n        {{yield to=\"title\"}}\n      </EuiModalHeaderTitle>\n    </EuiModalHeader>\n  {{/if}}\n\n  {{#if (or @message (has-block))}}\n    <EuiModalBody>\n      <EuiText>\n        {{@message}}\n        {{yield}}\n      </EuiText>\n    </EuiModalBody>\n  {{/if}}\n\n  <EuiModalFooter>\n    <EuiButtonEmpty {{on \"click\" @onCancel}}>\n      {{@cancelButtonText}}\n    </EuiButtonEmpty>\n    <EuiButton @fill={{true}} @color={{@buttonColor}} @isDisabled={{@confirmButtonDisabled}} @isLoading={{@isLoading}} {{on \"click\" @onConfirm}}>\n      {{@confirmButtonText}}\n    </EuiButton>\n  </EuiModalFooter>\n\n</EuiModal>", {
   strictMode: true,
   scope: () => ({
     EuiModal,

package/dist/components/eui-confirm-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-confirm-modal.js","sources":["../../src/components/eui-confirm-modal.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport EuiButton from './eui-button.gts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiModal from './eui-modal.gts';\nimport EuiModalBody from './eui-modal-body.gts';\nimport EuiModalFooter from './eui-modal-footer.gts';\nimport EuiModalHeader from './eui-modal-header.gts';\nimport EuiModalHeaderTitle from './eui-modal-header-title.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiModalSignature } from './eui-modal';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiConfirmModalSignature {\n Element: EuiModalSignature['Element'];\n Args: {\n title?: string;\n message?: string;\n cancelButtonText?: string;\n confirmButtonText?: string;\n buttonColor?: string;\n confirmButtonDisabled?: boolean;\n isLoading?: boolean;\n onCancel: () => void;\n onConfirm: () => void;\n };\n Blocks: {\n title: [];\n default: [];\n };\n}\n\nconst EuiConfirmModal: TemplateOnlyComponent<EuiConfirmModalSignature> =\n <template>\n <EuiModal\n class=\"euiModal--confirmation\"\n @onClose={{@onCancel}}\n ...attributes\n >\n\n {{#if (or @title (has-block \"title\"))}}\n <EuiModalHeader>\n <EuiModalHeaderTitle>\n {{@title}}\n {{yield to=\"title\"}}\n </EuiModalHeaderTitle>\n </EuiModalHeader>\n {{/if}}\n\n {{#if (or @message (has-block))}}\n <EuiModalBody>\n <EuiText>\n {{@message}}\n {{yield}}\n </EuiText>\n </EuiModalBody>\n {{/if}}\n\n <EuiModalFooter>\n <EuiButtonEmpty {{on \"click\" @onCancel}}>\n {{@cancelButtonText}}\n </EuiButtonEmpty>\n <EuiButton\n @fill={{true}}\n @color={{@buttonColor}}\n @isDisabled={{@confirmButtonDisabled}}\n @isLoading={{@isLoading}}\n {{on \"click\" @onConfirm}}\n >\n {{@confirmButtonText}}\n </EuiButton>\n </EuiModalFooter>\n\n </EuiModal>\n </template>;\n\nexport default EuiConfirmModal;\n"],"names":["EuiConfirmModal","setComponentTemplate","precompileTemplate","strictMode","scope","EuiModal","or","EuiModalHeader","EuiModalHeaderTitle","EuiModalBody","EuiText","EuiModalFooter","EuiButtonEmpty","on","EuiButton","templateOnly"],"mappings":";;;;;;;;;;;;;;~~AAmCA~~,MAAMA,~~eACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAyCA~~,~~i6BAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,cAAA;IAAAC,mBAAA;IAAAC,YAAA;aAAAC,gBAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
1	+ {"version":3,"file":"eui-confirm-modal.js","sources":["../../src/components/eui-confirm-modal.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { or } from 'ember-truth-helpers';\n\nimport EuiButton from './eui-button.gts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiModal from './eui-modal.gts';\nimport EuiModalBody from './eui-modal-body.gts';\nimport EuiModalFooter from './eui-modal-footer.gts';\nimport EuiModalHeader from './eui-modal-header.gts';\nimport EuiModalHeaderTitle from './eui-modal-header-title.gts';\nimport EuiText from './eui-text.gts';\n\nimport type { EuiModalSignature } from './eui-modal';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiConfirmModalSignature {\n Element: EuiModalSignature['Element'];\n Args: {\n /** Title of the modal. Use the `<:title>` block for markup. /\n title?: string;\n /* The question or explanation, e.g. \"This can't be undone.\". /\n message?: string;\n /* Text of the cancel button. Required: there is no default text. /\n cancelButtonText?: string;\n /* Text of the confirm button, ideally the action (\"Delete report\"). Required. /\n confirmButtonText?: string;\n /\n Color of the confirm button, any `EuiButton` color; `'danger'` for\n * destructive actions. Defaults to `'primary'`.\n /\n buttonColor?: string;\n /* Disables the confirm button, e.g. until a checkbox is checked. /\n confirmButtonDisabled?: boolean;\n /* Shows a spinner in the confirm button while the action runs. /\n isLoading?: boolean;\n /* Called by the cancel and close buttons and Escape. Close the modal here. /\n onCancel: () => void;\n /* Called by the confirm button. /\n onConfirm: () => void;\n };\n Blocks: {\n /* The title, after `@title`. /\n title: [];\n /* The body, after `@message` (e.g. a checkbox or details). */\n default: [];\n };\n}\n\nconst EuiConfirmModal: TemplateOnlyComponent<EuiConfirmModalSignature> =\n <template>\n <EuiModal\n class=\"euiModal--confirmation\"\n @onClose={{@onCancel}}\n ...attributes\n >\n\n {{#if (or @title (has-block \"title\"))}}\n <EuiModalHeader>\n <EuiModalHeaderTitle>\n {{@title}}\n {{yield to=\"title\"}}\n </EuiModalHeaderTitle>\n </EuiModalHeader>\n {{/if}}\n\n {{#if (or @message (has-block))}}\n <EuiModalBody>\n <EuiText>\n {{@message}}\n {{yield}}\n </EuiText>\n </EuiModalBody>\n {{/if}}\n\n <EuiModalFooter>\n <EuiButtonEmpty {{on \"click\" @onCancel}}>\n {{@cancelButtonText}}\n </EuiButtonEmpty>\n <EuiButton\n @fill={{true}}\n @color={{@buttonColor}}\n @isDisabled={{@confirmButtonDisabled}}\n @isLoading={{@isLoading}}\n {{on \"click\" @onConfirm}}\n >\n {{@confirmButtonText}}\n </EuiButton>\n </EuiModalFooter>\n\n </EuiModal>\n </template>;\n\nexport default EuiConfirmModal;\n"],"names":["EuiConfirmModal","setComponentTemplate","precompileTemplate","strictMode","scope","EuiModal","or","EuiModalHeader","EuiModalHeaderTitle","EuiModalBody","EuiText","EuiModalFooter","EuiButtonEmpty","on","EuiButton","templateOnly"],"mappings":";;;;;;;;;;;;;;AAiDA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,mzBAAA,EAyCA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,cAAA;IAAAC,mBAAA;IAAAC,YAAA;aAAAC,gBAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-context-menu-item.js CHANGED Viewed

@@ -10,7 +10,7 @@ import EuiIcon from './eui-icon.js';
 import EuiLoadingSpinner from './eui-loading-spinner.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 class EuiContextMenuItemComponent extends Component {
   static {
@@ -30,14 +30,14 @@ class EuiContextMenuItemComponent extends Component {
     this.link = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (classNames \"euiContextMenuItem\" componentName=\"EuiContextMenuItem\" disabled=@disabled layoutAlign=(argOrDefault @layoutAlign \"center\") size=@size) as |classes|}}\n      {{#if (and @href (not @disabled))}}\n        <a class={{classes}} href={{@href}} target={{@target}} {{didInsert this.registerLink}} ...attributes />\n\n      {{else}}\n        <button class={{classes}} disabled={{@disabled}} type=\"button\" {{didInsert this.registerLink}} ...attributes />\n      {{/if}}\n    {{/let}}\n\n    {{!-- shared code that will be rendered inside the button or anchor --}}\n    {{#if this.link}}\n      {{#in-element this.link}}\n        <span class={{classNames \"euiContextMenu__itemLayout\" componentName=\"EuiContextMenuItem\" layoutAlign=(argOrDefault @layoutAlign \"center\")}}>\n          {{#if @isLoading}}\n            {{!-- spinner is not part of eui spec --}}\n            <EuiLoadingSpinner class=\"euiContextMenu__icon\" />\n          {{else}}\n            <EuiIcon @iconClasses={{concat \"euiContextMenu__icon \" @iconClasses}} @type={{@icon}} @size=\"m\" @color=\"inherit\" />\n          {{/if}}\n          <span class=\"euiContextMenuItem__text\">\n            {{yield}}\n          </span>\n          {{#if @hasPanel}}\n            <EuiIcon @type=\"arrowRight\" @size=\"m\" class=\"euiContextMenu__arrow\" />\n          {{/if}}\n        </span>\n      {{/in-element}}\n    {{/if}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (classNames \"euiContextMenuItem\" componentName=\"EuiContextMenuItem\" disabled=@disabled size=@size) as |classes|}}\n  {{#if (and @href (not @disabled))}}\n    <a class={{classes}} href={{@href}} target={{@target}} {{didInsert this.registerLink}} ...attributes />\n\n  {{else}}\n    <button class={{classes}} disabled={{@disabled}} type=\"button\" {{didInsert this.registerLink}} ...attributes />\n  {{/if}}\n{{/let}}\n\n{{!-- shared code that will be rendered inside the button or anchor --}}\n{{#if this.link}}\n  {{#in-element this.link}}\n    <span class={{classNames \"euiContextMenu__itemLayout\" componentName=\"EuiContextMenuItem\" layoutAlign=(argOrDefault @layoutAlign \"center\")}}>\n      {{#if @isLoading}}\n        {{!-- spinner is not part of eui spec --}}\n        <EuiLoadingSpinner class=\"euiContextMenu__icon\" />\n      {{else if @icon}}\n        <EuiIcon @iconClasses={{concat \"euiContextMenu__icon \" @iconClasses}} @type={{@icon}} @size=\"m\" @color=\"inherit\" />\n      {{/if}}\n      <span class=\"euiContextMenuItem__text\">\n        {{yield}}\n      </span>\n      {{#if @hasPanel}}\n        <EuiIcon @type=\"arrowRight\" @size=\"m\" class=\"euiContextMenu__arrow\" />\n      {{/if}}\n    </span>\n  {{/in-element}}\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         classNames,
-        argOrDefault,
         and,
         not,
         didInsert,
+        argOrDefault,
         EuiLoadingSpinner,
         EuiIcon,
         concat

package/dist/components/eui-context-menu-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-context-menu-item.js","sources":["../../src/components/eui-context-menu-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { layoutAlignMapping, sizeMapping } from '../utils/css-mappings/eui-context-menu-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\n\nexport interface EuiContextMenuItemSignature {\n Element: HTMLAnchorElement \| HTMLButtonElement;\n Args: {\n layoutAlign?: keyof typeof layoutAlignMapping;\n disabled?: boolean;\n size?: keyof typeof sizeMapping;\n href?: string;\n target?: string;\n isLoading?: boolean;\n icon: EuiIconSignature['Args']['type'];\n iconClasses?: string;\n hasPanel?: boolean;\n };\n\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiContextMenuItemComponent extends Component<EuiContextMenuItemSignature> {\n @tracked link: HTMLAnchorElement \| HTMLButtonElement \| null = null;\n\n @action\n registerLink(e: HTMLAnchorElement \| HTMLButtonElement) {\n this.link = e;\n }\n\n willDestroy() {\n super.willDestroy();\n \n this.link = null;\n }\n\n <template>\n {{#let\n (classNames\n \"euiContextMenuItem\"\n componentName=\"EuiContextMenuItem\"\n disabled=@disabled\n ~~layoutAlign=(argOrDefault @layoutAlign \"center\")\n~~ size=@size\n )\n as \|classes\|\n }}\n {{#if (and @href (not @disabled))}}\n <a\n class={{classes}}\n href={{@href}}\n target={{@target}}\n {{didInsert this.registerLink}}\n ...attributes\n />\n\n {{else}}\n <button\n class={{classes}}\n disabled={{@disabled}}\n type=\"button\"\n {{didInsert this.registerLink}}\n ...attributes\n />\n {{/if}}\n {{/let}}\n\n {{! shared code that will be rendered inside the button or anchor }}\n {{#if this.link}}\n {{#in-element this.link}}\n <span\n class={{classNames\n \"euiContextMenu__itemLayout\"\n componentName=\"EuiContextMenuItem\"\n layoutAlign=(argOrDefault @layoutAlign \"center\")\n }}\n >\n {{#if @isLoading}}\n {{! spinner is not part of eui spec }}\n <EuiLoadingSpinner class=\"euiContextMenu__icon\" />\n {{else}}\n <EuiIcon\n @iconClasses={{concat \"euiContextMenu__icon \" @iconClasses}}\n @type={{@icon}}\n @size=\"m\"\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiContextMenuItem__text\">\n {{yield}}\n </span>\n {{#if @hasPanel}}\n <EuiIcon\n @type=\"arrowRight\"\n @size=\"m\"\n class=\"euiContextMenu__arrow\"\n />\n {{/if}}\n </span>\n {{/in-element}}\n {{/if}}\n </template>\n}\n"],"names":["EuiContextMenuItemComponent","Component","g","prototype","tracked","i","~~void 0","~~registerLink","e","link","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","~~argOrDefault","~~and","not","didInsert","EuiLoadingSpinner","EuiIcon","concat"],"mappings":";;;;;;;;;;;;;;~~AAmCe~~,MAAMA,oCAAoCC,~~SAAU~~,~~CAAA~~;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAChEC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6D,~~IAAK~~;AAAA,~~KAAA~~,CAAA;AAAA;~~AAAA,~~EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,~~EAAAC~~,MAAA;~~EAGnEC~~,~~YAAaA~~,~~CAAAC~~,CAAwC,EAAE;IACrD,IAAI,CAACC,IAAI,GAAGD,CAAA;AACd;AAAA,EAAA;IAAAE,CAAA,CAAA,IAAA,~~CAAAP~~,SAAA,EAAA,cAAA,EAAA,~~CAHCQ~~,MAAA,CAAA,CAAA;AAAA;AAKDC,EAAAA,~~WAAcA~~,~~GAAA~~;IACZ,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACH,IAAI,GAAG,IAAA;AACd;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,~~CAiEA~~,~~y4CAAA~~,~~EAAA~~;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,~~YAAA~~;QAAAC,GAAA;QAAAC,~~GAAA~~;QAAAC,~~SAAA~~;QAAAC,iBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
1	+ {"version":3,"file":"eui-context-menu-item.js","sources":["../../src/components/eui-context-menu-item.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { and, not } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type { layoutAlignMapping, sizeMapping } from '../utils/css-mappings/eui-context-menu-item.ts';\nimport type { EuiIconSignature } from './eui-icon';\n\n/*\n An action in a menu, usually inside an `EuiContextMenuPanel` in an\n * `EuiPopover`. Add `{{on \"click\" …}}` for the action.\n /\nexport interface EuiContextMenuItemSignature {\n Element: HTMLAnchorElement \| HTMLButtonElement;\n Args: {\n /\n Vertical alignment of the icon and text: `'center'`, `'top'` or\n * `'bottom'`. Defaults to `'center'`.\n /\n layoutAlign?: keyof typeof layoutAlignMapping;\n /* Disables the item. /\n disabled?: boolean;\n /* `'s'` or `'m'`. Defaults to `'m'`. /\n size?: keyof typeof sizeMapping;\n /* Renders the item as a link. /\n href?: string;\n /* `target` of the `@href` link, e.g. `'_blank'`. /\n target?: string;\n /* Shows a spinner instead of the icon. /\n isLoading?: boolean;\n /\n Icon before the text; anything `EuiIcon`'s `@type` accepts. Pass\n * `'empty'` to align items without an icon with the others.\n /\n icon?: EuiIconSignature['Args']['type'];\n /* Extra classes for the icon. /\n iconClasses?: string;\n /* Shows an arrow on the right, for items opening another panel. /\n hasPanel?: boolean;\n };\n\n Blocks: {\n /* The item's text. */\n default: [];\n };\n}\n\nexport default class EuiContextMenuItemComponent extends Component<EuiContextMenuItemSignature> {\n @tracked link: HTMLAnchorElement \| HTMLButtonElement \| null = null;\n\n @action\n registerLink(e: HTMLAnchorElement \| HTMLButtonElement) {\n this.link = e;\n }\n\n willDestroy() {\n super.willDestroy();\n \n this.link = null;\n }\n\n <template>\n {{#let\n (classNames\n \"euiContextMenuItem\"\n componentName=\"EuiContextMenuItem\"\n disabled=@disabled\n size=@size\n )\n as \|classes\|\n }}\n {{#if (and @href (not @disabled))}}\n <a\n class={{classes}}\n href={{@href}}\n target={{@target}}\n {{didInsert this.registerLink}}\n ...attributes\n />\n\n {{else}}\n <button\n class={{classes}}\n disabled={{@disabled}}\n type=\"button\"\n {{didInsert this.registerLink}}\n ...attributes\n />\n {{/if}}\n {{/let}}\n\n {{! shared code that will be rendered inside the button or anchor }}\n {{#if this.link}}\n {{#in-element this.link}}\n <span\n class={{classNames\n \"euiContextMenu__itemLayout\"\n componentName=\"EuiContextMenuItem\"\n layoutAlign=(argOrDefault @layoutAlign \"center\")\n }}\n >\n {{#if @isLoading}}\n {{! spinner is not part of eui spec }}\n <EuiLoadingSpinner class=\"euiContextMenu__icon\" />\n {{else if @icon}}\n <EuiIcon\n @iconClasses={{concat \"euiContextMenu__icon \" @iconClasses}}\n @type={{@icon}}\n @size=\"m\"\n @color=\"inherit\"\n />\n {{/if}}\n <span class=\"euiContextMenuItem__text\">\n {{yield}}\n </span>\n {{#if @hasPanel}}\n <EuiIcon\n @type=\"arrowRight\"\n @size=\"m\"\n class=\"euiContextMenu__arrow\"\n />\n {{/if}}\n </span>\n {{/in-element}}\n {{/if}}\n </template>\n}\n"],"names":["EuiContextMenuItemComponent","Component","g","prototype","tracked","i","registerLink","e","link","n","action","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","not","didInsert","argOrDefault","EuiLoadingSpinner","EuiIcon","concat"],"mappings":";;;;;;;;;;;;;;AAuDe,MAAMA,oCAAoCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CAChEC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6D,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;EAG9DC,YAAAA,CAAaC,CAAwC,EAAE;IACrD,IAAI,CAACC,IAAI,GAAGD,CAAA;AACd,EAAA;AAAA,EAAA;IAAAE,CAAA,CAAA,IAAA,CAAAN,SAAA,EAAA,cAAA,EAAA,CAHCO,MAAA,CAAA,CAAA;AAAA;AAKDC,EAAAA,WAAAA,GAAc;IACZ,KAAK,CAACA,WAAA,EAAA;IAEN,IAAI,CAACH,IAAI,GAAG,IAAA;AACd,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,ivCAAA,EAgEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,SAAA;QAAAC,YAAA;QAAAC,iBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-context-menu-panel.js CHANGED Viewed

@@ -1,10 +1,194 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { schedule } from '@ember/runloop';
+import { modifier } from 'ember-modifier';
+import { tabbable } from 'tabbable';
+import ResizeObserver from '../modifiers/resize-observer.js';
+import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
-const EuiContextMenuPanel = setComponentTemplate(precompileTemplate("\n    {{!-- ToDo not yet implemented, only created to avoid creating divs with euiContextMenuPanel class --}}\n\n    <div class=\"euiContextMenuPanel\" tabindex=\"-1\" ...attributes>\n      {{yield}}\n    </div>\n  ", {
-  strictMode: true
-}), templateOnly());
+const TRANSITIONS = {
+  next: {
+    in: 'euiContextMenuPanel-txInLeft',
+    out: 'euiContextMenuPanel-txOutLeft'
+  },
+  previous: {
+    in: 'euiContextMenuPanel-txInRight',
+    out: 'euiContextMenuPanel-txOutRight'
+  }
+};
+/**
+ * A list of `EuiContextMenuItem`s, usually as a popover's content, with
+ * an optional title. Arrow keys move between the items. For menus with
+ * several panels (items opening sub-menus), use `EuiContextMenu`, which
+ * renders these panels for you.
+ */
+class EuiContextMenuPanel extends Component {
+  static {
+    g(this.prototype, "focusedItemIndex", [tracked]);
+  }
+  #focusedItemIndex = (i(this, "focusedItemIndex"), void 0);
+  constructor(owner, args) {
+    super(owner, args);
+    // only the starting point: moving with the keyboard changes it
+    this.focusedItemIndex = args.initialFocusedItemIndex;
+  }
+  panel;
+  content;
+  backButton;
+  get classes() {
+    const {
+      transitionType,
+      transitionDirection
+    } = this.args;
+    const transition = transitionType && transitionDirection ? TRANSITIONS[transitionDirection][transitionType] : undefined;
+    return ['euiContextMenuPanel', transition].filter(Boolean).join(' ');
+  }
+  get titleClasses() {
+    return this.args.size === 's' ? 'euiContextMenuPanelTitle euiContextMenuPanelTitle--small' : 'euiContextMenuPanelTitle';
+  }
+  /** The panel's own menu items (not those of a nested panel). */
+  get menuItems() {
+    if (!this.content) return [];
+    return Array.from(this.content.querySelectorAll('.euiContextMenuItem')).filter(item => item.closest('.euiContextMenuPanel') === this.panel);
+  }
+  focusItem(index) {
+    this.focusedItemIndex = index;
+    this.menuItems[index]?.focus();
+  }
+  moveFocus(amount) {
+    const items = this.menuItems;
+    const count = items.length;
+    // start from the focused item (e.g. focused by the popover on open)
+    const focused = items.indexOf(document.activeElement);
+    const current = focused !== -1 ? focused : this.focusedItemIndex;
+    // starting to use the keyboard: the first or the last item
+    const next = current === undefined || current < 0 ? amount < 0 ? count - 1 : 0 : (current + amount + count) % count;
+    this.focusItem(next);
+  }
+  onKeyDown(event) {
+    const items = this.menuItems;
+    const active = document.activeElement;
+    // with items, arrow left always goes back; otherwise only from the
+    // title or the panel, as the content (e.g. a text field) may need it
+    if (items.length || active === this.backButton || active === this.panel) {
+      if (event.key === 'ArrowLeft' && this.args.showPreviousPanel) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.args.showPreviousPanel();
+        this.args.onUseKeyboardToNavigate?.();
+        return;
+      }
+    }
+    if (!items.length) return;
+    switch (event.key) {
+      case 'Tab':
+        {
+          const index = items.indexOf(active);
+          this.focusedItemIndex = index >= 0 ? index : undefined;
+          break;
+        }
+      case 'ArrowUp':
+        event.preventDefault();
+        this.moveFocus(-1);
+        this.args.onUseKeyboardToNavigate?.();
+        break;
+      case 'ArrowDown':
+        event.preventDefault();
+        this.moveFocus(1);
+        this.args.onUseKeyboardToNavigate?.();
+        break;
+      case 'ArrowRight':
+        if (this.args.showNextPanel) {
+          event.preventDefault();
+          this.args.showNextPanel(this.focusedItemIndex);
+          this.args.onUseKeyboardToNavigate?.();
+        }
+        break;
+    }
+  }
+  static {
+    n(this.prototype, "onKeyDown", [action]);
+  }
+  onAnimationEnd(event) {
+    if (event.target === this.panel) this.args.onTransitionComplete?.();
+  }
+  static {
+    n(this.prototype, "onAnimationEnd", [action]);
+  }
+  onResize({
+    height
+  }) {
+    this.reportHeight(height);
+  }
+  // the menu sizes itself from this, so report it after rendering
+  static {
+    n(this.prototype, "onResize", [action]);
+  }
+  reportHeight(height) {
+    schedule('afterRender', () => this.args.onHeightChange?.(height));
+  }
+  /** Registers the elements, and handles focus and transitions once rendered. */
+  setup = modifier((panel, [hasFocus, transitionType]) => {
+    this.panel = panel;
+    this.reportHeight(panel.clientHeight);
+    schedule('afterRender', () => {
+      if (!panel.isConnected) return;
+      // without an animation (e.g. no CSS), the transition ends at once
+      if (transitionType && getComputedStyle(panel).animationName === 'none') {
+        this.args.onTransitionComplete?.();
+      }
+      if (!hasFocus) {
+        if (panel.contains(document.activeElement)) {
+          document.activeElement.blur();
+        }
+        return;
+      }
+      // focusing while sliding makes the animation glitch
+      if (transitionType) return;
+      this.updateFocus(panel);
+    });
+  });
+  updateFocus(panel) {
+    const items = this.menuItems;
+    if (this.focusedItemIndex === -1) {
+      panel.focus();
+      return;
+    }
+    if (!items.length) {
+      if (panel.contains(document.activeElement)) return;
+      const [first] = this.content ? tabbable(this.content) : [];
+      if (first) first.focus();else panel.focus();
+      return;
+    }
+    if (this.focusedItemIndex !== undefined && items[this.focusedItemIndex]) {
+      items[this.focusedItemIndex].focus();
+      return;
+    }
+    if (!panel.contains(document.activeElement)) panel.focus();
+  }
+  registerContent = modifier(element => {
+    this.content = element;
+  });
+  registerBackButton = modifier(element => {
+    this.backButton = element;
+  });
+  static {
+    setComponentTemplate(precompileTemplate("<div class={{this.classes}} tabindex=\"-1\" {{this.setup @hasFocus @transitionType}} {{on \"keydown\" this.onKeyDown}} {{on \"animationend\" this.onAnimationEnd}} ...attributes>\n  {{#if @title}}\n    {{#if @onClose}}\n      <button class={{this.titleClasses}} type=\"button\" data-test-subj=\"contextMenuPanelTitleButton\" {{on \"click\" @onClose}} {{this.registerBackButton}}>\n        <span class=\"euiContextMenu__itemLayout\">\n          <EuiIcon @type=\"arrowLeft\" @size=\"m\" class=\"euiContextMenu__icon\" />\n          <span class=\"euiContextMenu__text\">{{@title}}</span>\n        </span>\n      </button>\n    {{else}}\n      <div class={{this.titleClasses}}>\n        <span class=\"euiContextMenu__itemLayout\">{{@title}}</span>\n      </div>\n    {{/if}}\n  {{/if}}\n  <div {{this.registerContent}}>\n    <div {{resizeObserver onResize=this.onResize}}>\n      {{yield}}\n    </div>\n  </div>\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        EuiIcon,
+        resizeObserver: ResizeObserver
+      })
+    }), this);
+  }
+}
 export { EuiContextMenuPanel as default };
 //# sourceMappingURL=eui-context-menu-panel.js.map

package/dist/components/eui-context-menu-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-context-menu-panel.js","sources":["../../src/components/eui-context-menu-panel.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiContextMenuPanelSignature {\n Element: HTMLDivElement;\n Blocks: {\n default: [];\n };\n}\n\nconst EuiContextMenuPanel: TemplateOnlyComponent<EuiContextMenuPanelSignature> =\n <template>\n {{! ToDo not yet implemented, only created to avoid creating divs with euiContextMenuPanel class }}\n\n <div class=\"euiContextMenuPanel\" tabindex=\"-1\" ...attributes>\n {{yield}}\n </div>\n </template>;\n\nexport default EuiContextMenuPanel;\n"],"names":["EuiContextMenuPanel","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AASA,MAAMA,mBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAMA,yNAAA,EAAA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-context-menu-panel.js","sources":["../../src/components/eui-context-menu-panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\n\nimport { modifier } from 'ember-modifier';\nimport { tabbable } from 'tabbable';\n\nimport type Owner from '@ember/owner';\n\nimport resizeObserver from '../modifiers/resize-observer.ts';\nimport EuiIcon from './eui-icon.gts';\n\ntype TransitionType = 'in' \| 'out';\ntype TransitionDirection = 'next' \| 'previous';\n\nconst TRANSITIONS: Record<TransitionDirection, Record<TransitionType, string>> = {\n next: { in: 'euiContextMenuPanel-txInLeft', out: 'euiContextMenuPanel-txOutLeft' },\n previous: { in: 'euiContextMenuPanel-txInRight', out: 'euiContextMenuPanel-txOutRight' }\n};\n\n/*\n A list of `EuiContextMenuItem`s, usually as a popover's content, with\n * an optional title. Arrow keys move between the items. For menus with\n * several panels (items opening sub-menus), use `EuiContextMenu`, which\n * renders these panels for you.\n /\nexport interface EuiContextMenuPanelSignature {\n Element: HTMLDivElement;\n Args: {\n /* Title above the items. /\n title?: string;\n /\n Makes the title a \"back\" button calling this function, e.g. to\n * return to the previous panel.\n /\n onClose?: () => void;\n /* `'s'` for a smaller title. Defaults to `'m'`. /\n size?: 's' \| 'm';\n /\n Moves focus into the panel once rendered: to the item at\n * `@initialFocusedItemIndex`, else to its first focusable element when\n * it has no items, else to the panel itself.\n /\n hasFocus?: boolean;\n /* Index of the item to focus with `@hasFocus`; `-1` focuses the panel. /\n initialFocusedItemIndex?: number;\n /* @private Slide animation, set by `EuiContextMenu`. /\n transitionType?: TransitionType;\n /* @private Slide direction, set by `EuiContextMenu`. /\n transitionDirection?: TransitionDirection;\n /* @private Called when the slide animation ends. /\n onTransitionComplete?: () => void;\n /* @private Called with the panel's height when it changes. /\n onHeightChange?: (height: number) => void;\n /* @private Arrow right on an item: opens its panel. /\n showNextPanel?: (itemIndex?: number) => void;\n /* @private Arrow left: back to the previous panel. /\n showPreviousPanel?: () => void;\n /* @private Called once the keyboard is used to move around. /\n onUseKeyboardToNavigate?: () => void;\n };\n Blocks: {\n /* The `EuiContextMenuItem`s (and e.g. `EuiHorizontalRule`s), or any content. /\n default: [];\n };\n}\n\nexport default class EuiContextMenuPanel extends Component<EuiContextMenuPanelSignature> {\n @tracked focusedItemIndex?: number;\n\n constructor(owner: Owner, args: EuiContextMenuPanelSignature['Args']) {\n super(owner, args);\n // only the starting point: moving with the keyboard changes it\n this.focusedItemIndex = args.initialFocusedItemIndex;\n }\n\n panel?: HTMLElement;\n content?: HTMLElement;\n backButton?: HTMLElement;\n\n get classes(): string {\n const { transitionType, transitionDirection } = this.args;\n const transition =\n transitionType && transitionDirection\n ? TRANSITIONS[transitionDirection][transitionType]\n : undefined;\n\n return ['euiContextMenuPanel', transition].filter(Boolean).join(' ');\n }\n\n get titleClasses(): string {\n return this.args.size === 's'\n ? 'euiContextMenuPanelTitle euiContextMenuPanelTitle--small'\n : 'euiContextMenuPanelTitle';\n }\n\n /* The panel's own menu items (not those of a nested panel). /\n get menuItems(): HTMLElement[] {\n if (!this.content) return [];\n\n return Array.from(\n this.content.querySelectorAll<HTMLElement>('.euiContextMenuItem')\n ).filter((item) => item.closest('.euiContextMenuPanel') === this.panel);\n }\n\n focusItem(index: number): void {\n this.focusedItemIndex = index;\n this.menuItems[index]?.focus();\n }\n\n moveFocus(amount: number): void {\n const items = this.menuItems;\n const count = items.length;\n // start from the focused item (e.g. focused by the popover on open)\n const focused = items.indexOf(document.activeElement as HTMLElement);\n const current = focused !== -1 ? focused : this.focusedItemIndex;\n\n // starting to use the keyboard: the first or the last item\n const next =\n current === undefined \|\| current < 0\n ? amount < 0\n ? count - 1\n : 0\n : (current + amount + count) % count;\n\n this.focusItem(next);\n }\n\n @action\n onKeyDown(event: KeyboardEvent): void {\n const items = this.menuItems;\n const active = document.activeElement;\n\n // with items, arrow left always goes back; otherwise only from the\n // title or the panel, as the content (e.g. a text field) may need it\n if (items.length \|\| active === this.backButton \|\| active === this.panel) {\n if (event.key === 'ArrowLeft' && this.args.showPreviousPanel) {\n event.preventDefault();\n event.stopPropagation();\n this.args.showPreviousPanel();\n this.args.onUseKeyboardToNavigate?.();\n\n return;\n }\n }\n\n if (!items.length) return;\n\n switch (event.key) {\n case 'Tab': {\n const index = items.indexOf(active as HTMLElement);\n\n this.focusedItemIndex = index >= 0 ? index : undefined;\n break;\n }\n case 'ArrowUp':\n event.preventDefault();\n this.moveFocus(-1);\n this.args.onUseKeyboardToNavigate?.();\n break;\n case 'ArrowDown':\n event.preventDefault();\n this.moveFocus(1);\n this.args.onUseKeyboardToNavigate?.();\n break;\n case 'ArrowRight':\n if (this.args.showNextPanel) {\n event.preventDefault();\n this.args.showNextPanel(this.focusedItemIndex);\n this.args.onUseKeyboardToNavigate?.();\n }\n break;\n }\n }\n\n @action\n onAnimationEnd(event: AnimationEvent): void {\n if (event.target === this.panel) this.args.onTransitionComplete?.();\n }\n\n @action\n onResize({ height }: { height: number }): void {\n this.reportHeight(height);\n }\n\n // the menu sizes itself from this, so report it after rendering\n reportHeight(height: number): void {\n schedule('afterRender', () => this.args.onHeightChange?.(height));\n }\n\n /* Registers the elements, and handles focus and transitions once rendered. */\n setup = modifier(\n (\n panel: HTMLElement,\n [hasFocus, transitionType]: [boolean \| undefined, TransitionType \| undefined]\n ) => {\n this.panel = panel;\n this.reportHeight(panel.clientHeight);\n\n schedule('afterRender', () => {\n if (!panel.isConnected) return;\n\n // without an animation (e.g. no CSS), the transition ends at once\n if (transitionType && getComputedStyle(panel).animationName === 'none') {\n this.args.onTransitionComplete?.();\n }\n\n if (!hasFocus) {\n if (panel.contains(document.activeElement)) {\n (document.activeElement as HTMLElement).blur();\n }\n\n return;\n }\n\n // focusing while sliding makes the animation glitch\n if (transitionType) return;\n\n this.updateFocus(panel);\n });\n }\n );\n\n updateFocus(panel: HTMLElement): void {\n const items = this.menuItems;\n\n if (this.focusedItemIndex === -1) {\n panel.focus();\n\n return;\n }\n\n if (!items.length) {\n if (panel.contains(document.activeElement)) return;\n\n const [first] = this.content ? tabbable(this.content) : [];\n\n if (first) first.focus();\n else panel.focus();\n\n return;\n }\n\n if (this.focusedItemIndex !== undefined && items[this.focusedItemIndex]) {\n items[this.focusedItemIndex]!.focus();\n\n return;\n }\n\n if (!panel.contains(document.activeElement)) panel.focus();\n }\n\n registerContent = modifier((element: HTMLElement) => {\n this.content = element;\n });\n\n registerBackButton = modifier((element: HTMLElement) => {\n this.backButton = element;\n });\n\n <template>\n <div\n class={{this.classes}}\n tabindex=\"-1\"\n {{this.setup @hasFocus @transitionType}}\n {{on \"keydown\" this.onKeyDown}}\n {{on \"animationend\" this.onAnimationEnd}}\n ...attributes\n >\n {{#if @title}}\n {{#if @onClose}}\n <button\n class={{this.titleClasses}}\n type=\"button\"\n data-test-subj=\"contextMenuPanelTitleButton\"\n {{on \"click\" @onClose}}\n {{this.registerBackButton}}\n >\n <span class=\"euiContextMenu__itemLayout\">\n <EuiIcon\n @type=\"arrowLeft\"\n @size=\"m\"\n class=\"euiContextMenu__icon\"\n />\n <span class=\"euiContextMenu__text\">{{@title}}</span>\n </span>\n </button>\n {{else}}\n <div class={{this.titleClasses}}>\n <span class=\"euiContextMenu__itemLayout\">{{@title}}</span>\n </div>\n {{/if}}\n {{/if}}\n <div {{this.registerContent}}>\n <div {{resizeObserver onResize=this.onResize}}>\n {{yield}}\n </div>\n </div>\n </div>\n </template>\n}\n"],"names":["TRANSITIONS","next","in","out","previous","EuiContextMenuPanel","Component","g","prototype","tracked","i","constructor","owner","args","focusedItemIndex","initialFocusedItemIndex","panel","content","backButton","classes","transitionType","transitionDirection","transition","undefined","filter","Boolean","join","titleClasses","size","menuItems","Array","from","querySelectorAll","item","closest","focusItem","index","focus","moveFocus","amount","items","count","length","focused","indexOf","document","activeElement","current","onKeyDown","event","active","key","showPreviousPanel","preventDefault","stopPropagation","onUseKeyboardToNavigate","showNextPanel","n","action","onAnimationEnd","target","onTransitionComplete","onResize","height","reportHeight","schedule","onHeightChange","setup","modifier","hasFocus","clientHeight","isConnected","getComputedStyle","animationName","contains","blur","updateFocus","first","tabbable","registerContent","element","registerBackButton","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","resizeObserver"],"mappings":"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"}