@coveo/atomic 3.38.0 → 3.39.0

package/dist/esm/initialization-utils-de209ce3.js.map

@@ -0,0 +1 @@
+{"file":"initialization-utils-de209ce3.js","mappings":"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","names":["forceUpdate","forceUpdateComponent"],"sources":["src/components/common/stencil-hidden.tsx","src/utils/initialization-utils.tsx"],"sourcesContent":["import {FunctionalComponent, Host, h} from '@stencil/core';\n\n/**\n * @deprecated This component is no longer needed. For Lit components, render `nothing` instead.\n */\nexport const Hidden: FunctionalComponent = () => (\n  <Host class=\"atomic-hidden\"></Host>\n);\n","import {\n  ComponentInterface,\n  getElement,\n  h,\n  forceUpdate as forceUpdateComponent,\n} from '@stencil/core';\nimport {TOptions} from 'i18next';\nimport {AnyBindings} from '../components/common/interface/bindings';\nimport {Hidden} from '../components/common/stencil-hidden';\nimport {Bindings} from '../components/search/atomic-search-interface/atomic-search-interface';\nimport {closest} from './dom-utils';\nimport {buildCustomEvent} from './event-utils';\nimport {enqueueOrDispatchInitializationEvent} from './init-queue';\nimport {\n  MissingInterfaceParentError,\n  InitializeEventHandler,\n  initializableElements,\n  initializeEventName,\n  fetchBindings,\n} from './initialization-lit-stencil-common-utils';\n\nexport type InitializeEvent = CustomEvent<InitializeEventHandler>;\n\n/**\n * Retrieves `Bindings` or `CommerceBindings` on a configured parent interface.\n * @param event - The element on which to dispatch the event, which must be the child of a configured Atomic container element.\n * @returns A promise that resolves upon initialization of the parent container element, and rejects otherwise.\n */\nexport function initializeBindings<\n  SpecificBindings extends AnyBindings = Bindings,\n>(element: Element) {\n  return fetchBindings<SpecificBindings>(element);\n}\n\nexport {\n  MissingInterfaceParentError,\n  InitializeEventHandler,\n  initializeEventName,\n} from './initialization-lit-stencil-common-utils';\n\n/**\n * Necessary interface an Atomic Component must have to initialize itself correctly.\n * @deprecated To be used for Stencil components. For Lit components. use `InitializableComponent` from './decorators/types/'\n */\nexport interface InitializableComponent<\n  SpecificBindings extends AnyBindings = Bindings,\n> extends ComponentInterface {\n  /**\n   * Bindings passed from the `AtomicSearchInterface` to its children components.\n   */\n  bindings: SpecificBindings;\n  /**\n   * Method called right after the `bindings` property is defined. This is the method where Headless Framework controllers should be initialized.\n   */\n  initialize?: () => void;\n  error: Error;\n}\n\ntype InitializeBindingsProps = {\n  forceUpdate?: boolean;\n};\n\nconst renderedAttribute = 'data-atomic-rendered';\nconst loadedAttribute = 'data-atomic-loaded';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used on a property named `bindings`.\n * This will automatically fetch the `Bindings` from the parent `atomic-search-interface` or `atomic-external` components.\n *\n * Once a component is bound, the `initialize` method is called.\n * In the event of an initialization error, the `error` property will be set and an `atomic-component-error` will be rendered.\n *\n * In order for a component using this decorator to render properly, it should have an internal state bound to one of the properties from `bindings`.\n * This is possible by using the `BindStateToController` decorator.\n *\n * @example\n * @InitializeBindings() public bindings!: Bindings;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n * @deprecated To be used for Stencil components. For Lit components, use `BindingController` Reactive Controller from @/mixins/bindings-mixin.ts.\n */\nexport function InitializeBindings<SpecificBindings extends AnyBindings>({\n  forceUpdate,\n}: InitializeBindingsProps = {}) {\n  return (\n    component: InitializableComponent<SpecificBindings>,\n    bindingsProperty: string\n  ) => {\n    const {\n      componentWillLoad,\n      render,\n      componentDidRender,\n      componentDidLoad,\n      disconnectedCallback,\n    } = component;\n    let unsubscribeLanguage = () => {};\n\n    if (bindingsProperty !== 'bindings') {\n      return console.error(\n        `The InitializeBindings decorator should be used on a property called \"bindings\", and not \"${bindingsProperty}\"`,\n        component\n      );\n    }\n\n    component.componentWillLoad = function () {\n      const element = getElement(this);\n      element.setAttribute(renderedAttribute, 'false');\n      element.setAttribute(loadedAttribute, 'false');\n      const event = buildCustomEvent(\n        initializeEventName,\n        (bindings: SpecificBindings) => {\n          this.bindings = bindings;\n\n          const updateLanguage = () => forceUpdateComponent(this);\n          this.bindings.i18n.on('languageChanged', updateLanguage);\n          unsubscribeLanguage = () =>\n            this.bindings.i18n.off('languageChanged', updateLanguage);\n\n          try {\n            // When no controller is initialized, updating a property with a State() decorator, there will be no re-render.\n            // In this case, we have to manually trigger it.\n            if (this.initialize) {\n              this.initialize();\n              if (forceUpdate) {\n                forceUpdateComponent(this);\n              }\n            } else {\n              forceUpdateComponent(this);\n            }\n          } catch (e) {\n            this.error = e as Error;\n          }\n        }\n      );\n      const parent = closest(element, initializableElements.join(', '));\n      if (!parent) {\n        this.error = new MissingInterfaceParentError(\n          element.nodeName.toLowerCase()\n        );\n        return;\n      }\n      enqueueOrDispatchInitializationEvent(\n        parent,\n        event as InitializeEvent,\n        element\n      );\n      return componentWillLoad && componentWillLoad.call(this);\n    };\n\n    component.render = function () {\n      if (this.error) {\n        return (\n          <atomic-component-error\n            element={getElement(this)}\n            error={this.error}\n          ></atomic-component-error>\n        );\n      }\n\n      if (!this.bindings) {\n        return <Hidden></Hidden>;\n      }\n\n      getElement(this).setAttribute(renderedAttribute, 'true');\n      return render && render.call(this);\n    };\n\n    component.disconnectedCallback = function () {\n      const element = getElement(this);\n      element.setAttribute(renderedAttribute, 'false');\n      element.setAttribute(loadedAttribute, 'false');\n      unsubscribeLanguage();\n      disconnectedCallback && disconnectedCallback.call(this);\n    };\n\n    component.componentDidRender = function () {\n      const element = getElement(this);\n      if (element.getAttribute(renderedAttribute) === 'false') {\n        return;\n      }\n\n      componentDidRender && componentDidRender.call(this);\n      if (element.getAttribute(loadedAttribute) === 'false') {\n        element.setAttribute(loadedAttribute, 'true');\n        componentDidLoad && componentDidLoad.call(this);\n      }\n    };\n\n    component.componentDidLoad = function () {};\n  };\n}\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) is used together with the [State decorator](https://stenciljs.com/docs/state#state-decorator).\n * This allows the Stencil component state property to automatically get updates from a [Coveo Headless controller](https://docs.coveo.com/en/headless/latest/usage/#use-headless-controllers).\n *\n * @example\n * @BindStateToController('pager') @State() private pagerState!: PagerState;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n *\n * @param controllerProperty The controller property to subscribe to. The controller has to be created inside of the `initialize` method.\n * @param options The configurable `BindStateToController` options.\n *\n * @deprecated To be used for Stencil components. For Lit components. use `bindStateToController` from '../decorators/bind-state.ts'\n */\nexport function BindStateToController(\n  controllerProperty: string,\n  options?: {\n    /**\n     * Component's method to be called when state is updated.\n     */\n    onUpdateCallbackMethod?: string;\n  }\n) {\n  return (\n    component: InitializableComponent<AnyBindings>,\n    stateProperty: string\n  ) => {\n    const {disconnectedCallback, initialize} = component;\n\n    component.initialize = function () {\n      initialize && initialize.call(this);\n\n      if (!initialize) {\n        return console.error(\n          `ControllerState: The \"initialize\" method has to be defined and instantiate a controller for the property ${controllerProperty}`,\n          component\n        );\n      }\n\n      if (!this[controllerProperty]) {\n        return;\n      }\n\n      if (\n        options?.onUpdateCallbackMethod &&\n        !this[options.onUpdateCallbackMethod]\n      ) {\n        return console.error(\n          `ControllerState: The onUpdateCallbackMethod property \"${options.onUpdateCallbackMethod}\" is not defined`,\n          component\n        );\n      }\n\n      this.unsubscribeController = this[controllerProperty].subscribe(() => {\n        this[stateProperty] = this[controllerProperty].state;\n        options?.onUpdateCallbackMethod &&\n          this[options.onUpdateCallbackMethod]();\n      });\n    };\n\n    component.disconnectedCallback = function () {\n      !getElement(this).isConnected && this.unsubscribeController?.();\n      disconnectedCallback && disconnectedCallback.call(this);\n    };\n  };\n}\n\ninterface DeferredExecution {\n  args: unknown[];\n}\n\nexport function DeferUntilRender() {\n  return (component: ComponentInterface, methodName: string) => {\n    const {componentDidRender, connectedCallback} = component;\n    const originalMethod = component[methodName] as Function;\n    let deferredExecutions: DeferredExecution[] = [];\n\n    component.connectedCallback = function () {\n      this[methodName] = function (...args: unknown[]) {\n        deferredExecutions.push({args});\n      };\n      connectedCallback && connectedCallback.call(this);\n    };\n\n    component.componentDidRender = function () {\n      deferredExecutions.forEach(({args}) =>\n        originalMethod.call(this, ...args)\n      );\n      deferredExecutions = [];\n      componentDidRender && componentDidRender.call(this);\n    };\n  };\n}\n\nexport type I18nState = Record<string, (variables?: TOptions) => string>;\n"],"version":3}

