@searchcraft/javascript-sdk 0.8.1 → 0.9.0

package/dist/collection/components/searchcraft-base-search-results/searchcraft-base-search-results.js

@@ -1,313 +0,0 @@
-import { h, } from "@stencil/core";
-import { useSearchcraftStore } from "../../provider/store";
-import { serializeStyles } from "../../utils/index";
-/**
- * This web component is responsible for displaying the results of a search query.
- * Once a query is submitted, the component formats and presents an ordered list of the results.
- *
- * ## Usage
- * ```html
- * <!-- index.html -->
- * <searchcraft-base-search-results
- *   ad-interval="4"
- *   place-ad-at-start="false"
- *   result-image-placement="right"
- * />
- * ```
- *
- * ```js
- * // index.js
- * const baseSearchResults = document.querySelector('searchcraft-base-search-results');
- *
- * baseSearchResults.searchResultMappings = containerHref: {
- *   fieldNames: [
- *    {
- *      fieldName: 'canonical_link',
- *      dataType: 'text',
- *    },
- *  ],
- * };
- *
- * baseSearchResults.addEventListener('noResults', () => {
- *   console.log('No search results found');
- * });
- * ```
- */
-export class SearchcraftBaseSearchResults {
-    /**
-     * A custom styles object.
-     */
-    customStylesForResults;
-    /**
-     * Formats the content rendered for each result.
-     */
-    searchResultMappings;
-    /**
-     * The placement of the image for each result.
-     */
-    resultImagePlacement = 'right';
-    /**
-     * The label for the button rendered when containerHref is not present for each result.
-     */
-    buttonLabel;
-    /**
-     * Where to open the link for the button rendered when containerHref is not present for each result.
-     */
-    buttonTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the button rendered when containerHref is not present for each result.
-     */
-    buttonRel;
-    /**
-     * Where to open the link for the containing element for each result.
-     */
-    containerTarget = '_blank';
-    /**
-     * The relationship between the current document and the link for the containing element for each result.
-     */
-    containerRel;
-    /**
-     * When no results are returned.
-     */
-    noResults;
-    searchTerm = '';
-    searchClientResponseItems = [];
-    adClientResponseItems = [];
-    searchResultsPerPage;
-    searchResultsPage;
-    unsubscribe = () => { };
-    componentDidLoad() {
-        this.unsubscribe = useSearchcraftStore.subscribe((state) => this.handleStateChange(state));
-        const currentState = useSearchcraftStore.getState();
-        this.searchClientResponseItems = currentState.searchClientResponseItems;
-        this.searchTerm = currentState.searchTerm;
-    }
-    disconnectedCallback() {
-        this.unsubscribe?.();
-    }
-    handleStateChange(state) {
-        this.searchClientResponseItems = [...state.searchClientResponseItems];
-        this.adClientResponseItems = [...state.adClientResponseItems];
-        this.searchTerm = state.searchTerm;
-        this.searchResultsPage = state.searchResultsPage;
-        this.searchResultsPerPage = state.searchResultsPerPage;
-    }
-    render() {
-        if (this.searchTerm.trim() === '') {
-            return (h("div", { class: 'searchcraft-search-results-empty-state-container' }, h("slot", { name: 'empty-search' })));
-        }
-        if (this.searchClientResponseItems.length === 0) {
-            return;
-        }
-        if (this.searchTerm.length > 0 &&
-            this.searchClientResponseItems.length === 0) {
-            this.noResults?.emit();
-        }
-        let serializedStyles = '';
-        if (this.customStylesForResults) {
-            serializedStyles =
-                typeof this.customStylesForResults === 'string'
-                    ? this.customStylesForResults
-                    : serializeStyles(this.customStylesForResults);
-        }
-        return (h("div", { class: 'searchcraft-search-results-container' }, this.adClientResponseItems?.map((item) => (h("searchcraft-base-search-result-ad", { adClientResponseItem: item, key: item.adId }))), this.searchClientResponseItems?.map((item, index) => (h("searchcraft-base-search-result", { key: item.id, "custom-styles": serializedStyles, "image-placement": this.resultImagePlacement, "container-rel": this.containerRel, "container-target": this.containerTarget, "button-label": this.buttonLabel || 'View more', "button-rel": this.buttonRel, "button-target": this.buttonTarget, "document-position": this.searchResultsPerPage * this.searchResultsPage + index, searchResultMappings: this.searchResultMappings, item: item }))), this.searchTerm.length > 0 &&
-            this.searchClientResponseItems.length === 0 && (h("div", { class: 'searchcraft-search-results-error-message-container' }, h("searchcraft-error-message", { "error-message": `No search results found for "${this.searchTerm}" query` })))));
-    }
-    static get is() { return "searchcraft-base-search-results"; }
-    static get properties() {
-        return {
-            "customStylesForResults": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "| string\n    | Record<string, Record<string, string>>\n    | undefined",
-                    "resolved": "string | undefined | { [x: string]: Record<string, string>; }",
-                    "references": {
-                        "Record": {
-                            "location": "global",
-                            "id": "global::Record"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "A custom styles object."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "custom-styles-for-results",
-                "reflect": false
-            },
-            "searchResultMappings": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SearchResultMappings | undefined",
-                    "resolved": "undefined | { body?: SearchResultMapping | undefined; buttonHref?: SearchResultMapping | undefined; containerHref?: SearchResultMapping | undefined; footer?: SearchResultMapping | undefined; imageSource?: SearchResultMapping | undefined; subtitle?: SearchResultMapping | undefined; title?: SearchResultMapping | undefined; }",
-                    "references": {
-                        "SearchResultMappings": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::SearchResultMappings"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Formats the content rendered for each result."
-                },
-                "getter": false,
-                "setter": false
-            },
-            "resultImagePlacement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'left' | 'right'",
-                    "resolved": "\"left\" | \"right\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The placement of the image for each result."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "result-image-placement",
-                "reflect": false,
-                "defaultValue": "'right'"
-            },
-            "buttonLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The label for the button rendered when containerHref is not present for each result."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "button-label",
-                "reflect": false
-            },
-            "buttonTarget": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'_blank' | '_self' | '_top' | '_parent'",
-                    "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Where to open the link for the button rendered when containerHref is not present for each result."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "button-target",
-                "reflect": false,
-                "defaultValue": "'_blank'"
-            },
-            "buttonRel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'noreferrer' | 'noopener' | 'nofollow' | undefined",
-                    "resolved": "\"nofollow\" | \"noopener\" | \"noreferrer\" | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The relationship between the current document and the link for the button rendered when containerHref is not present for each result."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "button-rel",
-                "reflect": false
-            },
-            "containerTarget": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'_blank' | '_self' | '_top' | '_parent'",
-                    "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Where to open the link for the containing element for each result."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "container-target",
-                "reflect": false,
-                "defaultValue": "'_blank'"
-            },
-            "containerRel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'noreferrer' | 'noopener' | 'nofollow' | undefined",
-                    "resolved": "\"nofollow\" | \"noopener\" | \"noreferrer\" | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The relationship between the current document and the link for the containing element for each result."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "container-rel",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "searchTerm": {},
-            "searchClientResponseItems": {},
-            "adClientResponseItems": {},
-            "searchResultsPerPage": {},
-            "searchResultsPage": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "noResults",
-                "name": "noResults",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "When no results are returned."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=searchcraft-base-search-results.js.map

