@coveo/atomic 3.33.4-pre.e17fc6f0d3 → 3.33.4-pre.e4dec75021

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-03T16:58:30",
+  "timestamp": "2025-09-12T11:19:39",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -13506,7 +13506,7 @@
               "docs": ""
             }
           ],
-          "docs": "Initializes the connection with an already preconfigured [headless search engine](https://docs.coveo.com/en/headless/latest/reference/modules/Search.html, as opposed to the `initialize` method, which will internally create a new search engine instance.\nThis bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.",
+          "docs": "Initializes the connection with an already preconfigured [headless search engine](https://docs.coveo.com/en/headless/latest/reference/interfaces/Search.SearchEngine.html), as opposed to the `initialize` method, which will internally create a new search engine instance.\nThis bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.",
           "docsTags": []
         }
       ],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.33.4-pre.e17fc6f0d3",
+  "version": "3.33.4-pre.e4dec75021",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@coveo/bueno": "1.1.0",
-    "@coveo/headless": "3.29.3-pre.e17fc6f0d3",
+    "@coveo/headless": "3.30.0-pre.e4dec75021",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
     "@popperjs/core": "2.11.8",
@@ -118,7 +118,7 @@
     "@testing-library/jest-dom": "6.6.3",
     "@types/core-js": "2.5.8",
     "@types/escape-html": "1.0.4",
-    "@types/jest": "29.5.12",
+    "@types/jest": "29.5.14",
     "@types/lodash": "4.17.20",
     "@types/node": "22.16.5",
     "@types/postcss-import": "14.0.3",
@@ -164,7 +164,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.1.0",
-    "@coveo/headless": "3.29.3-pre.e17fc6f0d3",
+    "@coveo/headless": "3.30.0-pre.e4dec75021",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/iconButton.js.map

@@ -1 +0,0 @@
-{"file":"iconButton.js","mappings":";;;MAUa,UAAU,GAAyC,CAAC,KAAK;IACpE,QACE,WAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,YAAY;QACzD,EAAC,MAAM,OACD,KAAK,EACT,KAAK,EAAC,oCAAoC,EAC1C,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EAClC,GAAG,EAAE,KAAK,CAAC,SAAS;YAEpB,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,GACnB,CACR;QACR,KAAK,CAAC,KAAK,KACV,YACE,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,QAAQ,EACjC,KAAK,EAAC,8GAA8G,IAEnH,KAAK,CAAC,KAAK,CACP,CACR,CACG,EACN;AACJ;;;;","names":[],"sources":["src/components/common/iconButton.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button, StencilButtonProps} from './stencil-button';\n\nexport interface IconButtonProps extends StencilButtonProps {\n  badge?: VNode;\n  buttonRef?: (el?: HTMLButtonElement) => void;\n  icon: string;\n  partPrefix: string;\n}\n\nexport const IconButton: FunctionalComponent<IconButtonProps> = (props) => {\n  return (\n    <div class=\"relative\" part={`${props.partPrefix}-container`}>\n      <Button\n        {...props}\n        class=\"relative h-[2.6rem] w-[2.6rem] p-3\"\n        part={`${props.partPrefix}-button`}\n        ref={props.buttonRef}\n      >\n        <atomic-icon\n          icon={props.icon}\n          class=\"h-4 w-4 shrink-0\"\n          part={`${props.partPrefix}-icon`}\n        ></atomic-icon>\n      </Button>\n      {props.badge && (\n        <span\n          part={`${props.partPrefix}-badge`}\n          class=\"bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4\"\n        >\n          {props.badge}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"version":3}

package/dist/atomic/p-01307751.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightResultActionCss","AtomicInsightResultActionStyle0","Actions","AtomicInsightResultAction","this","icon","tooltip","tooltipOnClick","action","initialize","actions","loadInsightAnalyticsActions","bindings","engine","onClick","originalTooltip","setTimeout","CopyToClipboard","dispatch","logCopyToClipboard","result","navigator","clipboard","writeText","clickUri","PostToFeed","logFeedItemTextPost","SendAsEmail","logCaseSendEmail","actionClicked","emit","getIcon","CopyIcon","AttachToCase","AttachIcon","Quickview","QuickviewIcon","FeedIcon","EmailIcon","render","h","IconButton","key","partPrefix","style","title","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/insight/atomic-insight-result-action/atomic-insight-result-action.pcss?tag=atomic-insight-result-action","src/components/insight/atomic-insight-result-action/atomic-insight-result-action.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n:host {\n  &::part(result-action-button) {\n    @apply flex items-center justify-center;\n    @apply h-8 w-8;\n  }\n}\n","import {Result} from '@coveo/headless';\nimport {\n  InsightAnalyticsActionCreators,\n  loadInsightAnalyticsActions,\n} from '@coveo/headless/insight';\nimport {Component, Event, EventEmitter, Prop, State, h} from '@stencil/core';\nimport AttachIcon from '../../../images/attach.svg';\nimport CopyIcon from '../../../images/copy-dark.svg';\nimport EmailIcon from '../../../images/email.svg';\nimport QuickviewIcon from '../../../images/preview.svg';\nimport FeedIcon from '../../../images/share-post.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {IconButton} from '../../common/iconButton';\nimport {ResultContext} from '../../search/result-template-components/result-template-decorators';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\nexport interface InsightResultActionClickedEvent {\n  action: string;\n  result: Result;\n}\n\nexport enum Actions {\n  CopyToClipboard = 'copyToClipboard',\n  AttachToCase = 'attachToCase',\n  Quickview = 'quickview',\n  PostToFeed = 'postToFeed',\n  SendAsEmail = 'sendAsEmail',\n}\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-result-action',\n  styleUrl: 'atomic-insight-result-action.pcss',\n})\nexport class AtomicInsightResultAction\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  @ResultContext() private result!: Result;\n  @State() public error!: Error;\n\n  @Event({\n    eventName: 'atomicInsightResultActionClicked',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  private actionClicked!: EventEmitter<InsightResultActionClickedEvent>;\n\n  /**\n   * Specify the result action icon to display.\n   */\n  @Prop({mutable: true}) public icon = '';\n\n  /**\n   * The text tooltip to show on the result action icon.\n   */\n  @Prop({mutable: true}) public tooltip = '';\n\n  /**\n   * The text tooltip to show on the result action icon for some time after clicking the button.\n   */\n  @Prop({mutable: true}) public tooltipOnClick = '';\n\n  /**\n   * The type of action to perform when the result action is clicked. This will be sent along the event fired when the button is clicked.\n   */\n  @Prop({mutable: true}) public action: Actions | string = '';\n\n  private actions!: InsightAnalyticsActionCreators;\n\n  public initialize() {\n    this.actions = loadInsightAnalyticsActions(this.bindings.engine);\n  }\n\n  private onClick() {\n    if (this.tooltipOnClick) {\n      const originalTooltip = this.tooltip;\n      this.tooltip = this.tooltipOnClick;\n      setTimeout(() => {\n        this.tooltip = originalTooltip;\n      }, 1000);\n    }\n\n    switch (this.action) {\n      case Actions.CopyToClipboard:\n        this.bindings.engine.dispatch(\n          this.actions.logCopyToClipboard(this.result)\n        );\n        navigator.clipboard.writeText(this.result?.clickUri);\n        break;\n      case Actions.PostToFeed:\n        this.bindings.engine.dispatch(\n          this.actions.logFeedItemTextPost(this.result)\n        );\n        break;\n      case Actions.SendAsEmail:\n        this.bindings.engine.dispatch(\n          this.actions.logCaseSendEmail(this.result)\n        );\n        break;\n    }\n\n    this.actionClicked.emit({action: this.action, result: this.result});\n  }\n\n  private getIcon() {\n    if (this.icon) {\n      return this.icon;\n    }\n\n    switch (this.action) {\n      case Actions.CopyToClipboard:\n        return CopyIcon;\n      case Actions.AttachToCase:\n        return AttachIcon;\n      case Actions.Quickview:\n        return QuickviewIcon;\n      case Actions.PostToFeed:\n        return FeedIcon;\n      case Actions.SendAsEmail:\n        return EmailIcon;\n      default:\n        return QuickviewIcon;\n    }\n  }\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"result-action\"\n        style=\"outline-neutral\"\n        icon={this.getIcon()}\n        title={this.tooltip}\n        onClick={() => this.onClick()}\n      />\n    );\n  }\n}\n"],"mappings":"+qEAAA,MAAMA,EAA+B,iiiEACrC,MAAAC,EAAeD,E,2WCuBf,IAAYE,GAAZ,SAAYA,GACVA,EAAA,qCACAA,EAAA,+BACAA,EAAA,yBACAA,EAAA,2BACAA,EAAA,4BACD,EAND,CAAYA,MAAO,K,MAeNC,EAAyB,M,yFAkBNC,KAAAC,KAAO,GAKPD,KAAAE,QAAU,GAKVF,KAAAG,eAAiB,GAKjBH,KAAAI,OAA2B,G,+BAfpB,G,aAKG,G,oBAKO,G,YAKU,E,CAIlD,UAAAC,GACLL,KAAKM,QAAUC,EAA4BP,KAAKQ,SAASC,O,CAGnD,OAAAC,GACN,GAAIV,KAAKG,eAAgB,CACvB,MAAMQ,EAAkBX,KAAKE,QAC7BF,KAAKE,QAAUF,KAAKG,eACpBS,YAAW,KACTZ,KAAKE,QAAUS,CAAe,GAC7B,I,CAGL,OAAQX,KAAKI,QACX,KAAKN,EAAQe,gBACXb,KAAKQ,SAASC,OAAOK,SACnBd,KAAKM,QAAQS,mBAAmBf,KAAKgB,SAEvCC,UAAUC,UAAUC,UAAUnB,KAAKgB,QAAQI,UAC3C,MACF,KAAKtB,EAAQuB,WACXrB,KAAKQ,SAASC,OAAOK,SACnBd,KAAKM,QAAQgB,oBAAoBtB,KAAKgB,SAExC,MACF,KAAKlB,EAAQyB,YACXvB,KAAKQ,SAASC,OAAOK,SACnBd,KAAKM,QAAQkB,iBAAiBxB,KAAKgB,SAErC,MAGJhB,KAAKyB,cAAcC,KAAK,CAACtB,OAAQJ,KAAKI,OAAQY,OAAQhB,KAAKgB,Q,CAGrD,OAAAW,GACN,GAAI3B,KAAKC,KAAM,CACb,OAAOD,KAAKC,I,CAGd,OAAQD,KAAKI,QACX,KAAKN,EAAQe,gBACX,OAAOe,EACT,KAAK9B,EAAQ+B,aACX,OAAOC,EACT,KAAKhC,EAAQiC,UACX,OAAOC,EACT,KAAKlC,EAAQuB,WACX,OAAOY,EACT,KAAKnC,EAAQyB,YACX,OAAOW,EACT,QACE,OAAOF,E,CAIN,MAAAG,GACL,OACEC,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,gBACXC,MAAM,kBACNvC,KAAMD,KAAK2B,UACXc,MAAOzC,KAAKE,QACZQ,QAAS,IAAMV,KAAKU,W,GAjGGgC,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K","ignoreList":[]}

