npm - @searchcraft/javascript-sdk - Versions diffs - 0.1.1 → 0.1.3 - Mend

@searchcraft/javascript-sdk 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (239) hide show

package/dist/searchcraft-javascript-sdk/p-c0cb5bb1.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as i,h as e,F as r}from"./p-329c3f66.js";import{u as n,g as a}from"./p-6f0eaec6.js";import{p as o}from"./p-1ef23e15.js";import{c as s}from"./p-5cdc6210.js";const c=":root{--font-stack:Helvetica, Arial, sans-serif}.formLTR{text-align:left;width:100%}.formRTL{text-align:right;width:100%}.searchContainer{align-items:center;display:flex;width:100%}";const h=c;const l=class{constructor(e){t(this,e);this.querySubmit=i(this,"querySubmit",7);this.debounceTimeout=null;this.debounceDelay=300;this.searchStore=n.getState();this.handleInputChange=t=>{this.query=t.detail;this.querySubmit.emit(this.query);if(this.debounceTimeout){clearTimeout(this.debounceTimeout)}this.debounceTimeout=setTimeout((()=>{console.log("Debounced search triggered");this.runSearch()}),this.debounceDelay)};this.handleClearInput=()=>{this.query="";console.log("Input cleared");if(typeof this.clearInput==="function"){this.clearInput()}if(this.debounceTimeout){clearTimeout(this.debounceTimeout)}this.error=false;this.searchResults=""};this.runSearch=async()=>{if(this.query.trim()===""){this.error=true;this.searchResults=""}else{this.error=false;this.searchStore.setQuery(this.query);try{await this.searchStore.search();this.searchResults=JSON.stringify(this.searchStore.searchResults)}catch(t){this.error=true}}};this.handleFormSubmit=async t=>{t.preventDefault();await this.runSearch()};this.autoSearchFormClass="";this.clearInput=()=>{};this.config={apiKey:"",endpointURL:"",index:[]};this.customStylesForInput={};this.inputCaptionValue="";this.labelForInput="";this.placeholderValue="Search here";this.rightToLeftOrientation=false;this.searchContainerClass="";this.error=false;this.query="";this.searchResults=""}componentDidLoad(){const t=new a(this.config);this.searchStore.initialize(t,true);console.log("Component initialized")}render(){const t=this.rightToLeftOrientation?"formRTL":"formLTR";const i=o(this.customStylesForInput);return e("form",{key:"60978e813198af27c34232ebd1bda4ca4a6f5199",class:`${t}`,onSubmit:this.handleFormSubmit},e("searchcraft-input-label",{key:"4418b675769d041c684f15afb2d9b919f765c133",label:this.labelForInput}),e("div",{key:"73581bf8fee7deee1bcf426f80493c78e92d8ada",class:"searchContainer"},e("searchcraft-input",{key:"6e90612f4fc8c773c9f98f5fcfffb303909d3c6f",customStyles:i,"input-caption-value":this.inputCaptionValue,onClearInput:this.handleClearInput,onSearchInputChange:this.handleInputChange,"placeholder-value":this.placeholderValue,query:this.query,"right-to-left-orientation":this.rightToLeftOrientation})),this.error&&e("searchcraft-error-message",{key:"1637aff0dcac83d975d9d53545e7fee26c41aa7f",errorMessage:"Please enter a search query."}))}};l.style=h;const p=":root{--font-stack:Helvetica, Arial, sans-serif}.interactiveResultContainerLight{background-color:#FAFAFA;align-items:flex-start;border-radius:16px;display:flex;position:relative;flex-direction:column;gap:16px;padding:8px}@media (min-width: 600px){.interactiveResultContainerLight{flex-direction:row}}.interactiveResultContainerDark{background-color:#2E2E2E;align-items:flex-start;border-radius:16px;display:flex;position:relative;flex-direction:column;gap:16px;padding:8px}@media (min-width: 600px){.interactiveResultContainerDark{flex-direction:row}}.resultContainer{align-items:flex-start;display:flex;flex-direction:column;gap:16px}@media (min-width: 600px){.resultContainer{flex-direction:row}}.interactiveIconLarge{display:inline-block;position:absolute;right:5px;top:8px}@media (max-width: 600px){.interactiveIconLarge{display:none}}.interactiveIconSmall{position:absolute;right:5px;top:-2px;display:inline-block}@media (min-width: 600px){.interactiveIconSmall{display:none}}.imageContainer{max-height:540px;max-width:100%}@media (min-width: 600px){.imageContainer{max-height:100%;max-width:50%}}.contentContainer{max-height:100%;max-width:100%}@media (min-width: 600px){.contentContainer{max-width:50%}}.imageLight{aspect-ratio:2/1;border-radius:8px;max-height:100%;max-width:100%;border:1px solid #D9D9D9}.imageDark{aspect-ratio:2/1;border-radius:8px;max-height:100%;max-width:100%;border:1px solid #333}.headingLight{font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;margin-bottom:4px;margin-top:0px;position:relative;color:#292929}.headingDark{font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;margin-bottom:4px;margin-top:0px;position:relative;color:#FFF}.subheadingLight{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px;margin-top:0px;color:#737373}.subheadingDark{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px;margin-top:0px;color:#BFBFBF}.bodyContentLight{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;color:#404040}.bodyContentDark{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;color:#E6E6E6}";const d=p;const f=class{constructor(i){t(this,i);this.handleButtonClick=()=>{this.buttonCallbackFn()};this.handleContainerClick=()=>{if(this.interactiveResult){this.callbackFn()}};this.buttonCallbackFn=()=>{};this.buttonLabel="";this.callbackFn=()=>{};this.imageAltText="";this.imageSrc="";this.interactiveResult=false;this.keyDownCallbackFn=()=>{};this.resultBodyContent="";this.resultHeading="";this.resultSubheading="";this.theme="light"}render(){const t=this.theme==="light";return e("div",{key:"26e04a559c37ac68f1dc33d3810c66abc9755871",class:this.interactiveResult?t?"interactiveResultContainerLight":"interactiveResultContainerDark":"resultContainer",id:"searchcraft-item",onClick:this.handleContainerClick,onKeyDown:this.keyDownCallbackFn,tabindex:"0"},this.interactiveResult&&e("div",{key:"7d71fd1402fdafe67370eab10ca78ed385fb58d0",class:"interactiveIconLarge"},t?e("searchcraft-clear-icon-set",{type:"arrow-light"}):e("searchcraft-clear-icon-set",{type:"arrow-dark"})),e("div",{key:"def02c3134ae8a756f196d9b9e4d90180767c8f8",class:"imageContainer"},e("img",{key:"5fb695256132b8b53f7008d67e2f5808bf3b6d28",alt:this.imageAltText,class:t?"imageLight":"imageDark",src:this.imageSrc})),e("div",{key:"cf533a08bcd15832ef6f7fd385c829ce8817435d",class:"contentContainer"},e("h2",{key:"9d9968ab969950008e1049177fb68d5d7ae00659",class:t?"headingLight":"headingDark"},this.resultHeading,this.interactiveResult&&e("div",{key:"56271a305c8290ebab89eeab75a466d666f26a2c",class:"interactiveIconSmall"},t?e("searchcraft-clear-icon-set",{type:"arrow-light"}):e("searchcraft-clear-icon-set",{type:"arrow-dark"}))),e("h3",{key:"ea68f1f16f6b89979b3ba90a6e061809024e3498",class:t?"subheadingLight":"subheadingDark"},this.resultSubheading),e("p",{key:"0584a3077ff4f417e0d20d0acc28a624f5966e1c",class:t?"bodyContentLight":"bodyContentDark"},this.resultBodyContent),e("button",{key:"83ec2e81bd6dbe24d468cdee553c0c5a021f991b",onClick:this.handleButtonClick,type:"button"},this.buttonLabel)))}};f.style=d;const g=":root{--font-stack:Helvetica, Arial, sans-serif}.resultsContainer{display:flex;flex-direction:column;justify-content:center;margin:100px 20px}.resultsContainer>p{align-self:center}.resultsContainer>div{margin-bottom:20px}.resultsContainer>div img{height:300px;width:200px}";const u=g;const x=class{constructor(i){t(this,i);this.query="";this.searchResults=null}componentDidLoad(){this.unsubscribe=n.subscribe((t=>{console.log("Store updated:",t);this.searchResults=Object.assign({},t.searchResults);this.query=t.query}));const{searchResults:t,query:i}=n.getState();console.log("Initial state:",t,i);this.searchResults=t;this.query=i}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}}render(){var t,i,r,n,a,o,s;if(!((t=this.searchResults)===null\|\|t===void 0?void 0:t.data)){console.warn("No search results data available");return e("div",null,"No results to display.")}return e("div",{class:"resultsContainer"},(n=(r=(i=this.searchResults)===null\|\|i===void 0?void 0:i.data)===null\|\|r===void 0?void 0:r.hits)===null\|\|n===void 0?void 0:n.map(((t,i)=>{const{doc:r}=t;return e("searchcraft-base-search-result",{key:`${r===null\|\|r===void 0?void 0:r.id}-${i}`,"button-label":"View More","callback-fn":()=>console.log("interactive element"),"button-callback-fn":()=>console.log("button callback"),"interactive-result":true,"image-src":r===null\|\|r===void 0?void 0:r.poster,"result-body-content":r===null\|\|r===void 0?void 0:r.overview,"result-heading":r===null\|\|r===void 0?void 0:r.title,"result-subheading":r===null\|\|r===void 0?void 0:r.release_date})})),this.query.length>0&&((s=(o=(a=this.searchResults)===null\|\|a===void 0?void 0:a.data)===null\|\|o===void 0?void 0:o.hits)===null\|\|s===void 0?void 0:s.length)===0&&e("searchcraft-error-message",{"error-message":`No search results found for "${this.query}" query`}))}};x.style=u;const m=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 k=":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:25px;top:50%;transform:translateY(-50%);width:20px}.inputClearButtonRTL{align-items:center;background:none;border:none;display:flex;height:20px;justify-content:center;left:25px;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}";const b=k;const L=class{constructor(e){t(this,e);this.clearInput=i(this,"clearInput",7);this.handleClearClick=t=>{t.preventDefault();this.clearInput.emit()};this.isRequesting=false;this.rightToLeftOrientation=false;this.theme="light"}isLightTheme(){return this.theme==="light"}render(){return this.rightToLeftOrientation?e("button",{class:s("inputClearButtonRTL",".sc-clear-input-button-rtl"),onClick:this.handleClearClick,type:"button"},this.isRequesting?this.isLightTheme?e("searchcraft-spinner-light",null):e("searchcraft-spinner-dark",null):this.isLightTheme?e("searchcraft-clear-icon-set",{type:"clear-light"}):e("searchcraft-clear-icon-set",{type:"clear-dark"})):e("button",{class:s("inputClearButtonLTR",".sc-clear-input-button-ltr"),onClick:this.handleClearClick,type:"button"},this.isRequesting?this.isLightTheme?e("searchcraft-spinner-light",null):e("searchcraft-spinner-dark",null):this.isLightTheme?e("searchcraft-clear-icon-set",{type:"clear-light"}):e("searchcraft-clear-icon-set",{type:"clear-dark"}))}};L.style=b;const v=":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 w=v;const y=class{constructor(i){t(this,i);this.errorMessage=undefined;this.theme="light"}render(){const t=this.theme==="light"?"errorMessageLight":"errorMessageDark";return e("p",{key:"544903d700810ed5d6efdefedab646cafed2376d",class:s(t)},this.errorMessage\|\|"Search term is required.")}};y.style=w;const C=":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;width:100%;background-color:#EDEDED;color:#292929;margin-right:8px;padding-left:36px;padding-right:16px}.inputLightLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputLightLTR::placeholder{color:#737373}.inputLightLTR:focus{outline:2px solid #000}.inputDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#1A1A1A;color:#FFF;margin-right:8px;padding-left:36px;padding-right:16px}.inputDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputDarkLTR::placeholder{color:#BFBFBF}.inputDarkLTR:focus{outline:2px solid #FFF}.inputErrorLightLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#EDEDED;color:#292929;outline:2px solid #c00;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorLightLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorLightLTR::placeholder{color:#737373}.inputErrorLightLTR:focus{outline:2px solid #000}.inputErrorLightLTR:focus-visible{outline:2px solid #c00}.inputErrorDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#1A1A1A;color:#FFF;outline:2px solid #FFB3B3;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorDarkLTR::placeholder{color:#BFBFBF}.inputErrorDarkLTR:focus{outline:2px solid #FFF}.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;width:100%;background-color:#EDEDED;color:#292929;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputLightRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputLightRTL::placeholder{color:#737373}.inputLightRTL:focus{outline:2px solid #000}.inputDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#1A1A1A;color:#FFF;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputDarkRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputDarkRTL::placeholder{color:#BFBFBF}.inputDarkRTL:focus{outline:2px solid #FFF}.inputErrorLightRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#EDEDED;color:#292929;outline:2px solid #c00;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputErrorLightRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorLightRTL::placeholder{color:#737373}.inputErrorLightRTL:focus{outline:2px solid #000}.inputErrorLightRTL:focus-visible{outline:2px solid #c00}.inputErrorDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;width:100%;background-color:#1A1A1A;color:#FFF;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}.inputErrorDarkRTL::placeholder{color:#BFBFBF}.inputErrorDarkRTL:focus{outline:2px solid #FFF}.inputErrorDarkRTL:focus-visible{outline:2px solid #FFB3B3}.inputWrapper{align-items:center;display:flex;position:relative;width:100%}";const F=C;const T=class{constructor(e){t(this,e);this.clearInput=i(this,"clearInput",7);this.searchInputChange=i(this,"searchInputChange",7);this.customStyles={};this.error=false;this.formClassName="";this.inputCaptionClassName="";this.inputCaptionValue="";this.inputClassName="";this.placeholderValue="Enter Search";this.rightToLeftOrientation=false;this.query="";this.theme="light"}get isLightTheme(){return this.theme==="light"}handleInputChange(t){const i=t.target;this.searchInputChange.emit(i.value)}handleClearInput(){if(this.clearInput){this.clearInput.emit()}}render(){const t=this.rightToLeftOrientation?"inputContainerRTL":"inputContainerLTR";const i=s(this.error?this.isLightTheme?"inputErrorLightRTL":"inputErrorDarkRTL":this.isLightTheme?"inputLightLTR":"inputDarkLTR","searchcraft-input");const n=o(this.customStyles);const a={fontSize:n.placeholderFontSize\|\|"16px"};return e("div",{key:"3a3fa1335552c53967d35219819024377e726d80",class:s(t,this.formClassName,"searchcraft-input-form")},this.rightToLeftOrientation?e(r,null,e("input",{class:s(i,"searchcraft-input"),id:"searchcraft-input-id",onChange:this.handleInputChange.bind(this),placeholder:this.placeholderValue,type:"text",value:this.query,style:n}),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",{onClearInput:this.handleClearInput,rightToLeftOrientation:this.rightToLeftOrientation}),e("searchcraft-input-icon",{error:this.error,rightToLeftOrientation:this.rightToLeftOrientation})):e("div",{class:"inputWrapper"},e("searchcraft-input-icon",{error:this.error,rightToLeftOrientation:this.rightToLeftOrientation}),e("input",{class:s(i,"searchcraft-input"),id:"searchcraft-input-id",onChange:this.handleInputChange.bind(this),placeholder:this.placeholderValue,type:"text",value:this.query,style:n}),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",{onClearInput:this.handleClearInput,rightToLeftOrientation:this.rightToLeftOrientation})))}};T.style=F;const R=":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 D=R;const E=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:s(this.error?this.isLightTheme?"inputCaptionErrorLightRTL":"inputCaptionErrorDarkRTL":this.isLightTheme?"inputCaptionLightRTL":"inputCaptionDarkRTL",this.inputCaptionClassName,".searchcraft-input-caption")},this.inputCaptionValue):e("p",{class:s(this.error?this.isLightTheme?"inputCaptionErrorLightLTR":"inputCaptionErrorDarkLTR":this.isLightTheme?"inputCaptionLightLTR":"inputCaptionDarkLTR",this.inputCaptionClassName,".searchcraft-input-caption")},this.inputCaptionValue)}};E.style=D;const B=":root{--font-stack:Helvetica, Arial, sans-serif}.inputIconLTR{height:20px;left:10px;position:absolute;top:11px;width:20px}.inputIconRTL{height:20px;position:absolute;right:10px;top:11px;width:20px}";const I=B;const _=class{constructor(i){t(this,i);this.error=undefined;this.rightToLeftOrientation=false;this.theme="light"}isLightTheme(){return this.theme==="light"}render(){return this.error?e("div",{class:this.rightToLeftOrientation?"inputIconRTL":"inputIconLTR"},this.isLightTheme?e("searchcraft-search-icon-set",{type:"error-light"}):e("searchcraft-search-icon-set",{type:"error-dark"})):e("div",{class:this.rightToLeftOrientation?"inputIconRTL":"inputIconLTR"},this.isLightTheme?e("searchcraft-search-icon-set",{type:"search-light"}):e("searchcraft-search-icon-set",{type:"search-dark"}))}};_.style=I;const z=":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:#FFF}";const A=z;const S=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:s(t,this.inputLabelClassName),htmlFor:"searchcraft-input-id"},this.label)}};S.style=A;const M=class{constructor(i){t(this,i);this.type="search-dark"}render(){switch(this.type){case"search-light":return e("svg",{width:"20",height:"20",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:"18",height:"18",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:"20",height:"20",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:"18",height:"18",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 j=".spinnerContainer{background-color:transparent;height:20px;width:20px}.spinnerDark{height:100%;width:100%;background:conic-gradient(#000 50%, #FFFFFF);clip-path:circle(50%);mask-image:radial-gradient(circle at center, rgba(0, 0, 0, 0) 6.6666666667px, rgb(0, 0, 0) 6.6666666667px);animation:spinning 1s linear infinite}.spinnerLight{height:100%;width:100%;background:conic-gradient(#737373 50%, #FFFFFF);clip-path:circle(50%);mask-image:radial-gradient(circle at center, rgba(0, 0, 0, 0) 6.6666666667px, rgb(0, 0, 0) 6.6666666667px);animation:spinning 1s linear infinite}@keyframes spinning{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}";const H=j;const O=class{constructor(i){t(this,i)}render(){return e("div",{key:"60b629930c2e2795236f6768b40c95ce9390e882",class:"spinnerContainer"},e("div",{key:"bfef3329f2e81ecf6538738ac0213da6259dd1c3",class:"spinnerDark"}))}};O.style=H;const q=".spinnerContainer{background-color:transparent;height:20px;width:20px}.spinnerLight{height:100%;width:100%;background:conic-gradient(#737373 50%, #FFFFFF);clip-path:circle(50%);mask-image:radial-gradient(circle at center, rgba(0, 0, 0, 0) 6.6666666667px, rgb(0, 0, 0) 6.6666666667px);animation:spinning 1s linear infinite}@keyframes spinning{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}";const N=q;const Z=class{constructor(i){t(this,i)}render(){return e("div",{key:"ad5224c97faf7e329d2a8904488c17dfd7414b9e",class:"spinnerContainer"},e("div",{key:"6336ce7737af65eedac46ee290b20291ce5b6096",class:"spinnerLight"}))}};Z.style=N;export{l as searchcraft_auto_search_form,f as searchcraft_base_search_result,x as searchcraft_base_search_results,m as searchcraft_clear_icon_set,L as searchcraft_clear_input_button,y as searchcraft_error_message,T as searchcraft_input,E as searchcraft_input_caption,_ as searchcraft_input_icon,S as searchcraft_input_label,M as searchcraft_search_icon_set,O as searchcraft_spinner_dark,Z as searchcraft_spinner_light};
2	- //# sourceMappingURL=p-c0cb5bb1.entry.js.map

