@coveo/atomic 3.33.0 → 3.33.1-pre.048b058be3

package/dist/esm/atomic-recs-error.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-3f35faca.js';
 import { isNullOrUndefined } from '@coveo/bueno';
 import { buildRecommendationList, getOrganizationEndpoint } from '@coveo/headless/recommendation';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-2d41d4cd.js';
 import { g as getAriaMessageFromErrorType, Q as QueryErrorContainer, a as QueryErrorIcon, b as QueryErrorTitle, c as QueryErrorDescription, d as QueryErrorShowMore, e as QueryErrorLink, f as QueryErrorDetails, h as QueryErrorGuard } from './stencil-link-4136c3ad.js';
 import './dom-utils-f6086cd3.js';

package/dist/esm/atomic-recs-interface.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, s as setNonce, h, g as getElement } from './index-3f35faca.js';
 import { m as markParentAsReady } from './init-queue-fbe942c3.js';
 import { loadRecommendationActions, loadSearchConfigurationActions, EcommerceDefaultFieldsToInclude, loadFieldActions, buildRecommendationEngine } from '@coveo/headless/recommendation';
-import { g as getNextAnalyticsConfig, c as augmentAnalyticsConfigWithDocument, d as augmentAnalyticsConfigWithAtomicVersion, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-672b6eba.js';
+import { g as getNextAnalyticsConfig, c as augmentAnalyticsConfigWithDocument, d as augmentAnalyticsConfigWithAtomicVersion, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-33953fdd.js';
 import { A as ArrayProp } from './props-utils-76e19fa7.js';
 import { u as unsetLoadingFlag, s as setLoadingFlag, a as createBaseStore } from './store-e14e2958.js';
 import './dayjs.min-d04628c6.js';

package/dist/esm/atomic-recs-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment, g as getElement } from './index-3f35faca.js';
 import { NumberValue } from '@coveo/bueno';
 import { buildRecommendationList, loadConfigurationActions, buildInteractiveResult } from '@coveo/headless/recommendation';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils-2d41d4cd.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { R as ResultsPlaceholdersGuard } from './stencil-placeholders-58a0c818.js';

package/dist/esm/atomic-refine-modal.entry.js

@@ -1,6 +1,6 @@
 import { h, F as Fragment, r as registerInstance, g as getElement } from './index-3f35faca.js';
 import { buildBreadcrumbManager, buildSort, buildQuerySummary, buildSearchStatus, buildFacetManager, buildTabManager } from '@coveo/headless';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { s as shouldDisplayOnCurrentTab } from './tab-utils-35886d3e.js';
 import { l as sortByDocumentPosition } from './utils-7ac76ba7.js';
 import { f as findSection } from './sections-ae00b53a.js';

package/dist/esm/atomic-refine-toggle.entry.js

@@ -1,6 +1,6 @@
 import { h, F as Fragment, r as registerInstance, g as getElement } from './index-3f35faca.js';
 import { buildSearchStatus } from '@coveo/headless';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { B as Button } from './stencil-button-75e8b31b.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';

package/dist/esm/atomic-result-children.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment, g as getElement } from './index-3f35faca.js';
 import { buildInteractiveResult } from '@coveo/headless';
 import { b as buildCustomEvent } from './event-utils-8de63ec3.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { g as elementHasAncestorTag } from './utils-7ac76ba7.js';
 import { e as extractUnfoldedItem } from './unfolded-item-c5795c0f.js';
 import { F as FoldedItemListContext, a as FoldedItemListStateContext, b as CollectionGuard, C as ChildrenWrapper, S as ShowHideButton, R as ResultChildrenGuard } from './show-hide-button-7cc80d21.js';

package/dist/esm/atomic-result-date.entry.js

@@ -3,7 +3,7 @@ import { ResultTemplatesHelpers } from '@coveo/headless';
 import { d as dayjs } from './dayjs.min-d04628c6.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-1789f0cf.js';
 import { p as parseDate } from './date-utils-e07b72d6.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';

package/dist/esm/atomic-result-html.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { g as getStringValueFromResultOrNull } from './result-utils-7e9b6b5c.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';

package/dist/esm/atomic-result-image.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { ResultTemplatesHelpers } from '@coveo/headless';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { f as filterProtocol } from './xss-utils-c92f3869.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';

package/dist/esm/atomic-result-link.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { isUndefined } from '@coveo/bueno';
 import { b as buildCustomEvent } from './event-utils-8de63ec3.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { a as buildStringTemplateFromResult } from './result-utils-7e9b6b5c.js';
 import { a as getDefaultSlotFromHost } from './slot-utils-dcf4fc27.js';
 import { g as getAttributesFromLinkSlot } from './attributes-slot-cb60f29b.js';

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

