@searchcraft/javascript-sdk 0.4.1 → 0.5.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-input.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-input/searchcraft-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { parseCustomStyles } from '@utils/utils';\n\nexport interface ScInputCustomEvent<T> extends CustomEvent<T> {\n  detail: T;\n  target: HTMLSearchcraftInputElement;\n}\n\n@Component({\n  tag: 'searchcraft-input',\n  styleUrl: 'searchcraft-input.module.scss',\n  shadow: false,\n})\nexport class SearchcraftInput {\n  @Prop() customStyles: string | Record<string, string> = {};\n  @Prop() error = false;\n  @Prop() inputCaptionClassName = '';\n  @Prop() inputCaptionValue = '';\n  @Prop() inputClassName = '';\n  @Prop() isRequesting = false;\n  @Prop() placeholderValue = 'Enter Search';\n  @Prop() query = '';\n  @Prop() flex = true;\n\n  @Event() clearInput: EventEmitter<void>;\n  @Event() inputChange: EventEmitter<string>;\n\n  @State() inputValue = this.query;\n\n  handleOnInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.inputValue = input.value;\n    this.inputChange.emit(input.value);\n  };\n\n  handleClearInput = () => {\n    this.inputValue = '';\n\n    if (this.clearInput) {\n      this.clearInput.emit();\n    }\n    if (this.inputValue === '') {\n      return;\n    }\n  };\n\n  render() {\n    const validatedCustomStyles = parseCustomStyles(this.customStyles);\n\n    const inputWrapperClassNames = classNames('searchcraft-input-wrapper', {\n      'searchcraft-input-wrapper-flex': this.flex,\n    });\n\n    const inputClassNames = classNames('searchcraft-input', {\n      'searchcraft-input-flex': this.flex,\n      error: this.error,\n    });\n\n    const isShowingClearButton = this.inputValue.length > 0;\n\n    return (\n      <div class={inputWrapperClassNames}>\n        <input\n          autoComplete='off'\n          class={inputClassNames}\n          onInput={(event) => {\n            this.handleOnInput(event);\n          }}\n          placeholder={this.placeholderValue}\n          style={validatedCustomStyles}\n          type='text'\n          value={this.inputValue}\n        />\n        <div class='searchcraft-input-search-icon-wrapper'>\n          <svg\n            class='searchcraft-input-search-icon'\n            viewBox='0 0 20 20'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            aria-labelledby='searchcraft-title'\n          >\n            <title id='searchcraft-title'>Searchcraft Search Icon Light</title>\n            <path\n              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'\n              stroke='#404040'\n              stroke-width='1.5'\n              stroke-linecap='round'\n              stroke-linejoin='round'\n            />\n          </svg>\n        </div>\n        {isShowingClearButton && (\n          <button\n            type='button'\n            class='searchcraft-input-clear-button'\n            onClick={this.handleClearInput}\n          >\n            <svg\n              class='searchcraft-input-clear-icon'\n              viewBox='0 0 22 22'\n              fill='none'\n              xmlns='http://www.w3.org/2000/svg'\n              aria-labelledby='icon-title'\n            >\n              <title id='icon-title'>Searchcraft Clear Input Icon Light</title>\n              <path\n                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'\n                stroke='black'\n                stroke-width='1.5'\n                stroke-linecap='round'\n                stroke-linejoin='round'\n              />\n            </svg>\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-spinner-dark/searchcraft-spinner-dark.js

@@ -1,19 +0,0 @@
-import { h } from "@stencil/core";
-export class SearchcraftSpinnerDark {
-    render() {
-        return (h("div", { key: '8422a3414f343dbcd8f7c90ffc8ad440a52d22d9', class: 'spinnerContainer' }, h("div", { key: '06ae9efe8771068a9fec6769c0a614a98ceb8031', class: 'spinnerDark' })));
-    }
-    static get is() { return "searchcraft-spinner-dark"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["searchcraft-spinner-dark.module.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["searchcraft-spinner-dark.module.css"]
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-spinner-dark.js.map

package/dist/collection/components/searchcraft-spinner-dark/searchcraft-spinner-dark.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-spinner-dark.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,aAAa,GAAG,CACvB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-spinner-dark',\n  styleUrl: 'searchcraft-spinner-dark.module.scss',\n  shadow: true,\n})\nexport class SearchcraftSpinnerDark {\n  render() {\n    return (\n      <div class='spinnerContainer'>\n        <div class='spinnerDark' />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-spinner-dark/searchcraft-spinner-dark.module.css

@@ -1,134 +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;
-}
-
-.spinnerContainer {
-  background-color: transparent;
-  height: var(--sc-spinner-size);
-  width: var(--sc-spinner-size);
-}
-
-.spinnerDark {
-  animation: spinning 1s linear infinite;
-  background: conic-gradient(#000 50%, #FFFFFF);
-  clip-path: circle(50%);
-  height: 100%;
-  mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) calc(var(--sc-spinner-size) / 3), rgb(0, 0, 0) calc(var(--sc-spinner-size) / 3));
-  width: 100%;
-}
-
-.spinnerLight {
-  animation: spinning 1s linear infinite;
-  background: conic-gradient(#737373 50%, #FFFFFF);
-  clip-path: circle(50%);
-  height: 100%;
-  mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) calc(var(--sc-spinner-size) / 3), rgb(0, 0, 0) calc(var(--sc-spinner-size) / 3));
-  width: 100%;
-}
-
-@keyframes spinning {
-  0% {
-    transform: rotate(0deg);
-  }
-  50% {
-    transform: rotate(180deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.js

@@ -1,19 +0,0 @@
-import { h } from "@stencil/core";
-export class SearchcraftSpinnerLight {
-    render() {
-        return (h("div", { key: 'de06c1135cf78661d281880cfccea9c07271f184', class: 'spinnerContainer' }, h("div", { key: '1422c0fd8e9b2b57f5999933a762ffde4559e609', class: 'spinnerLight' })));
-    }
-    static get is() { return "searchcraft-spinner-light"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["searchcraft-spinner-light.module.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["searchcraft-spinner-light.module.css"]
-        };
-    }
-}
-//# sourceMappingURL=searchcraft-spinner-light.js.map

package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"searchcraft-spinner-light.js","sourceRoot":"","sources":["../../../../src/components/searchcraft-spinner-light/searchcraft-spinner-light.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,uBAAuB;IAClC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,cAAc,GAAG,CACxB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-spinner-light',\n  styleUrl: 'searchcraft-spinner-light.module.scss',\n  shadow: true,\n})\nexport class SearchcraftSpinnerLight {\n  render() {\n    return (\n      <div class='spinnerContainer'>\n        <div class='spinnerLight' />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.module.css

@@ -1,125 +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;
-}
-
-.spinnerContainer {
-  background-color: transparent;
-  height: var(--sc-spinner-size);
-  width: var(--sc-spinner-size);
-}
-
-.spinnerLight {
-  animation: spinning 1s linear infinite;
-  background: conic-gradient(#737373 50%, #FFFFFF);
-  clip-path: circle(50%);
-  height: 100%;
-  mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) calc(var(--sc-spinner-size) / 3), rgb(0, 0, 0) calc(var(--sc-spinner-size) / 3));
-  width: 100%;
-}
-
-@keyframes spinning {
-  0% {
-    transform: rotate(0deg);
-  }
-  50% {
-    transform: rotate(180deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/dist/components/p-04d13314.js

@@ -1,29 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-5639be85.js';
-
-const SearchcraftCheckIcon = /*@__PURE__*/ proxyCustomElement(class SearchcraftCheckIcon extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h("svg", { key: '3db200942b79612a38293544a029c6854dfa4beb', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none' }, h("title", { key: 'b7b6af8651edb5cc0e054ed775b9029c6c93535e' }, "Checkbox Check"), h("path", { key: '7c74edc45f007245e4c6e4fd5d37dbc6dad20de0', d: 'M13.9999 2L5.74988 10L1.99988 6.36364', stroke: 'white', "stroke-width": '3', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
-    }
-}, [1, "searchcraft-check-icon"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["searchcraft-check-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "searchcraft-check-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SearchcraftCheckIcon);
-            }
-            break;
-    } });
-}
-
-export { SearchcraftCheckIcon as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-04d13314.js.map

package/dist/components/p-04d13314.js.map

@@ -1 +0,0 @@
-{"file":"p-04d13314.js","mappings":";;MAMa,oBAAoB;;;;;;IAC/B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IACzD,iFAA6B,EAC7B,6DACE,CAAC,EAAC,uCAAuC,EACzC,MAAM,EAAC,OAAO,kBACD,GAAG,oBACD,OAAO,qBACN,OAAO,GACvB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/assets/searchcraft-check-icon.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-check-icon',\n  shadow: true,\n})\nexport class SearchcraftCheckIcon {\n  render() {\n    return (\n      <svg width='16' height='16' viewBox='0 0 16 16' fill='none'>\n        <title>Checkbox Check</title>\n        <path\n          d='M13.9999 2L5.74988 10L1.99988 6.36364'\n          stroke='white'\n          stroke-width='3'\n          stroke-linecap='round'\n          stroke-linejoin='round'\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-37f54c0b.js.map

@@ -1 +0,0 @@
-{"file":"p-37f54c0b.js","mappings":";;;;AAAA,MAAM,0BAA0B,GAAG,soHAAsoH,CAAC;AAC1qH,gCAAe,0BAA0B;;MCe5B,iBAAiB;;;;;QAUpB,gBAAW,GAAG;YACpB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;;wBAViB,KAAK;4BACD,MAAM;qBACb,QAAQ;4BAIA,KAAK;;IAM7B,MAAM;QACJ,QACE,EAAC,QAAQ,uDACN,IAAI,CAAC,QAAQ,IACZ,cACE,KAAK,EAAE,UAAU,CAAC,oBAAoB,CAAC,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,IAChB,mCAA4B,KAE5B,IAAI,CAAC,WAAW,CACjB,CACM,KAET,cACE,KAAK,EAAE,UAAU,CAAC,oBAAoB,CAAC,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,YAAM,KAAK,EAAE,UAAU,CAAC,aAAa,EAAE,0BAA0B,CAAC,IAC/D,IAAI,CAAC,KAAK,CACN,CACA,CACV,CACQ,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-button/searchcraft-button.module.scss?tag=searchcraft-button","src/components/searchcraft-button/searchcraft-button.tsx"],"sourcesContent":[".searchcraft-button {\n  @include body-bold;\n\n  border-radius: 8px;\n  display: flex;\n  padding: 12px 20px;\n  position: relative;\n\n  background-color: var(--sc-surface-brand-primary);\n  border: 1px solid var(--sc-border-primary);\n  color: var(--sc-content-brand-on-primary);\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--sc-surface-brand-primary-hover);\n  }\n\n  &:focus {\n    outline: 2px solid var(--sc-surface-brand-primary);\n  }\n}\n\n.buttonLabel {\n  position: relative;\n}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  State,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-button',\n  styleUrl: 'searchcraft-button.module.scss',\n  shadow: false,\n})\nexport class SearchcraftButton {\n  @Prop() iconElement?: Element;\n  @Prop() iconOnly = false;\n  @Prop() iconPosition = 'left';\n  @Prop() label = 'Search';\n\n  @Event() buttonClick!: EventEmitter<void>;\n\n  @State() isRequesting = false;\n\n  private handleClick = () => {\n    this.buttonClick.emit();\n  };\n\n  render() {\n    return (\n      <Fragment>\n        {this.iconOnly ? (\n          <button\n            class={classNames('searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.isRequesting ? (\n              <searchcraft-spinner-dark />\n            ) : (\n              this.iconElement\n            )}\n          </button>\n        ) : (\n          <button\n            class={classNames('searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.iconPosition === 'left' && this.iconElement}\n            <span class={classNames('buttonLabel', 'searchcraft-button-label')}>\n              {this.label}\n            </span>\n          </button>\n        )}\n      </Fragment>\n    );\n  }\n}\n"],"version":3}