@searchcraft/javascript-sdk 0.11.0 → 0.12.0

package/dist/components/searchcraft-theme.js

@@ -9,7 +9,7 @@ const SearchcraftTheme$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftThe
         this.__registerHost();
     }
     render() {
-        return h("style", { key: '7380c677cd9edda898cdfccf8cdb3d60e8602f14' }, styles);
+        return h("style", { key: 'ef26626cdfa4fa98d516802d71443c49a9c6ecf9' }, styles);
     }
 }, [0, "searchcraft-theme"]);
 function defineCustomElement$1() {

package/dist/components/searchcraft-toggle-button.js

@@ -1,4 +1,4 @@
-import { S as SearchcraftToggleButton$1, d as defineCustomElement$1 } from './p-3e41546c.js';
+import { S as SearchcraftToggleButton$1, d as defineCustomElement$1 } from './p-02ad136b.js';
 
 const SearchcraftToggleButton = SearchcraftToggleButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/hydrate/index.js

@@ -5438,6 +5438,16 @@ class SearchcraftPopoverForm {
      * The id of the Searchcraft instance that this component should use.
      */
     searchcraftId;
+    /**
+     * The input element's placeholder value.
+     */
+    placeholderValue = 'Enter Search';
+    /**
+     * The placeholder's render behavior.
+     * 'hide-on-focus' - Hide the placeholder text immediately when the input form gains focus.
+     * 'hide-on-text-entered' - Only hide the placeholder when the input form has text entered into it.
+     */
+    placeholderBehavior;
     isPopoverVisibleInState = false;
     searchClientResponseItems = [];
     adClientResponseItems = [];
@@ -5548,6 +5558,12 @@ class SearchcraftPopoverForm {
                 this.modalElement.popoverResultMappings = this.popoverResultMappings;
                 this.modalElement.setAttribute('type', 'fullscreen');
                 this.modalElement.setAttribute('searchcraft-id', this.searchcraftId);
+                if (this.placeholderValue) {
+                    this.modalElement.setAttribute('placeholder-value', this.placeholderValue);
+                }
+                if (this.placeholderBehavior) {
+                    this.modalElement.setAttribute('placeholder-behavior', this.placeholderBehavior);
+                }
                 document.body.appendChild(this.modalElement);
             }
         }
@@ -5615,20 +5631,20 @@ class SearchcraftPopoverForm {
         const isListViewVisible = this.hasResultsToShow && this.isFocused;
         return (hAsync("div", { class: classNames('searchcraft-popover-form searchcraft-popover-form-inline', {
                 'searchcraft-popover-form-active': isListViewVisible,
-            }) }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-inline-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), searchcraftId: this.searchcraftId })), isListViewVisible && (hAsync("div", { class: 'searchcraft-popover-form-inline-wrapper' }, hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId })))));
+            }) }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-inline-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), searchcraftId: this.searchcraftId, placeholderValue: this.placeholderValue, placeholderBehavior: this.placeholderBehavior })), isListViewVisible && (hAsync("div", { class: 'searchcraft-popover-form-inline-wrapper' }, hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId })))));
     }
     renderModalPopover() {
         if (this.isPopoverVisibleInState) {
             return (hAsync("div", { class: classNames('searchcraft-popover-form searchcraft-popover-form-modal', {
                     'searchcraft-popover-form-active': this.hasResultsToShow,
-                }) }, hAsync("div", { class: 'searchcraft-popover-form-modal-backdrop', onClick: this.handleModalBackdropClick }), hAsync("div", { class: 'searchcraft-popover-form-modal-wrapper' }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-modal-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), onInputInit: this.handleInputInit.bind(this), searchcraftId: this.searchcraftId }), hAsync("button", { type: 'button', class: 'searchcraft-popover-form-cancel-button searchcraft-popover-form-modal-cancel-button', onClick: this.handleCancelButtonClick.bind(this) }, "Cancel")), hAsync("div", { class: 'searchcraft-popover-form-modal-popover-list-view' }, this.hasResultsToShow && (hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }))), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId }))));
+                }) }, hAsync("div", { class: 'searchcraft-popover-form-modal-backdrop', onClick: this.handleModalBackdropClick }), hAsync("div", { class: 'searchcraft-popover-form-modal-wrapper' }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-modal-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), onInputInit: this.handleInputInit.bind(this), searchcraftId: this.searchcraftId, placeholderValue: this.placeholderValue, placeholderBehavior: this.placeholderBehavior }), hAsync("button", { type: 'button', class: 'searchcraft-popover-form-cancel-button searchcraft-popover-form-modal-cancel-button', onClick: this.handleCancelButtonClick.bind(this) }, "Cancel")), hAsync("div", { class: 'searchcraft-popover-form-modal-popover-list-view' }, this.hasResultsToShow && (hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }))), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId }))));
         }
     }
     renderFullscreenPopover() {
         if (this.isPopoverVisibleInState) {
             return (hAsync("div", { class: classNames('searchcraft-popover-form searchcraft-popover-form-fullscreen', {
                     'searchcraft-popover-form-active': this.hasResultsToShow,
-                }) }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-fullscreen-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), onInputInit: this.handleInputInit.bind(this), searchcraftId: this.searchcraftId }), hAsync("button", { type: 'button', class: 'searchcraft-popover-form-cancel-button searchcraft-popover-form-fullscreen-cancel-button', onClick: this.handleCancelButtonClick.bind(this) }, "Cancel")), hAsync("div", { class: 'searchcraft-popover-form-fullscreen-popover-list-view' }, this.hasResultsToShow && (hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }))), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId })));
+                }) }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-fullscreen-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), onInputInit: this.handleInputInit.bind(this), searchcraftId: this.searchcraftId, placeholderValue: this.placeholderValue, placeholderBehavior: this.placeholderBehavior }), hAsync("button", { type: 'button', class: 'searchcraft-popover-form-cancel-button searchcraft-popover-form-fullscreen-cancel-button', onClick: this.handleCancelButtonClick.bind(this) }, "Cancel")), hAsync("div", { class: 'searchcraft-popover-form-fullscreen-popover-list-view' }, this.hasResultsToShow && (hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }))), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId })));
         }
     }
     render() {
@@ -5650,6 +5666,8 @@ class SearchcraftPopoverForm {
             "hotkey": [1],
             "hotkeyModifier": [1, "hotkey-modifier"],
             "searchcraftId": [1, "searchcraft-id"],
+            "placeholderValue": [1, "placeholder-value"],
+            "placeholderBehavior": [1, "placeholder-behavior"],
             "isPopoverVisibleInState": [32],
             "searchClientResponseItems": [32],
             "adClientResponseItems": [32],
@@ -9174,19 +9192,13 @@ class SearchcraftSummaryBox {
     searchcraftId;
     summary = '';
     isLoading = false;
+    isSummaryNotEnabled = false;
     get hostElement() { return getElement(this); }
     unsubscribe;
     cleanupCore;
     onCoreAvailable(core) {
         core.store.setState({ hasSummaryBox: true });
-        this.unsubscribe = core.store.subscribe((state) => {
-            this.summary = DOMPurify.sanitize(marked_umd.exports.marked.parse(state.summary));
-            this.isLoading = state.isSummaryLoading;
-            const div = this.hostElement?.querySelector('.searchcraft-summary-box-content');
-            if (div) {
-                div.innerHTML = DOMPurify.sanitize(marked_umd.exports.marked.parse(state.summary));
-            }
-        });
+        this.unsubscribe = core.store.subscribe(this.handleStateChange.bind(this));
     }
     connectedCallback() {
         this.cleanupCore = registry.useCoreInstance(this.searchcraftId, this.onCoreAvailable.bind(this));
@@ -9195,8 +9207,45 @@ class SearchcraftSummaryBox {
         this.unsubscribe?.();
         this.cleanupCore?.();
     }
+    /**
+     * Handles state changes from the store and updates component state.
+     */
+    handleStateChange(state) {
+        this.isLoading = state.isSummaryLoading;
+        this.isSummaryNotEnabled = state.isSummaryNotEnabled;
+        this.summary = this.sanitizeMarkdown(state.summary);
+        // Update DOM directly for performance (avoids re-render)
+        this.updateContentElement(state.summary);
+    }
+    /**
+     * Sanitizes and converts markdown to HTML.
+     */
+    sanitizeMarkdown(markdown) {
+        return DOMPurify.sanitize(marked_umd.exports.marked.parse(markdown));
+    }
+    /**
+     * Updates the content element directly without triggering a re-render.
+     */
+    updateContentElement(markdown) {
+        const contentElement = this.hostElement?.querySelector('.searchcraft-summary-box-content');
+        if (contentElement) {
+            contentElement.innerHTML = this.sanitizeMarkdown(markdown);
+        }
+    }
+    /**
+     * Renders the appropriate content based on current state.
+     */
+    renderContent() {
+        if (this.isLoading) {
+            return hAsync("searchcraft-loading", { label: 'LOADING' });
+        }
+        if (this.isSummaryNotEnabled) {
+            return (hAsync("div", { class: 'searchcraft-summary-box-content' }, "AI summaries are not enabled"));
+        }
+        return hAsync("div", { class: 'searchcraft-summary-box-content' }, this.summary);
+    }
     render() {
-        return (hAsync("div", { key: '71173c93d5230610c52dfda79e23ae116e55331b', class: 'searchcraft-summary-box' }, this.isLoading && hAsync("searchcraft-loading", { key: 'a9a51922a4bedc975d3a76008fad5c014e8810ad', label: 'LOADING' }), !this.isLoading && (hAsync("div", { key: 'bb2440d7e36972c85b1887a609fd19c463f44bc9', class: 'searchcraft-summary-box-content' }, this.summary))));
+        return hAsync("div", { key: 'c88d0bf7e12ad0fa0c019d207854a6e92babc683', class: 'searchcraft-summary-box' }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -9204,7 +9253,8 @@ class SearchcraftSummaryBox {
         "$members$": {
             "searchcraftId": [1, "searchcraft-id"],
             "summary": [32],
-            "isLoading": [32]
+            "isLoading": [32],
+            "isSummaryNotEnabled": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -9248,7 +9298,7 @@ class SearchcraftTheme {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync("style", { key: '7380c677cd9edda898cdfccf8cdb3d60e8602f14' }, styles);
+        return hAsync("style", { key: 'ef26626cdfa4fa98d516802d71443c49a9c6ecf9' }, styles);
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -9312,9 +9362,9 @@ class SearchcraftToggleButton {
         this.cleanupCore?.();
     }
     render() {
-        return (hAsync("div", { key: '22a346c471a467b0b38b4cfde59ea70e0941cc93', class: classNames('searchcraft-toggle-button', {
+        return (hAsync("div", { key: 'ab1d5ee21c7aaa28af1c405edc986556858366e8', class: classNames('searchcraft-toggle-button', {
                 'searchcraft-toggle-button-active': this.isActive,
-            }) }, hAsync("div", { key: '99a2ad545500218f85006a9a0f8bbf18b8f42ed7' }, hAsync("p", { key: '5e4a9e3f27af75d0d480dc6b3668963bfcb0d1a2', class: 'searchcraft-toggle-button-label' }, this.label), this.subLabel && (hAsync("p", { key: 'c9df9f08270b58a167831d59ae3f9178eb3f6175', class: 'searchcraft-toggle-button-sub-label' }, this.subLabel))), hAsync("button", { key: '6eebeb90660122d2c12ec91091ed5987478bbec4', class: 'searchcraft-toggle-button-background', onClick: this.handleToggle, type: 'button' }, hAsync("div", { key: '62f9b1397354322986a24e8fe9e8cee62bc96600', class: 'searchcraft-toggle-button-handle' }))));
+            }) }, hAsync("div", { key: '44f86a16d796d448bdb2fb3af72d4d8e1484364b' }, hAsync("p", { key: '9fedb38795d6379cae56dc005ab8e4a944b4261b', class: 'searchcraft-toggle-button-label' }, this.label), this.subLabel && (hAsync("p", { key: '44f3d17175184032275fec89a4cfe7f8266b7014', class: 'searchcraft-toggle-button-sub-label' }, this.subLabel))), hAsync("button", { key: '15fc18906ff2fb21fe646a4e3a8a2ace4a37cae2', class: 'searchcraft-toggle-button-background', onClick: this.handleToggle, type: 'button' }, hAsync("div", { key: '716d29c65a199f63f5fd294dc3e3ad2ea4d53aa3', class: 'searchcraft-toggle-button-handle' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,

package/dist/hydrate/index.mjs

@@ -5434,6 +5434,16 @@ class SearchcraftPopoverForm {
      * The id of the Searchcraft instance that this component should use.
      */
     searchcraftId;
+    /**
+     * The input element's placeholder value.
+     */
+    placeholderValue = 'Enter Search';
+    /**
+     * The placeholder's render behavior.
+     * 'hide-on-focus' - Hide the placeholder text immediately when the input form gains focus.
+     * 'hide-on-text-entered' - Only hide the placeholder when the input form has text entered into it.
+     */
+    placeholderBehavior;
     isPopoverVisibleInState = false;
     searchClientResponseItems = [];
     adClientResponseItems = [];
@@ -5544,6 +5554,12 @@ class SearchcraftPopoverForm {
                 this.modalElement.popoverResultMappings = this.popoverResultMappings;
                 this.modalElement.setAttribute('type', 'fullscreen');
                 this.modalElement.setAttribute('searchcraft-id', this.searchcraftId);
+                if (this.placeholderValue) {
+                    this.modalElement.setAttribute('placeholder-value', this.placeholderValue);
+                }
+                if (this.placeholderBehavior) {
+                    this.modalElement.setAttribute('placeholder-behavior', this.placeholderBehavior);
+                }
                 document.body.appendChild(this.modalElement);
             }
         }
@@ -5611,20 +5627,20 @@ class SearchcraftPopoverForm {
         const isListViewVisible = this.hasResultsToShow && this.isFocused;
         return (hAsync("div", { class: classNames('searchcraft-popover-form searchcraft-popover-form-inline', {
                 'searchcraft-popover-form-active': isListViewVisible,
-            }) }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-inline-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), searchcraftId: this.searchcraftId })), isListViewVisible && (hAsync("div", { class: 'searchcraft-popover-form-inline-wrapper' }, hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId })))));
+            }) }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-inline-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), searchcraftId: this.searchcraftId, placeholderValue: this.placeholderValue, placeholderBehavior: this.placeholderBehavior })), isListViewVisible && (hAsync("div", { class: 'searchcraft-popover-form-inline-wrapper' }, hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId })))));
     }
     renderModalPopover() {
         if (this.isPopoverVisibleInState) {
             return (hAsync("div", { class: classNames('searchcraft-popover-form searchcraft-popover-form-modal', {
                     'searchcraft-popover-form-active': this.hasResultsToShow,
-                }) }, hAsync("div", { class: 'searchcraft-popover-form-modal-backdrop', onClick: this.handleModalBackdropClick }), hAsync("div", { class: 'searchcraft-popover-form-modal-wrapper' }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-modal-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), onInputInit: this.handleInputInit.bind(this), searchcraftId: this.searchcraftId }), hAsync("button", { type: 'button', class: 'searchcraft-popover-form-cancel-button searchcraft-popover-form-modal-cancel-button', onClick: this.handleCancelButtonClick.bind(this) }, "Cancel")), hAsync("div", { class: 'searchcraft-popover-form-modal-popover-list-view' }, this.hasResultsToShow && (hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }))), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId }))));
+                }) }, hAsync("div", { class: 'searchcraft-popover-form-modal-backdrop', onClick: this.handleModalBackdropClick }), hAsync("div", { class: 'searchcraft-popover-form-modal-wrapper' }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-modal-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), onInputInit: this.handleInputInit.bind(this), searchcraftId: this.searchcraftId, placeholderValue: this.placeholderValue, placeholderBehavior: this.placeholderBehavior }), hAsync("button", { type: 'button', class: 'searchcraft-popover-form-cancel-button searchcraft-popover-form-modal-cancel-button', onClick: this.handleCancelButtonClick.bind(this) }, "Cancel")), hAsync("div", { class: 'searchcraft-popover-form-modal-popover-list-view' }, this.hasResultsToShow && (hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }))), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId }))));
         }
     }
     renderFullscreenPopover() {
         if (this.isPopoverVisibleInState) {
             return (hAsync("div", { class: classNames('searchcraft-popover-form searchcraft-popover-form-fullscreen', {
                     'searchcraft-popover-form-active': this.hasResultsToShow,
-                }) }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-fullscreen-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), onInputInit: this.handleInputInit.bind(this), searchcraftId: this.searchcraftId }), hAsync("button", { type: 'button', class: 'searchcraft-popover-form-cancel-button searchcraft-popover-form-fullscreen-cancel-button', onClick: this.handleCancelButtonClick.bind(this) }, "Cancel")), hAsync("div", { class: 'searchcraft-popover-form-fullscreen-popover-list-view' }, this.hasResultsToShow && (hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }))), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId })));
+                }) }, hAsync("div", { class: 'searchcraft-popover-form-input searchcraft-popover-form-fullscreen-input' }, hAsync("searchcraft-input-form", { onInputFocus: this.handleInputFocus.bind(this), onInputInit: this.handleInputInit.bind(this), searchcraftId: this.searchcraftId, placeholderValue: this.placeholderValue, placeholderBehavior: this.placeholderBehavior }), hAsync("button", { type: 'button', class: 'searchcraft-popover-form-cancel-button searchcraft-popover-form-fullscreen-cancel-button', onClick: this.handleCancelButtonClick.bind(this) }, "Cancel")), hAsync("div", { class: 'searchcraft-popover-form-fullscreen-popover-list-view' }, this.hasResultsToShow && (hAsync("searchcraft-popover-list-view", { popoverResultMappings: this.popoverResultMappings, searchClientResponseItems: this.searchClientResponseItems, adClientResponseItems: this.adClientResponseItems, searchResultsPage: this.searchResultsPage, searchResultsPerPage: this.searchResultsPerPage, searchcraftId: this.searchcraftId }))), hAsync("searchcraft-popover-footer", { searchcraftId: this.searchcraftId })));
         }
     }
     render() {
@@ -5646,6 +5662,8 @@ class SearchcraftPopoverForm {
             "hotkey": [1],
             "hotkeyModifier": [1, "hotkey-modifier"],
             "searchcraftId": [1, "searchcraft-id"],
+            "placeholderValue": [1, "placeholder-value"],
+            "placeholderBehavior": [1, "placeholder-behavior"],
             "isPopoverVisibleInState": [32],
             "searchClientResponseItems": [32],
             "adClientResponseItems": [32],
@@ -9170,19 +9188,13 @@ class SearchcraftSummaryBox {
     searchcraftId;
     summary = '';
     isLoading = false;
+    isSummaryNotEnabled = false;
     get hostElement() { return getElement(this); }
     unsubscribe;
     cleanupCore;
     onCoreAvailable(core) {
         core.store.setState({ hasSummaryBox: true });
-        this.unsubscribe = core.store.subscribe((state) => {
-            this.summary = DOMPurify.sanitize(marked_umd.exports.marked.parse(state.summary));
-            this.isLoading = state.isSummaryLoading;
-            const div = this.hostElement?.querySelector('.searchcraft-summary-box-content');
-            if (div) {
-                div.innerHTML = DOMPurify.sanitize(marked_umd.exports.marked.parse(state.summary));
-            }
-        });
+        this.unsubscribe = core.store.subscribe(this.handleStateChange.bind(this));
     }
     connectedCallback() {
         this.cleanupCore = registry.useCoreInstance(this.searchcraftId, this.onCoreAvailable.bind(this));
@@ -9191,8 +9203,45 @@ class SearchcraftSummaryBox {
         this.unsubscribe?.();
         this.cleanupCore?.();
     }
+    /**
+     * Handles state changes from the store and updates component state.
+     */
+    handleStateChange(state) {
+        this.isLoading = state.isSummaryLoading;
+        this.isSummaryNotEnabled = state.isSummaryNotEnabled;
+        this.summary = this.sanitizeMarkdown(state.summary);
+        // Update DOM directly for performance (avoids re-render)
+        this.updateContentElement(state.summary);
+    }
+    /**
+     * Sanitizes and converts markdown to HTML.
+     */
+    sanitizeMarkdown(markdown) {
+        return DOMPurify.sanitize(marked_umd.exports.marked.parse(markdown));
+    }
+    /**
+     * Updates the content element directly without triggering a re-render.
+     */
+    updateContentElement(markdown) {
+        const contentElement = this.hostElement?.querySelector('.searchcraft-summary-box-content');
+        if (contentElement) {
+            contentElement.innerHTML = this.sanitizeMarkdown(markdown);
+        }
+    }
+    /**
+     * Renders the appropriate content based on current state.
+     */
+    renderContent() {
+        if (this.isLoading) {
+            return hAsync("searchcraft-loading", { label: 'LOADING' });
+        }
+        if (this.isSummaryNotEnabled) {
+            return (hAsync("div", { class: 'searchcraft-summary-box-content' }, "AI summaries are not enabled"));
+        }
+        return hAsync("div", { class: 'searchcraft-summary-box-content' }, this.summary);
+    }
     render() {
-        return (hAsync("div", { key: '71173c93d5230610c52dfda79e23ae116e55331b', class: 'searchcraft-summary-box' }, this.isLoading && hAsync("searchcraft-loading", { key: 'a9a51922a4bedc975d3a76008fad5c014e8810ad', label: 'LOADING' }), !this.isLoading && (hAsync("div", { key: 'bb2440d7e36972c85b1887a609fd19c463f44bc9', class: 'searchcraft-summary-box-content' }, this.summary))));
+        return hAsync("div", { key: 'c88d0bf7e12ad0fa0c019d207854a6e92babc683', class: 'searchcraft-summary-box' }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -9200,7 +9249,8 @@ class SearchcraftSummaryBox {
         "$members$": {
             "searchcraftId": [1, "searchcraft-id"],
             "summary": [32],
-            "isLoading": [32]
+            "isLoading": [32],
+            "isSummaryNotEnabled": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -9244,7 +9294,7 @@ class SearchcraftTheme {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync("style", { key: '7380c677cd9edda898cdfccf8cdb3d60e8602f14' }, styles);
+        return hAsync("style", { key: 'ef26626cdfa4fa98d516802d71443c49a9c6ecf9' }, styles);
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -9308,9 +9358,9 @@ class SearchcraftToggleButton {
         this.cleanupCore?.();
     }
     render() {
-        return (hAsync("div", { key: '22a346c471a467b0b38b4cfde59ea70e0941cc93', class: classNames('searchcraft-toggle-button', {
+        return (hAsync("div", { key: 'ab1d5ee21c7aaa28af1c405edc986556858366e8', class: classNames('searchcraft-toggle-button', {
                 'searchcraft-toggle-button-active': this.isActive,
-            }) }, hAsync("div", { key: '99a2ad545500218f85006a9a0f8bbf18b8f42ed7' }, hAsync("p", { key: '5e4a9e3f27af75d0d480dc6b3668963bfcb0d1a2', class: 'searchcraft-toggle-button-label' }, this.label), this.subLabel && (hAsync("p", { key: 'c9df9f08270b58a167831d59ae3f9178eb3f6175', class: 'searchcraft-toggle-button-sub-label' }, this.subLabel))), hAsync("button", { key: '6eebeb90660122d2c12ec91091ed5987478bbec4', class: 'searchcraft-toggle-button-background', onClick: this.handleToggle, type: 'button' }, hAsync("div", { key: '62f9b1397354322986a24e8fe9e8cee62bc96600', class: 'searchcraft-toggle-button-handle' }))));
+            }) }, hAsync("div", { key: '44f86a16d796d448bdb2fb3af72d4d8e1484364b' }, hAsync("p", { key: '9fedb38795d6379cae56dc005ab8e4a944b4261b', class: 'searchcraft-toggle-button-label' }, this.label), this.subLabel && (hAsync("p", { key: '44f3d17175184032275fec89a4cfe7f8266b7014', class: 'searchcraft-toggle-button-sub-label' }, this.subLabel))), hAsync("button", { key: '15fc18906ff2fb21fe646a4e3a8a2ace4a37cae2', class: 'searchcraft-toggle-button-background', onClick: this.handleToggle, type: 'button' }, hAsync("div", { key: '716d29c65a199f63f5fd294dc3e3ad2ea4d53aa3', class: 'searchcraft-toggle-button-handle' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,

package/dist/types/clients/SearchClient.d.ts

@@ -10,6 +10,7 @@ export declare class SearchClient {
     constructor(parent: SearchcraftCore, config: SearchcraftConfig, userId: string);
     /**
      * Getter for the base url used by the /search endpoint.
+     * Supports both index and federation search endpoints.
      */
     private get baseSearchUrl();
     /**

package/dist/types/components/searchcraft-popover-form/searchcraft-popover-form.d.ts

@@ -61,6 +61,16 @@ export declare class SearchcraftPopoverForm {
      * The id of the Searchcraft instance that this component should use.
      */
     searchcraftId?: string;
+    /**
+     * The input element's placeholder value.
+     */
+    placeholderValue?: string;
+    /**
+     * The placeholder's render behavior.
+     * 'hide-on-focus' - Hide the placeholder text immediately when the input form gains focus.
+     * 'hide-on-text-entered' - Only hide the placeholder when the input form has text entered into it.
+     */
+    placeholderBehavior?: 'hide-on-focus' | 'hide-on-text-entered';
     isPopoverVisibleInState: boolean;
     searchClientResponseItems: SearchClientResponseItem[];
     adClientResponseItems: AdClientResponseItem[];

package/dist/types/components/searchcraft-summary-box/searchcraft-summary-box.d.ts

@@ -38,12 +38,29 @@ export declare class SearchcraftSummaryBox {
     searchcraftId?: string;
     summary: string;
     isLoading: boolean;
+    isSummaryNotEnabled: boolean;
     hostElement?: HTMLElement;
     private unsubscribe?;
     private cleanupCore?;
     onCoreAvailable(core: SearchcraftCore): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /**
+     * Handles state changes from the store and updates component state.
+     */
+    private handleStateChange;
+    /**
+     * Sanitizes and converts markdown to HTML.
+     */
+    private sanitizeMarkdown;
+    /**
+     * Updates the content element directly without triggering a re-render.
+     */
+    private updateContentElement;
+    /**
+     * Renders the appropriate content based on current state.
+     */
+    private renderContent;
     render(): any;
 }
 //# sourceMappingURL=searchcraft-summary-box.d.ts.map

package/dist/types/components.d.ts

@@ -318,6 +318,14 @@ export namespace Components {
           * The hotkey modifier that activates the popover. Used together with the `hotkey` prop.
          */
         "hotkeyModifier"?: 'ctrl' | 'meta' | 'alt' | 'option';
+        /**
+          * The placeholder's render behavior. 'hide-on-focus' - Hide the placeholder text immediately when the input form gains focus. 'hide-on-text-entered' - Only hide the placeholder when the input form has text entered into it.
+         */
+        "placeholderBehavior"?: 'hide-on-focus' | 'hide-on-text-entered';
+        /**
+          * The input element's placeholder value.
+         */
+        "placeholderValue"?: string;
         /**
           * Formats the content rendered for each result.
          */
@@ -1569,6 +1577,14 @@ declare namespace LocalJSX {
           * The hotkey modifier that activates the popover. Used together with the `hotkey` prop.
          */
         "hotkeyModifier"?: 'ctrl' | 'meta' | 'alt' | 'option';
+        /**
+          * The placeholder's render behavior. 'hide-on-focus' - Hide the placeholder text immediately when the input form gains focus. 'hide-on-text-entered' - Only hide the placeholder when the input form has text entered into it.
+         */
+        "placeholderBehavior"?: 'hide-on-focus' | 'hide-on-text-entered';
+        /**
+          * The input element's placeholder value.
+         */
+        "placeholderValue"?: string;
         /**
           * Formats the content rendered for each result.
          */

package/dist/types/store/SearchcraftStore.types.d.ts

@@ -11,7 +11,9 @@ export interface SearchcraftStateFunctions {
     removeFacetPathsForIndexField: (fieldName: string) => void;
     removeRangeValueForIndexField: (fieldName: string) => void;
     resetSearchValues: () => void;
-    search: () => Promise<void>;
+    search: (options?: {
+        skipSummary?: boolean;
+    }) => Promise<void>;
     setPopoverVisibility: (isVisible: boolean) => void;
     setSearchResultsCount: (count: number) => void;
     setSearchResultsPage: (page: number) => void;
@@ -55,6 +57,7 @@ export interface SearchcraftStateValues {
     hasSummaryBox: boolean;
     isSummaryLoading: boolean;
     summaryClient?: SummaryClient;
+    isSummaryNotEnabled: boolean;
 }
 export interface SearchcraftState extends SearchcraftStateFunctions, SearchcraftStateValues {
 }

package/dist/types/types/core-types/Measure.types.d.ts

@@ -24,6 +24,7 @@ export interface MeasureRequestProperties {
     searchcraft_organization_id?: string;
     searchcraft_application_id?: string;
     searchcraft_index_names: string[];
+    searchcraft_federation_name?: string;
     search_term?: string;
     number_of_documents?: number;
     external_document_id?: string;

package/dist/types/types/core-types/SearchcraftConfig.types.d.ts

@@ -13,8 +13,16 @@ export interface SearchcraftConfig {
     endpointURL: string;
     /**
      * Name of the Searchcraft search index to search for results within. If you are using Searchcraft Cloud, this value can be found within the Vektron dashboard in the Code Snippets section when configuring a search index.
+     *
+     * Note: Either `indexName` or `federationName` must be provided, but not both.
+     */
+    indexName?: string;
+    /**
+     * Name of the Searchcraft federation to search across multiple indices. Federation search allows you to search across all indices defined in a federation with a single query.
+     *
+     * Note: Either `indexName` or `federationName` must be provided, but not both.
      */
-    indexName: string;
+    federationName?: string;
     /**
      * The initial search query to call when Searchcraft is first initialized in your front-end application. This parameter can be used when you want to populate a page with an initial set of search results based on a query.
      *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@searchcraft/javascript-sdk",
   "private": false,
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "Searchcraft Javascript SDK",
   "author": "Searchcraft Inc.",
   "license": "Apache-2.0",
@@ -46,7 +46,7 @@
   },
   "devDependencies": {
     "@stencil/core": "^4.7.0",
-    "@stencil/react-output-target": "^0.8.2",
+    "@stencil/react-output-target": "^1.2.0",
     "@stencil/sass": "^3.0.12",
     "@stencil/vue-output-target": "^0.9.2",
     "@thumbmarkjs/thumbmarkjs": "^0.16.1",
@@ -54,5 +54,5 @@
     "nanoid": "^5.0.9",
     "zustand": "^5.0.1"
   },
-  "gitHead": "74aa902098d26aa12b7c02cf319ed10fea5a25e3"
+  "gitHead": "e494e3507629138e5f5ed3d03b8630be53dffaee"
 }