@coveo/atomic 3.35.0-pre.46fb6c9af7 → 3.35.0-pre.4f7e2eb74a

package/dist/atomic/components/atomic-result-section-children.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { h as hideEmptySection } from './item-section-utils.js';
-
-const AtomicResultSectionChildren$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionChildren extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    componentDidRender() {
-        hideEmptySection(this.host);
-    }
-    get host() { return this; }
-}, [0, "atomic-result-section-children"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-result-section-children"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-result-section-children":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicResultSectionChildren$1);
-            }
-            break;
-    } });
-}
-
-const AtomicResultSectionChildren = AtomicResultSectionChildren$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicResultSectionChildren, defineCustomElement };
-
-//# sourceMappingURL=atomic-result-section-children.js.map

package/dist/atomic/components/atomic-result-section-children.js.map

@@ -1 +0,0 @@
-{"file":"atomic-result-section-children.js","mappings":";;;MAaaA,6BAA2B;;;;;IAG/B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultSectionChildren"],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-children.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section displays the folded results, available when using the <atomic-result-children> component.\n *\n * Behavior:\n * * Shows children at the bottom of the result, indented and wrapped in a border.\n */\n@Component({\n  tag: 'atomic-result-section-children',\n  shadow: false,\n})\nexport class AtomicResultSectionChildren {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-emphasized.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicResultSectionEmphasized extends Components.AtomicResultSectionEmphasized, HTMLElement {}
-export const AtomicResultSectionEmphasized: {
-    prototype: AtomicResultSectionEmphasized;
-    new (): AtomicResultSectionEmphasized;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-emphasized.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { h as hideEmptySection } from './item-section-utils.js';
-
-const AtomicResultSectionEmphasized$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionEmphasized extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    componentDidRender() {
-        hideEmptySection(this.host);
-    }
-    get host() { return this; }
-}, [0, "atomic-result-section-emphasized"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-result-section-emphasized"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-result-section-emphasized":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicResultSectionEmphasized$1);
-            }
-            break;
-    } });
-}
-
-const AtomicResultSectionEmphasized = AtomicResultSectionEmphasized$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicResultSectionEmphasized, defineCustomElement };
-
-//# sourceMappingURL=atomic-result-section-emphasized.js.map

package/dist/atomic/components/atomic-result-section-emphasized.js.map

@@ -1 +0,0 @@
-{"file":"atomic-result-section-emphasized.js","mappings":";;;MAeaA,+BAA6B;;;;;IAGjC,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultSectionEmphasized"],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-emphasized.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section displays the field that's important for its search criteria.\n * For example, in Commerce, a product's cost is often more important than the title itself.\n *\n * Behavior:\n * * Has a very large font size.\n * * Is the second closest element beneath the title section.\n */\n@Component({\n  tag: 'atomic-result-section-emphasized',\n  shadow: false,\n})\nexport class AtomicResultSectionEmphasized {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-excerpt.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicResultSectionExcerpt extends Components.AtomicResultSectionExcerpt, HTMLElement {}
-export const AtomicResultSectionExcerpt: {
-    prototype: AtomicResultSectionExcerpt;
-    new (): AtomicResultSectionExcerpt;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-excerpt.js

@@ -1,8 +0,0 @@
-import { A as AtomicResultSectionExcerpt$1, d as defineCustomElement$1 } from './atomic-result-section-excerpt2.js';
-
-const AtomicResultSectionExcerpt = AtomicResultSectionExcerpt$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicResultSectionExcerpt, defineCustomElement };
-
-//# sourceMappingURL=atomic-result-section-excerpt.js.map

package/dist/atomic/components/atomic-result-section-excerpt.js.map

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

package/dist/atomic/components/atomic-result-section-excerpt2.js

@@ -1,30 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { h as hideEmptySection } from './item-section-utils.js';
-
-const AtomicResultSectionExcerpt = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionExcerpt extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    componentDidRender() {
-        hideEmptySection(this.host);
-    }
-    get host() { return this; }
-}, [0, "atomic-result-section-excerpt"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-result-section-excerpt"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-result-section-excerpt":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicResultSectionExcerpt);
-            }
-            break;
-    } });
-}
-
-export { AtomicResultSectionExcerpt as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-result-section-excerpt2.js.map

package/dist/atomic/components/atomic-result-section-excerpt2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-result-section-excerpt2.js","mappings":";;;MAgBa,0BAA0B;;;;;IAG9B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-excerpt.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section contains an informative summary of the item's content.\n *\n * Behavior:\n * * Has a fixed height of one to three lines, depending on the layout and density.\n * * Ellipses overflowing text.\n * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n * * Has a defined CSS `color` property for text.\n */\n@Component({\n  tag: 'atomic-result-section-excerpt',\n  shadow: false,\n})\nexport class AtomicResultSectionExcerpt {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-title-metadata.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicResultSectionTitleMetadata extends Components.AtomicResultSectionTitleMetadata, HTMLElement {}
-export const AtomicResultSectionTitleMetadata: {
-    prototype: AtomicResultSectionTitleMetadata;
-    new (): AtomicResultSectionTitleMetadata;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-title-metadata.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { h as hideEmptySection } from './item-section-utils.js';
-
-const AtomicResultSectionTitleMetadata$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionTitleMetadata extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    componentDidRender() {
-        hideEmptySection(this.host);
-    }
-    get host() { return this; }
-}, [0, "atomic-result-section-title-metadata"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-result-section-title-metadata"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-result-section-title-metadata":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicResultSectionTitleMetadata$1);
-            }
-            break;
-    } });
-}
-
-const AtomicResultSectionTitleMetadata = AtomicResultSectionTitleMetadata$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicResultSectionTitleMetadata, defineCustomElement };
-
-//# sourceMappingURL=atomic-result-section-title-metadata.js.map

