@coveo/atomic 3.34.0-pre.61b8e221e3 → 3.34.0-pre.657371a547

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

@@ -1,258 +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 { VERSION as HEADLESS_VERSION } from '@coveo/headless'; // TODO - KIT-4886 import from @coveo/headless/insight
-import { buildInsightEngine, buildResultsPerPage as buildInsightResultsPerPage, loadFieldActions, } from '@coveo/headless/insight';
-import { provide } from '@lit/context';
-import i18next from 'i18next';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { InterfaceController, } from "../../common/interface/interface-controller";
-import { bindingsContext } from "../../context/bindings-context";
-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 { ChildrenUpdateCompleteMixin } from "../../../mixins/children-update-complete-mixin";
-import { markParentAsReady } from "../../../utils/init-queue";
-import { getAnalyticsConfig } from './analytics-config.js';
-import { createInsightStore } from './store.js';
-const FirstInsightRequestExecutedFlag = 'firstInsightRequestExecuted';
-/**
- * The `atomic-insight-interface` component is the parent to all other atomic insight components in an insight page.
- * It handles the headless insight engine and localization configurations.
- *
- * @slot default - The default slot where you can add child components to the interface.
- * @slot full-search - A slot for components that should be positioned absolutely in the top-right corner.
- */
-let AtomicInsightInterface = class AtomicInsightInterface extends ChildrenUpdateCompleteMixin(LitElement) {
-    constructor() {
-        super();
-        this.bindings = {};
-        this.initialized = false;
-        this.interfaceController = new InterfaceController(this, 'CoveoAtomic', HEADLESS_VERSION);
-        // TODO - KIT-4994: add disableAnalytics prop
-        // TODO - KIT-4994: deprecate in favor of disableAnalytics
-        // TODO - KIT-4990: remove
-        /**
-         * Whether analytics should be enabled.
-         */
-        this.analytics = true;
-        /**
-         * The service insight interface language.
-         */
-        this.language = 'en';
-        /**
-         * 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';
-        /**
-         * 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-insight-interface fields-to-include='["fieldA", "fieldB"]'></atomic-insight-interface>
-         * ```
-         */
-        this.fieldsToInclude = [];
-        /**
-         * The number of results per page. By default, this is set to `5`.
-         */
-        this.resultsPerPage = 5;
-        this.handleInitialization = (event) => {
-            this.interfaceController.onComponentInitializing(event);
-        };
-        this.store = createInsightStore();
-        const { promise, resolve } = Promise.withResolvers();
-        this.i18Initialized = promise;
-        this.i18n = i18next.createInstance(undefined, resolve);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.store.setLoadingFlag(FirstInsightRequestExecutedFlag);
-        this.addEventListener('atomic/initializeComponent', this.handleInitialization);
-    }
-    /**
-     * Initializes the connection with the headless insight engine using options for `accessToken` (required), `organizationId` (required), `environment` (defaults to `prod`), and `renewAccessToken`.
-     */
-    initialize(options) {
-        return this.internalInitialization(() => this.initEngine(options));
-    }
-    /**
-     * Initializes the connection with an already preconfigured headless insight engine.
-     */
-    initializeWithInsightEngine(engine) {
-        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;
-        }
-        this.engine.executeFirstSearch();
-    }
-    // TODO - KIT-4994 / KIT-4990: adjust
-    toggleAnalytics() {
-        this.interfaceController.onAnalyticsChange();
-    }
-    updateIconAssetsPath() {
-        this.store.state.iconAssetsPath = this.iconAssetsPath;
-    }
-    updateLanguage() {
-        return this.interfaceController.onLanguageChange();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('atomic/initializeComponent', this.handleInitialization);
-    }
-    render() {
-        return html `
-      <slot name="full-search"></slot>
-      <slot></slot>
-    `;
-    }
-    getBindings() {
-        return {
-            engine: this.engine,
-            i18n: this.i18n,
-            store: this.store,
-            interfaceElement: this,
-            // TODO - KIT-4839: Remove once atomic-insight-layout migration is complete.
-            createStyleElement: () => {
-                const styleTag = document.createElement('style');
-                return styleTag;
-            },
-            // TODO - KIT-4839: Remove once atomic-insight-layout migration is complete.
-            createScriptElement: () => {
-                const scriptTag = document.createElement('script');
-                return scriptTag;
-            },
-        };
-    }
-    // TODO - KIT-4994 / KIT-4990: adjust
-    initEngine(options) {
-        const analyticsConfig = getAnalyticsConfig(options, this.analytics);
-        try {
-            this.engine = buildInsightEngine({
-                configuration: {
-                    ...options,
-                    analytics: analyticsConfig,
-                },
-                loggerOptions: {
-                    level: this.logLevel,
-                },
-            });
-        }
-        catch (error) {
-            this.error = error;
-            throw error;
-        }
-    }
-    initResultsPerPage() {
-        if (!this.interfaceController.engineIsCreated(this.engine)) {
-            return;
-        }
-        buildInsightResultsPerPage(this.bindings.engine, {
-            initialState: { numberOfResults: this.resultsPerPage },
-        });
-    }
-    async internalInitialization(initEngine) {
-        await Promise.all([
-            this.interfaceController.onInitialization(initEngine),
-            this.i18Initialized,
-        ]);
-        this.updateLanguage();
-        this.bindings = this.getBindings();
-        markParentAsReady(this);
-        this.initResultsPerPage();
-        this.registerFieldsToInclude();
-        this.store.unsetLoadingFlag(FirstInsightRequestExecutedFlag);
-        await this.getUpdateComplete();
-        this.initialized = true;
-    }
-    // TODO - (v4) KIT-5008: Make private
-    registerFieldsToInclude() {
-        if (this.fieldsToInclude.length) {
-            this.engine.dispatch(loadFieldActions(this.engine).registerFieldsToInclude([
-                ...this.fieldsToInclude,
-            ]));
-        }
-    }
-};
-AtomicInsightInterface.styles = css`:host{position:relative}slot[name=full-search]{display:block;position:absolute;right:0;top:0}`;
-__decorate([
-    state(),
-    provide({ context: bindingsContext })
-], AtomicInsightInterface.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicInsightInterface.prototype, "error", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicInsightInterface.prototype, "engine", void 0);
-__decorate([
-    property({
-        type: Boolean,
-        converter: booleanConverter,
-        reflect: true,
-    })
-], AtomicInsightInterface.prototype, "analytics", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicInsightInterface.prototype, "i18n", void 0);
-__decorate([
-    property({ type: String, attribute: 'log-level', reflect: true })
-], AtomicInsightInterface.prototype, "logLevel", void 0);
-__decorate([
-    property({ type: String, attribute: 'language', reflect: true })
-], AtomicInsightInterface.prototype, "language", void 0);
-__decorate([
-    property({ type: String, attribute: 'language-assets-path', reflect: true })
-], AtomicInsightInterface.prototype, "languageAssetsPath", void 0);
-__decorate([
-    property({ type: String, attribute: 'icon-assets-path', reflect: true })
-], AtomicInsightInterface.prototype, "iconAssetsPath", void 0);
-__decorate([
-    property({ type: Array, attribute: 'fields-to-include' })
-], AtomicInsightInterface.prototype, "fieldsToInclude", void 0);
-__decorate([
-    property({ type: Number, attribute: 'results-per-page', reflect: true })
-], AtomicInsightInterface.prototype, "resultsPerPage", void 0);
-__decorate([
-    watch('analytics')
-], AtomicInsightInterface.prototype, "toggleAnalytics", null);
-__decorate([
-    watch('iconAssetsPath')
-], AtomicInsightInterface.prototype, "updateIconAssetsPath", null);
-__decorate([
-    watch('language')
-], AtomicInsightInterface.prototype, "updateLanguage", null);
-__decorate([
-    errorGuard()
-], AtomicInsightInterface.prototype, "render", null);
-AtomicInsightInterface = __decorate([
-    customElement('atomic-insight-interface'),
-    withTailwindStyles
-], AtomicInsightInterface);
-export { AtomicInsightInterface };

