@coveo/atomic 3.31.2-pre.d1ef280b84 → 3.31.2-pre.da74c43571

package/dist/atomic/p-3f2442d3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AtomicAriaLive","this","regions","messagesQueue","buildDebouncedQueue","delay","onFindAriaLive","detail","args","element","isInSearchInterface","host","tagName","parentElement","connectedCallback","id","randomID","updateMessage","region","message","assertive","updateRegion","enqueue","cancelActionIfQueued","registerRegion","disconnectedCallback","clear","render","h","Host","key","style","position","display","height","overflow","margin","Object","entries","map","regionName","role","atomicRelevanceInspectorCss","AtomicRelevanceInspectorStyle0","AtomicRelevanceInspector","open","exportparts","isOpen","close","closeRelevanceInspector","emit","slot","class","Button","onClick","target","href","adminHref","organizationId","environment","bindings","engine","state","configuration","admin","getOrganizationEndpoint","searchResponseId","search"],"sources":["src/components/search/atomic-search-interface/atomic-aria-live.tsx","src/components/search/atomic-relevance-inspector/atomic-relevance-inspector.pcss?tag=atomic-relevance-inspector&encapsulation=shadow","src/components/search/atomic-relevance-inspector/atomic-relevance-inspector.tsx"],"sourcesContent":["import {\n  Component,\n  h,\n  State,\n  Element,\n  Method,\n  Listen,\n  Host,\n} from '@stencil/core';\nimport {buildDebouncedQueue} from '../../../utils/debounce-utils';\nimport {FindAriaLiveEventArgs} from '../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../utils/utils';\n\ntype Regions = {[regionName: string]: {assertive: boolean; message: string}};\n\n/**\n * The `atomic-aria-live` component notifies screen readers of changes in the search interface.\n */\n@Component({\n  tag: 'atomic-aria-live',\n  shadow: false,\n})\nexport class AtomicAriaLive {\n  @Element() private host!: HTMLAtomicAriaLiveElement;\n  @State() private regions: Readonly<Regions> = {};\n\n  private messagesQueue = buildDebouncedQueue({delay: 500});\n  private id!: string;\n\n  @Listen('atomic/accessibility/findAriaLive', {target: 'document'})\n  protected onFindAriaLive({detail: args}: CustomEvent<FindAriaLiveEventArgs>) {\n    if (!args.element || !this.isInSearchInterface) {\n      args.element = this.host;\n    }\n  }\n\n  private get isInSearchInterface() {\n    let element: Element | null = this.host;\n    while (element) {\n      if (element.tagName === 'ATOMIC-SEARCH-INTERFACE') {\n        return true;\n      }\n      element = element.parentElement;\n    }\n    return false;\n  }\n\n  connectedCallback() {\n    this.id = randomID('atomic-aria-live-');\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  public async updateMessage(\n    region: string,\n    message: string,\n    assertive: boolean\n  ) {\n    const updateRegion = () =>\n      (this.regions = {...this.regions, [region]: {assertive, message}});\n\n    if (message) {\n      this.messagesQueue.enqueue(updateRegion, region);\n    } else {\n      this.messagesQueue.cancelActionIfQueued(region);\n      updateRegion();\n    }\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  public async registerRegion(region: string, assertive: boolean) {\n    if (region in this.regions) {\n      return;\n    }\n    this.regions = {...this.regions, [region]: {assertive, message: ''}};\n  }\n\n  public disconnectedCallback() {\n    this.messagesQueue.clear();\n  }\n\n  public render() {\n    return (\n      <Host\n        style={{\n          position: 'absolute',\n          display: 'block',\n          height: '0',\n          overflow: 'hidden',\n          margin: '0',\n        }}\n      >\n        {Object.entries(this.regions).map(\n          ([regionName, {assertive, message}]) => (\n            <div\n              key={regionName}\n              id={`${this.id}-${regionName}`}\n              aria-live={assertive ? 'assertive' : 'polite'}\n              role=\"status\"\n            >\n              {message}\n            </div>\n          )\n        )}\n      </Host>\n    );\n  }\n}\n","@import '../../../global/global.pcss';\n","import {getOrganizationEndpoint} from '@coveo/headless';\nimport {Component, h, Prop, Event, EventEmitter} from '@stencil/core';\nimport {Button} from '../../common/stencil-button';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-relevance-inspector` component is used internally to offer insight on search page relevance, as well as information to help troubleshoot issues during development.\n */\n@Component({\n  tag: 'atomic-relevance-inspector',\n  styleUrl: 'atomic-relevance-inspector.pcss',\n  shadow: true,\n})\nexport class AtomicRelevanceInspector {\n  /**\n   * The Atomic interface bindings, namely the headless search engine and i18n instances.\n   */\n  @Prop() bindings!: Bindings;\n\n  @Prop({reflect: true}) open = false;\n\n  @Event({eventName: 'atomic/relevanceInspector/close'})\n  closeRelevanceInspector: EventEmitter<null> | undefined;\n\n  public render() {\n    return (\n      <atomic-modal\n        exportparts=\"footer\"\n        isOpen={this.open}\n        close={() => {\n          this.closeRelevanceInspector?.emit();\n        }}\n      >\n        <p slot=\"header\">Open the relevance inspector</p>\n        <p slot=\"body\">\n          The Relevance Inspector will open in the Coveo Administration Console.\n        </p>\n        <div slot=\"footer\" class=\"flex w-full items-center justify-end\">\n          <Button\n            style=\"outline-primary\"\n            class=\"mr-2 p-2\"\n            onClick={() => this.closeRelevanceInspector?.emit()}\n          >\n            Ignore\n          </Button>\n          <a\n            class=\"btn-primary p-2\"\n            target=\"_blank\"\n            href={this.adminHref}\n            onClick={() => this.closeRelevanceInspector?.emit()}\n          >\n            Open\n          </a>\n        </div>\n      </atomic-modal>\n    );\n  }\n\n  private get adminHref() {\n    const {organizationId, environment} =\n      this.bindings.engine.state.configuration;\n\n    const admin = getOrganizationEndpoint(organizationId, environment, 'admin');\n    const {searchResponseId} = this.bindings.engine.state.search;\n    return `${admin}/admin/#/${organizationId}/search/relevanceInspector/${searchResponseId}`;\n  }\n}\n"],"mappings":"oWAsBaA,EAAc,M,yBAERC,KAAAC,QAA6B,GAEtCD,KAAAE,cAAgBC,EAAoB,CAACC,MAAO,M,aAFN,E,CAMpC,cAAAC,EAAgBC,OAAQC,IAChC,IAAKA,EAAKC,UAAYR,KAAKS,oBAAqB,CAC9CF,EAAKC,QAAUR,KAAKU,I,EAIxB,uBAAYD,GACV,IAAID,EAA0BR,KAAKU,KACnC,MAAOF,EAAS,CACd,GAAIA,EAAQG,UAAY,0BAA2B,CACjD,OAAO,I,CAETH,EAAUA,EAAQI,a,CAEpB,OAAO,K,CAGT,iBAAAC,GACEb,KAAKc,GAAKC,EAAS,oB,CAOd,mBAAMC,CACXC,EACAC,EACAC,GAEA,MAAMC,EAAe,IAClBpB,KAAKC,QAAU,IAAID,KAAKC,QAASgB,CAACA,GAAS,CAACE,YAAWD,YAE1D,GAAIA,EAAS,CACXlB,KAAKE,cAAcmB,QAAQD,EAAcH,E,KACpC,CACLjB,KAAKE,cAAcoB,qBAAqBL,GACxCG,G,EAQG,oBAAMG,CAAeN,EAAgBE,GAC1C,GAAIF,KAAUjB,KAAKC,QAAS,CAC1B,M,CAEFD,KAAKC,QAAU,IAAID,KAAKC,QAASgB,CAACA,GAAS,CAACE,YAAWD,QAAS,I,CAG3D,oBAAAM,GACLxB,KAAKE,cAAcuB,O,CAGd,MAAAC,GACL,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,SAAU,WACVC,QAAS,QACTC,OAAQ,IACRC,SAAU,SACVC,OAAQ,MAGTC,OAAOC,QAAQrC,KAAKC,SAASqC,KAC5B,EAAEC,GAAapB,YAAWD,cACxBS,EAAA,OACEE,IAAKU,EACLzB,GAAI,GAAGd,KAAKc,MAAMyB,IAAY,YACnBpB,EAAY,YAAc,SACrCqB,KAAK,UAEJtB,K,6BCzGf,MAAMuB,EAA8B,wv1DACpC,MAAAC,EAAeD,E,MCYFE,EAAwB,M,kGAMZ3C,KAAA4C,KAAO,M,kCAAA,K,CAKvB,MAAAlB,GACL,OACEC,EAAA,gBAAAE,IAAA,2CACEgB,YAAY,SACZC,OAAQ9C,KAAK4C,KACbG,MAAO,KACL/C,KAAKgD,yBAAyBC,MAAM,GAGtCtB,EAAA,KAAAE,IAAA,2CAAGqB,KAAK,UAAQ,gCAChBvB,EAAA,KAAAE,IAAA,2CAAGqB,KAAK,QAAM,0EAGdvB,EAAA,OAAAE,IAAA,2CAAKqB,KAAK,SAASC,MAAM,wCACvBxB,EAACyB,EAAM,CAAAvB,IAAA,2CACLC,MAAM,kBACNqB,MAAM,WACNE,QAAS,IAAMrD,KAAKgD,yBAAyBC,QAAM,UAIrDtB,EAAA,KAAAE,IAAA,2CACEsB,MAAM,kBACNG,OAAO,SACPC,KAAMvD,KAAKwD,UACXH,QAAS,IAAMrD,KAAKgD,yBAAyBC,QAAM,S,CAS7D,aAAYO,GACV,MAAMC,eAACA,EAAcC,YAAEA,GACrB1D,KAAK2D,SAASC,OAAOC,MAAMC,cAE7B,MAAMC,EAAQC,EAAwBP,EAAgBC,EAAa,SACnE,MAAMO,iBAACA,GAAoBjE,KAAK2D,SAASC,OAAOC,MAAMK,OACtD,MAAO,GAAGH,aAAiBN,+BAA4CQ,G","ignoreList":[]}