package/dist/atomic/components/atomic-result-section-title-metadata.js.map

@@ -1 +0,0 @@
-{"file":"atomic-result-section-title-metadata.js","mappings":";;;MAgBaA,kCAAgC;;;;;IAGpC,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultSectionTitleMetadata"],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-title-metadata.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section surfaces some fields that are directly related to the title of the item.\n * For example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,\n * rather than to the product's description.\n *\n * Behavior:\n * * Has a very small font size.\n * * Is the closest element beneath the title section.\n */\n@Component({\n  tag: 'atomic-result-section-title-metadata',\n  shadow: false,\n})\nexport class AtomicResultSectionTitleMetadata {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-title.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicResultSectionTitle extends Components.AtomicResultSectionTitle, HTMLElement {}
-export const AtomicResultSectionTitle: {
-    prototype: AtomicResultSectionTitle;
-    new (): AtomicResultSectionTitle;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-title.js

@@ -1,8 +0,0 @@
-import { A as AtomicResultSectionTitle$1, d as defineCustomElement$1 } from './atomic-result-section-title2.js';
-
-const AtomicResultSectionTitle = AtomicResultSectionTitle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicResultSectionTitle, defineCustomElement };
-
-//# sourceMappingURL=atomic-result-section-title.js.map

package/dist/atomic/components/atomic-result-section-title.js.map

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

package/dist/atomic/components/atomic-result-section-title2.js

@@ -1,30 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { h as hideEmptySection } from './item-section-utils.js';
-
-const AtomicResultSectionTitle = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionTitle extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    componentDidRender() {
-        hideEmptySection(this.host);
-    }
-    get host() { return this; }
-}, [0, "atomic-result-section-title"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-result-section-title"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-result-section-title":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicResultSectionTitle);
-            }
-            break;
-    } });
-}
-
-export { AtomicResultSectionTitle as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-result-section-title2.js.map

package/dist/atomic/components/atomic-result-section-title2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-result-section-title2.js","mappings":";;;MAgBa,wBAAwB;;;;;IAG5B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-title.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section identifies the item by its name, and its main use is to make the result list scannable.\n * This is usually the page title.\n *\n * Behavior:\n * * Has a fixed height of two lines on grid layouts.\n * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n * * Has a defined CSS `color` property for text.\n */\n@Component({\n  tag: 'atomic-result-section-title',\n  shadow: false,\n})\nexport class AtomicResultSectionTitle {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-visual.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicResultSectionVisual extends Components.AtomicResultSectionVisual, HTMLElement {}
-export const AtomicResultSectionVisual: {
-    prototype: AtomicResultSectionVisual;
-    new (): AtomicResultSectionVisual;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-visual.js

@@ -1,8 +0,0 @@
-import { A as AtomicResultSectionVisual$1, d as defineCustomElement$1 } from './atomic-result-section-visual2.js';
-
-const AtomicResultSectionVisual = AtomicResultSectionVisual$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicResultSectionVisual, defineCustomElement };
-
-//# sourceMappingURL=atomic-result-section-visual.js.map

package/dist/atomic/components/atomic-result-section-visual.js.map

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

package/dist/atomic/components/atomic-result-section-visual2.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { h as hideEmptySection } from './item-section-utils.js';
-
-const AtomicResultSectionVisual = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionVisual extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.imageSize = undefined;
-    }
-    componentDidRender() {
-        hideEmptySection(this.host);
-    }
-    get host() { return this; }
-}, [0, "atomic-result-section-visual", {
-        "imageSize": [513, "image-size"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-result-section-visual"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-result-section-visual":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicResultSectionVisual);
-            }
-            break;
-    } });
-}
-
-export { AtomicResultSectionVisual as A, defineCustomElement as d };
-
-//# sourceMappingURL=atomic-result-section-visual2.js.map

