@coveo/atomic 3.47.1 → 3.49.0

package/dist/atomic/components/atomic-suggestion-renderer.js

@@ -1,123 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Fragment, Host } from '@stencil/core/internal/client';
-
-function isMacOS() {
-    // Source: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/platform#examples
-    return navigator.platform.startsWith('Mac');
-}
-
-const AtomicSuggestionRenderer$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSuggestionRenderer extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.i18n = undefined;
-        this.id = undefined;
-        this.suggestion = undefined;
-        this.isSelected = undefined;
-        this.side = undefined;
-        this.index = undefined;
-        this.lastIndex = undefined;
-        this.isDoubleList = undefined;
-        this.onClick = undefined;
-        this.onMouseEnter = undefined;
-    }
-    get parts() {
-        let part = 'suggestion';
-        if (this.isSelected) {
-            part += ' active-suggestion';
-        }
-        if (this.suggestion.query) {
-            part += ' suggestion-with-query';
-        }
-        if (this.suggestion.part) {
-            part += ` ${this.suggestion.part}`;
-        }
-        return part;
-    }
-    get classes() {
-        return `flex px-4 min-h-10 items-center text-left text-neutral-dark cursor-pointer ${this.isSelected ? 'bg-neutral-light' : ''}`;
-    }
-    get content() {
-        return this.isHTMLElement(this.suggestion.content) ? (h(Fragment, null)) : (this.suggestion.content);
-    }
-    ariaLabel(isButton) {
-        const contentLabel = this.suggestion.ariaLabel ??
-            this.suggestion.query ??
-            this.i18n.t('no-title');
-        const labelWithType = isMacOS() && isButton
-            ? this.i18n.t('search-suggestion-button', {
-                label: contentLabel,
-                interpolation: { escapeValue: false },
-            })
-            : contentLabel;
-        const position = this.index + 1;
-        const count = this.lastIndex + 1;
-        if (!this.isDoubleList) {
-            return this.i18n.t('search-suggestion-single-list', {
-                label: labelWithType,
-                position,
-                count,
-                interpolation: { escapeValue: false },
-            });
-        }
-        return this.i18n.t('search-suggestion-double-list', {
-            label: labelWithType,
-            position,
-            count,
-            side: this.i18n.t(this.side === 'left' ? 'left' : 'right'),
-            interpolation: { escapeValue: false },
-        });
-    }
-    ensureContentForRenderedSuggestion(element) {
-        if (this.isHTMLElement(this.suggestion.content)) {
-            element.replaceChildren(this.suggestion.content);
-        }
-    }
-    isHTMLElement(el) {
-        return el instanceof HTMLElement;
-    }
-    render() {
-        const isButton = !!(this.suggestion.onSelect || this.suggestion.query);
-        return (h(Host, { key: '94e671f0ba1e40088dff3c2644668aa55a8f09a1', class: "contents" }, isButton ? (h("div", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseEnter: (e) => this.onMouseEnter?.(e), "data-query": this.suggestion.query, "aria-label": this.ariaLabel(isButton), ref: (el) => {
-                if (!el) {
-                    return;
-                }
-                this.ensureContentForRenderedSuggestion(el);
-            } }, this.content)) : (h("span", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, "aria-label": this.ariaLabel(isButton), ref: (el) => {
-                if (!el) {
-                    return;
-                }
-                this.ensureContentForRenderedSuggestion(el);
-            } }, this.content))));
-    }
-}, [0, "atomic-suggestion-renderer", {
-        "i18n": [16],
-        "id": [1],
-        "suggestion": [16],
-        "isSelected": [4, "is-selected"],
-        "side": [1],
-        "index": [2],
-        "lastIndex": [2, "last-index"],
-        "isDoubleList": [4, "is-double-list"],
-        "onClick": [16],
-        "onMouseEnter": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-suggestion-renderer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-suggestion-renderer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicSuggestionRenderer$1);
-            }
-            break;
-    } });
-}
-
-const AtomicSuggestionRenderer = AtomicSuggestionRenderer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicSuggestionRenderer, defineCustomElement };
-
-//# sourceMappingURL=atomic-suggestion-renderer.js.map

package/dist/atomic/components/atomic-suggestion-renderer.js.map

