@coveo/atomic 3.60.2 → 3.60.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +1240 -1240
- package/dist/cjs/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.cjs +2 -6
- package/dist/cjs/components/commerce/atomic-commerce-facets/atomic-commerce-facets.cjs +1 -3
- package/dist/cjs/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tw.css.cjs +3 -11
- package/dist/cjs/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.cjs +1 -2
- package/dist/cjs/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.cjs +3 -12
- package/dist/cjs/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.cjs +10 -10
- package/dist/cjs/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.cjs +4 -4
- package/dist/cjs/components/commerce/atomic-product-children/atomic-product-children.cjs +1 -3
- package/dist/cjs/components/commerce/atomic-product-description/atomic-product-description.cjs +1 -3
- package/dist/cjs/components/commerce/atomic-product-link/atomic-product-link.cjs +1 -4
- package/dist/cjs/components/commerce/atomic-product-multi-value-text/atomic-product-multi-value-text.cjs +2 -7
- package/dist/cjs/components/commerce/atomic-product-rating/atomic-product-rating.cjs +1 -3
- package/dist/cjs/components/common/atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.cjs +2 -6
- package/dist/cjs/components/common/atomic-ask-follow-up-input/atomic-ask-follow-up-input.cjs +1 -6
- package/dist/cjs/components/common/atomic-citation/atomic-citation.cjs +1 -5
- package/dist/cjs/components/common/atomic-facet-date-input/atomic-facet-date-input.cjs +2 -10
- package/dist/cjs/components/common/atomic-facet-number-input/atomic-facet-number-input.cjs +2 -10
- package/dist/cjs/components/common/atomic-facet-placeholder/atomic-facet-placeholder.cjs +1 -5
- package/dist/cjs/components/common/atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.cjs +23 -35
- package/dist/cjs/components/common/atomic-generated-answer-thread/atomic-generated-answer-thread.cjs +3 -8
- package/dist/cjs/components/common/atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.cjs +1 -3
- package/dist/cjs/components/common/atomic-rating/rating.cjs +2 -5
- package/dist/cjs/components/common/atomic-result-placeholder/atomic-result-placeholder.cjs +2 -9
- package/dist/cjs/components/common/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.cjs +2 -11
- package/dist/cjs/components/common/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.cjs +1 -4
- package/dist/cjs/components/common/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.tw.css.cjs +2 -11
- package/dist/cjs/components/common/atomic-smart-snippet-source/atomic-smart-snippet-source.cjs +1 -4
- package/dist/cjs/components/common/atomic-tab-button/atomic-tab-button.cjs +1 -4
- package/dist/cjs/components/common/atomic-tab-popover/atomic-tab-popover.cjs +1 -3
- package/dist/cjs/components/common/breadbox/breadcrumb-content.cjs +1 -5
- package/dist/cjs/components/common/button.cjs +1 -2
- package/dist/cjs/components/common/carousel.cjs +1 -3
- package/dist/cjs/components/common/expandable-text/expandable-text.cjs +2 -9
- package/dist/cjs/components/common/facets/category-facet/all-categories-button.cjs +1 -5
- package/dist/cjs/components/common/facets/category-facet/parent-button.cjs +1 -5
- package/dist/cjs/components/common/facets/category-facet/search-value.cjs +1 -3
- package/dist/cjs/components/common/facets/facet-container/facet-container.cjs +2 -7
- package/dist/cjs/components/common/facets/facet-placeholder/facet-placeholder.cjs +1 -4
- package/dist/cjs/components/common/facets/facet-search/facet-search-input.cjs +1 -4
- package/dist/cjs/components/common/facets/facet-value-box/facet-value-box.tw.css.cjs +1 -4
- package/dist/cjs/components/common/generated-answer/generated-content/generated-markdown-content.cjs +1 -4
- package/dist/cjs/components/common/generated-answer/generated-content/generated-markdown-content.tw.css.cjs +4 -16
- package/dist/cjs/components/common/generated-answer/render-conversation-debug-header.cjs +2 -7
- package/dist/cjs/components/common/generated-answer/render-generating-answer-label.cjs +1 -4
- package/dist/cjs/components/common/generated-answer/source-citations.cjs +2 -6
- package/dist/cjs/components/common/image-carousel/image-carousel.cjs +2 -8
- package/dist/cjs/components/common/item-list/display-wrapper.cjs +1 -3
- package/dist/cjs/components/common/item-list/table-layout.cjs +2 -8
- package/dist/cjs/components/common/items-per-page/choices.cjs +1 -6
- package/dist/cjs/components/common/items-per-page/label.cjs +8 -8
- package/dist/cjs/components/common/load-more/container.cjs +1 -3
- package/dist/cjs/components/common/load-more/summary.cjs +1 -3
- package/dist/cjs/components/common/no-items/container.cjs +3 -5
- package/dist/cjs/components/common/no-items/no-items.cjs +1 -6
- package/dist/cjs/components/common/query-error/link.cjs +1 -5
- package/dist/cjs/components/common/query-summary/container.cjs +1 -3
- package/dist/cjs/components/common/refine-modal/filters.cjs +1 -4
- package/dist/cjs/components/common/refine-modal/modal.cjs +1 -5
- package/dist/cjs/components/common/refine-modal/sort.cjs +2 -9
- package/dist/cjs/components/common/result-children/children-wrapper.cjs +3 -4
- package/dist/cjs/components/common/result-children/collection-guard.cjs +1 -3
- package/dist/cjs/components/common/search-box/search-box-wrapper.cjs +1 -5
- package/dist/cjs/components/common/search-box/submit-button.cjs +2 -9
- package/dist/cjs/components/common/search-box/text-area-clear-button.cjs +1 -5
- package/dist/cjs/components/common/smart-snippets/atomic-smart-snippet/snippet-footer.cjs +1 -4
- package/dist/cjs/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/modal-body.cjs +1 -7
- package/dist/cjs/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/modal-details.cjs +1 -4
- package/dist/cjs/components/common/smart-snippets/atomic-smart-snippet-suggestions/answer-and-source-wrapper.cjs +1 -5
- package/dist/cjs/components/common/smart-snippets/atomic-smart-snippet-suggestions/footer.cjs +1 -4
- package/dist/cjs/components/common/smart-snippets/smart-snippet-feedback-banner.cjs +1 -4
- package/dist/cjs/components/common/sort/label.cjs +1 -5
- package/dist/cjs/components/common/sort/option.cjs +1 -3
- package/dist/cjs/components/common/suggestions/query-suggestions.cjs +1 -4
- package/dist/cjs/components/common/suggestions/recent-queries.cjs +3 -11
- package/dist/cjs/components/insight/atomic-insight-facet/atomic-insight-facet.cjs +2 -7
- package/dist/cjs/components/insight/atomic-insight-folded-result-list/atomic-insight-folded-result-list.cjs +11 -11
- package/dist/cjs/components/insight/atomic-insight-no-results/atomic-insight-no-results.cjs +1 -2
- package/dist/cjs/components/insight/atomic-insight-result/atomic-insight-result.cjs +1 -3
- package/dist/cjs/components/insight/atomic-insight-user-actions-modal/atomic-insight-user-actions-modal.cjs +2 -8
- package/dist/cjs/components/insight/atomic-insight-user-actions-session/atomic-insight-user-actions-session.cjs +2 -8
- package/dist/cjs/components/insight/atomic-insight-user-actions-session/user-action.cjs +2 -6
- package/dist/cjs/components/insight/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.cjs +1 -3
- package/dist/cjs/components/ipx/atomic-ipx-body/ipx-body.cjs +2 -7
- package/dist/cjs/components/ipx/atomic-ipx-button/atomic-ipx-button.cjs +3 -11
- package/dist/cjs/components/ipx/atomic-ipx-recs-list/atomic-ipx-recs-list.cjs +2 -8
- package/dist/cjs/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.cjs +1 -4
- package/dist/cjs/components/recommendations/atomic-recs-list/atomic-recs-list.cjs +1 -4
- package/dist/cjs/components/search/atomic-automatic-facet/atomic-automatic-facet.cjs +1 -2
- package/dist/cjs/components/search/atomic-automatic-facet-generator/atomic-automatic-facet-generator.cjs +8 -8
- package/dist/cjs/components/search/atomic-category-facet/atomic-category-facet.cjs +2 -4
- package/dist/cjs/components/search/atomic-color-facet/atomic-color-facet.cjs +2 -7
- package/dist/cjs/components/search/atomic-facet/atomic-facet.cjs +1 -3
- package/dist/cjs/components/search/atomic-folded-result-list/atomic-folded-result-list.cjs +12 -12
- package/dist/cjs/components/search/atomic-no-results/atomic-no-results.cjs +2 -2
- package/dist/cjs/components/search/atomic-notifications/atomic-notifications.cjs +1 -3
- package/dist/cjs/components/search/atomic-popover/atomic-popover.cjs +1 -7
- package/dist/cjs/components/search/atomic-quickview-modal/atomic-quickview-modal.cjs +1 -4
- package/dist/cjs/components/search/atomic-rating-facet/atomic-rating-facet.cjs +1 -2
- package/dist/cjs/components/search/atomic-rating-range-facet/atomic-rating-range-facet.cjs +1 -1
- package/dist/cjs/components/search/atomic-relevance-inspector/atomic-relevance-inspector.cjs +1 -3
- package/dist/cjs/components/search/atomic-result/atomic-result.cjs +1 -3
- package/dist/cjs/components/search/atomic-result-badge/atomic-result-badge.cjs +2 -6
- package/dist/cjs/components/search/atomic-result-html/atomic-result-html.cjs +1 -6
- package/dist/cjs/components/search/atomic-result-link/atomic-result-link.cjs +1 -4
- package/dist/cjs/components/search/atomic-result-multi-value-text/atomic-result-multi-value-text.cjs +3 -7
- package/dist/cjs/components/search/atomic-result-table-placeholder/atomic-result-table-placeholder.cjs +8 -32
- package/dist/cjs/components/search/atomic-search-box-instant-results/atomic-search-box-instant-results.cjs +9 -9
- package/dist/cjs/components/search/atomic-search-layout/atomic-search-layout.tw.css.cjs +3 -11
- package/dist/cjs/components/search/atomic-segmented-facet/atomic-segmented-facet.cjs +1 -4
- package/dist/cjs/components/search/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.cjs +1 -4
- package/dist/cjs/components/search/facets/facet-segmented-value/facet-segmented-value.cjs +1 -5
- package/dist/cjs/components/search/result-template-components/atomic-quickview-sidebar/atomic-quickview-sidebar.cjs +2 -4
- package/dist/cjs/components/search/result-template-components/atomic-quickview-sidebar/highlight-keywords-checkbox.cjs +1 -3
- package/dist/cjs/components/search/result-template-components/atomic-quickview-sidebar/keywords.cjs +1 -4
- package/dist/cjs/directives/hierarchical-path.cjs +1 -3
- package/dist/cjs/global/environment.cjs +1 -1
- package/dist/cjs/versions.cjs +1 -1
- package/dist/esm/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js +2 -6
- package/dist/esm/components/commerce/atomic-commerce-facets/atomic-commerce-facets.js +1 -3
- package/dist/esm/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tw.css.js +1 -5
- package/dist/esm/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.js +1 -2
- package/dist/esm/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js +1 -4
- package/dist/esm/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js +10 -10
- package/dist/esm/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js +4 -4
- package/dist/esm/components/commerce/atomic-product-children/atomic-product-children.js +1 -3
- package/dist/esm/components/commerce/atomic-product-description/atomic-product-description.js +1 -3
- package/dist/esm/components/commerce/atomic-product-link/atomic-product-link.js +1 -4
- package/dist/esm/components/commerce/atomic-product-multi-value-text/atomic-product-multi-value-text.js +2 -7
- package/dist/esm/components/commerce/atomic-product-rating/atomic-product-rating.js +1 -3
- package/dist/esm/components/common/atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.js +2 -6
- package/dist/esm/components/common/atomic-ask-follow-up-input/atomic-ask-follow-up-input.js +1 -6
- package/dist/esm/components/common/atomic-citation/atomic-citation.js +1 -5
- package/dist/esm/components/common/atomic-facet-date-input/atomic-facet-date-input.js +2 -10
- package/dist/esm/components/common/atomic-facet-number-input/atomic-facet-number-input.js +2 -10
- package/dist/esm/components/common/atomic-facet-placeholder/atomic-facet-placeholder.js +1 -5
- package/dist/esm/components/common/atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.js +23 -35
- package/dist/esm/components/common/atomic-generated-answer-thread/atomic-generated-answer-thread.js +3 -8
- package/dist/esm/components/common/atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.js +1 -3
- package/dist/esm/components/common/atomic-rating/rating.js +2 -5
- package/dist/esm/components/common/atomic-result-placeholder/atomic-result-placeholder.js +2 -9
- package/dist/esm/components/common/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.js +1 -2
- package/dist/esm/components/common/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.js +1 -4
- package/dist/esm/components/common/atomic-smart-snippet-source/atomic-smart-snippet-source.js +1 -4
- package/dist/esm/components/common/atomic-tab-button/atomic-tab-button.js +1 -4
- package/dist/esm/components/common/atomic-tab-popover/atomic-tab-popover.js +1 -3
- package/dist/esm/components/common/breadbox/breadcrumb-content.js +1 -5
- package/dist/esm/components/common/button.js +1 -2
- package/dist/esm/components/common/carousel.js +1 -3
- package/dist/esm/components/common/expandable-text/expandable-text.js +2 -9
- package/dist/esm/components/common/facets/category-facet/all-categories-button.js +1 -5
- package/dist/esm/components/common/facets/category-facet/parent-button.js +1 -5
- package/dist/esm/components/common/facets/category-facet/search-value.js +1 -3
- package/dist/esm/components/common/facets/facet-container/facet-container.js +2 -7
- package/dist/esm/components/common/facets/facet-placeholder/facet-placeholder.js +1 -4
- package/dist/esm/components/common/facets/facet-search/facet-search-input.js +1 -4
- package/dist/esm/components/common/generated-answer/generated-content/generated-markdown-content.js +1 -4
- package/dist/esm/components/common/generated-answer/render-conversation-debug-header.js +2 -7
- package/dist/esm/components/common/generated-answer/render-generating-answer-label.js +1 -4
- package/dist/esm/components/common/generated-answer/source-citations.js +2 -6
- package/dist/esm/components/common/image-carousel/image-carousel.js +2 -8
- package/dist/esm/components/common/item-list/display-wrapper.js +1 -3
- package/dist/esm/components/common/item-list/table-layout.js +2 -8
- package/dist/esm/components/common/items-per-page/choices.js +1 -6
- package/dist/esm/components/common/items-per-page/label.js +8 -8
- package/dist/esm/components/common/load-more/container.js +1 -3
- package/dist/esm/components/common/load-more/summary.js +1 -3
- package/dist/esm/components/common/no-items/container.js +3 -5
- package/dist/esm/components/common/no-items/no-items.js +1 -6
- package/dist/esm/components/common/query-error/link.js +1 -5
- package/dist/esm/components/common/query-summary/container.js +1 -3
- package/dist/esm/components/common/refine-modal/filters.js +1 -4
- package/dist/esm/components/common/refine-modal/modal.js +1 -5
- package/dist/esm/components/common/refine-modal/sort.js +2 -9
- package/dist/esm/components/common/result-children/children-wrapper.js +3 -4
- package/dist/esm/components/common/result-children/collection-guard.js +1 -3
- package/dist/esm/components/common/search-box/search-box-wrapper.js +1 -5
- package/dist/esm/components/common/search-box/submit-button.js +2 -9
- package/dist/esm/components/common/search-box/text-area-clear-button.js +1 -5
- package/dist/esm/components/common/smart-snippets/atomic-smart-snippet/snippet-footer.js +1 -4
- package/dist/esm/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/modal-body.js +1 -7
- package/dist/esm/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/modal-details.js +1 -4
- package/dist/esm/components/common/smart-snippets/atomic-smart-snippet-suggestions/answer-and-source-wrapper.js +1 -5
- package/dist/esm/components/common/smart-snippets/atomic-smart-snippet-suggestions/footer.js +1 -4
- package/dist/esm/components/common/smart-snippets/smart-snippet-feedback-banner.js +1 -4
- package/dist/esm/components/common/sort/label.js +1 -5
- package/dist/esm/components/common/sort/option.js +1 -3
- package/dist/esm/components/common/suggestions/query-suggestions.js +1 -4
- package/dist/esm/components/common/suggestions/recent-queries.js +3 -11
- package/dist/esm/components/insight/atomic-insight-facet/atomic-insight-facet.js +2 -7
- package/dist/esm/components/insight/atomic-insight-folded-result-list/atomic-insight-folded-result-list.js +11 -11
- package/dist/esm/components/insight/atomic-insight-no-results/atomic-insight-no-results.js +1 -2
- package/dist/esm/components/insight/atomic-insight-result/atomic-insight-result.js +1 -3
- package/dist/esm/components/insight/atomic-insight-user-actions-modal/atomic-insight-user-actions-modal.js +2 -8
- package/dist/esm/components/insight/atomic-insight-user-actions-session/atomic-insight-user-actions-session.js +2 -8
- package/dist/esm/components/insight/atomic-insight-user-actions-session/user-action.js +2 -6
- package/dist/esm/components/ipx/atomic-ipx-body/ipx-body.js +2 -7
- package/dist/esm/components/ipx/atomic-ipx-button/atomic-ipx-button.js +3 -11
- package/dist/esm/components/ipx/atomic-ipx-recs-list/atomic-ipx-recs-list.js +1 -4
- package/dist/esm/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.js +1 -4
- package/dist/esm/components/search/atomic-automatic-facet/atomic-automatic-facet.js +1 -2
- package/dist/esm/components/search/atomic-automatic-facet-generator/atomic-automatic-facet-generator.js +8 -8
- package/dist/esm/components/search/atomic-category-facet/atomic-category-facet.js +2 -4
- package/dist/esm/components/search/atomic-color-facet/atomic-color-facet.js +1 -3
- package/dist/esm/components/search/atomic-facet/atomic-facet.js +1 -3
- package/dist/esm/components/search/atomic-folded-result-list/atomic-folded-result-list.js +12 -12
- package/dist/esm/components/search/atomic-no-results/atomic-no-results.js +2 -2
- package/dist/esm/components/search/atomic-notifications/atomic-notifications.js +1 -3
- package/dist/esm/components/search/atomic-popover/atomic-popover.js +1 -7
- package/dist/esm/components/search/atomic-quickview-modal/atomic-quickview-modal.js +1 -4
- package/dist/esm/components/search/atomic-rating-facet/atomic-rating-facet.js +1 -2
- package/dist/esm/components/search/atomic-rating-range-facet/atomic-rating-range-facet.js +1 -1
- package/dist/esm/components/search/atomic-relevance-inspector/atomic-relevance-inspector.js +1 -3
- package/dist/esm/components/search/atomic-result/atomic-result.js +1 -3
- package/dist/esm/components/search/atomic-result-badge/atomic-result-badge.js +2 -6
- package/dist/esm/components/search/atomic-result-html/atomic-result-html.js +1 -6
- package/dist/esm/components/search/atomic-result-link/atomic-result-link.js +1 -4
- package/dist/esm/components/search/atomic-result-multi-value-text/atomic-result-multi-value-text.js +3 -7
- package/dist/esm/components/search/atomic-result-table-placeholder/atomic-result-table-placeholder.js +8 -32
- package/dist/esm/components/search/atomic-search-box-instant-results/atomic-search-box-instant-results.js +9 -9
- package/dist/esm/components/search/atomic-search-layout/atomic-search-layout.tw.css.js +1 -5
- package/dist/esm/components/search/atomic-segmented-facet/atomic-segmented-facet.js +1 -4
- package/dist/esm/components/search/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.js +1 -4
- package/dist/esm/components/search/facets/facet-segmented-value/facet-segmented-value.js +1 -5
- package/dist/esm/components/search/result-template-components/atomic-quickview-sidebar/atomic-quickview-sidebar.js +2 -4
- package/dist/esm/components/search/result-template-components/atomic-quickview-sidebar/highlight-keywords-checkbox.js +1 -3
- package/dist/esm/components/search/result-template-components/atomic-quickview-sidebar/keywords.js +1 -4
- package/dist/esm/directives/hierarchical-path.js +1 -3
- package/dist/esm/global/environment.js +1 -1
- package/dist/esm/versions.js +1 -1
- package/dist/themes/accessible.css +3 -4
- package/dist/themes/coveo.css +3 -4
- package/dist/types/components/common/facets/facet-search/facet-search-input-guard.d.ts +1 -1
- package/dist/types/components/common/query-error/description.d.ts +1 -1
- package/dist/types/components/common/query-error/title.d.ts +1 -1
- package/dist/types/utils/functional-component-utils.d.ts +1 -1
- package/package.json +7 -7
|
@@ -135,9 +135,7 @@ class AtomicGeneratedAnswerFeedbackModal extends LitElement {
|
|
|
135
135
|
${this.bindings.i18n.t(label)}
|
|
136
136
|
<span class=${multiClassMap({
|
|
137
137
|
'text-error-red ml-0.5': true
|
|
138
|
-
})}
|
|
139
|
-
>*</span
|
|
140
|
-
>
|
|
138
|
+
})}>*</span>
|
|
141
139
|
</label>
|
|
142
140
|
</div>
|
|
143
141
|
<span
|
|
@@ -177,29 +175,29 @@ class AtomicGeneratedAnswerFeedbackModal extends LitElement {
|
|
|
177
175
|
label: this.bindings.i18n.t(localeKey)
|
|
178
176
|
}
|
|
179
177
|
})(html`
|
|
180
|
-
|
|
181
|
-
|
|
178
|
+
<div
|
|
179
|
+
class=${multiClassMap({
|
|
182
180
|
'answer-evaluation mt-3 flex items-center': true,
|
|
183
181
|
[String(correspondingAnswer)]: true
|
|
184
182
|
})}
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
183
|
+
key=${String(correspondingAnswer)}
|
|
184
|
+
>
|
|
185
|
+
<div class=${multiClassMap({
|
|
188
186
|
'flex-1 pr-4': true
|
|
189
187
|
})}>
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
188
|
+
${this.renderAnswerEvaluation(localeKey, correspondingAnswer)}
|
|
189
|
+
</div>
|
|
190
|
+
<div
|
|
191
|
+
class=${multiClassMap({
|
|
194
192
|
'options flex flex-shrink-0 text-base': true
|
|
195
193
|
})}
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
</div>
|
|
194
|
+
>
|
|
195
|
+
${this.renderFeedbackOption('yes', correspondingAnswer)}
|
|
196
|
+
${this.renderFeedbackOption('unknown', correspondingAnswer)}
|
|
197
|
+
${this.renderFeedbackOption('no', correspondingAnswer)}
|
|
201
198
|
</div>
|
|
202
|
-
|
|
199
|
+
</div>
|
|
200
|
+
`))}
|
|
203
201
|
</fieldset>
|
|
204
202
|
`;
|
|
205
203
|
}
|
|
@@ -262,18 +260,12 @@ class AtomicGeneratedAnswerFeedbackModal extends LitElement {
|
|
|
262
260
|
}
|
|
263
261
|
renderSuccessMessage() {
|
|
264
262
|
return html`
|
|
265
|
-
<div
|
|
266
|
-
slot="body"
|
|
267
|
-
class=${multiClassMap({
|
|
263
|
+
<div slot="body" class=${multiClassMap({
|
|
268
264
|
'my-4 flex flex-col items-center gap-4': true
|
|
269
|
-
})}
|
|
270
|
-
|
|
271
|
-
<atomic-icon
|
|
272
|
-
icon=${success}
|
|
273
|
-
class=${multiClassMap({
|
|
265
|
+
})}>
|
|
266
|
+
<atomic-icon icon=${success} class=${multiClassMap({
|
|
274
267
|
'w-48': true
|
|
275
|
-
})}
|
|
276
|
-
></atomic-icon>
|
|
268
|
+
})}></atomic-icon>
|
|
277
269
|
<p
|
|
278
270
|
class=${multiClassMap({
|
|
279
271
|
'text-base': true
|
|
@@ -295,19 +287,15 @@ class AtomicGeneratedAnswerFeedbackModal extends LitElement {
|
|
|
295
287
|
const buttonClasses = 'flex items-center justify-center text-sm leading-4 p-2 rounded-md';
|
|
296
288
|
return html`
|
|
297
289
|
<div slot="footer" part="modal-footer">
|
|
298
|
-
<div
|
|
299
|
-
class=${multiClassMap({
|
|
290
|
+
<div class=${multiClassMap({
|
|
300
291
|
'flex items-center justify-between': true
|
|
301
|
-
})}
|
|
302
|
-
>
|
|
292
|
+
})}>
|
|
303
293
|
<div class=${multiClassMap({
|
|
304
294
|
'required-label text-base': true
|
|
305
295
|
})}>
|
|
306
296
|
<span class=${multiClassMap({
|
|
307
297
|
'text-error-red mr-0.5': true
|
|
308
|
-
})}
|
|
309
|
-
>*</span
|
|
310
|
-
>
|
|
298
|
+
})}>*</span>
|
|
311
299
|
${this.bindings.i18n.t('required-fields')}
|
|
312
300
|
</div>
|
|
313
301
|
<div class=${multiClassMap({
|
package/dist/esm/components/common/atomic-generated-answer-thread/atomic-generated-answer-thread.js
CHANGED
|
@@ -42,8 +42,7 @@ class AtomicGeneratedAnswerThread extends LitElement {
|
|
|
42
42
|
const lastGeneratedAnswer = this.generatedAnswers[this.generatedAnswers.length - 1];
|
|
43
43
|
return html`
|
|
44
44
|
<ul>
|
|
45
|
-
${this.renderShowPreviousAnswersButton()}
|
|
46
|
-
${this.renderThread([
|
|
45
|
+
${this.renderShowPreviousAnswersButton()} ${this.renderThread([
|
|
47
46
|
lastGeneratedAnswer
|
|
48
47
|
])}
|
|
49
48
|
</ul>
|
|
@@ -108,14 +107,10 @@ class AtomicGeneratedAnswerThread extends LitElement {
|
|
|
108
107
|
return html`
|
|
109
108
|
<li class="group/title grid min-w-0 grid-cols-[10px_1fr] gap-x-3">
|
|
110
109
|
<div class="row-span-2 flex flex-col items-center">
|
|
111
|
-
<div
|
|
112
|
-
class="flex justify-center items-center text-base h-[1lh] my-1.5"
|
|
113
|
-
>
|
|
110
|
+
<div class="flex justify-center items-center text-base h-[1lh] my-1.5">
|
|
114
111
|
<span class=${timelineDotClasses}></span>
|
|
115
112
|
</div>
|
|
116
|
-
<div
|
|
117
|
-
class="flex grow w-full justify-center items-center py-2 -my-2 min-h-3"
|
|
118
|
-
>
|
|
113
|
+
<div class="flex grow w-full justify-center items-center py-2 -my-2 min-h-3">
|
|
119
114
|
<span class=${timelineConnectorClasses}> </span>
|
|
120
115
|
</div>
|
|
121
116
|
</div>
|
|
@@ -115,9 +115,7 @@ class AtomicGeneratedAnswerThreadItem extends LitElement {
|
|
|
115
115
|
class=${titleButtonClasses}
|
|
116
116
|
@click=${this.toggle}
|
|
117
117
|
>
|
|
118
|
-
<span part="thread-item-title" style=${clampedTitleStyles}
|
|
119
|
-
>${this.title}</span
|
|
120
|
-
>
|
|
118
|
+
<span part="thread-item-title" style=${clampedTitleStyles}>${this.title}</span>
|
|
121
119
|
</button>`, ()=>html`<span
|
|
122
120
|
class=${titleTextClasses}
|
|
123
121
|
part="thread-item-title"
|
|
@@ -42,12 +42,9 @@ const renderRating = ({ props })=>{
|
|
|
42
42
|
})}
|
|
43
43
|
>
|
|
44
44
|
<div class="z-0 flex gap-0.5">${emptyIconDisplay()}</div>
|
|
45
|
-
<div
|
|
46
|
-
class="absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden"
|
|
47
|
-
style=${styleMap({
|
|
45
|
+
<div class="absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden" style=${styleMap({
|
|
48
46
|
width
|
|
49
|
-
})}
|
|
50
|
-
>
|
|
47
|
+
})}>
|
|
51
48
|
${filledIconDisplay()}
|
|
52
49
|
</div>
|
|
53
50
|
</div>`;
|
|
@@ -22,10 +22,7 @@ class AtomicResultPlaceholder extends LitElement {
|
|
|
22
22
|
renderExcerptLine(width) {
|
|
23
23
|
return html`
|
|
24
24
|
<div style="height: var(--line-height); width: ${width};">
|
|
25
|
-
<div
|
|
26
|
-
class=${placeholderClasses}
|
|
27
|
-
style="height: var(--font-size);"
|
|
28
|
-
></div>
|
|
25
|
+
<div class=${placeholderClasses} style="height: var(--font-size);"></div>
|
|
29
26
|
</div>
|
|
30
27
|
`;
|
|
31
28
|
}
|
|
@@ -59,11 +56,7 @@ class AtomicResultPlaceholder extends LitElement {
|
|
|
59
56
|
<div class="fields-placeholder">
|
|
60
57
|
${Array.from({
|
|
61
58
|
length: 4
|
|
62
|
-
}, ()=>html`
|
|
63
|
-
<div
|
|
64
|
-
class="field-value-placeholder ${placeholderClasses}"
|
|
65
|
-
></div>
|
|
66
|
-
`)}
|
|
59
|
+
}, ()=>html` <div class="field-value-placeholder ${placeholderClasses}"></div> `)}
|
|
67
60
|
</div>
|
|
68
61
|
</atomic-result-section-bottom-metadata>
|
|
69
62
|
</div>
|
|
@@ -83,8 +83,7 @@ class AtomicSmartSnippetCollapseWrapper extends InitializeBindingsMixin(LitEleme
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
AtomicSmartSnippetCollapseWrapper.styles = css`:host{display:block}:host(.invisible){visibility:hidden}.smart-snippet-content{height:auto;max-height:var(--collapsed-size);transition:max-height 2s cubic-bezier(0,1,.16,1) -1.82s;--gradient-start:var(
|
|
86
|
-
--atomic-smart-snippet-gradient-start,calc(max(var(--collapsed-size) - (var(--line-height) * 1.5),
|
|
87
|
-
var(--collapsed-size) * 0.5))
|
|
86
|
+
--atomic-smart-snippet-gradient-start,calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))
|
|
88
87
|
);mask-image:linear-gradient(#000,#000 var(--gradient-start),transparent 100%)}:host(.expanded) .smart-snippet-content{height:auto;mask-image:none;max-height:9999999px;transition:max-height 2s cubic-bezier(1,0,1,0) 0s}:host(.expanded) button atomic-icon{transform:scaleY(-1)}`;
|
|
89
88
|
_ts_decorate([
|
|
90
89
|
state(),
|
|
@@ -99,10 +99,7 @@ class AtomicSmartSnippetExpandableAnswer extends LitElement {
|
|
|
99
99
|
aria-expanded=${this.isExpanded ? 'true' : 'false'}
|
|
100
100
|
>
|
|
101
101
|
${this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}
|
|
102
|
-
<atomic-icon
|
|
103
|
-
.icon=${arrow_down}
|
|
104
|
-
class="ml-2 w-3 align-baseline"
|
|
105
|
-
></atomic-icon>
|
|
102
|
+
<atomic-icon .icon=${arrow_down} class="ml-2 w-3 align-baseline"></atomic-icon>
|
|
106
103
|
</button>
|
|
107
104
|
`);
|
|
108
105
|
}
|
package/dist/esm/components/common/atomic-smart-snippet-source/atomic-smart-snippet-source.js
CHANGED
|
@@ -67,10 +67,7 @@ class AtomicSmartSnippetSource extends LightDomMixin(LitElement) {
|
|
|
67
67
|
onBeginDelayedSelect: ()=>this.handleSourceEvent('begin-delayed-select-source'),
|
|
68
68
|
onCancelPendingSelect: ()=>this.handleSourceEvent('cancel-pending-select-source')
|
|
69
69
|
}
|
|
70
|
-
})(html`<atomic-result-text
|
|
71
|
-
field="title"
|
|
72
|
-
default="no-title"
|
|
73
|
-
></atomic-result-text>`)}
|
|
70
|
+
})(html`<atomic-result-text field="title" default="no-title"></atomic-result-text>`)}
|
|
74
71
|
`)}`;
|
|
75
72
|
}
|
|
76
73
|
constructor(...args){
|
|
@@ -63,10 +63,7 @@ class AtomicTabButton extends LightDomMixin(LitElement) {
|
|
|
63
63
|
'sm:px-6'
|
|
64
64
|
].filter(Boolean).join(' ');
|
|
65
65
|
return html`
|
|
66
|
-
<span
|
|
67
|
-
class=${buttonClasses}
|
|
68
|
-
part=${this.active ? 'tab-button-active' : 'tab-button'}
|
|
69
|
-
>
|
|
66
|
+
<span class=${buttonClasses} part=${this.active ? 'tab-button-active' : 'tab-button'}>
|
|
70
67
|
${this.label}
|
|
71
68
|
</span>
|
|
72
69
|
`;
|
|
@@ -158,9 +158,7 @@ class AtomicTabPopover extends LitElement {
|
|
|
158
158
|
render() {
|
|
159
159
|
this.classList.toggle('visibility-hidden', !this.show);
|
|
160
160
|
this.ariaHidden = String(!this.show);
|
|
161
|
-
return html`
|
|
162
|
-
${this.renderPopover()} ${when(this.isOpen, ()=>this.renderBackdrop())}
|
|
163
|
-
`;
|
|
161
|
+
return html` ${this.renderPopover()} ${when(this.isOpen, ()=>this.renderBackdrop())} `;
|
|
164
162
|
}
|
|
165
163
|
constructor(...args){
|
|
166
164
|
super(...args), this.show = false, this.isOpen = false, this.buttonRef = createRef(), this.popupRef = createRef(), this.popoverId = 'atomic-tab-popover', this.handleKeyDown = (e)=>{
|
|
@@ -34,11 +34,7 @@ const renderBreadcrumbContent = ({ props })=>{
|
|
|
34
34
|
<span part="breadcrumb-value" class=${multiClassMap(valueClass)}>
|
|
35
35
|
${props.breadcrumb.content ?? value}
|
|
36
36
|
</span>
|
|
37
|
-
<atomic-icon
|
|
38
|
-
part="breadcrumb-clear"
|
|
39
|
-
class="mt-px ml-2 h-2.5 w-2.5"
|
|
40
|
-
icon=${images_close}
|
|
41
|
-
>
|
|
37
|
+
<atomic-icon part="breadcrumb-clear" class="mt-px ml-2 h-2.5 w-2.5" icon=${images_close}>
|
|
42
38
|
</atomic-icon>`;
|
|
43
39
|
};
|
|
44
40
|
export { renderBreadcrumbContent };
|
|
@@ -29,8 +29,7 @@ const renderButton = ({ props })=>(children)=>{
|
|
|
29
29
|
?disabled=${props.disabled}
|
|
30
30
|
${props.ref ? ref(props.ref) : nothing}
|
|
31
31
|
>
|
|
32
|
-
${when(props.text, ()=>html`<span class="truncate">${props.text}</span>`)}
|
|
33
|
-
${children}
|
|
32
|
+
${when(props.text, ()=>html`<span class="truncate">${props.text}</span>`)} ${children}
|
|
34
33
|
</button>`;
|
|
35
34
|
};
|
|
36
35
|
export { renderButton };
|
|
@@ -73,9 +73,7 @@ const renderCarousel = ({ props })=>(children)=>{
|
|
|
73
73
|
${renderPreviousButton(numberOfPages, previousPage, props.bindings)}
|
|
74
74
|
${renderNextButton(numberOfPages, nextPage, props.bindings)}
|
|
75
75
|
</div>
|
|
76
|
-
<div class="carousel-items" aria-live="polite" aria-atomic="false">
|
|
77
|
-
${children}
|
|
78
|
-
</div>
|
|
76
|
+
<div class="carousel-items" aria-live="polite" aria-atomic="false">${children}</div>
|
|
79
77
|
</div>
|
|
80
78
|
${renderIndicators(numberOfPages, currentPage)}
|
|
81
79
|
</div>
|
|
@@ -30,11 +30,7 @@ const renderExpandableText = ({ props: { isExpanded, isTruncated, isCollapsible,
|
|
|
30
30
|
const buttonLabel = isExpanded ? showLessLabel : showMoreLabel;
|
|
31
31
|
const icon = isExpanded ? minus : plus;
|
|
32
32
|
return html`<div class="flex flex-col items-start">
|
|
33
|
-
<div
|
|
34
|
-
part="expandable-text"
|
|
35
|
-
class="${multiClassMap(expandableTextClasses)}"
|
|
36
|
-
${ref(textRef)}
|
|
37
|
-
>
|
|
33
|
+
<div part="expandable-text" class="${multiClassMap(expandableTextClasses)}" ${ref(textRef)}>
|
|
38
34
|
${children}
|
|
39
35
|
</div>
|
|
40
36
|
|
|
@@ -48,10 +44,7 @@ const renderExpandableText = ({ props: { isExpanded, isTruncated, isCollapsible,
|
|
|
48
44
|
},
|
|
49
45
|
onClick: onToggleExpand
|
|
50
46
|
}
|
|
51
|
-
})(html` <atomic-icon
|
|
52
|
-
icon="${icon}"
|
|
53
|
-
class="mx-1 w-2 align-baseline"
|
|
54
|
-
></atomic-icon>
|
|
47
|
+
})(html` <atomic-icon icon="${icon}" class="mx-1 w-2 align-baseline"></atomic-icon>
|
|
55
48
|
${buttonLabel}`)}
|
|
56
49
|
</div>`;
|
|
57
50
|
};
|
|
@@ -16,11 +16,7 @@ const renderCategoryFacetAllCategoryButton = ({ props: { i18n, onClick, facetId,
|
|
|
16
16
|
part: 'all-categories-button',
|
|
17
17
|
onClick: onClick
|
|
18
18
|
}
|
|
19
|
-
})(html`<atomic-icon
|
|
20
|
-
aria-hidden="true"
|
|
21
|
-
icon=${arrow_left_rounded}
|
|
22
|
-
part="back-arrow"
|
|
23
|
-
></atomic-icon>
|
|
19
|
+
})(html`<atomic-icon aria-hidden="true" icon=${arrow_left_rounded} part="back-arrow"></atomic-icon>
|
|
24
20
|
<span class="truncate">${allCategories}</span>`)}
|
|
25
21
|
`;
|
|
26
22
|
};
|
|
@@ -21,11 +21,7 @@ const renderCategoryFacetParentButton = ({ props })=>{
|
|
|
21
21
|
ariaLabel: ariaLabel
|
|
22
22
|
}
|
|
23
23
|
})(html`
|
|
24
|
-
<atomic-icon
|
|
25
|
-
icon=${arrow_left_rounded}
|
|
26
|
-
part="back-arrow"
|
|
27
|
-
class="back-arrow"
|
|
28
|
-
></atomic-icon>
|
|
24
|
+
<atomic-icon icon=${arrow_left_rounded} part="back-arrow" class="back-arrow"></atomic-icon>
|
|
29
25
|
<span class="truncate">${displayValue}</span>
|
|
30
26
|
`);
|
|
31
27
|
};
|
|
@@ -59,9 +59,7 @@ const renderCategoryFacetSearchValue = ({ props })=>{
|
|
|
59
59
|
path: localizedPath,
|
|
60
60
|
separator: SEPARATOR,
|
|
61
61
|
maxLength: PATH_MAX_LENGTH,
|
|
62
|
-
emptyPathContent: html`<span class="truncate">
|
|
63
|
-
${inLabel} ${allCategories}
|
|
64
|
-
</span>`,
|
|
62
|
+
emptyPathContent: html`<span class="truncate"> ${inLabel} ${allCategories} </span>`,
|
|
65
63
|
separatorClass: 'mx-0.5',
|
|
66
64
|
itemClass: 'max-w-max flex-1 truncate',
|
|
67
65
|
ellipsisClass: ''
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import { html } from "lit";
|
|
2
2
|
const renderFacetContainer = ()=>(children)=>html`
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
part="facet"
|
|
6
|
-
>
|
|
7
|
-
${children}
|
|
8
|
-
</div>
|
|
9
|
-
`;
|
|
3
|
+
<div class="bg-background border-neutral rounded-lg border p-4" part="facet">${children}</div>
|
|
4
|
+
`;
|
|
10
5
|
export { renderFacetContainer };
|
|
@@ -2,10 +2,7 @@ import { html } from "lit";
|
|
|
2
2
|
import { when } from "lit/directives/when.js";
|
|
3
3
|
const renderFacetPlaceholder = ({ props })=>{
|
|
4
4
|
const facetValues = [];
|
|
5
|
-
for(let i = 0; i < props.numberOfValues; i++)facetValues.push(html`<div
|
|
6
|
-
class="bg-neutral mt-4 flex h-5"
|
|
7
|
-
style="width: 100%; opacity: 0.5"
|
|
8
|
-
></div>`);
|
|
5
|
+
for(let i = 0; i < props.numberOfValues; i++)facetValues.push(html`<div class="bg-neutral mt-4 flex h-5" style="width: 100%; opacity: 0.5"></div>`);
|
|
9
6
|
return html`<div
|
|
10
7
|
part="placeholder"
|
|
11
8
|
class="bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7"
|
|
@@ -41,10 +41,7 @@ const renderFacetSearchInput = ({ props })=>{
|
|
|
41
41
|
inputRef.value?.focus();
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
})(html`<atomic-icon
|
|
45
|
-
part="search-clear-button"
|
|
46
|
-
.icon=${images_close}
|
|
47
|
-
></atomic-icon>`))}
|
|
44
|
+
})(html`<atomic-icon part="search-clear-button" .icon=${images_close}></atomic-icon>`))}
|
|
48
45
|
</div>
|
|
49
46
|
</div>
|
|
50
47
|
`;
|
package/dist/esm/components/common/generated-answer/generated-content/generated-markdown-content.js
CHANGED
|
@@ -14,10 +14,7 @@ const renderGeneratedMarkdownContent = ({ props })=>{
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
return html`
|
|
17
|
-
<div
|
|
18
|
-
part="generated-text"
|
|
19
|
-
class="text-on-background mb-0 ${props.isStreaming ? 'cursor' : ''}"
|
|
20
|
-
>
|
|
17
|
+
<div part="generated-text" class="text-on-background mb-0 ${props.isStreaming ? 'cursor' : ''}">
|
|
21
18
|
${unsafeHTML(answerAsHtml)}
|
|
22
19
|
</div>
|
|
23
20
|
`;
|
|
@@ -5,9 +5,7 @@ import { hasClipboardSupport } from "./generated-answer-utils.js";
|
|
|
5
5
|
import copy from "../../../images/copy.js";
|
|
6
6
|
const renderConversationDebugHeader = ({ props })=>{
|
|
7
7
|
const { i18n, conversationId } = props;
|
|
8
|
-
return html`<div
|
|
9
|
-
class="flex flex-wrap gap-1.5 items-center text-neutral-dark"
|
|
10
|
-
>
|
|
8
|
+
return html`<div class="flex flex-wrap gap-1.5 items-center text-neutral-dark">
|
|
11
9
|
${i18n.t('generated-answer-debug-mode-on')}
|
|
12
10
|
<div class="bg-success h-2 w-2 rounded-full shrink-0"></div>
|
|
13
11
|
|
|
@@ -24,10 +22,7 @@ const renderConversationDebugHeader = ({ props })=>{
|
|
|
24
22
|
navigator.clipboard.writeText(conversationId).catch(()=>{});
|
|
25
23
|
}
|
|
26
24
|
}
|
|
27
|
-
})(html`<atomic-icon
|
|
28
|
-
class="w-4 text-neutral-dark"
|
|
29
|
-
.icon=${copy}
|
|
30
|
-
></atomic-icon>`) : nothing}
|
|
25
|
+
})(html`<atomic-icon class="w-4 text-neutral-dark" .icon=${copy}></atomic-icon>`) : nothing}
|
|
31
26
|
</div>
|
|
32
27
|
</div>`;
|
|
33
28
|
};
|
|
@@ -4,10 +4,7 @@ const renderGeneratingAnswerLabel = ({ props })=>{
|
|
|
4
4
|
const { i18n, isStreaming, collapsible } = props;
|
|
5
5
|
const canRender = collapsible && isStreaming;
|
|
6
6
|
return html`${when(canRender, ()=>html`
|
|
7
|
-
<div
|
|
8
|
-
part="is-generating"
|
|
9
|
-
class="text-primary hidden text-base font-light"
|
|
10
|
-
>
|
|
7
|
+
<div part="is-generating" class="text-primary hidden text-base font-light">
|
|
11
8
|
${i18n.t('generating-answer')}...
|
|
12
9
|
</div>
|
|
13
10
|
`)}`;
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { html, nothing } from "lit";
|
|
2
2
|
const renderSourceCitations = ({ props })=>(children)=>props.isVisible ? html`
|
|
3
3
|
<div class="source-citations">
|
|
4
|
-
<p part="citations-label" class="text-neutral-dark mb-2 shrink-0">
|
|
5
|
-
|
|
6
|
-
</p>
|
|
7
|
-
<ol
|
|
8
|
-
class="citations-container flex list-none flex-wrap items-center gap-2"
|
|
9
|
-
>
|
|
4
|
+
<p part="citations-label" class="text-neutral-dark mb-2 shrink-0">${props.label}</p>
|
|
5
|
+
<ol class="citations-container flex list-none flex-wrap items-center gap-2">
|
|
10
6
|
${children}
|
|
11
7
|
</ol>
|
|
12
8
|
</div>
|
|
@@ -36,11 +36,7 @@ const renderImageCarousel = ({ props })=>{
|
|
|
36
36
|
class: `${commonPaginationClasses} right-0 mr-1`
|
|
37
37
|
}
|
|
38
38
|
})(html`
|
|
39
|
-
<atomic-icon
|
|
40
|
-
part="next-icon"
|
|
41
|
-
icon=${arrow_right}
|
|
42
|
-
class=${commonArrowClasses}
|
|
43
|
-
></atomic-icon>
|
|
39
|
+
<atomic-icon part="next-icon" icon=${arrow_right} class=${commonArrowClasses}></atomic-icon>
|
|
44
40
|
`);
|
|
45
41
|
const renderIndicators = ()=>renderCarouselIndicator({
|
|
46
42
|
props: {
|
|
@@ -58,9 +54,7 @@ const renderImageCarousel = ({ props })=>{
|
|
|
58
54
|
aria-label=${props.label}
|
|
59
55
|
>
|
|
60
56
|
${renderPreviousButton()}
|
|
61
|
-
<div class="w-full h-full" aria-live="polite" aria-atomic="false">
|
|
62
|
-
${children}
|
|
63
|
-
</div>
|
|
57
|
+
<div class="w-full h-full" aria-live="polite" aria-atomic="false">${children}</div>
|
|
64
58
|
${renderNextButton()} ${renderIndicators()}
|
|
65
59
|
</div>`;
|
|
66
60
|
};
|
|
@@ -20,8 +20,6 @@ const renderListWrapper = ({ props })=>{
|
|
|
20
20
|
};
|
|
21
21
|
const renderListRoot = ({ props })=>{
|
|
22
22
|
const { listClasses } = props;
|
|
23
|
-
return (children)=>html`<div class="list-root ${listClasses}" part="result-list"
|
|
24
|
-
${children}
|
|
25
|
-
</div>`;
|
|
23
|
+
return (children)=>html`<div class="list-root ${listClasses}" part="result-list">${children}</div>`;
|
|
26
24
|
};
|
|
27
25
|
export { renderDisplayWrapper };
|
|
@@ -8,17 +8,11 @@ const renderTableLayout = ({ props })=>{
|
|
|
8
8
|
const { host, listClasses, logger, label } = props;
|
|
9
9
|
const fieldColumns = getFieldTableColumns(props);
|
|
10
10
|
if (!fieldColumns.length) logger.error('atomic-table-element elements missing in the template to display columns.', host);
|
|
11
|
-
return (children)=>html`<table
|
|
12
|
-
class="list-root ${listClasses}"
|
|
13
|
-
part="result-table"
|
|
14
|
-
aria-label=${label}
|
|
15
|
-
>
|
|
11
|
+
return (children)=>html`<table class="list-root ${listClasses}" part="result-table" aria-label=${label}>
|
|
16
12
|
<thead part="result-table-heading">
|
|
17
13
|
<tr part="result-table-heading-row">
|
|
18
14
|
${map(fieldColumns, (column)=>html`<th part="result-table-heading-cell">
|
|
19
|
-
<atomic-text
|
|
20
|
-
.value=${column.getAttribute('label')}
|
|
21
|
-
></atomic-text>
|
|
15
|
+
<atomic-text .value=${column.getAttribute('label')}></atomic-text>
|
|
22
16
|
</th>`)}
|
|
23
17
|
</tr>
|
|
24
18
|
</thead>
|
|
@@ -7,12 +7,7 @@ const renderChoices = ({ props })=>{
|
|
|
7
7
|
else if (choice > pageSize) focusOnNextNewResult();
|
|
8
8
|
};
|
|
9
9
|
return html`
|
|
10
|
-
<div
|
|
11
|
-
part="buttons"
|
|
12
|
-
role="radiogroup"
|
|
13
|
-
aria-label=${label}
|
|
14
|
-
class="flex flex-wrap gap-2"
|
|
15
|
-
>
|
|
10
|
+
<div part="buttons" role="radiogroup" aria-label=${label} class="flex flex-wrap gap-2">
|
|
16
11
|
${choices.map((choice)=>{
|
|
17
12
|
const isSelected = pageSize === choice;
|
|
18
13
|
const parts = [
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { html } from "lit";
|
|
2
2
|
const renderLabel = ()=>(children)=>html`
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
<span
|
|
4
|
+
part="label"
|
|
5
|
+
class="text-on-background mr-3 self-start text-lg leading-10"
|
|
6
|
+
aria-hidden="true"
|
|
7
|
+
>
|
|
8
|
+
${children}
|
|
9
|
+
</span>
|
|
10
|
+
`;
|
|
11
11
|
export { renderLabel };
|
|
@@ -1,5 +1,3 @@
|
|
|
1
1
|
import { html } from "lit";
|
|
2
|
-
const renderLoadMoreContainer = ()=>(children)=>html`
|
|
3
|
-
<div class="flex flex-col items-center" part="container">${children}</div>
|
|
4
|
-
`;
|
|
2
|
+
const renderLoadMoreContainer = ()=>(children)=>html` <div class="flex flex-col items-center" part="container">${children}</div> `;
|
|
5
3
|
export { renderLoadMoreContainer };
|
|
@@ -12,9 +12,7 @@ const renderLoadMoreSummary = ({ props })=>{
|
|
|
12
12
|
total: wrapHighlight(to.toLocaleString(locale))
|
|
13
13
|
});
|
|
14
14
|
return html`
|
|
15
|
-
<div class="text-neutral-dark my-2 text-lg" part="showing-results">
|
|
16
|
-
${unsafeHTML(content)}
|
|
17
|
-
</div>
|
|
15
|
+
<div class="text-neutral-dark my-2 text-lg" part="showing-results">${unsafeHTML(content)}</div>
|
|
18
16
|
`;
|
|
19
17
|
};
|
|
20
18
|
export { renderLoadMoreSummary };
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { html } from "lit";
|
|
2
2
|
const renderNoItemsContainer = ()=>(children)=>html`
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
<slot></slot>
|
|
7
|
-
`;
|
|
3
|
+
<div class="text-on-background flex h-full w-full flex-col items-center">${children}</div>
|
|
4
|
+
<slot></slot>
|
|
5
|
+
`;
|
|
8
6
|
export { renderNoItemsContainer };
|
|
@@ -20,12 +20,7 @@ const renderNoItems = ({ props })=>{
|
|
|
20
20
|
}
|
|
21
21
|
}) : props.i18n.t(props.i18nKey);
|
|
22
22
|
return html`
|
|
23
|
-
<div
|
|
24
|
-
class="my-2 max-w-full text-center text-2xl font-medium"
|
|
25
|
-
part="no-results"
|
|
26
|
-
>
|
|
27
|
-
${content}
|
|
28
|
-
</div>
|
|
23
|
+
<div class="my-2 max-w-full text-center text-2xl font-medium" part="no-results">${content}</div>
|
|
29
24
|
`;
|
|
30
25
|
};
|
|
31
26
|
export { renderNoItems };
|
|
@@ -13,11 +13,7 @@ const renderQueryErrorLink = ({ props })=>{
|
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
const link = getErrorLink();
|
|
16
|
-
return link ? html`<a
|
|
17
|
-
href=${link}
|
|
18
|
-
part="doc-link"
|
|
19
|
-
class="btn-primary mt-10 inline-block p-3"
|
|
20
|
-
>
|
|
16
|
+
return link ? html`<a href=${link} part="doc-link" class="btn-primary mt-10 inline-block p-3">
|
|
21
17
|
${props.i18n.t('coveo-online-help')}
|
|
22
18
|
</a>` : nothing;
|
|
23
19
|
};
|
|
@@ -5,8 +5,6 @@ const renderQuerySummaryContainer = ({ props })=>(children)=>{
|
|
|
5
5
|
'text-on-background': true,
|
|
6
6
|
[props.additionalClasses ?? '']: Boolean(props.additionalClasses)
|
|
7
7
|
};
|
|
8
|
-
return html`
|
|
9
|
-
<div class=${multiClassMap(classNames)} part="container">${children}</div>
|
|
10
|
-
`;
|
|
8
|
+
return html` <div class=${multiClassMap(classNames)} part="container">${children}</div> `;
|
|
11
9
|
};
|
|
12
10
|
export { renderQuerySummaryContainer };
|
|
@@ -3,10 +3,7 @@ import { when } from "lit/directives/when.js";
|
|
|
3
3
|
import { renderButton } from "../button.js";
|
|
4
4
|
const renderRefineModalFiltersSection = ({ props })=>(children)=>html`
|
|
5
5
|
<div part="filter-section" class="mt-8 mb-3 flex w-full justify-between">
|
|
6
|
-
<h2
|
|
7
|
-
part="section-title section-filters-title"
|
|
8
|
-
class="truncate text-2xl font-bold"
|
|
9
|
-
>
|
|
6
|
+
<h2 part="section-title section-filters-title" class="truncate text-2xl font-bold">
|
|
10
7
|
${props.i18n.t('filters')}
|
|
11
8
|
</h2>
|
|
12
9
|
${children}
|