@coveops/abi 1.3.1 → 1.5.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveops/abi",
   "description": "Abi project",
-  "version": "1.3.1",
+  "version": "1.5.1",
   "private": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/src/components/faq-popup-component/faq-popup-component.css

@@ -1,9 +1,15 @@
 b {
   color: var(--atomic-primary);
 }
-:host {
+
+.search-css {
   color: #CAA144 !important;
   font-size: 1.7rem !important;
   max-height: unset !important;
   line-height: normal !important;
+} 
+
+
+:host {
+cursor: pointer;
 }

package/src/components/faq-popup-component/faq-popup-component.tsx

@@ -1,5 +1,5 @@
 
-import { Component, h, Element, State, Host } from "@stencil/core";
+import { Component, h, Element, State, Host, Prop } from "@stencil/core";
 import { LogClickEventActionCreatorPayload, loadGenericAnalyticsActions } from '@coveo/headless';
 import { resultContext, Bindings, initializeBindings } from "@coveo/atomic";
 
@@ -13,7 +13,7 @@ import {
   shadow: true,
 })
 export class FaqPopupComponent {
-
+  @Prop() origin?: string;
   private bindings?: Bindings;
   private modalElement?: any;
 
@@ -164,9 +164,9 @@ export class FaqPopupComponent {
     if (!this.result) {
       return;
     }
-
+    const cssCondition = this.origin === 'searchResult' ? 'search-css' : '';
     return (
-      <Host className="clickable-host" onClick={() => this.openFAQModal(this.result!)}>
+      <Host className={`clickable-host ${cssCondition}`}  onClick={() => this.openFAQModal(this.result!)}>
         {this.result.title}
       </Host>
     );

package/src/components/recs-initialization-helper/recs-initialization-helper.tsx

@@ -0,0 +1,54 @@
+import { Bindings, initializeBindings } from "@coveo/atomic";
+import { Component, Element, Prop } from "@stencil/core";
+import { waitForAtomic } from "../../utils/atomic";
+import { buildContext } from "@coveo/headless";
+
+@Component({
+  tag: "recs-initialization-helper",
+  shadow: true,
+})
+export class RecsInitializationHelper {
+  @Prop() userCountry!: string;
+  private bindings?: Bindings;
+  @Element() private host!: Element;
+
+  public async connectedCallback() {
+    try {
+      await waitForAtomic();
+      this.bindings = await initializeBindings(this.host);
+      let toDate = new Date().toISOString();
+      let fromDate = new Date();
+      if(fromDate.getMonth() == 1) {
+        fromDate.setMonth(12);
+        fromDate.setFullYear(fromDate.getFullYear() - 1);
+      }
+      else {
+        fromDate.setMonth(fromDate.getMonth() - 1);
+      }
+      let filter = encodeURIComponent(`(clicks.c_user_country=='${this.userCountry}')`);
+
+      let url = `https://${this.bindings?.engine.state.configuration.organizationId}.admin.org.coveo.com/rest/ua/v15/stats/combinedData?from=${fromDate.toISOString()}&to=${toDate}&m=DocumentView&d=documentTitle&d=documentURL&d=clicks.c_user_country&&d=documentSysUriHash&f=${filter}&p=1&n=10&s=DocumentView&asc=false&includeMetadata=true`;
+      const reqHeaders = new Headers();
+      reqHeaders.append("authorization", "Bearer xxf42da36f-db11-4565-8358-8bac8c307236");
+
+      const requestOptions = {
+        method: "GET",
+        headers: reqHeaders
+      };
+
+      let response:any = await fetch(url, requestOptions);
+      response = await response.json();
+      debugger;
+      if(response.combinations.length>0) {
+        let dqExp = response.combinations.map((c:any) => c.documentSysUriHash);
+        buildContext(this.bindings.engine).add("dqExp", dqExp);
+        (this.bindings.interfaceElement as any).getRecommendations();
+      }
+      else {
+        debugger;
+      }
+    } catch (error) {
+      console.error(error);
+    }
+  } 
+}

package/src/components/recs-results-manager/FaqTemplateRec.html

@@ -0,0 +1,19 @@
+
+<style>
+  atomic-result-link{
+    font-size: 1.3rem !important;
+    color: #626971 !important;
+  }
+  faq-popup-component{
+    font-size: 1.3rem; color: #626971 !important; 
+  }
+  faq-popup-component:hover{
+    text-decoration: underline; 
+  }
+  hr {
+    margin-top: 20px !important;
+  }
+</style> 
+<faq-popup-component></faq-popup-component>
+<hr/>
+    

package/src/components/recs-results-manager/QuickLinksRec.html

@@ -0,0 +1,16 @@
+<style>
+  atomic-result-link a {
+    font-size: 1.3rem;
+    color: #626971 !important;
+  }
+  hr {
+    margin-top: 20px !important;
+  }
+</style>
+
+
+<atomic-result-section-title>
+  <atomic-result-link href-template='${raw.sfppcustomlinkcpplinkurlc}'><a slot="attributes" target="_blank"></a>
+  </atomic-result-link>
+  <hr/>
+</atomic-result-section-title>

package/src/components/recs-results-manager/defaultRec.html

@@ -0,0 +1,14 @@
+<style>
+  atomic-result-link a {
+    font-size: 1.3rem;
+    color: #626971 !important;
+  }
+  hr {
+    margin-top: 20px !important;
+  }
+</style>
+<atomic-result-section-title>
+  <atomic-result-link><a slot="attributes" target="_blank"></a>
+  </atomic-result-link>
+  <hr/>
+</atomic-result-section-title>

package/src/components/recs-results-manager/recs-results-manager.tsx

@@ -0,0 +1,38 @@
+import { Component, h } from "@stencil/core";
+import { waitForRecsAtomic } from "../../utils/atomic";
+import FaqTemplateRec from "./FaqTemplateRec.html";
+import QuickLinksRec from "./QuickLinksRec.html";
+import defaultRec from "./defaultRec.html";
+
+
+/**
+ * Component used to manage results & result templates.
+ * See https://docs.coveo.com/en/atomic/latest/usage/create-a-result-list/
+ */
+@Component({
+  tag: "recs-results-manager",
+  shadow: false,
+})
+export class RecsResultsManager {
+  public async componentWillLoad() {
+    return waitForRecsAtomic();
+  }
+
+  public render() {
+
+
+    return (
+      <atomic-recs-list number-of-recommendations="5">
+        <atomic-recs-result-template must-match-abicontenttype='FAQ'>
+          <template innerHTML={FaqTemplateRec}></template>
+        </atomic-recs-result-template>
+        <atomic-recs-result-template must-match-abicontenttype='Quick Links'>
+          <template innerHTML={QuickLinksRec}></template>
+        </atomic-recs-result-template>
+        <atomic-recs-result-template>
+          <template innerHTML={defaultRec}></template>
+        </atomic-recs-result-template>
+      </atomic-recs-list>
+    );
+  }
+}

package/src/components/results-manager/FAQTemplate.html

@@ -91,7 +91,7 @@ atomic-result-section-visual {
 </atomic-result-section-visual>
 
 <atomic-result-section-title>
-  <faq-popup-component></faq-popup-component>
+  <faq-popup-component origin="searchResult"></faq-popup-component>
 </atomic-result-section-title>
 
 <atomic-result-section-excerpt>

package/src/components.d.ts

@@ -7,6 +7,12 @@
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 export namespace Components {
     interface FaqPopupComponent {
+        "origin"?: string;
+    }
+    interface RecsInitializationHelper {
+        "userCountry": string;
+    }
+    interface RecsResultsManager {
     }
     interface ResultsManager {
     }
@@ -24,6 +30,18 @@ declare global {
         prototype: HTMLFaqPopupComponentElement;
         new (): HTMLFaqPopupComponentElement;
     };
+    interface HTMLRecsInitializationHelperElement extends Components.RecsInitializationHelper, HTMLStencilElement {
+    }
+    var HTMLRecsInitializationHelperElement: {
+        prototype: HTMLRecsInitializationHelperElement;
+        new (): HTMLRecsInitializationHelperElement;
+    };
+    interface HTMLRecsResultsManagerElement extends Components.RecsResultsManager, HTMLStencilElement {
+    }
+    var HTMLRecsResultsManagerElement: {
+        prototype: HTMLRecsResultsManagerElement;
+        new (): HTMLRecsResultsManagerElement;
+    };
     interface HTMLResultsManagerElement extends Components.ResultsManager, HTMLStencilElement {
     }
     var HTMLResultsManagerElement: {
@@ -50,6 +68,8 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "faq-popup-component": HTMLFaqPopupComponentElement;
+        "recs-initialization-helper": HTMLRecsInitializationHelperElement;
+        "recs-results-manager": HTMLRecsResultsManagerElement;
         "results-manager": HTMLResultsManagerElement;
         "sample-component": HTMLSampleComponentElement;
         "standalone-searchbox-listener": HTMLStandaloneSearchboxListenerElement;
@@ -58,6 +78,12 @@ declare global {
 }
 declare namespace LocalJSX {
     interface FaqPopupComponent {
+        "origin"?: string;
+    }
+    interface RecsInitializationHelper {
+        "userCountry": string;
+    }
+    interface RecsResultsManager {
     }
     interface ResultsManager {
     }
@@ -69,6 +95,8 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "faq-popup-component": FaqPopupComponent;
+        "recs-initialization-helper": RecsInitializationHelper;
+        "recs-results-manager": RecsResultsManager;
         "results-manager": ResultsManager;
         "sample-component": SampleComponent;
         "standalone-searchbox-listener": StandaloneSearchboxListener;
@@ -80,6 +108,8 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "faq-popup-component": LocalJSX.FaqPopupComponent & JSXBase.HTMLAttributes<HTMLFaqPopupComponentElement>;
+            "recs-initialization-helper": LocalJSX.RecsInitializationHelper & JSXBase.HTMLAttributes<HTMLRecsInitializationHelperElement>;
+            "recs-results-manager": LocalJSX.RecsResultsManager & JSXBase.HTMLAttributes<HTMLRecsResultsManagerElement>;
             "results-manager": LocalJSX.ResultsManager & JSXBase.HTMLAttributes<HTMLResultsManagerElement>;
             "sample-component": LocalJSX.SampleComponent & JSXBase.HTMLAttributes<HTMLSampleComponentElement>;
             "standalone-searchbox-listener": LocalJSX.StandaloneSearchboxListener & JSXBase.HTMLAttributes<HTMLStandaloneSearchboxListenerElement>;

package/src/index.ts

@@ -137,6 +137,7 @@ async function initRecs() {
   const accessToken = process.env.API_KEY!;
 
   const recsInterface:HTMLAtomicRecsInterfaceElement = document.querySelector('#recs')!;
+  recsInterface.querySelector("recs-initialization-helper")?.setAttribute("user-country","BE");
   await recsInterface?.initialize({
     accessToken: accessToken,
     organizationId: organizationId,
@@ -146,14 +147,15 @@ async function initRecs() {
         var body = JSON.parse(request.body as string);
         body.context = {
           "user_country": "CZ",
-          "user_country_snow": "CZ"
+          "user_country_snow": "CZ",
+          ...body.context
         };
         request.body = JSON.stringify(body);
       }
       return request;
     }
   });
-  recsInterface?.getRecommendations();
+  //recsInterface?.getRecommendations();
   /*await Promise.all(
     recsInterfaces.map(async (recommendationInterface: { initialize: (arg0: { accessToken: string; organizationId: string; }) => any; getOrganizationEndpoints: (arg0: string) => any; }) =>
       recommendationInterface.initialize({

package/src/pages/recs.html

@@ -28,27 +28,24 @@
 
 <body>
   <div class="atomic-recs-layout">
-    <atomic-recs-interface search-hub="abirec" id="recs" pipeline="Content Recommendation EU" fields-to-include='["abicontenttype","spsitename","spsiteuri"]'>
+    <atomic-recs-interface search-hub="abirecsnow" id="recs" pipeline="Content Recommendation EU SNOW" fields-to-include='["abicontenttype","sfppcustomlinkcpplinkurlc","spsitename","spsiteuri","answer","category"]'>
+      <atomic-modal id="faq-modal" is-open="false">
+        <div slot="header" style="display: grid;grid-template-columns: 5fr 01fr; width:100%;">
+          <div class="header-title" style="padding-top:2%;">This is a title</div>
+          <div id="faq-modal-close"  style="text-align: end;">
+            <svg width="48" height="49" viewBox="0 0 48 49" fill="black" xmlns="http://www.w3.org/2000/svg">
+              <rect y="0.5" width="48" height="48" rx="24" fill="white"/>
+              <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5382 24.5L15 16.9618L16.4618 15.5L24 23.0382L31.5382 15.5L33 16.9618L25.4618 24.5L33 32.0382L31.5382 33.5L24 25.9618L16.4618 33.5L15 32.0382L22.5382 24.5Z" fill="#17171A"/>
+            </svg>
+          </div>
+        
+        </div>
+        <div slot="body" style="max-width: none;">This is the body</div>
+        <div slot="footer"><button id="btn-done">Done</button></div>
+      </atomic-modal>
       <div class="recommendation-title">Recommendations</div>
-      <atomic-recs-list number-of-recommendations="10"
-        number-of-recommendations-per-page="5">
-        <atomic-recs-result-template>
-          <template>
-            <style>
-              atomic-result-link a {
-                font-size: 1.3rem;
-                color: #626971 !important;
-              }
-            </style>
-           <atomic-result-section-title>
-              <atomic-result-link>
-                <a slot="attributes" target="_blank"></a>
-              </atomic-result-link>
-              <hr>
-            </atomic-result-section-title>
-          </template>
-        </atomic-recs-result-template>
-      </atomic-recs-list>
+      <recs-results-manager></recs-results-manager>
+      <recs-initialization-helper></recs-initialization-helper>
     </atomic-recs-interface>
   </div>
 </body>

package/src/style/index.css

@@ -164,11 +164,11 @@ atomic-recs-list::part(outline){
   border : none;
 }
 atomic-recs-list::part(result-list-grid-clickable-container):hover {
-  text-decoration: underline;
   box-shadow: none;
 }
-atomic-recs-list::part(result-list-grid-clickable-container) {
+atomic-recs-list::part(result-list-grid-clickable) {
  padding: 10px;
+ pointer-events: none;
 }
 
 .atomic-recs-layout {

package/dist/abi/p-b267e2bb.entry.js

@@ -1 +0,0 @@
-import{r as i,h as s,g as o,H as t}from"./p-d6d34d34.js";import{i as l,f as a,a as n,m as r,$ as d}from"./p-b984457f.js";import{w as e}from"./p-c82303fb.js";import"./p-d20ee37c.js";const v=class{constructor(s){i(this,s)}async connectedCallback(){var i;try{await e(),this.bindings=await l(this.host),null===(i=this.bindings)||void 0===i||i.i18n.addResourceBundle("en","translation",{"search-tips":"You may want to try using different keywords or checking for spelling mistakes."})}catch(i){console.error(i)}}async handleStandaloneSearchbox(i){var s,o,t,l,e,v,c,h,u,p;let m=a(null===(s=this.bindings)||void 0===s?void 0:s.engine);null===(t=null===(o=this.bindings)||void 0===o?void 0:o.engine)||void 0===t||t.dispatch(m.updateQuery({q:i.detail}));let f=n(null===(l=this.bindings)||void 0===l?void 0:l.engine);null===(v=null===(e=this.bindings)||void 0===e?void 0:e.engine)||void 0===v||v.dispatch(f.updatePage(1));let y=r(null===(c=this.bindings)||void 0===c?void 0:c.engine),b=d(null===(h=this.bindings)||void 0===h?void 0:h.engine);null===(p=null===(u=this.bindings)||void 0===u?void 0:u.engine)||void 0===p||p.dispatch(b.executeSearch(y.logSearchboxSubmit()))}render(){return s(t,null)}get host(){return o(this)}};v.style="";export{v as standalone_searchbox_listener}

package/dist/abi/p-d6d34d34.js

@@ -1,2 +0,0 @@
-let e,t,n=!1,l=!1;const s="undefined"!=typeof window?window:{},o=s.document||{head:{}},c={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},r=e=>Promise.resolve(e),i=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),a=(e,t,n)=>{n&&n.map((([n,l,s])=>{const o=f(e,n),r=u(t,s),i=$(n);c.ael(o,l,r,i),(t.o=t.o||[]).push((()=>c.rel(o,l,r,i)))}))},u=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){K(e)}},f=(e,t)=>8&t?s:e,$=e=>0!=(2&e),y=new WeakMap,d=e=>"sc-"+e.$,h={},m=e=>"object"==(e=typeof e)||"function"===e,p=(e,t,...n)=>{let l=null,s=!1,o=!1;const c=[],r=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!m(l))&&(l+=""),s&&o?c[c.length-1].h+=l:c.push(s?w(null,l):l),o=s)};if(r(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const i=w(e,null);return i.m=t,c.length>0&&(i.p=c),i},w=(e,t)=>({t:0,g:e,h:t,v:null,p:null,m:null}),b={},g=(e,t,n,l,o,r)=>{if(n!==l){let i=J(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,s=S(n),o=S(l);t.remove(...s.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!s.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if(i||"o"!==t[0]||"n"!==t[1]){const s=m(l);if((i||s&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const s=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==s||(e[t]=s)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||o)&&!s&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):J(s,a)?a.slice(2):a[2]+t.slice(3),n&&c.rel(e,t,n,!1),l&&c.ael(e,t,l,!1)}},v=/\s/,S=e=>e?e.split(v):[],j=(e,t,n,l)=>{const s=11===t.v.nodeType&&t.v.host?t.v.host:t.v,o=e&&e.m||h,c=t.m||h;for(l in o)l in c||g(s,l,o[l],void 0,n,t.t);for(l in c)g(s,l,o[l],c[l],n,t.t)},k=(t,l,s)=>{const c=l.p[s];let r,i,a=0;if(null!==c.h)r=c.v=o.createTextNode(c.h);else{if(n||(n="svg"===c.g),r=c.v=o.createElementNS(n?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",c.g),n&&"foreignObject"===c.g&&(n=!1),j(null,c,n),null!=e&&r["s-si"]!==e&&r.classList.add(r["s-si"]=e),c.p)for(a=0;a<c.p.length;++a)i=k(t,c,a),i&&r.appendChild(i);"svg"===c.g?n=!1:"foreignObject"===r.tagName&&(n=!0)}return r},C=(e,n,l,s,o,c)=>{let r,i=e;for(i.shadowRoot&&i.tagName===t&&(i=i.shadowRoot);o<=c;++o)s[o]&&(r=k(null,l,o),r&&(s[o].v=r,i.insertBefore(r,n)))},O=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.v.remove()},M=(e,t)=>e.g===t.g,x=(e,t)=>{const l=t.v=e.v,s=e.p,o=t.p,c=t.g,r=t.h;null===r?(n="svg"===c||"foreignObject"!==c&&n,j(e,t,n),null!==s&&null!==o?((e,t,n,l)=>{let s,o=0,c=0,r=t.length-1,i=t[0],a=t[r],u=l.length-1,f=l[0],$=l[u];for(;o<=r&&c<=u;)null==i?i=t[++o]:null==a?a=t[--r]:null==f?f=l[++c]:null==$?$=l[--u]:M(i,f)?(x(i,f),i=t[++o],f=l[++c]):M(a,$)?(x(a,$),a=t[--r],$=l[--u]):M(i,$)?(x(i,$),e.insertBefore(i.v,a.v.nextSibling),i=t[++o],$=l[--u]):M(a,f)?(x(a,f),e.insertBefore(a.v,i.v),a=t[--r],f=l[++c]):(s=k(t&&t[c],n,c),f=l[++c],s&&i.v.parentNode.insertBefore(s,i.v));o>r?C(e,null==l[u+1]?null:l[u+1].v,n,l,c,u):c>u&&O(t,o,r)})(l,s,t,o):null!==o?(null!==e.h&&(l.textContent=""),C(l,null,t,o,0,o.length-1)):null!==s&&O(s,0,s.length-1),n&&"svg"===c&&(n=!1)):e.h!==r&&(l.data=r)},P=e=>D(e).S,E=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},L=(e,t)=>{if(e.t|=16,!(4&e.t))return E(e,e.k),oe((()=>N(e,t)));e.t|=512},N=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>U(n,e,t))),e.u=null),l=U(n,"componentWillLoad")),q(l,(()=>T(e,n,t)))},T=async(e,t,n)=>{const l=e.S,s=l["s-rc"];n&&(e=>{const t=e.C,n=e.S,l=t.t,s=((e,t)=>{let n=d(t);const l=Y.get(n);if(e=11===e.nodeType?e:o,l)if("string"==typeof l){let t,s=y.get(e=e.head||e);s||y.set(e,s=new Set),s.has(n)||(t=o.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),s&&s.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(e);W(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>A(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},W=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.S,o=n.O||w(null,null),c=(e=>e&&e.g===b)(l)?l:p(null,null,l);t=s.tagName,c.g=null,c.t|=4,n.O=c,c.v=o.v=s.shadowRoot||s,e=s["s-sc"],x(o,c)})(n,l)}catch(e){K(e,n.S)}return null},A=e=>{const t=e.S,n=e.k;64&e.t||(e.t|=64,F(t),e.M(t),n||R()),e.j&&(e.j(),e.j=void 0),512&e.t&&se((()=>L(e,!1))),e.t&=-517},H=e=>{{const t=D(e),n=t.S.isConnected;return n&&2==(18&t.t)&&L(t,!1),n}},R=()=>{F(o.documentElement),se((()=>(e=>{const t=c.ce("appload",{detail:{namespace:"abi"}});return e.dispatchEvent(t),t})(s)))},U=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){K(e)}},q=(e,t)=>e&&e.then?e.then(t):t(),F=e=>e.classList.add("hydrated"),V=(e,t,n)=>{if(t.P){const l=Object.entries(t.P),s=e.prototype;l.map((([e,[t]])=>{(31&t||2&n&&32&t)&&Object.defineProperty(s,e,{get(){return((e,t)=>D(this).L.get(t))(0,e)},set(t){((e,t,n)=>{const l=D(e),s=l.L.get(t),o=l.t,c=l.i;n=(e=>(null==e||m(e),e))(n),8&o&&void 0!==s||n===s||Number.isNaN(s)&&Number.isNaN(n)||(l.L.set(t,n),c&&2==(18&o)&&L(l,!1))})(this,e,t)},configurable:!0,enumerable:!0})}))}return e},_=e=>{U(e,"connectedCallback")},z=(e,t={})=>{const n=[],l=t.exclude||[],r=s.customElements,u=o.head,f=u.querySelector("meta[charset]"),$=o.createElement("style"),y=[];let h,m=!0;Object.assign(c,t),c.l=new URL(t.resourcesUrl||"./",o.baseURI).href,e.map((e=>{e[1].map((t=>{const s={t:t[0],$:t[1],P:t[2],N:t[3]};s.P=t[2],s.N=t[3];const o=s.$,u=class extends HTMLElement{constructor(e){super(e),I(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){h&&(clearTimeout(h),h=null),m?y.push(this):c.jmp((()=>(e=>{if(0==(1&c.t)){const t=D(e),n=t.C,l=()=>{};if(1&t.t)a(e,t,n.N),_(t.i);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){E(t,t.k=n);break}}(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=X(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(V(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){K(e)}t.t&=-9,e(),_(t.i)}if(s.style){let e=s.style;const t=d(n);if(!Y.has(t)){const l=()=>{};((e,t,n)=>{let l=Y.get(e);i&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,Y.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.k,c=()=>L(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){c.jmp((()=>(()=>{if(0==(1&c.t)){const e=D(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),U(t,"disconnectedCallback")}})()))}componentOnReady(){return D(this).T}};s.W=e[0],l.includes(o)||r.get(o)||(n.push(o),r.define(o,V(u,s,1)))}))})),$.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",$.setAttribute("data-styles",""),u.insertBefore($,f?f.nextSibling:u.firstChild),m=!1,y.length?y.map((e=>e.connectedCallback())):c.jmp((()=>h=setTimeout(R,30)))},B=new WeakMap,D=e=>B.get(e),G=(e,t)=>B.set(t.i=e,t),I=(e,t)=>{const n={t:0,S:e,C:t,L:new Map};return n.T=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[],a(e,n,t.N),B.set(e,n)},J=(e,t)=>t in e,K=(e,t)=>(0,console.error)(e,t),Q=new Map,X=e=>{const t=e.$.replace(/-/g,"_"),n=e.W,l=Q.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(Q.set(n,e),e[t])),K)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},Y=new Map,Z=[],ee=[],te=(e,t)=>n=>{e.push(n),l||(l=!0,t&&4&c.t?se(le):c.raf(le))},ne=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){K(e)}e.length=0},le=()=>{ne(Z),ne(ee),(l=Z.length>0)&&c.raf(le)},se=e=>r().then(e),oe=te(ee,!0);export{b as H,z as b,H as f,P as g,p as h,r as p,G as r}