package/dist/atomic/components/atomic-result-section-visual2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-result-section-visual2.js","mappings":";;;MAmBa,yBAAyB;;;;;;IAQ7B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-visual.tsx"],"sourcesContent":["import {Element, Component, Prop} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\nimport {ItemDisplayImageSize} from '../../../common/layout/display-options';\n\n/**\n * This section provides visual information about the item.\n * For example, in Commerce, an image is a great shorthand for a product category.\n * An icon can quickly show the item type, or an avatar can help identify to whom it is related.\n *\n * Behavior:\n * * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.\n * ** When the image size is set to `icon`, this section stays very small.\n * ** You should ensure that elements inside of it take the available space.\n * * Always has a 1:1 aspect ratio.\n */\n@Component({\n  tag: 'atomic-result-section-visual',\n  shadow: false,\n})\nexport class AtomicResultSectionVisual {\n  @Element() private host!: HTMLElement;\n\n  /**\n   * How large or small the visual section of results using this template should be.\n   */\n  @Prop({reflect: true}) public imageSize?: ItemDisplayImageSize;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-search-box-query-suggestions.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface AtomicSearchBoxQuerySuggestions extends Components.AtomicSearchBoxQuerySuggestions, HTMLElement {}
-export const AtomicSearchBoxQuerySuggestions: {
-    prototype: AtomicSearchBoxQuerySuggestions;
-    new (): AtomicSearchBoxQuerySuggestions;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-search-box-query-suggestions.js

@@ -1,8 +0,0 @@
-import { A as AtomicSearchBoxQuerySuggestions$1, a as defineCustomElement$1 } from './atomic-search-box-query-suggestions2.js';
-
-const AtomicSearchBoxQuerySuggestions = AtomicSearchBoxQuerySuggestions$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AtomicSearchBoxQuerySuggestions, defineCustomElement };
-
-//# sourceMappingURL=atomic-search-box-query-suggestions.js.map

package/dist/atomic/components/atomic-search-box-query-suggestions.js.map

@@ -1 +0,0 @@
-{"file":"atomic-search-box-query-suggestions.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-search-box-query-suggestions2.js

@@ -1,124 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { loadQuerySuggestActions } from '@coveo/headless';
-import { S as SearchIcon } from './search.js';
-import { g as getPartialSearchBoxSuggestionElement, Q as QuerySuggestionContainer, a as QuerySuggestionIcon, b as QuerySuggestionText } from './stencil-query-suggestions.js';
-import { c as closest } from './dom-utils.js';
-import { b as buildCustomEvent } from './event-utils.js';
-
-/**
- * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.
- *
- * @param event Event sent from the registered query suggestions to the parent search box
- * @param element Element on which to dispatch the event, which must be the child of a configured search box
- * @param allowedSearchBoxElements Optional array of allowed search box element selectors
- *
- * @throws Error if the element is not a child of an allowed search box element
- */
-const dispatchSearchBoxSuggestionsEvent = (event, element, allowedSearchBoxElements = searchBoxElements) => {
-    const interfaceElement = closest(element, searchBoxElements.join(', '));
-    if (!interfaceElement) {
-        throw new Error(`The "${element.nodeName.toLowerCase()}" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(', ')}`);
-    }
-    void dispatchSearchBoxSuggestionsEventEventually(interfaceElement, element, event);
-};
-const searchBoxElements = [
-    'atomic-search-box',
-    'atomic-insight-search-box',
-    'atomic-commerce-search-box',
-];
-const isLitElementLoosely = (candidate) => 'updateComplete' in candidate &&
-    candidate.updateComplete instanceof Promise;
-const dispatchSearchBoxSuggestionsEventEventually = async (interfaceElement, element, event) => {
-    await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());
-    if (isLitElementLoosely(interfaceElement)) {
-        await interfaceElement.updateComplete;
-    }
-    else if ('componentOnReady' in interfaceElement) {
-        await interfaceElement.componentOnReady();
-    }
-    element.dispatchEvent(buildCustomEvent('atomic/searchBoxSuggestion/register', event));
-};
-
-const AtomicSearchBoxQuerySuggestions = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBoxQuerySuggestions extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.error = undefined;
-        this.icon = undefined;
-        this.maxWithQuery = undefined;
-        this.maxWithoutQuery = undefined;
-    }
-    componentWillLoad() {
-        try {
-            dispatchSearchBoxSuggestionsEvent((bindings) => {
-                this.bindings = bindings;
-                return this.initialize();
-            }, this.host, ['atomic-search-box']);
-        }
-        catch (error) {
-            this.error = error;
-        }
-    }
-    initialize() {
-        const engine = this.bindings.engine;
-        const { registerQuerySuggest, fetchQuerySuggestions } = loadQuerySuggestActions(engine);
-        engine.dispatch(registerQuerySuggest({
-            id: this.bindings.id,
-            count: this.bindings.numberOfQueries,
-        }));
-        return {
-            position: Array.from(this.host.parentNode.children).indexOf(this.host),
-            onInput: () => engine.dispatch(fetchQuerySuggestions({
-                id: this.bindings.id,
-            })),
-            renderItems: () => this.renderItems(),
-        };
-    }
-    renderItems() {
-        const hasQuery = this.bindings.searchBoxController.state.value !== '';
-        const max = hasQuery ? this.maxWithQuery : this.maxWithoutQuery;
-        return this.bindings.searchBoxController.state.suggestions
-            .slice(0, max)
-            .map((suggestion) => this.renderItem(suggestion));
-    }
-    renderItem(suggestion) {
-        const hasQuery = this.bindings.searchBoxController.state.value !== '';
-        const partialItem = getPartialSearchBoxSuggestionElement(suggestion, this.bindings.i18n);
-        return {
-            ...partialItem,
-            content: (h(QuerySuggestionContainer, null, h(QuerySuggestionIcon, { icon: this.icon || SearchIcon, hasSuggestion: this.bindings.getSuggestions().length > 1 }), h(QuerySuggestionText, { suggestion: suggestion, hasQuery: hasQuery }))),
-            onSelect: () => {
-                this.bindings.searchBoxController.selectSuggestion(suggestion.rawValue);
-            },
-        };
-    }
-    render() {
-        if (this.error) {
-            return (h("atomic-component-error", { key: '512aa352f794b1581b1e20e1f0343c2690c909a9', element: this.host, error: this.error }));
-        }
-    }
-    get host() { return this; }
-}, [1, "atomic-search-box-query-suggestions", {
-        "icon": [1],
-        "maxWithQuery": [514, "max-with-query"],
-        "maxWithoutQuery": [514, "max-without-query"],
-        "error": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["atomic-search-box-query-suggestions"];
-    components.forEach(tagName => { switch (tagName) {
-        case "atomic-search-box-query-suggestions":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AtomicSearchBoxQuerySuggestions);
-            }
-            break;
-    } });
-}
-
-export { AtomicSearchBoxQuerySuggestions as A, defineCustomElement as a, dispatchSearchBoxSuggestionsEvent as d };
-
-//# sourceMappingURL=atomic-search-box-query-suggestions2.js.map