@@ -1 +1 @@
-{"file":"atomic-result-link.entry.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,8uiEAA8uiE,CAAC;AAC3wiE,+BAAe,mBAAmB;;;;;;;;;;;;MC4BrB,gBAAgB;;;;;IA0BpB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,gBAAgB,CACd,+BAA+B,EAC/B,CAAC,eAAwB;YACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;SACxC,CACF,CACF,CAAC;KACH;IAEM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,YAAY,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAG,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACtE;IAEM,MAAM;QACX,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpB,6BAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACE,EAAC,qBAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,EAC/C,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,EACvE,qBAAqB,EAAE,MACrB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,EAE9C,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,IAEpC,IAAI,CAAC,cAAc,IAClB,eAAQ,KAER,0BACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;AAxE4B;IAA5B,kBAAkB,EAAE;kDAA4B;AAGxB;IAAxB,aAAa,EAAE;gDAAkC;AACd;IAAnC,wBAAwB,EAAE;2DAA+C;;;;;","names":[],"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@import '../../../../utils/tailwind-utilities/link-style.tw.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.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,8uiEAA8uiE,CAAC;AAC3wiE,+BAAe,mBAAmB;;;;;;;;;;;;MC4BrB,gBAAgB;;;;;IA0BpB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,gBAAgB,CACd,+BAA+B,EAC/B,CAAC,eAAwB;YACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;SACxC,CACF,CACF,CAAC;KACH;IAEM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,YAAY,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAG,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACtE;IAEM,MAAM;QACX,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpB,6BAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACE,EAAC,qBAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,EAC/C,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,EACvE,qBAAqB,EAAE,MACrB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,EAE9C,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,IAEpC,IAAI,CAAC,cAAc,IAClB,eAAQ,KAER,0BACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;AAxE4B;IAA5B,kBAAkB,EAAE;kDAA4B;AAGxB;IAAxB,aAAa,EAAE;gDAAkC;AACd;IAAnC,wBAAwB,EAAE;2DAA+C;;;;;","names":[],"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}

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

@@ -1,6 +1,6 @@
 import { h, F as Fragment, r as registerInstance, g as getElement } from './index-3f35faca.js';
 import { buildTabManager, buildResultList, buildResultsPerPage, buildInteractiveResult } from '@coveo/headless';
-import { H as Hidden, I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { H as Hidden, I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { A as ArrayProp } from './props-utils-76e19fa7.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils-2d41d4cd.js';
 import { r as randomID } from './utils-7ac76ba7.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance } from './index-3f35faca.js';
 import { isNullOrUndefined } from '@coveo/bueno';
 import { ResultTemplatesHelpers } from '@coveo/headless';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { M as MapProp } from './props-utils-76e19fa7.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildBreadcrumbManager, ResultTemplatesHelpers } from '@coveo/headless';
 import { g as getFieldValueCaption } from './field-utils-f0146383.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { t as titleToKebab } from './utils-7ac76ba7.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
 import { ResultTemplatesHelpers } from '@coveo/headless';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { b as defaultNumberFormatter } from './format-common-274e0f7c.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { Schema, NumberValue } from '@coveo/bueno';
 import { buildInteractiveResult } from '@coveo/headless';
 import { A as ArrowRight } from './arrow-right-cb365b01.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils-2d41d4cd.js';
 import { p as parseXML } from './utils-7ac76ba7.js';
 import { g as getAttributesFromLinkSlot } from './attributes-slot-cb60f29b.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { ResultTemplatesHelpers } from '@coveo/headless';
 import { S as Star, c as computeNumberOfStars, R as Rating } from './stencil-rating-2d6963a3.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';

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

@@ -1,7 +1,7 @@
 import { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-3f35faca.js';
 import { ResultTemplatesHelpers, HighlightUtils } from '@coveo/headless';
 import { g as getFieldValueCaption } from './field-utils-f0146383.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { g as getStringValueFromResultOrNull } from './result-utils-7e9b6b5c.js';
 import { isArray, isUndefined } from '@coveo/bueno';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';

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

@@ -3,7 +3,7 @@ import { Schema, StringValue } from '@coveo/bueno';
 import { ResultTemplatesHelpers } from '@coveo/headless';
 import { d as dayjs } from './dayjs.min-d04628c6.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-1789f0cf.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { R as ResultContext } from './result-template-decorators-2ed76ea9.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';

package/dist/esm/atomic-search-box.entry.js

@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { isNullOrUndefined } from '@coveo/bueno';
 import { buildStandaloneSearchBox, buildSearchBox } from '@coveo/headless';
 import { i as isMacOS, h as hasKeyboard } from './device-utils-265d1d2c.js';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { a as StorageItems, S as SafeStorage } from './local-storage-utils-410269e6.js';
 import { u as updateBreakpoints } from './replace-breakpoint-213367f8.js';
 import { A as AriaLiveRegion } from './stencil-accessibility-utils-2d41d4cd.js';

package/dist/esm/atomic-search-interface.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, s as setNonce, h, g as getElement } from './index-3f35faca.js';
 import { m as markParentAsReady } from './init-queue-fbe942c3.js';
 import { loadSearchConfigurationActions, loadQueryActions, EcommerceDefaultFieldsToInclude, loadFieldActions, buildSearchEngine, buildUrlManager, buildSearchStatus } from '@coveo/headless';
-import { g as getNextAnalyticsConfig, d as augmentAnalyticsConfigWithAtomicVersion, c as augmentAnalyticsConfigWithDocument, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-672b6eba.js';
+import { g as getNextAnalyticsConfig, d as augmentAnalyticsConfigWithAtomicVersion, c as augmentAnalyticsConfigWithDocument, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-33953fdd.js';
 import { a as StorageItems, S as SafeStorage } from './local-storage-utils-410269e6.js';
 import { A as ArrayProp } from './props-utils-76e19fa7.js';
 import { m as makeDesktopQuery, n as noResultsSelector, e as errorSelector, f as firstSearchExecutedSelector } from './search-layout-fdd7a917.js';

package/dist/esm/atomic-search-layout.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { D as DEFAULT_MOBILE_BREAKPOINT } from './replace-breakpoint-213367f8.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { b as buildSearchLayout } from './search-layout-fdd7a917.js';

package/dist/esm/atomic-segmented-facet-scrollable.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildSearchStatus } from '@coveo/headless';
 import { A as ArrowLeftIcon } from './arrow-left-rounded-27d1c97b.js';
 import { A as ArrowRightIcon } from './arrow-right-rounded-bdbe0f8b.js';
-import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
 import { B as Button } from './stencil-button-75e8b31b.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';

package/dist/esm/atomic-segmented-facet-scrollable.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-segmented-facet-scrollable.entry.js","mappings":"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","names":[],"sources":["src/components/search/facets/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.pcss?tag=atomic-segmented-facet-scrollable&encapsulation=shadow","src/components/search/facets/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@import '../../../../utils/tailwind-utilities/hide-scrollbar.tw.css';\n\n.wrapper-segmented {\n  @apply hide-scrollbar;\n}\n","import {\n  buildSearchStatus,\n  SearchStatus,\n  SearchStatusState,\n} from '@coveo/headless';\nimport {Component, Element, h, Listen, State} from '@stencil/core';\nimport {Bindings} from '../../../..';\nimport ArrowLeftIcon from '../../../../images/arrow-left-rounded.svg';\nimport ArrowRightIcon from '../../../../images/arrow-right-rounded.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {Hidden} from '../../../common/stencil-hidden';\n\ntype ArrowDirection = 'right' | 'left';\n\n/**\n * The 'atomic-segmented-facet-scrollable' component wraps around one or several 'atomic-segmented-facet' to provide horizontal scrolling capabilities.\n *\n * @slot default - One or multiple atomic-segmented-facet components\n *\n * @part scrollable-container - The wrapper for the entire component including the horizontal-scroll container and the arrow buttons.\n * @part horizontal-scroll - The scrollable container for the segmented facets.\n * @part left-arrow-wrapper - The wrapper for the arrow button & fade on the left.\n * @part right-arrow-wrapper - The wrapper for the arrow button & fade on the right.\n * @part left-arrow-button - The arrow button used to scroll on the left.\n * @part right-arrow-button - The arrow button used to scroll on the right.\n * @part left-arrow-icon - The arrow icon on the left.\n * @part right-arrow-icon - The arrow icon on the right.\n * @part left-fade - The white to transparent gradient on the left.\n * @part right-fade - The white to transparent gradient on the right.\n */\n@Component({\n  tag: 'atomic-segmented-facet-scrollable',\n  styleUrl: 'atomic-segmented-facet-scrollable.pcss',\n  shadow: true,\n})\nexport class AtomicSegmentedFacetScrollable implements InitializableComponent {\n  @Element() private host!: HTMLElement;\n  private horizontalScrollRef?: HTMLElement;\n  private arrowRef?: HTMLElement;\n  private observer!: ResizeObserver;\n\n  @InitializeBindings()\n  public bindings!: Bindings;\n  public searchStatus!: SearchStatus;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @State()\n  public error!: Error;\n  @State() private hideLeftArrow = true;\n  @State() private hideRightArrow = true;\n\n  public initialize() {\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n  }\n\n  public componentDidLoad() {\n    this.observer = new ResizeObserver(() => {\n      this.handleScroll();\n    });\n\n    Array.from(this.host.children).forEach((el) => this.observer.observe(el));\n    this.observer.observe(this.horizontalScrollRef!);\n  }\n\n  disconnectedCallback() {\n    this.observer.disconnect();\n  }\n\n  @Listen('wheel')\n  @Listen('touchmove')\n  @Listen('keydown')\n  public handleScroll() {\n    if (!this.horizontalScrollRef) {\n      return;\n    }\n    const container = this.horizontalScrollRef;\n    const isScrollable = container.clientWidth < container.scrollWidth;\n\n    const isLeftEdge = Math.floor(container.scrollLeft) <= 0;\n    const isRightEdge =\n      Math.ceil(container.scrollLeft) >=\n      container.scrollWidth - container.clientWidth;\n\n    this.hideLeftArrow = !isScrollable || isLeftEdge;\n    this.hideRightArrow = !isScrollable || isRightEdge;\n  }\n\n  private slideHorizontally(direction: ArrowDirection) {\n    const container = this.horizontalScrollRef!;\n    const arrowsWidth = this.arrowRef!.clientWidth * 2;\n\n    const pixelsToScroll = (container.clientWidth - arrowsWidth) * 0.7;\n\n    const isLeftEdge = Math.floor(container.scrollLeft - pixelsToScroll) <= 0;\n    const isRightEdge =\n      Math.ceil(container.scrollLeft + pixelsToScroll) >=\n      container.scrollWidth - container.clientWidth;\n\n    this.hideLeftArrow = false;\n    this.hideRightArrow = false;\n\n    if (direction === 'left') {\n      container.scrollLeft -= pixelsToScroll;\n      this.hideLeftArrow = isLeftEdge;\n      return;\n    }\n\n    container.scrollLeft += pixelsToScroll;\n    this.hideRightArrow = isRightEdge;\n  }\n\n  private renderArrow(direction: ArrowDirection) {\n    const hide =\n      (direction === 'left' && this.hideLeftArrow) ||\n      (direction === 'right' && this.hideRightArrow);\n    const hiddenClass = hide ? 'invisible opacity-0' : '';\n    const transitionClass =\n      'transition-opacity transition-[visibility] ease-in-out duration-300';\n\n    return (\n      <div\n        part={`${direction}-arrow-wrapper`}\n        class={`${hiddenClass} ${transitionClass}`}\n      >\n        <Button\n          part={`${direction}-arrow-button`}\n          style=\"square-neutral\"\n          class={`absolute top-0 bottom-0 z-1 flex h-10 w-10 shrink-0 basis-8 items-center justify-center rounded ${\n            direction === 'left' ? 'left-0' : 'right-0'\n          }`}\n          ariaHidden=\"true\"\n          tabIndex=\"-1\"\n          onClick={() => this.slideHorizontally(direction)}\n          ref={(el) => (this.arrowRef = el)}\n        >\n          <atomic-icon\n            part={`${direction}-arrow-icon`}\n            class=\"w-3.5\"\n            icon={direction === 'left' ? ArrowLeftIcon : ArrowRightIcon}\n          ></atomic-icon>\n        </Button>\n        <div\n          part={`${direction}-fade`}\n          class={`from-background/60 pointer-events-none absolute top-0 z-0 h-10 w-20 ${\n            direction === 'left'\n              ? 'left-0 bg-linear-to-r'\n              : 'right-0 bg-linear-to-l'\n          }`}\n        ></div>\n      </div>\n    );\n  }\n\n  public render() {\n    if (this.searchStatus.state.hasError) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <div part=\"scrollable-container\" class=\"relative flex\">\n        {this.renderArrow('left')}\n        <div\n          part=\"horizontal-scroll\"\n          class=\"wrapper-segmented flex flex-row overflow-x-scroll scroll-smooth\"\n          ref={(el) => (this.horizontalScrollRef = el)}\n        >\n          <slot></slot>\n        </div>\n        {this.renderArrow('right')}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-segmented-facet-scrollable.entry.js","mappings":"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","names":[],"sources":["src/components/search/facets/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.pcss?tag=atomic-segmented-facet-scrollable&encapsulation=shadow","src/components/search/facets/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/hide-scrollbar.css';\n\n.wrapper-segmented {\n  @apply hide-scrollbar;\n}\n","import {\n  buildSearchStatus,\n  SearchStatus,\n  SearchStatusState,\n} from '@coveo/headless';\nimport {Component, Element, h, Listen, State} from '@stencil/core';\nimport {Bindings} from '../../../..';\nimport ArrowLeftIcon from '../../../../images/arrow-left-rounded.svg';\nimport ArrowRightIcon from '../../../../images/arrow-right-rounded.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {Hidden} from '../../../common/stencil-hidden';\n\ntype ArrowDirection = 'right' | 'left';\n\n/**\n * The 'atomic-segmented-facet-scrollable' component wraps around one or several 'atomic-segmented-facet' to provide horizontal scrolling capabilities.\n *\n * @slot default - One or multiple atomic-segmented-facet components\n *\n * @part scrollable-container - The wrapper for the entire component including the horizontal-scroll container and the arrow buttons.\n * @part horizontal-scroll - The scrollable container for the segmented facets.\n * @part left-arrow-wrapper - The wrapper for the arrow button & fade on the left.\n * @part right-arrow-wrapper - The wrapper for the arrow button & fade on the right.\n * @part left-arrow-button - The arrow button used to scroll on the left.\n * @part right-arrow-button - The arrow button used to scroll on the right.\n * @part left-arrow-icon - The arrow icon on the left.\n * @part right-arrow-icon - The arrow icon on the right.\n * @part left-fade - The white to transparent gradient on the left.\n * @part right-fade - The white to transparent gradient on the right.\n */\n@Component({\n  tag: 'atomic-segmented-facet-scrollable',\n  styleUrl: 'atomic-segmented-facet-scrollable.pcss',\n  shadow: true,\n})\nexport class AtomicSegmentedFacetScrollable implements InitializableComponent {\n  @Element() private host!: HTMLElement;\n  private horizontalScrollRef?: HTMLElement;\n  private arrowRef?: HTMLElement;\n  private observer!: ResizeObserver;\n\n  @InitializeBindings()\n  public bindings!: Bindings;\n  public searchStatus!: SearchStatus;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @State()\n  public error!: Error;\n  @State() private hideLeftArrow = true;\n  @State() private hideRightArrow = true;\n\n  public initialize() {\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n  }\n\n  public componentDidLoad() {\n    this.observer = new ResizeObserver(() => {\n      this.handleScroll();\n    });\n\n    Array.from(this.host.children).forEach((el) => this.observer.observe(el));\n    this.observer.observe(this.horizontalScrollRef!);\n  }\n\n  disconnectedCallback() {\n    this.observer.disconnect();\n  }\n\n  @Listen('wheel')\n  @Listen('touchmove')\n  @Listen('keydown')\n  public handleScroll() {\n    if (!this.horizontalScrollRef) {\n      return;\n    }\n    const container = this.horizontalScrollRef;\n    const isScrollable = container.clientWidth < container.scrollWidth;\n\n    const isLeftEdge = Math.floor(container.scrollLeft) <= 0;\n    const isRightEdge =\n      Math.ceil(container.scrollLeft) >=\n      container.scrollWidth - container.clientWidth;\n\n    this.hideLeftArrow = !isScrollable || isLeftEdge;\n    this.hideRightArrow = !isScrollable || isRightEdge;\n  }\n\n  private slideHorizontally(direction: ArrowDirection) {\n    const container = this.horizontalScrollRef!;\n    const arrowsWidth = this.arrowRef!.clientWidth * 2;\n\n    const pixelsToScroll = (container.clientWidth - arrowsWidth) * 0.7;\n\n    const isLeftEdge = Math.floor(container.scrollLeft - pixelsToScroll) <= 0;\n    const isRightEdge =\n      Math.ceil(container.scrollLeft + pixelsToScroll) >=\n      container.scrollWidth - container.clientWidth;\n\n    this.hideLeftArrow = false;\n    this.hideRightArrow = false;\n\n    if (direction === 'left') {\n      container.scrollLeft -= pixelsToScroll;\n      this.hideLeftArrow = isLeftEdge;\n      return;\n    }\n\n    container.scrollLeft += pixelsToScroll;\n    this.hideRightArrow = isRightEdge;\n  }\n\n  private renderArrow(direction: ArrowDirection) {\n    const hide =\n      (direction === 'left' && this.hideLeftArrow) ||\n      (direction === 'right' && this.hideRightArrow);\n    const hiddenClass = hide ? 'invisible opacity-0' : '';\n    const transitionClass =\n      'transition-opacity transition-[visibility] ease-in-out duration-300';\n\n    return (\n      <div\n        part={`${direction}-arrow-wrapper`}\n        class={`${hiddenClass} ${transitionClass}`}\n      >\n        <Button\n          part={`${direction}-arrow-button`}\n          style=\"square-neutral\"\n          class={`absolute top-0 bottom-0 z-1 flex h-10 w-10 shrink-0 basis-8 items-center justify-center rounded ${\n            direction === 'left' ? 'left-0' : 'right-0'\n          }`}\n          ariaHidden=\"true\"\n          tabIndex=\"-1\"\n          onClick={() => this.slideHorizontally(direction)}\n          ref={(el) => (this.arrowRef = el)}\n        >\n          <atomic-icon\n            part={`${direction}-arrow-icon`}\n            class=\"w-3.5\"\n            icon={direction === 'left' ? ArrowLeftIcon : ArrowRightIcon}\n          ></atomic-icon>\n        </Button>\n        <div\n          part={`${direction}-fade`}\n          class={`from-background/60 pointer-events-none absolute top-0 z-0 h-10 w-20 ${\n            direction === 'left'\n              ? 'left-0 bg-linear-to-r'\n              : 'right-0 bg-linear-to-l'\n          }`}\n        ></div>\n      </div>\n    );\n  }\n\n  public render() {\n    if (this.searchStatus.state.hasError) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <div part=\"scrollable-container\" class=\"relative flex\">\n        {this.renderArrow('left')}\n        <div\n          part=\"horizontal-scroll\"\n          class=\"wrapper-segmented flex flex-row overflow-x-scroll scroll-smooth\"\n          ref={(el) => (this.horizontalScrollRef = el)}\n        >\n          <slot></slot>\n        </div>\n        {this.renderArrow('right')}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/atomic-segmented-facet.entry.js

@@ -1,7 +1,7 @@
 import { h, r as registerInstance } from './index-3f35faca.js';
 import { buildSearchStatus, buildTabManager, buildFacet, buildFacetConditionsManager } from '@coveo/headless';
 import { g as getFieldValueCaption } from './field-utils-f0146383.js';
-import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
 import { A as ArrayProp, M as MapProp } from './props-utils-76e19fa7.js';
 import { p as parseDependsOn } from './depends-on-d73b0ce3.js';
 import { F as FacetValuesGroup } from './stencil-facet-values-group-1108573d.js';

package/dist/esm/atomic-smart-snippet-answer_2.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { D as DOMPurify } from './purify-c7ebd240.js';
 import { m as sanitizeStyle } from './utils-7ac76ba7.js';
 import { b as bindAnalyticsToLink, L as LinkWithItemAnalytics } from './stencil-item-link-5a3f8f23.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import './_commonjsHelpers-1789f0cf.js';
 import './xss-utils-c92f3869.js';
 import './dom-utils-f6086cd3.js';

package/dist/esm/atomic-smart-snippet-collapse-wrapper_2.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-3f35faca.js';
 import { A as ArrowDown } from './arrow-down-a7ee2ae6.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { l as listenOnce } from './event-utils-8de63ec3.js';
 import './dom-utils-f6086cd3.js';
 import './init-queue-fbe942c3.js';

package/dist/esm/atomic-smart-snippet-collapse-wrapper_2.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-smart-snippet-collapse-wrapper.atomic-smart-snippet-expandable-answer.entry.js","mappings":"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","names":["__decorate"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.pcss?tag=atomic-smart-snippet-collapse-wrapper&encapsulation=shadow","src/components/common/smart-snippets/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.tsx","src/components/common/smart-snippets/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.pcss?tag=atomic-smart-snippet-expandable-answer&encapsulation=shadow","src/components/common/smart-snippets/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@import '../../../../utils/tailwind-utilities/set-font-size.tw.css';\n\n/**\n * @prop --atomic-smart-snippet-gradient-start: At which height to start fading out a truncated answer.\n */\n:host {\n  &::part(smart-snippet-collapse-wrapper) {\n    @apply set-font-size-lg;\n\n    height: auto;\n    max-height: var(--collapsed-size);\n\n    --gradient-start: var(\n      --atomic-smart-snippet-gradient-start,\n      calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))\n    );\n    @apply text-on-background;\n    mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\n\n    transition: max-height 2s cubic-bezier(0, 1, 0.16, 1) -1.82s;\n  }\n\n  button atomic-icon {\n    @apply relative top-0.5;\n  }\n}\n\n:host(.expanded) {\n  &::part(smart-snippet-collapse-wrapper) {\n    height: auto;\n    max-height: 9999999px;\n    transition: max-height 2s cubic-bezier(1, 0, 1, 0) 0s;\n    mask-image: none;\n  }\n\n  button atomic-icon {\n    @apply top-0 -scale-y-100;\n  }\n}\n","import {Component, h, Element, State, Prop, Host} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {AnyBindings} from '../../interface/bindings';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-smart-snippet-collapse-wrapper',\n  styleUrl: 'atomic-smart-snippet-collapse-wrapper.pcss',\n  shadow: true,\n})\nexport class AtomicSmartSnippetCollapseWrapper {\n  @InitializeBindings() public bindings!: AnyBindings;\n  public error!: Error;\n  @Element() public host!: HTMLElement;\n\n  @Prop({reflect: true}) public maximumHeight?: number;\n\n  @Prop({reflect: true}) public collapsedHeight?: number;\n\n  @State() public isExpanded = true;\n\n  @State() public showButton = true;\n\n  @State() private fullHeight?: number;\n\n  private shouldRenderButton = !!this.maximumHeight;\n\n  private validateProps() {\n    if (\n      this.maximumHeight &&\n      (!this.collapsedHeight || this.maximumHeight < this.collapsedHeight)\n    ) {\n      throw new Error(\n        'snippetMaximumHeight must be equal or greater than snippetCollapsedHeight'\n      );\n    }\n  }\n\n  public initialize() {\n    this.validateProps();\n  }\n\n  public componentDidRender() {\n    if (this.fullHeight === undefined && this.shouldRenderButton) {\n      this.initializeFullHeight();\n    }\n  }\n\n  private initializeFullHeight() {\n    this.fullHeight = this.host.getBoundingClientRect().height;\n    this.showButton = this.fullHeight! > this.maximumHeight!;\n    this.isExpanded = !this.showButton;\n    this.host.style.setProperty(\n      '--collapsed-size',\n      this.collapsedHeight + 'px'\n    );\n  }\n\n  private renderButton() {\n    if (!this.showButton) {\n      return;\n    }\n    return (\n      <button\n        onClick={() => (this.isExpanded = !this.isExpanded)}\n        class=\"text-primary mb-4 hover:underline\"\n        part={this.isExpanded ? 'show-less-button' : 'show-more-button'}\n      >\n        {this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}\n        <atomic-icon\n          icon={ArrowDown}\n          class=\"ml-2 w-3 align-baseline\"\n        ></atomic-icon>\n      </button>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={\n          this.fullHeight || !this.shouldRenderButton\n            ? this.isExpanded\n              ? 'expanded'\n              : ''\n            : 'invisible'\n        }\n      >\n        <div\n          part=\"smart-snippet-collapse-wrapper\"\n          class=\"block overflow-hidden\"\n        >\n          <slot></slot>\n        </div>\n        {this.shouldRenderButton && this.renderButton()}\n      </Host>\n    );\n  }\n}\n","@import '../../../../global/global.pcss';\n@import '../../../../utils/tailwind-utilities/set-font-size.tw.css';\n\n/**\n * @prop --atomic-smart-snippet-gradient-start: At which height to start fading out a truncated answer.\n */\n:host {\n  atomic-smart-snippet-answer {\n    @apply set-font-size-lg;\n\n    display: block;\n    overflow: hidden;\n    height: var(--collapsed-size);\n\n    --gradient-start: var(\n      --atomic-smart-snippet-gradient-start,\n      calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))\n    );\n    @apply text-on-background;\n    mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\n\n    &.loaded {\n      transition: height ease-in-out 0.25s;\n    }\n  }\n\n  button atomic-icon {\n    @apply relative top-0.5;\n  }\n\n  .expanded {\n    atomic-smart-snippet-answer {\n      height: var(--full-height);\n      mask-image: none;\n    }\n\n    button atomic-icon {\n      @apply top-0 -scale-y-100;\n    }\n  }\n}\n","import {InlineLink} from '@coveo/headless';\nimport {\n  h,\n  Component,\n  State,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport {listenOnce} from '../../../../utils/event-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {AnyBindings} from '../../interface/bindings';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-smart-snippet-expandable-answer',\n  styleUrl: 'atomic-smart-snippet-expandable-answer.pcss',\n  shadow: true,\n})\nexport class AtomicSmartSnippetExpandableAnswer {\n  @InitializeBindings() public bindings!: AnyBindings;\n  public error!: Error;\n  @Element() public host!: HTMLElement;\n\n  @Prop({reflect: true}) expanded!: boolean;\n  @Prop() htmlContent!: string;\n  /**\n   * The maximum height (in pixels) a snippet can have before the component truncates it and displays a \"show more\" button.\n   */\n  @Prop({reflect: true}) maximumHeight = 250;\n  /**\n   * When the answer is partly hidden, how much of its height (in pixels) should be visible.\n   */\n  @Prop({reflect: true}) collapsedHeight = 180;\n  /**\n   * Sets the style of the snippet.\n   *\n   * Example:\n   * ```ts\n   * expandableAnswer.snippetStyle = `\n   *   b {\n   *     color: blue;\n   *   }\n   * `;\n   * ```\n   */\n  @Prop() snippetStyle?: string;\n\n  @State() fullHeight?: number;\n\n  @Event() expand!: EventEmitter;\n  @Event() collapse!: EventEmitter;\n  @Event() selectInlineLink!: EventEmitter<InlineLink>;\n  @Event() beginDelayedSelectInlineLink!: EventEmitter<InlineLink>;\n  @Event() cancelPendingSelectInlineLink!: EventEmitter<InlineLink>;\n\n  private validateProps() {\n    if (this.maximumHeight < this.collapsedHeight) {\n      throw 'maximumHeight must be equal or greater than collapsedHeight';\n    }\n  }\n\n  public initialize() {\n    this.validateProps();\n  }\n\n  @Watch('fullHeight')\n  public fullHeightUpdated() {\n    this.host.style.setProperty('--full-height', `${this.fullHeight}px`);\n    this.host.style.setProperty(\n      '--collapsed-size',\n      `${this.showButton ? this.collapsedHeight : this.fullHeight}px`\n    );\n  }\n\n  private establishInitialHeight() {\n    const answerElement = document.createElement('atomic-smart-snippet-answer');\n    answerElement.htmlContent = this.htmlContent;\n    answerElement.innerStyle = this.snippetStyle;\n    answerElement.style.visibility = 'hidden';\n    answerElement.style.position = 'absolute';\n    return new Promise<number>((resolve) => {\n      listenOnce(answerElement, 'answerSizeUpdated', (event) => {\n        answerElement.remove();\n        resolve((event as CustomEvent<{height: number}>).detail.height);\n      });\n      this.host.parentElement!.appendChild(answerElement);\n    });\n  }\n\n  private get showButton() {\n    return this.fullHeight! > this.maximumHeight;\n  }\n\n  private get isExpanded() {\n    return this.expanded || !this.showButton;\n  }\n\n  public async componentWillLoad() {\n    this.fullHeight = await this.establishInitialHeight();\n  }\n\n  public renderAnswer() {\n    return (\n      <div part=\"truncated-answer\">\n        <atomic-smart-snippet-answer\n          exportparts=\"answer\"\n          htmlContent={this.htmlContent}\n          innerStyle={this.snippetStyle}\n          onAnswerSizeUpdated={(e) => (this.fullHeight = e.detail.height)}\n          onSelectInlineLink={(e) => this.selectInlineLink.emit(e.detail)}\n          onBeginDelayedSelectInlineLink={(e) =>\n            this.beginDelayedSelectInlineLink.emit(e.detail)\n          }\n          onCancelPendingSelectInlineLink={(e) =>\n            this.cancelPendingSelectInlineLink.emit(e.detail)\n          }\n        ></atomic-smart-snippet-answer>\n      </div>\n    );\n  }\n\n  public renderButton() {\n    if (!this.showButton) {\n      return;\n    }\n    return (\n      <button\n        onClick={() =>\n          this.isExpanded ? this.collapse.emit() : this.expand.emit()\n        }\n        class=\"text-primary mb-4 hover:underline\"\n        part={this.isExpanded ? 'show-less-button' : 'show-more-button'}\n      >\n        {this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}\n        <atomic-icon\n          icon={ArrowDown}\n          class=\"ml-2 w-3 align-baseline\"\n        ></atomic-icon>\n      </button>\n    );\n  }\n\n  public render() {\n    return (\n      <div class={this.isExpanded ? 'expanded' : ''}>\n        {this.renderAnswer()}\n        {this.renderButton()}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-smart-snippet-collapse-wrapper.atomic-smart-snippet-expandable-answer.entry.js","mappings":"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","names":["__decorate"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.pcss?tag=atomic-smart-snippet-collapse-wrapper&encapsulation=shadow","src/components/common/smart-snippets/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.tsx","src/components/common/smart-snippets/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.pcss?tag=atomic-smart-snippet-expandable-answer&encapsulation=shadow","src/components/common/smart-snippets/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/set-font-size.css';\n\n/**\n * @prop --atomic-smart-snippet-gradient-start: At which height to start fading out a truncated answer.\n */\n:host {\n  &::part(smart-snippet-collapse-wrapper) {\n    @apply set-font-size-lg;\n\n    height: auto;\n    max-height: var(--collapsed-size);\n\n    --gradient-start: var(\n      --atomic-smart-snippet-gradient-start,\n      calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))\n    );\n    @apply text-on-background;\n    mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\n\n    transition: max-height 2s cubic-bezier(0, 1, 0.16, 1) -1.82s;\n  }\n\n  button atomic-icon {\n    @apply relative top-0.5;\n  }\n}\n\n:host(.expanded) {\n  &::part(smart-snippet-collapse-wrapper) {\n    height: auto;\n    max-height: 9999999px;\n    transition: max-height 2s cubic-bezier(1, 0, 1, 0) 0s;\n    mask-image: none;\n  }\n\n  button atomic-icon {\n    @apply top-0 -scale-y-100;\n  }\n}\n","import {Component, h, Element, State, Prop, Host} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {AnyBindings} from '../../interface/bindings';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-smart-snippet-collapse-wrapper',\n  styleUrl: 'atomic-smart-snippet-collapse-wrapper.pcss',\n  shadow: true,\n})\nexport class AtomicSmartSnippetCollapseWrapper {\n  @InitializeBindings() public bindings!: AnyBindings;\n  public error!: Error;\n  @Element() public host!: HTMLElement;\n\n  @Prop({reflect: true}) public maximumHeight?: number;\n\n  @Prop({reflect: true}) public collapsedHeight?: number;\n\n  @State() public isExpanded = true;\n\n  @State() public showButton = true;\n\n  @State() private fullHeight?: number;\n\n  private shouldRenderButton = !!this.maximumHeight;\n\n  private validateProps() {\n    if (\n      this.maximumHeight &&\n      (!this.collapsedHeight || this.maximumHeight < this.collapsedHeight)\n    ) {\n      throw new Error(\n        'snippetMaximumHeight must be equal or greater than snippetCollapsedHeight'\n      );\n    }\n  }\n\n  public initialize() {\n    this.validateProps();\n  }\n\n  public componentDidRender() {\n    if (this.fullHeight === undefined && this.shouldRenderButton) {\n      this.initializeFullHeight();\n    }\n  }\n\n  private initializeFullHeight() {\n    this.fullHeight = this.host.getBoundingClientRect().height;\n    this.showButton = this.fullHeight! > this.maximumHeight!;\n    this.isExpanded = !this.showButton;\n    this.host.style.setProperty(\n      '--collapsed-size',\n      this.collapsedHeight + 'px'\n    );\n  }\n\n  private renderButton() {\n    if (!this.showButton) {\n      return;\n    }\n    return (\n      <button\n        onClick={() => (this.isExpanded = !this.isExpanded)}\n        class=\"text-primary mb-4 hover:underline\"\n        part={this.isExpanded ? 'show-less-button' : 'show-more-button'}\n      >\n        {this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}\n        <atomic-icon\n          icon={ArrowDown}\n          class=\"ml-2 w-3 align-baseline\"\n        ></atomic-icon>\n      </button>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={\n          this.fullHeight || !this.shouldRenderButton\n            ? this.isExpanded\n              ? 'expanded'\n              : ''\n            : 'invisible'\n        }\n      >\n        <div\n          part=\"smart-snippet-collapse-wrapper\"\n          class=\"block overflow-hidden\"\n        >\n          <slot></slot>\n        </div>\n        {this.shouldRenderButton && this.renderButton()}\n      </Host>\n    );\n  }\n}\n","@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/set-font-size.css';\n\n/**\n * @prop --atomic-smart-snippet-gradient-start: At which height to start fading out a truncated answer.\n */\n:host {\n  atomic-smart-snippet-answer {\n    @apply set-font-size-lg;\n\n    display: block;\n    overflow: hidden;\n    height: var(--collapsed-size);\n\n    --gradient-start: var(\n      --atomic-smart-snippet-gradient-start,\n      calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))\n    );\n    @apply text-on-background;\n    mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\n\n    &.loaded {\n      transition: height ease-in-out 0.25s;\n    }\n  }\n\n  button atomic-icon {\n    @apply relative top-0.5;\n  }\n\n  .expanded {\n    atomic-smart-snippet-answer {\n      height: var(--full-height);\n      mask-image: none;\n    }\n\n    button atomic-icon {\n      @apply top-0 -scale-y-100;\n    }\n  }\n}\n","import {InlineLink} from '@coveo/headless';\nimport {\n  h,\n  Component,\n  State,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport {listenOnce} from '../../../../utils/event-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {AnyBindings} from '../../interface/bindings';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-smart-snippet-expandable-answer',\n  styleUrl: 'atomic-smart-snippet-expandable-answer.pcss',\n  shadow: true,\n})\nexport class AtomicSmartSnippetExpandableAnswer {\n  @InitializeBindings() public bindings!: AnyBindings;\n  public error!: Error;\n  @Element() public host!: HTMLElement;\n\n  @Prop({reflect: true}) expanded!: boolean;\n  @Prop() htmlContent!: string;\n  /**\n   * The maximum height (in pixels) a snippet can have before the component truncates it and displays a \"show more\" button.\n   */\n  @Prop({reflect: true}) maximumHeight = 250;\n  /**\n   * When the answer is partly hidden, how much of its height (in pixels) should be visible.\n   */\n  @Prop({reflect: true}) collapsedHeight = 180;\n  /**\n   * Sets the style of the snippet.\n   *\n   * Example:\n   * ```ts\n   * expandableAnswer.snippetStyle = `\n   *   b {\n   *     color: blue;\n   *   }\n   * `;\n   * ```\n   */\n  @Prop() snippetStyle?: string;\n\n  @State() fullHeight?: number;\n\n  @Event() expand!: EventEmitter;\n  @Event() collapse!: EventEmitter;\n  @Event() selectInlineLink!: EventEmitter<InlineLink>;\n  @Event() beginDelayedSelectInlineLink!: EventEmitter<InlineLink>;\n  @Event() cancelPendingSelectInlineLink!: EventEmitter<InlineLink>;\n\n  private validateProps() {\n    if (this.maximumHeight < this.collapsedHeight) {\n      throw 'maximumHeight must be equal or greater than collapsedHeight';\n    }\n  }\n\n  public initialize() {\n    this.validateProps();\n  }\n\n  @Watch('fullHeight')\n  public fullHeightUpdated() {\n    this.host.style.setProperty('--full-height', `${this.fullHeight}px`);\n    this.host.style.setProperty(\n      '--collapsed-size',\n      `${this.showButton ? this.collapsedHeight : this.fullHeight}px`\n    );\n  }\n\n  private establishInitialHeight() {\n    const answerElement = document.createElement('atomic-smart-snippet-answer');\n    answerElement.htmlContent = this.htmlContent;\n    answerElement.innerStyle = this.snippetStyle;\n    answerElement.style.visibility = 'hidden';\n    answerElement.style.position = 'absolute';\n    return new Promise<number>((resolve) => {\n      listenOnce(answerElement, 'answerSizeUpdated', (event) => {\n        answerElement.remove();\n        resolve((event as CustomEvent<{height: number}>).detail.height);\n      });\n      this.host.parentElement!.appendChild(answerElement);\n    });\n  }\n\n  private get showButton() {\n    return this.fullHeight! > this.maximumHeight;\n  }\n\n  private get isExpanded() {\n    return this.expanded || !this.showButton;\n  }\n\n  public async componentWillLoad() {\n    this.fullHeight = await this.establishInitialHeight();\n  }\n\n  public renderAnswer() {\n    return (\n      <div part=\"truncated-answer\">\n        <atomic-smart-snippet-answer\n          exportparts=\"answer\"\n          htmlContent={this.htmlContent}\n          innerStyle={this.snippetStyle}\n          onAnswerSizeUpdated={(e) => (this.fullHeight = e.detail.height)}\n          onSelectInlineLink={(e) => this.selectInlineLink.emit(e.detail)}\n          onBeginDelayedSelectInlineLink={(e) =>\n            this.beginDelayedSelectInlineLink.emit(e.detail)\n          }\n          onCancelPendingSelectInlineLink={(e) =>\n            this.cancelPendingSelectInlineLink.emit(e.detail)\n          }\n        ></atomic-smart-snippet-answer>\n      </div>\n    );\n  }\n\n  public renderButton() {\n    if (!this.showButton) {\n      return;\n    }\n    return (\n      <button\n        onClick={() =>\n          this.isExpanded ? this.collapse.emit() : this.expand.emit()\n        }\n        class=\"text-primary mb-4 hover:underline\"\n        part={this.isExpanded ? 'show-less-button' : 'show-more-button'}\n      >\n        {this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}\n        <atomic-icon\n          icon={ArrowDown}\n          class=\"ml-2 w-3 align-baseline\"\n        ></atomic-icon>\n      </button>\n    );\n  }\n\n  public render() {\n    return (\n      <div class={this.isExpanded ? 'expanded' : ''}>\n        {this.renderAnswer()}\n        {this.renderButton()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/atomic-smart-snippet-feedback-modal.entry.js

@@ -4,7 +4,7 @@ import { S as SmartSnippetFeedbackModalFooter, a as SmartSnippetFeedbackModalBod
 import { u as updateBreakpoints } from './replace-breakpoint-213367f8.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { buildSmartSnippet } from '@coveo/headless';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import './stencil-button-75e8b31b.js';
 import './event-utils-8de63ec3.js';
 import './stencil-button-style-0bc80040.js';

package/dist/esm/atomic-smart-snippet-suggestions.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { g as getAttributesFromLinkSlot } from './attributes-slot-cb60f29b.js';
 import { S as SmartSnippetSuggestionsWrapper, a as SmartSnippetSuggestionsQuestion, g as getQuestionPart, b as SmartSnippetSuggestionsQuestionWrapper, c as SmartSnippetSuggestionsAnswerAndSourceWrapper, d as SmartSnippetSuggestionsFooter } from './smart-snippet-suggestions-common-6c465bbf.js';
-import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { buildSmartSnippetQuestionsList } from '@coveo/headless';
 import { A as ArrowDown } from './arrow-down-a7ee2ae6.js';

package/dist/esm/atomic-smart-snippet.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { S as SmartSnippetQuestion, d as SmartSnippetTruncatedAnswer, a as SmartSnippetFooter, b as SmartSnippetFeedbackBanner, c as SmartSnippetWrapper } from './smart-snippet-common-86bb93a7.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { buildSmartSnippet, buildTabManager } from '@coveo/headless';
-import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
 import { A as ArrayProp } from './props-utils-76e19fa7.js';
 import { s as shouldDisplayOnCurrentTab } from './tab-utils-35886d3e.js';
 import { g as getAttributesFromLinkSlot } from './attributes-slot-cb60f29b.js';

package/dist/esm/atomic-sort-dropdown.entry.js

@@ -1,7 +1,7 @@
 import { h, F as Fragment, r as registerInstance, g as getElement } from './index-3f35faca.js';
 import { Schema, StringValue } from '@coveo/bueno';
 import { buildSearchStatus, buildSort, buildTabManager, parseCriterionExpression, loadSortCriteriaActions } from '@coveo/headless';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { s as shouldDisplayOnCurrentTab } from './tab-utils-35886d3e.js';
 import { r as randomID } from './utils-7ac76ba7.js';
 import { A as ArrowBottomIcon } from './arrow-bottom-rounded-043572da.js';

package/dist/esm/atomic-stencil-facet-date-input.entry.js

@@ -11,6 +11,7 @@ const FacetDateInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.applyInput = createEvent(this, "atomic/dateInputApply", 7);
+        this.max = '9999-12-31';
         this.start = undefined;
         this.end = undefined;
         this.bindings = undefined;
@@ -19,7 +20,7 @@ const FacetDateInput = class {
         this.facetId = undefined;
         this.label = undefined;
         this.min = undefined;
-        this.max = undefined;
+        this.max = '9999-12-31';
     }
     connectedCallback() {
         const range = this.rangeGetter();
@@ -68,13 +69,13 @@ const FacetDateInput = class {
         // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)
         const pattern = '^(1[4-9]\\d{2}|2\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$';
         const range = this.rangeGetter();
-        return (h("form", { key: 'b7ac7259a12e759555bfbff89201b6eadb620e56', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
+        return (h("form", { key: '084dd9894f80b7cd42138f934103d90dae3b140f', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
                 e.preventDefault();
                 this.apply();
                 return false;
-            } }, h("label", { key: 'f5b4a7be91203235c334bb139153e73c50f32931', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: '90bb6128e583dbce3b55932bcd37475ee1410dfc', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
+            } }, h("label", { key: '2a47b82cec5373a0665c0ae28aaac525399b206b', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: 'f7035e188f43beb3694b66d2a4c9a718b909bfaa', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
             // API/Index minimum supported date
-            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: 'd81fb7dc7439e67c26074274f029a54e0ec54b27', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: '1b8b94e48c2fb7cfd56033793e2e9e4d2621761b', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: '1a69e912310d8c5ddb7933c36bcbcf21fe6257ab', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
+            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: 'd3d8f0f24b787d73391d86c5f739e22c08775b42', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: '71b451d78fa4df94a5e219d6baefbd9306c74687', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: '0346899f0f10ef0493367493a25d8fc9988bfc0a', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
     }
 };
 

package/dist/esm/atomic-stencil-facet-date-input.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-stencil-facet-date-input.entry.js","mappings":"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","names":[],"sources":["src/components/common/facets/stencil-facet-date-input/stencil-facet-date-input.tsx"],"sourcesContent":["import {\n  buildDateRange,\n  DateFilterRange,\n  DateRangeRequest,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Event, EventEmitter} from '@stencil/core';\nimport {parseDate} from '../../../../utils/date-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {AnyBindings} from '../../interface/bindings';\n\n/**\n * @deprecated\n * Use `atomic-facet-date-input` instead. This component is meant to be used with Stencil components only.\n * Internal component made to be integrated in a TimeframeFacet.\n * @internal\n */\n@Component({\n  tag: 'atomic-stencil-facet-date-input',\n  shadow: false,\n})\nexport class FacetDateInput {\n  @State() private start?: Date;\n  @State() private end?: Date;\n  private startRef!: HTMLInputElement;\n  private endRef!: HTMLInputElement;\n\n  @Prop() public bindings!: AnyBindings;\n  @Prop() public rangeGetter!: () => DateFilterRange | undefined;\n  @Prop() public rangeSetter!: (range: DateRangeRequest) => void;\n  @Prop() public facetId!: string;\n  @Prop() public label!: string;\n  @Prop() public min?: string;\n  @Prop() public max?: string;\n\n  @Event({\n    eventName: 'atomic/dateInputApply',\n  })\n  private applyInput!: EventEmitter;\n\n  public connectedCallback() {\n    const range = this.rangeGetter();\n    this.start = range ? parseDate(range.start).toDate() : undefined;\n    this.end = range ? parseDate(range.end).toDate() : undefined;\n  }\n  public componentDidUpdate() {\n    if (!this.startRef.value && !this.endRef.value) {\n      this.startRef.min = this.min || this.formattedDateValue('1401-01-01');\n      this.endRef.max = this.max || '';\n      this.startRef.max = this.max || '';\n      this.endRef.min = this.min || '';\n    }\n  }\n\n  private apply() {\n    if (!this.startRef.validity.valid || !this.endRef.validity.valid) {\n      return;\n    }\n\n    this.applyInput.emit({\n      start: this.start,\n      end: this.end,\n    });\n\n    const rangeRequest = buildDateRange({\n      start: this.start!,\n      end: this.end!.setHours(23, 59, 59, 999),\n    });\n\n    this.rangeSetter(rangeRequest);\n  }\n\n  private formattedDateValue(date?: string | Date) {\n    if (!date) {\n      return '';\n    }\n    return parseDate(date).format('YYYY-MM-DD');\n  }\n\n  render() {\n    const label = this.bindings.i18n.t(this.label);\n    const startLabel = this.bindings.i18n.t('start');\n    const endLabel = this.bindings.i18n.t('end');\n    const startAria = this.bindings.i18n.t('date-input-start', {label});\n    const endAria = this.bindings.i18n.t('date-input-end', {label});\n    const apply = this.bindings.i18n.t('apply');\n    const applyAria = this.bindings.i18n.t('date-input-apply', {label});\n\n    const inputClasses = 'input-primary p-2.5';\n    const labelClasses = 'text-neutral-dark self-center';\n\n    const placeholder = 'yyyy-mm-dd';\n    // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)\n    const pattern =\n      '^(1[4-9]\\\\d{2}|2\\\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\\\d|3[01])$';\n\n    const range = this.rangeGetter();\n\n    return (\n      <form\n        class=\"mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          this.apply();\n          return false;\n        }}\n      >\n        <label\n          part=\"input-label\"\n          class={labelClasses}\n          htmlFor={`${this.facetId}_start`}\n        >\n          {startLabel}:\n        </label>\n        <input\n          id={`${this.facetId}_start`}\n          part=\"input-start\"\n          type=\"date\"\n          ref={(ref) => (this.startRef = ref!)}\n          class={inputClasses}\n          aria-label={startAria}\n          placeholder={placeholder}\n          pattern={pattern}\n          required\n          // API/Index minimum supported date\n          min={this.min || this.formattedDateValue('1401-01-01')}\n          max={this.end ? this.formattedDateValue(this.end) : this.max}\n          value={this.formattedDateValue(range?.start)}\n          onInput={(e) =>\n            (this.start = parseDate(\n              (e.target as HTMLInputElement).value\n            ).toDate())\n          }\n        />\n        <label\n          part=\"input-label\"\n          class={labelClasses}\n          htmlFor={`${this.facetId}_end`}\n        >\n          {endLabel}:\n        </label>\n        <input\n          id={`${this.facetId}_end`}\n          part=\"input-end\"\n          type=\"date\"\n          ref={(ref) => (this.endRef = ref!)}\n          class={inputClasses}\n          aria-label={endAria}\n          placeholder={placeholder}\n          pattern={pattern}\n          required\n          min={this.formattedDateValue(this.start) || this.min}\n          max={this.max}\n          value={this.formattedDateValue(range?.end)}\n          onInput={(e) =>\n            (this.end = parseDate(\n              (e.target as HTMLInputElement).value\n            ).toDate())\n          }\n        />\n        <Button\n          style=\"outline-primary\"\n          type=\"submit\"\n          part=\"input-apply-button\"\n          class=\"col-span-2 truncate p-2.5\"\n          ariaLabel={applyAria}\n          text={apply}\n        ></Button>\n      </form>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-stencil-facet-date-input.entry.js","mappings":"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","names":[],"sources":["src/components/common/facets/stencil-facet-date-input/stencil-facet-date-input.tsx"],"sourcesContent":["import {\n  buildDateRange,\n  DateFilterRange,\n  DateRangeRequest,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Event, EventEmitter} from '@stencil/core';\nimport {parseDate} from '../../../../utils/date-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {AnyBindings} from '../../interface/bindings';\n\n/**\n * @deprecated\n * Use `atomic-facet-date-input` instead. This component is meant to be used with Stencil components only.\n * Internal component made to be integrated in a TimeframeFacet.\n * @internal\n */\n@Component({\n  tag: 'atomic-stencil-facet-date-input',\n  shadow: false,\n})\nexport class FacetDateInput {\n  @State() private start?: Date;\n  @State() private end?: Date;\n  private startRef!: HTMLInputElement;\n  private endRef!: HTMLInputElement;\n\n  @Prop() public bindings!: AnyBindings;\n  @Prop() public rangeGetter!: () => DateFilterRange | undefined;\n  @Prop() public rangeSetter!: (range: DateRangeRequest) => void;\n  @Prop() public facetId!: string;\n  @Prop() public label!: string;\n  @Prop() public min?: string;\n  @Prop() public max?: string = '9999-12-31';\n\n  @Event({\n    eventName: 'atomic/dateInputApply',\n  })\n  private applyInput!: EventEmitter;\n\n  public connectedCallback() {\n    const range = this.rangeGetter();\n    this.start = range ? parseDate(range.start).toDate() : undefined;\n    this.end = range ? parseDate(range.end).toDate() : undefined;\n  }\n  public componentDidUpdate() {\n    if (!this.startRef.value && !this.endRef.value) {\n      this.startRef.min = this.min || this.formattedDateValue('1401-01-01');\n      this.endRef.max = this.max || '';\n      this.startRef.max = this.max || '';\n      this.endRef.min = this.min || '';\n    }\n  }\n\n  private apply() {\n    if (!this.startRef.validity.valid || !this.endRef.validity.valid) {\n      return;\n    }\n\n    this.applyInput.emit({\n      start: this.start,\n      end: this.end,\n    });\n\n    const rangeRequest = buildDateRange({\n      start: this.start!,\n      end: this.end!.setHours(23, 59, 59, 999),\n    });\n\n    this.rangeSetter(rangeRequest);\n  }\n\n  private formattedDateValue(date?: string | Date) {\n    if (!date) {\n      return '';\n    }\n    return parseDate(date).format('YYYY-MM-DD');\n  }\n\n  render() {\n    const label = this.bindings.i18n.t(this.label);\n    const startLabel = this.bindings.i18n.t('start');\n    const endLabel = this.bindings.i18n.t('end');\n    const startAria = this.bindings.i18n.t('date-input-start', {label});\n    const endAria = this.bindings.i18n.t('date-input-end', {label});\n    const apply = this.bindings.i18n.t('apply');\n    const applyAria = this.bindings.i18n.t('date-input-apply', {label});\n\n    const inputClasses = 'input-primary p-2.5';\n    const labelClasses = 'text-neutral-dark self-center';\n\n    const placeholder = 'yyyy-mm-dd';\n    // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)\n    const pattern =\n      '^(1[4-9]\\\\d{2}|2\\\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\\\d|3[01])$';\n\n    const range = this.rangeGetter();\n\n    return (\n      <form\n        class=\"mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          this.apply();\n          return false;\n        }}\n      >\n        <label\n          part=\"input-label\"\n          class={labelClasses}\n          htmlFor={`${this.facetId}_start`}\n        >\n          {startLabel}:\n        </label>\n        <input\n          id={`${this.facetId}_start`}\n          part=\"input-start\"\n          type=\"date\"\n          ref={(ref) => (this.startRef = ref!)}\n          class={inputClasses}\n          aria-label={startAria}\n          placeholder={placeholder}\n          pattern={pattern}\n          required\n          // API/Index minimum supported date\n          min={this.min || this.formattedDateValue('1401-01-01')}\n          max={this.end ? this.formattedDateValue(this.end) : this.max}\n          value={this.formattedDateValue(range?.start)}\n          onInput={(e) =>\n            (this.start = parseDate(\n              (e.target as HTMLInputElement).value\n            ).toDate())\n          }\n        />\n        <label\n          part=\"input-label\"\n          class={labelClasses}\n          htmlFor={`${this.facetId}_end`}\n        >\n          {endLabel}:\n        </label>\n        <input\n          id={`${this.facetId}_end`}\n          part=\"input-end\"\n          type=\"date\"\n          ref={(ref) => (this.endRef = ref!)}\n          class={inputClasses}\n          aria-label={endAria}\n          placeholder={placeholder}\n          pattern={pattern}\n          required\n          min={this.formattedDateValue(this.start) || this.min}\n          max={this.max}\n          value={this.formattedDateValue(range?.end)}\n          onInput={(e) =>\n            (this.end = parseDate(\n              (e.target as HTMLInputElement).value\n            ).toDate())\n          }\n        />\n        <Button\n          style=\"outline-primary\"\n          type=\"submit\"\n          part=\"input-apply-button\"\n          class=\"col-span-2 truncate p-2.5\"\n          ariaLabel={applyAria}\n          text={apply}\n        ></Button>\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/atomic-tab-bar_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { B as Button } from './stencil-button-75e8b31b.js';
 import { A as ArrowBottomIcon } from './arrow-bottom-rounded-043572da.js';
-import { I as InitializeBindings } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import { c as createPopper } from './popper-lite-2035100c.js';
 import { y as preventOverflow } from './createPopper-a633eb88.js';
 import './event-utils-8de63ec3.js';

package/dist/esm/atomic-tab-manager.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { buildTabManager, buildTab } from '@coveo/headless';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';

package/dist/esm/atomic-timeframe-facet.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildFacetConditionsManager, buildDateRange, deserializeRelativeDate, buildSearchStatus, buildTabManager, buildDateFacet, buildDateFilter, loadDateFacetSetActions } from '@coveo/headless';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-271aa8c0.js';
+import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { A as ArrayProp, M as MapProp } from './props-utils-76e19fa7.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils-2d41d4cd.js';
 import { p as parseDependsOn } from './depends-on-d73b0ce3.js';
 import { b as FacetPlaceholder } from './facet-placeholder-57a5207d.js';
-import { T as TimeframeFacetCommon } from './timeframe-facet-common-9a91138c.js';
+import { T as TimeframeFacetCommon } from './timeframe-facet-common-db821dce.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';