package/dist/atomic/p-1fca38e1.js

@@ -1,2 +0,0 @@
-import{c as t}from"./p-c9074946.js";const n="1024px";function o(t,o){const c=new RegExp(`\\(min-width: ${n}\\)|\\(width >= ${n}\\)`,"g");return t.replace(c,`(width >= ${o})`)}function c(t,n){const c=t.shadowRoot?.adoptedStyleSheets;if(!c||!c.length){return}const i=c[0];const r=Object.values(i.cssRules).map((t=>t.cssText)).join("");i.replaceSync(o(r,n))}function i(t,n){const c=t.shadowRoot?.querySelector("style");if(!c){return}c.textContent=o(c.textContent,n)}const r=["atomic-search-layout","atomic-insight-layout"];function s(o){const s=t(o,r.join(", "));if(!s?.mobileBreakpoint){return}if(s.mobileBreakpoint===n){return}c(o,s.mobileBreakpoint);i(o,s.mobileBreakpoint)}export{s as u};
-//# sourceMappingURL=p-1fca38e1.js.map

package/dist/atomic/p-36270a85.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as n}from"./p-dc3df5ce.js";import{I as i}from"./p-ff2d324d.js";import{r as s}from"./p-f537c5af.js";import{f as e,s as o}from"./p-cc2b2231.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-cae02339.js";import"./p-f284897c.js";import"./p-0462f723.js";const r="atomic-insight-tabs";const a="atomic-insight-refine-modal";const c="atomic-insight-search-box";const h=["atomic-insight-refine-toggle","atomic-insight-edit-toggle","atomic-insight-history-toggle"];const g=["atomic-insight-smart-snippet-suggestions","atomic-insight-smart-snippet"];const m="atomic-insight-generated-answer";function p(t,n){const i=t.id;const s=`atomic-insight-layout#${i}`;const p=Boolean(e(t,"search")?.querySelector(r));const d=n?`\n  ${s} {\n    display: grid;\n    grid-template-rows: auto auto 8fr 1fr;\n    max-height: 100%;\n    box-sizing: border-box;\n  }\n  ${s} ${a} {\n    grid-row-start: 5;\n  }`:"";const f=`${o("search")} {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      grid-gap: 0.5rem;\n      background: var(--atomic-neutral-light);\n      padding-top: 1.5rem;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n      box-sizing: border-box;\n      min-width: 0;\n      ${!p?"padding-bottom: 1.5rem;":""}\n    }\n\n    ${o("search")} ${c} {\n      flex-grow: 1;\n      height: 2.6rem;\n    }\n\n    ${h.map((t=>`${o("search")} ${t} {\n      flex-shrink: 0;\n    }`))}\n\n    ${o("search")} ${r} {\n      width: 100%;\n    }\n    `;const l=`${o("facets")} {\n      display: none;\n    }\n    `;const u=`\n    ${o("results")} {\n      overflow: auto;\n    }\n\n    ${o("results")} ${g.join(",")} {\n      padding: 1.5rem 1.5rem 0px;\n    }\n\n    ${o("results")} ${m} {\n      margin-left: 1.5rem;\n      margin-right: 1.5rem;\n    }\n    `;return[d,f,l,u].filter((t=>t!=="")).join("\n\n")}var d=undefined&&undefined.__decorate||function(t,n,i,s){var e=arguments.length,o=e<3?n:s===null?s=Object.getOwnPropertyDescriptor(n,i):s,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(t,n,i,s);else for(var a=t.length-1;a>=0;a--)if(r=t[a])o=(e<3?r(o):e>3?r(n,i,o):r(n,i))||o;return e>3&&o&&Object.defineProperty(n,i,o),o};const f=class{constructor(n){t(this,n);this.widget=false;this.widget=false}updateStyles(){if(this.styleTag){this.styleTag.innerHTML=p(this.host,this.widget)}else{this.makeStyleTag()}}makeStyleTag(){if(!this.bindings)return;this.styleTag=this.bindings.createStyleElement();this.styleTag.innerHTML=p(this.host,this.widget);this.host.appendChild(this.styleTag)}componentDidLoad(){const t=this.host.id||s("atomic-insight-layout-");this.host.id=t;this.makeStyleTag()}get host(){return n(this)}static get watchers(){return{widget:["updateStyles"]}}};d([i()],f.prototype,"bindings",void 0);export{f as atomic_insight_layout};
-//# sourceMappingURL=p-36270a85.entry.js.map

