@coveo/atomic 3.33.8-pre.9cacc0cb9c → 3.33.8-pre.a40e031589

package/dist/cjs/atomic-category-facet.cjs.entry.js

@@ -485,7 +485,7 @@ const AtomicCategoryFacet = class {
     }
     render() {
         const { bindings: { i18n }, label, facetState: { facetSearch, enabled, valuesAsTrees, selectedValueAncestry }, searchStatusState: { hasError, firstSearchExecuted }, } = this;
-        return (index.h(facetGuard.FacetGuard, { key: '560a3287cb2c891940283d5083def6e4fb7d688a', enabled: enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: valuesAsTrees.length > 0 }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, this.renderHeader(), !this.isCollapsed && [
+        return (index.h(facetGuard.FacetGuard, { key: '01bc9546504e065411c474121d53c5191d57d2e9', enabled: enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: valuesAsTrees.length > 0 }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, this.renderHeader(), !this.isCollapsed && [
             this.renderSearchInput(),
             stencilFacetValueLabelHighlight.shouldDisplaySearchResults(facetSearch) ? (index.h(index.Fragment, null, facetSearch.values.length ? (index.h(stencilFacetValuesGroup.FacetValuesGroup, { i18n: i18n, label: label, query: facetSearch.query }, this.renderSearchResults())) : (index.h("div", { class: "mt-3" })), this.renderMatches())) : (index.h(index.Fragment, null, index.h(stencilFacetValuesGroup.FacetValuesGroup, { i18n: i18n, label: label }, this.hasParents ? (index.h(CategoryFacetParentAsTreeContainer, { isTopLevel: true, className: "mt-3" }, this.renderValuesTree(selectedValueAncestry, true))) : (index.h(CategoryFacetChildrenAsTreeContainer, { className: "mt-3" }, this.renderChildren()))), this.renderShowMoreLess())),
         ])) : (index.h(facetPlaceholder.FacetPlaceholder, { isCollapsed: this.isCollapsed, numberOfValues: this.numberOfValues }))));

package/dist/cjs/atomic-facet.cjs.entry.js

@@ -266,7 +266,7 @@ const AtomicFacet = class {
         return true;
     }
     render() {
-        return (index.h(facetGuard.FacetGuard, { key: '7cde9d27287caa0ef530f2155c33c6c9912aa017', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: this.bindings.i18n, label: this.definedLabel, onClearFilters: () => {
+        return (index.h(facetGuard.FacetGuard, { key: 'b2df11b285b166854e378fb05f48dc5b8b4bd503', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: this.bindings.i18n, label: this.definedLabel, onClearFilters: () => {
                 this.focusTargets.header.focusAfterSearch();
                 this.facet.deselectAll();
             }, numberOfActiveValues: this.activeValues.length, isCollapsed: this.isCollapsed, headingLevel: this.headingLevel, onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed), headerRef: (el) => this.focusTargets.header.setTarget(el) }), this.renderBody())) : (index.h(facetPlaceholder.FacetPlaceholder, { numberOfValues: this.numberOfValues, isCollapsed: this.isCollapsed }))));

package/dist/cjs/atomic-format-currency.cjs.entry.js

@@ -23,7 +23,7 @@ const AtomicFormatCurrency = class {
     }
     render() {
         if (this.error) {
-            return (index.h("atomic-component-error", { key: 'b501a8f3abe5b875899b003417aaf058cb275a2a', element: this.host, error: this.error }));
+            return (index.h("atomic-component-error", { key: 'c649c16618fac96b694c3f6cb378e822e2321a0a', element: this.host, error: this.error }));
         }
     }
     get host() { return index.getElement(this); }

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

@@ -35,7 +35,7 @@ const AtomicFormatNumber = class {
     }
     render() {
         if (this.error) {
-            return (index.h("atomic-component-error", { key: '72fd0700517485e5cc38aa5cb58b4d9a3984dddb', element: this.host, error: this.error }));
+            return (index.h("atomic-component-error", { key: 'b8db0749ee8aed93331c5a6385aa07f732ec03e9', element: this.host, error: this.error }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-format-unit.cjs.entry.js

@@ -38,7 +38,7 @@ const AtomicFormatUnit = class {
     }
     render() {
         if (this.error) {
-            return (index.h("atomic-component-error", { key: 'd875c8637c44118c50039cc4c4a369df9820a6de', element: this.host, error: this.error }));
+            return (index.h("atomic-component-error", { key: '5e34407ff07142c4765f234c4b9227727e0ff89a', element: this.host, error: this.error }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-insight-history-toggle.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const clock = require('./clock-7aeb19d0.js');
+const clock = require('./clock-f03ff827.js');
 const stencilIconButton = require('./stencil-iconButton-738b1548.js');
 require('./stencil-button-94b89acc.js');
 require('./event-utils-9bfcf3c5.js');
@@ -21,7 +21,7 @@ const AtomicInsightHistoryToggle = class {
         this.tooltip = '';
     }
     render() {
-        return (index.h(stencilIconButton.IconButton, { key: '83098c524b4d1197222a045b7da60d10ced398bf', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: clock.Clockicon, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
+        return (index.h(stencilIconButton.IconButton, { key: '83098c524b4d1197222a045b7da60d10ced398bf', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: clock.Clock, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
     }
 };
 AtomicInsightHistoryToggle.style = AtomicInsightHistoryToggleStyle0;

package/dist/cjs/atomic-insight-history-toggle.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-insight-history-toggle.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,6BAA6B,GAAG,yqjEAAyqjE,CAAC;AAChtjE,yCAAe,6BAA6B;;MCW/B,0BAA0B;;;QACP,kBAAa,GAAe,SAAQ,CAAC;QAErC,YAAO,GAAG,EAAE,CAAC;6BAFe,SAAQ;uBAE1B,EAAE;;IAEnC,MAAM;QACX,QACEA,QAACC,4BAAU,qDACT,UAAU,EAAC,wBAAwB,EACnC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAEC,eAAS,EACf,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,OAAO,GACnB,EACF;KACH;;;;;;","names":["h","IconButton","Clockicon"],"sources":["src/components/insight/atomic-insight-history-toggle/atomic-insight-history-toggle.pcss?tag=atomic-insight-history-toggle&encapsulation=shadow","src/components/insight/atomic-insight-history-toggle/atomic-insight-history-toggle.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {Component, h, Prop} from '@stencil/core';\nimport Clockicon from '../../../images/clock.svg';\nimport {IconButton} from '../../common/stencil-iconButton';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-history-toggle',\n  styleUrl: 'atomic-insight-history-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicInsightHistoryToggle {\n  @Prop({mutable: true}) public clickCallback: () => void = () => {};\n\n  @Prop({mutable: true}) public tooltip = '';\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"insight-history-toggle\"\n        style=\"outline-neutral\"\n        icon={Clockicon}\n        ariaLabel=\"history\"\n        onClick={this.clickCallback}\n        title={this.tooltip}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-insight-history-toggle.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,6BAA6B,GAAG,yqjEAAyqjE,CAAC;AAChtjE,yCAAe,6BAA6B;;MCW/B,0BAA0B;;;QACP,kBAAa,GAAe,SAAQ,CAAC;QAErC,YAAO,GAAG,EAAE,CAAC;6BAFe,SAAQ;uBAE1B,EAAE;;IAEnC,MAAM;QACX,QACEA,QAACC,4BAAU,qDACT,UAAU,EAAC,wBAAwB,EACnC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAEC,WAAS,EACf,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,OAAO,GACnB,EACF;KACH;;;;;;","names":["h","IconButton","Clockicon"],"sources":["src/components/insight/atomic-insight-history-toggle/atomic-insight-history-toggle.pcss?tag=atomic-insight-history-toggle&encapsulation=shadow","src/components/insight/atomic-insight-history-toggle/atomic-insight-history-toggle.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {Component, h, Prop} from '@stencil/core';\nimport Clockicon from '../../../images/clock.svg';\nimport {IconButton} from '../../common/stencil-iconButton';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-history-toggle',\n  styleUrl: 'atomic-insight-history-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicInsightHistoryToggle {\n  @Prop({mutable: true}) public clickCallback: () => void = () => {};\n\n  @Prop({mutable: true}) public tooltip = '';\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"insight-history-toggle\"\n        style=\"outline-neutral\"\n        icon={Clockicon}\n        ariaLabel=\"history\"\n        onClick={this.clickCallback}\n        title={this.tooltip}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-insight-interface.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const initQueue = require('./init-queue-a18aa323.js');
 const insight = require('@coveo/headless/insight');
-const analyticsConfig = require('./analytics-config-32b7c6ab.js');
+const analyticsConfig = require('./analytics-config-25d3be01.js');
 const propsUtils = require('./props-utils-1e4ba1b0.js');
 const replaceBreakpointUtils = require('./replace-breakpoint-utils-7a084f54.js');
 const store = require('./store-82abd941.js');

package/dist/cjs/atomic-insight-search-box.cjs.entry.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
-const stencilSuggestionManager = require('./stencil-suggestion-manager-2cba6d69.js');
+const stencilSuggestionManager = require('./stencil-suggestion-manager-c0878ef2.js');
 const deviceUtils = require('./device-utils-b9b45662.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const utils = require('./utils-7153ae6b.js');
 const stencilQuerySuggestions = require('./stencil-query-suggestions-03268ecc.js');
-const suggestionsUtils = require('./suggestions-utils-61000808.js');
+const suggestionsCommon = require('./suggestions-common-5097a362.js');
 require('./stencil-button-94b89acc.js');
 require('./event-utils-9bfcf3c5.js');
 require('./stencil-button-style-ba779fe2.js');
@@ -205,7 +205,7 @@ const AtomicInsightSearchBox = class {
         }
     }
     announceNewSuggestionsToScreenReader() {
-        const numberOfSuggestionsToAnnounce = this.suggestionManager.allSuggestionElements.filter(suggestionsUtils.elementHasQuery).length;
+        const numberOfSuggestionsToAnnounce = this.suggestionManager.allSuggestionElements.filter(suggestionsCommon.elementHasQuery).length;
         this.searchBoxAriaMessage = numberOfSuggestionsToAnnounce
             ? this.bindings.i18n.t(this.searchBoxState.value
                 ? 'query-suggestions-available'
@@ -216,13 +216,13 @@ const AtomicInsightSearchBox = class {
             : this.bindings.i18n.t('query-suggestions-unavailable');
     }
     render() {
-        return (index.h(stencilSuggestionManager.SearchBoxWrapper, { key: '12f64d65feaa873b2ac0db08f604053dc66534e5', disabled: this.disableSearch, onFocusout: (event) => {
+        return (index.h(stencilSuggestionManager.SearchBoxWrapper, { key: '2d4a5f83585f4675778ebb1953ac7369ab894791', disabled: this.disableSearch, onFocusout: (event) => {
                 if (!utils.isFocusingOut(event)) {
                     return;
                 }
                 this.suggestionManager.clearSuggestions();
                 this.isExpanded = false;
-            } }, index.h("atomic-icon", { key: 'a29f3004b5aef3eb4bd09fc492bfb5852a55ec33', part: "submit-icon", icon: stencilSuggestionManager.SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), index.h(stencilSuggestionManager.SearchTextArea, { key: '1be4ab720b97fa0f4bcd26830a68bbd831bc059d', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
+            } }, index.h("atomic-icon", { key: '6e45a95038ed71f7d6993680499df7c9eb55c4a0', part: "submit-icon", icon: stencilSuggestionManager.SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), index.h(stencilSuggestionManager.SearchTextArea, { key: '5c500c8435a29d293ce0334ce21fd722627d0e04', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
                 this.searchBox.clear();
                 this.triggerTextAreaChange('');
             }, onInput: (e) => this.onInput(e.target.value) }), this.renderSuggestions()));

package/dist/cjs/atomic-insight-search-box.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-insight-search-box.entry.cjs.js","mappings":"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","names":["randomID","loadInsightSearchActions","buildInsightSearchBox","SuggestionManager","index","h","getPartialSearchBoxSuggestionElement","QuerySuggestionContainer","QuerySuggestionIcon","SearchSlimIcon","QuerySuggestionText","isMacOS","hasKeyboard","elementHasQuery","SearchBoxWrapper","isFocusingOut","SearchTextArea","InitializeBindings","BindStateToController","AriaLiveRegion"],"sources":["src/components/insight/atomic-insight-search-box/atomic-insight-search-box.pcss?tag=atomic-insight-search-box&encapsulation=shadow","src/components/insight/atomic-insight-search-box/atomic-insight-search-box.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n@import '../../common/search-box/search-box.pcss';\n\n[part='wrapper'] {\n  @apply z-10;\n}\n\n:host {\n  position: relative;\n}\n\n[part='input'] {\n  padding-top: 0.675rem;\n  padding-bottom: 0.675rem;\n}\n\n[part='submit-icon'] {\n  @apply text-on-background;\n}\n\n[part='submit-button'] {\n  @apply flex w-10 items-center justify-center;\n}\n\n.loading::after {\n  content: '';\n  @apply bg-background absolute h-5/6 w-5/6 rounded-full;\n}\n\n[part='clear-button-wrapper'] {\n  @apply mr-2 py-0;\n}\n\n[part='clear-icon'] {\n  @apply h-3 w-3;\n}\n\n[part='textarea-expander'] {\n  &::after {\n    @apply p-2 px-4;\n  }\n}\n\n[part='textarea-expander'] {\n  [part='textarea'] {\n    @apply p-2 px-4;\n  }\n}\n","import {loadInsightSearchActions} from '@coveo/headless/insight';\nimport {\n  buildSearchBox as buildInsightSearchBox,\n  SearchBox as InsightSearchBox,\n  SearchBoxState as InsightSearchBoxState,\n  Suggestion as InsightSuggestion,\n} from '@coveo/headless/insight';\nimport {Component, Element, h, Prop, State} from '@stencil/core';\nimport SearchSlimIcon from '../../../images/search-slim.svg';\nimport {hasKeyboard, isMacOS} from '../../../utils/device-utils';\nimport {\n  BindStateToController,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {isFocusingOut, randomID} from '../../../utils/utils';\nimport {SearchBoxWrapper} from '../../common/search-box/stencil-search-box-wrapper';\nimport {SearchTextArea} from '../../common/search-box/stencil-search-text-area';\nimport {\n  getPartialSearchBoxSuggestionElement,\n  QuerySuggestionContainer,\n  QuerySuggestionIcon,\n  QuerySuggestionText,\n} from '../../common/suggestions/stencil-query-suggestions';\nimport {SuggestionManager} from '../../common/suggestions/stencil-suggestion-manager';\nimport {\n  elementHasQuery,\n} from '../../common/suggestions/suggestions-utils';\nimport {\n  SearchBoxSuggestionElement,\n} from '../../common/suggestions/suggestions-types';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-search-box',\n  styleUrl: 'atomic-insight-search-box.pcss',\n  shadow: true,\n})\nexport class AtomicInsightSearchBox {\n  @InitializeBindings() public bindings!: InsightBindings;\n\n  private searchBox!: InsightSearchBox;\n  private id!: string;\n  private textAreaRef!: HTMLTextAreaElement;\n  private suggestionManager!: SuggestionManager<InsightSearchBox>;\n\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('searchBox')\n  @State()\n  private searchBoxState!: InsightSearchBoxState;\n  @State() public error!: Error;\n  @State() private isExpanded = false;\n\n  /**\n   * Whether to prevent the user from triggering a search from the component.\n   * Perfect for use cases where you need to disable the search conditionally, like when the input is empty.\n   */\n  @Prop({reflect: true}) public disableSearch = false;\n  /**\n   * The number of query suggestions to display when interacting with the search box.\n   */\n  @Prop({reflect: true}) public numberOfSuggestions = 5;\n\n  @AriaLiveRegion('search-box')\n  protected searchBoxAriaMessage!: string;\n\n  @AriaLiveRegion('search-suggestions', true)\n  protected suggestionsAriaMessage!: string;\n\n  public initialize() {\n    this.id = randomID('atomic-search-box-');\n\n    const searchBoxOptions = {\n      id: this.id,\n      numberOfSuggestions: 0,\n      highlightOptions: {\n        notMatchDelimiters: {\n          open: '<span class=\"font-bold\">',\n          close: '</span>',\n        },\n        correctionDelimiters: {\n          open: '<span class=\"font-normal\">',\n          close: '</span>',\n        },\n      },\n    };\n\n    const {fetchQuerySuggestions, registerQuerySuggest} =\n      loadInsightSearchActions(this.bindings.engine);\n\n    this.searchBox = buildInsightSearchBox(this.bindings.engine, {\n      options: searchBoxOptions,\n    });\n\n    this.bindings.engine.dispatch(\n      registerQuerySuggest({id: this.id, count: this.numberOfSuggestions})\n    );\n\n    this.suggestionManager = new SuggestionManager({\n      getNumberOfSuggestionsToDisplay: () => this.numberOfSuggestions,\n      updateQuery: (query) => this.searchBox.updateText(query),\n      getSearchBoxValue: () => this.searchBoxState.value,\n      getSuggestionTimeout: () => 500,\n      getSuggestionDelay: () => 0,\n      getHost: () => this.host,\n      getLogger: () => this.bindings.engine.logger,\n    });\n\n    this.suggestionManager.registerSuggestions({\n      position: 0,\n      renderItems: () =>\n        this.searchBox.state.suggestions.map((suggestion) =>\n          this.renderSuggestionItem(suggestion)\n        ),\n      onInput:  () => this.bindings.engine.dispatch(fetchQuerySuggestions({id: this.id})),\n      panel: 'left',\n    });\n  }\n\n  private onSubmit() {\n    if (this.suggestionManager.activeDescendantElement) {\n      this.suggestionManager.clickOnActiveElement();\n      return;\n    }\n\n    this.searchBox.submit();\n    this.suggestionManager.clearSuggestions();\n  }\n\n  private async onKeyDown(e: KeyboardEvent) {\n    if (this.disableSearch) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Enter':\n        this.onSubmit();\n        break;\n      case 'Escape':\n        this.suggestionManager.clearSuggestions();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        await this.suggestionManager.focusNextValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        await this.suggestionManager.focusPreviousValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'Tab':\n        this.suggestionManager.clearSuggestions();\n        break;\n    }\n  }\n\n  private triggerTextAreaChange(value: string) {\n    this.textAreaRef.value = value;\n    this.textAreaRef.dispatchEvent(new window.Event('change'));\n  }\n\n  private renderSuggestion(\n    item: SearchBoxSuggestionElement,\n    index: number,\n    lastIndex: number\n  ) {\n    const id = `${this.id}-suggestion-${item.key}`;\n\n    const isSelected =\n      id === this.suggestionManager.activeDescendant ||\n      this.suggestionManager.suggestedQuery === item.query;\n\n    if (index === lastIndex && item.hideIfLast) {\n      return null;\n    }\n\n    return (\n      <atomic-suggestion-renderer\n        i18n={this.bindings.i18n}\n        id={id}\n        suggestion={item}\n        isSelected={isSelected}\n        side={'left'}\n        index={index}\n        lastIndex={lastIndex}\n        isDoubleList={false}\n        onClick={(e: Event) => {\n          this.suggestionManager.onSuggestionClick(item, e);\n        }}\n        onMouseOver={() => {\n          this.suggestionManager.onSuggestionMouseOver(item, 'left', id);\n        }}\n      ></atomic-suggestion-renderer>\n    );\n  }\n\n  private renderSuggestionItem(\n    suggestion: InsightSuggestion\n  ): SearchBoxSuggestionElement {\n    const hasQuery = this.searchBox.state.value !== '';\n    const partialItem = getPartialSearchBoxSuggestionElement(\n      suggestion,\n      this.bindings.i18n\n    );\n\n    return {\n      ...partialItem,\n      content: (\n        <QuerySuggestionContainer>\n          <QuerySuggestionIcon\n            icon={SearchSlimIcon}\n            hasSuggestion={this.searchBoxState.suggestions.length > 1}\n          />\n\n          <QuerySuggestionText suggestion={suggestion} hasQuery={hasQuery} />\n        </QuerySuggestionContainer>\n      ),\n      onSelect: () => {\n        this.searchBox.selectSuggestion(suggestion.rawValue);\n      },\n    };\n  }\n\n  private renderPanel(\n    elements: SearchBoxSuggestionElement[],\n    setRef: (el: HTMLElement | undefined) => void,\n    getRef: () => HTMLElement | undefined\n  ) {\n    if (!elements.length) {\n      return null;\n    }\n\n    return (\n      <div\n        part={'suggestions'}\n        ref={setRef}\n        class=\"flex grow basis-1/2 flex-col\"\n        onMouseDown={(e) => {\n          if (e.target === getRef()) {\n            e.preventDefault();\n          }\n        }}\n      >\n        {elements.map((suggestion, index) =>\n          this.renderSuggestion(suggestion, index, elements.length - 1)\n        )}\n      </div>\n    );\n  }\n\n  private renderSuggestions() {\n    if (!this.suggestionManager.hasSuggestions) {\n      this.suggestionManager.updateActiveDescendant();\n      return null;\n    }\n\n    return (\n      <div\n        id={`${this.id}-popup`}\n        part=\"suggestions-wrapper\"\n        class={`bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${\n          this.suggestionManager.hasSuggestions && this.isExpanded\n            ? ''\n            : 'hidden'\n        }`}\n        role=\"application\"\n        aria-label={this.bindings.i18n.t('search-suggestions-single-list')}\n        {...(this.suggestionManager.activeDescendant && {\n          'aria-activedescendant': this.suggestionManager.activeDescendant,\n        })}\n      >\n        {this.renderPanel(\n          this.suggestionManager.allSuggestionElements,\n          (el) => (this.suggestionManager.leftPanel = el),\n          () => this.suggestionManager.leftPanel\n        )}\n      </div>\n    );\n  }\n\n  private getSearchInputLabel() {\n    if (isMacOS()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-macos');\n    }\n    if (!hasKeyboard()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-keyboardless');\n    }\n    return this.bindings.i18n.t('search-box-with-suggestions');\n  }\n\n  private async onFocus() {\n    if (this.isExpanded) {\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private async onInput(value: string) {\n    this.searchBox.updateText(value);\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private announceNewActiveSuggestionToScreenReader() {\n    const ariaLabel = this.suggestionManager.activeDescendantElement?.ariaLabel;\n    if (isMacOS() && ariaLabel) {\n      this.suggestionsAriaMessage = ariaLabel;\n    }\n  }\n\n  private announceNewSuggestionsToScreenReader() {\n    const numberOfSuggestionsToAnnounce =\n      this.suggestionManager.allSuggestionElements.filter(\n        elementHasQuery\n      ).length;\n    this.searchBoxAriaMessage = numberOfSuggestionsToAnnounce\n      ? this.bindings.i18n.t(\n          this.searchBoxState.value\n            ? 'query-suggestions-available'\n            : 'query-suggestions-available-no-query',\n          {\n            count: numberOfSuggestionsToAnnounce,\n            query: this.searchBoxState.value,\n          }\n        )\n      : this.bindings.i18n.t('query-suggestions-unavailable');\n  }\n\n  public render() {\n    return (\n      <SearchBoxWrapper\n        disabled={this.disableSearch}\n        onFocusout={(event) => {\n          if (!isFocusingOut(event)) {\n            return;\n          }\n          this.suggestionManager.clearSuggestions();\n          this.isExpanded = false;\n        }}\n      >\n        <atomic-icon\n          part=\"submit-icon\"\n          icon={SearchSlimIcon}\n          class=\"my-auto mr-0 ml-4 h-4 w-4\"\n        />\n        <SearchTextArea\n          textAreaRef={this.textAreaRef}\n          loading={this.searchBoxState.isLoading}\n          ref={(el) => el && (this.textAreaRef = el)}\n          bindings={this.bindings}\n          value={this.searchBoxState.value}\n          ariaLabel={this.getSearchInputLabel()}\n          placeholder={this.bindings.i18n.t('search-ellipsis')}\n          onFocus={() => this.onFocus()}\n          onKeyDown={(e) => this.onKeyDown(e)}\n          onClear={() => {\n            this.searchBox.clear();\n            this.triggerTextAreaChange('');\n          }}\n          onInput={(e) => this.onInput((e.target as HTMLInputElement).value)}\n        />\n        {this.renderSuggestions()}\n      </SearchBoxWrapper>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-insight-search-box.entry.cjs.js","mappings":"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","names":["randomID","loadInsightSearchActions","buildInsightSearchBox","SuggestionManager","index","h","getPartialSearchBoxSuggestionElement","QuerySuggestionContainer","QuerySuggestionIcon","SearchSlimIcon","QuerySuggestionText","isMacOS","hasKeyboard","elementHasQuery","SearchBoxWrapper","isFocusingOut","SearchTextArea","InitializeBindings","BindStateToController","AriaLiveRegion"],"sources":["src/components/insight/atomic-insight-search-box/atomic-insight-search-box.pcss?tag=atomic-insight-search-box&encapsulation=shadow","src/components/insight/atomic-insight-search-box/atomic-insight-search-box.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n@import '../../common/search-box/search-box.pcss';\n\n[part='wrapper'] {\n  @apply z-10;\n}\n\n:host {\n  position: relative;\n}\n\n[part='input'] {\n  padding-top: 0.675rem;\n  padding-bottom: 0.675rem;\n}\n\n[part='submit-icon'] {\n  @apply text-on-background;\n}\n\n[part='submit-button'] {\n  @apply flex w-10 items-center justify-center;\n}\n\n.loading::after {\n  content: '';\n  @apply bg-background absolute h-5/6 w-5/6 rounded-full;\n}\n\n[part='clear-button-wrapper'] {\n  @apply mr-2 py-0;\n}\n\n[part='clear-icon'] {\n  @apply h-3 w-3;\n}\n\n[part='textarea-expander'] {\n  &::after {\n    @apply p-2 px-4;\n  }\n}\n\n[part='textarea-expander'] {\n  [part='textarea'] {\n    @apply p-2 px-4;\n  }\n}\n","import {loadInsightSearchActions} from '@coveo/headless/insight';\nimport {\n  buildSearchBox as buildInsightSearchBox,\n  SearchBox as InsightSearchBox,\n  SearchBoxState as InsightSearchBoxState,\n  Suggestion as InsightSuggestion,\n} from '@coveo/headless/insight';\nimport {Component, Element, h, Prop, State} from '@stencil/core';\nimport SearchSlimIcon from '../../../images/search-slim.svg';\nimport {hasKeyboard, isMacOS} from '../../../utils/device-utils';\nimport {\n  BindStateToController,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {isFocusingOut, randomID} from '../../../utils/utils';\nimport {SearchBoxWrapper} from '../../common/search-box/stencil-search-box-wrapper';\nimport {SearchTextArea} from '../../common/search-box/stencil-search-text-area';\nimport {\n  getPartialSearchBoxSuggestionElement,\n  QuerySuggestionContainer,\n  QuerySuggestionIcon,\n  QuerySuggestionText,\n} from '../../common/suggestions/stencil-query-suggestions';\nimport {SuggestionManager} from '../../common/suggestions/stencil-suggestion-manager';\nimport {\n  elementHasQuery,\n  SearchBoxSuggestionElement,\n} from '../../common/suggestions/suggestions-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-search-box',\n  styleUrl: 'atomic-insight-search-box.pcss',\n  shadow: true,\n})\nexport class AtomicInsightSearchBox {\n  @InitializeBindings() public bindings!: InsightBindings;\n\n  private searchBox!: InsightSearchBox;\n  private id!: string;\n  private textAreaRef!: HTMLTextAreaElement;\n  private suggestionManager!: SuggestionManager<InsightSearchBox>;\n\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('searchBox')\n  @State()\n  private searchBoxState!: InsightSearchBoxState;\n  @State() public error!: Error;\n  @State() private isExpanded = false;\n\n  /**\n   * Whether to prevent the user from triggering a search from the component.\n   * Perfect for use cases where you need to disable the search conditionally, like when the input is empty.\n   */\n  @Prop({reflect: true}) public disableSearch = false;\n  /**\n   * The number of query suggestions to display when interacting with the search box.\n   */\n  @Prop({reflect: true}) public numberOfSuggestions = 5;\n\n  @AriaLiveRegion('search-box')\n  protected searchBoxAriaMessage!: string;\n\n  @AriaLiveRegion('search-suggestions', true)\n  protected suggestionsAriaMessage!: string;\n\n  public initialize() {\n    this.id = randomID('atomic-search-box-');\n\n    const searchBoxOptions = {\n      id: this.id,\n      numberOfSuggestions: 0,\n      highlightOptions: {\n        notMatchDelimiters: {\n          open: '<span class=\"font-bold\">',\n          close: '</span>',\n        },\n        correctionDelimiters: {\n          open: '<span class=\"font-normal\">',\n          close: '</span>',\n        },\n      },\n    };\n\n    const {fetchQuerySuggestions, registerQuerySuggest} =\n      loadInsightSearchActions(this.bindings.engine);\n\n    this.searchBox = buildInsightSearchBox(this.bindings.engine, {\n      options: searchBoxOptions,\n    });\n\n    this.bindings.engine.dispatch(\n      registerQuerySuggest({id: this.id, count: this.numberOfSuggestions})\n    );\n\n    this.suggestionManager = new SuggestionManager({\n      getNumberOfSuggestionsToDisplay: () => this.numberOfSuggestions,\n      updateQuery: (query) => this.searchBox.updateText(query),\n      getSearchBoxValue: () => this.searchBoxState.value,\n      getSuggestionTimeout: () => 500,\n      getSuggestionDelay: () => 0,\n      getHost: () => this.host,\n      getLogger: () => this.bindings.engine.logger,\n    });\n\n    this.suggestionManager.registerSuggestions({\n      position: 0,\n      renderItems: () =>\n        this.searchBox.state.suggestions.map((suggestion) =>\n          this.renderSuggestionItem(suggestion)\n        ),\n      onInput:  () => this.bindings.engine.dispatch(fetchQuerySuggestions({id: this.id})),\n      panel: 'left',\n    });\n  }\n\n  private onSubmit() {\n    if (this.suggestionManager.activeDescendantElement) {\n      this.suggestionManager.clickOnActiveElement();\n      return;\n    }\n\n    this.searchBox.submit();\n    this.suggestionManager.clearSuggestions();\n  }\n\n  private async onKeyDown(e: KeyboardEvent) {\n    if (this.disableSearch) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Enter':\n        this.onSubmit();\n        break;\n      case 'Escape':\n        this.suggestionManager.clearSuggestions();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        await this.suggestionManager.focusNextValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        await this.suggestionManager.focusPreviousValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'Tab':\n        this.suggestionManager.clearSuggestions();\n        break;\n    }\n  }\n\n  private triggerTextAreaChange(value: string) {\n    this.textAreaRef.value = value;\n    this.textAreaRef.dispatchEvent(new window.Event('change'));\n  }\n\n  private renderSuggestion(\n    item: SearchBoxSuggestionElement,\n    index: number,\n    lastIndex: number\n  ) {\n    const id = `${this.id}-suggestion-${item.key}`;\n\n    const isSelected =\n      id === this.suggestionManager.activeDescendant ||\n      this.suggestionManager.suggestedQuery === item.query;\n\n    if (index === lastIndex && item.hideIfLast) {\n      return null;\n    }\n\n    return (\n      <atomic-suggestion-renderer\n        i18n={this.bindings.i18n}\n        id={id}\n        suggestion={item}\n        isSelected={isSelected}\n        side={'left'}\n        index={index}\n        lastIndex={lastIndex}\n        isDoubleList={false}\n        onClick={(e: Event) => {\n          this.suggestionManager.onSuggestionClick(item, e);\n        }}\n        onMouseOver={() => {\n          this.suggestionManager.onSuggestionMouseOver(item, 'left', id);\n        }}\n      ></atomic-suggestion-renderer>\n    );\n  }\n\n  private renderSuggestionItem(\n    suggestion: InsightSuggestion\n  ): SearchBoxSuggestionElement {\n    const hasQuery = this.searchBox.state.value !== '';\n    const partialItem = getPartialSearchBoxSuggestionElement(\n      suggestion,\n      this.bindings.i18n\n    );\n\n    return {\n      ...partialItem,\n      content: (\n        <QuerySuggestionContainer>\n          <QuerySuggestionIcon\n            icon={SearchSlimIcon}\n            hasSuggestion={this.searchBoxState.suggestions.length > 1}\n          />\n\n          <QuerySuggestionText suggestion={suggestion} hasQuery={hasQuery} />\n        </QuerySuggestionContainer>\n      ),\n      onSelect: () => {\n        this.searchBox.selectSuggestion(suggestion.rawValue);\n      },\n    };\n  }\n\n  private renderPanel(\n    elements: SearchBoxSuggestionElement[],\n    setRef: (el: HTMLElement | undefined) => void,\n    getRef: () => HTMLElement | undefined\n  ) {\n    if (!elements.length) {\n      return null;\n    }\n\n    return (\n      <div\n        part={'suggestions'}\n        ref={setRef}\n        class=\"flex grow basis-1/2 flex-col\"\n        onMouseDown={(e) => {\n          if (e.target === getRef()) {\n            e.preventDefault();\n          }\n        }}\n      >\n        {elements.map((suggestion, index) =>\n          this.renderSuggestion(suggestion, index, elements.length - 1)\n        )}\n      </div>\n    );\n  }\n\n  private renderSuggestions() {\n    if (!this.suggestionManager.hasSuggestions) {\n      this.suggestionManager.updateActiveDescendant();\n      return null;\n    }\n\n    return (\n      <div\n        id={`${this.id}-popup`}\n        part=\"suggestions-wrapper\"\n        class={`bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${\n          this.suggestionManager.hasSuggestions && this.isExpanded\n            ? ''\n            : 'hidden'\n        }`}\n        role=\"application\"\n        aria-label={this.bindings.i18n.t('search-suggestions-single-list')}\n        {...(this.suggestionManager.activeDescendant && {\n          'aria-activedescendant': this.suggestionManager.activeDescendant,\n        })}\n      >\n        {this.renderPanel(\n          this.suggestionManager.allSuggestionElements,\n          (el) => (this.suggestionManager.leftPanel = el),\n          () => this.suggestionManager.leftPanel\n        )}\n      </div>\n    );\n  }\n\n  private getSearchInputLabel() {\n    if (isMacOS()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-macos');\n    }\n    if (!hasKeyboard()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-keyboardless');\n    }\n    return this.bindings.i18n.t('search-box-with-suggestions');\n  }\n\n  private async onFocus() {\n    if (this.isExpanded) {\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private async onInput(value: string) {\n    this.searchBox.updateText(value);\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private announceNewActiveSuggestionToScreenReader() {\n    const ariaLabel = this.suggestionManager.activeDescendantElement?.ariaLabel;\n    if (isMacOS() && ariaLabel) {\n      this.suggestionsAriaMessage = ariaLabel;\n    }\n  }\n\n  private announceNewSuggestionsToScreenReader() {\n    const numberOfSuggestionsToAnnounce =\n      this.suggestionManager.allSuggestionElements.filter(\n        elementHasQuery\n      ).length;\n    this.searchBoxAriaMessage = numberOfSuggestionsToAnnounce\n      ? this.bindings.i18n.t(\n          this.searchBoxState.value\n            ? 'query-suggestions-available'\n            : 'query-suggestions-available-no-query',\n          {\n            count: numberOfSuggestionsToAnnounce,\n            query: this.searchBoxState.value,\n          }\n        )\n      : this.bindings.i18n.t('query-suggestions-unavailable');\n  }\n\n  public render() {\n    return (\n      <SearchBoxWrapper\n        disabled={this.disableSearch}\n        onFocusout={(event) => {\n          if (!isFocusingOut(event)) {\n            return;\n          }\n          this.suggestionManager.clearSuggestions();\n          this.isExpanded = false;\n        }}\n      >\n        <atomic-icon\n          part=\"submit-icon\"\n          icon={SearchSlimIcon}\n          class=\"my-auto mr-0 ml-4 h-4 w-4\"\n        />\n        <SearchTextArea\n          textAreaRef={this.textAreaRef}\n          loading={this.searchBoxState.isLoading}\n          ref={(el) => el && (this.textAreaRef = el)}\n          bindings={this.bindings}\n          value={this.searchBoxState.value}\n          ariaLabel={this.getSearchInputLabel()}\n          placeholder={this.bindings.i18n.t('search-ellipsis')}\n          onFocus={() => this.onFocus()}\n          onKeyDown={(e) => this.onKeyDown(e)}\n          onClear={() => {\n            this.searchBox.clear();\n            this.triggerTextAreaChange('');\n          }}\n          onInput={(e) => this.onInput((e.target as HTMLInputElement).value)}\n        />\n        {this.renderSuggestions()}\n      </SearchBoxWrapper>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-insight-user-actions-toggle.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
-const clock = require('./clock-7aeb19d0.js');
+const clock = require('./clock-f03ff827.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
 const stencilIconButton = require('./stencil-iconButton-738b1548.js');
 require('./dom-utils-d4790328.js');
@@ -64,7 +64,7 @@ const AtomicInsightUserActionsToggle = class {
         this.modalRef.excludedCustomActions = this.excludedCustomActions;
     }
     render() {
-        return (index.h(stencilIconButton.IconButton, { key: 'e146b9c160034349da8ffc4d416cc37547576bde', partPrefix: "insight-user-actions-toggle", style: "outline-neutral", icon: clock.Clockicon, ariaLabel: this.bindings.i18n.t('user-actions'), onClick: () => {
+        return (index.h(stencilIconButton.IconButton, { key: 'e146b9c160034349da8ffc4d416cc37547576bde', partPrefix: "insight-user-actions-toggle", style: "outline-neutral", icon: clock.Clock, ariaLabel: this.bindings.i18n.t('user-actions'), onClick: () => {
                 this.enableModal();
             }, title: this.bindings.i18n.t('user-actions'), buttonRef: (button) => {
                 if (!button) {

package/dist/cjs/atomic-insight-user-actions-toggle.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-insight-user-actions-toggle.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,iCAAiC,GAAG,yqjEAAyqjE,CAAC;AACptjE,6CAAe,iCAAiC;;;;;;;;;;;;MCuBnC,8BAA8B;;;;;;QAsB1B,0BAAqB,GAAa,EAAE,CAAC;;;;;qCAAH,EAAE;;IAE5C,UAAU;QACf,IAAI,CAAC,WAAW,GAAGA,wBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC/D,OAAO,EAAE;gBACP,kBAAkB,EAAE,IAAI,CAAC,sBAAsB;gBAC/C,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;aAClD;SACF,CAAC,CAAC;KACJ;IAKO,WAAW;QACjB,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAC;KACvC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAE5E,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC;KAClE;IAEM,MAAM;QACX,QACEC,QAACC,4BAAU,qDACT,UAAU,EAAC,6BAA6B,EACxC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAEC,eAAS,EACf,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,EAC/C,OAAO,EAAE;gBACP,IAAI,CAAC,WAAW,EAAE,CAAC;aACpB,EACD,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,EAC3C,SAAS,EAAE,CAAC,MAA0B;gBACpC,IAAI,CAAC,MAAM,EAAE;oBACX,OAAO;iBACR;gBACD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;gBACxB,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB,GACD,EACF;KACH;;;AAvE4B;IAA5BC,sCAAkB,EAAE;gEAAmC;AAIjD;IAFNC,yCAAqB,CAAC,aAAa,CAAC;wEAEa;;;;;","names":["buildInsightUserActions","h","IconButton","Clockicon","InitializeBindings","BindStateToController"],"sources":["src/components/insight/user-actions/atomic-insight-user-actions-toggle/atomic-insight-user-actions-toggle.pcss?tag=atomic-insight-user-actions-toggle&encapsulation=shadow","src/components/insight/user-actions/atomic-insight-user-actions-toggle/atomic-insight-user-actions-toggle.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n","import {\n  buildUserActions as buildInsightUserActions,\n  UserActions as InsightUserActions,\n  UserActionsState as InsightUserActionsState,\n} from '@coveo/headless/insight';\nimport {Component, h, Prop, Element, State} from '@stencil/core';\nimport Clockicon from '../../../../images/clock.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {IconButton} from '../../../common/stencil-iconButton';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * Internal component of the atomic-insight-interface\n * The `atomic-insight-user-actions-toggle` component displays a button that opens a modal containing the user actions timeline component.\n */\n@Component({\n  tag: 'atomic-insight-user-actions-toggle',\n  styleUrl: 'atomic-insight-user-actions-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicInsightUserActionsToggle\n  implements InitializableComponent<InsightBindings>\n{\n  @Element() public host!: HTMLElement;\n  @InitializeBindings() public bindings!: InsightBindings;\n  public userActions!: InsightUserActions;\n  @BindStateToController('userActions')\n  @State()\n  public userActionsState!: InsightUserActionsState;\n  @State() public error!: Error;\n\n  /**\n   * The ID of the user whose actions are being displayed.\n   */\n  @Prop() public userId!: string;\n  /**\n   * The date and time when the case was created. For example \"2024-01-01T00:00:00Z\"\n   */\n  @Prop() public ticketCreationDateTime!: string;\n  /**\n   * The names of custom events to exclude.\n   */\n  @Prop() public excludedCustomActions: string[] = [];\n\n  public initialize() {\n    this.userActions = buildInsightUserActions(this.bindings.engine, {\n      options: {\n        ticketCreationDate: this.ticketCreationDateTime,\n        excludedCustomActions: this.excludedCustomActions,\n      },\n    });\n  }\n\n  private buttonRef?: HTMLButtonElement;\n  private modalRef?: HTMLAtomicInsightUserActionsModalElement;\n\n  private enableModal() {\n    this.modalRef && (this.modalRef.isOpen = true);\n    this.userActions.logOpenUserActions();\n  }\n\n  private loadModal() {\n    if (this.modalRef) {\n      return;\n    }\n\n    this.modalRef = document.createElement('atomic-insight-user-actions-modal');\n\n    this.host.insertAdjacentElement('beforebegin', this.modalRef);\n    this.modalRef.openButton = this.buttonRef;\n    this.modalRef.userId = this.userId;\n    this.modalRef.ticketCreationDateTime = this.ticketCreationDateTime;\n    this.modalRef.excludedCustomActions = this.excludedCustomActions;\n  }\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"insight-user-actions-toggle\"\n        style=\"outline-neutral\"\n        icon={Clockicon}\n        ariaLabel={this.bindings.i18n.t('user-actions')}\n        onClick={() => {\n          this.enableModal();\n        }}\n        title={this.bindings.i18n.t('user-actions')}\n        buttonRef={(button?: HTMLButtonElement) => {\n          if (!button) {\n            return;\n          }\n          this.buttonRef = button;\n          this.loadModal();\n        }}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-insight-user-actions-toggle.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,iCAAiC,GAAG,yqjEAAyqjE,CAAC;AACptjE,6CAAe,iCAAiC;;;;;;;;;;;;MCuBnC,8BAA8B;;;;;;QAsB1B,0BAAqB,GAAa,EAAE,CAAC;;;;;qCAAH,EAAE;;IAE5C,UAAU;QACf,IAAI,CAAC,WAAW,GAAGA,wBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC/D,OAAO,EAAE;gBACP,kBAAkB,EAAE,IAAI,CAAC,sBAAsB;gBAC/C,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;aAClD;SACF,CAAC,CAAC;KACJ;IAKO,WAAW;QACjB,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAC;KACvC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAE5E,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC;KAClE;IAEM,MAAM;QACX,QACEC,QAACC,4BAAU,qDACT,UAAU,EAAC,6BAA6B,EACxC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAEC,WAAS,EACf,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,EAC/C,OAAO,EAAE;gBACP,IAAI,CAAC,WAAW,EAAE,CAAC;aACpB,EACD,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,EAC3C,SAAS,EAAE,CAAC,MAA0B;gBACpC,IAAI,CAAC,MAAM,EAAE;oBACX,OAAO;iBACR;gBACD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;gBACxB,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB,GACD,EACF;KACH;;;AAvE4B;IAA5BC,sCAAkB,EAAE;gEAAmC;AAIjD;IAFNC,yCAAqB,CAAC,aAAa,CAAC;wEAEa;;;;;","names":["buildInsightUserActions","h","IconButton","Clockicon","InitializeBindings","BindStateToController"],"sources":["src/components/insight/user-actions/atomic-insight-user-actions-toggle/atomic-insight-user-actions-toggle.pcss?tag=atomic-insight-user-actions-toggle&encapsulation=shadow","src/components/insight/user-actions/atomic-insight-user-actions-toggle/atomic-insight-user-actions-toggle.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n","import {\n  buildUserActions as buildInsightUserActions,\n  UserActions as InsightUserActions,\n  UserActionsState as InsightUserActionsState,\n} from '@coveo/headless/insight';\nimport {Component, h, Prop, Element, State} from '@stencil/core';\nimport Clockicon from '../../../../images/clock.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {IconButton} from '../../../common/stencil-iconButton';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * Internal component of the atomic-insight-interface\n * The `atomic-insight-user-actions-toggle` component displays a button that opens a modal containing the user actions timeline component.\n */\n@Component({\n  tag: 'atomic-insight-user-actions-toggle',\n  styleUrl: 'atomic-insight-user-actions-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicInsightUserActionsToggle\n  implements InitializableComponent<InsightBindings>\n{\n  @Element() public host!: HTMLElement;\n  @InitializeBindings() public bindings!: InsightBindings;\n  public userActions!: InsightUserActions;\n  @BindStateToController('userActions')\n  @State()\n  public userActionsState!: InsightUserActionsState;\n  @State() public error!: Error;\n\n  /**\n   * The ID of the user whose actions are being displayed.\n   */\n  @Prop() public userId!: string;\n  /**\n   * The date and time when the case was created. For example \"2024-01-01T00:00:00Z\"\n   */\n  @Prop() public ticketCreationDateTime!: string;\n  /**\n   * The names of custom events to exclude.\n   */\n  @Prop() public excludedCustomActions: string[] = [];\n\n  public initialize() {\n    this.userActions = buildInsightUserActions(this.bindings.engine, {\n      options: {\n        ticketCreationDate: this.ticketCreationDateTime,\n        excludedCustomActions: this.excludedCustomActions,\n      },\n    });\n  }\n\n  private buttonRef?: HTMLButtonElement;\n  private modalRef?: HTMLAtomicInsightUserActionsModalElement;\n\n  private enableModal() {\n    this.modalRef && (this.modalRef.isOpen = true);\n    this.userActions.logOpenUserActions();\n  }\n\n  private loadModal() {\n    if (this.modalRef) {\n      return;\n    }\n\n    this.modalRef = document.createElement('atomic-insight-user-actions-modal');\n\n    this.host.insertAdjacentElement('beforebegin', this.modalRef);\n    this.modalRef.openButton = this.buttonRef;\n    this.modalRef.userId = this.userId;\n    this.modalRef.ticketCreationDateTime = this.ticketCreationDateTime;\n    this.modalRef.excludedCustomActions = this.excludedCustomActions;\n  }\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"insight-user-actions-toggle\"\n        style=\"outline-neutral\"\n        icon={Clockicon}\n        ariaLabel={this.bindings.i18n.t('user-actions')}\n        onClick={() => {\n          this.enableModal();\n        }}\n        title={this.bindings.i18n.t('user-actions')}\n        buttonRef={(button?: HTMLButtonElement) => {\n          if (!button) {\n            return;\n          }\n          this.buttonRef = button;\n          this.loadModal();\n        }}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-numeric-facet.cjs.entry.js

@@ -309,7 +309,7 @@ const AtomicNumericFacet = class {
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, } = this;
-        return (index.h(facetGuard.FacetGuard, { key: '481b5d0d304d6e7f6696faa14dc0dbb501f0490d', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: i18n, label: this.label, onClearFilters: () => {
+        return (index.h(facetGuard.FacetGuard, { key: '4ae7f2c657012459dadc76b6c2f8215a19341e9e', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: i18n, label: this.label, onClearFilters: () => {
                 this.focusTarget.focusAfterSearch();
                 if (this.filterState?.range) {
                     this.filter?.clear();

package/dist/cjs/atomic-quickview-modal.cjs.entry.js

@@ -590,7 +590,7 @@ const AtomicQuickviewModal = class {
         });
     }
     render() {
-        return (index.h("atomic-modal", { key: '39961d2d82abff5de836cc62847719c3c8e42a8a', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: exportParts.ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
+        return (index.h("atomic-modal", { key: '561499630f5da5df55933332f8c9567d57d0e22e', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: exportParts.ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
     }
     static get watchers() { return {
         "highlightKeywords": ["watchHighlightKeywords"]

package/dist/cjs/atomic-quickview.cjs.entry.js

@@ -116,7 +116,7 @@ const AtomicQuickview = class {
     }
     render() {
         if (this.quickviewState.resultHasPreview) {
-            return (index.h(stencilButton.Button, { key: 'e764a4103dfec30f0fc15ad4237aaa64a2db267c', part: "button", title: this.bindings.i18n.t('quickview'), style: "outline-primary", class: "p-2", onClick: (event) => this.onClick(event), ref: this.focusTarget.setTarget }, index.h("atomic-icon", { key: '5df8ef61e0138ba63512897f99364391e5c5be14', part: "icon", class: "flex w-5 justify-center", icon: quickview.QuickviewIcon })));
+            return (index.h(stencilButton.Button, { key: '14fe117eb06409f41f2ec124669944fea2b710fc', part: "button", title: this.bindings.i18n.t('quickview'), style: "outline-primary", class: "p-2", onClick: (event) => this.onClick(event), ref: this.focusTarget.setTarget }, index.h("atomic-icon", { key: '4048bf25642bf6548716557132e62996ac5dda96', part: "icon", class: "flex w-5 justify-center", icon: quickview.QuickviewIcon })));
         }
     }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const initQueue = require('./init-queue-a18aa323.js');
 const recommendation = require('@coveo/headless/recommendation');
-const analyticsConfig = require('./analytics-config-32b7c6ab.js');
+const analyticsConfig = require('./analytics-config-25d3be01.js');
 const propsUtils = require('./props-utils-1e4ba1b0.js');
 const store = require('./store-82abd941.js');
 require('./dayjs.min-8b80e6d1.js');

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

@@ -139,7 +139,7 @@ const AtomicResultChildren = class {
         return (index.h(showHideButton.ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (index.h(showHideButton.ResultChildrenGuard, { key: '28a209dcfc87da57c297a1a5fe5a06877311eaf7', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (index.h(showHideButton.ResultChildrenGuard, { key: '2150e9417d88508b82af66754c3ae89c000f934a', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -104,7 +104,7 @@ const AtomicResultFieldsList = class {
         }
     }
     render() {
-        return index.h(index.Host, { key: '7206c67fd17f812fdf7a5aaf9429af162907677e' });
+        return index.h(index.Host, { key: 'f4108a4cdb1f7e0bf7d8658268f68bab2b0e4311' });
     }
     get host() { return index.getElement(this); }
 };

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

@@ -50,7 +50,7 @@ const AtomicResultLink = class {
         const href = bueno.isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : resultUtils.buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (index.h(stencilItemLink.LinkWithItemAnalytics, { key: 'adbdf25dba24847402d7ba4afd254627e6ae833c', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (index.h("slot", null)) : (index.h("atomic-result-text", { field: "title", default: "no-title" }))));
+        return (index.h(stencilItemLink.LinkWithItemAnalytics, { key: 'f8ab6cddf502983ab1563fbff477cb3c3aaa2db2', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (index.h("slot", null)) : (index.h("atomic-result-text", { field: "title", default: "no-title" }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -195,7 +195,7 @@ const AtomicResultList = class {
     render() {
         this.resultListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (index.h(TabGuard, { key: '3300c868d8f38a4f7215288c091db4f60bec918b', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, index.h(itemListGuard.ItemListGuard, { key: '76429f5c16104eed0ff58b83dd2cb94f807e2b62', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, index.h(stencilDisplayWrapper.DisplayWrapper, { key: 'f0944363d4bba184e1e76869f507ea03bed2951d', display: this.display, listClasses: listClasses }, index.h(stencilPlaceholders.ResultsPlaceholdersGuard, { key: 'c91a24daf9e86581e73f8ac514eca75275778376', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), index.h(stencilDisplayWrapper.ItemDisplayGuard, { key: '8266609ac00b5e0c3fb8eb7be5c3485b20c7b3d6', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
+        return (index.h(TabGuard, { key: '84e905bc447448b3ae9701cc63b6b36ea2d8a0fd', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, index.h(itemListGuard.ItemListGuard, { key: '8a1fe0484e410fceaa0815e61630478fc3a7112a', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, index.h(stencilDisplayWrapper.DisplayWrapper, { key: '2c7bd5851175b7414ff588c2c53d9a561e68c33a', display: this.display, listClasses: listClasses }, index.h(stencilPlaceholders.ResultsPlaceholdersGuard, { key: '92540528744f9fb632dadc7d048b817905380440', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), index.h(stencilDisplayWrapper.ItemDisplayGuard, { key: '246eafcd94c68ff9fe662f8efc2f9faee2cbe8dc', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
             ? this.renderAsTable()
             : this.display === 'grid'
                 ? this.renderAsGrid()

package/dist/cjs/atomic-search-box-instant-results.cjs.entry.js

@@ -7,7 +7,7 @@ const headless = require('@coveo/headless');
 const stringUtils = require('./string-utils-bdf08f8c.js');
 const itemTemplateProvider = require('./item-template-provider-470c1774.js');
 const stencilButtonStyle = require('./stencil-button-style-ba779fe2.js');
-const suggestionsEvents = require('./suggestions-events-63dd0640.js');
+const suggestionsCommon = require('./suggestions-common-5097a362.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 
@@ -70,7 +70,7 @@ const AtomicSearchBoxInstantResults = class {
     }
     componentWillLoad() {
         try {
-            suggestionsEvents.dispatchSearchBoxSuggestionsEvent((bindings) => {
+            suggestionsCommon.dispatchSearchBoxSuggestionsEvent((bindings) => {
                 this.bindings = bindings;
                 return this.initialize();
             }, this.host, ['atomic-search-box']);
@@ -175,7 +175,7 @@ const AtomicSearchBoxInstantResults = class {
     }
     render() {
         if (this.error) {
-            return (index.h("atomic-component-error", { key: '3ab4ee0f7ae26ac27bf62e580dae9856eec0849e', element: this.host, error: this.error }));
+            return (index.h("atomic-component-error", { key: 'fdc7168e2ad782021d361221f692da91bff1c3af', element: this.host, error: this.error }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-search-box-instant-results.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-search-box-instant-results.entry.cjs.js","mappings":"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","names":["encodeForDomAttribute","h","getClassNameForButtonStyle","dispatchSearchBoxSuggestionsEvent","buildInteractiveInstantResult","buildInstantResults","ItemTemplateProvider"],"sources":["src/components/common/suggestions/stencil-instant-item.tsx","src/components/search/search-box-suggestions/atomic-search-box-instant-results/atomic-search-box-instant-results.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {encodeForDomAttribute} from '../../../utils/string-utils';\nimport {getClassNameForButtonStyle} from '../stencil-button-style';\nimport {SearchBoxSuggestionElement} from './suggestions-types';\n\nexport const getPartialInstantItemElement = (\n  i18n: i18n,\n  itemTitle: string,\n  itemUniqueId: string\n): Pick<SearchBoxSuggestionElement, 'ariaLabel' | 'key' | 'part'> => {\n  return {\n    ariaLabel: i18n.t('instant-results-suggestion-label', {\n      title: itemTitle,\n      interpolation: {escapeValue: false},\n    }),\n    key: `instant-result-${encodeForDomAttribute(itemUniqueId)}`,\n    part: 'instant-results-item',\n  };\n};\n\nexport const getPartialInstantItemShowAllElement = (\n  i18n: i18n\n): Pick<SearchBoxSuggestionElement, 'key' | 'part' | 'ariaLabel'> => {\n  return {\n    key: 'instant-results-show-all-button',\n    part: 'instant-results-show-all',\n    ariaLabel: i18n.t('show-all-results'),\n  };\n};\n\ninterface InstantItemShowAllButtonProps {\n  i18n: i18n;\n}\nexport const InstantItemShowAllButton: FunctionalComponent<\n  InstantItemShowAllButtonProps\n> = ({i18n}) => {\n  return (\n    <div\n      part=\"instant-results-show-all-button\"\n      class={getClassNameForButtonStyle('text-primary')}\n    >\n      {i18n.t('show-all-results')}\n    </div>\n  );\n};\n","import {\n  buildInstantResults,\n  buildInteractiveInstantResult,\n  InstantResults,\n  Result,\n  SearchBox,\n} from '@coveo/headless';\nimport {Component, Element, State, h, Prop, Method} from '@stencil/core';\nimport {InitializableComponent} from '../../../../utils/initialization-utils';\nimport {encodeForDomAttribute} from '../../../../utils/string-utils';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {ItemRenderingFunction} from '../../../common/item-list/stencil-item-list-common';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n} from '../../../common/layout/display-options';\nimport {\n  getPartialInstantItemElement,\n  getPartialInstantItemShowAllElement,\n  InstantItemShowAllButton,\n} from '../../../common/suggestions/stencil-instant-item';\nimport {\n  dispatchSearchBoxSuggestionsEvent,\n} from '../../../common/suggestions/suggestions-events';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestions,\n  SearchBoxSuggestionsBindings,\n} from '../../../common/suggestions/suggestions-types';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\nexport type AriaLabelGenerator = (\n  bindings: Bindings,\n  result: Result\n) => string | undefined;\n\n/**\n * The `atomic-search-box-instant-results` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior.\n *\n * This component does not support accessibility out-of-the-box. To do so, see [Instant Results Accessibility](https://docs.coveo.com/en/atomic/latest/usage/accessibility/#instant-results-accessibility).\n *\n * This component is not supported on mobile.\n *\n * @slot default - The default slot where the instant results are rendered.\n */\n@Component({\n  tag: 'atomic-search-box-instant-results',\n  shadow: true,\n})\nexport class AtomicSearchBoxInstantResults implements InitializableComponent {\n  public bindings!: SearchBoxSuggestionsBindings<SearchBox, Bindings>;\n  private itemRenderingFunction: ItemRenderingFunction;\n  private results: Result[] = [];\n  private itemTemplateProvider!: ItemTemplateProvider;\n  private instantResults!: InstantResults;\n  private display: ItemDisplayLayout = 'list';\n\n  @Element() public host!: HTMLElement;\n\n  @State() public error!: Error;\n  @State() private templateHasError = false;\n\n  /**\n   * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n   * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.\n   *\n   * Do not use this method if you integrate Atomic in a plain HTML deployment.\n   *\n   * @param resultRenderingFunction\n   */\n  @Method() public async setRenderFunction(\n    resultRenderingFunction: ItemRenderingFunction\n  ) {\n    this.itemRenderingFunction = resultRenderingFunction;\n  }\n  /**\n   * The maximum number of results to show.\n   */\n  @Prop({reflect: true}) public maxResultsPerQuery = 4;\n  /**\n   * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n   */\n  @Prop({reflect: true}) public density: ItemDisplayDensity = 'normal';\n  /**\n   * The expected size of the image displayed in the results.\n   */\n  @Prop({reflect: true}) public imageSize: ItemDisplayImageSize = 'icon';\n  /**\n   * The callback to generate an [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for a given result so that accessibility tools can fully describe what's visually rendered by a result.\n   *\n   * By default, or if an empty string is returned, `result.title` is used.\n   */\n  @Prop() public ariaLabelGenerator?: AriaLabelGenerator;\n\n  public componentWillLoad() {\n    try {\n      dispatchSearchBoxSuggestionsEvent<SearchBox, Bindings>(\n        (bindings) => {\n          this.bindings = bindings;\n          return this.initialize();\n        },\n        this.host,\n        ['atomic-search-box']\n      );\n    } catch (error) {\n      this.error = error as Error;\n    }\n  }\n\n  private getLink(el: HTMLElement): HTMLElement | null {\n    const atomicResult =\n      el.tagName === 'ATOMIC-RESULT' ? el : el?.querySelector('atomic-result');\n\n    return (\n      atomicResult?.shadowRoot?.querySelector(\n        'atomic-result-link a:not([slot])'\n      ) || null\n    );\n  }\n\n  private handleLinkClick(el: HTMLElement, hasModifier: boolean) {\n    const setTarget = (value: string) => el.setAttribute('target', value);\n    const initialTarget = el.getAttribute('target');\n\n    hasModifier && setTarget('_blank');\n    el.click();\n    hasModifier && setTarget(initialTarget || '');\n\n    return true;\n  }\n\n  private renderItems(): SearchBoxSuggestionElement[] {\n    if (!this.bindings.suggestedQuery() || this.bindings.store.isMobile()) {\n      return [];\n    }\n    const results = this.instantResults.state.results.length\n      ? this.instantResults.state.results\n      : this.results;\n\n    const elements: SearchBoxSuggestionElement[] = results.map(\n      (result: Result) => {\n        const partialItem = getPartialInstantItemElement(\n          this.bindings.i18n,\n          this.ariaLabelGenerator?.(this.bindings, result) || result.title,\n          result.uniqueId\n        );\n        return {\n          ...partialItem,\n          content: (\n            <atomic-result\n              key={`instant-result-${encodeForDomAttribute(result.uniqueId)}`}\n              part=\"outline\"\n              result={result}\n              interactiveResult={buildInteractiveInstantResult(\n                this.bindings.engine,\n                {\n                  options: {result},\n                }\n              )}\n              display={this.display}\n              density={this.density}\n              imageSize={this.imageSize}\n              content={this.itemTemplateProvider.getTemplateContent(result)}\n              stopPropagation={false}\n              renderingFunction={this.itemRenderingFunction}\n            ></atomic-result>\n          ),\n          onSelect: (e: MouseEvent) => {\n            const link = this.getLink(e.target as HTMLElement);\n\n            if (!link) {\n              return;\n            }\n            this.handleLinkClick(link, e.ctrlKey || e.metaKey);\n          },\n        };\n      }\n    );\n    if (elements.length) {\n      const partialItem = getPartialInstantItemShowAllElement(\n        this.bindings.i18n\n      );\n      elements.push({\n        ...partialItem,\n        content: <InstantItemShowAllButton i18n={this.bindings.i18n} />,\n        onSelect: () => {\n          this.bindings.clearSuggestions();\n          this.bindings.searchBoxController.updateText(\n            this.instantResults.state.q\n          );\n          this.bindings.searchBoxController.submit();\n        },\n      });\n    }\n    return elements;\n  }\n\n  public initialize(): SearchBoxSuggestions {\n    this.instantResults = buildInstantResults(this.bindings.engine, {\n      options: {\n        maxResultsPerQuery: this.maxResultsPerQuery,\n      },\n    });\n\n    this.itemTemplateProvider = new ItemTemplateProvider({\n      includeDefaultTemplate: true,\n      templateElements: Array.from(\n        this.host.querySelectorAll('atomic-result-template')\n      ),\n      getResultTemplateRegistered: () => true,\n      setResultTemplateRegistered: () => {},\n      getTemplateHasError: () => this.templateHasError,\n      setTemplateHasError: (value: boolean) => {\n        this.templateHasError = value;\n      },\n      bindings: this.bindings,\n    });\n\n    return {\n      position: Array.from(this.host.parentNode!.children).indexOf(this.host),\n      panel: 'right',\n      onSuggestedQueryChange: (q) => {\n        this.instantResults.updateQuery(q);\n        return this.onSuggestedQueryChange();\n      },\n      renderItems: () => this.renderItems(),\n    };\n  }\n\n  private onSuggestedQueryChange() {\n    if (\n      !this.bindings.getSuggestionElements().length &&\n      !this.bindings.searchBoxController.state.value\n    ) {\n      console.warn(\n        \"There doesn't seem to be any query suggestions configured. Make sure to include either an atomic-search-box-query-suggestions or atomic-search-box-recent-queries in your search box in order to see some instant results.\"\n      );\n    }\n\n    return new Promise<void>((resolve) => {\n      const unsubscribe = this.instantResults.subscribe(() => {\n        const state = this.instantResults.state;\n        if (!state.isLoading) {\n          if (state.results.length) {\n            this.results = state.results;\n          }\n          unsubscribe();\n          resolve();\n        }\n      });\n    });\n  }\n\n  public render() {\n    if (this.error) {\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={this.error}\n        ></atomic-component-error>\n      );\n    }\n  }\n}\n"],"version":3}
+{"file":"atomic-search-box-instant-results.entry.cjs.js","mappings":"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","names":["encodeForDomAttribute","h","getClassNameForButtonStyle","dispatchSearchBoxSuggestionsEvent","buildInteractiveInstantResult","buildInstantResults","ItemTemplateProvider"],"sources":["src/components/common/suggestions/stencil-instant-item.tsx","src/components/search/search-box-suggestions/atomic-search-box-instant-results/atomic-search-box-instant-results.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {encodeForDomAttribute} from '../../../utils/string-utils';\nimport {getClassNameForButtonStyle} from '../stencil-button-style';\nimport {SearchBoxSuggestionElement} from './suggestions-common';\n\nexport const getPartialInstantItemElement = (\n  i18n: i18n,\n  itemTitle: string,\n  itemUniqueId: string\n): Pick<SearchBoxSuggestionElement, 'ariaLabel' | 'key' | 'part'> => {\n  return {\n    ariaLabel: i18n.t('instant-results-suggestion-label', {\n      title: itemTitle,\n      interpolation: {escapeValue: false},\n    }),\n    key: `instant-result-${encodeForDomAttribute(itemUniqueId)}`,\n    part: 'instant-results-item',\n  };\n};\n\nexport const getPartialInstantItemShowAllElement = (\n  i18n: i18n\n): Pick<SearchBoxSuggestionElement, 'key' | 'part' | 'ariaLabel'> => {\n  return {\n    key: 'instant-results-show-all-button',\n    part: 'instant-results-show-all',\n    ariaLabel: i18n.t('show-all-results'),\n  };\n};\n\ninterface InstantItemShowAllButtonProps {\n  i18n: i18n;\n}\nexport const InstantItemShowAllButton: FunctionalComponent<\n  InstantItemShowAllButtonProps\n> = ({i18n}) => {\n  return (\n    <div\n      part=\"instant-results-show-all-button\"\n      class={getClassNameForButtonStyle('text-primary')}\n    >\n      {i18n.t('show-all-results')}\n    </div>\n  );\n};\n","import {\n  buildInstantResults,\n  buildInteractiveInstantResult,\n  InstantResults,\n  Result,\n  SearchBox,\n} from '@coveo/headless';\nimport {Component, Element, State, h, Prop, Method} from '@stencil/core';\nimport {InitializableComponent} from '../../../../utils/initialization-utils';\nimport {encodeForDomAttribute} from '../../../../utils/string-utils';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {ItemRenderingFunction} from '../../../common/item-list/stencil-item-list-common';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n} from '../../../common/layout/display-options';\nimport {\n  getPartialInstantItemElement,\n  getPartialInstantItemShowAllElement,\n  InstantItemShowAllButton,\n} from '../../../common/suggestions/stencil-instant-item';\nimport {\n  dispatchSearchBoxSuggestionsEvent,\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestions,\n  SearchBoxSuggestionsBindings,\n} from '../../../common/suggestions/suggestions-common';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\nexport type AriaLabelGenerator = (\n  bindings: Bindings,\n  result: Result\n) => string | undefined;\n\n/**\n * The `atomic-search-box-instant-results` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior.\n *\n * This component does not support accessibility out-of-the-box. To do so, see [Instant Results Accessibility](https://docs.coveo.com/en/atomic/latest/usage/accessibility/#instant-results-accessibility).\n *\n * This component is not supported on mobile.\n *\n * @slot default - The default slot where the instant results are rendered.\n */\n@Component({\n  tag: 'atomic-search-box-instant-results',\n  shadow: true,\n})\nexport class AtomicSearchBoxInstantResults implements InitializableComponent {\n  public bindings!: SearchBoxSuggestionsBindings<SearchBox, Bindings>;\n  private itemRenderingFunction: ItemRenderingFunction;\n  private results: Result[] = [];\n  private itemTemplateProvider!: ItemTemplateProvider;\n  private instantResults!: InstantResults;\n  private display: ItemDisplayLayout = 'list';\n\n  @Element() public host!: HTMLElement;\n\n  @State() public error!: Error;\n  @State() private templateHasError = false;\n\n  /**\n   * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n   * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.\n   *\n   * Do not use this method if you integrate Atomic in a plain HTML deployment.\n   *\n   * @param resultRenderingFunction\n   */\n  @Method() public async setRenderFunction(\n    resultRenderingFunction: ItemRenderingFunction\n  ) {\n    this.itemRenderingFunction = resultRenderingFunction;\n  }\n  /**\n   * The maximum number of results to show.\n   */\n  @Prop({reflect: true}) public maxResultsPerQuery = 4;\n  /**\n   * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n   */\n  @Prop({reflect: true}) public density: ItemDisplayDensity = 'normal';\n  /**\n   * The expected size of the image displayed in the results.\n   */\n  @Prop({reflect: true}) public imageSize: ItemDisplayImageSize = 'icon';\n  /**\n   * The callback to generate an [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for a given result so that accessibility tools can fully describe what's visually rendered by a result.\n   *\n   * By default, or if an empty string is returned, `result.title` is used.\n   */\n  @Prop() public ariaLabelGenerator?: AriaLabelGenerator;\n\n  public componentWillLoad() {\n    try {\n      dispatchSearchBoxSuggestionsEvent<SearchBox, Bindings>(\n        (bindings) => {\n          this.bindings = bindings;\n          return this.initialize();\n        },\n        this.host,\n        ['atomic-search-box']\n      );\n    } catch (error) {\n      this.error = error as Error;\n    }\n  }\n\n  private getLink(el: HTMLElement): HTMLElement | null {\n    const atomicResult =\n      el.tagName === 'ATOMIC-RESULT' ? el : el?.querySelector('atomic-result');\n\n    return (\n      atomicResult?.shadowRoot?.querySelector(\n        'atomic-result-link a:not([slot])'\n      ) || null\n    );\n  }\n\n  private handleLinkClick(el: HTMLElement, hasModifier: boolean) {\n    const setTarget = (value: string) => el.setAttribute('target', value);\n    const initialTarget = el.getAttribute('target');\n\n    hasModifier && setTarget('_blank');\n    el.click();\n    hasModifier && setTarget(initialTarget || '');\n\n    return true;\n  }\n\n  private renderItems(): SearchBoxSuggestionElement[] {\n    if (!this.bindings.suggestedQuery() || this.bindings.store.isMobile()) {\n      return [];\n    }\n    const results = this.instantResults.state.results.length\n      ? this.instantResults.state.results\n      : this.results;\n\n    const elements: SearchBoxSuggestionElement[] = results.map(\n      (result: Result) => {\n        const partialItem = getPartialInstantItemElement(\n          this.bindings.i18n,\n          this.ariaLabelGenerator?.(this.bindings, result) || result.title,\n          result.uniqueId\n        );\n        return {\n          ...partialItem,\n          content: (\n            <atomic-result\n              key={`instant-result-${encodeForDomAttribute(result.uniqueId)}`}\n              part=\"outline\"\n              result={result}\n              interactiveResult={buildInteractiveInstantResult(\n                this.bindings.engine,\n                {\n                  options: {result},\n                }\n              )}\n              display={this.display}\n              density={this.density}\n              imageSize={this.imageSize}\n              content={this.itemTemplateProvider.getTemplateContent(result)}\n              stopPropagation={false}\n              renderingFunction={this.itemRenderingFunction}\n            ></atomic-result>\n          ),\n          onSelect: (e: MouseEvent) => {\n            const link = this.getLink(e.target as HTMLElement);\n\n            if (!link) {\n              return;\n            }\n            this.handleLinkClick(link, e.ctrlKey || e.metaKey);\n          },\n        };\n      }\n    );\n    if (elements.length) {\n      const partialItem = getPartialInstantItemShowAllElement(\n        this.bindings.i18n\n      );\n      elements.push({\n        ...partialItem,\n        content: <InstantItemShowAllButton i18n={this.bindings.i18n} />,\n        onSelect: () => {\n          this.bindings.clearSuggestions();\n          this.bindings.searchBoxController.updateText(\n            this.instantResults.state.q\n          );\n          this.bindings.searchBoxController.submit();\n        },\n      });\n    }\n    return elements;\n  }\n\n  public initialize(): SearchBoxSuggestions {\n    this.instantResults = buildInstantResults(this.bindings.engine, {\n      options: {\n        maxResultsPerQuery: this.maxResultsPerQuery,\n      },\n    });\n\n    this.itemTemplateProvider = new ItemTemplateProvider({\n      includeDefaultTemplate: true,\n      templateElements: Array.from(\n        this.host.querySelectorAll('atomic-result-template')\n      ),\n      getResultTemplateRegistered: () => true,\n      setResultTemplateRegistered: () => {},\n      getTemplateHasError: () => this.templateHasError,\n      setTemplateHasError: (value: boolean) => {\n        this.templateHasError = value;\n      },\n      bindings: this.bindings,\n    });\n\n    return {\n      position: Array.from(this.host.parentNode!.children).indexOf(this.host),\n      panel: 'right',\n      onSuggestedQueryChange: (q) => {\n        this.instantResults.updateQuery(q);\n        return this.onSuggestedQueryChange();\n      },\n      renderItems: () => this.renderItems(),\n    };\n  }\n\n  private onSuggestedQueryChange() {\n    if (\n      !this.bindings.getSuggestionElements().length &&\n      !this.bindings.searchBoxController.state.value\n    ) {\n      console.warn(\n        \"There doesn't seem to be any query suggestions configured. Make sure to include either an atomic-search-box-query-suggestions or atomic-search-box-recent-queries in your search box in order to see some instant results.\"\n      );\n    }\n\n    return new Promise<void>((resolve) => {\n      const unsubscribe = this.instantResults.subscribe(() => {\n        const state = this.instantResults.state;\n        if (!state.isLoading) {\n          if (state.results.length) {\n            this.results = state.results;\n          }\n          unsubscribe();\n          resolve();\n        }\n      });\n    });\n  }\n\n  public render() {\n    if (this.error) {\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={this.error}\n        ></atomic-component-error>\n      );\n    }\n  }\n}\n"],"version":3}