@coveo/atomic 3.35.0-pre.bc0eb65a59 → 3.35.0-pre.c5c77d8c36

package/dist/atomic/{p-b0ce2261.entry.js.map → p-21ab7750.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["atomicInsightGeneratedAnswerCss","AtomicInsightGeneratedAnswerStyle0","AtomicInsightGeneratedAnswer","this","DEFAULT_COLLAPSED_HEIGHT","MAX_COLLAPSED_HEIGHT","MIN_COLLAPSED_HEIGHT","REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS","copied","copyError","maxCollapsedHeight","onGeneratedAnswerStateUpdate","generatedAnswerState","isVisible","generatedAnswerCommon","data","writeStoredData","setAriaMessage","getGeneratedAnswerStatus","setCopied","isCopied","setCopyError","message","ariaMessage","initialize","GeneratedAnswerCommon","host","withToggle","collapsible","disableCitationAnchoring","getGeneratedAnswer","generatedAnswer","getGeneratedAnswerState","getSearchStatusState","searchStatusState","getBindings","bindings","getCopied","getCopyError","buildInteractiveCitation","props","buildInsightInteractiveCitation","engine","buildInsightGeneratedAnswer","initialState","responseFormat","contentFormat","answerConfigurationId","fieldsToIncludeInCitations","getCitationFields","searchStatus","buildInsightSearchStatus","insertFeedbackModal","window","ResizeObserver","debouncedAdaptAnswerHeight","debounce","adaptAnswerHeight","resizeObserver","observe","updateAnswerCollapsed","newState","oldState","newExpanded","expanded","oldExpanded","undefined","container","getAnswerContainer","toggleClass","disconnectedCallback","disconnect","element","className","condition","classList","toggle","answerHeight","shadowRoot","querySelector","getBoundingClientRect","height","rootFontSize","parseFloat","getComputedStyle","document","documentElement","fontSize","fullAnswerHeight","updateAnswerHeight","getAnswerFooter","split","map","field","trim","filter","length","concat","validateMaxCollapsedHeight","isValid","console","warn","setCSSVariable","variableName","value","style","setProperty","footer","maxHeight","isStreaming","render","__decorate","InitializeBindings","BindStateToController","onUpdateCallbackMethod","AriaLiveRegion"],"sources":["src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.pcss?tag=atomic-insight-generated-answer&encapsulation=shadow","src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.tsx"],"sourcesContent":["@import '../../common/generated-answer/styles/generated-answer.pcss';\n","import {\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n  buildGeneratedAnswer as buildInsightGeneratedAnswer,\n  buildInteractiveCitation as buildInsightInteractiveCitation,\n  buildSearchStatus as buildInsightSearchStatus,\n  GeneratedAnswer as InsightGeneratedAnswer,\n  GeneratedAnswerState as InsightGeneratedAnswerState,\n} from '@coveo/headless/insight';\nimport {Component, Element, State, Prop, Watch} from '@stencil/core';\nimport {debounce} from '../../../utils/debounce-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {GeneratedAnswerCommon} from '../../common/generated-answer/generated-answer-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n * The `atomic-insight-generated-answer` component uses Coveo Machine Learning (Coveo ML) models to automatically generate an answer to a query executed by the user.\n * For more information, see [About Relevance Generative Answering (RGA)](https://docs.coveo.com/en/n9de0370/)\n *\n * @slot no-answer-message - Lets you pass a custom sorry message when no answer is generated.\n *\n * @part container - The container displaying the generated answer.\n * @part header-label - The header of the generated answer container.\n * @part feedback-button - The \"like\" and \"dislike\" buttons.\n * @part toggle - The switch to toggle the visibility of the generated answer.\n * @part copy-button - The \"Copy answer\" button.\n * @part retry-container - The container for the \"retry\" section.\n * @part generated-text - The text of the generated answer.\n * @part citations-label - The header of the citations list.\n *\n * @part answer-code-block - The generated answer multi-line code blocks.\n * @part answer-emphasis - The generated answer emphasized text elements.\n * @part answer-inline-code - The generated answer inline code elements.\n * @part answer-heading-1 - The generated answer level 1 heading elements.\n * @part answer-heading-2 - The generated answer level 2 heading elements.\n * @part answer-heading-3 - The generated answer level 3 heading elements.\n * @part answer-heading-4 - The generated answer level 4 heading elements.\n * @part answer-heading-5 - The generated answer level 5 heading elements.\n * @part answer-heading-6 - The generated answer level 6 heading elements.\n * @part answer-list-item - The generated answer list item elements for both ordered and unordered lists.\n * @part answer-ordered-list - The generated answer ordered list elements.\n * @part answer-paragraph - The generated answer paragraph elements.\n * @part answer-quote-block - The generated answer quote block elements.\n * @part answer-unordered-list - The generated answer unordered list elements.\n * @part answer-strong - The generated answer strong text elements.\n * @part answer-table - The generated answer table elements.\n * @part answer-table-container - The generated answer table container elements.\n * @part answer-table-content - The generated answer table content cell elements.\n * @part answer-table-header - The generated answer table header cell elements.\n *\n * @part citation - The link that allows the user to navigate to the item.\n * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.\n */\n@Component({\n  tag: 'atomic-insight-generated-answer',\n  styleUrl: 'atomic-insight-generated-answer.pcss',\n  shadow: true,\n})\nexport class AtomicInsightGeneratedAnswer\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public generatedAnswer!: InsightGeneratedAnswer;\n  public searchStatus!: InsightSearchStatus;\n  private resizeObserver?: ResizeObserver;\n\n  private readonly DEFAULT_COLLAPSED_HEIGHT = 16;\n  private readonly MAX_COLLAPSED_HEIGHT = 32;\n  private readonly MIN_COLLAPSED_HEIGHT = 9;\n  private readonly REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];\n\n  @BindStateToController('generatedAnswer', {\n    onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',\n  })\n  @State()\n  private generatedAnswerState!: InsightGeneratedAnswerState;\n\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: InsightSearchStatusState;\n\n  @State()\n  public error!: Error;\n\n  @Element() private host!: HTMLElement;\n\n  @State()\n  copied = false;\n\n  @State()\n  copyError = false;\n\n  /**\n   * Whether to render a toggle button that lets the user hide or show the answer.\n   * @default false\n   */\n  @Prop() withToggle?: boolean;\n\n  /**\n   * Whether to allow the answer to be collapsed when the text is taller than 250px.\n   * @default false\n   */\n  @Prop() collapsible?: boolean;\n\n  /**\n   * The maximum height (in rem units) of the answer when collapsed.\n   *\n   */\n  @Prop() maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n\n  /**\n   * @internal\n   * The unique identifier of the answer configuration to use to generate the answer.\n   */\n  @Prop() answerConfigurationId?: string;\n\n  /**\n   * A list of fields to include with the citations used to generate the answer.\n   */\n  @Prop() fieldsToIncludeInCitations?: string;\n\n  /**\n   * Option to disable citation anchoring.\n   * @default false\n   */\n  @Prop() disableCitationAnchoring?: boolean;\n\n  @AriaLiveRegion('generated-answer')\n  protected ariaMessage!: string;\n\n  private generatedAnswerCommon!: GeneratedAnswerCommon;\n  private fullAnswerHeight?: number;\n\n  public initialize() {\n    this.generatedAnswerCommon = new GeneratedAnswerCommon({\n      host: this.host,\n      withToggle: this.withToggle,\n      collapsible: this.collapsible,\n      disableCitationAnchoring: this.disableCitationAnchoring,\n      getGeneratedAnswer: () => this.generatedAnswer,\n      getGeneratedAnswerState: () => this.generatedAnswerState,\n      getSearchStatusState: () => this.searchStatusState,\n      getBindings: () => this.bindings,\n      getCopied: () => this.copied,\n      setCopied: this.setCopied,\n      getCopyError: () => this.copyError,\n      setCopyError: this.setCopyError,\n      setAriaMessage: this.setAriaMessage,\n      buildInteractiveCitation: (props) =>\n        buildInsightInteractiveCitation(this.bindings.engine, props),\n    });\n    this.generatedAnswer = buildInsightGeneratedAnswer(this.bindings.engine, {\n      initialState: {\n        isVisible: this.generatedAnswerCommon.data.isVisible,\n        responseFormat: {\n          contentFormat: ['text/markdown', 'text/plain'],\n        },\n      },\n      ...(this.answerConfigurationId && {\n        answerConfigurationId: this.answerConfigurationId,\n      }),\n      fieldsToIncludeInCitations: this.getCitationFields(),\n    });\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n    this.generatedAnswerCommon.insertFeedbackModal();\n\n    if (window.ResizeObserver && this.collapsible) {\n      const debouncedAdaptAnswerHeight = debounce(\n        () => this.adaptAnswerHeight(),\n        100\n      );\n      this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);\n      this.resizeObserver.observe(this.host);\n    }\n  }\n\n  @Watch('generatedAnswerState')\n  public updateAnswerCollapsed(\n    newState: InsightGeneratedAnswerState,\n    oldState: InsightGeneratedAnswerState\n  ) {\n    const newExpanded = newState.expanded;\n    const oldExpanded = oldState ? oldState.expanded : undefined;\n\n    if (newExpanded !== oldExpanded) {\n      const container = this.getAnswerContainer();\n\n      if (!container) {\n        return;\n      }\n\n      this.toggleClass(container, 'answer-collapsed', !newExpanded);\n    }\n  }\n\n  public disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  // @ts-expect-error: This function is used by BindStateToController.\n  private onGeneratedAnswerStateUpdate = () => {\n    if (\n      this.generatedAnswerState.isVisible !==\n      this.generatedAnswerCommon?.data?.isVisible\n    ) {\n      this.generatedAnswerCommon.data = {\n        ...this.generatedAnswerCommon.data,\n        isVisible: this.generatedAnswerState.isVisible,\n      };\n      this.generatedAnswerCommon.writeStoredData(\n        this.generatedAnswerCommon.data\n      );\n    }\n\n    this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());\n  };\n\n  private setCopied = (isCopied: boolean) => {\n    this.copied = isCopied;\n  };\n\n  private setCopyError = (copyError: boolean) => {\n    this.copyError = copyError;\n  };\n\n  private setAriaMessage = (message: string) => {\n    this.ariaMessage = message;\n  };\n\n  private toggleClass(element: Element, className: string, condition: boolean) {\n    element.classList.toggle(className, condition);\n  }\n\n  private adaptAnswerHeight() {\n    const answerHeight = this.host?.shadowRoot\n      ?.querySelector('[part=\"generated-text\"]')\n      ?.getBoundingClientRect().height;\n\n    if (answerHeight) {\n      const rootFontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize\n      );\n\n      this.fullAnswerHeight = answerHeight / rootFontSize;\n\n      this.updateAnswerHeight();\n    }\n  }\n\n  private getAnswerContainer() {\n    return this.host?.shadowRoot?.querySelector('[part=\"generated-container\"]');\n  }\n\n  private getAnswerFooter() {\n    return this.host?.shadowRoot?.querySelector(\n      '[part=\"generated-answer-footer\"]'\n    );\n  }\n\n  private getCitationFields() {\n    return (this.fieldsToIncludeInCitations ?? '')\n      .split(',')\n      .map((field) => field.trim())\n      .filter((field) => field.length > 0)\n      .concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS)\n  }\n\n  private validateMaxCollapsedHeight(): number {\n    const isValid =\n      this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&\n      this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;\n\n    if (!isValid) {\n      console.warn(\n        `max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`\n      );\n    }\n\n    return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;\n  }\n\n  private setCSSVariable(variableName: string, value: string) {\n    const container = this.getAnswerContainer();\n    if (container) {\n      (container as HTMLElement).style.setProperty(variableName, value);\n    }\n  }\n\n  private updateAnswerHeight() {\n    const container = this.getAnswerContainer();\n    const footer = this.getAnswerFooter();\n    const maxHeight = this.validateMaxCollapsedHeight();\n\n    if (!container || !footer) {\n      return;\n    }\n\n    if (this.fullAnswerHeight! > maxHeight) {\n      this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);\n      this.toggleClass(\n        container,\n        'answer-collapsed',\n        !this.generatedAnswerState.expanded\n      );\n      this.toggleClass(footer, 'is-collapsible', true);\n      this.toggleClass(\n        footer,\n        'generating-label-visible',\n        this.generatedAnswerState.isStreaming\n      );\n    } else {\n      this.toggleClass(container, 'answer-collapsed', false);\n      this.toggleClass(footer, 'is-collapsible', false);\n      this.toggleClass(footer, 'generating-label-visible', false);\n    }\n  }\n\n  public render() {\n    return this.generatedAnswerCommon.render();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["atomicInsightGeneratedAnswerCss","AtomicInsightGeneratedAnswerStyle0","AtomicInsightGeneratedAnswer","this","DEFAULT_COLLAPSED_HEIGHT","MAX_COLLAPSED_HEIGHT","MIN_COLLAPSED_HEIGHT","REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS","copied","copyError","maxCollapsedHeight","onGeneratedAnswerStateUpdate","generatedAnswerState","isVisible","generatedAnswerCommon","data","writeStoredData","setAriaMessage","getGeneratedAnswerStatus","setCopied","isCopied","setCopyError","message","ariaMessage","initialize","GeneratedAnswerCommon","host","withToggle","collapsible","disableCitationAnchoring","getGeneratedAnswer","generatedAnswer","getGeneratedAnswerState","getSearchStatusState","searchStatusState","getBindings","bindings","getCopied","getCopyError","buildInteractiveCitation","props","buildInsightInteractiveCitation","engine","buildInsightGeneratedAnswer","initialState","responseFormat","contentFormat","answerConfigurationId","fieldsToIncludeInCitations","getCitationFields","searchStatus","buildInsightSearchStatus","insertFeedbackModal","window","ResizeObserver","debouncedAdaptAnswerHeight","debounce","adaptAnswerHeight","resizeObserver","observe","updateAnswerCollapsed","newState","oldState","newExpanded","expanded","oldExpanded","undefined","container","getAnswerContainer","toggleClass","disconnectedCallback","disconnect","element","className","condition","classList","toggle","answerHeight","shadowRoot","querySelector","getBoundingClientRect","height","rootFontSize","parseFloat","getComputedStyle","document","documentElement","fontSize","fullAnswerHeight","updateAnswerHeight","getAnswerFooter","split","map","field","trim","filter","length","concat","validateMaxCollapsedHeight","isValid","console","warn","setCSSVariable","variableName","value","style","setProperty","footer","maxHeight","isStreaming","render","__decorate","InitializeBindings","BindStateToController","onUpdateCallbackMethod","AriaLiveRegion"],"sources":["src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.pcss?tag=atomic-insight-generated-answer&encapsulation=shadow","src/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.tsx"],"sourcesContent":["@import '../../common/generated-answer/styles/generated-answer.pcss';\n","import {\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n  buildGeneratedAnswer as buildInsightGeneratedAnswer,\n  buildInteractiveCitation as buildInsightInteractiveCitation,\n  buildSearchStatus as buildInsightSearchStatus,\n  GeneratedAnswer as InsightGeneratedAnswer,\n  GeneratedAnswerState as InsightGeneratedAnswerState,\n} from '@coveo/headless/insight';\nimport {Component, Element, State, Prop, Watch} from '@stencil/core';\nimport {debounce} from '../../../utils/debounce-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {GeneratedAnswerCommon} from '../../common/generated-answer/generated-answer-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n * The `atomic-insight-generated-answer` component uses Coveo Machine Learning (Coveo ML) models to automatically generate an answer to a query executed by the user.\n * For more information, see [About Relevance Generative Answering (RGA)](https://docs.coveo.com/en/n9de0370/)\n *\n * @slot no-answer-message - Lets you pass a custom sorry message when no answer is generated.\n *\n * @part container - The container displaying the generated answer.\n * @part header-label - The header of the generated answer container.\n * @part feedback-button - The \"like\" and \"dislike\" buttons.\n * @part toggle - The switch to toggle the visibility of the generated answer.\n * @part copy-button - The \"Copy answer\" button.\n * @part retry-container - The container for the \"retry\" section.\n * @part generated-text - The text of the generated answer.\n * @part citations-label - The header of the citations list.\n *\n * @part answer-code-block - The generated answer multi-line code blocks.\n * @part answer-emphasis - The generated answer emphasized text elements.\n * @part answer-inline-code - The generated answer inline code elements.\n * @part answer-heading-1 - The generated answer level 1 heading elements.\n * @part answer-heading-2 - The generated answer level 2 heading elements.\n * @part answer-heading-3 - The generated answer level 3 heading elements.\n * @part answer-heading-4 - The generated answer level 4 heading elements.\n * @part answer-heading-5 - The generated answer level 5 heading elements.\n * @part answer-heading-6 - The generated answer level 6 heading elements.\n * @part answer-list-item - The generated answer list item elements for both ordered and unordered lists.\n * @part answer-ordered-list - The generated answer ordered list elements.\n * @part answer-paragraph - The generated answer paragraph elements.\n * @part answer-quote-block - The generated answer quote block elements.\n * @part answer-unordered-list - The generated answer unordered list elements.\n * @part answer-strong - The generated answer strong text elements.\n * @part answer-table - The generated answer table elements.\n * @part answer-table-container - The generated answer table container elements.\n * @part answer-table-content - The generated answer table content cell elements.\n * @part answer-table-header - The generated answer table header cell elements.\n *\n * @part citation - The link that allows the user to navigate to the item.\n * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.\n */\n@Component({\n  tag: 'atomic-insight-generated-answer',\n  styleUrl: 'atomic-insight-generated-answer.pcss',\n  shadow: true,\n})\nexport class AtomicInsightGeneratedAnswer\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public generatedAnswer!: InsightGeneratedAnswer;\n  public searchStatus!: InsightSearchStatus;\n  private resizeObserver?: ResizeObserver;\n\n  private readonly DEFAULT_COLLAPSED_HEIGHT = 16;\n  private readonly MAX_COLLAPSED_HEIGHT = 32;\n  private readonly MIN_COLLAPSED_HEIGHT = 9;\n  private readonly REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];\n\n  @BindStateToController('generatedAnswer', {\n    onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',\n  })\n  @State()\n  private generatedAnswerState!: InsightGeneratedAnswerState;\n\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: InsightSearchStatusState;\n\n  @State()\n  public error!: Error;\n\n  @Element() private host!: HTMLElement;\n\n  @State()\n  copied = false;\n\n  @State()\n  copyError = false;\n\n  /**\n   * Whether to render a toggle button that lets the user hide or show the answer.\n   * @default false\n   */\n  @Prop() withToggle?: boolean;\n\n  /**\n   * Whether to allow the answer to be collapsed when the text is taller than 250px.\n   * @default false\n   */\n  @Prop() collapsible?: boolean;\n\n  /**\n   * The maximum height (in rem units) of the answer when collapsed.\n   *\n   */\n  @Prop() maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n\n  /**\n   * @internal\n   * The unique identifier of the answer configuration to use to generate the answer.\n   */\n  @Prop() answerConfigurationId?: string;\n\n  /**\n   * A list of fields to include with the citations used to generate the answer.\n   */\n  @Prop() fieldsToIncludeInCitations?: string;\n\n  /**\n   * Option to disable citation anchoring.\n   * @default false\n   */\n  @Prop() disableCitationAnchoring?: boolean;\n\n  @AriaLiveRegion('generated-answer')\n  protected ariaMessage!: string;\n\n  private generatedAnswerCommon!: GeneratedAnswerCommon;\n  private fullAnswerHeight?: number;\n\n  public initialize() {\n    this.generatedAnswerCommon = new GeneratedAnswerCommon({\n      host: this.host,\n      withToggle: this.withToggle,\n      collapsible: this.collapsible,\n      disableCitationAnchoring: this.disableCitationAnchoring,\n      getGeneratedAnswer: () => this.generatedAnswer,\n      getGeneratedAnswerState: () => this.generatedAnswerState,\n      getSearchStatusState: () => this.searchStatusState,\n      getBindings: () => this.bindings,\n      getCopied: () => this.copied,\n      setCopied: this.setCopied,\n      getCopyError: () => this.copyError,\n      setCopyError: this.setCopyError,\n      setAriaMessage: this.setAriaMessage,\n      buildInteractiveCitation: (props) =>\n        buildInsightInteractiveCitation(this.bindings.engine, props),\n    });\n    this.generatedAnswer = buildInsightGeneratedAnswer(this.bindings.engine, {\n      initialState: {\n        isVisible: this.generatedAnswerCommon.data.isVisible,\n        responseFormat: {\n          contentFormat: ['text/markdown', 'text/plain'],\n        },\n      },\n      ...(this.answerConfigurationId && {\n        answerConfigurationId: this.answerConfigurationId,\n      }),\n      fieldsToIncludeInCitations: this.getCitationFields(),\n    });\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n    this.generatedAnswerCommon.insertFeedbackModal();\n\n    if (window.ResizeObserver && this.collapsible) {\n      const debouncedAdaptAnswerHeight = debounce(\n        () => this.adaptAnswerHeight(),\n        100\n      );\n      this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);\n      this.resizeObserver.observe(this.host);\n    }\n  }\n\n  @Watch('generatedAnswerState')\n  public updateAnswerCollapsed(\n    newState: InsightGeneratedAnswerState,\n    oldState: InsightGeneratedAnswerState\n  ) {\n    const newExpanded = newState.expanded;\n    const oldExpanded = oldState ? oldState.expanded : undefined;\n\n    if (newExpanded !== oldExpanded) {\n      const container = this.getAnswerContainer();\n\n      if (!container) {\n        return;\n      }\n\n      this.toggleClass(container, 'answer-collapsed', !newExpanded);\n    }\n  }\n\n  public disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  // @ts-expect-error: This function is used by BindStateToController.\n  private onGeneratedAnswerStateUpdate = () => {\n    if (\n      this.generatedAnswerState.isVisible !==\n      this.generatedAnswerCommon?.data?.isVisible\n    ) {\n      this.generatedAnswerCommon.data = {\n        ...this.generatedAnswerCommon.data,\n        isVisible: this.generatedAnswerState.isVisible,\n      };\n      this.generatedAnswerCommon.writeStoredData(\n        this.generatedAnswerCommon.data\n      );\n    }\n\n    this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());\n  };\n\n  private setCopied = (isCopied: boolean) => {\n    this.copied = isCopied;\n  };\n\n  private setCopyError = (copyError: boolean) => {\n    this.copyError = copyError;\n  };\n\n  private setAriaMessage = (message: string) => {\n    this.ariaMessage = message;\n  };\n\n  private toggleClass(element: Element, className: string, condition: boolean) {\n    element.classList.toggle(className, condition);\n  }\n\n  private adaptAnswerHeight() {\n    const answerHeight = this.host?.shadowRoot\n      ?.querySelector('[part=\"generated-text\"]')\n      ?.getBoundingClientRect().height;\n\n    if (answerHeight) {\n      const rootFontSize = parseFloat(\n        getComputedStyle(document.documentElement).fontSize\n      );\n\n      this.fullAnswerHeight = answerHeight / rootFontSize;\n\n      this.updateAnswerHeight();\n    }\n  }\n\n  private getAnswerContainer() {\n    return this.host?.shadowRoot?.querySelector('[part=\"generated-container\"]');\n  }\n\n  private getAnswerFooter() {\n    return this.host?.shadowRoot?.querySelector(\n      '[part=\"generated-answer-footer\"]'\n    );\n  }\n\n  private getCitationFields() {\n    return (this.fieldsToIncludeInCitations ?? '')\n      .split(',')\n      .map((field) => field.trim())\n      .filter((field) => field.length > 0)\n      .concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS)\n  }\n\n  private validateMaxCollapsedHeight(): number {\n    const isValid =\n      this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&\n      this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;\n\n    if (!isValid) {\n      console.warn(\n        `max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`\n      );\n    }\n\n    return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;\n  }\n\n  private setCSSVariable(variableName: string, value: string) {\n    const container = this.getAnswerContainer();\n    if (container) {\n      (container as HTMLElement).style.setProperty(variableName, value);\n    }\n  }\n\n  private updateAnswerHeight() {\n    const container = this.getAnswerContainer();\n    const footer = this.getAnswerFooter();\n    const maxHeight = this.validateMaxCollapsedHeight();\n\n    if (!container || !footer) {\n      return;\n    }\n\n    if (this.fullAnswerHeight! > maxHeight) {\n      this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);\n      this.toggleClass(\n        container,\n        'answer-collapsed',\n        !this.generatedAnswerState.expanded\n      );\n      this.toggleClass(footer, 'is-collapsible', true);\n      this.toggleClass(\n        footer,\n        'generating-label-visible',\n        this.generatedAnswerState.isStreaming\n      );\n    } else {\n      this.toggleClass(container, 'answer-collapsed', false);\n      this.toggleClass(footer, 'is-collapsible', false);\n      this.toggleClass(footer, 'generating-label-visible', false);\n    }\n  }\n\n  public render() {\n    return this.generatedAnswerCommon.render();\n  }\n}\n"],"mappings":"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","ignoreList":[]}