@coveo/atomic 3.33.8-pre.fbe332fd49 → 3.33.9-pre.5fbff5b5f4

package/dist/esm/depends-on-20dabb86.js

@@ -0,0 +1,66 @@
+function parseDependsOn(dependsOn) {
+    if (Object.keys(dependsOn).length > 1) {
+        throw "Depending on multiple facets isn't supported";
+    }
+    const entries = Object.entries(dependsOn);
+    return entries.map(([parentFacetId, expectedValue]) => ({
+        parentFacetId,
+        condition: buildDependsOnCondition(expectedValue),
+    }));
+}
+function buildDependsOnCondition(expectedValue) {
+    return (values) => values.some((value) => {
+        if (isCategoryFacetValue(value)) {
+            return matchesCategoryFacetValue(value, expectedValue);
+        }
+        if (isSimpleFacetValue(value)) {
+            return matchesSimpleFacetValue(value, expectedValue);
+        }
+        return false;
+    });
+}
+function matchesCategoryFacetValue(value, expectedValue) {
+    const selectedValue = getSelectedCategoryFacetValueRequest(value);
+    if (!selectedValue) {
+        return false;
+    }
+    return !expectedValue || selectedValue.value === expectedValue;
+}
+function matchesSimpleFacetValue(value, expectedValue) {
+    if (value.state !== 'selected') {
+        return false;
+    }
+    return !expectedValue || value.value === expectedValue;
+}
+function isCategoryFacetValue(request) {
+    const requestAsRecord = request;
+    return ((requestAsRecord?.children &&
+        Array.isArray(requestAsRecord.children) &&
+        requestAsRecord?.state &&
+        typeof requestAsRecord.state === 'string') === true);
+}
+function getSelectedCategoryFacetValueRequest(value) {
+    if (!isCategoryFacetValue(value)) {
+        return null;
+    }
+    if (value.state === 'selected') {
+        return value;
+    }
+    for (const child of value.children) {
+        const selectedValue = getSelectedCategoryFacetValueRequest(child);
+        if (selectedValue !== null) {
+            return selectedValue;
+        }
+    }
+    return null;
+}
+function isSimpleFacetValue(value) {
+    const asRecord = value;
+    return ('value' in asRecord &&
+        typeof asRecord.value === 'string' &&
+        !('children' in asRecord));
+}
+
+export { parseDependsOn as p };
+
+//# sourceMappingURL=depends-on-20dabb86.js.map

package/dist/esm/depends-on-20dabb86.js.map

