@coveo/atomic 3.54.0 → 3.55.1

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

@@ -1,47 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,19 +0,0 @@
-import { ChoiceIsNaNError, ChoiceIsNonPositiveError, InitialChoiceNotInChoicesError, } from './error';
-export function convertChoicesToNumbers(choices) {
-    return choices.split(',').map((choice) => {
-        const parsedChoice = parseInt(choice, 10);
-        if (Number.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/components/common/layout/custom-render-controller.js

@@ -1,37 +0,0 @@
-/**
- * A reactive controller that manages custom rendering function execution for item components.
- */
-export class CustomRenderController {
-    constructor(host, options) {
-        this.hasExecutedRenderFunction = false;
-        this.options = {
-            linkContainerRef: () => undefined,
-            onRenderComplete: () => { },
-            ...options,
-        };
-        host.addController(this);
-    }
-    hostConnected() {
-        this.resetRenderState();
-    }
-    hostUpdated() {
-        this.executeRenderFunction();
-    }
-    resetRenderState() {
-        this.hasExecutedRenderFunction = false;
-    }
-    executeRenderFunction() {
-        const renderingFunction = this.options.renderingFunction();
-        const itemData = this.options.itemData();
-        const rootElementRef = this.options.rootElementRef();
-        if (!renderingFunction ||
-            !itemData ||
-            !rootElementRef ||
-            this.hasExecutedRenderFunction) {
-            return;
-        }
-        const customRenderOutput = renderingFunction(itemData, rootElementRef, this.options.linkContainerRef());
-        this.options.onRenderComplete(rootElementRef, customRenderOutput);
-        this.hasExecutedRenderFunction = true;
-    }
-}

package/dist/atomic/components/components/common/layout/item-layout-controller.js

@@ -1,113 +0,0 @@
-import { getItemLayoutClasses } from './item-layout-utils';
-/**
- * A reactive controller that manages layout creation and class application for item components.
- */
-export class ItemLayoutController {
-    constructor(host, options) {
-        this.layout = null;
-        this.host = host;
-        this.options = {
-            classesOnly: false,
-            ...options,
-        };
-        host.addController(this);
-    }
-    hostConnected() {
-        this.createLayout();
-    }
-    hostUpdated() {
-        if (!this.options.classesOnly) {
-            this.applyLayoutClasses();
-        }
-    }
-    /**
-     * Gets the current layout config
-     */
-    getLayout() {
-        return this.layout;
-    }
-    /**
-     * Gets combined layout and extra classes
-     */
-    getCombinedClasses(additionalContent) {
-        const config = this.getLayout();
-        const layoutClasses = config
-            ? getItemLayoutClasses(config, additionalContent)
-            : [];
-        const itemClasses = this.options
-            .itemClasses()
-            .split(/\s+/)
-            .filter((c) => c);
-        return [...layoutClasses, ...itemClasses];
-    }
-    /**
-     * Applies layout classes to a specific element (useful for custom rendering)
-     */
-    applyLayoutClassesToElement(element, additionalContent) {
-        const config = this.getLayout();
-        if (!config) {
-            return;
-        }
-        const classes = this.getCombinedClasses(additionalContent);
-        if (classes.length > 0) {
-            element.classList.add(...classes);
-        }
-    }
-    applyLayoutClasses() {
-        const config = this.getLayout();
-        if (!config) {
-            return;
-        }
-        const classes = this.getCombinedClasses();
-        const root = this.host.shadowRoot?.querySelector('.result-root');
-        if (!root || classes.length === 0) {
-            return;
-        }
-        if (this.hasCustomRenderFunction()) {
-            this.observeAndApplyClasses(root, classes);
-        }
-        else {
-            this.addClassesToElements(root, classes);
-        }
-    }
-    createLayout() {
-        const content = this.options.content();
-        if (!content) {
-            console.warn(`${this.options.elementPrefix}: content property is undefined. Cannot create layout.`, this.host);
-            this.layout = null;
-            return;
-        }
-        const config = this.options.layoutConfig();
-        this.layout = {
-            children: content.children,
-            display: config.display,
-            density: config.density,
-            imageSize: config.imageSize,
-        };
-    }
-    hasCustomRenderFunction() {
-        return this.options.renderingFunction() !== undefined;
-    }
-    addClassesToElements(root, classes) {
-        if (classes.length === 0) {
-            return;
-        }
-        const elements = root.querySelectorAll('*');
-        elements.forEach((element) => {
-            const tagName = element.tagName.toLowerCase();
-            if (tagName.startsWith(`${this.options.elementPrefix}-`)) {
-                element.classList.add(...classes);
-            }
-        });
-    }
-    observeAndApplyClasses(root, classes) {
-        const observer = new MutationObserver((mutations) => {
-            const hasNewElements = mutations.some((mutation) => mutation.type === 'childList' && mutation.addedNodes.length > 0);
-            if (hasNewElements) {
-                this.addClassesToElements(root, classes);
-                observer.disconnect();
-            }
-        });
-        observer.observe(root, { childList: true, subtree: true });
-    }
-}

package/dist/atomic/components/components/common/layout/item-layout-sections.js

@@ -1,36 +0,0 @@
-import { isElementNode } from "../../../utils/utils";
-const resultSectionTags = new Set([
-    'atomic-result-section-visual',
-    'atomic-result-section-badges',
-    'atomic-result-section-actions',
-    'atomic-result-section-title',
-    'atomic-result-section-title-metadata',
-    'atomic-result-section-emphasized',
-    'atomic-result-section-excerpt',
-    'atomic-result-section-bottom-metadata',
-    'atomic-result-section-children',
-]);
-const productSectionTags = new Set([
-    'atomic-product-section-visual',
-    'atomic-product-section-badges',
-    'atomic-product-section-actions',
-    'atomic-product-section-name',
-    'atomic-product-section-metadata',
-    'atomic-product-section-emphasized',
-    'atomic-product-section-description',
-    'atomic-product-section-bottom-metadata',
-    'atomic-product-section-children',
-]);
-const allTags = new Set([...resultSectionTags, ...productSectionTags]);
-export function isResultSectionNode(element) {
-    if (!isElementNode(element)) {
-        return false;
-    }
-    return allTags.has(element.tagName.toLowerCase());
-}
-export function containsSections(content) {
-    if (typeof content === 'string') {
-        return Array.from(allTags.values()).some((tag) => content.includes(tag));
-    }
-    return Array.from(content).some((child) => isResultSectionNode(child));
-}

package/dist/atomic/components/components/common/layout/item-layout-utils.js

@@ -1,70 +0,0 @@
-import { containsSections, } from './item-layout-sections';
-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';
-    }
-}
-export function getItemListDisplayClasses(display, density, image, isLoading, isAppLoading) {
-    const classes = getItemDisplayClasses(display, density, image);
-    if (isLoading) {
-        classes.push('loading');
-    }
-    if (isAppLoading) {
-        classes.push('placeholder');
-    }
-    return classes.join(' ');
-}
-export function getItemDisplayClasses(display, density, image) {
-    const classes = [
-        getDisplayClass(display),
-        getDensityClass(density),
-        getImageClass(image),
-    ];
-    return classes;
-}
-function getSection(children, section) {
-    return Array.from(children).find((element) => element.tagName.toLowerCase() === section);
-}
-function getImageSizeFromSections(children) {
-    const imageSize = getSection(children, 'atomic-result-section-visual')?.getAttribute('image-size');
-    if (!imageSize) {
-        return undefined;
-    }
-    return imageSize;
-}
-export function getItemLayoutClasses(config, HTMLContent) {
-    const classes = getItemDisplayClasses(config.display, config.density, getImageSizeFromSections(config.children) ?? config.imageSize);
-    if (HTMLContent
-        ? containsSections(HTMLContent)
-        : containsSections(config.children)) {
-        classes.push('with-sections');
-    }
-    return classes;
-}

package/dist/atomic/components/components/common/layout/layout-styles-controller.js

@@ -1,40 +0,0 @@
-import { randomID } from "../../../utils/utils";
-/**
- * A reactive controller that manages dynamic layout styles.
- */
-export class LayoutStylesController {
-    constructor(host, stylesBuilder, componentPrefix) {
-        this.dynamicStyleSheet = null;
-        this.host = host;
-        this.stylesBuilder = stylesBuilder;
-        this.componentPrefix = componentPrefix;
-        this.host.addController(this);
-    }
-    hostConnected() {
-        if (!this.host.id) {
-            this.host.id = randomID(this.componentPrefix);
-        }
-        this.host.updateComplete.then(() => this.updateStyles());
-    }
-    /**
-     * Updates the dynamic styles based on the current mobile breakpoint
-     */
-    updateStyles() {
-        const parent = this.host.getRootNode();
-        const isDocumentOrShadowRoot = parent instanceof Document || parent instanceof ShadowRoot;
-        if (!isDocumentOrShadowRoot) {
-            return;
-        }
-        const newStylesCSS = this.stylesBuilder(this.host, this.host.mobileBreakpoint);
-        if (!this.dynamicStyleSheet) {
-            this.dynamicStyleSheet = new CSSStyleSheet();
-            this.dynamicStyleSheet.replaceSync(newStylesCSS);
-            parent.adoptedStyleSheets = [
-                ...parent.adoptedStyleSheets,
-                this.dynamicStyleSheet,
-            ];
-            return;
-        }
-        this.dynamicStyleSheet.replaceSync(newStylesCSS);
-    }
-}

package/dist/atomic/components/components/common/layout/mobile-breakpoint-controller.js

@@ -1,26 +0,0 @@
-/**
- * A reactive controller that manages mobile breakpoint changes through event communication.
- * This controller listens for 'atomic-layout-breakpoint-change' events and updates a store
- * with the new breakpoint value.
- */
-export class MobileBreakpointController {
-    constructor(host, store) {
-        this.host = host;
-        this.store = store;
-        this.eventListener = this.handleBreakpointChange.bind(this);
-        this.host.addController(this);
-    }
-    hostConnected() {
-        this.host.addEventListener('atomic-layout-breakpoint-change', this.eventListener);
-    }
-    hostDisconnected() {
-        this.host.removeEventListener('atomic-layout-breakpoint-change', this.eventListener);
-    }
-    handleBreakpointChange(e) {
-        const customEvent = e;
-        const newBreakpoint = customEvent.detail?.breakpoint;
-        if (newBreakpoint && this.store.state.mobileBreakpoint !== newBreakpoint) {
-            this.store.state.mobileBreakpoint = newBreakpoint;
-        }
-    }
-}

package/dist/atomic/components/components/common/lazy-index.js

@@ -1,27 +0,0 @@
-// Auto-generated file
-export default {
-    'atomic-aria-live': async () => await import('./atomic-aria-live/atomic-aria-live.js'),
-    'atomic-citation': async () => await import('./atomic-citation/atomic-citation.js'),
-    'atomic-component-error': async () => await import('./atomic-component-error/atomic-component-error.js'),
-    'atomic-facet-date-input': async () => await import('./atomic-facet-date-input/atomic-facet-date-input.js'),
-    'atomic-facet-number-input': async () => await import('./atomic-facet-number-input/atomic-facet-number-input.js'),
-    'atomic-facet-placeholder': async () => await import('./atomic-facet-placeholder/atomic-facet-placeholder.js'),
-    'atomic-focus-trap': async () => await import('./atomic-focus-trap/atomic-focus-trap.js'),
-    'atomic-generated-answer-content': async () => await import('./atomic-generated-answer-content/atomic-generated-answer-content.js'),
-    'atomic-generated-answer-feedback-modal': async () => await import('./atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.js'),
-    'atomic-generated-answer-thread': async () => await import('./atomic-generated-answer-thread/atomic-generated-answer-thread.js'),
-    'atomic-generated-answer-thread-item': async () => await import('./atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.js'),
-    'atomic-icon': async () => await import('./atomic-icon/atomic-icon.js'),
-    'atomic-layout-section': async () => await import('./atomic-layout-section/atomic-layout-section.js'),
-    'atomic-modal': async () => await import('./atomic-modal/atomic-modal.js'),
-    'atomic-numeric-range': async () => await import('./atomic-numeric-range/atomic-numeric-range.js'),
-    'atomic-result-placeholder': async () => await import('./atomic-result-placeholder/atomic-result-placeholder.js'),
-    'atomic-smart-snippet-answer': async () => await import('./atomic-smart-snippet-answer/atomic-smart-snippet-answer.js'),
-    'atomic-smart-snippet-collapse-wrapper': async () => await import('./atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.js'),
-    'atomic-smart-snippet-expandable-answer': async () => await import('./atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.js'),
-    'atomic-smart-snippet-source': async () => await import('./atomic-smart-snippet-source/atomic-smart-snippet-source.js'),
-    'atomic-tab-bar': async () => await import('./atomic-tab-bar/atomic-tab-bar.js'),
-    'atomic-tab-button': async () => await import('./atomic-tab-button/atomic-tab-button.js'),
-    'atomic-tab-popover': async () => await import('./atomic-tab-popover/atomic-tab-popover.js'),
-    'atomic-timeframe': async () => await import('./atomic-timeframe/atomic-timeframe.js'),
-};

package/dist/atomic/components/components/common/load-more/button.js

@@ -1,16 +0,0 @@
-import { html, nothing } from 'lit';
-import { renderButton } from '../button';
-export const renderLoadMoreButton = ({ props, }) => {
-    const { i18n, onClick, moreAvailable, label } = props;
-    if (!moreAvailable) {
-        return nothing;
-    }
-    return renderButton({
-        props: {
-            style: 'primary',
-            part: 'load-more-results-button',
-            class: 'my-2 p-3 font-bold',
-            onClick: () => onClick(),
-        },
-    })(html `${i18n.t(label)}`);
-};

package/dist/atomic/components/components/common/load-more/container.js

@@ -1,6 +0,0 @@
-import { html } from 'lit';
-export const renderLoadMoreContainer = () => (children) => {
-    return html `
-      <div class="flex flex-col items-center" part="container">${children}</div>
-    `;
-};

package/dist/atomic/components/components/common/load-more/progress-bar.js

@@ -1,19 +0,0 @@
-import { html } from 'lit';
-import { styleMap } from 'lit/directives/style-map.js';
-/**
- * @cssprop --atomic-more-results-progress-bar-color-from - Color of the start of the gradient for the load more results progress bar.
- * @cssprop --atomic-more-results-progress-bar-color-to - Color of the end of the gradient for the load more results progress bar.
- */
-export const renderLoadMoreProgressBar = ({ props }) => {
-    const { from, to } = props;
-    const percentage = to > 0 ? Math.min((from / to) * 100, 100) : 0;
-    const width = `${Math.ceil(percentage)}%`;
-    return html `
-    <div part="progress-bar" class="bg-neutral relative my-2 h-1 w-72 rounded">
-      <div
-        class="progress-bar from-more-results-progress-bar-color-from to-more-results-progress-bar-color-to absolute top-0 left-0 z-1 h-full overflow-hidden rounded bg-linear-to-r"
-        style=${styleMap({ width })}
-      ></div>
-    </div>
-  `;
-};

package/dist/atomic/components/components/common/load-more/summary.js

@@ -1,19 +0,0 @@
-import { html } from 'lit';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-export const renderLoadMoreSummary = ({ props }) => {
-    const { i18n, from, to, label } = props;
-    const wrapHighlight = (content) => {
-        return `<span class="font-bold text-on-background" part="highlight">${content}</span>`;
-    };
-    const locale = i18n.language;
-    const content = i18n.t(label || 'showing-results-of-load-more', {
-        interpolation: { escapeValue: false },
-        last: wrapHighlight(from.toLocaleString(locale)),
-        total: wrapHighlight(to.toLocaleString(locale)),
-    });
-    return html `
-    <div class="text-neutral-dark my-2 text-lg" part="showing-results">
-      ${unsafeHTML(content)}
-    </div>
-  `;
-};

package/dist/atomic/components/components/common/no-items/cancel.js

@@ -1,11 +0,0 @@
-import { nothing } from 'lit';
-import { renderButton } from "../button.js";
-export const renderCancel = ({ props }) => renderButton({
-    props: {
-        style: 'primary',
-        part: 'cancel-button',
-        text: props.i18n.t('cancel-last-action'),
-        onClick: props.onClick,
-        class: 'my-3 px-2.5 py-3 font-bold',
-    },
-})(nothing);

package/dist/atomic/components/components/common/no-items/container.js

@@ -1,7 +0,0 @@
-import { html } from 'lit';
-export const renderNoItemsContainer = () => (children) => html `
-    <div class="text-on-background flex h-full w-full flex-col items-center">
-      ${children}
-    </div>
-    <slot></slot>
-  `;

package/dist/atomic/components/components/common/no-items/guard.js

@@ -1,11 +0,0 @@
-import { html, nothing } from 'lit';
-import { Directive, directive } from 'lit/directive.js';
-class NoItemsGuardDirective extends Directive {
-    render({ firstSearchExecuted, isLoading, hasResults }, content) {
-        if (!firstSearchExecuted || isLoading || hasResults) {
-            return nothing;
-        }
-        return html `${content()}`;
-    }
-}
-export const noItemsGuard = directive(NoItemsGuardDirective);

package/dist/atomic/components/components/common/no-items/magnifying-glass.js

@@ -1,12 +0,0 @@
-import "../atomic-icon/atomic-icon";
-import { html } from 'lit';
-const MagnifyingGlassIcon = "<svg viewBox=\"0 0 312 312\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0)\">\n<g filter=\"url(#filter0_b)\">\n<rect x=\"156.118\" width=\"220.784\" height=\"220.784\" rx=\"14.7189\" transform=\"rotate(45 156.118 0)\" fill=\"#F6F7F9\"/>\n</g>\n<rect x=\"60.1178\" y=\"126\" width=\"34\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<rect x=\"102.118\" y=\"126\" width=\"67\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<rect x=\"177.118\" y=\"126\" width=\"67\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<rect x=\"60.1178\" y=\"151\" width=\"162\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<rect x=\"60.1178\" y=\"176\" width=\"177\" height=\"9\" rx=\"4.5\" fill=\"#E5E8E8\"/>\n<g filter=\"url(#filter1_f)\">\n<path d=\"M183.857 226.206C179.378 223.774 178.389 217.774 181.85 214.033C184.309 211.374 188.273 210.753 191.427 212.532L247.561 244.198C251.767 246.571 252.551 252.302 249.136 255.717C246.849 258.004 243.331 258.513 240.49 256.97L183.857 226.206Z\" fill=\"#E5E8E8\"/>\n</g>\n<rect x=\"195.143\" y=\"205.948\" width=\"15.064\" height=\"78.2384\" rx=\"7.53201\" transform=\"rotate(-45 195.143 205.948)\" fill=\"#333357\"/>\n<g filter=\"url(#filter2_d)\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M161.415 226.595C200.792 226.595 232.713 194.674 232.713 155.298C232.713 115.921 200.792 84 161.415 84C122.039 84 90.1178 115.921 90.1178 155.298C90.1178 194.674 122.039 226.595 161.415 226.595ZM161.441 212.539C193.041 212.539 218.657 186.922 218.657 155.323C218.657 123.724 193.041 98.108 161.441 98.108C129.842 98.108 104.226 123.724 104.226 155.323C104.226 186.922 129.842 212.539 161.441 212.539Z\" fill=\"url(#paint0_linear)\"/>\n</g>\n<g filter=\"url(#filter3_d)\">\n<circle cx=\"161.415\" cy=\"155.298\" r=\"59.6307\" fill=\"url(#paint1_linear)\"/>\n</g>\n<g filter=\"url(#filter4_i)\">\n<circle cx=\"161.441\" cy=\"155.323\" r=\"57.2153\" fill=\"url(#paint2_linear)\"/>\n</g>\n<mask id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" x=\"104\" y=\"98\" width=\"115\" height=\"115\">\n<circle cx=\"161.415\" cy=\"155.298\" r=\"57.038\" fill=\"white\"/>\n</mask>\n<g mask=\"url(#mask0)\">\n<rect opacity=\"0.5\" x=\"104.118\" y=\"126\" width=\"37\" height=\"18\" rx=\"8\" fill=\"url(#paint3_linear)\"/>\n<rect opacity=\"0.5\" x=\"184.118\" y=\"167\" width=\"37\" height=\"18\" rx=\"8\" fill=\"url(#paint4_linear)\"/>\n<g opacity=\"0.6\" filter=\"url(#filter5_f)\">\n<path d=\"M179.303 90.5597L187.576 96.3233C187.576 96.3233 140.259 159.434 177.535 239.024C164.157 234.174 126.719 230.494 120.018 222.474C88.6871 131.944 179.303 90.5597 179.303 90.5597Z\" fill=\"url(#paint5_linear)\"/>\n</g>\n<g opacity=\"0.5\" filter=\"url(#filter6_f)\">\n<circle cx=\"197.896\" cy=\"133.778\" r=\"7.77791\" fill=\"white\"/>\n</g>\n<g opacity=\"0.7\" filter=\"url(#filter7_f)\">\n<circle cx=\"207.359\" cy=\"150.241\" r=\"3.2408\" fill=\"white\"/>\n</g>\n</g>\n</g>\n<defs>\n<filter id=\"filter0_b\" x=\"-3.67968\" y=\"-3.67973\" width=\"319.595\" height=\"319.595\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur\" result=\"shape\"/>\n</filter>\n<filter id=\"filter1_f\" x=\"171.347\" y=\"190.878\" width=\"88.139\" height=\"88.139\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feGaussianBlur stdDeviation=\"2.59264\" result=\"effect1_foregroundBlur\"/>\n</filter>\n<filter id=\"filter2_d\" x=\"59.0061\" y=\"84\" width=\"204.818\" height=\"206.115\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"32.408\"/>\n<feGaussianBlur stdDeviation=\"15.5558\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.320677 0 0 0 0 0.320677 0 0 0 0 0.5875 0 0 0 0.38 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow\" result=\"shape\"/>\n</filter>\n<filter id=\"filter3_d\" x=\"91.4141\" y=\"85.2963\" width=\"140.002\" height=\"140.002\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset/>\n<feGaussianBlur stdDeviation=\"5.18528\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.320677 0 0 0 0 0.320677 0 0 0 0 0.5875 0 0 0 1 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow\" result=\"shape\"/>\n</filter>\n<filter id=\"filter4_i\" x=\"104.226\" y=\"98.108\" width=\"114.431\" height=\"124.801\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"10.3706\"/>\n<feGaussianBlur stdDeviation=\"5.83344\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.529306 0 0 0 0 0.529306 0 0 0 0 0.858333 0 0 0 1 0\"/>\n<feBlend mode=\"normal\" in2=\"shape\" result=\"effect1_innerShadow\"/>\n</filter>\n<filter id=\"filter5_f\" x=\"93.7083\" y=\"75.6215\" width=\"134.473\" height=\"171.666\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feGaussianBlur stdDeviation=\"1.5\" result=\"effect1_foregroundBlur\"/>\n</filter>\n<filter id=\"filter6_f\" x=\"187.525\" y=\"123.407\" width=\"20.7411\" height=\"20.7411\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feGaussianBlur stdDeviation=\"1.29632\" result=\"effect1_foregroundBlur\"/>\n</filter>\n<filter id=\"filter7_f\" x=\"201.525\" y=\"144.407\" width=\"11.6669\" height=\"11.6669\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feGaussianBlur stdDeviation=\"1.29632\" result=\"effect1_foregroundBlur\"/>\n</filter>\n<linearGradient id=\"paint0_linear\" x1=\"106.615\" y1=\"63.4032\" x2=\"289.344\" y2=\"240.521\" gradientUnits=\"userSpaceOnUse\">\n<stop offset=\"0.505208\" stop-color=\"#3F3F71\"/>\n<stop offset=\"1\" stop-color=\"#5D237D\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear\" x1=\"200.305\" y1=\"208.447\" x2=\"121.878\" y2=\"98.259\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#333357\"/>\n<stop offset=\"1\" stop-color=\"#6B6BBD\" stop-opacity=\"0.49\"/>\n</linearGradient>\n<linearGradient id=\"paint2_linear\" x1=\"116.692\" y1=\"142.334\" x2=\"206.138\" y2=\"195.483\" gradientUnits=\"userSpaceOnUse\">\n<stop offset=\"0.0255459\" stop-color=\"white\"/>\n<stop offset=\"1\" stop-color=\"#E5E8E8\"/>\n</linearGradient>\n<linearGradient id=\"paint3_linear\" x1=\"134.811\" y1=\"148.895\" x2=\"127.845\" y2=\"133.378\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#8787DB\" stop-opacity=\"0.41\"/>\n<stop offset=\"1\" stop-color=\"#C5CACF\" stop-opacity=\"0.44\"/>\n</linearGradient>\n<linearGradient id=\"paint4_linear\" x1=\"214.811\" y1=\"189.895\" x2=\"207.845\" y2=\"174.378\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#8787DB\"/>\n<stop offset=\"1\" stop-color=\"#C5CACF\" stop-opacity=\"0.44\"/>\n</linearGradient>\n<linearGradient id=\"paint5_linear\" x1=\"164.859\" y1=\"93.962\" x2=\"143.031\" y2=\"190.673\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\" stop-opacity=\"0\"/>\n<stop offset=\"0.198345\" stop-color=\"white\" stop-opacity=\"0.72\"/>\n<stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"/>\n</linearGradient>\n<clipPath id=\"clip0\">\n<rect width=\"312\" height=\"312\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n";
-export const renderMagnifyingGlass = () => {
-    return html `
-    <atomic-icon
-      part="icon"
-      icon=${MagnifyingGlassIcon}
-      class="my-6 flex w-1/2 max-w-lg flex-col items-center"
-    ></atomic-icon>
-  `;
-};

package/dist/atomic/components/components/common/no-items/no-items.js

@@ -1,30 +0,0 @@
-import { html } from 'lit';
-import { localizedString } from "../../../directives/localized-string";
-export const renderNoItems = ({ props }) => {
-    const content = props.query
-        ? localizedString({
-            i18n: props.i18n,
-            key: `${props.i18nKey}-for`,
-            params: {
-                query: html `<span
-            class="inline-block max-w-full overflow-hidden align-bottom font-bold text-ellipsis whitespace-normal"
-            part="highlight"
-          >
-            ${localizedString({
-                    i18n: props.i18n,
-                    key: 'between-quotations',
-                    params: { text: props.query },
-                })}
-          </span>`,
-            },
-        })
-        : props.i18n.t(props.i18nKey);
-    return html `
-    <div
-      class="my-2 max-w-full text-center text-2xl font-medium"
-      part="no-results"
-    >
-      ${content}
-    </div>
-  `;
-};

package/dist/atomic/components/components/common/no-items/tips.js

@@ -1,8 +0,0 @@
-import { html } from 'lit';
-export const renderSearchTips = ({ props, }) => {
-    return html `
-    <div class="text-neutral-dark my-2 text-center text-lg" part="search-tips">
-      ${props.i18n.t('search-tips')}
-    </div>
-  `;
-};

package/dist/atomic/components/components/common/no-items/utils.js

@@ -1,12 +0,0 @@
-export const getSummary = (i18n, query, hasResults, i18nKey) => {
-    if (hasResults) {
-        return '';
-    }
-    const labelFor = `${i18nKey}-for`;
-    return query
-        ? i18n.t(labelFor, {
-            interpolation: { escapeValue: false },
-            query,
-        })
-        : i18n.t(i18nKey);
-};