@searchcraft/javascript-sdk 0.1.0 → 0.1.1

package/dist/esm/searchcraft-base-search-form.entry.js

@@ -0,0 +1,60 @@
+import { r as registerInstance, c as createEvent, h } from './index-0d9f850d.js';
+import { u as useSearchcraftStore, a as useThemeStore, g } from './store-2370857c.js';
+
+const searchcraftBaseSearchFormModuleCss = ".formLTR{font-family:Helvetica, Arial, sans-serif;text-align:left}.formRTL{font-family:Helvetica, Arial, sans-serif;text-align:right}.searchContainer{align-items:center;display:flex}";
+const SearchcraftBaseSearchFormStyle0 = searchcraftBaseSearchFormModuleCss;
+
+const SearchcraftBaseSearchForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.clearInput = createEvent(this, "clearInput", 7);
+        this.clearInput = () => { };
+        this.searchStore = useSearchcraftStore.getState();
+        this.themeStore = useThemeStore.getState();
+        this.componentDidLoad = () => {
+            const searchcraft = new g(this.config);
+            this.searchStore.initialize(searchcraft, true);
+        };
+        this.handleFormSubmit = async (event) => {
+            event.preventDefault();
+            if (this.query.trim() === '') {
+                this.error = true;
+            }
+            else {
+                this.error = false;
+                this.searchStore.setQuery(this.query);
+                await this.searchStore.search();
+                this.searchResults = JSON.stringify(this.searchStore.searchResults);
+            }
+        };
+        this.handleSearchInputChange = (event) => {
+            this.query = event.detail;
+        };
+        this.handleClearInput = () => {
+            this.query = '';
+            this === null || this === void 0 ? void 0 : this.clearInput();
+        };
+        this.toggleTheme = () => {
+            this.themeStore.toggleTheme();
+        };
+        this.config = {
+            apiKey: '',
+            endpointURL: '',
+            index: [],
+        };
+        this.errorMessage = 'Search was unsuccessful';
+        this.labelForInput = 'Search';
+        this.rightToLeftOrientation = false;
+        this.error = false;
+        this.query = '';
+        this.searchResults = null;
+    }
+    render() {
+        return (h("form", { key: '6460e91d9c4a48c40476c18762b8b4873c157653', class: this.rightToLeftOrientation ? 'formRTL' : 'formLTR', onSubmit: this.handleFormSubmit }, h("searchcraft-input-label", { key: '9d0a89868c4dafae20e7437101c5639466fc2ffa', label: this.labelForInput }), h("div", { key: '441c0923111995fc0b04b0acb799ade4b2018be0', class: 'searchContainer' }, this.rightToLeftOrientation && h("searchcraft-button", { key: '2a0dc24c906917cd1ec5bd605e25a0a67bffee21' }), h("searchcraft-input", { key: '6744a36c97e03fbd10cc354653e32f0f7eac1c00', onClearInput: this.handleClearInput, rightToLeftOrientation: this.rightToLeftOrientation, onSearchInputChange: this.handleSearchInputChange, query: this.query }), !this.rightToLeftOrientation && (h("searchcraft-button", { key: '50ea437efebe7a62d6122fb6a76942861003884a', onButtonClick: this.handleFormSubmit }))), this.error && (h("searchcraft-error-message", { key: 'ae4b2fa7d874771af0b88757244abe5d50679d55', errorMessage: this.errorMessage }))));
+    }
+};
+SearchcraftBaseSearchForm.style = SearchcraftBaseSearchFormStyle0;
+
+export { SearchcraftBaseSearchForm as searchcraft_base_search_form };
+
+//# sourceMappingURL=searchcraft-base-search-form.entry.js.map