package/dist/atomic/p-36270a85.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tabsSelector","refineModalSelector","searchBoxSelector","toggleSelectors","smartSnippetSelectors","generatedAnswerSelector","buildInsightLayout","element","widget","id","layoutSelector","hasTabs","Boolean","findSection","querySelector","interfaceStyle","search","sectionSelector","map","toggleSelector","facets","results","join","filter","declaration","AtomicInsightLayout","this","updateStyles","styleTag","innerHTML","host","makeStyleTag","bindings","createStyleElement","appendChild","componentDidLoad","randomID","__decorate","InitializeBindings"],"sources":["src/components/insight/atomic-insight-layout/insight-layout.ts","src/components/insight/atomic-insight-layout/atomic-insight-layout.tsx"],"sourcesContent":["import {\n  findSection,\n  sectionSelector,\n} from '../../common/atomic-layout-section/atomic-layout-section-utils';\n\nconst tabsSelector = 'atomic-insight-tabs';\nconst refineModalSelector = 'atomic-insight-refine-modal';\nconst searchBoxSelector = 'atomic-insight-search-box';\nconst toggleSelectors = [\n  'atomic-insight-refine-toggle',\n  'atomic-insight-edit-toggle',\n  'atomic-insight-history-toggle',\n];\nconst smartSnippetSelectors = [\n  'atomic-insight-smart-snippet-suggestions',\n  'atomic-insight-smart-snippet',\n];\nconst generatedAnswerSelector = 'atomic-insight-generated-answer';\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n  return `only screen and (min-width: ${mobileBreakpoint})`;\n}\n\nexport function buildInsightLayout(element: HTMLElement, widget: boolean) {\n  const id = element.id;\n  const layoutSelector = `atomic-insight-layout#${id}`;\n\n  const hasTabs = Boolean(\n    findSection(element, 'search')?.querySelector(tabsSelector)\n  );\n\n  const interfaceStyle = widget\n    ? `\n  ${layoutSelector} {\n    display: grid;\n    grid-template-rows: auto auto 8fr 1fr;\n    max-height: 100%;\n    box-sizing: border-box;\n  }\n  ${layoutSelector} ${refineModalSelector} {\n    grid-row-start: 5;\n  }`\n    : '';\n\n  const search = `${sectionSelector('search')} {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      grid-gap: 0.5rem;\n      background: var(--atomic-neutral-light);\n      padding-top: 1.5rem;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n      box-sizing: border-box;\n      min-width: 0;\n      ${!hasTabs ? 'padding-bottom: 1.5rem;' : ''}\n    }\n\n    ${sectionSelector('search')} ${searchBoxSelector} {\n      flex-grow: 1;\n      height: 2.6rem;\n    }\n\n    ${toggleSelectors.map(\n      (toggleSelector) => `${sectionSelector('search')} ${toggleSelector} {\n      flex-shrink: 0;\n    }`\n    )}\n\n    ${sectionSelector('search')} ${tabsSelector} {\n      width: 100%;\n    }\n    `;\n\n  const facets = `${sectionSelector('facets')} {\n      display: none;\n    }\n    `;\n\n  const results = `\n    ${sectionSelector('results')} {\n      overflow: auto;\n    }\n\n    ${sectionSelector('results')} ${smartSnippetSelectors.join(',')} {\n      padding: 1.5rem 1.5rem 0px;\n    }\n\n    ${sectionSelector('results')} ${generatedAnswerSelector} {\n      margin-left: 1.5rem;\n      margin-right: 1.5rem;\n    }\n    `;\n\n  return [interfaceStyle, search, facets, results]\n    .filter((declaration) => declaration !== '')\n    .join('\\n\\n');\n}\n","import {Component, Element, Prop, Watch} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\nimport {buildInsightLayout} from './insight-layout';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-layout',\n  shadow: false,\n})\nexport class AtomicInsightLayout\n  implements InitializableComponent<InsightBindings>\n{\n  public error!: Error;\n  private styleTag?: HTMLStyleElement;\n  @Element() private host!: HTMLElement;\n  /**\n   * Whether the interface should be shown in widget format.\n   */\n  @Prop({reflect: true, mutable: true}) public widget = false;\n  @InitializeBindings() public bindings!: InsightBindings;\n  @Watch('widget')\n  public updateStyles() {\n    if (this.styleTag) {\n      this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n    } else {\n      this.makeStyleTag();\n    }\n  }\n\n  private makeStyleTag() {\n    if(!this.bindings ) return;\n    this.styleTag = this.bindings.createStyleElement();\n    this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n    this.host.appendChild(this.styleTag);\n  }\n\n  public componentDidLoad() {\n    const id = this.host.id || randomID('atomic-insight-layout-');\n    this.host.id = id;\n\n    this.makeStyleTag();\n  }\n}\n"],"mappings":"8SAKA,MAAMA,EAAe,sBACrB,MAAMC,EAAsB,8BAC5B,MAAMC,EAAoB,4BAC1B,MAAMC,EAAkB,CACtB,+BACA,6BACA,iCAEF,MAAMC,EAAwB,CAC5B,2CACA,gCAEF,MAAMC,EAA0B,kC,SAMhBC,EAAmBC,EAAsBC,GACvD,MAAMC,EAAKF,EAAQE,GACnB,MAAMC,EAAiB,yBAAyBD,IAEhD,MAAME,EAAUC,QACdC,EAAYN,EAAS,WAAWO,cAAcd,IAGhD,MAAMe,EAAiBP,EACnB,OACFE,mIAMAA,KAAkBT,mCAGhB,GAEJ,MAAMe,EAAS,GAAGC,EAAgB,6SAW3BN,EAAU,0BAA4B,oBAGzCM,EAAgB,aAAaf,iEAK7BC,EAAgBe,KACfC,GAAmB,GAAGF,EAAgB,aAAaE,gDAKpDF,EAAgB,aAAajB,uCAKjC,MAAMoB,EAAS,GAAGH,EAAgB,iDAKlC,MAAMI,EAAU,SACZJ,EAAgB,qDAIhBA,EAAgB,cAAcb,EAAsBkB,KAAK,2DAIzDL,EAAgB,cAAcZ,4EAMlC,MAAO,CAACU,EAAgBC,EAAQI,EAAQC,GACrCE,QAAQC,GAAgBA,IAAgB,KACxCF,KAAK,OACV,C,iXCjFaG,EAAmB,M,yBASeC,KAAAlB,OAAS,M,YAAA,K,CAG/C,YAAAmB,GACL,GAAID,KAAKE,SAAU,CACjBF,KAAKE,SAASC,UAAYvB,EAAmBoB,KAAKI,KAAMJ,KAAKlB,O,KACxD,CACLkB,KAAKK,c,EAID,YAAAA,GACN,IAAIL,KAAKM,SAAW,OACpBN,KAAKE,SAAWF,KAAKM,SAASC,qBAC9BP,KAAKE,SAASC,UAAYvB,EAAmBoB,KAAKI,KAAMJ,KAAKlB,QAC7DkB,KAAKI,KAAKI,YAAYR,KAAKE,S,CAGtB,gBAAAO,GACL,MAAM1B,EAAKiB,KAAKI,KAAKrB,IAAM2B,EAAS,0BACpCV,KAAKI,KAAKrB,GAAKA,EAEfiB,KAAKK,c,mFArBsBM,EAAA,CAA5BC,K","ignoreList":[]}

package/dist/atomic/p-5d0fc7e2.js

@@ -1,2 +0,0 @@
-import{e as o}from"./p-f537c5af.js";function f(f){f.style.display=o(f)?"":"none"}export{f as h};
-//# sourceMappingURL=p-5d0fc7e2.js.map