package/dist/atomic/components/atomic-search-box-query-suggestions2.js.map

@@ -1 +0,0 @@
-{"file":"atomic-search-box-query-suggestions2.js","mappings":"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","names":[],"sources":["src/components/common/suggestions/suggestions-events.ts","src/components/search/search-box-suggestions/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.tsx"],"sourcesContent":["import type {HTMLStencilElement} from '@stencil/core/internal';\nimport type {LitElement} from 'lit';\nimport {closest} from '../../../utils/dom-utils';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {SearchBoxSuggestionsEvent} from './suggestions-types';\n\n/**\n * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.\n *\n * @param event Event sent from the registered query suggestions to the parent search box\n * @param element Element on which to dispatch the event, which must be the child of a configured search box\n * @param allowedSearchBoxElements Optional array of allowed search box element selectors\n *\n * @throws Error if the element is not a child of an allowed search box element\n */\nexport const dispatchSearchBoxSuggestionsEvent = <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>,\n  element: HTMLElement,\n  allowedSearchBoxElements: readonly (typeof searchBoxElements)[number][] = searchBoxElements\n) => {\n  const interfaceElement = closest(element, searchBoxElements.join(', '));\n  if (!interfaceElement) {\n    throw new Error(\n      `The \"${element.nodeName.toLowerCase()}\" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(\n        ', '\n      )}`\n    );\n  }\n  void dispatchSearchBoxSuggestionsEventEventually(\n    interfaceElement,\n    element,\n    event\n  );\n};\n\nconst searchBoxElements = [\n  'atomic-search-box',\n  'atomic-insight-search-box',\n  'atomic-commerce-search-box',\n] as const;\n\nconst isLitElementLoosely = (candidate: unknown): candidate is LitElement =>\n  'updateComplete' in (candidate as LitElement) &&\n  (candidate as LitElement).updateComplete instanceof Promise;\n\nconst dispatchSearchBoxSuggestionsEventEventually = async <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  interfaceElement: Element,\n  element: HTMLElement,\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>\n) => {\n  await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());\n  if (isLitElementLoosely(interfaceElement)) {\n    await interfaceElement.updateComplete;\n  } else if ('componentOnReady' in interfaceElement) {\n    await (interfaceElement as HTMLStencilElement).componentOnReady();\n  }\n  element.dispatchEvent(\n    buildCustomEvent('atomic/searchBoxSuggestion/register', event)\n  );\n};\n","import {\n  loadQuerySuggestActions,\n  SearchBox,\n  SearchEngine,\n  Suggestion,\n} from '@coveo/headless';\nimport {Component, Element, Prop, State, h} from '@stencil/core';\nimport SearchIcon from '../../../../images/search.svg';\nimport {\n  getPartialSearchBoxSuggestionElement,\n  QuerySuggestionContainer,\n  QuerySuggestionIcon,\n  QuerySuggestionText,\n} from '../../../common/suggestions/stencil-query-suggestions';\nimport {\n  dispatchSearchBoxSuggestionsEvent,\n} from '../../../common/suggestions/suggestions-events';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestions,\n  SearchBoxSuggestionsBindings,\n} from '../../../common/suggestions/suggestions-types';\n\n/**\n * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.\n */\n@Component({\n  tag: 'atomic-search-box-query-suggestions',\n  shadow: true,\n})\nexport class AtomicSearchBoxQuerySuggestions {\n  private bindings!: SearchBoxSuggestionsBindings<SearchBox>;\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The SVG icon to display.\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.\n   */\n  @Prop() public icon?: string;\n\n  /**\n   * The maximum number of suggestions that will be displayed if the user has typed something into the input field.\n   */\n  @Prop({reflect: true}) public maxWithQuery?: number;\n  /**\n   * The maximum number of suggestions that will be displayed initially when the input field is empty.\n   */\n  @Prop({reflect: true}) public maxWithoutQuery?: number;\n\n  componentWillLoad() {\n    try {\n      dispatchSearchBoxSuggestionsEvent<SearchBox>(\n        (bindings) => {\n          this.bindings = bindings;\n          return this.initialize();\n        },\n        this.host,\n        ['atomic-search-box']\n      );\n    } catch (error) {\n      this.error = error as Error;\n    }\n  }\n\n  private initialize(): SearchBoxSuggestions {\n    const engine = this.bindings.engine as SearchEngine<{\n      querySet: string;\n      querySuggest: string;\n    }>;\n    const {registerQuerySuggest, fetchQuerySuggestions} =\n      loadQuerySuggestActions(engine);\n\n    engine.dispatch(\n      registerQuerySuggest({\n        id: this.bindings.id,\n        count: this.bindings.numberOfQueries,\n      })\n    );\n\n    return {\n      position: Array.from(this.host.parentNode!.children).indexOf(this.host),\n      onInput: () =>\n        engine.dispatch(\n          fetchQuerySuggestions({\n            id: this.bindings.id,\n          })\n        ),\n      renderItems: () => this.renderItems(),\n    };\n  }\n\n  private renderItems(): SearchBoxSuggestionElement[] {\n    const hasQuery = this.bindings.searchBoxController.state.value !== '';\n    const max = hasQuery ? this.maxWithQuery : this.maxWithoutQuery;\n    return this.bindings.searchBoxController.state.suggestions\n      .slice(0, max)\n      .map((suggestion) => this.renderItem(suggestion));\n  }\n\n  private renderItem(suggestion: Suggestion) {\n    const hasQuery = this.bindings.searchBoxController.state.value !== '';\n    const partialItem = getPartialSearchBoxSuggestionElement(\n      suggestion,\n      this.bindings.i18n\n    );\n\n    return {\n      ...partialItem,\n      content: (\n        <QuerySuggestionContainer>\n          <QuerySuggestionIcon\n            icon={this.icon || SearchIcon}\n            hasSuggestion={this.bindings.getSuggestions().length > 1}\n          />\n\n          <QuerySuggestionText suggestion={suggestion} hasQuery={hasQuery} />\n        </QuerySuggestionContainer>\n      ),\n      onSelect: () => {\n        this.bindings.searchBoxController.selectSuggestion(suggestion.rawValue);\n      },\n    };\n  }\n\n  public render() {\n    if (this.error) {\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={this.error}\n        ></atomic-component-error>\n      );\n    }\n  }\n}\n"],"version":3}

