@coveo/atomic 3.35.0-pre.3ade253f56 → 3.35.0-pre.511ce3c910

package/dist/cjs/atomic-result-link.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-result-link.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,g5kEAAg5kE,CAAC;AAC76kE,+BAAe,mBAAmB;;;;;;;;;;;;MC4BrB,gBAAgB;;;;;IA0BpB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrBA,2BAAgB,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,CAACC,gCAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAGC,wCAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACtE;IAEM,MAAM;QACX,MAAM,IAAI,GAAGC,iBAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpBC,yCAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACEC,QAACC,qCAAqB,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,IAClBD,qBAAQ,KAERA,gCACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;AAxE4B;IAA5BE,sCAAkB,EAAE;kDAA4B;AAGxB;IAAxBC,sCAAa,EAAE;gDAAkC;AACd;IAAnCC,iDAAwB,EAAE;2DAA+C;;;;;","names":["buildCustomEvent","getDefaultSlotFromHost","getAttributesFromLinkSlot","isUndefined","buildStringTemplateFromResult","h","LinkWithItemAnalytics","InitializeBindings","ResultContext","InteractiveResultContext"],"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 '../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}
+{"file":"atomic-result-link.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,g5kEAAg5kE,CAAC;AAC76kE,+BAAe,mBAAmB;;;;;;;;;;;;MC4BrB,gBAAgB;;;;;IA0BpB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrBA,2BAAgB,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,CAACC,gCAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAGC,wCAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACtE;IAEM,MAAM;QACX,MAAM,IAAI,GAAGC,iBAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpBC,yCAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACEC,QAACC,qCAAqB,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,IAClBD,qBAAQ,KAERA,gCACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;AAxE4B;IAA5BE,sCAAkB,EAAE;kDAA4B;AAGxB;IAAxBC,6CAAa,EAAE;gDAAkC;AACd;IAAnCC,wDAAwB,EAAE;2DAA+C;;;;;","names":["buildCustomEvent","getDefaultSlotFromHost","getAttributesFromLinkSlot","isUndefined","buildStringTemplateFromResult","h","LinkWithItemAnalytics","InitializeBindings","ResultContext","InteractiveResultContext"],"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}

package/dist/cjs/atomic-result-list.cjs.entry.js

@@ -5,18 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const propsUtils = require('./props-utils-1e4ba1b0.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
-const utils = require('./utils-7153ae6b.js');
+const propsUtils = require('./props-utils-15a042f3.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
+const utils = require('./utils-12b49e87.js');
 const stencilPlaceholders = require('./stencil-placeholders-b8c896fa.js');
-const store = require('./store-82abd941.js');
+const store = require('./store-7927ea61.js');
 const stencilDisplayWrapper = require('./stencil-display-wrapper-498de571.js');
 const itemListGuard = require('./item-list-guard-506b695a.js');
 const itemTemplateProvider = require('./item-template-provider-470c1774.js');
 const stencilDisplayGrid = require('./stencil-display-grid-93c5802a.js');
 const tableElementUtils = require('./table-element-utils-4865b735.js');
-const stencilItemListCommon = require('./stencil-item-list-common-17bd1046.js');
-const displayOptions = require('./display-options-69531e8d.js');
+const stencilItemListCommon = require('./stencil-item-list-common-b08abf21.js');
+const displayOptions = require('./display-options-10f84088.js');
 const tabUtils = require('./tab-utils-d202a0aa.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
@@ -25,8 +25,8 @@ require('./initialization-lit-stencil-common-utils-730030b0.js');
 require('@coveo/bueno');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
-require('./replace-breakpoint-utils-7a084f54.js');
-require('./item-layout-sections-b09ba4b3.js');
+require('./replace-breakpoint-utils-47f2eaa4.js');
+require('./item-layout-sections-73e27d24.js');
 
 // The Lit equivalent of this file is table-layout.ts
 const getFieldTableColumns = (props) => {
@@ -195,7 +195,7 @@ const AtomicResultList = class {
     render() {
         this.resultListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (index.h(TabGuard, { key: 'c8b1ca9302ce0e9cfd5114067cb686fa27b6206f', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, index.h(itemListGuard.ItemListGuard, { key: 'b6db922875d6156b42e0060ad2218bb82f9ed196', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, index.h(stencilDisplayWrapper.DisplayWrapper, { key: '03ee6cd85a8bc9e94005082b24b42fb5ca893907', display: this.display, listClasses: listClasses }, index.h(stencilPlaceholders.ResultsPlaceholdersGuard, { key: 'b6a6020f7e40bddb2365c6ca6ef3ee67c5598758', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), index.h(stencilDisplayWrapper.ItemDisplayGuard, { key: 'dea4c3d009fb28a556b81ba8d2fba8be5e02ed49', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
+        return (index.h(TabGuard, { key: '7c731e8e044622441143bc088da30fa1d2ef8cc4', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, index.h(itemListGuard.ItemListGuard, { key: 'a7d167d6cda630934f97dde5668e30234f23caee', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, index.h(stencilDisplayWrapper.DisplayWrapper, { key: '0e21486e08e5923648c1b766a6f8aded7b0cbdfd', display: this.display, listClasses: listClasses }, index.h(stencilPlaceholders.ResultsPlaceholdersGuard, { key: '51d058449614726969e153e7eede019faa369a4c', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), index.h(stencilDisplayWrapper.ItemDisplayGuard, { key: '0de15a52bc8b05b4d722139611d9d5becf448c05', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
             ? this.renderAsTable()
             : this.display === 'grid'
                 ? this.renderAsGrid()

package/dist/cjs/atomic-result-localized-text.cjs.entry.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const headless = require('@coveo/headless');
+const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-28b05aaf.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const propsUtils = require('./props-utils-1e4ba1b0.js');
-const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
+const propsUtils = require('./props-utils-15a042f3.js');
+require('./stencil-item-decorators-43a96f33.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./utils-7153ae6b.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
-require('./stencil-item-decorators-43a96f33.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -71,7 +71,7 @@ __decorate([
     initializationUtils.InitializeBindings()
 ], AtomicResultLocalizedText.prototype, "bindings", void 0);
 __decorate([
-    resultTemplateDecorators.ResultContext()
+    stencilResultTemplateDecorators.ResultContext()
 ], AtomicResultLocalizedText.prototype, "result", void 0);
 __decorate([
     propsUtils.MapProp()

package/dist/cjs/atomic-result-localized-text.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-result-localized-text.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+Ba,yBAAyB;;;;;;QAYjB,UAAK,GAA2B,EAAE,CAAC;;;qBAAH,EAAE;;;IAMrD,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE;YAC1C,GAAG,IAAI,CAAC,gBAAgB,EAAE;YAC1B,GAAG,IAAI,CAAC,eAAe,EAAE;SAC1B,CAAC,CAAC;KACJ;IAEO,gBAAgB;QACtB,MAAM,GAAG,GAA4B,EAAE,CAAC;QACxC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;YACxC,OAAO,GAAG,CAAC;SACZ;QACD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC;YAC5D,MAAM,aAAa,GAAGA,+BAAsB,CAAC,iBAAiB,CAC5D,IAAI,CAAC,MAAM,EACX,SAAS,CACV,CAAC;YACF,IAAI,CAACC,uBAAiB,CAAC,aAAa,CAAC,EAAE;gBACrC,GAAG,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;aACpC;SACF,CAAC,CAAC;QAEH,OAAO,GAAG,CAAC;KACZ;IAEO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO,EAAE,CAAC;SACX;QACD,OAAO;YACL,KAAK,EACFD,+BAAsB,CAAC,iBAAiB,CACvC,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,UAAW,CACN,IAAI,CAAC;SACpB,CAAC;KACH;;AArD4B;IAA5BE,sCAAkB,EAAE;2DAA4B;AAGxB;IAAxBC,sCAAa,EAAE;yDAAyB;AAQtB;IAAVC,kBAAO,EAAE;wDAAoC;;;;","names":["ResultTemplatesHelpers","isNullOrUndefined","InitializeBindings","ResultContext","MapProp"],"sources":["src/components/search/result-template-components/atomic-result-localized-text/atomic-result-localized-text.ts"],"sourcesContent":["import {isNullOrUndefined} from '@coveo/bueno';\nimport {type Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, State} from '@stencil/core';\nimport {\n  type InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {MapProp} from '../../../../utils/props-utils';\nimport type {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-localized-text` component renders a target i18n localized string using the values of a target field.\n *\n * Given this i18n configuration:\n * ```\n * searchInterface.i18n.addResourceBundle('en', 'translation', {\n *    classic_book_advert: 'Classic book from {{name}}',\n * });\n * ```\n *\n * The component could be configured in such a way to replace `{{name}}` with the `author` field value from the result item:\n * ```\n * <atomic-result-localized-text locale-key=\"classic_book_advert\" field-author=\"name\"></atomic-result-localized-text>\n * ```\n *\n * @MapProp name: field;attr: field;docs: The field from which to extract the target string and the variable used to map it to the target i18n parameter. For example, the following configuration extracts the value of `author` from a result, and assign it to the i18n parameter `name`: `field-author=\"name\"`;type: Record<string, string> ;default: {}\n */\n@Component({\n  tag: 'atomic-result-localized-text',\n})\nexport class AtomicResultLocalizedText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n\n  @ResultContext() private result!: Result;\n  /**\n   * The i18n translation key.\n   */\n  @Prop() localeKey!: string;\n  /**\n   * The field value to dynamically evaluate.\n   */\n  @Prop() @MapProp() field: Record<string, string> = {};\n  /**\n   * The numerical field value used to determine whether to use the singular or plural value of a translation.\n   * */\n  @Prop() fieldCount?: string;\n\n  render() {\n    return this.bindings.i18n.t(this.localeKey, {\n      ...this.parseFieldValues(),\n      ...this.parseFieldCount(),\n    });\n  }\n\n  private parseFieldValues() {\n    const ret: Record<string, unknown> = {};\n    if (Object.keys(this.field).length === 0) {\n      return ret;\n    }\n    Object.entries(this.field).forEach(([fieldName, i18nParameter]) => {\n      const fieldValueRaw = ResultTemplatesHelpers.getResultProperty(\n        this.result,\n        fieldName\n      );\n      if (!isNullOrUndefined(fieldValueRaw)) {\n        ret[i18nParameter] = fieldValueRaw;\n      }\n    });\n\n    return ret;\n  }\n\n  private parseFieldCount() {\n    if (!this.fieldCount) {\n      return {};\n    }\n    return {\n      count:\n        (ResultTemplatesHelpers.getResultProperty(\n          this.result,\n          this.fieldCount!\n        ) as number) ?? 1,\n    };\n  }\n}\n"],"version":3}
+{"file":"atomic-result-localized-text.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+Ba,yBAAyB;;;;;;QAYjB,UAAK,GAA2B,EAAE,CAAC;;;qBAAH,EAAE;;;IAMrD,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE;YAC1C,GAAG,IAAI,CAAC,gBAAgB,EAAE;YAC1B,GAAG,IAAI,CAAC,eAAe,EAAE;SAC1B,CAAC,CAAC;KACJ;IAEO,gBAAgB;QACtB,MAAM,GAAG,GAA4B,EAAE,CAAC;QACxC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;YACxC,OAAO,GAAG,CAAC;SACZ;QACD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC;YAC5D,MAAM,aAAa,GAAGA,+BAAsB,CAAC,iBAAiB,CAC5D,IAAI,CAAC,MAAM,EACX,SAAS,CACV,CAAC;YACF,IAAI,CAACC,uBAAiB,CAAC,aAAa,CAAC,EAAE;gBACrC,GAAG,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;aACpC;SACF,CAAC,CAAC;QAEH,OAAO,GAAG,CAAC;KACZ;IAEO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO,EAAE,CAAC;SACX;QACD,OAAO;YACL,KAAK,EACFD,+BAAsB,CAAC,iBAAiB,CACvC,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,UAAW,CACN,IAAI,CAAC;SACpB,CAAC;KACH;;AArD4B;IAA5BE,sCAAkB,EAAE;2DAA4B;AAGxB;IAAxBC,6CAAa,EAAE;yDAAyB;AAQtB;IAAVC,kBAAO,EAAE;wDAAoC;;;;","names":["ResultTemplatesHelpers","isNullOrUndefined","InitializeBindings","ResultContext","MapProp"],"sources":["src/components/search/result-template-components/atomic-result-localized-text/atomic-result-localized-text.ts"],"sourcesContent":["import {isNullOrUndefined} from '@coveo/bueno';\nimport {type Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, State} from '@stencil/core';\nimport {ResultContext} from '@/src/components/search/result-template-component-utils/context/stencil-result-template-decorators';\nimport {\n  type InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {MapProp} from '../../../../utils/props-utils';\nimport type {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-result-localized-text` component renders a target i18n localized string using the values of a target field.\n *\n * Given this i18n configuration:\n * ```\n * searchInterface.i18n.addResourceBundle('en', 'translation', {\n *    classic_book_advert: 'Classic book from {{name}}',\n * });\n * ```\n *\n * The component could be configured in such a way to replace `{{name}}` with the `author` field value from the result item:\n * ```\n * <atomic-result-localized-text locale-key=\"classic_book_advert\" field-author=\"name\"></atomic-result-localized-text>\n * ```\n *\n * @MapProp name: field;attr: field;docs: The field from which to extract the target string and the variable used to map it to the target i18n parameter. For example, the following configuration extracts the value of `author` from a result, and assign it to the i18n parameter `name`: `field-author=\"name\"`;type: Record<string, string> ;default: {}\n */\n@Component({\n  tag: 'atomic-result-localized-text',\n})\nexport class AtomicResultLocalizedText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n\n  @ResultContext() private result!: Result;\n  /**\n   * The i18n translation key.\n   */\n  @Prop() localeKey!: string;\n  /**\n   * The field value to dynamically evaluate.\n   */\n  @Prop() @MapProp() field: Record<string, string> = {};\n  /**\n   * The numerical field value used to determine whether to use the singular or plural value of a translation.\n   * */\n  @Prop() fieldCount?: string;\n\n  render() {\n    return this.bindings.i18n.t(this.localeKey, {\n      ...this.parseFieldValues(),\n      ...this.parseFieldCount(),\n    });\n  }\n\n  private parseFieldValues() {\n    const ret: Record<string, unknown> = {};\n    if (Object.keys(this.field).length === 0) {\n      return ret;\n    }\n    Object.entries(this.field).forEach(([fieldName, i18nParameter]) => {\n      const fieldValueRaw = ResultTemplatesHelpers.getResultProperty(\n        this.result,\n        fieldName\n      );\n      if (!isNullOrUndefined(fieldValueRaw)) {\n        ret[i18nParameter] = fieldValueRaw;\n      }\n    });\n\n    return ret;\n  }\n\n  private parseFieldCount() {\n    if (!this.fieldCount) {\n      return {};\n    }\n    return {\n      count:\n        (ResultTemplatesHelpers.getResultProperty(\n          this.result,\n          this.fieldCount!\n        ) as number) ?? 1,\n    };\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-result-multi-value-text.cjs.entry.js

@@ -6,8 +6,8 @@ const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const fieldUtils = require('./field-utils-a715deca.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const utils = require('./utils-7153ae6b.js');
-const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
+const utils = require('./utils-12b49e87.js');
+const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-28b05aaf.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
@@ -132,7 +132,7 @@ __decorate([
     initializationUtils.InitializeBindings()
 ], AtomicResultMultiValueText.prototype, "bindings", void 0);
 __decorate([
-    resultTemplateDecorators.ResultContext()
+    stencilResultTemplateDecorators.ResultContext()
 ], AtomicResultMultiValueText.prototype, "result", void 0);
 AtomicResultMultiValueText.style = AtomicResultMultiValueTextStyle0;
 

package/dist/cjs/atomic-result-multi-value-text.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-result-multi-value-text.entry.cjs.js","mappings":"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","names":["buildBreadcrumbManager","ResultTemplatesHelpers","getFieldValueCaption","titleToKebab","h","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-multi-value-text/atomic-result-multi-value-text.pcss?tag=atomic-result-multi-value-text&encapsulation=shadow","src/components/search/result-template-components/atomic-result-multi-value-text/atomic-result-multi-value-text.tsx"],"sourcesContent":[":host {\n  > ul {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    li {\n      display: inline-block;\n    }\n  }\n}\n\n.separator {\n  &::before {\n    display: inline;\n    content: ',\\00a0';\n  }\n}\n","import {\n  BreadcrumbManager,\n  buildBreadcrumbManager,\n  Result,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {Component, Element, Prop, h, State, VNode} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {titleToKebab} from '../../../../utils/utils';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-multi-value-text` component renders the values of a multi-value string field.\n * @part result-multi-value-text-list - The list of field values.\n * @part result-multi-value-text-separator - The separator to display between each of the field values.\n * @part result-multi-value-text-value - A field value.\n * @part result-multi-value-text-value-more - A label indicating some values were omitted.\n * @slot result-multi-value-text-value-* - A custom caption value that's specified for a given part of a multi-text field value. For example, if you want to use `Off-Campus Resident` as a caption value for `Off-campus apartment` in `Off-campus apartment;On-campus apartment`, you'd use `<span slot=\"result-multi-value-text-value-off-campus-apartment\">Off-Campus Resident</span>`). The suffix of this slot corresponds with the field value, written in kebab case.\n */\n@Component({\n  tag: 'atomic-result-multi-value-text',\n  styleUrl: 'atomic-result-multi-value-text.pcss',\n  shadow: true,\n})\nexport class AtomicResultMultiValueText {\n  public breadcrumbManager!: BreadcrumbManager;\n\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The field that the component should use.\n   * The component will try to find this field in the `Result.raw` object unless it finds it in the `Result` object first.\n   * Make sure this field is present in the `fieldsToInclude` property of the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n\n  /**\n   * The maximum number of field values to display.\n   * If there are _n_ more values than the specified maximum, the last displayed value will be \"_n_ more...\".\n   */\n  @Prop({reflect: true}) public maxValuesToDisplay = 3;\n\n  /**\n   * The delimiter used to separate values when the field isn't indexed as a multi value field.\n   */\n  @Prop({reflect: true}) public delimiter: string | null = null;\n\n  private sortedValues: string[] | null = null;\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n  }\n\n  private get resultValues() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n\n    if (value === null) {\n      return null;\n    }\n\n    if (Array.isArray(value)) {\n      return value.map((v) => `${v}`.trim());\n    }\n\n    if (typeof value !== 'string' || value.trim() === '') {\n      this.error = new Error(\n        `Could not parse \"${value}\" from field \"${this.field}\" as a string array.`\n      );\n      return null;\n    }\n\n    return this.delimiter\n      ? value.split(this.delimiter).map((value) => value.trim())\n      : [value];\n  }\n\n  private get facetSelectedValues() {\n    return this.breadcrumbManager.state.facetBreadcrumbs\n      .filter((facet) => facet.field === this.field)\n      .reduce(\n        (values, facet) => [\n          ...values,\n          ...facet.values.map(({value}) => value.value),\n        ],\n        [] as string[]\n      );\n  }\n\n  private updateSortedValues() {\n    const allValues = this.resultValues;\n    if (allValues === null) {\n      this.sortedValues = null;\n      return;\n    }\n    const allValuesSet = new Set(allValues);\n    const firstValues = this.facetSelectedValues.filter((value) =>\n      allValuesSet.has(value)\n    );\n    this.sortedValues = Array.from(\n      allValues.reduce((set, value) => set.add(value), new Set(firstValues))\n    );\n  }\n\n  private getShouldDisplayLabel(values: string[]) {\n    return (\n      this.maxValuesToDisplay > 0 && values.length > this.maxValuesToDisplay\n    );\n  }\n\n  private getNumberOfValuesToDisplay(values: string[]) {\n    return Math.min(values.length, this.maxValuesToDisplay);\n  }\n\n  private renderValue(value: string) {\n    const label = getFieldValueCaption(this.field, value, this.bindings.i18n);\n    const kebabValue = titleToKebab(value);\n    return (\n      <li key={value} part=\"result-multi-value-text-value\">\n        <slot name={`result-multi-value-text-value-${kebabValue}`}>\n          {label}\n        </slot>\n      </li>\n    );\n  }\n\n  private renderSeparator(beforeValue: string, afterValue: string) {\n    return (\n      <li\n        aria-hidden=\"true\"\n        part=\"result-multi-value-text-separator\"\n        key={`${beforeValue}~${afterValue}`}\n        class=\"separator\"\n      ></li>\n    );\n  }\n\n  private renderMoreLabel(value: number) {\n    return (\n      <li key=\"more-field-values\" part=\"result-multi-value-text-value-more\">\n        {this.bindings.i18n.t('n-more', {value})}\n      </li>\n    );\n  }\n\n  private renderListItems(values: string[]) {\n    const numberOfValuesToDisplay = this.getNumberOfValuesToDisplay(values);\n\n    const nodes: VNode[] = [];\n    for (let i = 0; i < numberOfValuesToDisplay; i++) {\n      if (i > 0) {\n        nodes.push(this.renderSeparator(values[i - 1], values[i]));\n      }\n      nodes.push(this.renderValue(values[i]));\n    }\n    if (this.getShouldDisplayLabel(values)) {\n      nodes.push(\n        this.renderSeparator(\n          values[numberOfValuesToDisplay - 1],\n          'more-field-values'\n        )\n      );\n      nodes.push(this.renderMoreLabel(values.length - numberOfValuesToDisplay));\n    }\n    return nodes;\n  }\n\n  public componentWillRender() {\n    this.updateSortedValues();\n  }\n\n  public render() {\n    if (this.sortedValues === null) {\n      this.host.remove();\n      return;\n    }\n    return (\n      <ul part=\"result-multi-value-text-list\">\n        {...this.renderListItems(this.sortedValues)}\n      </ul>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-result-multi-value-text.entry.cjs.js","mappings":"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","names":["buildBreadcrumbManager","ResultTemplatesHelpers","getFieldValueCaption","titleToKebab","h","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-multi-value-text/atomic-result-multi-value-text.pcss?tag=atomic-result-multi-value-text&encapsulation=shadow","src/components/search/result-template-components/atomic-result-multi-value-text/atomic-result-multi-value-text.tsx"],"sourcesContent":[":host {\n  > ul {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    li {\n      display: inline-block;\n    }\n  }\n}\n\n.separator {\n  &::before {\n    display: inline;\n    content: ',\\00a0';\n  }\n}\n","import {\n  BreadcrumbManager,\n  buildBreadcrumbManager,\n  Result,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {Component, Element, Prop, h, State, VNode} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {titleToKebab} from '../../../../utils/utils';\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-multi-value-text` component renders the values of a multi-value string field.\n * @part result-multi-value-text-list - The list of field values.\n * @part result-multi-value-text-separator - The separator to display between each of the field values.\n * @part result-multi-value-text-value - A field value.\n * @part result-multi-value-text-value-more - A label indicating some values were omitted.\n * @slot result-multi-value-text-value-* - A custom caption value that's specified for a given part of a multi-text field value. For example, if you want to use `Off-Campus Resident` as a caption value for `Off-campus apartment` in `Off-campus apartment;On-campus apartment`, you'd use `<span slot=\"result-multi-value-text-value-off-campus-apartment\">Off-Campus Resident</span>`). The suffix of this slot corresponds with the field value, written in kebab case.\n */\n@Component({\n  tag: 'atomic-result-multi-value-text',\n  styleUrl: 'atomic-result-multi-value-text.pcss',\n  shadow: true,\n})\nexport class AtomicResultMultiValueText {\n  public breadcrumbManager!: BreadcrumbManager;\n\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The field that the component should use.\n   * The component will try to find this field in the `Result.raw` object unless it finds it in the `Result` object first.\n   * Make sure this field is present in the `fieldsToInclude` property of the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n\n  /**\n   * The maximum number of field values to display.\n   * If there are _n_ more values than the specified maximum, the last displayed value will be \"_n_ more...\".\n   */\n  @Prop({reflect: true}) public maxValuesToDisplay = 3;\n\n  /**\n   * The delimiter used to separate values when the field isn't indexed as a multi value field.\n   */\n  @Prop({reflect: true}) public delimiter: string | null = null;\n\n  private sortedValues: string[] | null = null;\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n  }\n\n  private get resultValues() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n\n    if (value === null) {\n      return null;\n    }\n\n    if (Array.isArray(value)) {\n      return value.map((v) => `${v}`.trim());\n    }\n\n    if (typeof value !== 'string' || value.trim() === '') {\n      this.error = new Error(\n        `Could not parse \"${value}\" from field \"${this.field}\" as a string array.`\n      );\n      return null;\n    }\n\n    return this.delimiter\n      ? value.split(this.delimiter).map((value) => value.trim())\n      : [value];\n  }\n\n  private get facetSelectedValues() {\n    return this.breadcrumbManager.state.facetBreadcrumbs\n      .filter((facet) => facet.field === this.field)\n      .reduce(\n        (values, facet) => [\n          ...values,\n          ...facet.values.map(({value}) => value.value),\n        ],\n        [] as string[]\n      );\n  }\n\n  private updateSortedValues() {\n    const allValues = this.resultValues;\n    if (allValues === null) {\n      this.sortedValues = null;\n      return;\n    }\n    const allValuesSet = new Set(allValues);\n    const firstValues = this.facetSelectedValues.filter((value) =>\n      allValuesSet.has(value)\n    );\n    this.sortedValues = Array.from(\n      allValues.reduce((set, value) => set.add(value), new Set(firstValues))\n    );\n  }\n\n  private getShouldDisplayLabel(values: string[]) {\n    return (\n      this.maxValuesToDisplay > 0 && values.length > this.maxValuesToDisplay\n    );\n  }\n\n  private getNumberOfValuesToDisplay(values: string[]) {\n    return Math.min(values.length, this.maxValuesToDisplay);\n  }\n\n  private renderValue(value: string) {\n    const label = getFieldValueCaption(this.field, value, this.bindings.i18n);\n    const kebabValue = titleToKebab(value);\n    return (\n      <li key={value} part=\"result-multi-value-text-value\">\n        <slot name={`result-multi-value-text-value-${kebabValue}`}>\n          {label}\n        </slot>\n      </li>\n    );\n  }\n\n  private renderSeparator(beforeValue: string, afterValue: string) {\n    return (\n      <li\n        aria-hidden=\"true\"\n        part=\"result-multi-value-text-separator\"\n        key={`${beforeValue}~${afterValue}`}\n        class=\"separator\"\n      ></li>\n    );\n  }\n\n  private renderMoreLabel(value: number) {\n    return (\n      <li key=\"more-field-values\" part=\"result-multi-value-text-value-more\">\n        {this.bindings.i18n.t('n-more', {value})}\n      </li>\n    );\n  }\n\n  private renderListItems(values: string[]) {\n    const numberOfValuesToDisplay = this.getNumberOfValuesToDisplay(values);\n\n    const nodes: VNode[] = [];\n    for (let i = 0; i < numberOfValuesToDisplay; i++) {\n      if (i > 0) {\n        nodes.push(this.renderSeparator(values[i - 1], values[i]));\n      }\n      nodes.push(this.renderValue(values[i]));\n    }\n    if (this.getShouldDisplayLabel(values)) {\n      nodes.push(\n        this.renderSeparator(\n          values[numberOfValuesToDisplay - 1],\n          'more-field-values'\n        )\n      );\n      nodes.push(this.renderMoreLabel(values.length - numberOfValuesToDisplay));\n    }\n    return nodes;\n  }\n\n  public componentWillRender() {\n    this.updateSortedValues();\n  }\n\n  public render() {\n    if (this.sortedValues === null) {\n      this.host.remove();\n      return;\n    }\n    return (\n      <ul part=\"result-multi-value-text-list\">\n        {...this.renderListItems(this.sortedValues)}\n      </ul>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-result-number.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
 const formatCommon = require('./format-common-4aa8aa88.js');
-const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
+const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-28b05aaf.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
@@ -81,7 +81,7 @@ __decorate([
     initializationUtils.InitializeBindings()
 ], AtomicResultNumber.prototype, "bindings", void 0);
 __decorate([
-    resultTemplateDecorators.ResultContext()
+    stencilResultTemplateDecorators.ResultContext()
 ], AtomicResultNumber.prototype, "result", void 0);
 
 exports.atomic_result_number = AtomicResultNumber;

package/dist/cjs/atomic-result-number.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-result-number.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;MAmBa,kBAAkB;;;QAepB,cAAS,GAAoBA,mCAAsB,CAAC;QAEpD,mBAAc,GAAkB,IAAI,CAAC;;;yBAFRA,mCAAsB;8BAEnB,IAAI;;IAGtC,SAAS,CAAC,KAAmC;QAClD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;KAC/B;IAEO,UAAU;QAChB,MAAM,KAAK,GAAGC,+BAAsB,CAAC,iBAAiB,CACpD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK,CACX,CAAC;QACF,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QACD,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;QAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;YAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CACpB,oBAAoB,KAAK,iBAAiB,IAAI,CAAC,KAAK,gBAAgB,CACrE,CAAC;YACF,OAAO,IAAI,CAAC;SACb;QACD,OAAO,aAAa,CAAC;KACtB;IAEO,WAAW,CAAC,KAAa;QAC/B,IAAI;YACF,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAqB,CAAC,CAAC;SACxE;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,KAAc,CAAC;YAC5B,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;SACzB;KACF;IAEO,oBAAoB;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAChC,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC/C;KACF;IAED,mBAAmB;QACjB,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC7B;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE;YAChC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO;SACR;QACD,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;;;AArE4B;IAA5BC,sCAAkB,EAAE;oDAA4B;AACxB;IAAxBC,sCAAa,EAAE;kDAAyB;;;;","names":["defaultNumberFormatter","ResultTemplatesHelpers","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-number/atomic-result-number.tsx"],"sourcesContent":["import {Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, Element, State, Listen} from '@stencil/core';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {\n  defaultNumberFormatter,\n  NumberFormatter,\n} from '../../../common/formats/format-common';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-number` component renders the value of a number result field.\n *\n * @slot default - The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.\n */\n@Component({\n  tag: 'atomic-result-number',\n  shadow: false,\n})\nexport class AtomicResultNumber {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The field that the component should use.\n   * The component will try to find this field in the `Result.raw` object unless it finds it in the `Result` object first.\n   * Make sure this field is present in the `fieldsToInclude` property of the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) field!: string;\n\n  @State() formatter: NumberFormatter = defaultNumberFormatter;\n\n  @State() valueToDisplay: string | null = null;\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  private parseValue() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n    if (value === null) {\n      return null;\n    }\n    const valueAsNumber = parseFloat(`${value}`);\n    if (Number.isNaN(valueAsNumber)) {\n      this.error = new Error(\n        `Could not parse \"${value}\" from field \"${this.field}\" as a number.`\n      );\n      return null;\n    }\n    return valueAsNumber;\n  }\n\n  private formatValue(value: number) {\n    try {\n      return this.formatter(value, this.bindings.i18n.languages as string[]);\n    } catch (error) {\n      this.error = error as Error;\n      return value.toString();\n    }\n  }\n\n  private updateValueToDisplay() {\n    const value = this.parseValue();\n    if (value !== null) {\n      this.valueToDisplay = this.formatValue(value);\n    }\n  }\n\n  componentWillRender() {\n    this.updateValueToDisplay();\n  }\n\n  public render() {\n    if (this.valueToDisplay === null) {\n      this.host.remove();\n      return;\n    }\n    return this.valueToDisplay;\n  }\n}\n"],"version":3}
+{"file":"atomic-result-number.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;MAmBa,kBAAkB;;;QAepB,cAAS,GAAoBA,mCAAsB,CAAC;QAEpD,mBAAc,GAAkB,IAAI,CAAC;;;yBAFRA,mCAAsB;8BAEnB,IAAI;;IAGtC,SAAS,CAAC,KAAmC;QAClD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;KAC/B;IAEO,UAAU;QAChB,MAAM,KAAK,GAAGC,+BAAsB,CAAC,iBAAiB,CACpD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK,CACX,CAAC;QACF,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QACD,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;QAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;YAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CACpB,oBAAoB,KAAK,iBAAiB,IAAI,CAAC,KAAK,gBAAgB,CACrE,CAAC;YACF,OAAO,IAAI,CAAC;SACb;QACD,OAAO,aAAa,CAAC;KACtB;IAEO,WAAW,CAAC,KAAa;QAC/B,IAAI;YACF,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAqB,CAAC,CAAC;SACxE;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,KAAc,CAAC;YAC5B,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;SACzB;KACF;IAEO,oBAAoB;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAChC,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC/C;KACF;IAED,mBAAmB;QACjB,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC7B;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE;YAChC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO;SACR;QACD,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;;;AArE4B;IAA5BC,sCAAkB,EAAE;oDAA4B;AACxB;IAAxBC,6CAAa,EAAE;kDAAyB;;;;","names":["defaultNumberFormatter","ResultTemplatesHelpers","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-number/atomic-result-number.tsx"],"sourcesContent":["import {Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, Element, State, Listen} from '@stencil/core';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {\n  defaultNumberFormatter,\n  NumberFormatter,\n} from '../../../common/formats/format-common';\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-number` component renders the value of a number result field.\n *\n * @slot default - The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.\n */\n@Component({\n  tag: 'atomic-result-number',\n  shadow: false,\n})\nexport class AtomicResultNumber {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The field that the component should use.\n   * The component will try to find this field in the `Result.raw` object unless it finds it in the `Result` object first.\n   * Make sure this field is present in the `fieldsToInclude` property of the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) field!: string;\n\n  @State() formatter: NumberFormatter = defaultNumberFormatter;\n\n  @State() valueToDisplay: string | null = null;\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  private parseValue() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n    if (value === null) {\n      return null;\n    }\n    const valueAsNumber = parseFloat(`${value}`);\n    if (Number.isNaN(valueAsNumber)) {\n      this.error = new Error(\n        `Could not parse \"${value}\" from field \"${this.field}\" as a number.`\n      );\n      return null;\n    }\n    return valueAsNumber;\n  }\n\n  private formatValue(value: number) {\n    try {\n      return this.formatter(value, this.bindings.i18n.languages as string[]);\n    } catch (error) {\n      this.error = error as Error;\n      return value.toString();\n    }\n  }\n\n  private updateValueToDisplay() {\n    const value = this.parseValue();\n    if (value !== null) {\n      this.valueToDisplay = this.formatValue(value);\n    }\n  }\n\n  componentWillRender() {\n    this.updateValueToDisplay();\n  }\n\n  public render() {\n    if (this.valueToDisplay === null) {\n      this.host.remove();\n      return;\n    }\n    return this.valueToDisplay;\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const displayOptions = require('./display-options-69531e8d.js');
-const itemSectionUtils = require('./item-section-utils-8579462c.js');
-require('./item-layout-sections-b09ba4b3.js');
-require('./utils-7153ae6b.js');
+const displayOptions = require('./display-options-10f84088.js');
+const itemSectionUtils = require('./item-section-utils-37848715.js');
+require('./item-layout-sections-73e27d24.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 
@@ -28,9 +28,9 @@ const AtomicResultPlaceholder = class {
             } }, index.h("div", { class: placeholderClasses$1, style: { height: 'var(--font-size)' } })));
     }
     render() {
-        return (index.h("div", { key: '86d4c0d928415a2442d9aa3e0b148597aaa8a36d', class: `result-root placeholder with-sections animate-pulse ${displayOptions.getItemDisplayClasses(this.display, this.density, this.imageSize)
+        return (index.h("div", { key: '8610d22227581ee232c3c38968ddd862f9953431', class: `result-root placeholder with-sections animate-pulse ${displayOptions.getItemDisplayClasses(this.display, this.density, this.imageSize)
                 .join(' ')
-                .trim()}` }, index.h("atomic-result-section-visual", { key: 'bd0aa9efaa1117c777cbdc1e525ad83c182622dd' }, index.h("div", { key: 'fa788a8d8ad21414a839b7a873d09cdb7872ec44', class: placeholderClasses$1 })), index.h("atomic-result-section-badges", { key: '3c0ebd7f133c38c751ee81ea322282bcc6733660' }, index.h("div", { key: '9a75294ccb6b9995a031b17a6a6ccb32a92998fd', class: `badge ${placeholderClasses$1}` })), index.h("atomic-result-section-actions", { key: '898c4e23660935c16b503354f5a4b8039954ca48' }, index.h("div", { key: '02f9940361ed93f31a609fac644abdac0bf0b6b9', class: `action ${placeholderClasses$1}` })), index.h("atomic-result-section-title", { key: '89cfeaf62905be2d999685b9b7afb97af2fe48a7' }, index.h("div", { key: '374bcc0a90f55f55a3f41a83be226f665dfd83b7', class: `title ${placeholderClasses$1}` })), index.h("atomic-result-section-excerpt", { key: '64cfcc1043e6e0a81774e62cfd071a667671b593' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), index.h("atomic-result-section-bottom-metadata", { key: '04613f930538dc5c287c35d2adc9ca45519a2507' }, index.h("div", { key: '3f9839736fbd1838bd8a12cd3ba32810206430a6', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (index.h("div", { class: `field-value-placeholder ${placeholderClasses$1}` })))))));
+                .trim()}` }, index.h("atomic-result-section-visual", { key: '662175696d7086fe86aa1694b8ada13be85ccc8d' }, index.h("div", { key: '7b7f4198f4f37ef717b888b5a5f8372f535351c9', class: placeholderClasses$1 })), index.h("atomic-result-section-badges", { key: '5aa4beb463e626877e9577b869b6d295c3bc652c' }, index.h("div", { key: '6c6022322036a16ccaafd56d3f5c640346e9dc54', class: `badge ${placeholderClasses$1}` })), index.h("atomic-result-section-actions", { key: '1d31fbd72181c17d6132885e6400fd2fc6baa0a1' }, index.h("div", { key: 'fb2f203f72862776eb3e72a25f0e8ade39959d22', class: `action ${placeholderClasses$1}` })), index.h("atomic-result-section-title", { key: 'a4e8b10a295b4fdf0e81773d32459a621a5c7fe9' }, index.h("div", { key: '6d66ca1eedcd24c4e262ac178bc4bb2c83bdc4f2', class: `title ${placeholderClasses$1}` })), index.h("atomic-result-section-excerpt", { key: '186b956cad5e8348c1e5a9ac7fb448467c193f3f' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), index.h("atomic-result-section-bottom-metadata", { key: 'bd8c1d67e88e98997d5828a30f0783e4d8265531' }, index.h("div", { key: 'a91ed4c4304129afd2e0a1d4c626d3e7885a6452', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (index.h("div", { class: `field-value-placeholder ${placeholderClasses$1}` })))))));
     }
 };
 AtomicResultPlaceholder.style = AtomicResultPlaceholderStyle0;
@@ -111,7 +111,7 @@ const AtomicResultTablePlaceholder = class {
         return displayOptions.getItemDisplayClasses('table', this.density, this.imageSize);
     }
     render() {
-        return (index.h("table", { key: 'ed3f575082ec1c2a9927251e2b09d5c0f70d78b5', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, index.h("thead", { key: 'd48900fa9c63a0a201379e034efce277095884e2' }, index.h("tr", { key: '46641a6003cadf5c7fc8dfad1ab9d1ef11c90190' }, index.h("th", { key: '617b903b6d8ffde30dcbb3e4dcbaaa4e377d3b19' }, index.h("div", { key: 'd082c63c3bde168ef9395afb9e0dd50fcb3a6825', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), index.h("th", { key: '2fc5a593908aad27a251272284bce7b55ad521e6' }, index.h("div", { key: 'a49a28d807240f58b43fbe8a646f9de2218e34f9', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), index.h("th", { key: '96676c1b68d7ab25dc14b9331642f5288d0f2b53' }, index.h("div", { key: '648e50f2fa4ba0214bc0b220d38520c86580013c', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), index.h("tbody", { key: '98adcdb91e5e58c6dd1cc09759e6cc0e7a08bf31' }, Array.from({ length: this.rows }, () => (index.h("tr", null, index.h("td", null, index.h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), index.h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), index.h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), index.h("td", null, index.h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), index.h("td", null, index.h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
+        return (index.h("table", { key: 'f92a208f806970fa2575f3072ee2ec3aac8360c0', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, index.h("thead", { key: '283a455dc3277faf9e7fb39cb661762e07336131' }, index.h("tr", { key: '0aa95c31a627de9ba8ab4e587714bf3c3052fc1b' }, index.h("th", { key: '8a64b6889420cfa778ba2c3ffdc6bf184a65a779' }, index.h("div", { key: '677f09154c5b51b0649ecbfd7dab5b4ea2b6d4ae', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), index.h("th", { key: '18f23793b4d97315b8b809c2a0e055db3460c2c1' }, index.h("div", { key: '1c3b1133e64151e5e76de131c30e175686e1cc5e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), index.h("th", { key: '2a0b4d74ae876e8d7733c456596c931fb5c876c9' }, index.h("div", { key: '81cbf14dbed4bb38418295814ba61eda3192b88d', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), index.h("tbody", { key: '7ba59462f68a56b633bd71841f5e696121eeae8c' }, Array.from({ length: this.rows }, () => (index.h("tr", null, index.h("td", null, index.h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), index.h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), index.h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), index.h("td", null, index.h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), index.h("td", null, index.h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
     }
 };
 AtomicResultTablePlaceholder.style = AtomicResultTablePlaceholderStyle0;

package/dist/cjs/atomic-result-printable-uri.cjs.entry.js

@@ -7,11 +7,11 @@ const bueno = require('@coveo/bueno');
 const headless = require('@coveo/headless');
 const arrowRight = require('./arrow-right-a3be291c.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
-const utils = require('./utils-7153ae6b.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
+const utils = require('./utils-12b49e87.js');
 const attributesSlot = require('./attributes-slot-4e7d7a75.js');
 const stencilItemLink = require('./stencil-item-link-9feaef61.js');
-const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
+const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-28b05aaf.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
@@ -124,7 +124,7 @@ __decorate([
     initializationUtils.InitializeBindings()
 ], AtomicResultPrintableUri.prototype, "bindings", void 0);
 __decorate([
-    resultTemplateDecorators.ResultContext()
+    stencilResultTemplateDecorators.ResultContext()
 ], AtomicResultPrintableUri.prototype, "result", void 0);
 AtomicResultPrintableUri.style = AtomicResultPrintableUriStyle0;
 

package/dist/cjs/atomic-result-printable-uri.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-result-printable-uri.entry.cjs.js","mappings":"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","names":["FocusTargetController","Schema","NumberValue","getAttributesFromLinkSlot","buildInteractiveResult","h","parseXML","Arrow","LinkWithItemAnalytics","InitializeBindings","ResultContext"],"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 '../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}
+{"file":"atomic-result-printable-uri.entry.cjs.js","mappings":"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","names":["FocusTargetController","Schema","NumberValue","getAttributesFromLinkSlot","buildInteractiveResult","h","parseXML","Arrow","LinkWithItemAnalytics","InitializeBindings","ResultContext"],"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}

package/dist/cjs/atomic-result-rating.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const stencilRating = require('./stencil-rating-a40e50dd.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
+const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-28b05aaf.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
@@ -80,7 +80,7 @@ __decorate([
     initializationUtils.InitializeBindings()
 ], AtomicResultRating.prototype, "bindings", void 0);
 __decorate([
-    resultTemplateDecorators.ResultContext()
+    stencilResultTemplateDecorators.ResultContext()
 ], AtomicResultRating.prototype, "result", void 0);
 AtomicResultRating.style = AtomicResultRatingStyle0;
 

package/dist/cjs/atomic-result-rating.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-result-rating.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,qBAAqB,GAAG,03jEAA03jE,CAAC;AACz5jE,iCAAe,qBAAqB;;;;;;;;;;;;MCwBvB,kBAAkB;;;;;;QAaC,oBAAe,GAAG,CAAC,CAAC;;;;;;;;;;;;;;QAepB,SAAI,GAAGA,kBAAI,CAAC;QAIjC,kBAAa,GAAkB,IAAI,CAAC;;+BAnBG,CAAC;oBAeZA,kBAAI;;6BAID,IAAI;;IAEpC,mBAAmB;QACzB,MAAM,KAAK,GAAGC,+BAAsB,CAAC,iBAAiB,CACpD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK,CACX,CAAC;QACF,IAAI;YACF,IAAI,CAAC,aAAa,GAAGC,kCAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SAC9D;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,KAAK,YAAY,KAAK,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;YACpE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;SAC3B;KACF;IAED,mBAAmB;QACjB,IAAI,CAAC,mBAAmB,EAAE,CAAC;KAC5B;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO;SACR;QACD,QACEC,QAACC,oBAAM,IACL,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,kBAAkB,EAAE,IAAI,CAAC,eAAe,EACxC,mBAAmB,EAAE,IAAI,CAAC,aAAa,EACvC,QAAQ,EAAE,KAAK,GACP,EACV;KACH;;;AAhE4B;IAA5BC,sCAAkB,EAAE;oDAA4B;AACxB;IAAxBC,sCAAa,EAAE;kDAAyB;;;;;","names":["Star","ResultTemplatesHelpers","computeNumberOfStars","h","Rating","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-rating/atomic-result-rating.pcss?tag=atomic-result-rating&encapsulation=shadow","src/components/search/result-template-components/atomic-result-rating/atomic-result-rating.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@import '../../../common/atomic-rating/atomic-rating.pcss';\n","import {Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Element, Prop, h, State} from '@stencil/core';\nimport Star from '../../../../images/star.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {\n  Rating,\n  computeNumberOfStars,\n} from '../../../common/atomic-rating/stencil-rating';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-rating` element renders a star rating.\n *\n *  @part value-rating - The wrapper that contains the row of inactive stars and the row of active stars.\n *  @part value-rating-icon - The individual star icons used in the rating display.\n */\n@Component({\n  tag: 'atomic-result-rating',\n  styleUrl: 'atomic-result-rating.pcss',\n  shadow: true,\n})\nexport class AtomicResultRating implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n  @Element() host!: HTMLElement;\n\n  /**\n   * The field whose values you want to display as a rating.\n   */\n  @Prop({reflect: true}) public field!: string;\n\n  /**\n   * The maximum value of the field. This value is also used as the number of icons to be displayed.\n   */\n  @Prop({reflect: true}) public maxValueInIndex = 5;\n\n  /**\n   * The SVG icon to use to display the rating.\n   *\n   * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n   * - Use a value that starts with `assets://`, to display an icon from the Atomic package.\n   * - Use a stringified SVG to display it directly.\n   *\n   * When using a custom icon, at least part of your icon should have the color set to `fill=\"currentColor\"`.\n   * This part of the SVG will take on the colors set in the following [variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties):\n   *\n   * - `--atomic-rating-icon-active-color`\n   * - `--atomic-rating-icon-inactive-color`\n   */\n  @Prop({reflect: true}) public icon = Star;\n\n  @State() public error!: Error;\n\n  @State() numberOfStars: number | null = null;\n\n  private updateNumberOfStars() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n    try {\n      this.numberOfStars = computeNumberOfStars(value, this.field);\n    } catch (error) {\n      this.error = error instanceof Error ? error : new Error(`${error}`);\n      this.numberOfStars = null;\n    }\n  }\n\n  componentWillRender() {\n    this.updateNumberOfStars();\n  }\n\n  render() {\n    if (this.numberOfStars === null) {\n      this.host.remove();\n      return;\n    }\n    return (\n      <Rating\n        i18n={this.bindings.i18n}\n        icon={this.icon}\n        numberOfTotalIcons={this.maxValueInIndex}\n        numberOfActiveIcons={this.numberOfStars}\n        iconSize={0.875}\n      ></Rating>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-result-rating.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,qBAAqB,GAAG,03jEAA03jE,CAAC;AACz5jE,iCAAe,qBAAqB;;;;;;;;;;;;MCwBvB,kBAAkB;;;;;;QAaC,oBAAe,GAAG,CAAC,CAAC;;;;;;;;;;;;;;QAepB,SAAI,GAAGA,kBAAI,CAAC;QAIjC,kBAAa,GAAkB,IAAI,CAAC;;+BAnBG,CAAC;oBAeZA,kBAAI;;6BAID,IAAI;;IAEpC,mBAAmB;QACzB,MAAM,KAAK,GAAGC,+BAAsB,CAAC,iBAAiB,CACpD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK,CACX,CAAC;QACF,IAAI;YACF,IAAI,CAAC,aAAa,GAAGC,kCAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SAC9D;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,KAAK,YAAY,KAAK,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;YACpE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;SAC3B;KACF;IAED,mBAAmB;QACjB,IAAI,CAAC,mBAAmB,EAAE,CAAC;KAC5B;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO;SACR;QACD,QACEC,QAACC,oBAAM,IACL,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,kBAAkB,EAAE,IAAI,CAAC,eAAe,EACxC,mBAAmB,EAAE,IAAI,CAAC,aAAa,EACvC,QAAQ,EAAE,KAAK,GACP,EACV;KACH;;;AAhE4B;IAA5BC,sCAAkB,EAAE;oDAA4B;AACxB;IAAxBC,6CAAa,EAAE;kDAAyB;;;;;","names":["Star","ResultTemplatesHelpers","computeNumberOfStars","h","Rating","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-rating/atomic-result-rating.pcss?tag=atomic-result-rating&encapsulation=shadow","src/components/search/result-template-components/atomic-result-rating/atomic-result-rating.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@import '../../../common/atomic-rating/atomic-rating.pcss';\n","import {Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Element, Prop, h, State} from '@stencil/core';\nimport Star from '../../../../images/star.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {\n  Rating,\n  computeNumberOfStars,\n} from '../../../common/atomic-rating/stencil-rating';\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-rating` element renders a star rating.\n *\n *  @part value-rating - The wrapper that contains the row of inactive stars and the row of active stars.\n *  @part value-rating-icon - The individual star icons used in the rating display.\n */\n@Component({\n  tag: 'atomic-result-rating',\n  styleUrl: 'atomic-result-rating.pcss',\n  shadow: true,\n})\nexport class AtomicResultRating implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n  @Element() host!: HTMLElement;\n\n  /**\n   * The field whose values you want to display as a rating.\n   */\n  @Prop({reflect: true}) public field!: string;\n\n  /**\n   * The maximum value of the field. This value is also used as the number of icons to be displayed.\n   */\n  @Prop({reflect: true}) public maxValueInIndex = 5;\n\n  /**\n   * The SVG icon to use to display the rating.\n   *\n   * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n   * - Use a value that starts with `assets://`, to display an icon from the Atomic package.\n   * - Use a stringified SVG to display it directly.\n   *\n   * When using a custom icon, at least part of your icon should have the color set to `fill=\"currentColor\"`.\n   * This part of the SVG will take on the colors set in the following [variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties):\n   *\n   * - `--atomic-rating-icon-active-color`\n   * - `--atomic-rating-icon-inactive-color`\n   */\n  @Prop({reflect: true}) public icon = Star;\n\n  @State() public error!: Error;\n\n  @State() numberOfStars: number | null = null;\n\n  private updateNumberOfStars() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n    try {\n      this.numberOfStars = computeNumberOfStars(value, this.field);\n    } catch (error) {\n      this.error = error instanceof Error ? error : new Error(`${error}`);\n      this.numberOfStars = null;\n    }\n  }\n\n  componentWillRender() {\n    this.updateNumberOfStars();\n  }\n\n  render() {\n    if (this.numberOfStars === null) {\n      this.host.remove();\n      return;\n    }\n    return (\n      <Rating\n        i18n={this.bindings.i18n}\n        icon={this.icon}\n        numberOfTotalIcons={this.maxValueInIndex}\n        numberOfActiveIcons={this.numberOfStars}\n        iconSize={0.875}\n      ></Rating>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-result-section-children.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const itemSectionUtils = require('./item-section-utils-8579462c.js');
-require('./utils-7153ae6b.js');
+const itemSectionUtils = require('./item-section-utils-37848715.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 

package/dist/cjs/atomic-result-section-emphasized.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const itemSectionUtils = require('./item-section-utils-8579462c.js');
-require('./utils-7153ae6b.js');
+const itemSectionUtils = require('./item-section-utils-37848715.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 

package/dist/cjs/atomic-result-section-title-metadata.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const itemSectionUtils = require('./item-section-utils-8579462c.js');
-require('./utils-7153ae6b.js');
+const itemSectionUtils = require('./item-section-utils-37848715.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 

package/dist/cjs/atomic-result-template.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const propsUtils = require('./props-utils-1e4ba1b0.js');
-const resultTemplateCommon = require('./result-template-common-84bd4057.js');
+const propsUtils = require('./props-utils-15a042f3.js');
+const resultTemplateCommon = require('./result-template-common-bc03b2ad.js');
 require('@coveo/bueno');
-require('./utils-7153ae6b.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('@coveo/headless');
 require('./table-element-utils-4865b735.js');
-require('./item-layout-sections-b09ba4b3.js');
+require('./item-layout-sections-73e27d24.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/atomic-result-text_2.cjs.entry.js

@@ -8,7 +8,7 @@ const fieldUtils = require('./field-utils-a715deca.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
 const resultUtils = require('./result-utils-3313d650.js');
 const bueno = require('@coveo/bueno');
-const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
+const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-28b05aaf.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
@@ -95,7 +95,7 @@ __decorate$1([
     initializationUtils.InitializeBindings()
 ], AtomicResultText.prototype, "bindings", void 0);
 __decorate$1([
-    resultTemplateDecorators.ResultContext()
+    stencilResultTemplateDecorators.ResultContext()
 ], AtomicResultText.prototype, "result", void 0);
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/atomic-result-text_2.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-result-text.atomic-text.entry.cjs.js","mappings":"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","names":["isArray","isUndefined","h","Fragment","Host","getStringValueFromResultOrNull","ResultTemplatesHelpers","getFieldValueCaption","HighlightUtils","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/common/item-text/field-warning.ts","src/components/common/item-text/stencil-item-text-fallback.tsx","src/components/common/item-text/render-highlights.ts","src/components/common/item-text/stencil-item-text-highlighted.tsx","src/components/search/result-template-components/atomic-result-text/atomic-result-text.tsx","src/components/search/atomic-text/atomic-text.tsx"],"sourcesContent":["import {isArray} from '@coveo/bueno';\n\nexport function possiblyWarnOnBadFieldType(\n  field: string,\n  itemValueRaw: unknown,\n  host: HTMLElement,\n  logger: Pick<Console, 'error'>\n) {\n  if (isArray(itemValueRaw)) {\n    logger.error(\n      `${host.nodeName.toLowerCase()} cannot be used with multi value field \"${field}\" with values \"${itemValueRaw}\".`,\n      host\n    );\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {Fragment, FunctionalComponent, VNode, h} from '@stencil/core';\nimport {possiblyWarnOnBadFieldType} from './field-warning';\n\nexport interface ItemTextProps<T> {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  defaultValue: string | undefined;\n  field: string;\n  item: T;\n  getProperty: (result: T, property: string) => unknown;\n}\n\nexport const ItemTextFallback = <T,>(\n  {field, host, logger, defaultValue, item, getProperty}: ItemTextProps<T>,\n  children: VNode[]\n): FunctionalComponent<ItemTextProps<T>> | null => {\n  const raw = getProperty(item, field);\n  possiblyWarnOnBadFieldType(field, raw, host, logger);\n\n  if (isUndefined(defaultValue)) {\n    host.remove();\n    return null;\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n","export type HighlightKeywords = {\n  offset: number;\n  length: number;\n};\n\nexport type HighlightString = (params: {\n  content: string;\n  openingDelimiter: string;\n  closingDelimiter: string;\n  highlights: HighlightKeywords[];\n}) => string;\n\nexport function renderWithHighlights(\n  value: string,\n  highlights: HighlightKeywords[],\n  highlightString: HighlightString\n) {\n  const openingDelimiter = '_openingDelimiter_';\n  const closingDelimiter = '_closingDelimiter_';\n  const highlightedValue = highlightString({\n    content: value,\n    openingDelimiter,\n    closingDelimiter,\n    highlights,\n  });\n  return highlightedValue\n    .replace(new RegExp(openingDelimiter, 'g'), '<b>')\n    .replace(new RegExp(closingDelimiter, 'g'), '</b>');\n}\n","import {FunctionalComponent, h, Host} from '@stencil/core';\nimport {\n  HighlightKeywords,\n  HighlightString,\n  renderWithHighlights,\n} from './render-highlights';\n\nexport interface ItemTextHighlightedProps {\n  textValue: string;\n  highlightKeywords: HighlightKeywords[];\n  onError: (error: Error) => void;\n  highlightString: HighlightString;\n}\n\nexport const ItemTextHighlighted: FunctionalComponent<\n  ItemTextHighlightedProps\n> = ({highlightKeywords, highlightString, onError, textValue}) => {\n  try {\n    const highlightedValue = renderWithHighlights(\n      textValue,\n      highlightKeywords,\n      highlightString\n    );\n\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    return <Host innerHTML={highlightedValue}></Host>;\n  } catch (error) {\n    onError(error as Error);\n  }\n};\n","import {HighlightUtils, Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {ItemTextFallback} from '../../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../../common/item-text/stencil-item-text-highlighted';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-text` component renders the value of a string result field.\n */\n@Component({\n  tag: 'atomic-result-text',\n  shadow: false,\n})\nexport class AtomicResultText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The result field which the component should use.\n   * This will look in the Result object first, and then in the Result.raw object for the fields.\n   * It is important to include the necessary field in the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\n\n  /**\n   * The locale key for the text to display when the configured field has no value.\n   */\n  @Prop({reflect: true}) public default?: string;\n\n  public render() {\n    const resultValueAsString = getStringValueFromResultOrNull(\n      this.result,\n      this.field\n    );\n\n    if (resultValueAsString === null) {\n      return (\n        <ItemTextFallback\n          field={this.field}\n          host={this.host}\n          logger={this.bindings.engine.logger}\n          defaultValue={this.default}\n          item={this.result}\n          getProperty={ResultTemplatesHelpers.getResultProperty}\n        >\n          <atomic-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${resultValueAsString}`;\n    const highlightKeywords = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      `${this.field}Highlights`\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldHighlight && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      getFieldValueCaption(this.field, textValue, this.bindings.i18n)\n    );\n  }\n}\n","import {Component, Prop, State} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-text` component leverages the I18n translation module through the atomic-search-interface.\n */\n@Component({\n  tag: 'atomic-text',\n  shadow: true,\n})\nexport class AtomicText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n\n  private strings = {\n    value: () =>\n      this.bindings.i18n.t(this.value, {\n        count: this.count,\n      }),\n  };\n  @State() public error!: Error;\n\n  /**\n   * The string key value.\n   */\n  @Prop({reflect: true}) public value!: string;\n  /**\n   * The count value used for plurals.\n   */\n  @Prop({reflect: true}) public count?: number;\n\n  public connectedCallback() {\n    if (!this.value) {\n      this.error = new Error('The \"value\" attribute must be defined.');\n    }\n  }\n\n  public render() {\n    return this.strings.value();\n  }\n}\n"],"version":3}
+{"file":"atomic-result-text.atomic-text.entry.cjs.js","mappings":"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","names":["isArray","isUndefined","h","Fragment","Host","getStringValueFromResultOrNull","ResultTemplatesHelpers","getFieldValueCaption","HighlightUtils","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/common/item-text/field-warning.ts","src/components/common/item-text/stencil-item-text-fallback.tsx","src/components/common/item-text/render-highlights.ts","src/components/common/item-text/stencil-item-text-highlighted.tsx","src/components/search/result-template-components/atomic-result-text/atomic-result-text.tsx","src/components/search/atomic-text/atomic-text.tsx"],"sourcesContent":["import {isArray} from '@coveo/bueno';\n\nexport function possiblyWarnOnBadFieldType(\n  field: string,\n  itemValueRaw: unknown,\n  host: HTMLElement,\n  logger: Pick<Console, 'error'>\n) {\n  if (isArray(itemValueRaw)) {\n    logger.error(\n      `${host.nodeName.toLowerCase()} cannot be used with multi value field \"${field}\" with values \"${itemValueRaw}\".`,\n      host\n    );\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {Fragment, FunctionalComponent, VNode, h} from '@stencil/core';\nimport {possiblyWarnOnBadFieldType} from './field-warning';\n\nexport interface ItemTextProps<T> {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  defaultValue: string | undefined;\n  field: string;\n  item: T;\n  getProperty: (result: T, property: string) => unknown;\n}\n\nexport const ItemTextFallback = <T,>(\n  {field, host, logger, defaultValue, item, getProperty}: ItemTextProps<T>,\n  children: VNode[]\n): FunctionalComponent<ItemTextProps<T>> | null => {\n  const raw = getProperty(item, field);\n  possiblyWarnOnBadFieldType(field, raw, host, logger);\n\n  if (isUndefined(defaultValue)) {\n    host.remove();\n    return null;\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n","export type HighlightKeywords = {\n  offset: number;\n  length: number;\n};\n\nexport type HighlightString = (params: {\n  content: string;\n  openingDelimiter: string;\n  closingDelimiter: string;\n  highlights: HighlightKeywords[];\n}) => string;\n\nexport function renderWithHighlights(\n  value: string,\n  highlights: HighlightKeywords[],\n  highlightString: HighlightString\n) {\n  const openingDelimiter = '_openingDelimiter_';\n  const closingDelimiter = '_closingDelimiter_';\n  const highlightedValue = highlightString({\n    content: value,\n    openingDelimiter,\n    closingDelimiter,\n    highlights,\n  });\n  return highlightedValue\n    .replace(new RegExp(openingDelimiter, 'g'), '<b>')\n    .replace(new RegExp(closingDelimiter, 'g'), '</b>');\n}\n","import {FunctionalComponent, h, Host} from '@stencil/core';\nimport {\n  HighlightKeywords,\n  HighlightString,\n  renderWithHighlights,\n} from './render-highlights';\n\nexport interface ItemTextHighlightedProps {\n  textValue: string;\n  highlightKeywords: HighlightKeywords[];\n  onError: (error: Error) => void;\n  highlightString: HighlightString;\n}\n\nexport const ItemTextHighlighted: FunctionalComponent<\n  ItemTextHighlightedProps\n> = ({highlightKeywords, highlightString, onError, textValue}) => {\n  try {\n    const highlightedValue = renderWithHighlights(\n      textValue,\n      highlightKeywords,\n      highlightString\n    );\n\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    return <Host innerHTML={highlightedValue}></Host>;\n  } catch (error) {\n    onError(error as Error);\n  }\n};\n","import {HighlightUtils, Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {ItemTextFallback} from '../../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../../common/item-text/stencil-item-text-highlighted';\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-text` component renders the value of a string result field.\n */\n@Component({\n  tag: 'atomic-result-text',\n  shadow: false,\n})\nexport class AtomicResultText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The result field which the component should use.\n   * This will look in the Result object first, and then in the Result.raw object for the fields.\n   * It is important to include the necessary field in the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\n\n  /**\n   * The locale key for the text to display when the configured field has no value.\n   */\n  @Prop({reflect: true}) public default?: string;\n\n  public render() {\n    const resultValueAsString = getStringValueFromResultOrNull(\n      this.result,\n      this.field\n    );\n\n    if (resultValueAsString === null) {\n      return (\n        <ItemTextFallback\n          field={this.field}\n          host={this.host}\n          logger={this.bindings.engine.logger}\n          defaultValue={this.default}\n          item={this.result}\n          getProperty={ResultTemplatesHelpers.getResultProperty}\n        >\n          <atomic-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${resultValueAsString}`;\n    const highlightKeywords = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      `${this.field}Highlights`\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldHighlight && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      getFieldValueCaption(this.field, textValue, this.bindings.i18n)\n    );\n  }\n}\n","import {Component, Prop, State} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-text` component leverages the I18n translation module through the atomic-search-interface.\n */\n@Component({\n  tag: 'atomic-text',\n  shadow: true,\n})\nexport class AtomicText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n\n  private strings = {\n    value: () =>\n      this.bindings.i18n.t(this.value, {\n        count: this.count,\n      }),\n  };\n  @State() public error!: Error;\n\n  /**\n   * The string key value.\n   */\n  @Prop({reflect: true}) public value!: string;\n  /**\n   * The count value used for plurals.\n   */\n  @Prop({reflect: true}) public count?: number;\n\n  public connectedCallback() {\n    if (!this.value) {\n      this.error = new Error('The \"value\" attribute must be defined.');\n    }\n  }\n\n  public render() {\n    return this.strings.value();\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-result-timespan.cjs.entry.js

@@ -8,7 +8,7 @@ const headless = require('@coveo/headless');
 const dayjs_min = require('./dayjs.min-8b80e6d1.js');
 const _commonjsHelpers = require('./_commonjsHelpers-b3309d7b.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
+const stencilResultTemplateDecorators = require('./stencil-result-template-decorators-28b05aaf.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
@@ -91,7 +91,7 @@ __decorate([
     initializationUtils.InitializeBindings()
 ], AtomicResultTimespan.prototype, "bindings", void 0);
 __decorate([
-    resultTemplateDecorators.ResultContext()
+    stencilResultTemplateDecorators.ResultContext()
 ], AtomicResultTimespan.prototype, "result", void 0);
 
 exports.atomic_result_timespan = AtomicResultTimespan;