@coveops/abi 0.4.1 → 0.5.0

package/dist/esm/{index-51334f26.js → index-8b0b351b.js}

@@ -217,6 +217,31 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
             classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
         }
+        else if (memberName === 'style') {
+            // update style attribute, css properties and values
+            {
+                for (const prop in oldValue) {
+                    if (!newValue || newValue[prop] == null) {
+                        if (prop.includes('-')) {
+                            elm.style.removeProperty(prop);
+                        }
+                        else {
+                            elm.style[prop] = '';
+                        }
+                    }
+                }
+            }
+            for (const prop in newValue) {
+                if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                    if (prop.includes('-')) {
+                        elm.style.setProperty(prop, newValue[prop]);
+                    }
+                    else {
+                        elm.style[prop] = newValue[prop];
+                    }
+                }
+            }
+        }
         else if ((!isProp ) &&
             memberName[0] === 'o' &&
             memberName[1] === 'n') {

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-51334f26.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-8b0b351b.js';
 
 /*
  Stencil Client Patch Esm v2.17.3 | MIT Licensed | https://stenciljs.com
@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["faq-popup-component",[[1,"faq-popup-component",{"result":[32]}]]],["results-manager",[[0,"results-manager"]]],["sample-component",[[1,"sample-component",{"pagerState":[32],"statusState":[32]}]]]], options);
+  return bootstrapLazy([["faq-popup-component",[[1,"faq-popup-component",{"result":[32]}]]],["results-manager",[[0,"results-manager"]]],["sample-component",[[1,"sample-component",{"pagerState":[32],"statusState":[32]}]]],["strip-html-component",[[1,"strip-html-component",{"result":[32]}]]]], options);
   });
 };
 

package/dist/esm/result-template-decorators-881a4c8e-ed85ad21.js

@@ -0,0 +1,31 @@
+import { b as buildCustomEvent, c as closest } from './headless.esm-085e70ed-c4dfb380.js';
+
+class MissingResultParentError extends Error {
+  constructor(elementName) {
+    super(`The "${elementName}" element must be the child of an "atomic-result" element.`);
+  }
+}
+const resultContextEventName = 'atomic/resolveResult';
+/**
+ * Retrieves `Result` on a rendered `atomic-result`.
+ *
+ * This method is useful for building custom result template elements, see [Create a Result List](https://docs.coveo.com/en/atomic/latest/usage/create-a-result-list/) for more information.
+ *
+ * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).
+ *
+ * @param element The element that the event is dispatched to, which must be the child of a rendered "atomic-result".
+ * @returns A promise that resolves on initialization of the parent "atomic-result" element, or rejects when there is no parent "atomic-result" element.
+ */
+function resultContext(element) {
+  return new Promise((resolve, reject) => {
+    const event = buildCustomEvent(resultContextEventName, (result) => {
+      return resolve(result);
+    });
+    element.dispatchEvent(event);
+    if (!closest(element, 'atomic-result')) {
+      reject(new MissingResultParentError(element.nodeName.toLowerCase()));
+    }
+  });
+}
+
+export { resultContext as r };