npm - @coveo/atomic - Versions diffs - 3.35.0-pre.e9982a2757 → 3.35.0-pre.f4c6e9e90e - Mend

@coveo/atomic 3.35.0-pre.e9982a2757 → 3.35.0-pre.f4c6e9e90e

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 (1477) hide show

package/dist/atomic/components/atomic-insight-generated-answer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-generated-answer.js","mappings":"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","names":["AtomicInsightGeneratedAnswer","buildInsightInteractiveCitation","buildInsightGeneratedAnswer","buildInsightSearchStatus"],"sources":["src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.pcss?tag=atomic-insight-generated-answer&encapsulation=shadow","src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.tsx"],"sourcesContent":["@import '../../common/generated-answer/styles/generated-answer.pcss';\n","import {\n SearchStatus as InsightSearchStatus,\n SearchStatusState as InsightSearchStatusState,\n buildGeneratedAnswer as buildInsightGeneratedAnswer,\n buildInteractiveCitation as buildInsightInteractiveCitation,\n buildSearchStatus as buildInsightSearchStatus,\n GeneratedAnswer as InsightGeneratedAnswer,\n GeneratedAnswerState as InsightGeneratedAnswerState,\n} from '@coveo/headless/insight';\nimport {Component, Element, State, Prop, Watch} from '@stencil/core';\nimport {debounce} from '../../../utils/debounce-utils';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {GeneratedAnswerCommon} from '../../common/generated-answer/generated-answer-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n * The `atomic-insight-generated-answer` component uses Coveo Machine Learning (Coveo ML) models to automatically generate an answer to a query executed by the user.\n * For more information, see [About Relevance Generative Answering (RGA)](https://docs.coveo.com/en/n9de0370/)\n \n @slot no-answer-message - Lets you pass a custom sorry message when no answer is generated.\n \n @part container - The container displaying the generated answer.\n * @part header-label - The header of the generated answer container.\n * @part feedback-button - The \"like\" and \"dislike\" buttons.\n * @part toggle - The switch to toggle the visibility of the generated answer.\n * @part copy-button - The \"Copy answer\" button.\n * @part retry-container - The container for the \"retry\" section.\n * @part generated-text - The text of the generated answer.\n * @part citations-label - The header of the citations list.\n \n @part answer-code-block - The generated answer multi-line code blocks.\n * @part answer-emphasis - The generated answer emphasized text elements.\n * @part answer-inline-code - The generated answer inline code elements.\n * @part answer-heading-1 - The generated answer level 1 heading elements.\n * @part answer-heading-2 - The generated answer level 2 heading elements.\n * @part answer-heading-3 - The generated answer level 3 heading elements.\n * @part answer-heading-4 - The generated answer level 4 heading elements.\n * @part answer-heading-5 - The generated answer level 5 heading elements.\n * @part answer-heading-6 - The generated answer level 6 heading elements.\n * @part answer-list-item - The generated answer list item elements for both ordered and unordered lists.\n * @part answer-ordered-list - The generated answer ordered list elements.\n * @part answer-paragraph - The generated answer paragraph elements.\n * @part answer-quote-block - The generated answer quote block elements.\n * @part answer-unordered-list - The generated answer unordered list elements.\n * @part answer-strong - The generated answer strong text elements.\n * @part answer-table - The generated answer table elements.\n * @part answer-table-container - The generated answer table container elements.\n * @part answer-table-content - The generated answer table content cell elements.\n * @part answer-table-header - The generated answer table header cell elements.\n \n @part citation - The link that allows the user to navigate to the item.\n * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.\n /\n@Component({\n tag: 'atomic-insight-generated-answer',\n styleUrl: 'atomic-insight-generated-answer.pcss',\n shadow: true,\n})\nexport class AtomicInsightGeneratedAnswer\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public generatedAnswer!: InsightGeneratedAnswer;\n public searchStatus!: InsightSearchStatus;\n private resizeObserver?: ResizeObserver;\n\n private readonly DEFAULT_COLLAPSED_HEIGHT = 16;\n private readonly MAX_COLLAPSED_HEIGHT = 32;\n private readonly MIN_COLLAPSED_HEIGHT = 9;\n private readonly REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];\n\n @BindStateToController('generatedAnswer', {\n onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',\n })\n @State()\n private generatedAnswerState!: InsightGeneratedAnswerState;\n\n @BindStateToController('searchStatus')\n @State()\n private searchStatusState!: InsightSearchStatusState;\n\n @State()\n public error!: Error;\n\n @Element() private host!: HTMLElement;\n\n @State()\n copied = false;\n\n @State()\n copyError = false;\n\n /\n Whether to render a toggle button that lets the user hide or show the answer.\n * @default false\n /\n @Prop() withToggle?: boolean;\n\n /\n Whether to allow the answer to be collapsed when the text is taller than 250px.\n * @default false\n /\n @Prop() collapsible?: boolean;\n\n /\n The maximum height (in rem units) of the answer when collapsed.\n \n /\n @Prop() maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n\n /*\n @internal\n * The unique identifier of the answer configuration to use to generate the answer.\n /\n @Prop() answerConfigurationId?: string;\n\n /\n A list of fields to include with the citations used to generate the answer.\n /\n @Prop() fieldsToIncludeInCitations?: string;\n\n /\n Option to disable citation anchoring.\n * @default false\n */\n @Prop() disableCitationAnchoring?: boolean;\n\n @AriaLiveRegion('generated-answer')\n protected ariaMessage!: string;\n\n private generatedAnswerCommon!: GeneratedAnswerCommon;\n private fullAnswerHeight?: number;\n\n public initialize() {\n this.generatedAnswerCommon = new GeneratedAnswerCommon({\n host: this.host,\n withToggle: this.withToggle,\n collapsible: this.collapsible,\n disableCitationAnchoring: this.disableCitationAnchoring,\n getGeneratedAnswer: () => this.generatedAnswer,\n getGeneratedAnswerState: () => this.generatedAnswerState,\n getSearchStatusState: () => this.searchStatusState,\n getBindings: () => this.bindings,\n getCopied: () => this.copied,\n setCopied: this.setCopied,\n getCopyError: () => this.copyError,\n setCopyError: this.setCopyError,\n setAriaMessage: this.setAriaMessage,\n buildInteractiveCitation: (props) =>\n buildInsightInteractiveCitation(this.bindings.engine, props),\n });\n this.generatedAnswer = buildInsightGeneratedAnswer(this.bindings.engine, {\n initialState: {\n isVisible: this.generatedAnswerCommon.data.isVisible,\n responseFormat: {\n contentFormat: ['text/markdown', 'text/plain'],\n },\n },\n ...(this.answerConfigurationId && {\n answerConfigurationId: this.answerConfigurationId,\n }),\n fieldsToIncludeInCitations: this.getCitationFields(),\n });\n this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n this.generatedAnswerCommon.insertFeedbackModal();\n\n if (window.ResizeObserver && this.collapsible) {\n const debouncedAdaptAnswerHeight = debounce(\n () => this.adaptAnswerHeight(),\n 100\n );\n this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);\n this.resizeObserver.observe(this.host);\n }\n }\n\n @Watch('generatedAnswerState')\n public updateAnswerCollapsed(\n newState: InsightGeneratedAnswerState,\n oldState: InsightGeneratedAnswerState\n ) {\n const newExpanded = newState.expanded;\n const oldExpanded = oldState ? oldState.expanded : undefined;\n\n if (newExpanded !== oldExpanded) {\n const container = this.getAnswerContainer();\n\n if (!container) {\n return;\n }\n\n this.toggleClass(container, 'answer-collapsed', !newExpanded);\n }\n }\n\n public disconnectedCallback() {\n this.resizeObserver?.disconnect();\n }\n\n // @ts-expect-error: This function is used by BindStateToController.\n private onGeneratedAnswerStateUpdate = () => {\n if (\n this.generatedAnswerState.isVisible !==\n this.generatedAnswerCommon?.data?.isVisible\n ) {\n this.generatedAnswerCommon.data = {\n ...this.generatedAnswerCommon.data,\n isVisible: this.generatedAnswerState.isVisible,\n };\n this.generatedAnswerCommon.writeStoredData(\n this.generatedAnswerCommon.data\n );\n }\n\n this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());\n };\n\n private setCopied = (isCopied: boolean) => {\n this.copied = isCopied;\n };\n\n private setCopyError = (copyError: boolean) => {\n this.copyError = copyError;\n };\n\n private setAriaMessage = (message: string) => {\n this.ariaMessage = message;\n };\n\n private toggleClass(element: Element, className: string, condition: boolean) {\n element.classList.toggle(className, condition);\n }\n\n private adaptAnswerHeight() {\n const answerHeight = this.host?.shadowRoot\n ?.querySelector('[part=\"generated-text\"]')\n ?.getBoundingClientRect().height;\n\n if (answerHeight) {\n const rootFontSize = parseFloat(\n getComputedStyle(document.documentElement).fontSize\n );\n\n this.fullAnswerHeight = answerHeight / rootFontSize;\n\n this.updateAnswerHeight();\n }\n }\n\n private getAnswerContainer() {\n return this.host?.shadowRoot?.querySelector('[part=\"generated-container\"]');\n }\n\n private getAnswerFooter() {\n return this.host?.shadowRoot?.querySelector(\n '[part=\"generated-answer-footer\"]'\n );\n }\n\n private getCitationFields() {\n return (this.fieldsToIncludeInCitations ?? '')\n .split(',')\n .map((field) => field.trim())\n .filter((field) => field.length > 0)\n .concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS)\n }\n\n private validateMaxCollapsedHeight(): number {\n const isValid =\n this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&\n this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;\n\n if (!isValid) {\n console.warn(\n `max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`\n );\n }\n\n return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;\n }\n\n private setCSSVariable(variableName: string, value: string) {\n const container = this.getAnswerContainer();\n if (container) {\n (container as HTMLElement).style.setProperty(variableName, value);\n }\n }\n\n private updateAnswerHeight() {\n const container = this.getAnswerContainer();\n const footer = this.getAnswerFooter();\n const maxHeight = this.validateMaxCollapsedHeight();\n\n if (!container \|\| !footer) {\n return;\n }\n\n if (this.fullAnswerHeight! > maxHeight) {\n this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);\n this.toggleClass(\n container,\n 'answer-collapsed',\n !this.generatedAnswerState.expanded\n );\n this.toggleClass(footer, 'is-collapsible', true);\n this.toggleClass(\n footer,\n 'generating-label-visible',\n this.generatedAnswerState.isStreaming\n );\n } else {\n this.toggleClass(container, 'answer-collapsed', false);\n this.toggleClass(footer, 'is-collapsible', false);\n this.toggleClass(footer, 'generating-label-visible', false);\n }\n }\n\n public render() {\n return this.generatedAnswerCommon.render();\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-generated-answer.js","mappings":"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","names":["AtomicInsightGeneratedAnswer","buildInsightInteractiveCitation","buildInsightGeneratedAnswer","buildInsightSearchStatus"],"sources":["src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.pcss?tag=atomic-insight-generated-answer&encapsulation=shadow","src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.tsx"],"sourcesContent":["@import '../../common/generated-answer/styles/generated-answer.pcss';\n","import {\n SearchStatus as InsightSearchStatus,\n SearchStatusState as InsightSearchStatusState,\n buildGeneratedAnswer as buildInsightGeneratedAnswer,\n buildInteractiveCitation as buildInsightInteractiveCitation,\n buildSearchStatus as buildInsightSearchStatus,\n GeneratedAnswer as InsightGeneratedAnswer,\n GeneratedAnswerState as InsightGeneratedAnswerState,\n} from '@coveo/headless/insight';\nimport {Component, Element, State, Prop, Watch} from '@stencil/core';\nimport {debounce} from '../../../utils/debounce-utils';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {GeneratedAnswerCommon} from '../../common/generated-answer/generated-answer-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n * The `atomic-insight-generated-answer` component uses Coveo Machine Learning (Coveo ML) models to automatically generate an answer to a query executed by the user.\n * For more information, see [About Relevance Generative Answering (RGA)](https://docs.coveo.com/en/n9de0370/)\n \n @slot no-answer-message - Lets you pass a custom sorry message when no answer is generated.\n \n @part container - The container displaying the generated answer.\n * @part header-label - The header of the generated answer container.\n * @part feedback-button - The \"like\" and \"dislike\" buttons.\n * @part toggle - The switch to toggle the visibility of the generated answer.\n * @part copy-button - The \"Copy answer\" button.\n * @part retry-container - The container for the \"retry\" section.\n * @part generated-text - The text of the generated answer.\n * @part citations-label - The header of the citations list.\n \n @part answer-code-block - The generated answer multi-line code blocks.\n * @part answer-emphasis - The generated answer emphasized text elements.\n * @part answer-inline-code - The generated answer inline code elements.\n * @part answer-heading-1 - The generated answer level 1 heading elements.\n * @part answer-heading-2 - The generated answer level 2 heading elements.\n * @part answer-heading-3 - The generated answer level 3 heading elements.\n * @part answer-heading-4 - The generated answer level 4 heading elements.\n * @part answer-heading-5 - The generated answer level 5 heading elements.\n * @part answer-heading-6 - The generated answer level 6 heading elements.\n * @part answer-list-item - The generated answer list item elements for both ordered and unordered lists.\n * @part answer-ordered-list - The generated answer ordered list elements.\n * @part answer-paragraph - The generated answer paragraph elements.\n * @part answer-quote-block - The generated answer quote block elements.\n * @part answer-unordered-list - The generated answer unordered list elements.\n * @part answer-strong - The generated answer strong text elements.\n * @part answer-table - The generated answer table elements.\n * @part answer-table-container - The generated answer table container elements.\n * @part answer-table-content - The generated answer table content cell elements.\n * @part answer-table-header - The generated answer table header cell elements.\n \n @part citation - The link that allows the user to navigate to the item.\n * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.\n /\n@Component({\n tag: 'atomic-insight-generated-answer',\n styleUrl: 'atomic-insight-generated-answer.pcss',\n shadow: true,\n})\nexport class AtomicInsightGeneratedAnswer\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public generatedAnswer!: InsightGeneratedAnswer;\n public searchStatus!: InsightSearchStatus;\n private resizeObserver?: ResizeObserver;\n\n private readonly DEFAULT_COLLAPSED_HEIGHT = 16;\n private readonly MAX_COLLAPSED_HEIGHT = 32;\n private readonly MIN_COLLAPSED_HEIGHT = 9;\n private readonly REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];\n\n @BindStateToController('generatedAnswer', {\n onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',\n })\n @State()\n private generatedAnswerState!: InsightGeneratedAnswerState;\n\n @BindStateToController('searchStatus')\n @State()\n private searchStatusState!: InsightSearchStatusState;\n\n @State()\n public error!: Error;\n\n @Element() private host!: HTMLElement;\n\n @State()\n copied = false;\n\n @State()\n copyError = false;\n\n /\n Whether to render a toggle button that lets the user hide or show the answer.\n * @default false\n /\n @Prop() withToggle?: boolean;\n\n /\n Whether to allow the answer to be collapsed when the text is taller than 250px.\n * @default false\n /\n @Prop() collapsible?: boolean;\n\n /\n The maximum height (in rem units) of the answer when collapsed.\n \n /\n @Prop() maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n\n /*\n @internal\n * The unique identifier of the answer configuration to use to generate the answer.\n /\n @Prop() answerConfigurationId?: string;\n\n /\n A list of fields to include with the citations used to generate the answer.\n /\n @Prop() fieldsToIncludeInCitations?: string;\n\n /\n Option to disable citation anchoring.\n * @default false\n */\n @Prop() disableCitationAnchoring?: boolean;\n\n @AriaLiveRegion('generated-answer')\n protected ariaMessage!: string;\n\n private generatedAnswerCommon!: GeneratedAnswerCommon;\n private fullAnswerHeight?: number;\n\n public initialize() {\n this.generatedAnswerCommon = new GeneratedAnswerCommon({\n host: this.host,\n withToggle: this.withToggle,\n collapsible: this.collapsible,\n disableCitationAnchoring: this.disableCitationAnchoring,\n getGeneratedAnswer: () => this.generatedAnswer,\n getGeneratedAnswerState: () => this.generatedAnswerState,\n getSearchStatusState: () => this.searchStatusState,\n getBindings: () => this.bindings,\n getCopied: () => this.copied,\n setCopied: this.setCopied,\n getCopyError: () => this.copyError,\n setCopyError: this.setCopyError,\n setAriaMessage: this.setAriaMessage,\n buildInteractiveCitation: (props) =>\n buildInsightInteractiveCitation(this.bindings.engine, props),\n });\n this.generatedAnswer = buildInsightGeneratedAnswer(this.bindings.engine, {\n initialState: {\n isVisible: this.generatedAnswerCommon.data.isVisible,\n responseFormat: {\n contentFormat: ['text/markdown', 'text/plain'],\n },\n },\n ...(this.answerConfigurationId && {\n answerConfigurationId: this.answerConfigurationId,\n }),\n fieldsToIncludeInCitations: this.getCitationFields(),\n });\n this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n this.generatedAnswerCommon.insertFeedbackModal();\n\n if (window.ResizeObserver && this.collapsible) {\n const debouncedAdaptAnswerHeight = debounce(\n () => this.adaptAnswerHeight(),\n 100\n );\n this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);\n this.resizeObserver.observe(this.host);\n }\n }\n\n @Watch('generatedAnswerState')\n public updateAnswerCollapsed(\n newState: InsightGeneratedAnswerState,\n oldState: InsightGeneratedAnswerState\n ) {\n const newExpanded = newState.expanded;\n const oldExpanded = oldState ? oldState.expanded : undefined;\n\n if (newExpanded !== oldExpanded) {\n const container = this.getAnswerContainer();\n\n if (!container) {\n return;\n }\n\n this.toggleClass(container, 'answer-collapsed', !newExpanded);\n }\n }\n\n public disconnectedCallback() {\n this.resizeObserver?.disconnect();\n }\n\n // @ts-expect-error: This function is used by BindStateToController.\n private onGeneratedAnswerStateUpdate = () => {\n if (\n this.generatedAnswerState.isVisible !==\n this.generatedAnswerCommon?.data?.isVisible\n ) {\n this.generatedAnswerCommon.data = {\n ...this.generatedAnswerCommon.data,\n isVisible: this.generatedAnswerState.isVisible,\n };\n this.generatedAnswerCommon.writeStoredData(\n this.generatedAnswerCommon.data\n );\n }\n\n this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());\n };\n\n private setCopied = (isCopied: boolean) => {\n this.copied = isCopied;\n };\n\n private setCopyError = (copyError: boolean) => {\n this.copyError = copyError;\n };\n\n private setAriaMessage = (message: string) => {\n this.ariaMessage = message;\n };\n\n private toggleClass(element: Element, className: string, condition: boolean) {\n element.classList.toggle(className, condition);\n }\n\n private adaptAnswerHeight() {\n const answerHeight = this.host?.shadowRoot\n ?.querySelector('[part=\"generated-text\"]')\n ?.getBoundingClientRect().height;\n\n if (answerHeight) {\n const rootFontSize = parseFloat(\n getComputedStyle(document.documentElement).fontSize\n );\n\n this.fullAnswerHeight = answerHeight / rootFontSize;\n\n this.updateAnswerHeight();\n }\n }\n\n private getAnswerContainer() {\n return this.host?.shadowRoot?.querySelector('[part=\"generated-container\"]');\n }\n\n private getAnswerFooter() {\n return this.host?.shadowRoot?.querySelector(\n '[part=\"generated-answer-footer\"]'\n );\n }\n\n private getCitationFields() {\n return (this.fieldsToIncludeInCitations ?? '')\n .split(',')\n .map((field) => field.trim())\n .filter((field) => field.length > 0)\n .concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS)\n }\n\n private validateMaxCollapsedHeight(): number {\n const isValid =\n this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&\n this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;\n\n if (!isValid) {\n console.warn(\n `max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`\n );\n }\n\n return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;\n }\n\n private setCSSVariable(variableName: string, value: string) {\n const container = this.getAnswerContainer();\n if (container) {\n (container as HTMLElement).style.setProperty(variableName, value);\n }\n }\n\n private updateAnswerHeight() {\n const container = this.getAnswerContainer();\n const footer = this.getAnswerFooter();\n const maxHeight = this.validateMaxCollapsedHeight();\n\n if (!container \|\| !footer) {\n return;\n }\n\n if (this.fullAnswerHeight! > maxHeight) {\n this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);\n this.toggleClass(\n container,\n 'answer-collapsed',\n !this.generatedAnswerState.expanded\n );\n this.toggleClass(footer, 'is-collapsible', true);\n this.toggleClass(\n footer,\n 'generating-label-visible',\n this.generatedAnswerState.isStreaming\n );\n } else {\n this.toggleClass(container, 'answer-collapsed', false);\n this.toggleClass(footer, 'is-collapsible', false);\n this.toggleClass(footer, 'generating-label-visible', false);\n }\n }\n\n public render() {\n return this.generatedAnswerCommon.render();\n }\n}\n"],"version":3}

