@searchcraft/javascript-sdk 0.4.1 → 0.5.0

package/dist/collection/components/searchcraft-auto-search-form/searchcraft-auto-search-form.module.css

@@ -1,104 +0,0 @@
-:root {
-  /** Appearance & Layout */
-  --sc-spinner-size: 20px;
-  --sc-input-border-radius: 8px;
-  --sc-input-search-icon-size: 20px;
-  --sc-input-clear-icon-size: 20px;
-  --sc-input-padding-left: 44px;
-  --sc-input-padding-right: 44px;
-  --sc-image-border-radius: 8px;
-}
-
-:root {
-  --sc-surface-disabled: #D9D9D9;
-  --sc-surface-neutral-primary: #FFFFFF;
-  --sc-surface-neutral-secondary: #F3F3F3;
-  --sc-surface-neutral-light: #FFFFFF;
-  --sc-surface-neutral-primary-hover: #FAFAFA;
-  --sc-surface-neutral-primary-active: #F7F7F7;
-  --sc-surface-neutral-secondary-hover: #EDEDED;
-  --sc-surface-neutral-secondary-active: #E6E6E6;
-  --sc-surface-brand-primary: #000000;
-  --sc-surface-brand-secondary: #E6E6E6;
-  --sc-surface-brand-primary-hover: #2E2E2E;
-  --sc-surface-brand-primary-active: #292929;
-  --sc-surface-brand-secondary-hover: #EBEBEB;
-  --sc-surface-brand-secondary-active: #E0E0E0;
-  --sc-surface-success-primary: #008000;
-  --sc-surface-success-secondary: #CCFFCC;
-  --sc-surface-success-primary-hover: #009900;
-  --sc-surface-success-primary-active: #006600;
-  --sc-surface-success-secondary-hover: #E6FFE6;
-  --sc-surface-success-secondary-active: #E6FFE6;
-  --sc-surface-caution-primary: #CC6600;
-  --sc-surface-caution-secondary: #FFD9B3;
-  --sc-surface-caution-primary-hover: #E57300;
-  --sc-surface-caution-primary-active: #B25A00;
-  --sc-surface-caution-secondary-hover: #FFE5CC;
-  --sc-surface-caution-secondary-active: #FFCC99;
-  --sc-surface-danger-primary: #CC0000;
-  --sc-surface-danger-secondary: #FFCCCC;
-  --sc-surface-danger-primary-hover: #E50000;
-  --sc-surface-danger-primary-active: #B30000;
-  --sc-surface-danger-secondary-hover: #FFE7E7;
-  --sc-surface-danger-secondary-active: #FFB3B3;
-  --sc-content-brand: #000000;
-  --sc-content-success: #008000;
-  --sc-content-caution: #994D00;
-  --sc-content-danger: #990000;
-  --sc-content-disabled: #737373;
-  --sc-content-neutral-primary: #292929;
-  --sc-content-neutral-secondary: #404040;
-  --sc-content-brand-on-primary: #FFFFFF;
-  --sc-content-success-on-primary: #FFFFFF;
-  --sc-content-caution-on-primary: #FFFFFF;
-  --sc-content-danger-on-primary: #FFFFFF;
-  --sc-content-disabled-on-disabled: #737373;
-  --sc-border-neutral: rgba(0,0,0, 0.1);
-  --sc-border-brand: #000000;
-  --sc-border-success: #008000;
-  --sc-border-caution: #CC6600;
-  --sc-border-danger: #CC0000;
-  --sc-border-disabled: #737373;
-}
-
-:root {
-  /** Typography */
-  --sc-font-family: sans-serif;
-  --sc-heading-1-font-size: 32px;
-  --sc-heading-1-line-height: 36px;
-  --sc-heading-1-font-weight: 700;
-  --sc-heading-2-font-size: 29px;
-  --sc-heading-2-line-height: 32px;
-  --sc-heading-2-font-weight: 700;
-  --sc-heading-3-font-size: 26px;
-  --sc-heading-3-line-height: 28px;
-  --sc-heading-3-font-weight: 700;
-  --sc-heading-4-font-size: 23px;
-  --sc-heading-4-line-height: 24px;
-  --sc-heading-4-font-weight: 700;
-  --sc-heading-5-font-size: 20px;
-  --sc-heading-5-line-height: 24px;
-  --sc-heading-5-font-weight: 700;
-  --sc-heading-6-font-size: 10px;
-  --sc-heading-6-line-height: 12px;
-  --sc-heading-6-font-weight: 700;
-  --sc-body-bold-font-size: 16px;
-  --sc-body-bold-line-height: 20px;
-  --sc-body-bold-font-weight: 700;
-  --sc-body-font-size: 16px;
-  --sc-body-line-height: 20px;
-  --sc-body-font-weight:400;
-  --sc-body-small-bold-font-size: 12px;
-  --sc-body-small-bold-line-height: 16px;
-  --sc-body-small-bold-font-weight: 700;
-  --sc-body-small-font-size: 12px;
-  --sc-body-small-line-height: 16px;
-  --sc-body-small-font-weight: 400;
-}
-
-.searchcraft-auto-search-form {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}

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

