npm - @coveo/atomic - Versions diffs - 3.37.3 → 3.38.0 - Mend

@coveo/atomic 3.37.3 → 3.38.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 (984) hide show

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

	@@ -1 +1 @@
1	- {"file":"atomic-insight-generated-answer.entry.js","mappings":";;;;;;;;;;;;;;;;;;AAAA,MAAM,+BAA+B,GAAG,uw+FAAuw+F,CAAC;AAChz+F,2CAAe,+BAA+B;;;;;;;;;;;;MC+DjC,4BAA4B;;;QAQtB,6BAAwB,GAAG,EAAE,CAAC;QAC9B,yBAAoB,GAAG,EAAE,CAAC;QAC1B,yBAAoB,GAAG,CAAC,CAAC;QACzB,4CAAuC,GAAG,CAAC,UAAU,CAAC,CAAC;QAkBxE,WAAM,GAAG,KAAK,CAAC;QAGf,cAAS,GAAG,KAAK,CAAC;;;;;QAkBV,uBAAkB,GAAG,IAAI,CAAC,wBAAwB,CAAC;;QA4FnD,iCAA4B,GAAG;YACrC,IACE,IAAI,CAAC,oBAAoB,CAAC,SAAS;gBACnC,IAAI,CAAC,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAC3C;gBACA,IAAI,CAAC,qBAAqB,CAAC,IAAI,GAAG;oBAChC,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI;oBAClC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,SAAS;iBAC/C,CAAC;gBACF,IAAI,CAAC,qBAAqB,CAAC,eAAe,CACxC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAChC,CAAC;aACH;YAED,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,qBAAqB,CAAC,wBAAwB,EAAE,CAAC,CAAC;SAC5E,CAAC;QAEM,cAAS,GAAG,CAAC,QAAiB;YACpC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;SACxB,CAAC;QAEM,iBAAY,GAAG,CAAC,SAAkB;YACxC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;SAC5B,CAAC;QAEM,mBAAc,GAAG,CAAC,OAAe;YACvC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;SAC5B,CAAC;;;;sBA5IO,KAAK;yBAGF,KAAK;;;kCAkBY,IAAI,CAAC,wBAAwB;;;;;IAyBnD,UAAU;QACf,IAAI,CAAC,qBAAqB,GAAG,IAAI,qBAAqB,CAAC;YACrD,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,wBAAwB,EAAE,IAAI,CAAC,wBAAwB;YACvD,kBAAkB,EAAE,MAAM,IAAI,CAAC,eAAe;YAC9C,uBAAuB,EAAE,MAAM,IAAI,CAAC,oBAAoB;YACxD,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB;YAClD,WAAW,EAAE,MAAM,IAAI,CAAC,QAAQ;YAChC,SAAS,EAAE,MAAM,IAAI,CAAC,MAAM;YAC5B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,YAAY,EAAE,MAAM,IAAI,CAAC,SAAS;YAClC,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,wBAAwB,EAAE,CAAC,KAAK,KAC9BA,wBAA+B,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC;SAC/D,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,GAAGC,oBAA2B,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACvE,YAAY,EAAE;gBACZ,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS;gBACpD,cAAc,EAAE;oBACd,aAAa,EAAE,CAAC,eAAe,EAAE,YAAY,CAAC;iBAC/C;aACF;YACD,IAAI,IAAI,CAAC,qBAAqB,IAAI;gBAChC,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;aAClD,CAAC;YACF,0BAA0B,EAAE,IAAI,CAAC,iBAAiB,EAAE;SACrD,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,GAAGC,iBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnE,IAAI,CAAC,qBAAqB,CAAC,mBAAmB,EAAE,CAAC;QAEjD,IAAI,MAAM,CAAC,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE;YAC7C,MAAM,0BAA0B,GAAG,QAAQ,CACzC,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAC9B,GAAG,CACJ,CAAC;YACF,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,0BAA0B,CAAC,CAAC;YACrE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACxC;KACF;IAGM,qBAAqB,CAC1B,QAAqC,EACrC,QAAqC;QAErC,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC;QACtC,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC;QAE7D,IAAI,WAAW,KAAK,WAAW,EAAE;YAC/B,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAE5C,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO;aACR;YAED,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,kBAAkB,EAAE,CAAC,WAAW,CAAC,CAAC;SAC/D;KACF;IAEM,oBAAoB;QACzB,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,CAAC;KACnC;IAgCO,WAAW,CAAC,OAAgB,EAAE,SAAiB,EAAE,SAAkB;QACzE,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;KAChD;IAEO,iBAAiB;QACvB,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,EAAE,UAAU;cACtC,aAAa,CAAC,yBAAyB,CAAC;cACxC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAEnC,IAAI,YAAY,EAAE;YAChB,MAAM,YAAY,GAAG,UAAU,CAC7B,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CACpD,CAAC;YAEF,IAAI,CAAC,gBAAgB,GAAG,YAAY,GAAG,YAAY,CAAC;YAEpD,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;KACF;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,8BAA8B,CAAC,CAAC;KAC7E;IAEO,eAAe;QACrB,OAAO,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CACzC,kCAAkC,CACnC,CAAC;KACH;IAEO,iBAAiB;QACvB,OAAO,CAAC,IAAI,CAAC,0BAA0B,IAAI,EAAE;aAC1C,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC;aAC5B,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;aACnC,MAAM,CAAC,IAAI,CAAC,uCAAuC,CAAC,CAAA;KACxD;IAEO,0BAA0B;QAChC,MAAM,OAAO,GACX,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,oBAAoB;YACpD,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,oBAAoB,CAAC;QAEvD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,CAAC,IAAI,CACV,yBAAyB,IAAI,CAAC,kBAAkB,mCAAmC,IAAI,CAAC,oBAAoB,SAAS,IAAI,CAAC,oBAAoB,wCAAwC,IAAI,CAAC,wBAAwB,OAAO,CAC3N,CAAC;SACH;QAED,OAAO,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,wBAAwB,CAAC;KAC1E;IAEO,cAAc,CAAC,YAAoB,EAAE,KAAa;QACxD,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5C,IAAI,SAAS,EAAE;YACZ,SAAyB,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;SACnE;KACF;IAEO,kBAAkB;QACxB,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACtC,MAAM,SAAS,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAEpD,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM,EAAE;YACzB,OAAO;SACR;QAED,IAAI,IAAI,CAAC,gBAAiB,GAAG,SAAS,EAAE;YACtC,IAAI,CAAC,cAAc,CAAC,gCAAgC,EAAE,GAAG,SAAS,KAAK,CAAC,CAAC;YACzE,IAAI,CAAC,WAAW,CACd,SAAS,EACT,kBAAkB,EAClB,CAAC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CACpC,CAAC;YACF,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAC;YACjD,IAAI,CAAC,WAAW,CACd,MAAM,EACN,0BAA0B,EAC1B,IAAI,CAAC,oBAAoB,CAAC,WAAW,CACtC,CAAC;SACH;aAAM;YACL,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;YACvD,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC;YAClD,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,0BAA0B,EAAE,KAAK,CAAC,CAAC;SAC7D;KACF;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,CAAC;KAC5C;;;;;;AAlQ4B;IAA5B,kBAAkB,EAAE;8DAAmC;AAchD;IAJP,qBAAqB,CAAC,iBAAiB,EAAE;QACxC,sBAAsB,EAAE,8BAA8B;KACvD,CAAC;0EAEyD;AAInD;IAFP,qBAAqB,CAAC,cAAc,CAAC;uEAEe;AAiD3C;IADT,cAAc,CAAC,kBAAkB,CAAC;iEACJ;;;;;","names":["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.entry.js","mappings":"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","names":["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/esm/atomic-insight-layout.entry.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { r as registerInstance, g as getElement } from './index-a59c51bd.js';
-import { I as InitializeBindings } from './initialization-utils-1ac142ee.js';
+import { I as InitializeBindings } from './initialization-utils-fff1cf59.js';
 import { r as randomID } from './utils-5372e188.js';
 import { f as findSection, s as sectionSelector } from './atomic-layout-section-utils-c8ca7445.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
+import './initialization-lit-stencil-common-utils-8f9c9a87.js';
 import './purify-985ba52e.js';
 import './_commonjsHelpers-1c8beb5f.js';

package/dist/esm/atomic-insight-layout.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-layout.entry.js","mappings":"~~;;;;;;;;;~~AAKA,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,mBAAmB,GAAG,6BAA6B,CAAC;AAC1D,MAAM,iBAAiB,GAAG,2BAA2B,CAAC;AACtD,MAAM,eAAe,GAAG;IACtB,8BAA8B;IAC9B,4BAA4B;IAC5B,+BAA+B;CAChC,CAAC;AACF,MAAM,qBAAqB,GAAG;IAC5B,0CAA0C;IAC1C,8BAA8B;CAC/B,CAAC;AACF,MAAM,uBAAuB,GAAG,iCAAiC,CAAC;SAMlD,kBAAkB,CAAC,OAAoB,EAAE,MAAe;IACtE,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;IACtB,MAAM,cAAc,GAAG,yBAAyB,EAAE,EAAE,CAAC;IAErD,MAAM,OAAO,GAAG,OAAO,CACrB,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAC5D,CAAC;IAEF,MAAM,cAAc,GAAG,MAAM;UACzB;IACF,cAAc;;;;;;IAMd,cAAc,IAAI,mBAAmB;;IAErC;UACE,EAAE,CAAC;IAEP,MAAM,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,CAAC;;;;;;;;;;;QAWrC,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE;;;MAG3C,eAAe,CAAC,QAAQ,CAAC,IAAI,iBAAiB;;;;;MAK9C,eAAe,CAAC,GAAG,CACnB,CAAC,cAAc,KAAK,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,cAAc;;MAElE,CACD;;MAEC,eAAe,CAAC,QAAQ,CAAC,IAAI,YAAY;;;KAG1C,CAAC;IAEJ,MAAM,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,CAAC;;;KAGxC,CAAC;IAEJ,MAAM,OAAO,GAAG;MACZ,eAAe,CAAC,SAAS,CAAC;;;;MAI1B,eAAe,CAAC,SAAS,CAAC,IAAI,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC;;;;MAI7D,eAAe,CAAC,SAAS,CAAC,IAAI,uBAAuB;;;;KAItD,CAAC;IAEJ,OAAO,CAAC,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;SAC7C,MAAM,CAAC,CAAC,WAAW,KAAK,WAAW,KAAK,EAAE,CAAC;SAC3C,IAAI,CAAC,MAAM,CAAC,CAAC;AAClB;;;;;;;;;;;;MCjFa,mBAAmB;;;;;;QASe,WAAM,GAAG,KAAK,CAAC;sBAAN,KAAK;;IAGpD,YAAY;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACtE;aAAM;YACL,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;KACF;IAEO,YAAY;QAClB,IAAG,CAAC,IAAI,CAAC,QAAQ;YAAG,OAAO;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACrE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACtC;IAEM,gBAAgB;QACrB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,QAAQ,CAAC,wBAAwB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAElB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;;;AAtB4B;IAA5B,kBAAkB,EAAE;qDAAmC;;;;","names":[],"sources":["src/components/insight/atomic-insight-layout/insight-layout.ts","src/components/insight/atomic-insight-layout/atomic-insight-layout.tsx"],"sourcesContent":["import {\n findSection,\n sectionSelector,\n} from '../../common/atomic-layout-section/atomic-layout-section-utils';\n\nconst tabsSelector = 'atomic-insight-tabs';\nconst refineModalSelector = 'atomic-insight-refine-modal';\nconst searchBoxSelector = 'atomic-insight-search-box';\nconst toggleSelectors = [\n 'atomic-insight-refine-toggle',\n 'atomic-insight-edit-toggle',\n 'atomic-insight-history-toggle',\n];\nconst smartSnippetSelectors = [\n 'atomic-insight-smart-snippet-suggestions',\n 'atomic-insight-smart-snippet',\n];\nconst generatedAnswerSelector = 'atomic-insight-generated-answer';\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\n\nexport function buildInsightLayout(element: HTMLElement, widget: boolean) {\n const id = element.id;\n const layoutSelector = `atomic-insight-layout#${id}`;\n\n const hasTabs = Boolean(\n findSection(element, 'search')?.querySelector(tabsSelector)\n );\n\n const interfaceStyle = widget\n ? `\n ${layoutSelector} {\n display: grid;\n grid-template-rows: auto auto 8fr 1fr;\n max-height: 100%;\n box-sizing: border-box;\n }\n ${layoutSelector} ${refineModalSelector} {\n grid-row-start: 5;\n }`\n : '';\n\n const search = `${sectionSelector('search')} {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n grid-gap: 0.5rem;\n background: var(--atomic-neutral-light);\n padding-top: 1.5rem;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n box-sizing: border-box;\n min-width: 0;\n ${!hasTabs ? 'padding-bottom: 1.5rem;' : ''}\n }\n\n ${sectionSelector('search')} ${searchBoxSelector} {\n flex-grow: 1;\n height: 2.6rem;\n }\n\n ${toggleSelectors.map(\n (toggleSelector) => `${sectionSelector('search')} ${toggleSelector} {\n flex-shrink: 0;\n }`\n )}\n\n ${sectionSelector('search')} ${tabsSelector} {\n width: 100%;\n }\n `;\n\n const facets = `${sectionSelector('facets')} {\n display: none;\n }\n `;\n\n const results = `\n ${sectionSelector('results')} {\n overflow: auto;\n }\n\n ${sectionSelector('results')} ${smartSnippetSelectors.join(',')} {\n padding: 1.5rem 1.5rem 0px;\n }\n\n ${sectionSelector('results')} ${generatedAnswerSelector} {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n }\n `;\n\n return [interfaceStyle, search, facets, results]\n .filter((declaration) => declaration !== '')\n .join('\\n\\n');\n}\n","import {Component, Element, Prop, Watch} from '@stencil/core';\nimport {\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\nimport {buildInsightLayout} from './insight-layout';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-layout',\n shadow: false,\n})\nexport class AtomicInsightLayout\n implements InitializableComponent<InsightBindings>\n{\n public error!: Error;\n private styleTag?: HTMLStyleElement;\n @Element() private host!: HTMLElement;\n /\n Whether the interface should be shown in widget format.\n */\n @Prop({reflect: true, mutable: true}) public widget = false;\n @InitializeBindings() public bindings!: InsightBindings;\n @Watch('widget')\n public updateStyles() {\n if (this.styleTag) {\n this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n } else {\n this.makeStyleTag();\n }\n }\n\n private makeStyleTag() {\n if(!this.bindings ) return;\n this.styleTag = this.bindings.createStyleElement();\n this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n this.host.appendChild(this.styleTag);\n }\n\n public componentDidLoad() {\n const id = this.host.id \|\| randomID('atomic-insight-layout-');\n this.host.id = id;\n\n this.makeStyleTag();\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-layout.entry.js","mappings":";;;;;;;;;;AAKA,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,mBAAmB,GAAG,6BAA6B,CAAC;AAC1D,MAAM,iBAAiB,GAAG,2BAA2B,CAAC;AACtD,MAAM,eAAe,GAAG;IACtB,8BAA8B;IAC9B,4BAA4B;IAC5B,+BAA+B;CAChC,CAAC;AACF,MAAM,qBAAqB,GAAG;IAC5B,0CAA0C;IAC1C,8BAA8B;CAC/B,CAAC;AACF,MAAM,uBAAuB,GAAG,iCAAiC,CAAC;SAMlD,kBAAkB,CAAC,OAAoB,EAAE,MAAe;IACtE,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;IACtB,MAAM,cAAc,GAAG,yBAAyB,EAAE,EAAE,CAAC;IAErD,MAAM,OAAO,GAAG,OAAO,CACrB,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAC5D,CAAC;IAEF,MAAM,cAAc,GAAG,MAAM;UACzB;IACF,cAAc;;;;;;IAMd,cAAc,IAAI,mBAAmB;;IAErC;UACE,EAAE,CAAC;IAEP,MAAM,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,CAAC;;;;;;;;;;;QAWrC,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE;;;MAG3C,eAAe,CAAC,QAAQ,CAAC,IAAI,iBAAiB;;;;;MAK9C,eAAe,CAAC,GAAG,CACnB,CAAC,cAAc,KAAK,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,cAAc;;MAElE,CACD;;MAEC,eAAe,CAAC,QAAQ,CAAC,IAAI,YAAY;;;KAG1C,CAAC;IAEJ,MAAM,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,CAAC;;;KAGxC,CAAC;IAEJ,MAAM,OAAO,GAAG;MACZ,eAAe,CAAC,SAAS,CAAC;;;;MAI1B,eAAe,CAAC,SAAS,CAAC,IAAI,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC;;;;MAI7D,eAAe,CAAC,SAAS,CAAC,IAAI,uBAAuB;;;;KAItD,CAAC;IAEJ,OAAO,CAAC,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;SAC7C,MAAM,CAAC,CAAC,WAAW,KAAK,WAAW,KAAK,EAAE,CAAC;SAC3C,IAAI,CAAC,MAAM,CAAC,CAAC;AAClB;;;;;;;;;;;;MCjFa,mBAAmB;;;;;;QASe,WAAM,GAAG,KAAK,CAAC;sBAAN,KAAK;;IAGpD,YAAY;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACtE;aAAM;YACL,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;KACF;IAEO,YAAY;QAClB,IAAG,CAAC,IAAI,CAAC,QAAQ;YAAG,OAAO;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACrE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACtC;IAEM,gBAAgB;QACrB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,QAAQ,CAAC,wBAAwB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAElB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;;;AAtB4B;IAA5B,kBAAkB,EAAE;qDAAmC;;;;","names":[],"sources":["src/components/insight/atomic-insight-layout/insight-layout.ts","src/components/insight/atomic-insight-layout/atomic-insight-layout.tsx"],"sourcesContent":["import {\n findSection,\n sectionSelector,\n} from '../../common/atomic-layout-section/atomic-layout-section-utils';\n\nconst tabsSelector = 'atomic-insight-tabs';\nconst refineModalSelector = 'atomic-insight-refine-modal';\nconst searchBoxSelector = 'atomic-insight-search-box';\nconst toggleSelectors = [\n 'atomic-insight-refine-toggle',\n 'atomic-insight-edit-toggle',\n 'atomic-insight-history-toggle',\n];\nconst smartSnippetSelectors = [\n 'atomic-insight-smart-snippet-suggestions',\n 'atomic-insight-smart-snippet',\n];\nconst generatedAnswerSelector = 'atomic-insight-generated-answer';\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\n\nexport function buildInsightLayout(element: HTMLElement, widget: boolean) {\n const id = element.id;\n const layoutSelector = `atomic-insight-layout#${id}`;\n\n const hasTabs = Boolean(\n findSection(element, 'search')?.querySelector(tabsSelector)\n );\n\n const interfaceStyle = widget\n ? `\n ${layoutSelector} {\n display: grid;\n grid-template-rows: auto auto 8fr 1fr;\n max-height: 100%;\n box-sizing: border-box;\n }\n ${layoutSelector} ${refineModalSelector} {\n grid-row-start: 5;\n }`\n : '';\n\n const search = `${sectionSelector('search')} {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n grid-gap: 0.5rem;\n background: var(--atomic-neutral-light);\n padding-top: 1.5rem;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n box-sizing: border-box;\n min-width: 0;\n ${!hasTabs ? 'padding-bottom: 1.5rem;' : ''}\n }\n\n ${sectionSelector('search')} ${searchBoxSelector} {\n flex-grow: 1;\n height: 2.6rem;\n }\n\n ${toggleSelectors.map(\n (toggleSelector) => `${sectionSelector('search')} ${toggleSelector} {\n flex-shrink: 0;\n }`\n )}\n\n ${sectionSelector('search')} ${tabsSelector} {\n width: 100%;\n }\n `;\n\n const facets = `${sectionSelector('facets')} {\n display: none;\n }\n `;\n\n const results = `\n ${sectionSelector('results')} {\n overflow: auto;\n }\n\n ${sectionSelector('results')} ${smartSnippetSelectors.join(',')} {\n padding: 1.5rem 1.5rem 0px;\n }\n\n ${sectionSelector('results')} ${generatedAnswerSelector} {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n }\n `;\n\n return [interfaceStyle, search, facets, results]\n .filter((declaration) => declaration !== '')\n .join('\\n\\n');\n}\n","import {Component, Element, Prop, Watch} from '@stencil/core';\nimport {\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\nimport {buildInsightLayout} from './insight-layout';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-layout',\n shadow: false,\n})\nexport class AtomicInsightLayout\n implements InitializableComponent<InsightBindings>\n{\n public error!: Error;\n private styleTag?: HTMLStyleElement;\n @Element() private host!: HTMLElement;\n /\n Whether the interface should be shown in widget format.\n */\n @Prop({reflect: true, mutable: true}) public widget = false;\n @InitializeBindings() public bindings!: InsightBindings;\n @Watch('widget')\n public updateStyles() {\n if (this.styleTag) {\n this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n } else {\n this.makeStyleTag();\n }\n }\n\n private makeStyleTag() {\n if(!this.bindings ) return;\n this.styleTag = this.bindings.createStyleElement();\n this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n this.host.appendChild(this.styleTag);\n }\n\n public componentDidLoad() {\n const id = this.host.id \|\| randomID('atomic-insight-layout-');\n this.host.id = id;\n\n this.makeStyleTag();\n }\n}\n"],"version":3}

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

@@ -1,11 +1,12 @@
 import { r as registerInstance, h } from './index-a59c51bd.js';
 import { buildSearchStatus, buildQuerySummary } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-1ac142ee.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-fff1cf59.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-3639e3bd.js';
 import { N as NoItemsContainer, M as MagnifyingGlass } from './stencil-magnifying-glass-b878a911.js';
 import { N as NoItemsGuard, a as NoItems, S as SearchTips } from './stencil-tips-b2cdf4f8.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
+import './initialization-lit-stencil-common-utils-8f9c9a87.js';
 import './utils-5372e188.js';
 import './purify-985ba52e.js';
 import './_commonjsHelpers-1c8beb5f.js';

package/dist/esm/atomic-insight-no-results.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-no-results.entry.js","mappings":"~~;;;;;;;;;;;;;~~AAAA,MAAM,yBAAyB,GAAG,svjEAAsvjE,CAAC;AACzxjE,qCAAe,yBAAyB;;;;;;;;;;;;MC6B3B,sBAAsB;;;;;;;IAmB1B,UAAU;QACf,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5D,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEM,MAAM;QACX,MAAM,EACJ,QAAQ,EAAE,EAAC,IAAI,EAAC,GACjB,GAAG,IAAI,CAAC;QACT,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,EAAC,YAAY,wDAAK,IAAI,CAAC,iBAAiB,IACtC,EAAC,gBAAgB,uDACf,EAAC,eAAe,sDAAG,EACnB,EAAC,OAAO,qDACN,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EACnC,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,YAAY,GACpB,EACF,EAAC,UAAU,qDAAC,IAAI,EAAE,IAAI,GAAI,CACT,CACN,CACX,EACN;KACH;;AAxC4B;IAA5B,kBAAkB,EAAE;wDAAmC;AAMhD;IAFP,qBAAqB,CAAC,cAAc,CAAC;iEAEQ;AAItC;IAFP,qBAAqB,CAAC,cAAc,CAAC;iEAEQ;AAIpC;IADT,cAAc,CAAC,YAAY,CAAC;2DACE;;;;;","names":[],"sources":["src/components/insight/atomic-insight-no-results/atomic-insight-no-results.pcss?tag=atomic-insight-no-results&encapsulation=shadow","src/components/insight/atomic-insight-no-results/atomic-insight-no-results.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {\n buildSearchStatus,\n SearchStatus,\n SearchStatusState,\n QuerySummary,\n QuerySummaryState,\n buildQuerySummary,\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 {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {NoItemsContainer} from '../../common/no-items/stencil-container';\nimport {NoItemsGuard} from '../../common/no-items/stencil-guard';\nimport {MagnifyingGlass} from '../../common/no-items/stencil-magnifying-glass';\nimport {NoItems} from '../../common/no-items/stencil-no-items';\nimport {SearchTips} from '../../common/no-items/stencil-tips';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n */\n@Component({\n tag: 'atomic-insight-no-results',\n styleUrl: 'atomic-insight-no-results.pcss',\n shadow: true,\n})\nexport class AtomicInsightNoResults\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public searchStatus!: SearchStatus;\n public querySummary!: QuerySummary;\n\n @BindStateToController('searchStatus')\n @State()\n private searchStatusState!: SearchStatusState;\n @State()\n @BindStateToController('querySummary')\n @State()\n private querySummaryState!: QuerySummaryState;\n @State() public error!: Error;\n\n @AriaLiveRegion('no-results')\n protected ariaMessage!: string;\n\n public initialize() {\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.querySummary = buildQuerySummary(this.bindings.engine);\n }\n\n public render() {\n const {\n bindings: {i18n},\n } = this;\n return (\n <div class=\"p-3 text-center\">\n <NoItemsGuard {...this.searchStatusState}>\n <NoItemsContainer>\n <MagnifyingGlass />\n <NoItems\n query={this.querySummaryState.query}\n i18n={i18n}\n i18nKey=\"no-results\"\n />\n <SearchTips i18n={i18n} />\n </NoItemsContainer>\n </NoItemsGuard>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-no-results.entry.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,svjEAAsvjE,CAAC;AACzxjE,qCAAe,yBAAyB;;;;;;;;;;;;MC6B3B,sBAAsB;;;;;;;IAmB1B,UAAU;QACf,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5D,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEM,MAAM;QACX,MAAM,EACJ,QAAQ,EAAE,EAAC,IAAI,EAAC,GACjB,GAAG,IAAI,CAAC;QACT,QACE,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,EAAC,YAAY,wDAAK,IAAI,CAAC,iBAAiB,IACtC,EAAC,gBAAgB,uDACf,EAAC,eAAe,sDAAG,EACnB,EAAC,OAAO,qDACN,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EACnC,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,YAAY,GACpB,EACF,EAAC,UAAU,qDAAC,IAAI,EAAE,IAAI,GAAI,CACT,CACN,CACX,EACN;KACH;;AAxC4B;IAA5B,kBAAkB,EAAE;wDAAmC;AAMhD;IAFP,qBAAqB,CAAC,cAAc,CAAC;iEAEQ;AAItC;IAFP,qBAAqB,CAAC,cAAc,CAAC;iEAEQ;AAIpC;IADT,cAAc,CAAC,YAAY,CAAC;2DACE;;;;;","names":[],"sources":["src/components/insight/atomic-insight-no-results/atomic-insight-no-results.pcss?tag=atomic-insight-no-results&encapsulation=shadow","src/components/insight/atomic-insight-no-results/atomic-insight-no-results.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {\n buildSearchStatus,\n SearchStatus,\n SearchStatusState,\n QuerySummary,\n QuerySummaryState,\n buildQuerySummary,\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 {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {NoItemsContainer} from '../../common/no-items/stencil-container';\nimport {NoItemsGuard} from '../../common/no-items/stencil-guard';\nimport {MagnifyingGlass} from '../../common/no-items/stencil-magnifying-glass';\nimport {NoItems} from '../../common/no-items/stencil-no-items';\nimport {SearchTips} from '../../common/no-items/stencil-tips';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n */\n@Component({\n tag: 'atomic-insight-no-results',\n styleUrl: 'atomic-insight-no-results.pcss',\n shadow: true,\n})\nexport class AtomicInsightNoResults\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public searchStatus!: SearchStatus;\n public querySummary!: QuerySummary;\n\n @BindStateToController('searchStatus')\n @State()\n private searchStatusState!: SearchStatusState;\n @State()\n @BindStateToController('querySummary')\n @State()\n private querySummaryState!: QuerySummaryState;\n @State() public error!: Error;\n\n @AriaLiveRegion('no-results')\n protected ariaMessage!: string;\n\n public initialize() {\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.querySummary = buildQuerySummary(this.bindings.engine);\n }\n\n public render() {\n const {\n bindings: {i18n},\n } = this;\n return (\n <div class=\"p-3 text-center\">\n <NoItemsGuard {...this.searchStatusState}>\n <NoItemsContainer>\n <MagnifyingGlass />\n <NoItems\n query={this.querySummaryState.query}\n i18n={i18n}\n i18nKey=\"no-results\"\n />\n <SearchTips i18n={i18n} />\n </NoItemsContainer>\n </NoItemsGuard>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -1,19 +1,20 @@
 import { r as registerInstance, h, g as getElement } from './index-a59c51bd.js';
 import { Schema, StringValue } from '@coveo/bueno';
 import { buildNumericFacet, buildNumericRange, buildNumericFilter, buildFacetConditionsManager, buildSearchStatus, loadNumericFacetSetActions } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-1ac142ee.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-fff1cf59.js';
 import { M as MapProp } from './props-utils-2cf5bd96.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils-3639e3bd.js';
 import { r as randomID } from './utils-5372e188.js';
 import { p as parseDependsOn } from './depends-on-20dabb86.js';
 import { a as FacetContainer, F as FacetHeader, b as FacetPlaceholder } from './stencil-facet-placeholder-8201b5c9.js';
-import { F as FacetGuard } from './stencil-facet-guard-577ea728.js';
+import { F as FacetGuard } from './stencil-facet-guard-23f22272.js';
 import { f as formatHumanReadable, N as NumericFacetValueLink, a as NumericFacetValuesContainer } from './stencil-values-container-fb9e63c6.js';
 import { i as initializePopover } from './popover-type-895c0e24.js';
 import { b as shouldDisplayInputForFacetRange } from './stencil-facet-common-e4c271f2.js';
 import { b as defaultNumberFormatter } from './format-common-274e0f7c.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
+import './initialization-lit-stencil-common-utils-8f9c9a87.js';
 import './purify-985ba52e.js';
 import './_commonjsHelpers-1c8beb5f.js';
 import './arrow-bottom-rounded-043572da.js';

package/dist/esm/atomic-insight-numeric-facet.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-numeric-facet.entry.js","mappings":"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","names":["buildInsightNumericFacet","buildInsightNumericRange","buildInsightNumericFilter","buildInsightFacetConditionsManager","buildInsightSearchStatus","loadInsightNumericFacetSetActions"],"sources":["src/components/insight/atomic-insight-numeric-facet/atomic-insight-numeric-facet.pcss?tag=atomic-insight-numeric-facet&encapsulation=shadow","src/components/insight/atomic-insight-numeric-facet/atomic-insight-numeric-facet.tsx"],"sourcesContent":["@import '../../common/facets/numeric-facet-common.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {\n buildFacetConditionsManager as buildInsightFacetConditionsManager,\n buildNumericFacet as buildInsightNumericFacet,\n buildNumericFilter as buildInsightNumericFilter,\n buildNumericRange as buildInsightNumericRange,\n buildSearchStatus as buildInsightSearchStatus,\n CategoryFacetValueRequest as InsightCategoryFacetValueRequest,\n FacetConditionsManager as InsightFacetConditionsManager,\n FacetValueRequest as InsightFacetValueRequest,\n NumericFacet as InsightNumericFacet,\n NumericFacetState as InsightNumericFacetState,\n NumericFilter as InsightNumericFilter,\n NumericFilterState as InsightNumericFilterState,\n NumericRangeRequest as InsightNumericRangeRequest,\n RangeFacetRangeAlgorithm as InsightRangeFacetRangeAlgorithm,\n RangeFacetSortCriterion as InsightRangeFacetSortCriterion,\n SearchStatus as InsightSearchStatus,\n SearchStatusState as InsightSearchStatusState,\n loadNumericFacetSetActions as loadInsightNumericFacetSetActions,\n} from '@coveo/headless/insight';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {MapProp} from '../../../utils/props-utils';\nimport {FocusTargetController} from '../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../utils/utils';\nimport {parseDependsOn} from '../../common/facets/depends-on';\nimport {FacetInfo} from '../../common/facets/facet-common-store';\nimport {FacetContainer} from '../../common/facets/facet-container/stencil-facet-container';\nimport {FacetGuard} from '../../common/facets/stencil-facet-guard';\nimport {FacetHeader} from '../../common/facets/facet-header/stencil-facet-header';\nimport {NumberInputType} from '../../common/facets/facet-number-input/number-input-type';\nimport {FacetPlaceholder} from '../../common/facets/facet-placeholder/stencil-facet-placeholder';\nimport {formatHumanReadable} from '../../common/facets/numeric-facet/formatter';\nimport {NumericFacetValueLink} from '../../common/facets/numeric-facet/stencil-value-link';\nimport {NumericFacetValuesContainer} from '../../common/facets/numeric-facet/stencil-values-container';\nimport {initializePopover} from '../../common/facets/popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from '../../common/facets/stencil-facet-common';\nimport {\n defaultNumberFormatter,\n NumberFormatter,\n} from '../../common/formats/format-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-numeric-facet',\n styleUrl: './atomic-insight-numeric-facet.pcss',\n shadow: true,\n})\nexport class AtomicInsightNumericFacet\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public facetForRange?: InsightNumericFacet;\n public facetForInput?: InsightNumericFacet;\n public filter?: InsightNumericFilter;\n public searchStatus!: InsightSearchStatus;\n private manualRanges: (InsightNumericRangeRequest & {label?: string})[] = [];\n private dependenciesManager?: InsightFacetConditionsManager;\n\n @Element() private host!: HTMLElement;\n private formatter: NumberFormatter = defaultNumberFormatter;\n @BindStateToController('facetForRange')\n @State()\n public facetState!: InsightNumericFacetState;\n @BindStateToController('filter')\n @State()\n public filterState?: InsightNumericFilterState;\n @BindStateToController('searchStatus')\n @State()\n public searchStatusState!: InsightSearchStatusState;\n @State() public error!: Error;\n @BindStateToController('facetForInput')\n @State()\n public facetForInputState?: InsightNumericFacetState;\n\n /\n Specifies a unique identifier for the facet.\n /\n @Prop({mutable: true, reflect: true}) public facetId?: string;\n /\n The non-localized label for the facet.\n * Used in the `atomic-breadbox` component through the bindings store.\n /\n @Prop({reflect: true}) public label = 'no-label';\n /\n The field whose values you want to display in the facet.\n /\n @Prop({reflect: true}) public field!: string;\n /\n The number of values to request for this facet, when there are no manual ranges.\n * If the number of values is 0, no ranges will be displayed.\n /\n @Prop({reflect: true}) public numberOfValues = 8;\n /\n Whether this facet should contain an input allowing users to set custom ranges.\n * Depending on the field, the input can allow either decimal or integer values.\n /\n @Prop({reflect: true}) public withInput?: NumberInputType;\n /\n The sort criterion to apply to the returned facet values.\n * Possible values are 'ascending' and 'descending'.\n /\n @Prop({reflect: true}) public sortCriteria: InsightRangeFacetSortCriterion =\n 'ascending';\n /\n The algorithm that's used for generating the ranges of this facet when they aren't manually defined. The default value of `\"equiprobable\"` generates facet ranges which vary in size but have a more balanced number of results within each range. The value of `\"even\"` generates equally sized facet ranges across all of the results.\n /\n @Prop({reflect: true})\n public rangeAlgorithm: InsightRangeFacetRangeAlgorithm = 'equiprobable';\n /\n Whether to display the facet values as checkboxes (multiple selection) or links (single selection).\n * Possible values are 'checkbox' and 'link'.\n /\n @Prop({reflect: true}) public displayValuesAs: 'checkbox' \| 'link' =\n 'checkbox';\n /\n Specifies if the facet is collapsed.\n /\n @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n /\n The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n /\n @Prop({reflect: true}) public headingLevel = 0;\n /\n Whether to exclude the parents of folded results when estimating the result count for each facet value.\n \n \n * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n /\n @Prop({reflect: true}) public filterFacetCount = true;\n /\n The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n * Note: A high injectionDepth may negatively impact the facet request performance.\n * Minimum: `0`\n * Default: `1000`\n /\n @Prop({reflect: true}) public injectionDepth = 1000;\n\n /\n The required facets and values for this facet to be displayed.\n * Examples:\n * ```html\n * <atomic-insight-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-insight-facet>\n \n <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n * <atomic-insight-numeric-facet\n * depends-on-abc\n * ...\n * ></atomic-insight-numeric-facet>\n \n <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n * <atomic-insight-numeric-facet\n * depends-on-abc=\"doc\"\n * ...\n * ></atomic-insight-numeric-facet>\n * ```\n */\n @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n private headerFocus?: FocusTargetController;\n\n public initialize() {\n this.validateProps();\n this.computeFacetId();\n this.initializeFacetForInput();\n this.initializeFacetForRange();\n this.initializeFilter();\n this.initializeDependenciesManager();\n this.initializeSearchStatus();\n this.registerFacetToStore();\n }\n\n private get focusTarget(): FocusTargetController {\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this);\n }\n return this.headerFocus;\n }\n\n public disconnectedCallback() {\n if (this.host.isConnected) {\n return;\n }\n this.dependenciesManager?.stopWatching();\n }\n\n private initializeFacetForInput() {\n if (!this.withInput) {\n return;\n }\n this.facetForInput = buildInsightNumericFacet(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input_range`,\n numberOfValues: 1,\n generateAutomaticRanges: true,\n field: this.field,\n sortCriteria: this.sortCriteria,\n rangeAlgorithm: this.rangeAlgorithm,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n },\n });\n\n return this.facetForInput;\n }\n\n private initializeFacetForRange() {\n if (this.numberOfValues <= 0) {\n return;\n }\n\n this.manualRanges = Array.from(\n this.host.querySelectorAll('atomic-numeric-range')\n ).map(({start, end, endInclusive, label}) => ({\n ...buildInsightNumericRange({start, end, endInclusive}),\n label,\n }));\n\n this.facetForRange = buildInsightNumericFacet(this.bindings.engine, {\n options: {\n facetId: this.facetId,\n field: this.field,\n numberOfValues: this.numberOfValues,\n sortCriteria: this.sortCriteria,\n rangeAlgorithm: this.rangeAlgorithm,\n currentValues: this.manualRanges,\n generateAutomaticRanges: !this.manualRanges.length,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n },\n });\n\n return this.facetForRange;\n }\n\n private initializeFilter() {\n if (!this.withInput) {\n return;\n }\n\n this.filter = buildInsightNumericFilter(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input`,\n field: this.field,\n },\n });\n }\n\n private initializeDependenciesManager() {\n this.dependenciesManager = buildInsightFacetConditionsManager(\n this.bindings.engine,\n {\n facetId:\n this.facetForRange?.state.facetId ?? this.filter!.state.facetId,\n conditions: parseDependsOn<\n InsightFacetValueRequest \| InsightCategoryFacetValueRequest\n >(this.dependsOn),\n }\n );\n }\n\n private initializeSearchStatus() {\n this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n }\n\n private registerFacetToStore() {\n const facetInfo: FacetInfo = {\n label: () => this.bindings.i18n.t(this.label),\n facetId: this.facetId!,\n element: this.host,\n isHidden: () => this.isHidden,\n };\n\n this.bindings.store.registerFacet('numericFacets', {\n ...facetInfo,\n format: (value) =>\n formatHumanReadable({\n facetValue: value,\n logger: this.bindings.engine.logger,\n i18n: this.bindings.i18n,\n field: this.field,\n manualRanges: this.manualRanges,\n formatter: this.formatter,\n }),\n });\n\n initializePopover(this.host, {\n ...facetInfo,\n hasValues: () => this.hasValues,\n numberOfActiveValues: () => this.numberOfSelectedValues,\n });\n\n if (this.filter) {\n this.bindings.store.state.numericFacets[this.filter.state.facetId] =\n this.bindings.store.state.numericFacets[this.facetId!];\n }\n }\n\n @Listen('atomic/numberFormat')\n public setFormat(event: CustomEvent<NumberFormatter>) {\n event.preventDefault();\n event.stopPropagation();\n this.formatter = event.detail;\n }\n\n @Listen('atomic/numberInputApply')\n public applyNumberInput() {\n this.facetId &&\n this.bindings.engine.dispatch(\n loadInsightNumericFacetSetActions(\n this.bindings.engine\n ).deselectAllNumericFacetValues(this.facetId)\n );\n }\n\n public render() {\n const {\n searchStatusState: {firstSearchExecuted, hasError},\n bindings: {i18n},\n label,\n numberOfSelectedValues,\n isCollapsed,\n headingLevel,\n focusTarget,\n withInput,\n filter,\n } = this;\n return (\n <FacetGuard\n enabled={this.enabled}\n firstSearchExecuted={firstSearchExecuted}\n hasError={hasError}\n hasResults={this.shouldRenderFacet}\n >\n {firstSearchExecuted ? (\n <FacetContainer>\n <FacetHeader\n i18n={i18n}\n label={label}\n onClearFilters={() => {\n focusTarget.focusAfterSearch();\n if (this.filterState?.range) {\n this.filter?.clear();\n return;\n }\n this.facetForRange?.deselectAll();\n }}\n numberOfActiveValues={numberOfSelectedValues}\n isCollapsed={isCollapsed}\n headingLevel={headingLevel}\n onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n headerRef={(el) => focusTarget.setTarget(el)}\n />\n {!isCollapsed && [\n this.shouldRenderValues && this.renderValues(),\n this.shouldRenderInput && (\n <atomic-facet-number-input\n type={withInput!}\n bindings={this.bindings}\n label={label}\n filter={filter!}\n filterState={filter!.state}\n ></atomic-facet-number-input>\n ),\n ]}\n </FacetContainer>\n ) : (\n <FacetPlaceholder\n isCollapsed={this.isCollapsed}\n numberOfValues={this.numberOfValues}\n />\n )}\n </FacetGuard>\n );\n }\n\n private renderValues() {\n const {\n displayValuesAs,\n field,\n manualRanges,\n label,\n bindings: {\n i18n,\n engine: {logger},\n },\n } = this;\n\n return (\n <NumericFacetValuesContainer i18n={i18n} label={label}>\n {this.valuesToRender.map((value) => (\n <NumericFacetValueLink\n formatter={this.formatter}\n displayValuesAs={displayValuesAs}\n facetValue={value}\n field={field}\n i18n={i18n}\n logger={logger}\n manualRanges={manualRanges}\n onClick={() =>\n this.displayValuesAs === 'link'\n ? this.facetForRange!.toggleSingleSelect(value)\n : this.facetForRange!.toggleSelect(value)\n }\n />\n ))}\n </NumericFacetValuesContainer>\n );\n }\n\n private get numberOfSelectedValues() {\n if (this.filter?.state.range) {\n return 1;\n }\n\n return (\n this.facetForRange?.state.values.filter(({state}) => state === 'selected')\n .length \|\| 0\n );\n }\n\n private get shouldRenderValues() {\n return (\n !this.hasInputRange &&\n this.numberOfValues > 0 &&\n !!this.valuesToRender.length\n );\n }\n\n private get hasInputRange() {\n return !!this.filter?.state.range;\n }\n\n private get valuesToRender() {\n return (\n this.facetForRange?.state.values.filter(\n (value) => value.numberOfResults \|\| value.state !== 'idle'\n ) \|\| []\n );\n }\n\n private get shouldRenderInput() {\n return shouldDisplayInputForFacetRange({\n hasInputRange: this.hasInputRange,\n searchStatusState: this.searchStatusState,\n facetValues: this.facetForInput?.state.values \|\| [],\n hasInput: !!this.withInput,\n });\n }\n\n private computeFacetId() {\n if (this.facetId) {\n return;\n }\n\n if (this.bindings.store.state.numericFacets[this.field]) {\n this.facetId = randomID(`${this.field}_`);\n }\n\n this.facetId = this.field;\n }\n\n private get isHidden() {\n return !this.shouldRenderFacet \|\| !this.facetState.enabled;\n }\n\n private get shouldRenderFacet() {\n return this.shouldRenderInput \|\| this.shouldRenderValues;\n }\n\n private get hasValues() {\n if (this.facetForInput?.state.values.length) {\n return true;\n }\n\n return !!this.valuesToRender.length;\n }\n\n private get enabled() {\n return this.facetState?.enabled ?? this.filter?.state.enabled ?? true;\n }\n\n private validateProps() {\n new Schema({\n displayValuesAs: new StringValue({constrainTo: ['checkbox', 'link']}),\n withInput: new StringValue({constrainTo: ['integer', 'decimal']}),\n }).validate({\n displayValuesAs: this.displayValuesAs,\n withInput: this.withInput,\n });\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-numeric-facet.entry.js","mappings":"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","names":["buildInsightNumericFacet","buildInsightNumericRange","buildInsightNumericFilter","buildInsightFacetConditionsManager","buildInsightSearchStatus","loadInsightNumericFacetSetActions"],"sources":["src/components/insight/atomic-insight-numeric-facet/atomic-insight-numeric-facet.pcss?tag=atomic-insight-numeric-facet&encapsulation=shadow","src/components/insight/atomic-insight-numeric-facet/atomic-insight-numeric-facet.tsx"],"sourcesContent":["@import '../../common/facets/numeric-facet-common.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {\n buildFacetConditionsManager as buildInsightFacetConditionsManager,\n buildNumericFacet as buildInsightNumericFacet,\n buildNumericFilter as buildInsightNumericFilter,\n buildNumericRange as buildInsightNumericRange,\n buildSearchStatus as buildInsightSearchStatus,\n CategoryFacetValueRequest as InsightCategoryFacetValueRequest,\n FacetConditionsManager as InsightFacetConditionsManager,\n FacetValueRequest as InsightFacetValueRequest,\n NumericFacet as InsightNumericFacet,\n NumericFacetState as InsightNumericFacetState,\n NumericFilter as InsightNumericFilter,\n NumericFilterState as InsightNumericFilterState,\n NumericRangeRequest as InsightNumericRangeRequest,\n RangeFacetRangeAlgorithm as InsightRangeFacetRangeAlgorithm,\n RangeFacetSortCriterion as InsightRangeFacetSortCriterion,\n SearchStatus as InsightSearchStatus,\n SearchStatusState as InsightSearchStatusState,\n loadNumericFacetSetActions as loadInsightNumericFacetSetActions,\n} from '@coveo/headless/insight';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {MapProp} from '../../../utils/props-utils';\nimport {FocusTargetController} from '../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../utils/utils';\nimport {parseDependsOn} from '../../common/facets/depends-on';\nimport {FacetInfo} from '../../common/facets/facet-common-store';\nimport {FacetContainer} from '../../common/facets/facet-container/stencil-facet-container';\nimport {FacetGuard} from '../../common/facets/stencil-facet-guard';\nimport {FacetHeader} from '../../common/facets/facet-header/stencil-facet-header';\nimport {NumberInputType} from '../../common/facets/facet-number-input/number-input-type';\nimport {FacetPlaceholder} from '../../common/facets/facet-placeholder/stencil-facet-placeholder';\nimport {formatHumanReadable} from '../../common/facets/numeric-facet/formatter';\nimport {NumericFacetValueLink} from '../../common/facets/numeric-facet/stencil-value-link';\nimport {NumericFacetValuesContainer} from '../../common/facets/numeric-facet/stencil-values-container';\nimport {initializePopover} from '../../common/facets/popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from '../../common/facets/stencil-facet-common';\nimport {\n defaultNumberFormatter,\n NumberFormatter,\n} from '../../common/formats/format-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-numeric-facet',\n styleUrl: './atomic-insight-numeric-facet.pcss',\n shadow: true,\n})\nexport class AtomicInsightNumericFacet\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public facetForRange?: InsightNumericFacet;\n public facetForInput?: InsightNumericFacet;\n public filter?: InsightNumericFilter;\n public searchStatus!: InsightSearchStatus;\n private manualRanges: (InsightNumericRangeRequest & {label?: string})[] = [];\n private dependenciesManager?: InsightFacetConditionsManager;\n\n @Element() private host!: HTMLElement;\n private formatter: NumberFormatter = defaultNumberFormatter;\n @BindStateToController('facetForRange')\n @State()\n public facetState!: InsightNumericFacetState;\n @BindStateToController('filter')\n @State()\n public filterState?: InsightNumericFilterState;\n @BindStateToController('searchStatus')\n @State()\n public searchStatusState!: InsightSearchStatusState;\n @State() public error!: Error;\n @BindStateToController('facetForInput')\n @State()\n public facetForInputState?: InsightNumericFacetState;\n\n /\n Specifies a unique identifier for the facet.\n /\n @Prop({mutable: true, reflect: true}) public facetId?: string;\n /\n The non-localized label for the facet.\n * Used in the `atomic-breadbox` component through the bindings store.\n /\n @Prop({reflect: true}) public label = 'no-label';\n /\n The field whose values you want to display in the facet.\n /\n @Prop({reflect: true}) public field!: string;\n /\n The number of values to request for this facet, when there are no manual ranges.\n * If the number of values is 0, no ranges will be displayed.\n /\n @Prop({reflect: true}) public numberOfValues = 8;\n /\n Whether this facet should contain an input allowing users to set custom ranges.\n * Depending on the field, the input can allow either decimal or integer values.\n /\n @Prop({reflect: true}) public withInput?: NumberInputType;\n /\n The sort criterion to apply to the returned facet values.\n * Possible values are 'ascending' and 'descending'.\n /\n @Prop({reflect: true}) public sortCriteria: InsightRangeFacetSortCriterion =\n 'ascending';\n /\n The algorithm that's used for generating the ranges of this facet when they aren't manually defined. The default value of `\"equiprobable\"` generates facet ranges which vary in size but have a more balanced number of results within each range. The value of `\"even\"` generates equally sized facet ranges across all of the results.\n /\n @Prop({reflect: true})\n public rangeAlgorithm: InsightRangeFacetRangeAlgorithm = 'equiprobable';\n /\n Whether to display the facet values as checkboxes (multiple selection) or links (single selection).\n * Possible values are 'checkbox' and 'link'.\n /\n @Prop({reflect: true}) public displayValuesAs: 'checkbox' \| 'link' =\n 'checkbox';\n /\n Specifies if the facet is collapsed.\n /\n @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n /\n The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n /\n @Prop({reflect: true}) public headingLevel = 0;\n /\n Whether to exclude the parents of folded results when estimating the result count for each facet value.\n \n \n * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n /\n @Prop({reflect: true}) public filterFacetCount = true;\n /\n The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n * Note: A high injectionDepth may negatively impact the facet request performance.\n * Minimum: `0`\n * Default: `1000`\n /\n @Prop({reflect: true}) public injectionDepth = 1000;\n\n /\n The required facets and values for this facet to be displayed.\n * Examples:\n * ```html\n * <atomic-insight-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-insight-facet>\n \n <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n * <atomic-insight-numeric-facet\n * depends-on-abc\n * ...\n * ></atomic-insight-numeric-facet>\n \n <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n * <atomic-insight-numeric-facet\n * depends-on-abc=\"doc\"\n * ...\n * ></atomic-insight-numeric-facet>\n * ```\n */\n @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n private headerFocus?: FocusTargetController;\n\n public initialize() {\n this.validateProps();\n this.computeFacetId();\n this.initializeFacetForInput();\n this.initializeFacetForRange();\n this.initializeFilter();\n this.initializeDependenciesManager();\n this.initializeSearchStatus();\n this.registerFacetToStore();\n }\n\n private get focusTarget(): FocusTargetController {\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this);\n }\n return this.headerFocus;\n }\n\n public disconnectedCallback() {\n if (this.host.isConnected) {\n return;\n }\n this.dependenciesManager?.stopWatching();\n }\n\n private initializeFacetForInput() {\n if (!this.withInput) {\n return;\n }\n this.facetForInput = buildInsightNumericFacet(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input_range`,\n numberOfValues: 1,\n generateAutomaticRanges: true,\n field: this.field,\n sortCriteria: this.sortCriteria,\n rangeAlgorithm: this.rangeAlgorithm,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n },\n });\n\n return this.facetForInput;\n }\n\n private initializeFacetForRange() {\n if (this.numberOfValues <= 0) {\n return;\n }\n\n this.manualRanges = Array.from(\n this.host.querySelectorAll('atomic-numeric-range')\n ).map(({start, end, endInclusive, label}) => ({\n ...buildInsightNumericRange({start, end, endInclusive}),\n label,\n }));\n\n this.facetForRange = buildInsightNumericFacet(this.bindings.engine, {\n options: {\n facetId: this.facetId,\n field: this.field,\n numberOfValues: this.numberOfValues,\n sortCriteria: this.sortCriteria,\n rangeAlgorithm: this.rangeAlgorithm,\n currentValues: this.manualRanges,\n generateAutomaticRanges: !this.manualRanges.length,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n },\n });\n\n return this.facetForRange;\n }\n\n private initializeFilter() {\n if (!this.withInput) {\n return;\n }\n\n this.filter = buildInsightNumericFilter(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input`,\n field: this.field,\n },\n });\n }\n\n private initializeDependenciesManager() {\n this.dependenciesManager = buildInsightFacetConditionsManager(\n this.bindings.engine,\n {\n facetId:\n this.facetForRange?.state.facetId ?? this.filter!.state.facetId,\n conditions: parseDependsOn<\n InsightFacetValueRequest \| InsightCategoryFacetValueRequest\n >(this.dependsOn),\n }\n );\n }\n\n private initializeSearchStatus() {\n this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n }\n\n private registerFacetToStore() {\n const facetInfo: FacetInfo = {\n label: () => this.bindings.i18n.t(this.label),\n facetId: this.facetId!,\n element: this.host,\n isHidden: () => this.isHidden,\n };\n\n this.bindings.store.registerFacet('numericFacets', {\n ...facetInfo,\n format: (value) =>\n formatHumanReadable({\n facetValue: value,\n logger: this.bindings.engine.logger,\n i18n: this.bindings.i18n,\n field: this.field,\n manualRanges: this.manualRanges,\n formatter: this.formatter,\n }),\n });\n\n initializePopover(this.host, {\n ...facetInfo,\n hasValues: () => this.hasValues,\n numberOfActiveValues: () => this.numberOfSelectedValues,\n });\n\n if (this.filter) {\n this.bindings.store.state.numericFacets[this.filter.state.facetId] =\n this.bindings.store.state.numericFacets[this.facetId!];\n }\n }\n\n @Listen('atomic/numberFormat')\n public setFormat(event: CustomEvent<NumberFormatter>) {\n event.preventDefault();\n event.stopPropagation();\n this.formatter = event.detail;\n }\n\n @Listen('atomic/numberInputApply')\n public applyNumberInput() {\n this.facetId &&\n this.bindings.engine.dispatch(\n loadInsightNumericFacetSetActions(\n this.bindings.engine\n ).deselectAllNumericFacetValues(this.facetId)\n );\n }\n\n public render() {\n const {\n searchStatusState: {firstSearchExecuted, hasError},\n bindings: {i18n},\n label,\n numberOfSelectedValues,\n isCollapsed,\n headingLevel,\n focusTarget,\n withInput,\n filter,\n } = this;\n return (\n <FacetGuard\n enabled={this.enabled}\n firstSearchExecuted={firstSearchExecuted}\n hasError={hasError}\n hasResults={this.shouldRenderFacet}\n >\n {firstSearchExecuted ? (\n <FacetContainer>\n <FacetHeader\n i18n={i18n}\n label={label}\n onClearFilters={() => {\n focusTarget.focusAfterSearch();\n if (this.filterState?.range) {\n this.filter?.clear();\n return;\n }\n this.facetForRange?.deselectAll();\n }}\n numberOfActiveValues={numberOfSelectedValues}\n isCollapsed={isCollapsed}\n headingLevel={headingLevel}\n onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n headerRef={(el) => focusTarget.setTarget(el)}\n />\n {!isCollapsed && [\n this.shouldRenderValues && this.renderValues(),\n this.shouldRenderInput && (\n <atomic-facet-number-input\n type={withInput!}\n bindings={this.bindings}\n label={label}\n filter={filter!}\n filterState={filter!.state}\n ></atomic-facet-number-input>\n ),\n ]}\n </FacetContainer>\n ) : (\n <FacetPlaceholder\n isCollapsed={this.isCollapsed}\n numberOfValues={this.numberOfValues}\n />\n )}\n </FacetGuard>\n );\n }\n\n private renderValues() {\n const {\n displayValuesAs,\n field,\n manualRanges,\n label,\n bindings: {\n i18n,\n engine: {logger},\n },\n } = this;\n\n return (\n <NumericFacetValuesContainer i18n={i18n} label={label}>\n {this.valuesToRender.map((value) => (\n <NumericFacetValueLink\n formatter={this.formatter}\n displayValuesAs={displayValuesAs}\n facetValue={value}\n field={field}\n i18n={i18n}\n logger={logger}\n manualRanges={manualRanges}\n onClick={() =>\n this.displayValuesAs === 'link'\n ? this.facetForRange!.toggleSingleSelect(value)\n : this.facetForRange!.toggleSelect(value)\n }\n />\n ))}\n </NumericFacetValuesContainer>\n );\n }\n\n private get numberOfSelectedValues() {\n if (this.filter?.state.range) {\n return 1;\n }\n\n return (\n this.facetForRange?.state.values.filter(({state}) => state === 'selected')\n .length \|\| 0\n );\n }\n\n private get shouldRenderValues() {\n return (\n !this.hasInputRange &&\n this.numberOfValues > 0 &&\n !!this.valuesToRender.length\n );\n }\n\n private get hasInputRange() {\n return !!this.filter?.state.range;\n }\n\n private get valuesToRender() {\n return (\n this.facetForRange?.state.values.filter(\n (value) => value.numberOfResults \|\| value.state !== 'idle'\n ) \|\| []\n );\n }\n\n private get shouldRenderInput() {\n return shouldDisplayInputForFacetRange({\n hasInputRange: this.hasInputRange,\n searchStatusState: this.searchStatusState,\n facetValues: this.facetForInput?.state.values \|\| [],\n hasInput: !!this.withInput,\n });\n }\n\n private computeFacetId() {\n if (this.facetId) {\n return;\n }\n\n if (this.bindings.store.state.numericFacets[this.field]) {\n this.facetId = randomID(`${this.field}_`);\n }\n\n this.facetId = this.field;\n }\n\n private get isHidden() {\n return !this.shouldRenderFacet \|\| !this.facetState.enabled;\n }\n\n private get shouldRenderFacet() {\n return this.shouldRenderInput \|\| this.shouldRenderValues;\n }\n\n private get hasValues() {\n if (this.facetForInput?.state.values.length) {\n return true;\n }\n\n return !!this.valuesToRender.length;\n }\n\n private get enabled() {\n return this.facetState?.enabled ?? this.filter?.state.enabled ?? true;\n }\n\n private validateProps() {\n new Schema({\n displayValuesAs: new StringValue({constrainTo: ['checkbox', 'link']}),\n withInput: new StringValue({constrainTo: ['integer', 'decimal']}),\n }).validate({\n displayValuesAs: this.displayValuesAs,\n withInput: this.withInput,\n });\n }\n}\n"],"version":3}

