@searchcraft/javascript-sdk 0.6.0 → 0.7.1

package/dist/collection/components/searchcraft-slider/searchcraft-slider.module.css

@@ -1,231 +0,0 @@
-/** Appearance & Layout */
-:root {
-  /**
-   * Border radius of the input form element.
-   */
-  --sc-input-border-radius: 8px;
-  /**
-   * Icon size of the "magnifying glass" icon rendered in the input form.
-   */
-  --sc-input-search-icon-size: 20px;
-  /**
-   * Icon size of the `x` button rendered in the input form.
-   */
-  --sc-input-clear-icon-size: 20px;
-  /**
-   * Padding on the left side of the input form.
-   */
-  --sc-input-padding-left: 44px;
-  /**
-   * Padding on the right side of the input form.
-   */
-  --sc-input-padding-right: 44px;
-  /**
-   * Border radius applied to result images.
-   */
-  --sc-image-border-radius: 8px;
-  /**
-   * Border radius applied to popover form containers.
-   */
-  --sc-popover-form-border-radius: 8px;
-  /**
-   * Height of the list view/results container portion of the popover form.
-   */
-  --sc-popover-list-view-height: 400px;
-  /**
-   * Size of images of list view items in the popoer list view.
-   */
-  --sc-popover-list-item-image-size: 60px;
-  /**
-   * Horizontal padding of popover list items.
-   */
-  --sc-popover-list-item-padding-horizontal: 8px;
-  /**
-   * Vertical padding of popover list items.
-   */
-  --sc-popover-list-item-padding-vertical: 8px;
-  /**
-   * Maximum width of popover forms of type `modal`.
-   */
-  --sc-popover-modal-max-width: 570px;
-}
-
-: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;
-}
-
-/**
-* Variables that need to be part of the preprocessor can go here.
-*/
-:root {
-  --sc-breakpoint-sm: 576px;
-  --sc-breakpoint-md: 768px;
-  --sc-breakpoint-lg: 992px;
-}
-
-.searchcraft-slider-container {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  width: 100%;
-}
-
-.searchcraft-slider-range-container {
-  align-items: center;
-  background-color: var(--sc-surface-disabled);
-  border-radius: 999px;
-  display: flex;
-  position: relative;
-  height: 4px;
-  width: 100%;
-}
-.searchcraft-slider-range-container::-webkit-slider-runnable-track {
-  pointer-events: none;
-}
-.searchcraft-slider-range-container .searchcraft-slider-active-range {
-  background-color: var(--sc-surface-brand-primary);
-  border-radius: 2px;
-  height: 4px;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 0;
-}
-.searchcraft-slider-range-container .searchcraft-slider-active-range::-webkit-slider-runnable-track {
-  pointer-events: none;
-}
-.searchcraft-slider-range-container .searchcraft-slider-active-range::-moz-range-track {
-  pointer-events: none;
-}
-.searchcraft-slider-range-container .searchcraft-slider-input {
-  appearance: none;
-  background: transparent;
-  border-radius: 2px;
-  height: 4px;
-  margin: 0;
-  outline: none;
-  pointer-events: none;
-  position: absolute;
-  width: 100%;
-  -webkit-appearance: none;
-}
-.searchcraft-slider-range-container .searchcraft-slider-input::-webkit-slider-thumb {
-  background-color: var(--sc-surface-neutral-light);
-  border-radius: 50%;
-  border: 2px solid var(--sc-border-neutral);
-  cursor: pointer;
-  height: 20px;
-  pointer-events: all;
-  width: 20px;
-  -webkit-appearance: none;
-}
-.searchcraft-slider-range-container .searchcraft-slider-input::-moz-range-thumb {
-  background-color: var(--sc-surface-neutral-light);
-  border-radius: 50%;
-  border: 2px solid var(--sc-border-neutral);
-  cursor: pointer;
-  height: 20px;
-  pointer-events: all;
-  width: 20px;
-}
-
-.searchcraft-slider-label-container {
-  color: var(--sc-content-primary);
-  display: flex;
-  font-family: "Source Sans Pro", sans-serif;
-  font-size: 15px;
-  font-weight: 600;
-  justify-content: space-between;
-  margin-top: 10px;
-  width: 100%;
-}
-
-.searchcraft-slider-label {
-  min-width: 30px;
-  text-align: center;
-}