package/dist/atomic/components/item-section-utils.js

@@ -1,9 +0,0 @@
-import { q as containsVisualElement } from './utils.js';
-
-function hideEmptySection(element) {
-    element.style.display = containsVisualElement(element) ? '' : 'none';
-}
-
-export { hideEmptySection as h };
-
-//# sourceMappingURL=item-section-utils.js.map

package/dist/atomic/components/item-section-utils.js.map

@@ -1 +0,0 @@
-{"file":"item-section-utils.js","mappings":";;SAEgB,gBAAgB,CAAC,OAAoB;IACnD,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,qBAAqB,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;AACvE;;;;","names":[],"sources":["src/utils/item-section-utils.ts"],"sourcesContent":["import {containsVisualElement} from './utils';\n\nexport function hideEmptySection(element: HTMLElement) {\n  element.style.display = containsVisualElement(element) ? '' : 'none';\n}\n"],"version":3}

package/dist/atomic/components/stencil-query-suggestions.js

@@ -1,33 +0,0 @@
-import { h } from '@stencil/core/internal/client';
-import { e as encodeForDomAttribute } from './string-utils.js';
-
-const getPartialSearchBoxSuggestionElement = (suggestion, i18n) => {
-    return {
-        part: 'query-suggestion-item',
-        key: `qs-${encodeForDomAttribute(suggestion.rawValue)}`,
-        query: suggestion.rawValue,
-        ariaLabel: i18n.t('query-suggestion-label', {
-            query: suggestion.rawValue,
-            interpolation: { escapeValue: false },
-        }),
-    };
-};
-const QuerySuggestionContainer = (_, children) => {
-    return (h("div", { part: "query-suggestion-content", class: "flex items-center" }, children));
-};
-const QuerySuggestionIcon = ({ icon, hasSuggestion }) => {
-    if (!hasSuggestion) {
-        return;
-    }
-    return (h("atomic-icon", { part: "query-suggestion-icon", icon: icon, class: "mr-2 h-4 w-4 shrink-0" }));
-};
-const QuerySuggestionText = ({ suggestion, hasQuery }) => {
-    if (hasQuery) {
-        return (h("span", { part: "query-suggestion-text", class: "line-clamp-2 break-all", innerHTML: suggestion.highlightedValue }));
-    }
-    return (h("span", { part: "query-suggestion-text", class: "line-clamp-2 break-all" }, suggestion.rawValue));
-};
-
-export { QuerySuggestionContainer as Q, QuerySuggestionIcon as a, QuerySuggestionText as b, getPartialSearchBoxSuggestionElement as g };
-
-//# sourceMappingURL=stencil-query-suggestions.js.map

