@coveo/atomic 3.61.0 → 3.61.2

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.
Files changed (114) hide show
  1. package/custom-elements.json +321 -295
  2. package/dist/cjs/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.cjs +6 -3
  3. package/dist/cjs/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.cjs +4 -1
  4. package/dist/cjs/components/commerce/atomic-product-field-condition/atomic-product-field-condition.cjs +7 -2
  5. package/dist/cjs/components/common/atomic-result-placeholder/atomic-result-placeholder.cjs +23 -8
  6. package/dist/cjs/components/common/layout/item-layout-controller.cjs +7 -2
  7. package/dist/cjs/components/insight/atomic-insight-result/atomic-insight-result.cjs +75 -4
  8. package/dist/cjs/components/recommendations/atomic-recs-result/atomic-recs-result.cjs +1 -1
  9. package/dist/cjs/components/search/atomic-field-condition/atomic-field-condition.cjs +5 -3
  10. package/dist/cjs/components/search/result-template-components/quickview-iframe/quickview-iframe.cjs +4 -2
  11. package/dist/cjs/generated/dayjs-locales-data.cjs +16 -16
  12. package/dist/cjs/global/environment.cjs +1 -1
  13. package/dist/cjs/utils/coveo.tw.css.cjs +1 -1
  14. package/dist/cjs/utils/tailwind.global.tw.css.cjs +1 -1
  15. package/dist/cjs/versions.cjs +1 -1
  16. package/dist/esm/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js +1 -1
  17. package/dist/esm/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tw.css.js +2 -2
  18. package/dist/esm/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.js +7 -4
  19. package/dist/esm/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js +5 -2
  20. package/dist/esm/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js +1 -1
  21. package/dist/esm/components/commerce/atomic-product/atomic-product.tw.css.js +1 -1
  22. package/dist/esm/components/commerce/atomic-product-field-condition/atomic-product-field-condition.js +8 -3
  23. package/dist/esm/components/commerce/atomic-product-section-actions/atomic-product-section-actions.js +1 -1
  24. package/dist/esm/components/commerce/atomic-product-section-badges/atomic-product-section-badges.js +1 -1
  25. package/dist/esm/components/commerce/atomic-product-section-bottom-metadata/atomic-product-section-bottom-metadata.js +1 -1
  26. package/dist/esm/components/commerce/atomic-product-section-children/atomic-product-section-children.js +1 -1
  27. package/dist/esm/components/commerce/atomic-product-section-description/atomic-product-section-description.js +1 -1
  28. package/dist/esm/components/commerce/atomic-product-section-emphasized/atomic-product-section-emphasized.js +1 -1
  29. package/dist/esm/components/commerce/atomic-product-section-metadata/atomic-product-section-metadata.js +1 -1
  30. package/dist/esm/components/commerce/atomic-product-section-name/atomic-product-section-name.js +1 -1
  31. package/dist/esm/components/commerce/atomic-product-section-visual/atomic-product-section-visual.js +1 -1
  32. package/dist/esm/components/common/atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.tw.css.js +1 -1
  33. package/dist/esm/components/common/atomic-ask-follow-up-input/atomic-ask-follow-up-input.tw.css.js +1 -1
  34. package/dist/esm/components/common/atomic-citation/atomic-citation.tw.css.js +1 -1
  35. package/dist/esm/components/common/atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.js +1 -1
  36. package/dist/esm/components/common/atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.tw.css.js +1 -1
  37. package/dist/esm/components/common/atomic-icon/atomic-icon.js +1 -1
  38. package/dist/esm/components/common/atomic-result-placeholder/atomic-result-placeholder.js +13 -8
  39. package/dist/esm/components/common/atomic-smart-snippet-answer/atomic-smart-snippet-answer.tw.css.js +1 -1
  40. package/dist/esm/components/common/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.js +3 -2
  41. package/dist/esm/components/common/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.tw.css.js +1 -1
  42. package/dist/esm/components/common/atomic-tab-bar/atomic-tab-bar.js +1 -1
  43. package/dist/esm/components/common/facets/facet-common.tw.css.js +1 -1
  44. package/dist/esm/components/common/facets/facet-search/facet-search.tw.css.js +1 -1
  45. package/dist/esm/components/common/facets/facet-value-box/facet-value-box.tw.css.js +1 -1
  46. package/dist/esm/components/common/facets/facet-value-checkbox/facet-value-checkbox.tw.css.js +1 -1
  47. package/dist/esm/components/common/generated-answer/generated-content/generated-markdown-content.tw.css.js +1 -1
  48. package/dist/esm/components/common/generated-answer/styles/feedback-buttons.tw.css.js +1 -1
  49. package/dist/esm/components/common/generated-answer/styles/generated-answer.tw.css.js +1 -1
  50. package/dist/esm/components/common/generated-answer/styles/generated-text.tw.css.js +1 -1
  51. package/dist/esm/components/common/item-list/styles/grid-display.tw.css.js +1 -1
  52. package/dist/esm/components/common/item-list/styles/list-display.tw.css.js +1 -1
  53. package/dist/esm/components/common/item-list/styles/table-display.tw.css.js +1 -1
  54. package/dist/esm/components/common/layout/item-layout-controller.js +7 -2
  55. package/dist/esm/components/insight/atomic-insight-full-search-button/atomic-insight-full-search-button.js +1 -1
  56. package/dist/esm/components/insight/atomic-insight-interface/atomic-insight-interface.js +1 -1
  57. package/dist/esm/components/insight/atomic-insight-pager/atomic-insight-pager.js +1 -1
  58. package/dist/esm/components/insight/atomic-insight-result/atomic-insight-result.js +1 -1
  59. package/dist/esm/components/insight/atomic-insight-result-action/atomic-insight-result-action.js +1 -1
  60. package/dist/esm/components/insight/atomic-insight-result-action-bar/atomic-insight-result-action-bar.js +1 -1
  61. package/dist/esm/components/insight/atomic-insight-result-children/atomic-insight-result-children.js +1 -1
  62. package/dist/esm/components/insight/atomic-insight-result-list/insight-list-display.tw.css.js +1 -1
  63. package/dist/esm/components/insight/atomic-insight-search-box/atomic-insight-search-box.tw.css.js +1 -1
  64. package/dist/esm/components/insight/atomic-insight-smart-snippet/atomic-insight-smart-snippet.tw.css.js +1 -1
  65. package/dist/esm/components/insight/atomic-insight-smart-snippet-feedback-modal/atomic-insight-smart-snippet-feedback-modal.tw.css.js +1 -1
  66. package/dist/esm/components/insight/atomic-insight-smart-snippet-suggestions/atomic-insight-smart-snippet-suggestions.tw.css.js +1 -1
  67. package/dist/esm/components/insight/atomic-insight-tab/atomic-insight-tab.js +1 -1
  68. package/dist/esm/components/ipx/atomic-ipx-button/atomic-ipx-button.js +1 -1
  69. package/dist/esm/components/ipx/atomic-ipx-embedded/atomic-ipx-embedded.js +1 -1
  70. package/dist/esm/components/ipx/atomic-ipx-modal/atomic-ipx-modal.js +1 -1
  71. package/dist/esm/components/ipx/atomic-ipx-recs-list/atomic-ipx-recs-list.js +1 -1
  72. package/dist/esm/components/ipx/atomic-ipx-refine-toggle/atomic-ipx-refine-toggle.js +1 -1
  73. package/dist/esm/components/ipx/atomic-ipx-tab/atomic-ipx-tab.js +1 -1
  74. package/dist/esm/components/recommendations/atomic-recs-list/atomic-recs-list.js +1 -1
  75. package/dist/esm/components/recommendations/atomic-recs-result/atomic-recs-result.js +1 -1
  76. package/dist/esm/components/search/atomic-category-facet/atomic-category-facet.js +1 -1
  77. package/dist/esm/components/search/atomic-color-facet/atomic-color-facet.js +1 -1
  78. package/dist/esm/components/search/atomic-field-condition/atomic-field-condition.js +6 -4
  79. package/dist/esm/components/search/atomic-quickview-modal/atomic-quickview-modal.js +1 -1
  80. package/dist/esm/components/search/atomic-result/atomic-result.js +1 -1
  81. package/dist/esm/components/search/atomic-result-badge/atomic-result-badge.js +1 -1
  82. package/dist/esm/components/search/atomic-result-fields-list/atomic-result-fields-list.js +1 -1
  83. package/dist/esm/components/search/atomic-result-icon/atomic-result-icon.js +1 -1
  84. package/dist/esm/components/search/atomic-result-image/atomic-result-image.js +1 -1
  85. package/dist/esm/components/search/atomic-result-printable-uri/atomic-result-printable-uri.tw.css.js +1 -1
  86. package/dist/esm/components/search/atomic-result-section-actions/atomic-result-section-actions.js +1 -1
  87. package/dist/esm/components/search/atomic-result-section-badges/atomic-result-section-badges.js +1 -1
  88. package/dist/esm/components/search/atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js +1 -1
  89. package/dist/esm/components/search/atomic-result-section-children/atomic-result-section-children.js +1 -1
  90. package/dist/esm/components/search/atomic-result-section-emphasized/atomic-result-section-emphasized.js +1 -1
  91. package/dist/esm/components/search/atomic-result-section-excerpt/atomic-result-section-excerpt.js +1 -1
  92. package/dist/esm/components/search/atomic-result-section-title/atomic-result-section-title.js +1 -1
  93. package/dist/esm/components/search/atomic-result-section-title-metadata/atomic-result-section-title-metadata.js +1 -1
  94. package/dist/esm/components/search/atomic-result-section-visual/atomic-result-section-visual.js +1 -1
  95. package/dist/esm/components/search/atomic-result-table-placeholder/atomic-result-table-placeholder.js +1 -1
  96. package/dist/esm/components/search/atomic-search-box/atomic-search-box.js +1 -1
  97. package/dist/esm/components/search/atomic-search-layout/atomic-search-layout.tw.css.js +2 -2
  98. package/dist/esm/components/search/atomic-smart-snippet/atomic-smart-snippet.tw.css.js +1 -1
  99. package/dist/esm/components/search/atomic-smart-snippet-feedback-modal/atomic-smart-snippet-feedback-modal.tw.css.js +1 -1
  100. package/dist/esm/components/search/atomic-smart-snippet-suggestions/atomic-smart-snippet-suggestions.tw.css.js +1 -1
  101. package/dist/esm/components/search/atomic-tab-manager/atomic-tab-manager.tw.css.js +1 -1
  102. package/dist/esm/components/search/facets/facet-segmented-value/facet-segmented-value.tw.css.js +1 -1
  103. package/dist/esm/components/search/result-template-components/quickview-iframe/quickview-iframe.js +4 -2
  104. package/dist/esm/generated/dayjs-locales-data.js +16 -16
  105. package/dist/esm/global/environment.js +1 -1
  106. package/dist/esm/utils/coveo.tw.css.js +1 -1
  107. package/dist/esm/utils/tailwind.global.tw.css.js +1 -1
  108. package/dist/esm/versions.js +1 -1
  109. package/dist/types/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.d.ts +1 -0
  110. package/dist/types/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.d.ts +1 -0
  111. package/dist/types/components/commerce/atomic-product-field-condition/atomic-product-field-condition.d.ts +2 -2
  112. package/dist/types/components/common/layout/item-layout-controller.d.ts +6 -3
  113. package/dist/types/components/search/atomic-field-condition/atomic-field-condition.d.ts +2 -2
  114. package/package.json +24 -24