package/dist/esm/atomic-insight-pager.entry.js CHANGED Viewed

@@ -2,12 +2,13 @@ import { h, r as registerInstance, c as createEvent, H as Host } from './index-a
 import { buildSearchStatus, buildPager } from '@coveo/headless/insight';
 import { A as ArrowLeftIcon } from './arrow-left-rounded-27d1c97b.js';
 import { A as ArrowRightIcon } from './arrow-right-rounded-bdbe0f8b.js';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-1ac142ee.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-fff1cf59.js';
 import { r as randomID } from './utils-5372e188.js';
 import { B as Button } from './stencil-button-d6e06ca8.js';
 import { R as RadioButton } from './stencil-radio-button-51ac04fd.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
+import './initialization-lit-stencil-common-utils-8f9c9a87.js';
 import './purify-985ba52e.js';
 import './_commonjsHelpers-1c8beb5f.js';

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

	@@ -1 +1 @@
1	- {"file":"atomic-insight-pager.entry.js","mappings":"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","names":["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}
1	+ {"file":"atomic-insight-pager.entry.js","mappings":"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","names":["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/esm/atomic-insight-query-error.entry.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { r as registerInstance, h } from './index-a59c51bd.js';
 import { buildQueryError, getOrganizationEndpoint } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-1ac142ee.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-fff1cf59.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-3639e3bd.js';
 import { g as getAriaMessageFromErrorType, Q as QueryErrorContainer, a as QueryErrorIcon, b as QueryErrorTitle, c as QueryErrorDescription, d as QueryErrorShowMore, e as QueryErrorLink, f as QueryErrorDetails, h as QueryErrorGuard } from './stencil-link-7146fbbd.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
+import './initialization-lit-stencil-common-utils-8f9c9a87.js';
 import './utils-5372e188.js';
 import './purify-985ba52e.js';
 import './_commonjsHelpers-1c8beb5f.js';

package/dist/esm/atomic-insight-query-error.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-query-error.entry.js","mappings":"~~;;;;;;;;;;;;~~AAAA,MAAM,0BAA0B,GAAG,svjEAAsvjE,CAAC;AAC1xjE,sCAAe,0BAA0B;;;;;;;;;;;;MC+B5B,gBAAgB;;;QAUlB,iBAAY,GAAG,KAAK,CAAC;;;4BAAN,KAAK;;IAKtB,UAAU;QACf,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KACzD;IAEM,MAAM;QACX,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAC/C,MAAM,EACJ,QAAQ,EAAE,EACR,IAAI,EACJ,MAAM,EAAE,EACN,KAAK,EAAE,EACL,aAAa,EAAE,EAAC,cAAc,EAAE,WAAW,EAAC,GAC7C,GACF,GACF,GACF,GAAG,IAAI,CAAC;QACT,MAAM,GAAG,GAAG,uBAAuB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;QACjE,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,2BAA2B,CAC5C,IAAI,EACJ,cAAc,EACd,GAAG,EACH,KAAK,EAAE,IAAI,CACZ,CAAC;SACH;QACD,QACE,EAAC,eAAe,qDAAC,QAAQ,EAAE,QAAQ,IACjC,EAAC,mBAAmB,uDAClB,EAAC,cAAc,qDAAC,SAAS,EAAE,KAAK,EAAE,IAAI,GAAI,EAC1C,EAAC,eAAe,qDAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,GAAI,EAC/D,EAAC,qBAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,GAAG,GACR,EACF,EAAC,kBAAkB,qDACjB,IAAI,EAAE,EAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,GAAI,EAC5D,UAAU,EAAE,OAAO,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,EAC1D,IAAI,EAAE,IAAI,GACV,EACF,EAAC,iBAAiB,qDAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,GAAI,CACxC,CACN,EAClB;KACH;;AAxD4B;IAA5B,kBAAkB,EAAE;kDAAmC;AAKhD;IAFP,qBAAqB,CAAC,YAAY,CAAC;yDAEM;AAKhC;IADT,cAAc,CAAC,aAAa,CAAC;qDACC;;;;;","names":[],"sources":["src/components/insight/atomic-insight-query-error/atomic-insight-query-error.pcss?tag=atomic-insight-query-error&encapsulation=shadow","src/components/insight/atomic-insight-query-error/atomic-insight-query-error.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {\n QueryError,\n QueryErrorState,\n buildQueryError,\n getOrganizationEndpoint,\n} from '@coveo/headless/insight';\nimport {Component, h, State} from '@stencil/core';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {QueryErrorDetails} from '../../common/query-error/stencil-details';\nimport {QueryErrorIcon} from '../../common/query-error/stencil-icon';\nimport {QueryErrorShowMore} from '../../common/query-error/stencil-show-more';\nimport {QueryErrorContainer} from '../../common/query-error/stencil-container';\nimport {QueryErrorDescription} from '../../common/query-error/stencil-description';\nimport {QueryErrorGuard} from '../../common/query-error/stencil-guard';\nimport {QueryErrorTitle} from '../../common/query-error/stencil-title';\nimport {getAriaMessageFromErrorType} from '../../common/query-error/utils';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\nimport {QueryErrorLink} from '../../common/query-error/stencil-link';\n\n/*\n @internal\n */\n@Component({\n tag: 'atomic-insight-query-error',\n styleUrl: 'atomic-insight-query-error.pcss',\n shadow: true,\n})\nexport class AtomicQueryError\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public queryError!: QueryError;\n\n @BindStateToController('queryError')\n @State()\n private queryErrorState!: QueryErrorState;\n @State() public error!: Error;\n @State() showMoreInfo = false;\n\n @AriaLiveRegion('query-error')\n protected ariaMessage!: string;\n\n public initialize() {\n this.queryError = buildQueryError(this.bindings.engine);\n }\n\n public render() {\n const {hasError, error} = this.queryErrorState;\n const {\n bindings: {\n i18n,\n engine: {\n state: {\n configuration: {organizationId, environment},\n },\n },\n },\n } = this;\n const url = getOrganizationEndpoint(organizationId, environment);\n if (hasError) {\n this.ariaMessage = getAriaMessageFromErrorType(\n i18n,\n organizationId,\n url,\n error?.type\n );\n }\n return (\n <QueryErrorGuard hasError={hasError}>\n <QueryErrorContainer>\n <QueryErrorIcon errorType={error?.type} />\n <QueryErrorTitle i18n={i18n} organizationId={organizationId} />\n <QueryErrorDescription\n i18n={i18n}\n organizationId={organizationId}\n url={url}\n />\n <QueryErrorShowMore\n link={<QueryErrorLink i18n={i18n} errorType={error?.type} />}\n onShowMore={() => (this.showMoreInfo = !this.showMoreInfo)}\n i18n={i18n}\n />\n <QueryErrorDetails error={error} show={this.showMoreInfo} />\n </QueryErrorContainer>\n </QueryErrorGuard>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-query-error.entry.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,svjEAAsvjE,CAAC;AAC1xjE,sCAAe,0BAA0B;;;;;;;;;;;;MC+B5B,gBAAgB;;;QAUlB,iBAAY,GAAG,KAAK,CAAC;;;4BAAN,KAAK;;IAKtB,UAAU;QACf,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KACzD;IAEM,MAAM;QACX,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAC/C,MAAM,EACJ,QAAQ,EAAE,EACR,IAAI,EACJ,MAAM,EAAE,EACN,KAAK,EAAE,EACL,aAAa,EAAE,EAAC,cAAc,EAAE,WAAW,EAAC,GAC7C,GACF,GACF,GACF,GAAG,IAAI,CAAC;QACT,MAAM,GAAG,GAAG,uBAAuB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;QACjE,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,2BAA2B,CAC5C,IAAI,EACJ,cAAc,EACd,GAAG,EACH,KAAK,EAAE,IAAI,CACZ,CAAC;SACH;QACD,QACE,EAAC,eAAe,qDAAC,QAAQ,EAAE,QAAQ,IACjC,EAAC,mBAAmB,uDAClB,EAAC,cAAc,qDAAC,SAAS,EAAE,KAAK,EAAE,IAAI,GAAI,EAC1C,EAAC,eAAe,qDAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,GAAI,EAC/D,EAAC,qBAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,GAAG,GACR,EACF,EAAC,kBAAkB,qDACjB,IAAI,EAAE,EAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,GAAI,EAC5D,UAAU,EAAE,OAAO,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,EAC1D,IAAI,EAAE,IAAI,GACV,EACF,EAAC,iBAAiB,qDAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,GAAI,CACxC,CACN,EAClB;KACH;;AAxD4B;IAA5B,kBAAkB,EAAE;kDAAmC;AAKhD;IAFP,qBAAqB,CAAC,YAAY,CAAC;yDAEM;AAKhC;IADT,cAAc,CAAC,aAAa,CAAC;qDACC;;;;;","names":[],"sources":["src/components/insight/atomic-insight-query-error/atomic-insight-query-error.pcss?tag=atomic-insight-query-error&encapsulation=shadow","src/components/insight/atomic-insight-query-error/atomic-insight-query-error.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {\n QueryError,\n QueryErrorState,\n buildQueryError,\n getOrganizationEndpoint,\n} from '@coveo/headless/insight';\nimport {Component, h, State} from '@stencil/core';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {QueryErrorDetails} from '../../common/query-error/stencil-details';\nimport {QueryErrorIcon} from '../../common/query-error/stencil-icon';\nimport {QueryErrorShowMore} from '../../common/query-error/stencil-show-more';\nimport {QueryErrorContainer} from '../../common/query-error/stencil-container';\nimport {QueryErrorDescription} from '../../common/query-error/stencil-description';\nimport {QueryErrorGuard} from '../../common/query-error/stencil-guard';\nimport {QueryErrorTitle} from '../../common/query-error/stencil-title';\nimport {getAriaMessageFromErrorType} from '../../common/query-error/utils';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\nimport {QueryErrorLink} from '../../common/query-error/stencil-link';\n\n/*\n @internal\n */\n@Component({\n tag: 'atomic-insight-query-error',\n styleUrl: 'atomic-insight-query-error.pcss',\n shadow: true,\n})\nexport class AtomicQueryError\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public queryError!: QueryError;\n\n @BindStateToController('queryError')\n @State()\n private queryErrorState!: QueryErrorState;\n @State() public error!: Error;\n @State() showMoreInfo = false;\n\n @AriaLiveRegion('query-error')\n protected ariaMessage!: string;\n\n public initialize() {\n this.queryError = buildQueryError(this.bindings.engine);\n }\n\n public render() {\n const {hasError, error} = this.queryErrorState;\n const {\n bindings: {\n i18n,\n engine: {\n state: {\n configuration: {organizationId, environment},\n },\n },\n },\n } = this;\n const url = getOrganizationEndpoint(organizationId, environment);\n if (hasError) {\n this.ariaMessage = getAriaMessageFromErrorType(\n i18n,\n organizationId,\n url,\n error?.type\n );\n }\n return (\n <QueryErrorGuard hasError={hasError}>\n <QueryErrorContainer>\n <QueryErrorIcon errorType={error?.type} />\n <QueryErrorTitle i18n={i18n} organizationId={organizationId} />\n <QueryErrorDescription\n i18n={i18n}\n organizationId={organizationId}\n url={url}\n />\n <QueryErrorShowMore\n link={<QueryErrorLink i18n={i18n} errorType={error?.type} />}\n onShowMore={() => (this.showMoreInfo = !this.showMoreInfo)}\n i18n={i18n}\n />\n <QueryErrorDetails error={error} show={this.showMoreInfo} />\n </QueryErrorContainer>\n </QueryErrorGuard>\n );\n }\n}\n"],"version":3}

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

@@ -1,10 +1,11 @@
 import { h, F as Fragment, r as registerInstance } from './index-a59c51bd.js';
 import { buildQuerySummary } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-1ac142ee.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-fff1cf59.js';
 import { L as LocalizedString } from './jsx-utils-6d1b227a.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-3639e3bd.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
+import './initialization-lit-stencil-common-utils-8f9c9a87.js';
 import './utils-5372e188.js';
 import './purify-985ba52e.js';
 import './_commonjsHelpers-1c8beb5f.js';

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

	@@ -1 +1 @@
1	- {"file":"atomic-insight-query-summary.entry.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}
1	+ {"file":"atomic-insight-query-summary.entry.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/esm/atomic-insight-refine-modal.entry.js CHANGED Viewed

@@ -1,11 +1,12 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a59c51bd.js';
 import { buildQuerySummary, buildBreadcrumbManager } from '@coveo/headless/insight';
 import { r as rectEquals } from './dom-utils-f6086cd3.js';
-import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-1ac142ee.js';
+import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-fff1cf59.js';
 import { g as getClonedFacetElements } from './cloned-facet-elements-fb7b7ce2.js';
 import { R as RefineModal } from './stencil-modal-b9d6d845.js';
 import { B as Button } from './stencil-button-d6e06ca8.js';
 import './event-utils-8de63ec3.js';
+import './initialization-lit-stencil-common-utils-8f9c9a87.js';
 import './popover-type-895c0e24.js';
 import './store-3bc9050f.js';
 import './purify-985ba52e.js';
@@ -75,15 +76,15 @@ const AtomicInsightRefineModal = class {
         if (!this.bindings.store.getFacetElements().length) {
             return h(Hidden, null);
         }
-        return (h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), h("slot", { name: "facets" })));
+        return (h("aside", { slot: "body", class: "flex flex-col w-full", "aria-label": this.bindings.i18n.t('refine-modal-content') }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: '45bc657c43816c07669e6c8dc7537238af24ec98' }, this.interfaceDimensions && (h("style", { key: 'a3bbb1d3790725b252c8219321e3f3da187e924d' }, `atomic-modal::part(backdrop) {
+        return (h(Host, { key: '39fec14529d76fcbed84a73ba82d293348fc0097' }, this.interfaceDimensions && (h("style", { key: '14ca6335ca4472222e45ffc085b1c53f5e2b5127' }, `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: '4c11b2bb5ee88b64c99961e43c8ec7fe1dbf620a', 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: '5f5e37184b5ee4084ab152ec570b967d589f5b78', 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/esm/atomic-insight-refine-modal.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-refine-modal.entry.js","mappings":"~~;;;;;;;;;;;;;;;~~AAAA,MAAM,2BAA2B,GAAG,ovjEAAovjE,CAAC;AACzxjE,uCAAe,2BAA2B;;;;;;;;;;;;MC4B7B,wBAAwB;;;QAsBG,WAAM,GAAG,KAAK,CAAC;;;;;;sBAAN,KAAK;;IAMpD,YAAY,CAAC,MAAe;QAC1B,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE;gBAClD,IAAI,CAAC,IAAI,CAAC,MAAM,CACd,sBAAsB,CACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,EACtC,CAAC,EACD,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAC/B,CACF,CAAC;aACH;YACD,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;KACF;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QACD,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE;YAC3B,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;QACD,MAAM,CAAC,qBAAqB,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;KAC7D;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CAAC,UAAU,CAChB,IAAI,CAAC,mBAAmB,EACxB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CACvD,CAAC;KACH;IAEM,gBAAgB;QACrB,IAAI,CAAC,mBAAmB;YACtB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;KAC1D;IAEM,UAAU;QACf,IAAI,CAAC,YAAY,GAAGA,iBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnE,IAAI,CAAC,iBAAiB,GAAGC,sBAA6B,CACpD,IAAI,CAAC,QAAQ,CAAC,MAAM,CACrB,CAAC;KACH;IAEO,YAAY;QAClB,QACE,WAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,sBAAsB,CAAC,cAAc,KACzC,EAAC,MAAM,IACL,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,EACnD,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAC/C,KAAK,EAAC,WAAW,GACT,CACX,CACG,EACN;KACH;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE;YAClD,OAAO,EAAC,MAAM,OAAU,CAAC;SAC1B;QAED,QACE,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,~~IAC5C~~,IAAI,CAAC,YAAY,EAAE,EACpB,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACrB,EACR;KACH;IAEM,MAAM;QACX,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,mBAAmB,KACvB,gEACG;mBACM,IAAI,CAAC,mBAAmB,CAAC,GAAG;oBAC3B,IAAI,CAAC,mBAAmB,CAAC,IAAI;qBAC5B,IAAI,CAAC,mBAAmB,CAAC,KAAK;sBAC7B,IAAI,CAAC,mBAAmB,CAAC,MAAM;cACvC,CACI,CACT,EACD,EAAC,WAAW,qDACV,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EACpC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EACtC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,IAEpC,IAAI,CAAC,UAAU,EAAE,CACN,CACT,EACP;KACH;IAEM,gBAAgB;QACrB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;KAC9B;;;;;;AApI4B;IAA5B,kBAAkB,EAAE;0DAAmC;AAKjD;IAFN,qBAAqB,CAAC,cAAc,CAAC;mEAEc;AAI7C;IAFN,qBAAqB,CAAC,mBAAmB,CAAC;wEAEmB;;;;;","names":["buildInsightQuerySummary","buildInsightBreadcrumbManager"],"sources":["src/components/insight/atomic-insight-refine-modal/atomic-insight-refine-modal.pcss?tag=atomic-insight-refine-modal&encapsulation=shadow","src/components/insight/atomic-insight-refine-modal/atomic-insight-refine-modal.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n/* This stylesheet can be removed once atomic-insight-refine-modal is migrated to lit. /","import {\n QuerySummary as InsightQuerySummary,\n QuerySummaryState as InsightQuerySummaryState,\n buildQuerySummary as buildInsightQuerySummary,\n BreadcrumbManager as InsightBreadcrumbManager,\n BreadcrumbManagerState as InsightBreadcrumbManagerState,\n buildBreadcrumbManager as buildInsightBreadcrumbManager,\n} from '@coveo/headless/insight';\nimport {Component, h, State, Prop, Element, Watch, Host} from '@stencil/core';\nimport {rectEquals} from '../../../utils/dom-utils';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {getClonedFacetElements} from '../../common/refine-modal/cloned-facet-elements';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {Button} from '../../common/stencil-button';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/\n @internal\n */\n@Component({\n tag: 'atomic-insight-refine-modal',\n styleUrl: 'atomic-insight-refine-modal.pcss',\n shadow: true,\n})\nexport class AtomicInsightRefineModal\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n @Element() public host!: HTMLElement;\n\n @BindStateToController('querySummary')\n @State()\n public querySummaryState!: InsightQuerySummaryState;\n\n @BindStateToController('breadcrumbManager')\n @State()\n public breadcrumbManagerState!: InsightBreadcrumbManagerState;\n\n @State()\n public error!: Error;\n\n @State()\n public interfaceDimensions?: DOMRect;\n\n @Prop({mutable: true}) openButton?: HTMLElement;\n\n @Prop({reflect: true, mutable: true}) isOpen = false;\n\n public querySummary!: InsightQuerySummary;\n private breadcrumbManager!: InsightBreadcrumbManager;\n\n @Watch('isOpen')\n watchEnabled(isOpen: boolean) {\n if (isOpen) {\n if (!this.host.querySelector('div[slot=\"facets\"]')) {\n this.host.append(\n getClonedFacetElements(\n this.bindings.store.getFacetElements(),\n 0,\n this.bindings.interfaceElement\n )\n );\n }\n this.onAnimationFrame();\n }\n }\n\n private onAnimationFrame() {\n if (!this.isOpen) {\n return;\n }\n if (this.dimensionChanged()) {\n this.updateDimensions();\n }\n window.requestAnimationFrame(() => this.onAnimationFrame());\n }\n\n private dimensionChanged() {\n if (!this.interfaceDimensions) {\n return true;\n }\n\n return !rectEquals(\n this.interfaceDimensions,\n this.bindings.interfaceElement.getBoundingClientRect()\n );\n }\n\n public updateDimensions() {\n this.interfaceDimensions =\n this.bindings.interfaceElement.getBoundingClientRect();\n }\n\n public initialize() {\n this.querySummary = buildInsightQuerySummary(this.bindings.engine);\n this.breadcrumbManager = buildInsightBreadcrumbManager(\n this.bindings.engine\n );\n }\n\n private renderHeader() {\n return (\n <div class=\"flex justify-between w-full mb-3\">\n {this.breadcrumbManagerState.hasBreadcrumbs && (\n <Button\n onClick={() => this.breadcrumbManager.deselectAll()}\n style=\"text-primary\"\n text={this.bindings.i18n.t('clear-all-filters')}\n class=\"px-2 py-1\"\n ></Button>\n )}\n </div>\n );\n }\n\n private renderBody() {\n if (!this.bindings.store.getFacetElements().length) {\n return <Hidden></Hidden>;\n }\n\n return (\n <aside slot=\"body\" class=\"flex flex-col w-full\">\n {this.renderHeader()}\n <slot name=\"facets\"></slot>\n </aside>\n );\n }\n\n public render() {\n return (\n <Host>\n {this.interfaceDimensions && (\n <style>\n {`atomic-modal::part(backdrop) {\n top: ${this.interfaceDimensions.top}px;\n left: ${this.interfaceDimensions.left}px;\n width: ${this.interfaceDimensions.width}px;\n height: ${this.interfaceDimensions.height}px;\n }`}\n </style>\n )}\n <RefineModal\n i18n={this.bindings.i18n}\n host={this.host}\n isOpen={this.isOpen}\n onClose={() => (this.isOpen = false)}\n numberOfItems={this.querySummaryState.total}\n title={this.bindings.i18n.t('filters')}\n openButton={this.openButton}\n scope={this.bindings.interfaceElement}\n >\n {this.renderBody()}\n </RefineModal>\n </Host>\n );\n }\n\n public componentDidLoad() {\n this.host.style.display = '';\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-refine-modal.entry.js","mappings":"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","names":["buildInsightQuerySummary","buildInsightBreadcrumbManager"],"sources":["src/components/insight/atomic-insight-refine-modal/atomic-insight-refine-modal.pcss?tag=atomic-insight-refine-modal&encapsulation=shadow","src/components/insight/atomic-insight-refine-modal/atomic-insight-refine-modal.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n/* This stylesheet can be removed once atomic-insight-refine-modal is migrated to lit. /","import {\n QuerySummary as InsightQuerySummary,\n QuerySummaryState as InsightQuerySummaryState,\n buildQuerySummary as buildInsightQuerySummary,\n BreadcrumbManager as InsightBreadcrumbManager,\n BreadcrumbManagerState as InsightBreadcrumbManagerState,\n buildBreadcrumbManager as buildInsightBreadcrumbManager,\n} from '@coveo/headless/insight';\nimport {Component, h, State, Prop, Element, Watch, Host} from '@stencil/core';\nimport {rectEquals} from '../../../utils/dom-utils';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {getClonedFacetElements} from '../../common/refine-modal/cloned-facet-elements';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {Button} from '../../common/stencil-button';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/\n @internal\n */\n@Component({\n tag: 'atomic-insight-refine-modal',\n styleUrl: 'atomic-insight-refine-modal.pcss',\n shadow: true,\n})\nexport class AtomicInsightRefineModal\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n @Element() public host!: HTMLElement;\n\n @BindStateToController('querySummary')\n @State()\n public querySummaryState!: InsightQuerySummaryState;\n\n @BindStateToController('breadcrumbManager')\n @State()\n public breadcrumbManagerState!: InsightBreadcrumbManagerState;\n\n @State()\n public error!: Error;\n\n @State()\n public interfaceDimensions?: DOMRect;\n\n @Prop({mutable: true}) openButton?: HTMLElement;\n\n @Prop({reflect: true, mutable: true}) isOpen = false;\n\n public querySummary!: InsightQuerySummary;\n private breadcrumbManager!: InsightBreadcrumbManager;\n\n @Watch('isOpen')\n watchEnabled(isOpen: boolean) {\n if (isOpen) {\n if (!this.host.querySelector('div[slot=\"facets\"]')) {\n this.host.append(\n getClonedFacetElements(\n this.bindings.store.getFacetElements(),\n 0,\n this.bindings.interfaceElement\n )\n );\n }\n this.onAnimationFrame();\n }\n }\n\n private onAnimationFrame() {\n if (!this.isOpen) {\n return;\n }\n if (this.dimensionChanged()) {\n this.updateDimensions();\n }\n window.requestAnimationFrame(() => this.onAnimationFrame());\n }\n\n private dimensionChanged() {\n if (!this.interfaceDimensions) {\n return true;\n }\n\n return !rectEquals(\n this.interfaceDimensions,\n this.bindings.interfaceElement.getBoundingClientRect()\n );\n }\n\n public updateDimensions() {\n this.interfaceDimensions =\n this.bindings.interfaceElement.getBoundingClientRect();\n }\n\n public initialize() {\n this.querySummary = buildInsightQuerySummary(this.bindings.engine);\n this.breadcrumbManager = buildInsightBreadcrumbManager(\n this.bindings.engine\n );\n }\n\n private renderHeader() {\n return (\n <div class=\"flex justify-between w-full mb-3\">\n {this.breadcrumbManagerState.hasBreadcrumbs && (\n <Button\n onClick={() => this.breadcrumbManager.deselectAll()}\n style=\"text-primary\"\n text={this.bindings.i18n.t('clear-all-filters')}\n class=\"px-2 py-1\"\n ></Button>\n )}\n </div>\n );\n }\n\n private renderBody() {\n if (!this.bindings.store.getFacetElements().length) {\n return <Hidden></Hidden>;\n }\n\n return (\n <aside slot=\"body\" class=\"flex flex-col w-full\" aria-label={this.bindings.i18n.t('refine-modal-content')}>\n {this.renderHeader()}\n <slot name=\"facets\"></slot>\n </aside>\n );\n }\n\n public render() {\n return (\n <Host>\n {this.interfaceDimensions && (\n <style>\n {`atomic-modal::part(backdrop) {\n top: ${this.interfaceDimensions.top}px;\n left: ${this.interfaceDimensions.left}px;\n width: ${this.interfaceDimensions.width}px;\n height: ${this.interfaceDimensions.height}px;\n }`}\n </style>\n )}\n <RefineModal\n i18n={this.bindings.i18n}\n host={this.host}\n isOpen={this.isOpen}\n onClose={() => (this.isOpen = false)}\n numberOfItems={this.querySummaryState.total}\n title={this.bindings.i18n.t('filters')}\n openButton={this.openButton}\n scope={this.bindings.interfaceElement}\n >\n {this.renderBody()}\n </RefineModal>\n </Host>\n );\n }\n\n public componentDidLoad() {\n this.host.style.display = '';\n }\n}\n"],"version":3}