npm - @coveo/atomic - Versions diffs - 3.35.0-pre.62aec01e2b → 3.35.0-pre.657dcf9743 - Mend

@coveo/atomic 3.35.0-pre.62aec01e2b → 3.35.0-pre.657dcf9743

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

package/dist/atomic/components/atomic-insight-smart-snippet-suggestions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-insight-smart-snippet-suggestions.js","mappings":"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","names":["AtomicInsightSmartSnippetSuggestions","buildInsightSmartSnippetQuestionsList"],"sources":["src/components/insight/smart-snippets/atomic-insight-smart-snippet-suggestions/atomic-insight-smart-snippet-suggestions.pcss?tag=atomic-insight-smart-snippet-suggestions&encapsulation=shadow","src/components/insight/smart-snippets/atomic-insight-smart-snippet-suggestions/atomic-insight-smart-snippet-suggestions.tsx"],"sourcesContent":["@import '../../../common/smart-snippets/atomic-smart-snippet-suggestions/atomic-smart-snippet-suggestions.pcss';\n","import {getAttributesFromLinkSlot} from '@/src/components/common/item-link/attributes-slot';\nimport {Hidden} from '@/src/components/common/stencil-hidden';\nimport {randomID} from '@/src/utils/utils';\nimport {\n buildSmartSnippetQuestionsList as buildInsightSmartSnippetQuestionsList,\n SmartSnippetQuestionsList as InsightSmartSnippetQuestionsList,\n SmartSnippetQuestionsListState as InsightSmartSnippetQuestionsListState,\n Result,\n SmartSnippetRelatedQuestion,\n} from '@coveo/headless/insight';\nimport {Component, Prop, State, Element, h} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport ArrowRight from '../../../../images/arrow-right.svg';\nimport {\n InitializableComponent,\n InitializeBindings,\n BindStateToController,\n} from '../../../../utils/initialization-utils';\nimport {\n getQuestionPart,\n SmartSnippetSuggestionsAnswerAndSourceWrapper,\n SmartSnippetSuggestionsFooter,\n SmartSnippetSuggestionsQuestion,\n SmartSnippetSuggestionsQuestionWrapper,\n SmartSnippetSuggestionsWrapper,\n} from '../../../common/smart-snippets/atomic-smart-snippet-suggestions/smart-snippet-suggestions-common';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-smart-snippet-suggestions',\n styleUrl: 'atomic-insight-smart-snippet-suggestions.pcss',\n shadow: true,\n})\nexport class AtomicInsightSmartSnippetSuggestions\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public smartSnippetQuestionsList!: InsightSmartSnippetQuestionsList;\n @BindStateToController('smartSnippetQuestionsList')\n @State()\n public smartSnippetQuestionsListState!: InsightSmartSnippetQuestionsListState;\n public error!: Error;\n @Element() public host!: HTMLElement;\n\n /\n The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the \"People also ask\" heading over the snippets, from 1 to 5.\n /\n @Prop({reflect: true}) public headingLevel = 0;\n\n /\n Sets the style of the snippets.\n \n Example:\n * ```ts\n * smartSnippet.snippetStyle = `\n * b {\n * color: blue;\n * }\n * `;\n * ```\n */\n @Prop() snippetStyle?: string;\n\n private id!: string;\n\n public initialize() {\n this.id \|\|= randomID('atomic-smart-snippet-suggestions-');\n this.smartSnippetQuestionsList = buildInsightSmartSnippetQuestionsList(\n this.bindings.engine\n );\n }\n\n public render() {\n if (!this.smartSnippetQuestionsListState.questions.length) {\n return <Hidden></Hidden>;\n }\n\n return (\n <SmartSnippetSuggestionsWrapper\n headingLevel={this.headingLevel}\n i18n={this.bindings.i18n}\n >\n {this.smartSnippetQuestionsListState.questions.map(\n (relatedQuestion, i) => this.renderRelatedQuestion(relatedQuestion, i)\n )}\n </SmartSnippetSuggestionsWrapper>\n );\n }\n\n private renderRelatedQuestion(\n relatedQuestion: SmartSnippetRelatedQuestion,\n index: number\n ) {\n return (\n <SmartSnippetSuggestionsQuestionWrapper\n expanded={relatedQuestion.expanded}\n key={relatedQuestion.questionAnswerId}\n >\n <SmartSnippetSuggestionsQuestion\n ariaControls={`${this.id}-${index}`}\n expanded={relatedQuestion.expanded}\n headingLevel={this.headingLevel}\n onClick={() => this.toggleQuestion(relatedQuestion)}\n question={relatedQuestion.question}\n >\n <atomic-icon\n icon={relatedQuestion.expanded ? ArrowDown : ArrowRight}\n part={getQuestionPart('icon', relatedQuestion.expanded)}\n class=\"mr-3 w-2.5 stroke-[1.25]\"\n ></atomic-icon>\n </SmartSnippetSuggestionsQuestion>\n {relatedQuestion.expanded && this.renderAnswer(relatedQuestion, index)}\n </SmartSnippetSuggestionsQuestionWrapper>\n );\n }\n\n private renderAnswer(\n relatedQuestion: SmartSnippetRelatedQuestion,\n index: number\n ) {\n return (\n <SmartSnippetSuggestionsAnswerAndSourceWrapper\n expanded={relatedQuestion.expanded}\n id={`${this.id}-${index}`}\n >\n <atomic-smart-snippet-answer\n exportparts=\"answer\"\n htmlContent={relatedQuestion.answer}\n innerStyle={this.style}\n onSelectInlineLink={(e) =>\n this.smartSnippetQuestionsList.selectInlineLink(\n relatedQuestion.questionAnswerId,\n e.detail\n )\n }\n onBeginDelayedSelectInlineLink={(e) =>\n this.smartSnippetQuestionsList.beginDelayedSelectInlineLink(\n relatedQuestion.questionAnswerId,\n e.detail\n )\n }\n onCancelPendingSelectInlineLink={(e) =>\n this.smartSnippetQuestionsList.cancelPendingSelectInlineLink(\n relatedQuestion.questionAnswerId,\n e.detail\n )\n }\n ></atomic-smart-snippet-answer>\n {relatedQuestion.source &&\n this.renderSource(\n relatedQuestion.questionAnswerId,\n relatedQuestion.source\n )}\n </SmartSnippetSuggestionsAnswerAndSourceWrapper>\n );\n }\n\n private renderSource(questionAnswerId: string, source: Result) {\n return (\n <SmartSnippetSuggestionsFooter i18n={this.bindings.i18n}>\n <atomic-smart-snippet-source\n anchorAttributes={getAttributesFromLinkSlot(\n this.host,\n 'source-anchor-attributes'\n )}\n onBeginDelayedSelectSource={() =>\n this.smartSnippetQuestionsList.beginDelayedSelectSource(\n questionAnswerId\n )\n }\n onCancelPendingSelectSource={() =>\n this.smartSnippetQuestionsList.cancelPendingSelectSource(\n questionAnswerId\n )\n }\n onSelectSource={() =>\n this.smartSnippetQuestionsList.selectSource(questionAnswerId)\n }\n source={source}\n ></atomic-smart-snippet-source>\n </SmartSnippetSuggestionsFooter>\n );\n }\n\n private get style() {\n const styleTag = this.host\n .querySelector('template')\n ?.content.querySelector('style');\n if (!styleTag) {\n return this.snippetStyle;\n }\n return styleTag.innerHTML;\n }\n\n private toggleQuestion(relatedQuestion: SmartSnippetRelatedQuestion) {\n if (relatedQuestion.expanded) {\n this.smartSnippetQuestionsList.collapse(relatedQuestion.questionAnswerId);\n } else {\n this.smartSnippetQuestionsList.expand(relatedQuestion.questionAnswerId);\n }\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-smart-snippet-suggestions.js","mappings":"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","names":["AtomicInsightSmartSnippetSuggestions","buildInsightSmartSnippetQuestionsList"],"sources":["src/components/insight/smart-snippets/atomic-insight-smart-snippet-suggestions/atomic-insight-smart-snippet-suggestions.pcss?tag=atomic-insight-smart-snippet-suggestions&encapsulation=shadow","src/components/insight/smart-snippets/atomic-insight-smart-snippet-suggestions/atomic-insight-smart-snippet-suggestions.tsx"],"sourcesContent":["@import '../../../common/smart-snippets/atomic-smart-snippet-suggestions/atomic-smart-snippet-suggestions.pcss';\n","import {getAttributesFromLinkSlotContent} from '@/src/components/common/item-link/attributes-slot';\nimport {Hidden} from '@/src/components/common/stencil-hidden';\nimport {randomID} from '@/src/utils/utils';\nimport {\n buildSmartSnippetQuestionsList as buildInsightSmartSnippetQuestionsList,\n SmartSnippetQuestionsList as InsightSmartSnippetQuestionsList,\n SmartSnippetQuestionsListState as InsightSmartSnippetQuestionsListState,\n Result,\n SmartSnippetRelatedQuestion,\n} from '@coveo/headless/insight';\nimport {Component, Prop, State, Element, h} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport ArrowRight from '../../../../images/arrow-right.svg';\nimport {\n InitializableComponent,\n InitializeBindings,\n BindStateToController,\n} from '../../../../utils/initialization-utils';\nimport {\n getQuestionPart,\n SmartSnippetSuggestionsAnswerAndSourceWrapper,\n SmartSnippetSuggestionsFooter,\n SmartSnippetSuggestionsQuestion,\n SmartSnippetSuggestionsQuestionWrapper,\n SmartSnippetSuggestionsWrapper,\n} from '../../../common/smart-snippets/atomic-smart-snippet-suggestions/smart-snippet-suggestions-common';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-smart-snippet-suggestions',\n styleUrl: 'atomic-insight-smart-snippet-suggestions.pcss',\n shadow: true,\n})\nexport class AtomicInsightSmartSnippetSuggestions\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public smartSnippetQuestionsList!: InsightSmartSnippetQuestionsList;\n @BindStateToController('smartSnippetQuestionsList')\n @State()\n public smartSnippetQuestionsListState!: InsightSmartSnippetQuestionsListState;\n public error!: Error;\n @Element() public host!: HTMLElement;\n\n /\n The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the \"People also ask\" heading over the snippets, from 1 to 5.\n /\n @Prop({reflect: true}) public headingLevel = 0;\n\n /\n Sets the style of the snippets.\n \n Example:\n * ```ts\n * smartSnippet.snippetStyle = `\n * b {\n * color: blue;\n * }\n * `;\n * ```\n */\n @Prop() snippetStyle?: string;\n\n private id!: string;\n\n public initialize() {\n this.id \|\|= randomID('atomic-smart-snippet-suggestions-');\n this.smartSnippetQuestionsList = buildInsightSmartSnippetQuestionsList(\n this.bindings.engine\n );\n }\n\n public render() {\n if (!this.smartSnippetQuestionsListState.questions.length) {\n return <Hidden></Hidden>;\n }\n\n return (\n <SmartSnippetSuggestionsWrapper\n headingLevel={this.headingLevel}\n i18n={this.bindings.i18n}\n >\n {this.smartSnippetQuestionsListState.questions.map(\n (relatedQuestion, i) => this.renderRelatedQuestion(relatedQuestion, i)\n )}\n </SmartSnippetSuggestionsWrapper>\n );\n }\n\n private renderRelatedQuestion(\n relatedQuestion: SmartSnippetRelatedQuestion,\n index: number\n ) {\n return (\n <SmartSnippetSuggestionsQuestionWrapper\n expanded={relatedQuestion.expanded}\n key={relatedQuestion.questionAnswerId}\n >\n <SmartSnippetSuggestionsQuestion\n ariaControls={`${this.id}-${index}`}\n expanded={relatedQuestion.expanded}\n headingLevel={this.headingLevel}\n onClick={() => this.toggleQuestion(relatedQuestion)}\n question={relatedQuestion.question}\n >\n <atomic-icon\n icon={relatedQuestion.expanded ? ArrowDown : ArrowRight}\n part={getQuestionPart('icon', relatedQuestion.expanded)}\n class=\"mr-3 w-2.5 stroke-[1.25]\"\n ></atomic-icon>\n </SmartSnippetSuggestionsQuestion>\n {relatedQuestion.expanded && this.renderAnswer(relatedQuestion, index)}\n </SmartSnippetSuggestionsQuestionWrapper>\n );\n }\n\n private renderAnswer(\n relatedQuestion: SmartSnippetRelatedQuestion,\n index: number\n ) {\n return (\n <SmartSnippetSuggestionsAnswerAndSourceWrapper\n expanded={relatedQuestion.expanded}\n id={`${this.id}-${index}`}\n >\n <atomic-smart-snippet-answer\n exportparts=\"answer\"\n htmlContent={relatedQuestion.answer}\n innerStyle={this.style}\n onSelectInlineLink={(e) =>\n this.smartSnippetQuestionsList.selectInlineLink(\n relatedQuestion.questionAnswerId,\n e.detail\n )\n }\n onBeginDelayedSelectInlineLink={(e) =>\n this.smartSnippetQuestionsList.beginDelayedSelectInlineLink(\n relatedQuestion.questionAnswerId,\n e.detail\n )\n }\n onCancelPendingSelectInlineLink={(e) =>\n this.smartSnippetQuestionsList.cancelPendingSelectInlineLink(\n relatedQuestion.questionAnswerId,\n e.detail\n )\n }\n ></atomic-smart-snippet-answer>\n {relatedQuestion.source &&\n this.renderSource(\n relatedQuestion.questionAnswerId,\n relatedQuestion.source\n )}\n </SmartSnippetSuggestionsAnswerAndSourceWrapper>\n );\n }\n\n private renderSource(questionAnswerId: string, source: Result) {\n return (\n <SmartSnippetSuggestionsFooter i18n={this.bindings.i18n}>\n <atomic-smart-snippet-source\n anchorAttributes={getAttributesFromLinkSlotContent(\n this.host,\n 'source-anchor-attributes'\n )}\n onBeginDelayedSelectSource={() =>\n this.smartSnippetQuestionsList.beginDelayedSelectSource(\n questionAnswerId\n )\n }\n onCancelPendingSelectSource={() =>\n this.smartSnippetQuestionsList.cancelPendingSelectSource(\n questionAnswerId\n )\n }\n onSelectSource={() =>\n this.smartSnippetQuestionsList.selectSource(questionAnswerId)\n }\n source={source}\n ></atomic-smart-snippet-source>\n </SmartSnippetSuggestionsFooter>\n );\n }\n\n private get style() {\n const styleTag = this.host\n .querySelector('template')\n ?.content.querySelector('style');\n if (!styleTag) {\n return this.snippetStyle;\n }\n return styleTag.innerHTML;\n }\n\n private toggleQuestion(relatedQuestion: SmartSnippetRelatedQuestion) {\n if (relatedQuestion.expanded) {\n this.smartSnippetQuestionsList.collapse(relatedQuestion.questionAnswerId);\n } else {\n this.smartSnippetQuestionsList.expand(relatedQuestion.questionAnswerId);\n }\n }\n}\n"],"version":3}