package/dist/atomic/p-054f3780.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightResultAttachToCaseActionCss","AtomicInsightResultAttachToCaseActionStyle0","AtomicInsightResultAttachToCaseAction","initialize","caseId","this","bindings","engine","state","insightCaseContext","attachToCase","buildAttachToCase","options","result","onClick","isAttached","detach","emit","callback","attach","getIcon","DetachIcon","AttachIcon","getTooltip","i18n","t","render","h","IconButton","key","partPrefix","style","icon","title","__decorate","InitializeBindings","ResultContext","BindStateToController"],"sources":["src/components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action.pcss?tag=atomic-insight-result-attach-to-case-action","src/components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {AttachToCase, buildAttachToCase, Result} from '@coveo/headless/insight';\nimport {Component, Event, State, h, Element, EventEmitter} from '@stencil/core';\nimport AttachIcon from '../../../images/attach.svg';\nimport DetachIcon from '../../../images/detach.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {IconButton} from '../../common/iconButton';\nimport {ResultContext} from '../../search/result-template-components/result-template-decorators';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\nexport interface InsightResultAttachToCaseEvent {\n  callback: () => void;\n  result: Result;\n}\n/**\n * @internal\n * The `atomic-insight-result-attach-to-case-action` component can be nested inside a `atomic-insight-result-actions` to render an interactive button that will emit an `atomic/insight/attachToCase/attach` or `atomic/insight/attachToCase/detach` JavaScript event, based on its current state, when clicked.\n *\n * @part result-action-container - The result action container\n * @part result-action-button - The result action button\n * @part result-action-icon - The result action icon\n */\n@Component({\n  tag: 'atomic-insight-result-attach-to-case-action',\n  styleUrl: 'atomic-insight-result-attach-to-case-action.pcss',\n})\nexport class AtomicInsightResultAttachToCaseAction\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n  @State() public error!: Error;\n\n  public attachToCase!: AttachToCase;\n\n  @BindStateToController('attachToCase')\n  @State()\n  public attachToCaseState!: {};\n\n  @Event({\n    eventName: 'atomic/insight/attachToCase/attach',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  private attach!: EventEmitter<InsightResultAttachToCaseEvent>;\n\n  @Event({\n    eventName: 'atomic/insight/attachToCase/detach',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  private detach!: EventEmitter<InsightResultAttachToCaseEvent>;\n\n  public initialize() {\n    const caseId: string =\n      this.bindings.engine.state.insightCaseContext?.caseId || '';\n    this.attachToCase = buildAttachToCase(this.bindings.engine, {\n      options: {\n        result: this.result,\n        caseId: caseId,\n      },\n    });\n  }\n\n  private onClick() {\n    if (this.attachToCase.isAttached()) {\n      this.detach.emit({\n        callback: this.attachToCase.detach,\n        result: this.result,\n      });\n    } else {\n      this.attach.emit({\n        callback: this.attachToCase.attach,\n        result: this.result,\n      });\n    }\n  }\n\n  private getIcon() {\n    return this.attachToCase.isAttached() ? DetachIcon : AttachIcon;\n  }\n\n  private getTooltip() {\n    return this.attachToCase.isAttached()\n      ? this.bindings.i18n.t('detach-from-case')\n      : this.bindings.i18n.t('attach-to-case');\n  }\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"result-action\"\n        style=\"outline-neutral\"\n        icon={this.getIcon()}\n        title={this.getTooltip()}\n        onClick={() => this.onClick()}\n      />\n    );\n  }\n}\n"],"mappings":"62GAAA,MAAMA,EAA2C,w3hEACjD,MAAAC,EAAeD,E,iXC4BFE,EAAqC,M,qMA+BzC,UAAAC,GACL,MAAMC,EACJC,KAAKC,SAASC,OAAOC,MAAMC,oBAAoBL,QAAU,GAC3DC,KAAKK,aAAeC,EAAkBN,KAAKC,SAASC,OAAQ,CAC1DK,QAAS,CACPC,OAAQR,KAAKQ,OACbT,OAAQA,I,CAKN,OAAAU,GACN,GAAIT,KAAKK,aAAaK,aAAc,CAClCV,KAAKW,OAAOC,KAAK,CACfC,SAAUb,KAAKK,aAAaM,OAC5BH,OAAQR,KAAKQ,Q,KAEV,CACLR,KAAKc,OAAOF,KAAK,CACfC,SAAUb,KAAKK,aAAaS,OAC5BN,OAAQR,KAAKQ,Q,EAKX,OAAAO,GACN,OAAOf,KAAKK,aAAaK,aAAeM,EAAaC,C,CAG/C,UAAAC,GACN,OAAOlB,KAAKK,aAAaK,aACrBV,KAAKC,SAASkB,KAAKC,EAAE,oBACrBpB,KAAKC,SAASkB,KAAKC,EAAE,iB,CAGpB,MAAAC,GACL,OACEC,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,gBACXC,MAAM,kBACNC,KAAM3B,KAAKe,UACXa,MAAO5B,KAAKkB,aACZT,QAAS,IAAMT,KAAKS,W,6BAtEGoB,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K,6BASMF,EAAA,CAFNG,EAAsB,iB","ignoreList":[]}