@@ -0,0 +1 @@
+{"file":"depends-on-20dabb86.js","mappings":"SAcgB,cAAc,CAE5B,SAAiC;IACjC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;QACrC,MAAM,8CAA8C,CAAC;KACtD;IAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC1C,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC,MAAM;QACtD,aAAa;QACb,SAAS,EAAE,uBAAuB,CAAa,aAAa,CAAC;KAC9D,CAAC,CAAC,CAAC;AACN,CAAC;AAED,SAAS,uBAAuB,CAE9B,aAAqB;IACrB,OAAO,CAAC,MAAoB,KAC1B,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK;QAChB,IAAI,oBAAoB,CAAC,KAAK,CAAC,EAAE;YAC/B,OAAO,yBAAyB,CAC9B,KAA2B,EAC3B,aAAa,CACd,CAAC;SACH;QACD,IAAI,kBAAkB,CAAC,KAAK,CAAC,EAAE;YAC7B,OAAO,uBAAuB,CAC5B,KAAyB,EACzB,aAAa,CACd,CAAC;SACH;QACD,OAAO,KAAK,CAAC;KACd,CAAC,CAAC;AACP,CAAC;AAED,SAAS,yBAAyB,CAChC,KAAiB,EACjB,aAAqB;IAErB,MAAM,aAAa,GAAG,oCAAoC,CAAC,KAAK,CAAC,CAAC;IAClE,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,KAAK,CAAC;KACd;IACD,OAAO,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,KAAK,aAAa,CAAC;AACjE,CAAC;AAED,SAAS,uBAAuB,CAC9B,KAAuB,EACvB,aAAqB;IAErB,IAAI,KAAK,CAAC,KAAK,KAAK,UAAU,EAAE;QAC9B,OAAO,KAAK,CAAC;KACd;IACD,OAAO,CAAC,aAAa,IAAI,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC;AACzD,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAgB;IAC5C,MAAM,eAAe,GAAG,OAAkC,CAAC;IAC3D,QACE,CAAC,eAAe,EAAE,QAAQ;QACxB,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC;QACvC,eAAe,EAAE,KAAK;QACtB,OAAO,eAAe,CAAC,KAAK,KAAK,QAAQ,MAAM,IAAI,EACrD;AACJ,CAAC;AAED,SAAS,oCAAoC,CAC3C,KAAc;IAEd,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE;QAChC,OAAO,IAAI,CAAC;KACb;IACD,IAAI,KAAK,CAAC,KAAK,KAAK,UAAU,EAAE;QAC9B,OAAO,KAAK,CAAC;KACd;IACD,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClC,MAAM,aAAa,GAAG,oCAAoC,CAAC,KAAK,CAAC,CAAC;QAClE,IAAI,aAAa,KAAK,IAAI,EAAE;YAC1B,OAAO,aAAa,CAAC;SACtB;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAc;IACxC,MAAM,QAAQ,GAAG,KAAgC,CAAC;IAClD,QACE,OAAO,IAAI,QAAQ;QACnB,OAAO,QAAQ,CAAC,KAAK,KAAK,QAAQ;QAClC,EAAE,UAAU,IAAI,QAAQ,CAAC,EACzB;AACJ;;;;","names":[],"sources":["src/components/common/facets/depends-on.ts"],"sourcesContent":["type GenericCondition<AnyFacetValueRequest> = {\n  parentFacetId: string;\n  condition(parentValues: AnyFacetValueRequest[]): boolean;\n};\n\ninterface SimpleFacetValue {\n  value: string;\n  state: string;\n}\n\ninterface CategoryFacetValue extends SimpleFacetValue {\n  children: SimpleFacetValue[];\n}\n\nexport function parseDependsOn<\n  FacetValue extends SimpleFacetValue | CategoryFacetValue,\n>(dependsOn: Record<string, string>): GenericCondition<FacetValue>[] {\n  if (Object.keys(dependsOn).length > 1) {\n    throw \"Depending on multiple facets isn't supported\";\n  }\n\n  const entries = Object.entries(dependsOn);\n  return entries.map(([parentFacetId, expectedValue]) => ({\n    parentFacetId,\n    condition: buildDependsOnCondition<FacetValue>(expectedValue),\n  }));\n}\n\nfunction buildDependsOnCondition<\n  FacetValue extends SimpleFacetValue | CategoryFacetValue,\n>(expectedValue: string): (values: FacetValue[]) => boolean {\n  return (values: FacetValue[]) =>\n    values.some((value) => {\n      if (isCategoryFacetValue(value)) {\n        return matchesCategoryFacetValue(\n          value as CategoryFacetValue,\n          expectedValue\n        );\n      }\n      if (isSimpleFacetValue(value)) {\n        return matchesSimpleFacetValue(\n          value as SimpleFacetValue,\n          expectedValue\n        );\n      }\n      return false;\n    });\n}\n\nfunction matchesCategoryFacetValue<FacetValue extends CategoryFacetValue>(\n  value: FacetValue,\n  expectedValue: string\n): boolean {\n  const selectedValue = getSelectedCategoryFacetValueRequest(value);\n  if (!selectedValue) {\n    return false;\n  }\n  return !expectedValue || selectedValue.value === expectedValue;\n}\n\nfunction matchesSimpleFacetValue(\n  value: SimpleFacetValue,\n  expectedValue: string\n): boolean {\n  if (value.state !== 'selected') {\n    return false;\n  }\n  return !expectedValue || value.value === expectedValue;\n}\n\nfunction isCategoryFacetValue(request: unknown): request is CategoryFacetValue {\n  const requestAsRecord = request as Record<string, unknown>;\n  return (\n    (requestAsRecord?.children &&\n      Array.isArray(requestAsRecord.children) &&\n      requestAsRecord?.state &&\n      typeof requestAsRecord.state === 'string') === true\n  );\n}\n\nfunction getSelectedCategoryFacetValueRequest(\n  value: unknown\n): CategoryFacetValue | null {\n  if (!isCategoryFacetValue(value)) {\n    return null;\n  }\n  if (value.state === 'selected') {\n    return value;\n  }\n  for (const child of value.children) {\n    const selectedValue = getSelectedCategoryFacetValueRequest(child);\n    if (selectedValue !== null) {\n      return selectedValue;\n    }\n  }\n  return null;\n}\n\nfunction isSimpleFacetValue(value: unknown): value is SimpleFacetValue {\n  const asRecord = value as Record<string, unknown>;\n  return (\n    'value' in asRecord &&\n    typeof asRecord.value === 'string' &&\n    !('children' in asRecord)\n  );\n}\n"],"version":3}