package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.module.css

@@ -1,207 +0,0 @@
-/** Appearance & Layout */
-:root {
-  /**
-   * Border radius of the input form element.
-   */
-  --sc-input-border-radius: 8px;
-  /**
-   * Icon size of the "magnifying glass" icon rendered in the input form.
-   */
-  --sc-input-search-icon-size: 20px;
-  /**
-   * Icon size of the `x` button rendered in the input form.
-   */
-  --sc-input-clear-icon-size: 20px;
-  /**
-   * Padding on the left side of the input form.
-   */
-  --sc-input-padding-left: 44px;
-  /**
-   * Padding on the right side of the input form.
-   */
-  --sc-input-padding-right: 44px;
-  /**
-   * Border radius applied to result images.
-   */
-  --sc-image-border-radius: 8px;
-  /**
-   * Border radius applied to popover form containers.
-   */
-  --sc-popover-form-border-radius: 8px;
-  /**
-   * Height of the list view/results container portion of the popover form.
-   */
-  --sc-popover-list-view-height: 400px;
-  /**
-   * Size of images of list view items in the popoer list view.
-   */
-  --sc-popover-list-item-image-size: 60px;
-  /**
-   * Horizontal padding of popover list items.
-   */
-  --sc-popover-list-item-padding-horizontal: 8px;
-  /**
-   * Vertical padding of popover list items.
-   */
-  --sc-popover-list-item-padding-vertical: 8px;
-  /**
-   * Maximum width of popover forms of type `modal`.
-   */
-  --sc-popover-modal-max-width: 570px;
-}
-
-: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;
-}
-
-/**
-* Variables that need to be part of the preprocessor can go here.
-*/
-:root {
-  --sc-breakpoint-sm: 576px;
-  --sc-breakpoint-md: 768px;
-  --sc-breakpoint-lg: 992px;
-}
-
-.searchcraft-toggle-button-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  gap: 10px;
-}
-
-.searchcraft-toggle-button-label {
-  font-family: var(--sc-font-family);
-  -webkit-font-smoothing: antialiased;
-  font-size: var(--sc-body-font-size);
-  font-weight: var(--sc-body-font-weight);
-  line-height: var(--sc-body-line-height);
-  margin: 0;
-  color: var(--sc-content-neutral-primary);
-}
-
-.searchcraft-toggle-button-sub-label {
-  font-family: var(--sc-font-family);
-  -webkit-font-smoothing: antialiased;
-  font-size: var(--sc-body-small-font-size);
-  font-weight: var(--sc-body-small-font-weight);
-  line-height: var(--sc-body-small-line-height);
-  margin: 0;
-  color: var(--sc-content-neutral-secondary);
-}
-
-.searchcraft-toggle-button-background {
-  transition: background-color 0.2s;
-  background: var(--sc-surface-disabled);
-  border: none;
-  border-radius: 16px;
-  cursor: pointer;
-  height: 26px;
-  position: relative;
-  width: 44px;
-  flex-shrink: 0;
-}
-
-.searchcraft-toggle-button-background.active {
-  background: var(--sc-surface-brand-primary);
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
-}
-
-.searchcraft-toggle-button-handle {
-  background: var(--sc-surface-neutral-light);
-  border-radius: 50%;
-  height: 18px;
-  left: 4px;
-  position: absolute;
-  top: calc(50% - 9px);
-  transition: transform 0.3s ease;
-  width: 18px;
-}
-
-.searchcraft-toggle-button-handle.active {
-  transform: translateX(16px);
-}

package/dist/components/p-02a16e53.js

