@coveo/atomic 3.33.8-pre.491851281 → 3.33.8-pre.4dadface29

package/dist/atomic/components/components/search/atomic-search-interface/atomic-search-interface.js

@@ -1,495 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { buildSearchEngine, buildSearchStatus, buildUrlManager, EcommerceDefaultFieldsToInclude, VERSION as HEADLESS_VERSION, loadFieldActions, loadQueryActions, loadSearchConfigurationActions, } from '@coveo/headless';
-import { provide } from '@lit/context';
-import i18next from 'i18next';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { when } from 'lit/directives/when.js';
-import { MobileBreakpointController } from "../../common/layout/mobile-breakpoint-controller";
-import { booleanConverter } from "../../../converters/boolean-converter";
-import { errorGuard } from "../../../decorators/error-guard";
-import { watch } from "../../../decorators/watch";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
-import { markParentAsReady } from "../../../utils/init-queue";
-import { SafeStorage, StorageItems, } from "../../../utils/local-storage-utils";
-import { ChildrenUpdateCompleteMixin } from '../../../mixins/children-update-complete-mixin';
-import { InterfaceController, } from '../../common/interface/interface-controller';
-import { bindingsContext } from '../../context/bindings-context';
-import { errorSelector, firstSearchExecutedSelector, noResultsSelector, } from '../atomic-search-layout/search-layout';
-import { getAnalyticsConfig } from './analytics-config';
-import { createSearchStore } from './store';
-import '../../common/atomic-modal/atomic-modal';
-const FirstSearchExecutedFlag = 'firstSearchExecuted';
-/**
- * The `atomic-search-interface` component is the parent to all other atomic components in a search page. It handles the headless search engine and localization configurations.
- *
- * @slot default - The default slot where you can add child components to the interface.
- */
-let AtomicSearchInterface = class AtomicSearchInterface extends ChildrenUpdateCompleteMixin(LitElement) {
-    constructor() {
-        super();
-        this.bindings = {};
-        this.relevanceInspectorIsOpen = false;
-        this.unsubscribeUrlManager = () => { };
-        this.unsubscribeSearchStatus = () => { };
-        this.initialized = false;
-        this.interfaceController = new InterfaceController(this, 'CoveoAtomic', HEADLESS_VERSION);
-        /**
-         * A list of non-default fields to include in the query results.
-         *
-         * Specify the property as an array using a JSON string representation:
-         * ```html
-         * <atomic-search-interface fields-to-include='["fieldA", "fieldB"]'></atomic-search-interface>
-         * ```
-         */
-        this.fieldsToInclude = [];
-        // TODO - KIT-4994: Add disableAnalytics property that defaults to false.
-        // TODO - KIT-4994: Deprecate in favor of disableAnalytics property.
-        // TODO - (v4) KIT-4990: Remove.
-        /**
-         * Whether analytics should be enabled.
-         */
-        this.analytics = true;
-        /**
-         * The search interface language.
-         */
-        this.language = 'en';
-        // TODO - (v4) KIT-4823: Remove.
-        /**
-         * Whether the state should be reflected in the URL parameters.
-         * @deprecated - replaced by `disable-state-reflection-in-url` (this defaults to `true`, while the replacement defaults to `false`).
-         */
-        this.reflectStateInUrl = true;
-        /**
-         * Whether to disable state reflection in the URL parameters.
-         */
-        this.disableStateReflectionInUrl = false;
-        /**
-         * The CSS selector for the container where the interface will scroll back to.
-         */
-        this.scrollContainer = 'atomic-search-interface';
-        /**
-         * The language assets path. By default, this will be a relative URL pointing to `./lang`.
-         *
-         * Example: "/mypublicpath/languages"
-         *
-         */
-        this.languageAssetsPath = './lang';
-        /**
-         * The icon assets path. By default, this will be a relative URL pointing to `./assets`.
-         *
-         * Example: "/mypublicpath/icons"
-         *
-         */
-        this.iconAssetsPath = './assets';
-        // TODO - (v4) KIT-5004: Remove.
-        /**
-         * Whether the relevance inspector shortcut should be enabled for this interface.
-         *
-         * The relevance inspector can be opened by holding the Alt key (Option on Mac) while over the interface, and performing a double click.
-         *
-         * The relevance inspector allows to troubleshoot and debug queries.
-         * @deprecated - replaced by `disable-relevance-inspector` (this defaults to `true`, while the replacement defaults to `false`).
-         */
-        this.enableRelevanceInspector = true;
-        /**
-         * Whether to disable the relevance inspector shortcut for this interface.
-         */
-        this.disableRelevanceInspector = false;
-        this.handleInitialization = (event) => {
-            this.interfaceController.onComponentInitializing(event);
-        };
-        this.handleRelevanceInspectorDoubleClick = (e) => {
-            if (e.altKey) {
-                this.relevanceInspectorIsOpen = !this.relevanceInspectorIsOpen;
-            }
-        };
-        this.onHashChange = () => {
-            this.urlManager.synchronize(this.fragment);
-        };
-        this.store = createSearchStore();
-        new MobileBreakpointController(this, this.store);
-        const { promise, resolve } = Promise.withResolvers();
-        this.i18Initialized = promise;
-        this.i18n = i18next.createInstance(undefined, resolve);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.store.setLoadingFlag(FirstSearchExecutedFlag);
-        this.initRelevanceInspector();
-        this.addEventListener('atomic/initializeComponent', this.handleInitialization);
-        this.addEventListener('atomic/scrollToTop', this.scrollToTop);
-        this.addEventListener('atomic/relevanceInspector/close', this.closeRelevanceInspector);
-    }
-    willUpdate(changedProperties) {
-        super.willUpdate(changedProperties);
-        if (changedProperties.has('fieldsToInclude')) {
-            this.initFieldsToInclude();
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        if (typeof this.unsubscribeUrlManager === 'function') {
-            this.unsubscribeUrlManager();
-        }
-        if (typeof this.unsubscribeSearchStatus === 'function') {
-            this.unsubscribeSearchStatus();
-        }
-        window.removeEventListener('hashchange', this.onHashChange);
-        this.removeEventListener('atomic/initializeComponent', this.handleInitialization);
-        this.removeEventListener('atomic/scrollToTop', this.scrollToTop);
-        this.removeEventListener('atomic/relevanceInspector/close', this.closeRelevanceInspector);
-        this.removeEventListener('dblclick', this.handleRelevanceInspectorDoubleClick);
-    }
-    // TODO - (v4) KIT-4991: Make private.
-    scrollToTop() {
-        const scrollContainerElement = document.querySelector(this.scrollContainer);
-        if (!scrollContainerElement) {
-            this.bindings.engine.logger.warn(`Could not find the scroll container with the selector "${this.scrollContainer}". This will prevent UX interactions that require a scroll from working correctly. Please review the CSS selector in the scrollContainer option`);
-            return;
-        }
-        scrollContainerElement.scrollIntoView({ behavior: 'smooth' });
-    }
-    closeRelevanceInspector() {
-        this.relevanceInspectorIsOpen = false;
-    }
-    /**
-     * Initializes the connection with the headless search engine using options for `accessToken` (required), `organizationId` (required), `environment` (defaults to `prod`), and `renewAccessToken`.
-     */
-    initialize(options) {
-        return this.internalInitialization(() => this.initEngine(options));
-    }
-    /**
-     * Initializes the interface using the provided [headless search engine](https://docs.coveo.com/en/headless/latest/reference/modules/Search.html, as opposed to the `initialize` method which internally builds a search engine instance.
-     * This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.
-     */
-    initializeWithSearchEngine(engine) {
-        if (this.pipeline && this.pipeline !== engine.state.pipeline) {
-            console.warn('Mismatch between search interface pipeline and engine pipeline. The engine pipeline will be used.');
-        }
-        if (this.searchHub && this.searchHub !== engine.state.searchHub) {
-            console.warn('Mismatch between search interface search hub and engine search hub. The engine search hub will be used.');
-        }
-        return this.internalInitialization(() => {
-            this.engine = engine;
-        });
-    }
-    /**
-     *
-     * Executes the first search and logs the interface load event to analytics, after initializing connection to the headless search engine.
-     */
-    async executeFirstSearch() {
-        if (!this.interfaceController.engineIsCreated(this.engine)) {
-            return;
-        }
-        if (!this.initialized) {
-            console.error('You have to wait until the "initialize" promise is fulfilled before executing a search.', this);
-            return;
-        }
-        const safeStorage = new SafeStorage();
-        const standaloneSearchBoxData = safeStorage.getParsedJSON(StorageItems.STANDALONE_SEARCH_BOX_DATA, null);
-        if (!standaloneSearchBoxData) {
-            this.engine.executeFirstSearch();
-            return;
-        }
-        safeStorage.removeItem(StorageItems.STANDALONE_SEARCH_BOX_DATA);
-        const { updateQuery } = loadQueryActions(this.engine);
-        const { value, enableQuerySyntax, analytics } = standaloneSearchBoxData;
-        this.engine.dispatch(updateQuery({ q: value, enableQuerySyntax }));
-        this.engine.executeFirstSearchAfterStandaloneSearchBoxRedirect(analytics);
-    }
-    updateSearchConfiguration(updatedProp, newValue) {
-        if (!this.interfaceController.engineIsCreated(this.engine)) {
-            return;
-        }
-        if (this.engine.state[updatedProp] === newValue) {
-            return;
-        }
-        const { updateSearchConfiguration } = loadSearchConfigurationActions(this.engine);
-        this.engine.dispatch(updateSearchConfiguration({
-            [updatedProp]: newValue,
-        }));
-    }
-    updateSearchHub() {
-        this.updateSearchConfiguration('searchHub', this.searchHub ?? 'default');
-    }
-    updatePipeline() {
-        this.updateSearchConfiguration('pipeline', this.pipeline);
-    }
-    toggleAnalytics() {
-        this.interfaceController.onAnalyticsChange();
-    }
-    updateLanguage() {
-        if (!this.interfaceController.engineIsCreated(this.engine) ||
-            !this.language) {
-            return;
-        }
-        const { updateSearchConfiguration } = loadSearchConfigurationActions(this.engine);
-        this.engine.dispatch(updateSearchConfiguration({
-            locale: this.language,
-        }));
-        return this.interfaceController.onLanguageChange();
-    }
-    updateIconAssetsPath() {
-        this.store.state.iconAssetsPath = this.iconAssetsPath;
-    }
-    getBindings() {
-        return {
-            engine: this.engine,
-            i18n: this.i18n,
-            store: this.store,
-            interfaceElement: this,
-            createStyleElement: () => {
-                const styleTag = document.createElement('style');
-                return styleTag;
-            },
-            // TODO - KIT-4893: Remove once atomic-quickview-modal migration is complete.
-            createScriptElement: () => {
-                const scriptTag = document.createElement('script');
-                return scriptTag;
-            },
-        };
-    }
-    initFieldsToInclude() {
-        const fields = EcommerceDefaultFieldsToInclude.concat(this.fieldsToInclude);
-        this.store.addFieldsToInclude(fields);
-    }
-    registerFieldsToInclude() {
-        this.engine?.dispatch(loadFieldActions(this.engine).registerFieldsToInclude(this.store.state.fieldsToInclude));
-    }
-    initEngine(options) {
-        const searchConfig = this.getSearchConfiguration(options);
-        const analyticsConfig = getAnalyticsConfig(options, this.analytics, this.store);
-        try {
-            this.engine = buildSearchEngine({
-                configuration: {
-                    ...options,
-                    search: searchConfig,
-                    analytics: analyticsConfig,
-                },
-                loggerOptions: {
-                    level: this.logLevel,
-                },
-            });
-        }
-        catch (error) {
-            this.error = error;
-            throw error;
-        }
-    }
-    getSearchConfiguration(options) {
-        const searchConfigFromProps = {
-            searchHub: this.searchHub ?? 'default',
-            pipeline: this.pipeline,
-            locale: this.language,
-            timezone: this.timezone,
-        };
-        if (options.search) {
-            return {
-                ...searchConfigFromProps,
-                ...options.search,
-            };
-        }
-        return searchConfigFromProps;
-    }
-    get fragment() {
-        return window.location.hash.slice(1);
-    }
-    initUrlManager() {
-        if (this.disableStateReflectionInUrl) {
-            return;
-        }
-        if (!this.reflectStateInUrl) {
-            return;
-        }
-        this.urlManager = buildUrlManager(this.engine, {
-            initialState: { fragment: this.fragment },
-        });
-        this.unsubscribeUrlManager = this.urlManager.subscribe(() => this.updateHash());
-        window.addEventListener('hashchange', this.onHashChange);
-    }
-    initRelevanceInspector() {
-        if (this.enableRelevanceInspector && !this.disableRelevanceInspector) {
-            this.addEventListener('dblclick', this.handleRelevanceInspectorDoubleClick);
-        }
-    }
-    initSearchStatus() {
-        this.searchStatus = buildSearchStatus(this.engine);
-        this.unsubscribeSearchStatus = this.searchStatus.subscribe(() => {
-            const hasNoResultsAfterInitialSearch = !this.searchStatus.state.hasResults &&
-                this.searchStatus.state.firstSearchExecuted &&
-                !this.searchStatus.state.hasError;
-            this.classList.toggle(noResultsSelector, hasNoResultsAfterInitialSearch);
-            this.classList.toggle(errorSelector, this.searchStatus.state.hasError);
-            this.classList.toggle(firstSearchExecutedSelector, this.searchStatus.state.firstSearchExecuted);
-            if (this.searchStatus.state.firstSearchExecuted &&
-                this.store.hasLoadingFlag(FirstSearchExecutedFlag)) {
-                this.store.unsetLoadingFlag(FirstSearchExecutedFlag);
-            }
-        });
-    }
-    updateHash() {
-        const newFragment = this.urlManager.state.fragment;
-        if (!this.searchStatus.state.firstSearchExecuted) {
-            history.replaceState(null, document.title, `#${newFragment}`);
-            this.bindings.engine.logger.info(`History replaceState #${newFragment}`);
-            return;
-        }
-        history.pushState(null, document.title, `#${newFragment}`);
-        this.bindings.engine.logger.info(`History pushState #${newFragment}`);
-    }
-    async internalInitialization(initEngine) {
-        await Promise.all([
-            this.interfaceController.onInitialization(initEngine),
-            this.i18Initialized,
-        ]);
-        this.updateLanguage();
-        this.bindings = this.getBindings();
-        markParentAsReady(this);
-        this.pipeline = this.engine.state.pipeline;
-        this.searchHub = this.engine.state.searchHub;
-        this.initSearchStatus();
-        await this.getUpdateComplete();
-        this.initUrlManager();
-        this.initialized = true;
-    }
-    render() {
-        return html `
-      ${when(this.bindings?.engine &&
-            this.enableRelevanceInspector &&
-            !this.disableRelevanceInspector, () => html `<atomic-relevance-inspector
-          ?open=${this.relevanceInspectorIsOpen}
-          .bindings=${this.bindings}
-        ></atomic-relevance-inspector>`)}
-      <slot></slot>
-    `;
-    }
-};
-AtomicSearchInterface.styles = [
-    css`:host{height:inherit;width:inherit;&>slot{height:inherit}}`,
-];
-__decorate([
-    state(),
-    provide({ context: bindingsContext })
-], AtomicSearchInterface.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicSearchInterface.prototype, "error", void 0);
-__decorate([
-    state()
-], AtomicSearchInterface.prototype, "relevanceInspectorIsOpen", void 0);
-__decorate([
-    property({
-        type: Array,
-        attribute: 'fields-to-include',
-        converter: {
-            fromAttribute: (value) => {
-                if (!value)
-                    return [];
-                try {
-                    const parsed = JSON.parse(value);
-                    return Array.isArray(parsed) ? parsed : [];
-                }
-                catch {
-                    return [];
-                }
-            },
-            toAttribute: (value) => JSON.stringify(value),
-        },
-    })
-], AtomicSearchInterface.prototype, "fieldsToInclude", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicSearchInterface.prototype, "pipeline", void 0);
-__decorate([
-    property({ type: String, attribute: 'search-hub', reflect: true })
-], AtomicSearchInterface.prototype, "searchHub", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        converter: booleanConverter,
-        reflect: true,
-    })
-], AtomicSearchInterface.prototype, "analytics", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicSearchInterface.prototype, "timezone", void 0);
-__decorate([
-    property({ type: String, attribute: 'log-level', reflect: true })
-], AtomicSearchInterface.prototype, "logLevel", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], AtomicSearchInterface.prototype, "i18n", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], AtomicSearchInterface.prototype, "language", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], AtomicSearchInterface.prototype, "engine", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        attribute: 'reflect-state-in-url',
-        reflect: true,
-        converter: booleanConverter,
-    })
-], AtomicSearchInterface.prototype, "reflectStateInUrl", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        attribute: 'disable-state-reflection-in-url',
-        reflect: true,
-    })
-], AtomicSearchInterface.prototype, "disableStateReflectionInUrl", void 0);
-__decorate([
-    property({ type: String, attribute: 'scroll-container', reflect: true })
-], AtomicSearchInterface.prototype, "scrollContainer", void 0);
-__decorate([
-    property({ type: String, attribute: 'language-assets-path', reflect: true })
-], AtomicSearchInterface.prototype, "languageAssetsPath", void 0);
-__decorate([
-    property({ type: String, attribute: 'icon-assets-path', reflect: true })
-], AtomicSearchInterface.prototype, "iconAssetsPath", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        attribute: 'enable-relevance-inspector',
-        reflect: true,
-        converter: booleanConverter,
-    })
-], AtomicSearchInterface.prototype, "enableRelevanceInspector", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        attribute: 'disable-relevance-inspector',
-        reflect: true,
-    })
-], AtomicSearchInterface.prototype, "disableRelevanceInspector", void 0);
-__decorate([
-    watch('searchHub')
-], AtomicSearchInterface.prototype, "updateSearchHub", null);
-__decorate([
-    watch('pipeline')
-], AtomicSearchInterface.prototype, "updatePipeline", null);
-__decorate([
-    watch('analytics')
-], AtomicSearchInterface.prototype, "toggleAnalytics", null);
-__decorate([
-    watch('language')
-], AtomicSearchInterface.prototype, "updateLanguage", null);
-__decorate([
-    watch('iconAssetsPath')
-], AtomicSearchInterface.prototype, "updateIconAssetsPath", null);
-__decorate([
-    errorGuard()
-], AtomicSearchInterface.prototype, "render", null);
-AtomicSearchInterface = __decorate([
-    customElement('atomic-search-interface'),
-    withTailwindStyles
-], AtomicSearchInterface);
-export { AtomicSearchInterface };