package/dist/esm/format-common-274e0f7c.js.map

@@ -1 +1 @@
-{"file":"format-common-274e0f7c.js","mappings":";;MAIa,yBAAyB,GAAG,CACvC,SAA0B,EAC1B,OAAgB;IAEhB,MAAM,KAAK,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAEjE,MAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,IAAI,QAAQ,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,oGAAoG,CACrG,CAAC;KACH;AACH,EAAE;MAEW,sBAAsB,GAAoB,CAAC,KAAK,EAAE,SAAS,KACtE,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE;MAErB,wBAAwB,GACnC,CAAC,QAAQ,KAAK,CAAC,KAAK,EAAE,SAAS;IAC7B,OAAO,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE;QACrC,KAAK,EAAE,UAAU;QACjB,QAAQ;KACT,CAAC,CAAC;AACL;;;;","names":[],"sources":["src/components/common/formats/format-common.ts"],"sourcesContent":["import {buildCustomEvent} from '../../../utils/event-utils';\n\nexport type NumberFormatter = (value: number, languages: string[]) => string;\n\nexport const dispatchNumberFormatEvent = (\n  formatter: NumberFormatter,\n  element: Element\n) => {\n  const event = buildCustomEvent('atomic/numberFormat', formatter);\n\n  const canceled = element.dispatchEvent(event);\n  if (canceled) {\n    throw new Error(\n      'The Atomic number format component was not handled, as it is not a child of a compatible component'\n    );\n  }\n};\n\nexport const defaultNumberFormatter: NumberFormatter = (value, languages) =>\n  value.toLocaleString(languages);\n\nexport const defaultCurrencyFormatter: (currency: string) => NumberFormatter =\n  (currency) => (value, languages) => {\n    return value.toLocaleString(languages, {\n      style: 'currency',\n      currency,\n    });\n  };\n"],"version":3}
+{"file":"format-common-274e0f7c.js","mappings":";;MAIa,yBAAyB,GAAG,CACvC,SAA0B,EAC1B,OAAgB;IAEhB,MAAM,KAAK,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAEjE,MAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,IAAI,QAAQ,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,oGAAoG,CACrG,CAAC;KACH;AACH,EAAE;MAEW,sBAAsB,GAAoB,CAAC,KAAK,EAAE,SAAS,KACtE,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE;MAErB,wBAAwB,GACnC,CAAC,QAAQ,KAAK,CAAC,KAAK,EAAE,SAAS;IAC7B,OAAO,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE;QACrC,KAAK,EAAE,UAAU;QACjB,QAAQ;KACT,CAAC,CAAC;AACL;;;;","names":[],"sources":["src/components/common/formats/format-common.ts"],"sourcesContent":["import {buildCustomEvent} from '@/src/utils/event-utils';\n\nexport type NumberFormatter = (value: number, languages: string[]) => string;\n\nexport const dispatchNumberFormatEvent = (\n  formatter: NumberFormatter,\n  element: Element\n) => {\n  const event = buildCustomEvent('atomic/numberFormat', formatter);\n\n  const canceled = element.dispatchEvent(event);\n  if (canceled) {\n    throw new Error(\n      'The Atomic number format component was not handled, as it is not a child of a compatible component'\n    );\n  }\n};\n\nexport const defaultNumberFormatter: NumberFormatter = (value, languages) =>\n  value.toLocaleString(languages);\n\nexport const defaultCurrencyFormatter: (currency: string) => NumberFormatter =\n  (currency) => (value, languages) => {\n    return value.toLocaleString(languages, {\n      style: 'currency',\n      currency,\n    });\n  };\n"],"version":3}