package/dist/esm/item-layout-sections-4f105293.js

@@ -0,0 +1,41 @@
+import { b as isElementNode } from './utils-730e6154.js';
+
+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]);
+function isResultSectionNode(element) {
+    if (!isElementNode(element)) {
+        return false;
+    }
+    return allTags.has(element.tagName.toLowerCase());
+}
+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));
+}
+
+export { containsSections as c, isResultSectionNode as i };
+
+//# sourceMappingURL=item-layout-sections-4f105293.js.map

package/dist/esm/item-layout-sections-4f105293.js.map

@@ -0,0 +1 @@
+{"file":"item-layout-sections-4f105293.js","mappings":";;AAEA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC;IAChC,8BAA8B;IAC9B,8BAA8B;IAC9B,+BAA+B;IAC/B,6BAA6B;IAC7B,sCAAsC;IACtC,kCAAkC;IAClC,+BAA+B;IAC/B,uCAAuC;IACvC,gCAAgC;CACxB,CAAC,CAAC;AAEZ,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,+BAA+B;IAC/B,+BAA+B;IAC/B,gCAAgC;IAChC,6BAA6B;IAC7B,iCAAiC;IACjC,mCAAmC;IACnC,oCAAoC;IACpC,wCAAwC;IACxC,iCAAiC;CACzB,CAAC,CAAC;AAEZ,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,iBAAiB,EAAE,GAAG,kBAAkB,CAAC,CAAC,CAAC;SAMvD,mBAAmB,CAAC,OAAa;IAC/C,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;QAC3B,OAAO,KAAK,CAAC;KACd;IACD,OAAO,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAwB,CAAC,CAAC;AAC1E,CAAC;SAEe,gBAAgB,CAAC,OAA2C;IAC1E,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QAC/B,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;KAC1E;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;AACzE;;;;","names":[],"sources":["src/components/common/layout/item-layout-sections.ts"],"sourcesContent":["import {isElementNode} from '@/src/utils/utils';\n\nconst resultSectionTags = new Set([\n  'atomic-result-section-visual',\n  'atomic-result-section-badges',\n  'atomic-result-section-actions',\n  'atomic-result-section-title',\n  'atomic-result-section-title-metadata',\n  'atomic-result-section-emphasized',\n  'atomic-result-section-excerpt',\n  'atomic-result-section-bottom-metadata',\n  'atomic-result-section-children',\n] as const);\n\nconst productSectionTags = new Set([\n  'atomic-product-section-visual',\n  'atomic-product-section-badges',\n  'atomic-product-section-actions',\n  'atomic-product-section-name',\n  'atomic-product-section-metadata',\n  'atomic-product-section-emphasized',\n  'atomic-product-section-description',\n  'atomic-product-section-bottom-metadata',\n  'atomic-product-section-children',\n] as const);\n\nconst allTags = new Set([...resultSectionTags, ...productSectionTags]);\n\ntype SetValueType<T> = T extends Set<infer U> ? U : never;\n\nexport type ItemSectionTagName = SetValueType<typeof allTags>;\n\nexport function isResultSectionNode(element: Node) {\n  if (!isElementNode(element)) {\n    return false;\n  }\n  return allTags.has(element.tagName.toLowerCase() as ItemSectionTagName);\n}\n\nexport function containsSections(content: string | NodeList | HTMLCollection) {\n  if (typeof content === 'string') {\n    return Array.from(allTags.values()).some((tag) => content.includes(tag));\n  }\n  return Array.from(content).some((child) => isResultSectionNode(child));\n}\n"],"version":3}

package/dist/esm/jsx-utils-60f0f9d1.js

@@ -0,0 +1,29 @@
+import { h, F as Fragment } from './index-62c2216d.js';
+
+/**
+ * @deprecated Should only be used for Stencil components; for Lit components, use the localizedString directive instead
+ */
+const LocalizedString = ({ i18n, key, params, count, }) => {
+    const delimitingCharacter = '\u001d'; // Unicode group separator
+    const placeholderPrefixCharacter = '\u001a'; // Unicode substitute character
+    const getPlaceholderForParamKey = (paramKey) => `${delimitingCharacter}${placeholderPrefixCharacter}${paramKey}${delimitingCharacter}`;
+    const getParamFromPlaceholder = (placeholder) => params[placeholder.slice(1)];
+    const placeholdersMap = Object.fromEntries(Object.keys(params).map((paramKey) => [
+        paramKey,
+        getPlaceholderForParamKey(paramKey),
+    ]));
+    const localizedStringWithPlaceholders = i18n.t(key, {
+        interpolation: { escapeValue: false },
+        count,
+        ...placeholdersMap,
+    });
+    return (h(Fragment, null, localizedStringWithPlaceholders
+        .split(delimitingCharacter)
+        .map((text) => text.startsWith(placeholderPrefixCharacter)
+        ? getParamFromPlaceholder(text)
+        : text)));
+};
+
+export { LocalizedString as L };
+
+//# sourceMappingURL=jsx-utils-60f0f9d1.js.map

package/dist/esm/jsx-utils-60f0f9d1.js.map

