@coveo/atomic 3.27.5-pre.fc44b4ed1e → 3.28.0-pre.05db57fb0d

package/dist/atomic/components/components/common/items-per-page/choices.js

@@ -0,0 +1,47 @@
+import { html } from 'lit';
+import { renderRadioButton } from '../radio-button';
+export const renderChoices = ({ props }) => {
+    const { label, groupName, pageSize, choices, lang, scrollToTopEvent, setItemSize, focusOnFirstResultAfterNextSearch, focusOnNextNewResult, } = props;
+    const focusOnProperResultDependingOnChoice = (choice) => {
+        if (choice < pageSize) {
+            focusOnFirstResultAfterNextSearch()?.then(() => scrollToTopEvent());
+        }
+        else if (choice > pageSize) {
+            focusOnNextNewResult();
+        }
+    };
+    return html `
+    <div
+      part="buttons"
+      role="radiogroup"
+      aria-label=${label}
+      class="flex flex-wrap gap-2"
+    >
+      ${choices.map((choice) => {
+        const isSelected = pageSize === choice;
+        const parts = ['button'];
+        if (isSelected) {
+            parts.push('active-button');
+        }
+        const text = choice.toLocaleString(lang);
+        return renderRadioButton({
+            props: {
+                key: 'choice',
+                groupName,
+                style: 'outline-neutral',
+                checked: isSelected,
+                ariaLabel: text,
+                onChecked: () => {
+                    focusOnProperResultDependingOnChoice(choice);
+                    setItemSize(choice);
+                },
+                class: 'btn-page focus-visible:bg-neutral-light',
+                part: parts.join(' '),
+                text,
+                selectWhenFocused: false,
+            },
+        });
+    })}
+    </div>
+  `;
+};

package/dist/atomic/components/components/common/items-per-page/error.js

@@ -0,0 +1,18 @@
+export class ChoiceIsNaNError extends Error {
+    constructor(choice) {
+        super(`The choice value "${choice}" from the "choicesDisplayed" option is not a number.`);
+        this.name = 'ChoiceIsNaNError';
+    }
+}
+export class InitialChoiceNotInChoicesError extends Error {
+    constructor(initialChoice, choices) {
+        super(`The initial choice value "${initialChoice}" is not included in the choices ${choices}.`);
+        this.name = 'InitialChoiceNotInChoicesError';
+    }
+}
+export class ChoiceIsNonPositiveError extends Error {
+    constructor(choice) {
+        super(`The choice value "${choice}" from the "choicesDisplayed" option is not positive (<= 0).`);
+        this.name = 'ChoiceIsNonPositiveError';
+    }
+}

package/dist/atomic/components/components/common/items-per-page/label.js

@@ -0,0 +1,10 @@
+import { html } from 'lit';
+export const renderLabel = () => (children) => html `
+    <span
+      part="label"
+      class="text-on-background mr-3 self-start text-lg leading-10"
+      aria-hidden="true"
+    >
+      ${children}
+    </span>
+  `;

package/dist/atomic/components/components/common/items-per-page/validate.js

@@ -0,0 +1,19 @@
+import { ChoiceIsNaNError, ChoiceIsNonPositiveError, InitialChoiceNotInChoicesError, } from './error';
+export function convertChoicesToNumbers(choices) {
+    return choices.split(',').map((choice) => {
+        const parsedChoice = parseInt(choice);
+        if (isNaN(parsedChoice)) {
+            throw new ChoiceIsNaNError(choice);
+        }
+        if (parsedChoice <= 0) {
+            throw new ChoiceIsNonPositiveError(parsedChoice);
+        }
+        return parsedChoice;
+    });
+}
+export function validateInitialChoice(initialChoice, choices) {
+    if (!choices.includes(initialChoice)) {
+        throw new InitialChoiceNotInChoicesError(initialChoice, choices);
+    }
+    return initialChoice;
+}

package/dist/atomic/components/facet-date-input.js