package/dist/esm/index-3f35faca.js

@@ -284,6 +284,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './atomic-numeric-range.entry.js').then(processMod, consoleError);
+                case 'atomic-pager':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './atomic-pager.entry.js').then(processMod, consoleError);
                 case 'atomic-popover':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/stencil-pager-navigation-7261a834.js

@@ -0,0 +1,42 @@
+import { h } from './index-3f35faca.js';
+import { B as Button } from './stencil-button-1a29a5df.js';
+import { R as RadioButton } from './stencil-radio-button-cae5f40a.js';
+
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerPreviousButton = (props) => {
+    return (h(Button, { ...props, ariaLabel: props.i18n.t('previous'), style: "outline-primary", part: "previous-button", class: "flex min-h-10 min-w-10 items-center justify-center p-1" },
+        h("atomic-icon", { icon: props.icon, part: "previous-button-icon", class: "w-5 align-middle" })));
+};
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerNextButton = (props) => {
+    return (h(Button, { ...props, ariaLabel: props.i18n.t('next'), style: "outline-primary", part: "next-button", class: "flex min-h-10 min-w-10 items-center justify-center p-1" },
+        h("atomic-icon", { icon: props.icon, part: "next-button-icon", class: "w-5 align-middle" })));
+};
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerPageButton = (props) => {
+    return (h(RadioButton, { ...props, selectWhenFocused: false, key: props.page, style: "outline-neutral", checked: props.isSelected, ariaCurrent: props.isSelected ? 'page' : 'false', class: "btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1", part: `page-button${props.isSelected ? ' active-page-button' : ''}` }));
+};
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerPageButtons = (props, children) => {
+    return (h("div", { part: "page-buttons", role: "radiogroup", "aria-label": props.i18n.t('pagination'), class: "contents" }, ...children));
+};
+
+/**
+ * @deprecated use the lit equivalent
+ */
+const PagerNavigation = (props, children) => {
+    return (h("nav", { "aria-label": props.i18n.t('pagination') },
+        h("div", { part: "buttons", role: "toolbar", class: "flex flex-wrap gap-2" }, ...children)));
+};
+
+export { PagerNavigation as P, PagerPreviousButton as a, PagerPageButtons as b, PagerPageButton as c, PagerNextButton as d };
+
+//# sourceMappingURL=stencil-pager-navigation-7261a834.js.map

package/dist/esm/stencil-pager-navigation-7261a834.js.map