@@ -0,0 +1 @@
+{"file":"jsx-utils-60f0f9d1.js","mappings":";;AAGA;;;MAGa,eAAe,GAA8C,CAAC,EACzE,IAAI,EACJ,GAAG,EACH,MAAM,EACN,KAAK,GACN;IACC,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACrC,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAC5C,MAAM,yBAAyB,GAAG,CAAC,QAAgB,KACjD,GAAG,mBAAmB,GAAG,0BAA0B,GAAG,QAAQ,GAAG,mBAAmB,EAAE,CAAC;IACzF,MAAM,uBAAuB,GAAG,CAAC,WAAmB,KAClD,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/B,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,CACxC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK;QACpC,QAAQ;QACR,yBAAyB,CAAC,QAAQ,CAAC;KACpC,CAAC,CACH,CAAC;IACF,MAAM,+BAA+B,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE;QAClD,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;QACnC,KAAK;QACL,GAAG,eAAe;KACnB,CAAC,CAAC;IAEH,QACE,EAAC,QAAQ,QACN,+BAA+B;SAC7B,KAAK,CAAC,mBAAmB,CAAC;SAC1B,GAAG,CAAC,CAAC,IAAI,KACR,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC;UACvC,uBAAuB,CAAC,IAAI,CAAC;UAC7B,IAAI,CACT,CACM,EACX;AACJ;;;;","names":[],"sources":["src/utils/jsx-utils.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {LocalizedStringProps} from '../directives/localized-string';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the localizedString directive instead\n */\nexport const LocalizedString: FunctionalComponent<LocalizedStringProps> = ({\n  i18n,\n  key,\n  params,\n  count,\n}) => {\n  const delimitingCharacter = '\\u001d'; // Unicode group separator\n  const placeholderPrefixCharacter = '\\u001a'; // Unicode substitute character\n  const getPlaceholderForParamKey = (paramKey: string) =>\n    `${delimitingCharacter}${placeholderPrefixCharacter}${paramKey}${delimitingCharacter}`;\n  const getParamFromPlaceholder = (placeholder: string) =>\n    params[placeholder.slice(1)];\n\n  const placeholdersMap = Object.fromEntries(\n    Object.keys(params).map((paramKey) => [\n      paramKey,\n      getPlaceholderForParamKey(paramKey),\n    ])\n  );\n  const localizedStringWithPlaceholders = i18n.t(key, {\n    interpolation: {escapeValue: false},\n    count,\n    ...placeholdersMap,\n  });\n\n  return (\n    <Fragment>\n      {localizedStringWithPlaceholders\n        .split(delimitingCharacter)\n        .map((text) =>\n          text.startsWith(placeholderPrefixCharacter)\n            ? getParamFromPlaceholder(text)\n            : text\n        )}\n    </Fragment>\n  );\n};\n"],"version":3}

package/dist/esm/props-utils-e04e8ad0.js

@@ -0,0 +1,86 @@
+import { isArray } from '@coveo/bueno';
+import { g as getElement } from './index-62c2216d.js';
+import { c as camelToKebab, k as kebabToCamel } from './utils-730e6154.js';
+
+/**
+ * @deprecated Use the `mapProperty` decorator instead.
+ */
+function MapProp(opts) {
+    return (component, variableName) => {
+        const { componentWillLoad } = component;
+        if (!componentWillLoad) {
+            console.error('The "componentWillLoad" lifecycle method has to be defined for the MapProp decorator to work.');
+            return;
+        }
+        component.componentWillLoad = function () {
+            const prefix = opts?.attributePrefix || variableName;
+            const variable = this[variableName];
+            const attributes = getElement(this).attributes;
+            mapAttributesToProp(prefix, variable, Array.from(attributes), opts?.splitValues ?? false);
+            componentWillLoad.call(this);
+        };
+    };
+}
+/**
+ * @deprecated In Lit, you can achieve the same behavior by using `@property({type: Array})`.
+ */
+function ArrayProp() {
+    return (component, variableName) => {
+        const { componentWillLoad } = component;
+        const attributeWithBrackets = camelToKebab(variableName);
+        component.componentWillLoad = function () {
+            const value = this[variableName];
+            if (!value || isArray(value)) {
+                componentWillLoad?.call(this);
+                return;
+            }
+            try {
+                const valueAsArray = JSON.parse(value);
+                if (isArray(valueAsArray)) {
+                    this[variableName] = valueAsArray;
+                }
+                else {
+                    console.error(`Property ${attributeWithBrackets} should be an array`, getElement(this));
+                }
+            }
+            catch (e) {
+                console.error(`Error while parsing attribute ${attributeWithBrackets} as array`, e);
+            }
+            componentWillLoad?.call(this);
+        };
+    };
+}
+function splitAttributeValueOnCommas(attributeValue) {
+    const splitButIgnoreEscapeSymbolsExpression = /(?:\\.|[^,])+/g;
+    const [...valuesWithEscapeSymbols] = attributeValue.matchAll(splitButIgnoreEscapeSymbolsExpression) ?? [];
+    const removeEscapeSymbolsExpression = /\\(.)/g;
+    return valuesWithEscapeSymbols.map(([valuesWithEscapeSymbols]) => valuesWithEscapeSymbols.replace(removeEscapeSymbolsExpression, '$1'));
+}
+function mapAttributesToProp(prefix, mapVariable, attributes, splitValues) {
+    const map = attributesToStringMap(prefix, attributes);
+    Object.assign(mapVariable, splitValues ? stringMapToStringArrayMap(map) : map);
+}
+function stringMapToStringArrayMap(map) {
+    return Object.entries(map).reduce((acc, [key, value]) => ({
+        // biome-ignore lint/performance/noAccumulatingSpread: <>
+        ...acc,
+        [key]: splitAttributeValueOnCommas(value).map((subValue) => subValue.trim()),
+    }), {});
+}
+function attributesToStringMap(prefix, attributes) {
+    const mapVariable = {};
+    const kebabPrefix = `${camelToKebab(prefix)}-`;
+    for (let i = 0; i < attributes.length; i++) {
+        const attribute = attributes[i];
+        if (attribute.name.indexOf(kebabPrefix) !== 0) {
+            continue;
+        }
+        const property = kebabToCamel(attribute.name.replace(kebabPrefix, ''));
+        mapVariable[property] = `${attribute.value}`;
+    }
+    return mapVariable;
+}
+
+export { ArrayProp as A, MapProp as M };
+
+//# sourceMappingURL=props-utils-e04e8ad0.js.map

package/dist/esm/props-utils-e04e8ad0.js.map

