@searchcraft/javascript-sdk 0.2.2 → 0.2.3
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.
- package/dist/searchcraft-javascript-sdk/_commonjsHelpers-63cbe26c.js +34 -0
- package/dist/searchcraft-javascript-sdk/_commonjsHelpers-63cbe26c.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/index-8211f330.js +3043 -0
- package/dist/searchcraft-javascript-sdk/index-8211f330.js.map +1 -0
- package/dist/{components/p-5cdc6210.js → searchcraft-javascript-sdk/index-d6567b9c.js} +10 -2
- package/dist/searchcraft-javascript-sdk/index-d6567b9c.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/index.esm.js +14 -1
- package/dist/searchcraft-javascript-sdk/index.esm.js.map +1 -1
- package/dist/searchcraft-javascript-sdk/searchcraft-auto-search-form.entry.js +113 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-auto-search-form.entry.js.map +1 -0
- package/dist/{esm → searchcraft-javascript-sdk}/searchcraft-base-search-form.entry.js +6 -6
- package/dist/searchcraft-javascript-sdk/searchcraft-base-search-form.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-base-search-result.entry.js +57 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-base-search-result.entry.js.map +1 -0
- package/dist/{components/searchcraft-base-search-results.js → searchcraft-javascript-sdk/searchcraft-base-search-results.entry.js} +22 -83
- package/dist/searchcraft-javascript-sdk/searchcraft-base-search-results.entry.js.map +1 -0
- package/dist/{esm → searchcraft-javascript-sdk}/searchcraft-button-icon.entry.js +1 -1
- package/dist/searchcraft-javascript-sdk/searchcraft-button-icon.entry.js.map +1 -0
- package/dist/{esm → searchcraft-javascript-sdk}/searchcraft-button.entry.js +4 -4
- package/dist/searchcraft-javascript-sdk/searchcraft-button.entry.js.map +1 -0
- package/dist/{components/p-70722ab2.js → searchcraft-javascript-sdk/searchcraft-clear-icon-set.entry.js} +7 -24
- package/dist/searchcraft-javascript-sdk/searchcraft-clear-icon-set.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-clear-input-button.entry.js +30 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-clear-input-button.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-error-message.entry.js +22 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-error-message.entry.js.map +1 -0
- package/dist/{components/searchcraft-filters-list.js → searchcraft-javascript-sdk/searchcraft-filters-list.entry.js} +16 -43
- package/dist/searchcraft-javascript-sdk/searchcraft-filters-list.entry.js.map +1 -0
- package/dist/{components/p-6237f03e.js → searchcraft-javascript-sdk/searchcraft-input-caption.entry.js} +10 -31
- package/dist/searchcraft-javascript-sdk/searchcraft-input-caption.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-input-icon.entry.js +25 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-input-icon.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-input-label.entry.js +29 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-input-label.entry.js.map +1 -0
- package/dist/{components/p-2350c0ab.js → searchcraft-javascript-sdk/searchcraft-input.entry.js} +12 -83
- package/dist/searchcraft-javascript-sdk/searchcraft-input.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js +48 -1
- package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js.map +1 -1
- package/dist/{collection/components/searchcraft-results-info/searchcraft-results-info.js → searchcraft-javascript-sdk/searchcraft-results-info.entry.js} +15 -26
- package/dist/searchcraft-javascript-sdk/searchcraft-results-info.entry.js.map +1 -0
- package/dist/{components/p-a3bd1bc8.js → searchcraft-javascript-sdk/searchcraft-search-icon-set.entry.js} +7 -26
- package/dist/searchcraft-javascript-sdk/searchcraft-search-icon-set.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-slider.entry.js +76 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-slider.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-spinner-dark.entry.js +17 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-spinner-dark.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-spinner-light.entry.js +17 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-spinner-light.entry.js.map +1 -0
- package/dist/{collection/components/searchcraft-toggle-button/searchcraft-toggle-button.js → searchcraft-javascript-sdk/searchcraft-toggle-button.entry.js} +15 -47
- package/dist/searchcraft-javascript-sdk/searchcraft-toggle-button.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/shadow-css-423dab2c.js +334 -0
- package/dist/searchcraft-javascript-sdk/shadow-css-423dab2c.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/store-0451a982.js +3070 -0
- package/dist/searchcraft-javascript-sdk/store-0451a982.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/store-18b7e3ea.js +3071 -0
- package/dist/searchcraft-javascript-sdk/store-18b7e3ea.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/store-910b9836.js +3071 -0
- package/dist/searchcraft-javascript-sdk/store-910b9836.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/store-935525f8.js +3071 -0
- package/dist/searchcraft-javascript-sdk/store-935525f8.js.map +1 -0
- package/dist/{components/p-aff5cd24.js → searchcraft-javascript-sdk/utils-6d98c145.js} +21 -2
- package/dist/searchcraft-javascript-sdk/utils-6d98c145.js.map +1 -0
- package/dist/{esm/utils-e2076797.js → searchcraft-javascript-sdk/utils-d88ac15c.js} +22 -4
- package/dist/searchcraft-javascript-sdk/utils-d88ac15c.js.map +1 -0
- package/dist/{cjs/utils-bd99e8b0.js → searchcraft-javascript-sdk/utils-dbb6302b.js} +23 -10
- package/dist/searchcraft-javascript-sdk/utils-dbb6302b.js.map +1 -0
- package/dist/types/components/searchcraft-auto-search-form/searchcraft-auto-search-form.d.ts +1 -1
- package/dist/types/components/searchcraft-base-search-result/searchcraft-base-search-result.d.ts +3 -3
- package/dist/types/components/searchcraft-base-search-results/searchcraft-base-search-results.d.ts +8 -9
- package/dist/types/components/searchcraft-filters-list/searchcraft-filters-list.d.ts +1 -1
- package/dist/types/components/searchcraft-input-icon/searchcraft-input-icon.d.ts +1 -7
- package/dist/types/components/searchcraft-slider/searchcraft-slider.d.ts +4 -4
- package/dist/types/components.d.ts +1 -13
- package/dist/types/provider/store.d.ts +8 -8
- package/dist/types/utils/utils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/app-globals-3a1e7e63.js +0 -7
- package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
- package/dist/cjs/index-5b0b9d4c.js +0 -84
- package/dist/cjs/index-5b0b9d4c.js.map +0 -1
- package/dist/cjs/index-6c5282a0.js +0 -1279
- package/dist/cjs/index-6c5282a0.js.map +0 -1
- package/dist/cjs/index.cjs.js +0 -17
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js +0 -17
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/cjs/searchcraft-auto-search-form_17.cjs.entry.js +0 -804
- package/dist/cjs/searchcraft-auto-search-form_17.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-base-search-form.cjs.entry.js +0 -64
- package/dist/cjs/searchcraft-base-search-form.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-button-icon.cjs.entry.js +0 -18
- package/dist/cjs/searchcraft-button-icon.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-button.cjs.entry.js +0 -37
- package/dist/cjs/searchcraft-button.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-javascript-sdk.cjs.js +0 -27
- package/dist/cjs/searchcraft-javascript-sdk.cjs.js.map +0 -1
- package/dist/cjs/store-ccdd30e6.js +0 -314
- package/dist/cjs/store-ccdd30e6.js.map +0 -1
- package/dist/cjs/utils-bd99e8b0.js.map +0 -1
- package/dist/collection/assets/searchcraft-button-icons.js +0 -9
- package/dist/collection/assets/searchcraft-button-icons.js.map +0 -1
- package/dist/collection/assets/searchcraft-clear-icon-set.js +0 -45
- package/dist/collection/assets/searchcraft-clear-icon-set.js.map +0 -1
- package/dist/collection/assets/searchcraft-search-icon-set.js +0 -84
- package/dist/collection/assets/searchcraft-search-icon-set.js.map +0 -1
- package/dist/collection/collection-manifest.json +0 -31
- package/dist/collection/components/searchcraft-auto-search-form/searchcraft-auto-search-form.js +0 -365
- package/dist/collection/components/searchcraft-auto-search-form/searchcraft-auto-search-form.js.map +0 -1
- package/dist/collection/components/searchcraft-auto-search-form/searchcraft-auto-search-form.module.css +0 -13
- package/dist/collection/components/searchcraft-base-search-form/searchcraft-base-search-form.js +0 -168
- package/dist/collection/components/searchcraft-base-search-form/searchcraft-base-search-form.js.map +0 -1
- package/dist/collection/components/searchcraft-base-search-form/searchcraft-base-search-form.module.css +0 -14
- package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.js +0 -308
- package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.js.map +0 -1
- package/dist/collection/components/searchcraft-base-search-result/searchcraft-base-search-result.module.css +0 -216
- package/dist/collection/components/searchcraft-base-search-results/searchcraft-base-search-results.js +0 -271
- package/dist/collection/components/searchcraft-base-search-results/searchcraft-base-search-results.js.map +0 -1
- package/dist/collection/components/searchcraft-base-search-results/searchcraft-base-search-results.module.css +0 -47
- package/dist/collection/components/searchcraft-button/searchcraft-button.js +0 -137
- package/dist/collection/components/searchcraft-button/searchcraft-button.js.map +0 -1
- package/dist/collection/components/searchcraft-button/searchcraft-button.module.css +0 -82
- package/dist/collection/components/searchcraft-clear-input-button/searchcraft-clear-input-button.js +0 -96
- package/dist/collection/components/searchcraft-clear-input-button/searchcraft-clear-input-button.js.map +0 -1
- package/dist/collection/components/searchcraft-clear-input-button/searchcraft-clear-input-button.module.css +0 -33
- package/dist/collection/components/searchcraft-error-message/searchcraft-error-message.js +0 -64
- package/dist/collection/components/searchcraft-error-message/searchcraft-error-message.js.map +0 -1
- package/dist/collection/components/searchcraft-error-message/searchcraft-error-message.module.css +0 -21
- package/dist/collection/components/searchcraft-filters-list/searchcraft-filters-list.js +0 -155
- package/dist/collection/components/searchcraft-filters-list/searchcraft-filters-list.js.map +0 -1
- package/dist/collection/components/searchcraft-filters-list/searchcraft-filters-list.module.css +0 -70
- package/dist/collection/components/searchcraft-input/searchcraft-input.js +0 -352
- package/dist/collection/components/searchcraft-input/searchcraft-input.js.map +0 -1
- package/dist/collection/components/searchcraft-input/searchcraft-input.module.css +0 -241
- package/dist/collection/components/searchcraft-input-caption/searchcraft-input-caption.js +0 -122
- package/dist/collection/components/searchcraft-input-caption/searchcraft-input-caption.js.map +0 -1
- package/dist/collection/components/searchcraft-input-caption/searchcraft-input-caption.module.css +0 -79
- package/dist/collection/components/searchcraft-input-icon/searchcraft-input-icon.js +0 -109
- package/dist/collection/components/searchcraft-input-icon/searchcraft-input-icon.js.map +0 -1
- package/dist/collection/components/searchcraft-input-icon/searchcraft-input-icon.module.css +0 -17
- package/dist/collection/components/searchcraft-input-label/searchcraft-input-label.js +0 -77
- package/dist/collection/components/searchcraft-input-label/searchcraft-input-label.js.map +0 -1
- package/dist/collection/components/searchcraft-input-label/searchcraft-input-label.module.css +0 -21
- package/dist/collection/components/searchcraft-results-info/searchcraft-results-info.js.map +0 -1
- package/dist/collection/components/searchcraft-results-info/searchcraft-results-info.module.css +0 -16
- package/dist/collection/components/searchcraft-slider/searchcraft-slider.js +0 -121
- package/dist/collection/components/searchcraft-slider/searchcraft-slider.js.map +0 -1
- package/dist/collection/components/searchcraft-slider/searchcraft-slider.module.css +0 -77
- package/dist/collection/components/searchcraft-spinner-dark/searchcraft-spinner-dark.js +0 -19
- package/dist/collection/components/searchcraft-spinner-dark/searchcraft-spinner-dark.js.map +0 -1
- package/dist/collection/components/searchcraft-spinner-dark/searchcraft-spinner-dark.module.css +0 -35
- package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.js +0 -19
- package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.js.map +0 -1
- package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.module.css +0 -26
- package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.js.map +0 -1
- package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.module.css +0 -31
- package/dist/collection/index.js +0 -14
- package/dist/collection/index.js.map +0 -1
- package/dist/collection/provider/store.js +0 -97
- package/dist/collection/provider/store.js.map +0 -1
- package/dist/collection/utils/utils.js +0 -45
- package/dist/collection/utils/utils.js.map +0 -1
- package/dist/components/index.js +0 -58
- package/dist/components/index.js.map +0 -1
- package/dist/components/p-1101288c.js +0 -53
- package/dist/components/p-1101288c.js.map +0 -1
- package/dist/components/p-15dd4fe4.js +0 -33
- package/dist/components/p-15dd4fe4.js.map +0 -1
- package/dist/components/p-2350c0ab.js.map +0 -1
- package/dist/components/p-5cdc6210.js.map +0 -1
- package/dist/components/p-6237f03e.js.map +0 -1
- package/dist/components/p-70722ab2.js.map +0 -1
- package/dist/components/p-7498e493.js +0 -1113
- package/dist/components/p-7498e493.js.map +0 -1
- package/dist/components/p-848301b7.js +0 -40
- package/dist/components/p-848301b7.js.map +0 -1
- package/dist/components/p-85693c64.js +0 -61
- package/dist/components/p-85693c64.js.map +0 -1
- package/dist/components/p-8fe6289d.js +0 -49
- package/dist/components/p-8fe6289d.js.map +0 -1
- package/dist/components/p-99971aa9.js +0 -310
- package/dist/components/p-99971aa9.js.map +0 -1
- package/dist/components/p-a3bd1bc8.js.map +0 -1
- package/dist/components/p-aff5cd24.js.map +0 -1
- package/dist/components/p-bd90d9b4.js +0 -85
- package/dist/components/p-bd90d9b4.js.map +0 -1
- package/dist/components/p-c70cd874.js +0 -68
- package/dist/components/p-c70cd874.js.map +0 -1
- package/dist/components/p-c815eb98.js +0 -33
- package/dist/components/p-c815eb98.js.map +0 -1
- package/dist/components/searchcraft-auto-search-form.js +0 -207
- package/dist/components/searchcraft-auto-search-form.js.map +0 -1
- package/dist/components/searchcraft-base-search-form.js +0 -152
- package/dist/components/searchcraft-base-search-form.js.map +0 -1
- package/dist/components/searchcraft-base-search-result.js +0 -8
- package/dist/components/searchcraft-base-search-result.js.map +0 -1
- package/dist/components/searchcraft-base-search-results.js.map +0 -1
- package/dist/components/searchcraft-button-icon.js +0 -32
- package/dist/components/searchcraft-button-icon.js.map +0 -1
- package/dist/components/searchcraft-button.js +0 -8
- package/dist/components/searchcraft-button.js.map +0 -1
- package/dist/components/searchcraft-clear-icon-set.js +0 -8
- package/dist/components/searchcraft-clear-icon-set.js.map +0 -1
- package/dist/components/searchcraft-clear-input-button.js +0 -8
- package/dist/components/searchcraft-clear-input-button.js.map +0 -1
- package/dist/components/searchcraft-error-message.js +0 -8
- package/dist/components/searchcraft-error-message.js.map +0 -1
- package/dist/components/searchcraft-filters-list.js.map +0 -1
- package/dist/components/searchcraft-input-caption.js +0 -8
- package/dist/components/searchcraft-input-caption.js.map +0 -1
- package/dist/components/searchcraft-input-icon.js +0 -8
- package/dist/components/searchcraft-input-icon.js.map +0 -1
- package/dist/components/searchcraft-input-label.js +0 -8
- package/dist/components/searchcraft-input-label.js.map +0 -1
- package/dist/components/searchcraft-input.js +0 -8
- package/dist/components/searchcraft-input.js.map +0 -1
- package/dist/components/searchcraft-results-info.js +0 -63
- package/dist/components/searchcraft-results-info.js.map +0 -1
- package/dist/components/searchcraft-search-icon-set.js +0 -8
- package/dist/components/searchcraft-search-icon-set.js.map +0 -1
- package/dist/components/searchcraft-slider.js +0 -95
- package/dist/components/searchcraft-slider.js.map +0 -1
- package/dist/components/searchcraft-spinner-dark.js +0 -8
- package/dist/components/searchcraft-spinner-dark.js.map +0 -1
- package/dist/components/searchcraft-spinner-light.js +0 -8
- package/dist/components/searchcraft-spinner-light.js.map +0 -1
- package/dist/components/searchcraft-toggle-button.js +0 -83
- package/dist/components/searchcraft-toggle-button.js.map +0 -1
- package/dist/esm/index-0ac5bb53.js +0 -1251
- package/dist/esm/index-0ac5bb53.js.map +0 -1
- package/dist/esm/index-72ac5051.js +0 -82
- package/dist/esm/index-72ac5051.js.map +0 -1
- package/dist/esm/index.js +0 -4
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js +0 -13
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/searchcraft-auto-search-form_17.entry.js +0 -784
- package/dist/esm/searchcraft-auto-search-form_17.entry.js.map +0 -1
- package/dist/esm/searchcraft-base-search-form.entry.js.map +0 -1
- package/dist/esm/searchcraft-button-icon.entry.js.map +0 -1
- package/dist/esm/searchcraft-button.entry.js.map +0 -1
- package/dist/esm/searchcraft-javascript-sdk.js +0 -22
- package/dist/esm/searchcraft-javascript-sdk.js.map +0 -1
- package/dist/esm/store-311de204.js +0 -310
- package/dist/esm/store-311de204.js.map +0 -1
- package/dist/esm/utils-e2076797.js.map +0 -1
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
- package/dist/loader/cdn.js +0 -1
- package/dist/loader/index.cjs.js +0 -1
- package/dist/loader/index.d.ts +0 -24
- package/dist/loader/index.es2017.js +0 -1
- package/dist/loader/index.js +0 -2
- package/dist/loader/package.json +0 -11
- package/dist/searchcraft-javascript-sdk/p-0880cfbb.js +0 -3
- package/dist/searchcraft-javascript-sdk/p-0880cfbb.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-5cdc6210.js +0 -7
- package/dist/searchcraft-javascript-sdk/p-5cdc6210.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-5ec960bd.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-5ec960bd.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-6108dd80.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-6108dd80.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-80ea9602.js +0 -11
- package/dist/searchcraft-javascript-sdk/p-80ea9602.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-a9bac3ca.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-a9bac3ca.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-aff5cd24.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-aff5cd24.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-cc454542.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-cc454542.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-e1255160.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-e1255160.js.map +0 -1
- /package/dist/{esm → searchcraft-javascript-sdk}/app-globals-0f993ce5.js +0 -0
- /package/dist/{esm → searchcraft-javascript-sdk}/app-globals-0f993ce5.js.map +0 -0
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
.slider-container {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
gap: 10px;
|
|
5
|
-
font-family: Arial, sans-serif;
|
|
6
|
-
align-items: center;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
label {
|
|
10
|
-
font-size: 14px;
|
|
11
|
-
font-weight: bold;
|
|
12
|
-
margin-bottom: 10px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.range-container {
|
|
16
|
-
display: flex;
|
|
17
|
-
width: 100%;
|
|
18
|
-
align-items: center;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.range-slider {
|
|
22
|
-
width: 100%;
|
|
23
|
-
height: 4px;
|
|
24
|
-
background: #ddd;
|
|
25
|
-
border-radius: 2px;
|
|
26
|
-
outline: none;
|
|
27
|
-
margin: 0 -1px;
|
|
28
|
-
position: relative;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.range-slider::-webkit-slider-thumb {
|
|
32
|
-
-webkit-appearance: none;
|
|
33
|
-
appearance: none;
|
|
34
|
-
width: 20px;
|
|
35
|
-
height: 20px;
|
|
36
|
-
background-color: #FFF;
|
|
37
|
-
border-radius: 50%;
|
|
38
|
-
border: 1px solid #E6E6E6;
|
|
39
|
-
cursor: pointer;
|
|
40
|
-
position: relative;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.range-slider::-moz-range-thumb {
|
|
44
|
-
width: 20px;
|
|
45
|
-
height: 20px;
|
|
46
|
-
background-color: #FFF;
|
|
47
|
-
border-radius: 50%;
|
|
48
|
-
border: 1px solid #E6E6E6;
|
|
49
|
-
cursor: pointer;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.range-slider:before {
|
|
53
|
-
content: "";
|
|
54
|
-
position: absolute;
|
|
55
|
-
height: 4px;
|
|
56
|
-
background-color: #FFF;
|
|
57
|
-
border-radius: 2px;
|
|
58
|
-
left: 0;
|
|
59
|
-
right: 0;
|
|
60
|
-
z-index: -1;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.year-labels {
|
|
64
|
-
display: flex;
|
|
65
|
-
justify-content: space-between;
|
|
66
|
-
width: 100%;
|
|
67
|
-
margin-top: 10px;
|
|
68
|
-
font-size: 15px;
|
|
69
|
-
font-weight: 600;
|
|
70
|
-
font-family: "Source Sans Pro";
|
|
71
|
-
color: #666;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.year-label {
|
|
75
|
-
min-width: 30px;
|
|
76
|
-
text-align: center;
|
|
77
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
export class SearchcraftSpinnerDark {
|
|
3
|
-
render() {
|
|
4
|
-
return (h("div", { key: '60b629930c2e2795236f6768b40c95ce9390e882', class: 'spinnerContainer' }, h("div", { key: 'bfef3329f2e81ecf6538738ac0213da6259dd1c3', class: 'spinnerDark' })));
|
|
5
|
-
}
|
|
6
|
-
static get is() { return "searchcraft-spinner-dark"; }
|
|
7
|
-
static get encapsulation() { return "shadow"; }
|
|
8
|
-
static get originalStyleUrls() {
|
|
9
|
-
return {
|
|
10
|
-
"$": ["searchcraft-spinner-dark.module.scss"]
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
static get styleUrls() {
|
|
14
|
-
return {
|
|
15
|
-
"$": ["searchcraft-spinner-dark.module.css"]
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=searchcraft-spinner-dark.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"searchcraft-spinner-dark.js","sourceRoot":"","sources":["../../../src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,aAAa,GAAG,CACvB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-spinner-dark',\n styleUrl: 'searchcraft-spinner-dark.module.scss',\n shadow: true,\n})\nexport class SearchcraftSpinnerDark {\n render() {\n return (\n <div class='spinnerContainer'>\n <div class='spinnerDark' />\n </div>\n );\n }\n}\n"]}
|
package/dist/collection/components/searchcraft-spinner-dark/searchcraft-spinner-dark.module.css
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
.spinnerContainer {
|
|
2
|
-
background-color: transparent;
|
|
3
|
-
height: 20px;
|
|
4
|
-
width: 20px;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.spinnerDark {
|
|
8
|
-
height: 100%;
|
|
9
|
-
width: 100%;
|
|
10
|
-
background: conic-gradient(#000 50%, #FFFFFF);
|
|
11
|
-
clip-path: circle(50%);
|
|
12
|
-
mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 6.6666666667px, rgb(0, 0, 0) 6.6666666667px);
|
|
13
|
-
animation: spinning 1s linear infinite;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.spinnerLight {
|
|
17
|
-
height: 100%;
|
|
18
|
-
width: 100%;
|
|
19
|
-
background: conic-gradient(#737373 50%, #FFFFFF);
|
|
20
|
-
clip-path: circle(50%);
|
|
21
|
-
mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 6.6666666667px, rgb(0, 0, 0) 6.6666666667px);
|
|
22
|
-
animation: spinning 1s linear infinite;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@keyframes spinning {
|
|
26
|
-
0% {
|
|
27
|
-
transform: rotate(0deg);
|
|
28
|
-
}
|
|
29
|
-
50% {
|
|
30
|
-
transform: rotate(180deg);
|
|
31
|
-
}
|
|
32
|
-
100% {
|
|
33
|
-
transform: rotate(360deg);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
export class SearchcraftSpinnerLight {
|
|
3
|
-
render() {
|
|
4
|
-
return (h("div", { key: 'ad5224c97faf7e329d2a8904488c17dfd7414b9e', class: 'spinnerContainer' }, h("div", { key: '6336ce7737af65eedac46ee290b20291ce5b6096', class: 'spinnerLight' })));
|
|
5
|
-
}
|
|
6
|
-
static get is() { return "searchcraft-spinner-light"; }
|
|
7
|
-
static get encapsulation() { return "shadow"; }
|
|
8
|
-
static get originalStyleUrls() {
|
|
9
|
-
return {
|
|
10
|
-
"$": ["searchcraft-spinner-light.module.scss"]
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
static get styleUrls() {
|
|
14
|
-
return {
|
|
15
|
-
"$": ["searchcraft-spinner-light.module.css"]
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=searchcraft-spinner-light.js.map
|
package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"searchcraft-spinner-light.js","sourceRoot":"","sources":["../../../src/components/searchcraft-spinner-light/searchcraft-spinner-light.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,uBAAuB;IAClC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,cAAc,GAAG,CACxB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-spinner-light',\n styleUrl: 'searchcraft-spinner-light.module.scss',\n shadow: true,\n})\nexport class SearchcraftSpinnerLight {\n render() {\n return (\n <div class='spinnerContainer'>\n <div class='spinnerLight' />\n </div>\n );\n }\n}\n"]}
|
package/dist/collection/components/searchcraft-spinner-light/searchcraft-spinner-light.module.css
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
.spinnerContainer {
|
|
2
|
-
background-color: transparent;
|
|
3
|
-
height: 20px;
|
|
4
|
-
width: 20px;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.spinnerLight {
|
|
8
|
-
height: 100%;
|
|
9
|
-
width: 100%;
|
|
10
|
-
background: conic-gradient(#737373 50%, #FFFFFF);
|
|
11
|
-
clip-path: circle(50%);
|
|
12
|
-
mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 6.6666666667px, rgb(0, 0, 0) 6.6666666667px);
|
|
13
|
-
animation: spinning 1s linear infinite;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
@keyframes spinning {
|
|
17
|
-
0% {
|
|
18
|
-
transform: rotate(0deg);
|
|
19
|
-
}
|
|
20
|
-
50% {
|
|
21
|
-
transform: rotate(180deg);
|
|
22
|
-
}
|
|
23
|
-
100% {
|
|
24
|
-
transform: rotate(360deg);
|
|
25
|
-
}
|
|
26
|
-
}
|
package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"searchcraft-toggle-button.js","sourceRoot":"","sources":["../../../src/components/searchcraft-toggle-button/searchcraft-toggle-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAOtD,MAAM,OAAO,uBAAuB;;QAa1B,gBAAW,GAAG,mBAAmB,CAAC,QAAQ,EAAE,CAAC;QAe7C,iBAAY,GAAG,KAAK,IAAI,EAAE;YAChC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAE/B,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACzB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;gBAChD,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC;oBAC/B,IAAI;iBACL,CAAC,CAAC;YACL,CAAC;iBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAChC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC5C,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC;oBAC/B,IAAI;iBACL,CAAC,CAAC;YACL,CAAC;YAED,IAAI,CAAC;gBACH,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YAClC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YACzC,CAAC;QACH,CAAC,CAAC;oBA1C8B,MAAM;wBAElB,KAAK;qBACR,EAAE;4BACK,CAAC;;IAKzB,gBAAgB;QACd,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;;YACzD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;YAC/B,IAAI,CAAC,YAAY,GAAG,CAAA,MAAA,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,IAAI,0CAAE,IAAI,0CAAE,MAAM,KAAI,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAwBD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,EAAE,CAAC;YAC3C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,cACE,KAAK,EAAE,kBAAkB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACxD,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,QAAQ;YAEb,WAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,CACzD,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n tag: 'searchcraft-toggle-button',\n styleUrl: 'searchcraft-toggle-button.module.scss',\n shadow: true,\n})\nexport class SearchcraftToggleButton {\n /**\n * Type of the toggle - determines what it controls\n * 'mode': toggles between 'fuzzy' and 'normal'\n * 'sort': toggles between 'asc' and 'desc'\n */\n @Prop() type: 'mode' | 'sort' = 'mode';\n\n @State() isActive = false;\n @State() query = ''; // Track the query\n @State() resultsCount = 0; // Track the count of search results\n\n private unsubscribe: () => void;\n private searchStore = useSearchcraftStore.getState();\n\n componentDidLoad() {\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n this.query = state.query || '';\n this.resultsCount = state.searchResults?.data?.hits?.length || 0;\n });\n }\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n private handleToggle = async () => {\n this.isActive = !this.isActive;\n\n if (this.type === 'mode') {\n const mode = this.isActive ? 'normal' : 'fuzzy';\n this.searchStore.setSearchParams({\n mode,\n });\n } else if (this.type === 'sort') {\n const sort = this.isActive ? 'desc' : 'asc';\n this.searchStore.setSearchParams({\n sort,\n });\n }\n\n try {\n await this.searchStore.search();\n } catch (error) {\n console.error('Search failed:', error);\n }\n };\n\n render() {\n if (!this.query || this.resultsCount === 0) {\n return null;\n }\n\n return (\n <button\n class={`toggle-wrapper ${this.isActive ? 'active' : ''}`}\n onClick={this.handleToggle}\n type='button'\n >\n <div class={`toggle-switch ${this.isActive ? 'active' : ''}`} />\n </button>\n );\n }\n}\n"]}
|
package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.module.css
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
.toggle-wrapper {
|
|
2
|
-
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
|
|
3
|
-
margin-left: 10px;
|
|
4
|
-
border: none;
|
|
5
|
-
border-radius: 16px;
|
|
6
|
-
width: 44px;
|
|
7
|
-
height: 26px;
|
|
8
|
-
background: #ddd;
|
|
9
|
-
position: relative;
|
|
10
|
-
cursor: pointer;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.toggle-wrapper.active {
|
|
14
|
-
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
|
|
15
|
-
background: #007DB3;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.toggle-wrapper .toggle-switch {
|
|
19
|
-
width: 18px;
|
|
20
|
-
height: 18px;
|
|
21
|
-
background: #fff;
|
|
22
|
-
border-radius: 50%;
|
|
23
|
-
position: absolute;
|
|
24
|
-
top: calc(50% - 9px);
|
|
25
|
-
left: 4px;
|
|
26
|
-
transition: transform 0.3s ease;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.toggle-wrapper .toggle-switch.active {
|
|
30
|
-
transform: translateX(16px);
|
|
31
|
-
}
|
package/dist/collection/index.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview entry point for your component library
|
|
3
|
-
*
|
|
4
|
-
* This is the entry point for your component library. Use this file to export utilities,
|
|
5
|
-
* constants or data structure that accompany your components.
|
|
6
|
-
*
|
|
7
|
-
* DO NOT use this file to export your components. Instead, use the recommended approaches
|
|
8
|
-
* to consume components of this package as outlined in the `README.md`.
|
|
9
|
-
*/
|
|
10
|
-
// Export utility functions
|
|
11
|
-
export { extractDynamicProperties, parseCustomStyles, parseSearchKeys, serializeStyles, } from './utils/utils';
|
|
12
|
-
// Export Zustand store and useTheme hook
|
|
13
|
-
export { useSearchcraftStore, useThemeStore } from './provider/store';
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,2BAA2B;AAC3B,OAAO,EACL,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAChB,MAAM,eAAe,CAAC;AAEvB,yCAAyC;AACzC,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from './components';\n\n// Export utility functions\nexport {\n extractDynamicProperties,\n parseCustomStyles,\n parseSearchKeys,\n serializeStyles,\n} from './utils/utils';\n\n// Export Zustand store and useTheme hook\nexport { useSearchcraftStore, useThemeStore } from './provider/store';\n\nexport { Components } from './components';\n"]}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { create } from "zustand";
|
|
2
|
-
import { SDKDebugger, LogLevel, } from "@searchcraft/core";
|
|
3
|
-
// Zustand store for Searchcraft state
|
|
4
|
-
const useSearchcraftStore = create((set, get) => {
|
|
5
|
-
let searchcraft = null;
|
|
6
|
-
let debuggerInstance = null;
|
|
7
|
-
const log = (level, message) => {
|
|
8
|
-
if (debuggerInstance) {
|
|
9
|
-
switch (level) {
|
|
10
|
-
case LogLevel.DEBUG:
|
|
11
|
-
debuggerInstance.debug(message);
|
|
12
|
-
break;
|
|
13
|
-
case LogLevel.INFO:
|
|
14
|
-
debuggerInstance.info(message);
|
|
15
|
-
break;
|
|
16
|
-
case LogLevel.WARN:
|
|
17
|
-
debuggerInstance.warn(message);
|
|
18
|
-
break;
|
|
19
|
-
case LogLevel.ERROR:
|
|
20
|
-
debuggerInstance.error(message);
|
|
21
|
-
break;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
return {
|
|
26
|
-
query: '',
|
|
27
|
-
isRequesting: false,
|
|
28
|
-
searchResults: null,
|
|
29
|
-
facets: null,
|
|
30
|
-
selectedFilters: [], // Initialize selected filters as an empty array
|
|
31
|
-
searchParams: {
|
|
32
|
-
mode: 'fuzzy',
|
|
33
|
-
sort: 'asc',
|
|
34
|
-
},
|
|
35
|
-
setQuery: (query) => set({ query }),
|
|
36
|
-
setSearchResults: (results) => set({ searchResults: results }),
|
|
37
|
-
setFacets: (facets) => set({ facets }),
|
|
38
|
-
setSelectedFilters: (filters) => set({ selectedFilters: filters }), // Update the selected filters
|
|
39
|
-
setIsRequesting: (isRequesting) => set({ isRequesting }),
|
|
40
|
-
setSearchParams: (params) => set((state) => ({
|
|
41
|
-
searchParams: Object.assign(Object.assign({}, state.searchParams), params),
|
|
42
|
-
})),
|
|
43
|
-
setYearsRange: (yearsRange) => set((state) => ({
|
|
44
|
-
searchParams: Object.assign(Object.assign({}, state.searchParams), { yearsRange }),
|
|
45
|
-
})),
|
|
46
|
-
search: async () => {
|
|
47
|
-
const { query, selectedFilters, setIsRequesting, setSearchResults, setFacets, searchParams, } = get();
|
|
48
|
-
if (!searchcraft) {
|
|
49
|
-
throw new Error('Searchcraft instance is not initialized.');
|
|
50
|
-
}
|
|
51
|
-
setIsRequesting(true);
|
|
52
|
-
log(LogLevel.INFO, `Starting search with query: "${query}"`);
|
|
53
|
-
try {
|
|
54
|
-
const counts = selectedFilters.reduce((acc, filter) => {
|
|
55
|
-
const cleanedFilter = filter.replace(/^section:/, '');
|
|
56
|
-
acc[cleanedFilter] = 1;
|
|
57
|
-
return acc;
|
|
58
|
-
}, {});
|
|
59
|
-
const searchRequest = {
|
|
60
|
-
query,
|
|
61
|
-
mode: searchParams.mode,
|
|
62
|
-
sort: searchParams.sort,
|
|
63
|
-
facets: selectedFilters.length > 0 ? { section: { counts } } : null,
|
|
64
|
-
yearsRange: searchParams.yearsRange,
|
|
65
|
-
};
|
|
66
|
-
const results = await searchcraft.search(searchRequest);
|
|
67
|
-
setSearchResults(results);
|
|
68
|
-
const updatedFacets = results.data.facets || null;
|
|
69
|
-
setFacets(updatedFacets);
|
|
70
|
-
log(LogLevel.DEBUG, `Search results: ${JSON.stringify(results)}`);
|
|
71
|
-
log(LogLevel.DEBUG, `Updated facets: ${JSON.stringify(updatedFacets)}`);
|
|
72
|
-
}
|
|
73
|
-
catch (error) {
|
|
74
|
-
console.error(`Search failed: ${error.message}`);
|
|
75
|
-
log(LogLevel.ERROR, `Search failed with error: ${error.message}`);
|
|
76
|
-
}
|
|
77
|
-
finally {
|
|
78
|
-
setIsRequesting(false);
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
initialize: (searchcraftInstance, debug = false) => {
|
|
82
|
-
searchcraft = searchcraftInstance;
|
|
83
|
-
debuggerInstance = debug
|
|
84
|
-
? new SDKDebugger({ logLevel: LogLevel.DEBUG })
|
|
85
|
-
: null;
|
|
86
|
-
log(LogLevel.INFO, 'Searchcraft store initialized.');
|
|
87
|
-
},
|
|
88
|
-
};
|
|
89
|
-
});
|
|
90
|
-
// Zustand store for Theme state
|
|
91
|
-
const useThemeStore = create((set) => ({
|
|
92
|
-
theme: 'light',
|
|
93
|
-
toggleTheme: () => set((state) => ({ theme: state.theme === 'light' ? 'dark' : 'light' })),
|
|
94
|
-
}));
|
|
95
|
-
// Export the Zustand stores for use in Stencil components
|
|
96
|
-
export { useSearchcraftStore, useThemeStore };
|
|
97
|
-
//# sourceMappingURL=store.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/provider/store.tsx"],"names":[],"mappings":"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","sourcesContent":["import { create } from 'zustand';\nimport {\n type CoreSDK as SearchcraftCore,\n SDKDebugger,\n LogLevel,\n type SearchcraftResponse,\n type Facets,\n} from '@searchcraft/core';\n\ninterface ThemeState {\n theme: 'light' | 'dark';\n toggleTheme: () => void;\n}\n\ninterface SearchParams {\n mode: 'fuzzy' | 'normal';\n sort: 'asc' | 'desc';\n yearsRange?: [number, number];\n}\n\ninterface SearchcraftState {\n query: string;\n isRequesting: boolean;\n searchResults: SearchcraftResponse | null;\n facets: Facets | null;\n selectedFilters: string[]; // Add this to store selected filters\n searchParams: SearchParams;\n setQuery: (query: string) => void;\n setSearchResults: (results: SearchcraftResponse | null) => void;\n setFacets: (facets: Facets) => void;\n setSelectedFilters: (filters: string[]) => void; // Update selected filters\n setIsRequesting: (isRequesting: boolean) => void;\n setSearchParams: (params: Partial<SearchParams>) => void;\n setYearsRange: (yearsRange: [number, number]) => void;\n search: () => Promise<void>;\n initialize: (searchcraft: SearchcraftCore, debug?: boolean) => void;\n}\n\n// Zustand store for Searchcraft state\nconst useSearchcraftStore = create<SearchcraftState>((set, get) => {\n let searchcraft: SearchcraftCore | null = null;\n let debuggerInstance: SDKDebugger | null = null;\n\n const log = (level: LogLevel, message: string) => {\n if (debuggerInstance) {\n switch (level) {\n case LogLevel.DEBUG:\n debuggerInstance.debug(message);\n break;\n case LogLevel.INFO:\n debuggerInstance.info(message);\n break;\n case LogLevel.WARN:\n debuggerInstance.warn(message);\n break;\n case LogLevel.ERROR:\n debuggerInstance.error(message);\n break;\n }\n }\n };\n\n return {\n query: '',\n isRequesting: false,\n searchResults: null,\n facets: null,\n selectedFilters: [], // Initialize selected filters as an empty array\n searchParams: {\n mode: 'fuzzy',\n sort: 'asc',\n },\n setQuery: (query) => set({ query }),\n setSearchResults: (results) => set({ searchResults: results }),\n setFacets: (facets) => set({ facets }),\n setSelectedFilters: (filters) => set({ selectedFilters: filters }), // Update the selected filters\n setIsRequesting: (isRequesting) => set({ isRequesting }),\n setSearchParams: (params) =>\n set((state) => ({\n searchParams: {\n ...state.searchParams,\n ...params,\n },\n })),\n setYearsRange: (yearsRange) =>\n set((state) => ({\n searchParams: {\n ...state.searchParams,\n yearsRange,\n },\n })),\n search: async () => {\n const {\n query,\n selectedFilters,\n setIsRequesting,\n setSearchResults,\n setFacets,\n searchParams,\n } = get();\n if (!searchcraft) {\n throw new Error('Searchcraft instance is not initialized.');\n }\n setIsRequesting(true);\n log(LogLevel.INFO, `Starting search with query: \"${query}\"`);\n\n try {\n const counts: Record<string, number> = selectedFilters.reduce(\n (acc, filter) => {\n const cleanedFilter = filter.replace(/^section:/, '');\n acc[cleanedFilter] = 1;\n return acc;\n },\n {} as Record<string, number>,\n );\n\n const searchRequest = {\n query,\n mode: searchParams.mode,\n sort: searchParams.sort,\n facets: selectedFilters.length > 0 ? { section: { counts } } : null,\n yearsRange: searchParams.yearsRange,\n };\n\n const results = await searchcraft.search(searchRequest);\n setSearchResults(results);\n const updatedFacets = results.data.facets || null;\n setFacets(updatedFacets);\n\n log(LogLevel.DEBUG, `Search results: ${JSON.stringify(results)}`);\n log(LogLevel.DEBUG, `Updated facets: ${JSON.stringify(updatedFacets)}`);\n } catch (error) {\n console.error(`Search failed: ${(error as Error).message}`);\n log(\n LogLevel.ERROR,\n `Search failed with error: ${(error as Error).message}`,\n );\n } finally {\n setIsRequesting(false);\n }\n },\n initialize: (searchcraftInstance, debug = false) => {\n searchcraft = searchcraftInstance;\n debuggerInstance = debug\n ? new SDKDebugger({ logLevel: LogLevel.DEBUG })\n : null;\n\n log(LogLevel.INFO, 'Searchcraft store initialized.');\n },\n };\n});\n\n// Zustand store for Theme state\nconst useThemeStore = create<ThemeState>((set) => ({\n theme: 'light',\n toggleTheme: () =>\n set((state) => ({ theme: state.theme === 'light' ? 'dark' : 'light' })),\n}));\n\n// Export the Zustand stores for use in Stencil components\nexport { useSearchcraftStore, useThemeStore };\n"]}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
export function parseCustomStyles(styles) {
|
|
2
|
-
if (typeof styles === 'string') {
|
|
3
|
-
try {
|
|
4
|
-
return JSON.parse(styles);
|
|
5
|
-
}
|
|
6
|
-
catch (error) {
|
|
7
|
-
console.error('Invalid customStyles format:', styles);
|
|
8
|
-
return {};
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
return styles || {};
|
|
12
|
-
}
|
|
13
|
-
export function parseSearchKeys(documentAttributesForDisplay) {
|
|
14
|
-
try {
|
|
15
|
-
// Attempt to parse the string as JSON
|
|
16
|
-
const parsedKeys = JSON.parse(documentAttributesForDisplay);
|
|
17
|
-
if (Array.isArray(parsedKeys) &&
|
|
18
|
-
parsedKeys.every((key) => typeof key === 'string')) {
|
|
19
|
-
return parsedKeys; // Return the array if it's valid
|
|
20
|
-
}
|
|
21
|
-
console.warn('searchKeys must be a JSON array of strings. Defaulting to an empty array.');
|
|
22
|
-
return [];
|
|
23
|
-
}
|
|
24
|
-
catch (error) {
|
|
25
|
-
console.error('Failed to parse searchKeys:', error);
|
|
26
|
-
return []; // Return an empty array in case of a parsing error
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
export function extractDynamicProperties(document, keys) {
|
|
30
|
-
const extractedProperties = {};
|
|
31
|
-
keys.forEach((key) => {
|
|
32
|
-
extractedProperties[key] = document[key] || '';
|
|
33
|
-
});
|
|
34
|
-
return extractedProperties;
|
|
35
|
-
}
|
|
36
|
-
export function serializeStyles(styles) {
|
|
37
|
-
try {
|
|
38
|
-
return JSON.stringify(styles);
|
|
39
|
-
}
|
|
40
|
-
catch (error) {
|
|
41
|
-
console.error('Error serializing styles:', error);
|
|
42
|
-
return '{}';
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAC/B,MAAuC;IAEvC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC/B,IAAI,CAAC;YACH,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,MAAM,CAAC,CAAC;YACtD,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;IACD,OAAO,MAAM,IAAI,EAAE,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,4BAAoC;IAEpC,IAAI,CAAC;QACH,sCAAsC;QACtC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;QAC5D,IACE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,EAClD,CAAC;YACD,OAAO,UAAU,CAAC,CAAC,iCAAiC;QACtD,CAAC;QACD,OAAO,CAAC,IAAI,CACV,2EAA2E,CAC5E,CAAC;QACF,OAAO,EAAE,CAAC;IACZ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAC;QACpD,OAAO,EAAE,CAAC,CAAC,mDAAmD;IAChE,CAAC;AACH,CAAC;AAED,MAAM,UAAU,wBAAwB,CACtC,QAAyC,EACzC,IAAc;IAEd,MAAM,mBAAmB,GAAoC,EAAE,CAAC;IAChE,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACnB,mBAAmB,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;IACH,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,MAA8C;IAE9C,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;QAClD,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC","sourcesContent":["export function parseCustomStyles(\n styles: string | Record<string, string>,\n): Record<string, string> {\n if (typeof styles === 'string') {\n try {\n return JSON.parse(styles);\n } catch (error) {\n console.error('Invalid customStyles format:', styles);\n return {};\n }\n }\n return styles || {};\n}\n\nexport function parseSearchKeys(\n documentAttributesForDisplay: string,\n): string[] {\n try {\n // Attempt to parse the string as JSON\n const parsedKeys = JSON.parse(documentAttributesForDisplay);\n if (\n Array.isArray(parsedKeys) &&\n parsedKeys.every((key) => typeof key === 'string')\n ) {\n return parsedKeys; // Return the array if it's valid\n }\n console.warn(\n 'searchKeys must be a JSON array of strings. Defaulting to an empty array.',\n );\n return [];\n } catch (error) {\n console.error('Failed to parse searchKeys:', error);\n return []; // Return an empty array in case of a parsing error\n }\n}\n\nexport function extractDynamicProperties(\n document: Record<string, string | number>,\n keys: string[],\n) {\n const extractedProperties: Record<string, string | number> = {};\n keys.forEach((key) => {\n extractedProperties[key] = document[key] || '';\n });\n return extractedProperties;\n}\n\nexport function serializeStyles(\n styles: Record<string, Record<string, string>>,\n): string {\n try {\n return JSON.stringify(styles);\n } catch (error) {\n console.error('Error serializing styles:', error);\n return '{}';\n }\n}\n"]}
|
package/dist/components/index.js
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { SearchcraftAutoSearchForm } from './searchcraft-auto-search-form.js';
|
|
2
|
-
import { SearchcraftBaseSearchForm } from './searchcraft-base-search-form.js';
|
|
3
|
-
import { SearchcraftBaseSearchResult } from './searchcraft-base-search-result.js';
|
|
4
|
-
import { SearchcraftBaseSearchResults } from './searchcraft-base-search-results.js';
|
|
5
|
-
import { SearchcraftButton } from './searchcraft-button.js';
|
|
6
|
-
import { SearchcraftButtonIcon } from './searchcraft-button-icon.js';
|
|
7
|
-
import { SearchcraftClearIconSet } from './searchcraft-clear-icon-set.js';
|
|
8
|
-
import { SearchcraftClearInputButton } from './searchcraft-clear-input-button.js';
|
|
9
|
-
import { SearchcraftErrorMessage } from './searchcraft-error-message.js';
|
|
10
|
-
import { SearchcraftFiltersList } from './searchcraft-filters-list.js';
|
|
11
|
-
import { SearchcraftInput } from './searchcraft-input.js';
|
|
12
|
-
import { SearchcraftInputCaption } from './searchcraft-input-caption.js';
|
|
13
|
-
import { SearchcraftInputIcon } from './searchcraft-input-icon.js';
|
|
14
|
-
import { SearchcraftInputLabel } from './searchcraft-input-label.js';
|
|
15
|
-
import { SearchcraftResultsInfo } from './searchcraft-results-info.js';
|
|
16
|
-
import { SearchcraftSearchIconSet } from './searchcraft-search-icon-set.js';
|
|
17
|
-
import { SearchcraftSlider } from './searchcraft-slider.js';
|
|
18
|
-
import { SearchcraftSpinnerDark } from './searchcraft-spinner-dark.js';
|
|
19
|
-
import { SearchcraftSpinnerLight } from './searchcraft-spinner-light.js';
|
|
20
|
-
import { SearchcraftToggleButton } from './searchcraft-toggle-button.js';
|
|
21
|
-
export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-7498e493.js';
|
|
22
|
-
export { e as extractDynamicProperties, p as parseCustomStyles, a as parseSearchKeys, s as serializeStyles } from './p-aff5cd24.js';
|
|
23
|
-
export { u as useSearchcraftStore, a as useThemeStore } from './p-99971aa9.js';
|
|
24
|
-
|
|
25
|
-
const defineCustomElements = (opts) => {
|
|
26
|
-
if (typeof customElements !== 'undefined') {
|
|
27
|
-
[
|
|
28
|
-
SearchcraftAutoSearchForm,
|
|
29
|
-
SearchcraftBaseSearchForm,
|
|
30
|
-
SearchcraftBaseSearchResult,
|
|
31
|
-
SearchcraftBaseSearchResults,
|
|
32
|
-
SearchcraftButton,
|
|
33
|
-
SearchcraftButtonIcon,
|
|
34
|
-
SearchcraftClearIconSet,
|
|
35
|
-
SearchcraftClearInputButton,
|
|
36
|
-
SearchcraftErrorMessage,
|
|
37
|
-
SearchcraftFiltersList,
|
|
38
|
-
SearchcraftInput,
|
|
39
|
-
SearchcraftInputCaption,
|
|
40
|
-
SearchcraftInputIcon,
|
|
41
|
-
SearchcraftInputLabel,
|
|
42
|
-
SearchcraftResultsInfo,
|
|
43
|
-
SearchcraftSearchIconSet,
|
|
44
|
-
SearchcraftSlider,
|
|
45
|
-
SearchcraftSpinnerDark,
|
|
46
|
-
SearchcraftSpinnerLight,
|
|
47
|
-
SearchcraftToggleButton,
|
|
48
|
-
].forEach(cmp => {
|
|
49
|
-
if (!customElements.get(cmp.is)) {
|
|
50
|
-
customElements.define(cmp.is, cmp, opts);
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
export { defineCustomElements };
|
|
57
|
-
|
|
58
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h } from './p-7498e493.js';
|
|
2
|
-
import { d as defineCustomElement$1 } from './p-a3bd1bc8.js';
|
|
3
|
-
|
|
4
|
-
const searchcraftInputIconModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.inputIconLTR{left:15px;position:absolute;top:50%;transform:translateY(-50%)}.inputIconRTL{position:absolute;right:15px;top:50%;transform:translateY(-50%)}";
|
|
5
|
-
const SearchcraftInputIconStyle0 = searchcraftInputIconModuleCss;
|
|
6
|
-
|
|
7
|
-
const SearchcraftInputIcon = /*@__PURE__*/ proxyCustomElement(class SearchcraftInputIcon extends H {
|
|
8
|
-
constructor() {
|
|
9
|
-
super();
|
|
10
|
-
this.__registerHost();
|
|
11
|
-
this.__attachShadow();
|
|
12
|
-
this.error = undefined;
|
|
13
|
-
this.rightToLeftOrientation = false;
|
|
14
|
-
this.height = 20;
|
|
15
|
-
this.width = 20;
|
|
16
|
-
this.theme = 'light';
|
|
17
|
-
}
|
|
18
|
-
isLightTheme() {
|
|
19
|
-
return this.theme === 'light';
|
|
20
|
-
}
|
|
21
|
-
render() {
|
|
22
|
-
return this.error ? (h("div", { class: this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR' }, this.isLightTheme() ? (h("searchcraft-search-icon-set", { height: this.height, type: 'error-light', width: this.width })) : (h("searchcraft-search-icon-set", { height: this.height, type: 'error-dark', width: this.width })))) : (h("div", { class: this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR' }, this.isLightTheme() ? (h("searchcraft-search-icon-set", { height: this.height, type: 'search-light', width: this.width })) : (h("searchcraft-search-icon-set", { height: this.height, type: 'search-dark', width: this.width }))));
|
|
23
|
-
}
|
|
24
|
-
static get style() { return SearchcraftInputIconStyle0; }
|
|
25
|
-
}, [1, "searchcraft-input-icon", {
|
|
26
|
-
"error": [4],
|
|
27
|
-
"rightToLeftOrientation": [4, "right-to-left-orientation"],
|
|
28
|
-
"height": [2],
|
|
29
|
-
"width": [2],
|
|
30
|
-
"theme": [32]
|
|
31
|
-
}]);
|
|
32
|
-
function defineCustomElement() {
|
|
33
|
-
if (typeof customElements === "undefined") {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
const components = ["searchcraft-input-icon", "searchcraft-search-icon-set"];
|
|
37
|
-
components.forEach(tagName => { switch (tagName) {
|
|
38
|
-
case "searchcraft-input-icon":
|
|
39
|
-
if (!customElements.get(tagName)) {
|
|
40
|
-
customElements.define(tagName, SearchcraftInputIcon);
|
|
41
|
-
}
|
|
42
|
-
break;
|
|
43
|
-
case "searchcraft-search-icon-set":
|
|
44
|
-
if (!customElements.get(tagName)) {
|
|
45
|
-
defineCustomElement$1();
|
|
46
|
-
}
|
|
47
|
-
break;
|
|
48
|
-
} });
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
export { SearchcraftInputIcon as S, defineCustomElement as d };
|
|
52
|
-
|
|
53
|
-
//# sourceMappingURL=p-1101288c.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-1101288c.js","mappings":";;;AAAA,MAAM,6BAA6B,GAAG,6MAA6M,CAAC;AACpP,mCAAe,6BAA6B;;MCM/B,oBAAoB;;;;;;sCASE,KAAK;sBACrB,EAAE;qBACH,EAAE;qBAED,OAAO;;IAEhB,YAAY;QAClB,OAAO,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;KAC/B;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,IACf,WACE,KAAK,EAAE,IAAI,CAAC,sBAAsB,GAAG,cAAc,GAAG,cAAc,IAEnE,IAAI,CAAC,YAAY,EAAE,IAClB,mCACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,KAEF,mCACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CACG,KAEN,WACE,KAAK,EAAE,IAAI,CAAC,sBAAsB,GAAG,cAAc,GAAG,cAAc,IAEnE,IAAI,CAAC,YAAY,EAAE,IAClB,mCACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,KAEF,mCACE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CACG,CACP,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-input-icon/searchcraft-input-icon.module.scss?tag=searchcraft-input-icon&encapsulation=shadow","src/components/searchcraft-input-icon/searchcraft-input-icon.tsx"],"sourcesContent":[":root {\n --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.inputIconLTR {\n left: 15px;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.inputIconRTL {\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\n}","import { Component, Prop, h, State } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-input-icon',\n styleUrl: 'searchcraft-input-icon.module.scss',\n shadow: true,\n})\nexport class SearchcraftInputIcon {\n /**\n * Determines if an error icon should be displayed.\n */\n @Prop() error?: boolean;\n\n /**\n * Determines if the layout should be right-to-left.\n */\n @Prop() rightToLeftOrientation = false;\n @Prop() height = 20;\n @Prop() width = 20;\n\n @State() theme = 'light';\n\n private isLightTheme() {\n return this.theme === 'light';\n }\n\n render() {\n return this.error ? (\n <div\n class={this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR'}\n >\n {this.isLightTheme() ? (\n <searchcraft-search-icon-set\n height={this.height}\n type='error-light'\n width={this.width}\n />\n ) : (\n <searchcraft-search-icon-set\n height={this.height}\n type='error-dark'\n width={this.width}\n />\n )}\n </div>\n ) : (\n <div\n class={this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR'}\n >\n {this.isLightTheme() ? (\n <searchcraft-search-icon-set\n height={this.height}\n type='search-light'\n width={this.width}\n />\n ) : (\n <searchcraft-search-icon-set\n height={this.height}\n type='search-dark'\n width={this.width}\n />\n )}\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h } from './p-7498e493.js';
|
|
2
|
-
|
|
3
|
-
const searchcraftSpinnerDarkModuleCss = ".spinnerContainer{background-color:transparent;height:20px;width:20px}.spinnerDark{height:100%;width:100%;background:conic-gradient(#000 50%, #FFFFFF);clip-path:circle(50%);mask-image:radial-gradient(circle at center, rgba(0, 0, 0, 0) 6.6666666667px, rgb(0, 0, 0) 6.6666666667px);animation:spinning 1s linear infinite}.spinnerLight{height:100%;width:100%;background:conic-gradient(#737373 50%, #FFFFFF);clip-path:circle(50%);mask-image:radial-gradient(circle at center, rgba(0, 0, 0, 0) 6.6666666667px, rgb(0, 0, 0) 6.6666666667px);animation:spinning 1s linear infinite}@keyframes spinning{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}";
|
|
4
|
-
const SearchcraftSpinnerDarkStyle0 = searchcraftSpinnerDarkModuleCss;
|
|
5
|
-
|
|
6
|
-
const SearchcraftSpinnerDark = /*@__PURE__*/ proxyCustomElement(class SearchcraftSpinnerDark extends H {
|
|
7
|
-
constructor() {
|
|
8
|
-
super();
|
|
9
|
-
this.__registerHost();
|
|
10
|
-
this.__attachShadow();
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return (h("div", { key: '60b629930c2e2795236f6768b40c95ce9390e882', class: 'spinnerContainer' }, h("div", { key: 'bfef3329f2e81ecf6538738ac0213da6259dd1c3', class: 'spinnerDark' })));
|
|
14
|
-
}
|
|
15
|
-
static get style() { return SearchcraftSpinnerDarkStyle0; }
|
|
16
|
-
}, [1, "searchcraft-spinner-dark"]);
|
|
17
|
-
function defineCustomElement() {
|
|
18
|
-
if (typeof customElements === "undefined") {
|
|
19
|
-
return;
|
|
20
|
-
}
|
|
21
|
-
const components = ["searchcraft-spinner-dark"];
|
|
22
|
-
components.forEach(tagName => { switch (tagName) {
|
|
23
|
-
case "searchcraft-spinner-dark":
|
|
24
|
-
if (!customElements.get(tagName)) {
|
|
25
|
-
customElements.define(tagName, SearchcraftSpinnerDark);
|
|
26
|
-
}
|
|
27
|
-
break;
|
|
28
|
-
} });
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export { SearchcraftSpinnerDark as S, defineCustomElement as d };
|
|
32
|
-
|
|
33
|
-
//# sourceMappingURL=p-15dd4fe4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-15dd4fe4.js","mappings":";;AAAA,MAAM,+BAA+B,GAAG,sqBAAsqB,CAAC;AAC/sB,qCAAe,+BAA+B;;MCMjC,sBAAsB;;;;;;IACjC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,aAAa,GAAG,CACvB,EACN;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.module.scss?tag=searchcraft-spinner-dark&encapsulation=shadow","src/components/searchcraft-spinner-dark/searchcraft-spinner-dark.tsx"],"sourcesContent":["$spinner-size: 20px;\n\n.spinnerContainer {\n background-color: transparent;\n height: $spinner-size;\n width: $spinner-size;\n}\n\n.spinnerDark {\n height: 100%;\n width: 100%;\n background: conic-gradient(#000 50%, #FFFFFF);\n clip-path: circle(50%);\n mask-image: radial-gradient(circle at center, rgba(0,0,0,0) calc($spinner-size/3), rgba(0,0,0,1) calc($spinner-size/3));\n animation: spinning 1s linear infinite;\n}\n\n.spinnerLight {\n height: 100%;\n width: 100%;\n background: conic-gradient(#737373 50%, #FFFFFF);\n clip-path: circle(50%);\n mask-image: radial-gradient(circle at center, rgba(0,0,0,0) calc($spinner-size/3), rgba(0,0,0,1) calc($spinner-size/3));\n animation: spinning 1s linear infinite;\n}\n\n@keyframes spinning {\n 0% { transform: rotate(0deg); }\n 50% {transform: rotate(180deg);}\n 100% { transform: rotate(360deg); }\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-spinner-dark',\n styleUrl: 'searchcraft-spinner-dark.module.scss',\n shadow: true,\n})\nexport class SearchcraftSpinnerDark {\n render() {\n return (\n <div class='spinnerContainer'>\n <div class='spinnerDark' />\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-2350c0ab.js","mappings":"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","names":[],"sources":["src/components/searchcraft-input/searchcraft-input.module.scss?tag=searchcraft-input&encapsulation=shadow","src/components/searchcraft-input/searchcraft-input.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin input-container-base {\n position: relative;\n width: 100%;\n}\n\n@mixin input-base {\n border: none;\n border-radius: 8px;\n font-family: var(--font-stack);\n outline: none;\n padding-bottom: 15px;\n padding-top: 15px;\n width: 100%;\n\n &::placeholder {\n font-family: var(--font-stack);\n font-size: 16px;\n }\n}\n\n@mixin input-base-light {\n @include input-base;\n background-color: $light-input-background-color;\n color: $light-input-label-color;\n\n &::placeholder {\n color: $light-input-placeholder-color;\n }\n\n &:focus {\n outline: 2px solid $light-input-outline-focus;\n }\n}\n\n@mixin input-base-dark {\n @include input-base;\n background-color: $dark-input-background-color;\n color: $dark-input-label-color;\n\n &::placeholder {\n color: $dark-input-placeholder-color;\n }\n\n &:focus {\n outline: 2px solid $dark-input-outline-focus;\n }\n}\n\n@mixin input-error-base-light {\n @include input-base-light;\n outline: 2px solid $light-input-error-outline;\n\n &:focus-visible {\n outline: 2px solid $light-input-error-outline,\n }\n}\n\n@mixin input-error-base-dark {\n @include input-base-dark;\n outline: 2px solid $dark-input-error-outline;\n\n &:focus-visible {\n outline: 2px solid $dark-input-error-outline;\n }\n}\n\n.inputContainerLTR {\n @include input-container-base;\n}\n\n.inputContainerRTL {\n @include input-container-base;\n margin-left: 8px;\n}\n\n@mixin align-LTR {\n margin-right: 8px;\n padding-left: 36px;\n padding-right: 16px;\n}\n\n.inputLightLTR {\n @include input-base-light;\n @include align-LTR;\n}\n\n.inputDarkLTR {\n @include input-base-dark;\n @include align-LTR;\n}\n\n.inputErrorLightLTR {\n @include input-error-base-light;\n @include align-LTR;\n}\n\n.inputErrorDarkLTR {\n @include input-error-base-dark;\n @include align-LTR;\n}\n\n@mixin align-RTL {\n margin-left: 8px;\n padding-left: 16px;\n padding-right: 36px;\n text-align: right;\n}\n\n.inputLightRTL {\n @include input-base-light;\n @include align-RTL;\n}\n\n.inputDarkRTL {\n @include input-base-dark;\n @include align-RTL;\n}\n\n.inputErrorLightRTL {\n @include input-error-base-light;\n @include align-RTL;\n}\n\n.inputErrorDarkRTL {\n @include input-error-base-dark;\n @include align-RTL;\n}\n\n.inputWrapper {\n align-items: center;\n display: flex;\n position: relative;\n width: 100%;\n}\n","import {\n Component,\n h,\n Prop,\n State,\n Event,\n Fragment,\n type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { parseCustomStyles } from '@utils/utils';\n\nexport interface ScInputCustomEvent<T> extends CustomEvent<T> {\n detail: T;\n target: HTMLSearchcraftInputElement;\n}\n\n@Component({\n tag: 'searchcraft-input',\n styleUrl: 'searchcraft-input.module.scss',\n shadow: true,\n})\nexport class SearchcraftInput {\n @Prop() customStyles: string | Record<string, string> = {};\n @Prop() error = false;\n @Prop() formClassName = '';\n @Prop() inputCaptionClassName = '';\n @Prop() inputCaptionValue = '';\n @Prop() inputClassName = '';\n @Prop() inputIconHeight = 20;\n @Prop() inputIconWidth = 20;\n @Prop() isRequesting = false;\n @Prop() placeholderValue = 'Enter Search';\n @Prop() rightToLeftOrientation = false;\n @Prop() query = '';\n\n @Event() clearInput: EventEmitter<void>;\n @Event() searchInputChange: EventEmitter<string>;\n @Event() inputKeyUp: EventEmitter<string>;\n\n @State() theme = 'light';\n\n private get isLightTheme() {\n return this.theme === 'light';\n }\n\n handleInputChange(event: Event) {\n const input = event.target as HTMLInputElement;\n this.searchInputChange.emit(input.value);\n }\n\n handleInputKeyUp(event: KeyboardEvent) {\n const input = event.target as HTMLInputElement;\n this.inputKeyUp.emit(input.value);\n }\n\n handleClearInput() {\n if (this.clearInput) {\n this.clearInput.emit();\n }\n }\n\n render() {\n const containerClassName = this.rightToLeftOrientation\n ? 'inputContainerRTL'\n : 'inputContainerLTR';\n\n const inputClassName = classNames(\n this.error\n ? this.isLightTheme\n ? 'inputErrorLightRTL'\n : 'inputErrorDarkRTL'\n : this.isLightTheme\n ? 'inputLightLTR'\n : 'inputDarkLTR',\n 'searchcraft-input',\n );\n\n const validatedCustomStyles = parseCustomStyles(this.customStyles);\n\n const placeholderStyle = {\n fontSize: validatedCustomStyles.placeholderFontSize || '16px',\n };\n return (\n <div\n class={classNames(\n containerClassName,\n this.formClassName,\n 'searchcraft-input-form',\n )}\n >\n {this.rightToLeftOrientation ? (\n <Fragment>\n <input\n autoComplete='off'\n class={classNames(inputClassName, 'searchcraft-input')}\n id='searchcraft-input-id'\n onChange={this.handleInputChange.bind(this)}\n onKeyUp={this.handleInputKeyUp.bind(this)}\n placeholder={this.placeholderValue}\n type='text'\n value={this.query}\n style={validatedCustomStyles}\n />\n <style>\n {`\n #searchcraft-input-id::placeholder {\n font-size: ${placeholderStyle.fontSize};\n }\n `}\n </style>\n {this.inputCaptionValue && (\n <searchcraft-input-caption\n inputCaptionClassName={this.inputCaptionClassName}\n inputCaptionValue={this.inputCaptionValue}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n )}\n {this.query.length > 0 && (\n <searchcraft-clear-input-button\n isRequesting={this.isRequesting}\n onClearInput={this.handleClearInput}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n )}\n <searchcraft-input-icon\n error={this.error}\n height={this.inputIconHeight}\n rightToLeftOrientation={this.rightToLeftOrientation}\n width={this.inputIconWidth}\n />\n </Fragment>\n ) : (\n <Fragment>\n <searchcraft-input-icon\n error={this.error}\n height={this.inputIconHeight}\n rightToLeftOrientation={this.rightToLeftOrientation}\n width={this.inputIconWidth}\n />\n <input\n autoComplete='off'\n class={classNames(inputClassName, 'searchcraft-input')}\n id='searchcraft-input-id'\n onChange={this.handleInputChange.bind(this)}\n onKeyUp={this.handleInputKeyUp.bind(this)}\n placeholder={this.placeholderValue}\n type='text'\n value={this.query}\n style={validatedCustomStyles}\n />\n <style>\n {`\n #searchcraft-input-id::placeholder {\n font-size: ${placeholderStyle.fontSize};\n }\n `}\n </style>\n {this.inputCaptionValue && (\n <searchcraft-input-caption\n inputCaptionClassName={this.inputCaptionClassName}\n inputCaptionValue={this.inputCaptionValue}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n )}\n {this.query.length > 0 && (\n <searchcraft-clear-input-button\n isRequesting={this.isRequesting}\n onClearInput={this.handleClearInput}\n rightToLeftOrientation={this.rightToLeftOrientation}\n />\n )}\n </Fragment>\n )}\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-5cdc6210.js","mappings":";;;;;;;;;AAKA;AACA;AACA,CAAC,YAAY;AAEb;AACA,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;AAChC;AACA,CAAC,SAAS,UAAU,IAAI;AACxB,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC;AACnB;AACA,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAC1B,GAAG,IAAI,GAAG,EAAE;AACZ,IAAI,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,IAAI;AACJ,GAAG;AACH;AACA,EAAE,OAAO,OAAO,CAAC;AACjB,EAAE;AACF;AACA,CAAC,SAAS,UAAU,EAAE,GAAG,EAAE;AAC3B,EAAE,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC1D,GAAG,OAAO,GAAG,CAAC;AACd,GAAG;AACH;AACA,EAAE,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC/B,GAAG,OAAO,EAAE,CAAC;AACb,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAC1B,GAAG,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AACtC,GAAG;AACH;AACA,EAAE,IAAI,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,SAAS,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;AACxG,GAAG,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;AACzB,GAAG;AACH;AACA,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC;AACnB;AACA,EAAE,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;AACvB,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AAC1C,IAAI,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;AACxC,IAAI;AACJ,GAAG;AACH;AACA,EAAE,OAAO,OAAO,CAAC;AACjB,EAAE;AACF;AACA,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;AACxC,EAAE,IAAI,CAAC,QAAQ,EAAE;AACjB,GAAG,OAAO,KAAK,CAAC;AAChB,GAAG;AACH;AACA,EAAE,IAAI,KAAK,EAAE;AACb,GAAG,OAAO,KAAK,GAAG,GAAG,GAAG,QAAQ,CAAC;AACjC,GAAG;AACH;AACA,EAAE,OAAO,KAAK,GAAG,QAAQ,CAAC;AAC1B,EAAE;AACF;AACA,CAAC,IAAqC,MAAM,CAAC,OAAO,EAAE;AACtD,EAAE,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;AAClC,EAAE,iBAAiB,UAAU,CAAC;AAC9B,EAAE,MAKM;AACR,EAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;AACjC,EAAE;AACF,CAAC,EAAE;;;;;;;","names":[],"sources":["../../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"version":3}
|