@coveo/atomic 3.35.0-pre.46fb6c9af7 → 3.35.0-pre.4f7e2eb74a

package/dist/atomic/components/components/search/atomic-result-section-visual/atomic-result-section-visual.js

@@ -0,0 +1,29 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
+/**
+ * This section provides visual information about the item.
+ * For example, in Commerce, an image is a great shorthand for a result category.
+ * An icon can quickly show the item type, or an avatar can help identify to whom it is related.
+ *
+ * Behavior:
+ * * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.
+ * ** When the image size is set to `icon`, this section stays very small.
+ * ** You should ensure that elements inside of it take the available space.
+ * * Always has a 1:1 aspect ratio.
+ */
+let AtomicResultSectionVisual = class AtomicResultSectionVisual extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-result-section-visual{&.with-sections{overflow:hidden;text-overflow:ellipsis}&.with-sections{grid-area:visual;&.image-icon{border-radius:var(--atomic-border-radius);height:2rem;width:2rem}&.image-none{display:none}@media (width >= 1024px){&.display-list{margin-right:1rem;&.density-comfortable{margin-right:1.5rem}&.image-large{&.density-compact{height:10rem;width:10rem}&.density-comfortable,&.density-normal{height:20.375rem;width:20.375rem}}&.image-small{height:10rem;width:10rem}}&.display-grid{margin-bottom:.5rem;&.image-large,&.image-small{width:100%;&.density-comfortable{margin:0 auto 2rem}&.density-normal{margin:0 auto 1.5rem}&.density-compact{margin:0 auto 1rem}}&.image-large{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:19.75rem}}&.image-small{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:14rem}}}}@media not all and (width >= 1024px){&.display-list{margin-right:1rem;&.image-large{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:7.25rem}margin-bottom:1rem;margin-right:0;width:100%}&.image-small{height:24vw;margin-bottom:1rem;width:24vw}&.image-icon{margin-bottom:0}}&.display-grid{&.image-large{margin-right:1rem;&.image-large{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:7.25rem}margin-bottom:1rem;margin-right:0;width:100%}&.image-small{height:24vw;margin-bottom:1rem;width:24vw}&.image-icon{margin-bottom:0}}&.image-icon,&.image-none,&.image-small{&.image-large,&.image-small{width:100%;&.density-comfortable{margin-bottom:1rem}&.density-normal{margin-bottom:.75rem}&.density-compact{margin-bottom:.5rem}}&.image-small{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:9rem}height:10.25rem;width:10.25rem}}}}&.display-table{margin-right:1rem;&.density-comfortable{margin-right:1.5rem}&.image-large{&.density-compact{height:10rem;width:10rem}&.density-comfortable,&.density-normal{height:20.375rem;width:20.375rem}}&.image-small{height:10rem;width:10rem}}}}`) {
+};
+__decorate([
+    property({ reflect: true, attribute: 'image-size', type: Object })
+], AtomicResultSectionVisual.prototype, "imageSize", void 0);
+AtomicResultSectionVisual = __decorate([
+    customElement('atomic-result-section-visual')
+], AtomicResultSectionVisual);
+export { AtomicResultSectionVisual };

package/dist/atomic/components/components/search/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js

@@ -0,0 +1,104 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { loadQuerySuggestActions, } from '@coveo/headless';
+import { html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { getPartialSearchBoxSuggestionElement, renderQuerySuggestion, } from "../../common/suggestions/query-suggestions";
+import { dispatchSearchBoxSuggestionsEvent } from "../../common/suggestions/suggestions-events";
+import { errorGuard } from "../../../decorators/error-guard";
+const SearchIcon = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m6.4 0c3.5 0 6.4 2.9 6.4 6.4 0 1.4-.4 2.7-1.2 3.7l4 4c.4.4.4 1 .1 1.5l-.1.1c-.2.2-.5.3-.8.3s-.6-.1-.8-.3l-4-4c-1 .7-2.3 1.2-3.7 1.2-3.4-.1-6.3-3-6.3-6.5s2.9-6.4 6.4-6.4zm0 2.1c-2.3 0-4.3 1.9-4.3 4.3s1.9 4.3 4.3 4.3 4.3-1.9 4.3-4.3-1.9-4.3-4.3-4.3z\"/></svg>";
+/**
+ * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
+ */
+let AtomicSearchBoxQuerySuggestions = class AtomicSearchBoxQuerySuggestions extends LitElement {
+    connectedCallback() {
+        try {
+            super.connectedCallback();
+        }
+        catch (error) {
+            this.error = error;
+            return;
+        }
+        try {
+            dispatchSearchBoxSuggestionsEvent((bindings) => {
+                this.bindings = bindings;
+                return this.initialize();
+            }, this, ['atomic-search-box']);
+        }
+        catch (error) {
+            this.error = error;
+        }
+    }
+    initialize() {
+        const engine = this.bindings.engine;
+        const { registerQuerySuggest, fetchQuerySuggestions } = loadQuerySuggestActions(engine);
+        const numberOfQueries = this.bindings.numberOfQueries;
+        const maxWithQuery = this.maxWithQuery;
+        if (maxWithQuery !== undefined && numberOfQueries < maxWithQuery) {
+            const logger = this.bindings.engine.logger;
+            logger.warn(`Query suggestions config mismatch: number-of-queries (${numberOfQueries}) < max-with-query (${maxWithQuery}). Update one to match the other.`);
+        }
+        engine.dispatch(registerQuerySuggest({
+            id: this.bindings.id,
+            count: this.bindings.numberOfQueries,
+        }));
+        return {
+            position: Array.from(this.parentNode.children).indexOf(this),
+            onInput: () => engine.dispatch(fetchQuerySuggestions({
+                id: this.bindings.id,
+            })),
+            renderItems: () => this.renderItems(),
+        };
+    }
+    renderItems() {
+        const hasQuery = this.bindings.searchBoxController.state.value !== '';
+        const max = hasQuery ? this.maxWithQuery : this.maxWithoutQuery;
+        return this.bindings.searchBoxController.state.suggestions
+            .slice(0, max)
+            .map((suggestion) => this.renderItem(suggestion));
+    }
+    renderItem(suggestion) {
+        const partialItem = getPartialSearchBoxSuggestionElement(suggestion, this.bindings.i18n);
+        const icon = this.icon ? this.icon : SearchIcon;
+        const hasQuery = this.bindings.searchBoxController.state.value !== '';
+        const hasMultipleKindOfSuggestions = this.bindings.getSuggestions().length > 1;
+        return {
+            ...partialItem,
+            content: renderQuerySuggestion({
+                icon,
+                hasQuery,
+                suggestion,
+                hasMultipleKindOfSuggestions,
+            }),
+            onSelect: () => {
+                this.bindings.searchBoxController.selectSuggestion(suggestion.rawValue);
+            },
+        };
+    }
+    render() {
+        return html `${nothing}`;
+    }
+};
+__decorate([
+    state()
+], AtomicSearchBoxQuerySuggestions.prototype, "error", void 0);
+__decorate([
+    property()
+], AtomicSearchBoxQuerySuggestions.prototype, "icon", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-with-query', reflect: true })
+], AtomicSearchBoxQuerySuggestions.prototype, "maxWithQuery", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-without-query', reflect: true })
+], AtomicSearchBoxQuerySuggestions.prototype, "maxWithoutQuery", void 0);
+__decorate([
+    errorGuard()
+], AtomicSearchBoxQuerySuggestions.prototype, "render", null);
+AtomicSearchBoxQuerySuggestions = __decorate([
+    customElement('atomic-search-box-query-suggestions')
+], AtomicSearchBoxQuerySuggestions);
+export { AtomicSearchBoxQuerySuggestions };

package/dist/atomic/components/components/search/index.js

@@ -2,8 +2,18 @@
 export { AtomicPager } from './atomic-pager/atomic-pager.js';
 export { AtomicQuerySummary } from './atomic-query-summary/atomic-query-summary.js';
 export { AtomicRelevanceInspector } from './atomic-relevance-inspector/atomic-relevance-inspector.js';
+export { AtomicResultSectionActions } from './atomic-result-section-actions/atomic-result-section-actions.js';
+export { AtomicResultSectionBadges } from './atomic-result-section-badges/atomic-result-section-badges.js';
+export { AtomicResultSectionBottomMetadata } from './atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js';
+export { AtomicResultSectionChildren } from './atomic-result-section-children/atomic-result-section-children.js';
+export { AtomicResultSectionEmphasized } from './atomic-result-section-emphasized/atomic-result-section-emphasized.js';
+export { AtomicResultSectionExcerpt } from './atomic-result-section-excerpt/atomic-result-section-excerpt.js';
+export { AtomicResultSectionTitle } from './atomic-result-section-title/atomic-result-section-title.js';
+export { AtomicResultSectionTitleMetadata } from './atomic-result-section-title-metadata/atomic-result-section-title-metadata.js';
+export { AtomicResultSectionVisual } from './atomic-result-section-visual/atomic-result-section-visual.js';
 export { AtomicResultsPerPage } from './atomic-results-per-page/atomic-results-per-page.js';
 export { AtomicSearchBoxInstantResults } from './atomic-search-box-instant-results/atomic-search-box-instant-results.js';
+export { AtomicSearchBoxQuerySuggestions } from './atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js';
 export { AtomicSearchBoxRecentQueries } from './atomic-search-box-recent-queries/atomic-search-box-recent-queries.js';
 export { AtomicSearchInterface } from './atomic-search-interface/atomic-search-interface.js';
 export { AtomicSearchLayout } from './atomic-search-layout/atomic-search-layout.js';

package/dist/atomic/components/components/search/lazy-index.js

@@ -3,8 +3,18 @@ export default {
     'atomic-pager': async () => await import('./atomic-pager/atomic-pager.js'),
     'atomic-query-summary': async () => await import('./atomic-query-summary/atomic-query-summary.js'),
     'atomic-relevance-inspector': async () => await import('./atomic-relevance-inspector/atomic-relevance-inspector.js'),
+    'atomic-result-section-actions': async () => await import('./atomic-result-section-actions/atomic-result-section-actions.js'),
+    'atomic-result-section-badges': async () => await import('./atomic-result-section-badges/atomic-result-section-badges.js'),
+    'atomic-result-section-bottom-metadata': async () => await import('./atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js'),
+    'atomic-result-section-children': async () => await import('./atomic-result-section-children/atomic-result-section-children.js'),
+    'atomic-result-section-emphasized': async () => await import('./atomic-result-section-emphasized/atomic-result-section-emphasized.js'),
+    'atomic-result-section-excerpt': async () => await import('./atomic-result-section-excerpt/atomic-result-section-excerpt.js'),
+    'atomic-result-section-title': async () => await import('./atomic-result-section-title/atomic-result-section-title.js'),
+    'atomic-result-section-title-metadata': async () => await import('./atomic-result-section-title-metadata/atomic-result-section-title-metadata.js'),
+    'atomic-result-section-visual': async () => await import('./atomic-result-section-visual/atomic-result-section-visual.js'),
     'atomic-results-per-page': async () => await import('./atomic-results-per-page/atomic-results-per-page.js'),
     'atomic-search-box-instant-results': async () => await import('./atomic-search-box-instant-results/atomic-search-box-instant-results.js'),
+    'atomic-search-box-query-suggestions': async () => await import('./atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js'),
     'atomic-search-box-recent-queries': async () => await import('./atomic-search-box-recent-queries/atomic-search-box-recent-queries.js'),
     'atomic-search-interface': async () => await import('./atomic-search-interface/atomic-search-interface.js'),
     'atomic-search-layout': async () => await import('./atomic-search-layout/atomic-search-layout.js'),

package/dist/atomic/components/facet-guard.js

@@ -1,6 +1,9 @@
 import { h, Fragment } from '@stencil/core/internal/client';
 import { H as Hidden } from './initialization-utils.js';
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const FacetGuard = ({ hasError, enabled, firstSearchExecuted, hasResults }, children) => {
     if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {
         return h(Hidden, null);

package/dist/atomic/components/facet-guard.js.map

@@ -1 +1 @@
-{"file":"facet-guard.js","mappings":";;;MASa,UAAU,GAAyC,CAC9D,EAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAC,EACpD,QAAQ;IAER,IAAI,QAAQ,IAAI,CAAC,OAAO,KAAK,mBAAmB,IAAI,CAAC,UAAU,CAAC,EAAE;QAChE,OAAO,EAAC,MAAM,OAAU,CAAC;KAC1B;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;;;","names":[],"sources":["src/components/common/facets/facet-guard.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {Hidden} from '../stencil-hidden';\n\ninterface FacetGuardProps {\n  hasError: boolean;\n  enabled: boolean;\n  firstSearchExecuted: boolean;\n  hasResults: boolean;\n}\nexport const FacetGuard: FunctionalComponent<FacetGuardProps> = (\n  {hasError, enabled, firstSearchExecuted, hasResults},\n  children\n) => {\n  if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {\n    return <Hidden></Hidden>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n"],"version":3}
+{"file":"facet-guard.js","mappings":";;;AAUA;;;MAGa,UAAU,GAAyC,CAC9D,EAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAC,EACpD,QAAQ;IAER,IAAI,QAAQ,IAAI,CAAC,OAAO,KAAK,mBAAmB,IAAI,CAAC,UAAU,CAAC,EAAE;QAChE,OAAO,EAAC,MAAM,OAAU,CAAC;KAC1B;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;;;","names":[],"sources":["src/components/common/facets/facet-guard.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {Hidden} from '../stencil-hidden';\n\ninterface FacetGuardProps {\n  hasError: boolean;\n  enabled: boolean;\n  firstSearchExecuted: boolean;\n  hasResults: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetGuard: FunctionalComponent<FacetGuardProps> = (\n  {hasError, enabled, firstSearchExecuted, hasResults},\n  children\n) => {\n  if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {\n    return <Hidden></Hidden>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n"],"version":3}

package/dist/atomic/components/facet-placeholder.js

@@ -1,5 +1,8 @@
 import { h } from '@stencil/core/internal/client';
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const FacetPlaceholder = ({ numberOfValues, isCollapsed, }) => {
     const facetValues = [];
     for (let i = 0; i < numberOfValues; i++) {

package/dist/atomic/components/facet-placeholder.js.map

@@ -1 +1 @@
-{"file":"facet-placeholder.js","mappings":";;MAOa,gBAAgB,GAA+C,CAAC,EAC3E,cAAc,EACd,WAAW,GACZ;IACC,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,EAAE,EAAE;QACvC,WAAW,CAAC,IAAI,CACd,WACE,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAC,GACjC,CACR,CAAC;KACH;IAED,QACE,WACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,uEAAuE,iBACjE,MAAM;QAElB,WAAK,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,GAAQ;QAChE,CAAC,WAAW,IAAI,WAAK,KAAK,EAAC,MAAM,IAAE,WAAW,CAAO,CAClD,EACN;AACJ;;;;","names":[],"sources":["src/components/common/facets/facet-placeholder/facet-placeholder.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\nexport interface FacetPlaceholderProps {\n  numberOfValues: number;\n  isCollapsed: boolean;\n}\n\nexport const FacetPlaceholder: FunctionalComponent<FacetPlaceholderProps> = ({\n  numberOfValues,\n  isCollapsed,\n}) => {\n  const facetValues = [];\n  for (let i = 0; i < numberOfValues; i++) {\n    facetValues.push(\n      <div\n        class=\"bg-neutral mt-4 flex h-5\"\n        style={{width: '100%', opacity: '0.5'}}\n      ></div>\n    );\n  }\n\n  return (\n    <div\n      part=\"placeholder\"\n      class=\"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7\"\n      aria-hidden=\"true\"\n    >\n      <div class=\"bg-neutral h-8 rounded\" style={{width: '75%'}}></div>\n      {!isCollapsed && <div class=\"mt-7\">{facetValues}</div>}\n    </div>\n  );\n};\n"],"version":3}
+{"file":"facet-placeholder.js","mappings":";;AAOA;;;MAGa,gBAAgB,GAA+C,CAAC,EAC3E,cAAc,EACd,WAAW,GACZ;IACC,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,EAAE,EAAE;QACvC,WAAW,CAAC,IAAI,CACd,WACE,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAC,GACjC,CACR,CAAC;KACH;IAED,QACE,WACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,uEAAuE,iBACjE,MAAM;QAElB,WAAK,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,GAAQ;QAChE,CAAC,WAAW,IAAI,WAAK,KAAK,EAAC,MAAM,IAAE,WAAW,CAAO,CAClD,EACN;AACJ;;;;","names":[],"sources":["src/components/common/facets/facet-placeholder/facet-placeholder.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface FacetPlaceholderProps {\n  numberOfValues: number;\n  isCollapsed: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetPlaceholder: FunctionalComponent<FacetPlaceholderProps> = ({\n  numberOfValues,\n  isCollapsed,\n}) => {\n  const facetValues = [];\n  for (let i = 0; i < numberOfValues; i++) {\n    facetValues.push(\n      <div\n        class=\"bg-neutral mt-4 flex h-5\"\n        style={{width: '100%', opacity: '0.5'}}\n      ></div>\n    );\n  }\n\n  return (\n    <div\n      part=\"placeholder\"\n      class=\"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7\"\n      aria-hidden=\"true\"\n    >\n      <div class=\"bg-neutral h-8 rounded\" style={{width: '75%'}}></div>\n      {!isCollapsed && <div class=\"mt-7\">{facetValues}</div>}\n    </div>\n  );\n};\n"],"version":3}

package/dist/atomic/components/generated-answer-common.js

@@ -8,6 +8,9 @@ import { c as commonjsGlobal } from './_commonjsHelpers.js';
 import { A as ArrowBottomIcon } from './arrow-bottom-rounded.js';
 import { A as ArrowUp } from './arrow-top-rounded.js';
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const Switch = (props) => {
     const attributes = {
         onClick: () => props.onToggle?.(!props.checked),
@@ -50,6 +53,9 @@ const CopyIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xm
 </svg>
 `;
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const CopyButton = (props) => {
     return (h(Button, { title: props.title, part: "copy-button", style: 'text-transparent', class: `rounded-md p-2 ${props.isCopied ? 'copied' : ''} ${props.error ? 'error' : ''}`, onClick: props.onClick },
         h("div", { class: "icon-container text-neutral-dark" },
@@ -74,6 +80,9 @@ const Thumbs = `<svg
 </svg>
 `;
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const FeedbackButton = (props) => {
     return (h(Button, { title: props.title, style: "text-transparent", part: "feedback-button", class: `feedback-button rounded-md p-2 ${props.variant} ${props.active ? 'active' : ''}`, onClick: props.onClick, ariaPressed: `${props.active}` },
         h("atomic-icon", { class: "w-5", icon: Thumbs })));
@@ -2641,31 +2650,49 @@ const transformMarkdownToHtml = (text) => {
     return marked_umd.exports.marked.use({ renderer: customRenderer }).parse(text);
 };
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const GeneratedMarkdownContent = (props) => {
     const answerAsHtml = DOMPurify.sanitize(transformMarkdownToHtml(props.answer ?? ''), { ADD_ATTR: ['part'] });
     return (h("div", { part: "generated-text", class: `text-on-background mb-0 ${props.isStreaming ? 'cursor' : ''}`, innerHTML: answerAsHtml }));
 };
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const GeneratedTextContent = (props) => {
     return (h("p", { part: "generated-text", class: `text-on-background mb-0 whitespace-pre-wrap ${props.isStreaming ? 'cursor' : ''}` }, props.answer));
 };
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const GeneratedContentContainer = (props, children) => {
     return (h("div", { part: "generated-container", class: "mt-6" },
         props.answerContentFormat === 'text/markdown' ? (h(GeneratedMarkdownContent, { answer: props.answer, isStreaming: props.isStreaming })) : (h(GeneratedTextContent, { answer: props.answer, isStreaming: props.isStreaming })),
         h("div", { class: "footer mt-6" }, children)));
 };
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const RetryPrompt = (props) => (h("div", { part: "retry-container", class: "mt-4" },
     h("div", { class: "text-neutral-dark mx-auto text-center" }, props.message),
     h(Button, { class: "mx-auto mt-4 block px-4 py-2", style: "outline-primary", onClick: props.onClick }, props.buttonLabel)));
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const ShowButton = (props) => (h(Button, { style: "text-primary", part: "answer-show-button", class: "hidden items-center hover:bg-transparent", onClick: () => props.onClick() },
     h("div", { class: "text-base font-light" }, props.isCollapsed
         ? props.i18n.t('show-more')
         : props.i18n.t('show-less')),
     h("atomic-icon", { part: "answer-show-icon", class: "ml-2 w-3.5", icon: props.isCollapsed ? ArrowBottomIcon : ArrowUp })));
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const SourceCitations = (props, children) => props.isVisible ? (h("div", { class: "source-citations" },
     h("p", { part: "citations-label", class: "text-neutral-dark mb-2 shrink-0" }, props.label),
     h("ol", { class: "citations-container flex list-none flex-wrap items-center gap-2" }, children))) : null;