package/dist/atomic/p-05768310.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IconButton","props","h","class","part","partPrefix","Button","ref","buttonRef","icon","badge"],"sources":["src/components/common/iconButton.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button, StencilButtonProps} from './stencil-button';\n\nexport interface IconButtonProps extends StencilButtonProps {\n  badge?: VNode;\n  buttonRef?: (el?: HTMLButtonElement) => void;\n  icon: string;\n  partPrefix: string;\n}\n\nexport const IconButton: FunctionalComponent<IconButtonProps> = (props) => {\n  return (\n    <div class=\"relative\" part={`${props.partPrefix}-container`}>\n      <Button\n        {...props}\n        class=\"relative h-[2.6rem] w-[2.6rem] p-3\"\n        part={`${props.partPrefix}-button`}\n        ref={props.buttonRef}\n      >\n        <atomic-icon\n          icon={props.icon}\n          class=\"h-4 w-4 shrink-0\"\n          part={`${props.partPrefix}-icon`}\n        ></atomic-icon>\n      </Button>\n      {props.badge && (\n        <span\n          part={`${props.partPrefix}-badge`}\n          class=\"bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4\"\n        >\n          {props.badge}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"mappings":"8EAUaA,EAAoDC,GAE7DC,EAAA,OAAKC,MAAM,WAAWC,KAAM,GAAGH,EAAMI,wBACnCH,EAACI,EAAM,IACDL,EACJE,MAAM,qCACNC,KAAM,GAAGH,EAAMI,oBACfE,IAAKN,EAAMO,WAEXN,EAAA,eACEO,KAAMR,EAAMQ,KACZN,MAAM,mBACNC,KAAM,GAAGH,EAAMI,qBAGlBJ,EAAMS,OACLR,EAAA,QACEE,KAAM,GAAGH,EAAMI,mBACfF,MAAM,gHAELF,EAAMS,e","ignoreList":[]}

package/dist/atomic/p-1ad7f200.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightRefineToggleCss","AtomicInsightRefineToggleStyle0","AtomicInsightRefineToggle","numberOfBreadcrumbs","this","breadcrumbManagerState","facetBreadcrumbs","categoryFacetBreadcrumbs","numericFacetBreadcrumbs","dateFacetBreadcrumbs","staticFilterBreadcrumbs","length","initialize","breadcrumbManager","buildInsightBreadcrumbManager","bindings","engine","searchStatus","buildInsightSearchStatus","enableModal","modalRef","isOpen","loadModal","document","createElement","host","parentElement","insertAdjacentElement","openButton","buttonRef","render","h","IconButton","key","partPrefix","style","title","i18n","t","icon","FilterIcon","disabled","searchStatusState","hasResults","ariaLabel","onClick","store","waitUntilAppLoaded","button","badge","hasBreadcrumbs","toString","undefined","__decorate","InitializeBindings","BindStateToController"],"sources":["src/components/insight/atomic-insight-refine-toggle/atomic-insight-refine-toggle.pcss?tag=atomic-insight-refine-toggle&encapsulation=shadow","src/components/insight/atomic-insight-refine-toggle/atomic-insight-refine-toggle.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {\n  buildBreadcrumbManager as buildInsightBreadcrumbManager,\n  buildSearchStatus as buildInsightSearchStatus,\n  BreadcrumbManager as InsightBreadcrumbManager,\n  BreadcrumbManagerState as InsightBreadcrumbManagerState,\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n} from '@coveo/headless/insight';\nimport {Component, h, State, Element} from '@stencil/core';\nimport FilterIcon from '../../../images/filter.svg';\nimport {\n  InitializeBindings,\n  BindStateToController,\n} from '../../../utils/initialization-utils';\nimport {IconButton} from '../../common/iconButton';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-refine-toggle',\n  styleUrl: 'atomic-insight-refine-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicInsightRefineToggle {\n  @InitializeBindings() public bindings!: InsightBindings;\n  @Element() public host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  @BindStateToController('breadcrumbManager')\n  @State()\n  private breadcrumbManagerState!: InsightBreadcrumbManagerState;\n\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: InsightSearchStatusState;\n\n  public breadcrumbManager!: InsightBreadcrumbManager;\n  public searchStatus!: InsightSearchStatus;\n  private modalRef?: HTMLAtomicInsightRefineModalElement;\n  private buttonRef?: HTMLButtonElement;\n\n  private get numberOfBreadcrumbs(): number {\n    return [\n      ...this.breadcrumbManagerState.facetBreadcrumbs,\n      ...this.breadcrumbManagerState.categoryFacetBreadcrumbs,\n      ...this.breadcrumbManagerState.numericFacetBreadcrumbs,\n      ...this.breadcrumbManagerState.dateFacetBreadcrumbs,\n      ...this.breadcrumbManagerState.staticFilterBreadcrumbs,\n    ].length;\n  }\n\n  public initialize() {\n    this.breadcrumbManager = buildInsightBreadcrumbManager(\n      this.bindings.engine\n    );\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n  }\n\n  private enableModal() {\n    this.modalRef && (this.modalRef.isOpen = true);\n  }\n\n  private loadModal() {\n    if (this.modalRef) {\n      return;\n    }\n\n    this.modalRef = document.createElement('atomic-insight-refine-modal');\n    this.host.parentElement?.insertAdjacentElement(\n      'beforebegin',\n      this.modalRef\n    );\n    this.modalRef.openButton = this.buttonRef;\n  }\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"insight-refine-toggle\"\n        style=\"outline-neutral\"\n        title={this.bindings.i18n.t('filters')}\n        icon={FilterIcon}\n        disabled={\n          !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs\n        }\n        ariaLabel={this.bindings.i18n.t('sort')}\n        onClick={() => {\n          this.bindings.store.waitUntilAppLoaded(() => {\n            this.enableModal();\n          });\n        }}\n        buttonRef={(button?: HTMLButtonElement) => {\n          if (!button) {\n            return;\n          }\n          this.buttonRef = button;\n          this.loadModal();\n        }}\n        badge={\n          this.breadcrumbManagerState.hasBreadcrumbs ? (\n            <slot>{this.numberOfBreadcrumbs.toString()}</slot>\n          ) : undefined\n        }\n      />\n    );\n  }\n}\n"],"mappings":"6YAAA,MAAMA,EAA+B,w3hEACrC,MAAAC,EAAeD,E,iXCwBFE,EAAyB,M,qHAmBpC,uBAAYC,GACV,MAAO,IACFC,KAAKC,uBAAuBC,oBAC5BF,KAAKC,uBAAuBE,4BAC5BH,KAAKC,uBAAuBG,2BAC5BJ,KAAKC,uBAAuBI,wBAC5BL,KAAKC,uBAAuBK,yBAC/BC,M,CAGG,UAAAC,GACLR,KAAKS,kBAAoBC,EACvBV,KAAKW,SAASC,QAEhBZ,KAAKa,aAAeC,EAAyBd,KAAKW,SAASC,O,CAGrD,WAAAG,GACNf,KAAKgB,WAAahB,KAAKgB,SAASC,OAAS,K,CAGnC,SAAAC,GACN,GAAIlB,KAAKgB,SAAU,CACjB,M,CAGFhB,KAAKgB,SAAWG,SAASC,cAAc,+BACvCpB,KAAKqB,KAAKC,eAAeC,sBACvB,cACAvB,KAAKgB,UAEPhB,KAAKgB,SAASQ,WAAaxB,KAAKyB,S,CAG3B,MAAAC,GACL,OACEC,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,wBACXC,MAAM,kBACNC,MAAOhC,KAAKW,SAASsB,KAAKC,EAAE,WAC5BC,KAAMC,EACNC,UACGrC,KAAKsC,kBAAkBC,aAAevC,KAAKD,oBAE9CyC,UAAWxC,KAAKW,SAASsB,KAAKC,EAAE,QAChCO,QAAS,KACPzC,KAAKW,SAAS+B,MAAMC,oBAAmB,KACrC3C,KAAKe,aAAa,GAClB,EAEJU,UAAYmB,IACV,IAAKA,EAAQ,CACX,M,CAEF5C,KAAKyB,UAAYmB,EACjB5C,KAAKkB,WAAW,EAElB2B,MACE7C,KAAKC,uBAAuB6C,eAC1BnB,EAAA,YAAO3B,KAAKD,oBAAoBgD,YAC9BC,W,6BA9EiBC,EAAA,CAA5BC,K,+BAOOD,EAAA,CAFPE,EAAsB,sB,6CAMfF,EAAA,CAFPE,EAAsB,iB","ignoreList":[]}

package/dist/atomic/p-37ce5631.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["identifierKeywordsSection","QuickviewSidebar","props","words","minimized","numberOfWords","Object","values","length","minimizeButton","h","MinimizeButton","wordsLength","class","HighlightKeywordsCheckbox","Keywords","i18n","onMinimize","highlightKeywords","IconButton","partPrefix","icon","MinimizeIcon","style","title","t","ariaLabel","onClick","badge","undefined","ariaExpanded","toString","ariaControls","onHighlightKeywords","Fragment","StencilCheckbox","text","id","checked","highlightNone","onToggle","htmlFor","map","keyword","wordIsEnabled","keywords","enabled","key","backgroundColor","color","Intl","NumberFormat","language","notation","format","occurrences","FieldsetGroup","label","ArrowDown","disabled","navigateForward","ArrowUp","navigateBackward","tabIndex","ariaPressed","Remove","Add","indexIdentifier","documentIdentifierInIframe","writeDocument","documentWriter","content","open","write","close","scrollingElement","scrollTop","currentResultAlreadyWrittenToDocument","uniqueIdentifier","currentDocIdentifier","getElementById","textContent","ensureSameResultIsNotOverwritten","docIdentifier","createElement","display","setAttribute","body","appendChild","warnAboutLimitedUsageQuickview","logger","warn","QuickviewIframe","onSetIframeRef","sandbox","src","waitForIframeContentToBeWritten","Promise","resolve","setTimeout","ref","async","el","iframeRef","contentDocument","buildPreviewBar","previewBarId","bar","innerHTML","position","top","right","width","height","buildPreviewUnit","word","wordElement","docHeight","previewUnit","elementPosition","getBoundingClientRect","border","previewBorderColor","buildQuickviewPreviewBar","iframe","remove","scrollHeight","forEach","elements","rgbToHsv","r","g","b","max","Math","min","v","d","s","hsvToRgb","i","floor","f","p","q","round","HIGHLIGHT_PREFIX","QuickviewWordHighlight","constructor","stemmingInfoFromIndex","keywordElementInIframe","this","currentNavigationPosition","parsed","parseKeywordIdentifier","getText","keywordIdentifier","focusedColor","computeInvertedColor","computeSaturatedColor","addElement","push","highlightNavigation","putElementIntoView","isTaggedWord","element","nodeName","toLowerCase","currentElement","otherElements","filter","scrollIntoView","innerTextOfHTMLElement","getHighlightedInnerText","resolveOriginalTerm","trim","highlight","found","keys","find","originalTerm","originalTermMatch","stemmingExpansions","stemmingExpansionMatch","stemmingExpansion","getTextOfHTMLElement","children","Array","from","parts","substring","match","keywordTermPart","parseInt","innerText","extractRgb","newSaturation","rSaturated","gSaturated","bSaturated","rgbExtracted","getWordsHighlights","wordsHighlights","querySelectorAll","wordHTMLElementToHighlight","wordHighlight","alreadyScannedKeyword","atomicQuickviewModalCss","AtomicQuickviewModalStyle0","AtomicQuickviewModal","minimizeSidebar","watchHighlightKeywords","handleHighlightsScripts","componentWillLoad","bindings","store","isMobile","reset","result","interactiveResult","renderHeader","headerContent","buildInteractiveResult","engine","options","LinkWithItemAnalytics","href","clickUri","onSelect","select","onBeginDelayedSelect","beginDelayedSelect","onCancelPendingSelect","cancelPendingSelect","className","part","CloseIcon","onClose","slot","renderBody","minimize","quickviewSrc","quickviewUniqueIdentifier","termsToHighlight","renderFooter","Button","previousQuickview","emit","current","first","total","nextQuickview","modalCloseCallback","isOpen","highlightScriptId","state","resultPreview","contentURL","enableHighlights","removeDisableHighlightScript","enableHighlightsSpecificKeyword","identifier","disableHighlights","createDisableHighlightScript","disableHighlightsSpecificKeyword","doc","contentWindow","document","head","scriptId","createStyleElement","createTextNode","flatPhrasesToHighlight","phrasesToHighlight","search","response","entries","phrase","flatMap","keywordEntry","keywordStemming","requestId","uniqueId","render","fullscreen","exportparts","ATOMIC_MODAL_EXPORT_PARTS","__decorate","InitializeBindings"],"sources":["src/components/search/result-template-components/atomic-quickview-sidebar/atomic-quickview-sidebar.tsx","src/components/search/result-template-components/quickview-iframe/quickview-iframe.tsx","src/components/search/result-template-components/quickview-preview-bar/quickview-preview-bar.ts","src/utils/color-utils.ts","src/components/search/result-template-components/quickview-word-highlight/quickview-word-highlight.tsx","src/components/search/result-template-components/atomic-quickview-modal/atomic-quickview-modal.pcss?tag=atomic-quickview-modal&encapsulation=shadow","src/components/search/result-template-components/atomic-quickview-modal/atomic-quickview-modal.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport Add from '../../../../images/add.svg';\nimport ArrowDown from '../../../../images/arrow-bottom-rounded.svg';\nimport ArrowUp from '../../../../images/arrow-top-rounded.svg';\nimport MinimizeIcon from '../../../../images/menu.svg';\nimport Remove from '../../../../images/remove.svg';\nimport {IconButton} from '../../../common/iconButton';\nimport {StencilCheckbox} from '../../../common/stencil-checkbox';\nimport {FieldsetGroup} from '../../../common/stencil-fieldset-group';\nimport type {HighlightKeywords} from '../atomic-quickview-modal/atomic-quickview-modal';\nimport {QuickviewWordHighlight} from '../quickview-word-highlight/quickview-word-highlight';\n\nconst identifierKeywordsSection = 'coveo-quickview-sidebar-keywords';\n\nexport interface QuickviewSidebarProps {\n  words: Record<string, QuickviewWordHighlight>;\n  i18n: i18n;\n  highlightKeywords: HighlightKeywords;\n  onHighlightKeywords: (highlight: HighlightKeywords) => void;\n  minimized: boolean;\n  onMinimize: (minimize: boolean) => void;\n}\n\nexport const QuickviewSidebar: FunctionalComponent<QuickviewSidebarProps> = (\n  props\n) => {\n  const {words, minimized} = props;\n  const numberOfWords = Object.values(words).length;\n\n  if (numberOfWords === 0) {\n    return;\n  }\n\n  const minimizeButton = (\n    <MinimizeButton {...props} wordsLength={numberOfWords} />\n  );\n\n  return (\n    <div class=\"border-neutral h-full border-r p-4\">\n      {minimized && minimizeButton}\n      <div class=\"flex items-center justify-between\">\n        <div class=\"flex items-center\">\n          <HighlightKeywordsCheckbox {...props} />\n        </div>\n        {!minimized && <div>{minimizeButton}</div>}\n      </div>\n\n      {!minimized && <Keywords {...props} words={words} />}\n    </div>\n  );\n};\n\nconst MinimizeButton: FunctionalComponent<\n  Pick<\n    QuickviewSidebarProps,\n    'i18n' | 'minimized' | 'onMinimize' | 'highlightKeywords'\n  > & {wordsLength: number}\n> = ({i18n, minimized, onMinimize, highlightKeywords, wordsLength}) => (\n  <IconButton\n    partPrefix=\"sidebar-minimize\"\n    icon={MinimizeIcon}\n    style=\"text-transparent\"\n    title={i18n.t('quickview-toggle-navigation')}\n    ariaLabel={i18n.t('quickview-toggle-navigation')}\n    onClick={() => onMinimize(!minimized)}\n    badge={\n      highlightKeywords && minimized ? <slot>{wordsLength}</slot> : undefined\n    }\n    class={`w-fit ${minimized ? '' : 'ml-auto'}`}\n    ariaExpanded={(!minimized).toString()}\n    ariaControls={identifierKeywordsSection}\n  />\n);\n\nconst HighlightKeywordsCheckbox: FunctionalComponent<\n  Pick<\n    QuickviewSidebarProps,\n    'i18n' | 'highlightKeywords' | 'onHighlightKeywords' | 'minimized'\n  >\n> = ({i18n, highlightKeywords, onHighlightKeywords, minimized}) => (\n  <Fragment>\n    <StencilCheckbox\n      text={i18n.t('keywords-highlight')}\n      class=\"mr-2\"\n      id=\"atomic-quickview-sidebar-highlight-keywords\"\n      checked={!highlightKeywords.highlightNone}\n      onToggle={(checked) =>\n        onHighlightKeywords({\n          ...highlightKeywords,\n          highlightNone: !checked,\n        })\n      }\n    ></StencilCheckbox>\n    {!minimized && (\n      <label\n        class=\"cursor-pointer font-bold whitespace-nowrap\"\n        htmlFor=\"atomic-quickview-sidebar-highlight-keywords\"\n      >\n        {i18n.t('keywords-highlight')}\n      </label>\n    )}\n  </Fragment>\n);\n\nconst Keywords: FunctionalComponent<\n  Pick<\n    QuickviewSidebarProps,\n    'i18n' | 'onHighlightKeywords' | 'highlightKeywords'\n  > & {\n    words: Record<string, QuickviewWordHighlight>;\n  }\n> = ({words, i18n, highlightKeywords, onHighlightKeywords}) => {\n  return (\n    <div id={identifierKeywordsSection}>\n      {Object.values(words).map((keyword) => {\n        const wordIsEnabled =\n          !highlightKeywords.highlightNone &&\n          (highlightKeywords.keywords[keyword.text] === undefined ||\n            highlightKeywords.keywords[keyword.text].enabled === true);\n\n        return (\n          <div\n            key={keyword.text}\n            class=\"my-4 flex w-100 items-center justify-between gap-x-2\"\n          >\n            <div\n              class={`bg-background border-neutral flex grow items-center overflow-x-auto rounded-lg border ${\n                !wordIsEnabled ? 'pointer-events-none opacity-50' : ''\n              }`}\n            >\n              <div\n                class=\"flex grow items-center border-r p-4\"\n                aria-hidden=\"true\"\n              >\n                <div\n                  class=\"mr-2 h-5 w-5 flex-none\"\n                  style={{backgroundColor: keyword.color}}\n                ></div>\n                <div class=\"mr-2 grow whitespace-nowrap\">{keyword.text}</div>\n                <div class=\"flex-none\">\n                  (\n                  {new Intl.NumberFormat(i18n.language, {\n                    notation: 'compact',\n                  }).format(keyword.occurrences)}\n                  )\n                </div>\n              </div>\n              <FieldsetGroup\n                label={i18n.t('quickview-navigate-keywords', {\n                  occurrences: keyword.occurrences,\n                  keyword: keyword.text,\n                })}\n              >\n                <div class=\"flex px-2\">\n                  <IconButton\n                    partPrefix=\"sidebar-next\"\n                    icon={ArrowDown}\n                    disabled={!wordIsEnabled}\n                    style=\"text-transparent\"\n                    class=\"border-0\"\n                    ariaLabel={i18n.t('next')}\n                    title={i18n.t('next')}\n                    onClick={() => keyword.navigateForward()}\n                  />\n                  <IconButton\n                    partPrefix=\"sidebar-previous\"\n                    icon={ArrowUp}\n                    disabled={!wordIsEnabled}\n                    style=\"text-transparent\"\n                    class=\"border-0\"\n                    ariaLabel={i18n.t('previous')}\n                    title={i18n.t('previous')}\n                    onClick={() => keyword.navigateBackward()}\n                  />\n                </div>\n              </FieldsetGroup>\n            </div>\n            <IconButton\n              partPrefix=\"sidebar-remove-word\"\n              class={`${\n                highlightKeywords.highlightNone\n                  ? 'pointer-events-none opacity-50'\n                  : ''\n              }`}\n              tabIndex={highlightKeywords.highlightNone ? '-1' : '0'}\n              ariaPressed={(!wordIsEnabled).toString()}\n              style=\"text-transparent\"\n              icon={wordIsEnabled ? Remove : Add}\n              ariaLabel={i18n.t('quickview-remove-word')}\n              onClick={() => {\n                onHighlightKeywords({\n                  ...highlightKeywords,\n                  keywords: {\n                    ...highlightKeywords.keywords,\n                    [keyword.text]: {\n                      enabled: !wordIsEnabled,\n                      indexIdentifier: keyword.indexIdentifier,\n                    },\n                  },\n                });\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","import {SearchEngine} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\n\nconst documentIdentifierInIframe = 'CoveoDocIdentifier';\n\nconst writeDocument = (documentWriter: Document, content: string) => {\n  documentWriter.open();\n  documentWriter.write(content);\n  documentWriter.close();\n  if (documentWriter.scrollingElement) {\n    documentWriter.scrollingElement.scrollTop = 0;\n  }\n};\n\nconst currentResultAlreadyWrittenToDocument = (\n  documentWriter: Document,\n  uniqueIdentifier: string\n) => {\n  const currentDocIdentifier = documentWriter.getElementById(\n    documentIdentifierInIframe\n  );\n\n  return (\n    currentDocIdentifier &&\n    currentDocIdentifier.textContent === uniqueIdentifier\n  );\n};\n\nconst ensureSameResultIsNotOverwritten = (\n  documentWriter: Document,\n  uniqueIdentifier: string\n) => {\n  const docIdentifier = documentWriter.createElement('div');\n  docIdentifier.style.display = 'none';\n  docIdentifier.setAttribute('aria-hidden', 'true');\n  docIdentifier.id = documentIdentifierInIframe;\n  docIdentifier.textContent = uniqueIdentifier;\n  documentWriter.body.appendChild(docIdentifier);\n};\n\nconst warnAboutLimitedUsageQuickview = (logger?: SearchEngine['logger']) => {\n  logger?.warn(\n    'Quickview initialized in restricted mode due to incompatible sandboxing environment. Keywords hit navigation will be disabled.'\n  );\n};\n\nexport const QuickviewIframe: FunctionalComponent<{\n  title: string;\n  content?: string;\n  onSetIframeRef: (ref: HTMLIFrameElement) => void;\n  uniqueIdentifier?: string;\n  sandbox?: string;\n  src?: string;\n  logger?: SearchEngine['logger'];\n}> = ({title, onSetIframeRef, uniqueIdentifier, content, sandbox, src, logger}) => {\n  // When a document is written with document.open/document.write/document.close\n  // it is not synchronous and the content of the iframe is only available to be queried at the end of the current call stack.\n  // This add a \"wait\" (setTimeout 0) before calling the `onSetIframeRef` from the parent modal quickview\n  const waitForIframeContentToBeWritten = () => {\n    return new Promise((resolve) => setTimeout(resolve));\n  };\n\n  return (\n    <iframe\n      title={title}\n      src=\"about:blank\"\n      class=\"h-full w-full\"\n      sandbox={sandbox}\n      ref={async (el) => {\n        const iframeRef = el as HTMLIFrameElement;\n\n        if (!uniqueIdentifier || !content) {\n          return;\n        }\n\n        const documentWriter = iframeRef.contentDocument;\n        if (!documentWriter) {\n          if (src) {\n            warnAboutLimitedUsageQuickview(logger);\n            iframeRef.src = src;\n          }\n\n          return;\n        }\n        if (\n          currentResultAlreadyWrittenToDocument(\n            documentWriter,\n            uniqueIdentifier\n          )\n        ) {\n          return;\n        }\n\n        writeDocument(documentWriter, content);\n        ensureSameResultIsNotOverwritten(documentWriter, uniqueIdentifier);\n\n        await waitForIframeContentToBeWritten();\n        onSetIframeRef(iframeRef);\n      }}\n    ></iframe>\n  );\n};\n","import type {HighlightKeywords} from '../atomic-quickview-modal/atomic-quickview-modal';\nimport type {QuickviewWordHighlight} from '../quickview-word-highlight/quickview-word-highlight';\n\nconst buildPreviewBar = (documentWriter: Document) => {\n  const previewBarId = 'CoveoPreviewBar';\n  const bar =\n    documentWriter.getElementById(previewBarId) ||\n    documentWriter.createElement('div');\n\n  bar.id = previewBarId;\n  bar.innerHTML = '';\n  bar.style.position = 'fixed';\n  bar.style.top = '0';\n  bar.style.right = '0';\n  bar.style.width = '15px';\n  bar.style.height = '100%';\n  bar.setAttribute('aria-hidden', 'true');\n  return bar;\n};\n\nconst buildPreviewUnit = (\n  documentWriter: Document,\n  word: QuickviewWordHighlight,\n  wordElement: HTMLElement,\n  docHeight: number,\n  highlightKeywords: HighlightKeywords\n) => {\n  const previewUnit = documentWriter.createElement('div');\n  if (highlightKeywords.keywords[word.text]?.enabled === false) {\n    previewUnit.style.display = 'none';\n    return previewUnit;\n  }\n\n  const elementPosition = wordElement.getBoundingClientRect().top;\n\n  previewUnit.style.position = 'absolute';\n  previewUnit.style.top = `${(elementPosition / docHeight) * 100}%`;\n  previewUnit.style.width = '100%';\n  previewUnit.style.height = '1px';\n  previewUnit.style.border = `1px solid ${word.previewBorderColor}`;\n  previewUnit.style.backgroundColor = word.color;\n  return previewUnit;\n};\n\nexport const buildQuickviewPreviewBar = (\n  words: Record<string, QuickviewWordHighlight>,\n  highlightKeywords: HighlightKeywords,\n  iframe?: HTMLIFrameElement\n) => {\n  if (!iframe) {\n    return;\n  }\n  const documentWriter = iframe.contentDocument;\n  if (!documentWriter) {\n    return;\n  }\n  const bar = buildPreviewBar(documentWriter);\n  if (highlightKeywords.highlightNone) {\n    bar.remove();\n    return;\n  }\n  const docHeight = documentWriter.body.scrollHeight;\n\n  Object.values(words).forEach((word) => {\n    word.elements.forEach((wordElement) => {\n      const previewUnit = buildPreviewUnit(\n        documentWriter,\n        word,\n        wordElement,\n        docHeight,\n        highlightKeywords\n      );\n\n      bar.appendChild(previewUnit);\n    });\n  });\n  documentWriter.body.appendChild(bar);\n};\n","export const rgbToHsv = (r: number, g: number, b: number) => {\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n\n  let h: number;\n  const v = max;\n\n  const d = max - min;\n  const s = max === 0 ? 0 : d / max;\n\n  if (max === min) {\n    h = 0;\n  } else {\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      default:\n        h = (r - g) / d + 4;\n        break;\n    }\n    h /= 6;\n  }\n\n  return {h, s, v};\n};\n\nexport const hsvToRgb = (h: number, s: number, v: number) => {\n  let r: number, g: number, b: number;\n\n  const i = Math.floor(h * 6);\n  const f = h * 6 - i;\n  const p = v * (1 - s);\n  const q = v * (1 - f * s);\n  const t = v * (1 - (1 - f) * s);\n\n  switch (i % 6) {\n    case 0:\n      r = v;\n      g = t;\n      b = p;\n      break;\n    case 1:\n      r = q;\n      g = v;\n      b = p;\n      break;\n    case 2:\n      r = p;\n      g = v;\n      b = t;\n      break;\n    case 3:\n      r = p;\n      g = q;\n      b = v;\n      break;\n    case 4:\n      r = t;\n      g = p;\n      b = v;\n      break;\n    default:\n      r = v;\n      g = p;\n      b = q;\n      break;\n  }\n\n  return {\n    r: Math.round(r),\n    g: Math.round(g),\n    b: Math.round(b),\n  };\n};\n","import {TermsToHighlight} from '@coveo/headless';\nimport {hsvToRgb, rgbToHsv} from '../../../../utils/color-utils';\n\nexport const HIGHLIGHT_PREFIX = 'CoveoHighlight';\nexport class QuickviewWordHighlight {\n  public text: string;\n  public indexIdentifier: string;\n  public occurrences = 0;\n  public color: string;\n  public focusedColor: string;\n  public previewBorderColor: string;\n  public elements: HTMLElement[] = [];\n\n  private currentNavigationPosition = -1;\n\n  constructor(\n    private stemmingInfoFromIndex: TermsToHighlight,\n    keywordElementInIframe: HTMLElement\n  ) {\n    const parsed = this.parseKeywordIdentifier(keywordElementInIframe);\n    if (!parsed) {\n      throw 'Invalid keyword identifier for quickview';\n    }\n\n    this.text = this.getText(keywordElementInIframe);\n    this.indexIdentifier = `${parsed.keywordIdentifier}`;\n    this.color = keywordElementInIframe.style.backgroundColor;\n    this.focusedColor = this.computeInvertedColor();\n    this.previewBorderColor = this.computeSaturatedColor();\n\n    this.addElement(keywordElementInIframe);\n  }\n\n  public addElement(keywordElementInIframe: HTMLElement) {\n    this.occurrences++;\n    this.elements.push(keywordElementInIframe);\n  }\n\n  public navigateForward() {\n    this.currentNavigationPosition++;\n    if (this.currentNavigationPosition >= this.elements.length) {\n      this.currentNavigationPosition = 0;\n    }\n    this.highlightNavigation();\n    this.putElementIntoView();\n    return this.elements[this.currentNavigationPosition];\n  }\n\n  public navigateBackward() {\n    this.currentNavigationPosition--;\n    if (this.currentNavigationPosition < 0) {\n      this.currentNavigationPosition = this.elements.length - 1;\n    }\n    this.highlightNavigation();\n    this.putElementIntoView();\n    return this.elements[this.currentNavigationPosition];\n  }\n\n  private isTaggedWord(element: HTMLElement) {\n    return element.nodeName.toLowerCase() === 'coveotaggedword';\n  }\n\n  private highlightNavigation() {\n    const currentElement = this.elements[this.currentNavigationPosition];\n    const otherElements = this.elements.filter((el) => el !== currentElement);\n    currentElement.style.color = this.color;\n    currentElement.style.backgroundColor = this.focusedColor;\n    otherElements.forEach((element) => {\n      element.style.color = '';\n      element.style.backgroundColor = this.color;\n    });\n  }\n\n  private putElementIntoView() {\n    const element = this.elements[this.currentNavigationPosition];\n    element.scrollIntoView();\n  }\n\n  private getText(element: HTMLElement) {\n    const innerTextOfHTMLElement = this.getHighlightedInnerText(element);\n    return this.resolveOriginalTerm(innerTextOfHTMLElement).trim();\n  }\n\n  private resolveOriginalTerm(highlight: string): string {\n    // First try to find either an exact match between the highlight and the original non-stemmed keyword.\n    // Otherwise try to find a match between the highlight and the stemming keyword expansions\n    // If nothing is found (which should not normally happen...), simply return the highlight keyword as is.\n\n    const found = Object.keys(this.stemmingInfoFromIndex).find(\n      (originalTerm) => {\n        const originalTermMatch =\n          originalTerm.toLowerCase() === highlight.toLowerCase();\n        if (originalTermMatch) {\n          return true;\n        }\n        const stemmingExpansions = this.stemmingInfoFromIndex[originalTerm];\n        if (!stemmingExpansions) {\n          return false;\n        }\n\n        const stemmingExpansionMatch = stemmingExpansions.find(\n          (stemmingExpansion) =>\n            stemmingExpansion.toLowerCase() === highlight.toLowerCase()\n        );\n        return stemmingExpansionMatch;\n      }\n    );\n    return found || highlight;\n  }\n\n  private getHighlightedInnerText(element: HTMLElement): string {\n    if (!this.isTaggedWord(element)) {\n      return this.getTextOfHTMLElement(element);\n    }\n\n    const children = Array.from(element.children) as HTMLElement[];\n    if (children.length >= 1) {\n      return this.getTextOfHTMLElement(children[0]);\n    }\n\n    return '';\n  }\n\n  private parseKeywordIdentifier(element: HTMLElement) {\n    const parts = element.id\n      .substring(HIGHLIGHT_PREFIX.length + 1)\n      .match(/^([0-9]+)\\.([0-9]+)\\.([0-9]+)$/);\n\n    if (!parts || parts.length <= 3) {\n      return null;\n    }\n\n    return {\n      keywordIdentifier: parts[1],\n      keywordTermPart: parseInt(parts[3], 10),\n    };\n  }\n\n  private getTextOfHTMLElement(el: HTMLElement) {\n    return el.innerText || el.textContent || '';\n  }\n\n  private computeInvertedColor() {\n    const {r, g, b} = this.extractRgb();\n    return `rgb(${255 - r}, ${255 - g}, ${255 - b})`;\n  }\n\n  private computeSaturatedColor() {\n    const {r, g, b} = this.extractRgb();\n    const {h, s, v} = rgbToHsv(r, g, b);\n    let newSaturation = s * 2;\n    if (newSaturation > 1) {\n      newSaturation = 1;\n    }\n    const {\n      r: rSaturated,\n      g: gSaturated,\n      b: bSaturated,\n    } = hsvToRgb(h, newSaturation, v);\n    return `rgb(${rSaturated}, ${gSaturated}, ${bSaturated})`;\n  }\n\n  private extractRgb() {\n    const rgbExtracted = this.color.match(/\\d+/g);\n    if (!rgbExtracted) {\n      return {r: 255, g: 255, b: 255};\n    }\n\n    return {\n      r: parseInt(rgbExtracted[0], 10),\n      g: parseInt(rgbExtracted[1], 10),\n      b: parseInt(rgbExtracted[2], 10),\n    };\n  }\n}\n\nexport const getWordsHighlights = (\n  stemmingInfoFromIndex: TermsToHighlight,\n  iframe?: HTMLIFrameElement\n) => {\n  const wordsHighlights: Record<string, QuickviewWordHighlight> = {};\n  if (!iframe) {\n    return wordsHighlights;\n  }\n\n  iframe.contentDocument?.body\n    .querySelectorAll(`[id^=\"${HIGHLIGHT_PREFIX}\"]`)\n    .forEach((el) => {\n      const wordHTMLElementToHighlight = el as HTMLElement;\n\n      const wordHighlight = new QuickviewWordHighlight(\n        stemmingInfoFromIndex,\n        wordHTMLElementToHighlight\n      );\n\n      if (!wordHighlight.text) {\n        return;\n      }\n\n      const alreadyScannedKeyword =\n        wordsHighlights[wordHighlight.indexIdentifier];\n\n      if (alreadyScannedKeyword) {\n        alreadyScannedKeyword.addElement(wordHTMLElementToHighlight);\n      } else {\n        wordsHighlights[wordHighlight.indexIdentifier] = wordHighlight;\n      }\n    });\n\n  return wordsHighlights;\n};\n","@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/link-style.css';\n\n.atomic-quickview-modal {\n  &::part(backdrop) {\n    grid-template-columns: 1fr max(80vw, 30rem) 1fr;\n  }\n  &::part(body),\n  &::part(header),\n  &::part(footer) {\n    @apply max-w-full;\n  }\n\n  &::part(footer) {\n    @apply flex justify-center;\n  }\n\n  &::part(body-wrapper) {\n    @apply h-full overflow-hidden p-0;\n  }\n\n  &::part(body) {\n    @apply h-full;\n  }\n\n  &::part(backdrop) {\n    grid-template-rows: 1fr 100% 3fr;\n  }\n\n  &::part(header-wrapper) {\n    @apply bg-neutral-light;\n  }\n\n  a {\n    @apply link-style;\n  }\n}\n","import {\n  buildInteractiveResult,\n  Result,\n  InteractiveResult,\n  TermsToHighlight,\n} from '@coveo/headless';\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n  State,\n  Watch,\n  Method,\n  VNode,\n  Fragment,\n} from '@stencil/core';\nimport CloseIcon from '../../../../images/close.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ATOMIC_MODAL_EXPORT_PARTS} from '../../../common/atomic-modal/export-parts';\nimport {IconButton} from '../../../common/iconButton';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/stencil-item-link';\nimport {Button} from '../../../common/stencil-button';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {QuickviewSidebar} from '../atomic-quickview-sidebar/atomic-quickview-sidebar';\nimport {QuickviewIframe} from '../quickview-iframe/quickview-iframe';\nimport {buildQuickviewPreviewBar} from '../quickview-preview-bar/quickview-preview-bar';\nimport {\n  getWordsHighlights,\n  HIGHLIGHT_PREFIX,\n  QuickviewWordHighlight,\n} from '../quickview-word-highlight/quickview-word-highlight';\n\nexport interface HighlightKeywords {\n  highlightNone: boolean;\n  keywords: {\n    [text: string]: {\n      indexIdentifier: string;\n      enabled: boolean;\n    };\n  };\n}\n\n/**\n * The modal opened when clicking on a quickview button.\n * Do not use this component directly; use `atomic-quickview` instead.\n *\n * @part backdrop - The transparent backdrop hiding the content behind the modal.\n * @part container - The modal's outermost container with the outline and background.\n * @part header-wrapper - The wrapper around the header.\n * @part header - The header at the top of the modal.\n * @part header-ruler - The horizontal ruler underneath the header.\n * @part body-wrapper - The wrapper around the body.\n * @part body - The body of the modal, between the header and the footer.\n * @part footer-wrapper - The wrapper with a shadow or background color around the footer.\n * @part footer - The footer at the bottom of the modal.\n * @part quickview-modal-header-icon - The close icon of the modal.\n * @part quickview-modal-header-title - The title of the modal.\n */\n@Component({\n  tag: 'atomic-quickview-modal',\n  styleUrl: 'atomic-quickview-modal.pcss',\n  shadow: true,\n})\nexport class AtomicQuickviewModal implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n\n  @State() private highlightKeywords: HighlightKeywords = {\n    highlightNone: false,\n    keywords: {},\n  };\n  @Watch('highlightKeywords')\n  watchHighlightKeywords() {\n    this.handleHighlightsScripts();\n  }\n\n  @Event({eventName: 'atomic/quickview/next'}) nextQuickview?: EventEmitter;\n  @Event({eventName: 'atomic/quickview/previous'})\n  previousQuickview?: EventEmitter;\n\n  @State() private minimizeSidebar = false;\n  @State() private words: Record<string, QuickviewWordHighlight> = {};\n  private iframeRef?: HTMLIFrameElement;\n\n  @Prop({mutable: true, reflect: false}) content?: string;\n  @Prop({mutable: true, reflect: false}) result?: Result;\n  @Prop() current?: number;\n  @Prop() total?: number;\n  @Prop() sandbox?: string;\n  @Prop() modalCloseCallback?: () => void;\n\n  private interactiveResult?: InteractiveResult;\n\n  public componentWillLoad(): void {\n    this.minimizeSidebar = this.bindings.store.isMobile();\n  }\n\n  @Method()\n  public async reset() {\n    this.highlightKeywords = {\n      highlightNone: false,\n      keywords: {},\n    };\n    this.minimizeSidebar = false;\n    this.iframeRef = undefined;\n    this.content = undefined;\n    this.result = undefined;\n    this.interactiveResult = undefined;\n  }\n\n  private renderHeader() {\n    let headerContent: VNode | null = null;\n    if (this.result) {\n      this.interactiveResult = buildInteractiveResult(this.bindings.engine, {\n        options: {result: this.result},\n      });\n      headerContent = (\n        <Fragment>\n          <LinkWithItemAnalytics\n            href={this.result?.clickUri}\n            onSelect={() => this.interactiveResult?.select()}\n            onBeginDelayedSelect={() =>\n              this.interactiveResult?.beginDelayedSelect()\n            }\n            onCancelPendingSelect={() =>\n              this.interactiveResult?.cancelPendingSelect()\n            }\n            className=\"truncate\"\n            part=\"quickview-modal-header-title\"\n          >\n            {this.result.title}\n          </LinkWithItemAnalytics>\n          <IconButton\n            partPrefix=\"quickview-modal-header\"\n            icon={CloseIcon}\n            onClick={() => this.onClose()}\n            ariaLabel={this.bindings.i18n.t('close')}\n            style=\"text-transparent\"\n            title={this.bindings.i18n.t('close')}\n          />\n        </Fragment>\n      );\n    }\n    return (\n      <div slot=\"header\" class=\"flex w-full items-center justify-between\">\n        {headerContent}\n      </div>\n    );\n  }\n\n  private renderBody() {\n    return (\n      <div slot=\"body\" class=\"grid h-full grid-cols-[min-content_auto]\">\n        <div\n          class=\"h-full overflow-y-auto\"\n          style={{backgroundColor: 'var(--atomic-neutral-light)'}}\n        >\n          <QuickviewSidebar\n            words={this.words}\n            i18n={this.bindings.i18n}\n            highlightKeywords={this.highlightKeywords}\n            onHighlightKeywords={(highlight) =>\n              (this.highlightKeywords = highlight)\n            }\n            minimized={this.minimizeSidebar}\n            onMinimize={(minimize) => (this.minimizeSidebar = minimize)}\n          />\n        </div>\n        <div class=\"relative overflow-auto\">\n          <QuickviewIframe\n            title={this.result?.title ?? this.bindings.i18n.t('preview-modal-title')} \n            logger={this.logger}\n            src={this.quickviewSrc}\n            sandbox={this.sandbox}\n            uniqueIdentifier={this.quickviewUniqueIdentifier}\n            content={this.content}\n            onSetIframeRef={async (ref) => {\n              this.iframeRef = ref;\n              this.words = getWordsHighlights(\n                this.termsToHighlight,\n                this.iframeRef\n              );\n              this.handleHighlightsScripts();\n            }}\n          />\n          {buildQuickviewPreviewBar(\n            this.words,\n            this.highlightKeywords,\n            this.iframeRef\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderFooter() {\n    return (\n      <div slot=\"footer\" class=\"flex items-center gap-2\">\n        <Button\n          class=\"p-2\"\n          style=\"square-neutral\"\n          onClick={() => this.previousQuickview?.emit()}\n          disabled={this.current === 1}\n          text={this.bindings.i18n.t('quickview-previous')}\n        ></Button>\n        <p class=\"text-center\">\n          {this.bindings.i18n.t('showing-results-of', {\n            first: this.current,\n            total: this.total,\n          })}\n        </p>\n        <Button\n          class=\"p-2\"\n          style=\"square-neutral\"\n          onClick={() => this.nextQuickview?.emit()}\n          disabled={this.current === this.total}\n          text={this.bindings.i18n.t('quickview-next')}\n        ></Button>\n      </div>\n    );\n  }\n\n  private onClose() {\n    this.content = undefined;\n    this.result = undefined;\n    this.modalCloseCallback && this.modalCloseCallback();\n  }\n\n  private get isOpen() {\n    return !!this.content && !!this.result;\n  }\n\n  private get highlightScriptId() {\n    return 'CoveoDisableHighlightStyle';\n  }\n\n  private get logger() {\n    return this.bindings.engine.logger;\n  }\n\n  private get quickviewSrc() {\n    return this.bindings.engine.state.resultPreview?.contentURL;\n  }\n\n  private enableHighlights() {\n    this.removeDisableHighlightScript();\n  }\n\n  private enableHighlightsSpecificKeyword(identifier: string) {\n    this.removeDisableHighlightScript(identifier);\n  }\n\n  private disableHighlights() {\n    this.createDisableHighlightScript();\n  }\n\n  private disableHighlightsSpecificKeyword(identifier: string) {\n    this.createDisableHighlightScript(identifier);\n  }\n\n  private removeDisableHighlightScript(identifier?: string) {\n    const doc = this.iframeRef?.contentWindow?.document;\n    if (!doc) {\n      return;\n    }\n    doc\n      .getElementById(\n        `${this.highlightScriptId}${identifier ? `:${identifier}` : ''}`\n      )\n      ?.remove();\n  }\n\n  private createDisableHighlightScript(identifier?: string) {\n    const doc = this.iframeRef?.contentWindow?.document;\n    if (!doc) {\n      return;\n    }\n\n    const head = doc.head;\n    const scriptId = `${this.highlightScriptId}${\n      identifier ? `:${identifier}` : ''\n    }`;\n    const style =\n      doc.getElementById(scriptId) || this.bindings.createStyleElement();\n    style.setAttribute('id', scriptId);\n    head.appendChild(style);\n    style.appendChild(\n      doc.createTextNode(`[id^=\"${HIGHLIGHT_PREFIX}${\n        identifier ? `:${identifier}` : ''\n      }\"] {\n      background-color: inherit !important;\n      color: inherit !important;\n    }`)\n    );\n  }\n\n  private get termsToHighlight() {\n    const flatPhrasesToHighlight: TermsToHighlight = {};\n\n    const phrasesToHighlight =\n      this.bindings.engine.state.search.response.phrasesToHighlight;\n\n    Object.entries(phrasesToHighlight).forEach(([phrase, keywords]) => {\n      flatPhrasesToHighlight[phrase] = Object.entries(keywords).flatMap(\n        ([keywordEntry, keywordStemming]) => {\n          return [keywordEntry, ...keywordStemming];\n        }\n      );\n    });\n\n    return {\n      ...this.bindings.engine.state.search.response.termsToHighlight,\n      ...flatPhrasesToHighlight,\n    };\n  }\n\n  private get requestId() {\n    return this.bindings.engine.state.search.requestId;\n  }\n\n  private get quickviewUniqueIdentifier() {\n    return this.result?.uniqueId + this.requestId;\n  }\n\n  private handleHighlightsScripts() {\n    if (!this.highlightKeywords.highlightNone) {\n      this.enableHighlights();\n    } else {\n      this.disableHighlights();\n    }\n    Object.values(this.highlightKeywords.keywords).forEach((word) => {\n      if (word.enabled) {\n        this.enableHighlightsSpecificKeyword(word.indexIdentifier);\n      } else {\n        this.disableHighlightsSpecificKeyword(word.indexIdentifier);\n      }\n    });\n  }\n\n  public render() {\n    return (\n      <atomic-modal\n        fullscreen={this.bindings.store.isMobile()}\n        class={'atomic-quickview-modal'}\n        isOpen={this.isOpen}\n        close={() => this.onClose()}\n        exportparts={ATOMIC_MODAL_EXPORT_PARTS}\n      >\n        {this.renderHeader()}\n        {this.renderBody()}\n        {this.renderFooter()}\n      </atomic-modal>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-4bb561c5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightEditToggleCss","AtomicInsightEditToggleStyle0","AtomicInsightEditToggle","this","clickCallback","tooltip","render","h","IconButton","key","partPrefix","style","icon","EditIcon","ariaLabel","onClick","title"],"sources":["src/components/insight/atomic-insight-edit-toggle/atomic-insight-edit-toggle.pcss?tag=atomic-insight-edit-toggle&encapsulation=shadow","src/components/insight/atomic-insight-edit-toggle/atomic-insight-edit-toggle.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {Component, h, Prop} from '@stencil/core';\nimport EditIcon from '../../../images/edit.svg';\nimport {IconButton} from '../../common/iconButton';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-edit-toggle',\n  styleUrl: 'atomic-insight-edit-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicInsightEditToggle {\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-edit-toggle\"\n        style=\"outline-neutral\"\n        icon={EditIcon}\n        ariaLabel=\"Edit\"\n        onClick={this.clickCallback}\n        title={this.tooltip}\n      />\n    );\n  }\n}\n"],"mappings":"83EAAA,MAAMA,EAA6B,w3hEACnC,MAAAC,EAAeD,E,MCWFE,EAAuB,M,yBACJC,KAAAC,cAA4B,OAE5BD,KAAAE,QAAU,G,mBAFkB,O,aAElB,E,CAEjC,MAAAC,GACL,OACEC,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,sBACXC,MAAM,kBACNC,KAAMC,EACNC,UAAU,OACVC,QAASZ,KAAKC,cACdY,MAAOb,KAAKE,S","ignoreList":[]}