@@ -1,240 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-e4846fa2.js';
-import { u as useSearchcraftStore, b as ae } from './p-d6a88eed.js';
-import { p as parseCustomStyles } from './p-d9551738.js';
-import { c as classNames } from './p-5cdc6210.js';
-import { d as defineCustomElement$3 } from './p-f9d778b3.js';
-import { d as defineCustomElement$2 } from './p-953f4238.js';
-import { d as defineCustomElement$1 } from './p-a9bd1872.js';
-
-const name = "@searchcraft/javascript-sdk";
-const version = "0.6.0";
-const description = "Searchcraft Javascript SDK";
-const author = "Searchcraft";
-const license = "Apache-2.0";
-const main = "dist/index.cjs.js";
-const module = "dist/index.js";
-const types = "dist/types/index.d.ts";
-const collection = "dist/collection/collection-manifest.json";
-const unpkg = "dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js";
-const exports = {
-	".": {
-		"import": "./dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js",
-		require: "./dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.cjs.js",
-		types: "./dist/types/index.d.ts"
-	},
-	"./components": {
-		"import": "./dist/components/index.js",
-		types: "./dist/components/index.d.ts"
-	},
-	"./loader": {
-		"import": "./dist/loader/index.js",
-		require: "./dist/loader/index.cjs",
-		types: "./dist/loader/index.d.ts"
-	},
-	"./dist/components/*": {
-		"import": "./dist/components/*",
-		types: "./dist/components/*"
-	}
-};
-const repository = {
-	type: "git",
-	url: "https://bitbucket.org/madebychalk/searchcraft-javascript-sdks/"
-};
-const files = [
-	"dist/"
-];
-const scripts = {
-	build: "stencil build",
-	dev: "stencil build --dev --watch",
-	test: "stencil test --spec --e2e",
-	"test.watch": "stencil test --spec --e2e --watchAll",
-	generate: "stencil generate"
-};
-const dependencies = {
-	classnames: "^2.3.2"
-};
-const devDependencies = {
-	"@searchcraft/core": "^0.6.0",
-	"@searchcraft/javascript-sdk": "*",
-	"@stencil/core": "^4.7.0",
-	"@stencil/react-output-target": "^0.8.2",
-	"@stencil/sass": "^3.0.12",
-	"@types/node": "^16.18.11",
-	zustand: "^5.0.1"
-};
-const packageJson = {
-	name: name,
-	"private": false,
-	version: version,
-	description: description,
-	author: author,
-	license: license,
-	main: main,
-	module: module,
-	types: types,
-	collection: collection,
-	"collection:main": "dist/collection/index.js",
-	unpkg: unpkg,
-	exports: exports,
-	repository: repository,
-	files: files,
-	scripts: scripts,
-	dependencies: dependencies,
-	devDependencies: devDependencies
-};
-
-const searchcraftInputFormModuleCss = ":root{--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;--sc-popover-form-border-radius:8px;--sc-popover-list-view-height:400px;--sc-popover-list-item-image-size:60px;--sc-popover-list-item-padding-horizontal:8px;--sc-popover-list-item-padding-vertical:8px;--sc-popover-modal-max-width:570px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}:root{--sc-breakpoint-sm:576px;--sc-breakpoint-md:768px;--sc-breakpoint-lg:992px}.searchcraft-input-grid{display:grid;gap:4px 8px}.searchcraft-input-grid-buttonLeft{grid-template-rows:repeat(3, auto);grid-template-columns:auto 1fr}.searchcraft-input-grid-buttonLeft .searchcraft-input-button-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-label-wrapper{grid-column:2/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-error-wrapper{grid-column:2/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonLeft .searchcraft-input-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonRight{grid-template-rows:repeat(3, auto);grid-template-columns:1fr auto}.searchcraft-input-grid-buttonRight .searchcraft-input-button-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-label-wrapper{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-error-wrapper{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonRight .searchcraft-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-grid-buttonNone{grid-template-rows:repeat(3, auto);grid-template-columns:auto}.searchcraft-input-grid-buttonNone .searchcraft-input-button-wrapper{display:none}.searchcraft-input-grid-buttonNone .searchcraft-input-label-wrapper{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-grid-buttonNone .searchcraft-input-error-wrapper{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-grid-buttonNone .searchcraft-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-wrapper{position:relative;display:flex}.searchcraft-input{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-body-font-weight);line-height:var(--sc-body-line-height);background-color:var(--sc-surface-neutral-secondary);border-radius:var(--sc-input-border-radius);border:none;color:var(--sc-content-neutral-primary);outline:none;padding-left:var(--sc-input-padding-left);padding-right:var(--sc-input-padding-right);padding-top:12px;padding-bottom:12px;flex:1}.searchcraft-input::placeholder{color:var(--sc-content-disabled)}.searchcraft-input:focus{outline:var(--sc-border-brand) solid 2px}.searchcraft-input:focus::placeholder{opacity:0}.searchcraft-input.error{color:var(--sc-content-danger);outline:var(--sc-border-danger) solid 2px}.searchcraft-input.error:focus{outline:var(--sc-border-danger) solid 2px}.searchcraft-input-search-icon-wrapper{align-items:center;justify-content:center;display:flex;position:absolute;pointer-events:none;bottom:0;left:0;top:0;width:var(--sc-input-padding-left)}.searchcraft-input-search-icon{pointer-events:none;width:var(--sc-input-search-icon-size);height:var(--sc-input-search-icon-size)}.searchcraft-input-clear-button{all:unset;align-items:center;justify-content:center;cursor:pointer;display:flex;position:absolute;border:none;outline:none;bottom:0;right:0;top:0;width:var(--sc-input-padding-right)}.searchcraft-input-clear-icon{width:var(--sc-input-clear-icon-size);height:var(--sc-input-clear-icon-size)}";
-const SearchcraftInputFormStyle0 = searchcraftInputFormModuleCss;
-
-const SearchcraftInput = /*@__PURE__*/ proxyCustomElement(class SearchcraftInput extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.inputCleared = createEvent(this, "inputCleared", 7);
-        this.noResultsReceived = createEvent(this, "noResultsReceived", 7);
-        this.inputFocus = createEvent(this, "inputFocus", 7);
-        this.inputBlur = createEvent(this, "inputBlur", 7);
-        this.inputInit = createEvent(this, "inputInit", 7);
-        this.querySubmit = createEvent(this, "querySubmit", 7);
-        this.searchStore = useSearchcraftStore.getState();
-        this.handleOnInput = (event) => {
-            const input = event.target;
-            this.inputValue = input.value;
-            if (input.value.trim() === '') {
-                this.inputCleared.emit();
-                this.searchTerm = '';
-                this.searchStore.setQuery('');
-                this.searchStore.setSearchResults(null);
-                return;
-            }
-            if (!this.autoSearch) {
-                return;
-            }
-            this.performSearch(input.value);
-        };
-        this.performSearch = async (value) => {
-            if (value === useSearchcraftStore.getState().query) {
-                return;
-            }
-            this.searchTerm = value.trim();
-            this.error = false;
-            this.searchStore.setQuery(this.searchTerm);
-            this.querySubmit.emit(this.searchTerm);
-            try {
-                await this.searchStore.search();
-            }
-            catch (error) {
-                this.error = true;
-                this.inputCleared.emit();
-            }
-        };
-        this.handleClearInput = () => {
-            this.inputValue = '';
-            this.searchTerm = '';
-            this.searchStore.setQuery('');
-            this.searchStore.setSearchResults(null);
-            this.error = false;
-            if (this.inputCleared) {
-                this.inputCleared.emit();
-            }
-        };
-        this.handleFormSubmit = async (event) => {
-            event.preventDefault();
-            await this.performSearch(this.searchTerm);
-        };
-        this.config = undefined;
-        this.autoSearch = true;
-        this.buttonPlacement = 'none';
-        this.buttonLabel = undefined;
-        this.inputLabel = undefined;
-        this.customStyles = {};
-        this.placeholderValue = 'Enter Search';
-        this.searchTerm = '';
-        this.inputValue = this.searchTerm;
-        this.error = false;
-        this.isSearchcraftInitialized = false;
-    }
-    init() {
-        if (this.config && !this.isSearchcraftInitialized) {
-            const searchcraft = new ae(this.config, {
-                sdkName: packageJson.name,
-                sdkVersion: packageJson.version,
-            });
-            this.searchStore.initialize(searchcraft, true);
-            this.isSearchcraftInitialized = true;
-            this.inputInit.emit();
-        }
-    }
-    componentDidLoad() {
-        this.init();
-    }
-    onConfigChange() {
-        this.init();
-    }
-    render() {
-        const validatedCustomStyles = parseCustomStyles(this.customStyles);
-        const isShowingClearButton = this.inputValue.length > 0;
-        const inputGridClassNames = classNames('searchcraft-input-grid', {
-            'searchcraft-input-grid-buttonLeft': this.buttonPlacement === 'left',
-            'searchcraft-input-grid-buttonRight': this.buttonPlacement === 'right',
-            'searchcraft-input-grid-buttonNone': this.buttonPlacement === 'none',
-        });
-        const shouldHaveVerticalGap = this.inputLabel || this.error;
-        const inputGridStyles = {
-            gap: shouldHaveVerticalGap ? '4px 8px' : '0px 8px',
-        };
-        return (h("form", { key: 'd257962d56a583e66bdf8b55786d5dfbae231965', class: 'searchcraft-input-form', onSubmit: this.handleFormSubmit }, h("div", { key: 'd9a8467a4d76433bc473941bd4583d991ae38040', class: inputGridClassNames, style: inputGridStyles }, h("div", { key: 'a94eacc99593ed6a30006532c51cdd38c692c93f', class: 'searchcraft-input-button-wrapper' }, h("searchcraft-button", { key: '43de9d2cd538bbdf2a2bbc9f5165bfb969943831', onButtonClick: this.handleFormSubmit, label: this.buttonLabel })), this.inputLabel && (h("div", { key: 'b3554f81577d4526023d8b67de6837386789e9f3', class: 'searchcraft-input-label-wrapper' }, h("searchcraft-input-label", { key: '5cda67f38d0914dfe7e1ea71bee60b69524e9d5c', label: this.inputLabel }))), this.error && (h("div", { key: '22b82da9420159ebaf00fe3bb790d6b07341a79e', class: 'searchcraft-input-error-wrapper' }, h("searchcraft-error-message", { key: '2cc5c322408b976a7043ef9640c812036468435d', errorMessage: 'Something went wrong.' }))), h("div", { key: 'f2741bd0d20604327fa4661c3213e48df7a58249', class: 'searchcraft-input-wrapper' }, h("input", { key: '692822c6a38001ba4c71289b6b7fba13767742b5', autoComplete: 'off', class: 'searchcraft-input', onFocus: () => this.inputFocus.emit(), onBlur: () => this.inputBlur.emit(), onInput: (event) => {
-                this.handleOnInput(event);
-            }, placeholder: this.placeholderValue, style: validatedCustomStyles, type: 'text', value: this.inputValue }), h("div", { key: '58af613c048e7c072e4a976f71ea1bd7b3632a62', class: 'searchcraft-input-search-icon-wrapper' }, h("svg", { key: 'e6cf67405b45703ca7ddaf46a59adbf5ff926f0e', 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: 'fa510c85900d9a716076ba79866f5bbe4f1a20ed', id: 'searchcraft-title' }, "Searchcraft Search Icon Light"), h("path", { key: 'ac9d166c19e6644adcbc00fe665e17fcf5449b73', 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: '992cf037b6b75200c64c21809915b5ce6f970f5c', type: 'button', class: 'searchcraft-input-clear-button', onClick: this.handleClearInput }, h("svg", { key: 'f09a5f2c1007cc11d89b2df06ec189d923bc634f', 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: '92bd5162ae636aaf6c8051959ff16cd26ee98660', id: 'icon-title' }, "Searchcraft Clear Input Icon Light"), h("path", { key: '9b5a8a4113a3162035d48895f0facf6f6045f266', 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 watchers() { return {
-        "config": ["onConfigChange"]
-    }; }
-    static get style() { return SearchcraftInputFormStyle0; }
-}, [0, "searchcraft-input-form", {
-        "config": [16],
-        "autoSearch": [4, "auto-search"],
-        "buttonPlacement": [1, "button-placement"],
-        "buttonLabel": [1, "button-label"],
-        "inputLabel": [1, "input-label"],
-        "customStyles": [1, "custom-styles"],
-        "placeholderValue": [1, "placeholder-value"],
-        "searchTerm": [1, "search-term"],
-        "inputValue": [32],
-        "error": [32],
-        "isSearchcraftInitialized": [32]
-    }, undefined, {
-        "config": ["onConfigChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["searchcraft-input-form", "searchcraft-button", "searchcraft-error-message", "searchcraft-input-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "searchcraft-input-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SearchcraftInput);
-            }
-            break;
-        case "searchcraft-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "searchcraft-error-message":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "searchcraft-input-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SearchcraftInput as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-02a16e53.js.map