@searchcraft/javascript-sdk 0.3.1 → 0.4.0

package/dist/searchcraft-javascript-sdk/p-2c220368.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["searchcraftBaseSearchFormModuleCss","SearchcraftBaseSearchFormStyle0","SearchcraftBaseSearchForm","this","clearInput","searchStore","useSearchcraftStore","getState","themeStore","useThemeStore","componentDidLoad","searchcraft","SearchcraftCore","config","sdkName","packageJson","name","sdkVersion","version","initialize","handleFormSubmit","async","event","preventDefault","query","trim","error","setQuery","search","searchResults","JSON","stringify","handleSearchInputChange","detail","handleClearInput","toggleTheme","readKey","endpointURL","index","organizationId","applicationId","render","formClass","rightToLeftOrientation","h","key","class","classNames","onSubmit","label","labelForInput","onClearInput","onSearchInputChange","onButtonClick","errorMessage"],"sources":["src/components/searchcraft-base-search-form/searchcraft-base-search-form.module.scss?tag=searchcraft-base-search-form","src/components/searchcraft-base-search-form/searchcraft-base-search-form.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.formLTR {\n  font-family: var(--font-stack);\n  text-align: left;\n}\n\n.formRTL {\n  font-family: var(--font-stack);\n  text-align: right;\n}\n\n.searchContainer {\n  align-items: center;\n  display: flex;\n}","import { Component, h, Event, Prop, State } from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { type SearchcraftConfig, SearchcraftCore } from '@searchcraft/core';\n\nimport { useSearchcraftStore, useThemeStore } from '@provider/store';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\n\nimport packageJson from '../../../package.json';\n\n@Component({\n  tag: 'searchcraft-base-search-form',\n  styleUrl: 'searchcraft-base-search-form.module.scss',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchForm {\n  @Prop() config: SearchcraftConfig = {\n    readKey: '',\n    endpointURL: '',\n    index: [],\n    organizationId: '',\n    applicationId: '',\n  };\n  @Prop() errorMessage = 'Search was unsuccessful';\n  @Prop() labelForInput = 'Search';\n  @Prop() rightToLeftOrientation = false;\n\n  @Event() clearInput = () => {};\n\n  @State() error = false;\n  @State() query = '';\n  @State() searchResults: string | null = null;\n\n  private searchStore = useSearchcraftStore.getState();\n  private themeStore = useThemeStore.getState();\n\n  componentDidLoad = () => {\n    const searchcraft = new SearchcraftCore(this.config, {\n      sdkName: packageJson.name,\n      sdkVersion: packageJson.version,\n    });\n    this.searchStore.initialize(searchcraft, true);\n  };\n\n  handleFormSubmit = async (event) => {\n    event.preventDefault();\n    if (this.query.trim() === '') {\n      this.error = true;\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query);\n      await this.searchStore.search();\n      this.searchResults = JSON.stringify(this.searchStore.searchResults);\n    }\n  };\n\n  handleSearchInputChange = (event: ScInputCustomEvent<string>) => {\n    this.query = event.detail;\n  };\n\n  handleClearInput = () => {\n    this.query = '';\n    this?.clearInput();\n  };\n\n  toggleTheme = () => {\n    this.themeStore.toggleTheme();\n  };\n\n  render() {\n    const formClass = this.rightToLeftOrientation ? 'formRTL' : 'formLTR';\n    return (\n      <form\n        class={classNames(`${formClass}`, 'searchcraft-base-search-form')}\n        onSubmit={this.handleFormSubmit}\n      >\n        <searchcraft-input-label label={this.labelForInput} />\n        <div\n          class={classNames(\n            'searchContainer',\n            'searchcraft-base-search-form-input-container',\n          )}\n        >\n          {this.rightToLeftOrientation && <searchcraft-button />}\n          <searchcraft-input\n            onClearInput={this.handleClearInput}\n            onSearchInputChange={this.handleSearchInputChange}\n            query={this.query}\n            rightToLeftOrientation={this.rightToLeftOrientation}\n          />\n          {!this.rightToLeftOrientation && (\n            <searchcraft-button onButtonClick={this.handleFormSubmit} />\n          )}\n        </div>\n        {this.error && (\n          <searchcraft-error-message errorMessage={this.errorMessage} />\n        )}\n      </form>\n    );\n  }\n}\n"],"mappings":"4KAAA,MAAMA,EAAqC,mNAC3C,MAAAC,EAAeD,E,MCeFE,EAAyB,M,gEAY3BC,KAAAC,WAAa,OAMdD,KAAAE,YAAcC,EAAoBC,WAClCJ,KAAAK,WAAaC,EAAcF,WAEnCJ,KAAAO,iBAAmB,KACjB,MAAMC,EAAc,IAAIC,EAAgBT,KAAKU,OAAQ,CACnDC,QAASC,EAAYC,KACrBC,WAAYF,EAAYG,UAE1Bf,KAAKE,YAAYc,WAAWR,EAAa,KAAK,EAGhDR,KAAAiB,iBAAmBC,MAAOC,IACxBA,EAAMC,iBACN,GAAIpB,KAAKqB,MAAMC,SAAW,GAAI,CAC5BtB,KAAKuB,MAAQ,I,KACR,CACLvB,KAAKuB,MAAQ,MACbvB,KAAKE,YAAYsB,SAASxB,KAAKqB,aACzBrB,KAAKE,YAAYuB,SACvBzB,KAAK0B,cAAgBC,KAAKC,UAAU5B,KAAKE,YAAYwB,c,GAIzD1B,KAAA6B,wBAA2BV,IACzBnB,KAAKqB,MAAQF,EAAMW,MAAM,EAG3B9B,KAAA+B,iBAAmB,KACjB/B,KAAKqB,MAAQ,GACbrB,OAAI,MAAJA,YAAI,SAAJA,KAAMC,YAAY,EAGpBD,KAAAgC,YAAc,KACZhC,KAAKK,WAAW2B,aAAa,E,YAlDK,CAClCC,QAAS,GACTC,YAAa,GACbC,MAAO,GACPC,eAAgB,GAChBC,cAAe,I,kBAEM,0B,mBACC,S,4BACS,M,WAIhB,M,WACA,G,mBACuB,I,CAsCxC,MAAAC,GACE,MAAMC,EAAYvC,KAAKwC,uBAAyB,UAAY,UAC5D,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAOC,EAAW,GAAGL,IAAa,gCAClCM,SAAU7C,KAAKiB,kBAEfwB,EAAA,2BAAAC,IAAA,2CAAyBI,MAAO9C,KAAK+C,gBACrCN,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EACL,kBACA,iDAGD5C,KAAKwC,wBAA0BC,EAAA,sBAAAC,IAAA,6CAChCD,EAAA,qBAAAC,IAAA,2CACEM,aAAchD,KAAK+B,iBACnBkB,oBAAqBjD,KAAK6B,wBAC1BR,MAAOrB,KAAKqB,MACZmB,uBAAwBxC,KAAKwC,0BAE7BxC,KAAKwC,wBACLC,EAAA,sBAAAC,IAAA,2CAAoBQ,cAAelD,KAAKiB,oBAG3CjB,KAAKuB,OACJkB,EAAA,6BAAAC,IAAA,2CAA2BS,aAAcnD,KAAKmD,e","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-39c0ca33.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,F as s}from"./p-b42eaa55.js";import{c as n}from"./p-5cdc6210.js";import{u as r,i as a,p as o,a as h,s as c,e as l,g as p,f as d,c as f}from"./p-d5f8dda2.js";import{p as u}from"./p-b0c1fd63.js";const g=":root{--font-stack:Helvetica, Arial, sans-serif}.formLTR{font-family:var(--font-stack);text-align:left;width:100%}.formRTL{font-family:var(--font-stack);text-align:right;width:100%}";const x=g;const b=class{constructor(e){t(this,e);this.inputClearedOrNoResults=i(this,"inputClearedOrNoResults",7);this.querySubmit=i(this,"querySubmit",7);this.debounceTimeout=null;this.debounceDelay=0;this.searchStore=r.getState();this.handleInputChange=t=>{this.query=t.detail;this.searchStore.setQuery(this.query);if(this.query.trim()===""){this.searchResults=null;this.inputClearedOrNoResults.emit();this.searchStore.setSearchResults(null)}};this.handleInputKeyUp=t=>{const i=t.detail;if(i===this.query){return}this.query=i;if(this.debounceTimeout){clearTimeout(this.debounceTimeout)}this.debounceTimeout=setTimeout((()=>{if(this.query.trim()===""){this.searchResults=null;this.searchStore.setSearchResults(null);this.inputClearedOrNoResults.emit()}else{this.searchStore.setQuery(this.query);this.querySubmit.emit(this.query);this.runSearch()}}),this.debounceDelay)};this.handleClearInput=()=>{if(this.query===""&&!this.searchResults){return}this.query="";this.searchResults=null;this.searchStore.setQuery("");this.searchStore.setSearchResults(null);if(typeof this.clearInput==="function"){this.clearInput()}if(this.debounceTimeout){clearTimeout(this.debounceTimeout)}this.error=false;this.inputClearedOrNoResults.emit()};this.runSearch=async()=>{if(this.query.trim()===""){this.error=true;this.inputClearedOrNoResults.emit()}else{this.error=false;this.searchStore.setQuery(this.query);this.searchStore.setSelectedFilters([]);try{await this.searchStore.search()}catch(t){this.error=true;this.inputClearedOrNoResults.emit()}}};this.handleFormSubmit=async t=>{t.preventDefault();await this.runSearch()};this.autoSearchFormClass="";this.clearInput=()=>{};this.config={readKey:"",endpointURL:"",index:[],organizationId:"",applicationId:""};this.customStylesForInput={};this.inputCaptionValue="";this.inputIconHeight=20;this.inputIconWidth=20;this.labelForInput="";this.placeholderValue="Search here";this.rightToLeftOrientation=false;this.searchContainerClass="";this.error=false;this.isRequesting=false;this.query="";this.searchResults=null}componentDidLoad(){const t=new a(this.config,{sdkName:u.name,sdkVersion:u.version});this.searchStore.initialize(t,true);this.unsubscribe=r.subscribe((t=>{this.isRequesting=t.isRequesting;this.searchResults=Object.assign({},t.searchResults)}))}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}}render(){const t=this.rightToLeftOrientation?"formRTL":"formLTR";const i=o(this.customStylesForInput);return e("form",{key:"3f8e9a36e827b3f1f8d591622a1c824e7ccc6f83",class:n(`${t}`,"searchcraft-auto-search-form"),onSubmit:this.handleFormSubmit},e("searchcraft-input-label",{key:"daf9b6aab7185e045891a975ac70a3bf3b7ff75f",label:this.labelForInput}),e("searchcraft-input",{key:"655e92d562a73dcf9857f24075c65c6bbe2215f5",customStyles:i,"input-caption-value":this.inputCaptionValue,"input-icon-height":this.inputIconHeight,"input-icon-width":this.inputIconWidth,"is-requesting":this.isRequesting,onClearInput:this.handleClearInput,onInputKeyUp:this.handleInputKeyUp,onSearchInputChange:this.handleInputChange,"placeholder-value":this.placeholderValue,query:this.query,"right-to-left-orientation":this.rightToLeftOrientation}),this.error&&e("searchcraft-error-message",{key:"988624eb1ff71adde2a2e38ab8adb868a5a12469",errorMessage:"Please enter a search query."}))}};b.style=x;const k='@charset "UTF-8";:root{--font-stack:Helvetica, Arial, sans-serif}.interactiveResultContainerLight{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:8px;position:relative;background-color:#F7F7F7}@media (min-width: 900px){.interactiveResultContainerLight{flex-direction:row;justify-content:space-between}}.interactiveResultContainerDark{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:8px;position:relative;background-color:#2E2E2E}@media (min-width: 900px){.interactiveResultContainerDark{flex-direction:row;justify-content:space-between}}.resultContainer{align-items:flex-start;display:flex;flex-direction:column;gap:16px;all:unset;display:inline;color:inherit;text-decoration:none}.resultContainer:hover{cursor:pointer}@media (min-width: 900px){.resultContainer{flex-direction:row}}.interactiveIconLarge{display:inline-block;position:absolute;right:5px;top:8px}@media (max-width: 900px){.interactiveIconLarge{display:none}}.interactiveIconSmall{display:inline-block;position:absolute;right:5px;top:-2px}@media (min-width: 900px){.interactiveIconSmall{display:none}}.imageContainer{max-width:100%}@media (min-width: 900px){.imageContainer{max-width:400px}}.contentContainer{max-height:100%;max-width:100%}@media (min-width: 900px){.contentContainer{max-width:50%}}.secondaryContentContainer{display:flex}.imageLight{border-radius:8px;max-height:100%;max-width:100%}.imageDark{border-radius:8px;max-height:100%;max-width:100%}.titleLight{font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;margin-bottom:4px;margin-top:0;position:relative;-webkit-font-smoothing:antialiased;color:#292929}.titleDark{font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;margin-bottom:4px;margin-top:0;position:relative;-webkit-font-smoothing:antialiased;color:#FFFFFF}.subtitleContentLight{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#737373}.subtitleContentDark{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#BFBFBF}.primaryContentLight{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#404040}.primaryContentDark{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#E6E6E6}.secondaryContentLight{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#404040}.secondaryContentDark{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#E6E6E6}.tertiaryContentLight{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#404040}.tertiaryContentLight.hasContent::before{color:#404040;content:"•";font-size:10px;margin-left:5px;margin-right:5px}.tertiaryContentDark{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#E6E6E6}.tertiaryContentDark.hasContent::before{color:#404040;content:"•";font-size:10px;margin-left:5px;margin-right:5px}';const m=k;const y=class{constructor(e){t(this,e);this.buttonCallback=i(this,"buttonCallback",7);this.keyDownCallback=i(this,"keyDownCallback",7);this.resultCallback=i(this,"resultCallback",7);this.buttonCallback=()=>{};this.keyDownCallback=()=>{};this.resultCallback=()=>{};this.searchcraftStore=r.getState();this.handleButtonClick=()=>{this.buttonCallback()};this.handleClick=()=>{var t,i,e;const s=this.searchcraftStore.getSearchcraftInstance();if(s){const n=this.documentPosition;const r=this.searchcraftStore.query;const a=((e=(i=(t=this.searchcraftStore.searchResults)===null||t===void 0?void 0:t.data)===null||i===void 0?void 0:i.hits)===null||e===void 0?void 0:e.length)||0;s.sendMeasureEvent("document_clicked",{document_position:n,number_of_documents:a,search_term:r})}};this.parseStyles=()=>{try{return JSON.parse(this.customStyles)}catch(t){console.error("Error parsing custom styles:",t);return{}}};this.buttonText="";this.customStyles="{}";this.titleContent="";this.imageDescription="";this.imageSource="";this.isInteractive=false;this.linkHref="";this.primaryContent="";this.secondaryContent="";this.subtitleContent="";this.tertiaryContent="";this.themeMode="light";this.placeImageRight=false;this.documentPosition=0}render(){const t=this.themeMode==="light";const i=this.parseStyles();const r=t?"imageLight":"imageDark";const a=this.imageSource&&e("div",{key:"53541a311548a653d43505356b9a4f25a417093f",class:n("imageContainer","searchcraft-base-search-result-image-container")},e("img",{key:"919a46fd856b521a548c2ce6bab8b360507469c2",alt:this.imageDescription,class:n(r,"searchcraft-search-result-image"),src:this.imageSource,style:i.image||{}}));const o=e("div",{key:"944700daf2a0b683769bad992253a8482f71f685",class:n("contentContainer","searchcraft-base-search-result-content-container")},e("h2",{key:"623096e2c7cf5f11bac7127cb00342386866089e",class:n(t?"titleLight":"titleDark","searchcraft-base-search-result-title"),style:i.title||{}},this.titleContent),e("h3",{key:"2928f4d872e90d99fac31b75c9fecfee7e2a9a41",class:n(t?"subtitleContentLight":"subtitleContentDark","searchcraft-base-search-result-subtitle"),style:i.subtitle||{}},this.subtitleContent),e("p",{key:"93bd00c9482d492a2d3d6262dba33044d4470d2c",class:n(t?"primaryContentLight":"primaryContentDark","searchcraft-base-search-result-primary-content"),style:i.primaryContent||{}},this.primaryContent),e("div",{key:"dc3bce7c0f75d121ba3068b3717fd5d934036012",class:n("secondaryContentContainer","searchcraft-base-search-result-secondary-content-container")},e("p",{key:"80624ec83a0a7086142b6a35b4ac65d1fdb76a4e",class:n(t?"secondaryContentLight":"secondaryContentDark","searchcraft-base-search-result-secondary-content"),style:i.secondaryContent||{}},this.secondaryContent),e("p",{key:"53bdb3471b16fd4a1f525d99472c3a4d5662b722",class:n(`${t?"tertiaryContentLight":"tertiaryContentDark"}${this.tertiaryContent?" hasContent":""}`,"searchcraft-base-search-result-tertiary-content"),style:i.tertiaryContent||{}},this.tertiaryContent)),this.buttonText&&e("button",{key:"442dc9aebe748ef06710e196382a80bf006a383e",onClick:this.handleButtonClick,style:i.button||{},type:"button"},this.buttonText));return e("a",{key:"2cf6a6d3768266f6d46e700588083aade92142f7",class:n(this.isInteractive?t?"interactiveResultContainerLight":"interactiveResultContainerDark":"resultContainer","searchcraft-search-result-container"),onKeyDown:this.keyDownCallback,onClick:this.handleClick,href:this.linkHref,rel:"noreferrer",style:i.container||{},tabindex:"0",target:"_blank"},this.placeImageRight?e(s,null,o,a):e(s,null,a,o))}};y.style=m;const v=":root{--font-stack:Helvetica, Arial, sans-serif}.resultsContainer{display:flex;flex-direction:column;justify-content:center;margin:16px 0}.resultsContainer>p{align-self:center}.resultsContainer>div{margin-bottom:20px}.resultsContainer>div img{height:300px;width:200px}.adSection{align-items:center;background-color:#F1F1F1;border:1px solid #DCDDDE;border-radius:16px;display:flex;flex-direction:column;font-size:16px;justify-content:center;margin:auto;min-height:150px;text-align:center;width:100%}.adSection p{margin-top:5px}.emptyState{text-align:center;width:100%}.errorMessageContainer{text-align:center}";const w=v;const C=class{constructor(e){t(this,e);this.noResults=i(this,"noResults",7);this.adInterval=4;this.customStylesForResults={};this.documentAttributesForDisplay="";this.fallbackElement=null;this.formatTime=true;this.placeAdAtEnd=false;this.placeAdAtStart=true;this.placeResultImageRight=false;this.isInteractive=false;this.hasSearched=false;this.query="";this.searchResults=null}componentDidLoad(){if(!this.documentAttributesForDisplay||this.documentAttributesForDisplay.length===0){console.warn("No document attributes provided; using empty keys array.");this.documentAttributesForDisplay=""}this.unsubscribe=r.subscribe((t=>{if(t.query.length>0){this.hasSearched=true}else{this.hasSearched=false}this.searchResults=Object.assign({},t.searchResults);this.query=t.query}));const{searchResults:t,query:i}=r.getState();this.searchResults=t;this.query=i}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}}render(){var t,i,s,r,a,o,d,f,u,g;if(!this.hasSearched){return e("div",{class:n("emptyState","searchcraft-search-results-empty-state-container")},e("slot",{name:"empty-search"}))}if(!((t=this.searchResults)===null||t===void 0?void 0:t.data)){return}const x=h(this.documentAttributesForDisplay);const b=typeof this.customStylesForResults==="string"?this.customStylesForResults:c(this.customStylesForResults);const k=(r=(s=(i=this.searchResults)===null||i===void 0?void 0:i.data)===null||s===void 0?void 0:s.hits)===null||r===void 0?void 0:r.map(((t,i)=>{const{doc:s}=t;const n=l(s,x);if(this.formatTime){for(const t of x){if(n[t]){const i=n[t];if(typeof i==="string"&&!Number.isNaN(Date.parse(i))){n[t]=p(i)}}}}return e("searchcraft-base-search-result",{"button-callback":()=>console.log("button callback"),"custom-styles":b,"image-source":n[x[5]],"is-interactive":this.isInteractive,key:`${t.document_id}-${i}`,"keydown-callback":()=>console.log("keydown"),linkHref:n[x[6]],"place-image-right":this.placeResultImageRight,"primary-content":n[x[2]],"result-callback":()=>console.log("interactive element"),"secondary-content":n[x[3]],"subtitle-content":n[x[1]],"tertiary-content":n[x[4]],"title-content":n[x[0]],"document-position":i})}));const m=[];if(this.placeAdAtStart){m.push(e("div",{key:"ad-section-start",class:n("adSection","searchcraft-beginning-injected-ad-section")},e("span",null,"##"),e("p",null," Ad Impressions")))}if(this.adInterval>0){k.forEach(((t,i)=>{m.push(t);if((i+1)%this.adInterval===0){m.push(e("div",{key:`ad-section-${i+1}`,class:n("adSection","searchcraft-dynamic-injected-ad-section")},e("span",null,"##"),e("p",null," Ad Impressions")))}}))}else{m.push(...k)}if(this.placeAdAtEnd){m.push(e("div",{key:"ad-section-end",class:n("adSection","searchcraft-end-injected-ad-section")},e("span",null,"##"),e("p",null," Ad Impressions")))}if(this.query.length>0&&((d=(o=(a=this.searchResults)===null||a===void 0?void 0:a.data)===null||o===void 0?void 0:o.hits)===null||d===void 0?void 0:d.length)===0){this.noResults.emit()}return e("div",{class:n("resultsContainer","searchcraft-search-results-container")},m,this.query.length>0&&((g=(u=(f=this.searchResults)===null||f===void 0?void 0:f.data)===null||u===void 0?void 0:u.hits)===null||g===void 0?void 0:g.length)===0&&e("div",{class:n("errorMessageContainer","searchcraft-search-results-error-message-container")},e("searchcraft-error-message",{"error-message":`No search results found for "${this.query}" query`})))}};C.style=w;const L=class{constructor(i){t(this,i)}render(){return e("svg",{key:"3db200942b79612a38293544a029c6854dfa4beb",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e("title",{key:"b7b6af8651edb5cc0e054ed775b9029c6c93535e"},"Checkbox Check"),e("path",{key:"7c74edc45f007245e4c6e4fd5d37dbc6dad20de0",d:"M13.9999 2L5.74988 10L1.99988 6.36364",stroke:"white","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"}))}};const F=class{constructor(i){t(this,i);this.type="clear-light"}render(){switch(this.type){case"clear-light":return e("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"icon-title"},e("title",{id:"icon-title"},"Searchcraft Clear Input Icon Light"),e("path",{d:"M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z",stroke:"black","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));case"clear-dark":return e("svg",{width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"icon-title"},e("title",{id:"icon-title"},"Searchcraft Clear Input Icon Dark"),e("path",{d:"M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));case"arrow-light":return e("svg",{width:"20",height:"21",viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"icon-title"},e("title",{id:"icon-title"},"Searchcraft Arrow Right Icon Light"),e("path",{d:"M7.5 15.0444L12.5 10.0444L7.5 5.04443",stroke:"#737373","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));case"arrow-dark":return e("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"icon-title"},e("title",{id:"icon-title"},"Searchcraft Arrow Right Icon Dark"),e("path",{d:"M1.5 11L6.5 6L1.5 1",stroke:"#BFBFBF","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));default:return null}}};const R=":root{--font-stack:Helvetica, Arial, sans-serif}.inputClearButtonLTR{align-items:center;background:none;border:none;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:16px;top:52%;transform:translateY(-50%);width:20px}.inputClearButtonRTL{align-items:center;background:none;border:none;display:flex;height:20px;justify-content:center;left:0px;padding:0;position:absolute;top:52%;transform:translateY(-50%);width:20px}";const T=R;const D=class{constructor(e){t(this,e);this.clearInput=i(this,"clearInput",7);this.isLightTheme=()=>this.theme==="light";this.handleClearClick=t=>{t.preventDefault();this.clearInput.emit()};this.isRequesting=false;this.rightToLeftOrientation=false;this.theme="light"}render(){return this.rightToLeftOrientation?e("button",{class:n("inputClearButtonRTL","searchcraft-clear-input-button-rtl"),onClick:this.handleClearClick,type:"button"},this.isLightTheme?e("searchcraft-clear-icon-set",{type:"clear-light"}):e("searchcraft-clear-icon-set",{type:"clear-dark"})):e("button",{class:n("inputClearButtonLTR","searchcraft-clear-input-button-ltr"),onClick:this.handleClearClick,type:"button"},this.isLightTheme?e("searchcraft-clear-icon-set",{type:"clear-light"}):e("searchcraft-clear-icon-set",{type:"clear-dark"}))}};D.style=T;const E=class{constructor(i){t(this,i)}render(){return e("svg",{key:"4d0c3ab69a973ec8b1d89f52082e4b98ce17e39d",width:"14",height:"3",viewBox:"0 0 14 3",fill:"none"},e("title",{key:"99a099dcd6a163ba5b8c1f5b80f9ebfde2152778"},"Checkbox Dash"),e("line",{key:"49f030f69ff1d37139f868ffb94b5f24442dce37",x1:"1.5",y1:"1.5",x2:"12.5",y2:"1.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"}))}};const B=":root{--font-stack:Helvetica, Arial, sans-serif}.errorMessageLight{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#990000}.errorMessageDark{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#FFB3B3}";const z=B;const S=class{constructor(i){t(this,i);this.errorMessage=undefined;this.theme="light"}render(){const t=this.theme==="light"?"errorMessageLight":"errorMessageDark";return e("p",{key:"877438178c5fe951ff4cd184de7130e4e46739a1",class:n(t,"searchcraft-error-message")},this.errorMessage||"Search term is required.")}};S.style=z;const _=":root{--font-stack:Helvetica, Arial, sans-serif}.filtersListContainer{width:100%}.filterCheckboxLabel{align-items:center;color:#292929;display:flex;font-family:var(--font-stack);font-size:14px;font-weight:600;gap:14px;position:relative;-webkit-font-smoothing:antialiased}.filterCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:#EBEBEB;border:1px solid #D9D9D9;border-radius:8px;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.filterCheckboxLabel input[type=checkbox]:focus{outline:2px solid #000000}.filterCheckboxLabel input[type=checkbox]:checked{background-color:#000000;position:relative}.filterCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.filterCheckboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.childFilterCheckboxLabel{align-items:center;color:#292929;display:flex;font-family:var(--font-stack);font-size:14px;font-weight:600;gap:12px;margin-left:24px;position:relative}.childFilterCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:#EBEBEB;border:1px solid #D9D9D9;border-radius:8px;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:24px;-webkit-font-smoothing:antialiased}.childFilterCheckboxLabel input[type=checkbox]:focus{outline:2px solid #000000}.childFilterCheckboxLabel input[type=checkbox]:checked{background-color:#000000;position:relative}.childFilterCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.childFilterCheckboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.checkContainer{display:none;height:16px;width:16px;position:absolute;top:9px;left:8px}.dashContainer{display:none;height:3px;width:14px;position:absolute;top:3px;left:9px}";const I=_;const j=class{constructor(e){t(this,e);this.filtersUpdated=i(this,"filtersUpdated",7);this.searchStore=r.getState();this.autoSearchFormElement=null;this.handleSearchRequest=()=>{this.selectedFilters=[];this.searchStore.setSelectedFilters([]);this.emitFiltersUpdate()};this.formatLabel=(t,i)=>`${t.replace(/-/g," ").replace(/\b\w/g,(t=>t.toUpperCase()))} (${i})`;this.filters=[];this.dynamicFilters=[];this.selectedFilters=[];this.query="";this.isRequesting=false;this.resultsCount=0}connectedCallback(){var t;const i=this.searchStore;const e=(t=i.searchResults)===null||t===void 0?void 0:t.data.facets;if(e){this.populateFiltersFromFacets(e)}this.unsubscribe=r.subscribe((t=>{var i,e,s,n,r;const a=(i=t.query)===null||i===void 0?void 0:i.trim();const o=(e=t.searchResults)===null||e===void 0?void 0:e.data.facets;this.query=a||"";this.isRequesting=t.isRequesting;this.resultsCount=((r=(n=(s=t.searchResults)===null||s===void 0?void 0:s.data)===null||n===void 0?void 0:n.hits)===null||r===void 0?void 0:r.length)||0;if(o&&this.selectedFilters.length===0){this.populateFiltersFromFacets(o)}}));this.autoSearchFormElement=document.querySelector("searchcraft-auto-search-form");if(this.autoSearchFormElement){this.autoSearchFormElement.addEventListener("querySubmit",this.handleSearchRequest)}}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}if(this.autoSearchFormElement){this.autoSearchFormElement.removeEventListener("querySubmit",this.handleSearchRequest)}}populateFiltersFromFacets(t){var i;const e=d(((i=t[0])===null||i===void 0?void 0:i.section)||[]);this.dynamicFilters=e.map((t=>({label:t.label,value:t.value,count:t.count,children:t.children||[]})))}handleCheckboxChange(t,i,e=false){var s;if(e){const e=this.dynamicFilters.find((i=>i.value===t));const n=((s=e===null||e===void 0?void 0:e.children)===null||s===void 0?void 0:s.map((t=>t.value)))||[];if(!i){this.selectedFilters=this.selectedFilters.filter((i=>i!==t&&!n.includes(i)))}else{this.selectedFilters=[...this.selectedFilters,t]}}else{this.selectedFilters=i?[...this.selectedFilters,t]:this.selectedFilters.filter((i=>i!==t))}this.emitFiltersUpdate()}emitFiltersUpdate(){this.filtersUpdated.emit(this.selectedFilters);this.searchStore.setSelectedFilters(this.selectedFilters);this.searchStore.search()}render(){if(!this.query||this.resultsCount===0){return null}return e("div",{class:n("filtersListContainer","searchcraft-filters-list-container")},this.dynamicFilters.map((t=>{const i=t.children?t.children.some((t=>this.selectedFilters.includes(t.value))):false;return e("div",{key:t.value,class:n("searchcraft-filters-list-item")},e("label",{class:n("filterCheckboxLabel","searchcraft-filters-list-checkbox-label")},e("input",{checked:this.selectedFilters.includes(t.value),onChange:i=>this.handleCheckboxChange(t.value,i.target.checked,true),type:"checkbox"}),i?e("div",{class:n("dashContainer","searchcraft-filter-list-dash-container")},e("searchcraft-dash-icon",null)):e("div",{class:n("checkContainer","searchcraft-filter-list-check-container")},e("searchcraft-check-icon",null)),this.formatLabel(t.label,t.count)),t.children&&t.children.length>0&&e(s,null,t.children.map((i=>e("label",{key:i.value,class:n("childFilterCheckboxLabel","searchcraft-child-filter-checkbox-label"),style:{display:this.selectedFilters.includes(t.value)?"flex":"none"}},e("input",{checked:this.selectedFilters.includes(i.value),onChange:t=>this.handleCheckboxChange(i.value,t.target.checked),type:"checkbox"}),e("div",{class:n("checkContainer","searchcraft-filter-list-check-container")},e("searchcraft-check-icon",null)),this.formatLabel(i.label.includes("/")?i.label.split("/").pop()||i.label:i.label,i.count))))))})))}};j.style=I;const A=":root{--font-stack:Helvetica, Arial, sans-serif}.inputContainerLTR{position:relative;width:100%}.inputContainerRTL{position:relative;width:100%;margin-left:8px}.inputLightLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#F3F3F3;color:#292929;margin-right:8px;padding-left:36px;padding-right:16px}.inputLightLTR::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputLightLTR::placeholder{color:#737373}.inputLightLTR:focus{outline:2px solid #000000}.inputDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFFFFF;margin-right:8px;padding-left:36px;padding-right:16px}.inputDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputDarkLTR::placeholder{color:#BFBFBF}.inputDarkLTR:focus{outline:2px solid #FFFFFF}.inputErrorLightLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#F3F3F3;color:#292929;outline:2px solid #CC0000;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorLightLTR::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputErrorLightLTR::placeholder{color:#737373}.inputErrorLightLTR:focus{outline:2px solid #000000}.inputErrorLightLTR:focus-visible{outline:2px solid #CC0000}.inputErrorDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFFFFF;outline:2px solid #FFB3B3;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputErrorDarkLTR::placeholder{color:#BFBFBF}.inputErrorDarkLTR:focus{outline:2px solid #FFFFFF}.inputErrorDarkLTR:focus-visible{outline:2px solid #FFB3B3}.inputLightRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#F3F3F3;color:#292929;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputLightRTL::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputLightRTL::placeholder{color:#737373}.inputLightRTL:focus{outline:2px solid #000000}.inputDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFFFFF;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputDarkRTL::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputDarkRTL::placeholder{color:#BFBFBF}.inputDarkRTL:focus{outline:2px solid #FFFFFF}.inputErrorLightRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#F3F3F3;color:#292929;outline:2px solid #CC0000;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputErrorLightRTL::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputErrorLightRTL::placeholder{color:#737373}.inputErrorLightRTL:focus{outline:2px solid #000000}.inputErrorLightRTL:focus-visible{outline:2px solid #CC0000}.inputErrorDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFFFFF;outline:2px solid #FFB3B3;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputErrorDarkRTL::placeholder{font-family:var(--font-stack);font-size:16px;font-weight:400}.inputErrorDarkRTL::placeholder{color:#BFBFBF}.inputErrorDarkRTL:focus{outline:2px solid #FFFFFF}.inputErrorDarkRTL:focus-visible{outline:2px solid #FFB3B3}.inputWrapper{align-items:center;display:flex;position:relative;width:100%}";const M=A;const $=class{constructor(e){t(this,e);this.clearInput=i(this,"clearInput",7);this.searchInputChange=i(this,"searchInputChange",7);this.inputKeyUp=i(this,"inputKeyUp",7);this.handleInputChange=t=>{const i=t.target;this.searchInputChange.emit(i.value)};this.handleInputKeyUp=t=>{const i=t.target;this.inputKeyUp.emit(i.value)};this.handleClearInput=()=>{if(this.query===""){return}this.query="";if(this.clearInput){this.clearInput.emit()}};this.customStyles={};this.error=false;this.formClassName="";this.inputCaptionClassName="";this.inputCaptionValue="";this.inputClassName="";this.inputIconHeight=20;this.inputIconWidth=20;this.isRequesting=false;this.placeholderValue="Enter Search";this.rightToLeftOrientation=false;this.query="";this.theme="light"}get isLightTheme(){return this.theme==="light"}render(){const t=this.rightToLeftOrientation?"inputContainerRTL":"inputContainerLTR";const i=this.error?this.isLightTheme?"inputErrorLightRTL":"inputErrorDarkRTL":this.isLightTheme?"inputLightLTR":"inputDarkLTR";const r=o(this.customStyles);const a={fontSize:r.placeholderFontSize||"16px"};return e("div",{key:"931c969802f73f4fa4d44ea591b506e5d1f9caf1",class:n(t,this.formClassName,"searchcraft-input-form")},this.rightToLeftOrientation?e(s,null,e("input",{autoComplete:"off",class:n(i,"searchcraft-input"),id:"searchcraft-input-id",onChange:this.handleInputChange.bind(this),onKeyUp:this.handleInputKeyUp.bind(this),placeholder:this.placeholderValue,style:r,type:"text",value:this.query}),e("style",null,`\n                #searchcraft-input-id::placeholder {\n                  font-size: ${a.fontSize};\n                }\n              `),this.inputCaptionValue&&e("searchcraft-input-caption",{inputCaptionClassName:this.inputCaptionClassName,inputCaptionValue:this.inputCaptionValue,rightToLeftOrientation:this.rightToLeftOrientation}),this.query.length>0&&e("searchcraft-clear-input-button",{isRequesting:this.isRequesting,onClearInput:this.handleClearInput,rightToLeftOrientation:this.rightToLeftOrientation}),e("searchcraft-input-icon",{error:this.error,height:this.inputIconHeight,rightToLeftOrientation:this.rightToLeftOrientation,width:this.inputIconWidth})):e(s,null,e("searchcraft-input-icon",{error:this.error,height:this.inputIconHeight,rightToLeftOrientation:this.rightToLeftOrientation,width:this.inputIconWidth}),e("input",{autoComplete:"off",class:n(i,"searchcraft-input"),id:"searchcraft-input-id",onChange:this.handleInputChange.bind(this),onKeyUp:this.handleInputKeyUp.bind(this),placeholder:this.placeholderValue,type:"text",value:this.query,style:r}),e("style",null,`\n                #searchcraft-input-id::placeholder {\n                  font-size: ${a.fontSize};\n                }\n              `),this.inputCaptionValue&&e("searchcraft-input-caption",{inputCaptionClassName:this.inputCaptionClassName,inputCaptionValue:this.inputCaptionValue,rightToLeftOrientation:this.rightToLeftOrientation}),this.query.length>0&&e("searchcraft-clear-input-button",{isRequesting:this.isRequesting,onClearInput:this.handleClearInput,rightToLeftOrientation:this.rightToLeftOrientation})))}};$.style=M;const q=":root{--font-stack:Helvetica, Arial, sans-serif}.inputCaptionLightLTR{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#404040}.inputCaptionDarkLTR{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#E6E6E6}.inputCaptionErrorLightLTR{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#990000}.inputCaptionErrorDarkLTR{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#FFB3B3}.inputCaptionLightRTL{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#404040;text-align:right}.inputCaptionDarkRTL{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#E6E6E6;text-align:right}.inputCaptionErrorLightRTL{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#990000;text-align:right}.inputCaptionErrorDarkRTL{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#FFB3B3;text-align:right}";const H=q;const N=class{constructor(i){t(this,i);this.error=undefined;this.inputCaptionClassName="";this.inputCaptionValue="Enter Search";this.rightToLeftOrientation=false;this.theme="light"}isLightTheme(){return this.theme==="light"}render(){return this.rightToLeftOrientation?e("p",{class:n(this.error?this.isLightTheme?"inputCaptionErrorLightRTL":"inputCaptionErrorDarkRTL":this.isLightTheme?"inputCaptionLightRTL":"inputCaptionDarkRTL",this.inputCaptionClassName,"searchcraft-input-caption")},this.inputCaptionValue):e("p",{class:n(this.error?this.isLightTheme?"inputCaptionErrorLightLTR":"inputCaptionErrorDarkLTR":this.isLightTheme?"inputCaptionLightLTR":"inputCaptionDarkLTR",this.inputCaptionClassName,"searchcraft-input-caption")},this.inputCaptionValue)}};N.style=H;const O=":root{--font-stack:Helvetica, Arial, sans-serif}.inputIconLTR{left:15px;position:absolute;top:52%;transform:translateY(-50%)}.inputIconRTL{position:absolute;right:15px;top:52%;transform:translateY(-50%)}";const U=O;const Y=class{constructor(i){t(this,i);this.error=undefined;this.height=20;this.rightToLeftOrientation=false;this.width=20;this.theme="light"}isLightTheme(){return this.theme==="light"}render(){return this.error?e("div",{class:n(this.rightToLeftOrientation?"inputIconRTL":"inputIconLTR","searchcraft-input-icon-container")},this.isLightTheme()?e("searchcraft-search-icon-set",{height:this.height,type:"error-light",width:this.width}):e("searchcraft-search-icon-set",{height:this.height,type:"error-dark",width:this.width})):e("div",{class:n(this.rightToLeftOrientation?"inputIconRTL":"inputIconLTR","searchcraft-input-icon-container")},this.isLightTheme()?e("searchcraft-search-icon-set",{height:this.height,type:"search-light",width:this.width}):e("searchcraft-search-icon-set",{height:this.height,type:"search-dark",width:this.width}))}};Y.style=U;const K=":root{--font-stack:Helvetica, Arial, sans-serif}.labelLight{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#292929}.labelDark{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#FFFFFF}";const W=K;const Z=class{constructor(i){t(this,i);this.inputLabelClassName="";this.label=undefined;this.theme="light"}isLightTheme(){return this.theme==="light"}render(){if(!this.label){return null}const t=this.isLightTheme()?"labelLight":"labelDark";return e("label",{class:n(t,this.inputLabelClassName,"searchcraft-input-label"),htmlFor:"searchcraft-input-id"},this.label)}};Z.style=W;const V=":root{--font-stack:Helvetica, Arial, sans-serif}.resultsInfoContainer{border-bottom:1px solid #D9D9D9;display:flex;justify-content:flex-start;width:100%}.resultsInfoContent{color:#292929;font-family:var(--font-stack);font-size:18px;font-weight:600;line-height:20px;margin:24px 0 8px}@media (max-width: 900px){.resultsInfoContent{margin:0;margin-bottom:8px}}";const P=V;const J=class{constructor(i){t(this,i);this.isRequesting=false;this.resultsCount=0;this.responseTime="";this.query=""}connectedCallback(){this.unsubscribe=r.subscribe((t=>{var i,e,s,n;this.isRequesting=t.isRequesting;this.resultsCount=((e=(i=t.searchResults)===null||i===void 0?void 0:i.data)===null||e===void 0?void 0:e.count)||0;this.responseTime=((((n=(s=t.searchResults)===null||s===void 0?void 0:s.data)===null||n===void 0?void 0:n.time_taken)||0)*1e3).toFixed(2);this.query=t.query||""}))}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}}render(){if(!this.query||this.resultsCount===0){return null}const t=f(this.resultsCount);return e("div",{class:n("resultsInfoContainer","searchcraft-results-info-container")},e("p",{class:n("resultsInfoContent","searchcraft-results-info-content")},t," results found in ",this.responseTime,"ms"))}};J.style=P;const Q=class{constructor(i){t(this,i);this.type="search-dark";this.width=20;this.height=20}render(){const{width:t,height:i}=this;switch(this.type){case"search-light":return e("svg",{width:t,height:i,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},e("title",{id:"searchcraft-title"},"Searchcraft Search Icon Light"),e("path",{d:"M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z",stroke:"#404040","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));case"search-dark":return e("svg",{width:t,height:i,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},e("title",{id:"searchcraft-title"},"Searchcraft Search Icon Dark"),e("path",{d:"M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z",stroke:"#E6E6E6","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));case"error-light":return e("svg",{width:t,height:i,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},e("title",{id:"searchcraft-title"},"Searchcraft Error Search Icon Light"),e("path",{d:"M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z",stroke:"#737373","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));case"error-dark":return e("svg",{width:t,height:i,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},e("title",{id:"searchcraft-title"},"Searchcraft Error Search Icon Dark"),e("path",{d:"M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z",stroke:"#BFBFBF","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));default:return null}}};const X='.sliderContainer{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.rangeContainer{align-items:center;background-color:#D9D9D9;border-radius:999px;display:flex;position:relative;height:4px;width:100%}.rangeContainer::-webkit-slider-runnable-track{pointer-events:none}.rangeContainer .activeRange{background-color:#000000;border-radius:2px;height:4px;position:absolute;top:50%;transform:translateY(-50%);z-index:0}.rangeContainer .activeRange::-webkit-slider-runnable-track{pointer-events:none}.rangeContainer .activeRange::-moz-range-track{pointer-events:none}.rangeContainer .rangeSlider{appearance:none;background:transparent;border-radius:2px;height:4px;margin:0;outline:none;pointer-events:none;position:absolute;width:100%;-webkit-appearance:none}.rangeContainer .rangeSlider::-webkit-slider-thumb{background-color:#FFFFFF;border-radius:50%;border:2px solid #E6E6E6;cursor:pointer;height:20px;pointer-events:all;width:20px;-webkit-appearance:none}.rangeContainer .rangeSlider::-moz-range-thumb{background-color:#FFFFFF;border-radius:50%;border:2px solid #E6E6E6;cursor:pointer;height:20px;pointer-events:all;width:20px}.yearLabels{color:#292929;display:flex;font-family:"Source Sans Pro", sans-serif;font-size:15px;font-weight:600;justify-content:space-between;margin-top:10px;width:100%}.yearLabel{min-width:30px;text-align:center}';const G=X;const tt=class{constructor(e){t(this,e);this.rangeChanged=i(this,"rangeChanged",7);this.searchStore=r.getState();this.updateYears=async()=>{this.searchStore.setYearsRange([this.startYear,this.endYear]);this.rangeChanged.emit({startYear:this.startYear,endYear:this.endYear});try{if(typeof this.query==="string"&&this.query.trim()!==""){await this.searchStore.search()}else{console.warn("Query is missing or empty, skipping search request.")}}catch(t){console.error("Search failed:",t)}};this.handleStartYearChange=t=>{const i=Number.parseInt(t.target.value,10);if(i<=this.endYear){this.startYear=i;this.updateYears()}};this.handleEndYearChange=t=>{const i=Number.parseInt(t.target.value,10);if(i>=this.startYear){this.endYear=i;this.updateYears()}};this.maxYear=(new Date).getFullYear();this.minYear=2014;this.endYear=this.maxYear;this.hasSearched=false;this.query="";this.resultsCount=0;this.startYear=this.minYear}componentDidLoad(){this.unsubscribe=r.subscribe((t=>{var i,e,s;if(t.query.length>0){this.hasSearched=true;this.resultsCount=((s=(e=(i=t.searchResults)===null||i===void 0?void 0:i.data)===null||e===void 0?void 0:e.hits)===null||s===void 0?void 0:s.length)||0}this.query=t.query}))}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}}render(){if(!this.query||this.resultsCount===0){return null}const t=this.minYear;const i=this.maxYear;const s=(this.startYear-t)/(i-t)*100;const r=(this.endYear-t)/(i-t)*100;return e("div",{class:n("sliderContainer","searchcraft-slider-container")},e("div",{class:n("rangeContainer","searchcraft-slider-range-container")},e("div",{class:n("activeRange","searchcraft-slider-active-range"),style:{left:`${s}%`,width:`${r-s}%`}}),e("input",{class:n("rangeSlider","searchcraft-slider-range-slider-start-thumb"),max:this.maxYear,min:this.minYear,onInput:this.handleStartYearChange,step:"1",type:"range",value:this.startYear}),e("input",{class:n("rangeSlider","searchcraft-slider-range-slider-end-thumb"),max:this.maxYear,min:this.minYear,onInput:this.handleEndYearChange,step:"1",type:"range",value:this.endYear})),e("div",{class:n("yearLabels","searchcraft-slider-year-label-container")},e("span",{class:n("yearLabel","searchcraft-slider-start-year-label")},this.startYear),e("span",{class:n("yearLabel","searchcraft-slider-end-year-label")},this.endYear)))}};tt.style=G;const it=".toggleWrapper{background:#D9D9D9;border:none;border-radius:16px;box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.05);cursor:pointer;height:26px;margin-left:10px;position:relative;width:44px}.toggleWrapper.active{background:#000000;box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.05)}.toggleWrapper .toggleSwitch{background:#FFFFFF;border-radius:50%;height:18px;left:4px;position:absolute;top:calc(50% - 9px);transition:transform 0.3s ease;width:18px}.toggleWrapper .toggleSwitch.active{transform:translateX(16px)}";const et=it;const st=class{constructor(i){t(this,i);this.autoSearchFormElement=null;this.searchStore=r.getState();this.handleSearchRequest=()=>{this.isActive=false;this.searchStore.setSearchParams({mode:"fuzzy",sort:"asc"})};this.handleToggle=async()=>{this.isActive=!this.isActive;if(this.type==="mode"){const t=this.isActive?"normal":"fuzzy";this.searchStore.setSearchParams({mode:t})}else if(this.type==="sort"){const t=this.isActive?"desc":"asc";this.searchStore.setSearchParams({sort:t})}try{await this.searchStore.search()}catch(t){console.error("Search failed:",t)}};this.type="mode";this.isActive=false;this.query="";this.resultsCount=0}componentDidLoad(){this.unsubscribe=r.subscribe((t=>{var i,e,s;this.query=t.query||"";this.resultsCount=((s=(e=(i=t.searchResults)===null||i===void 0?void 0:i.data)===null||e===void 0?void 0:e.hits)===null||s===void 0?void 0:s.length)||0}));this.autoSearchFormElement=document.querySelector("searchcraft-auto-search-form");if(this.autoSearchFormElement){this.autoSearchFormElement.addEventListener("querySubmit",this.handleSearchRequest)}}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}if(this.autoSearchFormElement){this.autoSearchFormElement.addEventListener("querySubmit",this.handleSearchRequest)}}render(){if(!this.query||this.resultsCount===0){return null}const t=`toggleWrapper ${this.isActive?"active":""}`;const i=`toggleSwitch ${this.isActive?"active":""}`;return e("button",{class:n(t,"searchcraft-toggle-button-container"),onClick:this.handleToggle,type:"button"},e("div",{class:n(i,"searchcraft-toggle-switch")}))}};st.style=et;export{b as searchcraft_auto_search_form,y as searchcraft_base_search_result,C as searchcraft_base_search_results,L as searchcraft_check_icon,F as searchcraft_clear_icon_set,D as searchcraft_clear_input_button,E as searchcraft_dash_icon,S as searchcraft_error_message,j as searchcraft_filters_list,$ as searchcraft_input,N as searchcraft_input_caption,Y as searchcraft_input_icon,Z as searchcraft_input_label,J as searchcraft_results_info,Q as searchcraft_search_icon_set,tt as searchcraft_slider,st as searchcraft_toggle_button};
-//# sourceMappingURL=p-39c0ca33.entry.js.map

package/dist/searchcraft-javascript-sdk/p-39c0ca33.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["searchcraftAutoSearchFormModuleCss","SearchcraftAutoSearchFormStyle0","SearchcraftAutoSearchForm","this","debounceTimeout","debounceDelay","searchStore","useSearchcraftStore","getState","handleInputChange","event","query","detail","setQuery","trim","searchResults","inputClearedOrNoResults","emit","setSearchResults","handleInputKeyUp","target","clearTimeout","setTimeout","querySubmit","runSearch","handleClearInput","clearInput","error","async","setSelectedFilters","search","handleFormSubmit","preventDefault","readKey","endpointURL","index","organizationId","applicationId","componentDidLoad","searchcraft","SearchcraftCore","config","sdkName","packageJson","name","sdkVersion","version","initialize","unsubscribe","subscribe","state","isRequesting","Object","assign","disconnectedCallback","render","formClass","rightToLeftOrientation","parsedCustomStyles","parseCustomStyles","customStylesForInput","h","key","class","classNames","onSubmit","label","labelForInput","customStyles","inputCaptionValue","inputIconHeight","inputIconWidth","onClearInput","onInputKeyUp","onSearchInputChange","placeholderValue","errorMessage","searchcraftBaseSearchResultModuleCss","SearchcraftBaseSearchResultStyle0","SearchcraftBaseSearchResult","buttonCallback","keyDownCallback","resultCallback","searchcraftStore","handleButtonClick","handleClick","getSearchcraftInstance","document_position","documentPosition","search_term","number_of_documents","_c","_b","_a","data","hits","length","sendMeasureEvent","parseStyles","JSON","parse","console","isLightTheme","themeMode","styles","imageStyle","imageContainer","imageSource","alt","imageDescription","src","style","image","contentContainer","title","titleContent","subtitle","subtitleContent","primaryContent","secondaryContent","tertiaryContent","buttonText","onClick","button","type","isInteractive","onKeyDown","href","linkHref","rel","container","tabindex","placeImageRight","Fragment","searchcraftBaseSearchResultsModuleCss","SearchcraftBaseSearchResultsStyle0","SearchcraftBaseSearchResults","documentAttributesForDisplay","warn","hasSearched","parsedSearchKeys","parseSearchKeys","serializedStyles","customStylesForResults","serializeStyles","resultsComponents","_d","map","document","doc","result","dynamicProperties","extractDynamicProperties","formatTime","value","Number","isNaN","Date","getFormattedTimeFromNow","log","document_id","placeResultImageRight","finalComponents","placeAdAtStart","push","adInterval","forEach","component","placeAdAtEnd","_g","_f","_e","noResults","_k","_j","_h","SearchcraftCheckIcon","width","height","viewBox","fill","d","stroke","SearchcraftClearIconSet","xmlns","id","searchcraftClearInputButtonModuleCss","SearchcraftClearInputButtonStyle0","SearchcraftClearInputButton","theme","handleClearClick","SearchcraftDashIcon","x1","y1","x2","y2","searchcraftErrorMessageModuleCss","SearchcraftErrorMessageStyle0","SearchcraftErrorMessage","errorMessageStyle","searchcraftFiltersListModuleCss","SearchcraftFiltersListStyle0","SearchcraftFiltersList","autoSearchFormElement","handleSearchRequest","selectedFilters","emitFiltersUpdate","formatLabel","count","replace","char","toUpperCase","connectedCallback","facets","populateFiltersFromFacets","resultsCount","querySelector","addEventListener","removeEventListener","flattened","flattenFacets","section","dynamicFilters","filter","children","handleCheckboxChange","isChecked","isParent","parentFilter","find","childValues","child","includes","filtersUpdated","isChildSelected","some","checked","onChange","display","split","pop","searchcraftInputModuleCss","SearchcraftInputStyle0","SearchcraftInput","input","searchInputChange","inputKeyUp","containerClassName","inputClassName","validatedCustomStyles","placeholderStyle","fontSize","placeholderFontSize","formClassName","autoComplete","bind","onKeyUp","placeholder","inputCaptionClassName","searchcraftInputCaptionModuleCss","SearchcraftInputCaptionStyle0","SearchcraftInputCaption","searchcraftInputIconModuleCss","SearchcraftInputIconStyle0","SearchcraftInputIcon","searchcraftInputLabelModuleCss","SearchcraftInputLabelStyle0","SearchcraftInputLabel","labelStyle","inputLabelClassName","htmlFor","searchcraftResultsInfoModuleCss","SearchcraftResultsInfoStyle0","SearchcraftResultsInfo","responseTime","time_taken","toFixed","formattedResults","formatNumberWithCommas","SearchcraftSearchIconSet","searchcraftSliderModuleCss","SearchcraftSliderStyle0","SearchcraftSlider","updateYears","setYearsRange","startYear","endYear","rangeChanged","handleStartYearChange","parseInt","handleEndYearChange","getFullYear","maxYear","minYear","rangeMin","rangeMax","startPercent","endPercent","left","max","min","onInput","step","searchcraftToggleButtonModuleCss","SearchcraftToggleButtonStyle0","SearchcraftToggleButton","isActive","setSearchParams","mode","sort","handleToggle","toggleContainerStyle","toggleSwitchStyle"],"sources":["src/components/searchcraft-auto-search-form/searchcraft-auto-search-form.module.scss?tag=searchcraft-auto-search-form","src/components/searchcraft-auto-search-form/searchcraft-auto-search-form.tsx","src/components/searchcraft-base-search-result/searchcraft-base-search-result.module.scss?tag=searchcraft-base-search-result","src/components/searchcraft-base-search-result/searchcraft-base-search-result.tsx","src/components/searchcraft-base-search-results/searchcraft-base-search-results.module.scss?tag=searchcraft-base-search-results","src/components/searchcraft-base-search-results/searchcraft-base-search-results.tsx","src/assets/searchcraft-check-icon.tsx","src/assets/searchcraft-clear-icon-set.tsx","src/components/searchcraft-clear-input-button/searchcraft-clear-input-button.module.scss?tag=searchcraft-clear-input-button","src/components/searchcraft-clear-input-button/searchcraft-clear-input-button.tsx","src/assets/searchcraft-dash-icon.tsx","src/components/searchcraft-error-message/searchcraft-error-message.module.scss?tag=searchcraft-error-message","src/components/searchcraft-error-message/searchcraft-error-message.tsx","src/components/searchcraft-filters-list/searchcraft-filters-list.module.scss?tag=searchcraft-filters-list","src/components/searchcraft-filters-list/searchcraft-filters-list.tsx","src/components/searchcraft-input/searchcraft-input.module.scss?tag=searchcraft-input","src/components/searchcraft-input/searchcraft-input.tsx","src/components/searchcraft-input-caption/searchcraft-input-caption.module.scss?tag=searchcraft-input-caption","src/components/searchcraft-input-caption/searchcraft-input-caption.tsx","src/components/searchcraft-input-icon/searchcraft-input-icon.module.scss?tag=searchcraft-input-icon","src/components/searchcraft-input-icon/searchcraft-input-icon.tsx","src/components/searchcraft-input-label/searchcraft-input-label.module.scss?tag=searchcraft-input-label","src/components/searchcraft-input-label/searchcraft-input-label.tsx","src/components/searchcraft-results-info/searchcraft-results-info.module.scss?tag=searchcraft-results-info","src/components/searchcraft-results-info/searchcraft-results-info.tsx","src/assets/searchcraft-search-icon-set.tsx","src/components/searchcraft-slider/searchcraft-slider.module.scss?tag=searchcraft-slider","src/components/searchcraft-slider/searchcraft-slider.tsx","src/components/searchcraft-toggle-button/searchcraft-toggle-button.module.scss?tag=searchcraft-toggle-button","src/components/searchcraft-toggle-button/searchcraft-toggle-button.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.formLTR {\n  font-family: var(--font-stack);\n  text-align: left;\n  width: 100%;\n}\n\n.formRTL {\n  font-family: var(--font-stack);\n  text-align: right;\n  width: 100%;\n}","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n  h,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport {\n  type SearchcraftConfig,\n  SearchcraftCore,\n  type SearchcraftResponse,\n} from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\nimport { parseCustomStyles } from '@utils/utils';\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\n\nimport packageJson from '../../../package.json';\n\n@Component({\n  tag: 'searchcraft-auto-search-form',\n  styleUrl: 'searchcraft-auto-search-form.module.scss',\n  shadow: false,\n})\nexport class SearchcraftAutoSearchForm {\n  @Prop() autoSearchFormClass = '';\n  @Prop() clearInput: () => void = () => {};\n  @Prop() config: SearchcraftConfig = {\n    readKey: '',\n    endpointURL: '',\n    index: [],\n    organizationId: '',\n    applicationId: '',\n  };\n  @Prop() customStylesForInput: string | Record<string, string> = {};\n  @Prop() inputCaptionValue = '';\n  @Prop() inputIconHeight = 20;\n  @Prop() inputIconWidth = 20;\n  @Prop() labelForInput = '';\n  @Prop() placeholderValue = 'Search here';\n  @Prop() rightToLeftOrientation = false;\n  @Prop() searchContainerClass = '';\n\n  @Event() inputClearedOrNoResults: EventEmitter<void>;\n  @Event() querySubmit: EventEmitter<string>;\n\n  @State() error = false;\n  @State() isRequesting = false;\n  @State() query = '';\n  @State() searchResults: SearchcraftResponse | null = null;\n\n  private debounceTimeout: ReturnType<typeof setTimeout> | null = null;\n  private debounceDelay = 0;\n  private searchStore = useSearchcraftStore.getState();\n  unsubscribe: () => void;\n\n  componentDidLoad() {\n    const searchcraft = new SearchcraftCore(this.config, {\n      sdkName: packageJson.name,\n      sdkVersion: packageJson.version,\n    });\n    this.searchStore.initialize(searchcraft, true);\n\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      this.isRequesting = state.isRequesting;\n      this.searchResults = { ...state.searchResults };\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  handleInputChange = (event: ScInputCustomEvent<string>) => {\n    this.query = event.detail;\n    this.searchStore.setQuery(this.query);\n    if (this.query.trim() === '') {\n      this.searchResults = null;\n      this.inputClearedOrNoResults.emit();\n      this.searchStore.setSearchResults(null);\n    }\n  };\n\n  handleInputKeyUp = (event: ScInputCustomEvent<string>) => {\n    const target = event.detail;\n    if (target === this.query) {\n      return;\n    }\n    this.query = target;\n\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout);\n    }\n\n    this.debounceTimeout = setTimeout(() => {\n      if (this.query.trim() === '') {\n        this.searchResults = null;\n        this.searchStore.setSearchResults(null);\n        this.inputClearedOrNoResults.emit();\n      } else {\n        this.searchStore.setQuery(this.query);\n        this.querySubmit.emit(this.query);\n        this.runSearch();\n      }\n    }, this.debounceDelay);\n  };\n\n  handleClearInput = () => {\n    if (this.query === '' && !this.searchResults) {\n      return;\n    }\n    this.query = '';\n    this.searchResults = null;\n    this.searchStore.setQuery('');\n    this.searchStore.setSearchResults(null);\n\n    if (typeof this.clearInput === 'function') {\n      this.clearInput();\n    }\n\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout);\n    }\n\n    this.error = false;\n    this.inputClearedOrNoResults.emit();\n  };\n\n  private runSearch = async () => {\n    if (this.query.trim() === '') {\n      this.error = true;\n      this.inputClearedOrNoResults.emit();\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query);\n      this.searchStore.setSelectedFilters([]);\n\n      try {\n        await this.searchStore.search();\n      } catch (error) {\n        this.error = true;\n        this.inputClearedOrNoResults.emit();\n      }\n    }\n  };\n\n  handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n    await this.runSearch();\n  };\n\n  render() {\n    const formClass = this.rightToLeftOrientation ? 'formRTL' : 'formLTR';\n    const parsedCustomStyles = parseCustomStyles(this.customStylesForInput);\n    return (\n      <form\n        class={classNames(`${formClass}`, 'searchcraft-auto-search-form')}\n        onSubmit={this.handleFormSubmit}\n      >\n        <searchcraft-input-label label={this.labelForInput} />\n        <searchcraft-input\n          customStyles={parsedCustomStyles}\n          input-caption-value={this.inputCaptionValue}\n          input-icon-height={this.inputIconHeight}\n          input-icon-width={this.inputIconWidth}\n          is-requesting={this.isRequesting}\n          onClearInput={this.handleClearInput}\n          onInputKeyUp={this.handleInputKeyUp}\n          onSearchInputChange={this.handleInputChange}\n          placeholder-value={this.placeholderValue}\n          query={this.query}\n          right-to-left-orientation={this.rightToLeftOrientation}\n        />\n        {this.error && (\n          <searchcraft-error-message errorMessage='Please enter a search query.' />\n        )}\n      </form>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin interactive-result-container-base {\n  align-items: flex-start;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 8px;\n  position: relative;\n\n  @media (min-width: 900px) {\n    flex-direction: row;\n    justify-content: space-between;\n  }\n}\n\n.interactiveResultContainerLight {\n  @include interactive-result-container-base;\n  background-color: $surface-primary-active;\n}\n\n.interactiveResultContainerDark {\n  @include interactive-result-container-base;\n  background-color: $surface-brand-primary-hover;\n}\n\n.resultContainer {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  all: unset;\n  display: inline;\n  color: inherit;\n  text-decoration: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  @media (min-width: 900px) {\n    flex-direction: row;\n  }\n}\n\n.interactiveIconLarge {\n  display: inline-block;\n  position: absolute;\n  right: 5px;\n  top: 8px;\n\n\n  @media (max-width: 900px) {\n    display: none;\n  }\n}\n\n.interactiveIconSmall {\n  display: inline-block;\n  position: absolute;\n  right: 5px;\n  top: -2px;\n\n\n  @media (min-width: 900px) {\n   display: none;\n  }\n}\n\n.imageContainer {\n  max-width: 100%;\n\n  @media (min-width: 900px) {\n    max-width: 400px;\n   }\n}\n\n.contentContainer {\n  max-height: 100%;\n  max-width: 100%;\n\n  @media (min-width: 900px) {\n    max-width: 50%;\n  }\n}\n\n.secondaryContentContainer {\n  display: flex;\n\n}\n\n@mixin image-base {\n  border-radius: 8px;\n  max-height: 100%;\n  max-width: 100%;\n}\n\n.imageLight {\n  @include image-base;\n}\n\n.imageDark {\n  @include image-base;\n\n}\n\n@mixin title-base {\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 20px;\n  margin-bottom: 4px;\n  margin-top: 0;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n}\n\n.titleLight {\n  @include title-base;\n  color: $content-primary;\n}\n\n.titleDark {\n  @include title-base;\n  color: $content-on-brand-primary;\n}\n\n@mixin subtitle-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.subtitleContentLight {\n  @include subtitle-base;\n  color: $content-disabled;\n}\n\n.subtitleContentDark {\n  @include subtitle-base;\n  color: $content-disabled-secondary;\n}\n\n@mixin body-content-base {\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.primaryContentLight {\n  @include body-content-base;\n  color: $surface-success-secondary;\n}\n\n.primaryContentDark {\n  @include body-content-base;\n  color: $border-primary;\n}\n\n.secondaryContentLight {\n  @include body-content-base;\n  color: $surface-success-secondary;\n}\n\n.secondaryContentDark {\n  @include body-content-base;\n  color: $border-primary;\n}\n\n.tertiaryContentLight {\n  @include body-content-base;\n  color: $surface-success-secondary;\n}\n\n.tertiaryContentLight.hasContent::before {\n  color: $surface-success-secondary;\n  content: \"•\";\n  font-size: 10px;\n  margin-left: 5px;\n  margin-right: 5px;\n}\n\n.tertiaryContentDark {\n  @include body-content-base;\n  color: $border-primary;\n}\n\n.tertiaryContentDark.hasContent::before {\n  color: $surface-success-secondary;\n  content: \"•\";\n  font-size: 10px;\n  margin-left: 5px;\n  margin-right: 5px;\n}","import { useSearchcraftStore } from '@provider/store';\nimport { Component, Event, Fragment, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-base-search-result',\n  styleUrl: 'searchcraft-base-search-result.module.scss',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResult {\n  @Prop() buttonText = '';\n  @Prop() customStyles = '{}';\n  @Prop() titleContent = '';\n  @Prop() imageDescription = '';\n  @Prop() imageSource = '';\n  @Prop() isInteractive = false;\n  @Prop() linkHref = '';\n  @Prop() primaryContent = '';\n  @Prop() secondaryContent = '';\n  @Prop() subtitleContent = '';\n  @Prop() tertiaryContent = '';\n  @Prop() themeMode: 'light' | 'dark' = 'light';\n  @Prop() placeImageRight = false;\n  @Prop() documentPosition = 0;\n\n  @Event() buttonCallback: () => void = () => {};\n  @Event() keyDownCallback: () => void = () => {};\n  @Event() resultCallback: () => void = () => {};\n\n  private searchcraftStore = useSearchcraftStore.getState();\n\n  private handleButtonClick = () => {\n    this.buttonCallback();\n  };\n\n  private handleClick = () => {\n    const searchcraft = this.searchcraftStore.getSearchcraftInstance();\n\n    if (searchcraft) {\n      const document_position = this.documentPosition;\n      const search_term = this.searchcraftStore.query;\n      const number_of_documents =\n        this.searchcraftStore.searchResults?.data?.hits?.length || 0;\n\n      searchcraft.sendMeasureEvent('document_clicked', {\n        document_position,\n        number_of_documents,\n        search_term,\n      });\n    }\n  };\n\n  private parseStyles = (): Record<string, { [key: string]: string }> => {\n    try {\n      return JSON.parse(this.customStyles);\n    } catch (error) {\n      console.error('Error parsing custom styles:', error);\n      return {};\n    }\n  };\n\n  render() {\n    const isLightTheme = this.themeMode === 'light';\n    const styles = this.parseStyles();\n    const imageStyle = isLightTheme ? 'imageLight' : 'imageDark';\n    const imageContainer = this.imageSource && (\n      <div\n        class={classNames(\n          'imageContainer',\n          'searchcraft-base-search-result-image-container',\n        )}\n      >\n        <img\n          alt={this.imageDescription}\n          class={classNames(imageStyle, 'searchcraft-search-result-image')}\n          src={this.imageSource}\n          style={styles.image || {}}\n        />\n      </div>\n    );\n\n    const contentContainer = (\n      <div\n        class={classNames(\n          'contentContainer',\n          'searchcraft-base-search-result-content-container',\n        )}\n      >\n        <h2\n          class={classNames(\n            isLightTheme ? 'titleLight' : 'titleDark',\n            'searchcraft-base-search-result-title',\n          )}\n          style={styles.title || {}}\n        >\n          {this.titleContent}\n        </h2>\n        <h3\n          class={classNames(\n            isLightTheme ? 'subtitleContentLight' : 'subtitleContentDark',\n            'searchcraft-base-search-result-subtitle',\n          )}\n          style={styles.subtitle || {}}\n        >\n          {this.subtitleContent}\n        </h3>\n        <p\n          class={classNames(\n            isLightTheme ? 'primaryContentLight' : 'primaryContentDark',\n            'searchcraft-base-search-result-primary-content',\n          )}\n          style={styles.primaryContent || {}}\n        >\n          {this.primaryContent}\n        </p>\n        <div\n          class={classNames(\n            'secondaryContentContainer',\n            'searchcraft-base-search-result-secondary-content-container',\n          )}\n        >\n          <p\n            class={classNames(\n              isLightTheme ? 'secondaryContentLight' : 'secondaryContentDark',\n              'searchcraft-base-search-result-secondary-content',\n            )}\n            style={styles.secondaryContent || {}}\n          >\n            {this.secondaryContent}\n          </p>\n          <p\n            class={classNames(\n              `${isLightTheme ? 'tertiaryContentLight' : 'tertiaryContentDark'}${this.tertiaryContent ? ' hasContent' : ''}`,\n              'searchcraft-base-search-result-tertiary-content',\n            )}\n            style={styles.tertiaryContent || {}}\n          >\n            {this.tertiaryContent}\n          </p>\n        </div>\n        {this.buttonText && (\n          <button\n            onClick={this.handleButtonClick}\n            style={styles.button || {}}\n            type='button'\n          >\n            {this.buttonText}\n          </button>\n        )}\n      </div>\n    );\n\n    return (\n      <a\n        class={classNames(\n          this.isInteractive\n            ? isLightTheme\n              ? 'interactiveResultContainerLight'\n              : 'interactiveResultContainerDark'\n            : 'resultContainer',\n          'searchcraft-search-result-container',\n        )}\n        onKeyDown={this.keyDownCallback}\n        onClick={this.handleClick}\n        href={this.linkHref}\n        rel='noreferrer'\n        style={styles.container || {}}\n        tabindex='0'\n        target='_blank'\n      >\n        {this.placeImageRight ? (\n          <Fragment>\n            {contentContainer}\n            {imageContainer}\n          </Fragment>\n        ) : (\n          <Fragment>\n            {imageContainer}\n            {contentContainer}\n          </Fragment>\n        )}\n      </a>\n    );\n  }\n}\n",":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.resultsContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 16px 0;\n\n  & > p {\n    align-self: center;\n  }\n\n  & > div {\n    margin-bottom: 20px;\n    img {\n      height: 300px;\n      width: 200px;\n    }\n  }\n}\n\n.adSection {\n  align-items: center;\n  background-color: #F1F1F1;\n  border: 1px solid #DCDDDE;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  font-size: 16px;\n  justify-content: center;\n  margin: auto;\n  min-height: 150px;\n  text-align: center;\n  width: 100%;\n\n  p {\n    margin-top: 5px;\n  }\n}\n\n.emptyState {\n  text-align: center;\n  width: 100%;\n}\n\n.errorMessageContainer {\n  text-align: center;\n}\n","import {\n  Component,\n  h,\n  Event,\n  Prop,\n  State,\n  type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport type { SearchcraftResponse } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport {\n  extractDynamicProperties,\n  getFormattedTimeFromNow,\n  parseSearchKeys,\n  serializeStyles,\n} from '@utils/utils';\n\n@Component({\n  tag: 'searchcraft-base-search-results',\n  styleUrl: 'searchcraft-base-search-results.module.scss',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResults {\n  @Prop() adInterval = 4;\n  @Prop() customStylesForResults:\n    | string\n    | Record<string, Record<string, string>> = {};\n  @Prop() documentAttributesForDisplay = '';\n  @Prop() fallbackElement: HTMLElement | null = null;\n  @Prop() formatTime = true;\n  @Prop() placeAdAtEnd = false;\n  @Prop() placeAdAtStart = true;\n  @Prop() placeResultImageRight = false;\n  @Prop() isInteractive = false;\n\n  @Event() noResults: EventEmitter<void>;\n\n  @State() hasSearched = false;\n  @State() query = '';\n  @State() searchResults: SearchcraftResponse | null = null;\n\n  private unsubscribe: () => void;\n\n  componentDidLoad() {\n    if (\n      !this.documentAttributesForDisplay ||\n      this.documentAttributesForDisplay.length === 0\n    ) {\n      console.warn('No document attributes provided; using empty keys array.');\n      this.documentAttributesForDisplay = '';\n    }\n\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      if (state.query.length > 0) {\n        this.hasSearched = true;\n      } else {\n        this.hasSearched = false;\n      }\n      this.searchResults = { ...state.searchResults };\n      this.query = state.query;\n    });\n\n    const { searchResults, query } = useSearchcraftStore.getState();\n    this.searchResults = searchResults;\n    this.query = query;\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  render() {\n    if (!this.hasSearched) {\n      return (\n        <div\n          class={classNames(\n            'emptyState',\n            'searchcraft-search-results-empty-state-container',\n          )}\n        >\n          <slot name='empty-search' />\n        </div>\n      );\n    }\n\n    if (!this.searchResults?.data) {\n      return;\n    }\n\n    const parsedSearchKeys = parseSearchKeys(this.documentAttributesForDisplay);\n    const serializedStyles =\n      typeof this.customStylesForResults === 'string'\n        ? this.customStylesForResults\n        : serializeStyles(this.customStylesForResults);\n\n    const resultsComponents = this.searchResults?.data?.hits?.map(\n      (document, index) => {\n        const { doc: result } = document;\n        const dynamicProperties = extractDynamicProperties(\n          result,\n          parsedSearchKeys,\n        );\n\n        if (this.formatTime) {\n          for (const key of parsedSearchKeys) {\n            if (dynamicProperties[key]) {\n              const value = dynamicProperties[key];\n              if (\n                typeof value === 'string' &&\n                !Number.isNaN(Date.parse(value))\n              ) {\n                dynamicProperties[key] = getFormattedTimeFromNow(value);\n              }\n            }\n          }\n        }\n\n        return (\n          <searchcraft-base-search-result\n            button-callback={() => console.log('button callback')}\n            custom-styles={serializedStyles}\n            image-source={dynamicProperties[parsedSearchKeys[5]]}\n            is-interactive={this.isInteractive}\n            key={`${document.document_id}-${index}`}\n            keydown-callback={() => console.log('keydown')}\n            linkHref={dynamicProperties[parsedSearchKeys[6]] as string}\n            place-image-right={this.placeResultImageRight}\n            primary-content={dynamicProperties[parsedSearchKeys[2]]}\n            result-callback={() => console.log('interactive element')}\n            secondary-content={dynamicProperties[parsedSearchKeys[3]]}\n            subtitle-content={dynamicProperties[parsedSearchKeys[1]]}\n            tertiary-content={dynamicProperties[parsedSearchKeys[4]]}\n            title-content={dynamicProperties[parsedSearchKeys[0]]}\n            document-position={index}\n          />\n        );\n      },\n    );\n\n    const finalComponents: JSX.Element[] = [];\n\n    if (this.placeAdAtStart) {\n      finalComponents.push(\n        <div\n          key='ad-section-start'\n          class={classNames(\n            'adSection',\n            'searchcraft-beginning-injected-ad-section',\n          )}\n        >\n          <span>##</span>\n          <p> Ad Impressions</p>\n        </div>,\n      );\n    }\n\n    if (this.adInterval > 0) {\n      resultsComponents.forEach((component, index) => {\n        finalComponents.push(component);\n        if ((index + 1) % this.adInterval === 0) {\n          finalComponents.push(\n            <div\n              key={`ad-section-${index + 1}`}\n              class={classNames(\n                'adSection',\n                'searchcraft-dynamic-injected-ad-section',\n              )}\n            >\n              <span>##</span>\n              <p> Ad Impressions</p>\n            </div>,\n          );\n        }\n      });\n    } else {\n      finalComponents.push(...resultsComponents);\n    }\n\n    if (this.placeAdAtEnd) {\n      finalComponents.push(\n        <div\n          key='ad-section-end'\n          class={classNames('adSection', 'searchcraft-end-injected-ad-section')}\n        >\n          <span>##</span>\n          <p> Ad Impressions</p>\n        </div>,\n      );\n    }\n\n    if (this.query.length > 0 && this.searchResults?.data?.hits?.length === 0) {\n      this.noResults.emit();\n    }\n\n    return (\n      <div\n        class={classNames(\n          'resultsContainer',\n          'searchcraft-search-results-container',\n        )}\n      >\n        {finalComponents}\n        {this.query.length > 0 &&\n          this.searchResults?.data?.hits?.length === 0 && (\n            <div\n              class={classNames(\n                'errorMessageContainer',\n                'searchcraft-search-results-error-message-container',\n              )}\n            >\n              <searchcraft-error-message\n                error-message={`No search results found for \"${this.query}\" query`}\n              />\n            </div>\n          )}\n      </div>\n    );\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-check-icon',\n  shadow: true,\n})\nexport class SearchcraftCheckIcon {\n  render() {\n    return (\n      <svg width='16' height='16' viewBox='0 0 16 16' fill='none'>\n        <title>Checkbox Check</title>\n        <path\n          d='M13.9999 2L5.74988 10L1.99988 6.36364'\n          stroke='white'\n          stroke-width='3'\n          stroke-linecap='round'\n          stroke-linejoin='round'\n        />\n      </svg>\n    );\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-clear-icon-set',\n  shadow: true,\n})\nexport class SearchcraftClearIconSet {\n  /**\n   * Type of the icon to display.\n   * Options: 'clear-light', 'clear-dark', 'arrow-light', 'arrow-dark'\n   */\n  @Prop() type: 'clear-light' | 'clear-dark' | 'arrow-light' | 'arrow-dark' =\n    'clear-light';\n\n  render() {\n    switch (this.type) {\n      case 'clear-light':\n        return (\n          <svg\n            width='22'\n            height='22'\n            viewBox='0 0 22 22'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='icon-title'\n          >\n            <title id='icon-title'>Searchcraft Clear Input Icon Light</title>\n            <path\n              d='M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z'\n              stroke='black'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'clear-dark':\n        return (\n          <svg\n            width='22'\n            height='22'\n            viewBox='0 0 22 22'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='icon-title'\n          >\n            <title id='icon-title'>Searchcraft Clear Input Icon Dark</title>\n            <path\n              d='M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z'\n              stroke='white'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'arrow-light':\n        return (\n          <svg\n            width='20'\n            height='21'\n            viewBox='0 0 20 21'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='icon-title'\n          >\n            <title id='icon-title'>Searchcraft Arrow Right Icon Light</title>\n            <path\n              d='M7.5 15.0444L12.5 10.0444L7.5 5.04443'\n              stroke='#737373'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'arrow-dark':\n        return (\n          <svg\n            width='8'\n            height='12'\n            viewBox='0 0 8 12'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='icon-title'\n          >\n            <title id='icon-title'>Searchcraft Arrow Right Icon Dark</title>\n            <path\n              d='M1.5 11L6.5 6L1.5 1'\n              stroke='#BFBFBF'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n\n      default:\n        return null;\n    }\n  }\n}\n",":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.inputClearButtonLTR {\n  align-items: center;\n  background: none;\n  border: none;\n  display: flex;\n  height: 20px;\n  justify-content: center;\n  padding: 0;\n  position: absolute;\n  right: 16px;\n  top: 52%;\n  transform: translateY(-50%);\n  width: 20px;\n}\n\n.inputClearButtonRTL {\n  align-items: center;\n  background: none;\n  border: none;\n  display: flex;\n  height: 20px;\n  justify-content: center;\n  left: 0px;\n  padding: 0;\n  position: absolute;\n  top: 52%;\n  transform: translateY(-50%);\n  width: 20px;\n}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  State,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-clear-input-button',\n  styleUrl: 'searchcraft-clear-input-button.module.scss',\n  shadow: false,\n})\nexport class SearchcraftClearInputButton {\n  @Prop() isRequesting? = false;\n  @Prop() rightToLeftOrientation = false;\n\n  @Event() clearInput: EventEmitter<void>;\n\n  @State() theme = 'light';\n\n  private isLightTheme = () => {\n    return this.theme === 'light';\n  };\n\n  private handleClearClick = (event: MouseEvent) => {\n    event.preventDefault();\n    this.clearInput.emit();\n  };\n\n  render() {\n    return this.rightToLeftOrientation ? (\n      <button\n        class={classNames(\n          'inputClearButtonRTL',\n          'searchcraft-clear-input-button-rtl',\n        )}\n        onClick={this.handleClearClick}\n        type='button'\n      >\n        {this.isLightTheme ? (\n          <searchcraft-clear-icon-set type='clear-light' />\n        ) : (\n          <searchcraft-clear-icon-set type='clear-dark' />\n        )}\n      </button>\n    ) : (\n      <button\n        class={classNames(\n          'inputClearButtonLTR',\n          'searchcraft-clear-input-button-ltr',\n        )}\n        onClick={this.handleClearClick}\n        type='button'\n      >\n        {this.isLightTheme ? (\n          <searchcraft-clear-icon-set type='clear-light' />\n        ) : (\n          <searchcraft-clear-icon-set type='clear-dark' />\n        )}\n      </button>\n    );\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-dash-icon',\n  shadow: true,\n})\nexport class SearchcraftDashIcon {\n  render() {\n    return (\n      <svg width='14' height='3' viewBox='0 0 14 3' fill='none'>\n        <title>Checkbox Dash</title>\n        <line\n          x1='1.5'\n          y1='1.5'\n          x2='12.5'\n          y2='1.5'\n          stroke='white'\n          stroke-width='3'\n          stroke-linecap='round'\n        />\n      </svg>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin error-message-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 4px;\n}\n\n.errorMessageLight {\n  @include error-message-base;\n  color: $content-danger;\n}\n\n.errorMessageDark {\n  @include error-message-base;\n  color: $surface-danger-secondary-active;\n}","import { Component, Prop, h } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-error-message',\n  styleUrl: 'searchcraft-error-message.module.scss',\n  shadow: false,\n})\nexport class SearchcraftErrorMessage {\n  @Prop() errorMessage?: string;\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  render() {\n    const errorMessageStyle =\n      this.theme === 'light' ? 'errorMessageLight' : 'errorMessageDark';\n\n    return (\n      <p class={classNames(errorMessageStyle, 'searchcraft-error-message')}>\n        {this.errorMessage || 'Search term is required.'}\n      </p>\n    );\n  }\n}\n",":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.filtersListContainer {\n  width: 100%;\n}\n\n.filterCheckboxLabel {\n  align-items: center;\n  color: $content-primary;\n  display: flex;\n  font-family: var(--font-stack);\n  font-size: 14px;\n  font-weight: 600;\n  gap: 14px;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: $surface-brand-secondary-hover;\n  border: 1px solid $surface-disabled;\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  width: 24px;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:focus {\n  outline: 2px solid $surface-brand-primary;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:checked {\n  background-color: $surface-brand-primary;\n  position: relative;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:checked + .dashContainer {\n  display: block;\n}\n\n.childFilterCheckboxLabel {\n  align-items: center;\n  color: $content-primary;\n  display: flex;\n  font-family: var(--font-stack);\n  font-size: 14px;\n  font-weight: 600;\n  gap: 12px;\n  margin-left: 24px;\n  position: relative;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: $surface-brand-secondary-hover;\n  border: 1px solid $surface-disabled;\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n  width: 24px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:focus {\n  outline: 2px solid $surface-brand-primary;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:checked {\n  background-color: $surface-brand-primary;\n  position: relative;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:checked + .dashContainer {\n  display: block;\n}\n\n.checkContainer {\n  display: none;\n  height: 16px;\n  width: 16px;\n  position: absolute;\n  top: 9px;\n  left: 8px;\n}\n\n.dashContainer {\n  display: none;\n  height: 3px;\n  width: 14px;\n  position: absolute;\n  top: 3px;\n  left: 9px;\n}","import {\n  Component,\n  h,\n  State,\n  Prop,\n  Event,\n  type EventEmitter,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport type { Facets } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport { flattenFacets } from '@utils/utils';\n\n@Component({\n  tag: 'searchcraft-filters-list',\n  styleUrl: 'searchcraft-filters-list.module.scss',\n  shadow: false,\n})\nexport class SearchcraftFiltersList {\n  @Prop() filters: Array<{ label: string; value: string }> = [];\n\n  @Event() filtersUpdated: EventEmitter<string[]>;\n\n  @State() dynamicFilters: Array<{\n    label: string;\n    value: string;\n    count: number;\n    children?: Array<{\n      label: string;\n      value: string;\n      count: number;\n    }>;\n  }> = [];\n  @State() selectedFilters: string[] = [];\n  @State() query = '';\n  @State() isRequesting = false;\n  @State() resultsCount = 0;\n\n  private searchStore = useSearchcraftStore.getState();\n  private autoSearchFormElement: HTMLElement | null = null;\n  unsubscribe: () => void;\n\n  connectedCallback() {\n    const state = this.searchStore;\n    const facets = state.searchResults?.data.facets;\n\n    if (facets) {\n      this.populateFiltersFromFacets(facets);\n    }\n\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      const query = state.query?.trim();\n      const facets = state.searchResults?.data.facets;\n      this.query = query || '';\n      this.isRequesting = state.isRequesting;\n      this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n\n      if (facets && this.selectedFilters.length === 0) {\n        this.populateFiltersFromFacets(facets);\n      }\n    });\n\n    this.autoSearchFormElement = document.querySelector(\n      'searchcraft-auto-search-form',\n    );\n    if (this.autoSearchFormElement) {\n      this.autoSearchFormElement.addEventListener(\n        'querySubmit',\n        this.handleSearchRequest,\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n\n    if (this.autoSearchFormElement) {\n      this.autoSearchFormElement.removeEventListener(\n        'querySubmit',\n        this.handleSearchRequest,\n      );\n    }\n  }\n\n  handleSearchRequest = () => {\n    this.selectedFilters = [];\n    this.searchStore.setSelectedFilters([]);\n    this.emitFiltersUpdate();\n  };\n\n  populateFiltersFromFacets(facets: Facets) {\n    const flattened = flattenFacets(facets[0]?.section || []);\n    this.dynamicFilters = flattened.map((filter) => ({\n      label: filter.label,\n      value: filter.value,\n      count: filter.count,\n      children: filter.children || [],\n    }));\n  }\n\n  handleCheckboxChange(value: string, isChecked: boolean, isParent = false) {\n    if (isParent) {\n      const parentFilter = this.dynamicFilters.find(\n        (filter) => filter.value === value,\n      );\n      const childValues =\n        parentFilter?.children?.map((child) => child.value) || [];\n\n      if (!isChecked) {\n        this.selectedFilters = this.selectedFilters.filter(\n          (filter) => filter !== value && !childValues.includes(filter),\n        );\n      } else {\n        this.selectedFilters = [...this.selectedFilters, value];\n      }\n    } else {\n      this.selectedFilters = isChecked\n        ? [...this.selectedFilters, value]\n        : this.selectedFilters.filter((filter) => filter !== value);\n    }\n    this.emitFiltersUpdate();\n  }\n\n  emitFiltersUpdate() {\n    this.filtersUpdated.emit(this.selectedFilters);\n    this.searchStore.setSelectedFilters(this.selectedFilters);\n    this.searchStore.search();\n  }\n\n  formatLabel = (label: string, count: number): string =>\n    `${label.replace(/-/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase())} (${count})`;\n\n  render() {\n    if (!this.query || this.resultsCount === 0) {\n      return null;\n    }\n    return (\n      <div\n        class={classNames(\n          'filtersListContainer',\n          'searchcraft-filters-list-container',\n        )}\n      >\n        {this.dynamicFilters.map((filter) => {\n          const isChildSelected = filter.children\n            ? filter.children.some((child) =>\n                this.selectedFilters.includes(child.value),\n              )\n            : false;\n\n          return (\n            <div\n              key={filter.value}\n              class={classNames('searchcraft-filters-list-item')}\n            >\n              <label\n                class={classNames(\n                  'filterCheckboxLabel',\n                  'searchcraft-filters-list-checkbox-label',\n                )}\n              >\n                <input\n                  checked={this.selectedFilters.includes(filter.value)}\n                  onChange={(event: Event) =>\n                    this.handleCheckboxChange(\n                      filter.value,\n                      (event.target as HTMLInputElement).checked,\n                      true,\n                    )\n                  }\n                  type='checkbox'\n                />\n                {isChildSelected ? (\n                  <div\n                    class={classNames(\n                      'dashContainer',\n                      'searchcraft-filter-list-dash-container',\n                    )}\n                  >\n                    <searchcraft-dash-icon />\n                  </div>\n                ) : (\n                  <div\n                    class={classNames(\n                      'checkContainer',\n                      'searchcraft-filter-list-check-container',\n                    )}\n                  >\n                    <searchcraft-check-icon />\n                  </div>\n                )}\n                {this.formatLabel(filter.label, filter.count)}\n              </label>\n              {filter.children && filter.children.length > 0 && (\n                <Fragment>\n                  {filter.children.map((child) => (\n                    <label\n                      key={child.value}\n                      class={classNames(\n                        'childFilterCheckboxLabel',\n                        'searchcraft-child-filter-checkbox-label',\n                      )}\n                      style={{\n                        display: this.selectedFilters.includes(filter.value)\n                          ? 'flex'\n                          : 'none',\n                      }}\n                    >\n                      <input\n                        checked={this.selectedFilters.includes(child.value)}\n                        onChange={(event: Event) =>\n                          this.handleCheckboxChange(\n                            child.value,\n                            (event.target as HTMLInputElement).checked,\n                          )\n                        }\n                        type='checkbox'\n                      />\n                      <div\n                        class={classNames(\n                          'checkContainer',\n                          'searchcraft-filter-list-check-container',\n                        )}\n                      >\n                        <searchcraft-check-icon />\n                      </div>\n                      {this.formatLabel(\n                        child.label.includes('/')\n                          ? child.label.split('/').pop() || child.label\n                          : child.label,\n                        child.count,\n                      )}\n                    </label>\n                  ))}\n                </Fragment>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin input-container-base {\n  position: relative;\n  width: 100%;\n}\n\n@mixin input-base {\n  border: none;\n  border-radius: 8px;\n  font-family: var(--font-stack);\n  outline: none;\n  padding-bottom: 15px;\n  padding-top: 15px;\n\n  &::placeholder {\n    font-family: var(--font-stack);\n    font-size: 16px;\n    font-weight: 400;\n  }\n}\n\n@mixin input-base-light {\n  @include input-base;\n  background-color: $surface-secondary;\n  color: $content-primary;\n\n  &::placeholder {\n    color: $content-disabled;\n  }\n\n  &:focus {\n    outline: 2px solid $surface-brand-primary;\n  }\n}\n\n@mixin input-base-dark {\n  @include input-base;\n  background-color: $surface-middle-active;\n  color: $content-on-brand-primary;\n\n  &::placeholder {\n    color: $content-disabled-secondary;\n  }\n\n  &:focus {\n    outline: 2px solid $content-on-brand-primary;\n  }\n}\n\n@mixin input-error-base-light {\n  @include input-base-light;\n  outline: 2px solid $border-danger;\n\n  &:focus-visible {\n    outline: 2px solid $border-danger;\n  }\n}\n\n@mixin input-error-base-dark {\n  @include input-base-dark;\n  outline: 2px solid $surface-danger-secondary-active;\n\n  &:focus-visible {\n    outline: 2px solid $surface-danger-secondary-active;\n  }\n}\n\n.inputContainerLTR {\n  @include input-container-base;\n}\n\n.inputContainerRTL {\n  @include input-container-base;\n  margin-left: 8px;\n}\n\n@mixin align-LTR {\n  margin-right: 8px;\n  padding-left: 36px;\n  padding-right: 16px;\n}\n\n.inputLightLTR {\n  @include input-base-light;\n  @include align-LTR;\n}\n\n.inputDarkLTR {\n  @include input-base-dark;\n  @include align-LTR;\n}\n\n.inputErrorLightLTR {\n  @include input-error-base-light;\n  @include align-LTR;\n}\n\n.inputErrorDarkLTR {\n  @include input-error-base-dark;\n  @include align-LTR;\n}\n\n@mixin align-RTL {\n  margin-left: 8px;\n  padding-left: 16px;\n  padding-right: 36px;\n  text-align: right;\n}\n\n.inputLightRTL {\n  @include input-base-light;\n  @include align-RTL;\n}\n\n.inputDarkRTL {\n  @include input-base-dark;\n  @include align-RTL;\n}\n\n.inputErrorLightRTL {\n  @include input-error-base-light;\n  @include align-RTL;\n}\n\n.inputErrorDarkRTL {\n  @include input-error-base-dark;\n  @include align-RTL;\n}\n\n.inputWrapper {\n  align-items: center;\n  display: flex;\n  position: relative;\n  width: 100%;\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  Fragment,\n  type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { parseCustomStyles } from '@utils/utils';\n\nexport interface ScInputCustomEvent<T> extends CustomEvent<T> {\n  detail: T;\n  target: HTMLSearchcraftInputElement;\n}\n\n@Component({\n  tag: 'searchcraft-input',\n  styleUrl: 'searchcraft-input.module.scss',\n  shadow: false,\n})\nexport class SearchcraftInput {\n  @Prop() customStyles: string | Record<string, string> = {};\n  @Prop() error = false;\n  @Prop() formClassName = '';\n  @Prop() inputCaptionClassName = '';\n  @Prop() inputCaptionValue = '';\n  @Prop() inputClassName = '';\n  @Prop() inputIconHeight = 20;\n  @Prop() inputIconWidth = 20;\n  @Prop() isRequesting = false;\n  @Prop() placeholderValue = 'Enter Search';\n  @Prop() rightToLeftOrientation = false;\n  @Prop() query = '';\n\n  @Event() clearInput: EventEmitter<void>;\n  @Event() searchInputChange: EventEmitter<string>;\n  @Event() inputKeyUp: EventEmitter<string>;\n\n  @State() theme = 'light';\n\n  private get isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  handleInputChange = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.searchInputChange.emit(input.value);\n  };\n\n  handleInputKeyUp = (event: KeyboardEvent) => {\n    const input = event.target as HTMLInputElement;\n    this.inputKeyUp.emit(input.value);\n  };\n\n  handleClearInput = () => {\n    if (this.query === '') {\n      return;\n    }\n    this.query = '';\n    if (this.clearInput) {\n      this.clearInput.emit();\n    }\n  };\n\n  render() {\n    const containerClassName = this.rightToLeftOrientation\n      ? 'inputContainerRTL'\n      : 'inputContainerLTR';\n\n    const inputClassName = this.error\n      ? this.isLightTheme\n        ? 'inputErrorLightRTL'\n        : 'inputErrorDarkRTL'\n      : this.isLightTheme\n        ? 'inputLightLTR'\n        : 'inputDarkLTR';\n\n    const validatedCustomStyles = parseCustomStyles(this.customStyles);\n\n    const placeholderStyle = {\n      fontSize: validatedCustomStyles.placeholderFontSize || '16px',\n    };\n    return (\n      <div\n        class={classNames(\n          containerClassName,\n          this.formClassName,\n          'searchcraft-input-form',\n        )}\n      >\n        {this.rightToLeftOrientation ? (\n          <Fragment>\n            <input\n              autoComplete='off'\n              class={classNames(inputClassName, 'searchcraft-input')}\n              id='searchcraft-input-id'\n              onChange={this.handleInputChange.bind(this)}\n              onKeyUp={this.handleInputKeyUp.bind(this)}\n              placeholder={this.placeholderValue}\n              style={validatedCustomStyles}\n              type='text'\n              value={this.query}\n            />\n            <style>\n              {`\n                #searchcraft-input-id::placeholder {\n                  font-size: ${placeholderStyle.fontSize};\n                }\n              `}\n            </style>\n            {this.inputCaptionValue && (\n              <searchcraft-input-caption\n                inputCaptionClassName={this.inputCaptionClassName}\n                inputCaptionValue={this.inputCaptionValue}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n            {this.query.length > 0 && (\n              <searchcraft-clear-input-button\n                isRequesting={this.isRequesting}\n                onClearInput={this.handleClearInput}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n            <searchcraft-input-icon\n              error={this.error}\n              height={this.inputIconHeight}\n              rightToLeftOrientation={this.rightToLeftOrientation}\n              width={this.inputIconWidth}\n            />\n          </Fragment>\n        ) : (\n          <Fragment>\n            <searchcraft-input-icon\n              error={this.error}\n              height={this.inputIconHeight}\n              rightToLeftOrientation={this.rightToLeftOrientation}\n              width={this.inputIconWidth}\n            />\n            <input\n              autoComplete='off'\n              class={classNames(inputClassName, 'searchcraft-input')}\n              id='searchcraft-input-id'\n              onChange={this.handleInputChange.bind(this)}\n              onKeyUp={this.handleInputKeyUp.bind(this)}\n              placeholder={this.placeholderValue}\n              type='text'\n              value={this.query}\n              style={validatedCustomStyles}\n            />\n            <style>\n              {`\n                #searchcraft-input-id::placeholder {\n                  font-size: ${placeholderStyle.fontSize};\n                }\n              `}\n            </style>\n            {this.inputCaptionValue && (\n              <searchcraft-input-caption\n                inputCaptionClassName={this.inputCaptionClassName}\n                inputCaptionValue={this.inputCaptionValue}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n            {this.query.length > 0 && (\n              <searchcraft-clear-input-button\n                isRequesting={this.isRequesting}\n                onClearInput={this.handleClearInput}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n          </Fragment>\n        )}\n      </div>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin input-caption-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 4px;\n}\n\n@mixin input-caption-base-light {\n  @include input-caption-base;\n  color: $content-secondary;\n}\n\n@mixin input-caption-base-dark {\n  @include input-caption-base;\n  color: $border-primary;\n}\n\n.inputCaptionLightLTR {\n  @include input-caption-base-light;\n}\n\n.inputCaptionDarkLTR {\n  @include input-caption-base-dark;\n}\n\n.inputCaptionErrorLightLTR {\n  @include input-caption-base;\n  color: $content-danger;\n}\n\n.inputCaptionErrorDarkLTR {\n  @include input-caption-base;\n  color: $surface-danger-secondary-active;\n}\n\n.inputCaptionLightRTL {\n  @include input-caption-base-light;\n  text-align: right;\n}\n\n.inputCaptionDarkRTL {\n  @include input-caption-base-dark;\n  text-align: right;\n}\n\n.inputCaptionErrorLightRTL {\n  @include input-caption-base;\n  color: $content-danger;\n  text-align: right;\n}\n\n.inputCaptionErrorDarkRTL {\n  @include input-caption-base;\n  color: $surface-danger-secondary-active;\n  text-align: right;\n}","import { Component, Prop, h, State } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-input-caption',\n  styleUrl: 'searchcraft-input-caption.module.scss',\n  shadow: false,\n})\nexport class SearchcraftInputCaption {\n  @Prop() error?: boolean;\n  @Prop() inputCaptionClassName? = '';\n  @Prop() inputCaptionValue = 'Enter Search';\n  @Prop() rightToLeftOrientation = false;\n\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  render() {\n    return this.rightToLeftOrientation ? (\n      <p\n        class={classNames(\n          this.error\n            ? this.isLightTheme\n              ? 'inputCaptionErrorLightRTL'\n              : 'inputCaptionErrorDarkRTL'\n            : this.isLightTheme\n              ? 'inputCaptionLightRTL'\n              : 'inputCaptionDarkRTL',\n          this.inputCaptionClassName,\n          'searchcraft-input-caption',\n        )}\n      >\n        {this.inputCaptionValue}\n      </p>\n    ) : (\n      <p\n        class={classNames(\n          this.error\n            ? this.isLightTheme\n              ? 'inputCaptionErrorLightLTR'\n              : 'inputCaptionErrorDarkLTR'\n            : this.isLightTheme\n              ? 'inputCaptionLightLTR'\n              : 'inputCaptionDarkLTR',\n          this.inputCaptionClassName,\n          'searchcraft-input-caption',\n        )}\n      >\n        {this.inputCaptionValue}\n      </p>\n    );\n  }\n}\n",":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.inputIconLTR {\n  left: 15px;\n  position: absolute;\n  top: 52%;\n  transform: translateY(-50%);\n}\n\n.inputIconRTL {\n  position: absolute;\n  right: 15px;\n  top: 52%;\n  transform: translateY(-50%);\n}","import { Component, Prop, h, State } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-input-icon',\n  styleUrl: 'searchcraft-input-icon.module.scss',\n  shadow: false,\n})\nexport class SearchcraftInputIcon {\n  @Prop() error?: boolean;\n  @Prop() height = 20;\n  @Prop() rightToLeftOrientation = false;\n  @Prop() width = 20;\n\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  render() {\n    return this.error ? (\n      <div\n        class={classNames(\n          this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR',\n          'searchcraft-input-icon-container',\n        )}\n      >\n        {this.isLightTheme() ? (\n          <searchcraft-search-icon-set\n            height={this.height}\n            type='error-light'\n            width={this.width}\n          />\n        ) : (\n          <searchcraft-search-icon-set\n            height={this.height}\n            type='error-dark'\n            width={this.width}\n          />\n        )}\n      </div>\n    ) : (\n      <div\n        class={classNames(\n          this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR',\n          'searchcraft-input-icon-container',\n        )}\n      >\n        {this.isLightTheme() ? (\n          <searchcraft-search-icon-set\n            height={this.height}\n            type='search-light'\n            width={this.width}\n          />\n        ) : (\n          <searchcraft-search-icon-set\n            height={this.height}\n            type='search-dark'\n            width={this.width}\n          />\n        )}\n      </div>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin input-label-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 4px;\n}\n\n.labelLight {\n  @include input-label-base;\n  color: $content-primary;\n}\n\n.labelDark {\n  @include input-label-base;\n  color: $content-on-brand-primary;\n}","import { Component, Prop, h, State } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-input-label',\n  styleUrl: 'searchcraft-input-label.module.scss',\n  shadow: false,\n})\nexport class SearchcraftInputLabel {\n  @Prop() inputLabelClassName? = '';\n  @Prop() label?: string;\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  render() {\n    if (!this.label) {\n      return null;\n    }\n    const labelStyle = this.isLightTheme() ? 'labelLight' : 'labelDark';\n    return (\n      <label\n        class={classNames(\n          labelStyle,\n          this.inputLabelClassName,\n          'searchcraft-input-label',\n        )}\n        htmlFor='searchcraft-input-id'\n      >\n        {this.label}\n      </label>\n    );\n  }\n}\n","@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.resultsInfoContainer {\n  border-bottom: 1px solid $surface-disabled;\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.resultsInfoContent {\n  color: $content-primary;\n  font-family: var(--font-stack);\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 20px;\n  margin: 24px 0 8px;\n\n  @media (max-width: 900px) {\n    margin: 0;\n    margin-bottom: 8px;\n  }\n}","import { Component, h, State } from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport { formatNumberWithCommas } from '@utils/utils';\n\n@Component({\n  tag: 'searchcraft-results-info',\n  styleUrl: 'searchcraft-results-info.module.scss',\n  shadow: false,\n})\nexport class SearchcraftResultsInfo {\n  @State() isRequesting = false;\n  @State() resultsCount = 0;\n  @State() responseTime = '';\n  @State() query = '';\n\n  unsubscribe: () => void;\n\n  connectedCallback() {\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      this.isRequesting = state.isRequesting;\n      this.resultsCount = state.searchResults?.data?.count || 0;\n      this.responseTime = (\n        (state.searchResults?.data?.time_taken || 0) * 1000\n      ).toFixed(2);\n      this.query = state.query || '';\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  render() {\n    if (!this.query || this.resultsCount === 0) {\n      return null;\n    }\n    const formattedResults = formatNumberWithCommas(this.resultsCount);\n    return (\n      <div\n        class={classNames(\n          'resultsInfoContainer',\n          'searchcraft-results-info-container',\n        )}\n      >\n        <p\n          class={classNames(\n            'resultsInfoContent',\n            'searchcraft-results-info-content',\n          )}\n        >\n          {formattedResults} results found in {this.responseTime}ms\n        </p>\n      </div>\n    );\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-search-icon-set',\n  shadow: true,\n})\nexport class SearchcraftSearchIconSet {\n  /**\n   * Type of the icon to display.\n   * Options: 'search-light', 'search-dark', 'error-light', 'error-dark'\n   */\n  @Prop() type: 'search-light' | 'search-dark' | 'error-light' | 'error-dark' =\n    'search-dark';\n  @Prop() width = 20;\n  @Prop() height = 20;\n\n  render() {\n    const { width, height } = this;\n    switch (this.type) {\n      case 'search-light':\n        return (\n          <svg\n            width={width}\n            height={height}\n            viewBox='0 0 20 20'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='searchcraft-title'\n          >\n            <title id='searchcraft-title'>Searchcraft Search Icon Light</title>\n            <path\n              d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n              stroke='#404040'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'search-dark':\n        return (\n          <svg\n            width={width}\n            height={height}\n            viewBox='0 0 18 18'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='searchcraft-title'\n          >\n            <title id='searchcraft-title'>Searchcraft Search Icon Dark</title>\n            <path\n              d='M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z'\n              stroke='#E6E6E6'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'error-light':\n        return (\n          <svg\n            width={width}\n            height={height}\n            viewBox='0 0 20 20'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='searchcraft-title'\n          >\n            <title id='searchcraft-title'>\n              Searchcraft Error Search Icon Light\n            </title>\n            <path\n              d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n              stroke='#737373'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      case 'error-dark':\n        return (\n          <svg\n            width={width}\n            height={height}\n            viewBox='0 0 18 18'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='searchcraft-title'\n          >\n            <title id='searchcraft-title'>\n              Searchcraft Error Search Icon Dark\n            </title>\n            <path\n              d='M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z'\n              stroke='#BFBFBF'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        );\n      default:\n        return null;\n    }\n  }\n}\n",".sliderContainer {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n}\n\n.rangeContainer {\n  align-items: center;\n  background-color: $surface-disabled;\n  border-radius: 999px;\n  display: flex;\n  position: relative;\n  height: 4px;\n  width: 100%;\n\n  &::-webkit-slider-runnable-track {\n    pointer-events: none;\n   }\n\n  .activeRange {\n    background-color: $surface-brand-primary;\n    border-radius: 2px;\n    height: 4px;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 0;\n\n    &::-webkit-slider-runnable-track {\n      pointer-events: none;\n     }\n\n     &::-moz-range-track {\n      pointer-events: none;\n     }\n  }\n\n  .rangeSlider {\n    appearance: none;\n    background: transparent;\n    border-radius: 2px;\n    height: 4px;\n    margin: 0;\n    outline: none;\n    pointer-events: none;\n    position: absolute;\n    width: 100%;\n    -webkit-appearance: none;\n\n    &::-webkit-slider-thumb {\n      background-color: $content-on-brand-primary;\n      border-radius: 50%;\n      border: 2px solid $border-primary;\n      cursor: pointer;\n      height: 20px;\n      pointer-events: all;\n      width: 20px;\n      -webkit-appearance: none;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $content-on-brand-primary;\n      border-radius: 50%;\n      border: 2px solid $border-primary;\n      cursor: pointer;\n      height: 20px;\n      pointer-events: all;\n      width: 20px;\n    }\n  }\n}\n\n.yearLabels {\n  color: $content-primary;\n  display: flex;\n  font-family: 'Source Sans Pro', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  justify-content: space-between;\n  margin-top: 10px;\n  width: 100%;\n}\n\n.yearLabel {\n  min-width: 30px;\n  text-align: center;\n}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  h,\n  State,\n  Prop,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'searchcraft-slider',\n  styleUrl: 'searchcraft-slider.module.scss',\n  shadow: false,\n})\nexport class SearchcraftSlider {\n  @Prop() maxYear = new Date().getFullYear();\n  @Prop() minYear = 2014;\n\n  @State() endYear = this.maxYear;\n  @State() hasSearched = false;\n  @State() query = '';\n  @State() resultsCount = 0;\n  @State() startYear = this.minYear;\n\n  @Event() rangeChanged: EventEmitter<{ startYear: number; endYear: number }>;\n\n  private searchStore = useSearchcraftStore.getState();\n\n  unsubscribe: () => void;\n\n  componentDidLoad() {\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      if (state.query.length > 0) {\n        this.hasSearched = true;\n        this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n      }\n      this.query = state.query;\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  private updateYears = async () => {\n    this.searchStore.setYearsRange([this.startYear, this.endYear]);\n    this.rangeChanged.emit({\n      startYear: this.startYear,\n      endYear: this.endYear,\n    });\n\n    try {\n      if (typeof this.query === 'string' && this.query.trim() !== '') {\n        await this.searchStore.search();\n      } else {\n        console.warn('Query is missing or empty, skipping search request.');\n      }\n    } catch (error) {\n      console.error('Search failed:', error);\n    }\n  };\n\n  private handleStartYearChange = (event: InputEvent) => {\n    const value = Number.parseInt((event.target as HTMLInputElement).value, 10);\n    if (value <= this.endYear) {\n      this.startYear = value;\n      this.updateYears();\n    }\n  };\n\n  private handleEndYearChange = (event: InputEvent) => {\n    const value = Number.parseInt((event.target as HTMLInputElement).value, 10);\n    if (value >= this.startYear) {\n      this.endYear = value;\n      this.updateYears();\n    }\n  };\n\n  render() {\n    if (!this.query || this.resultsCount === 0) {\n      return null;\n    }\n\n    const rangeMin = this.minYear;\n    const rangeMax = this.maxYear;\n    const startPercent =\n      ((this.startYear - rangeMin) / (rangeMax - rangeMin)) * 100;\n    const endPercent =\n      ((this.endYear - rangeMin) / (rangeMax - rangeMin)) * 100;\n\n    return (\n      <div\n        class={classNames('sliderContainer', 'searchcraft-slider-container')}\n      >\n        <div\n          class={classNames(\n            'rangeContainer',\n            'searchcraft-slider-range-container',\n          )}\n        >\n          <div\n            class={classNames('activeRange', 'searchcraft-slider-active-range')}\n            style={{\n              left: `${startPercent}%`,\n              width: `${endPercent - startPercent}%`,\n            }}\n          />\n          <input\n            class={classNames(\n              'rangeSlider',\n              'searchcraft-slider-range-slider-start-thumb',\n            )}\n            max={this.maxYear}\n            min={this.minYear}\n            onInput={this.handleStartYearChange}\n            step='1'\n            type='range'\n            value={this.startYear}\n          />\n          <input\n            class={classNames(\n              'rangeSlider',\n              'searchcraft-slider-range-slider-end-thumb',\n            )}\n            max={this.maxYear}\n            min={this.minYear}\n            onInput={this.handleEndYearChange}\n            step='1'\n            type='range'\n            value={this.endYear}\n          />\n        </div>\n        <div\n          class={classNames(\n            'yearLabels',\n            'searchcraft-slider-year-label-container',\n          )}\n        >\n          <span\n            class={classNames(\n              'yearLabel',\n              'searchcraft-slider-start-year-label',\n            )}\n          >\n            {this.startYear}\n          </span>\n          <span\n            class={classNames('yearLabel', 'searchcraft-slider-end-year-label')}\n          >\n            {this.endYear}\n          </span>\n        </div>\n      </div>\n    );\n  }\n}\n",".toggleWrapper {\n  background: $surface-disabled;\n  border: none;\n  border-radius: 16px;\n  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);\n  cursor: pointer;\n  height: 26px;\n  margin-left: 10px;\n  position: relative;\n  width: 44px;\n}\n\n.toggleWrapper.active {\n  background: $surface-brand-primary;\n  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);\n}\n\n.toggleWrapper .toggleSwitch {\n  background: $content-on-brand-primary;\n  border-radius: 50%;\n  height: 18px;\n  left: 4px;\n  position: absolute;\n  top: calc(50% - 18px/2);\n  transition: transform 0.3s ease;\n  width: 18px;\n}\n\n.toggleWrapper .toggleSwitch.active {\n  transform: translateX(16px);\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'searchcraft-toggle-button',\n  styleUrl: 'searchcraft-toggle-button.module.scss',\n  shadow: false,\n})\nexport class SearchcraftToggleButton {\n  /**\n   * Type of the toggle - determines what it controls\n   * 'mode': toggles between 'fuzzy' and 'normal'\n   * 'sort': toggles between 'asc' and 'desc'\n   */\n  @Prop() type: 'mode' | 'sort' = 'mode';\n\n  @State() isActive = false;\n  @State() query = ''; // Track the query\n  @State() resultsCount = 0; // Track the count of search results\n\n  private autoSearchFormElement: HTMLElement | null = null;\n  private searchStore = useSearchcraftStore.getState();\n  private unsubscribe: () => void;\n\n  componentDidLoad() {\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      this.query = state.query || '';\n      this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n    });\n\n    this.autoSearchFormElement = document.querySelector(\n      'searchcraft-auto-search-form',\n    );\n    if (this.autoSearchFormElement) {\n      this.autoSearchFormElement.addEventListener(\n        'querySubmit',\n        this.handleSearchRequest,\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n    if (this.autoSearchFormElement) {\n      this.autoSearchFormElement.addEventListener(\n        'querySubmit',\n        this.handleSearchRequest,\n      );\n    }\n  }\n\n  handleSearchRequest = () => {\n    this.isActive = false;\n    this.searchStore.setSearchParams({\n      mode: 'fuzzy',\n      sort: 'asc',\n    });\n  };\n\n  private handleToggle = async () => {\n    this.isActive = !this.isActive;\n\n    if (this.type === 'mode') {\n      const mode = this.isActive ? 'normal' : 'fuzzy';\n      this.searchStore.setSearchParams({\n        mode,\n      });\n    } else if (this.type === 'sort') {\n      const sort = this.isActive ? 'desc' : 'asc';\n      this.searchStore.setSearchParams({\n        sort,\n      });\n    }\n\n    try {\n      await this.searchStore.search();\n    } catch (error) {\n      console.error('Search failed:', error);\n    }\n  };\n\n  render() {\n    if (!this.query || this.resultsCount === 0) {\n      return null;\n    }\n    const toggleContainerStyle = `toggleWrapper ${this.isActive ? 'active' : ''}`;\n    const toggleSwitchStyle = `toggleSwitch ${this.isActive ? 'active' : ''}`;\n\n    return (\n      <button\n        class={classNames(\n          toggleContainerStyle,\n          'searchcraft-toggle-button-container',\n        )}\n        onClick={this.handleToggle}\n        type='button'\n      >\n        <div\n          class={classNames(toggleSwitchStyle, 'searchcraft-toggle-switch')}\n        />\n      </button>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-476829a4.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as s,F as i}from"./p-b42eaa55.js";import{c as r}from"./p-5cdc6210.js";const n=":root{--font-stack:Helvetica, Arial, sans-serif}.buttonLight{border-radius:8px;display:flex;font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;padding:11px 20px;position:relative;background-color:#000000;border:1px solid #E6E6E6;color:#FFFFFF}.buttonLight:hover{cursor:pointer}.buttonLight:hover{background-color:#2E2E2E}.buttonLight:focus{outline:2px solid #000000}.buttonDark{border-radius:8px;display:flex;font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;padding:11px 20px;position:relative;background-color:#FFFFFF;border:1px solid #404040;color:#292929}.buttonDark:hover{cursor:pointer}.buttonDark:hover{background-color:#F7F7F7}.buttonDark:focus{outline:2px solid #404040}.buttonLabel{position:relative}";const a=n;const e=class{constructor(s){t(this,s);this.buttonClick=o(this,"buttonClick",7);this.handleClick=()=>{this.buttonClick.emit()};this.iconElement=undefined;this.iconOnly=false;this.iconPosition="left";this.label="Search";this.isRequesting=false;this.theme="light"}getButtonStyle(){return this.theme==="light"?"buttonLight":"buttonDark"}render(){const t=this.getButtonStyle();return s(i,{key:"1c0e279606587cb454892dad1634f4a60dd42757"},this.iconOnly?s("button",{class:r(t,"searchcraft-button"),onClick:this.handleClick,type:"submit"},this.isRequesting?s("searchcraft-spinner-dark",null):this.iconElement):s("button",{class:r(t,"searchcraft-button"),onClick:this.handleClick,type:"submit"},this.iconPosition==="left"&&this.iconElement,s("span",{class:r("buttonLabel","searchcraft-button-label")},this.label)))}};e.style=a;export{e as searchcraft_button};
-//# sourceMappingURL=p-476829a4.entry.js.map

package/dist/searchcraft-javascript-sdk/p-476829a4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["searchcraftButtonModuleCss","SearchcraftButtonStyle0","SearchcraftButton","this","handleClick","buttonClick","emit","getButtonStyle","theme","render","buttonStyle","h","Fragment","key","iconOnly","class","classNames","onClick","type","isRequesting","iconPosition","iconElement","label"],"sources":["src/components/searchcraft-button/searchcraft-button.module.scss?tag=searchcraft-button","src/components/searchcraft-button/searchcraft-button.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin button-base {\n  border-radius: 8px;\n  display: flex;\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 20px;\n  padding: 11px 20px;\n  position: relative;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.buttonLight {\n  @include button-base;\n  background-color: $surface-brand-primary;\n  border: 1px solid $border-primary;\n  color: $content-on-brand-primary;\n\n  &:hover {\n    background-color: $surface-brand-primary-hover;\n  }\n\n  &:focus {\n    outline: 2px solid $surface-brand-primary;\n  }\n}\n\n.buttonDark {\n  @include button-base;\n  background-color: $content-on-brand-primary;\n  border: 1px solid $content-secondary;\n  color: $content-primary;\n\n  &:hover {\n    background-color: $surface-primary-active;\n  }\n\n  &:focus {\n    outline: 2px solid $content-secondary;\n  }\n}\n\n.buttonLabel {\n  position: relative;\n}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  State,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-button',\n  styleUrl: 'searchcraft-button.module.scss',\n  shadow: false,\n})\nexport class SearchcraftButton {\n  @Prop() iconElement?: Element;\n  @Prop() iconOnly = false;\n  @Prop() iconPosition = 'left';\n  @Prop() label = 'Search';\n\n  @Event() buttonClick!: EventEmitter<void>;\n\n  @State() isRequesting = false;\n  @State() theme = 'light';\n\n  private getButtonStyle() {\n    return this.theme === 'light' ? 'buttonLight' : 'buttonDark';\n  }\n\n  private handleClick = () => {\n    this.buttonClick.emit();\n  };\n\n  render() {\n    const buttonStyle = this.getButtonStyle();\n\n    return (\n      <Fragment>\n        {this.iconOnly ? (\n          <button\n            class={classNames(buttonStyle, 'searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.isRequesting ? (\n              <searchcraft-spinner-dark />\n            ) : (\n              this.iconElement\n            )}\n          </button>\n        ) : (\n          <button\n            class={classNames(buttonStyle, 'searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.iconPosition === 'left' && this.iconElement}\n            <span class={classNames('buttonLabel', 'searchcraft-button-label')}>\n              {this.label}\n            </span>\n          </button>\n        )}\n      </Fragment>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAA6B,gwBACnC,MAAAC,EAAeD,E,MCeFE,EAAiB,M,kEAepBC,KAAAC,YAAc,KACpBD,KAAKE,YAAYC,MAAM,E,yCAdN,M,kBACI,O,WACP,S,kBAIQ,M,WACP,O,CAET,cAAAC,GACN,OAAOJ,KAAKK,QAAU,QAAU,cAAgB,Y,CAOlD,MAAAC,GACE,MAAMC,EAAcP,KAAKI,iBAEzB,OACEI,EAACC,EAAQ,CAAAC,IAAA,4CACNV,KAAKW,SACJH,EAAA,UACEI,MAAOC,EAAWN,EAAa,sBAC/BO,QAASd,KAAKC,YACdc,KAAK,UAEJf,KAAKgB,aACJR,EAAA,iCAEAR,KAAgB,aAIpBQ,EAAA,UACEI,MAAOC,EAAWN,EAAa,sBAC/BO,QAASd,KAAKC,YACdc,KAAK,UAEJf,KAAKiB,eAAiB,QAAUjB,KAAKkB,YACtCV,EAAA,QAAMI,MAAOC,EAAW,cAAe,6BACpCb,KAAKmB,Q","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-b0c1fd63.js

@@ -1,2 +0,0 @@
-const s="@searchcraft/javascript-sdk";const t="0.3.1";const e="Searchcraft Javascript SDK";const c="Searchcraft";const a="Apache-2.0";const i="dist/index.cjs.js";const n="dist/index.js";const r="dist/types/index.d.ts";const o="dist/collection/collection-manifest.json";const d="dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js";const l={".":{import:"./dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js",require:"./dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.cjs.js"},"./loader":"./dist/loader/index.js","./components":"./dist/components/index.js"};const p={type:"git",url:"https://bitbucket.org/madebychalk/searchcraft-javascript-sdks/"};const j=["dist/"];const h={build:"stencil build",start:"stencil build --dev --watch --serve",test:"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll",generate:"stencil generate"};const f={classnames:"^2.3.2"};const v={"@searchcraft/core":"*","@stencil/core":"^4.7.0","@stencil/sass":"^3.0.12","@types/node":"^16.18.11",zustand:"^5.0.1"};const m={name:s,private:false,version:t,description:e,author:c,license:a,main:i,module:n,types:r,collection:o,"collection:main":"dist/collection/index.js",unpkg:d,exports:l,repository:p,files:j,scripts:h,dependencies:f,devDependencies:v};export{m as p};
-//# sourceMappingURL=p-b0c1fd63.js.map

package/dist/searchcraft-javascript-sdk/p-b42eaa55.js

@@ -1,3 +0,0 @@
-const e="searchcraft-javascript-sdk";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:false,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:false,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:true,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:false};var r=Object.defineProperty;var l=(e,t)=>{for(var l in t)r(e,l,{get:t[l],enumerable:true})};var n=new WeakMap;var s=e=>n.get(e);var o=(e,t)=>n.set(t.t=e,t);var i=(e,t)=>{const r={l:0,$hostElement$:e,o:t,i:new Map};{r.u=new Promise((e=>r.v=e));e["s-p"]=[];e["s-rc"]=[]}return n.set(e,r)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,r)=>{const l=e.h.replace(/-/g,"_");const n=e.p;if(!n){return void 0}const s=c.get(n);if(s){return s[l]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${n}.entry.js${""}`).then((e=>{{c.set(n,e)}return e[l]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p=typeof window!=="undefined"?window:{};var m=p.document||{head:{}};var y={l:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,l)=>e.addEventListener(t,r,l),rel:(e,t,r,l)=>e.removeEventListener(t,r,l),ce:(e,t)=>new CustomEvent(e,t)};var b=e=>Promise.resolve(e);var w=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var g=false;var $=[];var S=[];var k=(e,t)=>r=>{e.push(r);if(!g){g=true;if(t&&y.l&4){x(j)}else{y.raf(j)}}};var C=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var j=()=>{C($);{C(S);if(g=$.length>0){y.raf(j)}}};var x=e=>b().then(e);var O=k(S,true);var T={};var E="http://www.w3.org/2000/svg";var D="http://www.w3.org/1999/xhtml";var R=e=>e!=null;var L=e=>{e=typeof e;return e==="object"||e==="function"};function F(e){var t,r,l;return(l=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?l:void 0}var M={};l(M,{err:()=>N,map:()=>P,ok:()=>A,unwrap:()=>U,unwrapErr:()=>W});var A=e=>({isOk:true,isErr:false,value:e});var N=e=>({isOk:false,isErr:true,value:e});function P(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>A(e)))}else{return A(r)}}if(e.isErr){const t=e.value;return N(t)}throw"should never get here"}var U=e=>{if(e.isOk){return e.value}else{throw e.value}};var W=e=>{if(e.isErr){return e.value}else{throw e.value}};var H=(e,t="")=>{{return()=>{}}};var z=(e,t)=>{{return()=>{}}};var B=(e,t,...r)=>{let l=null;let n=null;let s=null;let o=false;let i=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){l=t[r];if(Array.isArray(l)){f(l)}else if(l!=null&&typeof l!=="boolean"){if(o=typeof e!=="function"&&!L(l)){l=String(l)}if(o&&i){a[a.length-1].$+=l}else{a.push(o?I(null,l):l)}i=o}}};f(r);if(t){if(t.key){n=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,a,G)}const c=I(e,null);c.S=t;if(a.length>0){c.k=a}{c.C=n}{c.j=s}return c};var I=(e,t)=>{const r={l:0,O:e,$:t,T:null,k:null};{r.S=null}{r.C=null}{r.j=null}return r};var Q={};var q=e=>e&&e.O===Q;var G={forEach:(e,t)=>e.map(K).forEach(t),map:(e,t)=>e.map(K).map(t).map(V)};var K=e=>({vattrs:e.S,vchildren:e.k,vkey:e.C,vname:e.j,vtag:e.O,vtext:e.$});var V=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return B(e.vtag,t,...e.vchildren||[])}const t=I(e.vtag,e.vtext);t.S=e.vattrs;t.k=e.vchildren;t.C=e.vkey;t.j=e.vname;return t};var X=(e,t)=>{if(e!=null&&!L(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var _=e=>s(e).$hostElement$;var J=(e,t,r)=>{const l=_(e);return{emit:e=>Y(l,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var Y=(e,t,r)=>{const l=y.ce(t,r);e.dispatchEvent(l);return l};var Z=new WeakMap;var ee=(e,t,r)=>{let l=v.get(e);if(w&&r){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}v.set(e,l)};var te=(e,t,r)=>{var l;const n=le(t);const s=v.get(n);e=e.nodeType===11?e:m;if(s){if(typeof s==="string"){e=e.head||e;let r=Z.get(e);let o;if(!r){Z.set(e,r=new Set)}if(!r.has(n)){{o=m.createElement("style");o.innerHTML=s;const r=(l=y.D)!=null?l:F(m);if(r!=null){o.setAttribute("nonce",r)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const r=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,r)}else if("host"in e){if(w){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(o)}}}else{e.append(o)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(o,null)}}if(t.l&4){o.innerHTML+=h}if(r){r.add(n)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return n};var re=e=>{const t=e.o;const r=e.$hostElement$;const l=t.l;const n=H("attachStyles",t.h);const s=te(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(l&10&&l&2){r["s-sc"]=s;r.classList.add(s+"-h")}n()};var le=(e,t)=>"sc-"+e.h;var ne=(e,t,r,l,n,s)=>{if(r!==l){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const n=oe(r);const s=oe(l);t.remove(...n.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!n.includes(e))))}else if(t==="style"){{for(const t in r){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!r||l[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(p,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(r||l){const n=t.endsWith(ie);t=t.replace(ae,"");if(r){y.rel(e,t,r,n)}if(l){y.ael(e,t,l,n)}}}else{const i=L(l);if((o||i&&l!==null)&&!n){try{if(!e.tagName.includes("-")){const n=l==null?"":l;if(t==="list"){o=false}else if(r==null||e[t]!=n){if(typeof e.__lookupSetter__(t)==="function"){e[t]=n}else{e.setAttribute(t,n)}}}else{e[t]=l}}catch(e){}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||s&4||n)&&!i){l=l===true?"":l;{e.setAttribute(t,l)}}}}};var se=/\s/;var oe=e=>!e?[]:e.split(se);var ie="Capture";var ae=new RegExp(ie+"$");var fe=(e,t,r)=>{const l=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const n=e&&e.S||T;const s=t.S||T;{for(const e of ce(Object.keys(n))){if(!(e in s)){ne(l,e,n[e],void 0,r,t.l)}}}for(const e of ce(Object.keys(s))){ne(l,e,n[e],s[e],r,t.l)}};function ce(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ue;var ve;var de;var he=false;var pe=false;var me=false;var ye=false;var be=(e,r,l,n)=>{var s;const o=r.k[l];let i=0;let a;let f;let c;if(!he){me=true;if(o.O==="slot"){if(ue){n.classList.add(ue+"-s")}o.l|=o.k?2:1}}if(o.$!==null){a=o.T=m.createTextNode(o.$)}else if(o.l&1){a=o.T=m.createTextNode("")}else{if(!ye){ye=o.O==="svg"}a=o.T=m.createElementNS(ye?E:D,!he&&t.slotRelocation&&o.l&2?"slot-fb":o.O);if(ye&&o.O==="foreignObject"){ye=false}{fe(null,o,ye)}const r=a.getRootNode();const l=!r.querySelector("body");if(!l&&t.scoped&&R(ue)&&a["s-si"]!==ue){a.classList.add(a["s-si"]=ue)}if(o.k){for(i=0;i<o.k.length;++i){f=be(e,o,i,a);if(f){a.appendChild(f)}}}{if(o.O==="svg"){ye=false}else if(a.tagName==="foreignObject"){ye=true}}}a["s-hn"]=de;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=ve;a["s-sn"]=o.j||"";a["s-rf"]=(s=o.S)==null?void 0:s.ref;c=e&&e.k&&e.k[l];if(c&&c.O===o.O&&e.T){{we(e.T,false)}}}}return a};var we=(e,r)=>{y.l|=1;const l=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===de){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==de&&t["s-ol"]){Re(je(t),t,Ce(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;me=true}if(r){we(t,r)}}y.l&=~1};var ge=(e,t,r,l,n,s)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e;let i;if(o.shadowRoot&&o.tagName===de){o=o.shadowRoot}for(;n<=s;++n){if(l[n]){i=be(null,r,n,e);if(i){l[n].T=i;Re(o,i,Ce(t))}}}};var $e=(e,t,r)=>{for(let l=t;l<=r;++l){const t=e[l];if(t){const e=t.T;if(e){{pe=true;if(e["s-ol"]){e["s-ol"].remove()}else{we(e,true)}}e.remove()}}}};var Se=(e,t,r,l,n=false)=>{let s=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=l.length-1;let d=l[0];let h=l[v];let p;let m;while(s<=f&&o<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=l[++o]}else if(h==null){h=l[--v]}else if(ke(c,d,n)){xe(c,d,n);c=t[++s];d=l[++o]}else if(ke(u,h,n)){xe(u,h,n);u=t[--f];h=l[--v]}else if(ke(c,h,n)){if(c.O==="slot"||h.O==="slot"){we(c.T.parentNode,false)}xe(c,h,n);Re(e,c.T,u.T.nextSibling);c=t[++s];h=l[--v]}else if(ke(u,d,n)){if(c.O==="slot"||h.O==="slot"){we(u.T.parentNode,false)}xe(u,d,n);Re(e,u.T,c.T);u=t[--f];d=l[++o]}else{i=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].C!==null&&t[a].C===d.C){i=a;break}}}if(i>=0){m=t[i];if(m.O!==d.O){p=be(t&&t[o],r,i,e)}else{xe(m,d,n);t[i]=void 0;p=m.T}d=l[++o]}else{p=be(t&&t[o],r,o,e);d=l[++o]}if(p){{Re(je(c.T),p,Ce(c.T))}}}}if(s>f){ge(e,l[v+1]==null?null:l[v+1].T,r,l,o,v)}else if(o>v){$e(t,s,f)}};var ke=(e,t,r=false)=>{if(e.O===t.O){if(e.O==="slot"){if("R"in e&&r&&e.T.nodeType!==8){return false}return e.j===t.j}if(!r){return e.C===t.C}return true}return false};var Ce=e=>e&&e["s-ol"]||e;var je=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var xe=(e,r,l=false)=>{const n=r.T=e.T;const s=e.k;const o=r.k;const i=r.O;const a=r.$;let f;if(a===null){{ye=i==="svg"?true:i==="foreignObject"?false:ye}{if(i==="slot"&&!he);else{fe(e,r,ye)}}if(s!==null&&o!==null){Se(n,s,r,o,l)}else if(o!==null){if(e.$!==null){n.textContent=""}ge(n,null,r,o,0,o.length-1)}else if(!l&&t.updatable&&s!==null){$e(s,0,s.length-1)}if(ye&&i==="svg"){ye=false}}else if(f=n["s-cr"]){f.parentNode.textContent=a}else if(e.$!==a){n.data=a}};var Oe=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const l of t){if(l!==e){if(l["s-hn"]!==e["s-hn"]||r!==""){if(l.nodeType===1&&(r===l.getAttribute("slot")||r===l["s-sn"])||l.nodeType===3&&r===l["s-sn"]){e.hidden=true;break}}else{if(l.nodeType===1||l.nodeType===3&&l.textContent.trim()!==""){e.hidden=true;break}}}}}Oe(e)}}};var Te=[];var Ee=e=>{let r;let l;let n;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){l=r.parentNode.childNodes;const e=s["s-sn"];for(n=l.length-1;n>=0;n--){r=l[n];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(De(r,e)){let t=Te.find((e=>e.L===r));pe=true;r["s-sn"]=r["s-sn"]||e;if(t){t.L["s-sh"]=s["s-hn"];t.F=s}else{r["s-sh"]=s["s-hn"];Te.push({F:s,L:r})}if(r["s-sr"]){Te.map((e=>{if(De(e.L,r["s-sn"])){t=Te.find((e=>e.L===r));if(t&&!e.F){e.F=t.F}}}))}}else if(!Te.some((e=>e.L===r))){Te.push({L:r})}}}}if(s.nodeType===1){Ee(s)}}};var De=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Re=(e,t,r)=>{const l=e==null?void 0:e.insertBefore(t,r);return l};var Le=(e,t,r=false)=>{var l,n,s,o;const i=e.$hostElement$;const a=e.o;const f=e.M||I(null,null);const c=q(t)?t:B(null,null,t);de=i.tagName;if(r&&c.S){for(const e of Object.keys(c.S)){if(i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.S[e]=i[e]}}}c.O=null;c.l|=4;e.M=c;c.T=f.T=i.shadowRoot||i;{ue=i["s-sc"]}he=(a.l&1)!==0;{ve=i["s-cr"];pe=false}xe(f,c,r);{y.l|=1;if(me){Ee(c.T);for(const e of Te){const t=e.L;if(!t["s-ol"]){const e=m.createTextNode("");e["s-nr"]=t;Re(t.parentNode,t["s-ol"]=e,t)}}for(const e of Te){const t=e.L;const i=e.F;if(i){const e=i.parentNode;let r=i.nextSibling;{let s=(l=t["s-ol"])==null?void 0:l.previousSibling;while(s){let l=(n=s["s-nr"])!=null?n:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;while(l===t||(l==null?void 0:l["s-sr"])){l=l==null?void 0:l.nextSibling}if(!l||!l["s-nr"]){r=l;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Re(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof i["s-rf"]==="function"&&i["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}}if(pe){Oe(c.T)}y.l&=~1;Te.length=0}ve=void 0};var Fe=(e,t)=>{if(t&&!e.A&&t["s-p"]){t["s-p"].push(new Promise((t=>e.A=t)))}};var Me=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Fe(e,e.N);const r=()=>Ae(e,t);return O(r)};var Ae=(e,t)=>{const r=e.$hostElement$;const l=H("scheduleUpdate",e.o.h);const n=e.t;if(!n){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;l();return Ne(s,(()=>Ue(e,n,t)))};var Ne=(e,t)=>Pe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Pe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ue=async(e,t,r)=>{var l;const n=e.$hostElement$;const s=H("update",e.o.h);const o=n["s-rc"];if(r){re(e)}const i=H("render",e.o.h);{We(e,t,n,r)}if(o){o.map((e=>e()));n["s-rc"]=void 0}i();s();{const t=(l=n["s-p"])!=null?l:[];const r=()=>He(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var We=(e,t,r,l)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Le(e,t,l)}}}}catch(t){f(t,e.$hostElement$)}return null};var He=e=>{const t=e.o.h;const r=e.$hostElement$;const l=H("postUpdate",t);const n=e.t;const s=e.N;if(!(e.l&64)){e.l|=64;{Ie(r)}{Be(n,"componentDidLoad")}l();{e.v(r);if(!s){ze()}}}else{l()}{if(e.A){e.A();e.A=void 0}if(e.l&512){x((()=>Me(e,false)))}e.l&=~(4|512)}};var ze=t=>{{Ie(m.documentElement)}x((()=>Y(p,"appload",{detail:{namespace:e}})))};var Be=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){f(e)}}return void 0};var Ie=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Qe=(e,t)=>s(e).i.get(t);var qe=(e,t,r,l)=>{const n=s(e);if(!n){throw new Error(`Couldn't find host element for "${l.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const o=n.i.get(t);const i=n.l;const a=n.t;r=X(r,l.P[t][0]);const f=Number.isNaN(o)&&Number.isNaN(r);const c=r!==o&&!f;if((!(i&8)||o===void 0)&&c){n.i.set(t,r);if(a){if((i&(2|16))===2){Me(n,false)}}}};var Ge=(e,r,l)=>{var n,o;const i=e.prototype;if(r.P||t.watchCallback){const t=Object.entries((n=r.P)!=null?n:{});t.map((([e,[t]])=>{if(t&31||l&2&&t&32){Object.defineProperty(i,e,{get(){return Qe(this,e)},set(t){qe(this,e,t,r)},configurable:true,enumerable:true})}}));if(l&1){const l=new Map;i.attributeChangedCallback=function(e,t,n){y.jmp((()=>{var o;const a=l.get(e);if(this.hasOwnProperty(a)){n=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==n){return}else if(a==null){const l=s(this);const i=l==null?void 0:l.l;if(i&&!(i&8)&&i&128&&n!==t){const s=l.t;const i=(o=r.U)==null?void 0:o[e];i==null?void 0:i.forEach((r=>{if(s[r]!=null){s[r].call(s,n,t,e)}}))}return}this[a]=n===null&&typeof this[a]==="boolean"?false:n}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=r.U)!=null?o:{}),...t.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const r=t[1]||e;l.set(r,e);return r}))]))}}return e};var Ke=async(e,t,r,l)=>{let n;if((t.l&32)===0){t.l|=32;const l=r.p;if(l){const e=u(r);if(e&&"then"in e){const t=z();n=await e;t()}else{n=e}if(!n){throw new Error(`Constructor for "${r.h}#${t.W}" was not found`)}if(!n.isProxied){Ge(n,r,2);n.isProxied=true}const l=H("createInstance",r.h);{t.l|=8}try{new n(t)}catch(e){f(e)}{t.l&=~8}l();Ve(t.t)}else{n=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(n&&n.style){let e;if(typeof n.style==="string"){e=n.style}const t=le(r);if(!v.has(t)){const l=H("registerStyles",r.h);ee(t,e,!!(r.l&1));l()}}}const s=t.N;const o=()=>Me(t,true);if(s&&s["s-rc"]){s["s-rc"].push(o)}else{o()}};var Ve=e=>{{Be(e,"connectedCallback")}};var Xe=e=>{if((y.l&1)===0){const t=s(e);const r=t.o;const l=H("connectedCallback",r.h);if(!(t.l&1)){t.l|=1;{if(r.l&(4|8)){_e(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){Fe(t,t.N=r);break}}}if(r.P){Object.entries(r.P).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{Ke(e,t,r)}}else{if(t==null?void 0:t.t){Ve(t.t)}else if(t==null?void 0:t.u){t.u.then((()=>Ve(t.t)))}}l()}};var _e=e=>{const t=e["s-cr"]=m.createComment("");t["s-cn"]=true;Re(e,t,e.firstChild)};var Je=e=>{{Be(e,"disconnectedCallback")}};var Ye=async e=>{if((y.l&1)===0){const t=s(e);if(t==null?void 0:t.t){Je(t.t)}else if(t==null?void 0:t.u){t.u.then((()=>Je(t.t)))}}};var Ze=(e,t={})=>{var r;const l=H();const n=[];const o=t.exclude||[];const a=p.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.m=new URL(t.resourcesUrl||"./",m.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{const r={l:t[0],h:t[1],P:t[2],H:t[3]};if(r.l&4){g=true}{r.P=t[2]}const l=r.h;const f=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;i(e,r);if(r.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Xe(this)))}}disconnectedCallback(){y.jmp((()=>Ye(this)))}componentOnReady(){return s(this).u}};r.p=e[0];if(!o.includes(l)&&!a.get(l)){n.push(l);a.define(l,Ge(f,r,1))}}))}));if(n.length>0){if(g){u.textContent+=h}{u.textContent+=n.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=y.D)!=null?r:F(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(ze,30)))}}l()};var et=(e,t)=>t;var tt=e=>y.D=e;export{et as F,Ze as b,J as c,B as h,b as p,o as r,tt as s};
-//# sourceMappingURL=p-b42eaa55.js.map