@@ -0,0 +1 @@
+{"file":"props-utils-e04e8ad0.js","mappings":"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","names":[],"sources":["src/utils/props-utils.ts"],"sourcesContent":["import {isArray} from '@coveo/bueno';\nimport {type ComponentInterface, getElement} from '@stencil/core';\nimport type {ReactiveElement} from 'lit';\nimport {camelToKebab, kebabToCamel} from './utils';\n\ninterface MapPropOptions {\n  attributePrefix?: string;\n  splitValues?: boolean;\n}\n\nexport function mapProperty<Element extends ReactiveElement>(\n  options?: MapPropOptions\n) {\n  return <\n    Instance extends Element & Record<string, unknown>,\n    K extends keyof Instance,\n  >(\n    proto: ReactiveElement,\n    propertyKey: K\n  ) => {\n    const ctor = proto.constructor as typeof ReactiveElement;\n    ctor.addInitializer((instance) => {\n      const props = {};\n      const prefix =\n        options?.attributePrefix || camelToKebab(propertyKey.toString());\n\n      mapAttributesToProp(\n        prefix,\n        props,\n        Array.from(instance.attributes),\n        options?.splitValues ?? false\n      );\n\n      (instance as Instance)[propertyKey] = props as Instance[K];\n    });\n  };\n}\n\n/**\n * @deprecated Use the `mapProperty` decorator instead.\n */\nexport function MapProp(opts?: MapPropOptions) {\n  return (component: ComponentInterface, variableName: string) => {\n    const {componentWillLoad} = component;\n    if (!componentWillLoad) {\n      console.error(\n        'The \"componentWillLoad\" lifecycle method has to be defined for the MapProp decorator to work.'\n      );\n      return;\n    }\n\n    component.componentWillLoad = function () {\n      const prefix = opts?.attributePrefix || variableName;\n      const variable = this[variableName];\n      const attributes = getElement(this).attributes;\n      mapAttributesToProp(\n        prefix,\n        variable,\n        Array.from(attributes),\n        opts?.splitValues ?? false\n      );\n      componentWillLoad.call(this);\n    };\n  };\n}\n\n/**\n * @deprecated In Lit, you can achieve the same behavior by using `@property({type: Array})`.\n */\nexport function ArrayProp() {\n  return (component: ComponentInterface, variableName: string) => {\n    const {componentWillLoad} = component;\n\n    const attributeWithBrackets = camelToKebab(variableName);\n\n    component.componentWillLoad = function () {\n      const value = this[variableName];\n      if (!value || isArray(value)) {\n        componentWillLoad?.call(this);\n        return;\n      }\n\n      try {\n        const valueAsArray = JSON.parse(value);\n        if (isArray(valueAsArray)) {\n          this[variableName] = valueAsArray;\n        } else {\n          console.error(\n            `Property ${attributeWithBrackets} should be an array`,\n            getElement(this)\n          );\n        }\n      } catch (e) {\n        console.error(\n          `Error while parsing attribute ${attributeWithBrackets} as array`,\n          e\n        );\n      }\n\n      componentWillLoad?.call(this);\n    };\n  };\n}\n\nfunction splitAttributeValueOnCommas(attributeValue: string) {\n  const splitButIgnoreEscapeSymbolsExpression = /(?:\\\\.|[^,])+/g;\n  const [...valuesWithEscapeSymbols] =\n    attributeValue.matchAll(splitButIgnoreEscapeSymbolsExpression) ?? [];\n\n  const removeEscapeSymbolsExpression = /\\\\(.)/g;\n  return valuesWithEscapeSymbols.map(([valuesWithEscapeSymbols]) =>\n    valuesWithEscapeSymbols.replace(removeEscapeSymbolsExpression, '$1')\n  );\n}\n\nexport function mapAttributesToProp(\n  prefix: string,\n  mapVariable: Record<string, string | string[]>,\n  attributes: {name: string; value: string}[],\n  splitValues: boolean\n) {\n  const map = attributesToStringMap(prefix, attributes);\n  Object.assign(\n    mapVariable,\n    splitValues ? stringMapToStringArrayMap(map) : map\n  );\n}\n\nfunction stringMapToStringArrayMap(map: Record<string, string>) {\n  return Object.entries(map).reduce(\n    (acc, [key, value]) => ({\n      // biome-ignore lint/performance/noAccumulatingSpread: <>\n      ...acc,\n      [key]: splitAttributeValueOnCommas(value).map((subValue) =>\n        subValue.trim()\n      ),\n    }),\n    {}\n  );\n}\n\nfunction attributesToStringMap(\n  prefix: string,\n  attributes: {name: string; value: string}[]\n) {\n  const mapVariable: Record<string, string> = {};\n  const kebabPrefix = `${camelToKebab(prefix)}-`;\n  for (let i = 0; i < attributes.length; i++) {\n    const attribute = attributes[i];\n    if (attribute.name.indexOf(kebabPrefix) !== 0) {\n      continue;\n    }\n\n    const property = kebabToCamel(attribute.name.replace(kebabPrefix, ''));\n    mapVariable[property] = `${attribute.value}`;\n  }\n  return mapVariable;\n}\n"],"version":3}

package/dist/esm/result-template-provider-7edb85e2.js

@@ -0,0 +1,99 @@
+import { h } from './index-62c2216d.js';
+import { buildResultTemplatesManager } from '@coveo/headless';
+
+// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const ResultsPlaceholdersGuard = (props) => {
+    if (!props.displayPlaceholders) {
+        return;
+    }
+    switch (props.display) {
+        case 'table':
+            return h(TableDisplayResultsPlaceholder, { ...props });
+        default:
+            return h(ResultsPlaceholder, { ...props });
+    }
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const ResultsPlaceholder = (props) => {
+    return Array.from({ length: props.numberOfPlaceholders }, (_, i) => (h("atomic-result-placeholder", { key: `placeholder-${i}`, density: props.density, display: props.display || 'list', imageSize: props.imageSize })));
+};
+const TableDisplayResultsPlaceholder = (props) => {
+    return (h("atomic-result-table-placeholder", { density: props.density, imageSize: props.imageSize, rows: props.numberOfPlaceholders }));
+};
+
+class TemplateProvider {
+    constructor(props, buildManager) {
+        this.props = props;
+        this.buildManager = buildManager;
+        this.templateManager = this.buildManager();
+        this.registerResultTemplates();
+    }
+    async registerResultTemplates() {
+        const customTemplates = await Promise.all(this.props.templateElements.map(async (resultTemplateElement) => {
+            if (!('getTemplate' in resultTemplateElement)) {
+                await customElements.whenDefined(resultTemplateElement.tagName.toLowerCase());
+            }
+            const template = await resultTemplateElement.getTemplate();
+            if (!template) {
+                this.props.setTemplateHasError(true);
+            }
+            return template;
+        }));
+        const templates = (!customTemplates.length && this.props.includeDefaultTemplate
+            ? [this.makeDefaultTemplate()]
+            : []).concat(customTemplates.filter((template) => template));
+        this.templateManager.registerTemplates(...templates);
+        this.props.setResultTemplateRegistered(true);
+    }
+    getTemplateContent(item) {
+        return this.templateManager.selectTemplate(item);
+    }
+    getLinkTemplateContent(item) {
+        return this.templateManager.selectLinkTemplate(item);
+    }
+    getEmptyLinkTemplateContent() {
+        return document.createDocumentFragment();
+    }
+    get templatesRegistered() {
+        return this.props.getResultTemplateRegistered();
+    }
+    get hasError() {
+        return this.props.getTemplateHasError();
+    }
+}
+
+class ResultTemplateProvider extends TemplateProvider {
+    constructor(props, gridCellLinkTarget) {
+        super(props, () => buildResultTemplatesManager(props.bindings.engine));
+        this.gridCellLinkTarget = gridCellLinkTarget;
+    }
+    // TODO: Add JSX support for default template
+    makeDefaultTemplate() {
+        const content = document.createDocumentFragment();
+        const linkEl = document.createElement('atomic-result-link');
+        content.appendChild(linkEl);
+        const linkContent = document.createDocumentFragment();
+        const linkMarkup = `
+      <atomic-result-link>
+      ${this.gridCellLinkTarget ? `<a slot="attributes" target="${this.gridCellLinkTarget}"></a>` : ''}
+      </atomic-result-link>
+    `;
+        const linkTemplate = document.createElement('template');
+        linkTemplate.innerHTML = linkMarkup.trim();
+        linkContent.appendChild(linkTemplate.content);
+        return {
+            content,
+            linkContent,
+            conditions: [],
+        };
+    }
+}
+
+export { ResultTemplateProvider as R, ResultsPlaceholdersGuard as a, ResultsPlaceholder as b };
+
+//# sourceMappingURL=result-template-provider-7edb85e2.js.map

package/dist/esm/result-template-provider-7edb85e2.js.map