package/dist/atomic/components/stencil-pager-navigation.js

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

package/dist/atomic/components/stencil-pager-navigation.js.map

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

package/dist/atomic/p-0edea6f9.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-dc3df5ce.js";import{I as a}from"./p-ff2d324d.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-cae02339.js";var c=undefined&&undefined.__decorate||function(e,t,a,c){var r=arguments.length,f=r<3?t:c===null?c=Object.getOwnPropertyDescriptor(t,a):c,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")f=Reflect.decorate(e,t,a,c);else for(var i=e.length-1;i>=0;i--)if(o=e[i])f=(r<3?o(f):r>3?o(t,a,f):o(t,a))||f;return r>3&&f&&Object.defineProperty(t,a,f),f};const r=class{constructor(t){e(this,t);this.error=undefined}render(){return t("atomic-tab-bar",{key:"213ba4db0fe06cda854967aec377453090fda5c2"},t("slot",{key:"957788c0b75593ae52fd3a730ae18ae3abe2f87e"}))}};c([a()],r.prototype,"bindings",void 0);export{r as atomic_ipx_tabs};
-//# sourceMappingURL=p-0edea6f9.entry.js.map

package/dist/atomic/p-211d7d6a.js

@@ -1,2 +0,0 @@
-import{h as t}from"./p-dc3df5ce.js";import{B as a}from"./p-b93ccff9.js";import{R as e}from"./p-82398f4a.js";const i=e=>t(a,{...e,ariaLabel:e.i18n.t("previous"),style:"outline-primary",part:"previous-button",class:"flex min-h-10 min-w-10 items-center justify-center p-1"},t("atomic-icon",{icon:e.icon,part:"previous-button-icon",class:"w-5 align-middle"}));const n=e=>t(a,{...e,ariaLabel:e.i18n.t("next"),style:"outline-primary",part:"next-button",class:"flex min-h-10 min-w-10 items-center justify-center p-1"},t("atomic-icon",{icon:e.icon,part:"next-button-icon",class:"w-5 align-middle"}));const s=a=>t(e,{...a,selectWhenFocused:false,key:a.page,style:"outline-neutral",checked:a.isSelected,ariaCurrent:a.isSelected?"page":"false",class:"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1",part:`page-button${a.isSelected?" active-page-button":""}`});const o=(a,e)=>t("div",{part:"page-buttons",role:"radiogroup","aria-label":a.i18n.t("pagination"),class:"contents"},...e);const r=(a,e)=>t("nav",{"aria-label":a.i18n.t("pagination")},t("div",{part:"buttons",role:"toolbar",class:"flex flex-wrap gap-2"},...e));export{r as P,i as a,o as b,s as c,n as d};
-//# sourceMappingURL=p-211d7d6a.js.map