@@ -1 +0,0 @@
-{"file":"atomic-suggestion-renderer.js","mappings":"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","names":["AtomicSuggestionRenderer"],"sources":["src/utils/device-utils.ts","src/components/common/atomic-suggestion-renderer/atomic-suggestion-renderer.tsx"],"sourcesContent":["export function isIOS() {\n  // Source: https://stackoverflow.com/a/62094756\n  const iosQuirkPresent = () => {\n    const audio = new Audio();\n\n    audio.volume = 0.5;\n    return audio.volume === 1; // volume cannot be changed from \"1\" on iOS 12 and below\n  };\n\n  const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);\n  const isAppleDevice = navigator.userAgent.includes('Macintosh');\n  const isTouchScreen = navigator.maxTouchPoints >= 1; // true for iOS 13 (and hopefully beyond)\n\n  return isIOS || (isAppleDevice && (isTouchScreen || iosQuirkPresent()));\n}\n\nexport function isMacOS() {\n  // Source: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/platform#examples\n  return navigator.platform.startsWith('Mac');\n}\n\nexport function hasKeyboard() {\n  return window.matchMedia('(any-hover: hover)').matches;\n}\n","import {isMacOS} from '@/src/utils/device-utils';\nimport {Component, Fragment, Host, Prop, VNode, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {SearchBoxSuggestionElement} from '../suggestions/suggestions-types';\n\n/**\n * The `atomic-suggestion-renderer` component is used to render individual suggestions. It was created to isolate\n * the rendering logic of the 'content' property of the `SearchBoxSuggestionElement` interface. This property can be Stencil\n * VNode or native Element so there must be a Stencil component to render it. For Lit components using this component, they will\n * use native Elements.\n *\n * @internal\n */\n@Component({\n  tag: 'atomic-suggestion-renderer',\n  shadow: false,\n})\nexport class AtomicSuggestionRenderer {\n  @Prop() public i18n!: i18n;\n  @Prop() public id!: string;\n  @Prop() public suggestion!: SearchBoxSuggestionElement;\n  @Prop() public isSelected!: boolean;\n  @Prop() public side!: 'left' | 'right';\n  @Prop() public index!: number;\n  @Prop() public lastIndex!: number;\n  @Prop() public isDoubleList!: boolean;\n  @Prop() public onClick?: (e: Event) => void;\n  @Prop() public onMouseEnter?: (e: Event) => void;\n\n  private get parts() {\n    let part = 'suggestion';\n    if (this.isSelected) {\n      part += ' active-suggestion';\n    }\n    if (this.suggestion.query) {\n      part += ' suggestion-with-query';\n    }\n    if (this.suggestion.part) {\n      part += ` ${this.suggestion.part}`;\n    }\n    return part;\n  }\n\n  private get classes() {\n    return `flex px-4 min-h-10 items-center text-left text-neutral-dark cursor-pointer ${\n      this.isSelected ? 'bg-neutral-light' : ''\n    }`;\n  }\n\n  private get content() {\n    return this.isHTMLElement(this.suggestion.content) ? (\n      <Fragment></Fragment>\n    ) : (\n      this.suggestion.content\n    );\n  }\n\n  private ariaLabel(isButton: boolean) {\n    const contentLabel =\n      this.suggestion.ariaLabel ??\n      this.suggestion.query ??\n      this.i18n.t('no-title');\n\n    const labelWithType =\n      isMacOS() && isButton\n        ? this.i18n.t('search-suggestion-button', {\n            label: contentLabel,\n            interpolation: {escapeValue: false},\n          })\n        : contentLabel;\n\n    const position = this.index + 1;\n    const count = this.lastIndex + 1;\n\n    if (!this.isDoubleList) {\n      return this.i18n.t('search-suggestion-single-list', {\n        label: labelWithType,\n        position,\n        count,\n        interpolation: {escapeValue: false},\n      });\n    }\n\n    return this.i18n.t('search-suggestion-double-list', {\n      label: labelWithType,\n      position,\n      count,\n      side: this.i18n.t(this.side === 'left' ? 'left' : 'right'),\n      interpolation: {escapeValue: false},\n    });\n  }\n\n  private ensureContentForRenderedSuggestion(element: HTMLElement) {\n    if (this.isHTMLElement(this.suggestion.content)) {\n      element.replaceChildren(this.suggestion.content);\n    }\n  }\n\n  private isHTMLElement(el: VNode | Element): el is HTMLElement {\n    return el instanceof HTMLElement;\n  }\n\n  render() {\n    const isButton = !!(this.suggestion.onSelect || this.suggestion.query);\n\n    return (\n      <Host class=\"contents\">\n        {isButton ? (\n          <div\n            id={this.id}\n            key={this.suggestion.key}\n            part={this.parts}\n            class={this.classes}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={(e: Event) => this.onClick?.(e)}\n            onMouseEnter={(e: Event) => this.onMouseEnter?.(e)}\n            data-query={this.suggestion.query}\n            aria-label={this.ariaLabel(isButton)}\n            ref={(el) => {\n              if (!el) {\n                return;\n              }\n              this.ensureContentForRenderedSuggestion(el);\n            }}\n          >\n            {this.content}\n          </div>\n        ) : (\n          <span\n            id={this.id}\n            key={this.suggestion.key}\n            part={this.parts}\n            class={this.classes}\n            aria-label={this.ariaLabel(isButton)}\n            ref={(el) => {\n              if (!el) {\n                return;\n              }\n              this.ensureContentForRenderedSuggestion(el);\n            }}\n          >\n            {this.content}\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/attributes-slot.js

@@ -1,30 +0,0 @@
-import { a as getNamedSlotContent } from './slot-utils.js';
-
-function getAttributesFromLinkSlotContent(host, slotName) {
-    const namedSlotContent = getNamedSlotContent(host, slotName);
-    if (namedSlotContent.length === 0) {
-        return;
-    }
-    if (namedSlotContent.length > 1) {
-        console.warn(`More than one element found for slot "${slotName}", only the first one will be used.`, host);
-    }
-    const attributesSlotContent = namedSlotContent[0];
-    if (attributesSlotContent.nodeName !== 'A') {
-        console.warn(`Slot named "${slotName}" should be an "a" tag`, attributesSlotContent);
-        return;
-    }
-    return Array.from(attributesSlotContent.attributes).filter(({ nodeName }) => {
-        if (nodeName === 'slot') {
-            return false;
-        }
-        if (nodeName === 'href') {
-            console.warn('The "href" attribute set on the "attributes" slot element will be ignored.');
-            return false;
-        }
-        return true;
-    });
-}
-
-export { getAttributesFromLinkSlotContent as g };
-
-//# sourceMappingURL=attributes-slot.js.map

package/dist/atomic/components/attributes-slot.js.map

@@ -1 +0,0 @@
-{"file":"attributes-slot.js","mappings":";;SAEgB,gCAAgC,CAC9C,IAAiB,EACjB,QAAgB;IAEhB,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC7D,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,OAAO;KACR;IAED,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/B,OAAO,CAAC,IAAI,CACV,yCAAyC,QAAQ,qCAAqC,EACtF,IAAI,CACL,CAAC;KACH;IAED,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAElD,IAAI,qBAAqB,CAAC,QAAQ,KAAK,GAAG,EAAE;QAC1C,OAAO,CAAC,IAAI,CACV,eAAe,QAAQ,wBAAwB,EAC/C,qBAAqB,CACtB,CAAC;QACF,OAAO;KACR;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,EAAC,QAAQ,EAAC;QACpE,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,OAAO,KAAK,CAAC;SACd;QAED,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,OAAO,CAAC,IAAI,CACV,4EAA4E,CAC7E,CAAC;YACF,OAAO,KAAK,CAAC;SACd;QAED,OAAO,IAAI,CAAC;KACb,CAAC,CAAC;AACL;;;;","names":[],"sources":["src/components/common/item-link/attributes-slot.ts"],"sourcesContent":["import {getNamedSlotContent} from '@/src/utils/slot-utils';\n\nexport function getAttributesFromLinkSlotContent(\n  host: HTMLElement,\n  slotName: string\n) {\n  const namedSlotContent = getNamedSlotContent(host, slotName);\n  if (namedSlotContent.length === 0) {\n    return;\n  }\n\n  if (namedSlotContent.length > 1) {\n    console.warn(\n      `More than one element found for slot \"${slotName}\", only the first one will be used.`,\n      host\n    );\n  }\n\n  const attributesSlotContent = namedSlotContent[0];\n\n  if (attributesSlotContent.nodeName !== 'A') {\n    console.warn(\n      `Slot named \"${slotName}\" should be an \"a\" tag`,\n      attributesSlotContent\n    );\n    return;\n  }\n\n  return Array.from(attributesSlotContent.attributes).filter(({nodeName}) => {\n    if (nodeName === 'slot') {\n      return false;\n    }\n\n    if (nodeName === 'href') {\n      console.warn(\n        'The \"href\" attribute set on the \"attributes\" slot element will be ignored.'\n      );\n      return false;\n    }\n\n    return true;\n  });\n}\n"],"version":3}

package/dist/atomic/components/close.js

@@ -1,5 +0,0 @@
-const CloseIcon = `<svg viewBox="0 0 22 22"><g transform="matrix(.7071 -.7071 .7071 .7071 -3.142 11)"><path d="m9-3.4h2v26.9h-2z"/><path d="m-3.4 9h26.9v2h-26.9z"/></g></svg>`;
-
-export { CloseIcon as C };
-
-//# sourceMappingURL=close.js.map

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

@@ -1 +0,0 @@
-{"file":"close.js","mappings":";;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/display-options.js

@@ -1,239 +0,0 @@
-import { h, Fragment } from '@stencil/core/internal/client';
-import { buildResultTemplatesManager } from '@coveo/headless';
-import { u as updateBreakpoints } from './replace-breakpoint-utils.js';
-import { g as getFirstFocusableDescendant } from './stencil-accessibility-utils.js';
-import { o as once, d as defer } from './utils.js';
-import './purify.js';
-
-// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.
-/**
- * @deprecated should only be used for Stencil components.
- */
-const ResultsPlaceholdersGuard = (props) => {
-    if (!props.displayPlaceholders) {
-        return;
-    }
-    switch (props.display) {
-        case 'table':
-            return h(TableDisplayResultsPlaceholder, { ...props });
-        default:
-            return h(ResultsPlaceholder, { ...props });
-    }
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const ResultsPlaceholder = (props) => {
-    return Array.from({ length: props.numberOfPlaceholders }, (_, i) => (h("atomic-result-placeholder", { key: `placeholder-${i}`, density: props.density, display: props.display || 'list', imageSize: props.imageSize })));
-};
-const TableDisplayResultsPlaceholder = (props) => {
-    return (h("atomic-result-table-placeholder", { density: props.density, imageSize: props.imageSize, rows: props.numberOfPlaceholders }));
-};
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const ItemDisplayGuard = (props, children) => {
-    if (!props.hasItems || !props.firstRequestExecuted) {
-        return;
-    }
-    return h(Fragment, null, ...children);
-};
-
-class TemplateProvider {
-    constructor(props, buildManager) {
-        this.props = props;
-        this.buildManager = buildManager;
-        this.templateManager = this.buildManager();
-        this.registerResultTemplates();
-    }
-    async registerResultTemplates() {
-        const customTemplates = await Promise.all(this.props.templateElements.map(async (resultTemplateElement) => {
-            if (!('getTemplate' in resultTemplateElement)) {
-                await customElements.whenDefined(resultTemplateElement.tagName.toLowerCase());
-            }
-            const template = await resultTemplateElement.getTemplate();
-            if (!template) {
-                this.props.setTemplateHasError(true);
-            }
-            return template;
-        }));
-        const templates = (!customTemplates.length && this.props.includeDefaultTemplate
-            ? [this.makeDefaultTemplate()]
-            : []).concat(customTemplates.filter((template) => template));
-        this.templateManager.registerTemplates(...templates);
-        this.props.setResultTemplateRegistered(true);
-    }
-    getTemplateContent(item) {
-        return this.templateManager.selectTemplate(item);
-    }
-    getLinkTemplateContent(item) {
-        return this.templateManager.selectLinkTemplate(item);
-    }
-    getEmptyLinkTemplateContent() {
-        return document.createDocumentFragment();
-    }
-    get templatesRegistered() {
-        return this.props.getResultTemplateRegistered();
-    }
-    get hasError() {
-        return this.props.getTemplateHasError();
-    }
-}
-
-class ResultTemplateProvider extends TemplateProvider {
-    constructor(props, gridCellLinkTarget) {
-        super(props, () => buildResultTemplatesManager(props.bindings.engine));
-        this.gridCellLinkTarget = gridCellLinkTarget;
-    }
-    // TODO: Add JSX support for default template
-    makeDefaultTemplate() {
-        const content = document.createDocumentFragment();
-        const linkEl = document.createElement('atomic-result-link');
-        content.appendChild(linkEl);
-        const linkContent = document.createDocumentFragment();
-        const linkMarkup = `
-      <atomic-result-link>
-      ${this.gridCellLinkTarget ? `<a slot="attributes" target="${this.gridCellLinkTarget}"></a>` : ''}
-      </atomic-result-link>
-    `;
-        const linkTemplate = document.createElement('template');
-        linkTemplate.innerHTML = linkMarkup.trim();
-        linkContent.appendChild(linkTemplate.content);
-        return {
-            content,
-            linkContent,
-            conditions: [],
-        };
-    }
-}
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const DisplayWrapper = ({ display, listClasses }, children) => {
-    if (display === 'table') {
-        return h(ListWrapper, { listClasses: listClasses }, ...children);
-    }
-    return (h(ListWrapper, { listClasses: listClasses },
-        h("div", { class: `list-root ${listClasses}`, part: "result-list" }, children)));
-};
-const ListWrapper = ({ listClasses }, children) => {
-    return h("div", { class: `list-wrapper ${listClasses}` }, ...children);
-};
-
-class ItemListCommon {
-    constructor(props) {
-        this.props = props;
-        this.props.store.setLoadingFlag(this.props.loadingFlag);
-        this.props.store.state.resultList = this;
-        this.updateBreakpointsOnce = once(() => updateBreakpoints(this.props.host));
-        this.props.nextNewItemTarget.registerFocusCallback(() => {
-            this.indexOfResultToFocus = undefined;
-        });
-    }
-    updateBreakpoints() {
-        this.updateBreakpointsOnce();
-    }
-    getResultId(uniqueIdOnResult, searchResponseId, density, imageSize) {
-        return `${uniqueIdOnResult}${searchResponseId}${density}${imageSize}`;
-    }
-    setNewResultRef(element, resultIndex) {
-        if (resultIndex === 0) {
-            this.firstResultEl = element;
-        }
-        if (resultIndex !== this.indexOfResultToFocus) {
-            return;
-        }
-        if (!element.children.length && !element.shadowRoot?.children.length) {
-            return;
-        }
-        this.indexOfResultToFocus = undefined;
-        const elementToFocus = getFirstFocusableDescendant(element) ?? element;
-        this.props.nextNewItemTarget.setTarget(elementToFocus);
-    }
-    focusOnNextNewResult() {
-        this.indexOfResultToFocus = this.props.getCurrentNumberOfItems();
-        this.props.nextNewItemTarget.focusOnNextTarget();
-    }
-    async focusOnFirstResultAfterNextSearch() {
-        await defer();
-        return new Promise((resolve) => {
-            if (this.props.getIsLoading()) {
-                this.firstResultEl = undefined;
-            }
-            const unsub = this.props.engineSubscribe(async () => {
-                await defer();
-                if (!this.props.getIsLoading() && this.firstResultEl) {
-                    const elementToFocus = getFirstFocusableDescendant(this.firstResultEl) ??
-                        this.firstResultEl;
-                    this.props.nextNewItemTarget.setTarget(elementToFocus);
-                    this.props.nextNewItemTarget.focus();
-                    this.firstResultEl = undefined;
-                    unsub();
-                    resolve();
-                }
-            });
-        });
-    }
-}
-
-function getDisplayClass(display) {
-    switch (display) {
-        case 'grid':
-            return 'display-grid';
-        case 'table':
-            return 'display-table';
-        default:
-            return 'display-list';
-    }
-}
-function getDensityClass(density) {
-    switch (density) {
-        case 'comfortable':
-            return 'density-comfortable';
-        case 'compact':
-            return 'density-compact';
-        default:
-            return 'density-normal';
-    }
-}
-function getImageClass(image) {
-    switch (image) {
-        case 'large':
-            return 'image-large';
-        case 'small':
-            return 'image-small';
-        case 'none':
-            return 'image-none';
-        default:
-            return 'image-icon';
-    }
-}
-function getItemListDisplayClasses$1(display, density, image, isLoading, isAppLoading) {
-    const classes = getItemDisplayClasses(display, density, image);
-    if (isLoading) {
-        classes.push('loading');
-    }
-    if (isAppLoading) {
-        classes.push('placeholder');
-    }
-    return classes.join(' ');
-}
-function getItemDisplayClasses(display, density, image) {
-    const classes = [
-        getDisplayClass(display),
-        getDensityClass(density),
-        getImageClass(image),
-    ];
-    return classes;
-}
-
-/**
- * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.
- */
-const getItemListDisplayClasses = getItemListDisplayClasses$1;
-
-export { DisplayWrapper as D, ItemListCommon as I, ResultTemplateProvider as R, ResultsPlaceholdersGuard as a, ItemDisplayGuard as b, getItemListDisplayClasses as g };
-
-//# sourceMappingURL=display-options.js.map

package/dist/atomic/components/display-options.js.map

@@ -1 +0,0 @@
-{"file":"display-options.js","mappings":"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","names":["getItemListDisplayClasses","getItemListDisplayClassesImport"],"sources":["src/components/common/atomic-result-placeholder/stencil-placeholders.tsx","src/components/common/item-list/stencil-item-display-guard.tsx","src/components/common/template-provider/template-provider.ts","src/components/common/item-list/result-template-provider.ts","src/components/common/item-list/stencil-display-wrapper.tsx","src/components/common/item-list/stencil-item-list-common.tsx","src/components/common/layout/item-layout-utils.ts","src/components/common/layout/display-options.ts"],"sourcesContent":["// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n} from '../layout/display-options.js';\n\ninterface ResultPlaceholderProps {\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n  display: ItemDisplayLayout;\n  numberOfPlaceholders: number;\n}\n\ninterface ResultPlaceholderGuardProps extends ResultPlaceholderProps {\n  displayPlaceholders: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholdersGuard: FunctionalComponent<\n  ResultPlaceholderGuardProps\n> = (props) => {\n  if (!props.displayPlaceholders) {\n    return;\n  }\n  switch (props.display) {\n    case 'table':\n      return <TableDisplayResultsPlaceholder {...props} />;\n    default:\n      return <ResultsPlaceholder {...props} />;\n  }\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholder: FunctionalComponent<ResultPlaceholderProps> = (\n  props\n) => {\n  return Array.from({length: props.numberOfPlaceholders}, (_, i) => (\n    <atomic-result-placeholder\n      key={`placeholder-${i}`}\n      density={props.density}\n      display={props.display || 'list'}\n      imageSize={props.imageSize}\n    ></atomic-result-placeholder>\n  ));\n};\n\nconst TableDisplayResultsPlaceholder: FunctionalComponent<\n  ResultPlaceholderProps\n> = (props) => {\n  return (\n    <atomic-result-table-placeholder\n      density={props.density}\n      imageSize={props.imageSize}\n      rows={props.numberOfPlaceholders}\n    ></atomic-result-table-placeholder>\n  );\n};\n","import {FunctionalComponent, h, Fragment} from '@stencil/core';\n\ninterface ItemDisplayGuardProps {\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ItemDisplayGuard: FunctionalComponent<ItemDisplayGuardProps> = (\n  props,\n  children\n) => {\n  if (!props.hasItems || !props.firstRequestExecuted) {\n    return;\n  }\n\n  return <Fragment>{...children}</Fragment>;\n};\n","import type {Template, TemplatesManager} from '@coveo/headless';\n\nexport interface TemplateElement<ItemType> extends HTMLElement {\n  getTemplate(): Promise<Template<ItemType, DocumentFragment> | null>;\n}\n\nexport interface TemplateProviderProps<ItemType> {\n  getResultTemplateRegistered(): boolean;\n  setResultTemplateRegistered(value: boolean): void;\n  getTemplateHasError(): boolean;\n  setTemplateHasError(value: boolean): void;\n  templateElements: TemplateElement<ItemType>[];\n  includeDefaultTemplate: boolean;\n}\n\nexport abstract class TemplateProvider<ItemType> {\n  private templateManager: TemplatesManager<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  protected abstract makeDefaultTemplate(): Template<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  constructor(\n    private props: TemplateProviderProps<ItemType>,\n    private buildManager: () => TemplatesManager<\n      ItemType,\n      DocumentFragment,\n      DocumentFragment\n    >\n  ) {\n    this.templateManager = this.buildManager();\n    this.registerResultTemplates();\n  }\n\n  private async registerResultTemplates() {\n    const customTemplates = await Promise.all(\n      this.props.templateElements.map(async (resultTemplateElement) => {\n        if (!('getTemplate' in resultTemplateElement)) {\n          await customElements.whenDefined(\n            (resultTemplateElement as HTMLElement).tagName.toLowerCase()\n          );\n        }\n\n        const template = await resultTemplateElement.getTemplate();\n        if (!template) {\n          this.props.setTemplateHasError(true);\n        }\n        return template;\n      })\n    );\n\n    const templates = (\n      !customTemplates.length && this.props.includeDefaultTemplate\n        ? [this.makeDefaultTemplate()]\n        : []\n    ).concat(\n      customTemplates.filter((template) => template) as Template<\n        ItemType,\n        DocumentFragment,\n        DocumentFragment\n      >[]\n    );\n\n    this.templateManager.registerTemplates(...templates);\n    this.props.setResultTemplateRegistered(true);\n  }\n\n  public getTemplateContent(item: ItemType) {\n    return this.templateManager.selectTemplate(item)!;\n  }\n\n  public getLinkTemplateContent(item: ItemType) {\n    return this.templateManager.selectLinkTemplate(item)!;\n  }\n\n  public getEmptyLinkTemplateContent() {\n    return document.createDocumentFragment();\n  }\n\n  public get templatesRegistered() {\n    return this.props.getResultTemplateRegistered();\n  }\n\n  public get hasError() {\n    return this.props.getTemplateHasError();\n  }\n}\n","import {\n  buildResultTemplatesManager,\n  type Result,\n  type Template,\n} from '@coveo/headless';\nimport type {ItemTarget} from '@/src/components/common/layout/item-layout-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport {\n  TemplateProvider,\n  type TemplateProviderProps,\n} from '../template-provider/template-provider';\n\nexport class ResultTemplateProvider extends TemplateProvider<Result> {\n  constructor(\n    props: TemplateProviderProps<Result> & {bindings: AnyBindings},\n    private gridCellLinkTarget?: ItemTarget\n  ) {\n    super(props, () => buildResultTemplatesManager(props.bindings.engine));\n  }\n\n  // TODO: Add JSX support for default template\n  protected makeDefaultTemplate(): Template<\n    Result,\n    DocumentFragment,\n    DocumentFragment\n  > {\n    const content = document.createDocumentFragment();\n    const linkEl = document.createElement('atomic-result-link');\n    content.appendChild(linkEl);\n\n    const linkContent = document.createDocumentFragment();\n    const linkMarkup = `\n      <atomic-result-link>\n      ${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}\n      </atomic-result-link>\n    `;\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = linkMarkup.trim();\n    linkContent.appendChild(linkTemplate.content);\n    return {\n      content,\n      linkContent,\n      conditions: [],\n    };\n  }\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {ItemDisplayLayout} from '../layout/display-options.js';\n\ninterface DisplayWrapperProps {\n  display: ItemDisplayLayout;\n  listClasses: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const DisplayWrapper: FunctionalComponent<DisplayWrapperProps> = (\n  {display, listClasses},\n  children\n) => {\n  if (display === 'table') {\n    return <ListWrapper listClasses={listClasses}>{...children}</ListWrapper>;\n  }\n\n  return (\n    <ListWrapper listClasses={listClasses}>\n      <div class={`list-root ${listClasses}`} part=\"result-list\">\n        {children}\n      </div>\n    </ListWrapper>\n  );\n};\n\nconst ListWrapper: FunctionalComponent<\n  Pick<DisplayWrapperProps, 'listClasses'>\n> = ({listClasses}, children) => {\n  return <div class={`list-wrapper ${listClasses}`}>{...children}</div>;\n};\n","import {updateBreakpoints} from '../../../utils/replace-breakpoint-utils';\nimport {\n  FocusTargetController,\n  getFirstFocusableDescendant,\n} from '../../../utils/stencil-accessibility-utils';\nimport {defer, once} from '../../../utils/utils';\nimport {CommerceStore} from '../../commerce/atomic-commerce-interface/store';\nimport {CommerceRecommendationStore} from '../../commerce/atomic-commerce-recommendation-interface/store';\nimport {InsightStore} from '../../insight/atomic-insight-interface/store';\nimport {RecsStore} from '../../recommendations/atomic-recs-interface/store';\nimport {SearchStore} from '../../search/atomic-search-interface/store';\nimport {AnyItem} from './unfolded-item';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n} from '../layout/display-options';\n\nexport const resultComponentClass = 'result-component';\n\nexport type ItemRenderingFunction<SpecificResult extends AnyItem = AnyItem> =\n  | ((\n      result: SpecificResult,\n      root: HTMLElement,\n      linkContainer?: HTMLElement\n    ) => string)\n  | undefined;\n\nexport interface ItemListCommonProps {\n  store:\n    | CommerceStore\n    | CommerceRecommendationStore\n    | RecsStore\n    | InsightStore\n    | SearchStore;\n  loadingFlag: string;\n  host: HTMLElement;\n  nextNewItemTarget: FocusTargetController;\n  getCurrentNumberOfItems: () => number;\n  getIsLoading: () => boolean;\n  engineSubscribe: (cb: () => void) => () => void;\n}\n\nexport class ItemListCommon {\n  private indexOfResultToFocus?: number;\n  private firstResultEl?: HTMLElement;\n  private updateBreakpointsOnce: () => void;\n\n  constructor(private props: ItemListCommonProps) {\n    this.props.store.setLoadingFlag(this.props.loadingFlag);\n    this.props.store.state.resultList = this;\n    this.updateBreakpointsOnce = once(() => updateBreakpoints(this.props.host));\n    this.props.nextNewItemTarget.registerFocusCallback(() => {\n      this.indexOfResultToFocus = undefined;\n    });\n  }\n\n  public updateBreakpoints() {\n    this.updateBreakpointsOnce();\n  }\n\n  public getResultId(\n    uniqueIdOnResult: string,\n    searchResponseId: string,\n    density: ItemDisplayDensity,\n    imageSize: ItemDisplayImageSize\n  ) {\n    return `${uniqueIdOnResult}${searchResponseId}${density}${imageSize}`;\n  }\n\n  public setNewResultRef(element: HTMLElement, resultIndex: number) {\n    if (resultIndex === 0) {\n      this.firstResultEl = element;\n    }\n    if (resultIndex !== this.indexOfResultToFocus) {\n      return;\n    }\n\n    if (!element.children.length && !element.shadowRoot?.children.length) {\n      return;\n    }\n\n    this.indexOfResultToFocus = undefined;\n    const elementToFocus = getFirstFocusableDescendant(element) ?? element;\n    this.props.nextNewItemTarget.setTarget(elementToFocus);\n  }\n\n  public focusOnNextNewResult() {\n    this.indexOfResultToFocus = this.props.getCurrentNumberOfItems();\n    this.props.nextNewItemTarget.focusOnNextTarget();\n  }\n\n  public async focusOnFirstResultAfterNextSearch() {\n    await defer();\n    return new Promise<void>((resolve) => {\n      if (this.props.getIsLoading()) {\n        this.firstResultEl = undefined;\n      }\n\n      const unsub = this.props.engineSubscribe(async () => {\n        await defer();\n        if (!this.props.getIsLoading() && this.firstResultEl) {\n          const elementToFocus =\n            getFirstFocusableDescendant(this.firstResultEl) ??\n            this.firstResultEl;\n          this.props.nextNewItemTarget.setTarget(elementToFocus);\n          this.props.nextNewItemTarget.focus();\n          this.firstResultEl = undefined;\n          unsub();\n          resolve();\n        }\n      });\n    });\n  }\n}\n","import {\n  containsSections,\n  type ItemSectionTagName,\n} from './item-layout-sections';\n\nexport interface ItemLayoutConfig {\n  children: HTMLCollection;\n  display: ItemDisplayLayout;\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n}\n\nexport type ItemDisplayBasicLayout = 'list' | 'grid';\nexport type ItemDisplayLayout = ItemDisplayBasicLayout | 'table';\nexport type ItemDisplayDensity = 'comfortable' | 'normal' | 'compact';\nexport type ItemDisplayImageSize = 'large' | 'small' | 'icon' | 'none';\nexport type ItemTarget = '_self' | '_blank' | '_parent' | '_top';\n\nfunction getDisplayClass(display: ItemDisplayLayout) {\n  switch (display) {\n    case 'grid':\n      return 'display-grid';\n    case 'table':\n      return 'display-table';\n    default:\n      return 'display-list';\n  }\n}\n\nfunction getDensityClass(density: ItemDisplayDensity) {\n  switch (density) {\n    case 'comfortable':\n      return 'density-comfortable';\n    case 'compact':\n      return 'density-compact';\n    default:\n      return 'density-normal';\n  }\n}\n\nfunction getImageClass(image: ItemDisplayImageSize) {\n  switch (image) {\n    case 'large':\n      return 'image-large';\n    case 'small':\n      return 'image-small';\n    case 'none':\n      return 'image-none';\n    default:\n      return 'image-icon';\n  }\n}\n\nexport function getItemListDisplayClasses(\n  display: ItemDisplayLayout,\n  density: ItemDisplayDensity,\n  image: ItemDisplayImageSize,\n  isLoading: boolean,\n  isAppLoading: boolean\n) {\n  const classes = getItemDisplayClasses(display, density, image);\n\n  if (isLoading) {\n    classes.push('loading');\n  }\n\n  if (isAppLoading) {\n    classes.push('placeholder');\n  }\n  return classes.join(' ');\n}\n\nexport function getItemDisplayClasses(\n  display: ItemDisplayLayout,\n  density: ItemDisplayDensity,\n  image: ItemDisplayImageSize\n) {\n  const classes = [\n    getDisplayClass(display),\n    getDensityClass(density),\n    getImageClass(image),\n  ];\n  return classes;\n}\n\nfunction getSection(\n  children: HTMLCollection,\n  section: ItemSectionTagName\n): Element | undefined {\n  return Array.from(children).find(\n    (element) => element.tagName.toLowerCase() === section\n  );\n}\n\nfunction getImageSizeFromSections(\n  children: HTMLCollection\n): ItemDisplayImageSize | undefined {\n  const imageSize = getSection(\n    children,\n    'atomic-result-section-visual'\n  )?.getAttribute('image-size');\n  if (!imageSize) {\n    return undefined;\n  }\n  return imageSize as ItemDisplayImageSize;\n}\n\nexport function getItemLayoutClasses(\n  config: ItemLayoutConfig,\n  HTMLContent?: string\n): string[] {\n  const classes = getItemDisplayClasses(\n    config.display,\n    config.density,\n    getImageSizeFromSections(config.children) ?? config.imageSize\n  );\n  if (\n    HTMLContent\n      ? containsSections(HTMLContent)\n      : containsSections(config.children)\n  ) {\n    classes.push('with-sections');\n  }\n  return classes;\n}\n","import {\n  getItemDisplayClasses as getItemDisplayClassesImport,\n  getItemLayoutClasses,\n  getItemListDisplayClasses as getItemListDisplayClassesImport,\n  type ItemDisplayBasicLayout as ItemDisplayBasicLayoutImport,\n  type ItemDisplayDensity as ItemDisplayDensityImport,\n  type ItemDisplayImageSize as ItemDisplayImageSizeImport,\n  type ItemDisplayLayout as ItemDisplayLayoutImport,\n  type ItemTarget as ItemTargetImport,\n} from './item-layout-utils';\n\n/**\n * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.\n */\nexport type ItemDisplayBasicLayout = ItemDisplayBasicLayoutImport;\n\n/**\n * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.\n */\nexport type ItemDisplayDensity = ItemDisplayDensityImport;\n\n/**\n * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.\n */\nexport type ItemDisplayImageSize = ItemDisplayImageSizeImport;\n\n/**\n * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.\n */\nexport type ItemDisplayLayout = ItemDisplayLayoutImport;\n\n/**\n * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.\n */\nexport type ItemTarget = ItemTargetImport;\n\n/**\n * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.\n */\nexport const getItemDisplayClasses: typeof getItemDisplayClassesImport =\n  getItemDisplayClassesImport;\n\n/**\n * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.\n */\nexport const getItemListDisplayClasses: typeof getItemListDisplayClassesImport =\n  getItemListDisplayClassesImport;\n\n/**\n * @deprecated Use only for Stencil components. For Lit components, use `getItemLayoutClasses` with `ItemLayoutConfig` from `packages/atomic/src/components/common/layout/item-layout-utils.ts` instead.\n */\nexport class ItemLayout {\n  private children: HTMLCollection;\n  private density: ItemDisplayDensity;\n  private imageSize: ItemDisplayImageSize;\n  private display: ItemDisplayLayout;\n\n  constructor(\n    children: HTMLCollection,\n    display: ItemDisplayLayout,\n    density: ItemDisplayDensity,\n    imageSize: ItemDisplayImageSize\n  ) {\n    this.children = children;\n    this.display = display;\n    this.density = density;\n    this.imageSize = imageSize;\n  }\n\n  public getClasses(HTMLContent?: string) {\n    return getItemLayoutClasses(\n      {\n        children: this.children,\n        display: this.display,\n        density: this.density,\n        imageSize: this.imageSize,\n      },\n      HTMLContent\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/event-utils.js

@@ -1,24 +0,0 @@
-function buildCustomEvent(name, detail) {
-    return new CustomEvent(name, {
-        detail,
-        // Event will bubble up the DOM until it is caught
-        bubbles: true,
-        // Allows to verify if event is caught (cancelled). If it's not caught, it won't be initialized.
-        cancelable: true,
-        // Allows to compose Atomic components inside one another, event will go across DOM/Shadow DOM
-        composed: true,
-    });
-}
-function listenOnce(element, type, listener, options) {
-    const _listener = (evt) => {
-        element.removeEventListener(type, _listener, options);
-        typeof listener === 'object'
-            ? listener.handleEvent.call(element, evt)
-            : listener.call(element, evt);
-    };
-    element.addEventListener(type, _listener, options);
-}
-
-export { buildCustomEvent as b, listenOnce as l };
-
-//# sourceMappingURL=event-utils.js.map

package/dist/atomic/components/event-utils.js.map

@@ -1 +0,0 @@
-{"file":"event-utils.js","mappings":"SAEgB,gBAAgB,CAAgB,IAAY,EAAE,MAAU;IACtE,OAAO,IAAI,WAAW,CAAC,IAAI,EAAE;QAC3B,MAAM;;QAEN,OAAO,EAAE,IAAI;;QAEb,UAAU,EAAE,IAAI;;QAEhB,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;AACL,CAAC;SAce,UAAU,CACxB,OAAoB,EACpB,IAAY,EACZ,QAA4C,EAC5C,OAA2C;IAE3C,MAAM,SAAS,GAAkB,CAAC,GAAU;QAC1C,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;QACtD,OAAO,QAAQ,KAAK,QAAQ;cACxB,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC;cACvC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;KACjC,CAAC;IACF,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AACrD;;;;","names":[],"sources":["src/utils/event-utils.ts"],"sourcesContent":["import {promiseTimeout} from './promise-utils';\n\nexport function buildCustomEvent<T = undefined>(name: string, detail?: T) {\n  return new CustomEvent(name, {\n    detail,\n    // Event will bubble up the DOM until it is caught\n    bubbles: true,\n    // Allows to verify if event is caught (cancelled). If it's not caught, it won't be initialized.\n    cancelable: true,\n    // Allows to compose Atomic components inside one another, event will go across DOM/Shadow DOM\n    composed: true,\n  });\n}\n\nexport function listenOnce<K extends keyof HTMLElementEventMap>(\n  element: HTMLElement,\n  type: K,\n  listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => void,\n  options?: boolean | AddEventListenerOptions\n): void;\nexport function listenOnce(\n  element: HTMLElement,\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | AddEventListenerOptions\n): void;\nexport function listenOnce(\n  element: HTMLElement,\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | AddEventListenerOptions\n): void {\n  const _listener: EventListener = (evt: Event) => {\n    element.removeEventListener(type, _listener, options);\n    typeof listener === 'object'\n      ? listener.handleEvent.call(element, evt)\n      : listener.call(element, evt);\n  };\n  element.addEventListener(type, _listener, options);\n}\n\nexport function eventPromise(\n  element: HTMLElement,\n  type: string,\n  timeoutMs: number = 0\n): Promise<Event> {\n  let promise = new Promise<Event>((resolve) => {\n    listenOnce(element, type, (e) => {\n      resolve(e);\n    });\n  });\n\n  if (timeoutMs > 0) {\n    promise = promiseTimeout(promise, timeoutMs);\n  }\n\n  return promise;\n}\n"],"version":3}

package/dist/atomic/components/export-parts.js

@@ -1,5 +0,0 @@
-const ATOMIC_MODAL_EXPORT_PARTS = 'backdrop,container,header-wrapper,header,header-ruler,body-wrapper,body,footer-wrapper,footer';
-
-export { ATOMIC_MODAL_EXPORT_PARTS as A };
-
-//# sourceMappingURL=export-parts.js.map

package/dist/atomic/components/export-parts.js.map

@@ -1 +0,0 @@
-{"file":"export-parts.js","mappings":"MAAa,yBAAyB,GACpC;;;;","names":[],"sources":["src/components/common/atomic-modal/export-parts.ts"],"sourcesContent":["export const ATOMIC_MODAL_EXPORT_PARTS =\n  'backdrop,container,header-wrapper,header,header-ruler,body-wrapper,body,footer-wrapper,footer';\n"],"version":3}

package/dist/atomic/components/preview.js

@@ -1,8 +0,0 @@
-const QuickviewIcon = `<svg width="27" height="26" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M25.9125 13.05C23.5625 8.3 18.6625 5 13.0125 5C7.3625 5 2.4625 8.3 0.1125 13.05C-0.0375 13.35 -0.0375 13.7 0.1125 13.95C2.4625 18.7 7.3625 22 13.0125 22C18.6625 22 23.5625 18.7 25.9125 13.95C26.0625 13.65 26.0625 13.35 25.9125 13.05ZM13.0125 19C9.9625 19 7.5125 16.55 7.5125 13.5C7.5125 10.45 9.9625 8 13.0125 8C16.0625 8 18.5125 10.45 18.5125 13.5C18.5125 16.55 16.0625 19 13.0125 19ZM13.0125 10C11.0625 10 9.5125 11.55 9.5125 13.5C9.5125 15.45 11.0625 17 13.0125 17C14.9625 17 16.5125 15.45 16.5125 13.5C16.5125 11.55 14.9625 10 13.0125 10Z"/>
-</svg>
-`;
-
-export { QuickviewIcon as Q };
-
-//# sourceMappingURL=preview.js.map

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

@@ -1 +0,0 @@
-{"file":"preview.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}