@searchcraft/javascript-sdk 0.7.0 → 0.7.2

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-1ae87308.js

@@ -1,43 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-6cafd48d.js';
-
-const searchcraftPopoverListItemModuleCss = ":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-popover-list-item{all:unset;display:flex;flex-direction:row;cursor:pointer;gap:8px;padding-right:var(--sc-popover-list-item-padding-horizontal);padding-left:var(--sc-popover-list-item-padding-horizontal);padding-top:var(--sc-popover-list-item-padding-vertical);padding-bottom:var(--sc-popover-list-item-padding-vertical)}.searchcraft-popover-list-item:focus{background-color:var(--sc-surface-neutral-secondary-active);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item:hover{background-color:var(--sc-surface-neutral-secondary-hover);color:var(--sc-content-neutral-secondary)}.searchcraft-popover-list-item-title{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:inherit}.searchcraft-popover-list-item-subtitle{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:inherit}.searchcraft-popover-list-item-image-wrapper{width:var(--sc-popover-list-item-image-size);height:var(--sc-popover-list-item-image-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.searchcraft-popover-list-item-image{max-width:var(--sc-popover-list-item-image-size);max-height:var(--sc-popover-list-item-image-size)}.searchcraft-popover-list-item-info-wrapper{display:flex;flex-direction:column;gap:8px;justify-content:center}";
-const SearchcraftPopoverListItemStyle0 = searchcraftPopoverListItemModuleCss;
-
-const SearchcraftPopoverListItem = /*@__PURE__*/ proxyCustomElement(class SearchcraftPopoverListItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    componentDidLoad() { }
-    connectedCallback() { }
-    disconnectedCallback() { }
-    handleButtonClick() { }
-    render() {
-        return (h("a", { key: 'b7a590e92994869477825dd17545e8d4e05d1d07', class: 'searchcraft-popover-list-item', href: this.href }, this.imageSrc && (h("div", { key: '129525e50ec17dce052f503af318b56e06c900ef', class: 'searchcraft-popover-list-item-image-wrapper' }, h("img", { key: '4ba701f35cbf7e167e7edd63ba19e3576e620c26', alt: this.imageAlt, src: this.imageSrc, class: 'searchcraft-popover-list-item-image' }))), h("div", { key: '6a6ab09451f5d9d4e554dc1f1fcd57ec13adf2f2', class: 'searchcraft-popover-list-item-info-wrapper' }, h("p", { key: '476fdefff6cb35167fb00f24cdf03b9f8d826ba5', class: 'searchcraft-popover-list-item-title' }, this.titleContent), h("p", { key: 'b43fd584bfcc8efc7d50d7220b649fafc8bba244', class: 'searchcraft-popover-list-item-subtitle' }, this.subtitleContent))));
-    }
-    static get style() { return SearchcraftPopoverListItemStyle0; }
-}, [0, "searchcraft-popover-list-item", {
-        "titleContent": [1, "title-content"],
-        "subtitleContent": [1, "subtitle-content"],
-        "imageSrc": [1, "image-src"],
-        "imageAlt": [1, "image-alt"],
-        "href": [1],
-        "documentPosition": [2, "document-position"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["searchcraft-popover-list-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "searchcraft-popover-list-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SearchcraftPopoverListItem);
-            }
-            break;
-    } });
-}
-
-export { SearchcraftPopoverListItem as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-1ae87308.js.map

package/dist/components/p-1ae87308.js.map

@@ -1 +0,0 @@
-{"file":"p-1ae87308.js","mappings":";;AAAA,MAAM,mCAAmC,GAAG,g2JAAg2J,CAAC;AAC74J,yCAAe,mCAAmC;;MCSrC,0BAA0B;;;;;IAcrC,gBAAgB,MAAK;IAErB,iBAAiB,MAAK;IAEtB,oBAAoB,MAAK;IAEzB,iBAAiB,MAAK;IAEtB,MAAM;QACJ,QACE,0DAAG,KAAK,EAAC,+BAA+B,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACrD,IAAI,CAAC,QAAQ,KACZ,4DAAK,KAAK,EAAC,6CAA6C,IACtD,4DACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,qCAAqC,GAC3C,CACE,CACP,EACD,4DAAK,KAAK,EAAC,4CAA4C,IACrD,0DAAG,KAAK,EAAC,qCAAqC,IAAE,IAAI,CAAC,YAAY,CAAK,EACtE,0DAAG,KAAK,EAAC,wCAAwC,IAC9C,IAAI,CAAC,eAAe,CACnB,CACA,CACJ,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-popover-list-item/searchcraft-popover-list-item.module.scss?tag=searchcraft-popover-list-item","src/components/searchcraft-popover-list-item/searchcraft-popover-list-item.tsx"],"sourcesContent":[".searchcraft-popover-list-item {\n  all: unset;\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  gap: 8px;\n  padding-right: var(--sc-popover-list-item-padding-horizontal);\n  padding-left: var(--sc-popover-list-item-padding-horizontal);\n  padding-top: var(--sc-popover-list-item-padding-vertical);\n  padding-bottom: var(--sc-popover-list-item-padding-vertical);\n\n  &:focus {\n    background-color: var(--sc-surface-neutral-secondary-active);\n    color: var(--sc-content-neutral-secondary);\n  }\n\n  &:hover {\n    background-color: var(--sc-surface-neutral-secondary-hover);\n    color: var(--sc-content-neutral-secondary);\n  }\n}\n\n.searchcraft-popover-list-item-title {\n  @include body();\n  margin: 0;\n  color: inherit;\n}\n\n.searchcraft-popover-list-item-subtitle {\n  @include body-small();\n  margin: 0;\n  color: inherit;\n}\n\n.searchcraft-popover-list-item-image-wrapper {\n  width: var(--sc-popover-list-item-image-size);\n  height: var(--sc-popover-list-item-image-size);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.searchcraft-popover-list-item-image {\n  max-width: var(--sc-popover-list-item-image-size);\n  max-height: var(--sc-popover-list-item-image-size);\n}\n\n.searchcraft-popover-list-item-info-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  justify-content: center;\n}","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * A single list item rendered in a searchcraft-popover-list-view.\n */\n@Component({\n  tag: 'searchcraft-popover-list-item',\n  styleUrl: 'searchcraft-popover-list-item.module.scss',\n  shadow: false,\n})\nexport class SearchcraftPopoverListItem {\n  /** The result title */\n  @Prop() titleContent: string | undefined;\n  /** The result subtitle */\n  @Prop() subtitleContent: string | undefined;\n  /** The source of the image. If not included, no item will be rendered. */\n  @Prop() imageSrc: string | undefined;\n  /** The image alt tag. */\n  @Prop() imageAlt: string | undefined;\n  /** The link href */\n  @Prop() href: string | undefined;\n  /** The document position relative to the search results (For Measure) */\n  @Prop() documentPosition: number;\n\n  componentDidLoad() {}\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  handleButtonClick() {}\n\n  render() {\n    return (\n      <a class='searchcraft-popover-list-item' href={this.href}>\n        {this.imageSrc && (\n          <div class='searchcraft-popover-list-item-image-wrapper'>\n            <img\n              alt={this.imageAlt}\n              src={this.imageSrc}\n              class='searchcraft-popover-list-item-image'\n            />\n          </div>\n        )}\n        <div class='searchcraft-popover-list-item-info-wrapper'>\n          <p class='searchcraft-popover-list-item-title'>{this.titleContent}</p>\n          <p class='searchcraft-popover-list-item-subtitle'>\n            {this.subtitleContent}\n          </p>\n        </div>\n      </a>\n    );\n  }\n}\n"],"version":3}