@@ -1,190 +0,0 @@
-import { h } from "@stencil/core";
-import { SearchcraftCore } from "@searchcraft/core";
-import { useSearchcraftStore, useThemeStore } from "../../provider/store";
-import packageJson from "../../../package.json";
-export class SearchcraftBaseSearchForm {
-    constructor() {
-        this.clearInput = () => { };
-        this.searchStore = useSearchcraftStore.getState();
-        this.themeStore = useThemeStore.getState();
-        this.componentDidLoad = () => {
-            const searchcraft = new SearchcraftCore(this.config, {
-                sdkName: packageJson.name,
-                sdkVersion: packageJson.version,
-            });
-            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 = {
-            readKey: '',
-            endpointURL: '',
-            index: [],
-        };
-        this.errorMessage = 'Search was unsuccessful';
-        this.inputLabel = 'Search';
-        this.buttonLabel = 'Find';
-        this.buttonPlacement = 'right';
-        this.error = false;
-        this.query = '';
-        this.searchResults = null;
-    }
-    render() {
-        return (h("form", { key: '3200182783a9612326e4350beda3e0facc3abd83', class: 'searchcraft-base-search-form', onSubmit: this.handleFormSubmit }, h("searchcraft-input-label", { key: '51fbd74cab7f82435b21edcee9855fe570199d5a', label: this.inputLabel }), h("div", { key: '245a6e8fd2abf14f379e8dee9a2012a7a0fa7636', class: 'searchcraft-base-search-form-input-container' }, this.buttonPlacement === 'left' && (h("searchcraft-button", { key: '53b09c93f5ebaf548b6954923eaa5eb0e8c6ba18', onButtonClick: this.handleFormSubmit, label: this.buttonLabel })), h("searchcraft-input", { key: 'b8154b313b93cbd043bf141bdb505f8fc874428b', onClearInput: this.handleClearInput, onInputChange: this.handleSearchInputChange, query: this.query }), this.buttonPlacement === 'right' && (h("searchcraft-button", { key: '534fbb59f038a670f2a65293fa5dd6a9a3cba92d', onButtonClick: this.handleFormSubmit, label: this.buttonLabel }))), this.error && (h("searchcraft-error-message", { key: '8ed98aa322c4104346ac3dcb578133d8e2758866', errorMessage: this.errorMessage }))));
-    }
-    static get is() { return "searchcraft-base-search-form"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["searchcraft-base-search-form.module.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["searchcraft-base-search-form.module.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "config": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SearchcraftConfig",
-                    "resolved": "SearchcraftConfig",
-                    "references": {
-                        "SearchcraftConfig": {
-                            "location": "import",
-                            "path": "@searchcraft/core",
-                            "id": "../core-sdk/dist/index.d.ts::SearchcraftConfig"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "defaultValue": "{\n    readKey: '',\n    endpointURL: '',\n    index: [],\n  }"
-            },
-            "errorMessage": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "error-message",
-                "reflect": false,
-                "defaultValue": "'Search was unsuccessful'"
-            },
-            "inputLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "input-label",
-                "reflect": false,
-                "defaultValue": "'Search'"
-            },
-            "buttonLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "button-label",
-                "reflect": false,
-                "defaultValue": "'Find'"
-            },
-            "buttonPlacement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'right' | 'left'",
-                    "resolved": "\"left\" | \"right\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "button-placement",
-                "reflect": false,
-                "defaultValue": "'right'"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "error": {},
-            "query": {},
-            "searchResults": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "clearInput",
-                "name": "clearInput",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=searchcraft-base-search-form.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-base-search-form.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-base-search-form/searchcraft-base-search-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Event, Prop, State } from '@stencil/core';\n\nimport { type SearchcraftConfig, SearchcraftCore } from '@searchcraft/core';\n\nimport { useSearchcraftStore, useThemeStore } from '@provider/store';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\n\nimport packageJson from '../../../package.json';\n\n@Component({\n  tag: 'searchcraft-base-search-form',\n  styleUrl: 'searchcraft-base-search-form.module.scss',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchForm {\n  @Prop() config: SearchcraftConfig = {\n    readKey: '',\n    endpointURL: '',\n    index: [],\n  };\n  @Prop() errorMessage = 'Search was unsuccessful';\n  @Prop() inputLabel = 'Search';\n  @Prop() buttonLabel = 'Find';\n  @Prop() buttonPlacement: 'right' | 'left' = 'right';\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      sdkName: packageJson.name,\n      sdkVersion: packageJson.version,\n    });\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='searchcraft-base-search-form'\n        onSubmit={this.handleFormSubmit}\n      >\n        <searchcraft-input-label label={this.inputLabel} />\n        <div class='searchcraft-base-search-form-input-container'>\n          {this.buttonPlacement === 'left' && (\n            <searchcraft-button\n              onButtonClick={this.handleFormSubmit}\n              label={this.buttonLabel}\n            />\n          )}\n          <searchcraft-input\n            onClearInput={this.handleClearInput}\n            onInputChange={this.handleSearchInputChange}\n            query={this.query}\n          />\n          {this.buttonPlacement === 'right' && (\n            <searchcraft-button\n              onButtonClick={this.handleFormSubmit}\n              label={this.buttonLabel}\n            />\n          )}\n        </div>\n        {this.error && (\n          <searchcraft-error-message errorMessage={this.errorMessage} />\n        )}\n      </form>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-base-search-form/searchcraft-base-search-form.module.css

@@ -1,104 +0,0 @@
-:root {
-  /** Appearance & Layout */
-  --sc-spinner-size: 20px;
-  --sc-input-border-radius: 8px;
-  --sc-input-search-icon-size: 20px;
-  --sc-input-clear-icon-size: 20px;
-  --sc-input-padding-left: 44px;
-  --sc-input-padding-right: 44px;
-  --sc-image-border-radius: 8px;
-}
-
-:root {
-  --sc-surface-disabled: #D9D9D9;
-  --sc-surface-neutral-primary: #FFFFFF;
-  --sc-surface-neutral-secondary: #F3F3F3;
-  --sc-surface-neutral-light: #FFFFFF;
-  --sc-surface-neutral-primary-hover: #FAFAFA;
-  --sc-surface-neutral-primary-active: #F7F7F7;
-  --sc-surface-neutral-secondary-hover: #EDEDED;
-  --sc-surface-neutral-secondary-active: #E6E6E6;
-  --sc-surface-brand-primary: #000000;
-  --sc-surface-brand-secondary: #E6E6E6;
-  --sc-surface-brand-primary-hover: #2E2E2E;
-  --sc-surface-brand-primary-active: #292929;
-  --sc-surface-brand-secondary-hover: #EBEBEB;
-  --sc-surface-brand-secondary-active: #E0E0E0;
-  --sc-surface-success-primary: #008000;
-  --sc-surface-success-secondary: #CCFFCC;
-  --sc-surface-success-primary-hover: #009900;
-  --sc-surface-success-primary-active: #006600;
-  --sc-surface-success-secondary-hover: #E6FFE6;
-  --sc-surface-success-secondary-active: #E6FFE6;
-  --sc-surface-caution-primary: #CC6600;
-  --sc-surface-caution-secondary: #FFD9B3;
-  --sc-surface-caution-primary-hover: #E57300;
-  --sc-surface-caution-primary-active: #B25A00;
-  --sc-surface-caution-secondary-hover: #FFE5CC;
-  --sc-surface-caution-secondary-active: #FFCC99;
-  --sc-surface-danger-primary: #CC0000;
-  --sc-surface-danger-secondary: #FFCCCC;
-  --sc-surface-danger-primary-hover: #E50000;
-  --sc-surface-danger-primary-active: #B30000;
-  --sc-surface-danger-secondary-hover: #FFE7E7;
-  --sc-surface-danger-secondary-active: #FFB3B3;
-  --sc-content-brand: #000000;
-  --sc-content-success: #008000;
-  --sc-content-caution: #994D00;
-  --sc-content-danger: #990000;
-  --sc-content-disabled: #737373;
-  --sc-content-neutral-primary: #292929;
-  --sc-content-neutral-secondary: #404040;
-  --sc-content-brand-on-primary: #FFFFFF;
-  --sc-content-success-on-primary: #FFFFFF;
-  --sc-content-caution-on-primary: #FFFFFF;
-  --sc-content-danger-on-primary: #FFFFFF;
-  --sc-content-disabled-on-disabled: #737373;
-  --sc-border-neutral: rgba(0,0,0, 0.1);
-  --sc-border-brand: #000000;
-  --sc-border-success: #008000;
-  --sc-border-caution: #CC6600;
-  --sc-border-danger: #CC0000;
-  --sc-border-disabled: #737373;
-}
-
-:root {
-  /** Typography */
-  --sc-font-family: sans-serif;
-  --sc-heading-1-font-size: 32px;
-  --sc-heading-1-line-height: 36px;
-  --sc-heading-1-font-weight: 700;
-  --sc-heading-2-font-size: 29px;
-  --sc-heading-2-line-height: 32px;
-  --sc-heading-2-font-weight: 700;
-  --sc-heading-3-font-size: 26px;
-  --sc-heading-3-line-height: 28px;
-  --sc-heading-3-font-weight: 700;
-  --sc-heading-4-font-size: 23px;
-  --sc-heading-4-line-height: 24px;
-  --sc-heading-4-font-weight: 700;
-  --sc-heading-5-font-size: 20px;
-  --sc-heading-5-line-height: 24px;
-  --sc-heading-5-font-weight: 700;
-  --sc-heading-6-font-size: 10px;
-  --sc-heading-6-line-height: 12px;
-  --sc-heading-6-font-weight: 700;
-  --sc-body-bold-font-size: 16px;
-  --sc-body-bold-line-height: 20px;
-  --sc-body-bold-font-weight: 700;
-  --sc-body-font-size: 16px;
-  --sc-body-line-height: 20px;
-  --sc-body-font-weight:400;
-  --sc-body-small-bold-font-size: 12px;
-  --sc-body-small-bold-line-height: 16px;
-  --sc-body-small-bold-font-weight: 700;
-  --sc-body-small-font-size: 12px;
-  --sc-body-small-line-height: 16px;
-  --sc-body-small-font-weight: 400;
-}
-
-.searchcraft-base-search-form-input-container {
-  align-items: center;
-  display: flex;
-  gap: 8px;
-}

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

@@ -1,266 +0,0 @@
-import { h, } from "@stencil/core";
-import classNames from "classnames";
-import { parseCustomStyles } from "../../utils/utils";
-export class SearchcraftInput {
-    constructor() {
-        this.handleOnInput = (event) => {
-            const input = event.target;
-            this.inputValue = input.value;
-            this.inputChange.emit(input.value);
-        };
-        this.handleClearInput = () => {
-            this.inputValue = '';
-            if (this.clearInput) {
-                this.clearInput.emit();
-            }
-            if (this.inputValue === '') {
-                return;
-            }
-        };
-        this.customStyles = {};
-        this.error = false;
-        this.inputCaptionClassName = '';
-        this.inputCaptionValue = '';
-        this.inputClassName = '';
-        this.isRequesting = false;
-        this.placeholderValue = 'Enter Search';
-        this.query = '';
-        this.flex = true;
-        this.inputValue = this.query;
-    }
-    render() {
-        const validatedCustomStyles = parseCustomStyles(this.customStyles);
-        const inputWrapperClassNames = classNames('searchcraft-input-wrapper', {
-            'searchcraft-input-wrapper-flex': this.flex,
-        });
-        const inputClassNames = classNames('searchcraft-input', {
-            'searchcraft-input-flex': this.flex,
-            error: this.error,
-        });
-        const isShowingClearButton = this.inputValue.length > 0;
-        return (h("div", { key: 'ccc37209c67ce2d5faa3ad435f0c303bf23b9355', class: inputWrapperClassNames }, h("input", { key: 'd368f669c9e5ab7716502100d27325140a7d4c4e', autoComplete: 'off', class: inputClassNames, onInput: (event) => {
-                this.handleOnInput(event);
-            }, placeholder: this.placeholderValue, style: validatedCustomStyles, type: 'text', value: this.inputValue }), h("div", { key: 'b26c20cf29469f80a072635a4dc23ca8123d2b0b', class: 'searchcraft-input-search-icon-wrapper' }, h("svg", { key: '0865511d00e078982fe873e2b6fce30df290cdbd', class: 'searchcraft-input-search-icon', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, h("title", { key: '09e89005bc7972729888ed787f579ad18b6886b4', id: 'searchcraft-title' }, "Searchcraft Search Icon Light"), h("path", { key: 'fc37d213842b87f26d9d9f89c0708392a197648c', d: 'M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z', stroke: '#404040', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))), isShowingClearButton && (h("button", { key: '779b81efc2ae5e985415edf4f9c02618852c7185', type: 'button', class: 'searchcraft-input-clear-button', onClick: this.handleClearInput }, h("svg", { key: '511dd4755fd75ab0a75ecd21ad18eb8726f84c94', class: 'searchcraft-input-clear-icon', viewBox: '0 0 22 22', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, h("title", { key: '97304d272345567dd59ef1c1985663074bd0ed0e', id: 'icon-title' }, "Searchcraft Clear Input Icon Light"), h("path", { key: '147f88e2f51d855fbc097e81d32f24c27217f443', d: 'M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z', stroke: 'black', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))))));
-    }
-    static get is() { return "searchcraft-input"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["searchcraft-input.module.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["searchcraft-input.module.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "customStyles": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | Record<string, string>",
-                    "resolved": "string | { [x: string]: string; }",
-                    "references": {
-                        "Record": {
-                            "location": "global",
-                            "id": "global::Record"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "custom-styles",
-                "reflect": false,
-                "defaultValue": "{}"
-            },
-            "error": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "error",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "inputCaptionClassName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "input-caption-class-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "inputCaptionValue": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "input-caption-value",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "inputClassName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "input-class-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "isRequesting": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "is-requesting",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "placeholderValue": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "placeholder-value",
-                "reflect": false,
-                "defaultValue": "'Enter Search'"
-            },
-            "query": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "query",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "flex": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "flex",
-                "reflect": false,
-                "defaultValue": "true"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "inputValue": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "clearInput",
-                "name": "clearInput",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "inputChange",
-                "name": "inputChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=searchcraft-input.js.map