package/dist/atomic/p-7a797dee.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightUserActionsToggleCss","AtomicInsightUserActionsToggleStyle0","AtomicInsightUserActionsToggle","this","excludedCustomActions","initialize","userActions","buildInsightUserActions","bindings","engine","options","ticketCreationDate","ticketCreationDateTime","enableModal","modalRef","isOpen","logOpenUserActions","loadModal","document","createElement","host","insertAdjacentElement","openButton","buttonRef","userId","render","h","IconButton","key","partPrefix","style","icon","Clockicon","ariaLabel","i18n","t","onClick","title","button","__decorate","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/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"],"mappings":"gXAAA,MAAMA,EAAoC,w3hEAC1C,MAAAC,EAAeD,E,iXCuBFE,EAA8B,M,yBAsB1BC,KAAAC,sBAAkC,G,4IAAA,E,CAE1C,UAAAC,GACLF,KAAKG,YAAcC,EAAwBJ,KAAKK,SAASC,OAAQ,CAC/DC,QAAS,CACPC,mBAAoBR,KAAKS,uBACzBR,sBAAuBD,KAAKC,wB,CAQ1B,WAAAS,GACNV,KAAKW,WAAaX,KAAKW,SAASC,OAAS,MACzCZ,KAAKG,YAAYU,oB,CAGX,SAAAC,GACN,GAAId,KAAKW,SAAU,CACjB,M,CAGFX,KAAKW,SAAWI,SAASC,cAAc,qCAEvChB,KAAKiB,KAAKC,sBAAsB,cAAelB,KAAKW,UACpDX,KAAKW,SAASQ,WAAanB,KAAKoB,UAChCpB,KAAKW,SAASU,OAASrB,KAAKqB,OAC5BrB,KAAKW,SAASF,uBAAyBT,KAAKS,uBAC5CT,KAAKW,SAASV,sBAAwBD,KAAKC,qB,CAGtC,MAAAqB,GACL,OACEC,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,8BACXC,MAAM,kBACNC,KAAMC,EACNC,UAAW9B,KAAKK,SAAS0B,KAAKC,EAAE,gBAChCC,QAAS,KACPjC,KAAKU,aAAa,EAEpBwB,MAAOlC,KAAKK,SAAS0B,KAAKC,EAAE,gBAC5BZ,UAAYe,IACV,IAAKA,EAAQ,CACX,M,CAEFnC,KAAKoB,UAAYe,EACjBnC,KAAKc,WAAW,G,6BAnEKsB,EAAA,CAA5BC,K,+BAIMD,EAAA,CAFNE,EAAsB,gB","ignoreList":[]}

