@coveo/atomic 3.28.0-pre.c28335485c → 3.28.0-pre.d7a2bdbfed

package/dist/esm/{product-utils-85109d2e.js → product-utils-8348689f.js}

@@ -13,6 +13,13 @@ function parseValue(product, field) {
     }
     return valueAsNumber;
 }
+function getStringValueFromProductOrNull(product, field) {
+    const value = ProductTemplatesHelpers.getProductProperty(product, field);
+    if (typeof value !== 'string' || value.trim() === '') {
+        return null;
+    }
+    return value;
+}
 function buildStringTemplateFromProduct(template, product, bindings) {
     return template.replace(/\${(.*?)}/g, (value) => {
         const key = value.substring(2, value.length - 1);
@@ -28,6 +35,6 @@ function buildStringTemplateFromProduct(template, product, bindings) {
     });
 }
 
-export { buildStringTemplateFromProduct as b, parseValue as p };
+export { buildStringTemplateFromProduct as b, getStringValueFromProductOrNull as g, parseValue as p };
 
-//# sourceMappingURL=product-utils-85109d2e.js.map
+//# sourceMappingURL=product-utils-8348689f.js.map

package/dist/esm/product-utils-8348689f.js.map

@@ -0,0 +1 @@
+{"file":"product-utils-8348689f.js","mappings":";;;;SAKgB,UAAU,CAAC,OAAgB,EAAE,KAAa;IACxD,MAAM,KAAK,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACzE,IAAI,KAAK,KAAK,IAAI,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;IAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;QAC/B,MAAM,IAAI,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KAC9C;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;SAEe,+BAA+B,CAC7C,OAAgB,EAChB,KAAa;IAEb,MAAM,KAAK,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEzE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACpD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,8BAA8B,CAC5C,QAAgB,EAChB,OAAgB,EAChB,QAA0B;IAE1B,OAAO,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,KAAa;QAClD,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACjD,IAAI,QAAQ,GAAG,cAAc,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAC5C,IAAI,CAAC,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC9C,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;SACxC;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CACzB,GAAG,GAAG,6DAA6D,OAAO,CAAC,WAAW,+CAA+C,CACtI,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QAED,OAAO,QAAQ,CAAC;KACjB,CAAC,CAAC;AACL;;;;","names":[],"sources":["src/components/commerce/product-template-component-utils/product-utils.ts"],"sourcesContent":["import {readFromObject} from '@/src/utils/object-utils';\nimport {Product, ProductTemplatesHelpers} from '@coveo/headless/commerce';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {FieldValueIsNaNError} from './error';\n\nexport function parseValue(product: Product, field: string) {\n  const value = ProductTemplatesHelpers.getProductProperty(product, field);\n  if (value === null) {\n    return null;\n  }\n  const valueAsNumber = parseFloat(`${value}`);\n  if (Number.isNaN(valueAsNumber)) {\n    throw new FieldValueIsNaNError(field, value);\n  }\n  return valueAsNumber;\n}\n\nexport function getStringValueFromProductOrNull(\n  product: Product,\n  field: string\n) {\n  const value = ProductTemplatesHelpers.getProductProperty(product, field);\n\n  if (typeof value !== 'string' || value.trim() === '') {\n    return null;\n  }\n\n  return value;\n}\n\nexport function buildStringTemplateFromProduct(\n  template: string,\n  product: Product,\n  bindings: CommerceBindings\n) {\n  return template.replace(/\\${(.*?)}/g, (value: string) => {\n    const key = value.substring(2, value.length - 1);\n    let newValue = readFromObject(product, key);\n    if (!newValue && typeof window !== 'undefined') {\n      newValue = readFromObject(window, key);\n    }\n\n    if (!newValue) {\n      bindings.engine.logger.warn(\n        `${key} used in the href template is undefined for this product: ${product.permanentid} and could not be found in the window object.`\n      );\n      return '';\n    }\n\n    return newValue;\n  });\n}\n"],"version":3}

package/dist/esm/sections-ae00b53a.js.map

@@ -1 +1 @@
-{"file":"sections-ae00b53a.js","mappings":"SAYgB,WAAW,CAAC,OAAoB,EAAE,OAAgB;IAChE,OAAO,OAAO,CAAC,aAAa,CAC1B,eAAe,CAAC,OAAO,CAAC,CACK,CAAC;AAClC,CAAC;SAEe,eAAe,CAAC,OAAgB;IAC9C,OAAO,kCAAkC,OAAO,IAAI,CAAC;AACvD;;;;","names":[],"sources":["src/components/common/atomic-layout-section/sections.ts"],"sourcesContent":["import {AtomicLayoutSection} from './atomic-layout-section';\n\nexport type Section =\n  | 'search'\n  | 'facets'\n  | 'main'\n  | 'status'\n  | 'results'\n  | 'horizontal-facets'\n  | 'products'\n  | 'pagination';\n\nexport function findSection(element: HTMLElement, section: Section) {\n  return element.querySelector(\n    sectionSelector(section)\n  ) as AtomicLayoutSection | null;\n}\n\nexport function sectionSelector(section: Section) {\n  return `atomic-layout-section[section=\"${section}\"]`;\n}\n"],"version":3}
+{"file":"sections-ae00b53a.js","mappings":"SAUgB,WAAW,CAAC,OAAoB,EAAE,OAAgB;IAChE,OAAO,OAAO,CAAC,aAAa,CAC1B,eAAe,CAAC,OAAO,CAAC,CACgB,CAAC;AAC7C,CAAC;SAEe,eAAe,CAAC,OAAgB;IAC9C,OAAO,kCAAkC,OAAO,IAAI,CAAC;AACvD;;;;","names":[],"sources":["src/components/common/atomic-layout-section/sections.ts"],"sourcesContent":["export type Section =\n  | 'search'\n  | 'facets'\n  | 'main'\n  | 'status'\n  | 'results'\n  | 'horizontal-facets'\n  | 'products'\n  | 'pagination';\n\nexport function findSection(element: HTMLElement, section: Section) {\n  return element.querySelector(\n    sectionSelector(section)\n  ) as HTMLAtomicLayoutSectionElement | null;\n}\n\nexport function sectionSelector(section: Section) {\n  return `atomic-layout-section[section=\"${section}\"]`;\n}\n"],"version":3}

package/dist/esm/stencil-item-text-highlighted-0e1c6c08.js

@@ -0,0 +1,49 @@
+import { isArray, isUndefined } from '@coveo/bueno';
+import { h, F as Fragment, H as Host } from './index-3f35faca.js';
+
+function possiblyWarnOnBadFieldType(field, itemValueRaw, host, logger) {
+    if (isArray(itemValueRaw)) {
+        logger.error(`${host.nodeName.toLowerCase()} cannot be used with multi value field "${field}" with values "${itemValueRaw}".`, host);
+    }
+}
+
+const ItemTextFallback = ({ field, host, logger, defaultValue, item, getProperty }, children) => {
+    const raw = getProperty(item, field);
+    possiblyWarnOnBadFieldType(field, raw, host, logger);
+    if (isUndefined(defaultValue)) {
+        host.remove();
+        return null;
+    }
+    else {
+        return h(Fragment, null, children);
+    }
+};
+
+function renderWithHighlights(value, highlights, highlightString) {
+    const openingDelimiter = '_openingDelimiter_';
+    const closingDelimiter = '_closingDelimiter_';
+    const highlightedValue = highlightString({
+        content: value,
+        openingDelimiter,
+        closingDelimiter,
+        highlights,
+    });
+    return highlightedValue
+        .replace(new RegExp(openingDelimiter, 'g'), '<b>')
+        .replace(new RegExp(closingDelimiter, 'g'), '</b>');
+}
+
+const ItemTextHighlighted = ({ highlightKeywords, highlightString, onError, textValue }) => {
+    try {
+        const highlightedValue = renderWithHighlights(textValue, highlightKeywords, highlightString);
+        // deepcode ignore ReactSetInnerHtml: This is not React code
+        return h(Host, { innerHTML: highlightedValue });
+    }
+    catch (error) {
+        onError(error);
+    }
+};
+
+export { ItemTextFallback as I, ItemTextHighlighted as a };
+
+//# sourceMappingURL=stencil-item-text-highlighted-0e1c6c08.js.map

package/dist/esm/stencil-item-text-highlighted-0e1c6c08.js.map

@@ -0,0 +1 @@
+{"file":"stencil-item-text-highlighted-0e1c6c08.js","mappings":";;;SAEgB,0BAA0B,CACxC,KAAa,EACb,YAAqB,EACrB,IAAiB,EACjB,MAA8B;IAE9B,IAAI,OAAO,CAAC,YAAY,CAAC,EAAE;QACzB,MAAM,CAAC,KAAK,CACV,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,2CAA2C,KAAK,kBAAkB,YAAY,IAAI,EAChH,IAAI,CACL,CAAC;KACH;AACH;;MCDa,gBAAgB,GAAG,CAC9B,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAmB,EACxE,QAAiB;IAEjB,MAAM,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACrC,0BAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAErD,IAAI,WAAW,CAAC,YAAY,CAAC,EAAE;QAC7B,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;KACxC;AACH;;SCdgB,oBAAoB,CAClC,KAAa,EACb,UAA+B,EAC/B,eAAgC;IAEhC,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;IAC9C,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;IAC9C,MAAM,gBAAgB,GAAG,eAAe,CAAC;QACvC,OAAO,EAAE,KAAK;QACd,gBAAgB;QAChB,gBAAgB;QAChB,UAAU;KACX,CAAC,CAAC;IACH,OAAO,gBAAgB;SACpB,OAAO,CAAC,IAAI,MAAM,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC;SACjD,OAAO,CAAC,IAAI,MAAM,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;AACxD;;MCda,mBAAmB,GAE5B,CAAC,EAAC,iBAAiB,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAC;IAC3D,IAAI;QACF,MAAM,gBAAgB,GAAG,oBAAoB,CAC3C,SAAS,EACT,iBAAiB,EACjB,eAAe,CAChB,CAAC;;QAGF,OAAO,EAAC,IAAI,IAAC,SAAS,EAAE,gBAAgB,GAAS,CAAC;KACnD;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAc,CAAC,CAAC;KACzB;AACH;;;;","names":[],"sources":["src/components/common/item-text/field-warning.ts","src/components/common/item-text/stencil-item-text-fallback.tsx","src/components/common/item-text/render-highlights.ts","src/components/common/item-text/stencil-item-text-highlighted.tsx"],"sourcesContent":["import {isArray} from '@coveo/bueno';\n\nexport function possiblyWarnOnBadFieldType(\n  field: string,\n  itemValueRaw: unknown,\n  host: HTMLElement,\n  logger: Pick<Console, 'error'>\n) {\n  if (isArray(itemValueRaw)) {\n    logger.error(\n      `${host.nodeName.toLowerCase()} cannot be used with multi value field \"${field}\" with values \"${itemValueRaw}\".`,\n      host\n    );\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {Fragment, FunctionalComponent, VNode, h} from '@stencil/core';\nimport {possiblyWarnOnBadFieldType} from './field-warning';\n\nexport interface ItemTextProps<T> {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  defaultValue: string | undefined;\n  field: string;\n  item: T;\n  getProperty: (result: T, property: string) => unknown;\n}\n\nexport const ItemTextFallback = <T,>(\n  {field, host, logger, defaultValue, item, getProperty}: ItemTextProps<T>,\n  children: VNode[]\n): FunctionalComponent<ItemTextProps<T>> | null => {\n  const raw = getProperty(item, field);\n  possiblyWarnOnBadFieldType(field, raw, host, logger);\n\n  if (isUndefined(defaultValue)) {\n    host.remove();\n    return null;\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n","export type HighlightKeywords = {\n  offset: number;\n  length: number;\n};\n\nexport type HighlightString = (params: {\n  content: string;\n  openingDelimiter: string;\n  closingDelimiter: string;\n  highlights: HighlightKeywords[];\n}) => string;\n\nexport function renderWithHighlights(\n  value: string,\n  highlights: HighlightKeywords[],\n  highlightString: HighlightString\n) {\n  const openingDelimiter = '_openingDelimiter_';\n  const closingDelimiter = '_closingDelimiter_';\n  const highlightedValue = highlightString({\n    content: value,\n    openingDelimiter,\n    closingDelimiter,\n    highlights,\n  });\n  return highlightedValue\n    .replace(new RegExp(openingDelimiter, 'g'), '<b>')\n    .replace(new RegExp(closingDelimiter, 'g'), '</b>');\n}\n","import {FunctionalComponent, h, Host} from '@stencil/core';\nimport {\n  HighlightKeywords,\n  HighlightString,\n  renderWithHighlights,\n} from './render-highlights';\n\nexport interface ItemTextHighlightedProps {\n  textValue: string;\n  highlightKeywords: HighlightKeywords[];\n  onError: (error: Error) => void;\n  highlightString: HighlightString;\n}\n\nexport const ItemTextHighlighted: FunctionalComponent<\n  ItemTextHighlightedProps\n> = ({highlightKeywords, highlightString, onError, textValue}) => {\n  try {\n    const highlightedValue = renderWithHighlights(\n      textValue,\n      highlightKeywords,\n      highlightString\n    );\n\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    return <Host innerHTML={highlightedValue}></Host>;\n  } catch (error) {\n    onError(error as Error);\n  }\n};\n"],"version":3}

package/dist/esm/{stencil-tips-be95482d.js → stencil-tips-06e9b3c2.js}

@@ -20,6 +20,6 @@ const SearchTips = ({ i18n }) => {
     return (h("div", { class: "text-neutral-dark my-2 text-center text-lg", part: "search-tips" }, i18n.t('search-tips')));
 };
 
-export { NoItemsGuard as N, SearchTips as S, NoItems as a };
+export { NoItems as N, SearchTips as S, NoItemsGuard as a };
 
-//# sourceMappingURL=stencil-tips-be95482d.js.map
+//# sourceMappingURL=stencil-tips-06e9b3c2.js.map

package/dist/esm/{stencil-tips-be95482d.js.map → stencil-tips-06e9b3c2.js.map}

@@ -1 +1 @@
-{"file":"stencil-tips-be95482d.js","mappings":";;;MAOa,YAAY,GAA2C,CAClE,EAAC,mBAAmB,EAAE,SAAS,EAAE,UAAU,EAAC,EAC5C,QAAQ;IAER,IAAI,CAAC,mBAAmB,IAAI,SAAS,IAAI,UAAU,EAAE;QACnD,OAAO;KACR;IACD,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;MCNa,OAAO,GAAsC,CAAC,EACzD,IAAI,EACJ,KAAK,EACL,OAAO,GACR;IACC,MAAM,OAAO,GAAG,KAAK,IACnB,EAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,OAAO,MAAM,EACrB,MAAM,EAAE;YACN,KAAK,GACH,YACE,KAAK,EAAC,2EAA2E,EACjF,IAAI,EAAC,WAAW;gBAEhB,EAAC,eAAe,IACd,GAAG,EAAC,oBAAoB,EACxB,MAAM,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC,EACrB,IAAI,EAAE,IAAI,GACV,CACG,CACR;SACF,GACD,KAEF,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAChB,CAAC;IACF,QACE,WACE,KAAK,EAAC,kDAAkD,EACxD,IAAI,EAAC,YAAY,IAEhB,OAAO,CACJ,EACN;AACJ;;MCtCa,UAAU,GAAyC,CAAC,EAAC,IAAI,EAAC;IACrE,QACE,WAAK,KAAK,EAAC,4CAA4C,EAAC,IAAI,EAAC,aAAa,IACvE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAClB,EACN;AACJ;;;;","names":[],"sources":["src/components/common/no-items/stencil-guard.tsx","src/components/common/no-items/stencil-no-items.tsx","src/components/common/no-items/stencil-tips.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface NoItemsGuardProps {\n  firstSearchExecuted: boolean;\n  isLoading: boolean;\n  hasResults: boolean;\n}\nexport const NoItemsGuard: FunctionalComponent<NoItemsGuardProps> = (\n  {firstSearchExecuted, isLoading, hasResults},\n  children\n) => {\n  if (!firstSearchExecuted || isLoading || hasResults) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface NoItemsProps {\n  query: string;\n  i18n: i18n;\n  i18nKey: 'no-results' | 'no-products';\n}\nexport const NoItems: FunctionalComponent<NoItemsProps> = ({\n  i18n,\n  query,\n  i18nKey,\n}) => {\n  const content = query ? (\n    <LocalizedString\n      i18n={i18n}\n      key={`${i18nKey}-for`}\n      params={{\n        query: (\n          <span\n            class=\"inline-block max-w-full truncate align-bottom font-bold whitespace-normal\"\n            part=\"highlight\"\n          >\n            <LocalizedString\n              key=\"between-quotations\"\n              params={{text: query}}\n              i18n={i18n}\n            />\n          </span>\n        ),\n      }}\n    />\n  ) : (\n    i18n.t(i18nKey)\n  );\n  return (\n    <div\n      class=\"my-2 max-w-full text-center text-2xl font-medium\"\n      part=\"no-results\"\n    >\n      {content}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface SearchTipsProps {\n  i18n: i18n;\n}\nexport const SearchTips: FunctionalComponent<SearchTipsProps> = ({i18n}) => {\n  return (\n    <div class=\"text-neutral-dark my-2 text-center text-lg\" part=\"search-tips\">\n      {i18n.t('search-tips')}\n    </div>\n  );\n};\n"],"version":3}
+{"file":"stencil-tips-06e9b3c2.js","mappings":";;;MAOa,YAAY,GAA2C,CAClE,EAAC,mBAAmB,EAAE,SAAS,EAAE,UAAU,EAAC,EAC5C,QAAQ;IAER,IAAI,CAAC,mBAAmB,IAAI,SAAS,IAAI,UAAU,EAAE;QACnD,OAAO;KACR;IACD,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;MCNa,OAAO,GAAsC,CAAC,EACzD,IAAI,EACJ,KAAK,EACL,OAAO,GACR;IACC,MAAM,OAAO,GAAG,KAAK,IACnB,EAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,OAAO,MAAM,EACrB,MAAM,EAAE;YACN,KAAK,GACH,YACE,KAAK,EAAC,2EAA2E,EACjF,IAAI,EAAC,WAAW;gBAEhB,EAAC,eAAe,IACd,GAAG,EAAC,oBAAoB,EACxB,MAAM,EAAE,EAAC,IAAI,EAAE,KAAK,EAAC,EACrB,IAAI,EAAE,IAAI,GACV,CACG,CACR;SACF,GACD,KAEF,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAChB,CAAC;IACF,QACE,WACE,KAAK,EAAC,kDAAkD,EACxD,IAAI,EAAC,YAAY,IAEhB,OAAO,CACJ,EACN;AACJ;;MCtCa,UAAU,GAAyC,CAAC,EAAC,IAAI,EAAC;IACrE,QACE,WAAK,KAAK,EAAC,4CAA4C,EAAC,IAAI,EAAC,aAAa,IACvE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAClB,EACN;AACJ;;;;","names":[],"sources":["src/components/common/no-items/stencil-guard.tsx","src/components/common/no-items/stencil-no-items.tsx","src/components/common/no-items/stencil-tips.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface NoItemsGuardProps {\n  firstSearchExecuted: boolean;\n  isLoading: boolean;\n  hasResults: boolean;\n}\nexport const NoItemsGuard: FunctionalComponent<NoItemsGuardProps> = (\n  {firstSearchExecuted, isLoading, hasResults},\n  children\n) => {\n  if (!firstSearchExecuted || isLoading || hasResults) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface NoItemsProps {\n  query: string;\n  i18n: i18n;\n  i18nKey: 'no-results' | 'no-products';\n}\nexport const NoItems: FunctionalComponent<NoItemsProps> = ({\n  i18n,\n  query,\n  i18nKey,\n}) => {\n  const content = query ? (\n    <LocalizedString\n      i18n={i18n}\n      key={`${i18nKey}-for`}\n      params={{\n        query: (\n          <span\n            class=\"inline-block max-w-full truncate align-bottom font-bold whitespace-normal\"\n            part=\"highlight\"\n          >\n            <LocalizedString\n              key=\"between-quotations\"\n              params={{text: query}}\n              i18n={i18n}\n            />\n          </span>\n        ),\n      }}\n    />\n  ) : (\n    i18n.t(i18nKey)\n  );\n  return (\n    <div\n      class=\"my-2 max-w-full text-center text-2xl font-medium\"\n      part=\"no-results\"\n    >\n      {content}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface SearchTipsProps {\n  i18n: i18n;\n}\nexport const SearchTips: FunctionalComponent<SearchTipsProps> = ({i18n}) => {\n  return (\n    <div class=\"text-neutral-dark my-2 text-center text-lg\" part=\"search-tips\">\n      {i18n.t('search-tips')}\n    </div>\n  );\n};\n"],"version":3}

package/dist/esm/utils-bd51f737.js

@@ -0,0 +1,16 @@
+const getSummary = (i18n, query, hasResults, i18nKey) => {
+    if (hasResults) {
+        return '';
+    }
+    const labelFor = `${i18nKey}-for`;
+    return query
+        ? i18n.t(labelFor, {
+            interpolation: { escapeValue: false },
+            query,
+        })
+        : i18n.t(i18nKey);
+};
+
+export { getSummary as g };
+
+//# sourceMappingURL=utils-bd51f737.js.map

package/dist/esm/utils-bd51f737.js.map

@@ -0,0 +1 @@
+{"file":"utils-bd51f737.js","mappings":"MAEa,UAAU,GAAG,CACxB,IAAU,EACV,KAAa,EACb,UAAmB,EACnB,OAAqC;IAErC,IAAI,UAAU,EAAE;QACd,OAAO,EAAE,CAAC;KACX;IAED,MAAM,QAAQ,GAAG,GAAG,OAAO,MAAM,CAAC;IAElC,OAAO,KAAK;UACR,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;YACf,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;YACnC,KAAK;SACN,CAAC;UACF,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AACtB;;;;","names":[],"sources":["src/components/common/no-items/utils.ts"],"sourcesContent":["import {i18n} from 'i18next';\n\nexport const getSummary = (\n  i18n: i18n,\n  query: string,\n  hasResults: boolean,\n  i18nKey: 'no-products' | 'no-results'\n) => {\n  if (hasResults) {\n    return '';\n  }\n\n  const labelFor = `${i18nKey}-for`;\n\n  return query\n    ? i18n.t(labelFor, {\n        interpolation: {escapeValue: false},\n        query,\n      })\n    : i18n.t(i18nKey);\n};\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.27.2-pre.c28335485c';
-export const atomicVersion = '3.28.0-pre.c28335485c';
+export const headlessVersion = '3.27.1';
+export const atomicVersion = '3.28.0-pre.d7a2bdbfed';

package/dist/types/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.d.ts

@@ -1,8 +1,6 @@
-import { InitializableComponent } from "../../../decorators/types";
-import { AriaLiveRegionController } from "../../../utils/accessibility-utils";
 import { SearchSummaryState, ProductListingSummaryState, Summary } from '@coveo/headless/commerce';
-import { LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface.js';
+import { InitializableComponent } from '../../../utils/initialization-utils';
+import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * @alpha
  *
@@ -15,19 +13,12 @@ import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-i
  *
  * @slot default - Any additional content slotted inside of its element will be displayed as well.
  */
-export declare class AtomicCommerceNoProducts extends LitElement implements InitializableComponent<CommerceBindings> {
+export declare class AtomicCommerceNoProducts implements InitializableComponent<CommerceBindings> {
     bindings: CommerceBindings;
     summary: Summary<ProductListingSummaryState | SearchSummaryState>;
-    summaryState: SearchSummaryState | ProductListingSummaryState;
+    private summaryState;
     error: Error;
-    protected ariaMessage: AriaLiveRegionController;
+    protected ariaMessage: string;
     initialize(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    private renderNoItems;
-    private renderSearchTips;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-commerce-no-products': AtomicCommerceNoProducts;
-    }
+    render(): any;
 }

package/dist/types/components/commerce/atomic-commerce-text/atomic-commerce-text.d.ts

@@ -1,13 +1,12 @@
-import { InitializableComponent } from "../../../decorators/types";
-import { LitElement } from 'lit';
+import { InitializableComponent } from '../../../utils/initialization-utils';
 import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
-declare const AtomicCommerceText_base: typeof LitElement;
 /**
  * @alpha
  * The `atomic-commerce-text` component leverages the I18n translation module through the atomic-commerce-interface.
  */
-export declare class AtomicCommerceText extends AtomicCommerceText_base implements InitializableComponent<CommerceBindings> {
+export declare class AtomicCommerceText implements InitializableComponent<CommerceBindings> {
     bindings: CommerceBindings;
+    private strings;
     error: Error;
     /**
      * The string key value.
@@ -18,13 +17,6 @@ export declare class AtomicCommerceText extends AtomicCommerceText_base implemen
      * @type {number}
      */
     count?: number;
-    private get strings();
-    initialize(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    render(): string;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-commerce-text': AtomicCommerceText;
-    }
-}
-export {};

package/dist/types/components/commerce/atomic-product-description/atomic-product-description.d.ts

@@ -1,5 +1,5 @@
 import { InitializableComponent } from '../../../utils/initialization-utils';
-import { TruncateAfter } from '../../common/expandable-text/stencil-expandable-text';
+import { TruncateAfter } from '../../common/expandable-text/expandable-text';
 import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * @alpha

package/dist/types/components/commerce/atomic-product-excerpt/atomic-product-excerpt.d.ts

@@ -1,5 +1,5 @@
 import { InitializableComponent } from '../../../utils/initialization-utils';
-import { TruncateAfter } from '../../common/expandable-text/stencil-expandable-text';
+import { TruncateAfter } from '../../common/expandable-text/expandable-text';
 import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * @alpha

package/dist/types/components/commerce/atomic-product-template/atomic-product-template.d.ts

@@ -1,8 +1,6 @@
 import { LitElementWithError } from "../../../decorators/types";
 import { ProductTemplate, ProductTemplateCondition } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
-import '../atomic-commerce-text/atomic-commerce-text';
-import '../atomic-product-text/atomic-product-text';
 import '../atomic-product/atomic-product';
 /**
  * @alpha

package/dist/types/components/commerce/atomic-product-text/atomic-product-text.d.ts

@@ -1,43 +1,29 @@
-import { InitializableComponent } from "../../../decorators/types";
-import { LitElement } from 'lit';
+import { InitializableComponent } from '../../../utils/initialization-utils';
 import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
-import '../atomic-commerce-text/atomic-commerce-text';
-declare const AtomicProductText_base: typeof LitElement;
 /**
- * The `atomic-product-text` component renders the value of a string field for a given product.
+ * @alpha
+ * The `atomic-product-text` component renders the value of a string product field.
  */
-export declare class AtomicProductText extends AtomicProductText_base implements InitializableComponent<CommerceBindings> {
+export declare class AtomicProductText implements InitializableComponent<CommerceBindings> {
+    bindings: CommerceBindings;
+    error: Error;
+    private product;
+    private host;
     /**
-     * The string field whose value the component should render.
-     * The component will look for the specified field in the product's properties first, and then in the product's `additionalFields` property.
+     * The product field which the component should use.
+     * This will look in the Product object first, and then in the product.additionalFields object for the fields.
      */
     field: string;
     /**
-     * Whether to highlight the string field value.
-     *
-     * Only works if the `field` property is set to `excerpt` or `ec_name`.
+     * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.
+     * This property only works for the product excerpt and the ec_name field.
      */
     shouldHighlight: boolean;
     /**
-     * The locale key to use for displaying default text when the specified field has no value for the product.
+     * The locale key for the text to display when the configured field has no value.
      */
     default?: string;
-    private product;
-    private productController;
-    bindings: CommerceBindings;
-    error: Error;
-    initialize(): void;
     private get shouldRenderHighlights();
-    private isFieldSupportedForHighlighting;
-    private get highlightKeywords();
-    private renderFallback;
-    private renderProductText;
-    private renderProductTextValue;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-product-text': AtomicProductText;
-    }
+    isFieldSupportedForHighlighting(): boolean;
+    render(): any;
 }
-export {};

package/dist/types/components/commerce/index.d.ts

@@ -2,7 +2,6 @@ export { AtomicCommerceBreadbox } from './atomic-commerce-breadbox/atomic-commer
 export { AtomicCommerceDidYouMean } from './atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js';
 export { AtomicCommerceInterface } from './atomic-commerce-interface/atomic-commerce-interface.js';
 export { AtomicCommerceLayout } from './atomic-commerce-layout/atomic-commerce-layout.js';
-export { AtomicCommerceNoProducts } from './atomic-commerce-no-products/atomic-commerce-no-products.js';
 export { AtomicCommercePager } from './atomic-commerce-pager/atomic-commerce-pager.js';
 export { AtomicCommerceProductList } from './atomic-commerce-product-list/atomic-commerce-product-list.js';
 export { AtomicCommerceProductsPerPage } from './atomic-commerce-products-per-page/atomic-commerce-products-per-page.js';
@@ -13,7 +12,5 @@ export { AtomicCommerceSearchBoxInstantProducts } from './atomic-commerce-search
 export { AtomicCommerceSearchBoxQuerySuggestions } from './atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js';
 export { AtomicCommerceSearchBoxRecentQueries } from './atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js';
 export { AtomicCommerceSortDropdown } from './atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js';
-export { AtomicCommerceText } from './atomic-commerce-text/atomic-commerce-text.js';
 export { AtomicProduct } from './atomic-product/atomic-product.js';
 export { AtomicProductTemplate } from './atomic-product-template/atomic-product-template.js';
-export { AtomicProductText } from './atomic-product-text/atomic-product-text.js';

package/dist/types/components/common/atomic-layout-section/atomic-layout-section.d.ts

@@ -1,11 +1,8 @@
-import { LitElement } from 'lit';
 import { Section } from './sections';
 /**
- * The `atomic-layout-section` lets you identify various sections for the related `atomic-search-layout` or `atomic-commerce-layout` component.
- *
- * @slot default - The default slot where you can add child components to the section.
+ * The `atomic-layout-section` lets you identify various sections for the related `atomic-layout` component.
  */
-export declare class AtomicLayoutSection extends LitElement {
+export declare class AtomicLayoutSection {
     /**
      * The name of the layout section.
      */
@@ -20,10 +17,4 @@ export declare class AtomicLayoutSection extends LitElement {
      * E.g. '300px'
      */
     maxWidth?: string;
-    createRenderRoot(): this;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-layout-section': AtomicLayoutSection;
-    }
 }

package/dist/types/components/common/atomic-layout-section/sections.d.ts

@@ -1,4 +1,3 @@
-import { AtomicLayoutSection } from './atomic-layout-section';
 export type Section = 'search' | 'facets' | 'main' | 'status' | 'results' | 'horizontal-facets' | 'products' | 'pagination';
-export declare function findSection(element: HTMLElement, section: Section): AtomicLayoutSection | null;
+export declare function findSection(element: HTMLElement, section: Section): HTMLAtomicLayoutSectionElement | null;
 export declare function sectionSelector(section: Section): string;

package/dist/types/components/common/expandable-text/expandable-text.d.ts

@@ -1,7 +1,6 @@
-import { FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
-import '../atomic-icon/atomic-icon';
+import { FunctionalComponent } from '../../../stencil-public-runtime';
 export type TruncateAfter = 'none' | '1' | '2' | '3' | '4';
-export interface ExpandableTextProps {
+interface ExpandableTextProps {
     isExpanded: boolean;
     isTruncated: boolean;
     isCollapsible?: boolean;
@@ -10,4 +9,5 @@ export interface ExpandableTextProps {
     showMoreLabel: string;
     showLessLabel: string;
 }
-export declare const renderExpandableText: FunctionalComponentWithChildren<ExpandableTextProps>;
+export declare const ExpandableText: FunctionalComponent<ExpandableTextProps>;
+export {};

package/dist/types/components/common/index.d.ts

@@ -1,3 +1,2 @@
 export { AtomicComponentError } from './atomic-component-error/atomic-component-error.js';
 export { AtomicIcon } from './atomic-icon/atomic-icon.js';
-export { AtomicLayoutSection } from './atomic-layout-section/atomic-layout-section.js';

package/dist/types/components/common/items-per-page/label.d.ts

@@ -1,2 +1,2 @@
-import { FunctionalComponentWithChildrenNoProps } from "../../../utils/functional-component-utils";
-export declare const renderLabel: FunctionalComponentWithChildrenNoProps;
+import { FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
+export declare const renderLabel: FunctionalComponentWithChildren<{}>;

package/dist/types/components/common/no-items/container.d.ts

@@ -1,2 +1,2 @@
-import { FunctionalComponentWithChildrenNoProps } from "../../../utils/functional-component-utils";
-export declare const renderNoItemsContainer: FunctionalComponentWithChildrenNoProps;
+import { FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
+export declare const renderNoItemsContainer: FunctionalComponentWithChildren<{}>;

package/dist/types/components/common/no-items/magnifying-glass.d.ts

@@ -1,2 +1,2 @@
-import { FunctionalComponentNoProps } from "../../../utils/functional-component-utils";
-export declare const renderMagnifyingGlass: FunctionalComponentNoProps;
+import { FunctionalComponent } from "../../../utils/functional-component-utils";
+export declare const renderMagnifyingGlass: FunctionalComponent;