@@ -0,0 +1 @@
+{"file":"result-template-provider-7edb85e2.js","mappings":";;;AAAA;AAmBA;;;MAGa,wBAAwB,GAEjC,CAAC,KAAK;IACR,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;QAC9B,OAAO;KACR;IACD,QAAQ,KAAK,CAAC,OAAO;QACnB,KAAK,OAAO;YACV,OAAO,EAAC,8BAA8B,OAAK,KAAK,GAAI,CAAC;QACvD;YACE,OAAO,EAAC,kBAAkB,OAAK,KAAK,GAAI,CAAC;KAC5C;AACH,EAAE;AAEF;;;MAGa,kBAAkB,GAAgD,CAC7E,KAAK;IAEL,OAAO,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,oBAAoB,EAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAC3D,iCACE,GAAG,EAAE,eAAe,CAAC,EAAE,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,MAAM,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,GACC,CAC9B,CAAC,CAAC;AACL,EAAE;AAEF,MAAM,8BAA8B,GAEhC,CAAC,KAAK;IACR,QACE,uCACE,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,oBAAoB,GACC,EACnC;AACJ,CAAC;;MC/CqB,gBAAgB;IAapC,YACU,KAAsC,EACtC,YAIP;QALO,UAAK,GAAL,KAAK,CAAiC;QACtC,iBAAY,GAAZ,YAAY,CAInB;QAED,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC3C,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;IAEO,MAAM,uBAAuB;QACnC,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,GAAG,CACvC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,qBAAqB;YAC1D,IAAI,EAAE,aAAa,IAAI,qBAAqB,CAAC,EAAE;gBAC7C,MAAM,cAAc,CAAC,WAAW,CAC7B,qBAAqC,CAAC,OAAO,CAAC,WAAW,EAAE,CAC7D,CAAC;aACH;YAED,MAAM,QAAQ,GAAG,MAAM,qBAAqB,CAAC,WAAW,EAAE,CAAC;YAC3D,IAAI,CAAC,QAAQ,EAAE;gBACb,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;aACtC;YACD,OAAO,QAAQ,CAAC;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,SAAS,GAAG,CAChB,CAAC,eAAe,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,sBAAsB;cACxD,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;cAC5B,EAAE,EACN,MAAM,CACN,eAAe,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAI1C,CACJ,CAAC;QAEF,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC,CAAC;QACrD,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC;KAC9C;IAEM,kBAAkB,CAAC,IAAc;QACtC,OAAO,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,IAAI,CAAE,CAAC;KACnD;IAEM,sBAAsB,CAAC,IAAc;QAC1C,OAAO,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,IAAI,CAAE,CAAC;KACvD;IAEM,2BAA2B;QAChC,OAAO,QAAQ,CAAC,sBAAsB,EAAE,CAAC;KAC1C;IAED,IAAW,mBAAmB;QAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,2BAA2B,EAAE,CAAC;KACjD;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC;KACzC;;;MC/EU,sBAAuB,SAAQ,gBAAwB;IAClE,YACE,KAA8D,EACtD,kBAA+B;QAEvC,KAAK,CAAC,KAAK,EAAE,MAAM,2BAA2B,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAF/D,uBAAkB,GAAlB,kBAAkB,CAAa;KAGxC;;IAGS,mBAAmB;QAK3B,MAAM,OAAO,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAC5D,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE5B,MAAM,WAAW,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QACtD,MAAM,UAAU,GAAG;;QAEf,IAAI,CAAC,kBAAkB,GAAG,gCAAgC,IAAI,CAAC,kBAAkB,QAAQ,GAAG,EAAE;;KAEjG,CAAC;QACF,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACxD,YAAY,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;QAC3C,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC9C,OAAO;YACL,OAAO;YACP,WAAW;YACX,UAAU,EAAE,EAAE;SACf,CAAC;KACH;;;;;","names":[],"sources":["src/components/common/atomic-result-placeholder/stencil-placeholders.tsx","src/components/common/template-provider/template-provider.ts","src/components/common/item-list/result-template-provider.ts"],"sourcesContent":["// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n} from '../layout/display-options.js';\n\ninterface ResultPlaceholderProps {\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n  display: ItemDisplayLayout;\n  numberOfPlaceholders: number;\n}\n\ninterface ResultPlaceholderGuardProps extends ResultPlaceholderProps {\n  displayPlaceholders: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholdersGuard: FunctionalComponent<\n  ResultPlaceholderGuardProps\n> = (props) => {\n  if (!props.displayPlaceholders) {\n    return;\n  }\n  switch (props.display) {\n    case 'table':\n      return <TableDisplayResultsPlaceholder {...props} />;\n    default:\n      return <ResultsPlaceholder {...props} />;\n  }\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholder: FunctionalComponent<ResultPlaceholderProps> = (\n  props\n) => {\n  return Array.from({length: props.numberOfPlaceholders}, (_, i) => (\n    <atomic-result-placeholder\n      key={`placeholder-${i}`}\n      density={props.density}\n      display={props.display || 'list'}\n      imageSize={props.imageSize}\n    ></atomic-result-placeholder>\n  ));\n};\n\nconst TableDisplayResultsPlaceholder: FunctionalComponent<\n  ResultPlaceholderProps\n> = (props) => {\n  return (\n    <atomic-result-table-placeholder\n      density={props.density}\n      imageSize={props.imageSize}\n      rows={props.numberOfPlaceholders}\n    ></atomic-result-table-placeholder>\n  );\n};\n","import type {Template, TemplatesManager} from '@coveo/headless';\n\nexport interface TemplateElement<ItemType> extends HTMLElement {\n  getTemplate(): Promise<Template<ItemType, DocumentFragment> | null>;\n}\n\nexport interface TemplateProviderProps<ItemType> {\n  getResultTemplateRegistered(): boolean;\n  setResultTemplateRegistered(value: boolean): void;\n  getTemplateHasError(): boolean;\n  setTemplateHasError(value: boolean): void;\n  templateElements: TemplateElement<ItemType>[];\n  includeDefaultTemplate: boolean;\n}\n\nexport abstract class TemplateProvider<ItemType> {\n  private templateManager: TemplatesManager<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  protected abstract makeDefaultTemplate(): Template<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  constructor(\n    private props: TemplateProviderProps<ItemType>,\n    private buildManager: () => TemplatesManager<\n      ItemType,\n      DocumentFragment,\n      DocumentFragment\n    >\n  ) {\n    this.templateManager = this.buildManager();\n    this.registerResultTemplates();\n  }\n\n  private async registerResultTemplates() {\n    const customTemplates = await Promise.all(\n      this.props.templateElements.map(async (resultTemplateElement) => {\n        if (!('getTemplate' in resultTemplateElement)) {\n          await customElements.whenDefined(\n            (resultTemplateElement as HTMLElement).tagName.toLowerCase()\n          );\n        }\n\n        const template = await resultTemplateElement.getTemplate();\n        if (!template) {\n          this.props.setTemplateHasError(true);\n        }\n        return template;\n      })\n    );\n\n    const templates = (\n      !customTemplates.length && this.props.includeDefaultTemplate\n        ? [this.makeDefaultTemplate()]\n        : []\n    ).concat(\n      customTemplates.filter((template) => template) as Template<\n        ItemType,\n        DocumentFragment,\n        DocumentFragment\n      >[]\n    );\n\n    this.templateManager.registerTemplates(...templates);\n    this.props.setResultTemplateRegistered(true);\n  }\n\n  public getTemplateContent(item: ItemType) {\n    return this.templateManager.selectTemplate(item)!;\n  }\n\n  public getLinkTemplateContent(item: ItemType) {\n    return this.templateManager.selectLinkTemplate(item)!;\n  }\n\n  public getEmptyLinkTemplateContent() {\n    return document.createDocumentFragment();\n  }\n\n  public get templatesRegistered() {\n    return this.props.getResultTemplateRegistered();\n  }\n\n  public get hasError() {\n    return this.props.getTemplateHasError();\n  }\n}\n","import {\n  buildResultTemplatesManager,\n  type Result,\n  type Template,\n} from '@coveo/headless';\nimport type {ItemTarget} from '@/src/components/common/layout/item-layout-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport {\n  TemplateProvider,\n  type TemplateProviderProps,\n} from '../template-provider/template-provider';\n\nexport class ResultTemplateProvider extends TemplateProvider<Result> {\n  constructor(\n    props: TemplateProviderProps<Result> & {bindings: AnyBindings},\n    private gridCellLinkTarget?: ItemTarget\n  ) {\n    super(props, () => buildResultTemplatesManager(props.bindings.engine));\n  }\n\n  // TODO: Add JSX support for default template\n  protected makeDefaultTemplate(): Template<\n    Result,\n    DocumentFragment,\n    DocumentFragment\n  > {\n    const content = document.createDocumentFragment();\n    const linkEl = document.createElement('atomic-result-link');\n    content.appendChild(linkEl);\n\n    const linkContent = document.createDocumentFragment();\n    const linkMarkup = `\n      <atomic-result-link>\n      ${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}\n      </atomic-result-link>\n    `;\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = linkMarkup.trim();\n    linkContent.appendChild(linkTemplate.content);\n    return {\n      content,\n      linkContent,\n      conditions: [],\n    };\n  }\n}\n"],"version":3}