@@ -208,6 +208,9 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
208
208
  const displayPlaceholders = !(this.isAppLoaded && this.isEveryProductReady);
209
209
  return (0, item_layout_utils_cjs_namespaceObject.getItemListDisplayClasses)(this.display, this.density, this.imageSize, this.searchOrListingState?.isLoading, displayPlaceholders);
210
210
  }
211
+ getProductId(product) {
212
+ return this.productListCommon.getResultId(product.permanentid, product.responseId ?? this.searchOrListingState.responseId, this.density, this.imageSize);
213
+ }
211
214
  renderGrid() {
212
215
  return (0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>(0, grid_layout_cjs_namespaceObject.renderGridLayout)({
213
216
  props: {
@@ -220,7 +223,7 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
220
223
  element instanceof HTMLElement && this.productListCommon.setNewResultRef(element, index);
221
224
  }
222
225
  }
223
- })((0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize), (0, external_lit_namespaceObject.html)`<atomic-product
226
+ })((0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.getProductId(product), (0, external_lit_namespaceObject.html)`<atomic-product
224
227
  .content=${this.productTemplateProvider.getTemplateContent(product)}
225
228
  .density=${this.density}
226
229
  .display=${this.display}
@@ -238,7 +241,7 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
238
241
  ></atomic-product>`)}`))}`;
239
242
  }
240
243
  renderList() {
241
- return (0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>(0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize), (0, external_lit_namespaceObject.html)`<atomic-product
244
+ return (0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>(0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.getProductId(product), (0, external_lit_namespaceObject.html)`<atomic-product
242
245
  part="outline"
243
246
  ${(0, ref_js_namespaceObject.ref)((element)=>element instanceof HTMLElement && this.productListCommon.setNewResultRef(element, index))}
244
247
  .content=${this.productTemplateProvider.getTemplateContent(product)}
@@ -273,7 +276,7 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
273
276
  templateContentForFirstItem
274
277
  }
275
278
  })((0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>{
276
- const key = this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize);
279
+ const key = this.getProductId(product);
277
280
  return (0, table_layout_cjs_namespaceObject.renderTableRow)({
278
281
  props: {
279
282
  key,
@@ -187,6 +187,9 @@ class AtomicCommerceRecommendationList extends (0, children_update_complete_mixi
187
187
  if (this.summaryState.firstRequestExecuted) this.bindings.store.unsetLoadingFlag(this.loadingFlag);
188
188
  });
189
189
  }
190
+ getProductId(product) {
191
+ return this.productListCommon.getResultId(product.permanentid, product.responseId ?? this.recommendationsState.responseId, this.density, this.imageSize);
192
+ }
190
193
  getAtomicProductProps(product) {
191
194
  const linkContent = this.productTemplateProvider.getLinkTemplateContent(product);
192
195
  return {
@@ -198,7 +201,7 @@ class AtomicCommerceRecommendationList extends (0, children_update_complete_mixi
198
201
  product: product,
199
202
  renderingFunction: this.itemRenderingFunction,
200
203
  loadingFlag: this.loadingFlag,
201
- key: this.productListCommon.getResultId(product.permanentid, this.recommendationsState.responseId, this.density, this.imageSize),
204
+ key: this.getProductId(product),
202
205
  content: this.productTemplateProvider.getTemplateContent(product),
203
206
  linkContent,
204
207
  stopPropagation: !!linkContent,
@@ -58,8 +58,13 @@ class AtomicProductFieldCondition extends (0, light_dom_cjs_namespaceObject.Ligh
58
58
  }
59
59
  render() {
60
60
  const product = this.productController.item;
61
- if (!product || !this.conditions.every((condition)=>condition(product))) this.remove();
62
- return (0, external_lit_namespaceObject.html)`<slot></slot>`;
61
+ if (!product) {
62
+ this.hidden = true;
63
+ return external_lit_namespaceObject.nothing;
64
+ }
65
+ const conditionsMet = this.conditions.every((condition)=>condition(product));
66
+ this.hidden = !conditionsMet;
67
+ return conditionsMet ? (0, external_lit_namespaceObject.html)`<slot></slot>` : external_lit_namespaceObject.nothing;
63
68
  }
64
69
  constructor(...args){
65
70
  super(...args), this.productController = (0, product_context_controller_cjs_namespaceObject.createProductContextController)(this);
@@ -59,32 +59,37 @@ class AtomicResultPlaceholder extends external_lit_namespaceObject.LitElement {
59
59
  `;
60
60
  }
61
61
  render() {
62
+ const displayClasses = (0, item_layout_utils_cjs_namespaceObject.getItemDisplayClasses)(this.display, this.density, this.imageSize);
62
63
  const classes = [
63
64
  'result-root',
64
65
  'placeholder',
65
66
  'with-sections',
66
67
  'animate-pulse',
67
- ...(0, item_layout_utils_cjs_namespaceObject.getItemDisplayClasses)(this.display, this.density, this.imageSize)
68
+ ...displayClasses
69
+ ].join(' ').trim();
70
+ const sectionClasses = [
71
+ 'with-sections',
72
+ ...displayClasses
68
73
  ].join(' ').trim();
69
74
  return (0, external_lit_namespaceObject.html)`
70
75
  <div class=${classes}>
71
- <atomic-result-section-visual>
76
+ <atomic-result-section-visual class=${sectionClasses}>
72
77
  <div class=${placeholderClasses}></div>
73
78
  </atomic-result-section-visual>
74
- <atomic-result-section-badges>
79
+ <atomic-result-section-badges class=${sectionClasses}>
75
80
  <div class="badge ${placeholderClasses}"></div>
76
81
  </atomic-result-section-badges>
77
- <atomic-result-section-actions>
82
+ <atomic-result-section-actions class=${sectionClasses}>
78
83
  <div class="action ${placeholderClasses}"></div>
79
84
  </atomic-result-section-actions>
80
- <atomic-result-section-title>
85
+ <atomic-result-section-title class=${sectionClasses}>
81
86
  <div class="title ${placeholderClasses}"></div>
82
87
  </atomic-result-section-title>
83
- <atomic-result-section-excerpt>
88
+ <atomic-result-section-excerpt class=${sectionClasses}>
84
89
  ${this.renderExcerptLine('100%')} ${this.renderExcerptLine('95%')}
85
90
  ${this.renderExcerptLine('98%')}
86
91
  </atomic-result-section-excerpt>
87
- <atomic-result-section-bottom-metadata>
92
+ <atomic-result-section-bottom-metadata class=${sectionClasses}>
88
93
  <div class="fields-placeholder">
89
94
  ${Array.from({
90
95
  length: 4
@@ -96,7 +101,7 @@ class AtomicResultPlaceholder extends external_lit_namespaceObject.LitElement {
96
101
  }
97
102
  }
98
103
  AtomicResultPlaceholder.styles = (0, external_lit_namespaceObject.css)`
99
- @reference '../../common/template-system/legacy-template-system.css';
104
+ @reference '../../common/template-system/template-system.css';
100
105
 
101
106
  :host {
102
107
  @apply atomic-template-system;
@@ -108,6 +113,16 @@ AtomicResultPlaceholder.styles = (0, external_lit_namespaceObject.css)`
108
113
  }
109
114
  }
110
115
 
116
+ > atomic-result-section-excerpt {
117
+ @apply set-font-size-base;
118
+
119
+ @media (width >= theme(--breakpoint-desktop)) {
120
+ &.density-comfortable {
121
+ @apply set-font-size-lg;
122
+ }
123
+ }
124
+ }
125
+
111
126
  .badge {
112
127
  width: 14rem;
113
128
  }
@@ -30,13 +30,14 @@ __webpack_require__.r(__webpack_exports__);
30
30
  __webpack_require__.d(__webpack_exports__, {
31
31
  ItemLayoutController: ()=>ItemLayoutController
32
32
  });
33
+ const external_item_layout_sections_cjs_namespaceObject = require("./item-layout-sections.cjs");
33
34
  const external_item_layout_utils_cjs_namespaceObject = require("./item-layout-utils.cjs");
34
35
  class ItemLayoutController {
35
36
  hostConnected() {
36
37
  this.createLayout();
37
38
  }
38
39
  hostUpdated() {
39
- if (!this.options.classesOnly) this.applyLayoutClasses();
40
+ this.applyLayoutClasses();
40
41
  }
41
42
  getLayout() {
42
43
  return this.layout;
@@ -85,10 +86,14 @@ class ItemLayoutController {
85
86
  }
86
87
  addClassesToElements(root, classes) {
87
88
  if (0 === classes.length) return;
89
+ const config = this.getLayout();
90
+ const sectionClasses = config ? (0, external_item_layout_utils_cjs_namespaceObject.getItemLayoutClasses)(config) : [];
88
91
  const elements = root.querySelectorAll('*');
89
92
  elements.forEach((element)=>{
90
93
  const tagName = element.tagName.toLowerCase();
91
- if (tagName.startsWith(`${this.options.elementPrefix}-`)) element.classList.add(...classes);
94
+ const isPrefixedChild = !this.options.classesOnly && tagName.startsWith(`${this.options.elementPrefix}-`);
95
+ if (isPrefixedChild) element.classList.add(...classes);
96
+ else if ((0, external_item_layout_sections_cjs_namespaceObject.isResultSectionNode)(element) && sectionClasses.length > 0) element.classList.add(...sectionClasses);
92
97
  });
93
98
  }
94
99
  observeAndApplyClasses(root, classes) {
@@ -152,21 +152,92 @@ AtomicInsightResult.propsSchema = new bueno_namespaceObject.Schema({
152
152
  });
153
153
  AtomicInsightResult.styles = (0, external_lit_namespaceObject.css)`
154
154
  @reference '../../../utils/tailwind.global.tw.css';
155
- @import '../../common/template-system/legacy-template-system.css';
155
+ @import '../../common/template-system/template-system.css';
156
156
 
157
157
  :host {
158
158
  @apply atomic-template-system;
159
159
  @apply relative;
160
160
 
161
- .with-sections:not(.child-result) {
161
+ .result-root.with-sections:not(.child-result) {
162
162
  padding-top: var(--atomic-layout-spacing-y);
163
163
  padding-bottom: var(--atomic-layout-spacing-y);
164
164
  padding-right: var(--atomic-layout-spacing-x);
165
165
  padding-left: var(--atomic-layout-spacing-x);
166
166
  }
167
+
168
+ .result-root.with-sections.display-list {
169
+ &.density-comfortable {
170
+ &.child-result:not(.last-child),
171
+ .placeholder {
172
+ margin-bottom: 1.75rem;
173
+ }
174
+ }
175
+ &.density-normal {
176
+ &.child-result:not(.last-child),
177
+ .placeholder {
178
+ margin-bottom: 1.5rem;
179
+ }
180
+ }
181
+ &.density-compact {
182
+ &.child-result:not(.last-child),
183
+ .placeholder {
184
+ margin-bottom: 1rem;
185
+ }
186
+ }
187
+
188
+ @media (width >= theme(--breakpoint-desktop)) {
189
+ &.density-normal,
190
+ &.density-compact {
191
+ atomic-result-section-children {
192
+ margin-top: 0;
193
+ }
194
+ }
195
+ }
196
+
197
+ @media not all and (width >= theme(--breakpoint-desktop)) {
198
+ atomic-result-section-children atomic-insight-result-children::part(children-root) {
199
+ margin: 1rem -1rem 0;
200
+ padding-right: 1rem;
201
+ padding-left: 1rem;
202
+ }
203
+
204
+ &.density-comfortable {
205
+ atomic-result-section-children atomic-insight-result-children::part(children-root) {
206
+ padding-top: 1.75rem;
207
+ }
208
+ atomic-result-section-children atomic-insight-result-children::part(show-hide-button) {
209
+ margin-top: 1.25rem;
210
+ margin-bottom: 1.25rem;
211
+ }
212
+ }
213
+ &.density-normal {
214
+ atomic-result-section-children atomic-insight-result-children::part(children-root) {
215
+ padding-top: 1.5rem;
216
+ }
217
+ atomic-result-section-children atomic-insight-result-children::part(show-hide-button) {
218
+ margin-top: 0.875rem;
219
+ margin-bottom: 0.875rem;
220
+ }
221
+ }
222
+ &.density-compact {
223
+ > atomic-result-section-excerpt {
224
+ margin-top: 0.75rem;
225
+ max-height: 1.25rem;
226
+ @apply line-clamp-1;
227
+ }
228
+ atomic-result-section-children atomic-insight-result-children::part(children-root) {
229
+ padding-top: 1rem;
230
+ }
231
+ atomic-result-section-children atomic-insight-result-children::part(show-hide-button) {
232
+ margin-top: 0.475rem;
233
+ margin-bottom: 0.475rem;
234
+ }
235
+ }
236
+ }
237
+ }
167
238
  }
168
239
 
169
- :host(:hover) .with-sections {
240
+ :host(:hover) .result-root.with-sections {
170
241
  @apply bg-neutral-lighter;
171
242
  }
172
243
 
@@ -174,7 +245,7 @@ AtomicInsightResult.styles = (0, external_lit_namespaceObject.css)`
174
245
  @apply visible;
175
246
  }
176
247
 
177
- :host(:first-of-type) .with-sections:not(.child-result) {
248
+ :host(:first-of-type) .result-root.with-sections:not(.child-result) {
178
249
  @apply pt-8;
179
250
  }
180
251
 
@@ -188,7 +188,7 @@ AtomicRecsResult.propsSchema = new bueno_namespaceObject.Schema({
188
188
  })
189
189
  });
190
190
  AtomicRecsResult.styles = (0, external_lit_namespaceObject.css)`
191
- @import '../../common/template-system/legacy-template-system.css';
191
+ @import '../../common/template-system/template-system.css';
192
192
 
193
193
  :host {
194
194
  @apply atomic-template-system;
@@ -63,11 +63,13 @@ class AtomicFieldCondition extends (0, light_dom_cjs_namespaceObject.LightDomMix
63
63
  }
64
64
  render() {
65
65
  const result = this.getResult();
66
- if (!result || !this.conditions.every((condition)=>condition(result))) {
66
+ if (!result) {
67
67
  this.hidden = true;
68
- return (0, external_lit_namespaceObject.html)``;
68
+ return external_lit_namespaceObject.nothing;
69
69
  }
70
- return (0, external_lit_namespaceObject.html)`<slot></slot>`;
70
+ const conditionsMet = this.conditions.every((condition)=>condition(result));
71
+ this.hidden = !conditionsMet;
72
+ return conditionsMet ? (0, external_lit_namespaceObject.html)`<slot></slot>` : external_lit_namespaceObject.nothing;
71
73
  }
72
74
  constructor(...args){
73
75
  super(...args), this.resultController = (0, result_context_controller_cjs_namespaceObject.createResultContextController)(this);
@@ -65,7 +65,6 @@ const iframeConnectedEvent = async (iframe, logger)=>{
65
65
  };
66
66
  const renderQuickviewIframe = ({ props })=>{
67
67
  const { title, onSetIframeRef, uniqueIdentifier, content, sandbox, src, logger } = props;
68
- const waitForIframeContentToBeWritten = ()=>new Promise((resolve)=>setTimeout(resolve));
69
68
  const handleRef = (el)=>{
70
69
  if (!el) return;
71
70
  const iframeRef = el;
@@ -81,9 +80,12 @@ const renderQuickviewIframe = ({ props })=>{
81
80
  return;
82
81
  }
83
82
  if (currentResultAlreadyWrittenToDocument(documentWriter, uniqueIdentifier)) return;
83
+ const contentLoaded = (0, event_utils_cjs_namespaceObject.eventPromise)(iframeRef, 'load', 5000);
84
84
  writeDocument(documentWriter, content);
85
85
  ensureSameResultIsNotOverwritten(documentWriter, uniqueIdentifier);
86
- await waitForIframeContentToBeWritten();
86
+ await contentLoaded.catch(()=>{
87
+ logger?.warn('Quickview timed out waiting for the iframe content to load.');
88
+ });
87
89
  onSetIframeRef(iframeRef);
88
90
  };
89
91
  writeContentWhenReady();
@@ -30,8 +30,8 @@ __webpack_require__.r(__webpack_exports__);
30
30
  const locales = {
31
31
  af: ()=>import("dayjs/locale/af"),
32
32
  am: ()=>import("dayjs/locale/am"),
33
- 'ar-DZ': ()=>import("dayjs/locale/ar-dz"),
34
33
  'ar-IQ': ()=>import("dayjs/locale/ar-iq"),
34
+ 'ar-DZ': ()=>import("dayjs/locale/ar-dz"),
35
35
  'ar-KW': ()=>import("dayjs/locale/ar-kw"),
36
36
  'ar-LY': ()=>import("dayjs/locale/ar-ly"),
37
37
  'ar-MA': ()=>import("dayjs/locale/ar-ma"),
@@ -54,12 +54,11 @@ const locales = {
54
54
  cy: ()=>import("dayjs/locale/cy"),
55
55
  da: ()=>import("dayjs/locale/da"),
56
56
  'de-AT': ()=>import("dayjs/locale/de-at"),
57
- de: ()=>import("dayjs/locale/de"),
58
57
  'de-CH': ()=>import("dayjs/locale/de-ch"),
58
+ de: ()=>import("dayjs/locale/de"),
59
59
  dv: ()=>import("dayjs/locale/dv"),
60
60
  'en-AU': ()=>import("dayjs/locale/en-au"),
61
61
  el: ()=>import("dayjs/locale/el"),
62
- 'en-CA': ()=>import("dayjs/locale/en-ca"),
63
62
  'en-GB': ()=>import("dayjs/locale/en-gb"),
64
63
  'en-IE': ()=>import("dayjs/locale/en-ie"),
65
64
  'en-IL': ()=>import("dayjs/locale/en-il"),
@@ -67,26 +66,26 @@ const locales = {
67
66
  'en-NZ': ()=>import("dayjs/locale/en-nz"),
68
67
  'en-SG': ()=>import("dayjs/locale/en-sg"),
69
68
  'en-TT': ()=>import("dayjs/locale/en-tt"),
69
+ 'en-CA': ()=>import("dayjs/locale/en-ca"),
70
70
  en: ()=>import("dayjs/locale/en"),
71
71
  eo: ()=>import("dayjs/locale/eo"),
72
- 'es-DO': ()=>import("dayjs/locale/es-do"),
73
72
  'es-MX': ()=>import("dayjs/locale/es-mx"),
74
73
  'es-PR': ()=>import("dayjs/locale/es-pr"),
75
74
  'es-US': ()=>import("dayjs/locale/es-us"),
76
- es: ()=>import("dayjs/locale/es"),
75
+ 'es-DO': ()=>import("dayjs/locale/es-do"),
77
76
  et: ()=>import("dayjs/locale/et"),
78
77
  eu: ()=>import("dayjs/locale/eu"),
79
78
  fa: ()=>import("dayjs/locale/fa"),
80
79
  fi: ()=>import("dayjs/locale/fi"),
81
- fo: ()=>import("dayjs/locale/fo"),
82
80
  'fr-CA': ()=>import("dayjs/locale/fr-ca"),
83
81
  'fr-CH': ()=>import("dayjs/locale/fr-ch"),
84
82
  fr: ()=>import("dayjs/locale/fr"),
83
+ fo: ()=>import("dayjs/locale/fo"),
85
84
  fy: ()=>import("dayjs/locale/fy"),
86
85
  ga: ()=>import("dayjs/locale/ga"),
86
+ gd: ()=>import("dayjs/locale/gd"),
87
87
  gl: ()=>import("dayjs/locale/gl"),
88
88
  'gom-LATN': ()=>import("dayjs/locale/gom-latn"),
89
- gd: ()=>import("dayjs/locale/gd"),
90
89
  gu: ()=>import("dayjs/locale/gu"),
91
90
  he: ()=>import("dayjs/locale/he"),
92
91
  hi: ()=>import("dayjs/locale/hi"),
@@ -98,17 +97,16 @@ const locales = {
98
97
  is: ()=>import("dayjs/locale/is"),
99
98
  'it-CH': ()=>import("dayjs/locale/it-ch"),
100
99
  it: ()=>import("dayjs/locale/it"),
101
- ja: ()=>import("dayjs/locale/ja"),
102
100
  jv: ()=>import("dayjs/locale/jv"),
103
101
  ka: ()=>import("dayjs/locale/ka"),
104
102
  kk: ()=>import("dayjs/locale/kk"),
105
103
  km: ()=>import("dayjs/locale/km"),
106
- kn: ()=>import("dayjs/locale/kn"),
107
104
  ko: ()=>import("dayjs/locale/ko"),
108
105
  ku: ()=>import("dayjs/locale/ku"),
109
106
  ky: ()=>import("dayjs/locale/ky"),
107
+ kn: ()=>import("dayjs/locale/kn"),
110
108
  lb: ()=>import("dayjs/locale/lb"),
111
- lo: ()=>import("dayjs/locale/lo"),
109
+ ja: ()=>import("dayjs/locale/ja"),
112
110
  lt: ()=>import("dayjs/locale/lt"),
113
111
  lv: ()=>import("dayjs/locale/lv"),
114
112
  me: ()=>import("dayjs/locale/me"),
@@ -120,19 +118,20 @@ const locales = {
120
118
  'ms-MY': ()=>import("dayjs/locale/ms-my"),
121
119
  ms: ()=>import("dayjs/locale/ms"),
122
120
  mt: ()=>import("dayjs/locale/mt"),
121
+ lo: ()=>import("dayjs/locale/lo"),
123
122
  my: ()=>import("dayjs/locale/my"),
124
123
  nb: ()=>import("dayjs/locale/nb"),
125
124
  ne: ()=>import("dayjs/locale/ne"),
126
- 'nl-BE': ()=>import("dayjs/locale/nl-be"),
127
125
  nl: ()=>import("dayjs/locale/nl"),
126
+ 'nl-BE': ()=>import("dayjs/locale/nl-be"),
128
127
  nn: ()=>import("dayjs/locale/nn"),
129
- 'oc-LNC': ()=>import("dayjs/locale/oc-lnc"),
130
128
  'pa-IN': ()=>import("dayjs/locale/pa-in"),
131
129
  pl: ()=>import("dayjs/locale/pl"),
132
130
  'pt-BR': ()=>import("dayjs/locale/pt-br"),
133
131
  pt: ()=>import("dayjs/locale/pt"),
134
132
  rn: ()=>import("dayjs/locale/rn"),
135
133
  ro: ()=>import("dayjs/locale/ro"),
134
+ es: ()=>import("dayjs/locale/es"),
136
135
  ru: ()=>import("dayjs/locale/ru"),
137
136
  rw: ()=>import("dayjs/locale/rw"),
138
137
  sd: ()=>import("dayjs/locale/sd"),
@@ -140,6 +139,7 @@ const locales = {
140
139
  si: ()=>import("dayjs/locale/si"),
141
140
  sk: ()=>import("dayjs/locale/sk"),
142
141
  sl: ()=>import("dayjs/locale/sl"),
142
+ 'oc-LNC': ()=>import("dayjs/locale/oc-lnc"),
143
143
  sq: ()=>import("dayjs/locale/sq"),
144
144
  'sr-CYRL': ()=>import("dayjs/locale/sr-cyrl"),
145
145
  sr: ()=>import("dayjs/locale/sr"),
@@ -151,21 +151,21 @@ const locales = {
151
151
  te: ()=>import("dayjs/locale/te"),
152
152
  tet: ()=>import("dayjs/locale/tet"),
153
153
  tg: ()=>import("dayjs/locale/tg"),
154
- tk: ()=>import("dayjs/locale/tk"),
155
154
  th: ()=>import("dayjs/locale/th"),
156
155
  'tl-PH': ()=>import("dayjs/locale/tl-ph"),
157
- tr: ()=>import("dayjs/locale/tr"),
158
156
  tlh: ()=>import("dayjs/locale/tlh"),
159
- 'tzm-LATN': ()=>import("dayjs/locale/tzm-latn"),
160
- tzm: ()=>import("dayjs/locale/tzm"),
157
+ tr: ()=>import("dayjs/locale/tr"),
161
158
  tzl: ()=>import("dayjs/locale/tzl"),
159
+ tzm: ()=>import("dayjs/locale/tzm"),
162
160
  'ug-CN': ()=>import("dayjs/locale/ug-cn"),
163
161
  uk: ()=>import("dayjs/locale/uk"),
162
+ tk: ()=>import("dayjs/locale/tk"),
164
163
  ur: ()=>import("dayjs/locale/ur"),
165
164
  'uz-LATN': ()=>import("dayjs/locale/uz-latn"),
166
165
  uz: ()=>import("dayjs/locale/uz"),
167
166
  vi: ()=>import("dayjs/locale/vi"),
168
167
  'x-PSEUDO': ()=>import("dayjs/locale/x-pseudo"),
168
+ 'tzm-LATN': ()=>import("dayjs/locale/tzm-latn"),
169
169
  yo: ()=>import("dayjs/locale/yo"),
170
170
  'zh-CN': ()=>import("dayjs/locale/zh-cn"),
171
171
  'zh-HK': ()=>import("dayjs/locale/zh-hk"),
@@ -32,7 +32,7 @@ function getWindow() {
32
32
  }
33
33
  function getAtomicEnvironment(headlessVersion) {
34
34
  return {
35
- version: "3.61.0",
35
+ version: "3.61.2",
36
36
  headlessVersion
37
37
  };
38
38
  }
@@ -1,2 +1,2 @@
1
- const css = `/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */:host,:root{--atomic-primary:#126ce0;--atomic-primary-light:#399ffe;--atomic-primary-dark:#1a50ad;--atomic-on-primary:#fff;--atomic-ring-primary:#1372ec80;--atomic-neutral-dark:#626971;--atomic-neutral-dim:#bfc4c8;--atomic-neutral:#e5e8e8;--atomic-neutral-light:#f6f7f9;--atomic-neutral-lighter:#f9fafb;--atomic-background:#fff;--atomic-on-background:#282829;--atomic-success:#12a244;--atomic-error:#ce3f00;--atomic-visited:#752e9c;--atomic-disabled:#c5cacf;--atomic-success-background:#d4fcf0;--atomic-error-background:#fcbdc0;--atomic-primary-background:#edf6ff;--atomic-inline-code:#cd2113;--atomic-border-radius:.25rem;--atomic-border-radius-md:.5rem;--atomic-border-radius-lg:.75rem;--atomic-border-radius-xl:1rem;--atomic-font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Ubuntu,roboto,noto,arial,sans-serif;--atomic-font-normal:400;--atomic-font-bold:700;--atomic-text-base:.875rem;--atomic-text-sm:.75rem;--atomic-text-lg:1rem;--atomic-text-xl:1.125rem;--atomic-text-2xl:1.5rem;--atomic-line-height-ratio:1.5;--atomic-layout-spacing-x:1.5rem;--atomic-layout-spacing-y:1rem;--color-primary:var(--atomic-primary);--color-primary-light:var(--atomic-primary-light);--color-primary-dark:var(--atomic-primary-dark);--color-on-primary:var(--atomic-on-primary);--color-ring-primary:var(--atomic-ring-primary);--color-primary-background:var(--atomic-primary-background);--color-neutral-dark:var(--atomic-neutral-dark);--color-neutral-dim:var(--atomic-neutral-dim);--color-neutral:var(--atomic-neutral);--color-neutral-light:var(--atomic-neutral-light);--color-neutral-lighter:var(--atomic-neutral-lighter);--color-background:var(--atomic-background);--color-on-background:var(--atomic-on-background);--color-success:var(--atomic-success);--color-error:var(--atomic-error);--color-visited:var(--atomic-visited);--color-disabled:var(--atomic-disabled);--color-inline-code:var(--atomic-inline-code);--color-rating-icon-inactive:var(--atomic-rating-icon-inactive-color,var(--atomic-neutral));--color-rating-icon-active:var(--atomic-rating-icon-active-color,#f6ce3c);--color-rating-icon-outline:var(--atomic-rating-icon-outline-color,none);--color-user-actions-timeline-separator-background:var(--atomic-user-actions-timeline-separator-background,#e0e1dd);--color-more-results-progress-bar-color-from:var(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark));--color-more-results-progress-bar-color-to:var(--atomic-more-results-progress-bar-color-to,var(--atomic-primary-light));--text-sm:var(--atomic-text-sm);--text-base:var(--atomic-text-base);--text-lg:var(--atomic-text-lg);--text-xl:var(--atomic-text-xl);--text-2xl:var(--atomic-text-2xl);--font-weight-normal:var(--atomic-font-normal);--font-weight-bold:var(--atomic-font-bold);--shadow-inner-primary:inset 0 0 0 1px var(--atomic-primary);--shadow-lg:0px 2px 8px #e5e8e8bf;--shadow-t-lg:0px -2px 8px #e5e8e8bf;--radius:var(--atomic-border-radius);--radius-xs:var(--atomic-border-radius);--radius-sm:var(--atomic-border-radius);--radius-md:var(--atomic-border-radius-md);--radius-lg:var(--atomic-border-radius-lg);--radius-xl:var(--atomic-border-radius-xl);--font-sans:var(--atomic-font-family);--breakpoint-desktop:1024px}`;
1
+ const css = `/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */:host,:root{--atomic-primary:#126ce0;--atomic-primary-light:#399ffe;--atomic-primary-dark:#1a50ad;--atomic-on-primary:#fff;--atomic-ring-primary:#1372ec80;--atomic-neutral-dark:#626971;--atomic-neutral-dim:#bfc4c8;--atomic-neutral:#e5e8e8;--atomic-neutral-light:#f6f7f9;--atomic-neutral-lighter:#f9fafb;--atomic-background:#fff;--atomic-on-background:#282829;--atomic-success:#12a244;--atomic-error:#ce3f00;--atomic-visited:#752e9c;--atomic-disabled:#c5cacf;--atomic-success-background:#d4fcf0;--atomic-error-background:#fcbdc0;--atomic-primary-background:#edf6ff;--atomic-inline-code:#cd2113;--atomic-border-radius:.25rem;--atomic-border-radius-md:.5rem;--atomic-border-radius-lg:.75rem;--atomic-border-radius-xl:1rem;--atomic-font-family:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;--atomic-font-normal:400;--atomic-font-bold:700;--atomic-text-base:.875rem;--atomic-text-sm:.75rem;--atomic-text-lg:1rem;--atomic-text-xl:1.125rem;--atomic-text-2xl:1.5rem;--atomic-line-height-ratio:1.5;--atomic-layout-spacing-x:1.5rem;--atomic-layout-spacing-y:1rem;--color-primary:var(--atomic-primary);--color-primary-light:var(--atomic-primary-light);--color-primary-dark:var(--atomic-primary-dark);--color-on-primary:var(--atomic-on-primary);--color-ring-primary:var(--atomic-ring-primary);--color-primary-background:var(--atomic-primary-background);--color-neutral-dark:var(--atomic-neutral-dark);--color-neutral-dim:var(--atomic-neutral-dim);--color-neutral:var(--atomic-neutral);--color-neutral-light:var(--atomic-neutral-light);--color-neutral-lighter:var(--atomic-neutral-lighter);--color-background:var(--atomic-background);--color-on-background:var(--atomic-on-background);--color-success:var(--atomic-success);--color-error:var(--atomic-error);--color-visited:var(--atomic-visited);--color-disabled:var(--atomic-disabled);--color-inline-code:var(--atomic-inline-code);--color-rating-icon-inactive:var(--atomic-rating-icon-inactive-color,var(--atomic-neutral));--color-rating-icon-active:var(--atomic-rating-icon-active-color,#f6ce3c);--color-rating-icon-outline:var(--atomic-rating-icon-outline-color,none);--color-user-actions-timeline-separator-background:var(--atomic-user-actions-timeline-separator-background,#e0e1dd);--color-more-results-progress-bar-color-from:var(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark));--color-more-results-progress-bar-color-to:var(--atomic-more-results-progress-bar-color-to,var(--atomic-primary-light));--text-sm:var(--atomic-text-sm);--text-base:var(--atomic-text-base);--text-lg:var(--atomic-text-lg);--text-xl:var(--atomic-text-xl);--text-2xl:var(--atomic-text-2xl);--font-weight-normal:var(--atomic-font-normal);--font-weight-bold:var(--atomic-font-bold);--shadow-inner-primary:inset 0 0 0 1px var(--atomic-primary);--shadow-lg:0px 2px 8px #e5e8e8bf;--shadow-t-lg:0px -2px 8px #e5e8e8bf;--radius:var(--atomic-border-radius);--radius-xs:var(--atomic-border-radius);--radius-sm:var(--atomic-border-radius);--radius-md:var(--atomic-border-radius-md);--radius-lg:var(--atomic-border-radius-lg);--radius-xl:var(--atomic-border-radius-xl);--font-sans:var(--atomic-font-family);--breakpoint-desktop:1024px}`;
2
2
  module.exports = css;