package/dist/atomic/p-bd774e61.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicIpxRefineToggleCss","AtomicIpxRefineToggleStyle0","AtomicIPXRefineToggle","this","collapseFacetsAfter","numberOfBreadcrumbs","breadcrumbManagerState","facetBreadcrumbs","categoryFacetBreadcrumbs","numericFacetBreadcrumbs","dateFacetBreadcrumbs","staticFilterBreadcrumbs","length","initialize","breadcrumbManager","buildBreadcrumbManager","bindings","engine","searchStatus","buildSearchStatus","enableModal","modalRef","isOpen","loadModal","document","createElement","host","parentElement","insertAdjacentElement","openButton","buttonRef","render","h","IconButton","key","partPrefix","class","style","title","i18n","t","icon","FilterIcon","disabled","searchStatusState","hasResults","ariaLabel","onClick","store","waitUntilAppLoaded","button","badge","hasBreadcrumbs","toString","undefined","__decorate","InitializeBindings","BindStateToController"],"sources":["src/components/ipx/atomic-ipx-refine-toggle/atomic-ipx-refine-toggle.pcss?tag=atomic-ipx-refine-toggle&encapsulation=shadow","src/components/ipx/atomic-ipx-refine-toggle/atomic-ipx-refine-toggle.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n[part='ipx-refine-toggle-button'] {\n  @apply h-full w-auto;\n}\n\n[part='ipx-refine-toggle-badge'] {\n  @apply h-5 w-5 text-xs leading-5;\n}\n\n[part='ipx-refine-toggle-icon'] {\n  @apply h-5 w-5;\n}\n","import {\n  BreadcrumbManager,\n  BreadcrumbManagerState,\n  buildBreadcrumbManager,\n  buildSearchStatus,\n  SearchStatus,\n  SearchStatusState,\n} from '@coveo/headless';\nimport {Component, h, State, Element, Prop} from '@stencil/core';\nimport FilterIcon from '../../../images/filter.svg';\nimport {\n  InitializeBindings,\n  BindStateToController,\n} from '../../../utils/initialization-utils';\nimport {IconButton} from '../../common/iconButton';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-refine-toggle',\n  styleUrl: 'atomic-ipx-refine-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicIPXRefineToggle {\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() public host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  @BindStateToController('breadcrumbManager')\n  @State()\n  private breadcrumbManagerState!: BreadcrumbManagerState;\n\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: SearchStatusState;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  public breadcrumbManager!: BreadcrumbManager;\n  public searchStatus!: SearchStatus;\n  private modalRef?: HTMLAtomicIpxRefineModalElement;\n  private buttonRef?: HTMLButtonElement;\n\n  private get numberOfBreadcrumbs(): number {\n    return [\n      ...this.breadcrumbManagerState.facetBreadcrumbs,\n      ...this.breadcrumbManagerState.categoryFacetBreadcrumbs,\n      ...this.breadcrumbManagerState.numericFacetBreadcrumbs,\n      ...this.breadcrumbManagerState.dateFacetBreadcrumbs,\n      ...this.breadcrumbManagerState.staticFilterBreadcrumbs,\n    ].length;\n  }\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n  }\n\n  private enableModal() {\n    this.modalRef && (this.modalRef.isOpen = true);\n  }\n\n  private loadModal() {\n    if (this.modalRef) {\n      return;\n    }\n\n    this.modalRef = document.createElement('atomic-ipx-refine-modal');\n    this.host.parentElement?.insertAdjacentElement(\n      'beforebegin',\n      this.modalRef\n    );\n    this.modalRef.openButton = this.buttonRef;\n    this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;\n  }\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"ipx-refine-toggle\"\n        class=\"icon-button\"\n        style=\"outline-neutral\"\n        title={this.bindings.i18n.t('filters')}\n        icon={FilterIcon}\n        disabled={\n          !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs\n        }\n        ariaLabel={this.bindings.i18n.t('sort')}\n        onClick={() => {\n          this.bindings.store.waitUntilAppLoaded(() => {\n            this.enableModal();\n          });\n        }}\n        buttonRef={(button?: HTMLButtonElement) => {\n          if (!button) {\n            return;\n          }\n          this.buttonRef = button;\n          this.loadModal();\n        }}\n        badge={\n          this.breadcrumbManagerState.hasBreadcrumbs ? (\n            <slot>{this.numberOfBreadcrumbs.toString()}</slot>\n          ) : undefined\n        }\n      />\n    );\n  }\n}\n"],"mappings":"qYAAA,MAAMA,EAA2B,2xiEACjC,MAAAC,EAAeD,E,iXCwBFE,EAAqB,M,yBAoBFC,KAAAC,oBAAsB,E,qHAAA,C,CAOpD,uBAAYC,GACV,MAAO,IACFF,KAAKG,uBAAuBC,oBAC5BJ,KAAKG,uBAAuBE,4BAC5BL,KAAKG,uBAAuBG,2BAC5BN,KAAKG,uBAAuBI,wBAC5BP,KAAKG,uBAAuBK,yBAC/BC,M,CAGG,UAAAC,GACLV,KAAKW,kBAAoBC,EAAuBZ,KAAKa,SAASC,QAC9Dd,KAAKe,aAAeC,EAAkBhB,KAAKa,SAASC,O,CAG9C,WAAAG,GACNjB,KAAKkB,WAAalB,KAAKkB,SAASC,OAAS,K,CAGnC,SAAAC,GACN,GAAIpB,KAAKkB,SAAU,CACjB,M,CAGFlB,KAAKkB,SAAWG,SAASC,cAAc,2BACvCtB,KAAKuB,KAAKC,eAAeC,sBACvB,cACAzB,KAAKkB,UAEPlB,KAAKkB,SAASQ,WAAa1B,KAAK2B,UAChC3B,KAAKkB,SAASjB,oBAAsBD,KAAKC,mB,CAGpC,MAAA2B,GACL,OACEC,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,oBACXC,MAAM,cACNC,MAAM,kBACNC,MAAOnC,KAAKa,SAASuB,KAAKC,EAAE,WAC5BC,KAAMC,EACNC,UACGxC,KAAKyC,kBAAkBC,aAAe1C,KAAKE,oBAE9CyC,UAAW3C,KAAKa,SAASuB,KAAKC,EAAE,QAChCO,QAAS,KACP5C,KAAKa,SAASgC,MAAMC,oBAAmB,KACrC9C,KAAKiB,aAAa,GAClB,EAEJU,UAAYoB,IACV,IAAKA,EAAQ,CACX,M,CAEF/C,KAAK2B,UAAYoB,EACjB/C,KAAKoB,WAAW,EAElB4B,MACEhD,KAAKG,uBAAuB8C,eAC1BpB,EAAA,YAAO7B,KAAKE,oBAAoBgD,YAC9BC,W,6BAtFiBC,EAAA,CAA5BC,K,+BAOOD,EAAA,CAFPE,EAAsB,sB,6CAMfF,EAAA,CAFPE,EAAsB,iB","ignoreList":[]}

