{"version":3,"names":["searchBoxInstantResultsTitleCss","SearchBoxInstantResultsTitleStyle0","SearchBoxInstantResultsTitle","connectedCallback","this","label","dispatchSearchBoxSuggestionsEvent","titleEl","document","createElement","innerText","classList","add","position","Array","from","host","parentNode","children","indexOf","panel","renderItems","key","part","content","ariaLabel","hideIfLast","error","render","h","element"],"sources":["src/components/search-box-instant-results-title/search-box-instant-results-title.css?tag=search-box-instant-results-title&encapsulation=shadow","src/components/search-box-instant-results-title/search-box-instant-results-title.tsx"],"sourcesContent":[":host {\r\n    display: block;\r\n  }\r\n\r\n","import { dispatchSearchBoxSuggestionsEvent } from '@coveo/atomic'\r\nimport { Component, h, Element, State, Prop } from '@stencil/core'\r\n\r\n/*\r\n  This component adds a title to the Instant Results component (right panel)\r\n  inside the search box OOTB Atomic component.\r\n  - It accepts a `title` prop as a string.\r\n  - The styling needs to be added to the global stylesheet probably. You can use\r\n    this css as an starting point:\r\n      atomic-search-box::part(instant-title) {\r\n        pointer-events: none;\r\n        cursor: unset;\r\n        font-weight: bold;\r\n        text-align: left;\r\n        display: block;\r\n        font-size: 18px;\r\n        padding: 20px;\r\n      }\r\n*/\r\n\r\n@Component({\r\n  tag: 'search-box-instant-results-title',\r\n  styleUrl: 'search-box-instant-results-title.css',\r\n  shadow: true,\r\n})\r\nexport class SearchBoxInstantResultsTitle {\r\n  @Element() private host!: HTMLElement\r\n  @Prop() public label: string = 'Instant results title';\r\n  @Prop() public panel: 'left' | 'right' = 'right'\r\n  @State() public error!: Error\r\n\r\n  connectedCallback() {\r\n    try {\r\n      if (!this.label) return\r\n\r\n      dispatchSearchBoxSuggestionsEvent(() => {\r\n        this.label || 'Instant results title'\r\n        const titleEl = document.createElement('h4')\r\n        titleEl.innerText = this.label\r\n        titleEl.classList.add('instant-title')\r\n        titleEl.classList.add(\"font-bold\");\r\n\r\n        return {\r\n          position: Array.from(this.host.parentNode!.children).indexOf(this.host),\r\n          panel: this.panel,\r\n          renderItems: () => [\r\n            {\r\n              key: `section-title-${this.label}`,\r\n              part: 'instant-title',\r\n              content: titleEl,\r\n              ariaLabel: this.label,\r\n              hideIfLast: true,\r\n            },\r\n          ]\r\n        }\r\n      }, this.host)\r\n    } catch (error) {\r\n      this.error = error as Error\r\n    }\r\n  }\r\n\r\n  render() {\r\n    if (this.error) {\r\n      return (\r\n        <atomic-component-error\r\n          element={this.host}\r\n          error={this.error}\r\n        ></atomic-component-error>\r\n      )\r\n    }\r\n  }\r\n}"],"mappings":"iKAAA,MAAMA,EAAkC,uBACxC,MAAAC,EAAeD,E,MCwBFE,EAA4B,M,oCAER,wB,WACU,Q,qBAGzC,iBAAAC,GACE,IACE,IAAKC,KAAKC,MAAO,OAEjBC,GAAkC,KAEhC,MAAMC,EAAUC,SAASC,cAAc,MACvCF,EAAQG,UAAYN,KAAKC,MACzBE,EAAQI,UAAUC,IAAI,iBACtBL,EAAQI,UAAUC,IAAI,aAEtB,MAAO,CACLC,SAAUC,MAAMC,KAAKX,KAAKY,KAAKC,WAAYC,UAAUC,QAAQf,KAAKY,MAClEI,MAAOhB,KAAKgB,MACZC,YAAa,IAAM,CACjB,CACEC,IAAK,iBAAiBlB,KAAKC,QAC3BkB,KAAM,gBACNC,QAASjB,EACTkB,UAAWrB,KAAKC,MAChBqB,WAAY,OAGjB,GACAtB,KAAKY,K,CACR,MAAOW,GACPvB,KAAKuB,MAAQA,C,EAIjB,MAAAC,GACE,GAAIxB,KAAKuB,MAAO,CACd,OACEE,EAAA,0BAAAP,IAAA,2CACEQ,QAAS1B,KAAKY,KACdW,MAAOvB,KAAKuB,O","ignoreList":[]}