@searchcraft/javascript-sdk 0.3.1 → 0.4.0

package/dist/components/p-cd9a038a.js

@@ -1,105 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-6b353c3e.js';
-import { u as useSearchcraftStore } from './p-727bfc38.js';
-import { c as classNames } from './p-5cdc6210.js';
-
-const searchcraftBaseSearchResultModuleCss = "@charset \"UTF-8\";:root{--font-stack:Helvetica, Arial, sans-serif}.interactiveResultContainerLight{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:8px;position:relative;background-color:#F7F7F7}@media (min-width: 900px){.interactiveResultContainerLight{flex-direction:row;justify-content:space-between}}.interactiveResultContainerDark{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:8px;position:relative;background-color:#2E2E2E}@media (min-width: 900px){.interactiveResultContainerDark{flex-direction:row;justify-content:space-between}}.resultContainer{align-items:flex-start;display:flex;flex-direction:column;gap:16px;all:unset;display:inline;color:inherit;text-decoration:none}.resultContainer:hover{cursor:pointer}@media (min-width: 900px){.resultContainer{flex-direction:row}}.interactiveIconLarge{display:inline-block;position:absolute;right:5px;top:8px}@media (max-width: 900px){.interactiveIconLarge{display:none}}.interactiveIconSmall{display:inline-block;position:absolute;right:5px;top:-2px}@media (min-width: 900px){.interactiveIconSmall{display:none}}.imageContainer{max-width:100%}@media (min-width: 900px){.imageContainer{max-width:400px}}.contentContainer{max-height:100%;max-width:100%}@media (min-width: 900px){.contentContainer{max-width:50%}}.secondaryContentContainer{display:flex}.imageLight{border-radius:8px;max-height:100%;max-width:100%}.imageDark{border-radius:8px;max-height:100%;max-width:100%}.titleLight{font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;margin-bottom:4px;margin-top:0;position:relative;-webkit-font-smoothing:antialiased;color:#292929}.titleDark{font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;margin-bottom:4px;margin-top:0;position:relative;-webkit-font-smoothing:antialiased;color:#FFFFFF}.subtitleContentLight{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#737373}.subtitleContentDark{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#BFBFBF}.primaryContentLight{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#404040}.primaryContentDark{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#E6E6E6}.secondaryContentLight{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#404040}.secondaryContentDark{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#E6E6E6}.tertiaryContentLight{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#404040}.tertiaryContentLight.hasContent::before{color:#404040;content:\"•\";font-size:10px;margin-left:5px;margin-right:5px}.tertiaryContentDark{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;-webkit-font-smoothing:antialiased;color:#E6E6E6}.tertiaryContentDark.hasContent::before{color:#404040;content:\"•\";font-size:10px;margin-left:5px;margin-right:5px}";
-const SearchcraftBaseSearchResultStyle0 = searchcraftBaseSearchResultModuleCss;
-
-const SearchcraftBaseSearchResult = /*@__PURE__*/ proxyCustomElement(class SearchcraftBaseSearchResult extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.buttonCallback = createEvent(this, "buttonCallback", 7);
-        this.keyDownCallback = createEvent(this, "keyDownCallback", 7);
-        this.resultCallback = createEvent(this, "resultCallback", 7);
-        this.buttonCallback = () => { };
-        this.keyDownCallback = () => { };
-        this.resultCallback = () => { };
-        this.searchcraftStore = useSearchcraftStore.getState();
-        this.handleButtonClick = () => {
-            this.buttonCallback();
-        };
-        this.handleClick = () => {
-            var _a, _b, _c;
-            const searchcraft = this.searchcraftStore.getSearchcraftInstance();
-            if (searchcraft) {
-                const document_position = this.documentPosition;
-                const search_term = this.searchcraftStore.query;
-                const number_of_documents = ((_c = (_b = (_a = this.searchcraftStore.searchResults) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.hits) === null || _c === void 0 ? void 0 : _c.length) || 0;
-                searchcraft.sendMeasureEvent('document_clicked', {
-                    document_position,
-                    number_of_documents,
-                    search_term,
-                });
-            }
-        };
-        this.parseStyles = () => {
-            try {
-                return JSON.parse(this.customStyles);
-            }
-            catch (error) {
-                console.error('Error parsing custom styles:', error);
-                return {};
-            }
-        };
-        this.buttonText = '';
-        this.customStyles = '{}';
-        this.titleContent = '';
-        this.imageDescription = '';
-        this.imageSource = '';
-        this.isInteractive = false;
-        this.linkHref = '';
-        this.primaryContent = '';
-        this.secondaryContent = '';
-        this.subtitleContent = '';
-        this.tertiaryContent = '';
-        this.themeMode = 'light';
-        this.placeImageRight = false;
-        this.documentPosition = 0;
-    }
-    render() {
-        const isLightTheme = this.themeMode === 'light';
-        const styles = this.parseStyles();
-        const imageStyle = isLightTheme ? 'imageLight' : 'imageDark';
-        const imageContainer = this.imageSource && (h("div", { key: '53541a311548a653d43505356b9a4f25a417093f', class: classNames('imageContainer', 'searchcraft-base-search-result-image-container') }, h("img", { key: '919a46fd856b521a548c2ce6bab8b360507469c2', alt: this.imageDescription, class: classNames(imageStyle, 'searchcraft-search-result-image'), src: this.imageSource, style: styles.image || {} })));
-        const contentContainer = (h("div", { key: '944700daf2a0b683769bad992253a8482f71f685', class: classNames('contentContainer', 'searchcraft-base-search-result-content-container') }, h("h2", { key: '623096e2c7cf5f11bac7127cb00342386866089e', class: classNames(isLightTheme ? 'titleLight' : 'titleDark', 'searchcraft-base-search-result-title'), style: styles.title || {} }, this.titleContent), h("h3", { key: '2928f4d872e90d99fac31b75c9fecfee7e2a9a41', class: classNames(isLightTheme ? 'subtitleContentLight' : 'subtitleContentDark', 'searchcraft-base-search-result-subtitle'), style: styles.subtitle || {} }, this.subtitleContent), h("p", { key: '93bd00c9482d492a2d3d6262dba33044d4470d2c', class: classNames(isLightTheme ? 'primaryContentLight' : 'primaryContentDark', 'searchcraft-base-search-result-primary-content'), style: styles.primaryContent || {} }, this.primaryContent), h("div", { key: 'dc3bce7c0f75d121ba3068b3717fd5d934036012', class: classNames('secondaryContentContainer', 'searchcraft-base-search-result-secondary-content-container') }, h("p", { key: '80624ec83a0a7086142b6a35b4ac65d1fdb76a4e', class: classNames(isLightTheme ? 'secondaryContentLight' : 'secondaryContentDark', 'searchcraft-base-search-result-secondary-content'), style: styles.secondaryContent || {} }, this.secondaryContent), h("p", { key: '53bdb3471b16fd4a1f525d99472c3a4d5662b722', class: classNames(`${isLightTheme ? 'tertiaryContentLight' : 'tertiaryContentDark'}${this.tertiaryContent ? ' hasContent' : ''}`, 'searchcraft-base-search-result-tertiary-content'), style: styles.tertiaryContent || {} }, this.tertiaryContent)), this.buttonText && (h("button", { key: '442dc9aebe748ef06710e196382a80bf006a383e', onClick: this.handleButtonClick, style: styles.button || {}, type: 'button' }, this.buttonText))));
-        return (h("a", { key: '2cf6a6d3768266f6d46e700588083aade92142f7', class: classNames(this.isInteractive
-                ? isLightTheme
-                    ? 'interactiveResultContainerLight'
-                    : 'interactiveResultContainerDark'
-                : 'resultContainer', 'searchcraft-search-result-container'), onKeyDown: this.keyDownCallback, onClick: this.handleClick, href: this.linkHref, rel: 'noreferrer', style: styles.container || {}, tabindex: '0', target: '_blank' }, this.placeImageRight ? (h(Fragment, null, contentContainer, imageContainer)) : (h(Fragment, null, imageContainer, contentContainer))));
-    }
-    static get style() { return SearchcraftBaseSearchResultStyle0; }
-}, [0, "searchcraft-base-search-result", {
-        "buttonText": [1, "button-text"],
-        "customStyles": [1, "custom-styles"],
-        "titleContent": [1, "title-content"],
-        "imageDescription": [1, "image-description"],
-        "imageSource": [1, "image-source"],
-        "isInteractive": [4, "is-interactive"],
-        "linkHref": [1, "link-href"],
-        "primaryContent": [1, "primary-content"],
-        "secondaryContent": [1, "secondary-content"],
-        "subtitleContent": [1, "subtitle-content"],
-        "tertiaryContent": [1, "tertiary-content"],
-        "themeMode": [1, "theme-mode"],
-        "placeImageRight": [4, "place-image-right"],
-        "documentPosition": [2, "document-position"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["searchcraft-base-search-result"];
-    components.forEach(tagName => { switch (tagName) {
-        case "searchcraft-base-search-result":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SearchcraftBaseSearchResult);
-            }
-            break;
-    } });
-}
-
-export { SearchcraftBaseSearchResult as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-cd9a038a.js.map

package/dist/components/p-cd9a038a.js.map

@@ -1 +0,0 @@
-{"file":"p-cd9a038a.js","mappings":"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","names":[],"sources":["src/components/searchcraft-base-search-result/searchcraft-base-search-result.module.scss?tag=searchcraft-base-search-result","src/components/searchcraft-base-search-result/searchcraft-base-search-result.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin interactive-result-container-base {\n  align-items: flex-start;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 8px;\n  position: relative;\n\n  @media (min-width: 900px) {\n    flex-direction: row;\n    justify-content: space-between;\n  }\n}\n\n.interactiveResultContainerLight {\n  @include interactive-result-container-base;\n  background-color: $surface-primary-active;\n}\n\n.interactiveResultContainerDark {\n  @include interactive-result-container-base;\n  background-color: $surface-brand-primary-hover;\n}\n\n.resultContainer {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  all: unset;\n  display: inline;\n  color: inherit;\n  text-decoration: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  @media (min-width: 900px) {\n    flex-direction: row;\n  }\n}\n\n.interactiveIconLarge {\n  display: inline-block;\n  position: absolute;\n  right: 5px;\n  top: 8px;\n\n\n  @media (max-width: 900px) {\n    display: none;\n  }\n}\n\n.interactiveIconSmall {\n  display: inline-block;\n  position: absolute;\n  right: 5px;\n  top: -2px;\n\n\n  @media (min-width: 900px) {\n   display: none;\n  }\n}\n\n.imageContainer {\n  max-width: 100%;\n\n  @media (min-width: 900px) {\n    max-width: 400px;\n   }\n}\n\n.contentContainer {\n  max-height: 100%;\n  max-width: 100%;\n\n  @media (min-width: 900px) {\n    max-width: 50%;\n  }\n}\n\n.secondaryContentContainer {\n  display: flex;\n\n}\n\n@mixin image-base {\n  border-radius: 8px;\n  max-height: 100%;\n  max-width: 100%;\n}\n\n.imageLight {\n  @include image-base;\n}\n\n.imageDark {\n  @include image-base;\n\n}\n\n@mixin title-base {\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 20px;\n  margin-bottom: 4px;\n  margin-top: 0;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n}\n\n.titleLight {\n  @include title-base;\n  color: $content-primary;\n}\n\n.titleDark {\n  @include title-base;\n  color: $content-on-brand-primary;\n}\n\n@mixin subtitle-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.subtitleContentLight {\n  @include subtitle-base;\n  color: $content-disabled;\n}\n\n.subtitleContentDark {\n  @include subtitle-base;\n  color: $content-disabled-secondary;\n}\n\n@mixin body-content-base {\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.primaryContentLight {\n  @include body-content-base;\n  color: $surface-success-secondary;\n}\n\n.primaryContentDark {\n  @include body-content-base;\n  color: $border-primary;\n}\n\n.secondaryContentLight {\n  @include body-content-base;\n  color: $surface-success-secondary;\n}\n\n.secondaryContentDark {\n  @include body-content-base;\n  color: $border-primary;\n}\n\n.tertiaryContentLight {\n  @include body-content-base;\n  color: $surface-success-secondary;\n}\n\n.tertiaryContentLight.hasContent::before {\n  color: $surface-success-secondary;\n  content: \"•\";\n  font-size: 10px;\n  margin-left: 5px;\n  margin-right: 5px;\n}\n\n.tertiaryContentDark {\n  @include body-content-base;\n  color: $border-primary;\n}\n\n.tertiaryContentDark.hasContent::before {\n  color: $surface-success-secondary;\n  content: \"•\";\n  font-size: 10px;\n  margin-left: 5px;\n  margin-right: 5px;\n}","import { useSearchcraftStore } from '@provider/store';\nimport { Component, Event, Fragment, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'searchcraft-base-search-result',\n  styleUrl: 'searchcraft-base-search-result.module.scss',\n  shadow: false,\n})\nexport class SearchcraftBaseSearchResult {\n  @Prop() buttonText = '';\n  @Prop() customStyles = '{}';\n  @Prop() titleContent = '';\n  @Prop() imageDescription = '';\n  @Prop() imageSource = '';\n  @Prop() isInteractive = false;\n  @Prop() linkHref = '';\n  @Prop() primaryContent = '';\n  @Prop() secondaryContent = '';\n  @Prop() subtitleContent = '';\n  @Prop() tertiaryContent = '';\n  @Prop() themeMode: 'light' | 'dark' = 'light';\n  @Prop() placeImageRight = false;\n  @Prop() documentPosition = 0;\n\n  @Event() buttonCallback: () => void = () => {};\n  @Event() keyDownCallback: () => void = () => {};\n  @Event() resultCallback: () => void = () => {};\n\n  private searchcraftStore = useSearchcraftStore.getState();\n\n  private handleButtonClick = () => {\n    this.buttonCallback();\n  };\n\n  private handleClick = () => {\n    const searchcraft = this.searchcraftStore.getSearchcraftInstance();\n\n    if (searchcraft) {\n      const document_position = this.documentPosition;\n      const search_term = this.searchcraftStore.query;\n      const number_of_documents =\n        this.searchcraftStore.searchResults?.data?.hits?.length || 0;\n\n      searchcraft.sendMeasureEvent('document_clicked', {\n        document_position,\n        number_of_documents,\n        search_term,\n      });\n    }\n  };\n\n  private parseStyles = (): Record<string, { [key: string]: string }> => {\n    try {\n      return JSON.parse(this.customStyles);\n    } catch (error) {\n      console.error('Error parsing custom styles:', error);\n      return {};\n    }\n  };\n\n  render() {\n    const isLightTheme = this.themeMode === 'light';\n    const styles = this.parseStyles();\n    const imageStyle = isLightTheme ? 'imageLight' : 'imageDark';\n    const imageContainer = this.imageSource && (\n      <div\n        class={classNames(\n          'imageContainer',\n          'searchcraft-base-search-result-image-container',\n        )}\n      >\n        <img\n          alt={this.imageDescription}\n          class={classNames(imageStyle, 'searchcraft-search-result-image')}\n          src={this.imageSource}\n          style={styles.image || {}}\n        />\n      </div>\n    );\n\n    const contentContainer = (\n      <div\n        class={classNames(\n          'contentContainer',\n          'searchcraft-base-search-result-content-container',\n        )}\n      >\n        <h2\n          class={classNames(\n            isLightTheme ? 'titleLight' : 'titleDark',\n            'searchcraft-base-search-result-title',\n          )}\n          style={styles.title || {}}\n        >\n          {this.titleContent}\n        </h2>\n        <h3\n          class={classNames(\n            isLightTheme ? 'subtitleContentLight' : 'subtitleContentDark',\n            'searchcraft-base-search-result-subtitle',\n          )}\n          style={styles.subtitle || {}}\n        >\n          {this.subtitleContent}\n        </h3>\n        <p\n          class={classNames(\n            isLightTheme ? 'primaryContentLight' : 'primaryContentDark',\n            'searchcraft-base-search-result-primary-content',\n          )}\n          style={styles.primaryContent || {}}\n        >\n          {this.primaryContent}\n        </p>\n        <div\n          class={classNames(\n            'secondaryContentContainer',\n            'searchcraft-base-search-result-secondary-content-container',\n          )}\n        >\n          <p\n            class={classNames(\n              isLightTheme ? 'secondaryContentLight' : 'secondaryContentDark',\n              'searchcraft-base-search-result-secondary-content',\n            )}\n            style={styles.secondaryContent || {}}\n          >\n            {this.secondaryContent}\n          </p>\n          <p\n            class={classNames(\n              `${isLightTheme ? 'tertiaryContentLight' : 'tertiaryContentDark'}${this.tertiaryContent ? ' hasContent' : ''}`,\n              'searchcraft-base-search-result-tertiary-content',\n            )}\n            style={styles.tertiaryContent || {}}\n          >\n            {this.tertiaryContent}\n          </p>\n        </div>\n        {this.buttonText && (\n          <button\n            onClick={this.handleButtonClick}\n            style={styles.button || {}}\n            type='button'\n          >\n            {this.buttonText}\n          </button>\n        )}\n      </div>\n    );\n\n    return (\n      <a\n        class={classNames(\n          this.isInteractive\n            ? isLightTheme\n              ? 'interactiveResultContainerLight'\n              : 'interactiveResultContainerDark'\n            : 'resultContainer',\n          'searchcraft-search-result-container',\n        )}\n        onKeyDown={this.keyDownCallback}\n        onClick={this.handleClick}\n        href={this.linkHref}\n        rel='noreferrer'\n        style={styles.container || {}}\n        tabindex='0'\n        target='_blank'\n      >\n        {this.placeImageRight ? (\n          <Fragment>\n            {contentContainer}\n            {imageContainer}\n          </Fragment>\n        ) : (\n          <Fragment>\n            {imageContainer}\n            {contentContainer}\n          </Fragment>\n        )}\n      </a>\n    );\n  }\n}\n"],"version":3}

package/dist/components/searchcraft-clear-input-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SearchcraftClearInputButton extends Components.SearchcraftClearInputButton, HTMLElement {}
-export const SearchcraftClearInputButton: {
-    prototype: SearchcraftClearInputButton;
-    new (): SearchcraftClearInputButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/searchcraft-clear-input-button.js

@@ -1,8 +0,0 @@
-import { S as SearchcraftClearInputButton$1, d as defineCustomElement$1 } from './p-8524c749.js';
-
-const SearchcraftClearInputButton = SearchcraftClearInputButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SearchcraftClearInputButton, defineCustomElement };
-
-//# sourceMappingURL=searchcraft-clear-input-button.js.map

package/dist/components/searchcraft-clear-input-button.js.map

@@ -1 +0,0 @@
-{"file":"searchcraft-clear-input-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/searchcraft-filters-list.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SearchcraftFiltersList extends Components.SearchcraftFiltersList, HTMLElement {}
-export const SearchcraftFiltersList: {
-    prototype: SearchcraftFiltersList;
-    new (): SearchcraftFiltersList;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/searchcraft-filters-list.js

@@ -1,151 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-6b353c3e.js';
-import { c as classNames } from './p-5cdc6210.js';
-import { u as useSearchcraftStore } from './p-727bfc38.js';
-import { f as flattenFacets } from './p-62c40862.js';
-import { d as defineCustomElement$3 } from './p-bbf9973a.js';
-import { d as defineCustomElement$2 } from './p-aad03c2a.js';
-
-const searchcraftFiltersListModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.filtersListContainer{width:100%}.filterCheckboxLabel{align-items:center;color:#292929;display:flex;font-family:var(--font-stack);font-size:14px;font-weight:600;gap:14px;position:relative;-webkit-font-smoothing:antialiased}.filterCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:#EBEBEB;border:1px solid #D9D9D9;border-radius:8px;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.filterCheckboxLabel input[type=checkbox]:focus{outline:2px solid #000000}.filterCheckboxLabel input[type=checkbox]:checked{background-color:#000000;position:relative}.filterCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.filterCheckboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.childFilterCheckboxLabel{align-items:center;color:#292929;display:flex;font-family:var(--font-stack);font-size:14px;font-weight:600;gap:12px;margin-left:24px;position:relative}.childFilterCheckboxLabel input[type=checkbox]{align-items:center;appearance:none;background-color:#EBEBEB;border:1px solid #D9D9D9;border-radius:8px;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;width:24px;-webkit-font-smoothing:antialiased}.childFilterCheckboxLabel input[type=checkbox]:focus{outline:2px solid #000000}.childFilterCheckboxLabel input[type=checkbox]:checked{background-color:#000000;position:relative}.childFilterCheckboxLabel input[type=checkbox]:checked+.checkContainer{display:block}.childFilterCheckboxLabel input[type=checkbox]:checked+.dashContainer{display:block}.checkContainer{display:none;height:16px;width:16px;position:absolute;top:9px;left:8px}.dashContainer{display:none;height:3px;width:14px;position:absolute;top:3px;left:9px}";
-const SearchcraftFiltersListStyle0 = searchcraftFiltersListModuleCss;
-
-const SearchcraftFiltersList$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftFiltersList extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.filtersUpdated = createEvent(this, "filtersUpdated", 7);
-        this.searchStore = useSearchcraftStore.getState();
-        this.autoSearchFormElement = null;
-        this.handleSearchRequest = () => {
-            this.selectedFilters = [];
-            this.searchStore.setSelectedFilters([]);
-            this.emitFiltersUpdate();
-        };
-        this.formatLabel = (label, count) => `${label.replace(/-/g, ' ').replace(/\b\w/g, (char) => char.toUpperCase())} (${count})`;
-        this.filters = [];
-        this.dynamicFilters = [];
-        this.selectedFilters = [];
-        this.query = '';
-        this.isRequesting = false;
-        this.resultsCount = 0;
-    }
-    connectedCallback() {
-        var _a;
-        const state = this.searchStore;
-        const facets = (_a = state.searchResults) === null || _a === void 0 ? void 0 : _a.data.facets;
-        if (facets) {
-            this.populateFiltersFromFacets(facets);
-        }
-        this.unsubscribe = useSearchcraftStore.subscribe((state) => {
-            var _a, _b, _c, _d, _e;
-            const query = (_a = state.query) === null || _a === void 0 ? void 0 : _a.trim();
-            const facets = (_b = state.searchResults) === null || _b === void 0 ? void 0 : _b.data.facets;
-            this.query = query || '';
-            this.isRequesting = state.isRequesting;
-            this.resultsCount = ((_e = (_d = (_c = state.searchResults) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.hits) === null || _e === void 0 ? void 0 : _e.length) || 0;
-            if (facets && this.selectedFilters.length === 0) {
-                this.populateFiltersFromFacets(facets);
-            }
-        });
-        this.autoSearchFormElement = document.querySelector('searchcraft-auto-search-form');
-        if (this.autoSearchFormElement) {
-            this.autoSearchFormElement.addEventListener('querySubmit', this.handleSearchRequest);
-        }
-    }
-    disconnectedCallback() {
-        if (this.unsubscribe) {
-            this.unsubscribe();
-        }
-        if (this.autoSearchFormElement) {
-            this.autoSearchFormElement.removeEventListener('querySubmit', this.handleSearchRequest);
-        }
-    }
-    populateFiltersFromFacets(facets) {
-        var _a;
-        const flattened = flattenFacets(((_a = facets[0]) === null || _a === void 0 ? void 0 : _a.section) || []);
-        this.dynamicFilters = flattened.map((filter) => ({
-            label: filter.label,
-            value: filter.value,
-            count: filter.count,
-            children: filter.children || [],
-        }));
-    }
-    handleCheckboxChange(value, isChecked, isParent = false) {
-        var _a;
-        if (isParent) {
-            const parentFilter = this.dynamicFilters.find((filter) => filter.value === value);
-            const childValues = ((_a = parentFilter === null || parentFilter === void 0 ? void 0 : parentFilter.children) === null || _a === void 0 ? void 0 : _a.map((child) => child.value)) || [];
-            if (!isChecked) {
-                this.selectedFilters = this.selectedFilters.filter((filter) => filter !== value && !childValues.includes(filter));
-            }
-            else {
-                this.selectedFilters = [...this.selectedFilters, value];
-            }
-        }
-        else {
-            this.selectedFilters = isChecked
-                ? [...this.selectedFilters, value]
-                : this.selectedFilters.filter((filter) => filter !== value);
-        }
-        this.emitFiltersUpdate();
-    }
-    emitFiltersUpdate() {
-        this.filtersUpdated.emit(this.selectedFilters);
-        this.searchStore.setSelectedFilters(this.selectedFilters);
-        this.searchStore.search();
-    }
-    render() {
-        if (!this.query || this.resultsCount === 0) {
-            return null;
-        }
-        return (h("div", { class: classNames('filtersListContainer', 'searchcraft-filters-list-container') }, this.dynamicFilters.map((filter) => {
-            const isChildSelected = filter.children
-                ? filter.children.some((child) => this.selectedFilters.includes(child.value))
-                : false;
-            return (h("div", { key: filter.value, class: classNames('searchcraft-filters-list-item') }, h("label", { class: classNames('filterCheckboxLabel', 'searchcraft-filters-list-checkbox-label') }, h("input", { checked: this.selectedFilters.includes(filter.value), onChange: (event) => this.handleCheckboxChange(filter.value, event.target.checked, true), type: 'checkbox' }), isChildSelected ? (h("div", { class: classNames('dashContainer', 'searchcraft-filter-list-dash-container') }, h("searchcraft-dash-icon", null))) : (h("div", { class: classNames('checkContainer', 'searchcraft-filter-list-check-container') }, h("searchcraft-check-icon", null))), this.formatLabel(filter.label, filter.count)), filter.children && filter.children.length > 0 && (h(Fragment, null, filter.children.map((child) => (h("label", { key: child.value, class: classNames('childFilterCheckboxLabel', 'searchcraft-child-filter-checkbox-label'), style: {
-                    display: this.selectedFilters.includes(filter.value)
-                        ? 'flex'
-                        : 'none',
-                } }, h("input", { checked: this.selectedFilters.includes(child.value), onChange: (event) => this.handleCheckboxChange(child.value, event.target.checked), type: 'checkbox' }), h("div", { class: classNames('checkContainer', 'searchcraft-filter-list-check-container') }, h("searchcraft-check-icon", null)), this.formatLabel(child.label.includes('/')
-                ? child.label.split('/').pop() || child.label
-                : child.label, child.count))))))));
-        })));
-    }
-    static get style() { return SearchcraftFiltersListStyle0; }
-}, [0, "searchcraft-filters-list", {
-        "filters": [16],
-        "dynamicFilters": [32],
-        "selectedFilters": [32],
-        "query": [32],
-        "isRequesting": [32],
-        "resultsCount": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["searchcraft-filters-list", "searchcraft-check-icon", "searchcraft-dash-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "searchcraft-filters-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SearchcraftFiltersList$1);
-            }
-            break;
-        case "searchcraft-check-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "searchcraft-dash-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const SearchcraftFiltersList = SearchcraftFiltersList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SearchcraftFiltersList, defineCustomElement };
-
-//# sourceMappingURL=searchcraft-filters-list.js.map

package/dist/components/searchcraft-filters-list.js.map

@@ -1 +0,0 @@
-{"file":"searchcraft-filters-list.js","mappings":"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","names":["SearchcraftFiltersList"],"sources":["src/components/searchcraft-filters-list/searchcraft-filters-list.module.scss?tag=searchcraft-filters-list","src/components/searchcraft-filters-list/searchcraft-filters-list.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.filtersListContainer {\n  width: 100%;\n}\n\n.filterCheckboxLabel {\n  align-items: center;\n  color: $content-primary;\n  display: flex;\n  font-family: var(--font-stack);\n  font-size: 14px;\n  font-weight: 600;\n  gap: 14px;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: $surface-brand-secondary-hover;\n  border: 1px solid $surface-disabled;\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  width: 24px;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:focus {\n  outline: 2px solid $surface-brand-primary;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:checked {\n  background-color: $surface-brand-primary;\n  position: relative;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:checked + .dashContainer {\n  display: block;\n}\n\n.childFilterCheckboxLabel {\n  align-items: center;\n  color: $content-primary;\n  display: flex;\n  font-family: var(--font-stack);\n  font-size: 14px;\n  font-weight: 600;\n  gap: 12px;\n  margin-left: 24px;\n  position: relative;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: $surface-brand-secondary-hover;\n  border: 1px solid $surface-disabled;\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n  width: 24px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:focus {\n  outline: 2px solid $surface-brand-primary;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:checked {\n  background-color: $surface-brand-primary;\n  position: relative;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:checked + .dashContainer {\n  display: block;\n}\n\n.checkContainer {\n  display: none;\n  height: 16px;\n  width: 16px;\n  position: absolute;\n  top: 9px;\n  left: 8px;\n}\n\n.dashContainer {\n  display: none;\n  height: 3px;\n  width: 14px;\n  position: absolute;\n  top: 3px;\n  left: 9px;\n}","import {\n  Component,\n  h,\n  State,\n  Prop,\n  Event,\n  type EventEmitter,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport type { Facets } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport { flattenFacets } from '@utils/utils';\n\n@Component({\n  tag: 'searchcraft-filters-list',\n  styleUrl: 'searchcraft-filters-list.module.scss',\n  shadow: false,\n})\nexport class SearchcraftFiltersList {\n  @Prop() filters: Array<{ label: string; value: string }> = [];\n\n  @Event() filtersUpdated: EventEmitter<string[]>;\n\n  @State() dynamicFilters: Array<{\n    label: string;\n    value: string;\n    count: number;\n    children?: Array<{\n      label: string;\n      value: string;\n      count: number;\n    }>;\n  }> = [];\n  @State() selectedFilters: string[] = [];\n  @State() query = '';\n  @State() isRequesting = false;\n  @State() resultsCount = 0;\n\n  private searchStore = useSearchcraftStore.getState();\n  private autoSearchFormElement: HTMLElement | null = null;\n  unsubscribe: () => void;\n\n  connectedCallback() {\n    const state = this.searchStore;\n    const facets = state.searchResults?.data.facets;\n\n    if (facets) {\n      this.populateFiltersFromFacets(facets);\n    }\n\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      const query = state.query?.trim();\n      const facets = state.searchResults?.data.facets;\n      this.query = query || '';\n      this.isRequesting = state.isRequesting;\n      this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n\n      if (facets && this.selectedFilters.length === 0) {\n        this.populateFiltersFromFacets(facets);\n      }\n    });\n\n    this.autoSearchFormElement = document.querySelector(\n      'searchcraft-auto-search-form',\n    );\n    if (this.autoSearchFormElement) {\n      this.autoSearchFormElement.addEventListener(\n        'querySubmit',\n        this.handleSearchRequest,\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n\n    if (this.autoSearchFormElement) {\n      this.autoSearchFormElement.removeEventListener(\n        'querySubmit',\n        this.handleSearchRequest,\n      );\n    }\n  }\n\n  handleSearchRequest = () => {\n    this.selectedFilters = [];\n    this.searchStore.setSelectedFilters([]);\n    this.emitFiltersUpdate();\n  };\n\n  populateFiltersFromFacets(facets: Facets) {\n    const flattened = flattenFacets(facets[0]?.section || []);\n    this.dynamicFilters = flattened.map((filter) => ({\n      label: filter.label,\n      value: filter.value,\n      count: filter.count,\n      children: filter.children || [],\n    }));\n  }\n\n  handleCheckboxChange(value: string, isChecked: boolean, isParent = false) {\n    if (isParent) {\n      const parentFilter = this.dynamicFilters.find(\n        (filter) => filter.value === value,\n      );\n      const childValues =\n        parentFilter?.children?.map((child) => child.value) || [];\n\n      if (!isChecked) {\n        this.selectedFilters = this.selectedFilters.filter(\n          (filter) => filter !== value && !childValues.includes(filter),\n        );\n      } else {\n        this.selectedFilters = [...this.selectedFilters, value];\n      }\n    } else {\n      this.selectedFilters = isChecked\n        ? [...this.selectedFilters, value]\n        : this.selectedFilters.filter((filter) => filter !== value);\n    }\n    this.emitFiltersUpdate();\n  }\n\n  emitFiltersUpdate() {\n    this.filtersUpdated.emit(this.selectedFilters);\n    this.searchStore.setSelectedFilters(this.selectedFilters);\n    this.searchStore.search();\n  }\n\n  formatLabel = (label: string, count: number): string =>\n    `${label.replace(/-/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase())} (${count})`;\n\n  render() {\n    if (!this.query || this.resultsCount === 0) {\n      return null;\n    }\n    return (\n      <div\n        class={classNames(\n          'filtersListContainer',\n          'searchcraft-filters-list-container',\n        )}\n      >\n        {this.dynamicFilters.map((filter) => {\n          const isChildSelected = filter.children\n            ? filter.children.some((child) =>\n                this.selectedFilters.includes(child.value),\n              )\n            : false;\n\n          return (\n            <div\n              key={filter.value}\n              class={classNames('searchcraft-filters-list-item')}\n            >\n              <label\n                class={classNames(\n                  'filterCheckboxLabel',\n                  'searchcraft-filters-list-checkbox-label',\n                )}\n              >\n                <input\n                  checked={this.selectedFilters.includes(filter.value)}\n                  onChange={(event: Event) =>\n                    this.handleCheckboxChange(\n                      filter.value,\n                      (event.target as HTMLInputElement).checked,\n                      true,\n                    )\n                  }\n                  type='checkbox'\n                />\n                {isChildSelected ? (\n                  <div\n                    class={classNames(\n                      'dashContainer',\n                      'searchcraft-filter-list-dash-container',\n                    )}\n                  >\n                    <searchcraft-dash-icon />\n                  </div>\n                ) : (\n                  <div\n                    class={classNames(\n                      'checkContainer',\n                      'searchcraft-filter-list-check-container',\n                    )}\n                  >\n                    <searchcraft-check-icon />\n                  </div>\n                )}\n                {this.formatLabel(filter.label, filter.count)}\n              </label>\n              {filter.children && filter.children.length > 0 && (\n                <Fragment>\n                  {filter.children.map((child) => (\n                    <label\n                      key={child.value}\n                      class={classNames(\n                        'childFilterCheckboxLabel',\n                        'searchcraft-child-filter-checkbox-label',\n                      )}\n                      style={{\n                        display: this.selectedFilters.includes(filter.value)\n                          ? 'flex'\n                          : 'none',\n                      }}\n                    >\n                      <input\n                        checked={this.selectedFilters.includes(child.value)}\n                        onChange={(event: Event) =>\n                          this.handleCheckboxChange(\n                            child.value,\n                            (event.target as HTMLInputElement).checked,\n                          )\n                        }\n                        type='checkbox'\n                      />\n                      <div\n                        class={classNames(\n                          'checkContainer',\n                          'searchcraft-filter-list-check-container',\n                        )}\n                      >\n                        <searchcraft-check-icon />\n                      </div>\n                      {this.formatLabel(\n                        child.label.includes('/')\n                          ? child.label.split('/').pop() || child.label\n                          : child.label,\n                        child.count,\n                      )}\n                    </label>\n                  ))}\n                </Fragment>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/searchcraft-input-caption.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SearchcraftInputCaption extends Components.SearchcraftInputCaption, HTMLElement {}
-export const SearchcraftInputCaption: {
-    prototype: SearchcraftInputCaption;
-    new (): SearchcraftInputCaption;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,8 +0,0 @@
-import { S as SearchcraftInputCaption$1, d as defineCustomElement$1 } from './p-69ee3b9a.js';
-
-const SearchcraftInputCaption = SearchcraftInputCaption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SearchcraftInputCaption, defineCustomElement };
-
-//# sourceMappingURL=searchcraft-input-caption.js.map

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

@@ -1 +0,0 @@
-{"file":"searchcraft-input-caption.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/searchcraft-input-icon.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SearchcraftInputIcon extends Components.SearchcraftInputIcon, HTMLElement {}
-export const SearchcraftInputIcon: {
-    prototype: SearchcraftInputIcon;
-    new (): SearchcraftInputIcon;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,8 +0,0 @@
-import { S as SearchcraftInputIcon$1, d as defineCustomElement$1 } from './p-4f939ba2.js';
-
-const SearchcraftInputIcon = SearchcraftInputIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SearchcraftInputIcon, defineCustomElement };
-
-//# sourceMappingURL=searchcraft-input-icon.js.map

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

@@ -1 +0,0 @@
-{"file":"searchcraft-input-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}