package/dist/atomic/components/stencil-query-suggestions.js.map

@@ -1 +0,0 @@
-{"file":"stencil-query-suggestions.js","mappings":";;;MAUa,oCAAoC,GAAG,CAClD,UAAsB,EACtB,IAAU;IAEV,OAAO;QACL,IAAI,EAAE,uBAAuB;QAC7B,GAAG,EAAE,MAAM,qBAAqB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QACvD,KAAK,EAAE,UAAU,CAAC,QAAQ;QAC1B,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,wBAAwB,EAAE;YAC1C,KAAK,EAAE,UAAU,CAAC,QAAQ;YAC1B,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;SACpC,CAAC;KACH,CAAC;AACJ,EAAE;MAEW,wBAAwB,GAAwB,CAAC,CAAC,EAAE,QAAQ;IACvE,QACE,WAAK,IAAI,EAAC,0BAA0B,EAAC,KAAK,EAAC,mBAAmB,IAC3D,QAAQ,CACL,EACN;AACJ,EAAE;MAOW,mBAAmB,GAE5B,CAAC,EAAC,IAAI,EAAE,aAAa,EAAC;IACxB,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;KACR;IAED,QACE,mBACE,IAAI,EAAC,uBAAuB,EAC5B,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,uBAAuB,GAChB,EACf;AACJ,EAAE;MAOW,mBAAmB,GAE5B,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAC;IACzB,IAAI,QAAQ,EAAE;QACZ,QACE,YACE,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,wBAAwB,EAC9B,SAAS,EAAE,UAAU,CAAC,gBAAgB,GAChC,EACR;KACH;IAED,QACE,YAAM,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAC,wBAAwB,IAC9D,UAAU,CAAC,QAAQ,CACf,EACP;AACJ;;;;","names":[],"sources":["src/components/common/suggestions/stencil-query-suggestions.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {encodeForDomAttribute} from '../../../utils/string-utils.js';\nimport {SearchBoxSuggestionElement} from './suggestions-types.js';\n\ninterface Suggestion {\n  highlightedValue: string;\n  rawValue: string;\n}\n\nexport const getPartialSearchBoxSuggestionElement = (\n  suggestion: Suggestion,\n  i18n: i18n\n): Pick<SearchBoxSuggestionElement, 'ariaLabel' | 'key' | 'query' | 'part'> => {\n  return {\n    part: 'query-suggestion-item',\n    key: `qs-${encodeForDomAttribute(suggestion.rawValue)}`,\n    query: suggestion.rawValue,\n    ariaLabel: i18n.t('query-suggestion-label', {\n      query: suggestion.rawValue,\n      interpolation: {escapeValue: false},\n    }),\n  };\n};\n\nexport const QuerySuggestionContainer: FunctionalComponent = (_, children) => {\n  return (\n    <div part=\"query-suggestion-content\" class=\"flex items-center\">\n      {children}\n    </div>\n  );\n};\n\ninterface QuerySuggestionIconProps {\n  icon: string;\n  hasSuggestion: boolean;\n}\n\nexport const QuerySuggestionIcon: FunctionalComponent<\n  QuerySuggestionIconProps\n> = ({icon, hasSuggestion}) => {\n  if (!hasSuggestion) {\n    return;\n  }\n\n  return (\n    <atomic-icon\n      part=\"query-suggestion-icon\"\n      icon={icon}\n      class=\"mr-2 h-4 w-4 shrink-0\"\n    ></atomic-icon>\n  );\n};\n\ninterface QuerySuggestionTextProps {\n  suggestion: Suggestion;\n  hasQuery: boolean;\n}\n\nexport const QuerySuggestionText: FunctionalComponent<\n  QuerySuggestionTextProps\n> = ({suggestion, hasQuery}) => {\n  if (hasQuery) {\n    return (\n      <span\n        part=\"query-suggestion-text\"\n        class=\"line-clamp-2 break-all\"\n        innerHTML={suggestion.highlightedValue}\n      ></span>\n    );\n  }\n\n  return (\n    <span part=\"query-suggestion-text\" class=\"line-clamp-2 break-all\">\n      {suggestion.rawValue}\n    </span>\n  );\n};\n"],"version":3}