package/dist/esm/result-utils-8978d15e.js

@@ -0,0 +1,64 @@
+import { buildInteractiveResult } from '@coveo/headless';
+
+function readFromObject(object, key) {
+    const keys = key.split('.');
+    let current = object;
+    for (const k of keys) {
+        if (current && typeof current === 'object' && k in current) {
+            current = current[k];
+        }
+        else {
+            return undefined;
+        }
+    }
+    return typeof current === 'string' ? current : undefined;
+}
+
+/**
+ * Binds the logging of document
+ * @returns An unbind function for the events
+ * @param engine A headless search engine instance.
+ * @param result The result object
+ * @param resultElement Parent result element
+ * @param selector Optional. Css selector that selects all links to the document. Default: "a" tags with the clickUri as "href" parameter.
+ */
+function bindLogDocumentOpenOnResult(engine, result, resultElement, selector) {
+    const interactiveResult = buildInteractiveResult(engine, {
+        options: { result },
+    });
+    const eventsMap = {
+        contextmenu: () => interactiveResult.select(),
+        click: () => interactiveResult.select(),
+        mouseup: () => interactiveResult.select(),
+        mousedown: () => interactiveResult.select(),
+        touchstart: () => interactiveResult.beginDelayedSelect(),
+        touchend: () => interactiveResult.cancelPendingSelect(),
+    };
+    const elements = resultElement.querySelectorAll(selector || 'a');
+    elements.forEach((element) => {
+        Object.keys(eventsMap).forEach((key) => element.addEventListener(key, eventsMap[key]));
+    });
+    return () => {
+        elements.forEach((element) => {
+            Object.keys(eventsMap).forEach((key) => element.removeEventListener(key, eventsMap[key]));
+        });
+    };
+}
+function buildStringTemplateFromResult(template, result, bindings) {
+    return template.replace(/\${(.*?)}/g, (value) => {
+        const key = value.substring(2, value.length - 1);
+        let newValue = readFromObject(result, key);
+        if (!newValue && typeof window !== 'undefined') {
+            newValue = readFromObject(window, key);
+        }
+        if (!newValue) {
+            bindings.engine.logger.warn(`${key} used in the href template is undefined for this result: ${result.uniqueId} and could not be found in the window object.`);
+            return '';
+        }
+        return newValue;
+    });
+}
+
+export { buildStringTemplateFromResult as a, bindLogDocumentOpenOnResult as b };
+
+//# sourceMappingURL=result-utils-8978d15e.js.map

package/dist/esm/result-utils-8978d15e.js.map

@@ -0,0 +1 @@
+{"file":"result-utils-8978d15e.js","mappings":";;SAAgB,cAAc,CAC5B,MAAS,EACT,GAAW;IAEX,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,OAAO,GAAY,MAAM,CAAC;IAE9B,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE;QACpB,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,CAAC,IAAI,OAAO,EAAE;YAC1D,OAAO,GAAI,OAAmC,CAAC,CAAC,CAAC,CAAC;SACnD;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;KACF;IAED,OAAO,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAC3D;;ACNA;;;;;;;;SAQgB,2BAA2B,CACzC,MAAoB,EACpB,MAAc,EACd,aAAmC,EACnC,QAAiB;IAEjB,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,MAAM,EAAE;QACvD,OAAO,EAAE,EAAC,MAAM,EAAC;KAClB,CAAC,CAAC;IAEH,MAAM,SAAS,GAAuD;QACpE,WAAW,EAAE,MAAM,iBAAiB,CAAC,MAAM,EAAE;QAC7C,KAAK,EAAE,MAAM,iBAAiB,CAAC,MAAM,EAAE;QACvC,OAAO,EAAE,MAAM,iBAAiB,CAAC,MAAM,EAAE;QACzC,SAAS,EAAE,MAAM,iBAAiB,CAAC,MAAM,EAAE;QAC3C,UAAU,EAAE,MAAM,iBAAiB,CAAC,kBAAkB,EAAE;QACxD,QAAQ,EAAE,MAAM,iBAAiB,CAAC,mBAAmB,EAAE;KACxD,CAAC;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,gBAAgB,CAAC,QAAQ,IAAI,GAAG,CAAC,CAAC;IAEjE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO;QACvB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KACjC,OAAO,CAAC,gBAAgB,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAC9C,CAAC;KACH,CAAC,CAAC;IAEH,OAAO;QACL,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO;YACvB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KACjC,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CACjD,CAAC;SACH,CAAC,CAAC;KACJ,CAAC;AACJ,CAAC;SAEe,6BAA6B,CAC3C,QAAgB,EAChB,MAAc,EACd,QAAiC;IAEjC,OAAO,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,KAAa;QAClD,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACjD,IAAI,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC9C,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;SACxC;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CACzB,GAAG,GAAG,4DAA4D,MAAM,CAAC,QAAQ,+CAA+C,CACjI,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QAED,OAAO,QAAQ,CAAC;KACjB,CAAC,CAAC;AACL;;;;","names":[],"sources":["src/utils/object-utils.ts","src/utils/result-utils.ts"],"sourcesContent":["export function readFromObject<T extends object>(\n  object: T,\n  key: string\n): string | undefined {\n  const keys = key.split('.');\n  let current: unknown = object;\n\n  for (const k of keys) {\n    if (current && typeof current === 'object' && k in current) {\n      current = (current as Record<string, unknown>)[k];\n    } else {\n      return undefined;\n    }\n  }\n\n  return typeof current === 'string' ? current : undefined;\n}\n","import {\n  buildInteractiveResult,\n  type Result,\n  ResultTemplatesHelpers,\n  type SearchEngine,\n} from '@coveo/headless';\nimport type {RecsBindings} from '../components/recommendations/atomic-recs-interface/interfaces';\nimport type {Bindings} from '../components/search/atomic-search-interface/atomic-search-interface';\nimport {readFromObject} from './object-utils';\n\n/**\n * Binds the logging of document\n * @returns An unbind function for the events\n * @param engine A headless search engine instance.\n * @param result The result object\n * @param resultElement Parent result element\n * @param selector Optional. Css selector that selects all links to the document. Default: \"a\" tags with the clickUri as \"href\" parameter.\n */\nexport function bindLogDocumentOpenOnResult(\n  engine: SearchEngine,\n  result: Result,\n  resultElement: Element | ShadowRoot,\n  selector?: string\n) {\n  const interactiveResult = buildInteractiveResult(engine, {\n    options: {result},\n  });\n\n  const eventsMap: Record<string, EventListenerOrEventListenerObject> = {\n    contextmenu: () => interactiveResult.select(),\n    click: () => interactiveResult.select(),\n    mouseup: () => interactiveResult.select(),\n    mousedown: () => interactiveResult.select(),\n    touchstart: () => interactiveResult.beginDelayedSelect(),\n    touchend: () => interactiveResult.cancelPendingSelect(),\n  };\n  const elements = resultElement.querySelectorAll(selector || 'a');\n\n  elements.forEach((element) => {\n    Object.keys(eventsMap).forEach((key) =>\n      element.addEventListener(key, eventsMap[key])\n    );\n  });\n\n  return () => {\n    elements.forEach((element) => {\n      Object.keys(eventsMap).forEach((key) =>\n        element.removeEventListener(key, eventsMap[key])\n      );\n    });\n  };\n}\n\nexport function buildStringTemplateFromResult(\n  template: string,\n  result: Result,\n  bindings: Bindings | RecsBindings\n) {\n  return template.replace(/\\${(.*?)}/g, (value: string) => {\n    const key = value.substring(2, value.length - 1);\n    let newValue = readFromObject(result, key);\n    if (!newValue && typeof window !== 'undefined') {\n      newValue = readFromObject(window, key);\n    }\n\n    if (!newValue) {\n      bindings.engine.logger.warn(\n        `${key} used in the href template is undefined for this result: ${result.uniqueId} and could not be found in the window object.`\n      );\n      return '';\n    }\n\n    return newValue;\n  });\n}\n\nexport function getStringValueFromResultOrNull(result: Result, field: string) {\n  const value = ResultTemplatesHelpers.getResultProperty(result, field);\n\n  if (typeof value !== 'string' || value.trim() === '') {\n    return null;\n  }\n\n  return value;\n}\n"],"version":3}