package/dist/atomic/p-211d7d6a.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PagerPreviousButton","props","h","Button","ariaLabel","i18n","t","style","part","class","icon","PagerNextButton","PagerPageButton","RadioButton","selectWhenFocused","key","page","checked","isSelected","ariaCurrent","PagerPageButtons","children","role","PagerNavigation"],"sources":["src/components/common/pager/stencil-pager-buttons.tsx","src/components/common/pager/stencil-pager-navigation.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button, StencilButtonProps} from '../stencil-button';\nimport {RadioButton, StencilRadioButtonProps} from '../stencil-radio-button';\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerNavigationButtonProps\n  extends Omit<StencilButtonProps, 'style' | 'part' | 'class'> {\n  icon: string;\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerPageButtonProps\n  extends Omit<\n    StencilRadioButtonProps,\n    'part' | 'style' | 'checked' | 'ariaCurrent' | 'key' | 'class' | 'ref'\n  > {\n  page: number;\n  isSelected: boolean;\n  text: string;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerPageButtonsProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPreviousButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('previous')}\n      style=\"outline-primary\"\n      part=\"previous-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"previous-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerNextButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('next')}\n      style=\"outline-primary\"\n      part=\"next-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"next-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPageButton: FunctionalComponent<PagerPageButtonProps> = (\n  props\n) => {\n  return (\n    <RadioButton\n      {...props}\n      selectWhenFocused={false}\n      key={props.page}\n      style=\"outline-neutral\"\n      checked={props.isSelected}\n      ariaCurrent={props.isSelected ? 'page' : 'false'}\n      class=\"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1\"\n      part={`page-button${props.isSelected ? ' active-page-button' : ''}`}\n    ></RadioButton>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPageButtons: FunctionalComponent<PagerPageButtonsProps> = (\n  props,\n  children\n) => {\n  return (\n    <div\n      part=\"page-buttons\"\n      role=\"radiogroup\"\n      aria-label={props.i18n.t('pagination')}\n      class=\"contents\"\n    >\n      {...children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerNavigationProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerNavigation: FunctionalComponent<PagerNavigationProps> = (\n  props,\n  children\n) => {\n  return (\n    <nav aria-label={props.i18n.t('pagination')}>\n      <div part=\"buttons\" role=\"toolbar\" class=\"flex flex-wrap gap-2\">\n        {...children}\n      </div>\n    </nav>\n  );\n};\n"],"mappings":"kHAqCaA,EAERC,GAEDC,EAACC,EAAM,IACDF,EACJG,UAAWH,EAAMI,KAAKC,EAAE,YACxBC,MAAM,kBACNC,KAAK,kBACLC,MAAM,0DAENP,EAAA,eACEQ,KAAMT,EAAMS,KACZF,KAAK,uBACLC,MAAM,sB,MASDE,EAERV,GAEDC,EAACC,EAAM,IACDF,EACJG,UAAWH,EAAMI,KAAKC,EAAE,QACxBC,MAAM,kBACNC,KAAK,cACLC,MAAM,0DAENP,EAAA,eACEQ,KAAMT,EAAMS,KACZF,KAAK,mBACLC,MAAM,sB,MASDG,EACXX,GAGEC,EAACW,EAAW,IACNZ,EACJa,kBAAmB,MACnBC,IAAKd,EAAMe,KACXT,MAAM,kBACNU,QAAShB,EAAMiB,WACfC,YAAalB,EAAMiB,WAAa,OAAS,QACzCT,MAAM,gEACND,KAAM,cAAcP,EAAMiB,WAAa,sBAAwB,O,MAQxDE,EAA+D,CAC1EnB,EACAoB,IAGEnB,EAAA,OACEM,KAAK,eACLc,KAAK,aAAY,aACLrB,EAAMI,KAAKC,EAAE,cACzBG,MAAM,eAEFY,G,MCrGGE,EAA6D,CACxEtB,EACAoB,IAGEnB,EAAA,oBAAiBD,EAAMI,KAAKC,EAAE,eAC5BJ,EAAA,OAAKM,KAAK,UAAUc,KAAK,UAAUb,MAAM,2BACnCY,W","ignoreList":[]}