package/dist/atomic/p-0ab0ceaa.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SmartSnippetSuggestionsWrapper","headingLevel","i18n","children","h","part","class","Heading","level","t","SmartSnippetSuggestionsQuestionWrapper","expanded","key","SmartSnippetSuggestionsQuestion","ariaControls","onClick","question","atomicIcon","Button","style","getQuestionPart","ariaExpanded","undefined","SmartSnippetSuggestionsAnswerAndSourceWrapper","id","SmartSnippetSuggestionsFooter","base"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-suggestions/smart-snippet-suggestions-common.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\nimport {Heading} from '../../stencil-heading';\n\nexport const SmartSnippetSuggestionsWrapper: FunctionalComponent<{\n  headingLevel: number;\n  i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n  return (\n    <aside\n      part=\"container\"\n      class=\"bg-background border-neutral text-on-background overflow-hidden rounded-lg border\"\n    >\n      <Heading\n        level={headingLevel}\n        part=\"heading\"\n        class=\"border-neutral border-b px-6 py-4 text-xl leading-8\"\n      >\n        {i18n.t('smart-snippet-people-also-ask')}\n      </Heading>\n      <ul part=\"questions\" class=\"divide-neutral divide-y\">\n        {children}\n      </ul>\n    </aside>\n  );\n};\n\nexport const SmartSnippetSuggestionsQuestionWrapper: FunctionalComponent<{\n  expanded: boolean;\n  key: string;\n}> = ({expanded, key}, children) => {\n  return (\n    <li\n      key={key}\n      part={`question-answer-${expanded ? 'expanded' : 'collapsed'}`}\n      class=\"flex flex-col\"\n    >\n      <article class=\"contents\">{children}</article>\n    </li>\n  );\n};\n\nexport const SmartSnippetSuggestionsQuestion: FunctionalComponent<{\n  ariaControls: string;\n  expanded: boolean;\n  headingLevel?: number;\n  onClick: (event: MouseEvent) => void;\n  question: string;\n}> = (\n  {ariaControls, expanded, headingLevel, onClick, question},\n  atomicIcon\n) => {\n  return (\n    <Button\n      style=\"text-neutral\"\n      part={getQuestionPart('button', expanded)}\n      onClick={onClick}\n      class=\"flex items-center px-4\"\n      ariaExpanded={expanded ? 'true' : undefined}\n      ariaControls={expanded ? ariaControls : undefined}\n    >\n      {atomicIcon}\n      <Heading\n        level={headingLevel ? headingLevel + 1 : 0}\n        class=\"py-4 text-left text-xl font-bold\"\n        part={getQuestionPart('text', expanded)}\n      >\n        {question}\n      </Heading>\n    </Button>\n  );\n};\n\nexport const SmartSnippetSuggestionsAnswerAndSourceWrapper: FunctionalComponent<{\n  expanded: boolean;\n  id: string;\n}> = ({id}, children) => {\n  return (\n    <div part=\"answer-and-source\" class=\"pr-6 pb-6 pl-10\" id={id}>\n      {children}\n    </div>\n  );\n};\n\nexport const SmartSnippetSuggestionsFooter: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <footer part=\"footer\" aria-label={i18n.t('smart-snippet-source')}>\n      {children}\n    </footer>\n  );\n};\n\nexport const getQuestionPart = (base: string, expanded: boolean) =>\n  `question-${base}-${expanded ? 'expanded' : 'collapsed'}`;\n"],"mappings":"kHAKaA,EAGR,EAAEC,eAAcC,QAAOC,IAExBC,EAAA,SACEC,KAAK,YACLC,MAAM,qFAENF,EAACG,EAAO,CACNC,MAAOP,EACPI,KAAK,UACLC,MAAM,uDAELJ,EAAKO,EAAE,kCAEVL,EAAA,MAAIC,KAAK,YAAYC,MAAM,2BACxBH,I,MAMIO,EAGR,EAAEC,WAAUC,OAAMT,IAEnBC,EAAA,MACEQ,IAAKA,EACLP,KAAM,mBAAmBM,EAAW,WAAa,cACjDL,MAAM,iBAENF,EAAA,WAASE,MAAM,YAAYH,I,MAKpBU,EAMR,EACFC,eAAcH,WAAUV,eAAcc,UAASC,YAChDC,IAGEb,EAACc,EAAM,CACLC,MAAM,eACNd,KAAMe,EAAgB,SAAUT,GAChCI,QAASA,EACTT,MAAM,yBACNe,aAAcV,EAAW,OAASW,UAClCR,aAAcH,EAAWG,EAAeQ,WAEvCL,EACDb,EAACG,EAAO,CACNC,MAAOP,EAAeA,EAAe,EAAI,EACzCK,MAAM,mCACND,KAAMe,EAAgB,OAAQT,IAE7BK,I,MAMIO,EAGR,EAAEC,MAAKrB,IAERC,EAAA,OAAKC,KAAK,oBAAoBC,MAAM,kBAAkBkB,GAAIA,GACvDrB,G,MAKMsB,EAER,EAAEvB,QAAOC,IAEVC,EAAA,UAAQC,KAAK,SAAQ,aAAaH,EAAKO,EAAE,yBACtCN,G,MAKMiB,EAAkB,CAACM,EAAcf,IAC5C,YAAYe,KAAQf,EAAW,WAAa,qB","ignoreList":[]}