package/dist/esm/show-hide-button-0668507e.js

@@ -0,0 +1,108 @@
+import { g as getElement, h, F as Fragment } from './index-62c2216d.js';
+import { b as buildCustomEvent } from './event-utils-8de63ec3.js';
+import { b as ResultsPlaceholder } from './result-template-provider-7edb85e2.js';
+import { B as Button } from './stencil-button-fe58a18a.js';
+
+const foldedItemListContextEventName = 'atomic/resolveFoldedResultList';
+/**
+ * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.
+ * This allows the Stencil component to modify the folded item list rendered levels.
+ */
+function FoldedItemListContext() {
+    return (component, foldedList) => {
+        const { componentWillRender } = component;
+        component.componentWillRender = function () {
+            const element = getElement(this);
+            const event = buildCustomEvent(foldedItemListContextEventName, (foldedItemList) => {
+                this[foldedList] = foldedItemList;
+            });
+            const canceled = element.dispatchEvent(event);
+            if (canceled) {
+                return;
+            }
+            return componentWillRender && componentWillRender.call(this);
+        };
+    };
+}
+const foldedItemListStateContextEventName = 'atomic/resolveFoldedResultList';
+/**
+ * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.
+ * This allows the Stencil component to modify the folded item list rendered levels.
+ */
+function FoldedItemListStateContext() {
+    return (component, foldedListState) => {
+        const { componentWillRender } = component;
+        component.componentWillRender = function () {
+            const element = getElement(this);
+            const event = buildCustomEvent(foldedItemListStateContextEventName, (foldedItemList) => {
+                foldedItemList?.subscribe(() => {
+                    this[foldedListState] = foldedItemList.state;
+                });
+            });
+            const canceled = element.dispatchEvent(event);
+            if (canceled) {
+                return;
+            }
+            return componentWillRender && componentWillRender.call(this);
+        };
+    };
+}
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const ChildrenWrapper = ({ hasChildren }, children) => {
+    return (h("div", { part: "children-root" },
+        hasChildren && h("slot", { name: "before-children" }),
+        children,
+        hasChildren && h("slot", { name: "after-children" })));
+};
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const CollectionGuard = ({ isLoadingMoreResults, moreResultsAvailable, hasChildren, numberOfChildren, density, imageSize, noResultText, }, children) => {
+    if (isLoadingMoreResults) {
+        return (h(ChildrenWrapper, { hasChildren: hasChildren },
+            h(ResultsPlaceholder, { numberOfPlaceholders: numberOfChildren, density: density, display: 'list', imageSize: imageSize })));
+    }
+    if (!moreResultsAvailable && !hasChildren) {
+        return noResultText.trim().length ? (h("p", { part: "no-result-root", class: "no-result-root my-3" }, noResultText)) : null;
+    }
+    if (!hasChildren) {
+        return;
+    }
+    return h(Fragment, null, children);
+};
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const ResultChildrenGuard = ({ inheritTemplates, resultTemplateRegistered, templateHasError }, children) => {
+    if (!inheritTemplates && !resultTemplateRegistered) {
+        return;
+    }
+    if (!inheritTemplates && templateHasError) {
+        return h("slot", null);
+    }
+    return h(Fragment, null, children);
+};
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const ShowHideButton = ({ moreResultsAvailable, loadFullCollection, showInitialChildren, toggleShowInitialChildren, loadAllResults, collapseResults, }) => {
+    return (h(Button, { part: "show-hide-button", class: "show-hide-button", style: "text-primary", onClick: () => {
+            if (moreResultsAvailable) {
+                loadFullCollection();
+                toggleShowInitialChildren();
+            }
+            toggleShowInitialChildren();
+        } }, showInitialChildren || moreResultsAvailable
+        ? loadAllResults
+        : collapseResults));
+};
+
+export { ChildrenWrapper as C, FoldedItemListContext as F, ResultChildrenGuard as R, ShowHideButton as S, FoldedItemListStateContext as a, CollectionGuard as b };
+
+//# sourceMappingURL=show-hide-button-0668507e.js.map

package/dist/esm/show-hide-button-0668507e.js.map