package/dist/atomic/p-bdb9a06d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicGeneratedAnswerFeedbackModalCss","AtomicGeneratedAnswerFeedbackModalStyle0","AtomicGeneratedAnswerFeedbackModal","this","isOpen","helpful","currentAnswer","getInitialAnswerState","feedbackSubmitted","answerEvaluationRequired","formId","randomID","updateBreakpoints","once","host","isAnyAnswerEvaluationUndefined","Object","values","some","value","undefined","watchToggleOpen","generatedAnswer","openFeedbackModal","documented","correctTopic","hallucinationFree","readable","resetState","clearInputRefs","detailsInputRef","linkInputRef","close","closeFeedbackModal","setCurrentAnswer","key","sendFeedback","feedback","feedbackSent","emit","handleSubmit","e","preventDefault","renderHeader","h","slot","part","class","bindings","i18n","t","IconButton","style","onClick","icon","CloseIcon","partPrefix","ariaLabel","renderFeedbackOption","option","correspondingAnswer","buttonClasses","isSelected","push","RadioButton","String","groupName","checked","onChecked","join","text","renderAnswerEvaluation","label","labelClasses","isRequired","renderOptions","options","map","localeKey","FieldsetGroup","renderLinkToCorrectAnswerField","type","ref","placeholder","onChange","currentTarget","renderAddNotesField","name","detailsInput","rows","renderFeedbackForm","id","onSubmit","renderSuccessMessage","Success","renderBody","renderFeedbackFormFooter","Button","form","renderSuccessFormFooter","renderFooter","render","fullscreen","container","exportparts","ATOMIC_MODAL_EXPORT_PARTS","__decorate","InitializeBindings"],"sources":["src/components/common/generated-answer/atomic-generated-answer-feedback/atomic-generated-answer-feedback-modal.pcss?tag=atomic-generated-answer-feedback-modal&encapsulation=shadow","src/components/common/generated-answer/atomic-generated-answer-feedback/atomic-generated-answer-feedback-modal.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n\n@utility mobile-feedback-modal {\n  &::part(container) {\n    @apply w-auto min-w-full;\n  }\n\n  &::part(header),\n  &::part(body),\n  &::part(footer) {\n    @apply max-w-full;\n  }\n  [part='buttons'] {\n    .required-label {\n      @apply text-sm;\n    }\n  }\n  [part='form'] {\n    .answer-evaluation {\n      @apply block;\n    }\n\n    .options {\n      @apply mt-2;\n    }\n  }\n  [part='modal-header'] {\n    .hide {\n      @apply hidden;\n    }\n  }\n}\n\n[part='generated-answer-feedback-modal'] {\n  &::part(container) {\n    @apply min-w-170;\n  }\n\n  &::part(header),\n  &::part(body),\n  &::part(footer) {\n    @apply max-w-170;\n  }\n\n  @media not all and (width >= theme(--breakpoint-desktop)) {\n    @apply mobile-feedback-modal;\n  }\n}\n\n[part='form'] {\n  .active {\n    @apply border-primary-light text-primary-light bg-primary-background;\n  }\n  .text-error-red {\n    @apply text-inline-code;\n  }\n  .required {\n    @apply flex;\n  }\n}\n","import {\n  GeneratedAnswer,\n  GeneratedAnswerFeedback,\n  GeneratedAnswerFeedbackOption,\n} from '@coveo/headless';\nimport {\n  Component,\n  State,\n  h,\n  Watch,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n} from '@stencil/core/internal';\nimport CloseIcon from '../../../../images/close.svg';\nimport Success from '../../../../images/success.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {updateBreakpoints} from '../../../../utils/replace-breakpoint';\nimport {once, randomID} from '../../../../utils/utils';\nimport {ATOMIC_MODAL_EXPORT_PARTS} from '../../atomic-modal/export-parts';\nimport {IconButton} from '../../iconButton';\nimport {AnyBindings} from '../../interface/bindings';\nimport {Button} from '../../stencil-button';\nimport {FieldsetGroup} from '../../stencil-fieldset-group';\nimport {RadioButton} from '../../stencil-radio-button';\n\n/**\n * Internal component, only to use through `atomic-generated-answer` or `atomic-insight-generated-answer`\n */\n@Component({\n  tag: 'atomic-generated-answer-feedback-modal',\n  styleUrl: 'atomic-generated-answer-feedback-modal.pcss',\n  shadow: true,\n})\nexport class AtomicGeneratedAnswerFeedbackModal\n  implements InitializableComponent<AnyBindings>\n{\n  @InitializeBindings() public bindings!: AnyBindings;\n  @Element() public host!: HTMLElement;\n\n  /**\n   * Indicates whether the modal is open.\n   */\n  @Prop({reflect: true, mutable: true}) isOpen = false;\n  /**\n   * A `GeneratedAnswer` controller instance. It is used when the user interacts with the modal.\n   */\n  @Prop({reflect: true, mutable: true}) generatedAnswer!: GeneratedAnswer;\n  /**\n   * Indicates whether the answer was helpful or not.\n   */\n  @Prop({reflect: true, mutable: true}) helpful = false;\n\n  @State() public error!: Error;\n  @State() private currentAnswer: Partial<GeneratedAnswerFeedback> =\n    this.getInitialAnswerState();\n  @State() feedbackSubmitted: boolean = false;\n  @State() answerEvaluationRequired: boolean = false;\n\n  private readonly formId = randomID(\n    'atomic-generated-answer-feedback-modal-form-'\n  );\n  private detailsInputRef?: HTMLTextAreaElement;\n\n  private linkInputRef?: HTMLInputElement;\n\n  @Event() feedbackSent!: EventEmitter;\n\n  @Watch('isOpen')\n  watchToggleOpen(isOpen: boolean) {\n    if (isOpen) {\n      this.generatedAnswer.openFeedbackModal();\n    }\n  }\n\n  private static options: {\n    localeKey: string;\n    correspondingAnswer: keyof GeneratedAnswerFeedback;\n  }[] = [\n    {\n      localeKey: 'feedback-correct-topic',\n      correspondingAnswer: 'correctTopic',\n    },\n    {\n      localeKey: 'feedback-hallucination-free',\n      correspondingAnswer: 'hallucinationFree',\n    },\n    {\n      localeKey: 'feedback-documented',\n      correspondingAnswer: 'documented',\n    },\n    {\n      localeKey: 'feedback-readable',\n      correspondingAnswer: 'readable',\n    },\n  ];\n\n  private getInitialAnswerState(): Partial<GeneratedAnswerFeedback> {\n    return {\n      documented: undefined,\n      correctTopic: undefined,\n      hallucinationFree: undefined,\n      readable: undefined,\n    };\n  }\n\n  private resetState() {\n    this.feedbackSubmitted = false;\n    this.currentAnswer = this.getInitialAnswerState();\n    this.answerEvaluationRequired = false;\n    this.isOpen = false;\n  }\n\n  private clearInputRefs() {\n    if (this.detailsInputRef) {\n      this.detailsInputRef.value = '';\n    }\n    if (this.linkInputRef) {\n      this.linkInputRef.value = '';\n    }\n  }\n\n  private close() {\n    this.clearInputRefs();\n    this.resetState();\n    this.generatedAnswer.closeFeedbackModal();\n  }\n\n  private updateBreakpoints = once(() => updateBreakpoints(this.host));\n\n  private setCurrentAnswer(\n    key: keyof GeneratedAnswerFeedback,\n    value: GeneratedAnswerFeedbackOption | string\n  ) {\n    this.currentAnswer = {\n      ...this.currentAnswer,\n      [key]: value,\n    };\n  }\n\n  public sendFeedback() {\n    const feedback: GeneratedAnswerFeedback = {\n      ...(this.currentAnswer as GeneratedAnswerFeedback),\n      helpful: this.helpful,\n    };\n    this.generatedAnswer.sendFeedback(feedback);\n    this.feedbackSent.emit();\n  }\n\n  private isAnyAnswerEvaluationUndefined = () => {\n    return Object.values(this.currentAnswer).some(\n      (value) => value === undefined\n    );\n  };\n\n  private handleSubmit(e: Event) {\n    e.preventDefault();\n    if (this.isAnyAnswerEvaluationUndefined()) {\n      this.answerEvaluationRequired = true;\n      return;\n    }\n    this.feedbackSubmitted = true;\n    this.answerEvaluationRequired = false;\n    this.sendFeedback();\n  }\n\n  private renderHeader() {\n    return (\n      <div\n        slot=\"header\"\n        part=\"modal-header\"\n        class=\"flex w-full items-center justify-between\"\n      >\n        <h1>\n          <span>{this.bindings.i18n.t('feedback-modal-title')}</span>\n          <span class=\"hide ml-0.5\">\n            {this.bindings.i18n.t('additional-feedback')}\n          </span>\n        </h1>\n        <IconButton\n          style=\"text-transparent\"\n          class=\"search-clear-button\"\n          onClick={() => this.close()}\n          icon={CloseIcon}\n          partPrefix={'close'}\n          ariaLabel={this.bindings.i18n.t('close')}\n        />\n      </div>\n    );\n  }\n\n  private renderFeedbackOption(\n    option: GeneratedAnswerFeedbackOption,\n    correspondingAnswer: keyof GeneratedAnswerFeedback\n  ) {\n    const buttonClasses = [\n      'min-w-20',\n      'flex',\n      'items-center',\n      'justify-center',\n      'px-3',\n      'py-1.5',\n      'mr-1',\n      'text-neutral-dark',\n    ];\n    const isSelected = this.currentAnswer[correspondingAnswer] === option;\n\n    if (isSelected) {\n      buttonClasses.push('active');\n    }\n    return (\n      <RadioButton\n        key={String(correspondingAnswer)}\n        groupName={this.bindings.i18n.t(correspondingAnswer)}\n        style=\"outline-neutral\"\n        checked={isSelected}\n        aria-checked={isSelected}\n        onChecked={() => {\n          this.setCurrentAnswer(correspondingAnswer, option);\n        }}\n        class={buttonClasses.join(' ')}\n        text={this.bindings.i18n.t(option)}\n      ></RadioButton>\n    );\n  }\n\n  private renderAnswerEvaluation(\n    label: string,\n    correspondingAnswer: keyof GeneratedAnswerFeedback\n  ) {\n    const labelClasses = ['text-error-red', 'text-sm', 'hidden'];\n    const isRequired =\n      this.answerEvaluationRequired &&\n      this.currentAnswer[correspondingAnswer] === undefined;\n    if (isRequired) {\n      labelClasses.push('required');\n    }\n    return (\n      <div class=\"block\">\n        <div class=\"flex\">\n          <label class=\"text-base\">\n            {this.bindings.i18n.t(label)}\n            <span class=\"text-error-red ml-0.5\">*</span>\n          </label>\n        </div>\n        <span class={labelClasses.join(' ')}>\n          {this.bindings.i18n.t('required-fields-error')}\n        </span>\n      </div>\n    );\n  }\n\n  private renderOptions() {\n    return (\n      <fieldset>\n        <legend class=\"font-bold\">\n          {this.bindings.i18n.t('answer-evaluation')}\n        </legend>\n        {AtomicGeneratedAnswerFeedbackModal.options.map(\n          ({localeKey, correspondingAnswer}) => (\n            <FieldsetGroup label={this.bindings.i18n.t(localeKey)}>\n              <div\n                class={`answer-evaluation mt-3 flex items-center justify-between ${String(correspondingAnswer)}`}\n                key={String(correspondingAnswer)}\n              >\n                {this.renderAnswerEvaluation(localeKey, correspondingAnswer)}\n                <div\n                  class=\"options flex text-base\"\n                  aria-label={this.bindings.i18n.t(localeKey)}\n                >\n                  {this.renderFeedbackOption('yes', correspondingAnswer)}\n                  {this.renderFeedbackOption('unknown', correspondingAnswer)}\n                  {this.renderFeedbackOption('no', correspondingAnswer)}\n                </div>\n              </div>\n            </FieldsetGroup>\n          )\n        )}\n      </fieldset>\n    );\n  }\n\n  private renderLinkToCorrectAnswerField() {\n    return (\n      <fieldset>\n        <legend class=\"font-bold\">\n          {this.bindings.i18n.t('generated-answer-feedback-link')}\n        </legend>\n        <input\n          type=\"text\"\n          ref={(linkInputRef) => (this.linkInputRef = linkInputRef)}\n          placeholder=\"https://URL\"\n          class=\"input-primary placeholder-neutral-dark mt-4 h-9 w-full rounded-md px-4\"\n          onChange={(e) =>\n            this.setCurrentAnswer(\n              'documentUrl',\n              (e.currentTarget as HTMLInputElement).value\n            )\n          }\n        />\n      </fieldset>\n    );\n  }\n\n  private renderAddNotesField() {\n    return (\n      <fieldset>\n        <legend class=\"mt-8 font-bold\">\n          {this.bindings.i18n.t('generated-answer-additional-notes')}\n        </legend>\n        <textarea\n          name=\"answer-details\"\n          ref={(detailsInput) => (this.detailsInputRef = detailsInput)}\n          class=\"placeholder-neutral-dark border-neutral hover:border-primary-light focus-visible:border-primary mt-4 w-full resize-none rounded-md border px-4 py-2 leading-5 focus:outline-hidden focus-visible:ring-2\"\n          rows={4}\n          placeholder={this.bindings.i18n.t('add-notes')}\n          onChange={(e) =>\n            this.setCurrentAnswer(\n              'details',\n              (e.currentTarget as HTMLTextAreaElement).value\n            )\n          }\n        ></textarea>\n      </fieldset>\n    );\n  }\n\n  private renderFeedbackForm() {\n    return (\n      <form\n        part=\"form\"\n        id={this.formId}\n        slot=\"body\"\n        onSubmit={(e) => this.handleSubmit(e)}\n        class=\"flex flex-col gap-8 leading-4\"\n      >\n        {this.renderOptions()}\n        {this.renderLinkToCorrectAnswerField()}\n        {this.renderAddNotesField()}\n      </form>\n    );\n  }\n\n  private renderSuccessMessage() {\n    return (\n      <div slot=\"body\" class=\"my-4 flex flex-col items-center gap-4\">\n        <atomic-icon icon={Success} class=\"w-48\" />\n        <p class=\"text-base\">\n          {this.bindings.i18n.t('generated-answer-feedback-success')}\n        </p>\n      </div>\n    );\n  }\n\n  private renderBody() {\n    if (!this.feedbackSubmitted) {\n      return this.renderFeedbackForm();\n    } else {\n      return this.renderSuccessMessage();\n    }\n  }\n\n  private renderFeedbackFormFooter() {\n    const buttonClasses =\n      'flex items-center justify-center text-sm leading-4 p-2 rounded-md';\n\n    return (\n      <div slot=\"footer\" part=\"modal-footer\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"required-label text-base\">\n            <span class=\"text-error mr-0.5\">*</span>\n            {this.bindings.i18n.t('required-fields')}\n          </div>\n          <div class=\"flex gap-2\">\n            <Button\n              part=\"cancel-button\"\n              style=\"outline-primary\"\n              class={buttonClasses}\n              ariaLabel={this.bindings.i18n.t('skip')}\n              onClick={() => this.close()}\n            >\n              {this.bindings.i18n.t('skip')}\n            </Button>\n            <Button\n              part=\"submit-button\"\n              style=\"primary\"\n              type=\"submit\"\n              form={this.formId}\n              class={buttonClasses}\n              ariaLabel={this.bindings.i18n.t('generated-answer-send-feedback')}\n            >\n              {this.bindings.i18n.t('generated-answer-send-feedback')}\n            </Button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSuccessFormFooter() {\n    return (\n      <div slot=\"footer\">\n        <div class=\"flex justify-end gap-2 p-2\">\n          <Button\n            part=\"cancel-button\"\n            style=\"primary\"\n            onClick={() => this.close()}\n            class=\"flex justify-center p-2 text-sm leading-4\"\n            ariaLabel={this.bindings.i18n.t('modal-done')}\n          >\n            {this.bindings.i18n.t('modal-done')}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderFooter() {\n    if (!this.feedbackSubmitted) {\n      return this.renderFeedbackFormFooter();\n    } else {\n      return this.renderSuccessFormFooter();\n    }\n  }\n\n  public render() {\n    this.updateBreakpoints();\n\n    return (\n      <atomic-modal\n        fullscreen={false}\n        isOpen={this.isOpen}\n        close={() => this.close()}\n        container={this.host}\n        part=\"generated-answer-feedback-modal\"\n        exportparts={ATOMIC_MODAL_EXPORT_PARTS}\n      >\n        {this.renderHeader()}\n        {this.renderBody()}\n        {this.renderFooter()}\n      </atomic-modal>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-c4f91847.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightHistoryToggleCss","AtomicInsightHistoryToggleStyle0","AtomicInsightHistoryToggle","this","clickCallback","tooltip","render","h","IconButton","key","partPrefix","style","icon","Clockicon","ariaLabel","onClick","title"],"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/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"],"mappings":"2LAAA,MAAMA,EAAgC,w3hEACtC,MAAAC,EAAeD,E,MCWFE,EAA0B,M,yBACPC,KAAAC,cAA4B,OAE5BD,KAAAE,QAAU,G,mBAFkB,O,aAElB,E,CAEjC,MAAAC,GACL,OACEC,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,yBACXC,MAAM,kBACNC,KAAMC,EACNC,UAAU,UACVC,QAASZ,KAAKC,cACdY,MAAOb,KAAKE,S","ignoreList":[]}