package/dist/collection/components/searchcraft-base-search-results/searchcraft-base-search-results.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-base-search-results.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-base-search-results/searchcraft-base-search-results.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Event,\n  Prop,\n  State,\n  type EventEmitter,\n} from '@stencil/core';\n\nimport type {\n  AdClientResponseItem,\n  SearchClientResponseItem,\n} from '@searchcraft/core';\n\nimport { type SearchcraftState, useSearchcraftStore } from '@provider/store';\n\nimport { serializeStyles } from '@utils';\nimport type { SearchResultMappings } from '@searchcraft/core';\n\n/**\n * This web component is responsible for displaying the results of a search query.\n * Once a query is submitted, the component formats and presents an ordered list of the results.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-base-search-results\n *   ad-interval=\"4\"\n *   place-ad-at-start=\"false\"\n *   result-image-placement=\"right\"\n * />\n * ```\n *\n * ```js\n * // index.js\n * const baseSearchResults = document.querySelector('searchcraft-base-search-results');\n *\n * baseSearchResults.searchResultMappings = containerHref: {\n *   fieldNames: [\n *    {\n *      fieldName: 'canonical_link',\n *      dataType: 'text',\n *    },\n *  ],\n * };\n *\n * baseSearchResults.addEventListener('noResults', () => {\n *   console.log('No search results found');\n * });\n * ```\n */\n@Component({\n  tag: 'searchcraft-base-search-results',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResults {\n  /**\n   * A custom styles object.\n   */\n  @Prop() customStylesForResults:\n    | string\n    | Record<string, Record<string, string>>\n    | undefined;\n  /**\n   * Formats the content rendered for each result.\n   */\n  @Prop() searchResultMappings: SearchResultMappings | undefined;\n  /**\n   * The placement of the image for each result.\n   */\n  @Prop() resultImagePlacement: 'left' | 'right' = 'right';\n  /**\n   * The label for the button rendered when containerHref is not present for each result.\n   */\n  @Prop() buttonLabel: string | undefined;\n  /**\n   * Where to open the link for the button rendered when containerHref is not present for each result.\n   */\n  @Prop() buttonTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the button rendered when containerHref is not present for each result.\n   */\n  @Prop() buttonRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n  /**\n   * Where to open the link for the containing element for each result.\n   */\n  @Prop() containerTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n  /**\n   * The relationship between the current document and the link for the containing element for each result.\n   */\n  @Prop() containerRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n\n  /**\n   * When no results are returned.\n   */\n  @Event() noResults?: EventEmitter<void>;\n\n  @State() searchTerm = '';\n  @State() searchClientResponseItems: SearchClientResponseItem[] = [];\n  @State() adClientResponseItems: AdClientResponseItem[] = [];\n  @State() searchResultsPerPage;\n  @State() searchResultsPage;\n\n  private unsubscribe: () => void = () => {};\n\n  componentDidLoad() {\n    this.unsubscribe = useSearchcraftStore.subscribe((state) =>\n      this.handleStateChange(state),\n    );\n    const currentState = useSearchcraftStore.getState();\n    this.searchClientResponseItems = currentState.searchClientResponseItems;\n    this.searchTerm = currentState.searchTerm;\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  handleStateChange(state: SearchcraftState) {\n    this.searchClientResponseItems = [...state.searchClientResponseItems];\n    this.adClientResponseItems = [...state.adClientResponseItems];\n    this.searchTerm = state.searchTerm;\n    this.searchResultsPage = state.searchResultsPage;\n    this.searchResultsPerPage = state.searchResultsPerPage;\n  }\n\n  render() {\n    if (this.searchTerm.trim() === '') {\n      return (\n        <div class='searchcraft-search-results-empty-state-container'>\n          <slot name='empty-search' />\n        </div>\n      );\n    }\n\n    if (this.searchClientResponseItems.length === 0) {\n      return;\n    }\n\n    if (\n      this.searchTerm.length > 0 &&\n      this.searchClientResponseItems.length === 0\n    ) {\n      this.noResults?.emit();\n    }\n\n    let serializedStyles = '';\n    if (this.customStylesForResults) {\n      serializedStyles =\n        typeof this.customStylesForResults === 'string'\n          ? this.customStylesForResults\n          : serializeStyles(this.customStylesForResults);\n    }\n\n    return (\n      <div class='searchcraft-search-results-container'>\n        {this.adClientResponseItems?.map((item) => (\n          <searchcraft-base-search-result-ad\n            adClientResponseItem={item}\n            key={item.adId}\n          />\n        ))}\n        {this.searchClientResponseItems?.map((item, index) => (\n          <searchcraft-base-search-result\n            key={item.id}\n            custom-styles={serializedStyles}\n            image-placement={this.resultImagePlacement}\n            container-rel={this.containerRel}\n            container-target={this.containerTarget}\n            button-label={this.buttonLabel || 'View more'}\n            button-rel={this.buttonRel}\n            button-target={this.buttonTarget}\n            document-position={\n              this.searchResultsPerPage * this.searchResultsPage + index\n            }\n            searchResultMappings={this.searchResultMappings}\n            item={item}\n          />\n        ))}\n        {this.searchTerm.length > 0 &&\n          this.searchClientResponseItems.length === 0 && (\n            <div class='searchcraft-search-results-error-message-container'>\n              <searchcraft-error-message\n                error-message={`No search results found for \"${this.searchTerm}\" query`}\n              />\n            </div>\n          )}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,217 +0,0 @@
-import { h, Fragment, } from "@stencil/core";
-import classNames from "classnames";
-/**
- * This web component represents a button to be consumed within the `search-input-form` component.
- * It provides a clear, interactive way for users to submit search queries or trigger actions in a search interface.
- * It is consumed within the `searchcraft-input-form` component.
- */
-export class SearchcraftButton {
-    /**
-     * Controls the visual representation of the button.
-     */
-    hierarchy = 'primary';
-    /**
-     * Whether the button is disabled.
-     */
-    disabled = false;
-    /**
-     * The icon element.
-     */
-    icon;
-    /**
-     * Should the button only display an icon.
-     */
-    iconOnly = false;
-    /**
-     * The position of the icon.
-     */
-    iconPosition = 'left';
-    /**
-     * The label for the button.
-     */
-    label = 'Search';
-    /**
-     * The type of the button.
-     */
-    type = 'button';
-    /**
-     * The event fired when the button is clicked.
-     */
-    buttonClick;
-    handleButtonClick = () => {
-        this.buttonClick.emit();
-    };
-    render() {
-        return (h("button", { key: 'fc258e1c7aab54611c781789eef7facc074f02c3', class: classNames('searchcraft-button', {
-                'searchcraft-button-primary': this.hierarchy === 'primary',
-                'searchcraft-button-tertiary': this.hierarchy === 'tertiary',
-                'searchcraft-button-disabled': this.disabled,
-            }), disabled: this.disabled, onClick: this.handleButtonClick, type: this.type }, this.iconOnly ? (this.icon) : (h(Fragment, null, this.iconPosition === 'left' && this.icon, h("span", null, this.label), this.iconPosition === 'right' && this.icon))));
-    }
-    static get is() { return "searchcraft-button"; }
-    static get properties() {
-        return {
-            "hierarchy": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'primary' | 'tertiary'",
-                    "resolved": "\"primary\" | \"tertiary\" | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Controls the visual representation of the button."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "hierarchy",
-                "reflect": false,
-                "defaultValue": "'primary'"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the button is disabled."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "disabled",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "icon": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Element",
-                    "resolved": "Element | undefined",
-                    "references": {
-                        "Element": {
-                            "location": "global",
-                            "id": "global::Element"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The icon element."
-                },
-                "getter": false,
-                "setter": false
-            },
-            "iconOnly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Should the button only display an icon."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "icon-only",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "iconPosition": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'left' | 'right'",
-                    "resolved": "\"left\" | \"right\" | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The position of the icon."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "icon-position",
-                "reflect": false,
-                "defaultValue": "'left'"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The label for the button."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label",
-                "reflect": false,
-                "defaultValue": "'Search'"
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'submit' | 'reset' | 'button'",
-                    "resolved": "\"button\" | \"reset\" | \"submit\" | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The type of the button."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "type",
-                "reflect": false,
-                "defaultValue": "'button'"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "buttonClick",
-                "name": "buttonClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The event fired when the button is clicked."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=searchcraft-button.js.map

package/dist/collection/components/searchcraft-button/searchcraft-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-button.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-button/searchcraft-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EAEL,IAAI,EACJ,CAAC,EACD,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;;;GAIG;AAKH,MAAM,OAAO,iBAAiB;IAC5B;;OAEG;IACK,SAAS,GAA4B,SAAS,CAAC;IACvD;;OAEG;IACK,QAAQ,GAAa,KAAK,CAAC;IACnC;;OAEG;IACK,IAAI,CAAW;IACvB;;OAEG;IACK,QAAQ,GAAa,KAAK,CAAC;IACnC;;OAEG;IACK,YAAY,GAAsB,MAAM,CAAC;IACjD;;OAEG;IACK,KAAK,GAAG,QAAQ,CAAC;IACzB;;OAEG;IACK,IAAI,GAAmC,QAAQ,CAAC;IACxD;;OAEG;IACM,WAAW,CAAsB;IAElC,iBAAiB,GAAG,GAAG,EAAE;QAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,+DACE,KAAK,EAAE,UAAU,CAAC,oBAAoB,EAAE;gBACtC,4BAA4B,EAAE,IAAI,CAAC,SAAS,KAAK,SAAS;gBAC1D,6BAA6B,EAAE,IAAI,CAAC,SAAS,KAAK,UAAU;gBAC5D,6BAA6B,EAAE,IAAI,CAAC,QAAQ;aAC7C,CAAC,EACF,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,IAAI,CAAC,IAAI,CACV,CAAC,CAAC,CAAC,CACF,EAAC,QAAQ;YACN,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI;YAC1C,gBAAO,IAAI,CAAC,KAAK,CAAQ;YACxB,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,CAClC,CACZ,CACM,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component represents a button to be consumed within the `search-input-form` component.\n * It provides a clear, interactive way for users to submit search queries or trigger actions in a search interface.\n * It is consumed within the `searchcraft-input-form` component.\n */\n@Component({\n  tag: 'searchcraft-button',\n  shadow: false,\n})\nexport class SearchcraftButton {\n  /**\n   * Controls the visual representation of the button.\n   */\n  @Prop() hierarchy?: 'primary' | 'tertiary' = 'primary';\n  /**\n   * Whether the button is disabled.\n   */\n  @Prop() disabled?: boolean = false;\n  /**\n   * The icon element.\n   */\n  @Prop() icon?: Element;\n  /**\n   * Should the button only display an icon.\n   */\n  @Prop() iconOnly?: boolean = false;\n  /**\n   * The position of the icon.\n   */\n  @Prop() iconPosition?: 'left' | 'right' = 'left';\n  /**\n   * The label for the button.\n   */\n  @Prop() label = 'Search';\n  /**\n   * The type of the button.\n   */\n  @Prop() type?: 'submit' | 'reset' | 'button' = 'button';\n  /**\n   * The event fired when the button is clicked.\n   */\n  @Event() buttonClick!: EventEmitter<void>;\n\n  private handleButtonClick = () => {\n    this.buttonClick.emit();\n  };\n\n  render() {\n    return (\n      <button\n        class={classNames('searchcraft-button', {\n          'searchcraft-button-primary': this.hierarchy === 'primary',\n          'searchcraft-button-tertiary': this.hierarchy === 'tertiary',\n          'searchcraft-button-disabled': this.disabled,\n        })}\n        disabled={this.disabled}\n        onClick={this.handleButtonClick}\n        type={this.type}\n      >\n        {this.iconOnly ? (\n          this.icon\n        ) : (\n          <Fragment>\n            {this.iconPosition === 'left' && this.icon}\n            <span>{this.label}</span>\n            {this.iconPosition === 'right' && this.icon}\n          </Fragment>\n        )}\n      </button>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-error-message/searchcraft-error-message.js

@@ -1,44 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * This web component is designed to display a user-friendly error message when a search query fails, providing clear feedback to users and enhancing their experience when an issue arises during the search process.
- *
- * ## Usage
- * ```html
- * <!-- index.html -->
- * <searchcraft-error-message error-message="No search results found for query" />
- * ```
- */
-export class SearchcraftErrorMessage {
-    /**
-     * The error message.
-     */
-    errorMessage;
-    render() {
-        return (h("p", { key: 'dc97bb66da10a98fca027f928deaaf80d945417b', class: 'searchcraft-error-message' }, this.errorMessage || 'Search term is required.'));
-    }
-    static get is() { return "searchcraft-error-message"; }
-    static get properties() {
-        return {
-            "errorMessage": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The error message."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "error-message",
-                "reflect": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-error-message.js.map

package/dist/collection/components/searchcraft-error-message/searchcraft-error-message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-error-message.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-error-message/searchcraft-error-message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;;GAQG;AAKH,MAAM,OAAO,uBAAuB;IAClC;;OAEG;IACK,YAAY,CAAU;IAE9B,MAAM;QACJ,OAAO,CACL,0DAAG,KAAK,EAAC,2BAA2B,IACjC,IAAI,CAAC,YAAY,IAAI,0BAA0B,CAC9C,CACL,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n/**\n * This web component is designed to display a user-friendly error message when a search query fails, providing clear feedback to users and enhancing their experience when an issue arises during the search process.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-error-message error-message=\"No search results found for query\" />\n * ```\n */\n@Component({\n  tag: 'searchcraft-error-message',\n  shadow: false,\n})\nexport class SearchcraftErrorMessage {\n  /**\n   * The error message.\n   */\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"]}