@@ -0,0 +1 @@
+{"file":"show-hide-button-0668507e.js","mappings":"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","names":[],"sources":["src/components/common/item-list/item-list-decorators.tsx","src/components/common/result-children/stencil-children-wrapper.tsx","src/components/common/result-children/stencil-collection-guard.tsx","src/components/common/result-children/stencil-guard.tsx","src/components/common/result-children/show-hide-button.tsx"],"sourcesContent":["import {ComponentInterface, getElement} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\n\ntype FoldedItemListContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListContextEvent =\n  CustomEvent<FoldedItemListContextEventHandler>;\nconst foldedItemListContextEventName = 'atomic/resolveFoldedResultList';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n */\nexport function FoldedItemListContext() {\n  return (component: ComponentInterface, foldedList: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        foldedItemListContextEventName,\n        (foldedItemList: unknown) => {\n          this[foldedList] = foldedItemList;\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n\ntype FoldedItemListStateContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListStateContextEvent =\n  CustomEvent<FoldedItemListStateContextEventHandler>;\nconst foldedItemListStateContextEventName = 'atomic/resolveFoldedResultList';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n */\nexport function FoldedItemListStateContext() {\n  return (component: ComponentInterface, foldedListState: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        foldedItemListStateContextEventName,\n        (foldedItemList: {\n          subscribe: (callback: () => void) => unknown;\n          state: unknown;\n        }) => {\n          foldedItemList?.subscribe(() => {\n            this[foldedListState] = foldedItemList.state;\n          });\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface ChildrenWrapperProps {\n  hasChildren: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ChildrenWrapper: FunctionalComponent<ChildrenWrapperProps> = (\n  {hasChildren},\n  children\n) => {\n  return (\n    <div part=\"children-root\">\n      {hasChildren && <slot name=\"before-children\"></slot>}\n      {children}\n      {hasChildren && <slot name=\"after-children\"></slot>}\n    </div>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {ResultsPlaceholder} from '../atomic-result-placeholder/stencil-placeholders';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n} from '../layout/display-options';\nimport {ChildrenWrapper} from './stencil-children-wrapper';\n\ninterface CollectionGuardProps {\n  isLoadingMoreResults: boolean;\n  moreResultsAvailable: boolean;\n  hasChildren: boolean;\n  numberOfChildren: number;\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n  noResultText: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const CollectionGuard: FunctionalComponent<CollectionGuardProps> = (\n  {\n    isLoadingMoreResults,\n    moreResultsAvailable,\n    hasChildren,\n    numberOfChildren,\n    density,\n    imageSize,\n    noResultText,\n  },\n  children\n) => {\n  if (isLoadingMoreResults) {\n    return (\n      <ChildrenWrapper hasChildren={hasChildren}>\n        <ResultsPlaceholder\n          numberOfPlaceholders={numberOfChildren}\n          density={density}\n          display={'list'}\n          imageSize={imageSize}\n        />\n      </ChildrenWrapper>\n    );\n  }\n\n  if (!moreResultsAvailable && !hasChildren) {\n    return noResultText.trim().length ? (\n      <p part=\"no-result-root\" class=\"no-result-root my-3\">\n        {noResultText}\n      </p>\n    ) : null;\n  }\n\n  if (!hasChildren) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface ResultChildrenGuardProps {\n  inheritTemplates: boolean;\n  resultTemplateRegistered: boolean;\n  templateHasError: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultChildrenGuard: FunctionalComponent<\n  ResultChildrenGuardProps\n> = (\n  {inheritTemplates, resultTemplateRegistered, templateHasError},\n  children\n) => {\n  if (!inheritTemplates && !resultTemplateRegistered) {\n    return;\n  }\n\n  if (!inheritTemplates && templateHasError) {\n    return <slot></slot>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {Button} from '../stencil-button';\n\ninterface ShowHideButtonProps {\n  moreResultsAvailable: boolean;\n  loadFullCollection: () => void;\n  showInitialChildren: boolean;\n  toggleShowInitialChildren: () => void;\n  loadAllResults: string;\n  collapseResults: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ShowHideButton: FunctionalComponent<ShowHideButtonProps> = ({\n  moreResultsAvailable,\n  loadFullCollection,\n  showInitialChildren,\n  toggleShowInitialChildren,\n  loadAllResults,\n  collapseResults,\n}) => {\n  return (\n    <Button\n      part=\"show-hide-button\"\n      class=\"show-hide-button\"\n      style=\"text-primary\"\n      onClick={() => {\n        if (moreResultsAvailable) {\n          loadFullCollection();\n          toggleShowInitialChildren();\n        }\n\n        toggleShowInitialChildren();\n      }}\n    >\n      {showInitialChildren || moreResultsAvailable\n        ? loadAllResults\n        : collapseResults}\n    </Button>\n  );\n};\n"],"version":3}

package/dist/esm/smart-snippet-common-03e33c52.js

@@ -0,0 +1,69 @@
+import { h } from './index-62c2216d.js';
+import { B as Button } from './stencil-button-fe58a18a.js';
+import { R as RadioButton } from './stencil-radio-button-bd9a5704.js';
+import { H as Heading } from './stencil-heading-b741d578.js';
+
+const Checkmark = `<svg fill="none" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="6.5" stroke="currentColor" stroke-linecap="round"/><path d="M4 7.07692L6 9L10 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+
+const Cross = `<svg fill="none" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="6.5" stroke="currentColor" stroke-linecap="round"/><path d="M5 9L9 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 9L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFeedbackBanner = (props) => {
+    const inquiryId = 'feedback-inquiry-' + props.id;
+    const thankYouId = 'feedback-thank-you-' + props.id;
+    const radioGroupName = 'feedback-options-' + props.id;
+    const Inquiry = () => (h("span", { id: inquiryId, part: "feedback-inquiry", class: "shrink-0" }, props.i18n.t('smart-snippet-feedback-inquiry')));
+    const Buttons = () => (h("div", { part: "feedback-buttons", class: "flex gap-x-4" },
+        h("label", { part: "feedback-like-button", class: 'flex items-center gap-x-1.5 ' +
+                (props.liked ? 'text-success' : 'cursor-pointer hover:underline') },
+            h("atomic-icon", { icon: Checkmark, class: "w-3.5" }),
+            h(RadioButton, { groupName: radioGroupName, text: props.i18n.t('yes'), checked: props.liked, onChecked: () => props.onLike(), class: "cursor-[inherit] text-[inherit]" })),
+        h("label", { part: "feedback-dislike-button", class: 'flex items-center gap-x-1.5 ' +
+                (props.disliked ? 'text-error' : 'cursor-pointer hover:underline') },
+            h("atomic-icon", { icon: Cross, class: "w-3.5" }),
+            h(RadioButton, { groupName: radioGroupName, text: props.i18n.t('no'), checked: props.disliked, onChecked: () => props.onDislike(), class: "cursor-[inherit] text-[inherit]" }))));
+    const ThankYouMessage = () => (h("span", { id: thankYouId, part: "feedback-thank-you", class: "inline-flex" }, props.i18n.t('smart-snippet-feedback-thanks')));
+    const ExplainWhyButton = () => (h(Button, { part: "feedback-explain-why-button", style: "text-primary", onClick: () => props.onPressExplainWhy(), ref: (element) => props.explainWhyRef?.(element) }, props.i18n.t('smart-snippet-feedback-explain-why')));
+    const ThankYouContainer = ({ visible }) => visible ? (h("div", { part: "feedback-thank-you-wrapper", class: "flex flex-wrap gap-1" },
+        h(ThankYouMessage, null),
+        props.disliked && !props.feedbackSent ? (h(ExplainWhyButton, null)) : ([]))) : ([]);
+    return (h("div", { part: "feedback-banner", class: "flex flex-wrap items-center gap-4 text-sm leading-4" },
+        h("div", { part: "feedback-inquiry-and-buttons", role: "radiogroup", "aria-labelledby": inquiryId, class: "inline-flex flex-wrap gap-4" },
+            h(Inquiry, null),
+            h(Buttons, null)),
+        h(ThankYouContainer, { visible: props.liked || props.disliked })));
+};
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetWrapper = ({ headingLevel, i18n }, children) => {
+    return (h("aside", { "aria-label": i18n.t('smart-snippet') },
+        h(Heading, { level: headingLevel ?? 0, class: "sr-only" }, i18n.t('smart-snippet')),
+        h("article", { class: "bg-background border-neutral text-on-background rounded-lg border p-6 pb-4", part: "smart-snippet" }, children)));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetQuestion = ({ headingLevel, question }) => {
+    return (h(Heading, { level: headingLevel ? headingLevel + 1 : 0, class: "text-xl font-bold", part: "question" }, question));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetTruncatedAnswer = ({ answer, style }) => {
+    return (h("div", { part: "truncated-answer" },
+        h("atomic-smart-snippet-answer", { exportparts: "answer", part: "body", htmlContent: answer, innerStyle: style })));
+};
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const SmartSnippetFooter = ({ i18n }, children) => {
+    return (h("footer", { part: "footer", "aria-label": i18n.t('smart-snippet-source') }, children));
+};
+
+export { SmartSnippetQuestion as S, SmartSnippetFooter as a, SmartSnippetFeedbackBanner as b, SmartSnippetWrapper as c, SmartSnippetTruncatedAnswer as d };
+
+//# sourceMappingURL=smart-snippet-common-03e33c52.js.map