package/dist/atomic/p-0e6f1e14.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FacetValueLink","props","children","count","numberOfResults","toLocaleString","i18n","language","ariaLabel","t","value","displayValue","formattedCount","interpolation","escapeValue","part","isSelected","additionalPart","h","key","class","Button","style","onClick","ariaPressed","toString","ref","buttonRef","text","subList"],"sources":["src/components/common/facets/facet-value-link/stencil-facet-value-link.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\nexport interface FacetValueLinkProps extends FacetValueProps {\n  subList?: VNode | VNode[];\n}\n\nexport const FacetValueLink: FunctionalComponent<FacetValueLinkProps> = (\n  props,\n  children\n) => {\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabel = props.i18n.t('facet-value', {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  });\n\n  let part =\n    props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;\n\n  if (props.additionalPart) {\n    part += ` ${props.additionalPart}`;\n  }\n\n  return (\n    <li key={props.displayValue} class={props.class}>\n      <Button\n        style=\"text-neutral\"\n        part={part}\n        onClick={() => props.onClick()}\n        class=\"group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none\"\n        ariaPressed={props.isSelected.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </Button>\n      {props.subList}\n    </li>\n  );\n};\n"],"mappings":"8EAQaA,EAA2D,CACtEC,EACAC,KAEA,MAAMC,EAAQF,EAAMG,gBAAgBC,eAAeJ,EAAMK,KAAKC,UAC9D,MAAMC,EAAYP,EAAMK,KAAKG,EAAE,cAAe,CAC5CC,MAAOT,EAAMU,aACbR,MAAOF,EAAMG,gBACbQ,eAAgBT,EAChBU,cAAe,CAACC,YAAa,SAG/B,IAAIC,EACFd,EAAMc,MAAQ,aAAad,EAAMe,WAAa,uBAAyB,KAEzE,GAAIf,EAAMgB,eAAgB,CACxBF,GAAQ,IAAId,EAAMgB,gB,CAGpB,OACEC,EAAA,MAAIC,IAAKlB,EAAMU,aAAcS,MAAOnB,EAAMmB,OACxCF,EAACG,EAAM,CACLC,MAAM,eACNP,KAAMA,EACNQ,QAAS,IAAMtB,EAAMsB,UACrBH,MAAM,2FACNI,YAAavB,EAAMe,WAAWS,WAC9BjB,UAAWA,EACXkB,IAAKzB,EAAM0B,WAEVzB,EACDgB,EAAA,QAAMH,KAAK,cAAcK,MAAM,eAC5BnB,EAAMK,KAAKG,EAAE,sBAAuB,CACnCmB,KAAMzB,MAIXF,EAAM4B,QACJ,S","ignoreList":[]}