@@ -0,0 +1 @@
+{"file":"stencil-pager-navigation-7261a834.js","mappings":";;;;AAkCA;;;MAGa,mBAAmB,GAE5B,CAAC,KAAK;IACR,QACE,EAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EACnC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAC,wDAAwD;QAE9D,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,kBAAkB,GACX,CACR,EACT;AACJ,EAAE;AAEF;;;MAGa,eAAe,GAExB,CAAC,KAAK;IACR,QACE,EAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,wDAAwD;QAE9D,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,kBAAkB,GACX,CACR,EACT;AACJ,EAAE;AAEF;;;MAGa,eAAe,GAA8C,CACxE,KAAK;IAEL,QACE,EAAC,WAAW,OACN,KAAK,EACT,iBAAiB,EAAE,KAAK,EACxB,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,KAAK,CAAC,UAAU,EACzB,WAAW,EAAE,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,OAAO,EAChD,KAAK,EAAC,+DAA+D,EACrE,IAAI,EAAE,cAAc,KAAK,CAAC,UAAU,GAAG,qBAAqB,GAAG,EAAE,EAAE,GACtD,EACf;AACJ,EAAE;AAEF;;;MAGa,gBAAgB,GAA+C,CAC1E,KAAK,EACL,QAAQ;IAER,QACE,WACE,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,YAAY,gBACL,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,EACtC,KAAK,EAAC,UAAU,OAEZ,QAAQ,CACR,EACN;AACJ;;AC3GA;;;MAGa,eAAe,GAA8C,CACxE,KAAK,EACL,QAAQ;IAER,QACE,yBAAiB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;QACzC,WAAK,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,sBAAsB,OACzD,QAAQ,CACR,CACF,EACN;AACJ;;;;","names":[],"sources":["src/components/common/pager/stencil-pager-buttons.tsx","src/components/common/pager/stencil-pager-navigation.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button, StencilButtonProps} from '../stencil-button';\nimport {RadioButton, StencilRadioButtonProps} from '../stencil-radio-button';\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerNavigationButtonProps\n  extends Omit<StencilButtonProps, 'style' | 'part' | 'class'> {\n  icon: string;\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerPageButtonProps\n  extends Omit<\n    StencilRadioButtonProps,\n    'part' | 'style' | 'checked' | 'ariaCurrent' | 'key' | 'class' | 'ref'\n  > {\n  page: number;\n  isSelected: boolean;\n  text: string;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerPageButtonsProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPreviousButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('previous')}\n      style=\"outline-primary\"\n      part=\"previous-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"previous-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerNextButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('next')}\n      style=\"outline-primary\"\n      part=\"next-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"next-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPageButton: FunctionalComponent<PagerPageButtonProps> = (\n  props\n) => {\n  return (\n    <RadioButton\n      {...props}\n      selectWhenFocused={false}\n      key={props.page}\n      style=\"outline-neutral\"\n      checked={props.isSelected}\n      ariaCurrent={props.isSelected ? 'page' : 'false'}\n      class=\"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1\"\n      part={`page-button${props.isSelected ? ' active-page-button' : ''}`}\n    ></RadioButton>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPageButtons: FunctionalComponent<PagerPageButtonsProps> = (\n  props,\n  children\n) => {\n  return (\n    <div\n      part=\"page-buttons\"\n      role=\"radiogroup\"\n      aria-label={props.i18n.t('pagination')}\n      class=\"contents\"\n    >\n      {...children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerNavigationProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerNavigation: FunctionalComponent<PagerNavigationProps> = (\n  props,\n  children\n) => {\n  return (\n    <nav aria-label={props.i18n.t('pagination')}>\n      <div part=\"buttons\" role=\"toolbar\" class=\"flex flex-wrap gap-2\">\n        {...children}\n      </div>\n    </nav>\n  );\n};\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.31.1-pre.fbe332fd49';
-export const atomicVersion = '3.33.8-pre.fbe332fd49';
+export const headlessVersion = '3.31.1';
+export const atomicVersion = '3.33.9-pre.5fbff5b5f4';

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

@@ -1,4 +1,5 @@
 import { type CommerceEngine, type CommerceEngineConfiguration, type Context, type LogLevel, type ProductListing, type ProductListingSummaryState, type Search, type SearchSummaryState, type Summary, type UrlManager } from '@coveo/headless/commerce';
+import type { CurrencyCodeISO4217 } from '@coveo/relay-event-types';
 import { type i18n } from 'i18next';
 import { type CSSResultGroup, LitElement } from 'lit';
 import type { CommonBindings } from '../../common/interface/bindings';
@@ -49,7 +50,13 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     /**
      * The commerce interface language.
      *
-     * Will default to the value set in the Headless engine context if not provided.
+     * Will default to the value set in the Headless engine context if not
+     * provided.
+     *
+     * @deprecated - This property will be removed in the next major version of
+     * Atomic (v4). Rather than using this property, set the initial language
+     * through the engine configuration when calling `initializeWithEngine`, and
+     * update the language as needed using the `updateLocale` method.
      */
     language?: string;
     /**
@@ -100,6 +107,26 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
      * Executes the first request after initializing connection to the headless commerce engine.
      */
     executeFirstRequest(): Promise<void>;
+    /**
+     * Updates the locale settings for the commerce interface and headless commerce
+     * engine. Only the provided parameters will be updated.
+     *
+     * Calling this method affects the localization of the interface as well as
+     * the catalog configuration being used by the Commerce API. If the resulting
+     * language-country-currency combination matches no existing catalog
+     * configuration in your Coveo organization, requests made through the
+     * commerce engine will start failing.
+     *
+     * @param language - (Optional) The IETF language code tag (e.g., `en`).
+     * @param country - (Optional) The ISO-3166-1 country tag (e.g., `US`).
+     * @param currency - (Optional) The ISO-4217 currency code (e.g., `USD`).
+     *
+     * @example
+     * ```typescript
+     * interface.updateLocale('fr', 'CA', 'CAD');
+     * ```
+     */
+    updateLocale(language?: string, country?: string, currency?: CurrencyCodeISO4217): void;
     toggleAnalytics(): void;
     updateIconAssetsPath(): void;
     updateLanguage(): void;
@@ -115,6 +142,7 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     private initSummary;
     private initUrlManager;
     private internalInitialization;
+    private isNewLocale;
     private onHashChange;
     scrollToTop(): void;
     private updateHash;

package/dist/types/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.d.ts

@@ -103,6 +103,7 @@ export declare class AtomicCommerceRecommendationInterface extends AtomicCommerc
     private initContext;
     private getBindings;
     private initLanguage;
+    private isNewLocale;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.d.ts

@@ -137,6 +137,7 @@ export declare class AtomicCommerceSearchBox extends LitElement implements Initi
     private renderSuggestions;
     private renderPanel;
     private renderSuggestion;
+    private renderSlotContent;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/types/components/search/atomic-pager/atomic-pager.d.ts

@@ -1,36 +1,33 @@
-import { type Pager, type PagerState, type SearchStatus, type SearchStatusState } from '@coveo/headless';
-import { LitElement } from 'lit';
-import type { Bindings } from "../atomic-search-interface/interfaces";
-import type { InitializableComponent } from "../../../decorators/types";
-declare const AtomicPager_base: typeof LitElement;
+import { Pager, PagerState, SearchStatus, SearchStatusState } from '@coveo/headless';
+import { InitializableComponent } from '../../../utils/initialization-utils';
+import { Bindings } from '../atomic-search-interface/atomic-search-interface';
 /**
  * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
  *
  * @part buttons - The list of the next/previous buttons and page-buttons.
  * @part page-buttons - The list of page buttons.
- * @part page-button - The individual page buttons.
+ * @part page-button - The page button.
  * @part active-page-button - The active page button.
- * @part previous-button - The previous page button.
- * @part next-button - The next page button.
- * @part previous-button-icon - The icon displayed on the "previous page" button.
- * @part next-button-icon - The icon displayed on the "next page" button.
- *
- * @event atomic/scrollToTop - Emitted when the user clicks any of the buttons rendered by the component.
+ * @part previous-button - The previous button.
+ * @part next-button - The next button.
+ * @part previous-button-icon - Icon of the previous button.
+ * @part next-button-icon - Icon of the next button.
  */
-export declare class AtomicPager extends AtomicPager_base implements InitializableComponent<Bindings> {
+export declare class AtomicPager implements InitializableComponent {
     bindings: Bindings;
-    error: Error;
-    private isAppLoaded;
     pager: Pager;
     searchStatus: SearchStatus;
     pagerState: PagerState;
     searchStatusState: SearchStatusState;
+    error: Error;
+    private isAppLoaded;
+    private scrollToTopEvent;
     /**
-     * The maximum number of page buttons to display in the pager.
+     * Specifies how many page buttons to display in the pager.
      */
     numberOfPages: number;
     /**
-     * The SVG icon to render on the "previous page" button.
+     * The SVG icon to use to display the Previous button.
      *
      * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.
      * - Use a value that starts with `assets://`, to display an icon from the Atomic package.
@@ -38,7 +35,7 @@ export declare class AtomicPager extends AtomicPager_base implements Initializab
      */
     previousButtonIcon: string;
     /**
-     * The SVG icon to render on the "next page" button.
+     * The SVG icon to use to display the Next button.
      *
      * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.
      * - Use a value that starts with `assets://`, to display an icon from the Atomic package.
@@ -47,13 +44,6 @@ export declare class AtomicPager extends AtomicPager_base implements Initializab
     nextButtonIcon: string;
     private radioGroupName;
     initialize(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    private validateProps;
+    render(): any;
     private focusOnFirstResultAndScrollToTop;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-pager': AtomicPager;
-    }
-}
-export {};

package/dist/types/components/search/atomic-search-box/atomic-search-box.d.ts

@@ -161,5 +161,6 @@ export declare class AtomicSearchBox implements InitializableComponent<Bindings>
     private getSearchInputLabel;
     private announceNewActiveSuggestionToScreenReader;
     private announceNewSuggestionsToScreenReader;
+    private renderSlotContent;
     render(): any;
 }

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

@@ -1,4 +1,3 @@
-export { AtomicPager } from './atomic-pager/atomic-pager.js';
 export { AtomicQuerySummary } from './atomic-query-summary/atomic-query-summary.js';
 export { AtomicResultsPerPage } from './atomic-results-per-page/atomic-results-per-page.js';
 export { AtomicSearchLayout } from './atomic-search-layout/atomic-search-layout.js';

package/dist/types/components.d.ts

@@ -1427,6 +1427,23 @@ export namespace Components {
          */
         "start": number;
     }
+    /**
+     * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
+     */
+    interface AtomicPager {
+        /**
+          * The SVG icon to use to display the Next button.  - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location. - Use a value that starts with `assets://`, to display an icon from the Atomic package. - Use a stringified SVG to display it directly.
+         */
+        "nextButtonIcon": string;
+        /**
+          * Specifies how many page buttons to display in the pager.
+         */
+        "numberOfPages": number;
+        /**
+          * The SVG icon to use to display the Previous button.  - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location. - Use a value that starts with `assets://`, to display an icon from the Atomic package. - Use a stringified SVG to display it directly.
+         */
+        "previousButtonIcon": string;
+    }
     /**
      * The `atomic-popover` component displays any facet as a popover menu.
      */
@@ -2922,6 +2939,10 @@ export interface AtomicIpxModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAtomicIpxModalElement;
 }
+export interface AtomicPagerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLAtomicPagerElement;
+}
 export interface AtomicQuickviewModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAtomicQuickviewModalElement;
@@ -3598,6 +3619,26 @@ declare global {
         prototype: HTMLAtomicNumericRangeElement;
         new (): HTMLAtomicNumericRangeElement;
     };
+    interface HTMLAtomicPagerElementEventMap {
+        "atomic/scrollToTop": any;
+    }
+    /**
+     * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
+     */
+    interface HTMLAtomicPagerElement extends Components.AtomicPager, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLAtomicPagerElementEventMap>(type: K, listener: (this: HTMLAtomicPagerElement, ev: AtomicPagerCustomEvent<HTMLAtomicPagerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLAtomicPagerElementEventMap>(type: K, listener: (this: HTMLAtomicPagerElement, ev: AtomicPagerCustomEvent<HTMLAtomicPagerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLAtomicPagerElement: {
+        prototype: HTMLAtomicPagerElement;
+        new (): HTMLAtomicPagerElement;
+    };
     /**
      * The `atomic-popover` component displays any facet as a popover menu.
      */
@@ -4527,6 +4568,7 @@ declare global {
         "atomic-notifications": HTMLAtomicNotificationsElement;
         "atomic-numeric-facet": HTMLAtomicNumericFacetElement;
         "atomic-numeric-range": HTMLAtomicNumericRangeElement;
+        "atomic-pager": HTMLAtomicPagerElement;
         "atomic-popover": HTMLAtomicPopoverElement;
         "atomic-query-error": HTMLAtomicQueryErrorElement;
         "atomic-quickview": HTMLAtomicQuickviewElement;
@@ -5918,6 +5960,24 @@ declare namespace LocalJSX {
          */
         "start": number;
     }
+    /**
+     * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
+     */
+    interface AtomicPager {
+        /**
+          * The SVG icon to use to display the Next button.  - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location. - Use a value that starts with `assets://`, to display an icon from the Atomic package. - Use a stringified SVG to display it directly.
+         */
+        "nextButtonIcon"?: string;
+        /**
+          * Specifies how many page buttons to display in the pager.
+         */
+        "numberOfPages"?: number;
+        "onAtomic/scrollToTop"?: (event: AtomicPagerCustomEvent<any>) => void;
+        /**
+          * The SVG icon to use to display the Previous button.  - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location. - Use a value that starts with `assets://`, to display an icon from the Atomic package. - Use a stringified SVG to display it directly.
+         */
+        "previousButtonIcon"?: string;
+    }
     /**
      * The `atomic-popover` component displays any facet as a popover menu.
      */
@@ -7380,6 +7440,7 @@ declare namespace LocalJSX {
         "atomic-notifications": AtomicNotifications;
         "atomic-numeric-facet": AtomicNumericFacet;
         "atomic-numeric-range": AtomicNumericRange;
+        "atomic-pager": AtomicPager;
         "atomic-popover": AtomicPopover;
         "atomic-query-error": AtomicQueryError;
         "atomic-quickview": AtomicQuickview;
@@ -7645,6 +7706,10 @@ declare module "@stencil/core" {
              * The `atomic-numeric-range` component defines the range of an `atomic-numeric-facet`, and therefore must be defined within an `atomic-numeric-facet` component.
              */
             "atomic-numeric-range": LocalJSX.AtomicNumericRange & JSXBase.HTMLAttributes<HTMLAtomicNumericRangeElement>;
+            /**
+             * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
+             */
+            "atomic-pager": LocalJSX.AtomicPager & JSXBase.HTMLAttributes<HTMLAtomicPagerElement>;
             /**
              * The `atomic-popover` component displays any facet as a popover menu.
              */

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-26T15:57:29",
+  "timestamp": "2025-10-01T03:24:56",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -5833,6 +5833,172 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/search/atomic-pager/atomic-pager.tsx",
+      "encapsulation": "shadow",
+      "tag": "atomic-pager",
+      "docs": "The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.",
+      "docsTags": [
+        {
+          "name": "part",
+          "text": "buttons - The list of the next/previous buttons and page-buttons."
+        },
+        {
+          "name": "part",
+          "text": "page-buttons - The list of page buttons."
+        },
+        {
+          "name": "part",
+          "text": "page-button - The page button."
+        },
+        {
+          "name": "part",
+          "text": "active-page-button - The active page button."
+        },
+        {
+          "name": "part",
+          "text": "previous-button - The previous button."
+        },
+        {
+          "name": "part",
+          "text": "next-button - The next button."
+        },
+        {
+          "name": "part",
+          "text": "previous-button-icon - Icon of the previous button."
+        },
+        {
+          "name": "part",
+          "text": "next-button-icon - Icon of the next button."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "nextButtonIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "next-button-icon",
+          "reflectToAttr": true,
+          "docs": "The SVG icon to use to display the Next button.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.",
+          "docsTags": [],
+          "default": "ArrowRightIcon",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "numberOfPages",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "number-of-pages",
+          "reflectToAttr": true,
+          "docs": "Specifies how many page buttons to display in the pager.",
+          "docsTags": [],
+          "default": "5",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "previousButtonIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "previous-button-icon",
+          "reflectToAttr": true,
+          "docs": "The SVG icon to use to display the Previous button.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.",
+          "docsTags": [],
+          "default": "ArrowLeftIcon",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "atomic/scrollToTop",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "active-page-button",
+          "docs": "The active page button."
+        },
+        {
+          "name": "buttons",
+          "docs": "The list of the next/previous buttons and page-buttons."
+        },
+        {
+          "name": "next-button",
+          "docs": "The next button."
+        },
+        {
+          "name": "next-button-icon",
+          "docs": "Icon of the next button."
+        },
+        {
+          "name": "page-button",
+          "docs": "The page button."
+        },
+        {
+          "name": "page-buttons",
+          "docs": "The list of page buttons."
+        },
+        {
+          "name": "previous-button",
+          "docs": "The previous button."
+        },
+        {
+          "name": "previous-button-icon",
+          "docs": "Icon of the previous button."
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/search/facets/atomic-popover/atomic-popover.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.33.8-pre.fbe332fd49",
+  "version": "3.33.9-pre.5fbff5b5f4",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@coveo/bueno": "1.1.2",
-    "@coveo/headless": "3.31.1-pre.fbe332fd49",
+    "@coveo/headless": "3.31.1",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
     "@popperjs/core": "2.11.8",
@@ -149,11 +149,11 @@
     "typescript": "5.8.3",
     "vite": "7.0.6",
     "vitest": "3.2.4",
-    "wait-on": "8.0.4"
+    "wait-on": "9.0.1"
   },
   "peerDependencies": {
     "@coveo/bueno": "1.1.2",
-    "@coveo/headless": "3.31.1-pre.fbe332fd49",
+    "@coveo/headless": "3.31.1",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {