@searchcraft/javascript-sdk 0.4.2 → 0.5.0

package/dist/searchcraft-javascript-sdk/p-1720b612.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as s,c}from"./p-80e3f29f.js";import{c as r}from"./p-5cdc6210.js";import{p as a}from"./p-f308d05d.js";const n=":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-error-message{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-body-small-font-weight);line-height:var(--sc-body-small-line-height);color:var(--sc-content-danger)}";const t=n;const i=class{constructor(s){e(this,s);this.errorMessage=undefined}render(){return s("p",{key:"07a5a9e83a30988018aa9d3d3ece9d0894923399",class:"searchcraft-error-message"},this.errorMessage||"Search term is required.")}};i.style=t;const o=":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}searchcraft-input{display:flex;flex:1}.searchcraft-input-wrapper{display:inline-block;position:relative;cursor:text}.searchcraft-input-wrapper-flex{display:flex;flex:1}.searchcraft-input-flex{flex:1}.searchcraft-input{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-body-font-weight);line-height:var(--sc-body-line-height);background-color:var(--sc-surface-neutral-secondary);border:none;border-radius:var(--sc-input-border-radius);color:var(--sc-content-neutral-primary);outline:none;padding-left:var(--sc-input-padding-left);padding-right:var(--sc-input-padding-right);padding-top:12px;padding-bottom:12px}.searchcraft-input::placeholder{color:var(--sc-content-disabled)}.searchcraft-input:focus{outline:var(--sc-border-brand) solid 2px}.searchcraft-input:focus::placeholder{opacity:0}.searchcraft-input.error{color:var(--sc-content-danger);outline:var(--sc-border-danger) solid 2px}.searchcraft-input.error:focus{outline:var(--sc-border-danger) solid 2px}.searchcraft-input-search-icon-wrapper{align-items:center;justify-content:center;display:flex;position:absolute;pointer-events:none;bottom:0;left:0;top:0;width:var(--sc-input-padding-left)}.searchcraft-input-search-icon{pointer-events:none;width:var(--sc-input-search-icon-size);height:var(--sc-input-search-icon-size)}.searchcraft-input-clear-button{all:unset;align-items:center;justify-content:center;cursor:pointer;display:flex;position:absolute;border:none;outline:none;bottom:0;right:0;top:0;width:var(--sc-input-padding-right)}.searchcraft-input-clear-icon{width:var(--sc-input-clear-icon-size);height:var(--sc-input-clear-icon-size)}";const d=o;const h=class{constructor(s){e(this,s);this.clearInput=c(this,"clearInput",7);this.inputChange=c(this,"inputChange",7);this.handleOnInput=e=>{const s=e.target;this.inputValue=s.value;this.inputChange.emit(s.value)};this.handleClearInput=()=>{this.inputValue="";if(this.clearInput){this.clearInput.emit()}if(this.inputValue===""){return}};this.customStyles={};this.error=false;this.inputCaptionClassName="";this.inputCaptionValue="";this.inputClassName="";this.isRequesting=false;this.placeholderValue="Enter Search";this.query="";this.flex=true;this.inputValue=this.query}render(){const e=a(this.customStyles);const c=r("searchcraft-input-wrapper",{"searchcraft-input-wrapper-flex":this.flex});const n=r("searchcraft-input",{"searchcraft-input-flex":this.flex,error:this.error});const t=this.inputValue.length>0;return s("div",{key:"ccc37209c67ce2d5faa3ad435f0c303bf23b9355",class:c},s("input",{key:"d368f669c9e5ab7716502100d27325140a7d4c4e",autoComplete:"off",class:n,onInput:e=>{this.handleOnInput(e)},placeholder:this.placeholderValue,style:e,type:"text",value:this.inputValue}),s("div",{key:"b26c20cf29469f80a072635a4dc23ca8123d2b0b",class:"searchcraft-input-search-icon-wrapper"},s("svg",{key:"0865511d00e078982fe873e2b6fce30df290cdbd",class:"searchcraft-input-search-icon",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},s("title",{key:"09e89005bc7972729888ed787f579ad18b6886b4",id:"searchcraft-title"},"Searchcraft Search Icon Light"),s("path",{key:"fc37d213842b87f26d9d9f89c0708392a197648c",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"}))),t&&s("button",{key:"779b81efc2ae5e985415edf4f9c02618852c7185",type:"button",class:"searchcraft-input-clear-button",onClick:this.handleClearInput},s("svg",{key:"511dd4755fd75ab0a75ecd21ad18eb8726f84c94",class:"searchcraft-input-clear-icon",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"icon-title"},s("title",{key:"97304d272345567dd59ef1c1985663074bd0ed0e",id:"icon-title"},"Searchcraft Clear Input Icon Light"),s("path",{key:"147f88e2f51d855fbc097e81d32f24c27217f443",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"}))))}};h.style=d;const f=":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-input-label{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-bold-font-size);font-weight:var(--sc-body-small-bold-font-weight);line-height:var(--sc-body-small-bold-line-height);color:var(--sc-content-neutral-primary);margin-top:4px;margin-bottom:4px}";const u=f;const l=class{constructor(s){e(this,s);this.inputLabelClassName="";this.label=undefined}render(){if(!this.label){return null}return s("label",{class:"searchcraft-input-label",htmlFor:"searchcraft-input-id"},this.label)}};l.style=u;export{i as searchcraft_error_message,h as searchcraft_input,l as searchcraft_input_label};
-//# sourceMappingURL=p-1720b612.entry.js.map

package/dist/searchcraft-javascript-sdk/p-1720b612.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["searchcraftErrorMessageModuleCss","SearchcraftErrorMessageStyle0","SearchcraftErrorMessage","render","h","key","class","this","errorMessage","searchcraftInputModuleCss","SearchcraftInputStyle0","SearchcraftInput","handleOnInput","event","input","target","inputValue","value","inputChange","emit","handleClearInput","clearInput","query","validatedCustomStyles","parseCustomStyles","customStyles","inputWrapperClassNames","classNames","flex","inputClassNames","error","isShowingClearButton","length","autoComplete","onInput","placeholder","placeholderValue","style","type","viewBox","fill","xmlns","id","d","stroke","onClick","searchcraftInputLabelModuleCss","SearchcraftInputLabelStyle0","SearchcraftInputLabel","label","htmlFor"],"sources":["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-input/searchcraft-input.module.scss?tag=searchcraft-input","src/components/searchcraft-input/searchcraft-input.tsx","src/components/searchcraft-input-label/searchcraft-input-label.module.scss?tag=searchcraft-input-label","src/components/searchcraft-input-label/searchcraft-input-label.tsx"],"sourcesContent":[".searchcraft-error-message {\n  @include body-small();\n  color: var(--sc-content-danger);\n}\n","import { Component, Prop, h } from '@stencil/core';\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\n  render() {\n    return (\n      <p class='searchcraft-error-message'>\n        {this.errorMessage || 'Search term is required.'}\n      </p>\n    );\n  }\n}\n","searchcraft-input {\n  display: flex;\n  flex: 1;\n}\n\n.searchcraft-input-wrapper {\n  display: inline-block;\n  position: relative;\n  cursor: text;\n}\n\n.searchcraft-input-wrapper-flex {\n  display: flex;\n  flex: 1;\n}\n\n.searchcraft-input-flex {\n  flex: 1;\n}\n\n.searchcraft-input {\n  @include body();\n  background-color: var(--sc-surface-neutral-secondary);\n  border: none;\n  border-radius: var(--sc-input-border-radius);\n  color: var(--sc-content-neutral-primary);\n  outline: none;\n  padding-left: var(--sc-input-padding-left);\n  padding-right: var(--sc-input-padding-right);\n  padding-top: 12px;\n  padding-bottom: 12px;\n\n  &::placeholder {\n    color: var(--sc-content-disabled);\n  }\n\n  &:focus {\n    outline: var(--sc-border-brand) solid 2px;\n  }\n\n  &:focus::placeholder {\n    opacity: 0;\n  }\n}\n\n.searchcraft-input.error {\n  color: var(--sc-content-danger);\n  outline: var(--sc-border-danger) solid 2px;\n\n  &:focus {\n    outline: var(--sc-border-danger) solid 2px;\n  }\n}\n\n.searchcraft-input-search-icon-wrapper {\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  position: absolute;\n  pointer-events: none;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  width: var(--sc-input-padding-left);\n}\n\n.searchcraft-input-search-icon {\n  pointer-events: none;\n  width: var(--sc-input-search-icon-size);\n  height: var(--sc-input-search-icon-size);\n}\n\n.searchcraft-input-clear-button {\n  all: unset;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  display: flex;\n  position: absolute;\n  border: none;\n  outline: none;\n  bottom: 0;\n  right: 0;\n  top: 0;\n  width: var(--sc-input-padding-right);\n}\n\n.searchcraft-input-clear-icon {\n  width: var(--sc-input-clear-icon-size);\n  height: var(--sc-input-clear-icon-size);\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\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() inputCaptionClassName = '';\n  @Prop() inputCaptionValue = '';\n  @Prop() inputClassName = '';\n  @Prop() isRequesting = false;\n  @Prop() placeholderValue = 'Enter Search';\n  @Prop() query = '';\n  @Prop() flex = true;\n\n  @Event() clearInput: EventEmitter<void>;\n  @Event() inputChange: EventEmitter<string>;\n\n  @State() inputValue = this.query;\n\n  handleOnInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.inputValue = input.value;\n    this.inputChange.emit(input.value);\n  };\n\n  handleClearInput = () => {\n    this.inputValue = '';\n\n    if (this.clearInput) {\n      this.clearInput.emit();\n    }\n    if (this.inputValue === '') {\n      return;\n    }\n  };\n\n  render() {\n    const validatedCustomStyles = parseCustomStyles(this.customStyles);\n\n    const inputWrapperClassNames = classNames('searchcraft-input-wrapper', {\n      'searchcraft-input-wrapper-flex': this.flex,\n    });\n\n    const inputClassNames = classNames('searchcraft-input', {\n      'searchcraft-input-flex': this.flex,\n      error: this.error,\n    });\n\n    const isShowingClearButton = this.inputValue.length > 0;\n\n    return (\n      <div class={inputWrapperClassNames}>\n        <input\n          autoComplete='off'\n          class={inputClassNames}\n          onInput={(event) => {\n            this.handleOnInput(event);\n          }}\n          placeholder={this.placeholderValue}\n          style={validatedCustomStyles}\n          type='text'\n          value={this.inputValue}\n        />\n        <div class='searchcraft-input-search-icon-wrapper'>\n          <svg\n            class='searchcraft-input-search-icon'\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        </div>\n        {isShowingClearButton && (\n          <button\n            type='button'\n            class='searchcraft-input-clear-button'\n            onClick={this.handleClearInput}\n          >\n            <svg\n              class='searchcraft-input-clear-icon'\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          </button>\n        )}\n      </div>\n    );\n  }\n}\n",".searchcraft-input-label {\n  @include body-small-bold();\n  color: var(--sc-content-neutral-primary);\n  margin-top: 4px;\n  margin-bottom: 4px;\n}\n","import { Component, Prop, h } from '@stencil/core';\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\n  render() {\n    if (!this.label) {\n      return null;\n    }\n    return (\n      <label class='searchcraft-input-label' htmlFor='searchcraft-input-id'>\n        {this.label}\n      </label>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAmC,8xGACzC,MAAAC,EAAeD,E,MCMFE,EAAuB,M,qDAGlC,MAAAC,GACE,OACEC,EAAA,KAAAC,IAAA,2CAAGC,MAAM,6BACNC,KAAKC,cAAgB,2B,aCb9B,MAAMC,EAA4B,uqJAClC,MAAAC,EAAeD,E,MCqBFE,EAAgB,M,yGAgB3BJ,KAAAK,cAAiBC,IACf,MAAMC,EAAQD,EAAME,OACpBR,KAAKS,WAAaF,EAAMG,MACxBV,KAAKW,YAAYC,KAAKL,EAAMG,MAAM,EAGpCV,KAAAa,iBAAmB,KACjBb,KAAKS,WAAa,GAElB,GAAIT,KAAKc,WAAY,CACnBd,KAAKc,WAAWF,M,CAElB,GAAIZ,KAAKS,aAAe,GAAI,CAC1B,M,qBA5BoD,G,WACxC,M,2BACgB,G,uBACJ,G,oBACH,G,kBACF,M,sBACI,e,WACX,G,UACD,K,gBAKOT,KAAKe,K,CAmB3B,MAAAnB,GACE,MAAMoB,EAAwBC,EAAkBjB,KAAKkB,cAErD,MAAMC,EAAyBC,EAAW,4BAA6B,CACrE,iCAAkCpB,KAAKqB,OAGzC,MAAMC,EAAkBF,EAAW,oBAAqB,CACtD,yBAA0BpB,KAAKqB,KAC/BE,MAAOvB,KAAKuB,QAGd,MAAMC,EAAuBxB,KAAKS,WAAWgB,OAAS,EAEtD,OACE5B,EAAA,OAAAC,IAAA,2CAAKC,MAAOoB,GACVtB,EAAA,SAAAC,IAAA,2CACE4B,aAAa,MACb3B,MAAOuB,EACPK,QAAUrB,IACRN,KAAKK,cAAcC,EAAM,EAE3BsB,YAAa5B,KAAK6B,iBAClBC,MAAOd,EACPe,KAAK,OACLrB,MAAOV,KAAKS,aAEdZ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yCACTF,EAAA,OAAAC,IAAA,2CACEC,MAAM,gCACNiC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,qBAEhBrC,EAAA,SAAAC,IAAA,2CAAOqC,GAAG,qBAAmB,iCAC7BtC,EAAA,QAAAC,IAAA,2CACEsC,EAAE,oNACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,YAIrBb,GACC3B,EAAA,UAAAC,IAAA,2CACEiC,KAAK,SACLhC,MAAM,iCACNuC,QAAStC,KAAKa,kBAEdhB,EAAA,OAAAC,IAAA,2CACEC,MAAM,+BACNiC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,cAEhBrC,EAAA,SAAAC,IAAA,2CAAOqC,GAAG,cAAY,sCACtBtC,EAAA,QAAAC,IAAA,2CACEsC,EAAE,wIACFC,OAAO,QAAO,eACD,MAAK,iBACH,QAAO,kBACN,Y,aCvHhC,MAAME,EAAiC,q1GACvC,MAAAC,EAAeD,E,MCMFE,EAAqB,M,kDACD,G,qBAG/B,MAAA7C,GACE,IAAKI,KAAK0C,MAAO,CACf,OAAO,I,CAET,OACE7C,EAAA,SAAOE,MAAM,0BAA0B4C,QAAQ,wBAC5C3C,KAAK0C,M","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-3292e706.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as r}from"./p-80e3f29f.js";const e=class{constructor(r){t(this,r);this.type="search-dark";this.width=20;this.height=20}render(){const{width:t,height:e}=this;switch(this.type){case"search-light":return r("svg",{width:t,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},r("title",{id:"searchcraft-title"},"Searchcraft Search Icon Light"),r("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 r("svg",{width:t,height:e,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},r("title",{id:"searchcraft-title"},"Searchcraft Search Icon Dark"),r("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 r("svg",{width:t,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},r("title",{id:"searchcraft-title"},"Searchcraft Error Search Icon Light"),r("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 r("svg",{width:t,height:e,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"searchcraft-title"},r("title",{id:"searchcraft-title"},"Searchcraft Error Search Icon Dark"),r("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}}};export{e as searchcraft_search_icon_set};
-//# sourceMappingURL=p-3292e706.entry.js.map

package/dist/searchcraft-javascript-sdk/p-3292e706.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SearchcraftSearchIconSet","render","width","height","this","type","h","viewBox","fill","xmlns","id","d","stroke"],"sources":["src/assets/searchcraft-search-icon-set.tsx"],"sourcesContent":["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"],"mappings":"iDAMaA,EAAwB,M,mCAMjC,c,WACc,G,YACC,E,CAEjB,MAAAC,GACE,MAAMC,MAAEA,EAAKC,OAAEA,GAAWC,KAC1B,OAAQA,KAAKC,MACX,IAAK,eACH,OACEC,EAAA,OACEJ,MAAOA,EACPC,OAAQA,EACRI,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,qBAEhBH,EAAA,SAAOI,GAAG,qBAAmB,iCAC7BJ,EAAA,QACEK,EAAE,oNACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,cACH,OACEN,EAAA,OACEJ,MAAOA,EACPC,OAAQA,EACRI,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,qBAEhBH,EAAA,SAAOI,GAAG,qBAAmB,gCAC7BJ,EAAA,QACEK,EAAE,oNACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,cACH,OACEN,EAAA,OACEJ,MAAOA,EACPC,OAAQA,EACRI,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,qBAEhBH,EAAA,SAAOI,GAAG,qBAAmB,uCAG7BJ,EAAA,QACEK,EAAE,oNACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,aACH,OACEN,EAAA,OACEJ,MAAOA,EACPC,OAAQA,EACRI,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,qBAEhBH,EAAA,SAAOI,GAAG,qBAAmB,sCAG7BJ,EAAA,QACEK,EAAE,oNACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,QACE,OAAO,K","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-491ae071.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as e,h as t,g as i}from"./p-80e3f29f.js";import{u as c,i as a}from"./p-a2801518.js";import{p as r}from"./p-f308d05d.js";import{p as n}from"./p-c994d722.js";const h=":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-auto-search-form{display:flex;flex-direction:column;gap:4px}";const o=h;const d=class{constructor(t){s(this,t);this.inputClearedOrNoResults=e(this,"inputClearedOrNoResults",7);this.querySubmit=e(this,"querySubmit",7);this.debounceTimeout=null;this.debounceDelay=0;this.searchStore=c.getState();this.handleInputChange=s=>{const e=s.detail;if(e===this.query){return}this.query=e;const t=()=>{if(this.query.trim()===""){this.searchStore.setQuery("");this.searchResults=null;this.searchStore.setSearchResults(null);this.inputClearedOrNoResults.emit()}else{this.searchStore.setQuery(this.query);this.querySubmit.emit();this.runSearch()}};if(this.debounceDelay>0){if(this.debounceTimeout){clearTimeout(this.debounceTimeout)}this.debounceTimeout=setTimeout(t,this.debounceDelay)}else{t()}};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);try{await this.searchStore.search()}catch(s){this.error=true;this.inputClearedOrNoResults.emit()}}};this.handleFormSubmit=async s=>{s.preventDefault();await this.runSearch()};this.autoSearchFormClass="";this.clearInput=()=>{};this.config=undefined;this.customStylesForInput={};this.inputCaptionValue="";this.labelForInput="";this.placeholderValue="Search here";this.searchContainerClass="";this.error=false;this.isRequesting=false;this.query="";this.searchResults=null}init(){var s;if(this.config){const e=new a(this.config,{sdkName:n.name,sdkVersion:n.version});this.searchStore.initialize(e,true);(s=this.unsubscribe)===null||s===void 0?void 0:s.call(this);this.unsubscribe=c.subscribe((s=>{this.isRequesting=s.isRequesting;this.searchResults=Object.assign({},s.searchResults)}))}}componentDidLoad(){this.init()}onConfigChange(){this.init()}connectedCallback(){}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}}render(){const s=r(this.customStylesForInput);return t("form",{key:"3c1069cbaf543e9b06616d7440eb784010a7b601",class:"searchcraft-auto-search-form",onSubmit:this.handleFormSubmit},t("searchcraft-input-label",{key:"7ba138f9335b59ee2205a22ef3a8af306db102d1",label:this.labelForInput}),t("searchcraft-input",{key:"a7400629e259ea15cd58d5f2c87f1659c8d6addb",customStyles:s,"input-caption-value":this.inputCaptionValue,"is-requesting":this.isRequesting,onClearInput:this.handleClearInput,onInputChange:this.handleInputChange.bind(this),"placeholder-value":this.placeholderValue,query:this.query}),this.error&&t("searchcraft-error-message",{key:"f304152c611d3e8849a9d24b07a9db3d5d71197f",errorMessage:"Please enter a search query."}))}get element(){return i(this)}static get watchers(){return{config:["onConfigChange"]}}};d.style=o;export{d as searchcraft_auto_search_form};
-//# sourceMappingURL=p-491ae071.entry.js.map

package/dist/searchcraft-javascript-sdk/p-491ae071.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["searchcraftAutoSearchFormModuleCss","SearchcraftAutoSearchFormStyle0","SearchcraftAutoSearchForm","this","debounceTimeout","debounceDelay","searchStore","useSearchcraftStore","getState","handleInputChange","event","target","detail","query","performSearchActions","trim","setQuery","searchResults","setSearchResults","inputClearedOrNoResults","emit","querySubmit","runSearch","clearTimeout","setTimeout","handleClearInput","clearInput","error","async","search","handleFormSubmit","preventDefault","init","config","searchcraft","SearchcraftCore","sdkName","packageJson","name","sdkVersion","version","initialize","_a","unsubscribe","call","subscribe","state","isRequesting","Object","assign","componentDidLoad","onConfigChange","connectedCallback","disconnectedCallback","render","parsedCustomStyles","parseCustomStyles","customStylesForInput","h","key","class","onSubmit","label","labelForInput","customStyles","inputCaptionValue","onClearInput","onInputChange","bind","placeholderValue","errorMessage"],"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"],"sourcesContent":[".searchcraft-auto-search-form {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n  h,\n  Element,\n  Watch,\n} from '@stencil/core';\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 | undefined;\n  @Prop() customStylesForInput: string | Record<string, string> = {};\n  @Prop() inputCaptionValue = '';\n  @Prop() labelForInput = '';\n  @Prop() placeholderValue = 'Search here';\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  @Element() element: HTMLElement;\n\n  private debounceTimeout: ReturnType<typeof setTimeout> | null = null;\n  private debounceDelay = 0;\n  private searchStore = useSearchcraftStore.getState();\n  unsubscribe: () => void;\n\n  init() {\n    if (this.config) {\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?.();\n      this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n        this.isRequesting = state.isRequesting;\n        this.searchResults = { ...state.searchResults };\n      });\n    }\n  }\n\n  componentDidLoad() {\n    this.init();\n  }\n\n  @Watch('config')\n  onConfigChange() {\n    this.init();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  handleInputChange = (event: ScInputCustomEvent<string>) => {\n    const target = event.detail;\n    if (target === this.query) {\n      return;\n    }\n    this.query = target;\n\n    const performSearchActions = () => {\n      if (this.query.trim() === '') {\n        this.searchStore.setQuery('');\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();\n        this.runSearch();\n      }\n    };\n\n    // Only set a timeout if debounceDelay > 0\n    if (this.debounceDelay > 0) {\n      if (this.debounceTimeout) {\n        clearTimeout(this.debounceTimeout);\n      }\n      this.debounceTimeout = setTimeout(\n        performSearchActions,\n        this.debounceDelay,\n      );\n    } else {\n      // Otherwise just call search actions directly\n      performSearchActions();\n    }\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\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 parsedCustomStyles = parseCustomStyles(this.customStylesForInput);\n    return (\n      <form\n        class='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          is-requesting={this.isRequesting}\n          onClearInput={this.handleClearInput}\n          onInputChange={this.handleInputChange.bind(this)}\n          placeholder-value={this.placeholderValue}\n          query={this.query}\n        />\n        {this.error && (\n          <searchcraft-error-message errorMessage='Please enter a search query.' />\n        )}\n      </form>\n    );\n  }\n}\n"],"mappings":"4KAAA,MAAMA,EAAqC,qmGAC3C,MAAAC,EAAeD,E,MC2BFE,EAAyB,M,mIAoB5BC,KAAAC,gBAAwD,KACxDD,KAAAE,cAAgB,EAChBF,KAAAG,YAAcC,EAAoBC,WAoC1CL,KAAAM,kBAAqBC,IACnB,MAAMC,EAASD,EAAME,OACrB,GAAID,IAAWR,KAAKU,MAAO,CACzB,M,CAEFV,KAAKU,MAAQF,EAEb,MAAMG,EAAuB,KAC3B,GAAIX,KAAKU,MAAME,SAAW,GAAI,CAC5BZ,KAAKG,YAAYU,SAAS,IAC1Bb,KAAKc,cAAgB,KACrBd,KAAKG,YAAYY,iBAAiB,MAClCf,KAAKgB,wBAAwBC,M,KACxB,CACLjB,KAAKG,YAAYU,SAASb,KAAKU,OAC/BV,KAAKkB,YAAYD,OACjBjB,KAAKmB,W,GAKT,GAAInB,KAAKE,cAAgB,EAAG,CAC1B,GAAIF,KAAKC,gBAAiB,CACxBmB,aAAapB,KAAKC,gB,CAEpBD,KAAKC,gBAAkBoB,WACrBV,EACAX,KAAKE,c,KAEF,CAELS,G,GAIJX,KAAAsB,iBAAmB,KACjB,GAAItB,KAAKU,QAAU,KAAOV,KAAKc,cAAe,CAC5C,M,CAEFd,KAAKU,MAAQ,GACbV,KAAKc,cAAgB,KACrBd,KAAKG,YAAYU,SAAS,IAC1Bb,KAAKG,YAAYY,iBAAiB,MAElC,UAAWf,KAAKuB,aAAe,WAAY,CACzCvB,KAAKuB,Y,CAGP,GAAIvB,KAAKC,gBAAiB,CACxBmB,aAAapB,KAAKC,gB,CAGpBD,KAAKwB,MAAQ,MACbxB,KAAKgB,wBAAwBC,MAAM,EAG7BjB,KAAAmB,UAAYM,UAClB,GAAIzB,KAAKU,MAAME,SAAW,GAAI,CAC5BZ,KAAKwB,MAAQ,KACbxB,KAAKgB,wBAAwBC,M,KACxB,CACLjB,KAAKwB,MAAQ,MACbxB,KAAKG,YAAYU,SAASb,KAAKU,OAE/B,UACQV,KAAKG,YAAYuB,Q,CACvB,MAAOF,GACPxB,KAAKwB,MAAQ,KACbxB,KAAKgB,wBAAwBC,M,IAKnCjB,KAAA2B,iBAAmBF,MAAOlB,IACxBA,EAAMqB,uBACA5B,KAAKmB,WAAW,E,yBApIM,G,gBACG,O,gDAE+B,G,uBACpC,G,mBACJ,G,sBACG,c,0BACI,G,WAKd,M,kBACO,M,WACP,G,mBACoC,I,CASrD,IAAAU,G,MACE,GAAI7B,KAAK8B,OAAQ,CACf,MAAMC,EAAc,IAAIC,EAAgBhC,KAAK8B,OAAQ,CACnDG,QAASC,EAAYC,KACrBC,WAAYF,EAAYG,UAE1BrC,KAAKG,YAAYmC,WAAWP,EAAa,OAEzCQ,EAAAvC,KAAKwC,eAAW,MAAAD,SAAA,SAAAA,EAAAE,KAAAzC,MAChBA,KAAKwC,YAAcpC,EAAoBsC,WAAWC,IAChD3C,KAAK4C,aAAeD,EAAMC,aAC1B5C,KAAKc,cAAa+B,OAAAC,OAAA,GAAQH,EAAM7B,cAAe,G,EAKrD,gBAAAiC,GACE/C,KAAK6B,M,CAIP,cAAAmB,GACEhD,KAAK6B,M,CAGP,iBAAAoB,GAAiB,CAEjB,oBAAAC,GACE,GAAIlD,KAAKwC,YAAa,CACpBxC,KAAKwC,a,EAkFT,MAAAW,GACE,MAAMC,EAAqBC,EAAkBrD,KAAKsD,sBAClD,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAM,+BACNC,SAAU1D,KAAK2B,kBAEf4B,EAAA,2BAAAC,IAAA,2CAAyBG,MAAO3D,KAAK4D,gBACrCL,EAAA,qBAAAC,IAAA,2CACEK,aAAcT,EAAkB,sBACXpD,KAAK8D,kBAAiB,gBAC5B9D,KAAK4C,aACpBmB,aAAc/D,KAAKsB,iBACnB0C,cAAehE,KAAKM,kBAAkB2D,KAAKjE,MAAK,oBAC7BA,KAAKkE,iBACxBxD,MAAOV,KAAKU,QAEbV,KAAKwB,OACJ+B,EAAA,6BAAAC,IAAA,2CAA2BW,aAAa,iC","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-4a2d1f44.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e}from"./p-80e3f29f.js";const r=class{constructor(e){t(this,e);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}}};export{r as searchcraft_clear_icon_set};
-//# sourceMappingURL=p-4a2d1f44.entry.js.map

