@searchcraft/javascript-sdk 0.10.1 → 0.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/components/index.d.ts +123 -80
  2. package/dist/components/index.js +7 -33
  3. package/dist/components/index.js.map +1 -1
  4. package/dist/components/{p-84e2cbd6.js → p-01589c0b.js} +3 -3
  5. package/dist/components/{p-84e2cbd6.js.map → p-01589c0b.js.map} +1 -1
  6. package/dist/components/{p-5d17ace0.js → p-0f5b47be.js} +7 -7
  7. package/dist/components/{p-5d17ace0.js.map → p-0f5b47be.js.map} +1 -1
  8. package/dist/components/{p-0077f677.js → p-2999498a.js} +34 -22
  9. package/dist/components/p-2999498a.js.map +1 -0
  10. package/dist/components/{p-17c646e2.js → p-3465cbc7.js} +548 -474
  11. package/dist/components/p-3465cbc7.js.map +1 -0
  12. package/dist/components/{p-13e81b5d.js → p-435bec83.js} +2 -2
  13. package/dist/components/{p-13e81b5d.js.map → p-435bec83.js.map} +1 -1
  14. package/dist/components/{p-172a848d.js → p-48fa555e.js} +7 -7
  15. package/dist/components/{p-172a848d.js.map → p-48fa555e.js.map} +1 -1
  16. package/dist/components/p-4d37616e.js +105 -0
  17. package/dist/components/p-4d37616e.js.map +1 -0
  18. package/dist/components/{p-3e65aa91.js → p-66109c31.js} +3 -8
  19. package/dist/components/p-66109c31.js.map +1 -0
  20. package/dist/components/{p-2be1a382.js → p-760c6845.js} +2 -2
  21. package/dist/components/{p-2be1a382.js.map → p-760c6845.js.map} +1 -1
  22. package/dist/components/{p-868803f9.js → p-7c650118.js} +2 -2
  23. package/dist/components/{p-868803f9.js.map → p-7c650118.js.map} +1 -1
  24. package/dist/components/{p-a62a2e74.js → p-c1f43fe1.js} +4 -4
  25. package/dist/components/{p-a62a2e74.js.map → p-c1f43fe1.js.map} +1 -1
  26. package/dist/components/searchcraft-ad.js +1 -1
  27. package/dist/components/searchcraft-facet-list.js +1 -1
  28. package/dist/components/searchcraft-filter-panel.js +5 -5
  29. package/dist/components/searchcraft-input-form.js +1 -1
  30. package/dist/components/searchcraft-pagination.js +1 -1
  31. package/dist/components/searchcraft-popover-button.js +5 -3
  32. package/dist/components/searchcraft-popover-button.js.map +1 -1
  33. package/dist/components/searchcraft-popover-footer.js +1 -1
  34. package/dist/components/searchcraft-popover-form.js +8 -8
  35. package/dist/components/searchcraft-popover-form.js.map +1 -1
  36. package/dist/components/searchcraft-popover-list-item.js +1 -1
  37. package/dist/components/searchcraft-popover-list-view.js +1 -1
  38. package/dist/components/searchcraft-results-info.js +2 -2
  39. package/dist/components/searchcraft-search-result.js +1 -1
  40. package/dist/components/searchcraft-search-results-per-page.js +1 -1
  41. package/dist/components/searchcraft-search-results.js +69 -32
  42. package/dist/components/searchcraft-search-results.js.map +1 -1
  43. package/dist/components/searchcraft-slider.js +1 -1
  44. package/dist/components/searchcraft-theme.js +1 -1
  45. package/dist/components/searchcraft-theme.js.map +1 -1
  46. package/dist/components/searchcraft-toggle-button.js +1 -1
  47. package/dist/hydrate/index.js +484 -388
  48. package/dist/hydrate/index.mjs +484 -388
  49. package/dist/themes/hologram.css +1 -1
  50. package/dist/themes/hologram.css.map +1 -1
  51. package/dist/types/components/searchcraft-input-form/searchcraft-input-form.d.ts +7 -3
  52. package/dist/types/components/searchcraft-popover-button/searchcraft-popover-button.d.ts +3 -3
  53. package/dist/types/components/searchcraft-search-results/searchcraft-search-results.d.ts +10 -5
  54. package/dist/types/components.d.ts +20 -12
  55. package/dist/types/index.d.ts +0 -1
  56. package/dist/types/store/SearchcraftStore.types.d.ts +15 -6
  57. package/dist/types/utils/index.d.ts +0 -1
  58. package/dist/types/utils/units.d.ts +19 -6
  59. package/package.json +4 -7
  60. package/dist/components/p-0077f677.js.map +0 -1
  61. package/dist/components/p-17c646e2.js.map +0 -1
  62. package/dist/components/p-3e65aa91.js.map +0 -1
  63. package/dist/components/p-6104fe5d.js +0 -84
  64. package/dist/components/p-6104fe5d.js.map +0 -1
  65. package/dist/types/utils/styles.d.ts +0 -3