@@ -65,13 +65,13 @@ const FacetDateInput = /*@__PURE__*/ proxyCustomElement(class FacetDateInput ext
         // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)
         const pattern = '^(1[4-9]\\d{2}|2\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$';
         const range = this.rangeGetter();
-        return (h("form", { key: 'd8db4385e4295f182fc9b9db2ade10ff62b59615', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
+        return (h("form", { key: '5b9dcc787bc6df5e367c5f42399870887c47d1ac', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
                 e.preventDefault();
                 this.apply();
                 return false;
-            } }, h("label", { key: 'bef5b47105d800c423b61c42cc50b6329cc624c1', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: '6dc2ddab55046089ceb8d57883420e6a1935b866', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
+            } }, h("label", { key: '402453cff10dc0145067c4915c37f4664062b483', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: '9b29df3dc13bfa9f8a75c7bc4528ed81c75b26a4', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
             // API/Index minimum supported date
-            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: '10aaa6a1477be4f377c05b81025c8f5bcf042e96', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: '3fccac3931ef503413bb9e830f8cc7ec2f31a52d', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: '8bb6165a256975cd26cdb92c2af1b8489b890c72', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
+            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: 'be0174d19a814f5119ef504f56a60f1d00e690ed', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: '1786cc6d87fe13282dc0c7a4e56c5a979ad10d39', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: '4d15da7ba14e0349e0caa0b576c392ad331c29f9', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
     }
 }, [0, "atomic-facet-date-input", {
         "bindings": [16],

package/dist/atomic/components/facet-number-input.js

@@ -42,11 +42,11 @@ const FacetNumberInput = /*@__PURE__*/ proxyCustomElement(class FacetNumberInput
         const inputClasses = 'p-2.5 input-primary placeholder-neutral-dark min-w-0 mr-1';
         const labelClasses = 'text-neutral-dark text-sm';
         const step = this.type === 'integer' ? '1' : 'any';
-        return (h("form", { key: '805e001012201b280e5820a7674a41f7f20b79ed', class: "mt-4 gap-y-0.5 px-2", part: "input-form", onSubmit: (e) => {
+        return (h("form", { key: 'aeec1e4f98899d1653df921fc0a9c53ca3fcbf3b', class: "mt-4 gap-y-0.5 px-2", part: "input-form", onSubmit: (e) => {
                 e.preventDefault();
                 this.apply();
                 return false;
-            } }, h("label", { key: '6285713ae74850a682225a3805d4b0dfb4312351', part: "label-start", class: labelClasses, htmlFor: `${this.filterState.facetId}_start` }, minText), h("input", { key: '234b78c7576407d5a976e2f1dae6fba679539593', part: "input-start", id: `${this.filterState.facetId}_start`, type: "number", step: step, ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": minAria, required: true, min: Number.MIN_SAFE_INTEGER, max: this.end, value: this.filterState.range?.start, onInput: (e) => (this.start = e.target.valueAsNumber) }), h("label", { key: '70161503018f6216d48de99f47671edee1fce28b', part: "label-end", class: labelClasses, htmlFor: `${this.filterState.facetId}_end` }, maxText), h("input", { key: '1a1311e051daf2bac1771cb500a79859aaa0a795', part: "input-end", id: `${this.filterState.facetId}_end`, type: "number", step: step, ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": maxAria, required: true, min: this.start, max: Number.MAX_SAFE_INTEGER, value: this.filterState.range?.end, onInput: (e) => (this.end = e.target.valueAsNumber) }), h(Button, { key: '267ee8fa7e6bb2dc8dc248a1c49b0ac757b4efe3', style: "outline-primary", type: "submit", part: "input-apply-button", class: "flex-none truncate p-2.5", ariaLabel: applyAria, text: apply })));
+            } }, h("label", { key: 'edfa0efd988534f6c8228215489220f79504e166', part: "label-start", class: labelClasses, htmlFor: `${this.filterState.facetId}_start` }, minText), h("input", { key: 'c032ead904ce549843de5ca3f124d8502a3e4d14', part: "input-start", id: `${this.filterState.facetId}_start`, type: "number", step: step, ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": minAria, required: true, min: Number.MIN_SAFE_INTEGER, max: this.end, value: this.filterState.range?.start, onInput: (e) => (this.start = e.target.valueAsNumber) }), h("label", { key: '5e6950b85237aaf46b09d00487f882044402eec1', part: "label-end", class: labelClasses, htmlFor: `${this.filterState.facetId}_end` }, maxText), h("input", { key: 'c07d8787a0bcdc8f267f3d753752feb14c1e14f2', part: "input-end", id: `${this.filterState.facetId}_end`, type: "number", step: step, ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": maxAria, required: true, min: this.start, max: Number.MAX_SAFE_INTEGER, value: this.filterState.range?.end, onInput: (e) => (this.end = e.target.valueAsNumber) }), h(Button, { key: '97b81fcf3f99a3a250b1f4e538dd720893be20fe', style: "outline-primary", type: "submit", part: "input-apply-button", class: "flex-none truncate p-2.5", ariaLabel: applyAria, text: apply })));
     }
     static get style() { return AtomicFacetNumberInputStyle0; }
 }, [0, "atomic-facet-number-input", {

package/dist/atomic/components/global/environment.js

@@ -4,7 +4,7 @@ function getWindow() {
 }
 export function getAtomicEnvironment() {
     return {
-        version: "3.27.5-pre.fc44b4ed1e".VERSION,
+        version: "3.28.0-pre.05db57fb0d".VERSION,
         headlessVersion: VERSION,
     };
 }

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

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAca,kBAAmB,SAAQ,KAAK;IAC3C,YAAY,WAAmB,EAAE,UAAkB;QACjD,KAAK,CACH,QAAQ,WAAW,sCAAsC,UAAU,YAAY,CAChF,CAAC;KACH;;;ACfH,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;SAIpC,gBAAgB,CAAI,OAAgB,EAAE,UAAkB;IACtE,OAAO,IAAI,OAAO,CAAI,CAAC,OAAO,EAAE,MAAM;QACpC,MAAM,KAAK,GAAG,gBAAgB,CAC5B,oBAAoB,EACpB,CAAC,IAAO;YACN,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;SACtB,CACF,CAAC;QACF,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE;YACjC,MAAM,CACJ,IAAI,kBAAkB,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,UAAU,CAAC,CACnE,CAAC;SACH;KACF,CAAC,CAAC;AACL;;ACkDA;;;;;;;;;;SAUgB,mBAAmB,CAAoB,OAAgB;IACrE,OAAO,gBAAgB,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACxD;;;;","names":[],"sources":["src/components/common/item-list/context/item-context-controller.ts","src/components/common/item-list/fetch-item-context.ts","src/decorators/commerce/product-template-decorators.ts"],"sourcesContent":["import {InitializableComponent} from '@/src/decorators/types.js';\nimport {buildCustomEvent} from '@/src/utils/event-utils';\nimport {LitElement, ReactiveController, ReactiveControllerHost} from 'lit';\n\ntype LitElementWithError = Omit<\n  Pick<InitializableComponent, 'error'>,\n  'error'\n> &\n  LitElement & {\n    error: Error | null;\n  };\n\nconst itemContextEventName = 'atomic/resolveResult';\n\nexport class MissingParentError extends Error {\n  constructor(elementName: string, parentName: string) {\n    super(\n      `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n    );\n  }\n}\n\nfunction extractFolded<T = Record<string, unknown>>(\n  item: Record<string, unknown>,\n  returnFolded: boolean\n): T {\n  if (returnFolded) {\n    if ('children' in item) {\n      return item as T;\n    } else {\n      return {children: [], result: item} as T;\n    }\n  }\n\n  if ('children' in item && 'result' in item) {\n    return item.result as T;\n  }\n  return item as T;\n}\n\n/**\n * A reactive controller that manages item context data from parent components.\n * Handles fetching item data via custom events and manages error states.\n */\nexport class ItemContextController<T = Record<string, unknown>>\n  implements ReactiveController\n{\n  private host: ReactiveControllerHost & LitElementWithError;\n  private parentName: string;\n  private folded: boolean;\n  private _item: T | null = null;\n  private _error: MissingParentError | null = null;\n\n  constructor(\n    host: ReactiveControllerHost & LitElementWithError,\n    options: {parentName?: string; folded?: boolean} = {}\n  ) {\n    this.host = host;\n    this.parentName = options.parentName ?? 'atomic-result';\n    this.folded = options.folded ?? false;\n    host.addController(this);\n  }\n\n  get item(): T | null {\n    return this._error ? null : this._item;\n  }\n\n  get error(): MissingParentError | null {\n    return this._error;\n  }\n\n  get hasError(): boolean {\n    return this._error !== null;\n  }\n\n  hostConnected(): void {\n    this._resolveItemContext();\n  }\n\n  private _resolveItemContext(): void {\n    const event = buildCustomEvent(\n      itemContextEventName,\n      (item: Record<string, unknown>) => {\n        this._item = extractFolded<T>(item, this.folded);\n        this._error = null;\n        this.host.error = null;\n        this.host.requestUpdate();\n      }\n    );\n\n    const canceled = this.host.dispatchEvent(event);\n    if (canceled) {\n      const elementName = (this.host as Element).nodeName.toLowerCase();\n      this._error = new MissingParentError(elementName, this.parentName);\n      this._item = null;\n      this.host.error = this._error;\n      this.host.requestUpdate();\n    }\n  }\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\n","import {closest} from '../../../utils/dom-utils.js';\nimport {buildCustomEvent} from '../../../utils/event-utils.js';\nimport {MissingParentError} from './context/item-context-controller.js';\n\nconst itemContextEventName = 'atomic/resolveResult';\n\ntype ItemContextEventHandler<T> = (item: T) => void;\n\nexport function fetchItemContext<T>(element: Element, parentName: string) {\n  return new Promise<T>((resolve, reject) => {\n    const event = buildCustomEvent<ItemContextEventHandler<T>>(\n      itemContextEventName,\n      (item: T) => {\n        return resolve(item);\n      }\n    );\n    element.dispatchEvent(event);\n\n    if (!closest(element, parentName)) {\n      reject(\n        new MissingParentError(element.nodeName.toLowerCase(), parentName)\n      );\n    }\n  });\n}\n","import {InteractiveItemContextController} from '@/src/components/common/item-list/context/interactive-item-context-controller';\nimport {InteractiveItemContextEvent} from '@/src/components/common/item-list/context/interactive-item-context-controller';\nimport {\n  ItemContextController,\n  ItemContextEvent,\n} from '@/src/components/common/item-list/context/item-context-controller';\nimport {fetchItemContext} from '@/src/components/common/item-list/fetch-item-context';\nimport {InteractiveProduct, Product} from '@coveo/headless/commerce';\nimport {LitElement} from 'lit';\n\n/**\n * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing product context in product template components.\n *\n * @param host - The Lit component instance\n * @param options - Configuration options\n * @returns ItemContextController instance configured for atomic-product\n *\n * @example\n * ```typescript\n * @customElement('my-product-component')\n * export class MyProductComponent extends LitElement {\n *   private productController = createProductContextController(this);\n *\n *   @state() product!: Product;\n *\n *   render() {\n *     this.product = this.productController.item;\n *     return html`<div>${this.product?.ec_name}</div>`;\n *   }\n * }\n * ```\n */\nexport function createProductContextController(\n  host: LitElement & {error: Error | null},\n  options: {folded?: boolean} = {}\n): ItemContextController<Product> {\n  return new ItemContextController<Product>(host, {\n    parentName: 'atomic-product',\n    folded: options.folded ?? false,\n  });\n}\n\n/**\n * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing interactive product context in product template components.\n *\n * @param host - The Lit component instance\n * @returns InteractiveItemContextController instance\n *\n * @example\n * ```typescript\n * @customElement('my-interactive-product-component')\n * export class MyInteractiveProductComponent extends LitElement {\n *   private interactiveProductController = createInteractiveProductContextController(this);\n *\n *   @state() product!: Product;\n *\n *   render() {\n *     this.product = this.interactiveProductController.interactiveItem;\n *     return html`<div>${this.product?.ec_name}</div>`;\n *   }\n * }\n * ```\n */\nexport function createInteractiveProductContextController(\n  host: LitElement & {error: Error}\n): InteractiveItemContextController<InteractiveProduct> {\n  return new InteractiveItemContextController<InteractiveProduct>(host);\n}\n\nexport type ProductContextEvent<T = Product> = ItemContextEvent<T>;\nexport type InteractiveProductContextEvent<\n  T extends InteractiveProduct = InteractiveProduct,\n> = InteractiveItemContextEvent<T>;\n\n/**\n * Retrieves `Product` on a rendered `atomic-product`.\n *\n * This utility function is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n *\n * You should use the utility function in the [`connectedCallback` lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element - The element that the event is dispatched to, which must be the child of a rendered `atomic-product`.\n * @returns A promise that resolves on initialization of the parent `atomic-product` element, or rejects when there is no parent `atomic-product` element.\n */\nexport function fetchProductContext<T extends Product>(element: Element) {\n  return fetchItemContext<T>(element, 'atomic-product');\n}\n"],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAca,kBAAmB,SAAQ,KAAK;IAC3C,YAAY,WAAmB,EAAE,UAAkB;QACjD,KAAK,CACH,QAAQ,WAAW,sCAAsC,UAAU,YAAY,CAChF,CAAC;KACH;;;ACfH,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;SAIpC,gBAAgB,CAAI,OAAgB,EAAE,UAAkB;IACtE,OAAO,IAAI,OAAO,CAAI,CAAC,OAAO,EAAE,MAAM;QACpC,MAAM,KAAK,GAAG,gBAAgB,CAC5B,oBAAoB,EACpB,CAAC,IAAO;YACN,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;SACtB,CACF,CAAC;QACF,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE;YACjC,MAAM,CACJ,IAAI,kBAAkB,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,UAAU,CAAC,CACnE,CAAC;SACH;KACF,CAAC,CAAC;AACL;;ACkDA;;;;;;;;;;SAUgB,mBAAmB,CAAoB,OAAgB;IACrE,OAAO,gBAAgB,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACxD;;;;","names":[],"sources":["src/components/common/item-list/context/item-context-controller.ts","src/components/common/item-list/fetch-item-context.ts","src/decorators/commerce/product-template-decorators.ts"],"sourcesContent":["import {InitializableComponent} from '@/src/decorators/types.js';\nimport {buildCustomEvent} from '@/src/utils/event-utils';\nimport {LitElement, ReactiveController, ReactiveControllerHost} from 'lit';\n\ntype LitElementWithError = Omit<\n  Pick<InitializableComponent, 'error'>,\n  'error'\n> &\n  LitElement & {\n    error: Error | null;\n  };\n\nconst itemContextEventName = 'atomic/resolveResult';\n\nexport class MissingParentError extends Error {\n  constructor(elementName: string, parentName: string) {\n    super(\n      `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n    );\n  }\n}\n\nfunction extractFolded<T = Record<string, unknown>>(\n  item: Record<string, unknown>,\n  returnFolded: boolean\n): T {\n  if (returnFolded) {\n    if ('children' in item) {\n      return item as T;\n    } else {\n      return {children: [], result: item} as T;\n    }\n  }\n\n  if ('children' in item && 'result' in item) {\n    return item.result as T;\n  }\n  return item as T;\n}\n\n/**\n * A reactive controller that manages item context data from parent components.\n * Handles fetching item data via custom events and manages error states.\n */\nexport class ItemContextController<T = Record<string, unknown>>\n  implements ReactiveController\n{\n  private host: ReactiveControllerHost & LitElementWithError;\n  private parentName: string;\n  private folded: boolean;\n  private _item: T | null = null;\n  private _error: MissingParentError | null = null;\n\n  constructor(\n    host: ReactiveControllerHost & LitElementWithError,\n    options: {parentName?: string; folded?: boolean} = {}\n  ) {\n    this.host = host;\n    this.parentName = options.parentName ?? 'atomic-result';\n    this.folded = options.folded ?? false;\n    host.addController(this);\n  }\n\n  get item(): T | null {\n    return this._error ? null : this._item;\n  }\n\n  get error(): MissingParentError | null {\n    return this._error;\n  }\n\n  get hasError(): boolean {\n    return this._error !== null;\n  }\n\n  hostConnected(): void {\n    this._resolveItemContext();\n  }\n\n  private _resolveItemContext(): void {\n    const event = buildCustomEvent(\n      itemContextEventName,\n      (item: Record<string, unknown>) => {\n        this._item = extractFolded<T>(item, this.folded);\n        this._error = null;\n        this.host.error = null;\n        this.host.requestUpdate();\n      }\n    );\n\n    const canceled = this.host.dispatchEvent(event);\n    if (canceled) {\n      const elementName = (this.host as Element).nodeName.toLowerCase();\n      this._error = new MissingParentError(elementName, this.parentName);\n      this._item = null;\n      this.host.error = this._error;\n      this.host.requestUpdate();\n    }\n  }\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\n","import {closest} from '../../../utils/dom-utils.js';\nimport {buildCustomEvent} from '../../../utils/event-utils.js';\nimport {MissingParentError} from './context/item-context-controller.js';\n\nconst itemContextEventName = 'atomic/resolveResult';\n\ntype ItemContextEventHandler<T> = (item: T) => void;\n\nexport function fetchItemContext<T>(element: Element, parentName: string) {\n  return new Promise<T>((resolve, reject) => {\n    const event = buildCustomEvent<ItemContextEventHandler<T>>(\n      itemContextEventName,\n      (item: T) => {\n        return resolve(item);\n      }\n    );\n    element.dispatchEvent(event);\n\n    if (!closest(element, parentName)) {\n      reject(\n        new MissingParentError(element.nodeName.toLowerCase(), parentName)\n      );\n    }\n  });\n}\n","import {InteractiveItemContextController} from '@/src/components/common/item-list/context/interactive-item-context-controller';\nimport {InteractiveItemContextEvent} from '@/src/components/common/item-list/context/interactive-item-context-controller';\nimport {\n  ItemContextController,\n  ItemContextEvent,\n} from '@/src/components/common/item-list/context/item-context-controller';\nimport {fetchItemContext} from '@/src/components/common/item-list/fetch-item-context';\nimport {InteractiveProduct, Product} from '@coveo/headless/commerce';\nimport {LitElement} from 'lit';\n\n/**\n * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing product context in product template components.\n *\n * @param host - The Lit component instance\n * @param options - Configuration options\n * @returns ItemContextController instance configured for atomic-product\n *\n * @example\n * ```typescript\n * @customElement('my-product-component')\n * export class MyProductComponent extends LitElement {\n *   private productController = createProductContextController(this);\n *\n *   @state() product!: Product;\n *\n *   render() {\n *     this.product = this.productController.item;\n *     return html`<div>${this.product?.ec_name}</div>`;\n *   }\n * }\n * ```\n */\nexport function createProductContextController(\n  host: LitElement & {error: Error | null},\n  options: {folded?: boolean} = {}\n): ItemContextController<Product> {\n  return new ItemContextController<Product>(host, {\n    parentName: 'atomic-product',\n    folded: options.folded ?? false,\n  });\n}\n\n/**\n * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing interactive product context in product template components.\n *\n * @param host - The Lit component instance\n * @returns InteractiveItemContextController instance\n *\n * @example\n * ```typescript\n * @customElement('my-interactive-product-component')\n * export class MyInteractiveProductComponent extends LitElement {\n *   private interactiveProductController = createInteractiveProductContextController(this);\n *\n *   @state() product!: Product;\n *\n *   render() {\n *     this.product = this.interactiveProductController.interactiveItem;\n *     return html`<div>${this.product?.ec_name}</div>`;\n *   }\n * }\n * ```\n */\nexport function createInteractiveProductContextController(\n  host: LitElement & {error: Error}\n): InteractiveItemContextController<InteractiveProduct> {\n  return new InteractiveItemContextController<InteractiveProduct>(host);\n}\n\nexport type ProductContextEvent<T = Product> = ItemContextEvent<T>;\nexport type InteractiveProductContextEvent<\n  T extends InteractiveProduct = InteractiveProduct,\n> = InteractiveItemContextEvent<T>;\n\n/**\n * Retrieves `Product` on a rendered `atomic-product`.\n *\n * This utility function is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n *\n * You should use the utility function in the [`connectedCallback` lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element - The element that the event is dispatched to, which must be the child of a rendered `atomic-product`.\n * @returns A promise that resolves on initialization of the parent `atomic-product` element, or rejects when there is no parent `atomic-product` element.\n */\nexport function fetchProductContext<T extends Product>(element: Element) {\n  return fetchItemContext<T>(element, 'atomic-product');\n}\n"],"version":3}

package/dist/atomic/components/interface-common-stencil.js

@@ -2220,7 +2220,7 @@ function getWindow() {
 }
 function getAtomicEnvironment() {
     return {
-        version: "3.27.5-pre.fc44b4ed1e",
+        version: "3.28.0-pre.05db57fb0d",
         headlessVersion: VERSION,
     };
 }

package/dist/atomic/components/stencil-link.js.map

@@ -1 +1 @@
-{"file":"stencil-link.js","mappings":"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","names":[],"sources":["src/components/common/query-error/stencil-details.tsx","src/components/common/query-error/stencil-icon.tsx","src/components/common/query-error/show-more.tsx","src/components/common/query-error/stencil-container.tsx","src/components/common/query-error/utils.ts","src/components/common/query-error/stencil-description.tsx","src/components/common/query-error/stencil-guard.tsx","src/components/common/query-error/stencil-title.tsx","src/components/common/query-error/stencil-link.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorDetailsProps {\n  error: unknown;\n  show: boolean;\n}\nexport const QueryErrorDetails: FunctionalComponent<QueryErrorDetailsProps> = ({\n  error,\n  show,\n}) => {\n  if (!show) {\n    return;\n  }\n  return (\n    <pre\n      part=\"error-info\"\n      class=\"border-neutral bg-neutral-light mt-8 rounded border p-3 text-left whitespace-pre-wrap\"\n    >\n      <code>{JSON.stringify(error, null, 2)}</code>\n    </pre>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport CannotAccess from '../../../images/cannot-access.svg';\nimport Indexing from '../../../images/indexing.svg';\nimport NoConnection from '../../../images/no-connection.svg';\nimport SearchInactive from '../../../images/search-inactive.svg';\nimport SomethingWrong from '../../../images/something-wrong.svg';\nimport {KnownErrorType} from './known-error-types';\n\ninterface QueryErrorIconProps {\n  errorType?: string;\n}\n\nexport const QueryErrorIcon: FunctionalComponent<QueryErrorIconProps> = ({\n  errorType,\n}) => {\n  const getIconFromErrorType = () => {\n    switch (errorType as KnownErrorType) {\n      case 'Disconnected':\n        return NoConnection;\n\n      case 'NoEndpointsException':\n        return Indexing;\n\n      case 'InvalidTokenException':\n        return CannotAccess;\n      case 'OrganizationIsPausedException':\n        return SearchInactive;\n      default:\n        return SomethingWrong;\n    }\n  };\n\n  return (\n    <atomic-icon\n      part=\"icon\"\n      icon={getIconFromErrorType()}\n      class=\"w-1/2 max-w-lg\"\n    ></atomic-icon>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\nimport {QueryErrorLink} from './stencil-link';\n\ninterface QueryErrorShowMoreProps {\n  onShowMore: () => void;\n  i18n: i18n;\n  link?: typeof QueryErrorLink;\n}\n\nexport const QueryErrorShowMore: FunctionalComponent<\n  QueryErrorShowMoreProps\n> = ({i18n, onShowMore, link}) => {\n  if (link) {\n    return link;\n  }\n  return (\n    <Button\n      part=\"more-info-btn\"\n      style=\"primary\"\n      class=\"mt-8 p-3\"\n      onClick={() => {\n        onShowMore();\n      }}\n      text={i18n.t('more-info')}\n    ></Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const QueryErrorContainer: FunctionalComponent = (_, children) => {\n  return <div class=\"p-8 text-center\">{children}</div>;\n};\n","import {i18n} from 'i18next';\nimport {KnownErrorType} from './known-error-types';\n\nexport const getErrorTitleFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  errorType?: string\n) => {\n  switch (errorType as KnownErrorType) {\n    case 'Disconnected':\n      return i18n.t('disconnected');\n    case 'NoEndpointsException':\n      return i18n.t('no-endpoints', {org: organizationId});\n    case 'InvalidTokenException':\n      return i18n.t('cannot-access', {org: organizationId});\n    case 'OrganizationIsPausedException':\n      return i18n.t('organization-is-paused', {org: organizationId});\n    default:\n      return i18n.t('something-went-wrong');\n  }\n};\n\nexport const getErrorDescriptionFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  url: string,\n  errorType?: string\n) => {\n  switch (errorType as KnownErrorType) {\n    case 'Disconnected':\n      return i18n.t('check-your-connection', {url});\n    case 'NoEndpointsException':\n      return i18n.t('add-sources');\n    case 'InvalidTokenException':\n      return i18n.t('invalid-token');\n    case 'OrganizationIsPausedException':\n      return i18n.t('organization-will-resume', {\n        org: organizationId,\n      });\n    default:\n      return i18n.t('if-problem-persists');\n  }\n};\n\nexport const getAriaMessageFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  platformUrl: string,\n  errorType?: string\n) => {\n  return `${getErrorTitleFromErrorType(i18n, organizationId, errorType)} ${getErrorDescriptionFromErrorType(i18n, organizationId, platformUrl, errorType)}`;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getErrorDescriptionFromErrorType} from './utils';\n\ninterface QueryErrorDescriptionProps {\n  errorType?: string;\n  i18n: i18n;\n  url: string;\n  organizationId: string;\n}\n\nexport const QueryErrorDescription: FunctionalComponent<\n  QueryErrorDescriptionProps\n> = ({errorType, i18n, url, organizationId}) => {\n  return (\n    <p part=\"description\" class=\"text-neutral-dark mt-2.5 text-lg\">\n      {getErrorDescriptionFromErrorType(i18n, organizationId, url, errorType)}\n    </p>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorGuardProps {\n  hasError: boolean;\n}\n\n// Replace with the when directive\nexport const QueryErrorGuard: FunctionalComponent<QueryErrorGuardProps> = (\n  {hasError},\n  children\n) => {\n  if (!hasError) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getErrorTitleFromErrorType} from './utils';\n\ninterface QueryErrorTitleProps {\n  errorType?: string;\n  i18n: i18n;\n  organizationId: string;\n}\n\nexport const QueryErrorTitle: FunctionalComponent<QueryErrorTitleProps> = ({\n  errorType,\n  i18n,\n  organizationId,\n}) => {\n  return (\n    <p part=\"title\" class=\"text-on-background mt-8 text-2xl\">\n      {getErrorTitleFromErrorType(i18n, organizationId, errorType)}\n    </p>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {KnownErrorType} from './known-error-types';\n\ninterface QueryErrorLinkProps {\n  errorType?: string;\n  i18n: i18n;\n}\n\nexport const QueryErrorLink: FunctionalComponent<QueryErrorLinkProps> = ({\n  errorType,\n  i18n,\n}) => {\n  const getErrorLink = () => {\n    switch (errorType as KnownErrorType) {\n      case 'NoEndpointsException':\n        return 'https://docs.coveo.com/en/mcc80216';\n      case 'InvalidTokenException':\n        return 'https://docs.coveo.com/en/102';\n      case 'OrganizationIsPausedException':\n        return 'https://docs.coveo.com/l6af0467';\n      default:\n        return null;\n    }\n  };\n\n  const link = getErrorLink();\n\n  return link ? (\n    <a href={link} part=\"doc-link\" class=\"btn-primary mt-10 inline-block p-3\">\n      {i18n.t('coveo-online-help')}\n    </a>\n  ) : null;\n};\n"],"version":3}
+{"file":"stencil-link.js","mappings":"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","names":[],"sources":["src/components/common/query-error/stencil-details.tsx","src/components/common/query-error/stencil-icon.tsx","src/components/common/query-error/stencil-show-more.tsx","src/components/common/query-error/stencil-container.tsx","src/components/common/query-error/utils.ts","src/components/common/query-error/stencil-description.tsx","src/components/common/query-error/stencil-guard.tsx","src/components/common/query-error/stencil-title.tsx","src/components/common/query-error/stencil-link.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorDetailsProps {\n  error: unknown;\n  show: boolean;\n}\nexport const QueryErrorDetails: FunctionalComponent<QueryErrorDetailsProps> = ({\n  error,\n  show,\n}) => {\n  if (!show) {\n    return;\n  }\n  return (\n    <pre\n      part=\"error-info\"\n      class=\"border-neutral bg-neutral-light mt-8 rounded border p-3 text-left whitespace-pre-wrap\"\n    >\n      <code>{JSON.stringify(error, null, 2)}</code>\n    </pre>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport CannotAccess from '../../../images/cannot-access.svg';\nimport Indexing from '../../../images/indexing.svg';\nimport NoConnection from '../../../images/no-connection.svg';\nimport SearchInactive from '../../../images/search-inactive.svg';\nimport SomethingWrong from '../../../images/something-wrong.svg';\nimport {KnownErrorType} from './known-error-types';\n\ninterface QueryErrorIconProps {\n  errorType?: string;\n}\n\nexport const QueryErrorIcon: FunctionalComponent<QueryErrorIconProps> = ({\n  errorType,\n}) => {\n  const getIconFromErrorType = () => {\n    switch (errorType as KnownErrorType) {\n      case 'Disconnected':\n        return NoConnection;\n\n      case 'NoEndpointsException':\n        return Indexing;\n\n      case 'InvalidTokenException':\n        return CannotAccess;\n      case 'OrganizationIsPausedException':\n        return SearchInactive;\n      default:\n        return SomethingWrong;\n    }\n  };\n\n  return (\n    <atomic-icon\n      part=\"icon\"\n      icon={getIconFromErrorType()}\n      class=\"w-1/2 max-w-lg\"\n    ></atomic-icon>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\nimport {QueryErrorLink} from './stencil-link';\n\ninterface QueryErrorShowMoreProps {\n  onShowMore: () => void;\n  i18n: i18n;\n  link?: typeof QueryErrorLink;\n}\n\nexport const QueryErrorShowMore: FunctionalComponent<\n  QueryErrorShowMoreProps\n> = ({i18n, onShowMore, link}) => {\n  if (link) {\n    return link;\n  }\n  return (\n    <Button\n      part=\"more-info-btn\"\n      style=\"primary\"\n      class=\"mt-8 p-3\"\n      onClick={() => {\n        onShowMore();\n      }}\n      text={i18n.t('more-info')}\n    ></Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const QueryErrorContainer: FunctionalComponent = (_, children) => {\n  return <div class=\"p-8 text-center\">{children}</div>;\n};\n","import {i18n} from 'i18next';\nimport {KnownErrorType} from './known-error-types';\n\nexport const getErrorTitleFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  errorType?: string\n) => {\n  switch (errorType as KnownErrorType) {\n    case 'Disconnected':\n      return i18n.t('disconnected');\n    case 'NoEndpointsException':\n      return i18n.t('no-endpoints', {org: organizationId});\n    case 'InvalidTokenException':\n      return i18n.t('cannot-access', {org: organizationId});\n    case 'OrganizationIsPausedException':\n      return i18n.t('organization-is-paused', {org: organizationId});\n    default:\n      return i18n.t('something-went-wrong');\n  }\n};\n\nexport const getErrorDescriptionFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  url: string,\n  errorType?: string\n) => {\n  switch (errorType as KnownErrorType) {\n    case 'Disconnected':\n      return i18n.t('check-your-connection', {url});\n    case 'NoEndpointsException':\n      return i18n.t('add-sources');\n    case 'InvalidTokenException':\n      return i18n.t('invalid-token');\n    case 'OrganizationIsPausedException':\n      return i18n.t('organization-will-resume', {\n        org: organizationId,\n      });\n    default:\n      return i18n.t('if-problem-persists');\n  }\n};\n\nexport const getAriaMessageFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  platformUrl: string,\n  errorType?: string\n) => {\n  return `${getErrorTitleFromErrorType(i18n, organizationId, errorType)} ${getErrorDescriptionFromErrorType(i18n, organizationId, platformUrl, errorType)}`;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getErrorDescriptionFromErrorType} from './utils';\n\ninterface QueryErrorDescriptionProps {\n  errorType?: string;\n  i18n: i18n;\n  url: string;\n  organizationId: string;\n}\n\nexport const QueryErrorDescription: FunctionalComponent<\n  QueryErrorDescriptionProps\n> = ({errorType, i18n, url, organizationId}) => {\n  return (\n    <p part=\"description\" class=\"text-neutral-dark mt-2.5 text-lg\">\n      {getErrorDescriptionFromErrorType(i18n, organizationId, url, errorType)}\n    </p>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorGuardProps {\n  hasError: boolean;\n}\n\n// Replace with the when directive\nexport const QueryErrorGuard: FunctionalComponent<QueryErrorGuardProps> = (\n  {hasError},\n  children\n) => {\n  if (!hasError) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getErrorTitleFromErrorType} from './utils';\n\ninterface QueryErrorTitleProps {\n  errorType?: string;\n  i18n: i18n;\n  organizationId: string;\n}\n\nexport const QueryErrorTitle: FunctionalComponent<QueryErrorTitleProps> = ({\n  errorType,\n  i18n,\n  organizationId,\n}) => {\n  return (\n    <p part=\"title\" class=\"text-on-background mt-8 text-2xl\">\n      {getErrorTitleFromErrorType(i18n, organizationId, errorType)}\n    </p>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {KnownErrorType} from './known-error-types';\n\ninterface QueryErrorLinkProps {\n  errorType?: string;\n  i18n: i18n;\n}\n\nexport const QueryErrorLink: FunctionalComponent<QueryErrorLinkProps> = ({\n  errorType,\n  i18n,\n}) => {\n  const getErrorLink = () => {\n    switch (errorType as KnownErrorType) {\n      case 'NoEndpointsException':\n        return 'https://docs.coveo.com/en/mcc80216';\n      case 'InvalidTokenException':\n        return 'https://docs.coveo.com/en/102';\n      case 'OrganizationIsPausedException':\n        return 'https://docs.coveo.com/l6af0467';\n      default:\n        return null;\n    }\n  };\n\n  const link = getErrorLink();\n\n  return link ? (\n    <a href={link} part=\"doc-link\" class=\"btn-primary mt-10 inline-block p-3\">\n      {i18n.t('coveo-online-help')}\n    </a>\n  ) : null;\n};\n"],"version":3}

package/dist/atomic/components/tab-button.js

@@ -25,7 +25,7 @@ const AtomicTabButton = /*@__PURE__*/ proxyCustomElement(class AtomicTabButton e
         return this.active ? '' : 'text-neutral-dark hover:text-primary-light';
     }
     render() {
-        return (h(Host, { key: 'f3df32293a3e1c2b35925a693ca04e6a3c1d35f0', role: "listitem", class: `${this.activeTabClass}`, "aria-current": this.active ? 'true' : 'false', "aria-label": 'tab for ' + this.label, part: 'button-container' + (this.active ? '-active' : '') }, h(Button, { key: '1411946e26fa00bee6cc3e8e4ac430599b549fa4', class: `w-full truncate px-2 pb-1 text-xl sm:px-6 ${this.activeTabTextClass}`, part: 'tab-button' + (this.active ? '-active' : ''), onClick: this.select, style: "text-transparent" }, this.label)));
+        return (h(Host, { key: '7441b4c73b9517cd5f4e582d6d6302286e758b09', role: "listitem", class: `${this.activeTabClass}`, "aria-current": this.active ? 'true' : 'false', "aria-label": 'tab for ' + this.label, part: 'button-container' + (this.active ? '-active' : '') }, h(Button, { key: '4c36c2ce66c3cba6efe92732be65894d563af6ce', class: `w-full truncate px-2 pb-1 text-xl sm:px-6 ${this.activeTabTextClass}`, part: 'tab-button' + (this.active ? '-active' : ''), onClick: this.select, style: "text-transparent" }, this.label)));
     }
     static get style() { return AtomicTabButtonStyle0; }
 }, [0, "atomic-tab-button", {

package/dist/atomic/components/tab-popover.js

@@ -144,7 +144,7 @@ const TabPopover = /*@__PURE__*/ proxyCustomElement(class TabPopover extends HTM
         this.popperInstance?.forceUpdate();
     }
     render() {
-        return (h(Host, { key: 'ea9b5321d129ed30fea695d26de843d2e3e284d4', onFocusout: (event) => this.closePopoverOnFocusOut(event), class: this.show ? '' : 'visibility-hidden', "aria-hidden": !this.show }, this.renderPopover(), this.isOpen && this.renderBackdrop()));
+        return (h(Host, { key: 'b9c7455e3f2ae3217cee7e8cfed419b75ed27da3', onFocusout: (event) => this.closePopoverOnFocusOut(event), class: this.show ? '' : 'visibility-hidden', "aria-hidden": !this.show }, this.renderPopover(), this.isOpen && this.renderBackdrop()));
     }
     get host() { return this; }
     static get style() { return AtomicTabPopoverStyle0; }