package/dist/searchcraft-javascript-sdk/p-4a2d1f44.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SearchcraftClearIconSet","render","this","type","h","width","height","viewBox","fill","xmlns","id","d","stroke"],"sources":["src/assets/searchcraft-clear-icon-set.tsx"],"sourcesContent":["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"],"mappings":"iDAMaA,EAAuB,M,mCAMhC,a,CAEF,MAAAC,GACE,OAAQC,KAAKC,MACX,IAAK,cACH,OACEC,EAAA,OACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,cAEhBL,EAAA,SAAOM,GAAG,cAAY,sCACtBN,EAAA,QACEO,EAAE,wIACFC,OAAO,QAAO,eACD,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,aACH,OACER,EAAA,OACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,cAEhBL,EAAA,SAAOM,GAAG,cAAY,qCACtBN,EAAA,QACEO,EAAE,wIACFC,OAAO,QAAO,eACD,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,cACH,OACER,EAAA,OACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,cAEhBL,EAAA,SAAOM,GAAG,cAAY,sCACtBN,EAAA,QACEO,EAAE,wCACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAIxB,IAAK,aACH,OACER,EAAA,OACEC,MAAM,IACNC,OAAO,KACPC,QAAQ,WACRC,KAAK,OACLC,MAAM,6BAA4B,kBAClB,cAEhBL,EAAA,SAAOM,GAAG,cAAY,qCACtBN,EAAA,QACEO,EAAE,sBACFC,OAAO,UAAS,eACH,MAAK,iBACH,QAAO,kBACN,WAKxB,QACE,OAAO,K","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-80e3f29f.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:true};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var l=new WeakMap;var s=e=>l.get(e);var o=(e,t)=>l.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 l.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 n=e.h.replace(/-/g,"_");const l=e.p;if(!l){return void 0}const s=c.get(l);if(s){return s[n]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[n]}),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,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),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,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var M={};n(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 n=null;let l=null;let s=null;let o=false;let i=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(o=typeof e!=="function"&&!L(n)){n=String(n)}if(o&&i){a[a.length-1].$+=n}else{a.push(o?I(null,n):n)}i=o}}};f(r);if(t){if(t.key){l=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=l}{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 n=_(e);return{emit:e=>Y(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var Y=(e,t,r)=>{const n=y.ce(t,r);e.dispatchEvent(n);return n};var Z=new WeakMap;var ee=(e,t,r)=>{let n=v.get(e);if(w&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var te=(e,t,r)=>{var n;const l=ne(t);const s=v.get(l);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(l)){{o=m.createElement("style");o.innerHTML=s;const r=(n=y.D)!=null?n: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(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var re=e=>{const t=e.o;const r=e.$hostElement$;const n=t.l;const l=H("attachStyles",t.h);const s=te(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=s;r.classList.add(s+"-h")}l()};var ne=(e,t)=>"sc-"+e.h;var le=(e,t,r,n,l,s)=>{if(r!==n){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const l=oe(r);const s=oe(n);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[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||n){const l=t.endsWith(ie);t=t.replace(ae,"");if(r){y.rel(e,t,r,l)}if(n){y.ael(e,t,n,l)}}}else{const i=L(n);if((o||i&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||s&4||l)&&!i){n=n===true?"":n;{e.setAttribute(t,n)}}}}};var se=/\s/;var oe=e=>!e?[]:e.split(se);var ie="Capture";var ae=new RegExp(ie+"$");var fe=(e,t,r)=>{const n=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const l=e&&e.S||T;const s=t.S||T;{for(const e of ce(Object.keys(l))){if(!(e in s)){le(n,e,l[e],void 0,r,t.l)}}}for(const e of ce(Object.keys(s))){le(n,e,l[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,n,l)=>{var s;const o=r.k[n];let i=0;let a;let f;let c;if(!he){me=true;if(o.O==="slot"){if(ue){l.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 n=!r.querySelector("body");if(!n&&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[n];if(c&&c.O===o.O&&e.T){{we(e.T,false)}}}}return a};var we=(e,r)=>{y.l|=1;const n=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){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[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,n,l,s)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e;let i;if(o.shadowRoot&&o.tagName===de){o=o.shadowRoot}for(;l<=s;++l){if(n[l]){i=be(null,r,l,e);if(i){n[l].T=i;Re(o,i,Ce(t))}}}};var $e=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];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,n,l=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=n.length-1;let d=n[0];let h=n[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=n[++o]}else if(h==null){h=n[--v]}else if(ke(c,d,l)){xe(c,d,l);c=t[++s];d=n[++o]}else if(ke(u,h,l)){xe(u,h,l);u=t[--f];h=n[--v]}else if(ke(c,h,l)){if(c.O==="slot"||h.O==="slot"){we(c.T.parentNode,false)}xe(c,h,l);Re(e,c.T,u.T.nextSibling);c=t[++s];h=n[--v]}else if(ke(u,d,l)){if(c.O==="slot"||h.O==="slot"){we(u.T.parentNode,false)}xe(u,d,l);Re(e,u.T,c.T);u=t[--f];d=n[++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,l);t[i]=void 0;p=m.T}d=n[++o]}else{p=be(t&&t[o],r,o,e);d=n[++o]}if(p){{Re(je(c.T),p,Ce(c.T))}}}}if(s>f){ge(e,n[v+1]==null?null:n[v+1].T,r,n,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,n=false)=>{const l=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(l,s,r,o,n)}else if(o!==null){if(e.$!==null){l.textContent=""}ge(l,null,r,o,0,o.length-1)}else if(!n&&t.updatable&&s!==null){$e(s,0,s.length-1)}if(ye&&i==="svg"){ye=false}}else if(f=l["s-cr"]){f.parentNode.textContent=a}else if(e.$!==a){l.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 n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Oe(e)}}};var Te=[];var Ee=e=>{let r;let n;let l;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];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 n=e==null?void 0:e.insertBefore(t,r);return n};var Le=(e,t,r=false)=>{var n,l,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=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(l=s["s-nr"])!=null?l:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;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 n=H("scheduleUpdate",e.o.h);const l=e.t;if(!l){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;n();return Ne(s,(()=>Ue(e,l,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 n;const l=e.$hostElement$;const s=H("update",e.o.h);const o=l["s-rc"];if(r){re(e)}const i=H("render",e.o.h);{We(e,t,l,r)}if(o){o.map((e=>e()));l["s-rc"]=void 0}i();s();{const t=(n=l["s-p"])!=null?n:[];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,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Le(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}return null};var He=e=>{const t=e.o.h;const r=e.$hostElement$;const n=H("postUpdate",t);const l=e.t;const s=e.N;if(!(e.l&64)){e.l|=64;{Ie(r)}{Be(l,"componentDidLoad")}n();{e.v(r);if(!s){ze()}}}else{n()}{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,n)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${n.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=l.$hostElement$;const i=l.i.get(t);const a=l.l;const c=l.t;r=X(r,n.P[t][0]);const u=Number.isNaN(i)&&Number.isNaN(r);const v=r!==i&&!u;if((!(a&8)||i===void 0)&&v){l.i.set(t,r);if(c){if(n.U&&a&128){const e=n.U[t];if(e){e.map((e=>{try{c[e](r,i,t)}catch(e){f(e,o)}}))}}if((a&(2|16))===2){Me(l,false)}}}};var Ge=(e,t,r)=>{var n,l;const o=e.prototype;if(t.P||(t.U||e.watchers)){if(e.watchers&&!t.U){t.U=e.watchers}const i=Object.entries((n=t.P)!=null?n:{});i.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(o,e,{get(){return Qe(this,e)},set(r){qe(this,e,r,t)},configurable:true,enumerable:true})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(e,n,l){y.jmp((()=>{var i;const a=r.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const r=s(this);const o=r==null?void 0:r.l;if(o&&!(o&8)&&o&128&&l!==n){const s=r.t;const o=(i=t.U)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(s[t]!=null){s[t].call(s,l,n,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.U)!=null?l:{}),...i.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var Ke=async(e,t,r,n)=>{let l;if((t.l&32)===0){t.l|=32;const n=r.p;if(n){const e=u(r);if(e&&"then"in e){const t=z();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.h}#${t.W}" was not found`)}if(!l.isProxied){{r.U=l.watchers}Ge(l,r,2);l.isProxied=true}const n=H("createInstance",r.h);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}n();Ve(t.t)}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=ne(r);if(!v.has(t)){const n=H("registerStyles",r.h);ee(t,e,!!(r.l&1));n()}}}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 n=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)))}}n()}};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 n=H();const l=[];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=>{var r;const n={l:t[0],h:t[1],P:t[2],H:t[3]};if(n.l&4){g=true}{n.P=t[2]}{n.U=(r=t[4])!=null?r:{}}const f=n.h;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;i(e,n);if(n.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 ${n.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}};n.p=e[0];if(!o.includes(f)&&!a.get(f)){l.push(f);a.define(f,Ge(c,n,1))}}))}));if(l.length>0){if(g){u.textContent+=h}{u.textContent+=l.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)))}}n()};var et=(e,t)=>t;var tt=e=>y.D=e;export{et as F,Ze as b,J as c,_ as g,B as h,b as p,o as r,tt as s};
-//# sourceMappingURL=p-80e3f29f.js.map