package/dist/atomic/components/atomic-insight-history-toggle.js CHANGED Viewed

@@ -16,7 +16,7 @@ const AtomicInsightHistoryToggle$1 = /*@__PURE__*/ proxyCustomElement(class Atom
         this.tooltip = '';
     }
     render() {
-        return (h(IconButton, { key: 'e516c7aa955b73392a798871383244690199caad', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: Clockicon, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
+        return (h(IconButton, { key: '4171fbe6445c92b9760e5f5bf73ede11f388ff07', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: Clockicon, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
     }
     static get style() { return AtomicInsightHistoryToggleStyle0; }
 }, [1, "atomic-insight-history-toggle", {

package/dist/atomic/components/atomic-insight-no-results.js CHANGED Viewed

@@ -33,7 +33,7 @@ const AtomicInsightNoResults$1 = /*@__PURE__*/ proxyCustomElement(class AtomicIn
     }
     render() {
         const { bindings: { i18n }, } = this;
-        return (h("div", { key: '8ba471b6410e0abae2b76eae328de9eb7be6eafc', class: "p-3 text-center" }, h(NoItemsGuard, { key: '12b330c7b2371badf51ea2e3e997b066ecb00626', ...this.searchStatusState }, h(NoItemsContainer, { key: '238d691e87e3cbc9ec8647e0abdca287aed7f1ec' }, h(MagnifyingGlass, { key: '24e98415869bcb2bf4cfdb0984b8d0238945b415' }), h(NoItems, { key: 'e3a1e33be6c9502e9888bf55d7c13732f487cb7b', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: '1e6c2dbec7d2d21184002a1caba343c4d4372d07', i18n: i18n })))));
+        return (h("div", { key: '7df8bf0e337a5ac1a3baafe0cb79ec6fdc23df6b', class: "p-3 text-center" }, h(NoItemsGuard, { key: '8f547444a8ef65c57e43688d18cddb19d2d293fb', ...this.searchStatusState }, h(NoItemsContainer, { key: '9cdd4810efff2808cc1686d752a3c2348a24328f' }, h(MagnifyingGlass, { key: '943631d4d796ab66d7247460da61672a5361f167' }), h(NoItems, { key: '7e6e66826ce984c044ffaddcc0deec0e85d40fff', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: '5e3311c9a5e934a49bd53235d5915fada5ce5c67', i18n: i18n })))));
     }
     static get style() { return AtomicInsightNoResultsStyle0; }
 }, [1, "atomic-insight-no-results", {

package/dist/atomic/components/atomic-insight-numeric-facet.js CHANGED Viewed

@@ -242,7 +242,7 @@ const AtomicInsightNumericFacet$1 = /*@__PURE__*/ proxyCustomElement(class Atomi
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, label, numberOfSelectedValues, isCollapsed, headingLevel, focusTarget, withInput, filter, } = this;
-        return (h(FacetGuard, { key: 'f0d739a3d835c155e36cac3ae5b480e737ce10b4', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
+        return (h(FacetGuard, { key: '5567fe0df3bf3805cd1536f4f9c1e700dba54e6c', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
                 focusTarget.focusAfterSearch();
                 if (this.filterState?.range) {
                     this.filter?.clear();

package/dist/atomic/components/atomic-insight-pager.js CHANGED Viewed

@@ -8,34 +8,34 @@ import { B as Button } from './stencil-button.js';
 import { R as RadioButton } from './stencil-radio-button.js';
 /**
- * @deprecated use the lit equivalent
+ * @deprecated should only be used for Stencil components.
  */
 const PagerPreviousButton = (props) => {
     return (h(Button, { ...props, ariaLabel: props.i18n.t('previous'), style: "outline-primary", part: "previous-button", class: "flex min-h-10 min-w-10 items-center justify-center p-1" },
         h("atomic-icon", { icon: props.icon, part: "previous-button-icon", class: "w-5 align-middle" })));
 };
 /**
- * @deprecated use the lit equivalent
+ * @deprecated should only be used for Stencil components.
  */
 const PagerNextButton = (props) => {
     return (h(Button, { ...props, ariaLabel: props.i18n.t('next'), style: "outline-primary", part: "next-button", class: "flex min-h-10 min-w-10 items-center justify-center p-1" },
         h("atomic-icon", { icon: props.icon, part: "next-button-icon", class: "w-5 align-middle" })));
 };
 /**
- * @deprecated use the lit equivalent
+ * @deprecated should only be used for Stencil components.
  */
 const PagerPageButton = (props) => {
     return (h(RadioButton, { ...props, selectWhenFocused: false, key: props.page, style: "outline-neutral", checked: props.isSelected, ariaCurrent: props.isSelected ? 'page' : 'false', class: "btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1", part: `page-button${props.isSelected ? ' active-page-button' : ''}` }));
 };
 /**
- * @deprecated use the lit equivalent
+ * @deprecated should only be used for Stencil components.
  */
 const PagerPageButtons = (props, children) => {
     return (h("div", { part: "page-buttons", role: "radiogroup", "aria-label": props.i18n.t('pagination'), class: "contents" }, ...children));
 };
 /**
- * @deprecated use the lit equivalent
+ * @deprecated should only be used for Stencil components.
  */
 const PagerNavigation = (props, children) => {
     return (h("nav", { "aria-label": props.i18n.t('pagination') },
@@ -82,15 +82,15 @@ const AtomicInsightPager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsigh
         this.scrollToTopEvent.emit();
     }
     render() {
-        return (h(Host, { key: '87f1d39dfb4b67d540982a25d8cff07ed7df49af' }, h(PagerNavigation, { key: '72d1f7b5f85913dbdb587239f543552796ff8863', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: '0d612f45d5a81a56f838e11fd396441092435593', icon: ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
+        return (h(Host, { key: '0d3542c08daa2b1df4f596947a7ff9d32a1c9403' }, h(PagerNavigation, { key: '875425aa9acb44c815050876ef527191457037f0', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: 'acc1bad1813d27f780df299a25039db9fb4dd05d', icon: ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.previousPage();
                 this.focusOnFirstResultAndScrollToTop();
-            } }), h(PagerPageButtons, { key: '40dd1b1d4b40b6a143f9b06b24d5653a4aa925c3', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
+            } }), h(PagerPageButtons, { key: 'e78fba70c58e99bc72a87da522df0565eb69f959', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
             return (h(PagerPageButton, { isSelected: this.pager.isCurrentPage(pageNumber), ariaLabel: this.bindings.i18n.t('page-number', { pageNumber }), onChecked: () => {
                     this.pager.selectPage(pageNumber);
                     this.focusOnFirstResultAndScrollToTop();
                 }, page: pageNumber, groupName: this.radioGroupName, text: pageNumber.toLocaleString(this.bindings.i18n.language) }));
-        })), h(PagerNextButton, { key: '12b699f76814b09c02752bc521437289fd084f8f', icon: ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
+        })), h(PagerNextButton, { key: '68108f2a126a2d738118a2c428fe5628dece22bc', icon: ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.nextPage();
                 this.focusOnFirstResultAndScrollToTop();
             } }))));

package/dist/atomic/components/atomic-insight-pager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-pager.js","mappings":"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","names":["AtomicInsightPager","buildInsightSearchStatus","buildInsightPager"],"sources":["src/components/common/pager/stencil-pager-buttons.tsx","src/components/common/pager/stencil-pager-navigation.tsx","src/components/insight/atomic-insight-pager/atomic-insight-pager.pcss?tag=atomic-insight-pager&encapsulation=shadow","src/components/insight/atomic-insight-pager/atomic-insight-pager.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button, StencilButtonProps} from '../stencil-button';\nimport {RadioButton, StencilRadioButtonProps} from '../stencil-radio-button';\n\n/*\n @deprecated use the lit equivalent\n /\nexport interface PagerNavigationButtonProps\n extends Omit<StencilButtonProps, 'style' \| 'part' \| 'class'> {\n icon: string;\n i18n: i18n;\n}\n\n/\n @deprecated use the lit equivalent\n /\nexport interface PagerPageButtonProps\n extends Omit<\n StencilRadioButtonProps,\n 'part' \| 'style' \| 'checked' \| 'ariaCurrent' \| 'key' \| 'class' \| 'ref'\n > {\n page: number;\n isSelected: boolean;\n text: string;\n}\n\n/\n @deprecated use the lit equivalent\n /\nexport interface PagerPageButtonsProps {\n i18n: i18n;\n}\n\n/\n @deprecated use the lit equivalent\n /\nexport const PagerPreviousButton: FunctionalComponent<\n PagerNavigationButtonProps\n> = (props) => {\n return (\n <Button\n {...props}\n ariaLabel={props.i18n.t('previous')}\n style=\"outline-primary\"\n part=\"previous-button\"\n class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n >\n <atomic-icon\n icon={props.icon}\n part=\"previous-button-icon\"\n class=\"w-5 align-middle\"\n ></atomic-icon>\n </Button>\n );\n};\n\n/\n @deprecated use the lit equivalent\n /\nexport const PagerNextButton: FunctionalComponent<\n PagerNavigationButtonProps\n> = (props) => {\n return (\n <Button\n {...props}\n ariaLabel={props.i18n.t('next')}\n style=\"outline-primary\"\n part=\"next-button\"\n class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n >\n <atomic-icon\n icon={props.icon}\n part=\"next-button-icon\"\n class=\"w-5 align-middle\"\n ></atomic-icon>\n </Button>\n );\n};\n\n/\n @deprecated use the lit equivalent\n /\nexport const PagerPageButton: FunctionalComponent<PagerPageButtonProps> = (\n props\n) => {\n return (\n <RadioButton\n {...props}\n selectWhenFocused={false}\n key={props.page}\n style=\"outline-neutral\"\n checked={props.isSelected}\n ariaCurrent={props.isSelected ? 'page' : 'false'}\n class=\"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1\"\n part={`page-button${props.isSelected ? ' active-page-button' : ''}`}\n ></RadioButton>\n );\n};\n\n/\n @deprecated use the lit equivalent\n /\nexport const PagerPageButtons: FunctionalComponent<PagerPageButtonsProps> = (\n props,\n children\n) => {\n return (\n <div\n part=\"page-buttons\"\n role=\"radiogroup\"\n aria-label={props.i18n.t('pagination')}\n class=\"contents\"\n >\n {...children}\n </div>\n );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\n/\n @deprecated use the lit equivalent\n /\nexport interface PagerNavigationProps {\n i18n: i18n;\n}\n\n/\n @deprecated use the lit equivalent\n /\nexport const PagerNavigation: FunctionalComponent<PagerNavigationProps> = (\n props,\n children\n) => {\n return (\n <nav aria-label={props.i18n.t('pagination')}>\n <div part=\"buttons\" role=\"toolbar\" class=\"flex flex-wrap gap-2\">\n {...children}\n </div>\n </nav>\n );\n};\n","@import '../../../global/global.pcss';\n\n[part='page-button'] {\n @apply bg-transparent;\n}\n\n:host {\n @apply bg-neutral-light box-content flex h-full items-center justify-center px-6 py-4;\n}\n","import {\n buildPager as buildInsightPager,\n buildSearchStatus as buildInsightSearchStatus,\n Pager as InsightPager,\n PagerState as InsightPagerState,\n SearchStatus as InsightSearchStatus,\n SearchStatusState as InsightSearchStatusState,\n} from '@coveo/headless/insight';\nimport {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\nimport ArrowLeftIcon from '../../../images/arrow-left-rounded.svg';\nimport ArrowRightIcon from '../../../images/arrow-right-rounded.svg';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {\n PagerNextButton,\n PagerPageButton,\n PagerPageButtons,\n PagerPreviousButton,\n} from '../../common/pager/stencil-pager-buttons';\nimport {PagerNavigation} from '../../common/pager/stencil-pager-navigation';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/\n @internal\n /\n@Component({\n tag: 'atomic-insight-pager',\n styleUrl: 'atomic-insight-pager.pcss',\n shadow: true,\n})\nexport class AtomicInsightPager\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public pager!: InsightPager;\n public searchStatus!: InsightSearchStatus;\n\n @BindStateToController('pager')\n @State()\n public pagerState!: InsightPagerState;\n @BindStateToController('searchStatus')\n @State()\n public searchStatusState!: InsightSearchStatusState;\n @State() error!: Error;\n\n @Event({\n eventName: 'atomic/scrollToTop',\n })\n private scrollToTopEvent!: EventEmitter;\n\n /\n Specifies how many page buttons to display in the pager.\n */\n @Prop({reflect: true}) numberOfPages = 5;\n\n private radioGroupName = randomID('atomic-insight-pager-');\n\n public initialize() {\n this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n this.pager = buildInsightPager(this.bindings.engine, {\n options: {numberOfPages: this.numberOfPages},\n });\n }\n\n private async focusOnFirstResultAndScrollToTop() {\n await this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n this.scrollToTopEvent.emit();\n }\n\n public render() {\n return (\n <Host>\n <PagerNavigation i18n={this.bindings.i18n}>\n <PagerPreviousButton\n icon={ArrowLeftIcon}\n disabled={!this.pagerState.hasPreviousPage}\n i18n={this.bindings.i18n}\n onClick={() => {\n this.pager.previousPage();\n this.focusOnFirstResultAndScrollToTop();\n }}\n />\n <PagerPageButtons i18n={this.bindings.i18n}>\n {this.pagerState.currentPages.map((pageNumber) => {\n return (\n <PagerPageButton\n isSelected={this.pager.isCurrentPage(pageNumber)}\n ariaLabel={this.bindings.i18n.t('page-number', {pageNumber})}\n onChecked={() => {\n this.pager.selectPage(pageNumber);\n this.focusOnFirstResultAndScrollToTop();\n }}\n page={pageNumber}\n groupName={this.radioGroupName}\n text={pageNumber.toLocaleString(this.bindings.i18n.language)}\n />\n );\n })}\n </PagerPageButtons>\n <PagerNextButton\n icon={ArrowRightIcon}\n disabled={!this.pagerState.hasNextPage}\n i18n={this.bindings.i18n}\n onClick={() => {\n this.pager.nextPage();\n this.focusOnFirstResultAndScrollToTop();\n }}\n />\n </PagerNavigation>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-pager.js","mappings":"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","names":["AtomicInsightPager","buildInsightSearchStatus","buildInsightPager"],"sources":["src/components/common/pager/stencil-pager-buttons.tsx","src/components/common/pager/stencil-pager-navigation.tsx","src/components/insight/atomic-insight-pager/atomic-insight-pager.pcss?tag=atomic-insight-pager&encapsulation=shadow","src/components/insight/atomic-insight-pager/atomic-insight-pager.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button, StencilButtonProps} from '../stencil-button';\nimport {RadioButton, StencilRadioButtonProps} from '../stencil-radio-button';\n\ninterface PagerNavigationButtonProps\n extends Omit<StencilButtonProps, 'style' \| 'part' \| 'class'> {\n icon: string;\n i18n: i18n;\n}\n\ninterface PagerPageButtonProps\n extends Omit<\n StencilRadioButtonProps,\n 'part' \| 'style' \| 'checked' \| 'ariaCurrent' \| 'key' \| 'class' \| 'ref'\n > {\n page: number;\n isSelected: boolean;\n text: string;\n}\n\ninterface PagerPageButtonsProps {\n i18n: i18n;\n}\n\n/*\n @deprecated should only be used for Stencil components.\n /\nexport const PagerPreviousButton: FunctionalComponent<\n PagerNavigationButtonProps\n> = (props) => {\n return (\n <Button\n {...props}\n ariaLabel={props.i18n.t('previous')}\n style=\"outline-primary\"\n part=\"previous-button\"\n class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n >\n <atomic-icon\n icon={props.icon}\n part=\"previous-button-icon\"\n class=\"w-5 align-middle\"\n ></atomic-icon>\n </Button>\n );\n};\n\n/\n @deprecated should only be used for Stencil components.\n /\nexport const PagerNextButton: FunctionalComponent<\n PagerNavigationButtonProps\n> = (props) => {\n return (\n <Button\n {...props}\n ariaLabel={props.i18n.t('next')}\n style=\"outline-primary\"\n part=\"next-button\"\n class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n >\n <atomic-icon\n icon={props.icon}\n part=\"next-button-icon\"\n class=\"w-5 align-middle\"\n ></atomic-icon>\n </Button>\n );\n};\n\n/\n @deprecated should only be used for Stencil components.\n /\nexport const PagerPageButton: FunctionalComponent<PagerPageButtonProps> = (\n props\n) => {\n return (\n <RadioButton\n {...props}\n selectWhenFocused={false}\n key={props.page}\n style=\"outline-neutral\"\n checked={props.isSelected}\n ariaCurrent={props.isSelected ? 'page' : 'false'}\n class=\"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1\"\n part={`page-button${props.isSelected ? ' active-page-button' : ''}`}\n ></RadioButton>\n );\n};\n\n/\n @deprecated should only be used for Stencil components.\n /\nexport const PagerPageButtons: FunctionalComponent<PagerPageButtonsProps> = (\n props,\n children\n) => {\n return (\n <div\n part=\"page-buttons\"\n role=\"radiogroup\"\n aria-label={props.i18n.t('pagination')}\n class=\"contents\"\n >\n {...children}\n </div>\n );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface PagerNavigationProps {\n i18n: i18n;\n}\n\n/\n @deprecated should only be used for Stencil components.\n /\nexport const PagerNavigation: FunctionalComponent<PagerNavigationProps> = (\n props,\n children\n) => {\n return (\n <nav aria-label={props.i18n.t('pagination')}>\n <div part=\"buttons\" role=\"toolbar\" class=\"flex flex-wrap gap-2\">\n {...children}\n </div>\n </nav>\n );\n};\n","@import '../../../global/global.pcss';\n\n[part='page-button'] {\n @apply bg-transparent;\n}\n\n:host {\n @apply bg-neutral-light box-content flex h-full items-center justify-center px-6 py-4;\n}\n","import {\n buildPager as buildInsightPager,\n buildSearchStatus as buildInsightSearchStatus,\n Pager as InsightPager,\n PagerState as InsightPagerState,\n SearchStatus as InsightSearchStatus,\n SearchStatusState as InsightSearchStatusState,\n} from '@coveo/headless/insight';\nimport {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\nimport ArrowLeftIcon from '../../../images/arrow-left-rounded.svg';\nimport ArrowRightIcon from '../../../images/arrow-right-rounded.svg';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {\n PagerNextButton,\n PagerPageButton,\n PagerPageButtons,\n PagerPreviousButton,\n} from '../../common/pager/stencil-pager-buttons';\nimport {PagerNavigation} from '../../common/pager/stencil-pager-navigation';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/\n @internal\n /\n@Component({\n tag: 'atomic-insight-pager',\n styleUrl: 'atomic-insight-pager.pcss',\n shadow: true,\n})\nexport class AtomicInsightPager\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public pager!: InsightPager;\n public searchStatus!: InsightSearchStatus;\n\n @BindStateToController('pager')\n @State()\n public pagerState!: InsightPagerState;\n @BindStateToController('searchStatus')\n @State()\n public searchStatusState!: InsightSearchStatusState;\n @State() error!: Error;\n\n @Event({\n eventName: 'atomic/scrollToTop',\n })\n private scrollToTopEvent!: EventEmitter;\n\n /\n Specifies how many page buttons to display in the pager.\n */\n @Prop({reflect: true}) numberOfPages = 5;\n\n private radioGroupName = randomID('atomic-insight-pager-');\n\n public initialize() {\n this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n this.pager = buildInsightPager(this.bindings.engine, {\n options: {numberOfPages: this.numberOfPages},\n });\n }\n\n private async focusOnFirstResultAndScrollToTop() {\n await this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n this.scrollToTopEvent.emit();\n }\n\n public render() {\n return (\n <Host>\n <PagerNavigation i18n={this.bindings.i18n}>\n <PagerPreviousButton\n icon={ArrowLeftIcon}\n disabled={!this.pagerState.hasPreviousPage}\n i18n={this.bindings.i18n}\n onClick={() => {\n this.pager.previousPage();\n this.focusOnFirstResultAndScrollToTop();\n }}\n />\n <PagerPageButtons i18n={this.bindings.i18n}>\n {this.pagerState.currentPages.map((pageNumber) => {\n return (\n <PagerPageButton\n isSelected={this.pager.isCurrentPage(pageNumber)}\n ariaLabel={this.bindings.i18n.t('page-number', {pageNumber})}\n onChecked={() => {\n this.pager.selectPage(pageNumber);\n this.focusOnFirstResultAndScrollToTop();\n }}\n page={pageNumber}\n groupName={this.radioGroupName}\n text={pageNumber.toLocaleString(this.bindings.i18n.language)}\n />\n );\n })}\n </PagerPageButtons>\n <PagerNextButton\n icon={ArrowRightIcon}\n disabled={!this.pagerState.hasNextPage}\n i18n={this.bindings.i18n}\n onClick={() => {\n this.pager.nextPage();\n this.focusOnFirstResultAndScrollToTop();\n }}\n />\n </PagerNavigation>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/atomic/components/atomic-insight-query-error.js CHANGED Viewed

@@ -37,7 +37,7 @@ const AtomicQueryError = /*@__PURE__*/ proxyCustomElement(class AtomicQueryError
         if (hasError) {
             this.ariaMessage = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (h(QueryErrorGuard, { key: '1d519d042a71aa20e9eb453f3024b99603d76762', hasError: hasError }, h(QueryErrorContainer, { key: '3bb2f651a9eba41556a660a434a215c27a549e7a' }, h(QueryErrorIcon, { key: '64f5d058a72ed3c254a92730ffcceaf88e979cfd', errorType: error?.type }), h(QueryErrorTitle, { key: 'c6284cd9f3009e9d7d341b50258f7d861e6198b5', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '3d7f0b2ced1be11196db43830186826740a6b940', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '14e55ac3d82ba25a1e13dfcc1e65125998ffdd17', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '98fb32a96d865c627160309ea291f85457e8a43a', error: error, show: this.showMoreInfo }))));
+        return (h(QueryErrorGuard, { key: '629dff5e5fc166ec03b984705605d35f1c7327f9', hasError: hasError }, h(QueryErrorContainer, { key: 'b4d66b28f696c9b465e4fd13682b220638f7fe91' }, h(QueryErrorIcon, { key: '4c8466f31bb39166c09353a0d621be53f200a538', errorType: error?.type }), h(QueryErrorTitle, { key: 'fa9b568d5866d174acc45d2e839317d9f7fb5aa9', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '78aa68b8ec3250010131a036b5c2f37419c926c8', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: 'b2cbd480571aa296993393fc5ef3ad5b8d5d9c55', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: 'eecb7f7961805862ad09a4a5cc39e8315016901c', error: error, show: this.showMoreInfo }))));
     }
     static get style() { return AtomicInsightQueryErrorStyle0; }
 }, [1, "atomic-insight-query-error", {

package/dist/atomic/components/atomic-insight-query-summary.js CHANGED Viewed

@@ -4,10 +4,16 @@ import { I as InitializeBindings, B as BindStateToController } from './initializ
 import { L as LocalizedString } from './jsx-utils.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils.js';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const QuerySummaryContainer = ({ additionalClasses }, children) => {
     return (h("div", { class: `text-on-background${additionalClasses ? ` ${additionalClasses}` : ''}`, part: "container" }, children));
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const QuerySummaryGuard = ({ hasResults, hasError, firstSearchExecuted }, children) => {
     if (hasError || (!hasResults && firstSearchExecuted)) {
         return;
@@ -21,6 +27,9 @@ const QuerySummaryGuard = ({ hasResults, hasError, firstSearchExecuted }, childr
 const WrapHighlight = (props, children) => {
     return (h("span", { class: "font-bold", part: `highlight${props.part ? ` ${props.part}` : ''}` }, children));
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const getQuerySummaryI18nParameters = (props) => {
     return getQuerySummaryData(props, {
         loadingStatus: 'loading-results',

package/dist/atomic/components/atomic-insight-query-summary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-query-summary.js","mappings":";;;;;;~~AAKO~~,MAAM,qBAAqB,GAE9B,CAAC,EAAC,iBAAiB,EAAC,EAAE,QAAQ;IAChC,QACE,WACE,KAAK,EAAE,qBAAqB,iBAAiB,GAAG,IAAI,iBAAiB,EAAE,GAAG,EAAE,EAAE,EAC9E,IAAI,EAAC,WAAW,IAEf,QAAQ,CACL,EACN;AACJ,CAAC;;~~ACTM~~,MAAM,iBAAiB,GAAgD,CAC5E,EAAC,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAC,EAC3C,QAAQ;IAER,IAAI,QAAQ,KAAK,CAAC,UAAU,IAAI,mBAAmB,CAAC,EAAE;QACpD,OAAO;KACR;IAED,IAAI,CAAC,mBAAmB,EAAE;QACxB,QACE,WACE,IAAI,EAAC,aAAa,iBACN,MAAM,EAClB,KAAK,EAAC,gDAAgD,GACjD,EACP;KACH;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC,CAAC;;~~ACRD~~,MAAM,aAAa,GAAyC,CAC1D,KAAK,EACL,QAAQ;IAER,QACE,YACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,YAAY,KAAK,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,IAErD,QAAQ,CACJ,EACP;AACJ,CAAC,CAAC;~~AAEK~~,MAAM,6BAA6B,GAAG,CAAC,KAAmB;IAC/D,OAAO,mBAAmB,CAAC,KAAK,EAAE;QAChC,aAAa,EAAE,iBAAiB;QAChC,aAAa,EAAE,+BAA+B;QAC9C,QAAQ,EAAE,oBAAoB;KAC/B,CAAC,CAAC;AACL,CAAC,CAAC;~~AAUF~~,MAAM,mBAAmB,GAAG,CAC1B,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAe,EAC1D,EAAC,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAqB;IAE5D,MAAM,OAAO,GAAG,KAAK,KAAK,EAAE,GAAG,aAAa,GAAG,QAAQ,CAAC;IAExD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC7B,MAAM,MAAM,GAAG;QACb,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;QACnC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;QACjC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;QACnC,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI;KACZ,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,EAAC,aAAa,QAAE,MAAM,CAAC,KAAK,CAAiB;QACpD,IAAI,EAAE,EAAC,aAAa,QAAE,MAAM,CAAC,IAAI,CAAiB;QAClD,KAAK,EAAE,EAAC,aAAa,QAAE,MAAM,CAAC,KAAK,CAAiB;QACpD,KAAK,EAAE,EAAC,aAAa,IAAC,IAAI,EAAC,OAAO,IAAE,MAAM,CAAC,KAAK,CAAiB;KAClE,CAAC;IAEF,MAAM,eAAe,GAAG,SAAS;UAC7B,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC;UACrB,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE5B,OAAO,EAAC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAC,CAAC;AAChD,CAAC;;~~AC3ED~~,MAAM,4BAA4B,GAAG,2njEAA2njE,CAAC;AACjqjE,wCAAe,4BAA4B;;;;;;;;;;;;MCyB9B,kBAAkB;;;;;;;;IActB,UAAU;QACf,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEM,MAAM;QACX,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,SAAS,EACT,KAAK,EACL,KAAK,GACN,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC3B,MAAM,EAAC,eAAe,EAAE,UAAU,EAAE,OAAO,EAAC,GAC1C,6BAA6B,CAAC;YAC5B,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI;YACxB,SAAS;YACT,IAAI,EAAE,UAAU;YAChB,KAAK;YACL,KAAK;SACN,CAAC,CAAC;QAEL,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC;YACnC,QACE,EAAC,iBAAiB,IAChB,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,IAElB,EAAC,qBAAqB,IAAC,iBAAiB,EAAC,WAAW,IAClD,EAAC,eAAe,IACd,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,KAAK,GACK,CACG,CACN,EACpB;SACH;QAED,IAAI,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE;YACnC,OAAO;SACR;QAED,QACE,WAAK,KAAK,EAAC,8CAA8C,IACtD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAC1C,EACN;KACH;;;;;;AAlE4B;IAA5B,kBAAkB,EAAE;oDAAmC;AAKhD;IAFP,qBAAqB,CAAC,cAAc,CAAC;6DAEQ;AAIpC;IADT,cAAc,CAAC,eAAe,CAAC;uDACD;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/common/query-summary/stencil-container.tsx","src/components/common/query-summary/stencil-guard.tsx","src/components/common/query-summary/stencil-utils.tsx","src/components/insight/atomic-insight-query-summary/atomic-insight-query-summary.pcss?tag=atomic-insight-query-summary&encapsulation=shadow","src/components/insight/atomic-insight-query-summary/atomic-insight-query-summary.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface QuerySummaryContainerProps {\n additionalClasses?: string;\n}\nexport const QuerySummaryContainer: FunctionalComponent<\n QuerySummaryContainerProps\n> = ({additionalClasses}, children) => {\n return (\n <div\n class={`text-on-background${additionalClasses ? ` ${additionalClasses}` : ''}`}\n part=\"container\"\n >\n {children}\n </div>\n );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QuerySummaryGuardProps {\n hasResults: boolean;\n hasError: boolean;\n firstSearchExecuted: boolean;\n}\nexport const QuerySummaryGuard: FunctionalComponent<QuerySummaryGuardProps> = (\n {hasResults, hasError, firstSearchExecuted},\n children\n) => {\n if (hasError \|\| (!hasResults && firstSearchExecuted)) {\n return;\n }\n\n if (!firstSearchExecuted) {\n return (\n <div\n part=\"placeholder\"\n aria-hidden=\"true\"\n class=\"bg-neutral my-2 h-6 w-60 animate-pulse rounded\"\n ></div>\n );\n }\n\n return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface i18nKeyProps {\n first: number;\n last: number;\n total: number;\n query: string;\n isLoading: boolean;\n i18n: i18n;\n}\n\ninterface QuerySummaryLabels {\n loadingStatus: string;\n itemsForQuery: string;\n allItems: string;\n}\n\nconst WrapHighlight: FunctionalComponent<{part?: string}> = (\n props,\n children\n) => {\n return (\n <span\n class=\"font-bold\"\n part={`highlight${props.part ? ` ${props.part}` : ''}`}\n >\n {children}\n </span>\n );\n};\n\~~nexport~~ ~~const~~ ~~getQuerySummaryI18nParameters~~ = ~~(props:~~ ~~i18nKeyProps)~~ => ~~{\n return~~ ~~getQuerySummaryData(props,~~ {\n ~~loadingStatus:~~ ~~'loading-results',\n itemsForQuery: 'showing-results-of-with-query',\n allItems: 'showing-results-of',\n });\n};\n\~~nexport const ~~getProductQuerySummaryI18nParameters~~ = (props: i18nKeyProps) => {\n return getQuerySummaryData(props, {\n loadingStatus: 'loading-~~products~~',\n itemsForQuery: 'showing-~~products~~-of-with-query',\n allItems: 'showing-~~products~~-of',\n });\n};\n\nconst getQuerySummaryData = (\n {first, last, query, total, isLoading, i18n}: i18nKeyProps,\n {allItems, itemsForQuery, loadingStatus}: QuerySummaryLabels\n) => {\n const i18nKey = query !== '' ? itemsForQuery : allItems;\n\n const locale = i18n.language;\n const params = {\n first: first.toLocaleString(locale),\n last: last.toLocaleString(locale),\n total: total.toLocaleString(locale),\n query: query,\n count: last,\n };\n\n const highlights = {\n first: <WrapHighlight>{params.first}</WrapHighlight>,\n last: <WrapHighlight>{params.last}</WrapHighlight>,\n total: <WrapHighlight>{params.total}</WrapHighlight>,\n query: <WrapHighlight part=\"query\">{params.query}</WrapHighlight>,\n };\n\n const ariaLiveMessage = isLoading\n ? i18n.t(loadingStatus)\n : i18n.t(i18nKey, params);\n\n return {i18nKey, highlights, ariaLiveMessage};\n};\n","@import '../../../global/global.pcss';\n\n:host {\n overflow: hidden;\n}\n","import {\n buildQuerySummary,\n QuerySummary,\n QuerySummaryState,\n} from '@coveo/headless/insight';\nimport {Component, State, h} from '@stencil/core';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {LocalizedString} from '../../../utils/jsx-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {QuerySummaryContainer} from '../../common/query-summary/stencil-container';\nimport {QuerySummaryGuard} from '../../common/query-summary/stencil-guard';\nimport {getQuerySummaryI18nParameters} from '../../common/query-summary/stencil-utils';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n */\n@Component({\n tag: 'atomic-insight-query-summary',\n styleUrl: 'atomic-insight-query-summary.pcss',\n shadow: true,\n})\nexport class AtomicQuerySummary\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public querySummary!: QuerySummary;\n\n @BindStateToController('querySummary')\n @State()\n private querySummaryState!: QuerySummaryState;\n @State() public error!: Error;\n\n @AriaLiveRegion('query-summary')\n protected ariaMessage!: string;\n\n public initialize() {\n this.querySummary = buildQuerySummary(this.bindings.engine);\n }\n\n public render() {\n const {\n hasError,\n hasQuery,\n hasResults,\n firstSearchExecuted,\n firstResult,\n lastResult,\n isLoading,\n query,\n total,\n } = this.querySummaryState;\n const {ariaLiveMessage, highlights, i18nKey} =\n getQuerySummaryI18nParameters({\n first: firstResult,\n i18n: this.bindings.i18n,\n isLoading,\n last: lastResult,\n query,\n total,\n });\n\n if (hasQuery) {\n this.ariaMessage = ariaLiveMessage;\n return (\n <QuerySummaryGuard\n firstSearchExecuted={firstSearchExecuted}\n hasResults={hasResults}\n hasError={hasError}\n >\n <QuerySummaryContainer additionalClasses=\"px-6 py-4\">\n <LocalizedString\n key={i18nKey}\n i18n={this.bindings.i18n}\n params={highlights}\n count={total}\n ></LocalizedString>\n </QuerySummaryContainer>\n </QuerySummaryGuard>\n );\n }\n\n if (this.querySummaryState.hasError) {\n return;\n }\n\n return (\n <div class=\"bg-[#F1F2FF] px-6 py-4 text-[#54698D] italic\">\n {this.bindings.i18n.t('insight-related-cases')}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-query-summary.js","mappings":"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","names":[],"sources":["src/components/common/query-summary/stencil-container.tsx","src/components/common/query-summary/stencil-guard.tsx","src/components/common/query-summary/stencil-utils.tsx","src/components/insight/atomic-insight-query-summary/atomic-insight-query-summary.pcss?tag=atomic-insight-query-summary&encapsulation=shadow","src/components/insight/atomic-insight-query-summary/atomic-insight-query-summary.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface QuerySummaryContainerProps {\n additionalClasses?: string;\n}\n\n/*\n @deprecated should only be used for Stencil components.\n /\nexport const QuerySummaryContainer: FunctionalComponent<\n QuerySummaryContainerProps\n> = ({additionalClasses}, children) => {\n return (\n <div\n class={`text-on-background${additionalClasses ? ` ${additionalClasses}` : ''}`}\n part=\"container\"\n >\n {children}\n </div>\n );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QuerySummaryGuardProps {\n hasResults: boolean;\n hasError: boolean;\n firstSearchExecuted: boolean;\n}\n\n/\n @deprecated should only be used for Stencil components.\n /\nexport const QuerySummaryGuard: FunctionalComponent<QuerySummaryGuardProps> = (\n {hasResults, hasError, firstSearchExecuted},\n children\n) => {\n if (hasError \|\| (!hasResults && firstSearchExecuted)) {\n return;\n }\n\n if (!firstSearchExecuted) {\n return (\n <div\n part=\"placeholder\"\n aria-hidden=\"true\"\n class=\"bg-neutral my-2 h-6 w-60 animate-pulse rounded\"\n ></div>\n );\n }\n\n return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface i18nKeyProps {\n first: number;\n last: number;\n total: number;\n query: string;\n isLoading: boolean;\n i18n: i18n;\n}\n\ninterface QuerySummaryLabels {\n loadingStatus: string;\n itemsForQuery: string;\n allItems: string;\n}\n\nconst WrapHighlight: FunctionalComponent<{part?: string}> = (\n props,\n children\n) => {\n return (\n <span\n class=\"font-bold\"\n part={`highlight${props.part ? ` ${props.part}` : ''}`}\n >\n {children}\n </span>\n );\n};\n\n/\n @deprecated should only be used for Stencil components.\n /\nexport const getQuerySummaryI18nParameters = (props: i18nKeyProps) => {\n return getQuerySummaryData(props, {\n loadingStatus: 'loading-results',\n itemsForQuery: 'showing-results-of-with-query',\n allItems: 'showing-results-of',\n });\n};\n\nconst getQuerySummaryData = (\n {first, last, query, total, isLoading, i18n}: i18nKeyProps,\n {allItems, itemsForQuery, loadingStatus}: QuerySummaryLabels\n) => {\n const i18nKey = query !== '' ? itemsForQuery : allItems;\n\n const locale = i18n.language;\n const params = {\n first: first.toLocaleString(locale),\n last: last.toLocaleString(locale),\n total: total.toLocaleString(locale),\n query: query,\n count: last,\n };\n\n const highlights = {\n first: <WrapHighlight>{params.first}</WrapHighlight>,\n last: <WrapHighlight>{params.last}</WrapHighlight>,\n total: <WrapHighlight>{params.total}</WrapHighlight>,\n query: <WrapHighlight part=\"query\">{params.query}</WrapHighlight>,\n };\n\n const ariaLiveMessage = isLoading\n ? i18n.t(loadingStatus)\n : i18n.t(i18nKey, params);\n\n return {i18nKey, highlights, ariaLiveMessage};\n};\n","@import '../../../global/global.pcss';\n\n:host {\n overflow: hidden;\n}\n","import {\n buildQuerySummary,\n QuerySummary,\n QuerySummaryState,\n} from '@coveo/headless/insight';\nimport {Component, State, h} from '@stencil/core';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {LocalizedString} from '../../../utils/jsx-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {QuerySummaryContainer} from '../../common/query-summary/stencil-container';\nimport {QuerySummaryGuard} from '../../common/query-summary/stencil-guard';\nimport {getQuerySummaryI18nParameters} from '../../common/query-summary/stencil-utils';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/\n @internal\n */\n@Component({\n tag: 'atomic-insight-query-summary',\n styleUrl: 'atomic-insight-query-summary.pcss',\n shadow: true,\n})\nexport class AtomicQuerySummary\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public querySummary!: QuerySummary;\n\n @BindStateToController('querySummary')\n @State()\n private querySummaryState!: QuerySummaryState;\n @State() public error!: Error;\n\n @AriaLiveRegion('query-summary')\n protected ariaMessage!: string;\n\n public initialize() {\n this.querySummary = buildQuerySummary(this.bindings.engine);\n }\n\n public render() {\n const {\n hasError,\n hasQuery,\n hasResults,\n firstSearchExecuted,\n firstResult,\n lastResult,\n isLoading,\n query,\n total,\n } = this.querySummaryState;\n const {ariaLiveMessage, highlights, i18nKey} =\n getQuerySummaryI18nParameters({\n first: firstResult,\n i18n: this.bindings.i18n,\n isLoading,\n last: lastResult,\n query,\n total,\n });\n\n if (hasQuery) {\n this.ariaMessage = ariaLiveMessage;\n return (\n <QuerySummaryGuard\n firstSearchExecuted={firstSearchExecuted}\n hasResults={hasResults}\n hasError={hasError}\n >\n <QuerySummaryContainer additionalClasses=\"px-6 py-4\">\n <LocalizedString\n key={i18nKey}\n i18n={this.bindings.i18n}\n params={highlights}\n count={total}\n ></LocalizedString>\n </QuerySummaryContainer>\n </QuerySummaryGuard>\n );\n }\n\n if (this.querySummaryState.hasError) {\n return;\n }\n\n return (\n <div class=\"bg-[#F1F2FF] px-6 py-4 text-[#54698D] italic\">\n {this.bindings.i18n.t('insight-related-cases')}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/atomic/components/atomic-insight-refine-modal2.js CHANGED Viewed

@@ -73,12 +73,12 @@ const AtomicInsightRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicIn
         return (h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: 'f278c29ff884f542324f25f3a5c6a69889224338' }, this.interfaceDimensions && (h("style", { key: '2427694bff18b7b5739133118efd0dd6ce7eeb3a' }, `atomic-modal::part(backdrop) {
+        return (h(Host, { key: '8324183ef8f1dcf0c1701e480d84425c34d78c07' }, this.interfaceDimensions && (h("style", { key: '1c328cf59b64ea499a8bff2b9f823cc0d05f2999' }, `atomic-modal::part(backdrop) {
             top: ${this.interfaceDimensions.top}px;
             left: ${this.interfaceDimensions.left}px;
             width: ${this.interfaceDimensions.width}px;
             height: ${this.interfaceDimensions.height}px;
-            }`)), h(RefineModal, { key: '8d5be3ed032d240e9cf59eb94307b337aa245714', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, scope: this.bindings.interfaceElement }, this.renderBody())));
+            }`)), h(RefineModal, { key: 'a4530ae185056b579e18d521d8fb80c01ae7f3c6', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, scope: this.bindings.interfaceElement }, this.renderBody())));
     }
     componentDidLoad() {
         this.host.style.display = '';

package/dist/atomic/components/atomic-insight-refine-toggle.js CHANGED Viewed

@@ -52,7 +52,7 @@ const AtomicInsightRefineToggle$1 = /*@__PURE__*/ proxyCustomElement(class Atomi
         this.modalRef.openButton = this.buttonRef;
     }
     render() {
-        return (h(IconButton, { key: 'a2ea5c20aa2193f136d61cc48a6208ccdf446df2', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
+        return (h(IconButton, { key: '4fba83d2843b8cbb8424b0071e133f7fd7464178', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
                 this.bindings.store.waitUntilAppLoaded(() => {
                     this.enableModal();
                 });

package/dist/atomic/components/atomic-insight-result-attach-to-case-indicator.js CHANGED Viewed

@@ -35,7 +35,7 @@ const AtomicInsightResultAttachToCaseIndicator$1 = /*@__PURE__*/ proxyCustomElem
     }
     render() {
         if (this.attachToCase.isAttached()) {
-            return (h("atomic-icon", { key: 'ba05b4a5586e7d21e3f5e2657b410a2514183874', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
+            return (h("atomic-icon", { key: '2b307b396380bc97fcccb8f5bede0c69e1cde75c', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-insight-result-children.js CHANGED Viewed

@@ -130,7 +130,7 @@ const AtomicResultChildren = /*@__PURE__*/ proxyCustomElement(class AtomicResult
         return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (h(ResultChildrenGuard, { key: 'f282a0ecfd58e9709a3f0d2d180f8104c44b4d4d', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (h(ResultChildrenGuard, { key: '58d40b47df3e361bc433c38ddabeb66aaa21a886', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return this; }
     static get style() { return AtomicInsightResultChildrenStyle0; }

package/dist/atomic/components/atomic-insight-result-list.js CHANGED Viewed

@@ -3,11 +3,10 @@ import { buildResultList, buildResultsPerPage, buildInteractiveResult } from '@c
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils.js';
 import { r as randomID } from './utils.js';
-import { R as ResultsPlaceholdersGuard } from './stencil-placeholders.js';
+import { I as ItemTemplateProvider, R as ResultsPlaceholdersGuard } from './item-template-provider.js';
 import { c as createAppLoadedListener } from './store.js';
 import { D as DisplayWrapper, I as ItemDisplayGuard } from './stencil-display-wrapper.js';
 import { I as ItemListGuard } from './item-list-guard.js';
-import { I as ItemTemplateProvider } from './item-template-provider.js';
 import { I as ItemListCommon } from './stencil-item-list-common.js';
 import { g as getItemListDisplayClasses } from './display-options.js';
 import { d as defineCustomElement$a } from './atomic-insight-result2.js';
@@ -113,7 +112,7 @@ const AtomicInsightResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicI
     render() {
         this.itemListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(ItemListGuard, { key: 'a9945d928a948790bb6a7cd59ec39f41fc9e7ab1', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: '88bbffa8e51d7f789cd53bc7481535e3c28f7642', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '0c7e663f80820ed6614d419a3825010f9b4a364d', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: 'ad14169a92aa7403c971ed3483f181ece1d302e9', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
+        return (h(ItemListGuard, { key: '175612bf567fdf793debfff9fbd2a3557e7f9378', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: '18c259582ab1a62712956ce7e21047f98008cbc4', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: 'b69492b6bda4cc9465e67e89b50bd74f2be2aee2', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: 'aacc131df2d2411c9c6da8f0c6edb1dda83f7c1d', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
             const atomicInsightResultProps = this.getPropsForAtomicInsightResult(result);
             return (h("atomic-insight-result", { ...atomicInsightResultProps, part: "outline", ref: (element) => element && this.itemListCommon.setNewResultRef(element, i) }));
         })))));

package/dist/atomic/components/atomic-insight-result-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-result-list.js","mappings":"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","names":["AtomicInsightResultList","buildInsightResultList","buildInsightResultsPerPage","buildInsightInteractiveResult"],"sources":["src/components/insight/result-lists/atomic-insight-result-list/atomic-insight-result-list.pcss?tag=atomic-insight-result-list&encapsulation=shadow","src/components/insight/result-lists/atomic-insight-result-list/atomic-insight-result-list.tsx"],"sourcesContent":["@import '../../../common/item-list/styles/placeholders.pcss';\n@import '../styles/list-display.pcss';\natomic-result:not(.hydrated) {\n visibility: hidden;\n}\n","import {\n ResultList as InsightResultList,\n ResultListState as InsightResultListState,\n buildResultList as buildInsightResultList,\n Result as InsightResult,\n buildInteractiveResult as buildInsightInteractiveResult,\n buildResultsPerPage as buildInsightResultsPerPage,\n ResultsPerPage as InsightResultsPerPage,\n ResultsPerPageState as InsightResultsPerPageState,\n} from '@coveo/headless/insight';\nimport {Component, h, Element, State, Prop, Method} from '@stencil/core';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {ResultsPlaceholdersGuard} from '../../../common/atomic-result-placeholder/stencil-placeholders';\nimport {createAppLoadedListener} from '../../../common/interface/store';\nimport {ItemDisplayGuard} from '../../../common/item-list/item-display-guard';\nimport {ItemListGuard} from '../../../common/item-list/item-list-guard';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {DisplayWrapper} from '../../../common/item-list/stencil-display-wrapper';\nimport {\n ItemListCommon,\n ItemRenderingFunction,\n} from '../../../common/item-list/stencil-item-list-common';\nimport {\n getItemListDisplayClasses,\n ItemDisplayDensity,\n ItemDisplayImageSize,\n ItemDisplayLayout,\n} from '../../../common/layout/display-options';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-result-list',\n styleUrl: 'atomic-insight-result-list.pcss',\n shadow: true,\n})\nexport class AtomicInsightResultList\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public resultList!: InsightResultList;\n public resultsPerPage!: InsightResultsPerPage;\n private loadingFlag = randomID('firstInsightResultLoaded-');\n private itemRenderingFunction: ItemRenderingFunction;\n private itemTemplateProvider!: ItemTemplateProvider;\n private nextNewResultTarget?: FocusTargetController;\n private display: ItemDisplayLayout = 'list';\n private itemListCommon!: ItemListCommon;\n\n @Element() public host!: HTMLDivElement;\n\n @BindStateToController('resultsPerPage')\n @State()\n public resultsPerPageState!: InsightResultsPerPageState;\n @BindStateToController('resultList')\n @State()\n public resultListState!: InsightResultListState;\n @State() private templateHasError = false;\n @State() private resultTemplateRegistered = false;\n @State() public error!: Error;\n @State() private isAppLoaded = false;\n\n /\n The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n /\n @Prop({reflect: true}) density: ItemDisplayDensity = 'normal';\n /\n The expected size of the image displayed in the results.\n /\n @Prop({reflect: true}) imageSize: ItemDisplayImageSize = 'icon';\n /\n Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.\n \n Do not use this method if you integrate Atomic in a plain HTML deployment.\n \n @param resultRenderingFunction\n */\n @Method() public async setRenderFunction(\n resultRenderingFunction: ItemRenderingFunction\n ) {\n this.itemRenderingFunction = resultRenderingFunction;\n }\n\n public initialize() {\n this.resultList = buildInsightResultList(this.bindings.engine, {\n options: {\n fieldsToInclude: this.bindings.store.state.fieldsToInclude \|\| undefined,\n },\n });\n this.resultsPerPage = buildInsightResultsPerPage(this.bindings.engine);\n\n this.itemTemplateProvider = new ItemTemplateProvider({\n includeDefaultTemplate: true,\n templateElements: Array.from(\n this.host.querySelectorAll('atomic-insight-result-template')\n ),\n getResultTemplateRegistered: () => this.resultTemplateRegistered,\n getTemplateHasError: () => this.templateHasError,\n setResultTemplateRegistered: (value: boolean) => {\n this.resultTemplateRegistered = value;\n },\n setTemplateHasError: (value: boolean) => {\n this.templateHasError = value;\n },\n bindings: this.bindings,\n });\n\n this.itemListCommon = new ItemListCommon({\n engineSubscribe: this.bindings.engine.subscribe,\n getCurrentNumberOfItems: () => this.resultListState.results.length,\n getIsLoading: () => this.resultListState.isLoading,\n host: this.host,\n loadingFlag: this.loadingFlag,\n nextNewItemTarget: this.focusTarget,\n store: this.bindings.store,\n });\n createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n this.isAppLoaded = isAppLoaded;\n });\n }\n\n public get focusTarget(): FocusTargetController {\n if (!this.nextNewResultTarget) {\n this.nextNewResultTarget = new FocusTargetController(this);\n }\n return this.nextNewResultTarget;\n }\n\n public render() {\n this.itemListCommon.updateBreakpoints();\n const listClasses = this.computeListDisplayClasses();\n\n return (\n <ItemListGuard\n hasTemplate={this.resultTemplateRegistered}\n templateHasError={this.itemTemplateProvider.hasError}\n firstRequestExecuted={this.resultListState.firstSearchExecuted}\n hasItems={this.resultListState.hasResults}\n hasError={this.resultListState.hasError}\n >\n <DisplayWrapper listClasses={listClasses} display={this.display}>\n <ResultsPlaceholdersGuard\n displayPlaceholders={!this.isAppLoaded}\n numberOfPlaceholders={this.resultsPerPageState.numberOfResults}\n display={this.display}\n density={this.density}\n imageSize={this.imageSize}\n ></ResultsPlaceholdersGuard>\n <ItemDisplayGuard\n firstRequestExecuted={this.resultListState.firstSearchExecuted}\n hasItems={this.resultListState.hasResults}\n >\n {this.resultListState.results.map((result, i) => {\n const atomicInsightResultProps =\n this.getPropsForAtomicInsightResult(result);\n return (\n <atomic-insight-result\n {...atomicInsightResultProps}\n part=\"outline\"\n ref={(element) =>\n element && this.itemListCommon.setNewResultRef(element, i)\n }\n ></atomic-insight-result>\n );\n })}\n </ItemDisplayGuard>\n </DisplayWrapper>\n </ItemListGuard>\n );\n }\n\n private computeListDisplayClasses() {\n const displayPlaceholders = !this.isAppLoaded;\n\n return getItemListDisplayClasses(\n this.display,\n this.density,\n this.imageSize,\n this.resultListState.firstSearchExecuted &&\n this.resultListState.isLoading,\n displayPlaceholders\n );\n }\n\n private getPropsForAtomicInsightResult(result: InsightResult) {\n return {\n interactiveResult: buildInsightInteractiveResult(this.bindings.engine, {\n options: {result},\n }),\n result,\n renderingFunction: this.itemRenderingFunction,\n loadingFlag: this.loadingFlag,\n key: this.itemListCommon.getResultId(\n result.uniqueId,\n this.resultListState.searchResponseId,\n this.density,\n this.imageSize\n ),\n content: this.itemTemplateProvider.getTemplateContent(result),\n store: this.bindings.store,\n density: this.density,\n imageSize: this.imageSize,\n display: this.display,\n };\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-result-list.js","mappings":"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","names":["AtomicInsightResultList","buildInsightResultList","buildInsightResultsPerPage","buildInsightInteractiveResult"],"sources":["src/components/insight/result-lists/atomic-insight-result-list/atomic-insight-result-list.pcss?tag=atomic-insight-result-list&encapsulation=shadow","src/components/insight/result-lists/atomic-insight-result-list/atomic-insight-result-list.tsx"],"sourcesContent":["@import '../../../common/item-list/styles/placeholders.pcss';\n@import '../styles/list-display.pcss';\natomic-result:not(.hydrated) {\n visibility: hidden;\n}\n","import {\n ResultList as InsightResultList,\n ResultListState as InsightResultListState,\n buildResultList as buildInsightResultList,\n Result as InsightResult,\n buildInteractiveResult as buildInsightInteractiveResult,\n buildResultsPerPage as buildInsightResultsPerPage,\n ResultsPerPage as InsightResultsPerPage,\n ResultsPerPageState as InsightResultsPerPageState,\n} from '@coveo/headless/insight';\nimport {Component, h, Element, State, Prop, Method} from '@stencil/core';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {ResultsPlaceholdersGuard} from '../../../common/atomic-result-placeholder/stencil-placeholders';\nimport {createAppLoadedListener} from '../../../common/interface/store';\nimport {ItemDisplayGuard} from '../../../common/item-list/item-display-guard';\nimport {ItemListGuard} from '../../../common/item-list/item-list-guard';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {DisplayWrapper} from '../../../common/item-list/stencil-display-wrapper';\nimport {\n ItemListCommon,\n ItemRenderingFunction,\n} from '../../../common/item-list/stencil-item-list-common';\nimport {\n getItemListDisplayClasses,\n ItemDisplayDensity,\n ItemDisplayImageSize,\n ItemDisplayLayout,\n} from '../../../common/layout/display-options';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-result-list',\n styleUrl: 'atomic-insight-result-list.pcss',\n shadow: true,\n})\nexport class AtomicInsightResultList\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public resultList!: InsightResultList;\n public resultsPerPage!: InsightResultsPerPage;\n private loadingFlag = randomID('firstInsightResultLoaded-');\n private itemRenderingFunction: ItemRenderingFunction;\n private itemTemplateProvider!: ItemTemplateProvider;\n private nextNewResultTarget?: FocusTargetController;\n private display: ItemDisplayLayout = 'list';\n private itemListCommon!: ItemListCommon;\n\n @Element() public host!: HTMLDivElement;\n\n @BindStateToController('resultsPerPage')\n @State()\n public resultsPerPageState!: InsightResultsPerPageState;\n @BindStateToController('resultList')\n @State()\n public resultListState!: InsightResultListState;\n @State() private templateHasError = false;\n @State() private resultTemplateRegistered = false;\n @State() public error!: Error;\n @State() private isAppLoaded = false;\n\n /\n The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n /\n @Prop({reflect: true}) density: ItemDisplayDensity = 'normal';\n /\n The expected size of the image displayed in the results.\n /\n @Prop({reflect: true}) imageSize: ItemDisplayImageSize = 'icon';\n /\n Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.\n \n Do not use this method if you integrate Atomic in a plain HTML deployment.\n \n @param resultRenderingFunction\n */\n @Method() public async setRenderFunction(\n resultRenderingFunction: ItemRenderingFunction\n ) {\n this.itemRenderingFunction = resultRenderingFunction;\n }\n\n public initialize() {\n this.resultList = buildInsightResultList(this.bindings.engine, {\n options: {\n fieldsToInclude: this.bindings.store.state.fieldsToInclude \|\| undefined,\n },\n });\n this.resultsPerPage = buildInsightResultsPerPage(this.bindings.engine);\n\n this.itemTemplateProvider = new ItemTemplateProvider({\n includeDefaultTemplate: true,\n templateElements: Array.from(\n this.host.querySelectorAll('atomic-insight-result-template')\n ),\n getResultTemplateRegistered: () => this.resultTemplateRegistered,\n getTemplateHasError: () => this.templateHasError,\n setResultTemplateRegistered: (value: boolean) => {\n this.resultTemplateRegistered = value;\n },\n setTemplateHasError: (value: boolean) => {\n this.templateHasError = value;\n },\n bindings: this.bindings,\n });\n\n this.itemListCommon = new ItemListCommon({\n engineSubscribe: this.bindings.engine.subscribe,\n getCurrentNumberOfItems: () => this.resultListState.results.length,\n getIsLoading: () => this.resultListState.isLoading,\n host: this.host,\n loadingFlag: this.loadingFlag,\n nextNewItemTarget: this.focusTarget,\n store: this.bindings.store,\n });\n createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n this.isAppLoaded = isAppLoaded;\n });\n }\n\n public get focusTarget(): FocusTargetController {\n if (!this.nextNewResultTarget) {\n this.nextNewResultTarget = new FocusTargetController(this);\n }\n return this.nextNewResultTarget;\n }\n\n public render() {\n this.itemListCommon.updateBreakpoints();\n const listClasses = this.computeListDisplayClasses();\n\n return (\n <ItemListGuard\n hasTemplate={this.resultTemplateRegistered}\n templateHasError={this.itemTemplateProvider.hasError}\n firstRequestExecuted={this.resultListState.firstSearchExecuted}\n hasItems={this.resultListState.hasResults}\n hasError={this.resultListState.hasError}\n >\n <DisplayWrapper listClasses={listClasses} display={this.display}>\n <ResultsPlaceholdersGuard\n displayPlaceholders={!this.isAppLoaded}\n numberOfPlaceholders={this.resultsPerPageState.numberOfResults}\n display={this.display}\n density={this.density}\n imageSize={this.imageSize}\n ></ResultsPlaceholdersGuard>\n <ItemDisplayGuard\n firstRequestExecuted={this.resultListState.firstSearchExecuted}\n hasItems={this.resultListState.hasResults}\n >\n {this.resultListState.results.map((result, i) => {\n const atomicInsightResultProps =\n this.getPropsForAtomicInsightResult(result);\n return (\n <atomic-insight-result\n {...atomicInsightResultProps}\n part=\"outline\"\n ref={(element) =>\n element && this.itemListCommon.setNewResultRef(element, i)\n }\n ></atomic-insight-result>\n );\n })}\n </ItemDisplayGuard>\n </DisplayWrapper>\n </ItemListGuard>\n );\n }\n\n private computeListDisplayClasses() {\n const displayPlaceholders = !this.isAppLoaded;\n\n return getItemListDisplayClasses(\n this.display,\n this.density,\n this.imageSize,\n this.resultListState.firstSearchExecuted &&\n this.resultListState.isLoading,\n displayPlaceholders\n );\n }\n\n private getPropsForAtomicInsightResult(result: InsightResult) {\n return {\n interactiveResult: buildInsightInteractiveResult(this.bindings.engine, {\n options: {result},\n }),\n result,\n renderingFunction: this.itemRenderingFunction,\n loadingFlag: this.loadingFlag,\n key: this.itemListCommon.getResultId(\n result.uniqueId,\n this.resultListState.searchResponseId,\n this.density,\n this.imageSize\n ),\n content: this.itemTemplateProvider.getTemplateContent(result),\n store: this.bindings.store,\n density: this.density,\n imageSize: this.imageSize,\n display: this.display,\n };\n }\n}\n"],"version":3}

package/dist/atomic/components/atomic-insight-result-quickview-action.js CHANGED Viewed

@@ -106,7 +106,7 @@ const AtomicInsightResultQuickviewAction$1 = /*@__PURE__*/ proxyCustomElement(cl
         this.addQuickviewModalIfNeeded();
         this.updateModalContent();
         if (this.shouldRenderQuickview) {
-            return (h(IconButton, { key: 'e23b1775e764f5304d2247fe30cb090811abf86f', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
+            return (h(IconButton, { key: '357a7154b8157c875d98450fa9032d81115921d8', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-insight-result2.js CHANGED Viewed

@@ -66,7 +66,7 @@ const AtomicInsightResult = /*@__PURE__*/ proxyCustomElement(class AtomicInsight
             .join('');
     }
     render() {
-        return (h(Host, { key: '3606ff401334dd886eb0c4004e8ec1c8482b456f', class: resultComponentClass }, h("div", { key: '55999469cd2537cdecc545b6125b3e2f767104bf', class: `result-root ${this.layout
+        return (h(Host, { key: 'f026e826f63216d1105a128d5f62dd9d64d7b863', class: resultComponentClass }, h("div", { key: 'b2a2b680ab81b82d71f386bb098ea34fa3112807', class: `result-root ${this.layout
                 .getClasses()
                 .concat(this.classes)
                 .join(' ')}`, innerHTML: this.getContentHTML() })));