package/dist/themes/hologram.css CHANGED
@@ -1 +1 @@
1
- [class*=searchcraft-],[class*=searchcraft-] *,[class*=searchcraft-]::before,[class*=searchcraft-]::after,[class*=searchcraft-] *,::before,[class*=searchcraft-] *,::after{box-sizing:border-box;padding:0;margin:0}:root{--sc-text-base-size: 1em;--sc-text-scale-ratio: 1.1;--sc-font-family: sans-serif;--sc-font-bold: 700;--sc-font-normal: 400;--sc-heading-1-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-2-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-3-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-4-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-5-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-6-font-size: calc( var(--sc-text-base-size) / ( var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) ) );--sc-body-font-size: calc(var(--sc-text-base-size));--sc-body-small-font-size: calc( var(--sc-text-base-size) / ( var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) ) )}:root{--sc-border-radius: 8px;--sc-border-radius-sm: calc(var(--sc-border-radius) / 2);--sc-border-radius-lg: calc(var(--sc-border-radius) * 2);--sc-border-radius-xl: calc(var(--sc-border-radius) * 3);--sc-border-radius-2xl: calc(var(--sc-border-radius) * 4);--sc-border-radius-full: 9999px}:root{--sc-breakpoint-sm: 576px;--sc-breakpoint-md: 768px;--sc-breakpoint-lg: 992px}:root{--sc-surface-neutral-primary: var(--sc-color-background, #ffffff);--sc-color-background-hover-computed: hsl( from var(--sc-color-background) h s clamp(10, calc(l + 5), 95) );--sc-surface-neutral-primary-hover: var( --sc-color-background-hover, var(--sc-color-background-hover-computed, #fafafa) );--sc-color-background-active-computed: hsl( from var(--sc-color-background) h s clamp(5, calc(l - 5), 90) );--sc-surface-neutral-primary-active: var( --sc-color-background-active, var(--sc-color-background-active-computed, #f7f7f7) );--sc-surface-neutral-secondary: var( --sc-color-background-secondary, var(--sc-color-background, #f3f3f3) );--sc-color-background-secondary-hover-computed: hsl( from var(--sc-color-background-secondary) h s clamp(10, calc(l + 5), 95) );--sc-surface-neutral-secondary-hover: var( --sc-color-background-hover, var(--sc-color-background-hover-computed, #e6e6e6) );--sc-color-background-secondary-active-computed: hsl( from var(--sc-color-background-secondary) h s clamp(5, calc(l - 5), 90) );--sc-surface-neutral-secondary-active: var( --sc-color-background-secondary-active, var(--sc-color-background-active-computed, #e0e0e0) );--sc-surface-neutral-light: #ffffff;--sc-content-neutral-primary: var(--sc-color-foreground, #292929);--sc-color-foreground-secondary-computed: hsl( from var(--sc-color-foreground) h s clamp(10, calc(l + 5), 90) );--sc-content-neutral-secondary: var( --sc-color-foreground-secondary, var(--sc-color-foreground-secondary-computed, #404040) );--sc-border-neutral: var(--sc-color-border, rgba(0, 0, 0, 0.1));--sc-surface-brand-primary: var(--sc-color-brand, #000000);--sc-color-brand-hover-computed: hsl( from var(--sc-color-brand) h s clamp(20, calc(l + 5), 95) );--sc-surface-brand-primary-hover: var( --sc-color-brand-hover, var(--sc-color-brand-hover-computed, #2e2e2e) );--sc-color-brand-active-computed: hsl( from var(--sc-color-brand) h s clamp(10, calc(l - 5), 85) );--sc-surface-brand-primary-active: var( --sc-color-brand-active, var(--sc-color-brand-active-computed, #292929) );--sc-surface-brand-secondary: var( --sc-color-brand-secondary, var(--sc-color-brand, #e6e6e6) );--sc-color-brand-secondary-hover-computed: hsl( from var(--sc-color-brand-secondary) h s clamp(10, calc(l + 5), 95) );--sc-surface-brand-secondary-hover: var( --sc-color-background-hover, var(--sc-color-background-hover-computed, #ebebeb) );--sc-color-brand-secondary-active-computed: hsl( from var(--sc-color-brand-secondary) h s clamp(5, calc(l - 5), 90) );--sc-surface-brand-secondary-active: var( --sc-color-brand-secondary-active, var(--sc-color-brand-active-computed, #e0e0e0) );--sc-content-brand: var( --sc-color-brand-text, var(--sc-surface-brand-primary) );--sc-content-brand-on-primary: #ffffff;--sc-border-brand: var(--sc-surface-brand-primary);--sc-surface-success-primary: var(--sc-color-success, #008000);--sc-color-success-primary-hover-computed: hsl( from var(--sc-color-success) h s 30 );--sc-surface-success-primary-hover: var( --sc-color-success-primary-hover, var(--sc-color-success-primary-hover-computed, #009900) );--sc-color-success-primary-active-computed: hsl( from var(--sc-color-success) h s 20 );--sc-surface-success-primary-active: var( --sc-color-success-primary-active, var(--sc-color-success-primary-active-computed, #006600) );--sc-color-success-secondary-computed: hsl( from var(--sc-color-success) h s 90 );--sc-surface-success-secondary: var( --sc-color-success-secondary, var(--sc-color-success-secondary-computed, #ccffcc) );--sc-color-success-secondary-hover-computed: hsl( from var(--sc-color-success-secondary) h s 95 );--sc-surface-success-secondary-hover: var( --sc-color-success-secondary-hover, var(--sc-color-success-secondary-hover-computed, #e6ffe6) );--sc-color-success-secondary-active-computed: hsl( from var(--sc-color-success-secondary) h s 85 );--sc-surface-success-secondary-active: var( --sc-color-success-secondary-active, var(--sc-color-success-secondary-active-computed, #b2ffb2) );--sc-content-success: var( --sc-color-brand-text, hsl(from var(--sc-surface-success-primary) h s 30) );--sc-content-success-on-primary: #ffffff;--sc-border-success: var(--sc-surface-success-primary);--sc-surface-caution-primary: var(--sc-color-caution, #cc6600);--sc-color-caution-primary-hover-computed: hsl( from var(--sc-color-caution) h s 30 );--sc-surface-caution-primary-hover: var( --sc-color-caution-primary-hover, var(--sc-color-caution-primary-hover-computed, #e57300) );--sc-color-caution-primary-active-computed: hsl( from var(--sc-color-caution) h s 20 );--sc-surface-caution-primary-active: var( --sc-color-caution-primary-active, var(--sc-color-caution-primary-active-computed, #b25a00) );--sc-color-caution-secondary-computed: hsl( from var(--sc-color-caution) h s 90 );--sc-surface-caution-secondary: var( --sc-color-caution-secondary, var(--sc-color-caution-secondary-computed, #ffd9b3) );--sc-color-caution-secondary-hover-computed: hsl( from var(--sc-color-caution-secondary) h s 95 );--sc-surface-caution-secondary-hover: var( --sc-color-caution-secondary-hover, var(--sc-color-caution-secondary-hover-computed, #ffe5cc) );--sc-color-caution-secondary-active-computed: hsl( from var(--sc-color-caution-secondary) h s 85 );--sc-surface-caution-secondary-active: var( --sc-color-caution-secondary-active, var(--sc-color-caution-secondary-active-computed, #ffcc99) );--sc-content-caution: var( --sc-color-caution-text, hsl(from var(--sc-surface-caution-primary) h s 30) );--sc-content-caution-on-primary: #ffffff;--sc-border-caution: var(--sc-surface-caution-primary);--sc-surface-danger-primary: var(--sc-color-danger, #cc0000);--sc-color-danger-primary-hover-computed: hsl( from var(--sc-color-danger) h s 30 );--sc-surface-danger-primary-hover: var( --sc-color-danger-primary-hover, var(--sc-color-danger-primary-hover-computed, #e50000) );--sc-color-danger-primary-active-computed: hsl( from var(--sc-color-danger) h s 20 );--sc-surface-danger-primary-active: var( --sc-color-danger-primary-active, var(--sc-color-danger-primary-active-computed, #b30000) );--sc-color-danger-secondary-computed: hsl(from var(--sc-color-danger) h s 90);--sc-surface-danger-secondary: var( --sc-color-danger-secondary, var(--sc-color-danger-secondary-computed, #ffcccc) );--sc-color-danger-secondary-hover-computed: hsl( from var(--sc-color-danger-secondary) h s 95 );--sc-surface-danger-secondary-hover: var( --sc-color-danger-secondary-hover, var(--sc-color-danger-secondary-hover-computed, #ffe7e7) );--sc-color-danger-secondary-active-computed: hsl( from var(--sc-color-danger-secondary) h s 85 );--sc-surface-danger-secondary-active: var( --sc-color-danger-secondary-active, var(--sc-color-danger-secondary-active-computed, #ffb3b3) );--sc-content-danger: var( --sc-color-caution-text, hsl(from var(--sc-surface-danger-primary) h s 30) );--sc-content-danger-on-primary: #ffffff;--sc-border-danger: var(--sc-surface-danger-primary);--sc-color-disabled: hsl(from var(--sc-color-page-primary) h s calc(l * 0.5));--sc-surface-disabled: var(--sc-color-disabled, #d9d9d9);--sc-color-disabled-text: hsl( from var(--sc-color-text-primary) h s calc(l * 0.5) );--sc-content-disabled: var(--sc-color-disabled-text, #737373);--sc-content-disabled-on-disabled: var(--sc-color-disabled-text, #737373)}@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){:root{--sc-color-background-hover-computed: hsl( from var(--sc-color-background) h s clamp(10%, calc(l + 5%), 95%) );--sc-color-background-active-computed: hsl( from var(--sc-color-background) h s clamp(5%, calc(l - 5%), 90%) );--sc-color-foreground-secondary-computed: hsl( from var(--sc-color-foreground) h s clamp(10%, calc(l + 5%), 90%) );--sc-color-brand-hover-computed: hsl( from var(--sc-color-brand) h s clamp(20%, calc(l + 5%), 95%) );--sc-color-brand-active-computed: hsl( from var(--sc-color-brand) h s clamp(10%, calc(l - 5%), 85%) );--sc-color-success-primary-hover-computed: hsl( from var(--sc-color-success) h s 30% );--sc-color-success-primary-active-computed: hsl( from var(--sc-color-success) h s 20% );--sc-color-success-secondary-computed: hsl( from var(--sc-color-success) h s 90% );--sc-color-success-secondary-hover-computed: hsl( from var(--sc-color-success-secondary) h s 95% );--sc-color-success-secondary-active-computed: hsl( from var(--sc-color-success-secondary) h s 85% );--sc-content-success: var( --sc-color-brand-text, hsl(from var(--sc-surface-success-primary) h s 30%) );--sc-color-caution-primary-hover-computed: hsl( from var(--sc-color-caution) h s 30% );--sc-color-caution-primary-active-computed: hsl( from var(--sc-color-caution) h s 20% );--sc-color-caution-secondary-computed: hsl( from var(--sc-color-caution) h s 90% );--sc-color-caution-secondary-hover-computed: hsl( from var(--sc-color-caution-secondary) h s 95% );--sc-color-caution-secondary-active-computed: hsl( from var(--sc-color-caution-secondary) h s 85% );--sc-content-caution: var( --sc-color-caution-text, hsl(from var(--sc-surface-caution-primary) h s 30%) );--sc-color-danger-primary-hover-computed: hsl( from var(--sc-color-danger) h s 30% );--sc-color-danger-primary-active-computed: hsl( from var(--sc-color-danger) h s 20% );--sc-color-danger-secondary-computed: hsl( from var(--sc-color-danger) h s 90% );--sc-color-danger-secondary-hover-computed: hsl( from var(--sc-color-danger-secondary) h s 95% );--sc-color-danger-secondary-active-computed: hsl( from var(--sc-color-danger-secondary) h s 85% );--sc-content-danger: var( --sc-color-caution-text, hsl(from var(--sc-surface-danger-primary) h s 30%) )}}.searchcraft-adm-ad{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;border-bottom:1px solid var(--sc-border-neutral);padding:12px 0}searchcraft-ad:last-child .searchcraft-adm-ad{border-bottom:none}.searchcraft-adm-ad-link{align-items:flex-start;background-color:rgb(from blue r g b/5%);color:var(--sc-content-neutral-primary);display:flex;gap:24px;padding:12px;text-decoration:none}.searchcraft-adm-ad-link:focus,.searchcraft-adm-ad-link:active{background-color:var(--sc-surface-neutral-primary-active)}.searchcraft-adm-ad-link:hover{background-color:var(--sc-surface-neutral-primary-hover)}.searchcraft-adm-ad-image-wrapper{align-items:center;aspect-ratio:16/9;display:flex;flex-shrink:0;justify-content:center;width:160px}.searchcraft-adm-ad-image{height:100%;object-fit:var(--sc-popover-list-item-image-fit);width:100%}.searchcraft-adm-ad-content{display:flex;flex-direction:column;flex-grow:1;gap:4px;justify-content:center}.searchcraft-adm-ad-content-title,.searchcraft-adm-ad-content-subtitle{display:-webkit-box;line-clamp:2;margin:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.searchcraft-adm-ad-content-title{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-heading-5-font-size);font-weight:var(--sc-font-bold)}.searchcraft-adm-ad-content-subtitle{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal)}.searchcraft-search-result{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal)}.searchcraft-search-result-no-template{display:flex;flex-direction:column;font-size:.875rem}.searchcraft-search-result-no-template>p{margin:0}.searchcraft-search-results{display:flex;flex-direction:column;justify-content:center;gap:16px}.searchcraft-search-results-empty-state{text-align:center}.searchcraft-search-results-error-message{text-align:center}.searchcraft-button{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);background:none;border:2px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius);cursor:pointer;display:flex;gap:4px;padding:12px;position:relative}.searchcraft-button.searchcraft-button-disabled{cursor:not-allowed}.searchcraft-button-primary{background-color:var(--sc-surface-brand-primary);color:var(--sc-content-brand-on-primary);font-weight:var(--sc-font-bold)}.searchcraft-button-primary:hover{background-color:var(--sc-surface-brand-primary-hover)}.searchcraft-button-primary:focus{border-color:var(--sc-border-primary)}.searchcraft-button-primary:active{background-color:var(--sc-surface-brand-primary-active)}.searchcraft-button-primary.searchcraft-button-disabled,.searchcraft-button-primary.searchcraft-button-disabled:hover,.searchcraft-button-primary.searchcraft-button-disabled:focus,.searchcraft-button-primary.searchcraft-button-disabled:active{background-color:var(--sc-surface-disabled);border-color:rgba(0,0,0,0);color:var(--sc-content-disabled)}.searchcraft-button-tertiary{background-color:var(--sc-surface-neutral-primary);color:var(--sc-content-brand);font-weight:var(--sc-font-normal)}.searchcraft-button-tertiary:hover{background-color:var(--sc-surface-brand-secondary-hover)}.searchcraft-button-tertiary:focus{background-color:var(--sc-surface-neutral-light);border-color:var(--sc-border-primary)}.searchcraft-button-tertiary:active{background-color:var(--sc-surface-brand-secondary-active)}.searchcraft-button-tertiary.searchcraft-button-disabled,.searchcraft-button-tertiary.searchcraft-button-disabled:hover,.searchcraft-button-tertiary.searchcraft-button-disabled:focus,.searchcraft-button-tertiary.searchcraft-button-disabled:active{background-color:var(--sc-surface-neutral-light);border-color:rgba(0,0,0,0);color:var(--sc-content-disabled)}.searchcraft-button-icon{fill:none}.searchcraft-error-message{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-danger);margin:0}.searchcraft-facet-list{display:flex;flex-direction:column;gap:6px;width:100%}.searchcraft-facet-list-checkbox-label{align-items:center;color:var(--sc-content-brand);display:flex;font-family:var(--sc-font-family);font-size:14px;font-weight:600;gap:14px;position:relative;-webkit-font-smoothing:antialiased}.searchcraft-facet-list-checkbox-input-wrapper{position:relative}.searchcraft-facet-list-checkbox-input{align-items:center;appearance:none;background-color:var(--sc-surface-neutral-secondary);border:1px solid var(--sc-surface-disabled);border-radius:var(--sc-border-radius-sm);cursor:pointer;display:flex;height:24px;justify-content:center;width:24px;margin:0}.searchcraft-facet-list-checkbox-input:focus{outline:2px solid var(--sc-surface-brand-primary)}.searchcraft-facet-list-checkbox-input:checked{background-color:var(--sc-surface-brand-primary);position:relative}.searchcraft-facet-list-checkbox-input:checked+.searchcraft-facet-list-checkbox-input-check-icon{display:block}.searchcraft-facet-list-checkbox-input:checked+.searchcraft-facet-list-checkbox-input-dash-icon{display:block}.searchcraft-facet-child-list{display:flex;flex-direction:column;gap:6px}.searchcraft-facet-child-list-checkbox-label{margin-left:24px}.searchcraft-facet-child-list-checkbox-label:first-child{margin-top:6px}.searchcraft-facet-list-checkbox-input-check-icon{display:none;height:16px;left:50%;position:absolute;margin-top:2px;top:50%;transform:translate(-50%, -50%);width:16px}.searchcraft-facet-list-checkbox-input-dash-icon{display:none;height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:14px}.searchcraft-facet-list-message{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-disabled);text-align:center}.searchcraft-filter-panel{display:flex;flex-direction:column;gap:16px}.searchcraft-filter-panel-section{display:flex;flex-direction:column;gap:8px}.searchcraft-filter-panel-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);font-weight:var(--sc-font-bold)}:root{--sc-input-form-border-radius: var(--sc-border-radius);--sc-input-form-search-icon-size: 20px;--sc-input-form-clear-icon-size: 20px}.searchcraft-input-form-grid{display:grid;gap:4px 8px}.searchcraft-input-form-grid-button-left{grid-template-rows:repeat(3, auto);grid-template-columns:auto 1fr}.searchcraft-input-form-grid-button-left .searchcraft-input-form-button{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-form-grid-button-left .searchcraft-input-form-label{grid-column:2/span 1;grid-row:1/span 1}.searchcraft-input-form-grid-button-left .searchcraft-input-form-error-message{grid-column:2/span 1;grid-row:3/span 1}.searchcraft-input-form-grid-button-left .searchcraft-input-form-input-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-form-grid-button-right{grid-template-rows:repeat(3, auto);grid-template-columns:1fr auto}.searchcraft-input-form-grid-button-right .searchcraft-input-form-button{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-form-grid-button-right .searchcraft-input-form-label{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-form-grid-button-right .searchcraft-input-form-error-message{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-form-grid-button-right .searchcraft-input-form-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-form-grid-button-none{grid-template-rows:repeat(3, auto);grid-template-columns:auto}.searchcraft-input-form-grid-button-none .searchcraft-input-form-button{display:none}.searchcraft-input-form-grid-button-none .searchcraft-input-form-label{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-form-grid-button-none .searchcraft-input-form-error-message{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-form-grid-button-none .searchcraft-input-form-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-form-input-wrapper{display:flex;position:relative}.searchcraft-input-form-input{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);background-color:var(--sc-surface-neutral-secondary);border-radius:var(--sc-input-form-border-radius);border:none;color:var(--sc-content-neutral-primary);flex:1;outline:none;padding:12px 44px}.searchcraft-input-form-input::placeholder{color:var(--sc-content-disabled)}.searchcraft-input-form-input:focus{outline:var(--sc-border-brand) solid 2px;outline-offset:-1px}.searchcraft-input-form-input:focus::placeholder{opacity:0}.searchcraft-input-form-error{color:var(--sc-content-danger);outline:var(--sc-border-danger) solid 2px}.searchcraft-input-form-error:focus{outline:var(--sc-border-danger) solid 2px}.searchcraft-input-form-input-icon{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;pointer-events:none;top:0;width:44px}.searchcraft-input-form-input-search-icon{color:var(--sc-content-neutral-secondary);fill:none;height:var(--sc-input-form-search-icon-size);pointer-events:none;width:var(--sc-input-form-search-icon-size)}.searchcraft-input-form-clear-button{all:unset;align-items:center;bottom:0;border:none;cursor:pointer;display:flex;justify-content:center;outline:none;position:absolute;right:0;top:0;width:44px}.searchcraft-input-form-clear-icon{color:var(--sc-content-brand);fill:none;height:var(--sc-input-form-clear-icon-size);width:var(--sc-input-form-clear-icon-size)}.searchcraft-input-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-neutral-primary);font-weight:var(--sc-font-bold);margin-top:4px;margin-bottom:4px}:root{--sc-popover-button-border-radius: var(--sc-border-radius)}@media(min-width: 576px){:root{--sc-popover-button-border-radius: var(--sc-border-radius-lg)}}.searchcraft-popover-button{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);cursor:pointer}.searchcraft-popover-button-skeuomorphic{appearance:none;background:none;border:none;color:var(--sc-content-neutral-primary);display:block;width:100%}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-wrapper{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-popover-button-border-radius);box-shadow:0 1px 1px rgb(from var(--sc-content-neutral-secondary) r g b/10%) inset,0 2px 4px rgb(from var(--sc-content-neutral-secondary) r g b/5%) inset;display:flex;gap:24px;height:40px;justify-content:space-between;line-height:1;padding:4px 5px 4px 10px;background:var(--sc-surface-neutral-primary)}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-wrapper{box-shadow:0 1px 1px rgb(from var(--sc-content-neutral-secondary) r g b/10%) inset,0 2px 2px rgb(from var(--sc-content-neutral-secondary) r g b/5%) inset,0 4px 4px rgb(from var(--sc-content-neutral-secondary) r g b/5%) inset;height:63px;padding:8px 10px 8px 16px}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-input{align-items:center;display:flex;gap:4px}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-input{gap:8px}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps{color:var(--sc-content-neutral-secondary);display:flex;gap:4px;font-size:20px;font-weight:500}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps{gap:8px}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap{border-radius:calc(var(--sc-popover-button-border-radius) - 3px);border-radius:calc(var(var(--sc-popover-button-border-radius)) - 3px);background-color:var(--sc-surface-neutral-primary);box-shadow:0 3px hsl(from var(--sc-surface-neutral-secondary) h s calc(l - 5)),0 1px 2px rgb(from var(--sc-content-neutral-secondary) r g b/10%),0 6px 4px rgb(from var(--sc-content-neutral-secondary) r g b/5%);height:calc(100% - 2px);position:relative}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap{border-radius:calc(var(--sc-popover-button-border-radius) - 8px);border-radius:calc(var(var(--sc-popover-button-border-radius)) - 8px);box-shadow:0 4px hsl(from var(--sc-surface-neutral-secondary) h s calc(l - 5)),0 1px 2px rgb(from var(--sc-content-neutral-secondary) r g b/15%),0 6px 1px rgb(from var(--sc-content-neutral-secondary) r g b/20%),0 7px 2px rgb(from var(--sc-content-neutral-secondary) r g b/15%),0 9px 4px rgb(from var(--sc-content-neutral-secondary) r g b/10%),0 13px 8px rgb(from var(--sc-content-neutral-secondary) r g b/5%);height:calc(100% - 5px)}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::before,.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::after{content:"";display:block}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::before{border-radius:calc(var(--sc-popover-button-border-radius) - 4px);border-radius:calc(var(var(--sc-popover-button-border-radius)) - 4px);background:linear-gradient(340deg, rgb(from var(--sc-surface-neutral-secondary) r g b/2%) 0%, var(--sc-surface-neutral-secondary) 100%);inset:2px;position:absolute}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::before{border-radius:calc(var(--sc-popover-button-border-radius) - 12px);border-radius:calc(var(var(--sc-popover-button-border-radius)) - 12px);inset:4px}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::after{aspect-ratio:1/1;height:100%}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap>span{display:flex;line-height:1;left:50%;margin-top:2%;position:absolute;top:50%;transform:translate(-50%, -50%)}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-input-search-icon{height:60%;width:auto}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-input-search-icon{height:50%}}:root{--sc-popover-list-view-height: 600px;--sc-popover-modal-max-width: 800px}.searchcraft-popover-form{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);display:flex;flex:1;flex-direction:column}.searchcraft-popover-form searchcraft-input-form,.searchcraft-popover-form searchcraft-popover-footer{width:100%}.searchcraft-popover-form.searchcraft-popover-form-active .searchcraft-popover-form-input{padding-bottom:1px}.searchcraft-popover-form searchcraft-popover-list-view{flex-shrink:1;height:100%;min-height:0;overflow:auto;padding:0 24px}.searchcraft-popover-form-input{display:flex;flex-direction:row;gap:12px}.searchcraft-popover-form-input .searchcraft-input-form-input{background-color:var(--sc-surface-neutral-primary);border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius-lg);box-shadow:0 1px 1px rgb(from var(--sc-content-neutral-primary) r g b/10%) inset,0 2px 2px rgb(from var(--sc-content-neutral-primary) r g b/5%) inset,0 4px 4px rgb(from var(--sc-content-neutral-primary) r g b/5%) inset}.searchcraft-popover-form-input-cancel-button{background:none;border:none;cursor:pointer}.searchcraft-popover-form-modal-input,.searchcraft-popover-form-fullscreen-input{padding:24px}.searchcraft-popover-form-inline{background-color:var(--sc-surface-neutral-primary);border:1px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius-xl);padding:12px;position:relative}.searchcraft-popover-form-inline.searchcraft-popover-form-active{border:1px solid var(--sc-border-neutral);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:1px}.searchcraft-popover-form-inline searchcraft-popover-list-view{padding:0 12px}.searchcraft-popover-form-inline .searchcraft-input-form-input,.searchcraft-popover-form-inline .searchcraft-popover-list-item-link,.searchcraft-popover-form-inline .searchcraft-adm-ad-link{border-radius:calc(--sc-border-radius-xl - 12px);border-radius:calc(var(--sc-border-radius-xl) - 12px)}.searchcraft-popover-form-inline-wrapper{background-color:var(--sc-surface-neutral-primary);border:1px solid var(--sc-border-neutral);border-top:none;border-bottom-left-radius:var(--sc-border-radius-xl);border-bottom-right-radius:var(--sc-border-radius-xl);display:flex;flex-direction:column;left:-1px;max-height:var(--sc-popover-list-view-height);overflow:hidden;position:absolute;right:-1px;top:100%}.searchcraft-popover-form-modal{align-items:center;display:flex;inset:0;position:fixed;z-index:1000}.searchcraft-popover-form-modal searchcraft-popover-list-view{flex-shrink:1;min-height:0;overflow:auto;padding:0 24px}.searchcraft-popover-form-modal .searchcraft-input-form-input,.searchcraft-popover-form-modal .searchcraft-popover-list-item-link,.searchcraft-popover-form-modal .searchcraft-adm-ad-link{border-radius:calc(--sc-border-radius-2xl - 20px);border-radius:calc(var(--sc-border-radius-2xl) - 20px)}.searchcraft-popover-form-modal-backdrop{background-color:rgb(from var(--sc-content-neutral-primary) r g b/50%);display:none;inset:0;position:fixed}@media(min-width: 576px){.searchcraft-popover-form-modal-backdrop{display:block}}.searchcraft-popover-form-modal-wrapper{background-color:var(--sc-surface-neutral-primary);border-radius:var(--sc-border-radius-2xl);box-shadow:1px 2px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 2px 4px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 4px 8px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 8px 16px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 16px 32px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 32px 64px rgb(from var(--sc-content-neutral-primary) r g b/7%);display:flex;flex-direction:column;inset:0;max-width:var(--sc-popover-modal-max-width);overflow:hidden;position:absolute;width:100%;z-index:1001}@media(min-width: 576px){.searchcraft-popover-form-modal-wrapper{inset:0;margin-top:100px;max-height:var(--sc-popover-list-view-height);max-width:var(--sc-popover-modal-max-width);position:relative}}.searchcraft-popover-form-modal-input-cancel-button{border-radius:calc(--sc-border-radius-2xl - 20px);border-radius:calc(var(--sc-border-radius-2xl) - 20px);padding:8px 12px}.searchcraft-popover-form-fullscreen{background-color:var(--sc-surface-neutral-primary);display:flex;flex-direction:column;justify-content:space-between;inset:0;position:fixed;z-index:1000}.searchcraft-popover-form-fullscreen .searchcraft-popover-list-item-link,.searchcraft-popover-form-fullscreen .searchcraft-adm-ad-link{border-radius:var(--sc-border-radius-lg)}.searchcraft-popover-form-fullscreen-input-cancel-button{border-radius:var(--sc-border-radius-lg)}.searchcraft-popover-footer{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;background-color:var(--sc-surface-neutral-secondary);display:flex;gap:8px;justify-content:space-between;line-height:1;padding:20px 32px;box-shadow:0 1px 1px rgb(from var(--sc-content-neutral-primary) r g b/10%) inset,0 2px 2px rgb(from var(--sc-content-neutral-primary) r g b/5%) inset,0 4px 4px rgb(from var(--sc-content-neutral-primary) r g b/5%) inset}.searchcraft-popover-footer-results-info{margin:0}.searchcraft-popover-footer-link{color:var(--sc-content-neutral-primary);display:flex;max-width:160px;width:100%}:root{--sc-popover-list-item-image-fit: contain}.searchcraft-popover-list-item{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;border-bottom:1px solid var(--sc-border-neutral);padding:12px 0}searchcraft-popover-list-item:last-child .searchcraft-popover-list-item{border-bottom:none}.searchcraft-popover-list-item-link{align-items:flex-start;color:var(--sc-content-neutral-primary);display:flex;gap:24px;padding:12px;text-decoration:none}.searchcraft-popover-list-item-link:focus,.searchcraft-popover-list-item-link:active{background-color:var(--sc-surface-neutral-primary-active)}.searchcraft-popover-list-item-link:hover{background-color:var(--sc-surface-neutral-primary-hover)}.searchcraft-popover-list-item-image-wrapper{align-items:center;aspect-ratio:16/9;display:flex;flex-shrink:0;justify-content:center;width:160px}.searchcraft-popover-list-item-image{height:100%;object-fit:var(--sc-popover-list-item-image-fit);width:100%}.searchcraft-popover-list-item-content{display:flex;flex-direction:column;flex-grow:1;gap:4px;justify-content:center}.searchcraft-popover-list-item-content-title,.searchcraft-popover-list-item-content-subtitle{display:-webkit-box;line-clamp:2;margin:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.searchcraft-popover-list-item-content-title{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-heading-5-font-size);font-weight:var(--sc-font-bold)}.searchcraft-popover-list-item-content-subtitle{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal)}.searchcraft-popover-list-view{display:flex;flex-direction:column}.searchcraft-results-info{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-primary);margin:0}.searchcraft-slider{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.searchcraft-slider-range{align-items:center;background-color:var(--sc-surface-disabled);border-radius:999px;display:flex;position:relative;height:4px;width:100%}.searchcraft-slider-range::-webkit-slider-runnable-track{pointer-events:none}.searchcraft-slider-range .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 .searchcraft-slider-active-range::-webkit-slider-runnable-track{pointer-events:none}.searchcraft-slider-range .searchcraft-slider-active-range::-moz-range-track{pointer-events:none}.searchcraft-slider-range .searchcraft-slider-input{appearance:none;background:rgba(0,0,0,0);border-radius:2px;height:4px;margin:0;outline:none;pointer-events:none;position:absolute;width:100%;-webkit-appearance:none}.searchcraft-slider-range .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 .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{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-start-label,.searchcraft-slider-end-label{min-width:30px;text-align:center}.searchcraft-toggle-button{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.searchcraft-toggle-button-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-neutral-primary);margin:0}.searchcraft-toggle-button-sub-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-neutral-secondary);margin:0}.searchcraft-toggle-button-background{background:var(--sc-surface-disabled);border-radius:var(--sc-border-radius-full);border:none;cursor:pointer;flex-shrink:0;height:26px;position:relative;transition:background-color .2s;width:44px}.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 .3s ease;width:18px}.searchcraft-toggle-button-active .searchcraft-toggle-button-background{background:var(--sc-surface-brand-primary);box-shadow:0px 0px 0px 1px rgba(0,0,0,.05)}.searchcraft-toggle-button-active .searchcraft-toggle-button-handle{transform:translateX(16px)}.searchcraft-pagination{display:inline-grid;gap:16px;grid-template-columns:repeat(3, auto);grid-template-rows:1fr}.searchcraft-pagination-list{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius);display:flex;list-style-type:none;margin:0;overflow:hidden;padding:0;width:auto}.searchcraft-pagination-list li{border-right:1px solid var(--sc-border-neutral);height:100%;min-height:44px;width:44px}.searchcraft-pagination-list li:last-child{border-right:none}.searchcraft-pagination-item{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);align-items:center;background-color:var(--sc-surface-neutral-primary);border:none;display:flex;height:100%;justify-content:center;width:100%}.searchcraft-pagination-item-active{background-color:var(--sc-surface-brand-secondary);font-weight:var(--sc-font-bold)}.searchcraft-pagination-control{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius)}.searchcraft-pagination-range{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);align-items:center;display:flex}.searchcraft-select{display:flex;flex-direction:column;gap:4px}.searchcraft-select-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);font-weight:var(--sc-font-bold)}.searchcraft-select-input-wrapper{position:relative}.searchcraft-select-input{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);appearance:none;background-color:var(--sc-surface-neutral-secondary);border:2px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius);cursor:pointer;height:44px;padding:0 44px 0 16px;width:100%}.searchcraft-select-input:hover{background-color:var(--sc-surface-neutral-secondary-hover)}.searchcraft-select-input:active{background-color:var(--sc-surface-neutral-secondary-active)}.searchcraft-select-input:focus{border-color:var(--sc-border-brand);outline:none}.searchcraft-select-input-icon{fill:none;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.searchcraft-select-caption{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal)}.searchcraft-search-results-per-page{display:flex}.searchcraft-search-results-per-page-select{align-items:center;display:flex;gap:12px}.searchcraft-search-results-per-page-select-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal)}.searchcraft-search-results-per-page-select-input{min-width:120px}/*# sourceMappingURL=hologram.css.map */
1
+ [class*=searchcraft-],[class*=searchcraft-] *,[class*=searchcraft-]::before,[class*=searchcraft-]::after,[class*=searchcraft-] *,::before,[class*=searchcraft-] *,::after{box-sizing:border-box;padding:0;margin:0}:root{--sc-text-base-size: 1em;--sc-text-scale-ratio: 1.1;--sc-font-family: sans-serif;--sc-font-bold: 700;--sc-font-normal: 400;--sc-heading-1-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-2-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-3-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-4-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-5-font-size: calc( var(--sc-text-base-size) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) );--sc-heading-6-font-size: calc( var(--sc-text-base-size) / ( var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) ) );--sc-body-font-size: calc(var(--sc-text-base-size));--sc-body-small-font-size: calc( var(--sc-text-base-size) / ( var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) * var(--sc-text-scale-ratio) ) )}:root{--sc-border-radius: 8px;--sc-border-radius-sm: calc(var(--sc-border-radius) / 2);--sc-border-radius-lg: calc(var(--sc-border-radius) * 2);--sc-border-radius-xl: calc(var(--sc-border-radius) * 3);--sc-border-radius-2xl: calc(var(--sc-border-radius) * 4);--sc-border-radius-full: 9999px}:root{--sc-breakpoint-sm: 576px;--sc-breakpoint-md: 768px;--sc-breakpoint-lg: 992px}:root{--sc-surface-neutral-primary: var(--sc-color-background, #ffffff);--sc-color-background-hover-computed: hsl( from var(--sc-color-background) h s clamp(10, calc(l + 5), 95) );--sc-surface-neutral-primary-hover: var( --sc-color-background-hover, var(--sc-color-background-hover-computed, #fafafa) );--sc-color-background-active-computed: hsl( from var(--sc-color-background) h s clamp(5, calc(l - 5), 90) );--sc-surface-neutral-primary-active: var( --sc-color-background-active, var(--sc-color-background-active-computed, #f7f7f7) );--sc-surface-neutral-secondary: var( --sc-color-background-secondary, var(--sc-color-background, #f3f3f3) );--sc-color-background-secondary-hover-computed: hsl( from var(--sc-color-background-secondary) h s clamp(10, calc(l + 5), 95) );--sc-surface-neutral-secondary-hover: var( --sc-color-background-hover, var(--sc-color-background-hover-computed, #e6e6e6) );--sc-color-background-secondary-active-computed: hsl( from var(--sc-color-background-secondary) h s clamp(5, calc(l - 5), 90) );--sc-surface-neutral-secondary-active: var( --sc-color-background-secondary-active, var(--sc-color-background-active-computed, #e0e0e0) );--sc-surface-neutral-light: #ffffff;--sc-content-neutral-primary: var(--sc-color-foreground, #292929);--sc-color-foreground-secondary-computed: hsl( from var(--sc-color-foreground) h s clamp(10, calc(l + 5), 90) );--sc-content-neutral-secondary: var( --sc-color-foreground-secondary, var(--sc-color-foreground-secondary-computed, #404040) );--sc-border-neutral: var(--sc-color-border, rgba(0, 0, 0, 0.1));--sc-surface-brand-primary: var(--sc-color-brand, #000000);--sc-color-brand-hover-computed: hsl( from var(--sc-color-brand) h s clamp(20, calc(l + 5), 95) );--sc-surface-brand-primary-hover: var( --sc-color-brand-hover, var(--sc-color-brand-hover-computed, #2e2e2e) );--sc-color-brand-active-computed: hsl( from var(--sc-color-brand) h s clamp(10, calc(l - 5), 85) );--sc-surface-brand-primary-active: var( --sc-color-brand-active, var(--sc-color-brand-active-computed, #292929) );--sc-surface-brand-secondary: var( --sc-color-brand-secondary, var(--sc-color-brand, #e6e6e6) );--sc-color-brand-secondary-hover-computed: hsl( from var(--sc-color-brand-secondary) h s clamp(10, calc(l + 5), 95) );--sc-surface-brand-secondary-hover: var( --sc-color-background-hover, var(--sc-color-background-hover-computed, #ebebeb) );--sc-color-brand-secondary-active-computed: hsl( from var(--sc-color-brand-secondary) h s clamp(5, calc(l - 5), 90) );--sc-surface-brand-secondary-active: var( --sc-color-brand-secondary-active, var(--sc-color-brand-active-computed, #e0e0e0) );--sc-content-brand: var( --sc-color-brand-text, var(--sc-surface-brand-primary) );--sc-content-brand-on-primary: #ffffff;--sc-border-brand: var(--sc-surface-brand-primary);--sc-surface-success-primary: var(--sc-color-success, #008000);--sc-color-success-primary-hover-computed: hsl( from var(--sc-color-success) h s 30 );--sc-surface-success-primary-hover: var( --sc-color-success-primary-hover, var(--sc-color-success-primary-hover-computed, #009900) );--sc-color-success-primary-active-computed: hsl( from var(--sc-color-success) h s 20 );--sc-surface-success-primary-active: var( --sc-color-success-primary-active, var(--sc-color-success-primary-active-computed, #006600) );--sc-color-success-secondary-computed: hsl( from var(--sc-color-success) h s 90 );--sc-surface-success-secondary: var( --sc-color-success-secondary, var(--sc-color-success-secondary-computed, #ccffcc) );--sc-color-success-secondary-hover-computed: hsl( from var(--sc-color-success-secondary) h s 95 );--sc-surface-success-secondary-hover: var( --sc-color-success-secondary-hover, var(--sc-color-success-secondary-hover-computed, #e6ffe6) );--sc-color-success-secondary-active-computed: hsl( from var(--sc-color-success-secondary) h s 85 );--sc-surface-success-secondary-active: var( --sc-color-success-secondary-active, var(--sc-color-success-secondary-active-computed, #b2ffb2) );--sc-content-success: var( --sc-color-brand-text, hsl(from var(--sc-surface-success-primary) h s 30) );--sc-content-success-on-primary: #ffffff;--sc-border-success: var(--sc-surface-success-primary);--sc-surface-caution-primary: var(--sc-color-caution, #cc6600);--sc-color-caution-primary-hover-computed: hsl( from var(--sc-color-caution) h s 30 );--sc-surface-caution-primary-hover: var( --sc-color-caution-primary-hover, var(--sc-color-caution-primary-hover-computed, #e57300) );--sc-color-caution-primary-active-computed: hsl( from var(--sc-color-caution) h s 20 );--sc-surface-caution-primary-active: var( --sc-color-caution-primary-active, var(--sc-color-caution-primary-active-computed, #b25a00) );--sc-color-caution-secondary-computed: hsl( from var(--sc-color-caution) h s 90 );--sc-surface-caution-secondary: var( --sc-color-caution-secondary, var(--sc-color-caution-secondary-computed, #ffd9b3) );--sc-color-caution-secondary-hover-computed: hsl( from var(--sc-color-caution-secondary) h s 95 );--sc-surface-caution-secondary-hover: var( --sc-color-caution-secondary-hover, var(--sc-color-caution-secondary-hover-computed, #ffe5cc) );--sc-color-caution-secondary-active-computed: hsl( from var(--sc-color-caution-secondary) h s 85 );--sc-surface-caution-secondary-active: var( --sc-color-caution-secondary-active, var(--sc-color-caution-secondary-active-computed, #ffcc99) );--sc-content-caution: var( --sc-color-caution-text, hsl(from var(--sc-surface-caution-primary) h s 30) );--sc-content-caution-on-primary: #ffffff;--sc-border-caution: var(--sc-surface-caution-primary);--sc-surface-danger-primary: var(--sc-color-danger, #cc0000);--sc-color-danger-primary-hover-computed: hsl( from var(--sc-color-danger) h s 30 );--sc-surface-danger-primary-hover: var( --sc-color-danger-primary-hover, var(--sc-color-danger-primary-hover-computed, #e50000) );--sc-color-danger-primary-active-computed: hsl( from var(--sc-color-danger) h s 20 );--sc-surface-danger-primary-active: var( --sc-color-danger-primary-active, var(--sc-color-danger-primary-active-computed, #b30000) );--sc-color-danger-secondary-computed: hsl(from var(--sc-color-danger) h s 90);--sc-surface-danger-secondary: var( --sc-color-danger-secondary, var(--sc-color-danger-secondary-computed, #ffcccc) );--sc-color-danger-secondary-hover-computed: hsl( from var(--sc-color-danger-secondary) h s 95 );--sc-surface-danger-secondary-hover: var( --sc-color-danger-secondary-hover, var(--sc-color-danger-secondary-hover-computed, #ffe7e7) );--sc-color-danger-secondary-active-computed: hsl( from var(--sc-color-danger-secondary) h s 85 );--sc-surface-danger-secondary-active: var( --sc-color-danger-secondary-active, var(--sc-color-danger-secondary-active-computed, #ffb3b3) );--sc-content-danger: var( --sc-color-caution-text, hsl(from var(--sc-surface-danger-primary) h s 30) );--sc-content-danger-on-primary: #ffffff;--sc-border-danger: var(--sc-surface-danger-primary);--sc-color-disabled: hsl(from var(--sc-color-page-primary) h s calc(l * 0.5));--sc-surface-disabled: var(--sc-color-disabled, #d9d9d9);--sc-color-disabled-text: hsl( from var(--sc-color-text-primary) h s calc(l * 0.5) );--sc-content-disabled: var(--sc-color-disabled-text, #737373);--sc-content-disabled-on-disabled: var(--sc-color-disabled-text, #737373)}@supports(hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){:root{--sc-color-background-hover-computed: hsl( from var(--sc-color-background) h s clamp(10%, calc(l + 5%), 95%) );--sc-color-background-active-computed: hsl( from var(--sc-color-background) h s clamp(5%, calc(l - 5%), 90%) );--sc-color-foreground-secondary-computed: hsl( from var(--sc-color-foreground) h s clamp(10%, calc(l + 5%), 90%) );--sc-color-brand-hover-computed: hsl( from var(--sc-color-brand) h s clamp(20%, calc(l + 5%), 95%) );--sc-color-brand-active-computed: hsl( from var(--sc-color-brand) h s clamp(10%, calc(l - 5%), 85%) );--sc-color-success-primary-hover-computed: hsl( from var(--sc-color-success) h s 30% );--sc-color-success-primary-active-computed: hsl( from var(--sc-color-success) h s 20% );--sc-color-success-secondary-computed: hsl( from var(--sc-color-success) h s 90% );--sc-color-success-secondary-hover-computed: hsl( from var(--sc-color-success-secondary) h s 95% );--sc-color-success-secondary-active-computed: hsl( from var(--sc-color-success-secondary) h s 85% );--sc-content-success: var( --sc-color-brand-text, hsl(from var(--sc-surface-success-primary) h s 30%) );--sc-color-caution-primary-hover-computed: hsl( from var(--sc-color-caution) h s 30% );--sc-color-caution-primary-active-computed: hsl( from var(--sc-color-caution) h s 20% );--sc-color-caution-secondary-computed: hsl( from var(--sc-color-caution) h s 90% );--sc-color-caution-secondary-hover-computed: hsl( from var(--sc-color-caution-secondary) h s 95% );--sc-color-caution-secondary-active-computed: hsl( from var(--sc-color-caution-secondary) h s 85% );--sc-content-caution: var( --sc-color-caution-text, hsl(from var(--sc-surface-caution-primary) h s 30%) );--sc-color-danger-primary-hover-computed: hsl( from var(--sc-color-danger) h s 30% );--sc-color-danger-primary-active-computed: hsl( from var(--sc-color-danger) h s 20% );--sc-color-danger-secondary-computed: hsl( from var(--sc-color-danger) h s 90% );--sc-color-danger-secondary-hover-computed: hsl( from var(--sc-color-danger-secondary) h s 95% );--sc-color-danger-secondary-active-computed: hsl( from var(--sc-color-danger-secondary) h s 85% );--sc-content-danger: var( --sc-color-caution-text, hsl(from var(--sc-surface-danger-primary) h s 30%) )}}.searchcraft-adm-ad{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;border-bottom:1px solid var(--sc-border-neutral);padding:12px 0}searchcraft-ad:last-child .searchcraft-adm-ad{border-bottom:none}.searchcraft-adm-ad-link{align-items:flex-start;background-color:rgb(from blue r g b/5%);color:var(--sc-content-neutral-primary);display:flex;gap:24px;padding:12px;text-decoration:none}.searchcraft-adm-ad-link:focus,.searchcraft-adm-ad-link:active{background-color:var(--sc-surface-neutral-primary-active)}.searchcraft-adm-ad-link:hover{background-color:var(--sc-surface-neutral-primary-hover)}.searchcraft-adm-ad-image-wrapper{align-items:center;aspect-ratio:16/9;display:flex;flex-shrink:0;justify-content:center;width:160px}.searchcraft-adm-ad-image{height:100%;object-fit:var(--sc-popover-list-item-image-fit);width:100%}.searchcraft-adm-ad-content{display:flex;flex-direction:column;flex-grow:1;gap:4px;justify-content:center}.searchcraft-adm-ad-content-title,.searchcraft-adm-ad-content-subtitle{display:-webkit-box;line-clamp:2;margin:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.searchcraft-adm-ad-content-title{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-heading-5-font-size);font-weight:var(--sc-font-bold)}.searchcraft-adm-ad-content-subtitle{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal)}.searchcraft-search-result{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal)}.searchcraft-search-result-no-template{display:flex;flex-direction:column;font-size:.875rem}.searchcraft-search-result-no-template>p{margin:0}.searchcraft-search-results{display:flex;flex-direction:column;justify-content:center;gap:16px}.searchcraft-search-results-empty-state{text-align:center}.searchcraft-search-results-error-message{text-align:center}.searchcraft-button{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);background:none;border:2px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius);cursor:pointer;display:flex;gap:4px;padding:12px;position:relative}.searchcraft-button.searchcraft-button-disabled{cursor:not-allowed}.searchcraft-button-primary{background-color:var(--sc-surface-brand-primary);color:var(--sc-content-brand-on-primary);font-weight:var(--sc-font-bold)}.searchcraft-button-primary:hover{background-color:var(--sc-surface-brand-primary-hover)}.searchcraft-button-primary:focus{border-color:var(--sc-border-primary)}.searchcraft-button-primary:active{background-color:var(--sc-surface-brand-primary-active)}.searchcraft-button-primary.searchcraft-button-disabled,.searchcraft-button-primary.searchcraft-button-disabled:hover,.searchcraft-button-primary.searchcraft-button-disabled:focus,.searchcraft-button-primary.searchcraft-button-disabled:active{background-color:var(--sc-surface-disabled);border-color:rgba(0,0,0,0);color:var(--sc-content-disabled)}.searchcraft-button-tertiary{background-color:var(--sc-surface-neutral-primary);color:var(--sc-content-brand);font-weight:var(--sc-font-normal)}.searchcraft-button-tertiary:hover{background-color:var(--sc-surface-brand-secondary-hover)}.searchcraft-button-tertiary:focus{background-color:var(--sc-surface-neutral-light);border-color:var(--sc-border-primary)}.searchcraft-button-tertiary:active{background-color:var(--sc-surface-brand-secondary-active)}.searchcraft-button-tertiary.searchcraft-button-disabled,.searchcraft-button-tertiary.searchcraft-button-disabled:hover,.searchcraft-button-tertiary.searchcraft-button-disabled:focus,.searchcraft-button-tertiary.searchcraft-button-disabled:active{background-color:var(--sc-surface-neutral-light);border-color:rgba(0,0,0,0);color:var(--sc-content-disabled)}.searchcraft-button-icon{fill:none}.searchcraft-error-message{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-danger);margin:0}.searchcraft-facet-list{display:flex;flex-direction:column;gap:6px;width:100%}.searchcraft-facet-list-checkbox-label{align-items:center;color:var(--sc-content-neutral-primary);display:flex;font-family:var(--sc-font-family);font-size:14px;font-weight:600;gap:14px;position:relative;-webkit-font-smoothing:antialiased}.searchcraft-facet-list-checkbox-input-wrapper{position:relative}.searchcraft-facet-list-checkbox-input{align-items:center;appearance:none;background-color:var(--sc-surface-neutral-secondary);border:1px solid var(--sc-surface-disabled);border-radius:var(--sc-border-radius-sm);cursor:pointer;display:flex;height:24px;justify-content:center;width:24px;margin:0}.searchcraft-facet-list-checkbox-input:focus{outline:2px solid var(--sc-surface-brand-primary)}.searchcraft-facet-list-checkbox-input:checked{background-color:var(--sc-surface-brand-primary);position:relative}.searchcraft-facet-list-checkbox-input:checked+.searchcraft-facet-list-checkbox-input-check-icon{display:block}.searchcraft-facet-list-checkbox-input:checked+.searchcraft-facet-list-checkbox-input-dash-icon{display:block}.searchcraft-facet-child-list{display:flex;flex-direction:column;gap:6px}.searchcraft-facet-child-list-checkbox-label{margin-left:24px}.searchcraft-facet-child-list-checkbox-label:first-child{margin-top:6px}.searchcraft-facet-list-checkbox-input-check-icon{display:none;height:16px;left:50%;position:absolute;margin-top:2px;top:50%;transform:translate(-50%, -50%);width:16px}.searchcraft-facet-list-checkbox-input-dash-icon{display:none;height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:14px}.searchcraft-facet-list-message{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-disabled);text-align:center}.searchcraft-filter-panel{display:flex;flex-direction:column;gap:16px}.searchcraft-filter-panel-section{display:flex;flex-direction:column;gap:8px}.searchcraft-filter-panel-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);font-weight:var(--sc-font-bold)}:root{--sc-input-form-border-radius: var(--sc-border-radius);--sc-input-form-search-icon-size: 20px;--sc-input-form-clear-icon-size: 20px}.searchcraft-input-form-grid{display:grid;gap:4px 8px}.searchcraft-input-form-grid-button-left{grid-template-rows:repeat(3, auto);grid-template-columns:auto 1fr}.searchcraft-input-form-grid-button-left .searchcraft-input-form-button{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-form-grid-button-left .searchcraft-input-form-label{grid-column:2/span 1;grid-row:1/span 1}.searchcraft-input-form-grid-button-left .searchcraft-input-form-error-message{grid-column:2/span 1;grid-row:3/span 1}.searchcraft-input-form-grid-button-left .searchcraft-input-form-input-wrapper{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-form-grid-button-right{grid-template-rows:repeat(3, auto);grid-template-columns:1fr auto}.searchcraft-input-form-grid-button-right .searchcraft-input-form-button{grid-column:2/span 1;grid-row:2/span 1}.searchcraft-input-form-grid-button-right .searchcraft-input-form-label{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-form-grid-button-right .searchcraft-input-form-error-message{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-form-grid-button-right .searchcraft-input-form-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-form-grid-button-none{grid-template-rows:repeat(3, auto);grid-template-columns:auto}.searchcraft-input-form-grid-button-none .searchcraft-input-form-button{display:none}.searchcraft-input-form-grid-button-none .searchcraft-input-form-label{grid-column:1/span 1;grid-row:1/span 1}.searchcraft-input-form-grid-button-none .searchcraft-input-form-error-message{grid-column:1/span 1;grid-row:3/span 1}.searchcraft-input-form-grid-button-none .searchcraft-input-form-input-wrapper{grid-column:1/span 1;grid-row:2/span 1}.searchcraft-input-form-input-wrapper{display:flex;position:relative}.searchcraft-input-form-input{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);background-color:var(--sc-surface-neutral-secondary);border-radius:var(--sc-input-form-border-radius);border:none;color:var(--sc-content-neutral-primary);flex:1;outline:none;padding:12px 44px}.searchcraft-input-form-input::placeholder{color:var(--sc-content-disabled)}.searchcraft-input-form-input:focus{outline:var(--sc-border-brand) solid 2px;outline-offset:-1px}.searchcraft-input-form-input:focus::placeholder{opacity:0}.searchcraft-input-form-error{color:var(--sc-content-danger);outline:var(--sc-border-danger) solid 2px}.searchcraft-input-form-error:focus{outline:var(--sc-border-danger) solid 2px}.searchcraft-input-form-input-icon{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;pointer-events:none;top:0;width:44px}.searchcraft-input-form-input-search-icon{color:var(--sc-content-neutral-secondary);fill:none;height:var(--sc-input-form-search-icon-size);pointer-events:none;width:var(--sc-input-form-search-icon-size)}.searchcraft-input-form-clear-button{all:unset;align-items:center;bottom:0;border:none;cursor:pointer;display:flex;justify-content:center;outline:none;position:absolute;right:0;top:0;width:44px}.searchcraft-input-form-clear-icon{color:var(--sc-content-brand);fill:none;height:var(--sc-input-form-clear-icon-size);width:var(--sc-input-form-clear-icon-size)}.searchcraft-input-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-neutral-primary);font-weight:var(--sc-font-bold);margin-top:4px;margin-bottom:4px}:root{--sc-popover-button-border-radius: var(--sc-border-radius)}@media(min-width: 576px){:root{--sc-popover-button-border-radius: var(--sc-border-radius-lg)}}.searchcraft-popover-button{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);cursor:pointer}.searchcraft-popover-button-skeuomorphic{appearance:none;background:none;border:none;color:var(--sc-content-neutral-primary);display:block;width:100%}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-wrapper{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-popover-button-border-radius);box-shadow:0 1px 1px rgb(from var(--sc-content-neutral-secondary) r g b/10%) inset,0 2px 4px rgb(from var(--sc-content-neutral-secondary) r g b/5%) inset;display:flex;gap:24px;height:40px;justify-content:space-between;line-height:1;padding:4px 5px 4px 10px;background:var(--sc-surface-neutral-primary)}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-wrapper{box-shadow:0 1px 1px rgb(from var(--sc-content-neutral-secondary) r g b/10%) inset,0 2px 2px rgb(from var(--sc-content-neutral-secondary) r g b/5%) inset,0 4px 4px rgb(from var(--sc-content-neutral-secondary) r g b/5%) inset;height:63px;padding:8px 10px 8px 16px}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-input{align-items:center;display:flex;gap:4px}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-input{gap:8px}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps{color:var(--sc-content-neutral-secondary);display:flex;gap:4px;font-size:20px;font-weight:500}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps{gap:8px}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap{border-radius:calc(var(--sc-popover-button-border-radius) - 3px);border-radius:calc(var(var(--sc-popover-button-border-radius)) - 3px);background-color:var(--sc-surface-neutral-primary);box-shadow:0 3px hsl(from var(--sc-surface-neutral-secondary) h s calc(l - 5)),0 1px 2px rgb(from var(--sc-content-neutral-secondary) r g b/10%),0 6px 4px rgb(from var(--sc-content-neutral-secondary) r g b/5%);height:calc(100% - 2px);position:relative}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap{border-radius:calc(var(--sc-popover-button-border-radius) - 8px);border-radius:calc(var(var(--sc-popover-button-border-radius)) - 8px);box-shadow:0 4px hsl(from var(--sc-surface-neutral-secondary) h s calc(l - 5)),0 1px 2px rgb(from var(--sc-content-neutral-secondary) r g b/15%),0 6px 1px rgb(from var(--sc-content-neutral-secondary) r g b/20%),0 7px 2px rgb(from var(--sc-content-neutral-secondary) r g b/15%),0 9px 4px rgb(from var(--sc-content-neutral-secondary) r g b/10%),0 13px 8px rgb(from var(--sc-content-neutral-secondary) r g b/5%);height:calc(100% - 5px)}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::before,.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::after{content:"";display:block}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::before{border-radius:calc(var(--sc-popover-button-border-radius) - 4px);border-radius:calc(var(var(--sc-popover-button-border-radius)) - 4px);background:linear-gradient(340deg, rgb(from var(--sc-surface-neutral-secondary) r g b/2%) 0%, var(--sc-surface-neutral-secondary) 100%);inset:2px;position:absolute}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::before{border-radius:calc(var(--sc-popover-button-border-radius) - 12px);border-radius:calc(var(var(--sc-popover-button-border-radius)) - 12px);inset:4px}}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap::after{aspect-ratio:1/1;height:100%}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-keycaps-keycap>span{display:flex;line-height:1;left:50%;margin-top:2%;position:absolute;top:50%;transform:translate(-50%, -50%)}.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-input-search-icon{height:60%;width:auto}@media(min-width: 576px){.searchcraft-popover-button-skeuomorphic .searchcraft-popover-button-input-search-icon{height:50%}}:root{--sc-popover-list-view-height: 600px;--sc-popover-modal-max-width: 800px}.searchcraft-popover-form{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);display:flex;flex:1;flex-direction:column}.searchcraft-popover-form searchcraft-input-form,.searchcraft-popover-form searchcraft-popover-footer{width:100%}.searchcraft-popover-form.searchcraft-popover-form-active .searchcraft-popover-form-input{padding-bottom:1px}.searchcraft-popover-form searchcraft-popover-list-view{flex-shrink:1;height:100%;min-height:0;overflow:auto;padding:0 24px}.searchcraft-popover-form-input{display:flex;flex-direction:row;gap:12px}.searchcraft-popover-form-input .searchcraft-input-form-input{background-color:var(--sc-surface-neutral-primary);border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius-lg);box-shadow:0 1px 1px rgb(from var(--sc-content-neutral-primary) r g b/10%) inset,0 2px 2px rgb(from var(--sc-content-neutral-primary) r g b/5%) inset,0 4px 4px rgb(from var(--sc-content-neutral-primary) r g b/5%) inset;width:0}.searchcraft-popover-form-cancel-button{background:none;border:none;cursor:pointer;font-size:14px}.searchcraft-popover-form-modal-input,.searchcraft-popover-form-fullscreen-input{padding:24px}.searchcraft-popover-form-modal-popover-list-view,.searchcraft-popover-form-fullscreen-popover-list-view{flex-grow:1;flex-shrink:1;min-height:0;overflow:auto;padding:0 24px}.searchcraft-popover-form-inline{background-color:var(--sc-surface-neutral-primary);border:1px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius-xl);padding:12px;position:relative}.searchcraft-popover-form-inline.searchcraft-popover-form-active{border:1px solid var(--sc-border-neutral);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:1px}.searchcraft-popover-form-inline searchcraft-popover-list-view{padding:0 12px}.searchcraft-popover-form-inline .searchcraft-input-form-input,.searchcraft-popover-form-inline .searchcraft-popover-list-item-link,.searchcraft-popover-form-inline .searchcraft-adm-ad-link{border-radius:calc(--sc-border-radius-xl - 12px);border-radius:calc(var(--sc-border-radius-xl) - 12px)}.searchcraft-popover-form-inline-wrapper{background-color:var(--sc-surface-neutral-primary);border:1px solid var(--sc-border-neutral);border-top:none;border-bottom-left-radius:var(--sc-border-radius-xl);border-bottom-right-radius:var(--sc-border-radius-xl);display:flex;flex-direction:column;left:-1px;max-height:var(--sc-popover-list-view-height);overflow:hidden;position:absolute;right:-1px;top:100%}.searchcraft-popover-form-modal{align-items:center;display:flex;inset:0;position:fixed;z-index:1000}.searchcraft-popover-form-modal .searchcraft-input-form-input,.searchcraft-popover-form-modal .searchcraft-popover-list-item-link,.searchcraft-popover-form-modal .searchcraft-adm-ad-link{border-radius:calc(--sc-border-radius-2xl - 20px);border-radius:calc(var(--sc-border-radius-2xl) - 20px)}.searchcraft-popover-form-modal-backdrop{background-color:rgb(from var(--sc-content-neutral-primary) r g b/50%);display:none;inset:0;position:fixed}@media(min-width: 576px){.searchcraft-popover-form-modal-backdrop{display:block}}.searchcraft-popover-form-modal-wrapper{background-color:var(--sc-surface-neutral-primary);box-shadow:1px 2px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 2px 4px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 4px 8px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 8px 16px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 16px 32px rgb(from var(--sc-content-neutral-primary) r g b/7%),0 32px 64px rgb(from var(--sc-content-neutral-primary) r g b/7%);display:flex;flex-direction:column;inset:0;max-width:var(--sc-popover-modal-max-width);overflow:hidden;position:absolute;width:100%;z-index:1001}@media(min-width: 576px){.searchcraft-popover-form-modal-wrapper{border-radius:var(--sc-border-radius-2xl);inset:0;margin-top:100px;max-height:var(--sc-popover-list-view-height);max-width:var(--sc-popover-modal-max-width);position:relative}}.searchcraft-popover-form-modal-cancel-button{border-radius:calc(--sc-border-radius-2xl - 20px);border-radius:calc(var(--sc-border-radius-2xl) - 20px);padding:8px}@media(min-width: 576px){.searchcraft-popover-form-modal-cancel-button{padding:8px 12px}}.searchcraft-popover-form-fullscreen{background-color:var(--sc-surface-neutral-primary);display:flex;flex-direction:column;justify-content:space-between;inset:0;position:fixed;z-index:1000}.searchcraft-popover-form-fullscreen .searchcraft-popover-list-item-link,.searchcraft-popover-form-fullscreen .searchcraft-adm-ad-link{border-radius:var(--sc-border-radius-lg)}.searchcraft-popover-form-fullscreen-cancel-button{border-radius:var(--sc-border-radius-lg);padding:8px}@media(min-width: 576px){.searchcraft-popover-form-fullscreen-cancel-button{padding:8px 12px}}.searchcraft-popover-footer{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;background-color:var(--sc-surface-neutral-secondary);box-shadow:0 1px 1px rgb(from var(--sc-content-neutral-primary) r g b/10%) inset,0 2px 2px rgb(from var(--sc-content-neutral-primary) r g b/5%) inset,0 4px 4px rgb(from var(--sc-content-neutral-primary) r g b/5%) inset;display:flex;gap:8px;justify-content:space-between;line-height:1;padding:20px 24px}@media(min-width: 576px){.searchcraft-popover-footer{padding:20px 32px}}.searchcraft-popover-footer-results-info{margin:0}.searchcraft-popover-footer-link{color:var(--sc-content-neutral-primary);display:flex;max-width:160px;width:100%}:root{--sc-popover-list-item-image-fit: contain}.searchcraft-popover-list-item{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;border-bottom:1px solid var(--sc-border-neutral);padding:12px 0}searchcraft-popover-list-item:last-child .searchcraft-popover-list-item{border-bottom:none}.searchcraft-popover-list-item-link{align-items:flex-start;color:var(--sc-content-neutral-primary);display:flex;gap:24px;padding:12px;text-decoration:none}.searchcraft-popover-list-item-link:focus,.searchcraft-popover-list-item-link:active{background-color:var(--sc-surface-neutral-primary-active)}.searchcraft-popover-list-item-link:hover{background-color:var(--sc-surface-neutral-primary-hover)}.searchcraft-popover-list-item-image-wrapper{align-items:center;aspect-ratio:16/9;display:flex;flex-shrink:0;justify-content:center;width:160px}.searchcraft-popover-list-item-image{height:100%;object-fit:var(--sc-popover-list-item-image-fit);width:100%}.searchcraft-popover-list-item-content{display:flex;flex-direction:column;flex-grow:1;gap:4px;justify-content:center}.searchcraft-popover-list-item-content-title,.searchcraft-popover-list-item-content-subtitle{display:-webkit-box;line-clamp:2;margin:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.searchcraft-popover-list-item-content-title{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-heading-5-font-size);font-weight:var(--sc-font-bold)}.searchcraft-popover-list-item-content-subtitle{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal)}.searchcraft-popover-list-view{display:flex;flex-direction:column}.searchcraft-results-info{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-primary);margin:0}.searchcraft-slider{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.searchcraft-slider-range{align-items:center;background-color:var(--sc-surface-disabled);border-radius:999px;display:flex;position:relative;height:4px;width:100%}.searchcraft-slider-range::-webkit-slider-runnable-track{pointer-events:none}.searchcraft-slider-range .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 .searchcraft-slider-active-range::-webkit-slider-runnable-track{pointer-events:none}.searchcraft-slider-range .searchcraft-slider-active-range::-moz-range-track{pointer-events:none}.searchcraft-slider-range .searchcraft-slider-input{appearance:none;background:rgba(0,0,0,0);border-radius:2px;height:4px;margin:0;outline:none;pointer-events:none;position:absolute;width:100%;-webkit-appearance:none}.searchcraft-slider-range .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 .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{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-start-label,.searchcraft-slider-end-label{min-width:30px;text-align:center}.searchcraft-toggle-button{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.searchcraft-toggle-button-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-neutral-primary);margin:0}.searchcraft-toggle-button-sub-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);color:var(--sc-content-neutral-secondary);margin:0}.searchcraft-toggle-button-background{background:var(--sc-surface-disabled);border-radius:var(--sc-border-radius-full);border:none;cursor:pointer;flex-shrink:0;height:26px;position:relative;transition:background-color .2s;width:44px}.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 .3s ease;width:18px}.searchcraft-toggle-button-active .searchcraft-toggle-button-background{background:var(--sc-surface-brand-primary);box-shadow:0px 0px 0px 1px rgba(0,0,0,.05)}.searchcraft-toggle-button-active .searchcraft-toggle-button-handle{transform:translateX(16px)}.searchcraft-pagination{display:inline-grid;gap:16px;grid-template-columns:repeat(3, auto);grid-template-rows:1fr}.searchcraft-pagination-list{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius);display:flex;list-style-type:none;margin:0;overflow:hidden;padding:0;width:auto}.searchcraft-pagination-list li{border-right:1px solid var(--sc-border-neutral);height:100%;min-height:44px;width:44px}.searchcraft-pagination-list li:last-child{border-right:none}.searchcraft-pagination-item{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);align-items:center;background-color:var(--sc-surface-neutral-primary);border:none;display:flex;height:100%;justify-content:center;width:100%}.searchcraft-pagination-item-active{background-color:var(--sc-surface-brand-secondary);font-weight:var(--sc-font-bold)}.searchcraft-pagination-control{border:1px solid var(--sc-border-neutral);border-radius:var(--sc-border-radius)}.searchcraft-pagination-range{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);align-items:center;display:flex}.searchcraft-select{display:flex;flex-direction:column;gap:4px}.searchcraft-select-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal);font-weight:var(--sc-font-bold)}.searchcraft-select-input-wrapper{position:relative}.searchcraft-select-input{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal);appearance:none;background-color:var(--sc-surface-neutral-secondary);border:2px solid rgba(0,0,0,0);border-radius:var(--sc-border-radius);cursor:pointer;height:44px;padding:0 44px 0 16px;width:100%}.searchcraft-select-input:hover{background-color:var(--sc-surface-neutral-secondary-hover)}.searchcraft-select-input:active{background-color:var(--sc-surface-neutral-secondary-active)}.searchcraft-select-input:focus{border-color:var(--sc-border-brand);outline:none}.searchcraft-select-input-icon{fill:none;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.searchcraft-select-caption{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-font-normal)}.searchcraft-search-results-per-page{display:flex}.searchcraft-search-results-per-page-select{align-items:center;display:flex;gap:12px}.searchcraft-search-results-per-page-select-label{font-family:var(--sc-font-family);line-height:1.25;-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-font-normal)}.searchcraft-search-results-per-page-select-input{min-width:120px}/*# sourceMappingURL=hologram.css.map */
package/dist/themes/hologram.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../hologram/src/reset.scss","../../../hologram/src/typography.scss","../../../hologram/src/appearance.scss","../../../hologram/src/breakpoints.scss","../../../hologram/src/colors.scss","../../../hologram/src/components/searchcraft-ad.module.scss","../../../hologram/src/components/searchcraft-search-result.module.scss","../../../hologram/src/components/searchcraft-search-results.module.scss","../../../hologram/src/components/searchcraft-button.module.scss","../../../hologram/src/components/searchcraft-error-message.module.scss","../../../hologram/src/components/searchcraft-facet-list.module.scss","../../../hologram/src/components/searchcraft-filter-panel.module.scss","../../../hologram/src/components/searchcraft-input-form.module.scss","../../../hologram/src/components/searchcraft-input-label.module.scss","../../../hologram/src/components/searchcraft-popover-button.module.scss","../../../hologram/src/components/searchcraft-popover-form.module.scss","../../../hologram/src/components/searchcraft-popover-footer.module.scss","../../../hologram/src/components/searchcraft-popover-list-item.module.scss","../../../hologram/src/components/searchcraft-popover-list-view.module.scss","../../../hologram/src/components/searchcraft-results-info.module.scss","../../../hologram/src/components/searchcraft-slider.module.scss","../../../hologram/src/components/searchcraft-toggle-button.module.scss","../../../hologram/src/components/searchcraft-pagination.module.scss","../../../hologram/src/components/searchcraft-select.module.scss","../../../hologram/src/components/searchcraft-search-results-per-page.module.scss"],"names":[],"mappings":"AAGA,0KAQE,sBACA,UACA,SCbF,MACE,yBACA,2BACA,6BACA,oBACA,sBAGA,sQAQA,yOAQA,4MAOA,+KAOA,kJAMA,mLASA,oDAGA,uJCxDF,MAEE,wBACA,yDACA,yDACA,yDACA,0DACA,sCCCA,0BACA,0BACA,0BCVF,MAEE,kEAEA,4GAGA,2HAKA,4GAGA,8HAMA,4GAKA,gIAGA,6HAKA,gIAGA,0IAMA,oCAGA,kEAEA,gHAGA,+HAMA,gEAIA,2DAEA,kGAGA,+GAKA,mGAGA,kHAMA,gGAKA,sHAGA,2HAKA,sHAGA,8HAMA,kFAIA,uCAGA,mDAIA,+DAEA,sFAGA,qIAKA,uFAGA,wIAMA,kFAGA,yHAKA,kGAGA,2IAKA,mGAGA,8IAMA,uGAIA,yCAGA,uDAIA,+DAEA,sFAGA,qIAKA,uFAGA,wIAMA,kFAGA,yHAKA,kGAGA,2IAKA,mGAGA,8IAMA,yGAIA,yCAGA,uDAIA,6DAEA,oFAGA,kIAKA,qFAGA,qIAMA,8EACA,sHAKA,gGAGA,wIAKA,iGAGA,2IAMA,uGAIA,wCAGA,qDAGA,8EACA,yDACA,qFAGA,8DACA,0EAOF,oGAEE,MAIE,+GAGA,+GAKA,mHAMA,qGAIA,sGAMA,uFAIA,wFAKA,mFAIA,mGAIA,oGAKA,wGAOA,uFAIA,wFAKA,mFAIA,mGAIA,oGAKA,0GAOA,qFAIA,sFAKA,iFAIA,iGAIA,kGAKA,yGC5YJ,oBJgEE,kCACA,iBACA,mCI/DA,iDACA,eAGF,8CACE,mBAGF,yBACE,uBACA,yCACA,wCACA,aACA,SACA,aACA,qBAEA,+DAEE,0DAGF,+BACE,yDAIJ,kCACE,mBACA,kBACA,aACA,cACA,uBACA,YAGF,0BACE,YACA,iDACA,WAGF,4BACE,aACA,sBACA,YACA,QACA,uBAGF,uEAEE,oBACA,aACA,SACA,gBACA,qBACA,4BAGF,kCJCE,kCACA,iBACA,mCA6BA,wCACA,gCI7BF,qCJHE,kCACA,iBACA,mCAyCA,mCACA,kCK5GF,2BLgEE,kCACA,iBACA,mCAyCA,mCACA,kCKxGF,uCACE,aACA,sBACA,kBAEA,yCACE,SCZJ,4BACE,aACA,sBACA,uBACA,SAGF,wCACE,kBAGF,0CACE,kBCVF,oBPgEE,kCACA,iBACA,mCAyCA,mCACA,kCO1GA,gBACA,+BACA,sCACA,eACA,aACA,QACA,aACA,kBAEA,gDACE,mBAIJ,4BACE,iDACA,yCACA,gCAEA,kCACE,uDAGF,kCACE,sCAGF,mCACE,wDAGF,mPAIE,4CACA,2BACA,iCAIJ,6BACE,mDACA,8BACA,kCAEA,mCACE,yDAGF,mCACE,iDACA,sCAGF,oCACE,0DAGF,uPAIE,iDACA,2BACA,iCAIJ,yBACE,UCvEF,2BR+DE,kCACA,iBACA,mCA+CA,yCACA,kCQ/GA,+BACA,SCJF,wBACE,aACA,sBACA,QACA,WAGF,uCACE,mBACA,8BACA,aACA,kCACA,eACA,gBACA,SACA,kBACA,mCAGF,+CACE,kBAGF,uCACE,mBACA,gBACA,qDACA,4CACA,yCACA,eACA,aACA,YACA,uBACA,WACA,SAEA,6CACE,kDAGF,+CACE,iDACA,kBAGF,iGACE,cAGF,gGACE,cAIJ,8BACE,aACA,sBACA,QAGF,6CACE,iBAEA,yDACE,eAIJ,kDACE,aACA,YACA,SACA,kBACA,eACA,QACA,gCACA,WAGF,iDACE,aACA,WACA,SACA,kBACA,QACA,gCACA,WAGF,gCTzBE,kCACA,iBACA,mCA+CA,yCACA,kCSvBA,iCACA,kBC5FF,0BACE,aACA,sBACA,SAGF,kCACE,aACA,sBACA,QAGF,gCVoDE,kCACA,iBACA,mCA+CA,yCACA,kCUpGA,gCCdF,MAIE,uDAIA,uCAIA,sCAGF,6BACE,aACA,YAGF,yCACE,mCACA,+BAEA,wEACE,qBACA,kBAGF,uEACE,qBACA,kBAGF,+EACE,qBACA,kBAGF,+EACE,qBACA,kBAIJ,0CACE,mCACA,+BAEA,yEACE,qBACA,kBAGF,wEACE,qBACA,kBAGF,gFACE,qBACA,kBAGF,gFACE,qBACA,kBAIJ,yCACE,mCACA,2BAEA,wEACE,aAGF,uEACE,qBACA,kBAGF,+EACE,qBACA,kBAGF,+EACE,qBACA,kBAIJ,sCACE,aACA,kBAGF,8BXnCE,kCACA,iBACA,mCAyCA,mCACA,kCWPA,qDACA,iDACA,YACA,wCACA,OACA,aACA,kBAEA,2CACE,iCAGF,oCACE,yCACA,oBAGF,iDACE,UAIJ,8BACE,+BACA,0CAEA,oCACE,0CAIJ,mCACE,mBACA,SACA,aACA,uBACA,OACA,kBACA,oBACA,MACA,WAGF,0CACE,0CACA,UACA,6CACA,oBACA,4CAGF,qCACE,UACA,mBACA,SACA,YACA,eACA,aACA,uBACA,aACA,kBACA,QACA,MACA,WAGF,mCACE,8BACA,UACA,4CACA,2CC3KF,yBZgEE,kCACA,iBACA,mCA+CA,yCACA,kCYhHA,wCACA,gCACA,eACA,kBCHF,MACE,2DAEA,yBAHF,MAII,+DAIJ,4BbsDE,kCACA,iBACA,mCAyCA,mCACA,kCahGA,eAMF,yCACE,gBACA,gBACA,YACA,wCACA,cACA,WAEA,6EACE,0CACA,qDACA,WACE,+IAEF,aACA,SACA,YACA,8BACA,cACA,yBACA,6CAEA,yBAdF,6EAeI,WACE,sNAIF,YACA,2BAIJ,2EACE,mBACA,aACA,QAEA,yBALF,2EAMI,SAIJ,6EACE,0CACA,aACA,QACA,eACA,gBAEA,yBAPF,6EAQI,SAIJ,oFZ1DA,iEACA,sEY8DE,mDACA,WACE,uMAGF,wBACA,kBAEA,yBAbF,oFZ1DA,iEACA,sEY2EI,WACE,8YAMF,yBAGF,uLAEE,WACA,cAGF,4FZ5FF,iEACA,sEYgGI,wIAKA,UACA,kBAEA,yBAbF,4FZ5FF,kEACA,uEY6GM,WAIJ,2FACE,iBACA,YAGF,yFACE,aACA,cACA,SACA,cACA,kBACA,QACA,gCAIJ,uFACE,WACA,WAEA,yBAJF,uFAKI,YCpJN,MAIE,qCAIA,oCAMF,0BdgDE,kCACA,iBACA,mCAyCA,mCACA,kCc1FA,aACA,OACA,sBAEA,sGAEE,WAIA,0FACE,mBAIJ,wDACE,cACA,YACA,aACA,cACA,eAIJ,gCACE,aACA,mBACA,SAEA,8DACE,mDACA,0CACA,yCACA,WACE,gNAMN,8CACE,gBACA,YACA,eAOF,iFAEE,aAMF,iCACE,mDACA,+BACA,yCACA,aACA,kBAEA,iEACE,0CACA,mBACA,4BACA,6BACA,mBAGF,+DACE,eAGF,8LbhFA,iDACA,sDasFF,yCACE,mDACA,0CACA,gBACA,qDACA,sDACA,aACA,sBACA,UACA,8CACA,gBACA,kBACA,WACA,SAMF,gCACE,mBACA,aACA,QACA,eACA,aAEA,8DACE,cACA,aACA,cACA,eAGF,2LbxHA,kDACA,uDa8HF,yCACE,uEACA,aACA,QACA,eAEA,yBANF,yCAOI,eAIJ,wCACE,mDACA,0CACA,WACE,6XAMF,aACA,sBACA,QACA,4CACA,gBACA,kBACA,WACA,aAEA,yBAnBF,wCAoBI,QACA,iBACA,8CACA,4CACA,mBAIJ,oDbtKE,kDACA,uDauKA,iBAMF,qCACE,mDACA,aACA,sBACA,8BACA,QACA,eACA,aAEA,uIAEE,yCAIJ,yDACE,yCC3MF,4Bf8DE,kCACA,iBACA,mCe9DA,qDACA,aACA,QACA,8BACA,cACA,kBACA,WACE,gNAKJ,yCACE,SAGF,iCACE,wCACA,aACA,gBACA,WCxBF,MAIE,0CAGF,+BhByDE,kCACA,iBACA,mCgBzDA,iDACA,eAGF,wEACE,mBAGF,oCACE,uBACA,wCACA,aACA,SACA,aACA,qBAEA,qFAEE,0DAGF,0CACE,yDAIJ,6CACE,mBACA,kBACA,aACA,cACA,uBACA,YAGF,qCACE,YACA,iDACA,WAGF,uCACE,aACA,sBACA,YACA,QACA,uBAGF,6FAEE,oBACA,aACA,SACA,gBACA,qBACA,4BAGF,6ChBJE,kCACA,iBACA,mCA6BA,wCACA,gCgBxBF,gDhBRE,kCACA,iBACA,mCAyCA,mCACA,kCiB9GF,+BACE,aACA,gDjBgEA,kCACA,iBACA,mCAyCA,mCACA,kCkB1GA,gCACA,SCLF,oBACE,mBACA,aACA,sBACA,SACA,WAGF,0BACE,mBACA,4CACA,oBACA,aACA,kBACA,WACA,WAEA,yDACE,oBAGF,2DACE,iDACA,kBACA,WACA,kBACA,QACA,2BACA,UAEA,0FACE,oBAGF,6EACE,oBAIJ,oDACE,gBACA,yBACA,kBACA,WACA,SACA,aACA,oBACA,kBACA,WACA,wBAEA,0EACE,iDACA,kBACA,0CACA,eACA,YACA,mBACA,WACA,wBAGF,sEACE,iDACA,kBACA,0CACA,eACA,YACA,mBACA,WAKN,0BACE,gCACA,aACA,yCACA,eACA,gBACA,8BACA,gBACA,WAGF,8DAEE,eACA,kBCtFF,2BACE,uBACA,aACA,SACA,8BAGF,iCpByDE,kCACA,iBACA,mCAyCA,mCACA,kCoBnGA,wCACA,SAGF,qCpBmDE,kCACA,iBACA,mCA+CA,yCACA,kCoBnGA,0CACA,SAGF,sCACE,sCACA,2CACA,YACA,eACA,cACA,YACA,kBACA,gCACA,WAGF,kCACE,2CACA,kBACA,YACA,SACA,kBACA,oBACA,8BACA,WAIA,wEACE,2CACA,2CAGF,oEACE,2BCjDJ,wBACE,oBACA,SACA,sCACA,uBAGF,6BACE,0CACA,sCACA,aACA,qBACA,SACA,gBACA,UACA,WAGF,gCACE,gDACA,YACA,gBACA,WAGF,2CACE,kBAGF,6BrBmCE,kCACA,iBACA,mCAyCA,mCACA,kCqB7EA,mBACA,mDACA,YACA,aACA,YACA,uBACA,WAGF,oCACE,mDACA,gCAGF,gCACE,0CACA,sCAGF,8BrBcE,kCACA,iBACA,mCAyCA,mCACA,kCqBxDA,mBACA,aCrDF,oBACE,aACA,sBACA,QAGF,0BtB0DE,kCACA,iBACA,mCA+CA,yCACA,kCsB1GA,gCAGF,kCACE,kBAGF,0BtBiDE,kCACA,iBACA,mCAyCA,mCACA,kCsB3FA,gBACA,qDACA,+BACA,sCACA,eACA,YACA,sBACA,WAEA,gCACE,2DAGF,iCACE,4DAGF,gCACE,oCACA,aAIJ,+BACE,UACA,oBACA,kBACA,WACA,QACA,2BAGF,4BtBeE,kCACA,iBACA,mCA+CA,yCACA,kCuBlHF,qCACE,aAGF,4CACE,mBACA,aACA,SAGF,kDvBsDE,kCACA,iBACA,mCAyCA,mCACA,kCuB9FF,kDACE","file":"hologram.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../hologram/src/reset.scss","../../../hologram/src/typography.scss","../../../hologram/src/appearance.scss","../../../hologram/src/breakpoints.scss","../../../hologram/src/colors.scss","../../../hologram/src/components/searchcraft-ad.module.scss","../../../hologram/src/components/searchcraft-search-result.module.scss","../../../hologram/src/components/searchcraft-search-results.module.scss","../../../hologram/src/components/searchcraft-button.module.scss","../../../hologram/src/components/searchcraft-error-message.module.scss","../../../hologram/src/components/searchcraft-facet-list.module.scss","../../../hologram/src/components/searchcraft-filter-panel.module.scss","../../../hologram/src/components/searchcraft-input-form.module.scss","../../../hologram/src/components/searchcraft-input-label.module.scss","../../../hologram/src/components/searchcraft-popover-button.module.scss","../../../hologram/src/components/searchcraft-popover-form.module.scss","../../../hologram/src/components/searchcraft-popover-footer.module.scss","../../../hologram/src/components/searchcraft-popover-list-item.module.scss","../../../hologram/src/components/searchcraft-popover-list-view.module.scss","../../../hologram/src/components/searchcraft-results-info.module.scss","../../../hologram/src/components/searchcraft-slider.module.scss","../../../hologram/src/components/searchcraft-toggle-button.module.scss","../../../hologram/src/components/searchcraft-pagination.module.scss","../../../hologram/src/components/searchcraft-select.module.scss","../../../hologram/src/components/searchcraft-search-results-per-page.module.scss"],"names":[],"mappings":"AAGA,0KAQE,sBACA,UACA,SCbF,MACE,yBACA,2BACA,6BACA,oBACA,sBAGA,sQAQA,yOAQA,4MAOA,+KAOA,kJAMA,mLASA,oDAGA,uJCxDF,MAEE,wBACA,yDACA,yDACA,yDACA,0DACA,sCCCA,0BACA,0BACA,0BCVF,MAEE,kEAEA,4GAGA,2HAKA,4GAGA,8HAMA,4GAKA,gIAGA,6HAKA,gIAGA,0IAMA,oCAGA,kEAEA,gHAGA,+HAMA,gEAIA,2DAEA,kGAGA,+GAKA,mGAGA,kHAMA,gGAKA,sHAGA,2HAKA,sHAGA,8HAMA,kFAIA,uCAGA,mDAIA,+DAEA,sFAGA,qIAKA,uFAGA,wIAMA,kFAGA,yHAKA,kGAGA,2IAKA,mGAGA,8IAMA,uGAIA,yCAGA,uDAIA,+DAEA,sFAGA,qIAKA,uFAGA,wIAMA,kFAGA,yHAKA,kGAGA,2IAKA,mGAGA,8IAMA,yGAIA,yCAGA,uDAIA,6DAEA,oFAGA,kIAKA,qFAGA,qIAMA,8EACA,sHAKA,gGAGA,wIAKA,iGAGA,2IAMA,uGAIA,wCAGA,qDAGA,8EACA,yDACA,qFAGA,8DACA,0EAOF,oGAEE,MAIE,+GAGA,+GAKA,mHAMA,qGAIA,sGAMA,uFAIA,wFAKA,mFAIA,mGAIA,oGAKA,wGAOA,uFAIA,wFAKA,mFAIA,mGAIA,oGAKA,0GAOA,qFAIA,sFAKA,iFAIA,iGAIA,kGAKA,yGC5YJ,oBJgEE,kCACA,iBACA,mCI/DA,iDACA,eAGF,8CACE,mBAGF,yBACE,uBACA,yCACA,wCACA,aACA,SACA,aACA,qBAEA,+DAEE,0DAGF,+BACE,yDAIJ,kCACE,mBACA,kBACA,aACA,cACA,uBACA,YAGF,0BACE,YACA,iDACA,WAGF,4BACE,aACA,sBACA,YACA,QACA,uBAGF,uEAEE,oBACA,aACA,SACA,gBACA,qBACA,4BAGF,kCJCE,kCACA,iBACA,mCA6BA,wCACA,gCI7BF,qCJHE,kCACA,iBACA,mCAyCA,mCACA,kCK5GF,2BLgEE,kCACA,iBACA,mCAyCA,mCACA,kCKxGF,uCACE,aACA,sBACA,kBAEA,yCACE,SCZJ,4BACE,aACA,sBACA,uBACA,SAGF,wCACE,kBAGF,0CACE,kBCVF,oBPgEE,kCACA,iBACA,mCAyCA,mCACA,kCO1GA,gBACA,+BACA,sCACA,eACA,aACA,QACA,aACA,kBAEA,gDACE,mBAIJ,4BACE,iDACA,yCACA,gCAEA,kCACE,uDAGF,kCACE,sCAGF,mCACE,wDAGF,mPAIE,4CACA,2BACA,iCAIJ,6BACE,mDACA,8BACA,kCAEA,mCACE,yDAGF,mCACE,iDACA,sCAGF,oCACE,0DAGF,uPAIE,iDACA,2BACA,iCAIJ,yBACE,UCvEF,2BR+DE,kCACA,iBACA,mCA+CA,yCACA,kCQ/GA,+BACA,SCJF,wBACE,aACA,sBACA,QACA,WAGF,uCACE,mBACA,wCACA,aACA,kCACA,eACA,gBACA,SACA,kBACA,mCAGF,+CACE,kBAGF,uCACE,mBACA,gBACA,qDACA,4CACA,yCACA,eACA,aACA,YACA,uBACA,WACA,SAEA,6CACE,kDAGF,+CACE,iDACA,kBAGF,iGACE,cAGF,gGACE,cAIJ,8BACE,aACA,sBACA,QAGF,6CACE,iBAEA,yDACE,eAIJ,kDACE,aACA,YACA,SACA,kBACA,eACA,QACA,gCACA,WAGF,iDACE,aACA,WACA,SACA,kBACA,QACA,gCACA,WAGF,gCTzBE,kCACA,iBACA,mCA+CA,yCACA,kCSvBA,iCACA,kBC5FF,0BACE,aACA,sBACA,SAGF,kCACE,aACA,sBACA,QAGF,gCVoDE,kCACA,iBACA,mCA+CA,yCACA,kCUpGA,gCCdF,MAIE,uDAIA,uCAIA,sCAGF,6BACE,aACA,YAGF,yCACE,mCACA,+BAEA,wEACE,qBACA,kBAGF,uEACE,qBACA,kBAGF,+EACE,qBACA,kBAGF,+EACE,qBACA,kBAIJ,0CACE,mCACA,+BAEA,yEACE,qBACA,kBAGF,wEACE,qBACA,kBAGF,gFACE,qBACA,kBAGF,gFACE,qBACA,kBAIJ,yCACE,mCACA,2BAEA,wEACE,aAGF,uEACE,qBACA,kBAGF,+EACE,qBACA,kBAGF,+EACE,qBACA,kBAIJ,sCACE,aACA,kBAGF,8BXnCE,kCACA,iBACA,mCAyCA,mCACA,kCWPA,qDACA,iDACA,YACA,wCACA,OACA,aACA,kBAEA,2CACE,iCAGF,oCACE,yCACA,oBAGF,iDACE,UAIJ,8BACE,+BACA,0CAEA,oCACE,0CAIJ,mCACE,mBACA,SACA,aACA,uBACA,OACA,kBACA,oBACA,MACA,WAGF,0CACE,0CACA,UACA,6CACA,oBACA,4CAGF,qCACE,UACA,mBACA,SACA,YACA,eACA,aACA,uBACA,aACA,kBACA,QACA,MACA,WAGF,mCACE,8BACA,UACA,4CACA,2CC3KF,yBZgEE,kCACA,iBACA,mCA+CA,yCACA,kCYhHA,wCACA,gCACA,eACA,kBCHF,MACE,2DAEA,yBAHF,MAII,+DAIJ,4BbsDE,kCACA,iBACA,mCAyCA,mCACA,kCahGA,eAMF,yCACE,gBACA,gBACA,YACA,wCACA,cACA,WAEA,6EACE,0CACA,qDACA,WACE,+IAEF,aACA,SACA,YACA,8BACA,cACA,yBACA,6CAEA,yBAdF,6EAeI,WACE,sNAIF,YACA,2BAIJ,2EACE,mBACA,aACA,QAEA,yBALF,2EAMI,SAIJ,6EACE,0CACA,aACA,QACA,eACA,gBAEA,yBAPF,6EAQI,SAIJ,oFZ1DA,iEACA,sEY8DE,mDACA,WACE,uMAGF,wBACA,kBAEA,yBAbF,oFZ1DA,iEACA,sEY2EI,WACE,8YAMF,yBAGF,uLAEE,WACA,cAGF,4FZ5FF,iEACA,sEYgGI,wIAKA,UACA,kBAEA,yBAbF,4FZ5FF,kEACA,uEY6GM,WAIJ,2FACE,iBACA,YAGF,yFACE,aACA,cACA,SACA,cACA,kBACA,QACA,gCAIJ,uFACE,WACA,WAEA,yBAJF,uFAKI,YCpJN,MAIE,qCAIA,oCAMF,0BdgDE,kCACA,iBACA,mCAyCA,mCACA,kCc1FA,aACA,OACA,sBAEA,sGAEE,WAIA,0FACE,mBAIJ,wDACE,cACA,YACA,aACA,cACA,eAIJ,gCACE,aACA,mBACA,SAEA,8DACE,mDACA,0CACA,yCACA,WACE,gNAGF,QAIJ,wCACE,gBACA,YACA,eACA,eAOF,iFAEE,aAGF,yGAEE,YACA,cACA,aACA,cACA,eAMF,iCACE,mDACA,+BACA,yCACA,aACA,kBAEA,iEACE,0CACA,mBACA,4BACA,6BACA,mBAGF,+DACE,eAGF,8Lb3FA,iDACA,sDaiGF,yCACE,mDACA,0CACA,gBACA,qDACA,sDACA,aACA,sBACA,UACA,8CACA,gBACA,kBACA,WACA,SAMF,gCACE,mBACA,aACA,QACA,eACA,aAEA,2Lb5HA,kDACA,uDakIF,yCACE,uEACA,aACA,QACA,eAEA,yBANF,yCAOI,eAIJ,wCACE,mDACA,WACE,6XAMF,aACA,sBACA,QACA,4CACA,gBACA,kBACA,WACA,aAEA,yBAlBF,wCAmBI,0CACA,QACA,iBACA,8CACA,4CACA,mBAIJ,8Cb1KE,kDACA,uDa2KA,YAEA,yBAJF,8CAKI,kBAOJ,qCACE,mDACA,aACA,sBACA,8BACA,QACA,eACA,aAEA,uIAEE,yCAIJ,mDACE,yCACA,YAEA,yBAJF,mDAKI,kBCvNJ,4Bf8DE,kCACA,iBACA,mCe9DA,qDACA,WACE,gNAGF,aACA,QACA,8BACA,cACA,kBAEA,yBAbF,4BAcI,mBAIJ,yCACE,SAGF,iCACE,wCACA,aACA,gBACA,WC5BF,MAIE,0CAGF,+BhByDE,kCACA,iBACA,mCgBzDA,iDACA,eAGF,wEACE,mBAGF,oCACE,uBACA,wCACA,aACA,SACA,aACA,qBAEA,qFAEE,0DAGF,0CACE,yDAIJ,6CACE,mBACA,kBACA,aACA,cACA,uBACA,YAGF,qCACE,YACA,iDACA,WAGF,uCACE,aACA,sBACA,YACA,QACA,uBAGF,6FAEE,oBACA,aACA,SACA,gBACA,qBACA,4BAGF,6ChBJE,kCACA,iBACA,mCA6BA,wCACA,gCgBxBF,gDhBRE,kCACA,iBACA,mCAyCA,mCACA,kCiB9GF,+BACE,aACA,gDjBgEA,kCACA,iBACA,mCAyCA,mCACA,kCkB1GA,gCACA,SCLF,oBACE,mBACA,aACA,sBACA,SACA,WAGF,0BACE,mBACA,4CACA,oBACA,aACA,kBACA,WACA,WAEA,yDACE,oBAGF,2DACE,iDACA,kBACA,WACA,kBACA,QACA,2BACA,UAEA,0FACE,oBAGF,6EACE,oBAIJ,oDACE,gBACA,yBACA,kBACA,WACA,SACA,aACA,oBACA,kBACA,WACA,wBAEA,0EACE,iDACA,kBACA,0CACA,eACA,YACA,mBACA,WACA,wBAGF,sEACE,iDACA,kBACA,0CACA,eACA,YACA,mBACA,WAKN,0BACE,gCACA,aACA,yCACA,eACA,gBACA,8BACA,gBACA,WAGF,8DAEE,eACA,kBCtFF,2BACE,uBACA,aACA,SACA,8BAGF,iCpByDE,kCACA,iBACA,mCAyCA,mCACA,kCoBnGA,wCACA,SAGF,qCpBmDE,kCACA,iBACA,mCA+CA,yCACA,kCoBnGA,0CACA,SAGF,sCACE,sCACA,2CACA,YACA,eACA,cACA,YACA,kBACA,gCACA,WAGF,kCACE,2CACA,kBACA,YACA,SACA,kBACA,oBACA,8BACA,WAIA,wEACE,2CACA,2CAGF,oEACE,2BCjDJ,wBACE,oBACA,SACA,sCACA,uBAGF,6BACE,0CACA,sCACA,aACA,qBACA,SACA,gBACA,UACA,WAGF,gCACE,gDACA,YACA,gBACA,WAGF,2CACE,kBAGF,6BrBmCE,kCACA,iBACA,mCAyCA,mCACA,kCqB7EA,mBACA,mDACA,YACA,aACA,YACA,uBACA,WAGF,oCACE,mDACA,gCAGF,gCACE,0CACA,sCAGF,8BrBcE,kCACA,iBACA,mCAyCA,mCACA,kCqBxDA,mBACA,aCrDF,oBACE,aACA,sBACA,QAGF,0BtB0DE,kCACA,iBACA,mCA+CA,yCACA,kCsB1GA,gCAGF,kCACE,kBAGF,0BtBiDE,kCACA,iBACA,mCAyCA,mCACA,kCsB3FA,gBACA,qDACA,+BACA,sCACA,eACA,YACA,sBACA,WAEA,gCACE,2DAGF,iCACE,4DAGF,gCACE,oCACA,aAIJ,+BACE,UACA,oBACA,kBACA,WACA,QACA,2BAGF,4BtBeE,kCACA,iBACA,mCA+CA,yCACA,kCuBlHF,qCACE,aAGF,4CACE,mBACA,aACA,SAGF,kDvBsDE,kCACA,iBACA,mCAyCA,mCACA,kCuB9FF,kDACE","file":"hologram.css"}
package/dist/types/components/searchcraft-input-form/searchcraft-input-form.d.ts CHANGED
@@ -66,12 +66,16 @@ export declare class SearchcraftInputForm {
66
66
  searchTerm: string;
67
67
  error: boolean;
68
68
  core?: SearchcraftCore;
69
- private searchStore;
69
+ private searchcraftStore;
70
+ private unsubscribe;
70
71
  init(): void;
71
- connectedCallback(): void;
72
72
  onCoreChange(): void;
73
- handleOnInput: (event: Event) => void;
73
+ connectedCallback(): void;
74
+ componentDidLoad(): void;
75
+ disconnectedCallback(): void;
76
+ handleInput: (event: Event) => void;
74
77
  private performSearch;
78
+ private handleReset;
75
79
  handleClearInput: () => void;
76
80
  handleFormSubmit: (event: Event) => Promise<void>;
77
81
  render(): any;
package/dist/types/components/searchcraft-popover-button/searchcraft-popover-button.d.ts CHANGED
@@ -24,7 +24,7 @@ import type { PopoverButtonTemplate } from '@searchcraft/core';
24
24
  * // index.js
25
25
  * const popoverButton = document.querySelector('searchcraft-popover-button');
26
26
  *
27
- * popoverButton.template = (isPopoverVisible, { html }) => html`
27
+ * popoverButton.template = ({ isPopoverVisible }, { html }) => html`
28
28
  * <span>Click me</span>
29
29
  * `;
30
30
  * ```
@@ -32,7 +32,7 @@ import type { PopoverButtonTemplate } from '@searchcraft/core';
32
32
  * @react-example
33
33
  * ```jsx
34
34
  * <SearchcraftPopoverButton
35
- * template={(isPopoverVisible, { html }) => html`
35
+ * template={({ isPopoverVisible }, { html }) => html`
36
36
  * <span>Click me</span>
37
37
  * `}
38
38
  * >
@@ -43,7 +43,7 @@ import type { PopoverButtonTemplate } from '@searchcraft/core';
43
43
  * @vue-example
44
44
  * ```jsx
45
45
  * <SearchcraftPopoverButton
46
- * :template={(isPopoverVisible, { html }) => html`
46
+ * :template={({ isPopoverVisible }, { html }) => html`
47
47
  * <span>Click me</span>
48
48
  * `}
49
49
  * >
package/dist/types/components/searchcraft-search-results/searchcraft-search-results.d.ts CHANGED
@@ -55,17 +55,22 @@ import { type SearchcraftState } from "../../store/index";
55
55
  * ```
56
56
  */
57
57
  export declare class SearchcraftSearchResults {
58
+ /**
59
+ * A query that will appears when the component initializes or the search term is ''..
60
+ */
61
+ initialQuery?: string;
58
62
  /**
59
63
  * A callback function responsible for rendering a result. Passed to `searchcraft-search-result`.
60
64
  */
61
65
  template?: SearchResultTemplate<SearchResultTemplateData>;
62
- searchTerm: string;
63
- searchClientResponseItems?: SearchClientResponseItem[];
64
66
  adClientResponseItems: AdClientResponseItem[];
65
- searchResultsPerPage: any;
66
- searchResultsPage: any;
67
- isSearchInProgress: boolean;
68
67
  config?: SearchcraftConfig;
68
+ initialSearchClientResponseItems?: SearchClientResponseItem[];
69
+ isSearchInProgress: boolean;
70
+ searchClientResponseItems?: SearchClientResponseItem[];
71
+ searchResultsPage: any;
72
+ searchResultsPerPage: any;
73
+ searchTerm: string;
69
74
  private unsubscribe;
70
75
  componentDidLoad(): void;
71
76
  disconnectedCallback(): void;
package/dist/types/components.d.ts CHANGED
@@ -207,13 +207,13 @@ export namespace Components {
207
207
  * ```js
208
208
  * // index.js
209
209
  * const popoverButton = document.querySelector('searchcraft-popover-button');
210
- * popoverButton.template = (isPopoverVisible, { html }) => html`
210
+ * popoverButton.template = ({ isPopoverVisible }, { html }) => html`
211
211
  * <span>Click me</span>
212
212
  * `;
213
213
  * ```
214
214
  * @react-example ```jsx
215
215
  * <SearchcraftPopoverButton
216
- * template={(isPopoverVisible, { html }) => html`
216
+ * template={({ isPopoverVisible }, { html }) => html`
217
217
  * <span>Click me</span>
218
218
  * `}
219
219
  * >
@@ -222,7 +222,7 @@ export namespace Components {
222
222
  * ```
223
223
  * @vue-example ```jsx
224
224
  * <SearchcraftPopoverButton
225
- * :template={(isPopoverVisible, { html }) => html`
225
+ * :template={({ isPopoverVisible }, { html }) => html`
226
226
  * <span>Click me</span>
227
227
  * `}
228
228
  * >
@@ -418,6 +418,10 @@ export namespace Components {
418
418
  * ```
419
419
  */
420
420
  interface SearchcraftSearchResults {
421
+ /**
422
+ * A query that will appears when the component initializes or the search term is ''..
423
+ */
424
+ "initialQuery"?: string;
421
425
  /**
422
426
  * A callback function responsible for rendering a result. Passed to `searchcraft-search-result`.
423
427
  */
@@ -768,13 +772,13 @@ declare global {
768
772
  * ```js
769
773
  * // index.js
770
774
  * const popoverButton = document.querySelector('searchcraft-popover-button');
771
- * popoverButton.template = (isPopoverVisible, { html }) => html`
775
+ * popoverButton.template = ({ isPopoverVisible }, { html }) => html`
772
776
  * <span>Click me</span>
773
777
  * `;
774
778
  * ```
775
779
  * @react-example ```jsx
776
780
  * <SearchcraftPopoverButton
777
- * template={(isPopoverVisible, { html }) => html`
781
+ * template={({ isPopoverVisible }, { html }) => html`
778
782
  * <span>Click me</span>
779
783
  * `}
780
784
  * >
@@ -783,7 +787,7 @@ declare global {
783
787
  * ```
784
788
  * @vue-example ```jsx
785
789
  * <SearchcraftPopoverButton
786
- * :template={(isPopoverVisible, { html }) => html`
790
+ * :template={({ isPopoverVisible }, { html }) => html`
787
791
  * <span>Click me</span>
788
792
  * `}
789
793
  * >
@@ -1313,13 +1317,13 @@ declare namespace LocalJSX {
1313
1317
  * ```js
1314
1318
  * // index.js
1315
1319
  * const popoverButton = document.querySelector('searchcraft-popover-button');
1316
- * popoverButton.template = (isPopoverVisible, { html }) => html`
1320
+ * popoverButton.template = ({ isPopoverVisible }, { html }) => html`
1317
1321
  * <span>Click me</span>
1318
1322
  * `;
1319
1323
  * ```
1320
1324
  * @react-example ```jsx
1321
1325
  * <SearchcraftPopoverButton
1322
- * template={(isPopoverVisible, { html }) => html`
1326
+ * template={({ isPopoverVisible }, { html }) => html`
1323
1327
  * <span>Click me</span>
1324
1328
  * `}
1325
1329
  * >
@@ -1328,7 +1332,7 @@ declare namespace LocalJSX {
1328
1332
  * ```
1329
1333
  * @vue-example ```jsx
1330
1334
  * <SearchcraftPopoverButton
1331
- * :template={(isPopoverVisible, { html }) => html`
1335
+ * :template={({ isPopoverVisible }, { html }) => html`
1332
1336
  * <span>Click me</span>
1333
1337
  * `}
1334
1338
  * >
@@ -1524,6 +1528,10 @@ declare namespace LocalJSX {
1524
1528
  * ```
1525
1529
  */
1526
1530
  interface SearchcraftSearchResults {
1531
+ /**
1532
+ * A query that will appears when the component initializes or the search term is ''..
1533
+ */
1534
+ "initialQuery"?: string;
1527
1535
  /**
1528
1536
  * A callback function responsible for rendering a result. Passed to `searchcraft-search-result`.
1529
1537
  */
@@ -1813,13 +1821,13 @@ declare module "@stencil/core" {
1813
1821
  * ```js
1814
1822
  * // index.js
1815
1823
  * const popoverButton = document.querySelector('searchcraft-popover-button');
1816
- * popoverButton.template = (isPopoverVisible, { html }) => html`
1824
+ * popoverButton.template = ({ isPopoverVisible }, { html }) => html`
1817
1825
  * <span>Click me</span>
1818
1826
  * `;
1819
1827
  * ```
1820
1828
  * @react-example ```jsx
1821
1829
  * <SearchcraftPopoverButton
1822
- * template={(isPopoverVisible, { html }) => html`
1830
+ * template={({ isPopoverVisible }, { html }) => html`
1823
1831
  * <span>Click me</span>
1824
1832
  * `}
1825
1833
  * >
@@ -1828,7 +1836,7 @@ declare module "@stencil/core" {
1828
1836
  * ```
1829
1837
  * @vue-example ```jsx
1830
1838
  * <SearchcraftPopoverButton
1831
- * :template={(isPopoverVisible, { html }) => html`
1839
+ * :template={({ isPopoverVisible }, { html }) => html`
1832
1840
  * <span>Click me</span>
1833
1841
  * `}
1834
1842
  * >
package/dist/types/index.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare class Searchcraft extends SearchcraftCore {
18
18
  /**
19
19
  * Exports the shared types that all SDKs need
20
20
  */
21
- export { parseCustomStyles, serializeStyles, } from './utils';
22
21
  export type { SearchcraftConfig };
23
22
  export { searchcraftStore };
24
23
  export type { Components, JSX } from './components';
package/dist/types/store/SearchcraftStore.types.d.ts CHANGED
@@ -1,18 +1,24 @@
1
- import type { FacetPathsForIndexField, FacetPrime, RangeValueForIndexField, Logger, SearchcraftCore, SearchClientResponseItem, AdClientResponseItem } from '@searchcraft/core';
1
+ import type { FacetPathsForIndexField, FacetPrime, RangeValueForIndexField, Logger, SearchcraftCore, SearchClientResponseItem, AdClientResponseItem, SearchcraftResponse } from '@searchcraft/core';
2
2
  /**
3
3
  * Callable functions made available by the SearchcraftStore.
4
4
  */
5
5
  export interface SearchcraftStateFunctions {
6
- addFacetPathsForIndexField: (data: FacetPathsForIndexField) => void;
7
- addRangeValueForIndexField: (data: RangeValueForIndexField) => void;
8
- getSearchcraftInstance: () => SearchcraftCore | undefined;
9
- initialize: (searchcraft: unknown, debug?: boolean) => void;
6
+ addFacetPathsForIndexField: (field: FacetPathsForIndexField) => void;
7
+ addRangeValueForIndexField: (field: RangeValueForIndexField) => void;
8
+ getSearchcraftCore: () => SearchcraftCore | undefined;
9
+ init: (searchcraft: SearchcraftCore | undefined, debug?: boolean) => void;
10
10
  removeFacetPathsForIndexField: (fieldName: string) => void;
11
11
  removeRangeValueForIndexField: (fieldName: string) => void;
12
12
  resetFacetPaths: () => void;
13
13
  search: () => Promise<void>;
14
+ set: (state: Partial<SearchcraftState> | ((state: SearchcraftState) => Partial<SearchcraftState>)) => SearchcraftState;
15
+ setAdClientResponseItems: (items: AdClientResponseItem[]) => void;
16
+ setSearchClientResponseItemsFromResponse: (response: SearchcraftResponse, items: SearchClientResponseItem[]) => void;
17
+ setInitialSearchClientResponseItemsFromResponse: (response: SearchcraftResponse, items: SearchClientResponseItem[]) => void;
18
+ setInitialQuery: (query: string) => void;
14
19
  setPopoverVisibility: (isVisible: boolean) => void;
15
- setSearchClientResponseItems: (results: SearchClientResponseItem[]) => void;
20
+ setSearchResultsCount: (count: number) => void;
21
+ setSearchClientResponseItems: (items: SearchClientResponseItem[]) => void;
16
22
  setSearchResultsPage: (page: number) => void;
17
23
  setSearchResultsPerPage: (perPage: number) => void;
18
24
  setSearchTerm: (searchTerm: string) => void;
@@ -30,6 +36,8 @@ export interface SearchcraftStateValues {
30
36
  hotkeyModifier: 'ctrl' | 'meta' | 'alt' | 'option';
31
37
  logger: Logger | undefined;
32
38
  facetPathsForIndexFields: Record<string, FacetPathsForIndexField>;
39
+ initialQuery: string;
40
+ initialSearchClientResponseItems: SearchClientResponseItem[];
33
41
  isPopoverVisible: boolean;
34
42
  isSearchInProgress: boolean;
35
43
  rangeValueForIndexFields: Record<string, RangeValueForIndexField>;
@@ -42,6 +50,7 @@ export interface SearchcraftStateValues {
42
50
  searchResultsPerPage: number;
43
51
  searchTerm: string;
44
52
  sortType: 'asc' | 'desc';
53
+ afterInit: (state: SearchcraftState) => void;
45
54
  }
46
55
  export interface SearchcraftState extends SearchcraftStateFunctions, SearchcraftStateValues {
47
56
  }
package/dist/types/utils/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  export * from './facets';
2
2
  export * from './units';
3
- export * from './styles';
4
3
  export * from './html';
5
4
  //# sourceMappingURL=index.d.ts.map
package/dist/types/utils/units.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import type { SearchResultMapping } from '@searchcraft/core';
2
2
  /**
3
3
  * Given a document and a SearchResultMapping, return a mapped value from the document.
4
- *
5
4
  * Applies formatting based on the values specified in the `SearchResultFieldName` values.
6
5
  *
7
6
  * @param document
@@ -9,14 +8,28 @@ import type { SearchResultMapping } from '@searchcraft/core';
9
8
  * @returns {string | undefined}
10
9
  */
11
10
  export declare function getDocumentValueFromSearchResultMapping(document: Record<string, unknown> | undefined, mapping: SearchResultMapping | undefined): string | undefined;
11
+ /**
12
+ * Convert different units of time to milliseconds.
13
+ *
14
+ * @param unit - The unit of time
15
+ * @returns {number}
16
+ */
12
17
  export declare function getMillis(unit: 'year' | 'month' | 'day' | 'hour'): number;
18
+ /**
19
+ * Format a number with commas as thousands separators.
20
+ *
21
+ * @param number - The number to be formatted.
22
+ * @returns {string} - The formatted number as a string.
23
+ */
13
24
  export declare function formatNumberWithCommas(number: any): any;
14
25
  /**
15
- * Given a timestamp value, returns a formatted time string for the time
16
- * since now.
26
+ * Format a date or date string. The string is formatted relative to today's date
27
+ * (e.g. 2 days ago) until the date range is greater than a month.
17
28
  *
18
- * @param timestamp
19
- * @returns {string} Formatted string value
29
+ * @param dateInput - The date to be formatted.
30
+ * @param locale - The language used for formatting the date.
31
+ * @param options - The non-default options used for formatting the date.
32
+ * @returns {string} - The formatted date as a string.
20
33
  */
21
- export declare function getFormattedTimeFromNow(timestamp: string): string;
34
+ export declare function formatRelativeDate(dateInput: string | Date, locale?: string, options?: Intl.DateTimeFormatOptions): string;
22
35
  //# sourceMappingURL=units.d.ts.map
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@searchcraft/javascript-sdk",
3
3
  "private": false,
4
- "version": "0.10.1",
4
+ "version": "0.10.2",
5
5
  "description": "Searchcraft Javascript SDK",
6
6
  "author": "Searchcraft Inc.",
7
7
  "license": "Apache-2.0",
@@ -21,10 +21,7 @@
21
21
  "import": "./dist/hydrate/index.mjs",
22
22
  "types": "./dist/hydrate/index.d.ts"
23
23
  },
24
- "./themes/*.css": {
25
- "import": "./dist/themes/*.css",
26
- "require": "./dist/themes/*.css"
27
- }
24
+ "./themes/*.css": "./dist/themes/*.css"
28
25
  },
29
26
  "repository": {
30
27
  "type": "git",
@@ -47,7 +44,7 @@
47
44
  "nanoid": "^5.0.9"
48
45
  },
49
46
  "devDependencies": {
50
- "@searchcraft/core": "^0.10.1",
47
+ "@searchcraft/core": "^0.10.2",
51
48
  "@stencil/core": "^4.7.0",
52
49
  "@stencil/react-output-target": "^0.8.2",
53
50
  "@stencil/sass": "^3.0.12",
@@ -55,5 +52,5 @@
55
52
  "@types/node": "^16.18.11",
56
53
  "zustand": "^5.0.1"
57
54
  },
58
- "gitHead": "3133e8d0fcb2e99af613a0b52827593023117488"
55
+ "gitHead": "4a9b85acac38c39a2d5793d4eee8b1de8e92eae2"
59
56
  }
package/dist/components/p-0077f677.js.map DELETED
@@ -1 +0,0 @@
1
- {"file":"p-0077f677.js","mappings":";;;;;;;MAgDa,oBAAoB;;;;;;;;;;;IAIvB,UAAU,GAAa,IAAI,CAAC;;;;IAI5B,eAAe,GAA+B,MAAM,CAAC;;;;IAIrD,WAAW,CAAU;;;;IAIrB,UAAU,CAAU;;;;IAIpB,gBAAgB,GAAY,cAAc,CAAC;;;;IAI1C,UAAU,CAAsB;;;;IAIhC,SAAS,CAAsB;;;;IAI/B,SAAS,CAAsB;IAE/B,UAAU,GAAG,EAAE,CAAC;IAChB,UAAU,GAAG,EAAE,CAAC;IAChB,KAAK,GAAG,KAAK,CAAC;IAEf,IAAI,CAAmB;IAEvB,WAAW,GAAG,gBAAgB,CAAC,QAAQ,EAAE,CAAC;IAElD,IAAI;QACF,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;SACxB;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAGD,YAAY;QACV,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,aAAa,GAAG,CAAC,KAAY;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;QAE9B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO;SACR;QAED,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACjC,CAAC;IAEM,aAAa,GAAG,OAAO,KAAa;QAC1C,IAAI,KAAK,KAAK,gBAAgB,CAAC,QAAQ,EAAE,CAAC,UAAU,EAAE;YACpD,OAAO;SACR;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC/B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEhD,IAAI;YACF,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;SACjC;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;SACnB;KACF,CAAC;IAEF,gBAAgB,GAAG;QACjB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACnC,IAAI,CAAC,WAAW,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACpB,CAAC;IAEF,gBAAgB,GAAG,OAAO,KAAY;QACpC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C,CAAC;IAEF,MAAM;QACJ,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;QACxD,MAAM,mBAAmB,GAAG,UAAU,CAAC,6BAA6B,EAAE;YACpE,yCAAyC,EACvC,IAAI,CAAC,eAAe,KAAK,MAAM;YACjC,0CAA0C,EACxC,IAAI,CAAC,eAAe,KAAK,OAAO;YAClC,yCAAyC,EACvC,IAAI,CAAC,eAAe,KAAK,MAAM;SAClC,CAAC,CAAC;QACH,MAAM,qBAAqB,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC;QAC5D,MAAM,eAAe,GAAG;YACtB,GAAG,EAAE,qBAAqB,GAAG,SAAS,GAAG,SAAS;SACnD,CAAC;QAEF,QACE,6DAAM,KAAK,EAAC,wBAAwB,EAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAClE,4DAAK,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,IACrD,4DAAK,KAAK,EAAC,+BAA+B,IACxC,2EACE,aAAa,EAAE,IAAI,CAAC,gBAAgB,EACpC,KAAK,EAAE,IAAI,CAAC,WAAW,GACvB,CACE,EACL,IAAI,CAAC,UAAU,KACd,4DAAK,KAAK,EAAC,8BAA8B,IACvC,gFAAyB,KAAK,EAAE,IAAI,CAAC,UAAU,GAAI,CAC/C,CACP,EACA,IAAI,CAAC,KAAK,KACT,4DAAK,KAAK,EAAC,sCAAsC,IAC/C,4GAE4B,CACxB,CACP,EACD,4DAAK,KAAK,EAAC,sCAAsC,IAC/C,8DACE,YAAY,EAAC,KAAK,EAClB,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,EACtC,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,EACpC,OAAO,EAAE,CAAC,KAAK;gBACb,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;aAC3B,EACD,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,UAAU,GACtB,EACF,4DAAK,KAAK,EAAC,mCAAmC,IAC5C,4DACE,KAAK,EAAC,0CAA0C,EAChD,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,mBAAmB,IAEnC,8EAA0B,EAC1B,6DACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACF,EACL,oBAAoB,KACnB,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,qCAAqC,EAC3C,OAAO,EAAE,IAAI,CAAC,gBAAgB,IAE9B,4DACE,KAAK,EAAC,mCAAmC,EACzC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,YAAY,IAE5B,6EAAyB,EACzB,6DACE,CAAC,EAAC,uIAAuI,EACzI,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACC,CACV,CACG,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-input-form/searchcraft-input-form.tsx"],"sourcesContent":["import {\n Component,\n h,\n Prop,\n State,\n Event,\n type EventEmitter,\n Watch,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport type { SearchcraftCore } from '@searchcraft/core';\n\nimport { searchcraftStore } from '@store';\n\n/**\n * This web component provides a user-friendly interface for querying an indexed dataset, enabling users to easily search large collections of data.\n * It abstracts the complexities of index-based searching, making it accessible to users of all technical levels.\n *\n * @react-import\n * ```jsx\n * import { SearchcraftInputForm } from \"@searchcraft/react-sdk\";\n * ```\n *\n * @vue-import\n * ```jsx\n * import { SearchcraftInputForm } from \"@searchcraft/vue-sdk\";\n * ```\n *\n * @js-example\n * ```html\n * <searchcraft-input-form auto-search />\n * ```\n *\n * @react-example\n * ```jsx\n * <SearchcraftInputForm autoSearch />\n * ```\n *\n * @vue-example\n * ```jsx\n * <SearchcraftInputForm autoSearch />\n * ```\n */\n@Component({\n tag: 'searchcraft-input-form',\n shadow: false,\n})\nexport class SearchcraftInputForm {\n /**\n * Whether or not to automatically submit the search term when the input changes.\n */\n @Prop() autoSearch?: boolean = true;\n /**\n * Where to place the search button.\n */\n @Prop() buttonPlacement?: 'left' | 'right' | 'none' = 'none';\n /**\n * The label for the submit button.\n */\n @Prop() buttonLabel?: string;\n /**\n * The label rendered above the input.\n */\n @Prop() inputLabel?: string;\n /**\n * The input element's placeholder value.\n */\n @Prop() placeholderValue?: string = 'Enter Search';\n /**\n * When the input becomes focused.\n */\n @Event() inputFocus?: EventEmitter<void>;\n /**\n * When the input becomes unfocused.\n */\n @Event() inputBlur?: EventEmitter<void>;\n /**\n * Event emitted when input initializes.\n */\n @Event() inputInit?: EventEmitter<void>;\n\n @State() inputValue = '';\n @State() searchTerm = '';\n @State() error = false;\n\n @Prop() core?: SearchcraftCore;\n\n private searchStore = searchcraftStore.getState();\n\n init() {\n if (this.core) {\n this.searchStore.initialize(this.core);\n this.inputInit?.emit();\n }\n }\n\n connectedCallback() {\n this.init();\n }\n\n @Watch('core')\n onCoreChange() {\n this.init();\n }\n\n handleOnInput = (event: Event) => {\n const input = event.target as HTMLInputElement;\n this.inputValue = input.value;\n\n if (!this.autoSearch) {\n return;\n }\n\n this.performSearch(input.value);\n };\n\n private performSearch = async (value: string) => {\n if (value === searchcraftStore.getState().searchTerm) {\n return;\n }\n\n this.searchTerm = value.trim();\n this.error = false;\n this.searchStore.setSearchTerm(this.searchTerm);\n\n try {\n await this.searchStore.search();\n } catch (error) {\n console.log(error);\n this.error = true;\n }\n };\n\n handleClearInput = () => {\n this.inputValue = '';\n this.searchTerm = '';\n this.searchStore.setSearchTerm('');\n this.searchStore.setSearchClientResponseItems([]);\n this.error = false;\n };\n\n handleFormSubmit = async (event: Event) => {\n event.preventDefault();\n await this.performSearch(this.searchTerm);\n };\n\n render() {\n const isShowingClearButton = this.inputValue.length > 0;\n const inputGridClassNames = classNames('searchcraft-input-form-grid', {\n 'searchcraft-input-form-grid-button-left':\n this.buttonPlacement === 'left',\n 'searchcraft-input-form-grid-button-right':\n this.buttonPlacement === 'right',\n 'searchcraft-input-form-grid-button-none':\n this.buttonPlacement === 'none',\n });\n const shouldHaveVerticalGap = this.inputLabel || this.error;\n const inputGridStyles = {\n gap: shouldHaveVerticalGap ? '4px 8px' : '0px 8px',\n };\n\n return (\n <form class='searchcraft-input-form' onSubmit={this.handleFormSubmit}>\n <div class={inputGridClassNames} style={inputGridStyles}>\n <div class='searchcraft-input-form-button'>\n <searchcraft-button\n onButtonClick={this.handleFormSubmit}\n label={this.buttonLabel}\n />\n </div>\n {this.inputLabel && (\n <div class='searchcraft-input-form-label'>\n <searchcraft-input-label label={this.inputLabel} />\n </div>\n )}\n {this.error && (\n <div class='searchcraft-input-form-error-message'>\n <searchcraft-error-message>\n Something went wrong.\n </searchcraft-error-message>\n </div>\n )}\n <div class='searchcraft-input-form-input-wrapper'>\n <input\n autoComplete='off'\n class='searchcraft-input-form-input'\n onFocus={() => this.inputFocus?.emit()}\n onBlur={() => this.inputBlur?.emit()}\n onInput={(event) => {\n this.handleOnInput(event);\n }}\n placeholder={this.placeholderValue}\n type='text'\n value={this.inputValue}\n />\n <div class='searchcraft-input-form-input-icon'>\n <svg\n class='searchcraft-input-form-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>Search icon</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='currentColor'\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-form-clear-button'\n onClick={this.handleClearInput}\n >\n <svg\n class='searchcraft-input-form-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>Clear icon</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='currentColor'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n </button>\n )}\n </div>\n </div>\n </form>\n );\n }\n}\n"],"version":3}