package/dist/esm/searchcraft-base-search-form.entry.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-base-search-form.entry.js","mappings":";;;AAAA,MAAM,kCAAkC,GAAG,wLAAwL,CAAC;AACpO,wCAAe,kCAAkC;;MCcpC,yBAAyB;;;;QAU3B,eAAU,GAAG,SAAQ,CAAC;QAMvB,gBAAW,GAAG,mBAAmB,CAAC,QAAQ,EAAE,CAAC;QAC7C,eAAU,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC;QAE9C,qBAAgB,GAAG;YACjB,MAAM,WAAW,GAAG,IAAIA,CAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrD,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;SAChD,CAAC;QAEF,qBAAgB,GAAG,OAAO,KAAK;YAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACtC,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;gBAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;aACrE;SACF,CAAC;QAEF,4BAAuB,GAAG,CAAC,KAAiC;YAC1D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;SAC3B,CAAC;QAEF,qBAAgB,GAAG;YACjB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAChB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,EAAE,CAAC;SACpB,CAAC;QAEF,gBAAW,GAAG;YACZ,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;SAC/B,CAAC;sBA9C8B;YAC9B,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,EAAE;YACf,KAAK,EAAE,EAAE;SACV;4BACsB,yBAAyB;6BACxB,QAAQ;sCACC,KAAK;qBAIrB,KAAK;qBACL,EAAE;6BACqB,IAAI;;IAmC5C,MAAM;QACJ,QACE,6DACE,KAAK,EAAE,IAAI,CAAC,sBAAsB,GAAG,SAAS,GAAG,SAAS,EAC1D,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAE/B,gFAAyB,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI,EACtD,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,sBAAsB,IAAI,4EAAsB,EACtD,0EACE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,EACjD,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EACD,CAAC,IAAI,CAAC,sBAAsB,KAC3B,2EAAoB,aAAa,EAAE,IAAI,CAAC,gBAAgB,GAAI,CAC7D,CACG,EACL,IAAI,CAAC,KAAK,KACT,kFAA2B,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC/D,CACI,EACP;KACH;;;;;;","names":["SearchcraftCore"],"sources":["src/components/searchcraft-base-search-form/searchcraft-base-search-form.module.scss?tag=searchcraft-base-search-form&encapsulation=shadow","src/components/searchcraft-base-search-form/searchcraft-base-search-form.tsx"],"sourcesContent":[".formLTR {\n  font-family: Helvetica, Arial, sans-serif;\n  text-align: left;\n}\n\n.formRTL {\n  font-family: Helvetica, Arial, sans-serif;\n  text-align: right;\n}\n\n.searchContainer {\n  align-items: center;\n  display: flex;\n}","import { Component, h, Event, Prop, State } from '@stencil/core';\nimport {\n  type CoreConfigSDK,\n  CoreSDK as SearchcraftCore,\n} from '@searchcraft/core';\n\nimport { useSearchcraftStore, useThemeStore } from '@provider/store';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\n\n@Component({\n  tag: 'searchcraft-base-search-form',\n  styleUrl: 'searchcraft-base-search-form.module.scss',\n  shadow: true,\n})\nexport class SearchcraftBaseSearchForm {\n  @Prop() config: CoreConfigSDK = {\n    apiKey: '',\n    endpointURL: '',\n    index: [],\n  };\n  @Prop() errorMessage = 'Search was unsuccessful';\n  @Prop() labelForInput = 'Search';\n  @Prop() rightToLeftOrientation = false;\n\n  @Event() clearInput = () => {};\n\n  @State() error = false;\n  @State() query = '';\n  @State() searchResults: string | null = null;\n\n  private searchStore = useSearchcraftStore.getState();\n  private themeStore = useThemeStore.getState();\n\n  componentDidLoad = () => {\n    const searchcraft = new SearchcraftCore(this.config);\n    this.searchStore.initialize(searchcraft, true);\n  };\n\n  handleFormSubmit = async (event) => {\n    event.preventDefault();\n    if (this.query.trim() === '') {\n      this.error = true;\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query);\n      await this.searchStore.search();\n      this.searchResults = JSON.stringify(this.searchStore.searchResults);\n    }\n  };\n\n  handleSearchInputChange = (event: ScInputCustomEvent<string>) => {\n    this.query = event.detail;\n  };\n\n  handleClearInput = () => {\n    this.query = '';\n    this?.clearInput();\n  };\n\n  toggleTheme = () => {\n    this.themeStore.toggleTheme();\n  };\n\n  render() {\n    return (\n      <form\n        class={this.rightToLeftOrientation ? 'formRTL' : 'formLTR'}\n        onSubmit={this.handleFormSubmit}\n      >\n        <searchcraft-input-label label={this.labelForInput} />\n        <div class='searchContainer'>\n          {this.rightToLeftOrientation && <searchcraft-button />}\n          <searchcraft-input\n            onClearInput={this.handleClearInput}\n            rightToLeftOrientation={this.rightToLeftOrientation}\n            onSearchInputChange={this.handleSearchInputChange}\n            query={this.query}\n          />\n          {!this.rightToLeftOrientation && (\n            <searchcraft-button onButtonClick={this.handleFormSubmit} />\n          )}\n        </div>\n        {this.error && (\n          <searchcraft-error-message errorMessage={this.errorMessage} />\n        )}\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/searchcraft-button-icon.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-0d9f850d.js';
+
+const SearchcraftButtonIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("svg", { key: 'f9436b04edcceb412ba9f81dec897e6075f22007', width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'button-icon-title' }, h("title", { key: 'a9c430e91b2ab60a128393dda5d788e4de4a0401', id: 'button-icon-title' }, "Searchcraft Button Icon"), h("path", { key: '52a99156089e2cbf7de1f355bea2ffafd1b66dde', d: 'M2.725 5.79959L10 10.0079L17.275 5.79959M10 18.3996V9.99959M17.5 13.3329V6.66626C17.4997 6.37399 17.4225 6.08693 17.2763 5.8339C17.13 5.58086 16.9198 5.37073 16.6667 5.22459L10.8333 1.89126C10.58 1.74498 10.2926 1.66797 10 1.66797C9.70744 1.66797 9.42003 1.74498 9.16667 1.89126L3.33333 5.22459C3.08022 5.37073 2.86998 5.58086 2.72372 5.8339C2.57745 6.08693 2.5003 6.37399 2.5 6.66626V13.3329C2.5003 13.6252 2.57745 13.9123 2.72372 14.1653C2.86998 14.4183 3.08022 14.6285 3.33333 14.7746L9.16667 18.1079C9.42003 18.2542 9.70744 18.3312 10 18.3312C10.2926 18.3312 10.58 18.2542 10.8333 18.1079L16.6667 14.7746C16.9198 14.6285 17.13 14.4183 17.2763 14.1653C17.4225 13.9123 17.4997 13.6252 17.5 13.3329Z', stroke: 'white', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
+    }
+};
+
+export { SearchcraftButtonIcon as searchcraft_button_icon };
+
+//# sourceMappingURL=searchcraft-button-icon.entry.js.map

package/dist/esm/searchcraft-button-icon.entry.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-button-icon.entry.js","mappings":";;MAMa,qBAAqB;;;;IAChC,MAAM;QACJ,QACE,4DACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,mBAAmB,IAEnC,8DAAO,EAAE,EAAC,mBAAmB,8BAAgC,EAC7D,6DACE,CAAC,EAAC,8rBAA8rB,EAChsB,MAAM,EAAC,OAAO,kBACD,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;KACH;;;;;","names":[],"sources":["src/assets/searchcraft-button-icons.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-button-icon',\n  shadow: true,\n})\nexport class SearchcraftButtonIcon {\n  render() {\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='button-icon-title'\n      >\n        <title id='button-icon-title'>Searchcraft Button Icon</title>\n        <path\n          d='M2.725 5.79959L10 10.0079L17.275 5.79959M10 18.3996V9.99959M17.5 13.3329V6.66626C17.4997 6.37399 17.4225 6.08693 17.2763 5.8339C17.13 5.58086 16.9198 5.37073 16.6667 5.22459L10.8333 1.89126C10.58 1.74498 10.2926 1.66797 10 1.66797C9.70744 1.66797 9.42003 1.74498 9.16667 1.89126L3.33333 5.22459C3.08022 5.37073 2.86998 5.58086 2.72372 5.8339C2.57745 6.08693 2.5003 6.37399 2.5 6.66626V13.3329C2.5003 13.6252 2.57745 13.9123 2.72372 14.1653C2.86998 14.4183 3.08022 14.6285 3.33333 14.7746L9.16667 18.1079C9.42003 18.2542 9.70744 18.3312 10 18.3312C10.2926 18.3312 10.58 18.2542 10.8333 18.1079L16.6667 14.7746C16.9198 14.6285 17.13 14.4183 17.2763 14.1653C17.4225 13.9123 17.4997 13.6252 17.5 13.3329Z'\n          stroke='white'\n          stroke-width='1.5'\n          stroke-linecap='round'\n          stroke-linejoin='round'\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/searchcraft-button.entry.js

@@ -0,0 +1,33 @@
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-0d9f850d.js';
+import { c as classNames } from './index-72ac5051.js';
+
+const searchcraftButtonModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.buttonLight{border-radius:8px;display:flex;font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;padding:11px 20px;position:relative;background-color:#000;border:1px solid #E6E6E6;color:#FFF}.buttonLight:hover{cursor:pointer}.buttonLight:hover{background-color:#2E2E2E}.buttonLight:focus{outline:2px solid #000000}.buttonDark{border-radius:8px;display:flex;font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;padding:11px 20px;position:relative;background-color:#FFF;border:1px solid #404040;color:#292929}.buttonDark:hover{cursor:pointer}.buttonDark:hover{background-color:#FAFAFA}.buttonDark:focus{outline:2px solid #404040}.spinnerMarginRight{left:4px;margin-right:4px;position:absolute}.spinnerMarginLeft{left:4px;margin-left:4px;position:absolute}.buttonLabel{animation:right-and-back 0.2s;margin-left:4px;position:relative}@keyframes right-and-back{0%{right:-6px}50%{right:-12px}75%{right:-6px}100%{right:0px}}";
+const SearchcraftButtonStyle0 = searchcraftButtonModuleCss;
+
+const SearchcraftButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.buttonClick = createEvent(this, "buttonClick", 7);
+        this.handleClick = () => {
+            this.buttonClick.emit(); // Emit the event instead of calling a function
+        };
+        this.iconElement = undefined;
+        this.iconOnly = false;
+        this.iconPosition = 'left';
+        this.label = 'Search';
+        this.isRequesting = false;
+        this.theme = 'light';
+    }
+    getButtonStyle() {
+        return this.theme === 'light' ? 'buttonLight' : 'buttonDark';
+    }
+    render() {
+        const buttonStyle = this.getButtonStyle();
+        return (h(Fragment, { key: 'f10a9faa6357ef626c4e5414a5c8bdc1fe0b63a1' }, this.iconOnly ? (h("button", { class: classNames(buttonStyle, 'searchcraft-button'), onClick: this.handleClick, type: 'submit' }, this.isRequesting ? (h("searchcraft-spinner-dark", null)) : (this.iconElement))) : (h("button", { class: classNames(buttonStyle, 'searchcraft-button'), onClick: this.handleClick, type: 'submit' }, this.iconPosition === 'left' && this.isRequesting ? (h("div", { class: 'spinner-margin-right' }, h("searchcraft-spinner-dark", null))) : (this.iconElement), h("span", { class: classNames(this.isRequesting && 'button-label', 'searchcraft-button-label') }, this.label)))));
+    }
+};
+SearchcraftButton.style = SearchcraftButtonStyle0;
+
+export { SearchcraftButton as searchcraft_button };
+
+//# sourceMappingURL=searchcraft-button.entry.js.map

package/dist/esm/searchcraft-button.entry.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-button.entry.js","mappings":";;;AAAA,MAAM,0BAA0B,GAAG,y/BAAy/B,CAAC;AAC7hC,gCAAe,0BAA0B;;MCe5B,iBAAiB;;;;QAepB,gBAAW,GAAG;YACpB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;;wBAfiB,KAAK;4BACD,MAAM;qBACb,QAAQ;4BAIA,KAAK;qBACZ,OAAO;;IAEhB,cAAc;QACpB,OAAO,IAAI,CAAC,KAAK,KAAK,OAAO,GAAG,aAAa,GAAG,YAAY,CAAC;KAC9D;IAMD,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAE1C,QACE,EAAC,QAAQ,uDACN,IAAI,CAAC,QAAQ,IACZ,cACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,oBAAoB,CAAC,EACpD,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,IAChB,mCAA4B,KAE5B,IAAI,CAAC,WAAW,CACjB,CACM,KAET,cACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,oBAAoB,CAAC,EACpD,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,IAChD,WAAK,KAAK,EAAC,sBAAsB,IAC/B,mCAA4B,CACxB,KAEN,IAAI,CAAC,WAAW,CACjB,EACD,YACE,KAAK,EAAE,UAAU,CACf,IAAI,CAAC,YAAY,IAAI,cAAc,EACnC,0BAA0B,CAC3B,IAEA,IAAI,CAAC,KAAK,CACN,CACA,CACV,CACQ,EACX;KACH;;;;;;","names":[],"sources":["src/components/searchcraft-button/searchcraft-button.module.scss?tag=searchcraft-button&encapsulation=shadow","src/components/searchcraft-button/searchcraft-button.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin button-base {\n  border-radius: 8px;\n  display: flex;\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 20px;\n  padding: 11px 20px;\n  position: relative;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.buttonLight {\n  @include button-base;\n  background-color: $light-background;\n  border: 1px solid $light-button-border;\n  color: $light-button-color;\n\n  &:hover {\n    background-color: $light-button-hover;\n  }\n\n  &:focus {\n    outline: 2px solid $light-button-outline-focus;\n  }\n}\n\n.buttonDark {\n  @include button-base;\n  background-color: $dark-background;\n  border: 1px solid $dark-button-border;\n  color: $dark-button-color;\n\n  &:hover {\n    background-color: $dark-button-hover;\n  }\n\n  &:focus {\n    outline: 2px solid $dark-button-outline-focus;\n  }\n}\n\n.spinnerMarginRight {\n  left: 4px;\n  margin-right: 4px;\n  position: absolute;\n}\n\n.spinnerMarginLeft {\n  left: 4px;\n  margin-left: 4px;\n  position: absolute;\n}\n\n.buttonLabel {\n  animation: right-and-back .2s;\n  margin-left: 4px;\n  position: relative;\n}\n\n@keyframes right-and-back {\n  0% { right: -6px; }\n  50% { right: -12px; }\n  75% { right: -6px; }\n  100% {right: 0px; }\n}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  State,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-button',\n  styleUrl: 'searchcraft-button.module.scss',\n  shadow: true,\n})\nexport class SearchcraftButton {\n  @Prop() iconElement?: Element;\n  @Prop() iconOnly = false;\n  @Prop() iconPosition = 'left';\n  @Prop() label = 'Search';\n\n  @Event() buttonClick!: EventEmitter<void>;\n\n  @State() isRequesting = false;\n  @State() theme = 'light';\n\n  private getButtonStyle() {\n    return this.theme === 'light' ? 'buttonLight' : 'buttonDark';\n  }\n\n  private handleClick = () => {\n    this.buttonClick.emit(); // Emit the event instead of calling a function\n  };\n\n  render() {\n    const buttonStyle = this.getButtonStyle();\n\n    return (\n      <Fragment>\n        {this.iconOnly ? (\n          <button\n            class={classNames(buttonStyle, 'searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.isRequesting ? (\n              <searchcraft-spinner-dark />\n            ) : (\n              this.iconElement\n            )}\n          </button>\n        ) : (\n          <button\n            class={classNames(buttonStyle, 'searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.iconPosition === 'left' && this.isRequesting ? (\n              <div class='spinner-margin-right'>\n                <searchcraft-spinner-dark />\n              </div>\n            ) : (\n              this.iconElement\n            )}\n            <span\n              class={classNames(\n                this.isRequesting && 'button-label',\n                'searchcraft-button-label',\n              )}\n            >\n              {this.label}\n            </span>\n          </button>\n        )}\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/searchcraft-javascript-sdk.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-c97f8c28.js';
-export { s as setNonce } from './index-c97f8c28.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-0d9f850d.js';
+export { s as setNonce } from './index-0d9f850d.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["sc-base-search-form_11",[[1,"sc-base-search-form",{"config":[16],"errorMessage":[1,"error-message"],"labelForInput":[1,"label-for-input"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"error":[32],"query":[32],"searchResults":[32]}],[1,"sc-base-search-results",{"query":[32],"searchResults":[32]}],[1,"sc-button",{"iconElement":[16],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"label":[1],"isRequesting":[32],"theme":[32]}],[1,"sc-base-search-result",{"buttonCallbackFn":[16],"buttonLabel":[1,"button-label"],"callbackFn":[16],"imageAltText":[1,"image-alt-text"],"imageSrc":[1,"image-src"],"interactiveResult":[4,"interactive-result"],"keyDownCallbackFn":[16],"resultBodyContent":[1,"result-body-content"],"resultHeading":[1,"result-heading"],"resultSubheading":[1,"result-subheading"],"theme":[1]}],[1,"sc-input-label",{"inputLabelClassName":[1,"input-label-class-name"],"label":[1],"theme":[32]}],[1,"sc-input",{"error":[4],"formClassName":[1,"form-class-name"],"inputCaptionClassName":[1,"input-caption-class-name"],"inputCaptionValue":[1,"input-caption-value"],"inputClassName":[1,"input-class-name"],"placeholderValue":[1,"placeholder-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"query":[1],"theme":[32]}],[1,"sc-error-message",{"errorMessage":[1,"error-message"],"theme":[1]}],[1,"sc-spinner-dark"],[1,"sc-clear-input-button",{"isRequesting":[4,"is-requesting"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}],[1,"sc-input-caption",{"error":[4],"inputCaptionClassName":[1,"input-caption-class-name"],"inputCaptionValue":[1,"input-caption-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}],[1,"sc-input-icon",{"error":[4],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}]]],["sc-auto-search-form",[[1,"sc-auto-search-form",{"autoSearchFormClass":[1,"auto-search-form-class"],"clearInput":[16],"config":[16],"inputCaptionValue":[1,"input-caption-value"],"labelForInput":[1,"label-for-input"],"placeholderValue":[1,"placeholder-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"searchContainerClass":[1,"search-container-class"],"error":[32],"query":[32],"searchResults":[32]}]]],["sc-spinner-light",[[1,"sc-spinner-light"]]]], options);
+  return bootstrapLazy([["searchcraft-auto-search-form_13",[[1,"searchcraft-auto-search-form",{"autoSearchFormClass":[1,"auto-search-form-class"],"clearInput":[16],"config":[16],"customStylesForInput":[1,"custom-styles-for-input"],"inputCaptionValue":[1,"input-caption-value"],"labelForInput":[1,"label-for-input"],"placeholderValue":[1,"placeholder-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"searchContainerClass":[1,"search-container-class"],"error":[32],"query":[32],"searchResults":[32]}],[1,"searchcraft-base-search-results",{"query":[32],"searchResults":[32]}],[1,"searchcraft-base-search-result",{"buttonCallbackFn":[16],"buttonLabel":[1,"button-label"],"callbackFn":[16],"imageAltText":[1,"image-alt-text"],"imageSrc":[1,"image-src"],"interactiveResult":[4,"interactive-result"],"keyDownCallbackFn":[16],"resultBodyContent":[1,"result-body-content"],"resultHeading":[1,"result-heading"],"resultSubheading":[1,"result-subheading"],"theme":[1]}],[1,"searchcraft-input",{"customStyles":[1,"custom-styles"],"error":[4],"formClassName":[1,"form-class-name"],"inputCaptionClassName":[1,"input-caption-class-name"],"inputCaptionValue":[1,"input-caption-value"],"inputClassName":[1,"input-class-name"],"placeholderValue":[1,"placeholder-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"query":[1],"theme":[32]}],[1,"searchcraft-input-label",{"inputLabelClassName":[1,"input-label-class-name"],"label":[1],"theme":[32]}],[1,"searchcraft-clear-input-button",{"isRequesting":[4,"is-requesting"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}],[1,"searchcraft-input-icon",{"error":[4],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}],[1,"searchcraft-error-message",{"errorMessage":[1,"error-message"],"theme":[1]}],[1,"searchcraft-input-caption",{"error":[4],"inputCaptionClassName":[1,"input-caption-class-name"],"inputCaptionValue":[1,"input-caption-value"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"theme":[32]}],[1,"searchcraft-search-icon-set",{"type":[1]}],[1,"searchcraft-spinner-light"],[1,"searchcraft-spinner-dark"],[1,"searchcraft-clear-icon-set",{"type":[1]}]]],["searchcraft-base-search-form",[[1,"searchcraft-base-search-form",{"config":[16],"errorMessage":[1,"error-message"],"labelForInput":[1,"label-for-input"],"rightToLeftOrientation":[4,"right-to-left-orientation"],"error":[32],"query":[32],"searchResults":[32]}]]],["searchcraft-button-icon",[[1,"searchcraft-button-icon"]]],["searchcraft-button",[[1,"searchcraft-button",{"iconElement":[16],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"label":[1],"isRequesting":[32],"theme":[32]}]]]], options);
 });
 
 //# sourceMappingURL=searchcraft-javascript-sdk.js.map

package/dist/esm/utils-f221d91f.js

@@ -0,0 +1,21 @@
+/**
+ * Utility function to parse custom styles from a string or object.
+ * @param styles - Custom styles as a stringified JSON or an object.
+ * @returns {Record<string, string>} - Parsed styles as an object.
+ */
+function parseCustomStyles(styles) {
+    if (typeof styles === 'string') {
+        try {
+            return JSON.parse(styles);
+        }
+        catch (error) {
+            console.error('Invalid customStyles format:', styles);
+            return {};
+        }
+    }
+    return styles || {};
+}
+
+export { parseCustomStyles as p };
+
+//# sourceMappingURL=utils-f221d91f.js.map

package/dist/esm/utils-f221d91f.js.map

@@ -0,0 +1 @@
+{"file":"utils-f221d91f.js","mappings":"AAAA;;;;;SAKgB,iBAAiB,CAC/B,MAAuC;IAEvC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,IAAI;YACF,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC3B;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,MAAM,CAAC,CAAC;YACtD,OAAO,EAAE,CAAC;SACX;KACF;IACD,OAAO,MAAM,IAAI,EAAE,CAAC;AACtB;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["/**\n * Utility function to parse custom styles from a string or object.\n * @param styles - Custom styles as a stringified JSON or an object.\n * @returns {Record<string, string>} - Parsed styles as an object.\n */\nexport function parseCustomStyles(\n  styles: string | Record<string, string>,\n): Record<string, string> {\n  if (typeof styles === 'string') {\n    try {\n      return JSON.parse(styles);\n    } catch (error) {\n      console.error('Invalid customStyles format:', styles);\n      return {};\n    }\n  }\n  return styles || {};\n}\n"],"version":3}

package/dist/searchcraft-javascript-sdk/index.esm.js

@@ -1,2 +1,2 @@
-export{u as useSearchcraftStore,a as useThemeStore}from"./p-6f0eaec6.js";
+export{p as parseCustomStyles}from"./p-1ef23e15.js";export{u as useSearchcraftStore,a as useThemeStore}from"./p-6f0eaec6.js";
 //# sourceMappingURL=index.esm.js.map

package/dist/searchcraft-javascript-sdk/p-0a8c2538.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as e}from"./p-329c3f66.js";import{u as a,a as i,g as h}from"./p-6f0eaec6.js";const c=".formLTR{font-family:Helvetica, Arial, sans-serif;text-align:left}.formRTL{font-family:Helvetica, Arial, sans-serif;text-align:right}.searchContainer{align-items:center;display:flex}";const r=c;const f=class{constructor(e){t(this,e);this.clearInput=s(this,"clearInput",7);this.clearInput=()=>{};this.searchStore=a.getState();this.themeStore=i.getState();this.componentDidLoad=()=>{const t=new h(this.config);this.searchStore.initialize(t,true)};this.handleFormSubmit=async t=>{t.preventDefault();if(this.query.trim()===""){this.error=true}else{this.error=false;this.searchStore.setQuery(this.query);await this.searchStore.search();this.searchResults=JSON.stringify(this.searchStore.searchResults)}};this.handleSearchInputChange=t=>{this.query=t.detail};this.handleClearInput=()=>{this.query="";this===null||this===void 0?void 0:this.clearInput()};this.toggleTheme=()=>{this.themeStore.toggleTheme()};this.config={apiKey:"",endpointURL:"",index:[]};this.errorMessage="Search was unsuccessful";this.labelForInput="Search";this.rightToLeftOrientation=false;this.error=false;this.query="";this.searchResults=null}render(){return e("form",{key:"6460e91d9c4a48c40476c18762b8b4873c157653",class:this.rightToLeftOrientation?"formRTL":"formLTR",onSubmit:this.handleFormSubmit},e("searchcraft-input-label",{key:"9d0a89868c4dafae20e7437101c5639466fc2ffa",label:this.labelForInput}),e("div",{key:"441c0923111995fc0b04b0acb799ade4b2018be0",class:"searchContainer"},this.rightToLeftOrientation&&e("searchcraft-button",{key:"2a0dc24c906917cd1ec5bd605e25a0a67bffee21"}),e("searchcraft-input",{key:"6744a36c97e03fbd10cc354653e32f0f7eac1c00",onClearInput:this.handleClearInput,rightToLeftOrientation:this.rightToLeftOrientation,onSearchInputChange:this.handleSearchInputChange,query:this.query}),!this.rightToLeftOrientation&&e("searchcraft-button",{key:"50ea437efebe7a62d6122fb6a76942861003884a",onButtonClick:this.handleFormSubmit})),this.error&&e("searchcraft-error-message",{key:"ae4b2fa7d874771af0b88757244abe5d50679d55",errorMessage:this.errorMessage}))}};f.style=r;export{f as searchcraft_base_search_form};
+//# sourceMappingURL=p-0a8c2538.entry.js.map

package/dist/searchcraft-javascript-sdk/p-0a8c2538.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["searchcraftBaseSearchFormModuleCss","SearchcraftBaseSearchFormStyle0","SearchcraftBaseSearchForm","this","clearInput","searchStore","useSearchcraftStore","getState","themeStore","useThemeStore","componentDidLoad","searchcraft","SearchcraftCore","config","initialize","handleFormSubmit","async","event","preventDefault","query","trim","error","setQuery","search","searchResults","JSON","stringify","handleSearchInputChange","detail","handleClearInput","toggleTheme","apiKey","endpointURL","index","render","h","key","class","rightToLeftOrientation","onSubmit","label","labelForInput","onClearInput","onSearchInputChange","onButtonClick","errorMessage"],"sources":["src/components/searchcraft-base-search-form/searchcraft-base-search-form.module.scss?tag=searchcraft-base-search-form&encapsulation=shadow","src/components/searchcraft-base-search-form/searchcraft-base-search-form.tsx"],"sourcesContent":[".formLTR {\n  font-family: Helvetica, Arial, sans-serif;\n  text-align: left;\n}\n\n.formRTL {\n  font-family: Helvetica, Arial, sans-serif;\n  text-align: right;\n}\n\n.searchContainer {\n  align-items: center;\n  display: flex;\n}","import { Component, h, Event, Prop, State } from '@stencil/core';\nimport {\n  type CoreConfigSDK,\n  CoreSDK as SearchcraftCore,\n} from '@searchcraft/core';\n\nimport { useSearchcraftStore, useThemeStore } from '@provider/store';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\n\n@Component({\n  tag: 'searchcraft-base-search-form',\n  styleUrl: 'searchcraft-base-search-form.module.scss',\n  shadow: true,\n})\nexport class SearchcraftBaseSearchForm {\n  @Prop() config: CoreConfigSDK = {\n    apiKey: '',\n    endpointURL: '',\n    index: [],\n  };\n  @Prop() errorMessage = 'Search was unsuccessful';\n  @Prop() labelForInput = 'Search';\n  @Prop() rightToLeftOrientation = false;\n\n  @Event() clearInput = () => {};\n\n  @State() error = false;\n  @State() query = '';\n  @State() searchResults: string | null = null;\n\n  private searchStore = useSearchcraftStore.getState();\n  private themeStore = useThemeStore.getState();\n\n  componentDidLoad = () => {\n    const searchcraft = new SearchcraftCore(this.config);\n    this.searchStore.initialize(searchcraft, true);\n  };\n\n  handleFormSubmit = async (event) => {\n    event.preventDefault();\n    if (this.query.trim() === '') {\n      this.error = true;\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query);\n      await this.searchStore.search();\n      this.searchResults = JSON.stringify(this.searchStore.searchResults);\n    }\n  };\n\n  handleSearchInputChange = (event: ScInputCustomEvent<string>) => {\n    this.query = event.detail;\n  };\n\n  handleClearInput = () => {\n    this.query = '';\n    this?.clearInput();\n  };\n\n  toggleTheme = () => {\n    this.themeStore.toggleTheme();\n  };\n\n  render() {\n    return (\n      <form\n        class={this.rightToLeftOrientation ? 'formRTL' : 'formLTR'}\n        onSubmit={this.handleFormSubmit}\n      >\n        <searchcraft-input-label label={this.labelForInput} />\n        <div class='searchContainer'>\n          {this.rightToLeftOrientation && <searchcraft-button />}\n          <searchcraft-input\n            onClearInput={this.handleClearInput}\n            rightToLeftOrientation={this.rightToLeftOrientation}\n            onSearchInputChange={this.handleSearchInputChange}\n            query={this.query}\n          />\n          {!this.rightToLeftOrientation && (\n            <searchcraft-button onButtonClick={this.handleFormSubmit} />\n          )}\n        </div>\n        {this.error && (\n          <searchcraft-error-message errorMessage={this.errorMessage} />\n        )}\n      </form>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAqC,yLAC3C,MAAAC,EAAeD,E,MCcFE,EAAyB,M,gEAU3BC,KAAAC,WAAa,OAMdD,KAAAE,YAAcC,EAAoBC,WAClCJ,KAAAK,WAAaC,EAAcF,WAEnCJ,KAAAO,iBAAmB,KACjB,MAAMC,EAAc,IAAIC,EAAgBT,KAAKU,QAC7CV,KAAKE,YAAYS,WAAWH,EAAa,KAAK,EAGhDR,KAAAY,iBAAmBC,MAAOC,IACxBA,EAAMC,iBACN,GAAIf,KAAKgB,MAAMC,SAAW,GAAI,CAC5BjB,KAAKkB,MAAQ,I,KACR,CACLlB,KAAKkB,MAAQ,MACblB,KAAKE,YAAYiB,SAASnB,KAAKgB,aACzBhB,KAAKE,YAAYkB,SACvBpB,KAAKqB,cAAgBC,KAAKC,UAAUvB,KAAKE,YAAYmB,c,GAIzDrB,KAAAwB,wBAA2BV,IACzBd,KAAKgB,MAAQF,EAAMW,MAAM,EAG3BzB,KAAA0B,iBAAmB,KACjB1B,KAAKgB,MAAQ,GACbhB,OAAI,MAAJA,YAAI,SAAJA,KAAMC,YAAY,EAGpBD,KAAA2B,YAAc,KACZ3B,KAAKK,WAAWsB,aAAa,E,YA7CC,CAC9BC,OAAQ,GACRC,YAAa,GACbC,MAAO,I,kBAEc,0B,mBACC,S,4BACS,M,WAIhB,M,WACA,G,mBACuB,I,CAmCxC,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAOlC,KAAKmC,uBAAyB,UAAY,UACjDC,SAAUpC,KAAKY,kBAEfoB,EAAA,2BAAAC,IAAA,2CAAyBI,MAAOrC,KAAKsC,gBACrCN,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACRlC,KAAKmC,wBAA0BH,EAAA,sBAAAC,IAAA,6CAChCD,EAAA,qBAAAC,IAAA,2CACEM,aAAcvC,KAAK0B,iBACnBS,uBAAwBnC,KAAKmC,uBAC7BK,oBAAqBxC,KAAKwB,wBAC1BR,MAAOhB,KAAKgB,SAEZhB,KAAKmC,wBACLH,EAAA,sBAAAC,IAAA,2CAAoBQ,cAAezC,KAAKY,oBAG3CZ,KAAKkB,OACJc,EAAA,6BAAAC,IAAA,2CAA2BS,aAAc1C,KAAK0C,e","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-1ef23e15.js

@@ -0,0 +1,2 @@
+function t(t){if(typeof t==="string"){try{return JSON.parse(t)}catch(r){console.error("Invalid customStyles format:",t);return{}}}return t||{}}export{t as p};
+//# sourceMappingURL=p-1ef23e15.js.map

package/dist/searchcraft-javascript-sdk/p-1ef23e15.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseCustomStyles","styles","JSON","parse","error","console"],"sources":["src/utils/utils.ts"],"sourcesContent":["/**\n * Utility function to parse custom styles from a string or object.\n * @param styles - Custom styles as a stringified JSON or an object.\n * @returns {Record<string, string>} - Parsed styles as an object.\n */\nexport function parseCustomStyles(\n  styles: string | Record<string, string>,\n): Record<string, string> {\n  if (typeof styles === 'string') {\n    try {\n      return JSON.parse(styles);\n    } catch (error) {\n      console.error('Invalid customStyles format:', styles);\n      return {};\n    }\n  }\n  return styles || {};\n}\n"],"mappings":"SAKgBA,EACdC,GAEA,UAAWA,IAAW,SAAU,CAC9B,IACE,OAAOC,KAAKC,MAAMF,E,CAClB,MAAOG,GACPC,QAAQD,MAAM,+BAAgCH,GAC9C,MAAO,E,EAGX,OAAOA,GAAU,EACnB,Q","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-329c3f66.js

@@ -0,0 +1,3 @@
+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:false,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:false,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:false,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:false};var n=Object.defineProperty;var s=(e,t)=>{for(var s in t)n(e,s,{get:t[s],enumerable:true})};var r=new WeakMap;var l=e=>r.get(e);var o=(e,t)=>r.set(t.t=e,t);var i=(e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map};{n.u=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}return r.set(e,n)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,n)=>{const s=e.p.replace(/-/g,"_");const r=e.h;if(!r){return void 0}const l=c.get(r);if(l){return l[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{c.set(r,e)}return e[s]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var h=typeof window!=="undefined"?window:{};var m=h.document||{head:{}};var y={l:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),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 S=[];var $=[];var k=(e,t)=>n=>{e.push(n);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(S);{C($);if(g=S.length>0){y.raf(j)}}};var x=e=>b().then(e);var O=k($,true);var E={};var D="http://www.w3.org/2000/svg";var T="http://www.w3.org/1999/xhtml";var L=e=>e!=null;var M=e=>{e=typeof e;return e==="object"||e==="function"};function F(e){var t,n,s;return(s=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?s:void 0}var R={};s(R,{err:()=>P,map:()=>N,ok:()=>A,unwrap:()=>U,unwrapErr:()=>W});var A=e=>({isOk:true,isErr:false,value:e});var P=e=>({isOk:false,isErr:true,value:e});function N(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>A(e)))}else{return A(n)}}if(e.isErr){const t=e.value;return P(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,...n)=>{let s=null;let r=null;let l=false;let o=false;const i=[];const a=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){a(s)}else if(s!=null&&typeof s!=="boolean"){if(l=typeof e!=="function"&&!M(s)){s=String(s)}if(l&&o){i[i.length-1].S+=s}else{i.push(l?Q(null,s):s)}o=l}}};a(n);if(t){if(t.key){r=t.key}{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,i,I)}const f=Q(e,null);f.$=t;if(i.length>0){f.k=i}{f.C=r}return f};var Q=(e,t)=>{const n={l:0,j:e,S:t,O:null,k:null};{n.$=null}{n.C=null}return n};var q={};var G=e=>e&&e.j===q;var I={forEach:(e,t)=>e.map(K).forEach(t),map:(e,t)=>e.map(K).map(t).map(V)};var K=e=>({vattrs:e.$,vchildren:e.k,vkey:e.C,vname:e.D,vtag:e.j,vtext:e.S});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=Q(e.vtag,e.vtext);t.$=e.vattrs;t.k=e.vchildren;t.C=e.vkey;t.D=e.vname;return t};var X=(e,t)=>{if(e!=null&&!M(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&1){return String(e)}return e}return e};var _=e=>l(e).$hostElement$;var J=(e,t,n)=>{const s=_(e);return{emit:e=>Y(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var Y=(e,t,n)=>{const s=y.ce(t,n);e.dispatchEvent(s);return s};var Z=new WeakMap;var ee=(e,t,n)=>{let s=v.get(e);if(w&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}v.set(e,s)};var te=(e,t,n)=>{var s;const r=se(t);const l=v.get(r);e=e.nodeType===11?e:m;if(l){if(typeof l==="string"){e=e.head||e;let n=Z.get(e);let o;if(!n){Z.set(e,n=new Set)}if(!n.has(r)){{o=m.createElement("style");o.innerHTML=l;const n=(s=y.T)!=null?s:F(m);if(n!=null){o.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,n)}else if("host"in e){if(w){const t=new CSSStyleSheet;t.replaceSync(l);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=l+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+=p}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return r};var ne=e=>{const t=e.o;const n=e.$hostElement$;const s=t.l;const r=H("attachStyles",t.p);const l=te(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10&&s&2){n["s-sc"]=l;n.classList.add(l+"-h")}r()};var se=(e,t)=>"sc-"+e.p;var re=(e,t,n,s,r,l)=>{if(n!==s){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const r=oe(n);const l=oe(s);t.remove(...r.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!r.includes(e))))}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(h,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(n||s){const r=t.endsWith(ie);t=t.replace(ae,"");if(n){y.rel(e,t,n,r)}if(s){y.ael(e,t,s,r)}}}else{const i=M(s);if((o||i&&s!==null)&&!r){try{if(!e.tagName.includes("-")){const r=s==null?"":s;if(t==="list"){o=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else{e[t]=s}}catch(e){}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||l&4||r)&&!i){s=s===true?"":s;{e.setAttribute(t,s)}}}}};var le=/\s/;var oe=e=>!e?[]:e.split(le);var ie="Capture";var ae=new RegExp(ie+"$");var fe=(e,t,n)=>{const s=t.O.nodeType===11&&t.O.host?t.O.host:t.O;const r=e&&e.$||E;const l=t.$||E;{for(const e of ce(Object.keys(r))){if(!(e in l)){re(s,e,r[e],void 0,n,t.l)}}}for(const e of ce(Object.keys(l))){re(s,e,r[e],l[e],n,t.l)}};function ce(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ue;var ve;var de=false;var pe=false;var he=(e,n,s,r)=>{const l=n.k[s];let o=0;let i;let a;if(l.S!==null){i=l.O=m.createTextNode(l.S)}else{if(!pe){pe=l.j==="svg"}i=l.O=m.createElementNS(pe?D:T,!de&&t.slotRelocation&&l.l&2?"slot-fb":l.j);if(pe&&l.j==="foreignObject"){pe=false}{fe(null,l,pe)}const n=i.getRootNode();const s=!n.querySelector("body");if(!s&&t.scoped&&L(ue)&&i["s-si"]!==ue){i.classList.add(i["s-si"]=ue)}if(l.k){for(o=0;o<l.k.length;++o){a=he(e,l,o);if(a){i.appendChild(a)}}}{if(l.j==="svg"){pe=false}else if(i.tagName==="foreignObject"){pe=true}}}i["s-hn"]=ve;return i};var me=(e,t,n,s,r,l)=>{let o=e;let i;if(o.shadowRoot&&o.tagName===ve){o=o.shadowRoot}for(;r<=l;++r){if(s[r]){i=he(null,n,r);if(i){s[r].O=i;Se(o,i,t)}}}};var ye=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.O;if(e){e.remove()}}}};var be=(e,t,n,s,r=false)=>{let l=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=s.length-1;let d=s[0];let p=s[v];let h;let m;while(l<=f&&o<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=s[++o]}else if(p==null){p=s[--v]}else if(we(c,d,r)){ge(c,d,r);c=t[++l];d=s[++o]}else if(we(u,p,r)){ge(u,p,r);u=t[--f];p=s[--v]}else if(we(c,p,r)){ge(c,p,r);Se(e,c.O,u.O.nextSibling);c=t[++l];p=s[--v]}else if(we(u,d,r)){ge(u,d,r);Se(e,u.O,c.O);u=t[--f];d=s[++o]}else{i=-1;{for(a=l;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.j!==d.j){h=he(t&&t[o],n,i)}else{ge(m,d,r);t[i]=void 0;h=m.O}d=s[++o]}else{h=he(t&&t[o],n,o);d=s[++o]}if(h){{Se(c.O.parentNode,h,c.O)}}}}if(l>f){me(e,s[v+1]==null?null:s[v+1].O,n,s,o,v)}else if(o>v){ye(t,l,f)}};var we=(e,t,n=false)=>{if(e.j===t.j){if(!n){return e.C===t.C}return true}return false};var ge=(e,n,s=false)=>{const r=n.O=e.O;const l=e.k;const o=n.k;const i=n.j;const a=n.S;if(a===null){{pe=i==="svg"?true:i==="foreignObject"?false:pe}{{fe(e,n,pe)}}if(l!==null&&o!==null){be(r,l,n,o,s)}else if(o!==null){if(e.S!==null){r.textContent=""}me(r,null,n,o,0,o.length-1)}else if(!s&&t.updatable&&l!==null){ye(l,0,l.length-1)}if(pe&&i==="svg"){pe=false}}else if(e.S!==a){r.data=a}};var Se=(e,t,n)=>{const s=e==null?void 0:e.insertBefore(t,n);return s};var $e=(e,t,n=false)=>{const s=e.$hostElement$;const r=e.o;const l=e.L||Q(null,null);const o=G(t)?t:B(null,null,t);ve=s.tagName;if(n&&o.$){for(const e of Object.keys(o.$)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.$[e]=s[e]}}}o.j=null;o.l|=4;e.L=o;o.O=l.O=s.shadowRoot||s;{ue=s["s-sc"]}de=(r.l&1)!==0;ge(l,o,n)};var ke=(e,t)=>{if(t&&!e.M&&t["s-p"]){t["s-p"].push(new Promise((t=>e.M=t)))}};var Ce=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}ke(e,e.F);const n=()=>je(e,t);return O(n)};var je=(e,t)=>{const n=e.$hostElement$;const s=H("scheduleUpdate",e.o.p);const r=e.t;if(!r){throw new Error(`Can't render component <${n.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 l;s();return xe(l,(()=>Ee(e,r,t)))};var xe=(e,t)=>Oe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Oe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ee=async(e,t,n)=>{var s;const r=e.$hostElement$;const l=H("update",e.o.p);const o=r["s-rc"];if(n){ne(e)}const i=H("render",e.o.p);{De(e,t,r,n)}if(o){o.map((e=>e()));r["s-rc"]=void 0}i();l();{const t=(s=r["s-p"])!=null?s:[];const n=()=>Te(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var De=(e,t,n,s)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{$e(e,t,s)}}}}catch(t){f(t,e.$hostElement$)}return null};var Te=e=>{const t=e.o.p;const n=e.$hostElement$;const s=H("postUpdate",t);const r=e.t;const l=e.F;if(!(e.l&64)){e.l|=64;{Fe(n)}{Me(r,"componentDidLoad")}s();{e.v(n);if(!l){Le()}}}else{s()}{if(e.M){e.M();e.M=void 0}if(e.l&512){x((()=>Ce(e,false)))}e.l&=~(4|512)}};var Le=t=>{{Fe(m.documentElement)}x((()=>Y(h,"appload",{detail:{namespace:e}})))};var Me=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e)}}return void 0};var Fe=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Re=(e,t)=>l(e).i.get(t);var Ae=(e,t,n,s)=>{const r=l(e);if(!r){throw new Error(`Couldn't find host element for "${s.p}" 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=r.i.get(t);const i=r.l;const a=r.t;n=X(n,s.R[t][0]);const f=Number.isNaN(o)&&Number.isNaN(n);const c=n!==o&&!f;if((!(i&8)||o===void 0)&&c){r.i.set(t,n);if(a){if((i&(2|16))===2){Ce(r,false)}}}};var Pe=(e,n,s)=>{var r,o;const i=e.prototype;if(n.R||t.watchCallback){const t=Object.entries((r=n.R)!=null?r:{});t.map((([e,[t]])=>{if(t&31||s&2&&t&32){Object.defineProperty(i,e,{get(){return Re(this,e)},set(t){Ae(this,e,t,n)},configurable:true,enumerable:true})}}));if(s&1){const s=new Map;i.attributeChangedCallback=function(e,t,r){y.jmp((()=>{var o;const a=s.get(e);if(this.hasOwnProperty(a)){r=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==r){return}else if(a==null){const s=l(this);const i=s==null?void 0:s.l;if(i&&!(i&8)&&i&128&&r!==t){const l=s.t;const i=(o=n.A)==null?void 0:o[e];i==null?void 0:i.forEach((n=>{if(l[n]!=null){l[n].call(l,r,t,e)}}))}return}this[a]=r===null&&typeof this[a]==="boolean"?false:r}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=n.A)!=null?o:{}),...t.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;s.set(n,e);return n}))]))}}return e};var Ne=async(e,t,n,s)=>{let r;if((t.l&32)===0){t.l|=32;const s=n.h;if(s){const e=u(n);if(e&&"then"in e){const t=z();r=await e;t()}else{r=e}if(!r){throw new Error(`Constructor for "${n.p}#${t.P}" was not found`)}if(!r.isProxied){Pe(r,n,2);r.isProxied=true}const s=H("createInstance",n.p);{t.l|=8}try{new r(t)}catch(e){f(e)}{t.l&=~8}s()}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=se(n);if(!v.has(t)){const s=H("registerStyles",n.p);ee(t,e,!!(n.l&1));s()}}}const l=t.F;const o=()=>Ce(t,true);if(l&&l["s-rc"]){l["s-rc"].push(o)}else{o()}};var Ue=e=>{};var We=e=>{if((y.l&1)===0){const t=l(e);const n=t.o;const s=H("connectedCallback",n.p);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ke(t,t.F=n);break}}}if(n.R){Object.entries(n.R).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ne(e,t,n)}}else{if(t==null?void 0:t.t);else if(t==null?void 0:t.u){t.u.then((()=>Ue()))}}s()}};var He=e=>{{Me(e,"disconnectedCallback")}};var ze=async e=>{if((y.l&1)===0){const t=l(e);if(t==null?void 0:t.t){He(t.t)}else if(t==null?void 0:t.u){t.u.then((()=>He(t.t)))}}};var Be=(e,t={})=>{var n;const s=H();const r=[];const o=t.exclude||[];const a=h.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.m=new URL(t.resourcesUrl||"./",m.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{const n={l:t[0],p:t[1],R:t[2],N:t[3]};if(n.l&4){g=true}{n.R=t[2]}const s=n.p;const f=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.p}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){l(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>We(this)))}}disconnectedCallback(){y.jmp((()=>ze(this)))}componentOnReady(){return l(this).u}};n.h=e[0];if(!o.includes(s)&&!a.get(s)){r.push(s);a.define(s,Pe(f,n,1))}}))}));if(r.length>0){if(g){u.textContent+=p}{u.textContent+=r.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=y.T)!=null?n: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(Le,30)))}}s()};var Qe=(e,t)=>t;var qe=e=>y.T=e;export{Qe as F,Be as b,J as c,B as h,b as p,o as r,qe as s};
+//# sourceMappingURL=p-329c3f66.js.map