package/dist/atomic/p-d7d49289.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightResultQuickviewActionCss","AtomicInsightResultQuickviewActionStyle0","AtomicInsightResultQuickviewAction","this","sandbox","onNextQuickview","evt","stopImmediatePropagation","quickview","next","onPreviousQuickview","previous","focusTarget","buttonFocusTarget","FocusTargetController","initialize","buildQuickview","bindings","engine","options","result","Schema","StringValue","required","regex","validate","addQuickviewModalIfNeeded","quickviewModalRef","quickviewModal","interfaceElement","querySelector","document","createElement","setAttribute","appendChild","updateModalContent","state","content","total","quickviewState","totalResults","current","currentResult","modalCloseCallback","focus","quickviewAriaMessage","isLoading","i18n","t","first","last","title","onClick","event","stopPropagation","fetchResultContent","shouldRenderQuickview","resultHasPreview","render","h","IconButton","key","partPrefix","style","ref","setTarget","icon","QuickviewIcon","__decorate","InitializeBindings","ResultContext","BindStateToController","AriaLiveRegion"],"sources":["src/components/insight/atomic-insight-result-quickview-action/atomic-insight-result-quickview-action.pcss?tag=atomic-insight-result-quickview-action","src/components/insight/atomic-insight-result-quickview-action/atomic-insight-result-quickview-action.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {\n  buildQuickview,\n  QuickviewState,\n  Quickview,\n  Result,\n} from '@coveo/headless';\nimport {Component, Listen, Prop, State, h, Element} from '@stencil/core';\nimport QuickviewIcon from '../../../images/preview.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../utils/stencil-accessibility-utils';\nimport {IconButton} from '../../common/iconButton';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../../search/result-template-components/result-template-decorators';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-result-quickview-action',\n  styleUrl: 'atomic-insight-result-quickview-action.pcss',\n})\nexport class AtomicInsightResultQuickviewAction\n  implements InitializableComponent\n{\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  private buttonFocusTarget?: FocusTargetController;\n\n  @Element() host!: HTMLElement;\n  @State() public error!: Error;\n\n  public quickview!: Quickview;\n\n  @BindStateToController('quickview')\n  @State()\n  public quickviewState!: QuickviewState;\n\n  /**\n   * The `sandbox` attribute to apply to the quickview iframe.\n   *\n   * The quickview is loaded inside an iframe with a [`sandbox`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox) attribute for security reasons.\n   *\n   * This attribute exists primarily to protect against potential XSS attacks that could originate from the document being displayed.\n   *\n   * By default, the sandbox attributes are: `allow-popups allow-top-navigation allow-same-origin`.\n   *\n   * `allow-same-origin` is not optional, and must always be included in the list of allowed capabilities for the component to function properly.\n   */\n  @Prop()\n  public sandbox = 'allow-popups allow-top-navigation allow-same-origin';\n\n  @AriaLiveRegion('quickview')\n  protected quickviewAriaMessage!: string;\n\n  @Listen('atomic/quickview/next', {target: 'body'})\n  public onNextQuickview(evt: Event) {\n    evt.stopImmediatePropagation();\n    this.quickview.next();\n  }\n\n  @Listen('atomic/quickview/previous', {target: 'body'})\n  public onPreviousQuickview(evt: Event) {\n    evt.stopImmediatePropagation();\n    this.quickview.previous();\n  }\n\n  private quickviewModalRef?: HTMLAtomicQuickviewModalElement;\n\n  public get focusTarget() {\n    if (!this.buttonFocusTarget) {\n      this.buttonFocusTarget = new FocusTargetController(this);\n    }\n    return this.buttonFocusTarget;\n  }\n\n  public initialize() {\n    this.quickview = buildQuickview(this.bindings.engine, {\n      options: {result: this.result},\n    });\n    new Schema({\n      sandbox: new StringValue({\n        required: true,\n        regex: /allow-same-origin/,\n      }),\n    }).validate({sandbox: this.sandbox});\n  }\n\n  private addQuickviewModalIfNeeded() {\n    if (this.quickviewModalRef) {\n      return;\n    }\n\n    const quickviewModal = this.bindings.interfaceElement.querySelector(\n      'atomic-quickview-modal'\n    );\n    if (quickviewModal) {\n      this.quickviewModalRef = quickviewModal;\n      return;\n    }\n    this.quickviewModalRef = document.createElement('atomic-quickview-modal');\n    this.quickviewModalRef.setAttribute('sandbox', this.sandbox);\n    this.bindings.interfaceElement.appendChild(this.quickviewModalRef);\n  }\n\n  private updateModalContent() {\n    if (this.quickviewModalRef && this.quickview.state.content) {\n      this.quickviewModalRef.content = this.quickview.state.content;\n      this.quickviewModalRef.result = this.result;\n      this.quickviewModalRef.total = this.quickviewState.totalResults;\n      this.quickviewModalRef.current = this.quickviewState.currentResult;\n      this.quickviewModalRef.modalCloseCallback = () =>\n        this.focusTarget.focus();\n\n      this.quickviewAriaMessage = this.quickviewState.isLoading\n        ? this.bindings.i18n.t('quickview-loading')\n        : this.bindings.i18n.t('quickview-loaded', {\n            first: this.quickviewState.currentResult,\n            last: this.quickviewState.totalResults,\n            title: this.result.title,\n          });\n    }\n  }\n\n  private onClick(event?: MouseEvent) {\n    event?.stopPropagation();\n    this.quickview.fetchResultContent();\n  }\n\n  private get shouldRenderQuickview() {\n    return this.quickviewState.resultHasPreview;\n  }\n\n  public render() {\n    this.addQuickviewModalIfNeeded();\n    this.updateModalContent();\n    if (this.shouldRenderQuickview) {\n      return (\n        <IconButton\n          partPrefix=\"result-action\"\n          style=\"outline-neutral\"\n          ref={this.focusTarget.setTarget}\n          icon={QuickviewIcon}\n          title={this.bindings.i18n.t('quickview')}\n          onClick={() => this.onClick()}\n        />\n      );\n    }\n  }\n}\n"],"mappings":"4kBAAA,MAAMA,EAAwC,w3hEAC9C,MAAAC,EAAeD,E,iXC4BFE,EAAkC,M,yBA6BtCC,KAAAC,QAAU,sD,gEAAA,qD,CAMV,eAAAC,CAAgBC,GACrBA,EAAIC,2BACJJ,KAAKK,UAAUC,M,CAIV,mBAAAC,CAAoBJ,GACzBA,EAAIC,2BACJJ,KAAKK,UAAUG,U,CAKjB,eAAWC,GACT,IAAKT,KAAKU,kBAAmB,CAC3BV,KAAKU,kBAAoB,IAAIC,EAAsBX,K,CAErD,OAAOA,KAAKU,iB,CAGP,UAAAE,GACLZ,KAAKK,UAAYQ,EAAeb,KAAKc,SAASC,OAAQ,CACpDC,QAAS,CAACC,OAAQjB,KAAKiB,UAEzB,IAAIC,EAAO,CACTjB,QAAS,IAAIkB,EAAY,CACvBC,SAAU,KACVC,MAAO,wBAERC,SAAS,CAACrB,QAASD,KAAKC,S,CAGrB,yBAAAsB,GACN,GAAIvB,KAAKwB,kBAAmB,CAC1B,M,CAGF,MAAMC,EAAiBzB,KAAKc,SAASY,iBAAiBC,cACpD,0BAEF,GAAIF,EAAgB,CAClBzB,KAAKwB,kBAAoBC,EACzB,M,CAEFzB,KAAKwB,kBAAoBI,SAASC,cAAc,0BAChD7B,KAAKwB,kBAAkBM,aAAa,UAAW9B,KAAKC,SACpDD,KAAKc,SAASY,iBAAiBK,YAAY/B,KAAKwB,kB,CAG1C,kBAAAQ,GACN,GAAIhC,KAAKwB,mBAAqBxB,KAAKK,UAAU4B,MAAMC,QAAS,CAC1DlC,KAAKwB,kBAAkBU,QAAUlC,KAAKK,UAAU4B,MAAMC,QACtDlC,KAAKwB,kBAAkBP,OAASjB,KAAKiB,OACrCjB,KAAKwB,kBAAkBW,MAAQnC,KAAKoC,eAAeC,aACnDrC,KAAKwB,kBAAkBc,QAAUtC,KAAKoC,eAAeG,cACrDvC,KAAKwB,kBAAkBgB,mBAAqB,IAC1CxC,KAAKS,YAAYgC,QAEnBzC,KAAK0C,qBAAuB1C,KAAKoC,eAAeO,UAC5C3C,KAAKc,SAAS8B,KAAKC,EAAE,qBACrB7C,KAAKc,SAAS8B,KAAKC,EAAE,mBAAoB,CACvCC,MAAO9C,KAAKoC,eAAeG,cAC3BQ,KAAM/C,KAAKoC,eAAeC,aAC1BW,MAAOhD,KAAKiB,OAAO+B,O,EAKrB,OAAAC,CAAQC,GACdA,GAAOC,kBACPnD,KAAKK,UAAU+C,oB,CAGjB,yBAAYC,GACV,OAAOrD,KAAKoC,eAAekB,gB,CAGtB,MAAAC,GACLvD,KAAKuB,4BACLvB,KAAKgC,qBACL,GAAIhC,KAAKqD,sBAAuB,CAC9B,OACEG,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,gBACXC,MAAM,kBACNC,IAAK7D,KAAKS,YAAYqD,UACtBC,KAAMC,EACNhB,MAAOhD,KAAKc,SAAS8B,KAAKC,EAAE,aAC5BI,QAAS,IAAMjD,KAAKiD,W,8BAxHCgB,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K,6BAWMF,EAAA,CAFNG,EAAsB,c,qCAmBbH,EAAA,CADTI,EAAe,c","ignoreList":[]}

package/dist/cjs/iconButton-3aef664a.js.map

@@ -1 +0,0 @@
-{"file":"iconButton-3aef664a.js","mappings":";;;;;MAUa,UAAU,GAAyC,CAAC,KAAK;IACpE,QACEA,iBAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,YAAY;QACzDA,QAACC,oBAAM,OACD,KAAK,EACT,KAAK,EAAC,oCAAoC,EAC1C,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EAClC,GAAG,EAAE,KAAK,CAAC,SAAS;YAEpBD,yBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,GACnB,CACR;QACR,KAAK,CAAC,KAAK,KACVA,kBACE,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,QAAQ,EACjC,KAAK,EAAC,8GAA8G,IAEnH,KAAK,CAAC,KAAK,CACP,CACR,CACG,EACN;AACJ;;;;","names":["h","Button"],"sources":["src/components/common/iconButton.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button, StencilButtonProps} from './stencil-button';\n\nexport interface IconButtonProps extends StencilButtonProps {\n  badge?: VNode;\n  buttonRef?: (el?: HTMLButtonElement) => void;\n  icon: string;\n  partPrefix: string;\n}\n\nexport const IconButton: FunctionalComponent<IconButtonProps> = (props) => {\n  return (\n    <div class=\"relative\" part={`${props.partPrefix}-container`}>\n      <Button\n        {...props}\n        class=\"relative h-[2.6rem] w-[2.6rem] p-3\"\n        part={`${props.partPrefix}-button`}\n        ref={props.buttonRef}\n      >\n        <atomic-icon\n          icon={props.icon}\n          class=\"h-4 w-4 shrink-0\"\n          part={`${props.partPrefix}-icon`}\n        ></atomic-icon>\n      </Button>\n      {props.badge && (\n        <span\n          part={`${props.partPrefix}-badge`}\n          class=\"bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4\"\n        >\n          {props.badge}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"version":3}

package/dist/esm/iconButton-779dd472.js.map

@@ -1 +0,0 @@
-{"file":"iconButton-779dd472.js","mappings":";;;MAUa,UAAU,GAAyC,CAAC,KAAK;IACpE,QACE,WAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,YAAY;QACzD,EAAC,MAAM,OACD,KAAK,EACT,KAAK,EAAC,oCAAoC,EAC1C,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EAClC,GAAG,EAAE,KAAK,CAAC,SAAS;YAEpB,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,GACnB,CACR;QACR,KAAK,CAAC,KAAK,KACV,YACE,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,QAAQ,EACjC,KAAK,EAAC,8GAA8G,IAEnH,KAAK,CAAC,KAAK,CACP,CACR,CACG,EACN;AACJ;;;;","names":[],"sources":["src/components/common/iconButton.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button, StencilButtonProps} from './stencil-button';\n\nexport interface IconButtonProps extends StencilButtonProps {\n  badge?: VNode;\n  buttonRef?: (el?: HTMLButtonElement) => void;\n  icon: string;\n  partPrefix: string;\n}\n\nexport const IconButton: FunctionalComponent<IconButtonProps> = (props) => {\n  return (\n    <div class=\"relative\" part={`${props.partPrefix}-container`}>\n      <Button\n        {...props}\n        class=\"relative h-[2.6rem] w-[2.6rem] p-3\"\n        part={`${props.partPrefix}-button`}\n        ref={props.buttonRef}\n      >\n        <atomic-icon\n          icon={props.icon}\n          class=\"h-4 w-4 shrink-0\"\n          part={`${props.partPrefix}-icon`}\n        ></atomic-icon>\n      </Button>\n      {props.badge && (\n        <span\n          part={`${props.partPrefix}-badge`}\n          class=\"bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4\"\n        >\n          {props.badge}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"version":3}