package/dist/searchcraft-javascript-sdk/p-c0cb5bb1.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["searchcraftAutoSearchFormModuleCss","SearchcraftAutoSearchFormStyle0","SearchcraftAutoSearchForm","this","debounceTimeout","debounceDelay","searchStore","useSearchcraftStore","getState","handleInputChange","event","query","detail","querySubmit","emit","clearTimeout","setTimeout","console","log","runSearch","handleClearInput","clearInput","error","searchResults","async","trim","setQuery","search","JSON","stringify","handleFormSubmit","preventDefault","apiKey","endpointURL","index","componentDidLoad","searchcraft","SearchcraftCore","config","initialize","render","formClass","rightToLeftOrientation","parsedCustomStyles","parseCustomStyles","customStylesForInput","h","key","class","onSubmit","label","labelForInput","customStyles","inputCaptionValue","onClearInput","onSearchInputChange","placeholderValue","errorMessage","searchcraftBaseSearchResultModuleCss","SearchcraftBaseSearchResultStyle0","SearchcraftBaseSearchResult","handleButtonClick","buttonCallbackFn","handleContainerClick","interactiveResult","callbackFn","isLightTheme","theme","id","onClick","onKeyDown","keyDownCallbackFn","tabindex","type","alt","imageAltText","src","imageSrc","resultHeading","resultSubheading","resultBodyContent","buttonLabel","searchcraftBaseSearchResultsModuleCss","SearchcraftBaseSearchResultsStyle0","SearchcraftBaseSearchResults","unsubscribe","subscribe","state","Object","assign","disconnectedCallback","_a","data","warn","_d","_c","_b","hits","map","document","doc","result","poster","overview","title","release_date","length","_g","_f","_e","SearchcraftClearIconSet","width","height","viewBox","fill","xmlns","d","stroke","searchcraftClearInputButtonModuleCss","SearchcraftClearInputButtonStyle0","SearchcraftClearInputButton","handleClearClick","classNames","isRequesting","searchcraftErrorMessageModuleCss","SearchcraftErrorMessageStyle0","SearchcraftErrorMessage","errorMessageStyle","searchcraftInputModuleCss","SearchcraftInputStyle0","SearchcraftInput","input","target","searchInputChange","value","containerClassName","inputClassName","validatedCustomStyles","placeholderStyle","fontSize","placeholderFontSize","formClassName","Fragment","onChange","bind","placeholder","style","inputCaptionClassName","searchcraftInputCaptionModuleCss","SearchcraftInputCaptionStyle0","SearchcraftInputCaption","searchcraftInputIconModuleCss","SearchcraftInputIconStyle0","SearchcraftInputIcon","searchcraftInputLabelModuleCss","SearchcraftInputLabelStyle0","SearchcraftInputLabel","labelStyle","inputLabelClassName","htmlFor","SearchcraftSearchIconSet","searchcraftSpinnerDarkModuleCss","SearchcraftSpinnerDarkStyle0","SearchcraftSpinnerDark","searchcraftSpinnerLightModuleCss","SearchcraftSpinnerLightStyle0","SearchcraftSpinnerLight"],"sources":["src/components/searchcraft-auto-search-form/searchcraft-auto-search-form.module.scss?tag=searchcraft-auto-search-form&encapsulation=shadow","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&encapsulation=shadow","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&encapsulation=shadow","src/components/searchcraft-base-search-results/searchcraft-base-search-results.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&encapsulation=shadow","src/components/searchcraft-clear-input-button/searchcraft-clear-input-button.tsx","src/components/searchcraft-error-message/searchcraft-error-message.module.scss?tag=searchcraft-error-message&encapsulation=shadow","src/components/searchcraft-error-message/searchcraft-error-message.tsx","src/components/searchcraft-input/searchcraft-input.module.scss?tag=searchcraft-input&encapsulation=shadow","src/components/searchcraft-input/searchcraft-input.tsx","src/components/searchcraft-input-caption/searchcraft-input-caption.module.scss?tag=searchcraft-input-caption&encapsulation=shadow","src/components/searchcraft-input-caption/searchcraft-input-caption.tsx","src/components/searchcraft-input-icon/searchcraft-input-icon.module.scss?tag=searchcraft-input-icon&encapsulation=shadow","src/components/searchcraft-input-icon/searchcraft-input-icon.tsx","src/components/searchcraft-input-label/searchcraft-input-label.module.scss?tag=searchcraft-input-label&encapsulation=shadow","src/components/searchcraft-input-label/searchcraft-input-label.tsx","src/assets/searchcraft-search-icon-set.tsx","src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.module.scss?tag=searchcraft-spinner-dark&encapsulation=shadow","src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.tsx","src/components/searchcraft-spinner-light/searchcraft-spinner-light.module.scss?tag=searchcraft-spinner-light&encapsulation=shadow","src/components/searchcraft-spinner-light/searchcraft-spinner-light.tsx"],"sourcesContent":[":root {\n --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.formLTR {\n text-align: left;\n width: 100%;\n}\n\n.formRTL {\n text-align: right;\n width: 100%;\n}\n\n.searchContainer {\n align-items: center;\n display: flex;\n width: 100%;\n}","import {\n Component,\n Prop,\n State,\n Event,\n type EventEmitter,\n h,\n} from '@stencil/core';\nimport {\n type CoreConfigSDK,\n CoreSDK as SearchcraftCore,\n} from '@searchcraft/core';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\nimport { parseCustomStyles } from '@utils/utils';\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n tag: 'searchcraft-auto-search-form',\n styleUrl: 'searchcraft-auto-search-form.module.scss',\n shadow: true,\n})\nexport class SearchcraftAutoSearchForm {\n @Prop() autoSearchFormClass = '';\n @Prop() clearInput: () => void = () => {};\n @Prop() config: CoreConfigSDK = {\n apiKey: '',\n endpointURL: '',\n index: [],\n };\n @Prop() customStylesForInput: string | Record<string, string> = {};\n @Prop() inputCaptionValue = '';\n @Prop() labelForInput = '';\n @Prop() placeholderValue = 'Search here';\n @Prop() rightToLeftOrientation = false;\n @Prop() searchContainerClass = '';\n\n @Event() querySubmit: EventEmitter<string>;\n\n @State() error = false;\n @State() query = '';\n @State() searchResults = '';\n\n private debounceTimeout: ReturnType<typeof setTimeout> | null = null;\n private debounceDelay = 300; // 300ms debounce delay\n private searchStore = useSearchcraftStore.getState();\n\n componentDidLoad() {\n const searchcraft = new SearchcraftCore(this.config);\n this.searchStore.initialize(searchcraft, true);\n console.log('Component initialized');\n }\n\n handleInputChange = (event: ScInputCustomEvent<string>) => {\n this.query = event.detail;\n this.querySubmit.emit(this.query);\n\n // Clear the previous debounce timeout\n if (this.debounceTimeout) {\n clearTimeout(this.debounceTimeout);\n }\n\n // Set a new debounce timeout\n this.debounceTimeout = setTimeout(() => {\n console.log('Debounced search triggered');\n this.runSearch();\n }, this.debounceDelay);\n };\n\n handleClearInput = () => {\n this.query = '';\n console.log('Input cleared');\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.searchResults = '';\n };\n\n private runSearch = async () => {\n if (this.query.trim() === '') {\n this.error = true;\n this.searchResults = '';\n } else {\n this.error = false;\n this.searchStore.setQuery(this.query);\n\n try {\n await this.searchStore.search();\n this.searchResults = JSON.stringify(this.searchStore.searchResults);\n } catch (error) {\n this.error = true;\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 class={`${formClass}`} onSubmit={this.handleFormSubmit}>\n <searchcraft-input-label label={this.labelForInput} />\n <div class='searchContainer'>\n <searchcraft-input\n customStyles={parsedCustomStyles}\n input-caption-value={this.inputCaptionValue}\n onClearInput={this.handleClearInput}\n onSearchInputChange={this.handleInputChange}\n placeholder-value={this.placeholderValue}\n query={this.query}\n right-to-left-orientation={this.rightToLeftOrientation}\n />\n </div>\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 position: relative;\n flex-direction: column;\n gap: 16px;\n padding: 8px;\n\n @media (min-width: 600px) {\n flex-direction: row;\n }\n}\n\n.interactiveResultContainerLight {\n background-color: $light-search-result-container-background;\n @include interactive-result-container-base;\n}\n\n.interactiveResultContainerDark {\n background-color: $dark-search-result-container-background;\n @include interactive-result-container-base;\n}\n\n.resultContainer {\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media (min-width: 600px) {\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: 600px) {\n display: none;\n }\n}\n\n.interactiveIconSmall {\n position: absolute;\n right: 5px;\n top: -2px;\n display: inline-block;\n\n\n @media (min-width: 600px) {\n display: none;\n }\n}\n\n.imageContainer {\n max-height: 540px;\n max-width: 100%;\n\n @media (min-width: 600px) {\n max-height: 100%;\n max-width: 50%;\n }\n}\n\n.contentContainer {\n max-height: 100%;\n max-width: 100%;\n\n @media (min-width: 600px) {\n max-width: 50%;\n }\n}\n\n@mixin image-base {\n aspect-ratio: 2 / 1;\n border-radius: 8px;\n max-height: 100%;\n max-width: 100%;\n}\n\n.imageLight {\n @include image-base;\n border: 1px solid $light-search-result-image-border;\n}\n\n.imageDark {\n @include image-base;\n border: 1px solid $dark-search-result-image-border;\n}\n\n@mixin heading-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: 0px;\n position: relative;\n}\n\n.headingLight {\n @include heading-base;\n color: $light-search-result-heading-color;\n}\n\n.headingDark {\n @include heading-base;\n color: $dark-search-result-heading-color;\n}\n\n@mixin subheading-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}\n\n.subheadingLight {\n @include subheading-base;\n color: $light-search-result-subheading-color;\n}\n\n.subheadingDark {\n @include subheading-base;\n color: $dark-search-result-subheading-color\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}\n\n.bodyContentLight {\n @include body-content-base;\n color: $light-search-result-body-content-color;\n}\n\n.bodyContentDark {\n @include body-content-base;\n color: $dark-search-result-body-content-color;\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-base-search-result',\n styleUrl: 'searchcraft-base-search-result.module.scss',\n shadow: true,\n})\nexport class SearchcraftBaseSearchResult {\n @Prop() buttonCallbackFn: () => void = () => {};\n @Prop() buttonLabel = '';\n @Prop() callbackFn: () => void = () => {};\n @Prop() imageAltText = '';\n @Prop() imageSrc = '';\n @Prop() interactiveResult = false;\n @Prop() keyDownCallbackFn: () => void = () => {};\n @Prop() resultBodyContent = '';\n @Prop() resultHeading = '';\n @Prop() resultSubheading = '';\n @Prop() theme: 'light' | 'dark' = 'light'; // Simulating theme context.\n\n private handleButtonClick = () => {\n this.buttonCallbackFn();\n };\n\n private handleContainerClick = () => {\n if (this.interactiveResult) {\n this.callbackFn();\n }\n };\n\n render() {\n const isLightTheme = this.theme === 'light';\n\n return (\n <div\n class={\n this.interactiveResult\n ? isLightTheme\n ? 'interactiveResultContainerLight'\n : 'interactiveResultContainerDark'\n : 'resultContainer'\n }\n id='searchcraft-item'\n onClick={this.handleContainerClick}\n onKeyDown={this.keyDownCallbackFn}\n tabindex='0'\n >\n {this.interactiveResult && (\n <div class='interactiveIconLarge'>\n {isLightTheme ? (\n <searchcraft-clear-icon-set type='arrow-light' />\n ) : (\n <searchcraft-clear-icon-set type='arrow-dark' />\n )}\n </div>\n )}\n <div class='imageContainer'>\n <img\n alt={this.imageAltText}\n class={isLightTheme ? 'imageLight' : 'imageDark'}\n src={this.imageSrc}\n />\n </div>\n <div class='contentContainer'>\n <h2 class={isLightTheme ? 'headingLight' : 'headingDark'}>\n {this.resultHeading}\n {this.interactiveResult && (\n <div class='interactiveIconSmall'>\n {isLightTheme ? (\n <searchcraft-clear-icon-set type='arrow-light' />\n ) : (\n <searchcraft-clear-icon-set type='arrow-dark' />\n )}\n </div>\n )}\n </h2>\n <h3 class={isLightTheme ? 'subheadingLight' : 'subheadingDark'}>\n {this.resultSubheading}\n </h3>\n <p class={isLightTheme ? 'bodyContentLight' : 'bodyContentDark'}>\n {this.resultBodyContent}\n </p>\n <button onClick={this.handleButtonClick} type='button'>\n {this.buttonLabel}\n </button>\n </div>\n </div>\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: 100px 20px;\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","import { Component, h, State } from '@stencil/core';\nimport type { SearchResult } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n tag: 'searchcraft-base-search-results',\n styleUrl: 'searchcraft-base-search-results.module.scss',\n shadow: true,\n})\nexport class SearchcraftBaseSearchResults {\n @State() query = '';\n @State() searchResults: SearchResult | null = null;\n private unsubscribe: () => void;\n\n componentDidLoad() {\n // Subscribe to state changes\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n console.log('Store updated:', state);\n this.searchResults = { ...state.searchResults };\n this.query = state.query;\n });\n\n // Fetch initial state\n const { searchResults, query } = useSearchcraftStore.getState();\n console.log('Initial state:', searchResults, query);\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.searchResults?.data) {\n console.warn('No search results data available');\n return <div>No results to display.</div>;\n }\n return (\n <div class='resultsContainer'>\n {this.searchResults?.data?.hits?.map((document, index) => {\n const { doc: result } = document;\n return (\n <searchcraft-base-search-result\n key={`${result?.id}-${index}`}\n button-label='View More'\n callback-fn={() => console.log('interactive element')}\n button-callback-fn={() => console.log('button callback')}\n interactive-result={true}\n image-src={result?.poster}\n result-body-content={result?.overview}\n result-heading={result?.title}\n result-subheading={result?.release_date}\n />\n );\n })}\n {this.query.length > 0 &&\n this.searchResults?.data?.hits?.length === 0 && (\n <searchcraft-error-message\n error-message={`No search results found for \"${this.query}\" query`}\n />\n )}\n </div>\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: 25px;\n top: 50%;\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: 25px;\n padding: 0;\n position: absolute;\n top: 50%;\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: true,\n})\nexport class SearchcraftClearInputButton {\n @Prop() isRequesting? = false;\n @Prop() rightToLeftOrientation = false;\n\n // Updated `clearInput` to an EventEmitter\n @Event() clearInput: EventEmitter<void>;\n\n @State() theme = 'light';\n\n private isLightTheme() {\n return this.theme === 'light';\n }\n\n // Added a click handler to emit the event\n private handleClearClick = (event: MouseEvent) => {\n event.preventDefault(); // Prevent default if necessary\n this.clearInput.emit(); // Emit the event\n };\n\n render() {\n return this.rightToLeftOrientation ? (\n <button\n class={classNames('inputClearButtonRTL', '.sc-clear-input-button-rtl')}\n onClick={this.handleClearClick}\n type='button'\n >\n {this.isRequesting ? (\n this.isLightTheme ? (\n <searchcraft-spinner-light />\n ) : (\n <searchcraft-spinner-dark />\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('inputClearButtonLTR', '.sc-clear-input-button-ltr')}\n onClick={this.handleClearClick}\n type='button'\n >\n {this.isRequesting ? (\n this.isLightTheme ? (\n <searchcraft-spinner-light />\n ) : (\n <searchcraft-spinner-dark />\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 '../../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: $light-input-caption-color-error;\n}\n\n.errorMessageDark {\n @include error-message-base;\n color: $dark-input-caption-color-error;\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: true,\n})\nexport class SearchcraftErrorMessage {\n /**\n * The error message to display. Defaults to a standard message if not provided.\n */\n @Prop() errorMessage?: string;\n\n /**\n * The theme, which determines the style (light or dark).\n */\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)}>\n {this.errorMessage || 'Search term is required.'}\n </p>\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 width: 100%;\n\n &::placeholder {\n font-family: var(--font-stack);\n font-size: 16px;\n }\n}\n\n@mixin input-base-light {\n @include input-base;\n background-color: $light-input-background-color;\n color: $light-input-label-color;\n\n &::placeholder {\n color: $light-input-placeholder-color;\n }\n\n &:focus {\n outline: 2px solid $light-input-outline-focus;\n }\n}\n\n@mixin input-base-dark {\n @include input-base;\n background-color: $dark-input-background-color;\n color: $dark-input-label-color;\n\n &::placeholder {\n color: $dark-input-placeholder-color;\n }\n\n &:focus {\n outline: 2px solid $dark-input-outline-focus;\n }\n}\n\n@mixin input-error-base-light {\n @include input-base-light;\n outline: 2px solid $light-input-error-outline;\n\n &:focus-visible {\n outline: 2px solid $light-input-error-outline,\n }\n}\n\n@mixin input-error-base-dark {\n @include input-base-dark;\n outline: 2px solid $dark-input-error-outline;\n\n &:focus-visible {\n outline: 2px solid $dark-input-error-outline;\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: true,\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() placeholderValue = 'Enter Search';\n @Prop() rightToLeftOrientation = false;\n @Prop() query = '';\n\n @Event() clearInput: EventEmitter<void>;\n @Event() searchInputChange: 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 handleClearInput() {\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 = classNames(\n this.error\n ? this.isLightTheme\n ? 'inputErrorLightRTL'\n : 'inputErrorDarkRTL'\n : this.isLightTheme\n ? 'inputLightLTR'\n : 'inputDarkLTR',\n 'searchcraft-input',\n );\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 class={classNames(inputClassName, 'searchcraft-input')}\n id='searchcraft-input-id'\n onChange={this.handleInputChange.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 onClearInput={this.handleClearInput}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n )}\n <searchcraft-input-icon\n error={this.error}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n </Fragment>\n ) : (\n <div class='inputWrapper'>\n <searchcraft-input-icon\n error={this.error}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n <input\n class={classNames(inputClassName, 'searchcraft-input')}\n id='searchcraft-input-id'\n onChange={this.handleInputChange.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 onClearInput={this.handleClearInput}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n )}\n </div>\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: $light-input-caption-color;\n}\n\n@mixin input-caption-base-dark {\n @include input-caption-base;\n color: $dark-input-caption-color;\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: $light-input-caption-color-error;\n}\n\n.inputCaptionErrorDarkLTR {\n @include input-caption-base;\n color: $dark-input-caption-color-error;\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: $light-input-caption-color-error;\n text-align: right;\n}\n\n.inputCaptionErrorDarkRTL {\n @include input-caption-base;\n color: $dark-input-caption-color-error;\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: true,\n})\nexport class SearchcraftInputCaption {\n @Prop() error?: boolean;\n @Prop() inputCaptionClassName? = '';\n @Prop() inputCaptionValue = 'Enter Search';\n @Prop() rightToLeftOrientation = false;\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 height: 20px;\n left: 10px;\n position: absolute;\n top: 11px;\n width: 20px;\n}\n\n.inputIconRTL {\n height: 20px;\n position: absolute;\n right: 10px;\n top: 11px;\n width: 20px;\n}","import { Component, Prop, h, State } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-input-icon',\n styleUrl: 'searchcraft-input-icon.module.scss',\n shadow: true,\n})\nexport class SearchcraftInputIcon {\n @Prop() error?: boolean;\n @Prop() rightToLeftOrientation = false;\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={this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR'}\n >\n {this.isLightTheme ? (\n <searchcraft-search-icon-set type='error-light' />\n ) : (\n <searchcraft-search-icon-set type='error-dark' />\n )}\n </div>\n ) : (\n <div\n class={this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR'}\n >\n {this.isLightTheme ? (\n <searchcraft-search-icon-set type='search-light' />\n ) : (\n <searchcraft-search-icon-set type='search-dark' />\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: $light-input-label-color;\n}\n\n.labelDark {\n @include input-label-base;\n color: $dark-input-label-color;\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: true,\n})\nexport class SearchcraftInputLabel {\n @Prop() inputLabelClassName? = '';\n @Prop() label?: string; // Make label optional\n @State() theme = 'light';\n\n private isLightTheme() {\n return this.theme === 'light';\n }\n\n render() {\n // Render nothing if no label prop is provided\n if (!this.label) {\n return null;\n }\n\n const labelStyle = this.isLightTheme() ? 'labelLight' : 'labelDark';\n\n return (\n <label\n class={classNames(labelStyle, this.inputLabelClassName)}\n htmlFor='searchcraft-input-id'\n >\n {this.label}\n </label>\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\n render() {\n switch (this.type) {\n case 'search-light':\n return (\n <svg\n width='20'\n height='20'\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='18'\n height='18'\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='20'\n height='20'\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='18'\n height='18'\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","$spinner-size: 20px;\n\n.spinnerContainer {\n background-color: transparent;\n height: $spinner-size;\n width: $spinner-size;\n}\n\n.spinnerDark {\n height: 100%;\n width: 100%;\n background: conic-gradient(#000 50%, #FFFFFF);\n clip-path: circle(50%);\n mask-image: radial-gradient(circle at center, rgba(0,0,0,0) calc($spinner-size/3), rgba(0,0,0,1) calc($spinner-size/3));\n animation: spinning 1s linear infinite;\n}\n\n.spinnerLight {\n height: 100%;\n width: 100%;\n background: conic-gradient(#737373 50%, #FFFFFF);\n clip-path: circle(50%);\n mask-image: radial-gradient(circle at center, rgba(0,0,0,0) calc($spinner-size/3), rgba(0,0,0,1) calc($spinner-size/3));\n animation: spinning 1s linear infinite;\n}\n\n@keyframes spinning {\n 0% { transform: rotate(0deg); }\n 50% {transform: rotate(180deg);}\n 100% { transform: rotate(360deg); }\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-spinner-dark',\n styleUrl: 'searchcraft-spinner-dark.module.scss',\n shadow: true,\n})\nexport class SearchcraftSpinnerDark {\n render() {\n return (\n <div class='spinnerContainer'>\n <div class='spinnerDark' />\n </div>\n );\n }\n}\n","$spinner-size: 20px;\n\n.spinnerContainer {\n background-color: transparent;\n height: $spinner-size;\n width: $spinner-size;\n}\n\n.spinnerLight {\n height: 100%;\n width: 100%;\n background: conic-gradient(#737373 50%, #FFFFFF);\n clip-path: circle(50%);\n mask-image: radial-gradient(circle at center, rgba(0,0,0,0) calc($spinner-size/3), rgba(0,0,0,1) calc($spinner-size/3));\n animation: spinning 1s linear infinite;\n}\n\n@keyframes spinning {\n 0% { transform: rotate(0deg); }\n 50% {transform: rotate(180deg);}\n 100% { transform: rotate(360deg); }\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-spinner-light',\n styleUrl: 'searchcraft-spinner-light.module.scss',\n shadow: true,\n})\nexport class SearchcraftSpinnerLight {\n render() {\n return (\n <div class='spinnerContainer'>\n <div class='spinnerLight' />\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-e1255160.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- const o=()=>{};export{o as g};
2	- //# sourceMappingURL=p-e1255160.js.map

package/dist/searchcraft-javascript-sdk/p-e1255160.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"names":["globalScripts"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"AAAY,MAACA,EAAgB,c","ignoreList":[]}

/package/dist/{esm → searchcraft-javascript-sdk}/app-globals-0f993ce5.js RENAMED Viewed

File without changes

/package/dist/{esm → searchcraft-javascript-sdk}/app-globals-0f993ce5.js.map RENAMED Viewed

File without changes