package/dist/atomic/components/atomic-insight-smart-snippet.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { g as getAttributesFromLinkSlot } from './attributes-slot.js';
+import { g as getAttributesFromLinkSlotContent } from './attributes-slot.js';
 import { S as SmartSnippetWrapper, a as SmartSnippetQuestion, b as SmartSnippetFooter, c as SmartSnippetFeedbackBanner } from './smart-snippet-common.js';
 import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils.js';
 import { r as randomID } from './utils.js';
@@ -70,7 +70,7 @@ const AtomicInsightSmartSnippet$1 = /*@__PURE__*/ proxyCustomElement(class Atomi
             return h(Hidden, null);
         }
         const source = this.smartSnippetState.source;
-        return (h(SmartSnippetWrapper, { headingLevel: this.headingLevel, i18n: this.bindings.i18n }, h("atomic-smart-snippet-collapse-wrapper", null, h(SmartSnippetQuestion, { headingLevel: this.headingLevel, question: this.smartSnippetState.question }), h("atomic-smart-snippet-expandable-answer", { collapsedHeight: this.collapsedHeight, expanded: this.smartSnippetState.expanded, exportparts: "answer,show-more-button,show-less-button,truncated-answer", htmlContent: this.smartSnippetState.answer, maximumHeight: this.maximumHeight, onCollapse: () => this.smartSnippet.collapse(), onExpand: () => this.smartSnippet.expand(), part: "body", snippetStyle: this.style }), h(SmartSnippetFooter, { i18n: this.bindings.i18n }, source && (h("atomic-smart-snippet-source", { anchorAttributes: getAttributesFromLinkSlot(this.host, 'source-anchor-attributes'), onBeginDelayedSelectSource: this.smartSnippet.beginDelayedSelectSource, onCancelPendingSelectSource: this.smartSnippet.cancelPendingSelectSource, onSelectSource: this.smartSnippet.selectSource, source: source })), h(SmartSnippetFeedbackBanner, { disliked: this.smartSnippetState.disliked, explainWhyRef: (button) => {
+        return (h(SmartSnippetWrapper, { headingLevel: this.headingLevel, i18n: this.bindings.i18n }, h("atomic-smart-snippet-collapse-wrapper", null, h(SmartSnippetQuestion, { headingLevel: this.headingLevel, question: this.smartSnippetState.question }), h("atomic-smart-snippet-expandable-answer", { collapsedHeight: this.collapsedHeight, expanded: this.smartSnippetState.expanded, exportparts: "answer,show-more-button,show-less-button,truncated-answer", htmlContent: this.smartSnippetState.answer, maximumHeight: this.maximumHeight, onCollapse: () => this.smartSnippet.collapse(), onExpand: () => this.smartSnippet.expand(), part: "body", snippetStyle: this.style }), h(SmartSnippetFooter, { i18n: this.bindings.i18n }, source && (h("atomic-smart-snippet-source", { anchorAttributes: getAttributesFromLinkSlotContent(this.host, 'source-anchor-attributes'), onBeginDelayedSelectSource: this.smartSnippet.beginDelayedSelectSource, onCancelPendingSelectSource: this.smartSnippet.cancelPendingSelectSource, onSelectSource: this.smartSnippet.selectSource, source: source })), h(SmartSnippetFeedbackBanner, { disliked: this.smartSnippetState.disliked, explainWhyRef: (button) => {
                 if (this.modalRef) {
                     this.modalRef.source = button;
                 }

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

	@@ -1 +1 @@
1	- {"file":"atomic-insight-smart-snippet.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,0/nEAA0/nE,CAAC;AAChioE,wCAAe,4BAA4B;;;;;;;;;;;;MC6B9BA,2BAAyB;;;;;;;;QAmBN,iBAAY,GAAG,CAAC,CAAC;;;;QAKxB,kBAAa,GAAG,GAAG,CAAC;;;;QAIpB,oBAAe,GAAG,GAAG,CAAC;QAgBpC,iBAAY,GAAG,KAAK,CAAC;;4BAzBe,CAAC;6BAKP,GAAG;+BAID,GAAG;;4BAgBpB,KAAK;;IAEtB,UAAU;QACf,IAAI,CAAC,EAAE,KAAK,QAAQ,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,GAAGC,iBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KACpE;IAEO,WAAW,CAAC,GAAgB;QAClC,IAAI,CAAC,QAAQ,GAAG,GAAwD,CAAC;KAC1E;IAEO,eAAe,CAAC,MAAe;QACrC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;KAC5B;IAEM,mBAAmB;QACxB,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,IAAI,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE;YACtE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;SAC7B;KACF;IAEM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE;YACvC,OAAO,EAAC,MAAM,OAAU,CAAC;SAC1B;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;QAE7C,QACE,EAAC,mBAAmB,IAClB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,IAExB,iDACE,EAAC,oBAAoB,IACnB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,GACzC,EACF,8CACE,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EACzC,WAAW,EAAC,2DAA2D,EACvE,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAC1C,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,UAAU,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAC1C,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,IAAI,CAAC,KAAK,GACgB,EAC1C,EAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,IACzC,MAAM,KACL,mCACE,gBAAgB,EAAE,~~yBAAyB~~,~~CACzC~~,IAAI,CAAC,IAAI,EACT,0BAA0B,CAC3B,EACD,0BAA0B,EACxB,IAAI,CAAC,YAAY,CAAC,wBAAwB,EAE5C,2BAA2B,EACzB,IAAI,CAAC,YAAY,CAAC,yBAAyB,EAE7C,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,EAC9C,MAAM,EAAE,MAAM,GACe,CAChC,EACD,EAAC,0BAA0B,IACzB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EACzC,aAAa,EAAE,CAAC,MAAM;gBACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACjB,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;iBAC/B;aACF,EACD,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EACnC,SAAS,EAAE;gBACT,IAAI,CAAC,SAAS,EAAE,CAAC;gBACjB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;aAC7B,EACD,MAAM,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EACtC,iBAAiB,EAAE,OAAO,IAAI,CAAC,QAAS,CAAC,MAAM,GAAG,IAAI,CAAC,GAC3B,CACX,CACiB,CACpB,EACtB;KACH;IAED,IAAY,KAAK;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI;aACvB,aAAa,CAAC,UAAU,CAAC;cACxB,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,IAAI,CAAC,YAAY,CAAC;SAC1B;QACD,OAAO,QAAQ,CAAC,SAAS,CAAC;KAC3B;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,6CAA6C,CAC9C,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,cAAc,EAAE;YACxC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;KAC1D;;;;;;;;;;;AAzJ4B;IAA5B,kBAAkB,EAAE;6DAAmC;AAKjD;IAFN,qBAAqB,CAAC,cAAc,CAAC;sEAEc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicInsightSmartSnippet","buildInsightSmartSnippet"],"sources":["src/components/insight/smart-snippets/atomic-insight-smart-snippet/atomic-insight-smart-snippet.pcss?tag=atomic-insight-smart-snippet&encapsulation=shadow","src/components/insight/smart-snippets/atomic-insight-smart-snippet/atomic-insight-smart-snippet.tsx"],"sourcesContent":["@import '../../../common/smart-snippets/atomic-smart-snippet/atomic-smart-snippet.pcss';\n","import {~~getAttributesFromLinkSlot~~} from '@/src/components/common/item-link/attributes-slot';\nimport {SmartSnippetFeedbackBanner} from '@/src/components/common/smart-snippets/atomic-smart-snippet-feedback-banner';\nimport {\n SmartSnippetFooter,\n SmartSnippetQuestion,\n SmartSnippetWrapper,\n} from '@/src/components/common/smart-snippets/atomic-smart-snippet/smart-snippet-common';\nimport {Hidden} from '@/src/components/common/stencil-hidden';\nimport {randomID} from '@/src/utils/utils';\nimport {\n buildSmartSnippet as buildInsightSmartSnippet,\n SmartSnippet as InsightSmartSnippet,\n SmartSnippetState as InsightSmartSnippetState,\n} from '@coveo/headless/insight';\nimport {Component, Prop, State, Element, h} from '@stencil/core';\nimport {\n InitializableComponent,\n InitializeBindings,\n BindStateToController,\n} from '../../../../utils/initialization-utils';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-smart-snippet',\n styleUrl: 'atomic-insight-smart-snippet.pcss',\n shadow: true,\n})\nexport class AtomicInsightSmartSnippet\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public smartSnippet!: InsightSmartSnippet;\n\n @BindStateToController('smartSnippet')\n @State()\n public smartSnippetState!: InsightSmartSnippetState;\n public error!: Error;\n\n @Element() public host!: HTMLElement;\n\n private id!: string;\n private modalRef?: HTMLAtomicSmartSnippetFeedbackModalElement;\n\n /\n The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the question at the top of the snippet, from 1 to 5.\n /\n @Prop({reflect: true}) public headingLevel = 0;\n\n /\n The maximum height (in pixels) a snippet can have before the component truncates it and displays a \"show more\" button.\n /\n @Prop({reflect: true}) maximumHeight = 250;\n /\n When the answer is partly hidden, how much of its height (in pixels) should be visible.\n /\n @Prop({reflect: true}) collapsedHeight = 180;\n\n /\n Sets the style of the snippet.\n \n Example:\n * ```ts\n * smartSnippet.snippetStyle = `\n * b {\n * color: blue;\n * }\n * `;\n * ```\n */\n @Prop({reflect: true}) snippetStyle?: string;\n\n @State() feedbackSent = false;\n\n public initialize() {\n this.id \|\|= randomID();\n this.smartSnippet = buildInsightSmartSnippet(this.bindings.engine);\n }\n\n private setModalRef(ref: HTMLElement) {\n this.modalRef = ref as HTMLAtomicInsightSmartSnippetFeedbackModalElement;\n }\n\n private setFeedbackSent(isSent: boolean) {\n this.feedbackSent = isSent;\n }\n\n public componentWillUpdate() {\n if (!(this.smartSnippetState.liked \|\| this.smartSnippetState.disliked)) {\n this.setFeedbackSent(false);\n }\n }\n\n public render() {\n if (!this.smartSnippetState.answerFound) {\n return <Hidden></Hidden>;\n }\n\n const source = this.smartSnippetState.source;\n\n return (\n <SmartSnippetWrapper\n headingLevel={this.headingLevel}\n i18n={this.bindings.i18n}\n >\n <atomic-smart-snippet-collapse-wrapper>\n <SmartSnippetQuestion\n headingLevel={this.headingLevel}\n question={this.smartSnippetState.question}\n />\n <atomic-smart-snippet-expandable-answer\n collapsedHeight={this.collapsedHeight}\n expanded={this.smartSnippetState.expanded}\n exportparts=\"answer,show-more-button,show-less-button,truncated-answer\"\n htmlContent={this.smartSnippetState.answer}\n maximumHeight={this.maximumHeight}\n onCollapse={() => this.smartSnippet.collapse()}\n onExpand={() => this.smartSnippet.expand()}\n part=\"body\"\n snippetStyle={this.style}\n ></atomic-smart-snippet-expandable-answer>\n <SmartSnippetFooter i18n={this.bindings.i18n}>\n {source && (\n <atomic-smart-snippet-source\n anchorAttributes={~~getAttributesFromLinkSlot~~(\n this.host,\n 'source-anchor-attributes'\n )}\n onBeginDelayedSelectSource={\n this.smartSnippet.beginDelayedSelectSource\n }\n onCancelPendingSelectSource={\n this.smartSnippet.cancelPendingSelectSource\n }\n onSelectSource={this.smartSnippet.selectSource}\n source={source}\n ></atomic-smart-snippet-source>\n )}\n <SmartSnippetFeedbackBanner\n disliked={this.smartSnippetState.disliked}\n explainWhyRef={(button) => {\n if (this.modalRef) {\n this.modalRef.source = button;\n }\n }}\n feedbackSent={this.feedbackSent}\n id={this.id}\n i18n={this.bindings.i18n}\n liked={this.smartSnippetState.liked}\n onDislike={() => {\n this.loadModal();\n this.smartSnippet.dislike();\n }}\n onLike={() => this.smartSnippet.like()}\n onPressExplainWhy={() => (this.modalRef!.isOpen = true)}\n ></SmartSnippetFeedbackBanner>\n </SmartSnippetFooter>\n </atomic-smart-snippet-collapse-wrapper>\n </SmartSnippetWrapper>\n );\n }\n\n private get style() {\n const styleTag = this.host\n .querySelector('template')\n ?.content.querySelector('style');\n if (!styleTag) {\n return this.snippetStyle;\n }\n return styleTag.innerHTML;\n }\n\n private loadModal() {\n if (this.modalRef) {\n return;\n }\n const modalRef = document.createElement(\n 'atomic-insight-smart-snippet-feedback-modal'\n );\n modalRef.addEventListener('feedbackSent', () => {\n this.setFeedbackSent(true);\n });\n this.setModalRef(modalRef);\n this.host.insertAdjacentElement('beforebegin', modalRef);\n }\n}\n"],"version":3}
1	+ {"file":"atomic-insight-smart-snippet.js","mappings":"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","names":["AtomicInsightSmartSnippet","buildInsightSmartSnippet"],"sources":["src/components/insight/smart-snippets/atomic-insight-smart-snippet/atomic-insight-smart-snippet.pcss?tag=atomic-insight-smart-snippet&encapsulation=shadow","src/components/insight/smart-snippets/atomic-insight-smart-snippet/atomic-insight-smart-snippet.tsx"],"sourcesContent":["@import '../../../common/smart-snippets/atomic-smart-snippet/atomic-smart-snippet.pcss';\n","import {getAttributesFromLinkSlotContent} from '@/src/components/common/item-link/attributes-slot';\nimport {SmartSnippetFeedbackBanner} from '@/src/components/common/smart-snippets/atomic-smart-snippet-feedback-banner';\nimport {\n SmartSnippetFooter,\n SmartSnippetQuestion,\n SmartSnippetWrapper,\n} from '@/src/components/common/smart-snippets/atomic-smart-snippet/smart-snippet-common';\nimport {Hidden} from '@/src/components/common/stencil-hidden';\nimport {randomID} from '@/src/utils/utils';\nimport {\n buildSmartSnippet as buildInsightSmartSnippet,\n SmartSnippet as InsightSmartSnippet,\n SmartSnippetState as InsightSmartSnippetState,\n} from '@coveo/headless/insight';\nimport {Component, Prop, State, Element, h} from '@stencil/core';\nimport {\n InitializableComponent,\n InitializeBindings,\n BindStateToController,\n} from '../../../../utils/initialization-utils';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-insight-smart-snippet',\n styleUrl: 'atomic-insight-smart-snippet.pcss',\n shadow: true,\n})\nexport class AtomicInsightSmartSnippet\n implements InitializableComponent<InsightBindings>\n{\n @InitializeBindings() public bindings!: InsightBindings;\n public smartSnippet!: InsightSmartSnippet;\n\n @BindStateToController('smartSnippet')\n @State()\n public smartSnippetState!: InsightSmartSnippetState;\n public error!: Error;\n\n @Element() public host!: HTMLElement;\n\n private id!: string;\n private modalRef?: HTMLAtomicSmartSnippetFeedbackModalElement;\n\n /\n The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the question at the top of the snippet, from 1 to 5.\n /\n @Prop({reflect: true}) public headingLevel = 0;\n\n /\n The maximum height (in pixels) a snippet can have before the component truncates it and displays a \"show more\" button.\n /\n @Prop({reflect: true}) maximumHeight = 250;\n /\n When the answer is partly hidden, how much of its height (in pixels) should be visible.\n /\n @Prop({reflect: true}) collapsedHeight = 180;\n\n /\n Sets the style of the snippet.\n \n Example:\n * ```ts\n * smartSnippet.snippetStyle = `\n * b {\n * color: blue;\n * }\n * `;\n * ```\n */\n @Prop({reflect: true}) snippetStyle?: string;\n\n @State() feedbackSent = false;\n\n public initialize() {\n this.id \|\|= randomID();\n this.smartSnippet = buildInsightSmartSnippet(this.bindings.engine);\n }\n\n private setModalRef(ref: HTMLElement) {\n this.modalRef = ref as HTMLAtomicInsightSmartSnippetFeedbackModalElement;\n }\n\n private setFeedbackSent(isSent: boolean) {\n this.feedbackSent = isSent;\n }\n\n public componentWillUpdate() {\n if (!(this.smartSnippetState.liked \|\| this.smartSnippetState.disliked)) {\n this.setFeedbackSent(false);\n }\n }\n\n public render() {\n if (!this.smartSnippetState.answerFound) {\n return <Hidden></Hidden>;\n }\n\n const source = this.smartSnippetState.source;\n\n return (\n <SmartSnippetWrapper\n headingLevel={this.headingLevel}\n i18n={this.bindings.i18n}\n >\n <atomic-smart-snippet-collapse-wrapper>\n <SmartSnippetQuestion\n headingLevel={this.headingLevel}\n question={this.smartSnippetState.question}\n />\n <atomic-smart-snippet-expandable-answer\n collapsedHeight={this.collapsedHeight}\n expanded={this.smartSnippetState.expanded}\n exportparts=\"answer,show-more-button,show-less-button,truncated-answer\"\n htmlContent={this.smartSnippetState.answer}\n maximumHeight={this.maximumHeight}\n onCollapse={() => this.smartSnippet.collapse()}\n onExpand={() => this.smartSnippet.expand()}\n part=\"body\"\n snippetStyle={this.style}\n ></atomic-smart-snippet-expandable-answer>\n <SmartSnippetFooter i18n={this.bindings.i18n}>\n {source && (\n <atomic-smart-snippet-source\n anchorAttributes={getAttributesFromLinkSlotContent(\n this.host,\n 'source-anchor-attributes'\n )}\n onBeginDelayedSelectSource={\n this.smartSnippet.beginDelayedSelectSource\n }\n onCancelPendingSelectSource={\n this.smartSnippet.cancelPendingSelectSource\n }\n onSelectSource={this.smartSnippet.selectSource}\n source={source}\n ></atomic-smart-snippet-source>\n )}\n <SmartSnippetFeedbackBanner\n disliked={this.smartSnippetState.disliked}\n explainWhyRef={(button) => {\n if (this.modalRef) {\n this.modalRef.source = button;\n }\n }}\n feedbackSent={this.feedbackSent}\n id={this.id}\n i18n={this.bindings.i18n}\n liked={this.smartSnippetState.liked}\n onDislike={() => {\n this.loadModal();\n this.smartSnippet.dislike();\n }}\n onLike={() => this.smartSnippet.like()}\n onPressExplainWhy={() => (this.modalRef!.isOpen = true)}\n ></SmartSnippetFeedbackBanner>\n </SmartSnippetFooter>\n </atomic-smart-snippet-collapse-wrapper>\n </SmartSnippetWrapper>\n );\n }\n\n private get style() {\n const styleTag = this.host\n .querySelector('template')\n ?.content.querySelector('style');\n if (!styleTag) {\n return this.snippetStyle;\n }\n return styleTag.innerHTML;\n }\n\n private loadModal() {\n if (this.modalRef) {\n return;\n }\n const modalRef = document.createElement(\n 'atomic-insight-smart-snippet-feedback-modal'\n );\n modalRef.addEventListener('feedbackSent', () => {\n this.setFeedbackSent(true);\n });\n this.setModalRef(modalRef);\n this.host.insertAdjacentElement('beforebegin', modalRef);\n }\n}\n"],"version":3}

package/dist/atomic/components/atomic-ipx-result-link.js CHANGED Viewed

@@ -4,8 +4,8 @@ import { loadIPXActionsHistoryActions } from '@coveo/headless';
 import { b as buildCustomEvent } from './event-utils.js';
 import { I as InitializeBindings } from './initialization-utils.js';
 import { a as buildStringTemplateFromResult } from './result-utils.js';
-import { g as getDefaultSlotFromHost } from './slot-utils.js';
-import { g as getAttributesFromLinkSlot } from './attributes-slot.js';
+import { g as getDefaultSlotContent } from './slot-utils.js';
+import { g as getAttributesFromLinkSlotContent } from './attributes-slot.js';
 import { L as LinkWithItemAnalytics } from './stencil-item-link.js';
 import { R as ResultContext, I as InteractiveResultContext } from './stencil-result-template-decorators.js';
 import { d as defineCustomElement$3 } from './atomic-result-text2.js';
@@ -38,8 +38,8 @@ const AtomicIPXResultLink = /*@__PURE__*/ proxyCustomElement(class AtomicIPXResu
     }
     connectedCallback() {
         const slotName = 'attributes';
-        this.hasDefaultSlot = !!getDefaultSlotFromHost(this.host);
-        this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);
+        this.hasDefaultSlot = getDefaultSlotContent(this.host).length > 0;
+        this.linkAttributes = getAttributesFromLinkSlotContent(this.host, slotName);
     }
     async onSelect() {
         const resultPermanentId = this.result.raw.permanentid;
@@ -53,7 +53,7 @@ const AtomicIPXResultLink = /*@__PURE__*/ proxyCustomElement(class AtomicIPXResu
         const href = isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (h(LinkWithItemAnalytics, { key: '402038d2246f98e38859a7563dffb363b34debfd', href: href, onSelect: () => this.onSelect(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
+        return (h(LinkWithItemAnalytics, { key: '12cad04a11c8cda9326e7e9b7baf9f6baf580580', href: href, onSelect: () => this.onSelect(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
     }
     get host() { return this; }
     static get style() { return AtomicIpxResultLinkStyle0; }

package/dist/atomic/components/atomic-ipx-result-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-ipx-result-link.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,o8kEAAo8kE,CAAC;AACp+kE,kCAAe,sBAAsB;;;;;;;;;;;;MCiCxB,mBAAmB;;;;;;IA6BvB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,gBAAgB,CACd,+BAA+B,EAC/B,CAAC,eAAwB;YACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;SACxC,CACF,CACF,CAAC;QACF,IAAI,CAAC,qBAAqB,GAAG,4BAA4B,CACvD,IAAI,CAAC,QAAQ,CAAC,MAAM,CACrB,CAAC;KACH;IAEM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,YAAY,CAAC;QAC9B,IAAI,CAAC,cAAc,~~GAAG~~,~~CAAC~~,CAAC,~~sBAAsB~~,CAAC,IAAI,CAAC,~~IAAI~~,CAAC,CAAC;~~QAC1D~~,IAAI,CAAC,cAAc,GAAG,~~yBAAyB~~,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;~~KACtE~~;IAEM,MAAM,QAAQ;QACnB,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC;QACtD,IAAI,iBAAiB,IAAI,IAAI,CAAC,qBAAqB,EAAE;YACnD,MAAM,MAAM,GACV,IAAI,CAAC,qBAAqB,CAAC,gCAAgC,CACzD,iBAAiB,CAClB,CAAC;YACJ,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;SACvC;QACD,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;KACjC;IAEM,MAAM;QACX,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpB,6BAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACE,EAAC,qBAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,EACvE,qBAAqB,EAAE,MACrB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,EAE9C,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,IAEpC,IAAI,CAAC,cAAc,IAClB,eAAQ,KAER,0BACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;;;;AAxF4B;IAA5B,kBAAkB,EAAE;qDAAgC;AAG5B;IAAxB,aAAa,EAAE;mDAAkC;AACd;IAAnC,wBAAwB,EAAE;8DAA+C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.pcss?tag=atomic-ipx-result-link","src/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n@reference '../../../utils/tailwind-utilities/link-style.css';\n\natomic-ipx-result-link {\n a {\n @apply link-style;\n }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {\n IPXActionsHistoryActionCreators,\n InteractiveResult,\n loadIPXActionsHistoryActions,\n} from '@coveo/headless';\nimport {Component, h, Prop, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport {\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {buildStringTemplateFromResult} from '../../../utils/result-utils';\nimport {~~getDefaultSlotFromHost~~} from '../../../utils/slot-utils';\nimport {AnyUnfoldedItem} from '../../common/item-list/unfolded-item';\nimport {~~getAttributesFromLinkSlot~~} from '../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../common/item-link/stencil-item-link';\nimport {RecsBindings} from '../../recommendations/atomic-recs-interface/atomic-recs-interface';\nimport {\n ResultContext,\n InteractiveResultContext,\n} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/*\n The `atomic-ipx-result-link` component automatically transforms a search result title into a clickable link that points to the original item. It is an experimental internal component not intended for general use.\n * @slot default - Lets you display alternative content inside the link\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes, to be used exclusively with an \"a\" tag such as `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n * @internal\n /\n@Component({\n tag: 'atomic-ipx-result-link',\n styleUrl: 'atomic-ipx-result-link.pcss',\n shadow: false,\n})\nexport class AtomicIPXResultLink\n implements InitializableComponent<RecsBindings>\n{\n @InitializeBindings() public bindings!: RecsBindings;\n public error!: Error;\n\n @ResultContext() private result!: AnyUnfoldedItem;\n @InteractiveResultContext() private interactiveResult!: InteractiveResult;\n\n @Element() private host!: HTMLElement;\n\n /\n Specifies a template literal from which to generate the `href` attribute value (see\n * [Template literals](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)).\n \n The template literal can reference any number of result properties from the parent result. It can also reference the window object.\n \n For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the result's `clickUri` and `itemtitle` fields.\n * ```html\n * <atomic-ipx-result-link href-template='${clickUri}?id=${raw.itemtitle}'></atomic-ipx-result-link>\n * ```\n */\n @Prop({reflect: true}) hrefTemplate?: string;\n\n private hasDefaultSlot!: boolean;\n private linkAttributes?: Attr[];\n private stopPropagation?: boolean;\n private actionsHistoryActions?: IPXActionsHistoryActionCreators;\n\n public initialize() {\n this.host.dispatchEvent(\n buildCustomEvent(\n 'atomic/resolveStopPropagation',\n (stopPropagation: boolean) => {\n this.stopPropagation = stopPropagation;\n }\n )\n );\n this.actionsHistoryActions = loadIPXActionsHistoryActions(\n this.bindings.engine\n );\n }\n\n public connectedCallback() {\n const slotName = 'attributes';\n this.hasDefaultSlot = ~~!!getDefaultSlotFromHost~~(this.host);\n this.linkAttributes = ~~getAttributesFromLinkSlot~~(this.host, slotName);\n }\n\n public async onSelect() {\n const resultPermanentId = this.result.raw.permanentid;\n if (resultPermanentId && this.actionsHistoryActions) {\n const action =\n this.actionsHistoryActions.addPageViewEntryInActionsHistory(\n resultPermanentId\n );\n this.bindings.engine.dispatch(action);\n }\n this.interactiveResult.select();\n }\n\n public render() {\n const href = isUndefined(this.hrefTemplate)\n ? this.result.clickUri\n : buildStringTemplateFromResult(\n this.hrefTemplate,\n this.result,\n this.bindings\n );\n\n return (\n <LinkWithItemAnalytics\n href={href}\n onSelect={() => this.onSelect()}\n onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n onCancelPendingSelect={() =>\n this.interactiveResult.cancelPendingSelect()\n }\n attributes={this.linkAttributes}\n stopPropagation={this.stopPropagation}\n >\n {this.hasDefaultSlot ? (\n <slot />\n ) : (\n <atomic-result-text\n field=\"title\"\n default=\"no-title\"\n ></atomic-result-text>\n )}\n </LinkWithItemAnalytics>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-ipx-result-link.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,o8kEAAo8kE,CAAC;AACp+kE,kCAAe,sBAAsB;;;;;;;;;;;;MCiCxB,mBAAmB;;;;;;IA6BvB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,gBAAgB,CACd,+BAA+B,EAC/B,CAAC,eAAwB;YACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;SACxC,CACF,CACF,CAAC;QACF,IAAI,CAAC,qBAAqB,GAAG,4BAA4B,CACvD,IAAI,CAAC,QAAQ,CAAC,MAAM,CACrB,CAAC;KACH;IAEM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,YAAY,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAI,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACnE,IAAI,CAAC,cAAc,GAAG,gCAAgC,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAC7E;IAEM,MAAM,QAAQ;QACnB,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC;QACtD,IAAI,iBAAiB,IAAI,IAAI,CAAC,qBAAqB,EAAE;YACnD,MAAM,MAAM,GACV,IAAI,CAAC,qBAAqB,CAAC,gCAAgC,CACzD,iBAAiB,CAClB,CAAC;YACJ,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;SACvC;QACD,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;KACjC;IAEM,MAAM;QACX,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpB,6BAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACE,EAAC,qBAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,EACvE,qBAAqB,EAAE,MACrB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,EAE9C,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,IAEpC,IAAI,CAAC,cAAc,IAClB,eAAQ,KAER,0BACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;;;;AAxF4B;IAA5B,kBAAkB,EAAE;qDAAgC;AAG5B;IAAxB,aAAa,EAAE;mDAAkC;AACd;IAAnC,wBAAwB,EAAE;8DAA+C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.pcss?tag=atomic-ipx-result-link","src/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n@reference '../../../utils/tailwind-utilities/link-style.css';\n\natomic-ipx-result-link {\n a {\n @apply link-style;\n }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {\n IPXActionsHistoryActionCreators,\n InteractiveResult,\n loadIPXActionsHistoryActions,\n} from '@coveo/headless';\nimport {Component, h, Prop, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport {\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {buildStringTemplateFromResult} from '../../../utils/result-utils';\nimport {getDefaultSlotContent} from '../../../utils/slot-utils';\nimport {AnyUnfoldedItem} from '../../common/item-list/unfolded-item';\nimport {getAttributesFromLinkSlotContent} from '../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../common/item-link/stencil-item-link';\nimport {RecsBindings} from '../../recommendations/atomic-recs-interface/atomic-recs-interface';\nimport {\n ResultContext,\n InteractiveResultContext,\n} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/*\n The `atomic-ipx-result-link` component automatically transforms a search result title into a clickable link that points to the original item. It is an experimental internal component not intended for general use.\n * @slot default - Lets you display alternative content inside the link\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes, to be used exclusively with an \"a\" tag such as `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n * @internal\n /\n@Component({\n tag: 'atomic-ipx-result-link',\n styleUrl: 'atomic-ipx-result-link.pcss',\n shadow: false,\n})\nexport class AtomicIPXResultLink\n implements InitializableComponent<RecsBindings>\n{\n @InitializeBindings() public bindings!: RecsBindings;\n public error!: Error;\n\n @ResultContext() private result!: AnyUnfoldedItem;\n @InteractiveResultContext() private interactiveResult!: InteractiveResult;\n\n @Element() private host!: HTMLElement;\n\n /\n Specifies a template literal from which to generate the `href` attribute value (see\n * [Template literals](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)).\n \n The template literal can reference any number of result properties from the parent result. It can also reference the window object.\n \n For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the result's `clickUri` and `itemtitle` fields.\n * ```html\n * <atomic-ipx-result-link href-template='${clickUri}?id=${raw.itemtitle}'></atomic-ipx-result-link>\n * ```\n */\n @Prop({reflect: true}) hrefTemplate?: string;\n\n private hasDefaultSlot!: boolean;\n private linkAttributes?: Attr[];\n private stopPropagation?: boolean;\n private actionsHistoryActions?: IPXActionsHistoryActionCreators;\n\n public initialize() {\n this.host.dispatchEvent(\n buildCustomEvent(\n 'atomic/resolveStopPropagation',\n (stopPropagation: boolean) => {\n this.stopPropagation = stopPropagation;\n }\n )\n );\n this.actionsHistoryActions = loadIPXActionsHistoryActions(\n this.bindings.engine\n );\n }\n\n public connectedCallback() {\n const slotName = 'attributes';\n this.hasDefaultSlot = getDefaultSlotContent(this.host).length > 0;\n this.linkAttributes = getAttributesFromLinkSlotContent(this.host, slotName);\n }\n\n public async onSelect() {\n const resultPermanentId = this.result.raw.permanentid;\n if (resultPermanentId && this.actionsHistoryActions) {\n const action =\n this.actionsHistoryActions.addPageViewEntryInActionsHistory(\n resultPermanentId\n );\n this.bindings.engine.dispatch(action);\n }\n this.interactiveResult.select();\n }\n\n public render() {\n const href = isUndefined(this.hrefTemplate)\n ? this.result.clickUri\n : buildStringTemplateFromResult(\n this.hrefTemplate,\n this.result,\n this.bindings\n );\n\n return (\n <LinkWithItemAnalytics\n href={href}\n onSelect={() => this.onSelect()}\n onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n onCancelPendingSelect={() =>\n this.interactiveResult.cancelPendingSelect()\n }\n attributes={this.linkAttributes}\n stopPropagation={this.stopPropagation}\n >\n {this.hasDefaultSlot ? (\n <slot />\n ) : (\n <atomic-result-text\n field=\"title\"\n default=\"no-title\"\n ></atomic-result-text>\n )}\n </LinkWithItemAnalytics>\n );\n }\n}\n"],"version":3}

package/dist/atomic/components/atomic-recs-interface.js CHANGED Viewed

@@ -2160,7 +2160,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.35.0-pre.62aec01e2b",
+        version: "3.35.0-pre.657dcf9743",
         headlessVersion,
     };
 }

package/dist/atomic/components/atomic-result-link.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { isUndefined } from '@coveo/bueno';
 import { b as buildCustomEvent } from './event-utils.js';
 import { I as InitializeBindings } from './initialization-utils.js';
 import { a as buildStringTemplateFromResult } from './result-utils.js';
-import { g as getDefaultSlotFromHost } from './slot-utils.js';
-import { g as getAttributesFromLinkSlot } from './attributes-slot.js';
+import { g as getDefaultSlotContent } from './slot-utils.js';
+import { g as getAttributesFromLinkSlotContent } from './attributes-slot.js';
 import { L as LinkWithItemAnalytics } from './stencil-item-link.js';
 import { R as ResultContext, I as InteractiveResultContext } from './stencil-result-template-decorators.js';
 import { d as defineCustomElement$3 } from './atomic-result-text2.js';
@@ -36,14 +36,14 @@ const AtomicResultLink$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultLi
     }
     connectedCallback() {
         const slotName = 'attributes';
-        this.hasDefaultSlot = !!getDefaultSlotFromHost(this.host);
-        this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);
+        this.hasDefaultSlot = getDefaultSlotContent(this.host).length > 0;
+        this.linkAttributes = getAttributesFromLinkSlotContent(this.host, slotName);
     }
     render() {
         const href = isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (h(LinkWithItemAnalytics, { key: '868e9a4b2790d8c6e557be3a1ea8d9515ed89f38', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
+        return (h(LinkWithItemAnalytics, { key: '1e5df8f581891728324ea8ebfc75be57e5a5d867', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
     }
     get host() { return this; }
     static get style() { return AtomicResultLinkStyle0; }

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

	@@ -1 +1 @@
1	- {"file":"atomic-result-link.js","mappings":";;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,g5kEAAg5kE,CAAC;AAC76kE,+BAAe,mBAAmB;;;;;;;;;;;;MC4BrBA,kBAAgB;;;;;;IA0BpB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,gBAAgB,CACd,+BAA+B,EAC/B,CAAC,eAAwB;YACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;SACxC,CACF,CACF,CAAC;KACH;IAEM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,YAAY,CAAC;QAC9B,IAAI,CAAC,cAAc,~~GAAG~~,~~CAAC~~,CAAC,~~sBAAsB~~,CAAC,IAAI,CAAC,~~IAAI~~,CAAC,CAAC;~~QAC1D~~,IAAI,CAAC,cAAc,GAAG,~~yBAAyB~~,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;~~KACtE~~;IAEM,MAAM;QACX,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpB,6BAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACE,EAAC,qBAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,EAC/C,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,EACvE,qBAAqB,EAAE,MACrB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,EAE9C,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,IAEpC,IAAI,CAAC,cAAc,IAClB,eAAQ,KAER,0BACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;;;;AAxE4B;IAA5B,kBAAkB,EAAE;oDAA4B;AAGxB;IAAxB,aAAa,EAAE;kDAAkC;AACd;IAAnC,wBAAwB,EAAE;6DAA+C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultLink"],"sources":["src/components/search/result-template-components/atomic-result-link/atomic-result-link.pcss?tag=atomic-result-link","src/components/search/result-template-components/atomic-result-link/atomic-result-link.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/link-style.css';\natomic-result-link {\n a {\n @apply link-style;\n }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {InteractiveResult} from '@coveo/headless';\nimport {Component, h, Prop, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../../utils/event-utils';\nimport {\n InitializableComponent,\n InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {buildStringTemplateFromResult} from '../../../../utils/result-utils';\nimport {~~getDefaultSlotFromHost~~} from '../../../../utils/slot-utils';\nimport {AnyUnfoldedItem} from '../../../common/item-list/unfolded-item';\nimport {~~getAttributesFromLinkSlot~~} from '../../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/stencil-item-link';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {\n InteractiveResultContext,\n ResultContext,\n} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/*\n The `atomic-result-link` component automatically transforms a search result title into a clickable link that points to the original item.\n * @slot default - Lets you display alternative content inside the link\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes, to be used exclusively with an \"a\" tag such as `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n /\n@Component({\n tag: 'atomic-result-link',\n styleUrl: 'atomic-result-link.pcss',\n shadow: false,\n})\nexport class AtomicResultLink implements InitializableComponent {\n @InitializeBindings() public bindings!: Bindings;\n public error!: Error;\n\n @ResultContext() private result!: AnyUnfoldedItem;\n @InteractiveResultContext() private interactiveResult!: InteractiveResult;\n\n @Element() private host!: HTMLElement;\n\n /\n Specifies a template literal from which to generate the `href` attribute value (see\n * [Template literals](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)).\n \n The template literal can reference any number of result properties from the parent result. It can also reference the window object.\n \n For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the result's `clickUri` and `itemtitle` fields.\n * ```html\n * <atomic-result-link href-template='${clickUri}?id=${raw.itemtitle}'></atomic-result-link>\n * ```\n */\n @Prop({reflect: true}) hrefTemplate?: string;\n\n private hasDefaultSlot!: boolean;\n private linkAttributes?: Attr[];\n private stopPropagation?: boolean;\n\n public initialize() {\n this.host.dispatchEvent(\n buildCustomEvent(\n 'atomic/resolveStopPropagation',\n (stopPropagation: boolean) => {\n this.stopPropagation = stopPropagation;\n }\n )\n );\n }\n\n public connectedCallback() {\n const slotName = 'attributes';\n this.hasDefaultSlot = ~~!!getDefaultSlotFromHost~~(this.host);\n this.linkAttributes = ~~getAttributesFromLinkSlot~~(this.host, slotName);\n }\n\n public render() {\n const href = isUndefined(this.hrefTemplate)\n ? this.result.clickUri\n : buildStringTemplateFromResult(\n this.hrefTemplate,\n this.result,\n this.bindings\n );\n\n return (\n <LinkWithItemAnalytics\n href={href}\n onSelect={() => this.interactiveResult.select()}\n onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n onCancelPendingSelect={() =>\n this.interactiveResult.cancelPendingSelect()\n }\n attributes={this.linkAttributes}\n stopPropagation={this.stopPropagation}\n >\n {this.hasDefaultSlot ? (\n <slot />\n ) : (\n <atomic-result-text\n field=\"title\"\n default=\"no-title\"\n ></atomic-result-text>\n )}\n </LinkWithItemAnalytics>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-result-link.js","mappings":";;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,g5kEAAg5kE,CAAC;AAC76kE,+BAAe,mBAAmB;;;;;;;;;;;;MC4BrBA,kBAAgB;;;;;;IA0BpB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,gBAAgB,CACd,+BAA+B,EAC/B,CAAC,eAAwB;YACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;SACxC,CACF,CACF,CAAC;KACH;IAEM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,YAAY,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAI,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACnE,IAAI,CAAC,cAAc,GAAG,gCAAgC,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAC7E;IAEM,MAAM;QACX,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpB,6BAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACE,EAAC,qBAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,EAC/C,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,EACvE,qBAAqB,EAAE,MACrB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,EAE9C,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,IAEpC,IAAI,CAAC,cAAc,IAClB,eAAQ,KAER,0BACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;;;;AAxE4B;IAA5B,kBAAkB,EAAE;oDAA4B;AAGxB;IAAxB,aAAa,EAAE;kDAAkC;AACd;IAAnC,wBAAwB,EAAE;6DAA+C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultLink"],"sources":["src/components/search/result-template-components/atomic-result-link/atomic-result-link.pcss?tag=atomic-result-link","src/components/search/result-template-components/atomic-result-link/atomic-result-link.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/link-style.css';\natomic-result-link {\n a {\n @apply link-style;\n }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {InteractiveResult} from '@coveo/headless';\nimport {Component, h, Prop, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../../utils/event-utils';\nimport {\n InitializableComponent,\n InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {buildStringTemplateFromResult} from '../../../../utils/result-utils';\nimport {getDefaultSlotContent} from '../../../../utils/slot-utils';\nimport {AnyUnfoldedItem} from '../../../common/item-list/unfolded-item';\nimport {getAttributesFromLinkSlotContent} from '../../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/stencil-item-link';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {\n InteractiveResultContext,\n ResultContext,\n} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/*\n The `atomic-result-link` component automatically transforms a search result title into a clickable link that points to the original item.\n * @slot default - Lets you display alternative content inside the link\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes, to be used exclusively with an \"a\" tag such as `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n /\n@Component({\n tag: 'atomic-result-link',\n styleUrl: 'atomic-result-link.pcss',\n shadow: false,\n})\nexport class AtomicResultLink implements InitializableComponent {\n @InitializeBindings() public bindings!: Bindings;\n public error!: Error;\n\n @ResultContext() private result!: AnyUnfoldedItem;\n @InteractiveResultContext() private interactiveResult!: InteractiveResult;\n\n @Element() private host!: HTMLElement;\n\n /\n Specifies a template literal from which to generate the `href` attribute value (see\n * [Template literals](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)).\n \n The template literal can reference any number of result properties from the parent result. It can also reference the window object.\n \n For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the result's `clickUri` and `itemtitle` fields.\n * ```html\n * <atomic-result-link href-template='${clickUri}?id=${raw.itemtitle}'></atomic-result-link>\n * ```\n */\n @Prop({reflect: true}) hrefTemplate?: string;\n\n private hasDefaultSlot!: boolean;\n private linkAttributes?: Attr[];\n private stopPropagation?: boolean;\n\n public initialize() {\n this.host.dispatchEvent(\n buildCustomEvent(\n 'atomic/resolveStopPropagation',\n (stopPropagation: boolean) => {\n this.stopPropagation = stopPropagation;\n }\n )\n );\n }\n\n public connectedCallback() {\n const slotName = 'attributes';\n this.hasDefaultSlot = getDefaultSlotContent(this.host).length > 0;\n this.linkAttributes = getAttributesFromLinkSlotContent(this.host, slotName);\n }\n\n public render() {\n const href = isUndefined(this.hrefTemplate)\n ? this.result.clickUri\n : buildStringTemplateFromResult(\n this.hrefTemplate,\n this.result,\n this.bindings\n );\n\n return (\n <LinkWithItemAnalytics\n href={href}\n onSelect={() => this.interactiveResult.select()}\n onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n onCancelPendingSelect={() =>\n this.interactiveResult.cancelPendingSelect()\n }\n attributes={this.linkAttributes}\n stopPropagation={this.stopPropagation}\n >\n {this.hasDefaultSlot ? (\n <slot />\n ) : (\n <atomic-result-text\n field=\"title\"\n default=\"no-title\"\n ></atomic-result-text>\n )}\n </LinkWithItemAnalytics>\n );\n }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-printable-uri.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { A as ArrowRight } from './arrow-right.js';
 import { I as InitializeBindings } from './initialization-utils.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils.js';
 import { p as parseXML } from './utils.js';
-import { g as getAttributesFromLinkSlot } from './attributes-slot.js';
+import { g as getAttributesFromLinkSlotContent } from './attributes-slot.js';
 import { L as LinkWithItemAnalytics } from './stencil-item-link.js';
 import { R as ResultContext } from './stencil-result-template-decorators.js';
 import { d as defineCustomElement$3 } from './atomic-result-text2.js';
@@ -53,7 +53,7 @@ const AtomicResultPrintableUri$1 = /*@__PURE__*/ proxyCustomElement(class Atomic
             this.error = error;
         }
         const slotName = 'attributes';
-        this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);
+        this.linkAttributes = getAttributesFromLinkSlotContent(this.host, slotName);
     }
     initialize() {
         this.interactiveResult = buildInteractiveResult(this.bindings.engine, {

package/dist/atomic/components/atomic-result-printable-uri.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-result-printable-uri.js","mappings":"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","names":["AtomicResultPrintableUri","Arrow"],"sources":["src/components/search/result-template-components/atomic-result-printable-uri/atomic-result-printable-uri.pcss?tag=atomic-result-printable-uri","src/components/search/result-template-components/atomic-result-printable-uri/atomic-result-printable-uri.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n\natomic-result-printable-uri {\n max-width: 100%;\n word-break: break-word;\n\n a,\n button {\n @apply text-primary;\n\n &:hover,\n &:focus-visible {\n text-decoration: underline;\n @apply text-primary;\n }\n\n &:focus {\n outline: none;\n }\n\n &:visited {\n @apply text-visited;\n }\n }\n\n ul {\n display: flex;\n flex-wrap: wrap;\n }\n\n li {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n\n a {\n display: inline-block;\n vertical-align: middle;\n max-width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n white-space: nowrap;\n &:last-child {\n white-space: normal;\n\n &::after {\n content: none;\n }\n }\n\n .result-printable-uri-separator {\n display: inline-block;\n margin: 0 0.5rem;\n vertical-align: middle;\n width: 0.75rem;\n height: 0.75rem;\n @apply text-neutral-dark;\n }\n }\n}\n","import {Schema, NumberValue} from '@coveo/bueno';\nimport {\n buildInteractiveResult,\n InteractiveResult,\n Result,\n} from '@coveo/headless';\nimport {Component, Element, h, Prop, State, VNode} from '@stencil/core';\nimport Arrow from '../../../../images/arrow-right.svg';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {parseXML} from '../../../../utils/utils';\nimport {getAttributesFromLinkSlot} from '../../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/stencil-item-link';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/*\n The `atomic-result-printable-uri` component displays the URI, or path, to access a result.\n \n @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to anchor elements, overriding other attributes.\n * To be used exclusively in anchor elements, such as: `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n /\n@Component({\n tag: 'atomic-result-printable-uri',\n styleUrl: 'atomic-result-printable-uri.pcss',\n shadow: false,\n})\nexport class AtomicResultPrintableUri {\n @InitializeBindings() public bindings!: Bindings;\n @ResultContext() private result!: Result;\n @Element() public host!: HTMLElement;\n\n @State() listExpanded = false;\n @State() error!: Error;\n\n /\n The maximum number of Uri parts to display. This has to be over the minimum of `3` in order to be effective. Putting `Infinity` will disable the ellipsis.\n */\n @Prop({reflect: true}) maxNumberOfParts = 5;\n\n private expandedPartFocus?: FocusTargetController;\n\n private interactiveResult!: InteractiveResult;\n private linkAttributes?: Attr[];\n\n private get focusTarget() {\n if (!this.expandedPartFocus) {\n this.expandedPartFocus = new FocusTargetController(this);\n }\n return this.expandedPartFocus;\n }\n\n public connectedCallback() {\n try {\n new Schema({\n maxNumberOfParts: new NumberValue({min: 3}),\n }).validate({maxNumberOfParts: this.maxNumberOfParts});\n } catch (error) {\n this.error = error as Error;\n }\n const slotName = 'attributes';\n this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);\n }\n\n public initialize() {\n this.interactiveResult = buildInteractiveResult(this.bindings.engine, {\n options: {result: this.result},\n });\n }\n\n private getIndexOfEllipsis(parentsCount: number) {\n const valuesToHide = Math.max(2, parentsCount - this.maxNumberOfParts);\n const valuesToShowBeforeEllipsis = parentsCount - valuesToHide - 1;\n return valuesToShowBeforeEllipsis;\n }\n\n private renderEllipsis() {\n return (\n <li>\n <button\n aria-label={this.bindings.i18n.t('collapsed-uri-parts')}\n onClick={(e) => {\n e.stopPropagation();\n this.focusTarget.focusOnNextTarget();\n this.listExpanded = true;\n }}\n >\n ...\n </button>\n {this.renderSeparator()}\n </li>\n );\n }\n\n private get allParents() {\n const parentsXml = parseXML(`${this.result.raw.parents}`);\n const parents = Array.from(parentsXml.getElementsByTagName('parent'));\n const ellipsisIndex = this.getIndexOfEllipsis(parents.length);\n return parents.map((parent, i) => {\n const name = parent.getAttribute('name');\n const uri = parent.getAttribute('uri')!;\n return (\n <li>\n {this.renderLink(name, uri, i === ellipsisIndex)}\n {i === parents.length - 1 ? null : this.renderSeparator()}\n </li>\n );\n });\n }\n\n private renderSeparator() {\n return (\n <atomic-icon\n class=\"result-printable-uri-separator\"\n icon={Arrow}\n role=\"separator\"\n ></atomic-icon>\n );\n }\n\n private renderParents() {\n const parents = this.allParents;\n if (this.listExpanded \|\| parents.length <= this.maxNumberOfParts) {\n return parents;\n }\n\n return [\n parents.slice(0, this.getIndexOfEllipsis(parents.length)),\n this.renderEllipsis(),\n parents.slice(-1),\n ];\n }\n\n private renderLink(\n content: VNode \| string \| null,\n uri: string,\n shouldSetTarget: boolean\n ) {\n return (\n <LinkWithItemAnalytics\n href={uri}\n title={typeof content === 'string' ? content : undefined}\n onSelect={() => this.interactiveResult.select()}\n onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n onCancelPendingSelect={() =>\n this.interactiveResult.cancelPendingSelect()\n }\n attributes={this.linkAttributes}\n ref={\n shouldSetTarget\n ? (el?: HTMLAnchorElement) => this.focusTarget.setTarget(el)\n : undefined\n }\n >\n {content}\n </LinkWithItemAnalytics>\n );\n }\n\n public render() {\n const parents = this.renderParents();\n if (parents.length) {\n return (\n <ul aria-label={this.bindings.i18n.t('printable-uri')}>{parents}</ul>\n );\n }\n\n return this.renderLink(\n <atomic-result-text field=\"printableUri\"></atomic-result-text>,\n this.result.clickUri,\n false\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-result-printable-uri.js","mappings":"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","names":["AtomicResultPrintableUri","Arrow"],"sources":["src/components/search/result-template-components/atomic-result-printable-uri/atomic-result-printable-uri.pcss?tag=atomic-result-printable-uri","src/components/search/result-template-components/atomic-result-printable-uri/atomic-result-printable-uri.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n\natomic-result-printable-uri {\n max-width: 100%;\n word-break: break-word;\n\n a,\n button {\n @apply text-primary;\n\n &:hover,\n &:focus-visible {\n text-decoration: underline;\n @apply text-primary;\n }\n\n &:focus {\n outline: none;\n }\n\n &:visited {\n @apply text-visited;\n }\n }\n\n ul {\n display: flex;\n flex-wrap: wrap;\n }\n\n li {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n\n a {\n display: inline-block;\n vertical-align: middle;\n max-width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n white-space: nowrap;\n &:last-child {\n white-space: normal;\n\n &::after {\n content: none;\n }\n }\n\n .result-printable-uri-separator {\n display: inline-block;\n margin: 0 0.5rem;\n vertical-align: middle;\n width: 0.75rem;\n height: 0.75rem;\n @apply text-neutral-dark;\n }\n }\n}\n","import {Schema, NumberValue} from '@coveo/bueno';\nimport {\n buildInteractiveResult,\n InteractiveResult,\n Result,\n} from '@coveo/headless';\nimport {Component, Element, h, Prop, State, VNode} from '@stencil/core';\nimport Arrow from '../../../../images/arrow-right.svg';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {parseXML} from '../../../../utils/utils';\nimport {getAttributesFromLinkSlotContent} from '../../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/stencil-item-link';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\n\n/*\n The `atomic-result-printable-uri` component displays the URI, or path, to access a result.\n \n @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to anchor elements, overriding other attributes.\n * To be used exclusively in anchor elements, such as: `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n /\n@Component({\n tag: 'atomic-result-printable-uri',\n styleUrl: 'atomic-result-printable-uri.pcss',\n shadow: false,\n})\nexport class AtomicResultPrintableUri {\n @InitializeBindings() public bindings!: Bindings;\n @ResultContext() private result!: Result;\n @Element() public host!: HTMLElement;\n\n @State() listExpanded = false;\n @State() error!: Error;\n\n /\n The maximum number of Uri parts to display. This has to be over the minimum of `3` in order to be effective. Putting `Infinity` will disable the ellipsis.\n */\n @Prop({reflect: true}) maxNumberOfParts = 5;\n\n private expandedPartFocus?: FocusTargetController;\n\n private interactiveResult!: InteractiveResult;\n private linkAttributes?: Attr[];\n\n private get focusTarget() {\n if (!this.expandedPartFocus) {\n this.expandedPartFocus = new FocusTargetController(this);\n }\n return this.expandedPartFocus;\n }\n\n public connectedCallback() {\n try {\n new Schema({\n maxNumberOfParts: new NumberValue({min: 3}),\n }).validate({maxNumberOfParts: this.maxNumberOfParts});\n } catch (error) {\n this.error = error as Error;\n }\n const slotName = 'attributes';\n this.linkAttributes = getAttributesFromLinkSlotContent(this.host, slotName);\n }\n\n public initialize() {\n this.interactiveResult = buildInteractiveResult(this.bindings.engine, {\n options: {result: this.result},\n });\n }\n\n private getIndexOfEllipsis(parentsCount: number) {\n const valuesToHide = Math.max(2, parentsCount - this.maxNumberOfParts);\n const valuesToShowBeforeEllipsis = parentsCount - valuesToHide - 1;\n return valuesToShowBeforeEllipsis;\n }\n\n private renderEllipsis() {\n return (\n <li>\n <button\n aria-label={this.bindings.i18n.t('collapsed-uri-parts')}\n onClick={(e) => {\n e.stopPropagation();\n this.focusTarget.focusOnNextTarget();\n this.listExpanded = true;\n }}\n >\n ...\n </button>\n {this.renderSeparator()}\n </li>\n );\n }\n\n private get allParents() {\n const parentsXml = parseXML(`${this.result.raw.parents}`);\n const parents = Array.from(parentsXml.getElementsByTagName('parent'));\n const ellipsisIndex = this.getIndexOfEllipsis(parents.length);\n return parents.map((parent, i) => {\n const name = parent.getAttribute('name');\n const uri = parent.getAttribute('uri')!;\n return (\n <li>\n {this.renderLink(name, uri, i === ellipsisIndex)}\n {i === parents.length - 1 ? null : this.renderSeparator()}\n </li>\n );\n });\n }\n\n private renderSeparator() {\n return (\n <atomic-icon\n class=\"result-printable-uri-separator\"\n icon={Arrow}\n role=\"separator\"\n ></atomic-icon>\n );\n }\n\n private renderParents() {\n const parents = this.allParents;\n if (this.listExpanded \|\| parents.length <= this.maxNumberOfParts) {\n return parents;\n }\n\n return [\n parents.slice(0, this.getIndexOfEllipsis(parents.length)),\n this.renderEllipsis(),\n parents.slice(-1),\n ];\n }\n\n private renderLink(\n content: VNode \| string \| null,\n uri: string,\n shouldSetTarget: boolean\n ) {\n return (\n <LinkWithItemAnalytics\n href={uri}\n title={typeof content === 'string' ? content : undefined}\n onSelect={() => this.interactiveResult.select()}\n onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n onCancelPendingSelect={() =>\n this.interactiveResult.cancelPendingSelect()\n }\n attributes={this.linkAttributes}\n ref={\n shouldSetTarget\n ? (el?: HTMLAnchorElement) => this.focusTarget.setTarget(el)\n : undefined\n }\n >\n {content}\n </LinkWithItemAnalytics>\n );\n }\n\n public render() {\n const parents = this.renderParents();\n if (parents.length) {\n return (\n <ul aria-label={this.bindings.i18n.t('printable-uri')}>{parents}</ul>\n );\n }\n\n return this.renderLink(\n <atomic-result-text field=\"printableUri\"></atomic-result-text>,\n this.result.clickUri,\n false\n );\n }\n}\n"],"version":3}

package/dist/atomic/components/atomic-search-box.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { A as AriaLiveRegion } from './stencil-accessibility-utils.js';
 import { o as once, r as randomID, a as spreadProperties, i as isFocusingOut } from './utils.js';
 import { b as SearchSlimIcon, d as SearchTextArea, S as SuggestionManager, a as elementHasQuery, c as SearchBoxWrapper } from './stencil-suggestion-manager.js';
 import { B as Button } from './stencil-button.js';
-import { g as getDefaultSlotFromHost } from './slot-utils.js';
+import { g as getDefaultSlotContent } from './slot-utils.js';
 /**
  * @deprecated should only be used for Stencil components.
@@ -101,6 +101,7 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
                 onInput: (e) => this.onInput(e.target.value),
                 onKeyDown: (e) => this.onKeyDown(e),
                 onClear: () => {
+                    this.announceClearSearchBoxToScreenReader();
                     this.searchBox.clear();
                     this.suggestionManager.clearSuggestions();
                 },
@@ -409,6 +410,9 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
             this.suggestionsAriaMessage = ariaLabel;
         }
     }
+    announceClearSearchBoxToScreenReader() {
+        this.suggestionsAriaMessage = this.bindings.i18n.t("search-box-cleared");
+    }
     announceNewSuggestionsToScreenReader() {
         const elsLength = this.suggestionManager.allSuggestionElements.filter(elementHasQuery).length;
         this.searchBoxAriaMessage = elsLength
@@ -421,7 +425,7 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
             : this.bindings.i18n.t('query-suggestions-unavailable');
     }
     renderSlotContent() {
-        const hasDefaultSlot = !!getDefaultSlotFromHost(this.host);
+        const hasDefaultSlot = getDefaultSlotContent(this.host).length > 0;
         if (hasDefaultSlot) {
             return h("slot", null);
         }
@@ -437,14 +441,14 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: '61c430e9b3d8be2b3f965d518023dae529400e43' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: '0526df044c47d640c73276b87dc3ed120dc0881e', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: '8b3603e69827be263a7ba10f191e25f7bb577175' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: 'ef87514e37b2ee22bed81ca385be14eb099dc61b', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '25d055ef5be19d3cf54ab8ec7d08af5e483e3d2b', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '356687da8d6f972abf328727cd92834a77435223', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),